.app-hidden{display:none}.landing{position:relative;overflow:hidden;background:#061510;color:var(--text)}.landing-nav{height:88px;max-width:1240px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:5}.landing-nav .brand{margin:0}.landing-nav>div{display:flex;gap:10px}.nav-login,.play-btn{border:0;background:transparent;color:var(--text);padding:12px 16px;cursor:pointer}.storm-hero{min-height:760px;padding:150px max(7vw,30px) 80px;display:grid;grid-template-columns:minmax(480px,670px) 1fr;align-items:center;position:relative;background:radial-gradient(circle at 80% 20%,rgba(73,114,109,.22),transparent 32%),linear-gradient(180deg,#0b2523,#071a16 65%,#061510)}.storm-copy{z-index:2}.storm-copy h1{font-size:clamp(44px,5vw,75px);line-height:1.03;letter-spacing:-3px;margin:24px 0}.storm-copy h1 em{font-style:normal;color:var(--mint)}.storm-copy>p{font-size:17px;line-height:1.7;color:#b5c5c0;max-width:610px}.landing-actions{display:flex;align-items:center;gap:8px;margin-top:30px}.primary.big{font-size:14px;padding:16px 22px}.play-btn span{color:var(--mint);margin-left:8px}.trust-line{display:flex;gap:22px;margin-top:35px;color:#738982;font-size:10px}.ship-scene{height:520px;position:relative;min-width:440px}.storm-cloud{position:absolute;background:rgba(77,98,94,.18);filter:blur(30px);border-radius:50%}.c1{width:330px;height:130px;top:30px;right:0}.c2{width:280px;height:100px;top:170px;left:0}.ship{position:absolute;width:360px;height:300px;bottom:74px;left:50%;transform:translateX(-50%) rotate(-4deg);filter:drop-shadow(0 25px 30px #000)}.mast{position:absolute;width:6px;height:220px;background:#41544e;left:190px;top:18px}.sail{position:absolute;left:74px;top:28px;width:110px;height:170px;background:linear-gradient(145deg,#526d68,#152d29);clip-path:polygon(100% 0,100% 100%,0 80%);border-right:2px solid #9da9a4}.hull{position:absolute;width:320px;height:75px;left:20px;bottom:13px;background:linear-gradient(#2a403b,#0c1a17);clip-path:polygon(0 0,100% 0,83% 85%,22% 100%)}.ship-light{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--amber);right:65px;bottom:60px;box-shadow:0 0 30px 12px rgba(240,183,106,.35)}.waves{position:absolute;left:-10%;width:120%;height:130px;border-radius:50%;border-top:3px solid rgba(93,224,182,.16)}.w1{bottom:10px;transform:rotate(3deg)}.w2{bottom:50px;transform:rotate(-4deg)}.guiding-star{position:absolute;right:16%;top:24px;color:var(--mint);font-size:30px;text-shadow:0 0 30px var(--mint);animation:pulse 2s infinite}.scroll-cue{position:absolute;bottom:25px;left:50%;font-size:8px;letter-spacing:3px;color:#6f857f;display:flex;flex-direction:column;align-items:center;gap:8px}.story-section,.devices-section,.beyond-section,.empty-ship,.control-section{max-width:1240px;margin:auto;padding:110px 40px}.story-section{display:grid;grid-template-columns:330px 1fr;gap:80px}.story-title h2,.device-copy h2,.beyond-head h2,.empty-copy h2,.control-section h2{font-size:42px;letter-spacing:-1.4px;margin:13px 0}.story-title>p:last-child,.device-copy>p,.beyond-head>p,.empty-copy>p{color:var(--muted);line-height:1.7}.story-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.story-steps article{border:1px solid var(--line);border-radius:20px;padding:27px;background:rgba(255,255,255,.02)}.story-steps article>b{color:#536861;font-size:10px}.story-steps article>span{display:block;font-size:28px;color:var(--mint);margin:36px 0 20px}.story-steps article p{color:var(--muted);font-size:12px;line-height:1.6}.devices-section{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;background:linear-gradient(135deg,rgba(93,224,182,.06),transparent 55%);border-radius:38px}.device-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:27px}.device-pills span{border:1px solid var(--line);border-radius:20px;padding:8px 12px;font-size:10px;color:var(--muted)}.device-stage{height:390px;position:relative}.laptop{position:absolute;width:420px;height:260px;border:8px solid #273a35;border-bottom-width:20px;border-radius:14px;right:0;top:25px;background:#0d211b;box-shadow:var(--shadow)}.laptop>div{padding:25px}.mini-brand{font-size:9px;color:var(--mint)}.laptop i{height:45px;border-radius:8px;background:rgba(255,255,255,.04);display:block;margin-top:15px}.phone{position:absolute;z-index:2;width:135px;height:270px;border:6px solid #2a3e38;border-radius:25px;right:330px;bottom:15px;background:#071713;padding:14px;box-shadow:var(--shadow)}.phone div{height:100%;border:1px solid var(--line);border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.phone span{color:var(--mint);font-size:25px}.phone b{font-size:10px;margin:14px 0}.phone small{color:var(--amber);font-size:8px}.watch{position:absolute;width:85px;height:95px;right:25px;bottom:6px;border:7px solid #30423d;border-radius:25px;background:#0c211a;display:grid;place-items:center;text-align:center;box-shadow:var(--shadow)}.watch span{color:var(--amber)}.watch small{font-size:8px}.beyond-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.beyond-head{max-width:480px}.world-orbit{width:430px;height:430px;border-radius:50%;border:1px solid rgba(93,224,182,.18);position:relative;margin:auto}.world-orbit:before{content:"";position:absolute;inset:70px;border:1px solid var(--line);border-radius:50%}.world-orbit>div{position:absolute;inset:145px;border-radius:50%;background:radial-gradient(circle,rgba(93,224,182,.16),#0b251e);display:grid;place-items:center;text-align:center;border:1px solid rgba(93,224,182,.3)}.world-orbit>div span{font-size:25px;color:var(--mint);margin-bottom:-15px}.world-orbit>div b{font-size:10px;letter-spacing:2px}.world-orbit button{--r:188px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--a)) translateX(var(--r)) rotate(calc(-1 * var(--a)));border:1px solid var(--line);background:#10251f;color:var(--text);border-radius:18px;padding:10px 14px;font-size:10px}.empty-ship{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;border-top:1px solid var(--line)}.empty-visual{height:390px;position:relative;background:radial-gradient(circle,rgba(93,224,182,.12),transparent 55%)}.deck{position:absolute;width:210px;height:55px;border:1px solid rgba(93,224,182,.25);border-radius:14px;background:#0d2820;display:grid;place-items:center;font-size:9px;letter-spacing:2px;color:var(--mint)}.d1{left:50%;top:35px}.d2{left:13%;top:130px}.d3{left:51%;top:220px}.d4{left:10%;top:310px}.empty-compass{position:absolute;left:47%;top:44%;font-size:46px;color:var(--mint);text-shadow:0 0 30px var(--mint)}.empty-copy blockquote{border-left:2px solid var(--mint);margin:24px 0;padding:6px 18px;color:#d5ddd9;line-height:1.7}.control-section{display:grid;grid-template-columns:300px 1fr;gap:60px;background:rgba(255,255,255,.018);max-width:none;padding-left:max(calc((100vw - 1160px)/2),40px);padding-right:max(calc((100vw - 1160px)/2),40px)}.control-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.control-cards article{padding:25px;border-radius:18px;border:1px solid var(--line)}.control-cards article.selected{border-color:rgba(93,224,182,.4);background:rgba(93,224,182,.06)}.control-cards span{font-size:25px;color:var(--mint)}.control-cards p{font-size:11px;color:var(--muted);line-height:1.5}.landing-footer{max-width:1240px;margin:auto;padding:55px 40px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;border-top:1px solid var(--line)}.landing-footer .brand{margin:0;width:max-content}.landing-footer p{color:var(--muted);font-size:11px}.chambers{width:min(1100px,calc(100% - 28px));height:min(760px,calc(100vh - 28px));padding:0;background:#081a15;color:var(--text);border:1px solid rgba(93,224,182,.25);border-radius:25px;box-shadow:0 40px 120px #000}.chambers::backdrop{background:rgba(1,8,6,.82);backdrop-filter:blur(8px)}.chamber-top{padding:27px 30px 20px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.chamber-top h2{margin:8px 0 4px}.chamber-top p:last-child{margin:0;color:var(--muted);font-size:12px}.chamber-progress{padding:12px 30px;display:flex;align-items:center;gap:15px}.chamber-progress>div{height:3px;background:rgba(255,255,255,.08);flex:1;border-radius:5px}.chamber-progress i{display:block;width:3%;height:100%;background:var(--mint);transition:.3s}.chamber-progress span{font-size:10px;color:var(--mint)}.chamber-layout{height:545px;display:grid;grid-template-columns:190px 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.chamber-layout aside{padding:16px;border-right:1px solid var(--line);overflow:auto}.chamber-cat{width:100%;padding:11px 12px;border:0;border-radius:10px;background:transparent;color:var(--muted);text-align:left;cursor:pointer}.chamber-cat span{display:inline-block;width:25px}.chamber-cat.active{background:rgba(93,224,182,.09);color:var(--text)}.chamber-layout>section{padding:24px 28px;overflow:auto}.chamber-breadcrumb{font-size:9px;color:var(--muted);margin-bottom:15px}.chamber-breadcrumb span{color:var(--mint);padding:0 6px}.chamber-section-head{display:flex;justify-content:space-between;align-items:end}.chamber-section-head h3{font-size:25px;margin:0}.chamber-section-head p{font-size:11px;color:var(--muted)}.chamber-section-head input{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:11px;padding:10px 13px;color:var(--text);outline:none}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.option{min-height:90px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);color:var(--text);padding:15px;text-align:left;cursor:pointer;position:relative}.option:hover{border-color:rgba(93,224,182,.35)}.option.selected{background:rgba(93,224,182,.09);border-color:var(--mint)}.option b{display:block;margin-bottom:7px}.option small{color:var(--muted);line-height:1.4}.option .go{position:absolute;right:12px;top:12px;color:var(--mint)}.option.selected:after{content:'✓';position:absolute;right:12px;bottom:10px;color:var(--mint)}.chamber-actions{padding:14px 25px;display:flex;justify-content:space-between}.chamber-actions .secondary{min-width:100px}
@media(max-width:900px){.storm-hero{grid-template-columns:1fr;padding-top:140px}.ship-scene{position:absolute;right:-140px;bottom:0;opacity:.35}.story-section,.devices-section,.beyond-section,.empty-ship,.control-section{grid-template-columns:1fr}.story-steps{grid-template-columns:1fr}.device-stage{max-width:560px}.world-orbit{margin-top:30px}.empty-visual{order:2}.control-cards{grid-template-columns:1fr 1fr 1fr}.chamber-layout{grid-template-columns:145px 1fr}.option-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){body:has(.landing:not([hidden])){padding-bottom:0}.landing-nav{padding:0 18px}.landing-nav .brand>span:last-child{display:none}.nav-login{display:none}.storm-hero{min-height:700px;padding:135px 20px 70px;display:block}.storm-copy h1{font-size:43px;letter-spacing:-2px}.storm-copy>p{font-size:14px}.trust-line{display:grid;gap:8px}.ship-scene{min-width:0;width:420px;right:-260px;opacity:.24}.story-section,.devices-section,.beyond-section,.empty-ship,.control-section{padding:75px 20px;gap:35px}.story-title h2,.device-copy h2,.beyond-head h2,.empty-copy h2,.control-section h2{font-size:33px}.laptop{width:330px;height:220px;right:-40px}.phone{right:220px}.world-orbit{width:300px;height:300px}.world-orbit>div{inset:100px}.world-orbit button{--r:130px;font-size:8px;padding:7px 9px}.control-cards{grid-template-columns:1fr}.landing-footer{padding:40px 20px;grid-template-columns:1fr;gap:20px}.landing-footer .brand{display:none}.chambers{height:100vh;width:100%;max-height:none;border-radius:0}.chamber-top{padding:21px 18px 16px}.chamber-top h2{font-size:20px}.chamber-progress{padding:10px 18px}.chamber-layout{height:calc(100vh - 190px);display:block}.chamber-layout aside{height:58px;border-right:0;border-bottom:1px solid var(--line);display:flex;padding:8px;gap:4px}.chamber-cat{min-width:max-content;width:auto;font-size:10px}.chamber-layout>section{padding:18px}.chamber-section-head{display:block}.chamber-section-head input{width:100%;margin-top:10px}.option-grid{grid-template-columns:1fr 1fr}.option{min-height:82px;padding:12px;font-size:11px}.option small{font-size:9px}.chamber-actions{padding:12px}.chamber-actions button{font-size:10px}}