.hero-anim{position:relative}.hero-anim .rotator{height:1.12em;display:block;position:relative}.hero-anim .rotator-item{opacity:0;white-space:nowrap;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0;right:0;transform:translateY(.35em)}.hero-anim[data-phase="1"] .r-1,.hero-anim[data-phase="2"] .r-2,.hero-anim[data-phase="3"] .r-3{opacity:1;transform:translateY(0)}.hero-anim[data-phase="1"] .r-2,.hero-anim[data-phase="1"] .r-3,.hero-anim[data-phase="2"] .r-1,.hero-anim[data-phase="2"] .r-3,.hero-anim[data-phase="3"] .r-1,.hero-anim[data-phase="3"] .r-2{opacity:0;transform:translateY(-.35em)}@media (max-width:640px){.hero-anim .rotator-item{white-space:normal}.hero-anim .rotator{height:2.3em}}.hero-anim .deck{border:1px solid var(--line);background:var(--bg-raised);box-shadow:var(--shadow-deck);border-radius:16px;grid-template-columns:196px 1fr;display:grid;position:relative;overflow:hidden}.hero-anim .deck-glow{z-index:-1;filter:blur(52px);opacity:.55;pointer-events:none;border-radius:34px;transition:background 1.2s;position:absolute;inset:-46px}.hero-anim[data-phase="1"] .deck-glow{background:radial-gradient(60% 60%,#0090ff38,#0000 70%)}.hero-anim[data-phase="2"] .deck-glow{background:radial-gradient(60% 60%,#10b98133,#0000 70%)}.hero-anim[data-phase="3"] .deck-glow{background:radial-gradient(60% 60%,#f0522e33,#0000 70%)}.hero-anim .rail{background:var(--bg-sunken);border-right:1px solid var(--line);padding:16px 12px}.hero-anim .rail-brand{font-family:var(--font-display);letter-spacing:-.01em;color:var(--fg);align-items:center;gap:8px;margin-bottom:20px;padding:6px 6px 0;font-size:13px;font-weight:700;display:flex}.hero-anim .rail-nav{flex-direction:column;gap:2px;display:flex}.hero-anim .rail-item{color:var(--fg-muted);border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;padding:9px 11px;font-size:13.5px;font-weight:500;transition:background .45s cubic-bezier(.22,1,.36,1),color .45s,border-color .45s;display:flex}.hero-anim .rail-item svg{flex-shrink:0;width:15px;height:15px}.hero-anim[data-phase="1"] .ri-1,.hero-anim[data-phase="2"] .ri-2,.hero-anim[data-phase="3"] .ri-3{background:var(--bg-raised);border-color:var(--line);color:var(--accent);font-weight:600}.hero-anim .panel{min-height:424px;padding:20px 24px 24px;position:relative;overflow:hidden}.hero-anim .panel-head{justify-content:space-between;align-items:center;height:34px;margin-bottom:18px;display:flex;position:relative}.hero-anim .panel-titles{flex:1;height:100%;position:relative}.hero-anim .panel-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);opacity:0;align-items:center;font-size:19px;font-weight:800;transition:opacity .45s,transform .45s;display:flex;position:absolute;inset:0;transform:translate(-8px)}.hero-anim[data-phase="1"] .pt-1,.hero-anim[data-phase="2"] .pt-2,.hero-anim[data-phase="3"] .pt-3{opacity:1;transform:translate(0)}.hero-anim .pills{width:190px;height:30px;position:relative}.hero-anim .pill{opacity:0;border-radius:999px;align-items:center;gap:6px;height:28px;padding:0 12px;font-size:11.5px;font-weight:600;transition:opacity .4s,transform .4s;display:flex;position:absolute;top:0;right:0;transform:translateY(-4px)}.hero-anim .pill-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.hero-anim .pill-1{color:var(--accent-strong);background:#0090ff1f}.hero-anim .pill-2{color:var(--color-ok-600);background:#10b98124}.hero-anim .pill-3{color:var(--color-fox-600);background:#f0522e1f}.hero-anim[data-phase="1"] .pill-1,.hero-anim[data-phase="2"] .pill-2,.hero-anim[data-phase="3"] .pill-3{opacity:1;transform:translateY(0)}.hero-anim .stage{min-height:338px;position:relative}.hero-anim .phase{opacity:0;pointer-events:none;transition:opacity .45s,transform .45s;position:absolute;inset:0;transform:scale(.99)}.hero-anim[data-phase="1"] .phase-1,.hero-anim[data-phase="2"] .phase-2,.hero-anim[data-phase="3"] .phase-3{opacity:1;transform:scale(1)}.hero-anim .row{border:1px solid var(--line);background:var(--bg);border-radius:12px;align-items:center;gap:13px;margin-bottom:9px;padding:12px 14px;display:flex;position:relative;overflow:hidden}.hero-anim .row-icon{border:1px solid var(--line);background:var(--bg-sunken);border-radius:8px;flex-shrink:0;place-items:center;width:27px;height:27px;display:grid}.hero-anim .row-icon svg{width:13px;height:13px;color:var(--fg-subtle)}.hero-anim .row-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.hero-anim .row-num{height:14px;font-family:var(--font-mono);color:var(--fg);font-size:11.5px;font-weight:600;position:relative;overflow:hidden}.hero-anim .row-sub{height:16px;color:var(--fg-muted);font-size:12.5px;position:relative;overflow:hidden}.hero-anim .row-num>span:not(.skeleton),.hero-anim .row-sub>span:not(.skeleton){opacity:0;transition:opacity .4s,transform .4s;position:absolute;top:0;left:0;transform:translateY(8px)}.hero-anim .row-amount{text-align:right;width:82px;height:18px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--fg);font-size:13px;font-weight:600;position:relative;overflow:hidden}.hero-anim .row-amount>span:not(.skeleton){opacity:0;transition:opacity .4s,transform .4s;position:absolute;top:0;right:0;transform:translateY(8px)}.hero-anim .skeleton{background:linear-gradient(90deg, var(--line) 0%, var(--muted) 50%, var(--line) 100%);background-size:200% 100%;border-radius:4px;height:11px;transition:opacity .3s;animation:1.4s linear infinite ha-shimmer;position:absolute;top:2px;left:0}.hero-anim .row-num .skeleton{width:64%}.hero-anim .row-sub .skeleton{width:48%}.hero-anim .row-amount .skeleton{width:66px;left:auto;right:0}@keyframes ha-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hero-anim[data-phase="1"] .r1 .row-num>span:not(.skeleton),.hero-anim[data-phase="1"] .r1 .row-sub>span:not(.skeleton),.hero-anim[data-phase="1"] .r1 .row-amount>span:not(.skeleton),.hero-anim[data-phase="1"] .r2 .row-num>span:not(.skeleton),.hero-anim[data-phase="1"] .r2 .row-sub>span:not(.skeleton),.hero-anim[data-phase="1"] .r2 .row-amount>span:not(.skeleton){opacity:1;transform:translateY(0)}.hero-anim[data-phase="1"] .r1 .row-num>span:not(.skeleton){transition-delay:.55s}.hero-anim[data-phase="1"] .r1 .row-sub>span:not(.skeleton){transition-delay:.65s}.hero-anim[data-phase="1"] .r1 .row-amount>span:not(.skeleton){transition-delay:.75s}.hero-anim[data-phase="1"] .r1 .skeleton{opacity:0;transition-delay:.55s}.hero-anim[data-phase="1"] .r2 .row-num>span:not(.skeleton){transition-delay:1.3s}.hero-anim[data-phase="1"] .r2 .row-sub>span:not(.skeleton){transition-delay:1.4s}.hero-anim[data-phase="1"] .r2 .row-amount>span:not(.skeleton){transition-delay:1.5s}.hero-anim[data-phase="1"] .r2 .skeleton{opacity:0;transition-delay:1.3s}.hero-anim .drop{border:1.5px dashed var(--line-strong);background:var(--bg);min-height:138px;color:var(--fg-muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:7px;margin-top:8px;padding:20px 16px;font-size:12.5px;transition:border-color .4s,background .4s;display:flex;position:relative}.hero-anim[data-phase="1"] .drop{border-color:var(--accent-vivid);background:#0090ff0d}.hero-anim .drop svg{width:26px;height:26px;color:var(--fg-subtle);transition:color .4s}.hero-anim[data-phase="1"] .drop svg{color:var(--accent-vivid);animation:2s ease-in-out infinite ha-bob}@keyframes ha-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.hero-anim .flyer{border:1px solid var(--accent-vivid);background:var(--bg-raised);opacity:0;pointer-events:none;border-radius:5px;width:30px;height:38px;position:absolute;box-shadow:0 4px 12px #0090ff40}.hero-anim .flyer:before,.hero-anim .flyer:after{content:"";background:#0090ff59;border-radius:1px;height:2px;position:absolute;left:6px;right:6px}.hero-anim .flyer:before{top:10px}.hero-anim .flyer:after{top:16px;right:14px}.hero-anim[data-phase="1"] .flyer{animation:4s ease-in-out infinite ha-fly}@keyframes ha-fly{0%{opacity:0;transform:translate(-190px,-76px)rotate(-10deg)}20%{opacity:1}50%{opacity:1;transform:translateY(-16px)rotate(0)}65%{opacity:0;transform:translate(14px,6px)rotate(8deg)scale(.5)}to{opacity:0}}.hero-anim .scan{opacity:0;background:linear-gradient(to bottom, transparent, var(--color-ok-400), transparent);width:3px;box-shadow:0 0 16px var(--color-ok-400), 0 0 4px var(--color-ok-400);position:absolute;top:0;bottom:0;left:-10px}.hero-anim[data-phase="2"] .r1 .scan{animation:1.1s ease-in-out .25s forwards ha-scan}.hero-anim[data-phase="2"] .r2 .scan{animation:1.1s ease-in-out 1.05s forwards ha-scan}@keyframes ha-scan{0%{opacity:0;left:-10px}10%{opacity:1}90%{opacity:1}to{opacity:0;left:100%}}.hero-anim .verdict{color:var(--color-ok-600);opacity:0;background:#10b98124;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:opacity .4s,transform .4s;display:flex;transform:translate(8px)}.hero-anim .verdict svg{width:12px;height:12px}.hero-anim[data-phase="2"] .r1 .verdict{opacity:1;transition-delay:1.15s;transform:translate(0)}.hero-anim[data-phase="2"] .r2 .verdict{opacity:1;transition-delay:1.95s;transform:translate(0)}.hero-anim .gates{border:1px solid var(--line);background:var(--bg);border-radius:12px;margin-top:8px;padding:13px 15px}.hero-anim .gates-title{letter-spacing:.11em;text-transform:uppercase;color:var(--fg);align-items:center;gap:8px;margin-bottom:10px;font-size:10.5px;font-weight:700;display:flex}.hero-anim .gates-title svg{width:13px;height:13px;color:var(--color-ok-600)}.hero-anim .gate-list{grid-template-columns:1fr 1fr;gap:8px 20px;display:grid}.hero-anim .gate{color:var(--fg);opacity:0;align-items:center;gap:8px;font-size:12px;transition:opacity .35s,transform .35s;display:flex;transform:translate(-6px)}.hero-anim .gate-tick{background:var(--color-ok-500);border-radius:50%;flex-shrink:0;place-items:center;width:15px;height:15px;display:grid}.hero-anim .gate-tick svg{color:#fff;stroke-width:3.2px;width:9px;height:9px}.hero-anim[data-phase="2"] .gate{opacity:1;transform:translate(0)}.hero-anim[data-phase="2"] .gate:first-child{transition-delay:2.3s}.hero-anim[data-phase="2"] .gate:nth-child(2){transition-delay:2.42s}.hero-anim[data-phase="2"] .gate:nth-child(3){transition-delay:2.54s}.hero-anim[data-phase="2"] .gate:nth-child(4){transition-delay:2.66s}.hero-anim[data-phase="2"] .gate:nth-child(5){transition-delay:2.78s}.hero-anim[data-phase="2"] .gate:nth-child(6){transition-delay:2.9s}.hero-anim .brief{gap:7px;display:grid}.hero-anim .brief-line{border:1px solid var(--line);background:var(--bg);opacity:0;border-radius:10px;align-items:center;gap:11px;padding:9px 13px;transition:opacity .45s,transform .45s;display:flex;transform:translateY(9px)}.hero-anim[data-phase="3"] .brief-line{opacity:1;transform:translateY(0)}.hero-anim[data-phase="3"] .brief-line:first-child{transition-delay:.25s}.hero-anim[data-phase="3"] .brief-line:nth-child(2){transition-delay:.4s}.hero-anim[data-phase="3"] .brief-line:nth-child(3){transition-delay:.55s}.hero-anim[data-phase="3"] .brief-line:nth-child(4){transition-delay:.7s}.hero-anim[data-phase="3"] .brief-line:nth-child(5){transition-delay:.85s}.hero-anim[data-phase="3"] .brief-line:nth-child(6){transition-delay:1s}.hero-anim .brief-sev{border-radius:50%;flex-shrink:0;width:7px;height:7px}.hero-anim .sev-critical{background:var(--color-crit-600)}.hero-anim .sev-attention{background:var(--color-warn-500)}.hero-anim .sev-info{background:var(--accent)}.hero-anim .sev-none{background:var(--color-ink-300)}.hero-anim .brief-q{width:40%;color:var(--fg);flex-shrink:0;font-size:12.5px;font-weight:600}.hero-anim .brief-a{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg-muted);flex:1;font-size:12px;overflow:hidden}.hero-anim .brief-foot{border-top:1px solid var(--line);opacity:0;justify-content:space-between;align-items:center;gap:12px;margin-top:11px;padding-top:11px;transition:opacity .45s 1.2s,transform .45s 1.2s;display:flex;transform:translateY(8px)}.hero-anim[data-phase="3"] .brief-foot{opacity:1;transform:translateY(0)}.hero-anim .brief-evidence{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-subtle);font-size:11px;font-weight:700}.hero-anim .brief-approve{background:var(--accent);color:var(--accent-fg);border-radius:999px;align-items:center;gap:7px;padding:6px 13px;font-size:11.5px;font-weight:600;display:flex}.hero-anim .brief-approve svg{width:12px;height:12px}.hero-anim .strip{background:var(--accent-vivid);transform-origin:0;border-radius:0 4px 0 0;width:33.3333%;height:3px;transition:transform .6s cubic-bezier(.22,1,.36,1),background .6s;position:absolute;bottom:0;left:0}.hero-anim[data-phase="1"] .strip{background:var(--accent-vivid);transform:translate(0)}.hero-anim[data-phase="2"] .strip{background:var(--color-ok-500);transform:translate(100%)}.hero-anim[data-phase="3"] .strip{background:var(--signal-vivid);transform:translate(200%)}@media (max-width:820px){.hero-anim .deck{grid-template-columns:1fr}.hero-anim .rail{border-right:none;border-bottom:1px solid var(--line);gap:4px;padding:9px;display:flex;overflow-x:auto}.hero-anim .rail-brand{display:none}.hero-anim .rail-nav{flex-direction:row;flex:1}.hero-anim .rail-item{white-space:nowrap;padding:8px 11px}.hero-anim .panel{min-height:400px;padding:16px 16px 20px}.hero-anim .panel-title{font-size:16px}.hero-anim .pills{width:150px}.hero-anim .gate-list{grid-template-columns:1fr}.hero-anim .brief-q{width:46%}.hero-anim .brief-a{display:none}.hero-anim .brief-foot{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.hero-anim .rotator{height:auto}.hero-anim .rotator-item{opacity:1;position:static;transform:none}.hero-anim .r-1,.hero-anim .r-2{display:none}.hero-anim .phase{opacity:1;position:static;transform:none}.hero-anim .phase-1,.hero-anim .phase-2{display:none}.hero-anim .panel-title{opacity:1;position:static;transform:none}.hero-anim .pt-1,.hero-anim .pt-2{display:none}.hero-anim .pill{opacity:1;position:static;transform:none}.hero-anim .pill-1,.hero-anim .pill-2{display:none}.hero-anim .panel-titles,.hero-anim .pills,.hero-anim .stage{height:auto;min-height:0}.hero-anim .brief-line,.hero-anim .brief-foot{opacity:1;transform:none}.hero-anim .skeleton,.hero-anim .flyer{display:none}.hero-anim .deck-glow{background:radial-gradient(60% 60%,#0090ff2e,#0000 70%)}}