/* DataGold — tokens come from design-style-tile.html. Every value below uses a token. */
:root{
  --paper:#F6F8FA; --surface:#FFFFFF; --panel:#EEF2F5;
  --ink:#0E2A3B; --ink-2:#4E5D6A; --line:#E3E8EC; --error:#B42318; --on-dark:#FFFFFF;
  --hl-top:rgba(255,255,255,.55); --hl-bottom:rgba(110,82,12,.25); --tag-line:rgba(199,210,218,.35); --us-tint:rgba(255,255,255,.07); --sticky-bg:rgba(255,255,255,.96); --sticky-shadow:0 -6px 20px rgba(14,42,59,.08);
  --gold-hi:#F6D77E; --gold:#DDAE3C; --gold-lo:#B8862B; --gold-deep:#6E520C; --gold-ink:#7E5F10;
  --gold-on-navy:#E9BE4F; --gold-glint:#FBE7A8; --slate-on-navy:#C7D2DA; --rule-on-navy:rgba(199,210,218,.22);
  --gold-sheen:#8C6A12;
  --metal:linear-gradient(100deg,var(--gold-deep) 0%,var(--gold-ink) 30%,var(--gold-sheen) 50%,var(--gold-ink) 70%,var(--gold-deep) 100%);
  --metal-bright:linear-gradient(100deg,var(--gold) 0%,var(--gold-hi) 45%,var(--gold-glint) 52%,var(--gold-hi) 60%,var(--gold) 100%);
  --metal-fill:linear-gradient(180deg,var(--gold-hi) 0%,var(--gold) 100%);
  --metal-fill-hover:linear-gradient(180deg,var(--gold-on-navy) 0%,var(--gold-lo) 100%);

  --display:"Schibsted Grotesk",system-ui,sans-serif;
  --body:"Geist",system-ui,sans-serif;
  --t-12:.75rem; --t-14:.875rem; --t-16:1rem; --t-17:1.0625rem; --t-18:1.125rem; --t-20:1.25rem;
  --t-24:1.5rem; --t-32:2rem; --t-44:2.75rem; --t-60:3.75rem;

  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-6:24px; --s-8:32px; --s-12:48px; --s-16:64px; --s-24:96px;
  --r-chip:8px; --r-btn:10px; --r-card:16px; --r-panel:28px; --r-pill:999px;
  --sh-1:0 1px 2px rgba(14,42,59,.06),0 1px 1px rgba(14,42,59,.04);
  --sh-2:0 2px 4px rgba(14,42,59,.05),0 8px 20px rgba(14,42,59,.07);
  --sh-3:0 4px 8px rgba(14,42,59,.05),0 18px 44px rgba(14,42,59,.12);
  --ease:cubic-bezier(.2,.8,.2,1); --d-fast:180ms; --d-reveal:560ms; --d-sweep:1400ms;
  --max:1240px; --head-h:68px;
}
*{box-sizing:border-box;margin:0}
[hidden]{display:none!important}
img{max-width:100%;height:auto}
.js .nojs-only{display:none}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--head-h) + var(--s-4))}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--paper);color:var(--ink);font:400 var(--t-17)/1.55 var(--body);
  -webkit-font-smoothing:antialiased;font-feature-settings:"kern" 1;text-rendering:optimizeLegibility}
@media (min-width:768px){body{font-size:var(--t-18)}}
h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;line-height:1.08;text-wrap:balance;hyphens:none}
h2{font-size:clamp(var(--t-32),4vw,var(--t-44));font-weight:800}
h3{font-size:var(--t-20);font-weight:700;line-height:1.2}
p{max-width:62ch}
a{color:inherit}
ul,ol{padding:0;list-style:none}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--s-4)}
@media (min-width:768px){.wrap{padding:0 var(--s-8)}}
section{padding:var(--s-16) 0}
@media (min-width:1024px){section{padding:var(--s-24) 0}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.note,.hint{color:var(--ink-2);font-size:var(--t-14);line-height:1.5}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:4px}
.band :focus-visible,.final :focus-visible,.offer :focus-visible{outline-color:var(--gold-hi)}
.skip{position:absolute;left:var(--s-4);top:-60px;background:var(--ink);color:var(--on-dark);padding:var(--s-3) var(--s-4);border-radius:var(--r-btn);z-index:50;text-decoration:none}
.skip:focus{top:var(--s-3)}

