/* DEEP HARBOUR  ·  xeloranet.com
   deep harbour blue with the logo’s olive stroke · Sora display with Rubik · dark bands, soft geometry, technical feel
   Palette sampled from images/logo.png — primary #0F5076, accent #71781E.
   type: Sora + Rubik
   layout: hero overlay · article wide-pull · looking checks-ledger · features media-rows
           audience numbered-rows · steps rail-steps · caveat stamp · faq stagger-rows · cta framed
   order: steps > looking > features > caveat > audience */
:root{
  --ink:#101619;
  --ink-2:#515F67;
  --paper:#F7F9FA;
  --surface:#FFFFFF;
  --tint:#E9F0F3;
  --deep:#14252E;
  --line:#CDD9DF;
  --primary:#0F5076;
  --primary-ink:#FFFFFF;
  --accent:#71781E;
  --accent-ink:#FFFFFF;

  --r:10px;
  --r-lg:16px;
  --bw:1px;
  --sh:0 1px 2px rgba(8,30,45,.05);
  --sh-lg:0 24px 52px -32px rgba(8,30,45,.5);

  --ff-display:'Sora', system-ui, sans-serif;
  --ff-body:'Rubik', system-ui, sans-serif;

  --shell:1180px;
  --gutter:clamp(1.1rem,4vw,2rem);
  --pad-band:clamp(3.2rem,6vw,5.4rem);
  --gap:clamp(1rem,2.2vw,1.6rem);
  --measure:66ch;

  --t-xs:.78rem;
  --t-sm:.9rem;
  --t-base:clamp(1rem,.97rem + .16vw,1.075rem);
  --t-lg:clamp(1.1rem,1.05rem + .3vw,1.28rem);
  --t-h3:clamp(1.05rem,1rem + .38vw,1.24rem);
  --t-h2:clamp(1.55rem,1.3rem + 1.2vw,2.3rem);
  --t-h1:clamp(2.05rem,1.5rem + 2.6vw,3.5rem);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html,body{max-width:100%;overflow-x:hidden}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--ff-body);font-size:var(--t-base);line-height:1.68;font-synthesis-weight:none;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--primary);text-underline-offset:.18em}
a:hover{color:var(--accent)}
h1,h2,h3{font-family:var(--ff-display);line-height:1.14;letter-spacing:-.012em;margin:0;text-wrap:balance;font-weight:700}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
figure{margin:0}
blockquote{margin:0}
table{border-collapse:collapse;width:100%}
:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
svg{width:1em;height:1em;fill:none}
.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--primary);color:var(--primary-ink);padding:.7rem 1rem;border-radius:var(--r)}
.skip-link:focus{left:.5rem;top:.5rem}
.shell{width:min(var(--shell),100% - var(--gutter)*2);margin-inline:auto}
.band{padding-block:var(--pad-band)}
.band-tint,.band-sand{background:var(--tint)}
.band-deep{background:var(--deep);color:var(--paper)}
.band-deep h2,.band-deep h3{color:var(--paper)}
.band-deep .sh-sub,.band-deep p{color:color-mix(in srgb,var(--paper) 78%,transparent)}

/* ── advertorial label ── */
.adv-bar{background:var(--deep);color:var(--paper);text-align:center;font-size:var(--t-xs);letter-spacing:.22em;text-transform:uppercase;padding:.5rem 1rem;font-weight:600}

/* ── header ── */
.site-header{position:static;background:var(--paper);border-bottom:var(--bw) solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.95rem}
.brand{display:inline-flex}
.brand img{height:52px;width:auto}
@media (max-width:520px){.brand img{height:40px}}

