:root{
  --green:#73c947;
  --green2:#4e8f2c;
  --dark:#060805;
  --white:#fff;
  --glass:rgba(9,18,8,.56);
  --stroke:rgba(255,255,255,.22);
  --header-h:86px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#050705;color:#fff}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:#050705;color:#fff;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.site-header{position:fixed;inset:0 0 auto 0;height:var(--header-h);z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,76px);background:transparent;border-bottom:1px solid rgba(255,255,255,.16);transition:.35s ease}
.site-header.scrolled{backdrop-filter:blur(18px);background:rgba(3,5,3,.35)}
.brand{display:flex;align-items:center;min-width:230px}.brand img{width:clamp(170px,15vw,265px);height:auto;display:block;filter:drop-shadow(0 10px 20px rgba(0,0,0,.35))}
.nav{display:flex;gap:18px;align-items:center;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.02em}.nav a{opacity:.95}.nav a:hover{color:#fff}.admin-link{border:1px solid var(--green);border-radius:999px;padding:15px 25px!important;background:rgba(99,185,58,.16)}
.nav-toggle{display:none;background:transparent;border:0;color:white;width:46px;height:46px}.nav-toggle span{display:block;height:2px;background:white;margin:7px;border-radius:2px}
.panel{position:relative;min-height:100svh;overflow:hidden}.hero{min-height:100svh;padding-top:var(--header-h);display:flex;align-items:center}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.015);animation:heroZoom 16s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.70) 0%,rgba(0,0,0,.38) 30%,rgba(0,0,0,.08) 58%,rgba(0,0,0,.32) 100%),linear-gradient(0deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.05) 40%,rgba(0,0,0,.22) 100%)}
@keyframes heroZoom{to{transform:scale(1.07)}}
.hero-content{position:relative;z-index:2;width:min(620px,44vw);margin-left:clamp(28px,5vw,76px);padding-top:2vh;margin-bottom:130px}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.32em;font-weight:900;font-size:clamp(12px,1.05vw,16px);margin:0 0 18px}.hero h1{margin:0;text-transform:uppercase;line-height:.93;font-size:clamp(54px,6.6vw,114px);font-weight:1000;letter-spacing:-.045em;text-shadow:0 12px 36px rgba(0,0,0,.38)}.hero h1 span{display:block}.hero h1 span:last-child{color:var(--green)}.lead{font-size:clamp(17px,1.45vw,24px);line-height:1.55;max-width:630px;margin:28px 0 0;text-shadow:0 8px 24px rgba(0,0,0,.55)}
.hero-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:12px;padding:17px 25px;font-weight:950;text-transform:uppercase;letter-spacing:.02em;border:1px solid var(--stroke);backdrop-filter:blur(15px);transition:.25s ease}.btn.primary{background:linear-gradient(135deg,#77ce4c,#4c9b2e);box-shadow:0 18px 40px rgba(82,168,48,.25);border-color:rgba(255,255,255,.18)}.btn.glass{background:rgba(255,255,255,.08)}.btn:hover{transform:translateY(-3px)}
.feature-glass{position:absolute;z-index:4;left:50%;bottom:34px;transform:translateX(-50%);width:min(1510px,92vw);display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(135deg,rgba(9,22,8,.64),rgba(10,10,7,.40));border:1px solid rgba(255,255,255,.28);box-shadow:0 24px 70px rgba(0,0,0,.36);backdrop-filter:blur(22px);border-radius:22px;overflow:hidden}.feature-glass article{display:flex;gap:22px;align-items:center;padding:26px clamp(18px,2vw,34px);border-right:1px solid rgba(255,255,255,.20)}.feature-glass article:last-child{border-right:0}.feat-icon{width:62px;min-width:62px;height:62px;border-radius:18px;display:grid;place-items:center;color:var(--green);font-size:42px;text-shadow:0 0 26px rgba(109,203,68,.7)}.feature-glass h3{margin:0 0 6px;font-size:18px;text-transform:uppercase}.feature-glass p{margin:0;line-height:1.5;opacity:.88}.scroll-cue{position:absolute;z-index:5;left:50%;bottom:8px;transform:translateX(-50%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.45);display:grid;place-items:center;background:rgba(0,0,0,.3);backdrop-filter:blur(8px);font-size:24px}
.content-section{display:flex;align-items:center;padding:120px clamp(28px,6vw,90px)}.section-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.2)),var(--bg);background-size:cover;background-position:center;transform:scale(1.02)}.content-section.right{justify-content:flex-end}.content-section.right .section-bg{background-image:linear-gradient(270deg,rgba(0,0,0,.78),rgba(0,0,0,.18)),var(--bg)}.section-card{position:relative;z-index:2;width:min(620px,90vw);padding:44px;border:1px solid rgba(255,255,255,.18);border-radius:28px;background:rgba(8,14,7,.48);backdrop-filter:blur(22px);box-shadow:0 24px 80px rgba(0,0,0,.45)}.section-card h2,.contact h2{font-size:clamp(38px,4vw,68px);line-height:1.02;margin:0 0 22px;letter-spacing:-.04em}.section-card p,.contact p{font-size:18px;line-height:1.75;opacity:.9}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}.mini-grid span{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);padding:14px;border-radius:14px;font-weight:800}
.brands-section{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:110px clamp(22px,5vw,72px);background:#071006}.brand-card{position:relative;min-height:72vh;border-radius:30px;overflow:hidden;display:flex;align-items:flex-end;border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 90px rgba(0,0,0,.45)}.brand-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(0deg,rgba(0,0,0,.75),rgba(0,0,0,.1)),var(--image);background-size:cover;background-position:center;transition:transform .8s ease}.brand-card:hover:before{transform:scale(1.08)}.brand-card div{position:relative;z-index:2;padding:34px}.brand-card span{color:var(--green);font-weight:900;text-transform:uppercase;letter-spacing:.18em}.brand-card h2{font-size:38px;line-height:1.05;margin:12px 0}.brand-card p{line-height:1.65;opacity:.88}
.contact{display:grid;place-items:center;padding:120px 24px;background:radial-gradient(circle at 50% 0%,rgba(111,207,70,.16),transparent 34%),linear-gradient(135deg,#081007,#020302)}.contact-wrap{width:min(900px,92vw);text-align:center;padding:54px;border:1px solid rgba(255,255,255,.18);border-radius:30px;background:rgba(255,255,255,.05);backdrop-filter:blur(22px)}.contact-form{display:grid;gap:14px;margin-top:30px}.contact-form input,.contact-form textarea,.admin-box input{width:100%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:white;border-radius:14px;padding:16px;font:inherit}.contact-form textarea{min-height:130px}.admin-body{min-height:100vh;display:grid;place-items:center;background:#071006}.admin-box{width:min(440px,92vw);padding:34px;border-radius:26px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);display:grid;gap:16px}.admin-box img{width:230px}.admin-box a{color:var(--green)}
.intro{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(99,185,58,.18),transparent 34%),#020402;transition:opacity .8s ease,visibility .8s ease}.intro.hidden{opacity:0;visibility:hidden;pointer-events:none}.intro-glow{position:absolute;width:48vmin;height:48vmin;background:rgba(99,185,58,.18);filter:blur(80px);border-radius:50%;animation:pulse 2s infinite alternate}.intro-logo{position:relative;width:min(420px,72vw);filter:drop-shadow(0 18px 50px rgba(105,207,66,.25));animation:introLogo 1.2s ease both}.intro-line{position:absolute;bottom:22%;opacity:0;color:white;letter-spacing:.28em;text-transform:uppercase;font-weight:900;animation:introText 4.4s ease forwards}.intro-line:nth-of-type(2){animation-delay:1.15s}.intro-line:nth-of-type(3){animation-delay:2.25s}.intro-line:nth-of-type(4){animation-delay:3.25s}.intro-skip{position:absolute;bottom:42px;border:1px solid var(--green);color:white;background:rgba(255,255,255,.06);padding:13px 22px;border-radius:999px}.intro-skip:hover{background:var(--green)}@keyframes pulse{to{transform:scale(1.18);opacity:.75}}@keyframes introLogo{from{opacity:0;transform:scale(.88) translateY(16px)}to{opacity:1;transform:none}}@keyframes introText{0%,18%{opacity:0;transform:translateY(12px)}28%,48%{opacity:1;transform:none}65%,100%{opacity:0;transform:translateY(-10px)}}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s ease}.reveal.in{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}
@media (max-width:1100px){.brand{min-width:auto}.nav{position:fixed;top:var(--header-h);right:18px;left:18px;display:none;flex-direction:column;padding:26px;border-radius:24px;background:rgba(4,7,4,.88);backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.16)}.nav.open{display:flex}.nav-toggle{display:block}.hero{align-items:flex-start;padding-top:calc(var(--header-h) + 22px)}.hero-bg{object-position:58% top}.hero-content{width:min(520px,88vw);margin-left:24px;margin-bottom:0;padding-top:0}.hero h1{font-size:clamp(52px,13vw,82px)}.lead{font-size:17px;max-width:430px}.feature-glass{grid-template-columns:repeat(2,1fr);bottom:18px}.feature-glass article{padding:18px}.feat-icon{width:48px;min-width:48px;height:48px;font-size:30px}.brands-section{grid-template-columns:1fr}.brand-card{min-height:58vh}.content-section{min-height:88svh}}
@media (max-width:720px){:root{--header-h:74px}.site-header{padding:0 16px}.brand img{width:178px}.hero{min-height:100svh;padding-bottom:250px}.hero-bg{object-position:62% top}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.80),rgba(0,0,0,.38) 56%,rgba(0,0,0,.50)),linear-gradient(0deg,rgba(0,0,0,.76),transparent 48%)}.hero-content{margin-left:18px}.hero h1{font-size:clamp(48px,15vw,70px)}.lead{font-size:16px;max-width:330px}.btn{padding:14px 17px;font-size:13px}.feature-glass{width:calc(100% - 28px);grid-template-columns:1fr;border-radius:18px}.feature-glass article{border-right:0;border-bottom:1px solid rgba(255,255,255,.14);padding:14px}.feature-glass article:last-child{border-bottom:0}.feature-glass h3{font-size:15px}.feature-glass p{font-size:13px}.scroll-cue{display:none}.section-card,.contact-wrap{padding:28px}.mini-grid{grid-template-columns:1fr}.section-card h2,.contact h2{font-size:38px}.brands-section{padding:86px 16px}.brand-card div{padding:26px}.brand-card h2{font-size:32px}.content-section{padding:90px 18px}.intro-logo{width:78vw}.intro-line{font-size:12px;text-align:center;letter-spacing:.16em}}


/* v8 layout refinements */
:root{--header-h:92px;}
.site-header{
  height:var(--header-h);
  padding:0 clamp(28px,5vw,82px);
  background:transparent !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  align-items:center;
}
.site-header.scrolled{
  background:rgba(4,6,3,.24) !important;
  backdrop-filter:blur(16px);
  box-shadow:0 14px 38px rgba(0,0,0,.18) !important;
}
.brand{min-width:260px;height:100%;display:flex;align-items:center;overflow:visible;}
.brand img{width:clamp(210px,14vw,290px);max-height:74px;object-fit:contain;object-position:left center;}
.nav{align-items:center;gap:clamp(18px,2.1vw,34px);}
.admin-link{padding:14px 25px!important;background:rgba(105,201,67,.10);}
.hero{padding-top:var(--header-h);align-items:center;}
.hero-content{width:min(620px,40vw);margin-left:clamp(34px,4.8vw,76px);margin-bottom:118px;padding-top:0;}
.hero h1{font-size:clamp(58px,5.85vw,104px);line-height:.94;}
.hero h1 .one-line{white-space:nowrap;display:block;}
.lead{max-width:560px;font-size:clamp(17px,1.25vw,22px);}
.hero-actions{margin-top:28px;}
.feature-glass{
  left:clamp(34px,4.8vw,76px) !important;
  right:clamp(34px,4.8vw,76px) !important;
  bottom:36px !important;
  transform:none !important;
  width:auto !important;
  max-width:none !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-radius:24px;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(9,22,8,.46));
  border:1px solid rgba(255,255,255,.30);
  box-shadow:0 28px 80px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.12);
}
.feature-glass article{min-width:0;padding:26px clamp(18px,2vw,32px);}
.feat-icon{font-family:Arial, sans-serif;color:var(--green);filter:drop-shadow(0 0 16px rgba(115,201,71,.35));}
.scroll-cue{bottom:12px;}

.intro{background:radial-gradient(circle at 50% 45%,rgba(112,205,74,.20),transparent 34%),linear-gradient(145deg,#020402,#080d06 55%,#020402);}
.intro:before{content:"";position:absolute;inset:9%;border:1px solid rgba(112,205,74,.18);border-radius:34px;box-shadow:inset 0 0 90px rgba(112,205,74,.06)}
.intro-logo{width:min(500px,78vw);animation:introLogo 1s ease both;}
.intro-kicker,.intro-title,.intro-subtitle{position:relative;z-index:2;text-align:center;text-transform:uppercase;letter-spacing:.28em;font-weight:900;opacity:0;animation:introReveal 3.8s ease forwards;}
.intro-kicker{margin-top:-18vh;color:var(--green);font-size:14px;animation-delay:.45s;}
.intro-title{font-size:clamp(26px,4vw,58px);letter-spacing:.08em;margin-top:18px;color:white;animation-delay:.95s;text-shadow:0 12px 44px rgba(0,0,0,.55)}
.intro-subtitle{font-size:clamp(13px,1.4vw,19px);color:rgba(255,255,255,.82);margin-top:14px;animation-delay:1.55s;}
.intro-line{display:none!important;}
@keyframes introReveal{0%{opacity:0;transform:translateY(18px)}25%,72%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-10px)}}

@media (max-width:1200px){
  .feature-glass{grid-template-columns:repeat(2,minmax(0,1fr));bottom:24px!important;}
  .hero-content{width:min(560px,52vw);margin-bottom:220px;}
  .hero h1{font-size:clamp(52px,7vw,88px)}
}
@media (max-width:900px){
  :root{--header-h:78px;}
  .site-header{padding:0 18px;}
  .brand{min-width:0;}
  .brand img{width:190px;max-height:62px;}
  .hero{align-items:flex-start;padding-top:calc(var(--header-h) + 22px);padding-bottom:370px;min-height:108svh;}
  .hero-bg{object-position:62% top;}
  .hero-content{width:min(500px,88vw);margin-left:20px;margin-bottom:0;}
  .hero h1{font-size:clamp(46px,12vw,76px);}
  .lead{max-width:390px;font-size:16px;}
  .feature-glass{left:18px!important;right:18px!important;grid-template-columns:1fr 1fr;bottom:22px!important;}
  .feature-glass article{padding:16px;gap:12px;}
  .feat-icon{width:42px;min-width:42px;height:42px;font-size:28px;}
  .feature-glass h3{font-size:14px}.feature-glass p{font-size:12px;}
}
@media (max-width:560px){
  :root{--header-h:72px;}
  .brand img{width:158px;max-height:56px;}
  .hero{min-height:112svh;padding-bottom:430px;}
  .hero-bg{object-position:66% top;}
  .hero-content{margin-left:16px;width:calc(100% - 32px);}
  .eyebrow{font-size:11px;letter-spacing:.22em;margin-bottom:12px;}
  .hero h1{font-size:clamp(43px,14vw,62px);line-height:.96;}
  .lead{font-size:15px;max-width:330px;margin-top:18px;}
  .hero-actions{gap:10px;margin-top:20px}.btn{padding:13px 15px;font-size:12px;}
  .feature-glass{grid-template-columns:1fr;left:14px!important;right:14px!important;bottom:16px!important;border-radius:18px;}
  .feature-glass article{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.14);padding:12px 14px;}
  .feature-glass article:last-child{border-bottom:0;}
  .scroll-cue{display:none;}
  .intro-logo{width:82vw}.intro-kicker{font-size:11px;letter-spacing:.18em}.intro-title{font-size:28px}.intro-subtitle{font-size:12px;letter-spacing:.16em}
}


/* v9 final requested fixes */
html, body{
  scrollbar-width:none;
  -ms-overflow-style:none;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none;
}
.site-header{
  border-bottom:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
.site-header::after{display:none!important;content:none!important;}
.brand{
  min-width:clamp(260px,20vw,350px) !important;
  height:100%;
  align-items:center !important;
  overflow:visible !important;
}
.brand img{
  width:clamp(255px,18vw,350px) !important;
  max-height:82px !important;
  object-fit:contain !important;
  object-position:left center !important;
  transform:translateY(0) !important;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.38));
}
.nav .admin-link{display:none!important;}
.hero h1 .one-line{
  display:block !important;
  white-space:nowrap !important;
}
.feature-glass{
  left:clamp(60px,5vw,88px) !important;
  right:clamp(60px,5vw,88px) !important;
  width:auto !important;
  max-width:none !important;
  transform:none !important;
  margin:0 !important;
  overflow:hidden !important;
}
.scroll-cue{
  position:fixed !important;
  right:clamp(24px,2.4vw,42px) !important;
  left:auto !important;
  bottom:clamp(70px,10vh,118px) !important;
  z-index:35 !important;
  width:58px !important;
  height:138px !important;
  border:1px solid rgba(115,201,71,.55) !important;
  border-radius:999px !important;
  background:rgba(5,10,4,.32) !important;
  backdrop-filter:blur(16px) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  color:white !important;
  box-shadow:0 18px 48px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.12) !important;
  transform:none !important;
}
.scroll-cue .scroll-text{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:10px;
  font-weight:900;
  color:rgba(255,255,255,.72);
}
.scroll-cue .scroll-line{
  width:1px;
  height:30px;
  background:linear-gradient(to bottom,transparent,var(--green),transparent);
}
.scroll-cue .scroll-arrow{
  width:32px;
  height:32px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(115,201,71,.18);
  color:var(--green);
  font-size:24px;
  line-height:1;
  animation:scrollPulse 1.35s ease-in-out infinite;
}
@keyframes scrollPulse{
  0%,100%{transform:translateY(-2px);opacity:.8}
  50%{transform:translateY(4px);opacity:1}
}
@media (max-width:1100px){
  .brand{min-width:220px!important;}
  .brand img{width:220px!important;max-height:70px!important;}
}
@media (max-width:720px){
  .site-header{height:76px!important;padding:0 16px!important;}
  .brand{min-width:178px!important;}
  .brand img{width:178px!important;max-height:62px!important;}
  .scroll-cue{
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    bottom:18px !important;
    width:48px !important;
    height:48px !important;
    transform:translateX(-50%) !important;
    border-radius:50% !important;
    background:rgba(5,10,4,.42) !important;
  }
  .scroll-cue .scroll-text,
  .scroll-cue .scroll-line{display:none!important;}
  .scroll-cue .scroll-arrow{background:transparent!important;font-size:30px;}
}
@media (max-width:560px){
  .brand img{width:165px!important;max-height:58px!important;}
  .hero h1 .one-line{white-space:normal!important;}
}


/* v10 requested refinements: larger logo, slim section dots, clean buttons */
.brand img{
  width:clamp(280px,19.5vw,380px) !important;
  max-height:88px !important;
}
.btn span{display:none!important;}
.slide-dots{
  position:fixed;
  right:clamp(22px,2.2vw,38px);
  top:50%;
  transform:translateY(-50%);
  z-index:45;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  padding:12px 8px;
  border-radius:999px;
  background:rgba(5,10,4,.16);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(14px);
  box-shadow:0 18px 42px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.10);
}
.slide-dots a{
  width:7px;
  height:7px;
  border-radius:999px;
  background:rgba(255,255,255,.45);
  border:1px solid rgba(255,255,255,.38);
  transition:width .28s ease, height .28s ease, background .28s ease, box-shadow .28s ease, transform .28s ease;
}
.slide-dots a:hover,
.slide-dots a.active{
  width:9px;
  height:24px;
  background:var(--green);
  border-color:rgba(115,201,71,.95);
  box-shadow:0 0 0 5px rgba(115,201,71,.14), 0 0 22px rgba(115,201,71,.65);
  transform:scale(1.02);
}
/* override old desktop scroll pill */
.hero .scroll-cue{
  display:none!important;
}
@media (max-width:1100px){
  .brand img{width:245px!important;max-height:76px!important;}
}
@media (max-width:720px){
  .brand img{width:188px!important;max-height:66px!important;}
  .slide-dots{display:none!important;}
  .hero .scroll-cue{
    display:flex!important;
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    bottom:18px!important;
    width:48px!important;
    height:48px!important;
    transform:translateX(-50%)!important;
    border-radius:50%!important;
    border:1px solid rgba(115,201,71,.55)!important;
    background:rgba(5,10,4,.42)!important;
    backdrop-filter:blur(16px)!important;
    align-items:center!important;
    justify-content:center!important;
    color:var(--green)!important;
  }
  .hero .scroll-cue .scroll-arrow{display:block!important;background:transparent!important;font-size:30px;line-height:1;animation:scrollPulse 1.35s ease-in-out infinite;}
}
@media (max-width:560px){
  .brand img{width:174px!important;max-height:62px!important;}
}

/* v11 responsive stability fixes: prevents CTA/features overlap on all screens */
:root{--header-h:84px;}
html,body{overflow-x:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important;}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
.site-header{
  height:var(--header-h)!important;
  padding:0 clamp(26px,4.2vw,70px)!important;
  border-bottom:0!important;
  box-shadow:none!important;
  background:linear-gradient(180deg,rgba(4,5,3,.52),rgba(4,5,3,.16))!important;
  backdrop-filter:blur(10px)!important;
}
.site-header.scrolled{background:rgba(4,5,3,.72)!important;backdrop-filter:blur(18px)!important;}
.brand{min-width:clamp(290px,22vw,390px)!important;height:100%!important;display:flex!important;align-items:center!important;overflow:visible!important;}
.brand img{width:clamp(300px,20vw,390px)!important;max-height:76px!important;object-fit:contain!important;object-position:left center!important;display:block!important;transform:none!important;}
.nav{gap:clamp(18px,1.9vw,34px)!important;font-size:clamp(12px,.82vw,14px)!important;}
.hero{min-height:max(760px,100svh)!important;display:block!important;padding-top:0!important;overflow:hidden!important;}
.hero-bg{object-position:center top!important;}
.hero-content{
  position:relative!important;
  z-index:3!important;
  width:min(560px,42vw)!important;
  margin-left:clamp(34px,4.8vw,78px)!important;
  padding-top:clamp(142px,18vh,190px)!important;
  margin-bottom:0!important;
}
.hero h1{font-size:clamp(58px,min(5.35vw,9.2vh),94px)!important;line-height:.96!important;letter-spacing:-.035em!important;}
.hero h1 .one-line{white-space:nowrap!important;display:block!important;}
.lead{font-size:clamp(16px,min(1.2vw,2.5vh),21px)!important;line-height:1.48!important;max-width:500px!important;margin-top:clamp(18px,2.2vh,26px)!important;}
.hero-actions{margin-top:clamp(20px,3vh,30px)!important;gap:14px!important;position:relative!important;z-index:6!important;}
.btn{min-height:48px!important;padding:14px 22px!important;font-size:clamp(12px,.85vw,14px)!important;border-radius:13px!important;}
.feature-glass{
  position:absolute!important;
  z-index:5!important;
  left:clamp(36px,4.5vw,76px)!important;
  right:clamp(36px,4.5vw,76px)!important;
  bottom:clamp(22px,3.8vh,38px)!important;
  width:auto!important;
  max-width:none!important;
  transform:none!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,rgba(12,20,9,.45),rgba(6,8,5,.25))!important;
  border:1px solid rgba(255,255,255,.30)!important;
  backdrop-filter:blur(18px)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.feature-glass article{min-width:0!important;padding:clamp(16px,1.65vw,26px)!important;gap:clamp(14px,1.2vw,22px)!important;align-items:center!important;border-right:1px solid rgba(255,255,255,.20)!important;}
