.btn-primary{--btn-accent:#C7443A;--btn-accent-rgb:199,68,58;position:relative;isolation:isolate;overflow:hidden;background-color:var(--btn-accent)!important;border-color:var(--btn-accent)!important;color:#fff!important;filter:none!important;text-shadow:none!important;font-weight:800;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,border-color .22s ease;box-shadow:0 10px 22px rgba(var(--btn-accent-rgb),.28)!important}
.btn-primary::after{content:"";position:absolute;inset:-40% -60%;pointer-events:none;background:linear-gradient(120deg,transparent 0,rgba(255,255,255,.18) 45%,transparent 70%);transform:translateX(-120%) rotate(8deg);transition:transform .7s ease}
.btn-primary>*{position:relative;z-index:1}
.btn-primary:hover,.btn-primary:focus,.btn-primary:focus-visible{background-color:#B43A32!important;border-color:#B43A32!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 16px 34px rgba(var(--btn-accent-rgb),.34),0 0 0 6px rgba(var(--btn-accent-rgb),.18)!important;outline:none!important}
.btn-primary:hover::after,.btn-primary:focus-visible::after{transform:translateX(120%) rotate(8deg)}
.btn-primary:active{transform:translateY(0);box-shadow:0 10px 22px rgba(var(--btn-accent-rgb),.28)!important}
.btn-primary{--bs-btn-focus-shadow-rgb:199,68,58}</style>

   <style>
    /* Option A: image fills the LEFT column width */
    #call-to-action.call-to-action .content-wrapper .cta-photo{
      margin:clamp(.9rem,1.2vw,1.25rem) 0 clamp(1.1rem,1.6vw,1.6rem);
      max-width:none;
      width:100%;
    }
    #call-to-action.call-to-action .content-wrapper .cta-photo img{
      display:block;
      width:100%;
      height:auto;
      border-radius:18px;
      box-shadow:0 14px 32px color-mix(in srgb,var(--default-color),transparent 88%);
      border:2px solid color-mix(in srgb,#fff,var(--accent-alt) 10%);
      background:color-mix(in srgb,var(--surface-color),transparent 10%);
    }
    @media (max-width: 992px){
      #call-to-action.call-to-action .content-wrapper .cta-photo{
        margin-left:auto;
        margin-right:auto;
      }
    }

    /* CTA — bump right-column typography (desktop-forward, mobile-safe) */
    #call-to-action.call-to-action .cta-box{
      padding: clamp(1.5rem, 2.2vw, 2.75rem);
    }
    #call-to-action.call-to-action .cta-header h3{
      font-size: clamp(1.35rem, 1.05rem + 0.85vw, 2rem);
      line-height: 1.15;
      margin-bottom: .5rem;
    }
    #call-to-action.call-to-action .cta-header p{
      font-size: clamp(1.02rem, 0.98rem + 0.35vw, 1.25rem);
      line-height: 1.55;
    }
    #call-to-action.call-to-action .benefit-content h4{
      font-size: clamp(1.05rem, 0.98rem + 0.35vw, 1.28rem);
      line-height: 1.25;
      margin-bottom: .25rem;
    }
    #call-to-action.call-to-action .benefit-content p{
      font-size: clamp(0.98rem, 0.94rem + 0.25vw, 1.15rem);
      line-height: 1.55;
    }

    /* icons slightly larger to match the new type scale */
    #call-to-action.call-to-action .benefit-item .benefit-icon{
      width: clamp(3.1rem, 2.6rem + 0.8vw, 3.6rem);
      height: clamp(3.1rem, 2.6rem + 0.8vw, 3.6rem);
    }
    #call-to-action.call-to-action .benefit-item .benefit-icon i{
      font-size: clamp(1.25rem, 1.05rem + 0.35vw, 1.6rem);
    }

    /* buttons: bigger, but still respectful on mobile */
    #call-to-action.call-to-action .action-area .btn-primary,
    #call-to-action.call-to-action .action-area .btn-secondary{
      padding: clamp(0.95rem, 0.85rem + 0.4vw, 1.15rem) clamp(1.25rem, 1rem + 0.9vw, 2rem);
      font-size: clamp(1.02rem, 0.98rem + 0.28vw, 1.22rem);
      font-weight: 800;
    }

    /* Trust metrics INSIDE the right CTA box */
    #call-to-action.call-to-action .cta-box .trust-metrics--cta{
      margin-top: clamp(1.1rem, 1.2vw, 1.6rem);
      padding-top: clamp(1rem, 1.2vw, 1.5rem);
      border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 88%);
      gap: clamp(1rem, 2.2vw, 2rem);
    }
    #call-to-action.call-to-action .cta-box .trust-metrics--cta .metric-value{
      font-size: clamp(1.25rem, 1.05rem + 0.5vw, 1.6rem);
      font-weight: 900;
    }
    #call-to-action.call-to-action .cta-box .trust-metrics--cta .metric-label{
      font-size: clamp(0.92rem, 0.88rem + 0.2vw, 1.02rem);
    }

    /* keep the right box readable on very small screens */
    @media (max-width: 768px){
      #call-to-action.call-to-action .benefits-grid{ gap: 1rem; }
    }

    /* Optional: trust metrics wrap cleanly on small phones */
    @media (max-width: 576px){
      #call-to-action.call-to-action .cta-box .trust-metrics--cta{
        flex-direction: column;
        align-items: flex-start;
      }
    }


    /* CTA primary button — coral/red, white text, subtle animated sheen */
