/* ===== ITSM AGENT · PLATFORM PAGE ===== */

.it-page{background:var(--c-ink)}
.va-accent{color:var(--c-primary);text-shadow:0 0 40px rgba(132,189,0,.25)}
.va-breadcrumb{
    display:flex;align-items:center;gap:10px;
    font-family:var(--font-mono);font-size:12px;color:var(--c-grey-2);
    margin-bottom:28px;opacity:0;animation:fadeUp .7s var(--ease-out-expo) .1s forwards;
}
.va-breadcrumb a{transition:var(--transition)}
.va-breadcrumb a:hover{color:var(--c-primary)}
.va-breadcrumb__current{color:var(--c-grey)}

/* ---------- HERO ---------- */
.it-hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:150px 0 90px;overflow:hidden}
.it-hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.it-hero__left{max-width:560px}
.it-hero__eyebrow{opacity:0;animation:fadeUp .7s var(--ease-out-expo) .2s forwards}
.it-hero__title{
    font-family:var(--font-display);font-size:clamp(34px,4.4vw,58px);font-weight:800;
    color:var(--c-white);line-height:1.1;letter-spacing:-.03em;margin-bottom:22px;
    opacity:0;animation:fadeUp .8s var(--ease-out-expo) .3s forwards;
}
.it-hero__sub{font-size:18px;line-height:1.7;color:var(--c-grey);max-width:500px;margin-bottom:34px;opacity:0;animation:fadeUp .8s var(--ease-out-expo) .45s forwards}
.it-hero__ctas{display:flex;flex-wrap:wrap;gap:16px;opacity:0;animation:fadeUp .8s var(--ease-out-expo) .6s forwards}
.it-hero__right{opacity:0;animation:fadeUp 1s var(--ease-out-expo) .5s forwards}
.it-hero__hint{text-align:center;margin-top:14px;font-family:var(--font-mono);font-size:11px;color:var(--c-grey-2)}