.feature-glass h3{font-size:clamp(14px,1.02vw,18px)!important;line-height:1.15!important;margin:0 0 6px!important;white-space:normal!important;}
.feature-glass p{font-size:clamp(12px,.86vw,15px)!important;line-height:1.45!important;}
.feat-icon{width:clamp(46px,3.6vw,62px)!important;min-width:clamp(46px,3.6vw,62px)!important;height:clamp(46px,3.6vw,62px)!important;font-size:clamp(28px,2.2vw,42px)!important;}
.slide-dots{right:clamp(18px,1.8vw,32px)!important;}
@media (max-height:780px) and (min-width:901px){
  .hero{min-height:760px!important;}
  .hero-content{padding-top:128px!important;width:min(500px,38vw)!important;}
  .hero h1{font-size:clamp(48px,4.7vw,76px)!important;}
  .lead{font-size:16px!important;max-width:440px!important;margin-top:16px!important;}
  .hero-actions{margin-top:18px!important;}
  .btn{min-height:44px!important;padding:12px 18px!important;}
  .feature-glass{bottom:18px!important;}
  .feature-glass article{padding:14px 18px!important;}
}
@media (max-width:1180px){
  .brand{min-width:250px!important;}
  .brand img{width:250px!important;max-height:70px!important;}
  .hero-content{width:min(510px,47vw)!important;}
  .feature-glass{grid-template-columns:repeat(2,minmax(0,1fr))!important;bottom:24px!important;}
  .feature-glass article:nth-child(2){border-right:0!important;}
  .feature-glass article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.18)!important;}
}
@media (max-width:900px){
  :root{--header-h:76px;}
  .site-header{padding:0 18px!important;}
  .brand{min-width:210px!important;}
  .brand img{width:210px!important;max-height:64px!important;}
  .hero{min-height:auto!important;padding-top:var(--header-h)!important;padding-bottom:28px!important;display:flex!important;flex-direction:column!important;}
  .hero-bg{object-position:62% top!important;}
  .hero-content{width:calc(100% - 34px)!important;margin:0 17px!important;padding-top:44px!important;}
  .hero h1{font-size:clamp(46px,12vw,76px)!important;}
  .hero h1 .one-line{white-space:normal!important;}
  .lead{max-width:430px!important;font-size:16px!important;}
  .feature-glass{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:calc(100% - 34px)!important;margin:30px auto 0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .feature-glass article{padding:15px!important;}
  .scroll-cue{display:flex!important;}
}
@media (max-width:620px){
  :root{--header-h:70px;}
  .brand{min-width:175px!important;}
  .brand img{width:175px!important;max-height:58px!important;}
  .hero-bg{object-position:68% top!important;}
  .hero-content{padding-top:34px!important;}
  .hero h1{font-size:clamp(42px,14vw,58px)!important;}
  .lead{font-size:14.5px!important;max-width:330px!important;}
  .hero-actions{gap:10px!important;}
  .btn{min-height:44px!important;padding:12px 14px!important;font-size:12px!important;}
  .feature-glass{grid-template-columns:1fr!important;width:calc(100% - 28px)!important;border-radius:18px!important;}
  .feature-glass article{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.16)!important;}
  .feature-glass article:last-child{border-bottom:0!important;}
  .feat-icon{width:42px!important;min-width:42px!important;height:42px!important;font-size:27px!important;}
}

/* v14 final premium feature cards and viewport-safe hero layout */
.site-header,
.site-header.scrolled{
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
.brand img{
  width:clamp(320px,21.5vw,420px)!important;
  max-height:82px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.hero{
  min-height:100dvh!important;
  height:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  padding-top:var(--header-h)!important;
  padding-bottom:clamp(14px,2.4vh,28px)!important;
  overflow:hidden!important;
}
.hero-bg{
  transform:scale(1.018)!important;
  animation:none!important;
  will-change:auto!important;
  backface-visibility:hidden!important;
  object-position:center top!important;
}
.hero-content{
  position:relative!important;
  z-index:4!important;
  width:min(650px,44vw)!important;
  margin-left:clamp(34px,4.8vw,78px)!important;
  padding-top:clamp(36px,8.5vh,96px)!important;
  margin-bottom:0!important;
}
.hero h1{
  font-size:clamp(64px,min(6.2vw,10.4vh),112px)!important;
  line-height:.94!important;
  letter-spacing:-.045em!important;
}
.lead{
  font-size:clamp(17px,min(1.28vw,2.7vh),23px)!important;
  max-width:560px!important;
}
.hero-actions{z-index:6!important;margin-top:clamp(18px,2.7vh,30px)!important;}
.feature-glass{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  z-index:5!important;
  width:calc(100% - clamp(48px,8vw,150px))!important;
  max-width:1540px!important;
  margin:clamp(22px,auto,100px) auto 0!important;
  margin-top:auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  border-radius:26px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.045))!important;
  border:1px solid rgba(255,255,255,.30)!important;
  backdrop-filter:blur(30px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(145%)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.32),0 0 38px rgba(115,201,71,.12),inset 0 1px 0 rgba(255,255,255,.32),inset 0 -1px 0 rgba(255,255,255,.08)!important;
}
.feature-glass:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.22),transparent 28%),linear-gradient(90deg,rgba(115,201,71,.12),transparent 40%,rgba(255,198,94,.10));}
.feature-glass article{
  position:relative!important;
  min-width:0!important;
  padding:clamp(14px,1.55vw,25px)!important;
  gap:clamp(12px,1.1vw,20px)!important;
  align-items:center!important;
  border-right:1px solid rgba(255,255,255,.18)!important;
  background:rgba(8,18,9,.16)!important;
}
.feature-glass article:last-child{border-right:0!important;}
.premium-icon{
  width:clamp(46px,3.25vw,58px)!important;
  min-width:clamp(46px,3.25vw,58px)!important;
  height:clamp(46px,3.25vw,58px)!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(145deg,rgba(115,201,71,.24),rgba(255,255,255,.06))!important;
  border:1px solid rgba(145,230,103,.32)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 12px 26px rgba(0,0,0,.24),0 0 22px rgba(115,201,71,.18)!important;
  color:#8ee35d!important;
  text-shadow:none!important;
}
.premium-icon svg{width:58%;height:58%;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(115,201,71,.35));}
.premium-icon.uae-flag svg{width:64%;height:64%;stroke:none;filter:drop-shadow(0 5px 8px rgba(0,0,0,.25));}
.feature-glass h3{font-size:clamp(14px,.98vw,18px)!important;letter-spacing:.02em!important;margin:0 0 5px!important;color:#fff!important;}
.feature-glass p{font-size:clamp(12px,.82vw,15px)!important;line-height:1.42!important;color:rgba(255,255,255,.84)!important;margin:0!important;}
@media (max-height:760px) and (min-width:901px){
  .hero{min-height:100dvh!important;padding-bottom:12px!important;}
  .hero-content{padding-top:clamp(20px,5vh,48px)!important;width:min(560px,40vw)!important;}
  .hero h1{font-size:clamp(54px,min(5.25vw,9.4vh),86px)!important;}
  .lead{font-size:clamp(15px,1.05vw,18px)!important;margin-top:14px!important;max-width:480px!important;}
  .hero-actions{margin-top:14px!important;}
  .btn{min-height:42px!important;padding:11px 17px!important;}
  .feature-glass{border-radius:20px!important;}
  .feature-glass article{padding:11px 14px!important;gap:11px!important;}
  .premium-icon{width:42px!important;min-width:42px!important;height:42px!important;border-radius:14px!important;}
  .feature-glass p{display:none!important;}
}
@media (max-width:1180px) and (min-width:901px){
  .feature-glass{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:calc(100% - 56px)!important;}
  .feature-glass article:nth-child(2){border-right:0!important;}
  .feature-glass article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.18)!important;}
}
@media (max-width:900px){
  .brand img{width:clamp(190px,32vw,245px)!important;max-height:68px!important;}
  .hero{min-height:auto!important;overflow:visible!important;padding-top:var(--header-h)!important;padding-bottom:26px!important;}
  .hero-content{width:calc(100% - 34px)!important;margin:0 17px!important;padding-top:clamp(28px,6vh,48px)!important;}
  .hero h1{font-size:clamp(46px,12vw,76px)!important;}
  .lead{font-size:16px!important;max-width:440px!important;}
  .feature-glass{width:calc(100% - 34px)!important;margin:28px auto 0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;border-radius:22px!important;}
  .feature-glass article{padding:15px!important;}
}
@media (max-width:620px){
  .brand img{width:178px!important;max-height:58px!important;}
  .hero-bg{object-position:67% top!important;transform:scale(1.01)!important;}
  .hero-content{padding-top:28px!important;}
  .hero h1{font-size:clamp(42px,14vw,58px)!important;}
  .hero h1 .one-line{white-space:normal!important;}
  .lead{font-size:14.5px!important;max-width:330px!important;}
  .feature-glass{grid-template-columns:1fr!important;width:calc(100% - 28px)!important;border-radius:20px!important;}
  .feature-glass article{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.16)!important;padding:13px 14px!important;}
  .feature-glass article:last-child{border-bottom:0!important;}
  .premium-icon{width:42px!important;min-width:42px!important;height:42px!important;border-radius:14px!important;}
}

/* v15 final layout fixes requested */
:root{--header-h:92px;}
.site-header,
.site-header.scrolled{
  height:var(--header-h)!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border:0!important;
  box-shadow:none!important;
  padding:0 clamp(30px,4.8vw,76px)!important;
  align-items:center!important;
}
.site-header:before,.site-header:after{display:none!important;content:none!important;}
.brand{
  min-width:clamp(270px,22vw,390px)!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  overflow:visible!important;
}
.brand img{
  width:clamp(300px,20vw,390px)!important;
  max-height:82px!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:none!important;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.42))!important;
}
.nav{align-items:center!important;}
.hero{
  min-height:100dvh!important;
  height:100dvh!important;
  padding-top:var(--header-h)!important;
  padding-bottom:0!important;
  overflow:hidden!important;
  display:block!important;
}
.hero-bg{
  opacity:1!important;
  transform:none!important;
  animation:none!important;
  transition:none!important;
  will-change:auto!important;
  object-fit:cover!important;
  object-position:center top!important;
}
.hero-shade{pointer-events:none!important;}
.hero-content{
  position:relative!important;
  z-index:6!important;
  width:min(650px,43vw)!important;
  margin-left:clamp(34px,4.8vw,78px)!important;
  padding-top:clamp(46px,8vh,88px)!important;
  margin-bottom:0!important;
}
.hero h1{
  font-size:clamp(62px,min(6vw,10vh),108px)!important;
  line-height:.94!important;
  letter-spacing:-.045em!important;
  margin:0!important;
}
.hero h1 span{
  display:block!important;
  white-space:nowrap!important;
}
.hero h1 .one-line{
  display:block!important;
  white-space:nowrap!important;
}
.lead{
  font-size:clamp(17px,min(1.25vw,2.6vh),22px)!important;
  line-height:1.48!important;
  max-width:560px!important;
  margin-top:clamp(16px,2.1vh,25px)!important;
}
.hero-actions{
  margin-top:clamp(18px,2.5vh,28px)!important;
  position:relative!important;
  z-index:8!important;
}
.feature-glass{
  position:absolute!important;
  z-index:7!important;
  left:50%!important;
  right:auto!important;
  bottom:clamp(18px,3.2vh,34px)!important;
  transform:translateX(-50%)!important;
  width:min(1400px,calc(100vw - clamp(56px,8vw,120px)))!important;
  max-width:1400px!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  border-radius:26px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.055))!important;
  border:1px solid rgba(255,255,255,.34)!important;
  backdrop-filter:blur(34px) saturate(155%)!important;
  -webkit-backdrop-filter:blur(34px) saturate(155%)!important;
  box-shadow:0 26px 90px rgba(0,0,0,.34),0 0 42px rgba(115,201,71,.12),inset 0 1px 0 rgba(255,255,255,.38)!important;
}
.feature-glass article{
  padding:clamp(15px,1.45vw,24px)!important;
  gap:clamp(12px,1.05vw,18px)!important;
  border-right:1px solid rgba(255,255,255,.18)!important;
}
.feature-glass article:last-child{border-right:0!important;}
.premium-icon{
  width:clamp(48px,3.2vw,60px)!important;
  min-width:clamp(48px,3.2vw,60px)!important;
  height:clamp(48px,3.2vw,60px)!important;
}
.premium-icon.uae-flag{
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,.07))!important;
}
.premium-icon.uae-flag svg{
  width:70%!important;
  height:52%!important;
  border-radius:5px!important;
  overflow:hidden!important;
}
.feature-glass h3{font-size:clamp(14px,.98vw,18px)!important;}
.feature-glass p{font-size:clamp(12px,.82vw,14px)!important;}
/* Intro: logo only, 2 seconds, premium animation */
.intro{
  background:radial-gradient(circle at 50% 44%,rgba(115,201,71,.22),transparent 30%),linear-gradient(145deg,#010201,#071006 58%,#010201)!important;
  display:grid!important;
  place-items:center!important;
}
.intro:before{
  content:""!important;position:absolute!important;inset:7%!important;border:1px solid rgba(115,201,71,.18)!important;border-radius:34px!important;box-shadow:inset 0 0 90px rgba(115,201,71,.08)!important;
}
.intro-glow{opacity:.85!important;animation:introGlowV15 2s ease both!important;}
.intro-logo{
  width:min(580px,78vw)!important;
  max-height:58vh!important;
  position:relative!important;
  z-index:2!important;
  animation:introLogoV15 2s cubic-bezier(.22,.9,.22,1) both!important;
  filter:drop-shadow(0 0 34px rgba(115,201,71,.36)) drop-shadow(0 22px 60px rgba(0,0,0,.55))!important;
}
.intro-kicker,.intro-title,.intro-subtitle,.intro-line{display:none!important;}
.intro-skip{opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;padding:0!important;border:0!important;}
.intro.hidden{opacity:0!important;visibility:hidden!important;transition:opacity .55s ease,visibility .55s ease!important;}
@keyframes introLogoV15{
  0%{opacity:0;transform:scale(.88) translateY(16px);filter:blur(6px) drop-shadow(0 0 0 rgba(115,201,71,0));}
  28%{opacity:1;transform:scale(1) translateY(0);filter:blur(0) drop-shadow(0 0 34px rgba(115,201,71,.35));}
  70%{opacity:1;transform:scale(1.045) translateY(0);}
  100%{opacity:0;transform:scale(1.085) translateY(-8px);filter:blur(3px) drop-shadow(0 0 48px rgba(115,201,71,.45));}
}
@keyframes introGlowV15{0%{opacity:0;transform:scale(.8)}40%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(1.25)}}
@media (max-height:760px) and (min-width:901px){
  :root{--header-h:82px;}
  .brand img{width:clamp(260px,18vw,340px)!important;max-height:72px!important;}
  .hero-content{padding-top:clamp(28px,5.5vh,48px)!important;width:min(560px,40vw)!important;}
  .hero h1{font-size:clamp(52px,min(5.1vw,9vh),84px)!important;}
  .lead{font-size:clamp(15px,1.04vw,18px)!important;max-width:470px!important;margin-top:14px!important;}
  .hero-actions{margin-top:14px!important;}
  .feature-glass{bottom:12px!important;border-radius:20px!important;}
  .feature-glass article{padding:11px 14px!important;}
  .feature-glass p{display:none!important;}
  .premium-icon{width:42px!important;min-width:42px!important;height:42px!important;}
}
@media (max-width:1180px) and (min-width:901px){
  .feature-glass{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:calc(100vw - 48px)!important;}
  .feature-glass article:nth-child(2){border-right:0!important;}
  .feature-glass article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.18)!important;}
}
@media (max-width:900px){
  :root{--header-h:76px;}
  .site-header{height:var(--header-h)!important;padding:0 16px!important;}
  .brand{min-width:220px!important;}
  .brand img{width:220px!important;max-height:62px!important;}
  .hero{height:auto!important;min-height:100svh!important;overflow:visible!important;padding-top:var(--header-h)!important;padding-bottom:26px!important;display:flex!important;flex-direction:column!important;}
  .hero-bg{object-position:64% top!important;}
  .hero-content{width:calc(100% - 34px)!important;margin:0 17px!important;padding-top:clamp(30px,6vh,48px)!important;}
  .hero h1{font-size:clamp(44px,12vw,74px)!important;}
  .hero h1 span,.hero h1 .one-line{white-space:nowrap!important;}
  .lead{font-size:16px!important;max-width:430px!important;}
  .feature-glass{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:calc(100% - 34px)!important;margin:28px auto 0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:620px){
  .brand{min-width:184px!important;}
  .brand img{width:184px!important;max-height:58px!important;}
  .hero-bg{object-position:69% top!important;}
  .hero h1{font-size:clamp(38px,12.5vw,54px)!important;}
  .lead{font-size:14.5px!important;max-width:330px!important;}
  .feature-glass{grid-template-columns:1fr!important;width:calc(100% - 28px)!important;}
  .feature-glass article{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.16)!important;}
  .feature-glass article:last-child{border-bottom:0!important;}
}


/* v16 refinements: compact small-screen feature bar, premium real UAE flag, clean logo-only intro */
.premium-icon.uae-flag img{
  width:72%!important;
  height:auto!important;
  display:block!important;
  border-radius:6px!important;
  filter:drop-shadow(0 6px 10px rgba(0,0,0,.28))!important;
}
.premium-icon.uae-flag svg{display:none!important;}

/* keep the feature cards centered and visible on shorter desktop screens */
@media (max-height:840px) and (min-width:901px){
  .hero-content{
    padding-top:clamp(22px,4.4vh,46px)!important;
    width:min(600px,42vw)!important;
  }
  .hero h1{
    font-size:clamp(54px,min(5.35vw,8.8vh),88px)!important;
    line-height:.93!important;
  }
  .lead{
    font-size:clamp(15px,1.08vw,18px)!important;
    max-width:500px!important;
    margin-top:14px!important;
  }
  .hero-actions{margin-top:16px!important;}
  .btn{min-height:42px!important;padding:11px 18px!important;}
  .feature-glass{
    left:50%!important;
    right:auto!important;
    bottom:16px!important;
    width:min(1180px,calc(100vw - 70px))!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    border-radius:22px!important;
  }
  .feature-glass article{
    padding:12px 18px!important;
    gap:12px!important;
  }
  .premium-icon{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    border-radius:14px!important;
  }
  .feature-glass h3{font-size:14px!important;margin-bottom:0!important;}
  .feature-glass p{display:none!important;}
}

@media (max-width:1180px) and (min-width:901px) and (max-height:840px){
  .feature-glass{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:calc(100vw - 54px)!important;
  }
  .feature-glass article{border-bottom:0!important;}
  .feature-glass article:nth-child(2){border-right:1px solid rgba(255,255,255,.18)!important;}
}

/* mobile: compact glass cards, no page overflow */
@media (max-width:900px){
  .feature-glass{
    max-height:none!important;
    background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.07))!important;
  }
}

/* intro: no frame, no laggy blur/filter animation, only smooth AGC logo */
.intro{
  background:radial-gradient(circle at 50% 50%,rgba(115,201,71,.18),transparent 34%),#030603!important;
}
.intro:before,.intro:after{display:none!important;content:none!important;}
.intro-glow{display:none!important;}
.intro-logo{
  width:min(520px,76vw)!important;
  max-height:54vh!important;
  animation:introLogoV16 1.8s cubic-bezier(.22,.9,.22,1) both!important;
  filter:drop-shadow(0 18px 55px rgba(0,0,0,.62)) drop-shadow(0 0 18px rgba(115,201,71,.28))!important;
  will-change:transform,opacity!important;
}
@keyframes introLogoV16{
  0%{opacity:0;transform:scale(.94) translateY(10px)}
  25%{opacity:1;transform:scale(1) translateY(0)}
  72%{opacity:1;transform:scale(1.035) translateY(0)}
  100%{opacity:0;transform:scale(1.055) translateY(-4px)}
}

/* v17 fix: feature descriptions must remain visible on all desktop zoom/screen sizes */
.feature-glass{
  width:min(1380px,calc(100vw - 112px))!important;
  max-width:calc(100vw - 112px)!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  bottom:clamp(14px,2.2vh,30px)!important;
  overflow:visible!important;
}
.feature-glass article{
  min-width:0!important;
  align-items:center!important;
}
.feature-glass h3{
  white-space:nowrap!important;
}
.feature-glass p{
  display:block!important;
  visibility:visible!important;
  opacity:.9!important;
  overflow:visible!important;
}

@media (max-height:860px) and (min-width:901px){
  .hero-content{
    padding-top:clamp(16px,3.3vh,34px)!important;
    margin-bottom:112px!important;
  }
  .hero h1{
    font-size:clamp(52px,min(5vw,8vh),82px)!important;
    line-height:.92!important;
  }
  .lead{
    font-size:clamp(14px,1vw,17px)!important;
    line-height:1.42!important;
    margin-top:12px!important;
    max-width:480px!important;
  }
  .hero-actions{margin-top:14px!important;}
  .btn{padding:11px 18px!important;min-height:42px!important;}
  .feature-glass{
    width:min(1280px,calc(100vw - 96px))!important;
    max-width:calc(100vw - 96px)!important;
    bottom:10px!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    border-radius:20px!important;
  }
  .feature-glass article{
    padding:12px 14px!important;
    gap:12px!important;
  }
  .premium-icon{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    border-radius:14px!important;
  }
  .feature-glass h3{
    font-size:clamp(12px,1vw,15px)!important;
    margin:0 0 3px!important;
  }
  .feature-glass p{
    display:block!important;
    font-size:clamp(11px,.85vw,13px)!important;
    line-height:1.3!important;
    margin:0!important;
  }
}

@media (max-width:1260px) and (min-width:901px){
  .feature-glass{
    width:calc(100vw - 70px)!important;
    max-width:calc(100vw - 70px)!important;
  }
  .feature-glass article{padding:12px!important;gap:10px!important;}
  .premium-icon{width:40px!important;min-width:40px!important;height:40px!important;}
  .feature-glass h3{font-size:12.5px!important;}
  .feature-glass p{display:block!important;font-size:11.2px!important;line-height:1.25!important;}
}

