*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Sora',sans-serif;background:#fff;color:#111827;line-height:1.6;font-size:16px;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

:root{
  --blue:#2563EB;
  --blue-light:#EFF6FF;
  --blue-mid:#DBEAFE;
  --green:#16A34A;
  --green-light:#F0FDF4;
  --red-light:#FEF2F2;
  --red:#DC2626;
  --gray-50:#F9FAFB;
  --gray-100:#F3F4F6;
  --gray-200:#E5E7EB;
  --gray-400:#9CA3AF;
  --gray-600:#4B5563;
  --gray-800:#1F2937;
  --gray-900:#111827;
  --radius:10px;
  --radius-lg:16px;
  --shadow:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.04);
  --shadow-md:0 4px 16px rgba(0,0,0,0.08);
}

.container{max-width:1120px;margin:0 auto;padding:0 28px}
.container-sm{max-width:720px;margin:0 auto;padding:0 28px}

h1{font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.15;letter-spacing:-0.03em;color:#111827}
h2{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:700;line-height:1.2;letter-spacing:-0.025em;color:#111827}
h3{font-size:1.05rem;font-weight:600;color:#111827}
p{color:#4B5563}

.btn{display:inline-flex;align-items:center;gap:8px;font-family:'Sora',sans-serif;font-weight:600;font-size:0.9rem;padding:12px 24px;border-radius:8px;border:none;cursor:pointer;transition:all 0.18s;white-space:nowrap}
.btn-primary{background:#2563EB;color:#fff}
.btn-primary:hover{background:#1D4ED8;transform:translateY(-1px);box-shadow:0 4px 16px rgba(37,99,235,0.3)}
.btn-secondary{background:#fff;color:#111827;border:1.5px solid #E5E7EB}
.btn-secondary:hover{border-color:#9CA3AF;background:#F9FAFB}
.btn-lg{padding:15px 32px;font-size:0.95rem}
.btn-block{width:100%;justify-content:center}

.label-tag{display:inline-flex;align-items:center;gap:6px;background:#EFF6FF;color:#1D4ED8;font-size:0.72rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;padding:5px 12px;border-radius:100px;margin-bottom:16px}
.label-tag-dot{width:6px;height:6px;border-radius:50%;background:#2563EB}

/* HEADER */
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: rgba(255,255,255,0.97);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--gray-200);
  padding: 0;
}
 
.header .container {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 28px;
}
 
.header-inner {
  display: flex;
  align-items: center;
  height: 68px;
  gap: 0;
}
 
/* ---- Logo ---- */
.logo { display: flex; align-items: center; margin-right: 28px; flex-shrink: 0; }
.logo-img { height: 48px; width: auto; max-width: 160px; object-fit: contain; display: block; }
 
/* ---- Desktop nav ---- */
.nav {
  display: flex;
  align-items: center;
  gap: 2px;
  flex: 1;
}
 
.nav-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--gray-600);
  font-family: 'Sora', sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 6px 11px;
  border-radius: 7px;
  text-decoration: none;
  border: none;
  background: none;
  cursor: pointer;
  white-space: nowrap;
  transition: color 0.15s, background 0.15s;
  line-height: 1;
}
 
.nav-link:hover,
.nav-link.active,
.nav-dropdown:hover > .nav-link {
  color: var(--gray-900);
  background: var(--gray-100);
}
 
.nav-chevron {
  transition: transform 0.18s;
  flex-shrink: 0;
  color: var(--gray-400);
}
 
.nav-dropdown:hover .nav-chevron,
.nav-link--dropdown[aria-expanded="true"] .nav-chevron {
  transform: rotate(180deg);
}
 
/* ---- Header actions ---- */
.header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: 16px;
  flex-shrink: 0;
}
 
/* Phone button — ghost style matching existing .btn-secondary */
.btn-phone {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Sora', sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--gray-600);
  padding: 8px 14px;
  border-radius: 8px;
  border: 1.5px solid var(--gray-200);
  background: #fff;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.18s;
}
 
.btn-phone:hover {
  color: var(--gray-900);
  border-color: var(--gray-400);
  background: var(--gray-50);
}
 
/* ---- Dropdown panel ---- */
.nav-dropdown { position: relative; }
 
.dropdown-panel {
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%) translateY(-4px);
  background: #fff;
  border: 1px solid var(--gray-200);
  border-radius: var(--radius-lg);
  box-shadow: 0 8px 32px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.05);
  min-width: 640px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s, transform 0.18s;
  z-index: 200;
}
 
.nav-dropdown:hover .dropdown-panel {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}
 
/* Small bridge so mouse can move from nav-link to panel without gap */
.dropdown-panel::before {
  content: '';
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  height: 12px;
}
 
.dropdown-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 210px;
  padding: 20px;
  gap: 0;
}
 
.dropdown-col { padding: 0 16px; }
.dropdown-col:first-child { padding-left: 0; }
.dropdown-col:not(:last-child) { border-right: 1px solid var(--gray-100); }
 
.dropdown-col-title {
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--gray-400);
  text-transform: uppercase;
  letter-spacing: 0.07em;
  margin: 0 0 10px;
}
 
.dropdown-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  border-radius: var(--radius);
  text-decoration: none;
  color: inherit;
  transition: background 0.12s;
  margin-bottom: 2px;
}
 
