:root{
    --blue:#0b45a3;
    --blue-dark:#082f73;
    --red:#ed1c24;
    --ink:#13213a;
    --muted:#637089;
    --light:#f5f8fc;
    --line:#dfe6ef;
    --white:#fff;
    --shadow:0 18px 50px rgba(9,35,76,.10);
    --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);line-height:1.6;background:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1160px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav-wrap{min-height:82px;display:flex;align-items:center;gap:28px}
.brand img{width:145px;height:72px;object-fit:contain}
.main-nav{display:flex;align-items:center;gap:22px;margin-left:auto}
.main-nav a{font-size:.94rem;font-weight:700;color:#40506b;position:relative;padding:28px 0}
.main-nav a:hover,.main-nav a.active{color:var(--blue)}
.main-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:3px;background:var(--red);border-radius:4px}
.nav-cta{background:var(--blue);color:#fff!important;font-weight:800;padding:12px 18px;border-radius:10px;white-space:nowrap}
.nav-cta:hover{background:var(--blue-dark)}
.menu-toggle{display:none;border:0;background:none;font-size:1.7rem;color:var(--ink)}
.hero{position:relative;min-height:610px;display:flex;align-items:center;overflow:hidden}
.hero-image{position:absolute;inset:0;background-image:url('hero.png');background-size:cover;background-position:center}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.90) 38%,rgba(255,255,255,.10) 76%,rgba(255,255,255,0) 100%)}
.hero-content{position:relative;z-index:1}
.hero-copy{max-width:610px;padding:75px 0}
.eyebrow{display:inline-block;font-size:.75rem;letter-spacing:.18em;font-weight:900;color:var(--blue);margin-bottom:10px}
.hero h1{font-size:clamp(2.8rem,6vw,5.2rem);line-height:1.02;margin:0 0 20px;letter-spacing:-.045em}
.hero h1 span{color:var(--blue)}
.hero p{font-size:1.15rem;color:#4e5d74;max-width:570px}
.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;justify-content:center;align-items:center;border:0;cursor:pointer;padding:13px 21px;border-radius:10px;font-weight:850;font-size:.96rem;transition:.2s}
.btn-primary{background:var(--red);color:#fff;box-shadow:0 8px 22px rgba(237,28,36,.20)}
.btn-primary:hover{transform:translateY(-2px);background:#d8171f}
.btn-light{background:#fff;color:var(--blue);border:1px solid var(--line)}
.btn-dark{background:var(--blue);color:#fff}
.btn-wide{width:100%}
.trust-strip{background:var(--blue);color:#fff}
.trust-items{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-items div{padding:22px 18px;border-right:1px solid rgba(255,255,255,.15)}
.trust-items div:last-child{border:0}
.trust-items strong,.trust-items span{display:block}
.trust-items strong{font-size:1.05rem}
.trust-items span{font-size:.82rem;opacity:.82}
.section{padding:90px 0}
.section-light{background:var(--light)}
.section-heading{max-width:760px;margin-bottom:44px}
.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}
.section-heading h2,.split h2{font-size:clamp(2rem,4vw,3rem);line-height:1.12;letter-spacing:-.035em;margin:0 0 15px}
.section-heading p,.split p{color:var(--muted);font-size:1.05rem}
.cards{display:grid;gap:22px}
.cards-3{grid-template-columns:repeat(3,1fr)}
.service-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:0 8px 25px rgba(15,41,80,.04)}
.service-card:hover{box-shadow:var(--shadow);transform:translateY(-3px);transition:.2s}
.service-card .icon{width:50px;height:50px;display:grid;place-items:center;background:#edf3ff;border-radius:13px;font-size:1.45rem;margin-bottom:20px}
.service-card h3{margin:0 0 9px;font-size:1.35rem}
.service-card p{color:var(--muted);margin-top:0}
.service-card a{color:var(--blue);font-weight:800}
.split{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}
.check-list{list-style:none;padding:0;margin:24px 0 28px}
.check-list li{position:relative;padding-left:30px;margin:11px 0;color:#40506b}
.check-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--red);font-weight:900}
.feature-box{background:linear-gradient(135deg,var(--blue-dark),var(--blue));color:#fff;padding:50px;border-radius:24px;min-height:330px;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow)}
.feature-box span{font-size:.75rem;letter-spacing:.18em;font-weight:900;opacity:.75}
.feature-box h3{font-size:2.5rem;line-height:1.1;margin:15px 0}
.feature-box em{color:#fff;font-style:normal}
.feature-box p{opacity:.85}
.area-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.area-grid div{border:1px solid var(--line);padding:18px 10px;text-align:center;border-radius:12px;font-weight:800;background:#fff}
.cta-band{background:#0d2347;color:#fff;padding:65px 0}
.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}
.cta-inner h2{font-size:2.4rem;line-height:1.1;margin:0 0 10px}
.cta-inner p{margin:0;color:#c5d0e1}
.cta-band .eyebrow{color:#8fb7ff}
.page-hero{padding:95px 0 80px;background:linear-gradient(135deg,#edf3ff,#fff);border-bottom:1px solid var(--line)}
.page-hero.compact{padding:72px 0 58px}
.page-hero h1{font-size:clamp(2.5rem,5vw,4.2rem);line-height:1.05;letter-spacing:-.04em;margin:0 0 15px;max-width:850px}
.page-hero p{max-width:680px;color:var(--muted);font-size:1.08rem}
.service-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.service-list article{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff}
.service-list h2{font-size:1.35rem;margin:0 0 8px}
.service-list p{margin:0;color:var(--muted)}
.service-number{font-weight:900;font-size:1.4rem;color:var(--red)}
.about-panel{background:linear-gradient(135deg,var(--blue),#0a2860);border-radius:24px;min-height:300px;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;box-shadow:var(--shadow)}
.about-panel strong{font-size:2.4rem;line-height:1.1}.about-panel span{font-size:1.3rem;color:#ff6670;font-weight:800;margin-top:7px}
.form-layout{display:grid;grid-template-columns:1fr 330px;gap:30px;align-items:start}
.quote-form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 10px 35px rgba(15,41,80,.05)}
.form-section{padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.form-section:last-of-type{border:0}
.form-section h3{margin-top:0;font-size:1.15rem}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.form-grid.four{grid-template-columns:repeat(4,1fr)}
label{display:block;font-weight:750;color:#32425c;margin-bottom:17px}
input,textarea,select{width:100%;margin-top:7px;padding:12px 13px;border:1px solid #ccd6e3;border-radius:9px;font:inherit;color:var(--ink);background:#fff;outline:none}
input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(11,69,163,.08)}
textarea{min-height:105px;resize:vertical}
.side-card{background:#0d2347;color:#fff;border-radius:20px;padding:30px;position:sticky;top:105px}
.side-card .eyebrow{color:#8fb7ff}
.side-card h3{font-size:1.45rem}
.side-card .check-list li{color:#dce5f3}
.muted{color:var(--muted)}
.side-card .muted{color:#b8c7dc;font-size:.9rem}
.success-box,.info-box{padding:30px;border-radius:18px;background:#eef8f1;border:1px solid #c9e6d1}
.success-box h2,.info-box h2{margin-top:0}
.narrow{max-width:850px}
.tracking-box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--shadow)}
.tracking-row{display:flex;gap:12px}.tracking-row input{margin:0}
.tracking-help{padding:35px 0}.tracking-help a{color:var(--blue);font-weight:800}
.info-box{margin-top:22px;background:#edf3ff;border-color:#c9d8f2}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.contact-details h2{font-size:2.8rem;line-height:1.1}
.contact-item{display:flex;flex-direction:column;margin:28px 0;padding-bottom:20px;border-bottom:1px solid var(--line)}
.contact-item strong{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.contact-item a{color:var(--blue);font-weight:800}
.site-footer{background:#081a35;color:#dce5f3;padding-top:55px}
.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .9fr;gap:50px;padding-bottom:45px}
.footer-logo{width:180px;height:90px;object-fit:contain;background:#fff;border-radius:10px;padding:6px;margin-bottom:10px}
.site-footer h4{color:#fff;margin-top:0}
.site-footer a,.site-footer span{display:block;margin:9px 0;color:#c6d1e2}
.site-footer a:hover{color:#fff}
.site-footer .muted{color:#94a6c0}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;color:#8ea0ba;font-size:.82rem}
@media(max-width:950px){
    .main-nav{gap:13px}.main-nav a{font-size:.85rem}
    .cards-3{grid-template-columns:1fr}
    .area-grid{grid-template-columns:repeat(3,1fr)}
    .split,.contact-grid{grid-template-columns:1fr;gap:40px}
    .service-list{grid-template-columns:1fr}
    .form-layout{grid-template-columns:1fr}
    .side-card{position:static}
}
@media(max-width:760px){
    .nav-wrap{min-height:70px}.brand img{width:125px;height:62px}.menu-toggle{display:block;margin-left:auto}
    .main-nav{display:none;position:absolute;left:0;right:0;top:70px;background:#fff;border-bottom:1px solid var(--line);padding:10px 5%;flex-direction:column;align-items:stretch;gap:0}
    .main-nav.open{display:flex}.main-nav a{padding:13px 0}.main-nav a.active:after{display:none}
    .nav-cta{display:none}
    .hero{min-height:620px}.hero-image{background-position:63% center}.hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.72))}
    .hero-copy{padding:55px 0}.hero h1{font-size:3rem}
    .trust-items{grid-template-columns:1fr 1fr}.trust-items div{border-bottom:1px solid rgba(255,255,255,.15)}
    .section{padding:65px 0}
    .area-grid{grid-template-columns:1fr 1fr}
    .cta-inner{flex-direction:column;align-items:flex-start}
    .form-grid,.form-grid.four{grid-template-columns:1fr}
    .footer-grid{grid-template-columns:1fr;gap:28px}
    .tracking-row{flex-direction:column}
}
.whatsapp-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
  background-color: #25D366; /* WhatsApp green */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}

.whatsapp-float img {
  width: 30px;
  height: auto;
}
.hero-centered {
    text-align: center;
    padding: 120px 20px;
    position: relative;
    z-index: 2;
}

.hero-centered .container {
    max-width: 800px;
    margin: 0 auto;
}

.hero-buttons {
    margin-top: 30px;
}
.hero-buttons .btn {
    padding: 4px 18px !important;   /* smaller top/bottom, balanced width */
    border-radius: 8px !important;  /* square with rounded corners */
    font-size: 0.9rem !important;   /* slightly smaller text */
    font-weight: 700 !important;    /* consistent boldness */
    line-height: 1.2 !important;    /* keeps text vertically centered */
}




