/* Metal */
.metal{background:var(--metal);background-size:220% 100%;background-position:100% 0;color:var(--gold-ink);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.metal-bright{background:var(--metal-bright);background-size:220% 100%;background-position:100% 0;color:var(--gold-on-navy);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@media (prefers-reduced-motion:no-preference){
  .hero .metal-bright{animation:sweep var(--d-sweep) var(--ease) 700ms 1 both}
  .site-head .metal{animation:sweep var(--d-sweep) var(--ease) 400ms 1 both}
}
@keyframes sweep{from{background-position:100% 0}to{background-position:0 0}}

/* Buttons and links */
.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:52px;padding:var(--s-2) var(--s-6);
  border-radius:var(--r-btn);font:600 var(--t-18)/1.2 var(--body);text-decoration:none;cursor:pointer;border:0;color:var(--ink);
  transition:transform var(--d-fast) var(--ease),box-shadow var(--d-fast) var(--ease)}
.btn-primary{position:relative;overflow:hidden;isolation:isolate;background:var(--metal-fill);box-shadow:var(--sh-1),inset 0 1px 0 var(--hl-top),inset 0 -1px 0 var(--hl-bottom)}
.btn-primary:hover{background:var(--metal-fill-hover)}
.btn-primary:active{transform:scale(.98)}
.btn-sm{min-height:44px;font-size:var(--t-16);padding:var(--s-2) var(--s-4)}
.btn-block{width:100%}
.link{background:none;border:0;padding:0;font:500 var(--t-17)/1.3 var(--body);color:var(--ink);cursor:pointer;
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center;
  transition:color var(--d-fast) var(--ease)}
.link:hover{text-decoration-thickness:2px}

/* Header */
.site-head{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}
.head-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);min-height:var(--head-h)}
.wordmark{font:800 var(--t-24)/1 var(--display);letter-spacing:-.02em;text-decoration:none;color:var(--ink);min-height:44px;display:inline-flex;align-items:center}
.nav{display:none}
@media (min-width:900px){
  .nav{display:flex;gap:var(--s-2)}
  .nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s-3);text-decoration:none;font-weight:500;font-size:var(--t-16);border-radius:var(--r-chip);transition:background-color var(--d-fast) var(--ease)}
  .nav a:hover{background:var(--panel)}
}

/* Hero */
.hero{padding-top:var(--s-12)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-12);align-items:center}
@media (min-width:1024px){.hero{padding-top:var(--s-16)}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-16)}}
.hero h1{font-size:clamp(2.125rem,4.6vw,var(--t-60));font-weight:800}
.lead{color:var(--ink-2);font-size:var(--t-18);margin:var(--s-6) 0 var(--s-8)}
.actions{display:flex;flex-wrap:wrap;gap:var(--s-4) var(--s-6);align-items:center}
@media (max-width:767px){
  .hero-copy{text-align:center}
  .hero-copy .lead{margin-inline:auto}
  .actions{flex-direction:column}
  .actions .btn{width:100%}
}