/* ---------- TICKET RESOLUTION ENGINE ---------- */
.it-engine{
    position:relative;border:1px solid var(--c-line);border-radius:var(--radius-lg);
    background:rgba(20,24,31,.55);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
    box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 50px rgba(132,189,0,.05);overflow:hidden;
    transition:box-shadow .5s ease,border-color .5s ease;
}
.it-engine.is-traditional{border-color:rgba(255,150,60,.3);box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 50px rgba(255,140,40,.08)}
.it-engine__top{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid var(--c-line);background:rgba(14,17,22,.5)}
.it-engine__sys{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;color:var(--c-grey)}
.it-engine__sysdot{width:8px;height:8px;border-radius:50%;background:var(--c-primary);box-shadow:0 0 10px var(--c-primary-glow);animation:livePulse 1.4s ease-in-out infinite;transition:background .4s ease}
.is-traditional .it-engine__sysdot{background:#ffae57;box-shadow:0 0 10px rgba(255,150,60,.6)}
.it-engine__mode{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--c-primary);letter-spacing:.06em;transition:color .4s ease}
.is-traditional .it-engine__mode{color:#ffae57}

.it-engine__flow{
    position:relative;height:300px;
    display:grid;grid-template-columns:64px 1fr 96px;gap:0;align-items:stretch;
    overflow:hidden;
}
.it-engine__channels{
    display:flex;flex-direction:column;justify-content:space-around;
    padding:14px 0 14px 14px;border-right:1px solid var(--c-line);
}
.it-engine__channels span{font-family:var(--font-mono);font-size:10px;color:var(--c-grey-2);letter-spacing:.04em}
.it-engine__lane{position:relative;overflow:hidden}
/* ticket chips */
.it-ticket{
    position:absolute;left:0;top:0;
    display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
    font-family:var(--font-mono);font-size:10px;color:var(--c-white);
    padding:5px 10px;border-radius:100px;
    background:rgba(132,189,0,.1);border:1px solid rgba(132,189,0,.3);
    will-change:transform,opacity;
}
.it-ticket::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--c-primary)}
.it-ticket.is-trad{background:rgba(255,150,60,.1);border-color:rgba(255,150,60,.3)}
.it-ticket.is-trad::before{background:#ffae57}
.it-ticket.is-escal{background:rgba(255,90,90,.1);border-color:rgba(255,90,90,.35)}
.it-ticket.is-escal::before{background:#ff6b6b}
.it-ticket.is-resolving::before{background:#84BD00;box-shadow:0 0 8px var(--c-primary-glow)}

.it-engine__core{position:relative;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--c-line)}
.it-core__glow{position:absolute;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(132,189,0,.4),transparent 70%);filter:blur(6px);animation:vaCoreGlow 2s ease-in-out infinite;transition:background .4s ease}
.is-traditional .it-core__glow{background:radial-gradient(circle,rgba(255,150,60,.3),transparent 70%)}
.it-core__ball{
    width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    background:linear-gradient(145deg,#9ad400,#6FA000);position:relative;z-index:1;
    box-shadow:0 0 30px rgba(132,189,0,.5),inset 0 2px 6px rgba(255,255,255,.35);
    animation:itCorePulse 1.6s ease-in-out infinite;transition:background .4s ease;
}
@keyframes itCorePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.is-traditional .it-core__ball{background:linear-gradient(145deg,#ffc078,#e8851f);animation-duration:3s}

.it-engine__bins{display:flex;flex-direction:column;justify-content:space-around;padding:12px 10px;border-left:1px solid var(--c-line);text-align:center}
.it-bin__n{display:block;font-family:var(--font-mono);font-size:20px;font-weight:700;line-height:1}
.it-bin__l{font-family:var(--font-mono);font-size:9px;color:var(--c-grey-2);letter-spacing:.04em}
.it-bin--resolved .it-bin__n{color:var(--c-primary)}
.it-bin--routed .it-bin__n{color:#4da6ff}
.it-bin--escalated .it-bin__n{color:#ff6b6b}

.it-engine__counter{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-top:1px solid var(--c-line);background:rgba(14,17,22,.4)}
.it-engine__counter-label{font-size:12px;color:var(--c-grey)}
.it-engine__counter-num{font-family:var(--font-mono);font-size:30px;font-weight:700;color:var(--c-primary);line-height:1;text-shadow:0 0 24px rgba(132,189,0,.35)}
.is-traditional .it-engine__counter-num{color:#ffae57}

.it-toggle{position:relative;display:grid;grid-template-columns:1fr 1fr;margin:16px;padding:5px;background:rgba(14,17,22,.6);border:1px solid var(--c-line);border-radius:100px}
.it-toggle__thumb{position:absolute;top:5px;left:5px;width:calc(50% - 5px);height:calc(100% - 10px);border-radius:100px;background:rgba(132,189,0,.14);border:1px solid rgba(132,189,0,.4);transform:translateX(100%);transition:transform .45s var(--ease-out-expo),background .4s ease,border-color .4s ease}
.it-engine.is-traditional .it-toggle__thumb{transform:translateX(0);background:rgba(255,150,60,.14);border-color:rgba(255,150,60,.45)}
.it-toggle__btn{position:relative;z-index:1;padding:9px 6px;font-size:13px;font-weight:600;color:var(--c-grey);border-radius:100px;transition:color .3s ease}
.it-toggle__btn.is-active{color:var(--c-white)}
.it-toggle__btn[data-mode="ai"].is-active{color:var(--c-primary)}
.it-toggle__btn[data-mode="traditional"].is-active{color:#ffae57}
.it-engine__caption{display:flex;gap:14px;flex-wrap:wrap;padding:0 18px 18px}
.it-engine__caption span{font-size:13px;color:var(--c-grey);position:relative;padding-left:14px}
.it-engine__caption span::before{content:'';position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:var(--c-primary)}
.is-traditional .it-engine__caption span::before{background:#ffae57}

/* ---------- TICKET COMMAND CENTER ---------- */
.it-command{text-align:left}
.it-command .container{display:flex;flex-direction:column}
.it-cc{margin-top:32px;display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}
.it-cc__tickets{display:flex;flex-direction:column;gap:10px}
.it-cc__ticket{
    display:flex;align-items:center;gap:10px;
    padding:14px 16px;border-radius:var(--radius-sm);
    font-size:14px;font-weight:500;color:var(--c-grey);text-align:left;
    background:rgba(20,24,31,.6);border:1px solid var(--c-line);transition:var(--transition);
}
.it-cc__ticket-ico{font-size:16px}
.it-cc__ticket:hover{color:var(--c-white);border-color:rgba(132,189,0,.25)}
.it-cc__ticket.is-active{color:var(--c-white);border-color:var(--c-primary);background:rgba(132,189,0,.06);box-shadow:0 0 20px rgba(132,189,0,.1)}
.it-cc__pipe{
    border:1px solid var(--c-line);border-radius:var(--radius-lg);
    background:rgba(20,24,31,.45);padding:36px 32px;min-height:280px;
    display:flex;flex-direction:column;justify-content:center;gap:28px;
}
.it-cc__steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.it-cc__steps::before{content:'';position:absolute;top:11px;left:10%;right:10%;height:2px;background:rgba(255,255,255,.08)}
.it-cc__step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.it-cc__step-dot{width:24px;height:24px;border-radius:50%;background:var(--c-panel);border:2px solid rgba(255,255,255,.15);transition:all .3s var(--ease-out-expo)}
.it-cc__step.is-on .it-cc__step-dot{border-color:var(--c-primary);background:rgba(132,189,0,.15);box-shadow:0 0 16px rgba(132,189,0,.3)}
.it-cc__step.is-on[data-step="2"] .it-cc__step-dot.is-escal{border-color:#ff6b6b;background:rgba(255,90,90,.15);box-shadow:0 0 16px rgba(255,90,90,.3)}
.it-cc__step-label{font-size:12px;color:var(--c-grey-2);transition:color .3s ease;max-width:120px}
.it-cc__step.is-on .it-cc__step-label{color:var(--c-white)}
.it-cc__outcome{display:flex;align-items:center;gap:14px;justify-content:center}
.it-cc__outcome-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-grey-2)}
.it-cc__outcome-text{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--c-primary);padding:8px 16px;border-radius:100px;background:rgba(132,189,0,.08);border:1px solid rgba(132,189,0,.3)}
.it-cc__outcome-text.is-escal{color:#ff8a8a;background:rgba(255,90,90,.08);border-color:rgba(255,90,90,.3)}
.it-cc__outcome-text.is-policy{color:#4da6ff;background:rgba(0,150,255,.08);border-color:rgba(0,150,255,.3)}

/* ---------- SLA RACE ---------- */
.it-race{text-align:left}
.it-race .container{display:flex;flex-direction:column}
.it-race__board{
    position:relative;margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:20px;
    padding:32px;border:1px solid var(--c-line);border-radius:var(--radius-lg);background:rgba(20,24,31,.45);
}
.it-lane{padding:22px;border-radius:var(--radius);border:1px solid var(--c-line);background:rgba(14,17,22,.5)}
.it-lane--ai{border-color:rgba(132,189,0,.3)}
.it-lane__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.it-lane__name{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--c-white)}
.it-lane__sla{font-family:var(--font-mono);font-size:12px;color:var(--c-primary);padding:4px 10px;border-radius:100px;border:1px solid rgba(132,189,0,.3);background:rgba(132,189,0,.06);transition:all .3s ease}
.it-lane__sla.is-warn{color:#ffd27a;border-color:rgba(255,180,60,.4);background:rgba(255,180,60,.08)}
.it-lane__sla.is-bad{color:#ff6b6b;border-color:rgba(255,90,90,.4);background:rgba(255,90,90,.08)}
.it-track{position:relative;height:14px;border-radius:10px;background:rgba(255,255,255,.06);overflow:hidden;margin-bottom:16px}
.it-track__fill{position:absolute;left:0;top:0;height:100%;width:0;border-radius:10px;background:linear-gradient(90deg,#ffae57,#ff8c2a);transition:width .25s linear}
.it-track__fill--ai{background:linear-gradient(90deg,var(--c-primary),rgba(132,189,0,.5))}
.it-track__car{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);font-size:14px;transition:left .25s linear;filter:drop-shadow(0 0 6px rgba(0,0,0,.5))}
.it-lane__stats{display:flex;justify-content:space-between;font-size:12px;color:var(--c-grey)}
.it-lane__stats strong{font-family:var(--font-mono);color:var(--c-white);font-size:14px}
.it-race__result{
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);
    display:flex;flex-direction:column;align-items:center;gap:4px;
    padding:24px 32px;border-radius:var(--radius);
    background:rgba(14,17,22,.92);border:1px solid var(--c-primary);
    box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px rgba(132,189,0,.2);
    opacity:0;visibility:hidden;transition:all .5s var(--ease-out-expo);z-index:3;
}
.it-race__result.is-show{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
.it-race__result-num{font-family:var(--font-mono);font-size:40px;font-weight:700;color:var(--c-primary);text-shadow:0 0 30px rgba(132,189,0,.4)}
.it-race__result-label{font-size:13px;color:var(--c-grey);letter-spacing:.04em}
.it-race__controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:24px}
.it-race__note{font-size:12px;color:var(--c-grey-2);font-style:italic;max-width:440px}

/* ---------- CAPABILITIES GRAPH (reuses .ma-graph from monitoring; ensure available here) ---------- */
.it-caps{text-align:left}
.it-caps .container{display:flex;flex-direction:column}
.ma-graph{position:relative;margin-top:32px;height:480px;border:1px solid var(--c-line);border-radius:var(--radius-lg);background:rgba(20,24,31,.4);overflow:visible}
.ma-graph__links{position:absolute;inset:0;width:100%;height:100%}
.ma-edge{fill:none;stroke:rgba(132,189,0,.18);stroke-width:1.5;transition:stroke .3s ease,stroke-width .3s ease}
.ma-edge.is-lit{stroke:var(--c-primary);stroke-width:2.4}
.ma-edge-pulse{fill:none;stroke:var(--c-primary);stroke-width:2.5;stroke-dasharray:6 200;stroke-linecap:round;opacity:0}
.ma-edge-pulse.is-on{opacity:1;animation:maPulse .9s linear infinite}
@keyframes maPulse{from{stroke-dashoffset:206}to{stroke-dashoffset:0}}
.ma-graph__nodes{position:absolute;inset:0}
.ma-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 16px;width:max-content;max-width:160px;background:rgba(14,17,22,.8);border:1px solid var(--c-line);border-radius:14px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:all .35s var(--ease-out-expo);z-index:1;cursor:pointer}
.ma-node:hover,.ma-node.is-active,.ma-node:focus-visible{border-color:var(--c-primary);box-shadow:0 0 26px rgba(132,189,0,.2);transform:translate(-50%,-50%) scale(1.05);z-index:3}
.ma-node__dot{width:12px;height:12px;border-radius:50%;background:var(--c-primary);box-shadow:0 0 12px var(--c-primary-glow);animation:livePulse 2s ease-in-out infinite}
.ma-node__icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(132,189,0,.1);border:1px solid rgba(132,189,0,.3)}
.ma-node--core{background:rgba(132,189,0,.08);border-color:rgba(132,189,0,.4);box-shadow:0 0 30px rgba(132,189,0,.12)}
.ma-node__label{font-size:12px;font-weight:600;color:var(--c-white);text-align:center;line-height:1.3}
.ma-node--core .ma-node__label{color:var(--c-primary);font-family:var(--font-mono);font-size:11px}
.ma-node__tip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(6px);width:180px;font-size:11px;line-height:1.5;color:var(--c-grey);font-weight:400;background:var(--c-panel-2);border:1px solid rgba(132,189,0,.2);padding:10px 12px;border-radius:var(--radius-sm);text-align:center;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s var(--ease-out-expo);box-shadow:0 10px 30px rgba(0,0,0,.4);z-index:5}
.ma-node:hover .ma-node__tip,.ma-node.is-active .ma-node__tip,.ma-node:focus-visible .ma-node__tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
/* top-row nodes: flip tooltip below so it isn't cropped at the panel top */
.ma-node--tdown .ma-node__tip{bottom:auto;top:calc(100% + 10px);transform:translateX(-50%) translateY(-6px)}
.ma-node--tdown:hover .ma-node__tip,.ma-node--tdown.is-active .ma-node__tip,.ma-node--tdown:focus-visible .ma-node__tip{transform:translateX(-50%) translateY(0)}

/* ---------- WHY IT MATTERS ---------- */
.it-why__inner{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.it-why__p{font-size:16px;line-height:1.7;color:var(--c-grey)}
.it-why__flow{display:flex;flex-direction:column;gap:0}
.it-why__step{
    display:flex;align-items:center;gap:14px;
    padding:18px 22px;border-radius:var(--radius);
    background:rgba(20,24,31,.6);border:1px solid var(--c-line);
    font-size:16px;font-weight:600;color:var(--c-white);
    opacity:0;transform:translateX(20px);
}
.it-why.in-view .it-why__step{animation:itWhyIn .6s var(--ease-out-expo) forwards}
.it-why.in-view .it-why__step[data-i="1"]{animation-delay:.1s}
.it-why.in-view .it-why__step[data-i="2"]{animation-delay:.35s}
.it-why.in-view .it-why__step[data-i="3"]{animation-delay:.6s}
.it-why.in-view .it-why__step[data-i="4"]{animation-delay:.85s}
.it-why.in-view .it-why__step[data-i="5"]{animation-delay:1.1s}
@keyframes itWhyIn{to{opacity:1;transform:translateX(0)}}
.it-why__bullet{width:10px;height:10px;border-radius:50%;background:var(--c-primary);box-shadow:0 0 12px var(--c-primary-glow);flex-shrink:0}
.it-why__arrow{width:2px;height:18px;margin-left:32px;background:linear-gradient(to bottom,var(--c-primary),rgba(132,189,0,.2));opacity:0}
.it-why.in-view .it-why__arrow{animation:itWhyIn .4s ease forwards}
.it-why.in-view .it-why__arrow:nth-of-type(2){animation-delay:.28s}
.it-why.in-view .it-why__arrow:nth-of-type(4){animation-delay:.53s}
.it-why.in-view .it-why__arrow:nth-of-type(6){animation-delay:.78s}
.it-why.in-view .it-why__arrow:nth-of-type(8){animation-delay:1.03s}

/* ---------- LIVE INCIDENT PLAYGROUND ---------- */
.it-play{text-align:left}
.it-play .container{display:flex;flex-direction:column}
.it-pl{display:grid;grid-template-columns:1fr 320px;gap:24px;margin-top:32px;align-items:start}
.it-pl__board{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.it-pl__ticket{
    display:flex;align-items:center;gap:12px;padding:18px 18px;
    border-radius:var(--radius);background:rgba(20,24,31,.6);border:1px solid var(--c-line);
    cursor:pointer;transition:all .3s var(--ease-out-expo);position:relative;overflow:hidden;
}
.it-pl__ticket:hover{border-color:rgba(132,189,0,.3);transform:translateY(-2px)}
.it-pl__t-ico{font-size:20px;flex-shrink:0}
.it-pl__t-name{flex:1;font-size:14px;font-weight:600;color:var(--c-white)}
.it-pl__t-tag{font-family:var(--font-mono);font-size:9px;color:var(--c-grey-2);letter-spacing:.04em}
.it-pl__ticket.is-triaged{border-color:rgba(255,180,60,.4);background:rgba(255,180,60,.05)}
.it-pl__ticket.is-triaged .it-pl__t-tag{color:#ffd27a}
.it-pl__ticket.is-resolved{border-color:rgba(132,189,0,.4);background:rgba(132,189,0,.06)}
.it-pl__ticket.is-resolved .it-pl__t-tag{color:var(--c-primary)}
.it-pl__ticket.is-resolved .it-pl__t-tag::after{content:' ✓'}
.it-pl__panel{padding:20px;border-radius:var(--radius);background:rgba(14,17,22,.6);border:1px solid var(--c-line);position:sticky;top:100px}
.it-pl__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.it-pl__title{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--c-white)}
.it-pl__live{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11px;color:var(--c-primary)}
.it-pl__scorebox{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-bottom:18px}
.it-pl__score{display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px 8px;border-radius:var(--radius-sm);background:rgba(255,255,255,.03);border:1px solid var(--c-line)}
.it-pl__score span{font-size:11px;color:var(--c-grey-2);text-transform:uppercase;letter-spacing:.06em}
.it-pl__score strong{font-family:var(--font-mono);font-size:30px;color:var(--c-white);line-height:1.2}
.it-pl__score em{font-size:10px;color:var(--c-grey-2);font-style:normal}
.it-pl__score--ai{border-color:rgba(132,189,0,.3);background:rgba(132,189,0,.05)}
.it-pl__score--ai strong{color:var(--c-primary)}
.it-pl__vs{font-family:var(--font-mono);font-size:12px;color:var(--c-grey-2)}
.it-pl__btn{width:100%;justify-content:center;margin-bottom:16px}
.it-pl__log{min-height:120px;max-height:170px}
.it-pl.is-done .it-pl__panel{border-color:rgba(132,189,0,.4);box-shadow:0 0 30px rgba(132,189,0,.1)}

/* shared log/ripple/confetti (mirrors monitoring) */
.ma-play__log{display:flex;flex-direction:column;gap:8px;overflow-y:auto;font-family:var(--font-mono);font-size:11.5px;line-height:1.5;margin-bottom:4px}
.ma-play__log-empty{color:var(--c-grey-2);font-style:italic}
.ma-play__live-dot{width:7px;height:7px;border-radius:50%;background:var(--c-primary);animation:livePulse 1.6s ease-in-out infinite}
.ma-log-item{padding:8px 10px;border-radius:6px;background:rgba(132,189,0,.05);border-left:2px solid var(--c-primary);color:var(--c-grey);animation:maLogIn .4s var(--ease-out-expo) backwards}
.ma-log-item--bad{border-left-color:#ffae57;background:rgba(255,150,60,.06);color:#ffd0a0}
.ma-log-item strong{color:var(--c-white)}
@keyframes maLogIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
.it-ripple{position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:50%;border:2px solid var(--c-primary);transform:translate(-50%,-50%);pointer-events:none;animation:maRipple .7s ease-out forwards}
@keyframes maRipple{0%{opacity:.8;width:10px;height:10px}100%{opacity:0;width:300px;height:300px}}
.it-confetti{position:absolute;width:7px;height:7px;border-radius:1px;pointer-events:none;opacity:0;animation:maConfetti .9s ease-out forwards}
@keyframes maConfetti{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--cx),var(--cy)) rotate(220deg)}}

/* ---------- AT A GLANCE CONSOLE (reuse monitoring styles) ---------- */
.it-glance{text-align:left}
.it-glance .container{display:flex;flex-direction:column}
.ma-console{margin-top:28px;border:1px solid var(--c-line);border-radius:var(--radius);overflow:hidden;font-family:var(--font-mono);background:rgba(14,17,22,.5)}
.ma-console__row{display:grid;grid-template-columns:14px 170px 1fr auto;gap:18px;align-items:center;padding:20px 24px;border-bottom:1px solid var(--c-line);transition:background .3s ease}
.ma-console__row:last-child{border-bottom:none}
.ma-console__row:hover{background:rgba(132,189,0,.04)}
.ma-console__led{width:10px;height:10px;border-radius:50%;background:var(--c-primary);box-shadow:0 0 10px var(--c-primary-glow);animation:livePulse 2.4s ease-in-out infinite}
.ma-console__row:nth-child(2) .ma-console__led{animation-delay:.4s}
.ma-console__row:nth-child(3) .ma-console__led{animation-delay:.8s}
.ma-console__row:nth-child(4) .ma-console__led{animation-delay:1.2s}
.ma-console__row:nth-child(5) .ma-console__led{animation-delay:1.6s}
.ma-console__key{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--c-primary);font-weight:600}
.ma-console__val{font-family:var(--font-body);font-size:15px;color:var(--c-grey)}
.ma-console__row:hover .ma-console__val{color:var(--c-white)}
.ma-console__state{font-size:11px;letter-spacing:.1em;color:var(--c-primary);padding:5px 12px;border:1px solid rgba(132,189,0,.3);border-radius:100px;background:rgba(132,189,0,.06)}
.reveal-stagger.visible .ma-console__row{opacity:1;transform:translateY(0)}
.reveal-stagger .ma-console__row{opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease-out-expo),transform .5s var(--ease-out-expo)}
.reveal-stagger.visible .ma-console__row:nth-child(1){transition-delay:.05s}
.reveal-stagger.visible .ma-console__row:nth-child(2){transition-delay:.12s}
.reveal-stagger.visible .ma-console__row:nth-child(3){transition-delay:.19s}
.reveal-stagger.visible .ma-console__row:nth-child(4){transition-delay:.26s}
.reveal-stagger.visible .ma-console__row:nth-child(5){transition-delay:.33s}

/* ---------- FINAL CTA ---------- */
.it-cta{position:relative;overflow:hidden;padding:170px 0}
.it-cta__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.it-cta .cta-band__inner{position:relative;z-index:2}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1024px){
    .it-hero{padding:130px 0 70px;min-height:auto}
    .it-hero__inner{grid-template-columns:1fr;gap:44px}
    .it-hero__left{max-width:none}
    .it-engine{max-width:560px;margin:0 auto}
    .it-cc{grid-template-columns:1fr}
    .it-cc__tickets{flex-direction:row;flex-wrap:wrap}
    .it-why__inner{grid-template-columns:1fr;gap:40px}
    .it-pl{grid-template-columns:1fr}
    .it-pl__panel{position:relative;top:0}
}
@media (max-width:768px){
    .it-race__board{grid-template-columns:1fr}
    .it-pl__board{grid-template-columns:1fr}
    .ma-console__row{grid-template-columns:14px 1fr;gap:10px}
    .ma-console__key,.ma-console__val,.ma-console__state{grid-column:2}
    .ma-console__state{justify-self:start}
    .ma-graph{height:560px}
    .it-cc__steps{grid-template-columns:1fr 1fr}
    .it-cc__steps::before{display:none}
}
@media (max-width:480px){
    .it-cc__tickets{flex-direction:column}
    .it-engine__flow{height:240px}
}

/* ---------- REDUCED MOTION ---------- */
@media (prefers-reduced-motion:reduce){
    .it-core__ball,.it-core__glow,.it-engine__sysdot,.ma-node__dot,.ma-console__led,
    .ma-play__live-dot,.it-track__fill,.it-track__car{animation:none!important;transition:none!important}
    .it-why__step,.it-why__arrow{opacity:1!important;transform:none!important;animation:none!important}
}