.benefits{position:relative;overflow:hidden;padding:var(--spacing-4xl) 0;background:radial-gradient(34% 44% at 14% 10%,color-mix(in srgb,var(--color-primary-container) 10%,transparent),transparent),radial-gradient(28% 40% at 90% 14%,color-mix(in srgb,var(--color-primary-container) 7%,transparent),transparent),var(--color-surface-lowest)}.benefits__inner{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.benefits__header{max-width:52rem;margin:0 auto var(--spacing-3xl);text-align:center}.benefits__eyebrow{margin:0 0 var(--spacing-sm);font-size:.72rem;font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-primary)}.benefits__headline{margin:0 0 var(--spacing-md);font-size:clamp(2rem,5vw,var(--font-size-display));font-weight:var(--font-weight-bold);line-height:var(--line-height-headline);letter-spacing:-.02em;color:var(--color-on-surface)}.benefits__subheadline{margin:0 auto;max-width:40rem;font-size:var(--font-size-title);line-height:var(--line-height-title);color:var(--color-on-surface-variant)}.benefits__grid{display:grid;grid-template-columns:1fr;gap:1px;border:1px solid color-mix(in srgb,var(--color-outline) 16%,transparent);border-radius:1.5rem;overflow:hidden;background:color-mix(in srgb,var(--color-outline) 10%,transparent)}.benefits__card{position:relative;min-height:100%;padding:var(--spacing-xl);background:#fffffffa;color:var(--color-on-surface);border-radius:1.2rem;box-shadow:inset 0 1px #fffffffa,inset 1px 0 #ffffffb8,inset 0 2px 9px #ffffff29,inset 0 -1px #0c1a261f,inset -1px 0 #0c1a2614,inset 0 -10px 16px #0c1a260a;transition:background-color var(--duration-fast) var(--ease-out-expo),transform var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-fast) var(--ease-out-expo)}.benefits__card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;border:1px solid rgba(255,255,255,.62)}.benefits__card:after{content:"";position:absolute;inset:2px;border-radius:calc(1.2rem - 2px);pointer-events:none;border:1px solid rgba(15,30,46,.1)}.benefits__card:nth-child(7),.benefits__card:nth-child(9){background:color-mix(in srgb,var(--color-surface-container-low, #edf0f3) 88%,white)}.benefits__card:nth-child(2),.benefits__card:nth-child(4),.benefits__card:nth-child(6),.benefits__card:nth-child(8){background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 82%,#0d3553),color-mix(in srgb,var(--color-primary) 94%,#08263e));color:#fff}.benefits__card:nth-child(2):before,.benefits__card:nth-child(4):before,.benefits__card:nth-child(6):before,.benefits__card:nth-child(8):before{border-color:#ffffff3d}.benefits__card:nth-child(2):after,.benefits__card:nth-child(4):after,.benefits__card:nth-child(6):after,.benefits__card:nth-child(8):after{border-color:#06121e3d}.benefits__card:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fff,inset 1px 0 #ffffffd1,inset 0 2px 10px #ffffff2e,inset 0 -1px #0c1a2624,inset -1px 0 #0c1a2614,inset 0 -12px 20px #0c1a260d,var(--shadow-elevation-card)}.benefits__card:nth-child(7):hover,.benefits__card:nth-child(9):hover{background:color-mix(in srgb,var(--color-surface-container, #e7ebef) 92%,white)}.benefits__card:nth-child(2):hover,.benefits__card:nth-child(4):hover,.benefits__card:nth-child(6):hover,.benefits__card:nth-child(8):hover{background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 88%,#0f3f63),color-mix(in srgb,var(--color-primary) 100%,#07233a))}.benefits__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.benefits__index{font-size:.78rem;font-weight:var(--font-weight-semibold);letter-spacing:.16em;color:var(--color-on-surface-variant);opacity:.72}.benefits__icon{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:999px;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary-container) 30%,white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-primary) 10%,white)}.benefits__icon :global(svg){width:1.2rem;height:1.2rem;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.benefits__title{margin:0 0 var(--spacing-sm);max-width:18ch;font-size:.98rem;font-weight:var(--font-weight-bold);line-height:1.35;letter-spacing:.03em;color:var(--color-on-surface);text-wrap:balance}.benefits__description{margin:0;font-size:var(--font-size-body);line-height:1.7;color:var(--color-on-surface-variant)}.benefits__card:nth-child(2) .benefits__index,.benefits__card:nth-child(4) .benefits__index,.benefits__card:nth-child(6) .benefits__index,.benefits__card:nth-child(8) .benefits__index{color:#ffffffb8}.benefits__card:nth-child(2) .benefits__icon,.benefits__card:nth-child(4) .benefits__icon,.benefits__card:nth-child(6) .benefits__icon,.benefits__card:nth-child(8) .benefits__icon{color:#fff;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff29}.benefits__card:nth-child(2) .benefits__title,.benefits__card:nth-child(4) .benefits__title,.benefits__card:nth-child(6) .benefits__title,.benefits__card:nth-child(8) .benefits__title{color:#fff}.benefits__card:nth-child(2) .benefits__description,.benefits__card:nth-child(4) .benefits__description,.benefits__card:nth-child(6) .benefits__description,.benefits__card:nth-child(8) .benefits__description{color:#fffc}@media(min-width:640px){.benefits__inner{padding:0 var(--spacing-lg)}.benefits__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.benefits__inner{padding:0 var(--spacing-xl)}.benefits__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.benefits__card:nth-child(10){grid-column:1 / -1}}
