.profit-widget{position:absolute;z-index:2;right:clamp(28px,6vw,112px);top:152px;width:300px;padding:16px;background:rgba(13,45,41,.78);border:1px solid rgba(141,255,193,.28);border-radius:20px;box-shadow:0 26px 60px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(12px);color:#f4fff8}.widget-top{display:flex;align-items:center;gap:7px;color:#b4d0c3;font:500 8px "DM Mono",monospace;letter-spacing:.07em}.widget-period{margin-left:auto;color:#6ff3a6;font-size:7px}.live-pulse{width:7px;height:7px;border-radius:50%;background:#00d776;box-shadow:0 0 0 0 rgba(0,215,118,.6);animation:profitPulse 1.8s infinite}.profit-chart{position:relative;width:208px;height:208px;margin:17px auto 15px;display:grid;place-items:center}.profit-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from -18deg,#069c64 0 51%,#00bf72 51% 67%,#206ee8 67% 80%,#8848ec 80% 89%,#ff7135 89% 95%,#ffd047 95% 100%);mask:radial-gradient(farthest-side,transparent calc(100% - 30px),#000 calc(100% - 29px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 30px),#000 calc(100% - 29px));animation:profitSpin 18s linear infinite;box-shadow:0 0 28px rgba(0,191,114,.25)}.profit-total{position:relative;text-align:center;display:flex;flex-direction:column;gap:5px}.profit-total small,.profit-metrics small{font:500 8px "DM Mono",monospace;letter-spacing:.06em;color:#a9c5b8}.profit-total strong{font-size:28px;letter-spacing:-.06em;line-height:1;color:#55f19a;transition:opacity .18s ease,transform .18s ease}.profit-total span{font-size:9px;font-weight:800;color:#6cf4a5;transition:opacity .18s ease,transform .18s ease}.profit-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.profit-metrics div{padding:10px;border:1px solid rgba(190,244,216,.13);border-radius:9px;background:rgba(255,255,255,.035);display:flex;flex-direction:column;gap:4px}.profit-metrics strong{font-size:14px;letter-spacing:-.04em}.widget-foot{margin:13px 2px 0;color:#aac5b9;font-size:9px;line-height:1.5}.profit-widget.is-updating .profit-total strong,.profit-widget.is-updating .profit-total span,.profit-widget.is-updating .profit-metrics strong{opacity:0;transform:translateY(5px)}@keyframes profitSpin{to{transform:rotate(360deg)}}@keyframes profitPulse{70%{box-shadow:0 0 0 7px rgba(0,215,118,0)}}@media(max-width:1180px){.profit-widget{right:28px;top:178px;width:260px}.profit-chart{width:172px;height:172px}.profit-total strong{font-size:24px}.saas-hero h1{max-width:760px}}@media(max-width:900px){.profit-widget{display:none}}@media(prefers-reduced-motion:reduce){.profit-ring,.live-pulse{animation:none}.profit-widget{display:none}}
