:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e4e6ea;background:#050506;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #dbe1ee;outline-offset:5px}.landing{height:100svh;min-height:100svh;overflow:hidden}.aura,.aura-shade{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.aura{z-index:0;opacity:.30;background:radial-gradient(ellipse at 50% 35%,#22242b 0,transparent 67%)}.aura-shade{z-index:1;background:linear-gradient(#03030518,#03030508 45%,#030305bb);box-shadow:inset 0 0 20vw #03030588}.viewport{position:relative;z-index:2;display:grid;grid-template-rows:auto 1fr auto;height:100svh;padding:clamp(12px,3vh,30px) max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom));isolation:isolate;overflow:clip}.topbar{display:flex;justify-content:flex-end;align-items:center;min-height:44px;padding-right:clamp(0px,2vw,22px)}.capsule{position:relative;display:inline-flex;align-items:center;justify-content:center;border:1px solid #bdc5d84a;border-radius:999px;background:transparent;text-decoration:none;isolation:isolate;box-shadow:0 1px 0 #ffffff17 inset,0 -1px 0 #0008 inset;transition:border-color .2s,box-shadow .2s,transform .2s}.capsule>canvas{position:absolute;inset:-2px;width:calc(100% + 4px);height:calc(100% + 4px);z-index:-1;pointer-events:none}.capsule>span{position:relative;z-index:1}.capsule:is(a,button):active{transform:scale(.97)}.language{font-size:12px;letter-spacing:.08em;min-width:54px;min-height:44px;padding:0 18px;color:#d4d7df}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,3.3vh,30px);padding:18px 0 30px;min-height:0}.hero:focus{outline:none}.wordmark-group{position:relative;max-width:100%;padding:20px 0 0}.wordmark{position:relative;width:max-content;max-width:calc(100vw - 32px);padding:0 .36em .15em;font-size:clamp(48px,12.3vw,122px);display:flex;align-items:center;justify-content:center}.wordmark h1{position:relative;cursor:default;user-select:none;-webkit-user-select:none;font-family:"Helvetica Neue",Arial,sans-serif;white-space:nowrap;font-size:inherit;font-weight:500;letter-spacing:0;line-height:1.18;margin:0;max-width:100%;color:#d8dde4;background:linear-gradient(130deg,#5c626c,#eef0f3 28%,#939ca9 48%,#f4f6f8 71%,#69717b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.wordmark h1 canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}h1.metal-ready>span{opacity:0}.notch-metal{position:absolute;inset:0;pointer-events:none}.notch-metal>canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.notch-metal.metal-ready>.notch{opacity:0}.notch{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.notch-rim,.notch-light{fill:none;stroke-width:1.8;stroke-linecap:round;vector-effect:non-scaling-stroke}.notch-rim{stroke:url(#rim);opacity:.74}.notch-light{stroke:#edf3ff;stroke-width:2;stroke-dasharray:100 1400;stroke-dashoffset:0;opacity:.75;filter:drop-shadow(0 0 4px #cbd5ea44);animation:rim-travel 14s linear infinite}@keyframes rim-travel{to{stroke-dashoffset:-1500}}.preview{position:absolute;right:4%;top:-6px;cursor:default;user-select:none;-webkit-user-select:none;padding:7px 14px;font-size:11px;letter-spacing:.06em;color:#dadfe9;min-height:30px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.description{margin:0;color:#c9cbd2;font-size:clamp(13px,1.8vw,17px);letter-spacing:.09em;text-align:center;line-height:1.5;padding:0 10px;max-width:100%}.download{min-height:52px;padding:0 29px;gap:18px;min-width:180px;font-size:14px;font-weight:500;letter-spacing:.02em;color:#eef0f4}.download .arrow{display:inline-block;padding-left:15px;font-weight:400;font-size:19px;vertical-align:-1px}.download:disabled{color:#9b9fa8;cursor:default}.credits{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:10px 0 0;color:#969ca8;font-size:11px;line-height:1.4;min-width:0}.developer,.organization{display:flex;align-items:center;justify-content:center;gap:8px;min-height:24px}.developer img{width:25px;height:25px;object-fit:contain;image-rendering:pixelated}.organization{gap:10px;color:#a6abb6}.organization img{width:105px;height:29px;object-fit:contain;opacity:.72}.fine-print{margin:5px 0 0;font-size:10px;color:#a3abb9;max-width:100%;line-height:1.5}.fine-print a{text-decoration:none;white-space:nowrap}.fine-print a:hover{color:#d1d6e2}.skip{position:fixed;top:-80px;left:18px;padding:10px 16px;background:#e5e8ee;color:#121316;z-index:20;border-radius:8px}.skip:focus{top:12px}dialog{width:min(600px,calc(100vw - 28px));max-height:calc(100svh - 28px);padding:0;border:1px solid #ffffff29;border-radius:20px;color:#cfd4df;background:#111319;box-shadow:0 24px 100px #0009}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid #ffffff14}.dialog-head h2{margin:0;font-weight:500;font-size:16px}.dialog-head button{display:grid;place-items:center;color:#d8dce5;background:transparent;border:1px solid #ffffff26;border-radius:50%;width:36px;height:36px;font-size:23px;cursor:pointer}.dialog-content{padding:18px 22px;overflow:auto;max-height:calc(100svh - 130px);font-size:13px;line-height:1.75;overscroll-behavior:contain}.dialog-content p{margin:0 0 16px}.dialog-content h3{font-size:14px;font-weight:500;color:#e8ebf2}.dialog-content pre{font:10px/1.65 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#9da7b9}.legal{background:#090a0d;min-height:100svh;color:#cbd0db}.legal main{max-width:720px;margin:auto;padding:clamp(24px,6vw,64px)}.legal h1{font-size:27px;font-weight:500;letter-spacing:-.04em}.legal .dialog-content{padding:0;max-height:none;overflow:visible}.legal .back{font-size:13px;color:#949dad}@media(hover:hover){.capsule:is(a,button):hover{border-color:#cdd6e080;box-shadow:0 0 24px #d8e2f014,0 1px 0 #ffffff20 inset}.developer:hover,.organization:hover{color:#e0e4ed}.organization:hover img{opacity:.95}}@media(max-width:450px){.wordmark{font-size:17vw}.preview{font-size:10px;padding:6px 11px;right:5%;top:-11px}.hero{gap:23px;padding-bottom:22px}.description{font-size:14px;letter-spacing:.055em}.download{font-size:13px;min-width:172px}.fine-print{font-size:9px}.credits{gap:5px}.organization img{width:95px}}@media(max-height:520px){.viewport{padding-top:9px;padding-bottom:9px}.hero{gap:12px;padding:6px 0 12px}.wordmark{font-size:clamp(36px,8vw,73px)}.wordmark-group{padding-top:7px}.preview{top:-8px;font-size:9px;min-height:24px;padding:5px 10px}.description{font-size:12px}.download{min-height:44px;padding:0 24px;font-size:12px}.credits{gap:3px;font-size:10px;padding-top:1px}.developer img{width:19px;height:19px}.organization{min-height:18px}.organization img{height:20px;width:78px}.fine-print{margin-top:0;font-size:9px}.language{min-height:36px;font-size:10px;padding:0 13px;min-width:45px}.topbar{min-height:36px}}@media(max-width:260px){.viewport{padding-right:8px;padding-left:8px}.wordmark{font-size:17vw;max-width:calc(100vw - 22px)}.preview{font-size:8px;padding:4px 8px;min-height:22px;top:-7px}.description{font-size:11px;letter-spacing:0}.download{min-width:145px;font-size:11px;padding:0 18px}.credits{font-size:9px}.organization img{width:64px}.fine-print{font-size:8px}.fine-print span{display:none}.fine-print a{margin-left:7px}}@media(max-height:310px){.viewport{padding:4px 12px}.topbar{min-height:28px}.language{min-height:28px}.wordmark-group{padding-top:3px}.wordmark{font-size:clamp(26px,6vw,47px)}.hero{gap:6px;padding:0 0 5px}.description{font-size:10px}.download{min-height:32px;font-size:11px;min-width:150px;padding:0 18px}.preview{min-height:20px;top:-5px;font-size:8px;padding:3px 8px}.credits{gap:0;font-size:9px}.developer{min-height:17px}.developer img{width:16px;height:16px}.organization img{height:16px;width:64px}.fine-print{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.notch-light{display:none}.capsule:is(a,button):active{transform:none}}@media(forced-colors:active){.aura,.aura-shade,canvas,.notch{display:none}.wordmark h1{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}h1.metal-ready>span{opacity:1}.capsule,dialog{border:1px solid CanvasText}.fine-print{color:CanvasText}.preview{backdrop-filter:none}}
