:root {
  --ink: #111310;
  --paper: #f5f5ef;
  --white: #ffffff;
  --muted: #6a6e67;
  --line: #d8dad2;
  --custom-accent: #c6ff3f;
  --acid: var(--custom-accent);
  --cobalt: #3b5cff;
  --coral: #ff6f59;
  --radius: 8px;
  --shell: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: Inter, "SF Pro Display", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
}
body.menu-open, body.dialog-open, body.maintenance-active { overflow: hidden; }
button, input, select, textarea { font: inherit; letter-spacing: 0; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
[hidden] { display: none !important; }
img, canvas, svg { display: block; }
.shell { width: min(var(--shell), calc(100% - 64px)); margin-inline: auto; }
.skip-link { position: fixed; left: 16px; top: -100px; z-index: 1000; padding: 10px 16px; background: var(--acid); color: var(--ink); }
.skip-link:focus { top: 16px; }

.maintenance-screen { position: fixed; z-index: 1000; inset: 0; display: grid; place-content: center; justify-items: center; padding: 30px; text-align: center; color: var(--white); background: var(--ink); }
.maintenance-screen .brand-mark { width: 46px; height: 46px; margin-bottom: 26px; }
.maintenance-screen h1 { margin: 0; font-size: 46px; line-height: 1.2; }.maintenance-screen p { max-width: 520px; margin: 16px 0 0; color: rgba(255,255,255,.62); }
.reading-progress { position: fixed; z-index: 220; top: 0; left: 0; width: 0; height: 3px; background: var(--acid); pointer-events: none; }
.site-ad { position: fixed; z-index: 150; inset: 0 0 auto; height: 38px; color: var(--white); background: var(--ink); }
.site-ad[data-theme="accent"] { color: var(--ink); background: var(--acid); }.site-ad[data-theme="cobalt"] { background: var(--cobalt); }
.site-ad-inner { height: 100%; display: flex; align-items: center; justify-content: center; gap: 16px; font-size: 11px; }
.site-ad-inner > span { padding: 2px 6px; border: 1px solid currentColor; font: 600 8px/1.2 monospace; }.site-ad-inner p { margin: 0; }.site-ad-inner a { font-weight: 650; }.site-ad-inner button { position: absolute; right: max(18px, calc((100vw - var(--shell)) / 2)); width: 28px; height: 28px; border: 0; color: inherit; background: transparent; font-size: 19px; cursor: pointer; }
body.has-site-ad .site-header { top: 38px; }.has-site-ad .reading-progress { top: 38px; }

.site-header {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 76px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0 max(32px, calc((100vw - var(--shell)) / 2));
  color: var(--white);
  border-bottom: 1px solid rgba(255,255,255,.16);
  transition: color .25s ease, background .25s ease, border-color .25s ease, transform .25s ease;
}
.site-header.scrolled { color: var(--ink); background: rgba(245,245,239,.94); border-color: var(--line); backdrop-filter: blur(14px); }
.brand { display: inline-flex; align-items: center; gap: 11px; width: max-content; font-size: 18px; font-weight: 720; line-height: 1; }
.site-logo { width: 32px; height: 32px; object-fit: contain; flex: 0 0 auto; }
.brand-mark { position: relative; width: 30px; height: 30px; display: inline-block; border: 1px solid currentColor; }
.brand-mark i { position: absolute; display: block; width: 5px; height: 5px; border-radius: 50%; background: var(--acid); }
.brand-mark i:nth-child(1) { left: 6px; top: 6px; }
.brand-mark i:nth-child(2) { right: 6px; top: 11px; }
.brand-mark i:nth-child(3) { left: 9px; bottom: 5px; }
.brand-mark::before, .brand-mark::after { content: ""; position: absolute; height: 1px; background: currentColor; transform-origin: left center; opacity: .75; }
.brand-mark::before { width: 15px; left: 9px; top: 9px; transform: rotate(21deg); }
.brand-mark::after { width: 13px; left: 12px; top: 19px; transform: rotate(-25deg); }
.desktop-nav { display: flex; align-items: center; gap: 36px; }
.desktop-nav a, .text-link { position: relative; font-size: 14px; }
.desktop-nav a::after, .text-link::after { content: ""; position: absolute; left: 0; bottom: -7px; width: 100%; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: right; transition: transform .25s ease; }
.desktop-nav a:hover::after, .text-link:hover::after { transform: scaleX(1); transform-origin: left; }
.header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 24px; }
.button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 18px; padding: 0 22px; border: 1px solid transparent; border-radius: 2px; cursor: pointer; font-weight: 650; font-size: 14px; transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease; }
.button:hover { transform: translateY(-2px); }
.button:focus-visible, a:focus-visible, .solution-tab:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid var(--cobalt); outline-offset: 3px; }
.button-small { min-height: 40px; padding: 0 18px; }
.button-large { min-height: 58px; padding: 0 28px; font-size: 16px; }
.button-primary { color: var(--ink); background: var(--acid); border-color: var(--acid); }
.button-primary:hover { background: #d5ff70; border-color: #d5ff70; }
.button-light { color: var(--ink); background: var(--white); border-color: var(--white); }
.site-header.scrolled .button-light { color: var(--white); background: var(--ink); border-color: var(--ink); }
.button-ghost { color: var(--white); border-color: rgba(255,255,255,.45); background: rgba(255,255,255,.04); }
.button-ghost:hover { border-color: var(--white); background: rgba(255,255,255,.1); }
.button-dark { color: var(--white); background: var(--ink); }
.menu-toggle, .mobile-menu { display: none; }

.hero { position: relative; min-height: 92svh; overflow: hidden; color: var(--white); background: #10120f; }
.hero-canvas { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .9; }
.hero-wash { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(13,15,12,.94) 0%, rgba(13,15,12,.64) 44%, rgba(13,15,12,.12) 76%, rgba(13,15,12,.34) 100%); pointer-events: none; }
.hero-content { position: relative; z-index: 2; min-height: calc(92svh - 66px); padding-top: 152px; padding-bottom: 80px; display: grid; grid-template-columns: 1fr 390px; gap: 80px; align-items: center; }
.hero-copy { max-width: 770px; }
.eyebrow { display: flex; align-items: center; gap: 10px; font-size: 13px; color: rgba(255,255,255,.74); margin-bottom: 22px; }
.eyebrow span { width: 22px; height: 2px; background: var(--acid); }
.hero h1 { margin: 0; font-size: 82px; line-height: 1.02; font-weight: 760; letter-spacing: 0; }
.hero-lead { margin: 18px 0 0; font-size: 38px; line-height: 1.25; font-weight: 610; color: var(--acid); }
.hero-detail { max-width: 600px; margin: 28px 0 0; color: rgba(255,255,255,.72); font-size: 18px; line-height: 1.8; }
.hero-actions { display: flex; gap: 12px; margin-top: 42px; }
.hero-signal { align-self: center; border-top: 1px solid rgba(255,255,255,.44); border-bottom: 1px solid rgba(255,255,255,.2); padding: 20px 0 22px; backdrop-filter: blur(3px); }
.signal-head { display: flex; justify-content: space-between; align-items: center; font: 600 11px/1.2 "SFMono-Regular", Consolas, monospace; color: rgba(255,255,255,.62); }
.live-dot { display: flex; align-items: center; gap: 7px; color: var(--acid); }
.live-dot::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 5px rgba(198,255,63,.12); animation: pulse 2s infinite; }
.signal-main { margin: 34px 0; display: flex; align-items: flex-end; justify-content: space-between; }
.signal-main strong { font-size: 58px; line-height: 1; font-weight: 660; }
.signal-main span { margin-bottom: 5px; color: rgba(255,255,255,.55); font-size: 12px; }
.signal-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(255,255,255,.14); padding-top: 18px; }
.signal-grid div { display: grid; gap: 4px; padding-right: 10px; }
.signal-grid span { font-size: 10px; color: rgba(255,255,255,.5); }
.signal-grid b { font: 600 14px/1.3 "SFMono-Regular", Consolas, monospace; }
.signal-wave { height: 42px; margin-top: 26px; display: flex; gap: 7px; align-items: end; }
.signal-wave i { width: 100%; min-height: 5px; background: rgba(198,255,63,.7); animation: wave 1.8s ease-in-out infinite alternate; }
.signal-wave i:nth-child(2n) { animation-delay: -.8s; }.signal-wave i:nth-child(3n) { animation-delay: -1.3s; }.signal-wave i:nth-child(4n) { animation-delay: -.3s; }
.hero-meta { position: relative; z-index: 2; height: 66px; display: flex; align-items: center; gap: 24px; font-size: 11px; color: rgba(255,255,255,.52); }
.meta-line { height: 1px; flex: 1; background: rgba(255,255,255,.18); }

