@layer components{.platform-picker{margin-block:-10px var(--space-4);flex-direction:column;align-items:center;gap:18px;display:flex}@media (max-width:768px){.platform-picker{margin-block-start:0}}.platform-panel{flex-wrap:wrap;justify-content:center;gap:12px;min-height:52px;display:flex}@media (max-width:768px){.platform-panel{flex-direction:column;align-items:center;width:100%}}}
@layer components{.features-section{padding-block-start:var(--space-6);padding-block-end:var(--space-4);padding-inline:var(--space-3)}@media (max-width:768px){.features-section{padding-block-start:var(--space-5);padding-block-end:var(--space-3);padding-inline:20px}}.feature-layout{gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(280px,.7fr) minmax(0,1fr);place-items:center;margin-block-start:var(--space-4);display:grid}@media (max-width:768px){.feature-layout{gap:var(--space-4);grid-template-columns:1fr}}.feature-column{gap:var(--space-4);z-index:1;width:100%;display:grid;position:relative}@media (max-width:768px){.feature-column{gap:var(--space-3)}}.feature-item{max-width:var(--container-measure-2xs);text-align:center;margin-inline:auto}.feature-item h3{font-family:var(--font-display);font-weight:var(--font-weight-regular);letter-spacing:var(--text-display-md--letter-spacing);font-size:var(--text-headline-sm);line-height:var(--text-headline-sm--line-height);color:var(--color-text-on-dark);margin:0}.feature-item p{color:var(--color-text-muted-on-dark);font-size:var(--text-body-md);line-height:var(--text-body-md--line-height);margin:0;margin-block-start:var(--space-1)}.oil-visual{--oil-shift:max(-5vw, -72px);aspect-ratio:.964;z-index:0;pointer-events:none;width:min(40.3vw,580px);filter:drop-shadow(0 26px 70px color-mix(in srgb, var(--color-brand) 16%, transparent)) drop-shadow(0 18px 36px #0000006b);justify-content:center;align-items:center;display:flex;position:relative}@media (min-width:768px){.oil-visual{transform:translateX(var(--oil-shift))}}[dir=rtl] .oil-visual{--oil-shift:min(5vw, 72px)}@media (max-width:768px){.oil-visual{aspect-ratio:1;order:2;width:min(100%,320px)}}.oil-visual img{object-fit:contain;z-index:1;width:100%;height:100%;position:relative}@media (max-width:768px){.oil-visual img{-webkit-mask-image:linear-gradient(#000 0% 80%,#0000 100%);mask-image:linear-gradient(#000 0% 80%,#0000 100%)}.feature-column:first-child{order:1}.feature-column:last-child{order:3}}}