@font-face{font-family:"DiPath Plex";src:url("/fonts/ibm-plex-sans-latin.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:light;--ink:#202d36;--muted:#607686;--blue:#0066b8;--line:#dbe4ea;--font:"DiPath Plex","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{background:#fdfefe;scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:wait}a{color:inherit}button,a{outline-offset:4px}:focus-visible{outline:2px solid var(--blue)}[hidden]{display:none!important}svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.page-width{max-width:1680px;margin-inline:auto;padding-inline:clamp(24px,4vw,72px)}.skip-link{position:fixed;inset-inline-start:20px;top:10px;transform:translateY(-170%);z-index:30;background:var(--blue);color:#fff;padding:12px 20px;text-decoration:none}.skip-link:focus{transform:none}.site-header{height:84px;display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;flex:none;text-decoration:none}.brand-art{--brand-width:129px;--brand-height:40px;position:relative;display:block;flex:none;width:var(--brand-width);height:var(--brand-height);overflow:hidden}.brand-art::before{content:"";position:absolute;left:50%;top:0;width:calc(var(--brand-height)*2.879166667);height:100%;transform:translateX(-50%);background-image:url("/images/dipath_logo_bluebg.webp");background-repeat:no-repeat;background-size:calc(var(--brand-height)*3.525) calc(var(--brand-height)*1.139583333);background-position:calc(var(--brand-height)*-.241666667) calc(var(--brand-height)*-.060416667)}.header-model{font-size:12px;color:#607686;border-inline-start:1px solid var(--line);padding-inline-start:25px}.preview-badge{font-size:10px;letter-spacing:.06em;text-transform:uppercase;line-height:1;border:1px solid #cbdbe7;border-radius:3px;padding:6px 8px;color:#57768e;background:#f4f8fb}.product-link{display:inline-flex;gap:10px;align-items:center;margin-inline-start:auto;min-height:44px;text-decoration:none;font-size:12px;color:var(--muted)}.product-link:hover{color:var(--blue)}.product-link svg{height:16px;width:16px}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-block:30px 28px}.eyebrow{font-size:11px;color:var(--muted);letter-spacing:.07em;margin:0 0 8px}h1{font-size:clamp(28px,3.5vw,48px);line-height:1.16;letter-spacing:-.035em;font-weight:450;margin:0}.intro-description{font-size:13px;line-height:1.8;max-width:360px;color:var(--muted);margin:0 0 3px}.demo-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:40px;align-items:start;padding-top:22px;border-top:1px solid var(--line)}.viewer-column{min-width:0}.scene-window{position:relative;isolation:isolate;height:clamp(440px,43vw,620px);overflow:hidden;border:1px solid #dce5eb;border-radius:8px 8px 0 0;background:linear-gradient(145deg,#f5f7f8,#eff3f6);box-shadow:0 8px 30px #23394a04}.viewport{position:absolute;inset:0;touch-action:pan-y}.viewport canvas{display:block;width:100%;height:100%;touch-action:none}.scene-topbar,.scene-bottom-bar{position:absolute;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;pointer-events:none}.scene-topbar{top:22px;inset-inline:25px}.scene-bottom-bar{bottom:20px;inset-inline:25px}.scene-topbar button,.scene-bottom-bar button{pointer-events:auto}.view-heading{display:flex;align-items:center;gap:8px;color:#728899;font-size:11px;line-height:1.5}.view-heading i{height:4px;width:4px;border-radius:50%;background:#7d95a6}.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #cbd8e2;background:#f6fbfff2;border-radius:4px;min-height:40px;padding:9px 13px;color:#397db0;font-size:12px;box-shadow:0 2px 4px #152e4705}.outline-button:hover{background:#fff;border-color:#8fb4cf}.outline-button svg{width:17px;height:17px}.orbit-hint{display:flex;align-items:center;gap:8px;font-size:11px;color:#7a8f9e;margin:0}.orbit-hint svg{width:17px;height:17px}.view-controls{display:flex;align-items:center;gap:4px}.view-controls button{min-height:36px;border:0;border-radius:3px;background:transparent;padding:8px 10px;font-size:11px;color:#6a8191}.view-controls button[aria-pressed=true]{color:#1873b2;background:#ffffffc9}.view-controls button:hover{background:#fff}.view-controls .icon-button{display:grid;place-items:center;padding:7px;margin-inline-start:5px;border-inline-start:1px solid #d5e0e7;border-radius:0;min-width:36px}.icon-button svg{height:16px;width:16px}.scene-caption{position:absolute;z-index:1;bottom:76px;inset-inline-start:26px;display:flex;align-items:center;gap:16px;pointer-events:none;color:#92a3b0;font-size:11px;letter-spacing:.04em}.scene-caption span{font-size:10px;letter-spacing:.1em}.scene-state{position:absolute;z-index:5;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;text-align:center;padding:35px;background:#f4f7f9;line-height:1.8;color:#7b90a0}.scene-state strong{font-size:14px;font-weight:500;color:#4c6577}.scene-state p,.scene-state>span{font-size:12px;margin:0;max-width:300px}.loading-orbit{width:34px;height:34px;border:1px solid #cedfe9;border-top-color:#4b91bf;border-radius:50%;animation:orbit 1.2s linear infinite;margin-bottom:4px}.loading-progress{font-variant-numeric:tabular-nums;min-height:20px;color:#8b9eaa}.error-icon{height:46px;width:46px;color:#9badbb;margin-bottom:10px}.structure-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 22px;min-height:69px;border:1px solid var(--line);border-top:0;border-radius:0 0 8px 8px;color:#6d8292;font-size:11px}.cutaway-button{display:flex;align-items:center;gap:8px;border:0;background:none;color:#5583a5;padding:7px 0;font-size:12px;min-height:36px}.cutaway-button svg{height:17px;width:17px}.toggle-track{width:28px;height:15px;background:#d5e0e6;border-radius:12px;position:relative;margin-inline-start:6px}.toggle-track>span{position:absolute;height:11px;width:11px;top:2px;left:2px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #0001;transition:transform .2s}.cutaway-button[aria-pressed=true] .toggle-track{background:#3a83b7}.cutaway-button[aria-pressed=true] .toggle-track>span{transform:translateX(13px)}.detail-panel{min-width:0;padding-top:5px}.panel-heading{display:flex;justify-content:space-between;gap:14px;color:#7c91a1;font-size:11px;padding-bottom:19px;line-height:1.5}.panel-heading>span:last-child{font-size:10px;letter-spacing:.05em;color:#a6b4be}.feature-navigation{display:flex;border-block:1px solid var(--line)}.feature-navigation button{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-width:0;gap:7px;min-height:82px;border:0;border-bottom:2px solid transparent;background:none;color:#607d92;font-size:12px;padding:12px 7px;line-height:1.5}.feature-navigation button svg{height:21px;width:21px}.feature-navigation button[aria-pressed=true]{color:var(--blue);border-bottom-color:var(--blue);background:linear-gradient(0deg,#f5faff,#fff0)}.feature-navigation button:hover{color:var(--blue);background:#f6fafc}.feature-content{padding-top:35px}.feature-kicker{color:#7b91a0;font-size:11px;line-height:1.5;margin:0 0 14px}.feature-content h2{font-size:27px;line-height:1.45;font-weight:450;letter-spacing:-.025em;margin:0 0 17px}.feature-content>p:not(.feature-kicker){font-size:13px;line-height:1.95;color:#637b8d;margin:0 0 26px}.feature-content ul{list-style:none;padding:0;margin:0;display:grid;gap:16px}.feature-content li{font-size:12px;line-height:1.7;color:#708796;padding-inline-start:14px;position:relative}.feature-content li::before{content:"";height:3px;width:3px;background:#9cbbcf;position:absolute;inset-inline-start:0;top:.73em;border-radius:50%}.reset-product{display:flex;align-items:center;gap:8px;min-height:40px;padding:7px 0;border:0;background:none;color:#72899a;font-size:12px;margin-top:25px}.reset-product:hover{color:var(--blue)}.reset-product svg{height:16px;width:16px}.preview-note{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);margin-top:39px;padding-top:19px;color:#889ba9}.preview-note p{font-size:11px;margin:0;line-height:1.7}.preview-dot{width:4px;height:4px;flex:none;background:#99afbf;border-radius:50%}.reference-footer{min-height:85px;border-top:1px solid var(--line);margin-top:32px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:18px}.reference-footer p{font-size:11px;color:#8a9eac;line-height:1.8;margin:0;max-width:750px}.footer-wordmark{--brand-width:88px;--brand-height:27px;opacity:.5}.scene-window[data-ready=false] .scene-bottom-bar,.scene-window[data-ready=false] .scene-caption{opacity:.3}@keyframes orbit{to{transform:rotate(360deg)}}
@media(min-width:1700px){.demo-layout{grid-template-columns:minmax(0,1fr) 340px;gap:51px}.feature-content>p:not(.feature-kicker){font-size:14px}.feature-content h2{font-size:29px}}
@media(max-width:1100px){.demo-layout{grid-template-columns:minmax(0,1fr) 265px;gap:25px}.scene-window{height:510px}.scene-topbar,.scene-bottom-bar{inset-inline:19px}.orbit-hint{max-width:170px;line-height:1.6}.scene-caption{inset-inline-start:20px}.feature-content h2{font-size:25px}.feature-content{padding-top:27px}.header-model{padding-inline-start:20px}.site-header{gap:20px}}
@media(max-width:850px){.demo-layout{grid-template-columns:1fr;gap:28px}.scene-window{height:510px}.detail-panel{display:grid;grid-template-columns:240px minmax(0,1fr);column-gap:29px}.panel-heading{grid-column:1;padding-bottom:14px}.feature-navigation{grid-column:1;align-self:start}.feature-content{grid-column:2;grid-row:1 / span 3;padding-top:0}.reset-product{grid-column:2;margin-top:12px}.preview-note{grid-column:1 / -1;margin-top:25px}.intro-description{max-width:290px}.intro{gap:22px}h1{font-size:34px}.scene-topbar,.scene-bottom-bar{inset-inline:22px}.orbit-hint{max-width:none}}
@media(max-width:600px){.page-width{padding-inline:18px}.site-header{height:71px;gap:12px;flex-wrap:wrap;align-content:center}.brand-art{--brand-width:113px;--brand-height:35px}.header-model{display:none}.preview-badge{font-size:9px;padding:5px 6px}.product-link{font-size:11px;gap:5px}.product-link svg{width:14px;height:14px}.intro{display:block;padding-block:26px 23px}h1{font-size:33px}.eyebrow{font-size:10px;letter-spacing:.03em}.intro-description{font-size:12px;max-width:100%;margin-top:13px;line-height:1.8}.demo-layout{padding-top:20px}.scene-window{height:450px}.scene-topbar{top:16px;inset-inline:15px}.scene-bottom-bar{bottom:16px;inset-inline:14px;gap:8px}.view-heading{font-size:10px}.outline-button{min-height:37px;padding:8px 10px;gap:6px;font-size:11px}.outline-button svg{width:15px;height:15px}.orbit-hint{font-size:10px;gap:5px;line-height:1.6;max-width:150px}.orbit-hint svg{display:none}.view-controls{gap:0}.view-controls button{padding-inline:8px;font-size:10px}.view-controls .icon-button{padding-inline:7px;min-width:31px;margin-inline-start:1px}.scene-caption{inset-inline-start:16px;bottom:63px;font-size:10px;gap:12px}.scene-caption span{font-size:8px;letter-spacing:.07em}.structure-controls{padding:12px 15px;min-height:64px;font-size:10px}.cutaway-button{font-size:11px;gap:6px}.cutaway-button svg{height:15px;width:15px}.toggle-track{margin-inline-start:3px}.detail-panel{display:flex;flex-direction:column;padding-inline:2px}.panel-heading{padding-bottom:14px}.feature-navigation button{min-height:75px}.feature-content{padding-top:27px}.feature-content h2{font-size:27px;margin-bottom:15px}.feature-content>p:not(.feature-kicker){font-size:13px;line-height:1.9;margin-bottom:22px}.feature-content ul{gap:12px}.reset-product{margin-top:18px}.preview-note{margin-top:27px;padding-top:17px}.reference-footer{margin-top:27px;min-height:78px}.footer-wordmark{display:none}}
@media(max-width:380px){.page-width{padding-inline:13px}.scene-window{height:395px}.scene-topbar{inset-inline:12px}.scene-bottom-bar{inset-inline:11px;gap:2px}.orbit-hint{max-width:125px;font-size:10px}.view-controls button{padding-inline:6px}.scene-caption span{display:none}.scene-caption{inset-inline-start:13px}.structure-controls{padding-inline:12px}.structure-controls>span{max-width:105px;line-height:1.6}.cutaway-button{font-size:10px}.cutaway-button svg{display:none}h1{font-size:29px}.product-link{font-size:10px}.site-header{gap:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.scene-topbar,.scene-bottom-bar,.structure-controls,.feature-navigation,.reset-product,.skip-link{display:none}.demo-layout{grid-template-columns:1fr 260px}.scene-window{height:420px}.site-header{height:65px}.intro{padding-block:20px}.reference-footer{break-inside:avoid}}
/* Customer workflow demo */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-block:14px 0}.demo-layout{border-top:0;padding-top:17px;grid-template-columns:minmax(0,1fr) 320px;gap:34px}.chapter-navigation{display:flex;align-items:center;gap:24px;min-width:0}.chapter-navigation button{display:flex;align-items:center;gap:8px;padding:10px 0;min-height:44px;background:none;border:0;font-size:12px;color:#6d8292;text-align:start}.chapter-navigation button>span:first-child{font-size:10px;color:#a2b2be}.chapter-navigation button[aria-current=step],.chapter-navigation button:hover{color:var(--blue)}.chapter-navigation button[aria-current=step]>span:first-child{color:var(--blue)}.tour-start{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 17px;flex:none;border:1px solid #bad2e4;border-radius:4px;color:#1b70aa;background:#f3f9fd;font-size:12px}.tour-start:hover{background:#e8f4fc}.tour-start svg{height:15px;width:15px;fill:currentColor;stroke:none}.scene-window{height:clamp(490px,46vw,670px)}.scene-caption span{letter-spacing:.06em}.detail-panel{display:block;padding-top:5px}.playback-controls{display:flex;align-items:center;gap:10px;padding:15px 12px;border-bottom:1px solid var(--line);min-height:67px}.playback-controls .icon-button{display:grid;place-items:center;min-height:40px;min-width:36px;border:0;background:none;color:#7a91a3;border-radius:4px}.playback-controls .icon-button:hover{background:#f2f7fa;color:var(--blue)}.play-button{display:grid;place-items:center;min-width:40px;height:40px;border:0;border-radius:50%;background:#1475b6;color:white}.play-button svg{height:17px;width:17px;stroke-width:2;fill:currentColor}.play-button[aria-pressed=true] svg{fill:none;stroke-width:3}.timeline-label{display:flex;align-items:center;gap:13px;flex:1;min-width:0}.timeline-label input{width:100%;min-width:0;height:32px;accent-color:#2983bb;cursor:pointer;direction:ltr}.timeline-progress{font-size:11px;color:#7e94a4;min-width:32px;text-align:end;font-variant-numeric:tabular-nums}.speed-control{display:flex;align-items:center;gap:8px;padding-inline-start:10px;border-inline-start:1px solid var(--line);font-size:11px;color:#7c91a1}.speed-control select{min-height:36px;background:#f5f9fb;border:1px solid #dbe5eb;border-radius:4px;padding:5px;color:#52768f}.flow-heading .feature-kicker{margin-bottom:7px}.flow-heading h2{font-weight:450;font-size:25px;letter-spacing:-.025em;line-height:1.35;margin:0 0 12px}.flow-heading>p:last-child{font-size:12px;color:#637b8d;line-height:1.85;margin:0;min-height:64px}.workflow-progress{display:flex;gap:5px;margin-block:19px 20px}.workflow-progress>span{height:2px;background:#e1e9ef;flex:1}.workflow-progress>span[data-status=done]{background:#8cb9d5}.workflow-progress>span[data-status=current]{background:#247eb9}.imaging-panel{padding:13px;border:1px solid #dbe6ed;border-radius:6px;background:linear-gradient(150deg,#f9fcfe,#fff)}.mosaic-heading{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#708a9c;margin-bottom:10px}.mosaic-heading>span:last-child{color:#3786b9;font-variant-numeric:tabular-nums}.tissue-preview{position:relative;isolation:isolate;aspect-ratio:1.6;overflow:hidden;background:#fbf6fa;border:1px solid #e9dfe9;border-radius:3px;direction:ltr}.tissue-art{display:block;width:100%;height:100%;stroke:none;fill:none;opacity:.65;transition:filter .4s,opacity .4s}.tissue-preview[data-mode=scanning] .tissue-art,.tissue-preview[data-mode=returning] .tissue-art,.tissue-preview[data-mode=complete] .tissue-art{opacity:1}.tissue-preview[data-slide="1"] .tissue-art{transform:rotate(180deg);filter:hue-rotate(9deg)}.tissue-preview[data-slide="2"] .tissue-art{transform:scaleX(-1);filter:hue-rotate(-11deg)}.tissue-preview[data-slide="3"] .tissue-art{transform:rotate(180deg) scaleX(-1);filter:hue-rotate(17deg)}.mosaic-grid{position:absolute;inset:0;display:grid;grid-template:repeat(8,1fr)/repeat(8,1fr);z-index:1}.mosaic-grid i{background:#f8f7fbd1;border:1px solid #fff2;transition:background .16s}.mosaic-grid i[data-filled=true]{background:transparent;border-color:#fff1}.mosaic-grid i[data-active=true]{background:#6ca2ce36;box-shadow:inset 0 0 0 1px #5092c4}.tissue-preview[data-mode=selecting] .mosaic-grid,.tissue-preview[data-mode=focusing] .mosaic-grid{opacity:.15}.focus-point{position:absolute;z-index:3;display:grid;place-items:center;transform:translate(-50%,-50%);height:23px;width:23px;border-radius:50%;border:1px solid #3986bb;background:#f8fcffeb;box-shadow:0 0 0 4px #ffffff6b;color:#2a76ab;font-size:10px;font-weight:500;transition:background .15s}.focus-point[data-status=active]{background:#1680be;color:#fff;box-shadow:0 0 0 5px #2784b82b;animation:focus-pulse 1s ease-in-out infinite}.focus-point[data-status=done]{border-color:#568e85;color:#37766e;background:#effaf5}.tissue-label{position:absolute;inset-inline:8px;bottom:5px;z-index:3;font-size:8px;letter-spacing:.02em;color:#8c7188;text-align:center;text-shadow:0 1px 2px white}.focus-step-strip{display:flex;gap:6px;margin-top:12px}.focus-step-strip>span{position:relative;flex:1;min-width:0;padding-top:9px;border-top:2px solid #e1e8ee;font-size:9px;color:#9aabb7;line-height:1.45}.focus-step-strip>span[data-status=current]{border-color:#3d8dbf;color:#2d79ab}.focus-step-strip>span[data-status=done]{border-color:#9ac1d6;color:#688d9f}.focus-status{font-size:11px;color:#557e9a;line-height:1.5;margin:13px 0 3px;min-height:17px}.scan-progress-note{font-size:10px;color:#8da0ae;line-height:1.6;margin:0;min-height:30px}.slide-queue-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:20px;margin-bottom:10px}.slide-queue-heading h3{font-size:11px;font-weight:450;color:#6b869a;line-height:1.5;margin:0}.slide-queue-heading>span{font-size:10px;color:#9badb9;white-space:nowrap}.slide-queue{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.slide-card{padding:10px 3px 8px;min-height:99px;border:1px solid #e0e8ee;border-radius:4px;background:#fcfdfe;display:flex;align-items:center;flex-direction:column;gap:6px;text-align:center;min-width:0}.slide-card:hover{border-color:#9bc3dd;background:#f4faff}.slide-card[aria-pressed=true]{border-color:#448fc0;background:#eff7fc;box-shadow:0 0 0 1px #d3e8f7}.slide-card[data-status=done]{border-color:#bad6d1;background:#f7fbf9}.slide-mini{position:relative;display:block;width:37px;height:20px;border:1px solid #b2c8d5;border-radius:2px;transform:rotate(-13deg);background:#f8fbfd}.slide-mini i{position:absolute;inset:3px 3px 3px 25px;background:#cddce7}.slide-mini b{position:absolute;width:13px;height:9px;border-radius:50% 35% 40% 30%;background:#dbafd0;left:6px;top:5px;opacity:.9}.slide-card:nth-child(2) .slide-mini b{transform:rotate(35deg);background:#dab2c8}.slide-card:nth-child(3) .slide-mini b{transform:scale(.85,1.1);background:#cea5ca}.slide-card:nth-child(4) .slide-mini b{transform:rotate(-35deg);background:#d8b3d6}.slide-number{font-size:10px;color:#537b98;line-height:1.35}.slide-status{font-size:9px;color:#8a9fae;line-height:1.35;min-height:12px;overflow-wrap:anywhere}.slide-card[data-status=done] .slide-status{color:#6c9b91}.demo-note{font-size:10px;line-height:1.8;color:#91a3b0;margin:17px 0 0}.detail-panel[data-mode=flow] .preview-note{margin-top:20px}.detail-panel[data-mode=flow] .reset-product{margin-top:15px}.structure-controls[hidden]+.playback-controls{border:1px solid var(--line);border-top:0;border-radius:0 0 8px 8px}.playback-controls[data-mode=product]{border:0;padding-top:12px;opacity:.8}.playback-controls[data-mode=product]:hover{opacity:1}html[dir=rtl] .toggle-track>span{left:auto;right:2px}html[dir=rtl] .cutaway-button[aria-pressed=true] .toggle-track>span{transform:translateX(-13px)}html[dir=rtl] .product-link svg,html[dir=rtl] .reset-product svg{transform:scaleX(-1)}
@keyframes focus-pulse{50%{box-shadow:0 0 0 8px #2784b80c}}
@media(min-width:1700px){.demo-layout{grid-template-columns:minmax(0,1fr) 350px;gap:45px}.flow-heading>p:last-child{font-size:13px}.flow-heading h2{font-size:28px}}
@media(max-width:1150px){.demo-layout{grid-template-columns:minmax(0,1fr) 290px;gap:25px}.chapter-navigation{gap:16px}.chapter-navigation button{font-size:11px}.tour-start{font-size:11px;padding-inline:12px}.scene-window{height:570px}.speed-control>span{display:none}.scene-caption span{max-width:170px;line-height:1.6}}
@media(max-width:850px){.demo-layout{grid-template-columns:minmax(0,1fr)}.demo-heading{gap:10px;align-items:flex-start}.chapter-navigation{gap:17px;flex-wrap:wrap;row-gap:0}.chapter-navigation button{padding-block:8px}.scene-window{height:560px}#product-detail-content{display:grid;grid-template-columns:230px minmax(0,1fr);gap:0 28px}#product-detail-content .feature-content{grid-column:2;grid-row:1 / span 3;padding-top:0}#product-detail-content .reset-product{grid-column:2}#flow-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 26px}#flow-panel>.panel-heading,#flow-panel>.flow-heading,#flow-panel>.workflow-progress{grid-column:1}#flow-panel>.imaging-panel{grid-column:2;grid-row:1 / span 5}#flow-panel>.slide-queue-heading,#flow-panel>.slide-queue{grid-column:1}#flow-panel>.reset-product{grid-column:1}#flow-panel>.demo-note{grid-column:1 / -1}.flow-heading>p:last-child{min-height:0}.preview-note{margin-top:24px}.playback-controls{padding-inline:3px}.structure-controls[hidden]+.playback-controls{padding-inline:15px}}
@media(max-width:600px){.demo-heading{display:block;padding-top:10px}.chapter-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.chapter-navigation button{flex-direction:column;align-items:flex-start;gap:4px;line-height:1.45;font-size:10px;min-height:56px;padding:9px 2px}.chapter-navigation button>span:first-child{font-size:9px}.tour-start{width:100%;margin-top:9px;min-height:43px;font-size:12px}.demo-layout{padding-top:15px;gap:25px}.scene-window{height:460px}.scene-topbar{top:16px}.scene-caption{bottom:73px}.scene-caption span{font-size:8px;max-width:150px}.playback-controls{gap:6px}.playback-controls .icon-button{min-width:30px}.play-button{min-width:36px;height:36px}.timeline-label{gap:7px}.timeline-progress{min-width:28px;font-size:10px}.speed-control{gap:0;padding-inline-start:5px}.speed-control select{font-size:11px;min-height:34px}#product-detail-content{display:block}#product-detail-content .feature-content{padding-top:25px}#flow-panel{display:block}.flow-heading h2{font-size:25px}.flow-heading>p:last-child{font-size:13px}.imaging-panel{padding:15px}.mosaic-heading{font-size:11px}.focus-step-strip>span{font-size:10px}.tissue-preview{max-height:245px;aspect-ratio:1.65}.slide-card{min-height:101px;gap:7px}.slide-number{font-size:11px}.slide-status{font-size:10px}.slide-mini{width:42px;height:22px}.slide-mini i{inset-inline-start:29px}.slide-mini b{top:6px}.demo-note{font-size:11px}.scan-progress-note{min-height:0}.panel-heading{padding-bottom:17px}.preview-note{margin-top:25px}.scene-bottom-bar .orbit-hint{max-width:120px}.scene-bottom-bar{gap:5px}.view-controls button{padding-inline:7px}.structure-controls{padding-inline:16px}.structure-controls>span:first-child{font-size:10px}}
@media(max-width:380px){.scene-window{height:410px}.scene-topbar,.scene-bottom-bar{inset-inline:13px}.scene-caption{inset-inline-start:14px}.view-controls button{font-size:10px;padding-inline:6px}.scene-bottom-bar .orbit-hint{font-size:10px;gap:5px;max-width:105px}.scene-caption span{max-width:120px}.speed-control select{padding-inline:2px}}
@media(prefers-reduced-motion:reduce){.focus-point,.tissue-art,.mosaic-grid i{transition:none}.focus-point[data-status=active]{animation:none}}
/* Optical options and staining-rack loading guide */
.optics-configuration{padding:17px 19px 13px;border:1px solid var(--line);border-top:0;background:#fff}.configuration-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:11px}.configuration-heading h2{font-size:11px;font-weight:500;color:#4f6d82;margin:0}.configuration-heading>span{font-size:9px;color:#8da0ad}.configuration-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.configuration-card{min-height:66px;display:flex;align-items:center;gap:12px;padding:10px 14px;background:#fbfcfd;border:1px solid #dce6ec;border-radius:5px;text-align:start;color:#607d90}.configuration-card:hover{border-color:#99bfd8;background:#f5faff}.configuration-card[aria-pressed=true]{border-color:#3d8cbd;background:#f0f7fc;color:#216e9d;box-shadow:inset 0 0 0 1px #d9ebf7}.configuration-card>.configuration-icon{width:42px;height:38px;stroke-width:1.5}.configuration-card>span{display:grid;gap:4px;flex:1;min-width:0}.configuration-card strong{font-size:13px;font-weight:500;line-height:1.3;overflow-wrap:anywhere}.configuration-card small{font-size:10px;font-weight:400;color:#8096a6;line-height:1.4}.configuration-card>.configuration-check{width:15px;height:15px;color:#b7c9d6;stroke-width:1.4}.configuration-check path{visibility:hidden}.configuration-card[aria-pressed=true] .configuration-check{color:#3888ba;fill:#3888ba}.configuration-card[aria-pressed=true] .configuration-check path{visibility:visible;stroke:#fff;fill:none}.configuration-status{font-size:10px;line-height:1.6;min-height:16px;margin:10px 0 0;color:#6b879a}.loading-guide{padding:17px 14px 14px;border:1px solid #dbe6ed;border-radius:6px;background:#fbfdfe}.loading-guide h3{font-size:12px;font-weight:500;margin:0 0 19px;line-height:1.6;color:#53758e}.loading-objects{display:grid;grid-template-columns:minmax(0,1fr) 61px minmax(0,1fr);align-items:center;gap:4px}.loading-objects figure{margin:0;text-align:center;min-width:0}.loading-objects figure>svg{display:block;width:78px;height:72px;max-width:100%;margin-inline:auto;stroke-width:1.8}.loading-objects figcaption{font-size:11px;line-height:1.5;margin-top:7px;color:#54758d}.rack-body{fill:#e0dac7;stroke:#b7b19f}.rack-slots{stroke:#a6a291;stroke-width:1.1}.source-slides{stroke:#e8f6fa;stroke-width:4}.magazine-body{fill:#253741;stroke:#16252f}.magazine-slots{stroke:#697d87;stroke-width:1.3}.receiver-slides{stroke:#cce6ed;stroke-width:2.4;opacity:.18}.loading-guide[data-transferred=true] .receiver-slides{opacity:1}.loading-guide[data-transferred=true] .source-slides{opacity:.18}.loading-transfer{display:flex;flex-direction:column;align-items:center;gap:8px;color:#6d9dbb;align-self:center;padding-bottom:16px}.loading-transfer svg{width:51px;height:31px;stroke-width:1.4}.loading-transfer span{font-size:9px;line-height:1.5;text-align:center;max-width:100%;color:#7a95a8}.loading-compatibility{font-size:10px;line-height:1.7;color:#5e8199;text-align:center;padding:7px 6px;margin:17px 0 15px;background:#eff5f8;border:1px solid #e5edf2;border-radius:3px}.loading-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0;margin:0;list-style:none}.loading-stages li{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding-top:9px;border-top:2px solid #dfe8ee;color:#8ea1ae;font-size:10px;line-height:1.5;min-width:0}.loading-stages li>span:first-child{font-size:8px;color:#a1b2be}.loading-stages li[data-status=done]{border-color:#9bbfd4;color:#6d8e9f}.loading-stages li[data-status=current]{border-color:#3d8cbd;color:#2e77a7}.loading-stages li[data-status=current]>span:first-child{color:#4d8db5}.loading-example{font-size:9px;line-height:1.7;color:#8b9eac;margin:16px 0 0}.configuration-card:disabled{cursor:wait}.configuration-card:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(max-width:1150px){.configuration-card{gap:8px;padding-inline:11px}.configuration-card>.configuration-icon{width:34px;height:34px}.configuration-card strong{font-size:12px}.configuration-card small{font-size:9px}.optics-configuration{padding-inline:15px}}
@media(max-width:850px){#flow-panel>.loading-guide{grid-column:2;grid-row:1 / span 5}.configuration-card{gap:12px;padding-inline:15px}.configuration-card>.configuration-icon{width:42px;height:38px}.configuration-card strong{font-size:13px}.configuration-card small{font-size:10px}}
@media(max-width:600px){.optics-configuration{padding:16px 13px 12px}.configuration-heading h2{font-size:12px}.configuration-heading>span{font-size:10px}.configuration-options{gap:8px}.configuration-card{min-height:70px;gap:8px;padding:10px 9px}.configuration-card>.configuration-icon{width:29px;height:32px}.configuration-card>.configuration-check{width:12px;height:12px}.configuration-card strong{font-size:12px}.configuration-card small{font-size:9px}.configuration-status{font-size:10px}.loading-guide{padding:17px 16px}.loading-guide h3{font-size:13px}.loading-objects{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);gap:8px}.loading-objects figure>svg{width:86px;height:78px}.loading-objects figcaption{font-size:12px}.loading-transfer span{font-size:10px}.loading-compatibility{font-size:11px}.loading-stages li{font-size:11px}.loading-stages li>span:first-child{font-size:9px}.loading-example{font-size:10px}}
@media(max-width:380px){.configuration-card{gap:6px;padding-inline:7px}.configuration-card>.configuration-icon{width:25px}.configuration-card small{font-size:8px}.configuration-heading{margin-bottom:10px}.loading-objects{grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);gap:4px}}
@media print{.optics-configuration,.loading-guide{break-inside:avoid}.configuration-card{min-height:55px}.configuration-card>.configuration-check{display:none}}
/* Customer-facing powered-door operation */
.door-control{display:flex;flex-direction:column;align-items:flex-end;gap:7px;pointer-events:auto;max-width:205px}.door-status-line{display:flex;align-items:center;justify-content:flex-end;gap:10px;line-height:1.5;font-size:10px;color:#7b91a0}.door-status-line>#door-status{display:inline-flex;align-items:center;gap:5px;color:#52788f;white-space:nowrap}.door-status-line>#door-status::before{content:"";width:4px;height:4px;background:#8aa9bc;border-radius:50%;flex:none}.door-control[data-busy=true] #door-status::before{background:#3c8abc;animation:door-status-pulse .8s ease-in-out infinite}.door-control[data-phase=open] #door-status{color:#4d8a7b}.door-control[data-phase=open] #door-status::before{background:#65a18e}.door-control .outline-button{min-width:122px;justify-content:center;background:#fbfdfeeb;box-shadow:0 2px 7px #263c4b06}.door-control .outline-button:disabled{cursor:default;opacity:.6}.door-control[data-busy=true] .outline-button{color:#357eab;border-color:#bad4e5;background:#f2f9fdf0;opacity:1}.door-context{font-size:9px;line-height:1.6;max-width:205px;margin:0;color:#7e96a7;text-align:end}.experience-note{font-size:10px;line-height:1.8;color:#8296a4;margin:13px 0 0}.playback-controls[data-mode=flow]{border:1px solid var(--line);border-top:0;border-radius:0 0 8px 8px}.scene-topbar>.view-heading{max-width:calc(100% - 220px);line-height:1.5;align-self:flex-start}.scene-window .scene-topbar{align-items:flex-start}
.door-control .outline-button{max-width:100%;white-space:normal}.door-control [data-door-label]{min-width:0;overflow-wrap:anywhere}.door-status-line>span:first-child{min-width:0;overflow-wrap:anywhere;text-align:end}
@keyframes door-status-pulse{50%{opacity:.3}}
@media(max-width:850px){.door-control{max-width:200px}.scene-topbar>.view-heading{max-width:calc(100% - 215px)}}
@media(max-width:600px){.door-control{gap:6px;max-width:174px}.door-status-line{font-size:9px;gap:7px}.door-control .outline-button{min-width:112px;min-height:37px;font-size:11px;padding:7px 10px}.door-control .outline-button svg{width:15px;height:15px}.door-context{font-size:8px;max-width:174px}.scene-topbar>.view-heading{max-width:calc(100% - 185px)}.experience-note{font-size:11px;line-height:1.8}}
@media(max-width:380px){.door-control{max-width:160px}.scene-topbar>.view-heading{max-width:calc(100% - 171px)}}
@media(prefers-reduced-motion:reduce){.door-control[data-busy=true] #door-status::before{animation:none}}
@media print{.door-control{display:none}}