.offers{background:var(--panel);border-radius:var(--r-panel);padding:var(--s-4)}
@media (min-width:768px){.offers{padding:var(--s-6)}}
.stack{display:grid;gap:var(--s-3)}
@media (min-width:600px){
  .stack{grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(3,148px) auto;gap:0}
  .offer:nth-child(1){grid-column:1/8;grid-row:1/3;align-self:start}
  .offer:nth-child(2){grid-column:2/9;grid-row:2/4;align-self:start}
  .offer:nth-child(3){grid-column:3/11;grid-row:3/5;box-shadow:var(--sh-3)}
}
.offer{background:var(--ink);color:var(--on-dark);border-radius:var(--r-card);padding:var(--s-4) var(--s-6) var(--s-6);box-shadow:var(--sh-2)}
.tag{display:inline-block;font-size:var(--t-14);font-weight:500;line-height:1.3;color:var(--slate-on-navy);border:1px solid var(--tag-line);border-radius:var(--r-pill);padding:var(--s-1) var(--s-3)}
.fig{font:800 clamp(2rem,9vw,var(--t-44))/1.1 var(--display);letter-spacing:-.02em;margin-top:var(--s-2)}
.who{font-weight:600;font-size:var(--t-16)}
.caption{margin-top:var(--s-4);font-size:var(--t-14);color:var(--ink-2);line-height:1.45}
@media (prefers-reduced-motion:no-preference){
  .offer{animation:rise var(--d-reveal) var(--ease) both}
  .offer:nth-child(2){animation-delay:90ms}.offer:nth-child(3){animation-delay:180ms}
}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-8) var(--s-6);margin-top:var(--s-16);padding-top:var(--s-8);border-top:1px solid var(--line)}
@media (min-width:900px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.stats b{display:block;font:800 clamp(var(--t-32),3.4vw,var(--t-44))/1 var(--display);letter-spacing:-.02em}
.stats span{display:block;margin-top:var(--s-2);color:var(--ink-2);font-size:var(--t-16);line-height:1.4}

/* News */
.docs{padding-top:0} /* follows the hero directly */
.news h2{font-size:clamp(var(--t-24),2.6vw,var(--t-32))}
.news-list{display:grid;grid-template-columns:minmax(0,1fr);margin-top:var(--s-6);border-top:1px solid var(--line)}
@media (min-width:768px){.news-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s-8)}}
@media (min-width:1024px){.news-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.news-item{display:flex;flex-direction:column;gap:var(--s-1);padding:var(--s-4) 0;border-bottom:1px solid var(--line)}
.news-item a{display:inline-flex;align-items:center;justify-content:flex-start;min-height:44px;min-width:44px;font-weight:600;color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.news-item a:hover{text-decoration-thickness:2px}
.news-list .src{font-size:var(--t-14);color:var(--ink-2)}
.news-list .head{font-weight:500;color:var(--ink)}


/* Navy band */
.band{background:var(--ink);color:var(--on-dark)}
.band h2{max-width:20em}
.band h2 span{display:block;color:var(--gold-on-navy)}
.band-lead{color:var(--slate-on-navy);margin:var(--s-4) 0 var(--s-12)}
.bars{display:grid;gap:var(--s-4)}
.bar{display:grid;gap:var(--s-2)}
@media (min-width:768px){.bar{grid-template-columns:200px minmax(0,1fr);align-items:center}}
.bar b{font-weight:600;font-size:var(--t-16)}
.bar > span{display:flex;justify-content:space-between;align-items:center;min-height:44px;border-radius:var(--r-chip);padding:0 var(--s-4);font-weight:600;font-variant-numeric:tabular-nums}
.bar .d{background:var(--ink-2);width:max(7.1%,120px)}
.bar .g{--fill:linear-gradient(180deg,var(--gold-hi),var(--gold-lo));background:var(--fill);color:var(--ink);box-shadow:inset 0 1px 0 var(--hl-top)}
/* The gold fill grows from the direct offer's width (--from, set by app.js) while app.js climbs the figure with it */
@media (prefers-reduced-motion:no-preference){
  .js .bar .g{background:none;box-shadow:none}
  .js .bar .g::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--fill);box-shadow:inset 0 1px 0 var(--hl-top);
    transform-origin:left;transform:scaleX(var(--from,.08));transition:transform 900ms var(--ease)}
  .js .bars.in .bar .g::before{transform:none}
  .js .bar .g.snap::before{transition:none}
  .js .bar .g > span:last-child{opacity:0;transition:opacity 300ms var(--ease) 900ms}
  .js .bars.in .bar .g > span:last-child{opacity:1}
}
.net{margin-top:var(--s-6);color:var(--slate-on-navy)}
.net b{color:var(--on-dark);font:800 var(--t-24)/1 var(--display);letter-spacing:-.01em}
.why-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-12);margin-top:var(--s-12)}
@media (min-width:1024px){.why-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s-16)}}
.compare{width:100%;border-collapse:collapse;font-size:var(--t-16)}
.compare th,.compare td{text-align:left;padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--rule-on-navy);vertical-align:top}
.compare thead th{font-weight:600;color:var(--slate-on-navy)}
.compare tbody th{font-weight:600}
.compare td{color:var(--slate-on-navy)}
.compare .us{background:var(--us-tint);color:var(--on-dark);font-weight:600}
.compare thead th.us{box-shadow:inset 0 3px 0 var(--gold-on-navy)}
.compare thead .us{color:var(--on-dark)}
@media (max-width:479px){.compare th,.compare td{padding:var(--s-3) var(--s-2)}}
.reasons{display:grid;gap:var(--s-8)}
.reasons h3{color:var(--on-dark)}
.reasons p{color:var(--slate-on-navy);margin-top:var(--s-2);font-size:var(--t-16)}

