:root{--site-header-height:calc(var(--pane-head) + var(--gap-row));--story-max:calc(var(--list-w) * 4);--story-gutter:clamp(var(--gap-base), 5vw, calc(var(--gap-pane) * 3));--story-title:clamp(calc(var(--text-title-lg) * 1.8), 4.3vw, calc(var(--text-title-lg) * 3));--story-heading:clamp(calc(var(--text-title-lg) * 1.6), 4.5vw, calc(var(--text-title-lg) * 2.8))}body[data-product-world]{--canvas:var(--mark-veil-dark);--ink:var(--mark-ink-light);--secondary:color-mix(in srgb,var(--mark-ink-light) 65%,var(--mark-veil-dark));--hairline:color-mix(in srgb,var(--mark-ink-light) 14%,var(--mark-veil-dark));--fill:color-mix(in srgb,var(--mark-ink-light) 10%,var(--mark-veil-dark));--fill-strong:color-mix(in srgb,var(--mark-ink-light) 20%,var(--mark-veil-dark))}[hidden]{display:none!important}::selection{background:var(--fill-strong);color:var(--ink)}html{scrollbar-color:var(--secondary) var(--canvas);scroll-behavior:smooth;scroll-padding-top:calc(var(--site-header-height) + var(--gap-base))}.story-home{overflow:clip}.sr-only{width:var(--hair);height:var(--hair);clip-path:inset(50%);white-space:nowrap;padding:0;position:absolute;overflow:hidden}.skip-story{top:var(--gap-in);left:var(--gap-base);z-index:100;padding:var(--gap-row);border-radius:var(--radius-md);background:var(--canvas);position:fixed;transform:translateY(-200%)}.skip-story:focus{transform:none}.story-nav{z-index:30;height:var(--site-header-height);padding:0 var(--story-gutter);color:var(--ink);background:color-mix(in srgb,var(--canvas) 90%,transparent);backdrop-filter:blur(var(--gap-pane));transition:background var(--dur-180),color var(--dur-180);justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.parent-brand{font-size:var(--text-title-lg);font-weight:650;line-height:1}.site-brand{align-items:center;gap:var(--gap-in);min-height:var(--touch);font-size:var(--text-title-md);letter-spacing:-.025em;font-weight:600;display:inline-flex}.site-brand img{width:var(--gap-pane);height:var(--gap-pane);border-radius:22%}.story-nav[data-over-hero]{color:var(--mark-ink-dark);backdrop-filter:none;background:0 0}.story-nav nav{align-items:center;gap:var(--gap-pane);font-size:var(--text-body);display:flex}.story-nav nav a{min-height:var(--touch);padding-block:var(--gap-in);align-items:center;display:inline-flex}.story-nav nav a:hover{opacity:.65}.story-nav .nav-download{background:var(--ink);color:var(--canvas);padding:var(--gap-in) var(--gap-base);border-radius:var(--radius-full)}.story-nav[data-over-hero] .nav-download{background:var(--mark-ink-dark);color:var(--mark-ink-light)}.product-hero{isolation:isolate;justify-content:center;align-items:center;gap:calc(var(--gap-pane)*1.5);text-align:left;min-height:100svh;padding:calc(var(--site-header-height) + var(--gap-pane)*2) var(--story-gutter) calc(var(--gap-pane)*3);color:var(--mark-ink-dark);flex-direction:column;display:flex;position:relative}.product-main{width:100%;max-width:calc(var(--list-w)*4.5);align-items:center;gap:calc(var(--gap-pane)*2);grid-template-columns:minmax(0,.85fr) minmax(0,1.7fr);display:grid}.hero-ground{z-index:-2;background:var(--fog-base);position:absolute;inset:0;overflow:hidden}.hero-ground canvas,.fog-fallback{object-fit:cover;pointer-events:none;width:100%;height:100%;inset:0;position:absolute!important}.fog-fallback{z-index:1}[data-fog-ready] .fog-fallback{visibility:hidden}.product-hero:after{content:"";z-index:-1;height:max(calc(var(--gap-pane)*10),40svh);background:linear-gradient(transparent,var(--canvas));pointer-events:none;position:absolute;inset:auto 0 0}.product-copy{width:100%;max-width:calc(var(--list-w)*1.3);position:relative}.product-copy h1{font-size:clamp(calc(var(--text-title-lg)*3),7.2vw,calc(var(--text-title-lg)*5));letter-spacing:-.055em;font-weight:600;line-height:1}.product-description{font-size:clamp(var(--text-read),1.35vw,calc(var(--text-read)*1.25));margin-top:var(--gap-group);text-wrap:pretty;line-height:1.6}.product-actions{align-items:center;gap:var(--gap-row);margin-top:calc(var(--gap-pane)*1.25);font-size:var(--text-read);flex-wrap:wrap;display:flex}.product-download,.product-docs{min-width:calc(var(--touch)*2.5);min-height:var(--touch);padding:var(--gap-row) var(--gap-group);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.product-download{background:var(--mark-ink-dark);color:var(--mark-ink-light)}.product-download:hover{background:color-mix(in srgb,var(--mark-ink-dark) 85%,transparent)}.product-docs{background:color-mix(in srgb,var(--mark-ink-dark) 6%,transparent)}.product-docs:hover{background:color-mix(in srgb,var(--mark-ink-dark) 12%,transparent)}.product-installations{width:min(100%,calc(var(--list-w)*2));align-items:center;gap:var(--gap-pane);flex-direction:column;display:flex}.product-platforms{z-index:3;gap:var(--gap-base);width:min(100%,calc(var(--list-w)*1.4));grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:relative}.platforms-title{text-align:center;font-size:var(--text-read);color:color-mix(in srgb,var(--mark-ink-light) 75%,transparent);grid-column:1/-1;font-weight:500}.platform-option{justify-content:flex-start;align-items:center;gap:var(--gap-in);min-height:calc(var(--touch) + var(--gap-pane));border-radius:var(--radius-xl);padding:var(--gap-in);color:var(--mark-ink-light);font-size:var(--text-body);background:0 0;border:0;flex-direction:column;display:flex;position:relative}.platform-icon{width:var(--gap-pane);height:var(--gap-pane);display:block}.platform-icon svg{width:100%;height:100%}.platform-icon [data-body]{fill-opacity:1}a.platform-option{cursor:pointer}a.platform-option:hover{background:color-mix(in srgb,var(--mark-ink-light) 10%,transparent)}.platform-option[aria-disabled]{cursor:default;color:color-mix(in srgb,var(--mark-ink-light) 38%,transparent)}.platform-tooltip{bottom:calc(100% + var(--gap-in));transform:translate(-50%,var(--gap-in));padding:var(--gap-in) var(--gap-row);border-radius:var(--radius-md);color:var(--mark-ink-light);background:var(--mark-ink-dark);font-size:var(--text-callout);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--dur-120),transform var(--dur-120);position:absolute;left:50%}.platform-option[aria-disabled]:is(:hover,:focus-visible) .platform-tooltip{opacity:1;visibility:visible;transform:translate(-50%)}.product-cli{justify-content:center;align-items:center;gap:var(--gap-row);width:100%;color:var(--mark-ink-light);flex-wrap:wrap;display:flex}.cli-label{font-size:var(--text-body);color:color-mix(in srgb,var(--mark-ink-light) 60%,transparent)}.cli-label span{color:var(--mark-ink-light)}.copy-button{min-width:var(--touch);min-height:var(--touch);color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.copy-symbol,.copy-symbol>span{width:var(--text-read);height:var(--text-read);display:block}.copy-symbol{flex:none}.copy-symbol svg{width:100%;height:100%}.copy-symbol [data-body]{fill:currentColor;fill-opacity:.7}.copy-symbol [data-copy-done],[data-copied] .copy-symbol [data-copy-idle]{display:none}[data-copied] .copy-symbol [data-copy-done]{display:block}.cli-command{align-items:center;gap:var(--gap-in);min-width:0;max-width:100%;min-height:var(--touch);padding:var(--gap-in);border-radius:var(--radius-md);color:inherit;cursor:pointer;background:0 0;border:0;display:flex;position:relative}.cli-command:hover{background:color-mix(in srgb,var(--mark-ink-light) 8%,transparent)}.cli-command code{scrollbar-width:none;white-space:nowrap;min-width:0;font-size:var(--text-callout);overflow:auto}.cli-command .copy-symbol{opacity:0;transition:opacity var(--dur-120)}.cli-command:is(:hover,:focus-visible,[data-copied]) .copy-symbol{opacity:1}@media (hover:none){.cli-command .copy-symbol{opacity:1}}@media (width>=1200px){.product-installations{width:100%;max-width:calc(var(--list-w)*4.5);flex-direction:row;justify-content:center}.platforms-title{white-space:nowrap;font-size:var(--text-body);flex:none}.product-platforms{gap:var(--gap-in);flex:none;grid-template-columns:repeat(5,auto);width:auto}.platform-option{min-width:calc(var(--touch) + var(--gap-base))}.product-cli{gap:var(--gap-in);flex-wrap:nowrap;flex:0 auto;width:auto;min-width:0}.cli-label{white-space:nowrap}}.product-showcase{z-index:2;aspect-ratio:8/5;width:100%;min-width:0;scroll-margin-top:var(--gap-pane);margin:0;position:relative}.macos-window{border-radius:calc(var(--radius-xl)*2*var(--desktop-scale,.25));backdrop-filter:blur(var(--gap-pane));box-shadow:var(--shadow-float);background:0 0;border:0;position:relative;overflow:hidden}.desktop-preview{aspect-ratio:8/5;background:0 0;width:100%;position:relative;overflow:hidden}.desktop-poster,.desktop-poster img{pointer-events:none;width:100%;height:100%;display:block}.desktop-poster img{object-fit:cover}.desktop-stage{width:calc(var(--list-w)*4);aspect-ratio:8/5;transform:scale(var(--desktop-scale,1));transform-origin:0 0;opacity:0;pointer-events:none;position:absolute;inset:0 auto auto 0}.desktop-stage iframe{background:0 0;border:0;width:100%;height:100%;display:block}.desktop-preview[data-ready] .desktop-stage{opacity:1;pointer-events:auto}.desktop-preview[data-ready] .desktop-poster{visibility:hidden}.opening{--opening-screens:5.8;--story-intro-hold:.5;height:calc((var(--opening-screens) + var(--story-intro-hold))*100svh);z-index:10;color:var(--ink);position:relative}.meet-environment{pointer-events:none;opacity:0;background:var(--mark-veil-dark);position:absolute;inset:0}.meet-environment>svg{width:100%;height:100%;display:block}.opening-sticky{align-items:center;height:100svh;display:flex;position:sticky;top:0}.opening-copy{width:48%;height:calc(var(--story-title)*3.6);z-index:2;position:absolute;top:31%;left:8.5%}.opening-line{font-size:var(--story-title);text-wrap:balance;font-weight:600;line-height:1.08;position:absolute;inset:0;overflow:hidden}.opening-line-content{opacity:0;height:100%}.opening-line.is-current .opening-line-content{opacity:1}.opening-line-content>span{display:block}.opening-line .line-lead{color:var(--secondary)}.opening-line:last-child,.opening-line:last-child .line-lead{color:var(--mark-ink-light)}.opening-line:last-child .line-lead{opacity:.7}.assembly{aspect-ratio:1;pointer-events:none;border-radius:22%;width:min(52vw,74svh);position:absolute;top:50%;right:1.5%;overflow:hidden;transform:translateY(-47%)}.canonical-icon,.canonical-icon>svg{width:100%;height:100%;display:block}.canonical-icon{visibility:hidden;position:relative}.canonical-icon[data-icon-ready]{visibility:visible}.icon-artboard,.icon-material{position:absolute;inset:0}.icon-artboard{transform-origin:0 0}.icon-layer{transform-origin:50%;position:absolute}.icon-node-shade{position:absolute;inset:0}.icon-layer svg,.icon-material svg{width:100%;height:100%;display:block}.reveal-axis{position:absolute;inset:-50%;transform:rotate(45deg)}.reveal-clip,.reveal-counter{position:absolute;inset:0}.reveal-clip{mask-image:linear-gradient(to right,var(--mark-ink-light) 86%,transparent 98%);-webkit-mask-image:linear-gradient(to right,var(--mark-ink-light) 86%,transparent 98%);overflow:hidden}.reveal-art{position:absolute;inset:25%;transform:rotate(-45deg)}.story-face{aspect-ratio:1;color:var(--mark-ink-dark);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.story-face [data-body]{fill:currentColor;fill-opacity:1}.connection-line{color:var(--secondary)}.scroll-cue{bottom:var(--gap-pane);left:var(--story-gutter);align-items:center;gap:var(--gap-base);color:var(--secondary);font-size:var(--text-callout);display:flex;position:absolute}.scroll-stem{height:calc(var(--gap-pane)*2);width:var(--hair);background:var(--hairline);position:relative}.scroll-stem-progress{transform-origin:top;background:currentColor;position:absolute;inset:0;transform:scaleY(0)}.story-steps{right:var(--story-gutter);bottom:var(--gap-pane);gap:var(--gap-xxs);display:flex;position:absolute}.story-steps button{width:var(--touch);height:var(--touch);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.story-steps button span{height:var(--gap-xxs);width:var(--gap-xxs);border-radius:var(--radius-full);background:var(--secondary);opacity:.35;transition:width var(--dur-240),opacity var(--dur-240)}.story-steps [aria-current] span{width:var(--gap-group);opacity:1}.download-section h2{font-size:var(--story-heading);text-wrap:balance;font-weight:550;line-height:1.12}.download-section{padding:calc(var(--gap-pane)*4) var(--gap-base) calc(var(--gap-pane)*5);align-items:center;gap:var(--gap-pane);text-align:center;flex-direction:column;display:flex}.download-description{font-size:var(--text-read);color:var(--secondary)}.download-section>img{width:var(--avatar-xl);height:var(--avatar-xl)}.download-main{background:var(--ink);color:var(--canvas);border-radius:var(--radius-full);padding:var(--gap-row) var(--gap-pane);font-size:var(--text-read)}.other-downloads{color:var(--secondary)}.other-downloads:hover{text-decoration:underline}.install-line{align-items:center;gap:var(--gap-base);border-bottom:var(--hair) solid var(--hairline);max-width:100%;padding-block:var(--gap-row);display:flex}.install-line code{font-size:var(--text-mono);text-align:left;white-space:nowrap;overflow:auto}.install-line button{min-width:var(--touch);min-height:var(--touch);font-size:var(--text-callout);cursor:pointer;white-space:nowrap;background:0 0;border:0}.download-note{color:var(--secondary);font-size:var(--text-callout)}.story-footer{justify-content:space-between;align-items:center;gap:var(--gap-pane);padding:var(--gap-pane) var(--story-gutter);border-top:var(--hair) solid var(--hairline);font-size:var(--text-callout);color:var(--secondary);display:flex}.story-footer nav{gap:var(--gap-group);display:flex}.no-script{padding:var(--gap-pane);text-align:center}.docs{padding-top:var(--site-header-height)}.docs .side-in{top:var(--site-header-height);max-height:calc(100dvh - var(--site-header-height))}.docs .r0{top:var(--site-header-height)}.docs .prose :is(h2,h3,h4){scroll-margin-top:var(--pane-head)}@media (width<=760px){:root{--site-header-height:var(--touch)}.opening{--opening-screens:7.2;--story-intro-hold:.7}.product-hero{justify-content:flex-start;gap:var(--gap-pane)}.product-main{gap:calc(var(--gap-pane)*1.5);grid-template-columns:minmax(0,1fr)}.product-copy h1{font-size:clamp(calc(var(--text-title-lg)*3),19vw,calc(var(--text-title-lg)*4))}.product-description{font-size:var(--text-read)}.product-actions{margin-top:var(--gap-pane)}.product-platforms{gap:var(--gap-in)}.cli-command{padding-inline:var(--gap-xxs)}.cli-command code{font-size:var(--text-caption)}.product-showcase{width:100%;margin:0}.story-nav nav{gap:var(--gap-base)}.opening-copy{left:var(--story-gutter);right:var(--story-gutter);text-align:center;width:auto;top:19%}.opening-line{font-size:clamp(calc(var(--text-title-lg)*1.8),9.4vw,calc(var(--text-title-lg)*2.6))}.assembly{width:min(100vw,61svh);top:61%;right:50%;transform:translate(50%,-50%)}.scroll-cue{bottom:var(--gap-base)}.scroll-stem{height:var(--gap-pane)}.story-steps{bottom:var(--gap-in)}.story-footer{flex-wrap:wrap}.story-footer>span{order:3;width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.scroll-cue,.story-steps{display:none}.opening{height:auto;min-height:90svh;padding:calc(var(--gap-pane)*3) var(--story-gutter)}.opening-sticky{gap:var(--gap-pane);grid-template-columns:1fr 1fr;height:auto;min-height:70svh;display:grid;position:relative}.opening-copy{gap:var(--gap-group);width:auto;height:auto;display:grid;position:relative;inset:auto}.opening-line{font-size:var(--text-title-lg);position:relative;inset:auto;overflow:visible}.opening-line-content{height:auto;opacity:1!important}.opening-line-content>span{display:inline}.opening-line .line-lead:after,.opening-line-content .line-phrase+.line-phrase:before{content:" "}.assembly{width:100%;position:relative;inset:auto;transform:none}.meet-environment{border-radius:var(--radius-xl)}}@media (prefers-reduced-motion:reduce) and (width<=760px){.opening-sticky{grid-template-columns:1fr}.assembly{max-width:80vw;margin:auto}}.download-section>img{border-radius:22%}