/* ── buttons ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--ff-body);font-weight:600;font-size:var(--t-sm);line-height:1.2;padding:.72rem 1.15rem;border:var(--bw) solid transparent;border-radius:var(--r);text-decoration:none;cursor:pointer;transition:transform .16s,background-color .16s,color .16s,box-shadow .16s}
.btn-lg{padding:.92rem 1.6rem;font-size:var(--t-base)}
.btn-solid{background:var(--primary);color:var(--primary-ink)}
.btn-solid:hover{background:var(--ink);color:var(--paper);transform:translateY(-1px)}
.btn-accent{background:var(--accent);color:var(--accent-ink)}
.btn-accent:hover{background:var(--ink);color:var(--paper);transform:translateY(-1px)}
.btn-line{background:transparent;color:var(--ink);border-color:var(--line)}
.btn-line:hover{border-color:var(--ink);color:var(--ink)}

/* ── section headings (no eyebrow labels) ── */
.sh-head{max-width:min(58ch,100%);margin-bottom:clamp(1.8rem,3.4vw,2.8rem)}
.sh{font-size:var(--t-h2)}
.sh-sub{margin-top:.7rem;color:var(--ink-2);font-size:var(--t-lg);line-height:1.55}

/* ── layered icons: tinted plate, oversized watermark bleeding out of one corner,
      crisp utility glyph on top ── */
.ico{position:relative;display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;flex:none;color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,transparent);border-radius:var(--r);overflow:hidden}
.ico-wm{position:absolute;right:-.95rem;bottom:-1rem;width:3.4rem;height:3.4rem;opacity:.3;color:var(--accent);pointer-events:none}
.ico-fg{position:relative;width:1.55rem;height:1.55rem;stroke-width:1.8}
.band-deep .ico,.tst--band-featured .ico{background:color-mix(in srgb,var(--paper) 13%,transparent);color:var(--paper)}
.band-deep .ico-wm,.tst--band-featured .ico-wm{color:var(--paper);opacity:.26}
.stars{display:inline-flex;gap:.14rem;color:var(--accent)}
.stars svg{width:.92rem;height:.92rem;fill:currentColor}

/* ── footer ── */
.site-footer{background:var(--tint);border-top:var(--bw) solid var(--line);padding-block:clamp(2.4rem,4vw,3.4rem) 1.6rem}
.foot-top{display:grid;grid-template-columns:1.5fr 1fr 1.2fr;gap:clamp(1.6rem,3vw,2.6rem)}
.foot-brand img{height:48px;width:auto;margin-bottom:.9rem}
.foot-brand p{color:var(--ink-2);font-size:var(--t-sm);max-width:38ch}
.foot-nav ul{display:grid;gap:.55rem}
.foot-nav a{color:var(--ink);text-decoration:none;font-size:var(--t-sm)}
.foot-nav a:hover{color:var(--accent);text-decoration:underline}
.foot-id{font-style:normal;font-size:var(--t-sm);color:var(--ink-2);display:grid;gap:.3rem}
.foot-id a{color:var(--ink-2)}
.foot-id-name{color:var(--ink);font-weight:600}
.foot-bottom{margin-top:clamp(1.8rem,3vw,2.6rem);padding-top:1.2rem;border-top:var(--bw) solid var(--line);display:grid;gap:.7rem}
.foot-bottom p{font-size:var(--t-xs);color:var(--ink-2)}
.foot-compliance{max-width:100ch}
@media (max-width:820px){.foot-top{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}
@media (max-width:520px){.foot-top{grid-template-columns:1fr}}

/* ── cookie bar ── */
.cookie{position:fixed;left:max(1rem,env(safe-area-inset-left));right:1rem;bottom:1rem;z-index:60;background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-lg);box-shadow:0 18px 40px -20px rgba(0,0,0,.35);padding:1rem 1.1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.9rem;max-width:min(60rem,calc(100% - 2rem));margin-inline:auto}
.cookie p{font-size:var(--t-sm);flex:1 1 22rem;color:var(--ink-2);margin:0}
.cookie-actions{display:flex;gap:.6rem}
.cookie[hidden]{display:none}

/* ── reveal ── */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
.reveal.in,.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.btn:hover{transform:none}}

.sh-head{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-lg);padding:1.3rem 1.5rem;max-width:min(64ch,100%)}
.btn{border-radius:999px}

