.ecosystem-site{
  --paper:#14171a;
  --white:#1e2328;
  --ink:#f3f4f5;
  --muted:#b0b7bd;
  --line:#3a4148;
  --dark:#0e1114;
  --surface:#1d2227;
  --field:#101418;
  --field-line:#69737c;
  --accent:#ff923e;
  --tint:#302820;
  --accent-light:#ffb476;
  --brand-orange:#ff6a00;
  --brand-surface:#1c222a;
  color-scheme:dark;
}
/* Display the complete horizontal lockup from the unchanged approved brandboard. */
.brand{
  --brand-width:218px;
  mix-blend-mode:normal;
}
.brand .brand-lockup{
  width:var(--brand-width);
  aspect-ratio:936/260;
  mix-blend-mode:lighten;
}
.brand .brand-lockup img{
  width:164.102564%;
  left:-10.256410%;
  top:-36.923077%;
}
.site-header{
  background:var(--brand-surface);
  border-bottom-color:#363e47;
  color:#f4f5f6;
  backdrop-filter:none;
}
.eco-nav>a[aria-current]{border-color:var(--brand-orange)}
.eco-nav>a:hover,.product-menu>summary:hover,.eco-cta:hover{color:var(--accent-light)}
.eco-cta{border-left-color:#46505a}
.eco-cta>img,.product-menu>summary>img{filter:invert(1)}
.site-header :is(a,summary):focus-visible{outline-color:var(--accent-light)}
.product-menu-panel{color:var(--ink)}
.product-menu-panel :is(a,summary):focus-visible{outline-color:var(--accent)}
.footer-band{background:var(--brand-surface);border-top:1px solid #363e47}
.eco-footer{border-top:0;color:#f4f5f6}
.site-footer .brand{--brand-width:196px}
.site-footer>span{color:#b9c0c7}
.site-footer>a:last-child:hover{color:var(--accent-light)}
.site-footer>a:last-child img{filter:invert(1)}
.site-footer :is(a,button):focus-visible{outline-color:var(--accent-light)}
.status-dot{background:var(--accent-light)}
.noise-toggle input{accent-color:var(--brand-orange)}
.packet-line b{color:#ffd3b2;background:#583b28}
.save-command{color:#ffd3b2}
.capability-tabs button[aria-selected=true],.task-choice:has(input:checked){background:var(--tint)}
.architecture-section .section-number,.scenario-band .section-number,.scenario-panel li>span,.context-line strong{color:var(--accent-light)}
.system-spine a:hover strong,.cross-product:hover strong{color:var(--accent-light)}
.scenario-tabs button[aria-selected=true]{border-color:var(--brand-orange)}
::selection{background:#ff923e;color:#101418}
.skip-link{background:var(--brand-orange);color:#101418}
.ecosystem-site img[src*="/icons/"]{filter:invert(1)}
.action,.export-actions .action{
  background:var(--brand-orange);
  border-color:var(--brand-orange);
  color:#111418;
  font-weight:600;
  box-shadow:inset 0 1px 0 #ffffff30;
}
.action:hover,.export-actions .action:hover{background:#ff984c;border-color:#ff984c}
.ecosystem-site .action img{filter:none}
.action:focus-visible{outline-color:var(--ink)}
.plain-button,.export-actions .plain-button,.icon-button{
  background:var(--surface);
  border-color:var(--field-line);
}
.plain-button:hover,.export-actions .plain-button:hover,.icon-button:hover{background:#30363d;border-color:#a2aab1}
.text-action{
  display:inline-flex;align-items:center;gap:12px;min-height:44px;
  border:0;background:transparent;padding:0;color:var(--accent);font-size:13px;
}
.text-action:hover{text-decoration:underline;text-underline-offset:4px}
.icon-button[aria-pressed=true]{background:var(--brand-orange);border-color:var(--brand-orange)}
.ecosystem-site .icon-button[aria-pressed=true] img{filter:none}
.ecosystem-site :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]),select,textarea){
  color:var(--ink);
  background:var(--field);
  border-color:var(--field-line);
  caret-color:var(--accent);
}
.ecosystem-site input::placeholder,.ecosystem-site textarea::placeholder{color:#a3acb4;opacity:1}
.ecosystem-site :is(input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.ecosystem-site :is(input,select,textarea)[aria-invalid=true]{border-color:#ffac94;outline-color:#ffac94}
.form-message,.configuration-error{color:#ffac94}
.task-choice{background:var(--surface);border-color:var(--field-line)}
.task-choice:has(input:checked){background:var(--tint);border-color:var(--brand-orange)}
.config-badge{color:var(--accent);border-color:#74604d}
.brief-table thead{background:var(--surface)}
.brief-table tbody tr:nth-child(even){background:#1a1f23}
.brief-table :is(th,td):first-child{padding-left:12px}
.solution-options label{border-bottom:1px solid var(--line)}
.solution-options label:has(input:checked) strong{color:var(--ink)}
.config-steps button[aria-current=step],.layer-tabs button[aria-selected=true]{background:var(--tint)}
.product-menu-panel{
  background:var(--surface);
  border-color:#505a63;
  box-shadow:0 16px 32px #00000040;
}
.product-menu-panel a:hover{color:var(--accent-light)}
.product-menu-panel .menu-group>p{color:var(--accent)}
.hero-field{border-color:var(--line)}
.hero-art{opacity:1}
.hero h1,.product-heading h1{color:#fafafa}
.drawing-caption,.drawing-footer{color:#a3adb5}
.system-spine{background:#20262b;border-top:1px solid var(--line)}
.system-spine a{transition:background .18s}
.system-spine a:hover{background:#2c3339}
.product-card:hover{background:#20262b}
.product-card-top{gap:14px}
.product-card-top strong{margin-right:auto}
.brand-product-icon{
  display:block;width:44px;height:44px;flex:0 0 44px;
  background-image:url("./uzel-x-brandboard-approved.png");
  background-size:800% 533.333333%;
  background-position:4.910714% 88.701923%;
  mix-blend-mode:lighten;
}
.brand-product-icon[data-mark=meet]{background-position:22.842262% 88.701923%}
.brand-product-icon[data-mark=studio]{background-position:40.773810% 88.701923%}
.brand-product-icon[data-mark=ai]{background-position:58.630952% 88.701923%}
.brand-product-icon[data-mark=drive]{background-position:76.785714% 88.701923%}
.brand-product-icon[data-mark=tools]{background-position:94.866071% 88.701923%}
.scenario-band,.related-band,.architecture-section,.meeting-cross{border-block:1px solid var(--line)}
.scenario-tabs button:hover{background:#252b30;color:var(--ink)}
.scenario-tabs button[aria-selected=true]{background:#29231e}
.capabilities-section{background:#191d21}
.product-demo,.meeting-workbench,.template-preview,.editor-preview,.scene-diagram,.logic-diagram,.import-diagram{background:var(--surface);border-color:#505a63}
.demo-title,.workbench-top,.meeting-toolbar{
  background:linear-gradient(180deg,#2b3137,#1b2025);
  border-bottom:1px solid #515b64;
}
.workbench{background:var(--surface);border:1px solid #505a63}
.demo-foot,.diagram-foot,.meeting-demo-footer{background:#181d21}
.source-button{background:#161b20;border-color:var(--field-line)}
.source-button[aria-pressed=true]{background:var(--tint);color:var(--ink);border-color:var(--brand-orange)}
.source-button[aria-pressed=true] span{color:#e9cbb5}
.packet-line b{background:#4b3424;color:#ffc493}
.segmented{border-color:var(--field-line)}
.segmented button:hover{background:#30373d}
.segmented button[aria-pressed=true]{background:var(--brand-orange);color:#111418}
.segmented button+button{border-color:var(--field-line)}
.control-heading output{color:var(--accent)}
.editor-elements .editor-scene{background:var(--brand-orange);color:#111418}
.local-ai-flow li:not(:last-child)::after{filter:invert(1);opacity:.7}
.task-cancelled .task-fields{opacity:1}
.protocol-review-status{color:var(--accent)}
.faq-list details[open]{border-top-color:var(--brand-orange)}
.faq-list summary:hover{color:var(--accent-light)}
.faq-list details p{color:#c0c6cb}
.footer-band{background:var(--brand-surface)}
@keyframes highlight{0%{background:#49311f}100%{background:transparent}}
@media(max-width:900px){
  .eco-header .brand{--brand-width:192px}
}
@media(max-width:700px){
  .eco-header .brand{--brand-width:174px}
  .site-footer .brand{--brand-width:166px}
  .scenario-tabs button[aria-selected=true]{border-bottom-color:#50575b;border-left-color:var(--brand-orange)}
}
@media(max-width:380px){
  .eco-header .brand{--brand-width:152px}
  .site-footer .brand{--brand-width:148px}
}