@media (max-width:1050px) and (min-width:901px){
  .feature-glass{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:min(760px,calc(100vw - 48px))!important;
    max-width:calc(100vw - 48px)!important;
  }
  .feature-glass article:nth-child(2){border-right:0!important;}
  .feature-glass article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.18)!important;}
  .feature-glass p{display:block!important;font-size:12px!important;line-height:1.25!important;}
}

@media (max-width:900px){
  .feature-glass{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:calc(100% - 34px)!important;
    max-width:calc(100% - 34px)!important;
    margin:24px auto 0!important;
    overflow:visible!important;
  }
  .feature-glass p{display:block!important;font-size:12px!important;line-height:1.35!important;}
}

/* v18: keep hero title strong and readable on smaller desktop screens / browser zoom */
@media (min-width:901px){
  .hero-content{
    width:min(680px,46vw)!important;
  }
  .hero h1{
    font-size:clamp(74px,6.25vw,118px)!important;
    line-height:.91!important;
    letter-spacing:-.045em!important;
  }
  .hero h1 span,
  .hero h1 .one-line{
    display:block!important;
    white-space:nowrap!important;
  }
}
@media (max-height:860px) and (min-width:901px){
  .hero-content{
    padding-top:clamp(12px,2.8vh,30px)!important;
    margin-bottom:118px!important;
    width:min(670px,45vw)!important;
  }
  .hero h1{
    font-size:clamp(68px,min(5.85vw,9.7vh),100px)!important;
    line-height:.91!important;
  }
  .lead{
    font-size:clamp(15px,1.08vw,18px)!important;
    line-height:1.42!important;
    max-width:560px!important;
  }
}
@media (max-width:1260px) and (min-width:901px){
  .hero-content{width:min(620px,45vw)!important;}
  .hero h1{font-size:clamp(62px,5.65vw,86px)!important;}
}
@media (max-width:1050px) and (min-width:901px){
  .hero-content{width:min(560px,46vw)!important;}
  .hero h1{font-size:clamp(58px,5.4vw,76px)!important;}
  .lead{max-width:460px!important;}
}

/* v19: About page uses the new hero image directly, without a glass text box */
#about.content-section{
  min-height:100svh;
  align-items:center;
  padding:clamp(92px,12vh,150px) clamp(28px,6vw,96px);
}
#about .section-bg{
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.70) 0%,rgba(0,0,0,.48) 30%,rgba(0,0,0,.12) 62%,rgba(0,0,0,.04) 100%),
    var(--bg)!important;
  background-size:cover!important;
  background-position:center!important;
  transform:none!important;
  filter:none!important;
}
#about .section-card{
  width:min(610px,92vw)!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
  text-shadow:0 8px 30px rgba(0,0,0,.45)!important;
}
#about .section-card .eyebrow{
  color:var(--green)!important;
  letter-spacing:.22em!important;
}
#about .section-card h2{
  max-width:560px!important;
  font-size:clamp(46px,5.2vw,86px)!important;
  line-height:.96!important;
  margin-bottom:24px!important;
}
#about .section-card p{
  max-width:560px!important;
  font-size:clamp(17px,1.25vw,21px)!important;
  line-height:1.7!important;
  color:rgba(255,255,255,.92)!important;
}
@media (max-width:720px){
  #about.content-section{
    min-height:100svh;
    padding:96px 22px 70px!important;
  }
  #about .section-bg{
    background-position:62% center!important;
    background-image:
      linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.46) 55%,rgba(0,0,0,.22)),
      var(--bg)!important;
  }
  #about .section-card h2{font-size:clamp(38px,11vw,58px)!important;}
  #about .section-card p{font-size:16px!important;line-height:1.62!important;}
}

/* v21: Premium Brands page redesign */
#brands.brands-section{
  position:relative!important;
  min-height:100svh!important;
  padding:clamp(92px,10vh,130px) clamp(20px,5vw,72px) clamp(48px,6vh,78px)!important;
  display:flex!important;
  align-items:center!important;
  background:radial-gradient(circle at 18% 10%,rgba(119,198,64,.18),transparent 34%),linear-gradient(135deg,#061006 0%,#0f1a0d 48%,#050706 100%)!important;
  overflow:hidden!important;
}
#brands .brands-bg-layer{
  position:absolute;inset:0;z-index:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.78)),
    url('optimized/brands-bg.webp') center/cover no-repeat;
  opacity:.22;
  transform:scale(1.06);
  filter:saturate(1.05) contrast(1.05);
}
#brands .brands-shell{position:relative;z-index:1;width:min(1500px,100%);margin:0 auto;}
#brands .brands-heading{width:min(760px,100%);margin:0 auto clamp(26px,4vh,44px);text-align:center;}
#brands .brands-heading .eyebrow{color:var(--green);letter-spacing:.24em;font-weight:900;text-transform:uppercase;margin-bottom:12px;}
#brands .brands-heading h2{font-size:clamp(36px,4.6vw,76px);line-height:.98;margin:0 0 16px;color:#fff;text-transform:uppercase;letter-spacing:-.04em;}
#brands .brands-heading p{font-size:clamp(15px,1.2vw,19px);line-height:1.65;color:rgba(255,255,255,.78);margin:0 auto;max-width:720px;}
#brands .brands-premium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);align-items:stretch;}
#brands .brand-showcase{
  position:relative;min-height:clamp(470px,58vh,650px);border-radius:34px;overflow:hidden;text-decoration:none;color:#fff;
  display:flex;align-items:flex-end;isolation:isolate;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 32px 90px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.12);
  background:#0a1008;
  transform:translateZ(0);
}
#brands .brand-showcase:after{
  content:"";position:absolute;inset:1px;border-radius:33px;z-index:4;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 24%,transparent 70%,rgba(118,198,64,.16));
}
#brands .brand-image{position:absolute;inset:0;z-index:0;background-image:var(--image);background-size:cover;background-position:center;transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter .8s ease;filter:saturate(1.08) contrast(1.02);}
#brands .nuts .brand-image{background-position:center center;}
#brands .elite .brand-image{background-position:center center;}
#brands .upi .brand-image{background-position:center center;}
#brands .brand-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.32) 45%,rgba(0,0,0,.86) 100%),linear-gradient(90deg,rgba(0,0,0,.22),transparent 45%);}
#brands .brand-copy{position:relative;z-index:3;padding:clamp(24px,2.6vw,38px);width:100%;}
#brands .brand-kicker{display:inline-flex;align-items:center;gap:8px;color:#8fe45c;font-weight:900;text-transform:uppercase;letter-spacing:.18em;font-size:12px;margin-bottom:12px;}
#brands .brand-kicker:before{content:"";width:9px;height:9px;border-radius:99px;background:linear-gradient(135deg,#9cff66,#4caf27);box-shadow:0 0 18px rgba(116,220,80,.7);}
#brands .brand-copy h3{font-size:clamp(30px,2.9vw,46px);line-height:1.02;margin:0 0 14px;text-transform:uppercase;letter-spacing:-.035em;color:#fff;text-shadow:0 8px 28px rgba(0,0,0,.45);}
#brands .brand-copy p{font-size:clamp(14px,1vw,17px);line-height:1.62;color:rgba(255,255,255,.82);margin:0 0 22px;max-width:96%;}
#brands .brand-cta{display:inline-flex;align-items:center;justify-content:center;min-width:142px;padding:13px 20px;border-radius:999px;background:rgba(116,198,67,.92);color:#071006;font-weight:1000;text-transform:uppercase;letter-spacing:.04em;font-size:13px;box-shadow:0 14px 30px rgba(83,180,46,.26);transition:transform .28s ease,box-shadow .28s ease,background .28s ease;}
#brands .brand-showcase:hover .brand-image{transform:scale(1.08);filter:saturate(1.18) contrast(1.08);}
#brands .brand-showcase:hover .brand-cta{transform:translateY(-2px);background:#8ee75c;box-shadow:0 18px 40px rgba(83,180,46,.36);}
@media (max-width:1180px){
  #brands.brands-section{padding-top:110px!important;align-items:flex-start!important;}
  #brands .brands-premium-grid{grid-template-columns:1fr;max-width:760px;margin:0 auto;}
  #brands .brand-showcase{min-height:430px;}
}
@media (max-width:720px){
  #brands.brands-section{padding:92px 16px 46px!important;}
  #brands .brands-heading{text-align:left;margin-bottom:24px;}
  #brands .brands-heading h2{font-size:clamp(34px,10.5vw,48px);}
  #brands .brands-heading p{font-size:15px;}
  #brands .brand-showcase{min-height:380px;border-radius:24px;}
  #brands .brand-showcase:after{border-radius:23px;}
  #brands .brand-copy{padding:22px;}
  #brands .brand-copy h3{font-size:30px;}
  #brands .brand-copy p{font-size:14px;line-height:1.55;}
  #brands .brand-cta{width:100%;}
}

/* v22: cleaner Brands page layout */
#brands.brands-section{
  min-height:100svh!important;
  padding:clamp(82px,8vh,108px) clamp(22px,5vw,72px) clamp(34px,4vh,52px)!important;
  align-items:center!important;
  background:
    radial-gradient(circle at 78% 22%,rgba(118,198,64,.12),transparent 28%),
    radial-gradient(circle at 14% 82%,rgba(184,134,54,.12),transparent 30%),
    linear-gradient(135deg,#061006 0%,#0b1308 48%,#040604 100%)!important;
}
#brands .brands-bg-layer{
  background:none!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}
#brands .brands-bg-layer:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(120deg,rgba(255,255,255,.035),transparent 42%),
    radial-gradient(circle at 50% 10%,rgba(255,255,255,.05),transparent 36%);
  pointer-events:none;
}
#brands .brands-shell{width:min(1440px,100%)!important;}
#brands .brands-heading{width:min(720px,100%)!important;margin:0 auto clamp(18px,2.8vh,30px)!important;}
#brands .brands-heading .eyebrow{margin-bottom:8px!important;font-size:12px!important;}
#brands .brands-heading h2{
  font-size:clamp(30px,3.3vw,52px)!important;
  line-height:1.03!important;
  margin-bottom:10px!important;
  letter-spacing:-.035em!important;
}
#brands .brands-heading p{
  font-size:clamp(14px,1vw,16px)!important;
  line-height:1.5!important;
  max-width:680px!important;
}
#brands .brands-premium-grid{gap:clamp(14px,1.6vw,24px)!important;}
#brands .brand-showcase{
  min-height:clamp(390px,48vh,520px)!important;
  border-radius:28px!important;
  background:#0a1008!important;
}
#brands .brand-showcase:after{border-radius:27px!important;}
#brands .brand-image{background-size:cover!important;}
#brands .nuts .brand-image{background-position:52% 45%!important;}
#brands .elite .brand-image{background-position:50% 48%!important;}
#brands .upi .brand-image{background-position:50% 48%!important;}
#brands .brand-overlay{
  background:
    linear-gradient(180deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,.22) 42%,rgba(0,0,0,.88) 100%),
    linear-gradient(90deg,rgba(0,0,0,.28),rgba(0,0,0,.05) 50%,rgba(0,0,0,.24))!important;
}
#brands .brand-copy{padding:clamp(22px,2.2vw,32px)!important;}
#brands .brand-kicker{
  display:inline-flex!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  background:rgba(8,18,7,.68)!important;
  border:1px solid rgba(142,231,92,.38)!important;
  color:#9cff66!important;
  font-size:clamp(13px,1.05vw,16px)!important;
  letter-spacing:.12em!important;
  margin-bottom:14px!important;
  backdrop-filter:blur(14px)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.28),0 0 24px rgba(116,198,67,.12)!important;
}
#brands .brand-kicker:before{width:8px!important;height:8px!important;}
#brands .brand-copy h3{
  font-size:clamp(26px,2.35vw,38px)!important;
  line-height:1.04!important;
  margin-bottom:10px!important;
}
#brands .brand-copy p{
  font-size:clamp(13px,.92vw,15px)!important;
  line-height:1.52!important;
  margin-bottom:16px!important;
  max-width:100%!important;
}
#brands .brand-cta{
  min-width:132px!important;
  padding:12px 18px!important;
  font-size:12px!important;
}
@media (max-width:1180px){
  #brands.brands-section{padding-top:96px!important;align-items:flex-start!important;}
  #brands .brands-heading{text-align:center!important;}
  #brands .brands-premium-grid{grid-template-columns:1fr!important;max-width:820px!important;margin:0 auto!important;}
  #brands .brand-showcase{min-height:360px!important;}
}
@media (max-width:720px){
  #brands.brands-section{padding:84px 16px 36px!important;}
  #brands .brands-heading{text-align:left!important;margin-bottom:18px!important;}
  #brands .brands-heading h2{font-size:clamp(28px,8.6vw,40px)!important;}
  #brands .brands-heading p{font-size:14px!important;line-height:1.48!important;}
  #brands .brand-showcase{min-height:330px!important;border-radius:22px!important;}
  #brands .brand-showcase:after{border-radius:21px!important;}
  #brands .brand-copy{padding:20px!important;}
  #brands .brand-kicker{font-size:12px!important;padding:8px 12px!important;}
  #brands .brand-copy h3{font-size:26px!important;}
  #brands .brand-copy p{font-size:13px!important;line-height:1.48!important;}
}

/* v23: full-screen brands section + logo beside each brand name */
#brands.brands-section{
  min-height:100svh!important;
  height:100svh!important;
  padding:clamp(76px,8svh,104px) clamp(22px,4.6vw,70px) clamp(24px,3svh,40px)!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 78% 18%,rgba(118,198,64,.10),transparent 28%),
    radial-gradient(circle at 12% 85%,rgba(198,144,61,.10),transparent 30%),
    linear-gradient(135deg,#071107 0%,#0c1409 52%,#040604 100%)!important;
}
#brands .brands-shell{
  width:min(1440px,100%)!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
#brands .brands-heading{
  width:min(720px,100%)!important;
  margin:0 auto clamp(16px,2.2svh,26px)!important;
  text-align:center!important;
  flex:0 0 auto!important;
}
#brands .brands-heading h2{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:0!important;
  font-size:clamp(34px,4.2vw,64px)!important;
  line-height:.88!important;
  margin:0 0 10px!important;
  letter-spacing:-.045em!important;
}
#brands .brands-heading h2 span{display:block!important;white-space:nowrap!important;}
#brands .brands-heading p{
  max-width:690px!important;
  font-size:clamp(13px,.95vw,16px)!important;
  line-height:1.45!important;
}
#brands .brands-premium-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(14px,1.45vw,22px)!important;
  align-items:stretch!important;
}
#brands .brand-showcase{
  min-height:0!important;
  height:100%!important;
  border-radius:28px!important;
}
#brands .brand-showcase:after{border-radius:27px!important;}
#brands .brand-image{background-size:cover!important;}
#brands .nuts .brand-image{background-position:50% 48%!important;}
#brands .elite .brand-image{background-position:50% 50%!important;}
#brands .upi .brand-image{background-position:50% 50%!important;}
#brands .brand-copy{padding:clamp(18px,2vw,30px)!important;}
#brands .brand-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  max-width:100%!important;
  padding:10px 14px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
  letter-spacing:.03em!important;
  font-size:clamp(15px,1.1vw,19px)!important;
  text-transform:none!important;
  backdrop-filter:blur(18px)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
#brands .brand-kicker:before{display:none!important;}
#brands .brand-kicker img{
  width:clamp(42px,4vw,62px)!important;
  height:clamp(42px,4vw,62px)!important;
  object-fit:contain!important;
  background:rgba(255,255,255,.94)!important;
  border-radius:14px!important;
  padding:7px!important;
  box-shadow:0 8px 22px rgba(0,0,0,.28)!important;
  flex:0 0 auto!important;
}
#brands .brand-kicker strong{
  display:inline-block!important;
  font-weight:1000!important;
  color:#fff!important;
  text-shadow:0 6px 18px rgba(0,0,0,.45)!important;
  white-space:nowrap!important;
}
#brands .brand-copy h3{
  font-size:clamp(24px,2.25vw,36px)!important;
  line-height:1.02!important;
  margin:12px 0 10px!important;
}
#brands .brand-copy p{
  font-size:clamp(13px,.9vw,15px)!important;
  line-height:1.5!important;
  margin-bottom:15px!important;
}
#brands .brand-cta{
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(135deg,#83df4f,#54b832)!important;
}
@media (max-width:1180px){
  #brands.brands-section{
    height:auto!important;
    min-height:100svh!important;
    overflow:visible!important;
    padding:92px 20px 42px!important;
  }
  #brands .brands-shell{height:auto!important;display:block!important;}
  #brands .brands-premium-grid{grid-template-columns:1fr!important;max-width:820px!important;margin:0 auto!important;}
  #brands .brand-showcase{height:auto!important;min-height:360px!important;}
  #brands .brands-heading h2{font-size:clamp(36px,7vw,58px)!important;}
}
@media (max-width:720px){
  #brands.brands-section{padding:82px 16px 34px!important;overflow:visible!important;}
  #brands .brands-heading{text-align:left!important;}
  #brands .brands-heading h2{align-items:flex-start!important;font-size:clamp(34px,13vw,52px)!important;}
  #brands .brands-premium-grid{gap:16px!important;}
  #brands .brand-showcase{min-height:355px!important;border-radius:22px!important;}
  #brands .brand-showcase:after{border-radius:21px!important;}
  #brands .brand-kicker{font-size:15px!important;padding:8px 10px!important;gap:10px!important;}
  #brands .brand-kicker img{width:42px!important;height:42px!important;border-radius:12px!important;padding:6px!important;}
  #brands .brand-copy h3{font-size:27px!important;}
  #brands .brand-copy p{font-size:13px!important;line-height:1.47!important;}
}

/* v24: final premium Brands page layout */
#brands.brands-section{
  height:100svh!important;
  min-height:100svh!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 50% 0%,rgba(115,201,71,.12),transparent 34%),linear-gradient(135deg,#071006,#0d160b 48%,#060806)!important;
  padding:calc(var(--header-h) + clamp(10px,1.2vh,18px)) clamp(22px,4vw,72px) clamp(18px,2.8vh,34px)!important;
  display:flex!important;
  align-items:center!important;
}
#brands .brands-bg-layer{
  background:linear-gradient(135deg,rgba(6,10,6,.94),rgba(15,26,11,.92))!important;
}
#brands .brands-shell{
  width:min(1540px,100%)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:clamp(16px,2.4vh,32px)!important;
  max-height:calc(100svh - var(--header-h) - 48px)!important;
}
#brands .brands-heading{
  width:min(980px,100%)!important;
  margin:0 auto!important;
  text-align:center!important;
}
#brands .brands-heading h2{
  display:block!important;
  white-space:nowrap!important;
  font-size:clamp(34px,4.2vw,70px)!important;
  line-height:.92!important;
  margin:0 0 clamp(8px,1.2vh,14px)!important;
  letter-spacing:-.045em!important;
}
#brands .brands-heading h2 span{display:inline!important;white-space:nowrap!important;}
#brands .brands-heading p{
  max-width:860px!important;
  font-size:clamp(13px,1vw,17px)!important;
  line-height:1.45!important;
}
#brands .brands-premium-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(16px,2vw,30px)!important;
  min-height:0!important;
  height:100%!important;
}
#brands .brand-showcase{
  min-height:0!important;
  height:100%!important;
  border-radius:30px!important;
  display:flex!important;
  align-items:flex-end!important;
  padding:0!important;
  overflow:hidden!important;
  box-shadow:0 28px 80px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.18)!important;
}
#brands .brand-image{
  background-image:var(--image)!important;
  background-size:cover!important;
  filter:saturate(1.05) contrast(1.02)!important;
}
#brands .nuts .brand-image{background-position:center center!important;}
#brands .elite .brand-image{background-position:center center!important;}
#brands .upi .brand-image{background-position:center center!important;}
#brands .brand-overlay{
  position:absolute!important;inset:0!important;z-index:1!important;
  background:linear-gradient(0deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.42) 42%,rgba(0,0,0,.08) 100%)!important;
}
#brands .brand-copy{
  position:relative!important;
  z-index:2!important;
  padding:clamp(18px,2vw,34px)!important;
  width:100%!important;
}
#brands .brand-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.90)!important;
  color:#17200f!important;
  letter-spacing:.05em!important;
  font-size:clamp(14px,1.05vw,18px)!important;
  margin-bottom:14px!important;
  box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
}
#brands .brand-kicker img{
  width:clamp(36px,3.4vw,56px)!important;
  height:clamp(36px,3.4vw,56px)!important;
  object-fit:contain!important;
  border-radius:10px!important;
  background:#fff!important;
  padding:4px!important;
}
#brands .brand-kicker strong{font-weight:950!important;color:#15300f!important;text-shadow:none!important;}
#brands .brand-copy h3{
  font-size:clamp(24px,2vw,36px)!important;
  line-height:1.05!important;
  margin:0 0 10px!important;
  max-width:520px!important;
}
#brands .brand-copy p{
  font-size:clamp(13px,.95vw,16px)!important;
  line-height:1.55!important;
  max-width:520px!important;
}
#brands .brand-cta{
  margin-top:clamp(14px,1.6vh,22px)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:0 22px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#7bd944,#4caf2b)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
  box-shadow:0 16px 36px rgba(82,180,48,.30)!important;
}
@media (max-width:1180px){
  #brands.brands-section{height:auto!important;min-height:100svh!important;overflow:visible!important;align-items:flex-start!important;}
  #brands .brands-shell{max-height:none!important;}
  #brands .brands-premium-grid{grid-template-columns:1fr!important;height:auto!important;}
  #brands .brand-showcase{min-height:420px!important;height:auto!important;}
}
@media (max-width:720px){
  #brands.brands-section{padding:calc(var(--header-h) + 18px) 16px 34px!important;}
  #brands .brands-heading{text-align:left!important;}
  #brands .brands-heading h2{font-size:clamp(36px,13vw,52px)!important;}
  #brands .brand-showcase{min-height:380px!important;border-radius:24px!important;}
  #brands .brand-copy{padding:22px!important;}
  #brands .brand-kicker{font-size:14px!important;}
}

/* v25 requested refinements: full-screen brand backgrounds, glass brand names, manufacturing/sustainability clean text */
#brands.brands-section{
  height:100svh!important;
  min-height:100svh!important;
  overflow:hidden!important;
  background:#081107!important;
  padding:calc(var(--header-h) + 16px) clamp(20px,4vw,70px) clamp(22px,3vh,42px)!important;
}
#brands .brands-bg-layer{
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(180deg,rgba(4,8,3,.22),rgba(4,8,3,.42)),
    url('optimized/brands-bg.webp') center/cover no-repeat!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}
#brands .brands-shell{
  position:relative!important;
  z-index:2!important;
  height:100%!important;
  max-height:calc(100svh - var(--header-h) - 48px)!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:clamp(14px,2.2vh,28px)!important;
}
#brands .brands-heading h2{
  display:block!important;
  white-space:nowrap!important;
  font-size:clamp(32px,3.5vw,58px)!important;
  line-height:.95!important;
}
#brands .brands-premium-grid{
  height:100%!important;
  min-height:0!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
