/* XSCOPE Intelligence: Baseline funnel page (production build)
   House livery and readability floors carried from the approved design.
   Same-origin stylesheet: no external fonts, no external requests. */

:root{
  --navy:#0d2240;
  --navy-deep:#081831;
  --gilt:#c9a227;
  --gilt-soft:#e8d48a;
  --paper:#f7f4ec;
  --card:#ffffff;
  --ink:#1a2332;
  --muted:#5a6577;
  --line:#ddd6c4;
  --red:#b3372c;
  --amber:#c07f13;
  --green:#2e7d4f;
  --radius:14px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:18px;line-height:1.6;color:var(--ink);background:var(--paper);
}
h1,h2,h3,.serif{font-family:Georgia,"Iowan Old Style","Times New Roman",serif;font-weight:600;color:var(--navy)}
h1{font-size:2.35rem;line-height:1.15;letter-spacing:.01em}
h2{font-size:1.75rem;line-height:1.25;margin-bottom:.6rem}
h3{font-size:1.2rem;margin-bottom:.35rem}
p{margin-bottom:1rem}
.wrap{max-width:1060px;margin:0 auto;padding:0 20px}
.kicker{font-size:.8rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gilt);font-weight:700;margin-bottom:.7rem}
.muted{color:var(--muted)}
.small{font-size:.92rem}
a{color:var(--navy)}
:focus-visible{outline:3px solid var(--gilt);outline-offset:2px}

