@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Sora:wght@600;700&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --white:#F1FAEE;--navy:#1D3557;--navy-mid:#2B4A74;--navy-lt:#E8EFF7;
  --orange:#F07B2D;--orange-h:#D96820;--gray:#6B7280;--gray-lt:#E5E9EF;
  --text:#1a1a2e;--border:#D1D9E6;--r:6px;--r-lg:10px;
  --shadow:0 2px 12px rgba(29,53,87,0.08);--shadow-lg:0 4px 24px rgba(29,53,87,0.12);
}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--white);color:var(--text);font-size:16px;line-height:1.7;font-weight:400}

/* NAV */
nav{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--border);padding:0 5vw;height:64px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 4px rgba(29,53,87,0.06)}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo-mark{width:36px;height:36px;background:var(--navy);border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-family:'Sora',sans-serif;font-size:17px;font-weight:700;color:#fff;flex-shrink:0}
.logo-name{font-family:'Sora',sans-serif;font-size:18px;font-weight:700;color:var(--navy);letter-spacing:-0.3px}
.logo-tagline{font-size:11px;color:var(--gray);display:block;line-height:1;margin-top:1px}
.nav-cta{background:var(--orange);color:#fff;padding:0.55rem 1.4rem;border-radius:var(--r);font-size:14px;font-weight:600;text-decoration:none;transition:background 0.18s;white-space:nowrap}
.nav-cta:hover{background:var(--orange-h)}

/* BREADCRUMB */
.breadcrumb{background:#fff;border-bottom:1px solid var(--border);padding:0.75rem 5vw;font-size:13px;color:var(--gray)}
.breadcrumb a{color:var(--navy);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}
.breadcrumb span{margin:0 6px;color:var(--border)}

/* PAGE HERO */
.page-hero{background:var(--navy);padding:4rem 5vw 3.5rem;text-align:center}
.page-hero-tag{display:inline-block;background:rgba(255,255,255,0.12);color:#a8c4e0;font-size:12px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;padding:0.35rem 1rem;border-radius:20px;margin-bottom:1.5rem}
.page-hero h1{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;color:#fff;line-height:1.2;max-width:720px;margin:0 auto 1.2rem}
.page-hero p{font-size:1.05rem;color:#a8c4e0;max-width:540px;margin:0 auto}

/* CONTENT */
.container{max-width:1080px;margin:0 auto}
section{padding:4rem 5vw}
.section-tag{font-size:12px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--orange);margin-bottom:0.6rem}
.section-title{font-family:'Sora',sans-serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;color:var(--navy);line-height:1.2;margin-bottom:1rem}

/* CARDS */
.card{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:2rem}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}

/* CHECK LIST */
.check-list{display:flex;flex-direction:column;gap:0.85rem;margin-top:1.2rem}
.check-item{display:flex;align-items:flex-start;gap:0.75rem;font-size:15px;color:var(--text)}
.check-icon{width:22px;height:22px;min-width:22px;background:var(--navy-lt);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:2px}
.check-icon svg{width:12px;height:12px;stroke:var(--navy);fill:none;stroke-width:2.5;stroke-linecap:round}

/* STEPS */
.steps{display:flex;flex-direction:column;gap:0;counter-reset:step}
.step{display:flex;gap:1.5rem;padding:1.8rem 0;border-bottom:1px solid var(--border);align-items:flex-start}
.step:last-child{border-bottom:none}
.step-num{width:40px;height:40px;min-width:40px;background:var(--navy);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Sora',sans-serif;font-weight:700;font-size:15px;color:#fff;margin-top:2px}
.step-content h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:0.4rem}
.step-content p{font-size:14px;color:var(--gray);line-height:1.7}

/* STAT BLOCKS */
.stat-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:2rem 0}
.stat-block{background:var(--navy);border-radius:var(--r-lg);padding:1.5rem;text-align:center}
.stat-block-num{font-family:'Sora',sans-serif;font-size:2.2rem;font-weight:700;color:var(--orange);display:block;line-height:1}
.stat-block-label{font-size:13px;color:#a8c4e0;margin-top:6px;line-height:1.4}

/* FAQ */
.faq{display:flex;flex-direction:column;gap:0}
.faq-item{border-bottom:1px solid var(--border);padding:1.2rem 0}
.faq-item:first-child{border-top:1px solid var(--border)}
.faq-q{font-size:15px;font-weight:600;color:var(--navy);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;list-style:none;user-select:none}
.faq-q::after{content:'+';font-size:20px;color:var(--orange);font-weight:400;flex-shrink:0;transition:transform 0.2s}
.faq-item.open .faq-q::after{transform:rotate(45deg)}
.faq-a{font-size:14px;color:var(--gray);line-height:1.75;max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s}
.faq-item.open .faq-a{max-height:300px;padding-top:0.75rem}

/* CTA BLOCK */
.cta-block{background:var(--navy);border-radius:var(--r-lg);padding:3rem;text-align:center;margin:0 auto}
.cta-block h2{font-family:'Sora',sans-serif;font-size:1.6rem;font-weight:700;color:#fff;margin-bottom:0.8rem}
.cta-block p{color:#a8c4e0;max-width:420px;margin:0 auto 2rem;font-size:15px}
.btn-cta{display:inline-block;background:var(--orange);color:#fff;padding:1rem 2.5rem;border-radius:var(--r);font-size:16px;font-weight:700;text-decoration:none;transition:background 0.18s,transform 0.12s}
.btn-cta:hover{background:var(--orange-h);transform:translateY(-1px)}
.btn-cta-note{margin-top:0.8rem;font-size:13px;color:#7a9cbf}
.btn-cta-note a{color:#a8c4e0;text-decoration:none}.btn-cta-note a:hover{color:#fff}

/* FOOTER */
footer{background:#1a2a3f;padding:2rem 5vw}
.footer-bottom{max-width:1080px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.footer-bottom p{font-size:12px;color:#4d6a87}
.footer-bottom a{color:#7a9cbf;text-decoration:none;font-size:12px}.footer-bottom a:hover{color:#fff}

/* REVEAL */
.reveal{opacity:0;transform:translateY(18px);transition:opacity 0.5s ease,transform 0.5s ease}
.reveal.visible{opacity:1;transform:none}

@media(max-width:700px){.card-grid{grid-template-columns:1fr}.stat-blocks{grid-template-columns:1fr 1fr}}