.section-header { text-align: center;margin: 0 auto;margin-bottom: 64px;padding: 0 16px;} 
.section-title { font-size: clamp(1.75rem, 4.5vw, 2.5rem);font-weight: 700;color: #1f2937;margin-bottom: 16px;line-height: 1.2;} 
.section-subtitle { font-size: clamp(1rem, 2.5vw, 1.125rem);color: #6b7280;max-width: 640px;margin: 0 auto;line-height: 1.6;} 
.section-eyebrow { font-size: 0.75rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.12em;color: #6366f1;} 
.bf-hero { padding: clamp(80px, 10vw, 140px) 0;background: linear-gradient(180deg, hsl(210 40% 98%) 0%, hsl(210 50% 96%) 100%);position: relative;min-height: calc(100vh - 100px);display: flex;align-items: center;} 
.bf-hero-bg { position: absolute;inset: 0;overflow: hidden;z-index: -1;} 
.bf-blob { position: absolute;width: 24rem;height: 24rem;border-radius: 50%;filter: blur(80px);} 
.bf-blob-primary { background: hsl(217 91% 60% / 0.06);top: 20%;left: -10rem;} 
.bf-blob-accent { background: hsl(24 95% 53% / 0.06);bottom: 20%;right: -10rem;} 



.hero-section { padding: 8rem 0 6rem;background: linear-gradient(180deg, #f8fbff, #ffffff);} 
.hero-bg .blob { position: absolute;width: 380px;height: 380px;border-radius: 50%;filter: blur(80px);} 
.blob-1 { top: 80px;left: 20%;background: rgba(59, 130, 246, 0.08);} 
.blob-2 { bottom: 80px;right: 20%;background: rgba(168, 85, 247, 0.08);} 
.badge-pill { padding: 0.5rem 1rem;border-radius: 999px;background: rgba(59, 130, 246, 0.1);color: #3b82f6;font-weight: 600;font-size: 0.875rem;} 
.pulse-dot { width: 8px;height: 8px;background: #3b82f6;border-radius: 50%;animation: pulse 1.5s infinite;} 
@keyframes pulse {
  0% { opacity: 1;} 
  50% { opacity: .4;} 
  100% { opacity: 1;} }

.text-gradient { background: linear-gradient(90deg, #3b82f6, #a855f7);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} 
.hero-image { box-shadow: 0 20px 50px rgba(0, 0, 0, .08);} 
.stat-card { bottom: -20px;left: -20px;background: #fff;padding: 1rem;border-radius: 14px;box-shadow: 0 12px 30px rgba(0, 0, 0, .12);} 
.icon-box { width: 42px;height: 42px;border-radius: 10px;background: rgba(99, 102, 241, .1);display: flex;align-items: center;justify-content: center;font-size: 18px;} 
.avatar-group span { width: 32px;height: 32px;border-radius: 50%;background: linear-gradient(135deg, #3b82f6, #a855f7);color: #fff;display: inline-flex;align-items: center;justify-content: center;font-size: 12px;font-weight: 600;border: 2px solid #fff;margin-left: -8px;} 



.features-section {}

.features-grid { display: grid;grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));gap: 24px;} 
.feature-card { padding: 24px; border-radius: 16px; border: 1px solid rgba(var(--primary-rgb), 0.08);box-shadow: 0 4px 6px -2px hsla(206, 49%, 54%, 0.12);transition: all 0.3s ease-in-out;} 
.feature-card:hover { transform: translateY(-4px);box-shadow: 0 10px 20px -4px hsla(206, 49%, 54%, 0.18);} 
.feature-icon { width: 48px;height: 48px;border-radius: 12px;background: linear-gradient(135deg, #3b82f6, #6366f1);color: #ffffff;display: flex;align-items: center;justify-content: center;font-size: 22px;margin-bottom: 16px;} 
.feature-title { font-size: 1.125rem;font-weight: 600;color: #1f2937;margin-bottom: 8px;} 
.feature-text { color: #6b7280;line-height: 1.5;} 






.process-card { border-radius: 16px;padding: 24px;background-color:#fff;border: 1px solid rgba(var(--primary-rgb), 0.08);box-shadow: 0 4px 6px -2px hsla(206, 49%, 54%, 0.12);transition: transform 0.3s ease, box-shadow 0.3s ease;} 
.process-card:hover { transform: translateY(-4px);box-shadow: 0 12px 24px -6px hsla(206, 49%, 54%, 0.18);} 
.process-icon { width: 48px;height: 48px;border-radius: 12px;display: flex;align-items: center;justify-content: center;} 
.process-step { font-size: 32px;font-weight: 700;color: rgba(var(--primary-rgb), 0.2);} 
.process-line { position: absolute;top: 50%;left: 0;right: 0;height: 2px;background-color: rgba(var(--primary-rgb), 0.1);transform: translateY(-50%);z-index: 0;} 



.feature-icon-gradient { width: 48px;height: 48px;border-radius: 12px;background: linear-gradient(135deg, var(--accent), var(--secondary));color: #fff;display: flex;align-items: center;justify-content: center;} 





.compare-card { padding: 32px;border-radius: 16px; border: 1px solid rgba(var(--primary-rgb), 0.08);} 
.compare-card-positive { background: linear-gradient(135deg, hsl(217 91% 60%) 0%, hsl(199 89% 48%) 100%);border: none;} 
.compare-glow { position: absolute;inset: 0;background: radial-gradient(ellipse at top right, rgba(255, 255, 255, 0.15), transparent 60%);pointer-events: none;} 
.icon-circle { width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;} 
.icon-negative { background: rgba(220, 38, 38, 0.1);color: #dc2626;} 
.icon-positive { background: rgba(255, 255, 255, 0.2);color: #fff;flex-shrink: 0;} 
.compare-list li { display: flex;align-items: flex-start;gap: 12px;margin-bottom: 16px;font-size: 15px;color: var(--text-muted);} 
.compare-card-positive .compare-list li { color: rgba(255, 255, 255, 0.9);} 
.icon-muted { color: rgba(var(--primary-rgb), 0.4);font-weight: 700;} 
.icon-check { color: rgba(255, 255, 255, 0.85);font-weight: 700;} 
.text-white-80 { color: rgba(255, 255, 255, 0.8);} 




.use-case-card { padding: 24px;border-radius: 16px; border: 1px solid rgba(var(--primary-rgb), 0.08);box-shadow: 0 4px 6px -2px hsla(206, 49%, 54%, 0.12);transition: transform 0.3s ease, box-shadow 0.3s ease;} 
.use-case-card:hover { transform: translateY(-4px);box-shadow: 0 12px 24px -6px hsla(206, 49%, 54%, 0.18);} 
.use-case-icon { width: 48px;height: 48px;border-radius: 12px;background: rgba(var(--primary-rgb), 0.1);display: flex;align-items: center;justify-content: center;} 
.use-case-icon.primary { color: var(--primary);background: rgba(var(--primary-rgb), 0.1);} 
.use-case-icon.accent { color: var(--accent);background: rgba(var(--accent-rgb), 0.1);} 
.use-case-icon.secondary { color: var(--secondary);background: rgba(var(--secondary-rgb), 0.1);} 







.trust-card { padding: 24px;} 
.trust-icon { width: 56px;height: 56px;border-radius: 16px;border: 1px solid rgba(var(--primary-rgb), 0.08);box-shadow: 0 4px 6px -2px hsla(206, 49%, 54%, 0.12);color: var(--accent);display: flex;align-items: center;justify-content: center;}