:root{--bg:#0F1216;--p:#151A20;--c:#22D3EE;--t:#E6EDF3;--m:#9AA7B4}*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background-color:var(--bg);background-image:linear-gradient(rgba(34,211,238,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.05) 1px,transparent 1px);background-size:40px 40px;color:var(--t);font:17px/1.6 Inter,"Segoe UI",system-ui,-apple-system,Arial,sans-serif}
a{color:var(--c)}.wrap{max-width:1140px;margin:0 auto;padding:0 22px}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:var(--c);color:#000;padding:8px;z-index:9}
.nav{position:sticky;top:0;background:rgba(15,18,22,.88);backdrop-filter:blur(8px);border-bottom:1px solid rgba(34,211,238,.15);z-index:5}.navin{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;padding-bottom:10px}
.logo{height:46px;width:auto;display:block}nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}nav a{color:var(--t);text-decoration:none;font-size:15px}nav a:hover{color:var(--c)}
.btn{display:inline-block;background:var(--c);color:#04131a!important;font-weight:700;padding:12px 22px;border-radius:10px;text-decoration:none;border:0;font-size:16px;cursor:pointer}.btn.sm{padding:7px 14px}.btn.ghost{background:transparent;color:var(--c)!important;border:1px solid var(--c)}
.hero{padding:70px 0 40px}.herogrid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}h1{font-size:clamp(34px,5vw,58px);line-height:1.08;margin:.2em 0;letter-spacing:-.02em}h1 span{color:var(--c)}
.eyebrow{color:var(--c);text-transform:uppercase;letter-spacing:.2em;font-size:13px;font-weight:600;margin:0}.lead{color:var(--m);font-size:19px;max-width:640px}.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-art{width:100%;max-width:440px;justify-self:center}
.pillars{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pillar,.card{background:rgba(21,26,32,.9);border:1px solid rgba(34,211,238,.22);border-radius:16px;padding:26px;text-decoration:none;color:var(--t);display:block;transition:.2s}.pillar:hover,a.card:hover{border-color:var(--c);transform:translateY(-2px)}
.num{color:var(--c);font-family:ui-monospace,monospace}.pillar h2{margin:.3em 0}.pillar p,.card p{color:var(--m);margin:.4em 0}
.sec{padding:70px 22px 10px}.h2{font-size:clamp(26px,3.4vw,38px);margin:.2em 0 .5em}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.card h3{margin:.2em 0}.more{color:var(--c);font-weight:600;font-size:15px}
.tag{display:inline-block;font-size:12px;border:1px solid var(--c);color:var(--c);border-radius:99px;padding:2px 10px;margin-bottom:6px}
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:760px;margin-top:20px}.form label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--m)}.form .full{grid-column:1/-1}
input,select,textarea{background:var(--p);border:1px solid rgba(34,211,238,.3);border-radius:10px;color:var(--t);padding:12px;font:inherit}input:focus,select:focus,textarea:focus,a:focus-visible,.btn:focus-visible{outline:2px solid var(--c);outline-offset:2px}.form .btn{justify-self:start}
.sub{padding-bottom:0}.back{display:block;margin-bottom:16px;text-decoration:none}.note{color:var(--m);font-size:14px;margin-top:24px}.prose{max-width:760px}.prose p{color:var(--m)}
footer{margin-top:80px;border-top:1px solid rgba(34,211,238,.15);padding:24px 0;color:var(--m);font-size:14px}.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
@media(max-width:760px){.herogrid,.pillars,.form{grid-template-columns:1fr}.hero{padding-top:36px}nav a:not(.btn){display:none}.hero-art{max-width:300px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.manual{display:grid;grid-template-columns:230px 1fr;gap:40px;align-items:start}.toc{position:sticky;top:84px;background:rgba(21,26,32,.9);border:1px solid rgba(34,211,238,.22);border-radius:16px;padding:18px}.toc ol{margin:8px 0 0;padding-left:20px;font-size:14px;line-height:1.9}.toc a{color:var(--t);text-decoration:none}.toc a:hover{color:var(--c)}.mbody{min-width:0}.mbody h2{scroll-margin-top:84px;border-top:1px solid rgba(34,211,238,.15);padding-top:26px}.mbody h3{color:var(--c);margin:1.2em 0 .2em;font-size:18px}.mbody p,.mbody li,.mbody dd{color:var(--m)}.mbody b{color:var(--t)}
.shot{margin:18px 0}.shotph{border:2px dashed rgba(34,211,238,.45);border-radius:16px;min-height:200px;display:flex;align-items:center;justify-content:center;color:var(--c);font-family:ui-monospace,monospace;text-align:center;padding:20px;background:rgba(34,211,238,.04)}.shot figcaption{font-size:13px;color:var(--m);margin-top:6px}.faq dt{font-weight:700;margin-top:14px}.faq dd{margin:4px 0 0}
@media(max-width:860px){.manual{grid-template-columns:1fr}.toc{position:static}}
#manual{scroll-margin-top:70px}
.hero-img{max-width:560px;height:auto}.apphead{display:flex;align-items:center;gap:12px}.apphead h1,.apphead h3{margin:0}.applogo{width:48px;height:48px;padding:6px;border:1px solid rgba(34,211,238,.35);border-radius:12px;background:#0F1216;flex:none}h1+.lead,.apphead+.lead{margin-top:.6em}.hero .apphead .applogo{width:56px;height:56px}
@media(max-width:860px){.herogrid{grid-template-columns:1fr}.hero-img{max-width:100%}}
