:root{--ink:#15213c;--muted:#62708b;--blue:#2877d4;--line:#e1e7ef;--paper:#f6f8fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}header,main,footer{max-width:1240px;margin:auto}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:750;letter-spacing:-.8px}.brand svg{width:32px;height:32px;fill:none;stroke:var(--blue);stroke-width:2}.brand span{font-size:11px;letter-spacing:0;background:#e8eef7;padding:2px 6px;border-radius:5px;align-self:center;font-weight:600;color:#62708b}nav{display:flex;gap:28px;font-size:13px;font-weight:600;color:#53617a}.nav-button{font-size:13px;border:1px solid #cbd5e3;border-radius:10px;padding:10px 15px;display:flex;gap:15px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:80px 40px 72px;align-items:center}.eyebrow{font-size:12px;font-weight:650;color:#567091;display:flex;gap:8px;align-items:center;margin:0 0 24px}.dot{width:7px;height:7px;background:#488878;border-radius:50%;display:inline-block}h1{font-size:clamp(44px,5.1vw,72px);line-height:1.05;letter-spacing:-3.5px;margin:0 0 26px;font-weight:750}h1 span{color:var(--blue)}.lead{font-size:17px;max-width:440px;color:var(--muted);line-height:1.8;margin:0 0 30px}.actions{display:flex;gap:20px;align-items:center}.primary{background:var(--blue);color:white;padding:14px 19px;border-radius:10px;display:inline-flex;align-items:center;gap:24px;font-size:13px;font-weight:650;min-height:48px;transition:background .2s}.primary:hover{background:#185da9}.secondary{font-size:13px;font-weight:650;display:flex;gap:12px;min-height:48px;align-items:center}.small{font-size:11px;color:#78869c;margin-top:23px}.visual{position:relative;background:white;border:1px solid #d6dfeb;border-radius:16px;box-shadow:0 22px 60px #253b6412;transform:rotate(-2deg);max-width:500px}.app-bar{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8090a7;gap:8px}.window-dots{letter-spacing:3px;color:#c4cfdd}.demo{background:#eef2f7;border-radius:4px;padding:2px 7px}.workspace{padding:25px}.workspace-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.kicker{font-size:9px;letter-spacing:1.5px;color:#8b98ac}.workspace h2{font-size:17px;margin:4px 0}.state{font-size:9px;background:#edf6f1;color:#437664;padding:5px 8px;border-radius:6px;white-space:nowrap}i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#55907a;margin-right:5px}.orbit{height:230px;position:relative;background:radial-gradient(circle,#e8f0fb,transparent 65%);display:grid;place-items:center;overflow:hidden}.orbit-ring{position:absolute;border:1px dashed #c7d6eb;border-radius:50%;width:170px;height:170px}.ring-2{width:230px;height:230px;transform:scaleY(.7) rotate(30deg)}.orbit-core{width:72px;height:72px;display:grid;place-items:center;background:#e6effa;border:1px solid #bcd1ec;border-radius:19px;box-shadow:0 10px 30px #2877d421}.orbit-core svg{width:40px;fill:none;stroke:var(--blue);stroke-width:1.7}.player{position:absolute;width:36px;height:36px;border-radius:12px;background:white;border:1px solid #d5dfed;color:#647591;display:grid;place-items:center;font:11px monospace;box-shadow:0 4px 10px #24355208}.p1{top:28px;left:26%}.p2{top:54px;right:14%}.p3{bottom:38px;left:15%}.p4{bottom:32px;right:28%}.room-label{position:absolute;bottom:0;font:9px monospace;color:#8b98ac}.room-row{display:flex;justify-content:space-between;font-size:10px;color:#71829a;padding:18px 0 14px}.code{font:11px/2 monospace;color:#5c6980;background:#f5f7fa;padding:16px;border:1px solid #e8edf3;border-radius:9px;overflow-wrap:anywhere}.code-comment{color:#94a0b3}.code-purple{color:#6e5f9a}.code-green{color:#418473}.mock-note{font-size:9px;color:#8e9aab;margin:12px 0 0}.floating-note{position:absolute;bottom:-24px;right:-15px;display:flex;gap:13px;align-items:center;background:#15213c;color:#aab8cf;padding:15px 22px;border-radius:12px;font-size:11px;box-shadow:0 12px 28px #15213c1c}.floating-note>span{font-size:28px;color:#85b4ee}.floating-note b{color:white;font-weight:600}.stack{margin:0 40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 0;display:flex;align-items:center;gap:36px}.stack>span{font-size:11px;color:#7d8a9d;max-width:150px}.stack b{font-size:17px;color:#71809a;font-weight:600}.stack .stack-note{margin-left:auto;font-size:10px}.platform{padding:110px 40px;display:grid;grid-template-columns:1fr 1fr;gap:70px}h2{font-size:38px;letter-spacing:-1.6px;line-height:1.18;margin:0 0 22px;font-weight:700}.section-intro>p:last-child,.tools>div>p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:390px;line-height:1.85}.features article{display:grid;grid-template-columns:40px 1fr;gap:16px;padding:23px 0;border-bottom:1px solid var(--line);position:relative}.features article:first-child{padding-top:0}.feature-icon{background:#e6edf7;border-radius:11px;color:#517bab;width:36px;height:36px;display:grid;place-items:center;font-size:23px}.features h3{font-size:17px;margin:0 0 7px}.features p{font-size:13px;color:var(--muted);margin:0;max-width:350px}.planned{grid-column:2;font-size:10px;color:#8895a8;margin-top:-7px}.tools{margin:0 40px;padding:56px;background:#eaf0f7;border:1px solid #dce5ef;border-radius:22px;display:grid;grid-template-columns:1fr 1fr;gap:55px}.text-link{font-size:13px;color:var(--blue);font-weight:650;display:inline-block;margin-top:18px;min-height:44px}.terminal{background:white;border:1px solid #d9e2ed;border-radius:14px;align-self:center}.terminal-head{padding:15px 20px;border-bottom:1px solid var(--line);font-size:11px;display:flex;justify-content:space-between;gap:10px}.terminal-head span:last-child{font-size:9px;color:#8b98ac}.terminal ol{list-style:none;padding:8px 22px;margin:0}.terminal li{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.terminal li:last-child{border:0}.terminal li>span{font:12px monospace;color:#8c9caf;padding-top:4px}.terminal b{font-size:14px;font-weight:600}.terminal p{font-size:12px;color:var(--muted);margin:4px 0 0}.roadmap{padding:110px 40px 90px}.roadmap-heading{display:flex;justify-content:space-between;gap:40px;align-items:start}.roadmap-heading>p{max-width:300px;font-size:14px;color:var(--muted);margin-top:8px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:30px}.timeline article{border-top:2px solid #dae2ed;padding-top:24px}.timeline article:first-child{border-color:var(--blue)}.stage{font-size:11px;color:#8a96a8}.stage.active{color:var(--blue)}.timeline h3{font-size:19px;margin:17px 0 10px;letter-spacing:-.4px}.timeline p{font-size:13px;color:var(--muted);max-width:300px}.status{margin:0 40px;padding:50px 55px;border-radius:22px;background:#e9f0f9;display:flex;justify-content:space-between;align-items:center;gap:35px}.status h2{font-size:40px}.status p:last-child{max-width:390px;font-size:14px;color:var(--muted)}.status>.primary{flex-shrink:0}.faq{padding:100px 40px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.faq h2{font-size:30px}.faq details{border-bottom:1px solid var(--line);padding:0 0 18px;margin-bottom:18px}.faq summary{cursor:pointer;font-size:15px;font-weight:600;min-height:44px;display:list-item;padding-top:8px}.faq details p{font-size:13px;color:var(--muted)}footer{padding:30px 40px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}footer p,footer>span{font-size:11px;color:#8591a5}footer .brand{font-size:18px}@media(max-width:1000px){nav{gap:15px}.hero{gap:25px}.actions{gap:12px}.primary{gap:12px}.floating-note{right:0}.tools{padding:35px;gap:30px}.status{padding:35px}.status>.primary{flex-shrink:1}.stack{gap:25px}.stack .stack-note{display:none}}@media(max-width:760px){header{height:78px;padding:0 24px}nav{display:none}.brand{font-size:20px}.nav-button{font-size:11px;padding:9px 11px;gap:9px}.hero{grid-template-columns:1fr;padding:48px 24px 64px;gap:45px}h1{font-size:60px;letter-spacing:-3px}.lead{font-size:16px}.visual{width:100%;margin:auto;transform:none}.stack{margin:0 24px;gap:20px;flex-wrap:wrap}.stack>span{max-width:none;width:100%;font-size:11px}.stack b{font-size:15px}.platform{padding:70px 24px;grid-template-columns:1fr;gap:30px}h2{font-size:33px}.tools{margin:0 24px;padding:28px;grid-template-columns:1fr;gap:28px}.tools h2 br{display:none}.roadmap{padding:70px 24px}.roadmap-heading{display:block}.timeline{grid-template-columns:1fr;gap:22px;margin-top:35px}.timeline article{padding-top:18px}.timeline h3{margin:8px 0}.timeline p{max-width:none;margin-bottom:0}.status{margin:0 24px;padding:30px;display:block}.status h2{font-size:33px}.status>.primary{margin-top:15px}.faq{padding:70px 24px;grid-template-columns:1fr;gap:15px}.faq h2 br{display:none}footer{padding:25px 24px;flex-wrap:wrap}footer p{width:100%;order:3;margin:0}.workspace{padding:20px}}@media(max-width:370px){header{padding:0 16px}.brand{font-size:18px;gap:6px}.brand svg{width:26px}.brand span{display:none}.nav-button{font-size:10px}.hero{padding-left:16px;padding-right:16px}h1{font-size:53px}.actions{align-items:flex-start;flex-direction:column;gap:2px}.small{font-size:10px}.app-bar{font-size:9px;padding:10px}.workspace{padding:15px}.workspace h2{font-size:14px}.state{font-size:8px}.floating-note{font-size:10px;padding:12px}.tools,.status{margin:0 16px;padding:24px}.stack{margin:0 16px}.platform,.roadmap,.faq{padding-left:16px;padding-right:16px}footer{padding-left:16px;padding-right:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}