:root{--blue:#2148d8;--blue2:#2f6fff;--ink:#111827;--muted:#758095;--line:#e5e9f2;--soft:#f5f8ff;--soft2:#edf3ff;--white:#fff;--green:#25d366;--shadow:0 18px 50px rgba(28,55,120,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.5}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-nav{position:sticky;top:0;z-index:50;height:72px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-row{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.mark{width:31px;height:31px;border-radius:9px;background:linear-gradient(145deg,#2148d8,#50a7ff);display:grid;place-items:center;color:white;font-weight:900}.nav-links{display:flex;align-items:center;gap:30px;color:#7a8495;font-size:14px}.nav-links a:hover{color:var(--ink)}.nav-actions{display:flex;align-items:center;gap:14px}.btn{border:0;border-radius:10px;padding:12px 19px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-dark{background:#0b0b0c;color:#fff}.btn-blue{background:var(--blue);color:#fff;box-shadow:0 10px 22px rgba(33,72,216,.22)}.btn-outline{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn-wa{background:#fff;border:1px solid #dbe2ec;color:#19212e}.btn:hover{transform:translateY(-1px)}.hero{padding:95px 0 80px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:18px}.display{font-size:clamp(54px,7vw,94px);line-height:.91;letter-spacing:-.065em;margin:0 0 24px}.blue{color:#1688ff}.lead{font-size:18px;color:var(--muted);max-width:610px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-p{font-size:360px;line-height:.6;color:#e2ebff;font-weight:800;opacity:.95;user-select:none}.section{padding:100px 0;border-top:1px solid var(--line)}.section.soft{background:var(--soft)}.section h2{font-size:clamp(38px,5vw,68px);line-height:.96;letter-spacing:-.045em;margin:0 0 35px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff}.card h3{margin:8px 0 8px}.muted{color:var(--muted)}.checklist{display:grid;gap:13px}.check{display:flex;gap:10px}.check:before{content:'✓';color:#25b66f;font-weight:900}.price-panel{padding:30px;border-radius:18px;background:#f2f5fc}.price-big{font-size:50px;font-weight:850;letter-spacing:-.05em}.struck{text-decoration:line-through;color:#9aa3b4;font-size:32px}.addon-list{border-top:1px solid var(--line)}.addon-row{display:grid;grid-template-columns:50px 1fr auto;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.num{font-size:12px;color:#9aa3b4}.process-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden}.process-day{padding:22px 16px;border-right:1px solid var(--line);min-height:145px}.process-day:last-child{border-right:0}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.quote{padding:30px;border:1px solid var(--line);margin-left:-1px}.faq{display:grid;grid-template-columns:300px 1fr;gap:70px}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;padding:20px 0;background:none;border:0;text-align:left;font-weight:750;display:flex;justify-content:space-between;cursor:pointer}.faq-a{display:none;padding:0 0 20px;color:var(--muted)}.faq-item.open .faq-a{display:block}.dark-cta{background:#07080b;color:#fff;border-radius:20px;padding:90px 40px;text-align:center;position:relative;overflow:hidden}.dark-cta h2{color:#fff}.footer{padding:65px 0;background:#f6f8fd;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:50px}.footer h4{font-size:11px;letter-spacing:.15em;text-transform:uppercase}.footer a{display:block;color:#8a93a3;margin:10px 0;font-size:13px}.steps-wrap{padding:42px 0 28px}.stepper{max-width:780px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:0}.step{text-align:center;position:relative;color:#9099aa;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.step:not(:last-child):before{content:'';height:2px;background:#e3e7ef;position:absolute;top:16px;left:58%;width:84%}.bubble{width:34px;height:34px;border:2px solid #e2e6ef;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;background:#fff;position:relative;z-index:1}.step.active{color:var(--blue)}.step.active .bubble{background:var(--blue);color:#fff;border-color:var(--blue)}.step.done .bubble{background:#3683f3;border-color:#3683f3;color:white}.funnel{max-width:860px;margin:auto;padding:15px 0 90px}.funnel h1{text-align:center;font-size:42px;letter-spacing:-.04em;margin:10px 0}.funnel-sub{text-align:center;color:var(--muted);font-size:18px;margin-bottom:48px}.field{margin-bottom:30px}.label{display:block;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;margin-bottom:12px}.input,.textarea{width:100%;padding:18px;border:1px solid var(--line);border-radius:14px;outline:none;background:#fff}.textarea{min-height:150px;resize:vertical}.input:focus,.textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(33,72,216,.08)}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.choice,.feature-choice,.addon-choice{border:1px solid var(--line);border-radius:16px;padding:22px;cursor:pointer;background:#fff;position:relative}.choice.selected,.feature-choice.selected,.addon-choice.selected{border:2px solid var(--blue);background:#f4f7ff}.choice input,.feature-choice input,.addon-choice input{position:absolute;opacity:0}.choice-title{font-weight:800}.choice-desc{font-size:13px;color:var(--muted);margin-top:5px}.radio-stack{display:grid;gap:12px}.radio-card{padding:18px;border:1px solid var(--line);border-radius:14px;display:flex;gap:14px;cursor:pointer}.radio-card.selected{border-color:var(--blue);background:#f7f9ff}.funnel-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:28px;margin-top:38px}.support{color:#728097;font-size:14px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature-choice{min-height:170px}.tag{display:inline-block;border:1px solid var(--line);border-radius:5px;padding:3px 7px;font-size:10px;color:#7d8798;margin-top:15px}.addon-layout{display:grid;grid-template-columns:1fr 320px;gap:32px}.addon-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.addon-choice{padding:18px}.addon-price{position:absolute;right:18px;top:18px;color:var(--blue);font-weight:800}.summary{position:sticky;top:100px;background:#f1f5ff;border:1px solid #dce5fb;border-radius:18px;padding:25px;height:max-content}.summary-row{display:flex;justify-content:space-between;margin:13px 0}.summary-total{font-size:34px;font-weight:850}.review-grid{display:grid;grid-template-columns:1fr 330px;gap:30px}.review-card{border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:18px}.review-card h3{margin-top:0}.summary.dark{background:#111b35;color:#fff;border:0}.payment-options{display:grid;gap:10px}.payment-option{border:1px solid var(--line);border-radius:12px;padding:15px}.payment-option.selected{border-color:var(--blue);background:#f5f8ff}.discovery-hero{padding:80px 0}.discovery-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.calendar-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:28px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:20px 0}.day{padding:12px 4px;text-align:center;border-radius:8px;background:#f4f6fb;cursor:pointer}.day.selected{background:var(--blue);color:white}.time{display:block;width:100%;margin:10px 0;padding:14px;background:#fff;color:var(--blue);border:1px solid var(--blue);border-radius:9px;font-weight:800;cursor:pointer}.time.selected{background:var(--blue);color:#fff}.roadmap{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;text-align:center}.road-icon{width:76px;height:76px;border-radius:50%;background:#eff4ff;border:1px solid #dae4fb;display:grid;place-items:center;margin:auto;font-size:25px;color:var(--blue)}.whatsapp-float{position:fixed;right:22px;bottom:22px;background:var(--green);color:white;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:26px;box-shadow:0 12px 26px rgba(0,0,0,.2);z-index:60}.notice{padding:14px;border-radius:10px;background:#f1f5ff;color:#2a4385;font-size:13px}.error{color:#d12b2b;font-size:12px;margin-top:7px;display:none}.mobile-toggle{display:none}
@media(max-width:900px){.nav-links{display:none}.mobile-toggle{display:block}.hero-grid,.split,.discovery-grid,.review-grid,.addon-layout,.faq,.footer-grid{grid-template-columns:1fr}.hero-p{font-size:220px;text-align:center}.cards,.quote-grid,.choice-grid,.feature-grid,.addon-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.process-day{border-right:0;border-bottom:1px solid var(--line)}.roadmap{grid-template-columns:1fr 1fr}.stepper{width:100%;overflow:auto}.funnel{padding-left:20px;padding-right:20px}.nav-actions .nav-call{display:none}.display{font-size:56px}.footer-grid{gap:24px}.summary{position:static}}

/* Shared Pixocode shell sizing */
.site-nav{height:64px}.brand-image img{display:block;width:142px;height:auto}.nav-links{gap:27px;font-size:11px}.nav-actions{gap:14px;font-size:11px}.btn-compact{padding:9px 14px;border-radius:7px;font-size:10px}.footer{padding:60px 0 24px}.footer-logo img{width:168px}.footer-grid{grid-template-columns:2fr repeat(4,1fr);gap:50px}.footer h4{font-size:10px}.footer a,.footer p{font-size:10px}.launch-footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;margin-top:50px;padding-top:20px;color:#9ca3af;font-size:9px}.launch-footer-bottom div{display:flex;gap:18px}@media(max-width:900px){.site-nav{height:60px}.brand-image img{width:128px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.launch-footer-bottom{flex-direction:column}}

/* V4 funnel refinements */
.site-nav{height:62px}.brand-image img{width:132px;max-height:34px;object-fit:contain}.nav-links{gap:27px;font-size:10px;font-weight:600}.nav-call{font-size:10px}.btn,.funnel .btn{border-radius:999px}.btn-compact{padding:9px 15px}.wa-icon{display:inline-flex;width:18px;height:18px}.wa-icon svg{width:100%;height:100%}.soon-tip{position:fixed;z-index:9999;pointer-events:none;background:#111827;color:#fff;border-radius:7px;padding:6px 9px;font-size:10px;opacity:0;transform:translateY(4px);transition:.15s}.soon-tip.show{opacity:1;transform:none}.funnel{max-width:850px}.funnel h1{font-size:46px}.choice-grid .choice{min-height:118px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.industry-icon{width:38px;height:38px;border-radius:12px;background:#f2f5ff;display:grid;place-items:center;color:#6f7b91}.industry-icon svg{width:22px;height:22px}.choice.selected .industry-icon{background:#e8efff;color:var(--blue)}.radio-stack{border-top:1px solid var(--line)}.radio-card{border:0;border-radius:0;border-bottom:1px solid var(--line);padding:20px 8px}.radio-card.selected{background:#f7f9ff;border:1px solid var(--blue);border-radius:15px;margin:8px 0}.support-wa{display:inline-flex;align-items:center;gap:7px}.support-wa .wa-icon{color:var(--green)}.funnel-actions .btn{padding:14px 24px}.feature-choice,.addon-choice,.review-card{border-radius:20px}.care-card{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;background:#f2f5ff;border-color:#bfcfff;padding:22px 24px}.care-icon{width:48px;height:48px;border-radius:14px;background:#fff;display:grid;place-items:center;color:var(--blue)}.care-icon svg{width:25px}.recommended{display:inline-flex;background:var(--blue);color:#fff;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-left:8px}.toggle-box{width:22px;height:22px;border:2px solid var(--blue);border-radius:5px}.care-card.selected .toggle-box{background:var(--blue);box-shadow:inset 0 0 0 4px #fff}.summary{border-radius:22px;box-shadow:0 14px 34px rgba(28,55,120,.08)}.review-grid{grid-template-columns:minmax(0,1fr) 340px}.after-pay{max-width:1120px;margin:auto;padding:70px 20px 100px}.after-pay h2{font-size:48px;letter-spacing:-.04em}.after-pay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.after-pay-card{border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff}.after-icon{width:42px;height:42px;border-radius:12px;background:#eff4ff;color:var(--blue);display:grid;place-items:center;margin-bottom:18px}@media(max-width:900px){.brand-image img{width:118px}.choice-grid{grid-template-columns:1fr 1fr}.review-grid,.after-pay-grid{grid-template-columns:1fr}}

/* Refined add-ons and review experience */
.care-card{display:block!important;padding:28px!important;background:linear-gradient(135deg,#f7f9ff 0%,#edf3ff 100%)!important;border:1px solid #b9c9ff!important;overflow:hidden}
.care-card.selected{border:2px solid var(--blue)!important;box-shadow:0 18px 40px rgba(33,72,216,.12)}
.care-topline{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:start}
.care-heading h3{font-size:22px;margin:8px 0 6px}.care-heading p{margin:0;color:var(--muted);max-width:620px}
.care-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0 20px;padding-top:20px;border-top:1px solid #d9e2fb}
.care-benefits span{font-size:13px;font-weight:700;color:#38445a;display:flex;align-items:center;gap:7px}
.care-benefits span:before{content:'✓';display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#dfe9ff;color:var(--blue);font-size:11px}
.care-price{display:flex;align-items:baseline;gap:5px}.care-price strong{font-size:32px;letter-spacing:-.04em;color:var(--ink)}.care-price span{font-weight:700;color:#506079}.care-price small{margin-left:auto;color:var(--muted)}
.monthly-summary span{display:flex;flex-direction:column}.monthly-summary small{display:block;font-size:10px;color:var(--muted);font-weight:500}.monthly-summary b{color:var(--blue)}
.checkout-hero{padding-top:30px}.review-grid{align-items:start}.review-card{padding:0;overflow:hidden;background:#fff;box-shadow:0 12px 34px rgba(20,41,91,.05)}
.review-card-head{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--line);background:#fbfcff}.review-card-head h3{margin:0;font-size:18px}.review-kicker{width:30px;height:30px;border-radius:9px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-size:10px;font-weight:900}
.review-details{padding:4px 24px}.review-row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;padding:16px 0;border-bottom:1px solid #edf0f5;align-items:start}.review-row:last-child{border-bottom:0}.review-row span{color:var(--muted);font-size:13px}.review-row b{font-size:14px;line-height:1.55;overflow-wrap:anywhere}.review-row-stack b{font-weight:600}
.selected-addon-list{padding:8px 24px 18px}.selected-addon-row{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #edf0f5}.selected-addon-row:last-child{border-bottom:0}.selected-addon-row span{display:flex;flex-direction:column}.selected-addon-row small{color:var(--muted);font-size:11px;margin-top:2px}.selected-addon-row.recurring{margin:8px 0;padding:15px;border-radius:12px;border:1px solid #cbd8ff;background:#f3f6ff}.selected-addon-row.recurring b{color:var(--blue)}.empty-addons{padding:20px 0;color:var(--muted)}
.checkout-panel{top:90px}.checkout-panel h3{font-size:20px}.payment-option{cursor:pointer;padding:18px}.payment-option.selected{border:2px solid var(--blue);box-shadow:0 8px 20px rgba(33,72,216,.08)}
@media(max-width:900px){.care-benefits{grid-template-columns:1fr 1fr}.care-price{flex-wrap:wrap}.care-price small{width:100%;margin-left:0}.review-row{grid-template-columns:1fr;gap:5px}}
@media(max-width:560px){.care-topline{grid-template-columns:auto 1fr}.care-topline .toggle-box{grid-column:2;justify-self:start}.care-benefits{grid-template-columns:1fr}}
/* =========================================================
   ADD-ONS PAGE: QUANTITY, E-COMMERCE AND WEBSITE CARE
   ========================================================= */

.addon-page {
  width: min(1180px, calc(100% - 40px));
  max-width: 1180px !important;
}

.funnel-heading {
  max-width: 760px;
  margin: 0 auto 48px;
  text-align: center;
}

.funnel-heading .funnel-sub {
  margin-bottom: 0;
}

.eyebrow,
.summary-eyebrow {
  display: inline-block;
  color: var(--blue);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.addon-card-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding-right: 4px;
}

.addon-card-heading b {
  display: block;
  font-size: 16px;
  line-height: 1.3;
}

.addon-choice {
  min-height: 148px;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.addon-choice:hover {
  border-color: #b9c8f8;
  box-shadow: 0 12px 30px rgba(35, 58, 115, 0.07);
  transform: translateY(-2px);
}

.addon-choice.selected {
  border: 2px solid var(--blue);
  background: #f4f7ff;
}

.addon-check {
  position: absolute;
  right: 18px;
  bottom: 18px;
  width: 22px;
  height: 22px;
  border: 2px solid #b7c1d5;
  border-radius: 6px;
  background: #fff;
}

.addon-choice.selected .addon-check {
  border-color: var(--blue);
  background: var(--blue);
  box-shadow: inset 0 0 0 4px #fff;
}

.addon-unit-price {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 600;
}

.addon-label {
  display: inline-flex;
  margin-bottom: 8px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #e4ebff;
  color: var(--blue);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Extra page quantity control */

.quantity-addon {
  display: flex;
  flex-direction: column;
}

.quantity-addon .addon-price {
  position: static;
  min-width: 90px;
  text-align: right;
}

.quantity-control {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 4px;
  margin-top: auto;
  padding: 5px;
  border: 1px solid #d8dfed;
  border-radius: 999px;
  background: #fff;
}

.quantity-button {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: #eff3ff;
  color: var(--blue);
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

.quantity-button:hover {
  background: var(--blue);
  color: #fff;
}

.quantity-button:disabled {
  cursor: not-allowed;
  opacity: 0.35;
}

.quantity-value {
  min-width: 38px;
  text-align: center;
  color: var(--ink);
  font-size: 15px;
  font-weight: 800;
}

/* E-commerce */

.ecommerce-card {
  background:
    linear-gradient(
      145deg,
      #ffffff 0%,
      #f6f8ff 100%
    );
}

.addon-feature-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 16px;
}

.addon-feature-list span {
  padding: 5px 8px;
  border: 1px solid #dbe3f4;
  border-radius: 999px;
  background: #fff;
  color: #516078;
  font-size: 10px;
  font-weight: 700;
}

/* Monthly Website Care */

.care-card {
  grid-column: 1 / -1;
  display: block !important;
  min-height: auto;
  padding: 30px !important;
  overflow: hidden;
  border: 1px solid #b9c9ff !important;
  border-radius: 24px !important;
  background:
    radial-gradient(
      circle at 92% 10%,
      rgba(60, 118, 255, 0.15),
      transparent 32%
    ),
    linear-gradient(
      135deg,
      #f8faff 0%,
      #edf3ff 100%
    ) !important;
}

.care-card:hover {
  border-color: var(--blue) !important;
}

.care-card.selected {
  border: 2px solid var(--blue) !important;
  box-shadow:
    0 20px 44px
    rgba(33, 72, 216, 0.13);
}

.care-topline {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: start;
  gap: 18px;
}

.care-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border: 1px solid #d9e3ff;
  border-radius: 16px;
  background: #fff;
  color: var(--blue);
  box-shadow:
    0 9px 24px
    rgba(31, 65, 150, 0.08);
}

.care-icon svg {
  width: 28px;
  height: 28px;
}

.care-heading {
  min-width: 0;
}

.recommended {
  display: inline-flex;
  margin: 0 0 9px;
  padding: 5px 10px;
  border-radius: 999px;
  background: var(--blue);
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.care-heading h3 {
  margin: 0 0 7px;
  color: var(--ink);
  font-size: 23px;
  letter-spacing: -0.025em;
}

.care-heading p {
  max-width: 660px;
  margin: 0;
  color: var(--muted);
  font-size: 14px;
}

.toggle-box {
  width: 25px;
  height: 25px;
  border: 2px solid var(--blue);
  border-radius: 7px;
  background: #fff;
}

.care-card.selected .toggle-box {
  background: var(--blue);
  box-shadow:
    inset 0 0 0 5px #fff;
}

.care-benefits {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin: 25px 0 22px;
  padding-top: 22px;
  border-top: 1px solid #d8e2fb;
}

.care-benefits span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #38445a;
  font-size: 12px;
  font-weight: 700;
}

.care-benefits span::before {
  content: "✓";
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #dfe8ff;
  color: var(--blue);
  font-size: 11px;
  font-weight: 900;
}

.care-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
}

.care-price {
  display: flex;
  align-items: baseline;
  gap: 5px;
}

.care-price strong {
  color: var(--ink);
  font-size: 36px;
  line-height: 1;
  letter-spacing: -0.05em;
}

.care-price span {
  color: #56647b;
  font-size: 14px;
  font-weight: 700;
}

.care-bottom small {
  max-width: 290px;
  color: var(--muted);
  font-size: 11px;
  text-align: right;
}

/* Summary */

.summary {
  padding: 28px;
}

.summary h3 {
  margin: 7px 0 24px;
  font-size: 22px;
}

.summary-row {
  align-items: flex-start;
  gap: 20px;
}

.monthly-summary {
  margin: 20px -10px !important;
  padding: 14px 10px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.7);
}

.monthly-summary span {
  display: flex;
  flex-direction: column;
}

.monthly-summary strong {
  color: var(--ink);
  font-size: 13px;
}

.monthly-summary small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 500;
}

.monthly-summary b {
  color: var(--blue);
  white-space: nowrap;
}

.summary-total-label {
  margin-top: 13px;
  color: var(--muted);
  font-size: 12px;
}

.summary-note {
  margin: 14px 0 20px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.5;
}

.summary-button {
  width: 100%;
  justify-content: center;
  text-align: center;
}

/* Responsive */

@media (max-width: 900px) {
  .care-benefits {
    grid-template-columns: 1fr 1fr;
  }

  .care-bottom {
    align-items: flex-start;
    flex-direction: column;
  }

  .care-bottom small {
    max-width: none;
    text-align: left;
  }
}

@media (max-width: 560px) {
  .addon-page {
    width: 100%;
  }

  .care-card {
    padding: 22px !important;
  }

  .care-topline {
    grid-template-columns: auto 1fr;
  }

  .care-topline .toggle-box {
    grid-column: 2;
    justify-self: start;
  }

  .care-benefits {
    grid-template-columns: 1fr;
  }

  .addon-card-heading {
    gap: 10px;
  }
  /* Payment total and deposit display */

.payment-section {
  margin-top: 32px;
}

.payment-section h4 {
  margin: 0 0 14px;
  color: var(--ink);
  font-size: 15px;
}

.payment-option {
  margin-bottom: 12px;
  padding: 18px;
  border: 1px solid #dbe2ef;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.55);
  cursor: pointer;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}

.payment-option:hover {
  border-color: #a9bdfb;
}

.payment-option.selected {
  border: 2px solid var(--blue);
  background: #f4f7ff;
  box-shadow:
    0 12px 26px
    rgba(37, 78, 209, 0.08);
}

.payment-option-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.payment-option-top strong {
  color: var(--ink);
  font-size: 14px;
}

.payment-option-top span {
  color: var(--blue);
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
}

.payment-option p {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
}

.due-today-box {
  margin-top: 22px;
  margin-bottom: 24px;
  padding: 20px;
  border-radius: 18px;
  background: var(--ink);
  color: #fff;
}

.due-today-box > span {
  display: block;
  margin-bottom: 7px;
  color: #b8c4da;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.due-today-box strong {
  display: block;
  font-size: 34px;
  line-height: 1;
  letter-spacing: -0.04em;
}

.due-today-box small {
  display: block;
  margin-top: 8px;
  color: #b8c4da;
  font-size: 10px;
}

.remaining-balance-row,
.monthly-charge-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 16px;
  padding: 14px 4px;
  border-bottom: 1px solid #d9e0ed;
}

.remaining-balance-row[hidden] {
  display: none;
}

.remaining-balance-row span,
.monthly-charge-row span {
  color: var(--ink);
  font-size: 12px;
}

.monthly-charge-row span {
  display: flex;
  flex-direction: column;
}

.monthly-charge-row small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 9px;
}

.remaining-balance-row b,
.monthly-charge-row b {
  color: var(--ink);
  font-size: 13px;
  white-space: nowrap;
}

.checkout-button {
  width: 100%;
  justify-content: center;
  margin-top: 32px;
}