/* ══════════════════════════════════════════════════════════════════════
   SENCORIS — thème sombre · blanc/black du logo + accent bleu cristal
   Polices EMBARQUÉES (aucun CDN — souveraineté)
   ══════════════════════════════════════════════════════════════════════ */
@font-face{font-family:'Archivo';font-style:normal;font-weight:700;font-display:swap;
  src:url(/assets/fonts/font-01.woff2) format('woff2')}
a[data-lang]{cursor:pointer;-webkit-tap-highlight-color:transparent}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;
  src:url(/assets/fonts/font-02.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;
  src:url(/assets/fonts/font-03.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:700;font-display:swap;
  src:url(/assets/fonts/font-04.woff2) format('woff2')}

:root{
  --noir:#010101; --ardoise:#0C0E11; --graphite:#13161B; --anthracite:#1A1E25;
  --bord:#232833; --bord-fort:#2E3542;
  --blanc:#FFFFFF; --txt:#DFE3E9; --txt2:#9AA3B0; --txt3:#6E7683;
  --acc:#4D9EFF; --acc-haut:#6FE3F5; --acc-bas:#2B7CD3;
  --crit:#EF4444; --imp:#F5A524; --ok:#34D399;
  --disp:'Archivo',system-ui,sans-serif;
  --corps:'Inter',system-ui,-apple-system,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --max:1200px; --lecture:720px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--noir);color:var(--txt);
  font-family:var(--corps);font-size:17px;line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:var(--acc);text-decoration:none}
a:hover{color:var(--acc-haut)}
h1,h2,h3,h4{font-family:var(--disp);color:var(--blanc);margin:0;font-weight:700;line-height:1.12;letter-spacing:-.02em}
h1{font-size:clamp(2.5rem,5.2vw,4rem);line-height:1.05;letter-spacing:-.035em}
h2{font-size:clamp(1.6rem,3vw,2.2rem)}
h3{font-size:1.1875rem;letter-spacing:-.01em}
p{margin:0}

/* ── Contenants ─────────────────────────────────────────────────────── */
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.lecture{max-width:var(--lecture)}
.sec{padding:96px 0;border-top:1px solid var(--bord)}
.sec:first-of-type{border-top:0}

/* ── Bandeau de classification (signature document) ─────────────────── */
.cls{background:var(--ardoise);border-bottom:1px solid var(--bord);
  font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--txt3)}
.cls .wrap{display:flex;gap:24px;align-items:center;height:34px}
.cls span{white-space:nowrap}
.cls .push{margin-left:auto}
.cls a{color:var(--txt3);padding-left:14px}
.cls a.on{color:var(--acc)}
.cls .dot{color:var(--bord-fort)}

/* ── En-tête ────────────────────────────────────────────────────────── */
header{position:sticky;top:0;z-index:50;background:rgba(1,1,1,.9);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--bord)}
header .wrap{display:flex;align-items:center;gap:32px;height:66px}
.logo{display:flex;align-items:center;flex-shrink:0;gap:11px}
.logo img{height:34px;width:auto}
.logo .wm{font-family:var(--disp);font-weight:700;font-size:19px;letter-spacing:.14em;color:var(--blanc)}
nav{margin-left:auto;display:flex;gap:28px;align-items:center}
nav a{font-size:14.5px;font-weight:500;color:var(--txt2);letter-spacing:-.005em;
  padding:6px 0;border-bottom:1px solid transparent;cursor:pointer}
nav a:hover{color:var(--blanc)}
nav a.on{color:var(--blanc);border-bottom-color:var(--acc)}
.menu-btn{display:none}

