/* Hallmark · macrostructure: Workbench · tone: precise and professional · anchor hue: meadow green
 * genre: modern-minimal · theme: custom / existing Meadow Green brand · nav: N1b · footer: Ft5
 * Enrichment: actual local inference output. Motion: press feedback and functional loading only.
 * pre-emit critique: P4 H5 E4 S4 R4 V4 · review: .hallmark/review.md
 * Custom axes: light paper / grotesk display / green anchor; Space Grotesk + IBM Plex Sans.
 * Core token contrast: pass (40–41). Responsive widths: 320 / 375 / 414 / 768.
 * Nav N1b: five links, fill-only CTA, static transparent surface. Footer Ft5.
 * Spacing pass 2026-09-15: hero and workbench keep one-screen height but fill it (image + live output grow); section padding stepped down one token; scroll cue in flow.
 * Structure pass 2026-09-16: every model shares inputs | live output | results; drop zones removed; sample tiles are one list; model names removed. */
@import url('./tokens.css');
@font-face{font-family:'Space Grotesk';src:url('assets/fonts/space-grotesk-bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('assets/fonts/plex-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('assets/fonts/plex-semibold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
html,body{overflow-x:clip}html{scroll-padding-top:0}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;background:var(--color-paper);color:var(--color-ink-2)}
h1,h2,h3,.brand{font-family:var(--font-display);font-weight:700;font-style:normal;color:var(--color-ink);letter-spacing:-.035em;line-height:1.12;min-width:0;overflow-wrap:anywhere}h2{font-size:var(--text-section)}h3{font-size:var(--text-md)}p{max-width:65ch}button,input,select{font-family:var(--font-body)}button,a{touch-action:manipulation}.button,nav a,.text-link,.technique,.brand{white-space:nowrap}input[type=range]{accent-color:var(--color-brand);height:var(--control-height);margin:0}button:disabled{cursor:not-allowed;opacity:.5}::selection{background:var(--color-accent);color:var(--color-ink)}:where(button,a,input,summary,select):focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;transition:none!important}.eyebrow,.scan-line,.frame-corner,.preview-play{display:none}.icon{stroke-width:1.5}
.site-shell{width:100%;max-width:none;margin:0;border:0;border-radius:0;overflow:visible;background:var(--color-paper)}.site-header{height:88px;max-width:var(--page-width);margin:auto;padding-inline:var(--page-gutter);gap:var(--space-xl);border-bottom:1px solid var(--color-rule);position:relative}.brand{font-size:28px;gap:var(--space-sm);letter-spacing:-1px}.brand img{width:36px;height:36px;border-radius:var(--radius-control)}.site-header nav{font-size:14px;gap:var(--space-lg);color:var(--color-ink-2)}.site-header nav a{padding-block:var(--space-sm);display:inline-flex;align-items:center;min-height:44px}.site-header nav a:hover,.site-footer nav a:hover{color:var(--color-brand)}.button{min-height:44px;border-radius:var(--radius-control);font-size:14px;font-weight:600;background:var(--color-brand);color:var(--color-on-dark);border:1px solid var(--color-brand);padding:var(--space-sm) var(--space-lg);gap:var(--space-sm);box-shadow:none;transition:transform var(--dur-micro) var(--ease-out)}.button.secondary{background:var(--color-transparent);color:var(--color-ink);border-color:var(--color-control)}.button:hover{transform:none;box-shadow:none;background:var(--color-ink);color:var(--color-on-dark)}.button.secondary:hover{background:var(--color-paper-2);color:var(--color-ink)}.button:active,button:active{transform:translateY(1px)}.header-contact{font-size:14px}.menu-toggle{min-width:44px;min-height:44px;color:var(--color-ink)}
.hero{min-height:calc(100svh - 88px);max-width:var(--page-width);margin:auto;padding:var(--space-2xl) var(--page-gutter) var(--space-lg);grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:var(--space-xl) var(--space-3xl);align-content:stretch;align-items:center;background:none}.hero h1{font-family:var(--font-display);font-weight:700;font-size:var(--text-display);letter-spacing:-.055em;line-height:1.05;max-width:10ch}.hero h1 br{display:none}.hero-description{font-size:18px;line-height:1.6;max-width:34ch;margin-top:var(--space-lg);color:var(--color-ink-2)}.underlined{display:inline;position:static}.underlined:after{display:none}.hero-actions{margin-top:var(--space-xl);gap:var(--space-sm)}.hero-actions .button{font-size:16px;min-height:48px;padding:var(--space-sm) var(--space-lg)}.hero-actions .secondary{border:0;padding-inline:var(--space-md);text-decoration:underline;text-underline-offset:5px}.hero-note{font-size:13px;color:var(--color-muted);margin-top:var(--space-lg)}.hero-visual{margin:0;transform:none;padding:0;background:var(--color-transparent);border:0;border-radius:0;box-shadow:none;min-width:0;align-self:stretch;display:flex;flex-direction:column;min-height:0}.preview-top{font-size:12px;color:var(--color-ink-2);padding:0 0 var(--space-sm);gap:var(--space-sm)}.preview-top>span:first-child{font-size:14px;font-weight:600;gap:var(--space-xs)}.preview-top>span:last-child{font-size:11px;letter-spacing:.05em}.status-dot{background:var(--color-success);width:6px;height:6px}.hero-camera{aspect-ratio:auto;flex:1 1 auto;min-height:360px;max-height:760px;background:var(--color-paper-2);border-radius:var(--radius-sm)}.hero-camera:after{display:none}.hero-camera>img,.hero-camera>canvas{object-fit:cover;filter:none}.preview-bottom{padding:var(--space-md) 0 0;gap:var(--space-sm);font-size:12px;color:var(--color-muted);align-items:center}.preview-bottom a{color:var(--color-ink);font-size:12px;min-height:44px;display:inline-flex;align-items:center}.hero-scroll{position:static;grid-column:1/-1;align-self:end;font-size:12px;min-height:44px;padding-top:var(--space-md);border-color:var(--color-rule);color:var(--color-muted)}.hero-scroll>span:last-child{color:var(--color-brand)}
/* A workbench: tools, live output, and measured results. */
.demo-section{min-height:100svh;padding:var(--space-xl) var(--page-gutter);gap:var(--space-lg);background:var(--color-paper-2);border-top:1px solid var(--color-rule)!important;justify-content:center}.demo-section>*{width:100%;max-width:calc(var(--page-width) - 2 * var(--page-gutter));margin-inline:auto}.demo-section-heading{align-items:center;gap:var(--space-lg)}.demo-section-heading h2{font-family:var(--font-display);font-size:32px;letter-spacing:-.035em}.demo-section-heading p:not(.eyebrow){font-size:14px;line-height:1.5;margin-top:var(--space-xs);min-height:0;color:var(--color-muted);max-width:68ch}.live-demo-badge{margin:0;min-height:44px;padding:var(--space-xs) var(--space-md);font-size:12px;font-weight:400;letter-spacing:0;color:var(--color-ink);background:var(--color-transparent);box-shadow:none;border:0;gap:var(--space-xs)}.live-demo-badge .status-dot{width:7px;height:7px;background:var(--color-success)}.techniques{padding:0;border:0;margin:0}.technique-grid{display:flex;gap:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--color-control) var(--color-paper-2);border-bottom:1px solid var(--color-control);padding:0}.technique{flex:1 0 auto;position:relative;flex-direction:row;border:0;box-shadow:none;background:var(--color-transparent);border-radius:0;min-height:52px;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);color:var(--color-muted)}.technique>.icon{width:18px;height:18px;color:currentColor}.technique>span:not(.tech-number){font-size:13px;white-space:nowrap}.technique.selected,.technique.selected:hover{background:var(--color-transparent);color:var(--color-ink);box-shadow:none;font-weight:600}.technique.selected .icon{color:var(--color-brand)}.technique.selected:after{position:absolute;content:'';inset:auto var(--space-md) 0;height:3px;background:var(--color-ink)}.technique:hover{background:var(--color-paper-3);color:var(--color-ink);transform:none}.tech-number{display:none}.demo-grid{display:grid;grid-template-columns:minmax(180px,.72fr) minmax(0,2fr) minmax(180px,.75fr);gap:var(--space-lg);align-items:start;flex:1 1 auto;min-height:0}.demo-input{grid-column:auto;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-lg);padding:0;border:0;min-width:0}.input-buttons{display:flex;flex-direction:column;gap:var(--space-xs)}.input-buttons .button{min-width:0;width:100%;font-size:14px;padding:var(--space-sm);min-height:44px}.input-buttons .icon{width:16px;height:16px}.upload-zone{display:flex;width:100%;max-width:none;min-height:116px;flex:none;padding:var(--space-md);gap:var(--space-xs);background:var(--color-transparent);color:var(--color-ink-2);border:1px dashed var(--color-control);font-size:12px;border-radius:var(--radius-control)}.upload-zone:hover,.upload-zone.dragover{background:var(--color-paper-3);border-color:var(--color-ink)}.upload-zone>.icon{width:22px;height:22px;color:var(--color-muted)}.upload-zone small{font-size:11px;color:var(--color-muted)}.sample-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs);margin:0;flex-shrink:1;width:100%}.sample-row>span{grid-column:1/-1;font-size:13px;color:var(--color-ink);max-width:none;margin:0 0 var(--space-2xs)}.sample-row>span small{font-size:11px;display:block;color:var(--color-muted)}.sample{width:100%;height:auto;min-height:72px;padding:3px;border:1px solid var(--color-control);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);margin:0}.sample img{width:100%;height:48px;object-fit:cover;border-radius:2px}.sample>span{font-size:11px;line-height:22px}.sample.selected{padding:3px;border-width:1px;border-color:var(--color-ink);outline:2px solid var(--color-ink);outline-offset:1px;background:var(--color-surface)}.sample:hover{border-color:var(--color-ink)}.demo-output{display:flex;flex-direction:column;padding:0;border:0;border-radius:0;min-width:0;background:var(--color-transparent)}.output-top{padding:0 0 var(--space-sm);font-size:13px;color:var(--color-ink);align-items:center}.output-top .muted{margin-left:var(--space-xs);font-size:11px;color:var(--color-muted)}.local-badge{font-size:10px;color:var(--color-muted)}.demo-output .canvas-stage{height:auto;flex:1 1 auto;min-height:280px;aspect-ratio:auto;border-radius:var(--radius-sm);background:var(--color-paper-3)}.demo-output .canvas-stage>canvas,.demo-output .canvas-stage>img{object-fit:contain}.output-bottom{padding:var(--space-xs) 0 0;font-size:11px;color:var(--color-muted)}.output-bottom .icon{width:12px;height:12px}.output-bottom>button{width:44px;min-height:44px;padding:0;font-size:22px;color:var(--color-brand)}.demo-results{display:block;grid-column:auto;padding:0;border:0}.results-heading{min-height:32px;margin:0 0 var(--space-xs)}.results-heading h3{font-family:var(--font-body);font-weight:600;font-size:16px;letter-spacing:0}.results-heading>span{font-size:10px;color:var(--color-muted);letter-spacing:0}#result-list{min-height:90px;max-height:156px}.result-item{font-size:14px;padding:var(--space-xs) 0;border-color:var(--color-rule);gap:var(--space-xs)}.result-item>span:last-child{font-size:12px;color:var(--color-muted);font-variant-numeric:tabular-nums}.result-swatch{width:8px;height:8px}.metrics{padding-top:var(--space-md);margin:var(--space-lg) 0;border-color:var(--color-rule)}.metrics div{font-size:13px;line-height:2.1}.metrics dd{font-size:12px;color:var(--color-muted);font-variant-numeric:tabular-nums}.confidence-label{font-size:12px;margin:var(--space-md) 0 0;color:var(--color-ink-2)}.demo-results input[type=range]{height:32px;margin:0}.demo-footnote{margin-top:0;font-size:12px;text-align:left;color:var(--color-muted);border-top:1px solid var(--color-rule);padding-top:var(--space-md)}.demo-status{font-size:12px;background:var(--color-surface);color:var(--color-ink);box-shadow:none;min-height:44px}.demo-status button{min-height:32px;min-width:44px;background:var(--color-brand);color:var(--color-on-dark);border-radius:var(--radius-sm)}.loading-dot{border-color:var(--color-brand);border-top-color:var(--color-transparent)}.demo-status:has(#retry-button:not([hidden])){border:1px solid var(--color-error);color:var(--color-error)}
/* A deliberate change of rhythm after the live workbench. */
.how-section{max-width:none;padding:var(--space-3xl) var(--page-gutter);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);gap:var(--space-3xl);background:var(--color-ink);color:var(--color-on-dark);border:0!important}.how-section h2{font-size:var(--text-section);color:var(--color-on-dark);max-width:11ch}.section-intro>p:last-child{font-size:16px;color:var(--color-muted-on-dark);line-height:1.6;max-width:34ch;margin-top:var(--space-lg)}.process{padding:0;gap:var(--space-lg);align-items:start}.process-step .icon{width:30px;height:30px;color:var(--color-accent);margin-bottom:var(--space-lg)}.process-step h3{font-size:18px;color:var(--color-on-dark);margin-bottom:var(--space-sm)}.process-step p{font-size:13px;color:var(--color-muted-on-dark);line-height:1.5;white-space:normal}.flow-arrow{color:var(--color-muted-on-dark);font-size:22px;margin:0}.industries-section,.pipeline-section,.latest-section{max-width:var(--page-width);margin:auto;border:0!important;padding-inline:var(--page-gutter)}.industries-section{padding-top:var(--space-3xl);padding-bottom:var(--space-2xl)}.section-heading{display:flex;justify-content:space-between;gap:var(--space-lg);align-items:end;margin-bottom:var(--space-xl)}.section-heading>h2,.pipeline-section>h2{font-size:var(--text-section);max-width:24ch}.section-heading>span{display:block;font-size:14px;max-width:27ch;line-height:1.6;color:var(--color-muted)}.industry-grid{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--color-control)}.industry-card{display:grid;grid-template-columns:40px minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr) 20px;align-items:center;gap:var(--space-lg);padding:var(--space-lg) 0;border:0;border-bottom:1px solid var(--color-rule);border-radius:0;background:none;transform:none;transition:none}.industry-card>.icon{grid-column:1;grid-row:1;width:28px;height:28px;margin:0;color:var(--color-brand)}.industry-card h3{grid-column:2;grid-row:1;margin:0;font-size:22px;white-space:nowrap}.industry-card p{grid-column:3;grid-row:1;min-height:0;font-size:16px;max-width:26ch;color:var(--color-ink-2)}.industry-card small{grid-column:4;grid-row:1;font-size:13px;white-space:normal;color:var(--color-muted);margin:0;max-width:26ch}.industry-card .card-arrow{position:static;grid-column:5;grid-row:1;color:var(--color-brand);font-size:22px}.industry-card:hover{background:var(--color-paper-2);transform:none}.pipeline-section{padding-top:var(--space-2xl);padding-bottom:var(--space-3xl)}.pipeline-section>h2{margin-bottom:var(--space-xl)}.pipeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border-top:1px solid var(--color-rule)}.pipeline-step{padding:var(--space-lg) var(--space-md) 0 0;display:flex;flex-direction:column;align-items:start;gap:var(--space-md);border:0;border-radius:0;position:relative;min-width:0}.pipeline-step:before{content:'';width:6px;height:6px;background:var(--color-ink);position:absolute;top:-3px;left:0}.pipeline-step>.icon{width:25px;height:25px;color:var(--color-muted)}.pipeline-step b{font-size:16px;color:var(--color-ink);font-weight:600}.pipeline-step small{font-size:12px;line-height:1.6;white-space:normal;max-width:18ch;color:var(--color-muted);margin-top:var(--space-xs)}.pipeline-arrow{display:none}.latest-section{padding-top:var(--space-2xl);padding-bottom:var(--space-3xl);border-top:1px solid var(--color-rule)!important}.text-link{font-size:14px;color:var(--color-ink);display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px}.text-link:hover{color:var(--color-brand)}.latest-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);gap:var(--space-lg)}.latest-card{display:flex;flex-direction:column;border:0;border-radius:0;padding:0;gap:var(--space-md);background:none;min-width:0;transition:none;color:var(--color-ink)}.latest-card>img{width:100%;height:240px;border:0;border-radius:var(--radius-sm);filter:none;object-fit:cover}.latest-card:first-child>img{height:300px}.latest-num{display:none}.latest-copy{font-size:18px;gap:var(--space-xs);padding:0}.latest-copy>b{color:var(--color-ink);font-weight:600}.latest-copy>span:not(.text-link){font-size:14px;color:var(--color-muted);max-width:35ch;line-height:1.6}.latest-copy>.text-link{font-size:13px;margin-top:var(--space-xs)}.latest-card:hover{transform:none;background:none}.latest-card:hover .text-link{color:var(--color-brand)}.contact-section{padding:var(--space-2xl) var(--page-gutter);background:var(--color-paper-2);border:0!important}.contact-inner{max-width:calc(var(--page-width) - 2 * var(--page-gutter));margin:auto;padding:0;background:none;border:0;border-radius:0;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-md) var(--space-2xl);align-items:center}.contact-inner>h2{font-size:clamp(2rem,4vw,3.5rem);max-width:18ch;margin:0;grid-column:1;line-height:1.08}.contact-inner>p:not(.eyebrow){font-size:16px;grid-column:1;grid-row:2;margin:0;max-width:40ch;color:var(--color-muted)}.contact-inner>.button{grid-column:2;grid-row:1/3;font-size:16px;min-height:52px;padding:var(--space-md) var(--space-lg)}.site-footer{max-width:var(--page-width);padding:var(--space-xl) var(--page-gutter);margin:auto;border:0;gap:var(--space-2xl)}.site-footer .brand{font-size:24px}.site-footer nav{font-size:12px;gap:var(--space-lg)}.site-footer nav a{display:inline-flex;align-items:center;min-height:44px}.site-footer>small{font-size:12px;color:var(--color-muted)}#toast,#lab-toast{font-family:var(--font-body);font-size:14px;background:var(--color-ink);color:var(--color-on-dark);box-shadow:none;border-radius:var(--radius-control);z-index:var(--z-toast)}
/* The embedded model pages share the same typography, surfaces and controls. */
.lab-nav a:first-child,.demo-hero .section-title,.demo-card h3{font-family:var(--font-display);font-weight:700}.section-subtitle{font-size:16px}.lab-nav a:last-child{font-size:14px}.task-tab{font-size:12px;min-height:44px}.inline-lab body{background:var(--color-paper-2);color:var(--color-ink-2)}.inline-lab .container{display:grid;grid-template-columns:minmax(180px,.72fr) minmax(0,2fr) minmax(180px,.75fr);gap:var(--space-lg)}.inline-lab .demo-layout{display:contents}.inline-toolbar{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-lg);margin:0;padding:0;border:0;min-width:0}.inline-actions{gap:var(--space-xs);flex-direction:column}.inline-actions .button,.inline-actions .inline-camera{min-height:44px;min-width:0;width:100%;padding:var(--space-sm);font-size:14px;border-radius:var(--radius-control);border-color:var(--color-control)}.inline-actions .button{color:var(--color-on-dark);background:var(--color-brand);border-color:var(--color-brand)}.inline-camera .input-tile-label,.inline-actions .input-tile-label{font-size:14px;color:var(--color-ink)}.inline-actions .inline-camera{color:var(--color-ink);background:var(--color-transparent)}.inline-camera.active{background:var(--color-paper-3)}.inline-lab .input-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs);width:100%;margin:0}.inline-sample-label{grid-column:1/-1;font-size:13px;color:var(--color-ink);max-width:none;margin:0 0 var(--space-2xs)}.inline-lab .example-thumb{width:100%;height:auto;min-height:76px;padding:3px;border:1px solid var(--color-control);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);box-shadow:none}.inline-lab .example-thumb img{height:48px;border-radius:2px}.inline-lab .example-thumb .input-tile-label{font-size:11px;line-height:1.4;padding-top:var(--space-2xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-ink)}.inline-lab .example-thumb.selected{padding:3px;border:1px solid var(--color-ink);outline:2px solid var(--color-ink);outline-offset:1px;background:var(--color-surface)}.inline-lab .demo-image-panel{grid-column:2;grid-row:1;padding:0;border:0;border-radius:0;background:var(--color-transparent);position:relative;min-width:0}.inline-lab .demo-image-panel>h3{font-family:var(--font-body);font-size:13px;line-height:20px;margin:0 0 var(--space-sm);color:var(--color-ink);font-weight:400}.inline-lab .canvas-stage{height:clamp(280px,43svh,440px);min-height:0;background:var(--color-paper-3);border-radius:var(--radius-sm)}.inline-lab .canvas-stage>canvas{max-height:100%;max-width:100%;height:auto;width:auto;object-fit:contain}.inline-lab .demo-results-panel{grid-column:3;grid-row:1;padding:0;border:0;min-width:0;background:var(--color-transparent);color:var(--color-ink-2)}.inline-lab .demo-results-panel>h3{font-family:var(--font-body);font-weight:600;font-size:16px;line-height:32px;margin:0 0 var(--space-xs)}.inline-lab .label-row{padding:var(--space-xs) 0;font-size:13px;border-color:var(--color-rule)}.inline-lab .label-name{font-size:13px;color:var(--color-ink-2)}.inline-lab .label-value{font-size:12px;font-family:var(--font-body);font-variant-numeric:tabular-nums;color:var(--color-muted)}.inline-lab .labels-list{max-height:130px;margin-bottom:var(--space-md)}.inline-lab .results-empty-hint{font-size:12px;color:var(--color-muted)}.inline-lab .results-subheading{font-size:11px;letter-spacing:0;color:var(--color-muted);margin:var(--space-md) 0 var(--space-xs)}.inline-lab .kv-row,.inline-lab .kv-row .v{font-family:var(--font-body);font-size:12px;line-height:1.6;padding:3px 0;color:var(--color-ink-2);font-variant-numeric:tabular-nums}.inline-lab #perf-info-body .kv-row:nth-child(1),.inline-lab #perf-info-body .kv-row:nth-child(3),.inline-lab #perf-info-body .kv-row:nth-child(4){display:none}.inline-lab .backend-pill{color:var(--color-ink);background:var(--color-paper-3);font-family:var(--font-body);font-size:11px}.inline-settings{font-size:13px;min-height:44px;border-color:var(--color-rule);padding-top:var(--space-sm);margin-top:var(--space-lg)}.inline-settings summary{font-weight:400;color:var(--color-ink);min-height:32px}.inline-lab .control-label,.inline-lab .control-checkbox{font-size:12px}.inline-lab .model-load-progress,.inline-lab .model-error-box{position:absolute;inset:auto var(--space-sm) var(--space-sm);padding:var(--space-sm);margin:0;background:var(--color-surface);color:var(--color-ink);border-radius:var(--radius-sm);z-index:var(--z-raised)}.inline-lab .model-error-box{color:var(--color-error);border:1px solid var(--color-error)}.inline-lab .progress-label{font-size:12px}.inline-lab .progress-fill{background:var(--color-brand)}.inline-lab .demo-controls-row .demo-card{background:var(--color-transparent);border:0}.inline-lab .download-btn{font-size:12px;min-height:44px;background:var(--color-brand);color:var(--color-on-dark);border-radius:var(--radius-control)}.inline-lab .upload-zone{margin:0}.inline-search .container{display:block}.inline-search .demo-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--space-lg)}.inline-search .demo-image-panel,.inline-search .demo-results-panel{grid-column:auto;grid-row:auto}.inline-search .search-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm)}.inline-search .gallery-tile,.inline-search .gallery-add-tile{aspect-ratio:1.25;border:1px solid var(--color-control);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink)}.inline-search .gallery-label{font-size:11px}.inline-search .gallery-rank,.inline-search .gallery-score{font-size:10px;background:var(--color-ink);color:var(--color-on-dark)}.inline-search .demo-input-instructions{font-size:14px;line-height:1.5;margin-bottom:var(--space-md)}.inline-search .search-input{font-size:14px;background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-control);border-radius:var(--radius-control);min-height:44px}.inline-search .query-chip{font-size:12px;padding:var(--space-xs) var(--space-sm);min-height:36px;color:var(--color-ink);border:1px solid var(--color-control);background:var(--color-transparent)}.inline-search #gallery-status{font-size:12px}.inline-search .labels-list{max-height:144px}.inline-search .demo-results-panel>h3{margin-bottom:var(--space-md)}
/* Responsive workbench: one page on desktop, natural reading order on small screens. */
@media(max-width:1100px){
 .site-header{gap:var(--space-lg)}.site-header nav{gap:var(--space-md)}.hero{gap:var(--space-xl)}.hero h1{font-size:clamp(48px,6.4vw,70px)}
 .demo-grid,.inline-lab .container{grid-template-columns:minmax(0,2fr) minmax(180px,.8fr);gap:var(--space-lg)}
 .demo-input,.inline-toolbar{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:160px minmax(0,1fr);gap:var(--space-lg);align-items:center;padding:0;margin:0}
 .demo-input>.upload-zone,.inline-toolbar>.upload-zone{display:none}.input-buttons,.inline-actions{flex-direction:column;gap:var(--space-xs)}
 .sample-row,.inline-lab .input-options{display:grid;grid-template-columns:minmax(90px,1fr) repeat(3,minmax(0,1fr));gap:var(--space-sm);align-items:center;max-width:540px;margin-left:auto}
 .sample-row>span,.inline-sample-label{grid-column:auto;font-size:13px;max-width:100px;margin:0}.sample,.inline-lab .example-thumb{min-height:88px}.sample img,.inline-lab .example-thumb img{height:60px}
 .demo-output,.inline-lab .demo-image-panel{grid-column:1;grid-row:2}.demo-results,.inline-lab .demo-results-panel{grid-column:2;grid-row:2;display:block}
 .demo-output .canvas-stage,.inline-lab .canvas-stage{height:clamp(260px,36svh,380px)}
 .how-section{grid-template-columns:minmax(0,1fr);gap:var(--space-2xl)}.how-section .section-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-xl)}.how-section .section-intro>p:last-child{margin:0}.process{justify-content:space-between}
 .industry-card{grid-template-columns:32px minmax(0,1fr) minmax(0,1.25fr) 24px;gap:var(--space-lg)}.industry-card small{grid-column:3;grid-row:2;margin-top:calc(-1 * var(--space-md))}.industry-card p{grid-column:3;grid-row:1}.industry-card h3{grid-column:2;grid-row:1/3}.industry-card>.icon{grid-column:1;grid-row:1/3}.industry-card .card-arrow{grid-column:4;grid-row:1/3}
 .latest-card>img,.latest-card:first-child>img{height:220px}.site-footer{gap:var(--space-lg)}.site-footer nav{gap:var(--space-md)}
 .inline-search .demo-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.inline-search .demo-image-panel,.inline-search .demo-results-panel{grid-column:auto;grid-row:auto}
}
@media(max-width:768px){
 .site-header{height:72px}.site-header nav{display:none;position:absolute;top:71px;left:var(--page-gutter);right:var(--page-gutter);padding:var(--space-md);z-index:var(--z-dropdown);background:var(--color-surface);border:1px solid var(--color-control);border-radius:var(--radius-control)}.site-header nav.open{display:flex;flex-direction:column;gap:var(--space-xs);align-items:stretch}.menu-toggle{display:block;margin-left:auto}.header-contact{margin-left:0}.brand{font-size:26px}.brand img{width:32px;height:32px}
 .hero{min-height:calc(100svh - 72px);padding-top:var(--space-xl);padding-bottom:var(--space-md);gap:var(--space-xl);grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch}.hero h1{font-size:clamp(40px,6.5vw,50px)}.hero-description{font-size:16px;margin-top:var(--space-md)}.hero-actions{gap:var(--space-xs);flex-wrap:wrap;margin-top:var(--space-lg)}.hero-actions .button{font-size:14px;padding-inline:var(--space-md)}.hero-note{margin-top:var(--space-lg);font-size:12px}.hero-visual{align-self:stretch}.hero-camera{aspect-ratio:1.7;flex:1 1 auto;min-height:0;max-height:none}.hero h1{max-width:14ch}.preview-top>span:last-child{display:none}.preview-bottom{flex-wrap:wrap;gap:0;padding-top:var(--space-xs)}.hero-scroll{font-size:12px}
 .demo-section{gap:var(--space-md);padding-top:var(--space-xl);padding-bottom:var(--space-xl);justify-content:flex-start}.demo-section-heading h2{font-size:28px}.demo-section-heading{gap:var(--space-sm)}.demo-section-heading p:not(.eyebrow){max-width:48ch}.live-demo-badge{font-size:11px;padding:0}.technique{min-height:48px;padding-inline:var(--space-sm)}.technique>span:not(.tech-number){font-size:12px}.demo-grid,.inline-lab .container{gap:var(--space-md);grid-template-columns:minmax(0,1fr) 180px}.demo-input,.inline-toolbar{gap:var(--space-md);grid-template-columns:148px minmax(0,1fr)}.sample-row,.inline-lab .input-options{gap:var(--space-xs);grid-template-columns:repeat(3,minmax(0,1fr))}.sample-row>span,.inline-sample-label{grid-column:1/-1;max-width:none;display:flex;justify-content:space-between;gap:var(--space-xs);font-size:12px}.sample-row>span small{font-size:11px}.sample,.inline-lab .example-thumb{min-height:72px}.sample img,.inline-lab .example-thumb img{height:44px}
 .section-heading{display:flex;flex-direction:column;align-items:start;gap:var(--space-sm)}.section-heading>span{font-size:14px}.how-section,.industries-section,.latest-section{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}.pipeline-section{padding-bottom:var(--space-2xl)}.pipeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl) var(--space-md)}.pipeline-step{padding-top:var(--space-md)}.pipeline-step:before{display:none}.latest-grid{gap:var(--space-md)}.latest-card>img,.latest-card:first-child>img{height:180px}.latest-copy{font-size:16px}.contact-section{padding-block:var(--space-2xl)}.contact-inner{grid-template-columns:minmax(0,1fr);gap:var(--space-md)}.contact-inner>.button{grid-column:1;grid-row:3;justify-self:start;margin-top:var(--space-sm)}.site-footer{flex-wrap:wrap}.site-footer nav{margin-left:auto;flex-wrap:wrap}.site-footer>small{margin-left:auto}
}
@media(max-width:600px){
 .site-header{gap:var(--space-sm)}.header-contact{font-size:12px;padding-inline:var(--space-sm)}.header-contact .icon{display:none}
 .hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:var(--space-lg);padding-top:var(--space-xl);padding-bottom:var(--space-md);align-content:stretch}.hero h1{font-size:clamp(38px,9vw,52px);max-width:14ch;line-height:1.06}.hero-description{font-size:16px;max-width:36ch;margin-top:var(--space-md)}.hero-actions{flex-wrap:nowrap;margin-top:var(--space-lg)}.hero-note{display:none}.hero-visual{width:100%}.hero-camera{height:auto;min-height:clamp(180px,27svh,260px);flex:1 1 auto;aspect-ratio:auto;max-height:none}.hero-camera>img,.hero-camera>canvas{object-fit:cover}.preview-top{padding-bottom:var(--space-xs)}.preview-top>span:last-child{display:block;font-size:10px}.preview-bottom{padding:0;flex-wrap:nowrap;font-size:11px}.preview-bottom a{font-size:11px}.hero-scroll{min-height:40px;padding-top:var(--space-xs)}
 .demo-section{gap:var(--space-md);padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.demo-section-heading{display:block}.demo-section-heading h2{font-size:28px}.demo-section-heading p:not(.eyebrow){font-size:14px;max-width:none;margin-top:var(--space-xs)}.live-demo-badge{min-height:24px;display:inline-flex;margin-top:var(--space-xs);font-size:12px}.technique-grid{padding-bottom:0}.technique>.icon{display:none}.technique{min-height:44px;padding-inline:var(--space-sm)}.technique.selected:after{inset-inline:var(--space-sm)}
 .demo-grid,.inline-lab .container{grid-template-columns:minmax(0,1fr);gap:var(--space-md)}.demo-input,.inline-toolbar{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:var(--space-sm);align-items:stretch}.input-buttons,.inline-actions{flex-direction:row;gap:var(--space-xs)}.input-buttons>.button,.inline-actions>.button,.inline-actions>.inline-camera{flex:1;min-width:0;font-size:13px;padding-inline:var(--space-xs)}
 .sample-row,.inline-lab .input-options{grid-template-columns:minmax(64px,.8fr) repeat(3,minmax(0,1fr));gap:var(--space-xs);margin:0;width:100%;max-width:none}.sample-row>span,.inline-sample-label{grid-column:auto;display:block;font-size:12px}.sample-row>span small{display:none}.sample,.inline-lab .example-thumb{min-height:70px;width:100%;height:auto}.sample img,.inline-lab .example-thumb img{height:42px}.sample>span,.inline-lab .example-thumb .input-tile-label{font-size:11px;line-height:20px}
 .demo-output,.inline-lab .demo-image-panel{grid-column:1;grid-row:2}.inline-lab .canvas-stage{height:clamp(210px,28svh,280px)}.demo-output .canvas-stage{height:clamp(210px,28svh,280px);flex:none;min-height:0}.output-top{font-size:12px;padding-bottom:var(--space-xs)}.output-bottom{font-size:11px;padding:0}.output-bottom>button{min-height:44px}.local-badge{font-size:10px}
 .demo-results{grid-column:1;grid-row:3;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 var(--space-lg)}.results-heading{grid-column:1;grid-row:1;margin:0;min-height:28px}.results-heading h3{font-size:14px}#result-list{grid-column:1;grid-row:2/4;min-height:68px;max-height:100px}.result-item{font-size:12px;padding:var(--space-2xs) 0}.result-item>span:last-child{font-size:11px}.metrics{grid-column:2;grid-row:1/4;margin:0;padding:0;border:0}.metrics div{font-size:12px;line-height:2}.metrics dd{font-size:11px}.confidence-label{grid-column:1;grid-row:4;font-size:12px;margin:var(--space-xs) 0 0}#confidence{grid-column:2;grid-row:4;height:32px;margin:0}.demo-footnote{font-size:11px;padding-top:var(--space-sm)}
 .how-section .section-intro{display:block}.how-section .section-intro>p:last-child{margin-top:var(--space-md);max-width:38ch}.how-section h2{max-width:none}.process{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl)}.process-step{display:block}.process-step .icon{margin-bottom:var(--space-sm)}.process-step h3{font-size:18px}.process-step p{font-size:14px}.flow-arrow{display:none}
 .industry-card{grid-template-columns:28px minmax(0,1fr) 24px;gap:var(--space-xs) var(--space-md);padding:var(--space-lg) 0;min-height:0}.industry-card h3{grid-column:2;grid-row:1;font-size:20px}.industry-card>.icon{grid-column:1;grid-row:1;width:24px;height:24px}.industry-card .card-arrow{grid-column:3;grid-row:1}.industry-card p{grid-column:2;grid-row:2;font-size:14px}.industry-card small{grid-column:2;grid-row:3;margin:0;font-size:12px}.pipeline{gap:var(--space-lg) var(--space-sm)}.pipeline-step{gap:var(--space-sm);padding-right:0}.pipeline-step b{font-size:14px}.pipeline-step small{font-size:11px}.latest-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.latest-card>img,.latest-card:first-child>img{height:240px}.latest-copy{font-size:18px}.latest-copy>span:not(.text-link){max-width:none}.contact-inner h2{font-size:36px}.site-footer{gap:var(--space-md)}.site-footer nav{order:3;justify-content:space-between;width:100%;gap:var(--space-xs);font-size:11px}.site-footer .brand{font-size:24px}
 .inline-lab .demo-results-panel{grid-column:1;grid-row:3;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 var(--space-lg)}.inline-lab .demo-results-panel>h3{grid-column:1/-1;font-size:14px;margin:0;line-height:28px}.inline-lab .demo-results-panel>.labels-list{grid-column:1;grid-row:2/4;max-height:100px;margin:0}.inline-lab .demo-results-panel>.results-subheading{display:none}.inline-lab .demo-results-panel>#perf-info-body{grid-column:2;grid-row:2/4}.inline-lab .label-name{font-size:12px}.inline-lab .label-value,.inline-lab .kv-row,.inline-lab .kv-row .v{font-size:11px}.inline-lab .label-row{padding:var(--space-2xs) 0}.inline-settings{grid-column:1/-1;font-size:12px;margin-top:var(--space-xs);padding-top:var(--space-xs)}.inline-settings summary{min-height:36px}.inline-lab .demo-image-panel>h3{font-size:12px;margin-bottom:var(--space-xs)}
 .inline-search .demo-layout{display:flex;flex-direction:column-reverse;gap:var(--space-md)}.inline-search .demo-results-panel{display:block;width:100%}.inline-search .demo-image-panel{width:100%}.inline-search .demo-results-panel>h3,.inline-search #perf-info-body,.inline-search .labels-list,.inline-search .results-subheading{display:none}.inline-search .search-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs)}.inline-search .gallery-tile,.inline-search .gallery-add-tile{aspect-ratio:1}.inline-search .gallery-label{font-size:11px}.inline-search .gallery-rank,.inline-search .gallery-score{font-size:10px}.inline-search .query-chips{gap:var(--space-xs);margin:var(--space-sm) 0}.inline-search .query-chip{font-size:12px;min-height:44px}.inline-search .demo-input-instructions{font-size:14px}.inline-search .search-input{font-size:16px}
}
@media(max-width:360px){.header-contact{display:none}.hero h1{font-size:38px}.hero-description{font-size:14px}.hero-actions .button{font-size:13px}.sample-row,.inline-lab .input-options{gap:var(--space-2xs);grid-template-columns:64px repeat(3,minmax(0,1fr))}.sample>span,.inline-lab .example-thumb .input-tile-label{font-size:10px}.output-top .muted{display:none}.contact-inner h2{font-size:32px}.site-footer nav{gap:var(--space-2xs);font-size:10px}}
@media(max-height:800px) and (min-width:769px){.hero{padding-top:var(--space-xl);padding-bottom:var(--space-md)}.hero h1{font-size:clamp(48px,5.5vw,72px)}.hero-camera{min-height:300px}.demo-section{gap:var(--space-md);padding-block:var(--space-lg)}.inline-lab .canvas-stage{height:260px}.demo-output .canvas-stage{min-height:260px}.demo-section-heading h2{font-size:28px}.demo-section-heading p:not(.eyebrow){margin-top:var(--space-2xs)}.technique{min-height:44px}.demo-input,.inline-toolbar{gap:var(--space-md)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Keep the section heading anchored during model switches. */
.demo-section{justify-content:flex-start;padding-top:var(--space-2xl)}.demo-output,.input-buttons,.upload-zone{margin-top:0}.techniques{margin-inline:auto}.inline-lab .canvas-stage{height:var(--lab-stage-height,360px)}.site-header{border-bottom:0}.site-header nav{margin-inline:auto}.header-contact{margin-left:0}.hero-actions,.input-buttons,.inline-actions{align-items:center}.site-header a,.button,.technique{line-height:1.2}.site-header .menu-toggle{order:4}.site-header .header-contact{order:3}.site-header nav{order:2}.hero-actions .secondary,.text-link{text-underline-offset:2px}.inline-lab .example-thumb{font-weight:400}.inline-lab .example-thumb .input-tile-label{font-weight:400}.inline-lab .progress-track,.inline-lab .progress-fill{transition:none}.scan-line{animation:none}.input-options button:hover,.inline-lab .example-thumb:hover{transform:none;box-shadow:none;border-color:var(--color-ink);background:var(--color-surface)}a:active{opacity:.8}.inline-lab .model-error-box button{min-height:44px;color:var(--color-on-dark);background:var(--color-brand)}.inline-settings summary{min-height:44px}.inline-search .search-btn{min-height:44px;color:var(--color-on-dark);background:var(--color-brand);border:1px solid var(--color-brand);font-family:var(--font-body)}
@media(max-width:768px){.site-header .header-contact{margin-left:auto}.site-header .menu-toggle{margin-left:0}.demo-section{padding-top:var(--space-xl)}}
@media(max-width:600px){.demo-section{padding-block:var(--space-md);gap:var(--space-sm)}.demo-grid,.inline-lab .container{gap:var(--space-sm)}.demo-output .canvas-stage{height:clamp(190px,25svh,240px);flex:none;min-height:0}.sample,.inline-lab .example-thumb{min-height:64px}.sample img,.inline-lab .example-thumb img{height:36px}.hero{padding-top:var(--space-lg)}.hero-visual{max-width:none}.demo-footnote{padding-top:var(--space-xs)}}
.hero-camera{width:100%}.inline-lab .demo-image-panel>h3 .fa-solid,.inline-lab .demo-results-panel>h3 .fa-solid{display:none}.inline-lab .input-tile,.inline-lab .gallery-tile,.inline-lab .query-chip,.inline-lab .download-btn,.inline-lab .search-btn,.inline-lab .control-range{transition:none}.inline-lab .gallery-label,.inline-lab .gallery-rank,.inline-lab .gallery-score,.inline-lab .fps-badge,.inline-lab .conf-badge{font-family:var(--font-body)}.inline-lab .example-thumb .input-tile-label{white-space:nowrap}.inline-lab .dropzone{font-size:14px;color:var(--color-muted)}.inline-lab .dropzone-hint{font-size:12px}.inline-search .query-chip{white-space:nowrap}.inline-search .gallery-tile:hover{transform:none;box-shadow:none}
@media(max-width:600px){.demo-section{gap:var(--space-xs)}.hero{padding-bottom:var(--space-sm)}}
.pipeline{align-items:start}.pipeline-step{margin:0}
/* Spacing pass: hero and workbench stay one screen tall, but the image and live output fill that screen instead of leaving paper. */
@media(min-width:769px){#demo-workspace{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.demo-grid{align-items:stretch}.demo-input,.demo-results{align-self:start}.demo-output{height:100%;min-height:0}.demo-output .canvas-stage{max-height:none}}
#inline-demo:not([hidden]){flex:1 1 auto}
/* Workbench structure pass: every model shares one shape — inputs and samples on the left, live output in the middle, results on the right. No drop zone, no model names. */
.upload-zone,.inline-toolbar>.upload-zone,.inline-search .demo-input-instructions{display:none}
html.inline-lab{overflow-y:clip}
.demo-input,.inline-toolbar{gap:var(--space-lg)}
.sample-row,.inline-lab .input-options{display:flex;flex-direction:column;gap:var(--space-xs);width:100%;max-width:none;margin:0}
.sample-row>span,.inline-sample-label{display:block;font-size:13px;color:var(--color-ink);margin:0 0 var(--space-2xs);max-width:none;text-align:left}
.sample,.inline-lab .example-thumb{display:flex;flex-direction:row;align-items:center;gap:var(--space-sm);width:100%;height:auto;min-height:56px;padding:var(--space-2xs);text-align:left;border:1px solid var(--color-control);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);box-shadow:none;transform:none;position:relative;font-weight:400}
.sample img,.inline-lab .example-thumb img{position:static;inset:auto;width:72px;height:48px;flex:none;object-fit:cover;border-radius:2px}
.sample>span,.inline-lab .example-thumb .input-tile-label{position:static;flex:1;min-width:0;padding:0;font-size:13px;line-height:1.3;font-weight:400;text-align:left;color:var(--color-ink);background:none;white-space:normal;overflow:visible}
.sample.selected,.inline-lab .example-thumb.selected{padding:var(--space-2xs);border:1px solid var(--color-ink);outline:2px solid var(--color-ink);outline-offset:1px;background:var(--color-surface)}
.sample:hover,.inline-lab .example-thumb:hover{border-color:var(--color-ink);background:var(--color-paper-2);transform:none;box-shadow:none}
.canvas-stage.dragover{outline:2px dashed var(--color-ink);outline-offset:-2px}
.inline-lab .demo-image-panel>h3{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}
.inline-lab .demo-image-panel>h3 .fps-badge{margin-left:var(--space-xs);margin-right:auto}
.inline-lab .local-badge{display:inline-flex;align-items:center;gap:var(--space-2xs);font-size:10px;color:var(--color-muted);letter-spacing:.04em}
.inline-lab .local-badge .status-dot{width:6px;height:6px;border-radius:50%;background:var(--color-success);display:inline-block}
.inline-output-note{display:flex;align-items:center;min-height:44px;padding:var(--space-xs) 0 0;font-size:11px;color:var(--color-muted)}
.inline-output-note span{display:inline-flex;align-items:center;gap:var(--space-2xs)}
.inline-output-note .icon{width:12px;height:12px}
.inline-lab .demo-results-panel>h3{display:flex;align-items:center;gap:var(--space-xs);min-height:32px;line-height:1.3;margin:0 0 var(--space-xs)}
.inline-results-state{margin-left:auto;font-size:10px;color:var(--color-muted);letter-spacing:.04em;font-weight:400}
.inline-lab .results-subheading{display:none}
.inline-lab #perf-info-body{border-top:1px solid var(--color-rule);padding-top:var(--space-md);margin:var(--space-lg) 0}
.inline-lab .kv-row{display:flex;justify-content:space-between;gap:var(--space-sm);font-size:13px;line-height:2.1;padding:0;border:0}
.inline-lab .kv-row .k{color:var(--color-ink-2)}
.inline-lab .kv-row .v{font-size:12px;color:var(--color-muted)}
.inline-lab #perf-info-body .kv-row:nth-child(1),.inline-lab #perf-info-body .kv-row:nth-child(3),.inline-lab #perf-info-body .kv-row:nth-child(4),.inline-lab #perf-info-body .kv-row:nth-child(5),.inline-lab #perf-info-body .kv-row:has(.backend-pill),.inline-lab #perf-info-body .kv-row:last-child{display:none}
.inline-settings{border-top:1px solid var(--color-rule);margin-top:0;padding-top:var(--space-sm);font-size:12px}
.inline-settings summary{font-size:12px;color:var(--color-ink-2);font-weight:400;min-height:32px;display:flex;align-items:center}
.inline-search .container{display:grid}
.inline-search .demo-layout{display:contents}
.inline-search .demo-image-panel{grid-column:2;grid-row:1}
.inline-search .demo-results-panel{grid-column:3;grid-row:1;display:block}
.inline-toolbar{justify-content:flex-start;text-align:left}
.inline-search-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-sm)}
.inline-search .search-box{display:flex;gap:var(--space-xs);margin:0}
.inline-search .search-input{flex:1;min-width:0}
.inline-search .query-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin:0}
.inline-search #gallery-status{margin:var(--space-xs) 0 0;font-size:12px;color:var(--color-muted)}
.inline-search .search-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}
.inline-search .demo-results-panel>h3{margin-bottom:var(--space-xs)}
@media(max-width:1100px){
 .sample-row,.inline-lab .input-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs);align-items:stretch;max-width:none;margin:0}
 .sample-row>span,.inline-sample-label{grid-column:1/-1}
 .inline-search-toolbar{display:flex;flex-direction:column}
 .inline-search .demo-image-panel{grid-column:1;grid-row:2}
 .inline-search .demo-results-panel{grid-column:2;grid-row:2}
 .inline-search .search-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:600px){
 .sample,.inline-lab .example-thumb{flex-direction:column;align-items:stretch;gap:var(--space-2xs);padding:3px;min-height:0}
 .sample img,.inline-lab .example-thumb img{width:100%;height:40px}
 .sample>span,.inline-lab .example-thumb .input-tile-label{font-size:11px;line-height:1.2;text-align:center}
 .sample.selected,.inline-lab .example-thumb.selected{padding:3px}
 .inline-search .demo-image-panel{grid-column:1;grid-row:2}
 .inline-search .demo-results-panel{display:none}
 .inline-search .search-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* Results column: the list grows with its content, and settings are always visible. */
.inline-lab .labels-list,#result-list{max-height:none;overflow:visible;margin-bottom:0}
.inline-lab .labels-list:has(.label-row){margin-bottom:0}
.inline-settings{display:block;border-top:1px solid var(--color-rule);margin:0;padding-top:var(--space-sm);font-size:12px}
.inline-settings-title{font-family:var(--font-body);font-size:12px;font-weight:400;color:var(--color-ink-2);letter-spacing:0;line-height:1.6;margin:0 0 var(--space-xs)}
.inline-lab .demo-controls-row{display:block;margin:0}
.inline-lab .demo-controls-row .demo-card{padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none}
.inline-lab .control-row{margin:0 0 var(--space-sm);padding:0;border:0}
.inline-lab .control-row:has(.control-checkbox){display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-md)}
.inline-lab .control-label{display:flex;justify-content:space-between;gap:var(--space-sm);font-size:12px;color:var(--color-ink-2);margin:0;letter-spacing:0;text-transform:none}
.inline-lab .control-label .value,.inline-lab .control-label span.value{font-family:var(--font-body);font-size:12px;color:var(--color-ink);background:none;padding:0;border:0;font-variant-numeric:tabular-nums}
.inline-lab input[type=range]{display:block;width:100%;height:32px;margin:0;accent-color:var(--color-brand);background:none}
.inline-lab .control-checkbox{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:12px;color:var(--color-ink-2);margin:0;min-height:28px;cursor:pointer}
.inline-lab .control-checkbox input{width:16px;height:16px;margin:0;accent-color:var(--color-brand)}
.inline-lab .download-btn{margin-top:var(--space-xs)}
.confidence-label{margin:0}
.demo-results .inline-settings{margin-top:0}
.demo-results .metrics{margin-bottom:var(--space-md)}

