/* RESET */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;color:#111827;line-height:1.6;overflow-x:hidden;font-size:16px}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}

/* PER-PAGE THEME VARS: defined inline in each HTML file */

:root{
  /* Shared non-colour variables (same on every page) */
  --white:#ffffff;
  --dark:#111827;
  --gray:#6b7280;
  --gray-d:#374151;
  --gray-l:#f3f4f6;
  --border:#e5e7eb;
  --gold:#f59e0b;
  --gold-d:#b45309;
  --sh:0 4px 24px rgba(0,0,0,.10);
  --sh-lg:0 16px 56px rgba(0,0,0,.18);
  /* WhatsApp colours – overridden on accessible page only */
  --wa:#25D366;
  --wa-d:#128C7E;
}



/* TYPE */
h1{font-size:clamp(2.2rem,5.5vw,3.8rem);font-weight:900;line-height:1.06}
h2{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;line-height:1.15}
h3{font-size:clamp(1.05rem,2.5vw,1.4rem);font-weight:700;line-height:1.3}
p{line-height:1.75}

/* LAYOUT */
section{padding:96px 24px}
.wrap{max-width:1140px;margin:0 auto}
.tc{text-align:center}
.tc p.sub{color:var(--gray);max-width:580px;margin:14px auto 0;font-size:1.02rem}

/* PILL TAG */
.pill{display:inline-flex;align-items:center;gap:6px;background:var(--teal-l);color:var(--teal-m);
  padding:7px 16px;border-radius:100px;font-size:.78rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.8px;margin-bottom:18px}
.pill::before{content:'';width:6px;height:6px;background:var(--teal);border-radius:50%}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:8px;padding:15px 32px;border-radius:100px;
  font-size:1rem;font-weight:700;cursor:pointer;border:none;transition:all .3s;
  white-space:nowrap;font-family:'Inter',sans-serif}