/* ── Boutons ────────────────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--corps);font-size:15px;font-weight:500;line-height:1;
  padding:14px 24px;border-radius:2px;border:1px solid transparent;cursor:pointer;
  transition:background-color .16s,border-color .16s,color .16s}
.btn-p{background:var(--acc);color:var(--noir);font-weight:600}
.btn-p:hover{background:var(--acc-haut);color:var(--noir)}
.btn-s{background:transparent;color:var(--blanc);border-color:var(--bord-fort)}
.btn-s:hover{border-color:var(--acc);color:var(--acc)}
.btn-sm{padding:9px 16px;font-size:14px}

/* ── Étiquettes de section ──────────────────────────────────────────── */
.eyebrow{display:flex;align-items:center;gap:12px;font-family:var(--mono);
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--acc);margin-bottom:18px}
.eyebrow::before{content:"";width:22px;height:1px;background:var(--acc);flex-shrink:0}

/* ── Hero ───────────────────────────────────────────────────────────── */
.hero{padding:84px 0 72px}
.hero .grid{display:grid;grid-template-columns:1.02fr .98fr;gap:72px;align-items:stretch}
.hero .grid>div:first-child{display:flex;flex-direction:column}
.hero h1{margin:0}
.hero .lead{margin-top:24px;font-size:1.125rem;line-height:1.6;color:var(--txt2);max-width:46ch}
.hero .cta{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap}
.hero .hint{margin-top:auto;padding-top:30px;font-family:var(--mono);font-size:11.5px;
  letter-spacing:.06em;color:var(--txt3)}

/* ── Cartes de signal (le produit, montré) ──────────────────────────── */
.stack{position:relative;display:flex;flex-direction:column;gap:10px;
  -webkit-mask-image:linear-gradient(#000 0%,#000 72%,rgba(0,0,0,.18) 100%);
  mask-image:linear-gradient(#000 0%,#000 72%,rgba(0,0,0,.18) 100%)}
.stack-hd{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--txt3);margin-bottom:4px}
.card{background:var(--graphite);border:1px solid var(--bord);border-radius:4px;padding:14px 16px}
.card-meta{display:flex;align-items:center;gap:10px;margin-bottom:9px}
.card-meta .src{font-family:var(--mono);font-size:11px;color:var(--txt3);letter-spacing:.02em}
.card h4{font-family:var(--corps);font-size:15px;font-weight:500;color:var(--blanc);
  line-height:1.4;letter-spacing:0}
.card .why{margin-top:8px;font-size:13px;line-height:1.55;color:var(--txt2)}
.card .lnk{margin-top:10px;font-family:var(--mono);font-size:11.5px;color:var(--acc);
  display:inline-block}
.tag{display:inline-block;padding:3px 9px;border-radius:2px;font-family:var(--mono);
  font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;flex-shrink:0}
.tag-c{background:rgba(239,68,68,.13);color:var(--crit)}
.tag-i{background:rgba(245,165,36,.13);color:var(--imp)}
.tag-w{background:rgba(77,158,255,.11);color:var(--acc)}

/* ── Bande de preuve chiffrée ───────────────────────────────────────── */
.proof{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--bord);
  border-bottom:1px solid var(--bord)}
.proof div{padding:26px 28px;border-left:1px solid var(--bord)}
.proof div:first-child{border-left:0;padding-left:0}
.proof b{display:block;font-family:var(--mono);font-weight:700;font-size:1.75rem;
  color:var(--acc-haut);letter-spacing:-.02em;line-height:1.1}
.proof span{display:block;margin-top:7px;font-size:12.5px;line-height:1.45;color:var(--txt3)}

/* ── Deux colonnes asymétriques ─────────────────────────────────────── */
.duo{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:start}
.duo.inv{grid-template-columns:.85fr 1.15fr}
.duo .aside{margin-top:26px;padding-top:22px;border-top:1px solid var(--bord);
  font-family:var(--mono);font-size:12.5px;line-height:1.75;color:var(--txt3)}
.body p+p{margin-top:18px}
.body p{color:var(--txt2);max-width:62ch}

/* ── Étapes (séquence réelle → numérotation légitime) ───────────────── */
.steps{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--bord);
  border:1px solid var(--bord);border-radius:4px;overflow:hidden}
