@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root { --ink:#eaf4ef; --muted:#91a69d; --bg:#08110f; --panel:#0d1815; --line:#24332e; --green:#50f296; --lime:#c8ff55; --orange:#ff875f; --mono:'DM Mono',monospace; --sans:'Manrope',sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--bg); font-family:var(--sans); line-height:1.6; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.16; background-image:linear-gradient(rgba(80,242,150,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(80,242,150,.025) 1px,transparent 1px); background-size:32px 32px; }
a { color:inherit; }
.skip-link { position:absolute; top:-60px; left:20px; padding:10px 16px; color:#06100c; background:var(--green); z-index:20; }
.skip-link:focus { top:10px; }
.site-header { height:76px; padding:0 max(24px,calc((100vw - 1200px)/2)); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); position:relative; z-index:5; }
.brand { font:700 20px var(--mono); text-decoration:none; letter-spacing:-1px; }
.brand span { color:var(--green); }
nav { display:flex; align-items:center; gap:32px; font:500 12px var(--mono); letter-spacing:.08em; text-transform:uppercase; }
nav a { color:var(--muted); text-decoration:none; }
nav a:hover,nav a:focus-visible { color:var(--green); }
.nav-github { border:1px solid var(--line); padding:9px 14px; }
.hero { max-width:1200px; margin:auto; min-height:690px; padding:92px 24px 78px; display:grid; grid-template-columns:1.03fr .97fr; align-items:center; gap:70px; }
.eyebrow { margin:0 0 20px; color:var(--green); font:500 11px var(--mono); letter-spacing:.15em; }
.pulse { display:inline-block; width:7px; height:7px; margin-right:8px; border-radius:50%; background:var(--green); box-shadow:0 0 14px var(--green); }
h1 { margin:0; font-size:clamp(54px,7vw,92px); line-height:.93; letter-spacing:-.07em; font-weight:700; }
h1 em { color:var(--green); font-style:normal; }
.lede { max-width:620px; margin:30px 0; color:var(--muted); font-size:18px; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; }
.button { padding:13px 20px; text-decoration:none; font:600 12px var(--mono); letter-spacing:.04em; border:1px solid var(--line); }
.button.primary { color:#06100c; background:var(--green); border-color:var(--green); }
.button:hover { transform:translateY(-2px); }
.metrics { display:flex; gap:44px; margin:50px 0 0; }
.metrics div { padding-left:14px; border-left:1px solid var(--line); }
.metrics dt { font:500 22px var(--mono); }
.metrics dd { margin:2px 0 0; color:var(--muted); font:10px var(--mono); text-transform:uppercase; }
.terminal { background:#0a1411; border:1px solid #2a3c35; box-shadow:20px 22px 0 #0e1e19,0 30px 100px rgba(0,0,0,.35); transform:rotate(1deg); }
.terminal-bar { display:flex; gap:7px; align-items:center; height:42px; padding:0 14px; border-bottom:1px solid var(--line); }
.terminal-bar span { width:8px; height:8px; border-radius:50%; background:#31453d; }.terminal-bar span:first-child{background:var(--orange)}.terminal-bar span:nth-child(2){background:var(--lime)}
.terminal-bar b { margin-left:auto; color:#668076; font:10px var(--mono); }
.terminal pre { min-height:330px; margin:0; padding:28px; overflow:auto; font:13px/2 var(--mono); }
.terminal .dim { color:#5b746a; }.terminal .ok { color:var(--green); }.cursor{color:var(--green);animation:blink 1s step-end infinite}
.terminal-note { padding:13px 20px; border-top:1px solid var(--line); color:#688177; font:9px var(--mono); letter-spacing:.12em; }.terminal-note span{color:var(--green);margin:0 8px}
@keyframes blink{50%{opacity:0}}
.marquee { overflow:hidden; padding:13px 0; border-block:1px solid var(--line); color:#668078; background:#0b1613; font:10px var(--mono); letter-spacing:.12em; white-space:nowrap; }
.marquee div { width:max-content; animation:move 28s linear infinite; }.marquee span{color:var(--green);margin:0 28px}@keyframes move{to{transform:translateX(-25%)}}
.section { max-width:1200px; margin:auto; padding:110px 24px; }
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:50px; margin-bottom:48px; }
.section-heading h2,.security h2 { margin:0; font-size:clamp(38px,5vw,64px); letter-spacing:-.05em; line-height:1; }
.section-heading>p { max-width:430px; color:var(--muted); }
.tool-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.tool-card { min-height:285px; padding:26px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); position:relative; transition:.2s ease; }
.tool-card:hover { background:#10201b; transform:translateY(-3px); }
.tool-card.featured { background:linear-gradient(145deg,rgba(80,242,150,.13),transparent); }
.tool-number { position:absolute; right:18px; top:16px; color:#4d665c; font:9px var(--mono); }
.tool-icon { width:48px; height:48px; display:grid; place-items:center; border:1px solid #395247; color:var(--green); font:500 12px var(--mono); }
.tool-card h3 { margin:30px 0 7px; font:600 20px var(--mono); }
.tool-card p { min-height:72px; color:var(--muted); font-size:13px; }
.tool-card code { color:#789088; font:10px var(--mono); }
.security { padding:110px max(24px,calc((100vw - 1200px)/2)); display:grid; grid-template-columns:1fr 1fr; gap:100px; background:var(--green); color:#07110d; }
.security .eyebrow { color:#16562f; }.security-copy>p:not(.eyebrow){max-width:520px;color:#24553a}.security-copy>a{display:inline-block;margin-top:25px;font:600 11px var(--mono)}
.security-list { list-style:none; margin:0; padding:0; border-top:1px solid rgba(7,17,13,.3); }
.security-list li { display:grid; grid-template-columns:90px 1fr; gap:20px; padding:22px 0; border-bottom:1px solid rgba(7,17,13,.3); }
.security-list span { font:600 12px var(--mono); }.security-list strong{font-size:14px}.security-list p{margin:2px 0;color:#296241;font-size:12px}
.command-box { background:#070d0b; border:1px solid var(--line); }
.command-tabs { display:flex; justify-content:space-between; padding:12px 18px; border-bottom:1px solid var(--line); color:var(--muted); font:10px var(--mono); }
.command-tabs button { padding:0; color:var(--green); background:none; border:0; cursor:pointer; font:inherit; }
.command-box pre { margin:0; padding:32px; overflow:auto; font:14px/2 var(--mono); }.command-box code span{color:var(--green)}
.build-links { display:grid; grid-template-columns:repeat(3,1fr); margin-top:20px; gap:1px; background:var(--line); border:1px solid var(--line); }
.build-links a { padding:24px; background:var(--bg); text-decoration:none; }.build-links span{display:block;color:var(--muted);font:9px var(--mono);margin-bottom:7px}.build-links b{font-size:13px}.build-links a:hover b{color:var(--green)}
footer { max-width:1200px; margin:auto; min-height:120px; padding:30px 24px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--line); color:var(--muted); font:10px var(--mono); }
footer a:hover{color:var(--green)}
@media(max-width:850px){nav a:not(.nav-github){display:none}.hero{grid-template-columns:1fr;padding-top:65px}.terminal{transform:none}.tool-grid{grid-template-columns:repeat(2,1fr)}.security{grid-template-columns:1fr;gap:50px}.section-heading{display:block}.section-heading>p{margin-top:20px}.build-links{grid-template-columns:1fr}footer{flex-wrap:wrap;gap:20px}}
@media(max-width:540px){.site-header{height:64px}.hero{padding-inline:18px;gap:48px;min-height:auto}.hero-actions{display:grid}.metrics{gap:16px;justify-content:space-between}.metrics dt{font-size:17px}.terminal pre{min-height:275px;padding:20px;font-size:11px}.section{padding:80px 18px}.tool-grid{grid-template-columns:1fr}.security{padding:80px 18px}.security-list li{grid-template-columns:70px 1fr}footer{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div,.cursor{animation:none}.button,.tool-card{transition:none}}