.solution-spotlight{--spotlight-panel:#24202b;--spotlight-border:#554d65;--spotlight-gradient-end:#2d1776;--spotlight-frame-radius:56px;background:var(--brand-black);color:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden}.solution-main{gap:var(--space-12);padding:var(--space-12) 0 0 var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.solution-copy{min-width:0;padding-bottom:var(--space-12)}.solution-identity{align-items:center;gap:var(--space-3);color:var(--home-dark-accent);font-size:var(--text-sm);margin-bottom:var(--space-8);font-weight:700;display:flex}.solution-identity svg{width:24px;height:24px}.solution-copy h3{margin-bottom:var(--space-6);font-size:clamp(30px,3vw,42px);font-weight:600;line-height:1.13}.solution-copy>p{color:var(--home-dark-muted);font-size:var(--text-base)}.solution-copy>p+p{margin-top:var(--space-4)}.solution-note{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);margin-block:var(--space-6);background:var(--spotlight-panel);border:1px solid var(--spotlight-border);border-radius:var(--radius-md);display:flex}.solution-note>svg{color:var(--home-dark-accent);width:24px;height:24px}.solution-note p{font-size:var(--text-sm);font-weight:600;line-height:1.6}.solution-copy .home-action{background:var(--color-surface);color:var(--brand-black);box-shadow:none;text-align:left;text-decoration:none}.solution-copy>p+.home-action{margin-top:var(--space-6)}.solution-copy .home-action:hover{background:var(--color-tint)}.solution-copy .home-action:focus-visible{outline-color:var(--home-dark-accent)}.solution-preview{border-top:1px solid var(--spotlight-border);border-left:1px solid var(--spotlight-border);border-radius:var(--spotlight-frame-radius) 0 0 0;background:linear-gradient(145deg, var(--color-action), var(--color-action-active) 65%, var(--spotlight-gradient-end));align-self:end;min-width:0;padding:54px 0 0 38px}.solution-window{min-height:420px;padding:var(--space-8);border-radius:var(--radius-lg) 0 0 0;background:var(--color-canvas);color:var(--color-ink)}.solution-preview--video{align-self:end}.solution-screenshot-frame{border-radius:var(--radius-lg) 0 0 0;overflow:hidden}.solution-screenshot{width:150%;max-width:none;height:auto;display:block}.solution-spotlight--reverse .solution-screenshot-frame{border-radius:0 var(--radius-lg) 0 0}@media (width<=799px){.solution-spotlight--reverse .solution-screenshot-frame{border-radius:var(--radius-lg) 0 0 0}}.solution-video{aspect-ratio:32/15;object-fit:contain;background:var(--brand-black);border-radius:0 var(--radius-lg) 0 0;width:100%;height:auto;display:block}@media (width<=799px){.solution-video{border-radius:var(--radius-lg) 0 0 0}}.solution-window-top{justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-line);color:var(--color-muted);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.solution-window-top>span{align-items:center;gap:var(--space-3);display:inline-flex}.solution-window-top i{background:var(--color-action);border-radius:50%;width:10px;height:10px}.solution-window-top small{font-size:var(--text-xs)}.solution-window-title{gap:var(--space-2);margin-block:var(--space-6);display:grid}.solution-window-title strong{font-size:var(--text-h3);letter-spacing:-.03em;font-weight:600;line-height:1.3}.solution-window-title>span{color:var(--color-muted);font-size:var(--text-sm)}.solution-window-panels{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.solution-window-panels>div{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;display:flex}.solution-window-panels svg{width:28px;height:28px;color:var(--color-action)}.solution-window-panels strong{font-size:var(--text-sm);font-weight:600;line-height:1.45}.solution-window-panels span{color:var(--color-muted);font-size:var(--text-xs);margin-top:auto}.solution-window-chart{align-items:flex-end;gap:var(--space-3);height:100px;margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-tint);display:flex}.solution-window-chart span{background:var(--color-action);border-radius:var(--radius-sm) var(--radius-sm) 0 0;flex:1}.solution-window-chart span:first-child{height:30%}.solution-window-chart span:nth-child(2){height:53%}.solution-window-chart span:nth-child(3){height:43%}.solution-window-chart span:nth-child(4){height:72%}.solution-window-chart span:nth-child(5){height:100%}.solution-spotlight--reverse .solution-main{padding:var(--space-12) var(--space-12) 0 0}.solution-spotlight--reverse .solution-copy{grid-area:1/2}.solution-spotlight--reverse .solution-preview{border-left:0;border-right:1px solid var(--spotlight-border);border-radius:0 var(--spotlight-frame-radius) 0 0;grid-area:1/1;padding-inline:0 38px}.solution-spotlight--reverse .solution-window{border-radius:0 var(--radius-lg) 0 0}@media (width<=1099px){.solution-main{gap:var(--space-8);padding:var(--space-8) 0 0 var(--space-8)}.solution-spotlight--reverse .solution-main{padding:var(--space-8) var(--space-8) 0 0}.solution-preview{padding:var(--space-8) 0 0 var(--space-6)}.solution-spotlight--reverse .solution-preview{padding-inline:0 var(--space-6)}.solution-window{padding:var(--space-6)}.solution-window-panels{grid-template-columns:1fr}}@media (width<=799px){.solution-main,.solution-spotlight--reverse .solution-main{gap:var(--space-8);padding:var(--space-8) 0 0;grid-template-columns:1fr}.solution-copy,.solution-spotlight--reverse .solution-copy{padding:0 var(--space-8);grid-area:auto/1}.solution-preview,.solution-spotlight--reverse .solution-preview{padding:var(--space-8) 0 0 var(--space-6);margin-left:var(--space-8);border-left:1px solid var(--spotlight-border);border-radius:var(--spotlight-frame-radius) 0 0 0;border-right:0;grid-area:auto/1}.solution-spotlight--reverse .solution-window{border-radius:var(--radius-lg) 0 0 0}.solution-window{min-height:0}.solution-window-panels{grid-template-columns:1fr 1fr}}@media (width<=539px){.solution-main,.solution-spotlight--reverse .solution-main{padding-top:var(--space-6)}.solution-copy,.solution-spotlight--reverse .solution-copy{padding-inline:var(--space-6)}.solution-identity{margin-bottom:var(--space-6);align-items:flex-start}.solution-copy h3{font-size:28px}.solution-copy .home-action{gap:var(--space-3);padding-inline:var(--space-4);font-size:13px}.solution-preview,.solution-spotlight--reverse .solution-preview{margin-left:var(--space-6);padding:var(--space-6) 0 0 var(--space-4);border-top-left-radius:36px}.solution-window{padding:var(--space-4)}.solution-window-title strong{font-size:20px}.solution-window-panels{grid-template-columns:1fr}.solution-window-panels>div{column-gap:var(--space-3);grid-template-columns:24px 1fr;display:grid}.solution-window-panels svg{grid-row:span 2;width:24px;height:24px}.solution-window-panels span{grid-column:2}.solution-window-chart{gap:var(--space-2);height:80px}}