:root{--hk-ground:#f7f8fb;--hk-surface:#fff;--hk-ink:#0b0d17;--hk-ink-2:#535a6b;--hk-rule:#dfe2ea;--hk-cobalt:#2236d1;--hk-star:var(--hk-cobalt)}[data-hk-theme=dark]{--hk-ground:#0b0d17;--hk-surface:#141826;--hk-ink:#f2f4fa;--hk-ink-2:#9ca3b5;--hk-rule:#262b3b;--hk-cobalt:#6f7fff}[data-hk-theme=dark] :is(helikos-bar,helikos-colophon){--hk-star:var(--hk-star-night)}helikos-bar:not(:defined){block-size:52px;display:block}helikos-bar[variant=compact]:not(:defined){block-size:0}@media (width<=599px){helikos-bar:not(:defined){block-size:48px}}.hk-slot{display:contents}@font-face{font-family:HK Inter;src:url(/assets/inter-var-DqAq3-iN.woff2)format("woff2");font-weight:400 600;font-display:swap}@font-face{font-family:HK Mono;src:url(/assets/jetbrains-mono-400-CVHNwPh0.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:HK Inter Fallback;src:local(Arial);size-adjust:107%;ascent-override:90.54%;descent-override:22.54%;line-gap-override:0%}@font-face{font-family:HK Mono Fallback;src:local(Courier New);size-adjust:100%;ascent-override:102%;descent-override:30%;line-gap-override:0%}html,body,#root{height:100%}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background:#05060a;margin:0;overflow:hidden}.stage{color:#fff;background:radial-gradient(120% 90% at 50% 55%,#0c0e16 0%,#05060a 60%,#020204 100%);height:100dvh;font-family:HK Inter,HK Inter Fallback,system-ui,sans-serif;position:relative;overflow:clip}.backlight{background:radial-gradient(closest-side, color-mix(in oklab, var(--accent) 55%, transparent) 0%, transparent 70%), radial-gradient(closest-side, color-mix(in oklab, var(--accent) 25%, #fff 5%) 0%, transparent 100%);filter:blur(60px);opacity:.55;pointer-events:none;width:900px;height:900px;transition:background .9s;animation:7s ease-in-out infinite breathe;position:absolute;top:54%;left:50%;translate:-50% -50%}.is-mobile .backlight{display:none}@keyframes breathe{50%{opacity:.75;scale:1.06}}.glass{-webkit-backdrop-filter:blur(20px)saturate(150%);background:linear-gradient(#ffffff24,#ffffff0d);border:1px solid #ffffff29;box-shadow:0 10px 40px #00000073,inset 0 1px #ffffff2e}.nav button,.nav-m button{font:inherit;color:#fff;cursor:pointer;text-shadow:0 1px 2px #0000008c,0 0 14px #00000073;background:0 0;border:0}.nav{z-index:20;opacity:.38;padding:0 24px;transition:opacity .5s,translate .5s;position:absolute;top:14px;left:50%;translate:-50%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.nav.awake,.nav:hover,.nav:focus-within{opacity:1}.nav-bar{border-radius:999px;align-items:center;gap:2px;padding:5px;display:flex}.nav-chip{letter-spacing:.01em;border-radius:999px;align-items:center;gap:0;height:34px;padding:0 11px;font-size:13px;transition:background .3s,gap .3s;display:flex}.nav-chip:hover{background:#ffffff1a}.nav-chip .nav-label{white-space:nowrap;opacity:0;max-width:0;transition:max-width .45s,opacity .3s;overflow:hidden}.nav-chip.on{box-shadow:inset 0 1px 0 #ffffff40, 0 0 24px color-mix(in oklab, var(--accent) 45%, transparent);background:#fff3;gap:8px}.nav-chip.on .nav-label{opacity:1;max-width:180px}.nav-num{opacity:.8;font-family:HK Mono,HK Mono Fallback,ui-monospace,monospace;font-size:11.5px}.nav-chip.on .nav-num{color:color-mix(in oklab, var(--accent) 70%, #fff);opacity:1}.nav-arrow{border-radius:999px;width:34px;height:34px;line-height:1;font-size:20px!important}.nav-arrow:hover{background:#ffffff1f}.nav button:focus-visible,.nav-m button:focus-visible{outline-offset:1px;outline:2px solid #fffc}.nav-m{z-index:20;padding:calc(env(safe-area-inset-top) + 6px) 10px 0;opacity:.42;transition:opacity .5s;position:absolute;top:0;left:0;right:0}.nav-m.awake{opacity:1}.nav-m-bar{background:linear-gradient(#282c3a9e,#12141c8c);border-radius:999px;justify-content:space-between;align-items:center;height:40px;padding:0 3px;display:flex}.nav-m-title{flex:1;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.nav-caret{opacity:.7;font-size:10px}.nav-m-sheet{background:#14161eb8;border-radius:22px;grid-template-columns:1fr 1fr;gap:2px;margin-top:8px;padding:6px;display:grid}.nav-m-sheet button{text-align:left;border-radius:14px;padding:11px 12px;font-size:14px}.nav-m-sheet button.on{background:#ffffff29}.showcase{grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(24px,5vw,88px);padding:0 32px 36px;display:grid;position:absolute;inset:64px 0 0}.caption{text-align:right;justify-self:end;max-width:300px}.caption-num{color:color-mix(in oklab, var(--accent) 75%, #fff);letter-spacing:.2em;font-family:HK Mono,HK Mono Fallback,monospace;font-size:13px}.caption-title{letter-spacing:-.02em;text-shadow:0 0 40px color-mix(in oklab, var(--accent) 40%, transparent);margin:10px 0 12px;font-size:clamp(28px,3vw,44px);font-weight:600;line-height:1.05}.caption-tag{color:#ffffff9e;margin:0;font-size:16px;line-height:1.45}.hints{color:#ffffff9e;justify-self:start;max-width:260px;font-size:14px}.hints-label{letter-spacing:.2em;text-transform:uppercase;color:#fff6;margin-bottom:12px;font-family:HK Mono,HK Mono Fallback,monospace;font-size:11px}.hints ol{counter-reset:h;gap:10px;margin:0;padding:0;list-style:none;display:grid}.hints li{counter-increment:h;grid-template-columns:22px 1fr;line-height:1.4;display:grid}.hints li:before{content:counter(h);color:color-mix(in oklab, var(--accent) 70%, #fff);padding-top:2px;font-family:HK Mono,monospace;font-size:11px}.hints-keys{color:#ffffff59;margin-top:26px;font-size:12px}.hints kbd{border:1px solid #fff3;border-radius:5px;padding:2px 6px;font-family:HK Mono,monospace;font-size:11px}@media (width<=1080px){.showcase{grid-template-columns:1fr;justify-items:center;padding-bottom:20px}.caption,.hints{display:none}}.phone-slot{justify-self:center;position:relative}.phone{transform-origin:0 0;box-sizing:border-box;box-shadow:0 0 0 1.5px #2a2c33, 0 0 0 2.5px #ffffff0f, inset 0 0 0 1px #ffffff2e, inset 0 0 6px 2px #000000e6, 0 0 90px 10px color-mix(in oklab, var(--accent) 30%, transparent), 0 0 220px 40px color-mix(in oklab, var(--accent) 16%, transparent), 0 50px 100px #0009;background:linear-gradient(145deg,#3a3d46 0%,#15161b 22%,#0b0c10 50%,#1c1e24 78%,#474a54 100%);border-radius:68px;padding:12px;transition:box-shadow .9s;position:absolute;top:0;left:0}.phone:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(110deg, #ffffff59, transparent 18%, transparent 82%, color-mix(in oklab, var(--accent) 60%, #fff) 100%);-webkit-mask-composite:xor;opacity:.45;padding:1.5px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)}.phone-btn{background:linear-gradient(90deg,#2d2f36,#50535c);border-radius:2px;width:4px;position:absolute}.phone-btn-power{height:96px;top:220px;right:-3px}.phone-btn-vol1{height:62px;top:190px;left:-3px}.phone-btn-vol2{height:62px;top:266px;left:-3px}.screen{isolation:isolate;background:#000;position:relative;overflow:hidden}.screen-phone{--safe-top:54px;--safe-bottom:26px;border-radius:56px;width:390px;height:844px;transform:translateZ(0)}.screen-full{--safe-top:calc(env(safe-area-inset-top) + 54px);--safe-bottom:max(12px, env(safe-area-inset-bottom));position:absolute;inset:0;transform:translateZ(0)}.concept-root{animation:.55s cubic-bezier(.2,.8,.2,1) both concept-in;position:absolute;inset:0}@keyframes concept-in{0%{opacity:0;filter:blur(6px);scale:.97}}.screen-msg{text-align:center;color:#ffffffb3;place-content:center;gap:8px;font-size:14px;display:grid;position:absolute;inset:0}.screen-msg small{opacity:.5}.statusbar{z-index:50;pointer-events:none;height:54px;color:var(--status-ink,#fff);mix-blend-mode:difference;justify-content:space-between;align-items:center;padding:0 32px 0 46px;font-size:16px;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.statusbar-icons{align-items:center;gap:6px;display:flex}.statusbar svg{fill:currentColor}.battery{box-sizing:border-box;opacity:.9;border:1.5px solid;border-radius:4px;width:25px;height:12px;padding:1.5px;position:relative}.battery span{background:currentColor;border-radius:1.5px;width:78%;height:100%;display:block}.island{z-index:51;pointer-events:none;background:#000;border-radius:20px;width:124px;height:36px;position:absolute;top:11px;left:50%;translate:-50%}.home-indicator{z-index:51;mix-blend-mode:difference;opacity:.85;pointer-events:none;background:#fff;border-radius:3px;width:136px;height:5px;position:absolute;bottom:8px;left:50%;translate:-50%}helikos-bar[variant=compact]{z-index:30;position:fixed}@media (prefers-reduced-motion:reduce){.backlight,.concept-root{animation:none}}
