:root{--bg:#090b10;--panel:#0f131b;--panel2:#121823;--text:#f5f7fb;--muted:#9aa5b4;--line:#202735;--accent:#a8ff62;--accent2:#d9ffb9;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 5%,rgba(168,255,98,.08),transparent 25%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.55}.noise{position:fixed;inset:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}.container{width:min(calc(100% - 40px),var(--max));margin:0 auto}.header{position:sticky;top:0;z-index:20;background:rgba(9,11,16,.72);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--accent);color:var(--accent);border-radius:9px;font-weight:800}.muted{color:var(--muted);font-weight:500}.nav nav{display:flex;align-items:center;gap:26px;color:var(--muted);font-size:14px}.nav nav a:hover{color:var(--text)}.nav-github{padding:9px 13px;border:1px solid var(--line);border-radius:10px;color:var(--text)!important}
.hero{padding:125px 0 120px;max-width:920px}.eyebrow,.kicker{font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--accent);text-transform:uppercase}.hero h1{font-size:clamp(58px,9vw,112px);line-height:.94;letter-spacing:-.055em;margin:22px 0}.hero h1 span{color:var(--accent)}.hero-copy{font-size:clamp(19px,2vw,25px);color:#c5ccd6;max-width:760px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;font-size:14px;font-weight:700;border:1px solid var(--line)}.btn.primary{background:var(--accent);color:#0a0e08;border-color:var(--accent)}.btn.ghost{background:transparent}.btn:hover{transform:translateY(-1px)}.hero-meta{margin-top:25px;color:var(--muted);font-size:13px}.dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:8px;box-shadow:0 0 16px rgba(168,255,98,.75)}code{font-family:"SFMono-Regular",Consolas,monospace;color:#d8e0eb;font-size:.92em}
.section{padding:105px 0}.section.alt{background:rgba(255,255,255,.018);border-top:1px solid rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.035)}.section-head{max-width:760px;margin-bottom:42px}.section h2{font-size:clamp(34px,5vw,58px);line-height:1.04;letter-spacing:-.04em;margin:12px 0 16px}.section-head p,.split p{color:var(--muted);font-size:17px}.grid.three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));border:1px solid var(--line);border-radius:18px;padding:28px;min-height:320px}.card.accent{border-color:rgba(168,255,98,.25);box-shadow:inset 0 1px 0 rgba(168,255,98,.08)}.icon{width:42px;height:42px;border-radius:12px;background:var(--panel2);display:grid;place-items:center;font-weight:800;color:var(--accent);margin-bottom:34px}.card h3{font-size:24px;margin:0 0 10px}.card p{color:var(--muted);margin:0}.tool-line{display:flex;gap:7px;flex-wrap:wrap;margin-top:25px}.tool-line code{padding:6px 8px;background:var(--panel);border:1px solid var(--line);border-radius:8px;font-size:11px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.flow{border-top:1px solid var(--line)}.flow>div{display:grid;grid-template-columns:44px 170px 1fr;gap:15px;padding:21px 0;border-bottom:1px solid var(--line);align-items:center}.flow b{color:var(--accent);font-size:12px}.flow span{font-weight:600}.flow code{color:var(--muted);font-size:12px}
.tool-groups{display:grid;gap:12px}.tool-groups details{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.015);overflow:hidden}.tool-groups summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:22px 24px}.tool-groups summary::-webkit-details-marker{display:none}.summary-title{font-size:19px;font-weight:700}.count{font-size:12px;color:var(--muted)}.tool-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.tool-list>div{padding:20px 24px;border-bottom:1px solid var(--line)}.tool-list>div:nth-child(odd){border-right:1px solid var(--line)}.tool-list p{color:var(--muted);font-size:14px;margin:9px 0 0}
.security-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.mini b{display:block;margin-bottom:8px}.mini span{color:var(--muted);font-size:14px}.cta{padding-bottom:85px}.cta-box{padding:56px;border:1px solid rgba(168,255,98,.25);background:radial-gradient(circle at 90% 10%,rgba(168,255,98,.08),transparent 32%),var(--panel);border-radius:22px}.cta-box h2{margin-bottom:12px}.cta-box p{color:var(--muted)}.footer{padding:26px 0 45px;color:#677180;font-size:12px;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.05)}
@media(max-width:850px){.nav nav a:not(.nav-github){display:none}.grid.three,.split{grid-template-columns:1fr}.tool-list{grid-template-columns:1fr}.tool-list>div:nth-child(odd){border-right:0}.flow>div{grid-template-columns:36px 1fr}.flow code{grid-column:2}.security-cards{grid-template-columns:1fr}.hero{padding-top:85px}.section{padding:78px 0}.cta-box{padding:32px}.footer{gap:12px;flex-direction:column}}
