.technical-lab{--wg:clamp(24px,5.5vw,96px)}.technical-lab main{max-width:1160px;margin:auto;padding:48px 24px 80px}.technical-lab h1{margin:20px 0;font-size:clamp(32px,5vw,60px);line-height:1.05}.technical-lab main>p{color:#b8cbd5;max-width:680px}.sedan-demo{margin-top:32px}.sedan-stage{background:radial-gradient(at 50% 75%,#32434a 0%,#111a20 45%,#091014 85%);border:1px solid #3c535e;border-radius:6px;height:480px;position:relative;overflow:hidden}.sedan-stage canvas{touch-action:pan-y;cursor:grab;width:100%;height:100%;display:block}.sedan-stage canvas:active{cursor:grabbing}.sedan-stage:not([data-status=ready]) canvas{visibility:hidden}.sedan-fallback{text-align:center;background:#0b1217;align-content:center;display:grid;position:absolute;inset:0}.sedan-fallback img{object-fit:contain;width:100%;max-height:300px}.sedan-fallback output{margin:8px 20px;display:block}.sedan-fallback button{border:1px solid #b6cfda;justify-self:center;min-height:44px;padding:12px}.sedan-view-label{letter-spacing:.2em;color:#c1d5e0;pointer-events:none;font-size:10px;position:absolute;top:20px;left:20px}.sedan-controls{gap:12px;margin-top:16px;display:flex}.sedan-controls button,.sedan-surfaces button{color:#eff8fc;cursor:pointer;background:#17262e;border:1px solid #56717e;border-radius:3px;min-height:48px;padding:10px 18px}.sedan-controls button:disabled,.sedan-surfaces button:disabled{opacity:.45;cursor:default}.sedan-surface-status{color:#a7ecf5;min-height:28px;margin:22px 0 16px;display:block}.sedan-surfaces{border-block:1px solid #3c535e;padding:10px 0}.sedan-surfaces summary{cursor:pointer;align-content:center;min-height:44px}.sedan-surfaces>div{grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0;display:grid}.sedan-surfaces button[aria-pressed=true]{background:#2b5865;border-color:#a7ecf5}.sedan-demo .fine-print,.sedan-instructions{color:#b4c5ce;margin:20px 0;line-height:1.6}.sedan-demo .button{padding:14px 20px;display:inline-flex}@media (max-width:700px){.sedan-stage{height:300px}.sedan-controls{gap:6px}.sedan-controls button{flex:1;padding:10px 6px;font-size:12px}.sedan-surfaces>div{grid-template-columns:1fr 1fr}.technical-lab main{padding-inline:20px}.sedan-fallback img{max-height:170px}.sedan-fallback output{font-size:14px;line-height:1.4}}.sedan-inspect{color:#d5e6ec;flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sedan-inspect select{color:#eaf6fa;background:#15252d;border:1px solid #69838e;max-width:100%;min-height:44px;padding:8px}.sedan-demo :is(button,select,canvas,a):focus-visible{outline-offset:4px;outline:2px solid #b5f3ff}.ppf-stage .sedan-demo{width:100%;min-width:0;margin-top:24px}
