.studio{margin-top:0;border:1px solid #2e4d73;border-radius:18px;overflow:hidden;background:#0b172a;box-shadow:0 40px 120px #0006;color:#eaf4ff}.studio-header{padding:28px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:radial-gradient(ellipse at 20% 0,#193962,transparent 80%),#0d1b30}.studio-header .eyebrow{margin-bottom:10px;font-size:9px;color:#8bb3e1}.studio-header h2{margin:0;font-size:30px;letter-spacing:-1.2px;line-height:1.15}.studio-header .sim-badge{font-size:8px;color:#a5bcd8;max-width:270px;line-height:1.5}.studio-tabs{display:flex;gap:6px;overflow:auto;padding:0 24px 22px;background:#0e1c31;scrollbar-width:thin;scrollbar-color:#3c6590 transparent}.studio-tabs button{border:1px solid #2e4a6c;border-radius:6px;background:#122640;color:#9bb6d8;font-size:10px;padding:12px 14px;white-space:nowrap}.studio-tabs button[aria-selected=true]{background:#296fe5;border-color:#6eafff;color:white;box-shadow:0 6px 25px #1b64db44}.studio-toolbar{display:flex;justify-content:space-between;align-items:center;padding:13px 24px;border-block:1px solid #294460;gap:16px;background:#101f34}.studio-identity{display:flex;align-items:center;gap:9px;font:10px Consolas,monospace;color:#a4c7ed;text-transform:uppercase;letter-spacing:.5px}.signal-dot{width:6px;height:6px;border-radius:50%;background:#71cfff;box-shadow:0 0 12px #70cfff}.view-controls{display:flex;gap:6px;flex-wrap:wrap}.view-controls button,.layer-controls button{border:1px solid #355578;background:#112b47;color:#adc9e9;font-size:9px;padding:8px 11px;border-radius:4px}.view-controls button[aria-pressed=true],.layer-controls button[aria-pressed=true]{background:#234d7d;color:#eaf7ff;border-color:#5a95ca}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px}.studio-stage{position:relative;min-width:0;min-height:560px;background:radial-gradient(ellipse at 45% 25%,#1d3859,#0c182d 75%);overflow:hidden}#studio-canvas{position:absolute;inset:0;touch-action:pan-y}#studio-canvas canvas{display:block;touch-action:pan-y!important;cursor:grab;width:100%;height:100%}#studio-canvas canvas:active{cursor:grabbing}.stage-kpis{position:absolute;z-index:2;top:18px;left:18px;right:18px;display:flex;gap:8px;pointer-events:none}.stage-kpi{flex:1;max-width:190px;padding:12px 13px;text-align:left;color:#cfedff;border:1px solid #3b61864d;border-radius:6px;background:#0a1b30d9;backdrop-filter:blur(10px);pointer-events:auto;transition:transform .2s,border-color .2s}.stage-kpi:hover{transform:translateY(-3px);border-color:#75caff}.stage-kpi>span{display:block;font-size:9px;line-height:1.4;color:#91afce;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-kpi strong{font-size:21px;font-weight:400;letter-spacing:-.5px;display:block;margin-top:6px}.stage-caption{position:absolute;bottom:83px;left:21px;right:21px;display:flex;justify-content:space-between;gap:15px;pointer-events:none;font:8px Consolas,monospace;line-height:1.6;color:#8eaccc}.stage-caption>span:first-child{max-width:55%;color:#b3d2f1}.is-warning{color:#f5b775!important}.stage-legend{position:absolute;bottom:60px;left:21px;color:#8babce;font-size:8px;pointer-events:none}.layer-controls{position:absolute;bottom:18px;left:20px;right:20px;display:flex;gap:6px;flex-wrap:wrap}.studio-inspector{border-left:1px solid #2c4869;padding:23px 22px;background:linear-gradient(180deg,#101f34,#0c192c)}.inspector-top{display:flex;justify-content:space-between;gap:10px;font:8px Consolas,monospace;color:#8eafd2;letter-spacing:.6px;margin-bottom:21px}#asset-tag{color:#6dcaff}.studio-inspector label{display:block;font-size:10px;color:#8daacb;margin-bottom:8px}.studio-inspector select{width:100%;padding:10px 8px;background:#16304d;border:1px solid #37577c;border-radius:5px;color:#dcedff;font-size:11px}.signal-reading{margin:23px 0 20px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.signal-reading>strong{font-size:42px;letter-spacing:-2px;font-weight:400;color:#d7eeff}.signal-reading>span{font-size:13px;color:#8eaccf}.signal-reading>span:last-child{width:100%;font:8px Consolas,monospace;color:#87c8f4;letter-spacing:.6px;margin-top:3px}.inspector-nav{display:flex;gap:0;border-bottom:1px solid #35506c;margin-bottom:10px}.inspector-nav button{flex:1;background:none;border:0;border-bottom:2px solid transparent;color:#839fbd;font-size:10px;padding:10px 0}.inspector-nav button[aria-pressed=true]{color:#bfe9ff;border-color:#62c0ff}#signal-chart{display:block;width:100%;height:105px}.trend-legend{color:#809dbf;font-size:8px;line-height:1.5;margin-bottom:16px}.record-row{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #273e58;font-size:9px}.record-row span{color:#87a5c7}.record-row strong{font-weight:400;color:#bdd8f7;text-align:right;max-width:60%}#record-panel>p{font-size:9px;color:#8fa8c5;line-height:1.6}.decision-box{border-left:2px solid #458dcc;padding-left:12px;margin:19px 0}.decision-box>span{font:8px Consolas,monospace;letter-spacing:.6px;color:#76b9f2}.decision-box p{font-size:11px;line-height:1.65;color:#acc4e0;margin:7px 0 0}#focus-asset{border:1px solid #3b648c;background:#173758;color:#bfe7ff;border-radius:5px;width:100%;padding:10px;font-size:10px}.inspector-disclaimer{font-size:8px;line-height:1.6;color:#829abb;margin:14px 0 0}.studio-timeline{display:flex;align-items:center;gap:24px;padding:23px 27px;border-block:1px solid #2c4769;background:#0d1e34}.studio-timeline>button{min-width:122px;border:1px solid #4476ab;border-radius:6px;padding:12px;font-size:11px;color:#d8eeff;background:#1d5086}#timeline-issue{background:#302b29;border-color:#936b47;color:#e7b482}#timeline-issue[aria-pressed=true]{background:#70502d;color:#fff0d6}.timeline-track{flex:1}.timeline-track>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.timeline-track label{font:8px Consolas,monospace;letter-spacing:1px;color:#97b4d6}.timeline-track output{font:12px Consolas,monospace;color:#89d1ff}.timeline-track input{display:block;width:100%;accent-color:#62b8ff;height:14px;cursor:pointer}.timeline-marks{display:flex;justify-content:space-between;font:8px Consolas,monospace;color:#7898ba;margin-top:9px}.studio-story{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;padding:32px 30px;background:linear-gradient(130deg,#10243e,#101c30)}.studio-story .eyebrow{font-size:8px;margin-bottom:13px}.studio-story h3{font-size:24px;font-weight:400;line-height:1.2;letter-spacing:-.7px;margin:0 0 12px}.studio-story p{font-size:12px;color:#9db6d5;line-height:1.7;margin:0}.studio-story>div:last-child{align-self:center}.studio-story>div:last-child>span{font:8px Consolas,monospace;letter-spacing:.5px;color:#7598bd;display:block;margin-bottom:12px}.studio-story a{font-size:11px;color:#8ad0ff;display:inline-block;margin-top:16px}#studio-fallback{position:absolute;top:35%;left:10%;right:10%;background:#122c49;border:1px solid #5286b9;padding:22px;color:#c3defb;font-size:13px;border-radius:10px}button:disabled{opacity:.45;cursor:not-allowed}.ml-visual{background:radial-gradient(ellipse at 10% 0,#1b3d68,transparent 90%),#101d33;border:1px solid #2c4b70;border-radius:16px;padding:26px;box-shadow:0 25px 60px #0002}.ml-visual .mini-head{margin-bottom:20px}.ml-vis-tabs{display:flex;gap:7px;margin-bottom:16px}.ml-vis-tabs button{font-size:10px;color:#91afd3;background:#10243f;border:1px solid #34577e;padding:9px 12px;border-radius:5px}.ml-vis-tabs button[aria-pressed=true]{background:#255993;color:#dcf0ff;border-color:#5e99cc}.ml-plot{width:100%;height:auto;display:block;overflow:visible}.ml-plot text{font:9px Consolas,monospace;fill:#8baacc}.ml-plot circle{transition:cx .35s,cy .35s}.ml-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:9px;color:#93b3d8;margin:8px 0 22px}.ml-legend span:before{content:"";width:6px;height:6px;display:inline-block;border-radius:50%;background:#6587b5;margin-right:5px}.ml-legend span:nth-child(2):before{background:#69d7ff}.ml-legend span:nth-child(3):before{background:#f5b474}.ml-result{display:grid;grid-template-columns:1fr 1fr 1fr;border-block:1px solid #35506f;padding:17px 0;margin-bottom:18px;gap:12px}.ml-result span{font-size:9px;color:#8ba7cb;display:block;margin-bottom:8px}.ml-result strong{font-size:24px;color:#c6eaff;font-weight:400;letter-spacing:-.5px}.ml-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.ml-controls label{font-size:10px;color:#afc9e9;display:flex;align-items:center;gap:10px;flex:1}.ml-controls input{width:100%;max-width:140px;accent-color:#77d2ff}.ml-controls button{font-size:10px;background:#1a3d62;color:#bfddff;border:1px solid #446c94;border-radius:5px;padding:10px}.ml-controls button[aria-pressed=true]{background:#714b2c;color:#ffe1c4;border-color:#c89261}.ml-explanation{font-size:11px;color:#a0bddf;line-height:1.7;margin:18px 0 0}.ml-footnote{font-size:9px;color:#7f9dbf;line-height:1.6;margin-bottom:0}.reveal-ready{opacity:0;transform:translateY(22px)}.reveal-ready.revealed{opacity:1;transform:none;transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.header{position:relative}.hero{overflow:visible}.hero:after{content:"";position:absolute;right:12%;top:0;width:190px;height:190px;border:1px solid #58adff20;border-radius:50%;filter:blur(.2px);pointer-events:none;animation:halo 12s ease-in-out infinite;z-index:-1}.service-grid article{position:relative;overflow:hidden}.service-grid article:after{content:"";position:absolute;width:100px;height:300%;background:linear-gradient(90deg,transparent,#82c8ff08,transparent);top:-100%;left:-150%;transform:rotate(25deg);transition:left 1s}.service-grid article:hover:after{left:150%}.contact-mark{filter:drop-shadow(0 0 40px #4eabff25)}@keyframes halo{50%{transform:translate(30px,15px) scale(1.3);opacity:.25}}
@media(min-width:1600px){.studio-stage{min-height:640px}.studio-grid{grid-template-columns:minmax(0,1fr) 320px}}
@media(max-width:1100px){.studio-header h2{font-size:26px}.studio-grid{grid-template-columns:minmax(0,1fr) 270px}.studio-inspector{padding:22px 18px}.stage-kpis{left:13px;right:13px;gap:5px}.stage-kpi{padding:10px}.stage-kpi strong{font-size:19px}.stage-caption{flex-direction:column;gap:5px}.stage-caption>span:first-child{max-width:none}.studio-stage{min-height:575px}.studio-story{gap:30px}.studio-tabs button{padding:11px;font-size:9px}.ml-result strong{font-size:21px}}
@media(max-width:800px){.studio-header{padding:23px;align-items:start}.studio-header h2{font-size:24px}.studio-header .sim-badge{max-width:175px;font-size:7px}.studio-toolbar{align-items:start;flex-direction:column;gap:12px;padding:14px 20px}.studio-grid{grid-template-columns:1fr}.studio-stage{min-height:470px}.studio-inspector{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;border-left:0;border-top:1px solid #2d4868;padding:24px}.inspector-top{grid-column:1/-1}.studio-inspector label,.studio-inspector select,.signal-reading{grid-column:1}.inspector-nav{grid-column:2;grid-row:2}.studio-inspector #trend-panel,.studio-inspector #record-panel{grid-column:2;grid-row:3/6}.decision-box{grid-column:1/-1}.studio-inspector #focus-asset{grid-column:1}.inspector-disclaimer{grid-column:2;margin:0}.signal-reading{margin:16px 0 0}.signal-reading>strong{font-size:36px}.stage-kpis{left:20px;right:20px}.stage-kpi{max-width:none}.stage-caption{flex-direction:row;font-size:7px}.studio-story{padding:28px 24px;gap:25px}.studio-story h3{font-size:22px}.studio-timeline{gap:15px;padding:22px}.studio-timeline>button{min-width:100px;font-size:10px}.ml-visual{max-width:650px}}
@media(max-width:480px){.studio{border-radius:12px}.studio-header{display:block;padding:22px 17px}.studio-header h2{font-size:26px;letter-spacing:-1px}.studio-header .sim-badge{max-width:none;display:inline-block;margin-top:14px;font-size:7px}.studio-tabs{padding:0 15px 17px}.studio-tabs button{font-size:10px}.studio-toolbar{padding:13px 15px}.studio-identity{font-size:9px}.view-controls{gap:5px}.view-controls button{font-size:9px;padding:8px 10px}.studio-stage{min-height:420px}.stage-kpis{left:11px;right:11px;top:13px;gap:5px}.stage-kpi{padding:9px 6px;min-width:0}.stage-kpi>span{font-size:7px}.stage-kpi strong{font-size:17px;margin-top:5px;white-space:nowrap}.stage-caption{left:15px;right:15px;bottom:99px;flex-direction:column;font-size:7px}.stage-legend{left:15px;bottom:75px;font-size:7px;right:15px;line-height:1.5}.layer-controls{left:13px;right:13px;bottom:17px;gap:4px}.layer-controls button{font-size:8px;padding:8px}.studio-inspector{padding:20px 16px;gap:0 17px}.inspector-top{font-size:7px;margin-bottom:18px}.studio-inspector label{font-size:9px}.studio-inspector select{font-size:10px;padding:10px 5px}.inspector-nav button{font-size:9px;padding:8px 0}.signal-reading>strong{font-size:32px}.signal-reading>span{font-size:11px}.signal-reading>span:last-child{font-size:7px}.decision-box p{font-size:11px}.inspector-disclaimer{font-size:8px}.studio-timeline{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:21px 16px}.timeline-track{grid-column:1/3;grid-row:1}.studio-timeline>button{font-size:11px;min-height:40px;padding:10px}.studio-story{grid-template-columns:1fr;padding:25px 17px;gap:21px}.studio-story h3{font-size:23px}.studio-story p{font-size:11px}.studio-story a{font-size:11px;line-height:1.5}.ml-visual{padding:22px 17px}.ml-result{gap:8px}.ml-result strong{font-size:20px}.ml-result span{font-size:8px}.ml-controls{gap:15px}.ml-controls label{font-size:9px;min-width:100%}.ml-controls input{flex:1;max-width:none}.ml-legend{font-size:8px;gap:11px}.ml-vis-tabs button{font-size:9px}.ml-explanation{font-size:11px}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.reveal-ready.revealed{transition:none}.hero:after{animation:none}.ml-plot circle{transition:none}.service-grid article:after{display:none}}

.ml-visual p.ml-explanation{font-size:11px;line-height:1.7;color:#a0bddf}.ml-visual p.ml-footnote{font-size:9px;line-height:1.6;color:#8ca9c7}.studio-header>div>p:not(.eyebrow){font-size:13px;color:#a6bedb;line-height:1.7}

/* Guided exploration and evidence: turn interaction into a readable decision. */
.studio-guide{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 25px;background:linear-gradient(100deg,#173555,#12243e);border-top:1px solid #2c4966}.studio-guide p{font-size:12px;color:#b3c9e3;margin:0;line-height:1.7}.studio-guide button{flex-shrink:0;border:1px solid #6fbbe6;border-radius:6px;background:#9addff;color:#082742;padding:11px 17px;font-size:12px;font-weight:600;box-shadow:0 5px 24px #46b6ff20;transition:transform .2s,box-shadow .2s}.studio-guide button:hover{transform:translateY(-2px);box-shadow:0 8px 28px #46b6ff40}.studio-evidence{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:25px 30px;border-bottom:1px solid #2a4362;background:#0b1b30}.studio-evidence>div>span{font:10px Consolas,monospace;letter-spacing:.7px;color:#93c1e5}#compare-values{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}#compare-values span{display:block;font-size:10px;color:#9ab2cd;margin-bottom:8px}#compare-values strong{font-size:22px;letter-spacing:-.5px;font-weight:400;color:#d6eeff}#compare-values>div:last-child strong{color:#8ed8ff}.studio-evidence p{font-size:10px;line-height:1.65;color:#92abc9;margin:13px 0 0}#related-assets{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}#related-assets button{text-align:left;background:#122a46;border:1px solid #2b4b6d;border-radius:6px;padding:12px;color:#b9d4f0;transition:border-color .2s,background .2s}#related-assets button:hover{border-color:#72b9ed;background:#183a60}#related-assets span{display:block;font-size:10px;line-height:1.5}#related-assets strong{display:block;font-size:22px;font-weight:400;margin:8px 0;color:#d5edff}#related-assets span:last-child{color:#80bfe9;font-size:9px}.studio button:focus-visible,.studio select:focus-visible,.studio input:focus-visible,.ml-visual button:focus-visible,.ml-visual input:focus-visible{outline:2px solid #c0ebff;outline-offset:4px}.studio button,.ml-visual button{min-height:40px}#studio-panel{scroll-margin-top:20px}.ml-baseline{padding:12px 14px;background:#102b47;border-left:2px solid #5bc6f4;border-radius:0 5px 5px 0}.ml-visual p.ml-baseline{font-size:11px;color:#b3cce7;line-height:1.65;margin-top:17px}.studio-stage{background:radial-gradient(ellipse at 45% 25%,#244568,#0c182d 80%)}
@media(max-width:800px){.studio-guide{align-items:flex-start;gap:16px;padding:16px 22px}.studio-guide p{font-size:11px}.studio-guide button{font-size:11px}.studio-evidence{gap:25px;padding:25px 22px}#compare-values{gap:10px}#compare-values strong{font-size:20px}}
@media(max-width:560px){.studio-guide{display:block;padding:16px}.studio-guide button{margin-top:12px;width:100%;min-height:44px}.studio-guide p{font-size:12px}.studio-evidence{grid-template-columns:1fr;gap:24px;padding:23px 17px}#compare-values strong{font-size:23px}#related-assets button{min-height:115px}.studio button,.ml-visual button{min-height:44px}.layer-controls{bottom:12px;gap:4px}.layer-controls button{padding:6px}.stage-legend{bottom:71px}.stage-caption{bottom:93px}.view-controls{width:100%}.view-controls button{flex:1}.studio-inspector label{font-size:11px}.studio-inspector select{min-height:44px}.decision-box p{font-size:12px;line-height:1.7}.inspector-nav button{font-size:10px}.studio-tabs button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.studio-guide button{transition:none}.studio-guide button:hover{transform:none}}
@media(max-width:480px){.studio-inspector{display:block;padding:23px 18px}.studio-inspector label{font-size:12px}.studio-inspector select{font-size:13px;padding:12px}.signal-reading{margin:18px 0}.signal-reading>strong{font-size:40px}.signal-reading>span:last-child{font-size:9px}.inspector-nav button{font-size:12px}#signal-chart{height:140px}.trend-legend{font-size:10px}.inspector-top{font-size:9px}.studio-inspector #focus-asset{font-size:12px}.inspector-disclaimer{font-size:10px;margin-top:14px}.record-row{font-size:11px}#record-panel>p{font-size:11px}.stage-caption{font-size:8px}.stage-legend{font-size:8px}}