.container:where(.astro-fbuedaya){--bento-item-radius: 1rem;--bento-item-padding: 1.5rem;container:bento-container / inline-size;background-color:var(--bg-secondary);margin-inline:calc(var(--sl-content-pad-x) * -1);margin-block:4rem;padding-block:6rem}.bento-grid:where(.astro-fbuedaya){display:grid;gap:var(--sl-content-pad-x);max-width:72rem;margin-inline:auto;padding-inline:var(--sl-content-pad-x)}.bento-grid-item:where(.astro-fbuedaya){overflow:hidden;border-radius:var(--bento-item-radius);border:1px solid var(--sl-color-hairline-shade);padding:var(--bento-item-padding);background-color:var(--sl-color-bg);background-image:radial-gradient(circle at bottom center,var(--bg-secondary),rgb(from var(--sl-color-bg) r g b / .05))}.bento-grid-item:where(.astro-fbuedaya) h3:where(.astro-fbuedaya){font-size:20px;line-height:var(--sl-line-height-headings);margin-bottom:.65em}.bento-grid-item:where(.astro-fbuedaya):has(p+*) p:where(.astro-fbuedaya){margin-bottom:1em}.bento-grid-item--horizontal:where(.astro-fbuedaya){display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.bento-grid-item-image:where(.astro-fbuedaya){overflow:hidden;position:relative;min-height:100%;width:calc(100% + var(--bento-item-padding));margin-bottom:calc(var(--bento-item-padding) * -1);border:1px solid var(--sl-color-hairline-shade);border-right:none;border-bottom:none;border-top-left-radius:var(--border-radius);box-shadow:0 6px 24px 0 var(--bg-emphasis);img{position:absolute;display:block;width:100%;height:auto}}.icon-container:where(.astro-fbuedaya){display:grid;justify-content:center;font-size:6rem}.bento-grid-item-icon-container:where(.astro-fbuedaya){display:grid;place-content:center}.bento-grid-item-icon:where(.astro-fbuedaya){aspect-ratio:1;border-radius:100vw;line-height:1;align-content:center;font-size:2.5rem;background-color:var(--sl-color-bg);padding:.5em;box-shadow:0 0 32px hsl(from var(--sl-color-hairline-shade) h s l / .8);border:1px solid hsl(from var(--sl-color-accent) h s l / .5)}@container bento-container (width > 40rem){.bento-grid:where(.astro-fbuedaya){--bento-item-padding: 1.75rem;grid-template-columns:repeat(2,1fr)}.bento-grid-item:where(.astro-fbuedaya){grid-column:span 1;h3{font-size:24px}&:nth-child(4n+1),&:nth-child(4n){grid-column:span 2}}}@container bento-container (width > 56rem){.bento-grid:where(.astro-fbuedaya){--bento-item-padding: 2.5rem;grid-template-columns:repeat(5,1fr)}.bento-grid-item:where(.astro-fbuedaya){grid-column:span 3;h3{font-size:32px}&:nth-child(4n+1),&:nth-child(4n){grid-column:span 2}}}.getting-started:where(.astro-j7pv25f6){container:getting-started-container / inline-size;max-width:calc(102rem - var(--hero-padding) * 2);margin-inline:auto;margin-block:6rem}.logo-container:where(.astro-j7pv25f6){margin-block-end:2rem}.fp-logo:where(.astro-j7pv25f6){display:block;margin-inline:auto;opacity:0;transition:opacity .8s ease-in-out}.fp-logo-visible:where(.astro-j7pv25f6){opacity:1}.content-grid:where(.astro-j7pv25f6){gap:var(--content-spacing);.sl-steps{p{margin-block:.5rem}li:not(:first-child){margin-top:1rem}}}.cards-content:where(.astro-j7pv25f6){background-color:var(--bg-secondary);padding-inline:var(--sl-content-pad-x);padding-block-end:4rem;margin-inline:calc(var(--sl-content-pad-x) * -1);background-image:linear-gradient(180deg,var(--sl-color-bg),var(--bg-secondary))}.cards-content:where(.astro-j7pv25f6) em:where(.astro-j7pv25f6){font-weight:700}.cards-title:where(.astro-j7pv25f6){text-align:center;margin-block-end:1em;font-size:clamp(1.5rem,8cqw,2.5rem);line-height:1.2}.card-explanation:where(.astro-j7pv25f6){list-style:none;padding:0;display:grid;gap:1rem}.explanation-card:where(.astro-j7pv25f6){display:grid;grid-template-columns:5rem 1fr;gap:var(--sl-content-pad-x);padding:var(--sl-content-pad-x);backdrop-filter:blur(10px);border:1px solid var(--sl-color-hairline-shade);border-radius:20px}.card-icon:where(.astro-j7pv25f6){border-radius:50%;background-color:var(--sl-color-bg);box-shadow:0 0 32px hsl(from var(--sl-color-hairline-shade) h s l / .8);border:1px solid hsl(from var(--sl-color-accent) h s l / .5);display:grid;place-content:center;font-size:3rem;line-height:1;aspect-ratio:1;align-self:center}.card-icon:where(.astro-j7pv25f6) pre:where(.astro-j7pv25f6){filter:grayscale(1)}@container getting-started-container (width >= 64rem){.content-grid:where(.astro-j7pv25f6){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.content-grid:where(.astro-j7pv25f6)>div:where(.astro-j7pv25f6){order:1;min-width:0}.cards-content:where(.astro-j7pv25f6){display:grid;background-color:var(--bg-secondary);padding:calc(var(--sl-content-pad-x) * 2);background-image:linear-gradient(180deg,var (--sl-color-bg),var(--bg-secondary));margin:initial;border-radius:20px;position:relative;min-width:0}.cards-content:where(.astro-j7pv25f6)>:where(.astro-j7pv25f6){z-index:2}.cards-header:where(.astro-j7pv25f6){position:sticky;inset:6rem 0 2rem;align-self:center;height:fit-content;max-width:100%;display:flex;flex-direction:column;align-items:flex-start}.card-explanation:where(.astro-j7pv25f6){gap:1.5rem}.cards-header:where(.astro-j7pv25f6) .cards-title:where(.astro-j7pv25f6){text-align:left}.cards-content:where(.astro-j7pv25f6):before{--hero-background-image-size: 2rem;--hero-background-image-position: calc( var(--hero-background-image-size) / 2 );z-index:1;content:"";position:absolute;border-radius:20px;inset:0;background-image:radial-gradient(hsl(from var(--bg-background) h s l / .5) 3px,transparent 0);background-size:var(--hero-background-image-size) var(--hero-background-image-size);background-position:bottom center}}