/* FULL REPLACEMENT — styles.min.css */

:root{
  --bg:#fff;
  --ink:#0b1220;
  --muted:rgba(11,18,32,.72);
  --line:rgba(11,18,32,.10);

  --orange:#ff8a00;
  --orange2:#ff4d00;
  --wa:#25D366;

  --grad:linear-gradient(135deg,#ff8a00,#ff4d00 72%,#ff8a00);
  --grad2:linear-gradient(135deg,rgba(255,138,0,.16),rgba(255,77,0,.12));
  --gradSoft:linear-gradient(180deg,rgba(255,138,0,.08),rgba(255,77,0,.06));

  --glass:rgba(255,255,255,.86);

  --shadow:0 26px 80px rgba(2,6,23,.16);
  --shadow2:0 12px 32px rgba(2,6,23,.10);
  --shadow3:0 10px 28px rgba(2,6,23,.08);

  --r:18px;
  --w2:1320px;
  --pad:clamp(16px,3vw,28px);

  /* tighter vertical rhythm */
  --sectionPad:clamp(34px,3.1vw,54px);

  /* rotating accents */
  --a1:#ff8a00;
  --a2:#ff4d00;
  --a3:#ffd54a;
  --a4:#6ee7ff;
  --a5:#a78bfa;
}

*{box-sizing:border-box}
html,body{height:100%}

body{
  margin:0;
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Noto Sans",sans-serif;
  color:var(--ink);
  background:var(--bg);
  line-height:1.55;
  overflow-x:hidden;
}

a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap2{max-width:var(--w2);margin:0 auto;padding:0 var(--pad)}

.progress{
  position:fixed;top:0;left:0;height:3px;width:0%;
  background:var(--grad);z-index:999
}

/* hide accidental blank section gaps */
.section:empty{display:none !important}

/* -------------------------
   Ambient blobs
------------------------- */
.blob{
  position:absolute;width:520px;height:520px;border-radius:999px;
  filter:blur(70px);opacity:.35;pointer-events:none;
  background:
    radial-gradient(circle at 30% 30%,rgba(255,138,0,.85),transparent 60%),
    radial-gradient(circle at 70% 70%,rgba(255,77,0,.80),transparent 55%);
  animation:floaty 9s ease-in-out infinite;
}
.blob.b2{
  width:420px;height:420px;opacity:.26;
  background:
    radial-gradient(circle at 40% 40%,rgba(255,138,0,.55),transparent 58%),
    radial-gradient(circle at 70% 70%,rgba(11,18,32,.22),transparent 58%);
  animation-duration:11s;
}
@keyframes floaty{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(30px,-24px,0) scale(1.04)}
}

/* -------------------------
   Header / Nav
------------------------- */
.header{
  position:sticky;top:0;z-index:120;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(10px) saturate(140%);
  border-bottom:1px solid var(--line);
}

/* tighter bar, bigger logo */
.nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:2px 0;
  min-height:72px;
}

.brand{display:flex;align-items:center;line-height:0}
.brand img{
  height:72px;
  width:auto;
  transform:none !important;
}

.navlinks{display:flex;align-items:center;gap:6px}
.navlinks a{
  font-weight:1000;
  font-size:16px;
  padding:8px 12px;
  border-radius:12px;
  color:rgba(11,18,32,.88);
  position:relative;
  line-height:1;
}
.navlinks a:hover{color:var(--orange)}
.navlinks a::after{
  content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;
  background:var(--grad);
  transform:scaleX(0);transform-origin:left;
  transition:transform .22s ease;border-radius:99px;
}
.navlinks a:hover::after{transform:scaleX(1)}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 16px;border-radius:14px;border:1px solid var(--line);
  background:#fff;font-weight:1000;font-size:14px;cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,filter .18s ease;
  line-height:1;
}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow2)}
.btn.primary{
  background:var(--grad);color:#fff;border-color:transparent;
  box-shadow:0 16px 34px rgba(255,77,0,.18);
}
.btn.primary:hover{box-shadow:0 18px 44px rgba(255,77,0,.22)}
.btn.hero-secondary{
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.26);
  color:#fff;
  backdrop-filter:blur(10px);
  box-shadow:0 10px 30px rgba(2,6,23,.18);
}
.btn.hero-secondary:hover{
  box-shadow:0 20px 55px rgba(2,6,23,.24);
  filter:brightness(1.03);
}

