:root { color-scheme: dark; --bg:#0b0d0e; --panel:#121719; --line:#2b3432; --text:#e8eee7; --muted:#9aa69d; --acid:#c8ff52; --pink:#ff6f91; }
* { box-sizing:border-box; } body { margin:0; background:radial-gradient(circle at 80% 0,#28351d 0,transparent 35%),var(--bg); color:var(--text); font:16px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace; }
main { max-width:1180px; margin:auto; padding:40px 22px 28px; } .hero { max-width:800px; padding:50px 0 58px; } .eyebrow { color:var(--acid); font-size:12px; letter-spacing:.16em; margin:0 0 16px; } h1 { font:clamp(42px,8vw,88px)/.94 Georgia,serif; letter-spacing:-.06em; max-width:780px; margin:0 0 24px; } h2 { font:32px/1.05 Georgia,serif; letter-spacing:-.04em; } .lede { color:#c5cec4; max-width:700px; font-size:18px; } .status { color:var(--muted); font-size:12px; } .funnel { display:grid; grid-template-columns:repeat(5,1fr); border:1px solid var(--line); } .stage { min-height:190px; padding:20px; border-right:1px solid var(--line); background:linear-gradient(150deg,rgba(200,255,82,.09),transparent 65%); } .stage:last-child { border:0; } .stage span,.stage small { display:block; color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.08em; } .stage strong { display:block; color:var(--acid); font-size:42px; margin:28px 0 10px; } .grid { display:grid; grid-template-columns:1.2fr .8fr; gap:16px; margin-top:16px; } .panel { border:1px solid var(--line); background:rgba(18,23,25,.84); padding:26px; min-height:260px; } .muted { color:var(--muted); } .properties { display:grid; gap:10px; } .property { border-top:1px solid var(--line); padding-top:10px; display:flex; justify-content:space-between; } footer { display:flex; justify-content:space-between; gap:18px; padding:34px 0 0; color:var(--muted); font-size:12px; } a { color:var(--acid); } @media(max-width:760px) { .funnel,.grid { grid-template-columns:1fr; } .stage { border-right:0; border-bottom:1px solid var(--line); min-height:120px; } .stage strong { margin:14px 0 6px; } footer { flex-direction:column; } }
