/* Alternate two-product pricing page. All presentation is scoped to this page. */
.pricing-preview{color:var(--bs-emphasis-color);background:var(--bs-body-bg)}
.p2-hero{padding:80px 20px 48px;max-width:900px}
.p2-eyebrow,.p2-label{font-size:11px;font-weight:700;letter-spacing:1.6px;color:var(--bs-primary-text-emphasis)}
.p2-hero h1{font-size:clamp(36px,4.8vw,60px);line-height:1.12;letter-spacing:-2px;margin:22px 0}
.p2-hero h1 span{color:var(--bs-primary-text-emphasis)}
.p2-hero p{font-size:18px;line-height:1.7;max-width:650px;margin:0 auto 24px;color:var(--bs-secondary-color)}
.p2-jump{font-size:13px;text-decoration:none}
.p2-section{padding-top:36px;padding-bottom:64px;max-width:1100px}
.p2-plans{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.p2-card{padding:36px;border:1px solid var(--bs-border-color);border-radius:22px;background:white;box-shadow:0 12px 40px rgba(25, 18, 45, .05)}
.p2-card-team{border-color:rgba(var(--bs-primary-rgb), .35);background:linear-gradient(160deg,var(--bs-primary-bg-subtle),var(--bs-body-bg) 65%);box-shadow:0 12px 40px rgba(25, 18, 45, .05)}
.p2-card h2{font-size:30px;letter-spacing:-.7px;margin:15px 0 12px}
.p2-description{color:var(--bs-secondary-color);font-size:15px;min-height:72px;line-height:1.65}
.p2-price{display:flex;align-items:baseline;gap:7px;margin:20px 0 8px;min-height:66px}
.p2-price strong{font-size:54px;font-weight:700;letter-spacing:-2px;line-height:1.15}
.p2-price>span{color:var(--bs-secondary-color);font-size:15px}
.p2-price .p2-from{font-size:13px;margin-right:2px}
.p2-price-note{font-size:13px;color:var(--bs-secondary-color);min-height:40px;margin-bottom:18px}
.p2-card .btn{border-radius:10px;font-size:15px}
.p2-cta-note{font-size:11px;text-align:center;color:var(--bs-secondary-color);margin:12px 0 0}
.p2-divider{height:1px;background:var(--bs-border-color);margin:28px 0}
.p2-card h3{font-size:14px;margin-bottom:20px}
.p2-checks{list-style:none;padding:0;margin:0;display:grid;gap:15px}
.p2-checks li{font-size:13px;line-height:1.6;padding-left:24px;position:relative}
.p2-checks li:before{content:'\2713';position:absolute;left:0;color:var(--bs-success-text-emphasis);font-weight:700}
.p2-guidance{display:flex;gap:16px;background:var(--bs-tertiary-bg);border-radius:12px;margin-top:24px;padding:20px 24px}
.p2-guidance i{font-size:22px;color:var(--bs-primary-text-emphasis)}
.p2-guidance p{font-size:13px;line-height:1.8;color:var(--bs-secondary-color);margin:0}
.p2-guidance strong{color:var(--bs-emphasis-color)}
.p2-tier-section{background:var(--bs-tertiary-bg);border-block:1px solid var(--bs-border-color);padding:64px 0;margin-bottom:36px}
.p2-tier-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;max-width:1100px;align-items:center}
.p2-tier-layout h2,.p2-section-heading h2,.p2-final h2{font-size:clamp(27px,3vw,36px);line-height:1.2;letter-spacing:-1px;margin:16px 0}
.p2-tier-layout p{font-size:15px;line-height:1.8;color:var(--bs-secondary-color)}
.p2-tier-layout .p2-total-note{font-size:13px}
.p2-tier-layout .icon-link{font-size:13px;margin-top:10px}
.p2-tier-card{background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:16px;overflow:hidden}
.p2-tiers,.p2-comparison{width:100%;border-collapse:collapse}
.p2-tiers th,.p2-tiers td{padding:19px 24px;border-bottom:1px solid var(--bs-border-color);text-align:left;font-size:14px}
.p2-tiers thead th{background:var(--bs-tertiary-bg);font-size:11px;text-transform:uppercase;letter-spacing:.7px}
.p2-tiers tbody th{font-weight:500}
.p2-tiers td{text-align:right}
.p2-tiers td strong{font-size:22px;letter-spacing:-.5px}
.p2-tiers td span{font-size:11px;color:var(--bs-secondary-color);margin-left:5px}
.p2-tier-footer{padding:18px 24px;font-size:12px;color:var(--bs-secondary-color)}
.p2-section-heading{text-align:center;margin-bottom:32px}
.p2-section-heading p{color:var(--bs-secondary-color);font-size:15px}
.p2-comparison-wrap{overflow-x:auto;border:1px solid var(--bs-border-color);border-radius:14px}
.p2-comparison{min-width:560px}
.p2-comparison th,.p2-comparison td{padding:18px 24px;font-size:13px;border-bottom:1px solid var(--bs-border-color);text-align:left}
.p2-comparison thead{background:var(--bs-tertiary-bg)}
.p2-comparison thead th{font-size:14px}
.p2-comparison tbody th{font-weight:500;width:42%}
.p2-comparison td{color:var(--bs-secondary-color)}
.p2-comparison tr:last-child>*{border-bottom:0}
.p2-faq{max-width:800px}
.p2-faq details{border-bottom:1px solid var(--bs-border-color);padding:22px 0}
.p2-faq summary{cursor:pointer;font-size:15px;font-weight:600}
.p2-faq details p{font-size:14px;color:var(--bs-secondary-color);line-height:1.8;margin:16px 0 0}
.p2-faq summary:focus-visible{outline:2px solid var(--bs-primary-text-emphasis);outline-offset:6px}
.p2-final{text-align:center;border-radius:24px;background:var(--bs-primary-bg-subtle);padding:44px 24px}
.p2-final p{color:var(--bs-secondary-color);font-size:15px;margin-bottom:24px}

