/* Full-screen introduction and an inline, interchangeable vision workspace. */
h1,h2,h3,.brand{font-family:'DM Sans',sans-serif;font-weight:700;letter-spacing:-.035em;line-height:1.2}
h2{font-size:27px}h3{font-size:18px}.brand{font-size:25px;letter-spacing:-1px}.site-footer .brand{font-size:23px}.hero{position:relative;min-height:calc(100svh - 103px);padding:70px 48px 100px;gap:40px;grid-template-columns:1fr 1.1fr;align-content:center}.hero h1{font-size:clamp(44px,4.4vw,67px);line-height:1.08;letter-spacing:-.055em}.hero .eyebrow{font-size:10px;letter-spacing:1.2px;line-height:1.6;margin-bottom:25px}.hero-description{font-size:18px;line-height:1.65;margin-top:27px;max-width:420px}.hero-actions{margin-top:32px}.hero-actions .button{padding:14px 25px;font-size:14px}.hero-note{font-size:11px;margin-top:28px}.underlined:after{height:7px;bottom:1px;border-radius:0;transform:none;left:0;right:0}.hero-visual{transform:none;padding:12px;box-shadow:12px 12px 0 #d9ed9233;border-radius:9px}.hero-camera{aspect-ratio:1.35;border-radius:3px}.hero-camera>canvas,.hero-camera>img{object-fit:cover}.preview-top,.preview-bottom{font-size:10px;padding:5px 2px 12px}.preview-top>span:first-child{font-size:13px}.preview-top>span:last-child{font-size:8px}.preview-bottom{padding:12px 2px 2px;line-height:1.5}.scene-caption{font-size:11px}.hero-scroll{position:absolute;bottom:28px;left:48px;right:48px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px}.hero-scroll>span:last-child{font-size:21px;color:var(--ink)}
html{scroll-padding-top:0}.demo-section{min-height:100svh;padding:40px 42px;display:flex;flex-direction:column;justify-content:center;gap:22px;scroll-margin-top:0;background:linear-gradient(140deg,#eff5e4 0%,#f8f9f2 45%)}.demo-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.demo-section-heading .eyebrow{font-size:10px;letter-spacing:1.4px;margin-bottom:9px}.demo-section-heading h2{font-size:32px;letter-spacing:-1px}.demo-section-heading p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:10px;line-height:1.55;max-width:620px;min-height:40px}.live-demo-badge{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:white;padding:11px 17px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.9px;white-space:nowrap;margin-top:5px;box-shadow:0 3px 0 #d9ed92}.live-demo-badge .status-dot{background:var(--lime);width:7px;height:7px}.techniques{border:0;margin:0;padding:0;order:0}.technique-heading{margin-bottom:9px;font-size:11px;color:var(--body)}.technique-heading>span:first-child{font-size:11px;color:var(--body)}.technique-heading>span:last-child{font-size:10px}.technique-grid{gap:6px;grid-template-columns:repeat(8,minmax(0,1fr))}.technique{min-height:65px;border-color:#c5d2bc;border-radius:6px;padding:10px 5px;gap:7px;background:#f8f9f2}.technique>.icon{width:19px;height:19px}.technique>span:not(.tech-number){font-size:10px;line-height:1.3}.tech-number{display:none}.technique.selected{background:var(--ink);color:white;border-color:var(--ink);box-shadow:none}.technique.selected .icon{color:var(--lime)}.technique:hover{transform:none;background:#e3eed6}.technique.selected:hover{background:#1a759f}#demo-workspace{min-width:0}.demo-grid{grid-template-columns:minmax(0,1fr) 205px;gap:17px 24px;align-items:stretch}.demo-input{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:17px}.input-buttons{margin:0;display:flex;flex-direction:column;gap:7px}.input-buttons .button{padding:9px 16px;font-size:11px;min-width:135px;gap:9px}.input-buttons .icon{display:block;width:15px;height:15px}.upload-zone{margin:0;min-height:75px;width:auto;flex:1;max-width:270px;padding:8px;font-size:11px;gap:2px;min-width:120px}.upload-zone>.icon{width:17px;height:17px;margin:0 0 2px}.upload-zone small{font-size:9px}.sample-row{margin:0;gap:8px;flex-shrink:0}.sample-row>span{font-size:11px;color:var(--ink);margin-right:5px;line-height:1.45}.sample-row>span small{display:block;color:var(--muted);font-size:10px}.sample{width:72px;height:76px;border:1px solid #aebfac;border-radius:5px;padding:3px;background:var(--paper);overflow:hidden}.sample img{height:48px;width:100%;object-fit:cover;border-radius:2px}.sample>span{display:block;font-size:10px;line-height:18px;text-align:center}.sample.selected{border:2px solid var(--ink);padding:2px;background:#e8efda}.sample:hover{border-color:var(--ink)}.demo-output{margin:0;padding:10px;background:var(--paper);display:flex;flex-direction:column;min-height:0;border-radius:6px}.output-top{padding:2px 1px 10px;font-size:11px}.local-badge{font-size:8px}.demo-output .canvas-stage{aspect-ratio:auto;height:clamp(260px,39svh,410px);border-radius:3px;background:#e6ebdf}.demo-output .canvas-stage>canvas,.demo-output .canvas-stage>img{object-fit:contain}.output-bottom{font-size:10px;padding:9px 1px 0}.output-bottom .icon{width:12px;height:12px}.output-bottom>button{font-size:20px;min-width:30px;min-height:24px}.demo-results{display:block;grid-column:auto;padding:12px 0 0;border:0}.results-heading{margin-bottom:12px}.results-heading h3{font-size:17px}.results-heading>span{font-size:8px}#result-list{min-height:80px;max-height:135px}.result-item{font-size:12px;padding:7px 0}.result-item>span:last-child{font-size:11px}.metrics{padding-top:12px;margin:14px 0}.metrics div{font-size:12px;line-height:1.9}.metrics dd{font-size:11px}.confidence-label{font-size:11px;margin-top:10px}.demo-results input[type=range]{margin:14px 0;height:4px}.demo-footnote{font-size:10px;text-align:center;color:var(--muted);margin-top:-6px}#inline-demo{min-width:0}#lab-frame{display:block;width:100%;height:520px;border:0;background:transparent;transition:none}.how-section h2,.industries-section h2,.pipeline-section h2,.latest-section h2{font-size:26px}.process-step h3,.industry-card h3{font-size:17px}.contact-inner>h2{font-size:29px}.industry-card small{white-space:normal}.process-step p{white-space:normal}
@media(max-width:1100px){.hero{min-height:calc(100svh - 97px);padding:60px 32px 100px;gap:27px}.hero h1{font-size:48px}.hero-description{font-size:16px}.hero-scroll{left:32px;right:32px}.hero-camera{aspect-ratio:1.2}.hero .eyebrow{font-size:8px}.preview-top>span:last-child{font-size:6px}.preview-bottom{font-size:8px}.demo-section{padding:35px 28px;gap:20px}.technique-grid{grid-template-columns:repeat(4,1fr)}.technique{min-height:44px;flex-direction:row;gap:8px;padding:10px 8px}.technique>span:not(.tech-number){font-size:11px}.demo-grid{grid-template-columns:minmax(0,1fr) 175px;gap:18px}.upload-zone{max-width:190px;font-size:10px}.sample-row{gap:6px}.sample-row>span{font-size:10px}.sample{width:63px;height:70px}.sample img{height:42px}.sample-row>span small{font-size:9px}.input-buttons .button{min-width:118px;font-size:10px;padding:9px 11px}.demo-section-heading h2{font-size:30px}.demo-output .canvas-stage{height:clamp(280px,37svh,380px)}.demo-input{gap:13px}.live-demo-badge{font-size:10px;padding:10px 13px}}
@media(max-width:850px){.hero{grid-template-columns:1fr 1fr;padding:45px 30px 100px;min-height:calc(100svh - 97px)}.hero h1{font-size:43px}.hero .eyebrow{font-size:8px}.hero-description{font-size:15px}.hero-actions{gap:9px;flex-wrap:wrap}.hero-actions .button{font-size:12px;padding:12px 18px}.hero-camera{aspect-ratio:1.05}.hero-visual{padding:8px}.hero-note{font-size:10px}.preview-top>span:first-child{font-size:11px}.scene-caption{font-size:9px;left:17px}.preview-bottom{font-size:7px}.demo-section{padding:28px 24px;gap:18px}.demo-section-heading h2{font-size:29px}.demo-section-heading p:not(.eyebrow){font-size:12px}.demo-grid{grid-template-columns:minmax(0,1fr) 165px;gap:15px}.sample-row{gap:5px}.sample-row>span{max-width:52px;font-size:10px}.sample{width:59px}.upload-zone{min-width:100px;font-size:9px;max-width:150px}.upload-zone small{font-size:8px}.demo-input{gap:10px}.demo-output .canvas-stage{height:330px}.result-item{font-size:11px}.metrics div{font-size:11px}.metrics dd{font-size:10px}.output-top{font-size:10px}.output-bottom{font-size:9px}.local-badge{font-size:7px}}
@media(max-width:650px){.hero{grid-template-columns:1fr;min-height:calc(100svh - 77px);padding:28px 23px 65px;gap:24px;align-content:center}.hero h1{font-size:43px;max-width:390px}.hero .eyebrow{font-size:8px;margin-bottom:16px}.hero-description{font-size:14px;margin-top:18px}.hero-actions{margin-top:22px;flex-wrap:nowrap}.hero-actions .button{font-size:12px;padding:12px 18px}.hero-note{display:none}.hero-visual{max-width:440px;width:100%;margin:auto;box-shadow:6px 6px 0 #d9ed9233}.hero-camera{aspect-ratio:1.85}.hero-scroll{left:23px;right:23px;bottom:16px;padding-top:9px;font-size:10px}.hero-scroll>span:last-child{font-size:18px}.preview-top>span:last-child{font-size:6px}.preview-bottom{font-size:8px}.demo-section{padding:25px 18px;gap:15px;min-height:100svh}.demo-section-heading{gap:10px}.demo-section-heading .eyebrow{font-size:8px;letter-spacing:1px}.demo-section-heading h2{font-size:25px}.demo-section-heading p:not(.eyebrow){font-size:11px;min-height:34px;margin-top:8px}.live-demo-badge{font-size:8px;padding:8px;gap:5px;letter-spacing:.5px}.live-demo-badge .status-dot{width:5px;height:5px}.technique-heading{margin-bottom:7px}.technique-heading>span:first-child{font-size:10px}.technique-heading>span:last-child{display:none}.technique-grid{display:flex;overflow-x:auto;scrollbar-width:thin;padding-bottom:8px;gap:7px;scroll-snap-type:x proximity}.technique{flex:0 0 137px;min-height:45px;scroll-snap-align:start}.technique>span:not(.tech-number){font-size:10px}.technique>.icon{width:17px;height:17px}.demo-input{flex-wrap:wrap;padding-bottom:12px;gap:12px}.input-buttons{flex-direction:row;gap:7px}.input-buttons .button{min-width:0;padding:9px 13px;font-size:10px}.input-buttons .icon{width:13px;height:13px}.upload-zone{display:none}.sample-row{margin-left:auto}.sample-row>span{font-size:9px;max-width:45px;margin-right:2px}.sample-row>span small{font-size:8px}.sample{width:47px;height:52px;padding:2px}.sample img{height:31px}.sample>span{font-size:8px;line-height:15px}.sample.selected{padding:1px}.demo-grid{grid-template-columns:1fr;gap:12px}.demo-output .canvas-stage{height:clamp(180px,27svh,270px)}.demo-results{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:0}.results-heading{grid-column:1;grid-row:1;margin-bottom:5px}.results-heading h3{font-size:14px}.results-heading>span{font-size:7px}#result-list{grid-column:1;grid-row:2/4;min-height:55px;max-height:80px}.result-item{font-size:10px;padding:4px 0}.result-item>span:last-child{font-size:9px}.metrics{grid-column:2;grid-row:1/4;border:0;padding:0;margin:0}.metrics div{font-size:10px;line-height:1.9}.metrics dd{font-size:9px}.confidence-label{grid-column:1;grid-row:4;font-size:9px;margin:8px 0 0}#confidence{grid-column:2;grid-row:4;margin:13px 0 0;height:3px}.demo-footnote{font-size:8px;margin:0}.how-section h2,.industries-section h2,.pipeline-section h2,.latest-section h2{font-size:23px}.process-step h3,.industry-card h3{font-size:16px}.contact-inner h2{font-size:26px}.brand{font-size:23px}.section-heading>h2{font-size:23px}}
@media(max-width:430px){.demo-input{display:grid;grid-template-columns:1fr}.input-buttons{justify-content:space-between}.input-buttons .button{flex:1}.sample-row{width:100%;margin:0;justify-content:space-between}.sample-row>span{max-width:none;margin-right:auto}.sample{width:65px;height:55px}.sample img{height:34px}.demo-section-heading p:not(.eyebrow){max-width:235px}.hero h1{font-size:39px}}
@media(max-height:800px) and (min-width:651px){.hero{padding-top:35px;padding-bottom:80px}.hero-camera{max-height:380px}.demo-section{padding-top:24px;padding-bottom:24px;gap:14px}.demo-section-heading h2{font-size:27px}.demo-section-heading p:not(.eyebrow){min-height:0}.demo-output .canvas-stage{height:250px}.demo-input{padding-bottom:12px}.technique{min-height:40px}.demo-results{padding-top:4px}.metrics{margin:8px 0}#result-list{max-height:90px;min-height:50px}.result-item{padding:4px 0}}
/* Keep the title and selector anchored while the method beneath them changes. */
.demo-section{justify-content:flex-start;padding-top:clamp(28px,8svh,84px)}
@media(max-width:650px){.demo-section{padding-top:25px}}
@media(max-height:800px) and (min-width:651px){.demo-section{padding-top:24px}}
@media(min-width:651px){.demo-section{padding-top:clamp(28px,4svh,48px);padding-bottom:28px}}