.solution-family-page .sol-key{--sol-key-shot-radius:var(--radius-tile-md);--sol-key-strip:clamp(1.625rem, 3vw, 2.75rem);--sol-key-bleed:1.75rem;--sol-key-panel-c:.105;--sol-key-panel-lift:8%;--sol-key-panel-drop:10%;--sol-key-panel-c-drop:.026;--sol-key-bloom-lift:6%;--sol-key-bloom-a:.55;--sol-key-grain-a:.45;--sol-key-grain-blend:overlay;--sol-key-grain-size:256px;--sol-key-step:.875rem;--sol-key-step-2x:1.75rem;--sol-key-gutter:clamp(var(--sol-key-step-2x), 2.8vw, 2.75rem);--sol-key-stack-gap:1rem}.solution-family-page .sol-key-stack{gap:var(--sol-key-stack-gap);flex-direction:column;display:flex}.solution-family-page .sol-key-row{scroll-margin-top:5rem;position:relative}.solution-family-page .sol-key-body{gap:var(--sol-key-gutter);display:grid}.solution-family-page .sol-key-copy{align-self:start;max-width:32rem}.solution-family-page .sol-key-text{font-family:var(--font-sans);letter-spacing:.01em;color:var(--muted-foreground);margin-top:.5rem;font-size:.9375rem;line-height:1.375rem}.solution-family-page .sol-key-points{margin-top:var(--sol-key-step-2x);gap:var(--sol-key-step);border-inline-start:1px solid var(--border);font-family:var(--font-sans);color:color-mix(in oklab, var(--foreground) 80%, transparent);flex-direction:column;padding-inline-start:1.125rem;font-size:.875rem;font-weight:500;line-height:1.45;display:flex}.solution-family-page .sol-key-thumb{isolation:isolate;--sol-key-panel-l:var(--sol-key-l-dark,55%);--sol-key-ramp:145deg;--sol-key-bloom-x:4%;background-image: radial-gradient(74% 62% at var(--sol-key-bloom-x) 0%, oklch(calc(var(--sol-key-panel-l) + var(--sol-key-panel-lift) + var(--sol-key-bloom-lift)) calc(var(--sol-key-panel-c) * .72) var(--sol-key-hue,62) / var(--sol-key-bloom-a)) 0%, transparent 68%),  linear-gradient(var(--sol-key-ramp), oklch(calc(var(--sol-key-panel-l) + var(--sol-key-panel-lift)) var(--sol-key-panel-c) var(--sol-key-hue,62)) 0%, oklch(var(--sol-key-panel-l) var(--sol-key-panel-c) var(--sol-key-hue,62)) 32%, oklch(calc(var(--sol-key-panel-l) - var(--sol-key-panel-drop)) calc(var(--sol-key-panel-c) + var(--sol-key-panel-c-drop)) var(--sol-key-hue-end,var(--sol-key-hue,62))) 66%);aspect-ratio:4/3;align-self:center;width:100%;position:relative;overflow:hidden}.solution-family-page .sol-key-thumb:before{content:"";background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:var(--sol-key-grain-size) var(--sol-key-grain-size);mix-blend-mode:var(--sol-key-grain-blend);opacity:var(--sol-key-grain-a);pointer-events:none;position:absolute;inset:0}.solution-family-page .sol-key-row[data-flip=true] .sol-key-thumb{--sol-key-ramp:215deg;--sol-key-bloom-x:96%}.solution-family-page .sol-key-shot{inset:var(--sol-key-strip) calc(-1 * var(--sol-key-bleed)) calc(-1 * var(--sol-key-bleed)) var(--sol-key-strip);border-start-start-radius:var(--sol-key-shot-radius);position:absolute;overflow:hidden}.solution-family-page .sol-key-shot>img,.solution-family-page .sol-key-shot>video{object-fit:cover;width:100%;height:100%;display:block}.solution-family-page .sol-key-shot>img[data-fit=top],.solution-family-page .sol-key-shot>video[data-fit=top]{object-position:top}.solution-family-page .sol-key-row[data-flip=true] .sol-key-shot{inset:var(--sol-key-strip) var(--sol-key-strip) calc(-1 * var(--sol-key-bleed)) calc(-1 * var(--sol-key-bleed));border-start-start-radius:0;border-start-end-radius:var(--sol-key-shot-radius)}:root[data-theme=light] .solution-family-page .sol-key{--sol-key-panel-c:.095;--sol-key-panel-lift:4%;--sol-key-panel-drop:12%;--sol-key-panel-c-drop:.03;--sol-key-bloom-lift:4%;--sol-key-bloom-a:.5;--sol-key-grain-a:.75}:root[data-theme=light] .solution-family-page .sol-key-thumb{--sol-key-panel-l:var(--sol-key-l-light,82%)}@media (min-width:900px){.solution-family-page .sol-key-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.solution-family-page .sol-key-copy{grid-area:1/1}.solution-family-page .sol-key-thumb{grid-area:1/2}.solution-family-page .sol-key-row[data-flip=true] .sol-key-copy{grid-column:2}.solution-family-page .sol-key-row[data-flip=true] .sol-key-thumb{grid-column:1}}@media (max-width:480px){.solution-family-page .sol-key{--sol-key-bleed:1.25rem}}.sol-audience .sol-key-thumb{aspect-ratio:16/9}