#brands .brand-showcase{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:30px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.18)!important;
}
#brands .brand-image{
  position:absolute!important;
  inset:0!important;
  background-image:var(--image)!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  transform:none!important;
}
#brands .brand-overlay{
  background:linear-gradient(0deg,rgba(0,0,0,.66) 0%,rgba(0,0,0,.26) 44%,rgba(0,0,0,.04) 100%)!important;
}
#brands .brand-copy{padding:clamp(18px,2vw,32px)!important;}
#brands .brand-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px 14px!important;
  border-radius:20px!important;
  background:rgba(10,18,8,.42)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.28)!important;
  backdrop-filter:blur(22px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(150%)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.22)!important;
}
#brands .brand-kicker img{
  width:clamp(40px,3.5vw,58px)!important;
  height:clamp(40px,3.5vw,58px)!important;
  object-fit:contain!important;
  background:rgba(255,255,255,.92)!important;
  border-radius:14px!important;
  padding:5px!important;
}
#brands .brand-kicker strong{
  color:#fff!important;
  text-shadow:0 4px 20px rgba(0,0,0,.56)!important;
  font-weight:1000!important;
}
#manufacturing.content-section{
  min-height:100svh!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  padding:calc(var(--header-h) + 50px) 24px 70px!important;
}
#manufacturing .section-bg{
  background-image:linear-gradient(90deg,rgba(255,244,224,.16),rgba(255,244,224,.20)),var(--bg)!important;
  background-size:cover!important;
  background-position:center!important;
  transform:none!important;
  filter:none!important;
}
#manufacturing .section-card,
#sustainability .section-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:0!important;
  border-radius:0!important;
  text-shadow:0 10px 34px rgba(255,255,255,.32)!important;
}
#manufacturing .section-card{
  width:min(620px,92vw)!important;
  margin:0 auto!important;
  color:#151812!important;
  text-align:center!important;
}
#manufacturing .section-card .eyebrow,
#manufacturing .section-card h2,
#manufacturing .section-card p{color:#141811!important;opacity:1!important;}
#manufacturing .section-card h2{font-size:clamp(42px,4.3vw,72px)!important;line-height:1.02!important;}
#manufacturing .section-card p{font-size:clamp(16px,1.15vw,19px)!important;line-height:1.7!important;}
#manufacturing .mini-grid{justify-content:center!important;grid-template-columns:repeat(2,minmax(150px,220px))!important;}
#manufacturing .mini-grid span{
  background:rgba(255,255,255,.34)!important;
  border:1px solid rgba(0,0,0,.08)!important;
  color:#111!important;
}
#sustainability.content-section{justify-content:center!important;text-align:center!important;}
#sustainability .section-card{width:min(700px,92vw)!important;text-align:center!important;}
#sustainability .section-card h2{font-size:clamp(42px,4.5vw,76px)!important;}
#sustainability .section-card p{font-size:clamp(16px,1.15vw,20px)!important;}
@media (max-width:1180px){
  #brands.brands-section{height:auto!important;min-height:100svh!important;overflow:visible!important;}
  #brands .brands-shell{height:auto!important;max-height:none!important;display:block!important;}
  #brands .brands-premium-grid{grid-template-columns:1fr!important;height:auto!important;}
  #brands .brand-showcase{height:auto!important;min-height:420px!important;}
}
@media (max-width:720px){
  #brands.brands-section{padding:calc(var(--header-h) + 18px) 16px 34px!important;}
  #brands .brands-heading{text-align:left!important;}
  #brands .brands-heading h2{font-size:clamp(34px,11vw,48px)!important;}
  #brands .brand-showcase{min-height:380px!important;border-radius:24px!important;}
  #manufacturing.content-section{padding:calc(var(--header-h) + 42px) 20px 64px!important;}
  #manufacturing .mini-grid{grid-template-columns:1fr!important;}
}

/* v26 requested changes: Brands no page background, Manufacturing uploaded bg, Sustainability text left */
#brands.brands-section{
  height:100svh!important;
  min-height:100svh!important;
  overflow:hidden!important;
  background:#f7f6f1!important;
  padding:calc(var(--header-h) + 18px) clamp(20px,4vw,70px) clamp(24px,3vh,44px)!important;
}
#brands .brands-bg-layer{display:none!important;background:none!important;opacity:0!important;}
#brands .brands-shell{
  position:relative!important;
  z-index:2!important;
  height:100%!important;
  max-height:calc(100svh - var(--header-h) - 54px)!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:clamp(16px,2.4vh,30px)!important;
}
#brands .brands-heading{text-align:center!important;margin:0 auto!important;width:min(860px,100%)!important;}
#brands .brands-heading .eyebrow{color:var(--green)!important;}
#brands .brands-heading h2{
  color:#161b13!important;
  display:block!important;
  white-space:nowrap!important;
  font-size:clamp(34px,3.6vw,58px)!important;
  line-height:1!important;
  margin:0 0 10px!important;
  text-shadow:none!important;
}
#brands .brands-heading p{color:rgba(20,25,18,.72)!important;max-width:760px!important;margin:0 auto!important;}
#brands .brands-premium-grid{
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(16px,2vw,30px)!important;
}
#brands .brand-showcase{
  height:100%!important;
  min-height:0!important;
  border-radius:30px!important;
  overflow:hidden!important;
  box-shadow:0 28px 80px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.28)!important;
  border:1px solid rgba(22,40,20,.12)!important;
}
#brands .brand-image{
  position:absolute!important;inset:0!important;
  background-image:var(--image)!important;
  background-size:cover!important;
  background-position:center!important;
  transform:none!important;
}
#brands .brand-overlay{background:linear-gradient(0deg,rgba(0,0,0,.60) 0%,rgba(0,0,0,.18) 48%,rgba(0,0,0,.02) 100%)!important;}
#brands .brand-kicker{
  background:rgba(255,255,255,.22)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.38)!important;
  backdrop-filter:blur(22px) saturate(160%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(160%)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.28)!important;
}
#brands .brand-kicker strong{color:#fff!important;text-shadow:0 6px 22px rgba(0,0,0,.62)!important;}
#manufacturing.content-section{
  min-height:100svh!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  padding:calc(var(--header-h) + 50px) 24px 70px!important;
}
#manufacturing .section-bg{
  background-image:linear-gradient(90deg,rgba(255,244,224,.12),rgba(255,244,224,.18)),url('optimized/manufacturing-bg.webp')!important;
  background-size:cover!important;
  background-position:center!important;
  transform:none!important;
  filter:none!important;
}
#manufacturing .section-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:0!important;
  border-radius:0!important;
  width:min(620px,92vw)!important;
  margin:0 auto!important;
  color:#151812!important;
  text-align:center!important;
  text-shadow:none!important;
}
#manufacturing .section-card .eyebrow,
#manufacturing .section-card h2,
#manufacturing .section-card p{color:#141811!important;opacity:1!important;}
#manufacturing .section-card h2{font-size:clamp(42px,4.3vw,72px)!important;line-height:1.02!important;}
#manufacturing .section-card p{font-size:clamp(16px,1.15vw,19px)!important;line-height:1.7!important;}
#sustainability.content-section{justify-content:flex-start!important;text-align:left!important;align-items:center!important;}
#sustainability .section-bg{background-position:center!important;}
#sustainability .section-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:0!important;
  border-radius:0!important;
  width:min(620px,92vw)!important;
  margin-left:clamp(34px,6vw,110px)!important;
  margin-right:auto!important;
  text-align:left!important;
  text-shadow:0 10px 34px rgba(0,0,0,.28)!important;
}
#sustainability .section-card h2{font-size:clamp(42px,4.5vw,76px)!important;line-height:1.04!important;}
#sustainability .section-card p{font-size:clamp(16px,1.15vw,20px)!important;line-height:1.7!important;}
@media (max-width:1180px){
  #brands.brands-section{height:auto!important;min-height:100svh!important;overflow:visible!important;}
  #brands .brands-shell{height:auto!important;max-height:none!important;display:block!important;}
  #brands .brands-premium-grid{grid-template-columns:1fr!important;height:auto!important;}
  #brands .brand-showcase{height:auto!important;min-height:420px!important;}
}
@media (max-width:720px){
  #brands.brands-section{padding:calc(var(--header-h) + 18px) 16px 34px!important;}
  #brands .brands-heading{text-align:left!important;}
  #brands .brands-heading h2{font-size:clamp(34px,11vw,48px)!important;}
  #brands .brand-showcase{min-height:380px!important;border-radius:24px!important;}
  #manufacturing.content-section{padding:calc(var(--header-h) + 42px) 20px 64px!important;}
  #sustainability.content-section{justify-content:center!important;padding-left:20px!important;padding-right:20px!important;}
  #sustainability .section-card{margin-left:0!important;width:100%!important;}
}

.header-title{position:absolute;left:50%;transform:translateX(-50%);font-weight:900;letter-spacing:.18em;color:var(--green);text-transform:uppercase;font-size:clamp(16px,1.1vw,22px);white-space:nowrap}
.nav a{color:var(--green)!important}
.site-header{border-bottom:none!important}
.careers .content-box,.careers .glass,.career-glass{background:transparent!important;border:none!important;backdrop-filter:none!important;box-shadow:none!important}
@media(max-width:900px){.header-title{display:none}}

/* v28 header alignment refinements */
.header-title{
  color:#fff!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  text-shadow:0 6px 24px rgba(0,0,0,.45)!important;
  letter-spacing:.16em!important;
}
.nav{
  margin-left:auto!important;
  gap:clamp(12px,1.35vw,24px)!important;
  font-size:clamp(11px,.78vw,13px)!important;
  flex-shrink:0!important;
}
.nav a{
  color:#fff!important;
  text-shadow:0 5px 18px rgba(0,0,0,.45)!important;
  white-space:nowrap!important;
}
.nav a:hover,
.nav a:focus{
  color:var(--green)!important;
}
.site-header{
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  column-gap:clamp(18px,2vw,34px)!important;
}
.brand{grid-column:1!important;}
.header-title{grid-column:2!important;justify-self:center!important;}
.nav{grid-column:3!important;justify-self:end!important;}
.nav-toggle{grid-column:3!important;justify-self:end!important;}
@media(max-width:1280px){
  .header-title{font-size:clamp(14px,1vw,18px)!important;letter-spacing:.13em!important;}
  .nav{gap:clamp(10px,1vw,18px)!important;font-size:clamp(10px,.75vw,12px)!important;}
}
@media(max-width:1100px){
  .site-header{display:flex!important;}
  .nav{font-size:14px!important;gap:18px!important;margin-left:0!important;}
}

/* v29 requested final fixes: clean Brands section, user manufacturing background, left Sustainability text */
#brands.brands-section{
  background:#f8f7f2!important;
  background-image:none!important;
  min-height:100svh!important;
  height:100svh!important;
  overflow:hidden!important;
}
#brands .brands-bg-layer,
#brands.brands-section:before,
#brands.brands-section:after{
  display:none!important;
  background:none!important;
  opacity:0!important;
  content:none!important;
}
#brands .brand-showcase{
  height:100%!important;
  min-height:0!important;
}
#brands .brand-image{
  background-size:cover!important;
  background-position:center!important;
}
#brands .brand-kicker{
  background:rgba(255,255,255,.24)!important;
  border:1px solid rgba(255,255,255,.48)!important;
  backdrop-filter:blur(24px) saturate(160%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(160%)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.34)!important;
  border-radius:20px!important;
}
#manufacturing.content-section{
  min-height:100svh!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:calc(var(--header-h) + 40px) 24px 64px!important;
}
#manufacturing .section-bg{
  background-image:linear-gradient(90deg,rgba(255,244,224,.10),rgba(255,244,224,.12)),url('optimized/manufacturing-bg.webp')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  transform:none!important;
  filter:none!important;
}
#manufacturing .section-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:0!important;
  border-radius:0!important;
  width:min(620px,92vw)!important;
  margin:0 auto!important;
  color:#141811!important;
  text-align:center!important;
  text-shadow:none!important;
}
#manufacturing .section-card .eyebrow,
#manufacturing .section-card h2,
#manufacturing .section-card p{
  color:#141811!important;
  opacity:1!important;
}
#sustainability.content-section{
  justify-content:flex-start!important;
  align-items:center!important;
  text-align:left!important;
  padding-left:clamp(34px,6vw,110px)!important;
  padding-right:24px!important;
}
#sustainability .section-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:0!important;
  border-radius:0!important;
  width:min(620px,92vw)!important;
  margin-left:0!important;
  margin-right:auto!important;
  text-align:left!important;
}
@media(max-width:1180px){
  #brands.brands-section{height:auto!important;min-height:100svh!important;overflow:visible!important;}
  #brands .brands-shell{height:auto!important;max-height:none!important;display:block!important;}
  #brands .brands-premium-grid{grid-template-columns:1fr!important;height:auto!important;}
  #brands .brand-showcase{min-height:420px!important;}
}
@media(max-width:720px){
  #manufacturing.content-section{padding:calc(var(--header-h) + 42px) 20px 64px!important;}
  #sustainability.content-section{padding-left:20px!important;padding-right:20px!important;justify-content:center!important;}
  #sustainability .section-card{width:100%!important;}
}

#careers .section-card{background:transparent!important;border:none!important;box-shadow:none!important;max-width:900px;text-align:center;margin:auto;}#careers{display:flex;align-items:center;justify-content:center;}

/* v31 real header fix: title centered on viewport, menu locked right without overlap */
@media (min-width:1101px){
  .site-header,
  .site-header.scrolled{
    display:block!important;
    position:fixed!important;
    height:var(--header-h)!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .site-header .brand{
    position:absolute!important;
    left:clamp(28px,4.2vw,72px)!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:clamp(170px,14vw,250px)!important;
    min-width:0!important;
    height:auto!important;
    display:flex!important;
    align-items:center!important;
    z-index:3!important;
  }
  .site-header .brand img{
    width:clamp(170px,14vw,250px)!important;
    max-height:72px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .site-header .header-title{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    color:#fff!important;
    font-size:clamp(17px,1.12vw,24px)!important;
    line-height:1!important;
    letter-spacing:.20em!important;
    font-weight:900!important;
    white-space:nowrap!important;
    text-align:center!important;
    z-index:2!important;
    pointer-events:none!important;
    text-shadow:0 8px 26px rgba(0,0,0,.55)!important;
  }
  .site-header .nav{
    position:absolute!important;
    right:clamp(22px,3.8vw,64px)!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:clamp(12px,1vw,18px)!important;
    margin:0!important;
    width:auto!important;
    max-width:48vw!important;
    z-index:4!important;
    flex-wrap:nowrap!important;
  }
  .site-header .nav a{
    color:#fff!important;
    font-size:clamp(11px,.76vw,13px)!important;
    line-height:1!important;
    letter-spacing:.02em!important;
    white-space:nowrap!important;
    text-shadow:0 6px 20px rgba(0,0,0,.52)!important;
  }
  .site-header .nav a:hover,.site-header .nav a:focus{color:var(--green)!important;}
}
@media (min-width:1101px) and (max-width:1360px){
  .site-header .header-title{font-size:clamp(13px,1.05vw,16px)!important;letter-spacing:.15em!important;}
  .site-header .nav{gap:8px!important;right:18px!important;max-width:50vw!important;}
  .site-header .nav a{font-size:10px!important;letter-spacing:0!important;}
  .site-header .brand{left:18px!important;width:150px!important;}
  .site-header .brand img{width:150px!important;max-height:58px!important;}
}

/* v31 careers page: Elite Foods image background, centered text, no glass box */
#careers.content-section{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  min-height:100svh!important;
  padding:calc(var(--header-h) + 40px) 24px 70px!important;
}
#careers .section-bg{
  background-image:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.24) 48%,rgba(0,0,0,.44)),url('optimized/careers-bg.webp')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  filter:none!important;
  transform:none!important;
}
#careers .section-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:0!important;
  border-radius:0!important;
  max-width:760px!important;
  width:min(760px,92vw)!important;
  margin:0 auto!important;
  text-align:center!important;
  color:#fff!important;
  text-shadow:0 10px 34px rgba(0,0,0,.52)!important;
}
#careers .section-card .eyebrow,
#careers .section-card h2,
#careers .section-card p{color:#fff!important;opacity:1!important;}
#careers .section-card h2{font-size:clamp(44px,4.8vw,82px)!important;line-height:1.02!important;}
#careers .section-card p{font-size:clamp(16px,1.18vw,21px)!important;line-height:1.7!important;margin-left:auto!important;margin-right:auto!important;}


/* v32 updates: careers glass restored, header title clickable hover */
.site-header .header-title{
  text-decoration:none!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  transition:color .22s ease, text-shadow .22s ease!important;
}
.site-header .header-title:hover,
.site-header .header-title:focus{
  color:var(--green)!important;
  text-shadow:0 0 18px rgba(122,201,67,.38),0 8px 26px rgba(0,0,0,.55)!important;
}
#careers .section-card{
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.045))!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.18)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
  padding:clamp(28px,3.2vw,46px)!important;
  border-radius:30px!important;
}
@media (max-width:720px){
  #careers .section-card{border-radius:22px!important;padding:26px 22px!important;}
}

/* v34 contact + admin CMS refinements */
.contact{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:92px 24px 28px!important;background:radial-gradient(circle at 50% 0%,rgba(115,201,71,.14),transparent 34%),linear-gradient(135deg,#081007,#020302)!important;overflow:auto!important;min-height:100svh!important;}
.contact-wrap{width:min(1040px,92vw)!important;text-align:center!important;padding:34px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:28px!important;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.035))!important;backdrop-filter:blur(22px) saturate(145%)!important;-webkit-backdrop-filter:blur(22px) saturate(145%)!important;box-shadow:0 26px 80px rgba(0,0,0,.28)!important;}
.contact h2{font-size:clamp(34px,3.6vw,56px)!important;margin-bottom:14px!important;}
.contact-intro{max-width:720px!important;margin:0 auto 24px!important;font-size:clamp(15px,1vw,17px)!important;line-height:1.65!important;}
.contact-layout{display:grid!important;grid-template-columns:.9fr 1.1fr!important;gap:20px!important;align-items:start!important;text-align:left!important;}
.contact-details{display:grid!important;gap:12px!important;}
.contact-info-card{display:flex!important;align-items:center!important;gap:14px!important;padding:13px 14px!important;border-radius:18px!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;transition:.25s ease!important;}
.contact-info-card:hover{transform:translateY(-2px)!important;border-color:rgba(115,201,71,.55)!important;}
.contact-info-card span{width:42px!important;height:42px!important;min-width:42px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:rgba(115,201,71,.14)!important;color:var(--green)!important;font-size:20px!important;box-shadow:inset 0 0 0 1px rgba(115,201,71,.32)!important;}
.contact-info-card strong{display:block!important;text-transform:uppercase!important;font-size:12px!important;letter-spacing:.12em!important;color:var(--green)!important;margin-bottom:3px!important;}
.contact-info-card em{display:block!important;font-style:normal!important;font-size:14px!important;line-height:1.35!important;overflow-wrap:anywhere!important;}
.contact-form{margin-top:0!important;display:grid!important;gap:12px!important;}
.contact-form input,.contact-form textarea{padding:13px 14px!important;border-radius:14px!important;font-size:14px!important;}
.contact-form textarea{min-height:112px!important;resize:vertical!important;}
.contact-form .btn{justify-self:start!important;padding:14px 22px!important;}
.form-note{font-size:13px!important;line-height:1.4!important;margin:0!important;color:var(--green)!important;}
.map-panel{margin-top:20px!important;border-radius:22px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.04)!important;}
.map-panel:empty{display:none!important;}
.map-panel iframe{display:block!important;width:100%!important;height:clamp(220px,26vh,320px)!important;border:0!important;filter:saturate(.95) contrast(1.02)!important;}
.site-footer{width:min(1040px,92vw)!important;margin-top:18px!important;display:flex!important;align-items:center!important;gap:14px!important;justify-content:center!important;color:rgba(255,255,255,.78)!important;font-size:13px!important;}
.site-footer img{width:120px!important;height:auto!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.3))!important;}
.site-footer strong{display:block!important;color:#fff!important;text-transform:uppercase!important;letter-spacing:.08em!important;}
.site-footer span{display:block!important;}

.admin-body{min-height:100vh!important;background:radial-gradient(circle at 20% 0%,rgba(115,201,71,.16),transparent 32%),linear-gradient(135deg,#050705,#0b1308)!important;color:#fff!important;padding:32px!important;display:block!important;}
.admin-panel{width:min(1120px,96vw)!important;margin:0 auto!important;display:grid!important;gap:22px!important;}
.admin-head,.admin-section{border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.06)!important;backdrop-filter:blur(22px)!important;border-radius:26px!important;box-shadow:0 24px 70px rgba(0,0,0,.25)!important;}
.admin-head{display:flex!important;align-items:center!important;gap:22px!important;padding:24px!important;}
.admin-head img{width:190px!important;height:auto!important;}
.admin-head h1,.admin-section h2{margin:0 0 8px!important;}
.admin-head p{margin:0!important;opacity:.8!important;}
.admin-section{padding:24px!important;display:grid!important;gap:16px!important;}
.admin-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
.admin-panel label{display:grid!important;gap:7px!important;font-weight:800!important;color:rgba(255,255,255,.88)!important;}
.admin-panel input,.admin-panel textarea{width:100%!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;border-radius:14px!important;padding:13px 14px!important;font:inherit!important;}
.admin-panel textarea{resize:vertical!important;}
.admin-actions,.submissions-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;}
.admin-status{margin:0!important;color:var(--green)!important;}
.danger{border-color:rgba(255,110,110,.35)!important;color:#ffb4b4!important;}
.submissions-list{display:grid!important;gap:12px!important;}
.submission-card{position:relative!important;padding:16px 130px 16px 16px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:18px!important;background:rgba(0,0,0,.18)!important;}
.submission-card strong{display:block!important;font-size:17px!important;margin-bottom:4px!important;}
.submission-card span{display:block!important;font-size:13px!important;color:var(--green)!important;margin-bottom:10px!important;}
.submission-card p{margin:0!important;line-height:1.55!important;opacity:.9!important;white-space:pre-wrap!important;}
.delete-submission{position:absolute!important;right:14px!important;top:14px!important;border:1px solid rgba(255,120,120,.38)!important;border-radius:999px!important;color:#ffb4b4!important;background:rgba(255,80,80,.08)!important;padding:8px 14px!important;cursor:pointer!important;font-weight:800!important;}
.empty-state{margin:0!important;opacity:.72!important;}
.admin-back{color:var(--green)!important;font-weight:900!important;justify-self:start!important;}

@media (max-width:800px){
  .contact{padding:82px 16px 24px!important;}
  .contact-wrap{padding:24px!important;}
  .contact-layout{grid-template-columns:1fr!important;text-align:left!important;}
  .site-footer{flex-direction:column!important;text-align:center!important;}
  .admin-body{padding:18px!important;}
  .admin-head{flex-direction:column!important;align-items:flex-start!important;}
  .admin-grid{grid-template-columns:1fr!important;}
  .submission-card{padding:16px!important;}
  .delete-submission{position:static!important;margin-bottom:10px!important;}
}

/* v35: Contact slide desktop fit in one viewport */
@media (min-width: 901px){
  #contact.contact{
    height:100svh!important;
    min-height:100svh!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    padding:calc(var(--header-h) + 10px) 24px 14px!important;
  }
  #contact .contact-wrap{
    width:min(1040px,78vw)!important;
    max-height:calc(100svh - var(--header-h) - 92px)!important;
    padding:22px 28px!important;
    border-radius:24px!important;
  }
  #contact .eyebrow{
    margin-bottom:6px!important;
    font-size:12px!important;
    letter-spacing:.26em!important;
  }
  #contact h2{
    font-size:clamp(32px,3vw,46px)!important;
    line-height:.95!important;
    margin:0 0 8px!important;
  }
  #contact .contact-intro{
    max-width:760px!important;
    margin:0 auto 14px!important;
    font-size:14px!important;
    line-height:1.45!important;
  }
  #contact .contact-layout{
    grid-template-columns:.9fr 1.1fr!important;
    gap:14px!important;
  }
  #contact .contact-details{gap:8px!important;}
  #contact .contact-info-card{
    min-height:54px!important;
    padding:9px 12px!important;
    border-radius:15px!important;
    gap:11px!important;
  }
  #contact .contact-info-card span{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    border-radius:12px!important;
    font-size:17px!important;
  }
  #contact .contact-info-card strong{
    font-size:10px!important;
    margin-bottom:2px!important;
  }
  #contact .contact-info-card em{
    font-size:13px!important;
    line-height:1.24!important;
  }
  #contact .contact-form{gap:8px!important;}
  #contact .contact-form input{
    height:44px!important;
    padding:10px 12px!important;
    font-size:13px!important;
    border-radius:12px!important;
  }
  #contact .contact-form textarea{
    height:86px!important;
    min-height:86px!important;
    max-height:100px!important;
    padding:10px 12px!important;
    font-size:13px!important;
    border-radius:12px!important;
  }
  #contact .contact-form .btn{
    padding:11px 19px!important;
    min-height:42px!important;
    font-size:13px!important;
    border-radius:12px!important;
  }
  #contact .form-note{font-size:12px!important;}
  #contact .map-panel{
    margin-top:12px!important;
    border-radius:17px!important;
  }
  #contact .map-panel iframe{
    height:clamp(145px,18.5vh,205px)!important;
  }
  #contact .site-footer,
  .contact + .site-footer,
  #siteFooter{
    width:min(1040px,78vw)!important;
    margin-top:8px!important;
    gap:10px!important;
    font-size:12px!important;
    line-height:1.25!important;
  }
  #siteFooter img{width:94px!important;}
}
@media (min-width:901px) and (max-height:850px){
  #contact.contact{padding:calc(var(--header-h) + 6px) 20px 10px!important;}
  #contact .contact-wrap{width:min(980px,76vw)!important;padding:18px 24px!important;}
  #contact h2{font-size:clamp(28px,2.6vw,40px)!important;}
  #contact .contact-intro{font-size:13px!important;margin-bottom:10px!important;}
  #contact .contact-info-card{min-height:49px!important;padding:7px 10px!important;}
  #contact .contact-info-card span{width:32px!important;height:32px!important;min-width:32px!important;font-size:15px!important;}
  #contact .contact-form input{height:40px!important;}
  #contact .contact-form textarea{height:72px!important;min-height:72px!important;}
  #contact .map-panel iframe{height:130px!important;}
  #siteFooter{margin-top:6px!important;font-size:11px!important;}
  #siteFooter img{width:82px!important;}
}
@media (min-width:901px) and (max-width:1300px){
  #contact .contact-wrap{width:min(920px,76vw)!important;}
  #contact .contact-layout{gap:12px!important;}
  #contact .map-panel iframe{height:clamp(130px,17vh,185px)!important;}
  #siteFooter{width:min(920px,76vw)!important;}
}


