@layer components{.feature-split{grid-template-columns:1fr;display:grid}@media (width>=1024px){.feature-split{grid-template-columns:repeat(12,1fr);align-items:center}}.feature-split__image{aspect-ratio:3/2;object-fit:cover;background-color:var(--surface);grid-row:1;width:100%}@media (width>=1024px){.feature-split__image{aspect-ratio:9/10;grid-column:1/9}.feature-split--image-right .feature-split__image{grid-column:5/13}}.feature-split__box{z-index:1;border:2px solid var(--primary);background-color:color-mix(in srgb, var(--background) 70%, transparent);border-radius:16px;grid-row:2;margin-top:-40px;padding:12px;position:relative}@media (width>=1024px){.feature-split__box{grid-area:1/7/auto/13;margin-top:0;padding:16px}.feature-split--image-right .feature-split__box{grid-column:1/7}}.feature-split__title{color:var(--primary);margin-bottom:8px;font-size:clamp(2rem,1.4rem + 2.6vw,3rem);font-weight:700;line-height:1}.feature-split__panel{background-color:var(--background);border-radius:12px;padding:16px}@media (width>=1024px){.feature-split__panel{padding:24px}}.feature-split__subtitle{margin-bottom:16px;font-size:1.125rem;font-weight:600;line-height:1.3}.feature-split__body{flex-direction:column;gap:16px;font-size:.9375rem;line-height:1.5;display:flex}.feature-split__cta{margin-top:24px}}