/* Full-screen production storyboard. The map pans and zooms without scrollbars. */
/* Original flow topology stays intact beside the presentation's explanatory copy. */
.process-workspace.company-flow.has-insights{grid-template-columns:minmax(0,1fr) 238px;gap:15px}
.process-insights{display:flex;flex-direction:column;min-height:0;border:1px solid #72b6c42a;border-radius:16px;background:linear-gradient(155deg,#143540d9,#081d2bdc);padding:17px 18px;overflow:auto;scrollbar-width:none}
.process-insights::-webkit-scrollbar{display:none}
.insights-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.insights-heading h2{color:#9bbfc9;font-size:11px;letter-spacing:.14em;font-weight:500;margin:0 0 8px}
.insight-item{position:relative;flex:1;padding:17px 0 14px;border-top:1px solid #96cbda20}
.insight-number{float:right;color:#62b8b842;font:25px/1 Georgia,serif}
.insight-role{color:#70dbcc;font-size:9px;letter-spacing:.12em}
.insight-item h3{font-size:15px;font-weight:500;line-height:1.5;margin:9px 0 7px;color:#e5f3f5}
.insight-item p{font-size:12px;line-height:1.7;color:#9cb9c5;margin:0}
.insights-close,.insights-toggle{display:none}
html[lang=en] .insight-item h3{font-size:14px}
html[lang=en] .insight-item p{font-size:11px;line-height:1.6}
@media(max-width:1100px){.process-workspace.company-flow.has-insights{grid-template-columns:1fr}.process-insights{display:none}.insights-toggle{display:inline-flex;align-items:center;gap:5px;margin-left:auto;border:1px solid #72b6c443;border-radius:7px;background:#12445559;color:#bce8e6;padding:7px 9px;font-size:10px;white-space:nowrap;cursor:pointer}.insights-toggle svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.4}.company-flow .map-tools{margin-left:0}.insights-open .process-insights{display:flex;position:absolute;inset:0;z-index:8;background:linear-gradient(150deg,#153b4d,#071d2c);padding:20px 23px}.insights-open .diagram-panel{visibility:hidden}.insights-close{display:block;border-radius:50%;width:34px;height:34px;border:1px solid #72b6c443;background:#20475588;color:#bbdde3;font-size:22px;cursor:pointer}.insights-heading h2{margin:0}.insight-item{padding:24px 0}.insight-item h3{font-size:19px}.insight-item p{font-size:14px;max-width:520px}}
@media(max-height:600px){.process-insights{padding:12px 15px}.insight-item{padding:10px 0}.insight-item h3{font-size:13px;margin:4px 0}.insight-item p{font-size:11px;line-height:1.5}}
html:has(.process-page),.process-page{height:100%;overflow:hidden}.process-page{height:100dvh;min-height:0;background:#061521}.process-page .site-header{height:76px!important;flex-shrink:0}.process-main{position:relative;z-index:1;height:calc(100dvh - 76px);max-width:1800px;margin:auto;padding:14px 4% 16px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;overflow:hidden;box-sizing:border-box}.process-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0}.process-heading .eyebrow{font-size:9px;letter-spacing:.25em;color:#779cab}.process-heading h1{font-family:Georgia,'Songti SC',SimSun,serif;font-size:clamp(25px,2.4vw,38px);line-height:1.15;font-weight:400;margin:5px 0;color:#e9f5f6}.process-heading p{font-size:12px;line-height:1.35;color:#8eaebe;margin:0}.process-heading .outline{font-size:12px;min-height:36px;padding:9px 15px;flex:none}.process-selection{display:flex;gap:12px;align-items:center;min-width:0}.process-selection label{font-size:11px;color:#8cb1bf;flex:none}.process-selection select{font:inherit;font-size:12px;color:#d9eef4;max-width:42%;min-width:140px;border:1px solid #3e697d66;border-radius:7px;background:#0a2637;padding:9px 30px 9px 12px;outline-offset:3px}.overview-button{font:inherit;font-size:12px;border:1px solid #4c85936b;border-radius:7px;color:#a1c4ce;background:#0a293433;padding:9px 13px;white-space:nowrap}.overview-button.active{color:#82ebe3;border-color:#5fd5d1aa;background:#17606b33}.selection-caption{font-size:10px;letter-spacing:.12em;color:#678fa0;margin-left:auto}
.process-workspace{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,34%);gap:18px;min-height:0}.diagram-panel{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border:1px solid #8ab9cd2f;border-radius:16px;background:linear-gradient(140deg,#102c3acf,#071e2bcf)!important;box-shadow:inset 0 1px #b5f0ff10,0 18px 70px #0002}.diagram-top{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;flex:none;color:#b5cfd9;font-size:12px;border-bottom:1px solid #9bd9ed13;gap:10px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#6be0d6;margin-right:8px;box-shadow:0 0 12px #57e4ce88}.text-button{border:0;background:transparent;color:#94c4d2;font:inherit;font-size:11px;cursor:pointer;min-height:27px;padding:4px}.diagram-viewport{position:relative;min-height:0;flex:1;overflow:hidden;touch-action:none;cursor:grab;background-image:radial-gradient(#6cb9d92a 1px,transparent 1px);background-size:24px 24px;outline:none}.diagram-viewport.is-dragging{cursor:grabbing}.diagram-viewport:focus-visible{box-shadow:inset 0 0 0 1px #54cbd6}.flow-map{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;contain:layout}.flow-lines{position:absolute;inset:0;overflow:visible;pointer-events:none}.flow-node{position:absolute;display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-rows:1fr;align-items:center;gap:6px;padding:7px 11px 7px 3px;width:224px;height:94px;border-radius:13px;border:1px solid #7fa6b63b;background:linear-gradient(135deg,#204a5b6b,#092231be);color:#d1e6ed;text-align:left;opacity:0;transform:translateY(17px);transition:opacity .28s,transform .4s cubic-bezier(.17,.72,.2,1),border-color .3s;cursor:pointer;font:inherit;box-shadow:0 12px 25px #0003;pointer-events:none}.flow-node.revealed{opacity:1;transform:translateY(0);pointer-events:auto}.flow-node.selected{border-color:#85e6df;background:linear-gradient(135deg,#245e6c99,#102d3ecd);box-shadow:0 0 22px #36bfc61b,inset 0 1px #c4fff322}.flow-node.environment{border-color:#b995583d}.flow-node.environment.selected{border-color:#deb774}.node-model{height:78px;width:96px;display:flex;align-items:center;justify-content:center;pointer-events:none}.node-model svg{width:48px;height:58px;stroke:#81cbd2;fill:none;stroke-width:1.2}.node-number{position:absolute;top:7px;left:10px;font:9px/1.2 monospace;color:#739baa}.node-label-wrap{min-width:0}.flow-node-label{display:block;font-size:16px;line-height:1.32;font-weight:500;color:#dfeef2;overflow-wrap:anywhere}.node-phase{display:block;font-size:10px;color:#6da6b7;margin-top:7px;line-height:1.25;letter-spacing:.06em}.node-build-meter{position:absolute;left:12%;bottom:0;height:1px;width:76%;transform-origin:left;transform:scaleX(var(--assembly,0));background:linear-gradient(90deg,transparent,#54d6db);opacity:.6}.building .node-phase{color:#8be8df}.models-ready .node-model svg,.models-ready .node-info-icon svg{visibility:hidden}.assembly-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}.assembly-rail,.assembly-link,.assembly-current{fill:none;stroke-linecap:round}.assembly-rail{stroke:#57879c3d;stroke-width:2.5}.assembly-link{stroke:#64d8d2;stroke-width:1.6;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 3px #45cad844)}.assembly-current{stroke:#d6fffa;stroke-width:2;stroke-dasharray:2 22;opacity:0;animation:assembly-flow 1.7s linear infinite}.assembly-current.revealed{opacity:.75}.assembly-link.environment{stroke:#d6b572}.assembly-current.environment{stroke:#ffe1a5}.diagram-bottom{display:flex;justify-content:space-between;gap:10px;padding:8px 15px;color:#608da0;font-size:10px;flex:none;border-top:1px solid #84b6d411}.legend{display:flex;gap:6px;align-items:center;flex:none}.legend i{width:12px;height:1px;background:#bd9d68}.map-tools{position:absolute;bottom:39px;right:12px;display:flex;gap:1px;padding:3px;border:1px solid #668f9e54;border-radius:9px;background:#082333dc;z-index:6;backdrop-filter:blur(10px)}.map-tools button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:none;border:0;color:#b5dce5;font-size:20px;cursor:pointer;border-radius:5px}.map-tools button:hover{background:#245268}.map-tools svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5}
.node-info{position:relative;min-height:0;min-width:0;display:flex;flex-direction:column;padding:12px 18px;border:1px solid #94bfd526;border-radius:16px;background:linear-gradient(140deg,#1b3d4c70,#061e2dc9);overflow:hidden;box-shadow:inset 0 1px #c5f4ff0d}.detail-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:18px}.detail-top .eyebrow{color:#85b9c3;letter-spacing:.2em;font-size:9px}.detail-close{display:none;align-items:center;justify-content:center;color:#acd4db;background:#29475666;border:1px solid #8ab7c533;border-radius:50%;height:30px;width:30px;font-size:21px;cursor:pointer}.node-info-icon{flex:1;min-height:110px;width:100%;max-height:290px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 72%,#32829333,transparent 65%)}.node-info-icon svg{height:65%;width:55%;stroke:#71d0d6;fill:none;stroke-width:1}.detail-copy{flex:none}.node-count{font-size:9px;letter-spacing:.16em;color:#6ba5b2}.node-info h2{font-size:clamp(19px,1.8vw,28px);line-height:1.18;margin:5px 0 7px;font-weight:500;letter-spacing:.02em}.node-info p{color:#a5c3cf;font-size:12px;line-height:1.5;margin:0}.operation-sequence{display:flex;gap:5px;margin:11px 0;flex:none}.operation-sequence span{flex:1;position:relative;border:1px solid #518b9e33;border-radius:5px;background:#09303d4a;color:#80beca;font-size:9px;line-height:1.35;text-align:center;padding:7px 3px}.operation-sequence span::after{content:'';position:absolute;bottom:-1px;left:15%;width:70%;height:1px;background:#60f2da;animation:operation-light 3s infinite;opacity:0}.operation-sequence span:nth-child(2)::after{animation-delay:1s}.operation-sequence span:nth-child(3)::after{animation-delay:2s}.detail-steps{flex:none;border-top:1px solid #769daa25;padding-top:9px}.detail-steps label{font-size:9px;letter-spacing:.1em;color:#789caa;display:block;margin-bottom:5px}.step-controls{display:flex;align-items:center;gap:5px}.step-controls select{min-width:0;flex:1;font:inherit;font-size:11px;color:#cce6ec;background:#0b2836;border:1px solid #56859444;border-radius:5px;padding:7px}.step-controls button{width:25px;height:30px;border:0;background:#32516330;color:#b5dce5;font-size:22px;border-radius:5px;cursor:pointer}.step-controls button:disabled{opacity:.25;cursor:default}.model-caption{font-size:8px;color:#547c8d;line-height:1.4;text-align:right;margin-top:6px;letter-spacing:.04em}.process-controls{display:flex;justify-content:center;align-items:center;gap:17px;min-height:36px;padding:0}.process-controls .primary,.process-controls .outline{font-size:12px;min-height:34px;padding:8px 18px}.process-controls .flow-progress{min-width:45px;font-size:10px;letter-spacing:.08em;color:#709ba9;font-variant-numeric:tabular-nums}.process-paused .assembly-current,.process-paused .operation-sequence span::after{animation-play-state:paused}
@keyframes assembly-flow{to{stroke-dashoffset:-48}}@keyframes operation-light{0%,30%,100%{opacity:0}10%,23%{opacity:1}}
@media(min-width:1600px){.process-main{padding-top:20px;gap:16px}.process-workspace{grid-template-columns:minmax(0,1fr) 400px}.process-heading h1{font-size:37px}.node-info{padding:20px 25px}.node-info p{font-size:14px}.node-info-icon{max-height:400px}.operation-sequence span{font-size:11px;padding:10px}}
@media(max-width:900px){.process-page .site-header{height:64px!important}.process-main{height:calc(100dvh - 64px);padding:9px 4% 10px;gap:9px}.process-heading h1{font-size:26px}.process-heading p{font-size:11px}.process-heading .eyebrow{font-size:8px}.process-heading .outline{font-size:10px;padding:7px 10px;min-height:30px}.process-selection{gap:8px}.selection-caption{display:none}.process-selection label{display:none}.process-selection select{max-width:none;flex:1;min-width:0}.overview-button{font-size:11px;padding:9px}.process-workspace{grid-template-columns:1fr;gap:0}.node-info{display:none;position:absolute;inset:0;z-index:3;padding:14px 20px;background:linear-gradient(145deg,#133544,#051b29 70%);border-color:#4a8fa17d}.node-info.is-open{display:flex}.detail-open .diagram-panel{visibility:hidden}.detail-close{display:flex}.node-info-icon{min-height:120px;max-height:none}.node-info h2{font-size:25px}.node-info p{font-size:13px;line-height:1.5}.operation-sequence span{font-size:10px}.step-controls select{font-size:12px;padding:9px}.model-caption{font-size:9px}.diagram-top{padding:9px 12px;font-size:11px}.diagram-bottom{font-size:9px;padding:7px 12px}.map-tools{bottom:33px;right:10px}.process-controls{gap:12px}.process-controls .primary,.process-controls .outline{font-size:11px;padding:8px 15px}}
@media(max-width:540px){.process-page .site-header{height:58px!important}.process-main{height:calc(100dvh - 58px);padding:6px 4% max(9px,env(safe-area-inset-bottom));gap:8px}.process-heading h1{font-size:23px;line-height:1.18}.process-heading .eyebrow{font-size:7px;letter-spacing:.18em}.process-heading p{display:none}.process-heading{gap:8px}.process-heading .outline{font-size:9px;max-width:84px;text-align:center;line-height:1.35;padding:6px 8px}.process-selection select{font-size:11px;padding:8px 22px 8px 8px}.overview-button{font-size:10px;padding:8px}.process-controls{gap:9px}.process-controls .primary,.process-controls .outline{padding:7px 12px;font-size:11px}.process-controls .text-button{font-size:10px}.process-controls .flow-progress{font-size:9px;min-width:35px}.node-info{padding:12px 15px}.node-info h2{font-size:24px}.node-info p{font-size:12px}.node-info-icon{min-height:90px}.operation-sequence{margin:10px 0}.operation-sequence span{font-size:9px}.detail-top .eyebrow{font-size:8px}}
@media(max-height:600px) and (min-width:901px){.process-page .site-header{height:58px!important}.process-main{height:calc(100dvh - 58px);gap:6px;padding:6px 4% 8px}.process-heading p,.process-heading .eyebrow{display:none}.process-heading h1{font-size:25px}.process-selection select,.overview-button{padding-top:6px;padding-bottom:6px}.node-info{padding:8px 12px}.node-info h2{font-size:18px}.node-info p{font-size:10px}.node-info-icon{min-height:70px}.operation-sequence{margin:7px 0}.model-caption{display:none}.detail-steps{padding-top:5px}.process-controls .primary,.process-controls .outline{min-height:29px;padding:6px 14px}}
@media(max-height:560px) and (max-width:900px){.process-page .site-header{height:48px!important}.process-main{height:calc(100dvh - 48px);gap:5px}.process-heading .eyebrow{display:none}.process-heading h1{font-size:21px}.process-heading p{display:none}.process-selection select,.overview-button{padding-top:5px;padding-bottom:5px}.node-info.is-open{display:grid;grid-template-columns:45% minmax(0,1fr);grid-template-rows:auto 1fr auto auto;gap:5px 12px;padding:9px 12px}.detail-top{grid-column:1/3}.node-info-icon{grid-column:1;grid-row:2/5;min-height:0}.detail-copy{grid-column:2;grid-row:2;align-self:center}.node-info h2{font-size:18px}.node-info p{font-size:10px}.operation-sequence{grid-column:2;grid-row:3;margin:2px 0}.operation-sequence span{font-size:8px;padding:5px 2px}.detail-steps{grid-column:2;grid-row:4;padding-top:3px}.model-caption{display:none}.detail-steps label{display:none}.step-controls select{padding:6px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.flow-node{transition:none}.assembly-current,.operation-sequence span::after{animation:none}}
.show-all .flow-node{display:flex;flex-direction:column;gap:0;padding:3px 5px 7px;justify-content:flex-start;text-align:center}.show-all .node-model{width:100%;height:62px;flex:none}.show-all .flow-node-label{font-size:12px;line-height:1.15}.show-all .node-phase{font-size:8px;margin-top:4px}.show-all .node-number{font-size:8px;top:5px;left:6px}
@media(max-width:900px){.process-workspace:not(.show-all) .flow-node{grid-template-columns:65px minmax(0,1fr);padding-left:1px;gap:3px;padding-right:8px}.process-workspace:not(.show-all) .node-model{width:65px;height:85px}.process-workspace:not(.show-all) .flow-node-label{font-size:16px}.process-workspace:not(.show-all) .node-phase{font-size:10px;margin-top:7px}.process-workspace:not(.show-all) .node-number{left:8px;top:6px}}

/* Two company processes: source-diagram branches with the existing midnight palette. */
.process-selection{min-height:42px}.process-tabs{display:flex;gap:8px;padding:4px;border:1px solid #6196aa3d;background:#061c2c99;border-radius:12px;max-width:100%}.flow-tab{font:inherit;font-size:13px;line-height:1.3;padding:10px 19px;min-height:40px;border:1px solid transparent;border-radius:8px;color:#93b3c2;background:transparent;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.flow-tab:hover{color:#d2f8f3;background:#2147535c}.flow-tab.active{color:#d4fffa;border-color:#69d2cb80;background:linear-gradient(130deg,#17636fa6,#1843527a);box-shadow:inset 0 1px #b6fff329,0 0 20px #43cdd210}.flow-tab:focus-visible{outline:2px solid #8ee1df;outline-offset:2px}
.process-workspace.company-flow{grid-template-columns:1fr;gap:0}.company-flow .flow-node{display:flex!important;flex-direction:column;gap:0!important;padding:4px 5px 7px!important;justify-content:flex-start;text-align:center;border-radius:12px}.company-flow .flow-node .node-model{width:100%!important;height:66px!important;flex:none}.company-flow .flow-node .flow-node-label{font-size:15px;line-height:1.18;overflow-wrap:normal}.company-flow .flow-node .node-label-wrap{width:100%}.company-flow .flow-node .node-phase{font-size:8px;line-height:1.1;margin-top:4px;letter-spacing:.05em}.company-flow .node-number{font-size:8px;top:6px;left:7px}.company-flow .assembly-rail{stroke:#5f9aab77;stroke-width:1.8}.company-flow .assembly-link{stroke-width:1.6}.company-flow .assembly-current{stroke-width:1.5;stroke-dasharray:2 35;opacity:.6}.company-flow .flow-node:not(.selected){background:linear-gradient(135deg,#2354668c,#0b2939ed)}
.company-flow .assembled .node-phase{display:none}html[lang=en] .company-flow .flow-node .node-model{height:59px!important}html[lang=en] .company-flow .flow-node .flow-node-label{font-size:13px;line-height:1.18}.company-flow .map-tools{position:static;margin-left:auto;padding:1px;background:#08233399}.company-flow .map-tools button{width:27px;height:27px}.company-flow .diagram-top{padding-top:6px;padding-bottom:6px}

/* Process families use restrained color coding so each production phase is recognizable at a glance. */
.company-flow .flow-node.stage-source{--stage-accent:#73c9df;--stage-soft:#163a4c;--stage-deep:#0a2535}
.company-flow .flow-node.stage-fermentation{--stage-accent:#63dfbd;--stage-soft:#174c49;--stage-deep:#0b2c35}
.company-flow .flow-node.stage-thermal{--stage-accent:#f0b35f;--stage-soft:#604027;--stage-deep:#2c2526}
.company-flow .flow-node.stage-finishing{--stage-accent:#89a9ff;--stage-soft:#2f426c;--stage-deep:#18283f}
.company-flow .flow-node.stage-environmental{--stage-accent:#79cf91;--stage-soft:#284e3f;--stage-deep:#102d2c}
.company-flow .flow-node[class*="stage-"]:not(.selected){border-color:var(--stage-accent);border-color:color-mix(in srgb,var(--stage-accent) 38%,transparent);background:linear-gradient(145deg,var(--stage-soft),var(--stage-deep));background:linear-gradient(145deg,color-mix(in srgb,var(--stage-soft) 82%,transparent),color-mix(in srgb,var(--stage-deep) 94%,transparent));box-shadow:0 12px 27px #0004,inset 0 1px color-mix(in srgb,var(--stage-accent) 15%,transparent)}
.company-flow .flow-node[class*="stage-"] .node-model svg{stroke:var(--stage-accent);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--stage-accent) 25%,transparent))}
.company-flow .flow-node[class*="stage-"] .node-number,.company-flow .flow-node[class*="stage-"] .node-phase{color:color-mix(in srgb,var(--stage-accent) 72%,#9eb4c1)}
.company-flow .flow-node[class*="stage-"] .node-build-meter{background:linear-gradient(90deg,transparent,var(--stage-accent));box-shadow:0 0 7px var(--stage-accent)}
.company-flow .flow-node[class*="stage-"].selected{border-color:var(--stage-accent);background:linear-gradient(145deg,color-mix(in srgb,var(--stage-soft) 96%,#18384a),color-mix(in srgb,var(--stage-deep) 92%,#071923));box-shadow:0 0 24px color-mix(in srgb,var(--stage-accent) 22%,transparent),inset 0 1px color-mix(in srgb,var(--stage-accent) 38%,transparent)}
.company-flow .assembly-link.stage-source,.company-flow .assembly-current.stage-source{stroke:#73c9df}
.company-flow .assembly-link.stage-fermentation,.company-flow .assembly-current.stage-fermentation{stroke:#63dfbd}
.company-flow .assembly-link.stage-thermal,.company-flow .assembly-current.stage-thermal{stroke:#f0b35f}
.company-flow .assembly-link.stage-finishing,.company-flow .assembly-current.stage-finishing{stroke:#89a9ff}
.company-flow .assembly-link.stage-environmental,.company-flow .assembly-current.stage-environmental{stroke:#79cf91}
.company-flow .assembly-link[class*="stage-"]{filter:drop-shadow(0 0 4px currentColor)}
.company-flow[data-stage="source"] .node-info{--detail-accent:#73c9df;--detail-glow:#2b7894}
.company-flow[data-stage="fermentation"] .node-info{--detail-accent:#63dfbd;--detail-glow:#2b8c78}
.company-flow[data-stage="thermal"] .node-info{--detail-accent:#f0b35f;--detail-glow:#9d6330}
.company-flow[data-stage="finishing"] .node-info{--detail-accent:#89a9ff;--detail-glow:#586dad}
.company-flow[data-stage="environmental"] .node-info{--detail-accent:#79cf91;--detail-glow:#4a805c}
.company-flow[data-stage] .node-info{border-color:var(--detail-accent);border-color:color-mix(in srgb,var(--detail-accent) 35%,transparent);background:radial-gradient(circle at 50% 28%,var(--detail-glow),transparent 43%),linear-gradient(145deg,#143546e8,#061d2be8);background:radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--detail-glow) 28%,transparent),transparent 43%),linear-gradient(145deg,#143546e8,#061d2be8)}
.company-flow[data-stage] .node-info-icon svg{stroke:var(--detail-accent)}
.company-flow[data-stage] .node-info-icon{background:radial-gradient(ellipse at 50% 72%,color-mix(in srgb,var(--detail-glow) 38%,transparent),transparent 66%)}
.company-flow[data-stage] .operation-sequence span::after{background:var(--detail-accent);box-shadow:0 0 8px var(--detail-accent)}
.control-points{position:absolute;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:25px 1fr;gap:0;border:1px solid #85b1c33a;background:linear-gradient(130deg,#173e504a,#092132b0);border-radius:12px;padding:5px 12px 10px;box-sizing:border-box;color:#a6cad4;pointer-events:none}.control-points-title{grid-column:1/-1;text-align:center;font-size:10px;letter-spacing:.16em;line-height:24px;color:#76b1bf}.control-point{display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;border-left:1px solid #6b9dac2b}.control-point:nth-child(2){border-left:0}.control-point svg{width:25px;height:25px;fill:none;stroke:#8eced4;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.company-flow .node-info{display:none;position:absolute;inset:0;z-index:3;background:linear-gradient(135deg,#173c4cec,#061e2ff5)}.company-flow.detail-open .diagram-panel{visibility:hidden}.company-flow .node-info.is-open{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(270px,.9fr);grid-template-rows:auto 1fr auto auto auto;gap:10px 28px;padding:18px 28px}.company-flow .detail-top{grid-column:1/3}.company-flow .detail-close{display:flex}.company-flow .node-info-icon{grid-column:1;grid-row:2/6;height:100%;max-height:none;min-height:0}.company-flow .detail-copy{grid-column:2;grid-row:2;align-self:center}.company-flow .node-info h2{font-size:30px;margin-top:10px}.company-flow .node-info p{font-size:14px;line-height:1.65;max-width:460px}.company-flow .operation-sequence{grid-column:2;grid-row:3}.company-flow .operation-sequence span{font-size:11px;padding:10px 5px}.company-flow .detail-steps{grid-column:2;grid-row:4}.company-flow .step-controls select{font-size:13px;padding:10px}.company-flow .model-caption{grid-column:2;grid-row:5}
@media(max-width:760px){.process-heading h1{font-size:23px}.process-heading .outline{display:none}.process-selection{min-height:0}.process-tabs{width:100%;gap:4px;padding:3px}.flow-tab{flex:1;font-size:11px;padding:9px 6px;min-height:40px}.company-flow .flow-node .flow-node-label{font-size:15px}.company-flow .control-point{font-size:13px;gap:6px}.company-flow .node-info.is-open{display:flex;flex-direction:column;gap:0;padding:13px 17px}.company-flow .node-info-icon{height:auto;min-height:80px;flex:1;max-height:360px}.company-flow .detail-copy{align-self:stretch}.company-flow .node-info h2{font-size:24px;margin:5px 0 7px}.company-flow .node-info p{font-size:12px;line-height:1.5}.company-flow .operation-sequence{margin:10px 0}.company-flow .operation-sequence span{font-size:9px;padding:7px 3px}.company-flow .step-controls select{font-size:11px;padding:8px}.company-flow .model-caption{margin-top:6px}.control-points-title{font-size:11px;letter-spacing:.06em}}
@media(max-height:560px){.process-heading h1{font-size:23px}.process-heading .eyebrow,.process-heading p,.selection-caption{display:none}.process-tabs{padding:2px}.flow-tab{padding:6px 12px;min-height:28px;font-size:11px}.process-selection{min-height:0}.company-flow .node-info.is-open{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr auto auto;gap:5px 15px;padding:8px 14px}.company-flow .node-info-icon{grid-column:1;grid-row:2/5;min-height:0;max-height:none;height:100%}.company-flow .detail-copy{grid-column:2;grid-row:2;align-self:center}.company-flow .node-info h2{font-size:20px}.company-flow .node-info p{font-size:11px;line-height:1.35}.company-flow .operation-sequence{grid-column:2;grid-row:3;margin:0}.company-flow .operation-sequence span{font-size:8px;padding:4px}.company-flow .detail-steps{grid-column:2;grid-row:4;padding-top:3px}.company-flow .detail-steps label,.company-flow .model-caption{display:none}.company-flow .step-controls select{font-size:10px;padding:5px}.process-controls{min-height:28px}.process-controls .primary,.process-controls .outline{min-height:28px;padding:5px 14px}}