.solution-family-page .sol-key{--sol-key-radius:var(--radius-panel);--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:calc(var(--sol-key-gutter) * 2);--sol-key-head-gap:calc(var(--sol-key-gutter) * 2);padding-block:clamp(4rem,8vw,6.5rem)}.solution-family-page .sol-key-head{margin-bottom:var(--sol-key-head-gap);text-wrap:balance;max-width:20ch}.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:center;max-width:32rem}html .solution-family-page .sol-key-title{font-family:var(--font-sans);font-weight:800;font-size:var(--sol-h3-size);line-height:var(--sol-h3-leading);letter-spacing:var(--sol-h3-track);text-wrap:balance}.solution-family-page .sol-key-text{margin-top:var(--sol-key-step);font-family:var(--font-sans);font-size:var(--sol-lede-size);color:var(--muted-foreground);line-height:1.6}.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-cta{margin-top:var(--sol-key-step-2x);background:var(--foreground);font-family:var(--font-sans);color:var(--background);border-radius:999px;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;transition:opacity .15s;display:inline-flex}.solution-family-page .sol-key-cta:hover{opacity:.9}.solution-family-page .sol-key-thumb{isolation:isolate;border-radius:var(--sol-key-radius);--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;outline:1px solid color-mix(in oklab, var(--media-foreground) 26%, transparent);outline-offset:-1px;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:899px){.solution-family-page .sol-key-head{max-width:none}}@media (max-width:480px){.solution-family-page .sol-key{--sol-key-bleed:1.25rem;--sol-key-radius:var(--radius-tile-lg)}}.sol-audience .sol-key{--sol-key-card-pad:clamp(1.25rem, 2.1vw, 1.875rem);--sol-key-stack-gap:clamp(1rem, 1.6vw, 1.5rem);--sol-key-head-gap:2.5rem;padding-block:clamp(2.5rem,3.9vw,3.5rem)}.sol-audience .sol-key-row{border-radius:var(--sol-key-radius);background:var(--card);color:var(--card-foreground);padding:var(--sol-key-card-pad)}.sol-audience .sol-key-copy{align-self:start}html .sol-audience .sol-key-title{font-weight:var(--sol-item-weight);font-size:var(--sol-item-size);line-height:var(--sol-item-leading);letter-spacing:var(--sol-item-track)}.sol-audience .sol-key-thumb{border-radius:var(--radius-tile-lg);aspect-ratio:16/9}
