/* ==========================================================
   Perfect HVAC Solutions — style.css
   ========================================================== */
:root{
  --blue:#4FB8E5; --blue-2:#2E8DBA; --blue-3:#1B7BAB; --blue-deep:#0E4D6B;
  --blue-light:#E5F5FC; --blue-soft:#F0F7FB;
  --orange:#F39200; --orange-light:#FFF1DC; --orange-2:#FF7A00;
  --bg:#FFFFFF; --bg-soft:#F5F7FA; --bg-grey:#F2F5F8;
  --ink:#0E1B26; --ink-2:#1F2D3A; --text:#384959; --muted:#6B7A8A;
  --line:#E5EBF1; --line-2:#EFF3F7; --green:#16A34A; --red:#DC2626;
  --display:'Plus Jakarta Sans',system-ui,sans-serif;
  --body:'Inter',system-ui,sans-serif;
  --shadow-sm:0 4px 12px rgba(14,27,38,.06);
  --shadow-md:0 16px 40px rgba(14,27,38,.10);
  --shadow-lg:0 30px 80px rgba(14,27,38,.16);
  --shadow-blue:0 12px 28px rgba(46,141,186,.25);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--body);background:var(--bg);color:var(--text);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
.container{max-width:1300px;margin:0 auto;padding:0 24px;}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1.2;}
h1{font-size:clamp(2.4rem,5.5vw,4rem);}
h2{font-size:clamp(1.9rem,3.4vw,2.6rem);line-height:1.15;}
h3{font-size:1.2rem;}
::selection{background:var(--blue);color:#fff;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:var(--bg-soft);}
::-webkit-scrollbar-thumb{background:var(--blue-2);border-radius:5px;}
::-webkit-scrollbar-thumb:hover{background:var(--blue-3);}

/* Section heads */
.sec-head{text-align:center;max-width:760px;margin:0 auto 40px;}
.sec-tag{display:inline-flex;align-items:center;gap:14px;font-family:var(--display);font-weight:700;font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:var(--blue-2);padding:7px 18px;background:var(--blue-light);border-radius:999px;margin-bottom:14px;}
.sec-tag.orange{color:var(--orange);background:var(--orange-light);}
.sec-tag.red{color:var(--red);background:#FEE2E2;}
.sec-tag i{font-size:.7rem;}
.sec-head h2{margin-bottom:10px;}
.sec-head h2 .accent{color:var(--blue-2);}
.sec-head h2 .accent.orange{color:var(--orange);}
.sec-head p{color:var(--muted);font-size:.98rem;max-width:600px;margin:0 auto;}
.sec-head .deco-line{display:block;width:60px;height:3px;background:linear-gradient(90deg,var(--blue),var(--blue-2));border-radius:2px;margin:14px auto 0;}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 28px;font-family:var(--display);font-weight:600;font-size:.92rem;border-radius:999px;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;}
.btn-primary{background:var(--blue);color:#fff;box-shadow:var(--shadow-blue);}
.btn-primary:hover{background:var(--blue-2);transform:translateY(-3px);box-shadow:0 18px 36px rgba(46,141,186,.4);}
.btn-light{background:#fff;color:var(--ink);border:1.5px solid var(--line);}
.btn-light:hover{background:var(--blue);color:#fff;border-color:var(--blue);transform:translateY(-3px);}

/* Preloader */
.preloader{position:fixed;inset:0;background:#fff;z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;transition:opacity .5s,visibility .5s;}
.preloader.done{opacity:0;visibility:hidden;pointer-events:none;}
.preloader-logo i{font-size:3.2rem;color:var(--blue);animation:spin 2s linear infinite;}
.preloader-text{font-family:var(--display);font-weight:700;font-size:.86rem;color:var(--ink);letter-spacing:.18em;text-transform:uppercase;}
.preloader-bar{width:140px;height:3px;background:var(--line);border-radius:2px;overflow:hidden;}
.preloader-bar::after{content:"";display:block;height:100%;width:50%;background:var(--blue);animation:loadbar 1.4s ease-in-out infinite;}
@keyframes loadbar{0%{transform:translateX(-100%);}100%{transform:translateX(300%);}}
@keyframes spin{to{transform:rotate(360deg);}}

/* TOPBAR — Orange */
.topbar{background:var(--orange);color:#fff;font-size:.86rem;padding:5px 0;}
.topbar-row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;}
.topbar-left{display:flex;gap:26px;flex-wrap:wrap;align-items:center;}
.topbar-left a,.topbar-left span{display:inline-flex;align-items:center;gap:9px;color:#fff;transition:opacity .2s;font-weight:500;}
.topbar-left a:hover{opacity:.85;}
.topbar-left .ic-circle{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;font-size:.7rem;color:#fff;flex-shrink:0;}
.topbar-right{display:flex;gap:16px;align-items:center;}
.topbar-right .iso-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:#fff;color:var(--ink);font-family:var(--display);font-weight:600;font-size:.78rem;box-shadow:0 2px 8px rgba(0,0,0,.08);}
.topbar-right .iso-badge i{color:var(--blue-2);font-size:.85rem;}
.topbar-right .socials{display:flex;gap:14px;padding-left:16px;border-left:1px solid rgba(255,255,255,.25);}
.topbar-right .socials a{width:30px;height:30px;display:grid;place-items:center;color:#fff;transition:all .2s;font-size:.95rem;border-radius:50%;}
.topbar-right .socials a:hover{background:rgba(255,255,255,.2);transform:translateY(-2px);}

/* NAV */
.nav-wrap{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--line);transition:box-shadow .3s;}
.nav-wrap.scrolled{box-shadow:0 4px 20px rgba(14,27,38,.06);}
.nav{display:flex;align-items:center;justify-content:space-between;padding:2px 0;gap:20px;}
.brand img{height:60px;width:auto;}
.nav-links{display:flex;align-items:center;gap:6px;}
.nav-links>a,.nav-links .dropdown>a{display:inline-block;padding:8px 14px;font-family:var(--display);font-weight:600;font-size:.82rem;color:var(--ink-2);border-radius:999px;transition:all .2s;letter-spacing:.03em;text-transform:uppercase;}
.nav-links>a:hover,.nav-links .dropdown>a:hover,.nav-links>a.active{color:var(--blue-2);background:var(--blue-light);}
.dropdown{position:relative;}
.dropdown>a::after{content:" ▾";font-size:.7rem;opacity:.7;margin-left:2px;}

/* MEGA MENU */
/* ============== MEGA MENU (Premium) ============== */
.mega-menu{
  position:absolute;
  top:calc(100% + 4px);
  left:50%;
  transform:translateX(-50%) translateY(12px);
  width:min(1100px,calc(100vw - 32px));
  background:#fff;
  border-radius:16px;
  border:1px solid var(--line);
  box-shadow:0 24px 60px rgba(14,27,38,.18),0 6px 16px rgba(14,27,38,.06);
  padding:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  opacity:0;
  visibility:hidden;
  transition:opacity .25s,visibility .25s,transform .25s cubic-bezier(.4,0,.2,1);
  z-index:50;
  overflow:hidden;
}
.mega-menu::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:3px;
  background:linear-gradient(90deg,var(--blue) 0%,var(--blue-2) 50%,var(--red) 50%,#F87171 100%);
  z-index:1;
}
.dropdown:hover .mega-menu{
  opacity:1;
  visibility:visible;
  transform:translateX(-50%) translateY(0);
}

/* Column wrapper */
.mega-col{
  padding:14px 14px 12px;
  position:relative;
  display:flex;
  flex-direction:column;
}
.mega-col:first-child{
  background:linear-gradient(180deg,#FAFCFE 0%,#fff 60%);
  border-right:1px solid var(--line-2);
}
.mega-col:last-child{
  background:linear-gradient(180deg,#FFF8F8 0%,#fff 60%);
}

/* Column header */
.mega-col-head{
  display:flex;align-items:center;gap:9px;
  padding:0 0 8px;
  margin-bottom:6px;
  border-bottom:1.5px solid var(--line-2);
  font-family:var(--display);
  font-weight:800;
  font-size:.78rem;
  color:var(--ink);
  text-transform:uppercase;
  letter-spacing:.05em;
}
.mega-col-head i{
  width:28px;height:28px;
  border-radius:7px;
  display:grid;place-items:center;
  font-size:.78rem;
  flex-shrink:0;
  box-shadow:0 3px 8px rgba(0,0,0,.08);
}
.mega-col-head .ic-hvac{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-2) 100%);color:#fff;}
.mega-col-head .ic-fire{background:linear-gradient(135deg,#EF4444 0%,#DC2626 100%);color:#fff;}
.mega-col-head a{color:inherit;}
.mega-col-head a:hover{color:var(--blue-2);}

/* Groups container - flex-grow so CTA stays at bottom */
.mega-col > .mega-groups-wrap{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.mega-group{
  margin:0;
  padding:0;
  position:relative;
}

/* Parent link with animated indicator */
.mega-parent-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:5px 8px 5px 14px;
  font-family:var(--display);
  font-weight:600;
  font-size:.78rem;
  color:var(--ink-2);
  text-transform:none;
  letter-spacing:0;
  border-radius:6px;
  transition:all .2s cubic-bezier(.4,0,.2,1);
  line-height:1.3;
  position:relative;
}
.mega-parent-link::before{
  content:"";
  position:absolute;
  left:5px;top:50%;
  width:4px;height:4px;
  background:transparent;
  border-radius:50%;
  transform:translateY(-50%);
  transition:all .2s;
}
.mega-parent-link::after{
  content:"\f054"; /* fa-chevron-right */
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  font-size:.6rem;
  opacity:0;
  transform:translateX(-6px);
  transition:all .2s;
  color:var(--blue-2);
}
.mega-parent-link:hover{
  background:var(--blue-light);
  color:var(--blue-2);
  padding-left:18px;
}
.mega-parent-link:hover::before{
  background:var(--blue-2);
  width:6px;height:6px;
  box-shadow:0 0 0 3px rgba(46,141,186,.18);
}
.mega-parent-link:hover::after{
  opacity:1;
  transform:translateX(0);
}
/* Fire fighting parent links - red accent */
.mega-col:last-child .mega-parent-link:hover{
  background:#FEE2E2;
  color:var(--red);
}
.mega-col:last-child .mega-parent-link:hover::before{
  background:var(--red);
  box-shadow:0 0 0 3px rgba(220,38,38,.18);
}
.mega-col:last-child .mega-parent-link:hover::after{
  color:var(--red);
}

/* Sub-children as chips */
.mega-children{
  display:flex;
  flex-wrap:wrap;
  gap:3px;
  padding:2px 0 4px 20px;
  margin:0;
  position:relative;
}
.mega-children::before{
  content:"";
  position:absolute;
  left:8px;top:8px;bottom:8px;
  width:2px;
  background:linear-gradient(180deg,var(--blue-light) 0%,transparent 100%);
  border-radius:2px;
}
.mega-col:last-child .mega-children::before{
  background:linear-gradient(180deg,#FECACA 0%,transparent 100%);
}
.mega-children a{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:3px 9px;
  font-size:.72rem;
  font-weight:500;
  color:var(--text);
  background:rgba(229,245,252,.5);
  border:1px solid transparent;
  text-transform:none;
  letter-spacing:0;
  border-radius:12px;
  transition:all .18s cubic-bezier(.4,0,.2,1);
  line-height:1.3;
  white-space:nowrap;
}
.mega-children a::before{
  content:"\f111"; /* fa-circle */
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  font-size:.32rem;
  color:var(--blue-2);
  opacity:.6;
}
.mega-children a:hover{
  background:var(--blue);
  color:#fff;
  border-color:var(--blue);
  transform:translateY(-1px);
  box-shadow:0 3px 8px rgba(46,141,186,.25);
}
.mega-children a:hover::before{color:#fff;opacity:1;}
/* Fire children - red theme */
.mega-col:last-child .mega-children a{
  background:rgba(254,226,226,.5);
}
.mega-col:last-child .mega-children a::before{color:var(--red);}
.mega-col:last-child .mega-children a:hover{
  background:var(--red);
  color:#fff;
  border-color:var(--red);
  box-shadow:0 3px 8px rgba(220,38,38,.25);
}
.mega-col:last-child .mega-children a:hover::before{color:#fff;}

/* Bottom CTA banner */
.mega-cta{
  margin-top:8px;
  padding:8px 11px;
  border-radius:9px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  font-family:var(--display);
  cursor:pointer;
  transition:all .25s;
}
.mega-col:first-child .mega-cta{
  background:linear-gradient(135deg,var(--blue) 0%,var(--blue-2) 100%);
  color:#fff;
}
.mega-col:last-child .mega-cta{
  background:linear-gradient(135deg,#EF4444 0%,#DC2626 100%);
  color:#fff;
}
.mega-cta-text{font-size:.7rem;font-weight:500;line-height:1.25;flex:1;color:rgba(255,255,255,.92);}
.mega-cta-text strong{display:block;font-size:.78rem;font-weight:800;margin-bottom:1px;color:#fff;}
.mega-cta-btn{
  flex-shrink:0;
  padding:5px 11px;
  background:rgba(255,255,255,.22);
  color:#fff;
  font-size:.7rem;
  font-weight:700;
  border-radius:99px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  border:none;
  cursor:pointer;
  transition:all .2s;
  white-space:nowrap;
  font-family:var(--display);
  text-transform:none;
  letter-spacing:0;
}
.mega-cta-btn:hover{
  background:#fff;
  color:var(--ink);
  transform:translateX(2px);
}

/* Slim scrollbar */
.mega-menu::-webkit-scrollbar{width:6px;}
.mega-menu::-webkit-scrollbar-track{background:transparent;}
.mega-menu::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px;}
.mega-menu::-webkit-scrollbar-thumb:hover{background:var(--blue-2);}
.nav-cta{display:flex;align-items:center;gap:14px;}
.btn-quote{display:inline-flex;align-items:center;gap:10px;padding:13px 28px;background:var(--blue);color:#fff;border-radius:999px;font-family:var(--display);font-weight:600;font-size:.92rem;box-shadow:0 8px 24px rgba(79,184,229,.4);transition:all .25s;}
.btn-quote:hover{background:var(--blue-2);transform:translateY(-2px);box-shadow:0 12px 32px rgba(46,141,186,.5);}
.hamburger{display:none;width:46px;height:46px;border-radius:10px;background:var(--blue);color:#fff;place-items:center;font-size:1.05rem;}

/* Drawer */
.drawer-overlay{position:fixed;inset:0;background:rgba(14,27,38,.5);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .3s;z-index:200;}
.drawer-overlay.open{opacity:1 !important;pointer-events:auto !important;}
.drawer{position:fixed;top:0;right:-100%;bottom:0;width:min(360px,90vw);background:#fff;z-index:210;transition:right .35s cubic-bezier(.7,0,.3,1);display:flex;flex-direction:column;overflow-y:auto;}
.drawer.open{right:0 !important;}
.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid var(--line);}
.drawer-head img{height:42px;}
.drawer-close{width:38px;height:38px;border-radius:10px;background:var(--bg-soft);display:grid;place-items:center;transition:all .2s;}
.drawer-close:hover{background:var(--blue);color:#fff;}
.drawer-links{display:flex;flex-direction:column;padding:14px;gap:2px;flex:1;}
.drawer-links a,.drawer-links button.acc-btn{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:10px;font-family:var(--display);font-weight:600;font-size:.92rem;color:var(--ink-2);text-align:left;width:100%;transition:all .2s;}
.drawer-links a:hover,.drawer-links button.acc-btn:hover{background:var(--blue-light);color:var(--blue-2);}
.drawer-acc-content{display:none;padding:4px 12px 8px 22px;flex-direction:column;gap:2px;}
.drawer-acc-content.open{display:flex;}
.drawer-acc-content a{font-size:.84rem;padding:8px 14px;font-family:var(--body);font-weight:500;}
.drawer-foot{padding:16px 22px;border-top:1px solid var(--line);background:var(--bg-soft);}
.drawer-foot .btn{width:100%;justify-content:center;}
.drawer-foot .contact-row{margin-top:14px;text-align:center;font-size:.84rem;color:var(--muted);}
.drawer-foot .contact-row i{color:var(--blue-2);margin-right:6px;}

/* HERO */
.hero{position:relative;width:100%;background:var(--bg-soft);overflow:hidden;}
.hero-slider{position:relative;width:100%;}
.hero-slide{width:100%;position:absolute;top:0;left:0;opacity:0;transition:opacity 1s ease;pointer-events:none;}
.hero-slide.active{opacity:1;pointer-events:auto;}
.hero-slide:first-child{position:relative;}
.hero-slide img{width:100%;height:auto;display:block;}
.hero-arrows{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 24px;z-index:10;pointer-events:none;}
.hero-arrow{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);color:var(--ink);display:grid;place-items:center;font-size:.95rem;transition:all .25s;pointer-events:auto;box-shadow:var(--shadow-sm);}
.hero-arrow:hover{background:var(--blue);color:#fff;transform:scale(1.08);}
.hero-dots{position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content:center;gap:9px;z-index:10;}
.hero-dot{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.85);cursor:pointer;transition:all .3s;box-shadow:0 2px 8px rgba(0,0,0,.2);}
.hero-dot.active{background:var(--blue);width:32px;border-radius:6px;}

/* ABOUT */
.about-section{background:var(--bg);padding:70px 0;position:relative;overflow:hidden;}
.about-section::before{content:"";position:absolute;top:60px;right:-100px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,var(--blue-light),transparent 70%);pointer-events:none;}
.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center;position:relative;}
.about-visual{position:relative;}
.about-visual .img-main{border-radius:18px;overflow:hidden;aspect-ratio:1/1.05;background:var(--blue-soft);box-shadow:var(--shadow-md);}
.about-visual .img-main img{width:100%;height:100%;object-fit:cover;}
.about-visual .img-secondary{position:absolute;bottom:-30px;right:-20px;width:55%;border-radius:14px;overflow:hidden;aspect-ratio:5/4;background:var(--blue-soft);border:6px solid #fff;box-shadow:var(--shadow-md);z-index:3;}
.about-visual .img-secondary img{width:100%;height:100%;object-fit:cover;}
.about-visual .exp-card{position:absolute;top:-15px;left:-20px;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;padding:18px 22px;border-radius:16px;z-index:3;box-shadow:0 12px 28px rgba(46,141,186,.35);display:flex;gap:14px;align-items:center;}
.about-visual .exp-card .num{font-family:var(--display);font-size:2.2rem;font-weight:800;line-height:1;}
.about-visual .exp-card .lbl{font-family:var(--display);font-weight:600;font-size:.78rem;letter-spacing:.06em;line-height:1.2;}
.about-visual .exp-card .lbl small{display:block;font-size:.66rem;opacity:.85;font-weight:500;margin-top:2px;}
.about-visual .float-orange{position:absolute;top:35%;left:-25px;width:70px;height:70px;border-radius:18px;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:1.6rem;z-index:3;box-shadow:0 10px 24px rgba(243,146,0,.4);animation:floatY 4s ease-in-out infinite;}
@keyframes floatY{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
.about-text h2{margin-bottom:14px;}
.about-text h2 .accent{color:var(--blue-2);}
.about-text>p{color:var(--text);margin-bottom:14px;font-size:.96rem;}
.about-text>p strong{color:var(--ink);font-weight:600;}
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0;padding:22px;background:var(--bg-soft);border-radius:16px;border:1px solid var(--line);}
.about-stat{text-align:center;position:relative;}
.about-stat:not(:last-child)::after{content:"";position:absolute;right:-7px;top:15%;height:70%;width:1px;background:var(--line);}
.about-stat .num{font-family:var(--display);font-size:1.6rem;font-weight:800;color:var(--blue-2);line-height:1;}
.about-stat .num.orange{color:var(--orange);}
.about-stat .lbl{font-family:var(--display);font-weight:600;font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:6px;}
.about-feats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 24px;}
.about-feat{display:flex;gap:10px;align-items:center;font-size:.9rem;color:var(--ink);font-weight:500;}
.about-feat i{width:26px;height:26px;border-radius:50%;background:var(--blue-light);color:var(--blue-2);display:grid;place-items:center;font-size:.7rem;flex-shrink:0;}
.about-cta-row{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--line);}
.ceo-block{display:flex;gap:12px;align-items:center;padding-left:20px;border-left:1px solid var(--line);}
.ceo-block .av{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:1rem;}
.ceo-block small{font-size:.74rem;color:var(--muted);display:block;}
.ceo-block strong{font-family:var(--display);font-size:.96rem;color:var(--ink);font-weight:700;}

/* =================================================================
   COMPANY PROFILE SECTION (homepage — above leadership)
   ================================================================= */
.cp-section{position:relative;padding:90px 0 80px;background:var(--bg);overflow:hidden;}
.cp-section::before{content:"";position:absolute;top:80px;right:-140px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,var(--blue-light),transparent 70%);pointer-events:none;}
.cp-section::after{content:"";position:absolute;bottom:-60px;left:-100px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,var(--orange-light),transparent 70%);pointer-events:none;}

.cp-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;position:relative;z-index:1;}

/* ── LEFT: Intro ── */
.cp-intro h2{font-family:var(--display);font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800;color:var(--ink);line-height:1.2;letter-spacing:-.02em;margin-bottom:18px;}
.cp-intro h2 .accent{color:var(--blue-2);}
.cp-lead{font-size:1.05rem;line-height:1.7;color:var(--ink);margin-bottom:14px;font-weight:500;}
.cp-lead strong{color:var(--blue-deep);font-weight:700;}
.cp-intro p{font-size:.96rem;line-height:1.78;color:var(--text);margin-bottom:14px;}

.cp-feats{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px;}
.cp-feat{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;background:#fff;border:1px solid var(--line,rgba(46,141,186,.10));border-radius:14px;transition:transform .25s,box-shadow .25s,border-color .25s;}
.cp-feat:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(14,77,107,.10);border-color:rgba(46,141,186,.25);}
.cp-feat-ic{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;display:grid;place-items:center;font-size:1rem;flex-shrink:0;box-shadow:0 8px 18px rgba(46,141,186,.30);}
.cp-feat:nth-child(2) .cp-feat-ic,
.cp-feat:nth-child(4) .cp-feat-ic{background:linear-gradient(135deg,var(--orange-2),var(--orange));box-shadow:0 8px 18px rgba(243,146,0,.30);}
.cp-feat strong{display:block;font-family:var(--display);font-size:.96rem;color:var(--ink);font-weight:700;line-height:1.2;margin-bottom:4px;}
.cp-feat span{display:block;font-size:.82rem;color:var(--muted);line-height:1.45;}

/* ── RIGHT: Stats card ── */
.cp-stats-wrap{position:relative;}
.cp-stats-wrap::before{content:"";position:absolute;top:-18px;right:-18px;width:100%;height:100%;background:linear-gradient(135deg,var(--blue-deep),var(--blue-3));border-radius:24px;z-index:0;opacity:.92;}
.cp-stats-card{position:relative;z-index:1;background:#fff;border-radius:24px;padding:34px 32px 28px;box-shadow:0 26px 60px -20px rgba(14,77,107,.30),0 12px 30px -8px rgba(0,0,0,.10);}
.cp-stats-head{display:flex;align-items:center;gap:14px;padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid rgba(14,77,107,.08);}
.cp-stats-head-ic{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;display:grid;place-items:center;font-size:1.2rem;flex-shrink:0;box-shadow:0 10px 22px rgba(46,141,186,.30);}
.cp-stats-head small{display:block;font-family:var(--display);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:var(--blue-2);margin-bottom:2px;}
.cp-stats-head strong{display:block;font-family:var(--display);font-size:1.05rem;color:var(--ink);font-weight:800;letter-spacing:-.01em;}

.cp-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px;}
.cp-stat{padding:20px 18px;background:linear-gradient(135deg,#F4F8FB 0%,#EDF3F8 100%);border-radius:16px;text-align:center;border:1px solid rgba(46,141,186,.08);}
.cp-stat-num{font-family:var(--display);font-size:2.2rem;font-weight:800;line-height:1;color:var(--blue-deep);letter-spacing:-.02em;display:flex;align-items:baseline;justify-content:center;gap:2px;}
.cp-stat-num em{font-style:normal;font-size:1.4rem;color:var(--blue-2);font-weight:800;}
.cp-stat-num.orange{color:var(--orange);}
.cp-stat-num.orange em{color:var(--orange-2);}
.cp-stat-lbl{font-family:var(--display);font-size:.78rem;font-weight:600;color:var(--muted);margin-top:8px;line-height:1.3;letter-spacing:.02em;}

.cp-stats-cta{display:inline-flex;align-items:center;gap:10px;width:100%;justify-content:center;padding:14px 24px;background:linear-gradient(135deg,var(--blue-deep),var(--blue-3));color:#fff;border-radius:14px;font-family:var(--display);font-weight:700;font-size:.92rem;letter-spacing:.02em;transition:transform .25s,box-shadow .25s;box-shadow:0 14px 30px -8px rgba(14,77,107,.40);}
.cp-stats-cta:hover{transform:translateY(-3px);box-shadow:0 20px 40px -8px rgba(14,77,107,.50);color:#fff;}
.cp-stats-cta i{transition:transform .3s;}
.cp-stats-cta:hover i{transform:translateX(4px);}

/* Tablet + Mobile */
@media (max-width: 1024px){
  .cp-section{padding:70px 0 60px;}
  .cp-grid{grid-template-columns:1fr;gap:50px;}
  .cp-stats-wrap{max-width:560px;margin:0 auto;}
}
@media (max-width: 600px){
  .cp-section{padding:55px 0 50px;}
  .cp-feats{grid-template-columns:1fr;gap:12px;margin-top:24px;}
  .cp-feat{padding:14px 16px;}
  .cp-stats-card{padding:26px 22px 22px;}
  .cp-stats-grid{gap:12px;}
  .cp-stat{padding:16px 12px;}
  .cp-stat-num{font-size:1.8rem;}
  .cp-stats-wrap::before{top:-10px;right:-10px;}
}

/* =================================================================
   DIRECTOR / LEADERSHIP MESSAGE — corporate magazine style
   ================================================================= */
.dir-msg-section{position:relative;padding:100px 0 90px;background:linear-gradient(180deg,#F4F8FB 0%,#FFFFFF 70%,#F8FBFD 100%);overflow:hidden;}
.dir-msg-section::before{content:"";position:absolute;top:60px;right:-180px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,var(--blue-light),transparent 70%);pointer-events:none;z-index:0;}
.dir-msg-section::after{content:"";position:absolute;bottom:80px;left:-200px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,var(--orange-light),transparent 70%);pointer-events:none;z-index:0;}

/* Each director panel */
.dir-msg-panel{display:grid;grid-template-columns:460px 1fr;gap:80px;align-items:stretch;position:relative;z-index:1;margin-top:70px;}
.dir-msg-panel.reverse{grid-template-columns:1fr 460px;}
.dir-msg-panel.reverse .dir-msg-content{order:1;}
.dir-msg-panel.reverse .dir-msg-photo{order:2;}

/* ── PHOTO column — fills full content height, image anchored to bottom ── */
.dir-msg-photo{position:relative;align-self:stretch;min-height:420px;}

/* Offset gradient shape behind photo */
.dir-msg-photo-shape{position:absolute;top:-22px;right:-22px;width:100%;height:100%;background:linear-gradient(135deg,var(--blue-deep) 0%,var(--blue-3) 100%);border-radius:22px;z-index:1;opacity:.95;}
.dir-msg-panel.reverse .dir-msg-photo-shape{right:auto;left:-22px;}
.dir-msg-panel.alt .dir-msg-photo-shape{background:linear-gradient(135deg,#7c3a00 0%,var(--orange-2) 100%);}

/* Dotted decorative pattern */
.dir-msg-photo-dots{position:absolute;bottom:-32px;left:-32px;width:160px;height:160px;background-image:radial-gradient(circle,var(--blue-2) 1.6px,transparent 1.6px);background-size:14px 14px;opacity:.45;z-index:1;}
.dir-msg-panel.reverse .dir-msg-photo-dots{left:auto;right:-32px;}
.dir-msg-panel.alt .dir-msg-photo-dots{background-image:radial-gradient(circle,var(--orange) 1.6px,transparent 1.6px);}

/* Photo frame */
.dir-msg-photo-frame{position:relative;width:100%;height:100%;border-radius:22px;overflow:hidden;box-shadow:0 30px 80px -20px rgba(14,77,107,.35),0 14px 36px -10px rgba(0,0,0,.14);z-index:2;background:#0E4D6B;}
.dir-msg-photo-frame img{width:100%;height:100%;object-fit:cover;object-position:center bottom;display:block;transition:transform .8s cubic-bezier(.4,0,.2,1);}
.dir-msg-panel:hover .dir-msg-photo-frame img{transform:scale(1.04);}

/* Floating name plate at bottom of photo */
.dir-msg-photo-name{position:absolute;bottom:22px;left:22px;right:22px;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);padding:14px 18px;border-radius:14px;display:flex;align-items:center;gap:14px;z-index:3;box-shadow:0 16px 44px rgba(14,77,107,.28);}
.dir-msg-photo-name-line{width:4px;height:42px;background:linear-gradient(180deg,var(--blue),var(--blue-2));border-radius:2px;flex-shrink:0;}
.dir-msg-panel.alt .dir-msg-photo-name-line{background:linear-gradient(180deg,var(--orange-2),var(--orange));}
.dir-msg-photo-name strong{display:block;font-family:var(--display);font-size:1.05rem;font-weight:800;color:var(--ink);letter-spacing:-.01em;line-height:1.2;}
.dir-msg-photo-name span{display:block;font-family:var(--display);font-size:.7rem;font-weight:700;color:var(--blue-2);text-transform:uppercase;letter-spacing:.18em;margin-top:4px;}
.dir-msg-panel.alt .dir-msg-photo-name span{color:var(--orange);}

/* ── CONTENT column ── */
.dir-msg-content{position:relative;}

.dir-msg-eyebrow{display:inline-flex;align-items:center;gap:14px;font-family:var(--display);font-weight:700;font-size:.75rem;letter-spacing:.28em;text-transform:uppercase;color:var(--blue-2);margin-bottom:14px;}
.dir-msg-eyebrow::before{content:"";width:36px;height:2px;background:var(--blue-2);}
.dir-msg-panel.alt .dir-msg-eyebrow{color:var(--orange);}
.dir-msg-panel.alt .dir-msg-eyebrow::before{background:var(--orange);}

.dir-msg-content h3{font-family:var(--display);font-size:clamp(1.55rem,2.6vw,2.05rem);font-weight:800;color:var(--ink);line-height:1.2;letter-spacing:-.02em;margin-bottom:20px;}

.dir-msg-qm{font-size:2.6rem;color:var(--blue-2);opacity:.18;line-height:1;display:block;margin-bottom:8px;}
.dir-msg-panel.alt .dir-msg-qm{color:var(--orange);opacity:.25;}

.dir-msg-content p{color:var(--text);font-size:.98rem;line-height:1.78;margin-bottom:14px;}
.dir-msg-content p:last-of-type{margin-bottom:30px;}

.dir-msg-sign{padding-top:24px;border-top:2px solid rgba(14,77,107,.08);}
.dir-msg-sign-name{font-family:'Caveat','Plus Jakarta Sans',cursive;font-size:2.6rem;font-weight:700;color:var(--blue-deep);line-height:1;letter-spacing:.5px;margin-bottom:8px;}
.dir-msg-panel.alt .dir-msg-sign-name{color:#7c3a00;}
.dir-msg-sign-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.dir-msg-sign-role{font-family:var(--display);font-weight:800;font-size:.82rem;color:var(--blue-2);text-transform:uppercase;letter-spacing:.18em;}
.dir-msg-panel.alt .dir-msg-sign-role{color:var(--orange);}
.dir-msg-sign-sep{width:24px;height:1px;background:rgba(14,77,107,.30);}
.dir-msg-sign-co{font-family:var(--display);font-size:.84rem;color:var(--muted);font-weight:500;}

/* Tablet */
@media (max-width: 1024px){
  .dir-msg-section{padding:80px 0 70px;}
  .dir-msg-panel,.dir-msg-panel.reverse{grid-template-columns:1fr;gap:60px;max-width:580px;margin-left:auto;margin-right:auto;}
  .dir-msg-panel.reverse .dir-msg-content{order:2;}
  .dir-msg-panel.reverse .dir-msg-photo{order:1;}
  .dir-msg-panel.reverse .dir-msg-photo-shape{right:-22px;left:auto;}
  .dir-msg-panel.reverse .dir-msg-photo-dots{left:-32px;right:auto;}
}

/* Mobile */
@media (max-width: 600px){
  .dir-msg-section{padding:60px 0 50px;}
  .dir-msg-panel,.dir-msg-panel.reverse{gap:42px;margin-top:50px;}
  .dir-msg-photo-shape{top:-14px;right:-14px;}
  .dir-msg-panel.reverse .dir-msg-photo-shape{left:-14px;right:auto;}
  .dir-msg-photo-dots{display:none;}
  .dir-msg-photo-name{left:14px;right:14px;bottom:14px;padding:12px 14px;border-radius:12px;}
  .dir-msg-photo-name-line{height:36px;}
  .dir-msg-photo-name strong{font-size:.98rem;}
  .dir-msg-photo-name span{font-size:.66rem;}
  .dir-msg-eyebrow{font-size:.7rem;letter-spacing:.22em;}
  .dir-msg-eyebrow::before{width:28px;}
  .dir-msg-qm{font-size:2rem;}
  .dir-msg-content p{font-size:.94rem;}
  .dir-msg-sign-name{font-size:2.1rem;}
  .dir-msg-sign-role,.dir-msg-sign-co{font-size:.76rem;}
}

/* PRODUCTS */
/* ============== MAIN CATEGORIES (Scrollable Rail) ============== */
.main-cat-section{background:var(--bg);padding:70px 0;}
.main-cat-rail-wrap{
  position:relative;
  margin-top:8px;
}
.main-cat-rail{
  display:flex;
  gap:18px;
  overflow-x:auto;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  padding:14px 4px 24px;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.main-cat-rail::-webkit-scrollbar{display:none;}

.main-cat-card{
  flex:0 0 260px;
  background:#fff;
  border-radius:16px;
  border:1px solid var(--line);
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  scroll-snap-align:start;
  transition:all .35s cubic-bezier(.4,0,.2,1);
  position:relative;
  display:flex;
  flex-direction:column;
}
.main-cat-card::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:3px;
  background:linear-gradient(90deg,var(--blue) 0%,var(--blue-2) 100%);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .35s;
  z-index:2;
}
.main-cat-card.fire::before{
  background:linear-gradient(90deg,#EF4444 0%,#DC2626 100%);
}
.main-cat-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow-md);
  border-color:transparent;
}
.main-cat-card:hover::before{transform:scaleX(1);}

.main-cat-card-img{
  aspect-ratio:5/4;
  overflow:hidden;
  background:linear-gradient(135deg,var(--blue-soft),var(--blue-light));
  display:grid;
  place-items:center;
  position:relative;
}
.main-cat-card.fire .main-cat-card-img{
  background:linear-gradient(135deg,#FFF5F5,#FEE2E2);
}
.main-cat-card-img img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:18px;
  transition:transform .5s;
}
.main-cat-card:hover .main-cat-card-img img{transform:scale(1.06);}
.main-cat-card-icon{
  width:80px;height:80px;
  border-radius:20px;
  background:linear-gradient(135deg,var(--blue) 0%,var(--blue-2) 100%);
  color:#fff;
  display:grid;place-items:center;
  font-size:2rem;
  box-shadow:0 12px 28px rgba(46,141,186,.3);
  transition:transform .4s;
}
.main-cat-card.fire .main-cat-card-icon{
  background:linear-gradient(135deg,#EF4444 0%,#DC2626 100%);
  box-shadow:0 12px 28px rgba(220,38,38,.3);
}
.main-cat-card:hover .main-cat-card-icon{transform:scale(1.1) rotate(-6deg);}

.main-cat-card-body{
  padding:18px 20px 20px;
  display:flex;
  flex-direction:column;
  flex:1;
}
.main-cat-card-tag{
  display:inline-block;
  align-self:flex-start;
  font-family:var(--display);
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--blue-2);
  background:var(--blue-light);
  padding:4px 10px;
  border-radius:99px;
  margin-bottom:8px;
}
.main-cat-card.fire .main-cat-card-tag{
  color:var(--red);
  background:#FEE2E2;
}
.main-cat-card-body h3{
  font-size:1.04rem;
  font-weight:700;
  color:var(--ink);
  line-height:1.3;
  margin-bottom:14px;
  flex:1;
}
.main-cat-card-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-family:var(--display);
  font-weight:600;
  font-size:.8rem;
  color:var(--blue-2);
  transition:gap .25s;
}
.main-cat-card.fire .main-cat-card-link{color:var(--red);}
.main-cat-card:hover .main-cat-card-link{gap:11px;}

/* Scroll arrows */
.main-cat-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:46px;height:46px;
  border-radius:50%;
  background:#fff;
  color:var(--ink);
  border:1px solid var(--line);
  display:grid;place-items:center;
  font-size:.95rem;
  cursor:pointer;
  z-index:5;
  box-shadow:var(--shadow-sm);
  transition:all .25s;
}
.main-cat-arrow:hover{
  background:var(--blue);
  color:#fff;
  border-color:var(--blue);
  transform:translateY(-50%) scale(1.08);
  box-shadow:var(--shadow-blue);
}
.main-cat-prev{left:-18px;}
.main-cat-next{right:-18px;}
@media(max-width:1100px){
  .main-cat-prev{left:6px;}
  .main-cat-next{right:6px;}
}
@media(max-width:768px){
  .main-cat-arrow{width:38px;height:38px;font-size:.8rem;}
  .main-cat-card{flex:0 0 220px;}
}

.products-section{background:var(--bg-grey);padding:70px 0;}
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.product-card{background:#fff;border-radius:14px;overflow:hidden;transition:all .35s;border:1px solid var(--line);display:flex;flex-direction:column;position:relative;}
.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:transparent;}
.product-img{position:relative;aspect-ratio:1/1;overflow:hidden;background:#fff;border-bottom:1px solid var(--line-2);}
.product-img img{width:100%;height:100%;object-fit:contain;padding:18px;transition:transform .5s;}
.product-card:hover .product-img img{transform:scale(1.05);}
.product-num{position:absolute;top:12px;left:12px;padding:5px 11px;border-radius:6px;background:var(--blue-soft);color:var(--blue-2);font-family:var(--display);font-weight:700;font-size:.66rem;letter-spacing:.12em;z-index:2;}
.product-num.featured{background:var(--orange);color:#fff;}
.product-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1;}
.product-cat{font-family:var(--display);font-weight:600;font-size:.66rem;color:var(--blue-2);letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px;}
.product-body h3{font-size:1rem;margin-bottom:10px;color:var(--ink);line-height:1.3;font-weight:700;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.product-features{list-style:none;margin-bottom:14px;flex:1;}
.product-features li{display:flex;align-items:flex-start;gap:7px;font-size:.78rem;color:var(--text);padding:3px 0;line-height:1.4;}
.product-features li i{color:var(--blue-2);padding-top:5px;font-size:.5rem;flex-shrink:0;}
.product-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;border-top:1px dashed var(--line);}
.product-meta{font-size:.74rem;color:var(--muted);display:flex;align-items:center;gap:6px;font-weight:500;}
.product-meta i{color:var(--blue-2);}
.btn-enquire{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;border-radius:8px;background:var(--blue);color:#fff;font-family:var(--display);font-weight:600;font-size:.76rem;transition:all .2s;}
.btn-enquire:hover{background:var(--blue-2);transform:translateX(3px);}
.accessories-card .product-img{background:linear-gradient(135deg,var(--blue-soft),var(--blue-light));display:grid;place-items:center;}
.accessories-card .acc-stack{width:62%;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;justify-items:center;}
.accessories-card .acc-stack .acc-ic{width:64px;height:64px;border-radius:14px;background:#fff;display:grid;place-items:center;font-size:1.6rem;color:var(--blue-2);box-shadow:var(--shadow-sm);}
.accessories-card .acc-stack .acc-ic:nth-child(2){background:var(--blue);color:#fff;}
.accessories-card .acc-stack .acc-ic:nth-child(3){background:var(--orange);color:#fff;}

/* SERVICES */
.services-section{background:var(--bg);padding:70px 0;}
.amc-banner{display:grid;grid-template-columns:1fr 1.2fr;gap:0;background:#fff;border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm);margin-bottom:30px;}
.amc-banner-visual{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-2) 50%,var(--blue-3) 100%);color:#fff;padding:36px 32px;position:relative;overflow:hidden;}
.amc-banner-visual::before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.1);}
.amc-banner-visual::after{content:"";position:absolute;bottom:-40px;left:30%;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.06);}
.amc-banner-visual .label{display:inline-block;padding:5px 14px;background:rgba(255,255,255,.18);color:#fff;border-radius:999px;font-family:var(--display);font-weight:700;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px;position:relative;}
.amc-banner-visual h3{color:#fff;font-size:clamp(1.4rem,2.4vw,1.8rem);line-height:1.2;margin-bottom:8px;position:relative;}
.amc-banner-visual p{color:rgba(255,255,255,.92);font-size:.92rem;margin-bottom:18px;position:relative;}
.amc-banner-visual .ic-big{width:64px;height:64px;border-radius:16px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:1.6rem;margin-bottom:18px;backdrop-filter:blur(10px);position:relative;}
.amc-banner-visual .btn-light-trans{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.3);position:relative;padding:11px 24px;border-radius:999px;font-family:var(--display);font-weight:600;font-size:.88rem;display:inline-flex;align-items:center;gap:8px;transition:all .25s;}
.amc-banner-visual .btn-light-trans:hover{background:#fff;color:var(--blue-3);}
.amc-banner-content{padding:36px 32px;}
.amc-banner-content h4{font-family:var(--display);font-size:1.05rem;color:var(--ink);margin-bottom:14px;display:inline-flex;align-items:center;gap:10px;}
.amc-banner-content h4 i{color:var(--blue-2);}
.amc-features{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.amc-features li{display:flex;align-items:flex-start;gap:10px;font-size:.86rem;color:var(--text);list-style:none;}
.amc-features li i{width:22px;height:22px;border-radius:50%;background:var(--blue-light);color:var(--blue-2);display:grid;place-items:center;font-size:.6rem;flex-shrink:0;margin-top:2px;}

.fire-section-header{text-align:center;margin:50px 0 30px;padding-top:30px;border-top:1px dashed var(--line);}
.fire-section-header .label-row{display:inline-flex;align-items:center;gap:10px;padding:7px 16px;background:#FEE2E2;color:var(--red);border-radius:999px;font-family:var(--display);font-weight:700;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px;}
.fire-section-header h3{font-size:1.6rem;color:var(--ink);margin-bottom:6px;}
.fire-section-header p{color:var(--muted);font-size:.92rem;}

.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.service-card{background:#fff;border-radius:14px;padding:28px 24px;border:1px solid var(--line);transition:all .3s;position:relative;overflow:hidden;}
.service-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .35s;}
.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:transparent;}
.service-card:hover::before{transform:scaleX(1);}
.service-card .ic{width:54px;height:54px;border-radius:14px;background:#FEE2E2;color:var(--red);display:grid;place-items:center;font-size:1.4rem;margin-bottom:16px;transition:all .3s;}
.service-card:hover .ic{background:var(--red);color:#fff;transform:scale(1.06) rotate(-5deg);}
.service-card h4{font-family:var(--display);font-size:1.05rem;font-weight:700;color:var(--ink);margin-bottom:8px;line-height:1.3;}
.service-card p{font-size:.86rem;color:var(--muted);margin-bottom:14px;}
.service-card .read-link{display:inline-flex;align-items:center;gap:6px;color:var(--red);font-family:var(--display);font-weight:600;font-size:.82rem;transition:gap .2s;}
.service-card .read-link:hover{gap:12px;}

/* BLOG */
.blog-section{background:var(--bg-grey);padding:70px 0;}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.blog-card{background:#fff;border-radius:16px;overflow:hidden;transition:all .35s;border:1px solid var(--line);display:flex;flex-direction:column;}
.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:transparent;}
.blog-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--blue-soft);}
.blog-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.blog-card:hover .blog-img img{transform:scale(1.06);}
.blog-date{position:absolute;top:14px;left:14px;background:var(--blue);color:#fff;padding:6px 12px;border-radius:8px;font-family:var(--display);font-weight:700;font-size:.74rem;text-align:center;line-height:1.1;z-index:2;}
.blog-date span{display:block;font-size:.62rem;font-weight:500;opacity:.9;margin-top:2px;letter-spacing:.1em;}
.blog-body{padding:20px 22px 22px;flex:1;display:flex;flex-direction:column;}
.blog-meta{display:flex;align-items:center;gap:14px;margin-bottom:10px;font-size:.78rem;color:var(--muted);}
.blog-meta span{display:inline-flex;align-items:center;gap:6px;}
.blog-meta i{color:var(--blue-2);}
.blog-body h3{font-size:1.08rem;color:var(--ink);margin-bottom:8px;line-height:1.3;}
.blog-body h3 a:hover{color:var(--blue-2);}
.blog-body p{font-size:.86rem;color:var(--text);margin-bottom:14px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.read-more{display:inline-flex;align-items:center;gap:6px;color:var(--blue-2);font-family:var(--display);font-weight:600;font-size:.82rem;transition:gap .2s;}
.read-more:hover{gap:12px;}

/* WHAT WE DO */
.whatdo-section{background:var(--bg);padding:70px 0;}
.whatdo-grid-main{display:grid;grid-template-columns:.95fr 1.1fr;gap:50px;align-items:center;margin-bottom:50px;}
.whatdo-img-wrap{position:relative;}
.whatdo-img{border-radius:20px;overflow:hidden;aspect-ratio:1/1;box-shadow:var(--shadow-md);background:var(--blue-soft);}
.whatdo-img img{width:100%;height:100%;object-fit:cover;}
.whatdo-img-badge{position:absolute;bottom:-18px;right:-18px;background:#fff;padding:14px 18px;border-radius:14px;display:flex;gap:12px;align-items:center;box-shadow:var(--shadow-md);border:1px solid var(--line);z-index:3;}
.whatdo-img-badge .badge-ic{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;display:grid;place-items:center;font-size:1.05rem;flex-shrink:0;}
.whatdo-img-badge strong{font-family:var(--display);font-weight:800;font-size:1rem;color:var(--ink);line-height:1;display:block;}
.whatdo-img-badge small{font-size:.7rem;color:var(--muted);font-weight:500;display:block;margin-top:3px;}
.whatdo-img-stamp{position:absolute;top:-15px;left:-15px;background:var(--orange);color:#fff;width:90px;height:90px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;font-family:var(--display);font-weight:700;font-size:.66rem;line-height:1.2;box-shadow:0 10px 24px rgba(243,146,0,.4);z-index:3;border:5px solid #fff;animation:floatY 4s ease-in-out infinite;}
.whatdo-img-stamp i{font-size:1.4rem;}
.whatdo-text h2{margin-bottom:14px;}
.whatdo-text h2 .accent{color:var(--blue-2);}
.whatdo-text>p{color:var(--text);margin-bottom:0;font-size:.96rem;}
.whatdo-highlights{list-style:none;margin:24px 0 0;display:flex;flex-direction:column;gap:10px;}
.whatdo-highlights li{display:flex;gap:13px;align-items:flex-start;padding:14px 16px;background:var(--bg-soft);border-radius:12px;border:1px solid var(--line);transition:all .25s;}
.whatdo-highlights li:hover{background:#fff;border-color:var(--blue-light);transform:translateX(4px);box-shadow:var(--shadow-sm);}
.whatdo-highlights li>i{width:24px;height:24px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:.65rem;flex-shrink:0;margin-top:3px;}
.whatdo-highlights li>div{font-size:.88rem;color:var(--text);line-height:1.5;}
.whatdo-highlights strong{font-family:var(--display);font-weight:700;color:var(--ink);font-size:.92rem;}
.whatdo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.whatdo-card{padding:24px 20px;background:var(--bg-soft);border-radius:14px;position:relative;transition:all .3s;border:1px solid transparent;}
.whatdo-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--blue);border-radius:14px 14px 0 0;transform:scaleX(0);transform-origin:left;transition:transform .35s;}
.whatdo-card:hover{background:#fff;box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:var(--line);}
.whatdo-card:hover::before{transform:scaleX(1);}
.whatdo-card .ic{width:50px;height:50px;border-radius:13px;background:var(--blue-light);color:var(--blue-2);display:grid;place-items:center;font-size:1.2rem;margin-bottom:14px;transition:all .3s;}
.whatdo-card:hover .ic{background:var(--blue);color:#fff;transform:scale(1.06) rotate(-5deg);}
.whatdo-card h4{font-family:var(--display);font-size:1rem;font-weight:700;color:var(--ink);margin-bottom:6px;}
.whatdo-card p{font-size:.84rem;color:var(--muted);}

/* CLIENTS */
.clients-section{background:var(--bg-grey);padding:60px 0;}
.clients-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;margin-top:30px;}
.client-tile{background:#fff;border-radius:12px;height:100px;display:grid;place-items:center;padding:18px;transition:all .25s;border:1px solid var(--line);overflow:hidden;}
.client-tile img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:grayscale(40%);opacity:.85;transition:all .25s;}
.client-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:transparent;}
.client-tile:hover img{filter:grayscale(0%);opacity:1;}

/* CONTACT */
.contact-section{background:var(--bg);padding:70px 0;}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.contact-card,.map-card{background:var(--bg-soft);border-radius:18px;padding:34px 30px;border:1px solid var(--line);}
.contact-card h2,.map-card h2{margin-bottom:6px;font-size:1.5rem;}
.contact-card>p,.map-card>p{color:var(--muted);margin-bottom:22px;font-size:.92rem;}
.map-card{display:flex;flex-direction:column;}
.map-frame{flex:1;border-radius:12px;overflow:hidden;min-height:340px;border:1px solid var(--line);background:#fff;}
.map-frame iframe{width:100%;height:100%;border:0;}
.contact-card .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.contact-card .form-group{margin-bottom:12px;}
.contact-card label{display:block;font-family:var(--display);font-weight:600;font-size:.82rem;color:var(--ink);margin-bottom:6px;}
.contact-card .form-control{width:100%;padding:11px 14px;border:1.5px solid var(--line);border-radius:9px;font-family:var(--body);font-size:.92rem;color:var(--ink);background:#fff;transition:all .2s;}
.contact-card .form-control:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(79,184,229,.15);}
.contact-card textarea.form-control{resize:vertical;min-height:90px;}
.contact-card select.form-control{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%234FB8E5' d='M6 8L0 0h12z'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;}
.contact-card .btn-submit{width:100%;padding:13px;background:var(--blue);color:#fff;border-radius:10px;font-family:var(--display);font-weight:700;font-size:.94rem;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:all .25s;box-shadow:var(--shadow-blue);}
.contact-card .btn-submit:hover{background:var(--blue-2);transform:translateY(-2px);}
.contact-info-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;padding:22px;background:var(--bg-soft);border-radius:16px;border:1px solid var(--line);}
.contact-info{display:flex;gap:13px;align-items:center;}
.contact-info .ic{width:46px;height:46px;border-radius:11px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:1.15rem;flex-shrink:0;}
.contact-info small{color:var(--muted);font-size:.76rem;display:block;margin-bottom:2px;}
.contact-info strong{font-family:var(--display);font-weight:600;font-size:.9rem;color:var(--ink);}
.contact-info strong a{color:var(--ink);}
.contact-info strong a:hover{color:var(--blue-2);}

/* WHY CHOOSE US */
.why-section{background:var(--bg-grey);padding:70px 0;position:relative;overflow:hidden;}
.why-section::before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(79,184,229,.12),transparent 70%);pointer-events:none;}
.why-section::after{content:"";position:absolute;bottom:-100px;left:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(243,146,0,.1),transparent 70%);pointer-events:none;}
.why-hero-strip{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-2) 50%,var(--blue-3) 100%);border-radius:20px;padding:32px;margin-bottom:36px;position:relative;overflow:hidden;box-shadow:0 20px 50px rgba(46,141,186,.25);}
.why-hero-strip::before{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.08);}
.why-hero-strip::after{content:"";position:absolute;bottom:-30px;left:30%;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.05);}
.why-hero-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative;}
.why-hero-item{text-align:center;color:#fff;padding:0 14px;position:relative;}
.why-hero-item:not(:last-child)::after{content:"";position:absolute;right:-10px;top:15%;height:70%;width:1px;background:rgba(255,255,255,.15);}
.why-hero-item .ic{width:54px;height:54px;border-radius:14px;background:rgba(255,255,255,.18);display:grid;place-items:center;margin:0 auto 10px;font-size:1.3rem;backdrop-filter:blur(10px);}
.why-hero-item .num{font-family:var(--display);font-size:2rem;font-weight:800;color:#fff;line-height:1;}
.why-hero-item .num span.s{font-size:1.4rem;}
.why-hero-item .lbl{font-family:var(--display);font-weight:600;font-size:.85rem;color:rgba(255,255,255,.95);margin-top:4px;}
.why-content-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;position:relative;z-index:1;}
.why-circles{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.why-stat-card{background:#fff;border-radius:16px;padding:24px 18px 20px;text-align:center;border:1px solid var(--line);transition:all .3s;}
.why-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:transparent;}
.progress-circle{position:relative;width:110px;height:110px;margin:0 auto 12px;}
.progress-circle svg{transform:rotate(-90deg);width:100%;height:100%;}
.progress-circle .track{fill:none;stroke:var(--line);stroke-width:8;}
.progress-circle .fill{fill:none;stroke:url(#blueGrad);stroke-width:8;stroke-linecap:round;stroke-dasharray:339.292;stroke-dashoffset:339.292;transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1);}
.progress-circle .pct-text{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:1.5rem;color:var(--blue-2);}
.progress-circle .pct-text small{font-size:.85rem;font-weight:700;}
.why-stat-card h4{font-family:var(--display);font-size:.92rem;font-weight:700;color:var(--ink);margin-bottom:2px;}
.why-stat-card p{font-size:.74rem;color:var(--muted);}
.why-features-side{display:flex;flex-direction:column;gap:14px;}
.why-feat-item{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;background:#fff;border-radius:14px;border:1px solid var(--line);transition:all .3s;position:relative;overflow:hidden;}
.why-feat-item::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--blue);transform:scaleY(0);transform-origin:top;transition:transform .35s;}
.why-feat-item:hover{transform:translateX(4px);box-shadow:var(--shadow-md);border-color:transparent;}
.why-feat-item:hover::before{transform:scaleY(1);}
.why-feat-item .ic{width:46px;height:46px;border-radius:12px;background:var(--blue-light);color:var(--blue-2);display:grid;place-items:center;font-size:1.15rem;flex-shrink:0;transition:all .3s;}
.why-feat-item:hover .ic{background:var(--blue);color:#fff;transform:scale(1.05);}
.why-feat-item h5{font-family:var(--display);font-size:.96rem;font-weight:700;color:var(--ink);margin-bottom:3px;}
.why-feat-item p{font-size:.82rem;color:var(--muted);}

/* FOOTER */
footer{background:linear-gradient(180deg,var(--bg-soft) 0%,#EAF1F8 100%);color:var(--text);padding:64px 0 0;border-top:3px solid var(--blue);position:relative;overflow:hidden;}
footer::before{content:"";position:absolute;top:-100px;right:-80px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(79,184,229,.10),transparent 70%);pointer-events:none;}
footer::after{content:"";position:absolute;bottom:60px;left:-100px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(243,146,0,.08),transparent 70%);pointer-events:none;}
footer .container{position:relative;z-index:1;}

.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding-bottom:48px;}

/* === UNIFORM WIDGET BASE === */
.foot-widget{display:flex;flex-direction:column;}
.foot-heading{font-family:var(--display);font-size:1.04rem;font-weight:700;color:var(--ink);margin-bottom:22px;padding-bottom:12px;position:relative;letter-spacing:.01em;}
.foot-heading::after{content:"";position:absolute;left:0;bottom:0;width:36px;height:3px;background:linear-gradient(90deg,var(--blue),var(--blue-2));border-radius:2px;}

/* === BRAND WIDGET === */
.foot-logo{height:48px;width:auto;margin-bottom:16px;display:block;}
.foot-tagline{font-size:.88rem;color:var(--text);line-height:1.65;margin-bottom:18px;}
.foot-socials{display:flex;flex-wrap:wrap;gap:8px;}
.foot-socials a{width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-2);font-size:.9rem;transition:all .25s cubic-bezier(.4,0,.2,1);}
.foot-socials a:hover{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 8px 20px rgba(46,141,186,.3);}

/* === LINK LISTS (Quick Links + Products) === */
.foot-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;}
.foot-list li{padding:0;}
.foot-list li a{display:inline-flex;align-items:center;gap:8px;padding:6px 0;font-size:.88rem;color:var(--text);text-decoration:none;transition:all .2s;}
.foot-list li a i{font-size:.62rem;color:var(--blue-2);transition:transform .2s;}
.foot-list li a:hover{color:var(--blue-2);transform:translateX(4px);}
.foot-list li a:hover i{color:var(--orange);}

/* === CONTACT WIDGET === */
.foot-contact{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}
.foot-contact li{display:flex;gap:11px;align-items:flex-start;font-size:.86rem;line-height:1.55;}
.fc-ic{width:32px;height:32px;border-radius:9px;background:#fff;border:1px solid var(--line);color:var(--blue-2);display:grid;place-items:center;font-size:.78rem;flex-shrink:0;transition:all .25s;}
.foot-contact li:hover .fc-ic{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;border-color:transparent;}
.foot-contact li > span:not(.fc-ic){color:var(--text);padding-top:5px;}
.foot-contact li a{color:var(--text);text-decoration:none;padding-top:5px;transition:color .2s;}
.foot-contact li a:hover{color:var(--blue-2);}

/* === BOTTOM BAR === */
.foot-bottom{margin-top:0;border-top:1px solid var(--line);padding:18px 0;font-size:.82rem;background:#fff;color:var(--text);}
.foot-bottom .row{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;text-align:center;}
.foot-bottom a{color:var(--text);}
.foot-bottom a:hover{color:var(--blue-2);}
.foot-bottom{margin-top:50px;border-top:1px solid var(--line);padding:18px 0;font-size:.82rem;background:#fff;color:var(--text);}
.foot-bottom .row{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;text-align:center;}
.foot-bottom a{color:var(--text);}
.foot-bottom a:hover{color:var(--blue-2);}

/* Floating */
.fab-stack{position:fixed;right:22px;bottom:22px;z-index:90;display:flex;flex-direction:column;gap:14px;}
.fab{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:1.35rem;transition:all .3s;position:relative;box-shadow:var(--shadow-md);}
.fab.wa{background:#25D366;}
.fab.wa:hover{transform:scale(1.08);}
.fab.wa::before{content:"";position:absolute;inset:-4px;border:2px solid #25D366;border-radius:50%;animation:pulseRing 2s ease-out infinite;opacity:.5;}
.fab.cl{background:var(--blue);}
.fab.cl:hover{transform:scale(1.08);background:var(--blue-2);}
@keyframes pulseRing{0%{transform:scale(.95);opacity:.6;}70%{transform:scale(1.4);opacity:0;}100%{transform:scale(1.4);opacity:0;}}
.mobile-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);z-index:80;padding:8px 8px env(safe-area-inset-bottom);box-shadow:0 -10px 30px rgba(0,0,0,.08);}
.mobile-bar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;}
.mobile-bar a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:12px;font-family:var(--display);font-size:.68rem;font-weight:600;color:var(--ink);}
.mobile-bar a i{font-size:1.05rem;color:var(--blue-2);}
.mobile-bar a.wa i{color:#25D366;}
.mobile-bar a.qt{background:var(--blue);color:#fff;}
.mobile-bar a.qt i{color:#fff;}

/* Modal */
.modal-overlay{position:fixed;inset:0;background:rgba(14,27,38,.55);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:300;padding:20px;}
.modal-overlay.open{display:flex;animation:fadeIn .3s;}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
.modal{background:#fff;width:100%;max-width:560px;max-height:92vh;overflow-y:auto;border-radius:22px;position:relative;animation:slideUpModal .35s;box-shadow:var(--shadow-lg);}
@keyframes slideUpModal{from{opacity:0;transform:translateY(40px) scale(.96);}to{opacity:1;transform:translateY(0) scale(1);}}
.modal-header{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;padding:26px 28px 20px;position:relative;overflow:hidden;border-radius:22px 22px 0 0;}
.modal-header::before{content:"";position:absolute;top:-40px;right:-40px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.12);}
.modal-header .ic{width:48px;height:48px;border-radius:13px;background:rgba(255,255,255,.2);display:grid;place-items:center;font-size:1.2rem;margin-bottom:10px;position:relative;}
.modal-header h3{color:#fff;font-size:1.4rem;position:relative;}
.modal-header p{color:rgba(255,255,255,.92);font-size:.86rem;margin-top:5px;position:relative;}
.modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;display:grid;place-items:center;transition:all .25s;z-index:2;}
.modal-close:hover{background:#fff;color:var(--ink);transform:rotate(90deg);}
.modal-body{padding:24px 28px;}
.product-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:999px;background:var(--blue-light);color:var(--blue-2);font-family:var(--display);font-weight:600;font-size:.76rem;margin-bottom:18px;}
.modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.modal .form-group{margin-bottom:13px;}
.modal label{display:block;font-family:var(--display);font-weight:600;font-size:.8rem;color:var(--ink);margin-bottom:5px;}
.modal .form-control{width:100%;padding:11px 14px;border:1.5px solid var(--line);border-radius:9px;font-family:var(--body);font-size:.92rem;color:var(--ink);background:#fff;transition:all .2s;}
.modal .form-control:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(79,184,229,.15);}
.modal textarea.form-control{resize:vertical;min-height:84px;}
.modal select.form-control{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%234FB8E5' d='M6 8L0 0h12z'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;}
.modal .btn-submit{width:100%;padding:13px;background:var(--blue);color:#fff;border-radius:11px;font-family:var(--display);font-weight:700;font-size:.94rem;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:all .25s;box-shadow:var(--shadow-blue);}
.modal .btn-submit:hover{background:var(--blue-2);}
.modal-success{text-align:center;padding:42px 26px;}
.modal-success .ic-circle{width:80px;height:80px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:2.2rem;margin:0 auto 20px;animation:popIn .5s cubic-bezier(.6,0,.3,1.6);}
@keyframes popIn{0%{transform:scale(0);opacity:0;}60%{transform:scale(1.15);}100%{transform:scale(1);opacity:1;}}

.reveal{opacity:0;transform:translateY(24px);transition:all .8s cubic-bezier(.2,0,.2,1);}
.reveal.in{opacity:1;transform:none;}

/* Responsive */
@media (max-width:1100px){
  .nav-links{display:none;}
  .nav-cta .btn-quote{display:none;}
  .hamburger{display:grid;}
  .topbar-left .hide-md{display:none;}
  .about-grid,.whatdo-grid-main,.contact-grid,.why-content-grid,.amc-banner{grid-template-columns:1fr;gap:36px;}
  .amc-banner{gap:0;}
  .products-grid{grid-template-columns:repeat(3,1fr);}
  .services-grid{grid-template-columns:repeat(2,1fr);}
  .blog-grid{grid-template-columns:repeat(2,1fr);}
  .whatdo-grid{grid-template-columns:repeat(2,1fr);}
  .clients-grid{grid-template-columns:repeat(5,1fr);}
  .why-hero-grid{grid-template-columns:repeat(2,1fr);gap:28px;}
  .why-hero-item:nth-child(2)::after{display:none;}
  .why-circles{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .contact-info-row{grid-template-columns:1fr;}
  .about-stats{grid-template-columns:repeat(2,1fr);}
  .about-stat:nth-child(2)::after{display:none;}
  .amc-features{grid-template-columns:1fr;}
}
@media (max-width:768px){
  .about-section,.products-section,.services-section,.blog-section,.whatdo-section,.clients-section,.contact-section,.why-section{padding:50px 0;}
  .topbar{padding:9px 0;}
  .topbar-left{gap:14px;}
  .topbar-right .iso-badge{display:none;}
  .topbar-right .socials{padding-left:0;border-left:none;}
  .hero-arrow{width:38px;height:38px;font-size:.8rem;}
  .products-grid{grid-template-columns:1fr;gap:14px;}
  .services-grid{grid-template-columns:1fr;}
  .blog-grid{grid-template-columns:1fr;}
  .whatdo-grid{grid-template-columns:1fr;}
  .whatdo-img-stamp{width:70px;height:70px;font-size:.58rem;top:-10px;left:-10px;}
  .whatdo-img-stamp i{font-size:1.1rem;}
  .whatdo-img-badge{padding:10px 14px;bottom:-12px;right:10px;}
  .whatdo-img-badge .badge-ic{width:36px;height:36px;font-size:.9rem;}
  .whatdo-img-badge strong{font-size:.88rem;}
  .whatdo-img-badge small{font-size:.66rem;}
  .whatdo-highlights li{padding:12px 14px;}
  .whatdo-highlights li>div{font-size:.84rem;}
  .clients-grid{grid-template-columns:repeat(3,1fr);}
  .why-hero-grid{grid-template-columns:1fr;gap:20px;}
  .why-hero-item::after{display:none !important;}
  .why-circles{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:24px;}
  .footer-grid > .foot-brand,
  .footer-grid > :last-child{grid-column:1 / -1;}
  .about-feats,.modal .form-row,.contact-card .form-row{grid-template-columns:1fr;}
  .about-cta-row{display:none;}
  .fab-stack{display:none;}
  .mobile-bar{display:block;}
  body{padding-bottom:70px;}
  .about-visual .img-secondary{width:48%;right:-10px;bottom:-20px;}
  .about-visual .exp-card{padding:14px 16px;left:-10px;}
  .about-visual .exp-card .num{font-size:1.7rem;}
  .about-visual .float-orange{width:56px;height:56px;left:-10px;font-size:1.3rem;}
  .container{padding:0 18px;}
  .contact-card,.map-card{padding:24px 20px;}
  .why-hero-strip{padding:24px 18px;}
  .about-stats{grid-template-columns:1fr 1fr;padding:16px;}
  .about-stat::after{display:none !important;}
  .amc-banner-visual,.amc-banner-content{padding:24px 22px;}
}

/* =================================================================
   INNER PAGES — PAGE HERO (reusable across about/contact/gallery/etc)
   ================================================================= */
.page-hero{position:relative;padding:90px 0 70px;background:linear-gradient(135deg,var(--blue-deep) 0%,var(--blue-3) 45%,var(--blue-2) 100%);color:#fff;overflow:hidden;}
.page-hero-bg{position:absolute;inset:0;pointer-events:none;}
.page-hero-bg::before{content:"";position:absolute;top:-120px;right:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.10),transparent 70%);}
.page-hero-bg::after{content:"";position:absolute;bottom:-100px;left:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(243,146,0,.18),transparent 70%);}
.page-hero-inner{position:relative;z-index:2;text-align:center;}
.page-hero .sec-tag{background:rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(8px);}
.page-hero h1{font-family:var(--display);font-weight:800;font-size:clamp(2rem,4.4vw,3.2rem);color:#fff;line-height:1.15;margin:6px 0 16px;letter-spacing:-.5px;}
.page-hero h1 .accent-orange{color:var(--orange);}
.page-hero .breadcrumb{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:600;font-size:.86rem;color:rgba(255,255,255,.92);background:rgba(255,255,255,.10);padding:8px 18px;border-radius:999px;backdrop-filter:blur(8px);}
.page-hero .breadcrumb a{color:#fff;opacity:.85;transition:opacity .2s;}
.page-hero .breadcrumb a:hover{opacity:1;}
.page-hero .breadcrumb .breadcrumb-sep{font-size:.6rem;opacity:.6;}

/* =================================================================
   ABOUT PAGE — MISSION / VISION / VALUES
   ================================================================= */
.mvv-section{background:var(--bg);padding:80px 0;}
.mvv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.mvv-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px 28px;text-align:left;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;}
.mvv-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--blue-2));transform:scaleX(0);transform-origin:left;transition:transform .4s;}
.mvv-card:hover{transform:translateY(-6px);border-color:transparent;box-shadow:var(--shadow-md);}
.mvv-card:hover::before{transform:scaleX(1);}
.mvv-card--feature{background:linear-gradient(135deg,var(--blue-soft),var(--blue-light));border-color:transparent;}
.mvv-card--feature::before{background:linear-gradient(90deg,var(--orange),var(--orange-2));}
.mvv-ic{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;display:grid;place-items:center;font-size:1.5rem;margin-bottom:18px;box-shadow:0 12px 28px rgba(46,141,186,.3);}
.mvv-ic--orange{background:linear-gradient(135deg,var(--orange),var(--orange-2));box-shadow:0 12px 28px rgba(243,146,0,.3);}
.mvv-card h3{font-family:var(--display);font-size:1.3rem;font-weight:700;color:var(--ink);margin-bottom:12px;}
.mvv-card p{color:var(--text);font-size:.94rem;line-height:1.65;}

/* =================================================================
   ABOUT PAGE — STATS BAND (full-width feature strip)
   ================================================================= */
.stats-band{padding:0;background:var(--bg);}
.stats-band .container{max-width:1300px;}
.stats-band-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;background:linear-gradient(135deg,var(--blue) 0%,var(--blue-2) 50%,var(--blue-3) 100%);border-radius:22px;padding:38px 28px;position:relative;overflow:hidden;box-shadow:0 24px 60px rgba(46,141,186,.28);}
.stats-band-grid::before{content:"";position:absolute;top:-60px;right:-60px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.08);}
.stats-band-grid::after{content:"";position:absolute;bottom:-40px;left:20%;width:160px;height:160px;border-radius:50%;background:rgba(243,146,0,.18);}
.stats-band-item{position:relative;text-align:center;color:#fff;padding:0 16px;z-index:1;}
.stats-band-item:not(:last-child)::after{content:"";position:absolute;right:0;top:18%;height:64%;width:1px;background:rgba(255,255,255,.18);}
.stats-band-item .ic{width:54px;height:54px;border-radius:14px;background:rgba(255,255,255,.18);color:#fff;display:grid;place-items:center;margin:0 auto 12px;font-size:1.3rem;backdrop-filter:blur(8px);}
.stats-band-item strong{display:block;font-family:var(--display);font-size:2rem;font-weight:800;line-height:1;color:#fff;}
.stats-band-item span{display:block;font-family:var(--display);font-weight:600;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.92);margin-top:6px;}

/* =================================================================
   ABOUT PAGE — VALUES (Why Choose Us) GRID
   ================================================================= */
.values-section{background:var(--bg-grey);padding:80px 0;position:relative;overflow:hidden;}
.values-section::before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(79,184,229,.10),transparent 70%);pointer-events:none;}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative;z-index:1;}
.value-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px 22px;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;}
.value-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--blue),var(--blue-2));transform:scaleY(0);transform-origin:top;transition:transform .35s;}
.value-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:transparent;}
.value-card:hover::before{transform:scaleY(1);}
.value-ic{width:56px;height:56px;border-radius:14px;background:var(--blue-light);color:var(--blue-2);display:grid;place-items:center;font-size:1.35rem;margin-bottom:16px;transition:all .3s;}
.value-card:hover .value-ic{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;transform:scale(1.06) rotate(-4deg);}
.value-card h4{font-family:var(--display);font-size:1.05rem;font-weight:700;color:var(--ink);margin-bottom:8px;}
.value-card p{color:var(--muted);font-size:.88rem;line-height:1.6;}

/* =================================================================
   ABOUT PAGE — OFFER GRID (What We Offer)
   ================================================================= */
.offer-section{background:var(--bg);padding:80px 0;}
.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.offer-item{background:linear-gradient(135deg,#fff,var(--blue-soft));border:1px solid var(--line);border-radius:16px;padding:26px 24px 24px;position:relative;transition:all .35s;overflow:hidden;}
.offer-item::after{content:"";position:absolute;right:-30px;bottom:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(243,146,0,.10),transparent 70%);transition:all .4s;}
.offer-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:transparent;}
.offer-item:hover::after{transform:scale(1.4);}
.offer-num{font-family:var(--display);font-weight:800;font-size:1.6rem;color:var(--orange);line-height:1;margin-bottom:12px;letter-spacing:-1px;}
.offer-item h4{font-family:var(--display);font-size:1.04rem;font-weight:700;color:var(--ink);margin-bottom:8px;position:relative;z-index:1;}
.offer-item p{color:var(--text);font-size:.88rem;line-height:1.6;position:relative;z-index:1;}

/* =================================================================
   ABOUT PAGE — CTA BAND (Talk To Engineer)
   ================================================================= */
.about-cta-band{background:var(--bg);padding:0 0 80px;}
.about-cta-inner{background:linear-gradient(135deg,var(--blue-deep) 0%,var(--blue-3) 45%,var(--blue-2) 100%);color:#fff;border-radius:22px;padding:44px 48px;display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center;position:relative;overflow:hidden;box-shadow:0 24px 60px rgba(14,77,107,.32);}
.about-cta-inner::before{content:"";position:absolute;top:-80px;right:-80px;width:280px;height:280px;border-radius:50%;background:rgba(243,146,0,.18);}
.about-cta-inner::after{content:"";position:absolute;bottom:-100px;left:-60px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.08);}
.about-cta-copy{position:relative;z-index:1;}
.about-cta-copy .sec-tag{background:rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(8px);}
.about-cta-copy h2{font-family:var(--display);font-weight:800;font-size:clamp(1.5rem,3vw,2.1rem);color:#fff;line-height:1.2;margin:6px 0 12px;}
.about-cta-copy p{color:rgba(255,255,255,.92);font-size:.96rem;}
.about-cta-actions{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1;}
.about-cta-actions .btn{justify-content:center;}
.about-cta-actions .btn-light{background:#fff;color:var(--blue-3);border:none;}
.about-cta-actions .btn-light:hover{background:var(--orange);color:#fff;}

/* =================================================================
   INNER PAGES — RESPONSIVE
   ================================================================= */
@media (max-width:1024px){
  .mvv-grid,.values-grid,.offer-grid{grid-template-columns:repeat(2,1fr);}
  .stats-band-grid{grid-template-columns:repeat(3,1fr);gap:24px 0;row-gap:28px;}
  .stats-band-item:nth-child(3)::after{display:none;}
  .about-cta-inner{grid-template-columns:1fr;text-align:center;padding:36px 28px;}
  .about-cta-actions{align-items:center;}
  .about-cta-actions .btn{width:100%;max-width:300px;}
}
@media (max-width:720px){
  .page-hero{padding:60px 0 50px;}
  .mvv-grid,.values-grid,.offer-grid{grid-template-columns:1fr;}
  .stats-band-grid{grid-template-columns:repeat(2,1fr);padding:30px 18px;}
  .stats-band-item::after{display:none !important;}
  .stats-band-item strong{font-size:1.6rem;}
  .mvv-section,.values-section,.offer-section{padding:55px 0;}
  .about-cta-band{padding-bottom:55px;}
  .about-cta-inner{padding:30px 22px;}
}

/* =================================================================
   HOMEPAGE — SERVICE BANNER (full-width image)
   ================================================================= */
.service-banner-section{padding:0;background:var(--bg);}
.service-banner-img{display:block;width:100%;height:auto;}

/* =================================================================
   CATEGORY PAGE — FIRE THEME OVERRIDES (page hero)
   ================================================================= */
.page-hero.is-fire{background:linear-gradient(135deg,#7F1D1D 0%,#B91C1C 45%,#DC2626 100%);}
.page-hero.is-fire .page-hero-bg::after{background:radial-gradient(circle,rgba(255,237,213,.20),transparent 70%);}

/* When admin has set a custom breadcrumb banner image */
.page-hero.has-banner .page-hero-bg::before,
.page-hero.has-banner .page-hero-bg::after{display:none;}
.page-hero.has-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(26,74,107,.88) 0%,rgba(35,96,144,.78) 50%,rgba(59,175,208,.70) 100%);z-index:1;pointer-events:none;}
.page-hero.has-banner.is-fire::before{background:linear-gradient(135deg,rgba(127,29,29,.90) 0%,rgba(185,28,28,.80) 50%,rgba(220,38,38,.70) 100%);}

/* =================================================================
   CATEGORY PAGE — OVERVIEW SECTION
   ================================================================= */
.cat-page-overview{background:var(--bg);padding:80px 0;position:relative;overflow:hidden;}
.cat-page-overview::before{content:"";position:absolute;top:80px;right:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,var(--blue-light),transparent 70%);pointer-events:none;}
.cat-page-overview.is-fire::before{background:radial-gradient(circle,#FEE2E2,transparent 70%);}

.cat-page-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:50px;align-items:center;position:relative;z-index:1;}

.cat-page-media{position:relative;}
.cat-page-img-wrap{position:relative;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,var(--blue-soft),var(--blue-light));aspect-ratio:5/4;box-shadow:var(--shadow-md);}
.cat-page-overview.is-fire .cat-page-img-wrap{background:linear-gradient(135deg,#FFF5F5,#FEE2E2);}
.cat-page-img-wrap img{width:100%;height:100%;object-fit:contain;padding:36px;}
.cat-page-img-tag{position:absolute;top:18px;left:18px;display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-2));padding:7px 14px;border-radius:99px;box-shadow:0 8px 22px rgba(46,141,186,.3);z-index:2;}
.cat-page-overview.is-fire .cat-page-img-tag{background:linear-gradient(135deg,#EF4444,#DC2626);box-shadow:0 8px 22px rgba(220,38,38,.3);}

.cat-page-floats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;}
.cat-page-float{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;transition:all .3s;}
.cat-page-float:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:transparent;}
.cat-page-float .ic{width:42px;height:42px;border-radius:11px;background:var(--blue-light);color:var(--blue-2);display:grid;place-items:center;font-size:1.05rem;flex-shrink:0;}
.cat-page-overview.is-fire .cat-page-float .ic{background:#FEE2E2;color:var(--red);}
.cat-page-float strong{display:block;font-family:var(--display);font-weight:800;font-size:1rem;color:var(--ink);line-height:1.1;}
.cat-page-float span{display:block;font-family:var(--display);font-size:.74rem;color:var(--muted);font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-top:2px;}

.cat-page-info h2{font-family:var(--display);font-weight:800;font-size:clamp(1.6rem,3vw,2.2rem);color:var(--ink);line-height:1.2;margin:6px 0 14px;}
.cat-page-lead{color:var(--text);font-size:.96rem;line-height:1.7;margin-bottom:22px;}
.cat-page-lead p{margin-bottom:10px;}
.cat-page-lead p:last-child{margin-bottom:0;}

.cat-page-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;}
.cat-page-actions .btn{padding:12px 22px;font-size:.88rem;}

.cat-page-meta{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:18px 20px;background:var(--bg-soft);border-radius:14px;border:1px solid var(--line);}
.cat-page-meta li{display:flex;align-items:center;gap:10px;position:relative;padding:0 14px;}
.cat-page-meta li:not(:last-child)::after{content:"";position:absolute;right:0;top:18%;height:64%;width:1px;background:var(--line);}
.cat-page-meta li i{color:var(--blue-2);font-size:1.1rem;flex-shrink:0;}
.cat-page-overview.is-fire .cat-page-meta li i{color:var(--red);}
.cat-page-meta strong{display:block;font-family:var(--display);font-size:.7rem;font-weight:700;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;}
.cat-page-meta span{display:block;font-family:var(--display);font-size:.86rem;color:var(--ink);font-weight:600;line-height:1.3;margin-top:2px;}

/* =================================================================
   CATEGORY PAGE — CHILDREN / SIBLINGS GRID
   ================================================================= */
.cat-page-children{background:var(--bg-grey);padding:80px 0;position:relative;overflow:hidden;}
.cat-children-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.cat-child-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;}
.cat-child-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--blue-2));transform:scaleX(0);transform-origin:left;transition:transform .35s;z-index:2;}
.cat-page-children.is-fire .cat-child-card::before{background:linear-gradient(90deg,#EF4444,#DC2626);}
.cat-child-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:transparent;}
.cat-child-card:hover::before{transform:scaleX(1);}
.cat-child-img{aspect-ratio:5/4;background:linear-gradient(135deg,var(--blue-soft),var(--blue-light));display:grid;place-items:center;overflow:hidden;}
.cat-page-children.is-fire .cat-child-img{background:linear-gradient(135deg,#FFF5F5,#FEE2E2);}
.cat-child-img img{width:100%;height:100%;object-fit:contain;padding:22px;transition:transform .5s;}
.cat-child-card:hover .cat-child-img img{transform:scale(1.06);}
.cat-child-icon{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;display:grid;place-items:center;font-size:2rem;box-shadow:0 12px 28px rgba(46,141,186,.3);}
.cat-page-children.is-fire .cat-child-icon{background:linear-gradient(135deg,#EF4444,#DC2626);box-shadow:0 12px 28px rgba(220,38,38,.3);}
.cat-child-body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1;}
.cat-child-body h3{font-family:var(--display);font-size:1.08rem;font-weight:700;color:var(--ink);line-height:1.3;margin-bottom:8px;}
.cat-child-body p{font-size:.85rem;color:var(--muted);line-height:1.55;margin-bottom:14px;flex:1;}
.cat-child-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-size:.78rem;font-weight:700;color:var(--blue-2);text-transform:uppercase;letter-spacing:.08em;}
.cat-page-children.is-fire .cat-child-link{color:var(--red);}
.cat-child-link i{transition:transform .25s;}
.cat-child-card:hover .cat-child-link i{transform:translateX(4px);}

/* =================================================================
   CATEGORY PAGE — RICH CONTENT (prose)
   ================================================================= */
.cat-page-content{background:var(--bg);padding:60px 0;}
.cat-page-content-inner{max-width:920px;margin:0 auto;}
.cat-page-content-inner.prose{color:var(--text);font-size:1rem;line-height:1.8;}
.cat-page-content-inner.prose h2,.cat-page-content-inner.prose h3,.cat-page-content-inner.prose h4{font-family:var(--display);font-weight:700;color:var(--ink);line-height:1.3;margin:32px 0 14px;}
.cat-page-content-inner.prose h2{font-size:1.6rem;}
.cat-page-content-inner.prose h3{font-size:1.3rem;}
.cat-page-content-inner.prose h4{font-size:1.08rem;}
.cat-page-content-inner.prose p{margin-bottom:14px;}
.cat-page-content-inner.prose strong{color:var(--ink);font-weight:600;}
.cat-page-content-inner.prose ul,.cat-page-content-inner.prose ol{margin:0 0 16px 22px;}
.cat-page-content-inner.prose li{margin-bottom:6px;}
.cat-page-content-inner.prose a{color:var(--blue-2);text-decoration:underline;}
.cat-page-content-inner.prose img{max-width:100%;border-radius:14px;margin:18px 0;}

/* =================================================================
   CATEGORY PAGE — FEATURE IMAGES GRID
   ================================================================= */
.cat-page-features{background:var(--bg-grey);padding:70px 0;}
.cat-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.cat-features-grid[data-count="1"]{grid-template-columns:1fr;max-width:760px;margin:0 auto;}
.cat-features-grid[data-count="2"]{grid-template-columns:repeat(2,1fr);}
.cat-features-grid[data-count="3"]{grid-template-columns:repeat(3,1fr);}
.cat-feature{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:0;transition:all .3s;}
.cat-feature:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:transparent;}
.cat-feature img{width:100%;aspect-ratio:5/4;object-fit:cover;display:block;}
.cat-feature figcaption{padding:14px 16px;font-family:var(--display);font-size:.88rem;font-weight:600;color:var(--ink);}

/* =================================================================
   CATEGORY PAGE — SPECIFICATIONS TABLE
   ================================================================= */
.cat-page-specs{background:var(--bg);padding:70px 0;}
.cat-specs-wrap{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;overflow-x:auto;box-shadow:var(--shadow-sm);}
.cat-specs-wrap table{width:100%;min-width:600px;border-collapse:collapse;font-size:.92rem;}
.cat-specs-wrap th,.cat-specs-wrap td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line);}
.cat-specs-wrap thead th{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;font-family:var(--display);font-size:.84rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;}
.cat-specs-wrap thead th:first-child{border-top-left-radius:10px;}
.cat-specs-wrap thead th:last-child{border-top-right-radius:10px;}
.cat-specs-wrap tbody tr:nth-child(even){background:var(--bg-soft);}
.cat-specs-wrap tbody tr:hover{background:var(--blue-light);}
.cat-specs-wrap td{color:var(--text);}
.cat-specs-wrap td:first-child{font-weight:600;color:var(--ink);}

/* =================================================================
   CATEGORY PAGE — EXPLORE OTHER CATEGORIES
   ================================================================= */
.cat-page-explore{background:var(--bg-grey);padding:80px 0;}
.cat-explore-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.cat-explore-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column;}
.cat-explore-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--blue-2));transform:scaleX(0);transform-origin:left;transition:transform .35s;z-index:2;}
.cat-explore-card.fire::before{background:linear-gradient(90deg,#EF4444,#DC2626);}
.cat-explore-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:transparent;}
.cat-explore-card:hover::before{transform:scaleX(1);}
.cat-explore-img{aspect-ratio:5/4;background:linear-gradient(135deg,var(--blue-soft),var(--blue-light));display:grid;place-items:center;overflow:hidden;}
.cat-explore-card.fire .cat-explore-img{background:linear-gradient(135deg,#FFF5F5,#FEE2E2);}
.cat-explore-img img{width:100%;height:100%;object-fit:contain;padding:18px;transition:transform .5s;}
.cat-explore-card:hover .cat-explore-img img{transform:scale(1.06);}
.cat-explore-icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;display:grid;place-items:center;font-size:1.6rem;}
.cat-explore-card.fire .cat-explore-icon{background:linear-gradient(135deg,#EF4444,#DC2626);}
.cat-explore-body{padding:16px 18px 18px;}
.cat-explore-tag{display:inline-block;font-family:var(--display);font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-2);background:var(--blue-light);padding:3px 9px;border-radius:99px;margin-bottom:6px;}
.cat-explore-card.fire .cat-explore-tag{color:var(--red);background:#FEE2E2;}
.cat-explore-body h4{font-family:var(--display);font-size:.96rem;font-weight:700;color:var(--ink);line-height:1.3;margin-bottom:8px;}
.cat-explore-link{display:inline-flex;align-items:center;gap:5px;font-family:var(--display);font-size:.74rem;font-weight:700;color:var(--blue-2);text-transform:uppercase;letter-spacing:.08em;}
.cat-explore-card.fire .cat-explore-link{color:var(--red);}
.cat-explore-link i{transition:transform .25s;}
.cat-explore-card:hover .cat-explore-link i{transform:translateX(4px);}

/* =================================================================
   CATEGORY PAGE — RESPONSIVE
   ================================================================= */
@media (max-width:1024px){
  .cat-page-grid{grid-template-columns:1fr;gap:36px;}
  .cat-children-grid{grid-template-columns:repeat(2,1fr);}
  .cat-explore-grid{grid-template-columns:repeat(3,1fr);}
  .cat-features-grid,.cat-features-grid[data-count="3"],.cat-features-grid[data-count="4"]{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:720px){
  .cat-page-overview,.cat-page-children,.cat-page-explore{padding:55px 0;}
  .cat-page-content,.cat-page-features,.cat-page-specs{padding:50px 0;}
  .cat-page-meta{grid-template-columns:1fr;gap:14px;}
  .cat-page-meta li{padding:0;}
  .cat-page-meta li:not(:last-child)::after{display:none;}
  .cat-page-meta li:not(:last-child){padding-bottom:14px;border-bottom:1px solid var(--line);}
  .cat-children-grid,.cat-explore-grid,.cat-features-grid,.cat-features-grid[data-count="3"],.cat-features-grid[data-count="4"]{grid-template-columns:1fr;}
  .cat-page-floats{grid-template-columns:1fr;}
  .cat-specs-wrap{padding:18px;}
  .cat-page-actions .btn{flex:1;justify-content:center;min-width:0;}
}

/* =================================================================
   LEAD-GATE MODALS — WhatsApp + Direct Call (smaller variant)
   ================================================================= */
.modal.modal-lg-small{max-width:430px;}
.modal-header--wa{background:linear-gradient(135deg,#16A34A 0%,#15803D 50%,#166534 100%);}
.modal-header--call{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-2) 50%,var(--blue-3) 100%);}
.modal-header--wa::before,.modal-header--call::before{background:rgba(255,255,255,.12);}
.btn-submit--wa{background:#16A34A !important;box-shadow:0 12px 32px rgba(22,163,74,.35) !important;}
.btn-submit--wa:hover{background:#15803D !important;}
.btn-submit--call{background:var(--blue) !important;box-shadow:var(--shadow-blue) !important;}
.btn-submit--call:hover{background:var(--blue-2) !important;}
.lg-note{margin-top:12px;text-align:center;font-size:.74rem;color:var(--muted);font-style:italic;line-height:1.5;}

/* =================================================================
   GALLERY PAGE — FILTER CHIPS + GRID + LIGHTBOX
   ================================================================= */
.gallery-filter-section{background:var(--bg);padding:36px 0 0;}
.gallery-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
.gal-chip{display:inline-flex;align-items:center;gap:9px;padding:10px 18px;background:#fff;border:1.5px solid var(--line);border-radius:999px;font-family:var(--display);font-size:.86rem;font-weight:600;color:var(--ink);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);}
.gal-chip:hover{border-color:var(--blue);color:var(--blue-2);transform:translateY(-2px);box-shadow:var(--shadow-sm);}
.gal-chip i{font-size:.9rem;color:var(--blue-2);transition:color .25s;}
.gal-chip-count{display:inline-grid;place-items:center;min-width:24px;height:22px;padding:0 7px;border-radius:999px;background:var(--bg-soft);color:var(--muted);font-size:.72rem;font-weight:700;}
.gal-chip.is-active{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;border-color:transparent;box-shadow:0 12px 28px rgba(46,141,186,.3);}
.gal-chip.is-active i{color:#fff;}
.gal-chip.is-active .gal-chip-count{background:rgba(255,255,255,.22);color:#fff;}

.gallery-grid-section{background:var(--bg);padding:36px 0 70px;}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.gal-item{margin:0;position:relative;border-radius:14px;overflow:hidden;background:var(--bg-soft);box-shadow:var(--shadow-sm);transition:all .35s cubic-bezier(.4,0,.2,1);aspect-ratio:1/1.1;}
.gal-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.gal-item a{display:block;width:100%;height:100%;position:relative;}
.gal-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.4,0,.2,1);}
.gal-item:hover img{transform:scale(1.07);}
.gal-item-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:14px 14px 14px;background:linear-gradient(180deg,transparent 40%,rgba(14,27,38,.85) 100%);color:#fff;opacity:0;transition:opacity .35s;}
.gal-item:hover .gal-item-overlay{opacity:1;}
.gal-item-cat{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);padding:5px 11px;border-radius:99px;font-family:var(--display);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:auto;}
.gal-item-title{font-family:var(--display);font-size:.92rem;font-weight:700;line-height:1.3;margin-bottom:8px;}
.gal-item-zoom{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:.95rem;box-shadow:0 8px 22px rgba(243,146,0,.5);transform:scale(0);transition:transform .35s cubic-bezier(.6,0,.3,1.4);}
.gal-item:hover .gal-item-zoom{transform:scale(1);}

.gallery-empty{text-align:center;padding:60px 20px;}
.gallery-empty .ic{width:84px;height:84px;border-radius:50%;background:var(--blue-light);color:var(--blue-2);display:grid;place-items:center;font-size:2rem;margin:0 auto 18px;}
.gallery-empty h3{font-family:var(--display);font-size:1.3rem;font-weight:700;color:var(--ink);margin-bottom:8px;}
.gallery-empty p{color:var(--muted);font-size:.94rem;max-width:480px;margin:0 auto;}

/* Lightbox */
.glb-overlay{position:fixed;inset:0;background:rgba(14,27,38,.92);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;z-index:400;padding:50px 70px;}
.glb-overlay.open{display:flex;animation:fadeIn .25s;}
.glb-img-wrap{max-width:90vw;max-height:84vh;display:flex;flex-direction:column;align-items:center;gap:14px;}
#glbImg{max-width:100%;max-height:80vh;object-fit:contain;border-radius:10px;box-shadow:0 24px 60px rgba(0,0,0,.5);}
.glb-caption{color:#fff;font-family:var(--display);font-size:.95rem;font-weight:600;text-align:center;background:rgba(255,255,255,.10);padding:8px 18px;border-radius:99px;backdrop-filter:blur(8px);max-width:80vw;}
.glb-close{position:absolute;top:20px;right:20px;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;display:grid;place-items:center;font-size:1.1rem;transition:all .25s;backdrop-filter:blur(8px);}
.glb-close:hover{background:#fff;color:var(--ink);transform:rotate(90deg);}
.glb-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;display:grid;place-items:center;font-size:1.2rem;transition:all .25s;backdrop-filter:blur(8px);}
.glb-nav:hover{background:var(--blue);transform:translateY(-50%) scale(1.08);}
.glb-prev{left:20px;}
.glb-next{right:20px;}

@media (max-width:1024px){
  .gallery-grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:720px){
  .gallery-filters{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .gallery-filters::-webkit-scrollbar{display:none;}
  .gal-chip{flex-shrink:0;font-size:.8rem;padding:9px 14px;}
  .gallery-grid{grid-template-columns:1fr;gap:14px;}
  .gal-item{aspect-ratio:4/3;}
  .glb-overlay{padding:60px 20px;}
  .glb-prev{left:10px;}.glb-next{right:10px;}
  .glb-nav{width:40px;height:40px;}
  .gal-item-overlay{opacity:1;background:linear-gradient(180deg,transparent 50%,rgba(14,27,38,.85) 100%);}
}

/* =================================================================
   BLOG PAGE — LIST + DETAIL
   ================================================================= */
.blog-list-section{background:var(--bg);padding:60px 0 70px;}
.blog-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.blog-list-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:all .35s cubic-bezier(.4,0,.2,1);}
.blog-list-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:transparent;}
.blog-list-card--feature{grid-column:1/-1;display:grid;grid-template-columns:1.05fr 1fr;align-items:stretch;}
.blog-list-card--feature .blog-list-img{aspect-ratio:auto;height:100%;min-height:280px;}
.blog-list-card--feature .blog-list-body{padding:34px 36px;justify-content:center;}
.blog-list-card--feature h3{font-size:1.5rem;}
.blog-list-img{display:block;position:relative;aspect-ratio:5/3;overflow:hidden;background:var(--blue-soft);}
.blog-list-img img{width:100%;height:100%;object-fit:cover;transition:transform .55s;}
.blog-list-card:hover .blog-list-img img{transform:scale(1.06);}
.blog-list-cat{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-2));padding:6px 12px;border-radius:99px;box-shadow:0 8px 22px rgba(46,141,186,.3);}
.blog-list-body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1;}
.blog-list-meta{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:.78rem;margin-bottom:10px;font-family:var(--display);font-weight:600;}
.blog-list-meta i{color:var(--blue-2);margin-right:4px;}
.blog-list-body h3{font-family:var(--display);font-size:1.12rem;font-weight:700;color:var(--ink);line-height:1.35;margin-bottom:10px;}
.blog-list-body h3 a{color:inherit;transition:color .2s;}
.blog-list-body h3 a:hover{color:var(--blue-2);}
.blog-list-body p{font-size:.88rem;color:var(--text);line-height:1.6;margin-bottom:14px;flex:1;}
.blog-list-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-size:.78rem;font-weight:700;color:var(--blue-2);text-transform:uppercase;letter-spacing:.08em;align-self:flex-start;}
.blog-list-link i{transition:transform .25s;}
.blog-list-card:hover .blog-list-link i{transform:translateX(4px);}

/* Blog detail */
.page-hero--article h1{font-size:clamp(1.6rem,3.2vw,2.4rem);max-width:880px;margin-left:auto;margin-right:auto;}
.bd-meta-top{display:inline-flex;flex-wrap:wrap;gap:18px;justify-content:center;margin:14px 0 18px;color:rgba(255,255,255,.92);font-family:var(--display);font-size:.86rem;font-weight:600;}
.bd-meta-top i{margin-right:6px;color:var(--orange);}
.blog-detail-section{background:var(--bg);padding:0;}
.blog-detail-wrap{max-width:920px;}
.bd-hero-img{margin:-60px auto 32px;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-md);position:relative;z-index:5;background:#fff;}
.bd-hero-img img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover;}
.blog-detail-section .cat-page-content-inner{padding:0;max-width:none;}
.bd-cta-strip{margin:36px auto 60px;padding:24px 28px;background:linear-gradient(135deg,var(--blue-soft),var(--blue-light));border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;border:1px solid var(--line);}
.bd-cta-strip-copy strong{display:block;font-family:var(--display);font-size:1.04rem;color:var(--ink);margin-bottom:4px;}
.bd-cta-strip-copy span{color:var(--muted);font-size:.88rem;}
.bd-cta-strip-actions{display:flex;gap:10px;flex-wrap:wrap;}
.bd-cta-strip-actions .btn{padding:11px 20px;font-size:.85rem;}
.bd-related-section{background:var(--bg-grey);padding:70px 0;}

/* =================================================================
   CONTACT PAGE — QUICK CARDS + INFO + FORM + MAP
   ================================================================= */
.contact-quick-section{background:var(--bg);padding:50px 0 0;}
.contact-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.contact-quick-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;color:inherit;}
.contact-quick-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:transparent;}
.cq-ic{width:50px;height:50px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;display:grid;place-items:center;font-size:1.2rem;flex-shrink:0;box-shadow:0 8px 22px rgba(46,141,186,.3);}
.contact-quick-card.cq-wa .cq-ic{background:linear-gradient(135deg,#25D366,#16A34A);box-shadow:0 8px 22px rgba(22,163,74,.35);}
.cq-label{display:block;font-family:var(--display);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}
.cq-value{display:block;font-family:var(--display);font-size:.94rem;font-weight:700;color:var(--ink);margin-top:3px;line-height:1.2;}

.contact-main-section{background:var(--bg);padding:60px 0;}
.contact-main-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;}
.contact-info-block h2{font-family:var(--display);font-weight:800;font-size:clamp(1.6rem,2.8vw,2.1rem);color:var(--ink);line-height:1.2;margin:6px 0 14px;}
.contact-info-copy{color:var(--text);font-size:.96rem;line-height:1.7;margin-bottom:24px;}
.contact-info-block .contact-info-row{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:12px;text-decoration:none;color:inherit;transition:all .3s;grid-template-columns:none;}
.contact-info-block .contact-info-row:hover{transform:translateX(4px);box-shadow:var(--shadow-md);border-color:transparent;}
.contact-info-hours{cursor:default;}
.contact-info-block .contact-info-hours:hover{transform:none;box-shadow:none;border-color:var(--line);}
.ci-ic{width:44px;height:44px;border-radius:11px;background:var(--blue-light);color:var(--blue-2);display:grid;place-items:center;font-size:1.05rem;flex-shrink:0;}
.contact-info-block .contact-info-row strong{display:block;font-family:var(--display);font-size:.74rem;font-weight:700;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;}
.contact-info-block .contact-info-row span{font-family:var(--body);font-size:.92rem;color:var(--ink);font-weight:500;line-height:1.5;}

.contact-form-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;}
.contact-form-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--blue-2));}
.contact-form-head{margin-bottom:24px;}
.contact-form-head h3{font-family:var(--display);font-size:1.4rem;font-weight:700;color:var(--ink);margin:6px 0 8px;}
.contact-form-head p{color:var(--muted);font-size:.9rem;line-height:1.6;}
.cp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.cp-form-group{margin-bottom:14px;}
.cp-form-group label{display:block;font-family:var(--display);font-size:.82rem;font-weight:600;color:var(--ink);margin-bottom:6px;}
.cp-form-group label em{color:var(--red);font-style:normal;margin-left:2px;}
.cp-form-group input,.cp-form-group select,.cp-form-group textarea{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;font-family:var(--body);font-size:.92rem;color:var(--ink);background:#fff;transition:all .2s;}
.cp-form-group input:focus,.cp-form-group select:focus,.cp-form-group textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(79,184,229,.15);}
.cp-form-group textarea{resize:vertical;min-height:90px;}
.cp-form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%234FB8E5' d='M6 8L0 0h12z'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;}
.cp-submit-btn{width:100%;padding:14px;background:var(--blue);color:#fff;border-radius:11px;font-family:var(--display);font-weight:700;font-size:.96rem;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:all .25s;box-shadow:var(--shadow-blue);margin-top:6px;}
.cp-submit-btn:hover{background:var(--blue-2);}
.cp-form-note{margin-top:12px;text-align:center;font-size:.74rem;color:var(--muted);font-style:italic;line-height:1.5;}
.cp-form-success{padding:24px 18px;text-align:center;background:rgba(22,163,74,.08);border:1px solid rgba(22,163,74,.25);border-radius:14px;margin-top:18px;}
.cp-form-success .ic-circle{width:54px;height:54px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:1.4rem;margin:0 auto 10px;}
.cp-form-success h4{font-family:var(--display);font-weight:700;color:var(--ink);margin-bottom:4px;}
.cp-form-success p{color:var(--text);font-size:.86rem;}

.contact-map-section{background:var(--bg-grey);padding:60px 0;}
.contact-map-wrap{border-radius:18px;overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--line);background:#fff;}

/* =================================================================
   MARKET AREA (Service Areas)
   ================================================================= */
.mkt-intro-section{background:var(--bg);padding:70px 0;position:relative;overflow:hidden;}
.mkt-intro-section::before{content:"";position:absolute;top:60px;right:-100px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,var(--blue-light),transparent 70%);pointer-events:none;}
.mkt-intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;position:relative;z-index:1;}
.mkt-intro-grid > div:first-child h2{font-family:var(--display);font-weight:800;font-size:clamp(1.7rem,3vw,2.3rem);color:var(--ink);line-height:1.2;margin:6px 0 16px;}
.mkt-intro-grid > div:first-child p{color:var(--text);font-size:.96rem;line-height:1.7;margin-bottom:12px;}
.mkt-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.mkt-stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 18px;text-align:center;transition:all .3s;}
.mkt-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:transparent;}
.mkt-stat-card .ic{width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;display:grid;place-items:center;font-size:1.1rem;margin:0 auto 10px;box-shadow:0 8px 20px rgba(46,141,186,.3);}
.mkt-stat-card strong{display:block;font-family:var(--display);font-size:1.6rem;font-weight:800;color:var(--ink);line-height:1;}
.mkt-stat-card span{display:block;font-family:var(--display);font-weight:600;font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:6px;}

