[data-m3-page="upgrade-to-pro"] {
      --bg: #050403; --bg2: #0A0705;
      --gold: #C6A664; --gold-dark: #8C6B30; --gold-bright: #E8D5A2;
      --paper: #F9F7F2; --paper-edge: #F0EDE6;
      --ink: #1C1813; --ink-light: #584F42; --body: #4E463A; --muted: #6B6253;
      --gold-ink:#7C5E25;
      --hair: rgba(28,24,19,.15);
      --f-cinzel: 'Cinzel', serif; --f-playfair: 'Playfair Display', Georgia, serif; --f-sans: 'Inter', system-ui, sans-serif; --f-brush: 'Ma Shan Zheng', cursive;
      --ease: cubic-bezier(0.22,1,0.36,1);
      --side: clamp(20px, 5vw, 72px);
    }
    [data-m3-page="upgrade-to-pro"] * { box-sizing: border-box; margin: 0; padding: 0; }
    [data-m3-page="upgrade-to-pro"] { scroll-behavior: smooth; }
    [data-m3-page="upgrade-to-pro"] { font-family: var(--f-sans); font-weight: 400; line-height: 1.7; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; overflow-x: hidden; background-color: var(--bg); color: #F7F2E8; }
    [data-m3-page="upgrade-to-pro"] button { font: inherit; }
    [data-m3-page="upgrade-to-pro"] ::selection { background-color: rgba(198,166,100,0.15); color: #F7F2E8; }
    [data-m3-page="upgrade-to-pro"] a { text-decoration: none; color: inherit; }
    [data-m3-page="upgrade-to-pro"] img { max-width: 100%; display: block; }
    [data-m3-page="upgrade-to-pro"] a:focus-visible, [data-m3-page="upgrade-to-pro"] button:focus-visible { outline: 2px solid var(--gold); outline-offset: 5px; }

    [data-m3-page="upgrade-to-pro"] .reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.8s var(--ease), transform 0.8s var(--ease); }
    [data-m3-page="upgrade-to-pro"] .reveal.is-visible { opacity: 1; transform: translateY(0); }

    [data-m3-page="upgrade-to-pro"] .page-dark { position: relative; overflow: hidden; background: radial-gradient(ellipse at 50% -4%, rgba(198,166,100,.08), transparent 44%), linear-gradient(180deg, var(--bg), var(--bg2)); color: #F7F2E8; }
    [data-m3-page="upgrade-to-pro"] .page-dark::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: 0.4;
      background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.014) 1px, transparent 1px);
      background-size: 92px 92px; mask-image: radial-gradient(circle at 50% 22%, black, transparent 78%); -webkit-mask-image: radial-gradient(circle at 50% 22%, black, transparent 78%); }
    [data-m3-page="upgrade-to-pro"] .page-wrap { position: relative; z-index: 2; max-width: 1480px; margin: 0 auto; padding: 0 clamp(22px, 4vw, 56px); }

    [data-m3-page="upgrade-to-pro"] .hero { text-align: center; padding: clamp(88px, 12vh, 132px) 0 clamp(48px, 7vh, 72px); }
    [data-m3-page="upgrade-to-pro"] .hero-label { display: inline-flex; align-items: center; gap: 14px; margin-bottom: 1.2rem; font-family: var(--f-cinzel); font-size: 0.72rem; font-weight: 500; letter-spacing: 0.3em; text-transform: uppercase; color: var(--gold); }
    [data-m3-page="upgrade-to-pro"] .hero-label::before, [data-m3-page="upgrade-to-pro"] .hero-label::after { content: ''; width: 30px; height: 1px; background: linear-gradient(90deg, transparent, var(--gold)); }
    [data-m3-page="upgrade-to-pro"] .hero-label::after { background: linear-gradient(90deg, var(--gold), transparent); }
    [data-m3-page="upgrade-to-pro"] .hero-title { margin: 0 0 0.9rem; font-family: var(--f-playfair); font-weight: 400; font-size: 4rem; line-height: 1.06; letter-spacing: 0; color: #F7F2E8; text-wrap: balance; }
    [data-m3-page="upgrade-to-pro"] .hero-title em { font-style: italic; color: var(--gold-bright); }
    [data-m3-page="upgrade-to-pro"] .hero-desc { max-width: 62ch; margin: 0 auto; font-size: 1.1rem; color: rgba(247,242,232,0.76); line-height: 1.75; font-weight: 300; letter-spacing: 0; text-wrap: balance; }

    [data-m3-page="upgrade-to-pro"] .cards { padding-bottom: clamp(84px, 11vh, 150px); }
    [data-m3-page="upgrade-to-pro"] .cards-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: clamp(24px, 2.7vw, 40px); }

    @keyframes cardReveal {
      from { opacity: 0; transform: translateY(40px); }
      to { opacity: 1; transform: translateY(0); }
    }
    [data-m3-page="upgrade-to-pro"] .card { --card-delay: 0s; position: relative; display: flex; flex-direction: column; height: 100%; overflow: hidden; border: 0; border-radius: 3px; background: linear-gradient(168deg, var(--paper), var(--paper-edge));
      box-shadow: 0 30px 60px -20px rgba(0,0,0,.6), 0 6px 18px rgba(0,0,0,.35);
      opacity: 0; transform: translateY(40px); transition: transform 0.7s var(--ease), box-shadow 0.7s var(--ease); }
    [data-m3-page="upgrade-to-pro"] .card.is-visible { opacity: 1; transform: translateY(0); animation: cardReveal 0.85s var(--ease) var(--card-delay) backwards; }
    [data-m3-page="upgrade-to-pro"] .cards-grid .card:nth-child(2) { --card-delay: 0.12s; }
    [data-m3-page="upgrade-to-pro"] .cards-grid .card:nth-child(3) { --card-delay: 0.24s; }

    @media (hover: hover) {
      [data-m3-page="upgrade-to-pro"] .card:hover { transform: translateY(-5px); box-shadow: 0 42px 82px -24px rgba(0,0,0,.78), 0 10px 26px rgba(0,0,0,.45); }
      [data-m3-page="upgrade-to-pro"] .card:hover .card-imgwrap::before { opacity: 1; }
      [data-m3-page="upgrade-to-pro"] .card:hover .card-img { transform: scale(1.035); }
    }

    [data-m3-page="upgrade-to-pro"] .card-imgwrap { position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; background: #0D0A08; }
    [data-m3-page="upgrade-to-pro"] .card-imgwrap picture { display: block; width: 100%; height: 100%; }
    [data-m3-page="upgrade-to-pro"] .card-imgwrap::before { content: ''; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(180deg, transparent 56%, rgba(198,166,100,.2)); opacity: 0; transition: opacity 0.7s var(--ease); }
    [data-m3-page="upgrade-to-pro"] .card-img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.025); transition: transform 1.25s var(--ease); }
    [data-m3-page="upgrade-to-pro"] .card:nth-child(1) .card-img { object-position: 50% 72%; }
    [data-m3-page="upgrade-to-pro"] .card:nth-child(2) .card-img { object-position: 50% 82%; }
    [data-m3-page="upgrade-to-pro"] .card:nth-child(3) .card-img { object-position: 50% 76%; }
    [data-m3-page="upgrade-to-pro"] .card.is-visible .card-img { transform: scale(1); }

    [data-m3-page="upgrade-to-pro"] .card-body { display: flex; flex-direction: column; flex-grow: 1; padding: clamp(26px, 2vw, 32px) clamp(22px, 1.9vw, 28px) clamp(28px, 2.2vw, 34px); }

    [data-m3-page="upgrade-to-pro"] .card-name { margin: 0 0 0.65rem; font-family: var(--f-playfair); font-weight: 400; font-size: 1.52rem; line-height: 1.18; letter-spacing: 0; color: var(--ink); text-wrap: balance; }
    [data-m3-page="upgrade-to-pro"] .card-lead { margin-bottom: 1.15rem; font-family: var(--f-sans); font-size: 0.9rem; font-weight: 500; line-height: 1.5; letter-spacing: 0; color: var(--gold-ink); }

    [data-m3-page="upgrade-to-pro"] .card-foot { padding-top: 1.3rem; margin-top: 1.15rem; border-top: 1px solid transparent; border-image: linear-gradient(90deg, transparent, var(--hair), transparent) 1; display: flex; flex-direction: column; gap: 0.75rem; }
    [data-m3-page="upgrade-to-pro"] .card-foot-row { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 10px; }
    [data-m3-page="upgrade-to-pro"] .card-price { font-family: var(--f-cinzel); font-size: 1.12rem; font-weight: 600; line-height: 1.35; letter-spacing: 0.07em; text-transform: uppercase; color: #4A4036; white-space: nowrap; font-variant-numeric: tabular-nums; }
    [data-m3-page="upgrade-to-pro"] .card-action { position: relative; display: inline-flex; min-height: 44px; align-items: center; gap: 6px; margin: -8px -2px; padding: 8px 2px; font-family: var(--f-cinzel); font-size: 0.88rem; font-weight: 500; line-height: 1; letter-spacing: 0.1em; text-transform: uppercase; color: #5C4518; white-space: nowrap; transition: color 0.4s var(--ease); }
    [data-m3-page="upgrade-to-pro"] .card-action::after { content: ''; position: absolute; bottom: 2px; left: 2px; right: 2px; height: 1px; background: #5C4518; transform: scaleX(0); transform-origin: left; transition: transform 0.5s var(--ease); }
    [data-m3-page="upgrade-to-pro"] .card-action:hover { color: #3D2E16; }
    [data-m3-page="upgrade-to-pro"] .card-action:hover::after { transform: scaleX(1); }
    [data-m3-page="upgrade-to-pro"] .card-action .arr { display: inline-block; transition: transform 0.35s var(--ease); }
    [data-m3-page="upgrade-to-pro"] .card-action:hover .arr { transform: translateX(4px); }
    [data-m3-page="upgrade-to-pro"] .card-deliver { font-family: var(--f-sans); font-size: 0.76rem; line-height: 1.5; letter-spacing: 0.055em; text-transform: uppercase; color: var(--muted); }

    [data-m3-page="upgrade-to-pro"] .card-list { list-style: none; margin: 0; padding: 0; flex-grow: 1; }
    [data-m3-page="upgrade-to-pro"] .card-list li { position: relative; padding-left: 1.25rem; font-size: 0.88rem; line-height: 1.68; letter-spacing: 0; color: var(--body); margin-bottom: 0.55rem; text-wrap: pretty; }
    [data-m3-page="upgrade-to-pro"] .card-list li::before { content: ''; position: absolute; left: 0; top: 0.5em; width: 6px; height: 6px; border: 1px solid var(--gold-dark); transform: rotate(45deg); }
    [data-m3-page="upgrade-to-pro"] .card-list li strong { color: var(--ink); font-weight: 600; }

    [data-m3-page="upgrade-to-pro"] .proc { position: relative; padding: clamp(84px, 11vh, 150px) var(--side); background: var(--paper); color: var(--ink); overflow: hidden; }
    [data-m3-page="upgrade-to-pro"] .proc::before { content: ''; position: absolute; inset: 0; opacity: 0.04; background-image: linear-gradient(rgba(0,0,0,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(0,0,0,0.04) 1px, transparent 1px); background-size: 92px 92px; mask-image: radial-gradient(circle at 50% 50%, black, transparent 70%); -webkit-mask-image: radial-gradient(circle at 50% 50%, black, transparent 70%); }
    [data-m3-page="upgrade-to-pro"] .proc-s { position: relative; z-index: 2; width: min(100%, 1400px); margin: 0 auto; }
    [data-m3-page="upgrade-to-pro"] .proc-h { text-align: center; margin-bottom: clamp(54px, 8vh, 96px); }
    [data-m3-page="upgrade-to-pro"] .proc-label { display: inline-flex; align-items: center; gap: 14px; margin-bottom: 1.5rem; font-family: var(--f-cinzel); font-size: 0.74rem; font-weight: 500; letter-spacing: 0.3em; text-transform: uppercase; color: var(--gold-dark); }
    [data-m3-page="upgrade-to-pro"] .proc-label::before, [data-m3-page="upgrade-to-pro"] .proc-label::after { content: ''; width: 34px; height: 1px; background: linear-gradient(90deg, transparent, var(--gold-dark)); }
    [data-m3-page="upgrade-to-pro"] .proc-label::after { background: linear-gradient(90deg, var(--gold-dark), transparent); }
    [data-m3-page="upgrade-to-pro"] .proc-title { margin: 0; font-family: var(--f-playfair); font-weight: 400; font-size: 3.65rem; line-height: 1.05; letter-spacing: 0; color: var(--ink); text-wrap: balance; }
    [data-m3-page="upgrade-to-pro"] .proc-title em { font-style: italic; color: var(--gold-dark); }

    [data-m3-page="upgrade-to-pro"] .proc-steps { display: flex; flex-direction: column; gap: 0; max-width: 720px; margin: 0 auto; }
    [data-m3-page="upgrade-to-pro"] .proc-wrap { position: relative; }
    [data-m3-page="upgrade-to-pro"] .proc-step { display: grid; grid-template-columns: auto 1fr; gap: clamp(24px, 3.5vw, 40px); align-items: start; padding-bottom: clamp(44px, 6vh, 64px); opacity: 0; transform: translateX(-14px); transition: opacity 0.85s var(--ease), transform 0.85s var(--ease); }
    [data-m3-page="upgrade-to-pro"] .proc-step.is-visible { opacity: 1; transform: translateX(0); }
    [data-m3-page="upgrade-to-pro"] .proc-wrap:nth-child(1) .proc-step { transition-delay: 0s; }
    [data-m3-page="upgrade-to-pro"] .proc-wrap:nth-child(2) .proc-step { transition-delay: 0.12s; }
    [data-m3-page="upgrade-to-pro"] .proc-wrap:nth-child(3) .proc-step { transition-delay: 0.24s; }

    [data-m3-page="upgrade-to-pro"] .proc-num { position: relative; z-index: 1; width: 68px; height: 68px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(198,166,100,0.4); border-radius: 50%; background: var(--paper); flex-shrink: 0; line-height: 1; }
    [data-m3-page="upgrade-to-pro"] .proc-num-c { font-family: var(--f-cinzel); font-size: 1.1rem; font-weight: 600; letter-spacing: 0.05em; color: var(--gold-dark); line-height: 1; }
    [data-m3-page="upgrade-to-pro"] .proc-num-z { font-family: var(--f-brush); font-size: 1.5rem; color: var(--gold); line-height: 1; margin-top: -4px; }
    [data-m3-page="upgrade-to-pro"] .proc-conn { position: absolute; left: 33px; top: 68px; bottom: 0; width: 1.5px; background: linear-gradient(180deg, rgba(198,166,100,0.6), rgba(198,166,100,0.15)); opacity: 0.5; }
    [data-m3-page="upgrade-to-pro"] .proc-wrap:last-child .proc-conn { display: none; }

    [data-m3-page="upgrade-to-pro"] .proc-body { padding-top: 0.1rem; }
    [data-m3-page="upgrade-to-pro"] .proc-st { font-family: var(--f-playfair); font-size: 1.45rem; font-weight: 400; line-height: 1.2; letter-spacing: 0; color: var(--ink); margin-bottom: 0.5rem; }
    [data-m3-page="upgrade-to-pro"] .proc-desc { font-size: 1rem; line-height: 1.75; letter-spacing: 0; color: var(--ink-light); text-wrap: pretty; }

    [data-m3-page="upgrade-to-pro"] .faq { position: relative; padding: clamp(84px, 11vh, 150px) var(--side); background: var(--bg); color: #F7F2E8; overflow: hidden; }
    [data-m3-page="upgrade-to-pro"] .faq::before { content: ''; position: absolute; inset: 0; opacity: 0.08; background-image: linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.015) 1px, transparent 1px); background-size: 92px 92px; mask-image: radial-gradient(circle at 50% 70%, black, transparent 70%); -webkit-mask-image: radial-gradient(circle at 50% 70%, black, transparent 70%); }
    [data-m3-page="upgrade-to-pro"] .faq-s { position: relative; z-index: 2; width: min(100%, 900px); margin: 0 auto; }
    [data-m3-page="upgrade-to-pro"] .faq-h { text-align: center; margin-bottom: clamp(54px, 8vh, 96px); }
    [data-m3-page="upgrade-to-pro"] .faq-label { display: inline-flex; align-items: center; gap: 14px; margin-bottom: 1.5rem; font-family: var(--f-cinzel); font-size: 0.74rem; font-weight: 500; letter-spacing: 0.3em; text-transform: uppercase; color: var(--gold); }
    [data-m3-page="upgrade-to-pro"] .faq-label::before, [data-m3-page="upgrade-to-pro"] .faq-label::after { content: ''; width: 34px; height: 1px; background: linear-gradient(90deg, transparent, var(--gold)); }
    [data-m3-page="upgrade-to-pro"] .faq-label::after { background: linear-gradient(90deg, var(--gold), transparent); }
    [data-m3-page="upgrade-to-pro"] .faq-title { margin: 0; font-family: var(--f-playfair); font-weight: 400; font-size: 3.65rem; line-height: 1.05; letter-spacing: 0; color: #F7F2E8; text-wrap: balance; }
    [data-m3-page="upgrade-to-pro"] .faq-title em { font-style: italic; color: var(--gold-bright); }
    [data-m3-page="upgrade-to-pro"] .faq-item { border-bottom: 1px solid rgba(198,166,100,0.15); opacity: 0; transform: translateY(16px); transition: opacity 0.7s var(--ease), transform 0.7s var(--ease); }
    [data-m3-page="upgrade-to-pro"] .faq-item.is-visible { opacity: 1; transform: translateY(0); }
    [data-m3-page="upgrade-to-pro"] .faq-item:nth-child(1) { transition-delay: 0s; }
    [data-m3-page="upgrade-to-pro"] .faq-item:nth-child(2) { transition-delay: 0.15s; }
    [data-m3-page="upgrade-to-pro"] .faq-item:nth-child(3) { transition-delay: 0.3s; }
    [data-m3-page="upgrade-to-pro"] .faq-q { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 2rem; padding: clamp(1.5rem, 2.5vh, 2rem) 0; background: none; border: none; cursor: pointer; text-align: left; font-family: var(--f-playfair); font-size: 1.25rem; font-weight: 400; line-height: 1.4; letter-spacing: 0; color: #F7F2E8; transition: color 0.4s var(--ease); }
    [data-m3-page="upgrade-to-pro"] .faq-q:hover { color: var(--gold-bright); }
    [data-m3-page="upgrade-to-pro"] .faq-qt { padding-right: 1rem; }
    [data-m3-page="upgrade-to-pro"] .faq-ic { flex-shrink: 0; width: 24px; height: 24px; position: relative; transition: transform 0.5s var(--ease); }
    [data-m3-page="upgrade-to-pro"] .faq-ic::before, [data-m3-page="upgrade-to-pro"] .faq-ic::after { content: ''; position: absolute; background: var(--gold); transition: transform 0.5s var(--ease); }
    [data-m3-page="upgrade-to-pro"] .faq-ic::before { top: 50%; left: 0; width: 100%; height: 1px; transform: translateY(-50%); }
    [data-m3-page="upgrade-to-pro"] .faq-ic::after { top: 0; left: 50%; width: 1px; height: 100%; transform: translateX(-50%); }
    [data-m3-page="upgrade-to-pro"] .faq-item.is-open .faq-ic { transform: rotate(45deg); }
    [data-m3-page="upgrade-to-pro"] .faq-item.is-open .faq-q { color: var(--gold-bright); }
    [data-m3-page="upgrade-to-pro"] .faq-a { max-height: 0; overflow: hidden; transition: max-height 0.6s var(--ease), opacity 0.4s var(--ease); opacity: 0; }
    [data-m3-page="upgrade-to-pro"] .faq-item.is-open .faq-a { opacity: 1; }
    [data-m3-page="upgrade-to-pro"] .faq-ai { padding-bottom: clamp(1.5rem, 2.5vh, 2rem); font-size: 1rem; line-height: 1.78; letter-spacing: 0; color: rgba(247,242,232,0.72); max-width: 68ch; text-wrap: pretty; }

    @media (max-width: 1199px) {
      [data-m3-page="upgrade-to-pro"] .hero-title { font-size: 3.5rem; }
      [data-m3-page="upgrade-to-pro"] .proc-title, [data-m3-page="upgrade-to-pro"] .faq-title { font-size: 3.15rem; }
    }
    @media (max-width: 1099px) {
      [data-m3-page="upgrade-to-pro"] .cards-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; max-width: 880px; margin-left: auto; margin-right: auto; }
      [data-m3-page="upgrade-to-pro"] .cards-grid .card:nth-child(3) { grid-column: 1 / -1; width: calc((100% - 28px) / 2); justify-self: center; }
      [data-m3-page="upgrade-to-pro"] .card-imgwrap { aspect-ratio: 4 / 3; }
      [data-m3-page="upgrade-to-pro"] .hero-desc { max-width: 54ch; }
    }
    @media (max-width: 768px) {
      [data-m3-page="upgrade-to-pro"] .hero { padding: 72px clamp(4px, 2vw, 18px) 42px; }
      [data-m3-page="upgrade-to-pro"] .hero-title { font-size: 2.55rem; line-height: 1.08; }
      [data-m3-page="upgrade-to-pro"] .hero-desc { font-size: 0.98rem; line-height: 1.7; max-width: 50ch; padding: 0 4px; }
      [data-m3-page="upgrade-to-pro"] .hero-label { font-size: 0.62rem; letter-spacing: 0.26em; gap: 8px; }
      [data-m3-page="upgrade-to-pro"] .hero-label::before, [data-m3-page="upgrade-to-pro"] .hero-label::after { width: 18px; }
      [data-m3-page="upgrade-to-pro"] .cards { padding-bottom: clamp(56px, 8vh, 80px); }
      [data-m3-page="upgrade-to-pro"] .card-body { padding: 24px 20px 27px; }
      [data-m3-page="upgrade-to-pro"] .card-name { font-size: 1.42rem; }
      [data-m3-page="upgrade-to-pro"] .card-lead { font-size: 0.88rem; margin-bottom: 1rem; }
      [data-m3-page="upgrade-to-pro"] .card-list li { font-size: 0.86rem; line-height: 1.65; margin-bottom: 0.45rem; }
      [data-m3-page="upgrade-to-pro"] .card-foot { padding-top: 1.1rem; margin-top: 0.8rem; gap: 0.65rem; }
      [data-m3-page="upgrade-to-pro"] .card-price { font-size: 1.04rem; }
      [data-m3-page="upgrade-to-pro"] .card-action { font-size: 0.82rem; }
      [data-m3-page="upgrade-to-pro"] .card-deliver { font-size: 0.72rem; }
      [data-m3-page="upgrade-to-pro"] .proc { padding: clamp(60px, 9vh, 100px) var(--side); }
      [data-m3-page="upgrade-to-pro"] .proc-h, [data-m3-page="upgrade-to-pro"] .faq-h { margin-bottom: clamp(36px, 5vh, 56px); }
      [data-m3-page="upgrade-to-pro"] .proc-label, [data-m3-page="upgrade-to-pro"] .faq-label { font-size: 0.62rem; letter-spacing: 0.26em; gap: 8px; }
      [data-m3-page="upgrade-to-pro"] .proc-label::before, [data-m3-page="upgrade-to-pro"] .proc-label::after, [data-m3-page="upgrade-to-pro"] .faq-label::before, [data-m3-page="upgrade-to-pro"] .faq-label::after { width: 18px; }
      [data-m3-page="upgrade-to-pro"] .proc-title, [data-m3-page="upgrade-to-pro"] .faq-title { font-size: 2.3rem; }
      [data-m3-page="upgrade-to-pro"] .proc-step { grid-template-columns: auto 1fr; gap: clamp(14px, 2.5vw, 20px); padding-bottom: clamp(32px, 4vh, 48px); }
      [data-m3-page="upgrade-to-pro"] .proc-num { width: 44px; height: 44px; }
      [data-m3-page="upgrade-to-pro"] .proc-num-c { font-size: 0.85rem; }
      [data-m3-page="upgrade-to-pro"] .proc-num-z { font-size: 1.1rem; margin-top: -3px; }
      [data-m3-page="upgrade-to-pro"] .proc-conn { display: none; }
      [data-m3-page="upgrade-to-pro"] .proc-st { font-size: 1.15rem; }
      [data-m3-page="upgrade-to-pro"] .proc-desc { font-size: 0.92rem; line-height: 1.65; }
      [data-m3-page="upgrade-to-pro"] .faq { padding: clamp(60px, 9vh, 100px) var(--side); }
      [data-m3-page="upgrade-to-pro"] .faq-q { gap: 1rem; font-size: 1.1rem; }
      [data-m3-page="upgrade-to-pro"] .faq-ai { font-size: 0.92rem; }
    }
    @media (max-width: 719px) {
      [data-m3-page="upgrade-to-pro"] .page-wrap { padding-left: 18px; padding-right: 18px; }
      [data-m3-page="upgrade-to-pro"] .cards-grid { grid-template-columns: 1fr; grid-auto-rows: auto; gap: 24px; max-width: 520px; }
      [data-m3-page="upgrade-to-pro"] .cards-grid .card:nth-child(3) { grid-column: auto; width: auto; justify-self: stretch; }
    }
    @media (max-width: 380px) {
      [data-m3-page="upgrade-to-pro"] .hero { padding-top: 64px; }
      [data-m3-page="upgrade-to-pro"] .card-name { font-size: 1.3rem; }
      [data-m3-page="upgrade-to-pro"] .card-price { font-size: 1rem; }
      [data-m3-page="upgrade-to-pro"] .hero-title { font-size: 2.1rem; }
      [data-m3-page="upgrade-to-pro"] .hero-desc { font-size: 0.9rem; padding: 0; }
      [data-m3-page="upgrade-to-pro"] .proc-title, [data-m3-page="upgrade-to-pro"] .faq-title { font-size: 2rem; }
    }
    @media (prefers-reduced-motion: reduce) {
      [data-m3-page="upgrade-to-pro"] *, [data-m3-page="upgrade-to-pro"] *::before, [data-m3-page="upgrade-to-pro"] *::after { animation: none !important; transition: none !important; }
      [data-m3-page="upgrade-to-pro"] .reveal, [data-m3-page="upgrade-to-pro"] .card, [data-m3-page="upgrade-to-pro"] .proc-step, [data-m3-page="upgrade-to-pro"] .faq-item { opacity: 1 !important; transform: none !important; }
      [data-m3-page="upgrade-to-pro"] .card-img { transform: scale(1) !important; }
    }

[data-m3-page="upgrade-to-pro"] { min-width: 0; }