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

:root { --bg:#07110e; --bg-2:#0b1713; --panel:#0e1e19; --panel-2:#132720; --ink:#f3f7f4; --muted:#9eb0a8; --line:#20382f; --lime:#b8f36b; --green:#57d39b; --orange:#ffb45c; --max:1180px; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif} a{color:inherit;text-decoration:none} code{font-family:"DM Mono",monospace}.skip-link{position:fixed;top:-60px;left:16px;z-index:99;padding:10px 14px;background:var(--lime);color:#07110e}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:20;height:72px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid rgba(184,243,107,.12);background:rgba(7,17,14,.88);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;white-space:nowrap}.brand img{width:34px;height:34px;border-radius:9px}.brand small{padding:3px 7px;border:1px solid var(--line);border-radius:20px;color:var(--muted);font:11px "DM Mono",monospace}.site-header nav,footer nav{display:flex;gap:24px;color:var(--muted);font-size:14px;font-weight:700}.site-header nav a:hover,footer a:hover{color:var(--lime)}.header-github{font-size:14px;font-weight:800}
.hero,.section,.signal-strip,.final-cta,footer{padding-left:max(24px,calc((100vw - var(--max))/2));padding-right:max(24px,calc((100vw - var(--max))/2))}.hero{min-height:760px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:72px;padding-top:86px;padding-bottom:92px;overflow:hidden;background:radial-gradient(circle at 77% 45%,rgba(87,211,155,.1),transparent 32%)}.kicker,.section-label{color:var(--lime);font:500 12px "DM Mono",monospace;letter-spacing:.12em;text-transform:uppercase}.kicker span{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 18px var(--lime)}h1,h2,h3,p{margin-top:0}h1{max-width:680px;margin:20px 0 24px;font-size:clamp(54px,6.1vw,88px);line-height:.96;letter-spacing:-.055em}h2{max-width:800px;margin:10px 0 18px;font-size:clamp(38px,4vw,58px);line-height:1.02;letter-spacing:-.04em}h3{letter-spacing:-.02em}.hero-lead{max-width:650px;color:#c0cec8;font-size:20px;line-height:1.65}.install-command{display:flex;align-items:center;gap:12px;max-width:540px;margin:32px 0 22px;padding:14px 16px;border:1px solid #2b493d;border-radius:10px;background:#050c0a;box-shadow:0 18px 50px rgba(0,0,0,.22)}.install-command>span{color:var(--lime)}.install-command code{flex:1;color:#e7f2ec}.copy-button{border:0;background:transparent;color:var(--muted);font:500 12px "DM Mono",monospace;cursor:pointer}.copy-button:hover{color:var(--lime)}.hero-actions,.final-cta>div{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid #345346;border-radius:8px;font-weight:800}.button-primary{border-color:var(--lime);background:var(--lime);color:#07110e}.button-primary:hover{background:#cbff88}.button-ghost:hover{border-color:var(--lime);color:var(--lime)}.trust-row{display:flex;flex-wrap:wrap;gap:26px;margin-top:34px;color:var(--muted);font-size:13px}.trust-row strong{color:var(--ink)}
.hero-visual{position:relative;min-height:520px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#0c1c17,#09130f);box-shadow:0 35px 100px rgba(0,0,0,.32);overflow:hidden}.graph-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(184,243,107,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(184,243,107,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent)}.hero-visual svg{position:absolute;inset:0;width:100%;height:100%}.hero-visual path{fill:none;stroke:#315346;stroke-width:2;stroke-dasharray:4 7}.hero-visual path.pulse{stroke:var(--lime);stroke-dasharray:70 300;animation:flow 4s linear infinite}@keyframes flow{to{stroke-dashoffset:-370}}.node{position:absolute;z-index:2;padding:10px 13px;border:1px solid #315346;border-radius:8px;background:#0b1713;color:#c9d6d0;font:12px "DM Mono",monospace;box-shadow:0 12px 30px rgba(0,0,0,.25)}.node-root{left:50%;top:50%;transform:translate(-50%,-50%);border-color:var(--lime);color:#07110e;background:var(--lime);font-weight:700}.node-a{left:20%;top:22%}.node-b{right:17%;top:22%}.node-c{right:12%;bottom:25%}.node-d{left:15%;bottom:22%}.impact-card{position:absolute;z-index:3;right:22px;bottom:20px;display:flex;flex-direction:column;gap:4px;padding:15px 17px;border:1px solid rgba(255,180,92,.35);border-radius:10px;background:rgba(7,17,14,.92)}.impact-card small{color:var(--muted)}.impact-card span{color:var(--orange);font:10px "DM Mono",monospace}
.signal-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#091511}.signal-strip>div{position:relative;padding:30px 32px;border-right:1px solid var(--line)}.signal-strip>div:last-child{border:0}.signal-strip span{position:absolute;right:20px;top:20px;color:#28463a;font:500 30px "DM Mono",monospace}.signal-strip strong{display:block;margin-bottom:7px}.signal-strip p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.section{padding-top:110px;padding-bottom:110px;border-bottom:1px solid var(--line)}.section-intro{max-width:850px;margin-bottom:46px}.section-intro>p:not(.section-label){color:var(--muted);font-size:17px;line-height:1.7}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.problem-grid article{min-height:290px;padding:30px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.problem-grid article>span{color:#71867d;font:11px "DM Mono",monospace;text-transform:uppercase}.problem-grid h3{margin:54px 0 14px;font-size:25px}.problem-grid p{color:var(--muted);line-height:1.7}.problem-grid .solution-card{border-color:rgba(184,243,107,.45);background:linear-gradient(145deg,#132820,#0c1b16)}.problem-grid .solution-card>span{color:var(--lime)}
.demo-section{background:#091511}.demo-intro{max-width:none;display:grid;grid-template-columns:1fr .65fr;gap:70px;align-items:end}.video-shell{overflow:hidden;border:1px solid #345346;border-radius:16px;background:#030806;box-shadow:0 28px 90px rgba(0,0,0,.36)}.video-topbar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #1d342b;background:#0d1915;color:var(--muted);font:11px "DM Mono",monospace}.video-topbar>div{display:flex;gap:7px}.video-topbar i{width:9px;height:9px;border-radius:50%;background:#355247}.video-topbar i:first-child{background:#ff6b62}.video-topbar i:nth-child(2){background:#ffc65a}.video-topbar i:nth-child(3){background:#5fd37f}.video-topbar small{color:var(--lime)}video{display:block;width:100%;aspect-ratio:16/9;background:#050908}.demo-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:1px;background:var(--line)}.demo-steps>div{display:flex;flex-direction:column;gap:8px;padding:24px;background:var(--bg-2)}.demo-steps code{color:var(--lime);font-size:12px}.demo-steps span{color:var(--muted);font-size:13px}
.proof-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.proof-grid article{padding:34px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.project-name{display:flex;justify-content:space-between;font-weight:800}.project-name span{color:var(--muted);font:11px "DM Mono",monospace}.proof-grid article>strong{display:block;margin:42px 0 0;color:var(--lime);font-size:80px;letter-spacing:-.07em}.proof-grid article>p{color:var(--muted)}dl{margin:30px 0;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}dl div{padding:18px 0}dt{color:var(--muted);font-size:11px}dd{margin:5px 0 0;font-weight:700}.proof-grid a,.text-link{color:var(--lime);font-size:13px;font-weight:800}
.workflow{background:#091511}.workflow-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.workflow-list li{display:grid;grid-template-columns:80px 1fr auto;gap:30px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.workflow-list li>span{color:#45675a;font:32px "DM Mono",monospace}.workflow-list h3{margin:0 0 7px}.workflow-list p{margin:0;color:var(--muted)}.workflow-list li>code{padding:12px;border:1px solid var(--line);border-radius:7px;background:#06100c;color:var(--lime);font-size:12px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.capability-grid article{padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.capability-grid b{display:grid;place-items:center;width:38px;height:38px;margin-bottom:42px;border:1px solid #416657;border-radius:8px;color:var(--lime);font:500 14px "DM Mono",monospace}.capability-grid p{margin:0;color:var(--muted);line-height:1.65}.limits{display:grid;grid-template-columns:180px 1fr;gap:30px;margin-top:18px;padding:25px;border:1px solid rgba(255,180,92,.25);border-radius:12px;background:rgba(255,180,92,.045)}.limits strong{color:var(--orange)}.limits p{margin:0;color:var(--muted)}
.install{display:grid;grid-template-columns:1fr .85fr;gap:90px;background:linear-gradient(145deg,#0c1d17,#07110e)}.install>div>p:not(.section-label){color:var(--muted);line-height:1.7}.install-panel{padding:28px;border:1px solid #345346;border-radius:16px;background:#07110e}.install-panel>div{display:flex;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.install-panel span{color:#4d6f61;font:12px "DM Mono",monospace}.install-panel .button{width:100%;margin:24px 0 16px}.install-panel .text-link{display:block;text-align:center}.final-cta{text-align:center;padding-top:120px;padding-bottom:120px}.final-cta h2{margin:12px auto 34px;max-width:900px}.final-cta>div{justify-content:center}footer{display:grid;grid-template-columns:1fr 1.4fr auto;gap:32px;align-items:center;padding-top:36px;padding-bottom:36px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}footer .brand{color:var(--ink)}footer p{margin:0}
@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr;gap:42px}.hero-visual{min-height:450px}.signal-strip,.problem-grid,.capability-grid{grid-template-columns:1fr}.signal-strip>div{border-right:0;border-bottom:1px solid var(--line)}.demo-intro,.install{grid-template-columns:1fr;gap:30px}.proof-grid{grid-template-columns:1fr}.workflow-list li{grid-template-columns:52px 1fr}.workflow-list li>code{grid-column:2}.demo-steps{grid-template-columns:1fr}.limits{grid-template-columns:1fr}footer{grid-template-columns:1fr}footer nav{flex-wrap:wrap}}
@media(max-width:560px){.site-header{height:64px}.brand span{font-size:14px}.header-github{display:none}.hero{min-height:auto;padding-top:70px;padding-bottom:70px}.hero-lead{font-size:17px}.hero-visual{min-height:360px}.node{font-size:10px}.impact-card{right:10px;bottom:10px}.section{padding-top:76px;padding-bottom:76px}.problem-grid h3{margin-top:36px}.workflow-list li{grid-template-columns:1fr}.workflow-list li>code{grid-column:1}.workflow-list li>span{font-size:22px}.capability-grid{grid-template-columns:1fr}.proof-grid article>strong{font-size:64px}.install-command code{font-size:11px}.copy-button{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-visual path.pulse{animation:none}}