/* Light-mode readability for demo controls that sit on white glass panels. */
html[data-theme="light"] #demo .demo-context-quick button,
html[data-theme="light"] .method-chip,
html[data-theme="light"] #demo .demo-catalog-chip,
html[data-theme="light"] #demo .demo-catalog-dof-option {
  color:#1e293b;
  background:rgba(255,255,255,.96);
  border-color:rgba(51,65,85,.2);
}

html[data-theme="light"] #demo .demo-context-quick button.is-active,
html[data-theme="light"] .method-chip.active,
html[data-theme="light"] #demo .demo-catalog-chip.is-active,
html[data-theme="light"] #demo .demo-catalog-dof-option.is-active {
  color:#075985;
  background:linear-gradient(135deg,rgba(224,242,254,1),rgba(236,254,255,.98));
  border-color:rgba(2,132,199,.5);
  box-shadow:0 10px 22px rgba(2,132,199,.12);
}

html[data-theme="light"] #demo .demo-catalog-sidecard--dof .demo-catalog-dof-option.is-active {
  color:#065f46;
  background:linear-gradient(135deg,rgba(209,250,229,1),rgba(240,253,244,.98));
  border-color:rgba(4,120,87,.48);
}

html[data-theme="light"] #demo .demo-row-locked td,
html[data-theme="light"] #demo .demo-catalog-teasers li.is-locked,
html[data-theme="light"] #demo .wiz-preview-teasers li.is-locked {
  color:#1e293b;
  background:linear-gradient(135deg,rgba(255,251,235,.98),rgba(241,245,249,.94));
  border-color:rgba(217,119,6,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}

html[data-theme="light"] #demo .demo-row-locked td span,
html[data-theme="light"] #demo .demo-catalog-teasers li.is-locked strong,
html[data-theme="light"] #demo .wiz-preview-teasers li.is-locked strong {
  color:#7c2d12;
}

/* Public demo entry focus: final layer for dark/light contrast and CTA prominence. */
.hero--demo-first {
  display:flex;
}

.hero--demo-first + .demo-section {
  padding-top:clamp(28px,4vw,52px);
}

.hero-live-console {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:min(100%,780px);
  margin-top:16px;
  padding:16px;
  border-color:rgba(34,211,238,.34);
  background:
    linear-gradient(120deg,rgba(34,211,238,.1),rgba(245,158,11,.08) 46%,rgba(16,185,129,.08)),
    linear-gradient(180deg,rgba(8,16,30,.94),rgba(2,6,23,.7));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 22px 46px rgba(2,6,23,.26),
    0 0 42px rgba(34,211,238,.12);
}

.hero-live-console::before {
  content:"";
  position:absolute;
  inset:-18% -28%;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(105deg,transparent 18%,rgba(34,211,238,.14) 38%,rgba(245,158,11,.2) 50%,rgba(16,185,129,.12) 62%,transparent 82%);
  opacity:.82;
  transform:translateX(-64%) skewX(-9deg);
  animation:demoEntrySweep 6.8s ease-in-out infinite;
}

.hero-live-console::after {
  content:"";
  position:absolute;
  inset:1px;
  border-radius:17px;
  border:1px solid rgba(245,158,11,.2);
  box-shadow:
    inset 0 0 0 1px rgba(34,211,238,.08),
    inset 0 0 26px rgba(34,211,238,.08);
  pointer-events:none;
  z-index:0;
}

.hero-live-console:focus-within {
  border-color:rgba(34,211,238,.54);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 26px 56px rgba(2,6,23,.32),
    0 0 0 3px rgba(34,211,238,.16),
    0 0 50px rgba(245,158,11,.18);
}

.hero-live-console > :not(.demo-entry-beacon) {
  position:relative;
  z-index:1;
}

.demo-entry-beacon {
  position:absolute;
  inset:-26px -20px;
  z-index:0;
  pointer-events:none;
  opacity:.84;
}

.demo-entry-flow-svg {
  width:100%;
  height:100%;
  fill:none;
  overflow:visible;
}

