@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:#586f80;--blue:#0066b8;--blue-dark:#00589e;--line:#dbe4ea;--soft:#f2f6f8;--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,select{touch-action:manipulation}
button,a,input,select{-webkit-tap-highlight-color:transparent}
button{color:inherit;cursor:pointer}
button:disabled{opacity:.45;cursor:wait}
button,a,select,input{outline-offset:4px}
a{color:inherit}
svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--blue)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.page-width{max-width:1680px;margin-inline:auto;padding-inline:clamp(24px,4vw,72px)}
.skip-link{position:fixed;left:20px;top:10px;transform:translateY(-160%);opacity:0;pointer-events:none;z-index:30;background:var(--blue);color:#fff;padding:12px 20px;text-decoration:none;border-radius:4px}
.skip-link:focus{transform:none;opacity:1;pointer-events:auto}
.site-header{height:84px;display:flex;align-items:center;gap:27px;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-label{font-size:12px;letter-spacing:.015em;color:#5f7687;padding-left:26px;border-left:1px solid var(--line);white-space:nowrap}
.header-divider{margin-inline:10px;color:#b2bec7}
.product-link{display:inline-flex;align-items:center;gap:12px;margin-inline-start:auto;min-height:44px;font-size:12px;color:#596f81;text-decoration:none}
.product-link svg{width:17px;height:17px}
.product-link:hover{color:var(--blue)}
.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;padding-block:30px 25px}
.eyebrow{font-size:11px;color:#5f7687;letter-spacing:.085em;margin:0 0 7px;line-height:1.5}
h1{margin:0;font-size:clamp(34px,3.1vw,46px);font-weight:400;line-height:1.13;letter-spacing:-.055em}
.intro-description{font-size:14px;line-height:1.8;color:#586f80;margin:0 0 3px;letter-spacing:.015em}
.demo-layout{display:grid;grid-template-columns:minmax(0,1fr) 296px;gap:40px;align-items:stretch;scroll-margin-top:20px}
.viewer-column{min-width:0;width:100%;align-self:start;display:flex;flex-direction:column;border:1px solid #dce5eb;border-radius:9px;overflow:hidden;box-shadow:0 5px 27px #30506b05;background:#f2f6f8}
.scene-window{height:clamp(510px,44vw,618px);position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 52% 36%,#fff 0,#eef3f6 67%,#e8eff3 100%)}
.scene-sheen{position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 #fff8,inset -1px 0 0 #fff8;background:linear-gradient(135deg,#fff2,transparent 40%)}
.viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;outline-offset:-4px}
.viewport>canvas{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:0;outline-offset:-4px}
.scene-topbar{position:absolute;left:25px;right:23px;top:21px;display:flex;align-items:center;justify-content:space-between;gap:18px;z-index:6;pointer-events:none}
.view-heading{display:flex;align-items:center;gap:8px;color:#567086;font-size:11px;letter-spacing:.025em;white-space:nowrap}
.view-dot{height:5px;width:5px;border-radius:50%;background:#7c96a8}
.cover-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 13px 9px 11px;background:#ffffffc9;border:1px solid #cbd9e3;border-radius:5px;color:#44647b;font-size:12px;line-height:1;white-space:nowrap;box-shadow:0 2px 10px #20436105;pointer-events:auto;backdrop-filter:blur(12px);transition:background .2s,border-color .2s,color .2s}
.cover-button>svg:first-child{width:17px;height:17px;stroke-width:1.2}
.cover-button .cover-chevron{width:12px;height:12px;margin-left:3px;color:#8ca0ad;transition:transform .25s}
.cover-button:hover{border-color:#85b0ce;background:#fff;color:var(--blue)}
.cover-button[aria-expanded=true]{border-color:#b9d3e6;color:var(--blue);background:#f8fcffed}
.cover-button[aria-expanded=true] .cover-chevron{transform:rotate(180deg)}
.scene-bottom-bar{position:absolute;left:25px;right:20px;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:6;pointer-events:none}
.orbit-hint{display:flex;align-items:center;gap:8px;color:#567086;font-size:11px;line-height:1.5;margin:0}
.orbit-hint svg{width:17px;height:17px;stroke-width:1.3}
.hint-divider{padding-inline:5px;color:#a9bac6}
.view-controls{display:flex;align-items:center;gap:2px;pointer-events:auto}
.view-controls button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;min-width:38px;padding:7px 10px;border:0;border-radius:4px;background:transparent;color:#567086;font-size:11px;transition:background .2s,color .2s}
.view-controls button:hover{color:var(--blue);background:#fff}
.view-controls button[aria-pressed=true]{color:var(--blue);background:#ffffffc4;box-shadow:0 1px 3px #21425b04}
.view-controls .icon-button{width:36px;margin-left:7px;padding-left:12px;border-left:1px solid #d2dfe7;border-radius:0}
.view-controls .icon-button svg{width:16px;height:16px}
.scene-caption{position:absolute;left:26px;bottom:73px;z-index:2;color:#8a9fae;font-size:11px;letter-spacing:.02em;pointer-events:none}
.scene-caption>span{font-size:11px;letter-spacing:.11em;margin-left:12px;color:#9aacb8}
.annotations{position:absolute;inset:0;z-index:3;pointer-events:none}
.hotspot{position:absolute;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:8px 10px;border:1px solid #c8d9e4;border-radius:4px;background:#fffffff0;box-shadow:0 3px 12px #2b4c6310;backdrop-filter:blur(8px);font-size:11px;line-height:1;color:#4f6e84;white-space:nowrap;transform:translate(-50%,-50%);pointer-events:auto;transition:background .2s,border-color .2s,box-shadow .2s;will-change:left,top}
.hotspot:hover{background:#fff;border-color:#87b2d2;box-shadow:0 4px 20px #245d8319}
.hotspot[aria-pressed=true]{color:var(--blue);border-color:#80aed0}
.hotspot-dot{width:5px;height:5px;flex:none;border-radius:50%;background:#6597b8;box-shadow:0 0 0 3px #5c9ac30b}
.hotspot>svg{height:12px;width:12px;stroke-width:1.3;color:#8ca6b9;margin-left:1px}
.hotspot-cover{left:57%;top:53%}
.hotspot-optics{left:66%;top:37%}
.hotspot-basket{left:34%;top:57%}
.hotspot-transfer{left:58%;top:71%}
.playback-controls{display:flex;align-items:center;gap:18px;min-height:76px;padding:15px 20px;border-top:1px solid #dce5eb;background:#fff}
.playback-actions{display:flex;align-items:center;gap:5px;flex:none}
.play-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;min-width:138px;padding:10px 13px;border:1px solid #c8dbe9;border-radius:4px;background:#f2f8fc;color:var(--blue);font-size:12px;font-weight:500;white-space:nowrap;transition:background .2s,border-color .2s}
.play-button:hover{background:#e8f3fb;border-color:#9ec2de}
.play-button svg{width:14px;height:14px;fill:currentColor;stroke-width:0}
.icon-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;width:38px;border:0;border-radius:4px;background:none;color:#7d919f;padding:8px;transition:background .2s,color .2s}
.icon-button:hover{color:var(--blue);background:#f2f6f9}
.icon-button svg{width:17px;height:17px}
.timeline-control{display:flex;align-items:center;gap:15px;min-width:0;flex:1}
input[type=range]{--progress:0%;width:100%;min-width:20px;height:44px;margin:0;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent;flex:1;touch-action:pan-y}
input[type=range]::-webkit-slider-runnable-track{height:2px;border-radius:3px;background:linear-gradient(to right,var(--blue) 0 var(--progress),#dce5ec var(--progress) 100%)}
input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:9px;height:9px;margin-top:-3.5px;border-radius:50%;background:var(--blue);border:2px solid #fff;box-shadow:0 0 0 1px var(--blue)}
input[type=range]::-moz-range-track{height:2px;border-radius:3px;background:#dce5ec}
input[type=range]::-moz-range-progress{height:2px;background:var(--blue)}
input[type=range]::-moz-range-thumb{width:6px;height:6px;border-radius:50%;background:var(--blue);border:2px solid #fff;box-shadow:0 0 0 1px var(--blue)}
.time-display{display:flex;gap:5px;flex:none;white-space:nowrap;color:#5d7487;font-size:11px;font-variant-numeric:tabular-nums}
#time-current{color:#4f6b7e}
.time-separator{color:#a9b8c3}
.speed-control{position:relative;display:flex;align-items:center;flex:none;padding-left:12px;border-left:1px solid var(--line)}
.speed-control select{appearance:none;-webkit-appearance:none;background:transparent;border:0;color:#5d788c;min-height:36px;width:53px;padding:7px 16px 7px 4px;font-size:11px;cursor:pointer}
.speed-control svg{position:absolute;right:1px;pointer-events:none;width:12px;height:12px;stroke-width:1.4;color:#8da1af}
.detail-panel{min-width:0;display:flex;flex-direction:column;padding-top:5px}
.product-detail-content{display:flex;flex-direction:column;min-width:0;flex:1}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#5c7589;font-size:11px;line-height:1.6;padding-bottom:17px}
.panel-index{font-size:11px;letter-spacing:.08em;color:#9aabb7;font-variant-numeric:tabular-nums}
.feature-navigation{display:flex;gap:0;border-block:1px solid var(--line)}
.feature-navigation button{display:flex;flex:1;min-width:0;min-height:75px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 4px 11px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;color:#5e778b;font-size:12px;line-height:1.3;transition:color .2s,background .2s,border-color .2s}
.feature-navigation button svg{width:21px;height:21px;stroke-width:1.1}
.feature-navigation button:hover{color:var(--blue);background:#f5f9fc}
.feature-navigation button[aria-pressed=true]{color:var(--blue);border-bottom-color:var(--blue);background:linear-gradient(0deg,#eef6fc88,transparent)}
.feature-content{padding-top:31px;min-height:320px}
.feature-kicker{font-size:11px;line-height:1.6;letter-spacing:.04em;margin:0 0 13px;color:#54778f}
.feature-content h2{font-size:25px;font-weight:400;line-height:1.5;letter-spacing:-.035em;margin:0 0 17px;overflow-wrap:anywhere}
.feature-description{font-size:13px;line-height:1.95;color:#586f80;margin:0 0 24px;overflow-wrap:anywhere}
.feature-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:15px}
.feature-points li{position:relative;padding-left:15px;font-size:12px;line-height:1.75;color:#557185;overflow-wrap:anywhere}
.feature-points li::before{content:"";position:absolute;left:1px;top:.75em;width:4px;height:4px;background:#8faebe;border-radius:50%}
.feature-source{display:inline-flex;align-items:center;gap:7px;font-size:11px;line-height:1.6;color:var(--blue);text-decoration:none;margin-top:24px;min-height:36px}
.feature-source svg{height:13px;width:13px}
.feature-source:hover{text-decoration:underline;text-underline-offset:3px}
.reset-product{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;align-self:flex-start;min-height:36px;padding:7px 0;margin-top:21px;border:0;background:none;color:#5c768b;font-size:12px}
.reset-product svg{height:16px;width:16px}
.reset-product:hover{color:var(--blue)}
.workflow-details{margin-top:auto;padding-top:25px}
.workflow-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:53px;cursor:pointer;list-style:none;border-block:1px solid var(--line);font-size:12px;color:#526f84;line-height:1.5}
.workflow-details summary::-webkit-details-marker{display:none}
.workflow-details summary:hover{color:var(--blue)}
.workflow-meta{display:inline-flex;align-items:center;gap:9px;font-size:11px;color:#60778a;white-space:nowrap}
.workflow-meta svg{height:13px;width:13px;transition:transform .2s}
.workflow-details[open] .workflow-meta svg{transform:rotate(180deg)}
.workflow-content{padding-block:18px 4px}
.current-step{margin-bottom:11px;padding-bottom:15px;border-bottom:1px solid #e7edf1}
.step-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#60798b;margin-bottom:10px}
#step-counter{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.04em}
.current-step h3{font-size:18px;font-weight:400;line-height:1.5;margin:0 0 7px;letter-spacing:-.02em}
.current-step p{font-size:12px;line-height:1.85;color:#5c7589;margin:0}
.step-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 7px}
.step-list li{margin:0;min-width:0}
.step-list button{width:100%;display:flex;align-items:center;gap:8px;min-height:58px;padding:8px 6px;border:1px solid transparent;border-radius:4px;background:none;text-align:left;transition:background .2s,border-color .2s,color .2s}
.step-badge{display:flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;border:1px solid #dce6ee;border-radius:50%;color:#62798b;font-size:11px;font-variant-numeric:tabular-nums}
.step-label{font-size:12px;line-height:1.5;flex:1;color:#5b7387}
.step-label small{display:block;font-size:11px;line-height:1.4;margin-top:2px;color:#61798b}
.step-arrow{display:none}
.step-list button[data-active=true],.step-list button[aria-current=step]{color:var(--blue);background:#eff7fc;border-color:#dcecf6}
.step-list button[data-active=true] .step-badge,.step-list button[aria-current=step] .step-badge{color:#fff;border-color:var(--blue);background:var(--blue)}
.step-list button[data-active=true] .step-label,.step-list button[aria-current=step] .step-label{color:var(--blue)}
.step-list button:hover{background:#f2f7fa}
.reference-footer{display:flex;align-items:center;gap:27px;min-height:101px;margin-top:22px;padding:17px 0 23px;border-top:1px solid var(--line)}
.product-reference{display:flex;align-items:center;gap:13px;flex:none;margin:0}
.product-reference img{display:block;object-fit:contain;width:100px;height:55px}
.product-reference figcaption{display:flex;flex-direction:column;gap:4px;color:#61798b;font-size:11px;line-height:1.4}
.product-reference strong{font-size:11px;font-weight:400;color:#5f7689}
.reference-footer>p{font-size:11px;line-height:1.7;color:#62798b;margin:0;padding-left:26px;border-left:1px solid var(--line)}
.footer-wordmark{--brand-width:86px;--brand-height:27px;margin-left:auto}
.scene-state{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:75px 30px;background:#eff4f7e8;backdrop-filter:blur(10px)}
.scene-state strong{font-size:14px;font-weight:400;color:#56768d}
.scene-state>span:last-child,.scene-state p{font-size:11px;line-height:1.8;margin:0;color:#5d7589;max-width:320px}
.loading-spinner{display:block;width:25px;height:25px;border:1px solid #c9dce8;border-top-color:#4284b5;border-radius:50%;animation:loading-spin 1s linear infinite;margin-bottom:4px}
@keyframes loading-spin{to{transform:rotate(360deg)}}
.error-state{z-index:7;background:#f1f6f9}
.error-state img,.noscript-state img{width:min(450px,85%);height:auto;max-height:230px;object-fit:contain;margin-bottom:9px}
.error-state strong,.noscript-state strong{font-size:13px}
.text-button{display:inline-flex;align-items:center;gap:8px;min-height:38px;margin-top:5px;padding:8px 13px;border:1px solid #c2d8e9;border-radius:4px;background:#fff;color:var(--blue);font-size:11px}
.text-button:hover{background:#f2f8fc}
.text-button svg{height:14px;width:14px}
.noscript-state{z-index:8;background:#f1f6f9}
@media(min-width:1550px){.demo-layout{grid-template-columns:minmax(0,1fr) 316px;gap:44px}.scene-window{height:650px}.feature-content{padding-top:38px}.feature-description{font-size:14px}.feature-points li{font-size:13px}.feature-content h2{font-size:27px}}
@media(max-width:1200px){.page-width{padding-inline:32px}.demo-layout{grid-template-columns:minmax(0,1fr) 270px;gap:28px}.scene-window{height:550px}.scene-topbar{left:21px;right:20px}.scene-bottom-bar{left:21px;right:17px}.scene-caption{left:22px}.scene-caption>span{display:none}.playback-controls{padding-inline:16px;gap:11px}.play-button{min-width:130px;padding-inline:10px;font-size:11px}.playback-actions{gap:1px}.timeline-control{gap:11px}.time-display{gap:4px}.speed-control{padding-left:9px}.feature-content h2{font-size:24px}.feature-points{gap:12px}}
@media(max-width:1000px){.demo-layout{display:flex;flex-direction:column;gap:32px}.scene-window{height:570px}.detail-panel{display:flex;align-items:stretch}.product-detail-content{display:grid;grid-template-columns:270px minmax(0,1fr);column-gap:36px;align-items:start}.panel-heading{grid-area:1/1;padding-bottom:16px}.feature-navigation{grid-area:2/1;align-self:start}.feature-content{grid-area:1/2/5/3;padding-top:0;min-height:0}.reset-product{grid-area:3/1;margin-top:20px}.workflow-details{grid-area:5/1/6/3;margin-top:25px;padding-top:0}.feature-content h2{font-size:26px}.feature-description{font-size:13px;margin-bottom:18px}.feature-points{gap:10px}.workflow-content{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px;padding-top:20px}.current-step{border:0;padding:0;margin:0}.step-list{grid-template-columns:repeat(3,minmax(0,1fr))}.scene-caption>span{display:inline}.reference-footer{margin-top:24px}.intro{padding-block:26px 23px}}
@media(max-width:760px){.page-width{padding-inline:22px}.site-header{height:76px;gap:21px}.header-label{padding-left:21px;font-size:11px}.header-divider{margin-inline:6px}.product-link{font-size:11px;gap:8px}.intro{align-items:flex-start;padding-block:26px 23px}.intro-description{font-size:12px;margin-top:33px}h1{font-size:38px}.eyebrow{font-size:11px}.scene-window{height:490px}.scene-topbar{left:19px;right:17px;top:17px}.scene-bottom-bar{left:19px;right:15px;bottom:17px}.scene-caption{left:20px;bottom:65px}.scene-caption>span{display:none}.cover-button{min-height:38px;font-size:11px;padding:8px 11px}.cover-button>svg:first-child{height:16px;width:16px}.playback-controls{padding:13px 16px;gap:12px;min-height:72px}.play-button{min-width:128px}.timeline-control{gap:12px}.speed-control{padding-left:10px}.product-detail-content{grid-template-columns:220px minmax(0,1fr);column-gap:27px}.feature-content h2{font-size:23px}.feature-description{font-size:12px}.feature-points li{font-size:12px}.feature-navigation button{min-height:74px}.feature-navigation button svg{height:20px;width:20px}.workflow-content{grid-template-columns:190px minmax(0,1fr);gap:20px}.step-list{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-footer{gap:21px}.reference-footer>p{padding-left:20px}.product-reference img{width:86px;height:49px}}
@media(max-width:600px){.page-width{padding-inline:18px}.site-header{height:70px;gap:16px}.wordmark .brand-art{--brand-width:118px;--brand-height:37px}.header-label{padding-left:0;border:0;font-size:11px}.header-divider{display:none}.header-label{display:flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:1.35}.product-link{gap:5px;font-size:11px;min-height:38px}.product-link svg{height:14px;width:14px}.intro{display:block;padding-block:26px 22px}.eyebrow{margin-bottom:8px}h1{font-size:38px}.intro-description{margin:10px 0 0;font-size:12px}.demo-layout{gap:29px}.scene-window{height:450px}.scene-topbar{left:15px;right:13px;top:14px}.view-heading{font-size:11px;gap:6px}.cover-button{min-height:38px;padding-inline:10px;gap:6px}.cover-button .cover-chevron{display:none}.cover-button>svg:first-child{height:15px;width:15px}.scene-bottom-bar{left:15px;right:11px;bottom:14px;gap:8px}.orbit-hint{font-size:11px;gap:6px}.orbit-hint svg{height:16px;width:16px}.hint-divider{padding-inline:2px}.view-controls{gap:0}.view-controls button{font-size:11px;padding-inline:9px}.view-controls .icon-button{width:36px;margin-left:3px;padding-left:9px}.scene-caption{left:16px;bottom:60px;font-size:11px}.hotspot{font-size:11px;min-height:36px;padding:8px;gap:6px}.hotspot>svg{height:11px;width:11px}.hotspot-dot{width:4px;height:4px}.playback-controls{padding:11px 13px;gap:5px 10px;flex-wrap:wrap}.playback-actions{flex:1;gap:3px}.play-button{min-width:132px;min-height:38px;font-size:11px;padding:9px 10px}.playback-actions .icon-button{width:36px;min-height:36px}.speed-control{margin-left:auto;border:0;padding-left:0}.timeline-control{flex-basis:100%;order:3;gap:13px}.time-display{font-size:11px}.detail-panel{display:flex;flex-direction:column;padding-inline:2px}.product-detail-content{display:flex;flex-direction:column;width:100%}.panel-heading{width:100%;padding-bottom:16px;font-size:11px}.feature-navigation{width:100%}.feature-navigation button{min-height:72px;font-size:12px;gap:7px}.feature-content{padding-top:27px;width:100%}.feature-kicker{font-size:11px;margin-bottom:10px}.feature-content h2{font-size:27px;margin-bottom:13px}.feature-description{font-size:13px;line-height:1.9;margin-bottom:20px}.feature-points{gap:12px}.feature-points li{font-size:12px}.feature-source{margin-top:18px}.reset-product{font-size:12px;margin-top:19px}.workflow-details{width:100%;margin-top:27px}.workflow-details summary{min-height:54px;font-size:12px}.workflow-content{display:block;padding-top:20px}.current-step{padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:12px}.current-step h3{font-size:19px}.current-step p{font-size:12px}.step-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 8px}.step-list button{min-height:60px;padding-inline:7px;gap:9px}.step-label{font-size:13px}.reference-footer{flex-wrap:wrap;gap:14px 20px;padding-block:17px 22px;margin-top:25px;min-height:0}.product-reference{gap:10px}.product-reference img{width:77px;height:44px}.product-reference figcaption{font-size:11px}.reference-footer>p{font-size:11px;padding-left:18px}.footer-wordmark{display:none}.scene-state{padding-inline:20px}.error-state img,.noscript-state img{max-height:190px}.scene-state strong{font-size:13px}.scene-state p,.scene-state>span:last-child{font-size:11px}}
@media(max-width:390px){.page-width{padding-inline:15px}.site-header{gap:13px}.wordmark .brand-art{--brand-width:108px;--brand-height:34px}.header-label{font-size:11px}.product-link{font-size:11px;gap:3px}.product-link svg{width:13px}.scene-window{height:405px}.scene-topbar{left:12px;right:11px}.scene-bottom-bar{left:12px;right:8px;gap:3px}.orbit-hint{font-size:11px;gap:4px}.orbit-hint svg{display:none}.view-controls button{padding-inline:7px;min-width:36px}.view-controls .icon-button{margin-left:0;padding-inline:8px}.scene-caption{left:13px}.cover-button{font-size:11px;padding-inline:9px}.view-heading{font-size:11px}.reference-footer>p{border:0;padding-left:0;flex-basis:100%}.hotspot{gap:5px;padding-inline:7px}.hotspot>svg{display:none}}
@media(max-width:340px){.page-width{padding-inline:12px}.site-header{gap:10px}.wordmark .brand-art{--brand-width:103px;--brand-height:32px}.header-label{font-size:11px}.product-link{font-size:11px}.scene-window{height:370px}.scene-topbar{left:11px;right:10px}.cover-button{padding-inline:8px}.cover-button>svg:first-child{display:none}.view-heading{font-size:11px}.scene-bottom-bar{left:11px;right:7px}.hint-divider{padding-inline:0}.orbit-hint{font-size:11px}.view-controls button{padding-inline:5px}.playback-controls{padding-inline:11px}.feature-content h2{font-size:25px}.step-list button{padding-inline:5px;gap:7px}.step-label{font-size:12px}.step-badge{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.loading-spinner{animation:none;border-color:#bdd4e4;border-top-color:var(--blue)}}
@media print{.page-width{padding-inline:0}.site-header{height:65px}.intro{padding-block:22px}.demo-layout{grid-template-columns:minmax(0,1fr) 260px;gap:25px}.scene-window{height:430px}.scene-topbar,.scene-bottom-bar,.playback-controls,.feature-navigation,.reset-product,.workflow-details,.skip-link{display:none}.feature-content{padding-top:5px}.reference-footer{break-inside:avoid}.detail-panel{break-inside:avoid}}


.workflow-navigation{display:flex;align-items:center;gap:31px;min-width:0;margin:0 0 23px;border-block:1px solid var(--line)}
.chapter-list{display:flex;flex:1;min-width:0;align-self:stretch}
.chapter-list button{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:11px;flex:1;min-width:0;min-height:53px;padding:13px 12px 13px 0;border:0;background:none;color:#60798c;font-size:12px;line-height:1.5;white-space:nowrap;transition:color .2s,background .2s}
.chapter-list button::after{content:"";position:absolute;left:0;bottom:-1px;width:calc(100% - 22px);height:2px;background:transparent;transition:background .2s}
.chapter-index{font-size:11px;line-height:1.5;color:#7f96a6;font-variant-numeric:tabular-nums;letter-spacing:.05em}
.chapter-list button:hover{color:var(--blue)}
.chapter-list button[aria-pressed=true],.chapter-list button[data-active=true],.chapter-list button[aria-current=step]{color:var(--blue)}
.chapter-list button[aria-pressed=true]::after,.chapter-list button[data-active=true]::after,.chapter-list button[aria-current=step]::after{background:var(--blue)}
.chapter-list button[aria-pressed=true] .chapter-index,.chapter-list button[data-active=true] .chapter-index{color:var(--blue)}
.tour-start{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:9px 0 9px 21px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--blue);font-size:12px;line-height:1.5;white-space:nowrap}
.tour-start>svg:first-child{width:13px;height:13px;fill:currentColor;stroke-width:0}
.tour-start .tour-arrow{height:15px;width:15px;margin-left:6px;transition:transform .2s}
.tour-start:hover .tour-arrow{transform:translateX(3px)}
.scan-experience{display:flex;flex-direction:column;width:100%;min-width:0}
.scan-experience:not([hidden])~.workflow-details{display:none}
.scan-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px;min-width:0}
.scan-phase{font-size:11px;line-height:1.6;letter-spacing:.035em;color:var(--blue)}
.exit-tour{display:inline-flex;align-items:center;justify-content:flex-end;flex:none;gap:5px;min-height:36px;padding:6px 0 6px 5px;border:0;background:none;color:#5e788e;font-size:11px;white-space:nowrap}
.exit-tour>svg{height:13px;width:13px}
.exit-tour:hover{color:var(--blue)}
.scan-intro h2{font-size:22px;line-height:1.5;font-weight:400;letter-spacing:-.035em;margin:0 0 9px}
.scan-intro>p{font-size:12px;line-height:1.8;color:#5c7589;margin:0 0 16px}
.scan-mode{display:flex;align-items:center;gap:3px;padding:3px;width:100%;min-height:42px;border:1px solid #d8e3eb;border-radius:4px;background:#f3f7fa}
.scan-mode button{display:flex;align-items:center;justify-content:center;min-height:34px;min-width:56px;padding:7px 11px;border:0;border-radius:3px;background:none;color:#60798b;font-size:12px;font-variant-numeric:tabular-nums;transition:background .2s,color .2s}
.scan-mode button[aria-pressed=true]{background:#fff;color:var(--blue);box-shadow:0 1px 4px #2f4e670b}
.scan-mode button:hover{color:var(--blue)}
.scan-mode>span{margin-left:auto;padding-right:8px;color:#657d8d;font-size:11px;white-space:nowrap}
.scan-rating{display:flex;align-items:baseline;gap:11px;margin-top:16px;line-height:1;color:#294d65}
#scan-rating-main{font-size:45px;font-weight:400;letter-spacing:-.065em;font-variant-numeric:tabular-nums}
#scan-rating-unit{font-size:12px;color:#62798c;letter-spacing:.025em}
.scan-conditions{margin:9px 0 17px;font-size:11px;line-height:1.7;color:#61798a}
.scan-conditions p{margin:0}
.scan-conditions p+p{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:2px;color:#526f84;font-variant-numeric:tabular-nums}
.scan-mosaic-figure{min-width:0;width:100%;margin:0;border:1px solid #dce6ed;border-radius:5px;overflow:hidden;background:#fff}
.mosaic-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-bottom:1px solid #e3eaef;font-size:11px;line-height:1.5;color:#60798b}
#scan-percent{color:var(--blue);font-variant-numeric:tabular-nums}
#scan-mosaic{display:block;width:100%;height:auto;aspect-ratio:4/3;background:#f6f1f4}
.scan-mosaic-figure figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px;padding:7px 10px;border-top:1px solid #e3eaef;font-size:11px;line-height:1.5;color:#5c768a}
#scan-status{font-variant-numeric:tabular-nums;text-align:right}
.scan-elapsed-row{display:flex;align-items:center;justify-content:flex-end;min-height:31px;padding-block:7px 5px;font-size:11px;line-height:1.6;color:#637c8e;font-variant-numeric:tabular-nums}
.slide-queue{display:grid;grid-template-columns:repeat(6,minmax(44px,1fr));gap:4px;margin-top:3px;min-width:0}
.slide-queue button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:48px;padding:4px 0;border:1px solid #d8e3eb;border-radius:4px;background:#f8fafc;color:#60798b;transition:border-color .2s,background .2s,color .2s;line-height:1.25}
.slide-number{font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.02em}
[data-slide-state]{font-size:11px;line-height:1.25;white-space:nowrap}
.slide-queue button:hover{border-color:#94b6ce;color:var(--blue);background:#f2f8fd}
.slide-queue button[data-state=empty]{background:#fafcfd;color:#657b8c;border-color:#dfe6ec}
.slide-queue button[data-state=ready],.slide-queue button[data-state=queued]{background:#f5f9fc;border-color:#cbdce9;color:#59778d}
.slide-queue button[data-state=scanning]{background:#edf7ff;border-color:#72a7cf;color:var(--blue)}
.slide-queue button[data-state=complete]{background:#f3f9f5;border-color:#c0d9c9;color:#426f54}
.slide-queue button[aria-pressed=true]{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}
.auto-camera{display:flex;align-items:center;gap:8px;width:100%;min-height:39px;margin:12px 0 0;padding:8px 0;border:0;background:none;color:#5e788c;font-size:11px;text-align:left}
.auto-camera>svg{width:16px;height:16px;stroke-width:1.3}
.toggle-track{display:block;flex:none;width:26px;height:15px;border-radius:20px;margin-left:auto;background:#cfdae2;border:1px solid #c6d4df;padding:2px;transition:background .2s,border-color .2s}
.toggle-track>span{display:block;height:9px;width:9px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #243f5020;transition:transform .2s}
.auto-camera[aria-pressed=true] .toggle-track{background:#277ab8;border-color:#277ab8}
.auto-camera[aria-pressed=true] .toggle-track>span{transform:translateX(11px)}
.scan-note{font-size:11px;line-height:1.75;color:#657d8e;margin:5px 0 0;padding-top:10px;border-top:1px solid #e0e8ef}
.speed-story{padding-top:33px;margin-top:37px;border-top:1px solid var(--line)}
.speed-story-heading{display:flex;align-items:baseline;justify-content:space-between;gap:22px;margin-bottom:31px}
.speed-story h2{margin:0;font-size:28px;font-weight:400;line-height:1.5;letter-spacing:-.035em}
.speed-story-heading>p{margin:0;color:#637d90;font-size:12px;line-height:1.8}
.speed-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0}
.speed-facts>div{min-width:0;padding-left:31px;border-left:1px solid var(--line)}
.speed-facts>div:first-child{padding-left:0;border-left:0}
.speed-facts dt{font-size:12px;line-height:1.5;color:#5a758b;margin-bottom:15px}
.speed-facts dd{display:flex;align-items:baseline;gap:10px;margin:0;color:#294e67;white-space:nowrap}
.speed-facts strong{font-size:44px;line-height:1.1;font-weight:400;letter-spacing:-.065em;font-variant-numeric:tabular-nums}
.speed-facts dd>span{color:#5d788d;font-size:12px;line-height:1.5}
.speed-story-note{font-size:11px;line-height:1.8;color:#647d90;margin:24px 0 0}
@media(max-width:1200px){.slide-queue{grid-template-columns:repeat(3,minmax(44px,1fr))}.speed-facts>div{padding-left:25px}.speed-facts strong{font-size:40px}}
@media(max-width:1000px){.scan-experience{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);column-gap:30px;align-items:start}.scan-topline{grid-area:1/1/2/3;margin-bottom:17px}.scan-intro{grid-area:2/1}.scan-mode{grid-area:3/1}.scan-rating{grid-area:4/1;margin-top:15px}.scan-conditions{grid-area:5/1;margin-bottom:13px}.scan-mosaic-figure{grid-area:2/2/8/3}.scan-elapsed-row{grid-area:8/2}.slide-queue{grid-area:6/1;grid-template-columns:repeat(6,minmax(44px,1fr));margin-top:2px}.auto-camera{grid-area:7/1;margin-top:9px}.scan-note{grid-area:8/1;margin-top:9px}.workflow-navigation{gap:20px}.chapter-list button{gap:8px}.tour-start{font-size:11px;padding-left:17px}.speed-story{margin-top:31px}}
@media(max-width:760px){.workflow-navigation{gap:13px;margin-bottom:20px}.chapter-list button{font-size:11px;gap:6px}.chapter-index{font-size:11px}.tour-start{gap:6px;padding-left:14px}.tour-start .tour-arrow{display:none}.scan-experience{column-gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.slide-queue{grid-template-columns:repeat(3,minmax(44px,1fr))}.scan-intro h2{font-size:22px}.scan-mode button{min-height:36px}.scan-mosaic-figure figcaption{flex-wrap:wrap;gap:3px 10px}.speed-story-heading{align-items:flex-start;flex-direction:column;gap:8px}.speed-story-heading>p{font-size:12px}.speed-facts strong{font-size:37px}.speed-facts>div{padding-left:20px}.speed-facts dd{gap:7px}.speed-facts dd>span{font-size:11px}.speed-facts dt{font-size:11px}}
@media(max-width:600px){.workflow-navigation{flex-direction:column;align-items:stretch;gap:0;margin-bottom:20px}.chapter-list{width:100%}.chapter-list button{min-height:59px;flex-direction:column;justify-content:center;gap:3px;padding:9px 3px;font-size:11px}.chapter-list button::after{width:calc(100% - 14px);left:7px}.chapter-index{font-size:11px}.tour-start{min-height:39px;border-left:0;border-top:1px solid #e4ebf0;padding:8px 0;gap:8px;font-size:11px}.tour-start .tour-arrow{display:block;height:14px;width:14px;margin-left:8px}.scan-experience{display:flex;flex-direction:column;width:100%}.scan-topline{margin-bottom:13px}.scan-intro h2{font-size:25px;margin-bottom:10px}.scan-intro>p{font-size:13px;line-height:1.8;margin-bottom:18px}.scan-mode{min-height:44px}.scan-mode button{min-height:36px;min-width:63px}.scan-rating{margin-top:19px}.scan-conditions{margin-bottom:18px}.scan-mosaic-figure{width:100%}.scan-mosaic-figure figcaption{flex-wrap:nowrap;min-height:35px}.scan-elapsed-row{width:100%;min-height:32px}.slide-queue{width:100%;grid-template-columns:repeat(6,minmax(44px,1fr));gap:4px;margin-top:4px}.slide-queue button{min-height:49px}.auto-camera{min-height:44px;margin-top:11px}.scan-note{width:100%;margin-top:4px;line-height:1.85}.speed-story{padding-top:26px;margin-top:28px}.speed-story h2{font-size:25px}.speed-story-heading{gap:7px;margin-bottom:25px}.speed-facts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.speed-facts>div{padding-left:24px}.speed-facts>div:nth-child(odd){padding-left:0;border-left:0}.speed-facts dt{font-size:12px;margin-bottom:11px}.speed-facts dd{gap:8px}.speed-facts strong{font-size:40px}.speed-facts dd>span{font-size:11px}.speed-story-note{font-size:11px;line-height:1.85;margin-top:24px}}
@media(max-width:390px){.chapter-list button{font-size:11px;min-height:57px}.scan-intro h2{font-size:24px}.scan-intro>p{font-size:12px}.slide-queue{gap:3px}.slide-queue button{min-height:48px}.scan-mode button{min-width:60px}.speed-story h2{font-size:24px}.speed-facts strong{font-size:36px}.speed-facts>div{padding-left:20px}}
@media(max-width:340px){.slide-queue{gap:2px}.slide-queue button{min-height:48px}.scan-intro h2{font-size:23px}.scan-mode>span{padding-right:5px;font-size:11px}.scan-mosaic-figure figcaption{gap:6px}.speed-facts>div{padding-left:18px}.speed-facts strong{font-size:33px}.speed-facts dd{gap:5px}.speed-facts dd>span{font-size:11px}.scan-rating{gap:10px}}
@media print{.workflow-navigation,.scan-experience{display:none}.product-detail-content{display:block}.speed-story{break-inside:avoid}}

/* Product copy follows the selected site language; allow longer labels to wrap. */
.header-label{padding-inline-start:26px;padding-left:0;border-inline-start:1px solid var(--line);border-left:0}
.product-link{margin-inline-start:auto;min-width:0}
.chapter-list button,.cover-button,.play-button,.view-heading,.exit-tour,.scan-mode>span,[data-slide-state]{white-space:normal;overflow-wrap:anywhere}
.chapter-list button>span:last-child{min-width:0}
.playback-actions{min-width:0;max-width:100%}
.play-button{max-width:100%;line-height:1.5}
.feature-navigation button>span{max-width:100%;overflow-wrap:anywhere;text-align:center}
.scene-topbar{align-items:flex-start}
.view-heading{min-width:0;max-width:46%;line-height:1.5}
.cover-button{max-width:54%;line-height:1.4}
.orbit-hint{min-width:0;max-width:48%}
.view-controls{min-width:0;max-width:60%}
.view-controls button{min-width:0;line-height:1.4;overflow-wrap:anywhere}
.scan-topline{align-items:flex-start;flex-wrap:wrap}
.scan-mosaic-figure figcaption{flex-wrap:wrap}
.scan-mode>span{line-height:1.5}
.speed-facts dd{white-space:normal;flex-wrap:wrap;row-gap:5px}
.speed-facts strong,#scan-rating-main,.time-display,#step-counter,.chapter-index,.slide-number,.scan-conditions p+p{direction:ltr;unicode-bidi:isolate}
.step-list button,.auto-camera{text-align:start}
.feature-points li{padding-inline-start:15px;padding-left:0}
.feature-points li::before{inset-inline-start:1px;left:auto}
:lang(zh-HK){--font:"DiPath Plex","PingFang HK","Microsoft JhengHei",sans-serif}
:lang(ja){--font:"DiPath Plex","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}
:lang(ko){--font:"DiPath Plex","Apple SD Gothic Neo","Malgun Gothic",sans-serif}
[dir=rtl] .product-link svg,[dir=rtl] .tour-arrow,[dir=rtl] .exit-tour>svg,[dir=rtl] .reset-product>svg{transform:scaleX(-1)}
[dir=rtl] .product-link{margin-inline-start:auto;margin-inline-end:0}
[dir=rtl] .feature-points li{padding-inline-start:15px;padding-inline-end:0}
[dir=rtl] .feature-points li::before{right:1px;left:auto}
[dir=rtl] .time-display,[dir=rtl] input[type=range],[dir=rtl] .scan-rating,[dir=rtl] .toggle-track{direction:ltr}
[dir=rtl] .speed-control,[dir=rtl] .tour-start{border-left:0;border-inline-start:1px solid var(--line);padding-inline-start:14px}
[dir=rtl] .reference-footer>p{padding-inline-start:26px;padding-left:0;border-inline-start:1px solid var(--line);border-left:0}
[dir=rtl] .footer-wordmark,[dir=rtl] .toggle-track,[dir=rtl] .scan-mode>span{margin-inline-start:auto;margin-left:0}
[dir=rtl] #scan-status{text-align:start}
@media(max-width:760px){.workflow-navigation{align-items:stretch}.tour-start{white-space:normal;text-align:start}.chapter-list button{padding-inline-end:8px;overflow-wrap:anywhere}}
@media(max-width:600px){.header-label{padding-inline-start:0;border:0}.product-link{max-width:48%}.scene-bottom-bar{align-items:flex-end}.view-controls{max-width:57%;align-items:stretch}.view-controls button{padding-inline:6px}.orbit-hint{max-width:40%;line-height:1.55}.slide-queue{grid-template-columns:repeat(3,minmax(0,1fr))}.slide-queue button{padding:6px 3px;min-height:48px}.scan-mosaic-figure figcaption{flex-wrap:wrap}.chapter-list button{padding-inline:3px}.play-button{min-width:0}.playback-actions{flex:1 1 65%}.feature-navigation button{min-height:80px}.speed-facts>div{padding-inline-start:20px;padding-left:0;border-inline-start:1px solid var(--line);border-left:0}.speed-facts>div:nth-child(odd){padding-inline-start:0;border-inline-start:0}[dir=rtl] .tour-start{border-inline-start:0;padding-inline:0}[dir=rtl] .reference-footer>p{padding-inline:0;border:0}}

/* Focus uses a colour overview before any stitched scan is revealed. */
.scan-mosaic-stage{position:relative;isolation:isolate;overflow:hidden;background:#f6f1f4}
.focus-overlay{position:absolute;inset:0;pointer-events:none;direction:ltr}
.focus-point{position:absolute;display:grid;place-items:center;width:23px;height:23px;transform:translate(-50%,-50%);border:1px solid #688da4;border-radius:50%;background:#f8fcffed;color:#315e78;box-shadow:0 0 0 4px #f8fcff42;font-size:11px;line-height:1;font-variant-numeric:tabular-nums}
.focus-point[hidden]{display:none}
.focus-point::before{content:"";position:absolute;inset:-7px;border:1px solid #548aa5;border-radius:50%;opacity:0}
.focus-point svg{display:none;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.focus-point[data-state=focusing]{background:#e6f5fa;border-color:#347d9b;color:#235d76;box-shadow:0 0 0 5px #e9f7fc66}
.focus-point[data-state=focusing]::before{opacity:.8;animation:focus-settle 1.15s ease-out infinite;animation-play-state:paused}
.scan-mosaic-stage[data-running=true] .focus-point[data-state=focusing]::before{animation-play-state:running}
.focus-point[data-state=complete]{background:#edf7f0;border-color:#638a74;color:#3e6d54;box-shadow:0 0 0 4px #edf7f066}
.focus-point[data-state=complete] .focus-number{display:none}
.focus-point[data-state=complete] svg{display:block}
.scan-mosaic-stage[data-mode=scanning] .focus-point{opacity:.68;box-shadow:0 0 0 3px #edf7f044}
.focus-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;list-style:none;padding:10px;margin:0;border-top:1px solid #dfe7ec;background:#f8fafb}
.focus-steps[hidden]{display:none}
.focus-steps li{display:flex;align-items:flex-start;gap:5px;min-width:0;color:#718595;font-size:10px;line-height:1.55;overflow-wrap:anywhere}
.focus-step-number{display:grid;place-items:center;flex:none;width:16px;height:16px;margin-top:0;border:1px solid #d5e0e6;border-radius:50%;font-size:9px;line-height:1;font-variant-numeric:tabular-nums;direction:ltr}
.focus-steps li[data-state=active]{color:#245c7a}
.focus-steps li[data-state=active] .focus-step-number{border-color:#7ba6bc;background:#e9f3f8;color:#245c7a}
.focus-steps li[data-state=complete]{color:#4b735d}
.focus-steps li[data-state=complete] .focus-step-number{border-color:#bfd3c6;background:#f0f6f2;color:#4b735d}
.slide-queue button[data-state=selecting]{background:#f1f6fb;border-color:#a5bed0;color:#416d89}
.slide-queue button[data-state=focusing]{background:#edf7f8;border-color:#83b4bf;color:#2c7180}
#scan-mosaic-title{min-width:0;overflow-wrap:anywhere}
@keyframes focus-settle{0%{transform:scale(.88);opacity:.9}100%{transform:scale(1.38);opacity:0}}
@media(max-width:390px){.focus-steps{gap:6px;padding:9px 8px}.focus-steps li{font-size:10px;gap:4px}.focus-step-number{width:15px;height:15px}.focus-point{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){.focus-point[data-state=focusing]::before{animation:none;opacity:.65}}