.wdw-pricing-v1,
.wdw-pricing-v1 * { box-sizing: border-box; }

.wdw-pricing-v1 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  padding: 124px 24px 132px;
  color: var(--wdw-text-primary);
  background:
    radial-gradient(circle at 16% 18%, color-mix(in srgb,var(--wdw-ambient-glow-primary) 12%,transparent), transparent 28%),
    radial-gradient(circle at 82% 78%, color-mix(in srgb,var(--wdw-ambient-glow-secondary) 10%,transparent), transparent 30%),
    linear-gradient(180deg, var(--wdw-page-bg) 0%, var(--wdw-section-bg) 52%, var(--wdw-page-bg) 100%);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.wdw-pricing-v1__ambient { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.wdw-pricing-v1__glow { position: absolute; width: 520px; height: 520px; border-radius: 50%; filter: blur(95px); opacity: .18; }
.wdw-pricing-v1__glow--left { left: -260px; top: 8%; background: color-mix(in srgb,var(--wdw-ambient-glow-primary) 34%,transparent); }
.wdw-pricing-v1__glow--right { right: -250px; bottom: 9%; background: color-mix(in srgb,var(--wdw-ambient-glow-secondary) 28%,transparent); }
.wdw-pricing-v1__grid { position: absolute; inset: 0; opacity: .14; background-image: linear-gradient(rgba(113,160,198,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(113,160,198,.045) 1px, transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent); }

.wdw-pricing-v1__inner { width: min(1480px, 100%); margin: 0 auto; }
.wdw-pricing-v1__heading { width: min(1040px, 100%); margin: 0 auto 54px; text-align: center; }
.wdw-pricing-v1__eyebrow { display: inline-flex; align-items: center; gap: 9px; color: var(--wdw-text-accent); font-size: 14px; font-weight: 900; letter-spacing: .17em; }
.wdw-pricing-v1__eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--wdw-text-accent); box-shadow: 0 0 15px color-mix(in srgb,var(--wdw-text-accent) 62%,transparent); }
.wdw-pricing-v1__heading h2 { margin: 18px 0 0; color: var(--wdw-text-primary); font-size: clamp(46px, 5.3vw, 80px); line-height: .98; letter-spacing: -.055em; font-weight: 900; }
.wdw-pricing-v1__heading h2 span { background: linear-gradient(90deg, var(--wdw-heading-gradient-start), var(--wdw-heading-gradient-middle) 54%, var(--wdw-heading-gradient-end)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.wdw-pricing-v1__heading p { width: min(860px, 100%); margin: 24px auto 0; color: var(--wdw-text-muted); font-size: clamp(16px, 1.35vw, 20px); line-height: 1.72; }

/* Matches Titanium Site Watch's optional USD control: GBP remains authoritative. */
.wdw-pricing-v1__usd-control {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin: 0 auto 28px;
  text-align: center;
}
.wdw-pricing-v1 .wdw-pricing-v1__usd-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 24px;
  border: 1px solid rgba(255,255,255,.30);
  border-radius: 9px;
  color: #0f2548;
  background: linear-gradient(135deg,#e7e9e4,#b8bcb5);
  box-shadow: 0 8px 18px rgba(38,41,38,.22);
  font-family: inherit !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  cursor: pointer;
  transition: filter .18s ease, transform .18s ease, opacity .18s ease;
}
.wdw-pricing-v1 .wdw-pricing-v1__usd-button:hover:not(:disabled) { filter: brightness(1.04); transform: translateY(-1px); }
.wdw-pricing-v1 .wdw-pricing-v1__usd-button:disabled { cursor: default; opacity: 1; transform: none; }
.wdw-pricing-v1 .wdw-pricing-v1__usd-button.is-loading { cursor: wait !important; }
.wdw-pricing-v1__usd-note { width: min(980px,100%); margin: 0; color: var(--wdw-text-secondary); font-size: 15px; line-height: 1.55; font-weight: 600; }
.wdw-pricing-v1__usd-note.is-error { color: #ff9aaa; font-weight: 700; }

/* Plan-group geometry and typography intentionally mirror Titanium Site Watch pricing. */
.wdw-pricing-v1__groups {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 20px;
  align-items: stretch;
}
.wdw-pricing-v1__group {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(255,255,255,.20);
  border-radius: 27px;
  background: linear-gradient(155deg,rgba(205,208,202,.30),rgba(57,60,57,.80));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.19),0 24px 55px rgba(0,0,0,.24);
  transition: transform .24s ease,box-shadow .24s ease,filter .24s ease,opacity .24s ease;
  animation: wdwPricingGroupIn .52s cubic-bezier(.2,.75,.2,1) both;
}
.wdw-pricing-v1__group:nth-child(2) { animation-delay: .07s; }
.wdw-pricing-v1__group:nth-child(3) { animation-delay: .14s; }
.wdw-pricing-v1__group::before { content: ""; position: absolute; z-index: 3; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg,#9ca3af,#e2e8f0); }
.wdw-pricing-v1__group--plus::before { background: linear-gradient(90deg,#35d779,#99f6b8); }
.wdw-pricing-v1__group--advanced::before { background: linear-gradient(90deg,#e2b733,#ffe185); }
.wdw-pricing-v1__group:hover,
.wdw-pricing-v1__group:focus-within { transform: translateY(-6px); box-shadow: inset 0 1px 0 rgba(255,255,255,.24),0 32px 70px rgba(0,0,0,.34); }
@supports selector(:has(*)) {
  .wdw-pricing-v1__groups:has(.wdw-pricing-v1__group:hover) .wdw-pricing-v1__group:not(:hover) { opacity: .78; filter: saturate(.72) brightness(.84); transform: scale(.985); }
}

.wdw-pricing-v1__group-head {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 14px;
  min-height: 178px;
  margin: 0;
  padding: 31px 28px 25px;
  border-bottom: 1px solid rgba(255,255,255,.14);
  background: linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.035));
}
.wdw-pricing-v1__group-head > div { position: relative; padding-left: 58px; }
.wdw-pricing-v1__group-number {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 43px;
  height: 43px;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 14px;
  color: #eff6ff;
  background: rgba(7,17,29,.34);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
  font-size: 14px;
  font-weight: 750;
}
.wdw-pricing-v1__group-eyebrow { display: block; margin: 0 0 5px; color: rgba(245,248,252,.82); font-size: 14px; font-weight: 700; letter-spacing: .075em; text-transform: uppercase; }
.wdw-pricing-v1__group-head h3 { margin: 0; color: #fff; font-size: 31px; line-height: 1.08; letter-spacing: -.035em; font-weight: 700; }
.wdw-pricing-v1__group-head p { margin: 0; color: rgba(245,248,252,.84); font-size: 15px; line-height: 1.55; font-weight: 450; }


.wdw-pricing-v1__options { display: grid; grid-template-columns: 1fr; gap: 0; flex: 1; }
.wdw-pricing-v1__card {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto minmax(145px,auto) minmax(145px,1fr) auto;
  min-width: 0;
  min-height: 500px;
  margin: 0;
  padding: 25px 26px 23px;
  border: 0;
  border-radius: 0;
  color: #f8fafc;
  background: linear-gradient(165deg,rgba(255,255,255,.12),rgba(255,255,255,.035));
  box-shadow: none;
  transition: background .2s ease;
}
.wdw-pricing-v1__card + .wdw-pricing-v1__card { border-top: 1px solid rgba(255,255,255,.15); }
.wdw-pricing-v1__card:hover { transform: none; background: linear-gradient(165deg,rgba(255,255,255,.17),rgba(255,255,255,.055)); }
.wdw-pricing-v1__card::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(82deg,transparent 0%,rgba(255,255,255,.06) 17%,transparent 29%,rgba(255,255,255,.04) 48%,transparent 61%,rgba(255,255,255,.03) 83%,transparent 100%); opacity: .45; mix-blend-mode: screen; }
.wdw-pricing-v1__card > * { position: relative; z-index: 1; }
.wdw-pricing-v1__card-shine { position: absolute; z-index: 0; width: 180px; height: 180px; right: -88px; top: -88px; border-radius: 999px; background: radial-gradient(circle,rgba(214,218,213,.18),transparent 68%); pointer-events: none; }

.wdw-pricing-v1__card-head { display: flex; align-items: flex-start; justify-content: flex-start; min-height: 48px; margin: 0 0 14px; }
.wdw-pricing-v1__website-badge { display: inline-flex; align-items: center; min-height: 36px; padding: 9px 15px; border: 1px solid rgba(226,232,240,.28); border-radius: 999px; color: #111827; background: linear-gradient(135deg,#d8dde2,#8c98a3); font-size: 17px; line-height: 1; font-weight: 800; letter-spacing: .025em; white-space: nowrap; }
.wdw-pricing-v1__card--plus .wdw-pricing-v1__website-badge { color: #052e16; background: linear-gradient(135deg,#bbf7d0,#4ade80); border-color: rgba(134,239,172,.55); }
.wdw-pricing-v1__card--advanced .wdw-pricing-v1__website-badge { color: #3f2d08; background: linear-gradient(135deg,#f8e5a8,#d3a53d); border-color: rgba(253,230,138,.58); }

.wdw-pricing-v1__price-slot { min-height: 145px; margin: 0; padding: 0; color: #fff; font-size: 15px; font-weight: 600; }
.wdw-pricing-v1__spinner { display: inline-block; width: 22px; height: 22px; margin-right: 8px; border: 3px solid rgba(226,232,240,.30); border-top-color: #dbeafe; border-radius: 999px; animation: wdwPricingSpin .8s linear infinite; vertical-align: middle; }
.wdw-pricing-v1__price-stack { display: block; width: 100%; }
.wdw-pricing-v1__regular { margin: 0 0 8px; color: #eef2ed; font-size: 15px; line-height: 1.45; font-weight: 550; text-shadow: 0 1px 1px rgba(0,0,0,.35); }
.wdw-pricing-v1__regular del { position: relative; display: inline-block; color: #fff; font-size: 16px; font-weight: 650; text-decoration: none; }
.wdw-pricing-v1__regular del::after { content: ""; position: absolute; left: -2px; right: -2px; top: 63%; height: 2px; border-radius: 999px; background: rgba(248,113,113,.82); transform: rotate(-4deg); }
.wdw-pricing-v1__price { display: flex; align-items: baseline; column-gap: 100px; row-gap: 6px; flex-wrap: wrap; min-height: 60px; margin: 0 0 15px; color: #fff; }
.wdw-pricing-v1__price-primary,
.wdw-pricing-v1__usd-price { display: inline-flex; align-items: baseline; gap: 6px; white-space: nowrap; }
.wdw-pricing-v1__usd-price { display: none; margin-left: 0; color: #fff; }
.wdw-pricing-v1__usd-price.is-visible { display: inline-flex; }
.wdw-pricing-v1__price-primary strong,
.wdw-pricing-v1__usd-price strong { color: #fff; font-size: 44px; line-height: 1; letter-spacing: -.05em; font-weight: 600; text-shadow: 0 2px 4px rgba(0,0,0,.22); }
.wdw-pricing-v1__price-primary > span,
.wdw-pricing-v1__usd-price > span { color: #e2e3dc; font-size: 14px; font-weight: 600; }
.wdw-pricing-v1__discount { display: inline-flex; align-items: center; width: 100%; min-height: 36px; margin: 0; padding: 12px 15px; border: 1px solid rgba(111,191,140,.54); border-radius: 15px; color: #eafff1; background: linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,0) 28%),linear-gradient(145deg,#3f7557 0%,#28543f 42%,#173729 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.22),inset 0 -14px 24px rgba(0,0,0,.18),0 10px 24px rgba(14,55,35,.23); font-size: 14px; line-height: 1.42; font-weight: 750; }
.wdw-pricing-v1__price-error { display: grid; gap: 10px; min-height: 92px; align-content: start; }
.wdw-pricing-v1__price-error strong { color: #ffd0d6; font-size: 15px; font-weight: 700; }
.wdw-pricing-v1__retry { width: fit-content; min-height: 42px; padding: 0 14px; border: 1px solid rgba(191,219,254,.62); border-radius: 10px; color: #eff6ff; background: rgba(30,64,175,.32); font-size: 14px; font-weight: 900; letter-spacing: .035em; text-transform: uppercase; cursor: pointer; }

.wdw-pricing-v1__features { display: grid; grid-template-rows: repeat(3,minmax(38px,auto)); align-content: start; gap: 8px; min-height: 145px; margin: 0 0 20px; color: #f1f5f9; font-size: 15px; line-height: 1.45; font-weight: 450; }
.wdw-pricing-v1__features span { display: grid; grid-template-columns: 22px minmax(0,1fr); align-items: start; gap: 9px; }
.wdw-pricing-v1__features i { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin: 1px 0 0; border-radius: 999px; color: #052e16; background: #86efac; font-size: 14px; line-height: 1; font-style: normal; font-weight: 900; }

.wdw-pricing-v1__actions { display: grid; grid-template-rows: 46px 28px; gap: 9px; align-self: end; margin-top: auto; }
.wdw-pricing-v1 .wdw-pricing-v1__upgrade {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 46px;
  height: 46px;
  margin: 0;
  padding: 0 14px;
  border: 1px solid var(--wdw-button-primary-border);
  border-radius: 9px;
  color: var(--wdw-button-primary-text);
  background: linear-gradient(135deg,var(--wdw-button-primary-bg-start) 0%,color-mix(in srgb,var(--wdw-button-primary-bg-start) 55%,var(--wdw-button-primary-bg-end)) 50%,var(--wdw-button-primary-bg-end) 100%);
  box-shadow: 0 1px 0 rgba(255,255,255,.35) inset,0 8px 16px color-mix(in srgb,var(--wdw-button-primary-bg-end) 22%,transparent);
  font-family: inherit !important;
  font-size: 14px !important;
  line-height: normal !important;
  font-weight: 850 !important;
  letter-spacing: .01em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  cursor: pointer;
  transition: filter .18s ease,transform .18s ease;
}
.wdw-pricing-v1 .wdw-pricing-v1__upgrade:hover { filter: brightness(1.03); transform: translateY(-1px); }
.wdw-pricing-v1 .wdw-pricing-v1__upgrade:disabled { cursor: wait; opacity: .78; transform: none; }
.wdw-pricing-v1__coupon { display: inline-flex; align-items: center; justify-content: center; align-self: center; min-height: 28px; margin: 0 auto; padding: 3px 4px; border: 0; color: #f1f5f9; background: transparent; box-shadow: none; font: inherit; font-size: 14px; font-weight: 500; line-height: 1.4; text-align: center; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.wdw-pricing-v1__coupon:hover,
.wdw-pricing-v1__coupon:focus { color: #fff; text-decoration-thickness: 2px; outline: none; }

.wdw-pricing-v1__message { min-height: 24px; margin-top: 24px; color: var(--wdw-text-muted); font-size: 14px; line-height: 1.5; text-align: center; font-weight: 500; }
.wdw-pricing-v1__message.is-error { color: #ffb4bc; }
.wdw-pricing-v1__billing-note { margin: 8px auto 0; color: var(--wdw-text-muted); font-size: 14px; line-height: 1.55; text-align: center; font-weight: 500; }

@keyframes wdwPricingSpin { to { transform: rotate(360deg); } }
@keyframes wdwPricingGroupIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }



/* Shared Free / Basic / Plus / Advanced feature comparison shown above every pricing-card group. */
.wdw-pricing-v1__comparison { margin: 0 0 54px; }
.wdw-pricing-v1__comparison-heading { width: min(920px,100%); margin: 0 auto 24px; text-align: center; }
.wdw-pricing-v1__comparison-heading > span { color: var(--wdw-text-accent); font-size: 13px; font-weight: 900; letter-spacing: .15em; }
.wdw-pricing-v1__comparison-heading h3 { margin: 10px 0 0; color: var(--wdw-text-primary); font-size: clamp(26px,2.4vw,38px); line-height: 1.08; letter-spacing: -.035em; font-weight: 900; }
.wdw-pricing-v1__comparison-heading p { width: min(760px,100%); margin: 12px auto 0; color: var(--wdw-text-muted); font-size: 15px; line-height: 1.6; }
.wdw-pricing-v1__comparison-scroll { overflow: hidden; border: 1px solid color-mix(in srgb,var(--wdw-container-border) 28%,transparent); border-radius: 20px; background: color-mix(in srgb,var(--wdw-container-bg) 96%,transparent); box-shadow: 0 26px 70px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.025); }
.wdw-pricing-v1__comparison-scroll-inner { overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; }
.wdw-pricing-v1__comparison-scroll:focus-within { outline: 2px solid var(--wdw-text-accent); outline-offset: 3px; }
.wdw-pricing-v1__comparison-scroll-inner:focus-visible { outline: none; }
.wdw-pricing-v1__comparison-table { width: 100%; min-width: 1050px; border-collapse: separate; border-spacing: 0; table-layout: fixed; color: var(--wdw-text-primary); }
.wdw-pricing-v1__comparison-table thead th { position: sticky; top: 0; z-index: 2; height: 58px; padding: 14px 16px; border-right: 1px solid rgba(255,255,255,.08); color: #fff; background: #5f625e; font-size: 15px; line-height: 1.2; font-weight: 900; text-align: center; }
.wdw-pricing-v1__comparison-table thead th:first-child { width: 36%; text-align: left; background: #676963; }
.wdw-pricing-v1__comparison-table thead th.is-free { background: linear-gradient(180deg,#2397e2,#1977bb); }
.wdw-pricing-v1__comparison-table thead th.is-basic { background: linear-gradient(180deg,#687991,#536378); }
.wdw-pricing-v1__comparison-table thead th.is-plus { background: linear-gradient(180deg,#08aa33,#078a2a); }
.wdw-pricing-v1__comparison-table thead th.is-advanced { background: linear-gradient(180deg,#bd8a22,#997019); border-right: 0; }
.wdw-pricing-v1__comparison-table thead th:first-child { border-top-left-radius: 19px; }
.wdw-pricing-v1__comparison-table thead th:last-child { border-top-right-radius: 19px; }
.wdw-pricing-v1__comparison-table tbody tr:last-child > th:first-child { border-bottom-left-radius: 19px; }
.wdw-pricing-v1__comparison-table tbody tr:last-child > td:last-child { border-bottom-right-radius: 19px; }
.wdw-pricing-v1__comparison-table tbody tr:nth-child(odd) { background: color-mix(in srgb,var(--wdw-field-bg) 70%,transparent); }
.wdw-pricing-v1__comparison-table tbody tr:nth-child(even) { background: color-mix(in srgb,var(--wdw-container-elevated-bg) 78%,transparent); }
.wdw-pricing-v1__comparison-table tbody th,
.wdw-pricing-v1__comparison-table tbody td { padding: 11px 13px; border-top: 1px solid rgba(255,255,255,.045); border-right: 1px solid rgba(255,255,255,.045); vertical-align: middle; }
.wdw-pricing-v1__comparison-table tbody th { text-align: left; font-weight: 400; }
.wdw-pricing-v1__comparison-table tbody th strong { display: block; color: var(--wdw-text-primary); font-size: 13px; line-height: 1.35; font-weight: 850; }
.wdw-pricing-v1__comparison-table tbody th small { display: block; margin-top: 3px; color: var(--wdw-text-muted); font-size: 12px; line-height: 1.45; font-weight: 450; }
.wdw-pricing-v1__comparison-table tbody td { color: var(--wdw-text-secondary); font-size: 12px; line-height: 1.35; font-weight: 800; text-align: center; }
.wdw-pricing-v1__comparison-table tbody td:last-child { border-right: 0; }
.wdw-pricing-v1__comparison-check { color: #18dc50; font-size: 25px; line-height: 1; font-weight: 900; text-shadow: 0 0 12px rgba(24,220,80,.22); }
.wdw-pricing-v1__comparison-cross { color: #ff5555; font-size: 23px; line-height: 1; font-weight: 900; text-shadow: 0 0 10px rgba(255,85,85,.18); }
.wdw-pricing-v1__comparison-text { color: var(--wdw-text-secondary); font-size: 12px; line-height: 1.35; font-weight: 800; }

@media (max-width: 1450px) {
  .wdw-pricing-v1__groups { grid-template-columns: 1fr; }
  .wdw-pricing-v1__options { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .wdw-pricing-v1__card + .wdw-pricing-v1__card { border-top: 0; border-left: 1px solid rgba(255,255,255,.15); }
  .wdw-pricing-v1__group-head { min-height: 0; }
}

@media (max-width: 782px) {
  .wdw-pricing-v1 { padding: 92px 16px 104px; }
  .wdw-pricing-v1__heading { margin-bottom: 44px; }
  .wdw-pricing-v1__heading h2 { font-size: clamp(42px, 13vw, 62px); }
  .wdw-pricing-v1__options { grid-template-columns: 1fr; }
  .wdw-pricing-v1__card + .wdw-pricing-v1__card { border-left: 0; border-top: 1px solid rgba(255,255,255,.15); }
  .wdw-pricing-v1__card { min-height: 0; }
  .wdw-pricing-v1__price { column-gap: 34px; }
}

@media (max-width: 560px) {
  .wdw-pricing-v1__group-head { padding: 28px 20px 22px; }
  .wdw-pricing-v1__card { padding: 24px 20px 22px; }
  .wdw-pricing-v1__price-primary strong,
  .wdw-pricing-v1__usd-price strong { font-size: 40px; }
  .wdw-pricing-v1__price { column-gap: 24px; }
}

@media (prefers-reduced-motion: reduce) {
  .wdw-pricing-v1 *,
  .wdw-pricing-v1 *::before,
  .wdw-pricing-v1 *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

@media (max-width: 700px) { .wdw-pricing-v1__comparison { margin-bottom: 40px; } .wdw-pricing-v1__comparison-heading { text-align: left; } .wdw-pricing-v1__comparison-heading p { margin-left: 0; } }

/* Currency control belongs to the paid-plan cards, not the comparison matrix. */
.wdw-pricing-v1__usd-control--plans { margin-top: 34px; margin-bottom: 34px; }