:root{
  --bg:#000;
  --panel:#050805;
  --panel2:#080d09;
  --green:#32D74B;
  --green-2:#1e8f33;
  --muted:#6a806e;
  --text:#d9ffe0;
  --line:rgba(50,215,75,.16);
  --max:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;line-height:1.65}
a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}
::selection{background:var(--green);color:#000}
#rain{position:fixed;inset:0;z-index:-2;opacity:.18;pointer-events:none}
.vignette{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 35%,transparent 0,rgba(0,0,0,.22) 55%,rgba(0,0,0,.78) 100%)}
.wrap{width:min(calc(100% - 32px),var(--max));margin:auto}
header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(0,0,0,.9);backdrop-filter:blur(12px)}
.nav{min-height:64px;display:flex;align-items:center;gap:20px;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:800;letter-spacing:.08em}.brand-mark{color:var(--green)}
nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}nav a{font-size:.88rem;color:#a8c4ae}nav a.active,nav a:hover{color:var(--green);text-decoration:none}
.nav-btn{display:none;background:none;color:var(--green);border:1px solid var(--line);padding:8px 11px;font:inherit}
main{min-height:70vh}
.hero{min-height:78vh;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:56px;padding:72px 0}
.eyebrow{color:var(--green);font-size:.8rem;letter-spacing:.17em;text-transform:uppercase;margin-bottom:18px}
h1{font-size:clamp(3rem,8vw,6.6rem);line-height:.9;margin:.05em 0 .22em;letter-spacing:-.07em;color:#f0fff3}h1 span{color:var(--green)}
.lead{font-size:clamp(1rem,2vw,1.28rem);max-width:660px;color:#a4bba8;margin:0 0 28px}
.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--green);padding:11px 15px;color:#000;background:var(--green);font-weight:800}.btn:hover{text-decoration:none;filter:brightness(1.08)}.btn.secondary{background:#000;color:var(--green);border-color:rgba(50,215,75,.45)}
.smallnote{font-size:.8rem;color:var(--muted);margin-top:16px}
.terminal{border:1px solid rgba(50,215,75,.27);background:rgba(0,0,0,.86);box-shadow:0 0 0 1px rgba(50,215,75,.04),0 24px 80px rgba(0,0,0,.5);padding:20px;min-height:430px;position:relative;overflow:hidden}
.terminal:before{content:"TERM // TERMINO";display:block;color:var(--green-2);font-size:.72rem;letter-spacing:.14em;margin-bottom:24px}
.tline{margin:7px 0;color:#a6c3ab}.prompt{color:var(--green)}.dim{color:#536b57}.reply{color:var(--green);border-bottom:1px dashed var(--green)}
.cursor{display:inline-block;width:.58em;height:1.05em;background:var(--green);vertical-align:-.14em;animation:blink 1.05s step-end infinite}@keyframes blink{50%{opacity:0}}
section{padding:72px 0;border-top:1px solid var(--line)}
.section-head{display:grid;grid-template-columns:.65fr 1.35fr;gap:32px;margin-bottom:34px}.section-head h2{margin:0;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.04em;color:#e9ffed}.section-head p{margin:4px 0;color:#8ea693}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{border:1px solid var(--line);background:rgba(2,6,3,.75);padding:22px;min-height:170px}.card h3{margin:0 0 10px;color:var(--green);font-size:1rem}.card p{margin:0;color:#8fa994;font-size:.92rem}.tag{display:inline-block;border:1px solid rgba(50,215,75,.24);color:#82a187;padding:3px 7px;font-size:.72rem;margin-top:14px}
.command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cmd{display:grid;grid-template-columns:170px 1fr;gap:18px;border-bottom:1px solid var(--line);padding:12px 0}.cmd code{color:var(--green);font:inherit}.cmd span{color:#899e8d;font-size:.9rem}
.callout{border-left:2px solid var(--green);padding:18px 20px;background:rgba(50,215,75,.045);color:#a8b9aa}
.page-hero{padding:80px 0 46px}.page-hero h1{font-size:clamp(2.6rem,7vw,5.2rem)}.page-hero p{max-width:760px;color:#94aa98}
.docs{display:grid;grid-template-columns:240px 1fr;gap:42px;padding-bottom:80px}.toc{position:sticky;top:90px;align-self:start;border-left:1px solid var(--line);padding-left:16px}.toc a{display:block;padding:5px 0;color:#718777;font-size:.86rem}.toc a:hover{color:var(--green);text-decoration:none}.doc h2{margin-top:48px;color:#e8ffed}.doc h3{color:var(--green);margin-top:30px}.doc p,.doc li{color:#9bb09f}.doc code{color:var(--green)}pre{border:1px solid var(--line);background:#020402;padding:16px;overflow:auto;color:#a9c6ae;font:inherit;font-size:.9rem}.notice{border:1px solid rgba(50,215,75,.18);padding:16px;margin:20px 0;background:rgba(50,215,75,.035)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}label{color:#9db2a1;font-size:.82rem}input,select,textarea{width:100%;background:#030603;color:#dfffe4;border:1px solid rgba(50,215,75,.25);padding:12px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green)}textarea{min-height:150px;resize:vertical}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.status{min-height:1.5em;color:var(--green);font-size:.86rem}.preview{margin-top:28px}
footer{border-top:1px solid var(--line);padding:34px 0 50px;color:#657b69;font-size:.8rem}.footer-grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-links{display:flex;gap:14px;flex-wrap:wrap}
.kbd{border:1px solid rgba(50,215,75,.25);padding:1px 5px;color:#9ac8a1;font-size:.82em}
@media(max-width:820px){.hero{grid-template-columns:1fr;padding:56px 0}.terminal{min-height:350px}.grid{grid-template-columns:1fr}.section-head{grid-template-columns:1fr}.docs{grid-template-columns:1fr}.toc{position:static;border-left:0;border-bottom:1px solid var(--line);padding:0 0 18px;display:flex;gap:12px;flex-wrap:wrap}.command-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.cmd{grid-template-columns:130px 1fr}}
@media(max-width:650px){.nav-btn{display:block}nav{display:none;position:absolute;top:64px;left:0;right:0;background:#000;border-bottom:1px solid var(--line);padding:16px;flex-direction:column;align-items:flex-start}nav.open{display:flex}.hero{gap:28px}.wrap{width:min(calc(100% - 24px),var(--max))}.terminal{padding:16px}h1{font-size:3.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cursor{animation:none}#rain{display:none}}