:root{--navy:#0b1f3a;--green:#16a34a;--bg:#f6f8fb;--text:#1f2937} *{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);line-height:1.6;scroll-behavior:smooth} html{scroll-behavior:smooth} a{text-decoration:none;color:inherit} .nav{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px 5vw;background:#fff;border-bottom:1px solid #e5e7eb} .nav nav{display:flex;gap:22px;align-items:center} .logo{font-weight:800;color:var(--navy);font-size:1.2rem} .btn{display:inline-block;background:var(--green);color:#fff;padding:14px 28px;border-radius:999px;font-weight:700;transition:.2s} .btn:hover{transform:translateY(-2px);filter:brightness(1.08)} .btn-small{padding:8px 18px;font-size:.9rem} .btn-light{background:#fff;color:var(--navy)} .hero{text-align:center;padding:100px 5vw;color:#fff;background:linear-gradient(135deg,#0b1f3a,#14407a)} .eyebrow{color:#86efac;text-transform:uppercase;letter-spacing:.12em;font-size:.85rem;font-weight:700} .hero h1{font-size:clamp(2rem,5vw,3.6rem);max-width:820px;margin:12px auto;line-height:1.15} .sub{max-width:620px;margin:0 auto 30px;font-size:1.15rem;opacity:.9} .note{font-size:.85rem;opacity:.7;margin-top:16px} .section{padding:80px 5vw;max-width:1100px;margin:auto} .section.alt{max-width:none;background:var(--bg);text-align:center} .section h2,.cta h2{font-size:2rem;color:var(--navy);text-align:center;margin:0 0 36px} .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px} .card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:26px} .card span{font-size:2rem}.card h3{margin:8px 0;color:var(--navy)}.card p{margin:0} .steps{list-style:none;padding:0;max-width:560px;margin:0 auto 30px;text-align:left} .steps li{background:#fff;margin:10px 0;padding:16px 20px;border-radius:12px;border-left:5px solid var(--green)} details{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 20px;margin:10px auto;max-width:720px} summary{cursor:pointer;font-weight:700} .cta{text-align:center;padding:80px 5vw;background:var(--navy)} .cta h2{color:#fff} footer{text-align:center;padding:24px 5vw;font-size:.8rem;color:#6b7280} @media(max-width:700px){.nav nav a:not(.btn){display:none}}