.web-app-split-feature{scroll-margin-top:var(--fg-space-32);padding:var(--fg-space-32) var(--fg-section-padding-x) 0;background:var(--fg-color-background)}.web-app-split-feature__inner{display:grid;grid-template-columns:5fr 7fr;gap:var(--fg-space-12);align-items:center;width:min(100%, var(--fg-content-6xl));margin:0 auto}.web-app-split-feature--reverse .web-app-split-feature__copy{order:2}.web-app-split-feature--brand-lock .web-app-split-feature__inner{width:min(100%, var(--fg-content-wide));grid-template-columns:minmax(0,1.04fr) minmax(0,0.96fr);gap:var(--fg-space-16)}.web-app-split-feature--brand-lock .web-app-split-feature__visual{width:100%;justify-self:stretch}.web-app-split-feature--brand-lock .web-app-split-feature__copy{max-width:46rem;justify-self:start}.web-app-split-feature__header{max-width:var(--fg-content-2xl)}.web-app-split-feature__eyebrow{margin:0;color:var(--web-app-section-eyebrow-color);font-size:var(--web-app-section-eyebrow-size);font-weight:var(--web-app-section-eyebrow-weight);line-height:var(--web-app-section-eyebrow-line-height);letter-spacing:var(--web-app-section-eyebrow-tracking);text-transform:uppercase}.web-app-split-feature__title{margin:var(--fg-space-3) 0 0;color:var(--web-app-section-title-color);font-size:var(--web-app-section-title-size);font-weight:var(--web-app-section-title-weight);line-height:var(--web-app-section-title-line-height);letter-spacing:var(--web-app-section-title-tracking);text-wrap:pretty}.web-app-split-feature__intro{margin:var(--fg-space-4) 0 0;text-wrap:pretty}.web-app-split-feature__list{display:grid;gap:var(--fg-space-3);margin-top:var(--fg-space-6)}.web-app-split-feature__list article{display:flex;align-items:flex-start;gap:var(--fg-space-2);color:var(--fg-color-text-80);font-size:var(--fg-text-sm);line-height:var(--fg-leading-relaxed)}.web-app-split-feature__check{flex:0 0 auto;width:var(--fg-icon-md);height:var(--fg-icon-md);margin-top:var(--fg-space-0-5);color:var(--fg-color-text)}.web-app-split-feature__frame{padding:0;border:0;background:var(--fg-color-transparent);box-shadow:none}.web-app-split-feature__frame>span{display:inline-flex;margin-bottom:var(--fg-space-3);color:var(--fg-color-muted);font-size:var(--fg-text-11);font-weight:var(--fg-weight-semibold);letter-spacing:var(--fg-tracking-wide);text-transform:uppercase}.web-app-split-feature__preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--fg-space-4)}.web-app-split-feature__preview-grid--2,.web-app-split-feature__preview-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.web-app-split-feature__preview-grid--4 figure{aspect-ratio:2 / 3}.web-app-split-feature__preview-grid.web-app-split-feature__preview-grid--5{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.web-app-split-feature__preview-grid figure{position:relative;margin:0;overflow:hidden;aspect-ratio:2 / 3;border:var(--fg-border-width) solid var(--fg-color-border);border-radius:var(--fg-radius-2xl);background:var(--fg-color-muted-surface);box-shadow:var(--fg-shadow-card)}.web-app-split-feature__preview-grid.web-app-split-feature__preview-grid--5 figure{height:100%;aspect-ratio:auto}.web-app-split-feature__preview-grid.web-app-split-feature__preview-grid--5 figure:first-child{grid-column:span 2;grid-row:span 2;height:auto;aspect-ratio:2 / 3}.web-app-split-feature__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform var(--fg-transition-medium)}.web-app-split-feature__preview-grid figure:hover .web-app-split-feature__image{transform:none}.web-app-split-feature__preview-grid figcaption{position:absolute;left:var(--fg-space-2);top:var(--fg-space-2);display:inline-flex;padding:var(--fg-space-0-5) var(--fg-space-2);border-radius:var(--fg-radius-md);background:var(--fg-color-background-90);color:var(--fg-color-text-80);font-size:var(--fg-text-2xs);font-weight:var(--fg-weight-semibold);line-height:var(--fg-leading-tight);backdrop-filter:var(--fg-blur-sm)}@media (prefers-reduced-motion:reduce){.web-app-split-feature__image{transition:none}}.web-app-split-feature--variations{padding-top:var(--fg-space-32)}.web-app-split-feature--stacked .web-app-split-feature__inner{display:block}.web-app-split-feature--stacked .web-app-split-feature__copy{max-width:var(--fg-content-3xl)}.web-app-split-feature--stacked .web-app-split-feature__visual{margin-top:var(--fg-space-12)}.web-app-split-feature__variation-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--fg-space-6)}.web-app-split-feature__variation-panel{display:grid;grid-template-rows:auto auto auto;align-content:start;min-height:0;padding:var(--fg-space-4);border:var(--fg-border-width) solid var(--fg-color-border);border-radius:var(--fg-radius-3xl);background:var(--fg-color-surface);box-shadow:var(--fg-shadow-card)}.web-app-split-feature__variation-panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--fg-space-3);margin-bottom:var(--fg-space-3);color:var(--fg-color-muted);font-size:var(--fg-text-11);font-weight:var(--fg-weight-semibold);letter-spacing:var(--fg-tracking-wide);text-transform:uppercase}.web-app-split-feature__variation-panel-header strong{color:var(--fg-color-muted);font-size:inherit;font-weight:inherit;letter-spacing:inherit}.web-app-split-feature__variation-panel-header span{color:var(--fg-color-text-60);font-size:inherit;font-weight:inherit;letter-spacing:var(--fg-tracking-reset);text-transform:none}.web-app-split-feature__variation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;gap:var(--fg-space-3);min-height:0}.web-app-split-feature__variation-grid figure{position:relative;height:auto;min-height:0;margin:0;overflow:hidden;aspect-ratio:2 / 3;border:var(--fg-border-width) solid var(--fg-color-border);border-radius:var(--fg-radius-xl);background:var(--fg-color-muted-surface);box-shadow:var(--fg-shadow-card)}.web-app-split-feature__variation-grid figure:first-child{grid-column:auto}.web-app-split-feature__variation-grid .web-app-split-feature__image{position:static;width:100%;height:100%;object-fit:cover;object-position:center}.web-app-split-feature__variation-grid figcaption{position:absolute;left:var(--fg-space-2);top:var(--fg-space-2);display:inline-flex;padding:var(--fg-space-0-5) var(--fg-space-2);border-radius:var(--fg-radius-md);background:var(--fg-color-background-90);color:var(--fg-color-text-80);font-size:var(--fg-text-2xs);font-weight:var(--fg-weight-semibold);line-height:var(--fg-leading-tight);backdrop-filter:var(--fg-blur-sm)}.web-app-split-feature__brand-panel{display:grid;gap:0;margin-top:var(--fg-space-6);overflow:hidden;border:var(--fg-border-width) solid var(--fg-color-border);border-radius:var(--fg-radius-2xl);background:var(--fg-color-surface)}.web-app-split-feature__brand-panel article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--fg-space-3);align-items:center;padding:var(--fg-space-3) var(--fg-space-4);border:0;background:var(--fg-color-transparent);box-shadow:none}.web-app-split-feature__brand-panel article:not(:last-child){border-bottom:var(--fg-border-width) solid var(--fg-color-border)}.web-app-split-feature__brand-panel article>span{display:inline-flex;align-items:center;justify-content:center;width:var(--fg-space-8);height:var(--fg-space-8);border-radius:var(--fg-radius-lg);background:var(--fg-color-muted-surface);color:var(--fg-color-text)}.web-app-split-feature__brand-icon{width:var(--fg-icon-sm);height:var(--fg-icon-sm)}.web-app-split-feature__brand-panel strong,.web-app-split-feature__brand-panel small{display:block}.web-app-split-feature__brand-panel strong{color:var(--fg-color-text);font-size:var(--fg-text-sm);font-weight:var(--fg-weight-semibold);line-height:var(--fg-leading-snug)}.web-app-split-feature__brand-panel small{margin-top:var(--fg-space-0-5);color:var(--fg-color-muted);font-size:var(--fg-text-xs);line-height:var(--fg-leading-tight)}.web-app-split-feature__brand-check{width:var(--fg-icon-md);height:var(--fg-icon-md);color:var(--fg-color-text)}.web-app-split-feature--brand-lock .web-app-split-feature__preview-grid figure{aspect-ratio:4 / 5;border-radius:var(--fg-radius-2xl)}.web-app-split-feature--brand-lock .web-app-split-feature__frame>span{display:block;margin:var(--fg-space-3) 0 0;color:var(--fg-color-muted);font-size:var(--fg-text-11);font-weight:var(--fg-weight-regular);letter-spacing:var(--fg-tracking-reset);text-align:center;text-transform:none}.web-app-split-feature__variation-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--fg-space-3);margin-top:var(--fg-space-3)}.web-app-split-feature__variation-metrics span{display:block;padding:var(--fg-space-3);border:var(--fg-border-width) solid var(--fg-color-border);border-radius:var(--fg-radius-xl);background:var(--fg-color-background);text-align:center}.web-app-split-feature__variation-metrics strong,.web-app-split-feature__variation-metrics small{display:block}.web-app-split-feature__variation-metrics strong{color:var(--fg-color-text);font-size:var(--fg-text-lg);font-weight:var(--fg-weight-bold);line-height:var(--fg-leading-none)}.web-app-split-feature__variation-metrics small{margin-top:var(--fg-space-1);color:var(--fg-color-muted);font-size:var(--fg-text-2xs);font-weight:var(--fg-weight-semibold);line-height:var(--fg-leading-tight);text-transform:uppercase}.web-app-split-feature[data-web-app-section="web-app-variations"] .web-app-split-feature__frame{min-height:var(--fg-media-max-height-lg)}.web-app-split-feature[data-web-app-section="web-app-variations"] .web-app-split-feature__preview-grid{height:100%}.web-app-split-feature[data-web-app-section="web-app-brand-lock"] .web-app-split-feature__preview-grid{width:100%;height:auto;gap:var(--fg-space-3)}@media (max-width:900px){.web-app-split-feature__inner{grid-template-columns:1fr}.web-app-split-feature--brand-lock .web-app-split-feature__inner{grid-template-columns:1fr}.web-app-split-feature--reverse .web-app-split-feature__copy{order:0}.web-app-split-feature__variation-panels{grid-template-columns:1fr}.web-app-split-feature__variation-panel{min-height:0}}@media (max-width:640px){.web-app-split-feature{padding-top:var(--fg-space-24)}.web-app-split-feature__title{font-size:var(--web-app-section-title-size)}.web-app-split-feature__preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.web-app-split-feature__preview-grid.web-app-split-feature__preview-grid--5{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.web-app-split-feature__preview-grid.web-app-split-feature__preview-grid--5 figure,.web-app-split-feature__preview-grid.web-app-split-feature__preview-grid--5 figure:first-child{height:auto;aspect-ratio:2 / 3}.web-app-split-feature__preview-grid.web-app-split-feature__preview-grid--5 figure:first-child{grid-column:1 / -1;grid-row:auto;aspect-ratio:4 / 3}.web-app-split-feature--variations{padding-top:var(--fg-space-24)}.web-app-split-feature__variation-panel{min-height:0;padding:var(--fg-space-3)}.web-app-split-feature__variation-panel-header{align-items:flex-start;flex-direction:column}}