/* Isometry brand: warm orange on white. Status colors remain semantic. */
:root{--ink:#292725;--muted:#85817d;--green:#b54532;--line:#ece9e6;--bg:#fff;--accent:#d55641;--accent-strong:#b54532;--accent-soft:#fff1eb}
body{background:#fff}
.mark{background:var(--accent)}
button:hover{background:#fff5f0}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e99e8d;outline-offset:3px}
.avatar{background:#faf2ec;border-color:#eee1d7;color:#8b6454}
nav a{color:#78736e}
nav a.active{background:var(--accent-soft);color:var(--accent-strong)}
.count{background:#f8d9ce;color:#a44735}
.nav-label,.eyebrow{color:#918780}
.protected{background:#fffaf7;color:#b55640}
.protected p,.demo{color:#8a8078}
.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}
.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}
.hero{background:#fff6f0;border-color:#f4e5da}
.hero p{color:#92796b}
.flow{background:radial-gradient(ellipse,#fbe2d5,transparent 70%)}
.node{color:#947b6c}
.node>div{background:#fffaf6;border-color:#eed6c6;color:#b78263}
.node.gateway>div{background:var(--accent);color:#fff;box-shadow:0 0 0 7px #f9dfd3}
.wire{border-color:#d9ad90;color:#c88a64}
.stat .label{color:#8c8179}
.stat strong{color:#292725}
.panel-head{border-color:#f2eeeb}
.chart{background:repeating-linear-gradient(to top,transparent 0,transparent 43px,#f7f3ef 44px)}
.bar{background:#f1baa3}
.bar:nth-last-child(-n+3){background:var(--accent)}
.chart-label{color:#998a7f}
.track{background:#f8ede6}
.track>i{background:var(--accent)}
th{color:#958a80;background:#fdfbf9}
td{border-color:#f2eeeb}
.icon{background:#faf2ec;border-color:#f0e3d8;color:#b76d4c}
.subtle{color:var(--accent-strong)}
code{background:#faf2ec;color:#8f6250}
pre{background:#302925;color:#f1d8c8}
.notice{background:#fff7f1;border-color:#f1e3d6;color:#94715a}
input,select{border-color:#e7dfd8}
.capabilities span{background:#faf2ec;color:#936f58}
.wallet-balance span{color:#9b8271}
.wallet-summary .icon{background:#fff0e7;color:var(--accent)}
#toast{background:#352d28}
dialog{box-shadow:0 30px 100px #37261930}
dialog::backdrop{background:#2e211c45}
footer{color:#a09388}
.cloud-plan{background:#fff5ee}
/* Green means allowed, and amber means blocked, independent of brand. */
.green{color:#3d8060}
#language-switch{display:flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:7px;padding:3px;background:#fff;flex-shrink:0}
#language-switch button{border:0;background:transparent;padding:5px 8px;font-size:11px;color:#8b817a;border-radius:4px;min-height:28px}
#language-switch button.selected{background:var(--accent-soft);color:var(--accent-strong);font-weight:700}
#language-switch>span{font-size:10px;color:#c5b9b1}
html[lang=en] .heading h1{font-size:28px;letter-spacing:-.8px}
html[lang=en] .hero-copy p{max-width:460px}
html[lang=en] .policy-row b{max-width:60%;text-align:right}
@media(max-width:720px){header>div{gap:8px}header .demo{display:none}header>span{gap:7px;font-size:10px}#language-switch button{padding:5px 7px}html[lang=en] .heading h1{font-size:25px}html[lang=en] .heading>.primary{max-width:115px;flex-shrink:0}}
.brand{gap:9px;min-height:32px;align-items:center}
.isometry-logo{display:block;width:145px;height:auto}
.brand .beta{align-self:center;margin-bottom:0;font-size:7px;letter-spacing:.8px}
.node.gateway>div{background:#fffaf6;border-color:#efc8b9}
.gateway-logo{display:block;width:32px;height:36px}
@media(max-width:1100px) and (min-width:721px){.isometry-logo{width:112px}.brand{gap:6px}.brand .beta{font-size:6px}}
.icon.provider-logo{background:transparent;border:0;border-radius:0}
.provider-logo img{display:block;width:32px;height:32px;object-fit:contain;filter:none}
.service .icon.provider-logo{width:42px;height:42px}
.service .provider-logo img{width:40px;height:40px}
.service .icon.provider-mistral{width:120px}
.service .provider-mistral img{width:120px;height:40px}
.identity .icon.provider-mistral{width:64px}
.identity .provider-mistral img{width:64px;height:32px}