/* Springboard5 — Signal design system */
:root{
  --navy:#0D1B35; --navy2:#13264B; --paper:#F5F7FA; --white:#FFFFFF;
  --ink:#182238; --muted:#55617A; --line:#DCE2EB;
  --gold:#C99A3C; --gold-ink:#8F6B1E;
  --measure:64ch;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{font-family:"Archivo",system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;font-size:1.0625rem}
h1,h2,h3{font-family:"Newsreader",Georgia,serif;font-weight:500;line-height:1.12;letter-spacing:-.01em}
h1{font-size:clamp(2.4rem,6vw,4.2rem)}
h2{font-size:clamp(1.7rem,3.5vw,2.5rem)}
h3{font-size:1.3rem}
p{max-width:var(--measure)}
a{color:inherit}
img{max-width:100%;height:auto}
.wrap{max-width:1100px;margin:0 auto;padding:0 clamp(1.1rem,4vw,2.5rem)}

/* Header */
.site-head{background:var(--navy);color:var(--white)}
.site-head .bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none}
.brand img{height:44px;width:auto;display:block}
.site-nav{display:flex;gap:1.6rem;align-items:center;font-size:.95rem}
.site-nav a{color:#C9D3E4;text-decoration:none;padding:.3rem 0;border-bottom:2px solid transparent}
.site-nav a:hover,.site-nav a[aria-current="page"]{color:var(--white);border-bottom-color:var(--gold)}
.site-nav .cta{color:var(--navy);background:var(--gold);border:0;border-radius:2px;padding:.55rem 1rem;font-weight:600}
.site-nav .cta:hover{background:#D9AC4F}
@media(max-width:720px){.site-nav{gap:1rem;font-size:.88rem;flex-wrap:wrap;justify-content:flex-end}}

/* Hero */
.hero{background:var(--navy);color:var(--white);padding:clamp(3.5rem,9vw,7rem) 0 0;overflow:hidden}
.hero h1{max-width:16ch}
.hero .lede{color:#C9D3E4;margin-top:1.4rem;font-size:1.15rem;max-width:52ch}
.hero .actions{margin:2.2rem 0 0;display:flex;gap:1rem;flex-wrap:wrap}
.btn{display:inline-block;text-decoration:none;font-weight:600;border-radius:2px;padding:.85rem 1.5rem;border:1px solid transparent}
.btn-gold{background:var(--gold);color:var(--navy)}
.btn-gold:hover{background:#D9AC4F}
.btn-ghost{border-color:#3A4A6B;color:var(--white)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.hero .wave{display:block;width:100%;height:120px;margin-top:2.5rem}
.hero .wave path{fill:none;stroke:var(--gold);stroke-width:2.5}

/* Sections */
section{padding:clamp(3rem,7vw,5.5rem) 0}
.kicker{font-family:"Newsreader",Georgia,serif;font-style:italic;color:var(--gold-ink);font-size:1.05rem;margin-bottom:.5rem}
.section-head{margin-bottom:2.2rem}
.section-head p{color:var(--muted);margin-top:.7rem}

/* Ledger rows (services) */
.ledger{border-top:1px solid var(--line)}
.ledger .row{display:grid;grid-template-columns:minmax(12rem,1fr) 2fr;gap:1rem 2.5rem;padding:1.8rem 0;border-bottom:1px solid var(--line);text-decoration:none}
.ledger .row:hover h3{color:var(--gold-ink)}
.ledger .row p{color:var(--muted);font-size:1rem}
@media(max-width:720px){.ledger .row{grid-template-columns:1fr}}

/* Proof band */
.proof{background:var(--white);border-block:1px solid var(--line)}
.proof .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:2rem;margin-top:2rem}
.proof .stat strong{display:block;font-family:"Newsreader",Georgia,serif;font-size:2.3rem;font-weight:500;color:var(--navy)}
.proof .stat span{color:var(--muted);font-size:.95rem}
.press{margin-top:2.2rem;color:var(--muted);font-size:.98rem}
.press em{font-style:normal;color:var(--ink);font-weight:600}

/* Split feature (AI visibility teaser) */
.feature{background:var(--navy);color:var(--white)}
.feature p{color:#C9D3E4}
.feature .kicker{color:var(--gold)}
.feature a.btn{margin-top:1.6rem}

/* Contact */
.contact{background:var(--white);border-top:1px solid var(--line)}
.contact form{max-width:34rem;margin-top:1.8rem;display:grid;gap:1rem}
.contact label{font-size:.92rem;font-weight:600;display:block;margin-bottom:.3rem}
.contact input,.contact select,.contact textarea{width:100%;padding:.7rem .8rem;border:1px solid var(--line);border-radius:2px;font:inherit;background:var(--paper)}
.contact input:focus,.contact select:focus,.contact textarea:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}
.form-note{font-size:.88rem;color:var(--muted)}
.form-status{font-weight:600;min-height:1.4em}
.form-status.ok{color:#1D6B3C}
.form-status.err{color:#9B2C2C}

/* Footer */
.site-foot{background:var(--navy);color:#C9D3E4;padding:2.8rem 0;font-size:.95rem}
.site-foot .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}
.site-foot h3{color:var(--white);font-size:1.05rem;margin-bottom:.7rem}
.site-foot a{color:#C9D3E4;text-decoration:none}
.site-foot a:hover{color:var(--gold)}
.site-foot ul{list-style:none}
.site-foot li{margin:.35rem 0}
.site-foot .fine{margin-top:2.2rem;padding-top:1.2rem;border-top:1px solid #24365C;color:#8DA0BF;font-size:.85rem}
@media(max-width:720px){.site-foot .cols{grid-template-columns:1fr}}

/* Page hero (subpages) */
.page-hero{background:var(--navy);color:var(--white);padding:clamp(3rem,7vw,5rem) 0}
.page-hero .lede{color:#C9D3E4;margin-top:1rem;font-size:1.12rem;max-width:56ch}

/* Prose pages */
.prose h2{margin:2.6rem 0 .8rem}
.prose p+p{margin-top:1rem}
.prose ul{margin:1rem 0 1rem 1.2rem;max-width:var(--measure)}
.prose li+li{margin-top:.4rem}

:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.skip{position:absolute;left:-9999px;top:0;background:var(--gold);color:var(--navy);padding:.6rem 1rem;z-index:10}
.skip:focus{left:0}