.benefits-section{padding-top:88px;background:var(--surface-solid)}.benefits-heading{max-width:720px}.benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.benefit-card{position:relative;min-height:300px;padding:32px;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:18px;color:#fff;box-shadow:0 18px 38px var(--shadow);transition:transform .22s,box-shadow .22s}.benefit-card::after{position:absolute;right:-55px;bottom:-70px;width:180px;height:180px;border:1px solid rgba(255,255,255,.13);border-radius:50%;content:"";box-shadow:0 0 0 28px rgba(255,255,255,.035)}.benefit-card--1{background:linear-gradient(145deg,var(--blue-deep),var(--blue))}.benefit-card--2{background:linear-gradient(145deg,var(--blue),var(--teal))}.benefit-card--3{background:linear-gradient(145deg,var(--teal),#43b65d)}.benefit-card:nth-child(even){transform:translateY(14px)}.benefit-card:hover{transform:translateY(-5px);box-shadow:0 24px 48px rgba(8,120,201,.2)}.benefit-card:nth-child(even):hover{transform:translateY(7px)}.benefit-card__icon{position:relative;z-index:1;width:58px;height:58px;margin-bottom:26px;display:grid;place-items:center;border-radius:18px;background:#fff;color:var(--blue);box-shadow:0 10px 24px rgba(0,0,0,.14)}.benefit-card--2 .benefit-card__icon{color:var(--teal)}.benefit-card--3 .benefit-card__icon{color:#33a84c}.benefit-card__icon svg{width:34px;height:34px}.benefit-card h3{position:relative;z-index:1;max-width:260px;margin:0 0 13px;color:#fff;font-size:21px;line-height:1.18;letter-spacing:-.025em}.benefit-card p{position:relative;z-index:1;margin:0;color:rgba(255,255,255,.88);font-size:13px;line-height:1.75}
[data-theme="dark"] .benefits-section{background:var(--background)}[data-theme="dark"] .benefit-card--1{background:linear-gradient(145deg,#174e78,#167ab1)}[data-theme="dark"] .benefit-card--2{background:linear-gradient(145deg,#166b92,#179da5)}[data-theme="dark"] .benefit-card--3{background:linear-gradient(145deg,#137e82,#318d50)}
@media(max-width:900px){.benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit-card:nth-child(even){transform:none}.benefit-card:nth-child(even):hover{transform:translateY(-5px)}}
@media(max-width:600px){.benefits-section{padding-top:65px}.benefits-grid{grid-template-columns:1fr;gap:12px}.benefit-card{min-height:0;padding:24px}.benefit-card__icon{width:50px;height:50px;margin-bottom:20px;border-radius:15px}.benefit-card__icon svg{width:29px;height:29px}.benefit-card h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){.benefit-card{transition:none}}