.step{background:var(--noir);padding:30px 28px}
.step .n{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--acc)}
.step h3{margin-top:14px}
.step p{margin-top:11px;font-size:14.5px;line-height:1.6;color:var(--txt2)}
.step .k{margin-top:14px;padding-top:13px;border-top:1px solid var(--bord);
  font-family:var(--mono);font-size:11.5px;color:var(--txt3)}

/* ── Encadré (une seule fois par page) ──────────────────────────────── */
.callout{background:var(--graphite);border:1px solid var(--bord);
  border-left:2px solid var(--acc);border-radius:4px;padding:34px 38px}
.callout h2{max-width:22ch}
.callout p{margin-top:16px;color:var(--txt2);max-width:62ch}

/* ── Secteurs ───────────────────────────────────────────────────────── */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--bord);
  border:1px solid var(--bord);border-radius:4px;overflow:hidden}
.dom{background:var(--noir);padding:26px 24px}
.dom h4{font-family:var(--disp);font-size:16px;color:var(--blanc);letter-spacing:-.01em}
.dom p{margin-top:10px;font-size:13.5px;line-height:1.6;color:var(--txt3)}
.dom .lbl{margin-top:16px;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--acc)}

/* ── CTA final ──────────────────────────────────────────────────────── */
.cta-fin{text-align:center;padding:104px 0}
.cta-fin h2{max-width:26ch;margin:0 auto}
.cta-fin p{margin:18px auto 0;color:var(--txt2);max-width:52ch}
.cta-fin .btn{margin-top:32px}

/* ── Pages (routage côté client) ────────────────────────────────────── */
.page{display:none}
.page.on{display:block}
.phead{padding:72px 0 56px;border-bottom:1px solid var(--bord)}
.phead h1{font-size:clamp(2.1rem,4.4vw,3.1rem)}
.phead p{margin-top:20px;color:var(--txt2);max-width:58ch;font-size:1.0625rem}

/* ── Rapport type ───────────────────────────────────────────────────── */
.rap-bar{display:flex;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.rap-bar .note{font-family:var(--mono);font-size:11.5px;color:var(--txt3);letter-spacing:.04em}
.rap-bar .btn{margin-left:auto}
.rap{background:var(--ardoise);border:1px solid var(--bord);border-radius:4px;padding:52px}
.rap h3{margin-top:34px;padding-bottom:10px;border-bottom:1px solid var(--bord);font-size:1.0625rem}
.rap h3:first-child{margin-top:0}
.rap .meta{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--txt3);padding-bottom:16px;border-bottom:1px solid var(--bord);margin-bottom:26px}
.rap .pc{background:var(--graphite);border:1px solid var(--bord);border-radius:4px;
  padding:15px 17px;margin-top:11px}
.rap .pc h5{font-family:var(--corps);font-size:14.5px;font-weight:500;color:var(--blanc);
  margin:0 0 8px;line-height:1.4}
.rap .pc p{font-size:13px;line-height:1.6;color:var(--txt2)}
.rap .pc .lnk{display:inline-block;margin-top:9px;font-family:var(--mono);font-size:11px;color:var(--acc)}
.rap .kpi{display:flex;gap:36px;margin-top:22px;flex-wrap:wrap}
.rap .kpi div b{font-family:var(--mono);font-size:1.375rem;color:var(--acc-haut);display:block}
.rap .kpi div span{font-size:11.5px;color:var(--txt3)}

