@layer components{.en{position:relative;overflow-x:clip}.en-stage{position:relative}.en-grid{z-index:1;gap:2.5rem;padding-block:3rem 6rem;display:grid;position:relative}@media (min-width:900px){.en-grid{grid-template-columns:minmax(0,4.3fr) minmax(0,7.7fr);align-items:center;gap:3rem}.en-visual{--pad:2rem;margin-right:calc(1.5rem - max(0px, (100vw - 90rem) / 2) - var(--pad))}.en-window{max-width:calc(160svh - 20.8rem)}}@media (min-width:1024px){.en-visual{--pad:3rem}}.en-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.en-cols{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid;position:absolute;inset:0}.en-cols span{border-inline:1px solid color-mix(in srgb, var(--color-accent) 9%, transparent);background:color-mix(in srgb, var(--color-accent) 2.5%, transparent);transform-origin:50% 0}.en-cols span:nth-child(n+5){display:none}@media (min-width:900px){.en-cols{grid-template-columns:repeat(12,1fr);gap:1.5rem}.en-cols span:nth-child(n+5){display:block}}.en-fl{top:var(--y);left:var(--x);width:var(--w);opacity:calc((.3 + var(--d) * .5) * (1 - var(--sy,0) * .6));transform:translate3d(calc(var(--bx,0) * var(--d) * -40px), calc(var(--by,0) * var(--d) * -26px - var(--sy,0) * var(--d) * 180px), 0);display:none;position:absolute}@media (min-width:900px){.en-fl{display:block}}.en-fl-float{transform:rotate(var(--r))}@media (prefers-reduced-motion:no-preference){.en-cols span{animation:en-col 1.4s var(--ease-out-expo) forwards;animation-delay:calc(80ms + var(--i) * 45ms);transform:scaleY(0)}.en-fl-float{opacity:0;animation:wf-in 1.4s var(--ease-out-expo) forwards, wf-float calc(var(--t) * .75) ease-in-out infinite alternate;animation-delay:calc(.5s + var(--i) * .11s), calc(var(--i) * -1.7s)}}@keyframes en-col{to{transform:none}}.en-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--color-ink);font-size:clamp(2.8rem,5.8vw,5.5rem);font-weight:750;font-stretch:118%;line-height:.92}.en-us:after{content:"_";color:var(--color-accent)}.en-lede{color:var(--color-ink-soft);text-wrap:pretty;margin-top:1.1rem;font-size:clamp(1rem,1.3vw,1.2rem)}.en-price{color:var(--color-ink-muted);margin-top:1.1rem;font-size:.875rem;font-weight:500}.en-actions{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:2rem;display:flex}.en-steps{color:var(--color-ink-muted);gap:1.5rem;margin:2.5rem 0 0;padding:0;font-size:.8125rem;font-weight:500;list-style:none;display:flex}.en-steps li{padding-bottom:.45rem;transition:color .3s ease-out;position:relative}.en-steps li:after{content:"";background:var(--color-accent);transform-origin:0;height:2px;transition:transform .5s var(--ease-out-expo);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.en-steps li[data-active]{color:var(--color-ink)}.en-steps li[data-active]:after{transform:none}.en-visual{position:relative}.en-window{background:var(--color-paper);box-shadow:0 0 0 1px var(--color-line), 0 40px 80px -40px color-mix(in srgb, var(--color-ink) 45%, transparent);transform-origin:50%;border-radius:14px;position:relative;overflow:hidden}.en-bar{border-bottom:1px solid var(--color-line);background:var(--color-paper-soft);align-items:center;height:2.25rem;padding:0 .75rem;display:flex}.en-url{background:var(--color-paper);font-family:var(--font-mono);color:var(--color-ink-muted);white-space:nowrap;border-radius:999px;padding:.2rem .6rem;font-size:.625rem}.en-caret{color:var(--color-accent);font-weight:700}@media (prefers-reduced-motion:no-preference){.en-caret{animation:1s step-end 4 caret}}.en-screen{aspect-ratio:16/10;background:var(--color-ink);position:relative;overflow:hidden}.en-shot{object-fit:cover}.en-lamp{opacity:calc(1 - var(--lit,1))}:root[data-motion] .en-window,:root[data-motion] .en-phone{--lit:0}.en-sketch{background:var(--color-paper);display:none;position:absolute;inset:0;overflow:hidden}.en-sketch-inner{position:absolute;inset:0}.en-sketch svg{width:100%;height:100%;display:block}.en-wf{fill:none;stroke:var(--color-accent);stroke-width:2.6px}.en-wf-fill{fill:color-mix(in srgb, var(--color-accent) 12%, transparent)}.en-scan{background:var(--color-accent);height:3px;box-shadow:0 0 18px 2px color-mix(in srgb, var(--color-accent) 55%, transparent);opacity:0;display:none;position:absolute;top:0;left:0;right:0}.en-phone-pos{position:absolute;bottom:-10%;right:-3%}.en-phone{box-sizing:content-box;aspect-ratio:390/844;background:var(--color-ink);height:min(22rem,58vh);box-shadow:0 40px 80px -30px color-mix(in srgb, var(--color-ink) 55%, transparent);transform-origin:50%;border-radius:30px;padding:7px}.en-phone-screen{border-radius:23px;height:100%;position:relative;overflow:hidden}.en-phone-screen .en-shot{object-position:50% 0%}.en-caption{color:var(--color-ink-muted);margin-top:1rem;font-size:.8125rem}:root[data-motion] .en{height:260vh}:root[data-motion] .en .en-stage{height:100lvh;position:sticky;top:0;overflow:hidden}:root[data-motion] .en .en-grid{align-content:center;height:100svh;padding-block:5rem 2rem}:root[data-motion] .en .en-sketch,:root[data-motion] .en .en-scan{display:block}:root[data-motion] .en .en-phone-pos{pointer-events:none;place-items:center;display:grid;inset:0 0 2.25rem}:root[data-motion] .en .en-phone{opacity:0;height:min(34rem,72svh)}@media (max-width:899px){:root[data-motion] .en .en-grid{align-content:safe center;gap:1.25rem;padding-block:4.75rem 1rem}.en-lede{margin-top:.8rem}.en-actions{margin-top:1.1rem}.en-price{margin-top:.75rem}.en-steps{display:none}.en-phone{height:16rem}:root[data-motion] .en .en-phone{height:17rem}}@media (prefers-reduced-motion:no-preference){:root[data-motion] .en .en-wf{stroke-dasharray:1;stroke-dashoffset:1px;animation:en-draw .9s var(--ease-out-expo) forwards;animation-delay:calc(.25s + var(--d,0) * 90ms)}:root[data-motion] .en .en-wf-fill{fill-opacity:0;animation:en-draw .9s var(--ease-out-expo) forwards, en-fill .5s ease-out forwards;animation-delay:calc(.25s + var(--d,0) * 90ms), 1.3s}}@keyframes en-draw{to{stroke-dashoffset:0}}@keyframes en-fill{to{fill-opacity:1}}}