.DotArt{--period: 3.2s;overflow:visible}.DotArt .Dot{--amp: 1.4;transform-box:fill-box;transform-origin:center;animation:DotPulse var(--period) ease-in-out infinite;animation-delay:calc(var(--phase, 0) * var(--period) * -1)}.DotArt .Accent{--amp: 1.6}@media(prefers-reduced-motion:reduce){.DotArt .Dot{animation:none}}@keyframes DotPulse{0%,30%,to{transform:scale(1);filter:brightness(1)}12%{transform:scale(var(--amp));filter:brightness(1.25)}}.SolutionCard{position:relative}.SolutionCard .Card{position:relative;isolation:isolate;display:grid;min-height:400px;border-radius:12px;background:#101012;color:var(--fg);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}.SolutionCard .Card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(225deg,#ff7a1f 0%,var(--brand-deep) 60%,#d83600 100%);opacity:0;transition:opacity .35s ease}.SolutionCard .Face{grid-area:1 / 1;display:flex;flex-direction:column;padding:36px;transition:opacity .3s ease}.SolutionCard .Tile{display:inline-flex;align-items:center;justify-content:center;width:70px;height:70px;margin-bottom:30px;border-radius:8px;background:#ffffff1a}.SolutionCard .Tile img{display:block}.SolutionCard .Title,.SolutionCard .Name{font-size:var(--text-h3);font-weight:600;line-height:1.4;word-break:keep-all}.SolutionCard .Audience{margin-top:13px;font-size:20px;font-weight:400;line-height:1.4;color:#9b9fa7}.SolutionCard .Name{font-weight:700}.SolutionCard .Text{margin-top:16px;font-size:16px;line-height:1.6;word-break:keep-all}.SolutionCard .Cta{justify-content:center;margin-top:auto;padding:10px 24px 10px 32px}.SolutionCard .Front .Cta{background:#ffffff1a;color:#c9cbcf}.SolutionCard .Back{opacity:0}.SolutionCard .Back .Text{color:#ffffffeb}.SolutionCard:hover,.SolutionCard:has(.Card:focus-visible),.SolutionCard.Active{z-index:1}:is(.SolutionCard:hover,.SolutionCard:has(.Card:focus-visible),.SolutionCard.Active) .Card{transform:translateY(-16px);box-shadow:0 30px 80px #e83f024d}:is(.SolutionCard:hover,.SolutionCard:has(.Card:focus-visible),.SolutionCard.Active) .Card:before{opacity:1}:is(.SolutionCard:hover,.SolutionCard:has(.Card:focus-visible),.SolutionCard.Active) .Front{opacity:0}:is(.SolutionCard:hover,.SolutionCard:has(.Card:focus-visible),.SolutionCard.Active) .Back{opacity:1}@media(max-width:900px){.SolutionCard .Card{min-height:340px}.SolutionCard .Face{padding:28px}.SolutionCard .Tile{width:56px;height:56px;margin-bottom:28px}:is(.SolutionCard:hover,.SolutionCard:has(.Card:focus-visible),.SolutionCard.Active) .Card{transform:translateY(-8px)}}@media(max-width:520px){.SolutionCard{zoom:.6;min-height:400px}.SolutionCard .Face{padding:36px}.SolutionCard .Tile{width:70px;height:70px;margin-bottom:30px}}