/* Header: in-flow at every width (house rule, Phase 0 FIX-001) */
header{background:var(--navy-deep);color:#fff}
.header-in{display:flex;align-items:center;gap:14px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
.brand .wordmark{font-family:Georgia,serif;font-size:1.15rem;letter-spacing:.14em}
.brand .wordmark span{display:block;font-family:-apple-system,sans-serif;font-size:.68rem;letter-spacing:.34em;color:var(--gilt-soft);font-weight:700}
.header-cta{margin-left:auto}
.btn{
  display:inline-block;background:var(--gilt);color:var(--navy-deep);font-weight:700;
  padding:.72rem 1.35rem;border-radius:10px;text-decoration:none;border:0;cursor:pointer;
  font-size:1.02rem;line-height:1.2;text-align:center;
}
.btn:hover{background:var(--gilt-soft)}
.btn.ghost{background:transparent;color:#fff;border:1.5px solid var(--gilt)}
.btn.dark{background:var(--navy);color:#fff}
.btn[disabled]{opacity:.55;cursor:wait}
section{padding:56px 0}

/* Hero */
.hero{background:linear-gradient(180deg,var(--navy) 0%,var(--navy-deep) 100%);color:#eef1f6;padding:52px 0 60px}
.hero h1{color:#fff}
.hero .kicker{color:var(--gilt-soft)}
.hero-grid{display:grid;grid-template-columns:1fr;gap:34px}
@media(min-width:880px){.hero-grid{grid-template-columns:1.15fr .85fr;align-items:start}}
.hero .lede{font-size:1.18rem;color:#cfd9e8}
.hero .lede strong{color:#fff}
.hero .trustline{border-left:3px solid var(--gilt);padding-left:14px;color:#e8d48a;font-size:1rem;margin-top:20px}

/* Intake card and form */
.scorecard-tease{background:#fff;color:var(--ink);border-radius:var(--radius);padding:22px;box-shadow:0 14px 34px rgba(0,0,0,.28)}
.scorecard-tease h3{font-size:1.05rem;letter-spacing:.06em}
label{display:block;font-size:.88rem;font-weight:600;margin:14px 0 5px;color:var(--navy)}
input[type=text],input[type=email]{
  width:100%;padding:.72rem .8rem;border:1.5px solid var(--line);border-radius:9px;font-size:1rem;background:#fcfbf7;color:var(--ink);
}
input:focus{outline:2px solid var(--gilt);border-color:var(--gilt)}
input[aria-invalid="true"]{border-color:var(--red);background:#fdf6f5}
.form-note{font-size:.85rem;color:var(--muted);margin-top:10px}
.scorecard-tease .btn{width:100%;margin-top:18px}
.field-error{color:var(--red);font-size:.88rem;font-weight:600;margin-top:5px}
.form-errors{background:#fdf0ee;border:1.5px solid var(--red);border-radius:9px;padding:12px 14px;font-size:.92rem;margin-top:16px;color:var(--ink)}
.form-errors strong{color:var(--red)}
label.consent{display:flex;gap:10px;align-items:flex-start;margin-top:18px;font-size:.9rem;font-weight:500;color:var(--ink)}
label.consent input{width:20px;height:20px;margin-top:3px;flex:0 0 auto;accent-color:var(--navy)}
.hp{position:absolute!important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.turnstile-slot{margin-top:16px}
.form-failure{background:#fdf0ee;border:1.5px solid var(--red);border-radius:9px;padding:14px 16px;margin-top:16px;font-size:.95rem}

/* Confirmation state (Phase 1 spec, Section 4 wording) */
.confirm-panel{border:2px solid var(--green);border-radius:var(--radius);padding:22px;background:#f4faf6}
.confirm-panel h3{color:var(--navy);font-size:1.25rem}
.confirm-panel .ref{font-family:Georgia,serif;font-size:1.7rem;color:var(--navy);line-height:1.2;margin:6px 0 10px}
.staging-tag{display:inline-block;background:var(--amber);color:#fff;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:.3rem .7rem;border-radius:20px;font-weight:700;margin-bottom:10px}

/* Report cover row (approved cover-variant scorecard) */
.cover-row{display:flex;gap:18px;align-items:flex-start;margin-top:16px;flex-wrap:wrap}
.report-cover{width:148px;flex:0 0 148px;background:#0d2240;color:#f4efe2;border-radius:4px;padding:14px 12px 12px;box-shadow:6px 8px 18px rgba(13,34,64,.30);transform:rotate(-2deg)}
.report-cover .seal{display:block;width:64px;height:64px;border-radius:50%;object-fit:cover;margin-bottom:10px}
.report-cover .brandline{font-size:.62rem;letter-spacing:.22em;color:#c9a227}
.report-cover h4{font-family:Georgia,serif;font-size:1.02rem;line-height:1.25;margin:6px 0 8px;color:#fff}
.report-cover .rule{height:2px;background:#c9a227;width:44px;margin:8px 0}
.report-cover p{font-size:.62rem;line-height:1.5;margin:0;color:#d8d2c0}
.report-cover .foot{margin-top:12px;font-size:.55rem;letter-spacing:.14em;color:#9aa7bd}
.cover-cap{flex:1 1 180px;min-width:170px}

/* Score visual */
.score-flex{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.donut{flex:0 0 auto}
.score-nums{display:flex;gap:26px;flex-wrap:wrap}
.score-num .n{font-family:Georgia,serif;font-size:2.5rem;line-height:1;color:var(--navy)}
.score-num .c{font-size:1rem;color:var(--muted)}
.score-num.today .n{color:var(--red)}
.score-num.fixed .n{color:var(--green)}
.cat{margin-top:14px}
.cat-head{display:flex;justify-content:space-between;font-size:.95rem;font-weight:600;color:var(--navy)}
.cat-head .vals{color:var(--muted);font-weight:500}
.bar{position:relative;height:12px;background:#e9e4d3;border-radius:7px;margin-top:5px;overflow:hidden}
.bar .fill-today{position:absolute;left:0;top:0;bottom:0;background:var(--red);border-radius:7px}
.bar .fill-fixed{position:absolute;left:0;top:0;bottom:0;background:rgba(46,125,79,.45);border-radius:7px}
.legend{display:flex;gap:20px;font-size:.85rem;color:var(--muted);margin-top:12px;flex-wrap:wrap}
.dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:6px;vertical-align:middle}
.dot.r{background:var(--red)} .dot.g{background:rgba(46,125,79,.55)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.specimen-tag{display:inline-block;background:var(--navy);color:#fff;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;padding:.3rem .7rem;border-radius:20px;font-weight:700}

/* Steps */
.steps{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:820px){.steps{grid-template-columns:repeat(3,1fr)}}
.step .num{font-family:Georgia,serif;font-size:2.1rem;color:var(--gilt);line-height:1}
ul.tick{list-style:none;margin:6px 0 14px}
ul.tick li{padding:7px 0 7px 30px;position:relative;border-bottom:1px solid #f0ebdb}
ul.tick li:last-child{border-bottom:0}
ul.tick li::before{content:"";position:absolute;left:2px;top:13px;width:14px;height:8px;border-left:3px solid var(--green);border-bottom:3px solid var(--green);transform:rotate(-45deg)}

/* Inaction strip */
.inaction{background:var(--navy);color:#e8edf5}
.inaction h2{color:#fff}
.inaction-grid{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:820px){.inaction-grid{grid-template-columns:repeat(3,1fr)}}
.inaction .card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#e8edf5}
.inaction .card h3{color:var(--gilt-soft)}
.inaction .kicker{color:var(--gilt-soft)}

/* Offer */
.offer{background:var(--navy-deep);color:#eef1f6}
.offer h2{color:#fff}
.offer .kicker{color:var(--gilt-soft)}
.offer-grid{display:grid;grid-template-columns:1fr;gap:26px}
@media(min-width:880px){.offer-grid{grid-template-columns:1.1fr .9fr;align-items:start}}
.price-card{background:#fff;color:var(--ink);border-radius:var(--radius);padding:28px;border-top:6px solid var(--gilt)}
.price{font-family:Georgia,serif;font-size:3rem;color:var(--navy);line-height:1}
.price small{font-size:1rem;color:var(--muted);font-family:-apple-system,sans-serif}
.ladder{display:grid;grid-template-columns:1fr;gap:18px;margin-top:22px}
.ladder .card{color:var(--ink)}
@media(min-width:820px){.ladder{grid-template-columns:1fr 1fr}}

/* FAQ */
.faq-sec{background:#fff;border-top:1px solid var(--line)}
details{background:#fff;border:1px solid var(--line);border-radius:11px;padding:16px 20px;margin-bottom:12px}
summary{font-weight:700;color:var(--navy);cursor:pointer;font-size:1.05rem}
details p{margin-top:10px;margin-bottom:2px}

/* Privacy */
.privacy-sec{border-top:1px solid var(--line)}
.privacy-sec p{max-width:820px}

/* Final CTA and footer */
.final-cta{text-align:center;background:#fff;border-top:1px solid var(--line)}
.final-cta .btn{font-size:1.12rem;padding:.9rem 2rem}
footer{background:var(--navy-deep);color:#b9c4d6;padding:38px 0;font-size:.92rem}
footer .cols{display:flex;gap:28px;flex-wrap:wrap;justify-content:space-between}
footer a{color:#e8d48a;text-decoration:none}
footer .colhead{color:#fff;font-weight:700}