.btn-primary{background:var(--teal);color:#fff;box-shadow:0 4px 20px var(--a-35)}
.btn-primary:hover{background:var(--teal-m);transform:translateY(-2px);box-shadow:0 8px 28px var(--a-40)}
.btn-ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.6)}
.btn-ghost:hover{background:rgba(255,255,255,.12);border-color:#fff}
.btn-white{background:#fff;color:var(--teal)}
.btn-white:hover{background:var(--teal-l);transform:translateY(-2px)}
/* WhatsApp button (accessible/deaf page) */
.btn-wa{background:var(--wa,#25D366);color:#fff;box-shadow:0 4px 20px rgba(37,211,102,.35)}
.btn-wa:hover{background:var(--wa-d,#128C7E);transform:translateY(-2px)}
.wa{background:var(--wa,#25D366);}
.wa:hover{background:var(--wa-d,#128C7E);}

.btn-white:hover{background:var(--teal-l);transform:translateY(-2px)}
.btn-lg{padding:18px 40px;font-size:1.05rem}

/* ========================
   STICKY CALLBACK: BOTTOM-RIGHT HORIZONTAL SLIDE PANEL
   ======================== */
@keyframes sfBlink {
  0%, 100% { box-shadow: 0 0 0 0 var(--a-70); }
  50% { box-shadow: 0 0 0 12px var(--a-00); }
}

.sf-wrap {
  position: fixed;
  bottom: 0;
  right: 24px;
  width: 320px;
  z-index: 990;
  transform: translateY(0);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.sf-wrap.closed {
  transform: translateY(100%);
}

.sf-trig {
  position: absolute;
  top: -56px;
  right: 0;
  height: 56px;
  background: var(--teal);
  color: #fff;
  border: none;
  border-radius: 14px 14px 0 0;
  cursor: pointer;
  font-family: 'Inter', sans-serif;
  font-size: .88rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 24px;
  white-space: nowrap;
  animation: sfBlink 2.2s infinite;
  box-shadow: 0 -4px 14px rgba(0,0,0,0.12);
}

.sf-trig-inner {
  display: flex;
  align-items: center;
  gap: 10px;
}

.sf-chev {
  transition: transform 0.3s ease;
  transform: rotate(180deg);
}
.sf-wrap.closed .sf-chev {
  transform: rotate(0deg);
}

.sf-panel {
  width: 100%;
  background: #fff;
  border-top: 4px solid var(--teal);
  border-radius: 16px 0 0 0;
  box-shadow: 0 -10px 40px rgba(0,0,0,.18);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.sf-ph{padding:20px 22px 18px;background:linear-gradient(135deg,var(--teal-d),var(--teal-m));text-align:center}
.sf-ph img{height:36px;width:auto;margin:0 auto 10px}
.sf-ph h4{color:#fff;font-size:.95rem;font-weight:800;line-height:1.3}
.sf-ph p{color:rgba(255,255,255,.72);font-size:.75rem;margin-top:4px}
.sf-body{padding:18px 20px 20px;flex:1}
.sf-lbl{display:block;font-size:.68rem;font-weight:700;color:var(--gray);
  text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}
.sf-inp{width:100%;padding:10px 13px;border:1.5px solid var(--border);border-radius:9px;
  font-size:.88rem;font-family:'Inter',sans-serif;color:var(--dark);outline:none;
  transition:border-color .2s;margin-bottom:12px}
.sf-inp:focus{border-color:var(--teal)}
.sf-inp.err{border-color:#ef4444}
.sf-row{display:flex;border:1.5px solid var(--border);border-radius:9px;overflow:hidden;margin-bottom:12px}
.sf-row:focus-within{border-color:var(--teal)}
.sf-row.err{border-color:#ef4444}
.sf-cc{padding:10px 9px;background:var(--teal-p);border-right:1.5px solid var(--border);
  font-size:.82rem;font-weight:700;color:var(--teal-m);display:flex;align-items:center}
.sf-row .sf-inp{border:none;background:transparent;margin:0;border-radius:0}
.sf-err{font-size:.70rem;color:#ef4444;margin-top:-9px;margin-bottom:9px;display:none}
.sf-btn{width:100%;padding:12px;background:var(--teal);color:#fff;border:none;border-radius:9px;
  font-size:.88rem;font-weight:800;cursor:pointer;font-family:'Inter',sans-serif;
  transition:all .3s;letter-spacing:.3px}
.sf-btn:hover{background:var(--teal-m);transform:translateY(-1px)}
.sf-success{display:none;text-align:center;padding:16px 8px}
.sf-success .sf-tick{font-size:2.2rem;margin-bottom:8px}
.sf-success p{font-size:.88rem;color:var(--teal-d);font-weight:600;line-height:1.4}
.sf-consent{font-size: 0.65rem; color: #6b7280; text-align: center; margin-top: 10px; line-height: 1.3;}
.sf-consent a{text-decoration: underline; color: var(--teal);}

/* ========================
   POPUP
   ======================== */
#pop{position:fixed;inset:0;background:var(--d-82);backdrop-filter:blur(6px);z-index:1000;
  display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;visibility:hidden;transition:all .4s}
#pop.on{opacity:1;visibility:visible}
.pop-card{background:#fff;border-radius:22px;max-width:480px;width:100%;overflow:hidden;
  box-shadow:0 28px 90px rgba(0,0,0,.35);transform:translateY(24px);transition:transform .4s}
#pop.on .pop-card{transform:translateY(0)}
.pop-top{background:linear-gradient(135deg,var(--teal-d) 0%,var(--teal) 100%);
  padding:30px 32px 24px;text-align:center;position:relative}
.pop-top img{height:42px;width:auto;margin:0 auto 12px}
.pop-top h3{color:#fff;font-size:1.2rem;margin-bottom:5px}
.pop-top p{color:rgba(255,255,255,.8);font-size:.88rem}
.pop-x{position:absolute;top:14px;right:14px;background:rgba(255,255,255,.18);border:none;
  width:32px;height:32px;border-radius:50%;color:#fff;font-size:1.3rem;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:background .2s}
.pop-x:hover{background:rgba(255,255,255,.3)}
.pop-body{padding:24px 32px 28px}
.pf{margin-bottom:14px}
.pf label{display:block;font-size:.75rem;font-weight:700;color:var(--dark);
  text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}
.pf label .req{color:var(--teal)}
.pf label .opt{color:#9ca3af;font-size:.7rem;font-weight:400;text-transform:none;margin-left:3px}
.pf input{width:100%;padding:12px 15px;border:1.5px solid var(--border);border-radius:10px;
  font-size:.93rem;font-family:'Inter',sans-serif;outline:none;transition:border-color .2s;color:var(--dark)}
.pf input:focus{border-color:var(--teal)}
.pf input.err{border-color:#ef4444;background:#fef2f2}
.pp-row{display:flex;border:1.5px solid var(--border);border-radius:10px;overflow:hidden}
.pp-row:focus-within{border-color:var(--teal)}
.pp-row.err{border-color:#ef4444}
.pp-cc{padding:12px 10px;background:var(--teal-p);border-right:1.5px solid var(--border);
  font-size:.9rem;font-weight:700;color:var(--teal-m);display:flex;align-items:center;white-space:nowrap}
.pp-row input{border:none;flex:1;padding:12px 13px;font-size:.93rem;outline:none;
  font-family:'Inter',sans-serif;color:var(--dark)}
.pf-err{color:#ef4444;font-size:.73rem;margin-top:4px;display:none}
.pf-err.on{display:block}
.pop-sub{width:100%;padding:14px;background:var(--teal);color:#fff;border:none;border-radius:100px;
  font-size:.95rem;font-weight:800;cursor:pointer;margin-top:6px;font-family:'Inter',sans-serif;
  transition:all .3s}
.pop-sub:hover{background:var(--teal-m);transform:translateY(-1px)}
.pop-priv{text-align:center;font-size:.7rem;color:#9ca3af;margin-top:10px}

/* ========================
   HERO
   ======================== */
.hero{
  position:relative;min-height:100vh;
  display:flex;align-items:center;
}
.hero-logo{position:absolute;top:32px;left:48px;z-index:10}
.hero-logo img{height:62px;width:auto}
.hero-wrap{position:relative;z-index:2;max-width:720px;padding:140px 48px 100px}
.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(8px);color:#fff;padding:9px 20px;border-radius:100px;
  font-size:.82rem;font-weight:600;margin-bottom:24px}
.hero-eyebrow .dot{width:8px;height:8px;background:#4ade80;border-radius:50%;flex-shrink:0;
  animation:dotBlink 2s ease-in-out infinite}
@keyframes dotBlink{0%,100%{opacity:1}50%{opacity:.3}}
.hero h1{color:#fff;margin-bottom:0;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.hero h1 em{color:var(--teal-l);font-style:normal;display:block}
.hero-sub{color:rgba(255,255,255,.88);font-size:1.12rem;margin:20px 0 38px;
  max-width:580px;line-height:1.78}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap}

/* Hero trust strip */
.hero-strip{
  position:absolute;bottom:0;left:0;right:0;
  background:rgba(255,255,255,.07);backdrop-filter:blur(10px);
  border-top:1px solid rgba(255,255,255,.12);
  display:flex;justify-content:center;flex-wrap:wrap;
  align-items:stretch;
}
.hs-item{display:flex;align-items:center;gap:10px;color:#fff;
  padding:16px 28px;border-right:1px solid rgba(255,255,255,.12);flex-shrink:0}
.hs-item:last-child{border-right:none}
.hs-item strong{font-size:1.05rem;font-weight:800;display:block;line-height:1.1}
.hs-item span{font-size:.72rem;color:rgba(255,255,255,.58);display:block}
.hs-icon{font-size:1.25rem;flex-shrink:0}

/* TOP 10 badge in hero strip */
.hs-badge{padding:10px 24px;flex-direction:column;justify-content:center;text-align:center;gap:4px}
.top10-seal{
  background:linear-gradient(145deg,#fcd34d,#f59e0b,#d97706);
  border-radius:50%;
  width:68px;height:68px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;
  box-shadow:0 0 0 3px rgba(252,211,77,.4),0 4px 20px rgba(245,158,11,.5);
  flex-shrink:0;
  margin:0 auto 6px;
  padding:4px;
}
.t10-top{font-size:9px;font-weight:900;color:var(--teal-d);text-transform:uppercase;line-height:1}
.t10-big{font-size:16px;font-weight:900;color:var(--teal-d);line-height:1.1;letter-spacing:-0.5px}
.t10-sub{font-size:7px;font-weight:800;color:var(--teal-d);text-transform:uppercase;line-height:1.2;text-align:center}
.hs-badge-lbl{font-size:.68rem;color:rgba(255,255,255,.65);line-height:1.3;text-align:center}

/* ========================
   EMPATHY / STAT SECTION
   ======================== */
.empathy{background:var(--dark);padding:72px 24px}
.emp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.08);
  border-radius:20px;overflow:hidden;margin-top:52px}
.emp-stat{background:var(--dark);padding:36px 28px;text-align:center}
.emp-num{font-size:clamp(2.2rem,4vw,3.4rem);font-weight:900;color:var(--teal);line-height:1;margin-bottom:8px}
.emp-lbl{font-size:.88rem;color:rgba(255,255,255,.5);line-height:1.4}
.emp-note{max-width:680px;margin:44px auto 0;text-align:center;color:rgba(255,255,255,.55);
  font-size:.92rem;line-height:1.7;border-top:1px solid rgba(255,255,255,.08);padding-top:32px}
.emp-note strong{color:var(--teal-l)}
.emp-disclaimer{font-size:0.75rem; text-align:center; color:rgba(255,255,255,0.4); margin-top:20px;}

/* ========================
   WHY US
   ======================== */
.why{background:var(--teal-p)}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.why-text h2{color:var(--teal-d);margin-bottom:16px}
.why-text p{color:var(--gray);margin-bottom:14px;font-size:1rem}
.chk{list-style:none;margin:22px 0 28px}
.chk li{display:flex;align-items:flex-start;gap:12px;
  padding:11px 0;border-bottom:none var(--a-12);font-size:.96rem}
.chk li:last-child{border-bottom:none}
.chk-ic{width:24px;height:24px;flex-shrink:0;background:var(--teal);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:.68rem;font-weight:900;margin-top:1px}
.why-img-side{position:relative;overflow:hidden;border-radius:22px;box-shadow:var(--sh-lg)}
.why-img-side img{width:100%;height:440px;object-fit:cover;object-position:top center;display:block;border-radius:22px}
.why-float{position:absolute;bottom:-22px;left:-22px;background:#fff;
  border-radius:16px;padding:18px 22px;box-shadow:var(--sh-lg);
  display:flex;align-items:center;gap:14px}
.why-float-icon{font-size:2rem}
.why-float strong{display:block;font-size:1.5rem;color:var(--teal);font-weight:900;line-height:1}
.why-float span{font-size:.78rem;color:var(--gray)}

/* Top10 banner between sections */
.award-banner{background:linear-gradient(135deg,#fef3c7,#fffbeb);padding:28px 24px;
  border-top:3px solid var(--gold);border-bottom:3px solid var(--gold)}
.ab-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;gap:28px;
  justify-content:center;flex-wrap:wrap}
.ab-badge-wrap{flex-shrink:0}
.ab-img{width:90px;height:auto}
.ab-text strong{display:block;font-size:1.3rem;font-weight:900;color:var(--teal-d);line-height:1.2}
.ab-text span{font-size:.9rem;color:var(--gray-d,#4b5563)}
.ab-css-badge{
  width:90px;height:90px;
  background:linear-gradient(145deg,#fcd34d,#f59e0b,#b45309);
  border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:8px;
  box-shadow:0 4px 20px rgba(245,158,11,.4),0 0 0 4px rgba(252,211,77,.3);
}
.ab-css-badge .b-top{font-size:8px;font-weight:900;color:var(--teal-d);text-transform:uppercase}
.ab-css-badge .b-num{font-size:20px;font-weight:900;color:var(--teal-d);line-height:1;letter-spacing:-1px}
.ab-css-badge .b-city{font-size:7px;font-weight:800;color:var(--teal-d);text-transform:uppercase;line-height:1.4}

/* ========================
   DUAL PEDAL COMPARISON
   ======================== */
.pedal{background:#fff}
.pedal .sec-intro{text-align:center;margin-bottom:52px}
.pedal .sec-intro h2{color:var(--teal-d)}
.pedal .sec-intro p{color:var(--gray);max-width:640px;margin:14px auto 0;font-size:1.01rem}
.pedal-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.pc{border-radius:20px;overflow:hidden;transition:transform .3s,box-shadow .3s}
.pc:hover{transform:translateY(-6px);box-shadow:var(--sh-lg)}
.pc.theirs{border:2px solid var(--border)}
.pc.ours{border:2px solid var(--teal)}
.pc-head{padding:20px 26px;display:flex;align-items:center;justify-content:space-between}
.pc.theirs .pc-head{background:#f9fafb}
.pc.ours .pc-head{background:var(--teal)}
.pc-badge{padding:4px 12px;border-radius:100px;font-size:.7rem;font-weight:800;
  text-transform:uppercase;letter-spacing:.5px}
.pc.theirs .pc-badge{background:var(--border);color:var(--gray)}
.pc.ours .pc-badge{background:rgba(255,255,255,.22);color:#fff}
.pc-head h3{font-size:1rem;margin:0}
.pc.theirs .pc-head h3{color:var(--dark)}
.pc.ours .pc-head h3{color:#fff}
.pc-img{background:#f5f5f5;display:flex;align-items:center;justify-content:center;
  min-height:220px;padding:24px}
.pc-img img{width:100%;height:auto;max-height:280px;object-fit:contain;display:block}
.pc-body{padding:24px 26px}
.pc.theirs .pc-body{background:#fafafa}
.pc.ours .pc-body{background:var(--teal-p)}
.pc-list{list-style:none}
.pc-list li{display:flex;align-items:flex-start;gap:10px;
  font-size:.93rem;margin-bottom:10px;line-height:1.5}
.pc.theirs .pc-list li{color:var(--gray)}
.pc.theirs .pc-list li::before{content:'\2715';color:#d1d5db;font-weight:700;flex-shrink:0;margin-top:1px}
.pc.ours .pc-list li{color:var(--dark);font-weight:500}
.pc.ours .pc-list li::before{content:'\2713';color:var(--teal);font-weight:800;flex-shrink:0;margin-top:1px}

/* ========================
   FEATURES
   ======================== */
.feat{background:var(--teal-p)}
.feat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:52px}
.fcard{background:#fff;border-radius:18px;padding:32px 28px;
  box-shadow:var(--sh);display:flex;gap:22px;transition:transform .3s,box-shadow .3s;
  border:1.5px solid transparent}
.fcard:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-color:var(--teal-l)}
.fic{width:56px;height:56px;flex-shrink:0;
  background:linear-gradient(135deg,var(--teal),var(--teal-m));
  border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}
.ft h3{font-size:1rem;margin-bottom:9px;color:var(--teal-d)}
.ft p{font-size:.9rem;color:var(--gray);line-height:1.7}

/* ========================
   HOW IT WORKS
   ======================== */
.hiw{background:#fff}
.hiw-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:56px;
  position:relative}
.hiw-steps::before{content:'';position:absolute;top:32px;left:calc(12.5% + 16px);
  right:calc(12.5% + 16px);height:2px;background:linear-gradient(90deg,var(--teal),var(--teal-l));
  z-index:0}
.hiw-step{position:relative;z-index:1;text-align:center;padding:0 12px}
.hiw-num{width:64px;height:64px;background:linear-gradient(135deg,var(--teal-d),var(--teal));
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:1.3rem;font-weight:900;margin:0 auto 20px;
  box-shadow:0 4px 18px var(--a-40)}
.hiw-step h3{font-size:1rem;color:var(--teal-d);margin-bottom:8px}
.hiw-step p{font-size:.88rem;color:var(--gray);line-height:1.65}

/* ========================
   GALLERY
   ======================== */
.gal{background:var(--gray-l)}
.gal-grid{display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-template-rows:auto auto;
  gap:12px;margin-top:48px}
.gi{border-radius:14px;overflow:hidden;position:relative}
.gi img{width:100%;height:200px;object-fit:cover;display:block;
  transition:transform .5s ease}
.gi:hover img{transform:scale(1.06)}
.gi:nth-child(1){grid-column:span 2}
.gi:nth-child(1) img{height:260px}
.gi::after{content:'';position:absolute;inset:0;
  background:linear-gradient(to top,var(--d-35) 0%,transparent 55%);
  opacity:0;transition:opacity .3s}
.gi:hover::after{opacity:1}

/* ========================
   TESTIMONIALS
   ======================== */
.testi{background:var(--teal-p)}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px}
.tc2{background:#fff;border:1.5px solid var(--border);border-radius:20px;
  padding:32px 28px;transition:all .3s;position:relative}
.tc2:hover{border-color:var(--teal);box-shadow:0 8px 36px var(--a-13);
  transform:translateY(-4px)}
.tc2-stars{color:#f59e0b;font-size:1.05rem;letter-spacing:2px;margin-bottom:14px}
.tc2-q{font-size:.94rem;color:var(--gray);line-height:1.78;margin-bottom:22px;font-style:italic}
.tc2-auth{display:flex;align-items:center;gap:12px}
.tc2-av{width:44px;height:44px;border-radius:50%;flex-shrink:0;
  background:linear-gradient(135deg,var(--teal),var(--teal-m));
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:800;font-size:1rem}
.tc2-nm strong{display:block;font-size:.92rem;font-weight:700}
.tc2-nm span{font-size:.77rem;color:var(--gray)}

/* ========================
   FAQ
   ======================== */
.faq{background:#fff}
.faq-inner{max-width:780px;margin:52px auto 0}
.faq-item{border:1.5px solid var(--border);border-radius:16px;
  margin-bottom:12px;overflow:hidden;transition:border-color .3s,box-shadow .3s;background:#fff}
.faq-item.open{border-color:var(--teal);box-shadow:0 4px 24px var(--a-13)}
.faq-btn{width:100%;padding:22px 26px;display:flex;align-items:center;
  justify-content:space-between;gap:16px;background:none;border:none;
  text-align:left;cursor:pointer;font-family:'Inter',sans-serif}
.faq-q{font-size:.98rem;font-weight:700;color:var(--dark);line-height:1.4;flex:1}
.faq-item.open .faq-q{color:var(--teal-m)}
.faq-ic{width:34px;height:34px;flex-shrink:0;background:var(--gray-l);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:1.25rem;color:var(--gray);font-weight:300;
  transition:all .3s;line-height:1}
.faq-item.open .faq-ic{background:var(--teal);color:#fff;transform:rotate(45deg)}
.faq-ans{max-height:0;overflow:hidden;transition:max-height .45s ease,padding .3s}
.faq-item.open .faq-ans{max-height:600px}
.faq-ans-inner{padding:0 26px 24px;border-top:1.5px solid var(--border);padding-top:20px}
.faq-ans p{font-size:.94rem;color:var(--gray);line-height:1.82}

/* ========================
   AWARDS
   ======================== */
.awards{background:var(--teal-p)}
.awards-row{display:flex;flex-wrap:wrap;gap:20px;
  justify-content:center;align-items:center;margin-top:48px}
.aw{background:#fff;border-radius:16px;padding:20px;
  width:140px;text-align:center;transition:transform .3s,box-shadow .3s;
  box-shadow:var(--sh)}
.aw:hover{transform:translateY(-5px);box-shadow:var(--sh-lg)}
.aw img{width:100%;height:auto;object-fit:contain}

/* ========================
   CTA SECTION
   ======================== */
.cta{position:relative;
  padding:100px 24px}
.cta-wrap{position:relative;z-index:2;max-width:700px;margin:0 auto;text-align:center}
.cta-wrap h2{color:#fff;margin-bottom:14px}
.cta-wrap>p{color:rgba(255,255,255,.85);font-size:1.06rem;margin-bottom:40px;
  max-width:520px;margin-left:auto;margin-right:auto;line-height:1.75}
.cta-card{background:rgba(255,255,255,.08);backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:32px}
.cta-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.cin{width:100%;padding:14px 16px;border:1.5px solid rgba(255,255,255,.25);
  border-radius:11px;background:rgba(255,255,255,.12);color:#fff;
  font-size:.93rem;font-family:'Inter',sans-serif;outline:none;transition:border-color .2s}
.cin::placeholder{color:rgba(255,255,255,.48)}
.cin:focus{border-color:rgba(255,255,255,.6)}
.cta-ph{display:flex;border:1.5px solid rgba(255,255,255,.25);
  border-radius:11px;overflow:hidden;margin-bottom:16px}
.cta-ph:focus-within{border-color:rgba(255,255,255,.6)}
.cta-cc{padding:14px 11px;background:rgba(255,255,255,.18);
  border-right:1.5px solid rgba(255,255,255,.2);color:#fff;
  font-size:.88rem;font-weight:700;display:flex;align-items:center;white-space:nowrap}
.cta-ph .cin{border:none;background:transparent;border-radius:0;margin:0}
.cta-go{width:100%;padding:16px;background:#fff;color:var(--teal);
  border:none;border-radius:100px;font-size:1.02rem;font-weight:800;
  cursor:pointer;font-family:'Inter',sans-serif;transition:all .3s}
.cta-go:hover{background:var(--teal-l);transform:translateY(-2px)}
.cta-err{color:#fca5a5;font-size:.78rem;margin-top:8px;display:none}
.cta-success{display:none;text-align:center;padding:32px 0}
.cta-success .st{font-size:3rem;margin-bottom:12px}
.cta-success h3{color:#fff;margin-bottom:8px}
.cta-success p{color:rgba(255,255,255,.8);font-size:.95rem}

/* ========================
   FOOTER
   ======================== */
footer{background:var(--teal-d);padding:52px 24px 28px}
.foot-grid{max-width:1140px;margin:0 auto;
  display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px;align-items:start}
.foot-logo img{height:48px;margin-bottom:16px}
.foot-logo p{font-size:.87rem;color:rgba(255,255,255,.48);line-height:1.65}
.foot-col h5{color:rgba(255,255,255,.85);font-size:.78rem;font-weight:700;
  text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}
.foot-col a,.foot-col p{font-size:.89rem;color:rgba(255,255,255,.5);
  display:block;margin-bottom:9px;line-height:1.5}
.foot-col a:hover{color:var(--teal-l)}
.foot-div{border:none;border-top:1px solid rgba(255,255,255,.08);
  margin:36px auto 20px;max-width:1140px}
.foot-bot{max-width:1140px;margin:0 auto;display:flex;
  justify-content:space-between;align-items:center;
  font-size:.74rem;color:rgba(255,255,255,.28);flex-wrap:wrap;gap:8px}

/* ========================
   RESPONSIVE
   ======================== */
@media(max-width:960px){
  .why-grid{grid-template-columns:1fr;gap:40px}
  .why-img-side img{height:360px!important}
  .pedal-grid{grid-template-columns:1fr}
  .feat-grid{grid-template-columns:1fr}
  .testi-grid{grid-template-columns:1fr}
  .hiw-steps{grid-template-columns:repeat(2,1fr)}
  .hiw-steps::before{display:none}
  .foot-grid{grid-template-columns:1fr;gap:28px}
  .cta-row{grid-template-columns:1fr}
  .gal-grid{grid-template-columns:repeat(2,1fr)}
  .gi:nth-child(1){grid-column:span 2}
  .emp-grid{grid-template-columns:repeat(2,1fr)}
  .hero,.cta{background-attachment:scroll,scroll,scroll,scroll}
  .hero-wrap{padding:110px 24px 100px}
  .hero-logo{left:24px}
  .hs-item{border-right:none;border-bottom:none rgba(255,255,255,.1);
    flex:1 1 150px;justify-content:center}
}
/* ========================
   STICKY NAV BAR
   ======================== */
.snav{
  position:fixed;top:0;left:0;right:0;z-index:950;
  background:var(--d-00);
  backdrop-filter:blur(0px);
  border-bottom:none;
  transition:background .35s,backdrop-filter .35s,box-shadow .35s;
  padding:0 24px;
}
.snav.scrolled{
  background:var(--d-96);
  backdrop-filter:blur(12px);
  box-shadow:0 2px 20px rgba(0,0,0,.3);
}
.snav-inner{
  max-width:1140px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  height:64px;gap:20px;
}
.snav-logo img{height:36px;width:auto;opacity:0;transition:opacity .35s}
.snav.scrolled .snav-logo img{opacity:1}
.snav-links{display:flex;align-items:center;gap:4px}
.snav-links a{
  color:rgba(255,255,255,.7);
  font-size:.82rem;font-weight:600;
  padding:8px 14px;border-radius:100px;
  transition:color .2s,background .2s;
  white-space:nowrap;
}
.snav-links a:hover{color:#fff;background:rgba(255,255,255,.1)}
.snav-links a.active{color:var(--teal-l);background:var(--a-08, rgba(13,148,136,.08))}
.snav-cta{
  background:var(--teal);color:#fff;
  border:none;border-radius:100px;
  padding:9px 20px;font-size:.82rem;font-weight:700;
  cursor:pointer;font-family:'Inter',sans-serif;
  white-space:nowrap;transition:all .2s;
  text-decoration:none;display:inline-flex;align-items:center;gap:6px;
}
.snav-cta:hover{background:var(--teal-m);transform:translateY(-1px)}

/* Hamburger button */
.snav-ham{
  display:none;flex-direction:column;justify-content:center;gap:5px;
  background:none;border:none;cursor:pointer;padding:8px 6px;
  -webkit-tap-highlight-color:transparent;
}
.snav-ham span{
  display:block;width:22px;height:2.5px;
  background:#fff;border-radius:3px;
  transition:all .3s cubic-bezier(.25,.46,.45,.94);
}
.snav-ham.open span:nth-child(1){transform:rotate(45deg) translate(5.5px,5.5px)}
.snav-ham.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.snav-ham.open span:nth-child(3){transform:rotate(-45deg) translate(5.5px,-5.5px)}

/* Mobile dropdown nav */
.snav-mob{
  position:absolute;top:100%;left:0;right:0;
  background:var(--d-98);backdrop-filter:blur(16px);
  border-bottom:none rgba(255,255,255,.1);
  padding:0 24px;
  max-height:0;overflow:hidden;
  transition:max-height .38s cubic-bezier(.25,.46,.45,.94),padding .3s;
}
.snav-mob.open{max-height:340px;padding:8px 24px 16px}
.snav-mob a{
  display:flex;align-items:center;gap:10px;
  color:rgba(255,255,255,.78);
  font-size:.95rem;font-weight:600;
  padding:13px 0;
  border-bottom:none rgba(255,255,255,.07);
  transition:color .2s;
}
.snav-mob a:last-child{border-bottom:none}
.snav-mob a:hover,.snav-mob a:active{color:var(--teal-l)}
.snav-mob a::before{content:'›';color:var(--teal);font-size:1.1rem;font-weight:900}
/* ── MOBILE BOTTOM CALLBACK BAR (hidden on desktop) ── */
.mob-cb{
  display:none;
  position:fixed;bottom:0;left:0;right:0;z-index:890;
  background:linear-gradient(135deg,var(--teal-d),var(--teal));
  color:#fff;padding:16px 24px;
  font-size:.95rem;font-weight:800;letter-spacing:.4px;
  align-items:center;justify-content:center;gap:10px;
  border-top:2px solid rgba(255,255,255,.15);
  box-shadow:0 -4px 24px var(--a-40);
  cursor:pointer;animation:sfPulse 2.4s ease-in-out infinite;
  -webkit-tap-highlight-color:transparent;
}
/* Mobile overlay */
.mob-overlay{
  display:none;position:fixed;inset:0;
  background:rgba(0,0,0,.55);z-index:895;
  opacity:0;transition:opacity .3s;
}
.mob-overlay.on{opacity:1}
/* Mobile bottom sheet */
.mob-sheet{
  display:none;position:fixed;
  bottom:0;left:0;right:0;z-index:896;
  background:#fff;border-radius:24px 24px 0 0;
  padding:8px 24px 36px;
  box-shadow:0 -8px 48px rgba(0,0,0,.22);
  transform:translateY(100%);
  transition:transform .38s cubic-bezier(.25,.46,.45,.94);
  max-height:90vh;overflow-y:auto;
}
.mob-sheet.open{transform:translateY(0)}
.mob-sheet-drag{width:40px;height:4px;background:#e5e7eb;
  border-radius:4px;margin:10px auto 20px}
.mob-sheet h3{font-size:1.1rem;font-weight:800;color:var(--teal-d);
  margin-bottom:4px;text-align:center}
.mob-sheet .ms-sub{font-size:.82rem;color:var(--gray);text-align:center;margin-bottom:20px}
.mob-sheet .sf-lbl{font-size:.7rem}
.mob-sheet .sf-inp{padding:13px 15px;font-size:.95rem}
.mob-sheet .sf-btn{padding:15px;font-size:.95rem}

@media(max-width:768px){
  .sf-wrap{display:none!important}
  .mob-cb{display:flex}
  body{padding-bottom:62px}

  .snav{
    background:var(--d-97)!important;
    backdrop-filter:blur(12px)!important;
    border-color:rgba(255,255,255,.1)!important;
  }
  .snav-logo img{opacity:1!important}
  .snav-logo img{height:32px}
  .snav-links{display:none}         
  .snav-ham{display:flex}            
  .snav-cta{font-size:.76rem;padding:8px 13px;gap:5px}
  .snav-inner{height:56px}

  .hero{
    display:flex;flex-direction:column;
    align-items:stretch;min-height:100vh;
  }
  .hero-logo{display:none}           
  .hero-wrap{
    flex:1;
    display:flex;flex-direction:column;justify-content:center;
    padding:80px 20px 28px;
    max-width:100%;
  }
  .hero h1{font-size:1.95rem}
  .hero-sub{font-size:.95rem;margin:16px 0 28px}
  .hero-ctas{flex-direction:column;gap:10px}
  .hero-ctas .btn{width:100%;justify-content:center;padding:15px 24px}
  .hero-strip{
    position:static;flex-shrink:0;
    flex-wrap:wrap;
  }
  .hs-item{
    flex:1 1 calc(50% - 1px);
    border-right:none;border-bottom:none rgba(255,255,255,.1);
    padding:13px 12px;justify-content:flex-start;gap:8px;
  }
  .hs-item:nth-child(odd){border-right:1px solid rgba(255,255,255,.1)}
  .hs-badge{flex:1 1 100%;justify-content:center;
    border-right:none;border-bottom:none;padding:14px}
  .top10-seal{width:52px;height:52px}
  .t10-big{font-size:12px}
  .t10-sub{font-size:5.5px}
  .hs-badge-lbl{font-size:.65rem}

  .emp-grid{grid-template-columns:repeat(2,1fr)}
  .why-grid{grid-template-columns:1fr;gap:36px}
  .why-float{display:none}
  .why-img-side img{height:280px!important}
  .feat-grid{grid-template-columns:1fr}
  .pedal-grid{grid-template-columns:1fr}
  .hiw-steps{grid-template-columns:repeat(2,1fr)}
  .hiw-steps::before{display:none}
  .testi-grid{grid-template-columns:1fr}
  .gal-grid{grid-template-columns:repeat(2,1fr)}
  .gi:nth-child(1){grid-column:span 2}
  .gi img{height:150px}
  .gi:nth-child(1) img{height:190px}
  .foot-grid{grid-template-columns:1fr;gap:24px}
  .cta-row{grid-template-columns:1fr}
  .cta{background-attachment:scroll,scroll}
  .ab-inner{flex-direction:column;text-align:center}
}

@media(max-width:480px){
  section{padding:56px 16px}
  .hero h1{font-size:1.75rem}
  .hero-sub{font-size:.9rem}
  .hiw-steps{grid-template-columns:1fr}
  .emp-grid{grid-template-columns:1fr 1fr}
  .why-img-side img{height:220px!important}
  .cta-card{padding:20px 16px}
  .pop-body{padding:20px 20px 24px}
  .pop-top{padding:24px 20px 18px}
  .mob-sheet{padding:8px 16px 32px}
  .hs-item strong{font-size:.9rem}
  .hs-item span{font-size:.65rem}
}
  
/* HONEYPOT (anti-bot, hidden from humans) */
.hp-field{position:absolute;left:-9999px;opacity:0;height:0;width:0;pointer-events:none}