.ra-illustration{position:relative;min-height:400px}.ra-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}.ra-card--main{width:260px;top:50%;left:50%;transform:translate(-55%, -50%);z-index:3;animation:float 6s ease-in-out infinite}.ra-card__chrome{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.ra-card__chrome-title{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;color:var(--color-text-primary)}.ra-card__chrome-dots{display:flex;gap:5px}.ra-card__dot{width:7px;height:7px;border-radius:50%}.ra-card__dot--red{background:#f87171}.ra-card__dot--yellow{background:#fbbf24}.ra-card__dot--green{background:#34d399}.ra-card__resume{padding:0}.ra-card__resume-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border)}.ra-card__avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg, var(--color-brand-blue), var(--color-primary));flex-shrink:0}.ra-card__avatar-lines{display:flex;flex-direction:column;gap:5px;flex:1}.ra-card__line{height:5px;border-radius:3px;background:var(--color-border)}.ra-card__line--dark{background:var(--color-text-primary);opacity:0.2}.ra-card__line--highlight{background:var(--color-brand-blue);opacity:0.5}.ra-card__line--brand{background:var(--color-brand-orange);opacity:0.4}.ra-card__line--faded{background:var(--color-border);opacity:0.5}.ra-card__line--w90{width:90%}.ra-card__line--w80{width:80%}.ra-card__line--w75{width:75%}.ra-card__line--w60{width:60%}.ra-card__line--w55{width:55%}.ra-card__line--w45{width:45%}.ra-card__resume-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.ra-card__section{display:flex;flex-direction:column;gap:5px}.ra-card__checks{display:flex;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-border);margin-top:var(--space-1)}.ra-card__check-item{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:var(--color-success)}.ra-card__check-item svg{width:10px;height:10px;flex-shrink:0}.ra-card--score{width:140px;top:5%;right:0;z-index:4;animation:floatReverse 7s ease-in-out infinite 0.5s;transform:rotate(3deg);display:flex;flex-direction:column;align-items:center;padding:var(--space-4);gap:var(--space-2)}.ra-card__score-ring{position:relative;width:64px;height:64px}.ra-card__score-ring svg{width:64px;height:64px;transform:rotate(-90deg)}.ra-card__ring-bg{fill:none;stroke:var(--color-border);stroke-width:4}.ra-card__ring-fill{fill:none;stroke:var(--color-brand-orange);stroke-width:4;stroke-linecap:round;stroke-dasharray:157.08;stroke-dashoffset:12.57}.ra-card__ring-value{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--color-text-primary)}.ra-card__score-label{font-size:11px;font-weight:600;color:var(--color-success);text-transform:uppercase;letter-spacing:0.05em}.ra-card--check{display:flex;align-items:center;gap:6px;padding:8px 14px;bottom:15%;left:0;z-index:2;font-size:12px;font-weight:600;color:var(--color-success);animation:float 8s ease-in-out infinite 1s}.ra-card--check svg{width:16px;height:16px;color:var(--color-success);flex-shrink:0}.ra-illustration--impact{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.ra-card--before{position:relative;width:160px;top:auto;left:auto;right:auto;bottom:auto;opacity:0.7;z-index:2;animation:float 7s ease-in-out infinite}.ra-card--after{position:relative;width:160px;top:auto;left:auto;right:auto;bottom:auto;z-index:2;border-color:var(--color-brand-blue-mid);box-shadow:var(--shadow-lg),0 0 30px rgba(178,221,242,0.15);animation:floatReverse 7s ease-in-out infinite 0.3s}.ra-card--transform{position:relative;width:44px;height:44px;top:auto;left:auto;right:auto;bottom:auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-white);z-index:3;flex-shrink:0}.ra-card--transform svg{width:20px;height:20px;color:var(--color-brand-orange)}.ra-card__label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--color-text-muted);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:center}.ra-card__label--success{color:var(--color-success);background:rgba(16,185,129,0.06)}.ra-card__mini-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--color-border)}.ra-card__mini-avatar{width:20px;height:20px;border-radius:50%;background:var(--color-border);flex-shrink:0}.ra-card__mini-avatar--active{background:linear-gradient(135deg, var(--color-brand-blue), var(--color-primary))}.ra-card__mini-lines{display:flex;flex-direction:column;gap:4px;flex:1}.ra-card__mini-body{padding:var(--space-3);display:flex;flex-direction:column;gap:5px}.svc-features{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--space-6)}@media (max-width: 900px){.ra-illustration{min-height:320px;max-width:400px;margin:0 auto}.ra-card--main{width:220px}.ra-card--score{width:120px}.ra-illustration--impact{min-height:300px}.ra-card--before,.ra-card--after{width:140px}.svc-features{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 768px){.ra-illustration{min-height:280px}.ra-card--main{width:190px}.ra-card--score{width:110px;top:0}.ra-card--check{font-size:11px;padding:6px 10px}.ra-illustration--impact{min-height:260px;gap:var(--space-3)}.ra-card--before,.ra-card--after{width:125px}.ra-card--transform{width:36px;height:36px}.ra-card--transform svg{width:16px;height:16px}.svc-features{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 480px){.ra-illustration{min-height:220px}.ra-card--main{width:170px}.ra-card--check{display:none}.ra-illustration--impact{min-height:200px;gap:var(--space-2)}.ra-card--before,.ra-card--after{width:110px}.ra-card--transform{width:32px;height:32px}.svc-features{grid-template-columns:1fr}}