/* ── Offres ─────────────────────────────────────────────────────────── */
.offres{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.offre{background:var(--graphite);border:1px solid var(--bord);border-radius:4px;
  padding:30px 28px;display:flex;flex-direction:column}
.offre.hi{border-color:var(--acc)}
.offre .nm{font-family:var(--disp);font-size:15px;letter-spacing:.02em;color:var(--blanc)}
.offre .pr{margin-top:16px;font-family:var(--mono);font-size:1.5rem;color:var(--acc-haut);
  letter-spacing:-.02em}
.offre .pr small{font-size:12px;color:var(--txt3);letter-spacing:0}
.offre ul{margin:22px 0 16px;padding:0;list-style:none;border-top:1px solid var(--bord)}
.offre ul,.offre li{list-style:none}
.offre li{padding:11px 0;border-bottom:1px solid var(--bord);font-size:13.5px;
  line-height:1.5;color:var(--txt2)}
.offre li::before{content:none}
.offre .btn{margin-top:26px;width:100%}

/* ── Modules complémentaires ────────────────────────────────────────── */
.addons{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--bord);
  border:1px solid var(--bord);border-radius:4px;overflow:hidden;margin-top:36px}
.addon{background:var(--noir);padding:24px 22px}
.addon .nm{font-family:var(--disp);font-size:14.5px;color:var(--blanc);letter-spacing:-.005em}
.addon .pr{margin-top:9px;font-family:var(--mono);font-size:1rem;color:var(--acc-haut);
  letter-spacing:-.01em}
.addon p{margin-top:9px;font-size:13px;color:var(--txt3);line-height:1.55}

/* ── Garanties ──────────────────────────────────────────────────────── */
.garanties{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:34px}
.garantie{border-top:2px solid var(--acc);padding-top:18px}
.garantie h4{font-family:var(--disp);font-size:15px;color:var(--blanc);letter-spacing:-.005em}
.garantie p{margin-top:9px;font-size:13.5px;color:var(--txt2);line-height:1.6}
.palier{margin-top:auto;padding-top:14px;border-top:1px solid var(--bord);
  font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--txt3)}

/* ── FAQ ────────────────────────────────────────────────────────────── */
.faq{margin-top:44px;border-top:1px solid var(--bord)}
.faq details{border-bottom:1px solid var(--bord)}
.faq summary{padding:19px 0;cursor:pointer;font-family:var(--disp);font-size:15.5px;
  color:var(--blanc);list-style:none;display:flex;justify-content:space-between;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--acc);font-family:var(--mono)}
.faq details[open] summary::after{content:"–"}
.faq p{padding:0 0 20px;font-size:14.5px;color:var(--txt2);max-width:var(--lecture)}

/* ── Formulaire ─────────────────────────────────────────────────────── */
.form{display:grid;grid-template-columns:1fr 440px;gap:72px;align-items:start}
.champ{margin-bottom:20px}
label{display:block;margin-bottom:7px;font-size:13px;font-weight:500;color:var(--txt2)}
label .req{color:var(--acc)}
input,select,textarea{width:100%;padding:12px 14px;background:var(--anthracite);
  border:1px solid var(--bord);border-radius:4px;color:var(--txt);
  font-family:var(--corps);font-size:15px}
textarea{resize:vertical;min-height:88px}
input::placeholder,textarea::placeholder{color:var(--txt3)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--acc);
  box-shadow:0 0 0 3px rgba(77,158,255,.16)}
.form .btn{width:100%;height:48px;margin-top:6px}
.form .fine{margin-top:14px;font-size:12.5px;color:var(--txt3);text-align:center}
.ok-msg{display:none;background:var(--graphite);border:1px solid var(--bord);
  border-left:2px solid var(--ok);border-radius:4px;padding:30px}
.ok-msg.on{display:block}

/* ── Engagements ────────────────────────────────────────────────────── */
.eng{border-top:1px solid var(--bord)}
.eng div{display:grid;grid-template-columns:190px 1fr;gap:40px;padding:26px 0;
  border-bottom:1px solid var(--bord)}
.eng dt{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--acc);padding-top:3px}
.eng dd{margin:0;font-size:15px;line-height:1.65;color:var(--txt2);max-width:70ch}
.eng dd b{color:var(--blanc);font-weight:500}

