.product-generated-visual{position:absolute;z-index:1;display:block;object-fit:contain;pointer-events:none;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .55s ease}.agent-product-visual{width:110%;height:300px;left:-5%;bottom:38px;filter:drop-shadow(0 25px 30px rgba(239,116,104,.15))}.quality-product-visual{width:116%;height:290px;left:-8%;bottom:45px;filter:drop-shadow(0 24px 30px rgba(30,20,16,.1))}.product-card:hover .product-generated-visual{transform:translateY(-8px) scale(1.025)}.product-card:hover .agent-product-visual{filter:drop-shadow(0 30px 38px rgba(239,116,104,.24))}
.workflow-steps article{position:relative;overflow:hidden;min-height:335px}.workflow-steps article>img{position:absolute;width:190px;height:190px;object-fit:contain;left:50%;top:32px;transform:translateX(-50%);filter:drop-shadow(0 22px 24px rgba(239,116,104,.15));transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s ease}.workflow-steps article:hover>img{transform:translateX(-50%) translateY(-8px) scale(1.06);filter:drop-shadow(0 28px 34px rgba(239,116,104,.28))}.workflow-steps article>span{margin-top:205px}
.analytics-section{background:linear-gradient(180deg,#fff8f5 0,#fff 92%)}.analytics-dashboard{border:1px solid var(--line);border-radius:34px;background:#fff;padding:20px;box-shadow:0 35px 90px rgba(35,24,20,.08)}.analytics-head{display:flex;justify-content:space-between;align-items:center;padding:5px 8px 20px;border-bottom:1px solid var(--line)}.analytics-head>div{display:flex;align-items:center;gap:24px}.analytics-logo{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:850}.analytics-logo img{width:30px;height:30px}.analytics-head>div>b{font-size:20px}.period-chip{padding:10px 14px;border:1px solid var(--line);border-radius:12px;color:#6d717b;font-size:12px}.analytics-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.analytics-kpis article{border:1px solid var(--line);border-radius:20px;padding:20px;display:flex;flex-direction:column;min-height:140px;background:#fff}.analytics-kpis span{font-size:12px;color:#6e727c}.analytics-kpis strong{font-size:30px;letter-spacing:-.04em;margin:20px 0 5px}.analytics-kpis small{font-size:11px;color:#2d9a61}.analytics-kpis .kpi-accent{background:#fff1ed;border-color:#ffd9d1}.analytics-kpis .kpi-accent small{color:#d56757}.analytics-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:12px}.analytics-grid>article{border:1px solid var(--line);border-radius:22px;padding:20px;background:#fafafa;min-width:0}.analytics-grid article>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.analytics-grid article>header b{font-size:15px}.analytics-grid article>header span{display:block;margin-top:5px;color:#858994;font-size:11px}.trend-card header strong{color:#2d9a61}.trend-chart{height:250px;position:relative;margin-top:18px;overflow:hidden}.chart-grid{position:absolute;inset:0 0 26px;background:repeating-linear-gradient(to bottom,transparent 0 49px,#e9eaed 50px)}.trend-chart svg{position:absolute;inset:0 0 26px;width:100%;height:calc(100% - 26px);overflow:visible}.trend-chart .area{fill:url(#chartFill)}.trend-chart .line{fill:none;stroke:#ef7468;stroke-width:4;stroke-linecap:round;stroke-dasharray:900;stroke-dashoffset:900;transition:stroke-dashoffset 1.6s cubic-bezier(.2,.8,.2,1)}.analytics-dashboard.visible .trend-chart .line{stroke-dashoffset:0}.chart-labels{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;color:#8b8f98;font-size:10px}
.funnel-card{display:flex;flex-direction:column}.funnel-card header{margin-bottom:22px}.funnel-card header span,.channels-card header span{display:block}.funnel-row{display:grid;grid-template-columns:1fr 1.3fr 42px;gap:10px;align-items:center;margin:12px 0;font-size:11px}.funnel-row>span{color:#666b75}.funnel-row>i{height:8px;border-radius:99px;background:#ececef;overflow:hidden;position:relative}.funnel-row>i:after{content:"";position:absolute;inset:0 auto 0 0;width:0;background:var(--grad);border-radius:inherit;transition:width 1.1s cubic-bezier(.2,.8,.2,1)}.analytics-dashboard.visible .funnel-row>i:after{width:var(--value)}.funnel-row>b{text-align:right}.quality-mini-card{display:grid!important;grid-template-columns:180px 1fr;grid-template-rows:auto 1fr;gap:18px 25px}.quality-mini-card header{grid-column:1/-1}.quality-mini-card header strong{font-size:25px}.quality-mini-card header small{font-size:11px;color:#838791}.score-ring{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#ef7468 0 84%,#ececef 84%);position:relative;align-self:center}.score-ring:before{content:"";position:absolute;width:112px;height:112px;border-radius:50%;background:#fafafa}.score-ring span{position:relative;font-size:31px;font-weight:850}.quality-mini-card ul,.channels-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;justify-content:center;gap:15px}.quality-mini-card li,.channels-card li{display:flex;align-items:center;gap:8px;font-size:12px}.quality-mini-card li b,.channels-card li b{margin-left:auto}.quality-mini-card li>i{width:8px;height:8px;border-radius:50%}.quality-mini-card li>i.good{background:#35a46c}.quality-mini-card li>i.warn{background:#e3a236}.channels-card{display:grid!important;grid-template-columns:165px 1fr;grid-template-rows:auto 1fr;gap:18px 25px}.channels-card header{grid-column:1/-1}.channel-donut{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#ef7468 0 42%,#f5a45d 42% 70%,#302f34 70% 89%,#d9dade 89%);position:relative}.channel-donut:before{content:"";position:absolute;width:92px;height:92px;border-radius:50%;background:#fafafa}.channel-donut>span{position:relative;font-weight:850;font-size:21px;text-align:center}.channel-donut small{display:block;font-size:9px;color:#858994;font-weight:600}.channels-card li>i{width:9px;height:9px;border-radius:3px;background:#ef7468}.channels-card li:nth-child(2)>i{background:#f5a45d}.channels-card li:nth-child(3)>i{background:#302f34}.channels-card li:nth-child(4)>i{background:#d9dade}
@media(max-width:900px){.analytics-kpis{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.quality-mini-card,.channels-card{grid-template-columns:165px 1fr!important}}
@media(max-width:680px){.product-generated-visual{height:270px}.workflow-steps article{min-height:300px}.workflow-steps article>img{width:165px;height:165px;top:28px}.workflow-steps article>span{margin-top:175px}.analytics-dashboard{padding:12px;border-radius:25px}.analytics-head>div>b{display:none}.analytics-kpis{grid-template-columns:1fr 1fr;gap:8px}.analytics-kpis article{padding:15px;min-height:120px}.analytics-kpis strong{font-size:24px}.analytics-grid>article{padding:16px}.trend-chart{height:210px}.quality-mini-card,.channels-card{grid-template-columns:1fr!important}.score-ring,.channel-donut{margin:auto}.period-chip{font-size:10px;padding:8px}.funnel-row{grid-template-columns:1fr}.funnel-row>b{text-align:left}.funnel-row>i{grid-row:2;grid-column:1}.quality-product-visual{width:130%;left:-15%}}
@media(prefers-reduced-motion:reduce){.trend-chart .line,.funnel-row>i:after,.workflow-steps article>img,.product-generated-visual{transition:none!important}}