.split[data-astro-cid-lcdefpme]{background-color:var(--ink);border-block-end:3px solid var(--ink);gap:3px;display:grid}.split[data-astro-cid-lcdefpme]>[data-astro-cid-lcdefpme]{background-color:var(--page);min-inline-size:0}.hero[data-astro-cid-lcdefpme]{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}.hero-copy[data-astro-cid-lcdefpme]{padding:clamp(2.5rem, 7vw, 4rem) var(--gutter) 3.5rem;flex-direction:column;gap:1.625rem;display:flex}h1[data-astro-cid-lcdefpme]{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.75rem,7vw,5.25rem);font-weight:600;line-height:.96}.lead[data-astro-cid-lcdefpme]{max-inline-size:46ch;margin:0;font-size:1.25rem;line-height:1.4}slab-tabs[data-astro-cid-lcdefpme]:not(:defined) slab-tabs-panel[data-astro-cid-lcdefpme]+slab-tabs-panel[data-astro-cid-lcdefpme]{display:none}.install[data-astro-cid-lcdefpme]{max-inline-size:32rem}.install[data-astro-cid-lcdefpme]::part(tablist){border:1px solid var(--ink);border-block-end:0;inline-size:fit-content;display:flex}.install[data-astro-cid-lcdefpme] slab-tabs-tab[data-astro-cid-lcdefpme]{background-color:var(--paper);cursor:pointer;font-family:var(--font-mono);padding:.5rem 1rem;font-size:.75rem;&+slab-tabs-tab[data-astro-cid-lcdefpme]{border-inline-start:1px solid var(--ink)}&:state(selected){background-color:var(--ink);color:var(--paper)}&:focus-visible{outline:3px solid var(--ember);outline-offset:2px}}.install[data-astro-cid-lcdefpme] slab-tabs-panel[data-astro-cid-lcdefpme]:focus-visible{outline:3px solid var(--ember);outline-offset:2px}.command[data-astro-cid-lcdefpme]{background-color:var(--paper);border:3px solid var(--ink);align-items:stretch;display:flex;& code{white-space:nowrap;background:0 0;border:0;flex:1;min-inline-size:0;padding:.875rem 1rem;font-size:.9375rem;overflow-x:auto}}.copy[data-astro-cid-lcdefpme]{background-color:var(--ink);border:0;border-inline-start:3px solid var(--ink);color:var(--paper);cursor:pointer;font-family:var(--font-mono);padding:0 1.125rem;font-size:.75rem;&:hover{background-color:var(--ember-deep)}&:focus-visible{outline-offset:-6px;outline-color:var(--paper)}}.ctas[data-astro-cid-lcdefpme]{flex-wrap:wrap;gap:.875rem;display:flex;& .button{padding:.875rem 1.5rem;font-size:1.0625rem}}.hero[data-astro-cid-lcdefpme] .hero-diagram[data-astro-cid-lcdefpme]{background-color:var(--ink);color:var(--paper);color-scheme:light;padding:3.5rem var(--gutter);flex-direction:column;justify-content:space-between;gap:2.5rem;display:flex}.layers[data-astro-cid-lcdefpme]{flex-direction:column;gap:.75rem;inline-size:100%;max-inline-size:26rem;margin-inline:auto;display:flex}.layer-label[data-astro-cid-lcdefpme]{color:var(--dim);font-family:var(--font-mono);margin:0;font-size:.6875rem}.frameworks[data-astro-cid-lcdefpme]{border:3px dashed #6b6b64;gap:.5625rem;padding:1rem;display:grid;& span{color:#b5b5ad;font-family:var(--font-mono);background-color:#33332f;place-items:center;min-block-size:1.875rem;font-size:.6875rem;display:grid}}.course[data-astro-cid-lcdefpme]{gap:.5625rem;display:flex;& span{flex:1}}.slab[data-astro-cid-lcdefpme]{gap:.5625rem;display:grid;& span{background-color:var(--paper);color:var(--ink);font-family:var(--font-mono);white-space:nowrap;align-items:center;min-block-size:2.125rem;padding:0 .75rem;font-size:.6875rem;display:flex}& .base{background-color:var(--ember-deep);color:var(--paper)}}.course--staggered[data-astro-cid-lcdefpme] span[data-astro-cid-lcdefpme]:first-child{flex:0 0 26%}.specs[data-astro-cid-lcdefpme]{border-block-start:1px solid var(--rule-on-ink);font-family:var(--font-mono);inline-size:100%;max-inline-size:26rem;margin:0 auto;font-size:.75rem;& div{border-block-end:1px solid var(--rule-on-ink);flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;padding:.8125rem 0;display:flex}& div:last-child{border-block-end:0}& dt{color:var(--dim)}& dd{text-align:end;margin:0}}.why[data-astro-cid-lcdefpme]{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));&>div[data-astro-cid-lcdefpme]{padding:2.625rem var(--gutter);flex-direction:column;gap:.8125rem;display:flex}& h3{letter-spacing:-.02em;align-items:baseline;gap:.75rem;margin:0;font-size:1.625rem;font-weight:600;display:flex}& h3 span{color:var(--muted);font-family:var(--font-mono);font-size:.75rem;font-weight:400}& p{margin:0;line-height:1.5}}.looks[data-astro-cid-lcdefpme]{border-block-end:3px solid var(--ink);padding:2.875rem var(--gutter);gap:2rem;display:grid}.looks-intro[data-astro-cid-lcdefpme]{gap:1.25rem;max-inline-size:48rem;display:grid;& h2{letter-spacing:-.03em;margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.02}&>p[data-astro-cid-lcdefpme]:not(.eyebrow){margin:0;font-size:1.125rem}}.look-grid[data-astro-cid-lcdefpme]{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.look[data-astro-cid-lcdefpme]{background-color:var(--paper);border:3px solid var(--ink);grid-row:span 3;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);gap:.75rem;min-inline-size:0;padding:1.25rem;display:grid;& h3{margin:0;font-size:1.375rem}}.look-stage[data-astro-cid-lcdefpme]{border:1px solid var(--ink);color:var(--ink);color-scheme:light;background-color:#fff;align-content:center;padding:1.25rem 1rem;display:grid}.look-css[data-astro-cid-lcdefpme]{& summary{cursor:pointer;font-family:var(--font-mono);padding-block:.25rem;font-size:.75rem}& .code{margin-block-start:.5rem}& pre{font-size:.75rem}}.usage-copy[data-astro-cid-lcdefpme]{padding:2.875rem var(--gutter);flex-direction:column;gap:1.25rem;display:flex;& h2{letter-spacing:-.03em;margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.02}&>p[data-astro-cid-lcdefpme]:not(.eyebrow){max-inline-size:42ch;margin:0;font-size:1.125rem}}.usage[data-astro-cid-lcdefpme] .frameworks-tabs[data-astro-cid-lcdefpme]{background-color:var(--ink);color-scheme:light;flex-direction:column;display:flex}.frameworks-tabs[data-astro-cid-lcdefpme]::part(tablist){border-block-end:1px solid var(--rule-on-ink);flex-wrap:wrap;display:flex}.frameworks-tabs[data-astro-cid-lcdefpme] slab-tabs-tab[data-astro-cid-lcdefpme]{border-inline-end:1px solid var(--rule-on-ink);color:var(--dim);cursor:pointer;font-family:var(--font-mono);padding:.875rem 1.125rem;font-size:.75rem;&:hover{color:var(--paper)}&:state(selected){background-color:var(--paper);box-shadow:inset 0 -4px 0 var(--ember);color:var(--ink)}&:focus-visible{outline:3px solid var(--ember);outline-offset:-3px}}.frameworks-tabs[data-astro-cid-lcdefpme] slab-tabs-panel[data-astro-cid-lcdefpme]{flex-direction:column;flex:1;display:flex;&:focus-visible{outline:3px solid var(--ember);outline-offset:-3px}& .code{border:0;flex:1}}.code-note[data-astro-cid-lcdefpme]{border-block-start:1px solid var(--rule-on-ink);color:var(--dim);font-family:var(--font-mono);letter-spacing:.06em;margin:0;padding:.9375rem 1.25rem;font-size:.75rem;& span{color:var(--paper);margin-inline-end:.75rem}}.elements[data-astro-cid-lcdefpme]{border-block-end:3px solid var(--ink);padding:2.875rem var(--gutter);flex-direction:column;gap:1.5rem;display:flex}.elements-heading[data-astro-cid-lcdefpme]{border-block-end:4px solid var(--ink);flex-wrap:wrap;align-items:flex-end;gap:.5rem 1.25rem;padding-block-end:1.125rem;display:flex;& h2{letter-spacing:-.03em;margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1}}.element-grid[data-astro-cid-lcdefpme]{border-block-start:1px solid var(--ink);border-inline-start:1px solid var(--ink);grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr));margin:0;padding:0;list-style:none;display:grid;& li{border-block-end:1px solid var(--ink);border-inline-end:1px solid var(--ink)}& a{background-color:var(--paper);block-size:100%;font-family:var(--font-mono);flex-direction:column;gap:.4375rem;padding:.9375rem 1.125rem;text-decoration:none;display:flex;&:hover{background-color:var(--ink);color:var(--paper);& span:last-child{color:var(--dim)}}&:focus-visible{outline-offset:-3px}}& span:first-child{overflow-wrap:anywhere;font-size:.8125rem;font-weight:500}& span:last-child{color:var(--muted);letter-spacing:.06em;font-size:.6875rem}}.cta[data-astro-cid-lcdefpme]{background-color:var(--paper);border-block-end:3px solid var(--ink);padding:3.375rem var(--gutter);text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex;& h2{letter-spacing:-.03em;text-wrap:balance;max-inline-size:24ch;margin:0;font-size:clamp(1.875rem,4.4vw,3.25rem);font-weight:600;line-height:1.02}& p{max-inline-size:52ch;margin:0;font-size:1.1875rem}& .ctas{justify-content:center}}