.mobile-only{display:none}
.desktop-only{display:flex}
.burger{
  border:1px solid var(--line);
  background:#fff;border-radius:12px;padding:10px 12px;font-weight:1000
}
.mobnav{
  display:none;border-top:1px solid var(--line);
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(10px);
}
.mobnav.open{display:block}
.mobnav a{
  display:block;padding:12px 12px;border-radius:12px;font-weight:1000
}
.mobnav a:hover{background:rgba(2,6,23,.02)}

/* -------------------------
   Hero
------------------------- */
.hero{
  position:relative;width:100%;
  min-height:680px;
  border-bottom:1px solid var(--line);
  overflow:hidden;
}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.shade{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(11,18,32,.86),rgba(11,18,32,.52) 60%,rgba(11,18,32,.18));
}
.grain{
  position:absolute;inset:0;opacity:.12;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
}
.hero .content{position:relative;padding:64px 0 44px}

.hero-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:24px;
  align-items:center;
}
.hero-left{
  display:flex;flex-direction:column;justify-content:center;
  min-height:420px;
}

h1{
  margin:0;
  color:#fff;
  font-size:clamp(38px,4.6vw,72px);
  line-height:1.02;
  letter-spacing:-.05em;
  text-shadow:0 18px 45px rgba(2,6,23,.22);
}
.lead{
  margin:14px 0 0;
  color:rgba(255,255,255,.86);
  max-width:68ch;
  font-size:16px;
}

.input,select,textarea{
  width:100%;
  padding:12px 12px;
  border-radius:14px;
  border:1px solid rgba(11,18,32,.12);
  font-weight:850;font-size:14px;
  background:#fff;
}
textarea{min-height:84px;resize:vertical}

.glass{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.44);
  border-radius:var(--r);
  box-shadow:var(--shadow);
  padding:18px;
  backdrop-filter:blur(10pxAM saturate(120%));
}
.glass h3{margin:0;font-size:14px}
.glass p{margin:8px 0 0;color:rgba(11,18,32,.72);font-size:13px}

/* Hero action blocks */
.hero-actions{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.action{
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.10);
  border-radius:16px;
  padding:14px;
  color:#fff;
  box-shadow:0 18px 48px rgba(2,6,23,.18);
  backdrop-filter:blur(12px);
  transition:transform .22s ease, background .22s ease, border-color .22s ease;
}
.action:hover{transform:translateY(-2px);border-color:rgba(255,138,0,.35);background:rgba(255,255,255,.12)}
.action strong{display:block;font-weight:1100;letter-spacing:-.02em}
.action span{display:block;margin-top:6px;color:rgba(255,255,255,.84);font-weight:850;font-size:13px}

/* -------------------------
   Sections
------------------------- */
.section{position:relative;padding:var(--sectionPad) 0}

.section.alt{
  background:linear-gradient(180deg,rgba(2,6,23,.02),rgba(255,138,0,.02));
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

/* reduce perceived gap between Trust and How */
#trust.section{padding:22px 0}
#how.section{padding-top:28px}

#how.section{
  background:
    radial-gradient(900px circle at 20% 0%, rgba(110,231,255,.10), transparent 55%),
    radial-gradient(900px circle at 90% 50%, rgba(167,139,250,.10), transparent 60%),
    linear-gradient(180deg, #fff, rgba(2,6,23,.01));
}
#services.section{
  background:
    radial-gradient(900px circle at 20% 50%, rgba(255,213,74,.12), transparent 60%),
    radial-gradient(900px circle at 90% 0%, rgba(255,138,0,.10), transparent 58%),
    linear-gradient(180deg, #fff, rgba(2,6,23,.01));
}
#reviews.section{
  background:
    radial-gradient(900px circle at 20% 40%, rgba(167,139,250,.10), transparent 60%),
    radial-gradient(900px circle at 90% 0%, rgba(110,231,255,.10), transparent 58%),
    linear-gradient(180deg, #fff, rgba(2,6,23,.01));
}
#contact.section{
  background:
    radial-gradient(1000px circle at 10% 20%, rgba(255,138,0,.10), transparent 55%),
    radial-gradient(900px circle at 90% 80%, rgba(255,213,74,.10), transparent 60%),
    linear-gradient(180deg, #fff, rgba(2,6,23,.01));
}
#growth.section{
  background:
    radial-gradient(900px circle at 20% 10%, rgba(110,231,255,.10), transparent 58%),
    radial-gradient(900px circle at 80% 70%, rgba(255,77,0,.08), transparent 60%),
    linear-gradient(180deg, #fff, rgba(2,6,23,.01));
}

.kicker{
  display:inline-flex;align-items:center;gap:8px;
  font-weight:1000;font-size:13px;color:rgba(11,18,32,.70)
}
.kdot{width:8px;height:8px;border-radius:99px;background:var(--orange)}
h2{margin:10px 0 0;font-size:clamp(26px,2.55vw,44px);letter-spacing:-.03em}
.p{margin:10px 0 0;color:var(--muted);max-width:80ch}

.grid{display:grid;gap:14px}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}

