:root{
    --blue-dark:#0b2149;
    --blue:#1a56d6;
    --blue-light:#eaf1fd;
    --text-dark:#0f1b33;
    --text-gray:#5c667a;
    --border:#e7ebf3;
    --bg-soft:#f6f8fc;
    --white:#ffffff;
    --star:#f5a623;
    --green:#25d366;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  body{font-family:'Segoe UI',Arial,Helvetica,sans-serif;color:var(--text-dark);line-height:1.5;background:var(--white);}
  img{max-width:100%;display:block;}
  a{text-decoration:none;color:inherit;}
  ul{list-style:none;}
  .container{max-width:1200px;margin:0 auto;padding:0 24px;}
  .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:6px;font-weight:600;font-size:15px;cursor:pointer;border:2px solid transparent;transition:transform .15s ease;}
  .btn:hover{transform:translateY(-2px);}
  .btn-primary{background:var(--blue);color:#fff;}
  .btn-outline{background:#fff;border-color:var(--blue);color:var(--blue);}
  .eyebrow{color:var(--blue);font-weight:700;font-size:13px;letter-spacing:.3px;margin-bottom:8px;}
  .section-title{font-size:32px;font-weight:800;color:var(--blue-dark);margin-bottom:10px;}
  .section-sub{color:var(--text-gray);max-width:520px;margin:0 auto;font-size:15px;}
  .center{text-align:center;}

  /* Top bar */
  .topbar{background:var(--blue-dark);color:#cdd8ee;font-size:13px;padding:8px 0;}
  .topbar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;}
  .topbar .left, .topbar .right{display:flex;align-items:center;gap:22px;}
  .topbar .icon-links{display:flex;gap:12px;}
  .topbar .icon-links a{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:12px;}

  /* Header */
  header.main{padding:16px 0;border-bottom:1px solid var(--border);position:sticky;top:0;background:#fff;z-index:50;}
  header.main .container{display:flex;align-items:center;justify-content:space-between;gap:24px;}
  .logo{display:flex;align-items:center;gap:10px;}
  .logo .mark{width:44px;height:44px;border-radius:50%;background:conic-gradient(var(--blue),#7db4ff,var(--blue));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:18px;}
  .logo .name{font-size:20px;font-weight:800;color:var(--blue-dark);line-height:1.1;}
  .logo .tag{font-size:11px;color:var(--text-gray);}
  nav.primary{display:flex;gap:28px;font-weight:600;font-size:15px;color:var(--text-dark);}
  nav.primary a.active{color:var(--blue);}
  .header-cta{display:flex;align-items:center;gap:14px;}
  .nav-toggle{display:none;background:none;border:none;font-size:24px;line-height:1;color:var(--blue-dark);cursor:pointer;padding:4px 6px;}

  /* Hero */
  .hero{background:linear-gradient(180deg,#f2f6fd,#ffffff);padding:60px 0 40px;}
  .hero .container{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
  .hero h1{font-size:42px;font-weight:800;color:var(--blue-dark);line-height:1.2;}
  .hero h1 .accent{color:var(--blue);}
  .hero p{color:var(--text-gray);margin:18px 0 26px;font-size:16px;max-width:460px;}
  .hero .cta-row{display:flex;gap:16px;margin-bottom:30px;}
  .mini-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
  .mini-feat{background:#fff;border:1px solid var(--border);border-radius:8px;padding:12px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:12.5px;font-weight:600;color:var(--text-dark);}
  .mini-feat .ic{width:30px;height:30px;border-radius:6px;background:var(--blue-light);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:15px;}
  .hero-visual{position:relative;}
  .hero-visual .whatsapp{position:absolute;bottom:10px;right:10px;background:var(--green);color:#fff;padding:10px 16px;border-radius:30px;font-weight:700;font-size:13px;display:flex;align-items:center;gap:6px;box-shadow:0 8px 18px rgba(37,211,102,.35);}

  /* trust bar */
  .trustbar{background:var(--blue-dark);color:#fff;padding:26px 0;}
  .trustbar .container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
  .trust-item{display:flex;align-items:center;gap:14px;}
  .trust-item .ic{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
  .trust-item strong{display:block;font-size:14.5px;}
  .trust-item span{font-size:12.5px;color:#b9c6e3;}

  /* services */
  .services{padding:70px 0;}
  .service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:36px;}
  .service-card{border:1px solid var(--border);border-radius:10px;padding:26px 20px;text-align:left;}
  .service-card .ic{width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px;}
  .service-card h3{font-size:16px;margin-bottom:8px;color:var(--blue-dark);}
  .service-card p{font-size:13.5px;color:var(--text-gray);margin-bottom:14px;min-height:56px;}
  .service-card a{color:var(--blue);font-weight:700;font-size:13.5px;}
  .ic-1{background:#e7f2ff;color:#1a8cff;}
  .ic-2{background:#e9edff;color:#4a5bd6;}
  .ic-3{background:#e6f8ef;color:#1cae6b;}
  .ic-4{background:#f2ecff;color:#8348e0;}
  .ic-5{background:#fff2e2;color:#e08a1c;}

  /* AC promo */
  .promo{padding:0 0 70px;}
  .promo .container{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}
  .promo-img{border-radius:14px;overflow:hidden;background:#eef2f9;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;}
  .promo h2{font-size:28px;font-weight:800;color:var(--blue-dark);margin-bottom:14px;}
  .promo > .container > div p{color:var(--text-gray);margin-bottom:20px;}
  .check-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin-bottom:26px;}
  .check-list li{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:600;color:var(--text-dark);}
  .check-list li .ck{width:20px;height:20px;border-radius:50%;background:#25b96b;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;}

  /* why choose us */
  .why{background:var(--bg-soft);padding:70px 0;}
  .why-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:36px;}
  .why-card{background:#fff;border-radius:10px;padding:24px 16px;text-align:center;border:1px solid var(--border);}
  .why-card .ic{width:46px;height:46px;border-radius:50%;background:var(--blue-light);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:20px;margin:0 auto 14px;}
  .why-card h4{font-size:14.5px;margin-bottom:8px;color:var(--blue-dark);}
  .why-card p{font-size:12.5px;color:var(--text-gray);}

  /* how it works */
  .how{padding:70px 0;}
  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:50px;position:relative;}
  .steps::before{content:"";position:absolute;top:24px;left:12%;right:12%;height:2px;background:repeating-linear-gradient(to right,var(--border) 0 8px,transparent 8px 16px);z-index:0;}
  .step{position:relative;text-align:center;z-index:1;}
  .step .num{width:48px;height:48px;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:16px;}
  .step h4{font-size:15px;margin-bottom:8px;color:var(--blue-dark);}
  .step p{font-size:13px;color:var(--text-gray);}

  /* testimonials */
  .testimonials{background:var(--bg-soft);padding:70px 0;}
  .test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;}
  .test-card{background:#fff;border-radius:10px;padding:24px;border:1px solid var(--border);}
  .test-head{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
  .avatar{width:44px;height:44px;border-radius:50%;background:var(--blue-light);color:var(--blue);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:14px;}
  .test-head strong{font-size:14.5px;display:block;}
  .test-head span{font-size:12px;color:var(--text-gray);}
  .stars{color:var(--star);font-size:13px;margin-bottom:10px;}
  .test-card p{font-size:13.5px;color:var(--text-gray);}

  /* service areas */
  .areas{padding:70px 0;}
  .pill-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:34px;}
  .pill{border:1.5px solid var(--border);padding:9px 20px;border-radius:30px;font-size:13.5px;font-weight:600;color:var(--text-dark);}
  .pill.active{background:var(--blue);border-color:var(--blue);color:#fff;}
  .areas-note{text-align:center;color:var(--text-gray);font-size:13.5px;margin-top:22px;}

  /* FAQ */
  .faq{background:var(--bg-soft);padding:70px 0;}
  .faq .container{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;align-items:start;}
  .faq h2{font-size:30px;font-weight:800;color:var(--blue-dark);margin-bottom:20px;}
  .faq-item{background:#fff;border:1px solid var(--border);border-radius:8px;padding:16px 20px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:14.5px;cursor:pointer;}
  .faq-item .plus{color:var(--blue);font-size:18px;}

  /* CTA bar */
  .cta-bar{background:var(--blue-dark);padding:44px 0;}
  .cta-bar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;color:#fff;}
  .cta-bar h3{font-size:24px;margin-bottom:6px;}
  .cta-bar p{color:#b9c6e3;font-size:14px;}
  .cta-bar .btn-outline{background:transparent;border-color:#fff;color:#fff;}

  /* footer */
  footer{background:#081633;color:#b9c6e3;padding:50px 0 20px;font-size:13.5px;}
  .footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr 1.2fr;gap:30px;}
  .footer-grid h4{color:#fff;font-size:15px;margin-bottom:16px;}
  .footer-grid li{margin-bottom:10px;color:#b9c6e3;}
  .footer-social{display:flex;gap:10px;margin-top:16px;}
  .footer-social a{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;}
  .footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:36px;padding-top:18px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;font-size:12.5px;}

  @media(max-width:980px){
    .hero .container, .promo .container, .faq .container{grid-template-columns:1fr;}
    .service-grid{grid-template-columns:repeat(2,1fr);}
    .why-grid{grid-template-columns:repeat(3,1fr);}
    .test-grid{grid-template-columns:1fr;}
    .steps{grid-template-columns:1fr 1fr;}
    .steps::before{display:none;}
    .trustbar .container{grid-template-columns:1fr 1fr;}
    .footer-grid{grid-template-columns:1fr 1fr;}
    .nav-toggle{display:block;}
    nav.primary{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:8px 24px 14px;box-shadow:0 12px 24px rgba(11,33,73,.12);border-bottom:1px solid var(--border);}
    nav.primary.nav-open{display:flex;}
    nav.primary a{padding:13px 0;border-bottom:1px solid var(--border);}
    nav.primary a:last-child{border-bottom:none;}
    .mini-feats{grid-template-columns:1fr 1fr;}
    .logo .tag{display:none;}
  }

/* ---- Inner page additions ---- */
.page-banner{background:linear-gradient(180deg,#0b2149,#123170);color:#fff;padding:46px 0;text-align:center;}
.page-banner h1{font-size:32px;font-weight:800;margin-bottom:8px;}
.breadcrumb{font-size:13.5px;color:#b9c6e3;}
.breadcrumb a{color:#fff;font-weight:600;}

.content-block{padding:64px 0;}
.content-block h2{font-size:26px;font-weight:800;color:var(--blue-dark);margin-bottom:14px;}
.content-block p{color:var(--text-gray);margin-bottom:16px;font-size:15px;max-width:760px;}

.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;}
.stat-card{border:1px solid var(--border);border-radius:10px;padding:20px;text-align:center;}
.stat-card strong{display:block;font-size:26px;color:var(--blue);}
.stat-card span{font-size:12.5px;color:var(--text-gray);}

.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start;}
.contact-info-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:22px;display:flex;gap:14px;align-items:flex-start;margin-bottom:16px;}
.contact-info-card .ic{width:42px;height:42px;border-radius:8px;background:var(--blue-light);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.contact-info-card h4{font-size:14.5px;margin-bottom:4px;color:var(--blue-dark);}
.contact-info-card p{font-size:13.5px;color:var(--text-gray);margin:0;}
.form-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:30px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}
.form-row.full{grid-template-columns:1fr;}
.form-card label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text-dark);}
.form-card input, .form-card select, .form-card textarea{width:100%;border:1.5px solid var(--border);border-radius:6px;padding:11px 12px;font-size:14px;font-family:inherit;color:var(--text-dark);}
.form-card textarea{min-height:110px;resize:vertical;}
.map-embed{width:100%;height:260px;border-radius:10px;background:#e6ecf6;display:flex;align-items:center;justify-content:center;color:var(--text-gray);font-size:13.5px;margin-top:20px;border:1px solid var(--border);}

.faq-full{max-width:820px;margin:0 auto;}
.faq-full .faq-item{align-items:flex-start;flex-direction:column;cursor:default;}
.faq-full .faq-q{display:flex;justify-content:space-between;width:100%;align-items:center;}
.faq-full .faq-a{font-weight:400;color:var(--text-gray);font-size:13.5px;margin-top:10px;display:none;}
.faq-full .faq-item.open .faq-a{display:block;}

.area-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px;}
.area-card{border:1px solid var(--border);border-radius:10px;padding:18px;text-align:center;}
.area-card .ic{width:40px;height:40px;border-radius:50%;background:var(--blue-light);color:var(--blue);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:17px;}
.area-card h4{font-size:14px;margin-bottom:4px;color:var(--blue-dark);}
.area-card span{font-size:12px;color:var(--text-gray);}

.service-detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:60px 0;}
.pricing-table{width:100%;border-collapse:collapse;margin-top:20px;}
.pricing-table th,.pricing-table td{border:1px solid var(--border);padding:12px 16px;text-align:left;font-size:14px;}
.pricing-table th{background:var(--bg-soft);color:var(--blue-dark);}

@media(max-width:980px){
  .about-grid,.contact-grid,.service-detail-hero{grid-template-columns:1fr;}
  .stat-row{grid-template-columns:1fr 1fr;}
  .form-row{grid-template-columns:1fr;}
  .area-detail-grid{grid-template-columns:1fr 1fr;}
}