:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#06070b;--page-hi:#101320;--page-lo:#030409;--slab-hi:#191d29;--slab-lo:#0a0c12;--ink-off:#8b93a6;--text-hi:#f2f5fb;--text-soft:#98a1b4;--text-faint:#6f7889;--glow-rgb:110 231 255;--glow:rgb(var(--glow-rgb));--font:"Manrope", ui-sans-serif, system-ui, -apple-system, sans-serif;--ease:cubic-bezier(.22, .61, .28, 1)}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--page);color:var(--text-hi);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}.bloom{pointer-events:none;z-index:0;background:radial-gradient(36% 23% at 50% 62%, rgb(var(--glow-rgb) / .12), transparent 78%), radial-gradient(90% 52% at 50% 0%, #161a2a, transparent 72%), linear-gradient(180deg, var(--page-hi), var(--page-lo));position:fixed;inset:0}.vignette{pointer-events:none;z-index:1;background:radial-gradient(78% 62% at 50% 52%,#0000 42%,#030409b8);position:fixed;inset:0}.grain{pointer-events:none;z-index:2;opacity:.12;mix-blend-mode:overlay;background-image:url(/textures/grain.png);background-size:180px;position:fixed;inset:-50%}.stage{z-index:3;min-height:100svh;padding:clamp(28px, 6vh, 64px) 20px calc(clamp(26px, 6vh, 64px) + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;gap:clamp(28px,5.5vh,58px);display:flex;position:relative}.head{text-align:center;width:100%;max-width:680px}.head__brand{letter-spacing:.3em;text-transform:uppercase;color:var(--text-faint);align-items:center;gap:12px;margin:0 0 clamp(14px,2.4vh,26px);font-size:11.5px;font-weight:600;display:inline-flex}.head__dot{background:var(--glow);width:7px;height:7px;box-shadow:0 0 0 4px rgb(var(--glow-rgb) / .16), 0 0 15px 2px rgb(var(--glow-rgb) / .55);border-radius:50%;margin-right:-4px}.head__rule{opacity:.55;background:linear-gradient(90deg,#0000,currentColor,#0000);width:26px;height:1px}.head__idx{font-variant-numeric:tabular-nums;color:var(--glow);opacity:.85}.panels{display:grid}.panel{outline:none;grid-area:1/1}.panel[hidden]{visibility:hidden;opacity:0;pointer-events:none;display:block}.panel:focus-visible{outline:2px solid var(--text-hi);outline-offset:12px;border-radius:8px}.panel__word{letter-spacing:-.045em;color:var(--text-hi);filter:drop-shadow(0 0 34px rgb(var(--glow-rgb) / .16));margin:0 0 -.13em;padding-bottom:.2em;font-size:clamp(56px,13.5vw,126px);font-weight:800;line-height:.92;overflow:hidden}.panel__word .ch{background:linear-gradient(#fff 14%,#a9b4c8 98%);color:#0000;will-change:transform, opacity;-webkit-background-clip:text;background-clip:text;display:inline-block}.panel__line{color:var(--text-soft);margin:clamp(20px,2.8vh,30px) 0 0;font-size:clamp(14px,1.6vw,17px);font-weight:400}.rig{flex:none;width:min(500px,100%);margin-bottom:clamp(8px,2vh,24px);position:relative}.dock{border-radius:var(--dock-r,26px);touch-action:pan-y;-webkit-tap-highlight-color:transparent;isolation:isolate;background:radial-gradient(100% 120% at 50% -36%, #1a2030, transparent 58%), linear-gradient(180deg, var(--slab-hi), var(--slab-lo));width:100%;height:clamp(84px,11.5vh,96px);box-shadow:inset 0 -14px 22px -16px #000000f2, 0 1px 0 #ffffff0d, 0 16px 34px -14px #000000d1, 0 44px 76px -30px #000000e6, 0 0 48px -28px rgb(var(--glow-rgb) / .34);position:relative;overflow:hidden}.dock__sheen{pointer-events:none;background:linear-gradient(#ffffff12,#ffffff03 34%,#0000 58%);position:absolute;inset:0}.dock__lit{width:var(--lit-d,300px);height:var(--lit-d,300px);margin:calc(var(--lit-d,300px) / -2) 0 0 calc(var(--lit-d,300px) / -2);pointer-events:none;background:radial-gradient(50% 50% at 50% 50%, rgb(var(--glow-rgb) / .26), rgb(var(--glow-rgb) / .07) 34%, transparent 62%);will-change:transform, opacity;position:absolute;top:50%;left:0}.dock__smear{width:var(--smear-w,220px);height:var(--smear-h,64px);margin:calc(var(--smear-h,64px) / -2) 0 0 calc(var(--smear-w,220px) / -2);translate:0 var(--icon-y,-12px);pointer-events:none;opacity:0;background:radial-gradient(50% 50% at 50% 50%, rgb(var(--glow-rgb) / .46), rgb(var(--glow-rgb) / .15) 44%, rgb(var(--glow-rgb) / .03) 72%, transparent 100%);will-change:transform, opacity;position:absolute;top:50%;left:0}.dock__tabs{padding-inline:clamp(18px,8%,44px);display:flex;position:absolute;inset:0}.tab{height:100%;font:inherit;cursor:pointer;--t:0;color:color-mix(in oklab, var(--ink-off) calc((1 - var(--t)) * 100%), var(--acc));background:0 0;border:0;border-radius:18px;flex:1;padding:0;display:block;position:relative}.tab:focus-visible{outline:2px solid var(--text-hi);outline-offset:-5px}.tab:after{content:"";width:var(--ring-d,46px);height:var(--ring-d,46px);margin:calc(var(--ring-d,46px) / -2) 0 0 calc(var(--ring-d,46px) / -2);opacity:0;transform:translateY(var(--icon-y,-12px)) scale(.82);transition:opacity .38s var(--ease), transform .38s var(--ease);pointer-events:none;border:1px solid;border-radius:50%;position:absolute;top:50%;left:50%}@media (hover:hover){.tab:hover:after{opacity:.17;transform:translateY(var(--icon-y,-12px)) scale(1)}}.tab[aria-selected=true]:after{opacity:0}.tab__icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px;transform:translate(-50%, -50%) translateY(var(--icon-y,-12px)) scale(calc(1 + var(--t) * .07));will-change:transform;position:absolute;top:50%;left:50%}.tab__label{letter-spacing:.07em;color:currentColor;white-space:nowrap;margin-top:15px;font-size:10.5px;font-weight:600;position:absolute;top:50%;left:0;right:0}.tab[aria-selected=true]{color:var(--acc)}.js .tab[aria-selected=true]{color:color-mix(in oklab, var(--ink-off) calc((1 - var(--t)) * 100%), var(--acc))}.light,.rim{pointer-events:none;contain:paint;will-change:transform;width:100%;height:100%;position:absolute;inset:0}.light path,.light circle,.mirror path{fill:none;stroke-linecap:round;stroke-linejoin:round}.light{--speed:0}.light__bloom{stroke:var(--glow);stroke-width:calc(13px + var(--speed) * 6px);opacity:calc(.1 + var(--speed) * .12)}.light__mid{stroke:var(--glow);stroke-width:calc(5.5px + var(--speed) * 1.8px);opacity:calc(.26 + var(--speed) * .2)}.light__core{stroke:url(#arcCore);stroke-width:calc(2px + var(--speed) * .7px)}.arc-core-tail{stop-color:var(--glow)}.arc-core-head{stop-color:color-mix(in srgb, var(--glow) 38%, #fff)}.light__pulse{stroke:var(--glow);stroke-width:1.6px;opacity:0}.rim rect{fill:none}.rim__base{stroke:url(#arcRimBase);stroke-width:1.1px}.rim__lit{stroke:url(#arcRimLit);stroke-width:1.3px}.arc-rim-hi{stop-color:#fff;stop-opacity:.075}.arc-rim-lo{stop-color:#fff;stop-opacity:.012}.arc-rim-edge{stop-color:var(--glow);stop-opacity:0}.arc-rim-peak{stop-color:var(--glow);stop-opacity:.5}.mirror{height:var(--mirror-h,58px);pointer-events:none;position:absolute;top:100%;left:0;right:0}.mirror svg{width:100%;height:100%}.mirror{contain:paint;will-change:transform}#mirror{--speed:0}.mirror__bloom{stroke:url(#arcFade);stroke-width:calc(13px + var(--speed) * 6px);opacity:calc(.05 + var(--speed) * .07)}.mirror__mid{stroke:url(#arcFade);stroke-width:calc(5.5px + var(--speed) * 1.8px);opacity:calc(.2 + var(--speed) * .2)}.arc-fade-near{stop-color:var(--glow);stop-opacity:.9}.arc-fade-mid{stop-color:var(--glow);stop-opacity:.42}.arc-fade-far{stop-color:var(--glow);stop-opacity:0}.dock:not(.is-ready) .light,.dock:not(.is-ready) .rim__lit,.dock:not(.is-ready) .dock__lit,.rig:not(.is-ready) .mirror{opacity:0}.hint{color:var(--text-faint);margin:0;font-size:13px}.hint em{color:var(--text-hi);border-bottom:1px dashed #f2f5fb4d;font-style:normal}@media (width<=420px){.dock{height:80px}.tab__icon{width:21px;height:21px}.tab__label{letter-spacing:.04em;margin-top:13px;font-size:9.5px}.head__brand{letter-spacing:.22em;gap:9px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}.tab:after{transition:none}}