/* Public pages share the plan pages' system preference and saved theme. */
.theme-toggle{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid var(--mist);border-radius:50%;background:transparent;color:inherit;font-size:23px;cursor:pointer}
.site-theme-control{position:absolute;inset-block-start:16px;inset-inline-end:16px;z-index:60}
.marketing-not-found{padding-block:100px;min-height:80vh}.marketing-not-found p{margin-block:24px}
html[data-theme=dark] body:not(.plan-page){--paper:#101114;--ink:#f4f3ee;--cream:#191b20;--mist:#3c3e44;--slate:#b8babf;--indigo:#aaa8ff;background:var(--paper);color:var(--ink);color-scheme:dark}
html[data-theme=dark] body:not(.plan-page) :is(.site-nav,.login-card,.field input,.field select,.shock-modal,.trial-card,.help-card,.help-contact,.seo-facts>div,.seo-aside,.review-plan,.review-answer,.review-card,.review-faq details){background:#191b20;color:#f4f3ee}
html[data-theme=dark] body:not(.plan-page) :is(footer,.closing,.dark-section){--ink:#0a0b0f;--cream:#f4f3ee;background:#0a0b0f;color:#f4f3ee}
html[data-theme=dark] body:not(.plan-page) :is(.btn-lime,.btn-ink){color:#0a0b0f;background:#d8f34f;border-color:#d8f34f}
html[data-theme=dark] body:not(.plan-page) :is(.nav-logo,.logo-link) svg [stroke="#0A0B0F"]{stroke:#f4f3ee}
html[data-theme=dark] body:not(.plan-page) :is(.nav-logo,.logo-link) img{filter:brightness(0) invert(1)}
html[data-theme=dark] body:not(.plan-page) :is(.feat,.review-product-card,.review-split,.review-faq,.faq,.help-table){border-color:#3c3e44}
@media(max-width:620px){.site-nav .nav-inner{height:auto;min-height:64px;flex-wrap:wrap;gap:8px;padding-block:10px}.site-nav .nav-cta{gap:6px;max-width:100%;flex-wrap:wrap}.site-nav .nav-logo{flex-shrink:0}.site-nav .nav-langs{position:static!important;display:inline-flex!important;padding:0!important}.site-nav .nav-langs select{max-width:64px;min-height:38px;background:var(--paper);color:var(--ink);border:1px solid var(--mist);border-radius:6px}.site-nav .nav-links{max-width:100vw;padding-right:24px!important}.site-nav .nav-cta .btn-sm{padding:8px;font-size:12px}.review-plans{grid-template-columns:1fr!important}}
@media(min-width:900px){.review-page .review-plans{grid-template-columns:repeat(3,minmax(0,1fr))}}

@media(max-width:860px){
 .site-nav{padding-bottom:0}
 .site-nav .nav-inner{display:grid;grid-template-columns:80px minmax(0,1fr);height:auto;min-height:64px;gap:10px 16px;padding-block:12px}
 .site-nav .nav-logo{align-self:start;margin-top:6px;width:80px}
 .site-nav .nav-cta{display:grid;grid-template-columns:40px auto 1fr;gap:6px;margin:0;justify-self:end;width:100%;align-items:center}
 .site-nav .nav-cta>a:last-child{grid-column:1/-1;text-align:center;justify-content:center}
 .site-nav .nav-langs{position:static!important;display:inline-flex!important;height:40px;padding:0!important;border:0;box-shadow:none}
 .site-nav .nav-langs select{max-width:64px;min-height:38px;background:var(--paper);color:var(--ink);border:1px solid var(--mist);border-radius:6px}
 .site-nav .nav-cta .btn-sm{padding:8px;font-size:12px;white-space:normal;text-align:center}
 .site-nav .nav-links{position:static;grid-column:1/-1;max-width:100%;width:100%;height:38px;padding:0!important;overflow-x:auto;border:0;order:3}
 .site-nav .nav-links a{padding-inline:12px}
}

/* Fixed-color cards and photo overlays need their own dark foregrounds. */
html[data-theme=dark] body:not(.plan-page) :is(.lead-card,.feat,.calc,.step,.faq details,.comp-them,.comp-alt,.byo,.mini-list .mi,.doc .toc,.doc th,.prose .callout,.byline-card,.vs-them,.cap:hover){background:#191b20;color:#f4f3ee;border-color:#3c3e44}
html[data-theme=dark] body:not(.plan-page) :is(.band,.photo-band .plate,.comp-us){--cream:#f4f3ee;--ink:#0a0b0f;color:#f4f3ee;background:#0a0b0f}
html[data-theme=dark] body:not(.plan-page) :is(.plan-flag,.feat-new,.feat-accent .feat-ic){color:#0a0b0f}
html[data-theme=dark] body:not(.plan-page) .feat-ic{background:#0a0b0f}
html[data-theme=dark] body:not(.plan-page) .feat-more[open] summary{background:#d8f34f;color:#0a0b0f;border-color:#d8f34f}
html[data-theme=dark] body:not(.plan-page) .feat-more summary:hover{background:#303239}
@media(max-width:620px){html[lang=de] .hero h1{font-size:clamp(30px,8.9vw,42px)}}

html[data-theme=dark] body:not(.plan-page) .kicker{background:#191b20;color:#b8babf}
html[data-theme=dark] body:not(.plan-page) .hero h1 :is(.free,.hl)::after{background:#465116}

html[data-theme=dark] body:not(.plan-page) .feat-accent .feat-ic{background:#d8f34f;color:#0a0b0f}

.review-page .review-plan-price{flex-wrap:wrap}
.review-page .review-plan-price .num{font:inherit;color:inherit}
.review-page .review-plan .btn{white-space:normal;text-align:center;justify-content:center}

/* Section surfaces and their foregrounds travel together in both themes. */
body:not(.plan-page){--site-card:#fff;--site-hero:#f6f5f1;--site-hero-tint:#eef7c9;--site-soft:#f0eee6;--site-inverse:#0a0b0f;--site-on-inverse:#f4f3ee;--site-inverse-muted:#c5c4bd;--site-highlight:#d8f34f}
html[data-theme=dark] body:not(.plan-page){--site-card:#191b20;--site-hero:#191b20;--site-hero-tint:#252c19;--site-soft:#191b20;--site-highlight:#465116}
body:not(.plan-page) .seo-hero{background:linear-gradient(145deg,var(--site-hero) 55%,var(--site-hero-tint));color:var(--ink)}
body:not(.plan-page) :is(.seo-related,.home-pillar-savings,.review-product-cost,.rc-plan){background:var(--site-card);color:var(--ink)}
body:not(.plan-page) :is(.home-pillar-revenue,.home-pillar-control,.outside-us){background:var(--site-soft);color:var(--ink)}
body:not(.plan-page) .outside-us .support-note{color:var(--slate)}
body:not(.plan-page) :is(.prose,.doc p,.doc li){color:var(--ink)}
body:not(.plan-page) :is(.review-proof,.review-plan-featured,.rc-plan-smart,.prose .takeaways,.seo-aside){background:var(--site-inverse);color:var(--site-on-inverse)}
body:not(.plan-page) :is(.review-proof,.review-plan-featured,.rc-plan-smart,.prose .takeaways,.seo-aside) :is(h2,h3,strong){color:var(--site-on-inverse)}
body:not(.plan-page) .prose .takeaways :is(a,li){color:var(--site-on-inverse)}
body:not(.plan-page) .home-pillar-heading h2 span{background:linear-gradient(transparent 64%,var(--site-highlight) 64%,var(--site-highlight) 92%,transparent 92%)}
body:not(.plan-page) .home-pillar-control .home-pillar-heading h2 span{background:var(--site-highlight);color:var(--ink)}
body:not(.plan-page) .seo-aside .btn{color:var(--site-inverse)}
body:not(.plan-page) .seo-related a:hover{background:var(--site-highlight);color:var(--ink)}
.launch-legal-links{max-width:1280px;margin:24px auto 0;padding:18px 24px;border-top:1px solid #3c3e44;text-align:center;font-size:13px;line-height:1.8;color:#f4f3ee}
.launch-legal-links a{text-decoration:underline;text-underline-offset:3px;display:inline-block;margin-inline:6px}

body:not(.plan-page) .sticky-cta{background:var(--site-inverse);color:var(--site-on-inverse)}
