.features-hero{--features-banner-height:clamp(220px, 28vw, 440px);isolation:isolate;padding-top:calc(var(--features-banner-height) * .75);text-align:center;padding-bottom:3rem;position:relative;@media only screen and (width<=767px){padding-bottom:2rem}&:before{content:"";z-index:-1;height:var(--features-banner-height);background:linear-gradient(to bottom, color-mix(in srgb, Canvas 0%, transparent) 20%, color-mix(in srgb, Canvas 30%, transparent) 50%, Canvas 100%), url(/images/section-socialproof-bg.jpg) center / cover no-repeat;position:absolute;inset:0 0 auto}& .features-hero-lead{font-size:var(--relative-huge);opacity:.85}}.features-hero-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;margin-top:2rem;display:flex;& .ui.button{margin:0}}.features-toc{margin-bottom:2rem;& ul{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}& a{border:1px solid var(--border-color);border-radius:var(--circular-radius);color:var(--text-color);padding:.35em .9em;text-decoration:none;display:inline-block;&:hover{background-color:var(--button-hover-background-color)}}}.features-section{border-top:1px solid var(--border-color);padding-block:3rem;& h2{margin-bottom:.5em}& .features-section-lead{max-width:50em;color:var(--muted-text-color);font-size:var(--relative-large)}}.features-grid{--h3:var(--relative-large);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:1.5rem 2rem;margin-top:2rem;padding:0;list-style:none;display:grid}.features-item{border-left:3px solid var(--border-color);flex-direction:column;min-width:0;padding-left:1rem;display:flex;& h3{margin:0 0 .35em;font-weight:600}& .features-item-body{color:var(--muted-text-color);padding-bottom:.75rem;& p{margin-bottom:.5em}& ul{margin:.25em 0 .5em;padding-left:1.25em}}& code{overflow-wrap:anywhere}& .features-item-docs{font-size:var(--relative-small)}}.features-closing{border-top:1px solid var(--border-color);text-align:center;padding-block:4rem 6rem;& .features-hero-buttons{margin-top:1.5rem}}.features-item-thumb{aspect-ratio:16/10;background:light-dark(var(--off-white),var(--subtle-transparent-white));border:1px solid var(--border-color);border-radius:var(--default-border-radius);cursor:zoom-in;width:100%;transition:border-color var(--default-duration) var(--default-easing);margin-top:auto;padding:.5rem;display:block;overflow:hidden;&:hover,&:focus-visible{border-color:var(--focused-form-border-color)}& img{object-fit:contain;width:100%;height:100%;display:block}&.portrait img{object-fit:cover}}.features-lightbox{background:0 0;border:none;max-width:100vw;max-height:100dvh;margin:auto;padding:0;overflow:visible;&::backdrop{background:hsl(var(--hsl-black) / 75%)}&>button{cursor:zoom-out;background:0 0;border:none;padding:0;display:block}& img{border-radius:var(--default-border-radius);width:auto;max-width:min(92vw,1600px);height:auto;max-height:90dvh;box-shadow:var(--floating-shadow);display:block}}