/* Présentation simplifiée du rattachement — limitée à #comparatif. */
#comparatif.rideup-overview{background:#0b1316;padding:100px 0 95px;overflow:hidden}
#comparatif .overview-head{text-align:center;max-width:850px;margin:0 auto 65px}
#comparatif .overview-head .kicker{display:inline-flex;border:1px solid #31585c;border-radius:30px;padding:7px 14px;font-size:.65rem;letter-spacing:.11em;margin-bottom:25px}
#comparatif .overview-head .kicker:before{content:'';width:5px;height:5px;border-radius:50%;background:#05f7fb}
#comparatif .overview-head h2{font-size:clamp(2.5rem,4.4vw,4.5rem);line-height:1.04;letter-spacing:-.055em;margin:0 0 22px;color:#f0f5f5}
#comparatif .overview-head h2 span{color:#05f7fb}
#comparatif .overview-head>p:last-child{font-size:1rem;line-height:1.65;color:#b1c4c8;max-width:600px;margin:0 auto}
#comparatif .overview-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:24px;align-items:center;position:relative;isolation:isolate}
#comparatif .overview-grid:before{content:'';position:absolute;inset:-60px 15%;background:radial-gradient(ellipse,#05f7fb14,transparent 65%);z-index:-1;pointer-events:none}
#comparatif .overview-card{min-width:0;padding:30px;border:1px solid #2a3b40;border-radius:26px;background:#101b1f;position:relative}
#comparatif .overview-card--side{min-height:380px;display:flex;flex-direction:column}
#comparatif .overview-eyebrow{color:#93adb4;font-size:.64rem;font-weight:700;letter-spacing:.12em;margin:0 0 25px;display:flex;align-items:center;gap:10px}
#comparatif .overview-step{display:grid;place-items:center;width:27px;height:27px;border:1px solid #3b555d;border-radius:50%;letter-spacing:0;color:#a5c1c8}
#comparatif .overview-card h3{font-size:clamp(1.5rem,2.1vw,2rem);letter-spacing:-.04em;line-height:1.1;color:#f1f6f6;margin:0 0 18px}
#comparatif .overview-content{font-size:.9rem;line-height:1.65;color:#b8cbd0}
#comparatif .overview-content>p{margin:0 0 23px}
#comparatif .overview-list{display:grid;gap:11px;list-style:none;margin:0;padding:0}
#comparatif .overview-list li{display:flex;align-items:flex-start;gap:10px;font-size:.85rem;line-height:1.5}
#comparatif .overview-list .ru-icon{width:18px;height:18px;flex:none;color:#05f7fb;margin-top:2px}
#comparatif .overview-platforms{display:flex;gap:10px;align-items:center;margin-top:auto;padding-top:30px}
#comparatif .overview-platforms span{height:41px;min-width:56px;display:grid;place-items:center;padding:9px;border:1px solid #354b51;border-radius:11px;background:#081114}
#comparatif .overview-platforms span:first-child{background:#fff}
#comparatif .overview-platforms img{display:block;width:46px;height:22px;object-fit:contain}
#comparatif .overview-card--main{padding:36px 30px 30px;background:linear-gradient(150deg,#173235,#0c1c20);border-color:#05d9e0;box-shadow:0 12px 55px #05f7fb0b}
#comparatif .overview-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:#05f7fb;color:#0a2326;padding:7px 14px;border-radius:30px;white-space:nowrap;font-size:.64rem;font-weight:800;letter-spacing:.09em}
#comparatif .overview-card--main .overview-eyebrow{color:#63edf0;margin-bottom:22px}
#comparatif .overview-card--main .overview-step{border-color:#298a90;color:#05f7fb}
#comparatif .overview-brand{width:172px;height:auto;display:block;margin:0 0 22px}
#comparatif .overview-card--main h3{font-size:1.7rem;margin-bottom:22px}
#comparatif .overview-service{border:1px solid #29494e;border-radius:13px;background:#0a171b;margin:10px 0;overflow:hidden}
#comparatif .overview-service summary{display:flex;align-items:center;gap:10px;padding:14px;cursor:pointer;list-style:none;color:#e5f2f3;font-size:.85rem;font-weight:700}
#comparatif .overview-service summary::-webkit-details-marker{display:none}
#comparatif .overview-service summary>.ru-icon{width:19px;height:19px;color:#05f7fb;flex:none}
#comparatif .overview-service summary:after{content:'+';font-size:1.3rem;font-weight:400;line-height:1;margin-left:auto;color:#78b6bf;transition:transform .25s}
#comparatif .overview-service[open]{border-color:#38838a}
#comparatif .overview-service[open] summary:after{transform:rotate(45deg);color:#05f7fb}
#comparatif .overview-service summary:hover{background:#132d32}
#comparatif .overview-service summary:focus-visible{outline:2px solid #05f7fb;outline-offset:-3px;border-radius:12px}
#comparatif .overview-service p{padding:0 14px 16px;margin:0;color:#a8c4cb;font-size:.82rem;line-height:1.6}
#comparatif .overview-cta{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:23px;padding:15px 18px;border-radius:30px;background:#05f7fb;color:#082327;font-size:.86rem;font-weight:700;text-decoration:none;transition:background .25s}
#comparatif .overview-cta:hover{background:#f1f8f6}
#comparatif .overview-cta .ru-icon{width:21px;height:21px}
#comparatif .overview-cta:focus-visible{outline:2px solid #fff;outline-offset:5px}
#comparatif .overview-delivery{display:flex;gap:10px;align-items:center;margin-top:auto;padding-top:28px;color:#05f7fb;font-size:.67rem;letter-spacing:.06em}
#comparatif .overview-delivery .ru-icon{width:22px;height:22px}
#comparatif .overview-flow{position:absolute;left:-26px;top:50%;width:27px;height:24px;overflow:visible;pointer-events:none}
#comparatif .overview-flow path{fill:none;stroke:#05f7fb;stroke-width:1.5;stroke-dasharray:5 6}
#comparatif .overview-footnote{text-align:center;color:#8faab2;font-size:.8rem;max-width:650px;margin:35px auto 0}
@keyframes overview-flow{to{stroke-dashoffset:-33}}
@keyframes overview-open{from{opacity:.3;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
body.art-motion #comparatif .overview-flow path{animation:overview-flow 3s linear infinite}
body.art-motion #comparatif .overview-service[open] p{animation:overview-open .3s ease-out}
@media(prefers-reduced-motion:reduce){#comparatif .overview-flow path,#comparatif .overview-service[open] p{animation:none}#comparatif .overview-service summary:after,#comparatif .overview-cta{transition:none}}
html.motion-explicit body.art-motion #comparatif .overview-flow path{animation:overview-flow 3s linear infinite!important}
html.motion-explicit body.art-motion #comparatif .overview-service[open] p{animation:overview-open .3s ease-out!important}
body.motion-paused #comparatif .overview-flow path,body.motion-paused #comparatif .overview-service[open] p{animation:none!important}
@media(max-width:1100px){#comparatif .overview-grid{gap:18px;grid-template-columns:1fr 1.15fr 1fr}#comparatif .overview-card{padding:25px 20px}#comparatif .overview-card--main{padding-top:35px}#comparatif .overview-card h3{font-size:1.5rem}#comparatif .overview-flow{left:-20px;width:21px}#comparatif .overview-platforms{gap:5px}#comparatif .overview-platforms span{min-width:0;padding:7px}#comparatif .overview-platforms img{width:39px}}
@media(max-width:800px){#comparatif.rideup-overview{padding:70px 0}#comparatif .overview-head{margin-bottom:42px}#comparatif .overview-grid{grid-template-columns:1fr;max-width:520px;margin:auto;gap:28px}#comparatif .overview-card--side{min-height:0}#comparatif .overview-card{padding:27px}#comparatif .overview-card--main{padding-top:35px}#comparatif .overview-flow{display:none}#comparatif .overview-head>p:last-child{font-size:.94rem}#comparatif .overview-eyebrow{margin-bottom:18px}#comparatif .overview-footnote{font-size:.76rem}#comparatif .overview-card h3{font-size:1.8rem}}