:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--page:#f2f2f7;--card:#fff;--ink:#000;--ink-2:#3c3c43b8;--line:#3c3c4324;--link:#06c;--code:#e9e9ef;--gutter:clamp(16px, 4vw, 40px);--wall:url(../flow.jpg);--wall-ink:#fff;--wall-shadow:0 1px 24px #0a002859}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--page:#000;--card:#1c1c1e;--ink:#fff;--ink-2:#ebebf5a8;--line:#ebebf529;--link:#4da3ff;--code:#1c1c1e}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#000;--card:#1c1c1e;--ink:#fff;--ink-2:#ebebf5a8;--line:#ebebf529;--link:#4da3ff;--code:#1c1c1e}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-wall=dusk]{--wall:url(../dusk.jpg)}:root[data-wall=dawn]{--wall:url(../dawn.jpg);--wall-ink:#1a1330;--wall-shadow:none}:root[data-wall=lines]{--wall-shadow:0 1px 3px #000000a6, 0 0 28px #0000008c;--wall:repeating-linear-gradient(108deg, #10207e 0 34px, #2a3be0 34px 68px, #7a2fe6 68px 102px, #e0338f 102px 136px, #1b0f4a 136px 170px)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--page);-webkit-text-size-adjust:100%;scroll-padding-top:72px}body{background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:17px/1.47 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:clip}a{color:var(--link)}h1,h2,h3,p,ul,pre,figure{margin:0}pre,code,.mono{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace}pre{font-size:13px;line-height:1.55;overflow-x:auto}.lg-toolbar .lg-menu>.lg-button{border-radius:22px;width:44px;height:44px;padding:0}.lg-toolbar .lg-menu>.lg-button>svg{width:22px;height:22px}.bar-end{align-items:center;gap:8px;display:flex}.site-bar.lg-toolbar{z-index:40;padding:max(8px, env(safe-area-inset-top)) var(--gutter) 8px;position:fixed;inset:0 0 auto}.dock{inset:auto 0 max(14px, env(safe-area-inset-bottom));z-index:40;pointer-events:none;justify-content:center;display:flex;position:fixed}.dock>*{pointer-events:auto}.dock{transition:transform .32s cubic-bezier(.3,.9,.4,1),visibility .32s}.hero{min-height:max(100svh,620px);padding:96px var(--gutter) 112px;color:var(--wall-ink);flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.wall{background:var(--wall) center / cover;position:absolute;inset:0}.hero h1{letter-spacing:-.055em;text-align:center;text-shadow:var(--wall-shadow);-webkit-user-select:none;user-select:none;font-size:clamp(54px,16.8vw,330px);font-weight:700;line-height:1;position:absolute;top:42%;left:0;right:0;transform:translateY(-50%)}.hero-foot{pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 40px;display:flex;position:relative}.hero-foot>*{pointer-events:auto}.hero-foot p{letter-spacing:-.015em;max-width:34em;text-shadow:var(--wall-shadow);font-size:clamp(18px,1.9vw,24px);font-weight:500;line-height:1.3}.mono{font-size:14px}.drag{z-index:2;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:scale .34s cubic-bezier(.3,1.7,.5,1);position:absolute;top:0;left:0;scale:1}.drag[data-held]{cursor:grabbing;scale:1.05}.drag:focus-visible,.piece:focus-visible{outline:2px solid var(--wall-ink);outline-offset:4px}.drag[data-size=hero]{width:clamp(190px,27vw,420px);height:clamp(116px,15vw,230px)}.drag[data-size=lab]{width:clamp(200px,42%,340px);height:170px}.lens{border-radius:999px;place-items:center;width:100%;height:100%;display:grid}.drag[data-size=lab] .lens{border-radius:44px}.lens-hint{color:#fff;background:#0000008c;border-radius:999px;padding:5px 12px;font-size:14px;font-weight:600;transition:opacity .3s}.lens-hint[data-gone]{opacity:0}.section{max-width:1240px;padding:clamp(72px, 10vw, 128px) var(--gutter) 0;margin:0 auto}.section>header{max-width:44em;margin-bottom:clamp(28px,4vw,48px)}.section>header h2{letter-spacing:-.035em;font-size:clamp(38px,6vw,72px);font-weight:700;line-height:1.04}.section>header p{color:var(--ink-2);letter-spacing:-.01em;margin-top:14px;font-size:clamp(18px,1.7vw,21px);line-height:1.38}h3{letter-spacing:-.01em;font-size:17px;font-weight:600}.sub-text{color:var(--ink-2);margin:4px 0 16px}.stage{background:var(--wall) var(--x,50%) var(--y,50%) / max(1500px, 130%) auto;min-height:260px;color:var(--ink);border-radius:28px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:relative;overflow:hidden}.lab{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);align-items:start;gap:clamp(20px,3vw,40px);display:grid}.lab-stage{background-position:30% 60%;min-height:min(620px,100svh - 170px);padding:0;position:sticky;top:72px}.specimen{color:var(--wall-ink);letter-spacing:-.05em;text-align:center;-webkit-user-select:none;user-select:none;gap:1vh;font-size:clamp(64px,9vw,132px);font-weight:700;line-height:.95;display:grid}.lab-controls{background:var(--wall) 75% 25% / max(1500px, 130%) auto;color:var(--wall-ink);text-shadow:var(--wall-shadow);border-radius:28px;gap:18px;padding:24px;display:grid}.lab-controls .lg-glass,.lab-controls [role=radiogroup],.lab-controls pre{text-shadow:none}.lab-controls h3:not(:first-child){border-top:1px solid color-mix(in srgb, var(--wall-ink) 24%, transparent);padding-top:18px}.lab-controls .field-label output,.lab-controls .note{color:inherit;opacity:.8}.field{gap:8px;display:grid}.field-label{justify-content:space-between;gap:12px;font-size:15px;display:flex}.field-label output,.readout{color:var(--ink-2);font-variant-numeric:tabular-nums}.note{color:var(--ink-2);font-size:14px}.snippet{background:var(--code);border-radius:16px;padding:14px 16px;position:relative}.lab-controls .snippet{background:color-mix(in srgb, var(--wall-ink) 14%, transparent)}.snippet>.lg-button{position:absolute;top:10px;right:10px}.merge-wrap{gap:16px;margin-bottom:clamp(20px,3vw,32px);display:grid}.merge-stage{height:clamp(320px,42vw,460px);padding:0}.merge-stage .lg-glass-group.merge{display:block;position:absolute;inset:0}.lg-glass-group.merge>.piece{cursor:grab;touch-action:none;transition:scale .34s cubic-bezier(.3,1.7,.5,1);position:absolute;top:0;left:0}.lg-glass-group.merge>.piece[data-held]{cursor:grabbing;scale:1.05}.piece.round{border-radius:60px;width:120px;height:120px}.piece.round.small{border-radius:42px;width:84px;height:84px}.piece.pill{border-radius:50px;width:clamp(160px,22vw,240px);height:100px}.merge-controls{background:var(--card);border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:16px 24px;display:grid}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,32px) clamp(16px,2vw,24px);display:grid}.tile[data-wide]{grid-column:span 3}.tile-text{justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 6px 0;display:flex}.tile-text p{color:var(--ink-2);margin-top:2px;font-size:15px;line-height:1.36}.tile-text .lg-button{color:var(--ink);background-color:color-mix(in srgb, var(--ink) 8%, transparent);flex:none}.stack{gap:14px;display:grid}.stack.center{justify-items:center}.line{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.line.between{justify-content:space-between}.wide{width:100%}.readout{min-height:1.47em;color:var(--wall-ink);text-align:center;text-shadow:var(--wall-shadow);font-size:15px;font-weight:500;display:block}.hold{-webkit-user-select:none;user-select:none;border-radius:28px;place-items:center;width:170px;height:110px;font-weight:600;display:grid}.rows{gap:12px;width:min(100%,240px);display:grid}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.stage .row{color:var(--wall-ink);text-shadow:var(--wall-shadow);font-weight:600}.row.small{gap:16px;font-size:15px}.tabs-demo{justify-content:center;width:100%;display:flex}.stage[data-bare]{height:300px;padding:0;display:block}.scroll-demo{overscroll-behavior:contain;height:100%;overflow-y:auto}.scroll-fill{color:var(--wall-ink);letter-spacing:-.04em;text-shadow:var(--wall-shadow);padding:8px 24px 40px;font-size:clamp(56px,9vw,120px);font-weight:700;line-height:1.12}.scroll-fill p{margin:0}.sheet-body{gap:14px;padding:8px 24px 32px;display:grid}.sheet-body h3{font-size:24px;font-weight:700}.code-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.code-sheet pre{background:#7f7f7f24;border-radius:16px;padding:14px 16px}.sheet-swatch{border-radius:20px;height:120px}.app-wrap{grid-template-columns:minmax(0,402px) minmax(0,1fr);align-items:center;gap:clamp(28px,6vw,88px);display:grid}.phone{background:var(--wall) 30% 40% / auto 120%;width:100%;max-width:402px;height:min(780px,100svh - 120px);min-height:560px;box-shadow:0 0 0 1px var(--line), 0 30px 70px #0000002e;border-radius:44px;position:relative;overflow:hidden}.phone-scroll{overscroll-behavior:contain;height:100%;overflow-y:auto}.phone-page{gap:14px;padding:6px 16px 112px;display:grid}.phone .lg-nav-title,.phone .lg-nav-large,.phone-empty{color:var(--wall-ink);text-shadow:var(--wall-shadow)}.cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.card{color:#fff;height:164px;font:inherit;text-shadow:0 1px 8px #0000004d;cursor:pointer;border:0;border-radius:22px;align-items:flex-end;padding:12px 14px;font-weight:600;display:flex}.card:focus-visible{outline:2px solid var(--link);outline-offset:2px}.group{background:var(--card);border-radius:22px;gap:14px;padding:14px 16px;display:grid}.row.column{justify-content:stretch;gap:8px;display:grid}.phone-tabs{pointer-events:none;justify-content:center;display:flex;position:absolute;inset:auto 0 14px}.phone-tabs>*{pointer-events:auto}.try{color:var(--ink-2);gap:14px;padding:0;font-size:19px;line-height:1.34;list-style:none;display:grid}.try strong{color:var(--ink);font-weight:600}.compare{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,56px);display:grid}video{background:#000;border-radius:24px;width:100%;max-width:560px;display:block}figcaption{color:var(--ink-2);margin-top:10px;font-size:15px}.support{gap:18px;display:grid}.support ul{gap:10px;padding:0;list-style:none;display:grid}.support li{background:var(--card);color:var(--ink-2);border-radius:20px;padding:14px 18px;font-size:16px;line-height:1.38}.support strong{color:var(--ink);justify-content:space-between;align-items:baseline;margin-bottom:2px;font-weight:600;display:flex}.support em{color:var(--link);font-size:14px;font-style:normal;font-weight:500}.start{padding-bottom:130px}.snippet.big{border-radius:24px;padding:20px 22px}.snippet.big pre{font-size:14px}.snippet .lg-button{color:var(--ink)}footer{color:var(--ink-2);gap:4px;margin-top:40px;font-size:14px;display:grid}@media (width<=960px){.lab,.compare,.app-wrap{grid-template-columns:minmax(0,1fr)}.lab-stage{min-height:420px;position:relative;top:0}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.tile[data-wide]{grid-column:span 2}.phone{justify-self:center}.dock[data-over-app]{visibility:hidden;transform:translateY(120px)}}@media (width<=620px){.gallery{grid-template-columns:minmax(0,1fr)}.tile[data-wide]{grid-column:auto}.merge-controls{grid-template-columns:minmax(0,1fr);gap:10px}.merge-stage{height:430px}.snippet.big{padding-top:50px}.piece.round{border-radius:46px;width:92px;height:92px}.piece.round.small{border-radius:33px;width:66px;height:66px}.merge-controls pre{font-size:12px}.hero-foot{gap:14px}.hero-foot .lg-button.mono{font-size:12.5px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.drag,.piece{transition:none}}