.hero-visual{width:100%;max-width:480px;margin:0 auto;position:relative}.hero-visual__dashboard{z-index:2;background:var(--color-white);border-radius:20px;padding:28px 26px 24px;position:relative;box-shadow:0 30px 60px #00000059,0 4px 20px #0000001f}.hero-visual__head{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.hero-visual__head h2{font-family:var(--font-heading);color:var(--color-dark-navy);margin:0;font-size:16px}.hero-visual__live{font-family:var(--font-body);letter-spacing:.05em;color:var(--color-primary-green);flex-shrink:0;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.hero-visual__live-dot{background:var(--color-primary-green);border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite hero-visual-pulse}@keyframes hero-visual-pulse{0%,to{opacity:1;box-shadow:0 0 #21ad6580}50%{opacity:.55;box-shadow:0 0 0 4px #21ad6500}}.hero-visual__stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.hero-visual__stat{background:var(--color-bg-light);border-radius:12px;flex-direction:column;gap:4px;min-width:0;padding:12px 10px;display:flex}.hero-visual__stat-label{font-family:var(--font-body);letter-spacing:.03em;color:var(--color-gray-400);text-transform:uppercase;font-size:9px;font-weight:700}.hero-visual__stat strong{font-family:var(--font-heading);color:var(--color-dark-navy);overflow-wrap:break-word;font-size:19px}.hero-visual__stat-caption{font-family:var(--font-body);color:var(--color-text);font-size:10px}.hero-visual__rows{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.hero-visual__rows li{background:var(--color-bg-light);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.hero-visual__row-title{font-family:var(--font-body);color:var(--color-dark-navy);margin:0 0 2px;font-size:12.5px;font-weight:600}.hero-visual__row-meta{font-family:var(--font-body);color:var(--color-text);margin:0;font-size:11px}.hero-visual__row-status{font-family:var(--font-body);white-space:nowrap;border-radius:30px;flex-shrink:0;padding:4px 10px;font-size:10.5px;font-weight:700}.hero-visual__row-status--good{color:#1a8a52;background:#21ad6524}.hero-visual__row-status--neutral{color:#2b6cb5;background:#3a8ee024}.hero-visual__row-status--attention{color:#b5791f;background:#e6a23c29}.hero-visual__float{z-index:3;background:var(--color-white);border-radius:14px;align-items:center;gap:10px;max-width:200px;padding:12px 14px;animation:5s ease-in-out infinite hero-visual-float;display:flex;position:absolute;box-shadow:0 16px 32px #00000038}.hero-visual__float strong{font-family:var(--font-heading);color:var(--color-dark-navy);font-size:13px;line-height:1.3;display:block}.hero-visual__float span:last-child{font-family:var(--font-body);color:var(--color-text);font-size:10.5px}.hero-visual__float-icon{width:34px;height:34px;color:var(--color-primary-green);background:#21ad6524;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hero-visual__float-icon svg{width:18px;height:18px}.hero-visual__float--1{animation-delay:0s;top:-22px;right:-18px}.hero-visual__float--2{animation-delay:.6s;bottom:-20px;left:-22px}@keyframes hero-visual-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.hero-visual__live-dot,.hero-visual__float{animation:none}}@media (width<=1024px){.hero-visual{max-width:460px}}@media (width<=640px){.hero-visual__float{display:none}.hero-visual__stat strong{font-size:17px}}