:root{color-scheme:dark;--bg:#111a24;--panel:#172330;--text:#f0f4f7;--muted:#a2b3c2;--accent:#b7e9cb;--line:#2c3a47}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}header,main,footer{max-width:1240px;margin:auto}header{height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.brand{font-size:25px;font-weight:650;letter-spacing:-1px;display:flex;align-items:center;gap:12px}.mark{font:700 26px monospace;color:var(--accent)}.mark span{color:#789bba}nav{display:flex;gap:38px;font-size:14px;color:#c0cbd5}nav span{margin-left:15px;color:var(--accent)}main{padding:0 40px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:90px 0 110px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:var(--accent);display:flex;align-items:center;gap:10px}.dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(52px,5.2vw,74px);line-height:1.15;letter-spacing:-3px;margin:30px 0 28px;font-weight:650}.lead{font-size:17px;line-height:1.9;color:var(--muted);margin-bottom:30px}.button{background:var(--accent);color:#14261e;border-radius:6px;padding:13px 22px;display:inline-flex;gap:42px;font-size:14px;font-weight:600}.button:hover{background:#d0f5de}.platforms{font-size:11px;color:var(--muted);margin-top:18px}.platforms span{padding:0 10px}.terminal{background:#0c141d;border:1px solid #354655;box-shadow:0 25px 80px #0003;border-radius:12px;overflow:hidden;transform:rotate(-1deg)}.terminal-bar{display:flex;justify-content:space-between;align-items:center;background:#1d2a37;padding:15px 18px;color:#acbdcc;font-size:10px}.lights{color:#668179;letter-spacing:3px;font-size:9px}.terminal-body{padding:26px;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;min-height:350px}.muted{color:#8fa3b5}.prompt,.success{color:var(--accent)}.separator{height:1px;background:#263441;margin:28px 0}.device{display:flex;align-items:center;gap:15px;margin:22px 0}.device div{font-size:12px}.device div span{display:block;font:10px/2 sans-serif;color:#8fa3b5}.device-icon{font-size:25px;color:#bcccdc}.connection{color:#82ad98;flex:1;overflow:hidden}.note{font-size:10px}.cursor{display:inline-block;background:#b7e9cb;width:7px;height:13px;vertical-align:middle}.features{border-top:1px solid var(--line);padding:65px 0 75px}h2{font-size:32px;font-weight:550;line-height:1.4;letter-spacing:-1px;margin:14px 0 28px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:50px}.number{color:#88a1b5;font:10px monospace;letter-spacing:1px}h3{font-size:17px;font-weight:550;margin:18px 0 12px}article p,.start p{font-size:14px;color:var(--muted);line-height:1.9}.start{border-top:1px solid var(--line);padding:75px 0 90px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.start h2{font-size:39px}.start ol{list-style:none;padding:0;margin:0}.start li{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:16px 0}.start li>span{color:var(--accent);font:12px monospace;padding-top:20px}.start li h3{margin:10px 0}.start li p{margin-top:0}footer{border-top:1px solid var(--line);padding:30px 40px;display:flex;justify-content:space-between;align-items:center}footer>span,.footer-tag{font-size:11px;color:var(--muted);font-weight:400;letter-spacing:0}.footer-tag{margin-left:15px}@media(max-width:850px){.hero{gap:30px}.terminal-body{padding:18px}.device{gap:9px}.feature-grid{gap:25px}.start{gap:45px}}@media(max-width:680px){header{height:85px;padding:0 24px}nav{gap:24px}main{padding:0 24px}.hero{grid-template-columns:1fr;padding:50px 0 65px;gap:40px}h1{font-size:56px}.terminal{transform:none}.feature-grid{grid-template-columns:1fr;gap:24px}.features{padding:45px 0}.feature-grid{margin-top:30px}article{border-bottom:1px solid var(--line);padding-bottom:20px}.start{grid-template-columns:1fr;padding:50px 0;gap:20px}.start h2{font-size:34px}footer{padding:25px 24px}.footer-tag{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
