@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&display=swap";
:root{--void:#05060b;--moon:#ebf3fb;--moon-2:#a0acb8;--moon-3:#5b656e;--moon-4:#2d343a;--cobalt-line:#112a5f;--cobalt-ink:#4f86f8;--gold:#ecb84e;--gold-soft:#ecb84e29;--gold-glow:#ecb84e57;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease:cubic-bezier(.22,.61,.36,1)}@supports (color:lab(0% 0 0)){:root{--moon:lab(95.3474% -1.51151 -4.98902);--moon-2:lab(69.8258% -2.52503 -7.68981);--moon-3:lab(41.984% -2.23553 -6.96287);--moon-4:lab(21.1065% -1.64618 -5.20882);--cobalt-line:lab(17.757% 7.57451 -35.2167);--cobalt-ink:lab(56.5811% 10.1904 -63.6257);--gold:lab(78.0859% 11.8738 59.2104);--gold-soft:lab(78.0859% 11.8738 59.2104/.16);--gold-glow:lab(78.0859% 11.8738 59.2104/.34)}}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--void);width:100%;height:100%;color:var(--moon);font-family:var(--mono);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow:hidden}body{justify-content:center;align-items:center;display:flex}.stage{transform-origin:0 0;opacity:0;background:radial-gradient(40% 38% at 50% 48%, #05133580 0%, transparent 72%), var(--void);height:900px;position:absolute;top:0;left:0}@supports (color:lab(0% 0 0)){.stage{background:radial-gradient(40% 38% at 50% 48%, lab(6.54062% 5.31796 -24.4606/.5) 0%, transparent 72%), var(--void)}}.stage:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(180deg,var(--void) 3%,transparent 22%), linear-gradient(0deg,var(--void) 5%,transparent 28%), radial-gradient(130% 100% at 50% 48%, transparent 56%, #00000080 100%);position:absolute;inset:0}@supports (color:lab(0% 0 0)){.stage:before{background:linear-gradient(180deg,var(--void) 3%,transparent 22%), linear-gradient(0deg,var(--void) 5%,transparent 28%), radial-gradient(130% 100% at 50% 48%, transparent 56%, lab(0% 0 0/.5) 100%)}}.stage.show{opacity:1;transition:opacity .9s}.seat-glow{opacity:0;pointer-events:none;z-index:1;filter:blur(8px);background:radial-gradient(#25489326 0%,#ecb84e0d 52%,#0000 72%);background:radial-gradient(lab(31.4374% 8.70437 -45.8493/.15) 0%,lab(78.0859% 11.8738 59.2104/.05) 52%,#0000 72%);border-radius:50%;width:680px;height:760px;position:absolute;top:482px;left:50%;transform:translate(-50%,-50%)scale(.7)}.stage.show .seat-glow{opacity:1;transition:opacity 1.5s ease, transform 1.8s var(--ease);transform:translate(-50%,-50%)scale(1)}.masthead{z-index:9;opacity:0;justify-content:space-between;align-items:baseline;height:24px;display:flex;position:absolute;top:42px;left:56px;right:56px}.stage.show .masthead{opacity:1;transition:opacity .9s}.masthead .brand{letter-spacing:.42em;color:var(--moon);border-bottom:1px solid var(--cobalt-line);padding-bottom:11px;font-size:17px;font-weight:500}.masthead .tag{letter-spacing:.3em;color:var(--cobalt-ink);text-transform:uppercase;border-bottom:1px solid var(--cobalt-line);padding-bottom:11px;font-size:10px}.menu{z-index:6;opacity:0;flex-direction:column;gap:2px;width:262px;display:flex;position:absolute;top:50%;left:56px;transform:translateY(-50%)}.stage.show .menu{opacity:1;transition:opacity .9s .15s}.menu .grp{letter-spacing:.28em;color:var(--moon-4);text-transform:uppercase;margin:15px 0 6px 2px;font-size:9px}.feat{cursor:pointer;font-family:var(--mono);text-align:left;background:0 0;border:0;border-left:1px solid #0000;align-items:baseline;gap:13px;width:100%;padding:11px 13px;transition:background .18s,border-color .18s;display:flex}.feat .idx{color:var(--cobalt-ink);flex-shrink:0;font-size:11px}.feat .nm{color:var(--moon-2);letter-spacing:.02em;font-size:14.5px;transition:color .18s}.feat:hover .nm{color:var(--moon)}.feat.on{border-left-color:var(--gold);background:var(--gold-soft)}.feat.on .nm,.feat.on .idx{color:var(--gold)}.feat.done .idx{color:var(--moon-4)}.hub{z-index:4;justify-content:center;align-items:center;padding-left:300px;padding-right:444px;display:flex;position:absolute;inset:0}.phone-foot{z-index:3;opacity:0;position:relative;transform:translateY(10px)scale(.99)}.stage.show .phone-foot{opacity:1;transition:opacity 1s ease, transform 1.1s var(--ease);transform:none}.phone-foot .scaler{transform-origin:0 0}.phone-foot iframe{background:0 0;border:0;display:block;overflow:hidden}.manual{z-index:6;opacity:0;width:372px;position:absolute;top:50%;right:72px;transform:translateY(-50%)}.stage.show .manual{opacity:1;transition:opacity .9s .25s}.m-head{align-items:baseline;gap:10px;margin-bottom:20px;display:flex}.m-num{color:var(--gold);text-shadow:0 0 20px var(--gold-glow);font-variant-numeric:tabular-nums;font-size:48px;font-weight:500;line-height:.9}.m-of{color:var(--moon-4);letter-spacing:.02em;font-size:15px}.m-feat{letter-spacing:.24em;color:var(--cobalt-ink);text-transform:uppercase;align-self:center;margin-left:auto;font-size:10px}.m-title{letter-spacing:.01em;color:var(--moon);margin-bottom:17px;font-size:23px;font-weight:500;line-height:1.4}.m-detail{color:var(--moon-2);letter-spacing:.005em;min-height:118px;font-size:15px;line-height:1.95}.m-detail b{color:var(--moon);font-weight:500}.m-lens{gap:24px;margin-bottom:18px;display:inline-flex}.m-lens-tab{font-family:var(--mono);letter-spacing:.05em;color:var(--moon-4);cursor:pointer;background:0 0;border:0;padding:0 0 8px;font-size:12.5px;transition:color .18s;position:relative}.m-lens-tab:hover{color:var(--moon-2)}.m-lens-tab.on{color:var(--moon)}.m-lens-tab.on:after{content:"";background:var(--cobalt-ink);width:16px;height:2px;position:absolute;bottom:0;left:0}.m-dots{gap:7px;margin-top:24px;display:flex}.m-d{background:var(--moon-4);width:24px;height:2px;transition:background .3s,box-shadow .3s}.m-d.past{background:var(--cobalt-ink)}.m-d.on{background:var(--gold);box-shadow:0 0 8px var(--gold-glow)}.m-live{align-items:center;gap:9px;min-height:20px;margin-top:20px;display:flex}.m-dot{background:var(--moon-4);border-radius:50%;flex-shrink:0;width:5px;height:5px}.m-dot.live{background:var(--gold);box-shadow:0 0 8px var(--gold-glow);animation:1.4s ease-in-out infinite mPulse}@keyframes mPulse{0%,to{opacity:.5}50%{opacity:1}}.m-note{color:var(--moon-3);letter-spacing:.02em;font-size:12px}.scroll-cue{align-items:center;gap:14px;margin-top:30px;display:flex}.scroll-cue .cue-icons{flex-shrink:0;align-items:center;gap:11px;display:flex}.scroll-cue .keys{flex-direction:column;gap:3px;display:flex}.scroll-cue .key{border:1.5px solid var(--gold);width:19px;height:15px;color:var(--gold);justify-content:center;align-items:center;font-size:9px;line-height:1;display:flex}.scroll-cue .key.up{animation:1.6s ease-in-out .8s infinite keyPress}.scroll-cue .key.down{animation:1.6s ease-in-out infinite keyPress}@keyframes keyPress{0%,to{box-shadow:none;background:0 0}50%{background:var(--gold-soft);box-shadow:0 0 9px var(--gold-glow)}}.scroll-cue .mouse{border:1.5px solid var(--gold);width:21px;height:32px;box-shadow:0 0 12px var(--gold-glow);border-radius:11px;flex-shrink:0;position:relative}.scroll-cue .mouse:after{content:"";background:var(--gold);border-radius:2px;width:2px;height:6px;margin-left:-1px;animation:1.5s ease-in-out infinite cueWheel;position:absolute;top:6px;left:50%}@keyframes cueWheel{0%{opacity:0;transform:translateY(-3px)}40%{opacity:1}to{opacity:0;transform:translateY(7px)}}.scroll-cue .body{flex-direction:column;gap:5px;display:flex}.scroll-cue .lead{color:var(--moon);letter-spacing:.04em;font-size:13.5px}.scroll-cue .lead b{color:var(--gold);font-weight:500}.scroll-cue .sub{color:var(--moon-3);letter-spacing:.04em;align-items:center;gap:6px;font-size:11px;display:flex}.scroll-cue .chev{border-right:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);width:7px;height:7px;animation:1.5s ease-in-out infinite cueBob;transform:rotate(45deg)}@keyframes cueBob{0%,to{opacity:.5;transform:translateY(-1px)rotate(45deg)}50%{opacity:1;transform:translateY(2px)rotate(45deg)}}.scroll-cue{transition:opacity .7s}.scroll-cue.quiet{opacity:.32}.scroll-cue.quiet .mouse{border-color:var(--moon-4);box-shadow:none}.scroll-cue.quiet .mouse:after{background:var(--moon-4);opacity:.5;animation:none}.scroll-cue.quiet .key{border-color:var(--moon-4);color:var(--moon-4)}.scroll-cue.quiet .key.up,.scroll-cue.quiet .key.down,.scroll-cue.quiet .chev{animation:none}.scroll-cue.quiet .chev{border-color:var(--moon-4)}.scroll-cue.quiet .lead,.scroll-cue.quiet .lead b{color:var(--moon-3)}.m-idle{flex-direction:column;gap:16px;display:flex}.m-idle-t{color:var(--moon);letter-spacing:.01em;font-size:21px}.m-idle-b{color:var(--moon-3);font-size:14px;line-height:1.85}.m-idle-b b{color:var(--gold);font-weight:500}.ask-entry{text-align:left;cursor:pointer;width:100%;font-family:var(--mono);background:0 0;border:0;border-bottom:1px solid oklch(32% .015 248/.25);flex-direction:column;gap:6px;margin-bottom:12px;padding:0 2px 16px;display:flex}.ask-entry-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.ask-entry-t{letter-spacing:.04em;color:var(--moon);font-size:17px;font-weight:500;transition:color .18s}.ask-entry-chev{color:var(--gold);text-shadow:0 0 9px var(--gold-glow);font-size:21px;line-height:1}.ask-entry-sub{letter-spacing:.02em;color:var(--moon-3);font-size:11px}.ask-entry:hover .ask-entry-t,.ask-entry.on .ask-entry-t{color:var(--gold)}.ask{z-index:6;flex-direction:column;width:372px;max-height:700px;display:flex;position:absolute;top:50%;right:72px;transform:translateY(-50%)}.ask-head{color:var(--moon);letter-spacing:.01em;margin-bottom:22px;font-size:23px;font-weight:500}.ask-log{flex:1;min-height:0;overflow-y:auto}.ask-starters-t{letter-spacing:.28em;text-transform:uppercase;color:var(--moon-4);margin-bottom:12px;font-size:10px}.ask-chip{text-align:left;cursor:pointer;width:100%;font-family:var(--mono);color:var(--moon-2);background:0 0;border:0;align-items:baseline;gap:12px;padding:12px 0;font-size:14.5px;line-height:1.55;transition:color .18s;display:flex}.ask-chip-mark{color:var(--gold);flex-shrink:0;font-size:12px;line-height:1.6}.ask-chip:hover{color:var(--moon)}.ask-msg{margin-bottom:20px}.ask-who{letter-spacing:.24em;text-transform:uppercase;color:var(--moon-4);margin-bottom:7px;font-size:10px;display:block}.ask-msg.user .ask-who{color:var(--cobalt-ink)}.ask-text{color:var(--moon-2);font-size:14.5px;line-height:1.85}.ask-msg.user .ask-text{color:var(--moon)}.ask-think{color:var(--moon-3)}.ask-form{border-top:1px solid #2d343a40;border-top:1px solid lab(21.1065% -1.64618 -5.20882/.25);align-items:center;gap:14px;margin-top:18px;padding-top:16px;display:flex}.ask-input{border:0;border-bottom:1px solid var(--moon-4);min-width:0;font-family:var(--mono);color:var(--moon);background:0 0;outline:none;flex:1;padding:6px 0;font-size:14px;transition:border-color .18s}.ask-input:focus{border-bottom-color:var(--cobalt-ink)}.ask-input::placeholder{color:var(--moon-4)}.ask-send{cursor:pointer;font-family:var(--mono);letter-spacing:.08em;color:var(--gold);background:0 0;border:0;flex-shrink:0;font-size:12px;transition:color .18s}.ask-send:hover:not(:disabled){color:var(--moon)}.ask-send:disabled{color:var(--moon-4);cursor:default}.mgate{display:none}@media (max-width:820px){.stage{display:none!important}.mgate{z-index:100;text-align:center;background:radial-gradient(62% 44% at 50% 38%, #0513358c 0%, transparent 72%), linear-gradient(180deg, var(--void) 0%, #000104 50%, var(--void) 100%);color:var(--moon);font-family:var(--mono);-webkit-font-smoothing:antialiased;flex-direction:column;justify-content:center;align-items:center;padding:32px 30px;display:flex;position:fixed;inset:0}@supports (color:lab(0% 0 0)){.mgate{background:radial-gradient(62% 44% at 50% 38%, lab(6.54062% 5.31796 -24.4606/.55) 0%, transparent 72%), linear-gradient(180deg, var(--void) 0%, lab(.288986% .131659 -1.23988) 50%, var(--void) 100%)}}}.mgate-inner{flex-direction:column;align-items:center;max-width:330px;display:flex}.mgate-brand{letter-spacing:.42em;color:var(--moon);padding-left:.42em;font-size:26px;font-weight:500}.mgate-tag{letter-spacing:.26em;color:var(--cobalt-ink);margin-top:15px;font-size:11px}.mgate-line{background:var(--gold);width:26px;height:2px;box-shadow:0 0 10px var(--gold-glow);margin:28px 0}.mgate-msg{color:var(--moon-2);letter-spacing:.01em;margin:0;font-size:15px;line-height:1.95}.mgate-open{letter-spacing:.28em;text-transform:uppercase;color:var(--moon-4);margin-top:30px;font-size:10px}.mgate-url{letter-spacing:.03em;color:var(--gold);margin-top:9px;font-size:16px}.finger{z-index:30;pointer-events:none;opacity:0;will-change:transform;width:34px;height:34px;margin:-17px 0 0 -17px;transition:transform .52s cubic-bezier(.34,.7,.3,1),opacity .3s;position:absolute;top:0;left:0}.finger.show{opacity:1}.finger .pad{background:radial-gradient(circle at 38% 32%,#f4f9ff80,#d4dfeb2e 70%);background:radial-gradient(circle at 38% 32%,lab(97.6717% -1.09231 -3.57046/.5),lab(88.3797% -2.11504 -7.10391/.18) 70%);border:1.5px solid #ebf3fbc7;border:1.5px solid lab(95.3474% -1.51151 -4.98902/.78);border-radius:50%;transition:transform .16s;position:absolute;inset:7px;box-shadow:0 2px 10px #00000073,0 0 12px #ebf3fb40;box-shadow:0 2px 10px lab(0% 0 0/.45),0 0 12px lab(95.3474% -1.51151 -4.98902/.25)}.finger .ring{border:1.5px solid var(--gold);opacity:0;border-radius:50%;position:absolute;inset:0;transform:scale(.42)}.finger.tap .pad{transform:scale(.72)}.finger.press .pad{transform:scale(.64)}.finger.tap .ring{animation:.5s ease-out fingerTap}@keyframes fingerTap{0%{opacity:.85;transform:scale(.42)}to{opacity:0;transform:scale(1.6)}}@media (prefers-reduced-motion:reduce){.m-dot.live{animation:none}.finger{transition:opacity .3s}.finger.tap .ring{animation:none}}
