:root{color-scheme:light dark;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.75rem;--leading-tight: 1.15;--leading-snug: 1.35;--leading-normal: 1.6;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--space-9: 4rem;--space-10: 6rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 999px;--measure: 34rem;--page-max: 60rem;--dur-fast: .12s;--dur-base: .2s;--dur-slow: .38s;--ease: cubic-bezier(.2, 0, 0, 1);--z-overlay: 10;--z-hud: 20;--z-modal: 30;--capture-ground: #05070b;--capture-ground-ink: #f4f6fa;--capture-ground-ink-muted: #a6b0c0;--surface-page: #f5f6f9;--surface-card: #ffffff;--surface-sunken: #eceff4;--surface-inverse: #0f1319;--ink-strong: #0c1017;--ink: #212a37;--ink-muted: #586374;--ink-faint: #8590a1;--ink-inverse: #f4f6fa;--line: #dde2ea;--line-strong: #c2cad7;--accent: #1f6feb;--accent-hover: #1a5fcc;--accent-active: #164fab;--accent-soft: #e6efff;--accent-ink: #ffffff;--state-pass: #12764a;--state-pass-soft: #e0f4ea;--state-fail: #b4232c;--state-fail-soft: #fce9ea;--state-warn: #8a5a00;--state-warn-soft: #fdf1d9;--state-neutral: #586374;--state-neutral-soft: #eceff4;--shadow-sm: 0 1px 2px rgb(12 16 23 / 6%), 0 1px 1px rgb(12 16 23 / 4%);--shadow-md: 0 4px 16px rgb(12 16 23 / 8%), 0 1px 3px rgb(12 16 23 / 5%);--shadow-lg: 0 18px 48px rgb(12 16 23 / 12%), 0 2px 8px rgb(12 16 23 / 6%);--focus-ring: 0 0 0 2px var(--surface-page), 0 0 0 4px var(--accent)}@media(prefers-color-scheme:dark){:root{--surface-page: #0b0e14;--surface-card: #141922;--surface-sunken: #070910;--surface-inverse: #f4f6fa;--ink-strong: #f3f6fb;--ink: #dbe2ed;--ink-muted: #98a3b5;--ink-faint: #6b7688;--ink-inverse: #0c1017;--line: #232a37;--line-strong: #37414f;--accent: #5391fb;--accent-hover: #6ba1fc;--accent-active: #82b0fd;--accent-soft: #16233a;--accent-ink: #06101f;--state-pass: #4bd08a;--state-pass-soft: #10281d;--state-fail: #ff7b83;--state-fail-soft: #2c1417;--state-warn: #e3ad4a;--state-warn-soft: #2a2110;--state-neutral: #98a3b5;--state-neutral-soft: #1a2029;--shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);--shadow-md: 0 6px 20px rgb(0 0 0 / 45%);--shadow-lg: 0 22px 56px rgb(0 0 0 / 55%)}}*,*:before,*:after{box-sizing:border-box}*{margin:0}[hidden][hidden]{display:none}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;background:var(--surface-page);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}#root{min-height:100dvh;isolation:isolate}h1,h2,h3,h4{color:var(--ink-strong);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:-.015em;text-wrap:balance}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-md)}p{text-wrap:pretty}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--accent-hover)}img,svg,video,canvas{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}code,kbd,samp{font-family:var(--font-mono);font-size:.9em}ul,ol{padding-inline-start:var(--space-5)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}::selection{background:var(--accent);color:var(--accent-ink)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;white-space:nowrap;border:0;clip-path:inset(50%)}.skip-link{position:absolute;top:var(--space-2);left:var(--space-2);z-index:var(--z-modal);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--surface-card);box-shadow:var(--shadow-md);font-weight:var(--weight-medium);transform:translateY(calc(-100% - var(--space-4)));transition:transform var(--dur-fast) var(--ease)}.skip-link:focus-visible{transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:2.875rem;padding:var(--space-3) var(--space-5);border:1px solid transparent;border-radius:var(--radius-md);background:var(--accent);color:var(--accent-ink);font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.button:hover:not(:disabled){background:var(--accent-hover);color:var(--accent-ink)}.button:active:not(:disabled){background:var(--accent-active)}.button:disabled{opacity:.5;cursor:not-allowed}.button svg{flex:none}.button--secondary{background:var(--surface-card);border-color:var(--line-strong);color:var(--ink-strong)}.button--secondary:hover:not(:disabled){background:var(--surface-sunken);border-color:var(--ink-faint);color:var(--ink-strong)}.button--secondary:active:not(:disabled){background:var(--surface-sunken)}.button--quiet{background:transparent;color:var(--ink-muted);padding-inline:var(--space-3)}.button--quiet:hover:not(:disabled){background:var(--surface-sunken);color:var(--ink-strong)}.button--block{width:100%}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--state-neutral-soft);color:var(--state-neutral);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.badge--pass{background:var(--state-pass-soft);color:var(--state-pass)}.badge--fail{background:var(--state-fail-soft);color:var(--state-fail)}.badge--warn{background:var(--state-warn-soft);color:var(--state-warn)}.badge--accent{background:var(--accent-soft);color:var(--accent)}.spinner{flex:none;width:1.125rem;height:1.125rem;box-sizing:border-box;border:2px solid currentcolor;border-top-color:transparent;border-radius:var(--radius-full);opacity:.75;animation:spinner-turn .7s linear infinite}@keyframes spinner-turn{to{transform:rotate(1turn)}}.app-shell{display:grid;grid-template-rows:auto 1fr auto;min-height:100dvh;padding-inline:max(var(--space-4),env(safe-area-inset-left),env(safe-area-inset-right))}.app-shell--bleed{grid-template-rows:1fr;padding-inline:0;background:var(--capture-ground);color:var(--capture-ground-ink)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:min(100%,var(--page-max));margin-inline:auto;padding-block:max(var(--space-4),env(safe-area-inset-top)) var(--space-4)}.app-wordmark{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--ink-strong);font-weight:var(--weight-semibold);letter-spacing:-.01em;text-decoration:none}.app-wordmark:hover{color:var(--ink-strong)}.app-wordmark span{font-size:var(--text-base)}.app-main{width:min(100%,var(--page-max));margin-inline:auto;padding-block:var(--space-5) var(--space-8)}.app-main--wide{--page-max: 76rem}.app-footer{width:min(100%,var(--page-max));margin-inline:auto;padding-block:var(--space-5) max(var(--space-5),env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--ink-faint);font-size:var(--text-xs)}.card{padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-sm)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack--tight{gap:var(--space-2)}.stack--loose{gap:var(--space-6)}.row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.lede{max-width:var(--measure);color:var(--ink-muted);font-size:var(--text-md);line-height:var(--leading-snug)}.eyebrow{color:var(--ink-faint);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.09em;text-transform:uppercase}.hero{display:flex;flex-direction:column;gap:var(--space-5);padding-block:var(--space-6) var(--space-7)}.hero h1{max-width:18ch;font-size:var(--text-3xl)}.hero--compact{gap:var(--space-3);padding-block:var(--space-4) var(--space-3)}.hero--compact h1{max-width:24ch;font-size:var(--text-2xl)}.hero--compact .lede{max-width:62ch;font-size:var(--text-sm)}@media(max-width:34rem){.hero h1{font-size:var(--text-2xl)}}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);padding-top:var(--space-1)}.hero-actions .button{flex:1 1 15rem}.steps{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin:0;padding:0;list-style:none;counter-reset:step}.steps li{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-card);counter-increment:step}.steps li:before{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent);content:counter(step);font-size:var(--text-sm);font-weight:var(--weight-bold)}.steps h3{font-size:var(--text-base)}.steps p{color:var(--ink-muted);font-size:var(--text-sm)}.notice{display:flex;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--ink-muted);font-size:var(--text-sm)}.notice svg{flex:none;margin-top:.1em;color:var(--ink-faint)}.notice--warn{border-color:color-mix(in srgb,var(--state-warn) 35%,transparent);background:var(--state-warn-soft);color:var(--state-warn)}.notice--warn svg{color:currentcolor}.notice--fail{border-color:color-mix(in srgb,var(--state-fail) 35%,transparent);background:var(--state-fail-soft);color:var(--state-fail)}.notice--fail svg{color:currentcolor}.notice strong{color:inherit;font-weight:var(--weight-semibold)}.pending{display:flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:12rem;color:var(--ink-muted);font-size:var(--text-sm)}.pending--bleed{min-height:100dvh;background:var(--capture-ground);color:var(--capture-ground-ink-muted)}.route-error{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding-block:var(--space-8)}.contents{display:contents}.handoff-lead{display:grid;gap:var(--space-5);align-items:start}@media(min-width:62rem){.handoff-lead{grid-template-columns:minmax(0,1fr) minmax(0,28rem);gap:var(--space-7);align-items:start;padding-block-start:var(--space-5)}.handoff-lead .hero--compact{padding-block:0}}.capture-screen{--capture-bg: var(--capture-ground);--capture-ink: var(--capture-ground-ink);--capture-ink-muted: var(--capture-ground-ink-muted);--capture-scrim: rgb(4 6 11 / 62%);--capture-chip: rgb(255 255 255 / 10%);--capture-chip-hover: rgb(255 255 255 / 18%);--capture-hairline: rgb(255 255 255 / 16%);--frame-searching: #9aa5b6;--frame-warn: #f0b34a;--frame-ready: #3ddc91;--frame-colour: var(--frame-searching);--frame-aspect: 1.42;--frame-inset: 6vw;--frame-radius: 1.25rem;--frame-line: 3px;--frame-corner: 2.25rem;--frame-shift: 0;position:fixed;inset:0;z-index:var(--z-overlay);overflow:hidden;background:var(--capture-bg);color:var(--capture-ink);overscroll-behavior:none;touch-action:manipulation;user-select:none}.capture-viewport{position:absolute;inset:0}.capture-video{width:100%;height:100%;object-fit:cover;background:var(--capture-bg)}.capture-video--mirrored{transform:scaleX(-1)}.capture-frame{position:absolute;top:50%;left:var(--frame-inset);right:var(--frame-inset);aspect-ratio:var(--frame-aspect);translate:0 calc(-50% + var(--frame-shift));border-radius:var(--frame-radius);box-shadow:0 0 0 100vmax var(--capture-scrim);transition:box-shadow var(--dur-base) var(--ease);pointer-events:none}.capture-frame:after{position:absolute;inset:0;border:1px solid var(--capture-hairline);border-radius:inherit;content:""}.capture-frame-corner{position:absolute;width:var(--frame-corner);height:var(--frame-corner);border:var(--frame-line) solid var(--frame-colour);transition:border-color var(--dur-base) var(--ease),opacity var(--dur-base) var(--ease)}.capture-frame-corner:nth-of-type(1){top:calc(var(--frame-line) * -1);left:calc(var(--frame-line) * -1);border-right:none;border-bottom:none;border-top-left-radius:var(--frame-radius)}.capture-frame-corner:nth-of-type(2){top:calc(var(--frame-line) * -1);right:calc(var(--frame-line) * -1);border-bottom:none;border-left:none;border-top-right-radius:var(--frame-radius)}.capture-frame-corner:nth-of-type(3){right:calc(var(--frame-line) * -1);bottom:calc(var(--frame-line) * -1);border-top:none;border-left:none;border-bottom-right-radius:var(--frame-radius)}.capture-frame-corner:nth-of-type(4){bottom:calc(var(--frame-line) * -1);left:calc(var(--frame-line) * -1);border-top:none;border-right:none;border-bottom-left-radius:var(--frame-radius)}.capture-frame--warn{--frame-colour: var(--frame-warn)}.capture-frame--ready{--frame-colour: var(--frame-ready)}.capture-frame--ready:after{border-color:color-mix(in srgb,var(--frame-ready) 45%,transparent)}.capture-hud{position:absolute;inset:0;z-index:var(--z-hud);display:grid;grid-template-rows:auto 1fr auto;padding:max(var(--space-4),env(safe-area-inset-top)) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-4),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left));pointer-events:none}.capture-hud>*{pointer-events:auto}.capture-hud-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.capture-hud-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.capture-hint{display:flex;align-items:center;justify-content:center;align-self:end;gap:var(--space-3);width:fit-content;max-width:min(100%,26rem);margin-inline:auto;margin-block-end:var(--space-6);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);background:#04060bb8;backdrop-filter:blur(10px);color:var(--capture-ink);font-size:var(--text-base);font-weight:var(--weight-medium);line-height:var(--leading-snug);text-align:center;text-wrap:balance}.capture-hint svg{flex:none;color:var(--frame-colour)}.capture-hint--ready{--frame-colour: var(--frame-ready);background:color-mix(in srgb,var(--frame-ready) 22%,rgb(4 6 11 / 78%))}.capture-page-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--capture-chip);color:var(--capture-ink-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase}.capture-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-items:center;width:100%;max-width:24rem}.capture-tool{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:none;border-radius:var(--radius-full);background:var(--capture-chip);color:var(--capture-ink);cursor:pointer;transition:background var(--dur-fast) var(--ease)}.capture-tool:hover:not(:disabled){background:var(--capture-chip-hover)}.capture-tool:disabled{opacity:.35;cursor:not-allowed}.capture-tool[aria-pressed=true]{background:var(--capture-ink);color:var(--capture-bg)}.capture-tool:focus-visible{box-shadow:0 0 0 2px var(--capture-bg),0 0 0 4px var(--capture-ink)}.capture-shutter{display:inline-flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;padding:0;border:3px solid var(--capture-ink);border-radius:var(--radius-full);background:transparent;cursor:pointer;transition:transform var(--dur-fast) var(--ease)}.capture-shutter:before{width:3.5rem;height:3.5rem;border-radius:var(--radius-full);background:var(--capture-ink);content:"";transition:background var(--dur-fast) var(--ease)}.capture-shutter:active:not(:disabled){transform:scale(.94)}.capture-shutter:disabled{opacity:.4;cursor:not-allowed}.capture-shutter:focus-visible{box-shadow:0 0 0 3px var(--capture-bg),0 0 0 6px var(--capture-ink)}.capture-countdown{color:var(--capture-ink-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.capture-flash{position:absolute;inset:0;z-index:var(--z-modal);background:#fff;pointer-events:none;animation:capture-flash var(--dur-slow) var(--ease) forwards}@keyframes capture-flash{0%{opacity:.85}to{opacity:0}}.capture-veil{position:absolute;inset:0;z-index:var(--z-modal);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:max(var(--space-6),env(safe-area-inset-top)) max(var(--space-6),env(safe-area-inset-right)) max(var(--space-6),env(safe-area-inset-bottom)) max(var(--space-6),env(safe-area-inset-left));background:#04060be0;backdrop-filter:blur(6px);color:var(--capture-ink);text-align:center}.capture-veil h2{color:var(--capture-ink)}.capture-veil p{max-width:28rem;color:var(--capture-ink-muted);font-size:var(--text-sm)}.capture-veil .button--secondary{border-color:var(--capture-hairline);background:var(--capture-chip);color:var(--capture-ink)}.capture-veil .button--secondary:hover:not(:disabled){background:var(--capture-chip-hover);color:var(--capture-ink)}@media(orientation:landscape)and (max-height:30rem){.capture-screen{--frame-inset: 22vw;--frame-aspect: 1.58}.capture-hint{margin-block-end:var(--space-3);padding-block:var(--space-2)}.capture-shutter{width:3.5rem;height:3.5rem}.capture-shutter:before{width:2.6rem;height:2.6rem}}@media(min-width:48rem){.capture-screen{--frame-inset: 12vw;--frame-corner: 2.75rem}}