:root{--primary: #2563eb;--primary-dark: #1d4ed8;--secondary: #22c55e;--bg-page: #f4f7ff;--text-main: #0f172a;--text-muted: #475569;--border: #e2e8f0;--card-bg: #ffffff}body{background-color:var(--bg-page);color:var(--text-main);overflow-x:hidden}main{width:min(1180px,100%);margin:0 auto;padding:0 1rem 3rem}.hero-banner{position:relative;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border-radius:36px;padding:4rem 1.5rem 3rem;margin-top:1.5rem;overflow:hidden;box-shadow:0 32px 90px #2563eb2e}.hero-banner:before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;background:#ffffff1f;top:-120px;right:-120px;filter:blur(24px)}.hero-banner:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:#ffffff2e;bottom:-80px;left:-80px;filter:blur(16px)}.hero-inner{position:relative;z-index:1;max-width:760px;margin:0 auto;text-align:center}.hero-title{font-size:clamp(2.8rem,6vw,4.4rem);font-weight:800;line-height:.95;margin:0}.hero-copy{max-width:640px;margin:1.5rem auto 2.5rem;color:#ffffffe0;font-size:1.05rem;line-height:1.85}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.btn-primary,.btn-secondary{border-radius:14px;padding:.95rem 2rem;font-weight:700;font-size:.98rem;transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,color .22s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:160px}.btn-primary{background:#fff;color:#1e293b;box-shadow:0 18px 45px #0f172a1f}.btn-primary:hover{transform:translateY(-2px);background:#f8fafc}.btn-secondary{background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.22)}.btn-secondary:hover{transform:translateY(-2px);background:#ffffff38}.featured-section{padding-top:4rem;padding-bottom:3rem}.section-heading{text-align:center;max-width:720px;margin:0 auto 2.5rem}.section-heading h2{font-size:clamp(2rem,3vw,2.75rem);font-weight:800;margin-bottom:.8rem;color:var(--text-main);line-height:1.05}.section-heading p{margin:0;color:var(--text-muted);font-size:1.1rem;line-height:1.75}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.featured-card{background:var(--card-bg);border:1px solid var(--border);border-radius:28px;padding:2.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 18px 40px #0f172a0f;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;min-height:300px}.featured-card:hover{transform:translateY(-6px);border-color:#2563eb59;box-shadow:0 24px 60px #0f172a1f}.card-badge{display:inline-flex;align-items:center;gap:.5rem;background:#2563eb14;color:var(--primary-dark);border-radius:999px;padding:.65rem 1rem;font-size:.88rem;font-weight:700;width:fit-content}.featured-card h3{margin:0;font-size:1.25rem;line-height:1.45;color:var(--text-main)}.featured-card p{margin:0;color:var(--text-muted);font-size:1rem;line-height:1.75;flex:1 1 auto}.featured-card a{margin-top:1rem;color:var(--primary);font-weight:700;text-decoration:none;align-self:flex-start;transition:color .2s ease,transform .2s ease}.featured-card a:hover{color:var(--primary-dark);transform:translate(4px)}.life-stage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:4rem}.stage-card{background:#fff;border-radius:20px;padding:2rem;text-align:center;border:2px solid transparent;transition:all .3s ease;text-decoration:none;color:inherit}.stage-card:hover{border-color:var(--primary);transform:translateY(-5px)}.stage-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.trust-section{background:#fff;border-radius:36px;padding:4rem 2rem;text-align:center;margin:4rem 0;border:1px solid var(--border);box-shadow:0 10px 30px #00000005}.trust-badges{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:2rem}.trust-badge{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-muted)}.divider-line{border-color:var(--border)}.footer-links a{color:var(--text-muted);font-size:.9rem;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--primary)}@media(max-width:1024px){.hero-banner{padding:3.5rem 1.25rem 2.5rem}}@media(max-width:768px){.hero-banner{border-radius:24px;padding:2.75rem 1.25rem 2rem}.hero-actions{flex-direction:column;gap:.85rem}.footer-links{flex-direction:column;gap:.75rem}}