#call-to-action.call-to-action .action-area .btn-primary{
  position: relative;
  isolation: isolate;
  overflow: hidden;

  background: var(--accent-color);
  color: #fff !important;
  border: 2px solid var(--accent-color);

  font-weight: 800;
  text-decoration: none;

  /* your “developed” motion language: lift + soft glow */
  transition: transform 220ms ease, box-shadow 220ms ease,
              background-color 220ms ease, border-color 220ms ease;
  box-shadow:
    0 10px 22px color-mix(in srgb, var(--accent-color), transparent 72%),
    0 2px 0 color-mix(in srgb, #000, transparent 92%);
}

/* highlight sweep */
#call-to-action.call-to-action .action-area .btn-primary::after{
  content:"";
  position:absolute;
  inset:-40% -60%;
  z-index:0;
  pointer-events:none;

  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,0.18) 45%,
    transparent 70%
  );

  transform: translateX(-120%) rotate(8deg);
  transition: transform 700ms ease;
}

/* keep text above sweep */
#call-to-action.call-to-action .action-area .btn-primary{
  z-index: 1;
}
#call-to-action.call-to-action .action-area .btn-primary *{
  position: relative;
  z-index: 2;
}

/* hover / focus */
#call-to-action.call-to-action .action-area .btn-primary:hover,
#call-to-action.call-to-action .action-area .btn-primary:focus-visible{
  background-color: color-mix(in srgb, var(--accent-color), #000 10%);
  border-color: color-mix(in srgb, var(--accent-color), #000 10%);
  color: #fff !important;

  transform: translateY(-2px);
  box-shadow:
    0 16px 34px color-mix(in srgb, var(--accent-color), transparent 62%),
    0 0 0 6px color-mix(in srgb, var(--accent-color), transparent 86%);
}

#call-to-action.call-to-action .action-area .btn-primary:hover::after,
#call-to-action.call-to-action .action-area .btn-primary:focus-visible::after{
  transform: translateX(120%) rotate(8deg);
}

/* active press */
#call-to-action.call-to-action .action-area .btn-primary:active{
  transform: translateY(0);
  box-shadow:
    0 10px 22px color-mix(in srgb, var(--accent-color), transparent 72%);
}

/* reduced motion */
@media (prefers-reduced-motion: reduce){
  #call-to-action.call-to-action .action-area .btn-primary,
  #call-to-action.call-to-action .action-area .btn-primary::after{
    transition: none !important;
  }
}


/* Trust metrics (CTA) — centered, bigger, stronger (FORCE) */
.trust-metrics--cta{
  display:flex !important;
  justify-content:center !important;
  align-items:stretch !important;
  gap:clamp(1rem,2.2vw,2rem) !important;
  text-align:center !important;
  margin-top:clamp(1.25rem,2.4vw,2rem) !important;
  padding-top:clamp(1rem,2vw,1.5rem) !important;
  border-top:1px solid color-mix(in srgb,var(--default-color),transparent 88%) !important;
}

.trust-metrics--cta .metric-item{
  flex:1 1 0 !important;
  max-width:14rem !important;
  text-align:center !important;
}

.trust-metrics--cta .metric-value{
  font-family:var(--heading-font, "Paytone One", system-ui, -apple-system, "Segoe UI","Helvetica Neue", Arial, sans-serif) !important;
  font-size:clamp(1.65rem,1.25rem + 1.2vw,2.35rem) !important;
  font-weight:900 !important;
  line-height:1.05 !important;
  color:var(--heading-color) !important;
  margin:0 0 .35rem 0 !important;
  text-align:center !important;
}

.trust-metrics--cta .metric-label{
  font-size:clamp(1.02rem,.98rem + .35vw,1.25rem) !important;
  font-weight:700 !important;
  line-height:1.35 !important;
  color:color-mix(in srgb,var(--default-color),transparent 18%) !important;
  margin:0 !important;
  text-align:center !important;
}

/* Mobile stack */
@media (max-width:576px){
  .trust-metrics--cta{
    flex-direction:column !important;
    gap:.85rem !important;
  }
  .trust-metrics--cta .metric-item{
    max-width:none !important;
  }
} 

/* Trust metrics (CTA) — tune size + make value green */
.trust-metrics--cta{
  gap:clamp(.85rem,1.6vw,1.4rem) !important;
  margin-top:clamp(1rem,2vw,1.6rem) !important;
  padding-top:clamp(.85rem,1.6vw,1.2rem) !important;
}

.trust-metrics--cta .metric-item{
  max-width:12.5rem !important;
}

.trust-metrics--cta .metric-value{
  color:var(--accent-color) !important; /* green from your section tokens */
  font-size:clamp(1.35rem,1.05rem + .85vw,1.9rem) !important; /* smaller */
}

.trust-metrics--cta .metric-label{
  font-size:clamp(.95rem,.9rem + .25vw,1.08rem) !important; /* smaller */
  font-weight:650 !important;
  color:color-mix(in srgb,var(--default-color),transparent 28%) !important; /* a touch softer */
}