:root{color-scheme:light dark;--brand-lime: #4ce62e;--brand-lime-neon: #3dff1a;--brand-ink: #121212;--accent: #0a84ff;--accent-hover: #3b9bff;--accent-press: #0060df;--accent-subtle: rgba(10, 132, 255, .16);--accent-subtle-2: rgba(10, 132, 255, .24);--accent-on: #ffffff;--green: #32d74b;--red: #ff453a;--orange: #ff9f0a;--teal: #40c8e0;--yellow: #ffd60a}:root,.exp-dark{--n-0: #0e0e10;--n-50: #151517;--n-100: #181819;--n-150: #1d1d1f;--n-200: #232325;--n-300: #2b2b2e;--n-400: #3a3a3e;--n-500: #4d4d52;--n-600: #6b6b71;--n-700: #8e8e94;--n-800: #c7c7cc;--n-900: #f2f2f5;--surface-window: var(--n-100);--surface-panel: rgba(30, 30, 33, .72);--surface-panel-solid:var(--n-150);--surface-raised: var(--n-200);--surface-card: rgba(255, 255, 255, .04);--surface-field: rgba(255, 255, 255, .05);--surface-field-focus:rgba(255, 255, 255, .08);--surface-popover: rgba(38, 38, 41, .8);--surface-toolbar: rgba(22, 22, 24, .6);--row-hover: rgba(255, 255, 255, .06);--row-active: rgba(255, 255, 255, .1);--row-selected: var(--accent-subtle);--text-primary: rgba(242, 242, 245, 1);--text-secondary: rgba(242, 242, 245, .62);--text-tertiary: rgba(242, 242, 245, .42);--text-quaternary:rgba(242, 242, 245, .28);--text-on-accent: #ffffff;--text-accent: #4aa3ff;--text-brand: var(--brand-lime);--hairline: rgba(255, 255, 255, .09);--border-soft: rgba(255, 255, 255, .07);--border-glass: rgba(255, 255, 255, .12);--border-strong:rgba(255, 255, 255, .18);--canvas-bg: #1c1c1e;--canvas-artboard: #ffffff;--canvas-ruler-bg: rgba(24, 24, 25, .7);--canvas-ruler-tick:rgba(242, 242, 245, .34);--canvas-selection: var(--accent);--canvas-guide: var(--teal)}@media(prefers-color-scheme:light){:root{--n-0: #ffffff;--n-50: #fbfbfc;--n-100: #f4f4f6;--n-150: #eeeef0;--n-200: #ffffff;--n-300: #f0f0f2;--n-400: #e4e4e8;--n-500: #d0d0d6;--n-600: #8a8a90;--n-700: #6a6a70;--n-800: #3a3a40;--n-900: #1a1a1c;--accent: #007aff;--accent-hover: #2b90ff;--accent-press: #0060df;--accent-subtle: rgba(0, 122, 255, .12);--accent-subtle-2: rgba(0, 122, 255, .2);--green: #28cd41;--red: #ff3b30;--orange: #ff9500;--teal: #00a3c4;--surface-window: var(--n-100);--surface-panel: rgba(255, 255, 255, .66);--surface-panel-solid: var(--n-200);--surface-raised: var(--n-200);--surface-card: rgba(0, 0, 0, .035);--surface-field: rgba(0, 0, 0, .045);--surface-field-focus: rgba(0, 0, 0, .07);--surface-popover: rgba(255, 255, 255, .82);--surface-toolbar: rgba(248, 248, 250, .65);--row-hover: rgba(0, 0, 0, .05);--row-active: rgba(0, 0, 0, .08);--row-selected: var(--accent-subtle);--text-primary: rgba(20, 20, 22, 1);--text-secondary: rgba(20, 20, 22, .6);--text-tertiary: rgba(20, 20, 22, .4);--text-quaternary: rgba(20, 20, 22, .26);--text-accent: #007aff;--text-brand: #2aa516;--hairline: rgba(0, 0, 0, .1);--border-soft: rgba(0, 0, 0, .08);--border-glass: rgba(255, 255, 255, .7);--border-strong: rgba(0, 0, 0, .16);--canvas-bg: #e8e8ea;--canvas-artboard: #ffffff;--canvas-ruler-bg: rgba(244, 244, 246, .8);--canvas-ruler-tick: rgba(20, 20, 22, .34)}}.exp-light{--n-0:#ffffff;--n-50:#fbfbfc;--n-100:#f4f4f6;--n-150:#eeeef0;--n-200:#ffffff;--n-300:#f0f0f2;--n-400:#e4e4e8;--n-500:#d0d0d6;--n-600:#8a8a90;--n-700:#6a6a70;--n-800:#3a3a40;--n-900:#1a1a1c;--accent:#007aff;--accent-hover:#2b90ff;--accent-press:#0060df;--accent-subtle:rgba(0,122,255,.12);--accent-subtle-2:rgba(0,122,255,.2);--green:#28cd41;--red:#ff3b30;--orange:#ff9500;--teal:#00a3c4;--surface-window:var(--n-100);--surface-panel:rgba(255,255,255,.66);--surface-panel-solid:var(--n-200);--surface-raised:var(--n-200);--surface-card:rgba(0,0,0,.035);--surface-field:rgba(0,0,0,.045);--surface-field-focus:rgba(0,0,0,.07);--surface-popover:rgba(255,255,255,.82);--surface-toolbar:rgba(248,248,250,.65);--row-hover:rgba(0,0,0,.05);--row-active:rgba(0,0,0,.08);--row-selected:var(--accent-subtle);--text-primary:rgba(20,20,22,1);--text-secondary:rgba(20,20,22,.6);--text-tertiary:rgba(20,20,22,.4);--text-quaternary:rgba(20,20,22,.26);--text-accent:#007aff;--text-brand:#2aa516;--hairline:rgba(0,0,0,.1);--border-soft:rgba(0,0,0,.08);--border-glass:rgba(255,255,255,.7);--border-strong:rgba(0,0,0,.16);--canvas-bg:#e8e8ea;--canvas-artboard:#ffffff;--canvas-ruler-bg:rgba(244,244,246,.8);--canvas-ruler-tick:rgba(20,20,22,.34)}:root{--font-sans: "SF Pro Text", "SF Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", system-ui, sans-serif;--font-display: "SF Pro Display", "SF Pro", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-condensed: "SF Compact Display", "SF Compact", "SF Pro Display", -apple-system, system-ui, sans-serif;--font-mono: "SF Mono", ui-monospace, Menlo, monospace;--w-ultralight: 100;--w-thin: 200;--w-light: 300;--w-regular: 400;--w-medium: 500;--w-semibold: 600;--t-micro: 10px;--t-mini: 11px;--t-small: 12px;--t-base: 13px;--t-md: 15px;--t-lg: 18px;--t-xl: 22px;--t-2xl: 28px;--t-3xl: 40px;--t-display: 64px;--lh-tight: 1.1;--lh-snug: 1.25;--lh-normal: 1.45;--tr-tight: -.02em;--tr-snug: -.01em;--tr-normal: 0em;--tr-wide: .04em;--tr-caps: .06em;--type-doc-name-size: var(--t-md);--type-doc-name-weight: var(--w-light);--type-panel-title-size: var(--t-base);--type-panel-title-weight: var(--w-regular);--type-section-size: var(--t-mini);--type-section-weight: var(--w-ultralight);--type-artboard-size: var(--t-small);--type-artboard-weight: var(--w-medium);--type-layer-size: var(--t-small);--type-layer-weight: var(--w-light);--type-label-size: var(--t-small);--type-label-weight: var(--w-light);--type-numeric-size: var(--t-small);--type-numeric-weight: var(--w-regular)}.exp-doc-name{font-family:var(--font-sans);font-size:var(--type-doc-name-size);font-weight:var(--w-light);color:var(--text-primary);letter-spacing:var(--tr-snug)}.exp-panel-title{font-family:var(--font-sans);font-size:var(--type-panel-title-size);font-weight:var(--w-regular);text-transform:uppercase;letter-spacing:var(--tr-caps);color:var(--text-primary)}.exp-section-title{font-family:var(--font-display);font-size:var(--type-section-size);font-weight:var(--w-ultralight);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tr-wide)}.exp-layer-name{font-family:var(--font-condensed);font-size:var(--type-layer-size);font-weight:var(--w-light);color:var(--text-primary)}.exp-label{font-family:var(--font-sans);font-size:var(--type-label-size);font-weight:var(--w-light);color:var(--text-secondary)}.exp-numeric{font-family:var(--font-sans);font-size:var(--type-numeric-size);font-weight:var(--w-regular);font-variant-numeric:tabular-nums;color:var(--text-primary)}.exp-display{font-family:var(--font-display);font-weight:var(--w-ultralight);letter-spacing:var(--tr-tight);color:var(--text-primary)}:root{--space-xxs: 2px;--space-xs: 4px;--space-sm: 6px;--space-md: 8px;--space-lg: 12px;--space-xl: 16px;--space-2xl: 24px;--space-3xl: 32px;--panel-pad-h: 12px;--row-gap: 6px;--section-gap: 8px;--section-head-gap:12px;--radius-row: 6px;--radius-field: 5px;--radius-button: 8px;--radius-tool: 6px;--radius-drop: 4px;--radius-card: 6px;--radius-panel: 12px;--radius-pill: 999px;--radius-control: 7px;--stroke-hairline: 1px;--stroke-selection: 1.5px;--stroke-dropline: 2px;--stroke-focus: 2px;--handle-size: 8px;--handle-grab: 12px;--rotate-offset:22px;--ruler-size: 20px;--guide-tol: 4px;--dock-left-width: 264px;--dock-right-width: 332px;--tools-strip-width: 44px;--window-min-width: 900px;--window-min-height: 600px;--titlebar-height: 52px;--panel-header-height:38px;--control-h: 24px;--control-h-lg: 30px;--icon-btn: 24px;--hit-target: 28px;--field-w-numeric: 56px;--ease-standard: cubic-bezier(.22, .61, .36, 1);--ease-emphasis: cubic-bezier(.34, 1.2, .4, 1);--dur-fast: .12s;--dur-base: .18s;--dur-slow: .26s}:root{--glass-blur-thin: 16px;--glass-blur-medium: 30px;--glass-blur-thick: 50px;--glass-saturate: 180%;--glass-tint-thin: rgba(28, 28, 31, .46);--glass-tint-medium: rgba(30, 30, 33, .66);--glass-tint-thick: rgba(34, 34, 38, .78);--glass-border: rgba(255, 255, 255, .12);--glass-border-soft: rgba(255, 255, 255, .07);--glass-sheen: linear-gradient(180deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,.02) 18%, rgba(255,255,255,0) 40%);--glass-inner-hi: inset 0 1px 0 0 rgba(255,255,255,.1);--glass-inner-lo: inset 0 -1px 0 0 rgba(0,0,0,.25);--shadow-1: 0 1px 2px rgba(0,0,0,.3);--shadow-2: 0 2px 8px rgba(0,0,0,.34);--shadow-panel: 0 8px 28px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.05);--shadow-popover:0 12px 40px rgba(0,0,0,.5), 0 0 0 .5px rgba(0,0,0,.6);--shadow-modal: 0 30px 80px rgba(0,0,0,.62), 0 2px 8px rgba(0,0,0,.4);--shadow-drag: 0 16px 40px rgba(0,0,0,.5);--glow-lime: 0 0 24px rgba(76, 230, 46, .45);--glow-accent: 0 0 0 var(--stroke-focus) var(--accent), 0 0 0 calc(var(--stroke-focus) + 2px) var(--accent-subtle)}@media(prefers-color-scheme:light){:root{--glass-tint-thin: rgba(255, 255, 255, .55);--glass-tint-medium: rgba(255, 255, 255, .7);--glass-tint-thick: rgba(255, 255, 255, .82);--glass-border: rgba(255, 255, 255, .85);--glass-border-soft: rgba(0, 0, 0, .06);--glass-sheen: linear-gradient(180deg, rgba(255,255,255,.6) 0%, rgba(255,255,255,.1) 22%, rgba(255,255,255,0) 44%);--glass-inner-hi: inset 0 1px 0 0 rgba(255,255,255,.9);--glass-inner-lo: inset 0 -1px 0 0 rgba(0,0,0,.05);--shadow-1: 0 1px 2px rgba(0,0,0,.1);--shadow-2: 0 2px 8px rgba(0,0,0,.12);--shadow-panel: 0 8px 28px rgba(0,0,0,.16), 0 1px 0 rgba(255,255,255,.6);--shadow-popover:0 12px 40px rgba(0,0,0,.2), 0 0 0 .5px rgba(0,0,0,.12);--shadow-modal: 0 30px 80px rgba(0,0,0,.24);--shadow-drag: 0 16px 40px rgba(0,0,0,.2)}}.glass-thin{background:var(--glass-tint-thin);backdrop-filter:blur(var(--glass-blur-thin)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur-thin)) saturate(var(--glass-saturate));border:var(--stroke-hairline) solid var(--glass-border-soft)}.glass-medium{background:var(--glass-tint-medium);backdrop-filter:blur(var(--glass-blur-medium)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur-medium)) saturate(var(--glass-saturate));border:var(--stroke-hairline) solid var(--glass-border);box-shadow:var(--shadow-panel)}.glass-thick{background:var(--glass-tint-thick);backdrop-filter:blur(var(--glass-blur-thick)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur-thick)) saturate(var(--glass-saturate));border:var(--stroke-hairline) solid var(--glass-border);box-shadow:var(--shadow-modal)}.glass-edge{box-shadow:var(--glass-inner-hi),var(--glass-inner-lo);position:relative}.glass-edge:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:var(--glass-sheen)}@media(prefers-reduced-transparency:reduce){.glass-thin,.glass-medium{background:var(--surface-panel-solid);backdrop-filter:none;-webkit-backdrop-filter:none}.glass-thick{background:var(--surface-raised);backdrop-filter:none;-webkit-backdrop-filter:none}}*{box-sizing:border-box}:root{font-family:var(--font-sans);background:var(--surface-window);color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--site-max: 1180px;--site-gutter: clamp(18px, 4vw, 56px);--header-h: 68px}body.exp-dark{--glass-tint-thin: rgba(28, 28, 31, .46);--glass-tint-medium: rgba(30, 30, 33, .66);--glass-tint-thick: rgba(34, 34, 38, .78);--glass-border: rgba(255, 255, 255, .12);--glass-border-soft: rgba(255, 255, 255, .07);--glass-sheen: linear-gradient(180deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,.02) 18%, rgba(255,255,255,0) 40%);--glass-inner-hi: inset 0 1px 0 0 rgba(255,255,255,.1);--glass-inner-lo: inset 0 -1px 0 0 rgba(0,0,0,.25);--shadow-panel: 0 8px 28px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.05);--shadow-popover: 0 12px 40px rgba(0,0,0,.5), 0 0 0 .5px rgba(0,0,0,.6);--shadow-modal: 0 30px 80px rgba(0,0,0,.62), 0 2px 8px rgba(0,0,0,.4)}html{scroll-behavior:smooth;background:var(--surface-window)}body{margin:0;min-width:320px;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 30rem),linear-gradient(180deg,var(--n-50),var(--n-100) 32rem,var(--n-0))}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.26;background-image:linear-gradient(var(--border-soft) 1px,transparent 1px),linear-gradient(90deg,var(--border-soft) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 10rem,transparent 52rem);mask-image:linear-gradient(to bottom,transparent,black 10rem,transparent 52rem)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}main{overflow:clip}.site-header{position:fixed;z-index:30;top:14px;left:50%;width:min(calc(100% - 28px),var(--site-max));height:var(--header-h);transform:translate(-50%);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:0 16px 0 18px;border-radius:12px;overflow:hidden}.site-header nav{display:flex;justify-content:center;gap:clamp(14px,3vw,34px)}.site-header nav a,.header-action{font-size:var(--t-small);color:var(--text-secondary);transition:color .16s var(--ease-standard),background .16s var(--ease-standard)}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--text-primary)}.brand-lockup{display:inline-flex;align-items:center;gap:10px;min-width:max-content;font-family:var(--font-display);font-size:var(--t-base);font-weight:var(--w-medium);letter-spacing:0}.brand-lockup img{width:28px;height:28px;border-radius:6px;object-fit:cover;box-shadow:var(--glow-lime)}.brand-lockup span span{color:var(--brand-lime)}.header-action,.button,.invite-form button{border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-field);padding:10px 14px}.header-action{color:var(--text-primary);background:var(--accent-subtle);border-color:var(--accent-subtle-2)}.scroll-progress{position:absolute;left:0;right:0;bottom:0;height:2px;transform-origin:left center;background:linear-gradient(90deg,var(--brand-lime),var(--accent))}.hero-section{min-height:100svh;padding:calc(var(--header-h) + 62px) var(--site-gutter) 72px;display:grid;grid-template-columns:minmax(280px,.78fr) minmax(360px,1.22fr);gap:clamp(34px,6vw,92px);align-items:center}.hero-copy{max-width:600px;z-index:2}.hero-copy h1,.section-copy h2,.feature-copy h2,.roadmap-header h2,.testing-section h2,.download-signup h2{margin:0;font-family:var(--font-display);font-weight:var(--w-ultralight);letter-spacing:0;line-height:.96;color:var(--text-primary)}.hero-copy h1{font-size:clamp(54px,8vw,112px);max-width:9.5em}.hero-copy p{margin:26px 0 0;max-width:560px;color:var(--text-secondary);font-size:clamp(17px,2.1vw,22px);line-height:1.44;font-weight:var(--w-light)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.hero-platform{position:absolute;z-index:4;left:clamp(150px,26%,230px);right:auto;bottom:-18px;width:fit-content;min-height:40px;display:grid;grid-template-columns:28px auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:8px 12px 8px 10px;color:var(--text-primary);background:color-mix(in srgb,var(--n-0) 70%,transparent);border:1px solid var(--border-strong);border-radius:8px;box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25)}.hero-platform i{grid-row:1 / 3;display:grid;place-items:center;width:28px;height:28px;color:var(--brand-lime);font-size:23px}.hero-platform span{font-size:var(--t-base);font-weight:var(--w-medium);line-height:1.05}.hero-platform small{color:var(--text-tertiary);font-size:var(--t-small);line-height:1.2}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;font-size:var(--t-base);transition:transform .16s var(--ease-standard),border-color .16s var(--ease-standard),background .16s var(--ease-standard)}.button i{font-size:18px}.button:hover,.button:focus-visible,.invite-form button:hover,.invite-form button:focus-visible{transform:translateY(-1px);border-color:var(--accent)}.button.primary,.invite-form button{color:var(--accent-on);background:var(--accent);border-color:var(--accent)}.button.secondary{color:var(--text-primary)}.hero-stage{position:relative;min-width:0;perspective:1600px}.hero-stage .product-window{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .18s var(--ease-standard)}.product-window{margin:0;overflow:hidden;border-radius:14px;background:var(--n-0);border:1px solid var(--border-strong);box-shadow:var(--shadow-modal)}.product-window.compact{border-radius:10px;box-shadow:var(--shadow-panel)}.window-bar{height:34px;display:flex;align-items:center;gap:8px;padding:0 12px;background:linear-gradient(180deg,var(--n-300),var(--n-150));border-bottom:1px solid var(--hairline)}.traffic{width:11px;height:11px;border-radius:999px;display:inline-block}.traffic.red{background:var(--red)}.traffic.yellow{background:var(--yellow)}.traffic.green{background:var(--green)}.window-title{position:absolute;left:50%;transform:translate(-50%);font-size:var(--t-small);color:var(--text-secondary)}.product-window img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:center}.stage-callout{position:absolute;width:clamp(168px,18vw,236px);padding:14px;border-radius:12px}.stage-callout span,.section-label,.roadmap-status,.guide-time,.guide-index{display:block;font-family:var(--font-condensed);font-size:var(--t-mini);text-transform:uppercase;letter-spacing:var(--tr-caps);color:var(--text-tertiary)}.stage-callout strong{display:block;margin-top:5px;font-size:var(--t-base);font-weight:var(--w-medium);color:var(--text-primary)}.callout-one{left:-28px;bottom:18%}.callout-two{right:8%;top:-28px}.product-story,.workspace-section,.features-section,.a11y-section,.design-language-section,.guide-section,.roadmap-section,.testing-section,.download-signup,.site-footer{width:min(calc(100% - (var(--site-gutter) * 2)),var(--site-max));margin-inline:auto}.product-story{min-height:74svh;display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(28px,7vw,96px);align-items:center;padding:72px 0 92px}.section-copy h2,.feature-copy h2,.roadmap-header h2,.testing-section h2,.download-signup h2{margin-top:10px;font-size:clamp(42px,6vw,82px)}.section-copy p:not(.section-label),.feature-copy p,.roadmap-header p,.testing-section p,.download-signup>div:first-child p,.roadmap-list p{color:var(--text-secondary);line-height:1.55;font-size:clamp(16px,1.8vw,20px);font-weight:var(--w-light)}.section-copy.narrow{max-width:720px}.story-rail{position:relative;min-height:410px}.rail-line{position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--canvas-guide),var(--brand-lime),transparent);box-shadow:0 0 28px color-mix(in srgb,var(--canvas-guide) 32%,transparent)}.rail-pin{position:absolute;padding:9px 12px;border-radius:8px;background:var(--surface-field);border:1px solid var(--hairline);color:var(--text-secondary);font-size:var(--t-small);box-shadow:var(--shadow-2)}.pin-a{left:6%;top:30%}.pin-b{left:44%;top:54%;color:var(--brand-lime)}.pin-c{right:10%;top:22%}.workspace-section{display:grid;grid-template-columns:minmax(280px,.74fr) minmax(420px,1.26fr);gap:clamp(30px,6vw,86px);align-items:center;padding:24px 0 112px}.workspace-copy{max-width:610px}.workspace-points{display:grid;gap:0;margin:30px 0 0;padding:0;list-style:none;border-top:1px solid var(--hairline)}.workspace-points li{display:grid;grid-template-columns:minmax(140px,.48fr) 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--hairline)}.workspace-points strong{color:var(--text-primary);font-size:var(--t-base);font-weight:var(--w-medium)}.workspace-points span{color:var(--text-secondary);font-size:var(--t-small);line-height:1.45}.workspace-visual{margin:0;overflow:hidden;border-radius:16px;padding:clamp(10px,1.5vw,16px);background:radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--brand-lime) 20%,transparent),transparent 22rem),var(--surface-card)}.workspace-visual img{display:block;width:100%;aspect-ratio:1530 / 1045;object-fit:contain;border-radius:10px}.workspace-visual figcaption{margin-top:10px;color:var(--text-tertiary);font-size:var(--t-small);line-height:1.4}.features-section{padding:64px 0 112px}.feature-stage{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:clamp(24px,5vw,54px);align-items:center;border-radius:16px;padding:clamp(18px,3vw,32px)}.feature-preview{position:relative;min-width:0}.feature-lens{position:absolute;width:88px;height:88px;display:grid;place-items:center;border-radius:50%;color:var(--accent-on);background:var(--accent);border:1px solid var(--border-glass);box-shadow:var(--shadow-popover),0 0 34px var(--accent-subtle-2);transition:inset .22s var(--ease-emphasis),transform .22s var(--ease-emphasis)}.feature-lens i{font-size:34px}.feature-lens.canvas{left:46%;top:42%}.feature-lens.components{right:13%;bottom:18%;background:var(--brand-lime);color:var(--brand-ink)}.feature-lens.notes{left:16%;bottom:12%;background:var(--teal)}.detail-line{color:var(--text-primary)!important}.feature-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.feature-tabs button{display:flex;align-items:center;gap:10px;min-height:54px;padding:0 14px;border:1px solid var(--hairline);border-radius:8px;background:var(--surface-card);text-align:left;cursor:pointer}.feature-tabs button i{font-size:21px;color:var(--text-tertiary)}.feature-tabs button.active{background:var(--accent-subtle);border-color:var(--accent-subtle-2)}.feature-tabs button.active i{color:var(--accent)}.a11y-section{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(360px,1.18fr);gap:clamp(28px,7vw,92px);align-items:center;padding:56px 0 112px}.a11y-copy{max-width:610px}.a11y-visual{margin:0;min-width:0}.a11y-visual img{display:block;width:min(100%,760px);margin-left:auto;object-fit:contain;filter:drop-shadow(0 26px 60px rgba(0,0,0,.46))}.design-language-section{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(420px,1.3fr);gap:clamp(30px,7vw,92px);align-items:center;padding:32px 0 116px;border-top:1px solid var(--hairline)}.design-language-gallery{position:relative;min-height:clamp(520px,54vw,690px)}.design-shot{position:absolute;margin:0;overflow:hidden;border:1px solid var(--glass-border);border-radius:18px;background:#00000047;box-shadow:var(--shadow-modal)}.design-shot img{display:block;width:100%;height:auto}.design-shot.settings{inset:3% 0 auto 0;opacity:.88}.design-shot.list{right:7%;bottom:0;width:min(47%,330px);z-index:2}.design-shot.grid{left:3%;bottom:6%;width:min(41%,290px);z-index:3}.guide-section{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr);gap:clamp(28px,7vw,92px);padding:36px 0 112px}.guide-list{display:grid;gap:8px}.guide-row{width:100%;min-height:86px;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:18px;padding:16px 18px;text-align:left;border:1px solid var(--hairline);border-radius:8px;background:var(--surface-card);cursor:pointer;transition:background .16s var(--ease-standard),border-color .16s var(--ease-standard)}.guide-row.open,.guide-row:hover,.guide-row:focus-visible{background:var(--row-hover);border-color:var(--border-strong)}.guide-row{cursor:default}.guide-main strong{display:block;font-size:var(--t-lg);font-weight:var(--w-light)}.guide-main span{display:block;margin-top:6px;color:var(--text-secondary);line-height:1.45}.roadmap-section{padding:74px 0 112px;border-top:1px solid var(--hairline)}.roadmap-header{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(280px,.7fr);gap:clamp(24px,6vw,84px);align-items:end}.roadmap-header p{margin:0}code{font-family:var(--font-mono);color:var(--text-primary);background:var(--surface-field);border:1px solid var(--hairline);border-radius:5px;padding:2px 5px}.roadmap-list{list-style:none;margin:46px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--hairline)}.roadmap-list li{position:relative;min-height:320px;padding:28px 24px 0 0;border-right:1px solid var(--hairline)}.roadmap-list li:before{content:"";position:absolute;top:-6px;left:0;width:11px;height:11px;border-radius:50%;background:var(--text-tertiary);box-shadow:0 0 0 6px var(--surface-window)}.roadmap-list li.shipped:before{background:var(--brand-lime);box-shadow:0 0 0 6px var(--surface-window),var(--glow-lime)}.roadmap-list li.in-progress:before{background:var(--accent)}.roadmap-list li.next:before{background:var(--teal)}.roadmap-list h3{margin:16px 0 0;font-size:var(--t-xl);font-weight:var(--w-light)}.roadmap-list p{font-size:var(--t-base)}.sync-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.sync-panel{min-height:280px;padding:20px;border:1px solid var(--hairline);border-radius:8px;background:var(--surface-card)}.sync-panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.sync-panel-header span,.sync-panel li span{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--t-micro)}.sync-panel h3{margin:24px 0 0;font-size:var(--t-xl);font-weight:var(--w-light);line-height:1.18}.sync-panel p{color:var(--text-secondary);line-height:1.5}.sync-panel ul{display:grid;gap:8px;margin:20px 0 0;padding:0;list-style:none}.sync-panel li{display:grid;grid-template-columns:92px 1fr;gap:12px;color:var(--text-secondary);font-size:var(--t-small)}.download-hero,.download-section,.download-final{width:min(calc(100% - (var(--site-gutter) * 2)),var(--site-max));margin-inline:auto}.download-hero{min-height:100svh;padding:calc(var(--header-h) + 68px) 0 84px;display:grid;grid-template-columns:minmax(280px,.84fr) minmax(360px,1.16fr);gap:clamp(34px,7vw,96px);align-items:center}.download-hero-copy h1,.download-section h2,.download-final h2{margin:0;font-family:var(--font-display);font-weight:var(--w-ultralight);letter-spacing:0;line-height:.96;color:var(--text-primary)}.download-hero-copy h1{max-width:9.8em;font-size:clamp(52px,7.6vw,106px)}.download-hero-copy p,.download-section .section-copy p:not(.section-label),.download-final p{color:var(--text-secondary);line-height:1.55;font-size:clamp(16px,1.8vw,20px);font-weight:var(--w-light)}.download-note{max-width:520px;margin:18px 0 0;color:var(--text-tertiary)!important;font-size:var(--t-small)!important}.download-preview{position:relative}.download-build-card{position:absolute;right:clamp(12px,5vw,52px);bottom:-28px;width:min(280px,72%);padding:15px;border-radius:8px}.download-build-card span,.install-number,.tester-feature-list article span,.issue-card span,.issue-card strong,.report-card dt{display:block;font-family:var(--font-condensed);font-size:var(--t-mini);text-transform:uppercase;letter-spacing:var(--tr-caps);color:var(--text-tertiary)}.download-build-card strong{display:block;margin-top:6px;font-size:var(--t-xl);font-weight:var(--w-light)}.download-build-card small{display:block;margin-top:6px;color:var(--text-secondary);line-height:1.45}.download-signup{display:grid;grid-template-columns:minmax(280px,.92fr) minmax(320px,.78fr);gap:clamp(28px,7vw,86px);align-items:center;margin-bottom:42px;padding:clamp(24px,5vw,52px);border-radius:16px}.download-signup-panel{display:grid;gap:14px}.skip-download{color:var(--text-tertiary);font-size:var(--t-small);text-decoration:underline;text-decoration-color:var(--hairline);text-underline-offset:4px}.skip-download:hover,.skip-download:focus-visible{color:var(--text-primary);text-decoration-color:var(--accent)}.download-section{padding:82px 0;border-top:1px solid var(--hairline)}.install-section{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(340px,1.3fr);gap:clamp(30px,7vw,92px);align-items:start}.install-list{display:grid;gap:8px;margin:0;padding:0;list-style:none;counter-reset:install}.install-list li{display:grid;grid-template-columns:42px 42px 1fr;gap:16px;align-items:start;padding:18px;border:1px solid var(--hairline);border-radius:8px;background:var(--surface-card)}.install-list i{display:grid;place-items:center;width:42px;height:42px;color:var(--brand-lime);font-size:24px;background:color-mix(in srgb,var(--brand-lime) 11%,transparent);border:1px solid color-mix(in srgb,var(--brand-lime) 18%,transparent);border-radius:8px}.install-list h3,.expectation-card h3,.report-card h3,.tester-feature-list h3,.issue-card h3{margin:0;color:var(--text-primary);font-size:var(--t-xl);font-weight:var(--w-light);line-height:1.18}.install-list p,.expectation-card p,.report-card p,.report-card dd,.tester-feature-list p,.issue-card p{margin:8px 0 0;color:var(--text-secondary);font-size:var(--t-base);line-height:1.5}.expectations-section{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:clamp(28px,6vw,84px);align-items:start}.expectation-grid{display:grid;gap:10px}.expectation-card,.report-card,.tester-feature-list article,.issue-card{border:1px solid var(--hairline);border-radius:8px;background:var(--surface-card)}.expectation-card{padding:20px}.reporting-section{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(360px,1.22fr);gap:clamp(28px,6vw,84px);padding:clamp(24px,5vw,52px);border-top:0;border-radius:16px}.reporting-section strong{color:var(--text-primary);font-weight:var(--w-medium)}.report-panels{display:grid;gap:12px}.report-card{padding:20px;background:color-mix(in srgb,var(--surface-card) 68%,transparent)}.report-card dl{display:grid;gap:12px;margin:18px 0 0}.report-card dl div{display:grid;grid-template-columns:96px 1fr;gap:14px;padding-top:12px;border-top:1px solid var(--hairline)}.report-card dt{color:var(--brand-lime)}.report-card dd{margin:0}.report-card ul{display:grid;gap:7px;margin:18px 0 0;padding:0;list-style:none}.report-card li{position:relative;padding-left:18px;color:var(--text-secondary);font-size:var(--t-small);line-height:1.45}.report-card li:before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--teal)}.tester-features{padding-top:94px}.tester-feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:34px}.tester-feature-list article{min-height:218px;padding:18px}.tester-feature-list article.done span{color:var(--brand-lime)}.tester-feature-list article.in-progress span{color:var(--accent)}.tester-feature-list article.done-refinements-planned span{color:var(--brand-lime)}.tester-feature-list small{display:block;margin-top:18px;color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--t-micro);line-height:1.4}.known-issues{display:grid;grid-template-columns:minmax(280px,.74fr) minmax(360px,1.26fr);gap:clamp(28px,6vw,84px);align-items:start}.issue-list{display:grid;gap:10px}.issue-card{padding:18px}.issue-card div{display:flex;align-items:center;gap:10px;margin-bottom:14px}.issue-card strong{color:var(--orange)}.download-final{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:74px;padding:clamp(24px,5vw,52px);border-radius:16px}.download-final h2{max-width:780px;font-size:clamp(38px,5.2vw,72px)}.testing-section{display:grid;grid-template-columns:minmax(280px,1fr) minmax(300px,.75fr);gap:clamp(28px,7vw,86px);align-items:center;margin-bottom:74px;padding:clamp(24px,5vw,52px);border-radius:16px}.testing-actions{display:grid;gap:10px}.invite-form{display:grid;gap:12px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.signup-trap{display:none}.invite-form label{color:var(--text-secondary);font-size:var(--t-small)}.invite-form div{display:flex;gap:8px}.invite-form input{min-width:0;flex:1;height:46px;color:var(--text-primary);background:var(--surface-field);border:1px solid var(--hairline);border-radius:8px;padding:0 13px}.invite-form input:focus{outline:none;border-color:var(--accent);box-shadow:var(--glow-accent)}.invite-form button:disabled,.invite-form input:disabled{cursor:wait;opacity:.7}.invite-form p{margin:0;font-size:var(--t-small);color:var(--text-tertiary)}.form-message.success{color:var(--brand-lime)}.form-message.error{color:var(--red)}.site-footer{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--hairline);color:var(--text-tertiary)}.site-footer p{margin:0;font-size:var(--t-small)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:920px){.site-header{grid-template-columns:auto auto}.site-header nav{display:none}.hero-section,.download-hero,.product-story,.workspace-section,.feature-stage,.a11y-section,.design-language-section,.guide-section,.roadmap-header,.testing-section,.download-signup,.install-section,.expectations-section,.reporting-section,.known-issues{grid-template-columns:1fr}.hero-section{padding-top:calc(var(--header-h) + 48px)}.hero-copy h1{font-size:clamp(48px,15vw,76px)}.callout-one,.callout-two{display:none}.feature-tabs,.roadmap-list,.sync-panels,.tester-feature-list{grid-template-columns:1fr}.a11y-visual img{width:min(100%,620px);margin-inline:auto}.design-language-gallery{min-height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}.design-shot,.design-shot.settings,.design-shot.list,.design-shot.grid{position:relative;inset:auto;width:auto}.design-shot.settings{grid-column:1 / -1}.roadmap-list li{min-height:auto;padding:28px 0 28px 28px;border-right:0;border-left:1px solid var(--hairline)}.roadmap-list li:before{left:-6px}.story-rail{min-height:260px}.workspace-section{padding-top:12px}.download-hero{padding-top:calc(var(--header-h) + 54px)}.download-hero-copy h1{font-size:clamp(48px,13vw,76px)}.download-build-card{position:relative;right:auto;bottom:auto;width:100%;margin-top:12px}.download-final{flex-direction:column;align-items:stretch}}@media(max-width:620px){:root{--header-h: 58px}.site-header{top:8px;width:calc(100% - 16px);padding:0 10px 0 12px;gap:10px}.brand-lockup>span{display:none}.header-action{padding:9px 10px}.hero-actions,.invite-form div,.site-footer{flex-direction:column;align-items:stretch}.design-language-gallery{grid-template-columns:1fr}.product-window{border-radius:10px}.window-bar{height:28px}.window-title{display:none}.feature-lens{width:64px;height:64px}.workspace-points li{grid-template-columns:1fr;gap:6px}.workspace-visual{width:calc(100% + 20px);margin-left:-10px;border-radius:10px;padding:8px}.guide-row{grid-template-columns:32px 1fr}.guide-time{grid-column:2}.install-list li{grid-template-columns:32px 1fr}.install-list i{grid-column:1;grid-row:2;width:32px;height:32px;font-size:18px}.install-list li>div{grid-column:2;grid-row:1 / span 2}.report-card dl div{grid-template-columns:1fr;gap:5px}}.site-header{overflow:visible}.scroll-progress{border-radius:0 0 12px 12px}.header-cta{display:flex;align-items:center;gap:10px;justify-self:end}.version-pill{display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.05;padding:5px 10px;border-radius:8px;border:1px solid var(--border-strong);background:color-mix(in srgb,var(--n-0) 70%,transparent);text-decoration:none;white-space:nowrap}.version-pill:hover,.version-pill:focus-visible{border-color:var(--brand-lime)}.version-num{font-size:var(--t-small);font-weight:var(--w-medium);color:var(--brand-lime)}.version-date{font-size:.62rem;letter-spacing:.02em;color:var(--text-tertiary)}.nav-dropdown{position:relative;display:inline-flex}.nav-dropdown-trigger{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:none;cursor:pointer;font:inherit;font-size:var(--t-small);color:var(--text-secondary);transition:color .16s var(--ease-standard)}.nav-dropdown-trigger:hover,.nav-dropdown.open .nav-dropdown-trigger,.nav-dropdown-trigger:focus-visible{color:var(--text-primary)}.nav-dropdown-trigger i{font-size:.8em;transition:transform .16s var(--ease-standard)}.nav-dropdown.open .nav-dropdown-trigger i{transform:rotate(180deg)}.nav-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:12px;min-width:190px;display:none;flex-direction:column;gap:2px;padding:8px;border-radius:12px;border:1px solid var(--border-strong);background:color-mix(in srgb,var(--n-0) 88%,transparent);box-shadow:var(--shadow-modal);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);z-index:40}.nav-dropdown.open .nav-menu{display:flex}.nav-menu a{padding:8px 10px;border-radius:7px;font-size:var(--t-small);color:var(--text-secondary);text-decoration:none;transition:background .14s var(--ease-standard),color .14s var(--ease-standard)}.nav-menu a:hover,.nav-menu a:focus-visible{background:var(--accent-subtle);color:var(--text-primary)}.workspace-visual.bleed{padding:0;background:none;box-shadow:none;border-radius:14px;overflow:hidden}.workspace-visual.bleed img{aspect-ratio:auto;object-fit:cover;border-radius:12px}@media(min-width:921px){.workspace-visual.bleed{width:calc(50% + 50vw);margin-right:calc(-1*(50vw - 50%));border-radius:14px 0 0 14px}.workspace-visual.bleed img{width:90%;max-width:none;border-radius:12px 0 0 12px}}.design-shot{border:none}.roadmap-more{display:inline-flex;align-items:center;gap:8px;margin-top:26px;font-size:var(--t-small);font-weight:var(--w-medium);color:var(--text-brand);text-decoration:none;transition:gap .16s var(--ease-standard),color .16s var(--ease-standard)}.roadmap-more:hover,.roadmap-more:focus-visible{gap:12px;color:var(--brand-lime)}.learn-hero{width:min(calc(100% - (var(--site-gutter) * 2)),var(--site-max));margin-inline:auto;padding:calc(var(--header-h) + 60px) 0 20px}.learn-hero h1{max-width:16ch}.learn-videos{width:min(calc(100% - (var(--site-gutter) * 2)),var(--site-max));margin-inline:auto;padding:24px 0 64px}.learn-empty{margin:0 0 24px;color:var(--text-secondary);font-size:var(--t-small)}.learn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.video-card{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;border:1px solid var(--hairline);background:var(--surface-card);text-decoration:none;transition:transform .18s var(--ease-standard),border-color .18s var(--ease-standard)}.video-card:hover{transform:translateY(-3px);border-color:var(--border-strong)}.video-card.pending{opacity:.6;pointer-events:none}.video-thumb{position:relative;display:block;aspect-ratio:16 / 9;background:var(--brand-ink);overflow:hidden}.video-thumb img{width:100%;height:100%;object-fit:cover;display:block}.video-thumb-empty{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--brand-lime) 18%,transparent),transparent 60%)}.video-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:34px;text-shadow:0 2px 10px rgba(0,0,0,.5);opacity:.92}.video-duration{position:absolute;right:8px;bottom:8px;padding:2px 6px;border-radius:5px;font-size:.66rem;color:#fff;background:#000000a8}.video-meta{display:flex;flex-direction:column;gap:6px;padding:14px 16px 18px}.video-tag{align-self:flex-start;padding:2px 8px;border-radius:999px;font-size:.64rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-brand);background:color-mix(in srgb,var(--brand-lime) 14%,transparent)}.video-meta strong{color:var(--text-primary);font-size:var(--t-base);font-weight:var(--w-medium)}.video-meta>span:last-child{color:var(--text-secondary);font-size:var(--t-small);line-height:1.45}