.dropdown-item:hover { background: var(--gray-50); }
 
.dropdown-icon {
  width: 32px;
  height: 32px;
  border-radius: 7px;
  background: var(--green-light);
  color: var(--green);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
 
.dropdown-icon--blue {
  background: var(--blue-light);
  color: var(--blue);
}
 
.dropdown-item-text { display: flex; flex-direction: column; gap: 2px; }
.dropdown-item-label { font-size: 0.825rem; font-weight: 600; color: var(--gray-900); }
.dropdown-item-sub   { font-size: 0.75rem;  color: var(--gray-400); }
 
/* CTA card in dropdown */
.dropdown-col--cta { padding-left: 20px; display: flex; align-items: flex-start; }
 
.dropdown-cta-card {
  background: var(--blue-light);
  border: 1px solid var(--blue-mid);
  border-radius: var(--radius);
  padding: 16px;
  width: 100%;
}
 
.dropdown-cta-title {
  font-size: 0.825rem;
  font-weight: 700;
  color: #1e3a8a;
  margin: 0 0 6px;
}
 
.dropdown-cta-desc {
  font-size: 0.75rem;
  color: #1d4ed8;
  line-height: 1.55;
  margin: 0 0 14px;
}
 
.dropdown-cta-btn {
  display: block;
  background: var(--blue);
  color: #fff;
  font-family: 'Sora', sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 9px 14px;
  border-radius: 7px;
  text-align: center;
  text-decoration: none;
  transition: background 0.15s, transform 0.1s;
}
 
.dropdown-cta-btn:hover { background: #1D4ED8; transform: translateY(-1px); }
 
/* ---- Industries dropdown ---- */
.dropdown-panel--industries {
  min-width: 480px;
  left: 0;
  transform: translateY(-4px);
}
 
.nav-dropdown:hover .dropdown-panel--industries {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
 
.dropdown-industries-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
  padding: 14px;
}
 
.dropdown-industry-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-radius: var(--radius);
  text-decoration: none;
  color: inherit;
  transition: background 0.12s;
}
 
.dropdown-industry-item:hover { background: var(--gray-50); }
 
.dropdown-industry-item--all {
  border-top: 1px solid var(--gray-100);
  grid-column: 1 / -1;
  margin-top: 6px;
  padding-top: 12px;
  color: var(--blue);
}
 
.industry-icon { font-size: 18px; width: 28px; text-align: center; flex-shrink: 0; line-height: 1; }
 
/* ---- Hamburger ---- */
.nav-hamburger {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 36px;
  height: 36px;
  padding: 6px;
  background: none;
  border: 1.5px solid var(--gray-200);
  border-radius: 7px;
  cursor: pointer;
  margin-left: 10px;
  flex-shrink: 0;
}
 
.nav-hamburger span {
  display: block;
  height: 1.5px;
  background: var(--gray-600);
  border-radius: 2px;
  transition: transform 0.2s, opacity 0.2s;
}
 
.nav-hamburger[aria-expanded="true"] span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.nav-hamburger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.nav-hamburger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }
 