.demo-entry-flow-path {
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:18 24;
  animation:demoEntryFlow 7s linear infinite;
}

.demo-entry-flow-path--outer {
  stroke:rgba(34,211,238,.72);
  stroke-width:2.2;
  filter:drop-shadow(0 0 10px rgba(34,211,238,.32));
}

.demo-entry-flow-path--inner {
  stroke:rgba(245,158,11,.66);
  stroke-width:2;
  stroke-dasharray:12 28;
  animation-duration:5.8s;
  animation-direction:reverse;
  filter:drop-shadow(0 0 8px rgba(245,158,11,.24));
}

@keyframes demoEntrySweep {
  0%, 18% { transform:translateX(-64%) skewX(-9deg); opacity:0; }
  32%, 58% { opacity:.82; }
  82%, 100% { transform:translateX(64%) skewX(-9deg); opacity:0; }
}

@keyframes demoEntryFlow {
  to { stroke-dashoffset:-420; }
}

.hero-live-console__input-wrap {
  position:relative;
  overflow:hidden;
  box-shadow:
    inset 0 0 0 1px rgba(125,211,252,.16),
    0 0 0 1px rgba(245,158,11,.07);
}

.hero-live-console__input-wrap::after {
  content:"";
  position:absolute;
  right:12px;
  bottom:9px;
  left:12px;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(34,211,238,.7),rgba(245,158,11,.58),transparent);
  opacity:.72;
  transform:translateX(-36%);
  animation:demoInputCurrent 5.6s ease-in-out infinite;
}

.hero-live-console__input-wrap span,
#demo .demo-command-input-wrap > span:not(.demo-command-input-icon) {
  color:#a5f3fc;
}

.hero-live-console__actions .btn-primary,
#demo .demo-orchestrator-btn--primary,
#demo .demo-catalog-run--both {
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,var(--cta-amber,#f59e0b),var(--cta-amber-strong,#d97706));
  border:1px solid rgba(245,158,11,.42);
  color:#06111f;
  font-weight:950;
  box-shadow:0 16px 34px rgba(245,158,11,.2),0 0 28px rgba(34,211,238,.13);
}

html:not([data-theme="light"]) #demo .demo-orchestrator-btn--primary,
html:not([data-theme="light"]) #demo .demo-catalog-run--both {
  background:#0f6f82;
  background-image:linear-gradient(135deg,#0f6f82,#115e59);
  border-color:rgba(125,211,252,.42);
  color:#f8fafc;
  text-shadow:0 1px 1px rgba(2,6,23,.48);
}

#heroRunCta,
#heroSuiteBtn,
.mobile-nav-cta-card--suite,
.product-card-btn--glow {
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

#heroRunCta {
  animation:demoPrimaryCtaGlow 4.2s ease-in-out infinite;
}

#heroSuiteBtn,
.mobile-nav-cta-card--suite,
.product-card-btn--glow {
  box-shadow:0 14px 34px rgba(34,211,238,.16),0 0 0 1px rgba(245,158,11,.16);
}

#heroRunCta::after,
#heroSuiteBtn::after,
.mobile-nav-cta-card--suite::after,
.product-card-btn--glow::after,
#demo .demo-orchestrator-btn--primary::after,
#demo .demo-catalog-run--both::after {
  content:"";
  position:absolute;
  inset:-52% -24%;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 32%,rgba(255,255,255,.34) 48%,rgba(255,255,255,.08) 54%,transparent 70%);
  opacity:.78;
  transform:translateX(-118%) rotate(6deg);
  animation:demoCtaSheen 5.4s ease-in-out infinite;
}

#demo .demo-orchestrator-bar--primary-flow {
  outline:1px solid rgba(245,158,11,.2);
  box-shadow:0 18px 42px rgba(2,6,23,.2),0 0 34px rgba(245,158,11,.1);
}

#demo .demo-orchestrator-bar--primary-flow .demo-orchestrator-copy small {
  display:block;
  margin-top:4px;
}

