:root{--bg:#0b0e13;--panel:#11161e;--panel2:#151c26;--line:#253040;--text:#f4f7fb;--muted:#9daabd;--accent:#65d69e;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}.shell{width:min(var(--max),calc(100% - 40px));margin:auto}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.nav nav{display:flex;gap:26px;color:var(--muted);font-size:14px}.nav nav a:hover{color:var(--text)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #365949;border-radius:9px;color:var(--accent);font:700 13px ui-monospace,monospace}
.hero{padding:112px 0 72px}.eyebrow,.section-heading>span{color:var(--accent);font:700 12px/1 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:clamp(46px,7vw,88px);line-height:.98;letter-spacing:-.055em;max-width:1000px;margin:24px 0}.lede{font-size:20px;color:var(--muted);max-width:760px}.actions{display:flex;gap:12px;margin:34px 0 54px}.button{padding:12px 18px;border:1px solid var(--line);border-radius:9px;font-weight:650}.button.primary{background:var(--accent);border-color:var(--accent);color:#07110c}
.terminal{border:1px solid var(--line);background:#07090d;border-radius:14px;overflow:hidden;box-shadow:0 30px 80px #0007}.terminal-bar{height:42px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 14px}.terminal-bar span{width:9px;height:9px;border-radius:50%;background:#394352}.terminal pre{margin:0;padding:28px;overflow:auto;color:#c9f6dd;font:14px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics article{padding:28px 22px;border-right:1px solid var(--line)}.metrics article:last-child{border:0}.metrics strong,.metrics span{display:block}.metrics strong{font-size:20px}.metrics span{color:var(--muted);font-size:13px;margin-top:5px}
.section{padding:110px 0;border-bottom:1px solid var(--line)}.section-heading{max-width:720px;margin-bottom:44px}.section-heading h2{font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:-.04em;margin:16px 0}.section-heading p{color:var(--muted);font-size:18px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:24px;min-height:190px}.card h3{margin:0 0 8px;font-size:21px}.card p{color:var(--muted);margin:0 0 18px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{border:1px solid var(--line);border-radius:999px;padding:5px 9px;font:11px ui-monospace,monospace;color:#c1ccda}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.steps article{background:var(--bg);padding:24px}.steps b{color:var(--accent);font:12px ui-monospace,monospace}.steps h3{margin:22px 0 8px}.steps p{color:var(--muted);font-size:14px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.trust-list{padding-top:16px}.trust-list p{border-bottom:1px solid var(--line);padding:13px 0;margin:0;color:#ccd5e1}.trust-list i{color:var(--accent);font-style:normal;margin-right:12px}
.code-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.code-grid>div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}.code-grid h3{margin:0 0 16px}.code-grid pre{margin:0;overflow:auto;color:#c9f6dd;font:13px/1.65 ui-monospace,monospace}
footer{display:flex;justify-content:space-between;padding:36px 0 56px;color:var(--muted);font-size:13px}
@media(max-width:850px){.nav nav a:not(:last-child){display:none}.hero{padding-top:76px}.metrics{grid-template-columns:1fr 1fr}.metrics article:nth-child(2){border-right:0}.grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.split{grid-template-columns:1fr;gap:10px}.code-grid{grid-template-columns:1fr}}
@media(max-width:500px){.shell{width:min(var(--max),calc(100% - 24px))}.metrics{grid-template-columns:1fr}.metrics article{border-right:0;border-bottom:1px solid var(--line)}.hero h1{font-size:44px}.actions{flex-direction:column}.button{text-align:center}}