/* Page Simulation v3 : composition autour du moteur et du formulaire natifs. */
.simulation-v3{background:#F7F7F5;color:#0A0A0B}
/* Surtitres du handoff : filet seul en section, pastille uniquement dans le héros. */
.simulation-v3 .seyeb .eyebrow{font:400 10.5px/1.5 var(--mono);letter-spacing:.1em;text-transform:none}
.simulation-v3 .seyeb .eyebrow::before{display:none}
.simulation-v3 .simulation-hero-label .eyebrow{font-size:11.5px;letter-spacing:.07em}
.simulation-v3 .simulation-hero-label .eyebrow::before{display:block;width:6px;height:6px;animation:aecPulse 2.6s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.simulation-v3 .simulation-hero-label .eyebrow::before{animation:none}}

.simulation-v3 .lph{padding:56px 22px 54px}
.simulation-v3 .lph-in{max-width:1240px;padding:0 22px;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);grid-template-rows:auto 1fr;column-gap:44px;row-gap:26px}
.simulation-v3 .cabinet-simulation-intro{grid-column:1;grid-row:1}
.simulation-v3 .cabinet-simulation-intro h1{font-size:clamp(42px,5.2vw,80px);line-height:.97;letter-spacing:-.04em;max-width:11ch;text-wrap:balance}
.simulation-v3 .cabinet-simulation-intro .hl{color:#55565A;background:linear-gradient(transparent 66%,rgba(173,232,60,.6) 66%)}
.simulation-v3 .cabinet-simulation-intro .lph-p{max-width:48ch;font-size:clamp(16px,1.35vw,19px);line-height:1.55;margin-top:20px}
.simulation-v3 .cabinet-simulation-intro .lph-p strong{font-weight:600;color:#0A0A0B}
.simulation-v3 .simulation-hero-rates{grid-column:1;grid-row:2;margin-top:0;max-width:480px}
.simulation-v3 .simulation-hero-rates h2{font-size:17px;letter-spacing:-.02em}
.simulation-v3 .simulation-hero-rate-list{display:grid;grid-template-columns:1fr;gap:10px;margin-top:17px}
.simulation-v3 .simulation-hero-rate-list>div{display:flex;align-items:baseline;gap:14px;min-height:58px;padding:14px 18px;border:1px solid rgba(10,10,11,.1);border-radius:14px;background:#fff}
.simulation-v3 .simulation-hero-rate-list dt{order:1;flex:0 0 70px;font-size:14px}
.simulation-v3 .simulation-hero-rate-list dd{order:2;position:static;display:flex;align-items:baseline;gap:12px;flex:1;min-width:0;margin:0;font-size:24px}
.simulation-v3 .simulation-hero-rate-list dd small{position:static;transform:none;margin:0 0 0 auto;text-align:right;font:400 13px/1.4 var(--sky);color:#55565A}
.simulation-v3 .lph-in .aec-glass{grid-column:2;grid-row:1/span 2;align-self:start;margin:0;max-width:none;width:100%;border-radius:22px}
/* The shared calculator keeps its precise numeric inputs; only their chrome is compact. */
.simulation-v3 .aec-glass[data-lpsim] .hn-number{border-bottom:1px solid #767676}
.simulation-v3 .aec-glass[data-lpsim] .hn-number input{width:94px;min-height:28px;padding:2px 0;border:0;border-radius:0;background:transparent;text-align:right;font:500 13px/1.4 var(--mono)}
.simulation-v3 .aec-glass[data-lpsim] .hn-number>span{font-size:12px}
.simulation-v3 .aec-glass[data-lpsim] .hn-number:focus-within{border-bottom-color:#0A0A0B;box-shadow:0 2px 0 #ADE83C}
.simulation-v3 .aec-glass[data-lpsim] .hn-number input:focus-visible{outline:2px solid #0A0A0B;outline-offset:2px}
.simulation-v3 .aec-glass[data-lpsim] .chips{display:flex;flex-wrap:wrap;gap:8px}
.simulation-v3 .aec-glass[data-lpsim] .chips button{flex:0 0 auto;min-height:44px;padding:9px 14px;font-size:12.5px}
.simulation-v3 .aec-glass[data-lpsim] .result>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(18px,3vw,32px);align-items:center}
.simulation-v3 .aec-glass[data-lpsim] .result-lab{grid-column:1;grid-row:1;align-self:end}
.simulation-v3 .aec-glass[data-lpsim] .result-big{grid-column:1;grid-row:2;font-size:clamp(28px,3.2vw,40px);margin:8px 0}
.simulation-v3 .aec-glass[data-lpsim] .result-grid{grid-column:2;grid-row:1/span 2;display:flex;flex-direction:column;gap:0;padding:0;border:0}
.simulation-v3 .aec-glass[data-lpsim] .result-grid>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.simulation-v3 .aec-glass[data-lpsim] .result-grid>div:last-child{border-bottom:0}
.simulation-v3 .aec-glass[data-lpsim] .result-grid b{margin:0;white-space:nowrap}
.simulation-v3 .aec-glass[data-lpsim] .result :is(.hn-sim-details,.simu-hyp){grid-column:1/-1}
.simulation-v3 .simulation-contact,.simulation-v3 .simulation-prep,.simulation-v3 .simulation-help{max-width:1240px;padding:clamp(68px,7vw,90px) 22px 0;margin-inline:auto}
.simulation-v3 .simulation-contact{display:block}
.simulation-v3 .simulation-contact>.seyeb,.simulation-v3 .simulation-prep>.seyeb,.simulation-v3 .simulation-help>.seyeb{display:flex;align-items:center;gap:14px;margin:0 0 16px;font-size:11px}
/* Le helper rend déjà .seyeb-rule : ne pas dessiner un second filet. */
.simulation-v3 .simulation-guide .h2,.simulation-v3 .simulation-prep .h2,.simulation-v3 .simulation-help .h2{font-size:clamp(34px,4.2vw,60px);line-height:1;letter-spacing:-.04em;text-wrap:balance;margin:0}
.simulation-v3 .simulation-guide .h2{max-width:17ch}
.simulation-v3 .simulation-guide .h2 em,.simulation-v3 .simulation-help .h2 em{font-style:normal;color:#55565A;background:linear-gradient(transparent 66%,rgba(173,232,60,.6) 66%)}
.simulation-v3 .simulation-guide>p{max-width:60ch;margin:18px 0 0;font-size:16px;line-height:1.55}
.simulation-v3 .simulation-next-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;counter-reset:simstep;padding:0;margin:32px 0 0}
.simulation-v3 .simulation-next-steps li{counter-increment:simstep;min-width:0;padding:24px;border:1px solid rgba(10,10,11,.1);border-radius:18px;background:#fff;color:#55565A;font-size:14.5px;line-height:1.5}
.simulation-v3 .simulation-next-steps li::before{content:counter(simstep,decimal-leading-zero);display:block;margin-bottom:18px;color:#0A0A0B;font:500 12px/1.2 var(--mono)}
.simulation-v3 .simulation-next-steps strong{color:#0A0A0B;font-size:19px;line-height:1.15;margin-bottom:10px}
.simulation-v3 .simulation-next-steps li:nth-child(2){position:relative;background:linear-gradient(150deg,#C2F057,#ADE83C);border-color:rgba(10,10,11,.14);color:#0A0A0B}
.simulation-v3 .simulation-next-steps li:nth-child(2)::before{margin-bottom:12px}
.simulation-v3 .simulation-step-condition{display:inline-block;margin-bottom:10px;padding:5px 10px;border-radius:99px;background:#0A0A0B;color:#ADE83C;font:500 10px/1.3 var(--mono);letter-spacing:.02em}
.simulation-v3 .simulation-accord{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:clamp(24px,4vw,58px);align-items:start;position:relative;overflow:hidden;margin:16px 0 0;padding:clamp(28px,3.2vw,44px);border:0;border-radius:22px;background:#0A0A0B;color:#fff}
.simulation-v3 .simulation-accord>div:first-child>strong{display:block;max-width:17ch;color:#fff;font-size:clamp(26px,3vw,38px);line-height:1.08;letter-spacing:-.035em}
.simulation-v3 .simulation-accord p{max-width:52ch;margin:16px 0 0;color:rgba(255,255,255,.72);font-size:16px;line-height:1.55}
.simulation-v3 .simulation-accord a{display:inline-flex;align-items:center;gap:12px;margin-top:28px;padding:16px 24px;border-radius:99px;background:#fff;color:#0A0A0B;font-size:15.5px;font-weight:600;text-decoration:none}
.simulation-v3 .simulation-accord a:hover{background:#ADE83C}
.simulation-v3 .simulation-accord a:focus-visible{outline-color:#ADE83C}
.simulation-v3 .simulation-accord-aside{display:grid;gap:8px;padding:22px;border:1px solid rgba(255,255,255,.2);border-radius:16px}
.simulation-v3 .simulation-accord-aside span{color:rgba(255,255,255,.7);font-size:13px}
.simulation-v3 .simulation-accord-aside strong{margin-bottom:12px;color:#ADE83C;font:500 24px/1.2 var(--mono)}
.simulation-v3 .simulation-form-column{max-width:780px;margin:54px auto 0}
.simulation-v3 .simulation-after{max-width:780px;margin:32px auto 0}
.simulation-v3 .simulation-prep-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,4vw,64px);align-items:start}
.simulation-v3 .simulation-prep-intro p{max-width:48ch;margin:16px 0 0;color:#55565A;font-size:16px;line-height:1.55}
.simulation-v3 .simulation-prep-intro a{display:inline-flex;margin-top:26px;padding:16px 26px;background:#0A0A0B;color:#fff;border-radius:99px;font-size:15px;font-weight:600;text-decoration:none}
.simulation-v3 .simulation-prep-intro a:hover{background:#333}
.simulation-v3 .simulation-prep-list{list-style:none;counter-reset:piece;margin:0;padding:8px 0;background:#fff;border:1px solid rgba(10,10,11,.1);border-radius:18px}
.simulation-v3 .simulation-prep-list li{counter-increment:piece;display:flex;align-items:baseline;gap:12px;padding:14px 22px;border-bottom:1px solid rgba(10,10,11,.07);font-size:15px}
.simulation-v3 .simulation-prep-list li:last-child{border-bottom:0}
.simulation-v3 .simulation-prep-list li::before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:#ADE83C}
.simulation-v3 .simulation-prep-list li::after{content:counter(piece,decimal-leading-zero);margin-left:auto;color:#55565A;font:500 11px/1.2 var(--mono)}
.simulation-v3 .simulation-help{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:clamp(32px,4vw,56px);row-gap:16px;border-top:0;padding-bottom:0}
.simulation-v3 .simulation-help>.seyeb{grid-column:1/-1}
.simulation-v3 .simulation-help>div:nth-child(2){position:sticky;top:110px;align-self:start}
.simulation-v3 .simulation-help>div>p{margin:16px 0 0;font-size:16px;line-height:1.55}
.simulation-v3 .simulation-final{margin-top:clamp(80px,9vw,132px);padding:clamp(76px,8.5vw,118px) 24px;background:#0A0A0B;color:#fff}
.simulation-v3 .simulation-final-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:1300px;padding:0}
.simulation-v3 .simulation-final h2{max-width:16ch;margin:0;color:#fff;font-size:clamp(36px,4.8vw,64px);line-height:1;letter-spacing:-.04em}
.simulation-v3 .simulation-final-mark{color:#fff;background:linear-gradient(transparent 66%,rgba(173,232,60,.6) 66%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.simulation-v3 .simulation-final p{max-width:54ch;margin:18px 0 0;color:rgba(255,255,255,.76);font-size:17px;line-height:1.55}
.simulation-v3 .simulation-final-actions{display:flex;gap:13px;flex-wrap:wrap;flex:none}
.simulation-v3 .simulation-final-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:16px 26px;border-radius:99px;color:#fff;border:1px solid rgba(255,255,255,.32);font-size:15px;font-weight:600;text-decoration:none}
.simulation-v3 .simulation-final-actions a:first-child{background:#fff;color:#0A0A0B;border-color:#fff}
.simulation-v3 .simulation-final-actions a:hover{border-color:#ADE83C}
@media(max-width:1000px){.simulation-v3 .simulation-next-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.simulation-v3 .simulation-final-inner{align-items:start;flex-direction:column}.simulation-v3 .simulation-hero-rate-list dd small{max-width:45%}}
@media(max-width:1100px){
 .simulation-v3 .aec-glass[data-lpsim] .result>div{grid-template-columns:1fr}
 .simulation-v3 .aec-glass[data-lpsim] .result-lab,.simulation-v3 .aec-glass[data-lpsim] .result-big,.simulation-v3 .aec-glass[data-lpsim] .result-grid{grid-column:1;grid-row:auto}
 .simulation-v3 .aec-glass[data-lpsim] .result-grid{margin-top:8px}
}
@media(max-width:760px){
 .simulation-v3 .lph{padding:30px 22px 30px}
 .simulation-v3 .lph-in{display:grid;grid-template-columns:1fr;gap:22px;padding-inline:0}
 .simulation-v3 .cabinet-simulation-intro{grid-column:1;grid-row:1}
 .simulation-v3 .cabinet-simulation-intro h1{font-size:clamp(42px,10.5vw,54px);max-width:none}
 .simulation-v3 .lph-in .aec-glass{grid-column:1;grid-row:2}
 .simulation-v3 .simulation-hero-rates{grid-column:1;grid-row:3;max-width:none;margin-top:2px}
 .simulation-v3 .simulation-hero-rate-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .simulation-v3 .simulation-hero-rate-list>div{display:block;min-height:0;padding:12px}
 .simulation-v3 .simulation-hero-rate-list dd{display:block;font-size:20px}
 .simulation-v3 .simulation-hero-rate-list dt{display:block}
 .simulation-v3 .simulation-hero-rate-list dd small{display:block;position:static;max-width:none;margin-top:4px;text-align:left}
 .simulation-v3 .simulation-contact,.simulation-v3 .simulation-prep,.simulation-v3 .simulation-help{padding:68px 22px 0}
 .simulation-v3 .simulation-next-steps{grid-template-columns:1fr 1fr;gap:10px}
 .simulation-v3 .simulation-next-steps li{padding:18px}
 .simulation-v3 .simulation-accord{grid-template-columns:1fr}
 .simulation-v3 .simulation-prep-intro,.simulation-v3 .simulation-help{grid-template-columns:1fr}
 .simulation-v3 .simulation-help>div:nth-child(2){position:static}
 .simulation-v3 .simulation-form-column{margin-top:36px}
 .simulation-v3 .simulation-final{padding:76px 22px}
}
@media(max-width:480px){.simulation-v3 .simulation-next-steps{grid-template-columns:1fr}.simulation-v3 .simulation-hero-rate-list{grid-template-columns:repeat(2,minmax(0,1fr))}.simulation-v3 .simulation-final-actions{width:100%}.simulation-v3 .simulation-final-actions a{width:100%}}
@media(prefers-reduced-motion:reduce){.simulation-v3 *{animation-duration:0s!important;transition-duration:0s!important}}
/* 21/10/2026 : sous 16px, Safari iOS zoome sur la page au toucher du champ et n'en ressort pas.
   Sur ecran tactile seulement, le champ passe a 16px ; l'ordinateur garde sa taille (voir aeconomia.css). */
@media(pointer:coarse){.simulation-v3 .aec-glass[data-lpsim] .hn-number input{font-size:16px}}
/* 21/10/2026, capture iPhone de Bastien (393 px) : en flex, les quatre durees retombaient sur deux
   lignes, « 25 ans » seule dessous. Sous 520 px, meme grille de quatre que l'accueil et les LP. */
@media(max-width:520px){
  .simulation-v3 .aec-glass[data-lpsim] .chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .simulation-v3 .aec-glass[data-lpsim] .chips button{width:100%;min-width:0;padding-inline:4px}
}