/* Automatiser — verre fumé, reflets doux et continuité avec la photographie. */
.st-auto-grid{gap:20px}
.st-auto .st-auto-item{gap:0;border-radius:26px;background:#14181d;border:1px solid #ffffff20;overflow:hidden;isolation:isolate;box-shadow:inset 0 1px 0 #ffffff18,0 18px 40px -28px #000;transition:border-color .6s ease,box-shadow .6s ease}
.st-auto .st-auto-item .st-art{--accent:#96caff;order:0;padding:16px 12px 12px;margin:0;max-width:none;background:linear-gradient(#14181d,transparent 45%),radial-gradient(ellipse at 0 80%,#7894aa26,transparent 65%),radial-gradient(ellipse at 100% 10%,#b0c4d318,transparent 65%),#14181d;border-radius:0}
.st-auto .st-auto-item .st-art:before{display:none}
.st-auto .st-auto-carre{height:258px;min-height:258px;padding:24px 22px;border:0;border-radius:0;box-shadow:none;justify-content:flex-end;overflow:hidden}
.st-auto .st-auto-copy h3{font-size:clamp(19px,1.55vw,23px);line-height:1.16;letter-spacing:-.04em;text-wrap:balance}
.st-auto .st-auto-copy p{font-size:13px;line-height:1.5;margin-top:10px;max-width:32em;color:#f5f5f5}
@media(min-width:1181px){.st-auto .st-auto-copy p{min-height:6em}}
.st-auto .st-auto-photo{filter:saturate(.48) brightness(.88);object-position:var(--photo-position,50% 50%);transition:transform 1s cubic-bezier(.2,.65,.3,1)}
.st-auto .st-auto-carre:after{background:linear-gradient(180deg,#14181d00 4%,#14181d38 24%,#14181dae 49%,#14181df2 82%,#14181d 100%)}
.st-photo-recommandations{--photo-position:52% 32%}
.st-photo-conformite{--photo-position:50% 38%}
.st-photo-suivi{--photo-position:42% 43%}
.st-photo-performances{--photo-position:50% 32%}
.st-auto .st-auto-item .st-paper-seul.st-ancien{width:100%;height:416px;min-height:416px;padding:22px 18px;border-radius:18px;border:1px solid #ffffff1f;background:linear-gradient(135deg,#ffffff14,#ffffff04 43%,#ffffff09),#20262de6;box-shadow:inset 0 1px 0 #ffffff1c,inset 0 -1px 0 #ffffff06,0 12px 24px -20px #0009;transform:none;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f4f7fa;transition:transform .65s cubic-bezier(.2,.65,.3,1),box-shadow .65s ease}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.st-auto .st-auto-item .st-paper-seul.st-ancien{background:linear-gradient(135deg,#ffffff15,#ffffff04 43%,#ffffff09),#26303a55;-webkit-backdrop-filter:blur(18px) saturate(115%);backdrop-filter:blur(18px) saturate(115%)}}
.st-auto .st-auto-item .st-paper-seul:before{display:none}
.st-auto .st-auto-item .st-paper-seul:after{left:14%;right:14%;height:1px;background:linear-gradient(90deg,transparent,#e4f3ff99,transparent);opacity:.8}
.st-auto .st-paper-seul.st-ancien :is(small,.st-micro,.st-meta>span,.st-timeline time,.st-date span,.st-chart-axis,.st-bottom){color:#c6cfd7}
.st-auto .st-paper-seul.st-ancien :is(.st-puces li,.st-meta){color:#e0e7ee}
.st-auto .st-paper-seul.st-ancien :is(.st-produit,.st-prochaine){border-color:#ffffff1a;border-top-style:solid}
.st-auto .st-paper-seul.st-ancien .st-meta{border-bottom:1px solid #ffffff1a}
.st-auto .st-paper-seul.st-ancien .st-date strong{background:none;color:#ecf2f7}
.st-auto .st-paper-seul.st-ancien .st-avatar{color:#dbeeff;background:linear-gradient(140deg,#b1cee628,#7798b50e);border:1px solid #d7eaff24;box-shadow:inset 0 1px 0 #ffffff12}
.st-auto .st-paper-seul.st-ancien .st-badge{color:#c6e3ff;background:#83bdf714;border-color:#b9dfff29;box-shadow:inset 0 1px 0 #ffffff0c}
.st-auto .st-paper-seul.st-ancien .st-bouton{color:#eef7ff;background:linear-gradient(140deg,#badfff22,#90bdea10);border:1px solid #c2dfff30;border-radius:10px;box-shadow:inset 0 1px 0 #ffffff14,0 4px 12px -8px #000}
.st-auto .st-paper-seul.st-ancien .st-pill{color:#b4e3d2;background:linear-gradient(130deg,#a6ddc914,#a6ddc906);border:1px solid #b1dfd020;box-shadow:inset 0 1px 0 #ffffff08;border-radius:9px}
.st-auto .st-paper-seul.st-ancien .st-coches li:before{color:#b4e3d2;background:linear-gradient(140deg,#a6ddc92e,#a6ddc90e);box-shadow:inset 0 0 0 1px #b1dfd030,inset 0 1px 0 #ffffff15}
.st-auto .st-paper-seul.st-ancien .st-timeline li{border-left-color:#ffffff1a}
.st-auto .st-paper-seul.st-ancien .st-timeline li:last-child{border-left-color:transparent}
.st-auto .st-paper-seul.st-ancien :is(.st-profit,.st-prochaine small){color:#a6ddc9}
.st-auto .st-paper-seul.st-ancien .st-graph .st-grid{stroke:#ffffff0e}
.st-auto .st-paper-seul.st-ancien .st-graph .st-line{stroke:#96caff}
.st-auto .st-paper-seul.st-ancien .st-allocation{opacity:.88}
.st-auto .st-ancien .st-micro{font-size:8px;letter-spacing:.07em}
.st-auto .st-ancien .st-row b{font-size:12px}
.st-auto .st-ancien .st-row small{font-size:10px}
.st-auto .st-ancien .st-metric strong{font-size:31px}
.st-auto .st-ancien .st-scheduled b{font-size:17px}
.st-auto .st-ancien .st-produit b{font-size:18px}
.st-auto .st-ancien .st-coches{gap:18px;margin-top:6px}
.st-auto .st-ancien .st-coches b{font:600 13px/1.4 Arial,Helvetica,sans-serif}
.st-auto .st-ancien .st-coches small{font-size:10px}
.st-auto .st-ancien .st-coches li{padding-left:29px}
.st-auto .st-ancien .st-coches li:before{width:19px;height:19px;font-size:10px}
.st-auto .st-ancien .st-timeline b,.st-auto .st-ancien .st-prochaine b{font:600 13px/1.4 Arial,Helvetica,sans-serif}
.st-auto .st-ancien .st-timeline small,.st-auto .st-ancien .st-prochaine small{font-size:10px}
.st-auto .st-ancien .st-pill{font-size:10px;padding:8px}
.st-auto .st-ancien .st-puces li{font-size:11px}
.st-auto .st-ancien .st-bottom{font-size:10px!important}
.st-auto .st-ancien .st-bouton{font:600 11px/1.5 Arial,Helvetica,sans-serif}
.st-auto .st-paper-seul.st-ancien :is(b,strong,.st-bouton){font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.st-auto .st-paper-seul.st-ancien .st-row{padding:0 0 12px}
.st-auto .st-paper-seul.st-ancien .st-produit{padding-top:12px}
.st-auto .st-paper-seul.st-ancien .st-metric{margin:10px 0 8px}
.st-auto .st-paper-seul.st-ancien .st-allocation{margin-top:14px}
.st-auto .st-paper-seul.st-ancien .st-bouton{padding:8px 13px}
@media(hover:hover) and (pointer:fine){.st-auto .st-auto-item:hover{border-color:#d5e9ff40;box-shadow:inset 0 1px 0 #ffffff22,0 22px 40px -26px #000}.st-auto-item:hover .st-auto-photo{transform:scale(1.025)}.st-auto .st-auto-item:hover .st-paper-seul.st-ancien{box-shadow:inset 0 1px 0 #ffffff30,inset 0 -1px 0 #ffffff09,0 15px 25px -19px #000a;transform:translateY(-2px)}}

/* Le bénéfice majeur, puis trois repères. La photographie respire. */
.st-benefits{grid-template-columns:53% 47%;background:#050505;min-height:900px;overflow:hidden}
.st-benefits:before{display:none}
.st-benefit-photo img{object-position:35% center;-webkit-mask-image:linear-gradient(90deg,#000 58%,transparent);mask-image:linear-gradient(90deg,#000 58%,transparent)}
.st-benefit-photo:after{background:linear-gradient(0deg,#050505,transparent 26%,transparent 78%,#05050580)}
.st-benefits .st-benefit-side{padding:100px max(6vw,24px) 75px 0;align-items:center;min-width:0}
.st-benefit-content{width:100%;max-width:470px}
.st-benefits .st-benefit-content h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(38px,3.5vw,52px);line-height:1.07;font-weight:500;letter-spacing:-.055em;color:#fff;margin:0 0 35px}
.st-time-focus{padding-bottom:28px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.st-benefits .st-time{font:500 clamp(68px,6.6vw,98px)/1 Arial,Helvetica,sans-serif;letter-spacing:-.075em;gap:10px;margin:0;color:#83bdf7!important}
.st-benefits .st-time>span:last-child{font-size:.46em;letter-spacing:-.04em}
.st-benefits .st-time-caption{font-size:16px;line-height:1.5;letter-spacing:-.02em;color:#eee;margin:0}
.st-benefit-rows{display:grid;gap:0}
.st-benefit-rows article{border-top:1px solid #ffffff24;padding:20px 0;max-width:420px}
.st-benefit-rows h3{font:500 19px/1.25 Arial,Helvetica,sans-serif;color:#fff;letter-spacing:-.025em;margin:0}
.st-benefit-rows p{font:400 13px/1.6 Arial,Helvetica,sans-serif;max-width:380px;color:#d4d4d4;margin:8px 0 0}
.st-benefits .st-benefit-content>.st-estimate{font-size:10px;line-height:1.6;color:#aaa!important;max-width:380px;margin:10px 0 0!important}
html.st-paged .st-benefits .st-benefit-side{padding:90px max(6vw,24px) 40px 0}
html.st-paged .st-benefit-content{zoom:var(--zoom-art,1)}

/* Tactile : le navigateur garde le défilement, le zoom suit sa progression. */
.st-touch-track{position:relative;height:calc(var(--scene-h) + var(--scene-travel));background:#fff}
.editorial .st-touch-hero.hero{position:sticky;top:0;height:var(--scene-h);min-height:0;max-height:none;max-width:none;margin:0;isolation:isolate;overflow:hidden}
.st-touch-media{position:absolute;inset:0;z-index:-1;will-change:transform;pointer-events:none}
.editorial .st-touch-media .ed-hero-photo{z-index:0}
.st-touch-media .ed-hero-ecran{z-index:1}
.st-touch-veil{position:absolute;inset:-1px;z-index:3;pointer-events:none;background:#fff;opacity:0}
.editorial .st-touch-hero .hero-inner{opacity:var(--touch-copy,1)!important;translate:0 var(--touch-lift,0px);transition:none}
.st-touch-hero .hero-inner[inert]{pointer-events:none}
@media(max-width:1180px){
 .st-auto-grid{gap:26px}
 .st-auto .st-auto-carre{height:250px;min-height:250px;padding:26px}
 .st-auto .st-auto-copy h3{font-size:25px}
 .st-auto .st-auto-copy p{font-size:14px}
 .st-auto .st-auto-item .st-paper-seul.st-ancien{height:416px;min-height:416px;padding:26px}
 .st-benefits{grid-template-columns:48% 52%}
 .st-benefits .st-benefit-side{padding-right:5vw;padding-block:80px}
 .st-benefit-photo img{object-position:19% center}
}
@media(max-width:899px){
 .editorial .st-touch-hero.hero{padding-top:132px;padding-bottom:0;display:block}
 .editorial .st-touch-hero .hero-inner{max-width:550px}
 .editorial .st-touch-hero .ed-hero-photo{height:52%;min-height:310px;max-height:560px}
 .editorial .hero .hero-subtitle{white-space:normal;max-width:100%}
 .st-benefits .st-benefit-content h2{font-size:38px}
 .st-benefits .st-time{font-size:74px}
}
@media(max-width:720px){
 .st-auto-grid{gap:30px}
 .st-auto .st-auto-carre{height:260px;min-height:260px;padding:25px}
 .st-auto .st-auto-copy h3{font-size:24px}
 .st-auto .st-auto-copy p{font-size:13px;max-width:31em}
 .st-auto .st-auto-item .st-art{padding:14px}
 .st-auto .st-auto-item .st-paper-seul.st-ancien{height:auto;min-height:416px;padding:26px 23px}
 .st-auto .st-auto-item .st-paper-seul.st-ancien .st-graph-plein{max-height:150px}
 .st-benefits{display:block;min-height:0}
 .st-benefit-photo{height:450px;min-height:0}
 .st-benefit-photo img{object-position:30% 36%;-webkit-mask-image:linear-gradient(#000 52%,transparent);mask-image:linear-gradient(#000 52%,transparent)}
 .st-benefit-photo:after{background:linear-gradient(0deg,#050505,transparent 44%)}
 .st-benefits .st-benefit-side{position:relative;margin-top:-90px;padding:0 26px 64px}
 .st-benefit-content{max-width:500px;margin-inline:auto}
 .st-benefits .st-benefit-content h2{font-size:39px;margin-bottom:32px}
 .st-time-focus{gap:14px 22px;padding-bottom:28px}
 .st-benefits .st-time{font-size:82px}
 .st-benefits .st-time-caption{font-size:16px}
 .st-benefit-rows article{padding-block:20px;max-width:none}
 .st-benefit-rows h3{font-size:19px}
 .st-benefit-rows p{font-size:13px;max-width:31em}
 .st-benefits .st-benefit-content>.st-estimate{max-width:34em;margin-top:12px!important}
}
@media(max-width:380px){.editorial .st-touch-hero .hero-tagline{font-size:34px}.editorial .st-touch-hero .hero-subtitle{font-size:17px;margin-block:17px}.editorial .st-touch-hero .ed-hero-lede{font-size:13px;max-width:24em}.editorial .st-touch-hero .ed-hero-photo{height:48%;min-height:280px}.st-auto .st-auto-copy h3{font-size:23px}.st-benefits .st-benefit-content h2{font-size:36px}}
@media(min-width:1181px) and (max-height:800px){.st-auto .st-auto-carre{height:230px;min-height:230px}}
@media(prefers-reduced-motion:reduce){.st-auto .st-auto-item,.st-auto .st-auto-item .st-paper,.st-auto .st-auto-photo{transition:none;transform:none!important}.st-touch-media{will-change:auto}}