/* ── subpages (about / contact / privacy / terms / disclaimer) ── */
.page-hero{padding-block:clamp(2.4rem,5vw,3.6rem) clamp(1.6rem,3vw,2.4rem);border-bottom:var(--bw) solid var(--line)}
.page-hero h1{font-size:clamp(1.9rem,1.4rem + 2vw,2.9rem)}
.page-hero p{margin-top:.8rem;color:var(--ink-2);max-width:var(--measure)}
.crumbs{font-size:var(--t-xs);color:var(--ink-2);margin-bottom:.9rem;letter-spacing:.06em;text-transform:uppercase}
.crumbs a{color:var(--ink-2)}
.prose{max-width:var(--measure)}
.prose h2{font-size:clamp(1.3rem,1.1rem + .8vw,1.75rem);margin-top:2.2rem}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:var(--t-h3);margin-top:1.6rem}
.prose p,.prose ul,.prose ol{margin-top:.9rem}
.prose ul,.prose ol{padding-left:1.1rem;list-style:disc}
.prose ol{list-style:decimal}
.prose li{margin-top:.4rem}
.prose li::marker{color:var(--primary)}
.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--gap);margin-top:1.6rem}
.info-card{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r);padding:1.2rem 1.3rem;box-shadow:var(--sh)}
.info-card h3{font-size:var(--t-h3);margin-bottom:.5rem}
.info-card p{font-size:var(--t-sm);color:var(--ink-2)}
.form{max-width:44rem;margin-top:1.6rem;display:grid;gap:1rem}
.field{display:grid;gap:.4rem}
.field label{font-size:var(--t-sm);font-weight:600}
.field input,.field select,.field textarea{font:inherit;font-size:var(--t-sm);padding:.7rem .8rem;border:var(--bw) solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--ink);width:100%}
.field textarea{min-height:9rem;resize:vertical}
.form-note,.form-status{font-size:var(--t-sm);color:var(--ink-2)}

/* ── hero ── */
.hero{padding-block:clamp(2.4rem,5vw,4.2rem);position:relative}
.hero-kicker{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--ink-2);font-weight:600}
.hero-node{display:inline-flex;color:var(--accent)}
.hero-node svg{width:1.05rem;height:1.05rem;stroke-width:1.7}
.hero-sep{color:var(--line)}
.hero h1{font-size:var(--t-h1);margin-top:1rem}
.hero h1 em{font-style:italic;color:var(--primary)}
.hero-lead{margin-top:1.05rem;font-size:var(--t-lg);color:var(--ink-2);max-width:54ch;line-height:1.55}
.hero-act{margin-top:1.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.2rem}
.hero-note{font-size:var(--t-xs);color:var(--ink-2);max-width:36ch;line-height:1.5}
.hero figure img{width:100%;object-fit:cover}
@media (max-width:860px){.hero h1{font-size:clamp(1.85rem,1.3rem + 3vw,2.4rem)}}

