/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.side-by-side{--side-by-side-title-gap:20px;--side-by-side-actions-gap:30px;background:var(--surface);color:var(--surface-strong);font-family:var(--context-font)}.side-by-side .layout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:var(--grid-gutter)}@media (width >= 87.5rem){.side-by-side .layout{grid-template-columns:repeat(12,minmax(0,1fr))}}.side-by-side .layout.text-on-left>.copy-column{grid-column:span 4/span 4}@media (width >= 87.5rem){.side-by-side .layout.text-on-left>.copy-column{grid-column:span 5/span 5}}@media (width >= 87.5rem){.side-by-side .layout.text-on-left>.copy-column{grid-column-start:1}}@media (width >= 87.5rem){.side-by-side .layout.text-on-left>.copy-column{grid-row-start:1}}.side-by-side .layout.text-on-left>.media{grid-column:span 4/span 4}@media (width >= 87.5rem){.side-by-side .layout.text-on-left>.media{grid-column:span 7/span 7}}@media (width >= 87.5rem){.side-by-side .layout.text-on-left>.media{grid-column-start:6}}@media (width >= 87.5rem){.side-by-side .layout.text-on-left>.media{grid-row-start:1}}.side-by-side .layout.text-on-right>.media{grid-column:span 4/span 4}@media (width >= 87.5rem){.side-by-side .layout.text-on-right>.media{grid-column:span 7/span 7}}@media (width >= 87.5rem){.side-by-side .layout.text-on-right>.media{grid-column-start:1}}@media (width >= 87.5rem){.side-by-side .layout.text-on-right>.media{grid-row-start:1}}.side-by-side .layout.text-on-right>.copy-column{grid-column:span 4/span 4}@media (width >= 87.5rem){.side-by-side .layout.text-on-right>.copy-column{grid-column:span 5/span 5}}@media (width >= 87.5rem){.side-by-side .layout.text-on-right>.copy-column{grid-column-start:8}}@media (width >= 87.5rem){.side-by-side .layout.text-on-right>.copy-column{grid-row-start:1}}.side-by-side .media{overflow:hidden;position:relative;width:100%}.side-by-side .copy-column{align-items:flex-start;display:flex;flex-direction:column;gap:var(--side-by-side-actions-gap)}.side-by-side .text{display:flex;flex-direction:column;gap:var(--side-by-side-title-gap)}.side-by-side .title{font-size:30px;font-weight:400;line-height:1.15}@media (width >= 48rem){.side-by-side .title{font-size:36px;font-weight:400;line-height:1.15}}.side-by-side .copy{font-size:20px;font-weight:300;line-height:1.3}.side-by-side .actions{--cta-gap:8px}