/* Parcours conceptuels : aucune imitation d'écran de l'application. */
.service-story{--story-blue:#268bff;--story-mint:#21d9b6;--story-panel:#071b36;--story-text:#f3f7ff;--story-muted:#b3c9e7;--story-border:#286393;position:relative;width:100%;min-width:0;border:1px solid var(--story-border);border-radius:27px;padding:23px;background:radial-gradient(ellipse at 80% 15%,#00ddbb13,transparent 55%),linear-gradient(145deg,#092b50,#06142b 65%);color:var(--story-text);box-shadow:0 22px 65px #005dff1c;text-align:left;isolation:isolate;overflow:hidden}
.story-location{--story-blue:#ff993f;--story-mint:#ffc766;--story-border:#805433;background:radial-gradient(ellipse at 90% 0,#fd8e2018,transparent 60%),linear-gradient(145deg,#292331,#12182c 65%);box-shadow:0 18px 55px #ff861315}
.premium-hero-grid>.service-story{width:calc(100% - 45px);margin:12px 0 28px 45px}.story-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.story-heading>span{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:900}.story-heading b{font-size:9px;color:var(--story-mint);border:1px solid #1da69d4a;border-radius:30px;padding:6px 8px;white-space:nowrap}.service-story svg{width:19px;height:19px;flex-shrink:0}.story-heading svg{color:var(--story-blue)}.story-disclaimer{font-size:10px;color:var(--story-muted);margin:9px 0 0;line-height:1.5}
.story-stage{height:260px;position:relative;perspective:800px;background:radial-gradient(ellipse at 50% 50%,#0076ff22,transparent 65%);isolation:isolate}.story-orbit{position:absolute;left:50%;top:45%;width:340px;height:180px;border:1px solid #35a8e33b;border-radius:50%;transform:translate(-50%,-50%) rotate(-19deg);box-shadow:0 0 30px #0584ef0c}.orbit-inner{width:260px;height:135px;transform:translate(-50%,-50%) rotate(23deg);border-style:dashed;opacity:.5}.story-route{position:absolute;left:14%;right:14%;top:48%;height:1px;background:linear-gradient(90deg,transparent,var(--story-blue),var(--story-mint),transparent);transform:rotate(-10deg)}.story-route span{position:absolute;width:6px;height:6px;background:var(--story-mint);border-radius:50%;top:-3px;box-shadow:0 0 12px var(--story-mint);animation:story-travel 5s linear infinite}.story-route span:nth-child(2){animation-delay:-1.7s}.story-route span:nth-child(3){animation-delay:-3.4s}
.story-symbol{position:absolute;left:50%;top:12%;width:174px;height:188px;transform:translateX(-50%);animation:story-appear .45s ease both}.story-sheet{position:absolute;inset:13px 9px;background:linear-gradient(150deg,#238dca40,#16375d);border:1px solid #80c8ff44;border-radius:20px;transform:rotate(-12deg) translate(-14px,2px)}.sheet-middle{transform:rotate(9deg) translate(12px,6px);background:linear-gradient(140deg,#58e2cb33,#103456)}.story-core{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:24px;background:linear-gradient(140deg,#effbff,#cceaff);border:1px solid #b8f4ff;box-shadow:0 15px 40px #0004,inset 0 1px 0 #fff;color:#124273;transform:rotate(-6deg);animation:story-float 6s ease-in-out infinite}.story-core>svg{width:57px;height:57px;color:#086bc7;filter:drop-shadow(0 3px 0 #fff)}.story-core>span{font-size:12px;font-weight:950;text-align:center;padding:0 8px}.story-core-lines{display:flex;flex-direction:column;gap:5px;width:60%}.story-core-lines i{height:4px;border-radius:3px;background:#a3c9e8;width:100%}.story-core-lines i:nth-child(2){width:85%}.story-core-lines i:nth-child(3){width:58%;background:#36c0a5}.story-check{position:absolute;right:-13px;bottom:16px;width:39px;height:39px;border:3px solid #052447;border-radius:50%;background:var(--story-mint);color:#073c40;display:grid;place-items:center;box-shadow:0 4px 18px #00ddad33;animation:story-check-in .6s ease both}.story-check svg{width:22px;height:22px}
.story-satellite{position:absolute;display:flex;align-items:center;gap:8px;padding:11px 13px;border-radius:13px;background:linear-gradient(120deg,#0b315aee,#092443ee);color:#dceeff;border:1px solid #3683ba6b;box-shadow:0 8px 25px #0003;font-size:11px;font-weight:850;z-index:3;animation:story-float 7s ease-in-out infinite}.story-satellite svg{color:var(--story-mint);width:22px;height:22px}.satellite-one{left:0;top:26%;transform:rotate(-6deg)}.satellite-two{right:0;top:11%;transform:rotate(5deg);animation-delay:-3s}.satellite-three{right:0;bottom:25%;transform:rotate(-3deg);animation-delay:-1s}.story-caption{position:absolute;bottom:7px;left:0;right:0;text-align:center;color:var(--story-muted);font-size:10px;line-height:1.5}.story-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0;margin:8px 0 17px}.story-steps button{display:flex;align-items:center;justify-content:center;gap:7px;font:800 12px inherit;font-family:inherit;font-weight:800;font-size:12px;padding:10px 5px;border:1px solid #2f638e;color:var(--story-muted);background:#0a2541;border-radius:12px;min-height:46px;cursor:pointer;transition:background .2s,border-color .2s}.story-steps button span{display:grid;place-items:center;width:21px;height:21px;flex-shrink:0;border-radius:50%;background:#173e60;font-size:10px}.story-steps button[aria-pressed=true]{color:#fff;background:linear-gradient(110deg,#0066d0,#087bae);border-color:#36c5e9;box-shadow:0 4px 18px #007eff26}.story-steps button[aria-pressed=true] span{background:#e0f9ff;color:#065778}.story-location .story-steps button[aria-pressed=true]{background:linear-gradient(110deg,#aa4507,#b76c10);border-color:#ffc064}.story-explanation{min-height:177px}.story-explanation section:not([hidden]){animation:story-text-in .35s ease both}.service-story .story-explanation h2{font-size:22px;line-height:1.18;letter-spacing:-.02em;font-weight:900;color:var(--story-text);margin:0 0 9px}.story-explanation p{color:var(--story-muted);font-size:12px;line-height:1.65;margin:0 0 12px;max-width:none}.story-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.story-tags span{display:flex;gap:4px;align-items:center;font-size:9px;color:var(--story-muted);padding:5px 7px;border:1px solid #3675964d;border-radius:7px;background:#11304b6b}.story-tags svg{width:12px;height:12px;color:var(--story-mint)}.story-real-link{display:flex;align-items:center;gap:8px;color:#65d2ff!important;font-size:12px;font-weight:900;text-decoration:none;min-height:35px}.story-location .story-real-link{color:#ffba7f!important}.story-controls{border-top:1px solid #3a709c42;padding-top:10px;display:flex;justify-content:space-between;gap:6px;align-items:center}.story-controls button{border:0;background:transparent;color:var(--story-muted);font-family:inherit;cursor:pointer;min-height:34px;font-size:10px;padding:3px 0;display:flex;gap:5px;align-items:center}.story-controls button:first-child{color:var(--story-text);font-weight:850}.story-controls svg{width:14px}.story-controls button:disabled{opacity:.7;cursor:default}.service-story button:focus-visible,.service-story a:focus-visible{outline:3px solid var(--story-mint);outline-offset:3px}.service-story [hidden]{display:none!important}.story-paused *,.story-offscreen *{animation-play-state:paused!important}
@keyframes story-float{50%{translate:0 -7px}}@keyframes story-appear{from{opacity:0;translate:15px 0}to{opacity:1;translate:0 0}}@keyframes story-text-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes story-travel{from{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:100%;opacity:0}}@keyframes story-check-in{from{scale:.6;opacity:0}to{scale:1;opacity:1}}
html[data-theme=light] .service-story{--story-text:#173859;--story-muted:#526a85;--story-border:#abcfe5;background:radial-gradient(ellipse at 90% 0,#b1f5e633,transparent 65%),linear-gradient(140deg,#f9fcff,#eef6fe)}html[data-theme=light] .story-steps button{background:#eaf3fb;color:#395d7a;border-color:#b7ccdf}html[data-theme=light] .story-steps button[aria-pressed=true]{color:#fff;background:linear-gradient(110deg,#0066d0,#087bae)}html[data-theme=light] .story-steps button span{background:#d9e7f3}html[data-theme=light] .story-tags span{color:#3c617a;background:#e6f3fb}html[data-theme=light] .story-real-link{color:#075baf!important}html[data-theme=light] .story-location .story-real-link{color:#a64906!important}html[data-theme=light] .story-caption{color:#526a85}html[data-theme=light] .story-heading b{color:#087366}
@media(prefers-color-scheme:light){html:not([data-theme=dark]) .service-story{--story-text:#173859;--story-muted:#526a85;--story-border:#abcfe5;background:linear-gradient(140deg,#f9fcff,#eef6fe)}html:not([data-theme=dark]) .story-steps button{background:#eaf3fb;color:#395d7a;border-color:#b7ccdf}html:not([data-theme=dark]) .story-steps button[aria-pressed=true]{color:#fff;background:linear-gradient(110deg,#0066d0,#087bae)}html:not([data-theme=dark]) .story-tags span{color:#3c617a;background:#e6f3fb}html:not([data-theme=dark]) .story-real-link{color:#075baf!important}html:not([data-theme=dark]) .story-heading b{color:#087366}}
@media(max-width:1250px){.story-heading{flex-wrap:wrap;gap:7px}.story-satellite{font-size:10px;padding:9px 10px}.story-stage{height:245px}.story-symbol{width:151px;height:165px}.story-satellite svg{width:18px;height:18px}.service-story .story-explanation h2{font-size:20px}}
@media(max-width:1023px){.premium-hero-grid>.service-story{width:100%;max-width:700px;margin:24px auto 32px}.story-heading{flex-wrap:nowrap}.story-stage{height:260px}.story-symbol{width:174px;height:188px}}
@media(max-width:600px){.service-story{padding:17px;border-radius:22px}.story-heading{flex-wrap:wrap}.story-heading>span{font-size:13px}.story-disclaimer{font-size:10px}.story-stage{height:250px}.story-symbol{width:142px;height:164px;top:15%}.story-core{gap:11px}.story-core>svg{width:48px;height:48px}.story-core>span{font-size:11px}.story-satellite{font-size:9px;gap:5px;padding:9px 7px}.satellite-one{left:-4px;top:22%}.satellite-two{right:-3px;top:8%}.satellite-three{right:-5px;bottom:26%}.orbit-outer{width:270px;height:160px}.orbit-inner{width:210px;height:130px}.story-steps{gap:5px}.story-steps button{font-size:11px;gap:5px;min-height:46px}.story-explanation{min-height:207px}.service-story .story-explanation h2{font-size:21px}.story-explanation p{font-size:12px}.story-controls button{font-size:9px}.story-tags span{font-size:9px}.premium-hero-grid>.service-story{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.service-story *{animation:none!important;transition:none!important}.story-symbol,.story-core{translate:none}.story-route span{display:none}}
/* Deux sections distinctes, avec de l'espace pour lire leur rôle. */
.premium-home .premium-value-strip{margin-bottom:55px}.premium-home .premium-services{padding-top:8px;padding-bottom:38px}
.premium-home .premium-title{font-size:clamp(46px,4.4vw,66px)}
@media(max-width:600px){.premium-home .premium-title{font-size:clamp(37px,10vw,53px)}}
.story-progress{height:3px;border-radius:5px;background:#52769733;overflow:hidden;margin:10px 0 5px}.story-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--story-blue),var(--story-mint));transform:scaleX(0);transform-origin:left;transition:transform .2s linear}.story-progress-caption{font-size:9px!important;margin:0 0 9px!important;color:var(--story-muted)!important}.story-indicators{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 15px}.story-indicators>div{border:1px solid #468cb340;border-radius:12px;padding:10px 8px;background:#2460900c;display:flex;gap:8px;align-items:center}.story-indicators svg{width:23px;height:23px;color:var(--story-mint)}.story-indicators strong{font-size:10px;line-height:1.5;color:var(--story-text)}
@media(max-width:600px){.story-indicators>div{display:block;text-align:center;padding:9px 4px}.story-indicators svg{margin:0 auto 4px;display:block}.story-indicators strong{font-size:9px}}