.pricing-sales-hero {
  position: relative;
  isolation: isolate;
  overflow: clip;
  min-block-size: clamp(250px, 28vw, 350px);
  padding-block: clamp(42px, 5vw, 72px) clamp(18px, 3vw, 30px);
}

.pricing-sales-copy { position: relative; z-index: 1; max-inline-size: 650px; min-width: 0; }
.pricing-sales-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #b9c7d9;
  letter-spacing: 1.1px;
  font-size: 12px;
  font-weight: 850;
}
.pricing-sales-kicker svg { width: 20px; height: 20px; color: var(--yellow); fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.pricing-sales-copy h1 { max-width: 650px; margin: 16px 0 0; color: var(--text); letter-spacing: clamp(-2.4px, -.04em, -1.3px); font-size: clamp(40px, 4vw, 54px); line-height: 1.03; }
.pricing-sales-copy h1 em { color: var(--mint); font-style: normal; }
.pricing-sales-copy > p { max-width: 590px; margin: 16px 0 0; color: var(--muted); font-size: clamp(15px, 1.35vw, 18px); line-height: 1.55; }
.pricing-sales-globe { position: absolute; z-index: 0; top: -108px; right: -22px; inline-size: min(65vw, 760px); block-size: auto; pointer-events: none; }
.pricing-globe-outline, .pricing-globe-grid { fill: none; stroke: rgb(83 203 229 / 26%); stroke-width: 1.2; }
.pricing-globe-grid { stroke: rgb(108 215 239 / 18%); }
.pricing-globe-route path { fill: none; stroke: #56e9be; stroke-width: 2.2; }
.pricing-globe-route circle { fill: #8fffd9; stroke: #e5fff6; stroke-width: 2; }
.pricing-sales-features { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-block: 8px 22px; padding: 0; list-style: none; }
.pricing-sales-features li { display: grid; grid-template-columns: 46px minmax(0, 1fr); align-items: center; gap: 11px; color: #e0eaf4; font-size: 13px; font-weight: 760; line-height: 1.4; }
.pricing-sales-features li > span { display: grid; place-items: center; inline-size: 46px; block-size: 46px; color: var(--mint); border: 1px solid rgb(99 239 193 / 42%); border-radius: 50%; background: rgb(38 211 154 / 10%); }
.pricing-sales-features svg { inline-size: 23px; block-size: 23px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.pricing-sales-plans { padding-block: 18px 42px; }

.pricing-shell .plan-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 12px; border: 1px solid rgb(99 239 193 / 29%); border-radius: 15px; color: var(--mint); background: rgb(38 211 154 / 10%); }
.pricing-shell .plan-icon svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.pricing-shell .plan-icon-plus { color: #b5ffdf; background: rgb(38 211 154 / 18%); border-color: rgb(99 239 193 / 52%); }
.pricing-shell .plan-icon-pro { color: #d3a9ff; background: rgb(153 89 222 / 16%); border-color: rgb(193 129 255 / 46%); }
.pricing-shell .plan-card:has(.plan-icon-pro) { border-color: rgb(193 129 255 / 40%); background: linear-gradient(155deg, rgb(48 27 79 / 45%), rgb(8 24 49 / 94%)); }
.pricing-shell .plan-card:has(.plan-icon-pro) .plan-eyebrow,
.pricing-shell .plan-card:has(.plan-icon-pro) .plan-value { color: #d3a9ff; }

.pricing-payment-band { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 16px 28px; margin-top: 4px; padding: 18px 22px; border: 1px solid rgb(190 221 245 / 20%); border-radius: 20px; background: linear-gradient(135deg, rgb(8 28 49 / 92%), rgb(12 43 56 / 70%)); }
.pricing-payment-copy { display: flex; align-items: center; gap: 12px; min-width: 0; }
.pricing-payment-copy strong, .pricing-payment-copy small { display: block; }
.pricing-payment-copy strong { color: var(--text); font-size: 14px; }
.pricing-payment-copy small { margin-top: 3px; color: var(--muted); font-size: 12px; line-height: 1.4; }
.pricing-payment-lock { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border: 1px solid rgb(99 239 193 / 35%); border-radius: 12px; color: var(--mint); font-size: 24px; font-weight: 900; }
.pricing-payment-methods { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.payment-method { display: inline-flex; align-items: center; min-height: 34px; padding: 7px 10px; border: 1px solid rgb(190 221 245 / 22%); border-radius: 10px; color: #dce7f2; background: rgb(3 18 35 / 56%); font-size: 12px; font-weight: 800; }
.payment-method-sbp { color: #b7ffdb; border-color: rgb(99 239 193 / 38%); }
.payment-method-unavailable { color: var(--muted); }
.pricing-payment-band > p { grid-column: 1 / -1; margin: -5px 0 0; color: var(--muted); font-size: 12px; line-height: 1.45; }

.pricing-sales-help { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 18px; margin-block: 0 clamp(58px, 7vw, 94px); padding: 20px 24px; border: 1px solid rgb(190 221 245 / 20%); border-radius: 20px; background: linear-gradient(135deg, rgb(8 28 49 / 92%), rgb(12 43 56 / 70%)); }
.pricing-sales-help-icon { display: grid; place-items: center; inline-size: 42px; block-size: 42px; border-radius: 14px; color: #c5daff; background: rgb(75 127 207 / 18%); border: 1px solid rgb(129 174 245 / 42%); font-size: 23px; font-weight: 900; }
.pricing-sales-help h2, .pricing-sales-help p { margin: 0; }
.pricing-sales-help h2 { color: var(--text); font-size: 16px; }
.pricing-sales-help p { margin-top: 4px; color: var(--muted); font-size: 13px; line-height: 1.45; }

.payment-return-card { max-width: 760px; margin: clamp(44px, 9vw, 110px) auto; padding: clamp(28px, 5vw, 54px); border: 1px solid rgb(190 221 245 / 24%); border-radius: 28px; background: radial-gradient(circle at 50% 0, rgb(38 211 154 / 13%), transparent 44%), linear-gradient(155deg, rgb(11 37 60 / 92%), rgb(3 17 33 / 96%)); box-shadow: 0 24px 68px rgb(0 0 0 / 30%); }
.payment-return-card .payment-return-icon { margin-inline: auto; color: var(--mint); background: rgb(38 211 154 / 15%); border-color: rgb(99 239 193 / 44%); }
.payment-return-activated .payment-return-icon { color: #052216; background: var(--mint); border-color: #b7ffdf; }
.surface-brand { display: flex; }
.payment-return-card .surface-brand,
.recovery-page .surface-brand { justify-content: center; margin: 0 auto 18px; }
.checkout-dialog .surface-brand { margin-bottom: 14px; }
.payment-return-card > p { max-width: 620px; margin-inline: auto; }
.payment-return-card .hero-actions { justify-content: center; }
.site-footer-pricing .footer-grid { grid-template-columns: minmax(220px, 1.6fr) repeat(3, minmax(120px, 1fr)); gap: 22px; padding-block: 26px; }
.site-footer-pricing .footer-grid > div { gap: 7px; }
.site-footer-pricing .footer-bottom { min-height: 50px; gap: 9px 17px; flex-wrap: wrap; }

/* Exact owner reference: pricing only. Homepage and transactional surfaces retain their styles. */
body:has(.pricing-reference-page) { background: #00111d; }
body:has(.pricing-reference-page) .site-header { min-height: 58px; padding: 7px max(32px, calc((100vw - 1095px) / 2)); background: #00111d; }
body:has(.pricing-reference-page) .desktop-nav { gap: 24px; font-size: 14px; font-weight: 500; }
.pricing-reference-page { --mint: #43f5cf; --text: #f5f7fc; --muted: #c5d2e7; position: relative; isolation: isolate; overflow: clip; }
.pricing-reference-page .page-width { width: min(1220px, calc(100% - 128px)); }
.pricing-reference-page .pricing-sales-hero { min-height: 240px; padding-block: 34px 5px; overflow: visible; isolation: auto; }
.pricing-reference-page .pricing-sales-copy { max-width: 740px; }
.pricing-reference-page .pricing-sales-kicker { gap: 7px; padding: 6px 12px; border: 1px solid #0d4b5b; border-radius: 999px; background: #032836; color: #edf7fc; letter-spacing: 0; font-size: 13px; font-weight: 600; }
.pricing-reference-page .pricing-sales-kicker svg { width: 15px; height: 17px; }
.pricing-reference-page .pricing-sales-copy h1 { font-size: clamp(40px, 4vw, 52px); font-weight: 800; line-height: .97; letter-spacing: -.035em; margin-top: 17px; }
.pricing-reference-page .pricing-sales-copy > p { max-width: 690px; margin-top: 10px; font-size: 17px; font-weight: 400; line-height: 1.35; }
.pricing-reference-page .pricing-sales-globe { z-index: -1; width: 830px; max-width: none; height: auto; top: -20px; right: -104px; opacity: .82; mask-image: linear-gradient(to bottom, #000 45%, transparent 80%); }
.pricing-globe-caption { position: absolute; right: 0; top: 103px; z-index: 1; margin: 0; padding: 2px 8px 2px 16px; border-left: 2px solid #24f0d2; background: #001522a8; color: #29f4d3; font-size: 16px; line-height: 1.45; font-weight: 600; }
.pricing-reference-page .pricing-sales-features { position: relative; gap: 30px; margin-block: 4px 24px; }
.pricing-reference-page .pricing-sales-features li { grid-template-columns: 55px minmax(0, 1fr); gap: 18px; font-size: 15px; line-height: 1.4; font-weight: 400; }
.pricing-reference-page .pricing-sales-features li > span { width: 55px; height: 55px; color: #17eed0; border-color: #08c7b6; background: radial-gradient(circle, #004239, #002332); box-shadow: inset 0 0 0 3px #001721; }
.pricing-reference-page .pricing-sales-features svg { width: 29px; height: 29px; }
.pricing-reference-page .pricing-sales-plans { padding-block: 0 22px; }
.pricing-reference-page .pricing-shell { display: grid; gap: 0; }
.pricing-reference-page .period-tabs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); width: min(100%, 643px); margin: 0 auto 23px; padding: 5px; gap: 0; border: 1px solid #175069; border-radius: 19px; background: #002036; }
.pricing-reference-page .period-tab { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 51px; padding: 8px; border-radius: 13px; font-size: 15px; font-weight: 700; color: #c9d6f4; white-space: nowrap; }
.pricing-reference-page .period-tab.active { color: #001d23; background: linear-gradient(110deg, #39f6d2, #00c5a0); box-shadow: none; }
.pricing-reference-page .period-tab .period-discount { display: inline-block; margin: 0; padding: 7px 10px; border-radius: 999px; background: #4cf7d5; color: #002126; font-size: 12px; font-weight: 800; line-height: 1; text-box: trim-both cap alphabetic; }
.pricing-reference-page .plans-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: stretch; gap: 17px; margin: 0; }
.pricing-reference-page .plan-card { display: flex; flex-direction: column; min-height: 510px; padding: 20px 26px 18px; border: 1px solid #17455d; border-radius: 21px; background: linear-gradient(135deg,#06283c,#001625); box-shadow: inset 0 1px 6px #96d3ed0a; overflow: visible; }
.pricing-reference-page .plan-card.featured { transform: none; border: 2px solid #25f2d0; background: linear-gradient(120deg,#003c3b,#00212d); box-shadow: 0 0 8px #19fbd76b, inset 0 0 18px #00e8c414; padding: 19px 25px 17px; }
.pricing-reference-page .plan-card:last-child { max-width: none; grid-column: auto; background: linear-gradient(135deg,#06283c,#001625); border-color: #19415c; }
.pricing-reference-page .plan-icon { width: 55px; height: 55px; margin: 0 0 8px 15px; border: 0; border-radius: 50%; color: #c1d9ff; background: radial-gradient(circle at 65% 20%,#385e91,#153856 80%); }
.pricing-reference-page .plan-icon svg { width: 32px; height: 32px; fill: currentColor; stroke-width: 1; }
.pricing-reference-page .plan-icon-plus { color: #8cffe2; background: radial-gradient(circle at 65% 20%,#087e6d,#004e53 80%); }
.pricing-reference-page .plan-icon-pro { color: #e1d4ff; background: radial-gradient(circle at 65% 20%,#655b91,#273854 80%); }
.pricing-reference-page .plan-eyebrow { display: none; }
.pricing-reference-page .plan-card h2 { margin: 0 15px 4px; color: #f5f6fa; font-size: clamp(24px,2.3vw,27px); letter-spacing: -.03em; line-height: 1.15; font-weight: 800; }
.pricing-reference-page .plan-description { margin: 0 15px; min-height: 21px; color: #c9d7ef; font-size: 15px; line-height: 1.4; font-weight: 400; }
.pricing-reference-page .popular { top: 18px; right: 22px; padding: 6px 11px; border: 1px solid #087f79; border-radius: 999px; background: #002e33; color: #ffd656; font-size: 12px; font-weight: 700; }
.pricing-reference-page .plan-price { margin: 8px 15px 0; gap: 2px; }
.pricing-reference-page .plan-price-main { font-size: 41px; letter-spacing: -.025em; line-height: 1.1; font-weight: 800; }
.pricing-reference-page .plan-price small { color: #c7d6eb; font-size: 13px; line-height: 1.35; font-weight: 400; }
.pricing-reference-page .plan-savings { margin-top: 4px; color: #52f5d2; font-size: 13px; line-height: 1.4; }
.pricing-reference-page .plan-card ul { margin: 17px 15px 20px; gap: 10px; color: #d5e0f0; font-size: 14px; line-height: 1.5; font-weight: 400; }
.pricing-reference-page .plan-card .plan-devices { color: #d5e0f0; font-weight: 400; }
.pricing-reference-page .plan-card .plan-value { order: 10; margin: 10px 0 0; color: #becfe5; font-size: 14px; font-weight: 400; text-align: center; }
.pricing-reference-page .plan-card .button { margin-top: auto; min-height: 51px; border: 1.5px solid #00f2c6; border-radius: 14px; background: transparent; color: #39f7d0; box-shadow: none; font-size: 16px; font-weight: 800; }
.pricing-reference-page .plan-card.featured .button { background: #32f3cc; color: #002119; }
.pricing-reference-page .plan-card:last-child .button { color: #eef0ff; border-color: #9781ff; }
.pricing-reference-page .plan-card .button:disabled { opacity: .8; }
.pricing-reference-page .pricing-payment-band { min-height: 68px; margin: 8px 0 0; padding: 8px 26px; border: 0; border-radius: 0; background: none; gap: 10px; }
.pricing-reference-page .pricing-payment-lock { border: 0; color: #8b9feb; background: none; }
.pricing-reference-page .pricing-payment-band > p { margin: 0; font-size: 13px; }
.pricing-reference-page .pricing-note { max-width: none; margin: 0; color: #9fb5ca; font-size: 12px; line-height: 1.4; text-align: center; font-weight: 400; }
.pricing-reference-page .pricing-sales-help { min-height: 76px; margin-block: 0 25px; padding: 14px 27px; border-color: #11405d; border-radius: 19px; background: linear-gradient(110deg,#00233a,#001b2e); }
.pricing-reference-page .pricing-sales-help-icon { width: 45px; height: 45px; border-radius: 50%; color: #b0ceff; background: radial-gradient(circle at 60% 20%,#145ac5,#03428b); border: 0; }
.pricing-reference-page .pricing-sales-help p { font-size: 14px; font-weight: 400; }
.pricing-reference-page .pricing-sales-help .button { min-height: 44px; border-radius: 12px; border-color: #5682ba; font-size: 14px; }
.site-footer-pricing .footer-grid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; padding-block: 20px; }
.site-footer-pricing .footer-grid > div { display: flex; flex-wrap: wrap; gap: 8px 14px; font-size: 12px; }
.site-footer-pricing .footer-grid > div > strong { display: none; }
.site-footer-pricing .footer-bottom { min-height: 34px; font-size: 12px; padding-block: 7px; }

@media (width <= 1100px) {
  .pricing-reference-page .page-width { width: calc(100% - 64px); }
  .pricing-reference-page .pricing-sales-copy { max-width: 64%; }
  .pricing-reference-page .pricing-sales-copy > p { font-size: 16px; }
  .pricing-reference-page .pricing-sales-features { gap: 16px; }
  .pricing-reference-page .pricing-sales-features li { gap: 10px; font-size: 14px; }
  .pricing-reference-page .plan-card { padding-inline: 16px; }
  .pricing-reference-page .plan-card.featured { padding-inline: 15px; }
  .pricing-reference-page .plan-card h2, .pricing-reference-page .plan-description, .pricing-reference-page .plan-price, .pricing-reference-page .plan-card ul { margin-inline: 0; }
  .pricing-reference-page .popular { right: 12px; font-size: 11px; padding-inline: 7px; }
}
@media (width <= 900px) {
  body:has(.pricing-reference-page) .site-header { padding-inline: 16px; }
  .pricing-reference-page .page-width { width: calc(100% - 32px); }
  .pricing-reference-page .pricing-sales-copy { max-width: 100%; }
  .pricing-reference-page .pricing-sales-hero { padding-block: 30px 22px; min-height: 0; }
  .pricing-reference-page .pricing-sales-copy h1 { font-size: clamp(34px,7vw,48px); }
  .pricing-reference-page .pricing-sales-globe { width: 720px; top: 0; right: -160px; opacity: .28; }
  .pricing-globe-caption { display: none; }
  .pricing-reference-page .pricing-sales-features { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 12px; margin-bottom: 24px; }
  .pricing-reference-page .pricing-sales-features li { grid-template-columns: 42px minmax(0,1fr); gap: 9px; font-size: 14px; }
  .pricing-reference-page .pricing-sales-features li > span { width: 42px; height: 42px; }
  .pricing-reference-page .pricing-sales-features svg { width: 24px; height: 24px; }
  .pricing-reference-page .plans-grid { grid-template-columns: 1fr; gap: 18px; width: min(100%, 560px); margin-inline: auto; }
  .pricing-reference-page .plan-card { min-height: 460px; padding: 24px; }
  .pricing-reference-page .plan-card.featured { padding: 23px; }
  .pricing-reference-page .plan-card h2 { font-size: 29px; }
  .pricing-reference-page .popular { right: 24px; top: 25px; font-size: 12px; }
  .pricing-reference-page .plan-description { font-size: 16px; }
  .pricing-reference-page .plan-card ul { font-size: 15px; }
  .pricing-reference-page .plan-icon { margin-left: 0; }
  .pricing-reference-page .period-tab { flex-direction: column; gap: 5px; font-size: 14px; min-height: 61px; padding: 6px 2px; }
  .pricing-reference-page .period-tab .period-discount { font-size: 12px; padding: 6px 8px; }
  .pricing-reference-page .pricing-sales-help { padding: 17px; }
  .pricing-reference-page .pricing-payment-band { padding-inline: 0; }
}

@media (width <= 900px) {
  .pricing-sales-hero { min-block-size: 280px; }
  .pricing-sales-globe { top: -48px; right: -74px; inline-size: min(78vw, 710px); opacity: .76; }
  .pricing-sales-features { gap: 14px; }
}

@media (width <= 620px) {
  .pricing-sales-hero { min-block-size: 0; padding-block: 38px 26px; }
  .pricing-sales-copy h1 { font-size: clamp(38px, 11vw, 50px); }
  .pricing-sales-globe { top: 22px; right: -146px; inline-size: 660px; opacity: .3; }
  .pricing-sales-features { grid-template-columns: 1fr 1fr; gap: 14px 12px; margin-block: 0 16px; }
  .pricing-sales-features li { grid-template-columns: 38px minmax(0, 1fr); gap: 9px; font-size: 12px; }
  .pricing-sales-features li > span { inline-size: 38px; block-size: 38px; }
  .pricing-sales-features svg { inline-size: 20px; block-size: 20px; }
  .pricing-payment-band { grid-template-columns: 1fr; gap: 14px; padding: 17px; }
  .pricing-payment-methods { justify-content: flex-start; }
  .pricing-sales-help { grid-template-columns: auto minmax(0, 1fr); gap: 13px; padding: 18px; }
  .pricing-sales-help .button { grid-column: 1 / -1; inline-size: 100%; }
  .payment-return-card { margin-block: 36px 56px; border-radius: 22px; }
  .site-footer-pricing .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 16px; padding-block: 26px; }
  .site-footer-pricing .footer-grid .brand { grid-column: 1 / -1; }
  .site-footer-pricing .footer-bottom { align-items: flex-start; flex-direction: column; gap: 8px; padding-block: 16px; }
}