.hero--overlay{padding:0}
.hero--overlay .shell{width:100%}
.hero--overlay .hero-stage{position:relative;isolation:isolate;min-height:min(78vh,40rem);display:grid;align-items:center}
.hero--overlay .hero-bg{position:absolute;inset:0;z-index:-2}
.hero--overlay .hero-bg img{width:100%;height:100%;object-fit:cover}
.hero--overlay .hero-stage::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,color-mix(in srgb,var(--deep) 92%,transparent) 0%,color-mix(in srgb,var(--deep) 72%,transparent) 52%,color-mix(in srgb,var(--deep) 30%,transparent) 100%)}
.hero--overlay .hero-copy--over{width:min(var(--shell),100% - var(--gutter)*2);margin-inline:auto;padding-block:clamp(3rem,7vw,5.5rem);max-width:min(60rem,100%);color:var(--paper)}
.hero--overlay .hero-copy--over h1{color:var(--paper);max-width:20ch}
.hero--overlay .hero-copy--over h1 em{color:color-mix(in srgb,var(--accent) 70%,#fff)}
.hero--overlay .hero-kicker,.hero--overlay .hero-lead,.hero--overlay .hero-note{color:color-mix(in srgb,var(--paper) 82%,transparent)}
.hero--overlay .hero-sep{color:color-mix(in srgb,var(--paper) 45%,transparent)}

/* ── standfirst ── */
.standfirst{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(1.2rem,3vw,2.6rem);align-items:start}
.pull-line{font-family:var(--ff-display);font-size:clamp(1.2rem,1.05rem + .75vw,1.7rem);line-height:1.36;letter-spacing:-.01em}
.standfirst-support{color:var(--ink-2);line-height:1.66}
.byline{grid-column:1/-1;display:flex;align-items:center;gap:.85rem;padding-top:1.1rem;border-top:var(--bw) solid var(--line)}
.byline-mark{display:inline-flex;align-items:center;justify-content:center;width:2.3rem;height:2.3rem;border-radius:50%;background:var(--surface);border:var(--bw) solid var(--line);color:var(--accent);flex:none}
.byline-mark svg{width:1.05rem;height:1.05rem}
.byline-name{font-weight:600;font-size:var(--t-sm)}
.byline-meta{font-size:var(--t-xs);color:var(--ink-2)}
@media (max-width:760px){.standfirst{grid-template-columns:1fr}}

/* ── article shared ── */
.art h2{font-size:clamp(1.4rem,1.2rem + .95vw,2.05rem);margin-bottom:1rem}
.art-rule{display:inline-block;width:1.8rem;height:2px;background:var(--accent);vertical-align:middle;margin-right:.7rem;transform:translateY(-.25em)}
.art p{line-height:1.72}
.art p + p{margin-top:1rem}
.art-sec + .art-sec{margin-top:clamp(2.2rem,4.5vw,3.6rem)}
.art-lede{font-family:var(--ff-display);font-size:var(--t-lg);line-height:1.5;color:var(--ink);margin-bottom:1.1rem}
.art-dropcap::first-letter{float:left;font-family:var(--ff-display);font-size:3.5em;line-height:.82;padding:.06em .12em 0 0;color:var(--primary);font-weight:700}
.art-cols{column-gap:clamp(1.4rem,3vw,2.4rem)}
.art-cols--2{column-count:2}
.art-cols--3{column-count:3}
.art-cols--2 p{break-inside:avoid-column}
/* three-column bands hold only a couple of paragraphs, so let the text flow and
   balance across all three rather than leaving an empty trailing column */
.art-cols--3 p{break-inside:auto}
.art-cols p + p{margin-top:1rem}
.art-cols h2,.art-cols h3{column-span:all}
@media (max-width:900px){.art-cols--3{column-count:2}}
@media (max-width:680px){.art-cols--2,.art-cols--3{column-count:1}}
.art-pull{margin-block:clamp(1.4rem,3vw,2.2rem);padding:1.2rem 1.4rem;background:var(--tint);border-left:4px solid var(--accent);position:relative}
.art-pull p{font-family:var(--ff-display);font-size:var(--t-lg);line-height:1.5}
.art-qmark{position:absolute;top:-.15em;right:.5rem;font-family:var(--ff-display);font-size:4rem;line-height:1;color:var(--line)}
.art-plate img{width:100%;object-fit:cover}
.art-plate figcaption{margin-top:.6rem;font-size:var(--t-xs);color:var(--ink-2);line-height:1.5}
.art-plate--wide{margin-block:clamp(1.4rem,3vw,2.2rem)}
.art-plate--wide img{aspect-ratio:21/9}

.art--wide-pull .art-flow--measure{max-width:min(1040px,100%);margin-inline:auto}
.art--wide-pull .art-sec{max-width:var(--measure);margin-inline:auto}
/* the closing three-column band needs more room than a single reading measure */
.art--wide-pull .art-sec:last-of-type{max-width:min(880px,100%)}
.art--wide-pull .art-pull{max-width:none;margin-inline:calc(-1 * clamp(1rem,4vw,4rem));background:var(--deep);color:var(--paper);border-left:0;padding:clamp(1.4rem,3vw,2.4rem);text-align:center}
.art--wide-pull .art-pull p{color:var(--paper);font-size:clamp(1.15rem,1rem + .8vw,1.65rem)}
.art--wide-pull .art-qmark{color:color-mix(in srgb,var(--paper) 28%,transparent)}
.art--wide-pull .art-plate--bleed{margin-block:clamp(1.8rem,3.5vw,2.8rem)}
.art--wide-pull .art-plate--bleed img{aspect-ratio:21/8}
.art--wide-pull .art-cols{max-width:none}
@media (max-width:1120px){.art--wide-pull .art-pull{margin-inline:0}}

.aud h3{font-size:var(--t-h3);margin-bottom:.35rem}
.aud p{color:var(--ink-2);font-size:var(--t-sm);line-height:1.62}
.aud-notes{margin-top:clamp(1.6rem,3vw,2.4rem);display:grid;gap:.9rem;max-width:96ch}
.aud-note{color:var(--ink-2);font-size:var(--t-sm);line-height:1.66}

.aud--numbered-rows .aud-numbered{display:grid;gap:0}
.aud--numbered-rows .aud-numbered li{display:grid;grid-template-columns:4.2rem 2.6rem 1fr;gap:1rem;align-items:start;padding-block:1.15rem;border-bottom:var(--bw) solid var(--line)}
.aud--numbered-rows .aud-numbered li:first-child{border-top:var(--bw) solid var(--line)}
.aud--numbered-rows .aud-n{font-family:var(--ff-display);font-size:1.9rem;line-height:1;color:var(--line);font-weight:700;font-variant-numeric:tabular-nums}
.aud--numbered-rows .aud-ic{display:inline-flex;color:var(--accent)}
.aud--numbered-rows .aud-ic svg{width:1.5rem;height:1.5rem;stroke-width:1.7}
@media (max-width:600px){.aud--numbered-rows .aud-numbered li{grid-template-columns:3rem 1fr}.aud--numbered-rows .aud-ic{display:none}}

.feat h3{font-size:var(--t-h3);margin-bottom:.45rem}
.feat p{color:var(--ink-2);font-size:var(--t-sm);line-height:1.64}
.feat-n{display:block;font-size:var(--t-xs);font-weight:700;letter-spacing:.16em;color:var(--accent);font-variant-numeric:tabular-nums;margin-bottom:.4rem}

.feat--media-rows .feat-objs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.4vw,1.8rem) clamp(1.6rem,3.4vw,3rem)}
.feat--media-rows .feat-obj{display:flex;gap:1.1rem;align-items:flex-start;padding-bottom:1.2rem;border-bottom:var(--bw) solid var(--line)}
@media (max-width:760px){.feat--media-rows .feat-objs{grid-template-columns:1fr}}