#demo .demo-catalog-run--guided {
  grid-column:auto;
}

#demo .demo-catalog-run--advanced {
  background:rgba(15,23,42,.72);
  border:1px solid rgba(148,163,184,.18);
  color:rgba(226,232,240,.86);
  box-shadow:none;
}

.hero-live-console__actions .btn-primary:hover,
#demo .demo-orchestrator-btn--primary:hover,
#demo .demo-catalog-run--both:hover {
  box-shadow:0 18px 42px rgba(245,158,11,.28),0 0 34px rgba(34,211,238,.18);
}

#heroRunCta:hover,
#heroSuiteBtn:hover,
.mobile-nav-cta-card--suite:hover,
.product-card-btn--glow:hover {
  box-shadow:0 18px 44px rgba(245,158,11,.26),0 0 38px rgba(34,211,238,.22);
}

@keyframes demoInputCurrent {
  0%, 100% { transform:translateX(-36%); opacity:.18; }
  50% { transform:translateX(36%); opacity:.78; }
}

@keyframes demoPrimaryCtaGlow {
  0%, 100% { box-shadow:0 16px 34px rgba(245,158,11,.2),0 0 28px rgba(34,211,238,.13); }
  50% { box-shadow:0 20px 46px rgba(245,158,11,.3),0 0 42px rgba(34,211,238,.22); }
}

@keyframes demoCtaSheen {
  0%, 46% { transform:translateX(-118%) rotate(6deg); opacity:0; }
  58% { opacity:.78; }
  74%, 100% { transform:translateX(118%) rotate(6deg); opacity:0; }
}

.hero-live-console__actions .btn-secondary,
#demo .demo-orchestrator-btn:not(.demo-orchestrator-btn--primary) {
  border-color:rgba(148,163,184,.22);
  color:rgba(226,232,240,.92);
}

.hero-product-pill--risk,
.demo-decision-pane--risk,
#demo .demo-catalog-run--risk {
  border-color:rgba(59,130,246,.34);
}

.hero-product-pill--dof,
.demo-decision-pane--dof,
#demo .demo-catalog-run--dof {
  border-color:rgba(16,185,129,.34);
}

.demo-decision-pane--risk .demo-panel-kicker {
  border-color:rgba(59,130,246,.48);
  background:linear-gradient(135deg,rgba(59,130,246,.16),rgba(34,211,238,.08));
  color:#93c5fd;
}

.demo-decision-pane--risk .demo-panel-head h3 {
  background:none;
  color:var(--risk-blue-strong,#93c5fd);
  -webkit-text-fill-color:currentColor;
}

.demo-decision-pane--dof .demo-panel-kicker {
  border-color:rgba(16,185,129,.48);
  background:linear-gradient(135deg,rgba(16,185,129,.16),rgba(52,211,153,.08));
  color:#86efac;
}

.demo-decision-pane--dof .demo-panel-head h3 {
  background:none;
  color:var(--dof-green-strong,#86efac);
  -webkit-text-fill-color:currentColor;
}

.methodology-rail .method-chip.active,
#demo .demo-catalog-chip.is-active {
  border-color:rgba(59,130,246,.58);
  background:linear-gradient(135deg,rgba(59,130,246,.18),rgba(34,211,238,.1));
  color:#dbeafe;
}

.demo-panel-export button:disabled,
.demo-panel-export button.is-disabled {
  cursor:not-allowed;
  opacity:1;
  border-color:rgba(148,163,184,.18);
  background:rgba(15,23,42,.58);
  color:rgba(203,213,225,.72);
  box-shadow:none;
}

.demo-panel-export button:disabled:hover,
.demo-panel-export button.is-disabled:hover {
  transform:none;
  box-shadow:none;
}

html[data-theme="light"] .gradient-text {
  background:none;
  color:#0e7490;
  -webkit-text-fill-color:currentColor;
}

html[data-theme="light"] .hero-live-console {
  border-color:rgba(14,116,144,.28);
  background:
    linear-gradient(120deg,rgba(14,116,144,.08),rgba(180,83,9,.08) 48%,rgba(4,120,87,.07)),
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(241,245,249,.94));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 24px 56px rgba(15,23,42,.11),
    0 0 30px rgba(14,116,144,.12);
}

