/* Shared site controls. Original menu iframes retain their own theme. */
:root{--surface:#fffdfb;--surface-soft:#f2ede6;--control-ink:#675943;--control-border:#e2dacc}
.appearance-toggle,.back-to-top{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;padding:11px;border:1px solid var(--control-border);border-radius:50%;background:var(--surface);color:var(--control-ink);cursor:pointer;box-shadow:0 5px 18px #2d24150a;transition:background .2s,transform .2s,border-color .2s}
.appearance-toggle{order:2}.appearance-toggle svg,.back-to-top svg{width:23px;height:23px;pointer-events:none}
.header nav .appearance-mobile-register{display:none!important}
.appearance-toggle:hover,.back-to-top:hover{background:var(--surface-soft);border-color:var(--violet);transform:translateY(-2px)}
.appearance-toggle:focus-visible,.back-to-top:focus-visible{outline:3px solid #cba973;outline-offset:4px}
.back-to-top{position:fixed;right:24px;bottom:calc(82px + env(safe-area-inset-bottom));z-index:45;background:#ecd1a6;color:#362c1d;border-color:#ecd1a6;box-shadow:0 7px 26px #1f191025}
.back-to-top[hidden]{display:none}.appearance-floating{position:fixed;left:22px;bottom:calc(22px + env(safe-area-inset-bottom));z-index:45}
html[data-appearance=dark]{--bg:#1e1b16;--text:#f7f4ee;--muted:#c9c0b2;--line:#463f33;--violet:#eed5ac;--surface:#2c2720;--surface-soft:#383127;--control-ink:#f4e5cc;--control-border:#5f5441;color-scheme:dark}
html[data-appearance=dark] body{background:var(--bg);color:var(--text)}
html[data-appearance=dark] :is(.header nav,.header .login,.nav-dropdown summary,.footer-columns b){color:#e8dfd1}
html[data-appearance=dark] :is(.header .button,.subcopy .button,.auth-submit){background:#eed5ac;color:#2f2516;border-color:#eed5ac}
html[data-appearance=dark] :is(.header a:hover,.nav-dropdown[open] summary,.header nav>a[aria-current=page],.nav-dropdown:has([aria-current=page])>summary){color:#efd9b6}
html[data-appearance=dark] .header .button:hover{background:#f4e6ce;color:#2f2516}
html[data-appearance=dark] :is(.mega-panel,.has-feature .mega-panel,.nav-dropdown:not(.has-feature) .mega-panel){background:#322c22;border-color:var(--line)}
html[data-appearance=dark] :is(.mega-links>a:hover,.mega-links>a[aria-current=page],.nav-icon){background:#493e2c;color:#f6ead7;border-color:#695a42}
html[data-appearance=dark] .menu-toggle{border-color:var(--control-border)}html[data-appearance=dark] .menu-toggle>span{background:#f4e5cc}
html[data-appearance=dark] .header nav .mobile-auth-link{color:#edd7b4;border-color:#5f5441}
html[data-appearance=dark] :is(.theme-live,.theme-card,.theme-home-link,.page-story,.related-card,.contact-options,.blog-featured>a,.blog-empty,.article-toc,.article-product,.customer-card,.partner-card,.partner-form-card,.auth-panel,.auth-story,.auth-demo-note,.partner-demo-note,.faq-list,.plan,.billing){background:#2c2720;border-color:#4f4638;color:var(--text)}
html[data-appearance=dark] :is(.product-art,.original-theme-image,.examples,.ribbon,.article-checklist){background:#322d26;border-color:#4f4638}
html[data-appearance=dark] :is(.theme-intro>div>p:not(.eyebrow),.theme-card-copy p,.theme-home-link>p:not(.eyebrow),.theme-live p,.original-preview-top>span,.original-preview-top>b,.original-design-art span,.theme-browse,.theme-card-copy a,.theme-card-copy button,.theme-card-copy>span,.theme-intro label,.theme-intro>div>p.original-preview-caption){color:#d5c8b2!important}
html[data-appearance=dark] :is(.theme-intro h1 span,.theme-home-link h2 span,h2>span,.subcopy h1>span,.page-title h1>span,.partner-copy h1>span,.blog-intro h1 span){color:#dbc49e}
html[data-appearance=dark] :is(.original-mode-switch button,.theme-filters button,.blog-filters button,.customer-filters button,.blog-pagination button,.customer-pagination button,.art-selector){background:#383127;border-color:#665944;color:#ebddc7}
html[data-appearance=dark] :is(.original-mode-switch [aria-pressed=true],.theme-filters [aria-pressed=true],.blog-filters [aria-pressed=true],.customer-filters [aria-pressed=true],.customer-pagination [aria-current],.billing button[aria-pressed=true]){background:#eed5ac;color:#2f2617;border-color:#eed5ac}
html[data-appearance=dark] :is(#theme-select,.blog-search input,.customer-search input,.auth-input-wrap input,.auth-input-wrap select,.partner-form-grid input,.partner-form-grid select,.partner-form-grid textarea){background:#27221b;color:#f8f1e7;border-color:#6b5e48}
html[data-appearance=dark] :is(input,textarea)::placeholder{color:#bbae9a}
html[data-appearance=dark] :is(.editorial-line,.editorial-line a,.customer-strip>a,.example-label>span,.footer-columns a,.breadcrumb,.breadcrumb span,.sub-description,.sub-note,.benefit p,.page-story p,.related-card p,.page-title>p:last-child,.prototype-note,.contact-options p,.feature p,.steps li p,.plan-description,.plan li,.faq>div>p:not(.eyebrow),.faq details p,.import-footnote){color:#cac0b1}
html[data-appearance=dark] :is(.eyebrow,.section-heading .eyebrow,.subcopy .eyebrow,.page-title .eyebrow,.mega-links small,.nav-arrow,.page-learn,.steps .text-link,.faq .text-link,.contact-options .text-link,.logo-dot){color:#dcc7a4}
html[data-appearance=dark] :is(.feature-purple,.feature-light,.closing){background:#3f3628;color:#faf2e5;border-color:#665943}
html[data-appearance=dark] .feature-light{background:#302b24;border-color:#4d4539}
html[data-appearance=dark] .closing::after{opacity:.15}
html[data-appearance=dark] .closing .button{background:#efd7b1;color:#31281a}
html[data-appearance=dark] :is(.plan .outline,.theme-card-copy>div,.customer-card-link,.partner-card button,.partner-selection,.benefit,.page-story li,.contact-options article,.article-end){border-color:#5f5340;color:#e8d7bc}
html[data-appearance=dark] :is(.blog-intro>div>p:not(.eyebrow),.blog-featured-copy>p:not(.eyebrow),.blog-card p,.blog-card-meta,.blog-count,.blog-total,.blog-search label,.blog-read,.blog-pagination,.article-heading>p,.article-meta,.article-byline,.article-byline small,.article-byline time,.article-body p,.article-body .article-lead,.article-body .article-source,.article-toc nav a,.article-toc>span,.article-end p,.article-end a,.article-checklist h2,.article-checklist li){color:#cfc4b2}
html[data-appearance=dark] :is(.customer-category,.customer-count,.customer-logo-name,.customer-showcase-bottom p,.customer-motion,.customer-search label,.customer-empty,.customer-card-arrow){color:#d2c2a7}
html[data-appearance=dark] :is(.partner-lead,.partner-card p,.partner-card li,.partner-card-number,.partner-terms-note,.partner-invite>p:not(.eyebrow),.partner-selection p,.partner-invite>a,.partner-invite>small,.partner-form-grid label,.partner-form-grid label>small,.partner-result p,.partner-faq details p){color:#d3c7b5}
html[data-appearance=dark] :is(.auth-description,.auth-story-description,.auth-field>label,.auth-kicker,.auth-demo-note,.auth-other,.auth-help,.auth-footer,.auth-consent label,.field-hint,.auth-result>p:not(.auth-kicker),.auth-header>div,.auth-steps li){color:#d0c4b2}
html[data-appearance=dark] :is(.auth-options a,.auth-other>a,.auth-help a,.auth-footer a,.auth-footer button,.auth-header>div>a,.auth-consent a,.auth-back-step,.auth-story-footer,.auth-story-footer a){color:#edd7b4}
html[data-appearance=dark] :is(.auth-help,.auth-steps,.auth-header>div>a){border-color:#5f5340}
html[data-appearance=dark] .auth-header>div>a{background:#383127;color:#f5e7d0}
html[data-appearance=dark] :is(.field-error,.auth-form-error){color:#ffa6c2}
html[data-appearance=dark] .motion-control{background:#322c22ee;color:#eaddc7;border-color:#5f5441}
html[data-appearance=dark] :is(.customer-group a,.customer-card-logo){background:#fffdfb}
@media(max-width:1100px){html[data-appearance=dark] .header nav{background:#2c2720;border-color:#5f5441}}
@media(max-width:600px){.header .header-actions{display:none}.header .appearance-toggle{margin-left:auto}.header .menu-toggle{margin-left:0}.appearance-toggle,.back-to-top{width:44px;height:44px}.back-to-top{right:16px;bottom:calc(70px + env(safe-area-inset-bottom))}.appearance-floating{left:16px;bottom:calc(16px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.appearance-toggle,.back-to-top{transition:none}html{scroll-behavior:auto}}
@media(max-width:600px){.header nav .appearance-mobile-register{display:block!important}}