@charset "UTF-8";
.lab{background:#101519;color:#f7f9fa;padding:35px 0 34px;scroll-margin-top:100px}.lab-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:25px}.lab-heading .eyebrow{font-size:11px;color:#a5adb2;margin-bottom:12px;letter-spacing:2px}.lab-heading h1{font-size:clamp(27px,3.2vw,45px);line-height:1.25;letter-spacing:-.04em;margin:0}.lab-heading h1 em{font-style:normal;color:var(--lime)}.lab-heading>p{font-size:14px;line-height:1.8;color:#aab2b8;margin:0}.lab-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;border:1px solid #3c454b}.lab-view{min-width:0;position:relative;min-height:420px;background:radial-gradient(ellipse at 50% 45%,#26333b 0%,#141c22 55%,#11171b 100%);overflow:hidden}.canvas-host{position:absolute;inset:48px 0 54px;isolation:isolate;touch-action:pan-y}.canvas-host canvas{display:block;width:100%;height:100%;outline-offset:-4px}.lab-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.lab-view.is-ready .lab-fallback{display:none}#viewer-status{position:absolute;bottom:10px;left:20px;right:20px;text-align:center;font-size:12px;color:#c2c9ce;background:#101519c9;padding:8px;z-index:1}.lab-view.is-ready #viewer-status{display:none}.view-top,.view-bottom{position:absolute;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:2;font-size:11px;color:#a3aeb6}.view-top{top:15px}.view-bottom{bottom:15px}.lab button{cursor:pointer}.view-top button,.view-bottom button{border:1px solid #4b5962;background:#141e25cc;color:#dce3e7;min-height:32px;padding:6px 10px;font-size:11px}.view-top button[aria-pressed=true]{color:var(--lime);border-color:#829741}.view-bottom>div{display:flex;gap:7px}.compare-labels{position:absolute;bottom:63px;left:5%;right:5%;display:flex;justify-content:space-around;gap:10px;z-index:2;pointer-events:none}.compare-labels span{font-size:10px;color:#c7d1d6;letter-spacing:1px;border-top:1px solid #6a7981;padding-top:9px}.compare-labels span:first-child{color:var(--lime)}.compare-labels span:last-child{color:#9db5ff}.lab-panel{background:#1a2329;padding:26px 24px;display:flex;flex-direction:column;border-left:1px solid #3c454b;min-width:0}.panel-kicker{font-size:10px;letter-spacing:1.4px;margin:0 0 16px;color:#9cabb5;line-height:1.6}.lab-panel h2{font-size:24px;letter-spacing:-.035em;line-height:1.5;margin:0 0 14px}.lab-panel #stage-intro{font-size:13px;line-height:1.85;color:#bcc7ce;margin:0 0 18px}.stage-facts{font-size:12px;line-height:1.75;margin:0 0 18px}.stage-facts div+div{margin-top:12px}.stage-facts dt{color:#f0f5f7;margin-bottom:4px}.stage-facts dd{color:#9caeb9;margin:0}.lab-detail{display:flex;justify-content:space-between;align-items:center;background:var(--lime);color:#17200b;font-size:13px;font-weight:700;padding:13px 14px;margin-top:auto}.lab-detail:hover{background:#e2ffa0}.lab-disclaimer{font-size:10px;line-height:1.75;color:#9aaab4;margin:12px 0 0}.lab-stage-tabs{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid #3c454b;background:#121a20}.lab-stage-tabs button{color:#b9c4cc;border:0;border-right:1px solid #3c454b;background:none;text-align:left;padding:18px 20px;min-height:78px}.lab-stage-tabs button:last-child{border-right:0}.lab-stage-tabs button:hover{background:#222e36;color:white}.lab-stage-tabs button[aria-pressed=true]{background:var(--lime);color:#17200b}.lab-stage-tabs small{display:block;font-size:9px;letter-spacing:1px;margin-bottom:7px;opacity:.7;white-space:nowrap}.lab-stage-tabs strong{font-size:14px;font-weight:600;white-space:nowrap}.lab :focus-visible{outline-color:var(--lime)}.lab-controls{font-size:12px;line-height:1.7;margin-bottom:18px}.lab-controls:empty{display:none}.lab-controls label{display:flex;align-items:center;gap:8px;color:#d8e2e8}.lab-controls input[type=range]{display:block;width:100%;accent-color:var(--lime);margin:10px 0 0}.control-label{display:flex;justify-content:space-between;gap:8px;color:#d8e2e8}.control-label output{font-size:11px;color:var(--lime)}.lab-controls button{background:#283741;border:1px solid #52616a;color:#e1e9ee;min-height:32px;font-size:11px;padding:6px 10px}.lab-controls button[aria-pressed=true]{border-color:var(--lime);color:var(--lime)}.control-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.lab-controls label+.control-label{margin-top:12px}.probe-result{border-left:2px solid var(--lime);padding-left:12px;font-size:12px;color:#c5d2da;line-height:1.7;margin-top:10px}.probe-result strong{display:block;color:var(--lime);font-size:21px;font-weight:500}.probe-picks{display:flex;gap:6px;margin:10px 0}.probe-picks button{flex:1;padding-inline:4px}.cav-legend{position:absolute;left:20px;bottom:63px;width:180px;pointer-events:none}.cav-legend>div{height:6px;background:linear-gradient(90deg,#315be5,#42d0e4,#55d277,#ede848,#e54733)}.cav-legend p{display:flex;justify-content:space-between;font-size:9px;color:#ccd5db;margin:6px 0 0}.cav-legend small{font-size:9px;color:#9fadb7}.project-path{padding-block:80px}.problem-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.problem-tabs button{display:flex;align-items:center;justify-content:space-between;text-align:left;background:#f1f3f4;border:1px solid #dce0e1;padding:20px 22px;font-size:17px;font-weight:700;cursor:pointer;min-height:70px}.problem-tabs button:hover{border-color:var(--ink)}.problem-tabs button[aria-pressed=true]{background:var(--ink);color:var(--lime);border-color:var(--ink)}.problem-tabs span{font-size:22px;font-weight:400}.path-result{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;padding:30px 0;border-bottom:1px solid var(--line)}.path-summary .panel-kicker{color:var(--muted)}.path-stages{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:20px;font-weight:700}.path-stages a{color:var(--blue);border-bottom:1px solid #aebfea;padding-bottom:5px}.path-stages a:hover{border-color:var(--blue)}.path-stages>span{color:#8c9599;font-weight:400}.path-summary>p:last-of-type{font-size:14px;line-height:1.9;color:var(--muted);max-width:370px}.path-summary>button{border:0;background:none;padding:10px 0;font-size:13px;color:var(--ink);text-decoration:underline;text-underline-offset:6px;cursor:pointer}.path-list{border-left:1px solid var(--line);padding-left:28px}.path-list h3{font-size:14px;margin:0 0 18px}.path-list ul{list-style:none;padding:0;margin:0;counter-reset:prep}.path-list li{font-size:13px;line-height:1.85;color:var(--muted);position:relative;padding-left:27px;margin-bottom:13px;counter-increment:prep}.path-list li:before{content:counter(prep,decimal-leading-zero);position:absolute;left:0;color:#919b9f;font-size:10px;top:3px}.project-path+.services{padding-top:35px}.lab [hidden]{display:none!important}
@media(min-width:1500px){.lab-view{min-height:470px}.lab-panel{padding:30px}.lab-workspace{grid-template-columns:minmax(0,1fr) 320px}}
@media(max-width:1050px){.lab-workspace{grid-template-columns:minmax(0,1fr) 280px}.lab-stage-tabs button{padding:16px 12px}.lab-panel{padding:22px 20px}.lab-panel h2{font-size:22px}.lab-heading>p{font-size:12px}.path-result{gap:20px}.path-list{padding-left:20px}}
@media(max-width:760px){.lab{padding-top:25px}.lab-heading{display:block}.lab-heading>p{margin-top:12px}.lab-heading>p br{display:none}.lab-workspace{display:flex;flex-direction:column}.lab-view{height:365px;min-height:365px;order:0}.lab-stage-tabs{order:1;display:flex;overflow-x:auto;scroll-snap-type:x proximity}.lab-stage-tabs button{flex:0 0 120px;scroll-snap-align:start;min-height:72px;padding:14px}.lab-panel{order:2;border-left:0;border-top:1px solid #3c454b;padding:24px}.lab-panel h2{font-size:24px}.lab-panel h2 br{display:none}.lab-panel #stage-intro{font-size:14px;max-width:560px}.stage-facts{font-size:13px}.lab-detail{max-width:280px}.lab-disclaimer{max-width:560px;font-size:11px}.lab-heading h1{font-size:clamp(27px,6.5vw,38px)}.lab-heading .eyebrow{font-size:10px}.lab-controls{max-width:360px}.view-bottom{font-size:10px;left:12px;right:12px}.view-top{left:12px;right:12px;font-size:10px}.view-bottom button{padding-inline:7px;font-size:10px}.compare-labels{left:4%;right:4%;gap:7px}.compare-labels span{font-size:9px;letter-spacing:.3px}.project-path{padding-block:60px}.problem-tabs{grid-template-columns:1fr;gap:8px}.problem-tabs button{padding:15px 18px;font-size:16px;min-height:56px}.path-result{grid-template-columns:1fr;gap:26px;padding-top:15px}.path-list{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.path-list h3{margin-bottom:14px}.path-list li{font-size:14px}.path-summary>p:last-of-type{max-width:none}.project-path+.services{padding-top:10px}}
@media(prefers-reduced-motion:reduce){.lab canvas{scroll-behavior:auto}}
.lab-stage-tabs{grid-row:1;border-top:0;border-bottom:1px solid #3c454b}.lab-view,.lab-panel{grid-row:2}.lab{padding-top:24px}.lab-heading{margin-bottom:20px}.lab-stage-tabs button{min-height:70px;padding-block:14px}@media(max-width:760px){.lab-stage-tabs{order:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;scroll-snap-type:none}.lab-stage-tabs button{min-width:0;padding:13px 10px}.lab-stage-tabs button:nth-child(-n+3){border-bottom:1px solid #3c454b}.lab-stage-tabs button:nth-child(3n){border-right:0}.lab-stage-tabs strong{font-size:13px}.lab-view{order:1}.lab-panel{order:2}}
.lab-panel #stage-intro{font-size:1rem}.stage-facts,.lab-controls,.probe-result,.path-summary>button,.path-list li,.lab-detail{font-size:.875rem}
.panel-kicker,.lab-heading .eyebrow,.lab-disclaimer,.compare-labels span,.cav-legend p,.cav-legend small,.view-top,.view-bottom,.control-label output,.lab-stage-tabs small{font-size:.75rem}
.lab-stage-tabs strong,.view-top button,.view-bottom button,.lab-controls button{font-size:.875rem}
.view-top button,.view-bottom button,.lab-controls button{min-height:44px}
.view-top>span{max-width:45%;line-height:1.6}.view-bottom{flex-wrap:wrap}
.canvas-host{inset:64px 0 82px}.compare-labels,.cav-legend{bottom:96px}
.lab-stage-tabs small{letter-spacing:0;white-space:normal}.lab-disclaimer{color:#b2c3cf}
.lab-controls input[type=range]{min-height:44px}.lab-controls input[type=checkbox]{min-width:20px;min-height:20px}
@media(max-width:760px){.lab-stage-tabs strong{font-size:.875rem}.lab-stage-tabs small{font-size:.75rem}.lab-stage-tabs button{padding-inline:8px}.lab-panel #stage-intro{font-size:1rem}.stage-facts{font-size:.875rem}.view-top,.view-bottom{font-size:.75rem}.view-bottom button{font-size:.875rem}.compare-labels span{font-size:.75rem;letter-spacing:0}}