html[data-theme="light"] .hero-live-console::before {
  background:
    linear-gradient(105deg,transparent 18%,rgba(14,116,144,.12) 38%,rgba(180,83,9,.18) 50%,rgba(4,120,87,.1) 62%,transparent 82%);
  opacity:.68;
}

html[data-theme="light"] .hero-live-console::after {
  border-color:rgba(180,83,9,.16);
  box-shadow:
    inset 0 0 0 1px rgba(14,116,144,.08),
    inset 0 0 24px rgba(14,116,144,.06);
}

html[data-theme="light"] .hero-live-console:focus-within {
  border-color:rgba(14,116,144,.42);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 26px 58px rgba(15,23,42,.15),
    0 0 0 3px rgba(14,116,144,.12),
    0 0 42px rgba(180,83,9,.14);
}

html[data-theme="light"] .demo-entry-flow-path--outer {
  stroke:rgba(14,116,144,.62);
  filter:drop-shadow(0 0 8px rgba(14,116,144,.18));
}

html[data-theme="light"] .demo-entry-flow-path--inner {
  stroke:rgba(180,83,9,.58);
  filter:drop-shadow(0 0 8px rgba(180,83,9,.16));
}

html[data-theme="light"] .hero-live-console__input-wrap span,
html[data-theme="light"] #demo .demo-command-input-wrap > span:not(.demo-command-input-icon) {
  color:#0f766e;
}

html[data-theme="light"] .hero-live-console__input-wrap {
  box-shadow:
    inset 0 0 0 1px rgba(14,116,144,.16),
    0 0 0 1px rgba(180,83,9,.08);
}

html[data-theme="light"] .hero-privacy-note,
html[data-theme="light"] .demo-privacy-note,
html[data-theme="light"] .demo-export-disclaimer {
  color:#475569;
}

html[data-theme="light"] .hero-proof-preview {
  border-color:rgba(15,23,42,.12);
  background:rgba(255,255,255,.78);
}

html[data-theme="light"] .hero-proof-title {
  color:#0f172a;
}

html[data-theme="light"] .hero-proof-item {
  border-color:rgba(14,116,144,.16);
  background:rgba(236,254,255,.6);
}

html[data-theme="light"] .hero-proof-item strong {
  color:#0e7490;
}

html[data-theme="light"] .hero-proof-item small {
  color:#334155;
}

html[data-theme="light"] .hero-proof-item em {
  color:#92400e;
}

html[data-theme="light"] .demo-advanced-run-options {
  background:rgba(255,255,255,.9);
  border-color:rgba(15,23,42,.16);
}

html[data-theme="light"] .demo-advanced-run-options summary {
  color:#334155;
}

html[data-theme="light"] .hero-live-console__input-wrap::after {
  background:linear-gradient(90deg,transparent,rgba(14,116,144,.54),rgba(180,83,9,.5),transparent);
}

html[data-theme="light"] .hero-live-console__actions .btn-primary,
html[data-theme="light"] #demo .demo-orchestrator-btn--primary,
html[data-theme="light"] #demo .demo-catalog-run--both {
  background:linear-gradient(135deg,var(--cta-amber,#b45309),var(--cta-amber-strong,#92400e));
  border-color:rgba(146,64,14,.34);
  color:#fff;
  box-shadow:0 16px 34px rgba(180,83,9,.2),0 0 20px rgba(14,116,144,.1);
}

html[data-theme="light"] #heroSuiteBtn,
html[data-theme="light"] .mobile-nav-cta-card--suite,
html[data-theme="light"] .product-card-btn--glow {
  box-shadow:0 14px 32px rgba(14,116,144,.12),0 0 0 1px rgba(180,83,9,.12);
}

html[data-theme="light"] #heroRunCta:hover,
html[data-theme="light"] #heroSuiteBtn:hover,
html[data-theme="light"] .mobile-nav-cta-card--suite:hover,
html[data-theme="light"] .product-card-btn--glow:hover {
  box-shadow:0 18px 42px rgba(180,83,9,.24),0 0 34px rgba(14,116,144,.16);
}

html[data-theme="light"] #demo .demo-catalog-run--advanced {
  background:rgba(255,255,255,.92);
  border-color:rgba(15,23,42,.12);
  color:#334155;
}