.mkt-regions-section{background:var(--bg-grey);padding:70px 0;}
.mkt-regions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.mkt-region-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 22px 24px;transition:all .3s;}
.mkt-region-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:transparent;}
.mkt-region-card h3{font-family:var(--display);font-size:1.04rem;font-weight:700;color:var(--ink);margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.mkt-region-card h3 i{color:var(--blue-2);font-size:.95rem;}
.mkt-region-cities{display:flex;flex-wrap:wrap;gap:8px;}
.mkt-city-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:var(--blue-soft);border:1px solid var(--blue-light);border-radius:99px;font-family:var(--display);font-size:.82rem;font-weight:600;color:var(--ink);text-decoration:none;transition:all .25s;}
.mkt-city-chip i{color:var(--blue-2);font-size:.7rem;}
.mkt-city-chip:hover{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 8px 20px rgba(46,141,186,.3);}
.mkt-city-chip:hover i{color:#fff;}

.mkt-promise-section{background:var(--bg);padding:70px 0;}
.mkt-promise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.mkt-promise-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 22px;text-align:center;transition:all .3s;position:relative;overflow:hidden;}
.mkt-promise-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange),var(--orange-2));transform:scaleX(0);transform-origin:left;transition:transform .35s;}
.mkt-promise-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:transparent;}
.mkt-promise-card:hover::before{transform:scaleX(1);}
.mp-ic{width:60px;height:60px;border-radius:15px;background:var(--orange-light);color:var(--orange);display:grid;place-items:center;font-size:1.4rem;margin:0 auto 14px;transition:all .3s;}
.mkt-promise-card:hover .mp-ic{background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#fff;transform:scale(1.06) rotate(-4deg);}
.mkt-promise-card h4{font-family:var(--display);font-size:1.04rem;font-weight:700;color:var(--ink);margin-bottom:8px;}
.mkt-promise-card p{color:var(--text);font-size:.86rem;line-height:1.6;}

/* =================================================================
   SITEMAP PAGE
   ================================================================= */
.smap-section{background:var(--bg);padding:60px 0 80px;}
.smap-block{margin-bottom:48px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px 32px;box-shadow:var(--shadow-sm);}
.smap-head{display:grid;grid-template-columns:auto 1fr;gap:0 18px;align-items:center;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--line);}
.smap-num{grid-row:1/3;font-family:var(--display);font-weight:800;font-size:2.4rem;color:var(--orange);background:var(--orange-light);width:64px;height:64px;border-radius:14px;display:grid;place-items:center;line-height:1;}
.smap-head h2{font-family:var(--display);font-size:1.5rem;font-weight:800;color:var(--ink);margin:0;}
.smap-head h2 .accent{color:var(--blue-2);}
.smap-head p{color:var(--muted);font-size:.88rem;margin:0;}