/* Steps */
.steps{counter-reset:s;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-8);margin-top:var(--s-12)}
@media (min-width:768px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1200px){.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-8)}}
.steps li{counter-increment:s;position:relative;padding-top:var(--s-12);border-top:2px solid var(--line)}
.steps li::before{content:counter(s);position:absolute;top:var(--s-3);left:0;font:800 var(--t-20)/1 var(--display);color:var(--ink-2)}
.steps p{color:var(--ink-2);font-size:var(--t-16);margin-top:var(--s-2)}

/* Qualify */
.qualify{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.q-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-8);align-items:start}
@media (min-width:1024px){.q-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s-16)}}
.checks{margin:var(--s-6) 0 var(--s-4);display:grid;gap:var(--s-3)}
.checks li{position:relative;padding-left:var(--s-8);font-weight:500}
.checks li::before{content:"";position:absolute;left:0;top:.2em;width:20px;height:20px;background:var(--ink);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10.5l4 4 8-9' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10.5l4 4 8-9' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.form{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);padding:var(--s-6) var(--s-4);box-shadow:var(--sh-2)}
@media (min-width:768px){.form{padding:var(--s-8)}}
.progress{height:6px;border-radius:var(--r-pill);background:var(--line)}
.progress i{display:block;height:100%;width:33.3%;border-radius:inherit;background:var(--metal-fill);transition:width 400ms var(--ease)}
.step-count{font-size:var(--t-14);color:var(--ink-2);margin:var(--s-2) 0 var(--s-6)}
fieldset{border:0;padding:0;min-width:0}
.q{display:block;font-weight:600;font-size:var(--t-18);margin:var(--s-6) 0 var(--s-3);padding:0}
.step > .q:first-child,.step > legend.q{margin-top:0}
.chips{display:flex;flex-wrap:wrap;gap:var(--s-2)}
.chip{min-height:44px;padding:0 var(--s-4);border-radius:var(--r-chip);border:1px solid var(--line);background:var(--surface);
  color:var(--ink);font:500 var(--t-16)/1 var(--body);cursor:pointer;transition:background-color var(--d-fast) var(--ease),border-color var(--d-fast) var(--ease)}
.chip:hover{border-color:var(--ink-2)}
.chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--on-dark)}
.input{width:100%;min-height:48px;padding:0 var(--s-4);border:1px solid var(--ink-2);border-radius:var(--r-chip);font:400 var(--t-17)/1.2 var(--body);color:var(--ink);background:var(--surface)}
.input::placeholder{color:var(--ink-2)}
.input[aria-invalid="true"]{border-color:var(--error);border-width:2px}
.hint{margin-top:var(--s-2)}
.err{color:var(--error);font-size:var(--t-14);font-weight:500;margin-top:var(--s-2)}
.form-nav{display:flex;gap:var(--s-4);align-items:center;margin-top:var(--s-8)}
.form-nav .back{flex:none}
.result .q{font:800 var(--t-24)/1.15 var(--display);letter-spacing:-.01em;margin-bottom:var(--s-2)}
.result:focus{outline:none}
.summary{margin:var(--s-4) 0 var(--s-6);display:grid;gap:var(--s-1);color:var(--ink-2);font-size:var(--t-16)}
.summary b{color:var(--ink);font-weight:600}
#nothing{margin-top:var(--s-3)}