/* ---- Mobile overlay ---- */
.mobile-menu-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.4);
  z-index: 998;
}
.mobile-menu-overlay.is-open { display: block; }
 
/* ---- Mobile drawer ---- */
.mobile-menu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(360px, 92vw);
  background: #fff;
  z-index: 999;
  overflow-y: auto;
  transform: translateX(100%);
  transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
}
 
.mobile-menu.is-open { transform: translateX(0); }
 
.mobile-menu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid var(--gray-100);
}
 
.mobile-menu-close {
  width: 32px;
  height: 32px;
  border: 1.5px solid var(--gray-200);
  border-radius: 7px;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gray-600);
  font-size: 18px;
  line-height: 1;
}
 
.mobile-menu-inner {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-bottom: 24px;
}
 
.mobile-nav-group { border-bottom: 1px solid var(--gray-100); }
 
.mobile-nav-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  font-family: 'Sora', sans-serif;
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--gray-800);
  text-decoration: none;
  border: none;
  background: none;
  cursor: pointer;
  width: 100%;
  text-align: left;
  border-bottom: 1px solid var(--gray-100);
  transition: background 0.12s;
}
 
.mobile-nav-item:hover { background: var(--gray-50); }
.mobile-nav-group .mobile-nav-item { border-bottom: none; }
 
.mobile-nav-item--parent[aria-expanded="true"] { color: var(--blue); }
.mobile-nav-item--parent[aria-expanded="true"] .nav-chevron { transform: rotate(180deg); color: var(--blue); }
 
.mobile-subnav {
  display: none;
  background: var(--gray-50);
  border-bottom: 1px solid var(--gray-100);
  padding: 4px 0 8px;
}
.mobile-subnav.is-open { display: block; }
 
.mobile-subnav-item {
  display: block;
  padding: 9px 20px 9px 34px;
  font-family: 'Sora', sans-serif;
  font-size: 0.825rem;
  font-weight: 500;
  color: var(--gray-600);
  text-decoration: none;
  transition: color 0.12s;
}
.mobile-subnav-item:hover { color: var(--blue); }
 
.mobile-nav-item--phone {
  gap: 8px;
  justify-content: flex-start;
  color: var(--gray-600);
  font-size: 0.875rem;
}
 
