/* Theme switch: same square controls and violet accent as the main navigation. */
:root{color-scheme:light}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:42px;padding:9px 11px;border:1px solid #d2d2d9;border-radius:0;background:transparent;color:#17181a;font:700 12px/1 Arial;cursor:pointer;flex:none}
.theme-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.theme-sun{display:none}
.site-header .header-actions{gap:10px}
.theme-toggle:hover{border-color:#7015ff;color:#7015ff}
.theme-toggle:focus-visible{outline:3px solid #a473ff;outline-offset:3px}
html[data-theme=dark]{color-scheme:dark;--ink:#f4f4f7;--paper:#101114;--muted:#b2b2bd;--line:#38383f;--gray:#222328;--white:#fff}
html[data-theme=dark] body{background:#101114;color:#f4f4f7}
html[data-theme=dark] .site-header{background:#101114f5;border-bottom-color:#303037}
html[data-theme=dark] .site-footer{background:#141519}
html[data-theme=dark] .footer-bottom{border-color:#36363e}
html[data-theme=dark] .brand-wordmark>span{color:#fff}
html[data-theme=dark] .brand-wordmark .brand-accent{color:#a36cff}
html[data-theme=dark] .theme-toggle{border-color:#45454f;color:#f4f4f7}
html[data-theme=dark] .theme-moon{display:none}
html[data-theme=dark] .theme-sun{display:block}
html[data-theme=dark] .theme-toggle:hover{border-color:#a36cff;color:#b98fff}
html[data-theme=dark] .main-nav a:hover,html[data-theme=dark] .main-nav a[aria-current]{color:#b18aff}
html[data-theme=dark] .main-nav a{border-color:#38383f}
html[data-theme=dark] .page-hero p:not(.eyebrow){color:#c3c3ce}
html[data-theme=dark] .page-hero h1 span,html[data-theme=dark] .text-link,html[data-theme=dark] .label-num,html[data-theme=dark] .panel .eyebrow,html[data-theme=dark] .faq-cat,html[data-theme=dark] .faq-plus,html[data-theme=dark] .table thead th,html[data-theme=dark] .steps-grid article>span{color:#ac7cff}
html[data-theme=dark] .btn-dark,html[data-theme=dark] .btn-primary{background:#f4f4f7;color:#17181a;border-color:#f4f4f7}
html[data-theme=dark] .btn-dark:hover,html[data-theme=dark] .btn-primary:hover{background:#7015ff;border-color:#7015ff;color:#fff}
html[data-theme=dark] .btn-light{background:#fff;color:#17181a;border-color:#fff}
html[data-theme=dark] .btn-outline:hover{background:#f4f4f7;color:#17181a}
html[data-theme=dark] .violet-cta .btn-dark{background:#17181a;border-color:#17181a;color:white}
html[data-theme=dark] .violet-cta .btn-dark:hover{background:white;border-color:white;color:#17181a}
html[data-theme=dark] .price-card{background:#24252b}
html[data-theme=dark] .price-dark{background:#17181c}
html[data-theme=dark] .price-card li:before{color:#b18aff}
html[data-theme=dark] .panel,html[data-theme=dark] .soft{background:#1b1c21}
html[data-theme=dark] .privacy-copy .panel{background:transparent}
html[data-theme=dark] .calculator-results{background:#202127;color:white}
html[data-theme=dark] .field input,html[data-theme=dark] .field select,html[data-theme=dark] .field textarea,html[data-theme=dark] .search{background:#1d1e24;border-color:#4b4b57;color:#f4f4f7}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#92929e;opacity:1}
html[data-theme=dark] .choice{border-color:#454550}
html[data-theme=dark] .choice:has(input:checked){background:#2b2043;border-color:#a36cff}
html[data-theme=dark] .filter{color:#f4f4f7;border-color:#555560}
html[data-theme=dark] .filter[aria-pressed=true]{background:#7015ff;border-color:#7015ff;color:white}
html[data-theme=dark] .status.success{background:#193124;color:#c0edcb}
html[data-theme=dark] .status.error{background:#3b1d24;color:#ffc4cc}
html[data-theme=dark] .skip{background:#26272e;color:white}
html[data-theme=dark] dialog{background:#191a20;color:#f4f4f7;border-color:#52525e}
html[data-theme=dark] .dialog-close{color:#f4f4f7}
/* Keep the example business websites in their original brand palettes. */
html[data-theme=dark] .business-auto{--ink:#17181a;color:#17181a;color-scheme:light}
html[data-theme=dark] .business-demo .btn-dark{background:#17181a;color:white;border-color:#17181a}
html[data-theme=dark] .business-demo .btn-light{background:#fff;color:#17181a}
html[data-theme=dark] .demo-notice{background:#282036;color:#e5d7ff}
/* Change the surrounding stage, keeping the BEFORE / BAKED screens intact. */
html[data-theme=dark] #sb-home-rework{--sb-w:#101114;--sb-i:#f4f4f7;--sb-l:#38383f;background:#101114;color:#f4f4f7;color-scheme:dark}
html[data-theme=dark] #sb-home-rework .hero-copy h1 span{color:#a474ff}
html[data-theme=dark] #sb-home-rework .pane-label{background:#292a33;color:#d6d6e0}
html[data-theme=dark] #sb-home-rework .pane-label.baked-badge{background:#7015ff;color:#fff}
html[data-theme=dark] #sb-home-rework .viewport-caption,html[data-theme=dark] #sb-home-rework .reel-note{color:#b0b0bc}
html[data-theme=dark] #sb-home-rework .arrow{background:#1c1d24;color:#f4f4f7;border-color:#555560}
html[data-theme=dark] #sb-home-rework .reel-dot span{background:#5b5b68}
html[data-theme=dark] #sb-home-rework .reel-dot[aria-pressed=true] span{background:#a474ff}
html[data-theme=dark] #sb-home-rework .proof{border-color:#454550}
html[data-theme=dark] .hero-art:after,html[data-theme=dark] #sb-home-rework .floor-shadow{background:linear-gradient(180deg,transparent,#79738824,transparent)}
/* Optional services use the same dark surfaces as the rest of the site. */
html[data-theme=dark] .home-addons{background:#101114;border-color:#38383f}
html[data-theme=dark] .addon-catalogue-heading h2 span,html[data-theme=dark] .addon-text-link,html[data-theme=dark] .addon-jump{color:#b18aff;border-color:#8f56f6}
html[data-theme=dark] .addon-card,html[data-theme=dark] .addon-card[data-tone]{background:#1a1b20;color:#f4f4f7;border-color:#44444f}
html[data-theme=dark] .addon-icon,html[data-theme=dark] .addon-ribbon,html[data-theme=dark] .addon-more span{color:#b18aff}
html[data-theme=dark] .addon-category{color:#a5a3b1}
html[data-theme=dark] .addon-description{color:#c1c0cc}
html[data-theme=dark] .addon-visual{background:#23242b;color:#c4c3d0;border-color:#3e3e48}
html[data-theme=dark] .mini-chat-question{background:#34353e;color:#f4f4f7}
html[data-theme=dark] .mini-chat-answer{background:#7015ff;color:white}
html[data-theme=dark] .mini-time b{border-color:#52515f}
html[data-theme=dark] .mini-time .chosen{border-color:#7015ff}
html[data-theme=dark] .mini-stars{color:#b18aff}
html[data-theme=dark] .addon-more,html[data-theme=dark] .addon-card details{border-color:#41414c}
html[data-theme=dark] .addon-card details p{color:#bfbcca}
html[data-theme=dark] .addon-select{background:#7015ff;border-color:#7015ff;color:#fff}
html[data-theme=dark] .addon-select[aria-pressed=true]{background:#fafafb;border-color:#fafafb;color:#17181a}
html[data-theme=dark] .addon-card.is-selected{border-color:#a36cff;box-shadow:inset 0 0 0 2px #a36cff}
html[data-theme=dark] .addon-featured[data-tone=violet]{background:#0b0c0f;border-color:#52505c}
html[data-theme=dark] .addon-featured[data-tone=coral]{background:#7015ff;border-color:#7015ff;color:white}
html[data-theme=dark] .addon-featured[data-tone=coral] .addon-icon,html[data-theme=dark] .addon-featured[data-tone=coral] .addon-ribbon,html[data-theme=dark] .addon-featured[data-tone=coral] .addon-more span{color:white}
html[data-theme=dark] .addon-featured[data-tone=coral] .addon-description{color:#ffffffd9}
html[data-theme=dark] .addon-featured[data-tone=coral] .addon-visual{background:#ffffff0b;color:#ffffffd9}
html[data-theme=dark] .addon-featured[data-tone=coral] .addon-select{background:#fff;color:#7015ff;border-color:#fff}
html[data-theme=dark] .addon-featured[data-tone=coral] .addon-select[aria-pressed=true]{background:#17181a;color:white;border-color:#17181a}
html[data-theme=dark] .addon-tools,html[data-theme=dark] .addon-usage-note,html[data-theme=dark] .addon-planner-section{background:transparent;border-color:#41414b}
html[data-theme=dark] .addon-filter,html[data-theme=dark] .addon-search-label input{background:#1e1f25;border-color:#51515c;color:#f4f4f7}
html[data-theme=dark] .addon-filter[aria-pressed=true]{background:#7015ff;border-color:#7015ff}
html[data-theme=dark] .addon-estimate{background:#1a1b21;border-color:#484853}
html[data-theme=dark] .addon-total{color:#b18aff!important}
html[data-theme=dark] .addon-total small,html[data-theme=dark] .addon-planner>div>p:not(.eyebrow),html[data-theme=dark] .addon-usage-note p,html[data-theme=dark] .addon-count,html[data-theme=dark] .addon-home-note{color:#b9b6c6}
html[data-theme=dark] .addon-usage-note strong{color:#f4f4f7}
html[data-theme=dark] #addonSelection li{border-color:#45434f}
html[data-theme=dark] #addonSelection button,html[data-theme=dark] .addon-clear{color:#bda1e3}
@media(max-width:850px){.theme-label{display:none}.theme-toggle{width:42px;height:42px;padding:9px}.site-header .header-actions{gap:7px}}
@media(max-width:600px){.site-header .header-inner{gap:10px}.site-header .header-actions{gap:6px}.theme-toggle,.site-header .menu-btn{width:38px;height:38px;min-width:38px;min-height:38px}.brand-wordmark{font-size:32px}.brand-icon{width:29px;height:29px}}
@media(max-width:360px){.brand-wordmark{font-size:28px;gap:5px;letter-spacing:-1.8px}.brand-icon{width:25px;height:25px}.brand-wordmark sup{font-size:8px;margin-left:3px}.site-header .header-actions{gap:5px}.theme-toggle,.site-header .menu-btn{width:36px;height:36px;min-width:36px;min-height:36px}}
/* Extend the chosen canvas color into iPhone's status / home-indicator safe areas. */
html{background:#fafafb;min-height:100%}
html[data-theme=dark]{background:#101114}
body{min-height:100dvh}
.site-header{padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
.site-footer{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
@media(max-width:850px){.site-header .main-nav{top:calc(70px + env(safe-area-inset-top,0px))}}
@media(max-width:600px){.site-header .main-nav{top:calc(64px + env(safe-area-inset-top,0px))}html{scroll-padding-top:calc(77px + env(safe-area-inset-top,0px))}}
@media(orientation:landscape){body>main,body>.site-footer{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}}

:root{--theme-canvas:#fafafb}html[data-theme=dark]{--theme-canvas:#101114}
html,body{background-color:var(--theme-canvas)}
.site-header{background:var(--theme-canvas)!important;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate}
.site-header:before{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top,0px);background:var(--theme-canvas);pointer-events:none;z-index:101}