.showcase{--sc-paper:oklch(0.976 0.005 95.1);--sc-paper-2:oklch(0.944 0.009 84.6);--sc-card:oklch(1 0 0);--sc-ink:oklch(0.21 0.02 232.8);--sc-ink-2:oklch(0.439 0.014 223.8);--sc-ink-3:oklch(0.52 0.013 223.6);--sc-line:oklch(0.913 0.01 87.5);--sc-line-strong:oklch(0.85 0.015 84.6);--sc-cobalt:oklch(0.547 0.25 265.8);--sc-cobalt-ink:oklch(0.462 0.23 266);--sc-cobalt-soft:oklch(0.936 0.03 273.6);--sc-head-accent:oklch(0.534 0.235 266.9);--sc-tint-blue:oklch(0.962 0.018 272.3);--sc-tint-warm:oklch(0.965 0.016 70.5);--sc-tint-green:oklch(0.961 0.013 152.6);--sc-ok:oklch(0.581 0.12 155.6);--sc-ok-bright:oklch(0.685 0.129 160.6);--sc-warn:oklch(0.76 0.137 78.4);--sc-bad:oklch(0.708 0.185 30.1);--sc-night:oklch(0.215 0.056 264.2);--sc-night-2:oklch(0.258 0.066 263.1);--sc-night-3:oklch(0.298 0.074 262);--sc-night-line:oklch(0.371 0.084 261.3);--sc-night-ink:oklch(0.961 0.013 266.7);--sc-night-ink-2:oklch(0.768 0.043 264.3);--sc-night-head:oklch(0.781 0.111 270.6);--sc-on-accent:oklch(1 0 0);--sc-shadow-panel:0 0 0 1px oklch(0.21 0.02 232.8/0.06),0 40px 80px -52px oklch(0.3 0.1 265/0.5);--sc-radius-xl:32px;--sc-radius-l:24px;--sc-wrap:1280px;--sc-gutter:32px;--sc-ease:cubic-bezier(0.2,0.7,0.1,1);--sc-ease-out:cubic-bezier(0.16,1,0.3,1);--sc-ease-spring:cubic-bezier(0.34,1.56,0.64,1);--sc-font-display:var(--font-onest),system-ui,sans-serif;--sc-font-text:var(--font-onest),system-ui,sans-serif;--sc-font-mono:var(--font-geist-mono),ui-monospace,monospace;background:var(--sc-paper);color:var(--sc-ink);font:400 17px/1.6 var(--sc-font-text);overflow-x:clip}.dark .showcase{--sc-on-accent:oklch(0.17 0.045 266);--sc-paper:oklch(0.19 0.025 259.2);--sc-paper-2:oklch(0.233 0.03 259);--sc-card:oklch(0.229 0.029 257.5);--sc-ink:oklch(0.948 0.012 259.8);--sc-ink-2:oklch(0.767 0.025 259.8);--sc-ink-3:oklch(0.624 0.031 261.4);--sc-line:oklch(0.308 0.038 261.1);--sc-line-strong:oklch(0.374 0.045 261);--sc-cobalt:oklch(0.631 0.198 269.4);--sc-cobalt-ink:oklch(0.735 0.137 271.2);--sc-cobalt-soft:oklch(0.294 0.07 267.5);--sc-head-accent:oklch(0.735 0.137 271.2);--sc-tint-blue:oklch(0.263 0.061 266.4);--sc-tint-warm:oklch(0.258 0.02 70);--sc-tint-green:oklch(0.258 0.029 161.6);--sc-night:oklch(0.18 0.047 266.5);--sc-night-2:oklch(0.215 0.056 264.2);--sc-night-3:oklch(0.258 0.066 263.1);--sc-shadow-panel:0 0 0 1px oklch(1 0 0/0.06),0 40px 80px -52px oklch(0 0 0/0.7)}@layer base{:where(.showcase) *,:where(.showcase) :after,:where(.showcase) :before{box-sizing:border-box}:where(.showcase) :where(img,svg,canvas){display:block;max-width:100%}:where(.showcase) :where(img){height:auto}:where(.showcase) :where(a){color:inherit;text-decoration:none}}.showcase :focus-visible{outline:2px solid var(--sc-cobalt);outline-offset:3px;border-radius:6px}.sc-wrap{width:min(100% - var(--sc-gutter) * 2,var(--sc-wrap));margin-inline:auto}.sc-section{padding:clamp(72px,9vw,124px) 0}.sc-section.sc-tight{padding-top:0}.sc-eyebrow{display:inline-flex;align-items:center;gap:10px;font:500 12px/1.3 var(--sc-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sc-ink-2)}.sc-eyebrow:before{content:"";width:8px;height:8px;background:var(--sc-cobalt);border-radius:2px;flex:none}.sc-display-1{margin:0;font:700 clamp(40px,4.4vw,68px)/1 var(--sc-font-display);letter-spacing:-.035em;text-wrap:balance}.sc-display-2{margin:0;font:700 clamp(30px,4vw,54px)/1.05 var(--sc-font-display);letter-spacing:-.028em;text-wrap:balance}.sc-display-1 .sc-accent,.sc-display-2 .sc-accent{color:var(--sc-head-accent)}.sc-night .sc-display-2 .sc-accent{color:var(--sc-night-head)}.sc-lead{margin:0;font-size:clamp(17px,1.4vw,19.5px);line-height:1.55;color:var(--sc-ink-2);max-width:34em}.sc-section-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px;align-items:end;margin-bottom:40px}.sc-section-head .sc-lead{justify-self:end}.sc-btn{--bg:var(--sc-ink);--fg:var(--sc-paper);display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 24px 0 26px;border-radius:999px;border:0;cursor:pointer;background:var(--bg);color:var(--fg);font:700 16px/1 var(--sc-font-text);white-space:nowrap;transition:transform .25s var(--sc-ease),background .25s var(--sc-ease),box-shadow .25s var(--sc-ease)}.sc-btn svg{width:18px;height:18px;transition:transform .3s var(--sc-ease)}.sc-btn:hover svg{transform:translateX(4px)}.sc-btn:active{transform:scale(.98)}.sc-btn-primary{--bg:var(--sc-cobalt);--fg:var(--sc-on-accent);box-shadow:0 10px 28px -12px oklch(.547 .25 265.8/.65)}.sc-btn-primary:hover{--bg:var(--sc-cobalt-ink)}.sc-btn-ghost{--bg:transparent;--fg:var(--sc-ink);box-shadow:inset 0 0 0 1.5px var(--sc-line-strong)}.sc-btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--sc-ink)}.sc-btn-sm{min-height:44px;padding:0 18px;font-size:15px}.sc-defer{content-visibility:auto;contain-intrinsic-size:auto var(--sc-defer-h,900px)}@media (min-width:1024px){.sc-defer{contain-intrinsic-size:auto var(--sc-defer-h-lg,var(--sc-defer-h,900px))}}.sc-reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--sc-ease),transform .8s var(--sc-ease);transition-delay:var(--d,0s)}.sc-reveal.is-in{opacity:1;transform:none}.sc-actions{display:flex;flex-wrap:wrap;gap:12px}.sc-night{background:radial-gradient(70% 60% at 80% 0,oklch(.6 .2 265/.22),transparent 70%),var(--sc-night);color:var(--sc-night-ink)}.sc-night .sc-eyebrow{color:var(--sc-night-ink-2)}.sc-docs{padding:clamp(72px,8vw,112px) 0;overflow:hidden}.sc-docs-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.sc-docs-note{margin:16px 0 0;max-width:34em;font-size:15.5px;line-height:1.5;color:var(--sc-night-ink-2)}.sc-formats{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.sc-formats li{padding:8px 12px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--sc-night-line);font:500 12.5px/1.3 var(--sc-font-mono);color:var(--sc-night-ink-2)}.sc-docs-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px max(var(--sc-gutter),calc((100vw - var(--sc-wrap)) / 2)) 18px;scroll-padding-inline:max(var(--sc-gutter),calc((100vw - var(--sc-wrap)) / 2));scrollbar-width:thin;scrollbar-color:var(--sc-night-line) transparent;margin:0;list-style:none}.sc-sheet{flex:none;width:min(520px,80vw);scroll-snap-align:start;display:grid;gap:12px;padding:14px;border-radius:22px;background:oklch(1 0 0/.04);box-shadow:inset 0 0 0 1px var(--sc-night-line);margin:0}.sc-sheet .sc-paper{position:relative;aspect-ratio:1.414/1;border-radius:12px;background:oklch(1 0 0);overflow:hidden}.sc-sheet .sc-paper img{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:contain}.sc-sheet .sc-paper:after{content:"";position:absolute;inset:0;background:oklch(1 0 0);border-left:2px solid var(--sc-cobalt);transform:translateX(0);transition:transform 1.3s var(--sc-ease-out);transition-delay:var(--sd,0s)}.sc-sheet.is-drawn .sc-paper:after{transform:translateX(101%)}.sc-sheet figcaption{display:flex;justify-content:space-between;gap:12px;font:500 12.5px/1.3 var(--sc-font-mono);color:var(--sc-night-ink-2)}.sc-sheet figcaption b{color:var(--sc-night-ink);font-weight:500}.sc-sheet .sc-src{color:var(--sc-night-head)}.sc-sheet.sc-estimate .sc-paper{padding:18px 20px;color:oklch(.21 .02 232.8)}.sc-est{width:100%;border-collapse:collapse;font-size:14px}.sc-est td{padding:6px 0;border-bottom:1px solid oklch(.92 .008 85)}.sc-est td:last-child{text-align:right;font-family:var(--sc-font-mono);font-feature-settings:"tnum" 1}.sc-est tr.sc-total td{border:0;padding-top:12px;font-weight:700;font-size:17px}.sc-docs-hint{margin-top:6px;font:500 12px/1.3 var(--sc-font-mono);color:var(--sc-night-ink-2)}.sc-marquee{margin:28px 0 -6px;padding:6px 0;display:grid;gap:12px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.sc-faq{display:grid;gap:10px}.sc-faq details{border-radius:18px;background:var(--sc-card);box-shadow:0 0 0 1px var(--sc-line);padding:0 24px}.sc-faq details[open]{box-shadow:0 0 0 1px var(--sc-line-strong),0 20px 40px -30px oklch(.21 .02 232.8/.5)}.sc-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:64px;padding:14px 0;font:700 17.5px/1.35 var(--sc-font-display);letter-spacing:-.01em}.sc-faq summary::-webkit-details-marker{display:none}.sc-faq summary:after{content:"+";font:400 26px/1 var(--sc-font-text);color:var(--sc-ink-3);transition:transform .3s var(--sc-ease)}.sc-faq details[open] summary:after{transform:rotate(45deg)}.sc-faq p{margin:0 0 20px;color:var(--sc-ink-2);max-width:60em}.sc-final{position:relative;isolation:isolate;margin-top:70px;border-radius:var(--sc-radius-xl);color:oklch(1 0 0);display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:center;min-height:460px;background:radial-gradient(70% 110% at 88% 10%,oklch(.75 .12 270/.55),transparent 60%),linear-gradient(135deg,oklch(.56 .24 266),oklch(.49 .23 266) 55%,oklch(.43 .2 266));box-shadow:0 50px 90px -50px oklch(.43 .2 266/.75)}.sc-final:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-image:linear-gradient(oklch(1 0 0/.1) 1px,transparent 0),linear-gradient(90deg,oklch(1 0 0/.1) 1px,transparent 0);background-size:44px 44px;-webkit-mask-image:radial-gradient(75% 95% at 78% 45%,#000,transparent 80%);mask-image:radial-gradient(75% 95% at 78% 45%,#000,transparent 80%)}.sc-final-copy{position:relative;z-index:2;padding:clamp(32px,5vw,68px);display:grid;gap:22px}.sc-final .sc-eyebrow{color:oklch(1 0 0/.82)}.sc-final .sc-eyebrow:before{background:oklch(1 0 0)}.sc-final .sc-lead{color:oklch(1 0 0/.84)}.sc-final .sc-btn-primary{--bg:oklch(1 0 0);--fg:oklch(0.462 0.23 266);box-shadow:0 16px 34px -16px oklch(.25 .12 266/.7)}.sc-final .sc-btn-primary:hover{--bg:oklch(0.96 0.02 270)}.sc-final .sc-btn-light{--bg:oklch(1 0 0/0.1);--fg:oklch(1 0 0);box-shadow:inset 0 0 0 1.5px oklch(1 0 0/.38)}.sc-final .sc-btn-light:hover{--bg:oklch(1 0 0/0.18)}.sc-final img{position:relative;width:100%;margin:-90px 0 -24px;filter:drop-shadow(0 34px 34px oklch(.25 .12 266/.35))}.sc-w{overflow:hidden;vertical-align:top;padding:.12em .14em .2em;margin:-.12em -.14em -.2em}.sc-w,.sc-w>span{display:inline-block}.sc-w>span{transform:translate3d(0,110%,0);transition:transform 1s var(--sc-ease-out);transition-delay:calc(var(--i, 0) * 45ms)}.sc-split.is-in .sc-w>span{transform:none}.sc-narrow{max-width:980px}.sc-faq-title{margin-bottom:30px}.sc-docs-title{margin-top:14px}.sc-inline-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--sc-cobalt-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.sc-inline-link:hover{text-decoration-thickness:2px}.sc-docs-track>li{flex:none;scroll-snap-align:start}@media (max-width:860px){.showcase{--sc-gutter:20px;font-size:16px}.sc-display-1{font-size:clamp(34px,9.6vw,48px)}.sc-compare,.sc-final,.sc-section-head,.sc-story{grid-template-columns:1fr}.sc-section-head .sc-lead{justify-self:start}.sc-final{margin-top:40px}.sc-final img{width:100%;margin:-10px 0 0}}@media (prefers-reduced-motion:reduce){.sc-callout .sc-dot,.sc-callout .sc-leader,.sc-callout .sc-tag,.sc-reveal,.sc-sheet .sc-paper:after,.sc-spec,.sc-stage canvas{transition:none!important}.sc-reveal{opacity:1;transform:none}.sc-w>span{transform:none!important;transition:none!important}.sc-sheet .sc-paper:after{transform:translateX(101%)}}.sc-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0;padding:0;list-style:none;font-size:14px;color:var(--sc-ink-3)}.sc-crumbs li+li:before{content:"/";margin-right:8px;color:var(--sc-line-strong)}.sc-crumbs a{display:inline-flex;align-items:center;min-height:32px}.sc-crumbs a:hover{color:var(--sc-ink)}.sc-fcard{width:min(340px,78vw);border-radius:var(--sc-radius-l);background:var(--sc-card);box-shadow:0 0 0 1px var(--sc-line);overflow:hidden;display:grid;grid-template-rows:auto 1fr;margin:0}.sc-fcard img{width:100%;aspect-ratio:4/3;object-fit:contain;background:radial-gradient(120% 95% at 50% 105%,oklch(.89 .04 75) 0,oklch(.955 .017 75) 55%,var(--sc-card) 100%)}.dark .sc-fcard img{background:radial-gradient(120% 95% at 50% 105%,oklch(.32 .04 260) 0,oklch(.26 .03 260) 55%,var(--sc-card) 100%)}.sc-fcard h3{margin:0;font:700 19px/1.2 var(--sc-font-display);letter-spacing:-.01em}.sc-fcard p{margin:0;font-size:14px;line-height:1.45;color:var(--sc-ink-2)}.sc-fcard dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:4px 0 0;font-size:13.5px}.sc-fcard dt{color:var(--sc-ink-3)}.sc-fcard dd{margin:0;text-align:right;font-family:var(--sc-font-mono);font-feature-settings:"tnum" 1}.sc-sheet.sc-sheet-wide{width:min(760px,86vw)}.sc-sheet.sc-sheet-wide .sc-paper{aspect-ratio:1.6/1}.sc-final img.sc-final-narrow{width:70%;justify-self:center}.sc-sec{position:relative;width:100%;display:grid;grid-template-rows:auto auto 1fr;gap:6px;padding:14px 16px 16px;border-radius:20px;background:var(--sc-card);box-shadow:0 0 0 1px var(--sc-line);transition:box-shadow .3s var(--sc-ease)}a.sc-sec:hover{box-shadow:0 0 0 1px var(--sc-line-strong),0 20px 40px -30px oklch(.3 .1 265/.45)}.sc-sec img,.sc-sec svg{width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:12px;background:var(--sc-tint-blue)}.sc-sec b{font:700 17px/1.25 var(--sc-font-display)}.sc-sec span{font-size:13.5px;line-height:1.4;color:var(--sc-ink-2)}.sc-budget-card{padding:22px 24px;border-radius:var(--sc-radius-l);background:var(--sc-card);box-shadow:var(--sc-shadow-panel);display:grid;gap:14px}.sc-budget-card small{font:500 11px/1.35 var(--sc-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sc-ink-3)}.sc-budget-card ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}.sc-budget-card li{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:12px;align-items:center;font-size:14px;color:var(--sc-ink-2)}.sc-budget-card li b{font:600 14px/1.3 var(--sc-font-mono);color:var(--sc-ink);white-space:nowrap;font-feature-settings:"tnum" 1}.sc-budget-card .sc-track{height:8px;border-radius:8px;background:var(--sc-paper-2);overflow:hidden}.sc-budget-card .sc-track i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--sc-cobalt),oklch(.72 .14 268));transform-origin:left;transform:scaleX(0);transition:transform .9s var(--sc-ease-out) var(--d,0s)}.sc-budget-card.is-in .sc-track i{transform:scaleX(var(--w,1))}@media (max-width:860px){.sc-final img.sc-final-narrow{width:60%}.sc-budget-card li{grid-template-columns:minmax(0,1fr) auto}.sc-budget-card li .sc-track{grid-column:1/-1;grid-row:2}}