/* Scroll story and performance views use BALU's existing blue and Work Sans. */
.process-story{background:#fff;color:#12233e;color-scheme:light;padding:100px 0 70px}
.story-heading h2{font-size:clamp(38px,4vw,58px);letter-spacing:-.035em;line-height:1.1}
.story-layout{position:relative}
.story-step{padding:64px 0;border-bottom:1px solid #e2e9f3;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:55px}
.story-step:last-child{border-bottom:0}
.story-number{font-size:17px;font-variant-numeric:tabular-nums;color:#245bff;display:block;margin-bottom:24px}
.story-copy h3{font-size:clamp(30px,3.1vw,43px);line-height:1.14;letter-spacing:-.035em;max-width:410px}
.story-copy p{font-size:18px;line-height:1.7;color:#4d607b;max-width:365px;margin-top:23px}
.story-stage{display:none}
.story-mobile-visual{min-width:0;background:#0b1629;border-radius:16px;padding:24px}
.story-enhanced .story-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:64px;align-items:start}
.story-enhanced .story-step{display:flex;min-height:65vh;padding:80px 0;border:0}
.story-enhanced .story-mobile-visual{display:none}
.story-enhanced .story-stage{display:block;position:sticky;top:max(110px,calc(50dvh - 225px));min-width:0;height:min(530px,72vh);margin-top:55px;background:#0b1629;border-radius:16px;overflow:hidden;color:#e4edff;color-scheme:dark}
.story-frame{position:absolute;inset:0;display:flex;align-items:center;padding:28px 26px 45px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s,transform .5s cubic-bezier(.16,1,.3,1),visibility .3s}
.story-frame.is-active{opacity:1;visibility:visible;transform:none}
.story-track{position:absolute;bottom:18px;left:32px;right:32px;display:flex;gap:9px}
.story-track i{height:3px;background:#263d61;flex:1;border-radius:3px;transition:background .3s}
.story-track i.is-active{background:#91b3ff}
.partner-section{background:#0b1629;padding:110px 0}
.partner-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;align-items:center}
.partner-copy h2,.performance-heading h2{font-size:clamp(36px,3.8vw,54px);letter-spacing:-.035em;line-height:1.13}
.partner-copy>p{font-size:18px;line-height:1.7;color:#bfcee4;max-width:480px;margin-top:26px}
.partner-responsibilities{margin:32px 0 0}
.partner-responsibilities>div{padding:19px 0;border-top:1px solid #b4ccf826}
.partner-responsibilities dt{font-size:17px;color:#f1f6ff;font-weight:500;margin-bottom:8px}
.partner-responsibilities dd{margin:0;color:#b6c7df;line-height:1.65;font-size:16px}
.partner-visual{min-width:0}
.partner-orbit{height:440px;position:relative}
.partner-connections{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#5c84c4;stroke-width:1.5}
.partner-connections circle{stroke:#203652;stroke-dasharray:4 9}
.partner-role{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;min-height:105px;padding:18px 20px;width:190px;border:1px solid #37557c;border-radius:14px;background:#10213a;color:#e3ecfc}
.partner-role svg{width:30px;height:30px;color:#91b3ff}
.partner-role strong{font-size:16px;font-weight:500;text-align:center}
.role-tools{top:0;left:calc(50% - 95px)}
.role-systems{left:0;bottom:41px}
.role-experts{right:0;bottom:41px}
.partner-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:125px;height:115px;border-radius:22px;background:#245bff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:3}
.partner-hub img{width:43px}.partner-hub strong{font-size:22px}
.partner-caption{text-align:center;font-size:16px;line-height:1.6;color:#b6c7df;max-width:450px;margin:auto}
.partner-visual .flow-line{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.4s ease}
.js .partner-visual .flow-line{stroke-dashoffset:1}
.js .partner-visual.in-view .flow-line{stroke-dashoffset:0}
.performance-section{background:#fff;color:#142541;color-scheme:light;padding:110px 0}
.performance-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:65px}
.performance-heading>p{max-width:450px;font-size:18px;line-height:1.7;color:#4d607b}
.performance-layout{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:70px}
.performance-method article{position:relative;padding:0 0 30px 43px;margin-bottom:28px;border-bottom:1px solid #e1e8f2}
.performance-method article:last-child{border:0;margin-bottom:0;padding-bottom:0}
.performance-method article>span{position:absolute;left:0;top:4px;color:#245bff;font-size:14px}
.performance-method h3{font-size:21px;line-height:1.3;letter-spacing:-.025em}
.performance-method p{font-size:16px;line-height:1.7;color:#4d607b;margin-top:12px}
.performance-app{min-width:0;border:1px solid #cedbef;border-radius:16px;background:#f6f9ff;overflow:hidden}
.app-top{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #dce5f3;padding:19px 25px;background:#edf3ff}
.app-brand{display:flex;align-items:center;gap:10px;color:#16345e}.app-brand img{width:24px;filter:brightness(0) saturate(100%) invert(30%) sepia(92%) saturate(4105%) hue-rotate(221deg)}
.app-brand strong{font-size:16px}.app-brand span{border-left:1px solid #bed0ec;padding-left:12px;margin-left:4px;font-size:14px}
.mock-label{font-size:13px;color:#4d607b}
.app-main{padding:28px;background:#fff}
.app-heading h3{font-size:23px;letter-spacing:-.025em}.app-heading>span{display:block;font-size:14px;margin-top:8px;color:#536780}
.perf-tabs{display:flex;gap:8px;margin:25px 0}
.perf-tabs button{background:transparent;color:#4d607b;min-height:42px;padding:9px 15px;border-radius:8px;font-size:14px;transition:background .2s,color .2s}
.perf-tabs button:hover{background:#edf3ff}.perf-tabs button[aria-pressed=true]{background:#e6eeff;color:#184ac5}
.perf-tabs button:focus-visible{outline:2px solid #245bff;outline-offset:2px}
.perf-numbers{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:12px}
.perf-numbers span{display:block;font-size:14px;color:#536780;margin-bottom:10px}
.perf-numbers strong{font-size:46px;font-weight:500;line-height:1;letter-spacing:-.03em;display:block;font-variant-numeric:tabular-nums}
.perf-numbers small{font-size:19px;letter-spacing:0}.perf-before{text-align:right}.perf-before strong{font-size:23px;color:#6a7d96}
.perf-chart{display:block;width:100%;height:auto;overflow:visible}
.perf-axis{display:flex;justify-content:space-between;gap:8px;color:#536780;font-size:13px}
.perf-insight{display:flex;gap:12px;align-items:flex-start;border-top:1px solid #e1e8f2;margin-top:25px;padding-top:20px;color:#245bff}
.perf-insight p{font-size:15px;line-height:1.6;color:#385475}
.contact-form-section{background:#f6f8fc;color:#142541;color-scheme:light;border-color:#dce5f3}
.contact-intro>p{color:#4d607b}.contact-form h3{color:#142541}.form-field label{color:#193356}.form-field label span{color:#536780}
.form-field input,.form-field textarea{background:#fff;color:#142541;border-color:#b9c9df;caret-color:#245bff}
.form-field input:focus,.form-field textarea:focus{background:#fff;outline-color:#245bff;border-color:#245bff}
.form-field textarea::placeholder{color:#62738c}.form-status{color:#536780}
@media(max-width:1100px){.story-enhanced .story-layout{gap:30px}.story-copy h3{font-size:36px}.partner-layout{gap:35px}.partner-role{width:155px;padding:16px 10px}.role-tools{left:calc(50% - 77px)}.performance-layout{gap:40px}}
@media(max-width:800px){.process-story{padding:70px 0 35px}.story-heading h2{font-size:40px}.story-step{grid-template-columns:1fr;gap:30px;padding:48px 0}.story-copy h3{font-size:34px;max-width:none}.story-copy p{max-width:570px;font-size:17px;margin-top:17px}.story-number{margin-bottom:16px}.story-mobile-visual{max-width:620px;width:100%;margin:auto}.partner-section,.performance-section{padding:75px 0}.partner-layout,.performance-layout{grid-template-columns:1fr;gap:40px}.partner-copy>p{max-width:600px;font-size:17px}.partner-responsibilities{display:grid;grid-template-columns:1fr 1fr;gap:25px}.partner-visual{max-width:600px;width:100%;margin:auto}.partner-role{width:190px}.role-tools{left:calc(50% - 95px)}.performance-heading{display:block;margin-bottom:40px}.performance-heading>p{margin-top:24px;max-width:600px;font-size:17px}.performance-method{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.performance-method article{border:0;padding:0;margin:0}.performance-method article>span{position:static;display:block;margin-bottom:12px}.performance-method h3{font-size:19px}.performance-method p{font-size:15px}.performance-app{max-width:700px;width:100%;margin:auto}}
@media(max-width:550px){.story-heading h2{font-size:35px}.story-copy h3{font-size:31px}.story-step{padding:38px 0}.story-mobile-visual{padding:0;border-radius:16px;margin-top:6px}.story-svg text{font-size:24px}.story-svg{min-height:260px}.partner-copy h2,.performance-heading h2{font-size:36px}.partner-responsibilities{grid-template-columns:1fr;gap:0}.partner-orbit{height:370px}.partner-role{width:145px;min-height:93px;padding:13px 9px;gap:10px}.partner-role strong{font-size:14px}.role-tools{left:calc(50% - 72px)}.role-systems,.role-experts{bottom:35px}.partner-hub{width:95px;height:95px;border-radius:18px}.partner-hub strong{font-size:18px}.partner-caption{font-size:15px}.performance-method{display:block}.performance-method article{padding:0 0 23px 38px;margin-bottom:23px;border-bottom:1px solid #e1e8f2}.performance-method article>span{position:absolute;top:2px}.performance-method h3{font-size:20px}.performance-method p{font-size:16px}.performance-layout{gap:25px}.app-top{padding:16px 17px;gap:8px}.app-brand{gap:7px}.app-brand span{display:none}.app-main{padding:21px 17px}.app-heading h3{font-size:22px}.perf-tabs{gap:3px}.perf-tabs button{padding:9px 12px;font-size:14px}.perf-numbers strong{font-size:38px}.perf-before strong{font-size:21px}.perf-numbers span{font-size:13px}.perf-insight p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.story-frame,.flow-line,.illustration-node,.story-track i{transition:none!important}.flow-line{stroke-dasharray:none!important;stroke-dashoffset:0!important}}
.motion-paused .story-frame,.motion-paused .flow-line,.motion-paused .illustration-node{transition:none!important}

/* Original layered scenes, within the lighter scroll narrative. */
.process-scene{width:100%;min-width:0;color:#e4edff;color-scheme:dark}
.process-scene .interview-scene{height:435px;padding-top:90px}
.process-scene .source-note{width:135px;height:148px;top:0;padding:18px;color:#b4c8eb;box-shadow:0 16px 30px #0208144d}
.process-scene .source-note>span{font-size:14px;white-space:nowrap}
.process-scene .note-a{left:2%;transform:rotate(-10deg)}
.process-scene .note-b{right:2%;top:15px;transform:rotate(9deg)}
.process-scene .interview-window{width:76%;max-width:425px;z-index:1;padding:24px;background:linear-gradient(145deg,#1c3153,#0e1c33);box-shadow:0 22px 40px #02081466}
.process-scene .window-heading{font-size:14px;color:#c0d1ee;gap:9px;line-height:1.4}
.process-scene .voice-wave{height:58px;margin:20px 0 16px;gap:5px}
.process-scene .voice-wave i{width:4px;flex-shrink:1}
.process-scene .interview-window p{font-size:22px;line-height:1.4;color:#f2f6ff}
.interview-teams{display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:23px;font-size:13px;color:#b9cef1}
.process-scene .interview-link{bottom:25px;height:90px}
.process-scene .finding{bottom:0;z-index:2;padding:13px 20px;background:#122440}
.process-scene .finding span{font-size:14px;color:#bdd0ed}
.process-scene .finding strong{color:#eff4ff}
.process-scene .matrix-scene{padding:25px 12px 20px 45px}
.process-scene .matrix-plot{height:295px}
.process-scene .matrix-zone{font-size:15px;color:#b3ccff;max-width:none}
.process-scene .matrix-point{font-size:14px;padding:12px 14px;background:#162e53;color:#d7e5ff;box-shadow:0 10px 24px #0208144d}
.process-scene .point-a{left:7%;top:25%;border-color:#7fa9f9;background:#214580;color:#f3f7ff}
.process-scene .point-b{left:auto;right:4%;top:54%}
.process-scene .point-c{right:13%;bottom:7%}
.process-scene .matrix-y{left:-65px;top:155px;font-size:14px;color:#b4c8e9}
.process-scene .matrix-x{font-size:14px;color:#b4c8e9;margin-top:18px}
.process-scene .stack-scene{padding:28px 12px}
.process-scene .system{width:92px;height:92px;background:#14243e;color:#aac8ff;border-radius:14px}
.process-scene .system strong{font-size:15px}
.process-scene .stack-lines{height:115px;margin-bottom:-12px}
.process-scene .balu-hub{width:182px;height:82px;background:linear-gradient(140deg,#305dbb,#183b7d);box-shadow:0 16px 34px #02081466}
.process-scene .balu-hub strong{font-size:27px}
.process-scene .stack-bridge{height:34px}
.process-scene .stack-targets{gap:10px;padding-top:23px}
.process-scene .stack-targets>div{font-size:14px;padding:12px 9px;background:#132640;color:#d7e4fa}
.process-scene .stack-targets>div:before{top:-24px;height:23px}
.scene-monitor{padding:24px 12px}
.scene-chart-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}
.scene-chart-heading strong{font-weight:500;font-size:21px;letter-spacing:-.025em}
.scene-chart-heading>span{font-size:13px;color:#b1c4e3}
.scene-chart{display:block;width:100%;height:auto;margin-top:24px;overflow:visible}
.scene-chart .scene-curve{stroke-width:3;stroke:#91b3ff}
.scene-chart-axis{display:flex;justify-content:space-between;gap:12px;color:#b1c4e3;font-size:14px;margin-top:-6px}
.scene-chart-outcome{display:flex;gap:12px;align-items:center;margin-top:28px;font-size:16px;color:#d7e5ff}
.scene-line-key{width:24px;height:2px;background:#91b3ff}
@media(max-width:1100px){.story-enhanced .story-layout{grid-template-columns:.7fr 1.3fr;gap:32px}.story-frame{padding:22px 18px 42px}.process-scene .interview-window{width:85%;padding:22px}.process-scene .source-note{width:125px;padding:15px}.process-scene .interview-window p{font-size:20px}.process-scene .matrix-point{font-size:13px;padding:11px}.process-scene .stack-targets>div{font-size:13px}}
@media(max-width:800px){.story-mobile-visual{padding:30px;max-width:660px}.process-scene .interview-window{width:76%;padding:24px}.process-scene .interview-window p{font-size:22px}.process-scene .matrix-point{font-size:14px}.process-scene .stack-targets>div{font-size:14px}}
@media(max-width:550px){.story-mobile-visual{padding:24px 13px;border-radius:16px}.process-scene .interview-scene{height:400px;padding-top:97px}.process-scene .source-note{top:12px;height:132px;width:124px;padding:15px}.process-scene .note-a{left:5%}.process-scene .note-b{right:5%;top:22px}.process-scene .source-note>span{font-size:13px}.process-scene .interview-window{width:94%;padding:18px}.process-scene .window-heading{font-size:13px;gap:7px}.process-scene .window-heading svg{width:18px}.process-scene .voice-wave{height:48px;gap:3px;margin:17px 0 13px}.process-scene .interview-window p{font-size:19px}.interview-teams{font-size:12px;gap:8px;margin-top:18px}.process-scene .finding{padding:10px 14px;gap:10px}.process-scene .finding span{font-size:13px}.process-scene .matrix-scene{padding:18px 4px 12px 31px}.process-scene .matrix-plot{height:290px}.process-scene .matrix-y{left:-79px;top:154px;font-size:12px}.process-scene .matrix-x{font-size:12px;gap:8px}.process-scene .matrix-point{font-size:12px;gap:6px;padding:10px 8px}.process-scene .matrix-point svg{width:15px}.process-scene .matrix-zone{font-size:13px}.process-scene .point-a{left:5%}.process-scene .point-b{right:2%;top:53%}.process-scene .point-c{right:3%;bottom:8%}.process-scene .stack-scene{padding:20px 5px}.process-scene .system{width:70px;height:76px}.process-scene .system strong{font-size:14px}.process-scene .stack-lines{height:100px}.process-scene .balu-hub{width:158px;height:76px}.process-scene .stack-targets{gap:7px}.process-scene .stack-targets>div{font-size:12px;padding:10px 5px}.scene-monitor{padding:16px 8px}.scene-chart-heading{display:block}.scene-chart-heading strong{font-size:20px;display:block}.scene-chart-heading>span{display:block;margin-top:7px}.scene-chart{margin-top:26px}.scene-chart-axis{font-size:12px}.scene-chart-outcome{font-size:15px}}
@media(min-width:801px) and (max-height:740px){.story-enhanced .story-stage{top:96px;height:495px}.story-frame{padding-top:16px;padding-bottom:36px}}
