:root{--l-page-max:78rem;--l-gutter:1.25rem;--l-section-pad:4.5rem;--l-prose-max:40rem;--l-title-max:22em;--l-font-card:5.5rem;--l-head-gap:2.5rem;--l-font-display:clamp(2.5rem, 1.55rem + 4.4vw, 4.75rem);--l-font-h2:clamp(1.75rem, 1.35rem + 1.9vw, 2.875rem);--l-font-h3:1.0625rem;--l-font-lede:clamp(1.0625rem, 1rem + .35vw, 1.25rem);--l-font-body:.9375rem;--l-font-small:.8125rem;--l-font-micro:.75rem;--l-font-number:2rem;--l-tracking-display:-.04em;--l-tracking-title:-.025em;--l-tracking-label:.08em;--l-leading-display:1.02;--l-leading-title:1.12;--l-leading-body:1.6;--l-space-2xl:2rem;--l-space-3xl:3rem;--l-space-4xl:4rem;--l-control-height:2.75rem;--l-control-height-sm:2.25rem;--l-control-pad:1.125rem;--l-top-height:3.75rem;--l-mark-hero:3.5rem;--l-icon:1rem;--l-blur:1rem;--l-control-height-lg:3.25rem;--l-card-pad:1.5rem;--l-progress:.125rem;--l-video-max:76rem;--l-contact-max:30rem;--l-opacity-busy:.6;--l-video-margin:1rem;--l-u:.0625rem;--l-motion-enter:.72s;--l-motion-reveal:.62s;--l-motion-fade:.28s;--l-motion-cycle:9s;--l-ease-out:cubic-bezier(.2, .7, .2, 1);--l-rise:1.5rem;--l-descender:.12em;--l-aurora-size:46rem;--l-aurora-blur:6rem;--l-spot-size:24rem;--l-tilt-x:0;--l-tilt-y:0;--l-spot-x:50%;--l-spot-y:0%;--l-thumb-share:1;--l-thumb-at:0;--l-dot-size:1px;--l-dot-step:1.5rem;--l-px:1px;--l-phone-zoom:.74;--l-perspective:90rem;--l-glow-blur:4.5rem;--l-choice-label:7.5rem;--l-log-min:14.5rem;--l-dot-live:.5rem;--l-shot-min:46rem;--l-shot-light:.625rem;--l-hero-columns:minmax(0, 1fr);--l-hero-areas:"text" "scene";--l-hero-align:start;--l-hero-gap:2.5rem;--l-scene-pad:1rem;--l-scene-gap:1.25rem;--l-scene-radius:1.75rem;--l-scene-max:24rem;--l-scene-columns:minmax(0, 1fr);--l-scene-areas:"device" "after" "panel";--l-scene-stage:contents;--l-scene-side:15.5rem;--l-scene-shadow:0 1.5rem 3.75rem #0f1a331a;--l-code-surface:#0f1722;--l-code-border:#1f2a3a;--l-code-text:#d6deea;--l-code-muted:#8fa3bf;--l-code-action:#7cc4ff;--l-code-track:#6fd89a;--l-code-write:#f0c36a;--l-hero-pad:3rem;--l-hero-pad-end:4rem;--l-connector-display:none;--l-faq-head-position:static;--l-faq-columns:minmax(0, 1fr);--l-faq-pad:1rem;--l-faq-pad-block:1rem;--l-faq-number:1.5rem;--l-faq-answer-indent:0rem;--l-faq-sign:1.75rem;--l-faq-sign-mark:.625rem;--l-faq-measure:36rem;--l-nav-display:none;--l-top-extra-display:none;--l-columns-2:minmax(0, 1fr);--l-columns-3:minmax(0, 1fr);--l-columns-4:minmax(0, 1fr);--l-columns-split:minmax(0, 1fr);--l-tabs-columns:repeat(2, minmax(0, 1fr));--l-tab-title-display:none;--l-footer-direction:column;--l-footer-align:flex-start}@media (width>=40em){:root{--l-gutter:2rem;--l-columns-2:repeat(2, minmax(0, 1fr));--l-columns-3:repeat(2, minmax(0, 1fr));--l-columns-4:repeat(2, minmax(0, 1fr));--l-top-extra-display:inline-flex;--l-faq-pad:1.5rem;--l-faq-pad-block:1.125rem;--l-faq-answer-indent:2.25rem;--l-footer-direction:row;--l-footer-align:center}}@media (width>=46em){:root{--l-section-pad:6rem;--l-connector-display:block;--l-hero-gap:2.5rem;--l-scene-pad:1.5rem;--l-scene-gap:1.5rem;--l-scene-max:40rem;--l-scene-columns:auto minmax(0, 1fr);--l-scene-areas:"device panel" "device after";--l-hero-pad:4rem;--l-hero-pad-end:5rem;--l-shot-min:0;--l-tabs-columns:repeat(4, minmax(0, 1fr));--l-tab-title-display:block;--l-columns-3:repeat(3, minmax(0, 1fr))}}@media (width>=66em){:root{--l-gutter:3rem;--l-section-pad:6.5rem;--l-head-gap:3.5rem;--l-hero-pad:4.5rem;--l-hero-pad-end:5.5rem;--l-faq-head-position:sticky;--l-faq-columns:minmax(0, 5fr) minmax(0, 7fr);--l-nav-display:flex;--l-columns-4:repeat(4, minmax(0, 1fr));--l-columns-split:minmax(0, 1fr) minmax(0, 1fr)}}@media (width>=78em){:root{--l-hero-columns:minmax(0, 1fr) auto;--l-hero-areas:"text scene";--l-hero-align:center;--l-hero-gap:3.5rem;--l-phone-zoom:.68;--l-scene-max:none;--l-scene-columns:auto var(--l-scene-side);--l-hero-pad:3.5rem}}@media (width>=110em){:root{--l-page-max:90rem;--l-phone-zoom:.8;--l-hero-gap:6rem;--l-scene-side:18rem;--l-font-body:1rem;--l-font-h3:1.125rem}}@media (width<=22.4em){:root{--l-phone-zoom:.64}}@media (width>=78em) and (height<=50em){:root{--l-phone-zoom:.6}}html{background:var(--app-color-bg);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-block-start:var(--l-top-height)}body{margin:var(--app-space-none);background:var(--app-color-bg);color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--l-font-body);line-height:var(--l-leading-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.l-page{overflow-x:clip}:where(.l-page) *,:where(.l-page) :before,:where(.l-page) :after{box-sizing:border-box}:where(.l-page) :where(h1,h2,h3,p,ul,ol,figure){margin:var(--app-space-none);padding:var(--app-space-none)}:where(.l-page) :where(ul,ol){list-style:none}:where(.l-page) a{color:inherit;text-decoration:none}.l-page :focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent-strong);outline-offset:var(--app-space-hair);border-radius:var(--app-radius-sm)}.l-skip{z-index:var(--app-z-index-overlay);padding:var(--app-space-sm) var(--app-space-lg);border-radius:var(--app-radius-md);background:var(--app-color-accent);color:var(--app-color-accent-text);font-weight:var(--app-font-weight-semibold);position:absolute;inset-block-start:var(--app-space-sm);inset-inline-start:var(--app-space-sm);transform:translateY(-200%)}.l-skip:focus-visible{transform:none}.ui-brand-mark{inline-size:var(--app-size-icon-md);block-size:var(--app-size-icon-md);flex:none;display:block}.ui-brand-mark__back-solid{fill:var(--app-color-mark-back-end)}.ui-brand-mark__front-solid{fill:var(--app-color-mark-front-start)}.ui-brand-mark__back-start{stop-color:var(--app-color-mark-back-start)}.ui-brand-mark__back-end{stop-color:var(--app-color-mark-back-end)}.ui-brand-mark__front-start{stop-color:var(--app-color-mark-front-start)}.ui-brand-mark__front-end{stop-color:var(--app-color-mark-front-end)}.l-top{z-index:var(--app-z-index-panel);border-block-end:var(--app-size-border) solid transparent;background:color-mix(in srgb, var(--app-color-bg) 72%, transparent);-webkit-backdrop-filter:blur(var(--l-blur)) saturate(160%);position:sticky;inset-block-start:var(--app-space-none)}.l-top[data-scrolled]{border-block-end-color:var(--app-color-border);box-shadow:var(--app-shadow-low)}.l-top__inner{align-items:center;gap:var(--app-space-xl);max-inline-size:var(--l-page-max);min-block-size:var(--l-top-height);padding-inline:var(--l-gutter);margin-inline:auto;display:flex}.l-top__progress{inset-block-end:calc(var(--app-size-border) * -1);inset-inline:var(--app-space-none);block-size:var(--l-progress);background:linear-gradient(to right, var(--app-color-mark-front-start), var(--app-color-accent));transform-origin:0;pointer-events:none;position:absolute;transform:scaleX(0)}.l-brand{align-items:center;gap:var(--app-space-sm);font-size:var(--l-font-h3);font-weight:var(--app-font-weight-semibold);letter-spacing:var(--l-tracking-title);display:inline-flex}.l-nav{display:var(--l-nav-display);gap:var(--app-space-xl);margin-inline-start:var(--app-space-lg)}.l-nav__link,.l-top__sign-in,.l-footer__link{color:var(--app-color-text-muted);font-size:var(--l-font-small);font-weight:var(--app-font-weight-medium)}.l-nav__link:hover,.l-top__sign-in:hover,.l-footer__link:hover{color:var(--app-color-text)}.l-nav__link{padding-block:var(--app-space-xs);position:relative}.l-nav__link:after{inset-block-end:var(--app-space-none);inset-inline:var(--app-space-none);block-size:var(--app-size-border);background:var(--app-color-accent);content:"";transform-origin:0;position:absolute;transform:scaleX(0)}.l-nav__link:hover:after,.l-nav__link:focus-visible:after{transform:none}.l-top__tools{align-items:center;gap:var(--app-space-md);margin-inline-start:auto;display:flex}.l-top__tools .l-top__sign-in,.l-top__tools .l-top__cta{display:var(--l-top-extra-display)}.l-top__sign-in{min-block-size:var(--l-control-height-sm);padding-inline:var(--app-space-xs);align-items:center}.l-switch{padding:var(--app-space-hair);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-md);background:var(--app-color-bg-raised);display:inline-flex}.l-switch__option{min-inline-size:var(--l-space-2xl);min-block-size:var(--l-space-2xl);padding:var(--app-space-none) var(--app-space-sm);border:var(--app-space-none);border-radius:var(--app-radius-sm);color:var(--app-color-text-muted);font:inherit;font-family:var(--app-font-family-mono);font-size:var(--l-font-micro);font-weight:var(--app-font-weight-medium);letter-spacing:var(--l-tracking-label);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:inline-flex}.l-switch__option:hover{color:var(--app-color-text)}.l-switch__option[aria-current=true],.l-switch__option[aria-pressed=true]{background:var(--app-color-bg-raised2);box-shadow:var(--app-shadow-low);color:var(--app-color-text)}.l-switch__option:focus-visible{outline-offset:var(--app-space-none)}.l-switch__option:active .l-icon{transform:rotate(-20deg)scale(.9)}.l-icon,.l-arrow{inline-size:var(--l-icon);block-size:var(--l-icon);flex:none}.l-arrow[data-down]{transform:rotate(90deg)}.l-button{justify-content:center;align-items:center;gap:var(--app-space-sm);min-block-size:var(--l-control-height);padding:var(--app-space-sm) var(--l-control-pad);border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);color:var(--app-color-text);font-size:var(--l-font-body);font-weight:var(--app-font-weight-semibold);line-height:var(--l-leading-title);text-align:center;cursor:pointer;isolation:isolate;display:inline-flex;position:relative;overflow:hidden}.l-button:hover{background:var(--app-color-bg-raised2)}.l-button:focus-visible{outline-offset:var(--app-space-hair)}.l-button:hover .l-arrow:not([data-down]){transform:translateX(var(--app-space-hair))}.l-button:hover .l-arrow[data-down]{transform:rotate(90deg) translateX(var(--app-space-hair))}.l-button--primary,.l-button--primary:hover{border-color:#0000}.l-button--primary{background:var(--app-color-accent);box-shadow:0 0 0 var(--app-size-border) color-mix(in srgb, var(--app-color-accent) 40%, transparent), 0 var(--app-space-sm) var(--app-space-xxl) calc(var(--app-space-sm) * -1) color-mix(in srgb, var(--app-color-accent) 55%, transparent);color:var(--app-color-accent-text)}.l-button--primary:hover{background:var(--app-color-accent-strong)}.l-button--primary:after{inset:var(--app-space-none);z-index:-1;background:linear-gradient(105deg, transparent 35%, color-mix(in srgb, var(--app-color-device-light) 38%, transparent) 50%, transparent 65%);content:"";pointer-events:none;position:absolute;transform:translate(-120%)}.l-button--primary:hover:after{transform:translate(120%)}.l-button--ghost{color:var(--app-color-text-muted);background:0 0;border-color:#0000}.l-button--ghost:hover{background:var(--app-color-hover);color:var(--app-color-text)}.l-button--sm{min-block-size:var(--l-control-height-sm);padding-block:var(--app-space-xs);padding-inline:var(--app-space-md);border-radius:var(--app-radius-md);font-size:var(--l-font-small)}.l-button--lg{min-block-size:var(--l-control-height-lg);padding-inline:var(--l-space-2xl);font-size:var(--l-font-h3)}.l-actions{gap:var(--app-space-md);flex-wrap:wrap;display:flex}.l-actions--center{justify-content:center}.l-eyebrow{color:var(--app-color-accent);font-family:var(--app-font-family-mono);font-size:var(--l-font-micro);font-weight:var(--app-font-weight-medium);letter-spacing:var(--l-tracking-label);text-transform:uppercase}.l-eyebrow--pill{align-items:center;gap:var(--app-space-sm);padding:var(--app-space-xs) var(--app-space-md);border:var(--app-size-border) solid color-mix(in srgb, var(--app-color-accent) 32%, transparent);border-radius:var(--app-radius-pill);background:color-mix(in srgb, var(--app-color-accent) 9%, transparent);display:inline-flex}.l-eyebrow--pill:before{inline-size:var(--app-space-sm);block-size:var(--app-space-sm);border-radius:var(--app-radius-pill);background:var(--app-color-accent);content:"";flex:none}.l-h1{font-family:var(--app-font-family-display);font-size:var(--l-font-display);font-weight:var(--app-font-weight-semibold);letter-spacing:var(--l-tracking-display);line-height:var(--l-leading-display);text-wrap:balance}.l-h1__accent{color:var(--app-color-accent)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.l-h1__accent{background-image:linear-gradient(100deg, var(--app-color-accent-strong), var(--app-color-accent) 45%, var(--app-color-mark-front-start));color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-block-end:var(--l-descender)}}.l-h2{font-family:var(--app-font-family-display);font-size:var(--l-font-h2);font-weight:var(--app-font-weight-semibold);letter-spacing:var(--l-tracking-title);line-height:var(--l-leading-title);text-wrap:balance}.l-h3{font-size:var(--l-font-h3);font-weight:var(--app-font-weight-semibold);letter-spacing:var(--l-tracking-title);line-height:var(--l-leading-title)}.l-lede{max-inline-size:var(--l-prose-max);color:var(--app-color-text-muted);font-size:var(--l-font-lede);text-wrap:pretty}.l-text{color:var(--app-color-text-muted);text-wrap:pretty}.l-hero{border-block-end:var(--app-size-border) solid var(--app-color-border);isolation:isolate;margin-block-start:calc(var(--l-top-height) * -1);padding-block-start:var(--l-top-height);position:relative}.l-hero:before,.l-closing:before{inset:var(--app-space-none);z-index:-1;background-image:radial-gradient(var(--app-color-canvas-dot) var(--l-dot-size), transparent var(--l-dot-size));background-size:var(--l-dot-step) var(--l-dot-step);content:"";pointer-events:none;position:absolute;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.l-glow{inset:var(--app-space-none);z-index:-2;pointer-events:none;position:absolute;overflow:hidden}.l-glow:before,.l-glow:after{inline-size:var(--l-aurora-size);block-size:var(--l-aurora-size);border-radius:var(--app-radius-pill);content:"";filter:blur(var(--l-aurora-blur));opacity:.5;position:absolute}.l-glow:before{background:radial-gradient(closest-side, color-mix(in srgb, var(--app-color-accent) 46%, transparent), transparent);inset-block-start:-30%;inset-inline-end:-8%}.l-glow:after{background:radial-gradient(closest-side, color-mix(in srgb, var(--app-color-mark-front-start) 44%, transparent), transparent);opacity:.4;inset-block-start:20%;inset-inline-start:-18%}:root[data-chrome-theme=light] .l-glow:before,:root[data-chrome-theme=light] .l-glow:after{opacity:.28}.l-glow--closing:before{inset-block-start:-40%;inset-inline-end:20%}.l-glow--closing:after{inset-block-start:10%;inset-inline-start:12%}.l-hero__inner{grid-template-columns:var(--l-hero-columns);grid-template-areas:var(--l-hero-areas);gap:var(--l-hero-gap);align-items:var(--l-hero-align);max-inline-size:var(--l-page-max);padding:var(--l-hero-pad) var(--l-gutter) var(--l-hero-pad-end);margin-inline:auto;display:grid}.l-hero__text{gap:var(--app-space-xl);min-inline-size:var(--app-space-none);flex-direction:column;grid-area:text;align-items:flex-start;display:flex}.l-hero__lede{max-inline-size:var(--l-prose-max);color:var(--app-color-text-muted);font-size:var(--l-font-lede);text-wrap:pretty}.l-hero__facts{gap:var(--app-space-sm);color:var(--app-color-text-muted);font-size:var(--l-font-small);font-weight:var(--app-font-weight-medium);flex-direction:column;list-style:none;display:flex}.l-hero__fact{align-items:center;gap:var(--app-space-sm);display:flex}.l-hero__fact-icon{inline-size:var(--app-space-lg);block-size:var(--app-space-lg);color:var(--app-color-success);flex:none}.l-live{gap:var(--l-scene-gap);inline-size:100%;max-inline-size:var(--l-scene-max);min-inline-size:var(--app-space-none);padding:var(--l-scene-pad);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--l-scene-radius);background:var(--app-color-bg-raised);box-shadow:var(--l-scene-shadow);flex-direction:column;grid-area:scene;justify-self:center;scroll-margin-block-start:var(--l-top-height);display:flex}.l-live__head{gap:var(--app-space-sm) var(--app-space-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.l-live__body{grid-template-columns:var(--l-scene-columns);grid-template-areas:var(--l-scene-areas);gap:var(--app-space-md) var(--l-scene-gap);align-content:center;place-items:start center;display:grid}.l-live__stage{display:var(--l-scene-stage)}.l-live__tag{align-items:center;gap:var(--app-space-xs) var(--app-space-sm);font-family:var(--app-font-family-mono);font-size:var(--l-font-micro);letter-spacing:var(--l-tracking-label);text-transform:uppercase;flex-wrap:wrap;display:inline-flex}.l-live__dot{inline-size:var(--l-dot-live);block-size:var(--l-dot-live);border-radius:var(--app-radius-pill);background:var(--app-color-success);position:relative}.l-live__dot:after{inset:calc(var(--app-space-xs) * -1);border-radius:var(--app-radius-pill);background:color-mix(in srgb, var(--app-color-success) 26%, transparent);content:"";position:absolute}.l-live__tag-name{color:var(--app-color-text)}.l-live__device{grid-area:device;justify-content:center;max-inline-size:100%;display:flex}.l-live__after{gap:var(--app-space-sm);inline-size:0;min-inline-size:100%;min-block-size:calc(var(--l-control-height-sm) * 2 + var(--app-space-sm));flex-direction:column;grid-area:after;align-items:center;display:flex}.l-live__hint{align-items:center;gap:var(--app-space-sm);min-block-size:var(--l-control-height-sm);padding:var(--app-space-xs) var(--app-space-md);border:var(--app-size-border) solid color-mix(in srgb, var(--app-color-accent) 55%, var(--app-color-border));border-radius:var(--app-radius-pill);background:color-mix(in srgb, var(--app-color-accent) 12%, var(--app-color-bg-raised));color:var(--app-color-text);font-size:var(--l-font-small);font-weight:var(--app-font-weight-medium);line-height:var(--l-leading-title);text-align:center;text-wrap:balance;display:inline-flex}.l-live__hint .l-icon{color:var(--app-color-accent);flex:none}.l-live__hint[data-state=watching]{border-color:var(--app-color-border);background:var(--app-color-bg-raised);color:var(--app-color-text-muted);font-weight:var(--app-font-weight-regular)}.l-live__hint[data-state=invite]{border-color:var(--app-color-accent);background:color-mix(in srgb, var(--app-color-accent) 20%, var(--app-color-bg-raised))}.l-live__hint[data-done]{display:none}.l-live__replay{align-items:center;gap:var(--app-space-xs);min-block-size:var(--l-control-height-sm);padding:var(--app-space-xs) var(--app-space-md);border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-pill);color:var(--app-color-text-muted);font:inherit;font-size:var(--l-font-small);cursor:pointer;background:0 0;display:inline-flex}.l-live__replay:hover{border-color:var(--app-color-accent);color:var(--app-color-text)}.l-live__replay:focus-visible{outline-offset:var(--app-space-hair)}.l-phone{isolation:isolate;position:relative}.l-phone__glow{z-index:-1;border-radius:var(--app-radius-pill);background:radial-gradient(closest-side at 30% 30%, color-mix(in srgb, var(--app-color-accent) 70%, transparent), transparent), radial-gradient(closest-side at 70% 72%, color-mix(in srgb, var(--app-color-mark-front-start) 80%, transparent), transparent);filter:blur(var(--l-glow-blur));opacity:.5;pointer-events:none;position:absolute;inset:6% -14%}:root[data-chrome-theme=light] .l-phone__glow{opacity:.34}.l-phone__device{zoom:var(--l-phone-zoom)}.l-phone__frame{padding:calc(var(--l-px) * 11);border:calc(var(--l-px) * 3) solid transparent;border-radius:calc(var(--l-px) * 70);background:linear-gradient(var(--app-color-device-cutout), var(--app-color-device-cutout)) padding-box, linear-gradient(140deg, color-mix(in srgb, var(--app-color-device-light) 62%, var(--app-color-device-cutout)), color-mix(in srgb, var(--app-color-device-light) 22%, var(--app-color-device-cutout)) 28%, color-mix(in srgb, var(--app-color-device-light) 44%, var(--app-color-device-cutout)) 52%, color-mix(in srgb, var(--app-color-device-light) 16%, var(--app-color-device-cutout)) 76%, color-mix(in srgb, var(--app-color-device-light) 50%, var(--app-color-device-cutout))) border-box;box-shadow:inset 0 0 0 calc(var(--l-px) * 1.5) color-mix(in srgb, var(--app-color-device-light) 14%, transparent), 0 0 0 var(--l-px) color-mix(in srgb, var(--app-color-device-cutout) 70%, transparent), 0 calc(var(--l-px) * 30) calc(var(--l-px) * 60) calc(var(--l-px) * -18) color-mix(in srgb, var(--app-color-device-cutout) 60%, transparent), 0 calc(var(--l-px) * 60) calc(var(--l-px) * 110) calc(var(--l-px) * -40) color-mix(in srgb, var(--app-color-device-cutout) 55%, transparent);position:relative}.l-phone__key{inline-size:calc(var(--l-px) * 3.5);border-radius:calc(var(--l-px) * 2);background:linear-gradient(to bottom, color-mix(in srgb, var(--app-color-device-light) 34%, var(--app-color-device-cutout)), color-mix(in srgb, var(--app-color-device-light) 18%, var(--app-color-device-cutout)));position:absolute}.l-phone__key--action,.l-phone__key--up,.l-phone__key--down{left:calc(var(--l-px) * -6)}.l-phone__key--action{block-size:calc(var(--l-px) * 30);inset-block-start:calc(var(--l-px) * 128)}.l-phone__key--up{block-size:calc(var(--l-px) * 56);inset-block-start:calc(var(--l-px) * 186)}.l-phone__key--down{block-size:calc(var(--l-px) * 56);inset-block-start:calc(var(--l-px) * 254)}.l-phone__key--power{right:calc(var(--l-px) * -6);block-size:calc(var(--l-px) * 92);inset-block-start:calc(var(--l-px) * 214)}.l-phone__screen{inline-size:calc(var(--l-px) * 393);block-size:calc(var(--l-px) * 852);border-radius:calc(var(--l-px) * 56);background:var(--app-color-device-light);isolation:isolate;position:relative;overflow:hidden}.l-phone[data-app-theme=dark] .l-phone__screen{background:var(--app-color-device-cutout)}.l-phone__content{inset:var(--app-space-none);cursor:pointer;display:flex;position:absolute}.l-phone__content:has(:focus-visible){box-shadow:inset 0 0 0 calc(var(--l-px) * 3) color-mix(in srgb, var(--app-color-accent) 70%, transparent)}.l-phone__content [data-hl-presentation=page]>[data-hl-type=Screen]{padding-block-start:calc(var(--l-px) * 59)!important}.l-live__device[data-safe-top=reader] .l-phone__content [data-hl-presentation=page]>[data-hl-type=Screen]{padding-block-start:var(--app-space-none)!important}.l-phone__content [data-hl-zone=body]{scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom, transparent, black calc(var(--l-px) * 10));mask-image:linear-gradient(to bottom, transparent, black calc(var(--l-px) * 10));-webkit-mask-image:linear-gradient(to bottom, transparent, black calc(var(--l-px) * 10))}.l-phone__content [data-hl-zone=body]::-webkit-scrollbar{display:none}.l-phone__status{inset-block-start:var(--app-space-none);inset-inline:var(--app-space-none);z-index:var(--app-z-index-panel);grid-template-columns:1fr calc(var(--l-px) * 126) 1fr;block-size:calc(var(--l-px) * 59);color:var(--app-color-device-cutout);pointer-events:none;direction:ltr;align-items:center;padding-block-start:calc(var(--l-px) * 2);display:grid;position:absolute}.l-phone[data-status-icons=light] .l-phone__status,.l-phone[data-status-icons=light] .l-phone__home{color:var(--app-color-device-light)}.l-phone__time{font-family:-apple-system, "SF Pro Text", var(--app-font-family);font-size:calc(var(--l-px) * 17);font-weight:var(--app-font-weight-semibold);justify-self:center;padding-inline-start:calc(var(--l-px) * 8);line-height:1}.l-phone__glyphs{inline-size:calc(var(--l-px) * 74);block-size:calc(var(--l-px) * 13.3);grid-column:3;justify-self:center;margin-inline-end:calc(var(--l-px) * 6)}.l-phone__island{inset-block-start:calc(var(--l-px) * 11);z-index:var(--app-z-index-panel);inline-size:calc(var(--l-px) * 126);block-size:calc(var(--l-px) * 37);border-radius:var(--app-radius-pill);background:var(--app-color-device-cutout);pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.l-phone__lens{inset-block-start:50%;right:calc(var(--l-px) * 14);inline-size:calc(var(--l-px) * 11);block-size:calc(var(--l-px) * 11);border-radius:var(--app-radius-pill);background:radial-gradient(circle at 35% 35%, color-mix(in srgb, var(--app-color-mark-front-start) 55%, var(--app-color-device-cutout)), var(--app-color-device-cutout) 70%);box-shadow:inset 0 0 0 var(--l-px) color-mix(in srgb, var(--app-color-device-light) 10%, transparent);position:absolute;transform:translateY(-50%)}.l-phone__home{inset-block-end:calc(var(--l-px) * 8);z-index:var(--app-z-index-panel);inline-size:calc(var(--l-px) * 134);block-size:calc(var(--l-px) * 5);border-radius:var(--app-radius-pill);color:var(--app-color-device-cutout);opacity:.86;pointer-events:none;background:currentColor;position:absolute;left:50%;transform:translate(-50%)}.l-live__panel{place-self:end stretch;gap:var(--app-space-md);min-inline-size:var(--app-space-none);flex-direction:column;grid-area:panel;display:flex}.l-live__controls{gap:var(--app-space-sm);flex-wrap:wrap;align-items:center;display:flex}.l-live__controls .l-choice__label{inline-size:var(--app-size-border);block-size:var(--app-size-border);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}.l-live__proof{color:var(--app-color-text-muted);font-size:var(--l-font-small);text-wrap:pretty}.l-choice{gap:var(--app-space-sm) var(--app-space-md);flex-wrap:wrap;align-items:center;display:flex}.l-choice__label{inline-size:var(--l-choice-label);color:var(--app-color-text-muted);font-size:var(--l-font-small);flex:none}.l-choice__options{gap:var(--app-space-hair);padding:var(--app-space-hair);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-md);background:var(--app-color-bg-raised2);flex-wrap:wrap;display:inline-flex}.l-choice__option{min-block-size:var(--l-space-2xl);padding:var(--app-space-xs) var(--app-space-md);border:var(--app-space-none);border-radius:var(--app-radius-sm);color:var(--app-color-text-muted);font:inherit;font-size:var(--l-font-small);font-weight:var(--app-font-weight-medium);cursor:pointer;background:0 0}.l-choice__option:hover{color:var(--app-color-text)}.l-choice__option[aria-pressed=true]{background:var(--app-color-bg-raised);box-shadow:var(--app-shadow-low);color:var(--app-color-text)}.l-choice__option:focus-visible{outline-offset:var(--app-space-none)}.l-live__note{min-block-size:calc(var(--l-font-small) * var(--l-leading-body));color:var(--app-color-text-muted);font-size:var(--l-font-small)}.l-log{gap:var(--app-space-md);min-block-size:var(--l-log-min);padding:var(--app-space-lg);border:var(--app-size-border) solid var(--l-code-border);border-radius:var(--app-radius-xl);background:var(--l-code-surface);color:var(--l-code-text);flex-direction:column;display:flex}.l-log[data-watching]{border-color:color-mix(in srgb, var(--app-color-accent) 70%, var(--app-color-border));box-shadow:0 0 0 var(--app-space-xs) color-mix(in srgb, var(--app-color-accent) 14%, transparent)}.l-log__head{gap:var(--app-space-md);justify-content:space-between;align-items:center;display:flex}.l-log__title{align-items:center;gap:var(--app-space-sm);color:var(--l-code-muted);font-family:var(--app-font-family-mono);font-size:var(--l-font-micro);letter-spacing:var(--l-tracking-label);text-transform:uppercase;display:inline-flex}.l-log__count{min-inline-size:var(--app-space-xl);padding:var(--app-space-none) var(--app-space-xs);border-radius:var(--app-radius-pill);background:var(--app-color-accent);color:var(--app-color-accent-text);font-weight:var(--app-font-weight-semibold);letter-spacing:0;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;display:inline-flex}.l-log__restart{white-space:nowrap;padding:var(--app-space-xs) var(--app-space-sm);border:var(--app-size-border) solid var(--l-code-border);border-radius:var(--app-radius-sm);color:var(--l-code-muted);font:inherit;font-size:var(--l-font-micro);cursor:pointer;background:0 0;flex:none}.l-log__restart:hover{color:var(--l-code-text)}.l-log__restart:focus-visible{outline-offset:var(--app-space-hair)}.l-log__empty{color:var(--l-code-muted);font-size:var(--l-font-small)}.l-log__list{gap:var(--app-space-xs);flex-direction:column;display:flex}.l-log__entry{gap:var(--app-space-none);margin-inline:calc(var(--app-space-sm) * -1);padding:var(--app-space-hair) var(--app-space-sm);border-radius:var(--app-radius-sm);font-family:var(--app-font-family-mono);font-size:var(--l-font-small);flex-direction:column;display:flex}.l-log__callback{color:var(--l-code-action);flex:none;font-family:inherit}.l-log__entry[data-callback=onTrack] .l-log__callback{color:var(--l-code-track)}.l-log__entry[data-callback=onScreenChange] .l-log__callback{color:var(--l-code-muted)}.l-log__entry[data-callback=onWrite] .l-log__callback{color:var(--l-code-write)}.l-log__detail{min-inline-size:var(--app-space-none);color:var(--l-code-text);overflow-wrap:anywhere;font-family:inherit}.l-section{border-block-end:var(--app-size-border) solid var(--app-color-border);scroll-margin-block-start:var(--l-top-height)}.l-section--sunken{background:var(--app-color-bg-sunken)}.l-section__inner{max-inline-size:var(--l-page-max);padding:var(--l-section-pad) var(--l-gutter);margin-inline:auto}.l-head{gap:var(--app-space-lg);flex-direction:column;margin-block-end:var(--l-head-gap);display:flex}.l-head .l-h2{max-inline-size:var(--l-title-max)}.l-step,.l-way,.l-feature,.l-case{gap:var(--app-space-sm);padding:var(--l-card-pad);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-xl);background:var(--app-color-bg-raised);isolation:isolate;flex-direction:column;display:flex;position:relative}.l-way:hover,.l-feature:hover,.l-case:hover{border-color:var(--app-color-border-strong)}[data-spot]:before{inset:var(--app-space-none);z-index:-1;border-radius:inherit;background:radial-gradient(var(--l-spot-size) circle at var(--l-spot-x) var(--l-spot-y), color-mix(in srgb, var(--app-color-accent) 13%, transparent), transparent 62%);content:"";opacity:0;pointer-events:none;position:absolute}[data-spot]:hover:before{opacity:1}.l-steps{grid-template-columns:var(--l-columns-3);gap:var(--l-space-2xl);display:grid}.l-step__number,.l-case__index{color:var(--app-color-text-muted);font-family:var(--app-font-family-mono);font-size:var(--l-font-small)}.l-step__number{color:var(--app-color-accent);font-weight:var(--app-font-weight-medium);letter-spacing:var(--l-tracking-label);margin-block-start:var(--app-space-lg)}.l-step:not(:last-child):before,.l-step:not(:last-child):after{display:var(--l-connector-display);content:"";pointer-events:none;position:absolute;inset-block-start:calc(var(--l-card-pad) + var(--l-u) * 92);inset-inline-start:100%}.l-step:not(:last-child):after{inline-size:var(--l-space-2xl);border-block-start:var(--app-size-border) dashed var(--app-color-border-strong)}.l-step:not(:last-child):before{z-index:var(--app-z-index-panel);inline-size:var(--app-space-sm);block-size:var(--app-space-sm);border-radius:var(--app-radius-pill);background:var(--app-color-accent);box-shadow:0 0 var(--app-space-md) var(--app-color-accent);opacity:0;margin-block-start:calc(var(--app-space-sm) / -2)}.l-viz{gap:calc(var(--l-u) * 14);block-size:calc(var(--l-u) * 184);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-lg);background-color:var(--app-color-bg-sunken);background-image:radial-gradient(var(--app-color-canvas-dot) var(--l-dot-size), transparent var(--l-dot-size));background-size:calc(var(--l-u) * 14) calc(var(--l-u) * 14);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.l-viz:after{inset:var(--app-space-none);border:var(--app-size-border) solid var(--app-color-accent);border-radius:inherit;box-shadow:inset 0 0 calc(var(--l-u) * 28) color-mix(in srgb, var(--app-color-accent) 16%, transparent);content:"";opacity:0;pointer-events:none;position:absolute}.l-viz__palette{gap:calc(var(--l-u) * 6);flex-direction:column;display:flex}.l-viz__tile{inline-size:calc(var(--l-u) * 40);block-size:calc(var(--l-u) * 28);border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:calc(var(--l-u) * 5);background:var(--app-color-bg-raised2)}.l-viz__screen{gap:calc(var(--l-u) * 6);inline-size:calc(var(--l-u) * 112);padding:calc(var(--l-u) * 10);border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:calc(var(--l-u) * 10);background:var(--app-color-bg-raised);box-shadow:var(--app-shadow-low);flex-direction:column;display:flex}.l-viz__screen--phone{border-width:calc(var(--l-u) * 3);border-color:var(--app-color-device-cutout);border-radius:calc(var(--l-u) * 14)}.l-viz__bar,.l-viz__card,.l-viz__new,.l-viz__row{border-radius:calc(var(--l-u) * 4);display:block}.l-viz__bar{inline-size:46%;block-size:calc(var(--l-u) * 6);background:var(--app-color-border-strong)}.l-viz__card{block-size:calc(var(--l-u) * 40);background:linear-gradient(135deg, var(--app-color-mark-front-start), var(--app-color-accent))}.l-viz__row{block-size:calc(var(--l-u) * 12);background:var(--app-color-bg-raised2);box-shadow:inset 0 0 0 var(--app-size-border) var(--app-color-border)}.l-viz__new{block-size:calc(var(--l-u) * 24);background:var(--app-color-success);box-shadow:0 0 0 var(--app-size-border) color-mix(in srgb, var(--app-color-success) 50%, transparent);position:relative}.l-viz__cursor{inline-size:calc(var(--l-u) * 18);block-size:calc(var(--l-u) * 18);fill:var(--app-color-text);stroke:var(--app-color-bg);stroke-linejoin:round;opacity:0;position:absolute;inset-block-start:50%;inset-inline-start:62%}.l-viz--publish{gap:calc(var(--l-u) * 16);flex-direction:column}.l-viz__state{align-items:center;gap:calc(var(--l-u) * 7);color:var(--app-color-text-muted);font-family:var(--app-font-family-mono);font-size:var(--l-font-micro);display:inline-flex}.l-viz__state-dot{inline-size:calc(var(--l-u) * 8);block-size:calc(var(--l-u) * 8);border-radius:var(--app-radius-pill);background:var(--app-color-success)}.l-viz__state-text{display:grid}.l-viz__state-was,.l-viz__state-now{grid-area:1/1}.l-viz__state-was{opacity:0}.l-viz__button{min-block-size:calc(var(--l-u) * 36);padding-inline:calc(var(--l-u) * 18);border-radius:var(--app-radius-md);background:var(--app-color-accent);color:var(--app-color-accent-text);font-size:var(--l-font-small);font-weight:var(--app-font-weight-semibold);justify-content:center;align-items:center;display:inline-flex;position:relative}.l-viz__ring{inset:var(--app-space-none);border:var(--app-space-hair) solid var(--app-color-accent);border-radius:inherit;opacity:0;position:absolute}.l-viz--app{gap:calc(var(--l-u) * 8);flex-direction:column}.l-viz__caption{color:var(--app-color-text-muted);font-family:var(--app-font-family-mono);font-size:var(--l-font-micro)}.l-ways{grid-template-columns:var(--l-columns-2);gap:var(--l-space-2xl);display:grid}.l-way{gap:var(--app-space-md)}.l-way__state{align-items:center;gap:var(--app-space-sm);padding:var(--app-space-xs) var(--app-space-md);border-radius:var(--app-radius-pill);background:color-mix(in srgb, var(--app-color-success) 14%, transparent);color:var(--app-color-success);font-family:var(--app-font-family-mono);font-size:var(--l-font-micro);font-weight:var(--app-font-weight-medium);letter-spacing:var(--l-tracking-label);text-transform:uppercase;align-self:flex-start;display:inline-flex}.l-way__state-dot{inline-size:var(--app-space-sm);block-size:var(--app-space-sm);border-radius:var(--app-radius-pill);background:currentColor}.l-way__title{font-size:var(--l-font-lede)}.l-way__tag{padding:var(--app-space-xs) var(--app-space-sm);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-sm);background:var(--app-color-bg-sunken);color:var(--app-color-accent);font-family:var(--app-font-family-mono);font-size:var(--l-font-small);align-self:flex-start}.l-way__detail{border-block-start:var(--app-size-border) solid var(--app-color-border);color:var(--app-color-text);font-size:var(--l-font-small);margin-block-start:auto;padding-block-start:var(--app-space-lg)}.l-ways__note{gap:var(--app-space-lg);padding:var(--l-card-pad);border:var(--app-size-border) solid color-mix(in srgb, var(--app-color-accent) 34%, transparent);border-radius:var(--app-radius-xl);background:color-mix(in srgb, var(--app-color-accent) 7%, transparent);align-items:flex-start;margin-block-start:var(--l-space-2xl);display:flex}.l-ways__note-icon{inline-size:var(--l-space-2xl);block-size:var(--l-space-2xl);color:var(--app-color-accent);flex:none}.l-ways__note-text{gap:var(--app-space-sm);max-inline-size:calc(var(--l-prose-max) * 1.4);flex-direction:column;display:flex}.l-gallery__tabs{grid-template-columns:var(--l-tabs-columns);gap:var(--app-space-sm);display:grid}.l-gallery__tab{gap:var(--app-space-xs);padding:var(--app-space-md) var(--app-space-lg);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-lg);color:var(--app-color-text-muted);font:inherit;text-align:start;cursor:pointer;background:0 0;flex-direction:column;align-items:flex-start;display:flex;position:relative;overflow:hidden}.l-gallery__tab:hover{border-color:var(--app-color-border-strong);color:var(--app-color-text)}.l-gallery__tab[aria-selected=true]{border-color:color-mix(in srgb, var(--app-color-accent) 60%, transparent);background:var(--app-color-bg-raised);color:var(--app-color-text)}.l-gallery__tab:before{inset-block-start:var(--app-space-none);inset-inline:var(--app-space-none);block-size:var(--app-space-hair);background:var(--app-color-accent);content:"";transform-origin:0;position:absolute;transform:scaleX(0)}.l-gallery__tab[aria-selected=true]:before{transform:none}.l-gallery__tab:focus-visible{outline-offset:var(--app-space-hair)}.l-gallery__tab-name{font-family:var(--app-font-family-mono);font-size:var(--l-font-micro);letter-spacing:var(--l-tracking-label);text-transform:uppercase}.l-gallery__tab[aria-selected=true] .l-gallery__tab-name{color:var(--app-color-accent)}.l-gallery__tab-title{display:var(--l-tab-title-display);font-size:var(--l-font-body);font-weight:var(--app-font-weight-semibold);line-height:var(--l-leading-title)}.l-gallery__panel{gap:var(--app-space-xl);flex-direction:column;margin-block-start:var(--app-space-xl);display:flex}.l-gallery__body{max-inline-size:var(--l-prose-max);color:var(--app-color-text-muted);font-size:var(--l-font-lede);text-wrap:pretty}.l-shot{border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-xl);background:var(--app-color-bg-raised);box-shadow:var(--app-shadow-medium), 0 0 var(--l-space-4xl) calc(var(--l-space-2xl) * -1) color-mix(in srgb, var(--app-color-accent) 40%, transparent);overflow:hidden}.l-shot__bar{gap:var(--app-space-sm);padding:var(--app-space-md) var(--app-space-lg);border-block-end:var(--app-size-border) solid var(--app-color-border);display:flex}.l-shot__light{inline-size:var(--l-shot-light);block-size:var(--l-shot-light);border-radius:var(--app-radius-pill);background:var(--app-color-border-strong)}.l-shot__viewport{background:var(--app-color-bg);scrollbar-width:none;overflow-x:auto}.l-shot__viewport::-webkit-scrollbar{display:none}.l-shot__viewport:focus-visible{outline-offset:calc(var(--app-space-hair) * -1)}.l-shot__stack{min-inline-size:var(--l-shot-min);display:grid;position:relative}.l-shot__image{opacity:0;block-size:auto;inline-size:100%;display:block;position:absolute;inset-block-start:var(--app-space-none);inset-inline-start:var(--app-space-none)}.l-shot__image[data-active]{opacity:1;grid-area:1/1;position:relative}.l-shot__image[data-for-theme=light],:root[data-chrome-theme=light] .l-shot__image[data-for-theme=dark]{display:none}:root[data-chrome-theme=light] .l-shot__image[data-for-theme=light]{display:block}.l-shot__track{block-size:var(--l-progress);background:var(--app-color-border);overflow:hidden}.l-shot__track[data-idle]{display:none}.l-shot__thumb{inline-size:calc(var(--l-thumb-share) * 100%);block-size:100%;border-radius:var(--app-radius-pill);background:var(--app-color-accent);margin-inline-start:calc((1 - var(--l-thumb-share)) * var(--l-thumb-at) * 100%);display:block}.l-features{grid-template-columns:var(--l-columns-3);gap:var(--app-space-xl);display:grid}.l-cases{grid-template-columns:var(--l-columns-4);gap:var(--app-space-xl);display:grid}.l-plans{grid-template-columns:var(--l-columns-3);gap:var(--l-space-2xl);display:grid}.l-plan{gap:var(--app-space-md);padding:var(--l-card-pad);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-xl);background:var(--app-color-bg-raised);isolation:isolate;flex-direction:column;display:flex;position:relative}.l-plan[data-lead]{border-color:var(--app-color-accent)}.l-plan__name{color:var(--app-color-text-muted)}.l-plan__price{color:var(--app-color-text);font-size:var(--l-font-number);font-weight:var(--app-font-weight-semibold);line-height:var(--l-leading-title)}.l-plan__term{color:var(--app-color-text-muted);font-size:var(--l-font-small)}.l-plan__points{gap:var(--app-space-sm);border-block-start:var(--app-size-border) solid var(--app-color-border);color:var(--app-color-text);font-size:var(--l-font-small);flex-direction:column;margin-block-end:var(--app-space-md);padding-block-start:var(--app-space-lg);list-style:none;display:flex}.l-plan__points>li{gap:var(--app-space-md);align-items:baseline;display:flex}.l-plan__points>li:before{inline-size:var(--app-space-sm);block-size:var(--app-space-sm);border-radius:var(--app-radius-pill);background:var(--app-color-success);content:"";flex:none}.l-plan__cta{align-self:flex-start;margin-block-start:auto}.l-plans__sandbox{color:var(--app-color-text);font-size:var(--l-font-body);font-weight:var(--app-font-weight-medium);margin-block-start:var(--l-space-2xl)}.l-plans__link{color:var(--app-color-accent);text-underline-offset:var(--app-space-hair);text-decoration:underline}.l-plans__note{color:var(--app-color-text-muted);font-size:var(--l-font-small);margin-block-start:var(--app-space-sm)}.l-limits{grid-template-columns:var(--l-columns-3);gap:var(--l-space-2xl);display:grid}.l-limit{gap:var(--app-space-sm);border-block-start:var(--app-size-border) solid var(--app-color-border-strong);flex-direction:column;padding-block-start:var(--app-space-xl);display:flex}.l-dev{grid-template-columns:var(--l-columns-split);gap:var(--l-space-3xl);align-items:start;display:grid}.l-points{gap:var(--app-space-xl);flex-direction:column;display:flex}.l-point{gap:var(--app-space-sm);border-inline-start:var(--app-size-border) solid var(--app-color-border-strong);flex-direction:column;padding-inline-start:var(--app-space-lg);display:flex}.l-point:hover{border-inline-start-color:var(--app-color-accent)}.l-dev__code{gap:var(--app-space-xl);min-inline-size:var(--app-space-none);flex-direction:column;align-items:flex-start;display:flex}.l-code{min-inline-size:var(--app-space-none);border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-xl);background:var(--app-color-bg-raised);box-shadow:var(--app-shadow-medium);align-self:stretch;overflow:hidden}.l-code__head{gap:var(--app-space-xs) var(--app-space-md);padding:var(--app-space-md) var(--app-space-lg);border-block-end:var(--app-size-border) solid var(--app-color-border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;display:flex}.l-code__title{font-size:var(--l-font-small);font-weight:var(--app-font-weight-semibold)}.l-code__file{color:var(--app-color-text-muted);font-family:var(--app-font-family-mono);font-size:var(--l-font-micro)}.l-code__body{margin:var(--app-space-none);padding:var(--app-space-lg);color:var(--app-color-text);font-family:var(--app-font-family-mono);font-size:var(--l-font-small);line-height:var(--l-leading-body);tab-size:2;overflow-x:auto}.l-code__body:focus-visible{outline-offset:calc(var(--app-space-hair) * -1)}.l-code__body code{font-family:inherit}.l-code__comment{color:var(--app-color-text-muted)}.l-embed{grid-template-columns:var(--l-columns-split);gap:var(--l-space-3xl);align-items:center;display:grid}.l-embed__text .l-head{margin-block-end:var(--app-space-xl)}.l-embed>.l-code{align-self:center}.l-ticks{gap:var(--app-space-md);flex-direction:column;display:flex}.l-tick{color:var(--app-color-text-muted);padding-inline-start:var(--app-space-xl);position:relative}.l-tick:before{inline-size:var(--app-space-md);border-block-start:var(--app-space-hair) solid var(--app-color-accent);content:"";position:absolute;inset-block-start:calc(var(--l-font-body) * var(--l-leading-body) / 2);inset-inline-start:var(--app-space-none)}.l-faq{grid-template-columns:var(--l-faq-columns);gap:var(--l-space-2xl) var(--l-space-3xl);align-items:start;display:grid}.l-faq .l-head{position:var(--l-faq-head-position);margin-block-end:var(--app-space-none);inset-block-start:calc(var(--l-top-height) + var(--l-space-2xl))}.l-faq__list{gap:var(--app-space-sm);counter-reset:l-faq;flex-direction:column;display:flex}.l-faq__item{border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-xl);background:color-mix(in srgb, var(--app-color-bg-raised) 50%, transparent);counter-increment:l-faq;isolation:isolate;position:relative}.l-faq__item:hover{border-color:var(--app-color-border-strong);background:var(--app-color-bg-raised)}.l-faq__item[open]:not([data-closing]){border-color:color-mix(in srgb, var(--app-color-accent) 42%, var(--app-color-border));background:var(--app-color-bg-raised)}.l-faq__question{grid-template-columns:var(--l-faq-number) minmax(0, 1fr) auto;gap:var(--app-space-md);padding:var(--l-faq-pad-block) var(--l-faq-pad);border-radius:inherit;font-size:var(--l-font-h3);font-weight:var(--app-font-weight-semibold);line-height:var(--l-leading-title);cursor:pointer;align-items:center;list-style:none;display:grid}.l-faq__question::-webkit-details-marker{display:none}.l-faq__question:before{color:var(--app-color-text-faint);font-family:var(--app-font-family-mono);font-size:var(--l-font-micro);font-weight:var(--app-font-weight-medium);line-height:calc(var(--l-font-h3) * var(--l-leading-title));letter-spacing:var(--l-tracking-label);content:counter(l-faq, decimal-leading-zero);align-self:start}@supports (content:'x' / ''){.l-faq__question:before{content:counter(l-faq, decimal-leading-zero) / ""}}.l-faq__item[open]:not([data-closing]) .l-faq__question:before{color:var(--app-color-accent)}.l-faq__text{text-wrap:pretty}.l-faq__question:focus-visible{outline-offset:calc(var(--app-space-hair) * -1)}.l-faq__sign{inline-size:var(--l-faq-sign);block-size:var(--l-faq-sign);border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-pill);color:var(--app-color-text-muted);flex:none;place-items:center;display:grid;position:relative}.l-faq__item:hover .l-faq__sign{color:var(--app-color-accent)}.l-faq__item[open]:not([data-closing]) .l-faq__sign{background:color-mix(in srgb, var(--app-color-accent) 16%, transparent);color:var(--app-color-accent);border-color:#0000;transform:rotate(180deg)}.l-faq__sign:before,.l-faq__sign:after{inline-size:var(--l-faq-sign-mark);border-block-start:var(--app-space-hair) solid currentColor;border-radius:var(--app-radius-pill);content:"";grid-area:1/1}.l-faq__sign:after{transform:rotate(90deg)}.l-faq__item[open]:not([data-closing]) .l-faq__sign:after{transform:none}.l-faq__body{overflow:hidden}.l-faq__answer{max-inline-size:var(--l-faq-measure);margin-inline:calc(var(--l-faq-pad) + var(--l-faq-answer-indent)) var(--l-faq-pad);color:var(--app-color-text-muted);text-wrap:pretty;padding-block-end:var(--l-faq-pad)}.l-faq__answer code{padding:var(--app-size-border) var(--app-space-xs);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-sm);background:var(--app-color-bg-sunken);color:var(--app-color-text);font-family:var(--app-font-family-mono);font-size:var(--l-font-small);white-space:nowrap}.l-closing{isolation:isolate;position:relative}.l-closing__inner{gap:var(--app-space-xl);max-inline-size:var(--l-page-max);padding:var(--l-section-pad) var(--l-gutter);text-align:center;flex-direction:column;align-items:center;margin-inline:auto;display:flex}.l-closing__title{font-size:var(--l-font-display);letter-spacing:var(--l-tracking-display);line-height:var(--l-leading-display)}.l-closing__lede{margin-block-end:var(--app-space-md)}.l-footer{border-block-start:var(--app-size-border) solid var(--app-color-border);background:var(--app-color-bg-sunken)}.l-footer__inner{flex-direction:var(--l-footer-direction);gap:var(--app-space-lg) var(--l-space-2xl);align-items:var(--l-footer-align);max-inline-size:var(--l-page-max);padding:var(--l-space-2xl) var(--l-gutter);flex-wrap:wrap;margin-inline:auto;display:flex}.l-footer__rights{gap:var(--app-space-sm);color:var(--app-color-text-muted);font-size:var(--l-font-small);align-items:center;display:inline-flex}.l-footer__links{gap:var(--app-space-sm) var(--app-space-xl);flex-wrap:wrap;margin-inline-end:auto;display:flex}.l-card{gap:var(--l-space-2xl);inset:var(--app-space-none);padding:var(--l-space-4xl);isolation:isolate;flex-direction:column;justify-content:center;display:flex;position:fixed}.l-card .l-eyebrow{font-size:var(--l-font-h3)}.l-card:before{inset:var(--app-space-none);z-index:-1;background-image:radial-gradient(var(--app-color-canvas-dot) var(--l-dot-size), transparent var(--l-dot-size));background-size:var(--l-dot-step) var(--l-dot-step);content:"";position:absolute}.l-card__brand{gap:var(--app-space-lg);font-size:var(--l-font-number);font-weight:var(--app-font-weight-semibold);letter-spacing:var(--l-tracking-title);align-items:center;display:flex}.l-card__brand .ui-brand-mark{inline-size:var(--l-space-4xl);block-size:var(--l-space-4xl)}.l-card__title{font-size:var(--l-font-card);font-weight:var(--app-font-weight-semibold);letter-spacing:var(--l-tracking-display);line-height:var(--l-leading-display)}.l-video{inline-size:min(var(--l-video-max), calc(100% - var(--l-video-margin) * 2));max-inline-size:none;max-block-size:calc(100% - var(--l-video-margin) * 2);padding:var(--app-space-none);border:var(--app-space-none);color:var(--app-color-text);background:0 0;overflow:visible}.l-video::backdrop{background:color-mix(in srgb, var(--app-color-device-cutout) 72%, transparent);-webkit-backdrop-filter:blur(var(--l-blur));backdrop-filter:blur(var(--l-blur))}.l-video__window{border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-xl);background:var(--app-color-bg-raised);box-shadow:var(--app-shadow-medium);display:grid;overflow:hidden}.l-video__head{justify-content:space-between;align-items:center;gap:var(--app-space-md);padding-block:var(--app-space-sm);padding-inline:var(--app-space-lg) var(--app-space-sm);display:flex}.l-video__title{margin:var(--app-space-none);font-size:var(--l-font-body);font-weight:var(--app-font-weight-semibold);line-height:var(--l-leading-title)}.l-video__close{padding-inline:var(--app-space-sm);flex:none}.l-video__player{aspect-ratio:16/9;border:var(--app-space-none);background:var(--app-color-device-cutout);block-size:auto;inline-size:100%;display:block}.l-dev__sdk{gap:var(--app-space-sm);flex-direction:column;margin-block-start:var(--l-space-2xl);display:flex}.l-dev__links{grid-template-columns:repeat(auto-fit, minmax(min(100%, calc(var(--l-space-4xl) * 3)), 1fr));gap:var(--app-space-sm);list-style:none;display:grid}.l-dev__tile{gap:var(--app-space-xs);block-size:100%;padding:var(--app-space-md);border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);cursor:pointer;flex-direction:column;display:flex}.l-dev__tile:hover{border-color:var(--app-color-accent);background:var(--app-color-bg-raised2)}.l-dev__tile[data-published]{background:var(--app-color-accent);box-shadow:0 0 0 var(--app-size-border) color-mix(in srgb, var(--app-color-accent) 40%, transparent);color:var(--app-color-accent-text);border-color:#0000}.l-dev__tile[data-published]:hover{background:var(--app-color-accent-strong)}.l-dev__tile[data-published] .l-dev__tile-detail{color:inherit;opacity:.75}.l-dev__tile:focus-visible{outline-offset:var(--app-space-hair)}.l-dev__tile-title{font-weight:var(--app-font-weight-semibold)}.l-dev__tile-detail{font-size:var(--l-font-small);color:var(--app-color-text-muted)}.l-contact{inline-size:min(var(--l-contact-max), calc(100% - var(--l-video-margin) * 2));overflow:auto}.l-contact__body{gap:var(--app-space-md);padding:var(--app-space-sm) var(--app-space-lg) var(--app-space-lg);flex-direction:column;display:flex}.l-contact__note,.l-contact__write{color:var(--app-color-text-muted);font-size:var(--l-font-small)}.l-contact__done{font-size:var(--l-font-lede);font-weight:var(--app-font-weight-semibold);line-height:var(--l-leading-title);text-wrap:balance}.l-contact__body[role=status]{padding-block:var(--app-space-xl);text-align:center;align-items:center}.l-contact__field{gap:var(--app-space-xs);flex-direction:column;display:flex}.l-contact__label{font-size:var(--l-font-small);font-weight:var(--app-font-weight-medium)}.l-contact__input{min-block-size:var(--l-control-height);padding:var(--app-space-sm) var(--app-space-md);border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-md);background:var(--app-color-bg);color:var(--app-color-text);font:inherit}.l-contact__input--area{resize:vertical}.l-contact__input:focus-visible{border-color:var(--app-color-accent);outline-offset:var(--app-space-none)}.l-contact__input:disabled{opacity:var(--l-opacity-busy)}.l-contact__trap{inline-size:var(--app-size-border);block-size:var(--app-size-border);clip-path:inset(50%);position:absolute;overflow:hidden}.l-contact__error{color:var(--app-color-danger);font-size:var(--l-font-small)}.l-contact__actions{gap:var(--app-space-sm) var(--app-space-lg);flex-wrap:wrap;align-items:center;display:flex}.l-contact__body a{color:var(--app-color-accent)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.l-button,.l-switch__option,.l-choice__option,.l-gallery__tab,.l-nav__link,.l-log__restart,.l-faq__item,.l-faq__question:before,.l-point,.l-way,.l-feature,.l-case{transition:background-color var(--app-motion-quick) var(--app-motion-standard), border-color var(--app-motion-quick) var(--app-motion-standard), color var(--app-motion-quick) var(--app-motion-standard), box-shadow var(--app-motion-quick) var(--app-motion-standard), transform var(--app-motion-quick) var(--l-ease-out)}.l-way:hover,.l-feature:hover,.l-case:hover{transform:translateY(calc(var(--app-space-hair) * -1))}.l-button:hover{transform:translateY(calc(var(--app-size-border) * -1))}.l-button:active,.l-gallery__tab:active{transform:scale(.97)}.l-choice__option:active,.l-log__restart:active{transform:scale(.94)}.l-top{transition:border-color var(--l-motion-fade) var(--app-motion-standard), box-shadow var(--l-motion-fade) var(--app-motion-standard)}.l-arrow,.l-icon,.l-faq__sign:after,.l-nav__link:after,.l-gallery__tab:before{transition:transform var(--l-motion-fade) var(--l-ease-out)}.l-faq__sign{transition:background-color var(--l-motion-fade) var(--app-motion-standard), border-color var(--l-motion-fade) var(--app-motion-standard), color var(--app-motion-quick) var(--app-motion-standard), transform var(--l-motion-fade) var(--l-ease-out)}[data-spot]:before{transition:opacity var(--l-motion-fade) var(--app-motion-standard)}.l-button--primary:after{transition:transform var(--l-motion-enter) var(--l-ease-out)}.l-live__hint,.l-log{transition:background-color var(--l-motion-fade) var(--app-motion-standard), border-color var(--l-motion-fade) var(--app-motion-standard), box-shadow var(--l-motion-fade) var(--app-motion-standard), color var(--l-motion-fade) var(--app-motion-standard)}.l-live__hint{animation:l-bob 2.4s var(--app-motion-standard) 1.6s infinite}.l-live__hint[data-state=watching]{animation:none}.l-live__hint[data-state=invite]{animation:l-bob 2.4s var(--app-motion-standard) infinite, l-invite 2s var(--l-ease-out) infinite}.l-live__replay{transition:border-color var(--app-motion-quick) var(--app-motion-standard), color var(--app-motion-quick) var(--app-motion-standard), transform var(--app-motion-quick) var(--l-ease-out);animation:l-fade-in var(--l-motion-fade) var(--app-motion-standard) both}.l-live__replay:active{transform:scale(.94)}.l-touch{inset-block-start:var(--app-space-none);left:var(--app-space-none);z-index:var(--app-z-index-panel);inline-size:calc(var(--l-px) * 46);block-size:calc(var(--l-px) * 46);margin:calc(var(--l-px) * -23);opacity:0;pointer-events:none;transition:opacity .16s var(--app-motion-standard), transform var(--l-touch-move,0s) cubic-bezier(.45, .05, .2, 1);will-change:transform;position:absolute}.l-touch[data-on]{opacity:1}.l-touch__dot,.l-touch__ring{inset:var(--app-space-none);border-radius:var(--app-radius-pill);position:absolute}.l-touch__dot{border:calc(var(--l-px) * 2.5) solid var(--app-color-device-light);background:color-mix(in srgb, var(--app-color-accent) 46%, transparent);box-shadow:0 0 0 calc(var(--l-px) * 1.5) color-mix(in srgb, var(--app-color-device-cutout) 45%, transparent), 0 calc(var(--l-px) * 8) calc(var(--l-px) * 18) color-mix(in srgb, var(--app-color-device-cutout) 40%, transparent);transition:transform .15s var(--l-ease-out), background-color .15s var(--app-motion-standard)}.l-touch[data-down] .l-touch__dot{background:color-mix(in srgb, var(--app-color-accent) 78%, transparent);transform:scale(.74)}.l-touch__ring{border:calc(var(--l-px) * 3) solid var(--app-color-accent);box-shadow:0 0 0 var(--l-px) color-mix(in srgb, var(--app-color-device-light) 70%, transparent);opacity:0}.l-touch[data-beacon] .l-touch__dot{opacity:0}.l-touch[data-beacon] .l-touch__ring{animation:l-beacon 1.6s var(--app-motion-standard) infinite}.l-js .l-hero__text>*,.l-js .l-live__tag,.l-js .l-live__device,.l-js .l-live__panel{animation:l-rise var(--l-motion-enter) var(--l-ease-out) both}.l-js .l-hero__text>:nth-child(2){animation-delay:70ms}.l-js .l-hero__text>:nth-child(3){animation-delay:.15s}.l-js .l-hero__text>:nth-child(4){animation-delay:.23s}.l-js .l-hero__text>:nth-child(5){animation-delay:.31s}.l-js .l-live__tag{animation-delay:.18s}.l-js .l-live__device{animation-name:l-phone-in;animation-duration:.95s;animation-delay:.22s}.l-js .l-live__panel{animation-delay:.42s}.l-js .l-live__after{animation:l-rise var(--l-motion-enter) var(--l-ease-out) .7s both}.l-js .l-glow{animation:l-fade-in 1.4s var(--app-motion-standard) both}.l-glow:before{animation:l-drift-a 19s var(--app-motion-standard) infinite alternate}.l-glow:after{animation:l-drift-b 23s var(--app-motion-standard) infinite alternate}.l-phone__glow{translate:calc(var(--l-tilt-x) * -5%) calc(var(--l-tilt-y) * -4%);transition:translate .6s var(--l-ease-out);animation:l-breathe 7s var(--app-motion-standard) infinite alternate}.l-live__dot:after{animation:l-ping 2.2s var(--l-ease-out) infinite}.l-eyebrow--pill:before{animation:l-blink 2.2s var(--app-motion-standard) infinite}.l-phone{transform:perspective(var(--l-perspective)) rotateY(calc(var(--l-tilt-x) * 5deg)) rotateX(calc(var(--l-tilt-y) * -4deg));transition:transform .6s var(--l-ease-out)}.is-armed{opacity:0;transform:translateY(var(--l-rise))}.is-armed.is-in{opacity:1;transition:opacity var(--l-motion-reveal) var(--l-ease-out), transform var(--l-motion-reveal) var(--l-ease-out);transform:none}.l-log__entry{animation:l-entry .9s var(--l-ease-out) both}.l-log__count{animation:l-pop .42s var(--l-ease-out) both}.l-live__note:not(:empty){animation:l-fade-in var(--l-motion-fade) var(--app-motion-standard) both}.l-shot__image{transition:opacity .36s var(--app-motion-standard)}.l-gallery__body{animation:l-rise-small .36s var(--l-ease-out) both}.l-shot__thumb{transition:margin-inline-start var(--app-motion-quick) linear}.l-steps.is-playing .l-viz--compose .l-viz__new{animation:l-viz-drag var(--l-motion-cycle) var(--l-ease-out) infinite}.l-steps.is-playing .l-viz__cursor{animation:l-viz-cursor var(--l-motion-cycle) linear infinite}.l-steps.is-playing .l-viz--compose:after{animation:l-viz-on-1 var(--l-motion-cycle) linear infinite}.l-steps.is-playing .l-viz--publish:after{animation:l-viz-on-2 var(--l-motion-cycle) linear infinite}.l-steps.is-playing .l-viz--app:after{animation:l-viz-on-3 var(--l-motion-cycle) linear infinite}.l-steps.is-playing .l-viz__button{animation:l-viz-press var(--l-motion-cycle) var(--l-ease-out) infinite}.l-steps.is-playing .l-viz__ring{animation:l-viz-ring var(--l-motion-cycle) var(--l-ease-out) infinite}.l-steps.is-playing .l-viz__state-was{animation:l-viz-was var(--l-motion-cycle) linear infinite}.l-steps.is-playing .l-viz__state-now,.l-steps.is-playing .l-viz__state-dot{animation:l-viz-now var(--l-motion-cycle) linear infinite}.l-steps.is-playing .l-viz--app .l-viz__new{animation:l-viz-arrive var(--l-motion-cycle) var(--l-ease-out) infinite}.l-steps.is-playing .l-step:first-child:before{animation:l-viz-hop-1 var(--l-motion-cycle) var(--app-motion-standard) infinite}.l-steps.is-playing .l-step:nth-child(2):before{animation:l-viz-hop-2 var(--l-motion-cycle) var(--app-motion-standard) infinite}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.l-top__progress{animation:linear both l-progress;animation-timeline:scroll(root)}}}@keyframes l-rise{0%{opacity:0;transform:translateY(var(--l-rise))}}@keyframes l-rise-small{0%{opacity:0;transform:translateY(var(--app-space-sm))}}@keyframes l-phone-in{0%{opacity:0;transform:translateY(var(--l-space-3xl)) scale(.94)}}@keyframes l-fade-in{0%{opacity:0}}@keyframes l-bob{50%{transform:translateY(calc(var(--app-space-xs) * -1))}}@keyframes l-invite{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--app-color-accent) 55%, transparent)}70%,to{box-shadow:0 0 0 var(--app-space-lg) transparent}}@keyframes l-beacon{0%{opacity:1;transform:scale(.7)}85%,to{opacity:0;transform:scale(1.9)}}@keyframes l-drift-a{to{transform:translate(-12%,14%)scale(1.15)}}@keyframes l-drift-b{to{transform:translate(16%,-10%)scale(.9)}}@keyframes l-breathe{0%{opacity:.34;scale:.94}to{opacity:.62;scale:1.05}}@keyframes l-ping{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.5)}}@keyframes l-blink{50%{opacity:.35}}@keyframes l-entry{0%{background:color-mix(in srgb, var(--app-color-accent) 30%, transparent);opacity:0;transform:translateY(var(--app-space-sm))}30%{opacity:1;transform:none}}@keyframes l-pop{0%{transform:scale(.5)}55%{transform:scale(1.25)}}@keyframes l-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes l-viz-drag{0%{opacity:0;transform:translate(calc(var(--l-u) * -64), calc(var(--l-u) * -12))}4%{opacity:1;transform:translate(calc(var(--l-u) * -64), calc(var(--l-u) * -12))}8%{transform:translate(calc(var(--l-u) * -64), calc(var(--l-u) * -16)) scale(1.05)}21%{transform:translate(0, calc(var(--l-u) * -3)) scale(1.05)}24%,93%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes l-viz-cursor{0%,3%{opacity:0}6%,22%{opacity:1}26%,to{opacity:0}}@keyframes l-viz-on-1{0%,3%{opacity:0}6%,22%{opacity:1}27%,to{opacity:0}}@keyframes l-viz-on-2{0%,24%{opacity:0}28%,38%{opacity:1}45%,to{opacity:0}}@keyframes l-viz-on-3{0%,43%{opacity:0}47%,70%{opacity:1}82%,to{opacity:0}}@keyframes l-viz-press{0%,27%{transform:none}29.5%{transform:scale(.9)}33%,to{transform:none}}@keyframes l-viz-ring{0%,29%{opacity:0;transform:none}30%{opacity:.9}42%{opacity:0;transform:scale(1.5,2.1)}to{opacity:0;transform:scale(1.5,2.1)}}@keyframes l-viz-was{0%{opacity:0}3%,31%{opacity:1}34%,to{opacity:0}}@keyframes l-viz-now{0%,31%{opacity:0}35%,93%{opacity:1}to{opacity:0}}@keyframes l-viz-arrive{0%,45%{opacity:0;transform:scale(.6,.2)}51%{opacity:1;transform:scale(1.06,1.15)}54%,93%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes l-viz-hop-1{0%,20%{opacity:0;transform:none}21%{opacity:1}26%{opacity:1;transform:translateX(var(--l-space-2xl))}27%,to{opacity:0;transform:translateX(var(--l-space-2xl))}}@keyframes l-viz-hop-2{0%,34%{opacity:0;transform:none}35%{opacity:1}44%{opacity:1;transform:translateX(var(--l-space-2xl))}45%,to{opacity:0;transform:translateX(var(--l-space-2xl))}}