/* Only opacity and small transforms animate; no scroll listeners or layout loops. */
.reveal-pending{opacity:0;transform:translateY(12px)}.reveal-visible{opacity:1;transform:none;transition:opacity .38s ease-out,transform .38s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.offer-card,.price-card,.decision-band>a{transition:transform .2s ease-out,border-color .2s}.offer-card:hover,.decision-band>a:hover{transform:translateY(-3px)}}
@media(max-width:760px){
 html{scroll-padding-top:90px}.header{backdrop-filter:blur(10px)}
 .header nav{display:flex;visibility:hidden;opacity:0;transform:translateY(-6px);pointer-events:none;max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;transition:opacity .18s ease-out,transform .18s ease-out,visibility 0s .18s}
 .header nav.open{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition-delay:0s}
 .reveal-pending{transform:translateY(8px)}.reveal-visible{transition-duration:.28s}
 .button{transition:transform .14s ease-out,opacity .14s ease-out}.button:hover{transform:none;filter:none}.button:active,.menu-toggle:active{transform:scale(.98)}
 .comparison{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.comparison-scroll{overscroll-behavior-x:contain}
 .product-window{transform:none}.hero-visual{isolation:isolate}.mobile-contact{backdrop-filter:none}
 :is(input,textarea,select){scroll-margin-block:110px;font-size:16px}.button,summary{touch-action:manipulation}
 .page-intro>p,.section-intro>p,.feature p{line-height:1.8}.price-card{padding:26px 22px}.pricing-subintro{margin-top:52px}.theme-choice select{width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.reveal-pending,.reveal-visible{opacity:1!important;transform:none!important;transition:none!important}.header nav,.button,.offer-card,.price-card,.decision-band>a{transition:none!important;animation:none!important}.button:active,.menu-toggle:active{transform:none!important}}
/* Platform marks are SVGs, including YouTube, at every viewport size. */
.mock-channels{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;max-width:330px}.mock-channels .mock-channel{display:grid;place-items:center;width:100%;height:auto;min-height:31px;aspect-ratio:1;border:1px solid #ffffff24;border-radius:8px;background:#fff}.mock-channel img{display:block;width:21px;height:21px;object-fit:contain}.real-channel-strip{display:flex;justify-content:center;gap:22px;flex-wrap:wrap}.real-channel-strip>span{display:flex;align-items:center;gap:8px}.real-channel-strip img{display:block;width:25px;height:25px;padding:3px;border-radius:6px;background:#fff}.real-channel-strip b{font-size:14px}
@media(max-width:760px){.mock-channels{gap:5px;max-width:none}.mock-channels .mock-channel{min-height:27px;border-radius:6px}.mock-channel img{width:19px;height:19px}.real-channel-strip{gap:16px 20px}.real-channel-strip b{font-size:13px}}
@media(max-width:380px){.mock-channels{gap:4px}.mock-channel img{width:16px;height:16px}.mock-channels .mock-channel{min-height:23px}}
/* Price units stay legible without competing with the amount. */
.price .price-unit{display:block;font-size:13px;font-weight:500;letter-spacing:0;line-height:1.5;color:var(--muted);margin-top:8px}
html{scroll-padding-top:100px}.section[id],section[id]{scroll-margin-top:100px}
@media(max-width:760px){
 .header{backdrop-filter:none}.header nav a{min-height:46px;display:flex;align-items:center}
 .comparison-scroll{position:relative;max-width:100%;overflow-x:auto}.comparison-scroll table{min-width:720px;table-layout:fixed}.comparison-scroll th,.comparison-scroll td{position:static;overflow-wrap:anywhere;vertical-align:top}.comparison-scroll tr>:first-child{width:190px}
 .options-table{overflow-x:auto;overscroll-behavior-x:contain}.price-card .price{font-size:42px!important}.price-card .subscription-price{font-size:36px!important}
 .mobile-contact:has(a:focus-visible){outline:2px solid var(--coral);outline-offset:-3px}
}
@media(max-width:760px){body:has(.contact-builder :is(input,textarea,select):focus) .mobile-contact{display:none}}
.delivery-promise{max-width:760px;margin:24px 0;padding:20px 24px;border:1px solid var(--border);border-left:3px solid var(--coral,#ff6b4a);border-radius:12px;background:var(--panel)}
.delivery-promise>strong{display:block;font-size:18px;line-height:1.5;color:var(--text)}.delivery-promise>p{font-size:13px!important;line-height:1.7!important;margin:10px 0 0;color:var(--muted)}
.price-card .delivery-badge{font-size:12px!important;font-weight:600;color:var(--accent-text)!important;margin:0 0 18px;line-height:1.6}.delivery-home{font-size:14px;line-height:1.8;color:var(--muted)}.delivery-home strong{color:var(--text)}
@media(max-width:600px){.delivery-promise{padding:18px}.delivery-promise>strong{font-size:16px}}

.seo-content{padding-block:45px 65px}.seo-content .section-intro{max-width:800px}.seo-content a{text-decoration:underline;text-underline-offset:3px}.seo-content>.price-note{margin-top:28px}