/* Hyperedge pilot site — shared brand layer.
   Tokens + base + header + typography + card + CTA + footer.
   Page-specific components (proposal pricing, architecture diagram, etc.)
   stay in each page's own <style>. Note: .sub differs per page, so it is NOT here. */

:root{
  --bg:#0a0a0a; --surface:#161616; --surface2:#1f1f1f;
  --line:#2a2a2a; --line2:#3a3a3a;
  --ink:#f5f5f4; --muted:#a1a1aa; --faint:#71717a;
  --pink:#ec4899; --pink-dk:#831843; --pink-soft:rgba(236,72,153,.12);
  --green:#22c55e; --amber:#f59e0b; --red:#ff5c5c;
  --sans:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --mono:'Geist Mono','SF Mono','Fira Code',ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--sans);background:var(--bg);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;font-size:14px}
.wrap{max-width:880px;margin:0 auto;padding:0 20px 90px}
a{color:var(--pink)}

/* header */
header{background:radial-gradient(120% 160% at 0% 0%,rgba(236,72,153,.20),#0a0a0a 55%);border-bottom:1px solid var(--line);padding:36px 20px 30px;position:relative}
header::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,var(--pink),var(--pink-dk))}
header .wrap{padding-bottom:0}
.brand{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--pink)}
h1{font-family:var(--sans);font-size:31px;font-weight:750;margin:10px 0 6px;letter-spacing:-.025em;color:#fff;line-height:1.1}

/* sections + cards */
section{margin-top:36px}
.kicker{font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pink);margin-bottom:12px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:22px 24px}
.card p{color:var(--muted);font-size:15px}
.card p + p{margin-top:12px}
.card p b{color:var(--ink)}
.lead{font-size:16px;color:var(--ink);line-height:1.6}
.lead b{color:#fff;font-weight:650}

/* CTA button */
.cta{margin-top:26px;text-align:center}
.btn{display:inline-block;font-family:var(--sans);font-size:15px;font-weight:700;color:#0a0a0a;background:var(--pink);padding:15px 34px;border-radius:7px;text-decoration:none;box-shadow:0 12px 34px rgba(236,72,153,.28)}
.btn:hover{background:#f472b6}
.ctasub{font-family:var(--mono);font-size:11.5px;color:var(--faint);margin-top:12px}

/* fine print + footer */
.fine{margin-top:34px;color:var(--faint);font-size:12.5px;line-height:1.65;font-family:var(--mono)}
.fine b{color:var(--muted)}
footer{margin-top:44px;text-align:center;color:var(--faint);font-size:11px;font-family:var(--mono);letter-spacing:.05em}

@media(max-width:680px){h1{font-size:25px}}
@media print{body{background:#fff;color:#111}.card,.month,.pcard,.ch{break-inside:avoid}}