.benefits-section{position:relative;overflow:hidden;padding:5.6rem 1.4rem;background:linear-gradient(180deg,#081120 0,#0e1c31 100%)}
.benefits-section::before,.benefits-section::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.benefits-section::before{width:340px;height:340px;top:-120px;left:-120px;background:radial-gradient(circle,rgba(0,188,212,.22) 0,rgba(0,188,212,0) 72%)}
.benefits-section::after{width:420px;height:420px;right:-140px;bottom:-180px;background:radial-gradient(circle,rgba(61,90,254,.2) 0,rgba(61,90,254,0) 74%)}
.benefits-container{position:relative;z-index:1;width:min(100%,1280px);margin:0 auto}
.benefits-intro{max-width:760px;margin:0 auto 2.2rem;text-align:center;color:#fff}
.benefits-kicker{display:inline-flex;padding:.5rem .9rem;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8ce7f4}
.benefits-title{margin:1rem 0 .95rem;font-size:clamp(2.4rem,4vw,4.3rem);line-height:1.02;font-weight:800;letter-spacing:-.04em}
.benefits-subtitle{max-width:56ch;margin:0 auto;color:rgba(255,255,255,.7);font-size:1rem;line-height:1.85}
.benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.benefit-card{position:relative;min-height:230px;padding:1.3rem;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.1);box-shadow:0 22px 50px rgba(0,0,0,.14);backdrop-filter:blur(16px);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.benefit-card::before{content:"";position:absolute;top:-34px;right:-18px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12) 0,rgba(255,255,255,0) 72%)}
.benefit-card:hover{transform:translateY(-6px);border-color:rgba(140,231,244,.22);box-shadow:0 28px 56px rgba(0,0,0,.2)}
.benefit-card.is-featured{background:linear-gradient(135deg,#1231a8,#1d4ed8 58%,#00bcd4);border-color:transparent}
.benefit-card.is-featured h3,.benefit-card.is-featured p{color:#fff}
.benefit-icon{width:58px;height:58px;margin-bottom:auto;border-radius:20px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);color:#fff;font-size:1.28rem;box-shadow:0 18px 30px rgba(0,0,0,.12)}
.benefit-card:not(.is-featured) .benefit-icon{background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff}
.benefit-card h3{margin:1.25rem 0 .55rem;color:#fff;font-size:1.1rem;line-height:1.35}
.benefit-card p{margin:0;color:rgba(255,255,255,.68);font-size:.94rem;line-height:1.65}
@media (max-width:1100px){
.benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:768px){
.benefits-section{padding:4.4rem 1rem}
.benefits-intro{margin-bottom:1.6rem}
.benefits-title{font-size:2.15rem}
.benefits-subtitle{font-size:.95rem;line-height:1.72}
.benefits-grid{grid-template-columns:1fr;gap:.85rem}
.benefit-card{min-height:auto;padding:1.15rem 1.05rem;border-radius:22px}
.benefit-icon{width:52px;height:52px;border-radius:17px}
.benefit-card h3{margin:1rem 0 .45rem;font-size:1.02rem}
.benefit-card p{font-size:.9rem;line-height:1.58}
}