.ot-scan{--pad:clamp(14px, 4vw, 28px);isolation:isolate;background:var(--color-navy-950);color:#fff;color-scheme:dark;position:relative;overflow:hidden}.ot-scan:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(70% 45% at 50% 64%, color-mix(in srgb, var(--color-accent) 20%, transparent), transparent 72%);position:absolute;inset:0}.ot-scan .ot-stage{height:clamp(620px,88vh,760px);padding-block:var(--pad);grid-template-rows:auto minmax(0,1fr);gap:clamp(8px,2vw,14px);display:grid;position:relative}.ot-scan .caps{padding-right:52px;display:grid}.ot-scan .cap{visibility:hidden;grid-area:1/1}.ot-scan .cap:first-child{visibility:visible}.ot-scan .cap h2{color:#fff;letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(23px,6.8vw,40px);font-weight:800;line-height:1.08}.ot-scan .cap .sub{color:var(--color-on-dark);max-width:34em;margin:8px 0 0;font-size:clamp(13.5px,3.6vw,17px);line-height:1.4}.ot-scan .ln{--p:1;width:fit-content;max-width:100%;display:block;position:relative}.ot-scan.js .ln{--p:0}.ot-scan .ln .tx{clip-path:inset(-.15em calc((1 - var(--p)) * 100%) -.25em -.05em);display:block}.ot-scan .ln .bar{top:.08em;bottom:.02em;left:calc(var(--p) * 100%);background:var(--color-cyan);width:3px;box-shadow:0 0 14px 1px var(--color-cyan);opacity:0;margin-left:-1px;position:absolute}.ot-scan .scene{flex-direction:column;gap:8px;min-width:0;min-height:0;display:flex;position:relative}.ot-scan .planbox{flex:1;place-items:center;min-height:0;display:grid;container-type:size}.ot-scan .planwrap{--mk:0;aspect-ratio:1000/860;width:min(100cqw,116.279cqh);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 calc(var(--mk) * 1%), #000 calc(100% - var(--mk) * 1%), transparent 100%), linear-gradient(to bottom, transparent 0, #000 calc(var(--mk) * 1%), #000 calc(100% - var(--mk) * 1%), transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right, transparent 0, #000 calc(var(--mk) * 1%), #000 calc(100% - var(--mk) * 1%), transparent 100%), linear-gradient(to bottom, transparent 0, #000 calc(var(--mk) * 1%), #000 calc(100% - var(--mk) * 1%), transparent 100%);position:relative;mask-composite:intersect}.ot-scan .planwrap svg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.ot-scan .plan text{font-family:inherit}.ot-scan .walls path{fill:none;stroke:var(--color-scan-wall)}.ot-scan .scope path{fill:none;stroke:var(--color-cyan);stroke-width:4px;stroke-dasharray:1;stroke-dashoffset:1px}.ot-scan .scope-label{fill:var(--color-cyan)}.ot-scan .shield{fill:none;stroke:var(--color-cyan)}.ot-scan .readout{visibility:hidden}.ot-scan .ro-head{color:var(--color-on-dark);justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:clamp(13px,3.4vw,15px);display:flex}.ot-scan .ro-head b{color:#fff;font-variant-numeric:tabular-nums;font-weight:700}.ot-scan .track1{background:color-mix(in srgb, var(--color-on-dark-muted) 20%, transparent);border-radius:2px;height:4px;display:block;overflow:hidden}.ot-scan .track1 .fill{background:var(--color-cyan);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.ot-scan .findings{visibility:hidden;background:color-mix(in srgb, var(--color-navy-900) 95%, transparent);border:1px solid color-mix(in srgb, var(--color-cyan) 22%, transparent);border-radius:14px;flex-direction:column;width:min(100%,560px);height:min(100%,430px);margin:auto;padding:14px 14px 6px;display:flex;position:absolute;inset:0;box-shadow:0 30px 60px -24px #000000b3}.ot-scan .ov-head{color:var(--color-on-dark);justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;display:flex}.ot-scan .ov-head strong{color:#fff;font-size:15px;font-weight:700}.ot-scan .ov-head b{color:#fff;font-variant-numeric:tabular-nums}.ot-scan .rows{flex:1;min-height:0;margin:10px 0 0;padding:0;list-style:none;position:relative}.ot-scan .row{--i:0;height:20%;transform:translateY(calc(var(--i) * 100%));position:absolute;top:0;left:0;right:0}.ot-scan .row-in{border-top:1px solid color-mix(in srgb, var(--color-on-dark-muted) 20%, transparent);opacity:0;justify-content:space-between;align-items:center;gap:10px;height:100%;display:flex}.ot-scan .who{min-width:0}.ot-scan .who b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;display:block;overflow:hidden}.ot-scan .who span{color:var(--color-on-dark);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:13px;display:block;overflow:hidden}.ot-scan .tag{opacity:0;border-radius:999px;flex:none;padding:4px 10px;font-size:12.5px;font-style:normal;font-weight:700}.ot-scan .tag.hi{color:color-mix(in srgb, var(--color-scan-hi) 60%, #fff);background:color-mix(in srgb, var(--color-scan-hi) 24%, transparent)}.ot-scan .tag.mid{color:color-mix(in srgb, var(--color-scan-mid) 75%, #fff);background:color-mix(in srgb, var(--color-scan-mid) 18%, transparent)}.ot-scan .tag.low{color:color-mix(in srgb, var(--color-tint-strong) 70%, #fff);background:color-mix(in srgb, var(--color-tint-strong) 15%, transparent)}.ot-scan .end{z-index:5;visibility:hidden;text-align:center;padding:var(--pad);background:radial-gradient(80% 70% at 50% 50%, color-mix(in srgb, var(--color-navy-950) 94%, transparent), color-mix(in srgb, var(--color-navy-950) 62%, transparent));flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ot-scan .end-q{letter-spacing:-.025em;text-wrap:balance;max-width:16em;margin:0;font-size:clamp(22px,5.2vw,46px);font-weight:800;line-height:1.1}.ot-scan .end-q .ln{margin:0 auto}.ot-scan .end-url{opacity:0;margin-top:clamp(18px,4vw,30px)}.ot-scan .end-again{min-height:44px;color:var(--color-on-dark);text-underline-offset:3px;cursor:pointer;opacity:0;background:0 0;border:0;margin-top:14px;padding:0 14px;font:500 15px/1 inherit;text-decoration:underline}.ot-scan .end-again:hover{color:#fff}.ot-scan .pp{z-index:6;top:calc(var(--pad) - 6px);border:1px solid color-mix(in srgb, var(--color-on-dark-muted) 40%, transparent);background:color-mix(in srgb, var(--color-navy-950) 60%, transparent);color:#fff;cursor:pointer;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:none;position:absolute;right:1.25rem}.ot-scan.js .pp{display:grid}.ot-scan .pp:hover{border-color:#fff}.ot-scan .pp svg{grid-area:1/1;width:16px;height:16px;display:none}.ot-scan .pp[data-s=play] .i-play,.ot-scan .pp[data-s=pause] .i-pause,.ot-scan .pp[data-s=replay] .i-replay{display:block}.ot-scan .vprog{z-index:6;background:var(--color-cyan);transform-origin:0;height:3px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.ot-scan .pp:focus-visible,.ot-scan .end-url:focus-visible,.ot-scan .end-again:focus-visible,.ot-scan .start:focus-visible{outline:2px solid var(--color-cyan);outline-offset:3px}.ot-scan .start{z-index:7;background:color-mix(in srgb, var(--color-navy-950) 50%, transparent);cursor:pointer;border:0;place-items:center;display:none;position:absolute;inset:0}.ot-scan .start.on{display:grid}@media (aspect-ratio>=5/4) and (width>=700px){.ot-scan{--pad:clamp(20px, 3.2vw, 44px)}.ot-scan .ot-stage{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(250px,38%) minmax(0,1fr);column-gap:clamp(20px,3.6vw,52px)}.ot-scan:before{background:radial-gradient(46% 62% at 70% 50%, color-mix(in srgb, var(--color-accent) 20%, transparent), transparent 72%)}.ot-scan .caps{align-self:center;padding-right:0}.ot-scan .cap h2{font-size:clamp(28px,4.3vw,60px)}.ot-scan .cap .sub{margin-top:clamp(10px,1.2vw,16px);font-size:clamp(15px,1.55vw,20px)}.ot-scan .ro-head{font-size:clamp(13px,1.3vw,16px)}.ot-scan .pp{top:auto;left:2rem;right:auto;bottom:var(--pad)}}