/* The portfolio owns its controls. Shared theme styles must not flatten tabs,
   links, demo skins or disabled states into ordinary filled buttons. */
html[data-theme="triz"] body.home-controls[data-crystal-site="corporate"] {
  --accent: #caf58a;
  --crystal-action: var(--accent);
  --crystal-action-contrast: #182312;
  --crystal-primary-bg: var(--accent);
  --crystal-primary-hover: #defcab;
  --crystal-primary-text: #182312;
  --crystal-control-border: #46533c;
  --crystal-disabled-bg: #20261e;
  --crystal-disabled-text: #9ca791;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] button {
  min-height: 44px;
  background-color: transparent;
  color: var(--ink);
  line-height: 1.4;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] button:hover:not(:disabled):not([aria-disabled="true"]) {
  background-color: var(--panel-2);
  border-color: var(--border);
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .button {
  min-height: 48px;
  background: var(--panel);
  border: 1px solid #46533c;
  color: var(--ink);
  font-size: 14px;
  gap: 18px;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .button.primary {
  background: var(--accent);
  border-color: var(--accent);
  color: #182312;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .button.primary:hover {
  background: #defcab;
  border-color: #defcab;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .text-link {
  background: transparent;
  color: var(--accent);
  padding: 8px 0;
  min-height: 44px;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .text-link:hover {
  background: transparent;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] :is(.icon-button,.command-open) {
  border: 1px solid var(--border);
  border-radius: 3px;
  padding: 8px 10px;
  min-width: 44px;
  min-height: 44px;
  color: var(--muted);
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .icon-button {
  width: 44px;
  flex-shrink: 0;
  padding: 0;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .command-open {
  font-size: 14px;
  height: auto;
}
/* Readable content and captions in both the page and embedded examples. */
html[data-theme] body.home-controls[data-crystal-site="corporate"] :is(.hero-description,.section-heading>p,.case-description,.case-tile-body>p:not(.eyebrow),.module-card>p,.workflow-content>p,.principles p,.contact-section>p:not(.eyebrow),.brief-content>p:first-child,#info-content p) {
  font-size: 1rem;
  line-height: 1.7;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] :is(.desktop-nav a,.workspace-login,.header-cta,.text-link,.small-link,.module-bottom button,.brief-content>label,.brief-content legend,.brief-content select,.brief-content textarea,.brief-content input) {
  font-size: .875rem;
  line-height: 1.5;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] :is(.micro,.eyebrow,.hero-hint,.hero-stats span,.terminal-footer,.terminal-footer button,.preview-heading,.preview-foot,.recipe-preview small,.recipe-preview em,.figure-caption,.local-mark,.terminal-sticker,.demo-caption,.demo-header .micro,.demo-footer,.command-result small,.command-footer,.tag-row>span,.demo-badge,.module-card-head,.module-category) {
  font-size: .75rem;
  line-height: 1.5;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] :is(.terminal-chrome,.hero-command) {
  font-size: .75rem;
  line-height: 1.5;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .hero-stage {
  height: auto;
  min-height: 372px;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .d-app :is(.d-text,.d-subtitle,.d-result p,.d-note,.repair-explain) {
  font-size: .875rem;
  line-height: 1.7;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .d-app :is(.d-field,.d-field input,.d-field select,.d-button,.d-tabs>button) {
  font-size: .875rem;
  line-height: 1.5;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] :is(.brief-content textarea,.brief-content select,.brief-content input:not([type="radio"]),.d-app .d-field input,.d-app .d-field select,.stepper input) {
  font-size: 1rem;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .d-app :is(.d-tiny,.d-overline,.d-app-bar,.d-chip,.d-metric>span,.d-metric small,.d-progress>button small,.access-presets small,.agent-profile small,.bubble>small,.d-app .small-link) {
  font-size: .75rem;
  line-height: 1.6;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .d-app :is(span,b,i,small,code,pre) {
  font-size: .75rem;
  line-height: 1.6;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .d-app p {
  font-size: .875rem;
  line-height: 1.7;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .d-app pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .d-app :is(.vision-result>strong>small,.price-layers strong>small) {
  font-size: 1rem;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] :is(.demo-mode,.receipt-brand,.transcript-label,.console-caption,.phase-terminal) {
  font-size: .75rem;
  line-height: 1.6;
}
html.motion-off {scroll-behavior: auto !important;}
html.motion-off body.home-controls :is(.button:hover,.hero-visual:hover .terminal-slab) {transform: none;}
@media (prefers-reduced-motion:reduce) {
  html[data-theme] body.home-controls :is(.button:hover,.terminal-slab,.hero-visual:hover .terminal-slab) {transform: none;}
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .command-open > span:first-child {line-height: 1;}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .header-actions {
  gap: 10px;
  min-width: 0;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] :is(.workspace-login,.header-cta) {
  min-height: 44px;
  font-size: 12px;
  white-space: nowrap;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .desktop-nav {
  margin-left: auto;
  gap: 22px;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .terminal-tabs button {
  padding: 12px 10px;
  font-size: 12px;
  border-bottom: 2px solid transparent;
  color: var(--muted);
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] :is(.terminal-tabs button[aria-selected="true"],.filters button.active,.device-switch button[aria-pressed="true"],.workflow-nav button[aria-selected="true"]) {
  background: var(--accent);
  border-color: var(--accent);
  color: #182312;
}
/* State colors change together: a delayed fill with immediate dark text made
   the selected workflow step briefly unreadable. Decorative motion stays separate. */
html[data-theme] body.home-controls[data-crystal-site="corporate"] .workflow-nav button {
  transition: none;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] :is(.terminal-tabs button[aria-selected="true"],.filters button.active,.device-switch button[aria-pressed="true"],.workflow-nav button[aria-selected="true"]):hover:not(:disabled):not([aria-disabled="true"]) {
  background: var(--accent);
  border-color: var(--accent);
  color: #182312;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] :is(.filters button.active,.workflow-nav button[aria-selected="true"]) > span {
  color: inherit;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] :is(.filters button,.device-switch button) {
  font-size: 14px;
  padding: 10px 12px;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] :is(.close-button,.command-close) {
  width: 44px;
  min-width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  line-height: 1;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .d-app .d-button {
  background: var(--dpanel);
  border: 1px solid var(--dborder);
  color: var(--dink);
  font-size: 14px;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .d-app .d-button:hover:not(:disabled):not([aria-disabled="true"]) {
  background: var(--dsoft);
  border-color: var(--dgreen);
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .d-app .d-button.d-primary {
  background: var(--dgreen);
  border-color: var(--dgreen);
  color: var(--dgreen-ink);
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .d-app .d-button.d-primary:hover:not(:disabled):not([aria-disabled="true"]) {
  background: var(--dgreen);
  border-color: var(--dgreen);
  color: var(--dgreen-ink);
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .d-app :is(.d-tabs>button,.d-progress>button,.access-presets>button,.moderation-presets button) {
  background: var(--dpanel);
  color: var(--dmuted);
  font-size: 13px;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .d-app :is(.d-tabs>button.active,.access-presets>button.active,.moderation-presets button.active,.d-progress>button.current) {
  background: var(--dgreen);
  border-color: var(--dgreen);
  color: var(--dgreen-ink);
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .d-app :is(.d-tabs>button.active,.access-presets>button.active,.moderation-presets button.active,.d-progress>button.current):hover:not(:disabled):not([aria-disabled="true"]) {
  background: var(--dgreen);
  border-color: var(--dgreen);
  color: var(--dgreen-ink);
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .d-app :is(.access-presets>button.active,.d-progress>button.current) :is(span,small) {
  color: inherit;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .d-app .stepper .d-button {
  min-width: 44px;
  font-size: 18px;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] button:disabled {
  background: var(--crystal-disabled-bg) !important;
  color: var(--crystal-disabled-text) !important;
  border-color: var(--crystal-control-border) !important;
}
@media (max-width:1100px) {
  html[data-theme] body.home-controls[data-crystal-site="corporate"] .header {gap: 16px;}
  html[data-theme] body.home-controls[data-crystal-site="corporate"] .desktop-nav {gap: 14px;}
  html[data-theme] body.home-controls[data-crystal-site="corporate"] .command-open kbd {display: none;}
}
@media (max-width:680px) {
  html[data-theme] body.home-controls[data-crystal-site="corporate"] .header {height: auto;min-height: 66px;flex-wrap: wrap;padding-block: 10px;gap: 10px;}
  html[data-theme] body.home-controls[data-crystal-site="corporate"] .header-actions {margin-left: auto;gap: 6px;}
  html[data-theme] body.home-controls[data-crystal-site="corporate"] .command-open {padding: 6px;}
  html[data-theme] body.home-controls[data-crystal-site="corporate"] .command-open > .hide-small {display: none;}
  html[data-theme] body.home-controls[data-crystal-site="corporate"] .terminal-tabs {padding-inline: 4px;}
  html[data-theme] body.home-controls[data-crystal-site="corporate"] .terminal-tabs button {padding: 10px 7px;font-size: 11px;flex: 1;}
  html[data-theme] body.home-controls[data-crystal-site="corporate"] .hero-cta {gap: 18px;flex-wrap: wrap;}
  html[data-theme] body.home-controls[data-crystal-site="corporate"] .workflow-nav button {font-size: 12px;line-height: 1.4;padding: 12px 5px;}
  html[data-theme] body.home-controls[data-crystal-site="corporate"] .workflow-nav button > span {font-size: 12px;}
  html[data-theme] body.home-controls[data-crystal-site="corporate"] .device-switch button {font-size: 12px;padding: 8px;}
  html[data-theme] body.home-controls[data-crystal-site="corporate"] .demo-toolbar {align-items: center;}
  html[data-theme] body.home-controls[data-crystal-site="corporate"] .terminal-footer {flex-wrap: wrap;gap: 8px;}
}

/* Header identity and shrink law: shared corporate control rules cannot size it. */
html[data-theme] body.home-controls[data-crystal-site="corporate"] .header {
 height:64px;min-height:64px;padding:8px clamp(16px,2.2vw,32px);gap:20px;flex-wrap:nowrap;justify-content:initial;isolation:isolate;
}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .header>.brand {font-size:26px;white-space:nowrap;flex:0 0 auto;gap:10px;}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .header .brand-mark {width:34px;height:34px;font-size:23px;flex:0 0 34px;}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .desktop-nav {margin:0 auto;gap:clamp(12px,1.6vw,26px);flex:0 0 auto;}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .desktop-nav a {white-space:nowrap;font-size:14px;display:flex;align-items:center;gap:6px;min-height:44px;}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .header-actions {margin-left:auto;gap:8px;flex:0 0 auto;}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .header .command-open {width:auto;max-width:none;min-width:44px;flex:0 0 auto;display:flex;white-space:nowrap;overflow:visible;gap:8px;}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .language-switch {display:flex;gap:2px;align-items:center;padding:2px;border:1px solid var(--border);border-radius:3px;font-family:var(--mono);}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .language-switch a {min-width:34px;min-height:40px;display:grid;place-items:center;font-size:12px;border-radius:2px;color:var(--muted);text-decoration:none;}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .language-switch a[aria-current="true"] {background:var(--accent);color:#182312;}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .site-menu {position:relative;flex:0 0 auto;}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .site-menu>summary {width:44px;height:44px;display:grid;place-items:center;list-style:none;cursor:pointer;border:1px solid var(--border);border-radius:3px;color:var(--ink);font-size:20px;}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .site-menu>summary::-webkit-details-marker {display:none;}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .site-menu[open]>summary {border-color:var(--accent);color:var(--accent);}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .site-menu-panel {position:absolute;top:calc(100% + 10px);right:0;width:272px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 82px);overflow:auto;display:grid;gap:6px;padding:12px;background:var(--panel);border:1px solid var(--border);border-radius:4px;box-shadow:0 16px 48px #0008;}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .site-menu-panel :is(a,button) {width:100%;min-height:44px;display:flex;align-items:center;justify-content:flex-start;text-align:left;white-space:normal;font-size:14px;gap:8px;padding:10px 12px;}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .compact-nav {display:none;}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .motion-toggle {border:1px solid var(--border);}
html[data-theme] body.home-controls[data-crystal-site="corporate"] .geo-attribution {font-size:11px;line-height:1.5;color:var(--muted);white-space:nowrap;}
@media (max-width:1100px) {
 html[data-theme] body.home-controls[data-crystal-site="corporate"] .header .command-open {width:44px;max-width:44px;padding:0;justify-content:center;}
 html[data-theme] body.home-controls[data-crystal-site="corporate"] .header .command-open>.hide-small {display:none;}
}
@media (max-width:900px) {
 html[data-theme] body.home-controls[data-crystal-site="corporate"] .header .desktop-nav {display:none;}
 html[data-theme] body.home-controls[data-crystal-site="corporate"] .compact-nav {display:grid;border-bottom:1px solid var(--border);padding-bottom:6px;}
}
@media (max-width:480px) {
 html[data-theme] body.home-controls[data-crystal-site="corporate"] .header {gap:8px;}
 html[data-theme] body.home-controls[data-crystal-site="corporate"] .header>.brand {font-size:23px;gap:8px;}
 html[data-theme] body.home-controls[data-crystal-site="corporate"] .header-actions {gap:6px;}
 html[data-theme] body.home-controls[data-crystal-site="corporate"] .footer {flex-wrap:wrap;}
}