/* v36 intro, submit message and premium slide-scroll refinements */
html{
  scroll-snap-type:y mandatory!important;
  scroll-behavior:smooth!important;
  overflow-y:auto!important;
}
body.intro-lock{
  overflow:hidden!important;
  height:100vh!important;
  touch-action:pan-y!important;
}
.panel{
  scroll-snap-align:start!important;
  scroll-snap-stop:always!important;
}
.intro{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(115,201,71,.16),rgba(115,201,71,0) 34%),
    linear-gradient(135deg,#020402 0%,#071006 55%,#020402 100%)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transition:opacity .58s cubic-bezier(.22,.9,.28,1),visibility .58s ease!important;
  will-change:opacity!important;
  transform:translateZ(0)!important;
  contain:layout paint style!important;
}
.intro.hidden{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.intro:before,.intro:after,.intro-glow,.intro-kicker,.intro-title,.intro-subtitle,.intro-line,.intro-skip{
  display:none!important;
  content:none!important;
}
.intro-logo{
  width:min(430px,72vw)!important;
  max-height:42vh!important;
  object-fit:contain!important;
  filter:drop-shadow(0 18px 46px rgba(115,201,71,.22))!important;
  transform-origin:center!important;
  will-change:transform,opacity!important;
  backface-visibility:hidden!important;
  animation:introLogoV36 2.05s cubic-bezier(.18,.82,.2,1) both!important;
}
@keyframes introLogoV36{
  0%{opacity:0;transform:translate3d(0,18px,0) scale(.92)}
  22%{opacity:1;transform:translate3d(0,0,0) scale(1)}
  68%{opacity:1;transform:translate3d(0,0,0) scale(1.025)}
  100%{opacity:0;transform:translate3d(0,-12px,0) scale(1.065)}
}
.form-note{
  color:#9ff06a!important;
  font-weight:800!important;
  margin:8px 0 0!important;
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto!important;scroll-snap-type:y mandatory!important;}
  .intro-logo{animation:none!important;opacity:1!important;}
}
@media (max-width:900px){
  html{scroll-snap-type:y proximity!important;}
  .intro-logo{width:min(360px,78vw)!important;}
}


/* v37: premium no-lag intro, clean slide snapping, mobile fixes */
html{
  scroll-snap-type:y mandatory!important;
  scroll-behavior:smooth!important;
  overflow-y:auto!important;
  scrollbar-width:none!important;
}
html::-webkit-scrollbar{display:none!important;}
body{overflow-x:hidden!important;}
body.intro-lock{
  overflow:hidden!important;
  height:100vh!important;
  touch-action:pan-y!important;
}
.panel{
  min-height:100svh!important;
  height:100svh!important;
  scroll-snap-align:start!important;
  scroll-snap-stop:always!important;
  overflow:hidden!important;
}

/* Smooth, classier intro: transform/opacity only, no heavy blur/filter */
.intro{
  position:fixed!important;
  inset:0!important;
  z-index:10000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(145deg,#020402 0%,#061006 52%,#020402 100%)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transition:opacity .42s cubic-bezier(.25,.9,.2,1), visibility .42s linear!important;
  will-change:opacity!important;
  contain:strict!important;
  transform:translateZ(0)!important;
}
.intro.hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
.intro:before,.intro:after,.intro-glow,.intro-skip,.intro-line,.intro-kicker,.intro-title,.intro-subtitle{display:none!important;content:none!important;}
.intro-logo{
  width:min(450px,74vw)!important;
  max-height:46vh!important;
  object-fit:contain!important;
  filter:none!important;
  opacity:0;
  transform:translate3d(0,14px,0) scale(.965);
  will-change:transform,opacity!important;
  backface-visibility:hidden!important;
  animation:introLogoV37 1.65s cubic-bezier(.18,.82,.18,1) both!important;
}
@keyframes introLogoV37{
  0%{opacity:0;transform:translate3d(0,14px,0) scale(.965)}
  24%{opacity:1;transform:translate3d(0,0,0) scale(1)}
  74%{opacity:1;transform:translate3d(0,0,0) scale(1.018)}
  100%{opacity:0;transform:translate3d(0,-8px,0) scale(1.035)}
}

/* Header/mobile menu full width with X toggle */
.nav-toggle{position:relative!important;z-index:101!important;}
.nav-toggle span{transition:transform .25s ease,opacity .2s ease!important;transform-origin:center!important;}
.nav-toggle.active span:first-child{transform:translateY(4.5px) rotate(45deg)!important;}
.nav-toggle.active span:last-child{transform:translateY(-4.5px) rotate(-45deg)!important;}
@media(max-width:1100px){
  .nav{
    position:fixed!important;
    top:var(--header-h)!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    padding:12px 18px 18px!important;
    border-radius:0 0 24px 24px!important;
    background:linear-gradient(180deg,rgba(3,7,3,.96),rgba(7,16,6,.92))!important;
    border:0!important;
    border-top:1px solid rgba(255,255,255,.1)!important;
    box-shadow:0 24px 60px rgba(0,0,0,.36)!important;
    backdrop-filter:blur(18px) saturate(140%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(140%)!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translate3d(0,-12px,0)!important;
    pointer-events:none!important;
    transition:opacity .25s ease,transform .25s ease,visibility .25s ease!important;
  }
  .nav.open{opacity:1!important;visibility:visible!important;transform:translate3d(0,0,0)!important;pointer-events:auto!important;}
  .nav a{display:block!important;width:100%!important;padding:15px 8px!important;text-align:center!important;border-bottom:1px solid rgba(255,255,255,.08)!important;color:#fff!important;font-size:15px!important;letter-spacing:.1em!important;}
  .nav a:last-child{border-bottom:0!important;}
}

/* Hero mobile: no empty bottom; features fit inside the first view */
@media(max-width:900px){
  .hero{height:100svh!important;min-height:100svh!important;overflow:hidden!important;padding-top:var(--header-h)!important;padding-bottom:0!important;display:block!important;}
  .hero-content{position:relative!important;z-index:4!important;width:min(480px,calc(100vw - 34px))!important;margin:0 17px!important;padding-top:clamp(20px,4.8svh,42px)!important;}
  .hero h1{font-size:clamp(42px,12.2vw,66px)!important;line-height:.9!important;}
  .lead{font-size:clamp(13px,3.7vw,16px)!important;line-height:1.4!important;max-width:360px!important;margin-top:12px!important;}
  .hero-actions{margin-top:14px!important;gap:10px!important;}
  .btn{min-height:42px!important;padding:12px 15px!important;font-size:12px!important;}
  .feature-glass{position:absolute!important;left:50%!important;right:auto!important;bottom:calc(env(safe-area-inset-bottom,0px) + 48px)!important;transform:translateX(-50%)!important;width:calc(100vw - 28px)!important;max-width:520px!important;margin:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;border-radius:18px!important;overflow:hidden!important;}
  .feature-glass article{padding:10px 10px!important;gap:9px!important;border-bottom:1px solid rgba(255,255,255,.14)!important;}
  .feature-glass article:nth-child(2n){border-right:0!important;}
  .feature-glass article:nth-child(n+3){border-bottom:0!important;}
  .premium-icon{width:34px!important;min-width:34px!important;height:34px!important;border-radius:11px!important;}
  .feature-glass h3{font-size:11px!important;margin:0!important;white-space:normal!important;line-height:1.2!important;}
  .feature-glass p{display:none!important;}
  .scroll-cue{display:grid!important;position:absolute!important;left:50%!important;bottom:calc(env(safe-area-inset-bottom,0px) + 10px)!important;width:32px!important;height:32px!important;transform:translateX(-50%)!important;border:0!important;background:rgba(0,0,0,.18)!important;backdrop-filter:blur(10px)!important;box-shadow:0 8px 24px rgba(0,0,0,.28)!important;z-index:8!important;}
  .scroll-cue .scroll-arrow{font-size:24px!important;line-height:1!important;color:#fff!important;}
}
@media(max-width:420px){
  .hero h1{font-size:clamp(38px,11.5vw,50px)!important;}
  .lead{max-width:310px!important;font-size:13px!important;}
  .feature-glass{bottom:calc(env(safe-area-inset-bottom,0px) + 42px)!important;}
  .feature-glass article{padding:8px!important;}
  .premium-icon{width:30px!important;min-width:30px!important;height:30px!important;}
  .feature-glass h3{font-size:10px!important;}
}

/* Brands: mobile can scroll inside the slide, then continue to next section */
@media(max-width:900px){
  #brands.brands-section{
    height:100svh!important;
    min-height:100svh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:auto!important;
    scroll-snap-align:start!important;
    padding:calc(var(--header-h) + 18px) 16px 34px!important;
  }
  #brands.brands-section::-webkit-scrollbar{display:none!important;}
  #brands .brands-shell{min-height:auto!important;}
  #brands .brands-premium-grid{grid-template-columns:1fr!important;gap:16px!important;}
  #brands .brand-showcase{min-height:330px!important;}
}

/* Full-screen section hygiene: no next/previous slide showing */
#manufacturing.content-section,
#sustainability.content-section,
#careers.content-section,
#about.content-section{
  height:100svh!important;
  min-height:100svh!important;
  overflow:hidden!important;
}
#manufacturing .section-bg,
#sustainability .section-bg,
#careers .section-bg,
#about .section-bg{
  transform:none!important;
  inset:0!important;
}
@media(max-width:900px){
  #manufacturing.content-section,
  #sustainability.content-section,
  #careers.content-section,
  #about.content-section{
    height:100svh!important;
    min-height:100svh!important;
    padding:calc(var(--header-h) + 24px) 20px 44px!important;
  }
  #manufacturing .section-card,
  #sustainability .section-card,
  #careers .section-card,
  #about .section-card{
    width:min(520px,92vw)!important;
    padding:24px!important;
  }
}

/* Contact mobile compact */
@media(max-width:900px){
  #contact.contact{height:100svh!important;min-height:100svh!important;overflow:hidden!important;padding:calc(var(--header-h) + 14px) 14px 16px!important;}
  #contact .contact-wrap{width:100%!important;max-height:calc(100svh - var(--header-h) - 22px)!important;overflow:hidden!important;padding:18px!important;border-radius:22px!important;}
  #contact h2{font-size:34px!important;margin-bottom:8px!important;}
  #contact .contact-intro{font-size:13px!important;line-height:1.35!important;margin-bottom:12px!important;}
  #contact .contact-layout{gap:10px!important;}
  #contact .contact-info-card{min-height:42px!important;padding:7px 9px!important;}
  #contact .contact-info-card span{width:30px!important;height:30px!important;min-width:30px!important;font-size:14px!important;}
  #contact .contact-info-card strong{font-size:9px!important;}
  #contact .contact-info-card em{font-size:12px!important;}
  #contact .contact-form input{height:38px!important;padding:8px 10px!important;}
  #contact .contact-form textarea{height:64px!important;min-height:64px!important;padding:8px 10px!important;}
  #contact .map-panel{margin-top:10px!important;}
  #contact .map-panel iframe{height:120px!important;}
  #siteFooter{display:none!important;}
}


/* v38 mobile premium hero refinement */
@media(max-width:900px){
  .hero{
    height:100svh!important;
    min-height:100svh!important;
    padding-top:var(--header-h)!important;
    padding-bottom:0!important;
    display:block!important;
  }
  .hero-bg{
    object-position:68% center!important;
    transform:scale(1.005)!important;
  }
  .hero-shade{
    background:
      linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.48) 48%,rgba(0,0,0,.24) 100%),
      linear-gradient(0deg,rgba(0,0,0,.66) 0%,rgba(0,0,0,.12) 48%,rgba(0,0,0,.20) 100%)!important;
  }
  .hero-content{
    width:min(520px,calc(100vw - 34px))!important;
    margin:0 17px!important;
    padding-top:clamp(42px,9svh,76px)!important;
  }
  .hero h1{
    font-size:clamp(50px,14.8vw,78px)!important;
    line-height:.88!important;
    letter-spacing:-.055em!important;
  }
  .hero h1 .one-line{
    white-space:nowrap!important;
  }
  .lead{
    font-size:clamp(14px,3.75vw,16.5px)!important;
    line-height:1.42!important;
    max-width:min(360px,92vw)!important;
    margin-top:16px!important;
  }
  .hero-actions{
    margin-top:18px!important;
    gap:11px!important;
  }
  .btn{
    min-height:44px!important;
    padding:12px 17px!important;
    border-radius:13px!important;
  }
  .feature-glass{
    bottom:calc(env(safe-area-inset-bottom,0px) + 70px)!important;
    width:calc(100vw - 28px)!important;
    max-width:540px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(10,25,10,.48))!important;
    border:1px solid rgba(255,255,255,.26)!important;
    box-shadow:0 22px 60px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.14)!important;
  }
  .feature-glass article{
    min-height:58px!important;
    padding:10px 11px!important;
  }
  .premium-icon,.feat-icon{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    border-radius:12px!important;
  }
  .feature-glass h3{
    font-size:11px!important;
    line-height:1.18!important;
    letter-spacing:.01em!important;
  }
  .feature-glass p{display:none!important;}
  .scroll-cue{
    display:grid!important;
    position:absolute!important;
    left:50%!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 20px)!important;
    width:38px!important;
    height:38px!important;
    transform:translateX(-50%)!important;
    border:1px solid rgba(255,255,255,.22)!important;
    border-radius:50%!important;
    background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(105,201,67,.16))!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.35),0 0 22px rgba(105,201,67,.16)!important;
    z-index:8!important;
  }
  .scroll-cue .scroll-text,.scroll-cue .scroll-line{display:none!important;}
  .scroll-cue .scroll-arrow{
    width:18px!important;
    height:18px!important;
    background:none!important;
    border-right:2.5px solid #fff!important;
    border-bottom:2.5px solid #fff!important;
    border-radius:0!important;
    font-size:0!important;
    transform:rotate(45deg) translate(-2px,-2px)!important;
    animation:agcMobileArrow 1.35s ease-in-out infinite!important;
    box-shadow:3px 3px 0 rgba(105,201,67,.55)!important;
  }
}
@keyframes agcMobileArrow{
  0%,100%{opacity:.62;transform:rotate(45deg) translate(-4px,-4px)}
  50%{opacity:1;transform:rotate(45deg) translate(2px,2px)}
}
@media(max-width:420px){
  .hero-content{padding-top:clamp(36px,7.5svh,58px)!important;}
  .hero h1{font-size:clamp(46px,14.2vw,64px)!important;}
  .lead{font-size:13.5px!important;max-width:320px!important;}
  .hero-actions{margin-top:15px!important;}
  .btn{min-height:40px!important;padding:11px 14px!important;font-size:11px!important;}
  .feature-glass{bottom:calc(env(safe-area-inset-bottom,0px) + 62px)!important;width:calc(100vw - 22px)!important;}
  .feature-glass article{min-height:52px!important;padding:8px!important;gap:8px!important;}
  .premium-icon,.feat-icon{width:32px!important;min-width:32px!important;height:32px!important;}
  .feature-glass h3{font-size:10px!important;}
  .scroll-cue{bottom:calc(env(safe-area-inset-bottom,0px) + 16px)!important;width:34px!important;height:34px!important;}
}
@media(max-height:720px) and (max-width:900px){
  .hero-content{padding-top:clamp(22px,4svh,34px)!important;}
  .hero h1{font-size:clamp(42px,12.5vw,58px)!important;line-height:.9!important;}
  .lead{font-size:13px!important;margin-top:10px!important;max-width:330px!important;}
  .hero-actions{margin-top:11px!important;}
  .feature-glass{bottom:calc(env(safe-area-inset-bottom,0px) + 58px)!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .feature-glass article{min-height:50px!important;justify-content:center!important;}
  .feature-glass h3{display:none!important;}
  .premium-icon,.feat-icon{width:34px!important;min-width:34px!important;height:34px!important;}
  .scroll-cue{bottom:calc(env(safe-area-inset-bottom,0px) + 14px)!important;}
}

/* v40 final mobile hero + smooth intro refinements */
html,body{overscroll-behavior-y:none!important;}
body.intro-lock{overflow:hidden!important;touch-action:pan-y!important;}
.intro{
  background:linear-gradient(135deg,#020402 0%,#071006 54%,#020402 100%)!important;
  contain:layout paint style!important;
  will-change:opacity!important;
  transition:opacity .7s cubic-bezier(.22,.75,.25,1),visibility .7s linear!important;
}
.intro:before{display:none!important;}
.intro-glow{
  width:42vmin!important;height:42vmin!important;
  background:radial-gradient(circle,rgba(112,205,74,.34) 0%,rgba(112,205,74,.14) 38%,transparent 68%)!important;
  filter:none!important;
  opacity:0!important;
  animation:agcIntroGlowSmooth 2.05s cubic-bezier(.22,.75,.25,1) both!important;
  will-change:transform,opacity!important;
}
.intro-logo{
  width:min(460px,76vw)!important;
  filter:drop-shadow(0 18px 42px rgba(112,205,74,.22))!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
  will-change:transform,opacity!important;
  animation:agcIntroLogoSmooth 2.05s cubic-bezier(.22,.75,.25,1) both!important;
}
@keyframes agcIntroLogoSmooth{
  0%{opacity:0;transform:translate3d(0,18px,0) scale(.94)}
  24%{opacity:1;transform:translate3d(0,0,0) scale(1)}
  68%{opacity:1;transform:translate3d(0,0,0) scale(1.035)}
  100%{opacity:0;transform:translate3d(0,-10px,0) scale(1.055)}
}
@keyframes agcIntroGlowSmooth{
  0%{opacity:0;transform:scale(.82)}
  35%{opacity:1;transform:scale(1)}
  100%{opacity:0;transform:scale(1.22)}
}

@media(max-width:720px){
  .hero{
    min-height:100svh!important;
    padding-bottom:0!important;
    overflow:hidden!important;
    display:block!important;
  }
  .hero-content{
    position:relative!important;
    z-index:6!important;
    margin-left:18px!important;
    margin-right:14px!important;
    padding-top:clamp(96px,17.5svh,142px)!important;
    width:min(390px,calc(100vw - 32px))!important;
  }
  .hero h1{
    font-size:clamp(54px,16.2vw,76px)!important;
    line-height:.86!important;
    letter-spacing:-.058em!important;
    margin:0!important;
  }
  .hero h1 span{display:block!important;white-space:nowrap!important;}
  .hero h1 .one-line{white-space:nowrap!important;}
  .lead{
    margin-top:13px!important;
    font-size:clamp(13.5px,3.55vw,16px)!important;
    line-height:1.34!important;
    max-width:340px!important;
  }
  .hero-actions{margin-top:15px!important;gap:10px!important;}
  .btn{min-height:40px!important;padding:10px 15px!important;font-size:11.5px!important;border-radius:12px!important;}
  .feature-glass{
    position:absolute!important;
    left:50%!important;right:auto!important;transform:translateX(-50%)!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 82px)!important;
    margin:0!important;
    width:calc(100vw - 26px)!important;
    max-width:520px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    border-radius:18px!important;
    z-index:7!important;
  }
  .feature-glass article{min-height:52px!important;padding:9px 10px!important;gap:8px!important;}
  .premium-icon,.feat-icon{width:32px!important;min-width:32px!important;height:32px!important;border-radius:11px!important;}
  .feature-glass h3{font-size:10.5px!important;line-height:1.15!important;margin:0!important;}
  .feature-glass p{display:none!important;}
  .scroll-cue{
    display:grid!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 22px)!important;
    width:40px!important;height:40px!important;
    border-radius:50%!important;
    border:1px solid rgba(255,255,255,.24)!important;
    background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.18),rgba(108,199,68,.12) 58%,rgba(0,0,0,.20))!important;
    box-shadow:0 10px 30px rgba(0,0,0,.34),0 0 22px rgba(108,199,68,.24)!important;
    z-index:9!important;
  }
  .scroll-cue .scroll-arrow{
    width:16px!important;height:16px!important;
    border-right:2px solid #fff!important;border-bottom:2px solid #fff!important;
    box-shadow:3px 3px 0 rgba(108,199,68,.55)!important;
  }
}
@media(max-width:420px){
  .hero-content{padding-top:clamp(92px,16svh,126px)!important;width:min(350px,calc(100vw - 28px))!important;}
  .hero h1{font-size:clamp(49px,15.4vw,66px)!important;}
  .lead{font-size:13px!important;max-width:315px!important;margin-top:10px!important;}
  .hero-actions{margin-top:12px!important;}
  .feature-glass{bottom:calc(env(safe-area-inset-bottom,0px) + 78px)!important;width:calc(100vw - 20px)!important;}
  .feature-glass article{min-height:48px!important;padding:7px 8px!important;}
  .feature-glass h3{font-size:9.6px!important;}
  .premium-icon,.feat-icon{width:29px!important;min-width:29px!important;height:29px!important;}
  .scroll-cue{bottom:calc(env(safe-area-inset-bottom,0px) + 20px)!important;width:36px!important;height:36px!important;}
}
@media(max-height:700px) and (max-width:720px){
  .hero-content{padding-top:clamp(78px,13svh,105px)!important;}
  .hero h1{font-size:clamp(44px,13vw,58px)!important;}
  .lead{font-size:12.5px!important;line-height:1.28!important;margin-top:8px!important;}
  .hero-actions{margin-top:10px!important;}
  .feature-glass{bottom:calc(env(safe-area-inset-bottom,0px) + 72px)!important;}
  .feature-glass article{min-height:44px!important;}
  .scroll-cue{bottom:calc(env(safe-area-inset-bottom,0px) + 16px)!important;}
}

