/* AI working layer: keep the black/gold identity; reserve the wireframe for one focal point. */
.ai-tech {
  --ai-bg: #050505;
  --ai-panel: #11110f;
  --ai-gold: #cfaa63;
  --ai-white: #f5f0e6;
  --ai-muted: #b6b1a7;
  --ai-line: rgba(207,170,99,.2);
  position: relative;
  isolation: isolate;
  background: radial-gradient(ellipse at 75% 42%,rgba(119,84,26,.1),transparent 58%),var(--ai-bg);
  padding: 78px 0 64px;
}
.ai-tech::before { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(90deg,transparent 49.95%,rgba(207,170,99,.045) 50%,transparent 50.05%); }
.ai-tech-grid { display:grid; grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr); gap:clamp(36px,6vw,92px); align-items:center; }
.ai-tech-copy .eyebrow { margin-bottom:28px; font-size:10px; letter-spacing:.22em; }
.ai-tech-category { display:flex; align-items:center; gap:9px; color:var(--ai-muted); font-size:12px; margin-bottom:20px; }
.ai-tech-category>span { width:6px; height:6px; border:1px solid var(--ai-gold); transform:rotate(45deg); }
.ai-tech #ai-tech-title { font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif; font-weight:500; font-size:clamp(35px,3.65vw,54px); line-height:1.4; letter-spacing:-.035em; margin:0; color:var(--ai-white); }
.ai-tech #ai-tech-title>span { color:var(--ai-gold); }
.ai-tech-intro { color:var(--ai-muted); font-size:15px; line-height:2; margin:26px 0 32px; max-width:370px; }
.ai-tech .ai-capabilities { display:grid; gap:21px; }
.ai-tech .ai-capabilities>div { display:flex; gap:14px; align-items:flex-start; }
.ai-tech .ai-capabilities .icon { width:18px; height:18px; color:var(--ai-gold); flex-shrink:0; margin-top:3px; }
.ai-tech .ai-capabilities p { margin:0; display:grid; gap:6px; }
.ai-tech .ai-capabilities strong { font-size:14px; font-weight:500; color:var(--ai-white); }
.ai-tech .ai-capabilities p>span { color:var(--ai-muted); font-size:12px; line-height:1.8; }
.ai-tech .ai-tech-cta { margin-top:36px; display:inline-flex; gap:18px; font-size:14px; min-height:44px; }
.ai-service-note { font-size:10px; color:var(--ai-muted); margin:7px 0 0; }
.ai-lab { min-width:0; }
.ai-lab-top { display:flex; align-items:center; justify-content:space-between; gap:15px; padding-bottom:18px; border-bottom:1px solid var(--ai-line); }
.ai-lab-wordmark { font:10px/1.5 'SFMono-Regular',Consolas,monospace; letter-spacing:.1em; color:var(--ai-gold); }
.ai-demo-badge { display:flex; align-items:center; gap:7px; font-size:10px; color:var(--ai-muted); }
.ai-demo-badge i { height:4px; width:4px; background:var(--ai-gold); border-radius:50%; }
.ai-scenes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:20px; }
.ai-scenes button { border:1px solid transparent; border-bottom-color:var(--ai-line); border-radius:6px 6px 0 0; min-height:44px; padding:10px 11px; display:flex; gap:8px; align-items:center; justify-content:space-between; background:transparent; color:var(--ai-muted); font-size:12px; transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease,transform 160ms var(--ease-out); }
.ai-scenes button[aria-pressed=true] { background:rgba(207,170,99,.08); color:var(--gold-light); border-bottom-color:var(--ai-gold); }
.ai-scenes .icon { width:13px; height:13px; opacity:.55; }
.ai-scenes button[aria-pressed=true] .icon { opacity:1; }
.ai-scenes button:active,.ai-lab-footer button:active { transform:scale(.97); }
.ai-scenes button:focus-visible,.ai-lab-footer button:focus-visible { outline:2px solid var(--ai-gold); outline-offset:4px; }
.ai-orbit-stage { height:220px; position:relative; margin:4px 0 -1px; overflow:hidden; }
.ai-orbit { position:absolute; inset:0; }
.ai-orbit svg { width:100%; height:100%; display:block; }
.ai-orbit-fallback { position:absolute; inset:0; }
.ai-orbit-camera { display:none; position:absolute; width:308px; height:308px; left:50%; top:45%; transform:translate(-50%,-50%) rotateZ(-8deg) rotateX(62.6deg) scale(.85); transform-style:preserve-3d; pointer-events:none; }
.ai-orbit-spin,.ai-orbit .ai-orbit-track { position:absolute; inset:0; width:308px; height:308px; transform-origin:50% 50%; animation:ai-star-revolve 24s linear infinite; animation-play-state:paused; }
.ai-orbit-spin { transform-style:preserve-3d; }
.ai-orbit .ai-torus-slice { position:absolute; inset:0; width:308px; height:308px; overflow:visible; fill:none; stroke:#dfc38b; stroke-width:.65; stroke-opacity:.37; backface-visibility:visible; }
.ai-orbit .ai-torus-meridian { stroke:#cfaa63; stroke-opacity:.34; }
.ai-orbit .ai-orbit-track { overflow:visible; animation-duration:32s; animation-direction:reverse; }
.ai-lab[data-orbit-motion=running] .ai-orbit-spin,.ai-lab[data-orbit-motion=running] .ai-orbit-track { animation-play-state:running; }
.ai-orbit-toolbar { position:relative; height:0; z-index:2; }
.ai-orbit-toolbar button { position:absolute; top:4px; left:0; min-height:44px; padding:0 8px; border:0; background:transparent; color:var(--ai-muted); font-size:9px; cursor:pointer; }
.ai-orbit-toolbar button[hidden] { display:none; }
.ai-orbit-toolbar button:focus-visible { outline:2px solid var(--ai-gold); outline-offset:0; border-radius:4px; }
@supports(transform-style:preserve-3d) { .ai-orbit-camera { display:block; } .ai-orbit-fallback { display:none; } }
@keyframes ai-star-revolve { from { transform:rotateZ(0deg); } to { transform:rotateZ(360deg); } }
.ai-orbit-glow { position:absolute; width:78%; height:84%; top:3%; left:11%; background:radial-gradient(ellipse,rgba(207,170,99,.22),transparent 67%); pointer-events:none; }
.ai-core { position:absolute; top:42%; left:50%; transform:translate(-50%,-50%); text-align:center; pointer-events:none; }
.ai-core>span { display:block; font:500 36px/1 'SFMono-Regular',Consolas,monospace; letter-spacing:-.07em; color:#f5f0e6; text-shadow:0 0 25px rgba(207,170,99,.4); }
.ai-core>small { display:block; font-size:8px; letter-spacing:.18em; margin-top:8px; color:var(--ai-gold); }
.ai-data-label { position:absolute; font-size:9px; color:#d3c1a2; padding:5px 8px; background:rgba(5,5,5,.8); border-left:1px solid var(--ai-gold); }
.ai-data-label-one { left:3%; top:26%; }
.ai-data-label-two { right:1%; top:52%; }
.ai-data-label-three { left:17%; bottom:20%; }
.ai-orbit-caption { position:absolute; right:4%; top:10%; font:7px/1.5 'SFMono-Regular',Consolas,monospace; color:var(--ai-muted); letter-spacing:.09em; }
.ai-stream { position:absolute; width:1px; height:50px; left:50%; bottom:0; background:linear-gradient(transparent,var(--ai-gold)); }
.ai-stream>span { position:absolute; width:3px; height:3px; left:-1px; bottom:0; border-radius:50%; background:var(--gold-light); box-shadow:0 0 9px var(--ai-gold); }
.ai-demo-console { position:relative; border:1px solid rgba(207,170,99,.34); border-radius:12px; background:linear-gradient(115deg,rgba(207,170,99,.04),transparent 55%),var(--ai-panel); box-shadow:0 20px 65px rgba(0,0,0,.28); }
.ai-demo-console::before { content:''; position:absolute; top:-1px; left:15%; right:15%; height:1px; background:linear-gradient(90deg,transparent,#e8cb8e,transparent); }
.ai-query { display:flex; align-items:center; gap:12px; padding:20px 22px 12px; }
.ai-query-mark { display:grid; place-items:center; width:30px; height:30px; border:1px solid var(--ai-line); border-radius:8px; color:var(--ai-gold); flex-shrink:0; }
.ai-small-label { font-size:9px; color:var(--ai-muted); }
.ai-query p { font-size:14px; font-weight:500; line-height:1.7; margin:5px 0 0; color:var(--ai-white); }
.ai-context { display:flex; gap:12px; margin:0 22px; padding-bottom:16px; border-bottom:1px solid var(--ai-line); align-items:baseline; }
.ai-context>span { color:var(--ai-gold); font-size:9px; flex-shrink:0; }
.ai-context p { margin:0; font-size:11px; line-height:1.8; color:var(--ai-muted); }
.ai-output { padding:18px 22px 0; }
.ai-output-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; }
.ai-output-heading>span { display:flex; align-items:center; gap:8px; }
.ai-output-heading .icon { color:var(--ai-gold); width:15px; height:15px; }
.ai-output-heading strong { font-size:12px; font-weight:500; color:var(--gold-light); }
.ai-output-heading>small { font-size:8px; color:var(--ai-muted); }
.ai-output-rows { display:grid; gap:14px; min-height:114px; }
.ai-output-rows>div { display:grid; grid-template-columns:5px 72px minmax(0,1fr); gap:8px; align-items:baseline; font-size:12px; line-height:1.85; }
.ai-row-dot { width:3px; height:3px; background:var(--ai-gold); border-radius:50%; align-self:start; margin-top:8px; }
.ai-output-rows strong { font-weight:400; color:var(--ai-muted); }
.ai-output-rows p { margin:0; color:var(--ai-white); }
.ai-source { display:flex; gap:10px; color:var(--ai-muted); font-size:9px; line-height:1.7; margin:19px 0 15px; }
.ai-source>span:first-child { color:var(--ai-gold); flex-shrink:0; }
.ai-human-check { border-top:1px solid var(--ai-line); padding:15px 0; display:flex; gap:7px; align-items:center; font-size:10px; line-height:1.6; color:var(--ai-muted); }
.ai-human-check>.icon { width:13px; height:13px; color:var(--ai-gold); flex-shrink:0; }
.ai-review-tag { margin-left:auto; color:var(--ai-gold); white-space:nowrap; font-size:8px; border:1px solid var(--ai-line); padding:3px 5px; border-radius:3px; }
.ai-lab-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:54px; color:var(--ai-muted); font-size:10px; }
.ai-lab-footer button { background:transparent; color:var(--gold-light); border:0; padding:0 8px; min-height:44px; flex-shrink:0; font-size:10px; transition:transform 160ms var(--ease-out),color 180ms ease; }
.ai-lab-footer button[hidden] { display:none; }
.ai-lab-footer button>span { font-size:16px; margin-left:6px; }
.ai-demo-disclaimer { margin:0; font-size:9px; line-height:1.7; color:#9e998f; }
.ai-tech-principle { border-top:1px solid var(--ai-line); margin-top:70px; padding-top:25px; display:flex; align-items:center; gap:24px; }
.ai-tech-principle>span { font-size:14px; color:var(--ai-gold); }
.ai-tech-principle>p { font-size:12px; color:var(--ai-muted); margin:0; }
.ai-lab[data-ai-state=waiting] [data-ai-reveal] { opacity:0; }
@media(hover:hover) and (pointer:fine) {
  .ai-scenes button:hover { background:rgba(207,170,99,.1); color:var(--gold-light); }
  .ai-lab-footer button:hover { color:var(--ai-white); }
  .ai-orbit-toolbar button:hover { color:var(--ai-white); }
}
@media(min-width:1500px) { .ai-tech-grid { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); } .ai-wide-break { display:none; } }
@media(max-width:1050px) { .ai-tech-grid { gap:36px; grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr); } .ai-query,.ai-output { padding-left:17px; padding-right:17px; } .ai-context { margin-left:17px; margin-right:17px; } .ai-output-rows>div { grid-template-columns:4px minmax(0,1fr); gap:3px 9px; } .ai-output-rows p { grid-column:2; } .ai-output-rows { min-height:174px; } .ai-human-check { flex-wrap:wrap; } .ai-review-tag { margin-left:20px; } }
@media(max-width:800px) {
  .ai-tech { padding:78px 0 58px; }
  .ai-tech-grid { grid-template-columns:minmax(0,1fr); gap:52px; }
  .ai-wide-break { display:none; }
  .ai-tech-copy .eyebrow { margin-bottom:20px; }
  .ai-tech-category { margin-bottom:15px; }
  .ai-tech #ai-tech-title { font-size:clamp(32px,6vw,44px); }
  .ai-tech-intro { max-width:520px; margin:22px 0 26px; font-size:14px; }
  .ai-tech .ai-capabilities { gap:18px; }
  .ai-tech .ai-tech-cta { margin-top:24px; }
  .ai-lab { max-width:600px; width:100%; justify-self:center; }
  .ai-orbit-stage { height:250px; }
  .ai-output-rows>div { grid-template-columns:5px 70px minmax(0,1fr); gap:8px; }
  .ai-output-rows p { grid-column:auto; }
  .ai-output-rows { min-height:130px; }
  .ai-human-check { flex-wrap:nowrap; }
  .ai-review-tag { margin-left:auto; }
  .ai-tech-principle { display:block; margin-top:44px; padding-top:22px; }
  .ai-tech-principle>p { margin-top:10px; line-height:1.8; }
}
@media(max-width:440px) {
  .ai-scenes { gap:5px; } .ai-scenes button { padding:9px 8px; font-size:11px; }
  .ai-orbit-stage { height:225px; } .ai-orbit-caption { font-size:6px; right:0; }
  .ai-orbit-camera { transform:translate(-50%,-50%) rotateZ(-8deg) rotateX(62.6deg) scale(.8); }
  .ai-data-label { font-size:8px; padding:4px 6px; } .ai-core>span { font-size:29px; }
  .ai-core>small { font-size:7px; } .ai-data-label-one { left:0; }
  .ai-output-rows>div { grid-template-columns:4px minmax(0,1fr); gap:3px 8px; }
  .ai-output-rows p { grid-column:2; } .ai-output-rows { min-height:174px; }
  .ai-output-heading { gap:6px; } .ai-output-heading>small { font-size:7px; }
  .ai-human-check { flex-wrap:wrap; } .ai-review-tag { margin-left:20px; }
  .ai-query p { font-size:13px; } .ai-query { gap:9px; }
  .ai-lab-footer { font-size:9px; gap:4px; }
  .ai-demo-disclaimer { font-size:9px; }
}
@media(prefers-reduced-motion:reduce) { .ai-scenes button,.ai-lab-footer button { transition:color 180ms ease,background-color 180ms ease; } .ai-scenes button:active,.ai-lab-footer button:active { transform:none; } }
@media(prefers-reduced-motion:reduce) { .ai-orbit-spin,.ai-orbit .ai-orbit-track { animation:none; } .ai-orbit-toolbar { display:none; } }