.pain-point{max-width:700px;margin:0 auto}.pain-point .eyebrow{display:block;margin-bottom:var(--space-3)}.pain-point .text-h2{margin-bottom:var(--space-6)}.pain-point .text-body-lg{line-height:1.7}.cp-illustration{position:relative;min-height:400px}.cp-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}.cp-card--main{width:280px;top:50%;left:50%;transform:translate(-50%, -50%);z-index:3;animation:float 6s ease-in-out infinite}.cp-card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.cp-card__title{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;color:var(--color-text-primary)}.cp-card__dots{display:flex;gap:5px}.cp-card__dot{width:7px;height:7px;border-radius:50%}.cp-card__dot--red{background:#f87171}.cp-card__dot--yellow{background:#fbbf24}.cp-card__dot--green{background:#34d399}.cp-card__stages{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:2px}.cp-card__stage{display:flex;align-items:center;gap:var(--space-3);padding:8px 0}.cp-card__stage+.cp-card__stage{border-top:1px solid var(--color-border)}.cp-card__stage-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cp-card__stage-dot--blue{background:var(--color-brand-blue)}.cp-card__stage-dot--orange{background:var(--color-brand-orange)}.cp-card__stage-dot--yellow{background:var(--color-brand-yellow)}.cp-card__stage-label{font-size:12px;font-weight:600;color:var(--color-text-primary);flex:1}.cp-card__stage-status{font-size:10px;font-weight:500;color:var(--color-text-muted)}.cp-card__stage-status--done{color:var(--color-success)}.cp-card__stage-status--active{color:var(--color-brand-orange)}.cp-card--reach{width:130px;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-1)}.cp-card__reach-number{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--color-primary)}.cp-card__reach-label{font-size:11px;font-weight:600;color:var(--color-text-secondary)}.cp-card__reach-trend{display:flex;align-items:center;color:var(--color-success)}.cp-card__reach-trend svg{width:12px;height:12px}.cp-card--status{width:160px;bottom:10%;left:0;z-index:2;animation:float 8s ease-in-out infinite 1s;transform:rotate(-2deg);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)}.cp-card__status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);flex-shrink:0;animation:pulse 2s ease-in-out infinite}.cp-card__status-text{font-size:12px;font-weight:600;color:var(--color-text-primary)}@media (max-width: 900px){.cp-illustration{min-height:320px;max-width:400px;margin:0 auto}.cp-card--main{width:250px}.cp-card--reach{width:115px}.cp-card--status{width:145px}}@media (max-width: 768px){.cp-illustration{min-height:280px}.cp-card--main{width:220px}.cp-card--reach{width:105px;top:0}.cp-card--status{width:140px;bottom:8%}}@media (max-width: 480px){.cp-illustration{min-height:220px}.cp-card--main{width:200px}.cp-card--reach{width:100px}.cp-card--status{display:none}}