.experience-heading{max-width:760px}.device-experience{border:1px solid var(--robot-line);border-radius:18px;overflow:hidden;background:#10151e;scroll-margin-top:104px}.experience-body{display:grid;grid-template-columns:1.2fr 1fr;align-items:start}.experience-visual{position:relative;background:#0f1116;min-width:0;align-self:stretch}.experience-device-label{position:absolute;top:24px;left:28px;color:#9fb2d4;font-size:12px;z-index:2}.valve-pressure{position:absolute;top:48px;left:28px;color:#75aaff;font-size:11px;z-index:2}.experience-stage{position:relative;width:100%;height:540px;min-height:540px;overflow:hidden}.experience-stage>canvas,.experience-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.experience-stage>canvas{opacity:0;transition:opacity .45s ease}.experience-stage>canvas.is-ready{opacity:1}.experience-stage>img{transition:opacity .45s ease}.experience-stage>img.is-hidden{opacity:0;pointer-events:none}.experience-scene-note{position:absolute;left:28px;bottom:22px;font-size:10px;color:#7187a8;z-index:2;line-height:1.5}.experience-panel{padding:30px 30px 26px;border-left:1px solid var(--robot-line);min-width:0}.valve-status{min-height:154px}.experience-phase{font-size:11px;line-height:1.5;color:#75aaff;margin:0 0 15px;min-height:17px}.experience-panel h3{font-size:26px;font-weight:600;line-height:1.2;letter-spacing:-.03em;margin:0 0 14px}.experience-panel .experience-copy{font-size:13px;line-height:1.7;color:#a8bad6;margin:0;max-width:390px}.valve-readings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.valve-readings>div{display:flex;flex-direction:column;gap:9px}.valve-readings span{font-size:10px;color:#8fa5c5;white-space:nowrap}.valve-readings strong{font-size:31px;font-weight:550;color:#e4edfc;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.valve-readings>div:first-child strong{color:#2563eb}.valve-flow-track{position:relative;height:5px;background:#1c2c44;margin-top:22px;border-radius:6px}.valve-flow-track>span{display:block;height:100%;width:41.666%;background:#2563eb;border-radius:6px}.valve-flow-track>i{position:absolute;left:41.666%;top:-4px;bottom:-4px;width:1px;background:#b6c9e7}.device-experience[data-state=drift] .valve-readings>div:nth-child(2) strong{color:#e8ad68}.device-experience[data-state=drift] .valve-flow-track>span{background:#b8874f}.valve-response{width:100%;height:130px;display:block;margin-top:15px;overflow:visible}.valve-chart-grid{fill:none;stroke:#253247;stroke-width:1}.valve-target{stroke:#2563eb;stroke-width:1;stroke-dasharray:3 5;opacity:.65}.valve-curve{stroke:#2563eb;fill:none;stroke-width:1.7;stroke-linejoin:round}.valve-sample{fill:#0f1116;stroke:#75aaff;stroke-width:1.7}.valve-response text{fill:#7187a8;font-size:10px;font-family:inherit}.valve-response .valve-target-label{fill:#75aaff;font-size:9px}.valve-cal-steps{display:flex;align-items:center;gap:8px;font-size:10px;color:#7187a8;margin:0 0 0 0}.valve-cal-steps>span:not(:last-child){display:grid;place-items:center;width:20px;height:20px;border:1px solid #2a374c;border-radius:50%;font-variant-numeric:tabular-nums}.valve-cal-steps>span.is-active{border-color:#2563eb;color:#75aaff;background:rgba(37,99,235,.07)}.valve-cal-steps>span:last-child{margin-left:4px}.valve-action{height:74px;display:flex;align-items:center;gap:12px}.experience-learn{border:0;font-size:12px!important;padding:11px 16px;min-height:42px}.experience-memory{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;min-height:26px}.experience-memory-label{font-size:10px;color:#7187a8}.experience-memory-chip{font-size:9px;color:#b9cbe5;padding:5px 7px;border:1px solid #293c57;border-radius:6px;background:transparent}.experience-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;border-top:1px solid var(--robot-line);background:#10151e}.experience-controls .quiet-button{min-height:40px;font-size:11px;white-space:nowrap}.experience-controls>span{font-size:10px;color:#7187a8}.experience-controls .valve-change{color:#dce9ff;border-color:rgba(37,99,235,.5);padding-inline:18px}.experience-technical{margin:0;border-top:1px solid rgba(140,190,255,.08);padding:0 26px}.experience-technical summary{width:max-content;cursor:pointer;list-style:none;font-size:11px;line-height:1.5;color:#7187a8;padding:16px 0;text-decoration:none!important}.experience-technical summary::-webkit-details-marker{display:none}.experience-technical summary::before{content:'⌁';font-size:16px;vertical-align:middle;color:#75aaff;margin-right:8px}.experience-technical summary:hover{color:#a8bad6;text-decoration:none!important}.experience-technical pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;color:#9fb2d4;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;margin:0 0 22px;max-width:100%}.device-experience[data-state=learning] .experience-phase{color:#75aaff}.device-experience[data-state=drift] .experience-phase{color:#e8ad68}
@media(max-width:1000px){.experience-body{grid-template-columns:1fr 1fr}.experience-stage{height:500px;min-height:500px}.experience-panel{padding:26px 22px}.valve-status{min-height:165px}}
@media(max-width:720px){.experience-body{grid-template-columns:1fr}.experience-stage{height:360px;min-height:360px}.experience-device-label{top:20px;left:24px}.valve-pressure{top:44px;left:24px}.experience-scene-note{position:static;display:block;padding:0 24px 18px}.experience-panel{border-left:0;border-top:1px solid var(--robot-line);padding:26px 24px}.valve-status{min-height:152px}.valve-readings{margin-top:12px}.valve-response{height:140px}.valve-action{height:74px}.experience-controls{gap:12px;padding:18px;flex-wrap:wrap}.experience-controls>span{order:3;width:100%;font-size:9px}.experience-controls .quiet-button{font-size:10px}.experience-technical{padding:0 24px}.valve-readings strong{font-size:30px}.valve-readings span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.experience-stage>canvas,.experience-stage>img{transition:none}}

@media(max-width:600px){.experience-panel h3{font-size:24px}}