/* v41 mobile refinements */
@media (max-width:720px){
  .hero-content{margin-top:40px !important;}
  .hero h1{font-size:clamp(44px,13.5vw,64px)!important;}
  .feature-glass{bottom:90px !important;}
}
.intro{
  transition:opacity 1s cubic-bezier(.4,0,.2,1),visibility 1s cubic-bezier(.4,0,.2,1)!important;
}
.intro-logo{
 animation:introLogoSmooth 1.1s cubic-bezier(.22,1,.36,1) both !important;
}
@keyframes introLogoSmooth{
 from{opacity:0;transform:translateY(12px)}
 to{opacity:1;transform:translateY(0)}
}


/* v42 mobile-only relocation of hero feature cards + refined intro + brands spacing */
.mobile-about-features{display:none!important;}

/* clean, 2-second intro: no jump, no text, no frame */
.intro{
  background:radial-gradient(circle at 50% 48%,rgba(112,205,74,.18),transparent 34%),linear-gradient(135deg,#020402,#061006 56%,#020402)!important;
  transition:opacity .32s cubic-bezier(.4,0,.2,1),visibility .32s linear!important;
}
.intro:before,.intro-line,.intro-kicker,.intro-title,.intro-subtitle,.intro-skip{display:none!important;}
.intro-glow{
  filter:blur(54px)!important;
  animation:agcIntroGlowV42 1.75s cubic-bezier(.4,0,.2,1) both!important;
  will-change:opacity,transform!important;
}
.intro-logo{
  width:min(470px,76vw)!important;
  transform:translate3d(0,0,0)!important;
  backface-visibility:hidden!important;
  will-change:opacity,transform!important;
  animation:agcIntroLogoV42 1.75s cubic-bezier(.4,0,.2,1) both!important;
}
@keyframes agcIntroLogoV42{
  0%{opacity:0;transform:translate3d(0,14px,0) scale(.985)}
  32%{opacity:1;transform:translate3d(0,0,0) scale(1)}
  74%{opacity:1;transform:translate3d(0,0,0) scale(1.012)}
  100%{opacity:0;transform:translate3d(0,-8px,0) scale(1.018)}
}
@keyframes agcIntroGlowV42{
  0%{opacity:0;transform:scale(.9)}
  36%{opacity:.95;transform:scale(1)}
  100%{opacity:0;transform:scale(1.12)}
}

@media(max-width:720px){
  /* Home mobile becomes cleaner: no feature cards in hero */
  #home .feature-glass:not(.mobile-about-features){display:none!important;}
  .hero{min-height:100svh!important;padding-bottom:0!important;overflow:hidden!important;}
  .hero-content{padding-top:clamp(112px,19svh,152px)!important;margin-top:0!important;width:min(370px,calc(100vw - 32px))!important;}
  .hero h1{font-size:clamp(42px,13vw,62px)!important;line-height:.88!important;letter-spacing:-.055em!important;}
  .hero h1 span,.hero h1 .one-line{white-space:nowrap!important;}
  .lead{max-width:330px!important;font-size:clamp(13px,3.5vw,15.5px)!important;line-height:1.36!important;margin-top:12px!important;}
  .hero-actions{margin-top:14px!important;}
  .scroll-cue{bottom:calc(env(safe-area-inset-bottom,0px) + 24px)!important;}

  /* About mobile: feature cards live at bottom, aligned and viewport-safe */
  #about{min-height:auto!important;overflow:visible!important;padding-bottom:34px!important;}
  #about .section-card{margin-bottom:20px!important;}
  #about .mobile-about-features{
    display:grid!important;
    position:relative!important;
    left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;
    width:calc(100vw - 28px)!important;
    max-width:520px!important;
    margin:18px auto 0!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    border-radius:20px!important;
    overflow:hidden!important;
    z-index:3!important;
    background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(7,21,8,.58))!important;
    border:1px solid rgba(255,255,255,.24)!important;
    box-shadow:0 18px 55px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.14)!important;
    backdrop-filter:blur(22px)!important;
    -webkit-backdrop-filter:blur(22px)!important;
  }
  #about .mobile-about-features article{min-height:62px!important;padding:12px 10px!important;gap:9px!important;border-right:1px solid rgba(255,255,255,.14)!important;border-bottom:1px solid rgba(255,255,255,.14)!important;}
  #about .mobile-about-features article:nth-child(2),#about .mobile-about-features article:nth-child(4){border-right:0!important;}
  #about .mobile-about-features article:nth-child(3),#about .mobile-about-features article:nth-child(4){border-bottom:0!important;}
  #about .mobile-about-features .premium-icon,#about .mobile-about-features .feat-icon{width:34px!important;min-width:34px!important;height:34px!important;border-radius:12px!important;}
  #about .mobile-about-features h3{font-size:10.5px!important;line-height:1.18!important;margin:0!important;}
  #about .mobile-about-features p{display:none!important;}

  /* Mobile Our Brands: add breathing room under title */
  #brands .brands-heading{margin-bottom:clamp(22px,5.5vw,34px)!important;}
  #brands .brands-heading h2{margin-bottom:12px!important;}
  #brands .brands-premium-grid{gap:20px!important;}
}

@media(max-width:420px){
  .hero-content{padding-top:clamp(106px,18svh,138px)!important;width:min(345px,calc(100vw - 28px))!important;}
  .hero h1{font-size:clamp(40px,12.6vw,56px)!important;}
  #about .mobile-about-features{width:calc(100vw - 22px)!important;}
  #about .mobile-about-features article{min-height:56px!important;padding:10px 8px!important;}
  #about .mobile-about-features h3{font-size:9.7px!important;}
  #about .mobile-about-features .premium-icon,#about .mobile-about-features .feat-icon{width:31px!important;min-width:31px!important;height:31px!important;}
}

@media(max-height:700px) and (max-width:720px){
  .hero-content{padding-top:clamp(82px,14svh,112px)!important;}
  .hero h1{font-size:clamp(38px,11.8vw,52px)!important;}
  .lead{font-size:12.4px!important;line-height:1.3!important;}
}

/* v43 mobile hero centering + repaired about mobile layout */
@media (max-width: 720px){
  /* Hero: title, text, and buttons exactly centered on mobile */
  #home.hero{
    min-height:100svh!important;
    height:100svh!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  #home .hero-content{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    transform:none!important;
    width:min(390px,calc(100vw - 34px))!important;
    margin:0 auto!important;
    padding:0!important;
    text-align:center!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    z-index:6!important;
  }
  #home .eyebrow{display:none!important;}
  #home .hero h1,
  #home h1{
    text-align:center!important;
    font-size:clamp(42px,13.2vw,62px)!important;
    line-height:.88!important;
    letter-spacing:-.055em!important;
    margin:0!important;
    width:100%!important;
  }
  #home .hero h1 span,
  #home h1 span,
  #home h1 .one-line{
    display:block!important;
    white-space:nowrap!important;
  }
  #home .lead{
    text-align:center!important;
    margin:14px auto 0!important;
    max-width:335px!important;
    font-size:clamp(13px,3.55vw,15.5px)!important;
    line-height:1.38!important;
  }
  #home .hero-actions{
    width:100%!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:10px!important;
    margin:17px auto 0!important;
    flex-wrap:wrap!important;
  }
  #home .btn{
    min-height:40px!important;
    padding:10px 15px!important;
    font-size:11.5px!important;
    border-radius:12px!important;
  }
  #home .scroll-cue{
    bottom:calc(env(safe-area-inset-bottom,0px) + 22px)!important;
  }

  /* About: content stays clean and the mobile feature cards sit at the end of the section */
  #about.content-section{
    min-height:100svh!important;
    height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:18px!important;
    padding:calc(var(--header-h) + 26px) 18px 34px!important;
    overflow:hidden!important;
    text-align:center!important;
  }
  #about .section-bg{
    position:absolute!important;
    inset:0!important;
    background-size:cover!important;
    background-position:center!important;
    transform:none!important;
  }
  #about .section-card{
    width:min(560px,calc(100vw - 36px))!important;
    margin:0 auto!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    text-align:center!important;
    color:#fff!important;
    z-index:3!important;
  }
  #about .section-card h2{
    font-size:clamp(32px,9.3vw,46px)!important;
    line-height:1!important;
    margin:0 0 14px!important;
    letter-spacing:-.04em!important;
  }
  #about .section-card p{
    font-size:clamp(13.5px,3.55vw,15.5px)!important;
    line-height:1.52!important;
    max-width:500px!important;
    margin:0 auto 9px!important;
    opacity:.94!important;
  }
  #about .mobile-about-features{
    display:grid!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:min(520px,calc(100vw - 28px))!important;
    margin:12px auto 0!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    border-radius:20px!important;
    overflow:hidden!important;
    z-index:4!important;
    background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(7,21,8,.58))!important;
    border:1px solid rgba(255,255,255,.24)!important;
    box-shadow:0 18px 55px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.14)!important;
    backdrop-filter:blur(22px)!important;
    -webkit-backdrop-filter:blur(22px)!important;
  }
  #about .mobile-about-features article{
    min-height:62px!important;
    padding:12px 10px!important;
    gap:9px!important;
    display:flex!important;
    align-items:center!important;
    text-align:left!important;
    border-right:1px solid rgba(255,255,255,.14)!important;
    border-bottom:1px solid rgba(255,255,255,.14)!important;
  }
  #about .mobile-about-features article:nth-child(2),
  #about .mobile-about-features article:nth-child(4){border-right:0!important;}
  #about .mobile-about-features article:nth-child(3),
  #about .mobile-about-features article:nth-child(4){border-bottom:0!important;}
  #about .mobile-about-features .premium-icon,
  #about .mobile-about-features .feat-icon{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    border-radius:12px!important;
  }
  #about .mobile-about-features h3{
    font-size:10.5px!important;
    line-height:1.18!important;
    margin:0!important;
  }
  #about .mobile-about-features p{display:none!important;}
}

@media (max-width:420px){
  #home .hero-content{width:min(355px,calc(100vw - 28px))!important;}
  #home .hero h1,#home h1{font-size:clamp(39px,12.4vw,55px)!important;}
  #about.content-section{gap:14px!important;padding-top:calc(var(--header-h) + 22px)!important;padding-bottom:26px!important;}
  #about .section-card h2{font-size:clamp(30px,8.7vw,42px)!important;}
  #about .section-card p{font-size:13px!important;line-height:1.46!important;margin-bottom:7px!important;}
  #about .mobile-about-features{width:calc(100vw - 22px)!important;margin-top:8px!important;}
  #about .mobile-about-features article{min-height:54px!important;padding:9px 8px!important;gap:8px!important;}
  #about .mobile-about-features h3{font-size:9.5px!important;}
  #about .mobile-about-features .premium-icon,#about .mobile-about-features .feat-icon{width:30px!important;min-width:30px!important;height:30px!important;}
}

@media (max-height:700px) and (max-width:720px){
  #home .hero h1,#home h1{font-size:clamp(36px,11.2vw,50px)!important;}
  #home .lead{font-size:12.4px!important;line-height:1.3!important;margin-top:10px!important;}
  #home .hero-actions{margin-top:12px!important;}
  #about.content-section{justify-content:flex-start!important;padding-top:calc(var(--header-h) + 18px)!important;padding-bottom:20px!important;gap:10px!important;}
  #about .section-card h2{font-size:clamp(28px,8vw,38px)!important;margin-bottom:10px!important;}
  #about .section-card p{font-size:12.5px!important;line-height:1.38!important;margin-bottom:6px!important;}
  #about .mobile-about-features article{min-height:48px!important;padding:8px!important;}
  #about .mobile-about-features h3{font-size:9px!important;}
  #about .mobile-about-features .premium-icon,#about .mobile-about-features .feat-icon{width:28px!important;min-width:28px!important;height:28px!important;}
}


/* AGC CMS/Admin upgrades */
.header-title{white-space:nowrap;}
.brand-disabled{pointer-events:none;opacity:.65;filter:grayscale(.25)}
.admin-panel.cms-panel{max-width:1180px}.login-panel{max-width:520px}.admin-section textarea{width:100%;resize:vertical}.admin-section small{display:block;opacity:.7;margin:4px 0 8px;word-break:break-all}.brand-admin-block{border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:18px;margin:18px 0;background:rgba(255,255,255,.04)}.admin-sticky-save{position:sticky;bottom:18px;z-index:3;display:flex;gap:12px;justify-content:flex-end;padding:14px;border-radius:22px;background:rgba(9,28,21,.72);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px rgba(0,0,0,.32)}.admin-status.error{color:#ffb4b4}.admin-head{align-items:center}.admin-head .btn{margin-left:auto}.brand-showcase .brand-kicker{backdrop-filter: blur(18px);background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);padding:8px 12px;border-radius:999px;width:max-content;max-width:100%}
@media(max-width:760px){.admin-sticky-save{position:static;flex-direction:column}.admin-grid{grid-template-columns:1fr!important}.brand-showcase .brand-kicker{width:100%;justify-content:center}.hero-content{text-align:center;left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important;top:50%!important}.hero-actions{justify-content:center}.mobile-about-features{margin-top:auto;margin-bottom:clamp(18px,4vh,34px)}}

/* v45: Mobile Our Brands cards - logo/name glass strip at top of each image */
@media (max-width: 720px){
  #brands .brand-showcase{
    position:relative!important;
    min-height:390px!important;
    display:flex!important;
    align-items:flex-end!important;
    overflow:hidden!important;
  }
  #brands .brand-copy{
    position:static!important;
    z-index:3!important;
    width:100%!important;
    padding:94px 20px 22px!important;
  }
  #brands .brand-kicker{
    position:absolute!important;
    top:14px!important;
    left:14px!important;
    right:14px!important;
    z-index:6!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    width:auto!important;
    margin:0!important;
    padding:10px 13px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.22)!important;
    border:1px solid rgba(255,255,255,.46)!important;
    backdrop-filter:blur(22px) saturate(170%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(170%)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.36)!important;
    color:#fff!important;
    text-transform:uppercase!important;
    letter-spacing:.06em!important;
  }
  #brands .brand-kicker img{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    object-fit:contain!important;
    background:rgba(255,255,255,.96)!important;
    border-radius:14px!important;
    padding:6px!important;
    box-shadow:0 10px 24px rgba(0,0,0,.20)!important;
  }
  #brands .brand-kicker strong{
    color:#fff!important;
    font-size:15px!important;
    line-height:1.1!important;
    text-shadow:0 6px 20px rgba(0,0,0,.65)!important;
  }
  #brands .brand-copy h3{
    margin-top:auto!important;
  }
}

@media (max-width: 380px){
  #brands .brand-kicker img{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
  }
  #brands .brand-kicker strong{
    font-size:13px!important;
  }
  #brands .brand-copy{
    padding-top:84px!important;
  }
}

/* v47 REAL FINAL FIXES: image paths, admin scrolling, mobile viewport, smooth performance */
html{overflow-y:auto!important;scrollbar-width:none!important;}
body{min-height:100%;overflow-x:hidden!important;}
.hero-bg,.section-bg,.brand-image{background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important;}
.section-bg{background-image:var(--bg)!important;}
.brand-image{background-image:var(--image)!important;}
#about{--bg:url('optimized/about-bg.webp');}
#sustainability{--bg:url('optimized/sustainability-bg.webp');}
#careers{--bg:url('elite-bg.jpg');}
#brands .brand-showcase.nuts{--image:url('optimized/nuts-card.webp');}
#brands .brand-showcase.elite{--image:url('optimized/elite-card.webp');}
#brands .brand-showcase.upi{--image:url('optimized/upi-card.webp');}
@supports (height:100dvh){.panel{height:100dvh!important;min-height:100dvh!important}.hero{height:100dvh!important;min-height:100dvh!important}}
@media(max-width:900px){
  html{scroll-snap-type:y proximity!important;}
  body{min-height:100dvh!important;}
  .panel{height:100dvh!important;min-height:100dvh!important;}
  .content-section{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;}
  .section-card{max-height:calc(100dvh - var(--header-h) - 56px)!important;overflow:auto!important;}
  #brands.brands-section{height:100dvh!important;min-height:100dvh!important;overflow-y:auto!important;}
  #brands .brands-premium-grid{padding-bottom:32px!important;}
  #brands .brand-showcase{overflow:hidden!important;display:flex!important;align-items:flex-end!important;}
  #brands .brand-image{transform:none!important;}
  #contact.contact{height:100dvh!important;min-height:100dvh!important;overflow-y:auto!important;}
  #contact .contact-wrap{max-height:none!important;overflow:visible!important;}
}
@media(max-width:720px){
  .hero-content{padding-top:clamp(78px,13dvh,112px)!important;}
  .feature-glass{bottom:calc(env(safe-area-inset-bottom,0px) + 54px)!important;}
}
/* Admin must not inherit website full-slide behavior */
body.admin-body{height:auto!important;min-height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important;touch-action:auto!important;padding:24px!important;scroll-snap-type:none!important;}
.admin-body .admin-panel{max-width:1180px!important;width:min(1180px,96vw)!important;margin:0 auto 60px!important;display:grid!important;gap:20px!important;}
.admin-body .cms-panel{padding-bottom:90px!important;}
.admin-body .admin-head{position:relative!important;top:auto!important;}
.admin-sticky-save{position:sticky!important;bottom:16px!important;z-index:20!important;display:flex!important;gap:12px!important;justify-content:flex-end!important;align-items:center!important;padding:14px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(5,10,5,.78)!important;backdrop-filter:blur(18px)!important;border-radius:22px!important;box-shadow:0 18px 50px rgba(0,0,0,.35)!important;}
.admin-body input[type=file]{background:rgba(255,255,255,.06)!important;border-style:dashed!important;}
.admin-body small{opacity:.72!important;word-break:break-all!important;font-weight:600!important;}
@media(max-width:720px){.admin-body{padding:14px!important}.admin-head img{width:150px!important}.admin-sticky-save{left:12px!important;right:12px!important;justify-content:stretch!important;flex-direction:column!important}.admin-sticky-save .btn{width:100%!important}.admin-section{padding:18px!important}}
/* Faster intro: logo appears earlier but total remains close to 2s */
.intro-logo{animation:agcIntroLogoV47 1.82s cubic-bezier(.2,.8,.2,1) both!important;}
.intro{transition:opacity .42s ease,visibility .42s linear!important;}
@keyframes agcIntroLogoV47{0%{opacity:0;transform:translate3d(0,10px,0) scale(.97)}12%{opacity:1;transform:translate3d(0,0,0) scale(1)}72%{opacity:1;transform:translate3d(0,0,0) scale(1.018)}100%{opacity:0;transform:translate3d(0,-7px,0) scale(1.035)}}


