@layer component{.feature-card{--feature-card-gap:var(--s-gap-atom);--feature-card-pad:var(--s-card-pad-ample);--feature-card-hover-lift:-5px;--feature-card-transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;--feature-card-ring:var(--sf-ring,var(--focus-ring,var(--s-overlay-80,#ffffffb3)));--feature-card-ring-offset:3px;--feature-card-icon-box:56px;--feature-card-icon-size:28px;--feature-card-icon-bg:transparent;--feature-card-icon-bd:transparent;--feature-card-icon-radius:var(--s-radius-lg,12px);--feature-card-text-muted:var(--s-text-2);--fc-gap:var(--feature-card-gap);--fc-pad:var(--feature-card-pad);gap:var(--fc-gap);width:100%;min-width:0;padding:var(--fc-pad);text-align:center;color:var(--sf-text,var(--surface-text,var(--surface-text)));--fc-tf:none;transform:var(--fc-tf);will-change:auto;transition:var(--feature-card-transition);background:var(--sf-bg,var(--surface-bg,var(--s-overlay-5)));border:1px solid var(--sf-bd,var(--surface-bd,transparent));border-radius:var(--sf-radius,var(--surface-radius,var(--s-radius-xl)));box-shadow:var(--sf-shadow,var(--surface-shadow,none));-webkit-backdrop-filter:blur(var(--sf-blur,var(--surface-blur,8px)));background-clip:padding-box;outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.feature-card:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(to bottom, var(--s-bg-14), var(--s-bg-62)), var(--feature-bg-image,none);opacity:1;filter:blur(3px);transform-origin:50%;background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.04)}.feature-card:is([data-surface=default],[data-surface=clay]):before{display:none}.feature-card>*{z-index:1;position:relative}@supports not (backdrop-filter:blur(1px)){.feature-card{-webkit-backdrop-filter:none}}@media (hover:hover){.feature-card:hover{--fc-tf:translateY(var(--feature-card-hover-lift,-5px));box-shadow:var(--sf-shadow-hover,var(--surface-shadow-hover,0 10px 30px #00000040))}}.feature-card:focus-visible{outline:2px solid var(--feature-card-ring);outline-offset:var(--feature-card-ring-offset,3px);border-radius:max(0px, calc(var(--sf-radius,var(--surface-radius,var(--s-radius-xl))) - 2px))}.feature-card .icon-wrapper{--fc-icon-box:var(--feature-card-icon-box,56px);--fc-icon-size:var(--feature-card-icon-size,28px);--fc-icon-bg:var(--feature-card-icon-bg,transparent);--fc-icon-bd:var(--feature-card-icon-bd,transparent);--fc-icon-radius:var(--feature-card-icon-radius,var(--s-radius-lg,12px));width:var(--icon-size,var(--fc-icon-box));height:var(--icon-size,var(--fc-icon-box));margin:var(--s-inline-2xs,var(--s-space-2xs,var(--s-space-3xs,.25rem))) auto;background:var(--fc-icon-bg);border:1px solid var(--fc-icon-bd);border-radius:var(--fc-icon-radius);color:var(--icon-color,currentColor);justify-content:center;align-items:center;display:inline-flex}.feature-card .icon-wrapper :is(svg,img){width:var(--fc-icon-size,var(--icon-size,28px));height:var(--fc-icon-size,var(--icon-size,28px));display:block}.feature-card .icon-inline :where(svg){stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block}.feature-card .icon-inline :where(svg):not([fill]){fill:none}.feature-card .icon-inline :where(svg) [stroke]:not([stroke=none]),.feature-card .icon-inline :where(svg):not([stroke]){stroke:currentColor}.feature-card .icon-inline :where(svg):not([stroke-width]){stroke-width:2px}.feature-card .icon-img{width:var(--icon-size,var(--fc-icon-box));height:var(--icon-size,var(--fc-icon-box));display:block}.feature-card :where(h3,h4,h5,h6){margin:0}.feature-card .feature-description{color:var(--fc-text-muted,var(--feature-card-text-muted));margin:0}@media (prefers-reduced-motion:reduce){.feature-card{transition:none!important;transform:none!important}}.b-feature{--b-max:72rem;--b-px:var(--s-section-pad-x,var(--s-space-xl));--b-py:var(--s-section-pad-y,var(--s-space-fluid-lg));--b-gap:var(--s-block-gap-md,var(--s-stack-md));--b-min:16rem;--b-stack-gap:var(--s-block-gap-lg,var(--s-stack-lg));padding-block:var(--b-py)}.b-feature__inner{width:100%;max-width:var(--b-max);padding-inline:var(--b-px);box-sizing:border-box;gap:var(--b-stack-gap);min-width:0;margin-inline:auto;display:grid}.item-section-content>.b-feature{--b-px:0}.b-feature__grid{gap:var(--b-gap);grid-template-columns:repeat(auto-fit, minmax(var(--b-min), 1fr));place-items:stretch stretch;width:100%;min-width:0;display:grid}.b-feature__grid>*{min-width:0}.b-feature__grid[data-cols=auto]{grid-template-columns:repeat(auto-fit, minmax(var(--b-min), 1fr))}.b-feature__grid[data-cols="1"]{grid-template-columns:1fr}.b-feature__grid[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.b-feature__grid[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.b-feature__grid[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=48rem){.b-feature__grid[data-cols="3"],.b-feature__grid[data-cols="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.b-feature__grid[data-mobile-cols="1"]{grid-template-columns:1fr}.b-feature__grid[data-mobile-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=22.5rem){.b-feature__grid{grid-template-columns:1fr}}.b-feature[data-width=wide]{--b-max:80rem}.b-feature[data-width=normal]{--b-max:72rem}.b-feature[data-width=narrow]{--b-max:60rem}.b-feature[data-width=full]{--b-max:none}.b-feature[data-padding=none]{--b-py:0}.b-feature[data-padding=sm]{--b-py:var(--s-stack-lg,var(--s-space-2xl))}.b-feature[data-padding=md]{--b-py:var(--s-section-pad-y,var(--s-space-fluid-lg))}.b-feature[data-padding=lg]{--b-py:var(--s-space-fluid-4xl,var(--s-space-3xl))}.b-feature[data-gap=none]{--b-gap:0}.b-feature[data-gap=sm]{--b-gap:var(--s-block-gap-sm,var(--s-stack-sm))}.b-feature[data-gap=md]{--b-gap:var(--s-block-gap-md,var(--s-stack-md))}.b-feature[data-gap=lg]{--b-gap:var(--s-block-gap-lg,var(--s-stack-lg))}.b-feature[data-variant=editorial]{--b-gap:0}.b-feature[data-variant=editorial] .feature-card{--feature-card-pad:var(--s-card-pad-sm);--feature-card-gap:var(--s-card-gap-sm);--feature-card-icon-box:2rem;--feature-card-icon-size:1.35rem;--feature-card-hover-lift:0px;box-shadow:none;text-align:left;background:0 0;border-color:#0000;border-radius:0}.b-feature[data-variant=editorial] .feature-card:before{display:none}.b-feature[data-variant=editorial] .feature-card .icon-wrapper{margin-block:0;margin-inline:0}.b-feature[data-variant=editorial] .b-feature__grid>*+*{border-inline-start:1px solid var(--s-border-1)}@media (width<=48rem){.b-feature[data-variant=editorial] .b-feature__grid>*+*{border-inline-start:0;border-block-start:1px solid var(--s-border-1)}}}