: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{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}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;font-size:var(--t-base);transition:transform .16s var(--ease-standard),border-color .16s var(--ease-standard),background .16s var(--ease-standard)}.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,.features-section,.guide-section,.roadmap-section,.testing-section,.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{margin-top:10px;font-size:clamp(42px,6vw,82px)}.section-copy p:not(.section-label),.feature-copy p,.roadmap-header p,.testing-section 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%}.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)}.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)}.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}.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,.product-story,.feature-stage,.guide-section,.roadmap-header,.testing-section{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{grid-template-columns:1fr}.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}}@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}.product-window{border-radius:10px}.window-bar{height:28px}.window-title{display:none}.feature-lens{width:64px;height:64px}.guide-row{grid-template-columns:32px 1fr}.guide-time{grid-column:2}}