/* Layout: cream page, navy "bubble" panels, one orange-ringed diagnostic block right under the hero; rounded shapes echo the flyer + motion design. Single brand look by choice. */
:root{
  --navy:#0B1E3D; --navy-2:#132B52; --navy-3:#1C3A68;
  --orange:#EF8354; --orange-d:#D96A3B; --orange-soft:#FBE3D6; --green:#2E9C6E; --red:#D93A3A;
  --cream:#F7F3EC; --cream-2:#EFE8DC; --paper:#FFFDF9;
  --ink:#0B1E3D; --muted:#56637A; --line:rgba(11,30,61,.12);
  --on-navy:#F7F3EC; --on-navy-soft:rgba(247,243,236,.72);
  --font:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --r-xl:36px; --r-lg:26px; --r-md:18px; --pill:999px;
  --wrap:1760px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font);font-weight:400;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{margin:0;text-wrap:balance;letter-spacing:-.02em}
p{margin:0}
a{color:inherit}
button{font:inherit}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:clamp(16px,4vw,80px)}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--orange-d)}
.dot{color:var(--orange)}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:8px}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;border:0;cursor:pointer;text-decoration:none;font-weight:700;font-size:15px;border-radius:var(--pill);padding:15px 26px;transition:transform .25s cubic-bezier(.3,1.6,.5,1),background .2s,box-shadow .25s;white-space:nowrap}
.btn-primary{background:var(--orange);color:var(--navy);box-shadow:0 10px 24px -10px rgba(239,131,84,.8)}
.btn-primary:hover{transform:translateY(-2px) scale(1.02);background:#F39468}
.btn-primary .arrow{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--navy);color:var(--cream);transition:transform .3s}
.btn-primary:hover .arrow{transform:translateX(3px)}
.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn-light{background:var(--cream);color:var(--navy)}
.btn-light:hover{transform:translateY(-2px)}
.btn .price-mini{font-weight:800;background:rgba(11,30,61,.12);border-radius:var(--pill);padding:3px 10px;font-size:13px}

/* nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:rgba(247,243,236,.86);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:border-color .3s}
.nav.scrolled{border-bottom-color:var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:72px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.badge{width:38px;height:38px;border-radius:10px;background:var(--navy);display:grid;place-items:center;position:relative;flex:none}
.badge b{color:var(--cream);font-weight:800;font-size:19px;line-height:1}
.badge i{position:absolute;right:6px;bottom:6px;width:6px;height:6px;border-radius:50%;background:var(--orange)}
.wordmark{display:flex;flex-direction:column;line-height:1}
.wordmark b{font-weight:800;font-size:18px;letter-spacing:.02em}
.wordmark small{font-size:9.5px;font-weight:600;letter-spacing:.34em;margin-top:4px;color:var(--muted)}
.nav-links{display:flex;gap:30px;font-size:14px;font-weight:600}
.nav-links a{text-decoration:none;color:var(--muted);transition:color .2s}
.nav-links a:hover{color:var(--ink)}
.nav .btn{padding:11px 18px;font-size:14px}
@media (max-width:860px){.nav-links{display:none}}
.nav .btn .short{display:none}
@media (max-width:420px){.nav .btn .long{display:none}.nav .btn .short{display:inline}}

/* hero */
.wrap-wide{max-width:1760px;padding-inline:clamp(16px,4vw,80px)}
.hero{position:relative;min-height:calc(100vh - 72px);min-height:calc(100svh - 72px);display:flex;align-items:center;padding-block:clamp(28px,5vh,64px) 112px}
.hero > .wrap{width:100%}
.scroll-cue{position:absolute;left:50%;bottom:clamp(18px,3vh,32px);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-decoration:none}
.scroll-cue span{width:26px;height:40px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--line);position:relative}
.scroll-cue span::after{content:"";position:absolute;left:50%;top:8px;width:4px;height:8px;border-radius:4px;background:var(--orange);translate:-50% 0;animation:cue 1.8s ease-in-out infinite}
@keyframes cue{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}}
.scroll-cue:hover{color:var(--ink)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(32px,6vw,160px);align-items:center}
.hero-copy{min-width:0}
.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.chip{display:inline-flex;align-items:center;gap:8px;background:var(--paper);border-radius:var(--pill);padding:7px 16px;font-size:13px;font-weight:600;box-shadow:0 0 0 1px var(--line)}
.chip .pulse{width:18px;height:18px;border-radius:50%;background:var(--orange-soft);display:grid;place-items:center}
.chip .pulse::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(239,131,84,.6)}70%{box-shadow:0 0 0 8px rgba(239,131,84,0)}100%{box-shadow:0 0 0 0 rgba(239,131,84,0)}}
.hero-kicker{display:block;margin-bottom:18px}
.hero h1{font-size:clamp(32px,min(3.9vw,6.2vh),70px);line-height:1.04;font-weight:800}
.hero h1 .hl{background:linear-gradient(rgba(239,131,84,.35),rgba(239,131,84,.35)) no-repeat 0 88%/100% .3em;-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:hlgrow 1s .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes hlgrow{from{background-size:0% .3em}to{background-size:100% .3em}}
@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero .lede{margin-top:22px;font-size:clamp(17px,1.6vw,19px);color:var(--muted);max-width:52ch;font-weight:400}
.hero .lede b{color:var(--ink);font-weight:600}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;align-items:center}
.reassure{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:26px;font-size:13.5px;font-weight:600;color:var(--muted)}
.reassure span{display:inline-flex;align-items:center;gap:8px}
.tick{width:18px;height:18px;border-radius:50%;background:var(--navy);display:grid;place-items:center;flex:none}
.tick svg{width:10px;height:10px}