/* v48 HARD FINAL PATCH: admin scroll, guaranteed images, mobile slide snapping and readable feature cards */
html.admin-html,
html.admin-html body,
body.admin-body{
  height:auto!important;
  min-height:100vh!important;
  max-height:none!important;
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  scroll-snap-type:none!important;
  overscroll-behavior:auto!important;
  position:static!important;
  touch-action:auto!important;
}
body.admin-body{
  display:block!important;
  place-items:normal!important;
  padding:24px!important;
  background:radial-gradient(circle at 20% 0%,rgba(115,201,71,.16),transparent 32%),linear-gradient(135deg,#050705,#0b1308)!important;
}
.admin-body *{scroll-snap-align:none!important;scroll-snap-stop:normal!important;}
.admin-body .admin-panel,
.admin-body .cms-panel,
.admin-body form{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
.admin-body .admin-panel{
  width:min(1180px,96vw)!important;
  max-width:1180px!important;
  margin:0 auto 80px!important;
  display:grid!important;
  gap:20px!important;
}
.admin-body .admin-head{position:relative!important;top:auto!important;display:flex!important;flex-wrap:wrap!important;gap:18px!important;align-items:center!important;}
.admin-body .admin-section{height:auto!important;max-height:none!important;overflow:visible!important;}

/* Always show all built-in background images even if CMS/fallback CSS fails */
#brands .brand-image{opacity:1!important;visibility:visible!important;background-size:cover!important;background-position:center!important;}

@media(max-width:900px){
  html:not(.admin-html){scroll-snap-type:y mandatory!important;overflow-y:auto!important;height:auto!important;}
  body:not(.admin-body){overflow-y:auto!important;min-height:100dvh!important;}
  main{display:block!important;}
  .panel{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;scroll-snap-align:start!important;scroll-snap-stop:always!important;overflow:hidden!important;}
  .hero{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;}
  .content-section{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:calc(var(--header-h) + 18px) 16px 24px!important;}
  .content-section .section-card{max-height:calc(100dvh - var(--header-h) - 48px)!important;overflow:visible!important;}
  #brands.brands-section{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;padding:calc(var(--header-h) + 12px) 16px 22px!important;display:flex!important;align-items:center!important;}
  #brands .brands-shell{height:auto!important;width:100%!important;}
  #brands .brands-premium-grid{height:auto!important;max-height:calc(100dvh - var(--header-h) - 150px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding-bottom:10px!important;}
  #brands .brand-showcase{min-height:260px!important;height:260px!important;}
  #contact.contact{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;scroll-snap-align:start!important;}
}

@media(max-width:720px){
  #about.content-section{justify-content:center!important;gap:14px!important;overflow:hidden!important;}
  #about .section-card{max-height:none!important;overflow:visible!important;}
  #about .mobile-about-features{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:min(520px,calc(100vw - 26px))!important;margin:8px auto 0!important;}
  #about .mobile-about-features article{display:flex!important;align-items:flex-start!important;min-height:78px!important;padding:10px 8px!important;gap:8px!important;}
  #about .mobile-about-features h3{display:block!important;visibility:visible!important;opacity:1!important;color:#fff!important;font-size:10.5px!important;line-height:1.15!important;margin:0 0 3px!important;}
  #about .mobile-about-features p{display:block!important;visibility:visible!important;opacity:.86!important;color:rgba(255,255,255,.9)!important;font-size:9.4px!important;line-height:1.22!important;margin:0!important;}
  #about .mobile-about-features .premium-icon,#about .mobile-about-features .feat-icon{width:31px!important;min-width:31px!important;height:31px!important;font-size:22px!important;}
  .slide-dots{right:9px!important;}
}
@media(max-height:720px) and (max-width:720px){
  #about .section-card p{font-size:12.2px!important;line-height:1.34!important;}
  #about .mobile-about-features article{min-height:62px!important;padding:8px!important;}
  #about .mobile-about-features p{font-size:8.8px!important;line-height:1.14!important;}
  #about .mobile-about-features h3{font-size:9.5px!important;}
}


/* v49 REAL FINAL: actual image elements + no admin inheritance + clean mobile slides */
.section-bg{overflow:hidden!important;}
.section-bg-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;z-index:-1!important;display:block!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;}
.brand-image{position:absolute!important;inset:0!important;overflow:hidden!important;display:block!important;opacity:1!important;visibility:visible!important;}
.brand-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;opacity:1!important;visibility:visible!important;z-index:0!important;transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter .8s ease!important;}
#brands .brand-showcase:hover .brand-photo{transform:scale(1.08);filter:saturate(1.18) contrast(1.08);}

@media(max-width:900px){
  html:not(.admin-html){scroll-snap-type:y mandatory!important;scroll-behavior:smooth!important;}
  body:not(.admin-body){overflow-x:hidden!important;overflow-y:auto!important;}
  main{display:block!important;}
  main .panel[id]{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;scroll-snap-align:start!important;scroll-snap-stop:always!important;overflow:hidden!important;}
  .hero-content{padding-top:calc(var(--header-h) + 16px)!important;}
  #brands .brands-premium-grid{scroll-snap-type:y mandatory!important;}
  #brands .brand-showcase{scroll-snap-align:start!important;}
}
@media(max-width:720px){
  #about .mobile-about-features, #about .mobile-about-features *{visibility:visible!important;}
  #about .mobile-about-features h3,#about .mobile-about-features p{display:block!important;opacity:1!important;max-height:none!important;clip:auto!important;overflow:visible!important;text-indent:0!important;color:#fff!important;}
  #about .mobile-about-features p{color:rgba(255,255,255,.88)!important;}
  #about .mobile-about-features{z-index:3!important;}
}

html.admin-html, html.admin-html body, body.admin-body{
  height:auto!important;min-height:100vh!important;max-height:none!important;overflow-y:scroll!important;overflow-x:hidden!important;scroll-snap-type:none!important;position:static!important;display:block!important;
}
body.admin-body main, body.admin-body .admin-panel, body.admin-body .cms-panel, body.admin-body form, body.admin-body .admin-section{
  height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;scroll-snap-align:none!important;position:relative!important;
}


/* v50 FINAL MOBILE + PERFORMANCE + CACHE SAFE OVERRIDES */
:root{--agc-vh:100dvh;}
img{max-width:100%;height:auto;}
.section-bg-img,.hero-bg,.brand-photo{will-change:transform;backface-visibility:hidden;transform:translateZ(0);}
.reveal{transition-duration:.55s!important;}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;}}

@media(max-width:900px){
  html:not(.admin-html){height:auto!important;overflow-y:auto!important;overflow-x:hidden!important;scroll-snap-type:none!important;scroll-behavior:auto!important;overscroll-behavior-y:contain!important;}
  body:not(.admin-body){min-height:var(--agc-vh)!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain!important;}
  main{display:block!important;width:100%!important;overflow:visible!important;}
  main .panel[id],.hero,.content-section,.brands-section,.contact{
    height:var(--agc-vh)!important;min-height:var(--agc-vh)!important;max-height:var(--agc-vh)!important;
    width:100%!important;overflow:hidden!important;position:relative!important;scroll-snap-align:none!important;scroll-snap-stop:normal!important;
  }
  .content-section{display:flex!important;align-items:center!important;justify-content:center!important;padding:calc(var(--header-h) + 14px) 16px 20px!important;}
  .content-section.right{justify-content:center!important;}
  .section-card{width:min(620px,calc(100vw - 32px))!important;max-height:calc(var(--agc-vh) - var(--header-h) - 38px)!important;overflow:hidden!important;padding:clamp(20px,5vw,30px)!important;border-radius:24px!important;}
  .section-card h2,.contact h2{font-size:clamp(30px,8.6vw,42px)!important;line-height:1.06!important;margin-bottom:14px!important;}
  .section-card p,.contact p{font-size:clamp(13px,3.7vw,16px)!important;line-height:1.55!important;}
  .mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:16px!important;}
  .mini-grid span{padding:10px 8px!important;font-size:12px!important;line-height:1.15!important;text-align:center!important;}

  #brands.brands-section{padding:calc(var(--header-h) + 10px) 16px 18px!important;display:flex!important;align-items:stretch!important;justify-content:center!important;overflow:hidden!important;}
  #brands .brands-shell{height:100%!important;width:100%!important;display:flex!important;flex-direction:column!important;gap:10px!important;overflow:hidden!important;}
  #brands .brands-heading{flex:0 0 auto!important;text-align:center!important;margin:0 auto!important;max-width:680px!important;}
  #brands .brands-heading h2{font-size:clamp(27px,8vw,38px)!important;margin:0 0 6px!important;line-height:1.05!important;}
  #brands .brands-heading p:not(.eyebrow){font-size:12.5px!important;line-height:1.35!important;margin:0 auto!important;max-width:94%!important;}
  #brands .brands-premium-grid{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;display:grid!important;grid-template-columns:1fr!important;gap:14px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:4px 2px 20px!important;-webkit-overflow-scrolling:touch!important;scroll-snap-type:none!important;}
  #brands .brand-showcase{height:clamp(315px,47vh,390px)!important;min-height:315px!important;border-radius:24px!important;overflow:hidden!important;scroll-snap-align:none!important;}
  #brands .brand-copy{padding:18px!important;gap:8px!important;justify-content:flex-end!important;}
  #brands .brand-kicker{display:flex!important;align-items:center!important;gap:10px!important;max-width:100%!important;}
  #brands .brand-kicker img{width:48px!important;height:48px!important;min-width:48px!important;object-fit:contain!important;position:relative!important;z-index:2!important;}
  #brands .brand-kicker strong{font-size:15px!important;line-height:1.15!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  #brands .brand-copy h3{font-size:clamp(22px,6.6vw,30px)!important;line-height:1.08!important;margin:4px 0!important;max-width:100%!important;}
  #brands .brand-copy p{font-size:13px!important;line-height:1.38!important;max-width:100%!important;margin:0!important;}
  #brands .brand-cta{font-size:12px!important;padding:10px 13px!important;align-self:flex-start!important;}

  #manufacturing.content-section{padding:calc(var(--header-h) + 12px) 14px 18px!important;align-items:center!important;justify-content:center!important;}
  #manufacturing .section-card{max-height:calc(var(--agc-vh) - var(--header-h) - 34px)!important;overflow:hidden!important;padding:20px!important;width:calc(100vw - 28px)!important;}
  #manufacturing .section-card h2{font-size:clamp(28px,8vw,38px)!important;}
  #manufacturing .section-card p{font-size:13.5px!important;line-height:1.45!important;}
  #manufacturing .mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}

  #contact.contact{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:calc(var(--header-h) + 12px) 16px 22px!important;}
}

@media(max-width:720px){
  #about.content-section{padding:calc(var(--header-h) + 8px) 13px 14px!important;display:grid!important;grid-template-rows:auto auto!important;align-content:center!important;gap:10px!important;}
  #about .section-card{width:calc(100vw - 26px)!important;padding:19px!important;max-height:none!important;overflow:visible!important;}
  #about .section-card h2{font-size:clamp(27px,8vw,34px)!important;margin-bottom:10px!important;}
  #about .section-card p{font-size:12.6px!important;line-height:1.4!important;}
  #about .mobile-about-features{width:calc(100vw - 26px)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0 auto!important;}
  #about .mobile-about-features article{min-height:74px!important;padding:9px!important;display:flex!important;align-items:flex-start!important;gap:7px!important;overflow:visible!important;}
  #about .mobile-about-features .premium-icon,#about .mobile-about-features .feat-icon{width:30px!important;min-width:30px!important;height:30px!important;font-size:20px!important;}
  #about .mobile-about-features h3{font-size:10.5px!important;line-height:1.1!important;margin:0 0 3px!important;display:block!important;color:#fff!important;opacity:1!important;}
  #about .mobile-about-features p{font-size:9px!important;line-height:1.16!important;display:block!important;color:rgba(255,255,255,.88)!important;opacity:1!important;}
}

@media(max-width:380px), (max-height:700px) and (max-width:720px){
  #brands .brand-showcase{height:300px!important;min-height:300px!important;}
  #brands .brand-copy h3{font-size:22px!important;}
  #brands .brand-copy p{font-size:12px!important;line-height:1.3!important;}
  #about .section-card p{font-size:11.6px!important;line-height:1.32!important;}
  #about .mobile-about-features article{min-height:62px!important;padding:7px!important;}
  #about .mobile-about-features p{font-size:8.2px!important;}
  #manufacturing .section-card{padding:17px!important;}
  #manufacturing .mini-grid span{font-size:11px!important;padding:8px 6px!important;}
}

/* v50 Uploaded image rules: keep strong cache for built-in assets, instant refresh for admin uploads via PHP ?v=filemtime */
.section-bg-img[src*="assets/uploads/"],.brand-photo[src*="assets/uploads/"]{content-visibility:auto;}


/* v51 MOBILE VIEWPORT + BRANDS/CONTACT + PERFORMANCE FINAL OVERRIDES */
@media(max-width:900px){
  :root{--agc-vh:100dvh;--agc-safe-top:env(safe-area-inset-top,0px);--agc-safe-bottom:env(safe-area-inset-bottom,0px);}
  html:not(.admin-html),body:not(.admin-body){overscroll-behavior-y:none!important;scroll-padding-top:0!important;background:#050705!important;}
  main .panel[id],.hero,.content-section,.brands-section,.contact{
    height:var(--agc-vh)!important;min-height:var(--agc-vh)!important;max-height:var(--agc-vh)!important;
    overflow:hidden!important;contain:layout paint style!important;isolation:isolate!important;
  }
  .section-bg,.section-bg-img,.hero-bg,.brand-image,.brand-photo{transform:translateZ(0)!important;backface-visibility:hidden!important;}
  .section-bg-img,.hero-bg,.brand-photo{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
  .content-section{padding-top:calc(var(--header-h) + var(--agc-safe-top) + 10px)!important;padding-bottom:calc(16px + var(--agc-safe-bottom))!important;}

  /* Brands: the whole brands page scrolls normally on mobile; title goes up with cards. */
  #brands.brands-section{
    display:block!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;
    padding:calc(var(--header-h) + var(--agc-safe-top) + 12px) 16px calc(24px + var(--agc-safe-bottom))!important;
  }
  #brands .brands-shell{display:block!important;height:auto!important;min-height:100%!important;overflow:visible!important;width:100%!important;}
  #brands .brands-heading{position:relative!important;margin:0 auto 16px!important;padding:0 2px!important;text-align:center!important;}
  #brands .brands-heading h2{font-size:clamp(31px,9vw,44px)!important;line-height:1.05!important;margin:0 0 8px!important;}
  #brands .brands-heading p:not(.eyebrow){font-size:13.2px!important;line-height:1.45!important;margin:0 auto!important;max-width:96%!important;}
  #brands .brands-premium-grid{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0 2px 18px!important;}
  #brands .brand-showcase{height:auto!important;min-height:360px!important;max-height:none!important;border-radius:25px!important;overflow:hidden!important;}
  #brands .brand-copy{min-height:230px!important;padding:22px 18px!important;gap:9px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;}
  #brands .brand-kicker{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important;}
  #brands .brand-kicker img{width:54px!important;height:54px!important;min-width:54px!important;object-fit:contain!important;position:relative!important;z-index:3!important;flex:0 0 54px!important;}
  #brands .brand-kicker strong{font-size:16px!important;line-height:1.15!important;white-space:normal!important;overflow-wrap:anywhere!important;min-width:0!important;}
  #brands .brand-copy h3{font-size:clamp(24px,7vw,33px)!important;line-height:1.08!important;margin:3px 0!important;}
  #brands .brand-copy p{font-size:13.5px!important;line-height:1.43!important;margin:0!important;}
  #brands .brand-cta{font-size:12px!important;padding:10px 14px!important;margin-top:3px!important;}

  /* Contact: keep all boxes visible and allow normal internal scroll when the mobile browser bar changes height. */
  #contact.contact{
    display:block!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;
    padding:calc(var(--header-h) + var(--agc-safe-top) + 14px) 14px calc(22px + var(--agc-safe-bottom))!important;
  }
  #contact .contact-wrap{width:100%!important;max-width:720px!important;margin:0 auto!important;max-height:none!important;overflow:visible!important;padding:20px 16px!important;border-radius:24px!important;}
  #contact h2{font-size:clamp(30px,8.6vw,42px)!important;margin:0 0 9px!important;}
  #contact .contact-intro{font-size:13px!important;line-height:1.42!important;margin:0 0 14px!important;}
  #contact .contact-layout{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
  #contact .contact-info-card{min-height:48px!important;padding:8px 10px!important;}
  #contact .contact-form{gap:10px!important;margin-top:0!important;}
  #contact .contact-form input{height:42px!important;padding:9px 11px!important;}
  #contact .contact-form textarea{height:82px!important;min-height:82px!important;padding:9px 11px!important;}
  #contact .map-panel iframe{height:130px!important;}
  #siteFooter{position:relative!important;margin:14px auto 0!important;width:100%!important;}

  /* Manufacturing: no card overflow outside mobile screen */
  #manufacturing.content-section{overflow:hidden!important;}
  #manufacturing .section-card{overflow:auto!important;-webkit-overflow-scrolling:touch!important;max-height:calc(var(--agc-vh) - var(--header-h) - 42px - var(--agc-safe-top) - var(--agc-safe-bottom))!important;}
}
@media(max-width:390px){
  #brands .brand-showcase{min-height:335px!important;}
  #brands .brand-copy{min-height:215px!important;padding:19px 16px!important;}
  #brands .brand-kicker img{width:48px!important;height:48px!important;min-width:48px!important;flex-basis:48px!important;}
  #brands .brand-kicker strong{font-size:15px!important;}
  #contact .contact-form textarea{height:72px!important;min-height:72px!important;}
  #contact .map-panel iframe{height:115px!important;}
}


/* v53 PERFORMANCE FINAL: only one actual image per background/card. No stacked CSS background images. */
.section-bg{background-image:none!important;background:transparent!important;transform:none!important;overflow:hidden!important;}
.section-bg::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.74),rgba(0,0,0,.22));}
.content-section.right .section-bg::before{background:linear-gradient(270deg,rgba(0,0,0,.78),rgba(0,0,0,.18));}
.section-bg-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;z-index:0!important;background:#050705!important;}
.brand-image{background-image:none!important;background:transparent!important;overflow:hidden!important;}
.brand-image::before{display:none!important;content:none!important;}
.brand-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;background:#071006!important;}
.brands-bg-layer{background-image:none!important;background:linear-gradient(180deg,rgba(2,4,2,.40),rgba(2,4,2,.86))!important;}
.brand-card:before{background-image:none!important;}
@media(max-width:900px){
  .section-bg-img,.hero-bg,.brand-photo{image-rendering:auto!important;}
  body.agc-mobile-carousel main{backface-visibility:hidden!important;}
}


/* v58 stable mobile scroll: native page, no fixed carousel, no black gap */
@media(max-width:900px){
  html:not(.admin-html), body:not(.admin-body){
    height:auto!important; min-height:100%!important; max-height:none!important;
    overflow-x:hidden!important; overflow-y:auto!important;
    position:static!important; touch-action:auto!important; overscroll-behavior-y:none!important;
    background:#050705!important; scroll-behavior:auto!important;
  }
  body:not(.admin-body){margin:0!important;padding:0!important;}
  body.agc-mobile-carousel main, body main{
    position:relative!important; inset:auto!important; height:auto!important; min-height:0!important;
    overflow:visible!important; transform:none!important; transition:none!important; display:block!important;
    contain:none!important; will-change:auto!important;
  }
  body.agc-mobile-carousel main .panel[id],
  main .panel[id], .hero.panel, .content-section.panel, .brands-section.panel, .contact.panel{
    min-height:100svh!important; height:auto!important; max-height:none!important;
    scroll-snap-align:start!important; scroll-snap-stop:normal!important;
    overflow:hidden!important; background-color:#050705!important;
  }
  @supports(height:100dvh){
    main .panel[id], .hero.panel, .content-section.panel, .brands-section.panel, .contact.panel{min-height:100dvh!important;}
  }
  html{scroll-snap-type:y proximity!important;}
  #brands.brands-section, #contact.contact{
    overflow-y:visible!important; max-height:none!important; height:auto!important;
  }
  #brands.brands-section{padding-top:calc(var(--header-h,72px) + env(safe-area-inset-top,0px) + 14px)!important;}
  #contact.contact{padding-top:calc(var(--header-h,72px) + env(safe-area-inset-top,0px) + 14px)!important;}
  .scroll-cue{pointer-events:auto!important;}
  .section-bg-img,.hero-bg,.brand-photo{transform:none!important;will-change:auto!important;}
}


/* v59: Brands and Contact mobile normal-scroll sections + clean slide exit */
@media(max-width:900px){
  /* keep the page as native scroll-snap, but allow long content sections to grow */
  #brands.brands-section,
  #contact.contact{
    height:auto!important;
    min-height:100svh!important;
    max-height:none!important;
    overflow:visible!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:normal!important;
  }
  @supports(height:100dvh){
    #brands.brands-section,
    #contact.contact{min-height:100dvh!important;}
  }
  /* Brands: the whole page scrolls normally; no internal locked scroller */
  #brands .brands-shell{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    display:block!important;
    overflow:visible!important;
  }
  #brands .brands-premium-grid{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    padding:0 0 18px!important;
    scroll-snap-type:none!important;
  }
  #brands .brands-heading{
    position:relative!important;
    top:auto!important;
    margin:0 0 24px!important;
  }
  #brands .brand-showcase{
    height:auto!important;
    min-height:380px!important;
    max-height:none!important;
    scroll-snap-align:none!important;
  }
  /* Contact: the whole contact section scrolls normally if content is taller than viewport */
  #contact.contact{
    display:block!important;
    place-items:unset!important;
    padding:calc(var(--header-h,72px) + env(safe-area-inset-top,0px) + 18px) 16px 32px!important;
  }
  #contact .contact-wrap{
    width:100%!important;
    max-width:720px!important;
    margin:0 auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
}

/* v60 performance-only layer: no layout change, faster paint and image decoding */
.hero-bg,.section-bg-img,.brand-photo{will-change:opacity;backface-visibility:hidden;transform:translateZ(0);}
.section-bg{background-image:none!important;}
img{max-width:100%;}
@media (max-width:900px){
  .panel{contain:layout paint;content-visibility:auto;contain-intrinsic-size:1000px 900px;}
  .hero{content-visibility:visible;contain:none;}
  .brands-section,.contact{content-visibility:visible;}
}
@media (prefers-reduced-motion:reduce){.hero-bg{animation:none!important}.reveal{transition:none!important}}


/* v61 MOBILE SCROLL RESTORE: final override after performance layer.
   Visual design is not changed; only scroll behavior and long-section overflow are stabilized. */
@media (max-width:900px){
  html:not(.admin-html){
    scroll-snap-type:y mandatory!important;
    scroll-behavior:auto!important;
    overflow-y:auto!important;
    height:auto!important;
    overscroll-behavior-y:contain!important;
    background:#050705!important;
  }
  html.agc-programmatic-scroll{scroll-snap-type:none!important;}
  body:not(.admin-body){
    min-height:100svh!important;
    overflow-x:hidden!important;
    overflow-y:visible!important;
    background:#050705!important;
  }
  .panel{
    min-height:100svh!important;
    height:100svh!important;
    max-height:100svh!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
    overflow:hidden!important;
    content-visibility:visible!important;
    contain:none!important;
    contain-intrinsic-size:auto!important;
  }
  @supports(height:100dvh){
    .panel{min-height:100dvh!important;height:100dvh!important;max-height:100dvh!important;}
  }
  .hero,.content-section{
    min-height:100svh!important;
    height:100svh!important;
    max-height:100svh!important;
    overflow:hidden!important;
  }
  @supports(height:100dvh){
    .hero,.content-section{min-height:100dvh!important;height:100dvh!important;max-height:100dvh!important;}
  }
  /* Long mobile pages: first scroll normally through the whole content, then browser snap can move to next panel. */
  #brands.brands-section,
  #contact.contact{
    height:auto!important;
    min-height:100svh!important;
    max-height:none!important;
    overflow:visible!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:normal!important;
    content-visibility:visible!important;
    contain:none!important;
  }
  @supports(height:100dvh){
    #brands.brands-section,#contact.contact{min-height:100dvh!important;}
  }
  #brands.brands-section{
    display:block!important;
    align-items:initial!important;
    padding:calc(var(--header-h,72px) + env(safe-area-inset-top,0px) + 12px) 16px 36px!important;
  }
  #brands .brands-shell,
  #brands .brands-premium-grid{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
  }
  #brands .brands-heading{
    position:relative!important;
    top:auto!important;
    margin:0 0 22px!important;
  }
  #brands .brands-premium-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    padding-bottom:20px!important;
  }
  #brands .brand-showcase{
    height:auto!important;
    min-height:380px!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  #contact.contact{
    display:block!important;
    place-items:unset!important;
    padding:calc(var(--header-h,72px) + env(safe-area-inset-top,0px) + 18px) 16px 34px!important;
  }
  #contact .contact-wrap,
  #contact .contact-layout,
  #contact .contact-details,
  #contact .contact-form,
  #contact .map-panel{
    max-height:none!important;
    overflow:visible!important;
  }
  #contact .contact-wrap{width:100%!important;max-width:720px!important;margin:0 auto!important;}
  .section-bg-img,.hero-bg,.brand-photo{will-change:auto!important;backface-visibility:hidden!important;}
}


