/* ── PRICING ── */
        .price-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.1rem;
            max-width: 1060px;
            margin: 2.8rem auto 0;
        }
        .price-annual { font-family: var(--font-mono); font-size: 0.66rem; color: var(--ink-3); margin: 0.35rem 0 0; letter-spacing: 0.02em; min-height: 1.05em; }
        @media (max-width: 900px) { .price-grid { grid-template-columns: 1fr; max-width: 420px; } }
        /* Billing period toggle */
        .billing-toggle { display: inline-flex; gap: 4px; margin: 1.7rem auto 0; padding: 4px; background: var(--paper); border: 1px solid var(--line); border-radius: 100px; }
        .billing-toggle button { font-family: var(--font-mono); font-size: 0.74rem; font-weight: 600; letter-spacing: 0.02em; padding: 8px 18px; border: none; background: transparent; color: var(--ink-3); border-radius: 100px; cursor: pointer; display: inline-flex; align-items: center; gap: 7px; transition: background .15s, color .15s; }
        .billing-toggle button.active { background: var(--ink); color: var(--white); }
        .billing-toggle .save-pill { font-size: 0.62rem; padding: 2px 7px; border-radius: 100px; background: var(--green); color: #fff; letter-spacing: 0.03em; }
        .billing-toggle button.active .save-pill { background: rgba(255,255,255,.22); color: #fff; }
        .price-card {
            position: relative;
            background: var(--paper);
            border: 1px solid var(--line);
            border-radius: 18px;
            padding: 2rem 1.8rem;
            display: flex;
            flex-direction: column;
            text-align: left;
        }
        .price-card.featured {
            background: var(--white);
            border: 1.5px solid var(--ink);
            box-shadow: var(--shadow-ink);
        }
        .price-badge {
            font-family: var(--font-mono);
            position: absolute;
            top: -11px; left: 50%;
            transform: translateX(-50%);
            background: var(--violet);
            color: #fff;
            font-size: 0.6rem;
            font-weight: 600;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            padding: 4px 12px;
            border-radius: 100px;
            white-space: nowrap;
        }
        .price-name { font-family: var(--font-display); font-weight: 700; font-size: 1.05rem; letter-spacing: -0.01em; }
        .price-amount {
            font-family: var(--font-mono);
            font-feature-settings: 'tnum';
            font-size: 2.5rem;
            font-weight: 700;
            letter-spacing: -0.06em;
            line-height: 1.1;
            margin-top: 0.5rem;
        }
        .price-amount span { font-family: var(--font-sans); font-size: 1rem; font-weight: 500; color: var(--ink-3); letter-spacing: 0; }
        .price-kind {
            font-family: var(--font-mono);
            font-size: 0.68rem;
            color: var(--ink-3);
            margin: 0.4rem 0 1.15rem;
            min-height: 2.5em;
            line-height: 1.3;
        }
        /* Uniform comparison rows: icon · label · value — identical rows in every card so
           row N lines up horizontally across Solo / Team / Agency (hairline guides the eye). */
        .price-features { list-style: none; margin: 0 0 1.6rem; padding: 0; flex: 1; }
        .price-features li {
            display: grid;
            grid-template-columns: 1.2em minmax(0, 1fr) auto;
            gap: 0.5em;
            align-items: start;
            padding: 0.5rem 0;
            border-top: 1px solid var(--line);
            font-size: 0.82rem;
            line-height: 1.3;
            color: var(--ink-2);
        }
        .price-features li:first-child { border-top: none; }
        .price-features li .ft-ic { color: var(--green); font-weight: 700; font-size: 0.82rem; line-height: 1.35; }
        .price-features li.off { opacity: .55; }
        .price-features li.off .ft-ic { color: var(--ink-3); }
        .price-features .ft-val { font-family: var(--font-mono); font-weight: 700; font-size: 0.76rem; color: var(--violet); white-space: nowrap; text-align: right; }
        /* ⓘ info icon + hover/focus tooltip (ported from app subscription page) */
        .feat-info { position: relative; display: inline-flex; vertical-align: middle; margin-left: 3px; }
        .feat-i { width: 15px; height: 15px; border-radius: 50%; border: 1px solid #c9c7bf; color: #9c9a92; font-size: 9.5px; font-weight: 700; font-style: italic; font-family: Georgia, serif; display: inline-flex; align-items: center; justify-content: center; cursor: help; line-height: 1; transition: border-color .12s, color .12s; }
        .feat-info:hover .feat-i, .feat-info:focus .feat-i { border-color: var(--violet); color: var(--violet); }
        .feat-tip { position: absolute; bottom: calc(100% + 9px); left: 50%; transform: translateX(-50%); width: 218px; max-width: 62vw; background: #1a1a18; color: #f7f6f2; font-family: var(--font-sans); font-size: .72rem; font-weight: 400; line-height: 1.45; letter-spacing: 0; padding: 9px 11px; border-radius: 9px; box-shadow: 0 10px 30px rgba(0,0,0,.22); opacity: 0; visibility: hidden; transition: opacity .12s ease; z-index: 60; text-align: left; pointer-events: none; }
        .feat-tip::after { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 5px solid transparent; border-top-color: #1a1a18; }
        .feat-info:hover .feat-tip, .feat-info:focus .feat-tip, .feat-info:focus-within .feat-tip { opacity: 1; visibility: visible; }
        .price-card .btn { width: 100%; justify-content: center; }
        .price-note {
            font-family: var(--font-mono);
            text-align: center;
            font-size: 0.72rem;
            color: var(--ink-3);
            margin-top: 1.6rem;
        }

        /* ── FAQ ── */
        .faq-grid {
            display: grid;
            grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);
            gap: clamp(2.5rem, 5vw, 5rem);
            align-items: start;
        }
        .faq-side { position: sticky; top: 96px; text-align: left; }
        .faq-side .deck { margin-top: 0.9rem; }
        .faq-more {
            margin-top: 1.8rem;
            padding: 1.1rem 1.3rem;
            background: var(--white);
            border: 1px solid var(--line);
            border-radius: 12px;
            font-size: 0.88rem;
            color: var(--ink-2);
        }
        .faq-more a { color: var(--violet); font-weight: 700; text-decoration: none; }
        .faq-more a:hover { color: var(--violet-deep); }
        .faq-wrap { text-align: left; }
        .faq-num {
            font-family: var(--font-mono);
            font-size: 0.72rem;
            font-weight: 600;
            color: var(--ink-3);
            flex: 0 0 1.7rem;
            transition: color 0.25s ease;
        }
        .faq-item.open .faq-num { color: var(--violet); }
        .faq-q .qt { flex: 1; }
        .faq-item { border-bottom: 1px solid var(--line); }
        .faq-q {
            width: 100%;
            background: none;
            border: none;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 1rem;
            padding: 1.25rem 0;
            font-family: var(--font-sans);
            font-size: 1rem;
            font-weight: 600;
            letter-spacing: -0.01em;
            color: var(--ink);
            text-align: left;
            cursor: pointer;
        }
        .faq-icon {
            flex: 0 0 auto;
            width: 22px; height: 22px;
            border-radius: 50%;
            border: 1px solid var(--line-strong);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.85rem;
            font-weight: 500;
            color: var(--ink-2);
            transition: transform 0.3s var(--ease), background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
        }
        .faq-item.open .faq-icon {
            transform: rotate(45deg);
            background: var(--violet);
            border-color: var(--violet);
            color: #fff;
        }
        .faq-a { max-height: 0; overflow: hidden; transition: max-height 0.45s var(--ease); }
        .faq-a-inner {
            padding: 0 0 1.4rem;
            font-size: 0.93rem;
            color: var(--ink-2);
            line-height: 1.65;
            max-width: 640px;
        }
        .faq-a-inner strong { color: var(--ink); }

/* Reuse current homepage typography and keep each new section self-contained. */
#pricing,#faq{--font-mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;--ink-3:#746e68;--green:#047857;--line-strong:rgba(28,25,23,.16);--shadow-ink:6px 6px 0 rgba(28,25,23,.92);padding:80px 24px;scroll-margin-top:85px}
#pricing{border-top:1px solid var(--line)}#pricing .wrap{max-width:1120px;margin:auto}#faq .wrap-wide{max-width:1192px;margin:auto}
#pricing .sec-head-center{max-width:660px;text-align:center;margin:auto}
#pricing .eyebrow,#faq .eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.22em;color:var(--violet);display:block;margin-bottom:18px}
#pricing .h2,#faq .h2{font:720 clamp(32px,3.4vw,44px)/1.06 var(--font-display);font-variation-settings:'opsz' 50;letter-spacing:-.018em;color:var(--ink)}
#pricing .deck,#faq .deck{font-size:17px;line-height:1.65;color:var(--ink-2);margin-top:18px}
#pricing .reveal,#faq .reveal{opacity:1;transform:none}
#pricing .price-amount .pa-num{font-family:var(--font-mono);font-size:40px;font-weight:700;color:var(--ink);letter-spacing:-.06em}
#pricing .price-amount>span:last-child{margin-left:5px}
#pricing .price-features li.off{opacity:1;color:#746e68}
#pricing .price-card{min-width:0}#pricing .price-annual{line-height:1.5;min-height:2.5em}#pricing .price-kind{min-height:2.6em}#pricing .price-card .btn{font-size:14px}
#pricing .feat-info{display:inline-block}#pricing .feat-info summary{display:inline-flex;list-style:none;cursor:pointer}#pricing .feat-info summary::-webkit-details-marker{display:none}
#pricing .feat-info[open]>.feat-tip{opacity:1;visibility:visible;pointer-events:auto}
#pricing .feat-info[open] .feat-i{color:var(--violet);border-color:var(--violet)}
#faq .faq-q{list-style:none}#faq .faq-q::-webkit-details-marker{display:none}#faq .faq-a{max-height:none;overflow:visible;transition:none}
#faq .faq-item[open] .faq-icon{transform:rotate(45deg);background:var(--violet);border-color:var(--violet);color:#fff}#faq .faq-item[open] .faq-num{color:var(--violet)}
#faq summary:focus-visible,#pricing summary:focus-visible{outline:2px solid var(--violet);outline-offset:4px;border-radius:3px}
@media(max-width:900px){#pricing,#faq{padding-block:55px}#pricing .price-grid{gap:28px}#faq .faq-grid{grid-template-columns:1fr;gap:30px}#faq .faq-side{position:static}}
@media(prefers-reduced-motion:reduce){#pricing *,#faq *{transition:none!important}}

/* Refined plan selection: short cards first, full comparison on demand. */
#pricing.pricing-refined{padding:75px 24px 65px;background:var(--paper)}
.pricing-wrap{max-width:1192px;margin:auto}.pricing-intro{text-align:center;max-width:700px;margin:0 auto}.pricing-intro .h2{font-size:clamp(38px,4vw,56px)!important;line-height:1.05!important}.pricing-intro .billing-toggle{margin-top:26px}.pricing-intro .billing-toggle button{font-family:var(--font-sans);font-size:13px;padding:10px 20px}
.pricing-shared{display:flex;align-items:center;justify-content:center;gap:12px 25px;flex-wrap:wrap;margin:33px auto 25px;padding:17px 0;border-block:1px solid #e8e3e9}.pricing-shared>span{font:500 9px var(--font-mono);letter-spacing:1.2px;color:#756b7e}.pricing-shared>p{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-2)}.pricing-shared b{color:var(--violet);font-size:12px;font-weight:500}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.plan-card{background:#fffefa;border:1px solid #e1dde4;border-radius:17px;padding:25px 25px 23px;min-width:0;display:flex;flex-direction:column}.plan-card.plan-featured{background:linear-gradient(160deg,#f5edff 0%,#fffdfb 58%);border:1.5px solid var(--violet);box-shadow:0 16px 35px -27px #6d28d96b}
.plan-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.plan-top h3{font:700 20px var(--font-display);letter-spacing:-.4px}.plan-index{font:400 10px var(--font-mono);color:#9d91a7}.plan-popular{font-size:10px;font-weight:600;color:var(--violet-deep);padding:5px 9px;border-radius:100px;background:#eadefb}
.plan-promise{font:650 29px/1.1 var(--font-display);color:var(--ink);letter-spacing:-.75px;margin:22px 0 0;min-height:64px}.plan-for{font-size:13px;line-height:1.6;color:var(--ink-2);margin-top:11px;min-height:42px;max-width:265px}
.plan-price{display:flex;align-items:baseline;gap:9px;margin-top:24px}.plan-price .pa-num{font:700 54px/1 var(--font-display);color:var(--ink);letter-spacing:-2px;font-variant-numeric:tabular-nums}.plan-price>span:last-child{font-size:13px;color:#706674}.plan-featured .plan-price .pa-num{color:var(--violet-deep)}
#pricing .plan-card .price-annual{font:400 11px/1.5 var(--font-sans);color:var(--ink-2);letter-spacing:0;margin:9px 0 0;min-height:17px}
.plan-cta{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:21px;padding:13px 16px;border:1px solid #d2c8d9;border-radius:9px;color:var(--ink);background:#fffefa;text-decoration:none;font-size:13px;font-weight:600;transition:background .15s,border-color .15s}.plan-cta>span{font-size:20px;line-height:1}.plan-cta:hover{border-color:var(--violet);background:#f5f0fc}.plan-featured .plan-cta{background:var(--violet);border-color:var(--violet);color:#fff}.plan-featured .plan-cta:hover{background:var(--violet-deep)}
.plan-limits{margin:23px 0 0;padding:15px 0;border-block:1px solid #e8e1ed;display:grid;gap:12px}.plan-limits>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.plan-limits dt{font-size:12px;color:var(--ink-2)}.plan-limits dd{margin:0;font:650 13px var(--font-display);color:var(--ink);white-space:nowrap}.plan-featured .plan-limits dd{color:var(--violet-deep)}
.plan-perks{padding-top:20px}.plan-perks>p{font:500 9px/1.5 var(--font-mono);letter-spacing:.65px;color:#776882}.plan-perks>ul{padding:0;margin:13px 0 0;list-style:none;display:grid;gap:10px}.plan-perks li{display:flex;align-items:baseline;gap:9px;font-size:12px;line-height:1.55;color:var(--ink-2)}.plan-perks li>span{flex-shrink:0;color:var(--violet);font-size:11px}
.pricing-trial-note{display:flex;justify-content:center;gap:5px 15px;flex-wrap:wrap;text-align:center;margin-top:23px;font-size:11px;line-height:1.6;color:var(--ink-2)}.pricing-trial-note strong{font-weight:600;color:var(--ink)}
.pricing-details{margin-top:32px;border-top:1px solid #ded7e4}.pricing-details>details{border-bottom:1px solid #ded7e4}.pricing-details>details>summary{display:flex;justify-content:space-between;align-items:center;padding:19px 0;gap:18px;font:600 15px var(--font-sans);color:var(--ink);cursor:pointer;list-style:none}.pricing-details summary::-webkit-details-marker{display:none}.pricing-details>details>summary>span{font-size:22px;font-weight:400;color:var(--violet)}.pricing-details>details[open]>summary>span{transform:rotate(45deg)}
.comparison-scroll{overflow-x:auto;padding-bottom:20px}.comparison-scroll table{width:100%;min-width:690px;border-collapse:collapse;font-size:12px;line-height:1.6}.comparison-scroll th,.comparison-scroll td{padding:15px 16px;border-bottom:1px solid #e8e2ec;vertical-align:top}.comparison-scroll thead th{text-align:center;font:650 16px var(--font-display);color:var(--ink);background:#f0eaf7}.comparison-scroll thead th:first-child{text-align:left;font:500 11px var(--font-sans);color:var(--ink-2)}.comparison-scroll tbody th{font-weight:400;text-align:left;color:var(--ink-2);width:46%}.comparison-scroll tbody td{text-align:center;font-weight:600;color:var(--ink);width:18%}.comparison-scroll tr>*:nth-child(3){background:#f5effb}.comparison-scroll td.included{color:#047857}.comparison-scroll td.excluded{color:#817a87}
.comparison-help{margin-top:5px}.comparison-help summary{list-style:none;font-size:10px;color:var(--violet-deep);cursor:pointer;text-decoration:underline;text-underline-offset:3px;width:fit-content}.comparison-help p{font-size:11px;line-height:1.6;margin-top:8px;color:var(--ink-2);max-width:440px}.credit-explainer>div{padding:0 0 22px;max-width:790px}.credit-explainer p{font-size:13px;line-height:1.75;color:var(--ink-2);margin-top:9px}
@media(max-width:1050px) and (min-width:801px){.plan-grid{gap:12px}.plan-card{padding:22px 18px}.plan-promise{font-size:25px;min-height:55px}.plan-for{min-height:62px}.plan-limits dt{font-size:11px}.plan-limits dd{font-size:12px}.plan-popular{font-size:9px;padding-inline:7px}.plan-price .pa-num{font-size:48px}}
@media(max-width:800px){#pricing.pricing-refined{padding-block:55px}.plan-grid{grid-template-columns:1fr;max-width:440px;margin:auto;gap:22px}.plan-card{padding:26px}.plan-for{max-width:320px;min-height:0}.plan-promise{font-size:32px;min-height:0}.pricing-shared{gap:12px 18px;max-width:600px}.pricing-shared>span{width:100%;text-align:center}.pricing-shared>p{font-size:11px}.plan-price{margin-top:23px}.plan-perks li{font-size:13px}.plan-limits dt{font-size:13px}.plan-limits dd{font-size:14px}}
@media(prefers-reduced-motion:reduce){.plan-cta{transition:none}}