.trust-strip { min-height: 96px; display: flex; align-items: center; background: var(--white); border-bottom: 1px solid var(--line); }
.trust-inner { display: grid; grid-template-columns: 130px 1fr; align-items: center; }
.trust-label { font-size: 12px; color: var(--muted); }
.logo-row { display: flex; align-items: center; justify-content: space-between; gap: 30px; color: #777b73; }
.logo-row span { font-size: 16px; font-weight: 680; white-space: nowrap; }

.section { padding: 132px 0; }
.section-heading { display: grid; grid-template-columns: minmax(0, 1fr) 390px; gap: 80px; align-items: end; margin-bottom: 72px; }
.section-index { display: block; margin-bottom: 16px; font: 650 11px/1.2 "SFMono-Regular", Consolas, monospace; color: var(--cobalt); text-transform: uppercase; }
.section-heading h2, .security-copy h2, .contact h2 { margin: 0; max-width: 760px; font-size: 46px; line-height: 1.22; font-weight: 680; }
.section-heading > p { margin: 0 0 5px; color: var(--muted); font-size: 16px; line-height: 1.85; }
.section-heading.light h2 { color: var(--white); }.section-heading.light > p { color: rgba(255,255,255,.6); }.section-heading.light .section-index { color: var(--acid); }

.platform { background: var(--paper); }
.capability-grid { display: grid; grid-template-columns: 1.1fr .9fr .9fr; grid-template-rows: auto auto; gap: 16px; }
.capability { position: relative; min-height: 340px; padding: 28px; background: var(--white); border: 1px solid #e1e2dc; border-radius: var(--radius); overflow: hidden; }
.capability-featured { grid-row: 1 / 3; min-height: 700px; display: flex; flex-direction: column; }
.capability-dark { color: var(--white); background: var(--ink); border-color: var(--ink); }
.capability-top { display: flex; justify-content: space-between; align-items: flex-start; min-height: 50px; }
.capability-number { font: 600 11px/1 "SFMono-Regular", Consolas, monospace; color: #8e9289; }
.capability-tag { padding: 5px 9px; border-radius: 2px; background: #eef0e9; font: 600 10px/1.1 "SFMono-Regular", Consolas, monospace; }
.capability h3 { margin: auto 0 12px; font-size: 23px; line-height: 1.3; }
.capability > p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.85; }
.capability-dark > p { color: rgba(255,255,255,.58); }
.capability .arrow-link { margin-top: 26px; }
.capability-visual { position: relative; height: 320px; margin: 40px -28px 36px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #f9faf6; }
.agent-flow svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.agent-flow svg path { fill: none; stroke: #bdc1b7; stroke-width: 1; stroke-dasharray: 5 6; animation: dash 15s linear infinite; }
.flow-node { position: absolute; z-index: 2; width: 62px; height: 38px; display: grid; place-items: center; border: 1px solid #ced1c8; background: var(--white); font-size: 11px; box-shadow: 0 5px 18px rgba(17,19,16,.05); }
.node-core { left: calc(50% - 42px); top: calc(50% - 42px); width: 84px; height: 84px; border-radius: 50%; border: 0; color: var(--ink); background: var(--acid); }
.node-core span { font-size: 22px; font-weight: 760; line-height: 1; }.node-core small { font: 600 8px/1 monospace; margin-top: -16px; }
.node-a { left: 8%; top: 13%; }.node-b { right: 8%; top: 13%; }.node-c { left: 8%; bottom: 13%; }.node-d { right: 8%; bottom: 13%; }
.arrow-link { display: inline-flex; width: max-content; align-items: center; gap: 18px; font-size: 13px; font-weight: 650; }
.arrow-link span { transition: transform .2s ease; }.arrow-link:hover span { transform: translateX(5px); }
.capability-icon { position: relative; width: 38px; height: 38px; border: 1px solid var(--line); }
.icon-knowledge::before, .icon-knowledge::after { content: ""; position: absolute; border: 1px solid var(--cobalt); width: 14px; height: 18px; top: 8px; background: var(--white); }
.icon-knowledge::before { left: 7px; }.icon-knowledge::after { right: 7px; top: 11px; }
.icon-model { border-radius: 50%; border-color: rgba(255,255,255,.25); }
.icon-model::before, .icon-model::after { content: ""; position: absolute; inset: 8px; border: 1px solid var(--acid); transform: rotate(45deg); }
.icon-model::after { inset: 13px; border-color: var(--coral); }
.icon-shield::before { content: ""; position: absolute; width: 18px; height: 21px; left: 9px; top: 7px; border: 1px solid var(--ink); border-radius: 10px 10px 12px 12px; }
.icon-shield::after { content: ""; position: absolute; width: 4px; height: 4px; border-radius: 50%; background: var(--cobalt); left: 17px; top: 15px; }
.mini-list { display: flex; gap: 6px; flex-wrap: wrap; margin: 24px 0 0; padding: 0; list-style: none; }
.mini-list li { padding: 4px 8px; border: 1px solid var(--line); font-size: 10px; color: var(--muted); }
.model-status { margin-top: 24px; display: grid; grid-template-columns: 1fr auto; gap: 7px 12px; font: 500 10px/1.2 monospace; color: rgba(255,255,255,.55); }
.model-status span { display: flex; align-items: center; gap: 7px; }.model-status i { width: 5px; height: 5px; border-radius: 50%; background: var(--acid); }.model-status b { color: var(--white); }
.audit-line { display: flex; margin-top: 30px; gap: 7px; }.audit-line span { width: 100%; height: 5px; background: var(--line); }.audit-line span:nth-child(-n+3) { background: var(--cobalt); }

.solutions { background: var(--ink); color: var(--white); }
.solution-layout { display: grid; grid-template-columns: 44% 56%; min-height: 580px; border-top: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.18); }
.solution-tabs { border-right: 1px solid rgba(255,255,255,.18); }
.solution-tab { position: relative; width: 100%; min-height: 116px; display: grid; grid-template-columns: 46px 1fr; gap: 3px 12px; align-content: center; text-align: left; border: 0; border-bottom: 1px solid rgba(255,255,255,.12); background: transparent; color: rgba(255,255,255,.44); cursor: pointer; transition: background .25s ease, color .25s ease; }
.solution-tab:last-child { border-bottom: 0; }
.solution-tab::after { content: "→"; position: absolute; right: 30px; top: calc(50% - 12px); opacity: 0; transform: translateX(-10px); transition: .25s ease; }
.solution-tab:hover, .solution-tab.active { color: var(--white); background: rgba(255,255,255,.05); }
.solution-tab.active::after { opacity: 1; transform: translateX(0); }
.solution-tab span { grid-row: 1 / 3; padding-left: 4px; font: 600 10px/1 monospace; color: var(--acid); }
.solution-tab b { font-size: 19px; line-height: 1.4; }
.solution-tab em { font-size: 11px; font-style: normal; color: rgba(255,255,255,.36); }
.solution-stage { position: relative; overflow: hidden; display: flex; align-items: flex-end; padding: 54px; background: #171a16; }
.solution-orbit { position: absolute; width: 430px; height: 430px; right: -50px; top: -60px; }
.orbit-ring { position: absolute; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; animation: spin 24s linear infinite; }
.ring-one { inset: 25px; }.ring-two { inset: 95px; border-style: dashed; animation-direction: reverse; animation-duration: 18s; }
.orbit-core { position: absolute; width: 82px; height: 82px; left: calc(50% - 41px); top: calc(50% - 41px); display: grid; place-items: center; border-radius: 50%; background: var(--acid); color: var(--ink); font-size: 25px; font-weight: 750; box-shadow: 0 0 60px rgba(198,255,63,.16); }
.orbit-point { position: absolute; width: 12px; height: 12px; border-radius: 50%; background: var(--coral); border: 3px solid #171a16; }
.point-a { left: 33px; top: 196px; }.point-b { right: 68px; top: 80px; background: var(--cobalt); }.point-c { right: 110px; bottom: 45px; background: var(--acid); }
.solution-panel { position: relative; z-index: 2; max-width: 510px; animation: panelIn .4s ease both; }
.panel-kicker { color: var(--acid); font: 600 10px/1.2 monospace; }
.solution-panel h3 { margin: 14px 0 16px; font-size: 34px; line-height: 1.32; }
.solution-panel > p { margin: 0; color: rgba(255,255,255,.55); line-height: 1.85; }
.panel-stats { display: flex; gap: 56px; margin-top: 34px; }
.panel-stats div { display: grid; gap: 3px; }
.panel-stats strong { font-size: 28px; color: var(--acid); }.panel-stats span { font-size: 11px; color: rgba(255,255,255,.45); }

.cases { background: var(--white); }
.case-feature { display: grid; grid-template-columns: 1.3fr .7fr; min-height: 480px; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.case-story { padding: 54px; background: #f2f3ed; }
.case-brand { display: flex; align-items: center; gap: 12px; }
.case-brand span { width: 42px; height: 42px; display: grid; place-items: center; background: var(--ink); color: var(--acid); font-weight: 750; font-size: 12px; }.case-brand b { font-size: 14px; }
.case-story blockquote { max-width: 700px; margin: 48px 0 22px; font-size: 28px; line-height: 1.55; font-weight: 590; }
.case-story > p { max-width: 680px; color: var(--muted); line-height: 1.9; }
.case-story .arrow-link { margin-top: 28px; }
.case-results { display: grid; background: var(--cobalt); color: var(--white); }
.case-results div { display: flex; flex-direction: column; justify-content: center; padding: 30px 42px; border-bottom: 1px solid rgba(255,255,255,.2); }
.case-results div:last-child { border-bottom: 0; }
.case-results strong { font-size: 46px; line-height: 1.1; }.case-results span { margin-top: 7px; color: rgba(255,255,255,.65); font-size: 12px; }
.case-list { margin-top: 48px; border-top: 1px solid var(--ink); }
.case-row { min-height: 92px; display: grid; grid-template-columns: 100px 180px 1fr 30px; align-items: center; gap: 20px; border-bottom: 1px solid var(--line); transition: padding .2s ease, background .2s ease; }
.case-row:hover { padding-inline: 16px; background: var(--paper); }
.case-row .case-sector { color: var(--cobalt); font: 600 11px/1 monospace; }.case-row b { font-size: 16px; }.case-row p { margin: 0; color: var(--muted); }.case-row > span:last-child { font-size: 20px; }

.security { background: #eeefe8; }
.security-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center; }
.security-copy h2 { margin-top: 20px; }
.security-copy > p { max-width: 540px; margin: 28px 0; color: var(--muted); line-height: 1.9; }
.cert-row { display: flex; gap: 8px; flex-wrap: wrap; }.cert-row span { padding: 7px 10px; border: 1px solid #cdd0c6; color: #5e625b; font: 600 10px/1 monospace; }
.security-console { border: 1px solid #2d322b; border-radius: 4px; color: var(--white); background: #161915; box-shadow: 24px 24px 0 #d8dacd; }
.console-head { height: 48px; display: flex; align-items: center; gap: 6px; padding: 0 18px; border-bottom: 1px solid rgba(255,255,255,.12); }.console-head span { margin-right: auto; font: 600 10px/1 monospace; color: rgba(255,255,255,.5); }.console-head i { width: 6px; height: 6px; border-radius: 50%; background: #555b52; }.console-head i:first-of-type { background: var(--coral); }
.risk-score { display: flex; justify-content: space-between; align-items: flex-end; padding: 28px 28px 20px; }.risk-score div { display: grid; grid-template-columns: auto auto; align-items: end; }.risk-score div span { grid-column: 1/3; color: rgba(255,255,255,.48); font-size: 11px; }.risk-score strong { font-size: 64px; line-height: 1; color: var(--acid); }.risk-score small { margin: 0 0 8px 6px; color: rgba(255,255,255,.28); }.risk-score > b { margin-bottom: 8px; padding: 5px 8px; color: var(--acid); background: rgba(198,255,63,.08); font: 600 9px/1 monospace; }
.security-checks { padding: 0 28px 26px; }.security-checks > div { min-height: 52px; display: grid; grid-template-columns: 120px 1fr 48px; align-items: center; gap: 14px; border-top: 1px solid rgba(255,255,255,.1); font-size: 10px; }.security-checks i { height: 3px; background: rgba(255,255,255,.1); }.security-checks i::after { content: ""; display: block; width: var(--level); height: 100%; background: var(--acid); }.security-checks b { color: rgba(255,255,255,.45); font-size: 9px; }
.console-log { display: grid; grid-template-columns: 58px 1fr 34px; align-items: center; gap: 10px; min-height: 50px; padding: 0 18px; border-top: 1px solid rgba(255,255,255,.1); background: #10130f; font: 500 9px/1.4 monospace; }.console-log span { color: rgba(255,255,255,.3); }.console-log p { margin: 0; color: rgba(255,255,255,.62); }.console-log b { color: var(--acid); }

.custom-column { min-height: 520px; display: flex; align-items: center; background: var(--white); }
.custom-column-inner { padding-block: 30px; }.custom-column-layout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr); gap: clamp(48px, 7vw, 110px); align-items: center; }.custom-column-layout-text-only, .custom-column-image-full { grid-template-columns: 1fr; }.custom-column-image-left .custom-column-media { grid-column: 1; grid-row: 1; }.custom-column-image-left .custom-column-copy { grid-column: 2; grid-row: 1; }.custom-column-image-full .custom-column-copy { max-width: 960px; }.custom-column h2 { max-width: 860px; margin: 0; font-size: 46px; line-height: 1.22; font-weight: 680; }.custom-column-description { max-width: 720px; margin: 24px 0 0; color: var(--muted); font-size: 17px; line-height: 1.8; }.custom-column-content { max-width: 960px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 60px; margin-top: 48px; padding-top: 30px; border-top: 1px solid var(--line); }.custom-column-content p { margin: 0; color: #565b53; line-height: 1.9; }.custom-column-media { min-width: 0; margin: 0; overflow: hidden; border: 1px solid var(--line); background: rgba(0,0,0,.08); aspect-ratio: 4 / 3; }.custom-column-image-full .custom-column-media { width: 100%; margin-top: 48px; aspect-ratio: 16 / 7; }.custom-column-media img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .6s ease; }.custom-column-media:hover img { transform: scale(1.025); }
.custom-column-dark { color: var(--white); background: var(--ink); }.custom-column-dark .section-index { color: var(--acid); }.custom-column-dark .custom-column-description, .custom-column-dark .custom-column-content p { color: rgba(255,255,255,.62); }.custom-column-dark .custom-column-content { border-color: rgba(255,255,255,.16); }
.custom-column-accent { color: var(--white); background: var(--cobalt); }.custom-column-accent .section-index { color: var(--acid); }.custom-column-accent .custom-column-description, .custom-column-accent .custom-column-content p { color: rgba(255,255,255,.76); }.custom-column-accent .custom-column-content { border-color: rgba(255,255,255,.25); }

.news-home { background: var(--white); }.news-home-grid { display: grid; grid-template-columns: 1.2fr .8fr .8fr; gap: 14px; }.news-home-card { min-height: 360px; display: flex; flex-direction: column; padding: 30px; border: 1px solid var(--line); border-radius: 6px; background: #f7f8f4; transition: transform .25s ease, border-color .25s ease; }.news-home-card:only-child { grid-column: span 2; }.news-home-card:hover { transform: translateY(-4px); border-color: #aeb2a8; }.news-home-card:first-child { color: var(--white); background: var(--ink); border-color: var(--ink); }.news-card-meta { display: flex; align-items: center; justify-content: space-between; gap: 16px; color: var(--cobalt); font: 600 10px/1.2 monospace; }.news-home-card:first-child .news-card-meta { color: var(--acid); }.news-card-meta span:last-child { color: var(--muted); }.news-home-card:first-child .news-card-meta span:last-child { color: rgba(255,255,255,.42); }.news-home-card h3 { margin: auto 0 18px; font-size: 25px; line-height: 1.38; }.news-home-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.8; }.news-home-card:first-child p { color: rgba(255,255,255,.58); }.news-card-bottom { display: flex; align-items: center; justify-content: space-between; margin-top: 30px; padding-top: 18px; border-top: 1px solid var(--line); color: var(--muted); font-size: 10px; }.news-home-card:first-child .news-card-bottom { border-color: rgba(255,255,255,.15); color: rgba(255,255,255,.48); }.news-card-bottom b { color: inherit; font-size: 20px; transition: transform .2s ease; }.news-home-card:hover .news-card-bottom b { transform: translateX(4px); }.news-all-link { min-height: 62px; display: flex; align-items: center; justify-content: flex-end; gap: 18px; margin-top: 24px; padding-right: 170px; border-top: 1px solid var(--ink); font-size: 13px; font-weight: 650; }.news-all-link span { font-size: 18px; }.news-home-empty { min-height: 220px; place-items: center; align-content: center; color: var(--muted); border: 1px solid var(--line); }.news-home-empty:not([hidden]) { display: grid; }.news-home-empty span { font: 700 40px/1 monospace; }.news-home-empty p { margin: 10px 0 0; }

.contact { position: relative; min-height: 620px; overflow: hidden; display: flex; align-items: center; color: var(--white); background: var(--cobalt); }
.contact-canvas { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .55; }
.contact::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(24,33,100,.62), rgba(59,92,255,.08)); }
.contact-inner { position: relative; z-index: 2; }
.contact .section-index { color: var(--acid); }
.contact h2 { max-width: 820px; font-size: 58px; white-space: pre-line; }
.contact p { margin: 24px 0 38px; color: rgba(255,255,255,.7); }

.footer { padding-top: 78px; color: rgba(255,255,255,.64); background: var(--ink); }
.footer-main { display: grid; grid-template-columns: 2fr repeat(3, 1fr) 1.4fr; gap: 50px; padding-bottom: 70px; }
.brand-dark { color: var(--white); }.footer-brand p { margin: 22px 0 0; font-size: 13px; line-height: 1.8; }
.footer-links, .footer-contact { display: flex; flex-direction: column; gap: 13px; font-size: 12px; }.footer-links b, .footer-contact b { margin-bottom: 8px; color: var(--white); font-size: 12px; }.footer-links a:hover, .footer-contact a:hover { color: var(--acid); }.footer-contact a { color: var(--white); }
.footer-bottom { min-height: 70px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.12); font-size: 10px; }.footer-bottom div { display: flex; gap: 24px; }

.demo-dialog { width: min(760px, calc(100% - 32px)); max-height: calc(100svh - 40px); padding: 44px; border: 0; border-radius: var(--radius); color: var(--ink); background: var(--paper); box-shadow: 0 32px 80px rgba(0,0,0,.35); }
.demo-dialog::backdrop { background: rgba(10,12,9,.72); backdrop-filter: blur(8px); }
.dialog-close { position: absolute; top: 18px; right: 18px; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 50%; background: transparent; font-size: 24px; line-height: 1; cursor: pointer; }
.dialog-copy h2 { margin: 4px 0 10px; font-size: 32px; }.dialog-copy p { margin: 0; color: var(--muted); }
.demo-form { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 30px; }.demo-form label { display: grid; gap: 7px; font-size: 12px; font-weight: 650; }.demo-form label span { color: var(--coral); }.demo-form input, .demo-form select, .demo-form textarea { width: 100%; border: 1px solid #cdd0c7; border-radius: 2px; padding: 12px 13px; background: var(--white); color: var(--ink); outline: 0; }.demo-form input, .demo-form select { height: 48px; }.demo-form textarea { resize: vertical; }.demo-form input.invalid { border-color: var(--coral); }.form-wide, .form-error { grid-column: 1 / -1; }.form-error { min-height: 18px; margin: -6px 0 0; color: #c83c2d; font-size: 11px; }.form-success { min-height: 380px; text-align: center; place-content: center; }.form-success:not([hidden]) { display: grid; }.form-success > span { width: 58px; height: 58px; margin: auto; display: grid; place-items: center; border-radius: 50%; background: var(--acid); font-size: 28px; }.form-success h3 { margin: 20px 0 6px; font-size: 28px; }.form-success p { margin: 0 0 26px; color: var(--muted); }.form-success .button { margin: auto; }

.floating-contact { position: fixed; z-index: 80; right: 24px; bottom: 24px; min-height: 48px; display: flex; align-items: center; gap: 22px; padding: 0 18px; border: 1px solid var(--ink); border-radius: 2px; color: var(--ink); background: var(--acid); box-shadow: 0 12px 32px rgba(0,0,0,.16); font-size: 12px; font-weight: 700; cursor: pointer; }
.back-to-top { position: fixed; z-index: 78; right: 24px; bottom: 86px; width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 50%; color: var(--ink); background: var(--white); box-shadow: 0 8px 24px rgba(0,0,0,.12); font-size: 18px; cursor: pointer; }
.customer-service-toggle { position: fixed; z-index: 203; left: 24px; bottom: 24px; width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid var(--ink); border-radius: 50%; color: var(--ink); background: var(--acid); box-shadow: 0 12px 32px rgba(0,0,0,.2); font: 750 10px/1 monospace; cursor: pointer; }.customer-service-toggle b { position: absolute; top: -3px; right: -4px; min-width: 18px; height: 18px; display: grid; place-items: center; padding: 0 4px; border-radius: 9px; color: var(--white); background: var(--coral); font-size: 8px; }.customer-service-toggle[aria-expanded="true"] { color: var(--acid); background: var(--ink); }
.customer-service { position: fixed; z-index: 202; left: 24px; bottom: 84px; width: min(400px, calc(100% - 36px)); max-height: min(620px, calc(100svh - 104px)); overflow: hidden; border: 1px solid #30342d; border-radius: 6px; background: var(--white); box-shadow: 0 22px 60px rgba(0,0,0,.28); }.support-head { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0 20px; color: var(--white); background: var(--ink); }.support-head > div { display: grid; gap: 5px; }.support-head span { display: flex; align-items: center; gap: 7px; color: rgba(255,255,255,.48); font: 600 8px/1 monospace; }.support-head span i { width: 6px; height: 6px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 0 3px rgba(198,255,63,.12); }.support-head span i.offline { background: var(--coral); box-shadow: 0 0 0 3px rgba(255,111,89,.12); }.support-head b { font-size: 15px; }.support-head button { width: 30px; height: 30px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; color: var(--white); background: transparent; font-size: 18px; cursor: pointer; }
.support-start { padding: 20px; overflow-y: auto; }.support-start > p { margin: 0 0 17px; color: var(--muted); font-size: 11px; }.support-start-form { display: grid; gap: 13px; }.support-start-form label { display: grid; gap: 6px; }.support-start-form label > span { color: #555a52; font-size: 9px; font-weight: 650; }.support-start-form input, .support-start-form textarea { width: 100%; border: 1px solid #d2d5cd; border-radius: 2px; color: var(--ink); background: var(--white); outline: 0; font-size: 11px; }.support-start-form input { height: 40px; padding: 0 11px; }.support-start-form textarea { min-height: 86px; padding: 10px 11px; resize: vertical; }.support-start-form input:focus, .support-start-form textarea:focus { border-color: var(--cobalt); }.support-start-form > p { min-height: 16px; margin: 0; color: #b84033; font-size: 9px; }.support-start-form > button { min-height: 42px; display: flex; align-items: center; justify-content: space-between; padding: 0 14px; border: 0; border-radius: 2px; color: var(--white); background: var(--ink); font-size: 11px; font-weight: 650; cursor: pointer; }.support-start-form button:disabled { opacity: .5; cursor: wait; }
.support-conversation { display: grid; grid-template-rows: auto minmax(180px, 1fr) auto auto; height: min(500px, calc(100svh - 180px)); }.support-session-meta { min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 16px; border-bottom: 1px solid var(--line); background: #fafbf8; }.support-session-meta > span { color: var(--muted); font-size: 9px; }.support-session-meta > button { border: 0; color: var(--cobalt); background: transparent; font-size: 9px; cursor: pointer; }.support-messages { min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 12px; padding: 18px 16px; scrollbar-width: thin; }.support-message { max-width: 84%; display: grid; gap: 4px; }.support-message.agent { align-self: flex-start; }.support-message.visitor { align-self: flex-end; }.support-message > span { color: var(--muted); font-size: 8px; }.support-message.visitor > span { text-align: right; }.support-message p { margin: 0; padding: 9px 11px; border-radius: 2px; color: var(--ink); background: var(--soft); font-size: 11px; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; }.support-message.visitor p { color: var(--white); background: var(--cobalt); }.support-feedback { min-height: 20px; margin: 0; padding: 0 16px; color: var(--muted); font-size: 8px; }.support-feedback.error { color: #b84033; }.support-reply-form { display: grid; grid-template-columns: 1fr 42px; gap: 8px; padding: 0 16px 16px; }.support-reply-form textarea { min-height: 44px; max-height: 100px; resize: vertical; padding: 10px 11px; border: 1px solid var(--line); border-radius: 2px; outline: 0; font-size: 11px; }.support-reply-form textarea:focus { border-color: var(--cobalt); }.support-reply-form button { width: 42px; border: 0; border-radius: 2px; color: var(--white); background: var(--ink); font-size: 18px; cursor: pointer; }.support-reply-form button:disabled { opacity: .4; cursor: wait; }
.ai-assistant-toggle { position: fixed; z-index: 82; left: 82px; bottom: 24px; width: 48px; height: 48px; border: 1px solid var(--acid); border-radius: 50%; color: var(--acid); background: var(--ink); box-shadow: 0 12px 32px rgba(0,0,0,.2); font: 700 12px/1 monospace; cursor: pointer; }
.ai-assistant { position: fixed; z-index: 81; left: 24px; bottom: 84px; width: min(420px, calc(100% - 36px)); padding: 20px; border: 1px solid #30342d; border-radius: 6px; color: var(--white); background: var(--ink); box-shadow: 0 22px 60px rgba(0,0,0,.28); }
.assistant-head { display: flex; justify-content: space-between; gap: 20px; }.assistant-head > div { display: grid; gap: 4px; }.assistant-head span { color: var(--acid); font: 600 8px/1 monospace; }.assistant-head b { font-size: 15px; }.assistant-head button { width: 30px; height: 30px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; color: var(--white); background: transparent; font-size: 18px; cursor: pointer; }.ai-assistant > p { margin: 22px 0; color: rgba(255,255,255,.58); font-size: 12px; }.assistant-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.assistant-actions button, .assistant-actions a { min-height: 40px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.2); border-radius: 2px; color: var(--white); background: transparent; font-size: 10px; cursor: pointer; }.assistant-actions button { color: var(--ink); background: var(--acid); border-color: var(--acid); }
.chat-model-row { display: flex; align-items: center; gap: 12px; margin: 18px 0 12px; padding: 9px 11px; border: 1px solid rgba(255,255,255,.12); }.chat-model-row label { color: rgba(255,255,255,.45); font-size: 9px; }.chat-model-row select { min-width: 0; flex: 1; border: 0; color: var(--white); background: transparent; font-size: 10px; outline: 0; }.chat-model-row option { color: var(--ink); background: var(--white); }
.chat-messages { height: 290px; overflow-y: auto; display: flex; flex-direction: column; gap: 12px; padding: 14px 4px 14px 0; scrollbar-width: thin; scrollbar-color: #4e554a transparent; }.chat-message { max-width: 88%; display: grid; grid-template-columns: 25px 1fr; gap: 8px; align-items: start; }.chat-message > span { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; color: var(--ink); background: var(--acid); font: 700 8px/1 monospace; }.chat-message p { margin: 0; padding: 9px 11px; border-radius: 2px; color: rgba(255,255,255,.78); background: #23271f; font-size: 11px; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; }.chat-message.user { align-self: flex-end; grid-template-columns: 1fr; }.chat-message.user p { color: var(--ink); background: var(--white); }.chat-message.user > span { display: none; }
.ai-assistant > .chat-status { min-height: 17px; margin: 3px 0 7px; color: rgba(255,255,255,.45); font-size: 9px; }.chat-status.error { color: #ff9a8d; }.chat-form { display: grid; grid-template-columns: 1fr 42px; gap: 8px; }.chat-form textarea { min-height: 44px; max-height: 110px; resize: vertical; padding: 10px 11px; border: 1px solid rgba(255,255,255,.18); border-radius: 2px; color: var(--white); background: #0d0f0c; outline: 0; font-size: 11px; }.chat-form textarea:focus { border-color: var(--acid); }.chat-form button { width: 42px; border: 0; border-radius: 2px; color: var(--ink); background: var(--acid); font-size: 18px; cursor: pointer; }.chat-form button:disabled { opacity: .4; cursor: wait; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
body.no-animations *, body.no-animations *::before, body.no-animations *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }

html[data-theme="matrix"] { --acid: var(--custom-accent, #c6ff3f); }
html[data-theme="minimal"] { --ink: #171a1c; --paper: #f7f8f5; --white: #fff; --muted: #666c70; --line: #d6dadd; --acid: #ffd84a; --cobalt: #2558d9; --coral: #ff6256; --radius: 2px; }
html[data-theme="corporate"] { --ink: #102734; --paper: #edf3f6; --white: #fff; --muted: #61717a; --line: #ccd8de; --acid: #5ee3b1; --cobalt: #2266d2; --coral: #ff725f; --radius: 4px; }
html[data-theme="titanium"] { --ink: #232827; --paper: #e9edec; --white: #fbfcfb; --muted: #626967; --line: #c9cfcd; --acid: #7df2d1; --cobalt: #4052d8; --coral: #ff6b57; --radius: 0; }
html[data-theme="midnight"] { --ink: #090c0a; --paper: #101411; --white: #1a1f1b; --muted: #949d95; --line: #323a34; --acid: #78f0c2; --cobalt: #6d83ff; --coral: #ff7968; --radius: 4px; }

html[data-theme="minimal"] body { font-family: Arial, "PingFang SC", "Microsoft YaHei", sans-serif; }
html[data-theme="minimal"] .hero-canvas { opacity: .48; filter: grayscale(.45); }html[data-theme="minimal"] .hero-wash { background: rgba(13,15,12,.76); }html[data-theme="minimal"] .capability, html[data-theme="minimal"] .case-feature, html[data-theme="minimal"] .news-home-card { box-shadow: none; }html[data-theme="minimal"] .section-index { letter-spacing: 1.2px; }
html[data-theme="corporate"] .hero { background: #0d2a39; }html[data-theme="corporate"] .hero-canvas { opacity: .62; }html[data-theme="corporate"] .hero-wash { background: rgba(8,31,43,.76); }html[data-theme="corporate"] .capability-featured { border-left: 3px solid var(--cobalt); }html[data-theme="corporate"] .site-header.scrolled { background: rgba(237,243,246,.96); }
html[data-theme="titanium"] body { font-family: "Arial Narrow", Inter, "PingFang SC", sans-serif; }html[data-theme="titanium"] .hero-canvas, html[data-theme="titanium"] .contact-canvas { filter: saturate(.45); }html[data-theme="titanium"] .capability, html[data-theme="titanium"] .case-feature, html[data-theme="titanium"] .news-home-card, html[data-theme="titanium"] .security-console { box-shadow: 7px 7px 0 rgba(35,40,39,.12); }html[data-theme="titanium"] .button, html[data-theme="titanium"] input, html[data-theme="titanium"] textarea, html[data-theme="titanium"] select { border-radius: 0; }
html[data-theme="midnight"] body { color: #edf2ed; background: var(--paper); }html[data-theme="midnight"] .site-header.scrolled, html[data-theme="midnight"] .site-header.menu-active { color: #edf2ed; background: rgba(16,20,17,.96); border-color: var(--line); }html[data-theme="midnight"] .platform, html[data-theme="midnight"] .cases, html[data-theme="midnight"] .custom-column, html[data-theme="midnight"] .news-home, html[data-theme="midnight"] .trust-strip { background: var(--paper); }html[data-theme="midnight"] .capability, html[data-theme="midnight"] .news-home-card, html[data-theme="midnight"] .case-story { color: #edf2ed; background: var(--white); border-color: var(--line); }html[data-theme="midnight"] .capability-visual { background: #111612; border-color: var(--line); }html[data-theme="midnight"] .flow-node { color: #edf2ed; background: #202720; border-color: #465048; }html[data-theme="midnight"] .node-core { color: #08100d; background: var(--acid); }html[data-theme="midnight"] .capability-dark, html[data-theme="midnight"] .solutions, html[data-theme="midnight"] .custom-column-dark, html[data-theme="midnight"] .footer { color: #edf2ed; background: #070a08; }html[data-theme="midnight"] .section-heading.light h2, html[data-theme="midnight"] .footer-links b, html[data-theme="midnight"] .footer-contact b, html[data-theme="midnight"] .footer-contact a { color: #edf2ed; }html[data-theme="midnight"] .security { background: #151a16; }html[data-theme="midnight"] .security-console { box-shadow: 18px 18px 0 #242b25; }html[data-theme="midnight"] .case-list, html[data-theme="midnight"] .news-all-link { border-color: #687168; }html[data-theme="midnight"] .case-row:hover { background: var(--white); }html[data-theme="midnight"] .news-home-card:first-child { color: #edf2ed; background: #070a08; }html[data-theme="midnight"] .custom-column-content p { color: #aab2ab; }html[data-theme="midnight"] .customer-service, html[data-theme="midnight"] .support-start-form input, html[data-theme="midnight"] .support-start-form textarea, html[data-theme="midnight"] .support-reply-form textarea { color: #edf2ed; background: var(--white); }html[data-theme="midnight"] .support-session-meta { background: #111612; }html[data-theme="midnight"] .support-message.agent p { color: #edf2ed; background: #272e28; }

html[data-theme="midnight"] .contact, html[data-theme="midnight"] .case-results, html[data-theme="midnight"] .custom-column-accent, html[data-theme="midnight"] .security-console, html[data-theme="midnight"] .ai-assistant, html[data-theme="midnight"] .support-head { color: #edf2ed; }html[data-theme="midnight"] .button-dark { color: #07100c; background: var(--acid); }html[data-theme="midnight"] .site-header.scrolled .button-light { color: #07100c; background: var(--acid); border-color: var(--acid); }html[data-theme="midnight"] .chat-model-row select, html[data-theme="midnight"] .chat-form textarea, html[data-theme="midnight"] .support-start-form input, html[data-theme="midnight"] .support-start-form textarea, html[data-theme="midnight"] .support-reply-form textarea { color: #edf2ed; }html[data-theme="midnight"] .chat-message.user p, html[data-theme="midnight"] .support-message.visitor p { color: #fff; }html[data-theme="midnight"] .mobile-menu { color: #edf2ed; background: var(--paper); }

html[data-theme="midnight"] .site-header, html[data-theme="midnight"] .hero { color: #edf2ed; }html[data-theme="midnight"] .button-light, html[data-theme="midnight"] .button-primary { color: #07100c; background: var(--acid); border-color: var(--acid); }html[data-theme="midnight"] .button-ghost { color: #edf2ed; border-color: rgba(237,242,237,.45); }html[data-theme="midnight"] .hero-lead, html[data-theme="midnight"] .live-dot { color: var(--acid); }html[data-theme="midnight"] .signal-grid b, html[data-theme="midnight"] .signal-main strong { color: #edf2ed; }

.reveal { opacity: 0; transform: translateY(22px); transition: opacity .65s ease, transform .65s ease; }.reveal.visible { opacity: 1; transform: translateY(0); }
@keyframes pulse { 0%,100% { box-shadow: 0 0 0 3px rgba(198,255,63,.08); } 50% { box-shadow: 0 0 0 8px rgba(198,255,63,.16); } }
@keyframes wave { from { height: 8px; opacity: .45; } to { height: 38px; opacity: 1; } }
@keyframes dash { to { stroke-dashoffset: -200; } }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes panelIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

.customer-service-toggle[aria-expanded="true"] { opacity: 0; pointer-events: none; }

@media (max-width: 1020px) {
  .shell { width: min(100% - 44px, var(--shell)); }
  .site-header { padding-inline: 22px; grid-template-columns: 1fr auto; }
  .desktop-nav, .desktop-only { display: none; }
  .header-actions { gap: 10px; }
  .menu-toggle { width: 44px; height: 44px; display: grid; place-content: center; gap: 7px; padding: 0; border: 0; background: transparent; cursor: pointer; }
  .menu-toggle span { width: 22px; height: 1px; background: currentColor; transition: transform .25s ease; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(4px) rotate(45deg); }.menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-4px) rotate(-45deg); }
  .mobile-menu { position: fixed; inset: 76px 0 auto; min-height: calc(100svh - 76px); padding: 36px 22px; display: grid; align-content: start; gap: 0; color: var(--ink); background: var(--paper); transform: translateX(100%); transition: transform .3s ease; }
  body.has-site-ad .mobile-menu { inset: 114px 0 auto; min-height: calc(100svh - 114px); }
  .mobile-nav-links { display: grid; }
  .site-header.menu-active { color: var(--ink); background: var(--paper); }.site-header.menu-active .mobile-menu { transform: translateX(0); }
  .mobile-menu a { padding: 17px 0; border-bottom: 1px solid var(--line); font-size: 20px; font-weight: 610; }.mobile-menu .button { margin-top: 28px; }
  .hero-content { grid-template-columns: 1fr 330px; gap: 40px; }
  .hero h1 { font-size: 66px; }.hero-lead { font-size: 30px; }
  .section { padding: 100px 0; }.section-heading { grid-template-columns: 1fr 330px; gap: 40px; }.section-heading h2, .security-copy h2 { font-size: 40px; }
  .capability-grid { grid-template-columns: 1fr 1fr; }.capability-featured { grid-row: auto; min-height: 620px; }.capability:last-child { grid-column: 1 / -1; min-height: 280px; }
  .solution-layout { grid-template-columns: 1fr; }.solution-tabs { display: grid; grid-template-columns: 1fr 1fr; border-right: 0; }.solution-tab { padding-left: 12px; }.solution-stage { min-height: 500px; }
  .security-layout { gap: 50px; }
  .news-home-grid { grid-template-columns: 1fr 1fr; }.news-home-card:first-child { grid-column: 1 / -1; min-height: 320px; }
  .footer-main { grid-template-columns: 2fr repeat(2, 1fr); }.footer-contact, .footer-links:nth-child(4) { margin-top: 15px; }
}

@media (max-width: 760px) {
  .shell { width: calc(100% - 36px); }
  .site-header { height: 66px; padding-inline: 18px; }.mobile-menu { inset: 66px 0 auto; min-height: calc(100svh - 66px); }
  body.has-site-ad .mobile-menu { inset: 104px 0 auto; min-height: calc(100svh - 104px); }
  .site-ad-inner { justify-content: flex-start; padding-right: 38px; gap: 8px; }.site-ad-inner > span { display: none; }.site-ad-inner p { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }.site-ad-inner a { white-space: nowrap; }.site-ad-inner button { right: 8px; }
  .hero { min-height: 88svh; }.hero-content { min-height: calc(88svh - 52px); grid-template-columns: 1fr; align-content: center; padding-top: 112px; padding-bottom: 42px; }
  .hero-wash { background: linear-gradient(180deg, rgba(13,15,12,.86), rgba(13,15,12,.56) 65%, rgba(13,15,12,.92)); }
  .hero h1 { font-size: 52px; }.hero-lead { margin-top: 14px; font-size: 25px; }.hero-detail { margin-top: 22px; font-size: 15px; line-height: 1.8; }.hero-actions { margin-top: 32px; flex-direction: column; align-items: stretch; }.hero-actions .button { width: 100%; }
  .hero-signal { display: none; }.hero-meta { height: 52px; gap: 12px; }.hero-meta span:last-child { display: none; }
  .trust-strip { min-height: 118px; }.trust-inner { grid-template-columns: 1fr; gap: 12px; padding-block: 20px; }.logo-row { justify-content: flex-start; flex-wrap: wrap; gap: 12px 22px; }.logo-row span { font-size: 12px; }
  .section { padding: 82px 0; }.section-heading { grid-template-columns: 1fr; gap: 20px; margin-bottom: 44px; }.section-heading h2, .security-copy h2 { font-size: 32px; }.section-heading > p { font-size: 14px; }
  .capability-grid { grid-template-columns: 1fr; }.capability { min-height: 315px; padding: 24px; }.capability-featured { min-height: 600px; }.capability:last-child { grid-column: auto; }.capability-visual { margin-inline: -24px; }
  .solution-tabs { display: flex; overflow-x: auto; scrollbar-width: none; }.solution-tabs::-webkit-scrollbar { display: none; }.solution-tab { min-width: 180px; padding: 0 18px; grid-template-columns: 26px 1fr; }.solution-tab::after { display: none; }.solution-tab em { display: none; }.solution-stage { min-height: 490px; padding: 28px; }.solution-orbit { width: 340px; height: 340px; right: -100px; top: -30px; }.solution-panel h3 { font-size: 28px; }.panel-stats { gap: 30px; }
  .case-feature { grid-template-columns: 1fr; }.case-story { padding: 30px 24px; }.case-story blockquote { margin-top: 34px; font-size: 22px; }.case-results { grid-template-columns: 1fr 1fr; }.case-results div { min-height: 150px; padding: 24px; }.case-results div:last-child { grid-column: 1 / -1; }.case-results strong { font-size: 36px; }.case-row { grid-template-columns: 62px 1fr 24px; gap: 10px; padding-block: 18px; }.case-row p { grid-column: 2 / 4; font-size: 13px; }.case-row > span:last-child { grid-column: 3; grid-row: 1; }
  .security-layout { grid-template-columns: 1fr; gap: 48px; }.security-console { box-shadow: 12px 12px 0 #d8dacd; }.security-checks > div { grid-template-columns: 95px 1fr 42px; gap: 8px; }.risk-score strong { font-size: 52px; }
  .custom-column { min-height: 460px; }.custom-column-layout, .custom-column-image-left { grid-template-columns: 1fr; gap: 34px; }.custom-column-image-left .custom-column-copy, .custom-column-image-left .custom-column-media { grid-column: 1; }.custom-column-image-left .custom-column-copy { grid-row: 1; }.custom-column-image-left .custom-column-media { grid-row: 2; }.custom-column h2 { font-size: 32px; }.custom-column-description { font-size: 14px; }.custom-column-content { grid-template-columns: 1fr; gap: 18px; margin-top: 34px; }.custom-column-media, .custom-column-image-full .custom-column-media { margin-top: 0; aspect-ratio: 16 / 10; }
  .news-home-grid { grid-template-columns: 1fr; }.news-home-card, .news-home-card:first-child, .news-home-card:only-child { min-height: 300px; grid-column: auto; padding: 24px; }.news-home-card h3 { font-size: 22px; }.news-all-link { justify-content: space-between; padding-right: 78px; }
  .contact { min-height: 540px; }.contact h2 { font-size: 39px; }.contact p { max-width: 310px; }
  .footer { padding-top: 58px; }.footer-main { grid-template-columns: 1fr 1fr; gap: 42px 24px; }.footer-brand { grid-column: 1 / -1; }.footer-contact { grid-column: 1 / -1; }.footer-bottom { padding: 22px 0; align-items: flex-start; flex-direction: column; gap: 12px; }
  .demo-dialog { padding: 32px 20px 24px; }.demo-form { grid-template-columns: 1fr; }.form-wide, .form-error { grid-column: auto; }.dialog-copy h2 { font-size: 27px; }
  .floating-contact { right: 18px; bottom: 18px; }.back-to-top { right: 18px; bottom: 78px; }.customer-service-toggle { left: 18px; bottom: 18px; }.customer-service { left: 18px; top: 80px; bottom: auto; max-height: calc(100svh - 98px); }.has-site-ad .customer-service { top: 116px; max-height: calc(100svh - 134px); }.customer-service .support-conversation { height: calc(100svh - 174px); }.has-site-ad .customer-service .support-conversation { height: calc(100svh - 210px); }.ai-assistant-toggle { left: 76px; bottom: 18px; }.ai-assistant { left: 18px; bottom: 78px; padding: 17px; }.chat-messages { height: 250px; }
}


@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

/* AI visual system: first-viewport foundation */
:root {
  --ink: #050816;
  --paper: #071022;
  --white: #0c1730;
  --muted: #8ea4c9;
  --line: rgba(116, 151, 204, .2);
  --custom-accent: #72f5d1;
  --acid: var(--custom-accent);
  --cobalt: #6c7cff;
  --coral: #ff6ea8;
  --radius: 18px;
  --ai-cyan: #5de8ff;
  --ai-violet: #8a6cff;
  --ai-panel: rgba(10, 23, 48, .72);
  --ai-glow: 0 0 48px rgba(93, 232, 255, .14);
}

body {
  color: #edf6ff;
  background: #050816;
}

.site-header {
  height: 78px;
  background: linear-gradient(180deg, rgba(5, 8, 22, .88), rgba(5, 8, 22, .42));
  border-color: rgba(122, 221, 255, .16);
  backdrop-filter: blur(18px) saturate(140%);
}

.site-header.scrolled {
  color: #edf6ff;
  background: rgba(5, 8, 22, .9);
  border-color: rgba(122, 221, 255, .2);
}

.site-header.scrolled .button-light {
  color: #03121a;
  background: var(--acid);
  border-color: var(--acid);
}

.brand-mark {
  border-color: rgba(93, 232, 255, .6);
  border-radius: 9px;
  box-shadow: inset 0 0 14px rgba(93, 232, 255, .12), 0 0 22px rgba(93, 232, 255, .12);
}

.brand-mark i { box-shadow: 0 0 10px currentColor; }

.desktop-nav a,
.text-link {
  color: rgba(222, 241, 255, .76);
}

.button {
  border-radius: 12px;
  letter-spacing: .02em;
}

.button-primary,
.button-light {
  color: #03121a;
  background: linear-gradient(110deg, var(--acid), var(--ai-cyan));
  border-color: rgba(139, 255, 233, .75);
  box-shadow: 0 0 26px rgba(93, 232, 255, .2);
}

.button-primary:hover,
.button-light:hover {
  background: linear-gradient(110deg, #9dffe5, #85efff);
  border-color: #b5fff0;
  box-shadow: 0 0 36px rgba(93, 232, 255, .34);
}

.hero {
  min-height: 96svh;
  background:
    radial-gradient(circle at 72% 42%, rgba(108, 124, 255, .22), transparent 27%),
    radial-gradient(circle at 22% 26%, rgba(93, 232, 255, .12), transparent 30%),
    linear-gradient(145deg, #040713 0%, #071126 50%, #050817 100%);
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(93, 232, 255, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(93, 232, 255, .045) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.95), transparent 92%);
}

.hero::after {
  content: "AI CORE / 02.26 / ONLINE";
  position: absolute;
  z-index: 2;
  right: max(32px, calc((100vw - var(--shell)) / 2));
  bottom: 27px;
  color: rgba(124, 229, 255, .48);
  font: 600 9px/1 "SFMono-Regular", Consolas, monospace;
  letter-spacing: .16em;
}

.hero-canvas { opacity: .58; filter: hue-rotate(44deg) saturate(1.35); }

.hero-wash {
  background: linear-gradient(90deg, rgba(4, 7, 19, .94) 0%, rgba(4, 8, 23, .72) 44%, rgba(4, 8, 23, .16) 78%, rgba(4, 7, 19, .5) 100%);
}

.eyebrow {
  width: max-content;
  padding: 7px 11px;
  border: 1px solid rgba(93, 232, 255, .22);
  border-radius: 99px;
  color: #a7eaf6;
  background: rgba(93, 232, 255, .06);
  font: 600 11px/1.2 "SFMono-Regular", Consolas, monospace;
  letter-spacing: .12em;
}

.eyebrow span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  box-shadow: 0 0 12px var(--acid);
}

.hero h1 {
  max-width: 760px;
  font-size: clamp(70px, 7vw, 102px);
  letter-spacing: -.055em;
  background: linear-gradient(120deg, #fff 8%, #a9edff 52%, #a998ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 0 28px rgba(93, 232, 255, .1));
}

.hero-lead {
  color: #b6fff0;
  text-shadow: 0 0 24px rgba(114, 245, 209, .15);
}

.hero-detail { color: rgba(210, 231, 255, .68); }

.hero-signal {
  position: relative;
  padding: 26px;
  border: 1px solid rgba(93, 232, 255, .2);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(12, 29, 59, .78), rgba(8, 16, 38, .56));
  box-shadow: var(--ai-glow), inset 0 1px 0 rgba(255, 255, 255, .05);
  backdrop-filter: blur(18px);
}

.hero-signal::before,
.hero-signal::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  pointer-events: none;
}

.hero-signal::before {
  left: -1px;
  top: -1px;
  border-left: 2px solid var(--ai-cyan);
  border-top: 2px solid var(--ai-cyan);
  border-radius: 20px 0 0;
}

.hero-signal::after {
  right: -1px;
  bottom: -1px;
  border-right: 2px solid var(--ai-violet);
  border-bottom: 2px solid var(--ai-violet);
  border-radius: 0 0 20px;
}

.signal-main strong,
.signal-grid b { color: #f4fbff; }

.signal-wave i {
  background: linear-gradient(to top, var(--ai-violet), var(--ai-cyan));
  box-shadow: 0 0 9px rgba(93, 232, 255, .24);
}

@media (max-width: 760px) {
  .hero::after { right: 18px; bottom: 21px; }
  .hero h1 { font-size: clamp(50px, 16vw, 68px); }
}

/* AI visual system: complete section treatment */
.section,
.trust-strip,
.contact,
.footer {
  position: relative;
  isolation: isolate;
}

.section { overflow: hidden; }
.section > .shell,
.trust-strip > .shell,
.footer > .shell { position: relative; z-index: 2; }

.section::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(98, 180, 255, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(98, 180, 255, .035) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to right, transparent, #000 18%, #000 82%, transparent);
}

.section-index {
  width: max-content;
  margin-bottom: 20px;
  padding: 6px 9px;
  border: 1px solid rgba(93, 232, 255, .2);
  border-radius: 7px;
  color: var(--ai-cyan);
  background: rgba(93, 232, 255, .05);
  letter-spacing: .14em;
}

.section-heading h2,
.security-copy h2,
.contact h2 {
  color: #f3f8ff;
  letter-spacing: -.035em;
}

.section-heading > p,
.security-copy > p,
.contact p { color: #8fa5c8; }

.trust-strip {
  min-height: 106px;
  color: #dbeaff;
  background: #060b19;
  border-top: 1px solid rgba(93, 232, 255, .09);
  border-bottom: 1px solid rgba(93, 232, 255, .15);
}

.trust-strip::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(93, 232, 255, .055), transparent);
}

.trust-label {
  color: var(--ai-cyan);
  font: 600 10px/1.2 "SFMono-Regular", Consolas, monospace;
  letter-spacing: .14em;
}

.logo-row { color: #859abb; }
.logo-row span {
  position: relative;
  padding-left: 15px;
  font-size: 14px;
  letter-spacing: .06em;
}

.logo-row span::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 3px);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--acid);
  box-shadow: 0 0 10px rgba(114, 245, 209, .7);
}

.platform {
  background:
    radial-gradient(circle at 10% 20%, rgba(93, 232, 255, .08), transparent 24%),
    radial-gradient(circle at 90% 72%, rgba(138, 108, 255, .09), transparent 28%),
    #071022;
}

.platform::after {
  content: "";
  position: absolute;
  z-index: 0;
  width: 420px;
  height: 420px;
  right: -220px;
  top: 140px;
  border: 1px solid rgba(93, 232, 255, .12);
  border-radius: 50%;
  box-shadow: 0 0 0 80px rgba(93, 232, 255, .02), 0 0 0 160px rgba(138, 108, 255, .015);
}

.capability {
  color: #e8f2ff;
  border-color: rgba(119, 158, 214, .2);
  background: linear-gradient(145deg, rgba(14, 31, 61, .9), rgba(8, 18, 39, .82));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 22px 60px rgba(0, 0, 0, .16);
  transition: transform .32s ease, border-color .32s ease, box-shadow .32s ease;
}

.capability::before {
  content: "";
  position: absolute;
  left: 28px;
  right: 28px;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--ai-cyan), transparent);
  opacity: .45;
}

.capability:hover {
  transform: translateY(-7px);
  border-color: rgba(93, 232, 255, .45);
  box-shadow: 0 24px 70px rgba(0, 4, 18, .38), 0 0 42px rgba(93, 232, 255, .08);
}

.capability-featured {
  background:
    radial-gradient(circle at 50% 38%, rgba(93, 232, 255, .08), transparent 35%),
    linear-gradient(155deg, rgba(15, 35, 69, .94), rgba(7, 17, 38, .94));
}

.capability-dark {
  background:
    radial-gradient(circle at 82% 12%, rgba(138, 108, 255, .16), transparent 36%),
    linear-gradient(145deg, #101a3b, #080e22);
  border-color: rgba(138, 108, 255, .28);
}

.capability-number { color: #7087aa; }
.capability-tag {
  color: var(--ai-cyan);
  background: rgba(93, 232, 255, .06);
  border: 1px solid rgba(93, 232, 255, .15);
}

.capability h3 { color: #f2f7ff; }
.capability > p { color: #8fa5c8; }

.capability-visual {
  border-color: rgba(93, 232, 255, .13);
  background:
    linear-gradient(rgba(93, 232, 255, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(93, 232, 255, .04) 1px, transparent 1px),
    rgba(5, 12, 29, .55);
  background-size: 30px 30px;
}

.agent-flow svg path {
  stroke: rgba(93, 232, 255, .46);
  filter: drop-shadow(0 0 4px rgba(93, 232, 255, .3));
}

.flow-node {
  color: #cfe0f4;
  border-color: rgba(93, 232, 255, .26);
  border-radius: 9px;
  background: #0a1732;
  box-shadow: 0 7px 24px rgba(0, 0, 0, .28), inset 0 0 15px rgba(93, 232, 255, .04);
}

.node-core {
  color: #02151a;
  background: linear-gradient(145deg, #9ffff0, #5de8ff);
  box-shadow: 0 0 42px rgba(93, 232, 255, .35);
}

.capability-icon {
  border-color: rgba(93, 232, 255, .26);
  border-radius: 10px;
  background: rgba(93, 232, 255, .04);
  box-shadow: inset 0 0 15px rgba(93, 232, 255, .05);
}

.icon-knowledge::before,
.icon-knowledge::after { background: #0b1934; border-color: var(--ai-cyan); }
.icon-shield::before { border-color: var(--ai-cyan); }
.icon-shield::after { background: var(--acid); box-shadow: 0 0 8px var(--acid); }

.mini-list li {
  color: #9eb5d6;
  border-color: rgba(93, 232, 255, .16);
  border-radius: 7px;
  background: rgba(93, 232, 255, .035);
}

.model-status { color: #8299bb; }
.model-status b { color: #f1f7ff; }
.model-status i { box-shadow: 0 0 8px var(--acid); }
.audit-line span { border-radius: 9px; background: rgba(105, 132, 177, .16); }
.audit-line span:nth-child(-n+3) { background: linear-gradient(90deg, var(--ai-violet), var(--ai-cyan)); box-shadow: 0 0 12px rgba(93, 232, 255, .18); }

.solutions {
  background:
    radial-gradient(circle at 82% 28%, rgba(108, 124, 255, .15), transparent 28%),
    linear-gradient(180deg, #050816, #071023);
}

.solution-layout {
  overflow: hidden;
  border: 1px solid rgba(93, 232, 255, .19);
  border-radius: 22px;
  background: rgba(7, 16, 35, .72);
  box-shadow: 0 30px 80px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .03);
}

.solution-tabs { border-color: rgba(93, 232, 255, .14); }
.solution-tab {
  border-color: rgba(116, 151, 204, .14);
  color: rgba(194, 213, 239, .45);
}

.solution-tab::before {
  content: "";
  position: absolute;
  left: 0;
  top: 20%;
  width: 2px;
  height: 60%;
  opacity: 0;
  background: var(--ai-cyan);
  box-shadow: 0 0 15px var(--ai-cyan);
  transition: opacity .25s ease;
}

.solution-tab:hover,
.solution-tab.active {
  color: #eef7ff;
  background: linear-gradient(90deg, rgba(93, 232, 255, .09), rgba(108, 124, 255, .025));
}

.solution-tab.active::before { opacity: 1; }
.solution-tab span { color: var(--ai-cyan); }
.solution-tab em { color: #647b9e; }

.solution-stage {
  background:
    linear-gradient(rgba(93, 232, 255, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(93, 232, 255, .035) 1px, transparent 1px),
    radial-gradient(circle at 72% 25%, rgba(138, 108, 255, .15), transparent 36%),
    #071126;
  background-size: 42px 42px, 42px 42px, auto, auto;
}

.orbit-ring {
  border-color: rgba(93, 232, 255, .24);
  box-shadow: inset 0 0 32px rgba(93, 232, 255, .025);
}

.ring-two { border-color: rgba(138, 108, 255, .35); }
.orbit-core {
  background: linear-gradient(145deg, #92ffe6, #63dfff);
  color: #04151c;
  box-shadow: 0 0 70px rgba(93, 232, 255, .32);
}
.orbit-point { border-color: #071126; box-shadow: 0 0 14px currentColor; }
.panel-kicker,
.panel-stats strong { color: var(--ai-cyan); }
.solution-panel > p { color: #8da3c4; }
.panel-stats span { color: #6f86a8; }

.cases {
  background:
    radial-gradient(circle at 10% 72%, rgba(138, 108, 255, .1), transparent 28%),
    #081124;
}

.case-feature {
  border-color: rgba(93, 232, 255, .2);
  border-radius: 22px;
  background: #09142b;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .2);
}

.case-story {
  color: #eaf3ff;
  background:
    linear-gradient(rgba(93, 232, 255, .03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(93, 232, 255, .03) 1px, transparent 1px),
    linear-gradient(145deg, rgba(14, 30, 61, .96), rgba(8, 17, 37, .94));
  background-size: 34px 34px, 34px 34px, auto;
}

.case-brand span {
  color: #04141a;
  background: linear-gradient(145deg, var(--acid), var(--ai-cyan));
  border-radius: 11px;
  box-shadow: 0 0 22px rgba(93, 232, 255, .18);
}

.case-story > p,
.case-row p { color: #869dbf; }

.case-results {
  background:
    radial-gradient(circle at 100% 0, rgba(93, 232, 255, .18), transparent 40%),
    linear-gradient(160deg, #182657, #0b1430);
}

.case-results div { border-color: rgba(93, 232, 255, .16); }
.case-results strong {
  color: #9cfff0;
  text-shadow: 0 0 26px rgba(93, 232, 255, .18);
}
.case-results span { color: #8ea4c5; }
.case-list { border-color: rgba(93, 232, 255, .22); }

.case-row {
  border-color: rgba(116, 151, 204, .14);
  transition: padding .25s ease, background .25s ease, border-color .25s ease;
}

.case-row:hover {
  padding-inline: 18px;
  background: linear-gradient(90deg, rgba(93, 232, 255, .07), rgba(138, 108, 255, .03));
  border-color: rgba(93, 232, 255, .3);
}

.case-row .case-sector { color: var(--ai-cyan); }
.case-row > span:last-child { color: var(--acid); }

.security {
  background:
    radial-gradient(circle at 80% 50%, rgba(93, 232, 255, .1), transparent 26%),
    radial-gradient(circle at 15% 18%, rgba(138, 108, 255, .08), transparent 25%),
    #050b1a;
}

.cert-row span {
  color: #9eb6d7;
  border-color: rgba(93, 232, 255, .18);
  border-radius: 8px;
  background: rgba(93, 232, 255, .04);
}

.security-console {
  color: #edf6ff;
  border-color: rgba(93, 232, 255, .32);
  border-radius: 20px;
  background:
    linear-gradient(rgba(93, 232, 255, .026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(93, 232, 255, .026) 1px, transparent 1px),
    linear-gradient(145deg, #0c1935, #070e20);
  background-size: 28px 28px, 28px 28px, auto;
  box-shadow: 20px 20px 0 rgba(108, 124, 255, .08), 0 0 60px rgba(93, 232, 255, .09);
}

.console-head,
.security-checks > div,
.console-log { border-color: rgba(93, 232, 255, .13); }
.console-head span { color: #7590b4; letter-spacing: .12em; }
.risk-score strong { color: var(--ai-cyan); text-shadow: 0 0 30px rgba(93, 232, 255, .3); }
.risk-score > b {
  color: var(--acid);
  border: 1px solid rgba(114, 245, 209, .18);
  border-radius: 7px;
  background: rgba(114, 245, 209, .06);
}
.security-checks i { border-radius: 9px; background: rgba(119, 158, 214, .13); }
.security-checks i::after { border-radius: inherit; background: linear-gradient(90deg, var(--ai-violet), var(--ai-cyan)); box-shadow: 0 0 10px rgba(93, 232, 255, .22); }
.security-checks b,
.console-log span { color: #6780a3; }
.console-log { background: rgba(3, 8, 20, .52); }
.console-log p { color: #9aafcc; }
.console-log b { color: var(--acid); }

.news-home,
.custom-column { color: #edf6ff; background: #071022; }
.custom-column-dark { background: #050816; }
.custom-column-accent { background: linear-gradient(145deg, #111d49, #0a1432); }
.custom-column-description,
.custom-column-content p { color: #8fa5c8; }
.custom-column-content,
.custom-column-media { border-color: rgba(93, 232, 255, .16); }

.news-home-card {
  color: #eaf3ff;
  border-color: rgba(119, 158, 214, .2);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(14, 31, 61, .92), rgba(8, 18, 39, .88));
}
.news-home-card:first-child { background: linear-gradient(145deg, #121e47, #080f25); border-color: rgba(93, 232, 255, .28); }
.news-home-card:hover { border-color: rgba(93, 232, 255, .42); box-shadow: var(--ai-glow); }
.news-home-card p,
.news-card-meta span:last-child,
.news-card-bottom { color: #7e95b7; }
.news-card-meta,
.news-home-card:first-child .news-card-meta { color: var(--ai-cyan); }
.news-card-bottom,
.news-home-card:first-child .news-card-bottom,
.news-all-link { border-color: rgba(93, 232, 255, .16); }

.contact {
  min-height: 660px;
  background:
    radial-gradient(circle at 70% 42%, rgba(93, 232, 255, .2), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(138, 108, 255, .28), transparent 31%),
    linear-gradient(145deg, #07112d, #111f50 55%, #080d24);
}

.contact-canvas { opacity: .44; filter: hue-rotate(45deg) saturate(1.3); }
.contact::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(93, 232, 255, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(93, 232, 255, .045) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: radial-gradient(circle at center, #000, transparent 83%);
}

.contact::after {
  background: linear-gradient(90deg, rgba(5, 9, 25, .78), rgba(7, 15, 38, .18));
}

.contact .button-light {
  min-width: 190px;
  box-shadow: 0 0 38px rgba(93, 232, 255, .2);
}

.footer {
  background:
    linear-gradient(rgba(93, 232, 255, .02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(93, 232, 255, .02) 1px, transparent 1px),
    #030611;
  background-size: 52px 52px;
  color: #7187a7;
  border-top: 1px solid rgba(93, 232, 255, .12);
}

.brand-dark,
.footer-links b,
.footer-contact b,
.footer-contact a { color: #dce9fa; }
.footer-links a:hover,
.footer-contact a:hover { color: var(--ai-cyan); }
.footer-bottom { border-color: rgba(93, 232, 255, .12); }

.demo-dialog,
.customer-service {
  color: #eaf3ff;
  border: 1px solid rgba(93, 232, 255, .24);
  border-radius: 20px;
  background: linear-gradient(145deg, #0d1a35, #071024);
  box-shadow: 0 30px 90px rgba(0, 0, 0, .55), 0 0 50px rgba(93, 232, 255, .08);
}
.demo-dialog::backdrop { background: rgba(1, 4, 13, .84); backdrop-filter: blur(12px); }
.dialog-close { color: #b9cce5; border-color: rgba(93, 232, 255, .2); }
.dialog-copy p,
.form-success p { color: #839abd; }
.demo-form input,
.demo-form select,
.demo-form textarea,
.support-start-form input,
.support-start-form textarea,
.support-reply-form textarea {
  color: #e9f3ff;
  border-color: rgba(93, 232, 255, .18);
  border-radius: 10px;
  background: rgba(3, 10, 25, .66);
}

.floating-contact,
.customer-service-toggle {
  color: #03151b;
  border-color: rgba(114, 245, 209, .7);
  background: linear-gradient(145deg, var(--acid), var(--ai-cyan));
  box-shadow: 0 14px 38px rgba(0, 0, 0, .32), 0 0 24px rgba(93, 232, 255, .18);
}
.floating-contact { border-radius: 12px; }
.back-to-top {
  color: #cfe0f4;
  border-color: rgba(93, 232, 255, .2);
  background: rgba(8, 19, 42, .9);
}
.ai-assistant-toggle,
.ai-assistant,
.support-head { border-color: rgba(93, 232, 255, .25); background: #061025; }
.ai-assistant-toggle { color: var(--ai-cyan); box-shadow: 0 0 22px rgba(93, 232, 255, .16); }

@media (max-width: 1020px) {
  .site-header.menu-active,
  .mobile-menu {
    color: #edf6ff;
    background: rgba(5, 8, 22, .98);
  }
  .mobile-menu a { border-color: rgba(93, 232, 255, .13); }
}

@media (max-width: 760px) {
  .section::before { background-size: 48px 48px; }
  .section-index { margin-bottom: 16px; }
  .logo-row span { padding-left: 12px; }
  .capability { border-radius: 16px; }
  .capability:hover { transform: none; }
  .solution-layout,
  .case-feature { border-radius: 16px; }
  .solution-tab.active::before { top: auto; bottom: 0; width: 70%; height: 2px; }
  .security-console { border-radius: 16px; box-shadow: 11px 11px 0 rgba(108, 124, 255, .08), 0 0 35px rgba(93, 232, 255, .07); }
  .contact { min-height: 580px; }
}

/* Independent AI model ecosystem */
.ai-models {
  color: #edf6ff;
  background:
    radial-gradient(circle at 50% 16%, rgba(93, 232, 255, .11), transparent 28%),
    radial-gradient(circle at 86% 72%, rgba(138, 108, 255, .12), transparent 26%),
    linear-gradient(180deg, #050816, #071126 62%, #050816);
}

.ai-models::after {
  content: "";
  position: absolute;
  z-index: 0;
  width: 520px;
  height: 520px;
  left: calc(50% - 260px);
  top: 280px;
  border: 1px solid rgba(93, 232, 255, .07);
  border-radius: 50%;
  box-shadow: 0 0 0 100px rgba(93, 232, 255, .016), 0 0 0 200px rgba(138, 108, 255, .012);
  pointer-events: none;
}

.model-ecosystem-head {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 14px;
  padding: 0 16px;
  border: 1px solid rgba(93, 232, 255, .16);
  border-radius: 11px;
  color: #748dad;
  background: rgba(7, 18, 40, .68);
  font: 600 9px/1 "SFMono-Regular", Consolas, monospace;
  letter-spacing: .08em;
}

.model-ecosystem-head div { display: flex; align-items: center; gap: 12px; }
.model-ecosystem-head i { width: 7px; height: 7px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 14px rgba(114, 245, 209, .65); animation: pulse 2s infinite; }
.model-ecosystem-head span { color: #dceaff; }
.model-ecosystem-head b { color: var(--acid); font-size: 9px; }
.model-ecosystem-head time { white-space: nowrap; }

.model-ecosystem-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.ecosystem-card {
  position: relative;
  min-height: 310px;
  display: flex;
  flex-direction: column;
  padding: 24px;
  overflow: hidden;
  border: 1px solid rgba(116, 151, 204, .2);
  border-radius: 17px;
  color: #eaf4ff;
  background: linear-gradient(145deg, rgba(14, 31, 61, .9), rgba(8, 18, 39, .86));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 20px 50px rgba(0,0,0,.14);
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.ecosystem-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(120deg, transparent 25%, rgba(93, 232, 255, .055) 50%, transparent 75%);
  transform: translateX(-100%);
  transition: transform .55s ease;
}

.ecosystem-card:hover {
  transform: translateY(-7px);
  border-color: rgba(93, 232, 255, .42);
  box-shadow: 0 24px 65px rgba(0,0,0,.26), 0 0 36px rgba(93,232,255,.07);
}
.ecosystem-card:hover::before { transform: translateX(100%); }
.ecosystem-card.featured { border-color: rgba(93, 232, 255, .34); background: radial-gradient(circle at 84% 12%, rgba(93,232,255,.14), transparent 32%), linear-gradient(145deg, #12234e, #09142f); }
.ecosystem-card-top { display: flex; align-items: center; justify-content: space-between; }
.vendor-mark { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(93,232,255,.24); border-radius: 11px; color: var(--ai-cyan); background: rgba(93,232,255,.06); font: 750 11px/1 monospace; box-shadow: inset 0 0 16px rgba(93,232,255,.04); }
.ecosystem-card-top em { padding: 5px 7px; border: 1px solid rgba(114,245,209,.16); border-radius: 6px; color: var(--acid); background: rgba(114,245,209,.05); font: 650 8px/1 monospace; font-style: normal; letter-spacing: .1em; }
.ecosystem-card > small { margin-top: 34px; color: #6e88aa; font: 650 8px/1 monospace; letter-spacing: .14em; }
.ecosystem-card h3 { margin: 8px 0 5px; color: #f2f8ff; font-size: 23px; line-height: 1.2; }
.ecosystem-card code { width: max-content; max-width: 100%; overflow: hidden; color: var(--ai-cyan); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.ecosystem-card p { margin: 18px 0 22px; color: #839abd; font-size: 12px; line-height: 1.75; }
.ecosystem-tags { display: flex; gap: 6px; flex-wrap: wrap; margin-top: auto; }
.ecosystem-tags span { padding: 5px 7px; border: 1px solid rgba(116,151,204,.16); border-radius: 6px; color: #6f87a9; background: rgba(4,10,24,.28); font: 600 7px/1 monospace; }
.router-card { background: radial-gradient(circle at 75% 20%, rgba(138,108,255,.18), transparent 36%), linear-gradient(145deg, #121b43, #080f25); }
.router-flow { position: absolute; right: 18px; bottom: 16px; width: 86px; height: 86px; }
.router-flow b { position: absolute; left: 28px; top: 28px; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; color: #03151b; background: linear-gradient(145deg, var(--acid), var(--ai-cyan)); font: 750 9px/1 monospace; box-shadow: 0 0 25px rgba(93,232,255,.25); }
.router-flow i { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--ai-violet); box-shadow: 0 0 10px currentColor; }
.router-flow i:nth-child(1) { left: 4px; top: 11px; }.router-flow i:nth-child(2) { right: 3px; top: 15px; background: var(--ai-cyan); }.router-flow i:nth-child(3) { left: 8px; bottom: 5px; background: var(--acid); }.router-flow i:nth-child(4) { right: 9px; bottom: 4px; background: var(--coral); }

@media (max-width: 1020px) {
  .model-ecosystem-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .model-ecosystem-head { align-items: flex-start; flex-direction: column; padding-block: 12px; }
  .model-ecosystem-grid { grid-template-columns: 1fr; }
  .ecosystem-card { min-height: 280px; }
  .ecosystem-card:hover { transform: none; }
}

/* 20 additional AI themes + shared adaptive skin engine */
:root,
html[data-theme="matrix"] { --theme-base:#050816; --theme-surface:#071022; --theme-panel:#0c1730; --theme-text:#edf6ff; --theme-muted:#8ea4c9; --theme-line:rgba(116,151,204,.2); --theme-accent:#72f5d1; --theme-secondary:#6c7cff; --theme-hot:#ff6ea8; --theme-radius:18px; }
html[data-theme="minimal"] { --theme-base:#07090d; --theme-surface:#0d1118; --theme-panel:#141a23; --theme-text:#f5f7fa; --theme-muted:#9da7b5; --theme-line:rgba(219,229,240,.18); --theme-accent:#f3f7ff; --theme-secondary:#7f8ea8; --theme-hot:#cad3df; --theme-radius:8px; }
html[data-theme="midnight"] { --theme-base:#01030a; --theme-surface:#060b16; --theme-panel:#0c1422; --theme-text:#eff7ff; --theme-muted:#8190a8; --theme-line:rgba(122,151,196,.2); --theme-accent:#78f0c2; --theme-secondary:#6d83ff; --theme-hot:#ff7968; --theme-radius:14px; }
html[data-theme="corporate"] { --theme-base:#04101c; --theme-surface:#081929; --theme-panel:#0e2438; --theme-text:#eef8ff; --theme-muted:#8ea8bb; --theme-line:rgba(93,174,217,.2); --theme-accent:#5ee3b1; --theme-secondary:#3787ff; --theme-hot:#ff725f; --theme-radius:12px; }
html[data-theme="titanium"] { --theme-base:#0b0f13; --theme-surface:#11171d; --theme-panel:#1a222a; --theme-text:#eef2f4; --theme-muted:#949fa8; --theme-line:rgba(174,193,202,.18); --theme-accent:#9cebd8; --theme-secondary:#7088b8; --theme-hot:#ff7c66; --theme-radius:4px; }
html[data-theme="neon"] { --theme-base:#03040f; --theme-surface:#090820; --theme-panel:#12102c; --theme-text:#f4f7ff; --theme-muted:#9a91bf; --theme-line:rgba(45,255,242,.2); --theme-accent:#2dfff2; --theme-secondary:#9d4dff; --theme-hot:#ff3bbd; --theme-radius:16px; }
html[data-theme="quantum"] { --theme-base:#03041a; --theme-surface:#080b2c; --theme-panel:#101743; --theme-text:#eef5ff; --theme-muted:#8998c5; --theme-line:rgba(87,200,255,.2); --theme-accent:#57c8ff; --theme-secondary:#7657ff; --theme-hot:#c966ff; --theme-radius:20px; }
html[data-theme="aurora"] { --theme-base:#021014; --theme-surface:#062025; --theme-panel:#0b3033; --theme-text:#edfffb; --theme-muted:#8bbeb5; --theme-line:rgba(101,255,212,.19); --theme-accent:#65ffd4; --theme-secondary:#39a7ff; --theme-hot:#a875ff; --theme-radius:22px; }
html[data-theme="hologram"] { --theme-base:#06111a; --theme-surface:#0b202c; --theme-panel:rgba(17,45,59,.78); --theme-text:#f1fdff; --theme-muted:#9ebeca; --theme-line:rgba(185,247,255,.22); --theme-accent:#b9f7ff; --theme-secondary:#55d8ff; --theme-hot:#b28dff; --theme-radius:24px; }
html[data-theme="cyberpunk"] { --theme-base:#0d0312; --theme-surface:#17051d; --theme-panel:#250829; --theme-text:#fff5fe; --theme-muted:#be91b6; --theme-line:rgba(255,79,216,.22); --theme-accent:#ff4fd8; --theme-secondary:#ffe45b; --theme-hot:#51ffef; --theme-radius:5px; }
html[data-theme="nebula"] { --theme-base:#090316; --theme-surface:#140727; --theme-panel:#21103b; --theme-text:#fbf4ff; --theme-muted:#ad91c4; --theme-line:rgba(213,156,255,.2); --theme-accent:#d59cff; --theme-secondary:#6f59ff; --theme-hot:#ff78bb; --theme-radius:22px; }
html[data-theme="singularity"] { --theme-base:#030303; --theme-surface:#0b0906; --theme-panel:#17120b; --theme-text:#fffaf0; --theme-muted:#afa287; --theme-line:rgba(255,209,102,.2); --theme-accent:#ffd166; --theme-secondary:#ff8c42; --theme-hot:#fff1bc; --theme-radius:10px; }
html[data-theme="neural"] { --theme-base:#020f17; --theme-surface:#061a25; --theme-panel:#0b2937; --theme-text:#effcff; --theme-muted:#82acbc; --theme-line:rgba(56,242,208,.2); --theme-accent:#38f2d0; --theme-secondary:#228dff; --theme-hot:#ff679b; --theme-radius:18px; }
html[data-theme="prism"] { --theme-base:#070612; --theme-surface:#101022; --theme-panel:#1a1930; --theme-text:#fbfaff; --theme-muted:#a2a0ba; --theme-line:rgba(125,249,255,.19); --theme-accent:#7df9ff; --theme-secondary:#ff6ec7; --theme-hot:#ffe66d; --theme-radius:20px; }
html[data-theme="plasma"] { --theme-base:#0d0318; --theme-surface:#19062b; --theme-panel:#291041; --theme-text:#fbf1ff; --theme-muted:#b092c4; --theme-line:rgba(230,108,255,.21); --theme-accent:#e66cff; --theme-secondary:#7a5cff; --theme-hot:#ff6eaa; --theme-radius:17px; }
html[data-theme="void"] { --theme-base:#00030a; --theme-surface:#020817; --theme-panel:#07132a; --theme-text:#eaf2ff; --theme-muted:#7183a1; --theme-line:rgba(75,141,255,.2); --theme-accent:#4b8dff; --theme-secondary:#2946c8; --theme-hot:#8fb4ff; --theme-radius:13px; }
html[data-theme="cobalt"] { --theme-base:#020d18; --theme-surface:#061927; --theme-panel:#0b293b; --theme-text:#effaff; --theme-muted:#82a4b8; --theme-line:rgba(63,216,255,.2); --theme-accent:#3fd8ff; --theme-secondary:#2059d8; --theme-hot:#68ffcf; --theme-radius:15px; }
html[data-theme="emerald"] { --theme-base:#020e0a; --theme-surface:#061b13; --theme-panel:#0c2b20; --theme-text:#effff8; --theme-muted:#81ad99; --theme-line:rgba(84,246,166,.2); --theme-accent:#54f6a6; --theme-secondary:#1dba78; --theme-hot:#c5ff69; --theme-radius:16px; }
html[data-theme="solar"] { --theme-base:#120602; --theme-surface:#211006; --theme-panel:#351b0b; --theme-text:#fff9ef; --theme-muted:#bea082; --theme-line:rgba(255,204,102,.2); --theme-accent:#ffcc66; --theme-secondary:#ff6b35; --theme-hot:#fff08a; --theme-radius:14px; }
html[data-theme="lunar"] { --theme-base:#060a11; --theme-surface:#0d141f; --theme-panel:#172131; --theme-text:#f5f8fc; --theme-muted:#96a5b9; --theme-line:rgba(215,231,255,.18); --theme-accent:#d7e7ff; --theme-secondary:#718db8; --theme-hot:#9fc4ff; --theme-radius:18px; }
html[data-theme="sakura"] { --theme-base:#120610; --theme-surface:#210d1b; --theme-panel:#33152a; --theme-text:#fff5fb; --theme-muted:#bd95ac; --theme-line:rgba(255,145,200,.21); --theme-accent:#ff91c8; --theme-secondary:#bf78ff; --theme-hot:#ffd2e8; --theme-radius:23px; }
html[data-theme="oceanic"] { --theme-base:#020f16; --theme-surface:#05202a; --theme-panel:#0a3240; --theme-text:#edfbff; --theme-muted:#82abb7; --theme-line:rgba(77,229,255,.2); --theme-accent:#4de5ff; --theme-secondary:#00a7b8; --theme-hot:#79ffd5; --theme-radius:19px; }
html[data-theme="amber"] { --theme-base:#100903; --theme-surface:#201207; --theme-panel:#33200d; --theme-text:#fff8eb; --theme-muted:#baa182; --theme-line:rgba(255,189,89,.2); --theme-accent:#ffbd59; --theme-secondary:#df7c2f; --theme-hot:#ffe09a; --theme-radius:12px; }
html[data-theme="monochrome"] { --theme-base:#05070a; --theme-surface:#0b0e13; --theme-panel:#15191f; --theme-text:#f4f6f8; --theme-muted:#959ca5; --theme-line:rgba(221,228,236,.18); --theme-accent:#f4f6f8; --theme-secondary:#87909b; --theme-hot:#c4c9cf; --theme-radius:2px; }
html[data-theme="terminal"] { --theme-base:#000804; --theme-surface:#03130a; --theme-panel:#072014; --theme-text:#d9ffe5; --theme-muted:#70a681; --theme-line:rgba(69,255,135,.2); --theme-accent:#45ff87; --theme-secondary:#17a84e; --theme-hot:#b9ff5f; --theme-radius:2px; }
html[data-theme="saas"] { --theme-base:#06111f; --theme-surface:#0b1d32; --theme-panel:#112a45; --theme-text:#f3f8ff; --theme-muted:#91a9c2; --theme-line:rgba(72,168,255,.2); --theme-accent:#48a8ff; --theme-secondary:#6d67ff; --theme-hot:#66e4c2; --theme-radius:16px; }
html[data-theme="commerce"] { --theme-base:#160903; --theme-surface:#251106; --theme-panel:#3a1c0a; --theme-text:#fff9f2; --theme-muted:#c2a08a; --theme-line:rgba(255,138,61,.22); --theme-accent:#ff8a3d; --theme-secondary:#ffcf4a; --theme-hot:#ff5d72; --theme-radius:14px; }
html[data-theme="social"] { --theme-base:#0d061e; --theme-surface:#190d30; --theme-panel:#281447; --theme-text:#fff6ff; --theme-muted:#ae96c5; --theme-line:rgba(166,108,255,.22); --theme-accent:#a66cff; --theme-secondary:#ff68b4; --theme-hot:#64e7ff; --theme-radius:22px; }
html[data-theme="media"] { --theme-base:#130507; --theme-surface:#22090d; --theme-panel:#351016; --theme-text:#fff7f7; --theme-muted:#bd9397; --theme-line:rgba(255,91,103,.22); --theme-accent:#ff5b67; --theme-secondary:#ff9c4a; --theme-hot:#ffe06a; --theme-radius:10px; }
html[data-theme="fintech"] { --theme-base:#02101f; --theme-surface:#061d32; --theme-panel:#0a2d49; --theme-text:#f0f9ff; --theme-muted:#82a8c1; --theme-line:rgba(40,184,255,.21); --theme-accent:#28b8ff; --theme-secondary:#3e6cff; --theme-hot:#5ff0bd; --theme-radius:12px; }
html[data-theme="developer"] { --theme-base:#03050a; --theme-surface:#080d15; --theme-panel:#101824; --theme-text:#f2f7f5; --theme-muted:#879b99; --theme-line:rgba(139,245,197,.19); --theme-accent:#8bf5c5; --theme-secondary:#6692ff; --theme-hot:#ff7ca8; --theme-radius:8px; }
html[data-theme="cloud"] { --theme-base:#021117; --theme-surface:#061e27; --theme-panel:#0a303c; --theme-text:#effdff; --theme-muted:#82adb5; --theme-line:rgba(62,228,232,.2); --theme-accent:#3ee4e8; --theme-secondary:#3d8dff; --theme-hot:#7affc8; --theme-radius:18px; }
html[data-theme="startup"] { --theme-base:#0e041f; --theme-surface:#1a0832; --theme-panel:#2a1049; --theme-text:#fff5ff; --theme-muted:#b49ac7; --theme-line:rgba(255,114,210,.21); --theme-accent:#ff72d2; --theme-secondary:#7c6cff; --theme-hot:#6df0ff; --theme-radius:24px; }
html[data-theme="business"] { --theme-base:#0d0f12; --theme-surface:#15191f; --theme-panel:#20262e; --theme-text:#fffdf8; --theme-muted:#aaa69c; --theme-line:rgba(242,223,178,.18); --theme-accent:#f2dfb2; --theme-secondary:#8b9bb5; --theme-hot:#d6b36a; --theme-radius:6px; }
html[data-theme="analytics"] { --theme-base:#02110c; --theme-surface:#061e16; --theme-panel:#0b3024; --theme-text:#f0fff8; --theme-muted:#85ae9e; --theme-line:rgba(67,230,155,.2); --theme-accent:#43e69b; --theme-secondary:#28b7c9; --theme-hot:#c7ff57; --theme-radius:15px; }

html[data-theme] {
  --ink: var(--theme-base);
  --paper: var(--theme-surface);
  --white: var(--theme-panel);
  --muted: var(--theme-muted);
  --line: var(--theme-line);
  --acid: var(--theme-accent);
  --cobalt: var(--theme-secondary);
  --coral: var(--theme-hot);
  --ai-cyan: var(--theme-accent);
  --ai-violet: var(--theme-secondary);
  --radius: var(--theme-radius);
}

html[data-theme] body { color: var(--theme-text); background: var(--theme-base); }
html[data-theme] .site-header { border-color: var(--theme-line); background: linear-gradient(180deg, color-mix(in srgb, var(--theme-base) 90%, transparent), color-mix(in srgb, var(--theme-base) 42%, transparent)); }
html[data-theme] .site-header.scrolled { color: var(--theme-text); border-color: var(--theme-line); background: color-mix(in srgb, var(--theme-base) 91%, transparent); }
html[data-theme] .hero { color: var(--theme-text); background: radial-gradient(circle at 72% 42%, color-mix(in srgb, var(--theme-secondary) 23%, transparent), transparent 28%), radial-gradient(circle at 22% 26%, color-mix(in srgb, var(--theme-accent) 14%, transparent), transparent 31%), linear-gradient(145deg, var(--theme-base), var(--theme-surface)); }
html[data-theme] .hero::before,
html[data-theme] .section::before,
html[data-theme] .contact::before { background-image: linear-gradient(color-mix(in srgb, var(--theme-accent) 6%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--theme-accent) 6%, transparent) 1px, transparent 1px); }
html[data-theme] .hero h1 { background-image: linear-gradient(120deg, var(--theme-text) 8%, color-mix(in srgb, var(--theme-accent) 78%, white) 55%, color-mix(in srgb, var(--theme-secondary) 70%, white)); }
html[data-theme] .hero-lead,
html[data-theme] .live-dot,
html[data-theme] .section-index,
html[data-theme] .panel-kicker,
html[data-theme] .panel-stats strong,
html[data-theme] .model-ecosystem-head b,
html[data-theme] .ecosystem-card code { color: var(--theme-accent); }
html[data-theme] .button-primary,
html[data-theme] .button-light,
html[data-theme] .orbit-core,
html[data-theme] .node-core,
html[data-theme] .router-flow b { color: var(--theme-base); background: linear-gradient(120deg, var(--theme-accent), color-mix(in srgb, var(--theme-secondary) 64%, var(--theme-accent))); border-color: var(--theme-accent); }
html[data-theme] .trust-strip,
html[data-theme] .platform,
html[data-theme] .cases,
html[data-theme] .news-home,
html[data-theme] .custom-column,
html[data-theme] .security,
html[data-theme] .solutions,
html[data-theme] .ai-models { color: var(--theme-text); background: radial-gradient(circle at 86% 18%, color-mix(in srgb, var(--theme-secondary) 11%, transparent), transparent 29%), radial-gradient(circle at 12% 76%, color-mix(in srgb, var(--theme-accent) 7%, transparent), transparent 25%), var(--theme-surface); }
html[data-theme] .section-heading h2,
html[data-theme] .security-copy h2,
html[data-theme] .contact h2,
html[data-theme] .capability h3,
html[data-theme] .ecosystem-card h3 { color: var(--theme-text); }
html[data-theme] .section-heading > p,
html[data-theme] .security-copy > p,
html[data-theme] .capability > p,
html[data-theme] .ecosystem-card p,
html[data-theme] .case-story > p { color: var(--theme-muted); }
html[data-theme] .capability,
html[data-theme] .case-story,
html[data-theme] .news-home-card,
html[data-theme] .ecosystem-card,
html[data-theme] .solution-layout,
html[data-theme] .security-console { color: var(--theme-text); border-color: var(--theme-line); border-radius: var(--theme-radius); background: linear-gradient(145deg, color-mix(in srgb, var(--theme-panel) 94%, var(--theme-secondary)), color-mix(in srgb, var(--theme-surface) 94%, var(--theme-base))); }
html[data-theme] .capability:hover,
html[data-theme] .ecosystem-card:hover,
html[data-theme] .news-home-card:hover { border-color: color-mix(in srgb, var(--theme-accent) 52%, transparent); box-shadow: 0 24px 65px rgba(0,0,0,.28), 0 0 36px color-mix(in srgb, var(--theme-accent) 9%, transparent); }
html[data-theme] .solution-stage,
html[data-theme] .capability-visual { background-color: color-mix(in srgb, var(--theme-surface) 82%, var(--theme-base)); }
html[data-theme] .case-results { background: radial-gradient(circle at 100% 0, color-mix(in srgb, var(--theme-accent) 18%, transparent), transparent 40%), linear-gradient(160deg, color-mix(in srgb, var(--theme-secondary) 44%, var(--theme-panel)), var(--theme-surface)); }
html[data-theme] .case-results strong,
html[data-theme] .risk-score strong { color: var(--theme-accent); }
html[data-theme] .contact { color: var(--theme-text); background: radial-gradient(circle at 70% 42%, color-mix(in srgb, var(--theme-accent) 21%, transparent), transparent 28%), radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--theme-secondary) 28%, transparent), transparent 31%), linear-gradient(145deg, var(--theme-base), color-mix(in srgb, var(--theme-secondary) 35%, var(--theme-surface)), var(--theme-base)); }
html[data-theme] .footer { color: var(--theme-muted); border-color: var(--theme-line); background-color: color-mix(in srgb, var(--theme-base) 88%, black); }
html[data-theme="terminal"] body,
html[data-theme="terminal"] button,
html[data-theme="terminal"] input,
html[data-theme="terminal"] select,
html[data-theme="terminal"] textarea { font-family: "SFMono-Regular", Consolas, monospace; }
html[data-theme="cyberpunk"] .capability,
html[data-theme="cyberpunk"] .ecosystem-card { clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px)); }
html[data-theme="hologram"] .capability,
html[data-theme="hologram"] .ecosystem-card,
html[data-theme="hologram"] .hero-signal { backdrop-filter: blur(26px) saturate(150%); }

/* Dynamic high-tech hero experience */
.hero{isolation:isolate}.hero-tech-field{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}.hero-tech-field::before{content:"";position:absolute;inset:-20%;opacity:.18;background:conic-gradient(from 180deg at 72% 44%,transparent 0 34%,color-mix(in srgb,var(--theme-accent,var(--ai-cyan)) 32%,transparent) 38%,transparent 43% 100%);animation:hero-energy-rotate 18s linear infinite}.hero-tech-field::after{content:"";position:absolute;inset:0;opacity:.2;background:repeating-linear-gradient(180deg,transparent 0 4px,rgba(127,220,255,.045) 5px);animation:hero-scanlines 9s linear infinite}
.hero-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--theme-accent,var(--ai-cyan)) 22%,transparent);border-radius:50%;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--theme-accent,var(--ai-cyan)) 12%,transparent))}.hero-orbit::before,.hero-orbit::after{content:"";position:absolute;inset:12%;border:1px dashed color-mix(in srgb,var(--theme-secondary,var(--ai-violet)) 28%,transparent);border-radius:50%}.hero-orbit::after{inset:31%;border-style:solid}.hero-orbit-a{top:14%;right:9%;width:520px;height:520px;animation:hero-orbit-spin 22s linear infinite}.hero-orbit-b{left:42%;bottom:-260px;width:620px;height:620px;opacity:.5;animation:hero-orbit-spin 30s linear infinite reverse}.hero-orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--theme-accent,var(--ai-cyan));box-shadow:0 0 16px var(--theme-accent,var(--ai-cyan));animation:hero-node-pulse 2.4s ease-in-out infinite}.hero-orbit i:first-child{top:10%;left:31%}.hero-orbit i:nth-child(2){right:-3px;top:48%;animation-delay:.7s}.hero-orbit i:nth-child(3){left:18%;bottom:7%;animation-delay:1.3s}.hero-orbit-b i:first-child{top:20%;left:5%}.hero-orbit-b i:nth-child(2){right:12%;top:17%}
.hero-scan-beam{position:absolute;top:0;bottom:0;left:-22%;width:18%;opacity:.16;background:linear-gradient(90deg,transparent,var(--theme-accent,var(--ai-cyan)),transparent);filter:blur(7px);transform:skewX(-12deg);animation:hero-beam-cross 8s ease-in-out infinite}.hero-data-stream{position:absolute;left:50%;bottom:82px;display:flex;gap:34px;width:max-content;color:color-mix(in srgb,var(--theme-accent,var(--ai-cyan)) 58%,transparent);font:700 7px/1 monospace;letter-spacing:.16em;animation:hero-data-flow 24s linear infinite}.hero-data-stream span::before{content:"◆";margin-right:8px;color:var(--theme-accent,var(--ai-cyan));text-shadow:0 0 10px var(--theme-accent,var(--ai-cyan))}
.hero-copy{position:relative;animation:hero-copy-enter .75s cubic-bezier(.2,.8,.2,1) both}.hero-copy::after{content:"";position:absolute;top:-60px;left:-34px;width:1px;height:170px;background:linear-gradient(transparent,var(--theme-accent,var(--ai-cyan)),transparent);box-shadow:0 0 10px color-mix(in srgb,var(--theme-accent,var(--ai-cyan)) 55%,transparent);animation:hero-copy-line 5s ease-in-out infinite}.hero .eyebrow{position:relative;overflow:hidden;animation:hero-chip-float 4s ease-in-out infinite}.hero .eyebrow::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:hero-chip-ray 4.8s ease-in-out infinite}.hero .eyebrow span{animation:hero-node-pulse 1.8s ease-in-out infinite}.hero h1{background-size:190% 100%;animation:hero-title-flow 6s ease-in-out infinite}.hero-lead{animation:hero-lead-glow 4s ease-in-out infinite}
.hero-actions .button{position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}.hero-actions .button::after{content:"";position:absolute;top:-70%;left:-52%;width:24%;height:240%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:rotate(18deg);transition:left .6s ease}.hero-actions .button:hover{transform:translateY(-3px)}.hero-actions .button:hover::after{left:125%}.hero-actions .button-primary{background-size:180% 100%;animation:hero-button-energy 4s ease-in-out infinite}
.hero-signal{overflow:hidden;animation:hero-console-float 5s ease-in-out infinite}.hero-signal>*{position:relative;z-index:1}.hero-signal .signal-head::after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:1px;background:linear-gradient(90deg,var(--theme-accent,var(--ai-cyan)),transparent);transform-origin:left;animation:hero-status-line 3.2s ease-in-out infinite}.hero-signal .live-dot::before{animation:hero-node-pulse 1.7s ease-in-out infinite}.signal-live-number{display:inline-block;text-shadow:0 0 28px color-mix(in srgb,var(--theme-accent,var(--ai-cyan)) 15%,transparent);animation:hero-number-breathe 3.4s ease-in-out infinite}.signal-grid>div{transition:transform .2s ease,color .2s ease}.hero-signal:hover .signal-grid>div{transform:translateY(-2px)}.signal-wave i{transform-origin:bottom;animation:hero-wave-bars 1.8s ease-in-out infinite alternate}.signal-wave i:nth-child(2),.signal-wave i:nth-child(7),.signal-wave i:nth-child(11){animation-delay:.2s}.signal-wave i:nth-child(3),.signal-wave i:nth-child(6),.signal-wave i:nth-child(10){animation-delay:.4s}.signal-wave i:nth-child(4),.signal-wave i:nth-child(9),.signal-wave i:nth-child(12){animation-delay:.6s}.hero-meta .meta-line{position:relative;overflow:hidden}.hero-meta .meta-line::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--theme-accent,var(--ai-cyan)),transparent);animation:hero-meta-ray 4.5s linear infinite}
@keyframes hero-energy-rotate{to{transform:rotate(360deg)}}@keyframes hero-scanlines{to{background-position:0 120px}}@keyframes hero-orbit-spin{to{transform:rotate(360deg)}}@keyframes hero-node-pulse{50%{opacity:.35;transform:scale(.65);filter:brightness(.7)}}@keyframes hero-beam-cross{0%,12%{left:-22%}72%,100%{left:116%}}@keyframes hero-data-flow{to{transform:translateX(-45%)}}@keyframes hero-copy-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes hero-copy-line{50%{height:260px;opacity:.35}}@keyframes hero-chip-float{50%{transform:translateY(-3px)}}@keyframes hero-chip-ray{0%,55%{left:-40%}100%{left:125%}}@keyframes hero-title-flow{50%{background-position:100% 0;filter:drop-shadow(0 0 38px color-mix(in srgb,var(--theme-accent,var(--ai-cyan)) 18%,transparent))}}@keyframes hero-lead-glow{50%{text-shadow:0 0 34px color-mix(in srgb,var(--theme-accent,var(--ai-cyan)) 28%,transparent)}}@keyframes hero-button-energy{50%{background-position:100% 0}}@keyframes hero-console-float{50%{transform:translateY(-7px);box-shadow:0 30px 75px rgba(0,0,0,.28),0 0 46px color-mix(in srgb,var(--theme-accent,var(--ai-cyan)) 13%,transparent)}}@keyframes hero-status-line{50%{transform:scaleX(.35);opacity:.35}}@keyframes hero-number-breathe{50%{transform:scale(1.025);filter:brightness(1.22)}}@keyframes hero-wave-bars{to{transform:scaleY(.42);filter:brightness(1.45)}}@keyframes hero-meta-ray{to{transform:translateX(100%)}}
@media(max-width:980px){.hero-orbit-a{right:-240px}.hero-orbit-b{display:none}.hero-data-stream{bottom:58px}.hero-copy::after{display:none}}@media(max-width:760px){.hero-orbit-a{top:26%;right:-300px;opacity:.45}.hero-data-stream{display:none}.hero-tech-field::after{opacity:.1}.hero-scan-beam{animation-duration:10s}}
@media(prefers-reduced-motion:reduce){.hero-tech-field::before,.hero-tech-field::after,.hero-orbit,.hero-orbit i,.hero-scan-beam,.hero-data-stream,.hero-copy,.hero-copy::after,.hero .eyebrow,.hero .eyebrow::after,.hero .eyebrow span,.hero h1,.hero-lead,.hero-actions .button-primary,.hero-signal,.hero-signal .signal-head::after,.hero-signal .live-dot::before,.signal-live-number,.signal-wave i,.hero-meta .meta-line::after{animation:none!important}.hero-actions .button::after{display:none}}

/* Admin-controlled low-spec mode */
body.performance-lite .hero-tech-field::before,body.performance-lite .hero-tech-field::after,body.performance-lite .hero-orbit,body.performance-lite .hero-scan-beam,body.performance-lite .hero-data-stream,body.performance-lite .hero-copy::after,body.performance-lite .hero .eyebrow::after,body.performance-lite .hero-signal .signal-head::after,body.performance-lite .hero-meta .meta-line::after{animation:none!important}body.performance-lite .hero-tech-field::after,body.performance-lite .hero-scan-beam,body.performance-lite .hero-orbit-b{display:none}body.performance-lite :is(.hero-signal,.site-header,.ai-workbench,.security-console,.contact-panel){backdrop-filter:none!important}body.performance-lite :is(.hero-canvas,.contact-canvas){filter:none!important;opacity:.38}body.performance-lite :is(.hero-signal,.hero .eyebrow,.signal-live-number,.signal-wave i,.hero h1,.hero-lead){animation-duration:8s!important}body.performance-lite :is(.capability,.case-feature,.news-home-card,.model-card,.agent-card){box-shadow:none!important}body.performance-lite *{scroll-behavior:auto}

/* Multimodal AI coding workbench */
.ai-code-workbench {
  --wb-base:color-mix(in srgb,var(--theme-base) 94%,#040916);
  --wb-panel:color-mix(in srgb,var(--theme-panel) 88%,var(--theme-base));
  --wb-surface:color-mix(in srgb,var(--theme-surface) 92%,var(--theme-base));
  --wb-line:color-mix(in srgb,var(--theme-accent) 18%,var(--theme-line));
  position:relative;
  overflow:hidden;
  margin-top:42px;
  border:1px solid var(--wb-line);
  border-radius:calc(var(--theme-radius) + 8px);
  color:var(--theme-text);
  background:var(--wb-base);
  box-shadow:0 42px 100px rgba(0,0,0,.35),0 0 70px color-mix(in srgb,var(--theme-accent) 6%,transparent);
}
.ai-code-workbench::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.24; background-image:linear-gradient(color-mix(in srgb,var(--theme-accent) 12%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--theme-accent) 12%,transparent) 1px,transparent 1px); background-size:34px 34px; mask-image:linear-gradient(to bottom,black,transparent 68%); }
.ai-code-workbench > * { position:relative; z-index:1; }
.workbench-topbar { display:grid; grid-template-columns:1fr minmax(260px,360px) 180px auto; align-items:center; min-height:70px; border-bottom:1px solid var(--wb-line); background:color-mix(in srgb,var(--wb-base) 82%,transparent); backdrop-filter:blur(18px); }
.workbench-topbar > * { min-width:0; padding:0 20px; }
.workbench-brand { display:flex; align-items:center; gap:12px; }
.workbench-glyph { position:relative; width:34px; height:34px; flex:none; border:1px solid color-mix(in srgb,var(--theme-accent) 46%,transparent); border-radius:10px; background:color-mix(in srgb,var(--theme-accent) 8%,transparent); box-shadow:inset 0 0 18px color-mix(in srgb,var(--theme-accent) 8%,transparent); }
.workbench-glyph i { position:absolute; width:6px; height:6px; border-radius:50%; background:var(--theme-accent); box-shadow:0 0 10px var(--theme-accent); }.workbench-glyph i:first-child { top:8px; left:8px; }.workbench-glyph i:nth-child(2) { top:14px; right:7px; background:var(--theme-secondary); }.workbench-glyph i:nth-child(3) { bottom:7px; left:13px; }
.workbench-brand small,.workbench-brand b { display:block; }.workbench-brand small { color:var(--theme-accent); font:750 8px/1 monospace; letter-spacing:.16em; }.workbench-brand b { margin-top:5px; font-size:13px; }
.workbench-provider { display:flex; align-items:center; gap:10px; height:100%; border-left:1px solid var(--wb-line); border-right:1px solid var(--wb-line); }
.workbench-provider label { flex:none; color:var(--theme-muted); font-size:10px; }
.workbench-provider select { width:100%; min-width:0; padding:9px 28px 9px 10px; border:1px solid var(--wb-line); border-radius:8px; color:var(--theme-text); background:var(--wb-panel); font-size:10px; }
.workbench-context-meter { display:grid; grid-template-columns:1fr auto; align-items:center; gap:9px; height:100%; border-right:1px solid var(--wb-line); }
.workbench-context-meter > span { height:4px; overflow:hidden; border-radius:9px; background:color-mix(in srgb,var(--theme-muted) 15%,transparent); }.workbench-context-meter i { display:block; width:30%; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--theme-accent),var(--theme-secondary)); box-shadow:0 0 12px var(--theme-accent); transition:width .25s ease; }.workbench-context-meter b { color:var(--theme-muted); font-size:9px; font-weight:600; white-space:nowrap; }
.workbench-runtime { display:flex; align-items:center; gap:7px; font:700 8px/1 monospace; letter-spacing:.08em; white-space:nowrap; }.workbench-runtime i { width:6px; height:6px; border-radius:50%; background:var(--theme-accent); box-shadow:0 0 10px var(--theme-accent); }.workbench-runtime span { color:var(--theme-muted); }.workbench-runtime b { color:var(--theme-accent); }
.workbench-grid { display:grid; grid-template-columns:220px minmax(340px,.9fr) minmax(420px,1.15fr); min-height:690px; }
.context-panel,.agent-chat-panel,.code-studio-panel { min-width:0; background:color-mix(in srgb,var(--wb-surface) 84%,transparent); }
.context-panel,.agent-chat-panel { border-right:1px solid var(--wb-line); }
.context-panel { display:flex; flex-direction:column; }
.workbench-panel-head { display:flex; align-items:center; justify-content:space-between; min-height:62px; padding:0 16px; border-bottom:1px solid var(--wb-line); }
.workbench-panel-head small,.workbench-panel-head b { display:block; }.workbench-panel-head small { color:var(--theme-accent); font:750 8px/1 monospace; letter-spacing:.14em; }.workbench-panel-head b { margin-top:5px; font-size:12px; }
.workbench-panel-head > button { padding:7px 10px; border:1px solid var(--wb-line); border-radius:7px; color:var(--theme-accent); background:color-mix(in srgb,var(--theme-accent) 6%,transparent); cursor:pointer; }
.context-scope { display:flex; align-items:center; justify-content:space-between; padding:12px 14px 8px; color:var(--theme-muted); font-size:9px; }.context-scope b { color:var(--theme-accent); font:600 8px/1 monospace; }
.context-file-list { display:flex; max-height:240px; flex-direction:column; gap:4px; overflow:auto; padding:5px 9px 12px; scrollbar-color:var(--wb-line) transparent; }
.context-file { display:grid; grid-template-columns:28px 1fr auto; align-items:center; min-width:0; padding:7px 7px; border:1px solid transparent; border-radius:8px; transition:border-color .15s ease,background .15s ease; }.context-file:hover { border-color:var(--wb-line); background:color-mix(in srgb,var(--theme-accent) 5%,transparent); }.context-file > span { display:grid; width:23px; height:23px; place-items:center; border:1px solid color-mix(in srgb,var(--theme-accent) 35%,transparent); border-radius:6px; color:var(--theme-accent); background:color-mix(in srgb,var(--theme-accent) 7%,transparent); font:700 7px/1 monospace; }.context-file.image > span { color:var(--theme-secondary); border-color:color-mix(in srgb,var(--theme-secondary) 38%,transparent); }.context-file > button[data-open-context] { min-width:0; padding:0 5px; border:0; color:inherit; text-align:left; background:none; cursor:pointer; }.context-file > button b,.context-file > button small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.context-file > button b { font-size:10px; }.context-file > button small { margin-top:3px; color:var(--theme-muted); font:500 7px/1 monospace; }.context-file > i { color:var(--theme-accent); font:650 6px/1 monospace; letter-spacing:.08em; }.context-remove { width:20px; height:20px; padding:0 !important; border:0 !important; border-radius:50%; color:var(--theme-muted) !important; text-align:center !important; background:transparent !important; }.context-remove:hover { color:var(--theme-hot) !important; }
.context-dropzone { margin:0 12px 17px; padding:16px 8px; border:1px dashed var(--wb-line); border-radius:10px; color:var(--theme-muted); background:color-mix(in srgb,var(--theme-accent) 3%,transparent); cursor:pointer; transition:border-color .15s ease,background .15s ease; }.context-dropzone:hover,.context-dropzone.dragging { border-color:var(--theme-accent); background:color-mix(in srgb,var(--theme-accent) 8%,transparent); }.context-dropzone i,.context-dropzone span,.context-dropzone small { display:block; }.context-dropzone i { width:24px; height:24px; margin:0 auto 8px; border:1px solid var(--wb-line); border-radius:7px; color:var(--theme-accent); font-style:normal; line-height:22px; }.context-dropzone span { font-size:9px; }.context-dropzone small { margin-top:4px; font-size:7px; }
.context-capabilities { margin-top:auto; padding:15px 13px 18px; border-top:1px solid var(--wb-line); }.context-capabilities > span { color:var(--theme-muted); font:700 7px/1 monospace; letter-spacing:.14em; }.context-capabilities > div { display:flex; align-items:center; gap:9px; margin-top:12px; }.context-capabilities > div > b { display:grid; width:25px; height:25px; flex:none; place-items:center; border:1px solid var(--wb-line); border-radius:7px; color:var(--theme-accent); font-size:9px; }.context-capabilities p,.context-capabilities small { margin:0; }.context-capabilities p { font-size:9px; }.context-capabilities small { display:block; margin-top:2px; color:var(--theme-muted); font-size:7px; }
.agent-chat-panel { display:flex; min-height:0; flex-direction:column; background:linear-gradient(180deg,color-mix(in srgb,var(--wb-panel) 72%,transparent),color-mix(in srgb,var(--wb-base) 92%,transparent)); }
.agent-chat-head > button { color:var(--theme-muted); font-size:9px; }
.agent-thread { flex:1; min-height:0; overflow:auto; padding:18px 16px; scrollbar-color:var(--wb-line) transparent; }
.agent-message { display:grid; grid-template-columns:30px 1fr; gap:10px; margin-bottom:18px; }.agent-avatar { display:grid; width:28px; height:28px; place-items:center; border:1px solid color-mix(in srgb,var(--active-agent,var(--theme-accent)) 38%,transparent); border-radius:8px; color:var(--active-agent,var(--theme-accent)); background:color-mix(in srgb,var(--active-agent,var(--theme-accent)) 8%,transparent); font:750 8px/1 monospace; box-shadow:0 0 18px color-mix(in srgb,var(--active-agent,var(--theme-accent)) 8%,transparent); }.agent-message.user .agent-avatar { color:var(--theme-secondary); border-color:color-mix(in srgb,var(--theme-secondary) 42%,transparent); background:color-mix(in srgb,var(--theme-secondary) 9%,transparent); }.agent-message > div { min-width:0; padding:12px 13px; border:1px solid var(--wb-line); border-radius:4px 12px 12px 12px; background:color-mix(in srgb,var(--wb-panel) 80%,transparent); }.agent-message.user > div { border-radius:12px 4px 12px 12px; background:color-mix(in srgb,var(--theme-secondary) 9%,var(--wb-panel)); }.agent-message small { color:var(--active-agent,var(--theme-accent)); font:700 7px/1 monospace; letter-spacing:.1em; }.agent-message.user small { color:var(--theme-secondary); }.agent-message p { margin:7px 0 0; color:color-mix(in srgb,var(--theme-text) 78%,var(--theme-muted)); font-size:11px; line-height:1.75; white-space:pre-wrap; word-break:break-word; }
.agent-suggestions { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }.agent-suggestions button,.apply-agent-code { padding:7px 9px; border:1px solid var(--wb-line); border-radius:7px; color:var(--theme-muted); background:color-mix(in srgb,var(--theme-accent) 4%,transparent); font-size:8px; cursor:pointer; }.agent-suggestions button:hover,.apply-agent-code:hover { color:var(--theme-accent); border-color:var(--theme-accent); }.apply-agent-code { margin-top:11px; color:var(--theme-accent); }
.workbench-attachments { display:flex; gap:7px; overflow-x:auto; padding:8px 14px; border-top:1px solid var(--wb-line); }.workbench-attachments > div { display:flex; min-width:150px; align-items:center; gap:7px; padding:5px; border:1px solid var(--wb-line); border-radius:8px; background:var(--wb-panel); }.workbench-attachments img { width:34px; height:34px; border-radius:6px; object-fit:cover; }.workbench-attachments span { min-width:0; flex:1; }.workbench-attachments b,.workbench-attachments small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.workbench-attachments b { font-size:8px; }.workbench-attachments small { margin-top:3px; color:var(--theme-accent); font-size:7px; }.workbench-attachments button { border:0; color:var(--theme-muted); background:none; cursor:pointer; }
.workbench-chat-status { min-height:16px; margin:0; padding:5px 15px 0; color:var(--theme-muted); font-size:8px; }.workbench-chat-status.error { color:var(--theme-hot); }
.workbench-composer { margin:8px 12px 12px; border:1px solid var(--wb-line); border-radius:12px; background:color-mix(in srgb,var(--wb-panel) 90%,transparent); box-shadow:0 14px 32px rgba(0,0,0,.18); }.workbench-composer textarea { display:block; width:100%; min-height:74px; resize:none; padding:13px 14px 6px; border:0; outline:0; color:var(--theme-text); background:transparent; font:inherit; font-size:11px; line-height:1.55; }.workbench-composer textarea::placeholder { color:color-mix(in srgb,var(--theme-muted) 70%,transparent); }.composer-toolbar { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:8px; padding:7px 8px; border-top:1px solid var(--wb-line); }.composer-toolbar > div { display:flex; gap:5px; }.composer-toolbar button { padding:6px 8px; border:1px solid var(--wb-line); border-radius:7px; color:var(--theme-muted); background:transparent; font-size:8px; cursor:pointer; }.composer-toolbar button:hover { color:var(--theme-accent); }.composer-toolbar > span { color:var(--theme-muted); font-size:7px; }.composer-toolbar kbd { padding:1px 3px; border:1px solid var(--wb-line); border-radius:3px; font:inherit; }.composer-toolbar .agent-send { padding:8px 11px; color:var(--theme-base); border-color:var(--theme-accent); background:linear-gradient(120deg,var(--theme-accent),color-mix(in srgb,var(--theme-secondary) 62%,var(--theme-accent))); font-weight:750; }.composer-toolbar .agent-send:disabled { opacity:.35; cursor:not-allowed; }.agent-send span { margin-right:5px; }
.code-studio-panel { display:flex; min-height:0; flex-direction:column; background:color-mix(in srgb,var(--wb-base) 95%,black); }
.code-studio-head { display:flex; min-height:62px; align-items:end; justify-content:space-between; gap:8px; padding:0 12px; border-bottom:1px solid var(--wb-line); }.code-tabs { display:flex; min-width:0; gap:2px; overflow:auto; }.code-tabs button { position:relative; padding:18px 13px 14px; border:0; color:var(--theme-muted); background:transparent; font:600 9px/1 monospace; cursor:pointer; white-space:nowrap; }.code-tabs button::after { content:""; position:absolute; right:8px; bottom:0; left:8px; height:2px; background:transparent; }.code-tabs button.active { color:var(--theme-text); }.code-tabs button.active::after { background:var(--theme-accent); box-shadow:0 0 10px var(--theme-accent); }.code-actions { display:flex; gap:5px; padding-bottom:9px; }.code-actions button { padding:7px 9px; border:1px solid var(--wb-line); border-radius:7px; color:var(--theme-muted); background:var(--wb-panel); font-size:8px; cursor:pointer; }.code-actions button:last-child { color:var(--theme-accent); border-color:color-mix(in srgb,var(--theme-accent) 38%,var(--wb-line)); }
.code-editor-shell { position:relative; display:grid; min-height:0; flex:1; grid-template-columns:44px 1fr; overflow:hidden; }.code-gutter { overflow:hidden; padding:18px 10px; color:color-mix(in srgb,var(--theme-muted) 48%,transparent); border-right:1px solid var(--wb-line); background:color-mix(in srgb,var(--wb-base) 90%,black); font:10px/1.72 "SFMono-Regular",Consolas,monospace; text-align:right; white-space:pre; user-select:none; }.code-editor { width:100%; height:100%; min-height:560px; resize:none; overflow:auto; padding:18px 20px; border:0; outline:0; color:color-mix(in srgb,var(--theme-text) 88%,var(--theme-accent)); background:transparent; caret-color:var(--theme-accent); font:10px/1.72 "SFMono-Regular",Consolas,monospace; tab-size:2; white-space:pre; }.code-preview-frame { grid-column:1 / -1; width:100%; height:100%; min-height:560px; border:0; background:#fff; }.code-editor-shell[data-previewing="true"] .code-gutter { display:none; }
.code-studio-status { display:flex; min-height:34px; align-items:center; gap:16px; padding:0 12px; border-top:1px solid var(--wb-line); color:var(--theme-muted); background:color-mix(in srgb,var(--wb-panel) 65%,transparent); font:600 7px/1 monospace; }.code-studio-status span { display:flex; align-items:center; gap:6px; color:var(--theme-accent); }.code-studio-status i { width:5px; height:5px; border-radius:50%; background:var(--theme-accent); box-shadow:0 0 8px var(--theme-accent); }.code-studio-status b { margin-left:auto; font:inherit; }.code-studio-status em { font-style:normal; }
.workbench-agent-footer { display:flex; min-height:46px; align-items:center; justify-content:space-between; gap:20px; padding:0 18px; border-top:1px solid var(--wb-line); color:var(--theme-muted); background:color-mix(in srgb,var(--wb-base) 82%,transparent); font-size:8px; }.workbench-agent-footer > div { display:flex; align-items:center; gap:10px; }.workbench-agent-footer i { width:6px; height:6px; border-radius:50%; background:var(--theme-accent); box-shadow:0 0 10px var(--theme-accent); }.workbench-agent-footer b { color:var(--theme-text); font-weight:500; }.workbench-agent-footer > div:last-child span { padding:4px 6px; border:1px solid var(--wb-line); border-radius:4px; font:650 6px/1 monospace; letter-spacing:.08em; }
html[data-theme="cyberpunk"] .ai-code-workbench { clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px)); }
html[data-theme="hologram"] .ai-code-workbench { backdrop-filter:blur(28px) saturate(155%); }
html[data-theme="terminal"] .code-editor { color:var(--theme-accent); }

@media (max-width:1180px) {
  .workbench-topbar { grid-template-columns:1fr minmax(240px,330px) auto; }.workbench-context-meter { display:none; }
  .workbench-grid { grid-template-columns:200px minmax(360px,1fr); }.code-studio-panel { grid-column:1 / -1; min-height:590px; border-top:1px solid var(--wb-line); }.agent-chat-panel { border-right:0; }
}
@media (max-width:760px) {
  .ai-models .shell { width:min(100% - 20px,1200px); }.ai-code-workbench { margin-top:28px; border-radius:14px; }
  .workbench-topbar { grid-template-columns:1fr; padding:12px; gap:10px; }.workbench-topbar > * { min-height:auto; padding:0; border:0; }.workbench-provider { width:100%; }.workbench-runtime { display:none; }
  .workbench-grid { display:block; }.context-panel,.agent-chat-panel { border:0; border-bottom:1px solid var(--wb-line); }.context-panel { min-height:480px; }.agent-chat-panel { min-height:620px; }.code-studio-panel { min-height:570px; }
  .code-studio-head { align-items:center; }.code-actions button:first-child { display:none; }.code-editor { min-height:500px; padding:14px 12px; font-size:9px; }.code-preview-frame { min-height:500px; }
  .composer-toolbar { grid-template-columns:1fr auto; }.composer-toolbar > span { display:none; }.agent-send span { display:none; }
  .workbench-agent-footer { align-items:flex-start; padding:12px; }.workbench-agent-footer > div:last-child { display:none; }
}

/* Multi-agent routing preview */
.workbench-topbar { grid-template-columns:1fr minmax(420px,540px) 180px auto; }
.workbench-routing { gap:8px; padding-block:9px; }
.workbench-route-field { display:grid; min-width:0; flex:1; gap:5px; color:var(--theme-muted); font-size:8px; }
.workbench-route-field select { width:100%; min-width:0; }
.context-active-agent { display:grid; grid-template-columns:34px 1fr 7px; align-items:center; gap:8px; margin:4px 10px 10px; padding:9px; border:1px solid color-mix(in srgb,var(--active-agent,var(--theme-accent)) 32%,var(--wb-line)); border-radius:9px; background:linear-gradient(135deg,color-mix(in srgb,var(--active-agent,var(--theme-accent)) 10%,transparent),color-mix(in srgb,var(--theme-secondary) 6%,transparent)); }
.context-active-agent > span { display:grid; width:32px; height:32px; place-items:center; border:1px solid color-mix(in srgb,var(--active-agent,var(--theme-accent)) 44%,transparent); border-radius:8px; color:var(--active-agent,var(--theme-accent)); font:750 7px/1 monospace; }
.context-active-agent small,.context-active-agent b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.context-active-agent small { color:var(--active-agent,var(--theme-accent)); font:700 6px/1 monospace; letter-spacing:.1em; }.context-active-agent b { margin-top:5px; font-size:9px; }.context-active-agent > i { width:6px; height:6px; border-radius:50%; background:var(--active-agent,var(--theme-accent)); box-shadow:0 0 10px var(--active-agent,var(--theme-accent)); }
@media (max-width:1180px) { .workbench-topbar { grid-template-columns:1fr minmax(390px,500px) auto; } }
@media (max-width:760px) { .workbench-topbar { grid-template-columns:1fr; }.workbench-routing { display:grid; grid-template-columns:1fr; }.workbench-route-field { width:100%; } }

/* Domestic model capability fabric */
.domestic-model-fabric { position:relative; overflow:hidden; margin:0 0 14px; padding:15px 17px; border:1px solid color-mix(in srgb,var(--theme-accent) 25%,var(--theme-line)); border-radius:14px; background:linear-gradient(135deg,color-mix(in srgb,var(--theme-surface) 92%,var(--theme-accent)),color-mix(in srgb,var(--theme-base) 94%,black)); box-shadow:0 18px 46px rgba(0,0,0,.16); }.domestic-model-fabric::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.22; background-image:linear-gradient(color-mix(in srgb,var(--theme-accent) 14%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--theme-accent) 14%,transparent) 1px,transparent 1px); background-size:28px 28px; mask-image:linear-gradient(90deg,black,transparent 76%); }.domestic-model-fabric > * { position:relative; z-index:1; }
.domestic-fabric-head { display:flex; align-items:center; justify-content:space-between; gap:14px; }.domestic-fabric-head span,.domestic-fabric-head b { display:block; }.domestic-fabric-head span { color:var(--theme-accent); font:750 7px/1 monospace; letter-spacing:.14em; }.domestic-fabric-head b { margin-top:5px; font-size:12px; }.domestic-fabric-head small { display:flex; align-items:center; gap:7px; color:var(--theme-muted); font-size:8px; }.domestic-fabric-head small i { width:6px; height:6px; border-radius:50%; background:var(--theme-accent); box-shadow:0 0 10px var(--theme-accent); }
.domestic-fabric-grid { display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); gap:6px; margin-top:12px; }.domestic-fabric-grid > span { display:grid; min-width:0; grid-template-columns:24px 1fr; align-items:center; gap:6px; overflow:hidden; padding:7px; border:1px solid var(--theme-line); border-radius:8px; color:var(--theme-muted); background:color-mix(in srgb,var(--theme-surface) 72%,transparent); font:650 7px/1 monospace; text-overflow:ellipsis; white-space:nowrap; }.domestic-fabric-grid i { display:grid; width:23px; height:23px; place-items:center; border:1px solid color-mix(in srgb,var(--theme-accent) 32%,var(--theme-line)); border-radius:6px; color:var(--theme-accent); background:color-mix(in srgb,var(--theme-accent) 7%,transparent); font:750 6px/1 monospace; font-style:normal; }.domestic-model-fabric > p { margin:10px 0 0; color:var(--theme-muted); font-size:8px; }
html[data-theme="cyberpunk"] .domestic-model-fabric { clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px)); }html[data-theme="hologram"] .domestic-model-fabric { backdrop-filter:blur(24px) saturate(150%); }
@media (max-width:1180px) { .domestic-fabric-grid { grid-template-columns:repeat(5,minmax(0,1fr)); } }
@media (max-width:760px) { .domestic-fabric-head { align-items:flex-start; flex-direction:column; }.domestic-fabric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.domestic-model-fabric { padding:13px; } }

/* Dynamic homepage page switcher */
.dynamic-pages { position:relative; overflow:hidden; color:var(--theme-text); background:radial-gradient(circle at 86% 12%,color-mix(in srgb,var(--theme-secondary) 19%,transparent),transparent 27%),radial-gradient(circle at 6% 82%,color-mix(in srgb,var(--theme-accent) 9%,transparent),transparent 25%),var(--theme-base); }.dynamic-pages::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.42; background-image:linear-gradient(color-mix(in srgb,var(--theme-accent) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--theme-accent) 7%,transparent) 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(to bottom,black,transparent 82%); }.dynamic-pages > .shell { position:relative; z-index:1; }.dynamic-pages-heading h2 { color:var(--theme-text); }.dynamic-pages-heading > p { color:var(--theme-muted); }
.dynamic-page-switcher { --page-accent:var(--theme-accent); display:grid; min-height:620px; grid-template-columns:280px minmax(0,1fr); overflow:hidden; border:1px solid color-mix(in srgb,var(--page-accent) 24%,var(--theme-line)); border-radius:calc(var(--theme-radius) + 7px); outline:0; background:linear-gradient(145deg,color-mix(in srgb,var(--theme-panel) 88%,var(--theme-base)),color-mix(in srgb,var(--theme-base) 96%,black)); box-shadow:0 42px 100px rgba(0,0,0,.3),0 0 70px color-mix(in srgb,var(--page-accent) 6%,transparent); transition:border-color .35s ease,box-shadow .35s ease; }.dynamic-page-switcher:focus-visible { outline:2px solid var(--page-accent); outline-offset:4px; }
.dynamic-switcher-rail { display:flex; min-width:0; flex-direction:column; border-right:1px solid var(--theme-line); background:color-mix(in srgb,var(--theme-base) 78%,transparent); }.dynamic-rail-head { min-height:100px; padding:25px 22px; border-bottom:1px solid var(--theme-line); }.dynamic-rail-head span,.dynamic-rail-head b { display:block; }.dynamic-rail-head span { display:flex; align-items:center; gap:7px; color:var(--page-accent); font:700 7px/1 monospace; letter-spacing:.14em; }.dynamic-rail-head span i { width:6px; height:6px; border-radius:50%; background:var(--page-accent); box-shadow:0 0 10px var(--page-accent); }.dynamic-rail-head b { margin-top:11px; font-size:17px; }
.dynamic-page-tabs { display:flex; flex:1; flex-direction:column; }.dynamic-page-tabs button { position:relative; display:grid; min-height:91px; grid-template-columns:34px 1fr 7px; align-items:center; gap:10px; padding:0 20px; border:0; border-bottom:1px solid var(--theme-line); color:var(--theme-muted); text-align:left; background:transparent; cursor:pointer; transition:color .2s ease,background .2s ease; }.dynamic-page-tabs button:hover { color:var(--theme-text); background:color-mix(in srgb,var(--page-accent) 5%,transparent); }.dynamic-page-tabs button.active { color:var(--theme-text); background:linear-gradient(90deg,color-mix(in srgb,var(--page-accent) 12%,transparent),transparent); }.dynamic-page-tabs button.active::before { content:""; position:absolute; inset:0 auto 0 0; width:2px; background:var(--page-accent); box-shadow:0 0 12px var(--page-accent); }.dynamic-page-tabs button > span { color:color-mix(in srgb,var(--page-accent) 75%,var(--theme-muted)); font:750 9px/1 monospace; }.dynamic-page-tabs button b,.dynamic-page-tabs button small { display:block; }.dynamic-page-tabs button b { font-size:11px; }.dynamic-page-tabs button small { margin-top:6px; color:var(--theme-muted); font:650 6px/1 monospace; letter-spacing:.1em; }.dynamic-page-tabs button > i { width:5px; height:5px; border-radius:50%; background:var(--theme-line); }.dynamic-page-tabs button.active > i { background:var(--page-accent); box-shadow:0 0 9px var(--page-accent); }
.dynamic-rail-foot { display:grid; grid-template-columns:1fr auto; gap:5px 10px; min-height:76px; align-content:center; padding:16px 20px; color:var(--theme-muted); border-top:1px solid var(--theme-line); font-size:8px; }.dynamic-rail-foot b { color:var(--page-accent); font:700 7px/1 monospace; }.dynamic-rail-foot small { grid-column:1 / -1; color:color-mix(in srgb,var(--theme-muted) 72%,transparent); font-size:7px; }
.dynamic-switcher-stage { position:relative; display:grid; min-width:0; grid-template-rows:72px 1fr 3px; overflow:hidden; }.dynamic-stage-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 24px; border-bottom:1px solid var(--theme-line); background:color-mix(in srgb,var(--theme-base) 44%,transparent); }.dynamic-stage-head > div:first-child span,.dynamic-stage-head > div:first-child b { display:block; }.dynamic-stage-head > div:first-child span { color:var(--page-accent); font:700 7px/1 monospace; letter-spacing:.13em; }.dynamic-stage-head > div:first-child b { margin-top:6px; font-size:11px; }.dynamic-stage-controls { display:flex; align-items:center; gap:7px; }.dynamic-stage-controls > span { margin-right:6px; color:var(--theme-muted); font:650 8px/1 monospace; }.dynamic-stage-controls > span b { color:var(--page-accent); font-size:12px; }.dynamic-stage-controls button { display:grid; width:32px; height:32px; place-items:center; border:1px solid var(--theme-line); border-radius:8px; color:var(--theme-text); background:color-mix(in srgb,var(--theme-panel) 64%,transparent); cursor:pointer; transition:border-color .2s ease,color .2s ease,transform .2s ease; }.dynamic-stage-controls button:hover { color:var(--page-accent); border-color:var(--page-accent); transform:translateY(-1px); }
.dynamic-page-panel { min-width:0; min-height:544px; grid-template-columns:minmax(310px,.84fr) minmax(440px,1.16fr); align-items:center; gap:34px; padding:42px; }.dynamic-page-panel.active { display:grid; }.dynamic-page-switcher[data-direction="next"] .dynamic-page-panel.active { animation:dynamic-page-in-next .48s cubic-bezier(.2,.76,.25,1) both; }.dynamic-page-switcher[data-direction="prev"] .dynamic-page-panel.active { animation:dynamic-page-in-prev .48s cubic-bezier(.2,.76,.25,1) both; }@keyframes dynamic-page-in-next { from { opacity:0; transform:translateX(32px); } to { opacity:1; transform:none; } }@keyframes dynamic-page-in-prev { from { opacity:0; transform:translateX(-32px); } to { opacity:1; transform:none; } }
.dynamic-page-copy { min-width:0; }.dynamic-page-kicker { color:var(--page-accent); font:750 8px/1 monospace; letter-spacing:.15em; }.dynamic-page-copy h3 { max-width:520px; margin:15px 0 15px; color:var(--theme-text); font-size:clamp(27px,2.6vw,42px); line-height:1.16; letter-spacing:-.045em; }.dynamic-page-copy > p { max-width:500px; margin:0; color:var(--theme-muted); font-size:12px; line-height:1.85; }.dynamic-page-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:22px; }.dynamic-page-tags span { padding:6px 8px; border:1px solid color-mix(in srgb,var(--page-accent) 22%,var(--theme-line)); border-radius:999px; color:color-mix(in srgb,var(--page-accent) 68%,var(--theme-text)); background:color-mix(in srgb,var(--page-accent) 5%,transparent); font:650 7px/1 monospace; }.dynamic-page-copy > a { display:inline-flex; align-items:center; gap:30px; margin-top:34px; padding:12px 15px; border:1px solid color-mix(in srgb,var(--page-accent) 40%,var(--theme-line)); border-radius:8px; color:var(--theme-text); background:color-mix(in srgb,var(--page-accent) 8%,transparent); font-size:10px; font-weight:700; transition:background .2s ease,transform .2s ease; }.dynamic-page-copy > a b { color:var(--page-accent); }.dynamic-page-copy > a:hover { transform:translateY(-2px); background:color-mix(in srgb,var(--page-accent) 14%,transparent); }
.dynamic-page-visual { position:relative; min-width:0; min-height:385px; overflow:hidden; border:1px solid color-mix(in srgb,var(--page-accent) 24%,var(--theme-line)); border-radius:14px; background:radial-gradient(circle at 70% 30%,color-mix(in srgb,var(--page-accent) 11%,transparent),transparent 34%),color-mix(in srgb,var(--theme-base) 88%,black); box-shadow:0 24px 55px rgba(0,0,0,.24); }.dynamic-page-visual::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.3; background-image:linear-gradient(color-mix(in srgb,var(--page-accent) 11%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--page-accent) 11%,transparent) 1px,transparent 1px); background-size:28px 28px; mask-image:linear-gradient(to bottom,black,transparent 75%); }.dynamic-page-visual > * { position:relative; z-index:1; }.dynamic-page-visual > footer { position:absolute; z-index:2; right:0; bottom:0; left:0; display:flex; min-height:40px; align-items:center; justify-content:space-between; gap:12px; padding:0 14px; border-top:1px solid var(--theme-line); color:var(--theme-muted); background:color-mix(in srgb,var(--theme-base) 78%,transparent); font:650 6px/1 monospace; letter-spacing:.08em; }.dynamic-page-visual > footer span { display:flex; align-items:center; gap:6px; }.dynamic-page-visual > footer i { width:5px; height:5px; border-radius:50%; background:var(--page-accent); box-shadow:0 0 8px var(--page-accent); }
.scene-window-head { display:flex; min-height:48px; align-items:center; gap:6px; padding:0 14px; border-bottom:1px solid var(--theme-line); }.scene-window-head > i { width:6px; height:6px; border-radius:50%; background:var(--theme-muted); }.scene-window-head > i:first-child { background:var(--theme-hot); }.scene-window-head > span { margin-left:7px; color:var(--theme-muted); font:650 7px/1 monospace; }.scene-window-head > b { margin-left:auto; color:var(--page-accent); font:700 6px/1 monospace; }.scene-code-layout { display:grid; height:296px; grid-template-columns:46px 1fr 42%; }.scene-file-rail { display:flex; align-items:center; flex-direction:column; gap:10px; padding-top:17px; border-right:1px solid var(--theme-line); }.scene-file-rail span { display:grid; width:25px; height:25px; place-items:center; border:1px solid var(--theme-line); border-radius:6px; color:var(--theme-muted); font:700 6px/1 monospace; }.scene-file-rail span.active { color:var(--page-accent); border-color:var(--page-accent); background:color-mix(in srgb,var(--page-accent) 8%,transparent); }.scene-code-lines { display:flex; flex-direction:column; gap:12px; padding:25px 17px; }.scene-code-lines i { display:block; width:var(--w); height:5px; border-radius:4px; background:linear-gradient(90deg,color-mix(in srgb,var(--page-accent) 72%,transparent),color-mix(in srgb,var(--theme-secondary) 48%,transparent)); }.scene-code-lines i:nth-child(2n) { height:4px; opacity:.55; }.scene-preview-card { align-self:center; margin-right:17px; padding:18px; border:1px solid color-mix(in srgb,var(--page-accent) 26%,var(--theme-line)); border-radius:10px; background:linear-gradient(145deg,color-mix(in srgb,var(--theme-panel) 88%,var(--page-accent)),var(--theme-base)); }.scene-preview-card > span,.scene-preview-card > b,.scene-preview-card > small { display:block; }.scene-preview-card > span { color:var(--page-accent); font:700 6px/1 monospace; letter-spacing:.12em; }.scene-preview-card > div { display:flex; gap:5px; margin:20px 0; }.scene-preview-card > div i { width:22px; height:22px; border:1px solid var(--theme-line); border-radius:6px; background:color-mix(in srgb,var(--page-accent) 10%,transparent); }.scene-preview-card > b { font-size:12px; }.scene-preview-card > small { margin-top:6px; color:var(--theme-muted); font-size:7px; }
.agent-scene-ring { position:absolute; top:49%; left:50%; border:1px dashed color-mix(in srgb,var(--page-accent) 28%,transparent); border-radius:50%; transform:translate(-50%,-50%); }.agent-scene-ring.ring-a { width:280px; height:280px; animation:dynamic-ring-spin 18s linear infinite; }.agent-scene-ring.ring-b { width:180px; height:180px; border-style:solid; border-color:color-mix(in srgb,var(--theme-secondary) 28%,transparent); animation:dynamic-ring-spin 11s linear reverse infinite; }@keyframes dynamic-ring-spin { to { transform:translate(-50%,-50%) rotate(360deg); } }.agent-scene-core { position:absolute; top:49%; left:50%; display:grid; width:106px; height:106px; place-content:center; place-items:center; border:1px solid color-mix(in srgb,var(--page-accent) 56%,transparent); border-radius:50%; color:var(--page-accent); background:radial-gradient(circle,color-mix(in srgb,var(--page-accent) 16%,var(--theme-panel)),var(--theme-base)); box-shadow:0 0 45px color-mix(in srgb,var(--page-accent) 23%,transparent); transform:translate(-50%,-50%); }.agent-scene-core i { width:6px; height:6px; margin-bottom:6px; border-radius:50%; background:var(--page-accent); box-shadow:0 0 10px var(--page-accent); }.agent-scene-core strong { font:800 24px/1 monospace; }.agent-scene-core span { margin-top:6px; font:700 6px/1 monospace; letter-spacing:.12em; }.agent-scene-node { position:absolute; z-index:2; display:grid; min-width:40px; height:26px; place-items:center; padding:0 6px; border:1px solid color-mix(in srgb,var(--page-accent) 36%,var(--theme-line)); border-radius:7px; color:var(--page-accent); background:color-mix(in srgb,var(--theme-panel) 88%,transparent); box-shadow:0 0 18px color-mix(in srgb,var(--page-accent) 9%,transparent); font:750 7px/1 monospace; }.agent-scene-node::after { content:""; position:absolute; right:-3px; bottom:-3px; width:5px; height:5px; border-radius:50%; background:var(--page-accent); box-shadow:0 0 7px var(--page-accent); }.agent-scene-node.n1 { top:9%; left:45%; }.agent-scene-node.n2 { top:19%; right:15%; }.agent-scene-node.n3 { top:46%; right:6%; }.agent-scene-node.n4 { right:17%; bottom:17%; }.agent-scene-node.n5 { bottom:9%; left:44%; }.agent-scene-node.n6 { bottom:18%; left:15%; }.agent-scene-node.n7 { top:46%; left:6%; }.agent-scene-node.n8 { top:18%; left:17%; }
.model-scene > header,.operations-scene > header { display:flex; min-height:48px; align-items:center; justify-content:space-between; gap:10px; padding:0 15px; border-bottom:1px solid var(--theme-line); color:var(--theme-muted); font:700 7px/1 monospace; }.model-scene > header b,.operations-scene > header span { display:flex; align-items:center; gap:6px; color:var(--page-accent); }.model-scene > header i,.operations-scene > header i { width:5px; height:5px; border-radius:50%; background:var(--page-accent); box-shadow:0 0 8px var(--page-accent); }.model-scene-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; padding:13px 13px 55px; }.model-scene-grid > span { display:grid; min-width:0; min-height:51px; grid-template-columns:30px 1fr; align-content:center; column-gap:8px; padding:7px; border:1px solid var(--theme-line); border-radius:8px; background:color-mix(in srgb,var(--theme-panel) 72%,transparent); }.model-scene-grid i { grid-row:1 / 3; display:grid; width:29px; height:29px; place-items:center; border:1px solid color-mix(in srgb,var(--page-accent) 34%,var(--theme-line)); border-radius:7px; color:var(--page-accent); background:color-mix(in srgb,var(--page-accent) 7%,transparent); font:750 6px/1 monospace; font-style:normal; }.model-scene-grid b,.model-scene-grid small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.model-scene-grid b { font-size:8px; }.model-scene-grid small { margin-top:4px; color:var(--theme-muted); font:600 6px/1 monospace; }
.operations-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; padding:14px; }.operations-metrics > span { position:relative; min-height:82px; padding:13px; border:1px solid var(--theme-line); border-radius:9px; background:color-mix(in srgb,var(--theme-panel) 72%,transparent); }.operations-metrics small,.operations-metrics b { display:block; }.operations-metrics small { color:var(--theme-muted); font:650 6px/1 monospace; }.operations-metrics b { margin-top:18px; color:var(--page-accent); font:750 12px/1 monospace; }.operations-metrics i { position:absolute; top:11px; right:11px; width:5px; height:5px; border-radius:50%; background:var(--page-accent); box-shadow:0 0 8px var(--page-accent); }.operations-chart { margin:0 14px 55px; padding:15px; border:1px solid var(--theme-line); border-radius:10px; background:color-mix(in srgb,var(--theme-base) 54%,transparent); }.operations-chart > div { display:flex; height:125px; align-items:end; gap:9px; padding:0 5px 10px; border-bottom:1px solid var(--theme-line); }.operations-chart > div i { position:relative; height:var(--h); flex:1; border-radius:3px 3px 0 0; background:linear-gradient(to top,var(--theme-secondary),var(--page-accent)); box-shadow:0 0 12px color-mix(in srgb,var(--page-accent) 13%,transparent); }.operations-chart > span { display:block; margin-top:11px; color:var(--theme-muted); font:650 6px/1 monospace; letter-spacing:.1em; }
.dynamic-page-progress { overflow:hidden; background:color-mix(in srgb,var(--theme-line) 65%,transparent); }.dynamic-page-progress i { display:block; width:0; height:100%; background:linear-gradient(90deg,var(--page-accent),var(--theme-secondary)); box-shadow:0 0 10px var(--page-accent); }
html[data-theme="cyberpunk"] .dynamic-page-switcher,html[data-theme="cyberpunk"] .dynamic-page-visual { clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px)); }html[data-theme="hologram"] .dynamic-page-switcher,html[data-theme="hologram"] .dynamic-page-visual { backdrop-filter:blur(25px) saturate(150%); }
@media (max-width:1020px) { .dynamic-page-switcher { grid-template-columns:1fr; }.dynamic-switcher-rail { border-right:0; border-bottom:1px solid var(--theme-line); }.dynamic-rail-head,.dynamic-rail-foot { display:none; }.dynamic-page-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }.dynamic-page-tabs button { min-height:78px; padding:0 13px; border-right:1px solid var(--theme-line); }.dynamic-page-panel { grid-template-columns:minmax(270px,.8fr) minmax(360px,1.2fr); gap:24px; padding:32px; } }
@media (max-width:760px) { .dynamic-pages .shell { width:min(100% - 20px,1200px); }.dynamic-pages-heading { display:block; }.dynamic-page-tabs { grid-template-columns:1fr 1fr; }.dynamic-page-tabs button { min-height:70px; }.dynamic-page-tabs button small { display:none; }.dynamic-stage-head { padding:0 14px; }.dynamic-page-panel { min-height:auto; grid-template-columns:1fr; gap:28px; padding:28px 15px 32px; }.dynamic-page-copy h3 { font-size:29px; }.dynamic-page-copy > a { margin-top:25px; }.dynamic-page-visual { min-height:370px; }.scene-code-layout { grid-template-columns:38px 1fr; }.scene-preview-card { display:none; }.agent-scene-ring.ring-a { width:245px; height:245px; }.agent-scene-ring.ring-b { width:155px; height:155px; }.model-scene-grid { gap:5px; padding:10px 10px 52px; }.operations-metrics { grid-template-columns:1fr; }.operations-metrics > span { min-height:62px; }.operations-metrics b { margin-top:10px; }.operations-chart > div { height:95px; } }
@media (prefers-reduced-motion:reduce) { .dynamic-page-panel.active,.agent-scene-ring { animation:none !important; }.dynamic-page-progress i { transition:none !important; } }

/* Keep the desktop multimodal workbench inside a single viewport frame. */
@media (min-width:1181px) {
  .ai-code-workbench {
    display:grid;
    grid-template-rows:70px minmax(0,1fr) 46px;
    height:clamp(600px,calc(100svh - 88px),760px);
  }
  .workbench-topbar { height:70px; min-height:0; }
  .workbench-grid { height:auto; min-height:0; overflow:hidden; }
  .context-panel,.agent-chat-panel,.code-studio-panel { height:100%; min-height:0; overflow:hidden; }
  .context-file-list,.agent-thread { min-height:0; overflow-y:auto; }
  .code-editor-shell { height:100%; min-height:0; }
  .code-editor,.code-preview-frame { height:100%; min-height:0; }
  .workbench-agent-footer { height:46px; min-height:0; }
}

/* Manually entered text context */
.context-add-actions { padding:0 9px 7px; }
.context-add-actions > button { display:grid; width:100%; min-height:36px; grid-template-columns:25px 1fr auto; align-items:center; gap:7px; padding:0 9px; border:1px solid color-mix(in srgb,var(--theme-accent) 24%,var(--wb-line)); border-radius:8px; color:var(--theme-text); text-align:left; background:linear-gradient(90deg,color-mix(in srgb,var(--theme-accent) 7%,transparent),color-mix(in srgb,var(--theme-secondary) 4%,transparent)); cursor:pointer; }
.context-add-actions i { display:grid; width:21px; height:21px; place-items:center; border:1px solid color-mix(in srgb,var(--theme-accent) 32%,transparent); border-radius:5px; color:var(--theme-accent); font:750 6px/1 monospace; font-style:normal; }
.context-add-actions span { font-size:8px; }
.context-add-actions b { color:var(--theme-accent); font-size:14px; font-weight:400; }
.context-add-actions > button:hover { border-color:color-mix(in srgb,var(--theme-accent) 55%,var(--wb-line)); box-shadow:0 0 18px color-mix(in srgb,var(--theme-accent) 7%,transparent); }
.context-text-editor { display:grid; gap:7px; margin:0 9px 8px; padding:10px; border:1px solid color-mix(in srgb,var(--theme-accent) 38%,var(--wb-line)); border-radius:9px; background:color-mix(in srgb,var(--wb-panel) 94%,var(--theme-accent)); box-shadow:0 12px 28px rgba(0,0,0,.18),inset 2px 0 0 color-mix(in srgb,var(--theme-accent) 70%,transparent); }
.context-text-editor[hidden] { display:none; }
.context-text-editor > div,.context-text-editor footer { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.context-text-editor > div > span { color:var(--theme-accent); font:750 6px/1 monospace; letter-spacing:.12em; }
.context-text-editor > div > button { width:20px; height:20px; padding:0; border:0; color:var(--theme-muted); background:transparent; cursor:pointer; }
.context-text-editor input,.context-text-editor textarea { width:100%; border:1px solid var(--wb-line); border-radius:6px; outline:0; color:var(--theme-text); background:color-mix(in srgb,var(--wb-base) 78%,transparent); font:inherit; font-size:8px; }
.context-text-editor input { height:31px; padding:0 8px; }
.context-text-editor textarea { min-height:78px; padding:8px; resize:vertical; line-height:1.5; }
.context-text-editor input:focus,.context-text-editor textarea:focus { border-color:var(--theme-accent); }
.context-text-editor footer small { color:var(--theme-muted); font:600 6px/1 monospace; }
.context-text-editor footer button { min-height:27px; padding:0 9px; border:1px solid var(--theme-accent); border-radius:6px; color:var(--theme-base); background:var(--theme-accent); font-size:7px; font-weight:750; cursor:pointer; }
.context-file.manual-text > span { color:var(--theme-hot); border-color:color-mix(in srgb,var(--theme-hot) 42%,transparent); background:color-mix(in srgb,var(--theme-hot) 7%,transparent); }

/* Independently configurable header colors */
html[data-theme] .site-header,html[data-theme] .site-header.scrolled{color:var(--header-text,#edf6ff);border-color:color-mix(in srgb,var(--header-accent,#72f5d1) 22%,transparent);background:rgba(var(--header-bg-rgb,5,8,22),var(--header-opacity,.92));backdrop-filter:blur(18px) saturate(135%)}
html[data-theme] .site-header .brand,html[data-theme] .site-header nav a{color:var(--header-text,#edf6ff)}html[data-theme] .site-header .brand-mark{color:var(--header-accent,#72f5d1)}
html[data-theme] .site-header .button-light,html[data-theme] .site-header.scrolled .button-light{color:rgb(var(--header-bg-rgb,5,8,22));border-color:var(--header-accent,#72f5d1);background:var(--header-accent,#72f5d1)}html[data-theme] .site-header nav a::after{background:var(--header-accent,#72f5d1)}
@media(max-width:900px){html[data-theme] .site-header.menu-active,html[data-theme] .mobile-menu{color:var(--header-text,#edf6ff);background:rgba(var(--header-bg-rgb,5,8,22),.98)}}