@media(max-width:767px){.p2-hero{padding-top:48px}
.p2-hero h1{letter-spacing:-1.2px}
.p2-plans,.p2-tier-layout{grid-template-columns:1fr}
.p2-card{padding:26px}
.p2-description,.p2-price-note{min-height:0}
.p2-tier-layout{gap:28px}
.p2-section{padding-bottom:40px}
.p2-tier-section{padding:40px 0}
.p2-comparison th,.p2-comparison td{padding:15px}
.p2-guidance{padding:18px}
.p2-price strong{font-size:48px}
}


.pricing-preview h1,.pricing-preview h2,.pricing-preview h3,.pricing-preview th,.pricing-preview summary{color:var(--bs-emphasis-color)}

.pricing-preview strong{color:var(--bs-emphasis-color)}
.pricing-preview a:not(.btn){color:var(--bs-primary-text-emphasis)}


/* Use Bootstrap color tokens throughout; the site's theme switch controls both modes. */
.pricing-preview { --bs-table-bg: var(--bs-body-bg); }

.p2-card { transition: transform .2s ease, box-shadow .2s ease; }

.p2-card-team { border-top: 3px solid var(--bs-primary) !important; }

.p2-card .p2-label { display: inline-block; align-self: flex-start; padding: 7px 10px; border-radius: 6px; background: var(--bs-primary-bg-subtle); font-size: 10px; }

.p2-price strong { color: var(--bs-emphasis-color); }

.p2-tiers > :not(caption) > * > *, .p2-comparison > :not(caption) > * > * { color: var(--bs-body-color); background-color: transparent; box-shadow: none; border-color: var(--bs-border-color); }

.p2-comparison tbody tr:hover { background: var(--bs-tertiary-bg); }

.p2-comparison td:last-child { background: rgba(var(--bs-primary-rgb), .035); }

.p2-comparison thead th:last-child { color: var(--bs-primary-text-emphasis); }

.p2-faq { max-width: 900px; }

.p2-faq-toggle { font: inherit; font-size: 15px; line-height: 1.5; cursor: pointer; }

.p2-faq-toggle .chevron-arrow { color: var(--bs-secondary-color); transition: transform .2s ease; flex-shrink: 0; }

.p2-faq-toggle[aria-expanded="true"] .chevron-arrow { transform: rotate(180deg); color: var(--bs-primary-text-emphasis); }

.p2-faq-toggle:focus-visible { outline: 2px solid var(--bs-primary); outline-offset: 6px; border-radius: 3px; }

.p2-faq-answer { font-size: 14px; line-height: 1.8; }

.p2-final { background: linear-gradient(135deg, var(--bs-primary-bg-subtle), var(--bs-tertiary-bg)); }

@media (prefers-reduced-motion: reduce) { .p2-card, .p2-faq-toggle .chevron-arrow { transition: none; }
 }


[data-bs-theme="dark"] .pricing-preview { --bs-secondary-color: var(--bs-gray-400); --bs-body-color: var(--bs-gray-300); }