.card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--r);
  padding:18px;
  box-shadow:var(--shadow3);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
  transform-style:preserve-3d;
  position:relative;
  overflow:hidden;
}
.card::before{
  content:"";
  position:absolute;inset:-2px;
  background:radial-gradient(600px circle at var(--mx,30%) var(--my,20%),rgba(255,138,0,.10),transparent 55%);
  opacity:0;
  transition:opacity .22s ease;
  pointer-events:none;
}
.card:hover::before{opacity:1}
.card:hover{
  box-shadow:var(--shadow);
  border-color:rgba(255,138,0,.22);
  transform:translateY(-2px);
}
.card h3{margin:0;font-size:16px}
.card p{margin:8px 0 0;color:var(--muted);font-size:14px}

/* -------------------------
   Chips (Services)
------------------------- */
.chips{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}
.chip{
  border:1px solid rgba(11,18,32,.12);
  background:#fff;
  border-radius:999px;
  padding:10px 14px;
  font-weight:1000;
  font-size:13px;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
  line-height:1;
  appearance:none;
  -webkit-appearance:none;
}
.chip:hover{transform:translateY(-1px);box-shadow:var(--shadow2)}
.chip.active{
  border-color:rgba(255,138,0,.55);
  background:linear-gradient(135deg,rgba(255,138,0,.14),rgba(255,77,0,.10));
  box-shadow:0 14px 30px rgba(255,77,0,.14);
}

/* -------------------------
   TRUST: inline (H2 left, pills right)
------------------------- */
.trust-slim{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.trust-slim h2{
  margin:0;
  white-space:nowrap;
  font-size:clamp(22px,2.1vw,34px);
  letter-spacing:-.03em;
}
.trust-slim .hint{display:none !important}

.trust-rotator{
  margin-top:0;
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  width:min(720px,52vw);
  min-height:44px;
}
.trust-pill{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(11,18,32,.10);
  background:#fff;
  box-shadow:0 10px 22px rgba(2,6,23,.06);
  font-weight:1000;
  font-size:13px;
  position:relative;
  overflow:hidden;
  opacity:0;
  transform:translateY(6px);
  transition:opacity .45s ease, transform .45s ease;
  text-align:center;
}
.trust-pill.show{opacity:1;transform:translateY(0)}
.trust-pill i{
  width:9px;height:9px;border-radius:99px;
  background:rgba(255,138,0,.90);
  display:inline-block;
  box-shadow:0 0 0 5px rgba(255,138,0,.10);
}
.trust-pill::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(120deg,transparent 0%,rgba(255,138,0,.18) 40%,rgba(255,77,0,.14) 60%,transparent 100%);
  transform:translateX(-120%);
  animation:badgeSweep 6.5s ease-in-out infinite;
  pointer-events:none;
  opacity:.55;
}
@keyframes badgeSweep{
  0%{transform:translateX(-120%)}
  50%{transform:translateX(120%)}
  100%{transform:translateX(120%)}
}

/* -------------------------
   Growth
------------------------- */
.growth{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  align-items:stretch;
  margin-top:18px;
}
.figure{
  border-radius:var(--r);
  border:1px solid rgba(11,18,32,.10);
  background:linear-gradient(180deg,rgba(2,6,23,.02),rgba(255,138,0,.02));
  min-height:280px;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}

/* right “Ready…” card centred vertically (desktop) */
#growth .growth > .card:last-child{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  min-height:340px;
}

.counter{
  font-size:clamp(32px,3.2vw,52px);
  font-weight:1100;
  background:var(--grad);
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  letter-spacing:-.02em;
  margin:10px 0 0;
  white-space:nowrap;
}
.counter.call{
  -webkit-text-fill-color:initial;
  color:var(--ink);
  background:none;
}

/* -------------------------
   Reviews
------------------------- */
.slide{display:none}
.slide.active{display:block}