html[data-theme="light"] .hero-live-console__actions .btn-secondary,
html[data-theme="light"] #demo .demo-orchestrator-btn:not(.demo-orchestrator-btn--primary) {
  background:rgba(255,255,255,.94);
  border-color:rgba(15,23,42,.14);
  color:#0f172a;
}

html[data-theme="light"] .demo-decision-pane--risk .demo-panel-head h3 {
  background:none;
  color:var(--risk-blue,#1d4ed8);
  -webkit-text-fill-color:currentColor;
}

html[data-theme="light"] .demo-decision-pane--dof .demo-panel-head h3 {
  background:none;
  color:var(--dof-green,#047857);
  -webkit-text-fill-color:currentColor;
}

html[data-theme="light"] .demo-decision-pane--risk .demo-panel-kicker,
html[data-theme="light"] #demo .demo-catalog-sidecard--risk .demo-catalog-sidecard__mark {
  color:var(--risk-blue,#1d4ed8);
  border-color:rgba(29,78,216,.34);
  background:rgba(219,234,254,.76);
}

html[data-theme="light"] .demo-decision-pane--dof .demo-panel-kicker,
html[data-theme="light"] #demo .demo-catalog-sidecard--dof .demo-catalog-sidecard__mark {
  color:var(--dof-green,#047857);
  border-color:rgba(4,120,87,.32);
  background:rgba(209,250,229,.76);
}

html[data-theme="light"] .methodology-rail .method-chip.active,
html[data-theme="light"] #demo .demo-catalog-chip.is-active {
  color:var(--risk-blue,#1d4ed8);
  border-color:rgba(29,78,216,.38);
  background:linear-gradient(135deg,rgba(219,234,254,.96),rgba(236,254,255,.9));
}

html[data-theme="light"] .demo-panel-export button:disabled,
html[data-theme="light"] .demo-panel-export button.is-disabled {
  color:#475569;
  background:rgba(241,245,249,.88);
  border-color:rgba(71,85,105,.18);
}

html[data-theme="light"] .demo-panel-export button:disabled span,
html[data-theme="light"] .demo-panel-export button:disabled strong,
html[data-theme="light"] .demo-panel-export button:disabled small,
html[data-theme="light"] .demo-panel-export button.is-disabled span,
html[data-theme="light"] .demo-panel-export button.is-disabled strong,
html[data-theme="light"] .demo-panel-export button.is-disabled small {
  color:#475569;
  opacity:1;
}

html[data-theme="light"] #demo .demo-empty-state,
html[data-theme="light"] #demo .demo-decision-grid .demo-result-box > span {
  color:#334155 !important;
}

html[data-theme="light"] #demo .demo-sample-pill--active.demo-scenario-card,
html[data-theme="light"] #demo .demo-sample-pill.demo-scenario-card.demo-sample-pill--active {
  background:
    linear-gradient(135deg,rgba(224,242,254,.98),rgba(255,251,235,.94)) !important;
  border-color:rgba(14,116,144,.42) !important;
  color:#0f172a !important;
  box-shadow:0 16px 34px rgba(14,116,144,.16) !important;
}

html[data-theme="light"] #demo .demo-sample-pill--active.demo-scenario-card strong,
html[data-theme="light"] #demo .demo-sample-pill--active.demo-scenario-card span,
html[data-theme="light"] #demo .demo-sample-pill--active.demo-scenario-card small {
  color:#0f172a !important;
}

.floating-chat-footer input:focus,
.floating-chat-footer input:focus-visible,
.demo-command-input-wrap input:focus,
.hero-live-console__input-wrap input:focus {
  outline:2px solid rgba(125,211,252,.72);
  outline-offset:2px;
}

