@layer tokens,base,components,sections,motion;@layer tokens{:root{color-scheme:light;--bg:#f7f7f8;--bg-elev:#ffffff;--bg-sunk:#efeff1;--ink:#1d1d1f;--ink-2:#4b4b50;--ink-3:#77777c;--line:rgba(29, 29, 31, 0.10);--line-strong:rgba(29, 29, 31, 0.18);--accent:#2f6df6;--accent-hover:#2560e0;--accent-ink:#ffffff;--accent-soft:rgba(47, 109, 246, 0.10);--flow:#0f9f8f;--flow-ink:#0b7d70;--flow-soft:rgba(15, 159, 143, 0.10);--dot:rgba(29, 29, 31, 0.16);--glass-fill:rgba(255, 255, 255, 0.55);--glass-fill-strong:rgba(255, 255, 255, 0.72);--glass-fill-solid:rgba(255, 255, 255, 0.94);--glass-edge:rgba(255, 255, 255, 0.70);--glass-edge-outer:rgba(29, 29, 31, 0.08);--glass-gloss:rgba(255, 255, 255, 0.95);--glass-blur:22px;--shadow-1:0 1px 2px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(0, 0, 0, 0.06);--shadow-2:0 2px 6px rgba(0, 0, 0, 0.05), 0 24px 60px rgba(0, 0, 0, 0.10);--shadow-3:0 4px 12px rgba(0, 0, 0, 0.06), 0 48px 120px rgba(0, 0, 0, 0.14);--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--step--1:clamp(0.85rem, 0.82rem + 0.15vw, 0.95rem);--step-0:clamp(1rem, 0.96rem + 0.25vw, 1.125rem);--step-1:clamp(1.125rem, 1.05rem + 0.4vw, 1.375rem);--step-2:clamp(1.375rem, 1.2rem + 0.9vw, 1.875rem);--step-3:clamp(1.75rem, 1.4rem + 1.6vw, 2.5rem);--step-4:clamp(2.25rem, 1.6rem + 3vw, 3.5rem);--step-5:clamp(2.875rem, 1.9rem + 5vw, 5.5rem);--leading-tight:1.05;--leading-snug:1.2;--leading:1.55;--tracking-tight:-0.022em;--tracking-wide:0.06em;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--section:clamp(5rem, 12vw, 10rem);--gutter:clamp(1rem, 5vw, 3rem);--measure:60ch;--container:1200px;--container-wide:1480px;--nav-h:3.5rem;--r-s:10px;--r-m:16px;--r-l:24px;--r-xl:32px;--r-pill:999px;--ease-out:cubic-bezier(0.22, 1, 0.36, 1);--ease-in-out:cubic-bezier(0.65, 0, 0.35, 1);--dur-1:160ms;--dur-2:320ms;--dur-3:720ms;--dur-4:1100ms}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#111114;--bg-elev:#1c1c1f;--bg-sunk:#0c0c0e;--ink:#f5f5f7;--ink-2:#b8b8bd;--ink-3:#8a8a90;--line:rgba(255, 255, 255, 0.10);--line-strong:rgba(255, 255, 255, 0.18);--accent:#4f8bff;--accent-hover:#6a9cff;--accent-ink:#0b1a3a;--accent-soft:rgba(79, 139, 255, 0.16);--flow:#2fc4b2;--flow-ink:#7fe3d6;--flow-soft:rgba(47, 196, 178, 0.14);--dot:rgba(255, 255, 255, 0.13);--glass-fill:rgba(28, 28, 31, 0.55);--glass-fill-strong:rgba(28, 28, 31, 0.72);--glass-fill-solid:rgba(28, 28, 31, 0.96);--glass-edge:rgba(255, 255, 255, 0.14);--glass-edge-outer:rgba(0, 0, 0, 0.5);--glass-gloss:rgba(255, 255, 255, 0.22);--shadow-1:0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 24px rgba(0, 0, 0, 0.35);--shadow-2:0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 60px rgba(0, 0, 0, 0.5);--shadow-3:0 4px 12px rgba(0, 0, 0, 0.4), 0 48px 120px rgba(0, 0, 0, 0.6)}}:root[data-theme=dark]{color-scheme:dark;--bg:#111114;--bg-elev:#1c1c1f;--bg-sunk:#0c0c0e;--ink:#f5f5f7;--ink-2:#b8b8bd;--ink-3:#8a8a90;--line:rgba(255, 255, 255, 0.10);--line-strong:rgba(255, 255, 255, 0.18);--accent:#4f8bff;--accent-hover:#6a9cff;--accent-ink:#0b1a3a;--accent-soft:rgba(79, 139, 255, 0.16);--flow:#2fc4b2;--flow-ink:#7fe3d6;--flow-soft:rgba(47, 196, 178, 0.14);--dot:rgba(255, 255, 255, 0.13);--glass-fill:rgba(28, 28, 31, 0.55);--glass-fill-strong:rgba(28, 28, 31, 0.72);--glass-fill-solid:rgba(28, 28, 31, 0.96);--glass-edge:rgba(255, 255, 255, 0.14);--glass-edge-outer:rgba(0, 0, 0, 0.5);--glass-gloss:rgba(255, 255, 255, 0.22);--shadow-1:0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 24px rgba(0, 0, 0, 0.35);--shadow-2:0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 60px rgba(0, 0, 0, 0.5);--shadow-3:0 4px 12px rgba(0, 0, 0, 0.4), 0 48px 120px rgba(0, 0, 0, 0.6)}}@layer base{*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg)}body{margin:0;min-height:100dvh;font-family:var(--font);font-size:var(--step-0);line-height:var(--leading);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}img,svg,video{display:block;max-width:100%}img{height:auto}h1,h2,h3,p,ul,ol,dl,figure{margin:0}ul[class],ol[class]{padding:0;list-style:none}h1,h2,h3{font-weight:600;letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);text-wrap:balance}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:0 0;border:0;padding:0;cursor:pointer}::selection{background:var(--accent-soft)}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.container{width:min(100% - 2 * var(--gutter),var(--container));margin-inline:auto}.container--wide{max-width:var(--container-wide)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;top:var(--space-3);left:var(--space-3);z-index:100;padding:var(--space-2)var(--space-4);border-radius:var(--r-pill);background:var(--ink);color:var(--bg);font-weight:600;transform:translateY(-200%)}.skip-link:focus-visible{transform:none;outline-offset:2px}.nav-sentinel{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}.eyebrow{margin-bottom:var(--space-4);font-size:var(--step--1);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--accent)}.textlink{color:var(--accent);font-weight:500;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.2em;transition:text-decoration-color var(--dur-1)var(--ease-out),color var(--dur-1)var(--ease-out)}.textlink::after{content:" \2192"}.textlink:hover{text-decoration-color:initial;color:var(--accent-hover)}}@layer components{.glass{position:relative;background:var(--glass-fill-solid);border:1px solid var(--glass-edge-outer);border-radius:var(--r-l);box-shadow:inset 0 1px 0 var(--glass-gloss),var(--shadow-1)}@supports((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass{background:var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur))saturate(160%);backdrop-filter:blur(var(--glass-blur))saturate(160%)}.glass--strong{background:var(--glass-fill-strong)}}.glass::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,var(--glass-gloss) 0%,transparent 38%);opacity:.35;mix-blend-mode:soft-light}}@layer components{.btn{--btn-h:2.75rem;--btn-px:1.25rem;--btn-fs:var(--step-0);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--btn-h);padding:0 var(--btn-px);border-radius:var(--r-pill);font-size:var(--btn-fs);font-weight:600;letter-spacing:-.01em;line-height:1;white-space:nowrap;transition:background-color var(--dur-1)var(--ease-out),color var(--dur-1)var(--ease-out),box-shadow var(--dur-2)var(--ease-out),transform var(--dur-1)var(--ease-out);will-change:transform}.btn .icon{flex:none}.btn--sm{--btn-h:2.125rem;--btn-px:0.9rem;--btn-fs:var(--step--1)}.btn--sm .icon{width:15px;height:15px}.btn--lg{--btn-h:3.25rem;--btn-px:1.6rem;--btn-fs:var(--step-1)}.btn--primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 1px rgba(255,255,255,.18)inset,0 6px 18px rgba(47,109,246,.22)}.btn--primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 1px rgba(255,255,255,.2)inset,0 10px 28px rgba(47,109,246,.3)}.btn--primary:active{transform:translateY(0)scale(.98);box-shadow:0 2px 8px rgba(47,109,246,.2)}.btn--secondary{background:var(--glass-fill-solid);color:var(--ink);border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--glass-gloss),var(--shadow-1)}@supports((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.btn--secondary{background:var(--glass-fill-strong);-webkit-backdrop-filter:blur(14px)saturate(150%);backdrop-filter:blur(14px)saturate(150%)}}.btn--secondary:hover{transform:translateY(-1px);border-color:var(--line-strong);box-shadow:inset 0 1px 0 var(--glass-gloss),var(--shadow-2)}.btn--secondary:active{transform:translateY(0)scale(.98)}.btn:focus-visible{outline-offset:3px}.appstore{display:inline-flex;border-radius:10px;transition:transform var(--dur-1)var(--ease-out),filter var(--dur-1)var(--ease-out);will-change:transform}.appstore picture{display:inline-flex}.appstore img{display:block;width:auto;height:var(--badge-h,52px)}.appstore--lg{--badge-h:56px}.appstore--sm{--badge-h:40px}.appstore:hover{transform:translateY(-1px);filter:drop-shadow(0 8px 20px rgba(0,0,0,.18))}.appstore:active{transform:translateY(0)scale(.98)}.appstore:focus-visible{outline-offset:4px}.appstore-soon{display:inline-flex;align-items:center;justify-content:center;min-height:var(--badge-h,52px);padding:.4em 1.4em;text-align:center;border-radius:var(--r-pill);border:1px solid var(--line-strong);background:var(--bg-elev);box-shadow:inset 0 1px 0 var(--glass-gloss),var(--shadow-1);font-size:var(--step-0);font-weight:600;letter-spacing:-.01em;color:var(--ink-2)}.appstore-soon--lg{--badge-h:56px}.appstore-soon--sm{--badge-h:40px;font-size:var(--step--1)}}@layer sections{.nav{position:fixed;top:var(--space-3);left:50%;z-index:50;width:min(100% - 2 * var(--space-4),var(--container));transform:translateX(-50%);border-radius:var(--r-pill);transition:box-shadow var(--dur-2)var(--ease-out),background-color var(--dur-2)var(--ease-out),border-color var(--dur-2)var(--ease-out)}.nav.is-scrolled{box-shadow:inset 0 1px 0 var(--glass-gloss),var(--shadow-2)}@supports((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.nav.is-scrolled{background:var(--glass-fill-strong)}}.nav__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-4);min-height:var(--nav-h);padding:0 var(--space-3)0 var(--space-4)}.nav__brand{display:inline-flex;align-items:center;gap:.6rem;justify-self:start;font-weight:600;letter-spacing:-.01em;white-space:nowrap;border-radius:var(--r-pill)}.nav__brand .brand-mark{display:inline-flex}.nav__brand img{width:26px;height:26px;border-radius:7px}.nav__links{display:flex;gap:var(--space-1)}.nav__links a{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border-radius:var(--r-pill);font-size:var(--step--1);font-weight:500;color:var(--ink-2);transition:color var(--dur-1)var(--ease-out),background-color var(--dur-1)var(--ease-out)}.nav__links a:hover{color:var(--ink);background:var(--accent-soft)}.nav__links a[aria-current=page]{color:var(--ink);font-weight:600;background:var(--accent-soft)}.nav__links .icon{display:none;flex:none}.nav__actions{display:flex;align-items:center;justify-self:end;gap:var(--space-2)}.js .home .nav:not(.has-cta) .nav__cta{display:none}.js .home .nav.has-cta .nav__cta{display:inline-flex;animation:rise-in var(--dur-2)var(--ease-out)both}.nav__lang{position:relative}.nav__lang summary{display:inline-flex;align-items:center;gap:.4rem;height:2.125rem;padding:0 .7rem 0 .6rem;border-radius:var(--r-pill);list-style:none;cursor:pointer;font-size:var(--step--1);color:var(--ink-2);white-space:nowrap;transition:color var(--dur-1)var(--ease-out),background-color var(--dur-1)var(--ease-out)}.nav__lang summary::-webkit-details-marker{display:none}.nav__lang summary .icon{flex:none}.nav__lang summary:hover,.nav__lang[open] summary{color:var(--ink);background:var(--accent-soft)}.nav__lang-code{font-weight:600;letter-spacing:.02em}.nav__lang summary .nav__lang-code{color:var(--ink)}.nav__lang-chevron{transition:transform var(--dur-2)var(--ease-out)}.nav__lang[open] .nav__lang-chevron{transform:rotate(180deg)}.nav__lang-panel{position:absolute;top:calc(100% + var(--space-3));right:0;display:grid;min-width:11rem;margin:0;padding:var(--space-2);border-radius:var(--r-m);list-style:none}.nav__lang-panel a{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);padding:.6rem .8rem;border-radius:var(--r-s);font-size:var(--step--1);color:var(--ink-2)}.nav__lang-panel a:hover{background:var(--accent-soft);color:var(--ink)}.nav__lang-panel a .nav__lang-code{color:var(--ink)}.nav__lang-panel a[aria-current=true] .nav__lang-name{color:var(--ink);font-weight:600}.themetoggle{display:inline-grid;place-items:center;width:2.125rem;height:2.125rem;border-radius:var(--r-pill);color:var(--ink-2);transition:color var(--dur-1)var(--ease-out),background-color var(--dur-1)var(--ease-out)}.themetoggle:hover{color:var(--ink);background:var(--accent-soft)}.themetoggle svg{grid-area:1/1}.themetoggle__sun{display:none}.themetoggle__moon{display:block}:root[data-theme=dark] .themetoggle__sun{display:block}:root[data-theme=dark] .themetoggle__moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .themetoggle__sun{display:block}:root:not([data-theme=light]) .themetoggle__moon{display:none}}@media(max-width:720px){.nav__inner{gap:var(--space-2);padding-inline:var(--space-3)}.nav__brand span{display:none}.nav__links{gap:0}.nav__links a{padding:.45rem .6rem}.nav__links .icon{display:block}.nav__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.nav__lang summary .nav__lang-name,.nav__lang summary .icon:first-child{display:none}.nav__lang summary{padding-inline:.55rem}}@media(max-width:400px){.nav__cta span{display:none}.nav__cta{--btn-px:0.6rem}.nav__actions{gap:var(--space-1)}.nav__links a{padding-inline:.5rem}}}@layer sections{.hero{position:relative;isolation:isolate;display:grid;align-items:center;min-height:clamp(38rem,92svh,56rem);padding-block:calc(var(--nav-h) + var(--space-9))var(--space-9);overflow:hidden}.hero__copy{position:relative;z-index:2;display:grid;justify-items:center;text-align:center;gap:var(--space-5);padding:var(--space-8)0;background:radial-gradient(ellipse 62% 78% at 50% 50%,var(--bg) 42%,transparent 100%)}.hero__mark{display:inline-flex;margin-bottom:var(--space-2)}.hero__mark img{width:128px;height:128px;border-radius:29px;box-shadow:var(--shadow-2)}.hero__title{max-width:14ch;font-size:var(--step-5);font-weight:700;line-height:var(--leading-tight);letter-spacing:-.035em}.hero__tagline{max-width:16ch;font-size:var(--step-3);font-weight:600;line-height:var(--leading-tight);letter-spacing:-.02em;text-wrap:balance}.hero__sub{max-width:30ch;margin-top:calc(-1 * var(--space-3));font-size:var(--step-1);font-weight:400;line-height:var(--leading-snug);color:var(--ink-2);text-wrap:balance}.hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-3)}@media(max-width:640px){.hero{min-height:0;padding-block:calc(var(--nav-h) + var(--space-9))var(--space-9)}.hero__copy{padding-block:var(--space-6)}.hero__mark img{width:104px;height:104px;border-radius:23px}.hero__actions{width:100%}.hero__actions .btn,.hero__actions .appstore-soon{flex:auto}}}@layer sections{.board{position:absolute;inset:0;z-index:0;overflow:hidden;contain:paint;pointer-events:none}.board__grid{position:absolute;inset:-20% -10%;background-image:radial-gradient(var(--dot) 1.1px,transparent 1.4px);background-size:28px 28px;background-position:14px 14px;-webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 45%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 75% 70% at 50% 45%,#000 40%,transparent 100%)}}@layer sections{main{position:relative}.flow{position:absolute;inset:0;z-index:0;width:100%;height:100%;overflow:visible;pointer-events:none}.flow[hidden]{display:none}.home .hero,.showcase,.story,.demo,.cta{position:relative;z-index:1}.flow__hop{--draw:1}.flow__line,.flow__head{stroke:var(--ink-3);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.flow__line{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--draw))}.flow__head{fill:var(--ink-3);opacity:0;transition:opacity var(--dur-2)var(--ease-out)}.flow__hop.is-complete .flow__head{opacity:1}.flow__port{fill:var(--bg-elev);stroke:var(--ink-3);stroke-width:2}.shot__frame,.cta__inner,.demo__frame{transition:box-shadow var(--dur-3)var(--ease-out),transform var(--dur-3)var(--ease-out)}.shot__frame.is-linked,.cta__inner.is-linked,.demo__frame.is-linked{box-shadow:0 0 0 5px var(--accent-soft),0 0 56px 10px var(--accent-soft),var(--shadow-2);animation:link-pulse var(--dur-4)var(--ease-out)}.showcase__shot .shot__frame.is-linked{box-shadow:0 0 0 5px var(--accent-soft),0 0 72px 12px var(--accent-soft),var(--shadow-3)}.showcase{position:relative;padding-block:0 var(--section)}.showcase__stage{width:min(100% - 2 * var(--gutter),var(--container-wide));margin-inline:auto;perspective:1400px}.showcase__shot{transform-origin:50% 0;transform:rotateX(2.5deg)translateY(12px);transition:transform var(--dur-4)var(--ease-out)}.is-visible .showcase__shot{transform:none}.showcase__shot .shot__frame{border-radius:var(--r-xl);box-shadow:var(--shadow-3)}.showcase__shot .shot__frame--empty{min-height:clamp(18rem,48vw,42rem)}}@layer sections{.story{padding-block:var(--section)}.story+.story{padding-top:0}.story__inner{display:grid;grid-template-columns:minmax(0,5fr)minmax(0,7fr);align-items:center;gap:clamp(var(--space-6),6vw,var(--space-9))}.story--start .story__inner{grid-template-columns:minmax(0,7fr)minmax(0,5fr)}.story--start .story__copy{order:2}.story--start .story__media{order:1}.story__copy{max-width:34rem}.story__title{font-size:var(--step-4);font-weight:600;line-height:1.1;margin-bottom:var(--space-5)}.story__body{font-size:var(--step-1);line-height:var(--leading);color:var(--ink-2);max-width:var(--measure)}.story__facts{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}.story__facts li{padding:.4rem .85rem;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--bg-elev);font-size:var(--step--1);font-weight:500;color:var(--ink-2)}.story__link{margin-top:var(--space-5);font-size:var(--step-0)}.story__media .shot__frame{border-radius:var(--r-l);box-shadow:var(--shadow-2)}@media(max-width:900px){.story__inner,.story--start .story__inner{grid-template-columns:1fr}.story--start .story__copy{order:1}.story--start .story__media{order:2}.story__copy{max-width:none}}}@layer sections{.demo{padding-block:0 var(--section)}.demo__head{text-align:center;max-width:42rem;margin-bottom:var(--space-6)}.demo__title{font-size:var(--step-4);font-weight:600;line-height:1.1;margin-bottom:var(--space-4)}.demo__body{font-size:var(--step-1);color:var(--ink-2)}.demo__stage{width:min(100% - 2 * var(--gutter),var(--container-wide));margin-inline:auto}.demo__frame{display:block;width:100%;aspect-ratio:16/10;min-height:24rem;border:1px solid var(--line);border-radius:var(--r-xl);background:var(--bg-elev);box-shadow:var(--shadow-3)}.demo__open{margin-top:var(--space-4);text-align:center;font-size:var(--step--1)}.demolist{display:grid;gap:var(--space-8);padding-bottom:var(--space-6)}.demolist .demo{padding-block:0}.demolist__empty{color:var(--ink-3);text-align:center;padding-block:var(--space-7)}.demolist__note{margin-top:var(--space-3);font-size:var(--step-0);color:var(--ink-3)}.demo__link{display:block;border-radius:var(--r-l)}.demo__link:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.demo__download{margin-top:var(--space-2);text-align:center;font-size:var(--step--1)}.demo__download a{display:inline-flex;align-items:center;gap:.35em;color:var(--accent);text-decoration:none}.demo__download a:hover{color:var(--accent-hover);text-decoration:underline}.demo__download .icon{width:15px;height:15px}.demo__meta{color:var(--ink-3)}.demo__credit{margin-top:var(--space-2);text-align:center;font-size:var(--step--1);color:var(--ink-3)}.demo__credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}.demo__credit a:hover{color:var(--ink-2)}.cta{padding-block:var(--section);scroll-margin-top:var(--nav-h)}.cta__inner{display:grid;justify-items:center;text-align:center;gap:var(--space-5);padding:clamp(var(--space-7),8vw,var(--space-9))var(--gutter);border-radius:var(--r-xl);background:var(--bg-elev);border:1px solid var(--line);box-shadow:var(--shadow-1)}.cta__title{max-width:16ch;font-size:var(--step-4);font-weight:700;letter-spacing:-.03em;line-height:1.08}.cta__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-2)}}@layer sections{.footer{padding:var(--space-7)0 var(--space-8);border-top:1px solid var(--line);font-size:var(--step--1);color:var(--ink-3)}.footer__inner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)var(--space-6)}.footer__brand{font-weight:600;color:var(--ink)}.footer__links{display:flex;flex-wrap:wrap;gap:var(--space-2)var(--space-5);margin-inline:auto}.footer__links a,.footer__feedback{color:var(--ink-2);transition:color var(--dur-1)var(--ease-out)}.footer__links a:hover,.footer__feedback:hover,.footer__legal a:hover{color:var(--ink)}.footer__legal a{color:inherit;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.2em}.footer__legal a:hover{text-decoration-color:initial}@media(max-width:640px){.footer__inner{display:grid;gap:var(--space-4)}.footer__links{margin:0}}}@layer sections{.pagehead{padding-block:calc(var(--nav-h) + var(--space-9))var(--space-8)}.pagehead__title{font-size:var(--step-5);font-weight:700;letter-spacing:-.035em;line-height:var(--leading-tight)}.pagehead__lede{margin-top:var(--space-4);font-size:var(--step-2);color:var(--ink-2);max-width:48ch;text-wrap:balance}.featurelist{display:grid;gap:var(--space-8);padding-bottom:var(--space-6)}.fgroup{display:grid;grid-template-columns:minmax(0,4fr)minmax(0,8fr);gap:var(--space-6)var(--space-8);padding-top:var(--space-7);border-top:1px solid var(--line)}.fgroup__head{position:sticky;top:calc(var(--nav-h) + var(--space-6));align-self:start}.fgroup__head h2{font-size:var(--step-3);font-weight:600;margin-bottom:var(--space-3)}.fgroup__head p{color:var(--ink-2);max-width:30ch}.fgroup__items{display:grid}.fitem{display:grid;gap:var(--space-2);padding-block:var(--space-5);border-bottom:1px solid var(--line)}.fitem:first-child{padding-top:0}.fitem:last-child{border-bottom:0}.fitem h3{font-size:var(--step-1);font-weight:600}.fitem p{color:var(--ink-2);max-width:var(--measure)}.fitem__link{font-size:var(--step--1)}.fitem__link .textlink{font-family:var(--font-mono);font-weight:500}@media(max-width:800px){.fgroup{grid-template-columns:1fr;gap:var(--space-5)}.fgroup__head{position:static}}}@layer sections{.doc-stage{display:flex;justify-content:center;padding:calc(var(--nav-h) + var(--space-7))var(--gutter)var(--space-9)}.doc{width:min(820px,100%);min-width:0;padding:clamp(1.6rem,5vw,3.25rem);border-radius:var(--r-xl);background:var(--bg-elev);border:1px solid var(--line);box-shadow:var(--shadow-1)}.doc h1{font-size:var(--step-4);font-weight:700;letter-spacing:-.03em;line-height:1.1}.doc__head h1{margin-bottom:var(--space-2)}.doc__subtitle{margin-top:.55rem;font-size:var(--step-1);font-weight:600;color:var(--accent)}.doc__meta{margin-top:1.1rem;font-size:var(--step--1);color:var(--ink-3)}.doc__meta dt,.doc__meta dd{display:inline;margin:0}.doc__meta dt{font-weight:600}.doc__meta dt::after{content:" "}.doc__meta dd::after{content:" \00b7 "}.doc__meta dd:last-child::after{content:""}.doc__jump{margin-top:.9rem;font-size:var(--step--1)}.doc h2[id],.doc p[id]{scroll-margin-top:calc(var(--nav-h) + var(--space-6))}.doc__summary{margin-top:var(--space-6);padding:1.1rem 1.35rem;border-radius:var(--r-m);border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--bg);font-size:var(--step--1);line-height:1.65;color:var(--ink-2)}.doc__summary strong{color:var(--ink)}.doc section{margin-top:2.4rem}.doc h2{margin-bottom:.75rem;font-size:var(--step-1);font-weight:700;letter-spacing:-.01em;line-height:1.3}.doc h2 .num{display:inline-block;min-width:2.2rem;padding-right:.3rem;color:var(--accent);font-variant-numeric:tabular-nums}.doc p,.doc li{font-size:var(--step-0);line-height:1.7;color:var(--ink-2)}.doc p{margin:0 0 .9rem}.doc p:last-child{margin-bottom:0}.doc ul{margin:0 0 .9rem;padding-left:1.15rem}.doc li{margin-bottom:.5rem}.doc li::marker{color:var(--accent)}.doc strong{color:var(--ink);font-weight:600}.doc a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.doc a:hover{color:var(--accent-hover)}.doc section>*:not(h2){padding-left:clamp(0rem,2.75vw,2.2rem)}.doc-footer{margin-top:2.8rem;padding-top:1.5rem;border-top:1px solid var(--line);font-size:var(--step--1);line-height:1.7;color:var(--ink-3)}.doc-footer p{margin:0;font-size:inherit;color:inherit}}@layer components{.shot{margin:0}.shot__frame{position:relative;overflow:hidden;border-radius:var(--r-l);background:var(--bg-elev)}.shot--bare .shot__frame{background:0 0}.shot__frame img{width:100%;height:auto}.shot--mac .shot__frame{border:1px solid var(--line);box-shadow:var(--shadow-2)}.shot__chrome{display:flex;gap:7px;padding:12px 14px;background:var(--bg-sunk);border-bottom:1px solid var(--line)}.shot__chrome span{width:11px;height:11px;border-radius:50%;background:var(--line-strong)}.shot__frame--empty{border:1px dashed var(--line-strong);background:radial-gradient(var(--dot) 1px,transparent 1.3px)0 0/22px 22px,var(--bg-elev)}.shot__placeholder{display:grid;place-content:center;gap:var(--space-2);min-height:14rem;aspect-ratio:16/10;padding:var(--space-6);text-align:center}.shot__placeholder-label{font-family:var(--font-mono);font-size:var(--step--1);color:var(--ink-2)}.shot__placeholder-hint{font-size:var(--step--1);color:var(--ink-3)}.shot--seq .shot__frame{cursor:pointer}.shot__stack{position:relative;aspect-ratio:var(--shot-ar,16/10);background:var(--shot-bg,transparent)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .shot__stack{background:var(--shot-bg-dark,var(--shot-bg,transparent))}}:root[data-theme=dark] .shot__stack{background:var(--shot-bg-dark,var(--shot-bg,transparent))}.shot__layer{position:absolute;inset:0;opacity:0;transition:opacity var(--dur-4)var(--ease-out)}.shot__layer img{display:block;width:100%;height:100%;object-fit:contain}.shot__layer.is-current{opacity:1}.shot__cycle{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:0 0;cursor:inherit;border-radius:inherit}.shot__cycle:focus-visible{outline-offset:-4px}.shot__dots{position:absolute;left:50%;bottom:clamp(.5rem,2.5%,1rem);transform:translateX(-50%);display:flex;gap:.4rem;padding:.35rem .5rem;border-radius:var(--r-pill);background:color-mix(in srgb,var(--ink) 55%,transparent);pointer-events:none}.shot__dot{width:.4rem;height:.4rem;border-radius:50%;background:var(--bg-elev);opacity:.45;transition:opacity var(--dur-2)var(--ease-out)}.shot__dot.is-current{opacity:1}.shot__caption{margin-top:var(--space-3);font-size:var(--step--1);color:var(--ink-3);text-align:center}}@layer motion{@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@keyframes rise-in{from{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}@keyframes fade-in{from{opacity:0}to{opacity:1}}.js .hero__mark,.js .hero__title,.js .hero__tagline,.js .hero__sub,.js .hero__actions{animation:rise-in var(--dur-3)var(--ease-out)both}.js .hero__title{animation-delay:90ms}.js .hero__tagline{animation-delay:180ms}.js .hero__sub{animation-delay:240ms}.js .hero__actions{animation-delay:320ms}.js .board__grid{animation:fade-in var(--dur-4)var(--ease-out)both}.js [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity var(--dur-3)var(--ease-out),transform var(--dur-3)var(--ease-out)}.js [data-reveal].is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.js [data-reveal]{opacity:1;transform:none}.showcase__shot{transform:none}.flow__hop{--draw:1}.flow__hop .flow__head{opacity:1}}}