html[data-theme="light"] { color-scheme: light; }
html[data-theme="dark"] { color-scheme: dark; background: #101214; }
.theme-toggle { width:40px;height:40px;flex:0 0 auto;padding:0;border:1px solid #091e421f;border-radius:50%;background:transparent;color:#505258;display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s,border-color .2s; }
.theme-toggle svg { width:20px;height:20px;display:block; }
.theme-toggle:hover { background:#e9f2ff;color:#1868db;border-color:#b3cdfb; }
.theme-toggle:focus-visible { outline:3px solid #669df1;outline-offset:4px; }
html[data-theme="dark"] body { background:#101214;color:#dee4ea; }
html[data-theme="dark"] header { background:rgba(16,18,20,.97);border-color:#ffffff14; }
html[data-theme="dark"] header.is-compact { background:rgba(16,18,20,.82);box-shadow:0 4px 20px #0002; }
html[data-theme="dark"] .logo { color:#f1f2f4; }
html[data-theme="dark"] .logo span,
html[data-theme="dark"] h1>span,
html[data-theme="dark"] .link,
html[data-theme="dark"] .back-home,
html[data-theme="dark"] .service-more,
html[data-theme="dark"] .service-rate,
html[data-theme="dark"] .process-index,
html[data-theme="dark"] .partner-link { color:#85b8ff; }
html[data-theme="dark"] .mark { background:#579dff; }
html[data-theme="dark"] .hero,
html[data-theme="dark"] .partners,
html[data-theme="dark"] .faq,
html[data-theme="dark"] .scope-bento { background:#101214; }
html[data-theme="dark"] .services,
html[data-theme="dark"] .process,
html[data-theme="dark"] .about,
html[data-theme="dark"] .partner-offer,
html[data-theme="dark"] .bottom { background:#161a1d;border-color:#ffffff14; }
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .intro p,
html[data-theme="dark"] .services-lead,
html[data-theme="dark"] .service-card>p,
html[data-theme="dark"] .project>p,
html[data-theme="dark"] .rate-copy p,
html[data-theme="dark"] .rate-note,
html[data-theme="dark"] .rate-label,
html[data-theme="dark"] .rate-base,
html[data-theme="dark"] .bento-card>p,
html[data-theme="dark"] .process-step p,
html[data-theme="dark"] .process-cta small,
html[data-theme="dark"] .partners-intro,
html[data-theme="dark"] .partner-card>p,
html[data-theme="dark"] .partner-note,
html[data-theme="dark"] .about-copy p,
html[data-theme="dark"] .about-page-intro p,
html[data-theme="dark"] .about-principles p,
html[data-theme="dark"] .faq-answer p,
html[data-theme="dark"] .partner-page-hero p,
html[data-theme="dark"] .partner-offer p,
html[data-theme="dark"] .partner-contact p,
html[data-theme="dark"] .bottom p { color:#a9b6c4; }
html[data-theme="dark"] .intro p strong { color:#dee4ea; }
html[data-theme="dark"] .language-switch [aria-current],
html[data-theme="dark"] .footer-language [aria-current] { color:#dee4ea; }
html[data-theme="dark"] .card-included li,
html[data-theme="dark"] .process-heading>p,
html[data-theme="dark"] .partner-intro p,
html[data-theme="dark"] .scope h2>span { color:#a9b6c4; }
html[data-theme="dark"] .scope-bento h2>span,
html[data-theme="dark"] .scope-bento .scope-head p { color:#a9b6c4; }
html[data-theme="dark"] .card-included li::before { color:#85b8ff; }
html[data-theme="dark"] .service-card,
html[data-theme="dark"] .bento-card { background:#1d2125;border-color:#ffffff1c; }
html[data-theme="dark"] .service-card:hover { border-color:#579dff80;box-shadow:0 8px 24px #0002; }
html[data-theme="dark"] .service-bottom,
html[data-theme="dark"] .service-included,
html[data-theme="dark"] .process-step,
html[data-theme="dark"] .faq-item,
html[data-theme="dark"] .about-principles article,
html[data-theme="dark"] .partner-offer article { border-color:#ffffff1c; }
html[data-theme="dark"] .rate-panel { background:#15263e;border-color:#2b4d77; }
html[data-theme="dark"] .promo-badge { background:#342b50;color:#d0bfff; }
html[data-theme="dark"] .secondary { background:#282e33;color:#dee4ea;background-image:none; }
html[data-theme="dark"] .secondary:hover { background:#38414a; }
html[data-theme="dark"] .bento-3 { background:linear-gradient(145deg,#1d2125 35%,#29243c); }
html[data-theme="dark"] .bento-label>span { background:#38414a; }
/* The embedded design samples keep their own light palettes. */
html[data-theme="dark"] .bento-visual,
html[data-theme="dark"] .hero-art .browser,
html[data-theme="dark"] .project .mini { color:#292a2e; }
html[data-theme="dark"] .project:nth-child(2) .mini { color:#fff; }
html[data-theme="dark"] .partner-card { background:#1b2430;border-color:#ffffff1c;--partner-accent:#85b8ff; }
html[data-theme="dark"] .partner-card.partner-back,
html[data-theme="dark"] .partner-card.partner-pm { background:#242033;--partner-accent:#b8acf6; }
html[data-theme="dark"] .partner-card.partner-ads { background:#17283d; }
html[data-theme="dark"] .partner-brand strong { color:var(--partner-accent,#85b8ff); }
html[data-theme="dark"] .partner-card:hover,
html[data-theme="dark"] .partner-card:focus-within { background-color:#282e33;border-color:#8f7ee780; }
html[data-theme="dark"] .partner-page-hero { background:#1b2430; }
html[data-theme="dark"] .partner-page-hero.partner-back,
html[data-theme="dark"] .partner-page-hero.partner-pm { background:#242033; }
html[data-theme="dark"] .partner-page-hero .partner-graphic { color:#b8acf6; }
html[data-theme="dark"] .partner-page-hero .partner-graphic>span { color:#85b8ff; }
html[data-theme="dark"] .partner-page-hero .eyebrow { color:#a9b6c4; }
html[data-theme="dark"] .faq-question { color:#dee4ea; }
html[data-theme="dark"] .faq-question:hover,
html[data-theme="dark"] .faq-question[aria-expanded="true"] { color:#85b8ff; }
html[data-theme="dark"] .slider-arrow,
html[data-theme="dark"] .menu,
html[data-theme="dark"] .theme-toggle { background:#1d2125;color:#dee4ea;border-color:#ffffff26; }
html[data-theme="dark"] .theme-toggle:hover,
html[data-theme="dark"] .slider-arrow:hover { background:#253c5a;color:#85b8ff; }
html[data-theme="dark"] header nav.open { background:rgba(22,26,29,.97);border-color:#ffffff26; }
html[data-theme="dark"] dialog { background:#1d2125;color:#dee4ea;border-color:#38414a;box-shadow:0 12px 40px #0008; }
html[data-theme="dark"] dialog p { color:#a9b6c4; }
html[data-theme="dark"] dialog::backdrop { background:#0009; }
html[data-theme="dark"] .site-footer { background:#101214;color:#a9b6c4;border-color:#ffffff1c; }
html[data-theme="dark"] .footer-bottom { border-color:#ffffff1c; }
html[data-theme="dark"] .footer-copyright>p,
html[data-theme="dark"] .footer-language { color:#a9b6c4; }
html[data-theme="dark"] .footer-socials a { background:#1d2125;border-color:#ffffff1c; }
html[data-theme="dark"] .footer-socials a:hover { background:#253c5a;border-color:#579dff80; }
html[data-theme="dark"] .footer-socials img { filter:invert(1); }
html[data-theme="dark"] #navigation>a:hover,
html[data-theme="dark"] .site-footer nav>a:hover,
html[data-theme="dark"] .language-switch>a:hover,
html[data-theme="dark"] .link:hover,
html[data-theme="dark"] .back-home:hover { color:#b8acf6; }
html[data-theme="dark"] .stan-cursor-note { background:#282e33;color:#dee4ea;border-color:#ffffff26;box-shadow:0 12px 34px #0005; }
@media(max-width:650px) {
  header .nav { gap:12px; }
  header .logo { font-size:27px;letter-spacing:-1.3px; }
  header .actions { gap:8px; }
  header .language-switch { gap:5px;font-size:12px; }
  header .menu { font-size:12px;padding:8px; }
  .theme-toggle { width:36px;height:36px; }
}
@media(max-width:400px) {
  header .wrap.nav { padding-inline:16px;gap:8px; }
  header .logo,header.is-compact .logo { font-size:23px;letter-spacing:-1.1px; }
  header .language-switch { gap:3px;font-size:11px; }
}
@media(prefers-reduced-motion:reduce) { .theme-toggle { transition:none; } }
