.hero-ai-rotator{position:relative;isolation:isolate}
.hero-ai-photo,.hero-ai-panel{position:absolute;inset:0;width:100%;height:100%;transition:opacity .7s ease,transform .85s cubic-bezier(.2,.7,.2,1)}
.hero-ai-photo{z-index:1;object-fit:cover;object-position:center 42%;opacity:1;transform:scale(1)}
.hero-ai-panel{z-index:2;display:flex;flex-direction:column;padding:25px;border:1px solid #dce1e9;background:radial-gradient(circle at 75% 20%,#eef1ff 0,transparent 34%),linear-gradient(145deg,#fff,#f7f8fb);color:#20232a;opacity:0;transform:scale(.985);pointer-events:none}
.hero-ai-rotator.show-engine .hero-ai-photo{opacity:0;transform:scale(1.015)}
.hero-ai-rotator.show-engine .hero-ai-panel{opacity:1;transform:scale(1)}
.hero-ai-panel:before{position:absolute;inset:0;background-image:linear-gradient(#65728b0b 1px,transparent 1px),linear-gradient(90deg,#65728b0b 1px,transparent 1px);background-size:22px 22px;content:"";pointer-events:none}
.hero-ai-panel header,.hero-ai-panel footer,.hero-ai-flow{position:relative;z-index:1}
.hero-ai-panel header{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #dce1e9}
.hero-ai-panel header span{display:flex;flex-direction:column}.hero-ai-panel header b{font-size:16px}.hero-ai-panel header small,.hero-ai-panel header em{color:#717987;font-size:9px;font-style:normal}
.hero-ai-panel header em{padding:7px 10px;border-radius:99px;background:#eef1ff;color:#4e62ca;font-weight:700}
.hero-ai-flow{display:grid;flex:1;grid-template-rows:repeat(9,auto);align-content:center;justify-items:stretch;width:88%;margin:auto;padding:13px 0}
.hero-ai-flow article{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;min-height:74px;padding:11px 14px;border:1px solid #d8dee9;border-radius:13px;background:#fffffff2;box-shadow:0 9px 22px #34466e0b;transition:.35s border-color,.35s background,.35s box-shadow,.35s transform}
.hero-ai-flow article>i{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:#eef1f6;color:#6d7789;font-size:9px;font-style:normal;font-weight:800}
.hero-ai-flow article div{display:grid;grid-template-columns:1fr auto;align-items:center}.hero-ai-flow article small{grid-column:1/-1;color:#758095;font-size:7px;font-weight:800;letter-spacing:.13em}.hero-ai-flow article b{font-size:12px;line-height:1.2}.hero-ai-flow article span{color:#737b89;font-size:8px}
.hero-ai-flow>strong{height:14px;color:#97a2b4;font-size:16px;line-height:14px;text-align:center;transition:.3s color,.3s transform}
.hero-ai-flow article.active{border-color:#5369db;background:#eef1ff;box-shadow:0 12px 28px #435bd126;transform:translateX(4px)}.hero-ai-flow article.active>i{background:#5369db;color:#fff}.hero-ai-flow article.complete{border-color:#81c9aa;background:#f1faf6}.hero-ai-flow article.complete>i{background:#2e9d72;color:#fff}.hero-ai-flow article.complete+strong{color:#2e9d72;transform:translateY(2px)}
.hero-ai-panel footer{display:flex;align-items:center;gap:9px;padding-top:14px;border-top:1px solid #dce1e9;color:#697386;font-size:8px}.hero-ai-panel footer span{display:flex;align-items:center;gap:6px}.hero-ai-panel footer span i{width:7px;height:7px;border-radius:50%;background:#32aa7a;box-shadow:0 0 0 5px #32aa7a17}.hero-ai-panel footer b{margin-left:auto;color:#5268d4;font-size:9px}
.hero-ai-switch{position:absolute;z-index:4;right:20px;bottom:18px;display:flex;gap:6px}.hero-ai-switch i{width:22px;height:3px;border-radius:9px;background:#ffffff73;box-shadow:0 1px 4px #0003}.hero-ai-switch i:first-child{background:#fff}.show-engine .hero-ai-switch i:first-child{background:#a7afbd}.show-engine .hero-ai-switch i:last-child{background:#5369db}
@media(max-width:900px){.hero-ai-panel{padding:17px}.hero-ai-flow{width:94%}.hero-ai-flow article{min-height:66px}.hero-ai-flow article span{display:none}}
@media(max-width:680px){.hero-ai-panel{padding:13px}.hero-ai-panel header{padding-bottom:11px}.hero-ai-panel header b{font-size:13px}.hero-ai-panel header em{font-size:7px}.hero-ai-flow{width:100%;padding:8px 0}.hero-ai-flow article{grid-template-columns:28px 1fr;min-height:60px;padding:8px 10px}.hero-ai-flow article>i{width:26px;height:26px}.hero-ai-flow article b{font-size:11px}.hero-ai-panel footer{padding-top:9px}.hero-ai-switch{right:13px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.hero-ai-photo,.hero-ai-panel,.hero-ai-flow article{transition:none}}

/* Compressed view of the full multi-model architecture. */
.hero-ai-flow article{grid-template-columns:34px minmax(118px,145px) minmax(0,1fr)}
.hero-ai-rack{display:grid;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.hero-ai-flow article>div>span{display:none}
.hero-ai-model{position:relative;display:flex;min-width:0;min-height:45px;flex-direction:column;justify-content:center;padding:6px 7px;border:1px solid #c7ded4;border-radius:8px;background:#f5faf7;color:#20232a}
.hero-ai-model small{overflow:hidden;color:#6d788b;font-size:5px!important;font-weight:800;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}
.hero-ai-model b{margin-top:3px;overflow:hidden;font-size:7px!important;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.hero-ai-model em{position:absolute;top:4px;right:5px;color:#7183dc;font-size:5px;font-style:normal}
.hero-ai-model.start{border:1.5px solid #6579e8;border-radius:22px;background:#eef1ff}.hero-ai-model.human{border:2px double #d39235;background:#fff8ec}.hero-ai-model.end{border:1.5px solid #35a875;border-radius:22px;background:#effaf5}
.hero-ai-flow article.active .hero-ai-model{border-color:#778cff;box-shadow:0 4px 12px #435bd11c}.hero-ai-flow article.complete .hero-ai-model{border-color:#70c39f}
@media(max-width:900px){.hero-ai-flow article{grid-template-columns:30px 105px minmax(0,1fr)}.hero-ai-model{padding:5px}.hero-ai-model b{font-size:6px!important}}
@media(max-width:680px){
  .hero .hero-visual.hero-ai-rotator{height:790px}
  .hero-ai-panel{padding:16px}
  .hero-ai-panel header{min-height:48px;padding-bottom:13px;text-align:left}
  .hero-ai-panel header b{font-size:14px}.hero-ai-panel header small{font-size:8px}.hero-ai-panel header em{max-width:116px;padding:6px 8px;font-size:7px;text-align:center}
  .hero-ai-flow{align-content:center;padding:12px 0}
  .hero-ai-flow article{grid-template-columns:30px minmax(0,1fr);gap:7px 10px;min-height:112px;padding:10px 11px}
  .hero-ai-flow article>i{width:28px;height:28px}
  .hero-ai-flow article>div{display:block;text-align:left}.hero-ai-flow article>div small{font-size:7px}.hero-ai-flow article>div b{display:block;margin-top:2px;font-size:11px}
  .hero-ai-rack{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
  .hero-ai-flow article .hero-ai-model{display:flex;min-height:48px;padding:6px 5px}
  .hero-ai-model small{font-size:5px!important}.hero-ai-model b{font-size:7px!important;white-space:normal}.hero-ai-model em{display:block;font-size:4px}
  .hero-ai-flow>strong{height:12px;font-size:14px;line-height:12px}
  .hero-ai-panel footer{padding-top:11px;font-size:8px}
}