.financialHero{text-align:center;background-image:url(https://images.unsplash.com/photo-1554224155-6726b3ff858f?q=80&w=1920&auto=format&fit=crop);background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:500px;display:flex;position:relative;overflow:hidden}.financialHero .overlay{background:#0aae58d9;position:absolute;inset:0}.heroContent{z-index:2;color:#fff;max-width:850px;padding:20px;position:relative}.heroBadge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:999px;margin-bottom:20px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-block}.heroContent h1{margin-bottom:20px;font-size:3rem;font-weight:700;line-height:1.2}.heroContent p{opacity:.95;margin-bottom:30px;font-size:1.1rem;line-height:1.8}.heroActions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.primaryBtn,.secondaryBtn,.ctaBtn,.outlineBtn{border-radius:10px;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .3s}.primaryBtn,.ctaBtn{color:#0aae58;background:#fff;box-shadow:0 10px 25px #00000026}.primaryBtn:hover,.ctaBtn:hover{transform:translateY(-3px)}.secondaryBtn,.outlineBtn{color:#fff;border:2px solid #fff}.secondaryBtn:hover,.outlineBtn:hover{color:#0aae58;background:#fff}.container{max-width:1200px;margin:auto;padding:0 20px}.contentSection,.featuresSection,.benefitsSection,.faqSection{padding:90px 0}.contentSection{background:#fff}.contentSection h2,.featuresSection h2,.benefitsSection h2,.faqSection h2,.ctaSection h2{text-align:center;color:#0aae58;margin-bottom:24px;font-size:2.25rem}.contentSection p{text-align:center;color:#4b5563;max-width:850px;margin:0 auto 20px;font-size:1.05rem;line-height:1.9}.cardGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:50px;display:grid}.featureCard,.benefitCard{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:30px;transition:all .35s;box-shadow:0 12px 30px #0000000d}.featureCard:hover,.benefitCard:hover{transform:translateY(-8px);box-shadow:0 18px 35px #0000001f}.icon{background:#f0fdf6;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;font-size:32px;display:flex}.featureCard h3,.benefitCard h3{color:#0aae58;margin-bottom:12px;font-size:1.25rem}.featureCard p,.benefitCard p{color:#6b7280;line-height:1.7}.benefitsSection{background:#f8fafc}.ctaSection{color:#fff;text-align:center;background:linear-gradient(135deg,#0f172a,#0aae58);padding:100px 20px}.ctaSection h2{color:#fff}.ctaSection p{max-width:700px;margin:auto auto 30px;font-size:1.05rem;line-height:1.8}.ctaButtons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.faqSection{background:#fff}.faqItem{background:#f8fafc;border-left:4px solid #0aae58;border-radius:14px;max-width:900px;margin:0 auto 24px;padding:24px}.faqItem h3{color:#0aae58;margin-bottom:10px;font-size:1.1rem}.faqItem p{color:#4b5563;line-height:1.8}@media (max-width:768px){.childHero{min-height:420px}.heroContent h1{font-size:2rem}.heroContent p{font-size:1rem}.contentSection,.featuresSection,.benefitsSection,.faqSection{padding:60px 0}.contentSection h2,.featuresSection h2,.benefitsSection h2,.faqSection h2,.ctaSection h2{font-size:1.8rem}.heroActions,.ctaButtons{flex-direction:column;align-items:center}.primaryBtn,.secondaryBtn,.ctaBtn,.outlineBtn{text-align:center;width:100%;max-width:300px}}.stepBadge{color:#fff;background:#0aae58;border-radius:999px;margin-bottom:16px;padding:6px 14px;font-size:14px;font-weight:600;display:inline-block}
