/* ========== FONT FACES ========== */

 /* ========== TOKENS ========== */
 :root {
     --ink: #201c2c;
     --ink-ink: #120f1a;
     --orange: #ff5900;
     --blue: #3356c8;
     --blue-hot: #486ce5;
     --green: #00c853;
     --green-soft: #90ee90;
     --red: #d50000;
     --yellow: #ffd600;
     --bg-grey: #f2f2f2;
     --fg-body: #555;
     --fg-muted: #888;
     --fg-ink: #201c2c;
     --fg-light: #ccc;
     --fg-dimmest: #aaa;

     /* Fonts */
     --f-head: "Coolvetica", "Archivo Black", "Archivo", "Barlow Condensed", Impact, sans-serif;
     --f-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --f-brand: "Franie", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --f-icons: "Material Icons";

     /* Shadows */
     --shad-1: 3px 3px 0 0 var(--ink);
     --shad-2: 4px 4px 0 0 var(--ink);

     /* Radii */
     --r-pill: 999px;
     --r-card: 15px;
     --r-soft: 12px;
 }

 /* ========== RESET / BASE ========== */
 *,
 *::before,
 *::after {
     box-sizing: border-box;
 }

 html,
 body {
     margin: 0;
     padding: 0;
 }

 html {
     scroll-behavior: smooth;
 }

 body {
     font-family: var(--f-body);
     font-size: 16px;
     line-height: 1.5;
     color: var(--fg-ink);
     background: #fff;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 img {
     display: block;
     max-width: 100%;
     height: auto;
 }

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

 button {
     font: inherit;
     cursor: pointer;
     border: 0;
     background: none;
 }

 .mi {
     font-family: var(--f-icons);
     font-weight: normal;
     font-style: normal;
     font-size: 24px;
     line-height: 1;
     letter-spacing: normal;
     text-transform: none;
     display: inline-block;
     white-space: nowrap;
     word-wrap: normal;
     direction: ltr;
     -webkit-font-feature-settings: 'liga';
     -webkit-font-smoothing: antialiased;
 }



 .question-block {
     display: flex;
     gap: 16px;
 }

 /* Layout helper */
 .page {
     width: 100%;
     overflow-x: hidden;
 }

 .container {
     width: 100%;
     max-width: 1100px;
     margin: 0 auto;
     padding: 0 24px;
 }

 .container-wide {
     width: 100%;
     max-width: 1600px;
     margin: 0 auto;
     padding: 0 24px;
 }

 /* ========== 1. LIVE INDICATOR ========== */
 .live {
     background: var(--blue);
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     padding: 8px 20px;
     color: #fff;
     font-family: var(--f-head);
     font-weight: 700;
     font-size: 15px;
     letter-spacing: .45px;
     text-transform: uppercase;
     line-height: 1.6;
 }

 .live__dot {
     width: 10px;
     height: 10px;
     border-radius: 50%;
     background: var(--green);
     box-shadow: 0 0 0 4px rgba(0, 200, 83, .25);
     animation: pulse 1.8s infinite;
 }

 .live__accent {
     color: var(--green-soft);
 }

 @keyframes pulse {

     0%,
     100% {
         box-shadow: 0 0 0 4px rgba(0, 200, 83, .25);
     }

     50% {
         box-shadow: 0 0 0 7px rgba(0, 200, 83, .05);
     }
 }

 /* ========== 2. STICKY TOP BAR ========== */
 .topbar {
     background: var(--ink);
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 16px clamp(20px, 5vw, 157px);
     gap: 24px;
 }

 /* Re-shows the topbar as a fixed bar when scrolling up. Toggled by JS. */
 .topbar.is-fixed {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     z-index: 50;
     animation: topbar-slide-down .25s ease both;
     box-shadow: 0 4px 12px rgba(0, 0, 0, .18);
 }

 @keyframes topbar-slide-down {
     from {
         transform: translateY(-100%);
     }

     to {
         transform: translateY(0);
     }
 }

 @media (prefers-reduced-motion: reduce) {
     .topbar.is-fixed {
         animation: none;
     }
 }

 .logo {
     display: inline-block;
     position: relative;
     /* width: 227px; */
     /* height: 68px; */
     flex-shrink: 0;
 }

 .logo__mark {
     max-width: 227px;
     width: 100%;
 }

 .logo__swoosh {
     position: absolute;
     left: 0;
     top: 31px;
     width: 116px;
     height: 36px;
     display: block;
 }

 .logo__sub {
     position: absolute;
     left: 115px;
     top: 50px;
     font-family: var(--f-brand);
     font-weight: 600;
     color: #fff;
     font-size: 13.3px;
     letter-spacing: -0.8px;
     line-height: 1;
     white-space: nowrap;
 }

 .footer__logo .logo__sub {
     color: #fff;
 }

 .topbar__center {
     color: var(--fg-light);
     font-family: var(--f-head);
     font-weight: 700;
     font-size: 16px;
     letter-spacing: .28px;
     line-height: 1.4;
 }

 .topbar__center strong {
     color: var(--orange);
     font-weight: 700;
 }

 .topbar__cta {
     display: flex;
     gap: 22px;
     align-items: center;
 }

 .topbar__phone {
     font-family: var(--f-head);
     font-weight: 900;
     font-size: 22px;
     color: #fff;
     letter-spacing: .22px;
     line-height: 1.6;
     white-space: nowrap;

     @media(max-width:600px) {
         display: none;
     }
 }




 .btn-pill {
     background: var(--orange);
     border: 2px solid #fff;
     color: #fff;
     padding: 10px 20px;
     border-radius: 37px;
     box-shadow: var(--shad-1);
     font-family: var(--f-head);
     font-weight: 700;
     font-size: 14px;
     letter-spacing: .7px;
     text-transform: uppercase;
     display: inline-flex;
     align-items: center;
     gap: 8px;
     white-space: nowrap;
 }

 .btn-pill .mi {
     font-size: 16px;
 }

 /* ========== 3. HERO ========== */
 .hero {
     background: var(--ink);
     position: relative;
     overflow: hidden;
     /* padding:0px 0 0 0px; */
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 0;
 }

 .hero::before {
     content: '';
     position: absolute;
     inset: 0;
     pointer-events: none;
     background-image: repeating-linear-gradient(-42.4deg,
             transparent 0 2.05%,
             rgba(255, 89, 0, .04) 2.05% 4.1%);
 }

 .hero__row {
     display: flex;
     gap: 0;
     align-items: flex-start;
     max-width: none;
     width: 100%;
     position: relative;
     padding: 40px clamp(20px, 5vw, 157px);

 }

 .hero__col-copy {
     flex: 0 0 auto;
     max-width: 815px;
     width: 56%;
     display: flex;
     flex-direction: column;
     gap: 15px;
     position: relative;
     z-index: 2;
     padding-right: 20px;
 }

 .hero__col-media {
     position: absolute;
     right: 0;
     bottom: 0;
     width: 62%;
     max-width: 1280px;
     display: flex;
     align-items: flex-end;
     justify-content: flex-end;
     pointer-events: none;
     z-index: 1;
 }

 .hero__image {
     width: 100%;
     height: auto;
     display: block;
     background: transparent;
     object-fit: contain;
     object-position: right bottom;
 }

 .tag-pill {
     background: var(--orange);
     color: #fff;
     border-radius: 31px;
     padding: 5px 12px;
     font-family: var(--f-head);
     font-weight: 700;
     font-size: clamp(10px, 1.1vw, 13px);
     letter-spacing: 1.04px;
     text-transform: uppercase;
     line-height: 1.6;
     align-self: flex-start;
     display: inline-block;
     white-space: nowrap;
 }

 .hero h1 {
     font-family: var(--f-head);
     font-weight: 900;
     font-size: clamp(44px, 6vw, 76px);
     line-height: .95;
     letter-spacing: -.01em;
     color: #fff;
     margin: 0;
     text-transform: none;
 }

 .hero h1 .orange {
     color: var(--orange);
 }

 .hero__lede {
     color: var(--fg-light);
     font-size: 18px;
     line-height: 1.5;
     max-width: 540px;
     margin: 0;
 }

 .hero__lede b {
     color: #fff;
     font-weight: 700;
 }

 .hero__promo-row {
     display: flex;
     gap: 15px;
     flex-wrap: wrap;
 }

 .promo-card {
     border-radius: 12px;
     /* padding: 14px 16px 14px 140px; */
     position: relative;
     overflow: hidden;
     width: 329px;
     /* min-height: 140px; */
     box-shadow: var(--shad-2);
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .promo-card--blue {
     background: var(--blue);
     color: #fff;
 }

 .promo-card--white {
     background: #fff;
     color: var(--ink);
 }

 .promo-card__dash {
     position: absolute;
     inset: 6px 7px 6px 7px;
     border-radius: 9px;
     pointer-events: none;
 }

 .promo-card--blue .promo-card__dash {
     border: 1px dashed #fefefe;
 }

 .promo-card--white .promo-card__dash {
     border: 1.5px dashed var(--orange);
 }

 .promo-card__kicker {
     font-family: var(--f-head);
     font-weight: 700;
     font-size: 12px;
     letter-spacing: 1.2px;
     text-transform: uppercase;
     color: var(--orange);
     position: relative;
     z-index: 2;
 }

 .promo-card__title {
     font-family: var(--f-head);
     font-weight: 900;
     font-size: 22px;
     line-height: 1.05;
     text-transform: uppercase;
     color: #fff;
     margin-top: 8px;
     position: relative;
     z-index: 2;
 }

 .promo-card--white .promo-card__title {
     color: var(--blue);
 }

 /* Coupon images: identical footprint, anchored bottom-left, no padding */
 .promo-card__img,
 .promo-card__img--cash {
     position: absolute;
     left: 0;
     bottom: 0;
     top: auto;
     width: 140px;
     height: 140px;
     background: transparent center/contain no-repeat;
     background-position: left bottom;
     border-radius: 0;
     z-index: 1;
 }

 /* ========== 3a. FIGMA COUPON ROW (node 79:121) — pixel-perfect ==========
  .fm-coupon-row{
    display:flex; align-items:flex-start;
    gap:15px; flex-wrap:wrap;
    margin-top:15px;
  }
  .fm-coupon{
    position:relative;
    height:111.19px;
    border-radius:12px;
    box-shadow:4px 4px 0 0 var(--ink);
    overflow:hidden;
    flex-shrink:0;
  }
  .fm-coupon--blue { width:343px; background:#3356c8; }
  .fm-coupon--white{ width:349px; background:#fff;    }

  .fm-coupon__dash{
    position:absolute; left:7px; top:6.13px;
    height:98px; border-radius:9px;
    pointer-events:none;
  }
  .fm-coupon--blue  .fm-coupon__dash{ width:329px; border:1px dashed #fefefe; }
  .fm-coupon--white .fm-coupon__dash{ width:334px; border:1.5px dashed var(--orange); }

  .fm-coupon__kicker{
    position:absolute; transform:translateY(-50%);
    margin:0; z-index:2;
    font-family:var(--f-head); font-weight:700;
    font-size:12px; line-height:19.2px;
    letter-spacing:1.2px; text-transform:uppercase;
    color:var(--orange); white-space:nowrap;
  }
  .fm-coupon--blue  .fm-coupon__kicker{ left:74px;  top:25px;    }
  .fm-coupon--white .fm-coupon__kicker{ left:129px; top:24.13px; }

  .fm-coupon__title{
    position:absolute; transform:translateY(-50%);
    margin:0; z-index:2;
    font-family:var(--f-head); font-weight:900;
    font-size:28px; line-height:28px;
    text-transform:uppercase;
  }
  .fm-coupon--blue  .fm-coupon__title{ left:74px;  top:67.19px; color:#fff;       width:224px; }
  .fm-coupon--white .fm-coupon__title{ left:127px; top:67.19px; color:var(--blue); width:210px; }

  /* Decorative artwork on the left of each card */
 .fm-coupon__art {
     position: absolute;
     left: 0;
     top: 0;
     width: 140px;
     height: 111.19px;
     background: transparent no-repeat left center / contain;
     pointer-events: none;
     z-index: 1;
 }

 .fm-coupon__art--cash {
     /* Cash bills come in from the upper-left at the design's -43.47° tilt */
     width: 200px;
     height: 140px;
     left: -30px;
     top: -15px;
     transform: rotate(-43.47deg);
     transform-origin: left top;
     background-position: center;
     background-size: cover;
 }

 @media (max-width:760px) {

     .fm-coupon--blue,
     .fm-coupon--white {
         width: 100%;
         max-width: 349px;
     }
 }

 .hero__ctas {
     display: flex;
     gap: 12px;
     flex-wrap: wrap;
     padding-top: 12px;
 }

 .btn-primary,
 .btn-ghost {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     padding: 21px 31px;
     border-radius: 15px;
     font-family: var(--f-head);
     font-weight: 700;
     font-size: 20px;
     letter-spacing: .8px;
     text-transform: uppercase;
     line-height: 1.6;
     color: #fff;

     @media (max-width:600px) {
         padding: 14px 14px !important;
     }
 }

 .btn-primary {
     background: var(--orange);
     border: 3px solid #fff;
     box-shadow: var(--shad-2);

 }

 .btn-ghost {
     background: transparent;
     border: 3px solid #fff;
     font-size: 18px;
     letter-spacing: .72px;
     padding: 21px 31px;
 }

 .btn-primary .mi,
 .btn-ghost .mi {
     font-size: 24px;
 }


 .hero__strip {
     width: 100%;
     background: var(--blue);
     border-top: 3px solid var(--ink);
     border-bottom: 3px solid var(--ink);
     padding: 17px 20px;
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     gap: 0 31px;
     align-items: center;
     color: #fff;
 }

 .hero__strip__item {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     font-family: var(--f-head);
     font-weight: 700;
     font-size: 19.5px;
     letter-spacing: .585px;
     text-transform: uppercase;
     line-height: 1.6;
 }

 .hero__strip__item .mi {
     color: var(--yellow);
     font-size: 23px;
 }

 .hero__strip__sep {
     color: rgba(255, 255, 255, .3);
     font-size: 26px;
     line-height: 1.6;
 }

 /* ========== 4. BRANDS BAR ========== */
 .brands {
     background: var(--bg-grey);
     padding: 20px 24px;
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     gap: 24px 32px;
     align-items: center;
 }

 .brands__label {
     color: #666;
     font-family: var(--f-head);
     font-weight: 700;
     font-size: 13px;
     letter-spacing: .78px;
     text-transform: uppercase;
     line-height: 1.6;
 }

 .brands__logo {
     height: 48px;
     width: auto;
     display: block;
     object-fit: contain;
 }

 /* ========== 5. OFFER BANNERS ========== */
 .offers {
     background: var(--bg-grey);
     padding: 40px 24px;
 }

 .offers__grid {
     max-width: 1600px;
     margin: 0 auto;
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 16px;
 }

 .offer {
     background: #fff;
     border: 3px solid var(--ink);
     border-radius: 15px;
     padding: 3px;
     box-shadow: var(--shad-2);
     overflow: hidden;
     display: flex;
     flex-direction: column;
 }

 .offer:nth-child(1) {
     transform: rotate(-.8deg);
 }

 .offer:nth-child(2) {
     transform: rotate(.6deg);
 }

 .offer:nth-child(3) {
     transform: rotate(-.4deg);
 }

 .offer:nth-child(4) {
     transform: rotate(.9deg);
 }

 .offer__head {
     padding: 14px;
     border-bottom: 2px solid var(--ink);
     display: flex;
     flex-direction: column;
     gap: 5px;
     color: #fff;
 }

 .offer__head--orange {
     background: var(--orange);
 }

 .offer__head--blue {
     background: var(--blue);
 }

 .offer__head--ink {
     background: var(--ink);
 }

 .offer__head .mi {
     color: #fff;
     font-size: 28px;
 }

 .offer__head h3 {
     font-family: var(--f-head);
     font-weight: 900;
     font-size: 18px;
     letter-spacing: 0;
     text-transform: uppercase;
     line-height: 1.1;
     margin: 0;
     color: #fff;
 }

 .offer__body {
     padding: 12px 14px;
     display: flex;
     flex-direction: column;
     gap: 12px;
     flex: 1;
 }

 .offer__big {
     font-family: var(--f-head);
     font-weight: 900;
     font-size: 32px;
     line-height: 1;
     color: var(--orange);
 }

 .offer__desc {
     font-size: 13px;
     color: var(--fg-body);
     line-height: 1.4;
 }

 .pill-urgent {
     align-self: flex-start;
     background: var(--red);
     color: #fff;
     padding: 3px 8px 3px 21px;
     border-radius: 45px;
     font-family: var(--f-head);
     font-weight: 700;
     font-size: 11px;
     letter-spacing: .66px;
     text-transform: uppercase;
     line-height: 1.6;
 }

 .offer__cta {
     margin-top: auto;
     display: inline-flex;
     align-items: center;
     gap: 4px;
     font-family: var(--f-head);
     font-weight: 700;
     font-size: 13px;
     letter-spacing: .65px;
     text-transform: uppercase;
     color: var(--blue);
     text-decoration: underline;
 }

 .offer__cta .mi {
     font-size: 14px;
 }

 /* ========== 6. FORM ========== */
 .form-section {
     background: #fff;
     border-bottom: 4px solid var(--ink);
     padding: 50px 24px 54px;
     display: flex;
     justify-content: center;
 }

 .form-card {
     width: 100%;
     max-width: 900px;
     border: 3px solid var(--ink);
     box-shadow: var(--shad-2);
     background: #fff;
     padding: 3px;
     overflow: hidden;
 }

 .form-card__head {
     background: var(--blue);
     color: #fff;
     border-bottom: 3px solid var(--ink);
     padding: 20px 24px 23px;
     text-align: center;
 }

 .form-card__head h2 {
     font-family: var(--f-head);
     font-weight: 900;
     font-size: 30px;
     letter-spacing: .3px;
     line-height: 1;
     margin: 0 0 4px;
 }

 .form-card__head p {
     margin: 0;
     font-size: 14px;
     color: rgba(255, 255, 255, .8);
     line-height: 1.6;
 }

 .form-card__body {
     padding: 28px 24px;
     background: #fff;

     @media (max-width:600px) {
         padding: 24px 12px;
     }
 }

 .form-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 14px;
 }

 .field {
     display: flex;
     flex-direction: column;
     gap: 6px;
 }

 .field--full {
     grid-column: 1/-1;
 }

 .field label {
     font-family: var(--f-head);
     font-weight: 700;
     font-size: 13px;
     letter-spacing: .78px;
     text-transform: uppercase;
     color: var(--ink);
     line-height: 1.6;
 }

 .field input,
 .field select {
     width: 100%;
     height: 52px;
     padding: 16px;
     border: 2px solid var(--ink);
     background: #fff;
     font: 400 15px var(--f-body);
     color: var(--ink);
     border-radius: 0;
     appearance: none;
 }

 .field select {
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23201c2c' d='M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-position: right 16px center;
     padding-right: 42px;
 }

 .field input::placeholder {
     color: #757575;
 }

 .submit-btn {
     margin-top: 8px;
     width: 100%;
     background: var(--orange);
     color: #fff;
     border: 3px solid var(--ink);
     border-radius: 15px;
     box-shadow: var(--shad-2);
     padding: 23px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     font-family: var(--f-head);
     font-weight: 900;
     font-size: 24px;
     letter-spacing: .96px;
     text-transform: uppercase;
     line-height: 1;

     @media (max-width:600px) {
         font-size: 18px;
         padding: 14px;
     }
 }



 .trust-row {
     margin-top: 8px;
     padding-top: 4px;
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     gap: 16px;
     color: var(--fg-muted);
     font-size: 13px;
     line-height: 1.6;
 }

 .trust-row span {
     display: inline-flex;
     align-items: center;
     gap: 4px;
 }

 .trust-row .mi {
     color: var(--blue);
     font-size: 14px;
 }

 /* ========== 6a. TRUST BAR (Figma 26:784) ========== */
 .trust-bar {
     background: var(--ink);
     border-bottom: 3px solid var(--orange);
     padding: 20px clamp(20px, 5vw, 60px) 23px;
     display: flex;
     justify-content: center;
 }

 .trust-bar__inner {
     width: 100%;
     max-width: 1430px;
     min-height: 110px;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
     column-gap: 42px;
     row-gap: 0;
 }

 .trust-bar__cell {
     min-width: 156px;
     padding: 15.6px clamp(20px, 2.5vw, 38px);
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 7.079px;
     border-right: 1.3px solid rgba(255, 255, 255, 0.1);
 }

 .trust-bar__cell:last-child {
     border-right: 0;
 }

 .trust-bar__icon.mi {
     color: var(--orange);
     font-size: 36.4px;
     line-height: 36.4px;
 }

 .trust-bar__label {
     font-family: var(--f-head);
     font-weight: 700;
     font-size: 16.9px;
     line-height: 21.97px;
     letter-spacing: 0.845px;
     text-transform: uppercase;
     color: #fff;
     text-align: center;
 }

 /* Tablet: drop to 3 columns and remove dividers since wrapping creates dangling lines */
 @media (max-width: 980px) {
     .trust-bar__inner {
         column-gap: 24px;
         row-gap: 12px;
     }

     .trust-bar__cell {
         border-right: 0;
         flex: 0 1 calc(33.333% - 16px);
         min-width: 140px;
     }
 }

 /* Mobile: 2 columns, scaled type */
 @media (max-width: 600px) {
     .trust-bar {
         padding: 16px 12px 20px;
     }

     .trust-bar__inner {
         column-gap: 12px;
     }

     .trust-bar__cell {
         flex: 0 1 calc(50% - 6px);
         min-width: 0;
         padding: 10px 4px;
     }

     .trust-bar__icon.mi {
         font-size: 30px;
         line-height: 30px;
     }

     .trust-bar__label {
         font-size: 13px;
         line-height: 17px;
         letter-spacing: 0.65px;
     }
 }

 /* ========== 7. SERVICES ========== */
 .services {
     background: #fff;
     border-bottom: 4px solid var(--ink);
     padding: 60px 24px 64px;
 }

 .services .container {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 19px;
 }

 .title-pill {
     background: var(--blue);
     color: #fff;
     border-radius: var(--r-pill);
     padding: 5px 16px 6px;
     font-family: var(--f-head);
     font-weight: 900;
     font-size: clamp(28px, 3.5vw, 42px);
     letter-spacing: -.42px;
     line-height: 1.6;
     text-align: center;
     max-width: 844px;
     width: 100%;
 }

 .title-pill--ink {
     background: transparent;
     color: var(--ink);
 }

 .section-lede {
     max-width: 600px;
     text-align: center;
     color: var(--fg-body);
     font-size: 16px;
     line-height: 1.6;
 }

 .svc-grid {
     width: 100%;
     max-width: 1100px;
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 16px;
     padding-top: 16px;
 }

 .svc {
     position: relative;
     background: #fff;
     border: 3px solid var(--ink);
     border-radius: 15px;
     padding: 23px;
     box-shadow: var(--shad-2);
     display: flex;
     flex-direction: column;
     gap: 6px;
     overflow: hidden;
 }

 .svc::before {
     content: '';
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     width: 4px;
     background: var(--orange);
 }

 .svc--blue::before {
     background: var(--blue);
 }

 .svc__icon {
     color: var(--orange);
     font-size: 36px;
 }

 .svc h3 {
     font-family: var(--f-head);
     font-weight: 700;
     font-size: 20px;
     letter-spacing: .2px;
     text-transform: uppercase;
     line-height: 1.6;
     margin: 4px 0 0;
     color: var(--ink);
 }

 .svc p {
     color: var(--fg-body);
     font-size: 14px;
     line-height: 1.5;
     margin: 0;
 }

 .svc__cta {
     margin-top: auto;
     display: inline-flex;
     align-items: center;
     gap: 4px;
     color: var(--blue);
     text-decoration: underline;
     font-family: var(--f-head);
     font-weight: 700;
     font-size: 13px;
     letter-spacing: .78px;
     text-transform: uppercase;
 }

 .svc__cta .mi {
     font-size: 14px;
 }

 /* ========== 8. PROBLEM → SOLUTION ========== */
 .problem {
     background: var(--ink);
     border-bottom: 4px solid var(--orange);
     padding: 60px 24px 64px;
     color: #fff;
 }

 .problem h2 {
     font-family: var(--f-head);
     font-weight: 900;
     font-size: clamp(36px, 5vw, 56px);
     text-transform: uppercase;
     text-align: center;
     color: #fff;
     margin: 0 0 32px;
 }

 .problem h2 em {
     color: var(--orange);
     font-style: normal;
 }

 .problem__list {
     max-width: 662px;
     margin: 0 auto 32px;
     display: flex;
     flex-direction: column;
     gap: 40px;
     padding-left: 0px;
 }

 .problem__item {
     display: flex;
     gap: 14px;
     align-items: flex-start;
     padding-left: 20px;
     border-left: 4px solid var(--orange);
 }

 .problem__item .mi {
     color: var(--orange);
     font-size: 22px;
     padding-top: 2px;
 }

 .problem__item p {
     margin: 0;
     font-size: 17px;
     line-height: 1.5;
     color: var(--fg-light);
 }

 .problem__item p b {
     color: #fff;
     font-weight: 700;
 }

 .solution-card {
     max-width: 1100px;
     margin: 0 auto;
     border: 3px solid #fff;
     border-radius: 32px;
     background: linear-gradient(89deg, var(--blue-hot) 18%, var(--orange) 112%);
     padding: 39px 31px 31px;
     color: #fff;
     box-shadow: var(--shad-2);
 }

 .solution-card h3 {
     font-family: var(--f-head);
     font-weight: 900;
     font-size: clamp(22px, 3vw, 28px);
     text-transform: uppercase;
     line-height: 1.6;
     margin: 0 0 12px;
 }

 .solution-card p {
     margin: 0;
     font-size: 16px;
     line-height: 1.6;
     color: rgba(255, 255, 255, .9);
 }

 /* ========== 9. HOW IT WORKS ========== */
 .how {
     background: var(--bg-grey);
     padding: 60px 24px;
 }

 .how .container {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 40px;
 }

 .how__grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     width: 100%;
     max-width: 1100px;
 }

 .step {
     background: #fff;
     border: 3px solid var(--ink);
     padding: 31px 24px 54px 27px;
     position: relative;
     display: flex;
     flex-direction: column;
     gap: 8px;
 }

 .step:nth-child(-n+2) {
     border-right-width: 0;
 }

 .step__icon {
     color: var(--blue);
     font-size: 40px;
 }

 .step h3 {
     font-family: var(--f-head);
     font-weight: 700;
     font-size: 22px;
     text-transform: uppercase;
     line-height: 1.6;
     margin: 0 0 2px;
     color: var(--ink);
 }

 .step p {
     color: var(--fg-body);
     font-size: 15px;
     line-height: 1.5;
     margin: 0;
 }

 .step__num {
     position: absolute;
     top: 16px;
     right: 24px;
     font-family: var(--f-head);
     font-weight: 900;
     font-size: 72px;
     color: var(--orange);
     opacity: .25;
     line-height: 1;
 }

 /* ========== 10. STATS + TESTIMONIALS ========== */
 .stats {
     background: #fff;
     padding: 60px 24px;
 }

 .stats .container {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 32px;
 }

 .stats__bar {
     width: 100%;
     max-width: 1100px;
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     border: 3px solid var(--blue);
     border-radius: 15px;
     box-shadow: var(--shad-2);
     overflow: hidden;
 }

 .stat {
     background: var(--blue);
     color: #fff;
     padding: 28px 20px;
     text-align: center;
     border-right: 3px solid var(--blue);
 }

 .stat:last-child {
     border-right: 0;
 }

 .stat__num {
     font-family: var(--f-head);
     font-weight: 900;
     font-size: 56px;
     line-height: 1;
     margin: 0;
 }

 .stat__label {
     font-family: var(--f-head);
     font-weight: 700;
     font-size: 14px;
     letter-spacing: .84px;
     text-transform: uppercase;
     color: rgba(255, 255, 255, .7);
     margin-top: 5px;
     line-height: 1.6;
 }

 .reviews {
     width: 100%;
     max-width: 1100px;
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 16px;
     padding-top: 16px;
 }

 /* Desktop: flatten track so grid sees the articles directly */
 .reviews__track {
     display: contents;
 }

 .review {
     background: #fff;
     border: 3px solid var(--ink);
     border-radius: 15px;
     padding: 27px;
     box-shadow: var(--shad-2);
     display: flex;
     flex-direction: column;
     gap: 12px;
 }

 /* Duplicates used only for mobile marquee — declared AFTER .review for source-order cascade */
 .review--dup {
     display: none;
 }

 .review__stars {
     display: flex;
     gap: 3px;
     color: var(--orange);
 }

 .review__stars .mi {
     font-size: 18px;
 }

 .review p {
     color: #444;
     font-family: var(--f-body);
     font-style: italic;
     font-size: 15px;
     line-height: 1.6;
     margin: 0;
     flex: 1;
 }

 .review__who {
     display: flex;
     align-items: center;
     gap: 12px;
     padding-top: 20px;
     border-top: 2px solid var(--ink);
 }

 .review__avatar {
     width: 44px;
     height: 44px;
     border-radius: 50%;
     border: 2px solid var(--ink);
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     font-family: var(--f-head);
     font-weight: 900;
     font-size: 18px;
 }

 .review__avatar--blue {
     background: var(--blue);
 }

 .review__avatar--orange {
     background: var(--orange);
 }

 .review__avatar--ink {
     background: var(--ink);
 }

 .review__name {
     font-family: var(--f-head);
     font-weight: 700;
     font-size: 16px;
     letter-spacing: .48px;
     text-transform: uppercase;
     color: var(--ink);
     line-height: 1.6;
 }

 .review__loc {
     font-size: 13px;
     color: var(--fg-muted);
     line-height: 1.6;
 }

 .team-block {
     width: 100%;
     max-width: 1100px;
     background: var(--bg-grey);
     border: 3px solid var(--ink);
     border-left: 8px solid var(--orange);
     border-radius: 15px;
     box-shadow: var(--shad-2);
     padding: 34px 27px 35px 59px;
     display: flex;
     gap: 76px;
     align-items: flex-start;
 }

 .team-block__copy {
     flex: 0 0 auto;
     display: flex;
     flex-direction: column;
     gap: 7px;
 }

 .team-block__kicker {
     color: var(--fg-muted);
     font-family: var(--f-head);
     font-weight: 700;
     font-size: 14px;
     letter-spacing: .84px;
     text-transform: uppercase;
     line-height: 1.6;
 }

 .team-block h3 {
     font-family: var(--f-head);
     font-weight: 900;
     font-size: 40px;
     text-transform: uppercase;
     line-height: .96;
     color: var(--ink);
     margin: 0;
 }

 .team-block p {
     font-size: 15px;
     color: var(--fg-body);
     line-height: 1.6;
     max-width: 327px;
     margin: 0;
 }

 .team-block__photo {
     flex: 1 1 565px;
     min-height: 269px;
     align-self: stretch;
     background: #d9d9d9 url("../../assets/owner-run-new.png") center/cover no-repeat;
     border-radius: 4px;
 }

 /* ========== 11. GUARANTEE ========== */
 .guarantee {
     max-width: 1100px;
     margin: 0 auto;
     background: var(--blue);
     border-bottom: 4px solid var(--ink);
     border-radius: 15px;
     padding: 59px 74px 63px;
     display: flex;
     gap: 60px;
     align-items: center;
     justify-content: space-between;
     color: #fff;
 }

 .guarantee__copy {
     max-width: 600px;
     flex: 1 1 auto;
     display: flex;
     flex-direction: column;
     gap: 20px;
 }

 .badge {
     flex: 0 0 auto;
     width: 240px;
     height: 240px;
     background: #fff;
     border: 5px solid var(--ink);
     border-radius: 22px;
     box-shadow: var(--shad-2);
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     gap: 12px;
     padding: 8px;
 }

 .badge__icon {
     background: linear-gradient(90deg, var(--blue-hot) 14%, var(--orange) 84%);
     -webkit-background-clip: text;
     background-clip: text;
     color: transparent;
     font-family: var(--f-icons);
     font-size: 72px;
     line-height: 1;
 }

 .badge__text {
     text-align: center;
     color: var(--ink);
     font-family: var(--f-head);
     font-weight: 900;
     text-transform: uppercase;
     letter-spacing: .44px;
     line-height: 1.1;
 }

 .badge__text .big {
     display: block;
     font-size: 56px;
     line-height: 1;
 }

 .badge__text .small {
     display: block;
     font-size: 18px;
     line-height: 1.15;
 }

 .guarantee h2 {
     font-family: var(--f-head);
     font-weight: 900;
     font-size: clamp(30px, 3.5vw, 42px);
     color: #fff;
     margin: 0;
     line-height: 1;
 }

 .guarantee p {
     font-size: 17px;
     color: rgba(255, 255, 255, .9);
     line-height: 1.6;
     margin: 0;
 }

 /* ========== 12. FAQ ========== */
 .faq {
     background: #fff;
     padding: 60px 24px;
 }

 .faq .container {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 32px;
 }

 .faq__list {
     width: 100%;
     max-width: 800px;
     display: flex;
     flex-direction: column;
 }

 .faq__item {
     border: 3px solid var(--ink);
     border-bottom: 0;
     padding: 3px;
     background: #fff;
 }

 .faq__item:last-child {
     border-bottom: 3px solid var(--ink);
 }

 .faq__item summary {
     list-style: none;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 18px 20px;
     background: #fff;
     font-family: var(--f-head);
     font-weight: 700;
     font-size: 18px;
     letter-spacing: .36px;
     text-transform: uppercase;
     line-height: 1.6;
     color: var(--ink);
 }

 .faq__item summary::-webkit-details-marker {
     display: none;
 }

 .faq__item summary .mi {
     color: var(--blue);
     font-size: 22px;
     transition: transform .2s ease;
 }

 .faq__item[open] summary .mi {
     transform: rotate(180deg);
 }

 .faq__ans {
     padding: 0 20px 18px;
     color: var(--fg-body);
     font-size: 15px;
     line-height: 1.6;
 }

 .faq__cta-row {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 16px;
     align-items: center;
     color: var(--fg-body);
     font-size: 15px;
 }

 .btn-orange-white {
     background: var(--orange);
     color: #fff;
     border: 3px solid #fff;
     border-radius: 15px;
     box-shadow: var(--shad-2);
     height: 61px;
     padding: 0 24px;
     display: inline-flex;
     align-items: center;
     gap: 14px;
     font-family: var(--f-head);
     font-weight: 700;
     font-size: 17px;
     letter-spacing: .68px;
     text-transform: uppercase;
     line-height: 1;
 }

 .btn-outline {
     background: transparent;
     color: var(--ink);
     border: 3px solid var(--ink);
     border-radius: 15px;
     height: 61px;
     padding: 0 24px;
     display: inline-flex;
     align-items: center;
     gap: 14px;
     font-family: var(--f-head);
     font-weight: 700;
     font-size: 17px;
     letter-spacing: .68px;
     text-transform: uppercase;
     line-height: 1;
 }

 /* ========== 13. FINAL CTA ========== */
 .final-cta {
     background: linear-gradient(90deg, var(--blue-hot) 32%, var(--orange) 62%);
     color: #fff;
     text-align: center;
     padding: 59px 24px 72px;
 }

 .final-cta__inner {
     max-width: 800px;
     margin: 0 auto;
     display: flex;
     flex-direction: column;
     gap: 12px;
     align-items: center;
 }

 .final-cta h2 {
     font-family: var(--f-head);
     font-weight: 900;
     font-size: clamp(40px, 6vw, 64px);
     line-height: .95;
     margin: 0;
     color: #fff;
 }

 .final-cta__lede {
     color: rgba(255, 255, 255, .9);
     font-size: 18px;
     line-height: 1.6;
     max-width: 760px;
     margin: 0;
 }

 .chip-row {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 15px;
 }

 .chip {
     background: var(--ink);
     color: #fff;
     border: 2px solid #fff;
     border-radius: 55px;
     padding: 5px 14px 6px;
     font-family: var(--f-head);
     font-weight: 700;
     font-size: 14px;
     letter-spacing: .7px;
     text-transform: uppercase;
     line-height: 1.6;
 }

 .final-cta__ctas {
     display: flex;
     flex-wrap: wrap;
     gap: 14px;
     justify-content: center;
     padding-top: 16px;
 }

 .final-cta__ctas .btn-light {
     background: #fff;
     color: var(--ink);
     border: 3px solid var(--ink);
     border-radius: 15px;
     box-shadow: var(--shad-2);
     padding: 21px 35px;
     display: inline-flex;
     align-items: center;
     gap: 8px;
     font-family: var(--f-head);
     font-weight: 900;
     font-size: 20px;
     letter-spacing: .8px;
     text-transform: uppercase;
     line-height: 1.6;
 }

 .final-cta__ctas .btn-light .mi {
     color: var(--ink);
     font-size: 24px;
 }

 .final-cta__ctas .btn-ghost {
     background: transparent;
     color: #fff;
     border: 3px solid #fff;
     border-radius: 15px;
     padding: 21px 35px;
     display: inline-flex;
     align-items: center;
     gap: 8px;
     font-family: var(--f-head);
     font-weight: 900;
     font-size: 20px;
     text-transform: none;
     letter-spacing: 0;
     line-height: 1.6;
 }

 .final-cta__ctas .btn-ghost .mi {
     color: #fff;
     font-size: 24px;
 }

 .final-cta__footnote {
     color: rgba(255, 255, 255, .9);
     font-weight: 600;
     font-size: 18px;
     line-height: 1.6;
     padding-top: 4px;
 }

 /* ========== 14. FOOTER ========== */
 .footer {
     background: var(--ink);
     color: #fff;
     border-top: 4px solid var(--orange);
     padding: 64px 24px 0;
 }

 .footer__grid {
     max-width: 1600px;
     margin: 0 auto;
     display: grid;
     grid-template-columns: 2fr 1fr 1fr;
     gap: 40px;
     padding-bottom: 40px;
 }

 .footer__about {
     max-width: 510px;
     display: flex;
     flex-direction: column;
     gap: 12px;
 }

 .footer__logo {
     margin-bottom: 12px;
 }

 .footer__tagline {
     color: var(--fg-dimmest);
     font-size: 14px;
     line-height: 1.5;
 }

 .footer__rating {
     display: flex;
     align-items: center;
     gap: 8px;
     padding-top: 8px;
     color: var(--fg-light);
     font-size: 13px;
     line-height: 1.6;
 }

 .footer__rating .mi {
     color: var(--orange);
     font-size: 16px;
 }

 .footer__license {
     width: 118px;
     height: 58px;
     background: #fff;
     border-radius: 7px;
     padding: 8px;
     position: relative;
     overflow: hidden;
 }

 .footer__license img {
     width: 106px;
     height: 33px;
     object-fit: contain;
 }

 .footer__license-txt {
     position: absolute;
     left: 10px;
     bottom: 6px;
     color: #222;
     font-family: var(--f-head);
     font-weight: 400;
     font-size: 10px;
     letter-spacing: .6px;
     text-transform: uppercase;
     line-height: 1.6;
 }

 .footer h4 {
     font-family: var(--f-head);
     font-weight: 700;
     font-size: 16px;
     letter-spacing: .96px;
     text-transform: uppercase;
     color: var(--orange);
     margin: 0 0 10px;
     padding-bottom: 10px;
     border-bottom: 2px solid rgba(255, 89, 0, .3);
     line-height: 1.6;
 }

 .footer ul {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     flex-direction: column;
     gap: 9px;
 }

 .footer a.foot-link {
     color: var(--fg-light);
     font-size: 14px;
     line-height: 1.6;
     display: inline-flex;
     align-items: center;
     gap: 10px;
 }

 .footer a.foot-link .mi {
     color: var(--orange);
     font-size: 18px;
 }

 .footer .quick-link {
     color: var(--fg-dimmest);
 }

 .footer .quick-link .mi {
     color: var(--fg-dimmest);
     font-size: 14px;
 }

 .footer__badges {
     max-width: 1600px;
     margin: 0 auto;
     border-bottom: 1px solid rgba(255, 255, 255, .1);
     padding: 0 0 25px;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 10px;
 }

 .footer__badge {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     background: rgba(255, 255, 255, .08);
     border: 1px solid rgba(255, 255, 255, .15);
     border-radius: 39px;
     padding: 0 14px;
     height: 58px;
     color: var(--fg-light);
     font-family: var(--f-head);
     font-weight: 700;
     font-size: 12px;
     letter-spacing: .72px;
     text-transform: uppercase;
 }

 .footer__badge .mi {
     color: var(--orange);
     font-size: 14px;
 }

 .footer__copy {
     max-width: 1600px;
     margin: 0 auto;
     padding: 19px 0 20px;
     text-align: center;
     color: #555;
     font-size: 12px;
     line-height: 1.6;
 }

 /* ========== RESPONSIVE ========== */
 @media (max-width:1200px) {
     .hero {
         padding: 0px 0 0;
         align-items: stretch;
     }

     .hero__row {
         flex-direction: column;
         padding: 0;
     }

     .hero__col-copy {
         width: 100%;
         max-width: none;
         padding: 0 20px;
     }

     .hero__col-media {
         position: relative;
         right: auto;
         bottom: auto;
         width: 100%;
         max-width: none;
         padding: 16px 0 0;
         justify-content: center;
     }

     .hero__image {
         max-height: 360px;
         width: 100%;
         object-position: center bottom;
     }

     .hero__strip {
         width: 100%;
     }

     .stats__bar {
         grid-template-columns: repeat(3, 1fr);
     }

     .reviews {
         grid-template-columns: 1fr 1fr;
     }

     .svc-grid {
         grid-template-columns: 1fr 1fr;
     }

     .offers__grid {
         grid-template-columns: 1fr 1fr;
     }

     .how__grid {
         grid-template-columns: 1fr;
     }

     .step {
         border-right-width: 3px !important;
         border-left-width: 3px !important;
         border-bottom-width: 0 !important;
     }

     .step:last-child {
         border-bottom-width: 3px !important;
     }

     .footer__grid {
         grid-template-columns: 1fr 1fr;
     }
 }

 @media (max-width:800px) {
     .topbar {
         /* flex-wrap: wrap; */
         gap: 12px;
         padding: 12px 15px;
     }

     .topbar__center {
         display: none;
     }

     .hero {
         padding: 24px 12px 0;
     }

     .hero__promo-row {
         flex-direction: column;
     }

     .promo-card {
         width: 100%;
     }

     .hero__ctas {
         flex-direction: column;
     }

     .btn-primary,
     .btn-ghost {
         width: 100%;
         justify-content: center;
     }

     .form-grid {
         grid-template-columns: 1fr;
     }

     .offers__grid {
         grid-template-columns: 1fr;
     }

     /* Services: horizontal snap-scroll, edge-to-edge */
     .services {
         padding-left: 0;
         padding-right: 0;
     }

     .services .container {
         align-items: stretch;
         padding: 0;
     }

     .services .title-pill,
     .services .section-lede {
         padding-left: 24px;
         padding-right: 24px;
         width: 100%;
     }

     /* Mobile: blue title text, no background pill, left-aligned */
     .services .title-pill {
         background: transparent !important;
         color: var(--blue) !important;
         border-radius: 0;
         text-align: left;
         padding: 0 24px;
         line-height: 1.1;
     }

     .services .section-lede {
         text-align: left;
         max-width: none;
     }

     .svc-grid {
         display: flex;
         grid-template-columns: none;
         gap: 12px;
         overflow-x: auto;
         overflow-y: visible;
         scroll-snap-type: x mandatory;
         -webkit-overflow-scrolling: touch;
         padding: 16px 0 24px 24px;
         /* left pad only; cards run to right edge */
         margin: 0;
         scrollbar-width: none;
     }

     .svc-grid::-webkit-scrollbar {
         display: none;
     }

     .svc {
         flex: 0 0 82%;
         max-width: 320px;
         min-height: 220px;
         scroll-snap-align: start;
         text-align: left;
         align-items: flex-start;
     }

     .svc:last-child {
         margin-right: 24px;
     }

     /* trailing breathing room without affecting first card */

     /* Testimonials: continuous marquee */
     .reviews {
         display: block;
         grid-template-columns: none;
         overflow: hidden;
         position: relative;
         width: 100%;
         max-width: 100%;
         margin: 0 -24px;
         width: calc(100% + 48px);
         padding-top: 8px;
         /* -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
         mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); */
     }

     .reviews__track {
         /* display: flex; */
         gap: 16px;
         width: max-content;
         /* animation: review-marquee 45s linear infinite; */
     }

     .reviews__track:hover {
         animation-play-state: paused;
     }

     .review,
     .review--dup {
         display: flex;
         margin-bottom: 20px;
     }

     .review {
         flex: 0 0 300px;
         min-height: 340px;
     }

     @keyframes review-marquee {
         from {
             transform: translateX(0);
         }

         to {
             transform: translateX(calc(-50% - 8px));
         }
     }

     @media (prefers-reduced-motion: reduce) {
         .reviews__track {
             animation: none;
         }
     }

     .stats__bar {
         grid-template-columns: 1fr;
     }

     .stat {
         border-right: 0;
         border-bottom: 3px solid var(--blue);
     }

     .stat:last-child {
         border-bottom: 0;
     }

     .team-block {
         flex-direction: column;
         padding: 24px;
         gap: 24px;
     }

     .team-block h3 {
         font-size: clamp(28px, 7vw, 40px);
     }

     .team-block__photo {
         width: 100%;
         aspect-ratio: 1/1;
         min-height: 0;
         flex: none;
     }

     .guarantee {
         flex-direction: column-reverse;
         padding: 32px 24px;
         gap: 24px;
         text-align: center;
     }

     .guarantee__copy {
         align-items: center;
         text-align: center;
     }

     .badge {
         width: 200px;
         height: 200px;
     }

     .solution-card {
         padding: 24px;
     }

     .problem {
         padding: 40px 16px;
     }

     .hero__strip {
         gap: 8px 16px;
     }

     .hero__strip__item {
         font-size: 14px;
     }

     .footer__grid {
         grid-template-columns: 1fr;
     }

     .final-cta__ctas {
         flex-direction: column;
         align-items: stretch;
     }

     .final-cta__ctas a {
         justify-content: center;
     }
 }


 @media (max-width:600px) {
     .call-text {
         display: none;
     }

     .hero {
         padding: 24px 15px;
         padding-bottom: 0px;
     }

     .brands {
         padding: 20px 15px;
     }

     .offers {
         padding: 40px 15px;
     }

     .form-section {
         padding: 50px 15px;
     }

     .services .title-pill {
         padding: 0px 15px;
     }

     .services .section-lede {
         padding: 0px 15px;
         margin: 0px;
     }

     .how {
         padding: 50px 0px;
     }

     .stats {
         padding: 50px 0px;
     }

     .title-pill {
         max-width: 300px;
         line-height: 1.2;
     }

     .problem__item {
         gap: 6px;
         padding-left: 6px;
     }

     .problem {
         padding: 40px 0px;
     }

     .container {
         padding: 0px 15px;
     }

     .team-block__copy {
         padding-top: 20px;
         padding-left: 15px;
     }

     .team-block {
         padding: 0px;
     }

     .hero__col-copy {
         padding: 0px 0px;
     }

     .btn-pill {
         border-radius: 6px;
         padding: 4px 14px;
     }

     .guarantee-block {
         padding: 40px 15px !important;
     }

     .faq {
         padding: 50px 0px;
     }

     .btn-pill .mi {
         font-size: 24px;
     }

     .svc-grid {
         margin-left: 15px;
     }

     .question-block {
        flex-direction: column;
     }

     .final-cta{
        padding:50px 15px;
     }

     .footer{
        padding:50px 15px 15px 15px;
     }
     .footer__copy{
        padding-bottom:0px;
     }
     .logo__mark{
        max-width: 180px;;
     }
 }