.hero-demo{--line:#2d405b;--card:#16263e;--text-2:#aebed4;--muted:#7f93b0;--blue:#60a5fa;--green:#34d399;--amber:#fbbf24;--red:#f87171}.hd-frame{background:#0f1c30;border:1px solid #3a4c68;border-radius:18px;box-shadow:0 24px 60px #02061726;overflow:hidden;min-width:0;color:#fff}.hd-top{padding:16px 20px;border-bottom:1px solid #2d405b;display:flex;justify-content:space-between;align-items:center;gap:12px}.hd-brand{font-size:20px;font-weight:700;letter-spacing:-.04em}.hd-brand small{font-size:11px;font-weight:400;letter-spacing:0;color:#93a8c6;margin-left:10px}.hd-tag{font-size:9px;color:#b9c9df;border:1px solid #334760;padding:4px 7px;border-radius:5px}.hd-bottom{padding:16px 20px;background:#16263e;display:flex;gap:12px;align-items:center;border-top:1px solid #2d405b}.hd-bottom>.material-icons{color:#83b5ff}.hd-bottom strong{display:block;font-size:11px;font-weight:600}.hd-bottom p{font-size:10px;color:#aebed4;margin-top:4px}@media (max-width:1050px){.hd-frame{max-width:700px;width:100%}}@media (max-width:700px){.hd-top,.hd-bottom{padding:14px}}.hd-steps{display:flex;gap:6px;padding:14px 20px 0;margin:0;list-style:none}.hd-steps li{display:flex;align-items:center;gap:7px;flex:1;font-size:10px;color:var(--muted);padding-bottom:10px;border-bottom:2px solid var(--line);transition:color .3s,border-color .3s}.hd-steps i{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;border:1px solid #3a4c68;font-size:9px;font-style:normal;transition:inherit}.hd-steps li.is-active{color:#fff;border-color:var(--blue)}.hd-steps li.is-active i{background:var(--blue);border-color:var(--blue);color:#0f1c30}.hd-stage{position:relative;height:318px;margin:14px 20px 18px}.hd-scene{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--card);border:1px solid #344a68;border-radius:12px;overflow:hidden;opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease;pointer-events:none}.hd-scene.is-active{opacity:1;transform:none}.hd-scene>header{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line);font-size:12px}.hd-scene>header .material-icons{font-size:16px;color:#93bfff}.hd-scene>footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:auto;padding:11px 14px;border-top:1px solid var(--line)}.hd-count{margin-left:auto;font-size:9.5px;color:var(--text-2)}.hd-btn{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;color:#fff;background:#2563eb;border-radius:7px;padding:7px 11px;transition:transform .12s,background .2s,opacity .2s;white-space:nowrap}.hd-btn .material-icons{font-size:13px;color:inherit}.hd-btn-ghost{background:transparent;color:var(--text-2);border:1px solid #3a4c68}.hd-btn-disabled{background:#2563eb55;color:#ffffff80}.hd-btn.is-pressed{transform:scale(.94);background:#1d4ed8}.hd-mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.hd-table{padding:4px 0;font-size:10.5px}.hd-row{display:grid;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid #ffffff0d}.hd-head{font-size:9px;color:var(--muted);padding-top:6px;padding-bottom:6px}.hd-name strong{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hd-name small{display:block;font-size:9px;color:var(--muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hd-item{opacity:0;transform:translate(-6px);transition:opacity .35s,transform .35s}.hd-pill{justify-self:start;display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:500;padding:2px 7px;border-radius:999px;white-space:nowrap}.hd-pill .material-icons{font-size:11px}.hd-pill-gray{color:#cbd5e1;background:#ffffff12}.hd-pill-blue{color:#93c5fd;background:#60a5fa22}.hd-pill-green{color:var(--green);background:#34d39922}.hd-pill-amber{color:var(--amber);background:#fbbf2420}.hd-pill-red{color:var(--red);background:#f8717122}.hd-spin{animation:hd-spin 1s linear infinite}.hd-spinner{width:16px;height:16px;border-radius:50%;border:2px solid #2f4a6e;border-top-color:var(--blue);animation:hd-spin .8s linear infinite}.hd-cursor{position:absolute;left:0;top:0;z-index:5;opacity:0;transform:translate(var(--x,60%),var(--y,120%));transition:transform .75s cubic-bezier(.45,0,.2,1),opacity .3s;filter:drop-shadow(0 2px 3px #0008)}.hero-demo[data-cursor] .hd-cursor{opacity:1}.hd-caption{position:relative;min-height:62px}.hd-caption>div{position:absolute;left:52px;right:20px;opacity:0;transition:opacity .4s}.hd-caption>div.is-active{opacity:1}@keyframes hd-spin{to{transform:rotate(360deg)}}@media (max-width:700px){.hd-stage{height:300px;margin:12px 14px 14px}.hd-steps{padding:12px 14px 0}.hd-steps li{white-space:nowrap}.hd-steps li:not(.is-active){font-size:0;gap:0;flex:0 0 auto;padding-right:6px}.hd-steps li.is-active{flex:1}.hd-caption{min-height:76px}.hd-caption>div{left:48px;right:14px}}@media (prefers-reduced-motion:reduce){.hero-demo *{transition:none!important;animation:none!important}.hd-cursor{display:none}}