:root{
  --maroon:#5a1410;
  --maroon-deep:#3d0c09;
  --gold:#c4a46a;
  --gold-soft:#e8d9b8;
  --rose:#f6a3a1;
  --blush:#fdf3f2;
  --ink:#2a1513;
  --muted:#6e5552;
  --line:#ecd9d6;
  --ifm:#a31212;
  --pest:#1f7a2e;
  --sec:#1c2a9c;
  --one:#d2461a;
  --display:'Barlow Condensed','Arial Narrow',Arial,sans-serif;
  --body:'Hind','Segoe UI',Arial,sans-serif;
  --hex:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{font-family:var(--body);color:var(--ink);background:#fff;line-height:1.65;font-size:19px;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}

/* Preloader */
.preloader {
  position: fixed;
  top: 0; left: 0; width: 100%; height: 100%;
  background: var(--maroon);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.5s ease-out, visibility 0.5s ease-out;
}
.preloader.fade-out {
  opacity: 0;
  visibility: hidden;
}
.pulse-logo {
  height: 80px;
  width: auto;
  background: #fff;
  padding: 12px;
  border-radius: 12px;
  animation: pulse 1.5s infinite ease-in-out;
}
@keyframes pulse {
  0% { transform: scale(0.9); opacity: 0.8; }
  50% { transform: scale(1.1); opacity: 1; }
  100% { transform: scale(0.9); opacity: 0.8; }
}

a{color:inherit}
h1,h2,h3{font-family:var(--display);line-height:1.05;font-weight:700;letter-spacing:.01em}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:3px}
.wrap{width:min(1180px,100% - 40px);margin-inline:auto}
.skip{position:absolute;left:-999px;top:8px;background:#fff;color:var(--maroon);padding:8px 14px;z-index:100}
.skip:focus{left:8px}
.icon{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Header */
header.top{position:sticky;top:0;z-index:50;background:var(--maroon);border-bottom:1px solid rgba(196,164,106,.35)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:20px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
.brand svg{width:40px;height:40px}
.brand b{display:block;font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:.22em;font-size:19px;color:var(--gold);line-height:1.1}
.brand small{display:block;font-size:11.5px;color:#e7cfcb;letter-spacing:.02em;line-height:1.3}
nav ul{display:flex;gap:28px;list-style:none;align-items:center}
nav a{color:#f3e4e1;text-decoration:none;font-weight:500;font-size:16px;padding:6px 0;border-bottom:2px solid transparent}
nav a:hover{border-bottom-color:var(--gold)}
.dropdown { position: relative; }
.dropdown-menu { display: none; position: absolute; top: 100%; left: 0; background: var(--maroon-deep); min-width: 240px; box-shadow: 0 8px 24px rgba(0,0,0,0.2); padding: 10px 0; border-top: 2px solid var(--gold); flex-direction: column; gap: 0; z-index: 100; list-style: none; }
.dropdown:hover .dropdown-menu, .dropdown:focus-within .dropdown-menu { display: flex; }
.dropdown-menu li { width: 100%; padding: 0; }
.dropdown-menu a { display: block; padding: 10px 20px; border-bottom: none; color: #fff; font-size: 15px; }
.dropdown-menu a:hover { background: var(--maroon); border-bottom: none; color: var(--gold); }
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--display);font-weight:600;font-size:19px;letter-spacing:.03em;padding:12px 26px;text-decoration:none;border:2px solid var(--gold);background:var(--gold);color:var(--maroon-deep);cursor:pointer;transition:background .2s,color .2s;border-radius:100px}
.btn:hover{background:transparent;color:var(--gold)}
.btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.btn.ghost:hover{border-color:var(--gold);color:var(--gold)}
.btn.dark{background:var(--maroon);border-color:var(--gold);color:#fff}
.btn.dark:hover{background:transparent;color:var(--maroon)}
.btn.highlight{background:var(--maroon);border-color:var(--maroon);color:#fff}
.btn.highlight:hover{background:var(--maroon);border-color:var(--maroon);color:#fff}
.menu-btn{display:none;background:none;border:1px solid var(--gold);color:var(--gold);padding:8px 12px;font:600 16px var(--display);letter-spacing:.05em;cursor:pointer;border-radius:100px}

/* Hero */
.hero {
  background: var(--maroon);
  /* background-image: radial-gradient(rgba(196,164,106,0.15) 2px, transparent 2px); */
  background-size: 34px 34px;
  color: #fff;
  position: relative;
  overflow: hidden;
  padding: 100px 0 150px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 70px));
}
.hero .wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  z-index: 2;
}
.hero-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(0,0,0,0.25);
  border: 1px solid rgba(255,255,255,0.08);
  padding: 6px 18px;
  border-radius: 30px;
  font-size: 14.5px;
  color: #e7cfcb;
  margin-bottom: 24px;
}
.hero-pill .icon { width: 14px; height: 14px; }
.hero h1 {
  font-size: clamp(40px, 6vw, 76px);
  margin-bottom: 24px;
  max-width: 900px;
  text-transform: none; /* Title case like the image */
  line-height: 1.1;
}
.hero h1 span {
  color: var(--gold);
}
.hero p.lead {
  font-size: 19px;
  color: #f1dedb;
  max-width: 650px;
  margin: 0 auto 36px;
}
.cta-row {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 48px;
}
.hero-certs {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 14px;
  color: #c9aaa5;
}
.hero-certs span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.hero-certs .icon {
  width: 18px;
  height: 18px;
  color: var(--gold);
}

/* Fact strip */
.facts{margin-top:-96px;position:relative;z-index:2}
.facts ul{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-top:4px solid var(--gold);box-shadow:0 12px 30px rgba(61,12,9,.12)}
.facts li{padding:22px 24px;border-right:1px solid var(--line)}
.facts li:last-child{border-right:0}
.facts strong{display:block;font-family:var(--display);font-size:25px;color:var(--maroon);line-height:1.1;margin-bottom:4px}
.facts span{font-size:15px;color:var(--muted);line-height:1.45;display:block}

/* Sections */
section{padding:90px 0}
.sec-head{max-width:720px;margin-bottom:44px}
.sec-head h2{font-size:clamp(36px,4.6vw,56px);color:var(--maroon);margin-bottom:14px}
.sec-head p{color:var(--muted);font-size:18px}
.sec-head.center {
  text-align: center;
  margin: 0 auto 60px;
}
.sec-head.center .eyebrow {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: var(--gold);
  letter-spacing: 0.15em;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.sec-head.center h2 {
  margin-bottom: 16px;
}
.sec-head.center p {
  max-width: 700px;
  margin: 0 auto;
}

/* Segments */
.segments{background:var(--blush)}
.seg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.seg{background:#fff;padding:28px 24px 26px;border:1px solid var(--line);border-top:5px solid var(--c);position:relative}
.seg .hexicon{width:64px;height:74px;clip-path:var(--hex);background:var(--c);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.seg h3{font-size:30px;color:var(--c);text-transform:uppercase;margin-bottom:12px}
.seg ul{list-style:none}
.seg li{padding:7px 0;border-top:1px solid var(--line);font-size:16px}
.seg li:first-child{border-top:0}

/* Services */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.svc {
  display:flex;
  flex-direction:column;
  padding:36px 32px;
  border:1px solid rgba(0,0,0,0.06);
  border-radius: 24px;
  background:#fff;
  transition:box-shadow .2s,transform .2s;
  text-decoration:none;
}
.svc:hover {
  box-shadow:0 20px 40px rgba(0,0,0,.05);
  transform:translateY(-4px);
}
.svc .icon-box {
  width: 52px;
  height: 52px;
  background: var(--blush);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}
.svc .icon {
  color: var(--maroon);
  width: 24px;
  height: 24px;
}
.svc h3 {
  font-family: var(--body);
  font-weight: 700;
  font-size: 20px;
  color: var(--ink);
  margin-bottom: 12px;
  letter-spacing: 0;
}
.svc p {
  font-size: 15px;
  color: var(--muted);
  line-height: 1.6;
}
.legend{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:28px;font-size:15px;color:var(--muted)}
.legend span{display:inline-flex;align-items:center;gap:8px}
.legend i{width:12px;height:13px;clip-path:var(--hex);background:var(--c)}

/* About Section (Homepage) */
.about {
  background: var(--blush);
  color: var(--ink);
  position: relative;
  padding: 100px 0;
}
.about-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}
.about-content .eyebrow {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: var(--gold);
  letter-spacing: 0.15em;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.about-content h2 {
  font-size: clamp(32px, 4vw, 44px);
  color: var(--maroon);
  margin-bottom: 24px;
  text-transform: none;
}
.about-content h2 u {
  text-decoration: none;
  display: inline-block;
  position: relative;
}
.about-content h2 u::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 5px;
  background: var(--gold);
  border-radius: 3px;
}
.about-content p {
  color: var(--muted);
  margin-bottom: 36px;
  line-height: 1.7;
}
.about-features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px 20px;
  margin-bottom: 40px;
}
.about-features .feat {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 15px;
  color: var(--ink);
  font-weight: 500;
}
.about-features .feat .icon {
  width: 24px;
  height: 24px;
  color: var(--gold);
  flex-shrink: 0;
}
.learn-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: 16px;
  color: var(--maroon);
  text-decoration: none;
  transition: color 0.2s;
}
.learn-more:hover {
  color: var(--gold);
}
.about-image {
  position: relative;
}
.about-image .img-wrapper {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  z-index: 1;
}
.about-image img {
  width: 100%;
  border-radius: 8px;
  display: block;
}
.about-image::before {
  content: "";
  position: absolute;
  top: 0;
  right: -20px;
  bottom: -20px;
  left: 0;
  background: var(--one);
  border-radius: 8px 32px 8px 8px;
  z-index: 0;
}
.stats-box {
  position: absolute;
  bottom: -20px;
  left: -20px;
  background: #fff;
  padding: 20px 24px;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  display: flex;
  flex-direction: column;
  z-index: 2;
}
.stats-box strong {
  font-family: var(--display);
  font-size: 34px;
  color: var(--maroon);
  line-height: 1.1;
}
.stats-box span {
  font-size: 13px;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Page Hero Styles */
.page-hero {
  background: var(--maroon);
  color: #fff;
  padding: 80px 0 100px;
}
.breadcrumbs {
  font-size: 14px;
  color: var(--gold);
  margin-bottom: 40px;
}
.breadcrumbs a {
  color: #f1dedb;
  text-decoration: none;
}
.page-hero .eyebrow {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: var(--gold);
  letter-spacing: 0.15em;
  margin-bottom: 16px;
}
.page-hero h1 {
  font-size: clamp(40px, 5vw, 64px);
  margin-bottom: 24px;
  max-width: 800px;
}
.page-hero h1 span {
  color: var(--gold);
}
.page-hero p {
  font-size: 18px;
  color: #f1dedb;
  max-width: 600px;
  line-height: 1.6;
}

.about-who {
  padding: 100px 0;
  background: #fff;
}
.who-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}
.who-content .eyebrow {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: var(--gold);
  letter-spacing: 0.15em;
  margin-bottom: 16px;
}
.who-content h2 {
  font-size: clamp(32px, 4vw, 44px);
  color: var(--maroon);
  margin-bottom: 30px;
  line-height: 1.2;
}
.who-content p {
  color: var(--muted);
  margin-bottom: 20px;
  line-height: 1.7;
  font-size: 16px;
}
.who-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.stat-box {
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 16px;
  padding: 40px 20px;
  text-align: center;
  transition: transform 0.2s, box-shadow 0.2s;
  background: #fff;
}
.stat-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.05);
}
.stat-box strong {
  display: block;
  font-family: var(--display);
  font-size: 42px;
  color: var(--maroon);
  line-height: 1;
  margin-bottom: 8px;
}
.stat-box span {
  font-size: 13px;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Property */
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips li{list-style:none;border:1px solid var(--rose);background:var(--blush);color:var(--maroon);padding:7px 16px;font-size:16px;font-weight:500}
.prop{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.prop .sec-head{margin-bottom:0}

/* Where */
.where{background:var(--blush)}
.where-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.where-grid div{padding:24px;background:#fff;border:1px solid var(--line)}
.where-grid h3{font-size:26px;color:var(--maroon);margin-bottom:6px}
.where-grid p{font-size:16px;color:var(--muted)}

/* Clients */
.clients {
  background: #fff;
  padding: 90px 0;
}
.client-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 50px;
}
.client-card {
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 20px;
  background: #fff;
  padding: 50px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s, box-shadow 0.2s;
}
.client-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(0,0,0,0.04);
}
.client-card img, .client-card svg {
  max-width: 100%;
  height: auto;
  opacity: 0.65;
  filter: grayscale(100%);
  transition: filter 0.3s, opacity 0.3s;
}
.client-card:hover img, .client-card:hover svg {
  filter: grayscale(0%);
  opacity: 1;
}
.slider-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.slider-dots .dot {
  width: 8px;
  height: 8px;
  background: #e2e2e2;
  border-radius: 50%;
  transition: all 0.2s;
}
.slider-dots .dot.active {
  width: 24px;
  background: var(--gold);
  border-radius: 100px;
}

/* Detailed Industries Page */
.ind-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
.ind-title-wrap {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}
.ind-title-wrap .icon {
  width: 32px;
  height: 32px;
  color: var(--maroon);
}
.ind-title-wrap h3 {
  font-size: 32px;
  color: var(--ink);
  margin: 0;
}
.ind-left > p {
  color: var(--muted);
  line-height: 1.7;
  margin-bottom: 28px;
  font-size: 16px;
}
.ind-stats {
  margin-bottom: 28px;
}
.istat strong {
  display: block;
  font-size: 16px;
  color: var(--maroon);
  font-family: var(--display);
  font-weight: 700;
  margin-bottom: 4px;
}
.istat span {
  font-size: 14px;
  color: var(--muted);
  line-height: 1.5;
}
.ind-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.ind-tags span {
  background: #f5f5f5;
  color: var(--ink);
  font-size: 13px;
  padding: 8px 16px;
  border-radius: 100px;
  font-weight: 500;
}
.ind-right {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ind-box {
  padding: 32px;
  border-radius: 16px;
}
.ind-box.challenge {
  background: #f4f6f9;
}
.ind-box.solution {
  background: #f2f9f5;
}
.ind-box h4 {
  font-size: 13px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 20px;
  color: var(--ink);
  font-weight: 700;
}
.ind-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ind-box li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 15px;
  color: var(--muted);
  line-height: 1.5;
}
.ind-box.challenge li .icon {
  color: #d32f2f;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.ind-box.solution li .icon {
  color: #2e7d32;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

/* CTA band */
.band{background:linear-gradient(0deg,var(--maroon),var(--maroon));color:#fff;padding:70px 0;text-align:center;position:relative}
.band h2{font-size:clamp(34px,4.4vw,54px);margin-bottom:12px}
.band p{color:#f1dedb;max-width:56ch;margin:0 auto 28px}
.band .cta-row{justify-content:center}

/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.info dl{display:grid;gap:22px}
.info dt{font-family:var(--display);font-size:22px;color:var(--maroon);margin-bottom:2px}
.info dd{color:#4a3431}
.info a{text-decoration:none;border-bottom:1px solid var(--gold)}
.info a:hover{color:var(--maroon)}
form{background:var(--blush);padding:34px;border-top:5px solid var(--maroon)}
form h3{font-size:32px;color:var(--maroon);margin-bottom:6px}
form > p{color:var(--muted);margin-bottom:20px;font-size:16px}
label{display:block;font-weight:600;font-size:15px;margin-bottom:6px}
input,select,textarea{width:100%;font:inherit;padding:12px 14px;border:1px solid #d9bdb9;background:#fff;color:var(--ink);margin-bottom:16px;border-radius:0}
textarea{min-height:100px;resize:vertical}
form .btn{width:100%}
.note{font-size:14px;color:var(--muted);margin-top:12px;text-align:center}

/* Footer */
footer{background:var(--maroon);color:#e7cfcb;padding:56px 0 24px;font-size:16px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:36px;border-bottom:1px solid rgba(196,164,106,.3)}
footer h3{font-size:24px;color:var(--gold);margin-bottom:12px}
footer ul{list-style:none}
footer li{padding:3px 0}
footer a{text-decoration:none}
footer a:hover{color:var(--gold)}
.foot-brand b{font-family:Georgia,serif;font-weight:400;letter-spacing:.22em;font-size:21px;color:var(--gold);display:block;margin-bottom:6px}
.legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:20px;font-size:14px;color:#c9aaa5}

/* WhatsApp float */
.wa {
  position: fixed;
  right: 20px;
  bottom: 110px;
  z-index: 60;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: linear-gradient(135deg, #25d366, #128C7E);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 24px rgba(37, 211, 102, 0.4);
  animation: wa-pulse 2s infinite ease-in-out, wa-bounce 3s infinite ease-in-out;
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.wa:hover {
  transform: scale(1.15) translateY(-5px);
  animation-play-state: paused;
}
.wa svg {
  width: 34px;
  height: 34px;
  fill: #fff;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
}

@keyframes wa-pulse {
  0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6), 0 8px 24px rgba(37, 211, 102, 0.4); }
  70% { box-shadow: 0 0 0 20px rgba(37, 211, 102, 0), 0 8px 24px rgba(37, 211, 102, 0.4); }
  100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0), 0 8px 24px rgba(37, 211, 102, 0.4); }
}

@keyframes wa-bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

/* Responsive */
@media (max-width:1020px){
  .seg-grid,.where-grid,.client-grid{grid-template-columns:repeat(2,1fr)}
  .svc-grid{grid-template-columns:repeat(2,1fr)}
  .facts ul{grid-template-columns:repeat(2,1fr)}
  .facts li:nth-child(2){border-right:0}
  .facts li:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .who-grid,.about-grid,.prop,.contact-grid,.ind-block{grid-template-columns:1fr}
}
@media (max-width:820px){
  .menu-btn{display:block}
  nav{position:absolute;left:0;right:0;top:72px;background:var(--maroon-deep);display:none;padding:16px 20px 24px;border-bottom:1px solid var(--gold)}
  nav.open{display:block}
  nav ul{flex-direction:column;align-items:flex-start;gap:14px}
  .brand small{display:none}
}
@media (max-width:640px){
  body{font-size:16px}
  section{padding:64px 0}
  .hero{padding:48px 0 130px}
  .seg-grid,.where-grid,.svc-grid,.foot-grid,.client-grid{grid-template-columns:1fr}
  .facts ul{grid-template-columns:1fr}
  .facts li{border-right:0;border-bottom:1px solid var(--line)}
  .facts li:last-child{border-bottom:0}
  .honey{--w:128px}
  .hex > span{font-size:17px}
  .who-stats,.about-features {grid-template-columns:1fr}
  .about-image {margin-top: 20px; margin-left: 20px; margin-right: 20px;}
  form{padding:24px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hex{animation:none}
  .svc{transition:none}
}

/* Sticky CTA */
.sticky-cta {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--maroon);
  color: #fff;
  z-index: 999;
  padding: 16px 0;
  box-shadow: 0 -4px 20px rgba(0,0,0,0.15);
  transform: translateY(100%);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  display: flex;
}
.sticky-cta.visible {
  transform: translateY(0);
}
.sticky-cta-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.sticky-text {
  flex: 1;
}
.sticky-text strong {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 4px;
}
.sticky-text span {
  font-size: 13px;
  color: var(--muted);
}
.sticky-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.sticky-btn-call {
  border-color: rgba(255,255,255,0.2) !important;
  font-size: 14px !important;
  padding: 8px 16px !important;
  background: rgba(255,255,255,0.05) !important;
}
.sticky-btn-call:hover {
  background: rgba(255,255,255,0.1) !important;
}
.sticky-btn-quote {
  font-size: 14px !important;
  padding: 8px 16px !important;
}
.sticky-close {
  background: none;
  border: none;
  color: rgba(255,255,255,0.5);
  font-size: 24px;
  cursor: pointer;
  padding: 0;
  margin-left: 12px;
  transition: color 0.2s;
}
.sticky-close:hover {
  color: #fff;
}
@media (max-width: 820px) {
  .sticky-cta-inner { flex-direction: column; text-align: center; gap: 16px; }
  .sticky-actions { width: 100%; justify-content: center; }
  .sticky-close { position: absolute; top: 12px; right: 12px; }
  .sticky-cta { padding: 24px 0; }
}