.mock-frame{position:relative}.mock{width:100%;position:relative}.mock-replay{z-index:1;border:1px solid color-mix(in srgb, var(--color-accent-text) 45%, transparent);background:color-mix(in srgb, var(--color-accent-text) 14%, transparent);width:28px;height:28px;color:var(--color-accent-text);cursor:pointer;transition:background-color .15s var(--ease-std), border-color .15s var(--ease-std);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:10px;right:10px}.mock-replay:hover{background:color-mix(in srgb, var(--color-accent-text) 24%, transparent);border-color:color-mix(in srgb, var(--color-accent-text) 65%, transparent)}.smock{border:1px solid var(--color-border);border-radius:var(--radius-md,12px);background:color-mix(in srgb, var(--color-fg) 4%, var(--color-bg));width:100%;position:relative;overflow:hidden}.sm-chrome{border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-fg) 6%, var(--color-bg));align-items:center;gap:6px;padding:8px 12px;display:flex}.sm-dot{background:color-mix(in srgb, var(--color-fg-muted) 40%, transparent);border-radius:999px;width:8px;height:8px}.sm-url{background:color-mix(in srgb, var(--color-fg-muted) 22%, transparent);border-radius:999px;flex:1;align-items:center;height:14px;margin-left:10px;padding:0 8px;display:flex}.sm-url:before{content:"";border:1.5px solid color-mix(in srgb, var(--color-fg-muted) 55%, transparent);border-radius:999px;width:7px;height:7px}.sm-urltext{background:color-mix(in srgb, var(--color-fg-muted) 45%, transparent);border-radius:3px;width:54px;height:5px;margin-left:7px}.sm-page{gap:12px;padding:14px;display:grid}.ln{background:color-mix(in srgb, var(--color-fg-muted) 32%, transparent);border-radius:3px;height:7px}.ln.head{background:color-mix(in srgb, var(--color-fg) 90%, transparent);height:11px}.ln.head2{background:color-mix(in srgb, var(--color-fg) 72%, transparent);height:11px}.stack{gap:6px;display:grid}.head-stack{gap:7px;margin-top:2px}.sub-stack{gap:5px;margin-top:3px}.sm-hero.stack{gap:9px}.sub-w1{width:82%}.sub-w2{width:60%}.sm-announce{background:color-mix(in srgb, var(--color-fg) 3%, var(--color-bg));border-bottom:1px solid var(--color-border);justify-content:center;align-items:center;gap:6px;height:17px;margin:-14px -14px 2px;display:flex}.sm-announce .dot-a{background:var(--color-accent);border-radius:999px;width:5px;height:5px}.sm-announce .ln{width:130px;height:4px}.sm-nav{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding-bottom:12px;display:flex}.sm-brand{align-items:center;gap:6px;display:flex}.sm-mark{border-radius:var(--radius-sm,4px);background:var(--color-accent);width:14px;height:14px}.sm-brandtext{background:color-mix(in srgb, var(--color-fg) 70%, transparent);border-radius:3px;width:30px;height:6px}.sm-navlinks{gap:10px;margin-left:auto;display:flex}.nl{width:24px}.sm-search{border:1px solid var(--color-border);border-radius:999px;flex:none;width:13px;height:13px}.sm-navdiv{background:var(--color-border);width:1px;height:13px;margin:0 1px}.sm-pill{border-radius:var(--radius-sm,4px);background:var(--color-accent);align-items:center;height:18px;padding:0 9px;display:flex}.sm-pill .ln{background:color-mix(in srgb, #fff 80%, var(--color-accent));width:22px;height:5px}.sm-eyebrow{background:var(--color-accent);border-radius:3px;width:64px;height:6px}.sm-herobtns{align-items:center;gap:10px;margin-top:2px;display:flex}.sm-btn{border-radius:var(--radius-sm,4px);background:var(--color-accent);align-items:center;height:22px;padding:0 12px;display:inline-flex}.sm-btn .ln{background:color-mix(in srgb, #fff 85%, var(--color-accent));width:40px;height:6px}.sm-ghost{background:color-mix(in srgb, var(--color-fg-muted) 40%, transparent);border-radius:3px;width:60px;height:6px}.sm-trust{gap:8px;margin-top:8px;display:flex}.sm-trust .chip{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-fg) 5%, var(--color-bg));border-radius:999px;width:36px;height:15px}.sm-pricing{grid-template-columns:repeat(3,1fr);align-items:start;gap:9px;display:grid}.sm-tier{border:1px solid var(--color-border);border-radius:var(--radius-sm,4px);background:color-mix(in srgb, var(--color-fg) 5%, var(--color-bg));gap:6px;padding:10px 9px;display:grid;position:relative}.sm-tier.feat{background:color-mix(in srgb, var(--color-accent) 12%, var(--color-bg));margin-top:-10px;padding-top:15px}.sm-badge{background:var(--color-accent);border-radius:999px;width:40px;height:11px;position:absolute;top:-6px;left:9px}.sm-tier .tname{background:color-mix(in srgb, var(--color-fg-muted) 50%, transparent);border-radius:3px;width:46%;height:5px}.price-row{align-items:flex-end;gap:5px;display:flex}.sm-tier .price{background:color-mix(in srgb, var(--color-fg) 90%, transparent);border-radius:3px;width:58%;height:13px}.psuffix{background:color-mix(in srgb, var(--color-fg-muted) 30%, transparent);border-radius:3px;width:16px;height:5px;margin-bottom:2px}.sm-tier .tdiv{background:var(--color-border);height:1px;margin:2px 0}.sm-tier .ck{align-items:center;gap:5px;display:flex}.sm-tier .ck:before{content:"";background:color-mix(in srgb, var(--color-accent) 65%, transparent);border-radius:999px;flex:none;width:6px;height:6px}.sm-tier .ck .ln{flex:1;height:5px}.sm-tier .mini-btn{border-radius:var(--radius-sm,4px);border:1px solid var(--color-border);background:0 0;height:16px;margin-top:4px}.sm-tier.feat .mini-btn{background:var(--color-accent);border-color:var(--color-accent)}.sm-foot{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:2px;padding-top:11px;display:flex}.sm-footlinks{gap:9px;display:flex}.fl{background:color-mix(in srgb, var(--color-fg-muted) 22%, transparent);width:24px;height:5px}.sm-social{gap:5px;display:flex}.sm-social .sd{border:1px solid var(--color-border);border-radius:999px;width:9px;height:9px}@property --snake{syntax:"<angle>";inherits:false;initial-value:360deg}.tier-trace{display:none}.sm-tier.feat .tier-trace{border-radius:var(--radius-sm,4px);pointer-events:none;--snake:360deg;background:conic-gradient(from 0deg, var(--color-accent) var(--snake), transparent 0);-webkit-mask-composite:xor;padding:2px;display:block;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.smock-phone{display:none}.phone{border:7px solid color-mix(in srgb, var(--color-fg) 14%, var(--color-bg));background:color-mix(in srgb, var(--color-fg) 4%, var(--color-bg));border-radius:30px;width:208px;max-width:64vw;margin:0 auto;overflow:hidden}.phone-bar{background:color-mix(in srgb, var(--color-fg) 4%, var(--color-bg));justify-content:center;align-items:center;height:27px;padding-top:6px;display:flex}.phone-bar:after{content:"";background:#000;border-radius:999px;width:74px;height:17px}.phone-screen{gap:9px;padding:11px;display:grid}.ph-nav{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.ph-burger{gap:2px;display:grid}.ph-burger span{background:color-mix(in srgb, var(--color-fg-muted) 60%, transparent);border-radius:2px;width:14px;height:1.5px;display:block}.ph-eyebrow{background:var(--color-accent);border-radius:3px;width:52px;height:5px}.ph-btn{border-radius:var(--radius-sm,4px);background:var(--color-accent);height:22px;margin-top:2px}.ph-pricing{gap:8px;margin-top:2px;display:grid}.ph-pricing .sm-tier.feat{margin-top:6px;padding-top:11px}@media (prefers-reduced-motion:no-preference){.mock.is-building .smock{animation:popIn .28s var(--ease-out-expo) both}.mock.is-building .sm-announce .dot-a{animation:popIn .24s var(--ease-out-expo) 80ms both}.mock.is-building .sm-announce .ln{animation:popIn .24s var(--ease-out-expo) .12s both}.mock.is-building .sm-chrome .sm-dot:first-child{animation:popIn .24s var(--ease-out-expo) .16s both}.mock.is-building .sm-chrome .sm-dot:nth-child(2){animation:popIn .24s var(--ease-out-expo) .2s both}.mock.is-building .sm-chrome .sm-dot:nth-child(3){animation:popIn .24s var(--ease-out-expo) .24s both}.mock.is-building .sm-url{animation:popIn .26s var(--ease-out-expo) .29s both}.mock.is-building .sm-nav .sm-mark{animation:popIn .26s var(--ease-out-expo) .35s both, wireBrand .3s var(--ease-std) 2.02s both}.mock.is-building .sm-nav .sm-brandtext{animation:popIn .24s var(--ease-out-expo) .4s both}.mock.is-building .sm-navlinks .nl:first-child{animation:popIn .22s var(--ease-out-expo) .45s both}.mock.is-building .sm-navlinks .nl:nth-child(2){animation:popIn .22s var(--ease-out-expo) .5s both}.mock.is-building .sm-navlinks .nl:nth-child(3){animation:popIn .22s var(--ease-out-expo) .55s both}.mock.is-building .sm-navlinks .nl:nth-child(4){animation:popIn .22s var(--ease-out-expo) .6s both}.mock.is-building .sm-search{animation:popIn .22s var(--ease-out-expo) .65s both}.mock.is-building .sm-navdiv{animation:popIn .2s var(--ease-out-expo) .69s both}.mock.is-building .sm-pill{animation:popIn .24s var(--ease-out-expo) .73s both, wirePill .3s var(--ease-std) 2.08s both}.mock.is-building .sm-eyebrow{animation:popIn .26s var(--ease-out-expo) .8s both}.mock.is-building .sm-hero .ln.head{animation:popIn .26s var(--ease-out-expo) .87s both}.mock.is-building .sm-hero .ln.head2{animation:popIn .26s var(--ease-out-expo) .94s both}.mock.is-building .sm-hero .sub-stack .ln:first-child{animation:popIn .24s var(--ease-out-expo) 1.01s both}.mock.is-building .sm-hero .sub-stack .ln:nth-child(2){animation:popIn .24s var(--ease-out-expo) 1.07s both}.mock.is-building .sm-btn{animation:popIn .26s var(--ease-out-expo) 1.14s both, wirePill .3s var(--ease-std) 2.14s both}.mock.is-building .sm-ghost{animation:popIn .22s var(--ease-out-expo) 1.2s both}.mock.is-building .sm-trust .chip:first-child{animation:popIn .22s var(--ease-out-expo) 1.26s both}.mock.is-building .sm-trust .chip:nth-child(2){animation:popIn .22s var(--ease-out-expo) 1.31s both}.mock.is-building .sm-trust .chip:nth-child(3){animation:popIn .22s var(--ease-out-expo) 1.36s both}.mock.is-building .sm-lower>:first-child{animation:popIn .26s var(--ease-out-expo) 1.44s both}.mock.is-building .sm-lower>:nth-child(2){animation:popIn .26s var(--ease-out-expo) 1.53s both}.mock.is-building .sm-lower>:nth-child(3){animation:popIn .26s var(--ease-out-expo) 1.62s both}.mock.is-building .sm-lower .sm-tier.feat .mini-btn{animation:wirePill .3s var(--ease-std) 2.18s both}.mock.is-building .sm-foot .sm-footlinks .fl:first-child{animation:popIn .22s var(--ease-out-expo) 1.71s both}.mock.is-building .sm-foot .sm-footlinks .fl:nth-child(2){animation:popIn .22s var(--ease-out-expo) 1.76s both}.mock.is-building .sm-foot .sm-footlinks .fl:nth-child(3){animation:popIn .22s var(--ease-out-expo) 1.81s both}.mock.is-building .sm-social .sd:first-child{animation:popIn .2s var(--ease-out-expo) 1.87s both}.mock.is-building .sm-social .sd:nth-child(2){animation:popIn .2s var(--ease-out-expo) 1.91s both}.mock.is-building .sm-social .sd:nth-child(3){animation:popIn .2s var(--ease-out-expo) 1.95s both}.mock.is-building .sm-lower .sm-tier.feat .tier-trace{animation:.75s linear 1.5s both snakeDraw}.mock.is-building .ph-nav .sm-mark{animation:popIn .24s var(--ease-out-expo) .1s both, wireBrand .3s var(--ease-std) 1.55s both}.mock.is-building .ph-nav .sm-brandtext{animation:popIn .22s var(--ease-out-expo) .16s both}.mock.is-building .ph-burger{animation:popIn .22s var(--ease-out-expo) .24s both}.mock.is-building .ph-eyebrow{animation:popIn .24s var(--ease-out-expo) .34s both}.mock.is-building .phone .ln.head{animation:popIn .24s var(--ease-out-expo) .44s both}.mock.is-building .phone .ln.head2{animation:popIn .24s var(--ease-out-expo) .54s both}.mock.is-building .phone-screen>.ln{animation:popIn .24s var(--ease-out-expo) .64s both}.mock.is-building .ph-btn{animation:popIn .26s var(--ease-out-expo) .74s both, wirePill .3s var(--ease-std) 1.62s both}.mock.is-building .ph-pricing .sm-tier.feat{animation:.2s linear .8s both inkIn}.mock.is-building .ph-pricing .sm-tier:not(.feat){animation:.2s linear 1.26s both inkIn}.mock.is-building .ph-pricing .sm-tier.feat .tier-trace{animation:.75s linear .86s both snakeDraw}}@keyframes popIn{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@keyframes inkIn{0%{opacity:0}to{opacity:1}}@keyframes wireBrand{0%{background:color-mix(in srgb, var(--color-fg-muted) 30%, transparent)}to{background:var(--color-accent)}}@keyframes wirePill{0%{background:color-mix(in srgb, var(--color-fg-muted) 30%, transparent)}to{background:var(--color-accent)}}@keyframes snakeDraw{0%{--snake:0deg}to{--snake:360deg}}@media (max-width:880px){.smock-detailed{display:none}.smock-phone{display:block}}
@property --r{syntax:"<length>";inherits:true;initial-value:0}#hero{touch-action:pan-y pinch-zoom}.stage-btn{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-fg-muted);font-family:var(--font-mono);white-space:nowrap;cursor:pointer;transition:color .15s var(--ease-std), border-color .15s var(--ease-std);border-radius:4px;align-items:center;gap:6px;padding:0 8px;font-size:.8125rem;line-height:20px}.stage-btn[aria-disabled=true]{cursor:default}.stage-btn:not([aria-disabled=true]):hover{color:var(--color-fg);border-color:color-mix(in srgb, var(--color-fg) 60%, transparent)}.stage-btn[aria-pressed=true]{color:var(--color-fg);border-color:var(--color-fg)}.stage-kbd{font-family:inherit;font-size:inherit;opacity:.8}[data-ruler],.stage-ruler-corner,[data-readout]{z-index:2;pointer-events:none;display:none;position:absolute}@media (min-width:768px){[data-ruler],.stage-ruler-corner,[data-readout]{display:block}}[data-ruler]{font-family:var(--font-mono);background:#0e0e11;overflow:hidden}[data-ruler=x]{height:16px;top:0;left:0;right:0}[data-ruler=y]{width:16px;top:16px;bottom:0;left:0}[data-ruler] canvas{width:100%;height:100%;display:block}.stage-ruler-corner{box-sizing:border-box;background:#0e0e11;border-bottom:1px solid #2a2a30;border-right:1px solid #2a2a30;width:16px;height:16px;top:0;left:0}.ruler-mark,.ruler-band{opacity:0;position:absolute;top:0;left:0}.ruler-mark{background:#f4f2ee}.ruler-band{background:#f4f2ee1a}[data-ruler=x] .ruler-mark{width:1px;height:100%}[data-ruler=x] .ruler-band{height:100%}[data-ruler=y] .ruler-mark{width:100%;height:1px}[data-ruler=y] .ruler-band{width:100%}[data-readout]{width:20ch;font-family:var(--font-mono);color:var(--color-fg-muted);text-align:right;white-space:nowrap;font-size:.8125rem;line-height:20px;top:40px;right:16px}[data-readout-line]{height:20px}[data-raster-overlay]{z-index:1;pointer-events:none;background-image:repeating-linear-gradient(#f4f2ee0f 0 1px,#0000 1px 8px);display:none;position:absolute;inset:0}@media (min-width:768px){#hero[data-raster=on] [data-raster-overlay]{display:block}}.raster-columns{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;height:100%;display:grid}.raster-column{box-sizing:border-box;background:#f4f2ee0a;border-left:1px solid #f4f2ee1f;border-right:1px solid #f4f2ee1f}[data-build-layer]{z-index:1;pointer-events:none;background-color:var(--color-bg);clip-path:circle(var(--r) at var(--x,50%) var(--y,50%));background-image:linear-gradient(90deg,#f4f2ee0b 1px,#0000 1px),linear-gradient(#f4f2ee0b 1px,#0000 1px);background-size:8px 8px;align-items:center;display:flex;position:absolute;inset:0}#hero a:focus-visible{z-index:3;position:relative}#hero [data-hero-enter]:has(a:focus-visible){z-index:3;position:relative}#hero .mock-replay:focus-visible{z-index:3}#hero:focus,#hero:focus-visible{box-shadow:none;border-radius:0;outline:none}#hero[data-bauplan=on] [data-build-layer]{--r:2400px!important}@media (prefers-reduced-motion:no-preference){[data-build-layer]{transition:--r .45s var(--ease-out-expo)}[data-build-layer][data-lens-yield]{transition-duration:.15s}}.lens-ring{-webkit-mask-image:radial-gradient(circle at var(--x,50%) var(--y,50%), transparent calc(var(--r) - 1.5px), #000 calc(var(--r) - 1.5px), #000 calc(var(--r) - .5px), transparent calc(var(--r) - .5px));-webkit-mask-image:radial-gradient(circle at var(--x,50%) var(--y,50%), transparent calc(var(--r) - 1.5px), #000 calc(var(--r) - 1.5px), #000 calc(var(--r) - .5px), transparent calc(var(--r) - .5px));mask-image:radial-gradient(circle at var(--x,50%) var(--y,50%), transparent calc(var(--r) - 1.5px), #000 calc(var(--r) - 1.5px), #000 calc(var(--r) - .5px), transparent calc(var(--r) - .5px));background:#f4f2ee80;position:absolute;inset:0}#hero[data-bauplan=on] .lens-ring{display:none}[data-build-clone],[data-build-clone] *{color:#f4f2ee29}[data-build-clone] [data-clone=cta]{background:0 0}.build-annotations{position:absolute;inset:0}.build-box{box-sizing:border-box;border:1px dashed #f4f2ee66;position:absolute}.build-box[data-kind=cta]{border:1px solid var(--color-accent-text)}.build-label{color:#0e0e11;font-family:var(--font-mono);letter-spacing:0;text-transform:none;white-space:nowrap;background:#f4f2ee;border-radius:2px;padding:0 4px;font-size:.8125rem;font-weight:400;line-height:20px;position:absolute;top:0;left:0}.build-label-probe{visibility:hidden}
/*# sourceMappingURL=0egytwdl968oj.css.map*/