.why-choose-us{padding-block:var(--space-12, 3rem);background:var(--color-surface-card, #fff)}.why-choose-us-head{text-align:center;max-width:60ch;margin:0 auto var(--space-8, 2rem)}.why-choose-us-head h2{margin:0 0 var(--space-2, .5rem);font-size:clamp(1.5rem,4vw,2.25rem);color:var(--color-text-main, #1e293b);line-height:1.2}.why-choose-us-sub{margin:0;font-size:var(--text-base, 1rem);color:var(--color-text-muted, #64748b)}.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4, 1rem)}.why-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2, .5rem);padding:var(--space-5, 1.25rem);background:var(--color-surface, #f8fafc);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-lg, 14px);transition:transform var(--transition-fast, .15s ease),box-shadow var(--transition-fast, .15s ease)}.why-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0f172a0f}.why-card-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#1b396f14;color:var(--color-primary-blue, #1b396f)}.why-card-icon.is-star{background:#f4b4001f;color:#f4b400}.why-card-metric{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--color-primary-blue, #1b396f)}.why-card-label{margin:0;font-size:var(--text-base, 1rem);font-weight:700;color:var(--color-text-main, #1e293b);line-height:1.2}.why-card-desc{margin:0;font-size:var(--text-sm, .875rem);color:var(--color-text-muted, #64748b);line-height:1.4}@media(min-width:720px){.why-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-5, 1.25rem)}.why-card{padding:var(--space-6, 1.5rem)}}.why-card-live{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.why-card-live-dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-success);box-shadow:0 0 0 3px #22c55e2e}@media(prefers-reduced-motion:reduce){.why-card:hover{transform:none}}
