/* Immerxif Hub — feuille de styles principale */
:root{
  --navy:#0E1530; --navy-2:#18213F; --ink:#2A2F45; --muted:#4A4F63; --line:#C9C6BC;
  --paper:#F6F4EF; --white:#FFFFFF; --on-navy:#DADCE6; --on-navy-muted:#A9ADBF;
  --green:#8DC21F; --green-ink:#4D7A00; --green-soft:#8DC21F;
  --blue:#1676C9; --blue-ink:#1263A8; --blue-soft:#4FA3E8;
  --orange:#EE7A1A; --orange-ink:#B5550A; --orange-soft:#F59A4A;
  --pink:#D3146F; --pink-ink:#B01060; --pink-soft:#F0619F;
  --display:'Bricolage Grotesque','Arial Black',sans-serif;
  --body:'Instrument Sans','Helvetica Neue',Helvetica,sans-serif;
  --radius:6px; --max:1200px; --gutter:clamp(16px,4vw,48px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--navy);font-family:var(--body);font-size:17px;line-height:1.6;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue-ink)}
a:hover{color:var(--navy)}
h1,h2,h3,h4{font-family:var(--display);font-weight:800;letter-spacing:-.02em;line-height:1.05;margin:0;text-wrap:balance}
h1{font-size:clamp(40px,6.4vw,80px);line-height:.98}
h2{font-size:clamp(32px,4.4vw,54px)}
h3{font-size:clamp(22px,2.2vw,28px);line-height:1.15}
p{margin:0}
:focus-visible{outline:3px solid var(--blue-soft);outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;background:var(--white);color:var(--navy);padding:10px 16px;z-index:100;border-radius:var(--radius)}
.skip:focus{left:8px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.eyebrow{font-size:13px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.dark .eyebrow{color:#C9CCDA}
.lead{font-size:clamp(18px,1.6vw,21px);line-height:1.5;color:var(--ink);max-width:640px}
.dark .lead{color:var(--on-navy)}
.section{padding:clamp(64px,9vw,112px) 0}
.section-head{display:flex;flex-direction:column;gap:18px;margin-bottom:clamp(32px,5vw,56px);max-width:780px}
.dark{background:var(--navy);color:var(--paper)}
.stack{display:flex;flex-direction:column;gap:16px}

/* Boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 24px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;border:2px solid transparent;cursor:pointer;font-family:var(--body);transition:transform .15s ease,background .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--green);color:var(--navy)}
.btn-primary:hover{background:#A3D63A;color:var(--navy)}
.btn-dark{background:var(--navy);color:var(--paper)}
.btn-dark:hover{background:var(--navy-2);color:var(--white)}
.btn-ghost{border-color:currentColor;color:inherit;background:transparent}
.dark .btn-ghost{color:var(--paper)}
.btn-row{display:flex;flex-wrap:wrap;gap:12px}
.btn svg{width:18px;height:18px}

/* En-tête */
.site-header{position:sticky;top:0;z-index:50;background:rgba(246,244,239,.94);backdrop-filter:blur(8px);border-bottom:1px solid rgba(14,21,48,.08)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}
.brand img{height:30px;width:auto}
.nav{display:flex;align-items:center;gap:4px}
.nav a{color:var(--navy);text-decoration:none;font-weight:600;font-size:15px;padding:10px 12px;border-radius:999px}
.nav a:hover,.nav a[aria-current="page"]{background:rgba(14,21,48,.07)}
.nav .btn{margin-left:8px;padding:10px 20px;min-height:44px}
.nav .btn-dark,.nav .btn-dark:hover{color:var(--paper);background:var(--navy)}
.nav-dd{position:relative}
.nav-dd>button{font:inherit;font-weight:600;font-size:15px;color:var(--navy);background:none;border:0;padding:10px 12px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:44px}
.nav-dd>button:hover{background:rgba(14,21,48,.07)}
.nav-dd>button svg{width:14px;height:14px;transition:transform .15s}
.nav-dd[data-open] >button svg{transform:rotate(180deg)}
.dd-panel{position:absolute;top:calc(100% + 8px);left:-12px;background:var(--white);border-radius:12px;box-shadow:0 18px 50px rgba(14,21,48,.18);padding:10px;min-width:330px;display:none}
.nav-dd[data-open] .dd-panel{display:grid;gap:2px}
.dd-panel a{display:grid;grid-template-columns:10px 1fr;gap:14px;align-items:start;padding:12px;border-radius:8px}
.dd-panel a span.dot{width:10px;height:10px;border-radius:3px;margin-top:7px}
.dd-panel a strong{display:block;font-size:15px}
.dd-panel a small{display:block;font-weight:400;color:var(--muted);font-size:13px;line-height:1.35}
.menu-toggle{display:none;background:none;border:0;padding:10px;cursor:pointer;color:var(--navy);min-width:48px;min-height:48px}
.menu-toggle svg{width:26px;height:26px}
@media (max-width:1100px){
  .site-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--paper)}
  .menu-toggle{display:inline-flex;align-items:center;justify-content:center}
  .nav{position:fixed;inset:76px 0 0 0;background:var(--paper);flex-direction:column;align-items:stretch;padding:16px var(--gutter) 32px;gap:2px;overflow-y:auto;display:none}
  .nav[data-open]{display:flex}
  .nav a,.nav-dd>button{font-size:18px;padding:14px 12px;width:100%;justify-content:space-between}
  .dd-panel{position:static;box-shadow:none;background:transparent;min-width:0;padding:0 0 0 8px}
  .nav .btn{margin:16px 0 0;justify-content:center}
}

/* Hero */
.hero{position:relative;overflow:hidden;padding:clamp(72px,10vw,128px) 0 clamp(56px,7vw,88px)}
.hero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px;align-items:center}
.hero-copy{display:flex;flex-direction:column;gap:26px}
.hero-emblem{width:min(340px,100%);justify-self:end;opacity:.98}
.hero .tagline{font-size:15px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--white)}
.pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:clamp(40px,6vw,72px)}
.pillars a{border-top:6px solid;padding-top:14px;color:var(--paper);text-decoration:none;font-weight:600;font-size:15px;line-height:1.3}
.pillars a:hover{color:var(--white);text-decoration:underline}
@media (max-width:820px){
  .hero .wrap{grid-template-columns:1fr}
  .hero-emblem{position:absolute;right:-60px;top:-30px;width:220px;opacity:.18}
  .pillars{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Page hero (pôles) */
.page-hero{padding:clamp(56px,8vw,104px) 0 clamp(40px,6vw,72px)}
.page-hero .wrap{display:flex;flex-direction:column;gap:20px}
.page-hero.g{background:var(--green);color:var(--navy)}
.page-hero.b{background:var(--blue);color:var(--white)}
.page-hero.o{background:var(--orange);color:var(--navy)}
.page-hero.p{background:var(--pink);color:var(--white)}
.page-hero.n{background:var(--navy);color:var(--paper)}
.page-hero .eyebrow{color:inherit}
.page-hero .lead{color:inherit;max-width:680px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{background:var(--navy);color:var(--paper);font-size:14px;padding:7px 14px;border-radius:999px}
.chip.out{background:transparent;border:1px solid var(--navy);color:var(--navy)}
.page-hero.n .chip{background:rgba(255,255,255,.12)}

/* Chiffres */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.stat strong{display:block;font-family:var(--display);font-weight:800;font-size:clamp(40px,4.6vw,60px);line-height:1}
.stat span{display:block;margin-top:10px;color:var(--on-navy);font-size:15px;line-height:1.45}
.sources{margin-top:28px;font-size:13px;color:var(--on-navy-muted)}
@media (max-width:820px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Défi */
.rows{border-top:2px solid var(--navy)}
.row{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}
.row h3{font-size:22px}
.row p{color:var(--ink)}
@media (max-width:640px){.row{grid-template-columns:1fr;gap:6px}}

/* Pôles */
.poles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pole{border-radius:var(--radius);padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;gap:12px;min-height:300px;text-decoration:none;transition:transform .15s ease}
.pole:hover{transform:translateY(-3px)}
.pole .eyebrow{color:inherit}
.pole p{font-size:16px;line-height:1.5}
.pole .more{margin-top:auto;font-weight:700;display:inline-flex;gap:8px;align-items:center}
.pole .more svg{width:18px;height:18px}
.pole.g{background:var(--green);color:var(--navy)}
.pole.b{background:var(--blue);color:var(--white)}
.pole.o{background:var(--orange);color:var(--navy)}
.pole.p{background:var(--pink);color:var(--white)}
@media (max-width:720px){.poles{grid-template-columns:1fr}.pole{min-height:0}}

.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:48px}
.steps div{border-top:3px solid;padding-top:14px}
.steps strong{display:block;font-size:19px}
.steps span{display:block;color:#C9CCDA;font-size:15px;margin-top:4px}
@media (max-width:720px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Offres (tableau prix) */
.offers{border-top:2px solid var(--navy)}
.offer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;padding:20px 0;border-bottom:1px solid var(--line);align-items:baseline}
.offer h3{font-family:var(--body);font-size:19px;font-weight:700;letter-spacing:0}
.offer p{color:var(--muted);font-size:15px;grid-column:1}
.offer .price{font-weight:700;font-size:18px;text-align:right;grid-row:1;grid-column:2;white-space:nowrap}
@media (max-width:600px){.offer{grid-template-columns:1fr}.offer .price{grid-column:1;grid-row:auto;text-align:left}}

.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,64px)}
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (min-width:861px){.two.wide-left{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}
@media (max-width:860px){.two,.three{grid-template-columns:1fr}}

.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:10px}
.card.top-g{border-top:6px solid var(--green)}.card.top-b{border-top:6px solid var(--blue)}.card.top-o{border-top:6px solid var(--orange)}.card.top-p{border-top:6px solid var(--pink)}
.card h3{font-family:var(--body);font-size:19px;letter-spacing:0;font-weight:700}
.card p{color:var(--ink);font-size:16px}
.num{font-family:var(--display);font-weight:800;font-size:40px;line-height:1}

.impact{background:var(--navy);color:var(--paper);border-radius:var(--radius);padding:clamp(24px,3vw,36px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.impact .eyebrow{grid-column:1/-1}
.impact strong{display:block;font-family:var(--display);font-weight:800;font-size:clamp(36px,4vw,48px);line-height:1}
.impact span{display:block;color:var(--on-navy);margin-top:8px;font-size:15px}
@media (max-width:560px){.impact{grid-template-columns:1fr}}

.tags{display:flex;flex-wrap:wrap;gap:8px}
.tags span{border:1px solid var(--navy);font-size:14px;padding:7px 14px;border-radius:999px}

/* Étapes ATAF */
.method{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.method .card .n{font-family:var(--display);font-weight:800;font-size:44px;color:var(--pink-ink);line-height:1}
.method .meta{font-size:14px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
@media (max-width:860px){.method{grid-template-columns:1fr}}

/* Formules */
.tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tier{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:14px}
.tier .t-num{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.tier .t-price{font-family:var(--display);font-weight:800;font-size:40px;line-height:1}
.tier .t-for{font-size:14px;color:var(--muted)}
.tier ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;font-size:15px}
.tier li{display:grid;grid-template-columns:18px 1fr;gap:10px;line-height:1.4}
.tier li svg{width:18px;height:18px;margin-top:2px;color:var(--green-ink)}
.tier .fund{background:var(--paper);border-radius:var(--radius);padding:14px;font-size:14px;line-height:1.45}
.tier .fund b{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.tier .btn{margin-top:auto}
.tier.featured{background:var(--navy);color:var(--paper);border-color:var(--navy)}
.tier.featured .t-num,.tier.featured .t-for{color:#C9CCDA}
.tier.featured .fund{background:rgba(255,255,255,.08)}
.tier.featured .fund b{color:#C9CCDA}
.tier.featured li svg{color:var(--green)}
@media (max-width:1080px){.tiers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.tiers{grid-template-columns:1fr}}
.founder{margin-top:16px;background:var(--navy);color:var(--paper);border-radius:var(--radius);padding:clamp(28px,4vw,48px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.founder ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;font-size:15px;color:var(--on-navy)}
.founder li{border-top:1px solid rgba(255,255,255,.15);padding-top:10px}
@media (max-width:860px){.founder{grid-template-columns:1fr}.founder ul{grid-template-columns:1fr}}

.split-bar{display:flex;height:56px;border-radius:var(--radius);overflow:hidden;font-weight:700}
.split-bar div{display:flex;align-items:center;justify-content:center}
.split-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;font-size:15px;color:var(--ink);margin-top:14px}
@media (max-width:640px){.split-legend{grid-template-columns:1fr 1fr}}

.note{background:var(--white);border-left:0;border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px;font-size:15px;color:var(--ink)}

/* Citation / édito */
.quote{font-family:var(--display);font-weight:800;font-size:clamp(30px,3.8vw,48px);line-height:1.05;letter-spacing:-.02em}
.sign{display:flex;align-items:center;gap:16px;margin-top:28px}
.sign i{width:48px;height:4px;background:var(--pink);display:block}
.sign strong{display:block}
.sign small{color:var(--muted);font-size:14px}

/* CTA */
.cta{background:var(--navy);color:var(--paper);border-radius:var(--radius);padding:clamp(32px,5vw,64px);display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:32px;align-items:center}
.cta p{color:var(--on-navy);margin-top:12px}
@media (max-width:760px){.cta{grid-template-columns:1fr}}

/* Contact */
.form{display:grid;gap:18px}
.form .r2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:600px){.form .r2{grid-template-columns:1fr}}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-weight:600;font-size:15px}
.field input,.field select,.field textarea{font:inherit;font-size:16px;color:var(--navy);background:var(--white);border:1.5px solid #9A978E;border-radius:var(--radius);padding:12px 14px;min-height:48px;width:100%}
.field textarea{min-height:150px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid var(--blue-soft);outline-offset:0;border-color:var(--blue)}
.consent{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:14px;color:var(--ink);align-items:start}
.consent input{width:20px;height:20px;margin-top:2px}
.hp{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}
.alert{padding:16px 20px;border-radius:var(--radius);font-weight:600}
.alert.ok{background:#E3F2C8;color:#2E4A00}
.alert.err{background:#FBE0EC;color:#7A0B40}
.offices{display:grid;gap:16px}
.office{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.office h3{font-family:var(--body);font-size:18px;letter-spacing:0;font-weight:700}
.office p{color:var(--ink);font-size:15px;margin-top:6px}

/* Prose (pages légales) */
.prose{max-width:760px}
.prose h2{font-size:28px;margin:40px 0 12px}
.prose p,.prose li{color:var(--ink);margin-bottom:12px}
.todo{background:#FFF1C2;padding:0 4px;border-radius:3px}

/* Pied de page */
.site-footer{background:var(--navy);color:var(--on-navy);padding:64px 0 32px;font-size:15px}
.site-footer a{color:var(--on-navy);text-decoration:none}
.site-footer a:hover{color:var(--white);text-decoration:underline}
.f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.f-grid h2{font-family:var(--body);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--white);margin-bottom:14px;font-weight:700}
.f-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.f-brand img{height:32px;width:auto;margin-bottom:18px}
.f-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:48px;padding-top:24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:14px;color:var(--on-navy-muted)}
.f-bottom nav{display:flex;flex-wrap:wrap;gap:18px}
.f-bar{display:flex;height:6px;margin-bottom:56px}
.f-bar i{flex:1}
@media (max-width:860px){.f-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.f-grid{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ---- v2 : logos, photos, tarifs, devises ---- */
.nav select.currency{font:inherit;font-size:14px;font-weight:600;color:var(--navy);background:transparent;border:1.5px solid rgba(14,21,48,.25);border-radius:999px;padding:8px 10px;min-height:40px;margin-left:6px;cursor:pointer}
@media (max-width:1100px){.nav select.currency{margin:12px 0 0;min-height:48px;font-size:16px}}
.dd-panel .dd-foot{border-top:1px solid var(--line);margin-top:6px;padding-top:12px;grid-template-columns:1fr}
.logo-badge{background:var(--white);border-radius:12px;padding:18px 24px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(14,21,48,.12)}
.logo-badge img{height:64px;width:auto}
.page-hero .wrap.with-logo{display:grid;grid-template-columns:minmax(0,1.5fr) auto;gap:32px;align-items:center}
.page-hero .with-logo .stack{gap:20px}
@media (max-width:860px){.page-hero .wrap.with-logo{grid-template-columns:1fr}.page-hero .with-logo .logo-badge{order:-1;justify-self:start}.logo-badge img{height:48px}}
.photo{border-radius:var(--radius);overflow:hidden;background:#D9D5CA;aspect-ratio:4/3}
.photo img{width:100%;height:100%;object-fit:cover}
.photo.wide{aspect-ratio:16/9}
.photo.tall{aspect-ratio:4/5}
.photo-band{height:clamp(240px,34vw,480px);overflow:hidden;position:relative}
.photo-band img{width:100%;height:100%;object-fit:cover}
.brands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.brands a{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);min-height:120px;display:flex;align-items:center;justify-content:center;padding:18px;text-decoration:none}
.brands a:hover{border-color:var(--navy)}
.brands img{max-height:58px;width:auto}
@media (max-width:860px){.brands{grid-template-columns:repeat(2,minmax(0,1fr))}}
.audience{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.aud{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:var(--navy);transition:transform .15s}
.aud:hover{transform:translateY(-3px);color:var(--navy)}
.aud .photo{border-radius:0;aspect-ratio:3/2}
.aud .body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1;border-top:6px solid}
.aud h3{font-size:22px}
.aud p{font-size:15px;color:var(--ink)}
.aud .from{margin-top:auto;padding-top:8px;font-size:14px;color:var(--muted)}
.aud .from strong{color:var(--navy);font-size:18px}
@media (max-width:1000px){.audience{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.audience{grid-template-columns:1fr}}
.from-label{font-size:13px;font-weight:600;color:var(--muted);display:block;text-align:right}
.offer .price .from-label{font-weight:500}
@media (max-width:600px){.from-label{text-align:left}}
.price-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:14px}
.price-card h3{font-size:24px}
.price-card .meta{font-size:14px;color:var(--muted)}
.tiers-table{width:100%;border-collapse:collapse;font-size:15px}
.tiers-table th{text-align:left;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:0 0 8px;border-bottom:2px solid var(--navy)}
.tiers-table th:last-child,.tiers-table td:last-child{text-align:right}
.tiers-table td{padding:12px 0;border-bottom:1px solid var(--line);vertical-align:baseline}
.tiers-table td strong{font-size:18px}
.tiers-table s{color:var(--muted);font-size:14px;margin-right:6px}
.badge{display:inline-block;background:var(--orange);color:var(--navy);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.badge.g{background:var(--green)}
.solidaire{background:var(--navy);color:var(--paper);border-radius:var(--radius);padding:clamp(24px,3vw,36px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:center}
.solidaire p{color:var(--on-navy)}
.solidaire .big{font-family:var(--display);font-weight:800;font-size:clamp(30px,3.6vw,44px);line-height:1;color:var(--paper)}
@media (max-width:760px){.solidaire{grid-template-columns:1fr}}
.cur-note{font-size:13px;color:var(--muted);margin-top:12px}
.dark .cur-note{color:var(--on-navy-muted)}
.pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:1000px){.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.pack-grid{grid-template-columns:1fr}}
.pack-grid ul{margin:0;padding-left:18px;font-size:15px;color:var(--ink);display:grid;gap:6px}
.big-price{font-family:var(--display);font-weight:800;font-size:30px;line-height:1;margin-top:auto}
.big-price small{display:block;font-family:var(--body);font-size:13px;font-weight:600;color:var(--muted);margin-bottom:4px}
.pack-grid .btn{margin-top:auto;align-self:flex-start}
.logo-badge img.tall{height:110px}
@media (max-width:860px){.logo-badge img.tall{height:80px}}

/* ---- v3 : formulaires détaillés ---- */
.form-page{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(32px,4vw,56px);align-items:start}
@media (max-width:960px){.form-page{grid-template-columns:1fr}}
.form-aside{position:sticky;top:96px;display:grid;gap:16px}
@media (max-width:960px){.form-aside{position:static}}
.form fieldset{border:1px solid var(--line);background:var(--white);border-radius:var(--radius);padding:clamp(20px,3vw,28px);margin:0;display:grid;gap:18px;min-width:0}
.form legend{font-family:var(--display);font-weight:800;font-size:22px;padding:0 8px;margin-left:-8px;letter-spacing:-.01em}
.form .r3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media (max-width:700px){.form .r3{grid-template-columns:1fr}}
.field .hint{font-size:13px;color:var(--muted);font-weight:400}
.req{color:var(--pink-ink)}
.choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.choice{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;padding:12px 14px;border:1.5px solid #CFCBC1;border-radius:var(--radius);cursor:pointer;font-size:15px;line-height:1.35;background:var(--white)}
.choice:hover{border-color:var(--navy)}
.choice input{width:20px;height:20px;margin:0;accent-color:var(--navy)}
.choice:has(input:checked){border-color:var(--navy);background:#EEF0F6}
.choice small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.group-label{font-weight:600;font-size:15px;margin-bottom:8px;display:block}
.prog{border:1.5px solid #CFCBC1;border-radius:var(--radius);overflow:hidden}
.prog>label.choice{border:0;border-radius:0}
.prog .prog-detail{padding:4px 16px 18px 48px;display:grid;gap:14px}
.prog:has(>label input:checked){border-color:var(--navy)}
.estimate{background:var(--navy);color:var(--paper);border-radius:var(--radius);padding:24px;display:grid;gap:10px}
.estimate h2{font-family:var(--body);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#C9CCDA;font-weight:700}
.estimate ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px;color:var(--on-navy)}
.estimate li{display:flex;justify-content:space-between;gap:12px}
.estimate .total{border-top:1px solid rgba(255,255,255,.2);padding-top:12px;display:flex;justify-content:space-between;align-items:baseline;font-weight:700}
.estimate .total strong{font-family:var(--display);font-size:30px}
.estimate p{font-size:13px;color:var(--on-navy-muted)}
.pay-options{display:grid;gap:8px}
[hidden]{display:none!important}
.steps-mini{counter-reset:s;list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:15px;color:var(--ink)}
.steps-mini li{counter-increment:s;display:grid;grid-template-columns:30px 1fr;gap:10px}
.steps-mini li::before{content:counter(s);width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}
.dl-list{display:grid;gap:10px}
.dl{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px}
.dl strong{display:block}
.dl small{color:var(--muted)}

/* ---- v4 : accent de couleur par pôle (body[data-pole]) ---- */
body{--accent:var(--navy);--accent-ink:var(--navy);--accent-soft:#ECEAE3}
body[data-pole="upxif"]{--accent:#EE7A1A;--accent-ink:#B5550A;--accent-soft:#FCEBDC}
body[data-pole="imm"]{--accent:#8DC21F;--accent-ink:#4D7A00;--accent-soft:#EDF5DA}
body[data-pole="gs"]{--accent:#1676C9;--accent-ink:#1263A8;--accent-soft:#E2EEF9}
body[data-pole="ataf"]{--accent:#D3146F;--accent-ink:#B01060;--accent-soft:#FBE3EE}
main .section:not(.dark) .eyebrow{color:var(--accent-ink)}
.section.tint{background:var(--accent-soft)}
.price-card{border-top:4px solid var(--accent)}
.badge{background:var(--accent);color:var(--navy)}
body[data-pole="gs"] .badge,body[data-pole="ataf"] .badge{color:#fff}
.choice:has(input:checked){border-color:var(--accent-ink);background:var(--accent-soft)}
.choice input{accent-color:var(--accent-ink)}
.prog:has(>label input:checked){border-color:var(--accent-ink)}
.steps-mini li::before{background:var(--accent-ink)}
.form legend{color:var(--navy);border-bottom:3px solid var(--accent);padding-bottom:2px}
.estimate{border-top:6px solid var(--accent)}
.offers{border-top-color:var(--accent-ink)}
.tiers-table th{border-bottom-color:var(--accent-ink)}
.tags span{border-color:var(--accent-ink)}
.cycle{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.cycle .cycle-head{padding:24px 26px;color:var(--navy);display:grid;gap:6px}
.cycle .cycle-head .age{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.cycle .cycle-head h3{font-size:30px}
.cycle .cycle-body{padding:22px 26px 26px;display:flex;flex-direction:column;gap:14px;flex:1}
.cycle .cycle-body ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:15px;color:var(--ink)}
.cycle .big-price{font-size:40px}
.cycle .btn{align-self:flex-start;margin-top:auto}
.cycle.featured{border:2px solid var(--navy);box-shadow:0 18px 40px rgba(14,21,48,.12)}
.timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.timeline div{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:18px;border-top:4px solid var(--accent)}
.timeline strong{display:block;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink)}
.timeline h3{font-family:var(--body);font-size:17px;letter-spacing:0;margin:6px 0 4px}
.timeline p{font-size:14px;color:var(--ink)}
@media (max-width:900px){.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.timeline{grid-template-columns:1fr}}
details.mod{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:0}
details.mod summary{cursor:pointer;padding:18px 22px;font-weight:700;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:12px;min-height:44px;align-items:center}
details.mod summary::-webkit-details-marker{display:none}
details.mod summary::after{content:"+";font-size:24px;color:var(--accent-ink);line-height:1}
details.mod[open] summary::after{content:"–"}
details.mod .mod-body{padding:0 22px 20px;display:grid;gap:10px}
details.mod ol{margin:0;padding-left:20px;display:grid;gap:4px;color:var(--ink);font-size:15px}
.workshops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.workshops div{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:grid;gap:6px;align-content:start}
.workshops small{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink)}
.workshops h3{font-family:var(--body);font-size:16px;letter-spacing:0;line-height:1.3}
.workshops p{font-size:14px;color:var(--ink)}
@media (max-width:1000px){.workshops{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.workshops{grid-template-columns:1fr}}
.levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-radius:var(--radius);overflow:hidden}
.levels div{padding:22px;color:var(--navy)}
@media (max-width:760px){.levels{grid-template-columns:1fr}}
.office h2{font-family:var(--body);font-size:18px;letter-spacing:0;font-weight:700}

/* ---- v5 : menus de tarifs et calculateurs ---- */
details.price-group{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
details.price-group+details.price-group{margin-top:10px}
details.price-group summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto 24px;gap:16px;align-items:center;padding:20px 22px;min-height:56px}
details.price-group summary::-webkit-details-marker{display:none}
details.price-group summary::after{content:"+";font-size:26px;line-height:1;color:var(--accent-ink);text-align:center}
details.price-group[open] summary::after{content:"–"}
details.price-group summary strong{font-size:18px;display:block}
details.price-group summary small{display:block;color:var(--muted);font-size:14px;margin-top:2px}
details.price-group summary .from{font-weight:700;white-space:nowrap;font-size:16px}
details.price-group .pg-body{padding:0 22px 22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start;border-top:1px solid var(--line);padding-top:20px}
@media (max-width:760px){details.price-group .pg-body{grid-template-columns:1fr}details.price-group summary{grid-template-columns:minmax(0,1fr) 24px}details.price-group summary .from{grid-column:1;grid-row:2;font-size:15px}}
.calc{background:var(--accent-soft);border-radius:var(--radius);padding:18px;display:grid;gap:14px}
.calc-ctrl input,.calc-ctrl select{background:var(--white)}
.calc-price{font-family:var(--display);font-weight:800;font-size:34px;line-height:1}
.calc-detail{font-size:14px;color:var(--ink);margin-top:6px}
.calc-out{display:grid;gap:8px;justify-items:start}
.calc-out .btn{margin-top:6px}
.calc-list{list-style:none;margin:0;padding:0;display:grid;gap:0;font-size:15px}
.calc-list li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}
.calc-list li:last-child{border-bottom:0}
.calc-list li span:last-child{font-weight:700;white-space:nowrap}
.calc-list s{color:var(--muted);font-weight:400;margin-right:4px}
.pole-block+.pole-block{margin-top:48px}
.pole-block>h2{font-size:clamp(26px,3vw,34px);margin:8px 0 18px}
.limite-info{font-size:13px;font-weight:600;color:var(--accent-ink);margin-left:6px}
.age-finder{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin:0 0 24px}
.age-finder .field{max-width:220px}
.cycle.match{outline:3px solid var(--navy);outline-offset:2px}

/* ---- v6 : pro.immerxif.com et e-learning GlobalSkills ---- */
.pro-topbar{background:var(--navy);color:var(--on-navy);font-size:13px}
.pro-topbar .wrap{display:flex;justify-content:space-between;gap:12px;min-height:34px;align-items:center;flex-wrap:wrap}
.pro-topbar a{color:#fff;font-weight:600}
.pro-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.pro-brand span{background:var(--green);color:var(--navy);font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:999px}
.hero-pro{background:var(--navy);color:var(--paper);padding:clamp(56px,8vw,104px) 0 clamp(48px,6vw,80px);position:relative;overflow:hidden}
.hero-pro::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(141,194,31,.35),transparent 70%)}
.hero-pro .wrap{display:grid;gap:28px;position:relative;z-index:1}
.hero-pro h1{max-width:900px}
.hero-pro h1 em{font-style:normal;color:var(--green)}
.hero-pro .lead{color:var(--on-navy);max-width:720px}
.hero-pro .eyebrow{color:var(--green)}
.entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:960px}
@media (max-width:760px){.entries{grid-template-columns:1fr}}
.entry{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:24px;display:grid;gap:10px;align-content:start;text-decoration:none;color:var(--paper);transition:transform .15s,background .15s}
.entry:hover{transform:translateY(-3px);background:rgba(255,255,255,.1);color:#fff}
.entry.hot{background:var(--green);color:var(--navy);border-color:var(--green)}
.entry.hot:hover{background:#A3D63A;color:var(--navy)}
.entry small{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.85}
.entry strong{font-family:var(--display);font-size:clamp(24px,2.6vw,30px);line-height:1.1}
.entry p{font-size:15px;opacity:.9}
.entry .go{font-weight:700;margin-top:6px}
.trust{display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--on-navy);font-size:14px}
.trust span::before{content:"✓ ";color:var(--green);font-weight:800}
.crit{display:grid;gap:10px}
.crit div{display:grid;grid-template-columns:180px minmax(0,1fr) 48px;gap:12px;align-items:center;font-size:15px}
.crit i{display:block;height:12px;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--green-ink))}
.crit b{text-align:right;font-family:var(--display)}
@media (max-width:560px){.crit div{grid-template-columns:1fr 48px}.crit i{grid-column:1/-1;grid-row:2}}
.ladder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;position:relative}
.ladder .rung{background:var(--white);border:1px solid var(--line);padding:26px;display:flex;flex-direction:column;gap:12px;position:relative}
.ladder .rung:first-child{border-radius:12px 0 0 12px}.ladder .rung:last-child{border-radius:0 12px 12px 0}
.ladder .rung:nth-child(1){border-top:6px solid #DCEFB4}.ladder .rung:nth-child(2){border-top:6px solid #B8DD6A}.ladder .rung:nth-child(3){border-top:6px solid var(--green-ink);background:#FAFDF3}
.ladder .rung+.rung::before{content:"→";position:absolute;left:-17px;top:40px;width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800;z-index:1}
.ladder .step{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--green-ink)}
.ladder h3{font-size:clamp(22px,2.4vw,28px)}
.ladder ul{margin:0;padding-left:18px;font-size:15px;color:var(--ink);display:grid;gap:6px}
.ladder .plus{font-size:14px;font-weight:700;color:var(--navy);background:var(--accent-soft);border-radius:8px;padding:8px 10px}
.ladder .btn{margin-top:auto;align-self:flex-start}
@media (max-width:900px){.ladder{grid-template-columns:1fr;gap:16px}.ladder .rung{border-radius:12px!important}.ladder .rung+.rung::before{content:"↓";left:24px;top:-24px}}
.addons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:1000px){.addons{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.addons{grid-template-columns:1fr}}
.addon{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:8px}
.addon h3{font-family:var(--body);font-size:17px;letter-spacing:0;font-weight:700}
.addon p{font-size:14px;color:var(--ink)}
.addon .price{font-weight:800;margin-top:auto}
.compare-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:12px;background:var(--white)}
table.compare{width:100%;border-collapse:collapse;min-width:640px;font-size:15px}
table.compare th,table.compare td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}
table.compare th:first-child,table.compare td:first-child{text-align:left}
table.compare thead th{background:var(--navy);color:#fff;font-size:15px}
table.compare thead th small{display:block;font-weight:500;color:var(--on-navy);font-size:13px}
table.compare td.y::before{content:"✓";color:var(--green-ink);font-weight:800;font-size:18px}
table.compare td.n::before{content:"—";color:#B0ADA5}
table.compare tbody tr:last-child td{border-bottom:0}
.pack-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:clamp(24px,4vw,48px);padding:clamp(28px,4vw,40px) 0;border-top:1px solid var(--line);scroll-margin-top:96px}
@media (max-width:860px){.pack-detail{grid-template-columns:1fr}}
.pack-detail .side{display:grid;gap:12px;align-content:start}
.pack-detail .big-price{font-size:44px}
.pack-detail .meta-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:15px}
.pack-detail .meta-list b{display:inline-block;min-width:110px;color:var(--muted);font-weight:600}
.phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:700px){.phases{grid-template-columns:1fr}}
.phases div{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:16px}
.phases h4{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--green-ink);margin-bottom:6px;font-family:var(--body)}
.phases ul{margin:0;padding-left:18px;font-size:15px;color:var(--ink);display:grid;gap:4px}
.who-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:700px){.who-guide{grid-template-columns:1fr}}
.who-guide a{display:flex;justify-content:space-between;gap:12px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:16px 18px;text-decoration:none;color:var(--navy)}
.who-guide a:hover{border-color:var(--navy)}
.who-guide strong{display:block}.who-guide small{color:var(--muted)}
.who-guide .tag{white-space:nowrap;background:var(--accent-soft);border-radius:999px;padding:4px 12px;font-weight:700;font-size:14px}
.org-types{display:flex;flex-wrap:wrap;gap:8px}
.org-types span{border:1.5px solid var(--navy);border-radius:999px;padding:8px 16px;font-weight:600;font-size:15px}
.dark .org-types span{border-color:rgba(255,255,255,.4)}
.mock{background:var(--white);border-radius:14px;padding:18px;box-shadow:0 24px 60px rgba(14,21,48,.25);color:var(--navy);display:grid;gap:10px;font-size:14px}
.mock .bar{display:flex;gap:6px}.mock .bar i{width:10px;height:10px;border-radius:50%;background:#DAD7CF}
.mock .row-m{display:flex;justify-content:space-between;gap:10px;align-items:center;background:var(--paper);border-radius:8px;padding:10px 12px}
.mock .sc{font-family:var(--display);font-weight:800;background:var(--green-ink);color:#fff;border-radius:999px;padding:2px 10px;white-space:nowrap}
.mock .sc.m{background:#C9E68E;color:#24400A}
/* E-learning */
.el-hero{background:var(--blue);color:#fff;padding:clamp(56px,8vw,100px) 0 clamp(48px,6vw,80px)}
.el-hero .wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:center}
@media (max-width:900px){.el-hero .wrap{grid-template-columns:1fr}}
.el-hero .eyebrow,.el-hero .lead{color:#fff}
.el-hero .lead{max-width:640px}
.el-hero .chip{background:rgba(255,255,255,.16)}
.el-hero .btn-primary{background:#fff;color:var(--blue-ink)}
.el-hero .btn-ghost{color:#fff}
.dash-preview{background:var(--navy);border-radius:14px;padding:20px;display:grid;gap:12px;box-shadow:0 24px 60px rgba(0,0,0,.25);color:var(--paper);font-size:14px}
.dash-preview .lvl{display:flex;justify-content:space-between;align-items:end;gap:10px}
.dash-preview .lvl strong{font-family:var(--display);font-size:26px;color:var(--blue-soft)}
.dash-preview .pbar{height:10px;border-radius:999px;background:rgba(255,255,255,.15);overflow:hidden}.dash-preview .pbar i{display:block;height:100%;background:var(--blue-soft)}
.dash-preview .bdg{display:flex;gap:8px;flex-wrap:wrap}.dash-preview .bdg span{background:rgba(255,255,255,.1);border-radius:8px;padding:6px 10px}
.mod-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:760px){.mod-cards{grid-template-columns:1fr}}
.mod-card-el{background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;color:var(--navy)}
.mod-card-el .photo{border-radius:0;aspect-ratio:16/9}
.mod-card-el .body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1;border-top:6px solid var(--blue)}
.mod-card-el h3{font-size:24px}
.mod-card-el h3 a{color:var(--navy);text-decoration:none}
.mod-card-el p{font-size:15px;color:var(--ink)}
.mod-card-el .meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px;color:var(--muted)}
.mod-card-el .foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:8px;flex-wrap:wrap}
.mod-card-el .big-price{font-size:32px}
.chapitres{counter-reset:c;list-style:none;margin:0;padding:0;display:grid;gap:10px}
.chapitres li{counter-increment:c;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:4px 14px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:14px 16px}
.chapitres li::before{content:counter(c);grid-row:span 2;width:40px;height:40px;border-radius:50%;background:var(--accent-soft);color:var(--blue-ink);font-weight:800;display:grid;place-items:center}
.chapitres strong{font-size:17px}
.chapitres span{grid-column:2;color:var(--muted);font-size:14px}
.chapitres em{grid-column:3;grid-row:1/span 2;font-style:normal;font-size:14px;font-weight:700;color:var(--muted);white-space:nowrap}
.chapitres li.final::before{content:"★";background:var(--blue);color:#fff}
@media (max-width:520px){.chapitres li{grid-template-columns:40px minmax(0,1fr)}.chapitres em{grid-column:2;grid-row:auto}}
.sale-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:start}
@media (max-width:900px){.sale-grid{grid-template-columns:1fr}}
.buy-box{position:sticky;top:96px;background:var(--white);border:1px solid var(--line);border-top:6px solid var(--blue);border-radius:12px;padding:24px;display:grid;gap:12px}
@media (max-width:900px){.buy-box{position:static}}
.buy-box .big-price{font-size:46px}
.buy-box ul{margin:0;padding-left:0;list-style:none;display:grid;gap:6px;font-size:15px}
.buy-box li::before{content:"✓ ";color:var(--green-ink);font-weight:800}
.extrait{background:var(--accent-soft);border-left:5px solid var(--accent);border-radius:10px;padding:20px 22px;display:grid;gap:10px}
.res-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:900px){.res-cards{grid-template-columns:1fr}}
.entries-light{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:760px){.entries-light{grid-template-columns:1fr}}
.entry-light{background:var(--white);border:2px solid var(--line);border-radius:14px;padding:26px;display:grid;gap:10px;align-content:start;text-decoration:none;color:var(--navy);transition:transform .15s,border-color .15s}
.entry-light:hover{transform:translateY(-3px);border-color:var(--navy);color:var(--navy)}
.entry-light.hot{background:var(--navy);color:var(--paper);border-color:var(--navy)}
.entry-light.hot:hover{color:#fff}
.entry-light small{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--green-ink)}
.entry-light.hot small{color:var(--green)}
.entry-light strong{font-family:var(--display);font-size:clamp(22px,2.4vw,28px);line-height:1.1}
.entry-light p{font-size:15px}
.entry-light .go{font-weight:700}
.nav .nav-hot{color:var(--green-ink)}
@media (min-width:1101px) and (max-width:1260px){.nav a{padding:10px 9px}.nav .btn{margin-left:4px;padding:10px 14px}}