/* =====================================================
   PRO OCEAN Tests — Frontend CSS v4.0
   Theme: Navy & Gold (matching OCEAN Coaching Europe ref)
   Primary: #2C3A5C  |  Gold: #C9A44A
   ===================================================== */

:root {
    --pot-bg:          #FFFFFF;
    --pot-bg2:         #F5F7FA;
    --pot-surface:     rgba(44,58,92,0.05);
    --pot-surface-h:   rgba(44,58,92,0.09);
    --pot-border:      rgba(44,58,92,0.15);
    --pot-gold:        #C9A44A;
    --pot-gold-light:  #E8C87A;
    --pot-primary:     #2C3A5C;
    --pot-primary-dark:#1E2A45;
    --pot-text:        #1E293B;
    --pot-text-muted:  #64748B;
    --pot-radius:      16px;
    --pot-shadow:      0 4px 24px rgba(44,58,92,0.10);
    --pot-shadow-sm:   0 2px 8px rgba(44,58,92,0.07);
}

.pot-app {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: var(--pot-text);
    background: var(--pot-bg);
    border-radius: var(--pot-radius);
    overflow: hidden;
    box-shadow: var(--pot-shadow);
    line-height: 1.6;
}

.pot-app * { box-sizing: border-box; margin: 0; padding: 0; }

/* ── Buttons ── */
.pot-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    padding: 12px 24px; border-radius: 10px; border: none; cursor: pointer;
    font-size: 15px; font-weight: 600; transition: all .2s; text-decoration: none;
    white-space: nowrap; font-family: inherit;
}
.pot-btn--primary {
    background: var(--pot-primary);
    color: #fff;
    box-shadow: 0 4px 14px rgba(44,58,92,0.30);
}
.pot-btn--primary:hover {
    background: var(--pot-primary-dark);
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(44,58,92,0.40);
}
.pot-btn--secondary {
    background: var(--pot-surface-h);
    color: var(--pot-primary);
    border: 1px solid var(--pot-border);
}
.pot-btn--secondary:hover { background: rgba(44,58,92,0.13); }
.pot-btn--outline {
    background: transparent;
    color: var(--pot-text-muted);
    border: 1.5px solid #CBD5E1;
}
.pot-btn--outline:hover { border-color: var(--pot-primary); color: var(--pot-primary); }
.pot-btn--ghost { background: none; color: var(--pot-text-muted); border: none; font-size: 14px; padding: 8px 16px; }
.pot-btn--ghost:hover { color: var(--pot-text); }
.pot-btn--full { width: 100%; }
.pot-btn--xl { padding: 16px 32px; font-size: 16px; border-radius: 12px; }

