@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');
:root{--navy:#121824;--deep:#121824;--gold:#FFB800;--orange:#FF6B00;--ink:#F8FAFC;--muted:#64748B;--cream:#182230;--line:#64748B66}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink)}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 42px));margin:auto}
.top{background:#081925;color:#dce5e9;padding:9px 0;font-size:12px}.top .container{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
header{position:sticky;top:0;z-index:50;background:#10283bf5;backdrop-filter:blur(12px);border-bottom:1px solid #ffffff22}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;color:white;font:800 21px Manrope}.brand b{color:var(--gold)}.mark{width:43px;height:43px;border-radius:13px;background:linear-gradient(135deg,var(--gold),var(--orange));display:grid;place-items:center;color:#10283b;font-size:25px}.brand small{display:block;color:#c1cdd3;font:700 9px 'DM Sans';letter-spacing:3px}.links{display:flex;gap:25px;color:white;font-weight:700;font-size:15px}.links a{padding:10px 0}.links a:hover,.links .active{color:var(--gold)}.menu{display:none;color:white;background:none;border:0;font-size:28px}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:14px 21px;border-radius:9px;font-weight:800;font-size:14px;transition:.25s;border:0;cursor:pointer}.primary{background:linear-gradient(100deg,var(--gold),var(--orange));color:#172b3b;box-shadow:0 9px 24px #f4b92840}.primary:hover{transform:translateY(-3px)}.outline{border:1px solid #ffffff88;color:white}
.hero{min-height:650px;display:flex;align-items:center;position:relative;overflow:hidden;color:white;background:linear-gradient(90deg,#081b2af2 0%,#10283bc9 45%,#10283b24),url('https://images.unsplash.com/photo-1508514177221-188b1cf16e9d?auto=format&fit=crop&w=1900&q=85') center/cover}.hero:after{content:"";position:absolute;right:4%;top:10%;width:460px;height:460px;border:1px solid #f4b92877;border-radius:50%;box-shadow:0 0 0 40px #f4b92810,0 0 0 80px #f4b92808;animation:orbit 24s linear infinite}.hero .container{position:relative;z-index:2}.hero-copy{max-width:680px;padding:85px 0 130px}.eyebrow{font-size:11px;letter-spacing:2.4px;text-transform:uppercase;font-weight:800;color:#d99b18}.eyebrow:before{content:"";display:inline-block;width:27px;height:2px;background:var(--gold);vertical-align:middle;margin-right:10px}h1,h2,h3{font-family:Manrope;letter-spacing:-1.2px}h1{font-size:clamp(42px,6vw,72px);line-height:1.04;margin:20px 0}h1 em{font-style:normal;color:var(--gold)}.hero p{font-size:18px;line-height:1.7;color:#dce5e9;max-width:570px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.proof{display:flex;gap:20px;flex-wrap:wrap;margin-top:38px;color:#d9e3e7;font-size:13px}.statfloat{position:absolute;right:max(4%,calc((100% - 1160px)/2));bottom:35px;background:#0a2031e8;border:1px solid #ffffff55;border-radius:15px;padding:18px 24px;z-index:3;animation:float 5s ease-in-out infinite}.statfloat strong{display:block;font:800 34px Manrope;color:var(--gold)}.statfloat span{font-size:13px;color:#dbe4e8}
.ticker{background:linear-gradient(90deg,var(--gold),var(--orange));padding:14px 0;overflow:hidden;white-space:nowrap;font-weight:800;font-size:13px;letter-spacing:2px}.ticker span{display:inline-block;min-width:100%;animation:marquee 28s linear infinite}
.section{padding:85px 0}.soft{background:var(--cream)}.dark{background:linear-gradient(135deg,#0b2030,#173d51);color:white}.head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.head h2,.copy h2{font-size:clamp(30px,4vw,46px);line-height:1.1;margin:12px 0}.head p,.copy p{max-width:490px;color:var(--muted);line-height:1.75}.dark .head p,.dark .copy p{color:#c0cdd3}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:26px;min-height:220px;box-shadow:0 8px 25px #10283b0b;transition:.3s;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--gold),var(--orange));transform:scaleX(0);transform-origin:left;transition:.3s}.card:hover{transform:translateY(-7px);box-shadow:0 18px 45px #10283b20}.card:hover:before{transform:scaleX(1)}.ico{width:52px;height:52px;border-radius:14px;background:#fff3d6;color:#a66d00;display:grid;place-items:center;font-size:25px;margin-bottom:20px}.card h3{font-size:19px;margin:0 0 10px;letter-spacing:-.4px}.card p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 17px}.link{color:#a86d00;font-weight:800;font-size:14px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.photo{position:relative}.photo img{width:100%;height:420px;object-fit:cover;border-radius:17px;box-shadow:0 18px 45px #10283b20}.tag{position:absolute;bottom:20px;right:-12px;background:#10283b;color:white;border-radius:13px;padding:17px 22px}.tag strong{display:block;color:var(--gold);font:800 26px Manrope}.copy p{line-height:1.8}.checks{display:grid;gap:13px;margin:23px 0;font-weight:700}.checks span{color:#bd7c00;margin-right:9px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{padding:22px;border:1px solid #ffffff33;border-radius:14px;background:#ffffff0c}.step b{color:var(--gold);font:800 24px Manrope}.step h3{font-size:17px}.step p{font-size:13px;line-height:1.6;color:#c1cdd3}
.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{height:245px;position:relative;border-radius:14px;overflow:hidden}.project img{width:100%;height:100%;object-fit:cover;transition:.5s}.project:hover img{transform:scale(1.08)}.project:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#071725e8)}.project label{position:absolute;z-index:2;bottom:17px;left:18px;color:white;font-weight:800}.project small{display:block;color:var(--gold);letter-spacing:1px;text-transform:uppercase}
.pagehero{padding:78px 0;color:white;background:linear-gradient(90deg,#0b2033ed,#0b2033a8),url('https://images.unsplash.com/photo-1497440001374-f26997328c1b?auto=format&fit=crop&w=1800&q=80') center/cover}.pagehero h1{font-size:clamp(40px,5vw,58px)}.crumb{font-size:13px;color:#dce5e9}.crumb a{color:var(--gold)}
.formbox{background:white;border:1px solid var(--line);border-radius:17px;padding:30px;box-shadow:0 18px 45px #10283b18}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:14px;font-weight:800}.field input,.field select,.field textarea{padding:14px;border:1px solid #d7e0e3;border-radius:9px;background:#fbfcfc;font:inherit;width:100%}.field textarea{min-height:120px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #f4b92866;border-color:#d99b18}.note{font-size:12px;color:var(--muted);line-height:1.6}
.cta{padding:40px 0;background:linear-gradient(100deg,var(--gold),var(--orange));color:#142b3b}.ctain{display:flex;justify-content:space-between;align-items:center;gap:25px}.ctain h2{margin:0;font-size:clamp(26px,4vw,39px)}footer{background:#091b29;color:white;padding:52px 0 20px}.footgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:30px;padding-bottom:35px}.footgrid p,.footgrid a{font-size:13px;line-height:1.8;color:#bdc9cf}.footgrid h4{margin-top:0}.footlinks{display:grid}.bottom{border-top:1px solid #ffffff25;padding-top:18px;display:flex;justify-content:space-between;gap:15px;color:#afbdc5;font-size:12px}.bottom b{color:var(--gold)}
.reveal{opacity:0;transform:translateY(22px);transition:.7s}.reveal.show{opacity:1;transform:none}.loader{position:fixed;inset:0;background:#0b2031;z-index:200;display:grid;place-items:center;color:white;transition:.5s}.loader.hide{opacity:0;visibility:hidden}.spinner{width:60px;height:60px;border:5px solid #ffffff30;border-top-color:var(--gold);border-right-color:var(--orange);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}.loader strong{font:800 20px Manrope}.float{position:fixed;right:18px;z-index:80;width:51px;height:51px;border-radius:50%;display:grid;place-items:center;box-shadow:0 7px 22px #0003}.wa{bottom:84px;background:#20c66b;color:white;border:3px solid white;font-size:22px}.up{bottom:20px;background:var(--gold);color:#10283b;border:0;font-size:24px;opacity:0;visibility:hidden;transition:.25s}.up.show{opacity:1;visibility:visible}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-9px)}}@keyframes marquee{to{transform:translateX(-100%)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:900px){.links{gap:13px;font-size:13px}.grid4,.steps{grid-template-columns:repeat(2,1fr)}.footgrid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.top{display:none}.nav{height:72px}.menu{display:block}.links{display:none;position:absolute;top:72px;left:0;right:0;background:#10283b;padding:18px 23px 25px;flex-direction:column;gap:4px}.links.open{display:flex}.links a{font-size:16px;padding:12px 0}.nav>.btn{display:none}.hero{min-height:700px;background-position:60% center}.hero:after{width:260px;height:260px;right:-80px}.hero-copy{padding:70px 0 160px}.hero p{font-size:16px}.statfloat{left:21px;right:auto;bottom:25px;padding:14px 19px}.section{padding:62px 0}.head{display:block}.head p{margin-top:12px}.grid3,.grid4,.steps,.projects{grid-template-columns:1fr}.split{grid-template-columns:1fr;gap:32px}.photo img{height:290px}.tag{right:8px}.project{height:225px}.ctain{display:block}.ctain .btn{margin-top:18px}.footgrid{grid-template-columns:1fr 1fr;gap:22px}.footgrid>div:first-child{grid-column:1/-1}.bottom{display:block;line-height:2}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.formbox{padding:22px}.float{right:14px;width:48px;height:48px}}


/* APEXION SOLAR BRAND PALETTE — approved */
:root{
 --navy:#121824;--deep:#121824;--gold:#FFB800;--orange:#FF6B00;
 --ink:#F8FAFC;--muted:#64748B;--cream:#182230;--line:rgba(100,116,139,.42);
}
body{background:#121824;color:#F8FAFC}
header,.top,footer{background:#121824}
.top{color:#F8FAFC}
.brand small,.top,.footgrid p,.footgrid a,.bottom{color:#94A3B8}
.brand b,.bottom b{color:#FFB800}
.mark{background:#FF6B00;color:#F8FAFC;box-shadow:0 7px 22px rgba(255,107,0,.28)}
.hero{background-color:#121824}
.hero:after{border-color:rgba(255,184,0,.5);box-shadow:0 0 0 40px rgba(255,184,0,.07),0 0 0 80px rgba(255,184,0,.04)}
.eyebrow,.project small,.tag strong{color:#FFB800}
.eyebrow:before{background:#FFB800}
h1,h2,h3,.head h2,.copy h2{color:#F8FAFC}
.hero p,.proof,.crumb{color:#E2E8F0}
.primary{background:#FF6B00;color:#F8FAFC;box-shadow:0 9px 24px rgba(255,107,0,.25)}
.primary:hover{background:#e85f00}
.outline{border-color:#F8FAFC;color:#F8FAFC}
.section{background:#121824}
.soft{background:#182230}
.dark{background:linear-gradient(135deg,#121824,#1b2938)}
.head p,.copy p,.card p,.note{color:#94A3B8}
.card{background:rgba(100,116,139,.13);border-color:rgba(100,116,139,.38);color:#F8FAFC}
.card:hover{border-color:#FFB800;box-shadow:0 18px 45px rgba(0,0,0,.28)}
.card:before{background:linear-gradient(90deg,#FF6B00,#FFB800)}
.ico{background:rgba(255,107,0,.13);color:#FFB800}
.link{color:#FFB800}
.link:hover{color:#FF6B00}
.photo img{box-shadow:0 18px 45px rgba(0,0,0,.3)}
.tag{background:#121824;border:1px solid rgba(255,184,0,.3)}
.step{background:rgba(100,116,139,.12);border-color:rgba(100,116,139,.35)}
.step b{color:#FFB800}
.step p{color:#CBD5E1}
.pagehero{background-color:#121824}
.formbox{background:#1b2635;border-color:rgba(100,116,139,.45);color:#F8FAFC}
.field label{color:#F8FAFC}
.field input,.field select,.field textarea{background:#121824;border-color:rgba(100,116,139,.55);color:#F8FAFC}
.field input::placeholder,.field textarea::placeholder{color:#64748B}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid rgba(255,184,0,.35);border-color:#FFB800}
.cta{background:linear-gradient(100deg,#FF6B00,#FFB800);color:#121824}
.cta .btn{background:#121824!important;color:#F8FAFC!important}
.float.wa{background:#20c66b}
.float.up{background:#FF6B00;color:#F8FAFC}
.ticker{background:#121824;color:#F8FAFC;border-top:1px solid rgba(255,184,0,.35);border-bottom:1px solid rgba(255,184,0,.35);padding:17px 0;overflow:hidden}
.ticker-track{display:flex;width:max-content;animation:apexTicker 34s linear infinite}
.ticker-track span{display:block;white-space:nowrap;min-width:max-content;padding:0 34px;font-size:15px;line-height:1.5;letter-spacing:.8px;font-weight:800;color:#F8FAFC}
.ticker-track span b{color:#FFB800;font-weight:800}
@keyframes apexTicker{to{transform:translateX(-50%)}}
@media(max-width:700px){
 .ticker{padding:14px 0}
 .ticker-track span{font-size:13px;letter-spacing:.45px;padding:0 20px}
}


/* APEXION SOLAR — typography, solution cards and gallery refinement */
:root{
  --apex-charcoal:#121824;
  --apex-orange:#FF6B00;
  --apex-amber:#FFB800;
  --apex-white:#F8FAFC;
  --apex-grey:#64748B;
}
html{scroll-behavior:smooth}
body{font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
p{font-size:15.5px;line-height:1.75}
h1{letter-spacing:-1.6px;line-height:1.06}
h2{letter-spacing:-.8px;line-height:1.16}
h3{letter-spacing:-.35px;line-height:1.3}
.eyebrow{font-size:11px;letter-spacing:1.65px;font-weight:800}
.head{align-items:flex-end;margin-bottom:34px}
.head h2{font-size:clamp(29px,3.2vw,39px);max-width:680px}
.head p{font-size:15px;line-height:1.75;max-width:440px;color:#64748B}

/* Service cards: crisp white surfaces, stronger hierarchy and subtle orange details */
.grid3{gap:22px}
.card{
  background:#fff!important;
  color:#121824!important;
  border:1px solid #E2E8F0!important;
  border-radius:18px!important;
  padding:28px 27px 26px!important;
  min-height:238px!important;
  box-shadow:0 8px 26px rgba(18,24,36,.055)!important;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;
}
.card:before{
  height:3px!important;
  background:linear-gradient(90deg,#FF6B00,#FFB800)!important;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .28s ease!important;
}
.card:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(255,107,0,.45)!important;
  box-shadow:0 18px 38px rgba(18,24,36,.11)!important;
}
.card:hover:before{transform:scaleX(1)!important}
.ico{
  width:54px!important;height:54px!important;
  display:grid;place-items:center;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(255,184,0,.20),rgba(255,107,0,.10))!important;
  color:#D95B00!important;
  font-size:25px!important;
  margin-bottom:23px!important;
}
.card h3{font-size:20px!important;font-weight:800!important;color:#121824!important;margin:0 0 11px!important}
.card p{font-size:15px!important;line-height:1.7!important;color:#64748B!important;margin:0 0 19px!important}
.card .link{
  display:inline-flex;align-items:center;gap:7px;
  font-size:14px!important;font-weight:800!important;
  color:#C65300!important;
  text-decoration:none;
}
.card .link:hover{color:#FF6B00!important;gap:10px}

/* Project gallery: image-first cards, clean crop, readable captions and polished hover */
.projects{gap:18px!important}
.project{
  height:252px!important;
  border-radius:17px!important;
  overflow:hidden;
  background:#182230;
  box-shadow:0 8px 24px rgba(18,24,36,.10);
  isolation:isolate;
}
.project img{
  display:block;width:100%;height:100%;
  object-fit:cover;object-position:center;
  transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .45s ease;
}
.project:after{
  content:"";position:absolute;inset:28% 0 0;z-index:1;
  background:linear-gradient(180deg,rgba(18,24,36,0) 0%,rgba(18,24,36,.18) 32%,rgba(18,24,36,.88) 100%);
  pointer-events:none;
}
.project:hover img{transform:scale(1.055);filter:saturate(1.08)}
.project label{
  left:20px!important;right:18px;bottom:18px!important;
  z-index:2!important;
  color:#F8FAFC!important;
  font-size:16px!important;font-weight:800!important;
  line-height:1.35!important;
  text-shadow:0 2px 8px rgba(0,0,0,.35);
}
.project small{
  margin-bottom:5px;
  color:#FFB800!important;
  font-size:11px!important;
  letter-spacing:1.2px!important;
  font-weight:900!important;
}
.note{font-size:12px!important;line-height:1.6!important;color:#64748B!important;margin-top:14px}

/* Section text and controls */
.section{padding:88px 0}
.link{font-weight:800}
.btn{font-size:14px;font-weight:800;letter-spacing:.1px}
.footgrid p,.footgrid a{font-size:13px;line-height:1.75}
.bottom{font-size:12px}

/* Responsive refinements */
@media(max-width:900px){
 .card{padding:24px!important;min-height:220px!important}
 .project{height:230px!important}
}
@media(max-width:700px){
 body{font-size:15px}
 p{font-size:15px;line-height:1.7}
 .section{padding:62px 0}
 .head h2{font-size:29px}
 .grid3{gap:15px}
 .card{min-height:0!important;padding:23px!important;border-radius:16px!important}
 .card h3{font-size:19px!important}
 .card p{font-size:15px!important}
 .project{height:235px!important}
 .project label{font-size:16px!important;left:17px!important;bottom:17px!important}
 .project small{font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){
 .project img,.card,.card:before{transition:none!important}
}

/* Keep the ApexIon footer logo identical to the header logo on every screen size. */
footer .footgrid a.brand,
footer .footgrid a.brand:visited,
footer .footgrid a.brand:hover,
footer .footgrid a.brand:focus{color:#F8FAFC!important}
footer .footgrid a.brand b{color:#FFB800!important}
footer .footgrid a.brand small{color:#94A3B8!important}
footer .footgrid a.brand .mark{background:#FF6B00!important;color:#F8FAFC!important}

/* FOOTER TYPOGRAPHY — improved readability on desktop and mobile */
footer .footgrid p,
footer .footgrid > div:not(:first-child) a:not(.brand){
  font-size:15.5px !important;
  line-height:1.9 !important;
  color:#C6D2DA !important;
}
footer .footgrid h4{
  font-size:18px !important;
  line-height:1.35 !important;
  margin-bottom:16px !important;
  color:#F8FAFC !important;
}
footer .bottom{
  font-size:14px !important;
  line-height:1.7 !important;
  color:#B8C6D0 !important;
}
footer .footgrid > div:first-child > p{
  font-size:15.5px !important;
  line-height:1.85 !important;
}
@media(max-width:700px){
  footer{padding:42px 0 22px !important}
  footer .footgrid{gap:25px 20px !important}
  footer .footgrid p,
  footer .footgrid > div:not(:first-child) a:not(.brand),
  footer .footgrid > div:first-child > p{
    font-size:15px !important;
    line-height:1.85 !important;
  }
  footer .footgrid h4{font-size:18px !important;margin-bottom:13px !important}
  footer .bottom{font-size:13.5px !important;line-height:1.9 !important}
}


/* FINAL MOBILE READABILITY + FLOATING CONTROL REPAIR */
footer .footgrid p,
footer .footgrid a:not(.brand) {
  font-size: 16px !important;
  line-height: 1.9 !important;
  color: #C6D2DA !important;
}
footer .footgrid h4 {
  font-size: 19px !important;
  line-height: 1.4 !important;
  margin-bottom: 17px !important;
}
footer .bottom {
  font-size: 14px !important;
  line-height: 1.8 !important;
}
footer .footgrid > div:first-child > p {
  font-size: 16px !important;
  line-height: 1.85 !important;
}
.text-arrow {
  display: inline-block;
  margin-left: 4px;
  font-family: Arial, sans-serif;
  font-size: 1.08em;
  line-height: 1;
  font-weight: 700;
  color: currentColor;
  vertical-align: -0.02em;
}
.float.wa, .float.up {
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  min-height: 54px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
  line-height: 1 !important;
  -webkit-appearance: none;
  appearance: none;
}
.float.wa {
  bottom: 88px !important;
  background: #20C66B !important;
  border: 3px solid #fff !important;
  color: #fff !important;
}
.float.wa svg {
  width: 31px !important;
  height: 31px !important;
  display: block !important;
  fill: currentColor !important;
}
.float.up {
  bottom: 20px !important;
  background: #FF6B00 !important;
  border: 2px solid #FFB800 !important;
  color: #121824 !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 81 !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.24) !important;
}
.float.up.show {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.float.up svg {
  width: 25px !important;
  height: 25px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
@media (max-width:700px) {
  .hero { min-height: 700px !important; }
  .hero-copy { padding: 58px 0 155px !important; }
  .hero h1 { font-size: clamp(38px, 10vw, 48px) !important; line-height: 1.08 !important; }
  .hero p { font-size: 17px !important; line-height: 1.72 !important; }
  .eyebrow { font-size: 12px !important; line-height: 1.65 !important; letter-spacing: 2px !important; }
  .btn { font-size: 16px !important; min-height: 48px; }
  .proof { font-size: 14px !important; line-height: 1.7 !important; gap: 9px 14px !important; }
  footer { padding: 45px 0 24px !important; }
  footer .footgrid { gap: 27px 22px !important; }
  footer .footgrid p,
  footer .footgrid a:not(.brand) {
    font-size: 16px !important;
    line-height: 1.9 !important;
  }
  footer .footgrid h4 { font-size: 19px !important; }
  footer .bottom { font-size: 14px !important; flex-wrap: wrap; }
  .float.wa { right: 18px !important; bottom: 91px !important; }
  .float.up { right: 18px !important; bottom: 22px !important; }
}


/* MOBILE OVERRIDES — cache-busted build 2026-11-08 */
.text-arrow { display:inline-flex !important; width: .9em; height:.9em; margin-left:5px; vertical-align:-.08em; }
.text-arrow svg { width:100%; height:100%; display:block; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
@media screen and (max-width: 767px) {
  html, body { max-width:100%; overflow-x:hidden; }
  .container { width:calc(100% - 40px) !important; max-width:none !important; }
  .hero { min-height:0 !important; padding:0 !important; background-position:58% center !important; }
  .hero .container { width:calc(100% - 40px) !important; }
  .hero-copy { width:100% !important; max-width:100% !important; padding:64px 0 105px !important; }
  .hero .eyebrow { font-size:12px !important; line-height:1.6 !important; letter-spacing:1.7px !important; margin-bottom:22px !important; }
  .hero h1 { font-size:clamp(36px, 9.2vw, 44px) !important; line-height:1.08 !important; letter-spacing:-1.5px !important; margin:0 0 22px !important; }
  .hero p { font-size:17px !important; line-height:1.65 !important; max-width:100% !important; margin-bottom:26px !important; }
  .hero .actions { display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:12px !important; }
  .hero .actions .btn { width:100% !important; max-width:100% !important; min-height:56px !important; justify-content:center !important; font-size:16px !important; padding:15px 18px !important; border-radius:13px !important; }
  .hero .proof { display:flex !important; flex-wrap:wrap !important; gap:8px 14px !important; margin-top:24px !important; font-size:14px !important; line-height:1.6 !important; }
  .statfloat { display:none !important; }
  .ticker { font-size:13px !important; line-height:1.5 !important; }
  .float.wa { right:18px !important; bottom:92px !important; width:58px !important; height:58px !important; z-index:90 !important; }
  .float.up { right:18px !important; bottom:22px !important; width:54px !important; height:54px !important; z-index:89 !important; }
  footer .footgrid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}