/* v17: AI agent console */
.v17-console{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;margin-top:8px}
.v17-list{display:grid;gap:8px;align-content:start}
.v17-list button{position:relative;display:flex;align-items:center;gap:14px;padding:14px 16px;border:0;border-radius:18px;background:rgba(255,255,255,.02);box-shadow:inset 0 0 0 1px rgba(243,239,231,.07);color:var(--c-ink);font:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:background .3s,box-shadow .3s}
.v17-list button:hover{background:rgba(255,255,255,.04)}
.v17-list button[aria-selected=true]{background:linear-gradient(100deg,rgba(242,220,180,.12),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(242,220,180,.35)}
.v17-list b{display:block;font-size:15px;font-weight:600;letter-spacing:-.02em}
.v17-list small{display:block;margin-top:2px;font-size:12.5px;color:var(--c-mut);line-height:1.35}
.v17-ico{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:rgba(243,239,231,.05);box-shadow:inset 0 0 0 1px rgba(243,239,231,.1);transition:background .3s}
.v17-ico svg,.v17-check svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.v17-list button[aria-selected=true] .v17-ico{background:var(--c-gold);color:#0a0d10;box-shadow:0 0 22px rgba(242,220,180,.35)}
.v17-bar{position:absolute;left:0;bottom:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--g-line,linear-gradient(90deg,#e2b979,#9fd6cc))}
.v17-list button.is-run .v17-bar{animation:v17-bar 5.8s linear forwards}
@keyframes v17-bar{to{transform:scaleX(1)}}

.v17-stage{position:relative;display:flex;flex-direction:column;border-radius:26px;overflow:hidden;background:radial-gradient(700px 300px at 50% 0,rgba(242,220,180,.07),transparent 70%),rgba(255,255,255,.02);box-shadow:inset 0 0 0 1px rgba(243,239,231,.08),0 50px 100px -60px rgba(0,0,0,.9)}
.v17-top{display:flex;align-items:center;gap:14px;padding:16px 22px;border-bottom:1px solid rgba(243,239,231,.07);font-family:var(--mono,monospace);font-size:12px;color:var(--c-mut)}
.v17-title{flex:1;color:var(--c-ink)}
.v17-live{display:inline-flex;align-items:center;gap:8px;color:#8fd6a8}
.v17-live i{width:7px;height:7px;border-radius:50%;background:#8fd6a8;animation:mn-pulse 1.6s infinite}
.v17-time{font-variant-numeric:tabular-nums;color:var(--c-gold)}
.v17-stage.is-done .v17-live{color:var(--c-gold)}.v17-stage.is-done .v17-live i{background:var(--c-gold);animation:none}

.v17-flow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);gap:0;align-items:center;padding:34px 26px;flex:1}
.v17-in{padding:18px 18px 16px;border-radius:18px 18px 18px 6px;background:rgba(243,239,231,.05);box-shadow:inset 0 0 0 1px rgba(243,239,231,.09)}
.v17-src{display:block;font-family:var(--mono,monospace);font-size:11px;color:var(--c-mut);margin-bottom:8px}
.v17-msg{font-size:16px;line-height:1.45;color:var(--c-ink)}
.v17-steps{position:relative;display:grid;gap:14px;margin:0;padding:0 30px;list-style:none}
.v17-steps::before{content:'';position:absolute;left:41px;top:10px;bottom:10px;width:1.5px;background:rgba(243,239,231,.1)}
.v17-steps li{position:relative;display:grid;grid-template-columns:24px 1fr;gap:2px 14px;align-items:center;opacity:.35;transition:opacity .4s}
.v17-steps li i{grid-row:1/3;width:24px;height:24px;border-radius:50%;background:var(--c-bg,#07090c);box-shadow:inset 0 0 0 1.5px rgba(243,239,231,.25);transition:all .4s}
.v17-steps li b{font-size:14.5px;font-weight:600;letter-spacing:-.01em}
.v17-steps li small{font-size:12.5px;color:var(--c-mut)}
.v17-stage.is-go .v17-steps li{animation:v17-step .5s ease forwards;animation-delay:calc(var(--n) * .55s + .2s)}
.v17-stage.is-go .v17-steps li i{animation:v17-dot .5s ease forwards;animation-delay:calc(var(--n) * .55s + .2s)}
@keyframes v17-step{to{opacity:1}}
@keyframes v17-dot{to{background:var(--c-gold);box-shadow:0 0 0 4px rgba(242,220,180,.12),0 0 16px rgba(242,220,180,.6)}}
.v17-out{display:grid;gap:4px;justify-items:start;padding:20px;border-radius:18px;background:rgba(143,214,168,.05);box-shadow:inset 0 0 0 1px rgba(143,214,168,.2);opacity:.25;transform:translateX(10px);transition:opacity .5s,transform .5s cubic-bezier(.16,1,.3,1)}
.v17-stage.is-done .v17-out{opacity:1;transform:none}
.v17-check{display:grid;place-items:center;width:34px;height:34px;margin-bottom:10px;border-radius:50%;background:#8fd6a8;color:#0a0d10}
.v17-out b{font-size:18px;font-weight:600;letter-spacing:-.02em}
.v17-out small{font-size:13.5px;color:var(--c-mut);line-height:1.4}
.v17-was{padding:14px 22px;border-top:1px solid rgba(243,239,231,.07);font-size:13px;color:var(--c-mut)}
.v17-was span{color:var(--c-ember,#f09a6a)}
.v17-note{margin-top:16px!important;font-family:var(--mono,monospace);font-size:11.5px;color:var(--c-mut)}
@media (max-width:1000px){
 .v17-console{grid-template-columns:1fr}
 .v17-list{grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);overflow-x:auto;padding-bottom:6px;scrollbar-width:none;scroll-snap-type:x mandatory}
 .v17-list button{scroll-snap-align:start}
 .v17-flow{grid-template-columns:1fr;gap:22px;padding:24px 18px}
 .v17-steps{padding:0 4px}.v17-steps::before{left:15px}
 .v17-out{transform:translateY(8px)}
}
@media (prefers-reduced-motion:reduce){.v17-stage .v17-steps li{opacity:1;animation:none!important}.v17-stage .v17-out{opacity:1;transform:none}.v17-list button.is-run .v17-bar{animation:none}}
.v17-live em{font-style:normal}
@media (min-width:1001px){.v17-flow{position:relative}.v17-flow::before,.v17-flow::after{content:"";position:absolute;top:50%;height:1px;width:28px;background:linear-gradient(90deg,rgba(243,239,231,.05),rgba(242,220,180,.5))}.v17-flow::before{left:calc(26px + (100% - 52px)*.2985 - 14px)}.v17-flow::after{right:calc(26px + (100% - 52px)*.2985 - 14px)}}
.v17-live-concept{position:relative;display:block;aspect-ratio:21/9;margin-bottom:22px;border-radius:26px;overflow:hidden;color:#fff;text-decoration:none;background:#000;box-shadow:0 0 0 1px rgba(243,239,231,.1),0 50px 100px -50px rgba(0,0,0,.95)}
.v17-live-concept video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 70%;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.v17-live-concept:hover video{transform:scale(1.03)}
.v17-live-concept::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,8,.85) 0%,rgba(5,6,8,.35) 45%,rgba(5,6,8,0) 70%)}
.v17-lc-copy{position:absolute;left:36px;top:50%;z-index:1;transform:translateY(-50%);display:grid;gap:10px;max-width:380px}
.v17-lc-tag{justify-self:start;padding:6px 11px;border-radius:999px;background:var(--c-gold);color:#0a0d10;font:500 11px/1 var(--mono,monospace);letter-spacing:.03em;text-transform:uppercase}
.v17-lc-copy b{font-size:clamp(28px,3vw,44px);font-weight:600;letter-spacing:-.04em;line-height:1}
.v17-lc-copy small{font-size:15px;line-height:1.5;color:rgba(243,239,231,.78)}
.v17-lc-cta{justify-self:start;margin-top:6px;padding:11px 18px;border-radius:999px;background:#fff;color:#0a0d10;font-size:14px;font-weight:600;transition:transform .3s}
.v17-live-concept:hover .v17-lc-cta{transform:translateX(4px)}
@media (max-width:760px){.v17-live-concept{aspect-ratio:4/5}.v17-live-concept video{object-position:50% 60%}.v17-live-concept::after{background:linear-gradient(0deg,rgba(5,6,8,.92) 0%,rgba(5,6,8,.4) 45%,rgba(5,6,8,0) 70%)}.v17-lc-copy{left:20px;right:20px;top:auto;bottom:22px;transform:none}}