:root{
/* Brand RED — IFES style #C41E3A — used for LABELS + STAT NUMBERS only */
--blue:#C41E3A; --blue-2:#A8172E; --blue-3:#8C1124; --blue-deep:#5C0B17;
--blue-light:#FCE5E9; --blue-soft:#FBF3F5;
/* Secondary red (vibrant) */
--orange:#E22E12; --orange-light:#FFEEEA; --orange-2:#C42810;
/* IFES backgrounds: white + very pale blue alt */
--bg:#FFFFFF; --bg-soft:#F3F7FC; --bg-grey:#F3F7FC;
/* Deep navy-black for body text + headings (NOT red) */
--ink:#111827; --ink-2:#1F2937; --text:#374151; --muted:#6B7280;
/* Sharp neutral lines */
--line:#E5E7EB; --line-2:#F3F4F6; --green:#16A34A; --red:#C41E3A;
/* IFES hero/dark sections */
--dark:#0F1923; --darker:#0A1520;
/* TYPOGRAPHY — IFES system */
--display:'Barlow',sans-serif;
--body:'Barlow',sans-serif;
--condensed:'Barlow',sans-serif;
/* Flat design — minimal shadows */
--shadow-sm:0 2px 6px rgba(17,24,39,.04);
--shadow-md:0 8px 20px rgba(17,24,39,.08);
--shadow-lg:0 16px 40px rgba(17,24,39,.12);
--shadow-blue:0 8px 20px rgba(196,30,58,.18);
}
*{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(161,30,36,.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 img{height:68px;width:auto;display:block;animation:pdLogoPulse 1.5s ease-in-out infinite;}
@keyframes pdLogoPulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.08);opacity:.8;}}
.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;}
/* Products trigger: HTML carries its own chevron icon, so neutralise the old text arrow
and reuse ::after as an invisible hover bridge down to the menu. */
.nav-links .dropdown>a::after{content:"";position:absolute;top:100%;left:-12px;right:-12px;height:14px;display:block;margin:0;}
/* ============== PRODUCTS — SIMPLE HOVER DROPDOWN ============== */
.nav-links .dropdown-menu{
position:absolute;top:calc(100% + 12px);left:0;
min-width:264px;list-style:none;margin:0;padding:8px;
background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);
box-shadow:0 18px 46px rgba(15,25,35,.14);
opacity:0;visibility:hidden;transform:translateY(8px);
transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s;
z-index:200;
}
.nav-links .dropdown:hover>.dropdown-menu,
.nav-links .dropdown:focus-within>.dropdown-menu{
opacity:1;visibility:visible;transform:translateY(0);
transition:opacity .22s ease,transform .22s ease,visibility 0s linear 0s;
}
.nav-links .dropdown-item{position:relative;list-style:none;}
.nav-links .dropdown-menu .dropdown-item>a{
display:flex;align-items:center;justify-content:space-between;gap:16px;
padding:10px 14px;border-radius:6px;white-space:nowrap;
font-family:var(--body) !important;font-weight:500 !important;font-size:.8rem !important;
letter-spacing:.04em !important;text-transform:uppercase !important;color:var(--ink-2) !important;
transition:background .18s,color .18s;
}
.nav-links .dropdown-item:hover>a,
.nav-links .dropdown-menu .dropdown-item>a:hover{background:var(--blue-light);color:var(--blue-2) !important;}
.nav-links .dropdown-menu .dropdown-item>a i{font-size:.58rem;opacity:.55;}
/* Flyout submenu — children appear to the side on hover */
.nav-links .dropdown-submenu{
position:absolute;top:-8px;left:100%;
min-width:240px;list-style:none;margin:0;padding:8px;
background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);
box-shadow:0 18px 46px rgba(15,25,35,.14);
opacity:0;visibility:hidden;transform:translateX(8px);
transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s;
z-index:210;
}
.nav-links .dropdown-item.has-sub:hover>.dropdown-submenu{
opacity:1;visibility:visible;transform:translateX(0);
transition:opacity .2s ease,transform .2s ease,visibility 0s linear 0s;
}
.nav-links .dropdown-submenu li{list-style:none;}
.nav-links .dropdown-submenu li a{
display:block;padding:9px 14px;border-radius:6px;white-space:nowrap;
font-family:var(--body) !important;font-weight:400 !important;font-size:.78rem !important;
letter-spacing:.02em !important;text-transform:none !important;color:var(--text) !important;
transition:background .18s,color .18s;
}
.nav-links .dropdown-submenu li a:hover{background:var(--blue-light);color:var(--blue-2) !important;}
/* Flip submenu to the left if it would overflow the viewport edge */
@media(max-width:1180px){
.nav-links .dropdown-submenu{left:auto;right:100%;transform:translateX(-8px);}
.nav-links .dropdown-item.has-sub:hover>.dropdown-submenu{transform:translateX(0);}
}
/* 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(161,30,36,.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(161,30,36,.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(194,39,46,.4);transition:all .25s;}
.btn-quote:hover{background:var(--blue-2);transform:translateY(-2px);box-shadow:0 12px 32px rgba(161,30,36,.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:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);color:var(--ink);display:grid;place-items:center;font-size:.72rem;transition:all .25s;pointer-events:auto;box-shadow:var(--shadow-sm);opacity:0;}
.hero-arrow:hover{background:var(--blue);color:#fff;transform:scale(1.08);}
/* Reveal next/prev only when hovering the slider; always visible on touch devices */
.hero-slider:hover .hero-arrow{opacity:1;}
@media (hover:none){.hero-arrow{opacity:1;}}
.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(161,30,36,.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;}
/* 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(161,30,36,.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;overflow:hidden;background:var(--blue-soft);}
.blog-img img{width:100%;height:auto;display:block;object-fit:contain;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-family:var(--body) !important;font-size:1.02rem !important;font-weight:600 !important;text-transform:none !important;letter-spacing:.2px !important;line-height:1.35 !important;color:var(--ink) !important;margin-bottom:8px !important;}
.blog-body h3 a{color:var(--ink);transition:color .2s;}
.blog-body h3 a:hover{color:var(--blue-2) !important;}
.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(194,39,46,.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,");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(194,39,46,.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(161,30,36,.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(194,39,46,.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:1.3fr 0.7fr 1.3fr 1.3fr;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(161,30,36,.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:transparent;color:var(--ink);}
.mobile-bar a.qt i{color:var(--blue-2);}
/* 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(194,39,46,.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,");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:32px;height:32px;font-size:.68rem;}
.hero-arrows{padding:0 6px;}
.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(161,30,36,.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(161,30,36,.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(194,39,46,.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(92,15,18,.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%);}
/* =================================================================
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(161,30,36,.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(161,30,36,.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(161,30,36,.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(161,30,36,.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(161,30,36,.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(194,39,46,.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,");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(161,30,36,.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(161,30,36,.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(92,15,18,.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;}
}
/* =================================================================
VANDS — EXPORT REGION CARDS (market-area)
================================================================= */
.mkt-region-card--export{background:linear-gradient(135deg,#FFFDF7,#FFF8E0) !important;border-color:rgba(232,163,34,.25) !important;}
.mkt-region-card--export h3 i{color:var(--orange) !important;}
.mkt-city-chip--export{background:var(--orange-light) !important;border-color:rgba(232,163,34,.30) !important;}
.mkt-city-chip--export i{color:var(--orange-2) !important;}
.mkt-city-chip--export:hover{background:linear-gradient(135deg,var(--orange),var(--orange-2)) !important;color:#fff !important;border-color:transparent !important;}
.mkt-city-chip--export:hover i{color:#fff !important;}
/* =================================================================
VANDS — DUAL MAP CARDS (contact page)
================================================================= */
.contact-map-dual{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.contact-map-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s;}
.contact-map-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:transparent;}
.contact-map-head{padding:16px 20px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#FBF5F5,#fff);}
.cmh-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);background:var(--blue-light);padding:5px 12px;border-radius:6px;margin-bottom:6px;}
.cmh-tag--orange{color:var(--orange-2);background:var(--orange-light);}
.contact-map-head h4{font-family:var(--display);font-size:.98rem;font-weight:700;color:var(--ink);margin:0;}
.contact-map-card iframe{display:block;width:100%;}
@media (max-width:1024px){.contact-map-dual{grid-template-columns:1fr;}}
/* =================================================================
VANDS — MEGA MENU 4-COLUMN OVERRIDE
================================================================= */
.mega-menu--vands{grid-template-columns:repeat(4,1fr);width:min(1200px,calc(100vw - 32px));}
.mega-menu--vands::before{background:linear-gradient(90deg,var(--blue) 0%,var(--orange) 50%,var(--blue) 100%);}
.mega-menu--vands .mega-col{background:#fff !important;border-right:1px solid var(--line-2);}
.mega-menu--vands .mega-col:last-child{border-right:none;}
.mega-menu--vands .mega-col-head .ic-vands{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;width:28px;height:28px;border-radius:7px;display:grid;place-items:center;font-size:.78rem;flex-shrink:0;box-shadow:0 3px 8px rgba(194,39,46,.25);}
.mega-menu--vands .mega-col:nth-child(2) .mega-col-head .ic-vands{background:linear-gradient(135deg,var(--orange),var(--orange-2));box-shadow:0 3px 8px rgba(232,163,34,.28);}
.mega-menu--vands .mega-col:nth-child(3) .mega-col-head .ic-vands{background:linear-gradient(135deg,#7F1518,#5C0F12);}
.mega-menu--vands .mega-col:nth-child(4) .mega-col-head .ic-vands{background:linear-gradient(135deg,#3D2D2F,#1A0F10);}
.mega-menu--vands .mega-parent-link:hover{background:var(--blue-light);color:var(--blue);}
.mega-menu--vands .mega-parent-link:hover::before{background:var(--blue);box-shadow:0 0 0 3px rgba(194,39,46,.18);}
.mega-menu--vands .mega-parent-link:hover::after{color:var(--blue);}
.mega-cta-full{grid-column:1/-1;background:linear-gradient(135deg,var(--blue-deep) 0%,var(--blue-3) 100%);color:#fff;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;position:relative;overflow:hidden;}
.mega-cta-full::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--orange),var(--blue));}
.mega-cta-full > div{flex:1;}
.mega-cta-full strong{display:block;font-family:var(--display);font-weight:700;font-size:.86rem;color:#fff;margin-bottom:3px;}
.mega-cta-full strong i{color:var(--orange);margin-right:6px;}
.mega-cta-full span{display:block;font-size:.74rem;color:rgba(255,255,255,.85);}
.mega-cta-full .mega-cta-btn{flex-shrink:0;padding:10px 18px;background:var(--orange);color:#fff;border-radius:6px;font-family:var(--display);font-weight:700;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s;}
.mega-cta-full .mega-cta-btn:hover{background:var(--orange-2);}
@media (max-width:1100px){.mega-menu--vands{display:none !important;}}
/* =================================================================
VANDS — DUAL LOCATIONS CARDS (about page)
================================================================= */
.vands-locations-section{background:var(--bg);padding:70px 0;position:relative;overflow:hidden;}
.vands-locations-section::before{content:"";position:absolute;top:-80px;right:-100px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(194,39,46,.08),transparent 70%);pointer-events:none;}
.vands-locations-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;position:relative;z-index:1;}
.vands-location-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px 28px;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;}
.vands-location-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;}
.vands-location-card--feature::before{background:linear-gradient(90deg,var(--orange),var(--orange-2));transform:scaleX(1);}
.vands-location-card--feature{background:linear-gradient(135deg,#FBF5F5,#FFFCF0);border-color:transparent;}
.vands-location-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:transparent;}
.vands-location-card:hover::before{transform:scaleX(1);}
.vl-head{display:flex;align-items:center;gap:14px;margin-bottom:16px;}
.vl-ic{width:54px;height:54px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;display:grid;place-items:center;font-size:1.3rem;flex-shrink:0;box-shadow:0 10px 24px rgba(194,39,46,.28);}
.vl-ic--orange{background:linear-gradient(135deg,var(--orange),var(--orange-2));box-shadow:0 10px 24px rgba(232,163,34,.32);}
.vl-eyebrow{display:block;font-family:var(--display);font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);}
.vl-head h3{font-family:var(--display);font-size:1.32rem;font-weight:800;color:var(--ink);line-height:1.2;margin-top:2px;}
.vl-address{color:var(--text);font-size:.95rem;line-height:1.65;margin-bottom:18px;padding-bottom:18px;border-bottom:1px dashed var(--line);}
.vl-meta{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:9px;}
.vl-meta li{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;color:var(--text);}
.vl-meta li i{color:var(--blue);font-size:.86rem;margin-top:4px;flex-shrink:0;width:18px;}
.vands-location-card--feature .vl-meta li i{color:var(--orange);}
.vl-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-size:.82rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.06em;text-decoration:none;transition:color .2s;}
.vl-link:hover{color:var(--blue-2);}
.vands-location-card--feature .vl-link{color:var(--orange);}
.vands-location-card--feature .vl-link:hover{color:var(--orange-2);}
@media (max-width:1024px){.vands-locations-grid{grid-template-columns:1fr;}}
@media (max-width:720px){.vands-locations-section{padding:55px 0;}.vands-location-card{padding:24px 22px;}}
/* =================================================================
VANDS — HERO TEXT FALLBACK (when no slider images uploaded)
================================================================= */
.hero-text-fallback{position:relative;min-height:520px;background:linear-gradient(135deg,#1A0F10 0%,#3D1A1E 35%,#5C0F12 100%);overflow:hidden;display:flex;align-items:center;}
.hero-text-fallback::before{content:"";position:absolute;top:0;right:0;width:55%;height:100%;background:linear-gradient(135deg,rgba(194,39,46,.35) 0%,rgba(232,163,34,.18) 100%);clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);}
.hero-text-fallback::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0,transparent 30px,rgba(255,255,255,.025) 30px,rgba(255,255,255,.025) 34px);pointer-events:none;}
.hero-text-inner{position:relative;z-index:2;max-width:720px;color:#fff;padding:60px 0;}
.hero-text-inner .sec-tag{background:rgba(232,163,34,.18);color:var(--orange);border:1px solid rgba(232,163,34,.30);}
.hero-text-inner h1{font-family:var(--display);font-weight:800;font-size:clamp(2.2rem,5vw,3.6rem);color:#fff;line-height:1.1;margin:14px 0 16px;letter-spacing:-.025em;}
.hero-text-inner h1 .accent-orange{color:var(--orange);}
.hero-text-inner p{font-size:1.04rem;color:rgba(255,255,255,.88);line-height:1.65;margin-bottom:28px;max-width:620px;}
.hero-text-cta{display:flex;flex-wrap:wrap;gap:12px;}
.hero-text-cta .btn-light{background:rgba(255,255,255,.10);backdrop-filter:blur(8px);color:#fff;border:1.5px solid rgba(255,255,255,.25);}
.hero-text-cta .btn-light:hover{background:#fff;color:var(--blue-deep);}
@media (max-width:720px){
.hero-text-fallback{min-height:auto;padding:30px 0;}
.hero-text-fallback::before{width:100%;clip-path:none;opacity:.4;}
.hero-text-inner{padding:30px 0;}
}
/* =================================================================
VANDS — INDUSTRIAL DESIGN OVERRIDES
(Customized look: sharper corners, stronger lines, gold accents)
================================================================= */
:root{
--radius-sm:6px; --radius-md:10px; --radius-lg:14px;
}
h1,h2,h3,h4{letter-spacing:-.025em;}
h1{font-weight:800;}
h2{font-weight:800;}
.sec-head h2 .accent{color:var(--blue);position:relative;}
.sec-head h2 .accent::after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:3px;background:linear-gradient(90deg,var(--orange) 0%,var(--blue) 100%);}
/* Button styling — sharper, more industrial */
.btn{border-radius:8px;padding:13px 30px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;}
.btn-primary{background:var(--blue);box-shadow:0 8px 22px rgba(194,39,46,.32);}
.btn-primary:hover{background:var(--blue-2);}
.btn-light{border:1.5px solid var(--line);}
.btn-quote{border-radius:8px;text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;font-weight:700;padding:12px 24px;}
/* Pills + tags */
.sec-tag{border-radius:6px;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:700;padding:6px 14px;}
.gal-chip{border-radius:6px;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;}
/* Cards — sharper corners */
.product-card,.main-cat-card,.service-card,.contact-quick-card,.blog-list-card,
.cat-child-card,.cat-explore-card,.mvv-card,.value-card,.smap-cat-card{border-radius:12px;}
.modal,.contact-form-card{border-radius:14px;}
/* Stronger separator lines */
hr,.foot-bottom,.smap-head{border-color:var(--line) !important;}
/* Industrial Hexagon Pattern Detail (decorative) */
.hex-deco{position:relative;}
.hex-deco::before{content:"";position:absolute;top:14px;right:14px;width:50px;height:50px;background:linear-gradient(135deg,var(--orange) 0%,transparent 60%);clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);opacity:.10;}
/* Diagonal accent stripe (Vands signature) */
.diag-strip{position:relative;padding:18px 0;background:var(--ink);color:#fff;font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;text-align:center;overflow:hidden;}
.diag-strip::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0,transparent 18px,rgba(194,39,46,.08) 18px,rgba(194,39,46,.08) 22px);pointer-events:none;}
.diag-strip i{color:var(--orange);margin:0 8px;}
@media (max-width:720px){
.auth-dealer-strip{padding:36px 0;}
.auth-dealer-brands{grid-template-columns:repeat(2,1fr);gap:12px;}
.auth-dealer-brand{padding:16px 12px;font-size:.95rem;}
.btn{padding:11px 22px;font-size:.8rem;}
}
/* =================================================================
VANDS — PREMIUM HOMEPAGE V2 (Big Brand Industrial)
================================================================= */
/* ========== 1. TRUST STRIP ========== */
.trust-strip{background:linear-gradient(135deg,#1A0F10 0%,#2D1A1C 100%);color:#fff;padding:24px 0;border-top:3px solid var(--blue);position:relative;overflow:hidden;}
.trust-strip::before{content:"";position:absolute;top:0;right:0;width:200px;height:100%;background:linear-gradient(90deg,transparent,rgba(232,163,34,.10));}
.trust-strip-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:0;align-items:center;position:relative;z-index:1;}
.trust-item{text-align:center;padding:0 18px;position:relative;}
.trust-item:not(:last-child)::after{content:"";position:absolute;right:0;top:18%;height:64%;width:1px;background:rgba(255,255,255,.15);}
.ts-num{font-family:var(--display);font-weight:800;font-size:1.85rem;color:#fff;line-height:1;letter-spacing:-.02em;}
.ts-num sup{font-size:1.1rem;color:var(--orange);}
.ts-num i{color:var(--orange);font-size:1.6rem;}
.ts-lbl{font-family:var(--display);font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.78);margin-top:6px;line-height:1.4;}
.trust-item.ts-feature .ts-lbl{display:flex;flex-direction:column;}
.trust-item.ts-feature .ts-lbl strong{color:#fff;font-size:.86rem;}
.trust-item.ts-feature .ts-lbl span{font-size:.66rem;color:var(--orange);margin-top:2px;}
/* ========== 2. ABOUT EDITORIAL ========== */
.about-editorial{background:var(--bg);padding:90px 0;position:relative;}
.about-editorial::before{content:none !important;}
.ae-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;position:relative;z-index:1;}
.ae-images{position:relative;}
.ae-img-main{border-radius:16px;overflow:hidden;aspect-ratio:4/4.5;box-shadow:0 30px 60px rgba(26,15,16,.18);background:#fff;}
.ae-img-main img{width:100%;height:100%;object-fit:contain;padding:30px;background:linear-gradient(135deg,#FBF5F5,#fff);}
.ae-img-stat{position:absolute;top:30px;left:-30px;background:linear-gradient(135deg,var(--blue) 0%,var(--blue-2) 100%);color:#fff;padding:22px 26px;border-radius:14px;box-shadow:0 18px 40px rgba(194,39,46,.35);z-index:3;}
.ae-img-stat strong{display:block;font-family:var(--display);font-size:2.6rem;font-weight:800;line-height:1;letter-spacing:-.02em;}
.ae-img-stat span{display:block;font-family:var(--display);font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.9);margin-top:8px;line-height:1.3;}
.ae-img-sub{position:absolute;bottom:-30px;right:-30px;width:50%;aspect-ratio:4/3;border-radius:14px;overflow:hidden;border:8px solid #fff;box-shadow:0 20px 50px rgba(26,15,16,.20);background:linear-gradient(135deg,#FBF5F5,#fff);z-index:2;}
.ae-img-sub img{width:100%;height:100%;object-fit:contain;padding:14px;}
.ae-text h2{font-family:var(--display);font-weight:800;font-size:clamp(2rem,3.6vw,2.8rem);color:var(--ink);line-height:1.15;margin:14px 0 18px;letter-spacing:-.025em;}
.ae-lead{font-size:1.04rem;color:var(--text);line-height:1.75;margin-bottom:14px;}
.ae-text p{color:var(--text);font-size:.96rem;line-height:1.7;margin-bottom:14px;}
.ae-feats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0 28px;padding:22px;background:var(--bg-soft);border-radius:14px;border:1px solid var(--line);}
.ae-feat{display:flex;align-items:flex-start;gap:11px;}
.ae-feat i{color:var(--blue);background:var(--blue-light);width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:.66rem;margin-top:2px;flex-shrink:0;}
.ae-feat strong{display:block;font-family:var(--display);font-size:.92rem;font-weight:700;color:var(--ink);}
.ae-feat span{display:block;font-size:.78rem;color:var(--muted);margin-top:1px;}
.ae-cta{display:flex;gap:12px;flex-wrap:wrap;}
/* ========== 3. CATEGORY SHOWCASE STRIPS ========== */
.cat-showcase{background:var(--bg-grey);padding:90px 0;position:relative;}
.cs-strip{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;margin-bottom:60px;background:#fff;border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:all .35s;}
.cs-strip:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);}
.cs-strip:last-child{margin-bottom:0;}
.cs-strip--reverse{grid-template-columns:1fr 1.05fr;}
.cs-strip--reverse .cs-img{order:2;}
.cs-strip--reverse .cs-body{order:1;}
.cs-img{position:relative;aspect-ratio:5/4;background:linear-gradient(135deg,#FBF5F5,#FFF);overflow:hidden;}
.cs-img img{width:100%;height:100%;object-fit:cover;padding:0px;}
.cs-badge{position:absolute;top:24px;left:24px;width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;display:grid;place-items:center;font-size:1.4rem;box-shadow:0 12px 28px rgba(194,39,46,.32);}
.cs-strip--reverse .cs-badge{left:auto;right:24px;}
.cs-body{padding:50px 50px 50px 0;}
.cs-strip--reverse .cs-body{padding:50px 0 50px 50px;}
.cs-eyebrow{display:inline-block;font-family:var(--display);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--orange-2);background:var(--orange-light);padding:6px 14px;border-radius:6px;margin-bottom:14px;}
.cs-body h3{font-family:var(--display);font-weight:800;font-size:clamp(1.7rem,2.8vw,2.3rem);color:var(--ink);line-height:1.15;margin-bottom:16px;letter-spacing:-.025em;}
.cs-body h3 span{display:block;color:var(--blue);font-weight:600;font-size:.78em;margin-top:4px;}
.cs-body p{color:var(--text);font-size:.98rem;line-height:1.7;margin-bottom:20px;}
.cs-features{list-style:none;padding:0;margin:0 0 26px;display:flex;flex-direction:column;gap:10px;}
.cs-features li{display:flex;align-items:center;gap:11px;font-size:.92rem;color:var(--ink-2);}
.cs-features li i{color:var(--blue);background:var(--blue-light);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.6rem;flex-shrink:0;}
/* ========== 4. FLAGSHIP PRODUCTS ========== */
.flagship-section{background:var(--bg);padding:90px 0;position:relative;overflow:hidden;}
.flagship-section::before{content:"";position:absolute;top:-100px;left:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(194,39,46,.06),transparent 70%);pointer-events:none;}
.flagship-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:36px;}
.flag-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;}
.flag-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:5;}
.flag-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:transparent;}
.flag-card:hover::before{transform:scaleX(1);}
.flag-card-img{position:relative;aspect-ratio:1/1;background:linear-gradient(135deg,#FBF5F5,#fff);overflow:hidden;}
.flag-card-img img{width:100%;height:100%;object-fit:contain;padding:18px;transition:transform .5s;}
.flag-card:hover .flag-card-img img{transform:scale(1.05);}
.flag-card-num{position:absolute;top:14px;left:14px;width:34px;height:34px;border-radius:8px;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:.84rem;z-index:2;}
.flag-card-body{padding:18px 20px 18px;flex:1;display:flex;flex-direction:column;}
.flag-card-tag{display:inline-block;align-self:flex-start;font-family:var(--display);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-2);background:var(--orange-light);padding:4px 10px;border-radius:5px;margin-bottom:8px;}
.flag-card-body h3{font-family:var(--display);font-size:1rem;font-weight:800;color:var(--ink);line-height:1.25;margin-bottom:6px;letter-spacing:-.01em;}
.flag-card-body p{font-size:.82rem;color:var(--muted);line-height:1.5;margin-bottom:14px;flex:1;}
.flag-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--line);}
.flag-card-link{display:inline-flex;align-items:center;gap:5px;font-family:var(--display);font-size:.74rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.06em;}
.flag-card-link i{transition:transform .2s;}
.flag-card:hover .flag-card-link i{transform:translateX(3px);}
.flag-card-cta{width:34px;height:34px;border-radius:8px;background:var(--bg-soft);color:var(--blue);display:grid;place-items:center;font-size:.82rem;border:1px solid var(--line);transition:all .2s;}
.flag-card-cta:hover{background:var(--blue);color:#fff;border-color:transparent;}
.flagship-cta{text-align:center;}
/* ========== 5. INDUSTRIES SERVED ========== */
.industries-section{background:var(--bg-grey);padding:90px 0;}
.industries-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.industry-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px 22px;text-align:center;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;}
.industry-card::after{content:"";position:absolute;bottom:0;left:0;right:0;height:0;background:linear-gradient(180deg,transparent,rgba(194,39,46,.06));transition:height .35s;}
.industry-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:transparent;}
.industry-card:hover::after{height:100%;}
.ind-ic{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,var(--blue) 0%,var(--blue-2) 100%);color:#fff;display:grid;place-items:center;font-size:1.6rem;margin:0 auto 18px;box-shadow:0 12px 28px rgba(194,39,46,.28);transition:all .3s;position:relative;z-index:1;}
.industry-card:hover .ind-ic{transform:scale(1.08) rotate(-6deg);}
.industry-card h4{font-family:var(--display);font-size:1.04rem;font-weight:700;color:var(--ink);margin-bottom:8px;position:relative;z-index:1;}
.industry-card p{font-size:.84rem;color:var(--muted);line-height:1.55;position:relative;z-index:1;}
/* ========== 6. WHY Vands (v2) ========== */
.why-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.why-card-v2{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px 26px;position:relative;overflow:hidden;transition:all .35s;}
.why-card-v2:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:transparent;}
.why-card-v2--feature{background:linear-gradient(135deg,var(--blue-deep) 0%,var(--blue-3) 100%);color:#fff;border-color:transparent;}
.why-card-v2--feature::before{content:"";position:absolute;top:-50px;right:-50px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(232,163,34,.20),transparent 70%);}
.wc-num{position:absolute;top:18px;right:22px;font-family:var(--display);font-weight:800;font-size:2.6rem;color:rgba(194,39,46,.08);line-height:1;letter-spacing:-.04em;z-index:0;}
.why-card-v2--feature .wc-num{color:rgba(232,163,34,.25);}
.wc-ic{width:54px;height:54px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;display:grid;place-items:center;font-size:1.3rem;margin-bottom:18px;box-shadow:0 12px 28px rgba(194,39,46,.30);position:relative;z-index:1;}
.why-card-v2--feature .wc-ic{background:linear-gradient(135deg,var(--orange),var(--orange-2));box-shadow:0 12px 28px rgba(232,163,34,.35);}
.why-card-v2 h4{font-family:var(--display);font-size:1.16rem;font-weight:800;color:var(--ink);margin-bottom:10px;position:relative;z-index:1;letter-spacing:-.01em;}
.why-card-v2--feature h4{color:#fff;}
.why-card-v2 p{font-size:.92rem;color:var(--text);line-height:1.65;position:relative;z-index:1;}
.why-card-v2--feature p{color:rgba(255,255,255,.92);}
/* ========== 7. CTA BAND ========== */
.home-cta-band{background:linear-gradient(135deg,#1A0F10 0%,#3D1A1C 50%,#5C0F12 100%);color:#fff;padding:70px 0;position:relative;overflow:hidden;}
.home-cta-band::before{content:"";position:absolute;top:-100px;right:-80px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(232,163,34,.20),transparent 70%);}
.home-cta-band::after{content:"";position:absolute;bottom:-100px;left:-80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(194,39,46,.18),transparent 70%);}
.hcb-inner{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center;position:relative;z-index:1;}
.hcb-copy .sec-tag{background:rgba(232,163,34,.18);color:var(--orange);border:1px solid rgba(232,163,34,.30);}
.hcb-copy h2{font-family:var(--display);font-weight:800;font-size:clamp(1.8rem,3vw,2.4rem);color:#fff;line-height:1.18;margin:10px 0 14px;letter-spacing:-.02em;}
.hcb-copy p{color:rgba(255,255,255,.85);font-size:1rem;line-height:1.7;}
.hcb-actions{display:flex;flex-direction:column;gap:12px;}
.hcb-actions .btn{justify-content:center;padding:14px 26px;}
.hcb-actions .btn-light{background:rgba(255,255,255,.10);backdrop-filter:blur(8px);color:#fff;border:1.5px solid rgba(255,255,255,.25);}
.hcb-actions .btn-light:hover{background:#fff;color:var(--blue-deep);}
/* ========== RESPONSIVE ========== */
@media (max-width:1024px){
.trust-strip-grid{grid-template-columns:repeat(2,1fr);row-gap:24px;}
.trust-item.ts-feature{grid-column:1/-1;}
.ae-grid{grid-template-columns:1fr;gap:80px;}
.ae-img-stat{left:auto;right:auto;top:20px;left:20px;}
.cs-strip,.cs-strip--reverse{grid-template-columns:1fr;gap:0;}
.cs-strip--reverse .cs-img,.cs-strip--reverse .cs-body{order:initial;}
.cs-body,.cs-strip--reverse .cs-body{padding:40px 32px;}
.flagship-grid{grid-template-columns:repeat(2,1fr);}
.industries-grid{grid-template-columns:repeat(3,1fr);}
.why-grid-v2{grid-template-columns:repeat(2,1fr);}
.hcb-inner{grid-template-columns:1fr;gap:24px;}
}
@media (max-width:720px){
.trust-strip{padding:18px 0;}
.trust-strip-grid{grid-template-columns:1fr 1fr;gap:18px;}
.trust-item:not(:last-child)::after{display:none;}
.ts-num{font-size:1.4rem;}
.about-editorial,.cat-showcase,.flagship-section,.industries-section{padding:60px 0;}
.ae-feats{grid-template-columns:1fr;}
.ae-img-stat{font-size:1.2rem;padding:16px 18px;}
.ae-img-stat strong{font-size:2rem;}
.ae-img-sub{width:55%;right:-15px;bottom:-20px;}
.cs-strip{margin-bottom:30px;}
.cs-body{padding:30px 22px;}
.flagship-grid,.industries-grid,.why-grid-v2{grid-template-columns:1fr;}
.home-cta-band{padding:55px 0;}
}
/* =================================================================
VANDS — CINEMATIC V3 (Editorial premium polish)
Dark backgrounds · floating shapes · asymmetric typography
================================================================= */
/* ========== HERO ENHANCEMENT — dark vignette + film grain ========== */
.hero{background:#000;}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.45) 100%);pointer-events:none;z-index:5;}
.hero-slide img{filter:saturate(1.08) contrast(1.04);}
.hero-dot{box-shadow:0 4px 12px rgba(0,0,0,.4);}
.hero-arrows{padding:0 10px;}
/* ========== TRUST STRIP V3 — angular cuts + metal texture ========== */
.trust-strip{background:linear-gradient(135deg,#0a0405 0%,#1A0F10 40%,#2D1A1C 80%,#3D1A1E 100%);padding:30px 0;border-top:none;clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),50% 100%,0 calc(100% - 18px));margin-bottom:-18px;}
.trust-strip::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange) 0%,var(--blue) 30%,var(--blue-2) 60%,var(--orange) 100%);z-index:2;}
.trust-strip-grid{padding-bottom:18px;}
.ts-num{text-shadow:0 4px 24px rgba(232,163,34,.3);}
/* ========== ABOUT EDITORIAL — watermark + floating accents ========== */
.about-editorial{background:#fafafa;padding-top:120px;overflow:hidden;}
.about-editorial::before{content:none !important;}
.ae-grid{position:relative;z-index:2;}
.ae-images::before{content:"";position:absolute;top:-30px;left:-30px;width:140px;height:140px;background:linear-gradient(135deg,var(--orange) 0%,var(--orange-2) 100%);border-radius:18px;z-index:0;transform:rotate(-8deg);opacity:.92;box-shadow:0 18px 40px rgba(232,163,34,.32);}
.ae-images::after{content:"VANDS";position:absolute;bottom:-20px;left:-30px;font-family:var(--display);font-weight:800;font-size:.78rem;color:#fff;letter-spacing:.16em;z-index:3;background:var(--blue);padding:8px 18px;border-radius:6px;box-shadow:0 8px 20px rgba(194,39,46,.35);transform:rotate(-3deg);}
.ae-img-main{box-shadow:0 40px 80px rgba(26,15,16,.25),0 0 0 1px var(--line);}
.ae-img-stat{background:linear-gradient(135deg,#0E1B26 0%,#1F2D3A 100%);}
.ae-img-stat::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange),var(--blue));}
.ae-img-stat strong{background:linear-gradient(135deg,var(--orange) 0%,#FFC961 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.ae-text > .sec-tag{font-size:.78rem;padding:8px 16px;}
.ae-text h2{font-size:clamp(2.2rem,4.2vw,3.4rem);}
/* ========== CATEGORY SHOWCASE — Cinematic dark hero strips ========== */
.cat-showcase{background:linear-gradient(180deg,#fafafa 0%,#f0eaea 100%);position:relative;padding:120px 0;}
.cat-showcase::before{content:"01 / 02 / 03";position:absolute;top:60px;right:24px;font-family:var(--display);font-weight:800;font-size:6rem;color:rgba(194,39,46,.05);line-height:1;letter-spacing:-.04em;}
.cs-strip{background:linear-gradient(135deg,#0a0405 0%,#1A0F10 50%,#2D1A1C 100%);color:#fff;border:none;border-radius:24px;margin-bottom:30px;position:relative;overflow:hidden;box-shadow:0 30px 80px rgba(26,15,16,.32);}
.cs-strip::before{content:"";position:absolute;top:0;right:0;width:60%;height:100%;background:radial-gradient(ellipse at top right,rgba(194,39,46,.32) 0%,rgba(232,163,34,.10) 30%,transparent 70%);pointer-events:none;}
.cs-strip::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--blue) 0%,var(--orange) 100%);transform:scaleX(0);transform-origin:left;transition:transform .6s;}
.cs-strip:hover{transform:translateY(-4px);box-shadow:0 40px 100px rgba(194,39,46,.30);}
.cs-strip:hover::after{transform:scaleX(1);}
.cs-img{background:radial-gradient(ellipse at center,#3D1A1E 0%,#1A0F10 70%);position:relative;}
.cs-img::before{content:"";position:absolute;inset:30px;background:radial-gradient(circle,rgba(255,255,255,.04),transparent 70%);pointer-events:none;}
.cs-img img{filter:drop-shadow(0 30px 60px rgba(0,0,0,.5));}
.cs-badge{background:linear-gradient(135deg,var(--orange) 0%,var(--orange-2) 100%);box-shadow:0 12px 28px rgba(232,163,34,.45);width:64px;height:64px;font-size:1.6rem;}
.cs-eyebrow{background:rgba(232,163,34,.18);color:var(--orange);border:1px solid rgba(232,163,34,.35);font-size:.78rem;}
.cs-body h3{color:#fff;font-size:clamp(1.8rem,3.2vw,2.6rem);}
.cs-body h3 span{color:var(--orange);font-weight:600;}
.cs-body p{color:rgba(255,255,255,.78);font-size:1.02rem;line-height:1.7;}
.cs-features li{color:rgba(255,255,255,.92);}
.cs-features li i{background:rgba(232,163,34,.18);color:var(--orange);}
.cs-body .btn-primary{background:var(--orange);box-shadow:0 8px 22px rgba(232,163,34,.40);}
.cs-body .btn-primary:hover{background:var(--orange-2);}
/* ========== FLAGSHIP PRODUCTS — dark cinematic bg ========== */
.flagship-section{background:linear-gradient(180deg,#fafafa 0%,#0a0405 100%);padding:120px 0;position:relative;overflow:hidden;}
.flagship-section::before{display:none;}
.flagship-section::after{content:"FLAGSHIP";position:absolute;bottom:60px;right:-40px;font-family:var(--display);font-weight:800;font-size:clamp(8rem,16vw,16rem);color:rgba(255,255,255,.025);line-height:.85;letter-spacing:-.04em;pointer-events:none;}
.flagship-section .sec-head{position:relative;z-index:2;}
.flagship-section .sec-head h2,.flagship-section .sec-head p{color:#fff;}
.flagship-section .sec-head .accent{color:var(--orange);}
.flagship-grid{position:relative;z-index:2;}
.flag-card{background:linear-gradient(180deg,#fff 0%,#FAFAFA 100%);border:none;box-shadow:0 12px 32px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.05);}
.flag-card:hover{box-shadow:0 40px 80px rgba(194,39,46,.32),0 0 0 1px var(--orange);}
.flag-card-num{background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#fff;box-shadow:0 6px 14px rgba(232,163,34,.40);}
.flag-card-img{background:linear-gradient(135deg,#fff 0%,#FBF5F5 60%,#fff 100%);}
.flag-card-tag{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-2) 100%);color:#fff;}
.flagship-cta{position:relative;z-index:2;padding-top:20px;}
.flagship-cta .btn-light{background:rgba(255,255,255,.10);color:#fff;border:1.5px solid rgba(255,255,255,.25);backdrop-filter:blur(8px);}
.flagship-cta .btn-light:hover{background:#fff;color:var(--blue-deep);}
/* ========== INDUSTRIES — broken grid + dark pattern bg ========== */
.industries-section{background:#0a0405;padding:120px 0;position:relative;overflow:hidden;}
.industries-section::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,rgba(194,39,46,.03) 0,rgba(194,39,46,.03) 2px,transparent 2px,transparent 30px),repeating-linear-gradient(-45deg,rgba(232,163,34,.025) 0,rgba(232,163,34,.025) 2px,transparent 2px,transparent 30px);pointer-events:none;}
.industries-section::after{content:"";position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(194,39,46,.22),transparent 60%);pointer-events:none;}
.industries-section .sec-head{position:relative;z-index:2;}
.industries-section .sec-head h2,.industries-section .sec-head p{color:#fff;}
.industries-section .sec-head .accent{color:var(--orange);}
.industries-section .sec-head .sec-tag{background:rgba(232,163,34,.18);color:var(--orange);border:1px solid rgba(232,163,34,.35);}
.industries-grid{position:relative;z-index:2;}
.industry-card{background:rgba(255,255,255,.04);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);color:#fff;transition:all .35s;}
.industry-card:hover{background:rgba(232,163,34,.10);border-color:var(--orange);transform:translateY(-8px);}
.industry-card h4{color:#fff;}
.industry-card p{color:rgba(255,255,255,.65);}
.ind-ic{background:linear-gradient(135deg,var(--orange) 0%,var(--orange-2) 100%);box-shadow:0 12px 28px rgba(232,163,34,.35);}
.industry-card:hover .ind-ic{background:linear-gradient(135deg,var(--blue),var(--blue-2));box-shadow:0 12px 28px rgba(194,39,46,.40);}
/* Asymmetric offset on industry cards (broken grid) */
.industries-grid .industry-card:nth-child(2n){transform:translateY(20px);}
.industries-grid .industry-card:nth-child(2n):hover{transform:translateY(12px);}
@media (max-width:1024px){.industries-grid .industry-card:nth-child(2n){transform:none;}.industries-grid .industry-card:nth-child(2n):hover{transform:translateY(-8px);}}
/* ========== WHY Vands V3 — bg image with overlay ========== */
.why-section{background:linear-gradient(135deg,#fafafa 0%,#f0eaea 100%);padding:120px 0;position:relative;overflow:hidden;}
.why-section::before{content:"06";position:absolute;top:60px;left:24px;font-family:var(--display);font-weight:800;font-size:14rem;color:rgba(194,39,46,.04);line-height:1;letter-spacing:-.05em;}
.why-section::after{content:"";position:absolute;bottom:-100px;right:-100px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(232,163,34,.08),transparent 60%);}
.why-section .sec-head,.why-grid-v2{position:relative;z-index:2;}
.why-card-v2{box-shadow:0 12px 32px rgba(0,0,0,.06);}
.why-card-v2:hover{box-shadow:0 24px 60px rgba(194,39,46,.18);}
.why-card-v2--feature{background:linear-gradient(135deg,var(--blue-deep) 0%,var(--blue-3) 50%,var(--blue-2) 100%);box-shadow:0 30px 60px rgba(92,15,18,.32);transform:translateY(-12px);}
.why-card-v2--feature::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange),#FFD584);}
/* ========== CTA BAND V3 — bg image with red overlay ========== */
.home-cta-band{background:linear-gradient(135deg,#0a0405 0%,#1A0F10 35%,#5C0F12 70%,#3D1A1E 100%);padding:100px 0;position:relative;overflow:hidden;}
.home-cta-band::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("../uploads/category/vands-shot-blasting-cabinet.jpeg");background-size:cover;background-position:center;opacity:.08;filter:blur(2px);}
.home-cta-band::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,4,5,.85) 0%,rgba(92,15,18,.78) 100%);}
.home-cta-band .container{position:relative;z-index:2;}
.hcb-copy h2{font-size:clamp(2.2rem,4vw,3.2rem);text-shadow:0 4px 24px rgba(0,0,0,.4);}
.hcb-actions .btn-primary{background:var(--orange);box-shadow:0 12px 30px rgba(232,163,34,.45);padding:16px 30px;font-size:.9rem;}
.hcb-actions .btn-primary:hover{background:var(--orange-2);}
/* ========== ABOUT EDITORIAL — accent feature blocks ========== */
.ae-feats{background:linear-gradient(135deg,#0E1B26 0%,#1F2D3A 100%);color:#fff;padding:28px 26px;border:none;position:relative;overflow:hidden;}
.ae-feats::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange) 0%,var(--blue) 100%);}
.ae-feats::after{content:"";position:absolute;top:-40px;right:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(232,163,34,.20),transparent 70%);}
.ae-feat i{background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#fff;width:26px;height:26px;font-size:.72rem;}
.ae-feat strong{color:#fff;font-size:.96rem;}
.ae-feat span{color:rgba(255,255,255,.70);}
/* ========== CONTACT V3 enhancement ========== */
.contact-section{position:relative;background:linear-gradient(180deg,#fafafa 0%,#f0eaea 100%);padding:100px 0;}
.contact-section::before{content:"GET";position:absolute;top:60px;right:24px;font-family:var(--display);font-weight:800;font-size:clamp(8rem,15vw,16rem);color:rgba(194,39,46,.05);line-height:.85;letter-spacing:-.05em;pointer-events:none;}
.contact-section::after{content:"IN TOUCH";position:absolute;top:calc(60px + 12vw);right:24px;font-family:var(--display);font-weight:800;font-size:clamp(8rem,15vw,16rem);color:rgba(232,163,34,.05);line-height:.85;letter-spacing:-.05em;pointer-events:none;}
.contact-section .sec-head,.contact-section .contact-grid,.contact-section .contact-info-row{position:relative;z-index:2;}
/* ========== SECTION DIVIDERS ========== */
section + section{position:relative;}
/* ========== BLOG SECTION enhancement ========== */
.blog-section{background:linear-gradient(180deg,#fff 0%,#fafafa 100%);padding:100px 0;position:relative;}
.blog-section::before{content:"INSIGHTS";position:absolute;top:50px;left:24px;font-family:var(--display);font-weight:800;font-size:clamp(7rem,13vw,13rem);color:rgba(194,39,46,.04);line-height:.85;letter-spacing:-.05em;pointer-events:none;}
.blog-section .sec-head,.blog-section .blog-grid{position:relative;z-index:2;}
.blog-card{box-shadow:0 12px 32px rgba(0,0,0,.06);border:none;transition:all .35s;}
.blog-card:hover{transform:translateY(-8px);box-shadow:0 32px 64px rgba(194,39,46,.18);}
/* ========== RESPONSIVE adjustments for V3 ========== */
@media (max-width:1024px){
.trust-strip{clip-path:none;margin-bottom:0;padding:24px 0;}
.auth-dealer-strip{clip-path:none;margin-top:0;padding:50px 0;}
.why-card-v2--feature{transform:none;}
}
@media (max-width:720px){
.about-editorial::before,.flagship-section::after,.industries-section::after,.why-section::before,.contact-section::before,.contact-section::after,.blog-section::before{font-size:7rem !important;opacity:.5;}
.cs-strip{margin-bottom:20px;border-radius:18px;}
.ae-images::before{display:none;}
.home-cta-band{padding:60px 0;}
}
/* =================================================================
VANDS — V4 EDITORIAL POLISH
Softer icons · Serif accents · Process journey · Reduced fluff
================================================================= */
/* ========== Editorial serif accent — for dramatic numbers/emphasis ========== */
:root{
--serif:'Barlow',sans-serif;
--cream:#FAF7F3;
--charcoal:#1F1A1B;
--ink-soft:#2A1F21;
--muted-warm:#807070;
--line-warm:#EDE5E4;
--amber:#D89B2B;
--amber-soft:rgba(216,155,43,.10);
--red-soft:rgba(194,39,46,.08);
--red-tint:rgba(194,39,46,.14);
}
/* ========== Tone down ALL icon backgrounds — softer on eyes ========== */
.ind-ic,.wc-ic,.mvv-ic,.value-ic,.mp-ic,.cq-ic,.fab,.fc-ic,.mvv-card .mvv-ic,
.cat-page-float .ic,.mkt-stat-card .ic,.stats-band-item .ic,.why-feat-item .ic,
.why-hero-item .ic{
background:linear-gradient(135deg,#3A2024 0%,#2A1518 100%) !important;
color:var(--amber) !important;
box-shadow:0 8px 22px rgba(58,32,36,.32) !important;
}
.industry-card:hover .ind-ic,.value-card:hover .value-ic,
.mkt-promise-card:hover .mp-ic{
background:linear-gradient(135deg,var(--amber),#B8801F) !important;
color:#fff !important;
}
/* Round soft icons (where pseudo elements use circle bg) */
.about-feat i,.ae-feat i,.cs-features li i{
background:var(--red-tint) !important;
color:var(--blue) !important;
box-shadow:none !important;
}
/* ========== HERO — softer overlay (less aggressive vignette) ========== */
.hero::after{background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.32) 100%);}
/* ========== TRUST STRIP V4 — softer, less harsh ========== */
.trust-strip{padding:34px 0;background:linear-gradient(135deg,var(--charcoal) 0%,#2A1518 100%);}
.trust-strip::after{background:linear-gradient(90deg,var(--amber) 0%,var(--blue) 50%,var(--amber) 100%);height:2px;}
.ts-num{text-shadow:none;color:#fff;font-size:1.7rem;}
.ts-num sup{color:var(--amber);}
.ts-num i{color:var(--amber);}
.ts-lbl{color:rgba(255,255,255,.72);}
.trust-item.ts-feature .ts-lbl strong{color:#fff;letter-spacing:.01em;}
.trust-item.ts-feature .ts-lbl span{color:var(--amber);}
/* ========== ABOUT EDITORIAL V4 — softer watermark + warm tones ========== */
.about-editorial{background:var(--cream);padding:140px 0 130px;}
.about-editorial::before{color:rgba(31,26,27,.035) !important;font-family:var(--serif);font-style:italic;font-weight:500;}
.ae-images::before{background:linear-gradient(135deg,var(--amber) 0%,#B8801F 100%);box-shadow:0 18px 40px rgba(216,155,43,.30);}
.ae-images::after{background:var(--charcoal);}
.ae-img-stat{background:linear-gradient(135deg,var(--charcoal) 0%,#2A1518 100%);}
.ae-img-stat::before{background:linear-gradient(90deg,var(--amber),var(--blue));}
.ae-img-stat strong{font-family:var(--serif);font-style:italic;font-weight:700;background:linear-gradient(135deg,var(--amber) 0%,#F0C160 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.ae-text h2{font-family:var(--display);}
.ae-text h2 .accent{font-family:var(--serif);font-style:italic;font-weight:500;color:var(--blue);letter-spacing:0;}
.ae-text h2 .accent::after{display:none;}
.ae-feats{background:linear-gradient(135deg,var(--charcoal) 0%,#2A1518 100%);}
.ae-feats::before{background:linear-gradient(90deg,var(--amber) 0%,var(--blue) 100%);}
.ae-feat i{background:var(--amber-soft) !important;color:var(--amber) !important;box-shadow:none !important;}
/* ========== CATEGORY SHOWCASE V4 — softer dark + warm accents ========== */
.cat-showcase{background:#F4EFEA;padding:120px 0 100px;}
.cat-showcase::before{display:none;}
.sec-head h2 .accent{color:var(--blue);}
.cs-strip{background:linear-gradient(135deg,#1A1011 0%,#241719 50%,#2A1518 100%);box-shadow:0 24px 60px rgba(26,15,16,.20);}
.cs-strip::before{background:radial-gradient(ellipse at top right,rgba(216,155,43,.18) 0%,rgba(194,39,46,.08) 30%,transparent 70%);}
.cs-img{background:radial-gradient(ellipse at center,#241719 0%,#1A1011 70%);}
.cs-badge{background:linear-gradient(135deg,var(--amber) 0%,#B8801F 100%);box-shadow:0 12px 28px rgba(216,155,43,.32);}
.cs-eyebrow{background:var(--amber-soft);color:var(--amber);border:1px solid rgba(216,155,43,.30);font-family:var(--display);}
.cs-body h3{font-family:var(--display);font-weight:700;}
.cs-body h3 span{font-family:var(--serif);font-style:italic;font-weight:500;color:var(--amber);}
.cs-features li i{background:rgba(216,155,43,.16) !important;color:var(--amber) !important;}
.cs-body .btn-primary{background:var(--amber);box-shadow:0 8px 22px rgba(216,155,43,.36);}
.cs-body .btn-primary:hover{background:#B8801F;}
/* ========== FLAGSHIP V4 — premium cards 3x2 grid ========== */
.flagship-section{background:linear-gradient(180deg,#F4EFEA 0%,#1A1011 100%);padding:130px 0 130px;}
.flagship-section::after{color:rgba(255,255,255,.04) !important;font-family:var(--serif);font-style:italic;font-weight:500;}
.flagship-grid{grid-template-columns:repeat(3,1fr);gap:24px;}
.flag-card{background:#fff;border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.18);transition:all .4s cubic-bezier(.4,0,.2,1);}
.flag-card:hover{box-shadow:0 30px 60px rgba(216,155,43,.30);}
.flag-card::before{background:linear-gradient(90deg,var(--amber),#F0C160);}
.flag-card-num{background:var(--charcoal);color:var(--amber);box-shadow:0 6px 14px rgba(31,26,27,.30);font-family:var(--serif);font-style:italic;}
.flag-card-tag{background:rgba(216,155,43,.12);color:var(--amber);border:1px solid rgba(216,155,43,.25);text-transform:uppercase;letter-spacing:.10em;}
.flag-card-body h3{font-family:var(--display);font-weight:800;font-size:1.08rem;letter-spacing:-.01em;}
.flag-card-link{color:var(--amber);}
.flag-card-link:hover{color:#B8801F;}
.flag-card-cta{background:var(--amber-soft);color:var(--amber);border-color:rgba(216,155,43,.25);}
.flag-card-cta:hover{background:var(--amber);color:#fff;border-color:transparent;}
.flagship-cta .btn-light:hover{color:var(--charcoal);}
/* ========== PROCESS SECTION (NEW — unique editorial step journey) ========== */
.process-section{background:var(--cream);padding:140px 0;position:relative;overflow:hidden;}
.process-section::before{content:"01 / 02 / 03 / 04";position:absolute;top:80px;right:24px;font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(4rem,7vw,8rem);color:rgba(31,26,27,.04);line-height:1;letter-spacing:-.02em;pointer-events:none;}
.process-head{text-align:center;max-width:680px;margin:0 auto 80px;position:relative;z-index:2;}
.process-eyebrow{display:inline-block;font-family:var(--display);font-weight:700;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--amber);padding:8px 18px;background:var(--amber-soft);border:1px solid rgba(216,155,43,.25);border-radius:99px;margin-bottom:18px;}
.process-head h2{font-family:var(--display);font-weight:800;font-size:clamp(2.2rem,4.2vw,3.4rem);color:var(--charcoal);line-height:1.1;letter-spacing:-.025em;margin-bottom:14px;}
.process-head h2 em{font-family:var(--serif);font-style:italic;font-weight:500;color:var(--blue);letter-spacing:0;}
.process-head p{color:var(--muted-warm);font-size:1.04rem;line-height:1.6;font-family:var(--body);}
.process-track{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;z-index:2;}
.process-step{display:flex;flex-direction:column;padding:0 24px;position:relative;}
.process-step:first-child{padding-left:0;}
.process-step:last-child{padding-right:0;}
.ps-num{font-family:var(--serif);font-style:italic;font-weight:500;font-size:5rem;color:var(--blue);line-height:1;letter-spacing:-.04em;margin-bottom:0;background:linear-gradient(135deg,var(--blue) 0%,var(--blue-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.ps-line{height:2px;background:linear-gradient(90deg,var(--blue) 0%,var(--amber) 100%);margin:22px 0 26px;position:relative;}
.ps-line::after{content:"";position:absolute;left:-6px;top:-5px;width:12px;height:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(194,39,46,.18);}
.process-step:last-child .ps-line{display:none;}
.process-step:last-child{padding-top:0;}
.ps-body h3{font-family:var(--display);font-weight:800;font-size:1.4rem;color:var(--charcoal);margin-bottom:10px;letter-spacing:-.015em;}
.ps-body p{color:var(--ink-soft);font-size:.95rem;line-height:1.7;font-family:var(--body);}
@media (max-width:1024px){
.process-track{grid-template-columns:repeat(2,1fr);gap:40px 16px;}
.ps-line{display:none !important;}
}
@media (max-width:720px){
.process-section{padding:80px 0;}
.process-head{margin-bottom:50px;}
.process-track{grid-template-columns:1fr;gap:36px;}
.process-step{padding:0 !important;border-left:3px solid var(--amber);padding-left:24px !important;}
.ps-num{font-size:3.4rem;}
}
/* ========== FLAGSHIP TAG V4 — softer ========== */
.flag-card-tag{padding:5px 11px;}
/* ========== BLOG V4 — cream bg + softer cards ========== */
.blog-section{background:#1A1011;padding:130px 0;}
.blog-section::before{color:rgba(255,255,255,.04) !important;font-family:var(--serif);font-style:italic;}
.blog-section .sec-head h2,.blog-section .sec-head p{color:#fff;}
.blog-section .sec-head .accent{color:var(--amber);font-family:var(--serif);font-style:italic;font-weight:500;}
.blog-section .sec-head .sec-tag{background:var(--amber-soft);color:var(--amber);border:1px solid rgba(216,155,43,.30);}
.blog-card{background:#fff;border-radius:14px;}
.blog-card:hover{box-shadow:0 32px 64px rgba(216,155,43,.20);}
.blog-date{background:linear-gradient(135deg,var(--amber),#B8801F) !important;color:#fff !important;}
/* ========== CTA BAND V4 — softer warm ========== */
.home-cta-band{background:linear-gradient(135deg,var(--charcoal) 0%,#2A1518 40%,#5C0F12 100%);padding:110px 0;}
.home-cta-band::before{opacity:.06;}
.home-cta-band::after{background:linear-gradient(135deg,rgba(31,26,27,.82) 0%,rgba(92,15,18,.72) 100%);}
.hcb-copy h2{font-family:var(--display);font-weight:800;}
.hcb-copy h2 em,.hcb-copy h2 .accent{font-family:var(--serif);font-style:italic;font-weight:500;color:var(--amber);}
.hcb-actions .btn-primary{background:var(--amber);box-shadow:0 12px 30px rgba(216,155,43,.40);}
.hcb-actions .btn-primary:hover{background:#B8801F;}
/* ========== CONTACT V4 — softer bg ========== */
.contact-section{background:var(--cream);padding:120px 0;}
.contact-section::before,.contact-section::after{color:rgba(31,26,27,.04) !important;font-family:var(--serif);font-style:italic;font-weight:500;}
/* ========== Section heads — serif accent on accent word ========== */
.sec-head h2 .accent,.sec-head h2 .accent.orange{font-family:var(--serif) !important;font-style:italic !important;font-weight:500 !important;letter-spacing:0 !important;color:var(--blue) !important;}
.sec-head h2 .accent.orange{color:var(--amber) !important;}
.sec-head h2 .accent::after{display:none !important;}
/* ========== Mute body text colors slightly for warmth ========== */
body{color:var(--ink-soft);}
/* ========== Mobile responsive for V4 ========== */
@media (max-width:720px){
.about-editorial{padding:80px 0;}
.cat-showcase,.flagship-section,.blog-section,.contact-section{padding:70px 0;}
.flagship-grid{grid-template-columns:1fr;}
.home-cta-band{padding:70px 0;}
}
@media (max-width:1024px){
.flagship-grid{grid-template-columns:repeat(2,1fr);}
}
/* =================================================================
VANDS — V5 LIGHT THEME (ALL DARK SECTIONS → CREAM/LIGHT)
+ Category gallery thumbnails + YouTube video embed
================================================================= */
/* ========== TRUST STRIP — light cream with red top border ========== */
.trust-strip{background:linear-gradient(135deg,#FAF7F3 0%,#F4EFEA 100%) !important;color:var(--ink) !important;padding:30px 0 !important;clip-path:none !important;margin-bottom:0 !important;border-top:3px solid var(--blue) !important;border-bottom:1px solid var(--line-warm) !important;}
.trust-strip::after{background:linear-gradient(90deg,var(--amber) 0%,var(--blue) 50%,var(--amber) 100%) !important;height:2px !important;top:auto !important;bottom:0 !important;}
.trust-strip::before{display:none !important;}
.ts-num{color:var(--ink) !important;text-shadow:none !important;}
.ts-num sup,.ts-num i{color:var(--blue) !important;}
.ts-lbl{color:var(--muted-warm) !important;}
.trust-item:not(:last-child)::after{background:var(--line-warm) !important;}
.trust-item.ts-feature .ts-lbl strong{color:var(--ink) !important;}
.trust-item.ts-feature .ts-lbl span{color:var(--amber) !important;}
/* ========== CATEGORY SHOWCASE STRIPS — light cards with subtle accents ========== */
.cs-strip{background:#fff !important;color:var(--ink) !important;border:1px solid var(--line-warm) !important;box-shadow:0 18px 40px rgba(31,26,27,.06) !important;}
.cs-strip:hover{box-shadow:0 30px 60px rgba(194,39,46,.12) !important;}
.cs-strip::before{background:radial-gradient(ellipse at top right,rgba(194,39,46,.08) 0%,rgba(216,155,43,.04) 30%,transparent 70%) !important;}
.cs-img{background:linear-gradient(135deg,#FBF5F5 0%,#fff 100%) !important;}
.cs-img::before{background:radial-gradient(circle,rgba(0,0,0,.02),transparent 70%) !important;}
.cs-img img{filter:none !important;}
.cs-badge{background:linear-gradient(135deg,var(--blue),var(--blue-2)) !important;box-shadow:0 12px 28px rgba(194,39,46,.32) !important;}
.cs-eyebrow{background:var(--red-tint) !important;color:var(--blue) !important;border:1px solid rgba(194,39,46,.20) !important;}
.cs-body h3{color:var(--ink) !important;}
.cs-body h3 span{color:var(--blue) !important;}
.cs-body p{color:var(--text) !important;}
.cs-features li{color:var(--ink-2) !important;}
.cs-features li i{background:var(--red-tint) !important;color:var(--blue) !important;}
.cs-body .btn-primary{background:var(--blue) !important;box-shadow:0 8px 22px rgba(194,39,46,.30) !important;}
.cs-body .btn-primary:hover{background:var(--blue-2) !important;}
/* ========== FLAGSHIP SECTION — all light cream ========== */
.flagship-section{background:linear-gradient(180deg,#fff 0%,#FAF7F3 100%) !important;}
.flagship-section::after{color:rgba(31,26,27,.04) !important;}
.flagship-section .sec-head h2,.flagship-section .sec-head p{color:var(--ink) !important;}
.flagship-section .sec-head h2 .accent{color:var(--blue) !important;}
.flag-card{background:#fff !important;border:1px solid var(--line-warm) !important;box-shadow:0 12px 32px rgba(31,26,27,.06) !important;}
.flag-card:hover{box-shadow:0 24px 60px rgba(194,39,46,.18) !important;}
.flag-card-tag{background:var(--red-tint) !important;color:var(--blue) !important;border:1px solid rgba(194,39,46,.18) !important;}
.flag-card-num{background:var(--blue) !important;color:#fff !important;}
.flagship-cta .btn-light{background:#fff !important;color:var(--ink) !important;border:1.5px solid var(--line-warm) !important;backdrop-filter:none !important;}
.flagship-cta .btn-light:hover{background:var(--blue) !important;color:#fff !important;border-color:transparent !important;}
/* ========== BLOG SECTION — light cream ========== */
.blog-section{background:linear-gradient(180deg,#FAF7F3 0%,#fff 100%) !important;color:var(--ink) !important;}
.blog-section::before{color:rgba(31,26,27,.04) !important;}
.blog-section .sec-head h2,.blog-section .sec-head p{color:var(--ink) !important;}
.blog-section .sec-head .accent{color:var(--blue) !important;}
.blog-section .sec-head .sec-tag{background:var(--red-tint) !important;color:var(--blue) !important;border:1px solid rgba(194,39,46,.18) !important;}
.blog-card{background:#fff !important;border:1px solid var(--line-warm) !important;}
.blog-date{background:linear-gradient(135deg,var(--blue),var(--blue-2)) !important;color:#fff !important;}
/* ========== CTA BAND — light cream with red accent ========== */
.home-cta-band{background:linear-gradient(135deg,#FBF5F5 0%,#FFF8E0 50%,#FBF5F5 100%) !important;color:var(--ink) !important;border-top:3px solid var(--blue) !important;border-bottom:3px solid var(--amber) !important;}
.home-cta-band::before{display:none !important;}
.home-cta-band::after{background:radial-gradient(circle,rgba(216,155,43,.10),transparent 70%) !important;}
.hcb-copy h2{color:var(--ink) !important;text-shadow:none !important;}
.hcb-copy h2 em,.hcb-copy h2 .accent{color:var(--blue) !important;}
.hcb-copy p{color:var(--text) !important;}
.hcb-copy .sec-tag{background:var(--red-tint) !important;color:var(--blue) !important;border:1px solid rgba(194,39,46,.18) !important;}
.hcb-actions .btn-primary{background:var(--blue) !important;color:#fff !important;}
.hcb-actions .btn-primary:hover{background:var(--blue-2) !important;}
.hcb-actions .btn-light{background:#fff !important;color:var(--ink) !important;border:1.5px solid var(--line-warm) !important;backdrop-filter:none !important;}
.hcb-actions .btn-light:hover{background:var(--blue) !important;color:#fff !important;border-color:transparent !important;}
/* ========== ABOUT EDITORIAL FEATURE PANEL — light card ========== */
.ae-feats{background:#fff !important;color:var(--ink) !important;border:1px solid var(--line-warm) !important;box-shadow:0 8px 20px rgba(31,26,27,.04) !important;}
.ae-feats::before{background:linear-gradient(90deg,var(--blue),var(--amber)) !important;}
.ae-feats::after{background:radial-gradient(circle,rgba(194,39,46,.06),transparent 70%) !important;}
.ae-feat i{background:var(--red-tint) !important;color:var(--blue) !important;}
.ae-feat strong{color:var(--ink) !important;}
.ae-feat span{color:var(--muted-warm) !important;}
/* ========== ABOUT IMG STAT CARD — light with red accent ========== */
.ae-img-stat{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-2) 100%) !important;color:#fff !important;}
.ae-img-stat::before{background:linear-gradient(90deg,var(--amber),#FFC961) !important;}
.ae-img-stat strong{background:linear-gradient(135deg,#FFD584 0%,#FFC961 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;}
/* ========== HERO FALLBACK — cream gradient (not dark) ========== */
.hero-text-fallback{background:linear-gradient(135deg,#FBF5F5 0%,#F4EFEA 50%,#FBF5F5 100%) !important;color:var(--ink) !important;border-bottom:3px solid var(--blue);}
.hero-text-fallback::before{background:linear-gradient(135deg,rgba(194,39,46,.10) 0%,rgba(216,155,43,.08) 100%) !important;}
.hero-text-fallback::after{display:none !important;}
.hero-text-inner h1{color:var(--ink) !important;text-shadow:none !important;}
.hero-text-inner h1 .accent-orange{color:var(--blue) !important;}
.hero-text-inner p{color:var(--text) !important;}
.hero-text-inner .sec-tag{background:var(--red-tint) !important;color:var(--blue) !important;border:1px solid rgba(194,39,46,.20) !important;}
.hero-text-cta .btn-light{background:#fff !important;color:var(--ink) !important;border:1.5px solid var(--line-warm) !important;backdrop-filter:none !important;}
.hero-text-cta .btn-light:hover{background:var(--blue) !important;color:#fff !important;border-color:transparent !important;}
/* ========== CATEGORY GALLERY THUMBNAILS ========== */
.cat-page-thumbs{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap;}
.cat-thumb{width:74px;height:74px;border-radius:8px;overflow:hidden;background:#fff;border:2px solid var(--line-warm);padding:4px;cursor:pointer;transition:all .25s;flex-shrink:0;}
.cat-thumb img{width:100%;height:100%;object-fit:contain;}
.cat-thumb:hover{border-color:var(--blue);transform:translateY(-2px);}
.cat-thumb.is-active{border-color:var(--blue);box-shadow:0 6px 18px rgba(194,39,46,.20);}
/* ========== CATEGORY PAGE — YOUTUBE VIDEO SECTION ========== */
.cat-page-video{background:linear-gradient(180deg,#fff 0%,#FAF7F3 100%);padding:80px 0;position:relative;}
.cat-page-video::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center top,rgba(194,39,46,.04),transparent 70%);pointer-events:none;}
.cat-page-video .container{position:relative;z-index:1;}
.cat-page-video .sec-head{margin-bottom:40px;}
.cat-page-video .sec-head h2 .accent{color:var(--blue);}
.cat-video-wrap{max-width:960px;margin:0 auto;border-radius:16px;overflow:hidden;background:#000;aspect-ratio:16/9;box-shadow:0 30px 60px rgba(31,26,27,.18);border:1px solid var(--line-warm);}
.cat-video-wrap iframe{display:block;width:100%;height:100%;border:0;}
/* ========== CATEGORY PAGE OVERVIEW — light only, remove fire variant residue ========== */
.cat-page-overview{background:linear-gradient(180deg,#fff 0%,#FAF7F3 100%);}
/* ========== SECTION HEADS — ensure light readable ========== */
section .sec-head h2{color:var(--ink);}
section .sec-head p{color:var(--text);}
section .sec-head h2 .accent{color:var(--blue) !important;}
section .sec-head h2 .accent.orange{color:var(--amber) !important;}
/* ========== Mobile gallery thumbs ========== */
@media (max-width:720px){
.cat-thumb{width:60px;height:60px;}
.cat-page-video{padding:60px 0;}
.cat-video-wrap{border-radius:12px;}
.cs-strip,.cs-strip--reverse{grid-template-columns:1fr !important;}
}
/* =================================================================
VANDS — ABOUT V6 (Premium Editorial Card-Based — Light Theme)
================================================================= */
.about-v6{background:#fff;padding:100px 0;position:relative;overflow:hidden;}
.about-v6::before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background-image:repeating-linear-gradient(135deg,transparent 0,transparent 80px,rgba(194,39,46,.025) 80px,rgba(194,39,46,.025) 82px);pointer-events:none;}
.av6-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:stretch;position:relative;z-index:1;}
/* === LEFT — Title + description + quote === */
.av6-left{position:relative;display:flex;flex-direction:column;justify-content:center;}
.av6-watermark{position:absolute;top:-20px;left:-10px;font-family:var(--display);font-weight:800;font-size:clamp(7rem,11vw,11rem);color:rgba(194,39,46,.06);line-height:.85;letter-spacing:-.04em;pointer-events:none;user-select:none;z-index:0;}
.av6-eyebrow{position:relative;z-index:1;display:inline-block;font-family:var(--display);font-weight:700;font-size:.78rem;letter-spacing:.32em;text-transform:uppercase;color:var(--blue);margin-bottom:18px;}
.av6-title{position:relative;z-index:1;font-family:var(--display);font-weight:800;font-size:clamp(2.2rem,4.4vw,3.8rem);line-height:.98;letter-spacing:-.025em;color:var(--ink);margin-bottom:22px;}
.av6-title-accent{color:var(--blue);}
.av6-divider{width:60px;height:3px;background:var(--blue);margin-bottom:24px;position:relative;z-index:1;}
.av6-desc{font-size:1rem;line-height:1.75;color:var(--text);margin-bottom:30px;position:relative;z-index:1;}
.av6-desc strong{color:var(--ink);font-weight:700;}
.av6-quote{position:relative;background:linear-gradient(135deg,#FCE5E6 0%,#FBF5F5 100%);border-left:4px solid var(--blue);padding:24px 30px 24px 70px;border-radius:0 12px 12px 0;margin-bottom:28px;z-index:1;}
.av6-quote-mark{position:absolute;top:8px;left:22px;font-family:var(--serif);font-weight:700;font-size:5rem;color:var(--blue);line-height:1;}
.av6-quote p{font-size:.96rem;color:var(--ink-2);line-height:1.7;font-style:italic;}
.av6-pills{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:1;}
.av6-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;border:1.5px solid var(--blue);color:var(--blue);font-family:var(--display);font-weight:700;font-size:.72rem;letter-spacing:.10em;text-transform:uppercase;border-radius:6px;transition:all .25s;}
.av6-pill i{font-size:.7rem;color:var(--blue);}
.av6-pill:hover{background:var(--blue);color:#fff;}
.av6-pill:hover i{color:#fff;}
/* === RIGHT — Stats + Info + Features === */
.av6-right{display:flex;flex-direction:column;gap:24px;}
/* Stats card — top row of 4 */
.av6-stats{background:#fff;border:1px solid var(--line-warm);border-radius:14px;padding:30px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;box-shadow:0 8px 24px rgba(31,26,27,.04);}
.av6-stat{text-align:center;position:relative;}
.av6-stat:not(:last-child)::after{content:"";position:absolute;right:-7px;top:15%;height:70%;width:1px;background:var(--line-warm);}
.av6-stat strong{display:block;font-family:var(--display);font-weight:800;font-size:clamp(1.7rem,2.4vw,2.2rem);color:var(--blue);line-height:1;letter-spacing:-.02em;}
.av6-stat strong sup{font-size:1.2rem;}
.av6-stat span{display:block;font-family:var(--display);font-weight:700;font-size:.66rem;letter-spacing:.20em;text-transform:uppercase;color:var(--muted-warm);margin-top:10px;line-height:1.35;}
/* Info card — left red bar accent */
.av6-info{background:#fff;border:1px solid var(--line-warm);border-radius:14px;border-left:3px solid var(--blue);overflow:hidden;box-shadow:0 8px 24px rgba(31,26,27,.04);}
.av6-info-row{display:grid;grid-template-columns:160px 1fr;align-items:center;padding:16px 24px;border-bottom:1px solid var(--line-warm);gap:14px;}
.av6-info-row:last-child{border-bottom:none;}
.av6-info-label{font-family:var(--display);font-weight:700;font-size:.7rem;letter-spacing:.20em;text-transform:uppercase;color:var(--blue);}
.av6-info-value{font-family:var(--body);font-size:.92rem;color:var(--ink-2);font-weight:500;line-height:1.5;}
/* Feature grid 3 x 2 */
.av6-features{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line-warm);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(31,26,27,.04);}
.av6-feature{display:flex;align-items:center;gap:14px;padding:22px 20px;border-right:1px solid var(--line-warm);border-bottom:1px solid var(--line-warm);transition:background .25s;}
.av6-feature:nth-child(3n){border-right:none;}
.av6-feature:nth-child(n+4){border-bottom:none;}
.av6-feature:hover{background:linear-gradient(135deg,#FBF5F5,#fff);}
.av6-feat-ic{width:46px;height:46px;border-radius:10px;background:linear-gradient(135deg,#FCE5E6 0%,#FBF5F5 100%);color:var(--blue);display:grid;place-items:center;font-size:1.05rem;flex-shrink:0;}
.av6-feature:hover .av6-feat-ic{background:var(--blue);color:#fff;}
.av6-feat-text{display:flex;flex-direction:column;line-height:1.2;}
.av6-feat-text strong{font-family:var(--display);font-weight:800;font-size:.84rem;color:var(--ink);letter-spacing:.04em;text-transform:uppercase;}
.av6-feat-text span{font-family:var(--display);font-weight:600;font-size:.72rem;color:var(--muted-warm);letter-spacing:.10em;text-transform:uppercase;margin-top:3px;}
@media (max-width:1100px){
.av6-grid{grid-template-columns:1fr;gap:50px;}
.av6-info-row{grid-template-columns:140px 1fr;}
}
@media (max-width:720px){
.about-v6{padding:60px 0;}
.av6-grid{gap:40px;}
.av6-watermark{font-size:6rem;}
.av6-stats{grid-template-columns:repeat(2,1fr);gap:24px;padding:24px 16px;}
.av6-stat:not(:last-child)::after{display:none;}
.av6-stat:nth-child(2n)::after{display:none;}
.av6-info-row{grid-template-columns:1fr;padding:14px 18px;gap:4px;}
.av6-features{grid-template-columns:repeat(2,1fr);}
.av6-feature:nth-child(3n){border-right:1px solid var(--line-warm);}
.av6-feature:nth-child(2n){border-right:none;}
.av6-feature:nth-child(n+4){border-bottom:1px solid var(--line-warm);}
.av6-feature:nth-child(n+5){border-bottom:none;}
.av6-feature{padding:18px 14px;}
.av6-quote{padding:18px 22px 18px 56px;}
.av6-quote-mark{font-size:3.5rem;left:18px;top:4px;}
}
/* =================================================================
VANDS — IFES DESIGN SYSTEM (V7 — Bebas Neue · Barlow · Sharp · Editorial)
Master override layer — applies sitewide
================================================================= */
/* === BODY & GLOBAL === */
body{font-family:var(--body) !important;color:var(--ink) !important;font-weight:400;-webkit-font-smoothing:antialiased;letter-spacing:0;}
/* === HEADINGS — Bebas Neue (condensed industrial display) === */
h1,h2,h3,h4,h5,h6,
.sec-head h2,.av6-title,.page-hero h1,
.flag-card-body h3,.industry-card h4,.cs-body h3,
.mvv-card h3,.value-card h4,.offer-item h4,
.about-cta-copy h2,.hcb-copy h2,
.ae-text h2,.cat-page-info h2,
.process-head h2,.ps-body h3,
.av6-feat-text strong,.cat-child-body h3,
.cat-explore-body h4,.smap-head h2,
.contact-form-card h3,.contact-info-block h2,
.mkt-promise-card h4,.mkt-region-card h3,
.vands-location-card h3,
.vl-head h3,.smap-cat-title{
font-family:var(--display) !important;
font-weight:700 !important;
color:var(--ink) !important;
letter-spacing:.5px !important;
line-height:.96 !important;
text-transform:uppercase !important;
}
/* H1/H2 huge editorial sizing — IFES style */
h1,.page-hero h1{font-size:clamp(2.8rem,6vw,5rem) !important;line-height:.94 !important;}
h2,.sec-head h2,.av6-title,.ae-text h2,.hcb-copy h2,
.about-cta-copy h2,.cat-page-info h2{font-size:clamp(1.6rem,3vw,2.4rem) !important;line-height:1.12 !important;}
h3{font-size:clamp(1.4rem,2.4vw,2rem) !important;}
h4{font-size:clamp(1.1rem,1.6vw,1.4rem) !important;}
/* Re-color the accent words — KEEP RED for accent */
.sec-head h2 .accent,.av6-title-accent,
.hcb-copy h2 .accent,.hcb-copy h2 em,
.cat-page-info h2 .accent,.ae-text h2 .accent,
.about-cta-copy h2 .accent,.process-head h2 em{
color:var(--blue) !important;
font-family:var(--display) !important;
font-style:normal !important;
font-weight:700 !important;
letter-spacing:.5px !important;
text-transform:uppercase !important;
}
/* === SMALL SECTION LABELS — IFES style: red, 11px, 5px letter-spacing === */
.sec-tag,.av6-eyebrow,.cs-eyebrow,.process-eyebrow,
.badge-eyebrow,.vl-eyebrow,.cmh-tag,.flag-card-tag,
.cat-page-img-tag,.main-cat-card-tag,.product-cat,
.cat-explore-tag,.gal-item-cat,.blog-list-cat,
.av6-info-label{
font-family:var(--body) !important;
font-weight:700 !important;
font-size:11px !important;
letter-spacing:5px !important;
text-transform:uppercase !important;
color:var(--blue) !important;
background:transparent !important;
border:none !important;
padding:0 !important;
border-radius:0 !important;
box-shadow:none !important;
display:inline-block !important;
margin-bottom:14px !important;
}
/* Hide icons within section labels (IFES style is clean text) */
.sec-tag i,.av6-eyebrow i,.cs-eyebrow i,.process-eyebrow i,
.badge-eyebrow i{display:none !important;}
/* Keep icons in chips that NEED them (gallery filter, mobile bar) */
.gal-chip i,.mobile-bar a i,.foot-list li a i{display:inline-block !important;}
/* === BUTTONS — IFES style: sharp, 12-13px, 2px letter-spacing, 700 weight === */
.btn,.btn-primary,.btn-light,.btn-submit,.btn-enquire,.btn-quote,
.btn-gold,.cs-body .btn-primary,.hcb-actions .btn,
.cp-submit-btn,.flag-card-cta,.mega-cta-btn,
.flagship-cta .btn-light,.about-cta-actions .btn,
.hero-text-cta .btn{
font-family:var(--body) !important;
font-weight:700 !important;
font-size:.78rem !important;
letter-spacing:2px !important;
text-transform:uppercase !important;
border-radius:0 !important;
padding:14px 28px !important;
transition:all .2s !important;
box-shadow:none !important;
}
.btn-primary,.cs-body .btn-primary,.hcb-actions .btn-primary,
.cp-submit-btn,.about-cta-actions .btn-primary,
.hero-text-cta .btn-primary{
background:var(--blue) !important;
color:#fff !important;
border:2px solid var(--blue) !important;
}
.btn-primary:hover{background:var(--ink) !important;border-color:var(--ink) !important;color:#fff !important;}
.btn-light,.hcb-actions .btn-light,.about-cta-actions .btn-light,
.hero-text-cta .btn-light,.flagship-cta .btn-light{
background:transparent !important;
color:var(--ink) !important;
border:2px solid var(--ink) !important;
}
.btn-light:hover{background:var(--ink) !important;color:#fff !important;}
/* === CARDS — flat, NO border-radius, minimal borders === */
.product-card,.main-cat-card,.service-card,.contact-quick-card,
.blog-list-card,.cat-child-card,.cat-explore-card,
.mvv-card,.value-card,.smap-cat-card,.flag-card,
.industry-card,.cs-strip,.vands-location-card,
.av6-stats,.av6-info,.av6-features,.contact-form-card,
.modal,.gallery-empty,.mkt-stat-card,.mkt-promise-card,
.mkt-region-card,.why-card-v2,.why-stat-card,.why-feat-item,
.blog-card,.contact-card,.map-card,.contact-info-row,
.cat-page-img-wrap,.cat-page-float,.cat-features-grid .cat-feature,
.cat-specs-wrap,.foot-bottom,.contact-map-card,
.av6-quote,.av6-pill{
border-radius:0 !important;
box-shadow:none !important;
}
.product-card,.main-cat-card,.blog-list-card,.cat-child-card,
.cat-explore-card,.mvv-card,.value-card,.smap-cat-card,
.flag-card,.industry-card,.vands-location-card,.av6-stats,
.av6-info,.av6-features,.contact-form-card,.mkt-stat-card,
.mkt-promise-card,.mkt-region-card,.why-card-v2,.blog-card{
border:1px solid var(--line) !important;
background:#fff !important;
}
.product-card:hover,.main-cat-card:hover,.blog-list-card:hover,
.cat-child-card:hover,.cat-explore-card:hover,.flag-card:hover,
.industry-card:hover,.vands-location-card:hover,.mvv-card:hover,
.value-card:hover,.smap-cat-card:hover,.mkt-stat-card:hover,
.mkt-promise-card:hover,.mkt-region-card:hover,
.why-card-v2:hover,.blog-card:hover{
border-color:var(--blue) !important;
box-shadow:0 8px 24px rgba(196,30,58,.10) !important;
}
/* === STAT NUMBERS — RED color, Bebas Neue, huge === */
.av6-stat strong,.about-stat .num,.exp-card .num,
.mkt-stat-card strong,.stats-band-item strong,
.why-hero-item .num,.ts-num,
.about-v6 .av6-stat strong{
font-family:var(--display) !important;
font-weight:700 !important;
color:var(--blue) !important;
letter-spacing:.5px !important;
line-height:1 !important;
-webkit-text-fill-color:var(--blue) !important;
background:none !important;
-webkit-background-clip:initial !important;
background-clip:initial !important;
}
/* === STAT LABELS — small uppercase, navy === */
.av6-stat span,.about-stat .lbl,
.mkt-stat-card span,.stats-band-item span,
.why-hero-item .lbl,.ts-lbl{
font-family:var(--body) !important;
font-weight:700 !important;
color:var(--muted) !important;
letter-spacing:.18em !important;
text-transform:uppercase !important;
font-size:.7rem !important;
}
/* === SECTION BACKGROUNDS — white + pale blue alternation === */
.about-v6,.flagship-section,.cat-showcase,
.process-section,.about-cta-band,.blog-section,
.contact-section,.cat-page-overview,
.about-section,.about-editorial,.industries-section{
background:#fff !important;
}
.cat-page-content,.cat-page-features,.cat-page-specs,
.cat-page-children,.cat-page-explore,
.mkt-intro-section,.mkt-regions-section,.mkt-promise-section,
.values-section,.offer-section,.mvv-section,
.stats-band,.vision-section,.vands-locations-section,
.gallery-grid-section,.gallery-filter-section,
.blog-list-section,.bd-related-section,
.contact-main-section,.contact-map-section,
.cat-page-video,.smap-section{
background:var(--bg-soft) !important;
}
/* === HERO — Dark navy IFES style === */
.hero{background:var(--dark) !important;}
.hero-text-fallback{background:var(--dark) !important;color:#fff !important;border:none !important;}
.hero-text-fallback::before{background:linear-gradient(135deg,rgba(196,30,58,.15) 0%,rgba(226,46,18,.05) 100%) !important;}
.hero-text-inner h1{color:#fff !important;}
.hero-text-inner h1 .accent-orange,.hero-text-inner h1 .accent{color:var(--blue) !important;}
.hero-text-inner p{color:rgba(255,255,255,.85) !important;}
.hero-text-inner .sec-tag{color:var(--blue) !important;}
/* === PAGE HERO (inner pages) — dark navy === */
.page-hero{background:var(--dark) !important;}
.page-hero h1,.page-hero .breadcrumb a,.page-hero .breadcrumb span{color:#fff !important;}
.page-hero .sec-tag{color:var(--blue) !important;}
.page-hero .breadcrumb a:hover{color:var(--blue) !important;}
.page-hero h1 .accent-orange,.page-hero h1 .accent{color:var(--blue) !important;}
.page-hero-bg::before,.page-hero-bg::after{background:radial-gradient(circle,rgba(196,30,58,.12),transparent 70%) !important;}
/* === ABOUT V6 — IFES styling === */
.about-v6 .av6-eyebrow{color:var(--blue) !important;letter-spacing:5px !important;font-size:11px !important;background:none !important;padding:0 !important;}
.av6-title{font-family:var(--display) !important;font-weight:700 !important;color:var(--ink) !important;font-size:clamp(2.8rem,5.5vw,5rem) !important;line-height:.94 !important;letter-spacing:1px !important;text-transform:uppercase !important;}
.av6-title-accent{color:var(--blue) !important;}
.av6-watermark{font-family:var(--display) !important;color:rgba(196,30,58,.06) !important;}
.av6-divider{background:var(--blue) !important;height:3px !important;width:60px !important;}
.av6-desc{font-family:var(--body) !important;color:var(--text) !important;}
.av6-quote{background:var(--bg-soft) !important;border-left:3px solid var(--blue) !important;border-radius:0 !important;}
.av6-quote-mark{color:var(--blue) !important;}
.av6-pill{border:1px solid #11182738 !important;color:var(--ink) !important;font-family:var(--body) !important;letter-spacing:2px !important;font-size:.72rem !important;font-weight:700 !important;background:transparent !important;padding:10px !important;}
.av6-pill:hover{background:var(--ink) !important;color:#fff !important;}
.av6-pill i{color:var(--blue) !important;}
.av6-pill:hover i{color:#fff !important;}
.av6-stats{background:#fff !important;border:1px solid var(--line) !important;}
.av6-stat strong{font-size:clamp(2.2rem,3.4vw,3rem) !important;color:var(--blue) !important;}
.av6-info{border-left:3px solid var(--blue) !important;}
.av6-info-label{color:var(--blue) !important;letter-spacing:.25em !important;}
.av6-info-value{color:var(--ink) !important;font-family:var(--body) !important;}
.av6-feat-ic{background:var(--bg-soft) !important;color:var(--blue) !important;border-radius:0 !important;}
.av6-feature:hover .av6-feat-ic{background:var(--blue) !important;color:#fff !important;}
.av6-feat-text strong{font-family:var(--body) !important;color:var(--ink) !important;text-transform:uppercase !important;letter-spacing:1px !important;}
.av6-feat-text span{color:var(--muted) !important;}
/* === TRUST STRIP — light cream, IFES alignment === */
.trust-strip{background:var(--bg-soft) !important;border-top:3px solid var(--blue) !important;border-bottom:1px solid var(--line) !important;color:var(--ink) !important;}
.trust-strip::after{display:none !important;}
.ts-num{color:var(--blue) !important;font-family:var(--display) !important;font-size:2.2rem !important;font-weight:700 !important;}
.ts-num sup{color:var(--blue) !important;}
.ts-num i{color:var(--blue) !important;}
.ts-lbl{color:var(--muted) !important;letter-spacing:.18em !important;}
.trust-item:not(:last-child)::after{background:var(--line) !important;}
.trust-item.ts-feature .ts-lbl strong{color:var(--ink) !important;}
.trust-item.ts-feature .ts-lbl span{color:var(--blue) !important;}
/* === NAVBAR & TOPBAR === */
.topbar{background:var(--ink) !important;}
.topbar a,.topbar span{color:#fff !important;letter-spacing:1px !important;text-transform:uppercase !important;font-size:.74rem !important;}
.topbar .ic-circle{background:rgba(255,255,255,.08) !important;border-radius:50% !important;}
.topbar .iso-badge{background:transparent !important;color:var(--blue) !important;border:1px solid var(--blue) !important;border-radius:0 !important;letter-spacing:2px !important;}
.nav-wrap{background:#fff !important;border-bottom:1px solid var(--line) !important;}
.nav-links a{font-family:var(--body) !important;font-weight:400 !important;letter-spacing:1px !important;text-transform:uppercase !important;color:var(--ink) !important;font-size:.95rem !important;}
.nav-links a:hover,.dropdown:hover > a{color:var(--blue) !important;}
.btn-quote{background:var(--blue) !important;color:#fff !important;border-radius:0 !important;border:2px solid var(--blue) !important;font-family:var(--body) !important;font-weight:700 !important;letter-spacing:2px !important;text-transform:uppercase !important;font-size:.74rem !important;}
.btn-quote:hover{background:var(--ink) !important;border-color:var(--ink) !important;}
/* === FOOTER === */
footer{background:var(--ink) !important;color:#fff !important;}
footer::before,footer::after{display:none !important;}
.foot-heading{font-family:var(--display) !important;color:#fff !important;letter-spacing:1px !important;font-size:1.4rem !important;font-weight:700 !important;text-transform:uppercase !important;}
.foot-heading::after{background:var(--blue) !important;}
.foot-tagline,.foot-contact li{color:rgba(255,255,255,.7) !important;}
.foot-contact li strong{color:#fff !important;}
.foot-list li a,.foot-contact li a{color:rgba(255,255,255,.7) !important;}
.foot-list li a:hover,.foot-contact li a:hover{color:var(--blue) !important;}
.foot-list li a i,.fc-ic{color:var(--blue) !important;background:transparent !important;border:none !important;}
.foot-socials a{background:rgba(255,255,255,.06) !important;color:#fff !important;border:1px solid rgba(255,255,255,.15) !important;border-radius:0 !important;}
.foot-socials a:hover{background:var(--blue) !important;border-color:var(--blue) !important;}
.foot-bottom{background:var(--darker) !important;border-top:1px solid rgba(255,255,255,.08) !important;color:rgba(255,255,255,.5) !important;}
/* === CTA BAND (home/category) === */
.home-cta-band{background:var(--dark) !important;color:#fff !important;border-top:none !important;border-bottom:none !important;}
.home-cta-band::before,.home-cta-band::after{display:none !important;}
.hcb-copy h2{color:#fff !important;}
.hcb-copy h2 em,.hcb-copy h2 .accent{color:var(--blue) !important;}
.hcb-copy p{color:rgba(255,255,255,.75) !important;}
.hcb-copy .sec-tag{color:var(--blue) !important;}
.hcb-actions .btn-primary{background:var(--blue) !important;color:#fff !important;border:2px solid var(--blue) !important;}
.hcb-actions .btn-primary:hover{background:#fff !important;color:var(--ink) !important;border-color:#fff !important;}
.hcb-actions .btn-light{background:transparent !important;color:#fff !important;border:2px solid #fff !important;}
.hcb-actions .btn-light:hover{background:#fff !important;color:var(--ink) !important;}
/* === ABOUT CTA BAND (about page) === */
.about-cta-band{background:var(--bg-soft) !important;border-top:1px solid var(--line) !important;}
.about-cta-inner{background:var(--dark) !important;color:#fff !important;border-radius:0 !important;}
.about-cta-inner::before,.about-cta-inner::after{display:none !important;}
.about-cta-copy h2{color:#fff !important;}
.about-cta-copy h2 .accent,.about-cta-copy h2 em{color:var(--blue) !important;}
.about-cta-copy p{color:rgba(255,255,255,.75) !important;}
.about-cta-copy .sec-tag{color:var(--blue) !important;}
/* === DECO LINE under section headings === */
.sec-head .deco-line{background:var(--blue) !important;border-radius:0 !important;height:3px !important;width:60px !important;}
/* === CATEGORY SHOWCASE STRIPS === */
.cs-strip{background:#fff !important;border:1px solid var(--line) !important;border-radius:0 !important;}
.cs-strip::after,.cs-strip::before{display:none !important;}
.cs-img{background:var(--bg-soft) !important;}
.cs-badge{background:var(--blue) !important;border-radius:0 !important;color:#fff !important;}
.cs-eyebrow{color:var(--blue) !important;background:transparent !important;}
.cs-body h3{color:var(--ink) !important;}
.cs-body h3 span{color:var(--blue) !important;font-family:var(--display) !important;font-style:normal !important;}
.cs-body p{color:var(--text) !important;}
.cs-features li{color:var(--ink-2) !important;}
.cs-features li i{background:var(--blue) !important;color:#fff !important;border-radius:50% !important;}
/* === FLAGSHIP CARDS === */
.flag-card{background:#fff !important;}
.flag-card::before{background:var(--blue) !important;}
.flag-card-num{background:var(--blue) !important;color:#fff !important;font-family:var(--display) !important;border-radius:0 !important;}
.flag-card-img{background:var(--bg-soft) !important;}
.flag-card-tag{background:transparent !important;color:var(--blue) !important;border:none !important;}
/* === PROCESS SECTION === */
.process-section{background:var(--bg-soft) !important;}
.process-section::before{font-family:var(--display) !important;color:rgba(196,30,58,.05) !important;}
.process-eyebrow{color:var(--blue) !important;background:transparent !important;border:none !important;padding:0 !important;letter-spacing:5px !important;font-size:11px !important;font-family:var(--body) !important;}
.process-head h2 em{color:var(--blue) !important;font-family:var(--display) !important;font-style:normal !important;}
.ps-num{font-family:var(--display) !important;color:var(--blue) !important;font-size:6rem !important;-webkit-text-fill-color:var(--blue) !important;background:none !important;}
.ps-line{background:var(--blue) !important;}
.ps-line::after{background:var(--blue) !important;box-shadow:0 0 0 4px rgba(196,30,58,.20) !important;}
.ps-body h3{color:var(--ink) !important;}
.ps-body p{color:var(--text) !important;}
/* === MEGA MENU === */
.mega-menu--vands{border-radius:0 !important;}
.mega-cta-full{border-radius:0 !important;}
.mega-cta-btn{border-radius:0 !important;letter-spacing:2px !important;}
/* === FORMS === */
.form-control,.cp-form-group input,.cp-form-group select,.cp-form-group textarea,
.contact-card input,.contact-card select,.contact-card textarea,
.contact-form input,.contact-form select,.contact-form textarea,
input[type="text"],input[type="email"],input[type="tel"],select,textarea{
border-radius:0 !important;
border:1px solid var(--line) !important;
background:#fff !important;
font-family:var(--body) !important;
font-size:.92rem !important;
}
input:focus,select:focus,textarea:focus,.form-control:focus,
.cp-form-group input:focus,.cp-form-group select:focus,.cp-form-group textarea:focus{
border-color:var(--blue) !important;
box-shadow:0 0 0 3px rgba(196,30,58,.10) !important;
}
label{font-family:var(--body) !important;font-weight:600 !important;color:var(--ink) !important;letter-spacing:1px !important;text-transform:uppercase !important;font-size:.74rem !important;}
/* === FAB & MOBILE BAR === */
.fab{border-radius:0 !important;box-shadow:0 4px 14px rgba(0,0,0,.15) !important;}
.mobile-bar{border-top:1px solid var(--line) !important;}
/* === BLOG === */
.blog-card{background:#fff !important;border:1px solid var(--line) !important;border-radius:0 !important;}
.blog-date{background:var(--blue) !important;color:#fff !important;border-radius:0 !important;font-family:var(--display) !important;}
.blog-meta,.blog-meta i{color:var(--muted) !important;}
.blog-meta i{color:var(--blue) !important;}
.read-more,.blog-list-link{color:var(--blue) !important;letter-spacing:2px !important;text-transform:uppercase !important;font-size:.74rem !important;font-weight:700 !important;}
/* === MODAL === */
.modal{border-radius:0 !important;}
.modal-header h3{font-family:var(--display) !important;color:var(--ink) !important;letter-spacing:1px !important;}
.modal-header .ic{background:var(--blue) !important;border-radius:0 !important;color:#fff !important;}
.product-pill{background:transparent !important;border:1px solid var(--blue) !important;color:var(--blue) !important;border-radius:0 !important;letter-spacing:1px !important;text-transform:uppercase !important;font-size:.7rem !important;}
/* === GET A FREE QUOTE — minimal header + clean redesign (scoped, leaves WA/Call modals untouched) === */
.modal--quote{
max-width:480px !important;
border-top:3px solid var(--blue) !important;
box-shadow:0 30px 80px rgba(15,25,35,.30) !important;
}
/* Minimal header — clean white, drops gradient + icon circle + decorative blob */
.modal-header--minimal{
background:#fff !important;
color:var(--ink) !important;
padding:30px 30px 4px !important;
border-radius:0 !important;
overflow:visible !important;
}
.modal-header--minimal::before{display:none !important;}
.modal-eyebrow{
display:inline-flex;align-items:center;gap:7px;
font-family:var(--body);font-size:.64rem;font-weight:700;
letter-spacing:3px;text-transform:uppercase;color:var(--blue);
margin-bottom:12px;
}
.modal-eyebrow i{font-size:.7rem;}
.modal-header--minimal h3{
color:var(--ink) !important;font-family:var(--display) !important;
font-size:1.7rem !important;letter-spacing:.5px !important;
line-height:1.05 !important;margin:0 !important;
}
.modal-header--minimal p{
color:var(--muted) !important;font-size:.86rem !important;
margin-top:8px !important;line-height:1.5 !important;
}
/* Close button restyled for the white header */
.modal--quote .modal-close{
background:var(--bg-soft) !important;color:var(--ink) !important;
border-radius:0 !important;top:16px !important;right:16px !important;
width:34px !important;height:34px !important;
}
.modal--quote .modal-close:hover{background:var(--blue) !important;color:#fff !important;transform:rotate(90deg);}
/* Body + fields */
.modal--quote .modal-body{padding:18px 30px 30px !important;}
.modal--quote .product-pill{margin-bottom:20px !important;}
.modal--quote label{
font-family:var(--body) !important;font-weight:600 !important;
font-size:.7rem !important;letter-spacing:1.2px !important;
text-transform:uppercase !important;color:var(--ink-2) !important;margin-bottom:6px !important;
}
.modal--quote .form-group{margin-bottom:14px !important;}
.modal--quote .form-control{
border-radius:0 !important;border:1.5px solid var(--line) !important;
background:var(--bg-soft) !important;padding:12px 14px !important;font-size:.9rem !important;
transition:border-color .2s,box-shadow .2s,background .2s !important;
}
.modal--quote .form-control:focus{
border-color:var(--blue) !important;background:#fff !important;
box-shadow:0 0 0 3px rgba(196,30,58,.12) !important;
}
/* Submit — sharp, full-width */
.modal--quote .btn-submit{
border-radius:0 !important;padding:15px !important;
font-family:var(--body) !important;font-weight:700 !important;
letter-spacing:2px !important;text-transform:uppercase !important;font-size:.8rem !important;
margin-top:4px !important;box-shadow:0 12px 28px rgba(196,30,58,.28) !important;
}
.modal--quote .btn-submit:hover{transform:translateY(-2px);background:var(--blue-2) !important;}
/* === FOOTER OVERRIDES for IFES system === */
.foot-widget{color:#fff;}
.foot-heading{margin-bottom:24px !important;padding-bottom:14px !important;}
.foot-list li a{font-family:var(--body) !important;letter-spacing:1px !important;text-transform:uppercase !important;font-size:.78rem !important;font-weight:500 !important;}
.foot-contact li{font-family:var(--body) !important;font-size:.84rem !important;}
/* === CONTACT INFO ROWS (home) === */
.contact-info-row .contact-info{background:#fff !important;border:1px solid var(--line) !important;border-radius:0 !important;}
.contact-info .ic{background:var(--blue) !important;color:#fff !important;border-radius:0 !important;}
.contact-info small{color:var(--muted) !important;letter-spacing:1px !important;text-transform:uppercase !important;font-size:.7rem !important;}
.contact-info strong{font-family:var(--body) !important;color:var(--ink) !important;font-weight:600 !important;}
/* === SCROLLBAR (subtle) === */
::-webkit-scrollbar-thumb{background:var(--blue) !important;}
::selection{background:var(--blue);color:#fff;}
/* === DIAGONAL STRIP (homepage) - clean up === */
.diag-strip{background:var(--ink) !important;color:#fff !important;font-family:var(--body) !important;letter-spacing:3px !important;font-size:.74rem !important;}
.diag-strip i{color:var(--blue) !important;}
/* === MOBILE === */
@media (max-width:720px){
h1,.page-hero h1{font-size:clamp(2rem,7vw,2.8rem) !important;}
h2,.sec-head h2,.av6-title,.ae-text h2{font-size:clamp(1.7rem,6vw,2.4rem) !important;}
.btn{padding:12px 22px !important;font-size:.72rem !important;}
.sec-tag{font-size:.66rem !important;letter-spacing:.25em !important;}
.ps-num{font-size:4rem !important;}
.av6-stat strong{font-size:1.8rem !important;}
.ts-num{font-size:1.6rem !important;}
}
/* ════════════════════════════════════════════════════════════════
V8 — HOMEPAGE ENHANCEMENTS (Industries, Solutions, Why, Projects,
Testimonials, Global Reach)
════════════════════════════════════════════════════════════════ */
/* ─── INDUSTRIES WE SERVE ─── */
.industries-section{padding:90px 0;background:#fff;position:relative;}
.industries-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#E5E7EB,transparent);}
.industries-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px;}
.ind-card{position:relative;aspect-ratio:1/1;overflow:hidden;cursor:pointer;background:#0F1923;}
.ind-img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s ease;filter:grayscale(10%) brightness(1);}
.ind-card:hover .ind-img{transform:scale(1.1);filter:grayscale(0%) brightness(.9);}
.ind-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,25,35,0) 0%,rgba(15,25,35,.15) 45%,rgba(15,25,35,.92) 100%);transition:background .4s;}
.ind-card:hover .ind-overlay{background:linear-gradient(180deg,rgba(196,30,58,.15) 0%,rgba(15,25,35,.35) 45%,rgba(15,25,35,.95) 100%);}
.ind-content{position:absolute;left:0;right:0;bottom:0;padding:22px 20px;color:#fff;z-index:2;}
.ind-icon{width:44px;height:44px;border-radius:0;background:var(--blue);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;margin-bottom:12px;transition:transform .3s;}
.ind-card:hover .ind-icon{transform:translateY(-4px);}
.ind-content h4{font-family:var(--display);font-size:1.35rem;letter-spacing:1.5px;color:#fff;margin:0 0 6px;line-height:1;}
.ind-content p{font-family:var(--body);font-size:.78rem;color:rgba(255,255,255,.78);margin:0;line-height:1.4;}
@media(max-width:980px){.industries-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.industries-grid{grid-template-columns:1fr;}.ind-card{aspect-ratio:16/9;}}
/* ─── ENGINEERING SOLUTIONS ─── */
.solutions-section{padding:90px 0;background:#F3F7FC;position:relative;}
.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px;}
.sol-card{position:relative;min-height:520px;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;}
.sol-card-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .8s ease;filter:brightness(.85);}
.sol-card:hover .sol-card-bg{transform:scale(1.08);filter:brightness(.75);}
.sol-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,25,35,.05) 0%,rgba(15,25,35,.25) 35%,rgba(15,25,35,.95) 100%);}
.sol-card-inner{position:relative;z-index:2;padding:36px 28px;}
.sol-icon{width:56px;height:56px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:18px;}
.sol-tag{display:inline-block;font-family:var(--body);font-size:.7rem;letter-spacing:5px;font-weight:700;color:var(--blue);background:#fff;padding:6px 12px;text-transform:uppercase;margin-bottom:14px;}
.sol-card-inner h3{font-family:var(--display);font-size:2.2rem;letter-spacing:2px;color:#fff;line-height:1;margin:0 0 14px;}
.sol-card-inner p{font-family:var(--body);font-size:.92rem;color:rgba(255,255,255,.85);line-height:1.55;margin:0 0 18px;}
.sol-list{list-style:none;padding:0;margin:0 0 22px;}
.sol-list li{font-family:var(--body);font-size:.84rem;color:rgba(255,255,255,.9);padding:5px 0;display:flex;align-items:center;gap:10px;}
.sol-list li i{color:var(--blue);font-size:.7rem;}
.sol-link{display:inline-flex;align-items:center;gap:10px;font-family:var(--body);font-size:.74rem;letter-spacing:3px;text-transform:uppercase;font-weight:700;color:#fff;text-decoration:none;border-bottom:2px solid var(--blue);padding-bottom:5px;transition:gap .25s;}
.sol-link:hover{gap:16px;color:var(--blue);}
@media(max-width:980px){.solutions-grid{grid-template-columns:1fr;}.sol-card{min-height:440px;}}
/* ─── WHY CHOOSE VANDS ─── */
.why-section{padding:100px 0;background:linear-gradient(135deg,#0F1923 0%,#1A2531 60%,#0A1520 100%);position:relative;color:#fff;overflow:hidden;}
.why-section::before{content:'';position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:radial-gradient(ellipse at center,rgba(196,30,58,.15) 0%,transparent 60%);pointer-events:none;}
.why-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start;position:relative;z-index:2;}
.why-left .sec-tag.white{color:rgba(255,255,255,.9);}
.why-left h2{font-family:var(--display);font-size:clamp(2.2rem,4vw,3.4rem);color:#fff;letter-spacing:2px;line-height:1;margin:14px 0 18px;}
.why-left h2 .accent-light{color:var(--blue);}
.why-left p{font-family:var(--body);font-size:1rem;color:rgba(255,255,255,.78);line-height:1.6;margin:0 0 30px;}
.why-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px;padding:24px;background:rgba(255,255,255,.04);border-left:3px solid var(--blue);}
.why-stat strong{display:block;font-family:var(--display);font-size:2.4rem;color:#fff;letter-spacing:1px;line-height:1;}
.why-stat sup{color:var(--blue);font-size:1.2rem;}
.why-stat span{display:block;font-family:var(--body);font-size:.72rem;color:rgba(255,255,255,.6);letter-spacing:2px;text-transform:uppercase;margin-top:8px;line-height:1.3;}
.why-right{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.why-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:24px 22px;transition:all .3s;position:relative;}
.why-card:hover{background:rgba(196,30,58,.08);border-color:var(--blue);transform:translateY(-4px);}
.why-icon{width:46px;height:46px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:14px;}
.why-card h4{font-family:var(--display);font-size:1.15rem;letter-spacing:1.5px;color:#fff;margin:0 0 8px;line-height:1.1;}
.why-card p{font-family:var(--body);font-size:.82rem;color:rgba(255,255,255,.7);line-height:1.5;margin:0;}
@media(max-width:980px){.why-grid{grid-template-columns:1fr;gap:40px;}.why-right{grid-template-columns:1fr;}.why-stats{grid-template-columns:repeat(3,1fr);}}
@media(max-width:560px){.why-stats{grid-template-columns:1fr;}}
/* ─── FEATURED PROJECTS ─── */
.projects-section{padding:90px 0;background:#fff;}
.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;}
.proj-card{background:#fff;border:1px solid #E5E7EB;overflow:hidden;transition:all .3s;}
.proj-card:hover{border-color:var(--blue);transform:translateY(-6px);box-shadow:0 18px 50px rgba(15,25,35,.12);}
.proj-img{aspect-ratio:4/3;background-size:cover;background-position:center;position:relative;overflow:hidden;transition:transform .5s ease;}
.proj-card:hover .proj-img{transform:scale(1.05);}
.proj-img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(15,25,35,.55) 100%);}
.proj-tag{position:absolute;top:14px;left:14px;background:var(--blue);color:#fff;font-family:var(--body);font-size:.65rem;letter-spacing:3px;text-transform:uppercase;font-weight:700;padding:6px 12px;z-index:2;}
.proj-body{padding:22px 22px 24px;}
.proj-client{font-family:var(--body);font-size:.72rem;color:var(--muted);letter-spacing:2px;text-transform:uppercase;font-weight:600;display:flex;align-items:center;gap:6px;}
.proj-client i{color:var(--blue);}
.proj-body h4{font-family:var(--display);font-size:1.4rem;color:var(--ink);letter-spacing:1.5px;margin:10px 0 14px;line-height:1.1;}
.proj-eq{font-family:var(--body);font-size:.82rem;color:var(--text);line-height:1.5;padding-top:14px;border-top:1px solid #E5E7EB;}
.proj-eq strong{color:var(--ink);font-weight:700;}
@media(max-width:980px){.projects-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.projects-grid{grid-template-columns:1fr;}}
/* ─── TESTIMONIALS ─── */
.testimonials-section{padding:90px 0;background:#F3F7FC;position:relative;}
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;}
.testi-card{background:#fff;padding:34px 28px;border-top:3px solid var(--blue);position:relative;transition:all .3s;}
.testi-card:hover{transform:translateY(-6px);box-shadow:0 18px 50px rgba(15,25,35,.10);}
.testi-card::before{content:'\201C';position:absolute;top:10px;right:24px;font-family:'Barlow',sans-serif;font-size:5rem;color:rgba(196,30,58,.12);line-height:1;}
.testi-stars{display:flex;gap:4px;margin-bottom:18px;color:#F59E0B;font-size:.85rem;}
.testi-quote{font-family:var(--body);font-size:.95rem;color:var(--ink-2);line-height:1.65;margin:0 0 24px;font-style:italic;}
.testi-foot{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid #E5E7EB;}
.testi-avatar{width:50px;height:50px;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.testi-foot strong{display:block;font-family:var(--display);font-size:1.05rem;color:var(--ink);letter-spacing:1px;line-height:1.1;}
.testi-foot small{display:block;font-family:var(--body);font-size:.72rem;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;margin-top:4px;}
@media(max-width:980px){.testimonials-grid{grid-template-columns:1fr;}}
/* ─── GLOBAL REACH ─── */
.global-section{padding:100px 0;background:linear-gradient(135deg,#0A1520 0%,#0F1923 100%);color:#fff;position:relative;overflow:hidden;}
.global-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(196,30,58,.12) 0%,transparent 60%);pointer-events:none;}
.global-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;position:relative;z-index:2;}
.global-left h2{font-family:var(--display);font-size:clamp(2.2rem,4vw,3.4rem);color:#fff;letter-spacing:2px;line-height:1;margin:14px 0 18px;}
.global-left h2 .accent-light{color:var(--blue);}
.global-left p{font-family:var(--body);font-size:1rem;color:rgba(255,255,255,.78);line-height:1.6;margin:0 0 30px;}
.global-markets{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:32px;}
.global-market{display:flex;align-items:center;gap:12px;padding:14px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);transition:all .3s;}
.global-market:hover{background:rgba(196,30,58,.12);border-color:var(--blue);}
.global-market i{color:var(--blue);font-size:1.1rem;}
.global-market span{font-family:var(--body);font-size:.85rem;color:#fff;font-weight:600;letter-spacing:1px;}
.global-market--more i,.global-market--more span{color:rgba(255,255,255,.5);}
.global-right{display:flex;align-items:center;justify-content:center;}
.global-map{position:relative;width:340px;height:340px;display:flex;align-items:center;justify-content:center;}
.global-map > i{font-size:13rem;color:rgba(255,255,255,.3);text-shadow:0 0 60px rgba(255,255,255,.12);}
.global-pulse{position:absolute;width:14px;height:14px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 0 rgba(196,30,58,.7);animation:pulse-anim 2s infinite;}
.global-pulse-1{top:30%;left:20%;animation-delay:0s;}
.global-pulse-2{top:45%;left:65%;animation-delay:.4s;}
.global-pulse-3{top:60%;left:35%;animation-delay:.8s;}
.global-pulse-4{top:25%;left:70%;animation-delay:1.2s;}
.global-pulse-5{top:70%;left:55%;animation-delay:1.6s;}
@keyframes pulse-anim{
0%{box-shadow:0 0 0 0 rgba(196,30,58,.7);transform:scale(1);}
70%{box-shadow:0 0 0 18px rgba(196,30,58,0);transform:scale(1.1);}
100%{box-shadow:0 0 0 0 rgba(196,30,58,0);transform:scale(1);}
}
@media(max-width:980px){.global-inner{grid-template-columns:1fr;gap:40px;}.global-markets{grid-template-columns:repeat(2,1fr);}.global-map{width:280px;height:280px;}.global-map > i{font-size:10rem;}}
@media(max-width:560px){.global-markets{grid-template-columns:1fr;}}
/* ─── Sec tag white variant ─── */
.sec-tag.white{color:#fff !important;}
.sec-tag.white i{color:var(--blue);}
/* ════════════════════════════════════════════════════════════════
V9 — B2B PRO LOOK (Bosch/Graco style)
════════════════════════════════════════════════════════════════ */
/* ─── CERTIFICATIONS MARQUEE ─── */
.certs-strip{background:linear-gradient(180deg,#0B1620 0%,#0F1923 100%);padding:22px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden;}
.certs-strip::before,.certs-strip::after{content:'';position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none;}
.certs-strip::before{left:0;background:linear-gradient(90deg,#0F1923 0%,transparent 100%);}
.certs-strip::after{right:0;background:linear-gradient(270deg,#0F1923 0%,transparent 100%);}
.certs-marquee-wrap{overflow:hidden;}
.certs-track{display:flex;align-items:center;animation:certs-scroll 36s linear infinite;width:max-content;will-change:transform;}
.certs-strip:hover .certs-track{animation-play-state:paused;}
.cert-chip{display:flex;align-items:center;gap:14px;color:#fff;white-space:nowrap;padding:6px 40px;position:relative;}
.cert-chip::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:34px;background:rgba(255,255,255,.10);}
.cert-chip i{font-size:1.35rem;color:var(--blue);width:46px;height:46px;background:rgba(196,30,58,.10);border:1px solid rgba(196,30,58,.28);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .3s,color .3s,border-color .3s;}
.cert-chip:hover i{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 6px 18px rgba(196,30,58,.35);}
.cert-chip strong{display:block;font-family:var(--display);font-size:1rem;letter-spacing:1.5px;line-height:1;transition:color .3s;}
.cert-chip:hover strong{color:#fff;}
.cert-chip small{display:block;font-family:var(--body);font-size:.7rem;color:rgba(255,255,255,.55);letter-spacing:1.5px;text-transform:uppercase;margin-top:5px;}
@media(prefers-reduced-motion:reduce){.certs-track{animation:none;}}
@keyframes certs-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
/* ─── INDUSTRIES BENTO (Asymmetric layout) ─── */
.industries-bento{padding:100px 0;background:#fff;position:relative;}
.industries-bento::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#E5E7EB,transparent);}
.ib-grid{display:grid;grid-template-columns:380px 1fr;gap:40px;align-items:start;}
/* Intro panel */
.ib-intro{position:sticky;top:120px;padding-right:20px;}
.ib-eyebrow{display:flex;align-items:center;gap:14px;font-family:var(--body);font-size:.72rem;letter-spacing:4px;text-transform:uppercase;font-weight:700;color:var(--blue);margin-bottom:22px;}
.ib-num{display:inline-block;background:var(--blue);color:#fff;width:36px;height:36px;line-height:36px;text-align:center;font-family:var(--display);font-size:.95rem;letter-spacing:1px;}
.ib-title{font-family:var(--display) !important;font-size:clamp(2.4rem,3.6vw,3.6rem) !important;letter-spacing:2px;color:var(--ink) !important;line-height:.95;margin:0 0 22px !important;}
.ib-accent{color:var(--blue) !important;}
.ib-desc{font-family:var(--body);font-size:1rem;color:var(--text);line-height:1.65;margin:0 0 28px;}
.ib-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px;padding:22px 0;border-top:2px solid var(--ink);border-bottom:1px solid #E5E7EB;}
.ib-mini-stat strong{display:block;font-family:var(--display);font-size:2.2rem;color:var(--ink);line-height:1;}
.ib-mini-stat sup{color:var(--blue);font-size:1rem;}
.ib-mini-stat span{display:block;font-family:var(--body);font-size:.7rem;color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-top:6px;}
.ib-cta{display:inline-flex;align-items:center;gap:12px;font-family:var(--body);font-size:.78rem;letter-spacing:3px;text-transform:uppercase;font-weight:700;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--blue);padding-bottom:5px;transition:gap .25s,color .25s;}
.ib-cta:hover{gap:18px;color:var(--blue);}
/* Tiles bento grid */
.ib-tiles{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:300px 240px;gap:14px;}
.ib-tile{position:relative;overflow:hidden;background-size:cover;background-position:center;color:#fff;text-decoration:none;cursor:pointer;transition:transform .4s;}
.ib-tile:hover{transform:translateY(-4px);}
.ib-tile-lg{grid-column:span 2;grid-row:1;}
.ib-tile-tall{grid-column:3;grid-row:1 / span 2;}
.ib-tile-sm{grid-column:span 1;grid-row:2;}
.ib-tile-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,25,35,0) 0%,rgba(15,25,35,.2) 40%,rgba(15,25,35,.92) 100%);transition:background .3s;}
.ib-tile:hover .ib-tile-overlay{background:linear-gradient(180deg,rgba(196,30,58,.15) 0%,rgba(15,25,35,.4) 40%,rgba(15,25,35,.95) 100%);}
.ib-tile-content{position:absolute;inset:0;padding:24px;display:flex;flex-direction:column;justify-content:space-between;z-index:2;}
.ib-tile-top{display:flex;align-items:flex-start;justify-content:space-between;}
.ib-tile-tag{display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:#fff;padding:6px 12px;font-family:var(--body);font-size:.7rem;letter-spacing:3px;text-transform:uppercase;font-weight:700;}
.ib-tile-tag-sm{width:38px;height:38px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.95rem;margin-bottom:10px;}
.ib-tile-arrow{width:36px;height:36px;background:rgba(255,255,255,.15);backdrop-filter:blur(6px);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:background .3s,transform .3s;}
.ib-tile:hover .ib-tile-arrow{background:var(--blue);transform:rotate(-12deg);}
.ib-tile-lg h3{font-family:var(--display);font-size:2.4rem !important;color:#fff !important;letter-spacing:2px;line-height:.95;margin:0 0 14px !important;}
.ib-tile-lg .ib-tile-specs{display:flex;gap:20px;flex-wrap:wrap;}
.ib-tile-lg .ib-tile-specs span{font-family:var(--body);font-size:.78rem;color:rgba(255,255,255,.85);}
.ib-tile-lg .ib-tile-specs strong{color:var(--blue);font-family:var(--display);font-size:1rem;letter-spacing:.5px;}
.ib-tile-tall h4{font-family:var(--display);font-size:1.4rem !important;color:#fff !important;letter-spacing:1.5px;line-height:1;margin:0 0 6px !important;}
.ib-tile-tall p{font-family:var(--body);font-size:.78rem;color:rgba(255,255,255,.7);margin:0;}
.ib-tile-sm h4{font-family:var(--display);font-size:1.15rem !important;color:#fff !important;letter-spacing:1.2px;line-height:1;margin:0 !important;}
@media(max-width:1100px){
.ib-grid{grid-template-columns:1fr;}
.ib-intro{position:relative;top:0;padding-right:0;}
.ib-tiles{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;}
.ib-tile-lg{grid-column:span 2;grid-row:auto;}
.ib-tile-tall{grid-column:span 2;grid-row:auto;}
.ib-tile-sm{grid-column:span 1;grid-row:auto;}
}
/* ─── SPEC COMPARISON TABLE ─── */
.spec-section{padding:100px 0;background:#0F1923;color:#fff;position:relative;overflow:hidden;}
.spec-section::before{content:'';position:absolute;top:-30%;right:-10%;width:50%;height:160%;background:radial-gradient(ellipse,rgba(196,30,58,.08) 0%,transparent 60%);pointer-events:none;}
.spec-head{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:end;margin-bottom:42px;position:relative;z-index:2;}
.spec-head-left h2{font-family:var(--display) !important;font-size:clamp(2.4rem,4vw,3.6rem) !important;color:#fff !important;letter-spacing:2px;line-height:.95;margin:14px 0 18px !important;}
.spec-head-left h2 .accent{color:var(--blue) !important;}
.spec-head-left p{font-family:var(--body);font-size:1rem;color:rgba(255,255,255,.7);line-height:1.6;margin:0;}
.spec-help-cta{display:inline-flex;align-items:center;gap:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);color:#fff;padding:16px 22px;text-decoration:none;font-family:var(--body);font-size:.78rem;letter-spacing:2.5px;text-transform:uppercase;font-weight:700;transition:all .3s;}
.spec-help-cta:hover{background:var(--blue);border-color:var(--blue);}
.spec-help-cta i{color:var(--blue);transition:color .3s;}
.spec-help-cta:hover i{color:#fff;}
.spec-table-wrap{position:relative;z-index:2;overflow-x:auto;}
.spec-table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);}
.spec-table thead th{padding:24px 20px;text-align:left;font-family:var(--body);font-size:.78rem;letter-spacing:2.5px;text-transform:uppercase;font-weight:700;color:rgba(255,255,255,.65);border-bottom:2px solid rgba(255,255,255,.1);vertical-align:bottom;}
.spec-th-feature{width:22%;}
.spec-th-model{width:19.5%;color:#fff !important;}
.spec-th-model strong{display:block;font-family:var(--display);font-size:1.35rem;letter-spacing:1.5px;color:#fff;margin-top:10px;line-height:1;}
.spec-model-tag{display:inline-block;background:rgba(255,255,255,.08);color:rgba(255,255,255,.75);padding:5px 10px;font-size:.62rem;letter-spacing:2px;}
.spec-tag-featured{background:var(--blue);color:#fff;}
.spec-th-featured{background:rgba(196,30,58,.08);border-left:2px solid var(--blue);border-right:2px solid var(--blue);}
.spec-table tbody td{padding:18px 20px;font-family:var(--body);font-size:.9rem;color:rgba(255,255,255,.85);border-bottom:1px solid rgba(255,255,255,.06);}
.spec-table tbody td:first-child{font-weight:600;color:rgba(255,255,255,.55);font-size:.78rem;letter-spacing:1.5px;text-transform:uppercase;}
.spec-table tbody tr:hover td{background:rgba(255,255,255,.03);}
.spec-table tbody tr:hover td:nth-child(3){background:rgba(196,30,58,.06);}
.spec-table tbody td:nth-child(3){background:rgba(196,30,58,.04);border-left:2px solid var(--blue);border-right:2px solid var(--blue);font-weight:600;color:#fff;}
.spec-row-cta td{padding:24px 20px !important;border-bottom:none !important;}
.spec-cta{display:inline-flex;align-items:center;gap:8px;font-family:var(--body);font-size:.72rem;letter-spacing:2.5px;text-transform:uppercase;font-weight:700;color:#fff;text-decoration:none;border-bottom:2px solid var(--blue);padding-bottom:4px;transition:gap .25s;}
.spec-cta:hover{gap:14px;}
.spec-cta-featured{background:var(--blue);color:#fff;padding:12px 18px;border:0;}
.spec-cta-featured:hover{background:var(--blue-2);}
@media(max-width:980px){
.spec-head{grid-template-columns:1fr;align-items:start;}
.spec-table{font-size:.8rem;min-width:720px;}
}
/* ─── DOWNLOADABLE RESOURCES ─── */
.downloads-section{padding:100px 0;background:#F3F7FC;position:relative;}
.dl-head{text-align:center;margin-bottom:50px;}
.dl-head h2{font-family:var(--display) !important;font-size:clamp(2.4rem,4vw,3.4rem) !important;color:var(--ink) !important;letter-spacing:2px;line-height:1;margin:14px 0 14px !important;}
.dl-head h2 .accent{color:var(--blue) !important;}
.dl-head p{font-family:var(--body);font-size:1rem;color:var(--text);line-height:1.6;max-width:640px;margin:0 auto;}
.dl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.dl-card{background:#fff;border:1px solid #E5E7EB;padding:24px;display:flex;align-items:flex-start;gap:18px;text-decoration:none;color:var(--ink);transition:all .3s;position:relative;cursor:pointer;}
.dl-card:hover{border-color:var(--blue);transform:translateY(-4px);box-shadow:0 16px 40px rgba(15,25,35,.10);}
.dl-card-primary{background:linear-gradient(135deg,var(--ink) 0%,#1A2531 100%);color:#fff;border-color:var(--ink);grid-column:span 3;flex-direction:row;align-items:center;padding:32px 36px;}
.dl-card-primary:hover{border-color:var(--blue);box-shadow:0 20px 50px rgba(15,25,35,.25);}
.dl-icon{width:54px;height:54px;background:rgba(196,30,58,.08);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;}
.dl-card-primary .dl-icon{width:64px;height:64px;background:rgba(196,30,58,.2);color:var(--blue);font-size:1.7rem;}
.dl-body{flex-grow:1;}
.dl-tag{display:inline-block;font-family:var(--body);font-size:.65rem;letter-spacing:2.5px;color:var(--muted);text-transform:uppercase;font-weight:700;margin-bottom:8px;}
.dl-card-primary .dl-tag{color:rgba(255,255,255,.55);}
.dl-card h4{font-family:var(--display) !important;font-size:1.15rem !important;color:inherit !important;letter-spacing:1.2px;margin:0 0 6px !important;line-height:1.15;}
.dl-card-primary h4{font-size:1.6rem !important;}
.dl-card p{font-family:var(--body);font-size:.82rem;color:var(--text);line-height:1.5;margin:0;}
.dl-card-primary p{color:rgba(255,255,255,.75) !important;font-size:.9rem;}
.dl-arrow{width:42px;height:42px;background:#F3F7FC;color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0;transition:all .3s;}
.dl-card:hover .dl-arrow{background:var(--blue);color:#fff;}
.dl-card-primary .dl-arrow{background:var(--blue);color:#fff;width:52px;height:52px;font-size:1.1rem;}
.dl-card-primary:hover .dl-arrow{background:#fff;color:var(--ink);}
@media(max-width:980px){.dl-grid{grid-template-columns:repeat(2,1fr);}.dl-card-primary{grid-column:span 2;}}
@media(max-width:560px){.dl-grid{grid-template-columns:1fr;}.dl-card-primary{grid-column:span 1;}}
/* ─── DARK SECTION TEXT COLOR OVERRIDES (defeat IFES global !important) ─── */
.industries-section .sec-head p{color:var(--text) !important;}
.industries-section .sec-head p,
.solutions-section .sec-head p,
.projects-section .sec-head p,
.testimonials-section .sec-head p{color:var(--text) !important;}
/* Industry card content (over dark gradient) */
.ind-content h4{color:#fff !important;}
.ind-content p{color:rgba(255,255,255,.85) !important;}
/* Solutions cards (over dark image) */
.sol-card-inner h3{color:#fff !important;}
.sol-card-inner p{color:rgba(255,255,255,.88) !important;}
/* Why VANDS section (dark bg) */
.why-section h2,.why-left h2{color:#fff !important;}
.why-section h2 .accent-light,.why-left h2 .accent-light{color:var(--blue) !important;}
.why-section p,.why-left p{color:rgba(255,255,255,.82) !important;}
.why-stat strong{color:#fff !important;}
.why-card h4{color:#fff !important;}
.why-card p{color:rgba(255,255,255,.72) !important;}
/* "Talk to an Engineer" button — white text on dark section (ghost style) */
.why-left .btn-light,.why-section .btn-light{background:transparent !important;color:#fff !important;border:2px solid rgba(255,255,255,.55) !important;}
.why-left .btn-light::after,.why-section .btn-light::after{display:none !important;}
.why-left .btn-light:hover,.why-section .btn-light:hover{background:#fff !important;color:var(--ink) !important;border-color:#fff !important;}
.why-left .btn-light i,.why-section .btn-light i{color:inherit !important;}
/* Projects */
.proj-body h4{color:var(--ink) !important;}
/* Testimonials */
.testi-quote{color:var(--ink-2) !important;}
.testi-foot strong{color:var(--ink) !important;}
/* Global Reach section (dark bg) */
.global-section h2,.global-left h2{color:#fff !important;}
.global-section h2 .accent-light,.global-left h2 .accent-light{color:var(--blue) !important;}
.global-section p,.global-left p{color:rgba(255,255,255,.82) !important;}
.global-market span{color:#fff !important;}
.global-market--more span{color:rgba(255,255,255,.5) !important;}
/* ════════════════════════════════════════════════════════════════
V10 — ALTERNATING BG + COMPACT SPACING + REFINED TYPOGRAPHY
════════════════════════════════════════════════════════════════ */
/* ─── Cream / Off-white tone ─── */
:root{
--cream:#FAF6EF;
--cream-2:#F5F0E7;
}
/* ─── Alternating section backgrounds (light sections) ─── */
.trust-strip{background:var(--cream) !important;}
.about-v6{background:#fff !important;}
.industries-bento{background:var(--cream) !important;}
.cat-showcase{background:#fff !important;}
.solutions-section{background:var(--cream) !important;}
.flagship-section{background:#fff !important;}
.process-section{background:var(--cream) !important;}
.brand-partners{background:#fff !important;}
.projects-section{background:var(--cream) !important;}
.testimonials-section{background:#fff !important;}
.downloads-section{background:var(--cream) !important;}
.blog-section{background:#fff !important;}
.contact-section{background:var(--cream) !important;}
/* Dark accent sections — keep as breaks */
.certs-strip,
.spec-section,
.why-section,
.global-section{background:#0F1923 !important;}
/* ─── COMPACT SECTION PADDING (reduce wasted vertical space) ─── */
.trust-strip{padding:14px 0 !important;}
.about-v6{padding:48px 0 !important;}
.industries-bento{padding:48px 0 !important;}
.cat-showcase{padding:48px 0 !important;}
.solutions-section{padding:48px 0 !important;}
.flagship-section{padding:48px 0 !important;}
.process-section{padding:48px 0 !important;}
.brand-partners{padding:48px 0 !important;}
.projects-section{padding:48px 0 !important;}
.testimonials-section{padding:48px 0 !important;}
.downloads-section{padding:48px 0 !important;}
.blog-section{padding:48px 0 !important;}
.contact-section{padding:48px 0 !important;}
.spec-section{padding:48px 0 !important;}
.why-section{padding:48px 0 !important;}
.global-section{padding:48px 0 !important;}
.certs-strip{padding:16px 0 !important;}
.auth-dealer-strip,.home-cta-band{padding:44px 0 !important;}
/* ─── Tighter sec-head spacing ─── */
.sec-head{margin-bottom:26px !important;}
.sec-head h2{margin:8px 0 6px !important;}
.sec-head p{margin:0 auto !important;max-width:640px;}
/* ─── REFINED TYPOGRAPHY (less forced-bold, more readable) ─── */
/* Bebas Neue is condensed — at 400 it already looks strong. Forcing 700 makes it look mashed/heavy. */
h1,h2,h3,h4,
.av6-title,.ib-title,.spec-head-left h2,.bp-head-left h2,
.dl-head h2,.why-left h2,.global-left h2,
.sec-head h2,.cs-body h3,.sol-card-inner h3,
.ib-tile-lg h3,.ib-tile-tall h4,.ib-tile-sm h4,
.bp-card h4,.dl-card h4,.flag-card-body h3,
.proj-body h4,.testi-foot strong,
.av6-stat strong,.ts-num,.ib-mini-stat strong,.why-stat strong,
.av6-feat-text strong,.process-step h3,
.ps-num,.av6-watermark,.flag-card-num{
font-weight:500 !important;
}
/* Body / nav / labels stay at body weight */
body,p,li,.sec-tag,.cs-eyebrow,.av6-eyebrow,.ib-eyebrow,
.bp-since,.dl-tag,.proj-client,.proj-tag,
.spec-table tbody td,.cert-chip strong{
font-weight:400 !important;
}
/* Selective bold ONLY where contrast truly needs it (labels, hover, buttons) */
.btn,.btn-primary,.btn-light,.btn-quote,
.brand small,.spec-th-model strong,
.spec-th-feature,.spec-table tbody td:first-child,
.cs-features li,.bp-features li,
.testi-foot strong,
.sec-tag,.av6-eyebrow,.cs-eyebrow,
.bp-since,.cert-chip small,.av6-pill,
.dl-tag,.ib-mini-stat span,
.av6-info-label,.spec-help-cta,
.flag-card-tag,.sol-tag,.proj-tag,.proj-client,
.ib-tile-tag,.bp-badge{
font-weight:600 !important;
}
/* Smaller, calmer display sizes (less shouty) */
.av6-title,.ib-title,
.spec-head-left h2,.bp-head-left h2,
.dl-head h2,.why-left h2,.global-left h2,
.sec-head h2{
font-size:clamp(1.9rem,3.1vw,2.8rem) !important;
letter-spacing:1.5px !important;
line-height:1.05 !important;
}
/* Card / tile headings smaller and softer */
.ib-tile-lg h3{font-size:1.7rem !important;letter-spacing:1.2px !important;}
.ib-tile-tall h4{font-size:1.15rem !important;letter-spacing:1px !important;}
.ib-tile-sm h4{font-size:.98rem !important;letter-spacing:.8px !important;}
.bp-card h4,.dl-card h4,.flag-card-body h3,
.proj-body h4,.why-card h4{
font-size:1.05rem !important;
letter-spacing:.8px !important;
}
.bp-logo{font-size:1.7rem !important;letter-spacing:2px !important;}
.cs-body h3{font-size:1.55rem !important;letter-spacing:1.2px !important;}
.sol-card-inner h3{font-size:1.55rem !important;letter-spacing:1.2px !important;}
/* Section eyebrows / labels — calmer */
.sec-tag,.cs-eyebrow,.av6-eyebrow,.ib-eyebrow,.bp-since,.dl-tag,.proj-client,.cert-chip small{
letter-spacing:3px !important;
}
/* Stat numbers — slightly less giant */
.av6-stat strong,.ts-num,.ib-mini-stat strong,.why-stat strong{
font-size:1.85rem !important;
letter-spacing:.5px !important;
}
.ps-num{font-size:3.2rem !important;}
.av6-watermark{font-size:5rem !important;opacity:.06 !important;}
.flag-card-num{font-size:1.4rem !important;}
/* Tighter body line-height */
.sec-head p,.av6-desc,.ib-desc,
.bp-head-right p,.dl-head p,
.spec-head-left p,.why-left p,.global-left p,
.testi-quote{
line-height:1.55 !important;
font-size:.95rem !important;
}
/* Reduce inner grid gaps */
.flagship-grid{gap:18px !important;margin-top:36px !important;}
.bp-grid{gap:14px !important;}
.dl-grid{gap:14px !important;}
.projects-grid{gap:18px !important;}
.testimonials-grid{gap:18px !important;}
/* Trust strip tighter */
.trust-strip-grid{gap:18px !important;}
.ts-num{font-size:1.7rem !important;}
.ts-lbl{font-size:.7rem !important;letter-spacing:2px !important;}
/* About v6 spacing */
.av6-grid{gap:40px !important;}
.av6-stats{gap:14px !important;padding:18px !important;}
.av6-info-row{padding:11px 16px !important;}
.av6-features{gap:10px !important;}
/* Bento spacing */
.ib-grid{gap:30px !important;}
.ib-tiles{gap:12px !important;}
.ib-mini-stats{margin-bottom:22px !important;padding:18px 0 !important;}
/* Spec table tighter */
.spec-table tbody td{padding:14px 18px !important;font-size:.85rem !important;}
.spec-table thead th{padding:18px 18px !important;}
.spec-table thead th strong{font-size:1.1rem !important;}
.spec-head{margin-bottom:30px !important;}
/* Brand partners tighter */
.bp-head{margin-bottom:34px !important;}
.bp-card{padding:24px 22px !important;}
.bp-card p{font-size:.82rem !important;margin-bottom:14px !important;}
.bp-features li{padding:4px 0 !important;font-size:.76rem !important;}
/* Downloads tighter */
.dl-head{margin-bottom:34px !important;}
.dl-card{padding:20px !important;}
.dl-card-primary{padding:26px 30px !important;}
/* Why section tighter */
.why-grid{gap:40px !important;}
.why-card{padding:20px !important;}
.why-stats{padding:18px !important;gap:14px !important;}
/* Industries cards on dark gradient — soften */
.ind-content h4{font-size:1.05rem !important;letter-spacing:.8px !important;}
/* Sec heads — softer divider */
.deco-line{display:none !important;}
.sec-head{text-align:center;}
.sec-head .sec-tag{margin-bottom:6px !important;}
/* Remove duplicate Why + Brand backgrounds — Why stays dark, Brand stays light */
.why-section{background:linear-gradient(135deg,#0F1923 0%,#1A2531 60%,#0A1520 100%) !important;}
.spec-section{background:#0F1923 !important;}
.global-section{background:linear-gradient(135deg,#0A1520 0%,#0F1923 100%) !important;}
/* Hero arrows visible on cream */
.hero{margin-bottom:0;}
/* Section divider line between alt bg sections (subtle) */
.about-v6,.cat-showcase,.flagship-section,.brand-partners,.testimonials-section,.blog-section{
border-top:1px solid rgba(15,25,35,.06);
}
/* Stop letter-spacing being heavy on body text */
p,li{letter-spacing:0 !important;}
/* ════════════════════════════════════════════════════════════════
V12 — FLAGSHIP CARD REDESIGN (Bosch/Graco premium B2B)
════════════════════════════════════════════════════════════════ */
.flagship-grid{
display:grid !important;
grid-template-columns:repeat(4,1fr) !important;
gap:18px !important;
margin-top:40px !important;
}
/* Card shell */
.flag-card{
background:#fff !important;
border:1px solid rgba(15,25,35,.08) !important;
border-radius:0 !important;
overflow:visible !important;
position:relative !important;
display:flex !important;
flex-direction:column !important;
transition:transform .35s cubic-bezier(.2,.6,.3,1),box-shadow .35s,border-color .35s !important;
padding:0 !important;
}
.flag-card::before{
content:'';
position:absolute;
top:0;left:0;right:0;
height:3px;
background:var(--blue);
transform:scaleX(0);
transform-origin:left;
transition:transform .4s ease;
z-index:5;
}
.flag-card:hover{
border-color:var(--blue) !important;
transform:translateY(-6px) !important;
box-shadow:0 22px 50px rgba(15,25,35,.12) !important;
}
.flag-card:hover::before{transform:scaleX(1);}
/* Featured (Best Seller) variant */
.flag-card--featured{
border-color:var(--blue) !important;
box-shadow:0 12px 30px rgba(196,30,58,.12) !important;
}
.flag-card--featured::before{
transform:scaleX(1);
height:4px;
}
.flag-card-ribbon{
position:absolute;
top:-1px;
right:18px;
background:var(--blue);
color:#fff;
font-family:var(--body);
font-size:.65rem;
letter-spacing:2.5px;
text-transform:uppercase;
font-weight:700;
padding:7px 12px;
display:inline-flex;
align-items:center;
gap:6px;
z-index:6;
box-shadow:0 4px 12px rgba(196,30,58,.25);
}
.flag-card-ribbon i{font-size:.65rem;}
/* Image area — show product image at its actual proportions (no crop / no fixed box) */
.flag-card-img{
position:relative !important;
aspect-ratio:auto !important;
background:linear-gradient(135deg,#FBF7F2 0%,#fff 60%) !important;
overflow:hidden !important;
display:block !important;
border-bottom:1px solid rgba(15,25,35,.06) !important;
}
.flag-card-img::after{display:none !important;}
.flag-card-img img{
width:100% !important;
height:auto !important;
display:block !important;
object-fit:contain !important;
padding:0 !important;
transition:transform .55s cubic-bezier(.2,.6,.3,1) !important;
z-index:1;
}
.flag-card:hover .flag-card-img img{
transform:scale(1.05);
}
/* Tag chip (top-left over image) */
.flag-card-tag{
position:absolute !important;
top:14px !important;
left:14px !important;
background:var(--ink) !important;
color:#fff !important;
font-family:var(--body) !important;
font-size:.62rem !important;
letter-spacing:2.5px !important;
text-transform:uppercase !important;
font-weight:600 !important;
padding:6px 11px !important;
z-index:3 !important;
display:inline-block !important;
}
.flag-card--featured .flag-card-tag{background:transparent !important;color:transparent !important;}
/* Number (subtle, top-right) */
.flag-card-num{
position:absolute !important;
top:14px !important;
right:14px !important;
font-family:var(--display) !important;
font-size:.85rem !important;
letter-spacing:1px !important;
color:rgba(15,25,35,.25) !important;
z-index:3 !important;
font-weight:500 !important;
background:transparent !important;
padding:0 !important;
border:none !important;
}
/* Body */
.flag-card-body{
padding:22px 22px 24px !important;
display:flex !important;
flex-direction:column !important;
flex-grow:1 !important;
}
.flag-card-cat{
display:block !important;
font-family:var(--body) !important;
font-size:.62rem !important;
font-weight:700 !important;
letter-spacing:2px !important;
text-transform:uppercase !important;
color:var(--blue) !important;
margin:0 0 8px !important;
line-height:1.2 !important;
}
.flag-card-body h3{
font-family:var(--display) !important;
font-size:1.05rem !important;
letter-spacing:.6px !important;
color:var(--ink) !important;
line-height:1.2 !important;
margin:0 0 8px !important;
font-weight:500 !important;
}
.flag-card-body p{
font-family:var(--body) !important;
font-size:.85rem !important;
color:var(--text) !important;
line-height:1.55 !important;
margin:0 0 18px !important;
letter-spacing:0 !important;
}
/* Spec callouts row */
.flag-card-specs{
display:flex !important;
gap:0 !important;
margin-bottom:20px !important;
padding:14px 0 !important;
border-top:1px solid rgba(15,25,35,.08) !important;
border-bottom:1px solid rgba(15,25,35,.08) !important;
}
.flag-spec{
flex:1 !important;
text-align:center !important;
border-right:1px solid rgba(15,25,35,.08) !important;
padding:0 4px !important;
}
.flag-spec:last-child{border-right:0 !important;}
.flag-spec strong{
display:block !important;
font-family:var(--display) !important;
font-size:1.05rem !important;
color:var(--blue) !important;
letter-spacing:.5px !important;
line-height:1 !important;
font-weight:500 !important;
margin-bottom:4px !important;
}
.flag-spec span{
display:block !important;
font-family:var(--body) !important;
font-size:.62rem !important;
letter-spacing:1.5px !important;
text-transform:uppercase !important;
color:var(--muted) !important;
font-weight:600 !important;
}
/* Footer with dual action */
.flag-card-foot{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:12px !important;
margin-top:auto !important;
padding-top:0 !important;
}
.flag-card-link{
display:inline-flex !important;
align-items:center !important;
gap:8px !important;
font-family:var(--body) !important;
font-size:.7rem !important;
letter-spacing:2.5px !important;
text-transform:uppercase !important;
font-weight:600 !important;
color:var(--ink) !important;
text-decoration:none !important;
border-bottom:1px solid var(--ink) !important;
padding-bottom:3px !important;
transition:gap .25s,color .25s,border-color .25s !important;
}
.flag-card-link:hover{
gap:14px !important;
color:var(--blue) !important;
border-bottom-color:var(--blue) !important;
}
.flag-card-cta{
background:var(--blue) !important;
color:#fff !important;
border:0 !important;
padding:10px 16px !important;
font-family:var(--body) !important;
font-size:.68rem !important;
letter-spacing:2px !important;
text-transform:uppercase !important;
font-weight:600 !important;
cursor:pointer !important;
display:inline-flex !important;
align-items:center !important;
gap:7px !important;
transition:background .3s,transform .25s !important;
border-radius:0 !important;
height:auto !important;
width:auto !important;
}
.flag-card-cta:hover{
background:var(--blue-2) !important;
transform:translateX(2px) !important;
}
.flag-card-cta i{font-size:.7rem !important;}
/* Responsive */
@media(max-width:1200px){
.flagship-grid{grid-template-columns:repeat(3,1fr) !important;}
}
@media(max-width:900px){
.flagship-grid{grid-template-columns:repeat(2,1fr) !important;}
}
@media(max-width:580px){
.flagship-grid{grid-template-columns:1fr !important;}
.flag-card-foot{flex-direction:column;align-items:stretch !important;gap:14px !important;}
.flag-card-cta{justify-content:center !important;}
}
/* ════════════════════════════════════════════════════════════════
V11 — POLISH PASS: stats moment, timeline, texture, hover micro
════════════════════════════════════════════════════════════════ */
/* ─── Subtle cream texture (paper grain) ─── */
.trust-strip,.industries-bento,.solutions-section,
.process-section,.projects-section,.downloads-section,
.contact-section{
background-image:
radial-gradient(circle at 1px 1px, rgba(15,25,35,.025) 1px, transparent 0),
linear-gradient(135deg, rgba(196,30,58,.012) 0%, transparent 50%);
background-size:24px 24px, 100% 100%;
}
/* Section divider — refined */
.about-v6,.cat-showcase,.flagship-section,
.brand-partners,.testimonials-section,.blog-section{
border-top:1px solid rgba(15,25,35,.05);
}
/* ─── BY THE NUMBERS section ─── */
.bytenumbers-section{
padding:80px 0 !important;
background:linear-gradient(180deg,#FAF6EF 0%,#fff 100%) !important;
position:relative;
overflow:hidden;
border-top:1px solid rgba(15,25,35,.06);
}
.bytenumbers-section::before{
content:'';
position:absolute;
top:0;left:0;right:0;height:3px;
background:linear-gradient(90deg,transparent 0%,var(--blue) 20%,var(--blue) 80%,transparent 100%);
}
.btn-head{text-align:center;margin-bottom:48px;}
.btn-eyebrow{display:inline-flex;align-items:center;gap:14px;font-family:var(--body);font-size:.72rem;letter-spacing:5px;text-transform:uppercase;font-weight:600 !important;color:var(--blue);margin-bottom:18px;}
.btn-line{display:inline-block;width:50px;height:2px;background:var(--blue);}
.btn-head h2{font-family:var(--display) !important;font-size:clamp(2.1rem,3.4vw,3rem) !important;color:var(--ink);letter-spacing:1.5px;line-height:1.05;margin:0 !important;font-weight:500 !important;}
.btn-head h2 em{font-style:italic;color:var(--blue);font-weight:400 !important;font-family:'Barlow',sans-serif;letter-spacing:0;}
.btn-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);}
.btn-stat{padding:38px 22px;text-align:left;border-right:1px solid rgba(15,25,35,.1);position:relative;transition:background .3s;}
.btn-stat:last-child{border-right:0;}
.btn-stat:hover{background:#fff;}
.btn-stat-feature{background:rgba(196,30,58,.04);}
.btn-stat-feature::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--blue);}
.btn-stat-num{font-family:var(--display);font-size:3.2rem;color:var(--ink);letter-spacing:0;line-height:.9;margin-bottom:14px;font-weight:500;}
.btn-stat-num sup{color:var(--blue);font-size:1.2rem;font-weight:500;}
.btn-stat-label{font-family:var(--body);font-size:.82rem;color:var(--ink-2);line-height:1.4;font-weight:600 !important;letter-spacing:.5px;}
.btn-stat-label small{display:block;color:var(--muted);font-weight:400 !important;font-size:.72rem;letter-spacing:1.2px;text-transform:uppercase;margin-top:6px;}
@media(max-width:980px){.btn-grid{grid-template-columns:repeat(3,1fr);}.btn-stat:nth-child(3){border-right:0;}.btn-stat:nth-child(n+4){border-top:1px solid rgba(15,25,35,.1);}}
@media(max-width:560px){.btn-grid{grid-template-columns:repeat(2,1fr);}.btn-stat:nth-child(odd){border-right:1px solid rgba(15,25,35,.1);}.btn-stat:nth-child(even){border-right:0;}.btn-stat:nth-child(n+3){border-top:1px solid rgba(15,25,35,.1);}}
/* ─── PROCESS V2 — Refined Timeline ─── */
.process-v2{padding:80px 0 !important;background:var(--cream) !important;position:relative;}
.pv2-head{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:end;margin-bottom:54px;}
.pv2-head-left h2{font-family:var(--display) !important;font-size:clamp(2.1rem,3.4vw,3rem) !important;color:var(--ink) !important;letter-spacing:1.5px;line-height:1.05;margin:14px 0 0 !important;font-weight:500 !important;}
.pv2-head-left h2 .accent{color:var(--blue) !important;}
.pv2-head-right p{font-family:var(--body);font-size:.95rem;color:var(--text);line-height:1.6;margin:0 0 16px;}
.pv2-cta{display:inline-flex;align-items:center;gap:12px;font-family:var(--body);font-size:.74rem;letter-spacing:3px;text-transform:uppercase;font-weight:600 !important;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--blue);padding-bottom:5px;transition:gap .25s,color .25s;}
.pv2-cta:hover{gap:18px;color:var(--blue);}
.pv2-track{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;}
.pv2-progress{position:absolute;top:23px;left:5%;right:5%;height:2px;background:rgba(15,25,35,.1);z-index:0;}
.pv2-progress-fill{height:100%;background:var(--blue);width:75%;transition:width 1s ease;}
.pv2-step{position:relative;z-index:1;}
.pv2-marker{width:48px;height:48px;background:#fff;border:2px solid rgba(15,25,35,.15);color:var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:1rem;letter-spacing:1px;margin-bottom:22px;position:relative;transition:all .3s;}
.pv2-marker::after{content:'';position:absolute;inset:-6px;border:1px solid rgba(196,30,58,.25);opacity:0;transition:opacity .3s;}
.pv2-step:hover .pv2-marker{background:var(--blue);border-color:var(--blue);color:#fff;}
.pv2-step:hover .pv2-marker::after{opacity:1;}
.pv2-marker-end{background:var(--blue);border-color:var(--blue);color:#fff;}
.pv2-content{padding-right:18px;}
.pv2-icon{width:36px;height:36px;background:rgba(196,30,58,.08);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:.95rem;margin-bottom:14px;}
.pv2-content h3{font-family:var(--display) !important;font-size:1.35rem !important;color:var(--ink) !important;letter-spacing:1px !important;line-height:1;margin:0 0 10px !important;font-weight:500 !important;}
.pv2-content p{font-family:var(--body);font-size:.85rem;color:var(--text);line-height:1.55;margin:0 0 12px;}
.pv2-meta{display:inline-block;font-family:var(--body);font-size:.66rem;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted);font-weight:600;padding:5px 10px;background:#fff;border:1px solid rgba(15,25,35,.08);}
@media(max-width:980px){.pv2-head{grid-template-columns:1fr;gap:18px;}.pv2-track{grid-template-columns:repeat(2,1fr);gap:30px;}.pv2-progress{display:none;}}
@media(max-width:560px){.pv2-track{grid-template-columns:1fr;}}
/* ─── CARD HOVER POLISH (consistent micro-interactions) ─── */
.flag-card,.proj-card,.testi-card,.bp-card,.dl-card,.why-card,.sol-card,.ind-card{
transition:transform .35s cubic-bezier(.2,.6,.3,1),box-shadow .35s,border-color .35s !important;
}
.flag-card:hover,.proj-card:hover,.testi-card:hover,.bp-card:hover,.dl-card:hover{
transform:translateY(-6px) !important;
box-shadow:0 22px 50px rgba(15,25,35,.10) !important;
}
/* Flag card image scale on hover */
.flag-card-img{overflow:hidden;}
.flag-card-img img{transition:transform .6s ease;}
.flag-card:hover .flag-card-img img{transform:scale(1.06);}
/* Flag card accent border on hover */
.flag-card{border:1px solid #E5E7EB !important;position:relative;}
.flag-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .4s ease;z-index:5;}
.flag-card:hover::before{transform:scaleX(1);}
/* DL card slide arrow */
.dl-card{position:relative;}
.dl-card .dl-arrow{transition:all .3s cubic-bezier(.2,.6,.3,1) !important;}
.dl-card:hover .dl-arrow{transform:translateX(4px);}
/* Testi card top bar slide */
.testi-card{border-top:0 !important;}
.testi-card::before{content:'';position:absolute;top:0;left:0;height:3px;width:40px;background:var(--blue);transition:width .35s ease;}
.testi-card:hover::before{width:100%;}
/* Why card subtle inner border on hover */
.why-card{position:relative;overflow:hidden;}
.why-card::after{content:'';position:absolute;inset:0;border:1px solid var(--blue);opacity:0;transition:opacity .35s;pointer-events:none;}
.why-card:hover::after{opacity:.5;}
/* BP card top bar grows on hover */
.bp-card::before{transition:height .35s ease, background .3s !important;height:3px !important;}
.bp-card:hover::before{height:5px !important;}
/* ─── BUTTON HOVER POLISH (fill + arrow slide) ─── */
.btn-primary{position:relative;overflow:hidden;z-index:1;}
.btn-primary::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--blue-2);transition:left .35s cubic-bezier(.2,.6,.3,1);z-index:-1;}
.btn-primary:hover::after{left:0;}
.btn-primary i{transition:transform .3s;}
.btn-primary:hover i{transform:translateX(3px);}
.btn-light{position:relative;overflow:hidden;z-index:1;transition:color .3s;}
.btn-light::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--ink);transition:left .35s cubic-bezier(.2,.6,.3,1);z-index:-1;}
.btn-light:hover::after{left:0;}
.btn-light:hover{color:#fff !important;}
/* ─── SECTION INDEX numerals (subtle, optional) ─── */
.sec-head .sec-tag{position:relative;}
/* ─── CTA Band polish ─── */
.home-cta-band{position:relative;overflow:hidden;}
.home-cta-band::before{content:'';position:absolute;top:-30%;right:-10%;width:60%;height:160%;background:radial-gradient(ellipse,rgba(255,255,255,.06) 0%,transparent 60%);pointer-events:none;}
/* ─── Refined scroll arrow indicator (hero) ─── */
.hero-dots{bottom:30px !important;}
.hero-arrow{transition:all .3s !important;}
.hero-arrow:hover{background:var(--blue) !important;color:#fff !important;}
/* ─── Flagship CTA more refined ─── */
.flag-card-cta{transition:all .3s !important;}
.flag-card:hover .flag-card-cta{background:var(--blue) !important;color:#fff !important;}
/* ─── Cat showcase strip image hover ─── */
.cs-img{overflow:hidden;}
.cs-img img{transition:transform .8s ease;}
.cs-strip:hover .cs-img img{transform:scale(1.04);}
/* ─── Industries bento tile polish ─── */
.ib-tile{transition:transform .4s cubic-bezier(.2,.6,.3,1),box-shadow .35s !important;}
.ib-tile:hover{transform:translateY(-5px) !important;box-shadow:0 20px 45px rgba(15,25,35,.18) !important;}
.ib-tile-img-bg{background-size:cover;background-position:center;transition:transform .8s ease;position:absolute;inset:0;}
.ib-tile{position:relative;overflow:hidden;}
/* Refined sec-tag underline */
.sec-tag{display:inline-flex;align-items:center;gap:8px;position:relative;padding:6px 0 !important;}
.sec-tag::after{content:'';display:inline-block;width:34px;height:1px;background:currentColor;opacity:.5;margin-left:6px;}
/* Cleaner accent style */
.accent{color:var(--blue) !important;}
/* Smooth fade for reveals */
.reveal{transition:opacity .6s ease,transform .6s ease;}
/* ════════════════════════════════════════════════════════════════
V13 — GLOBAL FONT-WEIGHT CAP (Final override)
Bebas Neue is a condensed display font designed at a single weight.
Forcing 700/800 makes it look heavy/smudged. Cap headings at 500.
════════════════════════════════════════════════════════════════ */
/* All headings — cap at 500 (Bebas Neue's natural designed weight) */
h1, h2, h3, h4, h5, h6,
.page-hero h1, .hero-text-inner h1,
.av6-title, .ib-title,
.spec-head-left h2, .bp-head-left h2,
.dl-head h2, .why-left h2, .global-left h2,
.btn-head h2, .pv2-head-left h2,
.sec-head h2, .cs-body h3, .sol-card-inner h3,
.ib-tile-lg h3, .ib-tile-tall h4, .ib-tile-sm h4,
.bp-card h4, .dl-card h4, .flag-card-body h3,
.proj-body h4, .testi-foot strong,
.av6-stat strong, .ts-num, .ib-mini-stat strong, .why-stat strong,
.av6-feat-text strong, .process-step h3, .pv2-content h3,
.ps-num, .av6-watermark, .flag-card-num,
.cat-hero h1, .cat-hero h2,
.cat-page-hero h1, .cat-page-hero h2,
.cat-detail-hero h1,
.product-card h3, .product-card h4,
.related-card h3, .related-card h4,
.blog-hero h1, .blog-card h3,
.contact-hero h1, .about-hero h1,
.gallery-hero h1, .market-hero h1,
.404-hero h1{
font-weight: 500 !important;
}
/* Body, paragraphs, lists, descriptions — regular 400 */
body, p, li, td, .sec-head p, .av6-desc, .ib-desc,
.bp-head-right p, .dl-head p, .spec-head-left p,
.why-left p, .global-left p, .pv2-head-right p,
.testi-quote, .cat-content p, .cat-content li,
.blog-content p, .about-content p{
font-weight: 400 !important;
}
/* Eyebrow tags & small caps labels — light semibold (calmer than 700) */
.sec-tag, .av6-eyebrow, .cs-eyebrow, .ib-eyebrow,
.bp-since, .dl-tag, .proj-client, .proj-tag,
.cert-chip small, .cert-chip strong,
.av6-info-label, .ib-mini-stat span, .pv2-meta,
.btn-stat-label small, .btn-stat-label,
.spec-help-cta, .mv2-sb-eyebrow,
.flag-card-tag, .sol-tag, .ib-tile-tag,
.flag-spec span, .flag-card-num,
.bp-badge, .mv2-feature-tag,
.av6-pill, .breadcrumb,
.mega-cta-btn, .mega-view-all,
.read-more, .flag-card-link, .mv2-view-all,
.ind-content h4, .ind-content p{
font-weight: 500 !important;
}
/* Strong + buttons + select tags — semibold 600 max (no 700/800) */
strong, b,
.btn, .btn-primary, .btn-light, .btn-quote,
.btn-submit, .btn-outline,
.flag-card-cta, .sol-link, .ib-cta,
.pv2-cta, .mv2-cta-btn,
.bp-logo, .bp-logo small,
.spec-th-feature, .spec-th-model strong,
.spec-table tbody td:first-child,
.cs-features li, .bp-features li, .sol-list li,
.av6-info-value, .testi-foot strong,
.bp-card h4, .why-card h4,
.mv2-tab-text strong{
font-weight: 600 !important;
}
/* Big stat numbers (display) — keep at 500 (display font already chunky enough) */
.btn-stat-num, .why-stat strong, .av6-stat strong,
.ts-num, .ib-mini-stat strong, .flag-spec strong,
.spec-th-model strong, .mv2-feature-specs strong{
font-weight: 500 !important;
}
/* Hero h1 (homepage fallback) — slightly heavier than other h1 for hero impact */
.hero-text-inner h1{
font-weight: 500 !important;
}
/* Page hero (category pages, about, blog, etc.) — readable, not heavy */
.page-hero h1{
font-weight: 500 !important;
letter-spacing: 1px !important;
}
/* Mobile heading sizes — keep them readable */
@media (max-width: 720px){
h1, h2, h3, h4, h5, h6,
.page-hero h1, .hero-text-inner h1,
.cat-page-hero h1{
font-weight: 500 !important;
}
}
/* ════════════════════════════════════════════════════════════════
V18 — WHATSAPP BUTTON UNIVERSAL FIX
Any .btn containing fa-whatsapp icon = WhatsApp brand green
(always visible on any background — dark or light)
════════════════════════════════════════════════════════════════ */
/* Universal: any button containing a WhatsApp icon */
.btn:has(.fa-whatsapp),
.btn:has(i.fa-brands.fa-whatsapp),
a.btn-light:has(.fa-whatsapp),
.about-cta-actions a:has(.fa-whatsapp),
.hcb-actions a:has(.fa-whatsapp){
background: #25D366 !important;
color: #fff !important;
border: 1.5px solid #25D366 !important;
box-shadow: 0 4px 14px rgba(37,211,102,.25) !important;
transition: all .3s ease !important;
}
.btn:has(.fa-whatsapp):hover,
.btn:has(i.fa-brands.fa-whatsapp):hover,
a.btn-light:has(.fa-whatsapp):hover,
.about-cta-actions a:has(.fa-whatsapp):hover,
.hcb-actions a:has(.fa-whatsapp):hover{
background: #1DA851 !important;
border-color: #1DA851 !important;
color: #fff !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 22px rgba(37,211,102,.35) !important;
}
/* Icon inside WA button — keep white */
.btn:has(.fa-whatsapp) i.fa-whatsapp,
a.btn-light:has(.fa-whatsapp) i.fa-whatsapp{
color: #fff !important;
}
/* Optional explicit utility class for fallback (no :has() support) */
.btn-wa, a.btn-wa, button.btn-wa{
background: #25D366 !important;
color: #fff !important;
border: 1.5px solid #25D366 !important;
}
.btn-wa:hover, a.btn-wa:hover, button.btn-wa:hover{
background: #1DA851 !important;
border-color: #1DA851 !important;
color: #fff !important;
}
/* ════════════════════════════════════════════════════════════════
V14 — FLOATING STICKY ICONS — Restore original brand colors
(defeats earlier "tone down" brown gradient at line 2051)
════════════════════════════════════════════════════════════════ */
/* Restore proper circular shape + box-shadow */
.fab-stack .fab{
width: 56px !important;
height: 56px !important;
border-radius: 50% !important;
display: grid !important;
place-items: center !important;
font-size: 1.5rem !important;
color: #fff !important;
box-shadow: 0 8px 24px rgba(0,0,0,.22) !important;
border: 0 !important;
transition: transform .25s ease, box-shadow .25s ease !important;
}
/* WhatsApp icon — official brand green */
.fab-stack .fab.wa{
background: #25D366 !important;
background-image: none !important;
}
.fab-stack .fab.wa:hover{
background: #1DA851 !important;
transform: scale(1.08) !important;
}
.fab-stack .fab.wa i{
color: #fff !important;
}
/* Call icon — phone call green (instead of red, more recognizable) */
.fab-stack .fab.cl{
background: #28a745 !important;
background-image: none !important;
}
.fab-stack .fab.cl:hover{
background: #1e7e34 !important;
transform: scale(1.08) !important;
}
.fab-stack .fab.cl i{
color: #fff !important;
}
/* Pulse ring around WhatsApp — keep green pulse */
.fab-stack .fab.wa::before{
content: "" !important;
position: absolute !important;
inset: -6px !important;
border: 2px solid #25D366 !important;
border-radius: 50% !important;
animation: pulseRing 2s ease-out infinite !important;
opacity: .6 !important;
}
/* ════════════════════════════════════════════════════════════════
V14b — FOOTER GET IN TOUCH — text readability fix
════════════════════════════════════════════════════════════════ */
/* Address text in Get in Touch — brighter than .7 opacity */
.foot-contact li,
.foot-contact li > span:not(.fc-ic){
color: rgba(255,255,255,.88) !important;
font-weight: 400 !important;
}
/* "Factory:" / "Office:" labels — solid white + bold */
.foot-contact li strong{
color: #fff !important;
font-weight: 600 !important;
}
/* Email / Phone links */
.foot-contact li a{
color: rgba(255,255,255,.85) !important;
}
.foot-contact li a:hover{
color: #fff !important;
}
/* Icon circles — red bg, white icon */
.foot-contact .fc-ic{
background: rgba(196,30,58,.15) !important;
color: var(--blue) !important;
border: 1px solid rgba(196,30,58,.25) !important;
}
.foot-contact li:hover .fc-ic{
background: var(--blue) !important;
color: #fff !important;
border-color: var(--blue) !important;
}
/* ════════════════════════════════════════════════════════════════
UNIFIED SECTION HEADINGS — consistent + attractive across the site
════════════════════════════════════════════════════════════════ */
/* Eyebrow — one attractive pill chip on every section head */
.sec-tag,.sec-tag.orange,.sec-tag.white,
.sec-head .sec-tag,
.blog-section .sec-head .sec-tag,
.industries-section .sec-head .sec-tag,
.solutions-section .sec-head .sec-tag,
.flagship-section .sec-head .sec-tag,
.testimonials-section .sec-head .sec-tag,
.spec-head-left .sec-tag,.pv2-head-left .sec-tag,
.dl-head .sec-tag,.why-left .sec-tag,.global-left .sec-tag,
.av6-eyebrow{
display:inline-flex !important;
align-items:center !important;
gap:9px !important;
width:auto !important;
padding:7px 16px !important;
background:rgba(196,30,58,.10) !important;
color:var(--blue) !important;
border:1px solid rgba(196,30,58,.22) !important;
border-radius:999px !important;
font-family:var(--body) !important;
font-weight:600 !important;
font-size:.72rem !important;
letter-spacing:2.5px !important;
text-transform:uppercase !important;
margin-bottom:18px !important;
}
.sec-tag i,.av6-eyebrow i,
.sec-head .sec-tag i,.spec-head-left .sec-tag i,.pv2-head-left .sec-tag i,
.dl-head .sec-tag i,.why-left .sec-tag i,.global-left .sec-tag i{
display:inline-flex !important;
font-size:.8rem !important;
color:var(--blue) !important;
}
/* Dark-bg sections → translucent white eyebrow (after, so it wins) */
.sec-tag.white,
.why-section .sec-tag,.global-section .sec-tag,.spec-section .sec-tag,
.why-left .sec-tag,.global-left .sec-tag,.spec-head-left .sec-tag{
background:rgba(255,255,255,.08) !important;
color:#fff !important;
border-color:rgba(255,255,255,.20) !important;
}
/* Heading h2 — one size / weight / treatment everywhere */
.sec-head h2,
.spec-head-left h2,.pv2-head-left h2,
.dl-head h2,.why-left h2,.global-left h2{
font-family:var(--display) !important;
font-size:clamp(1.9rem,2.8vw,2.85rem) !important;
font-weight:500 !important;
letter-spacing:.5px !important;
line-height:1.08 !important;
margin:0 0 12px !important;
text-transform: uppercase !important;
}
/* Accent word — clean brand red, consistent (no serif italic / underline) */
.sec-head h2 .accent,.sec-head h2 .accent.orange,
.spec-head-left h2 .accent,.dl-head h2 .accent,.pv2-head-left h2 .accent,
.why-left h2 .accent-light,.global-left h2 .accent-light{
font-family:var(--display) !important;
font-style:normal !important;
font-weight:500 !important;
color:var(--blue) !important;
letter-spacing:.5px !important;
}
.sec-head h2 .accent::after{display:none !important;}
/* Centered intro paragraph — consistent */
.sec-head p{
color:var(--muted) !important;
font-size:.96rem !important;
line-height:1.6 !important;
max-width:620px !important;
margin:0 auto !important;
}
/* Tasteful accent underline under centered headings */
.sec-head .deco-line{
display:block !important;
width:56px !important;height:3px !important;
background:linear-gradient(90deg,var(--blue),var(--blue-2)) !important;
border-radius:999px !important;
margin:16px auto 0 !important;
}
/* ════════════════════════════════════════════════════════════════
WHATSAPP + CALL LEAD-GATE MODALS — minimal redesign (match quote modal)
════════════════════════════════════════════════════════════════ */
.modal--wa,.modal--call{
max-width:430px !important;
box-shadow:0 30px 80px rgba(15,25,35,.30) !important;
}
.modal--wa{border-top:3px solid #16A34A !important;}
.modal--call{border-top:3px solid var(--blue) !important;}
/* Accent eyebrow per modal */
.modal--wa .modal-eyebrow,.modal--wa .modal-eyebrow i{color:#16A34A !important;}
.modal--call .modal-eyebrow,.modal--call .modal-eyebrow i{color:var(--blue) !important;}
/* Close button on white minimal header */
.modal--wa .modal-close,.modal--call .modal-close{
background:var(--bg-soft) !important;color:var(--ink) !important;
border-radius:0 !important;top:16px !important;right:16px !important;
width:34px !important;height:34px !important;
}
.modal--wa .modal-close:hover{background:#16A34A !important;color:#fff !important;transform:rotate(90deg);}
.modal--call .modal-close:hover{background:var(--blue) !important;color:#fff !important;transform:rotate(90deg);}
/* Body + fields (sharp, clean — same as quote modal) */
.modal--wa .modal-body,.modal--call .modal-body{padding:18px 30px 30px !important;}
.modal--wa label,.modal--call label{
font-family:var(--body) !important;font-weight:600 !important;
font-size:.7rem !important;letter-spacing:1.2px !important;
text-transform:uppercase !important;color:var(--ink-2) !important;margin-bottom:6px !important;
}
.modal--wa .form-group,.modal--call .form-group{margin-bottom:14px !important;}
.modal--wa .form-control,.modal--call .form-control{
border-radius:0 !important;border:1.5px solid var(--line) !important;
background:var(--bg-soft) !important;padding:12px 14px !important;font-size:.9rem !important;
}
.modal--wa .form-control:focus{border-color:#16A34A !important;background:#fff !important;box-shadow:0 0 0 3px rgba(22,163,74,.14) !important;}
.modal--call .form-control:focus{border-color:var(--blue) !important;background:#fff !important;box-shadow:0 0 0 3px rgba(196,30,58,.12) !important;}
/* Submit buttons — sharp, full width (colour kept from existing --wa/--call) */
.btn-submit--wa,.btn-submit--call{
border-radius:0 !important;padding:15px !important;
font-family:var(--body) !important;font-weight:700 !important;
letter-spacing:2px !important;text-transform:uppercase !important;font-size:.8rem !important;
margin-top:4px !important;
}
.modal--wa .lg-note,.modal--call .lg-note{font-style:normal !important;margin-top:12px !important;}
/* ════════════════════════════════════════════════════════════════
INNER PAGES — shared design system (pg-) : gallery / blog / contact
════════════════════════════════════════════════════════════════ */
.pg-page{--pg-red:var(--blue);--pg-red2:var(--blue-2);--pg-ink:#14181f;--pg-muted:#5b6573;--pg-line:#e7eaef;--pg-cream:#f7f8fa;background:#fff;color:var(--pg-ink);}
.pg-wrap{max-width:1200px;margin:0 auto;padding:0 24px;}
.pg-page section{position:relative;}
.pg-pad{padding:56px 0;}
.pg-cream{background:var(--pg-cream);}
.pg-eye{display:inline-flex;align-items:center;gap:8px;font-family:var(--body)!important;font-weight:600!important;font-size:.68rem!important;letter-spacing:2.5px!important;text-transform:uppercase!important;color:var(--pg-red)!important;background:rgba(196,30,58,.09)!important;border:1px solid rgba(196,30,58,.2)!important;padding:6px 13px!important;border-radius:999px!important;margin-bottom:14px!important;}
.pg-eye i{font-size:.74rem;}
.pg-page h2{font-family:var(--display)!important;font-weight:500!important;font-size:clamp(1.6rem,2.8vw,2.2rem)!important;line-height:1.18!important;letter-spacing:.3px!important;color:var(--pg-ink)!important;text-transform:none!important;margin:0 0 12px!important;}
.pg-page h2 .ac{color:var(--pg-red)!important;}
.pg-sec-head{text-align:center;max-width:640px;margin:0 auto 36px;}
.pg-sec-head p{color:var(--pg-muted);font-size:.95rem;line-height:1.6;margin:6px auto 0;}
/* HERO */
.pg-hero{background:linear-gradient(135deg,#1a0d10 0%,#3d1119 55%,#5c0f17 100%);color:#fff;padding:48px 0 42px;overflow:hidden;}
.pg-hero::after{content:"";position:absolute;top:-60px;right:-40px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,90,80,.18),transparent 70%);pointer-events:none;}
.pg-hero .pg-eye{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.26)!important;color:#fff!important;}
.pg-hero h1{font-family:var(--display)!important;font-weight:500!important;font-size:clamp(1.9rem,4vw,3rem)!important;line-height:1.1!important;letter-spacing:.4px!important;color:#fff!important;text-transform:none!important;margin:0 0 14px!important;position:relative;z-index:1;}
.pg-hero h1 .ac{color:#ff6b5b!important;}
.pg-bc{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:.8rem;color:rgba(255,255,255,.7);position:relative;z-index:1;}
.pg-bc a{color:rgba(255,255,255,.72);transition:color .2s;}.pg-bc a:hover{color:#fff;}
.pg-bc i{font-size:.55rem;opacity:.55;}
.pg-bc span.cur{color:#fff;}
.pg-hero-sub{font-size:1rem;color:rgba(255,255,255,.8);max-width:600px;line-height:1.65;margin:0 0 18px;position:relative;z-index:1;}
/* BUTTONS */
.pg-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border-radius:10px;font-size:.78rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:1.5px solid transparent;transition:all .25s;font-family:var(--body);}
.pg-btn-primary{background:var(--pg-red);color:#fff;box-shadow:0 12px 26px rgba(196,30,58,.28);}
.pg-btn-primary:hover{background:var(--pg-red2);transform:translateY(-2px);}
.pg-btn-wa{background:#16A34A;color:#fff;}.pg-btn-wa:hover{background:#15803D;transform:translateY(-2px);}
.pg-btn-ghost{background:#fff;color:var(--pg-ink);border-color:var(--pg-line);}.pg-btn-ghost:hover{border-color:var(--pg-red);color:var(--pg-red);}
/* CTA */
.pg-cta{background:linear-gradient(135deg,#1a0d10,#5c0f17);color:#fff;padding:54px 0;}
.pg-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:34px;flex-wrap:wrap;}
.pg-cta .pg-eye{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.26)!important;color:#fff!important;}
.pg-cta h2{color:#fff!important;margin-bottom:10px!important;}
.pg-cta p{color:rgba(255,255,255,.8);font-size:.95rem;line-height:1.65;max-width:480px;margin:0;}
.pg-cta-actions{display:flex;gap:12px;flex-wrap:wrap;}
.pg-cta .pg-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4);}
.pg-cta .pg-btn-ghost:hover{background:#fff;color:var(--pg-ink);border-color:#fff;}
/* PROSE (article) */
.pg-prose{font-size:1rem;line-height:1.8;color:var(--pg-muted);}
.pg-prose > *:first-child{margin-top:0!important;}
.pg-prose h2,.pg-prose h3,.pg-prose h4{font-family:var(--display)!important;font-weight:600!important;color:var(--pg-ink)!important;text-transform:none!important;letter-spacing:.2px!important;line-height:1.25!important;}
.pg-prose h2{font-size:1.5rem!important;margin:1.7em 0 .55em!important;padding-bottom:.4em;border-bottom:1px solid var(--pg-line);}
.pg-prose h3{font-size:1.22rem!important;margin:1.5em 0 .5em!important;}
.pg-prose h4{font-size:1.05rem!important;margin:1.3em 0 .4em!important;}
.pg-prose p{margin:0 0 1.1em!important;}
.pg-prose strong{color:var(--pg-ink);font-weight:600;}
.pg-prose a{color:var(--pg-red);text-decoration:underline;text-underline-offset:2px;}
.pg-prose ul,.pg-prose ol{margin:.5em 0 1.3em;padding-left:0;list-style:none;}
.pg-prose ul li,.pg-prose ol li{position:relative;padding-left:28px;margin-bottom:.55em;line-height:1.7;}
.pg-prose ul li::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;top:.2em;font-size:.74rem;color:var(--pg-red);}
.pg-prose ol{counter-reset:pgli;}.pg-prose ol li{counter-increment:pgli;}
.pg-prose ol li::before{content:counter(pgli);position:absolute;left:0;top:.05em;width:19px;height:19px;font-size:.66rem;font-weight:700;color:#fff;background:var(--pg-red);border-radius:50%;display:grid;place-items:center;line-height:1;}
.pg-prose img{max-width:100%;height:auto;border-radius:12px;margin:1.2em 0;}
.pg-prose table{width:100%;border-collapse:collapse;margin:1.3em 0;font-size:.9rem;}
.pg-prose th,.pg-prose td{border:1px solid var(--pg-line);padding:10px 14px;text-align:left;}
.pg-prose th{background:var(--pg-cream);color:var(--pg-ink);font-weight:600;}
.pg-prose blockquote{margin:1.3em 0;padding:14px 22px;background:var(--pg-cream);border-left:3px solid var(--pg-red);color:var(--pg-ink);font-style:italic;}
.pg-prose iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:12px;margin:1.2em 0;display:block;}
/* EMPTY STATE */
.pg-empty{text-align:center;max-width:480px;margin:0 auto;padding:50px 20px;}
.pg-empty .ic{width:70px;height:70px;border-radius:50%;background:rgba(196,30,58,.09);color:var(--pg-red);display:grid;place-items:center;font-size:1.8rem;margin:0 auto 18px;}
.pg-empty h3{font-family:var(--display)!important;font-weight:500!important;font-size:1.3rem!important;color:var(--pg-ink)!important;text-transform:none!important;margin:0 0 8px!important;}
.pg-empty p{color:var(--pg-muted);font-size:.95rem;line-height:1.6;}
.pg-empty a{color:var(--pg-red);font-weight:600;}
@media(max-width:600px){.pg-pad{padding:40px 0;}.pg-cta-inner{flex-direction:column;align-items:flex-start;}}
/* ════════════════════════════════════════════════════════════════
FOOTER — enhancements (CTA band · logo · trust badges · bottom bar)
════════════════════════════════════════════════════════════════ */
footer{padding-top:0 !important;}
footer > .container{padding-top:54px;}
/* CTA band */
.foot-cta{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-2) 55%,var(--blue-3) 100%);padding:30px 0;position:relative;overflow:hidden;}
.foot-cta::after{content:"";position:absolute;top:-60px;right:-30px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%);pointer-events:none;}
.foot-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;position:relative;z-index:1;}
.foot-cta-eye{display:inline-flex;align-items:center;gap:8px;font-size:.66rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.88);margin-bottom:8px;}
.foot-cta-copy h3{font-family:var(--display) !important;font-weight:500 !important;font-size:clamp(1.3rem,2.4vw,1.9rem) !important;color:#fff !important;text-transform:none !important;letter-spacing:.3px !important;margin:0 0 4px !important;line-height:1.15 !important;}
.foot-cta-copy p{font-size:.9rem;color:rgba(255,255,255,.85);margin:0;}
.foot-cta-actions{display:flex;gap:12px;flex-wrap:wrap;}
.foot-cta-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 24px;border-radius:10px;font-size:.78rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:0;transition:all .25s;background:#fff;color:var(--blue);}
.foot-cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.25);}
.foot-cta-btn--wa{background:#16A34A;color:#fff;}
.foot-cta-btn--wa:hover{background:#15803D;}
/* Brand logo chip (visible on dark footer) */
.foot-logo{display:inline-flex;background:#fff;padding:10px 16px;border-radius:12px;margin-bottom:18px;align-self:flex-start;box-shadow:0 8px 22px rgba(0,0,0,.18);}
.foot-logo img{height:46px;width:auto;display:block;}
/* Trust badges row */
.foot-badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:24px 0 4px;margin-top:8px;border-top:1px solid rgba(255,255,255,.1);}
.foot-badges span{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:500;letter-spacing:.5px;color:rgba(255,255,255,.82);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);padding:8px 14px;border-radius:999px;}
.foot-badges i{color:#ff6b5b;}
/* Bottom bar */
.foot-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.foot-top{display:inline-flex;align-items:center;gap:9px;font-size:.78rem;font-weight:600;letter-spacing:.5px;color:rgba(255,255,255,.6) !important;transition:color .2s;}
.foot-top:hover{color:#fff !important;}
.foot-top i{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;font-size:.68rem;transition:all .2s;}
.foot-top:hover i{background:var(--blue);color:#fff;}
@media(max-width:680px){.foot-cta-inner{flex-direction:column;align-items:flex-start;}.foot-bottom-inner{justify-content:center;text-align:center;}}
/* ═══════════════════════════════════════════════════════════════
VANDS HOMEPAGE — REFERENCE THEME (dark navy + red) · 2026 redesign
All classes namespaced (v*) — does not touch existing components
═══════════════════════════════════════════════════════════════ */
:root{
--navy:#0c1c30; --navy-2:#0a1626; --navy-3:#11283f; --navy-card:#142b44;
--navy-line:rgba(255,255,255,.10);
--vred:#C41E3A; --vred-2:#A8172E;
}
/* ---- Shared button system ---- */
.vbtn{display:inline-flex;align-items:center;gap:9px;font-family:var(--display);font-weight:600;font-size:.88rem;letter-spacing:.01em;padding:13px 26px;border-radius:6px;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;cursor:pointer;line-height:1;}
.vbtn i{font-size:.8rem;transition:transform .25s;}
.vbtn:hover i{transform:translateX(3px);}
.vbtn-red{background:var(--vred);color:#fff;box-shadow:0 8px 20px rgba(196,30,58,.28);}
.vbtn-red:hover{background:var(--vred-2);transform:translateY(-2px);box-shadow:0 12px 26px rgba(196,30,58,.4);}
.vbtn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.32);}
.vbtn-ghost:hover{background:#fff;color:var(--navy);border-color:#fff;}
.vbtn-outline{background:transparent;color:var(--ink);border:1.5px solid var(--line);}
.vbtn-outline:hover{background:var(--vred);color:#fff;border-color:var(--vred);transform:translateY(-2px);}
.vbtn-white{background:#fff;color:var(--vred);font-weight:700;box-shadow:0 10px 26px rgba(0,0,0,.18);}
.vbtn-white:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(0,0,0,.26);}
/* ---- Shared section head (refined typography) ---- */
.vsec-head{text-align:center;max-width:660px;margin:0 auto 48px;}
.vsec-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--display);font-weight:700;font-size:.7rem;letter-spacing:.26em;text-transform:uppercase;color:var(--vred);margin-bottom:15px;}
.vsec-eyebrow::before,.vsec-eyebrow::after{content:"";width:20px;height:2px;background:var(--vred);opacity:.5;border-radius:2px;}
.vsec-head h2{font-family:var(--display);font-weight:800;font-size:clamp(1.9rem,3.3vw,2.7rem);line-height:1.1;letter-spacing:-.025em;color:var(--ink);text-transform:none;}
.vsec-head h2 .accent{color:var(--vred);}
.vsec-head p{margin:15px auto 0;color:var(--muted);font-size:.97rem;max-width:560px;line-height:1.62;}
/* ═══════════ HERO ═══════════ */
.vhero{position:relative;background:linear-gradient(135deg,var(--navy-2) 0%,var(--navy) 55%,var(--navy-3) 100%);color:#fff;overflow:hidden;padding:62px 0 70px;}
.vhero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,rgba(196,30,58,.14),transparent 55%),url('https://images.unsplash.com/photo-1565793298595-6a879b1d9492?w=1600&h=900&fit=crop') center/cover;opacity:.10;pointer-events:none;}
.vhero .container{position:relative;z-index:2;}
.vhero-grid{display:grid;grid-template-columns:1.05fr 1.25fr .62fr;gap:30px;align-items:center;}
.vhero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#ff5a6e;margin-bottom:16px;}
.vhero-eyebrow-bar{width:30px;height:2px;background:var(--vred);display:inline-block;}
.vhero-title{font-size:clamp(2rem,3.6vw,3rem);line-height:1.08;text-transform:uppercase;font-weight:800;color:#fff;letter-spacing:-.01em;}
.vhero-title-accent{color:var(--vred);}
.vhero-sub{margin:18px 0 24px;color:rgba(255,255,255,.72);font-size:.96rem;max-width:380px;}
.vhero-stats{display:flex;flex-wrap:wrap;gap:22px 30px;margin-bottom:28px;}
.vhero-stat{display:flex;flex-direction:column;gap:2px;position:relative;padding-left:14px;}
.vhero-stat::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:3px;background:var(--vred);border-radius:2px;}
.vhero-stat strong{font-family:var(--display);font-weight:800;font-size:1.18rem;line-height:1.05;color:#fff;}
.vhero-stat strong sup{font-size:.65em;color:var(--vred);}
.vhero-stat span{font-size:.68rem;line-height:1.25;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.04em;}
.vhero-cta{display:flex;flex-wrap:wrap;gap:14px;}
.vhero-media{position:relative;min-height:300px;display:flex;align-items:center;justify-content:center;}
.vh-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .8s ease;}
.vh-slide.active{opacity:1;position:relative;}
.vh-slide img{max-height:380px;width:auto;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5));}
.vh-dots{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3;}
.vh-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;transition:all .25s;}
.vh-dot.active{background:var(--vred);width:22px;border-radius:5px;}
.vhero-feats{display:flex;flex-direction:column;gap:6px;border-left:1px solid var(--navy-line);padding-left:22px;}
.vhero-feat{display:flex;align-items:center;gap:12px;padding:8px 0;}
.vhero-feat-ic{width:40px;height:40px;flex-shrink:0;border-radius:50%;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;color:#fff;font-size:.95rem;transition:all .25s;}
.vhero-feat:hover .vhero-feat-ic{background:var(--vred);border-color:var(--vred);}
.vhero-feat-txt{display:flex;flex-direction:column;line-height:1.15;}
.vhero-feat-txt strong{font-family:var(--display);font-weight:700;font-size:.82rem;color:#fff;}
.vhero-feat-txt span{font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.5);}
/* ═══════════ INDUSTRIES STRIP ═══════════ */
.vind{background:#fff;padding:34px 0;border-bottom:1px solid var(--line);}
.vind-title{text-align:center;font-family:var(--display);font-size:.82rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px;}
.vind-title strong{color:var(--vred);font-weight:700;}
.vind-line{height:1px;width:46px;background:var(--line);}
.vind-row{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;}
.vind-item{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1;min-width:90px;color:var(--ink);transition:transform .25s;}
.vind-item:hover{transform:translateY(-4px);}
.vind-ic{font-size:1.8rem;color:var(--navy);transition:color .25s;}
.vind-item:hover .vind-ic{color:var(--vred);}
.vind-name{font-family:var(--display);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text);text-align:center;}
/* ═══════════ SHARED CAROUSEL (4-up autoplay) ═══════════ */
.vcar{position:relative;display:flex;align-items:center;gap:12px;}
.vcar-rail{display:flex;gap:18px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:8px 4px 16px;flex:1;scrollbar-width:none;-ms-overflow-style:none;}
.vcar-rail::-webkit-scrollbar{display:none;}
.vcar-nav{width:44px;height:44px;flex-shrink:0;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--navy);display:grid;place-items:center;font-size:.85rem;box-shadow:var(--shadow-md);transition:all .25s;}
.vcar-nav:hover{background:var(--vred);color:#fff;border-color:var(--vred);}
/* Mobile: hide arrows, use swipe — gives a clean full-width card per view */
@media(max-width:680px){
.vcar{gap:0;}
.vcar-nav{display:none;}
.vcar-rail{padding:8px 0 16px;scroll-padding:0 24px;}
}
/* ═══════════ PRODUCTS (filterable grid + feature band) ═══════════ */
.vprod{background:var(--bg-soft);padding:62px 0 0;}
.vprod-title{font-style:italic;}
.vprod .vsec-head{margin-bottom:32px;}
/* Filter tabs */
.vprod-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 auto 40px;}
.vprod-tab{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:600;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:13px 22px;border-radius:8px;background:transparent;border:1px solid transparent;cursor:pointer;transition:all .22s;position:relative;}
.vprod-tab i{font-size:1.05rem;opacity:.65;}
.vprod-tab:hover{color:var(--ink);background:#fff;}
.vprod-tab.active{background:var(--navy);color:#fff;}
.vprod-tab.active i{opacity:1;color:#fff;}
.vprod-tab.active::after{content:"";position:absolute;left:22px;right:22px;bottom:7px;height:2px;background:var(--vred);border-radius:2px;}
/* Product grid */
.vprod-card{flex:0 0 calc((100% - 3*18px)/4);min-width:220px;scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 20px 24px;display:flex;flex-direction:column;text-align:left;transition:all .28s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);}
.vprod-card:hover{transform:translateY(-6px);box-shadow:0 20px 42px rgba(12,28,48,.15);border-color:transparent;}
.vprod-img{aspect-ratio:1/1;display:grid;place-items:center;padding:0;margin-bottom:14px;overflow:hidden;}
.vprod-img img{max-height:100%;max-width:100%;width:auto;object-fit:contain;transition:transform .35s;}
.vprod-card:hover .vprod-img img{transform:scale(1.06);}
.vprod-img-ic{width:70px;height:70px;border-radius:16px;background:var(--blue-light);color:var(--vred);display:grid;place-items:center;font-size:1.8rem;}
.vprod-card h3{font-size:1.02rem !important;line-height:1.24 !important;text-transform:uppercase;margin:0 0 9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.55em;position:relative;z-index:2;color:var(--ink) !important;}
.vprod-card p,.vprod-arrow{position:relative;z-index:2;}
.vprod-card p{font-size:.8rem;line-height:1.55;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em;}
.vprod-arrow{margin-top:10px;width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:.72rem;transition:all .25s;}
.vprod-card:hover .vprod-arrow{background:var(--vred);transform:translateX(3px);}
/* Feature band */
.vprod-band{margin-top:54px;background:var(--navy);color:#fff;position:relative;overflow:hidden;}
.vprod-band-inner{display:grid;grid-template-columns:1fr auto;align-items:stretch;}
.vprod-feats{display:grid;grid-template-columns:repeat(4,1fr);padding:34px 30px 34px max(24px,calc((100vw - 1300px)/2 + 24px));}
.vprod-feat{position:relative;padding:6px 24px;}
.vprod-feat:not(:last-child)::after{content:"";position:absolute;right:0;top:4px;bottom:4px;width:1px;background:rgba(255,255,255,.13);}
.vprod-feat-ic{font-size:1.7rem;color:#fff;margin-bottom:13px;display:block;}
.vprod-feat h5{font-size:.82rem;text-transform:uppercase;letter-spacing:.02em;color:#fff !important;margin-bottom:6px;line-height:1.2;}
.vprod-feat p{font-size:.74rem;color:rgba(255,255,255,.6);line-height:1.45;}
.vprod-help{background:linear-gradient(120deg,var(--vred),var(--vred-2));display:flex;align-items:center;gap:18px;padding:34px 44px 34px 64px;clip-path:polygon(40px 0,100% 0,100% 100%,0 100%);min-width:400px;}
.vprod-help-ic{font-size:2.3rem;color:rgba(255,255,255,.92);flex-shrink:0;}
.vprod-help-txt strong{display:block;font-family:var(--display);font-weight:700;font-size:1rem;text-transform:uppercase;line-height:1.2;margin-bottom:13px;color:#fff;}
.vprod-help-btn{display:inline-flex;align-items:center;gap:9px;background:#fff;color:var(--vred);font-family:var(--display);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;padding:11px 20px;border-radius:6px;transition:all .22s;}
.vprod-help-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.28);}
@media(max-width:1180px){
.vprod-card{flex-basis:calc((100% - 2*18px)/3);}
.vprod-band-inner{grid-template-columns:1fr;}
.vprod-feats{grid-template-columns:repeat(3,1fr);gap:26px 0;}
.vprod-feat::after{display:none;}
.vprod-help{clip-path:none;min-width:0;justify-content:space-between;}
}
@media(max-width:760px){
.vprod-card{flex-basis:calc((100% - 18px)/2);}
.vprod-feats{grid-template-columns:1fr 1fr;}
}
@media(max-width:480px){
.vprod-card{flex-basis:84%;min-width:0;}
}
@media(max-width:460px){
.vprod-feats{grid-template-columns:1fr;}
.vprod-help{flex-direction:column;align-items:flex-start;text-align:left;}
}
/* ═══════════ WHY CHOOSE ═══════════ */
.vwc{background:linear-gradient(135deg,var(--navy-2),var(--navy) 60%,var(--navy-3));color:#fff;padding:0;overflow:hidden;}
.vwc-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:0;align-items:stretch;}
.vwc-left{position:relative;display:flex;align-items:flex-end;min-height:440px;padding:38px;}
.vwc-photo{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.32;}
.vwc-left::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,var(--navy) 92%);}
.vwc-intro{position:relative;z-index:2;}
.vwc-eyebrow{font-family:var(--display);font-weight:700;font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:#ff5a6e;}
.vwc-intro h2{font-size:clamp(2.4rem,4vw,3.4rem);color:#fff;text-transform:uppercase;letter-spacing:-.01em;margin:2px 0 14px;}
.vwc-intro p{color:rgba(255,255,255,.72);font-size:.95rem;max-width:320px;margin-bottom:22px;}
.vwc-right{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--navy-line);}
.vwc-card{background:var(--navy);padding:30px 26px;display:flex;flex-direction:column;gap:14px;transition:background .25s;}
.vwc-card:hover{background:var(--navy-card);}
.vwc-ic{width:48px;height:48px;border-radius:8px;border:1px solid rgba(196,30,58,.45);display:grid;place-items:center;color:var(--vred);font-size:1.15rem;transition:all .25s;}
.vwc-card:hover .vwc-ic{background:var(--vred);color:#fff;border-color:var(--vred);}
.vwc-card-txt h4{font-size:.92rem;text-transform:uppercase;letter-spacing:.02em;color:#fff;margin-bottom:6px;}
.vwc-card-txt p{font-size:.8rem;line-height:1.55;color:rgba(255,255,255,.6);}
/* ═══════════ WHY CHOOSE — full-width banner ═══════════ */
.vwc-banner{width:100%;line-height:0;}
.vwc-banner img{width:100%;height:auto;display:block;}
/* ═══════════ STATS BAND ═══════════ */
.vstat{background:#fff;padding:42px 0;border-bottom:1px solid var(--line);}
.vstat-row{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.vstat-item{display:flex;align-items:center;gap:16px;flex:1;min-width:190px;justify-content:center;position:relative;}
.vstat-item:not(:last-child)::after{content:"";position:absolute;right:0;top:6px;bottom:6px;width:1px;background:var(--line);}
.vstat-ic{width:54px;height:54px;border-radius:50%;background:var(--blue-light);color:var(--vred);display:grid;place-items:center;font-size:1.3rem;flex-shrink:0;}
.vstat-item strong{font-family:var(--display);font-weight:800;font-size:1.9rem;color:var(--navy);display:block;line-height:1;}
.vstat-item strong sup{color:var(--vred);font-size:.6em;}
.vstat-item > div > span{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;}
/* ═══════════ APPLICATIONS — INDUSTRIES STRIP ═══════════ */
.vapps{background:var(--bg-soft);padding:58px 0;}
.vapps-title{font-style:italic;text-transform:uppercase;}
.vapps .vsec-head{margin-bottom:36px;}
/* Skewed industry tiles */
.vapps-strip{display:flex;gap:5px;padding:0 12px;}
.vapps-tile{flex:1;min-width:0;height:380px;position:relative;display:flex;flex-direction:column;overflow:hidden;clip-path:polygon(11% 0,100% 0,89% 100%,0 100%);transition:transform .3s;}
.vapps-tile:hover{transform:translateY(-5px);}
.vapps-tile-img{flex:1;background-size:cover;background-position:center;transition:transform .4s;}
.vapps-tile:hover .vapps-tile-img{transform:scale(1.06);}
.vapps-tile-foot{height:90px;background:var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:0 18px;}
.vapps-tile-ic{font-size:1.55rem;color:#fff;}
.vapps-tile-name{font-family:var(--display);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#fff;text-align:center;line-height:1.15;}
.vapps-tile-name::after{content:"";display:block;width:26px;height:2px;background:var(--vred);margin:6px auto 0;border-radius:2px;}
/* Feature row */
.vapps-feats{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px 30px;margin-top:38px;}
.vapps-feat{display:flex;align-items:center;gap:14px;position:relative;padding-right:30px;}
.vapps-feat:not(:last-child)::after{content:"";position:absolute;right:0;top:8px;bottom:8px;width:1px;background:var(--line);}
.vapps-feat-ic{width:54px;height:54px;flex-shrink:0;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--navy);font-size:1.2rem;}
.vapps-feat-name{font-family:var(--display);font-weight:700;font-size:.86rem;text-transform:uppercase;line-height:1.2;color:var(--ink);max-width:130px;}
@media(max-width:1100px){
.vapps-strip{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;}
.vapps-strip::-webkit-scrollbar{display:none;}
.vapps-tile{flex:0 0 210px;scroll-snap-align:start;height:340px;}
}
@media(max-width:760px){
.vapps-feat{padding-right:0;}
.vapps-feat::after{display:none !important;}
.vapps-feats{gap:18px 26px;}
}
/* ═══════════ FEATURED PRODUCTS ═══════════ */
.vfeat{background:#fff;padding:64px 0;}
.vfeat-wrap{position:relative;display:flex;align-items:center;gap:10px;}
.vfeat-rail{display:flex;gap:18px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:8px 4px 14px;flex:1;-ms-overflow-style:none;scrollbar-width:none;}
.vfeat-rail::-webkit-scrollbar{display:none;}
.vfeat-card{flex:0 0 calc((100% - 3*18px)/4);min-width:220px;scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;position:relative;transition:all .28s;display:flex;flex-direction:column;}
.vfeat-card:hover{box-shadow:0 18px 38px rgba(12,28,48,.13);transform:translateY(-5px);border-color:transparent;}
.vfeat-badge{position:absolute;top:10px;left:10px;z-index:3;background:var(--vred);color:#fff;font-family:var(--display);font-weight:700;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:4px;}
.vfeat-img{aspect-ratio:1/1;display:grid;place-items:center;padding:22px;background:var(--bg-soft);}
.vfeat-img img{max-height:100%;max-width:100%;object-fit:contain;transition:transform .35s;}
.vfeat-card:hover .vfeat-img img{transform:scale(1.07);}
.vfeat-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;}
.vfeat-body h3{font-family:var(--display);font-weight:700;font-size:.95rem;text-transform:none;letter-spacing:-.01em;color:var(--ink);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em;}
.vfeat-body p{font-size:.78rem;color:var(--muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.vfeat-link{margin-top:6px;font-family:var(--display);font-weight:600;font-size:.78rem;color:var(--vred);display:inline-flex;align-items:center;gap:7px;transition:gap .25s;}
.vfeat-link:hover{gap:11px;}
.vfeat-nav{width:42px;height:42px;flex-shrink:0;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--navy);display:grid;place-items:center;font-size:.85rem;box-shadow:var(--shadow-md);transition:all .25s;}
.vfeat-nav:hover{background:var(--vred);color:#fff;border-color:var(--vred);}
/* ═══════════ LOGOS — Trusted by Leading Companies ═══════════ */
.vlogos{background:linear-gradient(rgba(248,250,253,.55),rgba(248,250,253,.72)),url('../uploads/page/client-bg.png') no-repeat;background-size:100%;background-position:top;padding:58px 0;}
.vlogos-h{font-style:italic;text-transform:uppercase;}
.vlogos .vsec-head{margin-bottom:34px;}
.vlogos-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;}
.vlogo-card{flex:0 0 calc((100% - 6*16px)/7);min-width:150px;height:118px;background:#fff;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;padding:18px 22px;box-shadow:var(--shadow-sm);transition:all .26s cubic-bezier(.4,0,.2,1);}
.vlogo-card:hover{transform:translateY(-5px);box-shadow:0 16px 32px rgba(12,28,48,.13);border-color:transparent;}
.vlogo-card img{max-height:62px;max-width:100%;object-fit:contain;}
.vlogo-text{font-family:var(--display);font-weight:800;font-size:1.05rem;letter-spacing:.02em;color:var(--navy);text-align:center;}
.vlogo-card.vlogo-text:hover{color:var(--vred);}
.vlogos-band{margin-top:44px;background:linear-gradient(120deg,var(--navy-2),var(--navy) 60%,var(--navy-3));border-radius:14px;padding:30px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;box-shadow:0 18px 40px rgba(12,28,48,.16);}
.vlogos-stat{flex:1;min-width:170px;display:flex;align-items:center;justify-content:center;gap:15px;position:relative;padding:6px 14px;}
.vlogos-stat:not(:last-child)::after{content:"";position:absolute;right:0;top:8px;bottom:8px;width:1px;background:rgba(255,255,255,.14);}
.vlogos-stat-ic{font-size:2.05rem;color:#fff;flex-shrink:0;}
.vlogos-stat-txt strong{display:block;font-family:var(--display);font-weight:800;font-size:1.7rem;line-height:1;color:var(--vred);text-transform:uppercase;}
.vlogos-stat-txt span{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:#fff;font-weight:600;}
@media(max-width:1100px){
.vlogo-card{flex-basis:calc((100% - 4*16px)/5);}
.vlogos-stat{flex:0 0 calc(33.333% - 12px);}
.vlogos-stat:nth-child(3)::after{display:none;}
}
@media(max-width:680px){
.vlogo-card{flex-basis:calc((100% - 2*16px)/3);min-width:0;height:96px;padding:12px;}
.vlogo-card img{max-height:48px;}
.vlogos-stat{flex:0 0 calc(50% - 9px);}
.vlogos-stat::after{display:none !important;}
}
/* ═══════════ TESTIMONIALS ═══════════ */
.vtesti{background:#fff;padding:60px 0;}
.vtesti-h{font-style:italic;text-transform:uppercase;}
.vtesti .vsec-head{margin-bottom:36px;}
.vtesti-card{flex:0 0 calc((100% - 2*22px)/3);min-width:280px;scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px 26px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:all .28s cubic-bezier(.4,0,.2,1);}
.vtesti-card:hover{box-shadow:0 18px 38px rgba(12,28,48,.12);transform:translateY(-5px);border-color:transparent;}
.vtesti-quote-ic{font-size:1.9rem;color:var(--blue-light);margin-bottom:14px;line-height:1;}
.vtesti-text{font-size:.9rem;line-height:1.68;color:var(--text);margin-bottom:18px;flex:1;}
.vtesti-divider{height:1px;background:var(--line);margin-bottom:18px;}
.vtesti-foot{display:flex;align-items:flex-start;gap:14px;}
.vtesti-avatar{width:54px;height:54px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,var(--navy-2),var(--navy-3));color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:1.05rem;letter-spacing:.02em;}
.vtesti-meta{display:flex;flex-direction:column;}
.vtesti-meta strong{font-size:.92rem;color:var(--ink);line-height:1.2;}
.vtesti-meta small{font-size:.76rem;color:var(--muted);margin-bottom:6px;}
.vtesti-company{font-family:var(--display);font-weight:500;font-size:.6rem;color:var(--navy);text-transform:uppercase;letter-spacing:.02em;margin-bottom:7px;}
.vtesti-stars{display:flex;gap:2px;color:#F5A623;font-size:.78rem;}
.vtesti-band{margin-top:38px;background:var(--bg-soft);border:1px solid var(--line);border-radius:16px;padding:26px 24px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;}
.vtesti-stat{flex:1;min-width:200px;display:flex;align-items:center;justify-content:center;gap:16px;position:relative;padding:4px 14px;}
.vtesti-stat:not(:last-child)::after{content:"";position:absolute;right:0;top:8px;bottom:8px;width:1px;background:var(--line);}
.vtesti-stat-ic{width:62px;height:62px;flex-shrink:0;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--navy);font-size:1.45rem;}
.vtesti-stat-txt strong{display:block;font-family:var(--display);font-weight:800;font-size:1.65rem;line-height:1;color:var(--vred);}
.vtesti-stat-txt h5{font-size:.84rem;text-transform:uppercase;letter-spacing:.02em;color:var(--ink);margin:4px 0 2px;}
.vtesti-stat-txt small{font-size:.74rem;color:var(--muted);}
@media(max-width:1024px){.vtesti-card{flex-basis:calc((100% - 22px)/2);}.vtesti-stat{flex:0 0 calc(50% - 9px);}.vtesti-stat:nth-child(2)::after{display:none;}}
@media(max-width:760px){.vtesti-stat::after{display:none !important;}}
@media(max-width:560px){.vtesti-card{flex-basis:88%;min-width:0;}}
/* ═══════════ INSIGHTS ═══════════ */
.vins{background:#fff;padding:60px 0;}
.vins-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:16px;flex-wrap:wrap;}
.vins-head h3{font-family:var(--display);font-weight:800;font-size:clamp(1.5rem,2.5vw,2.1rem);line-height:1.1;letter-spacing:-.025em;text-transform:none;color:var(--ink);}
.vins-head h3 .accent{color:var(--vred);}
.vins-all{font-family:var(--display);font-weight:600;font-size:.82rem;color:var(--vred);display:inline-flex;align-items:center;gap:8px;transition:gap .25s;}
.vins-all:hover{gap:12px;}
.vins-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.vins-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:all .28s;display:flex;flex-direction:column;}
.vins-card:hover{box-shadow:0 16px 34px rgba(12,28,48,.12);transform:translateY(-5px);}
.vins-img{display:block;aspect-ratio:16/10;overflow:hidden;}
.vins-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.vins-card:hover .vins-img img{transform:scale(1.06);}
.vins-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:9px;}
.vins-date{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:6px;}
.vins-body h4{font-size:.92rem;line-height:1.4;color:var(--ink);}
.vins-body h4 a:hover{color:var(--vred);}
.vins-more{font-family:var(--display);font-weight:600;font-size:.78rem;color:var(--vred);display:inline-flex;align-items:center;gap:7px;margin-top:auto;transition:gap .25s;}
.vins-more:hover{gap:11px;}
/* ═══════════ CTA BAND ═══════════ */
.vcta{position:relative;background:linear-gradient(105deg,#d4233b 0%,var(--vred) 42%,var(--vred-2) 75%,#7a1020 100%);color:#fff;padding:54px 0;overflow:hidden;}
.vcta::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.10),transparent 42%);pointer-events:none;z-index:1;}
.vcta-photo{position:absolute;top:0;right:0;bottom:0;width:44%;background:url('https://images.unsplash.com/photo-1581092160562-40aa08e78837?w=1000&h=500&fit=crop') center/cover;opacity:.16;mask-image:linear-gradient(90deg,transparent,#000 60%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%);}
.vcta .container{position:relative;z-index:2;}
.vcta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;}
.vcta-copy{max-width:640px;}
.vcta-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--display);font-weight:700;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.82);margin-bottom:14px;}
.vcta-eyebrow i{font-size:.82rem;}
.vcta-copy h2{color:#fff !important;font-family:var(--display);font-weight:800;font-size:clamp(1.6rem,2.9vw,2.5rem);letter-spacing:.01em;line-height:1.1;text-transform:uppercase;}
.vcta-copy p{color:rgba(255,255,255,.92);font-size:.98rem;margin-top:12px;line-height:1.6;max-width:540px;}
.vcta-actions{display:flex;gap:14px;flex-wrap:wrap;flex-shrink:0;}
.vcta-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:.86rem;letter-spacing:.03em;text-transform:uppercase;padding:15px 28px;border-radius:9px;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;}
.vcta-btn i{font-size:.85rem;transition:transform .25s;}
.vcta-btn--light{background:#fff;color:var(--vred);box-shadow:0 10px 26px rgba(0,0,0,.18);}
.vcta-btn--light:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,0,0,.28);}
.vcta-btn--light:hover i{transform:translateX(3px);}
.vcta-btn--wa{background:#25D366;color:#fff;box-shadow:0 10px 26px rgba(0,0,0,.18);}
.vcta-btn--wa:hover{background:#1faa52;transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,0,0,.28);}
.vcta-btn--wa i{font-size:1.1rem;}
/* ═══════════════════════════════════════════════════════════════
ABOUT US — intro + story + stats band + process tiles
═══════════════════════════════════════════════════════════════ */
.vabout{position:relative;background:#fff;overflow:hidden;}
.vabout-top{position:relative;min-height:680px;}
.vabout-left{max-width:600px;padding:64px 56px 64px 0;}
.vabout-eyebrow{display:inline-block;font-family:var(--display);font-weight:800;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--vred);padding-bottom:8px;border-bottom:3px solid var(--vred);margin-bottom:22px;}
.vabout-eyebrow--light{color:#ff5a6e;}
.vabout-title{font-family:var(--display);font-weight:800;font-size:clamp(1.9rem,3.4vw,2.9rem);line-height:1.07;letter-spacing:-.025em;text-transform:uppercase;color:var(--ink);}
.vabout-title .accent{color:var(--vred);}
.vabout-lead{margin-top:18px;color:var(--text);font-size:.97rem;line-height:1.72;max-width:520px;}
.vabout-divider{display:block;width:62px;height:3px;background:var(--vred);margin:26px 0;border-radius:2px;}
.vabout-feats{display:grid;grid-template-columns:1fr 1fr;gap:30px 30px;}
.vabout-feat-ic{width:58px;height:58px;border-radius:50%;background:var(--blue-light);color:var(--vred);display:grid;place-items:center;font-size:1.3rem;margin-bottom:14px;}
.vabout-feat h4{font-family:var(--display);font-weight:700;font-size:.92rem;text-transform:uppercase;letter-spacing:.01em;color:var(--ink);margin-bottom:7px;}
.vabout-feat p{font-size:.82rem;line-height:1.55;color:var(--muted);}
.vabout-right{position:absolute;top:0;right:0;width:50%;height:100%;background-size:cover;background-position:center;}
.vabout-story{position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(120deg,rgba(10,22,38,.96) 38%,rgba(12,28,48,.78) 100%);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:60px 56px;}
.vabout-story p{font-size:.9rem;line-height:1.62;color:rgba(255,255,255,.8);margin-bottom:12px;max-width:470px;}
.vabout-checks{list-style:none;margin-top:8px;padding:0;}
.vabout-checks li{display:flex;align-items:center;gap:11px;font-family:var(--display);font-weight:600;font-size:.86rem;color:#fff;padding:5px 0;}
.vabout-checks li i{color:var(--vred);font-size:1.05rem;}
.vabout-band{background:linear-gradient(120deg,var(--navy-2),var(--navy) 60%,var(--navy-3));color:#fff;}
.vabout-band-inner{display:grid;grid-template-columns:.92fr 1.08fr;align-items:stretch;}
.vabout-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:44px 36px 44px max(24px,calc((100vw - 1300px)/2 + 24px));}
.vabout-stat{position:relative;padding:4px 18px;}
.vabout-stat:not(:last-child)::after{content:"";position:absolute;right:0;top:6px;bottom:6px;width:1px;background:rgba(255,255,255,.14);}
.vabout-stat-ic{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;color:#fff;font-size:1rem;margin-bottom:13px;}
.vabout-stat strong{display:block;font-family:var(--display);font-weight:800;font-size:2.1rem;line-height:1;color:#fff;}
.vabout-stat strong sup{color:var(--vred);font-size:.55em;}
.vabout-stat h5{font-family:var(--display);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:#fff !important;margin:9px 0 5px;}
.vabout-stat small{font-size:.73rem;color:rgba(255,255,255,.55);line-height:1.4;display:block;}
.vabout-tiles{display:flex;gap:8px;}
.vabout-tile{flex:1;position:relative;background-size:cover;background-position:center;clip-path:polygon(15% 0,100% 0,85% 100%,0 100%);display:flex;align-items:flex-end;min-height:250px;}
.vabout-tile-ov{position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(8,16,28,.92));}
.vabout-tile-name{position:relative;z-index:2;color:#fff;font-family:var(--display);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.02em;line-height:1.2;padding:0 14px 20px 26px;}
@media(max-width:980px){
.vabout-top{min-height:0;}
.vabout-left{max-width:none;padding:50px 0 40px;}
.vabout-right{position:static;width:100%;min-height:330px;}
.vabout-story{position:relative;width:100%;height:100%;clip-path:none;padding:40px 24px;background:linear-gradient(135deg,rgba(10,22,38,.93),rgba(12,28,48,.93));}
.vabout-band-inner{grid-template-columns:1fr;}
.vabout-stats{grid-template-columns:1fr 1fr;gap:28px 14px;padding:38px 24px;}
.vabout-stat:nth-child(2)::after{display:none;}
.vabout-tiles{padding:0;}
}
@media(max-width:620px){
.vabout-feats{grid-template-columns:1fr;}
.vabout-stat::after{display:none !important;}
.vabout-tiles{flex-wrap:wrap;gap:6px;}
.vabout-tile{flex:0 0 calc(50% - 3px);clip-path:none;min-height:150px;}
}
/* ═══════════════════════════════════════════════════════════════
MEGA MENU — Products (data-driven, wide panel)
═══════════════════════════════════════════════════════════════ */
.vmega-host{position:relative;}
.vmega{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(10px);width:min(860px,93vw);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 70px rgba(12,28,48,.22);padding:20px 20px 0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,transform .24s ease;z-index:200;}
.vmega::before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px;}
.vmega-host:hover .vmega,.vmega-host:focus-within .vmega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);}
.vmega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px 8px;align-items:stretch;}
.vmega-col{position:relative;padding:5px;border-radius:11px;transition:all .22s cubic-bezier(.4,0,.2,1);border:1px solid transparent;}
.vmega-col:hover{background:var(--blue-soft);border-color:rgba(196,30,58,.18);box-shadow:0 6px 16px rgba(12,28,48,.07);}
.vmega-col::after{content:"\f054";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:14px;top:50%;transform:translateY(-50%) translateX(-5px);color:var(--vred);font-size:.64rem;opacity:0;transition:all .22s;}
.vmega-col:hover::after{opacity:1;transform:translateY(-50%) translateX(0);}
.vmega-parent{display:flex;align-items:center;gap:12px;margin-bottom:0;}
.vmega-thumb{width:60px;height:60px;flex-shrink:0;border-radius:10px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;transition:all .22s;box-shadow:var(--shadow-sm);}
.vmega-thumb img{max-width:100%;max-height:100%;object-fit:cover;}
.vmega-thumb i{color:var(--vred);font-size:.9rem;}
.vmega-col:hover .vmega-thumb{border-color:var(--vred);background:var(--blue-light);transform:scale(1.06);}
.vmega-children{list-style:none;margin:0 0 2px 47px;padding:0;}
.vmega-children a i{font-size:.5rem;color:var(--vred);opacity:.55;transition:opacity .18s;}
.vmega-children a:hover i{opacity:1;}
/* Override the global `.nav-links a !important` rule so menu text reads normally */
.nav-links .vmega .vmega-parent-name{font-family:var(--display)!important;font-weight:700!important;font-size:.82rem!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink)!important;transition:color .18s;}
.nav-links .vmega .vmega-parent:hover .vmega-parent-name{color:var(--vred)!important;}
.nav-links .vmega .vmega-children a{display:flex!important;align-items:center;gap:8px;font-family:var(--body)!important;font-size:.78rem!important;font-weight:500!important;line-height:1.35!important;letter-spacing:0!important;text-transform:none!important;color:var(--muted)!important;padding:4px 0!important;white-space:normal!important;background:none!important;border-radius:0!important;transition:color .18s,padding-left .18s;}
.nav-links .vmega .vmega-children a:hover{color:var(--vred)!important;padding-left:4px!important;background:none!important;}
.vmega-foot{margin:12px -20px 0;padding:14px 22px;border-top:1px solid var(--line);background:var(--bg-soft);border-radius:0 0 14px 14px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;}
.vmega-foot-copy{display:flex;align-items:center;gap:13px;}
.vmega-foot-copy>i{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:var(--blue-light);color:var(--vred);display:grid;place-items:center;font-size:1.05rem;}
.vmega-foot-copy strong{display:block;font-family:var(--display);font-size:.84rem;color:var(--ink);}
.vmega-foot-copy span{font-size:.75rem;color:var(--muted);}
.vmega-foot-btn{display:inline-flex;align-items:center;gap:8px;background:var(--vred);color:#fff;font-family:var(--display);font-weight:600;font-size:.8rem;padding:11px 20px;border-radius:7px;white-space:nowrap;transition:all .22s;box-shadow:0 8px 18px rgba(196,30,58,.26);}
.vmega-foot-btn:hover{background:var(--vred-2);transform:translateY(-2px);}
@media(max-width:1024px){.vmega{display:none;}}
/* ═══════════ RESPONSIVE ═══════════ */
@media(max-width:1100px){
.vhero-grid{grid-template-columns:1fr 1fr;}
.vhero-feats{display:none;}
.vfeat-card{flex-basis:calc((100% - 2*18px)/3);}
.vapp-cards{grid-template-columns:repeat(3,1fr);}
.vwc-grid{grid-template-columns:1fr;}
.vwc-left{min-height:300px;}
}
@media(max-width:860px){
.vhero{padding:44px 0 54px;}
.vhero-grid{grid-template-columns:1fr;gap:36px;}
.vhero-media{order:-1;min-height:230px;}
.vh-slide img{max-height:240px;}
.vind-row{gap:22px;}
.vind-item{min-width:74px;flex:0 0 21%;}
.vapp-grid{grid-template-columns:1fr;}
.vwc-right{grid-template-columns:1fr 1fr;}
.vins-grid{grid-template-columns:1fr 1fr;}
.vtesti-grid{grid-template-columns:1fr;}
.vfeat-card{flex-basis:calc((100% - 18px)/2);min-width:200px;}
.vcta-inner{flex-direction:column;align-items:flex-start;text-align:left;}
}
@media(max-width:560px){
.vapp-cards{grid-template-columns:1fr 1fr;}
.vwc-right{grid-template-columns:1fr;}
.vins-grid{grid-template-columns:1fr;}
.vhero-stats{gap:16px 22px;}
.vfeat-card{flex-basis:82%;min-width:0;}
.vcta{text-align:left;}
}
/* ═══════════════════════════════════════════════════════════════
HEADING FONT — Oswald (industrial). Body text stays Barlow.
═══════════════════════════════════════════════════════════════ */
h1,h2,h3,h4{font-family:'Oswald',sans-serif !important;letter-spacing:.012em !important;font-weight:600;}
.vhero-title,.vabout-title,.vwc-intro h2,.vcta-copy h2{font-weight:700 !important;}
/* ═══════════════════════════════════════════════════════════════
BLOGS & INSIGHTS
═══════════════════════════════════════════════════════════════ */
:root{--purple:#5e2b8a;--purple-2:#3a1a57;}
.vblog{background:#fff;padding:62px 0;}
.vblog-h{font-style:italic;text-transform:uppercase;}
.vblog .vsec-head{margin-bottom:34px;}
.vblog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.vblog-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:all .28s cubic-bezier(.4,0,.2,1);}
.vblog-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(12,28,48,.13);border-color:transparent;}
.vblog-img{position:relative;display:block;aspect-ratio:16/11;overflow:hidden;}
.vblog-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.vblog-card:hover .vblog-img img{transform:scale(1.06);}
.vblog-badge{position:absolute;top:14px;left:14px;background:var(--purple);color:#fff;font-family:var(--display);font-weight:600;font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:5px;}
.vblog-body{padding:18px 20px 22px;display:flex;flex-direction:column;flex:1;}
.vblog-date{font-size:.74rem;color:var(--muted);display:inline-flex;align-items:center;gap:7px;margin-bottom:11px;}
.vblog-body h3{font-size:1.05rem !important;line-height:1.32 !important;text-transform:none !important;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;}
.vblog-body h3 a{color:var(--ink) !important;transition:color .2s;}
.vblog-body h3 a:hover{color:var(--purple) !important;}
.vblog-body p{font-size:.82rem;line-height:1.6;color:var(--muted);margin-bottom:16px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.vblog-divider{height:1px;background:var(--line);margin-bottom:14px;}
.vblog-more{font-family:var(--display);font-weight:600;font-size:.82rem;color:var(--purple);display:inline-flex;align-items:center;gap:8px;text-transform:none;transition:gap .25s;}
.vblog-more:hover{gap:12px;}
.vblog-news{margin-top:44px;background:linear-gradient(120deg,var(--purple-2) 0%,var(--purple) 100%);border-radius:18px;padding:34px 40px;display:flex;align-items:center;gap:26px;flex-wrap:wrap;color:#fff;position:relative;overflow:hidden;}
.vblog-news::after{content:"";position:absolute;top:-40px;right:-30px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%);pointer-events:none;}
.vblog-news-ic{width:74px;height:74px;flex-shrink:0;border-radius:50%;border:2px solid rgba(255,255,255,.32);display:grid;place-items:center;font-size:1.65rem;color:#fff;}
.vblog-news-copy{flex:1;min-width:240px;position:relative;z-index:1;}
.vblog-news-copy h3{color:#fff !important;font-size:1.4rem !important;text-transform:uppercase !important;letter-spacing:.01em;margin-bottom:6px;}
.vblog-news-copy p{color:rgba(255,255,255,.82);font-size:.92rem;line-height:1.5;}
.vblog-news-form{display:flex;gap:8px;background:#fff;border-radius:12px;padding:7px;flex-shrink:0;min-width:400px;position:relative;z-index:1;}
.vblog-news-form input{flex:1;border:none;outline:none;padding:11px 16px;font-size:.9rem;background:transparent;color:var(--ink);font-family:var(--body);}
.vblog-news-form button{background:var(--vred);color:#fff;border:none;font-family:var(--display);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;padding:12px 26px;border-radius:8px;cursor:pointer;transition:background .2s;}
.vblog-news-form button:hover{background:var(--vred-2);}
@media(max-width:1080px){.vblog-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:680px){.vblog-grid{grid-template-columns:1fr;}.vblog-news{padding:28px 24px;}.vblog-news-form{min-width:0;width:100%;}.vblog-news-ic{display:none;}}
/* ═══════════════════════════════════════════════════════════════
FOOTER — refined polish (navy theme + cleaner links/contact)
═══════════════════════════════════════════════════════════════ */
footer{background:linear-gradient(180deg,var(--navy) 0%,var(--navy-2) 100%) !important;border-top:3px solid var(--vred) !important;padding-top:58px !important;}
footer::before{background:radial-gradient(circle,rgba(196,30,58,.14),transparent 70%) !important;}
footer::after{background:radial-gradient(circle,rgba(196,30,58,.08),transparent 70%) !important;}
.footer-grid{gap:36px;padding-bottom:42px;}
/* Headings */
.foot-heading{font-size:1.12rem !important;letter-spacing:.07em !important;margin-bottom:20px !important;padding-bottom:11px !important;}
.foot-heading::after{width:44px !important;height:3px !important;background:linear-gradient(90deg,var(--vred),var(--vred-2)) !important;border-radius:2px !important;}
/* Brand */
.foot-logo{background:transparent !important;padding:0 !important;border-radius:0 !important;box-shadow:none !important;}
.foot-tagline{font-size:.88rem !important;line-height:1.72 !important;color:rgba(255,255,255,.68) !important;}
.foot-tagline strong{color:#fff !important;}
/* Link lists — readable, clean wrapping */
.foot-list{gap:1px !important;}
.foot-list li a{align-items:flex-start !important;line-height:1.42 !important;padding:7px 0 !important;font-size:.85rem !important;text-transform:none !important;letter-spacing:.01em !important;color:rgba(255,255,255,.66) !important;}
.foot-list li a i{margin-top:.3em;color:var(--vred) !important;}
.foot-list li a:hover{color:#fff !important;transform:translateX(4px);}
/* Contact — red filled icon chips */
.foot-contact{gap:16px !important;}
.fc-ic{width:38px !important;height:38px !important;border-radius:10px !important;background:var(--vred) !important;color:#fff !important;border:none !important;font-size:.85rem !important;box-shadow:0 5px 14px rgba(196,30,58,.32) !important;transition:all .25s !important;}
.foot-contact li:hover .fc-ic{background:var(--vred-2) !important;transform:translateY(-2px);}
.foot-contact li,.foot-contact li a,.foot-contact li > span:not(.fc-ic){color:rgba(255,255,255,.7) !important;}
.foot-contact li strong{color:#fff !important;font-weight:600 !important;}
.foot-contact li a:hover{color:#fff !important;}
/* Socials */
.foot-socials a{width:40px !important;height:40px !important;border-radius:10px !important;background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.14) !important;color:#fff !important;}
.foot-socials a:hover{background:var(--vred) !important;border-color:var(--vred) !important;transform:translateY(-3px);box-shadow:0 8px 20px rgba(196,30,58,.35) !important;}
/* Trust badges */
.foot-badges{padding:26px 0 6px !important;border-top:1px solid rgba(255,255,255,.09) !important;}
.foot-badges span{transition:all .22s;}
.foot-badges span:hover{background:rgba(196,30,58,.14);border-color:rgba(196,30,58,.4);color:#fff;}
.foot-badges i{color:var(--vred) !important;}
/* Bottom bar — keep "Back to top" clear of the floating action buttons */
.foot-bottom{background:rgba(0,0,0,.28) !important;border-top:1px solid rgba(255,255,255,.08) !important;}
.foot-bottom-inner{padding-right:80px;}
.foot-top:hover i{background:var(--vred) !important;}
@media(max-width:680px){.foot-bottom-inner{padding-right:0;justify-content:center;text-align:center;}}