@layer components{.page{max-width:1280px;margin:0 auto;padding:0 48px}.nav-wrap{z-index:20;padding:0 48px;position:sticky;top:24px}.nav{border:1px solid var(--color-hairline);border-radius:var(--radius-pill);background-color:color-mix(in srgb, var(--color-float) 88%, transparent);max-width:1184px;box-shadow:var(--shadow-lift);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);align-items:center;gap:40px;margin:0 auto;padding:10px 12px 10px 28px;transition:border-radius .2s;display:flex}.nav-links{letter-spacing:-.02em;gap:36px;margin-right:auto;font-weight:500;display:flex}.nav-links a{color:var(--color-slate);position:relative}.nav-links a:after{content:"";position:absolute;inset:-9px -8px}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--color-ink)}.nav-actions{align-items:center;gap:8px;display:flex}.hero{grid-template-columns:1.25fr 1fr;align-items:end;gap:64px;padding:120px 0 56px;display:grid}.hero h1{max-width:11ch;margin-top:24px}.hero-side{grid-template-columns:minmax(0,1fr);gap:28px;padding-bottom:10px;display:grid}.lede{color:var(--color-charcoal);max-width:44ch;font-size:1.1875rem;line-height:1.5}.install{border:1px solid var(--color-frame);border-radius:var(--radius-pill);background-color:var(--color-float);font-family:var(--font-mono);color:var(--color-charcoal);justify-content:space-between;align-items:center;gap:12px;padding:6px 6px 6px 22px;font-size:.875rem;transition:border-radius .2s;display:flex}.install-command:focus-visible{border-radius:var(--radius-micro);outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:var(--focus-ring-offset)}.install b{color:var(--color-slate);font-weight:400}.shape-switch{align-items:center;gap:16px;display:flex}.frame{border:1px solid var(--color-hairline);border-radius:var(--radius-stadium);background-color:var(--color-canvas);box-shadow:var(--shadow-float);grid-template-columns:1fr 1.1fr;align-items:start;gap:28px;padding:56px;transition:border-radius .2s;display:grid;position:relative;overflow:hidden}.frame .card{box-shadow:var(--shadow-float)}.frame-arc{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.frame-toast{border:1px solid var(--color-frame);border-radius:var(--radius-surface);background-color:var(--color-float);box-shadow:var(--shadow-float);align-items:center;gap:12px;padding:14px 18px 14px 16px;font-weight:500;transition:border-radius .2s;display:flex;position:absolute;bottom:40px;right:56px}.frame-toast-dot{border-radius:var(--radius-dot);background-color:var(--color-success);width:24px;height:24px;color:var(--color-canvas);place-items:center;display:grid}.frame-toast-dot svg{width:14px;height:14px}.section{padding:128px 0 0}.section-head{grid-template-columns:1.25fr 1fr;align-items:end;gap:64px;margin-bottom:56px;display:grid}.section-head h2{max-width:16ch;margin-top:20px}.orbit{grid-template-columns:repeat(3,1fr);gap:48px;display:grid;position:relative}.orbit-arc{pointer-events:none;width:calc(100% + 96px);height:420px;position:absolute;top:-40px;left:-48px;right:-48px}.portrait{justify-items:start;gap:18px;display:grid;position:relative}.portrait:nth-child(3){margin-top:120px}.portrait:nth-child(4){margin-top:40px}.portrait-circle{border-radius:var(--radius-dot);background-color:var(--color-lifted);width:280px;height:280px;box-shadow:var(--shadow-float);place-items:center;display:grid;position:relative}.portrait-glyph{letter-spacing:-.04em;font-size:6rem;font-weight:500;line-height:1}.satellite{border-radius:var(--radius-dot);color:#141413;width:56px;height:56px;box-shadow:var(--shadow-lift);background-color:#fff;place-items:center;display:grid;position:absolute;bottom:22px;right:6px}.satellite svg{width:20px;height:20px}.portrait p{max-width:34ch}.shape-stack{width:140px;height:120px;position:relative}.shape-stack span{border:1.5px solid var(--color-ink);background-color:var(--color-float);width:96px;height:72px;position:absolute}.shape-stack span:first-child{border-radius:36px;top:0;left:0}.shape-stack span:nth-child(2){border-radius:12px;top:24px;left:22px}.shape-stack span:nth-child(3){background-color:var(--color-ink);border-radius:0;top:48px;left:44px}.contrast-glyph{gap:10px;display:flex}.contrast-glyph span{border-radius:var(--radius-dot);place-items:center;width:76px;height:76px;font-size:1.5rem;font-weight:700;display:grid}.contrast-glyph span:first-child{background-color:var(--color-ink);color:var(--color-canvas)}.contrast-glyph span:last-child{border:1.5px solid var(--color-ink)}.axes{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.axis-tile{border:1px solid var(--color-frame);border-radius:var(--radius-stadium);background-color:var(--color-canvas);color:var(--color-ink);gap:20px;padding:28px;display:grid}.axis-tile .card{border-radius:var(--radius-surface);padding:22px}.axis-label{font-size:var(--text-small);color:var(--color-slate);justify-content:space-between;font-weight:500;display:flex}.catalog{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.catalog-group{align-content:start;gap:18px;display:grid}.chips{flex-wrap:wrap;gap:8px;display:flex}.cta{border-radius:var(--radius-stadium);background-color:var(--color-lifted);margin-top:128px;padding:112px 64px;transition:border-radius .2s;position:relative;overflow:hidden}.watermark:before{content:"snapshot"}.watermark{letter-spacing:-.04em;color:color-mix(in srgb, var(--color-ink) 5%, transparent);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:14rem;font-weight:500;line-height:1;position:absolute;bottom:-48px;right:-20px}.cta-inner{gap:28px;max-width:620px;display:grid;position:relative}.footer{color:#fff;background-color:#141413;margin-top:128px;padding:96px 0 120px}[data-theme=dark] .footer{background-color:#050505}.footer h2{max-width:18ch;margin-bottom:72px}.footer-cols{grid-template-columns:repeat(4,1fr);gap:32px;padding-bottom:64px;display:grid}.footer-col{align-content:start;gap:14px;font-size:.875rem;display:grid}.footer-col summary{color:#fff9;letter-spacing:.04em;text-transform:uppercase;pointer-events:none;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.875rem;font-weight:700;list-style:none;display:flex}.footer-col summary::-webkit-details-marker{display:none}.footer-links{gap:14px;display:grid}.footer-col a{color:#ffffffd9;position:relative}.footer-col a:after{content:"";inset-inline:0;height:40px;position:absolute;top:calc(50% - 20px)}.footer-col a:hover{color:#fff}.footer-bottom{color:#fff9;border-top:1px solid #ffffff2e;justify-content:space-between;align-items:center;padding-top:28px;font-size:.875rem;display:flex}.frame-card{position:relative}.frame-card-offset{margin-top:64px}.push-end{justify-content:flex-end}.nav-menu{display:none}.nav-overlay{z-index:40;background-color:var(--color-canvas);flex-direction:column;gap:40px;padding:20px 16px 32px;display:flex;position:fixed;inset:0}.nav-overlay[hidden]{display:none}.nav-overlay-head{justify-content:space-between;align-items:center;padding:4px 4px 4px 12px;display:flex}.nav-overlay-links{gap:20px;padding:0 12px;display:grid}.nav-overlay-links a{position:relative}.nav-overlay-links a:after{content:"";inset-inline:0;height:40px;position:absolute;top:calc(50% - 20px)}.nav-overlay .button{margin:auto 12px 0}@media not (min-width:1024px){.page,.nav-wrap{padding-inline:32px}.nav{gap:16px;padding-left:20px}.nav-links{display:none}.nav-actions{margin-left:auto}.nav-menu{display:inline-grid}.hero,.section-head{grid-template-columns:minmax(0,1fr);gap:28px}.hero>*,.section-head>*{min-width:0}.orbit-arc{display:none}.hero{padding-top:96px}.hero h1{max-width:14ch}.frame{grid-template-columns:1fr;padding:32px}.frame-card-offset{margin-top:0}.frame-toast{justify-self:end;position:relative;bottom:auto;right:auto}.section{padding-top:96px}.orbit{grid-template-columns:repeat(2,1fr);row-gap:64px}.portrait:nth-child(n){margin-top:0}.portrait-circle{width:240px;height:240px}.axes{grid-template-columns:repeat(2,1fr)}.catalog{grid-template-columns:1fr}.cta{margin-top:96px;padding:80px 40px}.watermark{font-size:10rem}.footer{margin-top:96px;padding:72px 0 96px}.footer-cols{grid-template-columns:repeat(2,1fr);row-gap:48px}}@media not (min-width:768px){.page,.nav-wrap{padding-inline:16px}.nav-wrap{top:12px}.nav{padding:6px 6px 6px 18px}.nav-cta,.nav-actions [aria-label=GitHub]{display:none}.hero{padding:64px 0 40px}.lede{font-size:1.0625rem}.hero .row .button{flex:1}.install{font-size:.8125rem}.install-command{white-space:nowrap;scrollbar-width:none;min-width:0;overflow-x:auto}.shape-switch{flex-wrap:wrap;gap:10px}.frame{gap:16px;padding:16px}.frame .card{padding:24px 20px}.frame .card-header{margin:0 -20px 20px;padding:0 20px 20px}.frame-arc,.orbit-arc{display:none}.frame-toast{justify-self:stretch}.section{padding-top:64px}.section-head{margin-bottom:32px}.orbit{text-align:center;grid-template-columns:1fr;justify-items:center}.portrait{justify-items:center}.portrait-circle{width:220px;height:220px}.portrait-glyph{font-size:4.5rem}.axes{grid-template-columns:1fr}.axis-tile{padding:20px}.catalog .card{padding:24px}.cta{margin-top:64px;padding:56px 24px}.cta .row .button{flex:1}.watermark{font-size:6rem;bottom:-20px}.footer{margin-top:64px;padding:56px 0 72px}.footer h2{margin-bottom:40px}.footer-cols{grid-template-columns:1fr;gap:0;padding-bottom:40px}.footer-col{border-top:1px solid #ffffff2e;padding:16px 0}.footer-col summary{pointer-events:auto;cursor:pointer;margin:0;position:relative}.footer-col summary:before{content:"";inset-inline:0;height:40px;position:absolute;top:calc(50% - 20px)}.footer-col summary:after{content:"+";font-size:1.25rem;font-weight:450}.footer-col[open] summary:after{content:"−"}.footer-col[open] summary{margin-bottom:14px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:16px}}}