.features{--spacing-adaptive: var(--spacing-base);background:var(--color-surface-muted);display:grid;gap:calc(var(--spacing-adaptive) * 1.5);row-gap:var(--spacing-base);@media(min-width:800px){--spacing-adaptive: var(--spacing-farthest)}}.feature-list>li{padding-block:calc(var(--spacing-adaptive) * .75);&:first-child{padding-block-start:0}}@media(min-width:600px){.feature-list{--border-width: 3px;--overflow-size: calc(var(--spacing-adaptive) * 1.5);--overflow-size: 25vh;counter-reset:feature-counter;position:relative;>li{padding-inline-start:max(calc(var(--spacing-adaptive) * 1),var(--spacing-farthest));position:relative;& li{list-style-type:disc}&:before{counter-increment:feature-counter;content:"0" counter(feature-counter);position:absolute;left:var(--spacing-near);font-size:var(--font-size-medium);font-weight:var(--font-weight-strong);color:var(--color-text-muted);color:var(--color-brand-primary-base)}}}}@media(min-width:60rem){.features{grid-template-columns:4fr 6fr}}.faq{box-shadow:none;border-radius:0;&:not(:last-child){border-block-end:1px solid var(--color-border-base)}}.faq-question{position:relative;gap:var(--control-spacing-base);flex-wrap:nowrap;background:none;align-items:flex-start;>.nc-icon{margin-block-start:.275em;color:var(--color-brand-primary-base)}&::marker{content:none}& h3{font-weight:var(--font-weight-fat);font-stretch:100%;font-size:var(--font-size-medium)}}.faq-svg{transition:transform var(--transition-duration-short) var(--ease-in-2)}.faq[open] .faq-svg{transform:rotate(45deg)}.faq[open] .faq-question{margin-block-end:0}.faq-answer{padding-inline-start:calc(var(--control-spacing-base) + 1em)}