.stp h3{font-size:var(--t-h3);margin-bottom:.35rem}
.stp p{color:var(--ink-2);font-size:var(--t-sm);line-height:1.62}
.stp-n{font-variant-numeric:tabular-nums;font-weight:700}
.stp-node{display:inline-flex;align-items:center;justify-content:center;color:var(--primary)}
.stp-node svg{width:1.35rem;height:1.35rem;stroke-width:1.7}
.stp-note{margin-top:clamp(1.4rem,3vw,2.2rem);font-size:var(--t-xs);color:var(--ink-2);max-width:92ch;line-height:1.6}

.stp--rail-steps .stp-railwrap{overflow-x:auto;padding-bottom:.6rem}
.stp--rail-steps .stp-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(11rem,1fr);gap:clamp(.7rem,1.6vw,1.2rem)}
.stp--rail-steps .stp-rail li{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:1.2rem 1.25rem;display:grid;gap:.6rem;align-content:start}
.stp--rail-steps .stp-n{font-size:var(--t-xs);letter-spacing:.16em;color:var(--accent)}
.stp--rail-steps .stp-node{width:2.5rem;height:2.5rem;border-radius:var(--r);background:var(--tint)}
@media (max-width:700px){.stp--rail-steps .stp-rail{grid-auto-flow:row;min-width:0}}

