/* V6 — cadres des services, exclusivement dans la section Avantages. */
#avantages.benefits-section{background:#080e10;color:#b3c3c7;border-radius:36px 36px 0 0;padding:105px 0 85px}
#avantages .kicker{color:#05f7fb;font-size:.72rem;letter-spacing:.15em;margin-bottom:27px}
#avantages .art-services-head{margin-bottom:52px;gap:60px}
#avantages h2{color:#eff5f5;font-size:clamp(2.8rem,5.2vw,5.2rem);max-width:760px}
#avantages h2 em{color:#819397}
#avantages .art-services-head>p{color:#aebfc4;max-width:310px;font-size:.95rem;line-height:1.75}
#avantages .benefit-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
#avantages .benefit-card{grid-column:span 3;display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:26px;border:1px solid #2a383b;border-radius:28px;background:#121a1c;position:relative;overflow:hidden;transition:border-color .3s,background .3s,transform .5s}
#avantages .benefit-card:hover{border-color:#497276;background:#141f21}
#avantages .benefit-card--small{grid-column:span 2;padding:24px}
#avantages .benefit-label{display:flex;align-items:center;gap:9px;color:#64edf0;font-size:.75rem;font-weight:500;line-height:1.4}
#avantages .benefit-label .ru-icon{width:17px;height:17px;color:#05f7fb}
#avantages .benefit-visual{position:relative;height:204px;margin:22px 0 25px;border-radius:20px;background:#0b1214;flex:none;overflow:hidden}
#avantages .benefit-card--small .benefit-visual{height:224px;margin-top:20px}
#avantages .benefit-card h3{color:#f0f5f5;font-size:clamp(1.25rem,1.7vw,1.5rem);letter-spacing:-.035em;font-weight:700;line-height:1.2;margin:0 0 10px;max-width:none}
#avantages .benefit-card p{color:#aebfc4;font-size:.9375rem;font-weight:400;line-height:1.65;max-width:none;margin:0}
#avantages .benefit-card--small h3{font-size:1.22rem}
#avantages .benefit-card--small p{font-size:.875rem}
#avantages .benefit-animate{animation-play-state:paused}
body.art-motion #avantages .benefit-animate{animation-play-state:running}
#avantages .benefit-contract{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;background:radial-gradient(ellipse at 50% 110%,#12363a 0,transparent 65%),#0b1214}
#avantages .benefit-contract-pair{display:flex;align-items:center;gap:12px;font-size:.72rem;color:#a8d9dc}
#avantages .benefit-contract-pair>span{padding:6px 11px;border:1px solid #2c4c50;border-radius:30px;background:#112427}
#avantages .benefit-contract-pair b{font-size:1rem;color:#05f7fb;font-weight:400}
#avantages .benefit-contract-name{font-size:clamp(2.8rem,4.5vw,3.8rem);line-height:1;letter-spacing:-.055em;font-weight:900;color:#f0f7f7}
#avantages .benefit-contract-name small{font-size:.38em;font-weight:500;color:#648589;vertical-align:middle;padding:0 3px}
#avantages .benefit-contract-name span:last-child{color:#05f7fb}
#avantages .benefit-contract-note{display:flex;gap:7px;align-items:center;font-size:.67rem;letter-spacing:.045em;text-transform:uppercase;color:#8cadb1}
#avantages .benefit-check{width:22px;height:22px;display:grid;place-items:center;flex:none;border:1px solid #2c565a;border-radius:50%;color:#05f7fb;background:#152b2e;font-size:.75rem}
#avantages .benefit-admin{display:grid;gap:9px;align-content:center;padding:0;background:transparent}
#avantages .benefit-admin-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #1c2a2d;border-radius:16px;background:#0b1214}
#avantages .benefit-admin-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:11px;background:#162d31;color:#57e5ec;font-weight:700;font-size:.69rem}
#avantages .benefit-admin-icon .ru-icon{width:19px;height:19px}
#avantages .benefit-admin-row>span:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}
#avantages .benefit-admin-row strong{font-size:.83rem;line-height:1.25;color:#e8eff0}
#avantages .benefit-admin-row small{font-size:.66rem;line-height:1.3;color:#7f979f}
#avantages .benefit-income{display:grid;grid-template-columns:70px minmax(0,1fr) 108px;align-items:center;padding:20px 23px}
#avantages .benefit-income-sources{display:flex;flex-direction:column;align-items:center;gap:13px}
#avantages .benefit-income-sources span{height:33px;width:68px;display:grid;place-items:center;border:1px solid #2d3d41;border-radius:10px;font-weight:700;font-size:.76rem;color:#dce9eb;background:#141f22}
#avantages .benefit-income-sources span:last-child{font-weight:400;color:#8da5ab}
#avantages .benefit-stream{width:100%;height:138px;overflow:visible}
#avantages .benefit-stream path{fill:none;stroke:#28494d;stroke-width:1.5;vector-effect:non-scaling-stroke}
#avantages .benefit-stream .benefit-current{stroke:#05f7fb;stroke-width:2;stroke-dasharray:9 220;animation:benefit-flow 5s linear infinite;animation-play-state:paused}
#avantages .benefit-stream .benefit-current:nth-last-child(2){animation-delay:-1.8s}
#avantages .benefit-stream .benefit-current:last-child{animation-delay:-3.4s}
#avantages .benefit-income-target{position:relative;padding:17px 8px;border:1px solid #2e6268;background:#10282c;border-radius:16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 0 30px #05f7fb08}
#avantages .benefit-income-target .ru-icon{color:#05f7fb;width:30px;height:30px}
#avantages .benefit-income-target strong{color:#e6f3f4;font-size:.76rem;line-height:1.3}
#avantages .benefit-income-target small{color:#68cbd1;font-size:.63rem}
#avantages .benefit-income-foot{position:absolute;left:0;right:0;bottom:12px;text-align:center;font-size:.6rem;letter-spacing:.1em;color:#77999f;text-transform:uppercase}
@keyframes benefit-flow{to{stroke-dashoffset:-460}}
#avantages .benefit-calendar{padding:18px 24px;display:flex;flex-direction:column;justify-content:center;gap:18px}
#avantages .benefit-calendar-head{display:flex;align-items:center;justify-content:space-between;color:#abc1c6;font-size:.7rem;line-height:1.3}
#avantages .benefit-calendar-head .ru-icon{width:18px;height:18px;color:#4fa8b1}
#avantages .benefit-week-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
#avantages .benefit-week{min-width:0;padding:13px 4px;border:1px solid #264047;background:#112024;border-radius:14px;display:flex;flex-direction:column;gap:10px;align-items:center;color:#597c84;animation:benefit-week 8s ease-in-out infinite;animation-play-state:paused;animation-delay:var(--week-delay,0s)}
#avantages .benefit-week>small{font-size:.58rem;line-height:1.2;letter-spacing:.05em;color:#9db6bd}
#avantages .benefit-week>strong{font-size:1.5rem;line-height:1;font-weight:500;color:#05f7fb}
#avantages .benefit-calendar-note{font-size:.63rem;line-height:1.3;color:#76949d;text-align:center}
@keyframes benefit-week{0%,20%,100%{background:#112024;border-color:#264047}4%,15%{background:#12393e;border-color:#05aeb9;box-shadow:0 0 20px #05f7fb0c}}
#avantages .benefit-orbit{background:radial-gradient(ellipse,#0c3135 0,transparent 64%);overflow:visible}
#avantages .benefit-orbit-ring{position:absolute;left:50%;top:50%;width:178px;height:178px;margin:-89px;border:1px solid #254045;border-radius:50%;animation:benefit-orbit 25s linear infinite;animation-play-state:paused}
#avantages .benefit-orbit-ring:after{content:'';position:absolute;top:-3px;left:50%;width:5px;height:5px;border-radius:50%;background:#05f7fb;box-shadow:0 0 12px #05f7fb}
#avantages .benefit-orbit-ring:before{content:'';position:absolute;inset:29px;border:1px dashed #244045;border-radius:50%}
#avantages .benefit-orbit-logo{position:absolute;width:64px;height:64px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #31616a;border-radius:20px;box-shadow:0 0 32px #05f7fb13}
#avantages .benefit-platform{position:absolute;display:grid;place-items:center;width:82px;height:46px;padding:10px;border:1px solid #355057;border-radius:14px;background:#0b1214;box-shadow:0 5px 20px #03090955}
#avantages .benefit-platform img{display:block;width:100%;height:100%;object-fit:contain}
#avantages .benefit-platform--uber{width:76px;background:#fff;border-color:#e5eeee}
#avantages .benefit-platform--bolt{width:66px}
#avantages .benefit-platform--heetch{width:90px}
#avantages .benefit-platform--freenow{width:112px;background:#fff;border-color:#e5eeee}
#avantages .benefit-platform--allocab{width:86px;background:#fff;border-color:#e5eeee}
#avantages .benefit-platform--uber{top:7px;left:50%;transform:translateX(-50%)}
#avantages .benefit-platform--bolt{top:66px;right:3px;color:#05f7fb}
#avantages .benefit-platform--heetch{bottom:10px;right:24px}
#avantages .benefit-platform--freenow{bottom:24px;left:5px}
#avantages .benefit-platform--allocab{top:64px;left:0}
@keyframes benefit-orbit{to{transform:rotate(360deg)}}
#avantages .benefit-documents{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 95%,#133238,transparent 65%),#0b1214}
#avantages .benefit-document{position:relative;width:158px;height:185px;background:#deebea;color:#143134;border-radius:7px;padding:16px;transform:rotate(-4deg);box-shadow:8px 10px 0 -3px #567478,15px 19px 0 -7px #253d43,0 12px 35px #0006;transition:transform .5s}
#avantages .benefit-card:hover .benefit-document{transform:rotate(0deg) translateY(-3px)}
#avantages .benefit-document-brand{font-size:.75rem;font-weight:900;letter-spacing:-.02em}
#avantages .benefit-document-title{display:block;margin-top:15px;font-size:.6rem;letter-spacing:.1em;font-weight:700}
#avantages .benefit-document-rule{display:block;height:4px;background:#b8cecf;border-radius:5px;margin-top:10px}
#avantages .benefit-document-rule:nth-of-type(3){width:70%}
#avantages .benefit-document-rule:nth-of-type(4){width:85%}
#avantages .benefit-document-bottom{position:absolute;left:16px;right:16px;bottom:15px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #afc8c9;padding-top:11px;font-size:.57rem;font-weight:500}
#avantages .benefit-document-bottom .benefit-check{background:#17363a;border:0}
#avantages .benefit-chat{padding:22px 18px;display:flex;flex-direction:column;justify-content:center;gap:13px}
#avantages .benefit-chat-label{display:flex;align-items:center;gap:8px;font-size:.65rem;color:#7f9ea5}
#avantages .benefit-chat-label .ru-icon{width:17px;height:17px;color:#05f7fb}
#avantages .benefit-chat-question{border:1px solid #2b4147;align-self:flex-end;background:#17282d;color:#c5d7dc;padding:10px 13px;border-radius:15px 15px 3px 15px;font-size:.73rem;line-height:1.45;max-width:190px}
#avantages .benefit-chat-reply{background:#05f7fb;color:#072327;padding:11px 13px;border-radius:15px 15px 15px 3px;font-size:.75rem;font-weight:700;align-self:flex-start;max-width:200px}
#avantages .benefit-chat-dots{display:flex;gap:4px;padding-left:8px}
#avantages .benefit-chat-dots i{height:4px;width:4px;border-radius:50%;background:#548790;animation:benefit-dot 1.8s ease-in-out infinite;animation-play-state:paused}
#avantages .benefit-chat-dots i:nth-child(2){animation-delay:.2s}
#avantages .benefit-chat-dots i:nth-child(3){animation-delay:.4s}
@keyframes benefit-dot{0%,60%,100%{opacity:.25}30%{opacity:1}}
#avantages .benefit-contact-link{display:inline-flex;align-items:center;gap:8px;color:#05f7fb;font-size:.8rem;font-weight:700;margin-top:17px;text-decoration:none;width:fit-content;padding-bottom:3px;border-bottom:1px solid #356467}
#avantages .benefit-contact-link:hover{color:#fff;border-color:#fff}
#avantages .benefit-contact-link .ru-icon{width:15px;height:15px}
#avantages .services-end{border-color:#2b3d41;margin-top:38px;padding-top:30px}
#avantages .services-end p{color:#c7d8db;font-size:1.12rem}
#avantages .services-end .art-button{background:#05f7fb;color:#07191c;border-color:#05f7fb}
#avantages .services-end .art-button:hover{background:#fff;border-color:#fff}
@media(max-width:1100px){
 #avantages .benefit-grid{gap:16px}#avantages .benefit-card{padding:23px}#avantages .benefit-card--small{padding:20px}
 #avantages .benefit-card--small .benefit-visual{height:212px}#avantages .benefit-platform{font-size:.6rem;padding:7px 9px}
 #avantages .benefit-orbit-ring{width:150px;height:150px;margin:-75px}#avantages .benefit-orbit-logo{width:57px;height:57px}
 #avantages .benefit-platform--heetch{right:6px}#avantages .benefit-platform--freenow{left:0}
 #avantages .benefit-chat{padding:15px 12px}#avantages .benefit-chat-reply{font-size:.7rem}#avantages .benefit-chat-question{font-size:.68rem}
}
@media(max-width:900px){
 #avantages.benefits-section{padding-top:80px}#avantages .art-services-head{display:block;margin-bottom:40px}
 #avantages .art-services-head>p{max-width:500px;margin-top:25px}#avantages .benefit-card--small{grid-column:span 3}
 #avantages .benefit-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}
 #avantages .benefit-card:last-child .benefit-label{grid-column:1/-1;margin-bottom:18px}
 #avantages .benefit-card:last-child .benefit-visual{grid-column:1;grid-row:2/5;margin:0;height:190px}
 #avantages .benefit-card:last-child h3{grid-column:2;align-self:end;margin-bottom:10px}
 #avantages .benefit-card:last-child p{grid-column:2}#avantages .benefit-card:last-child .benefit-contact-link{grid-column:2;align-self:start}
 #avantages .benefit-visual{height:190px}#avantages .benefit-income{grid-template-columns:52px minmax(0,1fr) 90px;padding-inline:13px}
 #avantages .benefit-income-sources span{width:51px;font-size:.67rem}#avantages .benefit-income-target{padding:13px 5px}
 #avantages .benefit-income-target strong{font-size:.68rem}#avantages .benefit-calendar{padding-inline:14px}
 #avantages .benefit-week-grid{gap:6px}#avantages .benefit-admin{padding:0}#avantages .benefit-admin-row{padding:9px;gap:9px}
}
@media(max-width:600px){
 #avantages.benefits-section{padding:65px 0 60px;border-radius:24px 24px 0 0}
 #avantages h2{font-size:clamp(2.5rem,10vw,3.6rem)}#avantages .kicker{font-size:.62rem;letter-spacing:.1em;margin-bottom:22px}
 #avantages .art-services-head>p{font-size:.9rem;line-height:1.65;margin-top:23px}
 #avantages .benefit-grid{grid-template-columns:1fr;gap:16px}
 #avantages .benefit-card,#avantages .benefit-card--small,#avantages .benefit-card:last-child{grid-column:auto;display:flex;padding:21px;border-radius:24px;gap:0}
 #avantages .benefit-label{font-size:.68rem}#avantages .benefit-card:last-child .benefit-label{margin:0}
 #avantages .benefit-visual,#avantages .benefit-card--small .benefit-visual,#avantages .benefit-card:last-child .benefit-visual{height:194px;margin:19px 0 23px;border-radius:16px}
 #avantages .benefit-card h3,#avantages .benefit-card--small h3,#avantages .benefit-card:last-child h3{font-size:1.26rem;line-height:1.2;align-self:auto;margin:0 0 10px}
 #avantages .benefit-card p,#avantages .benefit-card--small p{font-size:.875rem;line-height:1.65}
 #avantages .benefit-contract-pair{gap:8px;font-size:.65rem}#avantages .benefit-contract-pair>span{padding:6px 9px}
 #avantages .benefit-contract-name{font-size:3.15rem}#avantages .benefit-contract-note{font-size:.58rem}
 #avantages .benefit-admin-row strong{font-size:.78rem}#avantages .benefit-admin-row small{font-size:.59rem}
 #avantages .benefit-week>small{font-size:.5rem}#avantages .benefit-week>strong{font-size:1.3rem}
 #avantages .benefit-calendar-head{font-size:.64rem}#avantages .benefit-platform{font-size:.63rem}
 #avantages .benefit-platform--uber{top:0}#avantages .benefit-platform--bolt{top:58px}
 #avantages .benefit-platform--allocab{top:55px}#avantages .benefit-platform--heetch{bottom:4px;right:20px}
 #avantages .benefit-platform--freenow{bottom:18px;left:5px}#avantages .benefit-document{width:143px;height:163px;padding:13px}
 #avantages .benefit-document-title{font-size:.53rem;margin-top:12px}#avantages .benefit-document-bottom{left:13px;right:13px;bottom:12px}
 #avantages .benefit-chat{padding:18px}#avantages .benefit-chat-question{font-size:.73rem}#avantages .benefit-chat-reply{font-size:.75rem}
 #avantages .services-end{gap:22px;margin-top:32px}#avantages .services-end p{font-size:1rem}
 #avantages .services-end .art-button{width:100%;justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){html:not(.motion-explicit) #avantages .benefit-animate{animation:none!important}#avantages .benefit-card,#avantages .benefit-document{transition:none}}
/* Le bouton existant peut réactiver explicitement les animations du site. */
html.motion-explicit body.art-motion #avantages .benefit-current{animation:benefit-flow 5s linear infinite!important}
html.motion-explicit body.art-motion #avantages .benefit-current:nth-last-child(2){animation-delay:-1.8s!important}
html.motion-explicit body.art-motion #avantages .benefit-current:last-child{animation-delay:-3.4s!important}
html.motion-explicit body.art-motion #avantages .benefit-week{animation:benefit-week 8s ease-in-out infinite!important;animation-delay:var(--week-delay,0s)!important}
html.motion-explicit body.art-motion #avantages .benefit-orbit-ring{animation:benefit-orbit 25s linear infinite!important}
html.motion-explicit body.art-motion #avantages .benefit-chat-dots i{animation:benefit-dot 1.8s ease-in-out infinite!important}
html.motion-explicit body.art-motion #avantages .benefit-chat-dots i:nth-child(2){animation-delay:.2s!important}
html.motion-explicit body.art-motion #avantages .benefit-chat-dots i:nth-child(3){animation-delay:.4s!important}

@media(max-width:380px){#avantages .benefit-platform--allocab{width:76px}#avantages .benefit-platform--freenow{width:96px}#avantages .benefit-platform--heetch{width:78px}}