@layer theme,base;@layer components{.home .nav:not([data-scrolled]):not([data-open]){-webkit-backdrop-filter:none;background:0 0}.hero-shell{--hero-pad:clamp(20px, 5vw, 72px);isolation:isolate;margin-top:calc(-1 * var(--nav-h));padding-top:var(--nav-h);min-height:clamp(640px,100svh,1080px);position:relative}.hero-bg{z-index:-1;pointer-events:none;contain:strict;view-transition-name:chart-hero;background:var(--sb-canvas);position:absolute;inset:0;overflow:hidden}html[data-intro=seen] .hero-bg{background:oklch(25.5% .07 252)}html[data-intro=seen][data-theme=light] .hero-bg{background:oklch(97.2% .012 92)}html[data-intro=seen] .hero-poster,html[data-intro=seen] .hero-canvas{visibility:hidden}.hero-poster,.hero-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-poster{object-fit:cover}.hero-poster:not([src]){visibility:hidden}.hero-canvas{opacity:0;transition:opacity .5s var(--ease-out)}.hero-canvas.on{opacity:1}.chart-exact .hero-canvas,[data-backend=static] .hero-canvas{transition:none}[data-backend=static] .hero-canvas{display:none}@media (prefers-reduced-motion:reduce){.hero-canvas{transition-duration:.16s}}.hero-markers{z-index:1;position:absolute;inset:0}.hero{z-index:3;padding:clamp(96px, 15vh, 150px) var(--hero-pad) 112px;text-align:left;pointer-events:none;position:relative}.hero a,.hero code{pointer-events:auto}.hero .pill{background:color-mix(in oklch, var(--sb-surface) 94%, transparent);height:30px;box-shadow:var(--sb-shadow-pill);backdrop-filter:blur(10px);color:var(--sb-fg-muted);white-space:nowrap;outline-offset:2px;border-radius:999px;outline:2px solid #0000;align-items:center;gap:10px;margin-bottom:28px;padding:0 12px 0 14px;font-size:13px;font-weight:500;line-height:1;transition:box-shadow .16s,outline-color .12s;display:inline-flex}.hero .pill:focus-visible{outline-color:var(--sb-focus)}.hero .pill .ver{color:var(--sb-fg);font-variant-numeric:tabular-nums;font-weight:600}.hero .pill .sep{background:var(--sb-hairline-strong);width:1px;height:12px}.hero .pill .go{color:var(--sb-fg);align-items:center;gap:4px;display:inline-flex}.hero .pill .go .i{width:14px;height:14px;transition:translate .16s var(--ease-out)}.hero h1{letter-spacing:-.035em;text-wrap:balance;max-width:10.4em;margin:0;font-size:clamp(40px,4.4vw,64px);font-weight:600;line-height:1.02}.hero h1 em{color:var(--sb-fg-muted);font-style:normal;display:inline}.hero .lede{color:var(--sb-fg-muted);text-wrap:pretty;max-width:46ch;margin:24px 0 0;font-size:19px;line-height:1.5}.hero .ctas{flex-wrap:wrap;gap:10px;margin:32px 0 0;display:flex}.hero .ctas a{min-width:168px}.hero .install{text-align:start;max-width:600px;margin:20px 0 0}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduce]):not([data-intro=seen]) .hero>*{animation:hero-in .6s var(--ease-out) backwards;animation-delay:calc(var(--beat,0) * 1ms)}}.hero>:nth-child(2){--beat:40}.hero>:nth-child(3){--beat:100}.hero>:nth-child(4){--beat:150}.hero>:nth-child(5){--beat:190}@keyframes hero-in{0%{opacity:0;translate:0 10px}}.sec{max-width:1200px;margin:0 auto;padding:24px 32px 0}.sec+.sec{padding-top:96px}.sec-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.sec-head h2{letter-spacing:-.028em;text-wrap:balance;max-width:22ch;font-size:clamp(28px,3vw,38px);font-weight:600;line-height:1.05}.sec-head h2 em{color:var(--sb-fg-muted);font-style:normal}.sec-head p{color:var(--sb-fg-muted);max-width:52ch;margin-top:10px;font-size:16px}.sec-head .more{color:var(--sb-fg-muted);white-space:nowrap;outline-offset:2px;border-radius:6px;outline:2px solid #0000;align-items:center;gap:6px;padding:4px 2px;font-weight:550;display:inline-flex}.sec-head .more:focus-visible{outline-color:var(--sb-focus)}.bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.tile{background:var(--sb-surface);min-width:0;box-shadow:var(--sb-shadow-card);border-radius:16px;flex-direction:column;grid-column:span 4;padding:18px 18px 8px;display:flex}.tile[data-span="5"]{grid-column:span 5}.tile[data-span="6"]{grid-column:span 6}.tile[data-span="7"]{grid-column:span 7}.tile[data-span="8"]{grid-column:span 8}.tile[data-span="12"]{grid-column:span 12}.tile .t-body{flex:1;place-items:center;min-width:0;min-height:160px;padding:12px 0;display:grid;overflow-x:auto}.tile .t-cap{min-height:36px;color:var(--sb-fg-muted);outline-offset:2px;border-radius:8px;outline:2px solid #0000;justify-content:space-between;align-items:center;gap:12px;margin:8px -8px 0;padding:6px 8px;font-size:13px;transition:background-color .12s,outline-color .12s;display:flex}.tile .t-cap:focus-visible{outline-color:var(--sb-focus)}.tile .t-cap b{color:var(--sb-fg);font-weight:600}.tile .t-go{align-items:center;gap:4px;display:inline-flex}.cta{border-top:1px solid var(--sb-hairline);text-align:center;margin:112px auto 0;padding:72px 32px 80px}.cta h2{letter-spacing:-.03em;font-size:clamp(28px,3.4vw,44px);font-weight:600}.cta p{color:var(--sb-fg-muted);max-width:46ch;margin:12px auto 24px}.cta .install{text-align:start;max-width:600px;margin:0 auto}@media (hover:hover){.hero .pill:hover{box-shadow:var(--sb-shadow-button-hover), var(--sb-shadow-pill)}.hero .pill:hover .go .i{translate:calc(2px * var(--sb-move)) 0}.sec-head .more:hover,.tile .t-cap:hover{color:var(--sb-fg)}.tile .t-cap:hover{background:var(--sb-hover)}}@media (forced-colors:active){.tile,.hero .pill{border:1px solid buttonborder}}.bcards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.bcard{background:var(--sb-surface);min-width:0;box-shadow:var(--sb-shadow-card);border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.bwin{background:var(--sb-canvas);height:250px;box-shadow:inset 0 -1px 0 var(--sb-hairline);display:block;position:relative;overflow:hidden}.bstretch:after{content:"";border-radius:inherit;position:absolute;inset:0}.bstretch{outline:none}.bcard:has(.bstretch:focus-visible){outline:2px solid var(--sb-focus);outline-offset:2px}@media (hover:hover){.bcard:has(.bstretch:hover) .bname h3{text-underline-offset:3px;text-decoration:underline}}.bwin-in{transform-origin:0 0;pointer-events:none;width:161.3%;padding:20px;position:absolute;inset:0 auto auto 0;transform:scale(.62)}.bwin:after{content:"";background:linear-gradient(to bottom, transparent, var(--sb-canvas));pointer-events:none;height:72px;position:absolute;inset:auto 0 0}.bmeta{flex-direction:column;flex:1;gap:6px;padding:16px;display:flex}.bname{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.bname h3{letter-spacing:-.01em;font-size:16px;font-weight:600}.bsize{color:var(--sb-fg-muted);font-variant-numeric:tabular-nums;font-size:12.5px}.bmeta p{color:var(--sb-fg-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.bcmd{z-index:1;background:var(--sb-well);min-width:0;box-shadow:var(--sb-shadow-tray);border-radius:10px;align-items:center;gap:8px;margin-top:auto;padding:6px 6px 6px 12px;display:flex;position:relative}.bmeta p+.bcmd{margin-top:10px}.bcmd code{min-width:0;font-family:var(--font-mono);color:var(--sb-fg-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.bcmd .copy{flex:none}@media (width<=1100px){.bcards{grid-template-columns:repeat(2,minmax(0,1fr))}.tile,.tile[data-span]{grid-column:span 6}}@media (width<=860px){.hero{padding:28px var(--hero-pad) 72px}.hero .pill{margin-bottom:18px}.hero h1{max-width:none;font-size:clamp(30px,8.4vw,40px)}.hero h1 em{display:inline}.hero .lede{margin-top:16px;font-size:15px}.hero .pill{gap:8px;font-size:12px}.hero .ctas{gap:12px;margin-top:22px}.hero .ctas a{flex:1 1 0;min-width:0;min-height:48px}.sec{padding:16px 16px 0}.sec+.sec{padding-top:64px}.sec-head{flex-direction:column;align-items:flex-start;gap:8px}.tile,.tile[data-span]{grid-column:span 12}.bcards{grid-template-columns:minmax(0,1fr)}.bwin{height:224px}.cta{margin-top:64px;padding:48px 16px}}}@layer utilities;