*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#1f2937;background:#fff;line-height:1.7}a{color:inherit;text-decoration:none}.container{max-width:1180px;margin:auto;padding:0 22px}
header{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:20}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:28px;font-weight:800;color:#0f4c81;letter-spacing:-.5px}.navlinks{display:flex;gap:25px;align-items:center;font-weight:600}.navlinks a:hover{color:#0f4c81}.btn{display:inline-block;padding:13px 22px;border-radius:8px;font-weight:700;transition:.2s}.btn-primary{background:#0f4c81;color:#fff}.btn-primary:hover{background:#0b3b64;transform:translateY(-1px)}.btn-outline{border:1px solid #0f4c81;color:#0f4c81}.btn-outline:hover{background:#eef6fb}
.hero{background:linear-gradient(135deg,#f2f8fc,#fff);padding:92px 0 82px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center}.eyebrow{display:inline-block;background:#e4f0f8;color:#0f4c81;padding:7px 13px;border-radius:30px;font-size:14px;font-weight:700;margin-bottom:18px}.hero h1{font-size:52px;line-height:1.1;margin:0 0 22px;color:#12324a;letter-spacing:-1px}.hero p{font-size:19px;color:#4b5563;max-width:680px}.hero-actions{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}.hero-card{background:#fff;border:1px solid #dbe5ed;border-radius:18px;padding:32px;box-shadow:0 12px 35px rgba(15,76,129,.10)}.hero-card h2{margin-top:0;color:#12324a;font-size:27px}.phone{font-size:25px;font-weight:800;color:#0f4c81}
.section{padding:78px 0}.section.alt{background:#f8fafc}.section h2{text-align:center;font-size:36px;line-height:1.2;margin:0 0 13px;color:#12324a}.lead{text-align:center;max-width:760px;margin:0 auto 45px;color:#6b7280;font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid #e5e7eb;border-radius:15px;padding:28px;background:#fff;box-shadow:0 5px 18px rgba(0,0,0,.035)}.card h3{margin:0 0 10px;color:#12324a;font-size:21px}.card p{margin:0;color:#5b6470}.icon{width:48px;height:48px;border-radius:12px;background:#eaf3f9;display:flex;align-items:center;justify-content:center;font-size:23px;margin-bottom:17px}
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.feature{padding:26px;border-radius:14px;background:#fff;border:1px solid #e5e7eb}.feature h3{margin:0 0 7px;color:#12324a}.feature p{margin:0;color:#5b6470}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{text-align:center;padding:20px}.step-no{margin:0 auto 15px;width:50px;height:50px;border-radius:50%;background:#0f4c81;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:19px}.cta{background:#12324a;color:#fff;padding:70px 0}.cta-inner{text-align:center;max-width:850px;margin:auto}.cta h2{font-size:38px;margin:0 0 14px}.cta p{color:#dbe5ed;font-size:17px;margin-bottom:25px}.cta .btn-primary{background:#fff;color:#12324a}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-box{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:30px}.contact-box h3{color:#12324a;margin-top:0}.faq{max-width:850px;margin:auto}.faq-item{padding:20px 0;border-bottom:1px solid #e5e7eb}.faq-item h3{font-size:19px;color:#12324a;margin:0 0 6px}.faq-item p{margin:0;color:#5b6470}
footer{background:#0d2739;color:#fff;padding:42px 0}.footer-grid{display:flex;justify-content:space-between;gap:25px}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.small{font-size:14px;color:#cbd5e1}.page-hero{background:#f3f8fc;padding:65px 0}.page-hero h1{text-align:center;font-size:44px;color:#12324a;margin:0}.page-content{max-width:850px;margin:auto}.page-content h2{color:#12324a;margin-top:35px}
@media(max-width:850px){.navlinks{display:none}.hero-grid,.contact-grid,.feature-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.hero{padding:65px 0}.hero h1{font-size:40px}.footer-grid{display:block}.footer-links{margin-top:20px}}
@media(max-width:560px){.cards,.steps{grid-template-columns:1fr}.hero h1{font-size:35px}.section{padding:58px 0}.section h2{font-size:30px}.page-hero h1{font-size:34px}.hero-card{padding:24px}}