.language-flag{display:block;width:21px;height:14px;flex:0 0 21px;border-radius:2px;box-shadow:0 0 0 1px #ffffff26;overflow:hidden}
.language-picker{position:relative;display:block;flex:none;color:var(--gold,#d9b86e);font:700 12px/1.4 Arial,sans-serif}
.language-picker summary{display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;min-width:84px;min-height:44px;padding:9px;border:1px solid #d9b86e55;border-radius:6px;list-style:none;background:#14181b}
.language-picker summary::-webkit-details-marker{display:none}
.language-chevron{width:12px;height:12px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.language-picker[open] .language-chevron{transform:rotate(180deg)}
.language-picker[open] summary{border-color:#d9b86e99;background:#1c211f}
.language-picker summary:focus-visible,.language-links a:focus-visible,.language-picker a:focus-visible{outline:2px solid var(--gold,#d9b86e);outline-offset:4px}
.language-picker nav{position:absolute;right:0;top:calc(100% + 8px);display:grid;width:208px;max-width:calc(100vw - 32px);max-height:min(320px,calc(100dvh - 96px));overflow-y:auto;overscroll-behavior:contain;padding:6px;background:#111719;border:1px solid #d9b86e55;border-radius:8px;box-shadow:0 12px 30px #0006;z-index:40}
.language-picker:not([open]) nav{display:none}
.language-menu-heading{margin:0;padding:7px 12px 10px;border-bottom:1px solid #d9b86e26;color:var(--muted,#bbc2bf);font:500 11px/1.5 Arial,sans-serif}
.language-picker nav a{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;color:#f3f3f0;text-decoration:none;font-size:13px;white-space:nowrap}
.language-picker nav a[aria-current]{color:var(--gold,#d9b86e);background:#d9b86e0d;border-radius:4px}
.language-code{margin-left:auto;color:var(--muted,#bbc2bf);font:500 10px/1.4 Arial,sans-serif}
.language-picker nav a[aria-current] .language-code{color:var(--gold,#d9b86e)}
.language-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;min-width:0}
.language-links a{display:inline-flex;align-items:center;gap:9px;min-height:44px;font:500 12px/1.5 Arial,sans-serif;color:var(--muted,#bbc2bf);text-decoration:none;white-space:nowrap}
.language-links a[aria-current]{color:var(--gold,#d9b86e)}
.language-footer{margin-top:12px;justify-content:flex-end}
.language-mobile{padding:18px 0 4px;border-top:1px solid #d9b86e33;margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch}
.mobile-nav .language-mobile a{min-height:44px;padding:10px 12px;border:1px solid #d9b86e33;border-radius:6px;font-size:14px;justify-content:flex-start}
.mobile-nav .language-mobile a[aria-current]{background:#d9b86e0d;border-color:#d9b86e77}
.header .nav-wrap{gap:18px}
html[lang="fr"] .hero h1{font-size:clamp(2.4rem,3.9vw,3.65rem)}
@media(max-width:1100px){
 .header .desktop-nav{display:none}
 .language-picker{order:3}
 .header .nav-wrap{gap:12px}
 .header .nav-cta{margin-left:auto;min-width:0;max-width:330px;flex-shrink:1}
 .header .menu-toggle{display:flex;order:4;flex:0 0 44px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;border:1px solid #6b5a38;border-radius:5px;background:#14181b;cursor:pointer}
 .header .menu-toggle span{width:17px;height:1.5px;background:var(--gold)}
 .mobile-nav:not([hidden]){display:grid;padding:7px 20px 17px;border-top:1px solid var(--line)}
 .mobile-nav>a{padding:12px 0;font-size:.94rem}
}
@media(max-width:640px){
 .language-footer{justify-content:flex-start;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px;width:100%;max-width:340px}
 .language-footer a{font-size:13px}
 :root{scroll-padding-top:136px}
 .header .nav-wrap{width:calc(100% - 32px);height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 84px 44px;gap:8px 10px;padding-block:8px}
 .header .brand-logo{width:108px;max-width:100%;grid-column:1;grid-row:1}
 .header .language-picker{grid-column:2;grid-row:1;justify-self:end}
 .header .menu-toggle{grid-column:3;grid-row:1}
 .header .nav-cta.primary-cta{grid-column:1/-1;grid-row:2;width:100%;max-width:none;min-height:44px;margin:0;padding:10px 12px;font-size:.8125rem;white-space:normal;overflow-wrap:normal;hyphens:none}
}
@media(max-width:480px){
 html[lang="fr"] .hero h1{font-size:clamp(2.05rem,8.2vw,2.65rem)}
 .hero-copy,.focus-panel,.focus-label,.case-outcome,.outcome-stat,.roas-stat,.inquiry-fields label{min-width:0}
 .outcome-stat>span{overflow-wrap:normal;word-break:normal}
}

/* Keep decorative hero overhang vertical without widening the mobile page. */
@media(max-width:800px){
 .hero{grid-template-columns:minmax(0,1fr)}
 .hero-photo{min-width:0;overflow-x:clip;overflow-y:visible}
 .hero-copy,.section-heading,.faq-list,.book-copy,.book-visual,.focus-panel-head,.trust-strip>div{min-width:0;overflow-wrap:break-word}
 main .button{max-width:100%;white-space:normal}
 main .keep-together{white-space:normal}
 .book-card{grid-template-columns:minmax(0,.6fr) minmax(0,1fr)}
 .book-visual img[src$="-mockup-2026.png"]{max-width:100%}
}
@media(max-width:580px){
 .book-card{grid-template-columns:minmax(0,1fr)}
}