.ai-page{
  --ai:#7357ef;
  --ai-rgb:115,87,239;
  --ai-cyan:#27b8b0;
  --ai-cyan-rgb:39,184,176;
  --ai-blue:#4f8edc;
}
[data-theme="dark"] .ai-page{--pc-ink:#c9c0ff!important;--ai-cyan:#5ed8d2;--ai-cyan-rgb:94,216,210}
.ai-page .kicker{color:var(--pc-ink)}
.ai-page .kdot{background:var(--pc)}
.ai-hero{overflow:hidden}
.ai-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(48% 44% at 88% 34%,rgba(var(--ai-rgb),.11),transparent 72%),
    radial-gradient(32% 38% at 4% 78%,rgba(var(--ai-cyan-rgb),.07),transparent 74%);
}
.ai-hero-copy{max-width:880px}
.ai-hero h1 span{color:var(--pc-ink)}
.ai-hero-lead{max-width:700px}
.ai-hero-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
.ai-hero-points span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 11px;
  border:1px solid var(--line);
  border-radius:var(--r-pill);
  color:var(--ink-2);
  background:var(--paper-elev);
  box-shadow:var(--shadow-1);
  font-size:.72rem;
  font-weight:650;
}
.ai-hero-points span::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--ai-cyan);
}
.ai-product-frame{margin-top:52px}
.ai-product-stage{
  overflow:hidden;
  background:
    radial-gradient(45% 60% at 50% 43%,rgba(var(--ai-rgb),.1),transparent 72%),
    var(--paper-soft);
}
.ai-core-scene{
  position:relative;
  min-height:520px;
  overflow:hidden;
  border-bottom:1px solid var(--line);
  background-image:
    linear-gradient(color-mix(in srgb,var(--line) 46%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--line) 46%,transparent) 1px,transparent 1px);
  background-size:44px 44px;
  isolation:isolate;
}
.ai-core-scene::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  top:44%;
  width:650px;
  height:460px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(var(--ai-rgb),.14),rgba(var(--ai-rgb),.035) 45%,transparent 72%);
}
.ai-core-beam{
  position:absolute;
  top:11%;
  bottom:10%;
  left:50%;
  width:1px;
  background:linear-gradient(transparent,rgba(var(--ai-rgb),.42),transparent);
}
.ai-core-orbit{
  position:absolute;
  z-index:1;
  left:50%;
  top:44%;
  border:1px solid rgba(var(--ai-rgb),.2);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.ai-core-orbit::before,.ai-core-orbit::after{
  content:"";
  position:absolute;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--ai-cyan);
  box-shadow:0 0 10px rgba(var(--ai-cyan-rgb),.45);
}
.ai-core-orbit::before{left:10%;top:17%}
.ai-core-orbit::after{right:8%;bottom:19%;background:var(--ai-blue)}
.ai-core-orbit-one{width:220px;height:220px;animation:aiOrbit 30s linear infinite}
.ai-core-orbit-two{width:350px;height:350px;border-style:dashed;opacity:.75;animation:aiOrbitReverse 44s linear infinite}
.ai-core-orbit-three{width:470px;height:470px;opacity:.5;animation:aiOrbit 62s linear infinite}
.ai-core{
  position:absolute;
  z-index:4;
  left:50%;
  top:44%;
  display:flex;
  width:172px;
  height:172px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  border:1px solid rgba(255,255,255,.3);
  border-radius:50%;
  color:#fff;
  text-align:center;
  transform:translate(-50%,-50%);
  background:
    radial-gradient(circle at 35% 25%,rgba(255,255,255,.18),transparent 20%),
    radial-gradient(circle at center,#7858e7,#493198 62%,#252042 76%);
  box-shadow:0 0 0 12px rgba(var(--ai-rgb),.06),0 18px 46px -20px rgba(var(--ai-rgb),.72),inset 0 0 38px rgba(255,255,255,.08);
  animation:aiCorePulse 7s ease-in-out infinite;
}
.ai-core::before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px dashed rgba(255,255,255,.22);
  border-radius:50%;
  animation:aiOrbit 22s linear infinite;
}
.ai-core span{font-size:.57rem;font-weight:800;letter-spacing:.16em;color:#ded5ff}
.ai-core b{margin-top:8px;font-family:var(--display);font-size:1.16rem;line-height:1.02;letter-spacing:-.025em}
.ai-core small{margin-top:9px;color:#c5c9db;font-size:.5rem;letter-spacing:.05em}
.ai-orbit-node{
  position:absolute;
  z-index:5;
  display:grid;
  min-width:132px;
  grid-template-columns:8px 1fr;
  gap:2px 9px;
  align-items:center;
  padding:11px 13px;
  border:1px solid var(--line);
  border-radius:var(--r-md);
  color:var(--ink);
  background:color-mix(in srgb,var(--paper-elev) 93%,transparent);
  box-shadow:var(--shadow-2);
  backdrop-filter:blur(10px);
}
.ai-orbit-node i{grid-row:1/3;width:7px;height:7px;border-radius:50%;background:var(--ai-cyan)}
.ai-orbit-node b{font-family:var(--display);font-size:.77rem;line-height:1.1}
.ai-orbit-node small{color:var(--ink-3);font-size:.59rem;line-height:1.2}
.ai-node-conversation{top:10%;left:14%}
.ai-node-knowledge{top:15%;right:13%}
.ai-node-operations{top:48%;left:10%}
.ai-node-actions{top:51%;right:9%}
.ai-node-systems{bottom:9%;left:50%;transform:translateX(-50%)}
.ai-core-packet{
  position:absolute;
  z-index:3;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--ai-cyan);
  box-shadow:0 0 9px rgba(var(--ai-cyan-rgb),.6);
}
.packet-one{animation:aiPacketOne 7s ease-in-out infinite}
.packet-two{animation:aiPacketTwo 8.5s ease-in-out -2s infinite}
.packet-three{animation:aiPacketThree 9s ease-in-out -3.5s infinite}
.ai-core-status{
  position:absolute;
  z-index:6;
  left:18px;
  right:18px;
  bottom:15px;
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:var(--r-sm);
  color:var(--ink-3);
  background:color-mix(in srgb,var(--paper-elev) 92%,transparent);
  box-shadow:var(--shadow-1);
  font-size:.58rem;
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ai-core-status span{display:inline-flex;align-items:center;gap:6px}
.ai-core-status i{width:6px;height:6px;border-radius:50%;background:var(--success)}
.ai-protocol-rail{display:grid;grid-template-columns:repeat(4,1fr);background:var(--paper-elev)}
.ai-protocol-rail>span{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:1px 9px;
  padding:15px 18px;
  border-right:1px solid var(--line);
}
.ai-protocol-rail>span:last-child{border-right:0}
.ai-protocol-rail i{grid-row:1/3;color:var(--ink-3);font:700 .59rem var(--mono);font-style:normal}
.ai-protocol-rail b{color:var(--ink);font-size:.64rem;letter-spacing:.11em}
.ai-protocol-rail small{color:var(--ink-3);font-size:.61rem;line-height:1.3}
.ai-journey-section{
  position:relative;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(45% 42% at 86% 16%,rgba(var(--ai-rgb),.09),transparent 72%),
    color-mix(in srgb,var(--paper-elev) 56%,transparent);
}
.ai-journey-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.62fr);gap:64px;align-items:end}
.ai-journey-heading>p{color:var(--ink-2);font-size:1rem;line-height:1.72}
.ai-journey{margin-top:46px;overflow:hidden;background:var(--paper-elev)}
.ai-journey-top{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:18px;
  align-items:center;
  padding:13px 15px;
  border-bottom:1px solid var(--line);
  background:var(--paper-soft);
}
.ai-journey-scenarios{display:flex;gap:5px;padding:4px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper-elev)}
.ai-journey-scenarios button{
  min-height:36px;
  padding:7px 13px;
  border:0;
  border-radius:var(--r-pill);
  color:var(--ink-2);
  font-size:.72rem;
  font-weight:750;
}
.ai-journey-scenarios button:hover{color:var(--ink);background:rgba(var(--ai-rgb),.06)}
.ai-journey-scenarios button.active{color:#fff;background:var(--pc);box-shadow:0 7px 18px -10px rgba(var(--ai-rgb),.85)}
.ai-journey-scenarios button:focus-visible,.ai-journey-play:focus-visible{outline:2px solid var(--pc);outline-offset:2px}
.ai-journey-safety{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--ink-3);font-size:.66rem;font-weight:650}
.ai-journey-safety i{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 12%,transparent)}
.ai-journey-play{display:inline-flex;min-width:158px;align-items:center;justify-content:center;gap:8px}
.ai-journey-play b{font-size:.75rem}
.ai-journey-play:disabled{cursor:wait;opacity:.76}
.ai-journey-rail{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  padding:18px;
  border-bottom:1px solid var(--line);
  background:
    linear-gradient(90deg,rgba(var(--ai-rgb),.045),transparent 42%),
    var(--paper-elev);
}
.ai-journey-rail article{
  position:relative;
  z-index:1;
  display:grid;
  min-width:0;
  grid-template-columns:34px minmax(0,1fr);
  gap:3px 9px;
  padding:12px 13px;
  border:1px solid transparent;
  border-radius:var(--r-md);
  opacity:.48;
  transition:opacity .22s var(--ease),background .22s var(--ease),border-color .22s var(--ease),transform .22s var(--ease);
}
.ai-journey-rail article:not(:last-child)::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:29px;
  left:calc(100% - 5px);
  width:10px;
  height:1px;
  background:var(--line);
}
.ai-journey-rail article>span{position:absolute;top:5px;right:8px;color:var(--ink-3);font:750 .52rem var(--mono)}
.ai-journey-rail article>i{
  grid-row:1/3;
  display:grid;
  width:32px;
  height:32px;
  place-items:center;
  border:1px solid var(--line);
  border-radius:10px;
  color:var(--ink-3);
  background:var(--paper-soft);
  font-style:normal;
  font-size:.8rem;
}
.ai-journey-rail article>b{align-self:end;color:var(--ink);font-family:var(--display);font-size:.73rem;line-height:1.2}
.ai-journey-rail article>small{display:-webkit-box;overflow:hidden;color:var(--ink-3);font-size:.58rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ai-journey-rail article.is-active{z-index:2;border-color:rgba(var(--ai-rgb),.28);opacity:1;background:rgba(var(--ai-rgb),.07);transform:translateY(-2px)}
.ai-journey-rail article.is-active>i{border-color:transparent;color:#fff;background:var(--pc);box-shadow:0 0 0 5px rgba(var(--ai-rgb),.08)}
.ai-journey-rail article.is-complete{opacity:1}
.ai-journey-rail article.is-complete>i{border-color:transparent;color:#fff;background:var(--success)}
.ai-journey-rail article.is-complete:not(:last-child)::after{background:var(--success)}
.ai-journey-live{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.7fr);min-height:440px}
.ai-call-card{display:flex;min-width:0;flex-direction:column;padding:27px 30px;border-right:1px solid var(--line);background:linear-gradient(145deg,rgba(var(--ai-rgb),.065),transparent 42%)}
.ai-call-card>header{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center}
.ai-call-avatar{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(145deg,var(--pc),#4d3a9a);font:800 .72rem var(--mono)}
.ai-call-card header span{display:block;color:var(--pc-ink);font-size:.61rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.ai-call-card header b{display:block;margin-top:4px;overflow:hidden;color:var(--ink);font-family:var(--display);font-size:.93rem;text-overflow:ellipsis;white-space:nowrap}
.ai-call-card header em{padding:6px 9px;border:1px solid var(--line);border-radius:var(--r-pill);color:var(--ink-3);font-size:.61rem;font-style:normal;font-weight:700}
.ai-call-card.is-running header em{color:var(--success);border-color:color-mix(in srgb,var(--success) 28%,var(--line));background:color-mix(in srgb,var(--success) 8%,transparent)}
.ai-call-wave{display:flex;height:34px;align-items:center;justify-content:center;gap:4px;margin:24px 0 18px;padding:7px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ai-call-wave i{width:3px;height:7px;border-radius:2px;background:color-mix(in srgb,var(--pc) 35%,var(--line));transition:height .2s ease}
.ai-call-card.is-running .ai-call-wave i{animation:aiVoice 1.05s ease-in-out infinite;background:var(--pc)}
.ai-call-card.is-running .ai-call-wave i:nth-child(2n){animation-delay:-.38s}.ai-call-card.is-running .ai-call-wave i:nth-child(3n){animation-delay:-.72s}.ai-call-card.is-running .ai-call-wave i:nth-child(5n){animation-delay:-.19s}
.ai-call-transcript{display:flex;min-height:260px;flex:1;flex-direction:column;justify-content:flex-end;gap:9px}
.ai-call-placeholder{margin:auto;text-align:center}.ai-call-placeholder span{color:var(--ink);font-family:var(--display);font-size:1rem}.ai-call-placeholder p{max-width:410px;margin:8px auto 0;color:var(--ink-3);font-size:.72rem;line-height:1.55}
.ai-call-line{display:grid;max-width:82%;gap:3px;padding:10px 12px;border:1px solid var(--line);border-radius:4px 13px 13px;background:var(--paper-elev);box-shadow:var(--shadow-1);animation:aiCallLine .24s var(--ease)}
.ai-call-line.is-ai{align-self:flex-end;border-radius:13px 4px 13px 13px;background:rgba(var(--ai-rgb),.075)}
.ai-call-line b{color:var(--ink-3);font-size:.56rem;text-transform:uppercase;letter-spacing:.08em}.ai-call-line span{color:var(--ink);font-size:.74rem;line-height:1.48}
.ai-journey-insight{display:flex;min-width:0;flex-direction:column;padding:27px 28px;background:var(--paper-soft)}
.ai-journey-insight>header span{display:block;color:var(--pc-ink);font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.ai-journey-insight>header b{display:block;margin-top:6px;color:var(--ink);font-family:var(--display);font-size:1.08rem}
.ai-journey-insight ol{display:grid;gap:8px;min-height:192px;margin-top:20px}
.ai-journey-insight li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:start;padding:8px 9px;border:1px solid var(--line);border-radius:9px;color:var(--ink-2);background:var(--paper-elev);font-size:.68rem;line-height:1.42;animation:aiCallLine .24s var(--ease)}
.ai-journey-insight li::before{content:"✓";display:grid;width:20px;height:20px;place-items:center;border-radius:50%;color:var(--success);background:color-mix(in srgb,var(--success) 10%,transparent);font-size:.6rem;font-weight:900}
.ai-journey-result{margin-top:auto;padding:17px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper-elev)}
.ai-journey-result>span{color:var(--ink-3);font-size:.56rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.ai-journey-result>b{display:block;margin-top:7px;color:var(--ink);font-family:var(--display);font-size:.94rem}
.ai-journey-result>p{margin-top:6px;color:var(--ink-2);font-size:.68rem;line-height:1.48}
.ai-journey-result>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.ai-journey-result small{padding:5px 7px;border-radius:var(--r-pill);color:var(--success);background:color-mix(in srgb,var(--success) 9%,transparent);font-size:.56rem;font-weight:750}
.ai-journey-result.is-ready{border-color:color-mix(in srgb,var(--success) 32%,var(--line));box-shadow:0 10px 28px -22px var(--success)}
.ai-journey-foot{display:grid;grid-template-columns:minmax(180px,320px) 1fr;gap:16px;align-items:center;padding:12px 18px;border-top:1px solid var(--line);background:var(--paper-elev)}
.ai-journey-progress{height:6px;overflow:hidden;border-radius:var(--r-pill);background:var(--paper-soft);box-shadow:inset 0 0 0 1px var(--line)}
.ai-journey-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pc),var(--ai-cyan));transition:width .35s var(--ease)}
.ai-journey-foot p{color:var(--ink-3);font-size:.64rem}
.ai-journey-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.ai-journey-proof article{display:grid;grid-template-columns:36px 1fr;gap:13px;padding:17px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper-elev);box-shadow:var(--shadow-1)}
.ai-journey-proof article>span{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(var(--ai-rgb),.2);border-radius:11px;color:var(--pc-ink);background:rgba(var(--ai-rgb),.07);font:800 .61rem var(--mono)}
.ai-journey-proof b{color:var(--ink);font-family:var(--display);font-size:.85rem;line-height:1.25}.ai-journey-proof p{margin-top:5px;color:var(--ink-2);font-size:.7rem;line-height:1.5}
.ai-example-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper-elev) 48%,transparent)}
.ai-lab{margin-top:46px}
.ai-lab-console{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:10px 15px;
  border-bottom:1px solid var(--line);
  color:var(--ink-3);
  background:var(--glass-bg);
  font:750 .58rem var(--mono);
  letter-spacing:.09em;
}
.ai-lab-console span{display:inline-flex;align-items:center;gap:7px}
.ai-lab-console i{width:6px;height:6px;border-radius:50%;background:var(--success)}
.ai-lab-tabs{display:flex;gap:7px;padding:12px;overflow-x:auto;border-bottom:1px solid var(--line);background:var(--paper-soft)}
.ai-lab-tab{
  min-width:116px;
  padding:10px 17px;
  border:1px solid transparent;
  border-radius:var(--r-pill);
  color:var(--ink-2);
  font-size:.8rem;
  font-weight:700;
  transition:background var(--dur-1),color var(--dur-1),box-shadow var(--dur-1),border-color var(--dur-1);
}
.ai-lab-tab:hover{color:var(--ink);background:rgba(var(--ai-rgb),.07)}
.ai-lab-tab.active{color:var(--pc-ink);border-color:rgba(var(--ai-rgb),.28);background:var(--paper-elev);box-shadow:var(--shadow-1)}
.ai-lab-tab.active::before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--pc)}
.ai-lab-tab:focus-visible{outline:2px solid var(--pc);outline-offset:2px}
.ai-lab-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:420px;background:var(--paper-elev)}
.ai-lab-panel:focus{outline:none}
.ai-lab-input{padding:36px;border-right:1px solid var(--line);background:linear-gradient(145deg,rgba(var(--ai-rgb),.08),transparent 56%)}
.ai-lab-label{display:block;color:var(--pc-ink);font-size:.68rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.ai-lab-input blockquote{margin-top:30px;color:var(--ink);font-family:var(--display);font-size:clamp(18px,2vw,24px);line-height:1.48;letter-spacing:-.014em}
.ai-source-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:30px}
.ai-source-tags span{padding:6px 10px;border:1px solid var(--line);border-radius:var(--r-pill);color:var(--ink-2);background:var(--paper-elev);font-size:.68rem;font-weight:650}
.ai-lab-output{padding:34px 36px}
.ai-output-head{display:flex;justify-content:space-between;gap:18px;align-items:center}
.ai-output-head>span{display:flex;align-items:center;gap:8px;color:var(--success);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}
.ai-output-head>span i{width:7px;height:7px;border-radius:50%;background:currentColor}
.ai-output-head small{color:var(--ink-3);font-size:.67rem;text-align:right}
.ai-lab-output h3{margin-top:22px;color:var(--ink);font-family:var(--display);font-size:1.42rem;line-height:1.24;letter-spacing:-.015em}
.ai-lab-output ul{display:grid;gap:8px;margin-top:22px}
.ai-lab-output li{display:grid;grid-template-columns:116px 1fr;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper-soft)}
.ai-lab-output li b{color:var(--pc-ink);font-size:.68rem;letter-spacing:.07em;text-transform:uppercase}
.ai-lab-output li span{color:var(--ink-2);font-size:.79rem;line-height:1.5}
.ai-output-actions{display:flex;align-items:center;gap:12px;margin-top:20px}
.ai-output-actions button{padding:9px 14px;border:1px solid rgba(var(--ai-rgb),.2);border-radius:var(--r-pill);color:var(--pc-ink);background:rgba(var(--ai-rgb),.09);font-size:.72rem;font-weight:700;cursor:not-allowed;opacity:.78}
.ai-output-actions span{color:var(--ink-3);font-size:.65rem}
.ai-lab-panel.is-changing .ai-lab-input,.ai-lab-panel.is-changing .ai-lab-output{animation:aiSwap .24s var(--ease)}
.ai-section-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);gap:60px;align-items:end}
.ai-section-head>p{color:var(--ink-2);line-height:1.72}
.ai-capability-grid{margin-top:46px}
.ai-capability-grid .cap{min-height:240px}
.ai-capability-grid .cap-ic{font:750 .68rem var(--mono)}
.ai-capability-grid small{margin-top:auto;padding-top:10px;color:var(--ink-3);font-size:.68rem}
.ai-build-section{padding-top:0}
.ai-build-shell{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);
  gap:56px;
  margin-top:0;
}
.ai-build-intro>p{max-width:540px;margin-top:20px;color:var(--ink-2);line-height:1.7}
.ai-build-intro .btn{margin-top:28px}
.ai-build-steps{display:grid;gap:9px}
.ai-build-steps li{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:15px;
  padding:17px;
  border:1px solid var(--line);
  border-radius:var(--r-md);
  background:var(--paper-elev);
  box-shadow:var(--shadow-1);
}
.ai-build-steps li>span{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(var(--ai-rgb),.2);border-radius:var(--r-md);color:var(--pc-ink);background:rgba(var(--ai-rgb),.09);font:800 .73rem var(--mono)}
.ai-build-steps b{font-family:var(--display);font-size:.95rem}
.ai-build-steps p{margin-top:4px;color:var(--ink-2);font-size:.77rem;line-height:1.52}
.ai-platform-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper-elev) 48%,transparent)}
.ai-platform-flow{display:grid;grid-template-columns:260px 1fr;gap:24px;margin-top:44px;align-items:stretch}
.ai-platform-core{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  overflow:hidden;
  padding:28px;
  border-radius:var(--r-xl);
  color:#fff;
  background:linear-gradient(145deg,#7357ef,#49349c);
  box-shadow:var(--shadow-2);
}
.ai-platform-core span{font-size:.63rem;font-weight:800;text-transform:uppercase;letter-spacing:.11em;opacity:.75}
.ai-platform-core b{margin-top:20px;font-family:var(--display);font-size:1.35rem}
.ai-platform-core small{margin-top:7px;font-size:.72rem;line-height:1.5;opacity:.8}
.ai-platform-links{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}
.ai-platform-links a{position:relative;min-width:0;padding:20px 16px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper-elev);box-shadow:var(--shadow-1);transition:transform var(--dur-1),border-color var(--dur-1),box-shadow var(--dur-1)}
.ai-platform-links a:hover{transform:translateY(-2px);border-color:var(--c,var(--pc));box-shadow:var(--shadow-2)}
.ai-platform-links i{display:block;width:10px;height:10px;border-radius:50%;background:var(--c,var(--pc));box-shadow:0 0 0 5px color-mix(in srgb,var(--c,var(--pc)) 12%,transparent)}
.ai-platform-links b{display:block;margin-top:30px;font-family:var(--display);font-size:.89rem}
.ai-platform-links span{display:block;margin-top:5px;color:var(--ink-3);font-size:.68rem;line-height:1.4}
.ai-control-section h2{max-width:880px}
.ai-control-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:44px}
.ai-control-grid .cap{min-height:220px}
.ai-control-grid .cap-ic{font:750 .68rem var(--mono)}
.ai-home-showcase{
  --pc:#7357ef;
  --pc-ink:#5338b7;
  --pc-2:#9b88ff;
  --pc-rgb:115,87,239;
  --ai-cyan:#27b8b0;
  --ai-cyan-rgb:39,184,176;
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);
  gap:42px;
  align-items:center;
  min-height:420px;
  margin-top:56px;
  overflow:hidden;
  padding:clamp(30px,4.6vw,54px);
  border:1px solid rgba(var(--pc-rgb),.3);
  border-radius:var(--r-xl);
  color:var(--ink);
  background:
    linear-gradient(140deg,rgba(var(--pc-rgb),.09),transparent 58%),
    var(--paper-elev);
  box-shadow:var(--shadow-2);
}
[data-theme="dark"] .ai-home-showcase{--pc-ink:#c9c0ff;--ai-cyan:#5ed8d2;--ai-cyan-rgb:94,216,210}
.ai-home-showcase::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--pc),var(--ai-cyan),transparent)}
.ai-home-copy{position:relative;z-index:2}
.ai-home-showcase .kicker{color:var(--pc-ink)}
.ai-home-showcase h3{color:var(--ink);font-family:var(--display);font-size:clamp(32px,4vw,48px);line-height:1.04;letter-spacing:-.03em;text-wrap:balance}
.ai-home-showcase p{margin-top:18px;color:var(--ink-2);line-height:1.65}
.ai-home-showcase .btn{margin-top:25px}
.ai-home-portal{position:relative;min-height:310px;border:1px solid var(--line);border-radius:var(--r-lg);background:radial-gradient(circle at 50% 50%,rgba(var(--pc-rgb),.13),transparent 44%),var(--paper-soft);box-shadow:var(--shadow-1)}
.ai-home-portal::before,.ai-home-portal::after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(var(--pc-rgb),.2);border-radius:50%;transform:translate(-50%,-50%);animation:aiOrbit 34s linear infinite}
.ai-home-portal::before{width:240px;height:240px}
.ai-home-portal::after{width:172px;height:172px;border-style:dashed;animation-direction:reverse;animation-duration:25s}
.ai-home-core{position:absolute;z-index:3;left:50%;top:50%;display:flex;width:128px;height:128px;align-items:center;justify-content:center;flex-direction:column;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;text-align:center;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.18),transparent 20%),radial-gradient(circle,#7357ef,#493198 64%,#292442 76%);box-shadow:0 0 0 10px rgba(var(--pc-rgb),.05),0 16px 42px -20px rgba(var(--pc-rgb),.75);animation:aiHomePulse 7s ease-in-out infinite}
.ai-home-core span{color:#ded5ff;font-size:.48rem;font-weight:800;letter-spacing:.12em}
.ai-home-core b{margin-top:7px;font-family:var(--display);font-size:.82rem;line-height:1.04}
.ai-home-core small{margin-top:8px;color:#a9f3ed;font-size:.45rem;font-weight:800;letter-spacing:.11em}
.ai-home-signal{position:absolute;z-index:4;display:flex;min-width:126px;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md);background:color-mix(in srgb,var(--paper-elev) 94%,transparent);box-shadow:var(--shadow-2);backdrop-filter:blur(9px)}
.ai-home-signal>i{width:7px;height:7px;border-radius:50%;background:var(--ai-cyan)}
.ai-home-signal b{display:block;color:var(--ink);font-family:var(--display);font-size:.72rem;line-height:1.15}
.ai-home-signal small{display:block;margin-top:2px;color:var(--ink-3);font-size:.57rem}
.ai-home-signal-one{left:5%;top:11%}
.ai-home-signal-two{right:5%;top:21%}
.ai-home-signal-three{right:12%;bottom:9%}
@keyframes aiOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes aiOrbitReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes aiCorePulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.06)}}
@keyframes aiHomePulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.05)}}
@keyframes aiSwap{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes aiVoice{0%,100%{height:6px}50%{height:21px}}
@keyframes aiCallLine{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes aiPacketOne{0%{left:12%;top:48%;opacity:0}15%{opacity:1}55%{left:48%;top:44%;opacity:1}72%,100%{left:50%;top:44%;opacity:0}}
@keyframes aiPacketTwo{0%{right:12%;top:20%;opacity:0}16%{opacity:1}56%{right:48%;top:43%;opacity:1}72%,100%{right:50%;top:44%;opacity:0}}
@keyframes aiPacketThree{0%{left:50%;top:44%;opacity:0}18%{opacity:1}65%{left:78%;top:57%;opacity:1}82%,100%{left:86%;top:53%;opacity:0}}
@media (max-width:1040px){
  .ai-build-shell,.ai-home-showcase{grid-template-columns:1fr}
  .ai-journey-live{grid-template-columns:1fr}
  .ai-call-card{border-right:0;border-bottom:1px solid var(--line)}
  .ai-journey-proof{grid-template-columns:1fr}
  .ai-platform-flow{grid-template-columns:1fr}
  .ai-platform-links{grid-template-columns:repeat(3,1fr)}
  .ai-control-grid{grid-template-columns:1fr 1fr}
  .ai-home-portal{min-height:350px}
}
@media (max-width:760px){
  .ai-core-scene{min-height:460px}
  .ai-core-orbit-one{width:180px;height:180px}
  .ai-core-orbit-two{width:280px;height:280px}
  .ai-core-orbit-three{width:380px;height:380px}
  .ai-core{width:142px;height:142px}
  .ai-core b{font-size:.98rem}
  .ai-orbit-node{min-width:108px;padding:9px 10px}
  .ai-node-conversation{top:7%;left:4%}
  .ai-node-knowledge{top:9%;right:3%}
  .ai-node-operations{top:50%;left:2%}
  .ai-node-actions{top:52%;right:1%}
  .ai-core-status span:nth-child(2){display:none}
  .ai-protocol-rail{grid-template-columns:1fr 1fr}
  .ai-protocol-rail>span{border-bottom:1px solid var(--line)}
  .ai-protocol-rail>span:nth-child(2){border-right:0}
  .ai-protocol-rail>span:nth-child(3),.ai-protocol-rail>span:nth-child(4){border-bottom:0}
  .ai-journey-heading{grid-template-columns:1fr;gap:20px}
  .ai-journey-top{grid-template-columns:1fr;gap:10px}
  .ai-journey-scenarios{justify-self:start}
  .ai-journey-safety{justify-content:flex-start;grid-row:3}
  .ai-journey-play{width:100%}
  .ai-journey-rail{grid-template-columns:1fr 1fr;gap:5px;padding:12px}
  .ai-journey-rail article:not(:last-child)::after{display:none}
  .ai-call-card,.ai-journey-insight{padding:22px}
  .ai-journey-foot{grid-template-columns:1fr}
  .ai-lab-console span:nth-child(2){display:none}
  .ai-lab-panel{grid-template-columns:1fr}
  .ai-lab-input{padding:26px 22px;border-right:0;border-bottom:1px solid var(--line)}
  .ai-lab-output{padding:25px 22px}
  .ai-lab-input blockquote{margin-top:22px}
  .ai-section-head{grid-template-columns:1fr;gap:22px}
  .ai-build-shell{grid-template-columns:1fr;gap:34px;padding:28px 20px}
  .ai-platform-links{grid-template-columns:1fr 1fr}
  .ai-control-grid{grid-template-columns:1fr}
  .ai-home-showcase{min-height:0;padding:38px 20px 20px;gap:30px}
  .ai-home-portal{min-height:320px}
}
@media (max-width:520px){
  .ai-hero-points{display:grid}
  .ai-core-scene{min-height:430px}
  .ai-core-orbit-three{width:340px;height:340px}
  .ai-core-status{left:10px;right:10px}
  .ai-core-status span:last-child{display:none}
  .ai-orbit-node{min-width:0}
  .ai-orbit-node b{font-size:.69rem}
  .ai-orbit-node small{display:none}
  .ai-node-conversation{top:6%;left:3%}
  .ai-node-knowledge{top:7%;right:3%}
  .ai-node-operations{top:55%;left:2%}
  .ai-node-actions{top:55%;right:2%}
  .ai-node-systems{bottom:12%}
  .ai-protocol-rail i{display:none}
  .ai-protocol-rail>span{grid-template-columns:1fr}
  .ai-protocol-rail small{font-size:.57rem}
  .ai-journey-scenarios{width:100%}.ai-journey-scenarios button{flex:1}
  .ai-journey-rail{grid-template-columns:1fr}
  .ai-journey-rail article{grid-template-columns:36px 1fr}
  .ai-call-card>header{grid-template-columns:42px minmax(0,1fr)}.ai-call-card header em{grid-column:2;justify-self:start}
  .ai-call-line{max-width:94%}
  .ai-lab-tabs{padding:9px}
  .ai-lab-tab{min-width:98px;padding:10px 13px}
  .ai-lab-output li{grid-template-columns:1fr;gap:4px}
  .ai-output-head{align-items:flex-start;flex-direction:column;gap:5px}
  .ai-output-head small{text-align:left}
  .ai-output-actions{align-items:flex-start;flex-direction:column}
  .ai-platform-links{grid-template-columns:1fr}
  .ai-home-portal{min-height:295px}
  .ai-home-portal::before{width:215px;height:215px}
  .ai-home-signal{min-width:108px;padding:9px 10px}
  .ai-home-signal-one{left:2%;top:7%}
  .ai-home-signal-two{right:2%;top:12%}
  .ai-home-signal-three{right:4%;bottom:8%}
}
@media (prefers-reduced-motion:reduce){
  .ai-core-orbit,.ai-core::before,.ai-core,.ai-core-packet,.ai-home-portal::before,.ai-home-portal::after,.ai-home-core{animation:none}
  .ai-lab-panel.is-changing .ai-lab-input,.ai-lab-panel.is-changing .ai-lab-output{animation:none}
  .ai-call-card.is-running .ai-call-wave i,.ai-call-line,.ai-journey-insight li{animation:none}
}