html[data-theme="light"] .floating-chat-footer input:focus,
html[data-theme="light"] .floating-chat-footer input:focus-visible,
html[data-theme="light"] .demo-command-input-wrap input:focus,
html[data-theme="light"] .hero-live-console__input-wrap input:focus {
  outline-color:rgba(29,78,216,.72);
}

.cookie-banner:focus-within {
  box-shadow:0 24px 56px rgba(2,6,23,.26),0 0 0 3px rgba(125,211,252,.28);
}

html[data-theme="light"] .cookie-banner,
html[data-theme="light"] .floating-chat-window {
  border-color:rgba(15,23,42,.12);
  box-shadow:0 24px 56px rgba(15,23,42,.13);
}

html[data-theme="light"] .product-card {
  background:
    radial-gradient(circle at 14% 8%,rgba(14,116,144,.08),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(241,245,249,.94));
  border-color:rgba(15,23,42,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 20px 46px rgba(15,23,42,.1);
}

html[data-theme="light"] .product-card-icon {
  background:rgba(255,255,255,.88);
  border-color:rgba(15,23,42,.12);
}

.cookie-banner .cookie-text > span {
  display:block;
}

.cookie-banner .cookie-links {
  display:flex;
  flex-wrap:wrap;
  gap:6px 12px;
}

.cookie-banner .cookie-links a {
  text-decoration:underline;
  text-underline-offset:3px;
}

html[data-theme="light"] .btn-cookie-accept {
  background:linear-gradient(135deg,#166534,#15803d);
  border-color:rgba(22,101,52,.42);
  color:#fff;
}

html[data-theme="light"] .btn-cookie-reject,
html[data-theme="light"] .btn-cookie-analytics,
html[data-theme="light"] .btn-cookie-settings {
  background:rgba(255,255,255,.96);
  border-color:rgba(15,23,42,.16);
  color:#0f172a;
}

@media (max-width: 760px) {
  .hero-live-console::before {
    inset:-24% -42%;
  }

  .hero--demo-first .hero-actions {
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    width:100%;
    margin-top:10px;
  }

  .hero--demo-first .hero-actions .btn-primary,
  .hero--demo-first .hero-actions .btn-secondary,
  .hero--demo-first .hero-actions #heroSuiteBtn {
    display:flex;
    width:100%;
    min-height:46px;
    justify-content:center;
    text-align:center;
  }

  .hero--demo-first .hero-actions #heroSuiteBtn {
    border-color:rgba(34,211,238,.28);
    background:rgba(15,23,42,.72);
    color:rgba(248,250,252,.96);
  }

  html[data-theme="light"] .hero--demo-first .hero-actions #heroSuiteBtn {
    border-color:rgba(14,116,144,.24);
    background:rgba(255,255,255,.95);
    color:#0f172a;
  }

  #heroRunCta::after,
  #heroSuiteBtn::after,
  .mobile-nav-cta-card--suite::after,
  .product-card-btn--glow::after,
  #demo .demo-orchestrator-btn--primary::after,
  #demo .demo-catalog-run--both::after {
    inset:-68% -34%;
  }
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior:auto !important;
  }

  *,
  *::before,
  *::after {
    animation:none !important;
    scroll-behavior:auto !important;
    transition:none !important;
  }

  .demo-entry-flow-path,
  .hero-live-console::before,
  .hero-live-console__input-wrap::after,
  #heroRunCta,
  #heroRunCta::after,
  #heroSuiteBtn::after,
  .mobile-nav-cta-card--suite::after,
  .product-card-btn--glow::after,
  #demo .demo-orchestrator-btn--primary::after,
  #demo .demo-catalog-run--both::after {
    animation:none;
  }

  .demo-entry-flow-path {
    stroke-dashoffset:0;
  }

  .hero-live-console::before,
  .hero-live-console__input-wrap::after {
    opacity:.28;
    transform:none;
  }
}
