/*
Theme Name: KebExpress Liquidation
Theme URI: https://kebexpress.ca/
Author: Déménagement KebExpress enr.
Description: Thème une page bilingue (FR/EN) pour KebExpress Liquidation — surplus, boîte ouverte et marchandise neuve avec livraison, plus lots en gros et conteneurs pour l'export. Catalogue de produits modifiable dans js/produits.js ou depuis un Google Sheet. Coordonnées dans Apparence > Personnaliser.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kebexpress-liq
Tags: one-column, e-commerce, custom-colors, translation-ready
*/


:root{
  --ink:#0E1116;--blue:#0B3C7A;--blue-deep:#072A57;--orange:#FF6B1A;
  --paper:#FFFFFF;--soft:#F4F7FA;--steel:#5F6E80;--line:rgba(11,60,122,.14);--white:#fff;
  --red:#D42A1F;--red-deep:#A81C13;--red-soft:#FDECEA;
  --pad:clamp(20px,5vw,64px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:'Instrument Sans',system-ui,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:Archivo,'Arial Black',sans-serif;font-variation-settings:'wdth' 112;text-transform:uppercase;line-height:.95;letter-spacing:-.01em;margin:0}
a{color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding-inline:var(--pad)}
section{padding-block:clamp(56px,9vw,110px)}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:4px}
.kicker{font-family:'DM Mono',monospace;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);margin:0 0 14px}
.head{max-width:46ch;margin-bottom:44px}
.head h2{font-size:clamp(28px,4.6vw,46px);font-weight:800;color:var(--blue-deep)}
.head p{color:var(--steel);margin-top:14px}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(237,241,245,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;gap:18px;height:70px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex:0 0 auto}
.brand svg{width:38px;height:38px;border-radius:9px}
.brand b{display:block;font-family:Archivo,sans-serif;font-variation-settings:'wdth' 112;font-weight:800;font-size:19px;text-transform:uppercase;color:var(--blue);letter-spacing:-.01em;line-height:1}
.brand span{display:block;font-size:8.5px;letter-spacing:.24em;color:var(--steel);font-weight:600;text-transform:uppercase}
.nav-links{display:flex;gap:26px;margin-left:auto;font-size:14px;font-weight:500}
.nav-links a{text-decoration:none;color:var(--blue-deep);padding-block:6px}
.nav-links a:hover{color:var(--orange)}
.nav-links a.on{color:var(--red);font-weight:600}
.lang{font-family:'DM Mono',monospace;font-size:12px;background:none;border:1px solid var(--line);border-radius:4px;padding:7px 13px;cursor:pointer;color:var(--blue);letter-spacing:.06em}
.lang:hover{border-color:var(--blue);background:#fff}
.call{background:var(--red);color:#fff;text-decoration:none;font-weight:600;font-size:14.5px;padding:11px 18px;border-radius:99px;white-space:nowrap}
.call:hover{background:var(--red-deep)}
/* ── menu hamburger (mobile) ── */
.burger{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:6px;background:#fff;cursor:pointer;padding:0;position:relative;flex:0 0 auto}
.burger:hover{border-color:var(--blue)}
.burger span{position:absolute;left:11px;right:11px;height:2px;background:var(--blue-deep);border-radius:2px;transition:transform .25s ease,opacity .2s ease}
.burger span:nth-child(1){top:14px}
.burger span:nth-child(2){top:20px}
.burger span:nth-child(3){top:26px}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media(prefers-reduced-motion:reduce){.burger span{transition:none}}

@media(max-width:900px){
  .burger{display:block;order:3}
  .nav-in{gap:10px}
  .nav-links{
    display:flex;position:absolute;left:0;right:0;top:100%;
    flex-direction:column;gap:0;margin:0;
    background:#fff;border-bottom:1px solid var(--line);
    box-shadow:0 14px 30px rgba(11,60,122,.10);
    max-height:0;overflow:hidden;transition:max-height .28s ease;
  }
  .nav-links.open{max-height:340px}
  .nav-links a{padding:15px var(--pad);border-bottom:1px solid var(--line);font-size:16px}
  .nav-links a:last-child{border-bottom:0}
  .nav{position:sticky}
}
@media(prefers-reduced-motion:reduce){.nav-links{transition:none}}

/* hero */
.lhero{
  position:relative;color:var(--ink);overflow:hidden;
  padding-block:calc(min(100vw / 3.44, 520px) + clamp(18px,3vw,40px)) clamp(34px,5vw,56px);
  border-bottom:1px solid var(--line);
  background:#fff;
}
/* faded product photo behind the headline — daytime, very light */
.lhero::before{
  background-image:url('images/produits-hero.jpg');
  content:"";position:absolute;left:0;right:0;top:0;bottom:auto;z-index:0;pointer-events:none;
  height:min(calc(100vw / 3.44), 520px);
  background-size:100% auto;
  background-position:center bottom;
  background-repeat:no-repeat;
  opacity:.9;
  -webkit-mask-image:linear-gradient(to bottom, #000 0%, #000 62%, rgba(0,0,0,.55) 84%, transparent 100%);
          mask-image:linear-gradient(to bottom, #000 0%, #000 62%, rgba(0,0,0,.55) 84%, transparent 100%);
}
/* white wash so text stays crisp on the left */
.lhero::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.06) 40%,rgba(255,255,255,.45) 62%,rgba(255,255,255,.92) 76%,#fff 88%,#fff 100%);
}
.lhero > .wrap{position:relative;z-index:1}
@media(max-width:760px){
  .lhero{padding-block:calc(100vw / 3.44 + clamp(14px,4vw,28px)) clamp(30px,5vw,48px)}
  .lhero::before{height:calc(100vw / 3.44);opacity:.95}
  .lhero::after{background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.10) 46%,rgba(255,255,255,.70) 72%,#fff 88%,#fff 100%)}
}
.tag{display:inline-block;font-family:'DM Mono',monospace;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);background:var(--soft);border:1px solid rgba(212,42,31,.45);border-radius:4px;padding:10px 16px;margin:0 0 24px}
.lhero h1{font-size:clamp(34px,6.8vw,70px);font-weight:800;max-width:15ch;color:var(--blue-deep)}
.lhero h1 em{font-style:normal;color:var(--orange)}
.lhero p{max-width:54ch;color:var(--steel);font-size:clamp(16px,2vw,19px);margin:22px 0 30px}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-block;text-decoration:none;font-weight:600;padding:15px 26px;border-radius:99px;font-size:16px;border:1.5px solid transparent}
.btn-o{background:var(--orange);color:#fff}
.btn-o:hover{background:#e85c0d}
.btn-g{border-color:var(--line);color:var(--blue);background:#fff}
.btn-g:hover{border-color:var(--blue);background:var(--soft)}

/* two-branch switch */
.split{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:clamp(30px,4vw,44px);position:relative;z-index:1}
.half{background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:26px;text-decoration:none;color:var(--ink);display:block;transition:border-color .2s,transform .2s}
.half:hover{border-color:var(--orange);transform:translateY(-3px)}
.half .n{font-family:'DM Mono',monospace;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);margin-bottom:12px}
.half h3{font-size:21px;font-weight:800;margin-bottom:10px;color:var(--blue-deep)}
.half p{font-size:15px;color:var(--steel);margin:0}
@media(max-width:700px){.split{grid-template-columns:1fr}}

/* sold state */
.item.sold{opacity:.62}
.item.sold .shot::after{content:attr(data-sold);position:absolute;inset:0;display:grid;place-items:center;background:rgba(14,17,22,.62);color:#fff;font-family:Archivo,sans-serif;font-variation-settings:'wdth' 112;font-weight:800;font-size:22px;text-transform:uppercase;letter-spacing:.04em}
.item.sold .price{color:var(--steel);text-decoration:line-through}
.item.sold .ask{background:var(--soft);color:var(--steel);pointer-events:none;border-color:var(--line)}
.item.reserved .shot::after{background:rgba(212,42,31,.72)}

/* clickable card */
.item{cursor:pointer}
.item:focus-visible{outline:3px solid var(--red);outline-offset:3px}

/* status + sync line */
.syncline{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--steel);margin:0 0 18px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.syncline .dot{width:8px;height:8px;border-radius:50%;background:#2E9E5B;flex:0 0 auto}

/* skeleton while loading */
.sk{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.sk .a{aspect-ratio:4/3;background:linear-gradient(90deg,#F1F5F9 25%,#E6EDF5 50%,#F1F5F9 75%);background-size:200% 100%;animation:sh 1.3s linear infinite}
.sk .b{height:14px;margin:16px 18px;border-radius:4px;background:#EEF3F8}
.sk .c{height:14px;margin:0 18px 20px;width:55%;border-radius:4px;background:#EEF3F8}
@keyframes sh{0%{background-position:200% 0}100%{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.sk .a{animation:none}}

/* ── detail panel (same page, no reload) ── */
.sheet{position:fixed;inset:0;z-index:200;display:none}
.sheet.open{display:block}
.sheet .veil{position:absolute;inset:0;background:rgba(7,42,87,.55);backdrop-filter:blur(3px)}
.sheet .panel{position:absolute;right:0;top:0;height:100%;width:min(560px,100%);background:#fff;overflow-y:auto;box-shadow:-16px 0 50px rgba(7,42,87,.28);animation:slide .28s ease}
@keyframes slide{from{transform:translateX(24px);opacity:.4}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.sheet .panel{animation:none}}
.sheet .close{position:absolute;top:14px;right:14px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--blue-deep);font-size:20px;line-height:1;cursor:pointer}
.sheet .close:hover{background:var(--red);border-color:var(--red);color:#fff}
.sheet .big{position:relative;aspect-ratio:4/3;background:linear-gradient(150deg,#F4F7FA,#E7EEF6);display:grid;place-items:center;border-bottom:1px solid var(--line)}
.sheet .big img{width:100%;height:100%;object-fit:cover}
.sheet .big svg{width:96px;height:96px;stroke:#9FB3CA;fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.sheet .in{padding:clamp(20px,4vw,30px)}
.sheet h3{font-size:clamp(21px,3.4vw,28px);font-weight:800;color:var(--blue-deep);margin-bottom:12px;line-height:1.08}
.sheet .pr{display:flex;align-items:baseline;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.sheet .pr .now{font-family:Archivo,sans-serif;font-variation-settings:'wdth' 112;font-weight:800;font-size:34px;color:var(--red);line-height:1}
.sheet .pr .old{font-size:15px;color:var(--steel);text-decoration:line-through}
.sheet .pr .cut{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.1em;background:var(--red);color:#fff;padding:5px 9px;border-radius:4px}
.sheet .blurb{color:var(--steel);font-size:15.5px;margin:0 0 20px}
.spec{list-style:none;padding:0;margin:0 0 22px;border-top:1px solid var(--line)}
.spec li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.spec .k{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);padding-top:3px}
.spec .v{text-align:right;font-weight:500}
.sheet .cta-stack{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
.sheet .cta-stack .btn{text-align:center}
.btn-wa{background:#25D366;color:#fff}
.btn-wa:hover{background:#1eb455}
.fblink{display:inline-flex;align-items:center;gap:8px;font-family:'DM Mono',monospace;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);text-decoration:none;border:1px solid var(--line);border-radius:4px;padding:10px 14px}
.fblink:hover{border-color:var(--blue);background:var(--soft)}
.soldnote{background:var(--red-soft);border:1px solid rgba(212,42,31,.3);border-radius:10px;padding:16px;margin-bottom:18px;font-size:14.5px;color:var(--red-deep)}

/* deals ribbon */
.dealbar{background:var(--red);color:#fff;padding-block:14px;overflow:hidden}
.dealbar-in{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;text-align:center}
.dealbar .pulse{width:9px;height:9px;border-radius:50%;background:#fff;flex:0 0 auto;animation:blink 1.8s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
.dealbar p{margin:0;font-family:'DM Mono',monospace;font-size:12px;letter-spacing:.13em;text-transform:uppercase}
.dealbar b{font-weight:500;color:#FFD9D5}
@media(prefers-reduced-motion:reduce){.dealbar .pulse{animation:none}}

/* featured deal */
.feat{background:var(--red-soft);border:1px solid rgba(212,42,31,.25);border-radius:16px;padding:clamp(22px,3.4vw,34px);margin-bottom:26px;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(20px,3vw,36px);align-items:center}
.feat .flag{display:inline-block;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;background:var(--red);color:#fff;padding:6px 11px;border-radius:4px;margin-bottom:14px}
.feat h3{font-size:clamp(21px,3vw,30px);font-weight:800;color:var(--blue-deep);margin-bottom:10px;line-height:1.05}
.feat p{color:var(--steel);font-size:15px;margin:0 0 18px;max-width:46ch}
.feat .fprice{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}
.feat .fprice .now{font-family:Archivo,sans-serif;font-variation-settings:'wdth' 112;font-weight:800;font-size:clamp(30px,4.6vw,42px);color:var(--red);line-height:1}
.feat .fprice .old{font-size:16px;color:var(--steel);text-decoration:line-through}
.feat .fprice .cut{font-family:'DM Mono',monospace;font-size:11.5px;letter-spacing:.1em;background:var(--red);color:#fff;padding:5px 9px;border-radius:4px}
.btn-r{background:var(--red);color:#fff}
.btn-r:hover{background:var(--red-deep)}
.feat .shotbox{aspect-ratio:4/3;background:linear-gradient(150deg,#fff 0%,#FBDFDC 100%);border:1px solid rgba(212,42,31,.2);border-radius:12px;display:grid;place-items:center;overflow:hidden}
.feat .shotbox img{width:100%;height:100%;object-fit:cover}
.feat .shotbox svg{width:78px;height:78px;stroke:#D9A6A1;fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.countdown{font-family:'DM Mono',monospace;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--red-deep);margin:0 0 14px}
@media(max-width:760px){.feat{grid-template-columns:1fr}.feat .shotbox{order:-1}}

/* products — best-sellers grid */
.prods{background:#fff}
.prod-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:30px}
.filters{display:flex;gap:8px;flex-wrap:wrap}
.filters button{font-family:'DM Mono',monospace;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;padding:9px 14px;border-radius:4px;border:1px solid var(--line);background:#fff;color:var(--blue);cursor:pointer}
.filters button:hover{border-color:var(--red);color:var(--red)}
.filters button[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#fff}

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.item{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s}
.item:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(11,60,122,.12);border-color:rgba(212,42,31,.45)}
.item.hide{display:none}

/* photo slot — replace the inner .ph with <img src="images/xxx.jpg" alt=""> */
.shot{position:relative;aspect-ratio:4/3;background:linear-gradient(150deg,#F4F7FA 0%,#E7EEF6 100%);display:grid;place-items:center;border-bottom:1px solid var(--line)}
.shot img{width:100%;height:100%;object-fit:cover;display:block}
.shot .ph{width:64px;height:64px;stroke:#9FB3CA;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.badge{position:absolute;top:12px;left:12px;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.11em;text-transform:uppercase;padding:5px 9px;border-radius:4px;background:var(--blue);color:#fff}
.badge.b{background:var(--orange)}
.badge.c{background:var(--steel)}
.save{position:absolute;top:12px;right:12px;font-family:Archivo,sans-serif;font-variation-settings:'wdth' 112;font-weight:800;font-size:13.5px;letter-spacing:.02em;padding:6px 10px;border-radius:4px;background:var(--red);color:#fff;box-shadow:0 2px 8px rgba(212,42,31,.35)}

.item-body{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1}
.item h3{font-size:15.5px;font-weight:800;color:var(--blue-deep);margin-bottom:7px;line-height:1.15}
.item .desc{font-size:13.5px;color:var(--steel);margin:0 0 14px;flex:1}
.price-row{display:flex;align-items:baseline;gap:9px;margin-bottom:12px}
.price{font-family:Archivo,sans-serif;font-variation-settings:'wdth' 112;font-weight:800;font-size:24px;color:var(--red);line-height:1}
.was{font-size:13px;color:var(--steel);text-decoration:line-through;text-decoration-color:rgba(212,42,31,.55)}
.item .ask{display:block;text-align:center;text-decoration:none;font-weight:600;font-size:14px;padding:11px;border-radius:99px;background:var(--soft);color:var(--blue);border:1px solid var(--line)}
.item .ask:hover{background:var(--red);border-color:var(--red);color:#fff}
.stockline{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--steel);margin:0 0 12px}
.stockline b{color:var(--orange);font-weight:500}

/* categories */
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.cat{background:#fff;border:1px solid var(--line);box-shadow:0 1px 3px rgba(11,60,122,.05);border-radius:14px;padding:26px;transition:transform .2s,border-color .2s}
.cat:hover{transform:translateY(-3px);border-color:var(--blue)}
.cat .ic{width:40px;height:40px;border-radius:10px;background:var(--blue);display:grid;place-items:center;margin-bottom:16px}
.cat .ic svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cat h3{font-size:17px;font-weight:800;color:var(--blue-deep);margin-bottom:8px}
.cat p{font-size:14.5px;color:var(--steel);margin:0}
.cat .why{display:block;margin-top:12px;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--orange)}

/* condition key */
.cond{background:var(--soft)}
.grades{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.grade{background:#fff;padding:24px}
.grade .lab{display:inline-block;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:4px;margin-bottom:12px;background:var(--blue);color:#fff}
.grade .lab.b{background:var(--orange)}
.grade .lab.d{background:var(--red)}
.grade .lab.c{background:var(--steel)}
.grade h3{font-size:16px;font-weight:800;color:var(--blue-deep);margin-bottom:7px}
.grade p{font-size:14.5px;color:var(--steel);margin:0}

/* delivery */
.deliv{background:var(--blue);color:#fff}
.deliv .head h2{color:#fff}
.deliv .head p{color:#C8D6E6}
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.tier{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:26px}
.tier.hot{border-color:var(--orange);background:rgba(255,107,26,.12)}
.tier .zone{font-family:'DM Mono',monospace;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#9DB3CE;margin-bottom:10px}
.tier .price{font-family:Archivo,sans-serif;font-variation-settings:'wdth' 112;font-weight:800;font-size:30px;text-transform:uppercase;line-height:1;margin-bottom:10px}
.tier.hot .price{color:var(--orange)}
.tier p{font-size:14.5px;color:#C8D6E6;margin:0}
.note{margin-top:26px;font-size:14px;color:#9DB3CE;max-width:60ch}

/* wholesale */
.whole{background:var(--soft)}
.lots{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-bottom:34px}
.lot{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px}
.lot .sz{font-family:'DM Mono',monospace;font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--orange);margin-bottom:10px}
.lot h3{font-size:18px;font-weight:800;color:var(--blue-deep);margin-bottom:9px}
.lot p{font-size:14.5px;color:var(--steel);margin:0}
.dests{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 8px}
.dests li{list-style:none;font-family:'DM Mono',monospace;font-size:12px;letter-spacing:.06em;border:1px solid var(--line);border-radius:99px;padding:7px 13px;color:var(--blue);background:#fff}

/* contact strip */
.cta{background:#fff;color:var(--ink);border-top:1px solid var(--line)}
.cta-in{display:flex;justify-content:space-between;align-items:center;gap:26px;flex-wrap:wrap}
.cta h2{font-size:clamp(24px,4vw,40px);font-weight:800;max-width:18ch;color:var(--blue-deep)}
.cta p{color:var(--steel);margin:12px 0 0;max-width:44ch}


footer{background:var(--blue-deep);color:#A9BDD4;padding-block:38px;font-size:14px}
.foot-in{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;align-items:center}
footer a{color:#C6D2E0;text-decoration:none}
footer a:hover{color:var(--orange)}
.foot-links{display:flex;gap:20px;flex-wrap:wrap}
.legal{margin-top:8px;font-size:12.5px;color:#7E97B5}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}