:root{--ink:#102b3a;--muted:#597080;--blue:#247fb5;--sky:#66bde8;--lavender:#c8c3ee;--pale:#f4f9fb;--line:#dce8ed;--dark:#123f58;--white:#fff;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.55;background:#fff}body.modal-open,body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}.container{width:min(1140px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;min-width:180px}.brand img{display:block;max-height:51px;max-width:240px;width:auto}.brand-fallback{display:none;color:var(--blue);font-size:1.5rem;font-weight:800}.brand-fallback b{display:block;font-size:.82rem;letter-spacing:.03em}.brand-fallback small{display:block;color:#7980a8;font-size:.58rem;text-transform:uppercase;letter-spacing:.16em}.site-menu{display:flex;align-items:center;gap:26px;font-size:.93rem;font-weight:700}.site-menu a:hover,.text-link{color:var(--blue)}.menu-toggle{display:none;border:0;background:transparent;width:44px;padding:9px;cursor:pointer}.menu-toggle span:not(.sr-only){display:block;height:2px;margin:5px 0;background:var(--dark);border-radius:3px}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.btn{border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:8px;font:inherit;font-weight:800;padding:12px 20px;cursor:pointer;display:inline-block;transition:.2s}.btn:hover{background:var(--dark);border-color:var(--dark);transform:translateY(-1px)}.btn-small{padding:9px 13px;font-size:.8rem}.btn-outline{background:transparent;color:var(--blue)}.btn-outline:hover{color:#fff}.hero{background:linear-gradient(122deg,#ecf8fc 0%,#f8f7ff 54%,#e9e6f9 100%);padding:86px 0}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.eyebrow{color:var(--blue);letter-spacing:.13em;text-transform:uppercase;font-size:.74rem;font-weight:800;margin:0 0 10px}h1,h2,h3{line-height:1.16;margin:0 0 16px}h1{font-size:clamp(2.5rem,5vw,4.8rem);max-width:760px}h1 em{font-style:normal;color:var(--blue)}h2{font-size:clamp(1.7rem,3vw,2.55rem)}h3{font-size:1.08rem;margin:0}.lead,.page-hero p{font-size:1.12rem;color:var(--muted);max-width:610px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-card{padding:44px 36px;border-radius:var(--radius);background:linear-gradient(145deg,var(--dark),var(--blue));color:#fff;box-shadow:20px 22px 0 var(--lavender)}.hero-card span{display:block;font-size:1.25rem;font-weight:900;color:#b5e6fa;margin-bottom:68px}.hero-card strong{font-size:2rem;line-height:1.1;display:block}.hero-card p{opacity:.82}.section{padding:78px 0}.soft{background:var(--pale)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:32px}.text-link{font-weight:800;white-space:nowrap}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;padding-bottom:18px}.product-card h3,.product-card p,.price{margin:0px 16px 0}.product-card p{color:var(--muted);font-size:.9rem}.product-card img,.product-image{display:block;width:100%;height:100%;background:linear-gradient(135deg,#dff4fb,#dedbf6)}.product-image{display:grid;place-items:center;font-weight:900;font-size:2.5rem;color:var(--blue)}.price{color:var(--blue);font-weight:800}.api-note{padding:38px;border:1px dashed #a9cddc;background:var(--pale);border-radius:var(--radius);text-align:center}.partner-band{background:var(--dark);color:#fff;padding:44px 0}.partner-band .container,.form-callout{display:flex;align-items:center;justify-content:space-between;gap:26px}.partner-band .eyebrow{color:#9eddfa}.partner-band h2{margin:0}.partner-band .btn{background:var(--sky);border-color:var(--sky);color:var(--ink)}.site-footer{background:#0b2535;color:#d5e8f0;padding:43px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr auto;gap:32px;align-items:center}.footer-grid strong{font-size:1.1rem;color:#fff}.footer-grid p{margin:6px 0}.footer-grid a{display:block;margin:6px 0}.footer-grid a:hover{color:var(--sky)}.copyright{text-align:center;border-top:1px solid #24485d;padding-top:18px;margin:32px auto 0;width:min(1140px,calc(100% - 40px));font-size:.82rem}.page-hero{padding:88px 0 70px;background:linear-gradient(115deg,#edf8fb,#f2effd)}.page-hero.compact{padding:64px 0}.split,.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.split p{font-size:1.08rem;color:var(--muted)}.value-list{display:grid;gap:14px}.value-list div,.benefit-grid article{padding:22px;border-left:4px solid var(--sky);background:var(--pale)}.value-list b,.value-list span{display:block}.value-list span{color:var(--muted)}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.benefit-grid p{color:var(--muted);margin:7px 0 0}.form-callout{padding:42px;background:#e8f5fa;border-radius:var(--radius)}.form-callout h2{margin-bottom:6px}.form-callout p:not(.eyebrow){color:var(--muted);margin:0}.lead-form{display:grid;gap:15px}.lead-form label{font-size:.86rem;font-weight:800}.lead-form input,.lead-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #bbd0da;background:#fff;border-radius:7px;padding:11px;font:inherit;resize:vertical}.lead-form input:focus,.lead-form textarea:focus{outline:3px solid #b8e4f5;border-color:var(--blue)}.panel{padding:26px;border:1px solid var(--line);border-radius:var(--radius)}.contact-aside{padding:35px;background:linear-gradient(145deg,var(--dark),var(--blue));border-radius:var(--radius);color:white}.contact-aside .eyebrow{color:#b3e6fa}.contact-aside p:not(.eyebrow){opacity:.87}.contact-aside .btn{background:#fff;color:var(--dark);border-color:#fff}.notice{padding:13px;border-radius:8px}.success{background:#e5f5eb;color:#17663c}.error{background:#ffeded;color:#9c2323}.modal{position:fixed;inset:0;z-index:50;background:rgba(4,26,37,.65);display:grid;place-items:center;padding:18px;opacity:0;visibility:hidden;transition:.2s}.modal[aria-hidden="false"]{opacity:1;visibility:visible}.modal-card{position:relative;width:min(520px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:31px;background:#fff;border-radius:var(--radius);box-shadow:0 20px 50px rgba(0,0,0,.3)}.modal-card h2{font-size:1.75rem}.modal-card>p:not(.eyebrow){color:var(--muted);margin-top:-6px}.modal-close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:var(--ink);font-size:2rem;cursor:pointer}
@media(max-width:800px){.nav-wrap{height:68px}.brand img{max-width:180px;max-height:44px}.menu-toggle{display:block;z-index:31}.site-menu{display:none;position:absolute;z-index:30;top:68px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px 20px 24px;box-shadow:0 13px 22px rgba(16,43,58,.13);flex-direction:column;align-items:stretch;gap:2px}.site-menu.is-open{display:flex}.site-menu a{padding:13px 8px;border-bottom:1px solid #edf3f6}.site-menu .btn{margin-top:12px;text-align:center}.hero{padding:55px 0}.hero-grid,.split,.contact-layout{grid-template-columns:1fr;gap:38px}.hero-card{box-shadow:12px 14px 0 var(--lavender);padding:30px}.hero-card span{margin-bottom:38px}.product-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:17px}.partner-band .container,.form-callout{align-items:flex-start;flex-direction:column}.section{padding:56px 0}.page-hero{padding:58px 0}.section-heading{align-items:flex-start;flex-direction:column}.product-card img,.product-image{height:145px}}@media(max-width:420px){.container{width:min(100% - 28px,1140px)}h1{font-size:2.35rem}.product-grid{gap:12px}.product-card h3,.product-card p,.price{margin-left:11px;margin-right:11px}.product-card h3{font-size:.95rem}.product-card img,.product-image{height:100%}.btn{width:100%;text-align:center}.actions .btn{width:auto}.modal-card{padding:28px 20px}.hero-card strong{font-size:1.55rem}}

.footer-pro{background:#092638;color:#d7e9f1;padding:0 0 20px;overflow:hidden}
/*.footer-pro__cta{background:linear-gradient(#337f76);padding:34px 0}*/
.footer-pro__cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer-pro__cta h2{color:#fff;font-size:clamp(1.45rem,3vw,2.2rem);margin:0 0 6px}
.footer-pro__cta p{margin:0;color:#c4e8f5}
.footer-pro__cta .btn{background:#fff;border-color:#fff;color:#0e4059}
.footer-pro__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:46px;padding:54px 0 42px}
.footer-pro__brand{display:inline-flex;align-items:center;margin-bottom:14px}
.footer-pro__brand img{max-width:215px;max-height:54px;object-fit:contain}
.footer-pro__brand-fallback{font-size:1.35rem;font-weight:900;color:#fff}
.footer-pro__brand-fallback small{display:block;color:#9eddfa;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase}
.footer-pro__about{max-width:300px;color:#a9c8d4;font-size:.93rem}
.footer-pro__social{display:flex;gap:10px;margin-top:21px}
.footer-pro__social a{display:grid;place-items:center;width:34px;height:34px;border:1px solid #3b687c;border-radius:50%;color:#bce9f8;transition:.2s}
.footer-pro__social a:hover{background:#66bde8;border-color:#66bde8;color:#092638}
.footer-pro__social svg{width:16px;height:16px}
.footer-pro__title{color:#fff;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;margin:4px 0 16px}
.footer-pro__links{list-style:none;margin:0;padding:0}
.footer-pro__links li{margin:0 0 10px}
.footer-pro__links a{color:#b4d0da;font-size:.91rem}
.footer-pro__links a:hover{color:#66bde8}
.footer-pro__contact li{display:flex;gap:8px;align-items:flex-start}
.footer-pro__contact svg{width:15px;height:15px;flex:none;margin-top:4px;color:#66bde8}
.footer-pro__bottom{border-top:1px solid #24485a;padding-top:18px;display:flex;justify-content:space-between;gap:15px;color:#86a8b6;font-size:.78rem}
.footer-pro__bottom a{color:#9eddfa}

@media(max-width:760px){
  .footer-pro__cta-inner{align-items:flex-start;flex-direction:column}
  .footer-pro__cta .btn{width:100%;text-align:center}
  .footer-pro__grid{grid-template-columns:1fr 1fr;gap:32px 22px;padding:40px 0 30px}
  .footer-pro__about{grid-column:1/-1;max-width:none}
  .footer-pro__bottom{align-items:flex-start;flex-direction:column}
}

.product-title {
  cursor: pointer;
}

.product-title:hover,
.product-title:focus {
  color: #247fb5;
  outline: none;
}

.product-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(4, 26, 37, 0.72);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

.product-modal[aria-hidden="false"] {
  opacity: 1;
  visibility: visible;
}

.product-modal__card {
  position: relative;
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 26px;
  width: min(620px, 100%);
  padding: 30px;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.28);
  transform: translateY(12px);
  transition: transform 0.2s ease;
}

.product-modal[aria-hidden="false"] .product-modal__card {
  transform: translateY(0);
}

.product-modal__close {
  position: absolute;
  top: 8px;
  right: 14px;
  border: 0;
  background: transparent;
  color: #102b3a;
  font-size: 2rem;
  cursor: pointer;
}

.product-modal__image {
  display: grid;
  place-items: center;
  min-height: 180px;
  overflow: hidden;
  border-radius: 14px;
  background: linear-gradient(135deg, #dff4fb, #dedbf6);
  color: #247fb5;
  font-size: 3rem;
  font-weight: 900;
}

.product-modal__image img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.product-modal__content {
  align-self: center;
}

.product-modal__content h2 {
  margin-bottom: 10px;
}

.product-modal__content > p:not(.eyebrow) {
  color: #597080;
  line-height: 1.6;
}

.product-modal__enquire {
  width: 100%;
  margin-top: 15px;
}

@media (max-width: 560px) {
  .product-modal__card {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 24px 20px;
  }

  .product-modal__image,
  .product-modal__image img {
    min-height: 130px;
    height: 130px;
  }
}
.whatsapp-float {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 58px;
    height: 58px;
    background-color: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 14px rgba(0,0,0,0.25);
    z-index: 999;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  .whatsapp-float:hover {
    transform: scale(1.08);
    box-shadow: 0 6px 20px rgba(0,0,0,0.3);
  }
  @media (max-width: 480px) {
    .whatsapp-float {
      width: 52px;
      height: 52px;
      bottom: 16px;
      right: 16px;
    }
  }