/* Meadow Green pixels and pointer response span the entire first section. */
.hero{position:relative;isolation:isolate}
.hero>*:not(.hero-pixel-field){position:relative;z-index:1}
.hero-pixel-field{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 88%,transparent 100%)}
.hero-pixel-field::before{content:"";position:absolute;inset:0;background:radial-gradient(circle 145px at var(--cursor-x,50%) var(--cursor-y,50%),color-mix(in srgb,var(--color-accent) 35%,transparent),transparent 80%);opacity:0;transition:opacity .25s ease}
.hero-pixel-field.is-pointer-active::before{opacity:1}
.hero-pixel-field span{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:color-mix(in oklch,var(--color-success) 48%,var(--color-accent));animation:hero-pixel-drift var(--duration) linear var(--delay) infinite;translate:var(--push-x,0px) var(--push-y,0px);scale:var(--pointer-scale,1);transition:translate .22s ease-out,scale .22s ease-out}
.hero-pixel-field span:nth-child(4n){background:var(--color-brand);animation-direction:reverse}
@keyframes hero-pixel-drift{0%{transform:translate3d(-34px,20px,0) scale(.7);opacity:0}20%{opacity:.66}70%{opacity:.66}100%{transform:translate3d(40px,-20px,0) scale(1.1);opacity:0}}
@media(max-width:600px){.hero-pixel-field span:nth-child(2n){display:none}}
@media(prefers-reduced-motion:reduce){.hero-pixel-field span{animation:none;opacity:.28;will-change:auto}.hero-pixel-field::before{display:none}}

/* With the sample preview removed, the headline anchors the full hero. */
.hero{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:0}
.hero-copy{grid-column:1;align-self:center;justify-self:center;width:100%;max-width:1100px;padding-block:var(--space-lg)}
.hero h1{font-size:clamp(60px,8vw,112px);max-width:20ch;line-height:1.02}
.hero h1 br{display:initial}
.hero-description{font-size:clamp(18px,1.65vw,22px);max-width:44ch;margin-top:var(--space-xl)}
.hero-scroll{grid-column:1}
@media(max-width:768px){.hero{grid-template-rows:minmax(0,1fr) auto}.hero h1{font-size:clamp(48px,8.2vw,70px)}.hero-description{font-size:18px}}
@media(max-width:600px){.hero h1{font-size:clamp(42px,11vw,58px)}.hero-description{font-size:16px;margin-top:var(--space-lg)}.hero-copy{padding-block:var(--space-md)}}