.offer-hero{grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr);padding-block:75px 100px}.offer-hero h1{max-width:650px}.offer-hero-image{display:block;width:100%;height:430px;object-fit:cover;border-radius:16px}.offer-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:28px}.text-link{font-weight:700;text-underline-offset:5px}.mode-intro{max-width:660px;color:var(--muted);line-height:1.55;margin-bottom:30px}.mode-card{min-height:270px}.mode-card strong{font-size:clamp(2.2rem,4vw,3.3rem)}.offer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.offer-heading{margin-bottom:35px}.offer-heading h2{max-width:720px}.offer-heading p{max-width:300px}.plan{padding:30px}.plan h3{font-size:clamp(2rem,2.5vw,2.45rem);margin:25px 0 14px;min-height:2.2em}.plan>p{min-height:7em}.plan-price{display:block}.plan-price strong{display:block;font-size:clamp(2.5rem,3vw,3.2rem)}.plan-price span{display:block;margin-top:5px}.plan ul{min-height:7.5em}.plan-commitment{display:block;margin-top:16px;font-size:.83rem;line-height:1.4;color:var(--muted)}.plan-primary .plan-commitment{color:#e6cab9}.compare-section,.faq-section{padding-block:90px 20px}.compare-section>p{color:var(--muted);max-width:700px}.compare-grid{margin-top:32px;border-top:1px solid var(--line)}.compare-row{display:grid;grid-template-columns:160px repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line);gap:20px;padding:23px 0;line-height:1.45}.compare-row h3{font:700 1rem Karla,Arial,sans-serif;margin:0}.compare-row strong{display:none}.compare-row span{display:block}.compare-row:first-child strong{display:block;color:var(--rust);font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.faq-list{max-width:900px;margin-top:30px}.faq-list details{border-bottom:1px solid var(--line);padding:0}.faq-list summary{cursor:pointer;font-weight:700;padding:20px 35px 20px 0;position:relative}.faq-list summary:after{content:'+';position:absolute;right:5px;font-size:1.5rem;top:11px}.faq-list details[open] summary:after{content:'−'}.faq-list p{max-width:72ch;line-height:1.6;color:var(--muted);margin:0 0 22px}.closing-note{align-items:center}.closing-note>div p{line-height:1.55;color:var(--muted)}.closing-note .button-dark{background:var(--ink);color:var(--paper)}::selection{background:#a9553e;color:#fffaf5}
@media(max-width:1050px){.offer-grid{grid-template-columns:1fr 1fr}.plan:last-child{grid-column:1/-1}.plan h3,.plan>p,.plan ul{min-height:0}.compare-row{grid-template-columns:130px repeat(3,minmax(0,1fr));gap:12px}}
@media(max-width:700px){.offer-hero{grid-template-columns:1fr;padding-block:40px 75px}.offer-hero-image{height:250px}.offer-grid{grid-template-columns:1fr}.plan:last-child{grid-column:auto}.compare-row{grid-template-columns:1fr;gap:13px}.compare-row h3{font-size:1.15rem}.compare-row>div{display:grid;grid-template-columns:130px 1fr;gap:15px}.compare-row strong{display:block;font-size:.85rem;color:var(--rust)}.compare-row:first-child strong{margin:0}.compare-section,.faq-section{padding-block:65px 0}.offer-hero-actions .button{width:100%}}

/* Navigation identique à celle de l'accueil et de Comment ça marche. */
.site-header{width:min(1344px,calc(100% - 96px));height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-inline:auto;font-family:Karla,Arial,sans-serif}
.site-header .brand{display:inline-flex;align-items:center;gap:12px;min-height:44px;font:600 1.35rem/1.2 Karla,Arial,sans-serif;letter-spacing:-.03em;text-decoration:none;white-space:nowrap}
.site-header .brand-symbol{display:block;width:48px;height:48px;object-fit:contain;flex:none}
.desktop-nav{display:flex;align-items:center;gap:clamp(16px,1.8vw,26px);margin-left:auto}
.desktop-nav a{position:relative;display:flex;align-items:center;min-height:44px;font-size:.9rem;text-decoration:none;white-space:nowrap}
.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{color:var(--rust)}
.desktop-nav .nav-service{border-left:1px solid var(--line);padding-left:clamp(16px,1.8vw,26px)}
.site-header .header-cta{min-height:48px;padding:12px 20px;border:0;border-radius:40px;background:var(--ink);color:var(--paper);font-size:.94rem;white-space:nowrap}
.site-header .header-cta:hover{background:var(--rust)}
.menu-toggle{display:none;width:46px;height:46px;flex:none;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:var(--paper)}
.menu-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.menu-toggle[aria-expanded="true"]{background:var(--ink);color:var(--paper)}
.mobile-nav{width:min(1320px,calc(100% - 64px));margin:0 auto 14px;padding:22px 26px;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;border-radius:12px;background:#e5d2be;box-shadow:0 18px 35px #30241f12;font-family:Karla,Arial,sans-serif}
.mobile-nav-group{min-width:0}
.mobile-nav-label{margin:0;padding:0 12px 7px;color:var(--muted);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.mobile-nav a{display:block;min-height:46px;padding:12px;border-radius:8px;font-size:1.08rem;font-weight:600;text-decoration:none}
.mobile-nav a:hover{background:var(--paper)}
.mobile-nav-start{grid-column:1/-1;display:flex!important;justify-content:space-between;align-items:center;margin-top:10px;background:var(--ink);color:var(--paper);border-radius:28px!important}
.mobile-nav-start:hover{background:var(--rust)!important}

/* Le bloc d'ouverture respire quand deux colonnes seraient trop étroites. */
.offer-hero-actions .button-outline{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.offer-hero-actions .button-outline:hover{background:var(--rust);border-color:var(--rust)}
.offer-section .offer-footnote{width:100%;max-width:none}
.offer-section .offer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.offer-section .plan{min-width:0}
.offer-section .plan .button{width:100%;min-width:0;justify-content:center;padding-inline:14px;text-align:center;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
@media(max-width:950px){.offer-section .offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.offer-section .plan:last-child{grid-column:1/-1}}
@media(max-width:650px){.offer-section .offer-grid{grid-template-columns:1fr}.offer-section .plan:last-child{grid-column:auto}}
@media(max-width:1200px){
  .offer-hero{grid-template-columns:1fr;gap:30px;padding-block:48px 85px}
  .offer-hero>div:first-child,.offer-hero h1,.offer-hero .lead{width:100%;max-width:none}
  .offer-hero h1{font-size:clamp(3.2rem,6vw,5.2rem)}
  .offer-hero-image{width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover;object-position:center 40%}
}
@media(max-width:1100px){.site-header{width:calc(100% - 64px)}.desktop-nav{gap:20px}.desktop-nav a{font-size:.875rem}.site-header .brand{font-size:1.2rem;gap:8px}.site-header .header-cta{padding:12px 16px;font-size:.875rem}}
@media(max-width:980px){.desktop-nav{display:none}.menu-toggle{display:flex}.site-header .header-cta{margin-left:auto}}
@media(max-width:650px){
  .site-header{width:calc(100% - 40px);height:78px}
  .site-header .brand{font-size:1.15rem}
  .site-header .brand-symbol{width:46px;height:46px}
  .site-header .header-cta{display:none}
  .menu-toggle{margin-left:auto}
  .mobile-nav{width:calc(100% - 40px);grid-template-columns:1fr;gap:14px;padding:18px}
  .mobile-nav-group+.mobile-nav-group{border-top:1px solid #30241f25;padding-top:14px}
  .offer-hero{padding-block:35px 65px}
  .offer-hero h1{font-size:clamp(2.9rem,10vw,4rem)}
  .offer-hero-image{aspect-ratio:4/3}
}