.con-tick{width:1.05rem;height:1.05rem;color:var(--accent);flex:none;margin-top:.42em}
.con li{display:flex;gap:.7rem;align-items:flex-start;line-height:1.6}
.con li strong{display:block;font-weight:700;font-size:var(--t-h3);font-family:var(--ff-display);line-height:1.25;margin-bottom:.3rem}
.con li span{display:block;color:var(--ink-2);font-size:var(--t-sm);line-height:1.6}
.con-note{margin-top:clamp(1.4rem,3vw,2.2rem);font-size:var(--t-sm);color:var(--ink-2);max-width:92ch;line-height:1.66}

.con--checks-ledger .con-ledger{display:grid;gap:0;max-width:min(60rem,100%)}
.con--checks-ledger .con-ledger li{display:grid;grid-template-columns:3.4rem 1fr;gap:1rem;padding-block:1.1rem;border-bottom:var(--bw) solid var(--line)}
.con--checks-ledger .con-ledger li:first-child{border-top:var(--bw) solid var(--line)}
.con--checks-ledger .con-n{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:700;font-size:var(--t-sm);letter-spacing:.1em;padding-top:.35em}

.cav h2{font-size:clamp(1.25rem,1.1rem + .75vw,1.7rem);margin-bottom:.8rem}
.cav p{line-height:1.7;color:var(--ink-2)}
.cav-glyph{display:inline-flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);flex:none}
.cav-glyph svg{width:1.6rem;height:1.6rem;stroke-width:1.6}

.cav--stamp .cav-stamp{position:relative;max-width:min(58rem,100%);border:2px solid var(--ink);padding:clamp(1.4rem,3vw,2.4rem)}
.cav--stamp .cav-stamp::before{content:"";position:absolute;inset:6px;border:1px solid var(--line);pointer-events:none}
.cav--stamp h2{text-transform:uppercase;letter-spacing:.06em;font-size:clamp(1.05rem,.95rem + .5vw,1.35rem)}

.faq details{border-bottom:var(--bw) solid var(--line)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.05rem;cursor:pointer;list-style:none;font-weight:600;font-size:var(--t-base);line-height:1.45}
.faq summary::-webkit-details-marker{display:none}
.faq-q{display:flex;gap:.7rem;align-items:baseline}
.faq-n{font-size:var(--t-xs);color:var(--accent);font-variant-numeric:tabular-nums;font-weight:700}
.faq-ic{display:inline-flex;color:var(--primary);flex:none;transition:transform .2s}
.faq-ic svg{width:1.1rem;height:1.1rem}
.faq details[open] .faq-ic{transform:rotate(180deg)}
.faq-a{padding-bottom:1.1rem}
.faq-a p{color:var(--ink-2);font-size:var(--t-sm);line-height:1.66;max-width:74ch}
.faq summary:hover{color:var(--accent)}

.faq--stagger-rows .faq-list{max-width:min(58rem,100%);border-top:2px solid var(--ink)}
.faq--stagger-rows .faq-list details:nth-child(even){padding-left:clamp(0rem,4vw,3rem);background:var(--tint)}
.faq--stagger-rows .faq-list details:nth-child(even) .faq-a{padding-right:1rem}
.faq--stagger-rows details[open] .faq-ic{transform:rotate(45deg)}

.cta-band{padding-block:var(--pad-band);background:var(--tint)}
.cta-band h2{font-size:clamp(1.6rem,1.3rem + 1.3vw,2.5rem)}
.cta-band p{line-height:1.68}
.cta-inner p + p{margin-top:.9rem}
.cta-inner h2 + p{margin-top:1rem}
.cta-inner .btn{margin-top:1.4rem}
.cta-disclaimer{margin-top:1.4rem;font-size:var(--t-xs);color:var(--ink-2);line-height:1.6;max-width:104ch}
.cta-disclaimer a{color:var(--ink-2);text-decoration:underline}

.cta--framed .cta-frame{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-lg);padding:clamp(1.4rem,3.2vw,2.8rem);box-shadow:var(--sh-lg);max-width:min(62rem,100%);margin-inline:auto}