*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f6f7f9;color:#172033;line-height:1.65}a{text-decoration:none;color:inherit}.container{width:min(1120px,92%);margin:auto}.topbar{background:#0f2748;color:#fff;padding:10px 0;font-size:15px}.topbar .container{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.topbar a{color:#ffdf7e;font-weight:700}.header{background:#fff;border-bottom:1px solid #e5e9f0;position:sticky;top:0;z-index:10}.header-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}.logo{display:inline-flex;align-items:center}.logo img{display:block;width:260px;max-width:min(260px,78vw);height:auto}.logo strong{display:block;font-size:27px;color:#0f2748}.logo span{font-size:13px;color:#667085;font-weight:700;text-transform:uppercase}.menu{display:flex;gap:14px;flex-wrap:wrap}.menu a{font-weight:700;color:#263348;padding:8px 10px;border-radius:8px}.menu a:hover{background:#eef4ff;color:#0f55b5}.hero{background:linear-gradient(135deg,#102b55,#15539a);color:#fff;padding:68px 0}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.badge{display:inline-block;background:#f0762f;color:#fff;padding:8px 13px;border-radius:999px;font-size:13px;font-weight:800;margin-bottom:16px}.hero h1{font-size:48px;line-height:1.08;margin:0 0 16px}.hero p{font-size:18px;color:#e8f1ff}.hero-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0}.hero-list div,.hero-service-item{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:13px;border-radius:12px;font-weight:700}.btn-row{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-block;padding:13px 18px;border-radius:10px;font-weight:800}.btn-call{background:#e94b35;color:#fff}.btn-wa{background:#18a957;color:#fff}.btn-light{background:#fff;color:#172033}.hero-panel{background:#fff;color:#172033;border-radius:18px;padding:24px;box-shadow:0 18px 45px rgba(0,0,0,.2)}.hero-panel-badge{display:inline-block;background:#eef4ff;color:#15539a;padding:7px 11px;border-radius:999px;font-weight:700;font-size:13px}.hero-panel h3{font-size:28px;margin:14px 0 8px}.hero-service-list{display:grid;gap:10px}.hero-service-item{background:#f6f8fb;border-color:#e3e8f0}section{padding:56px 0}.section-title{text-align:center;margin-bottom:26px}.section-title h2{font-size:34px;margin:0 0 8px}.section-title p{color:#667085;margin:auto;max-width:760px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card,.seo-box{background:#fff;border:1px solid #e3e8f0;border-radius:16px;padding:24px;box-shadow:0 12px 28px rgba(16,24,40,.07)}.card h3,.seo-box h2{margin-top:0;color:#0f2748}.card ul{padding-left:20px}.card li{margin-bottom:7px}.hero-contact-box{background:#f8fbff;border:1px solid #d8e6fb;border-radius:12px;padding:14px}.hero-contact-line{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:5px 0}.hero-contact-line a{font-weight:800;color:#0f2748}.faq{display:grid;gap:12px}.faq details{background:#fff;border:1px solid #e3e8f0;border-radius:12px;padding:16px}.faq summary{font-weight:800;cursor:pointer}.link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.link-grid a{background:#fff;border:1px solid #e3e8f0;border-radius:10px;padding:12px;font-weight:700}.footer{background:#111827;color:#fff;padding:28px 0}.footer-wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer a{color:#ffdf7e}.floating-call,.floating-wa{position:fixed;bottom:18px;z-index:20;padding:12px 16px;border-radius:999px;color:#fff;font-weight:800;box-shadow:0 10px 24px rgba(0,0,0,.22)}.floating-call{left:18px;background:#e94b35}.floating-wa{right:18px;background:#18a957}@media(max-width:850px){.hero-grid,.grid-2{grid-template-columns:1fr}.hero h1{font-size:36px}.link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-wrap{align-items:flex-start;flex-direction:column}.menu{gap:6px}}@media(max-width:520px){.hero-list,.link-grid{grid-template-columns:1fr}.floating-call,.floating-wa{position:static;display:block;margin:10px 16px;text-align:center}.footer-wrap{display:block}}