.ato-illustration{position:relative;min-height:400px}.ato-card{position:absolute;background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-md);overflow:hidden}.ato-card--main{width:280px;top:50%;left:50%;transform:translate(-55%, -50%);z-index:3;animation:float 6s ease-in-out infinite}.ato-card__chrome{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.ato-card__chrome-dots{display:flex;gap:5px}.ato-card__dot{width:7px;height:7px;border-radius:50%}.ato-card__dot--red{background:#f87171}.ato-card__dot--yellow{background:#fbbf24}.ato-card__dot--green{background:#34d399}.ato-card__chrome-title{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;color:var(--color-text-primary)}.ato-card__dashboard-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.ato-card__metric-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--color-bg-section);border-radius:var(--radius-md)}.ato-card__metric-label{font-size:12px;font-weight:500;color:var(--color-text-muted)}.ato-card__metric-value{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--color-text-primary)}.ato-card__metric-value--active{display:flex;align-items:center;gap:6px;color:var(--color-success);font-size:12px;font-weight:600}.ato-card__pulse{width:8px;height:8px;border-radius:50%;background:var(--color-success);animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%, 100%{opacity:1}50%{opacity:0.5}}.ato-card--reach{width:150px;top:5%;right:0;z-index:4;animation:floatReverse 7s ease-in-out infinite 0.5s;transform:rotate(3deg);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.ato-card__reach-label{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--color-text-primary)}.ato-card__reach-bar{width:100%;height:6px;background:var(--color-bg-section);border-radius:3px;overflow:hidden}.ato-card__reach-fill{width:75%;height:100%;border-radius:3px;background:linear-gradient(90deg, var(--color-brand-blue), var(--color-primary))}.ato-card--time{width:160px;bottom:10%;left:0;z-index:2;animation:float 8s ease-in-out infinite 1s;transform:rotate(-2deg);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.ato-card__time-icon{width:16px;height:16px;color:var(--color-brand-orange);flex-shrink:0}.ato-card__time-text{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--color-text-primary)}.ato-impact{max-width:600px;margin:0 auto}.feature-list--centered{max-width:540px;margin:0 auto}@media (max-width: 900px){.ato-illustration{min-height:320px;max-width:400px;margin:0 auto}.ato-card--main{width:240px}.ato-card--reach{width:135px}.ato-card--time{width:145px}}@media (max-width: 768px){.ato-illustration{min-height:280px}.ato-card--main{width:210px}.ato-card--reach{width:125px;top:0}.ato-card--time{width:135px;bottom:5%}.ato-card__metric-row{padding:var(--space-1) var(--space-2)}.ato-card__metric-label{font-size:11px}.ato-card__metric-value{font-size:12px}}@media (max-width: 480px){.ato-illustration{min-height:220px}.ato-card--main{width:180px}.ato-card--reach{width:110px;padding:var(--space-2) var(--space-3)}.ato-card__reach-label{font-size:11px}.ato-card--time{display:none}.ato-card__chrome-title{font-size:10px}.ato-card__dashboard-body{padding:var(--space-3);gap:var(--space-2)}}