:root{color-scheme:light;--brand-bg: #f4f6f1;--brand-surface: #fcfdfb;--brand-surface-2: #ecefe8;--brand-ink: #1e2d26;--brand-ink-soft: #56695e;--brand-line: #d8dfd3;--brand-line-soft: #e6ebe1;--brand-accent: #ce4a2f;--brand-accent-hover: #b03d25;--brand-accent-soft: #f3ddd6;--brand-accent-ink: #fff8f5;--brand-accent-rgb: 206, 74, 47;--brand-route: #9dae9f;--brand-ok: #3d7a4e;--brand-ok-soft: #dfeee2;--brand-warn: #a9621a;--brand-warn-soft: #f6e6d3;--brand-danger: #a82d1b;--brand-danger-soft: #f6dcd7;--brand-code-bg: #24322b;--brand-code-ink: #dce6dc;--brand-code-accent: #f0a18b;--brand-font-display: Bricolage Grotesque, Instrument Sans, Helvetica Neue, Arial, sans-serif;--brand-font-sans: Instrument Sans, system-ui, -apple-system, Segoe UI, Helvetica, Arial, sans-serif;--brand-font-mono: IBM Plex Mono, ui-monospace, SFMono-Regular, Menlo, monospace;--brand-radius-sm: 6px;--brand-radius: 10px;--brand-radius-lg: 12px;--brand-shadow: 0 18px 40px -20px rgba(30, 45, 38, 0.35);--brand-shadow-sm: 0 1px 2px rgba(30, 45, 38, 0.07)}@media(prefers-color-scheme: dark){:root{color-scheme:dark;--brand-bg: #131e19;--brand-surface: #1b2822;--brand-surface-2: #22312a;--brand-ink: #e4ebe2;--brand-ink-soft: #93a697;--brand-line: #2c3b33;--brand-line-soft: #243129;--brand-accent: #e5674b;--brand-accent-hover: #f18063;--brand-accent-soft: #45241b;--brand-accent-ink: #2a120b;--brand-accent-rgb: 229, 103, 75;--brand-route: #46584d;--brand-ok: #6fb584;--brand-ok-soft: #1d3325;--brand-warn: #dfa45f;--brand-warn-soft: #38291a;--brand-danger: #ef7360;--brand-danger-soft: #3b1d18;--brand-code-bg: #0e1713;--brand-code-ink: #c9d6c9;--brand-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.6);--brand-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35)}}.pin-mark{display:block;flex:none;position:relative;width:var(--pin-mark-size, 22px);height:var(--pin-mark-size, 22px);background:var(--brand-accent);border-radius:50% 50% 50% 0;transform:rotate(-45deg)}.pin-mark::after{content:"";position:absolute;inset:calc(var(--pin-mark-size, 22px)*.27);background:var(--brand-accent-ink);border-radius:50%}.pin-mark-sm{--pin-mark-size: 18px}.btn-pin-primary:has(.pin-mark),.btn-primary:has(.pin-mark){display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-pin-primary:has(.pin-mark) .pin-mark,.btn-primary:has(.pin-mark) .pin-mark{--pin-mark-size: 14px;background:currentColor;top:calc(var(--pin-mark-size)*-0.1)}.btn-pin-primary:has(.pin-mark) .pin-mark::after,.btn-primary:has(.pin-mark) .pin-mark::after{background:var(--brand-accent)}.btn-pin-primary:has(.pin-mark):hover .pin-mark::after,.btn-primary:has(.pin-mark):hover .pin-mark::after{background:var(--brand-accent-hover)}.btn-pin-small .pin-mark{--pin-mark-size: 12px}.landing,.landing *{box-sizing:border-box}@media(prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}body{margin:0;background:var(--brand-bg);color:var(--brand-ink);font-family:var(--brand-font-sans);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased}.wrap{max-width:1060px;margin:0 auto;padding:0 24px}.landing h1,.landing h2,.landing h3{font-family:var(--brand-font-display);line-height:1.08;margin:0;text-wrap:balance}.landing p{margin:0}.landing a{color:inherit}.landing a:focus-visible,.landing button:focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px;border-radius:2px}.eyebrow{font-family:var(--brand-font-mono);font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--brand-accent)}.btn-pin{display:inline-flex;align-items:center;gap:8px;font-family:var(--brand-font-sans);font-weight:600;font-size:.95rem;line-height:1;border-radius:var(--brand-radius-sm);padding:14px 24px;text-decoration:none;border:1px solid rgba(0,0,0,0)}.btn-pin-primary{background:var(--brand-accent);color:var(--brand-accent-ink)}.btn-pin-primary:hover{background:var(--brand-accent-hover);color:var(--brand-accent-ink)}.btn-pin-ghost{border-color:var(--brand-line);background:var(--brand-surface);color:var(--brand-ink)}.btn-pin-ghost:hover{background:var(--brand-surface-2);border-color:var(--brand-accent);color:var(--brand-accent)}.btn-pin-small{padding:9px 16px;font-size:.85rem}.cta-row{display:flex;flex-wrap:wrap;gap:12px}.cta-row-spaced{margin-top:26px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0 0}.brand{display:flex;align-items:center;gap:10px;font-family:var(--brand-font-display);font-weight:600;font-size:1.05rem;letter-spacing:-0.01em}.hero{display:grid;grid-template-columns:minmax(0, 6fr) minmax(0, 5fr);gap:56px;align-items:center;padding:72px 0 88px}.hero h1{font-size:clamp(2.5rem,5.4vw,3.9rem);font-weight:700;letter-spacing:-0.025em;margin:14px 0 20px}.hero h1 em{font-style:italic;color:var(--brand-accent);filter:blur(0.018em)}.hero .sub{color:var(--brand-ink-soft);max-width:48ch;margin-bottom:30px}.sec{padding:0 0 84px}.sec h2{font-size:clamp(1.7rem,3.2vw,2.3rem);font-weight:700;letter-spacing:-0.02em;margin:10px 0 8px}.sec .lede{color:var(--brand-ink-soft);max-width:58ch}.sec .lede+.lede{margin-top:14px}.snippet{background:var(--brand-code-bg);color:var(--brand-code-ink);border-radius:var(--brand-radius);padding:16px 18px;overflow-x:auto;box-shadow:var(--brand-shadow);max-width:660px;margin-top:28px}.snippet code{font-family:var(--brand-font-mono);font-size:.82rem;white-space:pre-wrap;overflow-wrap:anywhere}.snippet .k{color:var(--brand-code-accent)}.snippet-caption{font-size:.92rem;color:var(--brand-ink-soft);margin-top:14px;max-width:60ch}.scene{position:relative;min-height:450px}.route-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.route-line{fill:none;stroke:var(--brand-route);stroke-width:2;stroke-dasharray:7 8;animation:flow 14s linear infinite}@keyframes flow{to{stroke-dashoffset:-300}}.route-spark{fill:none;stroke:var(--brand-accent);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:18 800;stroke-dashoffset:18;opacity:0}.scene.is-routing .route-spark{animation:spark 1s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes spark{0%{opacity:0;stroke-dashoffset:18}15%{opacity:1}80%{opacity:1}100%{opacity:0;stroke-dashoffset:-260}}.browser{position:relative;width:min(82%,340px);background:var(--brand-surface);border:1px solid var(--brand-line);border-radius:var(--brand-radius-lg);box-shadow:var(--brand-shadow);overflow:visible}.browser-bar{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--brand-line)}.dot{width:9px;height:9px;border-radius:50%;background:var(--brand-line)}.url{font-family:var(--brand-font-mono);font-size:.66rem;color:var(--brand-ink-soft);background:var(--brand-surface-2);border-radius:999px;padding:3px 12px;margin-left:8px}.browser-body{position:relative;padding:18px 18px 24px}.bar{height:10px;border-radius:999px;background:var(--brand-surface-2);margin-bottom:10px}.bar.w60{width:60%}.bar.w85{width:85%}.bar.w40{width:40%}.block{height:58px;border-radius:var(--brand-radius-sm);background:var(--brand-surface-2);margin-top:16px}.browser-body{cursor:crosshair}.pin-stage{--pin-size: 20px;--cy: 16px;position:absolute;left:var(--px);top:var(--py);width:0;height:0}.stage-pin{position:absolute;left:calc(var(--pin-size)/-2);top:calc(var(--pin-size)*-1.207);width:var(--pin-size);height:var(--pin-size);--pin-mark-size: var(--pin-size);opacity:0;transform:scale(0.4);transition:opacity .25s ease,transform .25s ease}.pin-stage.is-live .stage-pin{opacity:1;transform:none}.pin-stage.is-settled .stage-pin{opacity:.62}.scene.is-clearing .stage-pin{opacity:0;transform:translateY(-8px) scale(0.6)}.pin-stage.is-landing .stage-pin{animation:pin-drop .5s cubic-bezier(0.3, 1.4, 0.5, 1)}@keyframes pin-drop{0%{opacity:0;transform:translateY(-26px) scale(0.5)}55%{opacity:1;transform:translateY(2px) scale(1.14)}78%{transform:translateY(0) scale(0.93)}100%{transform:none}}.stage-pin::before{content:"";position:absolute;inset:-5px;border:2px solid var(--brand-accent);border-radius:50%;opacity:0}.pin-stage.is-landing .stage-pin::before{animation:pin-ring .65s ease-out .16s}.pin-stage.is-settled .stage-pin::before{animation:pin-ring .6s ease-out}@keyframes pin-ring{0%{opacity:.8;transform:scale(0.7)}100%{opacity:0;transform:scale(2.4)}}.composer{position:absolute;left:var(--cx);top:var(--cy);width:220px;padding:9px;background:var(--brand-surface);border:1px solid var(--brand-line);border-radius:var(--brand-radius);box-shadow:var(--brand-shadow);transform-origin:calc(-1*var(--cx)) calc(-1*var(--cy));transform:scale(0.34);opacity:0;visibility:hidden;transition:transform .24s ease-in,opacity .16s ease,visibility 0s .24s}.pin-stage.is-open .composer{transform:none;opacity:1;visibility:visible;transition:transform .34s cubic-bezier(0.34, 1.5, 0.64, 1),opacity .18s ease,visibility 0s}.composer-shot{position:relative;height:46px;padding:8px 9px;overflow:hidden;border:1px solid var(--brand-line-soft);border-radius:var(--brand-radius-sm);background:var(--brand-surface-2)}.shot-bar{display:block;height:4px;margin-bottom:4px;border-radius:999px;background:var(--brand-line)}.shot-bar.w60{width:60%}.shot-bar.w85{width:85%}.shot-bar.w40{width:40%}.shot-block{position:absolute;right:9px;bottom:8px;width:38px;height:15px;border-radius:3px;background:var(--brand-accent-soft)}.composer-shot::after{content:"";position:absolute;inset:0;background:var(--brand-surface);opacity:0}.pin-stage.is-open .composer-shot::after{animation:capture .5s ease-out}@keyframes capture{0%{opacity:.95}100%{opacity:0}}.composer-field{min-height:40px;margin-top:7px;padding:6px 8px;border:1px solid var(--brand-line);border-radius:var(--brand-radius-sm);background:var(--brand-bg);font-size:.72rem;line-height:1.45}.composer-text:empty::before{content:"Describe the issue or feedback...";color:var(--brand-ink-soft)}.composer-caret{display:inline-block;width:1.5px;height:.85em;margin-left:1px;vertical-align:-1px;background:var(--brand-accent);animation:caret 1.05s steps(1) infinite}.pin-stage.is-typing .composer-caret{animation:none;opacity:1}@keyframes caret{50%{opacity:0}}.composer-actions{display:flex;gap:6px;margin-top:8px}.composer-btn{border-radius:var(--brand-radius-sm);padding:4px 11px;font-size:.68rem;font-weight:600;line-height:1.35}.composer-btn-save{position:relative;background:var(--brand-accent);color:var(--brand-accent-ink);transition:transform .12s ease}.composer-btn-ghost{border:1px solid var(--brand-line);color:var(--brand-ink-soft)}.pin-stage.is-pressed .composer-btn-save{transform:scale(0.8)}.composer-btn-save::after{content:"";position:absolute;inset:-1px;border:2px solid var(--brand-accent);border-radius:inherit;opacity:0}.pin-stage.is-pressed .composer-btn-save::after{animation:press-ring .55s ease-out}@keyframes press-ring{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.75)}}.scene-cursor{position:absolute;left:0;top:0;z-index:4;width:13px;height:19px;opacity:0;pointer-events:none;transform:translate3d(var(--cur-x, 40px), var(--cur-y, 30px), 0) scale(var(--cur-scale, 1));transition:transform .52s cubic-bezier(0.4, 0, 0.2, 1),opacity .2s ease}.scene-cursor.is-on{opacity:1}.scene-cursor.is-pressing{--cur-scale: .78;transition-duration:.1s,.2s}.scene-cursor svg{display:block;fill:var(--brand-ink);stroke:var(--brand-surface);stroke-width:1.3}.scene-cursor::after{content:"";position:absolute;left:-5px;top:-5px;width:22px;height:22px;border:2px solid var(--brand-accent);border-radius:50%;opacity:0}.scene-cursor.is-tapping::after{animation:tap-ring .55s ease-out}@keyframes tap-ring{0%{opacity:.85;transform:scale(0.4)}100%{opacity:0;transform:scale(1.5)}}.issue{position:absolute;right:0;bottom:12px;width:min(78%,300px);background:var(--brand-surface);border:1px solid var(--brand-line);border-radius:var(--brand-radius-lg);padding:14px 16px;box-shadow:var(--brand-shadow)}.issue{transition:transform .3s ease,border-color .3s ease}.issue.is-updating{transform:translateY(-4px);border-color:var(--brand-accent)}.issue-head{display:flex;align-items:center;gap:9px;font-weight:600;font-size:.9rem;transition:opacity .18s ease}.issue.is-swapping .issue-head{opacity:.15}.issue-dot{flex:none;width:13px;height:13px;border:2px solid var(--brand-ok);border-radius:50%;position:relative}.issue-dot::after{content:"";position:absolute;inset:2.5px;background:var(--brand-ok);border-radius:50%}.issue-head .num{color:var(--brand-ink-soft);font-weight:400}.issue-meta{display:flex;gap:8px;margin-top:9px;font-family:var(--brand-font-mono);font-size:.64rem}.chip{border:1px solid var(--brand-line);border-radius:999px;padding:2px 10px;color:var(--brand-ink-soft)}.chip.hot{border-color:rgba(0,0,0,0);background:var(--brand-accent-soft);color:var(--brand-accent)}.stations{position:relative;display:grid;grid-template-columns:repeat(3, 1fr);gap:40px;margin-top:48px}.stations::before{content:"";position:absolute;top:19px;left:44px;right:30%;border-top:2px dashed var(--brand-route)}.station{position:relative}.station-pin{position:relative;z-index:1;width:40px;height:40px;background:var(--brand-accent);border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px -6px rgba(30,45,38,.5)}.station-pin span{transform:rotate(45deg);font-family:var(--brand-font-display);font-weight:700;font-size:1rem;color:var(--brand-accent-ink)}.station h3{font-size:1.25rem;font-weight:600;letter-spacing:-0.01em;margin:20px 0 8px}.station p{font-size:.95rem;color:var(--brand-ink-soft)}.details-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:18px;margin-top:40px}.card-pin{background:var(--brand-surface);border:1px solid var(--brand-line);border-radius:var(--brand-radius-lg);padding:22px 22px 24px}.card-pin h3{font-size:1.02rem;font-weight:600;margin-bottom:8px}.card-pin p{font-size:.9rem;color:var(--brand-ink-soft)}.landing footer{border-top:1px solid var(--brand-line);padding:28px 0 44px}.foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;font-size:.85rem;color:var(--brand-ink-soft)}.foot a{color:var(--brand-ink-soft)}.foot a:hover{color:var(--brand-accent)}@media(max-width: 880px){.hero{grid-template-columns:1fr;gap:72px;padding:56px 0 72px}.scene{max-width:480px}.stations{grid-template-columns:1fr;gap:36px}.stations::before{top:20px;bottom:20px;left:19px;right:auto;border-top:none;border-left:2px dashed var(--brand-route)}.station{padding-left:64px}.station-pin{position:absolute;left:0;top:0}.station h3{margin-top:8px}.details-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion: reduce){.route-line,.scene.is-routing .route-spark,.pin-stage.is-landing .stage-pin,.pin-stage.is-landing .stage-pin::before,.pin-stage.is-settled .stage-pin::before,.pin-stage.is-open .composer-shot::after,.composer-caret,.scene-cursor.is-tapping::after{animation:none}.scene *,.scene *::before,.scene *::after{transition:none}}@media(max-width: 460px){.composer{width:190px}.composer-shot{height:40px}.composer-field{min-height:34px}}