.theme-toggle{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;padding:7px;color:#6730bd;background:#ffffff7a;border:1px solid #d8c5ef;border-radius:50%;cursor:pointer}.theme-toggle svg{width:20px;height:20px}.theme-sun{display:none}.theme-toggle:hover{background:#eaddfa}.header .nav{gap:14px}.theme-toggle:focus-visible{outline:3px solid var(--mint);outline-offset:4px}
html[data-theme=dark]{color-scheme:dark;--purple:#b391ff;--deep:#f1e8ff;--ink:#eee7fa;--muted:#b9aecb;--lavender:#20192e;--border:#473757;--mint:#43d9cc;background:#151022}
html[data-theme=dark] body{background:#151022;color:var(--ink)}
html[data-theme=dark] main{background:radial-gradient(ellipse at 12% 10%,#60378c40,transparent 35%),radial-gradient(ellipse at 90% 45%,#17665d24,transparent 35%),#151022!important}
html[data-theme=dark] main>section{background:transparent!important}
html[data-theme=dark] .header .nav{background:linear-gradient(120deg,#292035eb,#20192ee0);border-color:#67507970;box-shadow:inset 0 1px 0 #ffffff15,0 10px 35px #00000025}
html[data-theme=dark] .brand img{mix-blend-mode:normal;filter:brightness(0) invert(1)}
html[data-theme=dark] :is(.service-card,.hosting-feature,.expert-card,.expert-card.expert-featured,.service-guidance,.concept-card,.cta,.option,.plan,.email-feature,.contact-form,.contact-aside,.post-card,.blog-notice,.founder,details,.detail-symbol){background:linear-gradient(135deg,#30253fbb,#211b31b8);border-color:#71568a5c;box-shadow:inset 0 1px 0 #ffffff0c,0 12px 35px #00000013;color:var(--ink)}
html[data-theme=dark] :is(p,.muted,.expert-card p,.expert-card li,.service-guidance p,.expert-category,.expert-number,.art-caption,.copyright,.breadcrumb,.concept-info p,.hero-note,.post-card time){color:var(--muted)}
html[data-theme=dark] :is(h1,h2,h3,summary,label,.feature-list strong){color:var(--ink)}
html[data-theme=dark] :is(h1 span,.hero-copy h1 span,.card-link,.text-link,.expert-link,.header nav a[aria-current]){color:var(--purple)}
html[data-theme=dark] :is(.eyebrow,.checks svg,.expert-card li svg){color:var(--mint)}
html[data-theme=dark] :is(.icon-box,.expert-icon,.guidance-icon){background:linear-gradient(135deg,#5840729c,#38284d);color:#c5a7ff;border-color:#a184bd55;box-shadow:inset 0 1px 0 #ffffff17}
html[data-theme=dark] :is(.btn:not(.outline),.nav-cta,.floating-contact){background:linear-gradient(140deg,#8643db,#6228b4);color:#fff;border-color:#af83ea66}
html[data-theme=dark] :is(.btn.outline,.hero .btn.outline,.language-switch,.theme-toggle,.menu-toggle){background:#322441;color:#d3bcff!important;border-color:#755791;box-shadow:inset 0 1px 0 #ffffff12}
html[data-theme=dark] .theme-toggle:hover{background:#4a3262}html[data-theme=dark] .theme-moon{display:none}html[data-theme=dark] .theme-sun{display:block}
html[data-theme=dark] :is(input,textarea,select){background:#1c1629;color:var(--ink);border-color:#655075}html[data-theme=dark] :is(input,textarea)::placeholder{color:#a497b5}html[data-theme=dark] option{background:#211a30;color:var(--ink)}
html[data-theme=dark] footer{background:#120e1c;border-color:#3b2c4b}html[data-theme=dark] :is(.copyright,.expert-link,details,.value-grid article,.feature-list li){border-color:#4c385f}
html[data-theme=dark] :is(.concept-browser,.mini-browser){background:#30233f;border-color:#5a4070}html[data-theme=dark] :is(.concept-chrome,.browser-top){background:#21172f;color:#bba5cf;border-color:#59416b}html[data-theme=dark] :is(.concept-meta>span,.art-caption){background:#302640;border-color:#5b436e}html[data-theme=dark] :is(.concept-copy b,.concept-campaign b,.concept-shop-title b){color:#f0e6ff}html[data-theme=dark] .concept-nav>span{background:#b38ae4}
@media(max-width:1200px) and (min-width:801px){.header .nav{gap:10px;padding-inline:20px}.header .brand{width:120px}.header nav,html[lang=en] .header nav{gap:10px}.header nav a{font-size:14px}.header .nav-cta{font-size:13px;padding-inline:14px}}
@media(max-width:800px){.header .theme-toggle{margin-inline-start:auto}.header .nav{gap:12px}html[data-theme=dark] .header nav{background:#251c33f7;border-color:#725587}html[data-theme=dark] .menu-toggle span{background:#d9c7f5}}
/* Miniature site previews must use a complete dark palette, including their canvas. */
html[data-theme=dark] .concept-preview{background:#21182e;border-color:#655074;box-shadow:0 7px 20px #00000020}
html[data-theme=dark] .concept-screen{background:linear-gradient(145deg,#30213f,#211a32);color:#f0e6ff}
html[data-theme=dark] :is(.concept-copy small,.concept-campaign small,.concept-meta>span){color:#6ce4d6}
html[data-theme=dark] .concept-meta>b{color:#c1aacf}
html[data-theme=dark] .concept-device svg{color:#c4a9e8}
html[data-theme=dark] :is(.concept-nav>i,.concept-copy>span,.concept-campaign>span,.concept-shop-title>span){background:#8a70a4}
html[data-theme=dark] .concept-blocks i{background:#5a406f}
html[data-theme=dark] .concept-building{background:linear-gradient(140deg,#65477e,#295a58)}
html[data-theme=dark] .concept-building i{background:repeating-linear-gradient(0deg,#a78bbb 0px,#a78bbb 2px,#58416e 2px,#58416e 13px);box-shadow:4px 0 0 #76558a}
html[data-theme=dark] .concept-products>div{background:linear-gradient(145deg,#49335d,#294b4b);border-color:#79608e}
html[data-theme=dark] .concept-products>div:nth-child(2){background:linear-gradient(145deg,#2c504e,#4b335e)}
html[data-theme=dark] .concept-products svg{stroke:#dcc2ff}
html[data-theme=dark] .concept-products i{background:#b49bc8}
html[data-theme=dark] .concept-products span{background:#8c749f}
html[data-theme=dark] .concept-target{background:#2c5754;border-color:#7fc6bc}
html[data-theme=dark] .concept-target svg{color:#a2f2e6}
html[data-theme=dark] .concept-campaign>em{background:#7940b5;color:#fff}
/* Keep language, appearance and project action together. */
.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.header-actions .language-switch{display:inline-flex;align-items:center;font-size:12px!important;line-height:1.4;font-weight:700}.header-actions .theme-toggle{margin:0}.header-actions .nav-cta{white-space:nowrap}.header .nav{gap:20px}.header nav{gap:24px}
@media(min-width:801px) and (max-width:1200px){.header .brand{width:115px}.header .nav{gap:12px;padding-inline:20px}.header nav{gap:13px}.header nav a{font-size:13px}.header-actions{gap:7px}.header-actions .nav-cta{font-size:12px;padding:10px 13px}.header-actions .theme-toggle{width:32px;height:32px;flex-basis:32px}.header-actions .language-switch{padding:6px 9px}}
@media(min-width:801px) and (max-width:1000px){.header-actions .nav-cta{display:none}.header nav{gap:10px}.header .brand{width:105px}}
@media(max-width:800px){.header .nav{gap:12px}.header-actions{margin-inline-start:auto;gap:8px}.header-actions .nav-cta{display:none}.header .menu-toggle{order:4}.header-actions .language-switch{padding:7px 9px;font-size:11px!important}.header-actions .theme-toggle{margin:0}.header .brand{width:130px}}
@media(max-width:380px){.header .brand{width:110px}.header .nav{padding-inline:13px;gap:8px}.header-actions{gap:6px}.header-actions .theme-toggle{width:32px;height:32px;flex-basis:32px}.header .menu-toggle{width:35px;padding:7px}}