.benefits-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-6); margin-bottom: var(--space-9); padding: 34px 38px; border: 1px solid #cce4df; border-radius: var(--radius-xl); background: linear-gradient(110deg, #eaf8f5 0%, #f8fbfa 62%, #fff5dc 100%); }
.benefits-hero__copy h2 { margin-top: 8px; color: var(--color-navy-950); font-size: clamp(28px, 4vw, 48px); line-height: 1.1; letter-spacing: -.05em; }
.benefits-hero__copy h2 span { color: var(--color-teal-700); }
.benefits-hero__copy p { max-width: 610px; margin-top: 15px; font-size: 14px; }
.benefits-hero__stat { min-width: 235px; padding: 19px; border: 1px solid rgba(8,35,49,.1); border-radius: var(--radius-lg); background: rgba(255,255,255,.64); }
.benefits-hero__stat strong { display: block; color: var(--color-navy-950); font-size: 23px; }
.benefits-hero__stat > span { color: var(--color-gray-500); font-size: 11px; }
.benefits-hero__route { margin-top: 15px; color: var(--color-teal-700); font-size: 10px; font-weight: 750; }
.benefits-hero__route span { padding: 0 4px; color: var(--color-gray-400); }
.benefits-section { margin-top: var(--space-9); }
.benefits-section__heading { margin-bottom: var(--space-5); }
.benefits-section__heading h2 { margin-top: 5px; font-size: 25px; }
.benefits-section__heading p { margin-top: 6px; font-size: 12px; }
.benefit-card { position: relative; min-height: 190px; padding: 20px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-white); box-shadow: var(--shadow-xs); transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition); }
.benefit-card:hover { border-color: #b7dcd6; box-shadow: var(--shadow-md); transform: translateY(-2px); }
.benefit-card__icon { display: grid; width: 36px; height: 36px; place-items: center; border-radius: var(--radius-sm); background: var(--color-teal-100); color: var(--color-teal-700); }
.benefit-card__icon svg { width: 18px; height: 18px; }
.benefit-card__title { margin-top: 16px; color: var(--color-navy-950); font-size: 14px; font-weight: 750; }
.benefit-card p { margin-top: 7px; color: var(--color-gray-600); font-size: 11px; line-height: 1.55; }
.benefit-card__line { position: absolute; right: 20px; bottom: 18px; left: 20px; height: 2px; border-radius: var(--radius-pill); background: linear-gradient(90deg, var(--color-yellow-500) 0 25%, var(--color-gray-100) 25% 100%); opacity: .75; }
.benefits-disclaimer { display: flex; align-items: flex-start; gap: 13px; margin-top: var(--space-10); padding: 17px 18px; border: 1px solid #f3ddb0; border-radius: var(--radius-lg); background: #fffaf0; }
.benefits-disclaimer__icon { color: var(--color-orange-600); }
.benefits-disclaimer__icon svg { width: 19px; height: 19px; }
.benefits-disclaimer strong { color: var(--color-orange-600); font-size: 12px; }
.benefits-disclaimer p { margin-top: 3px; font-size: 11px; }
@media (max-width: 640px) { .benefits-hero { align-items: flex-start; flex-direction: column; padding: 24px; } .benefits-hero__stat { width: 100%; } }