*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}

:root{
  --black:#FFFFFF;
  --dark:#F4F6F9;
  --dark2:#FFFFFF;
  --dark3:#EEF1F5;
  --white:#0F172A;
  --offwhite:#1E293B;
  --yellow:#56d4fc;
  --orange:#FF6B2B;
  --pink:#FF2D6B;
  --cyan:#06B6D4;
  --green:#10B981;
  --purple:#7C3AED;
  --grey:#CBD5E1;
  --grey2:#64748B;
  --text-dark:#0F172A;
  --text-mid:#334155;
  --border:#E2E8F0;
  --r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:28px;
}

body{font-family:'Barlow',sans-serif;background:#F4F6F9;color:var(--text-dark);overflow-x:hidden}

/* SCROLLBAR */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:#F1F5F9}
::-webkit-scrollbar-thumb{background:var(--yellow);border-radius:3px}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:68px;background:rgba(255,255,255,0.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);box-shadow:0 1px 16px rgba(15,23,42,0.07)}
.nav-logo{display:flex;align-items:center;gap:10px}
.logo-icon{width:38px;height:38px;border-radius:8px;background:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:20px;color:#fff;letter-spacing:0}
.logo-text{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:0.06em;color:var(--text-dark);line-height:1}
.logo-text span{color:var(--yellow)}
.logo-sub{font-size:9.5px;font-weight:500;letter-spacing:0.14em;color:var(--grey2);margin-top:1px}
.nav-links{display:flex;align-items:center;gap:32px}
.nav-links a{font-size:15px;font-weight:600;letter-spacing:0.05em;color:var(--text-mid);text-decoration:none;transition:color 0.2s}
.nav-links a:hover{color:var(--yellow)}
.nav-cta{background:var(--yellow);color:#fff;font-family:'Barlow',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.06em;border:none;border-radius:6px;padding:10px 22px;cursor:pointer;transition:all 0.2s;text-decoration:none;display:inline-block}
.nav-cta:hover{background:#D97706;transform:translateY(-1px)}
.logo_main img {
    width: 100%;
    max-width: 200px;
    margin-top: 10px;
}
/* HERO */
.hero{position:relative;overflow:visible;padding:0;    margin-top: 65px;background:#F4F6F9}
.hero-bg{position:absolute;inset:0;background:linear-gradient(180deg,#FFFFFF 0%,#F4F6F9 100%)}
.hero-grid{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(15,23,42,0.05) 1px,transparent 1px);background-size:28px 28px}
.hero-glow1{position:absolute;left:-200px;top:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(245,158,11,0.12) 0%,transparent 70%);border-radius:50%;animation:drift1 8s ease-in-out infinite alternate}
.hero-glow2{position:absolute;right:-100px;bottom:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(6,182,212,0.1) 0%,transparent 70%);border-radius:50%;animation:drift2 10s ease-in-out infinite alternate}
@keyframes drift1{to{transform:translate(80px,60px)}}
@keyframes drift2{to{transform:translate(-60px,-80px)}}

.hero-inner{position:relative;z-index:1;width:100%;margin:0 auto;display:grid;    grid-template-columns: minmax(0, 1fr) 920px;gap:0;align-items:stretch}
.hero-left{position:relative;z-index:2;        background: linear-gradient(180deg, #000000 0%, #57d5fe 100%);color:#fff;padding:64px 64px 138px 56px;display:flex;flex-direction:column;justify-content:center;clip-path:polygon(0 0,100% 0,88% 100%,0 100%);}
/* .hero-left::after{content:'';position:absolute;right:-1px;top:0;bottom:0;width:140px;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(9,118,180,0.85) 48%,rgba(9,118,180,0) 100%)} */
.hero-eyebrow{width: max-content;display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.24);border-radius:20px;padding:6px 14px;font-size:11.5px;font-weight:700;letter-spacing:0.12em;color:#fff;margin-bottom:24px;animation:fadeUp 0.6s both}
.hero-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#FDE047;animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0.3}}
.hero-h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(74px,8.2vw,118px);line-height:0.92;letter-spacing:0.01em;margin-bottom:16px;animation:fadeUp 0.7s 0.1s both}
.hero-h1 .line1,.hero-h1 .line2,.hero-h1 .line3{display:block;color:#fff}
.hero-tagline{font-size:18px;font-weight:500;color:rgba(255,255,255,0.88);max-width:440px;line-height:1.65;margin-bottom:36px;animation:fadeUp 0.7s 0.2s both}
.hero-tagline strong{color:#fff;font-weight:700}
.hero-proof{display:grid;gap:16px;margin-bottom:34px;animation:fadeUp 0.7s 0.25s both}
.hero-proof-item{display:flex;align-items:center;gap:14px;color:#fff;font-size:16px;font-weight:500}
.hero-proof-icon{width:34px;height:34px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 20px rgba(0,0,0,0.12)}
.hero-proof-icon img{width:22px;height:22px;display:block}
.hero-proof-stars{color:#FACC15;letter-spacing:0.14em;font-size:24px;line-height:1}
.hero-btns{display:flex;gap:14px;animation:fadeUp 0.7s 0.3s both}
.btn-primary{background:var(--yellow);color:#fff;font-weight:800;font-size:14px;letter-spacing:0.06em;border:none;border-radius:8px;padding:15px 30px;cursor:pointer;transition:all 0.25s;text-decoration:none;display:inline-block}
.btn-primary:hover{background:#D97706;transform:translateY(-2px);box-shadow:0 12px 32px rgba(245,158,11,0.3)}
.btn-outline{background:transparent;color:#fff;font-weight:700;font-size:14px;letter-spacing:0.06em;border:1.5px solid rgba(255,255,255,0.34);border-radius:8px;padding:15px 30px;cursor:pointer;transition:all 0.25s;text-decoration:none;display:inline-block}
.btn-outline:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,0.12)}
.hero-stats{display:flex;gap:36px;margin-top:48px;padding-top:28px;border-top:1px solid rgba(255,255,255,0.18);animation:fadeUp 0.7s 0.4s both}
.stat-num{font-family:'Bebas Neue',sans-serif;font-size:42px;color:#fff;line-height:1}
.stat-lbl{font-size:12px;font-weight:500;color:rgba(255,255,255,0.72);letter-spacing:0.05em;margin-top:3px}

.hero-right{position:relative;min-height:620px;border-radius:0 32px 32px 0;overflow:hidden;animation:fadeUp 0.7s 0.25s both;    margin-left: -123px;padding-left:84px;box-shadow:0 24px 80px rgba(15,23,42,0.14)}
.hero-image-wrap{position:absolute;inset:0}
.hero-image-wrap::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0.08),rgba(15,23,42,0.22))}
.hero-image{width:100%;height:100%;object-fit:cover;display:block}
.hero-image-badge{position:absolute;top:26px;right:26px;background:rgba(255,255,255,0.92);color:var(--text-dark);padding:10px 16px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:0.1em;box-shadow:0 10px 30px rgba(15,23,42,0.12);z-index:1}

@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}

/* SECTION WRAPPER */
section{padding:90px 40px}
.container{max-width:1300px;margin:0 auto}
.section-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:0.14em;color:var(--yellow);margin-bottom:14px}
.section-eyebrow::before{content:'';width:24px;height:2px;background:var(--yellow);border-radius:1px}
.section-title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(42px,5vw,68px);line-height:1;margin-bottom:16px;color:var(--text-dark);text-transform:capitalize;font-weight:700}
.section-title span{color:var(--yellow)}
.section-desc{font-size:16px;font-weight:400;color:var(--grey2);max-width:560px;line-height:1.7}

/* MARQUEE */
.marquee-strip{background:#000;padding:14px 0;overflow:hidden;position:relative}
.marquee-track{display:flex;gap:0;animation:scroll 20s linear infinite;width:max-content}
.marquee-item{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:0.06em;color:#fff;padding:0 36px;white-space:nowrap}
.marquee-item::after{content:'◆';margin-left:36px;color:rgba(255,255,255,0.4)}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ABOUT */
.about-section{background:#F4F6F9;padding:90px 40px}
.about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:34px;align-items:center}
.about-copy{background:#FFFFFF;border:1.5px solid var(--border);border-radius:var(--r-xl);padding:42px;box-shadow:0 10px 30px rgba(15,23,42,0.06)}
.about-copy .section-desc{max-width:none;margin-bottom:22px}
.about-text{font-size:15px;color:var(--text-mid);line-height:1.8;margin-bottom:18px}
.about-points{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin-top:26px}
.about-point{display:flex;align-items:flex-start;gap:12px;font-size:14px;font-weight:600;color:var(--text-dark)}
.about-point i{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(245,158,11,0.12);color:var(--yellow);flex-shrink:0}
.about-video-card{position:relative;background:#0F172A;border-radius:var(--r-xl);overflow:hidden;box-shadow:0 20px 50px rgba(15,23,42,0.14);min-height:440px}
.about-video{width:100%;height:100%;display:block;object-fit:cover;background:#000}
.about-video-label{position:absolute;top:22px;left:22px;z-index:1;background:rgba(255,255,255,0.92);color:var(--text-dark);padding:10px 14px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:0.1em;}

/* PRODUCTS */
.products-section{background:#FFFFFF;padding:90px 40px}
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px}
.prod-card{background:#FFFFFF;border-radius:var(--r-lg);overflow:hidden;border:1.5px solid var(--border);transition:all 0.3s;cursor:pointer;position:relative;box-shadow:0 2px 8px rgba(15,23,42,0.05)}
.prod-card:hover{transform:translateY(-6px);border-color:var(--yellow);box-shadow:0 16px 40px rgba(15,23,42,0.12)}
.prod-img{height:160px;display:flex;align-items:center;justify-content:center;font-size:52px;position:relative;overflow:hidden}
.prod-img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0.08),rgba(15,23,42,0.28))}
.prod-img img{width:100%;height:100%;object-fit:cover;display:block}
.prod-body{padding:20px}
.prod-name{font-family:'Barlow Condensed',sans-serif;font-size:19px;font-weight:700;letter-spacing:0.03em;color:var(--text-dark);margin-bottom:6px}
.prod-desc{font-size:12.5px;color:var(--grey2);line-height:1.55}
.prod-tag{display:inline-block;margin-top:12px;font-size:10.5px;font-weight:700;letter-spacing:0.08em;padding:3px 10px;border-radius:4px}
.prod-arrow{position:absolute;top:14px;right:14px;width:28px;height:28px;border-radius:50%;background:rgba(15,23,42,0.06);display:flex;align-items:center;justify-content:center;font-size:13px;opacity:0;transition:opacity 0.2s;color:var(--text-dark)}
.prod-card:hover .prod-arrow{opacity:1}
.prod-arrow i,.svc-icon i,.why-icon i,.region-flag i,.cbi-icon i,.btn-white-outline i{display:inline-flex;line-height:1}

/* Colour themes per card — brighter for light bg */
.c1 .prod-tag{background:rgba(255,107,43,0.12);color:#C2410C}
.c2 .prod-tag{background:rgba(6,182,212,0.12);color:#0E7490}
.c3 .prod-tag{background:rgba(124,58,237,0.1);color:#6D28D9}
.c4 .prod-tag{background:rgba(16,185,129,0.12);color:#047857}
.c5 .prod-tag{background:rgba(255,45,107,0.1);color:#BE123C}
.c6 .prod-tag{background:rgba(245,158,11,0.12);color:#B45309}
.c7 .prod-tag{background:rgba(59,130,246,0.1);color:#1D4ED8}
.c8 .prod-tag{background:rgba(255,45,107,0.1);color:#BE123C}

/* WIDE CARD */
.prod-card.wide{grid-column:span 2}
.prod-card.wide .prod-img{height:200px;font-size:70px}

/* SERVICES */
.services-section{background:#F4F6F9;padding:90px 40px}
.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:56px}
.svc-card{background:#FFFFFF;border-radius:var(--r-xl);padding:36px;border:1.5px solid var(--border);transition:all 0.3s;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(15,23,42,0.05)}
.svc-card::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(245,158,11,0.03),transparent);opacity:0;transition:opacity 0.3s}
.svc-card:hover{border-color:var(--yellow);transform:translateY(-3px);box-shadow:0 12px 32px rgba(15,23,42,0.1)}
.svc-card:hover::after{opacity:1}
.svc-num{font-family:'Bebas Neue',sans-serif;font-size:72px;color:rgba(15,23,42,0.04);line-height:1;position:absolute;top:16px;right:24px;pointer-events:none}
.svc-icon{font-size:36px;margin-bottom:18px}
.svc-title{font-family:'Barlow Condensed',sans-serif;font-size:24px;font-weight:700;letter-spacing:0.02em;color:var(--text-dark);margin-bottom:10px}
.svc-desc{font-size:14px;color:var(--grey2);line-height:1.65}
.svc-list{margin-top:16px;display:flex;flex-wrap:wrap;gap:7px}
.svc-chip{font-size:11px;font-weight:600;letter-spacing:0.05em;padding:4px 11px;border-radius:4px;background:#F1F5F9;color:var(--grey2);border:1px solid var(--border)}

/* WHY US */
.why-section{background:#FFFFFF;padding:90px 40px;position:relative;overflow:hidden}
.why-bg-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Bebas Neue',sans-serif;font-size:220px;color:rgba(15,23,42,0.03);white-space:nowrap;pointer-events:none;letter-spacing:0.05em}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border-radius:var(--r-xl);overflow:hidden;margin-top:56px}
.why-cell{background:#FFFFFF;padding:36px 28px;transition:background 0.25s}
.why-cell:hover{background:#ecfaff}
.why-icon{font-size:32px;margin-bottom:16px}
.why-title{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:700;letter-spacing:0.02em;color:var(--text-dark);margin-bottom:8px}
.why-text{font-size:13.5px;color:var(--grey2);line-height:1.6}

/* REGIONS */
.regions-section{background:#F4F6F9;padding:90px 40px}
.regions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.region-card{background:#FFFFFF;border-radius:var(--r-lg);padding:28px;border:1.5px solid var(--border);text-align:center;transition:all 0.3s;box-shadow:0 2px 8px rgba(15,23,42,0.05)}
.region-card:hover{transform:translateY(-4px);border-color:var(--yellow);box-shadow:0 12px 32px rgba(15,23,42,0.1)}
.region-flag{font-size:48px;margin-bottom:14px;display:block}
.region-name{font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:0.06em;color:var(--text-dark);margin-bottom:6px}
.region-desc{font-size:13px;color:var(--grey2)}

/* CTA BANNER — kept colorful gradient */
.cta-section{background: linear-gradient(135deg, #57d5fe 0%, #ed2b91 50%, #fdfe01 100%);padding:80px 40px;position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.07) 1px,transparent 1px);background-size:40px 40px}
.cta-inner{max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}
.cta-h{font-family:'Bebas Neue',sans-serif;font-size:clamp(48px,5vw,72px);color:#fff;line-height:1;margin-bottom:10px}
.cta-sub{font-size:17px;font-weight:500;color:rgba(255,255,255,0.8)}
.cta-btns{display:flex;flex-direction:column;gap:10px;flex-shrink:0}
.btn-black{background:#fff;color:var(--yellow);font-weight:800;font-size:14px;letter-spacing:0.06em;border:none;border-radius:8px;padding:16px 34px;cursor:pointer;transition:all 0.2s;text-decoration:none;display:inline-block;text-align:center}
.btn-black:hover{background:#0F172A;color:#fff;transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,0.2)}
.btn-white-outline{background:transparent;color:#fff;font-weight:700;font-size:14px;letter-spacing:0.06em;border:2px solid rgba(255,255,255,0.5);border-radius:8px;padding:14px 34px;cursor:pointer;transition:all 0.2s;text-decoration:none;display:inline-block;text-align:center}
.btn-white-outline:hover{background:rgba(255,255,255,0.15)}

/* CONTACT */
.contact-section{background:#FFFFFF;padding:90px 40px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
.contact-info{}
.contact-block{display:flex;align-items:flex-start;gap:16px;margin-bottom:28px}
.cbi-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}
.cbi-label{font-size:11px;font-weight:700;letter-spacing:0.09em;color:var(--grey2);margin-bottom:4px}
.cbi-val{font-size:15px;font-weight:600;color:var(--text-dark)}
.cbi-val a{color:inherit;text-decoration:none;transition:color 0.2s}
.cbi-val a:hover{color:var(--yellow)}

.contact-form{background:#F8FAFC;border-radius:var(--r-xl);padding:36px;border:1.5px solid var(--border)}
.form-title{font-family:'Barlow Condensed',sans-serif;font-size:26px;font-weight:700;letter-spacing:0.02em;margin-bottom:24px;color:var(--text-dark)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.form-group{margin-bottom:14px}
label{display:block;font-size:11px;font-weight:700;letter-spacing:0.09em;color:var(--grey2);margin-bottom:6px}
input,textarea,select{width:100%;background:#FFFFFF;border:1.5px solid var(--border);border-radius:8px;padding:12px 14px;font-family:'Barlow',sans-serif;font-size:14px;color:var(--text-dark);outline:none;transition:border-color 0.2s}
input::placeholder,textarea::placeholder{color:var(--grey)}
input:focus,textarea:focus,select:focus{border-color:var(--yellow);box-shadow:0 0 0 3px rgba(245,158,11,0.1)}
textarea{resize:vertical;min-height:110px}
select option{background:#fff}
.form-submit{width:100%;background:var(--yellow);color:#fff;font-weight:800;font-size:14px;letter-spacing:0.07em;border:none;border-radius:8px;padding:15px;cursor:pointer;transition:all 0.2s;margin-top:6px}
.form-submit:hover{background:#D97706;transform:translateY(-1px);box-shadow:0 8px 24px rgba(245,158,11,0.3)}

/* FOOTER */
footer{background:#003a4c;border-top:1px solid rgba(255,255,255,0.06);padding:56px 40px 28px}
.footer-inner{max-width:1300px;margin:0 auto}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-brand .fl{font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:0.05em;color:#fff;margin-bottom:4px}
.footer-brand .fl span{color:var(--yellow)}
.footer-brand p{font-size:13px;color:#64748B;line-height:1.65;max-width:220px;margin-top:12px}
.footer-col h4{font-size:11px;font-weight:700;letter-spacing:0.12em;color:var(--yellow);margin-bottom:16px}
.footer-col ul{list-style:none}
.footer-col ul li{margin-bottom:9px}
.footer-col ul li a{font-size:13.5px;color:#64748B;text-decoration:none;transition:color 0.2s}
.footer-col ul li a:hover{color:#fff}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:28px;border-top:1px solid rgba(255,255,255,0.07)}
.footer-copy{font-size:12.5px;color:#64748B}
.footer-copy span{color:var(--yellow)}
.footer-phones{font-size:12.5px;color:#64748B}
.footer-phones strong{color:#fff}

@media(max-width:1400px){
  nav{padding:0 28px}
  .nav-links{gap:22px}
  .hero-inner{grid-template-columns:minmax(0,1fr) 760px}
  .hero-left{padding:56px 54px 84px 42px}
  .hero-right{margin-left:-92px;padding-left:64px;min-height:560px}
  section,footer{padding-left:28px;padding-right:28px}
}

@media(max-width:1200px){
  .logo_main img{max-width:170px}
  .nav-links{gap:16px}
  .nav-links a,.nav-cta{font-size:12px}
  .hero-inner{grid-template-columns:minmax(0,1fr) 52%}
  .hero-left{padding:48px 40px 64px 34px}
  .hero-h1{font-size:clamp(60px,7vw,94px)}
  .hero-right{margin-left:-72px;padding-left:48px;min-height:520px}
  .about-grid{grid-template-columns:1fr 0.92fr}
  .products-grid{grid-template-columns:repeat(3,1fr)}
  .prod-card.wide{grid-column:span 3}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .footer-top{grid-template-columns:1.2fr 1fr 1fr}
}

@media(max-width:1024px){
  nav{padding:0 20px}
  .nav-links{gap:14px}
  .hero-inner{grid-template-columns:1fr}
  .hero-left{clip-path:none;border-radius:28px 28px 0 0;padding:44px 32px}
  .hero-right{margin-left:0;padding-left:0;min-height:360px;border-radius:0 0 28px 28px}
  .hero-image-wrap,.hero-image-wrap::after{border-radius:0 0 28px 28px}
  .hero-btns{flex-wrap:wrap}
  .about-grid{grid-template-columns:1fr}
  .products-grid{grid-template-columns:repeat(2,1fr)}
  .prod-card.wide{grid-column:span 2}
  .services-grid,.contact-grid,.footer-top{grid-template-columns:1fr}
  .regions-grid{grid-template-columns:repeat(2,1fr)}
  .cta-inner{flex-direction:column;align-items:flex-start;gap:28px}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:10px}
}

/* MOBILE NAV TOGGLE - simplified */
@media(max-width:900px){
  .nav-links,.nav-cta{display:none}
  .hero{padding:88px 0 40px}
  .hero-inner{grid-template-columns:1fr;padding:0 20px}
  .hero-left{clip-path:none;padding:46px 24px 24px;min-height:auto}
  .hero-left::after{display:none}
  .hero-h1{font-size:clamp(54px,16vw,84px)}
  .hero-tagline{font-size:16px}
  .hero-proof-item{align-items:flex-start;font-size:14px}
  .hero-proof-stars{font-size:20px}
  .hero-btns,.hero-stats{flex-direction:column;gap:16px}
  .hero-right{min-height:280px;border-radius:24px;margin-top:16px;margin-left:0;padding-left:0}
  .hero-image-wrap,.hero-image-wrap::after{border-radius:24px}
  .about-grid,.about-points{grid-template-columns:1fr}
  .about-copy{padding:28px}
  .about-video-card{min-height:300px}
  .products-grid{grid-template-columns:1fr 1fr}
  .services-grid,.contact-grid,.footer-top{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr 1fr}
  .regions-grid{grid-template-columns:1fr}
  .cta-inner{flex-direction:column;gap:30px}
  section,footer{padding:60px 20px}
}

@media(max-width:640px){
  nav{height:64px;padding:0 14px}
  .logo_main img{max-width:145px;margin-top:6px}
  .hero{margin-top:58px;padding:74px 0 34px}
  .hero-inner{padding:0 14px}
  .hero-left{padding:32px 18px 22px;border-radius:22px 22px 0 0}
  .hero-right{min-height:220px;border-radius:0 0 22px 22px}
  .hero-image-wrap,.hero-image-wrap::after{border-radius:0 0 22px 22px}
  .hero-image-badge{top:14px;right:14px;font-size:10px;padding:8px 12px}
  .hero-eyebrow{font-size:10px;padding:5px 10px}
  .hero-h1{font-size:clamp(42px,15vw,68px)}
  .hero-tagline{font-size:15px;line-height:1.6;margin-bottom:24px}
  .hero-proof{gap:12px;margin-bottom:24px}
  .hero-proof-item{font-size:13px;gap:10px}
  .hero-proof-icon{width:30px;height:30px}
  .hero-proof-icon img{width:18px;height:18px}
  .hero-proof-stars{font-size:18px;letter-spacing:0.08em}
  .btn-primary,.btn-outline,.btn-black,.btn-white-outline{width:100%;text-align:center;padding:14px 18px}
  .section-title{font-size:clamp(34px,12vw,52px)}
  .section-desc,.about-text,.svc-desc,.why-text,.region-desc,.cta-sub{font-size:14px}
  .about-section,.products-section,.services-section,.why-section,.regions-section,.contact-section{padding:56px 14px}
  .about-copy,.contact-form,.svc-card,.region-card{padding:22px}
  .about-video-card{min-height:220px}
  .products-grid{grid-template-columns:1fr}
  .prod-card.wide{grid-column:span 1}
  .prod-card.wide .prod-img,.prod-img{height:190px}
  .services-grid,.why-grid,.regions-grid,.contact-grid,.form-row{grid-template-columns:1fr}
  .svc-card{padding-top:56px}
  .svc-num{font-size:52px;top:10px;right:16px}
  .why-bg-text{display:none}
  .cta-section{padding:56px 14px}
  .cta-btns{width:100%}
  .contact-block{gap:12px}
  footer{padding:44px 14px 24px}
  .footer-top{gap:28px}
}