.smap-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.smap-link{display:flex;align-items:center;gap:10px;padding:11px 16px;background:var(--bg-soft);border:1px solid transparent;border-radius:10px;color:var(--ink);font-family:var(--display);font-size:.92rem;font-weight:600;text-decoration:none;transition:all .25s;}
.smap-link i{color:var(--blue-2);font-size:.78rem;}
.smap-link:hover{background:var(--blue-light);border-color:var(--blue);color:var(--blue-3);transform:translateX(3px);}

.smap-cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.smap-cat-card{background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;padding:20px 22px;}
.smap-cat-card.is-fire{background:linear-gradient(135deg,#FFF5F5,#FEE2E2);border-color:#FECACA;}
.smap-cat-title{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:1.04rem;font-weight:700;color:var(--ink);text-decoration:none;margin-bottom:12px;padding-bottom:10px;border-bottom:1px dashed var(--line);}
.smap-cat-title i{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;display:grid;place-items:center;font-size:.9rem;}
.smap-cat-card.is-fire .smap-cat-title i{background:linear-gradient(135deg,#EF4444,#DC2626);}
.smap-cat-title:hover{color:var(--blue-2);}
.smap-cat-card.is-fire .smap-cat-title:hover{color:var(--red);}
.smap-cat-children{list-style:none;margin:0;padding:0;}
.smap-cat-children > li{margin-bottom:6px;}
.smap-cat-children > li > a{font-family:var(--display);font-size:.9rem;font-weight:600;color:var(--ink);text-decoration:none;transition:color .2s;}
.smap-cat-children > li > a:hover{color:var(--blue-2);}
.smap-cat-card.is-fire .smap-cat-children > li > a:hover{color:var(--red);}
.smap-cat-subchildren{list-style:none;margin:5px 0 8px 16px;padding:0 0 0 12px;border-left:2px solid var(--line);}
.smap-cat-subchildren li{margin-bottom:3px;}
.smap-cat-subchildren a{font-family:var(--body);font-size:.84rem;color:var(--text);text-decoration:none;transition:color .2s;}
.smap-cat-subchildren a:hover{color:var(--blue-2);}

.smap-city-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.smap-city-block{background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.smap-city-block summary{list-style:none;display:flex;align-items:center;gap:10px;padding:14px 18px;cursor:pointer;font-family:var(--display);font-weight:600;color:var(--ink);transition:background .2s;}
.smap-city-block summary::-webkit-details-marker{display:none;}
.smap-city-block summary > i:first-child{color:var(--blue-2);font-size:.95rem;}
.smap-city-block summary > span:first-of-type{flex:1;font-size:.96rem;}
.smap-city-count{font-size:.74rem;color:var(--muted);font-weight:600;background:#fff;padding:3px 10px;border-radius:99px;border:1px solid var(--line);}
.smap-city-chev{color:var(--muted);font-size:.78rem;transition:transform .25s;}
.smap-city-block[open] .smap-city-chev{transform:rotate(180deg);}
.smap-city-block summary:hover{background:var(--blue-light);}
.smap-city-products{padding:8px 14px 14px;display:flex;flex-direction:column;gap:4px;background:#fff;border-top:1px solid var(--line);}
.smap-city-product{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:8px;font-family:var(--body);font-size:.86rem;color:var(--text);text-decoration:none;transition:all .2s;}
.smap-city-product--parent{font-weight:600;color:var(--ink);}
.smap-city-product i{color:var(--blue-2);font-size:.7rem;opacity:0;transition:all .2s;}
.smap-city-product:hover{background:var(--blue-light);color:var(--blue-3);transform:translateX(3px);}
.smap-city-product:hover i{opacity:1;}

.smap-footer{margin-top:18px;text-align:center;padding:24px;background:var(--bg-soft);border-radius:14px;font-family:var(--display);font-size:.92rem;color:var(--text);}
.smap-footer i{color:var(--blue-2);margin-right:8px;}
.smap-footer a{color:var(--blue-2);text-decoration:underline;font-weight:600;}

/* =================================================================
   RESPONSIVE — BLOG / CONTACT / MARKET / SITEMAP
   ================================================================= */
@media (max-width:1024px){
  .blog-list-grid{grid-template-columns:repeat(2,1fr);}
  .blog-list-card--feature{grid-template-columns:1fr;}
  .blog-list-card--feature .blog-list-img{aspect-ratio:5/3;min-height:0;}
  .contact-quick-grid{grid-template-columns:repeat(2,1fr);}
  .contact-main-grid,.mkt-intro-grid{grid-template-columns:1fr;gap:32px;}
  .mkt-regions-grid{grid-template-columns:repeat(2,1fr);}
  .mkt-promise-grid{grid-template-columns:repeat(2,1fr);}
  .smap-link-grid{grid-template-columns:repeat(2,1fr);}
  .smap-cat-grid{grid-template-columns:1fr;}
  .smap-city-list{grid-template-columns:1fr;}
}
@media (max-width:720px){
  .blog-list-grid{grid-template-columns:1fr;}
  .blog-list-section{padding:50px 0 60px;}
  .bd-cta-strip{flex-direction:column;align-items:stretch;text-align:center;}
  .bd-cta-strip-actions{justify-content:center;}
  .contact-quick-grid{grid-template-columns:1fr;}
  .cp-form-row{grid-template-columns:1fr;}
  .contact-form-card{padding:24px 22px;}
  .mkt-intro-section,.mkt-regions-section,.mkt-promise-section,.contact-main-section,.contact-map-section{padding:55px 0;}
  .mkt-regions-grid,.mkt-promise-grid{grid-template-columns:1fr;}
  .mkt-stats-grid{grid-template-columns:1fr 1fr;}
  .smap-block{padding:24px 20px;}
  .smap-head{grid-template-columns:1fr;}
  .smap-num{grid-row:auto;margin-bottom:8px;}
  .smap-link-grid{grid-template-columns:1fr;}
}

/* =================================================================
   ABOUT PAGE — DETAILED VISION SECTION
   ================================================================= */
.vision-section{background:var(--bg);padding:70px 0;position:relative;overflow:hidden;}
.vision-section::before{content:"";position:absolute;top:-80px;left:-100px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(243,146,0,.10),transparent 70%);pointer-events:none;}
.vision-section::after{content:"";position:absolute;bottom:-80px;right:-100px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,var(--blue-light),transparent 70%);pointer-events:none;}
.vision-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:start;position:relative;z-index:1;}
.vision-copy h2{font-family:var(--display);font-weight:800;font-size:clamp(1.7rem,3vw,2.3rem);color:var(--ink);line-height:1.2;margin:6px 0 18px;}
.vision-copy p{color:var(--text);font-size:.96rem;line-height:1.75;margin-bottom:14px;}
.vision-copy p:last-child{margin-bottom:0;}
.vision-copy strong{color:var(--ink);font-weight:600;}

.vision-goals{background:linear-gradient(135deg,var(--blue-deep) 0%,var(--blue-3) 50%,var(--blue-2) 100%);color:#fff;border-radius:22px;padding:32px 32px;position:relative;overflow:hidden;box-shadow:0 24px 60px rgba(14,77,107,.30);}
.vision-goals::before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:rgba(243,146,0,.18);}
.vision-goals::after{content:"";position:absolute;bottom:-50px;left:-50px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.08);}
.vision-goals-head{display:flex;align-items:center;gap:14px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.18);position:relative;z-index:1;}
.vg-ic{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#fff;display:grid;place-items:center;font-size:1.3rem;flex-shrink:0;box-shadow:0 12px 28px rgba(243,146,0,.4);}
.vg-eyebrow{display:block;font-family:var(--display);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:2px;}
.vision-goals-head h3{font-family:var(--display);font-size:1.3rem;font-weight:700;color:#fff;line-height:1.2;}
.vision-goals-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:13px;position:relative;z-index:1;}
.vision-goals-list li{display:flex;align-items:flex-start;gap:11px;font-family:var(--body);font-size:.94rem;line-height:1.5;color:rgba(255,255,255,.96);font-weight:500;}
.vision-goals-list li i{color:var(--orange);font-size:1rem;margin-top:3px;flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(243,146,0,.4));}

@media (max-width:1024px){
  .vision-grid{grid-template-columns:1fr;gap:30px;}
}
@media (max-width:720px){
  .vision-section{padding:55px 0;}
  .vision-goals{padding:26px 22px;}
}