/* Referral */
.refer{border-bottom:1px solid var(--line)}
.refer-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-8);align-items:center}
@media (min-width:1024px){.refer-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s-16)}}
.refer h2{font-size:clamp(var(--t-24),2.8vw,var(--t-32))}
.refer .note{margin-top:var(--s-3)}
.refer-list{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-6)}
@media (min-width:600px){.refer-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.refer-list div{border-top:2px solid var(--ink);padding-top:var(--s-4)}
.refer-list dt{font:800 var(--t-32)/1 var(--display);letter-spacing:-.02em;color:var(--ink)}
.refer-list dd{margin-top:var(--s-2);color:var(--ink-2);font-size:var(--t-16)}
.refer-list dd b{color:var(--ink);font-weight:600}

/* FAQ */
.faq{border-top:1px solid var(--line)} /* marks the topic change after How It Works */
.faq-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-8)}
@media (min-width:1024px){.faq-grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--s-16)}}
.faq-list{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);min-height:56px;padding:var(--s-3) 0;font-weight:600;font-size:var(--t-18)}
summary::-webkit-details-marker{display:none}
summary::after{content:"";flex:none;width:10px;height:10px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg) translateY(-3px);transition:transform var(--d-fast) var(--ease)}
details[open] summary::after{transform:rotate(-135deg) translateY(-3px)}
details p{color:var(--ink-2);padding-bottom:var(--s-6);font-size:var(--t-17)}

/* Final CTA */
.final{padding:var(--s-16) 0}
.final-panel{background:var(--ink);color:var(--on-dark);border-radius:var(--r-panel);overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr)}
.final-copy{padding:var(--s-8) var(--s-6) var(--s-12);text-align:center;display:grid;justify-items:center;gap:var(--s-4)}
/* Decorative art: the still's navy (#09253B) fades into --ink, so no edge shows */
.final-art{display:block}
.final-art img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:60% 60%;filter:brightness(.85) saturate(.9);
  -webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent);mask-image:linear-gradient(to bottom,#000 70%,transparent)}
@media (min-width:600px) and (max-width:1199px){.final-art img{aspect-ratio:21/9}}
@media (min-width:1200px){
  .final-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
  .final-copy{order:-1;padding:var(--s-16);text-align:left;justify-items:start}
  .final-art{align-self:stretch}
  .final-art img{height:100%;aspect-ratio:auto;object-position:65% 55%;
    -webkit-mask-image:linear-gradient(to right,transparent,#000 28%);mask-image:linear-gradient(to right,transparent,#000 28%)}
}
.final p{color:var(--slate-on-navy)}
.final .btn{margin-top:var(--s-4)}
@media (max-width:767px){.final .btn{width:100%}}

/* Footer */
.site-foot{padding:var(--s-12) 0 var(--s-24);border-top:1px solid var(--line)}
.foot-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-8)}
@media (min-width:1024px){.foot-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s-16)}}
.site-foot p{color:var(--ink-2);font-size:var(--t-14);margin-top:var(--s-3)}
.foot-links{display:flex;gap:var(--s-6);margin-top:var(--s-4)}
.foot-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 var(--s-1);font-size:var(--t-14);font-weight:500}
@media (max-width:767px){.site-foot{text-align:center}.foot-links{justify-content:center}.site-foot p{margin-inline:auto}}

/* Phone sticky CTA */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:var(--s-3) var(--s-4) calc(var(--s-3) + env(safe-area-inset-bottom));background:var(--sticky-bg);border-top:1px solid var(--line);box-shadow:var(--sticky-shadow)}
@media (min-width:768px){.sticky-cta{display:none!important}}
@media (max-width:767px){.site-head .btn-sm{display:none}}

/* 404 */
.lost{min-height:70vh;display:grid;align-content:center;gap:var(--s-4);padding:var(--s-16) 0}
.lost h1{font-size:clamp(var(--t-32),5vw,var(--t-60));font-weight:800}

/* Small phones: keep the hero button above the fold */
@media (max-width:360px){.hero{padding-top:var(--s-8)}.hero h1{font-size:1.875rem}}

