html,
      body {
        overflow-x: hidden;
      }
      .page-hero {
        padding: 52px 64px 24px;
        max-width: var(--maxw);
        margin: 0 auto;
        text-align: center;
      }

      .tier-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(248px, 1fr));
        gap: 18px;
        width: 100%;
        max-width: var(--maxw);
        margin: 36px auto 0;
        padding: 0 64px;
        align-items: stretch;
      }
      .tier {
        padding: 30px 26px 28px;
        border-radius: var(--r);
        display: flex;
        flex-direction: column;
        min-width: 0;
        min-height: 440px;
        position: relative;
        box-shadow: 0 16px 40px rgba(12, 12, 14, 0.045);
      }
      .tier.light {
        background: var(--card);
        border: 1px solid var(--rule);
      }
      .tier.dark {
        background: var(--dark);
        color: var(--dark-fg);
        border: 1px solid var(--dark-rule);
        overflow: hidden;
      }
      .tier-name {
        font-size: 16px;
        font-weight: 650;
        letter-spacing: -0.005em;
      }
      .tier-tag {
        position: absolute;
        top: 16px;
        right: 18px;
        padding: 4px 10px;
        background: var(--acc);
        color: #fff;
        font-family: 'Geist Mono', monospace;
        font-size: 10.5px;
        letter-spacing: 0.08em;
        border-radius: 4px;
      }
      .tier-price {
        display: flex;
        align-items: baseline;
        gap: 4px;
        margin-top: 16px;
      }
      .tier-price-num {
        font-size: 40px;
        font-weight: 500;
        letter-spacing: -0.04em;
        font-family: 'Geist Mono', monospace;
        line-height: 1;
      }
      .tier-price-unit {
        font-size: 13px;
        color: var(--fg-60);
      }
      .tier.dark .tier-price-unit {
        color: var(--dark-fg-60);
      }
      .tier-desc {
        font-size: 14px;
        color: var(--fg-60);
        margin-top: 12px;
        line-height: 1.5;
        min-height: 54px;
      }
      .tier.dark .tier-desc {
        color: rgba(245, 243, 238, 0.78);
      }
      .tier-cta {
        margin-top: 20px;
        width: 100%;
        min-height: 44px;
        justify-content: center;
        text-align: center;
        white-space: normal;
        line-height: 1.15;
        padding: 11px 14px;
        min-width: 0;
      }
      .tier-rule {
        height: 1px;
        background: var(--rule);
        margin: 22px -26px 20px;
      }
      .tier.dark .tier-rule {
        background: var(--dark-rule);
      }
      .tier-feats {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 12px;
      }
      .tier-feats li {
        display: flex;
        gap: 10px;
        align-items: flex-start;
        font-size: 14px;
        line-height: 1.45;
        color: var(--fg);
      }
      .tier.dark .tier-feats li {
        color: rgba(245, 243, 238, 0.9);
      }
      .check-icon {
        flex: 0 0 16px;
        width: 16px;
        height: 16px;
        margin-top: 2px;
        color: var(--acc);
        position: relative;
      }
      .check-icon::before {
        content: '';
        position: absolute;
        left: 3px;
        top: 4px;
        width: 8px;
        height: 5px;
        border-left: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: rotate(-45deg);
      }

      .model-note {
        max-width: 760px;
        margin: 64px auto 0;
        padding: 0 64px;
        font-size: 15px;
        line-height: 1.7;
        color: var(--fg-60);
      }
      .model-note strong {
        color: var(--fg);
        font-weight: 600;
      }

      .compare-section {
        padding: 80px 64px;
        max-width: var(--maxw);
        margin: 0 auto;
        overflow-x: auto;
      }
      .compare-table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 40px;
        border-top: 1px solid var(--rule);
      }
      .compare-table th,
      .compare-table td {
        padding: 16px 20px;
        text-align: left;
        border-bottom: 1px solid var(--rule);
        font-size: 14px;
      }
      .compare-table thead th {
        font-family: 'Geist Mono', monospace;
        font-size: 11px;
        letter-spacing: 0.08em;
        color: var(--fg-60);
        text-transform: uppercase;
        background: var(--bg);
        border-bottom: 1px solid var(--rule-strong);
      }
      .compare-table td.feat {
        font-weight: 500;
        color: var(--fg);
      }
      .compare-table td.val {
        color: var(--fg-60);
        font-family: 'Geist Mono', monospace;
        font-size: 13px;
      }

      .faq-section {
        padding: 80px 64px;
        max-width: 960px;
        margin: 0 auto;
      }
      .faq-item {
        padding: 24px 0;
        border-bottom: 1px solid var(--rule);
        display: grid;
        grid-template-columns: 1fr 2fr;
        gap: 32px;
      }
      .faq-q {
        font-size: 17px;
        font-weight: 500;
        letter-spacing: -0.01em;
      }
      .faq-a {
        font-size: 14.5px;
        color: var(--fg-60);
        line-height: 1.6;
      }

      .pricing-hero-title {
        margin-top: 22px;
        font-size: 72px;
        max-width: 18ch;
        margin-left: auto;
        margin-right: auto;
      }
      .pricing-hero-copy {
        margin-top: 22px;
        max-width: 60ch;
        margin-left: auto;
        margin-right: auto;
      }
      .pricing-section-title {
        margin-top: 18px;
        font-size: 44px;
      }
      .compare-feature-col {
        width: 28%;
      }
      .pricing-faq-list {
        margin-top: 40px;
      }
      .pricing-cta-section {
        padding: 40px 64px 96px;
      }
      .pricing-cta-card {
        max-width: var(--maxw);
        margin: 0 auto;
        padding: 64px 56px;
        border-radius: var(--r-lg);
        background: var(--dark);
        color: var(--dark-fg);
        position: relative;
        overflow: hidden;
        text-align: center;
      }
      .pricing-cta-glow {
        top: -100px;
        left: 50%;
        transform: translateX(-50%);
        width: 600px;
        height: 300px;
      }
      .pricing-cta-content {
        position: relative;
      }
      .pricing-cta-title {
        margin-top: 20px;
        color: var(--dark-fg);
        max-width: 22ch;
        margin-left: auto;
        margin-right: auto;
      }
      .pricing-cta-actions {
        margin-top: 28px;
        justify-content: center;
      }
      .pricing-footer-copy {
        margin-top: 14px;
        max-width: 32ch;
        font-size: 13.5px;
      }

      @media (min-width: 1280px) {
        .tier-grid {
          grid-template-columns: repeat(4, minmax(0, 1fr));
        }
        .tier {
          padding-left: 24px;
          padding-right: 24px;
        }
        .tier-price-num {
          font-size: 38px;
        }
        .tier-feats li {
          font-size: 13.5px;
        }
        .tier-cta {
          font-size: 13px;
          padding-left: 12px;
          padding-right: 12px;
        }
        .tier-rule {
          margin-left: -24px;
          margin-right: -24px;
        }
      }
      @media (max-width: 1100px) {
        .tier-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .page-hero {
          padding-top: 42px;
        }
      }
      @media (max-width: 640px) {
        .nav {
          overflow: hidden;
        }
        .nav-right {
          display: none;
        }
        .page-hero {
          width: min(100%, 390px);
          max-width: 100%;
          padding: 36px 24px 18px;
        }
        .page-hero .h1 {
          font-size: 46px !important;
          max-width: 10ch !important;
        }
        .page-hero .h1 .acc {
          display: block;
        }
        .page-hero .lead {
          max-width: calc(100vw - 48px) !important;
          overflow-wrap: break-word;
        }
        .tier-grid {
          grid-template-columns: minmax(0, 1fr);
          width: min(100%, 390px);
          max-width: 100%;
          padding: 0 24px;
          margin-top: 28px;
        }
        .tier {
          width: 100%;
          min-height: 0;
          overflow: hidden;
        }
        .tier-desc,
        .tier-feats li {
          overflow-wrap: break-word;
        }
        .tier-cta {
          max-width: 100%;
        }
        .compare-section,
        .faq-section,
        .model-note {
          padding-left: 24px;
          padding-right: 24px;
        }
        .compare-table {
          min-width: 680px;
        }
        .faq-item {
          grid-template-columns: 1fr;
          gap: 10px;
        }
      }