/* v62 MOBILE FIXED SCROLL CONTAINER
   This avoids mobile browser bottom/search-bar height changes by preventing body scroll.
   The real mobile scroll happens inside main, so panels keep one stable height.
   Visual design is preserved. */
@media (max-width:900px){
  html:not(.admin-html),
  body:not(.admin-body){
    width:100%!important;
    height:var(--agc-mobile-vh,100svh)!important;
    min-height:var(--agc-mobile-vh,100svh)!important;
    max-height:var(--agc-mobile-vh,100svh)!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
    background:#050705!important;
    touch-action:manipulation!important;
  }
  body.agc-mobile-fixed-scroll{
    position:fixed!important;
    inset:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body.agc-mobile-fixed-scroll main{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:0!important;
    bottom:auto!important;
    width:100%!important;
    height:var(--agc-mobile-vh,100svh)!important;
    min-height:var(--agc-mobile-vh,100svh)!important;
    max-height:var(--agc-mobile-vh,100svh)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-snap-type:y mandatory!important;
    scroll-behavior:smooth!important;
    overscroll-behavior-y:contain!important;
    background:#050705!important;
    display:block!important;
    transform:none!important;
    transition:none!important;
    contain:none!important;
    will-change:scroll-position!important;
    scrollbar-width:none!important;
  }
  body.agc-mobile-fixed-scroll main::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
  body.agc-mobile-fixed-scroll main.agc-main-programmatic{scroll-snap-type:none!important;}

  body.agc-mobile-fixed-scroll main .panel[id],
  body.agc-mobile-fixed-scroll main .hero.panel,
  body.agc-mobile-fixed-scroll main .content-section.panel{
    height:var(--agc-mobile-vh,100svh)!important;
    min-height:var(--agc-mobile-vh,100svh)!important;
    max-height:var(--agc-mobile-vh,100svh)!important;
    overflow:hidden!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
    position:relative!important;
    content-visibility:visible!important;
    contain:none!important;
    background-color:#050705!important;
  }

  /* Long mobile pages: title and content scroll normally as one page.
     After the full long section ends, main scroll-snap moves to the next panel. */
  body.agc-mobile-fixed-scroll main #brands.brands-section,
  body.agc-mobile-fixed-scroll main #contact.contact{
    height:auto!important;
    min-height:var(--agc-mobile-vh,100svh)!important;
    max-height:none!important;
    overflow:visible!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:normal!important;
    content-visibility:visible!important;
    contain:none!important;
  }
  body.agc-mobile-fixed-scroll main #brands.brands-section{
    display:block!important;
    padding:calc(var(--header-h,72px) + env(safe-area-inset-top,0px) + 12px) 16px 38px!important;
  }
  body.agc-mobile-fixed-scroll main #brands .brands-shell,
  body.agc-mobile-fixed-scroll main #brands .brands-premium-grid{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
  }
  body.agc-mobile-fixed-scroll main #brands .brands-heading{
    position:relative!important;
    top:auto!important;
    margin:0 0 22px!important;
  }
  body.agc-mobile-fixed-scroll main #brands .brands-premium-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    padding-bottom:22px!important;
  }
  body.agc-mobile-fixed-scroll main #brands .brand-showcase{
    height:auto!important;
    min-height:380px!important;
    max-height:none!important;
    overflow:hidden!important;
    scroll-snap-align:none!important;
  }
  body.agc-mobile-fixed-scroll main #contact.contact{
    display:block!important;
    place-items:unset!important;
    padding:calc(var(--header-h,72px) + env(safe-area-inset-top,0px) + 18px) 16px 36px!important;
  }
  body.agc-mobile-fixed-scroll main #contact .contact-wrap,
  body.agc-mobile-fixed-scroll main #contact .contact-layout,
  body.agc-mobile-fixed-scroll main #contact .contact-details,
  body.agc-mobile-fixed-scroll main #contact .contact-form,
  body.agc-mobile-fixed-scroll main #contact .map-panel{
    max-height:none!important;
    overflow:visible!important;
  }
  body.agc-mobile-fixed-scroll main #contact .contact-wrap{
    width:100%!important;
    max-width:720px!important;
    margin:0 auto!important;
  }

  body.agc-mobile-fixed-scroll .site-header{position:fixed!important;}
  body.agc-mobile-fixed-scroll .slide-dots{position:absolute!important;}
  body.agc-mobile-fixed-scroll .scroll-cue{pointer-events:auto!important;}
  body.agc-mobile-fixed-scroll .section-bg-img,
  body.agc-mobile-fixed-scroll .hero-bg,
  body.agc-mobile-fixed-scroll .brand-photo{will-change:auto!important;transform:none!important;}
}


/* v63: stable mobile viewport without visual gaps when browser bottom/search bar changes.
   Note: the browser UI itself cannot be locked by CSS/JS, so the site follows visualViewport
   and re-aligns the current slide to prevent the next/previous banner from showing. */
@media (max-width:900px){
  html:not(.admin-html), body:not(.admin-body){
    width:100%!important;
    min-width:100%!important;
    height:var(--agc-mobile-vh,100dvh)!important;
    min-height:var(--agc-mobile-vh,100dvh)!important;
    max-height:var(--agc-mobile-vh,100dvh)!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
    background:#050705!important;
  }
  body.agc-mobile-v63{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:var(--agc-mobile-vh,100dvh)!important;
    min-height:var(--agc-mobile-vh,100dvh)!important;
    max-height:var(--agc-mobile-vh,100dvh)!important;
    overflow:hidden!important;
    touch-action:pan-y!important;
    -webkit-text-size-adjust:100%!important;
  }
  body.agc-mobile-v63 main{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:var(--agc-mobile-vh,100dvh)!important;
    min-height:var(--agc-mobile-vh,100dvh)!important;
    max-height:var(--agc-mobile-vh,100dvh)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scroll-snap-type:y mandatory!important;
    scroll-behavior:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    background:#050705!important;
    scrollbar-width:none!important;
    contain:layout size paint!important;
  }
  body.agc-mobile-v63 main::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
  body.agc-mobile-v63 main.agc-main-programmatic{scroll-snap-type:none!important;-webkit-overflow-scrolling:auto!important;}
  body.agc-mobile-v63 main .panel[id],
  body.agc-mobile-v63 main .hero.panel,
  body.agc-mobile-v63 main .content-section.panel{
    height:var(--agc-mobile-vh,100dvh)!important;
    min-height:var(--agc-mobile-vh,100dvh)!important;
    max-height:var(--agc-mobile-vh,100dvh)!important;
    overflow:hidden!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
    background-color:#050705!important;
    transform:translateZ(0)!important;
    backface-visibility:hidden!important;
  }
  body.agc-mobile-v63 main .hero-bg,
  body.agc-mobile-v63 main .section-bg-img{
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    object-fit:cover!important;
    transform:none!important;
    will-change:auto!important;
  }
  body.agc-mobile-v63 main #brands.brands-section,
  body.agc-mobile-v63 main #contact.contact{
    height:auto!important;
    min-height:var(--agc-mobile-vh,100dvh)!important;
    max-height:none!important;
    overflow:visible!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:normal!important;
    contain:none!important;
  }
  body.agc-mobile-v63 main #brands.brands-section{
    display:block!important;
    padding:calc(var(--header-h,72px) + env(safe-area-inset-top,0px) + 12px) 16px calc(38px + env(safe-area-inset-bottom,0px))!important;
  }
  body.agc-mobile-v63 main #brands .brands-shell,
  body.agc-mobile-v63 main #brands .brands-premium-grid,
  body.agc-mobile-v63 main #contact .contact-wrap,
  body.agc-mobile-v63 main #contact .contact-layout,
  body.agc-mobile-v63 main #contact .contact-details,
  body.agc-mobile-v63 main #contact .contact-form,
  body.agc-mobile-v63 main #contact .map-panel{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  body.agc-mobile-v63 main #brands .brands-premium-grid{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;}
  body.agc-mobile-v63 main #brands .brand-showcase{height:auto!important;min-height:380px!important;max-height:none!important;overflow:hidden!important;}
  body.agc-mobile-v63 main #contact.contact{
    display:block!important;
    padding:calc(var(--header-h,72px) + env(safe-area-inset-top,0px) + 18px) 16px calc(36px + env(safe-area-inset-bottom,0px))!important;
  }
  body.agc-mobile-v63 .site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;}
  body.agc-mobile-v63 .slide-dots{position:absolute!important;}
}

/* v64: Samsung/Chrome mobile stable carousel. Overrides all earlier mobile scroll engines. */
@media (max-width:900px){
  html:not(.admin-html),
  body:not(.admin-body){
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
    background:#050705!important;
    overscroll-behavior:none!important;
  }
  body.agc-mobile-carousel{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    touch-action:pan-y!important;
    background:#050705!important;
    -webkit-text-size-adjust:100%!important;
  }
  body.agc-mobile-carousel main{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:var(--agc-stable-vh,100lvh)!important;
    min-height:var(--agc-stable-vh,100lvh)!important;
    max-height:none!important;
    overflow:hidden!important;
    background:#050705!important;
    scroll-snap-type:none!important;
    scroll-behavior:auto!important;
    overscroll-behavior:none!important;
    -webkit-overflow-scrolling:auto!important;
    contain:layout paint!important;
    transform:translateZ(0)!important;
  }
  body.agc-mobile-carousel main .panel[id],
  body.agc-mobile-carousel main .hero.panel,
  body.agc-mobile-carousel main .content-section.panel,
  body.agc-mobile-carousel main #brands.brands-section,
  body.agc-mobile-carousel main #contact.contact{
    position:absolute!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:var(--agc-stable-vh,100lvh)!important;
    min-height:var(--agc-stable-vh,100lvh)!important;
    max-height:var(--agc-stable-vh,100lvh)!important;
    margin:0!important;
    scroll-snap-align:none!important;
    scroll-snap-stop:normal!important;
    transform:translate3d(0, calc(var(--agc-panel-offset, 0) * 100%), 0)!important;
    transition-property:transform!important;
    transition-timing-function:cubic-bezier(.22,.78,.22,1)!important;
    transition-duration:780ms;
    will-change:transform!important;
    backface-visibility:hidden!important;
    background-color:#050705!important;
    content-visibility:visible!important;
    contain:layout paint!important;
  }
  body.agc-mobile-carousel main .panel[id]:not(.agc-active-panel){
    pointer-events:none!important;
  }
  body.agc-mobile-carousel main .hero.panel,
  body.agc-mobile-carousel main .content-section.panel{
    overflow:hidden!important;
    display:block!important;
  }
  body.agc-mobile-carousel main .hero-bg,
  body.agc-mobile-carousel main .section-bg,
  body.agc-mobile-carousel main .section-bg-img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    object-fit:cover!important;
    transform:none!important;
    will-change:auto!important;
  }
  body.agc-mobile-carousel main .hero{padding-top:0!important;padding-bottom:0!important;}
  body.agc-mobile-carousel main .hero-content{
    position:relative!important;
    z-index:5!important;
  }
  body.agc-mobile-carousel .site-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:5000!important;
  }
  body.agc-mobile-carousel .slide-dots{position:absolute!important;z-index:50!important;}
  body.agc-mobile-carousel .scroll-cue{display:grid!important;pointer-events:auto!important;z-index:70!important;}

  /* Long sections: entire Brands and Contact scroll normally inside their own full slide. */
  body.agc-mobile-carousel main #brands.brands-section,
  body.agc-mobile-carousel main #contact.contact{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
    contain:layout paint!important;
    scrollbar-width:none!important;
  }
  body.agc-mobile-carousel main #brands.brands-section::-webkit-scrollbar,
  body.agc-mobile-carousel main #contact.contact::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
  body.agc-mobile-carousel main #brands.brands-section{
    display:block!important;
    padding:calc(var(--header-h,74px) + env(safe-area-inset-top,0px) + 14px) 16px calc(46px + env(safe-area-inset-bottom,0px))!important;
  }
  body.agc-mobile-carousel main #brands .brands-shell,
  body.agc-mobile-carousel main #brands .brands-premium-grid{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
  }
  body.agc-mobile-carousel main #brands .brands-heading{
    position:relative!important;
    top:auto!important;
    margin:0 0 22px!important;
  }
  body.agc-mobile-carousel main #brands .brands-premium-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding-bottom:28px!important;
  }
  body.agc-mobile-carousel main #brands .brand-showcase{
    height:auto!important;
    min-height:400px!important;
    max-height:none!important;
    overflow:hidden!important;
    scroll-snap-align:none!important;
    border-radius:24px!important;
  }
  body.agc-mobile-carousel main #contact.contact{
    display:block!important;
    place-items:unset!important;
    padding:calc(var(--header-h,74px) + env(safe-area-inset-top,0px) + 18px) 16px calc(52px + env(safe-area-inset-bottom,0px))!important;
  }
  body.agc-mobile-carousel main #contact .contact-wrap,
  body.agc-mobile-carousel main #contact .contact-layout,
  body.agc-mobile-carousel main #contact .contact-details,
  body.agc-mobile-carousel main #contact .contact-form,
  body.agc-mobile-carousel main #contact .map-panel{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
  body.agc-mobile-carousel main #contact .contact-wrap{
    width:100%!important;
    max-width:720px!important;
    margin:0 auto!important;
  }

  /* Prevent older v62/v63 classes from changing layout if cached HTML/JS briefly adds them. */
  body.agc-mobile-carousel.agc-mobile-v63 main,
  body.agc-mobile-carousel.agc-mobile-fixed-scroll main{overflow:hidden!important;}
}


/* v65: final mobile scroll unlock + browser-toolbar-safe viewport guard */
@media (max-width:900px){
  body.agc-mobile-carousel{touch-action:pan-y!important;}
  body.agc-mobile-carousel main{touch-action:pan-y!important;overflow:hidden!important;}
  body.agc-mobile-carousel main .panel[id]{transition-duration:780ms!important;}
  body.agc-mobile-carousel main .panel[id]:not(.agc-active-panel){visibility:hidden!important;}
  body.agc-mobile-carousel main .panel[id].agc-active-panel,
  body.agc-mobile-carousel main .panel[id].agc-active-panel + .panel[id],
  body.agc-mobile-carousel main .panel[id]:has(+ .agc-active-panel){visibility:visible!important;}
  body.agc-mobile-carousel main #brands.brands-section,
  body.agc-mobile-carousel main #contact.contact{touch-action:pan-y!important;}
}


/* v66: final polish — restore Brands background on mobile, reduce slide lag, faster intro paint.
   This layer does not change layout dimensions; it only fixes missing background and performance. */
#brands.brands-section{position:relative!important;isolation:isolate!important;background:#071006!important;}
#brands .brands-bg-layer{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  opacity:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(2,5,2,.56),rgba(2,5,2,.88)),
    url('optimized/brands-bg.webp') center/cover no-repeat!important;
  transform:none!important;
  will-change:auto!important;
}
#brands .brands-shell{position:relative!important;z-index:2!important;}
@media(max-width:900px){
  #brands .brands-bg-layer{
    background:
      linear-gradient(180deg,rgba(2,5,2,.58),rgba(2,5,2,.90)),
      url('optimized/mobile/brands-bg-mobile.webp') center/cover no-repeat!important;
  }
  body.agc-mobile-carousel main .panel[id]{
    transition-duration:680ms!important;
    transition-timing-function:cubic-bezier(.2,.72,.18,1)!important;
  }
  body.agc-mobile-carousel main .panel[id]:not(.agc-active-panel){will-change:auto!important;}
  body.agc-mobile-carousel main .panel[id].agc-active-panel,
  body.agc-mobile-carousel main .panel[id].agc-active-panel + .panel[id],
  body.agc-mobile-carousel main .panel[id]:has(+ .agc-active-panel){will-change:transform!important;}
  .hero-bg,.section-bg-img,.brand-photo{backface-visibility:hidden!important;transform:translateZ(0)!important;}
  .intro{transition:opacity .34s ease,visibility .34s linear!important;}
  .intro-logo{animation-duration:1.25s!important;}
}

/* v67: precise mobile polish requested — white Brands background, more normal scroll room, restore intro timing. */
#brands.brands-section{
  background:#f8f7f2!important;
  background-image:none!important;
}
#brands .brands-bg-layer,
#brands.brands-section:before,
#brands.brands-section:after{
  display:none!important;
  background:none!important;
  opacity:0!important;
  content:none!important;
}

/* Keep the intro style/model, but remove the too-fast v66 override. */
.intro{transition:opacity .55s ease,visibility .55s ease!important;}
.intro-logo{animation-duration:1.8s!important;will-change:transform,opacity;}

@media(max-width:900px){
  /* Brands must stay the same clean white tone as desktop unless admin changes brand cards. */
  body.agc-mobile-carousel main #brands.brands-section,
  #brands.brands-section{
    background:#f8f7f2!important;
    background-image:none!important;
  }
  body.agc-mobile-carousel main #brands .brands-bg-layer,
  #brands .brands-bg-layer{display:none!important;background:none!important;opacity:0!important;}

  /* Give long pages enough breathing room above browser bottom bars so CTA/map are visible before the snap boundary. */
  body.agc-mobile-carousel main #brands.brands-section,
  body.agc-mobile-carousel main #contact.contact{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))!important;
    scroll-padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))!important;
  }
  body.agc-mobile-carousel main #brands .brands-shell,
  body.agc-mobile-carousel main #contact .contact-wrap{
    padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))!important;
  }
  body.agc-mobile-carousel main #contact .map-panel{
    margin-bottom:calc(20px + env(safe-area-inset-bottom,0px))!important;
  }

  /* Preserve the stable slide engine but reduce unnecessary GPU work on non-active panels. */
  body.agc-mobile-carousel main .panel[id]{
    transition-duration:720ms!important;
    transition-timing-function:cubic-bezier(.22,.74,.18,1)!important;
    backface-visibility:hidden!important;
  }
  body.agc-mobile-carousel main .panel[id]:not(.agc-active-panel){will-change:auto!important;}
  body.agc-mobile-carousel main .panel[id].agc-active-panel{will-change:transform!important;}

  .intro{transition:opacity .55s ease,visibility .55s ease!important;}
  .intro-logo{animation-duration:1.8s!important;}
}

/* v68: mobile scroll performance polish only — no visual layout/content changes. */
@media(max-width:900px){
  body.agc-mobile-carousel main .panel[id]{
    transition-duration:640ms!important;
    transition-timing-function:cubic-bezier(.24,.76,.2,1)!important;
    transform:translate3d(0, calc(var(--agc-panel-offset, 0) * 100%), 0)!important;
    backface-visibility:hidden!important;
    -webkit-backface-visibility:hidden!important;
    perspective:1000px!important;
  }
  body.agc-mobile-carousel main .panel[id]:not(.agc-near-panel){
    visibility:hidden!important;
    pointer-events:none!important;
    transition-duration:0ms!important;
    will-change:auto!important;
  }
  body.agc-mobile-carousel main .panel[id].agc-near-panel,
  body.agc-mobile-carousel main .panel[id].agc-active-panel{
    visibility:visible!important;
  }
  body.agc-mobile-carousel main .panel[id].agc-active-panel,
  body.agc-mobile-carousel main .panel[id].agc-near-panel{
    will-change:transform!important;
  }
  /* Avoid expensive hover/scale/filter work on touch devices while preserving the same static appearance. */
  body.agc-mobile-carousel .hero-bg,
  body.agc-mobile-carousel .section-bg,
  body.agc-mobile-carousel .section-bg-img,
  body.agc-mobile-carousel #brands .brand-image{
    transform:translateZ(0)!important;
    animation:none!important;
    transition:none!important;
    filter:none!important;
    will-change:auto!important;
    backface-visibility:hidden!important;
    -webkit-backface-visibility:hidden!important;
  }
  body.agc-mobile-carousel .brand-showcase:hover .brand-image,
  body.agc-mobile-carousel .brand-showcase:hover .brand-cta,
  body.agc-mobile-carousel .btn:hover,
  body.agc-mobile-carousel .contact-info-card:hover{
    transform:none!important;
  }
  body.agc-mobile-carousel .reveal,
  body.agc-mobile-carousel .reveal.in{
    transition:none!important;
    transform:none!important;
    opacity:1!important;
  }
  body.agc-mobile-carousel main #brands.brands-section,
  body.agc-mobile-carousel main #contact.contact{
    contain:layout paint!important;
    will-change:scroll-position!important;
  }
}

/* v69: final mobile smoothness + long-page boundary fix + lighter intro fade. */
@media(max-width:900px){
  body.agc-mobile-carousel main .panel[id]{
    transition-duration:560ms!important;
    transition-timing-function:cubic-bezier(.23,.72,.22,1)!important;
    transform:translate3d(0, calc(var(--agc-panel-offset, 0) * 100%), 0)!important;
    backface-visibility:hidden!important;
    -webkit-backface-visibility:hidden!important;
  }
  body.agc-mobile-carousel main .panel[id]:not(.agc-near-panel){
    visibility:hidden!important;
    pointer-events:none!important;
    transition-duration:0ms!important;
    will-change:auto!important;
  }
  body.agc-mobile-carousel main .panel[id].agc-active-panel,
  body.agc-mobile-carousel main .panel[id].agc-near-panel{
    visibility:visible!important;
  }
  body.agc-mobile-carousel main .panel[id].agc-active-panel{will-change:transform!important;}
  body.agc-mobile-carousel main .panel[id].agc-near-panel:not(.agc-active-panel){will-change:transform!important;}

  body.agc-mobile-carousel main #brands.brands-section,
  body.agc-mobile-carousel main #contact.contact{
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-behavior:auto!important;
    contain:layout paint!important;
  }

  /* Keep Brands clean white as requested. */
  body.agc-mobile-carousel main #brands.brands-section,
  #brands.brands-section{
    background:#f8f7f2!important;
    background-image:none!important;
  }
  body.agc-mobile-carousel main #brands .brands-bg-layer,
  #brands .brands-bg-layer{display:none!important;background:none!important;opacity:0!important;}

  /* Lighter intro hide: same model/timing, less paint jank during fade-out. */
  .intro{
    contain:layout paint!important;
    transition:opacity .42s ease-out, visibility 0s linear .42s!important;
    will-change:opacity!important;
  }
  .intro.hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
  .intro-logo{transform:translateZ(0)!important;will-change:transform,opacity!important;}
}