.helpcar-benefits { position:relative; isolation:isolate; padding:clamp(150px,15vw,270px) 24px clamp(110px,10vw,180px); background:linear-gradient(135deg,#f9a705 0%,#13b154 100%); color:#fff; font-family:'Figtree','Segoe UI',sans-serif; }
.helpcar-benefits::before { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(135deg,#3b890f 0%,#1be077 100%); opacity:0; animation:benefits-background 10s ease-in-out infinite alternate; }
@keyframes benefits-background { 0%,15% {opacity:0} 85%,100% {opacity:1} }
.benefits-shape { position:absolute; left:0; width:100%; display:block; pointer-events:none; }
.benefits-shape-top { top:-1px; height:clamp(60px,9.5vw,180px); fill:#fdfcfb; }
.benefits-shape-bottom { bottom:-1px; height:clamp(40px,6.4vw,120px); fill:#ffa500; }

.benefits-layout { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:20px; max-width:1120px; margin:auto; }
.benefits-information h2 { margin:0 0 70px; color:#fff; font:400 clamp(32px,3.6vw,48px)/1.22 'Figtree','Segoe UI',sans-serif; letter-spacing:-.025em; }
.benefits-highlight { position:relative; display:inline-block; color:#ffd000; font-weight:700; }
.benefits-highlight svg { position:absolute; inset:-10% -5%; width:110%; height:125%; overflow:visible; pointer-events:none; }
.benefits-highlight path { fill:none; stroke:#e6e3cf; stroke-width:5; stroke-linecap:round; stroke-dasharray:1000; stroke-dashoffset:1000; animation:benefits-circle 9.2s ease-in-out infinite; }
@keyframes benefits-circle { 0% {stroke-dashoffset:1000} 13%,93% {stroke-dashoffset:0} 100% {stroke-dashoffset:1000} }
.benefits-questions { display:grid; gap:16px; }
.benefits-question h3 { margin:0; }
.benefits-question button { display:flex; align-items:center; justify-content:space-between; gap:14px; width:100%; min-height:50px; padding:10px 20px; border:3px solid #fff; border-radius:30px; background:transparent; color:#fff; text-align:left; font-family:inherit; font-size:14px; font-weight:700; line-height:1.4; cursor:pointer; box-shadow:none; }
.benefits-question button span { font-size:24px; line-height:1; }
.benefits-question button:focus-visible,.benefits-carousel:focus-visible { outline:none; }
.benefits-answer { display:grid; grid-template-rows:0fr; visibility:hidden; transition:grid-template-rows .3s ease-in-out,visibility .3s; }
.benefits-answer > div { overflow:hidden; min-height:0; }
.benefits-answer p { margin:0; padding:16px 22px 4px; color:#fff; font-size:15px; line-height:1.65; }
.benefits-question.is-open .benefits-answer { grid-template-rows:1fr; visibility:visible; }
.benefits-carousel { position:relative; overflow:hidden; min-width:0; height:400px; border-radius:210px; background:#ffac00; box-shadow:none; }
.benefits-track { display:flex; height:100%; transition:transform .5s ease; }
.benefits-slide { display:flex; flex:0 0 100%; min-width:0; flex-direction:column; align-items:center; justify-content:center; padding:54px 65px 70px; text-align:center; }
.benefits-slide h3 { margin:0 0 26px; color:#fff; font-size:36px; font-weight:700; line-height:1.05; }
.benefits-slide p { margin:0; color:#fff; font-size:18px; line-height:1.4; }
.benefits-dots { position:absolute; bottom:15px; left:0; right:0; display:flex; align-items:center; justify-content:center; gap:5px; }
.benefits-dots button { display:grid; place-items:center; width:13px; height:18px; padding:0; border:0; background:transparent; cursor:pointer; }
.benefits-dots button::after { content:''; width:6px; height:6px; border-radius:50%; background:#b87d00; }
.benefits-dots button[aria-current="true"]::after { background:#111; }
@media(max-width:850px) { .helpcar-benefits {padding:120px 24px 100px} .benefits-layout {grid-template-columns:1fr;gap:42px;max-width:550px} .benefits-information h2 {margin-bottom:42px} }
@media(max-width:480px) { .helpcar-benefits {padding:100px 20px 85px} .benefits-carousel {height:310px;border-radius:160px} .benefits-slide {padding:40px 32px 55px} .benefits-slide h3 {font-size:30px} .benefits-slide p {font-size:16px} .benefits-question button {font-size:13px;padding-inline:16px} }
@media(prefers-reduced-motion:reduce) { .helpcar-benefits::before {animation:none;opacity:0}  .benefits-highlight path {animation:none;stroke-dashoffset:0} .benefits-track,.benefits-answer {transition:none} }