/* ── Pied de page ───────────────────────────────────────────────────── */
footer{border-top:1px solid var(--bord);padding:56px 0 40px;margin-top:0}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
footer .cols h5{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--txt3);margin:0 0 16px;font-weight:400}
footer .cols a,footer .cols p{display:block;font-size:13.5px;color:var(--txt2);
  margin-bottom:10px;cursor:pointer}
footer .cols a:hover{color:var(--acc)}
footer .fin{margin-top:48px;padding-top:24px;border-top:1px solid var(--bord);
  display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;
  font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--txt3);
  text-transform:uppercase}
footer img{height:24px;width:auto;margin-bottom:18px}

/* ── Accessibilité ──────────────────────────────────────────────────── */
:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:2px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ── Responsive ─────────────────────────────────────────────────────── */
@media (max-width:1024px){
  .hero .grid,.duo,.duo.inv,.form{grid-template-columns:1fr;gap:44px}
  .grid3,.offres,.addons,.garanties{grid-template-columns:1fr 1fr}
  .proof{grid-template-columns:1fr 1fr}
  .proof div:nth-child(3){border-left:0;padding-left:0}
  .sec{padding:72px 0}
  .rap{padding:32px}
  footer .cols{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  body{font-size:16px}
  nav{display:none}
  nav.open{display:flex;position:fixed;inset:100px 0 0 0;background:var(--noir);
    flex-direction:column;gap:0;padding:20px;align-items:stretch}
  nav.open a{font-size:20px;padding:16px 0;border-bottom:1px solid var(--bord)}
  .menu-btn{display:block;margin-left:auto;background:none;border:1px solid var(--bord-fort);
    color:var(--blanc);font-family:var(--mono);font-size:11px;letter-spacing:.1em;
    padding:8px 12px;border-radius:2px;cursor:pointer}
  .cls .wrap{gap:14px;font-size:9.5px}
  .cls span:not(:first-child),.cls .dot{display:none}
  .sec,.hero{padding:64px 0}
  .grid3,.offres,.proof,.steps,.addons,.garanties{grid-template-columns:1fr}
  .proof div{border-left:0;padding:20px 0}
  .step{padding:24px 20px}
  .callout{padding:26px 22px}
  .cta-fin{padding:72px 0}
  .rap{padding:22px}
  .eng div{grid-template-columns:1fr;gap:10px}
  footer .cols{grid-template-columns:1fr}
  .hero .cta .btn{width:100%}
}


/* Captcha auto-heberge — aucun appel a un service externe */
.cap-row{display:flex;align-items:center;gap:10px}
.cap-row img{width:168px;height:52px;border:1px solid #232833;border-radius:4px;background:#0C0E11;display:block;flex:0 0 auto}
.cap-rf{flex:0 0 auto;width:46px;height:52px;background:transparent;border:1px solid #232833;border-radius:4px;color:#9AA3B0;font-size:18px;line-height:1;cursor:pointer;transition:color .15s,border-color .15s}
.cap-rf:hover{color:#4D9EFF;border-color:#4D9EFF}
.cap-row .cap-in{flex:1 1 auto;min-width:0;text-transform:uppercase;letter-spacing:.18em}
@media (max-width:520px){.cap-row{flex-wrap:wrap}.cap-row img{width:150px;height:46px}.cap-rf{height:46px}.cap-row .cap-in{flex:1 1 100%}}


/* ================== COUCHE RESPONSIVE — TABLETTE & MOBILE ================== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{overflow-x:hidden}
img,svg,video{max-width:100%;height:auto}

/* ---------- TABLETTE ET MOINS : 0 -> 900px ---------- */
@media (max-width:900px){
  /* --- navigation : menu burger plein ecran --- */
  nav{display:none}
  nav.open{display:flex;position:fixed;left:0;right:0;top:var(--mTop,104px);bottom:0;z-index:45;
    background:var(--noir);flex-direction:column;gap:0;
    padding:10px 22px 40px;align-items:stretch;overflow-y:auto;-webkit-overflow-scrolling:touch}
  nav.open a{font-size:19px;font-weight:400;padding:0;min-height:54px;display:flex;
    align-items:center;border-bottom:1px solid var(--bord)}
  nav.open a.on{color:var(--acc)}
  nav.open a.btn{margin-top:22px;justify-content:center;min-height:52px;border-bottom:0;
    background:var(--acc);color:#010101;font-weight:600}
  .menu-btn{display:inline-flex!important;align-items:center;justify-content:center;
    margin-left:auto;min-width:66px;min-height:44px;padding:0 14px;background:none;
    border:1px solid var(--bord-fort);color:var(--blanc);font-family:var(--mono);
    font-size:11.5px;letter-spacing:.1em;border-radius:3px;cursor:pointer}
  body.nav-open{overflow:hidden}

  /* --- bandeau de classification --- */
  .cls .wrap{gap:12px;min-height:38px;height:auto;font-size:11.5px}
  .cls span:not(:first-child),.cls .dot{display:none}
  .cls a[data-lang]{display:inline-flex;align-items:center;justify-content:center;
    min-width:40px;min-height:34px;font-size:12px;letter-spacing:.08em}

  /* --- empilement --- */
  .grid,.grid3,.duo,.duo.inv,.form,.offres,.addons,.garanties,.steps,.eng > div{grid-template-columns:1fr}
  .offres{gap:18px}
  .hero{padding:52px 0 56px}
  .sec{padding:56px 0}
  .hero .grid{gap:36px}
  .hero .cta{gap:12px}
  .hero .cta .btn{width:100%;justify-content:center}
  .hero .lead{font-size:1.0625rem;max-width:none}
  .eng dt{padding-top:0}
  .rap{padding:22px 18px}
  .step{padding:22px 18px}
  .callout{padding:24px 20px}
  footer .cols{grid-template-columns:1fr 1fr;gap:28px}

  /* --- plancher de lisibilite : 11.5px minimum --- */
  .cls,.stack-hd,.eyebrow,.src,.k,.lbl,.n,.palier,.meta,.hint,.eng dt,.fine,.tag{
    font-size:11.5px!important;line-height:1.5}
  .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center}
  .faq summary{font-size:15px;min-height:50px;align-items:center;padding:16px 0}
  .faq p{font-size:14.5px}

  /* --- statistiques : 2 x 2 --- */
  .responsive-stats{grid-template-columns:1fr 1fr!important}
  .responsive-stats > div{padding:20px 14px;border-left:0!important}
}

/* ---------- MOBILE : 0 -> 640px ---------- */
@media (max-width:640px){
  body{font-size:16px}
  .wrap{padding-left:16px;padding-right:16px}
  h1{font-size:clamp(27px,8.4vw,36px);line-height:1.14}
  h2{font-size:clamp(21px,6.2vw,27px);line-height:1.22}
  h3{font-size:17px;line-height:1.3}
  .hero{padding:40px 0 46px}
  .sec{padding:46px 0}
  .responsive-stats > div{padding:16px 12px}
  .faq summary{font-size:14.5px}
  .rap{padding:18px 14px}
  .step{padding:18px 14px}
  footer{padding:40px 0 30px}
  footer .cols{grid-template-columns:1fr;gap:24px}
  input,select,textarea{font-size:16px}
  .champ{margin-bottom:14px}
  .cap-row{flex-wrap:wrap}
  .cap-row img{width:150px;height:46px}
  .cap-rf{height:46px;width:46px}
  .cap-row .cap-in{flex:1 1 100%}
}


@media (max-width:640px){
  .fin{display:block!important;text-align:left!important}
  .fin > *{display:block;margin:0 0 6px 0;white-space:normal;overflow-wrap:anywhere}
  footer{overflow-x:hidden}
}


.cap{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);border-top:1px solid var(--bord);margin-top:12px;padding-top:11px}
@media (max-width:900px){.cap{font-size:11.5px}}