html[data-surface=landing]{--ink:#f2f5f8;--dim:#e2ecf57a;--line:#cee0f029;--accent:#ffb066;--ok:#5ee2a0;--font:"Helvetica Neue", -apple-system, "SF Pro Display", "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}html[data-surface=landing] *{box-sizing:border-box}html[data-surface=landing],html[data-surface=landing] body{width:100%;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#01030a;margin:0}html[data-surface=landing] body{overflow-x:hidden}html[data-surface=landing] #stage{touch-action:none;cursor:none;z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}html[data-surface=landing] #scroller{pointer-events:none;z-index:1;width:100%;height:320vh;position:relative}html[data-surface=landing] .scrim{pointer-events:none;z-index:1;position:fixed;left:0;right:0}html[data-surface=landing] .scrim--br{background:radial-gradient(96% 92% at 100% 100%,#000 0%,#000000f7 18%,#000000db 34%,#00000094 52%,#00000047 68%,#00000014 82%,#0000 94%);width:100vw;height:100vh;inset:auto 0 0 auto}html[data-surface=landing] .scrim--bl{display:none}html[data-surface=landing] .scrim--t{background:linear-gradient(#02050ca8,#0000);height:150px;top:0}html[data-surface=landing] .hud{pointer-events:none;z-index:3;-webkit-user-select:none;user-select:none;position:fixed;inset:0}html[data-surface=landing] .topbar{justify-content:space-between;align-items:flex-start;gap:24px;padding:26px 32px;display:flex;position:absolute;top:0;left:0;right:0}html[data-surface=landing] .brand{align-items:center;gap:11px;display:flex}html[data-surface=landing] .brand .mark{border:1px solid #ffffff8c;border-radius:50%;flex:none;width:26px;height:26px;position:relative}html[data-surface=landing] .brand .mark:after{content:"";border:1px solid #0000;border-color:#ffb06673 #0000 #0000 #ffb06673;border-radius:50%;position:absolute;inset:-5px;transform:rotate(28deg)}html[data-surface=landing] .brand b{font:600 14px/1 var(--font);letter-spacing:.26em;text-transform:uppercase;color:#fff}html[data-surface=landing] .brand small{font:400 9px/1 var(--mono);letter-spacing:.22em;color:var(--dim);text-transform:uppercase;margin-top:6px;display:block}html[data-surface=landing] .nav{pointer-events:auto;align-items:center;gap:26px;display:flex}html[data-surface=landing] .nav a{font:400 10px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#e8f0f8b8;cursor:none;text-decoration:none;transition:color .25s}html[data-surface=landing] .nav a:hover{color:#fff}html[data-surface=landing] .status{font:400 9.5px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#e8f0f8b8;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff05;border-radius:2px;align-items:center;gap:9px;padding:8px 12px;display:flex}html[data-surface=landing] .status i{background:var(--ok);width:6px;height:6px;box-shadow:0 0 10px var(--ok);border-radius:50%;animation:2.4s ease-in-out infinite status-pulse}@keyframes status-pulse{0%,to{opacity:.35}50%{opacity:1}}html[data-surface=landing] .hero{width:min(58vw,660px);position:absolute;bottom:22px;left:32px}html[data-surface=landing] .eyebrow{font:400 10px/1.6 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:#ffba7ce6;flex-wrap:wrap;gap:14px;margin-bottom:16px;display:flex}html[data-surface=landing] .eyebrow b{color:var(--dim);letter-spacing:.2em;font-weight:400}html[data-surface=landing] .titles{display:grid;position:relative}html[data-surface=landing] .chapter{opacity:0;pointer-events:none;grid-area:1/1;transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1);transform:translateY(16px)}html[data-surface=landing] .chapter.on{opacity:1;pointer-events:auto;transform:none}html[data-surface=landing] .chapter h1{font-family:var(--font);letter-spacing:-.035em;text-transform:uppercase;color:#fff;margin:0 0 12px;font-size:clamp(34px,4.6vw,68px);font-weight:800;line-height:.9}html[data-surface=landing] .chapter h1 em{color:#ffffffeb;font-style:normal}html[data-surface=landing] .chapter p{max-width:46ch;font:400 12px/1.75 var(--mono);letter-spacing:.06em;color:#f0f6fcd1;text-transform:none;margin:0 0 14px}html[data-surface=landing] .cta{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}html[data-surface=landing] .btn{appearance:none;color:#ffcf9e;font:400 10.5px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;cursor:none;pointer-events:auto;background:#ffb0661a;border:1px solid #ffb06680;border-radius:2px;padding:12px 18px;transition:all .25s}html[data-surface=landing] .btn:hover{color:#fff;background:#ffb06633}html[data-surface=landing] .btn.ghost{border-color:var(--line);color:#ecf4fccc;background:#ffffff05}html[data-surface=landing] .btn.ghost:hover{color:#fff;border-color:#fff6}html[data-surface=landing] .metrics{flex-wrap:wrap;gap:30px;margin-top:26px;display:flex}html[data-surface=landing] .metric span{font:400 9px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-bottom:7px;display:block}html[data-surface=landing] .metric b{font:600 22px/1 var(--font);letter-spacing:-.01em;color:#fff}html[data-surface=landing] .metric b small{font:400 10px/1 var(--mono);letter-spacing:.1em;color:var(--dim);margin-left:5px}html[data-surface=landing] .panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#03070f9e;border-radius:3px;margin-top:6px;padding:6px 16px 4px;box-shadow:0 24px 60px #00000073}html[data-surface=landing] .panel.tight{padding:0}html[data-surface=landing] .table{border-top:1px solid var(--line);width:100%;font:400 11px/1 var(--mono);letter-spacing:.04em;margin-top:6px}html[data-surface=landing] .table .row{border-bottom:1px solid #cee0f017;grid-template-columns:1.6fr .9fr .9fr .9fr;align-items:center;gap:10px;padding:11px 0;transition:background .2s;display:grid}html[data-surface=landing] .table .row:hover{background:#ffffff09}html[data-surface=landing] .table .head{color:var(--dim);letter-spacing:.18em;text-transform:uppercase;padding:8px 0;font-size:9px}html[data-surface=landing] .table .m{color:#fff;letter-spacing:.02em}html[data-surface=landing] .table .m small{letter-spacing:.16em;color:var(--dim);text-transform:uppercase;margin-top:5px;font-size:9px;display:block}html[data-surface=landing] .table .num{color:#e2ecf5c7;text-align:right}html[data-surface=landing] .table .num.dim{color:var(--dim)}html[data-surface=landing] .tag{letter-spacing:.14em;color:#ffcf9e;border:1px solid #ffb06659;border-radius:2px;margin-left:8px;padding:2px 5px;font-size:8px;display:inline-block}html[data-surface=landing] .code{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040810b8;border-radius:3px;margin-top:4px;overflow:hidden}html[data-surface=landing] .code .bar{font:400 9px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid #cee0f01a;justify-content:space-between;align-items:center;padding:9px 12px;display:flex}html[data-surface=landing] .code pre{font:400 11px/1.75 var(--mono);color:#e2ecf5e6;white-space:pre;margin:0;padding:14px 14px 16px;overflow-x:auto}html[data-surface=landing] .code pre .k{color:#ffb066}html[data-surface=landing] .code pre .s{color:#8fd8ff}html[data-surface=landing] .code pre .c{color:#e2ecf561}html[data-surface=landing] .copy{appearance:none;color:#e2ecf599;font:inherit;letter-spacing:.18em;text-transform:uppercase;cursor:none;background:0 0;border:0;transition:color .2s}html[data-surface=landing] .copy:hover{color:#fff}html[data-surface=landing] .copy.done{color:var(--ok)}html[data-surface=landing] .keyrow{font:400 11px/1 var(--mono);color:#e2ecf5d9;border:1px dashed #cee0f033;border-radius:3px;justify-content:space-between;align-items:center;margin-top:12px;padding:10px 12px;display:flex}html[data-surface=landing] .annot{z-index:5;pointer-events:none;position:fixed;inset:0}html[data-surface=landing] .labels{z-index:4;pointer-events:none;position:fixed;inset:0}html[data-surface=landing] .hotspot{opacity:0;will-change:transform;transition:opacity .4s;position:absolute;top:0;left:0}html[data-surface=landing] .hotspot.on{opacity:1}html[data-surface=landing] .hotspot .dot{background:#fff3;border:1px solid #ffffffe6;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;box-shadow:0 0 12px #a0d2ff80}html[data-surface=landing] .hotspot .dot:after{content:"";border:1px solid #fff3;border-radius:50%;animation:2.8s ease-out infinite ping;position:absolute;inset:-7px}@keyframes ping{0%{opacity:.8;transform:scale(.6)}70%{opacity:0;transform:scale(1.5)}to{opacity:0}}html[data-surface=landing] .hotspot .wire{background:#fff6;width:46px;height:1px;position:absolute;top:0;left:6px}html[data-surface=landing] .hotspot .txt{white-space:nowrap;font:400 9px/1.3 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#ecf6ffeb;text-shadow:0 1px 12px #02060ee6;position:absolute;top:-8px;left:58px}html[data-surface=landing] .hotspot .txt small{color:var(--dim);letter-spacing:.14em;margin-top:3px;display:block}html[data-surface=landing] .rail{pointer-events:none;background:#cee0f024;width:1px;height:30vh;position:absolute;top:50%;right:30px;transform:translateY(-50%)}html[data-surface=landing] .rail .fill{background:linear-gradient(var(--accent), #ffffff73);width:1px;height:0%;position:absolute;top:0;left:0}html[data-surface=landing] .rail .knob{background:#fff;border-radius:50%;width:7px;height:7px;position:absolute;top:0;left:-3px;box-shadow:0 0 10px #ffb066cc}html[data-surface=landing] .rail .chap{font:400 9px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);white-space:nowrap;transition:color .3s;position:absolute;left:14px;transform:translateY(-50%)}html[data-surface=landing] .rail .chap.on{color:#fff}html[data-surface=landing] .rail .chap{pointer-events:auto;cursor:none;padding:4px 0 4px 6px}html[data-surface=landing] .rail .chap:hover{color:#fff}html[data-surface=landing] .bottombar{justify-content:space-between;align-items:center;gap:24px;display:flex;position:absolute;bottom:22px;left:32px;right:32px}html[data-surface=landing] .controls{pointer-events:auto;flex-wrap:wrap;align-items:center;gap:9px;display:flex}html[data-surface=landing] .chip{appearance:none;border:1px solid var(--line);color:#ecf4fcd6;font:400 9.5px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;cursor:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border-radius:2px;padding:9px 13px;transition:all .25s}html[data-surface=landing] .chip:hover{color:#fff;border-color:#ffbe8280}html[data-surface=landing] .chip.on{color:#ffbf87;background:#ffb06614;border-color:#ffb06699}html[data-surface=landing] .hint{font:400 9.5px/1.6 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-left:8px;transition:opacity .9s}html[data-surface=landing] .hint.dim{opacity:0}html[data-surface=landing] .readout{text-align:right;font:400 9.5px/1.9 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);white-space:nowrap}html[data-surface=landing] .readout span{color:#f0f6fcd1}html[data-surface=landing] .card{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;background:#04081099;border-radius:3px;width:236px;padding:16px;position:absolute;bottom:96px;right:30px}html[data-surface=landing] .card h4{font:400 9px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin:0 0 12px}html[data-surface=landing] .card .spark{width:100%;height:40px;margin-bottom:12px;display:block}html[data-surface=landing] .card .rowline{font:400 10px/1 var(--mono);letter-spacing:.1em;color:#e2ecf5b8;border-bottom:1px solid #cee0f014;justify-content:space-between;padding:6px 0;display:flex}html[data-surface=landing] .card .rowline:last-child{border-bottom:0}html[data-surface=landing] .card .rowline b{color:#fff;font-weight:500}html[data-surface=landing] .card .rowline b.ok{color:var(--ok)}html[data-surface=landing] .cursor{z-index:9;pointer-events:none;mix-blend-mode:difference;background:0 0;border:1px solid #ffffff8c;border-radius:50%;width:26px;height:26px;transition:width .22s,height .22s,border-color .22s,background .22s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}html[data-surface=landing] .cursor:after{content:"";background:#ffffffb3;width:1px;height:5px;position:absolute;top:-3px;left:50%;transform:translate(-50%)}html[data-surface=landing] .cursor.dot{background:#fff;border-color:#0000;width:8px;height:8px}html[data-surface=landing] .cursor.dot:after{display:none}@media (max-width:1100px){html[data-surface=landing] .card{display:none}}@media (max-width:900px){html[data-surface=landing] .topbar{padding:18px}html[data-surface=landing] .nav{display:none}html[data-surface=landing] .hero{width:calc(100vw - 36px);bottom:96px;left:18px}html[data-surface=landing] .bottombar{flex-direction:column;align-items:flex-start;gap:10px;bottom:16px;left:18px;right:18px}html[data-surface=landing] .rail,html[data-surface=landing] .cursor{display:none}html[data-surface=landing] #stage{cursor:grab}html[data-surface=landing] .btn,html[data-surface=landing] .chip,html[data-surface=landing] .copy,html[data-surface=landing] .nav a{cursor:pointer}}html[data-surface=landing] .topbar{align-items:center}html[data-surface=landing] .brand{color:#fff;gap:12px}html[data-surface=landing] .brand svg{flex:none;width:27px;height:27px}html[data-surface=landing] .brand b{letter-spacing:-.055em;text-transform:none;font-size:clamp(19px,2.05vw,27px);font-weight:650}html[data-surface=landing] .hero{width:min(58vw,920px);bottom:clamp(42px,10.5vh,125px);left:9.2vw}html[data-surface=landing] .hero-kicker{color:#e0edfb;font:550 11px/1.2 var(--font);letter-spacing:.04em;background:#101b2b92;border:1px solid #c1d9f445;border-radius:100px;align-items:center;gap:8px;margin-bottom:16px;padding:7px 11px;display:inline-flex}html[data-surface=landing] .hero-kicker i{background:#a7d7ff;border-radius:50%;width:6px;height:6px;animation:3.7s ease-in-out infinite kicker-breathe;box-shadow:0 0 8px #76bfffaa}@keyframes kicker-breathe{50%{opacity:.48;box-shadow:0 0 3px #76bfff80}}html[data-surface=landing] .chapter h1{letter-spacing:-.045em;font-size:clamp(36px,4.65vw,88px);line-height:1.06}html[data-surface=landing] .chapter h1 span{white-space:nowrap;display:block}html[data-surface=landing] .chapter h1 span+span{color:#dbe8f6}html[data-surface=landing] .chapter p{max-width:none;font:600 clamp(16px, 1.4vw, 22px)/1.6 var(--font);letter-spacing:.015em;color:#eaf2fc;text-shadow:0 1px 7px #061327e6;margin-top:16px}html[data-surface=landing] .hero .button-container{perspective:1000px;margin-top:20px;display:inline-block}html[data-surface=landing] .hero .button{cursor:pointer;background:#000000b4 linear-gradient(#ffffff26,#ffffff0d);border-radius:30px;width:200px;height:60px;transition:all .3s cubic-bezier(.68,-.55,.27,1.55);animation:2s ease-in-out infinite pulse;position:relative;overflow:hidden;transform:rotateX(15deg)translateZ(0);box-shadow:inset 0 1px 2px #fff6,inset 0 -1px 2px #0003,0 4px 8px #0003,0 0 20px #ffffff1a}html[data-surface=landing] .hero .button:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#ffffff1a,#fff3,#ffffff1a,#0000);width:50px;height:100%;animation:3s linear infinite shine;position:absolute;top:0;left:-50px;transform:skew(-25deg)}html[data-surface=landing] .hero .button:after{content:"";z-index:-1;background:radial-gradient(#0000004d 0%,#0000 70%);width:80%;height:10px;position:absolute;bottom:-10px;left:10%}html[data-surface=landing] .hero .button span{z-index:2;color:#fff;text-shadow:0 1px 2px #00000080;text-align:center;font-family:Arial,sans-serif;font-size:18px;line-height:60px;display:block;position:relative}html[data-surface=landing] .hero .button:hover,html[data-surface=landing] .hero .button:focus-visible{animation:none;transform:rotateX(0)translateZ(15px)scale(1.05);box-shadow:inset 0 1px 2px #fff6,inset 0 -1px 2px #0003,0 8px 16px #0000004d,0 0 40px #ffffff40}html[data-surface=landing] .hero .button:focus-visible{outline-offset:4px;outline:2px solid #fff}html[data-surface=landing] .hero .button:active,html[data-surface=landing] .hero .button[data-pressed]{animation:none;transform:rotateX(0)translateZ(-5px)scale(.95);box-shadow:inset 0 1px 2px #fff6,inset 0 -1px 2px #0003,0 2px 4px #0003,0 0 10px #ffffff1a}@keyframes pulse{0%,to{box-shadow:inset 0 1px 2px #fff6,inset 0 -1px 2px #0003,0 4px 8px #0003,0 0 20px #ffffff1a}50%{box-shadow:inset 0 1px 2px #fff6,inset 0 -1px 2px #0003,0 4px 8px #0003,0 0 30px #fff3}}@keyframes shine{0%{left:-50px}to{left:250px}}html[data-surface=landing] .scrolldown{--color:white;--sizeX:30px;--sizeY:50px;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));width:var(--sizeX);height:var(--sizeY);border:calc(var(--sizeX) / 10) solid var(--color);box-sizing:border-box;cursor:pointer;touch-action:manipulation;visibility:hidden;border-radius:50px;margin-bottom:16px;position:absolute;translate:-50%}html[data-surface=landing] .scene-ready:not(.scroll-end,.auth-open,.auth-transit,.console-open) .scrolldown{visibility:visible;pointer-events:auto}html[data-surface=landing] .scrolldown:focus-visible{outline-offset:4px;outline:2px solid #fff}html[data-surface=landing] .scrolldown:before{content:"";background-color:var(--color);box-sizing:border-box;border-radius:100%;width:6px;height:6px;margin-left:-3px;animation:2s infinite scrolldown-anim;position:absolute;bottom:30px;left:50%;box-shadow:0 -5px 3px 1px #2a547066}@keyframes scrolldown-anim{0%{opacity:0;height:6px}40%{opacity:1;height:10px}80%{opacity:0;height:10px;transform:translateY(20px)}to{opacity:0;height:3px}}html[data-surface=landing] .scrolldown .chevrons{flex-direction:column;align-items:center;width:30px;margin-top:48px;margin-left:-3px;padding:6px 0 0;display:flex}html[data-surface=landing] .scrolldown .chevrondown{border:solid var(--color);border-width:0 3px 3px 0;width:10px;height:10px;margin-top:-6px;display:inline-block;position:relative;transform:rotate(45deg)}html[data-surface=landing] .scrolldown .chevrondown:nth-child(odd){animation:.5s infinite alternate pulse54012}html[data-surface=landing] .scrolldown .chevrondown:nth-child(2n){animation:.5s .25s infinite alternate pulse54012}@keyframes pulse54012{0%{opacity:0}to{opacity:.5}}html[data-surface=landing] .brand,html[data-surface=landing] .hero{opacity:0;transition:opacity 1.2s,translate 1.2s cubic-bezier(.16,1,.3,1)}html[data-surface=landing] .brand{translate:0 -10px}html[data-surface=landing] .hero{translate:0 20px}html[data-surface=landing] .scene-ready .brand,html[data-surface=landing] .scene-ready .hero{opacity:1;translate:0}html[data-surface=landing] .hero{transition-property:opacity,translate,left,bottom,width;transition-duration:1.2s,1.2s,.6s,.6s,.6s}html[data-surface=landing] .scene-ready .hero{transition-delay:.35s,.35s,0s,0s,0s}html[data-surface=landing] .chapter h1{transition:font-size .6s cubic-bezier(.16,1,.3,1)}html[data-surface=landing] .camera-closeup .hero{width:min(34vw,470px);bottom:7vh;left:calc(94vw - min(34vw,470px))}html[data-surface=landing] .camera-closeup .chapter h1{font-size:clamp(29px,3.35vw,54px)}html[data-surface=landing] .camera-closeup .chapter p{margin-top:12px;font-size:clamp(16px,1.15vw,19px)}@media (max-width:700px){html[data-surface=landing] .brand svg{width:22px;height:22px}html[data-surface=landing] .brand{gap:9px}html[data-surface=landing] .hero,html[data-surface=landing] .camera-closeup .hero{left:9.2vw;bottom:max(6svh, calc(94px + env(safe-area-inset-bottom)));width:82vw}html[data-surface=landing] .chapter h1,html[data-surface=landing] .camera-closeup .chapter h1{font-size:clamp(28px,7.7vw,44px)}html[data-surface=landing] .hero .button-container{margin-top:15px}html[data-surface=landing] .hero-kicker{margin-bottom:12px}}@media (prefers-reduced-motion:reduce){html[data-surface=landing] .brand,html[data-surface=landing] .hero,html[data-surface=landing] .chapter h1,html[data-surface=landing] .chapter,html[data-surface=landing] .hero .button{transition:none}html[data-surface=landing] .status i,html[data-surface=landing] .hotspot .dot:after,html[data-surface=landing] .hero-kicker i,html[data-surface=landing] .hero .button,html[data-surface=landing] .hero .button:before,html[data-surface=landing] .scrolldown:before,html[data-surface=landing] .scrolldown .chevrondown:nth-child(n){animation:none}}html[data-surface=landing] .scene-ready.auth-open .hero,html[data-surface=landing] .scene-ready.auth-transit .hero{opacity:0;transition-duration:.24s;transition-delay:0s;translate:0 8px}html[data-surface=landing] body.auth-open,html[data-surface=landing] body.auth-transit,html[data-surface=landing] body.console-open{overflow:hidden}html[data-surface=landing] :is(.auth-open,.auth-transit,.console-open) .cursor{display:none}html[data-surface=landing] .auth-card{--auth-scale:1.15;--auth-width:calc(330px * var(--auth-scale));width:min(var(--auth-width), calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto max(18px, calc(24.5vw - var(--auth-width) / 2)) auto auto;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;overscroll-behavior:contain;background:0 0;border:0;padding:0;inset:0;overflow:visible}html[data-surface=landing] .auth-card::backdrop{background:#0309141e;animation:.32s both auth-backdrop}@keyframes auth-backdrop{0%{opacity:0}to{opacity:1}}html[data-surface=landing] .login-wrapper,html[data-surface=landing] .login-wrapper *{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}html[data-surface=landing] .login-wrapper{--blob-1-color:#ffe8ae;--blob-2-color:#86b7f2;--btn-hover-glow:#86b7f240;--input-focus-glow:#86b7f226;zoom:var(--auth-scale);opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards floatUp;position:relative;transform:translateY(30px)}@keyframes floatUp{to{opacity:1;transform:translateY(0)}}html[data-surface=landing] .login-wrapper .login-card{background-color:#0b111c;border-radius:24px;width:100%;padding:36px 28px;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 24px 48px #0003,0 8px 16px #0000001a}html[data-surface=landing] .login-wrapper:hover .login-card{transform:translateY(-6px);box-shadow:0 32px 64px #0000004d,0 12px 24px #00000026}html[data-surface=landing] .login-wrapper .glow-blob{filter:blur(45px);z-index:0;opacity:.6;border-radius:50%;transition:opacity .5s,filter .5s;animation:4s ease-in-out infinite alternate pulseGlow;position:absolute}html[data-surface=landing] .login-wrapper:hover .glow-blob{opacity:.75;filter:blur(40px)}html[data-surface=landing] .login-wrapper .blob-1{background:var(--blob-1-color);width:170px;height:170px;top:-30px;right:-30px}html[data-surface=landing] .login-wrapper .blob-2{background:var(--blob-2-color);width:210px;height:210px;animation-delay:-2s;bottom:-50px;left:-50px}@keyframes pulseGlow{0%{opacity:.5;transform:scale(.9)}to{opacity:.7;transform:scale(1.1)}}html[data-surface=landing] .login-wrapper .dark-overlay{z-index:1;border-radius:inherit;background:radial-gradient(circle,#050508d9 30%,#0000 100%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0d}html[data-surface=landing] .login-wrapper .view-container{z-index:10;position:relative}html[data-surface=landing] .login-wrapper .form-view{flex-direction:column;animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInView;display:flex}html[data-surface=landing] .login-wrapper #signup-view,html[data-surface=landing] .login-wrapper .reg-toggle:checked~.view-container #login-view{display:none}html[data-surface=landing] .login-wrapper .reg-toggle:checked~.view-container #signup-view{display:flex}@keyframes fadeInView{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}html[data-surface=landing] .login-wrapper .header{text-align:center;margin-bottom:28px}html[data-surface=landing] .login-wrapper .decorative-dot{border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:2.2em;height:2.2em;margin:0 auto 1em;display:flex}html[data-surface=landing] .login-wrapper .decorative-dot:after{content:"";-webkit-mask-image:radial-gradient(circle,#000 100%,#0000 100%);mask-image:radial-gradient(circle,#000 100%,#0000 100%);background-image:radial-gradient(circle,#fff 40%,#0000 50%);background-size:3.5px 3.5px;width:1.1em;height:1.1em;-webkit-mask-image:-webkit-radial-gradient(circle,#000 100%,#0000 100%)}html[data-surface=landing] .login-wrapper .title{color:#fff;letter-spacing:-.5px;font-size:22px;font-weight:500}html[data-surface=landing] .login-wrapper .input-group{margin-bottom:16px;position:relative}html[data-surface=landing] .login-wrapper .input-field{color:#fff;-webkit-backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;padding:1.05em 1.2em;font-family:inherit;font-size:14px;transition:all .3s cubic-bezier(.16,1,.3,1)}html[data-surface=landing] .login-wrapper .input-field::placeholder{color:#fff6}html[data-surface=landing] .login-wrapper .input-field:focus{box-shadow:0 0 20px var(--input-focus-glow);background:#ffffff0f;border-color:#ffffff40;transform:translateY(-2px)}html[data-surface=landing] .login-wrapper .btn-submit{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;width:100%;padding:1em;font-family:inherit;font-size:14.5px;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1)}html[data-surface=landing] .login-wrapper .btn-submit:hover{box-shadow:0 8px 20px var(--btn-hover-glow);background:#ffffff26;border-color:#fff6;transform:translateY(-2px)}html[data-surface=landing] .login-wrapper .btn-submit:active{transform:translateY(0)}html[data-surface=landing] .login-wrapper .signup-prompt{text-align:center;color:#ffffff80;margin-top:20px;font-size:13px}html[data-surface=landing] .login-wrapper .signup-prompt .toggle-link{color:#fff;cursor:pointer;border-bottom:1px solid #0000;margin-left:4px;font-weight:500;text-decoration:none;transition:border-color .2s}html[data-surface=landing] .login-wrapper .signup-prompt .toggle-link:hover{border-color:#fff}html[data-surface=landing] .login-wrapper .auth-close{z-index:11;color:#ffffffa6;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:12px;right:12px}html[data-surface=landing] .login-wrapper .auth-close:hover{color:#fff;background:#ffffff14}html[data-surface=landing] .login-wrapper :is(.auth-close,.btn-submit,.toggle-link):focus-visible{outline-offset:3px;outline:2px solid #fff}html[data-surface=landing] .login-wrapper .btn-submit{margin-top:12px}html[data-surface=landing] .login-wrapper .btn-submit[aria-disabled=true]{cursor:progress}html[data-surface=landing] .login-wrapper .auth-challenge:not([hidden]){justify-content:center;min-width:0;margin-block:12px;display:flex}html[data-surface=landing] .login-wrapper #signup-verification:not([hidden]){align-items:stretch;gap:8px;display:flex}html[data-surface=landing] .login-wrapper #signup-code{flex:1;min-width:0}html[data-surface=landing] .login-wrapper #signup-send-code{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;flex-shrink:0;padding:8px 12px;font-size:13px}html[data-surface=landing] .login-wrapper #signup-send-code:hover:not(:disabled){background:#ffffff26}html[data-surface=landing] .login-wrapper #signup-send-code:disabled{opacity:.55;cursor:not-allowed}html[data-surface=landing] .login-wrapper .auth-feedback{color:#e2edfb;margin-top:12px;font-size:12px}html[data-surface=landing] .login-wrapper .auth-feedback:empty{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}html[data-surface=landing] .auth-console,html[data-surface=landing] .auth-wash{border:0;width:100%;height:100%;position:fixed;inset:0}html[data-surface=landing] .auth-console{z-index:15;visibility:hidden;background:#080d16}html[data-surface=landing] .console-open .auth-console{visibility:visible}html[data-surface=landing] .console-open :is(.hud,#stage,#scroller,.scrim,#labels){visibility:hidden}html[data-surface=landing] .auth-wash{z-index:20;pointer-events:none;opacity:0;background:#edf7ff;transition:opacity .46s ease-out}html[data-surface=landing] .auth-transit .auth-wash{opacity:1;transition:opacity .36s ease-in}@media (max-width:760px){html[data-surface=landing] .auth-card{margin:auto auto 16px}html[data-surface=landing] .login-wrapper .input-field{font-size:16px}}@media (max-height:650px){html[data-surface=landing] .auth-card{border-radius:calc(24px * var(--auth-scale));overflow:auto}html[data-surface=landing] .login-wrapper:hover .login-card{transform:none}}@media (prefers-reduced-motion:reduce){html[data-surface=landing] .auth-card::backdrop,html[data-surface=landing] .login-wrapper,html[data-surface=landing] .login-wrapper :is(.glow-blob,.form-view){animation:none}html[data-surface=landing] .login-wrapper{opacity:1;transform:none}html[data-surface=landing] .login-wrapper :is(.login-card,.glow-blob,.input-field,.btn-submit,.toggle-link),html[data-surface=landing] .auth-wash,html[data-surface=landing] .auth-transit .auth-wash,html[data-surface=landing] .scene-ready.auth-open .hero,html[data-surface=landing] .scene-ready.auth-transit .hero{transition:none}html[data-surface=landing] .login-wrapper:hover .login-card,html[data-surface=landing] .login-wrapper .input-field:focus,html[data-surface=landing] .login-wrapper .btn-submit:hover{transform:none}html[data-surface=landing] .auth-wash{display:none}}@property --angle-1{syntax:"<angle>";inherits:false;initial-value:-75deg}@property --angle-2{syntax:"<angle>";inherits:false;initial-value:-45deg}html[data-surface=landing] .landing-language-wrap{--global--size:clamp(2rem, 4vw, 5rem);--anim--hover-time:.4s;--anim--hover-ease:cubic-bezier(.25, 1, .5, 1)}html[data-surface=landing] .landing-language-wrap.button-wrap{z-index:2;pointer-events:none;transition:all var(--anim--hover-time) var(--anim--hover-ease);background:0 0;border-radius:999vw;position:relative}html[data-surface=landing] .landing-language-wrap .button-shadow{--shadow-cuttoff-fix:2em;width:calc(100% + var(--shadow-cuttoff-fix));height:calc(100% + var(--shadow-cuttoff-fix));top:calc(0% - var(--shadow-cuttoff-fix) / 2);left:calc(0% - var(--shadow-cuttoff-fix) / 2);-webkit-filter:blur(clamp(2px,.125em,12px));-moz-filter:blur(clamp(2px, .125em, 12px));-ms-filter:blur(clamp(2px, .125em, 12px));pointer-events:none;position:absolute;overflow:visible}html[data-surface=landing] .landing-language-wrap .button-shadow:after{content:"";z-index:0;width:calc(100% - var(--shadow-cuttoff-fix) - .25em);height:calc(100% - var(--shadow-cuttoff-fix) - .25em);inset:0;top:calc(var(--shadow-cuttoff-fix) - .5em);left:calc(var(--shadow-cuttoff-fix) - .875em);box-sizing:border-box;transition:all var(--anim--hover-time) var(--anim--hover-ease);opacity:1;background:linear-gradient(#0003,#0000001a);border-radius:999vw;padding:.125em;position:absolute;overflow:visible;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}html[data-surface=landing] .landing-language-wrap button{--border-width:clamp(1px, .0625em, 4px);all:unset;cursor:pointer;-webkit-tap-highlight-color:#0000;pointer-events:auto;z-index:3;-webkit-backdrop-filter:blur(clamp(1px,.125em,4px));-moz-backdrop-filter:blur(clamp(1px, .125em, 4px));-ms-backdrop-filter:blur(clamp(1px, .125em, 4px));transition:all var(--anim--hover-time) var(--anim--hover-ease);background:linear-gradient(-75deg,#ffffff0d,#fff3,#ffffff0d);border-radius:999vw;position:relative;box-shadow:inset 0 .125em .125em #0000000d,inset 0 -.125em .125em #ffffff80,0 .25em .125em -.125em #0003,inset 0 0 .1em .25em #fff3,0 0 #fff}html[data-surface=landing] .landing-language-wrap button:hover{-webkit-backdrop-filter:blur(.01em);-moz-backdrop-filter:blur(.01em);-ms-backdrop-filter:blur(.01em);transform:scale(.975);box-shadow:inset 0 .125em .125em #0000000d,inset 0 -.125em .125em #ffffff80,0 .15em .05em -.1em #00000040,inset 0 0 .05em .1em #ffffff80,0 0 #fff}html[data-surface=landing] .landing-language-wrap button span{-webkit-user-select:none;user-select:none;letter-spacing:-.05em;color:#323232;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:0 .25em .05em #0000001a;transition:all var(--anim--hover-time) var(--anim--hover-ease);padding-block:.875em;padding-inline:1.5em;font-family:Inter,sans-serif;font-size:1em;font-weight:500;display:block;position:relative}html[data-surface=landing] .landing-language-wrap button:hover span{text-shadow:.025em .025em .025em #0000001f}html[data-surface=landing] .landing-language-wrap button span:after{content:"";z-index:1;width:calc(100% - var(--border-width));height:calc(100% - var(--border-width));top:calc(0% + var(--border-width) / 2);left:calc(0% + var(--border-width) / 2);box-sizing:border-box;background:linear-gradient(var(--angle-2), #fff0 0%, #ffffff80 40% 50%, #fff0 55%);z-index:3;mix-blend-mode:screen;pointer-events:none;transition:background-position calc(var(--anim--hover-time) * 1.25) var(--anim--hover-ease), --angle-2 calc(var(--anim--hover-time) * 1.25) var(--anim--hover-ease);background-position:0%;background-repeat:no-repeat;background-size:200% 200%;border-radius:999vw;display:block;position:absolute;overflow:clip}html[data-surface=landing] .landing-language-wrap button:hover span:after{background-position:25%}html[data-surface=landing] .landing-language-wrap button:active span:after{--angle-2:-15deg;background-position:50% 15%}@media (hover:none) and (pointer:coarse){html[data-surface=landing] .landing-language-wrap button span:after,html[data-surface=landing] .landing-language-wrap button:active span:after{--angle-2:-45deg}}html[data-surface=landing] .landing-language-wrap button:after{content:"";z-index:1;width:calc(100% + var(--border-width));height:calc(100% + var(--border-width));inset:0;top:calc(0% - var(--border-width) / 2);left:calc(0% - var(--border-width) / 2);padding:var(--border-width);box-sizing:border-box;background:conic-gradient(from var(--angle-1) at 50% 50%, #00000080, #0000 5% 40%, #00000080 50%, #0000 60% 95%, #00000080), linear-gradient(180deg, #ffffff80, #ffffff80);transition:all var(--anim--hover-time) var(--anim--hover-ease), --angle-1 .5s ease;box-shadow:inset 0 0 0 calc(var(--border-width) / 2) #ffffff80;border-radius:999vw;position:absolute;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}html[data-surface=landing] .landing-language-wrap button:hover:after{--angle-1:-125deg}html[data-surface=landing] .landing-language-wrap button:active:after{--angle-1:-75deg}@media (hover:none) and (pointer:coarse){html[data-surface=landing] .landing-language-wrap button:after,html[data-surface=landing] .landing-language-wrap button:hover:after,html[data-surface=landing] .landing-language-wrap button:active:after{--angle-1:-75deg}}html[data-surface=landing] .landing-language-wrap.button-wrap:has(button:hover) .button-shadow{-webkit-filter:blur(clamp(2px,.0625em,6px));-moz-filter:blur(clamp(2px, .0625em, 6px));-ms-filter:blur(clamp(2px, .0625em, 6px));transition:filter var(--anim--hover-time) var(--anim--hover-ease)}html[data-surface=landing] .landing-language-wrap.button-wrap:has(button:hover) .button-shadow:after{top:calc(var(--shadow-cuttoff-fix) - .875em);opacity:1}html[data-surface=landing] .landing-language-wrap.button-wrap:has(button:active){transform:rotateX(25deg)}html[data-surface=landing] .landing-language-wrap.button-wrap:has(button:active) button{box-shadow:inset 0 .125em .125em #0000000d,inset 0 -.125em .125em #ffffff80,0 .125em .125em -.125em #0003,inset 0 0 .1em .25em #fff3,0 .225em .05em #0000000d,0 .25em #ffffffbf,inset 0 .25em .05em #00000026}html[data-surface=landing] .landing-language-wrap.button-wrap:has(button:active) .button-shadow{-webkit-filter:blur(clamp(2px,.125em,12px));-moz-filter:blur(clamp(2px, .125em, 12px));-ms-filter:blur(clamp(2px, .125em, 12px))}html[data-surface=landing] .landing-language-wrap.button-wrap:has(button:active) .button-shadow:after{top:calc(var(--shadow-cuttoff-fix) - .5em);opacity:.75}html[data-surface=landing] .landing-language-wrap.button-wrap:has(button:active) span{text-shadow:.025em .25em .05em #0000001f}html[data-surface=landing] .landing-language-wrap{flex:none;width:46px;height:46px}html[data-surface=landing] .topbar>.landing-language-wrap,html[data-surface=landing] .auth-card>.landing-language-wrap{position:absolute;top:17px;right:32px}html[data-surface=landing] .auth-card>.landing-language-wrap{position:fixed}html[data-surface=landing] .landing-language-wrap button{border-radius:50%;width:100%;height:100%;font-size:16px;display:block}html[data-surface=landing] .landing-language-wrap button span{color:#f5f8ff;place-items:center;width:100%;height:100%;padding:0;display:grid}html[data-surface=landing] .landing-language-wrap svg{width:22px;height:22px;display:block}html[data-surface=landing] .landing-language-wrap button:focus-visible{outline-offset:5px;outline:2px solid #fff}html[data-surface=landing] :is(.auth-open,.auth-transit) .topbar>.landing-language-wrap{visibility:hidden}html[data-surface=landing][lang=en-US] .chapter h1{font-size:clamp(32px,3.8vw,72px)}html[data-surface=landing][lang=en-US] .chapter h1 span{white-space:normal}html[data-surface=landing][lang=en-US] .chapter p{letter-spacing:0;font-size:clamp(15px,1.15vw,20px)}html[data-surface=landing][lang=en-US] .camera-closeup .chapter h1{font-size:clamp(25px,2.5vw,42px)}html[data-surface=landing][lang=en-US] .login-wrapper .title{letter-spacing:-.025em}@media (max-width:900px){html[data-surface=landing] .topbar>.landing-language-wrap,html[data-surface=landing] .auth-card>.landing-language-wrap{top:8px;right:18px}}@media (max-width:700px){html[data-surface=landing] .landing-language-wrap{width:44px;height:44px}html[data-surface=landing] .topbar>.landing-language-wrap,html[data-surface=landing] .auth-card>.landing-language-wrap{top:7px}html[data-surface=landing][lang=en-US] .chapter h1,html[data-surface=landing][lang=en-US] .camera-closeup .chapter h1{font-size:clamp(22px,5.8vw,36px);line-height:1.1}}@media (prefers-reduced-motion:reduce){html[data-surface=landing] .landing-language-wrap,html[data-surface=landing] .landing-language-wrap *,html[data-surface=landing] .landing-language-wrap :before,html[data-surface=landing] .landing-language-wrap :after{transition:none!important;animation:none!important}}html[data-surface=landing] .scene-fallback{z-index:10;color:#fff;background:#171a20;border:1px solid #ffffff30;border-radius:32px;padding:14px 24px;position:fixed;bottom:24px;right:24px}html[data-surface=landing] [hidden]{display:none!important}