/* hero: pain pills, crossed out */
.lost{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.lost span{background:var(--paper);border-radius:var(--pill);padding:6px 14px;font-size:13.5px;font-weight:600;color:var(--muted);box-shadow:0 0 0 1px var(--line)}
.lost s{text-decoration:none;background:linear-gradient(var(--orange),var(--orange)) no-repeat 0 55%/0% 2.5px;animation:cross .6s cubic-bezier(.2,.8,.2,1) both}
.lost span:nth-child(1) s{animation-delay:.9s}.lost span:nth-child(2) s{animation-delay:1.1s}.lost span:nth-child(3) s{animation-delay:1.3s}.lost span:nth-child(4) s{animation-delay:1.5s}
@keyframes cross{to{background-size:100% 2.5px}}
.own{margin-top:16px;font-size:14.5px;color:var(--muted)}
.own b{color:var(--ink);font-weight:700}
.hero .lede{margin-top:28px}
.hero .cta-row{margin-top:40px}
.hero-kicker{margin-bottom:22px!important}
@media (max-width:480px){.stage-tag small{display:none}.cta-row .btn,.cmp-foot .btn,.pains-bottom .btn{white-space:normal;text-align:left}.pains-bottom .btn{width:100%;justify-content:space-between}.cta-row .btn{width:100%;justify-content:space-between}.cmp-foot .btn{width:100%;justify-content:space-between}}
/* hero: avant / après */
.ba{margin-top:26px;background:var(--paper);border-radius:22px;box-shadow:0 0 0 1px var(--line);padding:6px 20px 8px;max-width:640px}
.ba-head,.ba li{display:grid;grid-template-columns:1fr 22px 1fr;gap:12px;align-items:center}
.ba-head{padding:10px 0 8px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}
.ba-head span:last-child{color:var(--orange-d)}
.ba ul{list-style:none;margin:0;padding:0}
.ba li{padding:10px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.35}
.ba li:first-child{border-top:0}
.ba-before,.ba-after{display:flex;align-items:center;gap:10px;min-width:0}
.ba-before{color:var(--muted)}
.ba-after{color:var(--ink);font-weight:700}
.ba i{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center}
.ba i svg{width:11px;height:11px}
.ba-x{background:var(--cream-2);color:var(--muted)}
.ba-v{background:var(--green);color:var(--cream)}
.ba-arrow{color:var(--orange);font-weight:800;text-align:center}
.ba li{animation:baIn .5s cubic-bezier(.2,.8,.2,1) both}
.ba li:nth-child(1){animation-delay:.5s}.ba li:nth-child(2){animation-delay:.62s}.ba li:nth-child(3){animation-delay:.74s}.ba li:nth-child(4){animation-delay:.86s}
@keyframes baIn{from{transform:translateX(-8px)}to{transform:none}}
@media (max-width:480px){.ba{padding:4px 14px 6px}.ba-head,.ba li{grid-template-columns:1fr 14px 1fr;gap:8px}.ba li{font-size:12.5px}.ba i{width:18px;height:18px}}
.ba-lg{max-width:none;margin-top:0;padding:10px 32px 14px;border-radius:var(--r-xl)}
.ba-lg .ba-head,.ba-lg li{grid-template-columns:1fr 40px 1fr;gap:20px}
.ba-lg .ba-head{padding:16px 0 14px;font-size:12px}
.ba-lg li{padding:20px 0;font-size:17px}
.ba-lg .ba-before{font-weight:500}
.ba-lg .ba-after{font-size:17px}
.ba-lg i{width:28px;height:28px}
.ba-lg i svg{width:14px;height:14px}
.ba-lg .ba-arrow{font-size:20px}
@media (max-width:640px){.ba-lg{padding:6px 12px 8px;border-radius:var(--r-lg)}.ba-lg .ba-head,.ba-lg li{grid-template-columns:1fr 12px 1fr;gap:8px}.ba-lg .ba-head{font-size:10.5px;letter-spacing:.08em}.ba-lg li{padding:14px 0;font-size:13px}.ba-lg .ba-after{font-size:13px}.ba-lg .ba-before,.ba-lg .ba-after{gap:7px;overflow-wrap:anywhere}.ba-lg i{width:20px;height:20px}.ba-lg i svg{width:11px;height:11px}.ba-lg .ba-arrow{font-size:15px}}
.psb div{align-items:baseline}
.psb .v b{font-size:17px}
.sol{padding-block:clamp(22px,3vw,34px)!important}
.sol h3{margin:14px 0 18px!important}
.sol-mock{min-height:220px!important}
/* hero visual */
.stage{position:relative;aspect-ratio:1/1.02;max-width:100%;min-width:0;width:min(100%,calc(100svh - 210px),700px);justify-self:end}
.stage-panel{position:absolute;inset:0;background:var(--navy);border-radius:48px;overflow:hidden}
.orb{position:absolute;border-radius:50%}
.orb.a{width:62%;aspect-ratio:1;right:-18%;top:-16%;background:radial-gradient(circle at 35% 35%,#F7A07A,var(--orange) 55%,var(--orange-d));animation:drift 14s ease-in-out infinite}
.orb.b{width:26%;aspect-ratio:1;left:-8%;bottom:10%;background:var(--navy-3);animation:drift 11s ease-in-out infinite reverse}
.orb.c{width:7%;aspect-ratio:1;right:8%;bottom:6%;background:var(--cream);opacity:.9;animation:drift 9s ease-in-out infinite}
@keyframes drift{0%,100%{transform:translate(0,0)}50%{transform:translate(-10px,14px)}}
.bubble{position:absolute;background:var(--paper);color:var(--ink);border-radius:24px;box-shadow:0 24px 40px -20px rgba(0,0,0,.55);padding:16px 18px;animation:pop .7s cubic-bezier(.3,1.5,.5,1) both,float 6s ease-in-out infinite}
@keyframes pop{from{transform:scale(.6) translateY(20px);opacity:0}to{transform:none;opacity:1}}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -8px}}
.bubble .lbl{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.ico{width:28px;height:28px;border-radius:50%;background:var(--orange);display:grid;place-items:center;flex:none}
.ico svg{width:15px;height:15px;stroke:var(--navy);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.b1{left:7%;top:26%;width:56%;animation-delay:.2s,.9s}
.b2{right:6%;top:50%;width:50%;animation-delay:.45s,1.8s}
.b3{left:9%;bottom:7%;width:60%;animation-delay:.7s,2.6s}
.fields{display:flex;flex-wrap:wrap;gap:6px}
.fields span{font-size:12px;font-weight:600;background:var(--cream);border-radius:var(--pill);padding:4px 10px}
.fields span.ok{background:var(--orange-soft)}
.bars{display:flex;align-items:flex-end;gap:7px;height:70px}
.bars i{flex:1;background:var(--navy);border-radius:8px 8px 4px 4px;transform-origin:bottom;animation:bar 1.2s cubic-bezier(.2,.9,.3,1.2) both}
.bars i:last-child{background:var(--orange)}
@keyframes bar{from{transform:scaleY(.05)}}
.kpi{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;font-size:12px;color:var(--muted);font-weight:600}
.kpi b{font-size:18px;color:var(--ink);font-weight:800}
.msg{font-size:13px;line-height:1.45}
.msg.q{background:var(--cream);border-radius:16px 16px 16px 4px;padding:8px 12px;display:inline-block;margin-bottom:8px;font-weight:500}
.typing{display:inline-flex;gap:4px;background:var(--navy);border-radius:16px 16px 4px 16px;padding:10px 12px;float:right}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--cream);animation:blink 1.2s infinite}
.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.stage-tag{position:absolute;left:7%;top:7%;color:var(--on-navy);font-weight:800;font-size:clamp(15px,1.6vw,19px);line-height:1.2}
.stage-tag small{display:block;font-weight:500;font-size:12px;color:var(--on-navy-soft);letter-spacing:.04em;margin-top:4px}
@media (max-width:900px){.hero{min-height:0;display:block;padding-block:40px 56px}.scroll-cue{display:none}.hero .wrap{grid-template-columns:1fr}.stage{max-width:520px;width:100%;margin:0 auto;justify-self:center}}
@media (max-width:480px){.bubble{padding:12px 13px;border-radius:18px}.bars{height:48px}.b1{width:66%}.b2{width:58%}.b3{width:72%}.fields span{font-size:10.5px}}

/* diagnostic */
.diag{padding-block:clamp(24px,4vw,40px) clamp(64px,8vw,110px)}
.diag-card{position:relative;background:var(--paper);border-radius:var(--r-xl);box-shadow:0 0 0 3px var(--orange),0 40px 80px -40px rgba(11,30,61,.35);display:grid;grid-template-columns:1.25fr .75fr;overflow:hidden}
.diag-main{padding:clamp(28px,4.5vw,56px);min-width:0}
.diag-main h2{font-size:clamp(30px,3.8vw,46px);line-height:1.08;font-weight:800;margin-top:14px}
.diag-main .intro{margin-top:16px;color:var(--muted);font-size:17px;max-width:56ch}
.diag-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:34px}
.diag-cols h3{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:14px}
.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.list li{display:flex;gap:12px;font-size:15px;line-height:1.45}
.list li::before{content:"";flex:none;margin-top:3px;width:18px;height:18px;border-radius:50%;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2 7 10.5l4.5-5' fill='none' stroke='%23F7F3EC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.list.navy li::before{background-color:var(--navy);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2 7 10.5l4.5-5' fill='none' stroke='%23F7F3EC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}

.sample{margin-top:36px;background:var(--cream);border-radius:var(--r-lg);padding:20px 22px}
.sample-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.sample-head em{font-style:normal;background:var(--paper);border-radius:var(--pill);padding:2px 10px;letter-spacing:.04em;text-transform:none;font-weight:600}
.srow{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--line);font-size:14px}
.srow:first-of-type{border-top:0}
.srow b{font-weight:600;min-width:0}
.prio{font-size:12px;font-weight:700;border-radius:var(--pill);padding:4px 10px;white-space:nowrap}
.prio.h{background:var(--red);color:#fff}
.prio.m{background:var(--orange-soft);color:var(--navy)}
.prio.l{background:var(--paper);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}
.brick{font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap}
@media (max-width:560px){.srow{grid-template-columns:1fr auto}.brick{display:none}}

.diag-buy{background:var(--navy);color:var(--on-navy);padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;justify-content:center;gap:18px;position:relative;overflow:hidden;min-width:0}
.diag-buy .orb.a{width:70%;right:-30%;top:-22%;opacity:.95}
.diag-buy .orb.b{width:40%;left:-18%;bottom:-14%;background:var(--navy-2)}
.diag-buy > :not(.orb){position:relative}
.launch{align-self:flex-start;background:var(--cream);color:var(--navy);font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-radius:var(--pill);padding:6px 12px;display:inline-flex;gap:6px;align-items:center}
.launch::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--orange)}
.price{display:flex;flex-direction:column;gap:2px}
.old{font-size:22px;font-weight:600;color:var(--on-navy-soft);position:relative;align-self:flex-start}
.old::after{content:"";position:absolute;left:-4px;right:-4px;top:52%;height:3px;border-radius:3px;background:var(--red);transform:rotate(-8deg);transform-origin:left;animation:strike .7s .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes strike{from{transform:rotate(-8deg) scaleX(0)}to{transform:rotate(-8deg) scaleX(1)}}
.new{font-size:clamp(64px,7vw,88px);font-weight:800;line-height:.95;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.new sup{font-size:.36em;vertical-align:top;margin-left:4px;letter-spacing:0;position:relative;top:.35em}
.new small{font-size:15px;font-weight:600;letter-spacing:0;color:var(--on-navy-soft);margin-left:8px}
.save{align-self:flex-start;font-size:13px;font-weight:700;color:var(--navy);background:var(--orange);border-radius:var(--pill);padding:4px 12px}
.diag-buy .note{font-size:13.5px;color:var(--on-navy-soft);line-height:1.5}
.diag-buy .btn-primary{justify-content:space-between;width:100%;padding:17px 20px 17px 26px;font-size:16px}
.diag-buy .alt{font-size:14px;color:var(--on-navy-soft)}
.diag-buy .alt a{color:var(--cream);font-weight:700;text-underline-offset:3px}
@media (max-width:960px){.diag-card{grid-template-columns:1fr}.diag-buy{order:-1}}
@media (max-width:620px){.diag-cols{grid-template-columns:1fr}}

/* sections */
section{scroll-margin-top:84px}
.sec{padding-block:clamp(64px,8vw,110px)}
.sec-head{display:grid;grid-template-columns:1fr 1fr;gap:24px 60px;align-items:end;margin-bottom:clamp(36px,5vw,56px)}
.sec-head h2{font-size:clamp(30px,4vw,50px);line-height:1.06;font-weight:800;margin-top:12px}
.sec-head p{color:var(--muted);font-size:17px;max-width:48ch}
@media (max-width:800px){.sec-head{grid-template-columns:1fr}}

/* pains */
.pains{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.pain{background:var(--paper);border-radius:var(--r-lg);padding:26px 28px;display:flex;gap:18px;align-items:flex-start;box-shadow:0 0 0 1px var(--line);transition:transform .35s cubic-bezier(.3,1.5,.5,1),box-shadow .3s}
.pain:hover{transform:translateY(-4px) rotate(-.4deg);box-shadow:0 0 0 1px var(--line),0 24px 40px -28px rgba(11,30,61,.45)}
.pain .ico{width:44px;height:44px;background:var(--cream)}
.pain .ico svg{width:20px;height:20px}
.pain p{font-size:17px;font-weight:600;line-height:1.45}
.pain p s{text-decoration:none;background:linear-gradient(var(--orange),var(--orange)) no-repeat 0 58%/0% 3px;transition:background-size .6s cubic-bezier(.2,.8,.2,1)}
.pain:hover p s{background-size:100% 3px}
.pain small{display:block;margin-top:6px;color:var(--muted);font-weight:500;font-size:14px}
.pains-bottom{margin-top:28px;background:var(--navy);color:var(--on-navy);border-radius:var(--pill);padding:18px 18px 18px 30px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.pains-bottom p{font-weight:700;font-size:clamp(16px,1.8vw,19px)}
.pains-bottom p span{color:var(--orange)}
@media (max-width:720px){.pains{grid-template-columns:1fr}.pains-bottom{border-radius:var(--r-lg)}}

/* solutions */
.solutions-bg{background:var(--navy);color:var(--on-navy);border-radius:clamp(28px,5vw,56px);margin-inline:clamp(8px,1.5vw,20px)}
.solutions-bg > .wrap{max-width:calc(var(--wrap) - 2 * clamp(8px,1.5vw,20px));padding-inline:max(8px,calc(clamp(16px,4vw,80px) - clamp(8px,1.5vw,20px)))}
.solutions-bg .eyebrow{color:var(--orange)}
.solutions-bg .sec-head p{color:var(--on-navy-soft)}
.sol{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);align-items:center;padding-block:clamp(28px,4vw,44px);border-top:1px solid rgba(247,243,236,.12)}
.sol:nth-child(even) .sol-mock{order:-1}
.sol-copy{min-width:0}
.sol-tag{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--on-navy-soft);border:1px solid rgba(247,243,236,.2);border-radius:var(--pill);padding:5px 12px}
.sol h3{font-size:clamp(24px,2.6vw,32px);font-weight:800;line-height:1.12;margin:16px 0 20px}
.psb{display:grid;gap:14px}
.psb div{display:grid;grid-template-columns:96px 1fr;gap:14px;font-size:15.5px;line-height:1.5}
.psb dt,.psb .k{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);padding-top:3px}
.psb .v{color:var(--on-navy-soft)}
.psb .v b{color:var(--cream);font-weight:600}
@media (max-width:860px){.sol{grid-template-columns:1fr}.sol:nth-child(even) .sol-mock{order:0}}
@media (max-width:420px){.psb div{grid-template-columns:1fr;gap:2px}}

.sol-mock{background:var(--navy-2);border-radius:var(--r-xl);padding:clamp(20px,3vw,32px);position:relative;overflow:hidden;min-height:260px;display:flex;align-items:center;justify-content:center;min-width:0}
.sol-mock .orb{opacity:.9}
.mock-win{position:relative;background:var(--paper);color:var(--ink);border-radius:22px;padding:18px;width:100%;max-width:420px;box-shadow:0 30px 50px -30px rgba(0,0,0,.7)}
.win-bar{display:flex;gap:6px;margin-bottom:14px}
.win-bar i{width:9px;height:9px;border-radius:50%;background:var(--cream-2)}
.win-bar i:first-child{background:var(--orange)}
.doc{display:grid;grid-template-columns:90px 1fr;gap:16px;align-items:center}
.paper{background:var(--cream);border-radius:12px;padding:12px 10px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden}
.paper i{height:6px;border-radius:4px;background:var(--cream-2);display:block}
.paper i.hl{background:var(--orange-soft)}
.paper::after{content:"";position:absolute;left:0;right:0;height:22px;background:linear-gradient(transparent,rgba(239,131,84,.45),transparent);animation:scan 2.6s ease-in-out infinite}
@keyframes scan{0%{top:-22px}100%{top:100%}}
.out{display:flex;flex-direction:column;gap:7px;min-width:0}
.out div{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;background:var(--cream);border-radius:10px;padding:7px 10px}
.out div span{color:var(--muted)}
.out div b{font-weight:700;white-space:nowrap}
.out .sent{background:var(--navy);color:var(--cream);justify-content:center;font-weight:700}
.dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.dash-kpis div{background:var(--cream);border-radius:12px;padding:9px 10px;font-size:10.5px;font-weight:600;color:var(--muted);line-height:1.3;min-width:0}
.dash-kpis b{display:block;font-size:16px;color:var(--ink);font-weight:800;margin-top:2px}
.dash-kpis .up{color:#2E7D5B;font-size:10.5px}
.chart{height:110px;display:flex;align-items:flex-end;gap:8px;padding-top:6px;border-bottom:1px solid var(--line)}
.chart i{flex:1;background:var(--cream-2);border-radius:8px 8px 3px 3px;transform-origin:bottom;animation:bar 1.4s cubic-bezier(.2,.9,.3,1.2) both}
.chart i.on{background:var(--navy)}
.chart i.now{background:var(--orange)}
.chat{display:flex;flex-direction:column;gap:10px}
.chat .q{align-self:flex-end;background:var(--navy);color:var(--cream);border-radius:18px 18px 4px 18px;padding:10px 14px;font-size:13.5px;max-width:85%}
.chat .a{align-self:flex-start;background:var(--cream);border-radius:18px 18px 18px 4px;padding:10px 14px;font-size:13.5px;max-width:90%;line-height:1.45}
.chat .src{display:inline-flex;margin-top:8px;font-size:11px;font-weight:700;background:var(--paper);border-radius:var(--pill);padding:3px 9px;box-shadow:inset 0 0 0 1px var(--line)}
.chat .lock{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;color:var(--muted);margin-top:4px}

.also{margin-top:clamp(28px,4vw,44px);padding-top:28px;border-top:1px solid rgba(247,243,236,.12);display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.also strong{font-size:14px;margin-right:8px}
.also span{background:rgba(247,243,236,.08);border:1px solid rgba(247,243,236,.16);border-radius:var(--pill);padding:8px 16px;font-size:14px;font-weight:600;transition:background .2s,color .2s}
.also span:hover{background:var(--orange);color:var(--navy);border-color:var(--orange)}
.also span.hot{background:var(--orange-soft);color:var(--navy);border-color:transparent}

/* commitments */
.commit{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.c-item{background:var(--paper);border-radius:var(--r-lg);padding:26px 24px;box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column;gap:12px}
.c-item .ico{width:46px;height:46px}
.c-item .ico svg{width:21px;height:21px}
.c-item h3{font-size:18px;font-weight:700;line-height:1.25}
.c-item p{font-size:14.5px;color:var(--muted);line-height:1.55}
@media (max-width:1000px){.commit{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){.commit{grid-template-columns:1fr}}

.founders{margin-top:20px;background:var(--cream-2);border-radius:var(--r-lg);padding:24px 28px;display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.avatars{display:flex}
.avatars span{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:18px;border:3px solid var(--cream-2)}
.avatars span:first-child{background:var(--navy);color:var(--cream)}
.avatars span:last-child{background:var(--orange);color:var(--navy);margin-left:-12px}
.founders p{flex:1;min-width:240px;font-size:16px;line-height:1.55}
.founders p b{font-weight:700}


/* comparison */
.cmp{background:var(--paper);border-radius:var(--r-xl);box-shadow:0 0 0 1px var(--line);overflow:hidden;position:relative}
.cmp-row{display:grid;grid-template-columns:.9fr 1.15fr 1.15fr;align-items:stretch;border-top:1px solid var(--line)}
.cmp-row:first-child{border-top:0}
.cmp-k{padding:20px 24px;font-weight:700;font-size:15px;display:flex;align-items:center}
.cmp-v{padding:20px 24px;font-size:15px;line-height:1.45;display:flex;gap:12px;align-items:flex-start;min-width:0}
.cmp-v.us{background:var(--navy);color:var(--cream);font-weight:600}
.cmp-v.them{color:var(--muted)}
.cmp-head .cmp-h{padding:22px 24px;font-weight:800;font-size:16px;display:flex;align-items:center;gap:10px}
.cmp-head .cmp-h.us{background:var(--navy);color:var(--cream);border-radius:28px 28px 0 0;margin-top:10px}
.cmp-head .cmp-h.them{color:var(--ink)}
.cmp-row:last-child .cmp-v.us{border-radius:0 0 28px 28px;margin-bottom:10px}
.cmp-row .cmp-v.us{border-top:1px solid rgba(247,243,236,.1)}
.cmp-row{border-top-color:var(--line)}
.badge.sm{width:26px;height:26px;border-radius:7px;background:var(--cream)}
.badge.sm b{color:var(--navy);font-size:14px}
.badge.sm i{width:4px;height:4px;right:4px;bottom:4px}
.cmp-v i{flex:none;width:20px;height:20px;border-radius:50%;margin-top:1px;background-position:center;background-repeat:no-repeat;background-size:14px}
.cmp-v i.yes{background-color:var(--orange);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2 7 10.5l4.5-5' fill='none' stroke='%230B1E3D' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.cmp-v.them i.yes{background-color:var(--navy);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2 7 10.5l4.5-5' fill='none' stroke='%23F7F3EC' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.cmp-v i.mid{background-color:var(--cream-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 8h6' fill='none' stroke='%2356637A' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")}
.cmp-v i.no{background-color:rgba(247,243,236,.14);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 8h6' fill='none' stroke='%23F7F3EC' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")}
.cmp-honest .cmp-k{position:relative}
.cmp-honest .cmp-v.us{color:var(--on-navy-soft);font-weight:500}
.cmp-honest .cmp-v.them{color:var(--ink);font-weight:600}
.cmp-row.cmp-honest:first-of-type{}
.cmp-foot{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:16px 28px;flex-wrap:wrap}
.cmp-foot p{font-size:17px;color:var(--muted);max-width:56ch}
.cmp-foot p b{color:var(--ink);font-weight:700}
@media (max-width:760px){
  .cmp-row{grid-template-columns:1fr 1fr}
  .cmp-k{grid-column:1/-1;padding:16px 18px 8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--orange-d)}
  .cmp-head .cmp-k{display:none}
  .cmp-v,.cmp-head .cmp-h{padding:14px 16px;font-size:14px}
  .cmp-head .cmp-h.us,.cmp-row:last-child .cmp-v.us{margin:0;border-radius:0}
  .cmp-row .cmp-v.us{border-radius:18px 0 0 18px}
  .cmp-row{padding:0 0 12px}
  .cmp-head{padding:0}
  .cmp-head .cmp-h.us{border-radius:0}
}
/* faq */
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,72px);align-items:start}
.faq-grid .sec-head{display:block;margin:0;position:sticky;top:100px}
.faq-grid .sec-head p{margin-top:16px}
.faq-list{display:flex;flex-direction:column;gap:10px;min-width:0}
details{background:var(--paper);border-radius:var(--r-md);box-shadow:0 0 0 1px var(--line);transition:box-shadow .2s}
details[open]{box-shadow:0 0 0 1.5px var(--navy)}
summary{list-style:none;cursor:pointer;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-weight:700;font-size:16.5px}
summary::-webkit-details-marker{display:none}
summary .pm{flex:none;width:30px;height:30px;border-radius:50%;background:var(--cream);position:relative;transition:background .2s,transform .3s}
summary .pm::before,summary .pm::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:var(--navy);border-radius:2px;translate:-50% -50%}
summary .pm::after{rotate:90deg;transition:rotate .3s}
details[open] summary .pm{background:var(--orange)}
details[open] summary .pm::after{rotate:0deg}
details .ans{padding:0 22px 22px;color:var(--muted);font-size:15.5px;line-height:1.65;max-width:62ch}
details .ans b{color:var(--ink);font-weight:600}
@media (max-width:860px){.faq-grid{grid-template-columns:1fr}.faq-grid .sec-head{position:static}}

/* final cta */
.final{padding-block:0 clamp(64px,8vw,100px)}
.final-card{position:relative;overflow:hidden;background:var(--navy);color:var(--on-navy);border-radius:clamp(28px,5vw,56px);padding:clamp(36px,6vw,80px);display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.final-card .orb.a{width:46%;right:-12%;top:-40%}
.final-card .orb.b{width:18%;left:40%;bottom:-12%;background:var(--navy-3)}
.final-card > :not(.orb){position:relative}
.final-card h2{font-size:clamp(30px,4.2vw,54px);line-height:1.05;font-weight:800}
.final-card h2 span{color:var(--orange)}
.final-card p{margin-top:18px;color:var(--on-navy-soft);font-size:17px;max-width:46ch}
.final-actions{display:flex;flex-direction:column;gap:14px;background:rgba(247,243,236,.06);border:1px solid rgba(247,243,236,.14);border-radius:var(--r-lg);padding:26px;backdrop-filter:blur(6px)}
.final-actions .btn{justify-content:space-between;width:100%;white-space:normal;text-align:left}
.final-actions .or{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--on-navy-soft);text-align:center}
.mail{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--navy-2);border-radius:var(--pill);padding:8px 8px 8px 18px;font-weight:600;font-size:14.5px;min-width:0}
.mail span{overflow:hidden;text-overflow:ellipsis;user-select:all}
.copy{flex:none;border:0;cursor:pointer;background:var(--cream);color:var(--navy);font-weight:700;font-size:12.5px;border-radius:var(--pill);padding:8px 14px}
.final-card > div{min-width:0}
@media (max-width:860px){.final-card{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.final-card{padding:28px 20px}.final-actions{padding:18px}}

/* footer */
footer{padding-block:36px 110px;border-top:1px solid var(--line)}
footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;font-size:13.5px;color:var(--muted)}
footer nav{display:flex;gap:22px;flex-wrap:wrap}
footer nav a{text-decoration:none}
footer nav a:hover{color:var(--ink)}
footer i{font-style:italic}

/* sticky buy bar */
.buybar{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:50;transform:translate(-50%,140%);transition:transform .5s cubic-bezier(.3,1.3,.5,1);background:var(--navy);color:var(--on-navy);border-radius:var(--pill);padding:8px 8px 8px 22px;display:flex;align-items:center;gap:16px;box-shadow:0 20px 50px -18px rgba(11,30,61,.7);width:max-content;max-width:calc(100% - 32px)}
.buybar.show{transform:translate(-50%,0)}
.buybar .t{font-size:14px;font-weight:700;white-space:nowrap}
.buybar s{color:var(--on-navy-soft);font-weight:500;margin:0 6px 0 10px;text-decoration-color:var(--orange);text-decoration-thickness:2px}
.buybar .p{color:var(--orange);font-weight:800}
.buybar .btn{padding:11px 18px;font-size:14px}
@media (max-width:520px){.buybar{padding-left:16px;gap:10px}.buybar .t .n{display:none}}

/* modal : formulaire appel gratuit */
.modal[hidden]{display:none}
.modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;overflow-y:auto;background:rgba(11,30,61,.42);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);animation:mfade .35s ease both}
.modal.closing{animation:mfadeout .25s ease both}
.modal.closing .modal-box{animation:mout .25s ease both}
@keyframes mfade{from{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}
@keyframes mfadeout{to{opacity:0}}
@keyframes mout{to{transform:translateY(14px) scale(.97);opacity:0}}
body.locked{overflow:hidden}
.modal-box{background:var(--paper);border-radius:var(--r-xl);max-width:560px;width:100%;position:relative;overflow:hidden;box-shadow:0 50px 100px -30px rgba(11,30,61,.6),0 0 0 1px rgba(255,255,255,.4);animation:pop .5s cubic-bezier(.3,1.4,.5,1) both;margin:auto}
.m-head{position:relative;background:var(--navy);color:var(--on-navy);padding:clamp(26px,4vw,36px) clamp(22px,4vw,38px) 28px;overflow:hidden}
.m-head .orb.a{width:190px;right:-60px;top:-80px;animation:drift 14s ease-in-out infinite}
.m-head .orb.c{width:12px;right:150px;top:30px;bottom:auto}
.m-head .eyebrow{color:var(--orange);position:relative}
.m-head h3{position:relative;font-size:clamp(23px,3vw,28px);font-weight:800;line-height:1.12;margin-top:10px;max-width:15ch}
.m-head p{position:relative;color:var(--on-navy-soft);margin-top:10px;font-size:14.5px;max-width:40ch}
.m-perks{position:relative;display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.m-perks span{font-size:12px;font-weight:700;background:rgba(247,243,236,.1);border-radius:var(--pill);padding:5px 12px;box-shadow:inset 0 0 0 1px rgba(247,243,236,.16)}
.m-body{padding:clamp(22px,4vw,34px) clamp(22px,4vw,38px) clamp(24px,4vw,34px)}
.f-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 14px}
.f-full{grid-column:1/-1}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field label{font-size:12.5px;font-weight:700;color:var(--ink);display:flex;justify-content:space-between;gap:8px}
.field label em{font-style:normal;font-weight:500;color:var(--muted)}
.field input{font:inherit;font-size:15px;color:var(--ink);background:var(--cream);border:0;border-radius:14px;padding:13px 15px;box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow .2s,background .2s;width:100%;min-width:0}
.field input::placeholder{color:#9AA3B2}
.field input:hover{box-shadow:inset 0 0 0 1.5px var(--line)}
.field input:focus{outline:0;background:#fff;box-shadow:inset 0 0 0 2px var(--orange),0 0 0 4px rgba(239,131,84,.15)}
.field.err input{box-shadow:inset 0 0 0 2px var(--red);background:#fff}
.field .msg-err{font-size:12px;font-weight:600;color:var(--red);min-height:0;display:none}
.field.err .msg-err{display:block}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.f-submit{width:100%;justify-content:space-between;margin-top:22px;font-size:16px;padding:16px 18px 16px 26px}
.f-submit[disabled]{cursor:wait;opacity:.85;transform:none}
.f-submit .spin{display:none;width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(11,30,61,.25);border-top-color:var(--navy);animation:spin .7s linear infinite}
.f-submit.loading .spin{display:block}.f-submit.loading .arrow{display:none}
@keyframes spin{to{transform:rotate(360deg)}}
.f-legal{margin-top:14px;font-size:12px;color:var(--muted);text-align:center;line-height:1.5}
.f-legal a{color:var(--muted)}
.f-alert{display:none;margin-top:16px;background:#FDECEC;color:#8A1F1F;border-radius:14px;padding:12px 14px;font-size:13.5px;font-weight:500}
.f-alert.show{display:block}
.f-alert a{color:inherit;font-weight:700}
.m-done{display:none;text-align:center;padding:clamp(34px,6vw,54px) clamp(22px,4vw,38px)}
.modal-box.sent .m-head,.modal-box.sent .m-body{display:none}
.modal-box.sent .m-done{display:block}
.m-done .check{width:72px;height:72px;border-radius:50%;background:var(--green);display:grid;place-items:center;margin:0 auto;animation:pop .6s cubic-bezier(.3,1.6,.5,1) both}
.m-done .check svg{width:34px;height:34px;stroke:var(--cream);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:draw .5s .35s ease forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.m-done h3{font-size:26px;font-weight:800;margin-top:22px}
.m-done p{color:var(--muted);margin:10px auto 0;max-width:36ch;font-size:15px}
.m-done .btn{margin-top:26px}
.close{position:absolute;right:16px;top:16px;z-index:2;width:38px;height:38px;border-radius:50%;border:0;background:rgba(247,243,236,.12);cursor:pointer;font-size:20px;font-weight:600;color:var(--cream);transition:background .2s,transform .3s}
.close:hover{background:rgba(247,243,236,.24);transform:rotate(90deg)}
.modal-box.sent .close{background:var(--cream);color:var(--navy)}
@media (max-width:520px){.f-grid{grid-template-columns:1fr}.modal{padding:10px;place-items:end center}.modal-box{border-radius:28px}}

/* scroll reveal: progressive, content visible without support */
@supports (animation-timeline:view()){
  .reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
  @keyframes rise{from{transform:translateY(36px) scale(.98)}to{transform:none}}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* ===== Optimisation mobile ===== */
@media (max-width:640px){
  .sec{padding-block:56px}
  /* haut de page : titre + texte + boutons visibles d'emblée */
  .hero{padding-block:28px 44px}
  .hero-kicker{margin-bottom:14px!important;font-size:11px}
  .hero h1{font-size:clamp(28px,8.2vw,34px);line-height:1.1}
  .hero .lede{font-size:16px;line-height:1.55;margin-top:18px}
  .hero .cta-row{margin-top:26px;gap:10px}
  .hero .stage{display:none}
  /* diagnostic plus compact */
  .diag{padding-block:4px 56px}
  .diag-buy{padding:26px 20px 24px;gap:12px}
  .diag-buy .orb.a{width:46%;right:-14%;top:-30%}
  .price{flex-direction:row;align-items:baseline;gap:14px;flex-wrap:wrap}
  .old{font-size:19px}
  .new{font-size:58px}
  .diag-main{padding:26px 20px 24px}
  .diag-main h2{font-size:28px;margin-top:10px}
  .diag-main .intro{font-size:15.5px}
  .diag-cols{margin-top:24px;gap:22px}
  .sample{margin-top:24px;padding:16px}
  /* tableau avant/après en cartes */
  .ba-lg{background:transparent;box-shadow:none;padding:0;border-radius:0}
  .ba-lg .ba-head{display:none}
  .ba-lg ul{display:grid;gap:10px}
  .ba-lg li,.ba-lg li:first-child{grid-template-columns:1fr;gap:10px;padding:16px;background:var(--paper);border-radius:18px;box-shadow:0 0 0 1px var(--line);border-top:0}
  .ba-lg .ba-arrow{display:none}
  .ba-lg .ba-before{font-size:14px}
  .ba-lg .ba-after{font-size:15.5px}
  .ba-lg i{width:22px;height:22px}
  .pains-bottom{margin-top:16px;padding:20px}
  /* solutions : texte d'abord, illustration réduite */
  .sol{gap:18px}
  .sol-mock{min-height:0!important;padding:16px;border-radius:24px}
  .sol-mock .orb{display:none}
  .mock-win{padding:14px;border-radius:16px}
  .chart{height:72px}
  .psb{gap:12px}
  .psb div{grid-template-columns:1fr;gap:2px}
  /* zones de clic confortables */
  .btn{min-height:50px}
  summary{min-height:58px;padding:16px 18px;font-size:16px}
  details .ans{padding:0 18px 18px}
  .c-item{padding:22px 20px}
  /* barre fixe pleine largeur, façon app */
  .buybar,.buybar.show{left:0;right:0;width:auto;max-width:none;border-radius:20px 20px 0 0;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));justify-content:space-between}
  .buybar{transform:translateY(110%)}
  .buybar.show{transform:translateY(0)}
  .buybar .btn{min-height:46px;padding:12px 24px}
  footer{padding-block:28px 100px}
  /* animations allégées */
  .reveal,.ba li,.lost s{animation:none!important}
}

/* Ex-attributs style="" du HTML, déplacés ici pour la CSP (rendu identique) */
.sec.no-pt{padding-top:0}
.bars i:nth-child(1){height:38%;animation-delay:.9s}
.bars i:nth-child(2){height:55%;animation-delay:1s}
.bars i:nth-child(3){height:47%;animation-delay:1.1s}
.bars i:nth-child(4){height:72%;animation-delay:1.2s}
.bars i:nth-child(5){height:92%;animation-delay:1.3s}
.chart i:nth-child(1){height:35%}
.chart i:nth-child(2){height:48%}
.chart i:nth-child(3){height:44%}
.chart i:nth-child(4){height:62%}
.chart i:nth-child(5){height:58%}
.chart i:nth-child(6){height:76%}
.chart i:nth-child(7){height:90%}
.paper i:nth-child(1){width:60%}
.paper i:nth-child(4){width:70%}
.paper i:nth-child(6){width:40%}
.paper i:nth-child(7){width:55%}
.sol-mock .orb.orb-s1{width:36%;left:-10%;top:-14%;right:auto}
.sol-mock .orb.orb-s2{width:40%;left:-14%;bottom:-20%;background:var(--navy-3)}
.sol-mock .orb.orb-s3{width:48%;right:-16%;top:-26%}
.final-card .eyebrow{color:var(--orange)}
.final-card h2{margin-top:12px}
footer b{color:var(--ink)}