.dots{
  display:flex;
  gap:8px;
  margin-top:12px;
  align-items:center;
}
.dot{
  width:10px;height:10px;border-radius:99px;
  background:rgba(11,18,32,.18);
  border:0;
  padding:0;
  cursor:pointer;
  transition:transform .18s ease, background .18s ease;
}
.dot:hover{transform:scale(1.12)}
.dot.active{background:rgba(255,138,0,.85)}

.quote{
  font-size:16px;
  font-weight:950;
  color:rgba(11,18,32,.90);
  margin-top:8px;
}
.byline{
  margin-top:8px;
  color:rgba(11,18,32,.70);
  font-weight:950;
  font-size:13px;
}

/* -------------------------
   Spotlight hover
------------------------- */
.spotlight{
  position:absolute;inset:0;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(640px circle at var(--mx,50%) var(--my,50%),rgba(255,138,0,.18),transparent 60%);
  transition:opacity .2s ease;
}
.section:hover .spotlight{opacity:1}

/* -------------------------
   Reasons panel
------------------------- */
.reasons-panel{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:14px;
  background:linear-gradient(180deg,#fff,rgba(255,138,0,.02));
}
.reasons-grid{display:grid;grid-template-columns:1fr;gap:12px}
.reason-card{
  border:1px solid rgba(11,18,32,.10);
  border-radius:16px;
  padding:14px;
  background:#fff;
  box-shadow:0 12px 26px rgba(2,6,23,.07);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease;
  position:relative;
  overflow:hidden;
}
.reason-card{ --accent: var(--a1); }
.reason-title{
  font-weight:1100;
  letter-spacing:-.02em;
  display:flex;
  align-items:center;
  gap:10px;
}
.reason-title::before{
  content:"";
  width:10px;height:10px;border-radius:99px;
  background:var(--accent);
  box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 18%, transparent);
  display:inline-block;
}
.reason-text{
  margin-top:6px;
  color:rgba(11,18,32,.70);
  font-weight:850;
  font-size:13px;
  line-height:1.45;
}
.reason-card.active{
  border-color:color-mix(in srgb, var(--accent) 45%, rgba(11,18,32,.10));
  box-shadow:0 18px 44px color-mix(in srgb, var(--accent) 18%, rgba(2,6,23,.12));
  transform:scale(1.03);
  background:linear-gradient(135deg,
    color-mix(in srgb, var(--accent) 10%, #fff),
    rgba(255,255,255,.9)
  );
  animation:reasonFocus 1.2s ease-in-out infinite alternate;
}
@keyframes reasonFocus{
  0%{transform:scale(1.01)}
  100%{transform:scale(1.04)}
}
.reasons-cta{
  margin-top:6px;
  padding-top:12px;
  border-top:1px solid rgba(11,18,32,.10);
  color:rgba(11,18,32,.74);
  font-weight:900;
  font-size:13px;
}

/* -------------------------
   WhatsApp floating — force correct WA icon
------------------------- */
.wa-float{
  position:fixed;right:18px;bottom:18px;z-index:200;
  display:flex;align-items:center;gap:10px;
  padding:12px 14px;border-radius:999px;
  background:#fff;border:1px solid rgba(11,18,32,.10);
  box-shadow:var(--shadow);
  user-select:none;
  transition:transform .18s ease, box-shadow .18s ease;
}
.wa-float:hover{transform:translateY(-2px);box-shadow:0 18px 50px rgba(2,6,23,.16)}

.wa-dot{
  width:44px;height:44px;border-radius:999px;
  background:var(--wa);
  display:flex;align-items:center;justify-content:center;
  position:relative;
  box-shadow:0 12px 26px rgba(37,211,102,.20);
}

/* hide any existing SVG inside to avoid wrong glyph */
.wa-dot svg{display:none !important}

.wa-dot::before{
  content:"";
  width:22px;height:22px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M19.11 17.53c-.27-.14-1.6-.79-1.85-.88-.25-.09-.44-.14-.63.14-.18.27-.72.88-.88 1.06-.16.18-.32.2-.59.07-.27-.14-1.15-.42-2.2-1.34-.82-.72-1.37-1.6-1.53-1.87-.16-.27-.02-.41.12-.55.12-.12.27-.32.41-.48.14-.16.18-.27.27-.46.09-.18.05-.34-.02-.48-.07-.14-.63-1.52-.86-2.08-.22-.54-.45-.46-.63-.46h-.54c-.18 0-.48.07-.72.34-.25.27-.95.93-.95 2.26s.97 2.62 1.11 2.8c.14.18 1.91 2.93 4.64 4.11.65.28 1.15.45 1.55.57.65.21 1.24.18 1.71.11.52-.08 1.6-.66 1.83-1.29.23-.63.23-1.17.16-1.29-.07-.12-.25-.18-.52-.32z'/%3E%3Cpath fill='%23fff' d='M16.02 3C9.38 3 4 8.25 4 14.73c0 2.34.72 4.52 1.95 6.35L4.71 29l8.05-2.1c1.77.95 3.8 1.5 5.96 1.5 6.64 0 12.02-5.25 12.02-11.73S22.66 3 16.02 3zm0 22.3c-2.02 0-3.89-.6-5.45-1.62l-.39-.25-4.78 1.25 1.27-4.61-.26-.38c-1.07-1.54-1.7-3.39-1.7-5.36 0-5.24 4.39-9.5 9.8-9.5s9.8 4.26 9.8 9.5-4.39 9.5-9.8 9.5z'/%3E%3C/svg%3E");
}

.wa-text{
  font-weight:1000;font-size:13px;color:rgba(11,18,32,.88);
  max-width:0;overflow:hidden;white-space:nowrap;
  transition:max-width .35s ease;
}
.wa-float:hover .wa-text{max-width:210px}

/* -------------------------
   Footer
------------------------- */
.footer{
  border-top:0;
  padding:22px 0 18px;
  color:rgba(11,18,32,.72);
  background:linear-gradient(180deg,#fff,rgba(2,6,23,.01));
}

/* if you still have <div class="hr"> in HTML, kill it */
.hr{display:none !important}

.footer .cols{
  display:grid;
  grid-template-columns:1.2fr .8fr .8fr;
  gap:18px;
  align-items:stretch;
}

/* left column alignment + sizing */
.footer-left{
  display:flex;
  flex-direction:column;
  align-items:flex-start;  /* ✅ left align logo + text */
  text-align:left;
  height:100%;
}

.footer-logo{
  height:60px;              /* a bit bigger */
  width:auto;
  max-width:260px;
  object-fit:contain;
  transform:none !important;
  filter:none;
  margin:0;                 /* ✅ no centring */
}

.footer-tagline{
  margin:10px 0 0;
  font-size:14px;
  font-weight:850;
  color:rgba(11,18,32,.75);
  max-width:320px;
  line-height:1.4;
}

.footer-copy{
  margin-top:auto;          /* pushes to bottom */
  padding-top:18px;
  font-size:13px;
  color:rgba(11,18,32,.60);
}

/* -------------------------
   Responsive
------------------------- */
@media (max-width:1040px){
  .hero{min-height:760px}
  .hero-grid{grid-template-columns:1fr}
  .hero-actions{grid-template-columns:1fr 1fr}
  .growth{grid-template-columns:1fr}
  .grid.cols-3,.grid.cols-2{grid-template-columns:1fr}
  .footer .cols{grid-template-columns:1fr}
  .desktop-only{display:none}
  .mobile-only{display:flex}

  /* logo behaves on mobile nav */
  .nav{min-height:66px}
  .brand img{height:62px}

  /* trust stacks nicely */
  .trust-slim{flex-direction:column;align-items:flex-start}
  .trust-rotator{width:100%;grid-template-columns:1fr}
  .trust-slim h2{white-space:normal}

  /* ✅ Growth on mobile: image ABOVE the “Ready…” box */
  #growth .growth{display:grid}
  #growth .growth > .card:first-child{order:1}  /* Growth Tree (image) */
  #growth .growth > .card:last-child{order:2}   /* Ready box */

  /* reduce mobile Ready box height */
  #growth .growth > .card:last-child{
    min-height:0;
    padding:16px;
  }
}

@media (max-width:640px){
  .hero .content{padding:56px 0 36px}
  .hero-actions{grid-template-columns:1fr}
  .btn{width:100%}

  /* nav tighter but readable */
  .navlinks a{font-size:16px;padding:8px 10px}

  /* footer: keep copyright at the very bottom + keep left aligned */
  .footer-left{min-height:190px}
  .footer-logo{height:72px}        /* bigger on mobile */
  .footer-copy{padding-top:16px}

  /* reduce floating button footprint */
  .wa-float{right:14px;bottom:14px}
}