:root{color-scheme:dark;--ink:#070a10;--surface:#0d121e;--white:#eef2fc;--muted:#959dad;--blue:#8bb7ff;--line:#ffffff1c;--font:'Space Grotesk',sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--tabs-dur:250ms;--tabs-ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--white);font:16px/1.65 var(--font);overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:6px}::selection{background:#a6c6ff;color:#080c14}header{height:94px;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;top:0;left:0;width:100%;z-index:20;background:#070a1070}.brand{font-size:35px;font-weight:700;letter-spacing:-2px;line-height:1}.brand span{color:var(--blue)}.brand i{font-size:16px;vertical-align:top;margin-left:5px;color:var(--blue);font-style:normal}nav{display:flex;gap:34px}nav a{font-size:14px;color:#b3bac8;transition:color 180ms}nav a:hover{color:white}.button{display:inline-flex;align-items:center;justify-content:center;gap:36px;background:#a9c8ff;color:#0c1729;border:1px solid #bbd4ff;border-radius:3px;padding:14px 23px;font-size:14px;font-weight:700;transition:background 250ms,transform 250ms;white-space:nowrap}.button:hover{background:#d1e2ff;transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.button.small{padding:10px 18px;gap:25px}.hero{min-height:850px;height:100svh;position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line)}.hero-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,#a5c2ff0a 50%,transparent 50.1%),radial-gradient(ellipse at 64% 62%,#17386b5c,transparent 54%);background-size:130px 100%,100% 100%;z-index:-2}.hero-top{display:flex;justify-content:space-between;position:absolute;top:128px;left:5.2%;right:5.2%}.eyebrow,.tiny{font-size:12px;font-weight:500;letter-spacing:1.9px}.blue{color:var(--blue)}.status{display:flex;align-items:center;gap:8px;color:var(--blue)}.status i{width:5px;height:5px;display:inline-block;background:var(--blue);border-radius:50%;box-shadow:0 0 10px #7dabff}.hero-word{position:absolute;top:115px;left:10%;width:80%;text-align:center;font-family:var(--display);font-weight:600;line-height:1;font-size:clamp(230px,34vw,560px);letter-spacing:-.04em;color:#b4becd;z-index:-1;user-select:none}.hero-word span{font:16px var(--font);vertical-align:top;position:relative;top:80px;left:10px}.hero-character{position:absolute;height:76%;width:58%;object-fit:contain;object-position:bottom;bottom:0;right:7%;filter:drop-shadow(0 0 50px #050812);mask-image:linear-gradient(black 84%,transparent 100%)}.hero-orbit{position:absolute;width:48vw;height:48vw;max-width:760px;max-height:760px;border:1px solid #a3c6ff22;border-radius:50%;right:8%;top:22%;z-index:-1}.hero-orbit:after{content:'';position:absolute;inset:24px;border:1px dashed #a3c6ff1a;border-radius:50%}.hero-copy{position:absolute;bottom:15%;left:5.2%;z-index:3;width:425px}.hero-copy h1{font:600 clamp(42px,4.1vw,70px)/.97 var(--display);letter-spacing:-.015em;margin:16px 0 21px}.hero-copy em{font-style:normal;color:var(--blue)}.hero-copy p{max-width:330px;color:#9ca7b9;font-size:14px;line-height:1.8}.actions{display:flex;align-items:center;gap:24px;margin-top:30px}.text-link{font-size:14px;border-bottom:1px solid #647086;padding:5px 0}.text-link span{margin-left:18px}.character-note{position:absolute;right:5.2%;top:58%;z-index:3}.character-note p{font-size:18px;margin:8px 0 10px}.character-note .tiny{font-size:12px;letter-spacing:1px}.scroll-hint{position:absolute;bottom:32px;left:5.2%;font-size:12px;letter-spacing:1.4px;display:flex;gap:15px;align-items:center}.scroll-hint span{border:1px solid #ffffff26;border-radius:30px;padding:7px 14px;font-size:18px}.hero-corner{position:absolute;bottom:44px;right:5.2%;color:#697486;font-size:12px;letter-spacing:1px}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:white;color:black;padding:12px}.skip:focus{top:12px}@media(min-width:1600px){.hero-copy{bottom:18%}.hero-character{right:10%}}@media(max-width:900px){nav{gap:18px}.hero-copy{width:340px}.hero-character{right:-12%;width:83%;height:73%}.hero-word{top:175px;font-size:40vw;left:2%;width:96%}.character-note{display:none}.hero-corner{display:none}.hero-copy h1{font-size:50px}}@media(max-width:620px){header{height:76px;padding:0 6%}nav{display:none}.brand{font-size:32px}.button.small{padding:8px 13px}.hero{min-height:830px;height:100svh}.hero-top{top:108px;left:6%;right:6%}.hero-top .status{display:none}.hero-word{top:137px;font-size:48vw;left:0;width:100%}.hero-word span{top:20px;font-size:12px}.hero-character{height:58%;width:100%;right:-16%;bottom:24%;mask-image:linear-gradient(black 68%,transparent 100%)}.hero-copy{left:6%;right:6%;width:auto;bottom:105px}.hero-copy h1{font-size:46px;max-width:310px}.hero-copy p{font-size:14px;max-width:300px}.hero-copy .eyebrow{font-size:12px}.actions{gap:21px;margin-top:22px}.scroll-hint{left:6%;bottom:27px}.hero-orbit{width:90vw;height:90vw;top:22%;right:-7%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* A continuous, midnight-blue character world. */
.section-space{padding:110px 7%}.section-marker{display:flex;justify-content:space-between;gap:20px;color:#8b96a8;font-size:12px;letter-spacing:1.6px;position:relative;z-index:4}.display{font:600 clamp(70px,8.7vw,148px)/.89 var(--display);letter-spacing:-.015em;margin:30px 0}.display span{color:var(--blue)}.lead{font-size:23px;line-height:1.45}.muted{color:var(--muted);max-width:410px;line-height:1.9}.bot-label{font:600 10px var(--font);letter-spacing:.5px;background:#819dff33;color:#b8cbff;padding:3px 5px;border-radius:3px;vertical-align:middle;margin-left:5px}.awakening{position:relative;background:#04060b}.awake-stage{height:100svh;min-height:700px;position:relative;overflow:hidden;isolation:isolate;padding:45px 5.2%}.awake-title{position:absolute;top:23%;left:0;right:0;font:600 clamp(110px,22vw,370px)/1 var(--display);letter-spacing:-.025em;text-align:center;color:#a3c2f32e;z-index:-1}.awake-character{position:absolute;bottom:-10%;height:100%;width:55%;left:22.5%;object-fit:contain;mask-image:radial-gradient(ellipse 60% 60% at 50% 44%,black 55%,transparent 88%)}.awake-rings{position:absolute;width:65vw;height:65vw;border:1px solid #436fab30;border-radius:50%;top:15%;left:17.5%;box-shadow:0 0 140px #4165d320,inset 0 0 120px #4165d310}.awake-rings:after{content:'';position:absolute;inset:40px;border:1px dashed #436fab44;border-radius:50%}.awake-interface{position:absolute;padding:22px;border:1px solid #8bb7ff40;background:#0a182aa8;backdrop-filter:blur(15px);border-radius:4px;width:240px;z-index:2;box-shadow:0 12px 65px #0005}.awake-interface strong{font-size:14px;font-weight:400;color:#c2d4ef}.interface-one{left:10%;top:32%;transform:rotate(-6deg)}.interface-two{right:10%;top:45%;transform:rotate(6deg)}.interface-two p{font-size:18px;line-height:1.5}.awake-terminal{position:absolute;bottom:135px;left:5.2%;font:12px/2.1 monospace;color:#7799ca;display:grid}.awake-terminal span:before{content:'> ';color:#adc7ff}.awake-bottom{position:absolute;bottom:42px;left:5.2%;right:5.2%;display:flex;justify-content:space-between;align-items:center}.scene-states{display:flex;gap:26px;padding:0;list-style:none;font-size:12px;color:#4e5d74;letter-spacing:1px}.scene-states li{position:relative}.scene-states li.active{color:#b3d0ff}.scene-states li.active:before{content:'';position:absolute;height:1px;background:#a7caff;top:-13px;left:0;right:0}.mini-bars,.waveform{display:flex;align-items:center;justify-content:center;gap:5px}.mini-bars{height:65px;margin:12px 0}.mini-bars i,.waveform i{display:block;width:3px;min-height:3px;background:var(--blue);transform-origin:center;border-radius:3px}.meet{background:radial-gradient(ellipse at 90% 65%,#172b491d,transparent 60%)}.meet-layout{display:grid;grid-template-columns:42% 58%;align-items:center;gap:30px;margin-top:70px}.meet-copy .eyebrow{font-size:12px}.meet-copy .text-link{display:inline-block;margin-top:20px}.world-portrait{position:relative;padding:50px 0}.world-portrait>img{display:block;width:100%;height:560px;object-fit:cover;object-position:center;mask-image:linear-gradient(90deg,transparent,black 12%,black 90%,transparent),linear-gradient(0deg,transparent,black 10%,black 90%,transparent);mask-composite:intersect}.world-tag{position:absolute;bottom:47px;left:-14px;background:#0d1420ed;border:1px solid #8ab6ff33;padding:17px 24px;display:flex;align-items:center;gap:13px;min-width:280px;transform:rotate(-3deg);box-shadow:0 20px 50px #0004}.world-tag img{border-radius:50%;object-fit:cover;background:#263147}.world-tag strong{display:block;font-size:14px}.world-tag div>span{display:block;font-size:12px;color:#95a5bd}.floating-tag{position:absolute;background:#101a29db;backdrop-filter:blur(8px);border:1px solid #9cbcf52d;padding:12px 18px;font-size:12px;color:#b7c6dc}.tag-top{top:52px;right:0;transform:rotate(4deg)}.tag-bottom{bottom:145px;right:-20px;transform:rotate(4deg)}.server-journey{background:#0b111c}.server-stage{height:100svh;min-height:720px;overflow:hidden;position:relative;isolation:isolate;padding:45px 5.2%;background:radial-gradient(ellipse at 55% 60%,#2947763b,transparent 55%)}.server-heading{position:absolute;top:28%;left:8%;z-index:3}.server-heading h2{font:600 clamp(72px,10vw,170px)/.91 var(--display);letter-spacing:-.01em;margin:0}.server-heading em{font-style:normal;color:var(--blue)}.moves-in{position:absolute;inset:0;opacity:0;white-space:nowrap}.channel-stack{position:absolute;right:9%;top:23%;display:flex;flex-direction:column;gap:18px;transform:rotate(-8deg);z-index:-1}.channel-stack span{font:500 clamp(25px,4.5vw,70px) var(--display);border:1px solid #9abfff26;padding:10px 70px 10px 24px;border-radius:7px;color:#8aa7d07a;background:#101c30aa}.channel-stack span:nth-child(2){transform:translateX(35px)}.channel-stack span:nth-child(4){transform:translateX(30px)}.server-character{position:absolute;width:53%;height:78%;object-fit:contain;right:12%;bottom:-7%;mask-image:linear-gradient(black 70%,transparent);filter:drop-shadow(0 0 35px #345eb922)}.server-footer{position:absolute;bottom:40px;color:#a7bad6}.abilities{position:relative;overflow:hidden}.abilities-intro{padding:35px 5.2%;border-bottom:1px solid var(--line);background:var(--ink);height:90px;align-items:center}.feature-track{display:flex;flex-wrap:nowrap;width:400%;height:calc(100svh - 90px);min-height:660px}.feature-scene{width:25%;height:100%;position:relative;overflow:hidden;isolation:isolate}.scene-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% center;z-index:-3}.music-scene .scene-art{object-fit:contain;object-position:90% center;background:#090e18}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#070a10 0%,#070a10d1 20%,#070a1040 64%,#070a1020),linear-gradient(0deg,#070a10,transparent 30%);z-index:-2}.feature-copy{position:absolute;left:7%;top:17%;max-width:550px}.scene-number{font-size:13px;letter-spacing:2px;color:#aab8cf}.feature-copy .display{font-size:clamp(90px,11vw,180px);margin:30px 0}.feature-copy p{font-size:17px;color:#b4bfd0;line-height:1.8}.scene-caption{font-size:12px;letter-spacing:2px;color:#768ba8;display:block;margin-top:45px}.voice-chip{position:absolute;right:10%;bottom:16%;padding:18px 25px;display:flex;align-items:center;gap:18px;border:1px solid #b0c8ff40;background:#0d1b2bcc;backdrop-filter:blur(10px);border-radius:6px}.voice-chip small{display:block;color:#8da4c4;font-size:12px}.signal{font-size:24px;color:var(--blue);letter-spacing:2px}.wide-wave{position:absolute;bottom:17%;left:0;right:0;opacity:.3;z-index:-1;height:180px}.music-tag{position:absolute;bottom:8%;right:8%;color:#b0c6e7}.music-tag span{color:#68809e;font-size:12px}.chat-thread{position:absolute;right:7%;top:28%;width:335px;border:1px solid #7d9edb40;background:#0d1524d9;backdrop-filter:blur(20px);padding:26px 30px;border-radius:7px;transform:rotate(2deg)}.chat-line{display:flex;align-items:flex-start;gap:13px;margin-bottom:18px;font-size:14px}.chat-line:last-child{margin:0}.chat-line img,.chat-avatar{width:34px;height:34px;border-radius:50%;background:#273552;object-fit:cover}.chat-avatar{display:grid;place-items:center;font-size:13px;color:#a4b8d7}.chat-line b{font-size:12px;font-weight:500;color:#a8c7ff}.chat-line p{margin:2px 0}.gaming-tag{right:8%;bottom:15%;transform:rotate(3deg)}.feature-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#2e3a514a}.feature-progress>span{display:block;height:100%;background:#adcaff;width:25%}.personality-bridge{text-align:center;position:relative;overflow:hidden;padding-top:135px;padding-bottom:130px;background:radial-gradient(ellipse at center,#1b2c4733,transparent 70%)}.personality-bridge .display{font-size:clamp(65px,9vw,145px)}.personality-bridge .muted{margin:20px auto}.personality-cloud{display:flex;gap:25px;justify-content:center;flex-wrap:wrap;margin:55px 0 30px}.personality-cloud span{color:#becbe0;font-size:13px;letter-spacing:2px;border:1px solid #abc8ff30;padding:10px 20px;transform:rotate(-4deg)}.personality-cloud span:nth-child(even){transform:rotate(5deg);background:#19273a}.core{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#080d16}.core-layout{display:grid;grid-template-columns:38% 62%;gap:30px;margin-top:65px;align-items:center}.core-diagram{height:650px;position:relative;perspective:900px;isolation:isolate}.core-ring{position:absolute;left:15%;top:15%;width:70%;height:70%;border:1px solid #9cbfff40;border-radius:50%;transform:rotateX(30deg) rotateZ(-25deg);box-shadow:0 0 30px #658cf510}.ring-two{inset:5%;width:90%;height:90%;border-style:dashed;opacity:.4;transform:rotateX(25deg) rotateY(20deg)}.core-orb{position:absolute;inset:24% 22%;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 60% 35%,#c6e0ff,#4480d540 30%,#133467 65%,#070d1c);border:1px solid #b5d4ff;box-shadow:0 0 100px #3261af50,inset 0 0 50px #749fe166;display:grid;place-items:center}.core-orb:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,#789adc15 4px);border-radius:50%;box-shadow:inset 0 0 35px 15px #3b66a677}.core-orb img{width:90%;height:90%;object-fit:contain;mix-blend-mode:luminosity;opacity:.73;filter:contrast(1.2);mask-image:linear-gradient(black 50%,transparent)}.core-label{position:absolute;font-size:12px;letter-spacing:1.8px;padding:7px 12px;background:#090f1ae6;border:1px solid #7794bc33;z-index:3}.core-label:before{content:'';position:absolute;top:50%;width:65px;height:1px;background:#84aeff48;z-index:-1}.l1{left:10%;top:18%}.l2{right:8%;top:20%}.l3{right:0;top:47%}.l4{right:13%;bottom:16%}.l5{left:2%;bottom:20%}.l6{left:0;top:46%}.l1:before,.l5:before,.l6:before{left:100%}.l2:before,.l3:before,.l4:before{right:100%}.core-coordinates{position:absolute;bottom:0;text-align:center;width:100%;font-size:12px;color:#607fa9}.commands{background:#090d15}.commands-title{display:flex;justify-content:space-between;align-items:center;margin-top:60px}.commands-title .display{margin-top:0}.commands-title>div{width:32%}.demo-note{font-size:12px;color:#8191a9;line-height:1.8}.command-workspace{display:grid;grid-template-columns:220px 1fr;margin-top:45px;border:1px solid #829ed52c;border-radius:7px;overflow:hidden;background:#0a101b}.category-list{padding:25px 16px;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--line);background:#0b121e}.category-button{display:flex;align-items:center;justify-content:space-between;position:relative;text-align:left;padding:16px 18px;background:transparent;border:1px solid transparent;color:#9caac0;font-size:14px;border-radius:4px;transition:background var(--tabs-dur) var(--tabs-ease),color var(--tabs-dur)}.category-button:hover{background:#172439}.category-button[aria-selected=true]{background:#172943;border-color:#80b2ff33;color:#c1daff}.category-button span:first-child{display:flex;align-items:center;gap:15px}.category-button i{font-style:normal;color:#88b9ff;font-size:18px;min-width:21px}.category-arrow{opacity:0}.category-button[aria-selected=true] .category-arrow{opacity:1}.command-panel{min-width:0}.command-panel-head{padding:24px 32px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);font-size:13px;color:#a6b4c9}.command-panel-head .tiny{font-size:12px;white-space:nowrap;color:#6c7e98}.command-options{display:flex;position:relative;padding:18px 32px;gap:8px}.t-tab{position:relative;z-index:1;padding:7px 16px;border:0;background:transparent;color:#8194b0;border-radius:3px;font-family:monospace;font-size:14px;transition:color var(--tabs-dur)}.t-tab[aria-selected=true]{color:#d3e3ff}.t-tabs-pill{position:absolute;left:0;top:18px;height:37px;border:1px solid #91b4ef44;background:#1b2c47;border-radius:3px;transition:transform var(--tabs-dur) var(--tabs-ease),width var(--tabs-dur) var(--tabs-ease)}.command-interaction{padding:13px 32px 28px;min-height:340px}.command-input{background:#060b13;border:1px solid #46608488;border-radius:5px;display:flex;align-items:center;gap:10px;padding:12px 16px;min-height:60px}.prompt-symbol{color:#96bdff;font-size:26px}.command-input code{color:#d6e4ff;font-size:17px}.command-input>span:not(.prompt-symbol){color:#6f83a0;font-size:13px}.run-command{border:0;padding:6px 9px;margin-left:auto;color:#bdd5ff;background:#1b2b46;border-radius:3px;font-size:12px;white-space:nowrap}.run-command span{margin-left:10px}.run-command:hover{background:#2a436b}.command-description{color:#7387a5;font-size:12px;margin:10px 0 30px}.bot-response{display:flex;gap:15px}.bot-response>img{border-radius:50%;object-fit:cover;background:#28374f;flex-shrink:0}.response-content{width:100%;min-width:0}.response-content>strong{font-size:14px}.response-content>p{margin:5px 0 15px;color:#b2c1d7;font-size:14px}.response-content .waveform{height:70px;justify-content:flex-start}.response-content .waveform i{width:3px;max-height:60px}.player-preview{max-width:380px;background:#101c2e;border:1px solid #9fbff126;display:flex;padding:12px;align-items:center;gap:15px}.player-thumb{width:63px;height:63px;object-fit:cover;border-radius:3px}.player-preview strong{font-size:12px;display:block}.player-preview small{display:block;color:#7890b3;font-size:12px}.player-toggle{margin-left:auto;border:1px solid #6882ac;background:#182c49;color:#c8ddff;border-radius:50%;height:36px;width:36px;font-size:14px}.queue-preview{font-size:13px;color:#99b5db;line-height:2;padding-left:20px}.help-chips{display:flex;flex-wrap:wrap;gap:6px}.help-chips span{font:12px monospace;border:1px solid #446089;padding:5px 9px;border-radius:4px;color:#9bbcf1}.sample-avatar{width:100px;height:100px;border-radius:50%;background:#19273c}.command-panel-foot{display:flex;justify-content:space-between;gap:20px;padding:19px 32px;border-top:1px solid var(--line);font-size:12px;color:#687b99}.command-panel-foot>a{color:#b4c8e8}.vc-section{height:850px;position:relative;isolation:isolate;overflow:hidden;background:#080e17}.vc-art{position:absolute;inset:0 0 0 auto;width:65%;height:100%;object-fit:cover;object-position:center 20%;z-index:-3}.vc-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#070b13 10%,#070b13d9 35%,transparent 76%),linear-gradient(0deg,#070b13,transparent 30%,transparent 75%,#070b13);z-index:-2}.vc-wave{position:absolute;inset:20% 0;height:60%;opacity:.16;gap:8px;z-index:-1}.vc-wave i{width:3px}.vc-copy{position:absolute;left:7%;top:18%}.vc-copy .display{font-size:clamp(95px,13vw,185px)}.vc-copy>p{color:#a2b2ca;line-height:1.8}.vc-people{display:flex;align-items:center;padding:20px 0}.vc-people>img,.vc-people>span{border-radius:50%;width:43px;height:43px;border:3px solid #101827;background:#293a58;object-fit:cover;margin-right:-8px;display:grid;place-items:center;font-size:12px}.vc-people>span:nth-child(3){background:#49556e}.vc-people>span:nth-child(4){background:#253251}.vc-people small{margin-left:24px;color:#7d94b5;font-size:12px}.vc-status{display:flex;align-items:center;gap:20px;position:absolute;right:9%;bottom:19%;padding:20px 28px;border:1px solid #8ab1ec66;background:#0a1424b8;backdrop-filter:blur(10px)}.vc-status>span:last-child{font-size:12px;letter-spacing:1px}.vc-status strong{color:#a3caff;font-weight:400;font-size:12px}.vc-caption{position:absolute;bottom:30px;right:7%;font-size:12px;color:#5c759b}.moods{background:radial-gradient(ellipse at 80% 70%,#14233e5e,transparent 60%);transition:background-color 500ms}.mood-heading{display:flex;align-items:center;justify-content:space-between;margin:60px 0 45px}.mood-heading .display{font-size:clamp(65px,7.2vw,116px);margin:0}.mood-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mood-card{height:410px;position:relative;border:1px solid #91b4ed20;border-radius:3px;padding:0;overflow:hidden;text-align:left;background:#0f1623;color:var(--white);isolation:isolate;transition:background 350ms,border-color 350ms,transform 350ms}.mood-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#060c16 2%,#060c16d4 18%,transparent 60%);z-index:-1}.mood-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;z-index:-2;filter:saturate(.7);transition:transform 500ms var(--tabs-ease),filter 350ms}.mood-card:nth-child(3) img{object-position:42% center}.mood-card:hover img,.mood-card:focus-visible img,.mood-card.is-active img{transform:scale(1.065);filter:saturate(1)}.mood-card:hover,.mood-card.is-active{border-color:#97bfff99;background:#1d2c45}.mood-index{position:absolute;top:18px;left:20px;font-size:12px;letter-spacing:1.5px;background:#070e1899;padding:4px 8px;color:#bed0eb}.mood-info{position:absolute;left:22px;bottom:27px;right:22px}.mood-info strong{font:500 40px/1.1 var(--display);display:block}.mood-info>span{font-size:12px;display:block;margin-top:10px;color:#97a9c5}.mood-arrow{position:absolute;bottom:94px;right:23px;color:#b6d0ff;font-size:22px}.mood-reaction{display:flex;justify-content:space-between;align-items:center;margin-top:24px;border-bottom:1px solid var(--line);padding:14px 0}.mood-reaction p{font-size:15px;color:#a9bad4;margin:0}.closeup{height:80svh;min-height:550px;position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.closeup>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.closeup-shade{position:absolute;inset:0;background:#060b1640;z-index:-2}.closeup:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080c13,transparent 25%,transparent 80%,#080c13);z-index:-1}.closeup h2{font:600 clamp(100px,17vw,270px)/.86 var(--display);text-align:center;margin:0;text-shadow:0 5px 70px #0006;mix-blend-mode:screen}.closeup .eyebrow{font-size:12px}.closeup-bottom{position:absolute;bottom:35px;font-size:12px}.final-cta{height:1050px;position:relative;isolation:isolate;overflow:hidden;padding-top:60px}.portal{position:absolute;inset:15% 11% auto auto;width:650px;height:650px;z-index:-2;transition:filter 500ms}.portal-ring{position:absolute;inset:0;border:2px solid #8cb8ff88;border-radius:50%;box-shadow:0 0 15px #548fff99,0 0 65px #4483ff55,inset 0 0 70px #4483ff66;transform:rotateY(25deg);transition:box-shadow 450ms,border-color 450ms}.portal-ring:before,.portal-ring:after{content:'';position:absolute;inset:20px;border:1px dashed #b8d3ff80;border-radius:50%}.portal-ring:after{inset:-20px;border-style:solid;border-color:#5d8dd738}.portal>span{position:absolute;top:25px;left:0;right:0;text-align:center;font-size:12px;letter-spacing:4px;color:#87b5ff}.final-type{position:absolute;top:18%;left:9%;font:600 clamp(130px,18vw,300px)/.82 var(--display);color:#acbed743;z-index:-1;letter-spacing:-.03em}.final-character{position:absolute;bottom:0;right:10%;width:58%;height:90%;object-fit:contain;object-position:bottom;z-index:-1;mask-image:radial-gradient(ellipse 61% 60% at 50% 42%,black 48%,transparent 90%)}.final-copy{position:absolute;bottom:100px;left:8%;max-width:425px}.final-copy h2{font:600 82px/.9 var(--display);margin:20px 0}.final-copy>p{color:#acbad0;font-size:15px}.final-copy .button{display:flex;width:280px;margin:30px 0 18px;justify-content:space-between}.final-copy .text-link{display:inline-block}.portal-status{display:block;margin-top:28px;font-size:12px;color:#6581a8;letter-spacing:1px}.final-cta:has(.final-invite:hover) .portal,.final-cta:has(.final-invite:focus-visible) .portal{filter:brightness(1.8)}.final-cta:has(.final-invite:hover) .portal-ring{box-shadow:0 0 35px #548fff,0 0 110px #4483ff99,inset 0 0 90px #4483ff99;border-color:#cde3ff}footer{padding:50px 5.2% 25px;background:#06090e;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;gap:45px}.footer-top .brand{font-size:45px}.footer-top .status{font-size:12px}.motion-control{margin-left:auto;background:transparent;border:1px solid #819fcb33;color:#96a6bf;border-radius:3px;padding:9px 13px;font-size:12px}.motion-control:hover{background:#17263d}.footer-details{display:flex;gap:65px;margin:45px 0 55px;align-items:center}.footer-details>div{display:flex;flex-direction:column;gap:10px}.footer-details .tiny{font-size:12px;color:#59708d}.footer-details a{font-size:13px;color:#a4b7d1}.footer-goodbye{margin-left:auto;font-size:22px;color:#9eb7da}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;font-size:12px;letter-spacing:1.5px;color:#4f647e}.footer-bottom a{color:#a3b5cd}.boot{position:fixed;inset:0;background:#030509;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#a7c9ff;pointer-events:none;animation:boot-away 1.7s forwards}.boot span{font-size:12px;letter-spacing:4px}.boot strong{font:500 35px var(--display);letter-spacing:3px}.boot-line{height:1px;width:170px;background:#789bdb2c;position:relative;overflow:hidden}.boot-line:after{content:'';position:absolute;inset:0;background:#b7d3ff;transform:translateX(-100%);animation:boot-progress 1.1s forwards}.boot button{background:transparent;color:#6d88ae;border:0;font:11px var(--font);position:absolute;bottom:40px;pointer-events:auto}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.hero-character.generated{width:49%;height:87%;right:12%;bottom:-3%;object-fit:contain;mask-image:radial-gradient(ellipse 63% 64% at 50% 44%,black 48%,transparent 85%)}.hero:has(.generated) .character-note{right:5%;top:67%}.hero:has(.generated) .hero-word{color:#aab4c7}.hero:has(.generated) .hero-copy{z-index:4}.playing .waveform i{animation:equalize .85s ease-in-out infinite alternate}.playing .waveform i:nth-child(3n){animation-duration:.55s}.playing .waveform i:nth-child(2n){animation-delay:-.37s}.playing .waveform i:nth-child(5n){animation-duration:1.1s}@keyframes equalize{from{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes boot-progress{to{transform:translateX(0)}}@keyframes boot-away{0%,65%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@media(min-width:1800px){.hero-character.generated{right:17%;width:44%}.hero:has(.generated) .character-note{right:9%}.section-space{padding-left:10%;padding-right:10%}}@media(max-width:1100px){.display{font-size:90px}.section-space{padding:85px 6%}.meet-layout{grid-template-columns:42% 58%;gap:0}.world-portrait>img{height:520px}.world-tag{left:0;padding:13px}.tag-bottom{right:0}.core-diagram{height:520px}.core-label{font-size:12px}.command-workspace{grid-template-columns:185px 1fr}.command-panel-head{font-size:12px;padding:22px}.command-panel-head .tiny{display:none}.command-options{padding-left:22px}.command-interaction{padding-left:22px;padding-right:22px}.mood-card{height:340px}.mood-info{left:16px;right:12px}.mood-info strong{font-size:32px}.mood-info>span{font-size:12px}.portal{right:-5%;width:650px;height:650px}.final-character{right:-2%;width:70%}.hero-character.generated{right:4%;width:61%}.hero-copy{bottom:14%}.hero:has(.generated) .character-note{right:4%;top:72%}.feature-copy{left:6%}.chat-thread{right:5%;width:280px;padding:22px}.scene-caption{max-width:290px}.footer-details{gap:32px}.footer-goodbye{font-size:18px}}
@media(max-width:800px){.section-marker{font-size:12px;letter-spacing:1px}.section-marker>span:last-child{display:none}.section-space{padding:65px 6%}.display{font-size:78px}.lead{font-size:21px}.meet-layout{display:block;margin-top:50px}.meet-copy{max-width:510px}.meet-copy .display br{display:none}.meet-copy .display span{margin-left:12px}.world-portrait{margin-top:15px}.world-portrait>img{height:500px}.world-tag{left:5%}.world-portrait .tag-top{right:5%}.awake-character{width:85%;left:7.5%;height:87%;bottom:0}.awake-title{font-size:24vw;top:22%}.awake-interface{width:185px;padding:16px}.interface-one{left:4%;top:33%}.interface-two{right:4%;top:50%}.awake-bottom{display:block;bottom:30px}.scene-states{justify-content:space-between;gap:10px;margin-top:30px;font-size:12px}.awake-terminal{bottom:150px;font-size:12px}.awake-rings{width:95vw;height:95vw;left:2.5%;top:25%}.server-heading{top:24%;left:6%}.server-heading h2{font-size:90px}.server-character{width:75%;right:-5%;height:63%;bottom:0}.channel-stack{right:4%;top:40%;gap:15px}.channel-stack span{font-size:36px;padding:6px 42px 6px 20px}.feature-track{width:100%;height:auto;min-height:0;display:block}.feature-scene{width:100%;height:800px}.feature-copy{top:14%;left:6%}.feature-copy .display{font-size:100px}.scene-art{object-position:65% center}.scene-shade{background:linear-gradient(90deg,#070a10ed 0%,#070a1099 40%,#070a1022),linear-gradient(0deg,#070a10,transparent 35%)}.feature-copy p{font-size:16px}.voice-chip{right:6%;bottom:14%}.chat-thread{top:auto;bottom:8%;right:6%;width:320px}.music-scene .scene-art{object-position:90% center;object-fit:cover;opacity:.8}.scene-caption{font-size:12px;max-width:350px}.feature-progress{display:none}.gaming-tag{right:6%;bottom:12%;font-size:12px}.personality-bridge .display{font-size:70px}.personality-cloud{gap:13px;margin-top:40px}.personality-cloud span{padding:7px 13px;font-size:12px}.core-layout{grid-template-columns:1fr;margin-top:30px;gap:10px}.core-layout>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center}.core-layout .display{grid-row:span 2}.core-layout .lead{margin:0;align-self:end}.core-layout .muted{margin:0;align-self:start}.core-diagram{height:550px;max-width:580px;width:100%;margin:auto}.commands-title{margin-top:40px}.commands-title>div{width:45%}.command-workspace{display:block;margin-top:25px}.category-list{flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:12px;gap:5px}.category-button{padding:10px 13px;flex-shrink:0;font-size:13px}.category-button i{font-size:15px;min-width:15px}.category-button span:first-child{gap:7px}.category-arrow{display:none}.command-panel-head{padding:20px 23px}.command-interaction{min-height:315px}.vc-section{height:780px}.vc-art{width:80%;right:-12%}.vc-copy .display{font-size:125px}.vc-copy{top:17%;left:6%}.vc-status{right:6%;bottom:12%}.vc-caption{right:6%;font-size:12px}.mood-heading{display:block;margin:35px 0}.mood-heading .display{font-size:75px}.mood-heading>p{margin-top:25px}.mood-gallery{grid-template-columns:1fr 1fr;gap:16px}.mood-card{height:420px}.mood-info strong{font-size:42px}.mood-info>span{font-size:12px}.mood-reaction .tiny{font-size:12px}.mood-reaction p{font-size:13px}.closeup{min-height:550px;height:65svh}.closeup h2{font-size:22vw}.closeup>img{object-position:50%}.final-cta{height:1000px}.final-type{font-size:190px;left:6%;top:14%}.final-character{width:83%;right:-10%;height:85%;bottom:10%}.portal{width:550px;height:550px;right:-25%;top:22%}.final-copy{left:6%;bottom:70px}.final-copy h2{font-size:75px}.final-copy .eyebrow{font-size:12px}.footer-details{display:grid;grid-template-columns:1fr 1fr;gap:30px}.footer-goodbye{grid-column:span 2;margin:0}.footer-top{gap:25px}.footer-top .status{font-size:12px}.hero-character.generated{width:65%;right:0}.hero:has(.generated) .hero-copy p{max-width:280px}}
@media(max-width:620px){.hero-character.generated{height:69%;width:91%;right:-18%;bottom:20%;mask-image:radial-gradient(ellipse 70% 59% at 50% 35%,black 41%,transparent 84%)}.hero:has(.generated) .hero-copy{bottom:105px}.hero:has(.generated) .hero-copy p{max-width:290px}.hero-top .eyebrow{font-size:12px}.hero-copy{text-shadow:0 2px 25px #02050b}.section-marker{font-size:12px}.section-space{padding:55px 6%}.display{font-size:75px}.meet-copy .display{font-size:90px}.meet-copy .display br{display:block}.meet-copy .display span{margin:0}.meet-copy .eyebrow{font-size:12px}.world-portrait>img{height:350px}.world-portrait{padding:35px 0}.world-tag{left:0;bottom:16px;min-width:260px}.tag-top{font-size:12px;padding:8px 12px;top:20px}.tag-bottom{display:none}.awake-stage{min-height:680px}.awake-character{width:115%;left:-7.5%;height:84%;bottom:0}.awake-interface{width:150px;font-size:12px;padding:12px}.interface-one{top:25%;left:4%}.interface-two{right:4%;top:49%}.interface-two p{font-size:14px}.awake-interface .tiny{font-size:12px}.awake-interface strong{font-size:12px}.awake-terminal{font-size:12px;bottom:135px;line-height:1.7}.mini-bars{height:40px}.scene-states{gap:8px;font-size:12px;letter-spacing:.6px}.awake-title{font-size:25vw;top:20%}.server-stage{min-height:700px}.server-heading h2{font-size:75px}.channel-stack{top:39%;right:1%}.channel-stack span{font-size:26px}.server-character{width:105%;right:-20%;bottom:0;height:62%}.server-heading{top:20%}.server-footer{font-size:12px}.feature-scene{height:760px}.feature-copy{top:11%;right:6%}.feature-copy .display{font-size:95px}.feature-copy p{font-size:14px}.scene-number{font-size:12px}.feature-copy .scene-caption{font-size:12px;margin-top:24px}.scene-art{object-position:63% center;opacity:.83}.voice-chip{bottom:12%;padding:14px 20px}.chat-thread{bottom:7%;right:6%;width:280px;padding:22px}.music-tag{font-size:12px;right:6%;bottom:7%;max-width:250px}.wide-wave{bottom:15%}.personality-bridge .display{font-size:58px}.personality-bridge>.eyebrow{font-size:12px}.core-layout>div:first-child{display:block}.core-layout .lead{margin:25px 0 10px}.core-layout .display br{display:none}.core-layout .display{font-size:78px}.core-diagram{height:380px;margin-top:25px}.core-label{font-size:12px;padding:5px 7px;letter-spacing:1px}.core-label:before{width:32px}.core-coordinates{font-size:12px}.commands-title{gap:12px}.commands-title .display{font-size:75px}.commands-title .lead{font-size:17px}.demo-note{font-size:12px}.command-panel-head{font-size:12px;padding:17px}.command-options{padding-left:17px}.command-interaction{padding:13px 17px 24px;min-height:340px}.command-input{padding:10px;gap:6px}.command-input code{font-size:14px}.command-input>span:not(.prompt-symbol){font-size:12px}.run-command{font-size:12px;padding:5px 6px}.run-command span{display:none}.command-panel-foot{padding:15px 17px;font-size:12px;gap:10px}.command-panel-foot>span{max-width:135px}.bot-response{gap:10px}.bot-response>img{width:35px;height:35px}.response-content>p{font-size:13px}.player-preview{gap:10px;padding:8px}.player-thumb{width:45px;height:45px}.player-preview strong{font-size:12px}.player-preview small{font-size:12px}.player-toggle{width:30px;height:30px;flex-shrink:0}.vc-section{height:740px}.vc-art{width:100%;right:-18%;opacity:.85;object-position:50% center}.vc-copy .eyebrow{font-size:12px}.vc-copy .display{font-size:105px}.vc-copy p{font-size:14px}.vc-status{padding:14px 20px;bottom:10%}.mood-heading .display{font-size:60px}.mood-card{height:310px}.mood-gallery{gap:10px}.mood-index{top:12px;left:9px;font-size:12px;padding:3px 5px}.mood-info{left:12px;bottom:20px}.mood-info strong{font-size:30px}.mood-info>span{font-size:12px;line-height:1.5;max-width:120px}.mood-arrow{right:13px;bottom:88px;font-size:18px}.mood-reaction{align-items:flex-start;gap:12px}.mood-reaction .tiny{font-size:12px;letter-spacing:1px}.mood-reaction p{font-size:12px;text-align:right}.closeup{min-height:500px}.closeup .eyebrow,.closeup-bottom{font-size:12px;letter-spacing:1px}.final-cta{height:900px}.final-type{font-size:150px;top:14%;left:6%}.final-character{width:130%;right:-43%;height:80%;bottom:16%}.portal{width:420px;height:420px;right:-34%;top:23%}.portal>span{font-size:12px;letter-spacing:2px}.final-copy{left:6%;bottom:50px;right:6%}.final-copy h2{font-size:68px}.final-copy .eyebrow{font-size:12px}.final-copy>p{font-size:13px}.final-copy .button{width:240px}.footer-top{flex-wrap:wrap;gap:20px}.footer-top .brand{font-size:38px}.footer-top .status{font-size:12px}.motion-control{padding:7px 9px;font-size:12px}.footer-details{gap:25px;margin:35px 0}.footer-details a{font-size:12px}.footer-details .tiny{font-size:12px}.footer-bottom{font-size:12px;letter-spacing:.5px;gap:15px}.footer-bottom>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){.boot{display:none}.t-tab,.t-tabs-pill{transition:none!important}.awake-title{color:#a3c2f366}.awake-character{filter:none!important}.moves-in{position:static;opacity:1;margin-top:24px!important}.server-heading h2{font-size:clamp(50px,8vw,90px)}.hero-character,.mood-card img{transform:none!important}} 

.menu-toggle{display:none;background:transparent;color:#c2d5f3;border:0;padding:10px;font-size:14px}
.hero-copy p,.final-copy>p{font-size:16px}.command-description{font-size:14px}.command-panel-head{font-size:14px}.response-content>p{font-size:14px}
.motion-paused .feature-track{display:block;width:100%;height:auto}.motion-paused .feature-scene{width:100%;height:800px}.motion-paused .feature-progress{display:none}.motion-paused .moves-in{position:static;opacity:1;margin-top:24px}.motion-paused .server-heading h2{font-size:clamp(48px,7vw,90px)}
@media(max-width:900px){header nav{display:none}.menu-toggle{display:block;margin-left:auto;margin-right:20px}header.menu-open nav{display:flex;position:absolute;left:0;right:0;top:100%;padding:25px 6%;background:#0b1321;border-bottom:1px solid #91b3ec55;gap:22px;flex-wrap:wrap;box-shadow:0 25px 40px #0008}header nav a{font-size:14px}.hero-character.generated{pointer-events:none}}
@media(max-width:620px){.menu-toggle{font-size:12px;margin-right:10px;padding:8px}.hero-copy p{font-size:16px;line-height:1.65}.hero-copy h1{font-size:44px}.hero-top .eyebrow{font-size:12px;letter-spacing:1px}.hero{min-height:880px}.hero-copy{bottom:108px}.hero:has(.generated) .hero-copy{bottom:108px}.core-label{font-size:12px;letter-spacing:0}.mood-info>span{font-size:12px}.mood-card{height:330px}.footer-top{gap:16px}.footer-top .status{font-size:12px;letter-spacing:.5px}.motion-control{font-size:12px;margin-left:0}.footer-details{grid-template-columns:1fr}.footer-goodbye{grid-column:auto}.footer-details a{font-size:14px}.footer-bottom{font-size:12px}.vc-caption{font-size:12px;left:6%;line-height:1.6}.scene-states{font-size:9px}.category-button{font-size:14px}.command-panel-foot{flex-wrap:wrap}.command-panel-foot>span{max-width:none}.final-copy>p{font-size:16px}.final-copy{bottom:45px}.final-copy h2{font-size:66px}}
@media(prefers-reduced-motion:reduce){.feature-track{display:block;width:100%;height:auto}.feature-scene{width:100%;height:800px}.feature-progress{display:none}}
/* Anime chapter transitions: randomized by JS, reversible with scroll. */
.anime-scene{position:relative}.scene-transition{position:absolute;inset:-1px 0 auto;height:min(45vh,360px);z-index:15;overflow:hidden;pointer-events:none;visibility:hidden;contain:paint}.transition-slice{position:absolute;inset:0;background:linear-gradient(145deg,#070a10 15%,#0f2039 75%,#86b9ff33);border-bottom:1px solid #94bfff55}.slice-a{clip-path:polygon(0 0,100% 0,0 100%)}.slice-b{clip-path:polygon(100% 0,100% 100%,0 100%)}.transition-line{position:absolute;top:48%;left:-10%;right:-10%;height:2px;background:linear-gradient(90deg,transparent,#a9d2ff,#adc3ff,transparent);transform:rotate(-8deg);box-shadow:0 0 22px #67a5ff77}.transition-glyph{font:300 210px/1 var(--display);position:absolute;left:45%;top:5%;color:#adcaff36}.anime-scene[data-transition=shutter] .slice-a{clip-path:inset(0 0 50%)}.anime-scene[data-transition=shutter] .slice-b{clip-path:inset(50% 0 0)}.anime-scene[data-transition=panel] .slice-a{clip-path:polygon(0 0,63% 0,37% 100%,0 100%)}.anime-scene[data-transition=panel] .slice-b{clip-path:polygon(63% 0,100% 0,100% 100%,37% 100%)}.feature-scene>.scene-transition{height:100%}.motion-paused .scene-transition{display:none!important}.hero-grid:after{content:'';position:absolute;right:4%;top:20%;width:55%;height:65%;background-image:radial-gradient(#94bfff36 .7px,transparent .7px);background-size:7px 7px;mask-image:radial-gradient(ellipse,black,transparent 68%);opacity:.35}.world-tag{clip-path:polygon(0 0,100% 0,100% 85%,95% 100%,0 100%)}.mood-card{clip-path:polygon(0 0,100% 0,100% 96%,94% 100%,0 100%)}.scene-number{border-left:2px solid #97bbff;padding:5px 0 5px 14px}.hero-character.generated{mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent),linear-gradient(0deg,transparent,black 18%,black 95%,transparent);mask-composite:intersect}.hero-word{opacity:.66}.hero-copy{max-width:440px}.hero:has(.generated) .hero-word{top:14%}.hero:has(.generated) .hero-character{z-index:1}.hero:has(.generated) .hero-copy{z-index:4}.hero:has(.generated) .character-note{z-index:5}
@media(max-width:620px){.hero-character.generated{mask-image:linear-gradient(90deg,transparent,black 14%,black 85%,transparent),linear-gradient(0deg,transparent 3%,black 30%,black 97%,transparent)}.hero:has(.generated) .hero-word{top:16%}.scene-transition{height:220px}.transition-glyph{font-size:150px}}
@media(prefers-reduced-motion:reduce){.scene-transition{display:none!important}}
html{scroll-behavior:auto}
@media(max-width:620px){.hero:after{content:'';position:absolute;inset:auto 0 0;height:54%;background:linear-gradient(0deg,#070a10 17%,#070a10e8 48%,transparent);z-index:2;pointer-events:none}.hero .scroll-hint{z-index:5}.hero-copy p{color:#b6c1d2}.hero-character.generated{bottom:23%}}
/* Floating island navigation: one black capsule that expands into its menu. */
:root{--island-open:400ms;--island-close:250ms;--island-ease:cubic-bezier(.22,1,.36,1);--dropdown-open-dur:250ms;--dropdown-close-dur:150ms;--dropdown-ease:cubic-bezier(.22,1,.36,1)}
header.island-nav{position:fixed;top:max(18px,env(safe-area-inset-top));left:50%;right:auto;transform:translateX(-50%);width:min(420px,calc(100% - 28px));height:68px;padding:0 16px;display:grid;grid-template-columns:1fr auto auto;align-content:start;align-items:center;gap:16px;border:1px solid #ffffff20;border-radius:38px;background:#030509ed;box-shadow:0 12px 40px #0007,inset 0 1px 0 #ffffff12;backdrop-filter:none;overflow:hidden;z-index:60;isolation:isolate;transition:width var(--island-close) var(--island-ease),height var(--island-close) var(--island-ease),border-radius var(--island-close) var(--island-ease),box-shadow var(--island-close) var(--island-ease)}
header.island-nav.menu-open{width:min(620px,calc(100% - 28px));height:146px;border-radius:32px;box-shadow:0 18px 65px #000a,inset 0 1px 0 #ffffff1a;transition-duration:var(--island-open)}
header.island-nav>.brand{grid-column:1;grid-row:1;height:66px;display:flex;align-items:center;justify-self:start;font-size:27px;letter-spacing:-1.8px;white-space:nowrap}
header.island-nav>.brand img{width:34px;height:34px;border-radius:50%;object-fit:cover;margin-right:10px;background:#1b2638;border:1px solid #8eb6ff30}
header.island-nav>.brand i{font-size:11px;align-self:center;margin:0 0 10px 4px}
header.island-nav>.menu-toggle{grid-column:2;grid-row:1;display:flex;align-items:center;gap:9px;justify-content:center;margin:0;padding:10px 8px;min-height:44px;font-size:13px;line-height:1;color:#aab4c4;border-radius:25px;transition:color 180ms,background 180ms}
header.island-nav>.menu-toggle:hover{color:white;background:#ffffff0c}
header.island-nav>.menu-toggle i{font:300 21px/1 var(--font);transition:transform var(--dropdown-open-dur) var(--dropdown-ease)}
header.island-nav.menu-open>.menu-toggle i{transform:rotate(45deg)}
header.island-nav>.invite{grid-column:3;grid-row:1;padding:10px 15px;min-height:40px;gap:10px;border-radius:24px;font-size:12px;background:#bdd5ff;border:0;box-shadow:inset 0 1px 0 #fff4}
header.island-nav>.invite:hover{background:#e0ebff;transform:none}
header.island-nav>.invite span{font-size:17px}
header.island-nav nav,header.island-nav.menu-open nav{position:absolute;left:16px;right:16px;top:77px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0;background:none;border:0;box-shadow:none;flex-wrap:nowrap;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px) scale(.97);transform-origin:top center;transition:opacity var(--dropdown-close-dur) ease,transform var(--dropdown-close-dur) var(--dropdown-ease),visibility var(--dropdown-close-dur)}
header.island-nav.menu-open nav{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition-duration:var(--dropdown-open-dur);transition-delay:70ms}
header.island-nav nav:before{content:'';position:absolute;left:8px;right:8px;top:-11px;height:1px;background:#ffffff12}
header.island-nav nav a{font-size:14px;text-align:center;padding:11px 6px;border-radius:18px;color:#b0bbcf;white-space:nowrap;transition:color 180ms,background 180ms}
header.island-nav nav a:hover,header.island-nav nav a:focus-visible{color:#e1edff;background:#162135}
header.island-nav :focus-visible{outline:2px solid #a9c8ff;outline-offset:3px}
@media(max-width:620px){header.island-nav{top:max(12px,env(safe-area-inset-top));height:62px;padding:0 12px;gap:8px;width:calc(100% - 24px);max-width:390px}header.island-nav.menu-open{width:calc(100% - 24px);max-width:390px;height:194px;border-radius:29px}header.island-nav>.brand{height:60px;font-size:25px}header.island-nav>.brand img{width:30px;height:30px;margin-right:7px}header.island-nav>.menu-toggle{font-size:12px;padding:10px 5px;gap:6px}header.island-nav>.invite{padding:10px 12px;font-size:12px;gap:7px}header.island-nav>.brand i{display:none}header.island-nav nav,header.island-nav.menu-open nav{top:77px;left:12px;right:12px;grid-template-columns:1fr 1fr;gap:6px}header.island-nav nav a{padding:12px 8px;background:#ffffff05}.hero-top{top:108px}}
@media(max-width:350px){header.island-nav>.brand img{display:none}header.island-nav{gap:7px}}
@media(prefers-reduced-motion:reduce){header.island-nav,header.island-nav nav,header.island-nav .menu-toggle i{transition:none!important}}
.motion-paused header.island-nav,.motion-paused header.island-nav nav,.motion-paused header.island-nav .menu-toggle i{transition:none!important}
/* Grainy liquid-blue invitation backdrop; art and copy stay above the shader. */
.hero .liquid-background,.final-cta .liquid-background{position:absolute;inset:0;z-index:-4;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 67% 34%,#597da450,transparent 48%),radial-gradient(ellipse at 37% 62%,#2b518b75,transparent 55%),radial-gradient(ellipse at 82% 78%,#243b6455,transparent 55%),#070a10}
.liquid-background canvas{width:100%;height:100%;display:block;opacity:0}
.liquid-background:after{content:'';position:absolute;inset:0;opacity:.095;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.final-cta .final-copy{z-index:3;text-shadow:0 2px 22px #03070db3}.final-cta .final-type{color:#bbd3f045}.final-cta .section-marker{color:#afc4e1}.final-cta .portal-status{color:#91adcf}.final-cta .final-character{mask-image:radial-gradient(ellipse 59% 63% at 50% 43%,black 43%,transparent 87%)}
@media(max-width:620px){.final-cta .liquid-background:before{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#070a10cf);z-index:1}.final-cta .final-character{mask-image:radial-gradient(ellipse 59% 63% at 50% 43%,black 43%,transparent 87%)}}