/* ── Inputs ── */
.pot-input {
    width: 100%; padding: 12px 16px; background: #F8FAFC; border: 1.5px solid #E2E8F0;
    border-radius: 10px; color: var(--pot-text); font-size: 15px; font-family: inherit; transition: border-color .2s;
}
.pot-input:focus { outline: none; border-color: var(--pot-primary); background: #fff; box-shadow: 0 0 0 3px rgba(44,58,92,0.08); }
.pot-input::placeholder { color: var(--pot-text-muted); }

/* ══════════════════ INTRO ══════════════════ */
.pot-intro { padding: 60px 48px; text-align: center; background: linear-gradient(160deg, #F5F7FA 0%, #F8FAFC 60%, #FFFFFF 100%); }
.pot-intro__badge {
    display: inline-block; padding: 6px 16px; border-radius: 50px;
    background: rgba(44,58,92,0.08); border: 1px solid rgba(44,58,92,0.18);
    color: var(--pot-primary); font-size: 12px; font-weight: 700;
    letter-spacing: .08em; text-transform: uppercase; margin-bottom: 24px;
}
.pot-intro__title { font-size: 36px; font-weight: 800; color: var(--pot-text); line-height: 1.15; margin-bottom: 16px; letter-spacing: -0.02em; }
.pot-intro__title span { color: var(--pot-primary); }
.pot-intro__desc { font-size: 17px; color: var(--pot-text-muted); max-width: 560px; margin: 0 auto 32px; line-height: 1.65; }
.pot-intro__desc p { margin: 0 0 14px; }
.pot-intro__desc p:last-child { margin-bottom: 0; }
.pot-intro__meta { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-bottom: 32px; }
.pot-meta-pill { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 8px; background: #fff; border: 1px solid #E2E8F0; font-size: 13px; color: var(--pot-text); font-weight: 500; box-shadow: var(--pot-shadow-sm); }
.pot-ico { width: 14px; height: 14px; vertical-align: middle; flex-shrink: 0; color: var(--pot-primary); }
.pot-user-form { display: flex; flex-direction: column; gap: 12px; max-width: 400px; margin: 0 auto 24px; text-align: left; }
.pot-intro__stats { display: flex; justify-content: center; flex-wrap: wrap; gap: 32px; margin-top: 40px; padding-top: 32px; border-top: 1px solid #E2E8F0; }
.pot-stat { text-align: center; }
.pot-stat__val   { font-size: 22px; font-weight: 800; color: var(--pot-text); }
.pot-stat__label { font-size: 13px; color: var(--pot-text-muted); margin-top: 2px; }
.pot-intro--tier { background: linear-gradient(160deg, #F5F7FA 0%, #FAFBFC 100%); }
.pot-tier-badge { display: inline-block; padding: 8px 20px; border-radius: 50px; font-size: 14px; font-weight: 700; margin-bottom: 20px; }
.pot-tier-badge--basic   { background: rgba(44,58,92,0.10); color: var(--pot-primary); border: 1px solid rgba(44,58,92,0.20); }
.pot-tier-badge--premium { background: rgba(201,164,74,0.12); color: #92620A; border: 1px solid rgba(201,164,74,0.30); }

/* ══════════════════ PROGRESS ══════════════════ */
.pot-progress { padding: 20px 48px 0; }
.pot-progress__track { height: 6px; background: #E2E8F0; border-radius: 999px; overflow: hidden; margin-bottom: 8px; }
.pot-progress__fill  { height: 100%; background: linear-gradient(90deg, var(--pot-primary), var(--pot-primary-dark)); border-radius: 999px; transition: width .4s ease; }
.pot-progress__row   { display: flex; justify-content: space-between; font-size: 13px; color: var(--pot-text-muted); }
.pot-progress__pct   { font-weight: 700; color: var(--pot-primary); }

.pot-question { padding: 32px 48px 16px; }
.pot-question__num  { font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--pot-primary); margin-bottom: 12px; }
.pot-question__text { font-size: 20px; font-weight: 600; color: var(--pot-text); line-height: 1.45; }

.pot-likert { padding: 0 48px; display: flex; flex-direction: column; gap: 8px; }
.pot-likert__opt { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-radius: 12px; border: 1.5px solid #E2E8F0; cursor: pointer; transition: all .18s; background: #fff; }
.pot-likert__opt:hover { border-color: var(--pot-primary); background: rgba(44,58,92,0.03); }
.pot-likert__opt.is-sel { border-color: var(--pot-primary); background: rgba(44,58,92,0.06); }
.pot-likert__radio { width: 18px; height: 18px; border-radius: 50%; border: 2px solid #CBD5E1; flex-shrink: 0; transition: all .18s; }
.pot-likert__opt.is-sel .pot-likert__radio { border-color: var(--pot-primary); background: var(--pot-primary); box-shadow: 0 0 0 3px rgba(44,58,92,0.15); }
.pot-likert__label { font-size: 15px; color: var(--pot-text); }
.pot-nav { padding: 20px 48px 32px; display: flex; justify-content: space-between; align-items: center; }

/* ══════════════════ TIERS ══════════════════ */
.pot-tiers { padding: 48px 32px; background: var(--pot-bg2); }
.pot-tiers__title { font-size: 28px; font-weight: 800; text-align: center; color: var(--pot-text); margin-bottom: 10px; }
.pot-tiers__sub   { text-align: center; color: var(--pot-text-muted); font-size: 16px; margin-bottom: 36px; }
.pot-tiers__grid  { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 1060px; margin: 0 auto; }
.pot-tier-card {
    background: #fff; border: 1.5px solid #E2E8F0; border-radius: 16px;
    padding: 28px 24px; display: flex; flex-direction: column; gap: 12px;
    position: relative; transition: box-shadow .2s; min-width: 0;
}
.pot-tier-card:hover { box-shadow: var(--pot-shadow); }
.pot-tier-card--featured {
    border-color: var(--pot-primary);
    box-shadow: 0 0 0 2px rgba(44,58,92,0.18), 0 8px 32px rgba(44,58,92,0.12);
    background: linear-gradient(180deg, #F5F7FA 0%, #fff 100%);
}
.pot-tier-badge--card {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    background: var(--pot-primary); color: #fff;
    padding: 4px 14px; border-radius: 50px; font-size: 12px; font-weight: 700; white-space: nowrap;
}
.pot-tier-card__name   { font-size: 16px; font-weight: 700; color: var(--pot-text); margin-top: 8px; }
.pot-tier-card__price  { display: flex; align-items: baseline; gap: 2px; }
.pot-tier-card__amount { font-size: 36px; font-weight: 800; color: var(--pot-text); }
.pot-tier-card__cur    { font-size: 18px; font-weight: 700; color: var(--pot-text-muted); }
.pot-tier-card__period { font-size: 12px; color: var(--pot-text-muted); margin-top: -8px; }
.pot-tier-card__list   { list-style: none; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.pot-tier-card__list li { display: flex; align-items: flex-start; gap: 8px; font-size: 14px; color: var(--pot-text); line-height: 1.4; overflow-wrap: break-word; word-break: break-word; }
.pot-check { width: 16px; height: 16px; color: #22C55E; flex-shrink: 0; margin-top: 2px; }

/* ══════════════════ FREE RESULTS ══════════════════ */
.pot-results--free { padding-bottom: 48px; }
.pot-archetype {
    margin: 36px 32px 0; padding: 40px 32px; text-align: center;
    background: var(--pot-primary-dark);
    border: none; border-radius: 16px;
    transition: opacity .4s, transform .4s; opacity: 0; transform: translateY(12px);
}
.pot-archetype.is-revealed { opacity: 1; transform: none; }
.pot-archetype__label { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--pot-gold); margin-bottom: 20px; }
.pot-archetype__name  { font-size: 32px; font-weight: 800; color: #fff; margin-bottom: 12px; letter-spacing: -0.01em; }
.pot-archetype__name::after { content: ''; display: block; width: 48px; height: 3px; background: var(--pot-gold); margin: 16px auto 0; border-radius: 2px; }
.pot-archetype__desc  { font-size: 16px; color: rgba(255,255,255,0.7); max-width: 420px; margin: 16px auto 0; line-height: 1.6; }
.pot-archetype--small {
    display: flex; align-items: center; gap: 12px; padding: 14px 18px; margin: 0;
    background: rgba(44,58,92,0.06); border: 1px solid rgba(44,58,92,0.12);
    border-radius: 10px; text-align: left; opacity: 1; transform: none;
}
.pot-archetype--small .pot-archetype__name { font-size: 15px; color: var(--pot-text); margin: 0; }
.pot-archetype--small .pot-archetype__name::after { display: none; }
.pot-archetype--small .pot-archetype__desc  { font-size: 13px; margin: 0; color: var(--pot-text-muted); }

.pot-radar-wrap { padding: 32px 32px 8px; text-align: center; }
.pot-radar-label { font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--pot-text-muted); margin-bottom: 20px; }
.pot-radar { display: block; margin: 0 auto; max-width: 320px; width: 100%; height: auto; }

.pot-bars { padding: 24px 32px 0; }
.pot-bar-item { margin-bottom: 20px; }
.pot-bar-item__head  { display: flex; justify-content: space-between; margin-bottom: 6px; }
.pot-bar-item__label { font-size: 14px; font-weight: 600; color: var(--pot-text); }
.pot-bar-item__pct   { font-size: 14px; font-weight: 700; color: var(--pot-primary); }
.pot-bar-item__track { height: 8px; background: #E2E8F0; border-radius: 99px; overflow: hidden; }
.pot-bar-item__fill  { height: 100%; width: 0; border-radius: 99px; transition: width 1s ease; background: var(--pot-primary); }
.pot-bar-item__desc  { font-size: 13px; color: var(--pot-text-muted); margin-top: 6px; line-height: 1.45; }

.pot-teaser { margin: 28px 32px 0; border: 1.5px solid #E2E8F0; border-radius: 16px; overflow: hidden; }
.pot-teaser__header { padding: 28px 28px 20px; }
.pot-teaser__icon   { font-size: 36px; margin-bottom: 12px; }
.pot-teaser__title  { font-size: 20px; font-weight: 700; color: var(--pot-text); margin-bottom: 8px; }
.pot-teaser__sub    { font-size: 14px; color: var(--pot-text-muted); line-height: 1.5; }
.pot-teaser__preview { position: relative; }
.pot-teaser__blur-wrap { position: relative; overflow: hidden; }
.pot-teaser__text { padding: 20px 28px; font-size: 15px; color: var(--pot-text); line-height: 1.65; }
.pot-teaser__overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.92) 45%, #fff 100%); display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding-bottom: 28px; }
.pot-teaser__unlock-hint { font-size: 14px; color: var(--pot-primary); font-weight: 700; letter-spacing: .02em; }
.pot-teaser__what-inside { padding: 16px 28px 20px; background: #F8FAFC; border-top: 1px solid #E2E8F0; }
.pot-teaser__what-title { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--pot-text-muted); margin-bottom: 10px; }
.pot-teaser__what-list { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.pot-teaser__what-list li { font-size: 13px; color: var(--pot-text); line-height: 1.4; }
.pot-teaser__cta    { padding: 24px 28px; background: #F8FAFC; border-top: 1px solid #E2E8F0; text-align: center; }
.pot-teaser__safety { font-size: 12px; color: var(--pot-text-muted); margin-top: 12px; }
.pot-upsell-price       { margin-bottom: 14px; }
.pot-upsell-price__main { font-size: 28px; font-weight: 800; color: var(--pot-text); }
.pot-upsell-price__note { font-size: 14px; color: var(--pot-text-muted); }

.pot-upsell-premium { margin: 24px 32px 0; padding: 28px; background: linear-gradient(135deg, #FFFBF0, #FFFDF5); border: 1.5px solid rgba(201,164,74,0.30); border-radius: 16px; }
.pot-upsell-premium--in-report { margin: 32px 0 0; }
.pot-upsell-premium__badge { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--pot-gold); margin-bottom: 10px; }
.pot-upsell-premium__title { font-size: 20px; font-weight: 700; color: var(--pot-text); margin-bottom: 10px; }
.pot-upsell-premium__desc  { font-size: 15px; color: var(--pot-text-muted); line-height: 1.55; margin-bottom: 14px; }
.pot-upsell-premium__list  { list-style: none; display: flex; flex-direction: column; gap: 7px; margin-bottom: 16px; }
.pot-upsell-premium__list li { font-size: 14px; color: var(--pot-text); line-height: 1.4; }
.pot-upsell-discount { background: rgba(201,164,74,0.10); border: 1px solid rgba(201,164,74,0.30); border-radius: 8px; padding: 10px 16px; font-size: 14px; font-weight: 600; color: #92620A; text-align: center; margin: 12px 0; }

/* ══════════════════ PAYMENT GATE ══════════════════ */
.pot-payment-gate { padding: 60px 48px; text-align: center; background: var(--pot-bg2); }
.pot-payment-gate__icon  { font-size: 56px; margin-bottom: 20px; }
.pot-payment-gate__title { font-size: 26px; font-weight: 800; color: var(--pot-text); margin-bottom: 10px; }
.pot-payment-gate__sub   { font-size: 16px; color: var(--pot-text-muted); margin-bottom: 28px; }
.pot-payment-gate__list  { list-style: none; max-width: 380px; margin: 0 auto 28px; text-align: left; display: flex; flex-direction: column; gap: 10px; }
.pot-payment-gate__list li { display: flex; align-items: center; gap: 10px; font-size: 15px; color: var(--pot-text); }
.pot-payment-gate__price  { margin-bottom: 20px; }
.pot-payment-gate__amount { font-size: 36px; font-weight: 800; color: var(--pot-text); }
.pot-payment-gate__once   { font-size: 15px; color: var(--pot-text-muted); }
.pot-payment-gate__note   { font-size: 13px; color: var(--pot-text-muted); margin-top: 14px; }
.pot-payment-gate__no-url { background: #FFF7ED; border: 1px solid #FED7AA; border-radius: 10px; padding: 18px 20px; margin: 20px 0; }

/* ══════════════════ SPHERE ══════════════════ */
.pot-sphere { padding: 48px 32px; text-align: center; }
.pot-sphere__icon  { font-size: 48px; margin-bottom: 16px; }
.pot-sphere__title { font-size: 26px; font-weight: 800; color: var(--pot-text); margin-bottom: 10px; }
.pot-sphere__sub   { font-size: 15px; color: var(--pot-text-muted); max-width: 460px; margin: 0 auto 32px; }
.pot-sphere__grid  { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; max-width: 560px; margin: 0 auto; }
.pot-sphere__card  { background: #fff; border: 1.5px solid #E2E8F0; border-radius: 14px; padding: 22px 18px; cursor: pointer; transition: all .2s; text-align: center; }
.pot-sphere__card:hover { border-color: var(--pot-primary); box-shadow: 0 4px 16px rgba(44,58,92,0.12); transform: translateY(-2px); }
.pot-sphere__card.is-sel { border-color: var(--pot-primary); background: rgba(44,58,92,0.04); }
.pot-sphere__card-icon { font-size: 32px; margin-bottom: 10px; }
.pot-sphere__card-name { font-size: 15px; font-weight: 700; color: var(--pot-text); margin-bottom: 4px; }
.pot-sphere__card-desc { font-size: 12px; color: var(--pot-text-muted); line-height: 1.4; }

/* ══════════════════ PAID REPORT ══════════════════ */
.pot-paid-hero {
    padding: 48px 48px 40px; text-align: center;
    background: linear-gradient(160deg, #1E2A45, #2C3A5C);
    border-bottom: 3px solid var(--pot-gold);
}
.pot-paid-hero__badge {
    display: inline-block; padding: 5px 14px; border-radius: 50px;
    background: rgba(201,164,74,0.15); border: 1px solid rgba(201,164,74,0.30);
    color: var(--pot-gold); font-size: 12px; font-weight: 700; letter-spacing: .06em;
    text-transform: uppercase; margin-bottom: 20px;
}
.pot-paid-hero__title {
    font-size: 28px; font-weight: 800; color: #fff; margin-bottom: 16px; letter-spacing: -0.01em;
}
.pot-paid-hero__archetype { margin-bottom: 4px; }
.pot-paid-hero__arch-label { font-size: 14px; color: rgba(255,255,255,0.5); }
.pot-paid-hero__arch-name { font-size: 14px; font-weight: 700; color: var(--pot-gold); }
.pot-paid-hero__arch-desc { font-size: 14px; color: rgba(255,255,255,0.5); margin-bottom: 24px; max-width: 420px; margin-left: auto; margin-right: auto; }
.pot-paid-hero .pot-radar { margin: 0 auto; }
.pot-paid-hero .pot-radar-label,
.pot-paid-hero .pot-radar-wrap .pot-radar-label { color: rgba(255,255,255,0.5); }
.pot-bars--report { padding: 36px 48px 12px; background: var(--pot-bg2); border-bottom: 1px solid #E2E8F0; }
.pot-paid-radar { padding: 24px 48px 0; }
.pot-report-content { padding: 40px 48px; font-size: 16px; line-height: 1.85; color: var(--pot-text); }
.pot-report-h2,.pot-report-content h2 { font-size: 21px; font-weight: 700; color: var(--pot-text); margin: 36px 0 16px; }
.pot-report-h3,.pot-report-content h3 { font-size: 17px; font-weight: 700; color: var(--pot-primary); margin: 28px 0 10px; border-left: 3px solid var(--pot-primary); padding-left: 12px; }
.pot-report-content ul { margin: 12px 0 20px 20px; }
.pot-report-content li { margin-bottom: 8px; line-height: 1.7; }
.pot-report-content p { margin-bottom: 16px; }
.pot-report-intro { background: #F5F7FA; border: 1px solid rgba(44,58,92,0.12); border-radius: 14px; padding: 24px 28px; margin-bottom: 12px; font-size: 16px; line-height: 1.8; color: var(--pot-text); }
.pot-report-mirror { font-style: italic; color: var(--pot-text-muted); background: rgba(44,58,92,0.03); border-left: 3px solid var(--pot-primary); border-radius: 0 6px 6px 0; padding: 14px 18px; margin: 20px 0; line-height: 1.75; }
.pot-report-insight { text-align: center; font-size: 17px; font-weight: 600; color: var(--pot-primary); margin: 24px 0 28px; font-style: italic; padding: 18px 24px; background: rgba(44,58,92,0.03); border-radius: 12px; line-height: 1.6; }
.pot-report-holds-back { background: #FFF5F5; border: 1px solid rgba(239,68,68,0.2); border-radius: 14px; padding: 20px 24px; color: var(--pot-text); margin: 16px 0; line-height: 1.75; }
.pot-report-breakthrough { background: #FFFBF0; border: 1px solid rgba(201,164,74,0.25); border-radius: 14px; padding: 20px 24px; color: var(--pot-text); margin: 16px 0; line-height: 1.75; }
.pot-report-practices { list-style: none; display: flex; flex-direction: column; gap: 12px; margin: 14px 0 12px; }
.pot-report-practices li { background: #F8FAFC; border-radius: 10px; padding: 14px 18px; font-size: 15px; line-height: 1.65; border-left: 3px solid var(--pot-primary); color: var(--pot-text); }
.pot-coaching-cta { margin: 28px 32px; padding: 40px 32px; background: var(--pot-primary-dark); border-radius: 16px; text-align: center; }
.pot-coaching-cta__line { width: 48px; height: 3px; background: var(--pot-gold); margin: 0 auto 20px; border-radius: 2px; }
.pot-coaching-cta__title { font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 10px; }
.pot-coaching-cta__desc  { font-size: 15px; color: rgba(255,255,255,0.6); line-height: 1.55; margin-bottom: 20px; max-width: 420px; margin-left: auto; margin-right: auto; }
.pot-results__footer { padding: 24px 48px 40px; text-align: center; }

/* ══════════════════ UPSELL CARDS (after free results) ══════════════════ */
.pot-upsell-section { padding: 48px 32px; background: var(--pot-bg2); margin-top: 32px; border-top: 1px solid #E2E8F0; }
.pot-upsell-section__title { font-size: 26px; font-weight: 800; text-align: center; color: var(--pot-text); margin-bottom: 8px; }
.pot-upsell-section__sub { text-align: center; color: var(--pot-text-muted); font-size: 15px; margin-bottom: 32px; max-width: 480px; margin-left: auto; margin-right: auto; }
.pot-upsell-section__safety { text-align: center; font-size: 13px; color: var(--pot-text-muted); margin-top: 24px; }
.pot-upsell-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; max-width: 720px; margin: 0 auto; }
.pot-upsell-card {
    background: #fff; border: 1.5px solid #E2E8F0; border-radius: 16px;
    padding: 28px 24px; display: flex; flex-direction: column; gap: 12px;
    position: relative; transition: box-shadow .2s; min-width: 0;
}
.pot-upsell-card:hover { box-shadow: var(--pot-shadow); }
.pot-upsell-card--featured {
    border-color: var(--pot-primary);
    box-shadow: 0 0 0 2px rgba(44,58,92,0.18), 0 8px 32px rgba(44,58,92,0.12);
}
.pot-upsell-card__badge {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    background: var(--pot-primary); color: #fff;
    padding: 4px 14px; border-radius: 50px; font-size: 12px; font-weight: 700; white-space: nowrap;
}
.pot-upsell-card__name { font-size: 16px; font-weight: 700; color: var(--pot-text); margin-top: 4px; }
.pot-upsell-card--featured .pot-upsell-card__name { margin-top: 10px; }
.pot-upsell-card__price { display: flex; align-items: baseline; gap: 2px; }
.pot-upsell-card__amount { font-size: 36px; font-weight: 800; color: var(--pot-text); }
.pot-upsell-card__cur { font-size: 18px; font-weight: 700; color: var(--pot-text-muted); }
.pot-upsell-card__period { font-size: 12px; color: var(--pot-text-muted); margin-top: -8px; }
.pot-upsell-card__eyebrow { font-size: 11px; line-height: 1.3; font-weight: 800; letter-spacing: .08em; color: var(--pot-primary); margin-bottom: -4px; }
.pot-upsell-card__promise { margin: 2px 0 6px; font-size: 14px; line-height: 1.58; color: var(--pot-text); }
.pot-upsell-card__benefits { display: flex; flex-direction: column; gap: 14px; flex: 1; margin: 4px 0 6px; }
.pot-upsell-benefit { padding-top: 13px; border-top: 1px solid #E8EDF3; }
.pot-upsell-benefit:first-child { padding-top: 0; border-top: 0; }
.pot-upsell-benefit strong { display: block; font-size: 14px; line-height: 1.35; color: var(--pot-text); margin-bottom: 4px; }
.pot-upsell-benefit span { display: block; font-size: 13px; line-height: 1.5; color: var(--pot-text-muted); }
.pot-upsell-card__outcome { margin-top: 2px; padding: 13px 14px; border-radius: 10px; background: #F6F8FB; color: var(--pot-text); font-size: 13px; line-height: 1.5; }
.pot-upsell-card__outcome strong { color: var(--pot-primary); }
.pot-upsell-card__outcome--featured { background: rgba(44,58,92,0.07); border: 1px solid rgba(44,58,92,0.10); }
.pot-upsell-card__list { list-style: none; display: flex; flex-direction: column; gap: 8px; flex: 1; padding: 0; margin: 0; }
.pot-upsell-card__list li { display: flex; align-items: flex-start; gap: 8px; font-size: 14px; color: var(--pot-text); line-height: 1.4; overflow-wrap: break-word; word-break: break-word; }

.pot-upsell-section--solo { padding: 24px 32px 48px; display: flex; justify-content: center; }
.pot-upsell-card--solo { max-width: 480px; width: 100%; }
.pot-teaser--premium { margin: 32px 32px 0; }

/* ══════════════════ LOADING ══════════════════ */
.pot-loading { padding: 80px 32px; text-align: center; background: var(--pot-bg2); }
.pot-loading__msg { font-size: 16px; color: var(--pot-text-muted); margin-top: 20px; font-weight: 500; }
.pot-spinner { position: relative; width: 56px; height: 56px; margin: 0 auto; }
.pot-spinner__ring { width: 56px; height: 56px; border-radius: 50%; border: 3px solid #E2E8F0; border-top-color: var(--pot-primary); animation: pot-spin .9s linear infinite; }
.pot-spinner__dot  { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 10px; height: 10px; border-radius: 50%; background: var(--pot-primary); animation: pot-pulse 1.2s ease-in-out infinite; }
@keyframes pot-spin  { to { transform: rotate(360deg); } }
@keyframes pot-pulse { 0%,100% { transform: translate(-50%,-50%) scale(1); } 50% { transform: translate(-50%,-50%) scale(1.4); } }
.pot-error { padding: 60px 32px; text-align: center; }
.pot-error__icon { font-size: 48px; margin-bottom: 16px; }
.pot-error__msg  { font-size: 16px; color: var(--pot-text-muted); margin-bottom: 24px; }

/* ══════════════════ PRICING SHORTCODE ══════════════════ */
.pot-pricing-block { max-width: 1100px; margin: 0 auto; border-radius: 0; box-shadow: none; }

/* ══════════════════ RESUME BANNER ══════════════════ */
.pot-resume { padding: 24px 32px; background: #F0FDF4; border: 1.5px solid #BBF7D0; border-radius: 14px; margin: 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.pot-resume__text { font-size: 15px; color: #166534; font-weight: 500; }
.pot-resume__btns { display: flex; gap: 10px; flex-wrap: wrap; }

/* ══════════════════ RESPONSIVE ══════════════════ */
@media (max-width: 960px) {
    .pot-tiers__grid { grid-template-columns: 1fr; max-width: 420px; }
    .pot-upsell-grid { grid-template-columns: 1fr; max-width: 420px; }
}
@media (max-width: 600px) {
    .pot-intro { padding: 40px 20px; }
    .pot-intro__title { font-size: 26px; }
    .pot-question { padding: 24px 16px 12px; }
    .pot-question__text { font-size: 18px; }
    .pot-likert { padding: 0 16px; }
    .pot-nav { padding: 16px 16px 24px; }
    .pot-progress { padding: 16px 16px 0; }
    .pot-tiers { padding: 32px 16px; }
    .pot-archetype { margin: 24px 16px 0; padding: 24px 16px; }
    .pot-bars { padding: 8px 16px 0; }
    .pot-teaser { margin: 24px 16px 0; }
    .pot-teaser__header,.pot-teaser__cta { padding: 20px 18px; }
    .pot-teaser__what-list { grid-template-columns: 1fr; }
    .pot-upsell-premium { margin: 20px 16px 0; padding: 22px 18px; }
    .pot-report-content { padding: 28px 20px; }
    .pot-payment-gate { padding: 40px 20px; }
    .pot-sphere__grid { grid-template-columns: 1fr 1fr; }
    .pot-coaching-cta { margin: 24px 16px; padding: 24px 18px; }
    .pot-results__footer { padding: 20px 16px 32px; }
    .pot-paid-hero { padding: 32px 20px; }
    .pot-paid-hero__title { font-size: 22px; }
    .pot-bars--report { padding: 24px 16px 4px; }
    .pot-tiers__title { font-size: 22px; }
    .pot-radar-wrap { padding: 20px 16px; }
    .pot-paid-radar { padding: 0 16px; }
    .pot-resume { padding: 18px 16px; flex-direction: column; }
    .pot-report-archetype { padding: 20px 16px; }
    .pot-report-archetype__emoji { font-size: 40px; }
    .pot-report-archetype__name { font-size: 20px; }
    .pot-report-bars { padding: 0 16px; }
}

/* ═══════════════════════════════════════
   PHP-ОТЧЁТ: блок free (архетип + радар + бары)
═══════════════════════════════════════ */
.pot-report-archetype { text-align: center; padding: 28px 24px 20px; }
.pot-report-archetype__emoji { font-size: 52px; margin-bottom: 8px; }
.pot-report-archetype__name { font-size: 24px; font-weight: 700; color: var(--pot-gold); margin-bottom: 6px; }
.pot-report-archetype__desc { font-size: 15px; color: var(--pot-text-muted, #64748b); max-width: 400px; margin: 0 auto; }
.pot-report-radar { text-align: center; padding: 16px 24px 24px; }
.pot-report-radar__label { font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--pot-text-muted, #64748b); margin-bottom: 12px; }
.pot-report-bars { display: flex; flex-direction: column; gap: 16px; padding: 0 24px 24px; }
.pot-report-bar__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
.pot-report-bar__label { font-size: 14px; font-weight: 600; color: var(--pot-text, #1e293b); }
.pot-report-bar__pct { font-size: 14px; font-weight: 700; color: var(--pot-primary); }
.pot-report-bar__track { height: 8px; background: #f1f5f9; border-radius: 4px; overflow: hidden; }
.pot-report-bar__fill { height: 100%; border-radius: 4px; transition: width 0.6s ease; background: var(--pot-primary); }
.pot-report-bar__desc { font-size: 13px; color: var(--pot-text-muted, #64748b); margin: 6px 0 0; line-height: 1.5; }
.pot-report-divider { border: none; border-top: 2px solid #e2e8f0; margin: 40px 24px; }
.pot-results__footer { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

/* Print styles for clean PDF */
@media print {
    body * { visibility: hidden; }
    .pot-results, .pot-results * { visibility: visible; }
    .pot-results { position: absolute; left: 0; top: 0; width: 100%; }
    .pot-results__footer,
    .pot-upsell-premium,
    .pot-coaching-cta,
    .pot-teaser { display: none !important; }
    .pot-report-content { padding: 0; }
    .pot-paid-hero { background: none; color: #000; border-bottom-color: #000; }
    .pot-paid-hero__badge,
    .pot-paid-hero__title { color: #000 !important; }
    .pot-paid-hero__arch-label,
    .pot-paid-hero__arch-name,
    .pot-paid-hero__arch-desc { color: #333 !important; }
}
/* ══════════════════ REPORT V2 ══════════════════ */
.pot-report-summary {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 20px 0 28px;
}
.pot-report-summary__item {
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 18px 20px;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
    border-left: 4px solid var(--pot-primary);
}
.pot-report-summary__item:nth-child(2) { border-left-color: var(--pot-gold); }
.pot-report-summary__item:nth-child(3) { border-left-color: #22C55E; }
.pot-report-summary__item strong {
    display: block;
    font-size: 16px;
    color: var(--pot-text);
    line-height: 1.6;
}
.pot-report-summary__label {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--pot-text-muted);
    margin-bottom: 8px;
}
.pot-report-lead {
    font-size: 17px;
    line-height: 1.85;
    color: var(--pot-text);
    margin-bottom: 12px;
}
.pot-report-callout {
    border-radius: 16px;
    padding: 22px 24px;
    line-height: 1.8;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    margin: 16px 0;
    font-size: 15px;
}
.pot-report-callout--accent {
    background: linear-gradient(180deg, #f8fafc, #eef2ff);
    border-color: rgba(44,58,92,0.14);
}
.pot-report-callout--premium {
    background: linear-gradient(180deg, #fffaf0, #fef3c7);
    border-color: rgba(201,164,74,0.35);
    border-left: 4px solid var(--pot-gold);
}
.pot-report-recognition {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 12px 0 20px;
    padding: 0;
}
.pot-report-recognition li {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 12px 14px;
    color: var(--pot-text);
    line-height: 1.6;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.03);
}
/* summary is already vertical */


/* ══════════════════ REPORT V3 ══════════════════ */
.pot-report-recognition-wrap {
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    padding: 22px 22px 12px;
    margin: 14px 0 28px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
}
.pot-report-recognition-intro {
    font-size: 15px;
    color: var(--pot-text-muted);
    line-height: 1.7;
    margin: 0 0 14px;
}
.pot-report-recognition li {
    position: relative;
    padding: 15px 16px 15px 46px;
    font-size: 15px;
    line-height: 1.7;
}
.pot-report-recognition li::before {
    content: '•';
    position: absolute;
    left: 16px;
    top: 12px;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: rgba(44,58,92,0.08);
    color: var(--pot-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    line-height: 1;
}
.pot-report-breakthrough--focus strong {
    display: inline-block;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: 11px;
    color: #92620A;
}

/* ══════════════════ PREMIUM EXCLUSIVE ══════════════════ */
.pot-premium-divider {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 40px 0 0;
    padding: 0 24px;
}
.pot-premium-divider__line {
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--pot-gold), transparent);
}
.pot-premium-divider__badge {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    color: var(--pot-gold);
    white-space: nowrap;
}

.pot-premium-header {
    text-align: center;
    padding: 32px 24px 28px;
}
.pot-premium-header__icon {
    font-size: 40px;
    margin-bottom: 12px;
}
.pot-premium-header__title {
    font-size: 24px;
    font-weight: 800;
    color: var(--pot-text);
    margin-bottom: 8px;
}
.pot-premium-header__sphere {
    font-size: 15px;
    font-weight: 700;
    color: var(--pot-gold);
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 16px;
}
.pot-premium-header__desc {
    font-size: 15px;
    color: var(--pot-text-muted);
    line-height: 1.7;
    max-width: 520px;
    margin: 0 auto;
}

.pot-premium-superpower {
    background: linear-gradient(135deg, #FFFBF0, #FEF3C7);
    border: 1.5px solid rgba(201,164,74,0.30);
    border-left: 4px solid var(--pot-gold);
    border-radius: 16px;
    padding: 22px 24px;
    margin: 16px 0 28px;
    box-shadow: 0 8px 24px rgba(201,164,74,0.08);
}
.pot-premium-superpower__label {
    display: inline-block;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--pot-gold);
    margin-bottom: 10px;
}
.pot-premium-superpower__text {
    margin: 0;
    font-size: 16px;
    line-height: 1.75;
    color: var(--pot-text);
}

.pot-plan-header {
    text-align: center;
    padding: 36px 24px 28px;
    margin-top: 20px;
    background: linear-gradient(180deg, #F5F7FA 0%, transparent 100%);
    border-top: 1px solid #e2e8f0;
    border-radius: 18px 18px 0 0;
}
.pot-plan-header__title {
    font-size: 22px;
    font-weight: 800;
    color: var(--pot-text);
    margin-bottom: 8px;
}
.pot-plan-header__desc {
    font-size: 15px;
    color: var(--pot-text-muted);
    line-height: 1.7;
    max-width: 480px;
    margin: 0 auto 24px;
}
.pot-plan-header__progress {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin-bottom: 10px;
}
.pot-plan-header__dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 3px solid var(--pot-primary);
    background: #fff;
}
.pot-plan-header__dot--1 { background: var(--pot-primary); }
.pot-plan-header__dot--2 { border-color: var(--pot-gold); background: var(--pot-gold); }
.pot-plan-header__dot--3 { border-color: #22C55E; background: #22C55E; }
.pot-plan-header__connector {
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, var(--pot-primary), var(--pot-gold));
}
.pot-plan-header__connector:last-of-type {
    background: linear-gradient(90deg, var(--pot-gold), #22C55E);
}
.pot-plan-header__labels {
    display: flex;
    justify-content: center;
    gap: 48px;
    font-size: 12px;
    font-weight: 700;
    color: var(--pot-text-muted);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.pot-practice-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    min-width: 22px;
    border-radius: 50%;
    background: var(--pot-primary);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    margin-right: 10px;
    vertical-align: middle;
}

.pot-premium-tipping {
    background: linear-gradient(180deg, #FFFBF0, #FEF3C7);
    border: 1.5px solid rgba(201,164,74,0.30);
    border-left: 5px solid var(--pot-gold);
    border-radius: 18px;
    padding: 24px 24px 22px;
    margin: 24px 0;
    text-align: left;
    box-shadow: 0 8px 24px rgba(201,164,74,0.08);
    position: relative;
}
.pot-premium-tipping__icon {
    position: absolute;
    top: -14px;
    left: 20px;
    font-size: 24px;
    background: #FEF3C7;
    padding: 2px 6px;
    border-radius: 8px;
    border: 1.5px solid rgba(201,164,74,0.25);
}
.pot-premium-tipping__title {
    font-size: 17px;
    font-weight: 800;
    color: #92620A;
    margin: 4px 0 4px;
}
.pot-premium-tipping__sub {
    font-size: 13px;
    color: #b45309;
    margin-bottom: 12px;
    line-height: 1.5;
    font-weight: 500;
}
.pot-premium-tipping__body {
    font-size: 15px;
    color: var(--pot-text);
    line-height: 1.8;
    margin: 0;
}

.pot-premium-outcome {
    background: linear-gradient(180deg, #F5F7FA, #FFFFFF);
    border: 1.5px solid #e2e8f0;
    border-radius: 18px;
    padding: 28px 24px;
    margin: 24px 0 12px;
    box-shadow: 0 10px 28px rgba(15,23,42,0.04);
}
.pot-premium-outcome__title {
    font-size: 18px;
    font-weight: 700;
    color: var(--pot-text);
    margin-bottom: 12px;
}
.pot-premium-outcome__body {
    font-size: 16px;
    line-height: 1.85;
    color: var(--pot-text);
    margin: 0;
}

@media (max-width: 600px) {
    .pot-premium-header { padding: 24px 16px 20px; }
    .pot-premium-header__title { font-size: 20px; }
    .pot-plan-header { padding: 28px 16px 20px; }
    .pot-plan-header__labels { gap: 24px; font-size: 11px; }
    .pot-plan-header__connector { width: 36px; }
    .pot-premium-tipping { padding: 22px 18px 20px; margin: 20px 0; }
    .pot-premium-divider { margin: 28px 0 0; }
}

/* ── Other spheres teaser ── */
.pot-other-spheres {
    margin: 28px 0 8px;
    padding: 24px 24px 20px;
    background: linear-gradient(180deg, #F5F7FA, #FAFBFC);
    border: 1px solid #e2e8f0;
    border-radius: 18px;
}
.pot-other-spheres__title {
    font-size: 17px;
    font-weight: 700;
    color: var(--pot-text);
    margin-bottom: 8px;
}
.pot-other-spheres__desc {
    font-size: 14px;
    color: var(--pot-text-muted);
    line-height: 1.65;
    margin-bottom: 18px;
}
.pot-other-spheres__grid {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.pot-other-spheres__card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(15,23,42,0.03);
}
.pot-other-spheres__icon {
    font-size: 20px;
    flex-shrink: 0;
    margin-top: 1px;
}
.pot-other-spheres__name {
    font-size: 14px;
    font-weight: 700;
    color: var(--pot-text);
    display: block;
    margin-bottom: 3px;
}
.pot-other-spheres__hint {
    font-size: 13px;
    color: var(--pot-text-muted);
    line-height: 1.55;
    margin: 0;
}
/* ── Premium depth separator ── */
.pot-report-content .pot-report-h2:first-of-type { margin-top: 8px; }
.pot-results--premium .pot-report-content { padding-top: 48px; }
.pot-results--premium .pot-report-callout--premium { 
    box-shadow: 0 8px 24px rgba(201,164,74,0.10);
}
.pot-results--premium .pot-report-h2 {
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(44,58,92,0.08);
}
.pot-report-anti {
    background: linear-gradient(180deg, #fff7ed, #fff1f2);
    border: 1px solid rgba(239,68,68,0.22);
    border-radius: 18px;
    padding: 22px 24px;
    margin: 12px 0 28px;
    box-shadow: 0 10px 24px rgba(239,68,68,0.06);
}
.pot-report-anti__label {
    display: inline-block;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #b45309;
    margin-bottom: 10px;
}
.pot-report-anti__body {
    margin: 0;
    line-height: 1.8;
    color: var(--pot-text);
    font-size: 15px;
}
.pot-report-timeline {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 24px 0 28px;
    position: relative;
}
/* vertical connector line */
.pot-report-timeline::before {
    content: '';
    position: absolute;
    left: 28px;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, var(--pot-primary) 0%, var(--pot-gold) 50%, #22C55E 100%);
    border-radius: 3px;
    opacity: 0.25;
}
.pot-report-phase {
    position: relative;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    padding: 24px 24px 20px 64px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
    margin-bottom: 20px;
    transition: box-shadow .2s;
}
.pot-report-phase:last-child { margin-bottom: 0; }
.pot-report-phase:hover { box-shadow: 0 14px 36px rgba(15, 23, 42, 0.08); }
/* step circle on the line */
.pot-report-phase__step {
    position: absolute;
    left: 14px;
    top: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--pot-primary);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
    box-shadow: 0 2px 8px rgba(44,58,92,0.25);
    z-index: 1;
}
.pot-report-phase:nth-child(2) .pot-report-phase__step { background: var(--pot-gold); color: #1E2A45; }
.pot-report-phase:nth-child(3) .pot-report-phase__step { background: #22C55E; color: #fff; }
.pot-report-phase__title {
    margin-top: 0 !important;
    font-size: 18px !important;
}
.pot-report-phase__goal {
    margin: 8px 0 14px;
    color: var(--pot-text);
    line-height: 1.75;
    font-size: 15px;
}
.pot-report-phase .pot-report-practices {
    margin-bottom: 14px;
}
.pot-report-phase__insight {
    margin: 0;
    text-align: left;
    font-size: 14px;
    font-style: italic;
    color: var(--pot-text-muted);
    padding-top: 10px;
    border-top: 1px solid #e2e8f0;
}
@media (max-width: 600px) {
    .pot-report-timeline::before { left: 22px; }
    .pot-report-phase { padding-left: 54px; }
    .pot-report-phase__step { left: 8px; width: 28px; height: 28px; font-size: 12px; }
}
/* ═══════════════════════════════════════
   Free results — драматургия (v3.11)
═══════════════════════════════════════ */
/* ── Погружение ── */
.pot-immerse { margin: 0 32px 8px; padding: 28px 0 4px; text-align: left; }
.pot-immerse__kicker { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--pot-gold); margin-bottom: 14px; }
.pot-immerse__title { font-size: 26px; line-height: 1.25; font-weight: 800; color: var(--pot-text); letter-spacing: -0.01em; margin-bottom: 18px; }
.pot-immerse__lead { font-size: 16px; line-height: 1.7; color: var(--pot-text-muted); margin-bottom: 14px; }
.pot-immerse__promise { margin-top: 22px; padding: 22px 24px; background: var(--pot-surface); border: 1px solid var(--pot-border); border-radius: var(--pot-radius); }
.pot-immerse__promise > p { font-size: 15px; color: var(--pot-text); margin-bottom: 12px; }
.pot-immerse__promise ul { list-style: none; margin: 0 0 4px; padding: 0; }
.pot-immerse__promise li { position: relative; padding-left: 22px; font-size: 15px; line-height: 1.6; color: var(--pot-text); margin-bottom: 10px; }
.pot-immerse__promise li::before { content: ''; position: absolute; left: 2px; top: 9px; width: 6px; height: 6px; border-radius: 50%; background: var(--pot-gold); }
.pot-immerse__close { font-size: 16px !important; font-weight: 600; color: var(--pot-primary) !important; margin: 16px 0 0 !important; }

/* ── Section label ── */
.pot-section-label { margin: 30px 32px 12px; }
.pot-section-label__t { display: block; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--pot-gold); margin-bottom: 4px; }
.pot-section-label__s { display: block; font-size: 14px; color: var(--pot-text-muted); line-height: 1.5; }

/* ── Диагноз-петля ── */
.pot-dx { margin: 30px 32px 0; display: flex; flex-direction: column; gap: 16px; }
.pot-dx__block { padding: 22px 24px; border: 1px solid var(--pot-border); border-radius: var(--pot-radius); background: #fff; box-shadow: var(--pot-shadow-sm); }
.pot-dx__block p { font-size: 15px; line-height: 1.7; color: var(--pot-text); margin: 0; }
.pot-dx__block p + p { margin-top: 12px; }
.pot-dx__eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--pot-primary); margin-bottom: 10px; }
.pot-dx__block--trap { background: var(--pot-primary); border-color: var(--pot-primary); }
.pot-dx__block--trap p { color: rgba(255,255,255,0.92); }
.pot-dx__eyebrow--trap { color: var(--pot-gold-light); }
.pot-dx__cut { padding: 6px 24px 0; text-align: center; }
.pot-dx__cut p { font-size: 15px; color: var(--pot-text-muted); line-height: 1.65; margin: 0 0 8px; }
.pot-dx__cut-strong { font-size: 16px !important; font-weight: 600; color: var(--pot-text) !important; }

@media (max-width: 560px) {
    .pot-immerse, .pot-section-label, .pot-dx { margin-left: 18px; margin-right: 18px; }
    .pot-immerse__title { font-size: 22px; }
    .pot-dx__cut { padding-left: 0; padding-right: 0; }
}
/* v3.13 — optional contact invitation on per-test intro */
.pot-user-form-wrap{margin:24px auto 18px;max-width:620px;text-align:left}
.pot-user-form__lead{margin:0 0 10px;text-align:center;color:var(--pot-muted,#667085);font-size:14px;line-height:1.5}
.pot-user-form__note{margin:8px 0 0;text-align:center;color:var(--pot-muted,#98a2b3);font-size:12px;line-height:1.4}

/* ═══════════════════════════════════════════════════════════════
   3.15 — Extended response profile (free report)
   ═══════════════════════════════════════════════════════════════ */
.pot-xprofile{margin:56px 0 24px;padding:0}
.pot-xprofile__head{max-width:780px;margin:0 auto 28px;text-align:center}
.pot-xprofile__eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;opacity:.55;margin-bottom:10px}
.pot-xprofile__title{font-size:clamp(28px,4vw,44px);line-height:1.08;margin:0 0 14px;letter-spacing:-.025em}
.pot-xprofile__lead{font-size:17px;line-height:1.65;opacity:.76;margin:0}
.pot-xtraits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:28px 0 42px}
.pot-xtrait{position:relative;padding:22px;border:1px solid rgba(20,25,35,.09);border-radius:20px;background:rgba(255,255,255,.84);box-shadow:0 10px 30px rgba(22,30,45,.05);overflow:hidden}
.pot-xtrait:first-child{grid-column:span 2;padding:28px;background:linear-gradient(145deg,#171c2a,#252e43);color:#fff}
.pot-xtrait__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.pot-xtrait__num{font-size:12px;font-weight:800;letter-spacing:.12em;opacity:.42}
.pot-xtrait__group{font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.08em;opacity:.5}
.pot-xtrait__name{font-size:20px;line-height:1.15;margin:0 0 7px}
.pot-xtrait:first-child .pot-xtrait__name{font-size:27px}
.pot-xtrait__level{display:inline-flex;font-size:12px;font-weight:800;padding:6px 9px;border-radius:999px;background:rgba(20,25,35,.055);margin-bottom:14px}
.pot-xtrait:first-child .pot-xtrait__level{background:rgba(255,255,255,.11)}
.pot-xtrait__track{height:6px;border-radius:999px;background:rgba(20,25,35,.08);overflow:hidden;margin-bottom:15px}
.pot-xtrait:first-child .pot-xtrait__track{background:rgba(255,255,255,.12)}
.pot-xtrait__fill{display:block;height:100%;border-radius:inherit;background:currentColor;opacity:.62}
.pot-xtrait__text{font-size:14px;line-height:1.55;opacity:.72;margin:0}
.pot-xtrait:first-child .pot-xtrait__text{font-size:15px;opacity:.78;max-width:760px}
.pot-xsection-title{font-size:24px;font-weight:800;line-height:1.15;margin:0 0 8px;letter-spacing:-.015em}
.pot-xsection-sub{font-size:15px;line-height:1.55;opacity:.62;margin:0 0 18px}
.pot-xpatterns{margin:12px 0 34px}
.pot-xpattern{padding:24px 26px;margin:12px 0;border-radius:20px;border:1px solid rgba(20,25,35,.09);background:#fff;position:relative}
.pot-xpattern--strength{background:linear-gradient(145deg,rgba(229,248,240,.88),rgba(255,255,255,.98))}
.pot-xpattern--tension{background:linear-gradient(145deg,rgba(255,244,231,.92),rgba(255,255,255,.98))}
.pot-xpattern__index{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;opacity:.46;margin-bottom:8px}
.pot-xpattern__title{font-size:22px;line-height:1.18;margin:0 0 10px}
.pot-xpattern__text{font-size:15px;line-height:1.65;margin:0;max-width:900px;opacity:.82}
.pot-xpattern__signals{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.pot-xpattern__signals span{font-size:11px;font-weight:750;padding:6px 9px;border-radius:999px;background:rgba(20,25,35,.055)}
.pot-xconflict{margin:34px 0;padding:30px;border-radius:24px;background:#171c2a;color:#fff;box-shadow:0 18px 50px rgba(20,25,35,.13)}
.pot-xconflict__kicker{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;opacity:.5;margin-bottom:10px}
.pot-xconflict__title{font-size:clamp(24px,3vw,34px);line-height:1.12;margin:0 0 12px;max-width:800px}
.pot-xconflict__text{font-size:16px;line-height:1.65;opacity:.78;margin:0;max-width:900px}
.pot-xduo{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0 38px}
.pot-xduo__card{padding:26px;border-radius:20px;border:1px solid rgba(20,25,35,.08)}
.pot-xduo__card--resource{background:rgba(233,248,240,.7)}
.pot-xduo__card--risk{background:rgba(255,240,232,.72)}
.pot-xduo__label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:850;opacity:.55;margin-bottom:8px}
.pot-xduo__card h3{font-size:20px;line-height:1.2;margin:0 0 9px}
.pot-xduo__card p{font-size:14px;line-height:1.6;margin:0;opacity:.76}
.pot-xcontexts{margin:34px 0}
.pot-xcontexts__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.pot-xcontext{padding:22px;border:1px solid rgba(20,25,35,.08);border-radius:18px;background:#fff}
.pot-xcontext__label{font-size:13px;font-weight:850;margin-bottom:9px}
.pot-xcontext p{font-size:14px;line-height:1.58;margin:0;opacity:.75}
.pot-xprofile__note{font-size:12px;line-height:1.5;opacity:.46;max-width:760px;margin:24px auto 0;text-align:center}
.pot-immerse--new .pot-immerse__lead{max-width:760px}

@media (max-width:720px){
  .pot-xprofile{margin-top:42px}
  .pot-xtraits{grid-template-columns:1fr}
  .pot-xtrait:first-child{grid-column:auto;padding:22px}
  .pot-xtrait:first-child .pot-xtrait__name{font-size:23px}
  .pot-xduo,.pot-xcontexts__grid{grid-template-columns:1fr}
  .pot-xconflict{padding:24px 20px}
  .pot-xpattern{padding:21px 19px}
}

/* ═══════════════════════════════════════════════════════════════
   3.15.1 — Detailed OCEAN factor interpretation (free report)
   ═══════════════════════════════════════════════════════════════ */
.pot-ocean-deep{margin:46px 32px 22px}
.pot-ocean-deep__head{max-width:780px;margin:0 auto 26px;text-align:center}
.pot-ocean-deep__eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--pot-gold);margin-bottom:9px}
.pot-ocean-deep__title{font-size:clamp(27px,4vw,38px);line-height:1.12;color:var(--pot-text);letter-spacing:-.025em;margin:0 0 12px}
.pot-ocean-deep__lead{font-size:16px;line-height:1.68;color:var(--pot-text-muted);margin:0}
.pot-ocean-deep__grid{display:flex;flex-direction:column;gap:18px}
.pot-ocean-factor{--pot-factor-color:var(--pot-primary);padding:28px;border:1px solid rgba(44,58,92,.13);border-radius:20px;background:#fff;box-shadow:0 8px 28px rgba(30,42,69,.055);position:relative;overflow:hidden}
.pot-ocean-factor::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--pot-factor-color);opacity:.78}
.pot-ocean-factor__top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}
.pot-ocean-factor__name{font-size:13px;line-height:1.2;text-transform:uppercase;letter-spacing:.09em;font-weight:850;color:var(--pot-factor-color);margin-bottom:5px}
.pot-ocean-factor__level{font-size:13px;color:var(--pot-text-muted)}
.pot-ocean-factor__score{font-size:34px;line-height:1;font-weight:850;letter-spacing:-.035em;color:var(--pot-text);white-space:nowrap}
.pot-ocean-factor__track{height:7px;border-radius:999px;background:rgba(44,58,92,.08);overflow:hidden;margin-bottom:22px}
.pot-ocean-factor__fill{display:block;height:100%;border-radius:inherit;background:var(--pot-factor-color);opacity:.78}
.pot-ocean-factor__headline{font-size:22px;line-height:1.27;color:var(--pot-text);margin:0 0 11px;max-width:820px;letter-spacing:-.012em}
.pot-ocean-factor__body{font-size:15px;line-height:1.72;color:var(--pot-text);margin:0;max-width:900px}
.pot-ocean-factor__duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.pot-ocean-factor__mini{padding:17px 18px;border-radius:14px;border:1px solid rgba(44,58,92,.09)}
.pot-ocean-factor__mini--strength{background:rgba(233,248,240,.62)}
.pot-ocean-factor__mini--watch{background:rgba(255,246,232,.7)}
.pot-ocean-factor__mini-label{font-size:10px;line-height:1.2;text-transform:uppercase;letter-spacing:.1em;font-weight:850;color:var(--pot-text-muted);margin-bottom:7px}
.pot-ocean-factor__mini p{font-size:13px;line-height:1.58;color:var(--pot-text);margin:0}
.pot-ocean-factor__evidence{margin-top:18px;padding-top:17px;border-top:1px solid rgba(44,58,92,.1)}
.pot-ocean-factor__evidence-label{font-size:12px;font-weight:800;color:var(--pot-text);margin-bottom:10px}
.pot-ocean-factor__evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pot-ocean-factor__evidence-item{padding:14px 15px;border-radius:12px;background:rgba(44,58,92,.035)}
.pot-ocean-factor__evidence-name{font-size:13px;font-weight:800;color:var(--pot-text);margin-bottom:2px}
.pot-ocean-factor__evidence-level{font-size:11px;font-weight:750;color:var(--pot-factor-color);margin-bottom:6px}
.pot-ocean-factor__evidence-item p,.pot-ocean-factor__evidence-empty{font-size:12px;line-height:1.5;color:var(--pot-text-muted);margin:0}

/* Dark cards: never inherit navy/blue headings from global report rules. */
.pot-xtrait:first-child .pot-xtrait__name,
.pot-xtrait:first-child .pot-xtrait__group,
.pot-xtrait:first-child .pot-xtrait__num,
.pot-xtrait:first-child .pot-xtrait__level,
.pot-xtrait:first-child .pot-xtrait__text{color:#fff!important}
.pot-xconflict .pot-xconflict__kicker{color:var(--pot-gold-light)!important;opacity:.88}
.pot-xconflict .pot-xconflict__title{color:#fff!important}
.pot-xconflict .pot-xconflict__text{color:rgba(255,255,255,.82)!important}

@media (max-width:720px){
  .pot-ocean-deep{margin:38px 18px 18px}
  .pot-ocean-factor{padding:22px 18px}
  .pot-ocean-factor__score{font-size:30px}
  .pot-ocean-factor__headline{font-size:20px}
  .pot-ocean-factor__duo,.pot-ocean-factor__evidence-grid{grid-template-columns:1fr}
}

/* ═══════════════════════════════════════════════════════════════
   3.16 — Paid Basic report: two entry scenarios + full matrix
   ═══════════════════════════════════════════════════════════════ */
.pot-basic-foundation{margin:46px 32px 28px}
.pot-basic-foundation__intro{max-width:820px;margin:0 auto 22px;text-align:center}
.pot-basic-foundation__eyebrow,.pot-basic-deep__eyebrow{font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:var(--pot-gold);margin-bottom:9px}
.pot-basic-foundation__intro h2,.pot-basic-deep__head h2,.pot-basic-editorial__head h2{font-size:clamp(27px,4vw,40px);line-height:1.12;letter-spacing:-.025em;color:var(--pot-text);margin:0 0 12px}
.pot-basic-foundation__intro p,.pot-basic-deep__head p,.pot-basic-editorial__head p{font-size:16px;line-height:1.68;color:var(--pot-text-muted);margin:0}
.pot-basic-foundation__body>.pot-ocean-deep{margin-left:0;margin-right:0}
.pot-basic-foundation__body>.pot-xprofile{margin-left:0;margin-right:0}
.pot-basic-foundation--collapsed{border:1px solid rgba(44,58,92,.12);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 28px rgba(30,42,69,.045)}
.pot-basic-foundation__summary{display:flex;align-items:flex-start;gap:13px;padding:20px 22px;cursor:pointer;list-style:none;background:linear-gradient(180deg,#fff,#f8fafc)}
.pot-basic-foundation__summary::-webkit-details-marker{display:none}
.pot-basic-foundation__summary-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:#e8f5ee;color:#147a4b;font-weight:900}
.pot-basic-foundation__summary strong{display:block;font-size:16px;line-height:1.3;color:var(--pot-text);margin-bottom:4px}
.pot-basic-foundation__summary small{display:block;font-size:13px;line-height:1.55;color:var(--pot-text-muted);font-weight:400}
.pot-basic-foundation--collapsed[open] .pot-basic-foundation__summary{border-bottom:1px solid rgba(44,58,92,.09)}
.pot-basic-foundation--collapsed .pot-basic-foundation__body{padding:0 22px 20px}

.pot-basic-deep{margin:54px 32px 34px;padding-top:8px;border-top:1px solid rgba(44,58,92,.1)}
.pot-basic-deep__head{max-width:840px;margin:34px auto 34px;text-align:center}
.pot-basic-section-title{font-size:25px;line-height:1.18;font-weight:850;letter-spacing:-.015em;color:var(--pot-text);margin:0 0 8px}
.pot-basic-section-sub{font-size:15px;line-height:1.62;color:var(--pot-text-muted);margin:0 0 20px;max-width:900px}

.pot-basic-matrix{margin:0 0 46px}
.pot-basic-matrix__group{padding:23px 24px;margin:12px 0;border:1px solid rgba(44,58,92,.1);border-radius:18px;background:#fff;box-shadow:0 7px 24px rgba(30,42,69,.035)}
.pot-basic-matrix__group>h3{font-size:17px!important;line-height:1.2!important;color:var(--pot-text)!important;margin:0 0 14px!important}
.pot-basic-matrix__row{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(120px,.7fr) minmax(260px,1.5fr);gap:16px;align-items:center;padding:13px 0;border-top:1px solid rgba(44,58,92,.07)}
.pot-basic-matrix__row:first-of-type{border-top:0}
.pot-basic-matrix__meta strong{display:block;font-size:14px;color:var(--pot-text)}
.pot-basic-matrix__meta span{display:block;margin-top:3px;font-size:11px;font-weight:800;color:var(--pot-text-muted)}
.pot-basic-matrix__track{height:6px;border-radius:999px;background:rgba(44,58,92,.08);overflow:hidden}
.pot-basic-matrix__track>span{display:block;height:100%;border-radius:inherit;background:var(--pot-primary);opacity:.72}
.pot-basic-matrix__row>p{font-size:13px;line-height:1.55;color:var(--pot-text-muted);margin:0}

.pot-basic-systems{margin:0 0 46px}
.pot-basic-system{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:22px 24px;margin:12px 0;border-radius:18px;border:1px solid rgba(44,58,92,.1);background:#fff}
.pot-basic-system--strength{background:linear-gradient(145deg,rgba(233,248,240,.7),#fff)}
.pot-basic-system--tension{background:linear-gradient(145deg,rgba(255,244,231,.82),#fff)}
.pot-basic-system__num{font-size:24px;font-weight:850;line-height:1;color:rgba(44,58,92,.22);padding-top:2px}
.pot-basic-system__content h3{font-size:20px!important;line-height:1.2!important;color:var(--pot-text)!important;margin:0 0 8px!important}
.pot-basic-system__content p{font-size:14px;line-height:1.65;color:var(--pot-text);margin:0}
.pot-basic-system__signals{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
.pot-basic-system__signals span{font-size:11px;font-weight:750;padding:6px 8px;border-radius:999px;background:rgba(44,58,92,.055);color:var(--pot-text-muted)}

.pot-basic-costs{margin:0 0 46px}
.pot-basic-costs__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.pot-basic-cost{padding:23px;border:1px solid rgba(44,58,92,.09);border-radius:18px;background:#fff}
.pot-basic-cost__trait{font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--pot-text-muted);margin-bottom:10px}
.pot-basic-cost h3{font-size:19px!important;line-height:1.22!important;color:var(--pot-text)!important;margin:0 0 9px!important}
.pot-basic-cost p{font-size:14px;line-height:1.62;color:var(--pot-text-muted);margin:0}

.pot-basic-scenarios{margin:0 0 46px}
.pot-basic-scenario{padding:26px;margin:14px 0;border-radius:20px;background:#171c2a;color:#fff;box-shadow:0 14px 40px rgba(20,25,35,.09)}
.pot-basic-scenario__index{font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:850;color:var(--pot-gold-light);margin-bottom:7px}
.pot-basic-scenario h3{font-size:22px!important;line-height:1.2!important;color:#fff!important;margin:0 0 18px!important}
.pot-basic-scenario__chain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pot-basic-scenario__chain>div{padding:15px 16px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08)}
.pot-basic-scenario__chain span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:850;color:var(--pot-gold-light);margin-bottom:7px}
.pot-basic-scenario__chain p{font-size:13px;line-height:1.55;color:rgba(255,255,255,.86);margin:0}
.pot-basic-scenarios__empty{padding:18px 20px;border-radius:15px;background:#f6f8fb;color:var(--pot-text-muted);font-size:14px;line-height:1.6}

.pot-basic-navigation{margin:0 0 38px}
.pot-basic-navigation__grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:16px}
.pot-basic-navigation__card{padding:24px;border-radius:18px;border:1px solid rgba(44,58,92,.08)}
.pot-basic-navigation__card--resource{background:rgba(233,248,240,.72)}
.pot-basic-navigation__card--risk{background:rgba(255,240,232,.78)}
.pot-basic-navigation__card>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:850;color:var(--pot-text-muted);margin-bottom:8px}
.pot-basic-navigation__card h3{font-size:20px!important;line-height:1.2!important;color:var(--pot-text)!important;margin:0 0 9px!important}
.pot-basic-navigation__card p{font-size:14px;line-height:1.6;color:var(--pot-text);margin:0 0 13px}
.pot-basic-navigation__card strong{display:block;font-size:12px;line-height:1.55;color:var(--pot-primary)}

.pot-basic-editorial{margin:50px 32px 34px}
.pot-basic-editorial__head{max-width:820px;margin:0 auto 24px;text-align:center}
.pot-basic-editorial>.pot-report-content{margin-left:0;margin-right:0}

/* Upsell outcome: markup is now rendered as HTML; keep readable contrast on both cards. */
.pot-upsell-card__outcome strong{color:inherit;font-weight:850}
.pot-upsell-card--featured .pot-upsell-card__outcome,
.pot-upsell-card--featured .pot-upsell-card__outcome strong{color:#111827!important}

@media (max-width:760px){
  .pot-basic-foundation,.pot-basic-deep,.pot-basic-editorial{margin-left:18px;margin-right:18px}
  .pot-basic-matrix__row{grid-template-columns:1fr;gap:8px}
  .pot-basic-costs__grid,.pot-basic-navigation__grid,.pot-basic-scenario__chain{grid-template-columns:1fr}
  .pot-basic-system{grid-template-columns:40px 1fr;padding:19px 17px}
  .pot-basic-scenario{padding:22px 18px}
}


/* 3.17 — future bridge + outcome arc */
.pot-future-bridge{margin:50px 32px 38px;padding:34px;border-radius:24px;background:linear-gradient(145deg,#f7f9fc,#fff);border:1px solid rgba(44,58,92,.11);box-shadow:0 12px 36px rgba(30,42,69,.05)}
.pot-future-bridge__eyebrow{font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:var(--pot-gold);margin-bottom:10px}
.pot-future-bridge>h2{font-size:clamp(27px,4vw,40px)!important;line-height:1.12!important;color:var(--pot-text)!important;margin:0 0 14px!important}
.pot-future-bridge__lead{font-size:16px;line-height:1.7;color:var(--pot-text);max-width:850px;margin:0 0 22px}
.pot-future-bridge__questions{padding:20px 22px;border-left:3px solid var(--pot-gold);background:#fff;border-radius:0 14px 14px 0;margin:20px 0}
.pot-future-bridge__questions strong{display:block;font-size:16px;color:var(--pot-text);margin-bottom:7px}.pot-future-bridge__questions p{margin:0;color:var(--pot-text-muted);line-height:1.65}
.pot-future-bridge__potential{margin:24px 0 0;padding:24px;border-radius:18px;background:#eaf6ef}.pot-future-bridge__potential>span,.pot-future-bridge__cliff>span{font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#147a4b}.pot-future-bridge__potential h3{font-size:22px!important;color:var(--pot-text)!important;margin:8px 0!important}.pot-future-bridge__potential p{font-size:15px;line-height:1.65;color:var(--pot-text);margin:0}.pot-future-bridge__potential small{display:block;margin-top:10px;color:var(--pot-text-muted);line-height:1.5}
.pot-future-bridge__cliff{margin-top:14px;padding:25px;border-radius:18px;background:#171c2a;color:#fff}.pot-future-bridge__cliff h3{font-size:22px!important;color:#fff!important;margin:0 0 9px!important}.pot-future-bridge__cliff p{color:rgba(255,255,255,.88);line-height:1.65;margin:0}.pot-future-bridge__cliff .pot-future-bridge__hint{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);color:var(--pot-gold-light)}
.pot-basic-scenario__chain{grid-template-columns:repeat(4,minmax(0,1fr))}
.pot-basic-future{margin:52px 0 18px;padding:32px;border-radius:24px;background:linear-gradient(145deg,#eef8f2,#fff);border:1px solid rgba(20,122,75,.14)}
.pot-basic-future>h2{font-size:clamp(27px,4vw,38px)!important;line-height:1.14!important;color:var(--pot-text)!important;margin:0 0 13px!important}.pot-basic-future__lead{font-size:16px;line-height:1.7;color:var(--pot-text);max-width:850px}
.pot-basic-future__statement{margin:22px 0;padding:24px;border-radius:18px;background:#fff;border:1px solid rgba(20,122,75,.12)}.pot-basic-future__statement>span,.pot-basic-future__beforeafter span{display:block;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#147a4b;margin-bottom:7px}.pot-basic-future__statement h3{font-size:22px!important;color:var(--pot-text)!important;margin:0 0 8px!important}.pot-basic-future__statement p{margin:0;color:var(--pot-text-muted);line-height:1.6}
.pot-basic-future__beforeafter{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pot-basic-future__beforeafter>div{padding:20px;border-radius:16px;background:rgba(255,255,255,.75);border:1px solid rgba(44,58,92,.08)}.pot-basic-future__beforeafter p{margin:0;color:var(--pot-text);line-height:1.6;font-size:14px}.pot-basic-future__close{font-size:16px;line-height:1.7;font-weight:650;color:var(--pot-text);margin:22px 0 0}
@media(max-width:720px){.pot-future-bridge{margin:38px 18px 28px;padding:24px 19px}.pot-basic-scenario__chain,.pot-basic-future__beforeafter{grid-template-columns:1fr}.pot-basic-future{padding:24px 18px}}

/* 3.18.0 — premium route: prior layers + action bridge */
.pot-paid-history { margin: 22px 32px; border: 1px solid #dce3ef; border-radius: 14px; background: #fff; overflow: hidden; }
.pot-paid-history > summary { cursor: pointer; list-style: none; display: flex; gap: 12px; align-items: center; padding: 16px 18px; background: #f7f9fc; color: #17315f; }
.pot-paid-history > summary::-webkit-details-marker { display: none; }
.pot-paid-history > summary > span:first-child { width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 28px; background: #e8eef8; font-weight: 800; }
.pot-paid-history > summary strong { display: block; font-size: 15px; color: #17315f; }
.pot-paid-history > summary small { display: block; margin-top: 3px; color: #60708e; line-height: 1.45; font-size: 12px; }
.pot-paid-history .pot-basic-deep, .pot-paid-history .pot-basic-editorial { margin: 0; border-radius: 0; }

.pot-premium-action { margin: 32px; }
.pot-premium-action__hero { padding: 30px; border-radius: 18px 18px 0 0; background: #172a52; }
.pot-premium-action__hero h2 { margin: 7px 0 10px; color: #fff !important; font-size: 27px; line-height: 1.16; }
.pot-premium-action__hero p { margin: 0; max-width: 720px; color: rgba(255,255,255,.82) !important; line-height: 1.65; }
.pot-premium-action__hero .pot-basic-deep__eyebrow { color: #e7c875 !important; }
.pot-premium-target { padding: 26px 30px; background: #f7f9fc; border: 1px solid #dce3ef; border-top: 0; }
.pot-premium-target > span { display: block; margin-bottom: 7px; color: #60708e; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.pot-premium-target h3 { margin: 0 0 12px; color: #172a52; font-size: 20px; line-height: 1.35; }
.pot-premium-target__examples { margin: 0 0 13px; color: #60708e; font-size: 13px; line-height: 1.55; }
.pot-premium-target__metric { margin: 0; padding-top: 13px; border-top: 1px solid #dce3ef; color: #24385e; line-height: 1.55; }
.pot-premium-bridge { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #dce3ef; border-top: 0; }
.pot-premium-bridge > div { padding: 24px 26px; }
.pot-premium-bridge > div + div { border-left: 1px solid #dce3ef; }
.pot-premium-bridge span { color: #60708e; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.pot-premium-bridge h3 { margin: 7px 0 9px; color: #172a52; font-size: 17px; }
.pot-premium-bridge p { margin: 0; color: #52627d; line-height: 1.6; }
.pot-premium-contract { padding: 26px 30px; border-radius: 0 0 18px 18px; background: #fff6dc; border: 1px solid #ead9a4; border-top: 0; }
.pot-premium-contract h3 { margin: 0 0 8px; color: #172a52; }
.pot-premium-contract p { margin: 0 0 16px; color: #52627d; line-height: 1.55; }
.pot-premium-contract__line { padding: 14px 16px; border: 1px dashed #b99b4e; border-radius: 10px; background: rgba(255,255,255,.65); color: #26395e; font-weight: 700; line-height: 1.5; }
.pot-premium-editorial { margin: 30px 32px; }
.pot-premium-editorial__head { margin-bottom: 16px; }
.pot-premium-editorial__head h2 { margin: 6px 0 8px; color: #172a52; font-size: 25px; }
.pot-premium-editorial__head p { margin: 0; color: #60708e; line-height: 1.6; }

@media (max-width: 700px) {
  .pot-paid-history, .pot-premium-action, .pot-premium-editorial { margin-left: 16px; margin-right: 16px; }
  .pot-premium-action__hero, .pot-premium-target, .pot-premium-contract { padding: 22px 18px; }
  .pot-premium-action__hero h2 { font-size: 22px; }
  .pot-premium-bridge { grid-template-columns: 1fr; }
  .pot-premium-bridge > div + div { border-left: 0; border-top: 1px solid #dce3ef; }
}

/* 3.19.1 — note before burnout upgrades */
.pot-upsell-repeat-note {
    max-width: 760px;
    margin: 18px auto 22px;
    padding: 12px 16px;
    border: 1px solid rgba(10, 35, 75, .12);
    border-radius: 12px;
    background: rgba(255, 255, 255, .72);
    text-align: center;
    line-height: 1.5;
}

/* 3.19.2 — Basic burnout report: section 02 “Сила → ахиллесова пята” */
.pot-basic-strengths{margin:0 0 46px}
.pot-basic-strength{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;padding:22px 24px;margin:12px 0;border:1px solid rgba(44,58,92,.1);border-radius:18px;background:linear-gradient(145deg,rgba(242,247,255,.78),#fff);box-shadow:0 7px 24px rgba(30,42,69,.035)}
.pot-basic-strength__index{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;background:rgba(49,94,177,.09);color:var(--pot-primary);font-size:16px;font-weight:850;line-height:1}
.pot-basic-strength__body{min-width:0}
.pot-basic-strength__body h3{font-size:20px!important;line-height:1.22!important;color:var(--pot-text)!important;margin:1px 0 7px!important}
.pot-basic-strength__body>p{font-size:14px;line-height:1.62;color:var(--pot-text);margin:0}
.pot-basic-strength__marker{display:flex;gap:6px;align-items:flex-start;margin-top:13px;padding:11px 13px;border-radius:12px;background:rgba(49,94,177,.065);font-size:12px;line-height:1.55;color:var(--pot-text)}
.pot-basic-strength__marker strong{flex:0 0 auto;color:var(--pot-primary);font-weight:850}
.pot-basic-strength__marker span{color:var(--pot-text-muted)}

@media (max-width:760px){
  .pot-basic-strength{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:18px 16px}
  .pot-basic-strength__index{width:38px;height:38px;border-radius:11px;font-size:14px}
  .pot-basic-strength__body h3{font-size:18px!important}
  .pot-basic-strength__marker{display:block}
  .pot-basic-strength__marker strong{display:block;margin-bottom:2px}
}