@layer components{.site{font-size:15px;line-height:1.55;background:var(--canvas);color:var(--fg);min-height:100%;overflow-x:clip}.site :target{scroll-margin-top:80px}html:has(.site){scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html:has(.site){scroll-behavior:auto}}.site-container{width:100%;max-width:90rem;margin-inline:auto;padding-inline:clamp(20px,4.2vw,64px)}.site-section{padding-block:clamp(72px,9vw,128px);content-visibility:auto;contain-intrinsic-size:auto 900px}.site-section-sm{padding-block:clamp(56px,7vw,96px)}.site-rule{border-top:1px solid var(--line)}.h-hero{font-family:var(--font-serif);font-size:clamp(44px,6.4vw,88px);font-weight:500;letter-spacing:-.04em;line-height:.98;font-variation-settings:"opsz" 144,"SOFT" 60;text-wrap:balance}.h-section{font-family:var(--font-serif);font-size:clamp(32px,3.6vw,46px);font-weight:500;letter-spacing:-.03em;line-height:1.06;font-variation-settings:"opsz" 96,"SOFT" 40;text-wrap:balance}.h-page{font-family:var(--font-serif);font-size:clamp(38px,4.6vw,64px);font-weight:500;letter-spacing:-.035em;line-height:1.02;font-variation-settings:"opsz" 144,"SOFT" 60;text-wrap:balance}.h-card{font-family:var(--font-sans);font-size:18px;font-weight:600;letter-spacing:-.012em;line-height:1.3}.lede{font-size:clamp(17px,1.25vw,18.5px);line-height:1.55;color:var(--fg-2);text-wrap:pretty}.site-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3)}.site-eyebrow:before{content:"";width:9px;height:10px;background:var(--fg);clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%)}.site-link{text-decoration:underline;text-decoration-color:var(--line-strong);text-decoration-thickness:1.5px;text-underline-offset:3px;transition:text-decoration-color .15s}.site-link:hover{text-decoration-color:var(--fg)}.site-prose{font-size:17px;line-height:1.72;color:var(--fg-2);max-width:68ch}.site-prose>*+*{margin-top:1.15em}.site-prose :is(h2,h3,h4){color:var(--fg);scroll-margin-top:96px;text-wrap:balance}.site-prose h2{font-family:var(--font-serif);font-size:clamp(26px,2.4vw,32px);font-weight:500;letter-spacing:-.025em;line-height:1.15;margin-top:2.2em}.site-prose h3{font-size:20px;font-weight:600;letter-spacing:-.012em;line-height:1.3;margin-top:1.8em}.site-prose h4{font-size:17px;font-weight:600;margin-top:1.6em}.site-prose :is(h2,h3,h4)+*{margin-top:.6em}.site-prose strong{color:var(--fg);font-weight:600}.site-prose a{color:var(--fg);text-decoration:underline;text-decoration-color:var(--line-strong);text-decoration-thickness:1.5px;text-underline-offset:3px}.site-prose a:hover{text-decoration-color:var(--fg)}.site-prose :is(ul,ol){padding-left:1.4em}.site-prose ul{list-style:disc}.site-prose ol{list-style:decimal}.site-prose li+li{margin-top:.4em}.site-prose li::marker{color:var(--fg-3)}.site-prose blockquote{border-left:3px solid var(--tone-honey-solid);background:var(--surface);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:14px 18px;color:var(--fg)}.site-prose hr{border:0;border-top:1px solid var(--line);margin-block:2.4em}.site-prose :not(pre)>code{font-family:var(--font-mono);font-size:.86em;background:var(--sunken);border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:1px 5px;color:var(--fg)}.site-prose pre{font-family:var(--font-mono);font-size:13px;line-height:21px;background:var(--raw-night-2);color:var(--raw-moon);border-radius:var(--radius-lg);padding:16px 20px;overflow-x:auto}.dark .site-prose pre{background:var(--chrome)}.site-prose img{border-radius:var(--radius-lg);border:1px solid var(--line)}.site-prose table{width:100%;border-collapse:collapse;font-size:15px;display:block;overflow-x:auto}.site-prose :is(th,td){border-bottom:1px solid var(--line-soft);padding:10px 12px;text-align:left;vertical-align:top}.site-prose th{color:var(--fg);font-weight:600;border-bottom-color:var(--line)}.art{width:100%;height:100%;object-fit:cover}.art,.art-light{display:block}.art-dark,.dark .art-light{display:none}.dark .art-dark{display:block}.hero-veil{background:linear-gradient(to bottom,var(--canvas) 0,color-mix(in oklab,var(--canvas) 40%,transparent) 18%,transparent 36%,transparent 72%,color-mix(in oklab,var(--canvas) 65%,transparent) 90%,var(--canvas) 100%)}.dark .hero-veil{background:linear-gradient(to bottom,var(--canvas) 0,color-mix(in oklab,var(--canvas) 55%,transparent) 20%,color-mix(in oklab,var(--canvas) 20%,transparent) 45%,color-mix(in oklab,var(--canvas) 30%,transparent) 75%,var(--canvas) 100%)}.tile-veil{background:color-mix(in oklab,var(--surface) 10%,transparent)}.dark .tile-veil{background:color-mix(in oklab,var(--canvas) 38%,transparent)}.cta-veil{background:linear-gradient(to bottom,color-mix(in oklab,var(--canvas) 0%,transparent) 40%,color-mix(in oklab,var(--canvas) 35%,transparent) 100%)}.dark .cta-veil{background:color-mix(in oklab,var(--canvas) 45%,transparent)}.glass{background:color-mix(in oklab,var(--surface) 86%,transparent);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1)}.site-header-bg{background:color-mix(in oklab,var(--canvas) 84%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mock{font-size:13px;line-height:20px;color:var(--fg)}.mock-window{border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-float);overflow:hidden}.mock-inset,.mock-window{background:var(--surface)}.mock-inset{border:1px solid var(--line);box-shadow:var(--shadow-pop)}.bento-frame,.mock-inset{border-radius:var(--radius-lg)}.bento-frame{position:relative;overflow:hidden;border:1px solid var(--line);height:260px;isolation:isolate}@media (min-width:1024px){.bento-frame{height:280px}}.site-code{font-family:var(--font-mono);font-size:12.5px;line-height:21px;background:var(--raw-night-2);color:var(--raw-moon)}.dark .site-code{background:var(--chrome)}.site-code .c-dim{color:color-mix(in oklab,var(--raw-moon) 50%,transparent)}.site-code .c-ok{color:var(--tone-moss-solid)}.site-code .c-str{color:color-mix(in oklab,var(--raw-honey) 80%,var(--raw-moon))}.site-code .c-key{color:color-mix(in oklab,var(--raw-indigo) 45%,var(--raw-moon))}.site-code .c-fn{color:color-mix(in oklab,var(--raw-coral) 65%,var(--raw-moon))}.faq summary{list-style:none;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq .faq-icon{transition:transform .2s var(--ease-out-expo)}.faq[open] .faq-icon{transform:rotate(45deg)}.faq summary:focus-visible{border-radius:var(--radius-md)}.hex-cells{display:grid;grid-template-columns:repeat(var(--cols,6),1fr)}.hex-cells>span:nth-child(2n){transform:translateY(50%)}.scene{--cycle:9s}.scene :is(.a-in1,.a-in2,.a-in3,.a-in4,.a-in5,.a-in6,.a-bar,.a-type,.a-caret,.a-float,.a-row,.a-marquee,.a-scan,.typing-dot,.live-dot){animation-play-state:paused}.scene[data-live] :is(.a-in1,.a-in2,.a-in3,.a-in4,.a-in5,.a-in6,.a-bar,.a-type,.a-caret,.a-float,.a-row,.a-marquee,.a-scan,.typing-dot,.live-dot){animation-play-state:running}.a-in1{animation:site-in-1 var(--cycle) var(--ease-out-expo) infinite both}.a-in2{animation:site-in-2 var(--cycle) var(--ease-out-expo) infinite both}.a-in3{animation:site-in-3 var(--cycle) var(--ease-out-expo) infinite both}.a-in4{animation:site-in-4 var(--cycle) var(--ease-out-expo) infinite both}.a-in5{animation:site-in-5 var(--cycle) var(--ease-out-expo) infinite both}.a-in6{animation:site-in-6 var(--cycle) var(--ease-out-expo) infinite both}.a-row{animation:site-row var(--cycle) var(--ease-out-expo) infinite both}.a-bar{transform-origin:bottom;animation:site-bar var(--cycle) var(--ease-out-expo) infinite both;animation-delay:calc(var(--i, 0) * 90ms)}.a-type{display:inline-block;animation:site-type var(--cycle) steps(16) infinite both}.a-caret{animation:site-caret 1s steps(1) infinite}.a-float{animation:site-float 6s ease-in-out infinite}.a-scan{animation:site-scan var(--cycle) var(--ease-out-expo) infinite both}.a-marquee{animation:site-marquee 48s linear infinite}@keyframes site-in-1{0%{opacity:0;transform:translateY(6px)}5%,90%{opacity:1;transform:none}97%,to{opacity:0;transform:none}}@keyframes site-in-2{0%,14%{opacity:0;transform:translateY(6px)}19%,90%{opacity:1;transform:none}97%,to{opacity:0}}@keyframes site-in-3{0%,28%{opacity:0;transform:translateY(6px)}33%,90%{opacity:1;transform:none}97%,to{opacity:0}}@keyframes site-in-4{0%,42%{opacity:0;transform:translateY(6px)}47%,90%{opacity:1;transform:none}97%,to{opacity:0}}@keyframes site-in-5{0%,56%{opacity:0;transform:translateY(6px)}61%,90%{opacity:1;transform:none}97%,to{opacity:0}}@keyframes site-in-6{0%,70%{opacity:0;transform:translateY(6px)}75%,90%{opacity:1;transform:none}97%,to{opacity:0}}@keyframes site-row{0%,20%{opacity:0;transform:translateY(-8px)}26%,90%{opacity:1;transform:none}97%,to{opacity:0}}@keyframes site-bar{0%{transform:scaleY(.12)}18%,88%{transform:scaleY(1)}to{transform:scaleY(.12)}}@keyframes site-type{0%,8%{clip-path:inset(0 100% 0 0)}32%,90%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 100% 0 0)}}@keyframes site-caret{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes site-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes site-scan{0%,36%{opacity:0;transform:scale(.96)}42%,90%{opacity:1;transform:none}97%,to{opacity:0}}@keyframes site-marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.scene :is(.a-in1,.a-in2,.a-in3,.a-in4,.a-in5,.a-in6,.a-bar,.a-type,.a-caret,.a-float,.a-row,.a-marquee,.a-scan,.typing-dot,.live-dot){animation:none!important}}.marquee-mask{-webkit-mask-image:linear-gradient(to right,transparent,var(--fg) 8%,var(--fg) 92%,transparent);mask-image:linear-gradient(to right,transparent,var(--fg) 8%,var(--fg) 92%,transparent)}}