.showcase-grid{grid-template-columns:minmax(280px,.42fr) minmax(0,1fr)!important;align-items:start!important}.showcase .desktop-figure{grid-column:1/-1}.showcase .mobile-figure{grid-column:1}.showcase .mobile-shot{height:auto;max-height:620px;object-fit:contain}.showcase-benefits{grid-column:2;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(0,1fr));gap:14px;align-self:stretch}.showcase-benefits article{display:flex;align-items:center;gap:18px;min-height:0;padding:22px;border:1px solid #303547;border-radius:17px;background:linear-gradient(145deg,#111522,#0a0d15);box-shadow:0 18px 40px #0004}.showcase-benefits i{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#7c4ee52c;color:#c5adff;font-size:21px;font-style:normal}.showcase-benefits strong{display:block;font-size:16px}.showcase-benefits p{margin:8px 0 0;font-size:13px}.marketing-insights{max-width:1240px;margin:28px auto 0;padding:34px;border:1px solid #3b3155;border-radius:24px;background:radial-gradient(circle at 88% 10%,#502b862e,transparent 33%),linear-gradient(145deg,#131624,#0b0e16)}
.marketing-insights-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.marketing-insights h2{margin:8px 0 0;font-size:clamp(28px,4vw,44px)}.marketing-insights-head>p{max-width:570px;margin:0}
.demo-label{display:inline-flex;align-items:center;gap:7px;margin-top:16px;padding:7px 10px;border:1px solid #665099;border-radius:999px;background:#8b5cf619;color:#cdbbff;font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.demo-label:before{content:"";width:7px;height:7px;border-radius:50%;background:#a87cff;box-shadow:0 0 12px #a87cff}
.insights-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px;margin-top:24px}.insight-card{position:relative;min-width:0;padding:20px;border:1px solid #303547;border-radius:18px;background:#090c14;overflow:hidden;box-shadow:0 22px 48px #0005}.insight-card.wide{grid-row:span 2}
.insight-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:14px}.insight-card-head span{display:block;color:#939db4;font-size:12px}.insight-card-head strong{display:block;margin-top:5px;font-size:clamp(21px,3vw,29px)}.insight-trend{padding:7px 10px;border-radius:999px;background:#1c8e6830;color:#50e2ad;font-size:12px;font-weight:850;white-space:nowrap}.insight-trend.warm{background:#b9771930;color:#ffc36a}
.demo-chart{display:block;width:100%;height:auto;overflow:visible}.chart-grid{stroke:#2c3242;stroke-width:1}.chart-axis{fill:#7e889f;font:11px Inter,Segoe UI,Arial,sans-serif}.chart-line{fill:none;stroke:#9c6cff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px #8b5cf688);stroke-dasharray:900;animation:drawMarketingChart 2.2s ease-out both}.chart-line.cyan{stroke:#20cef2;filter:drop-shadow(0 0 6px #20cef266)}.chart-line.rose{stroke:#ff6385;filter:drop-shadow(0 0 6px #ff638566)}.chart-point{fill:#0b0e16;stroke:#b995ff;stroke-width:3;transition:.18s;cursor:help}.chart-point:hover,.chart-point:focus{r:7;fill:#b995ff;outline:none}
.chart-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px;color:#9ca5ba;font-size:12px}.chart-legend span{display:inline-flex;align-items:center;gap:7px}.chart-legend i{width:9px;height:9px;border-radius:50%;background:#9c6cff;box-shadow:0 0 10px #9c6cff88}.chart-legend .cyan{background:#20cef2}.chart-legend .rose{background:#ff6385}
.profit-bars{display:grid;gap:14px;margin-top:18px}.profit-row{display:grid;grid-template-columns:92px 1fr auto;align-items:center;gap:10px;color:#a4adc0;font-size:12px}.profit-track{height:10px;border-radius:99px;background:#202534;overflow:hidden}.profit-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8052e7,#af86ff);transform-origin:left;animation:growMarketingBar 1.5s ease-out both}.profit-fill.orange{background:linear-gradient(90deg,#ad6b13,#ffb347)}.profit-fill.green{background:linear-gradient(90deg,#14825e,#40dca4)}.profit-row strong{color:#f8f8fc;font-size:12px}
.profit-equation{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;padding:13px;border:1px solid #275d4d;border-radius:13px;background:#12312766;color:#59e3b1;font-weight:900}.insight-note{margin:14px 0 0;color:#7f899f;font-size:11px;line-height:1.5}
@keyframes drawMarketingChart{from{stroke-dashoffset:900}to{stroke-dashoffset:0}}@keyframes growMarketingBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:850px){.showcase-grid{grid-template-columns:1fr!important}.showcase .desktop-figure,.showcase .mobile-figure,.showcase-benefits{grid-column:1}.showcase .mobile-figure{width:min(100%,420px);justify-self:center}.showcase-benefits{grid-template-columns:1fr 1fr}.marketing-insights-head{align-items:flex-start;flex-direction:column}.insights-grid{grid-template-columns:1fr}.insight-card.wide{grid-row:auto}}@media(max-width:560px){.showcase-benefits{grid-template-columns:1fr}.showcase-benefits article{min-height:0}.marketing-insights{padding:23px}.insight-card{padding:16px}.profit-row{grid-template-columns:78px 1fr auto}.chart-axis{font-size:9px}}@media(prefers-reduced-motion:reduce){.chart-line,.profit-fill{animation:none}}