:root {
        --brand: #006847;
        --brand-deep: #003625;
        --accent: #6b8ca3;
        --gold: #f4c95d;
        --danger: #dc2626;
        --surface: #ffffff;
        --surface-soft: #f8fafc;
        --surface-warm: #fdf8f2;
        --surface-grey: var(--surface-soft);
        --surface-black: #111827;
        --paper: #ffffff;
        --brand-soft: rgba(0, 104, 71, 0.1);
        --text: #111827;
        --ink-light: #374151;
        --text-muted: #6b7280;
        --border: #e5e7eb;
        --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08);
        --shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
        --shadow-lg: 0 14px 32px rgba(0, 0, 0, 0.14);
        --radius: 12px;
        --radius-lg: 18px;
        --radius-xl: 24px;
        --radius-full: 9999px;
        --space-sm: 12px;
        --space-md: 20px;
        --space-lg: 28px;
        --space-xl: 40px;
        --space-section: 88px;
      }

      .cro-main {
        width: min(1180px, calc(100% - 40px));
        margin: 0 auto;
      }

      .pricing-call-section {
        padding: 0;
        background: transparent;
      }

      .pricing-call-inner {
        width: min(720px, 100%);
        margin: 0 auto;
      }

      .pricing-call-intro {
        margin: 0 0 20px;
        color: var(--surface-black);
        font-size: clamp(1.05rem, 2.2vw, 1.2rem);
        font-weight: 600;
        line-height: 1.5;
        text-align: center;
      }

      .pricing-call-form-card {
        overflow: hidden;
        border: 1px solid rgba(0, 104, 71, 0.12);
        border-radius: var(--radius-xl);
        background: var(--surface);
        box-shadow: var(--shadow-lg);
        padding: clamp(16px, 2.5vw, 24px);
      }

      .cro-product-section {
        margin: 0 auto 34px;
      }

      .pricing-section {
        padding: clamp(56px, 7vw, 92px) 0;
      }

      .pricing-section + .pricing-section {
        border-top: none;
      }

      .pricing-page-story {
        width: min(1180px, calc(100% - 40px));
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: clamp(52px, 6vw, 80px);
        padding: clamp(40px, 5vw, 64px) 0 clamp(56px, 6vw, 80px);
      }

      .pricing-page-story .pricing-section {
        padding: 0;
        background: transparent;
      }

      .pricing-story-heading {
        margin: 0 0 var(--space-sm);
        color: var(--surface-black);
        font-family: 'DM Serif Display', Georgia, serif;
        font-size: clamp(1.65rem, 3.2vw, 2.35rem);
        font-weight: 400;
        line-height: 1.2;
        letter-spacing: -0.02em;
      }

      .pricing-page-lower {
        background: var(--surface-soft);
        padding: clamp(48px, 6vw, 72px) 0 clamp(40px, 5vw, 56px);
      }

      .pricing-page-lower > .section-header {
        width: min(1180px, calc(100% - 40px));
        margin: 0 auto clamp(28px, 4vw, 36px);
      }

      .pricing-page-lower .cro-reassurance {
        margin-top: 0;
        margin-bottom: clamp(28px, 4vw, 40px);
      }

      .pricing-page-lower .cro-faq-section {
        margin-bottom: 0;
        padding: 0;
      }

      .section-header {
        text-align: center;
        max-width: 720px;
        margin: 0 auto clamp(24px, 4vw, 36px);
      }

      .section-header h2 {
        margin-bottom: var(--space-sm);
        color: var(--surface-black);
        font-family: 'DM Serif Display', Georgia, serif;
        font-size: clamp(1.85rem, 4vw, 2.65rem);
        font-weight: 400;
        line-height: 1.15;
        letter-spacing: -0.02em;
      }

      .section-header .body-text {
        margin: 0;
        color: var(--text-muted);
        font-size: 1.0625rem;
        line-height: 1.65;
      }

      .pricing-kicker {
        display: inline-block;
        margin-bottom: var(--space-sm);
        padding: 5px 12px;
        border-radius: 6px;
        background: var(--brand-soft);
        color: var(--brand);
        font-size: 0.8125rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .pricing-hero-checkout {
        scroll-margin-top: 96px;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: clamp(24px, 3.5vw, 40px) clamp(16px, 2.5vw, 28px) clamp(8px, 2vw, 16px);
        text-align: left;
        border-radius: 0;
        background: var(--surface-soft);
      }

      .pricing-hero-checkout + .pricing-section,
      .pricing-hero-checkout + .pricing-page-story {
        border-top: none;
      }

      .pricing-hero-panel {
        width: min(1120px, 100%);
        margin: 0 auto;
        overflow: hidden;
        border: 1px solid rgba(0, 104, 71, 0.12);
        border-radius: var(--radius-xl);
        background: var(--surface);
        box-shadow: var(--shadow-lg);
      }

      .pricing-hero-eyebrow {
        margin: 0;
        padding: 20px 28px 0;
        text-align: center;
        color: var(--brand);
        font-size: 0.8125rem;
        font-weight: 800;
        letter-spacing: 0.1em;
        text-transform: uppercase;
      }

      .pricing-hero-panel-body {
        display: block;
      }


      .pricing-hero-purchase {
        display: flex;
        flex-direction: column;
        min-width: 0;
        background: var(--surface);
      }

      .pricing-hero-checkout .pricing-hero-purchase-lead {
        position: sticky;
        top: 0;
        z-index: 5;
        flex: 0 0 auto;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 8px 28px 6px;
        color: var(--surface-black);
        font-family: 'DM Serif Display', Georgia, serif;
        font-size: clamp(1.65rem, 3.2vw, 2rem);
        font-weight: 400;
        line-height: 1.25;
        letter-spacing: -0.02em;
        text-align: center;
        background: var(--surface);
      }

      .pricing-hero-purchase-note {
        width: 100%;
        max-width: 36rem;
        margin: 0 auto;
        padding: 0 28px 16px;
        color: var(--text-muted);
        font-size: 1.0625rem;
        font-weight: 500;
        line-height: 1.55;
        text-align: center;
        background: var(--surface);
      }

      .pricing-hero-checkout .pricing-hero-proof {
        margin-bottom: 16px;
        background: transparent;
        color: var(--brand);
        border: 1px solid rgba(0, 104, 71, 0.22);
        box-shadow: none;
        font-size: 0.6875rem;
        letter-spacing: 0.1em;
        padding: 6px 12px;
      }

      .pricing-hero-tools-line {
        margin: 18px 0 0;
        max-width: 22rem;
        color: #6b7280;
        font-size: 0.9375rem;
        line-height: 1.55;
      }

      .pricing-hero-checkout .pricing-price-notice {
        max-width: 22rem;
        margin: 22px 0 0;
        padding: 12px 14px;
        border: 1px solid rgba(243, 227, 141, 0.65);
        border-left: 2px solid var(--gold);
        border-radius: 10px;
        background: #fdfaf3;
        color: #5c6370;
        font-size: 0.8125rem;
        line-height: 1.55;
        font-weight: 500;
        text-align: left;
      }

      .pricing-hero-checkout .pricing-price-notice strong {
        display: block;
        margin-bottom: 2px;
        color: #3d4a42;
        font-weight: 700;
      }

      .pricing-hero-purchase .pw-wizard,
      .pricing-hero-purchase .pw-wizard--hero {
        border: 0;
        border-radius: 0;
        box-shadow: none;
        background: transparent;
      }


      .pricing-preview-section {
        padding: 0;
        background: transparent;
      }

      .pricing-preview-section .product-showcase-mockup {
        max-width: 1040px;
        margin: 0 auto;
      }

      .pricing-preview-section .hero-mockup {
        position: relative;
        z-index: 1;
        margin-top: 0;
        overflow: hidden;
        border: 1px solid var(--border);
        border-radius: var(--radius-lg);
        background: var(--surface);
        box-shadow: var(--shadow-lg);
      }

      .pricing-preview-section .mockup-browser {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 20px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        background: var(--surface-black);
      }

      .pricing-preview-section .mockup-dot {
        width: 12px;
        height: 12px;
        border-radius: 50%;
      }

      .pricing-preview-section .mockup-dot:nth-child(1) {
        background: #ff5f56;
      }

      .pricing-preview-section .mockup-dot:nth-child(2) {
        background: #ffbd2e;
      }

      .pricing-preview-section .mockup-dot:nth-child(3) {
        background: #27ca3f;
      }

      .pricing-preview-section .mockup-url {
        flex: 1;
        margin-left: 16px;
        padding: 8px 16px;
        border: none;
        border-radius: 8px;
        background: var(--surface-grey);
        color: var(--text-muted);
        font-size: 0.875rem;
        font-weight: 600;
      }

      .pricing-preview-section .showcase-tabs-container {
        padding: 14px 14px 0;
        border-bottom: 1px solid var(--border);
        background: var(--surface-grey);
      }

      .pricing-preview-section .showcase-tabs {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
      }

      .pricing-preview-section .showcase-tab {
        position: relative;
        bottom: 0;
        margin-left: 0;
        padding: 11px 18px;
        border: 1px solid transparent;
        border-bottom: none;
        border-radius: 10px 10px 0 0;
        background: transparent;
        box-shadow: none;
        color: var(--text-muted);
        font-size: 0.875rem;
        font-weight: 700;
        white-space: nowrap;
        cursor: pointer;
        transition:
          background 0.15s ease,
          color 0.15s ease;
      }

      .pricing-preview-section .showcase-tab:hover {
        background: rgba(255, 255, 255, 0.65);
        color: var(--brand);
      }

      .pricing-preview-section .showcase-tab.active {
        z-index: 1;
        border-color: var(--brand);
        background: var(--brand);
        box-shadow: none;
        color: #fff;
      }

      .pricing-preview-section .mockup-screen-image {
        overflow: hidden;
        min-height: clamp(220px, 54vw, 585px);
        aspect-ratio: 16 / 9;
        border-top: 1px solid var(--border);
        background: var(--surface);
      }

      .pricing-preview-section .mockup-screen-image img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
      }

      .pricing-launch-section {
        background: transparent;
        border-top: none;
      }

      .pricing-value-section {
        background: transparent;
      }

      .pricing-value-section .gs-value-stack {
        margin: 0;
        padding: 0;
        background: transparent;
        border: none;
        border-radius: 0;
      }

      .pricing-launch-section,
      .pricing-value-section {
        padding: 0;
      }

      .cro-stage-copy {
        display: grid;
        gap: 10px;
        margin-bottom: clamp(20px, 3vw, 28px);
      }

      .pricing-section-heading {
        max-width: 760px;
      }

      .pricing-section-heading h2 {
        font-size: clamp(1.55rem, 3vw, 2.3rem);
      }

      .cro-stage-copy h2 {
        font-size: clamp(1.55rem, 3vw, 2.3rem);
      }

      .cro-stage-copy p {
        color: #374151;
        font-size: 0.98rem;
      }

      .pricing-hero .pricing-price-notice {
        font-weight: 600;
      }

      .pricing-hero .pricing-price-notice strong {
        font-weight: 800;
      }

      .pricing-launch-block {
        display: grid;
        gap: var(--space-lg);
      }

      .pricing-launch-lead {
        margin: 0;
        max-width: 42rem;
        color: var(--ink-light);
        font-size: 1.0625rem;
        font-weight: 500;
        line-height: 1.65;
      }

      .pricing-launch-list {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: var(--space-md);
      }

      .pricing-launch-item {
        background: var(--surface);
        border: 1px solid var(--border);
        border-radius: var(--radius-lg);
        display: grid;
        gap: 6px;
        align-content: start;
        padding: 16px 18px;
        box-shadow: var(--shadow-sm);
        transition:
          border-color 0.2s ease,
          box-shadow 0.2s ease;
      }

      .pricing-launch-item:hover {
        border-color: rgba(0, 104, 71, 0.2);
        box-shadow: var(--shadow-md);
      }

      .pricing-launch-item strong {
        color: var(--brand-deep);
        font-size: 0.88rem;
        letter-spacing: 0.04em;
        line-height: 1.2;
        text-transform: uppercase;
      }

      .pricing-launch-item span {
        color: #374151;
        font-size: 0.92rem;
        font-weight: 600;
        line-height: 1.45;
      }

      .gs-plan-label {
        display: inline-flex;
        width: fit-content;
        border-radius: var(--radius-full);
        background: var(--brand-soft);
        color: var(--brand);
        font-size: 0.75rem;
        font-weight: 800;
        letter-spacing: 0.04em;
        line-height: 1;
        margin-bottom: 10px;
        padding: 7px 10px;
        text-transform: uppercase;
      }

      .gs-value-stack {
        margin: 0;
      }

      .gs-value-stack-intro {
        margin: 0 0 var(--space-md);
        color: var(--ink-light);
        max-width: 42rem;
        font-size: 1.0625rem;
        line-height: 1.65;
      }

      .gs-value-grid {
        display: grid;
        gap: 0;
        margin-top: var(--space-md);
        border: 1px solid var(--border);
        border-radius: var(--radius-lg);
        overflow: hidden;
        background: var(--surface);
      }

      .gs-value-item {
        align-items: start;
        background: var(--surface);
        border: none;
        border-bottom: 1px solid var(--border);
        border-radius: 0;
        box-shadow: none;
        display: grid;
        grid-template-columns: minmax(140px, 0.36fr) minmax(0, 1fr) minmax(148px, 0.44fr);
        gap: 12px 20px;
        padding: 14px 20px;
      }

      .gs-value-item:nth-child(even) {
        background: var(--surface-soft);
      }

      .gs-value-item:last-child {
        border-bottom: none;
      }

      .gs-value-item.is-wide {
        background: var(--surface-soft);
      }

      .gs-value-item strong {
        color: var(--brand-deep);
        font-size: 0.95rem;
        line-height: 1.3;
      }

      .gs-value-benefit {
        color: #4b5563;
        font-size: 0.9rem;
        font-weight: 600;
        line-height: 1.4;
      }

      .gs-value-estimate {
        color: var(--brand-deep);
        cursor: help;
        display: inline-block;
        font-size: 0.875rem;
        font-weight: 800;
        line-height: 1.35;
        position: relative;
        text-align: right;
      }

      .gs-value-estimate::after {
        background: #111827;
        border-radius: 8px;
        bottom: calc(100% + 8px);
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18);
        color: #fff;
        content: attr(data-tooltip);
        font-size: 0.72rem;
        font-weight: 700;
        left: 0;
        line-height: 1.3;
        max-width: min(220px, 72vw);
        opacity: 0;
        padding: 8px 10px;
        pointer-events: none;
        position: absolute;
        transform: translateY(4px);
        transition:
          opacity 0.16s ease,
          transform 0.16s ease;
        visibility: hidden;
        width: max-content;
        z-index: 4;
      }

      .gs-value-estimate:hover::after,
      .gs-value-estimate:focus::after {
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
      }

      .gs-value-estimate sup,
      .gs-value-footnotes sup {
        font-size: 0.72em;
        line-height: 0;
      }

      .gs-value-summary {
        border: none;
        border-radius: var(--radius-lg);
        background: var(--brand-deep);
        display: grid;
        gap: 20px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: var(--space-lg);
        padding: clamp(22px, 3vw, 28px);
        box-shadow: var(--shadow-md);
      }

      .gs-value-summary span {
        color: rgba(255, 255, 255, 0.78);
      }

      .gs-value-summary strong {
        color: #fff;
      }

      .gs-value-summary span {
        display: block;
        font-size: 0.875rem;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }

      .gs-value-summary strong {
        display: block;
        font-size: clamp(1.2rem, 2vw, 1.55rem);
        line-height: 1.15;
        margin-top: 4px;
      }

      .gs-value-footnotes {
        margin-top: var(--space-lg);
        padding: 18px 20px 16px;
        border: 1px solid var(--border);
        border-radius: var(--radius-lg);
        background: var(--surface);
      }

      .gs-value-footnotes-kicker {
        margin: 0 0 12px;
        color: var(--brand);
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        line-height: 1.2;
        text-transform: uppercase;
      }

      .gs-value-footnotes-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px 28px;
        margin: 0;
        padding: 0 0 0 1.2rem;
        color: #5c6370;
        font-size: 0.8125rem;
        line-height: 1.5;
      }

      .gs-value-footnotes-list li {
        padding-left: 2px;
      }

      .gs-value-footnotes-list li::marker {
        color: var(--brand);
        font-size: 0.78rem;
        font-weight: 700;
      }

      .gs-value-disclaimer {
        margin: 14px 0 0;
        padding-top: 14px;
        border-top: 1px solid rgba(0, 104, 71, 0.1);
        color: #6b7280;
        font-size: 0.8125rem;
        line-height: 1.55;
      }

      .cro-pricing-shell {
        border: 1px solid var(--border);
        border-radius: var(--radius-xl);
        border-top: 4px solid var(--brand);
        background: var(--surface);
        box-shadow: var(--shadow-lg);
        padding: clamp(20px, 3vw, 28px);
      }

      html[data-page='pricing'] .pw-progress {
        padding: 16px 22px 14px;
        border-bottom: 1px solid var(--border);
        background: var(--surface);
      }

      html[data-page='pricing'] .pw-progress-meta {
        margin-bottom: 8px;
        font-size: 0.75rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      html[data-page='pricing'] #pw-progress-label {
        color: var(--brand);
      }

      html[data-page='pricing'] .pw-progress-choice {
        color: var(--text-muted);
        font-weight: 700;
        text-transform: none;
        letter-spacing: 0;
      }

      html[data-page='pricing'] .pw-progress-choice:empty {
        display: none;
      }

      html[data-page='pricing'] .pw-kicker {
        display: none;
      }

      html[data-page='pricing'] .pw-step {
        padding: 22px 24px 24px;
      }

      html[data-page='pricing'] .pw-step h2 {
        font-size: clamp(1.45rem, 2.8vw, 2rem);
        margin-bottom: 18px;
      }

      html[data-page='pricing'] .pricing-hero-checkout #pw-step-1-title,
      html[data-page='pricing'] .pricing-hero-checkout .pw-step-plan-heading {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
      }

      html[data-page='pricing'] .pricing-hero-checkout .pw-step[data-pw-step='0'] {
        padding: 20px 24px 8px;
        background: var(--surface);
      }

      .pw-savings-calc {
        margin: 0 0 20px;
        border: 1px solid var(--border);
        border-radius: var(--radius-xl);
        background: var(--surface);
        box-shadow: var(--shadow-sm);
      }

      .pw-savings-calc-layout {
        display: grid;
        grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.85fr);
        gap: 24px;
        padding: 22px 24px;
        align-items: stretch;
      }

      .pw-savings-calc-heading {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 8px;
      }

      .pw-savings-calc-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        border-radius: var(--radius-full);
        background: var(--brand-soft);
        color: var(--brand);
      }

      .pw-savings-calc-title {
        margin: 0;
        color: var(--brand-deep);
        font-family: 'DM Sans', sans-serif;
        font-size: 1.05rem;
        font-weight: 800;
        line-height: 1.3;
      }

      .pw-savings-calc-copy {
        margin: 0 0 14px;
        color: var(--ink-light);
        font-size: 0.9rem;
        line-height: 1.55;
      }

      .pw-savings-calc-pro-name {
        color: var(--brand);
      }

      .pw-savings-calc-tools {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }

      .pw-savings-tool {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 12px;
        border: 1px solid var(--border);
        border-radius: 10px;
        background: var(--surface-soft);
        cursor: pointer;
        transition:
          background 0.15s ease,
          border-color 0.15s ease;
      }

      .pw-savings-tool:hover {
        background: #f3f6f4;
        border-color: rgba(0, 104, 71, 0.2);
      }

      .pw-savings-tool-input {
        width: 16px;
        height: 16px;
        margin: 0;
        accent-color: var(--brand);
        flex: 0 0 auto;
      }

      .pw-savings-tool-name {
        flex: 1;
        min-width: 0;
        color: var(--ink-light);
        font-size: 0.875rem;
        font-weight: 600;
      }

      .pw-savings-tool-cost {
        color: var(--text-muted);
        font-size: 0.8125rem;
        white-space: nowrap;
      }

      .pw-savings-calc-summary {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 180px;
        padding: 18px;
        border: 1px solid rgba(0, 104, 71, 0.14);
        border-radius: var(--radius-lg);
        background: var(--brand-soft);
      }

      .pw-savings-calc-label {
        display: block;
        color: var(--brand);
        font-size: 0.6875rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .pw-savings-calc-total {
        margin-top: 4px;
        color: var(--surface-black);
        font-size: 1.75rem;
        font-weight: 800;
        line-height: 1.1;
        letter-spacing: -0.02em;
      }

      .pw-savings-calc-divider {
        height: 1px;
        margin: 12px 0;
        background: rgba(0, 104, 71, 0.16);
      }

      .pw-savings-calc-pro-price {
        display: flex;
        flex-direction: column;
        gap: 2px;
        margin-top: 4px;
      }

      .pw-savings-calc-pro-monthly {
        display: block;
        color: var(--brand);
        font-size: 1.75rem;
        font-weight: 800;
        line-height: 1.1;
        letter-spacing: -0.02em;
      }

      .pw-savings-calc-pro-annual {
        display: block;
        color: var(--text-muted);
        font-size: 0.8125rem;
        font-weight: 600;
        line-height: 1.3;
      }

      .pw-savings-calc-pro-annual-note {
        color: var(--text-muted);
        font-size: 0.8125rem;
        font-weight: 600;
      }

      .pw-savings-calc-period {
        color: var(--text-muted);
        font-size: 0.8125rem;
        font-weight: 500;
      }

      .pw-savings-badge {
        display: block;
        width: 100%;
        margin-top: 14px;
        padding: 0;
        border: 0;
        background: transparent;
        text-align: left;
        cursor: pointer;
      }

      .pw-savings-badge:hover .pw-savings-badge-pill,
      .pw-savings-badge:focus-visible .pw-savings-badge-pill {
        filter: brightness(1.06);
      }

      .pw-savings-badge:focus-visible {
        outline: none;
      }

      .pw-savings-badge:focus-visible .pw-savings-badge-pill {
        outline: 2px solid var(--brand-gold);
        outline-offset: 2px;
      }

      .pw-savings-badge-pill {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 6px 12px;
        border-radius: var(--radius-full);
        background: var(--brand-deep);
        color: #fff;
        font-size: 0.75rem;
        font-weight: 700;
        line-height: 1.3;
      }

      .pw-savings-badge-pill--save {
        background: var(--brand);
        animation: pw-savings-bounce 1.25s ease-in-out infinite;
      }

      .pw-savings-badge-icon {
        width: 15px;
        height: 15px;
        color: #fff;
        flex: 0 0 auto;
      }

      @keyframes pw-savings-bounce {
        0%,
        100% {
          transform: translateY(0);
        }

        50% {
          transform: translateY(-4px);
        }
      }

      .pw-plan-cards {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
        align-items: stretch;
        margin-bottom: 16px;
      }

      .pw-plan-card {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 0;
        min-height: 100%;
        padding: 22px 20px 18px;
        border: 1px solid var(--border);
        border-radius: var(--radius-xl);
        background: var(--surface);
        text-align: left;
        color: var(--text);
        cursor: pointer;
        transition:
          border-color 0.2s ease,
          box-shadow 0.2s ease,
          transform 0.2s ease;
      }

      .pw-plan-card:hover {
        border-color: rgba(0, 104, 71, 0.28);
        box-shadow: var(--shadow-md);
      }

      .pw-plan-card.is-selected {
        border-color: var(--brand);
        box-shadow: 0 10px 28px rgba(0, 104, 71, 0.1);
      }

      .pw-plan-card--pro {
        border-width: 3px;
        border-color: var(--brand);
        box-shadow: var(--shadow-lg);
      }

      .pw-plan-card--pro.is-selected {
        border-width: 3px;
      }

      .pw-plan-card--free-trial {
        background: var(--surface-soft);
      }

      .pw-plan-card-badge {
        position: absolute;
        top: -12px;
        right: 16px;
        padding: 5px 12px;
        border-radius: var(--radius-full);
        background: var(--brand);
        color: #fff;
        font-family: 'DM Sans', sans-serif;
        font-size: 0.625rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        box-shadow: var(--shadow-sm);
      }

      .pw-plan-card-top {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 14px;
      }

      .pw-plan-card-head {
        min-width: 0;
      }

      .pw-plan-card-name {
        margin: 0;
        color: var(--brand-deep);
        font-family: 'DM Serif Display', Georgia, serif;
        font-size: 1.2rem;
        font-weight: 400;
        line-height: 1.2;
      }

      .pw-plan-card--pro .pw-plan-card-name {
        font-size: 1.35rem;
      }

      .pw-plan-card-subtitle {
        margin: 4px 0 0;
        color: var(--text-muted);
        font-size: 0.8125rem;
        font-weight: 600;
        line-height: 1.4;
      }

      .pw-plan-card--pro .pw-plan-card-subtitle {
        color: var(--brand);
      }

      .pw-plan-card-price {
        flex: 0 0 auto;
        text-align: right;
      }

      .pw-plan-card-amount {
        display: block;
        color: var(--surface-black);
        font-size: 1.75rem;
        font-weight: 800;
        line-height: 1;
        letter-spacing: -0.03em;
      }

      .pw-plan-card--pro .pw-plan-card-amount {
        font-size: 2rem;
      }

      .pw-plan-card-period {
        display: block;
        margin-top: 2px;
        color: var(--text-muted);
        font-size: 0.75rem;
        font-weight: 600;
      }

      .pw-plan-card-note {
        display: block;
        margin-top: 6px;
        color: var(--brand);
        font-size: 0.9375rem;
        font-weight: 800;
        line-height: 1.25;
        text-align: right;
      }

      .pw-plan-card-alt {
        display: block;
        margin-top: 5px;
        color: var(--text-muted);
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.35;
        text-align: right;
      }

      .pw-plan-card--pro .pw-plan-card-note {
        color: var(--brand-deep);
        font-size: 1rem;
      }

      .pw-plan-card--pro .pw-plan-card-alt {
        font-size: 0.9375rem;
      }

      .pw-plan-card-summary {
        margin: 0 0 14px;
        padding: 12px 14px;
        border: 1px solid var(--border);
        border-radius: 10px;
        background: var(--surface-soft);
        color: var(--ink-light);
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1.5;
      }

      .pw-plan-card--pro .pw-plan-card-summary {
        border-color: rgba(0, 104, 71, 0.14);
        background: var(--brand-soft);
        color: var(--brand-deep);
      }

      .pw-plan-card-support {
        margin: 0 0 12px;
        color: var(--brand);
        font-size: 0.875rem;
        font-weight: 700;
      }

      .pw-plan-card-features {
        display: grid;
        gap: 10px;
        margin: 0 0 14px;
        padding: 0;
        list-style: none;
      }

      .pw-plan-card-feature {
        position: relative;
        padding-left: 22px;
        font-size: 0.875rem;
        line-height: 1.45;
      }

      .pw-plan-card-feature--yes {
        color: var(--ink-light);
        font-weight: 500;
      }

      .pw-plan-card-feature--yes::before {
        content: '✓';
        position: absolute;
        left: 0;
        top: 0;
        color: var(--brand);
        font-weight: 900;
      }

      .pw-plan-card-feature--no {
        color: #9ca3af;
        text-decoration: line-through;
      }

      .pw-plan-card-feature--no::before {
        content: '✕';
        position: absolute;
        left: 0;
        top: 0;
        color: #d1d5db;
        font-weight: 700;
        text-decoration: none;
      }

      .pw-plan-card-footnote {
        margin: auto 0 0;
        padding-top: 8px;
        color: var(--text-muted);
        font-size: 0.75rem;
        font-weight: 600;
        line-height: 1.45;
        text-align: center;
      }

      .pw-plan-card-footnote--pro {
        color: var(--brand);
      }

      .pw-tools-replaced {
        margin: 4px 0 0;
        padding: 14px 16px;
        border: 1px solid var(--border);
        border-radius: var(--radius-lg);
        background: var(--surface-soft);
        text-align: center;
      }

      .pw-tools-replaced-kicker {
        margin: 0 0 6px;
        color: var(--text-muted);
        font-size: 0.6875rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .pw-tools-replaced-list {
        margin: 0;
        color: var(--ink-light);
        font-size: 0.8125rem;
        font-weight: 600;
        line-height: 1.5;
      }

      @media (min-width: 901px) {
        .pw-plan-card--pro {
          transform: translateY(-6px);
        }
      }

      html[data-page='pricing'] .pricing-hero-checkout .pw-progress {
        padding: 22px 28px 20px;
        background: var(--surface);
        border-bottom: 1px solid #eef1ef;
      }

      html[data-page='pricing'] .pricing-hero-checkout .pw-progress-meta {
        margin-bottom: 14px;
        font-size: 0.6875rem;
        font-weight: 600;
        letter-spacing: 0.1em;
      }

      html[data-page='pricing'] .pricing-hero-checkout #pw-progress-label {
        color: #8b949e;
      }

      html[data-page='pricing'] .pricing-hero-checkout .pw-progress-choice {
        color: var(--brand);
        font-weight: 600;
        letter-spacing: 0.04em;
      }

      html[data-page='pricing'] .pricing-hero-checkout .pw-progress-track {
        height: 3px;
        background: #e8ece9;
      }

      html[data-page='pricing'] .pricing-hero-checkout .pw-progress-fill {
        background: var(--brand);
      }

      html[data-page='pricing'] .pricing-hero-checkout .pw-step[data-pw-step='0'] .pw-choice-grid {
        display: none;
      }

      html[data-page='pricing'] .pricing-hero-checkout .pw-step h2 {
        font-size: clamp(1.05rem, 1.8vw, 1.2rem);
        margin-bottom: 0;
      }

      html[data-page='pricing'] .pricing-hero-checkout .pw-choice-grid {
        gap: 16px;
      }

      html[data-page='pricing'] .pricing-hero-checkout .pw-step[data-pw-step='0'] .pw-choice {
        align-self: start;
        padding: 20px 18px;
        border: 1px solid #e5e9e7;
        border-radius: 14px;
        background: var(--surface);
        transition:
          border-color 0.2s ease,
          box-shadow 0.2s ease;
      }

      html[data-page='pricing'] .pricing-hero-checkout .pw-step[data-pw-step='0'] .pw-choice:hover {
        transform: none;
        border-color: rgba(0, 104, 71, 0.28);
        box-shadow: none;
      }

      html[data-page='pricing'] .pricing-hero-checkout .pw-step[data-pw-step='0'] .pw-choice.is-selected {
        border: 2px solid var(--brand);
        border-top: 2px solid var(--brand);
        box-shadow: 0 6px 24px rgba(0, 104, 71, 0.06);
      }

      html[data-page='pricing'] .pricing-hero-checkout .pw-choice-name {
        gap: 8px;
        margin-bottom: 6px;
        color: #1a2e24;
        font-size: 0.9375rem;
        font-weight: 700;
        letter-spacing: 0;
        text-transform: none;
      }

      html[data-page='pricing'] .pricing-hero-checkout .pw-choice-price {
        color: #111827;
        font-size: 1.125rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        text-transform: none;
      }

      html[data-page='pricing'] .pricing-hero-checkout .pw-recommended {
        border: 1px solid rgba(0, 104, 71, 0.18);
        border-radius: var(--radius-full);
        background: #f3f8f5;
        color: var(--brand);
        padding: 2px 8px;
        font-size: 0.625rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
      }

      html[data-page='pricing'] .pricing-hero-checkout .pw-choice-title {
        display: block;
        margin-top: 8px;
        color: #111827;
        font-size: 0.9375rem;
        font-weight: 700;
        line-height: 1.45;
      }

      html[data-page='pricing'] .pricing-hero-checkout .pw-actions {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        padding: 12px 28px 28px;
        border-top: 1px solid #eef1ef;
        background: var(--surface);
      }

      html[data-page='pricing'] .pricing-hero-checkout .pw-actions[hidden] {
        display: none !important;
      }

      html[data-page='pricing'] .pricing-hero-checkout .pw-actions-row {
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: flex-start;
        gap: 16px;
        min-width: 0;
      }

      html[data-page='pricing'] .pricing-hero-checkout .pw-actions .pw-btn-primary {
        flex: 0 0 auto;
        min-width: 148px;
        min-height: 50px;
        border-radius: 12px;
        font-size: 0.9375rem;
        font-weight: 600;
        letter-spacing: 0.01em;
      }

      .cro-pricing-layout {
        display: grid;
        grid-template-columns: 1fr;
        gap: 18px;
        align-items: start;
      }

      .cro-compact-panel {
        border: 1px solid var(--border);
        border-radius: var(--radius-xl);
        background: #fff;
        padding: 18px;
        box-shadow: var(--shadow-md);
      }

      .cro-product-card {
        padding: 20px;
      }

      .cro-preview-panel {
        position: static;
        padding: 18px;
        background: #fff;
      }

      .cro-product-card .pw-preview-header {
        display: flex;
        align-items: end;
        justify-content: space-between;
        gap: 20px;
        margin-bottom: 16px;
      }

      .cro-product-card .pw-preview-header h2 {
        font-size: clamp(1.85rem, 3.4vw, 2.65rem);
      }

      .cro-product-card .pw-mockup {
        border-radius: var(--radius-lg);
        box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
      }

      .cro-product-card .pw-mockup-bar {
        padding: 13px 18px;
      }

      .cro-product-card .pw-showcase-tabs {
        gap: 6px;
        padding: 10px 10px 0;
      }

      .cro-product-card .pw-showcase-tab {
        flex: 1 1 auto;
        border-radius: 7px 7px 0 0;
        padding: 10px 12px;
        font-size: 0.875rem;
      }

      .cro-product-card .pw-mockup-screen {
        max-height: 640px;
        overflow: hidden;
      }

      .cro-preview-panel .pw-preview-header {
        margin-bottom: 12px;
      }

      .cro-preview-panel .pw-preview-header h2 {
        font-size: clamp(1.45rem, 2.4vw, 2rem);
      }

      .cro-preview-panel .pw-preview-note {
        color: #4b5563;
        font-size: 0.92rem;
        line-height: 1.55;
        margin-top: 4px;
      }

      .cro-preview-panel .pw-showcase-tabs {
        justify-content: center;
        gap: 6px 8px;
        padding: 0 10px;
        border-bottom: 1px solid rgba(107, 140, 163, 0.22);
      }

      .cro-preview-panel .pw-showcase-tab {
        flex: 0 1 auto;
        margin-bottom: -1px;
        border: 1px solid transparent;
        border-bottom: 0;
        border-radius: 10px 10px 0 0;
        background: transparent;
        color: var(--text-muted);
        padding: 9px 11px;
        font-size: 0.875rem;
        font-weight: 800;
      }

      .cro-preview-panel .pw-showcase-tab:hover {
        background: rgba(255, 255, 255, 0.7);
        color: var(--brand-deep);
      }

      .cro-preview-panel .pw-showcase-tab.active {
        background: #fff;
        color: var(--brand);
        border-color: rgba(107, 140, 163, 0.22);
        box-shadow:
          0 -2px 0 #fff,
          0 10px 24px rgba(15, 23, 42, 0.04);
      }

      .cro-preview-panel .pw-mockup-screen {
        min-height: 250px;
        border-radius: 0 0 var(--radius-lg) var(--radius-lg);
        overflow: hidden;
      }

      .pw-preview-callout {
        display: grid;
        gap: 10px;
        margin-top: 14px;
        border-radius: 16px;
        border: 1px solid var(--border);
        border-top: 4px solid var(--gold);
        background: var(--surface-grey);
        padding: 14px;
      }

      .pw-preview-callout strong {
        color: var(--brand-deep);
        font-size: 0.88rem;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }

      .pw-preview-points {
        display: grid;
        gap: 8px;
        color: #1f2937;
        font-size: 0.92rem;
        font-weight: 600;
      }

      .cro-wizard-card .pw-section {
        width: 100%;
        margin: 0;
      }

      .cro-wizard-card .pw-step {
        padding: 24px;
      }

      .cro-wizard-card .pw-step h2 {
        font-size: clamp(1.55rem, 2.8vw, 2.15rem);
      }

      .cro-wizard-card .pw-choice-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .cro-wizard-card .pw-feature-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 5px 10px;
        font-size: 0.88rem;
      }

      .cro-reassurance {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--space-md);
        width: min(1180px, calc(100% - 40px));
        margin: 0 auto;
        padding: 0;
        border: none;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
      }

      .cro-reassurance .pw-quote {
        margin: 0;
        border: 1px solid var(--border);
        border-radius: var(--radius-lg);
        background: var(--surface);
        padding: clamp(20px, 2.5vw, 26px);
        box-shadow: var(--shadow-sm);
        font-size: 1.0625rem;
        line-height: 1.65;
        color: var(--ink-light);
      }

      .cro-reassurance .pw-quote cite {
        display: block;
        margin-top: 14px;
        color: var(--brand);
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 700;
      }

      .cro-faq-section {
        width: min(760px, calc(100% - 40px));
        margin: 0 auto;
        padding: 0;
      }

      .cro-faq-section .pw-faq-heading {
        color: var(--surface-black);
        font-family: 'DM Serif Display', Georgia, serif;
        font-size: clamp(1.5rem, 3vw, 2rem);
        font-weight: 400;
        letter-spacing: -0.02em;
        text-align: center;
        margin-bottom: var(--space-md);
      }

      .cro-faq-section .pw-faq {
        margin-top: 0;
        background: var(--surface);
        border: 1px solid var(--border);
        border-radius: var(--radius-lg);
        box-shadow: var(--shadow-sm);
        overflow: hidden;
      }

      html[data-page="pricing"] .mobile-hub-eyebrow,
      html[data-page="pricing"] .mobile-nav-group-title,
      html[data-page="pricing"] .floating-phone-text {
        font-size: 0.875rem;
      }

      @media (min-width: 901px) and (max-width: 1120px) {
        html[data-page="pricing"] .topbar-inner {
          grid-template-columns: auto 1fr;
        }

        html[data-page="pricing"] .nav-actions {
          display: none;
        }
      }

      .cro-final-cta {
        width: min(1180px, calc(100% - 40px));
        margin: clamp(40px, 5vw, 56px) auto clamp(48px, 6vw, 64px);
        border-radius: var(--radius-xl);
        padding: clamp(40px, 5vw, 52px) clamp(24px, 4vw, 32px);
        text-align: center;
        background: var(--brand);
        box-shadow: var(--shadow-lg);
        color: #fff;
      }

      .cro-final-cta h2 {
        font-size: clamp(1.7rem, 4vw, 2.45rem);
        margin-bottom: 10px;
        color: #fff;
      }

      .cro-final-cta p {
        max-width: 560px;
        margin: 0 auto 20px;
        color: rgba(255, 255, 255, 0.9);
      }

      .cro-final-cta .pw-btn-primary {
        background: var(--gold);
        color: var(--brand);
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18);
      }

      .cro-final-cta .pw-btn-primary:hover {
        background: #fff;
        color: var(--brand);
      }

      .cro-final-cta .pw-btn-secondary {
        background: rgba(255, 255, 255, 0.14);
        border-color: rgba(255, 255, 255, 0.35);
        color: #fff;
      }

      .cro-final-cta .pw-btn-secondary:hover {
        background: rgba(255, 255, 255, 0.22);
        border-color: rgba(255, 255, 255, 0.5);
        color: #fff;
      }

      @media (max-width: 980px) {
        .cro-reassurance {
          grid-template-columns: 1fr;
        }
      }

      @media (max-width: 720px) {
        .cro-main,
        .cro-faq-section,
        .cro-final-cta,
        .pricing-page-story,
        .pricing-page-lower .cro-reassurance {
          width: calc(100vw - 24px);
        }

        .pricing-page-story {
          gap: 40px;
          padding: 32px 0 40px;
        }

        .pricing-page-lower > .section-header {
          width: calc(100vw - 24px);
        }

        .pricing-hero-eyebrow {
          padding: 16px 20px 0;
        }

        .cro-reassurance {
          gap: 14px;
          margin-top: 24px;
          margin-bottom: 20px;
        }

        .cro-faq-section {
          padding: 28px 0;
          margin-bottom: 20px;
        }

        .cro-final-cta {
          margin-bottom: 32px;
          padding: 28px 20px;
        }

        .cro-product-card {
          padding: 12px;
        }

        .cro-product-card .pw-preview-header {
          display: grid;
          gap: 8px;
        }

        .cro-product-card .pw-preview-header h2 {
          font-size: 1.55rem;
        }

        .cro-pricing-shell {
          padding: 12px;
          border-radius: 18px;
        }

        .cro-stage-copy {
          margin-bottom: 12px;
        }

        .cro-stage-copy h2 {
          font-size: 1.55rem;
        }

        .cro-wizard-card .pw-feature-list {
          grid-template-columns: 1fr;
        }

        .gs-value-item {
          grid-template-columns: 1fr;
          gap: 6px;
          padding: 14px 16px;
        }

        .gs-value-estimate {
          display: block;
          font-size: 0.88rem;
          text-align: left;
        }

        .gs-value-summary {
          grid-template-columns: 1fr;
          padding: 18px;
        }

        .pricing-story-heading {
          font-size: 1.55rem;
        }

        .pricing-launch-list {
          grid-template-columns: 1fr;
        }

        .pricing-launch-item {
          padding: 13px;
        }

        .gs-value-footnotes {
          padding: 16px;
        }

        .gs-value-footnotes-list {
          grid-template-columns: 1fr;
          gap: 8px;
        }
      }

      * {
        box-sizing: border-box;
      }

      html {
        scroll-behavior: smooth;
      }

      body {
        margin: 0;
        font-family:
          'DM Sans',
          -apple-system,
          BlinkMacSystemFont,
          sans-serif;
        color: var(--text);
        background: var(--surface);
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
        overflow-x: hidden;
      }

      .cro-main {
        background: var(--surface);
      }

      .nav-center {
        display: none;
      }

      h1,
      h2,
      h3,
      h4 {
        margin: 0;
        font-family: 'DM Serif Display', Georgia, serif;
        font-weight: 400;
        color: var(--text);
        letter-spacing: -0.02em;
        line-height: 1.1;
      }

      p {
        margin: 0;
        color: #000;
      }

      button,
      input {
        font: inherit;
      }

      .pricing-hero:not(.pricing-hero-checkout) {
        width: min(1240px, calc(100% - 40px));
        margin: 0 auto clamp(28px, 4vw, 40px);
        padding: clamp(36px, 5vw, 56px) clamp(20px, 3vw, 28px) clamp(40px, 5vw, 52px);
        text-align: center;
        background: var(--brand);
        border-radius: var(--radius-xl);
        color: #fff;
      }

      .pricing-hero-headline {
        font-size: clamp(2.5rem, 7vw, 4.2rem);
        color: #fff;
        margin-bottom: 12px;
      }


      .pricing-hero-accent {
        color: var(--gold);
      }

      .pricing-hero-proof {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 14px;
        border-radius: var(--radius-full);
        background: var(--surface);
        color: var(--brand);
        padding: 8px 14px;
        font-size: 0.875rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
      }

      .pricing-hero-replaces {
        display: block;
        max-width: 720px;
        margin: 18px auto 0;
        padding: 16px 20px;
        font-size: 0.875rem;
        color: var(--surface-black);
        font-weight: 600;
        text-align: left;
        background: var(--surface);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: var(--radius-lg);
        box-shadow: 0 14px 36px rgba(0, 0, 0, 0.2);
      }

      .pricing-hero-replaces strong {
        color: var(--brand);
        font-weight: 800;
      }

      .pricing-hero-actions .pw-btn-primary {
        background: var(--surface);
        color: var(--brand);
        box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
      }

      .pricing-hero-actions .pw-btn-primary:hover {
        background: var(--surface-warm);
        color: var(--brand);
      }

      .pricing-hero-actions .pw-btn-secondary {
        background: var(--gold);
        border-color: transparent;
        color: var(--brand);
        box-shadow: 0 10px 28px rgba(0, 0, 0, 0.15);
      }

      .pricing-hero-actions .pw-btn-secondary:hover {
        background: #f7dc8a;
        border-color: transparent;
        color: var(--brand);
      }

      .pricing-hero-actions {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 26px;
      }

      .pw-preview-header {
        display: flex;
        align-items: end;
        justify-content: space-between;
        gap: 18px;
        margin-bottom: 16px;
      }

      .pw-preview-kicker {
        color: var(--accent);
        font-size: 0.875rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        margin-bottom: 6px;
      }

      .pw-preview-header h2 {
        font-size: clamp(1.8rem, 4vw, 2.7rem);
      }

      .pw-mockup {
        max-width: 100%;
        overflow: hidden;
        border: 1px solid var(--surface-black);
        border-radius: var(--radius-xl);
        background: var(--surface-black);
        box-shadow: var(--shadow-lg);
      }

      .pw-mockup-bar {
        display: flex;
        align-items: center;
        gap: 9px;
        background: #f8fafc;
        padding: 14px 18px;
      }

      .pw-mockup-dot {
        width: 11px;
        height: 11px;
        border-radius: 50%;
      }

      .pw-mockup-dot:nth-child(1) {
        background: #ff5f56;
      }

      .pw-mockup-dot:nth-child(2) {
        background: #ffbd2e;
      }

      .pw-mockup-dot:nth-child(3) {
        background: #27ca3f;
      }

      .pw-mockup-url {
        flex: 1;
        min-width: 0;
        margin-left: 10px;
        border-radius: 8px;
        background: #fff;
        padding: 7px 14px;
        color: #374151;
        font-size: 0.875rem;
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .pw-showcase-tabs {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        background: #f1f5f9;
        padding: 14px 14px 0;
      }

      .pw-showcase-tab {
        border: 0;
        border-radius: 8px 8px 0 0;
        background: var(--surface-grey);
        color: var(--text-muted);
        cursor: pointer;
        font-size: 0.875rem;
        font-weight: 800;
        padding: 10px 14px;
        white-space: nowrap;
      }

      .pw-showcase-tab:hover {
        color: var(--brand);
      }

      .pw-showcase-tab.active {
        background: var(--brand);
        color: #fff;
      }

      .pw-mockup-screen {
        background: #fff;
      }

      .pw-mockup-screen img {
        display: block;
        width: 100%;
      }

      .pricing-checkout-status {
        width: min(1240px, calc(100% - 40px));
        margin: 0 auto 24px;
        border-radius: var(--radius);
        background: rgba(255, 255, 255, 0.94);
        padding: 16px 20px;
        color: var(--brand-deep);
        box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
      }

      .pricing-checkout-modal[hidden] {
        display: none;
      }

      .pricing-checkout-modal {
        position: fixed;
        inset: 0;
        z-index: 1000;
      }

      .pricing-checkout-backdrop {
        position: absolute;
        inset: 0;
        background: rgba(17, 24, 39, 0.45);
        backdrop-filter: blur(4px);
      }

      .pricing-checkout-dialog {
        position: relative;
        z-index: 1;
        width: min(640px, calc(100% - 32px));
        margin: 7vh auto;
        background: #fff;
        border-radius: 22px;
        box-shadow: 0 20px 60px rgba(15, 23, 42, 0.18);
        padding: 34px;
      }

      .pricing-checkout-inline {
        margin-top: 18px;
        background: #fff;
        border-radius: 22px;
        box-shadow: 0 20px 60px rgba(15, 23, 42, 0.12);
        padding: 34px;
      }

      .pricing-checkout-close {
        position: absolute;
        top: 14px;
        right: 14px;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.92);
        color: var(--accent);
        cursor: pointer;
        font-size: 1.4rem;
        line-height: 1;
      }

      .pricing-checkout-kicker {
        margin-bottom: 6px;
        color: var(--accent);
        font-size: 0.8rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .pricing-checkout-title {
        font-size: 1.9rem;
        margin-bottom: 8px;
      }

      .pricing-checkout-copy,
      .pricing-checkout-note {
        color: var(--text-muted);
      }

      .pricing-checkout-form {
        margin-top: 28px;
      }

      .pricing-checkout-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
      }

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

      .pricing-checkout-label {
        display: block;
        margin-bottom: 6px;
        font-size: 0.875rem;
        font-weight: 700;
        color: var(--accent);
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }

      .pricing-checkout-input {
        width: 100%;
        border-radius: 14px;
        padding: 14px 15px;
        background: rgba(248, 250, 252, 0.96);
        color: var(--text);
        box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.02);
        transition:
          border-color 0.2s ease,
          box-shadow 0.2s ease,
          background 0.2s ease;
      }

      .pricing-checkout-input:focus {
        outline: none;
        background: #fff;
        box-shadow:
          0 0 0 4px rgba(107, 140, 163, 0.14),
          inset 0 1px 2px rgba(15, 23, 42, 0.03);
      }

      .pricing-checkout-error {
        margin-top: 14px;
        color: #b91c1c;
      }

      .pricing-checkout-actions {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin-top: 28px;
        padding-top: 6px;
      }

      .pricing-checkout-submit {
        border-radius: 999px;
        padding: 12px 18px;
        background: var(--brand);
        color: #fff;
        font-weight: 700;
        cursor: pointer;
        box-shadow: 0 10px 24px rgba(0, 104, 71, 0.18);
        letter-spacing: -0.01em;
        white-space: nowrap;
        transition:
          transform 0.2s ease,
          box-shadow 0.2s ease,
          background 0.2s ease;
      }

      .pricing-checkout-submit:hover {
        transform: translateY(-1px);
        background: #00573b;
        box-shadow: 0 14px 28px rgba(0, 104, 71, 0.22);
      }

      @media (max-width: 767px) {
        .pricing-hero,
        .pricing-checkout-status {
          width: min(100% - 24px, 1240px);
        }

        .pricing-hero {
          padding-top: 54px;
        }

        .pricing-checkout-dialog {
          padding: 24px;
        }

        .pricing-checkout-inline {
          padding: 24px;
        }

        .pricing-checkout-grid {
          grid-template-columns: 1fr;
        }

        .pricing-checkout-field-full {
          grid-column: auto;
        }

        .pricing-checkout-actions {
          flex-direction: column;
          align-items: stretch;
        }
      }

      .pw-section {
        width: 100%;
        margin: 0;
      }

      .pw-wizard {
        overflow: hidden;
        border: 1px solid var(--border);
        border-radius: var(--radius-xl);
        border-top: 4px solid var(--brand);
        background: var(--surface);
        box-shadow: var(--shadow-lg);
      }

      .pw-progress {
        padding: 18px 22px 0;
      }

      .pw-progress-meta {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        color: var(--text-muted);
        font-size: 0.88rem;
        font-weight: 700;
        margin-bottom: 10px;
      }

      .pw-progress-track {
        height: 8px;
        overflow: hidden;
        border-radius: var(--radius-full);
        background: rgba(107, 140, 163, 0.14);
      }

      .pw-progress-fill {
        width: 25%;
        height: 100%;
        border-radius: inherit;
        background: var(--brand);
        transition: width 0.22s ease;
      }

      .pw-step {
        display: none;
        padding: 28px;
      }

      .pw-step.is-active {
        display: block;
      }

      .pw-kicker {
        color: var(--accent);
        font-size: 0.875rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        margin-bottom: 8px;
      }

      .pw-step h2 {
        font-size: clamp(1.85rem, 4vw, 2.55rem);
        margin-bottom: 8px;
      }

      .pw-subtitle {
        max-width: 650px;
        color: #374151;
        font-size: 1rem;
        margin-bottom: 22px;
      }

      .pw-choice-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
      }

      .pw-choice {
        min-height: 100%;
        border: 1.5px solid var(--border);
        border-radius: var(--radius-lg);
        padding: 20px;
        text-align: left;
        color: var(--text);
        background: none;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
      }

      .pw-choice:hover {
        transform: translateY(-2px);
        border-color: rgba(0, 104, 71, 0.28);
        box-shadow: 0 16px 34px rgba(15, 23, 42, 0.08);
      }

      .pw-choice.is-selected {
        border-color: var(--brand);
        border-top: 4px solid var(--gold);
        box-shadow: var(--shadow-md);
      }

      .pw-choice-name {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        margin-bottom: 8px;
        color: var(--brand);
        font-size: 0.875rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .pw-choice-name > * {
        min-width: 0;
      }

      .pw-recommended {
        display: inline-flex;
        align-items: center;
        border-radius: var(--radius-full);
        background: rgba(244, 201, 93, 0.35);
        color: var(--brand);
        padding: 4px 8px;
        font-size: 0.875rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .pw-choice-price {
        display: block;
        flex-basis: 100%;
        width: 100%;
        color: #000;
        font-size: 0.9rem;
        letter-spacing: 0;
        text-transform: none;
        white-space: normal;
        overflow-wrap: anywhere;
        text-align: right;
      }

      .pw-choice-title {
        margin: 0 0 8px;
        color: #000;
        font-family:
          'DM Sans',
          -apple-system,
          BlinkMacSystemFont,
          sans-serif;
        font-size: 1.22rem;
        font-weight: 800;
        letter-spacing: 0;
        line-height: 1.2;
        overflow-wrap: anywhere;
      }

      .pw-feature-list {
        display: grid;
        gap: 6px;
        margin: 14px 0 0;
        padding: 0;
        list-style: none;
        color: #1f2937;
        font-size: 0.93rem;
      }

      .pw-feature-list span {
        overflow-wrap: anywhere;
      }

      .pw-feature-list span::before {
        content: '✓';
        color: var(--brand);
        font-weight: 900;
        margin-right: 7px;
      }

      .pw-pro-advantage {
        display: grid;
        gap: 14px;
        margin-top: 16px;
        border: 1px solid rgba(0, 104, 71, 0.14);
        border-radius: 20px;
        padding: 18px;
      }

      .pw-pro-advantage-head {
        display: flex;
        align-items: end;
        justify-content: space-between;
        gap: 18px;
      }

      .pw-pro-advantage-head strong {
        display: block;
        color: var(--brand-deep);
        font-size: 1rem;
        margin-bottom: 4px;
      }

      .pw-pro-advantage-head p {
        color: #4b5563;
        font-size: 0.92rem;
        line-height: 1.5;
      }

      .pw-advantage-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }

      .pw-advantage-chip {
        display: grid;
        gap: 4px;
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.9);
        padding: 14px;
        box-shadow: inset 0 0 0 1px rgba(107, 140, 163, 0.12);
      }

      .pw-advantage-chip span {
        color: var(--accent);
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .pw-advantage-chip strong {
        color: #111827;
        font-size: 0.96rem;
        line-height: 1.35;
      }

      .pw-review-card {
        display: grid;
        gap: 13px;
        border: 1px solid var(--border);
        border-radius: var(--radius-lg);
        border-top: 4px solid var(--brand);
        background: var(--surface);
        padding: 18px;
        margin-bottom: 16px;
      }

      .pw-review-row {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 18px;
        color: #374151;
      }

      .pw-review-row strong {
        color: #000;
        text-align: right;
      }

      .pw-due-row {
        margin-top: 4px;
        padding-top: 15px;
        border-top: 1px solid rgba(107, 140, 163, 0.18);
      }

      .pw-due-row strong {
        color: var(--brand);
        font-size: 2rem;
        line-height: 1;
      }

      .pw-next-box {
        display: grid;
        gap: 8px;
        border-radius: var(--radius-lg);
        border: 1px solid var(--border);
        border-top: 4px solid var(--gold);
        background: var(--surface);
        color: var(--brand);
        padding: 15px 16px;
        font-size: 0.96rem;
        font-weight: 700;
      }

      .pw-next-list {
        margin: 0;
        padding-left: 20px;
        color: #374151;
        font-weight: 600;
      }

      .pw-checkout-trust {
        margin-top: 14px;
        color: #374151;
        font-size: 0.92rem;
        font-weight: 800;
        text-align: center;
      }

      .pw-checkout-trigger {
        display: none;
      }

      .pw-actions {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 0 28px 28px;
        margin-top: 16px;
      }

      .pw-actions[hidden] {
        display: none !important;
      }

      .pw-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        border-radius: var(--radius-full);
        padding: 12px 24px;
        font-weight: 800;
        text-decoration: none;
        transition:
          transform 0.18s ease,
          box-shadow 0.18s ease,
          background 0.18s ease;
      }

      .pw-btn-primary {
        border: 0;
        background: var(--brand);
        color: #fff;
        box-shadow: 0 14px 28px rgba(0, 104, 71, 0.18);
      }

      .pw-btn-primary:hover {
        transform: translateY(-2px);
        background: #00573b;
        box-shadow: 0 18px 34px rgba(0, 104, 71, 0.24);
      }

      .pricing-hero-purchase .pw-wizard .pw-btn-outline,
      .pw-btn-outline {
        border: 1.5px solid var(--border);
        background: var(--surface);
        color: var(--ink-light);
        box-shadow: none;
        font-weight: 600;
      }

      .pricing-hero-purchase .pw-wizard .pw-btn-outline:hover,
      .pw-btn-outline:hover {
        transform: none;
        background: var(--surface-soft);
        border-color: rgba(0, 104, 71, 0.28);
        color: var(--brand-deep);
      }

      .pw-addon-teaser .pw-btn-outline,
      #pw-addon-teaser-button {
        min-height: 38px;
        padding: 8px 16px;
        border-radius: 10px;
        white-space: nowrap;
      }

      .pw-addon-teaser.is-selected .pw-btn-outline,
      .pw-addon-teaser.is-selected #pw-addon-teaser-button {
        border-color: var(--brand);
        background: var(--brand);
        color: #fff;
      }

      .pw-addon-teaser.is-selected .pw-btn-outline:hover,
      .pw-addon-teaser.is-selected #pw-addon-teaser-button:hover {
        background: #00573b;
        border-color: #00573b;
        color: #fff;
      }

      .pw-review-card .pw-btn-outline,
      #pw-website-addon-button {
        min-height: 38px;
        padding: 8px 14px;
        width: auto;
        max-width: 100%;
        border-radius: 10px;
        font-size: 0.8125rem;
        line-height: 1.35;
        text-align: center;
      }

      .pw-btn-outline.is-selected,
      #pw-website-addon-button.is-selected {
        border-color: var(--brand);
        background: var(--brand);
        color: #fff;
      }

      .pw-btn-outline.is-selected:hover,
      #pw-website-addon-button.is-selected:hover {
        background: #00573b;
        border-color: #00573b;
        color: #fff;
      }

      .pw-review-row--website {
        flex-wrap: wrap;
        align-items: center;
        gap: 10px 14px;
      }

      .pw-review-row--website > span:first-child {
        flex: 1 1 100%;
      }

      .pw-review-row--website #pw-website-addon-button {
        flex: 1 1 auto;
        margin-left: auto;
      }

      .pw-review-row--website #pw-review-website-addon {
        flex: 0 0 auto;
        color: var(--text-muted);
        font-size: 0.8125rem;
        font-weight: 600;
        text-align: right;
      }

      html[data-page='pricing'] .pricing-hero-checkout .pw-actions .pw-btn-outline {
        flex: 0 0 auto;
        min-height: 50px;
        border-radius: 12px;
        border: 1.5px solid var(--border);
        background: var(--surface);
        color: var(--ink-light);
        font-weight: 600;
        box-shadow: none;
      }

      html[data-page='pricing'] .pricing-hero-checkout .pw-actions .pw-btn-outline:hover {
        transform: none;
        background: var(--surface-soft);
        border-color: rgba(0, 104, 71, 0.28);
        color: var(--brand-deep);
      }

      .pw-btn[hidden] {
        display: none;
      }

      .pw-faq {
        margin-top: 16px;
        border: 1px solid var(--border);
        border-radius: var(--radius-xl);
        background: var(--surface);
        overflow: hidden;
      }

      .pw-faq-heading {
        padding: 18px 20px 6px;
        color: var(--brand-deep);
        font-size: 0.94rem;
        font-weight: 800;
      }

      .pw-faq details {
        border-top: 1px solid rgba(107, 140, 163, 0.14);
      }

      .pw-faq details:first-of-type {
        border-top: 0;
      }

      .pw-faq summary {
        list-style: none;
        padding: 15px 20px;
        color: #000;
        font-weight: 800;
        cursor: pointer;
      }

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

      .pw-faq summary::after {
        content: '+';
        float: right;
        color: var(--brand);
        font-weight: 800;
      }

      .pw-faq details[open] summary::after {
        content: '-';
      }

      .pw-faq p {
        padding: 0 20px 16px;
        color: #374151;
        font-size: 0.94rem;
        background: transparent;
        margin: 0;
      }

      .pw-proof-card {
        border: 1px solid var(--border);
        border-radius: var(--radius-xl);
        border-top: 4px solid var(--brand);
        background: var(--surface);
        padding: 22px;
        box-shadow: var(--shadow-sm);
      }

      .pw-testimonials {
        display: grid;
        gap: 12px;
      }

      .pw-quote {
        margin: 0;
        border: 1px solid var(--border);
        border-top: 4px solid var(--gold);
        border-radius: var(--radius);
        background: var(--surface);
        padding: 14px;
        color: #1f2937;
        font-weight: 700;
      }

      .pw-quote cite {
        display: block;
        margin-top: 8px;
        color: var(--text-muted);
        font-style: normal;
        font-size: 0.9rem;
        font-weight: 700;
      }

      @media (max-width: 720px) {
        .pw-section {
          width: 100%;
        }

        .pricing-hero:not(.pricing-hero-checkout) {
          width: calc(100vw - 24px);
          margin-left: 12px;
          margin-right: 12px;
          padding: 36px 16px 64px;
          border-radius: 18px;
        }

        .pricing-hero-checkout {
          width: 100%;
          margin-left: 0;
          margin-right: 0;
          border-radius: 0;
        }

        .pricing-hero-panel {
          border-radius: 18px;
        }

        .pricing-hero-purchase-lead {
          overflow-wrap: anywhere;
        }

        .pricing-hero-checkout .pricing-price-notice,
        .pricing-hero-tools-line {
          font-size: 0.875rem;
        }

        .pw-preview-header {
          display: grid;
          grid-template-columns: 1fr;
        }

        .pw-preview-header h2 {
          font-size: 1.62rem;
          overflow-wrap: anywhere;
        }

        .pw-showcase-tab {
          flex: 0 0 auto;
          padding-left: 10px;
          padding-right: 10px;
          white-space: nowrap;
        }

        .pw-showcase-tabs {
          justify-content: flex-start;
          overflow-x: auto;
          padding-left: 8px;
          padding-right: 8px;
          scrollbar-width: thin;
          -webkit-overflow-scrolling: touch;
        }

        .cro-wizard-card .pw-choice-grid,
        .pw-choice-grid {
          grid-template-columns: 1fr;
        }

        .pw-savings-calc-layout {
          grid-template-columns: 1fr;
          padding: 18px;
        }

        .pw-savings-calc-tools {
          grid-template-columns: 1fr;
        }

        .pw-plan-cards {
          grid-template-columns: 1fr;
        }

        .pw-plan-card--pro {
          transform: none;
        }

        html[data-page='pricing'] .pricing-hero-checkout .pw-choice-name {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: space-between;
          gap: 8px 12px;
          font-size: 1rem;
          line-height: 1.25;
        }

        html[data-page='pricing'] .pricing-hero-checkout .pw-choice-price {
          font-size: 1.35rem;
          line-height: 1.2;
        }

        html[data-page='pricing'] .pricing-hero-checkout .pw-step[data-pw-step='0'] .pw-feature-list {
          grid-template-columns: 1fr;
          gap: 6px;
          font-size: 0.9rem;
        }

        html[data-page='pricing'] .pricing-hero-checkout .pw-recommended {
          order: 3;
        }

        .cro-wizard-card .pw-feature-list {
          grid-template-columns: 1fr;
        }

        .pw-choice {
          padding: 16px;
        }

        .pw-pro-advantage-head {
          display: grid;
        }

        .pw-advantage-grid {
          grid-template-columns: 1fr;
        }

        .pw-step,
        .pw-actions {
          padding-left: 14px;
          padding-right: 14px;
        }

        .pw-step {
          padding-top: 20px;
        }

        .pw-actions {
          flex-direction: column-reverse;
          align-items: stretch;
          gap: 10px;
          margin-top: 18px;
          padding-top: 0;
        }

        .pw-btn {
          width: 100%;
          min-height: 46px;
        }

        .pw-review-row {
          align-items: flex-start;
          flex-direction: column;
          gap: 3px;
        }

        .pw-review-row strong {
          text-align: left;
        }
      }

      .pw-addon-teaser {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin-top: 14px;
        border: 1px solid var(--border);
        border-radius: var(--radius-lg);
        padding: 14px 16px;
        background: rgba(248, 250, 252, 0.8);
      }

      .pw-addon-teaser.is-selected {
        border-color: var(--brand);
        background: rgba(0, 104, 71, 0.04);
      }

      .pw-addon-teaser-left {
        display: grid;
        gap: 3px;
        font-size: 0.88rem;
      }

      .pw-addon-teaser-left strong {
        color: #1f2937;
        font-size: 0.92rem;
      }

      .pw-addon-teaser-left span {
        color: var(--text-muted);
      }

      @media (max-width: 560px) {
        html[data-page="pricing"] .conecta-chat-widget {
          right: 12px;
          left: auto;
          bottom: 14px;
        }

        html[data-page="pricing"] .floating-phone-link {
          right: 76px;
          left: auto;
          bottom: 20px;
        }

        .pricing-hero-checkout {
          padding: 16px 12px 24px;
        }

        .pricing-hero-checkout .pricing-hero-purchase-lead {
          padding: 16px 16px 6px;
          font-size: 28.8px;
        }

        .pricing-hero-purchase-note {
          padding: 0 16px 10px;
          font-size: 16.8px;
        }

        html[data-page='pricing'] .pricing-hero-checkout .pw-step {
          padding: 16px;
        }

        html[data-page='pricing'] .pricing-hero-checkout .pw-actions {
          padding: 14px 16px 16px;
        }

        html[data-page='pricing'] .pricing-hero-checkout .pw-actions-row {
          flex-direction: column;
          align-items: stretch;
          gap: 10px;
        }

        html[data-page='pricing'] .pricing-hero-checkout .pw-actions .pw-btn-primary {
          width: 100%;
        }

        html[data-page='pricing'] .pricing-hero-checkout .pw-step[data-pw-step='0'] .pw-feature-list {
          grid-template-columns: 1fr;
        }

        .cro-pricing-shell {
          box-shadow: 0 12px 28px rgba(15, 23, 42, 0.07);
        }

        .pricing-checkout-dialog,
        .pricing-checkout-inline {
          padding: 18px;
          border-radius: 18px;
        }

        .pricing-checkout-title {
          font-size: 1.45rem;
        }

        .gs-value-summary,
        .pw-proof-card {
          border-radius: 14px;
        }

        .cro-final-cta {
          padding: 24px 18px;
        }

        .cro-final-cta h2 {
          font-size: 1.55rem;
        }

        .pw-addon-teaser {
          flex-direction: column;
          align-items: stretch;
        }
      }

      .pw-preview-nudge {
        margin-top: 14px;
        text-align: center;
        font-size: 0.88rem;
        color: var(--text-muted);
      }

      .pw-preview-nudge a {
        color: var(--brand);
        font-weight: 700;
        text-decoration: none;
      }

      .pw-preview-nudge a:hover {
        text-decoration: underline;
      }

      .pw-compare-strip {
        margin-top: 14px;
        border: 1px solid var(--border);
        border-radius: var(--radius-lg);
        overflow: hidden;
        font-size: 0.87rem;
      }

      .pw-compare-header,
      .pw-compare-row {
        display: grid;
        grid-template-columns: 1fr 80px 80px;
        align-items: center;
      }

      .pw-compare-header {
        background: rgba(107, 140, 163, 0.08);
        padding: 7px 14px;
        font-size: 0.75rem;
        font-weight: 800;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: var(--text-muted);
      }

      .pw-compare-header span:nth-child(2),
      .pw-compare-header span:nth-child(3),
      .pw-compare-row span:nth-child(2),
      .pw-compare-row span:nth-child(3) {
        text-align: center;
      }

      .pw-compare-row {
        padding: 9px 14px;
        border-top: 1px solid var(--border);
        color: #374151;
      }

      .pw-compare-row span:first-child {
        color: #1f2937;
        font-weight: 600;
      }

      .pw-compare-yes {
        color: var(--brand);
        font-weight: 900;
      }

      .pw-compare-no {
        color: #d1d5db;
        font-weight: 700;
      }

      .pw-compare-val {
        color: var(--text-muted);
        font-size: 0.82rem;
      }

      html[data-page='pricing'] body {
        background: var(--surface-soft);
      }

      .pricing-offer-bar {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
        padding: 10px 16px;
        background: var(--brand-deep);
        color: #fff;
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.35;
        text-align: center;
      }

      .pricing-offer-bar-text {
        color: #fff;
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
      }

      .pricing-offer-bar-cta {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        border-radius: 6px;
        padding: 5px 12px;
        background: var(--brand);
        color: #fff;
        font-size: 0.78rem;
        font-weight: 900;
        line-height: 1;
        text-decoration: none;
        white-space: nowrap;
      }

      .pricing-offer-bar-cta:hover,
      .pricing-offer-bar-cta:focus-visible {
        background: #008f5f;
        color: #fff;
        outline: none;
      }

      html[data-page='pricing'] .cro-main {
        width: 100%;
        background: var(--surface-soft);
      }

      html[data-page='pricing'] .pricing-hero-checkout {
        width: min(1180px, calc(100% - 32px));
        margin: 0 auto;
        padding: clamp(28px, 4vw, 48px) 0 clamp(44px, 5vw, 64px);
        background: transparent;
      }

      html[data-page='pricing'] .pricing-hero-panel {
        width: 100%;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
      }

      html[data-page='pricing'] .pricing-hero-purchase {
        background: transparent;
      }

      html[data-page='pricing'] .pricing-hero-checkout .pricing-hero-purchase-lead {
        position: static;
        max-width: 800px;
        margin: 0 auto;
        padding: 0;
        background: transparent;
        color: var(--brand-deep);
        font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
        font-size: clamp(2.15rem, 5vw, 3.6rem);
        font-weight: 900;
        letter-spacing: -0.04em;
        line-height: 1.05;
      }

      html[data-page='pricing'] .pricing-hero-purchase-note {
        max-width: 720px;
        margin: 18px auto 0;
        padding: 0;
        background: transparent;
        color: #4b5563;
        font-size: clamp(1rem, 1.6vw, 1.15rem);
        font-weight: 500;
        line-height: 1.65;
      }

      html[data-page='pricing'] .pricing-hero-purchase .pw-wizard,
      html[data-page='pricing'] .pricing-hero-purchase .pw-wizard--hero {
        margin-top: clamp(32px, 5vw, 48px);
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
      }

      html[data-page='pricing'] .pw-wizard:has(.pw-step[data-pw-step='0'].is-active) .pw-progress {
        display: none;
      }

      html[data-page='pricing'] .pricing-hero-checkout .pw-step[data-pw-step='0'] {
        padding: 0;
        background: transparent;
      }

      html[data-page='pricing'] .pw-savings-calc {
        width: min(900px, 100%);
        margin: 0 auto clamp(34px, 5vw, 48px);
        border: 1px solid var(--border);
        border-radius: 18px;
        background: var(--surface);
        box-shadow: var(--shadow-sm);
      }

      html[data-page='pricing'] .pw-savings-calc-layout {
        grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.85fr);
        gap: 24px;
        padding: clamp(22px, 3vw, 32px);
      }

      html[data-page='pricing'] .pw-savings-calc-title,
      html[data-page='pricing'] .pw-plan-card-name {
        font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
        font-weight: 900;
        letter-spacing: -0.02em;
      }

      html[data-page='pricing'] .pw-savings-calc-summary {
        border-color: rgba(0, 104, 71, 0.14);
        border-radius: 14px;
        background: #f0f7f3;
      }

      html[data-page='pricing'] .pw-plan-cards {
        width: min(900px, 100%);
        margin: 0 auto;
        gap: clamp(20px, 3vw, 32px);
      }

      html[data-page='pricing'] .pw-plan-card {
        min-height: 100%;
        padding: clamp(24px, 3vw, 32px);
        border-radius: 18px;
        background: var(--surface);
        box-shadow: none;
      }

      html[data-page='pricing'] .pw-plan-card--lite {
        border-color: var(--border);
      }

      html[data-page='pricing'] .pw-plan-card--pro {
        border: 4px solid var(--brand);
        box-shadow: var(--shadow-lg);
      }

      html[data-page='pricing'] .pw-plan-card--pro .pw-plan-card-badge {
        top: -16px;
        right: 22px;
        padding: 7px 14px;
        background: var(--brand);
      }

      html[data-page='pricing'] .pw-plan-card-top {
        margin-bottom: 16px;
      }

      html[data-page='pricing'] .pw-plan-card-name {
        color: var(--brand-deep);
        font-size: 1.35rem;
      }

      html[data-page='pricing'] .pw-plan-card--pro .pw-plan-card-name {
        font-size: 1.55rem;
      }

      html[data-page='pricing'] .pw-plan-card-amount {
        font-size: 2.15rem;
        font-weight: 900;
      }

      html[data-page='pricing'] .pw-plan-card-note {
        font-size: 1rem;
      }

      html[data-page='pricing'] .pw-plan-card-alt {
        font-size: 0.9375rem;
      }

      html[data-page='pricing'] .pw-plan-card--pro .pw-plan-card-note {
        font-size: 1.0625rem;
      }

      html[data-page='pricing'] .pw-plan-card--pro .pw-plan-card-alt {
        font-size: 1rem;
      }

      html[data-page='pricing'] .pw-plan-card--pro .pw-plan-card-amount {
        font-size: 2.55rem;
      }

      html[data-page='pricing'] .pw-plan-card-summary {
        margin-bottom: 20px;
        border-radius: 10px;
      }

      html[data-page='pricing'] .pw-plan-card-features {
        gap: 12px;
        margin-bottom: 22px;
      }

      html[data-page='pricing'] .pw-plan-card-feature {
        padding-left: 24px;
      }

      html[data-page='pricing'] .pw-plan-card-cta {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        margin-top: 14px;
        border: 1px solid var(--border);
        border-radius: 12px;
        background: var(--surface);
        color: #374151;
        font-size: 0.95rem;
        font-weight: 900;
        line-height: 1.2;
        text-align: center;
      }

      html[data-page='pricing'] .pw-plan-card--pro .pw-plan-card-cta {
        border-color: var(--brand);
        background: var(--brand);
        color: #fff;
      }

      html[data-page='pricing'] .pw-tools-replaced {
        width: min(680px, 100%);
        margin: clamp(32px, 4vw, 44px) auto 0;
        padding: 16px 18px;
        border-radius: 14px;
      }

      html[data-page='pricing'] .pricing-hero-checkout .pw-actions {
        width: min(900px, 100%);
        margin: 18px auto 0;
        padding: 0;
        border: 0;
        background: transparent;
      }

      html[data-page='pricing'] .pricing-hero-checkout .pw-wizard:has(.pw-step[data-pw-step='0'].is-active) .pw-actions {
        display: none;
      }

      html[data-page='pricing'] .pricing-hero-checkout .pw-actions-row {
        justify-content: center;
      }

      html[data-page='pricing'] .pricing-hero-checkout .pw-actions-row[hidden] {
        display: none;
      }

      html[data-page='pricing'] .pricing-hero-checkout .pw-actions .pw-btn-primary {
        min-width: 220px;
        border-radius: 12px;
        font-weight: 900;
      }

      @media (max-width: 720px) {
        .pricing-offer-bar {
          align-items: flex-start;
          font-size: 0.8rem;
          text-align: left;
        }



        html[data-page='pricing'] .pricing-hero-checkout {
          width: calc(100% - 24px);
          padding-top: 32px;
        }

        html[data-page='pricing'] .pricing-hero-checkout .pricing-hero-purchase-lead {
          font-size: 2rem;
        }

        html[data-page='pricing'] .pw-savings-calc-layout {
          grid-template-columns: 1fr;
        }

        html[data-page='pricing'] .pw-plan-cards {
          grid-template-columns: 1fr;
        }
      }


      html[data-page='pricing'] #banner-container,
      html[data-page='pricing'] #topbar-container,
      html[data-page='pricing'] .topbar,
      html[data-page='pricing'] .banner,
      html[data-page='pricing'] #mobileNavBackdrop,
      html[data-page='pricing'] #mobileNavSheet {
        display: none !important;
      }

html[data-page='pricing'] body {
        padding-top: 0;
      }