.feature-section{--feature-tabs-width:clamp(280px,38vw,460px);gap:var(--space-5);flex-direction:column;width:100%;display:flex}.feature-row{gap:var(--space-5);flex-direction:row;align-items:stretch;display:flex}.feature-tabs{width:var(--feature-tabs-width);min-width:var(--feature-tabs-width);gap:var(--space-3);flex-direction:column;flex-shrink:0;display:flex}.feature-tab{border-radius:var(--radius);color:var(--text);text-align:left;cursor:pointer;background-color:#0000;border:none;flex-direction:column;gap:4px;padding:20px;transition:background-color .3s;display:flex}.feature-tab:hover{background-color:#ffffff14;transition-duration:75ms}.feature-tab:active,.feature-tab.active{background-color:#ffffff24;transition-duration:.15s}.feature-tab-title{font-size:var(--typo-largecopy);font-weight:var(--font-weight-semibold);margin:0;line-height:1.5em}.feature-tab-desc{font-size:var(--typo-largecopy);font-weight:var(--font-weight-normal);text-wrap:balance;color:var(--text-muted);margin:0;line-height:1.5em}.feature-media{gap:var(--space-5);flex-direction:column;flex:1;min-width:0;max-width:100%;min-height:0;transition:all .25s cubic-bezier(.44,.22,.26,.99);display:flex}.feature-media-image-wrap,.feature-media-placeholder-wrap{border-radius:var(--radius-lg);flex:1;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.feature-media-placeholder-wrap .media-placeholder{width:100%;height:100%;aspect-ratio:unset;border-radius:inherit}.feature-media-image{object-fit:cover;width:100%;height:100%;min-height:0}@media (max-width:884px){.feature-row{gap:var(--space-4);flex-direction:column}.feature-tabs{scroll-snap-type:x mandatory;flex-direction:row;width:calc(100% + 40px);min-width:0;max-width:calc(100% + 40px);margin:0 -20px;padding:0 20px;overflow-x:auto}.feature-tab{scroll-snap-align:center;scroll-snap-stop:always;background-color:#ffffff12;min-width:min(75vw,300px)}.feature-tab:hover{background-color:#ffffff1f}.feature-tab:active,.feature-tab.active{background-color:#ffffff25}.feature-tab-desc{font-size:var(--typo-label);line-height:1.33em}.feature-media-image-wrap,.feature-media-placeholder-wrap{border-radius:var(--radius)}}@media (max-width:480px){.feature-tabs{width:calc(100% + 32px);max-width:calc(100% + 32px);margin:0 -16px;padding:0 16px}}
.feature-grid{--feature-grid-card-bg:var(--surface);--feature-grid-card-radius:var(--radius);--feature-grid-card-padding:var(--space-6);gap:var(--space-6);flex-direction:column;width:100%;display:flex}.feature-grid-grid{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.feature-grid-card{background-color:var(--feature-grid-card-bg);border-radius:var(--feature-grid-card-radius);gap:var(--space-2);flex-direction:column;margin:0;display:flex;overflow:hidden}.feature-grid-card-caption{gap:var(--space-2);padding:var(--feature-grid-card-padding);flex-direction:column;flex-grow:1;display:flex}.feature-grid-card-title{font-size:var(--typo-largecopy);font-weight:var(--font-weight-semibold);color:var(--text);margin:0;line-height:1.33em}.feature-grid-card-desc{font-size:var(--typo-copy);font-weight:var(--font-weight-normal);color:var(--text-muted);text-wrap:balance;margin:0;line-height:1.5em}.feature-grid-card-media{aspect-ratio:16/9;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.feature-grid-card-media .media-placeholder{width:100%;height:100%;aspect-ratio:unset;border-radius:0}.feature-grid-card-image{object-fit:cover;width:100%;height:100%}@media (max-width:884px){.feature-grid-grid{gap:var(--space-4);grid-template-columns:1fr}.feature-grid-card-caption{padding:var(--space-4)}}