.mobile-menu-footer {
  margin-top: auto;
  padding: 16px 20px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
 
.btn--full { display: block; width: 100%; text-align: center; box-sizing: border-box; }
 
/* ---- Responsive ---- */
@media (max-width: 1060px) {
  .nav-link { font-size: 0.825rem; padding: 6px 8px; }
}
 
@media (max-width: 900px) {
  .nav { display: none; }
  .btn-phone { display: none; }
  .nav-hamburger { display: flex; }
}
 
@media (max-width: 480px) {
  /* On very small screens the Free Audit btn in the top bar hides
     — the full-width one inside the mobile drawer takes over */
  .header-actions .btn-primary { display: none; }
}
 

/* HERO */
.hero{padding:128px 0 80px;background:#fff;border-bottom:1px solid #E5E7EB}
.hero-grid{display:grid;grid-template-columns:1fr 460px;gap:72px;align-items:center}
.hero-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:20px}
.hero-pill{background:#EFF6FF;color:#1D4ED8;font-size:0.72rem;font-weight:600;letter-spacing:0.07em;text-transform:uppercase;padding:5px 12px;border-radius:100px;border:1px solid #DBEAFE}
.hero h1{margin-bottom:18px}
.hero h1 span{color:#2563EB}
.hero-sub{font-size:1.02rem;line-height:1.75;color:#4B5563;margin-bottom:28px;max-width:500px}
.hero-cta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:32px}
.hero-proof{display:flex;align-items:center;gap:16px;padding-top:24px;border-top:1px solid #F3F4F6}
.stars{color:#F59E0B;font-size:0.95rem;letter-spacing:1px}
.hero-proof p{font-size:0.82rem;color:#6B7280}
.hero-proof strong{color:#111827}

/* Hero form */
.hero-form-card{background:#F9FAFB;border:1px solid #E5E7EB;border-radius:var(--radius-lg);padding:32px 28px}
.form-card-title{font-size:1rem;font-weight:700;color:#111827;margin-bottom:4px}
.form-card-sub{font-size:0.82rem;color:#6B7280;margin-bottom:22px}
.fg{margin-bottom:13px}
.fg label{display:block;font-size:0.75rem;font-weight:600;color:#374151;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:5px}
.fg input,.fg select{width:100%;background:#fff;border:1px solid #E5E7EB;color:#111827;padding:11px 14px;border-radius:8px;font-family:'Sora',sans-serif;font-size:0.875rem;outline:none;transition:border-color 0.16s}
.fg input:focus,.fg select:focus{border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,0.1)}
.fg input::placeholder{color:#9CA3AF}
.form-note{font-size:0.73rem;color:#6B7280;text-align:center;margin-top:10px}

/* TRUST BAR */
.trust-bar{background:#F9FAFB;border-bottom:1px solid #E5E7EB;padding:20px 0;overflow:hidden}
.trust-scroll{display:flex;gap:40px;animation:scroll-left 24s linear infinite;white-space:nowrap}
.trust-item-tick{display:flex;align-items:center;gap:8px;color:#4B5563;font-size:0.82rem;font-weight:500;flex-shrink:0}
.tick-icon{width:18px;height:18px;background:#DCFCE7;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* STATS */
.stats-section{background:#2563EB;padding:48px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;text-align:center}
.stat-item{padding:0 24px;border-right:1px solid rgba(255,255,255,0.15)}
.stat-item:last-child{border-right:none}
.stat-num{font-size:2.2rem;font-weight:800;color:#fff;letter-spacing:-0.04em;line-height:1}
.stat-lbl{font-size:0.78rem;color:#dbeafe;margin-top:6px;font-weight:500}

/* SECTIONS */
section{padding:88px 0}
.section-hd{text-align:center;margin-bottom:52px}
.section-hd h2{margin-bottom:12px}
.section-hd p{color:#4B5563;max-width:540px;margin:0 auto;font-size:1rem;line-height:1.75}

/* PAIN */
.pain-section{background:#F9FAFB}
.pain-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:40px}
.pain-card{background:#fff;border:1px solid #E5E7EB;border-radius:var(--radius);padding:24px;transition:box-shadow 0.2s,border-color 0.2s}
.pain-card:hover{border-color:#BFDBFE;box-shadow:var(--shadow-md)}
.pain-icon-box{width:38px;height:38px;border-radius:8px;background:#FEF2F2;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.pain-card h3{font-size:0.9rem;font-weight:600;color:#111827;margin-bottom:6px;line-height:1.4}
.pain-card p{font-size:0.84rem;line-height:1.65;color:#6B7280}
.pain-transition{text-align:center}
.arrow-circle{width:48px;height:48px;border-radius:50%;background:#EFF6FF;border:1px solid #DBEAFE;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.pain-transition p{font-size:0.95rem;font-weight:500;color:#374151}

/* COMPARISON */
.comparison-section{background:#fff}
.comp-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.comp-card{border-radius:var(--radius-lg);padding:32px 28px;border:1px solid}
.comp-card-bad{background:#FFFBFB;border-color:#FECACA}
.comp-card-good{background:#F0FDF4;border-color:#BBF7D0}
.comp-badge{display:inline-block;font-size:0.7rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:4px 12px;border-radius:100px;margin-bottom:16px}
.badge-bad{background:#FEE2E2;color:#991B1B}
.badge-good{background:#DCFCE7;color:#166534}
.comp-card h3{font-size:1.1rem;font-weight:700;margin-bottom:18px}
.comp-card-bad h3{color:#991B1B}
.comp-card-good h3{color:#15803D}
.comp-list{list-style:none;display:flex;flex-direction:column;gap:10px}
.comp-list li{font-size:0.875rem;display:flex;gap:10px;align-items:flex-start;line-height:1.55}
.comp-card-bad .comp-list li{color:#7F1D1D}
.comp-card-good .comp-list li{color:#14532D}
.comp-marker{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;font-size:10px;font-weight:700}
.marker-bad{background:#FEE2E2;color:#DC2626}
.marker-good{background:#DCFCE7;color:#16A34A}
.comp-result{margin-top:18px;padding:12px 16px;border-radius:8px;font-size:0.85rem;font-weight:600}
.result-bad{background:#FEE2E2;color:#7F1D1D}
.result-good{background:#DCFCE7;color:#14532D}

/* SERVICES */
.services-section{background:#F9FAFB}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.service-card{background:#fff;border:1px solid #E5E7EB;border-radius:var(--radius);padding:24px;transition:border-color 0.2s,box-shadow 0.2s}
.service-card:hover{border-color:#BFDBFE;box-shadow:var(--shadow-md)}
.service-icon{width:40px;height:40px;border-radius:8px;background:#EFF6FF;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.service-card h3{font-size:0.95rem;color:#111827;margin-bottom:8px}
.service-card p{font-size:0.84rem;line-height:1.65;color:#6B7280}
.service-card ul{list-style:none;margin-top:12px;display:flex;flex-direction:column;gap:5px}
.service-card ul li{font-size:0.8rem;color:#6B7280;display:flex;align-items:center;gap:7px}
.service-card ul li::before{content:'';width:4px;height:4px;border-radius:50%;background:#2563EB;flex-shrink:0}
.service-feat-badge{display:inline-block;background:#EFF6FF;color:#1D4ED8;font-size:0.68rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;padding:3px 9px;border-radius:100px;margin-bottom:8px;border:1px solid #DBEAFE}

/* PROCESS */
.process-section{background:#fff}
.process-steps{max-width:680px;margin:0 auto;position:relative}
.process-steps::before{content:'';position:absolute;left:24px;top:50px;bottom:0;width:1px;background:#E5E7EB}
.process-step{display:flex;gap:24px;padding-bottom:44px;position:relative}
.process-step:last-child{padding-bottom:0}
.step-circle{width:50px;height:50px;border-radius:50%;background:#EFF6FF;border:2px solid #2563EB;display:flex;align-items:center;justify-content:center;font-size:0.85rem;font-weight:700;color:#2563EB;flex-shrink:0;position:relative;z-index:1}
.step-body{padding-top:10px}
.step-body h3{font-size:1rem;color:#111827;margin-bottom:7px;font-weight:600}
.step-body p{font-size:0.875rem;color:#6B7280;line-height:1.7}
.step-week{display:inline-block;background:#F3F4F6;color:#6B7280;font-size:0.72rem;font-weight:600;padding:3px 10px;border-radius:100px;margin-top:8px}

/* CALCULATOR */
.calc-section{background:#F9FAFB}
.calc-inner{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.calc-left h2{margin-bottom:10px}
.calc-left>p{color:#6B7280;margin-bottom:28px}
.calc-field{margin-bottom:18px}
.calc-field label{display:block;font-size:0.75rem;font-weight:600;color:#374151;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:7px}
.calc-select{width:100%;background:#fff;border:1px solid #E5E7EB;color:#111827;padding:11px 14px;border-radius:8px;font-family:'Sora',sans-serif;font-size:0.875rem;outline:none;cursor:pointer;appearance:none}
.calc-select:focus{border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,0.1)}
.slider-row{display:flex;align-items:center;gap:14px}
.slider-row span{font-size:0.95rem;font-weight:700;color:#2563EB;min-width:60px;text-align:right}
input[type="range"].slider{-webkit-appearance:none;appearance:none;flex:1;height:3px;background:#E5E7EB;border-radius:2px;outline:none;cursor:pointer}
input[type="range"].slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#2563EB;border:3px solid #fff;cursor:pointer;box-shadow:0 0 0 1px #2563EB}
.result-card{background:#fff;border:1px solid #E5E7EB;border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow)}
.result-card h3{font-size:0.95rem;font-weight:700;color:#111827;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #F3F4F6}
.result-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #F3F4F6}
.result-row:last-of-type{border-bottom:none}
.result-row-lbl{font-size:0.83rem;color:#6B7280}
.result-row-val{font-size:0.95rem;font-weight:700;color:#111827}
.result-highlight{margin-top:18px;background:#EFF6FF;border:1px solid #DBEAFE;border-radius:10px;padding:18px;text-align:center}
.result-hl-lbl{font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#1D4ED8;margin-bottom:5px}
.result-hl-val{font-size:2rem;font-weight:800;color:#1D4ED8;letter-spacing:-0.03em}
.calc-note{font-size:0.72rem;color:#6B7280;margin-top:10px;line-height:1.55}

/* FAQ */
.faq-section{background:#fff}
.faq-list{max-width:720px;margin:0 auto}
.faq-item{border-bottom:1px solid #F3F4F6}
.faq-btn{width:100%;background:none;border:none;cursor:pointer;padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left}
.faq-q{font-family:'Sora',sans-serif;font-weight:600;font-size:0.92rem;color:#111827}
.faq-chevron{width:28px;height:28px;border-radius:50%;background:#F3F4F6;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.18s,transform 0.22s;font-size:1rem;color:#4B5563;font-family:'Sora',sans-serif;font-weight:400}
.faq-item.open .faq-chevron{background:#EFF6FF;color:#2563EB;transform:rotate(45deg)}
.faq-panel{max-height:0;overflow:hidden;transition:max-height 0.3s ease}
.faq-panel p{font-size:0.875rem;color:#6B7280;line-height:1.75;padding-bottom:18px}

/* CTA */
.cta-section{background:#2563EB;padding:88px 0}
.cta-inner{text-align:center;max-width:660px;margin:0 auto}
.cta-inner h2{color:#fff;margin-bottom:12px}
.cta-inner>p{color:rgba(255,255,255,0.75);margin-bottom:36px;font-size:1rem}
.cta-form{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:var(--radius-lg);padding:32px}
.cta-form .fg label{color:#F9FAFB}
.cta-form .fg input,.cta-form .fg select{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.2);color:#fff}
.cta-form .fg input::placeholder{color:rgba(255,255,255,0.4)}
.cta-form .fg input:focus,.cta-form .fg select:focus{border-color:rgba(255,255,255,0.6);box-shadow:none}
.cta-form .fg select option{background:#1D4ED8;color:#fff}
.form-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.btn-white{background:#fff;color:#2563EB;font-weight:700}
.btn-white:hover{background:#F0F9FF;box-shadow:0 4px 14px rgba(0,0,0,0.12)}
.cta-form-note{font-size:0.73rem;color:#D1D5DB;margin-top:10px}
.cta-badge{display:inline-block;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.25);color:#fff;font-size:0.72rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;padding:5px 14px;border-radius:100px;margin-bottom:18px}

/* FOOTER */
.footer{background:#111827;padding:56px 0 24px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:40px}
.footer-brand-desc{color:#D1D5DB;font-size:0.85rem;margin-top:14px;line-height:1.7}
.footer-col h3{color:#fff;font-size:0.85rem;font-weight:600;margin-bottom:14px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.footer-col ul a{color:#D1D5DB;font-size:0.83rem;transition:color 0.16s}
.footer-col ul a:hover{color:#E5E7EB}
.footer-contact p{color:#D1D5DB;font-size:0.83rem;margin-bottom:7px;line-height:1.55}
.footer-contact a{color:#93C5FD;transition:color 0.16s}
.footer-contact a:hover{color:#BFDBFE}
.footer-bottom{border-top:1px solid #9CA3AF;padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.footer-bottom p{color:#374151;font-size:0.75rem}
.footer-legal{display:flex;gap:18px}
.footer-legal a{color:#9CA3AF;font-size:0.75rem;transition:color 0.16s}
.footer-legal a:hover{color:#9CA3AF}


.footer-social {
  display: flex;
  gap: 12px;
  margin-top: 16px;
}

.footer-social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  color: #9CA3AF;
  transition: background 0.2s, color 0.2s;
}

.footer-social a:hover {
  background: #2563EB;
  color: #ffffff;
}
.float-cta{position:fixed;bottom:24px;right:24px;z-index:99;background:#25D366;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(37,211,102,0.35);transition:transform 0.18s,box-shadow 0.18s}
.float-cta:hover{transform:scale(1.08);box-shadow:0 6px 24px rgba(37,211,102,0.45)}

@media(max-width:1024px){
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .hero-form-card{max-width:460px}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .calc-inner{grid-template-columns:1fr;gap:32px}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  h1{font-size:2rem}
  h2{font-size:1.65rem}
  .nav{display:none}
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:24px}
  .pain-grid,.comp-grid,.services-grid{grid-template-columns:1fr}
  .form-2col{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:28px}
  .cta-section{padding:60px 0}
}

/* INDUSTRIES */
.industries-section{
  padding:100px 0;
  background:#F8FAFC;
}

.industries-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-top:50px;
}

.industry-card{
  background:#fff;
  border:1px solid #E5E7EB;
  border-radius:22px;
  padding:28px;
  text-decoration:none;
  color:#111827;
  transition:all .25s ease;
  display:flex;
  flex-direction:column;
  gap:18px;
  box-shadow:0 10px 30px rgba(0,0,0,.04);
}

.industry-card:hover{
  transform:translateY(-6px);
  border-color:#BFDBFE;
  box-shadow:0 20px 50px rgba(37,99,235,.12);
}

.industry-icon{
  width:62px;
  height:62px;
  border-radius:16px;
  background:#DBEAFE;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
}

.industry-tag{
  display:inline-flex;
  padding:6px 12px;
  border-radius:999px;
  background:#EFF6FF;
  color:#2563EB;
  font-size:.75rem;
  font-weight:700;
  margin-bottom:14px;
}

.industry-content h3{
  font-size:1.35rem;
  margin-bottom:12px;
  line-height:1.3;
}

.industry-content p{
  color:#4B5563;
  line-height:1.7;
  margin-bottom:18px;
}

.industry-list{
  list-style:none;
  padding:0;
  margin:0 0 22px;
}

.industry-list li{
  padding-left:20px;
  position:relative;
  margin-bottom:10px;
  color:#374151;
  font-size:.95rem;
}

.industry-list li::before{
  content:"✓";
  position:absolute;
  left:0;
  color:#16A34A;
  font-weight:700;
}

.industry-link{
  display:flex;
  align-items:center;
  gap:8px;
  color:#2563EB;
  font-weight:700;
  margin-top:auto;
}

@media(max-width:992px){
  .industries-grid{
    grid-template-columns:1fr;
  }
}


.featured-on{
padding:40px 0;
background:#fff;
border-bottom:1px solid #eef2f7;
}

.featured-inner{
text-align:center;
}

.featured-label{
font-size:.875rem;
font-weight:600;
text-transform:uppercase;
letter-spacing:.08em;
color:#64748b;
margin-bottom:24px;
}

.featured-logos{
display:flex;
justify-content:center;
align-items:center;
gap:60px;
flex-wrap:wrap;
}

.featured-item img{
height:40px;
width:auto;
opacity:.8;
transition:.3s ease;
}

.featured-item:hover img{
opacity:1;
transform:translateY(-2px);
}

.featured-note{
margin-top:20px;
color:#64748b;
font-size:.9rem;
}
