/* Semantic color tokens shared by light and dark surfaces. */
.contact-honey{display:none}
.button:disabled{opacity:.65;cursor:wait;transform:none}
:root {
  color-scheme: light;
  --surface: #fcfcf8;
  --surface-alt: #eeefe7;
  --hover: #e8eae0;
  --on-strong: #f7f7f2;
  --button-ink: #232520;
  --illustration: #edeee6;
  --grid-dot: #cdd0c4;
  --orbit-line: #d1d5c7;
  --success: #5a6958;
  --contact-surface: #252b24;
  --contact-text: #f7f7f2;
  --field-surface: #2e352d;
  --field-border: #626e5d;
  --field-muted: #bec7b7;
  --notice-surface: #f1e3dc;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #141713;
  --ink: #f1f2e9;
  --muted: #a9b1a2;
  --orange: #f47b54;
  --border: #363e32;
  --surface: #1c211a;
  --surface-alt: #1a1f18;
  --hover: #2c3427;
  --on-strong: #141713;
  --illustration: #1b2118;
  --grid-dot: #39432f;
  --orbit-line: #34402c;
  --success: #b5ce9b;
  --contact-surface: #20271c;
  --field-surface: #161c13;
  --field-border: #697760;
  --field-muted: #bac7af;
  --notice-surface: #402c22;
}
.theme-control{position:relative;flex-shrink:0;color:var(--ink)}
.theme-control summary{display:grid;place-items:center;list-style:none;width:40px;height:40px;border:1px solid var(--border);border-radius:5px;cursor:pointer}
.theme-control summary::-webkit-details-marker{display:none}
.theme-control summary:hover,.theme-control[open] summary{background:var(--hover)}
.theme-control summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.theme-control summary svg{width:19px;height:19px}
.theme-options{position:absolute;inset-inline-end:0;top:48px;width:174px;z-index:10;margin:0;padding:9px;border:1px solid var(--border);border-radius:7px;background:var(--surface);box-shadow:0 12px 30px #0003}
.theme-options label{display:flex;align-items:center;gap:10px;padding:11px 9px;font-size:12px;cursor:pointer;border-radius:4px}
.theme-options label:hover{background:var(--hover)}
.theme-options input{accent-color:var(--orange);width:15px;height:15px;margin:0}
.theme-options input:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.button{color:var(--button-ink)}
.button-small{color:var(--ink)}
.button-small:hover,.filter:hover{background:var(--hover)}
.filter.active,.skip-link{color:var(--on-strong)}
.filter.active>span:last-child:not([data-i18n]){color:inherit}
.product-card{background:var(--surface)}
.how-section{background:var(--surface-alt)}
.tags span{color:var(--muted);border-color:var(--border)}
.capabilities>span,.visual-label,.visual-bottom{color:var(--muted)}
.mini-check{color:var(--success)}
.agent-visual{background-color:var(--illustration);background-image:radial-gradient(var(--grid-dot) .8px,transparent .8px)}
.orbit{border-color:var(--orbit-line)}
.floating-chip{background:var(--surface)}
.contact-section{background:var(--contact-surface);color:var(--contact-text)}
.contact-section input,.contact-section textarea{background:var(--field-surface);border-color:var(--field-border);color:var(--contact-text);color-scheme:dark}
.contact-section input::placeholder,.contact-section textarea::placeholder{color:var(--field-muted);opacity:1}
.contact-section p,.contact-section label,.contact-section .eyebrow{color:var(--field-muted)}
#language-status:not(.sr-only){background:var(--notice-surface)}
.language-control select{background:var(--surface)}
.brand-logo-dark{display:none}
:root[data-theme="dark"] .brand-logo-light{display:none}
:root[data-theme="dark"] .brand-logo-dark{display:block}
:root[data-theme="dark"] .product-art{background-color:#252d20;background-color:color-mix(in srgb,var(--art-bg) 12%,#171b17);color:#d0d8c7;color:color-mix(in srgb,var(--art-ink) 30%,#ffffff);background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px)}
:root[data-theme="dark"] .art-symbol{background:#ffffff08;border-color:#ffffff26;box-shadow:none}
:root[data-theme="dark"] .product-badge{background:#171b17e8;color:var(--ink)}
:root[data-theme="dark"] .art-code{opacity:1}
:root[data-theme="dark"] .product-card:hover{box-shadow:0 12px 25px #0003}
:root[data-theme="dark"] .workflow-card{background:#11160f;box-shadow:0 12px 25px #0004;outline:1px solid var(--border)}
:root[data-theme="dark"] .workflow-footer,:root[data-theme="dark"] .workflow-step>span:last-child{color:#a1b095}
:root[data-theme="dark"] .contact-section{outline:1px solid var(--border)}
:root[data-theme="dark"] dialog{background:var(--surface)}
:root[data-theme="dark"] dialog::backdrop{background:#050805b8}
@media(max-width:760px){.site-header{gap:9px}.theme-control{order:2}.menu-toggle{width:34px;height:40px;justify-content:center;align-items:center;padding:5px}.theme-control summary{width:36px}.theme-options{inset-inline-end:-38px}}
@media(max-width:420px){.site-header{gap:6px}.site-header>.brand{font-size:22px;letter-spacing:-1.2px}.site-header .brand-logo{width:28px;height:28px;margin-inline-end:5px}.language-control select{max-width:83px;padding-inline:4px;font-size:10px}.theme-control summary{width:32px}.menu-toggle{width:27px}.theme-options{inset-inline-end:-32px}}