.elementor-41158 .elementor-element.elementor-element-ba1523a{--display:flex;}/* Start custom CSS for html, class: .elementor-element-859075c */:root {
  --green: #8AC23E;
  --green-dark: #6ea42b;
  --navy: #021B3A;
  --navy-2: #0c2d57;
  --navy-soft: #4d6785;
  --sky: #8FDCFF;
  --bg: #ffffff;
  --bg-soft: #f6f9fc;
  --bg-alt: #eef6fb;
  --bg-green: rgba(138,194,62,0.10);
  --border: rgba(2,27,58,0.10);
  --shadow: 0 18px 50px rgba(2,27,58,0.08);
  --shadow-lg: 0 26px 70px rgba(2,27,58,0.14);
  --radius-lg: 30px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: Inter, Arial, sans-serif;
  color: var(--navy);
  background: var(--bg);
  line-height: 1.55;
}

a {
  color: inherit;
  text-decoration: none;
}

.container {
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
}

.hero {
  padding: 52px 0 72px;
  background:
    radial-gradient(circle at top left, rgba(143,220,255,0.22), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f8fbfe 100%);
}

.hero-grid,
.metric-row,
.service-pills,
.calc-points {
  display: grid;
  gap: 20px;
}

.hero-grid {
  grid-template-columns: 1.08fr 0.92fr;
  align-items: stretch;
}

.card {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 34px;
  box-shadow: var(--shadow);
}

