/* Pricing-only shared tracks: each role aligns even when copy wraps. */
.pricing-page .tier-grid{max-width:880px;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:0}
.pricing-page .tier-float,.pricing-page .tier-card{display:grid;grid-template-rows:subgrid;grid-row:span 6}
.pricing-page .tier-image{display:block;width:100%;height:auto;aspect-ratio:2;object-fit:contain;border:0;background:#060708}
/* Pro "NOW FREE FOR 30 DAYS" ticker, Pricing.dc.html treatment 2e: 28px ice strip over the art, 32s linear loop. */
.pricing-page .tier-card[data-plan=pro]{position:relative;overflow:hidden}
.pricing-page .tier-card[data-plan=pro] .tier-image{padding-top:28px}
.pricing-page .tier-offer{position:absolute;top:0;left:0;right:0;height:28px;background:var(--ice,#3ecfe0);color:var(--void,#060708);display:flex;align-items:center;overflow:hidden;z-index:2}
.pricing-page .tier-offer__track{display:flex;white-space:nowrap;font:500 11px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.14em;animation:tier-offer-marquee 32s linear infinite}
.pricing-page .tier-offer__group{display:flex;align-items:center;gap:20px;padding-right:20px}
@keyframes tier-offer-marquee{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){:where(html:not([data-ios-motion])) .pricing-page .tier-offer__track{animation:none}}
.pricing-page .tier-copy{display:grid;grid-template-rows:subgrid;grid-row:span 5;min-height:0;padding:24px;row-gap:0}
.pricing-page .tier-copy>*{min-height:0;margin:0;align-self:stretch}
.pricing-page .tier-card h2,.pricing-page .tier-card[data-plan=pro] h2{font:800 32px/1.15 Archivo,sans-serif;letter-spacing:-.025em;text-decoration:none;padding-bottom:18px}
.pricing-page .tier-card[data-plan=pro] h2:hover,.pricing-page .tier-card[data-plan=pro] h2:focus{text-decoration:none}
.pricing-page .tier-price{font:700 30px/1.4 Archivo,sans-serif;padding-bottom:20px}
.pricing-page .tier-card .tier-fit-title{font:400 16px/1.6 Archivo,sans-serif;padding-bottom:20px;color:var(--ice)}
.pricing-page .tier-checks{padding-bottom:20px}
.pricing-page .tier-checks li{font:400 14px/1.6 Archivo,sans-serif;margin:0 0 10px}
.pricing-page .comparison-section > p.source-note{padding-inline:46px}
.pricing-page .tier-pricing-link{font:700 13px/1.5 Archivo,sans-serif;min-height:44px;align-self:end}
.pricing-page .tier-pricing-link:focus-visible{outline:2px solid var(--ice);outline-offset:4px}
.pricing-page .pricing-billing{padding-top:0;padding-bottom:72px}
.pricing-page .pricing-billing .section-heading{max-width:840px;margin:0 auto 32px}
.pricing-page .pricing-billing-copy{max-width:840px;margin:0 auto}
.pricing-page .billing-faq{border-top:1px solid #23272d}
.pricing-page .billing-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;padding:22px 4px;list-style:none;cursor:pointer;font:700 22px/1.3 Archivo,sans-serif;color:#f2f3f4;text-transform:none}
.pricing-page .billing-faq summary::-webkit-details-marker{display:none}
.pricing-page .billing-faq summary::after{content:'+';flex:none;width:24px;text-align:center;color:var(--ice)}
.pricing-page .billing-faq[open] summary::after{content:'−'}
.pricing-page .billing-faq summary:hover{color:var(--ice)}
.pricing-page .billing-faq summary:focus-visible{outline:2px solid var(--ice);outline-offset:2px;border-radius:2px}
.pricing-page .billing-faq-answer{padding:0 4px 24px}
.pricing-page .pricing-billing-copy p{margin:0 0 14px;font:400 16px/1.7 Archivo,sans-serif;color:#c9ced6}
.pricing-page .pricing-billing-copy p:last-child{margin-bottom:0}
.pricing-page .pricing-billing-copy a{color:var(--ice);text-underline-offset:3px}
.pricing-page .pricing-billing-copy a:focus-visible{outline:2px solid var(--ice);outline-offset:4px}
.pricing-page .pricing-billing-docs{padding-top:12px}
@media(max-width:767px){
 .pricing-page .tier-grid{grid-template-columns:1fr;max-width:650px;gap:24px}
 .pricing-page .tier-float,.pricing-page .tier-card,.pricing-page .tier-copy{display:block;grid-row:auto}
 .pricing-page .tier-copy{padding:24px}
 .pricing-page .comparison-section > p.source-note{padding-inline:16px}
 .pricing-page .tier-pricing-link{display:flex}
}