/* Phone: second headline sentence on its own line, compact offer cards, lighter navy band */
@media (max-width:599px){
  .h1-more{display:block}
  .offer{padding:var(--s-3) var(--s-4) var(--s-4)}
  .fig{font-size:var(--t-32)}
  .stack{gap:var(--s-2)}
}
@media (max-width:767px){.reasons p{display:none}.reasons{gap:var(--s-4)}}
/* Desktop: rank the figures so $700,000 leads */
@media (min-width:600px){
  .offer:nth-child(1) .fig,.offer:nth-child(2) .fig{font-size:var(--t-32)}
}
/* Single-choice chips: 2x2 on small phones so no chip strands alone */
@media (max-width:479px){.chips[data-single]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.q-copy{align-self:start}}
@media (min-width:768px){.site-foot{padding-bottom:var(--s-12)}}

/* Shine: hover glint on the gold button */
:root{--glint:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);--d-glint:250ms}
.btn-primary::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--glint);transform:translateX(-120%);pointer-events:none}
.bar .g > span{position:relative;z-index:1}
.bar .g{position:relative;overflow:hidden}
@media (prefers-reduced-motion:no-preference){
  .btn-primary::after{transition:transform var(--d-glint) var(--ease)}
  .btn-primary:hover::after,.btn-primary:focus-visible::after{transform:translateX(120%)}
}

/* "Earn" in the hero: gold lettering (lightest stop gold-lo, 3:1 on paper), one load-time glint and a small swell */
:root{--glint-text:linear-gradient(105deg,transparent 44%,color-mix(in srgb,var(--gold) 70%,transparent) 50%,transparent 56%);
  --metal-earn:linear-gradient(180deg,var(--gold-lo) 0%,var(--gold-lo) 22%,var(--gold-deep) 70%,var(--gold-ink) 86%,var(--gold-lo) 100%);
  --earn-glow:rgba(221,174,60,.22);--d-earn:1100ms;--ease-glint:cubic-bezier(.3,.5,.4,1);--delay-earn:2100ms}
.earn{display:inline-block;margin-right:.05em;background-image:var(--glint-text),var(--metal-earn);background-size:300% 100%,100% 100%;
  background-position:100% 0,0 0;background-repeat:no-repeat;filter:drop-shadow(0 2px 8px var(--earn-glow))}
@media (prefers-reduced-motion:no-preference){
  .hero .earn{animation:earn-glint var(--d-earn) var(--ease-glint) var(--delay-earn) 1 both,earn-pop var(--d-reveal) var(--ease) var(--delay-earn) 1 both}
}
@keyframes earn-glint{from{background-position:100% 0,0 0}to{background-position:0 0,0 0}}
@keyframes earn-pop{0%,100%{transform:none}45%{transform:scale(1.03)}}

/* Intake contact step */
.q-sub{font-size:var(--t-16);margin:var(--s-4) 0 var(--s-2)}
legend.q + .q-sub{margin-top:var(--s-2)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#consent a{color:var(--ink);font-weight:500;display:inline-flex;align-items:center;min-height:44px;min-width:44px}
#next[aria-busy="true"]{opacity:.75;cursor:progress}

/* Real offers: readable quote beside the sharp (half-native) screenshot; tap opens full size */
.doc-list{display:grid;gap:var(--s-6);margin-top:var(--s-8)}
.doc{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-4);align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);padding:var(--s-6) var(--s-4)}
@media (min-width:900px){.doc{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s-8);padding:var(--s-8)}}
.doc-kind{font-size:var(--t-14);color:var(--ink-2);font-weight:500}
.doc-fig{font:800 var(--t-32)/1.1 var(--display);letter-spacing:-.02em;color:var(--gold-ink);margin-top:var(--s-1)}
.doc-who{font-weight:600;font-size:var(--t-16)}
.doc-quote{margin:var(--s-3) 0 0;color:var(--ink-2);font-size:var(--t-16);line-height:1.5}
.doc-shot{display:block;justify-self:center;border-radius:var(--r-chip);box-shadow:var(--sh-2);overflow:hidden;line-height:0;transition:box-shadow var(--d-fast) var(--ease)}
.doc-shot:hover{box-shadow:var(--sh-3)}
.doc-shot img{display:block;max-width:100%;height:auto}
.chat{margin:var(--s-8) 0 0;display:grid;gap:var(--s-3);justify-items:start}
.chat img{display:block;max-width:100%;height:auto;border-radius:var(--r-chip)}
.chat figcaption{color:var(--slate-on-navy);font-size:var(--t-14);max-width:44ch}