.hero-copy {
  background:
    radial-gradient(circle at top right, rgba(138,194,62,0.16), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}

.dark-card {
  background: linear-gradient(180deg, var(--navy) 0%, var(--navy-2) 100%);
  color: #fff;
  box-shadow: var(--shadow-lg);
}

.dark-card h2,
.dark-card h3,
.dark-card strong {
  color: #fff;
}

.dark-card p,
.dark-card li {
  color: var(--sky);
}

h1 {
  font-size: clamp(42px, 6vw, 68px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  margin: 0 0 20px;
}

h2 {
  font-size: clamp(34px, 4.6vw, 50px);
  line-height: 1.04;
  letter-spacing: -0.04em;
  margin: 0 0 18px;
}

h3 {
  font-size: 24px;
  line-height: 1.12;
  letter-spacing: -0.03em;
  margin: 0 0 14px;
}

p {
  color: var(--navy-soft);
  margin: 0 0 16px;
}

li {
  margin-bottom: 10px;
}

.eyebrow {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 999px;
  background: var(--bg-green);
  color: var(--green-dark);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.eyebrow-dark {
  background: rgba(255,255,255,0.10);
  color: var(--sky);
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 54px;
  padding: 0 26px;
  border-radius: 999px;
  font-weight: 800;
  transition: 0.25s ease;
  border: 0;
  cursor: pointer;
}

.btn-primary {
  background: var(--green);
  color: #fff;
  box-shadow: 0 14px 28px rgba(138,194,62,0.28);
}

.btn-primary:hover {
  background: var(--green-dark);
  transform: translateY(-1px);
}

.btn-secondary {
  background: #fff;
  border: 1px solid var(--border);
  color: var(--navy);
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
}

.service-pills {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 28px;
}

.service-pill {
  padding: 15px 16px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid var(--border);
  font-size: 14px;
  font-weight: 800;
  text-align: center;
}

.metric-row {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 30px;
}

.metric {
  border: 1px solid var(--border);
  background: #fff;
  border-radius: 20px;
  padding: 20px;
}

.metric span {
  display: block;
  font-size: 12px;
  color: var(--navy-soft);
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 700;
}

.metric strong {
  font-size: 28px;
  color: var(--navy);
  letter-spacing: -0.04em;
}

.calc-points {
  margin-top: 22px;
}

.calc-point {
  padding: 16px;
  border-radius: 18px;
  background: rgba(255,255,255,0.08);
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 12px;
  align-items: start;
  border: 1px solid rgba(255,255,255,0.08);
}

.calc-number {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(138,194,62,0.24);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.calc-point strong {
  display: block;
  margin-bottom: 4px;
  color: #fff;
}

.inline-cta {
  margin-top: 26px;
}

@media (max-width: 980px) {
  .hero-grid,
  .service-pills,
  .metric-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .card {
    padding: 24px;
  }

  .hero-actions {
    flex-direction: column;
  }

  .hero-actions .btn,
  .btn {
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-48258bc *//* WTP Airbnb ROI Estimator — Force Override Styling
   Paste this AFTER the existing calculator CSS.
   This file is intentionally stronger than the original so the changes actually apply. */

.wtt-airroi-estimator,
.wtt-modal{
  --wtt-font:"Plus Jakarta Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  --wtt-navy:#021b3a !important;
  --wtt-navy-soft:#083a70 !important;
  --wtt-navy-deep:#041a35 !important;
  --wtt-blue:#00c2ff !important;
  --wtt-aqua:#00eaff !important;
  --wtt-green:#6dff8b !important;
  --wtt-bg:#ffffff !important;
  --wtt-bg-soft:#ffffff !important;
  --wtt-card:#ffffff !important;
  --wtt-card-soft:#ffffff !important;
  --wtt-line:#d7e6f2 !important;
  --wtt-line-strong:#b9d5eb !important;
  --wtt-text:#17395d !important;
  --wtt-text-soft:#5f7d99 !important;
  --wtt-shadow:0 24px 64px rgba(2,27,58,.10) !important;
  --wtt-shadow-soft:0 14px 36px rgba(2,27,58,.08) !important;
  font-family:var(--wtt-font) !important;
  color:var(--wtt-text) !important;
}

.wtt-airroi-estimator *,
.wtt-modal *{
  box-sizing:border-box !important;
}

/* Full-width white section, with the calculator content still centred */
.wtt-airroi-estimator{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  background:#ffffff !important;
  color:var(--wtt-text) !important;
}

.wtt-airroi-estimator .wtt-shell,
.wtt-shell{
  width:100% !important;
  max-width:1240px !important;
  margin:0 auto !important;
  padding:clamp(22px,3vw,38px) 24px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#ffffff !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.wtt-shell::before{
  content:"" !important;
  position:absolute !important;
  inset:0 24px auto 24px !important;
  height:1px !important;
  background:linear-gradient(90deg, transparent, rgba(0,194,255,.22), transparent) !important;
  pointer-events:none !important;
}

/* Header panel */
.wtt-header{
  display:flex !important;
  justify-content:space-between !important;
  gap:16px !important;
  align-items:flex-start !important;
  flex-wrap:wrap !important;
  margin-bottom:18px !important;
  padding:clamp(22px,3vw,34px) !important;
  border-radius:30px !important;
  background:#ffffff !important;
  border:1px solid var(--wtt-line) !important;
  box-shadow:var(--wtt-shadow-soft) !important;
}

.wtt-eyebrow,
.wtt-kicker{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  max-width:100% !important;
  min-height:30px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:#ffffff !important;
  border:1px solid var(--wtt-line) !important;
  color:var(--wtt-navy-soft) !important;
  font-size:.72rem !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  box-shadow:0 10px 22px rgba(2,27,58,.04) !important;
}

.wtt-airroi-estimator h3{
  margin:0 !important;
  color:var(--wtt-navy) !important;
  font-size:clamp(2rem,3.2vw,3.6rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.055em !important;
  font-weight:950 !important;
}

.wtt-header-copy{
  margin:10px 0 0 !important;
  max-width:760px !important;
  color:var(--wtt-text-soft) !important;
  font-size:.98rem !important;
  line-height:1.62 !important;
  font-weight:600 !important;
}

/* Main layout */
.wtt-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.82fr) !important;
  gap:18px !important;
  align-items:start !important;
}

.wtt-main,
.wtt-side,
.wtt-airroi-form{
  display:grid !important;
  gap:16px !important;
  align-content:start !important;
}

/* Make all normal cards white and readable */
.wtt-card,
.wtt-section,
.wtt-percentiles .wtt-perc-card,
.wtt-occ-history,
.wtt-adr-history,
.wtt-revenue-history,
.wtt-pacing,
.wtt-comparables .wtt-comp-card,
.wtt-perc-card,
.wtt-mini-table{
  border:1px solid var(--wtt-line) !important;
  border-radius:28px !important;
  background:#ffffff !important;
  padding:18px !important;
  box-shadow:var(--wtt-shadow-soft) !important;
  color:var(--wtt-text) !important;
}

.wtt-card h4,
.wtt-section h4,
.wtt-modal h4,
.wtt-card h5,
.wtt-section h5,
.wtt-modal h5{
  color:var(--wtt-navy) !important;
  font-weight:950 !important;
}

.wtt-subtle,
.wtt-card p,
.wtt-section p,
.wtt-mission-copy,
.wtt-scenarios-intro,
.wtt-scenarios-disclaimer{
  color:var(--wtt-text-soft) !important;
  font-weight:600 !important;
}

/* Form inputs */
.wtt-field label{
  color:var(--wtt-navy) !important;
  font-weight:850 !important;
}

.wtt-field input,
.wtt-field select{
  width:100% !important;
  min-height:46px !important;
  padding:10px 13px !important;
  border-radius:16px !important;
  border:1px solid var(--wtt-line-strong) !important;
  background:#ffffff !important;
  color:var(--wtt-navy) !important;
  outline:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8) !important;
}

.wtt-field input:focus,
.wtt-field select:focus{
  border-color:rgba(0,194,255,.58) !important;
  box-shadow:0 0 0 3px rgba(0,194,255,.12) !important;
}

.wtt-field input[readonly]{
  background:#f1f7fc !important;
  color:#365678 !important;
  cursor:not-allowed !important;
  border-color:#c9ddec !important;
}

/* Notes / statuses */
.wtt-note,
.wtt-status,
.wtt-lead-summary{
  background:#ffffff !important;
  border:1px solid var(--wtt-line) !important;
  color:var(--wtt-text-soft) !important;
  border-radius:18px !important;
  box-shadow:0 10px 24px rgba(2,27,58,.05) !important;
}

.wtt-note.is-accent{
  background:#ffffff !important;
  border-color:rgba(0,194,255,.22) !important;
}

.wtt-status.is-success{
  background:rgba(109,255,139,.12) !important;
  border-color:rgba(109,255,139,.32) !important;
  color:#0d5e2d !important;
}

.wtt-status.is-error{
  background:rgba(255,204,102,.16) !important;
  border-color:rgba(255,204,102,.34) !important;
  color:#7c4d00 !important;
}

/* Buttons */
.wtt-btn{
  border-radius:17px !important;
  min-height:48px !important;
  padding:0 18px !important;
  font-weight:900 !important;
  transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease, filter .18s ease !important;
}

.wtt-btn:hover{
  transform:translateY(-2px) !important;
}

.wtt-btn-primary{
  background:linear-gradient(135deg,#083a70 0%, #0b4d85 46%, #00c2ff 82%, #42e7b2 100%) !important;
  color:#ffffff !important;
  box-shadow:0 18px 34px rgba(0,194,255,.20) !important;
}

.wtt-btn-secondary,
.wtt-btn-ghost{
  background:#ffffff !important;
  color:var(--wtt-navy) !important;
  border:1px solid var(--wtt-line) !important;
  box-shadow:0 12px 28px rgba(2,27,58,.07) !important;
}

/* Dark sidebar keeps the same blue/navy treatment but readable */
.wtt-side-card{
  background:
    radial-gradient(circle at top right, rgba(109,255,139,.16) 0, transparent 30%),
    radial-gradient(circle at left center, rgba(0,234,255,.12) 0, transparent 30%),
    linear-gradient(180deg,#083467 0%, #041d40 58%, #02152e 100%) !important;
  border:1px solid rgba(0,194,255,.22) !important;
  box-shadow:0 24px 52px rgba(2,27,58,.22) !important;
}

.wtt-side-card h4,
.wtt-side-card h5,
.wtt-side-card strong,
.wtt-side-card .wtt-side-total strong,
.wtt-side-card .wtt-kpi strong{
  color:#ffffff !important;
}

.wtt-side-card p,
.wtt-side-card span,
.wtt-side-card .wtt-subtle,
.wtt-side-card .wtt-line span,
.wtt-side-card .wtt-kpi span,
.wtt-side-card .wtt-side-total span{
  color:#d7edff !important;
}

.wtt-side-card .wtt-line,
.wtt-side-card .wtt-side-total,
.wtt-side-card .wtt-kpi{
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.11) !important;
  box-shadow:none !important;
}

/* White rows */
.wtt-line,
.wtt-step,
.wtt-row,
.wtt-mini-row{
  display:flex !important;
  justify-content:space-between !important;
  gap:14px !important;
  align-items:flex-start !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  background:#ffffff !important;
  border:1px solid var(--wtt-line) !important;
  color:var(--wtt-text) !important;
}

.wtt-line span,
.wtt-step span,
.wtt-row span,
.wtt-mini-row span{
  color:var(--wtt-text-soft) !important;
  font-size:.9rem !important;
  line-height:1.45 !important;
  font-weight:600 !important;
}

.wtt-line strong,
.wtt-row strong,
.wtt-mini-row strong{
  color:var(--wtt-navy) !important;
  font-size:.96rem !important;
  line-height:1.4 !important;
  white-space:nowrap !important;
  font-weight:900 !important;
}

.wtt-step strong{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#6dff8b,#00eaff) !important;
  color:var(--wtt-navy) !important;
  font-size:.95rem !important;
  box-shadow:0 12px 20px rgba(0,194,255,.12) !important;
}

/* Modal */
.wtt-modal-dialog{
  background:#ffffff !important;
  color:var(--wtt-text) !important;
  border-radius:30px !important;
  border:1px solid var(--wtt-line) !important;
  box-shadow:0 30px 80px rgba(2,27,58,.22) !important;
}

.wtt-modal-close{
  background:#ffffff !important;
  color:var(--wtt-navy) !important;
  box-shadow:0 10px 24px rgba(2,27,58,.12) !important;
}

.wtt-modal-hero{
  border:1px solid rgba(0,194,255,.18) !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at top right, rgba(109,255,139,.16) 0, transparent 30%),
    radial-gradient(circle at left center, rgba(0,234,255,.12) 0, transparent 30%),
    linear-gradient(180deg,#083467 0%, #041d40 58%, #02152e 100%) !important;
  box-shadow:0 24px 48px rgba(2,27,58,.18) !important;
}

.wtt-modal-hero h3,
.wtt-modal-hero strong,
.wtt-stat-card strong{
  color:#ffffff !important;
}

.wtt-modal-hero p,
.wtt-modal-hero span,
.wtt-modal-hero .wtt-print-address,
.wtt-hero-copy,
.wtt-stat-card span{
  color:#d7edff !important;
}

.wtt-stat-card{
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:20px !important;
}

/* Results */
.wtt-results-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:18px !important;
  margin-top:18px !important;
  align-items:start !important;
}

.wtt-results-main,
.wtt-results-side{
  display:grid !important;
  gap:18px !important;
}

.wtt-section-head{
  padding-bottom:4px !important;
  border-bottom:1px solid rgba(0,194,255,.10) !important;
}

/* Scenario cards remain the blue featured style */
.wtt-scenario-card{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  background:
    radial-gradient(circle at top right, rgba(109,255,139,.16), transparent 30%),
    radial-gradient(circle at left center, rgba(0,234,255,.12), transparent 30%),
    linear-gradient(180deg,#083467 0%, #041d40 58%, #02152e 100%) !important;
  border:1px solid rgba(0,194,255,.22) !important;
  box-shadow:0 24px 52px rgba(2,27,58,.18) !important;
}

.wtt-scenario-card h5,
.wtt-scenario-card .wtt-mini-row strong{
  color:#ffffff !important;
}

.wtt-scenario-card .wtt-mini-row span{
  color:#d7edff !important;
}

.wtt-scenario-card .wtt-mini-row{
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  border-radius:0 !important;
  padding:10px 0 !important;
}

.wtt-scenario-tag{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  min-height:28px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#ffffff !important;
  font-size:.76rem !important;
  font-weight:800 !important;
  margin-bottom:10px !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
}

/* Bars */
.wtt-bar-label,
.wtt-bar-value{
  color:var(--wtt-navy) !important;
  font-weight:800 !important;
}

.wtt-bar-track{
  height:12px !important;
  background:rgba(15,57,99,.12) !important;
  border-radius:999px !important;
  overflow:hidden !important;
}

.wtt-bar-fill{
  height:100% !important;
  background:linear-gradient(90deg,var(--wtt-blue),var(--wtt-green)) !important;
  border-radius:999px !important;
}

/* Comparables */
.wtt-comparables .wtt-comp-card{
  padding:0 !important;
  overflow:hidden !important;
}

.wtt-comp-body{
  padding:14px !important;
}

.wtt-comp-body h5{
  color:var(--wtt-navy) !important;
}

.wtt-comp-type{
  color:var(--wtt-text-soft) !important;
  font-weight:600 !important;
}

.wtt-empty{
  background:#ffffff !important;
  color:var(--wtt-text-soft) !important;
  border:1px dashed var(--wtt-line-strong) !important;
  font-weight:600 !important;
}

/* Mobile */
@media (max-width:1120px){
  .wtt-layout,
  .wtt-results-grid{
    grid-template-columns:1fr !important;
  }

  .wtt-scenarios-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .wtt-comparables{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:860px){
  .wtt-shell{
    padding:34px 14px !important;
  }

  .wtt-header{
    padding:22px !important;
    border-radius:24px !important;
  }

  .wtt-field.span-6,
  .wtt-field.span-4,
  .wtt-field.span-8,
  .wtt-field.span-3{
    grid-column:span 12 !important;
  }

  .wtt-side-meta,
  .wtt-stat-grid,
  .wtt-two-col,
  .wtt-three-col,
  .wtt-scenarios-grid,
  .wtt-comparables{
    grid-template-columns:1fr !important;
  }

  .wtt-line strong,
  .wtt-row strong,
  .wtt-mini-row strong{
    white-space:normal !important;
  }

  .wtt-airroi-estimator h3{
    font-size:clamp(1.85rem,8vw,2.4rem) !important;
  }

  .wtt-comp-card{
    grid-template-columns:1fr !important;
  }

  .wtt-comp-photo img{
    height:180px !important;
  }

  .wtt-card,
  .wtt-section,
  .wtt-side-card,
  .wtt-modal-hero,
  .wtt-modal-dialog{
    border-radius:24px !important;
  }
}

@media (max-width:640px){
  .wtt-modal{
    padding:0 !important;
  }

  .wtt-modal-dialog{
    margin:0 !important;
    max-height:100vh !important;
    height:100vh !important;
    border-radius:0 !important;
  }

  .wtt-modal-body{
    padding:18px !important;
  }

  .wtt-modal-actions,
  .wtt-actions,
  .wtt-lead-summary{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .wtt-btn{
    width:100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f3e5ae */.section {
  padding: 96px 0;
  position: relative;
}

.section-alt {
  background: linear-gradient(180deg, #f8fbfe 0%, #eef6fb 100%);
}

.section-dark-band {
  background: linear-gradient(180deg, #021B3A 0%, #0c2d57 100%);
  color: #fff;
}

.section-dark-band p,
.section-dark-band li {
  color: #8FDCFF;
}

.section-dark-band .section-head h2 {
  color: #fff;
}

.container {
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
}

.section-head {
  max-width: 920px;
  margin-bottom: 34px;
}

.section-head.narrow {
  max-width: 760px;
}

h2 {
  font-size: clamp(34px, 4.6vw, 50px);
  line-height: 1.04;
  letter-spacing: -0.04em;
  margin: 0 0 18px;
  color: #021B3A;
}

h3 {
  font-size: 24px;
  line-height: 1.12;
  letter-spacing: -0.03em;
  margin: 0 0 14px;
  color: inherit;
}

p {
  color: #4d6785;
  margin: 0 0 16px;
}

ul {
  margin: 0;
  padding-left: 18px;
  color: #4d6785;
}

li {
  margin-bottom: 10px;
}

.eyebrow {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(138,194,62,0.10);
  color: #6ea42b;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.eyebrow-dark {
  background: rgba(255,255,255,0.10);
  color: #8FDCFF;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 54px;
  padding: 0 26px;
  border-radius: 999px;
  font-weight: 800;
  transition: 0.25s ease;
  border: 0;
  cursor: pointer;
}

.btn-primary {
  background: #8AC23E;
  color: #fff;
  box-shadow: 0 14px 28px rgba(138,194,62,0.28);
}

.btn-secondary {
  background: #fff;
  border: 1px solid rgba(2,27,58,0.10);
  color: #021B3A;
}

.btn-light {
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.18);
  color: #fff;
}

.highlight-grid,
.proof-grid,
.cta-grid,
.service-grid,
.issue-grid,
.faq-grid,
.focus-grid {
  display: grid;
  gap: 20px;
}

.highlight-grid,
.proof-grid,
.cta-grid {
  grid-template-columns: 1.1fr 0.9fr;
  align-items: stretch;
}

.service-grid,
.issue-grid,
.faq-grid,
.focus-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.service,
.issue,
.faq,
.cta-panel,
.proof-card,
.focus-card,
.sub-card {
  background: #fff;
  border: 1px solid rgba(2,27,58,0.10);
  border-radius: 30px;
  padding: 34px;
  box-shadow: 0 18px 50px rgba(2,27,58,0.08);
}

.highlight-card {
  background: rgba(255,255,255,0.06);
  color: #fff;
  border-radius: 30px;
  padding: 38px;
  border: 1px solid rgba(255,255,255,0.12);
}

.highlight-card h3,
.highlight-card p {
  color: #fff;
}

.highlight-stat {
  font-size: clamp(56px, 8vw, 96px);
  line-height: 0.92;
  font-weight: 900;
  color: #8AC23E;
  letter-spacing: -0.06em;
  margin-bottom: 14px;
}

.sub-card {
  background: #fff;
  color: #021B3A;
}

/* FIX: white card inside dark section should use dark readable text */
.section-dark-band .sub-card h3 {
  color: #021B3A;
}

.section-dark-band .sub-card p,
.section-dark-band .sub-card li {
  color: #4d6785;
}

.section-dark-band .sub-card a:not(.btn) {
  color: #021B3A;
}

.service {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  position: relative;
  overflow: hidden;
}

.service:hover,
.issue:hover,
.faq:hover,
.proof-card:hover,
.focus-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 48px rgba(2,27,58,0.10);
}

.service.featured {
  border: 2px solid #8AC23E;
  background: linear-gradient(180deg, rgba(138,194,62,0.10) 0%, #ffffff 100%);
  box-shadow: 0 26px 60px rgba(138,194,62,0.14);
}

.service-tag {
  display: inline-block;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(138,194,62,0.10);
  color: #6ea42b;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.service-note {
  margin-top: 18px;
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(138,194,62,0.10);
  border: 1px solid rgba(138,194,62,0.18);
  color: #021B3A;
  font-weight: 700;
}

.small-callout {
  margin-top: 16px;
  padding-top: 8px;
}

.inline-cta {
  margin-top: 26px;
}

.supporting-copy {
  margin-top: 14px;
}

.service-cta {
  max-width: 760px;
}

.focus-card {
  background: linear-gradient(180deg, #ffffff 0%, #f9fcff 100%);
}

.focus-step {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: rgba(138,194,62,0.10);
  color: #6ea42b;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}

.comparison {
  margin-top: 22px;
  border: 1px solid rgba(2,27,58,0.10);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 18px 50px rgba(2,27,58,0.08);
  background: #fff;
}

.comparison table {
  width: 100%;
  border-collapse: collapse;
}

.comparison th,
.comparison td {
  padding: 18px;
  text-align: left;
  border-bottom: 1px solid rgba(2,27,58,0.10);
  font-size: 15px;
  vertical-align: top;
}

.comparison th:first-child,
.comparison td:first-child {
  min-width: 240px;
}

.comparison th {
  background: #021B3A;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.yes {
  color: #6ea42b;
  font-weight: 800;
}

.no {
  color: #a14747;
  font-weight: 800;
}

.cta-wrap {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbfe 100%);
}

.contact-points {
  display: grid;
  gap: 12px;
  margin-top: 20px;
}

.contact-point {
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(138,194,62,0.10);
  border: 1px solid rgba(138,194,62,0.18);
}

.cta-stack {
  display: grid;
  gap: 16px;
  align-content: start;
}

.dark-card {
  background: linear-gradient(180deg, #021B3A 0%, #0c2d57 100%);
  color: #fff;
  box-shadow: 0 26px 70px rgba(2,27,58,0.14);
}

.dark-card h3,
.dark-card strong {
  color: #fff;
}

.dark-card p {
  color: #8FDCFF;
}

.cta-note {
  padding: 18px 20px;
  border-radius: 20px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
}

.cta-note p {
  margin: 0;
  color: #8FDCFF;
}

.footer {
  padding: 42px 0;
  text-align: center;
  font-size: 14px;
  color: #4d6785;
}

@media (max-width: 980px) {
  .highlight-grid,
  .proof-grid,
  .cta-grid,
  .service-grid,
  .issue-grid,
  .faq-grid,
  .focus-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .section {
    padding: 72px 0;
  }

  .service,
  .issue,
  .faq,
  .cta-panel,
  .proof-card,
  .focus-card,
  .sub-card,
  .highlight-card {
    padding: 24px;
  }

  .btn {
    width: 100%;
  }

  .comparison {
    overflow-x: auto;
  }
}/* End custom CSS */