/* NEXAKI home component bundle. Source files remain split for maintainability. */

/* hub-live.css */
.hub-live-showcase{display:grid;gap:28px;margin:34px 0 46px}.hub-live-figure{margin:0}.hub-live-figure figcaption{margin-top:11px;color:var(--muted);font-size:.9rem;text-align:center}.hub-dashboard,.hub-live-journey{color:#e8edf5;background:radial-gradient(circle at 52% 0,rgba(244,131,18,.08),transparent 34%),#080a0d;border:1px solid #252a31;border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.24);overflow:hidden}.hub-dashboard{display:grid;grid-template-columns:160px 1fr;min-height:410px}.hub-dash-nav{padding:26px 16px;border-right:1px solid #252a31}.hub-dash-logo{display:block;margin:0 10px 26px;letter-spacing:.12em}.hub-dash-logo span{color:var(--accent)}.hub-dash-links{display:grid;gap:5px}.hub-dash-links i{padding:9px 10px;border-radius:8px;color:#89919c;font-size:.75rem;font-style:normal}.hub-dash-links .is-active{color:#ff8b19;background:rgba(244,131,18,.14)}.hub-dash-main{padding:25px}.hub-dash-head,.hub-dash-progress>div{display:flex;align-items:center;justify-content:space-between}.hub-dash-head>span{padding:6px 9px;border:1px solid #292e35;border-radius:7px;color:#8f97a2;font-size:.68rem}.hub-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.hub-metrics article,.hub-dash-lower section{border:1px solid #292e35;border-radius:12px;background:linear-gradient(145deg,#101318,#0b0d10);padding:14px}.hub-metrics small{display:block;min-height:32px;color:#9da5b0;font-size:.68rem}.hub-metrics b{display:block;font-size:1.35rem}.hub-metrics svg{display:block;width:100%;height:30px;margin-top:9px;fill:none;stroke:#f48312;stroke-width:2}.hub-metrics polyline{stroke-dasharray:150;stroke-dashoffset:150}.hub-live-showcase.is-running .hub-metrics polyline{animation:hubChart 2.3s .4s ease forwards}.hub-dash-lower{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;margin-top:12px}.hub-dash-lower strong{font-size:.78rem}.hub-dash-progress>div>span{color:#9da5b0;font-size:.7rem}.hub-progress-track{position:relative;display:flex;justify-content:space-between;margin:30px 4px 10px}.hub-progress-track i{position:absolute;top:5px;left:0;width:var(--live-progress,0%);height:3px;background:#f48312;transition:width .65s ease}.hub-progress-track span{position:relative;z-index:1;width:13px;height:13px;border:2px solid #444b55;border-radius:50%;background:#11151a;transition:.35s}.hub-progress-track span.is-done{border-color:#f48312;background:#f48312;box-shadow:0 0 15px rgba(244,131,18,.5)}.hub-activity p{display:flex;gap:7px;margin:8px 0 0;color:#b3bac4;font-size:.66rem}.hub-activity p i{width:8px;height:8px;margin-top:3px;border-radius:50%;background:#f48312}.hub-activity p span{margin-left:auto;color:#737c88}.hub-live-journey{padding:34px 25px}.hub-journey-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr) 34px) minmax(0,1fr);align-items:center;min-width:960px}.hub-journey-track article{position:relative;min-height:190px;padding:19px 15px;border:1px solid #2e333a;border-radius:15px;background:linear-gradient(145deg,#111419,#090b0e);opacity:.46;transform:translateY(5px);transition:opacity .45s,transform .45s,border-color .45s,box-shadow .45s}.hub-journey-track article.is-active,.hub-journey-track article.is-done{opacity:1;transform:none}.hub-journey-track article.is-active{border-color:#f48312;box-shadow:0 0 0 1px rgba(244,131,18,.25),0 16px 35px rgba(0,0,0,.3)}.hub-journey-track em{display:grid;place-items:center;width:30px;height:30px;margin-top:-35px;border-radius:50%;background:#3c4149;color:#fff;font-size:.72rem;font-style:normal;font-weight:900;transition:background .4s}.hub-journey-track .is-active em,.hub-journey-track .is-done em{background:#f05d0b}.hub-journey-track h3{margin:15px 0 16px;color:#f2f4f7;font-family:inherit;font-size:.96rem}.hub-journey-track p{display:grid;gap:7px}.hub-journey-track p i{display:block;width:82%;height:6px;border-radius:9px;background:#383d44}.hub-journey-track p i:nth-child(2){width:65%}.hub-journey-track p i:nth-child(3){width:48%}.hub-journey-track b{position:absolute;bottom:14px;left:15px;padding:4px 7px;border-radius:5px;background:rgba(244,131,18,.12);color:#ff9630;font-size:.65rem}.hub-journey-arrow{color:#545b65;text-align:center;font-size:1.45rem;transition:color .35s,transform .35s}.hub-journey-arrow.is-active{color:#f48312;transform:translateX(3px)}
@keyframes hubChart{to{stroke-dashoffset:0}}@media(max-width:800px){.hub-dashboard{grid-template-columns:1fr;min-height:0}.hub-dash-nav{display:none}.hub-dash-main{padding:16px}.hub-metrics{grid-template-columns:repeat(2,1fr)}.hub-dash-lower{grid-template-columns:1fr}.hub-live-journey{overflow-x:auto;padding:32px 16px 22px;scrollbar-width:thin;scrollbar-color:#f48312 #15181d}.hub-journey-track{min-width:900px}}@media(max-width:480px){.hub-metrics article{padding:11px}.hub-metrics b{font-size:1.08rem}.hub-metrics small{font-size:.62rem}.hub-activity{display:none}.hub-dashboard{border-radius:16px}.hub-live-journey{border-radius:16px}}@media(prefers-reduced-motion:reduce){.hub-metrics polyline{stroke-dashoffset:0!important;animation:none!important}.hub-journey-track *{transition:none!important}}
.hub-activity p span{margin-left:0}.hub-activity p>span{margin-left:auto}
.hub-live-showcase.is-running .hub-metrics polyline{animation-duration:11.5s;animation-delay:.7s;animation-timing-function:ease-out}
.hub-benefits{border:0;padding:12px 0}.hub-benefits>div,.hub-benefits>div:nth-child(odd){border:0}
.hub-status-overview{display:flex;align-items:center;justify-content:center;gap:24px;margin:13px 0 2px}.hub-status-donut{--donut-progress:0%;display:grid;place-items:center;width:76px;height:76px;flex:0 0 auto;border-radius:50%;background:conic-gradient(#ff7909 0 var(--donut-progress),#454b53 var(--donut-progress) 100%);box-shadow:0 0 20px rgba(244,131,18,.08);transition:background 1.9s linear,filter .45s}.hub-status-donut::before{content:"";grid-area:1/1;width:50px;height:50px;border-radius:50%;background:#0d1014;box-shadow:inset 0 0 0 1px #292e35}.hub-status-donut span{position:relative;grid-area:1/1;color:#fff;font-size:.7rem;font-weight:800}.hub-status-legend{display:grid;gap:5px;min-width:112px;color:#929ba7;font-size:.58rem}.hub-status-legend>span{display:flex;align-items:center;gap:6px}.hub-status-legend i{width:6px;height:6px;border-radius:50%;background:#484f58;transition:background .5s,box-shadow .5s}.hub-live-showcase[data-live-phase="0"] .hub-status-legend>span:nth-child(1) i,.hub-live-showcase[data-live-phase="1"] .hub-status-legend>span:nth-child(2) i,.hub-live-showcase[data-live-phase="2"] .hub-status-legend>span:nth-child(2) i,.hub-live-showcase[data-live-phase="3"] .hub-status-legend>span:nth-child(3) i,.hub-live-showcase[data-live-phase="4"] .hub-status-legend>span:nth-child(3) i,.hub-live-showcase[data-live-phase="5"] .hub-status-legend>span:nth-child(4) i{background:#ff7909;box-shadow:0 0 7px #f48312}.hub-live-showcase[data-live-phase] .hub-status-donut{filter:drop-shadow(0 0 6px rgba(244,131,18,.22))}.hub-dash-progress .hub-progress-track{margin-top:16px}
@property --donut-progress{syntax:"<percentage>";inherits:false;initial-value:0%}
.hub-status-donut{transition:--donut-progress 1.9s linear,filter .45s}
.hub-dashboard-scene,.hub-live-journey{border:0;border-radius:0;box-shadow:none}
.hub-interface-lines path{opacity:.7;stroke:#b27946;stroke-width:2.2;stroke-dasharray:4 7;stroke-linecap:round;filter:drop-shadow(0 0 3px rgba(244,131,18,.42));animation:hubDash 2.4s linear infinite}.hub-live-showcase[data-live-phase="0"] .hub-interface-lines path:nth-child(1),.hub-live-showcase[data-live-phase="1"] .hub-interface-lines path:nth-child(2),.hub-live-showcase[data-live-phase="4"] .hub-interface-lines path:nth-child(3),.hub-live-showcase[data-live-phase="5"] .hub-interface-lines path:nth-child(4){opacity:1;stroke:#ff8613;stroke-width:2.5;filter:drop-shadow(0 0 7px rgba(244,131,18,.95));animation-duration:.9s}
@media(max-width:480px){.hub-status-overview{gap:14px}.hub-status-donut{width:66px;height:66px}.hub-status-donut::before{width:43px;height:43px}}
.hub-live-journey{padding:32px 0 18px;background:transparent!important}
.hub-dashboard-scene{min-height:720px;padding:155px 285px 135px}.hub-dashboard-scene .hub-dashboard{min-height:410px}.hub-process-module{position:absolute;z-index:3;width:230px;min-height:138px;padding:18px 16px 14px 54px;border:1px solid #30353c;border-radius:15px;background:linear-gradient(145deg,#111419,#080a0d);color:#e8edf5;box-shadow:0 13px 32px rgba(0,0,0,.25);opacity:.5;transition:opacity .55s,border-color .55s,box-shadow .55s,transform .55s}.hub-process-module::after{content:"›";position:absolute;top:50%;right:-18px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #353b43;border-radius:50%;background:#0d1014;color:#f48312;font-size:1.5rem;transform:translateY(-50%)}.hub-process-module.is-active{opacity:1;border-color:#f48312;box-shadow:0 0 0 1px rgba(244,131,18,.18),0 0 26px rgba(244,131,18,.17);transform:translateY(-2px)}.hub-process-module.is-done{opacity:.85}.hub-module-icon{position:absolute;top:14px;left:12px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f46f08;color:#fff;box-shadow:0 0 14px rgba(244,131,18,.42);font-size:.9rem}.hub-process-module>b{display:block;margin:3px 0 16px;font-size:.9rem}.hub-process-module small{position:relative;display:grid;gap:7px;padding:10px;border:1px solid #252a31;border-radius:7px}.hub-process-module small i{display:block;width:78%;height:5px;border-radius:8px;background:#3a4048}.hub-process-module small i:nth-child(2){width:58%}.hub-process-module small i:nth-child(3){width:68%}.hub-process-module small strong{position:absolute;right:8px;bottom:8px;color:#dce2ea;font-size:.61rem}.hub-process-module small em{position:absolute;right:8px;bottom:7px;padding:2px 5px;border-radius:5px;background:rgba(20,160,92,.2);color:#43d68c;font-size:.55rem;font-style:normal}.module-request{top:42px;left:0}.module-offer{top:235px;left:0}.module-order{top:430px;left:0}.module-documents{top:42px;right:0}.module-tasks{top:235px;right:0}.module-crm{top:430px;right:0}.module-documents::after,.module-tasks::after,.module-crm::after{right:auto;left:-18px;content:"‹"}.module-service,.module-status{bottom:4px;width:230px;min-height:112px}.module-service{left:350px}.module-status{right:350px}.module-service::after,.module-status::after{display:none}.module-service small,.module-status small{min-height:43px}.module-status-line{grid-template-columns:repeat(4,1fr)!important;align-items:center}.module-status-line i{width:100%!important;height:7px!important;border-radius:50%!important}.hub-live-showcase[data-live-phase="0"] .hub-interface-lines path:nth-child(1),.hub-live-showcase[data-live-phase="1"] .hub-interface-lines path:nth-child(2),.hub-live-showcase[data-live-phase="2"] .hub-interface-lines path:nth-child(3),.hub-live-showcase[data-live-phase="2"] .hub-interface-lines path:nth-child(7),.hub-live-showcase[data-live-phase="3"] .hub-interface-lines path:nth-child(4),.hub-live-showcase[data-live-phase="4"] .hub-interface-lines path:nth-child(5),.hub-live-showcase[data-live-phase="5"] .hub-interface-lines path:nth-child(6),.hub-live-showcase[data-live-phase="5"] .hub-interface-lines path:nth-child(8),.hub-live-showcase[data-live-phase="5"] .hub-interface-lines path:nth-child(9){opacity:1;stroke:#ff8613;stroke-width:2.6;filter:drop-shadow(0 0 8px rgba(244,131,18,1));animation-duration:.8s}
@media(max-width:1050px){.hub-dashboard-scene{min-height:0;padding:74px 18px}.hub-process-module,.hub-interface-lines{display:none}}
.hub-dashboard-scene{min-height:520px;padding:54px 150px}.hub-live-showcase[data-live-phase] .hub-interface-lines path{opacity:.7;stroke:#b27946;stroke-width:2.2;filter:drop-shadow(0 0 3px rgba(244,131,18,.42));animation-duration:2.4s}.hub-live-showcase[data-live-phase="0"] .hub-interface-lines path:nth-child(1),.hub-live-showcase[data-live-phase="1"] .hub-interface-lines path:nth-child(2),.hub-live-showcase[data-live-phase="2"] .hub-interface-lines path:nth-child(2),.hub-live-showcase[data-live-phase="3"] .hub-interface-lines path:nth-child(3),.hub-live-showcase[data-live-phase="4"] .hub-interface-lines path:nth-child(3),.hub-live-showcase[data-live-phase="5"] .hub-interface-lines path:nth-child(4){opacity:1;stroke:#ff8613;stroke-width:2.5;filter:drop-shadow(0 0 7px rgba(244,131,18,.95));animation-duration:.9s}@media(max-width:1050px){.hub-dashboard-scene{min-height:0;padding:72px 18px 68px}.hub-interface-lines{display:none}}
.hub-journey-track{grid-template-columns:repeat(5,minmax(0,1fr) 52px) minmax(0,1fr);column-gap:2px}.hub-journey-track article{min-height:174px;padding:16px 13px;border-radius:12px}.hub-journey-track h3{margin:12px 0 12px;font-size:.9rem}.hub-journey-arrow{width:40px;height:40px;border-width:1.5px;background:#0d1014;font-size:1.3rem;box-shadow:0 0 0 5px rgba(244,131,18,.035)}.hub-journey-arrow::before,.hub-journey-arrow::after{width:7px;border-color:#555d67}.hub-journey-arrow.is-done,.hub-journey-arrow.is-active{box-shadow:0 0 0 5px rgba(244,131,18,.08),0 0 20px rgba(244,131,18,.42)}
.hub-dashboard-scene{padding-right:210px;padding-left:210px}.hub-interface-lines{overflow:visible}.hub-interface-lines path{stroke-linejoin:round}@media(max-width:1050px){.hub-dashboard-scene{padding-right:18px;padding-left:18px}}
.hub-dashboard-scene{position:relative;min-height:520px;padding:54px 150px;overflow:hidden;background:#050607;border:1px solid #1d2127;border-radius:22px}.hub-dashboard-scene .hub-dashboard{position:relative;z-index:2;min-height:410px}.hub-interface-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(244,159,77,.52);stroke-width:2;stroke-dasharray:5 7}.hub-interface-lines path{opacity:.38;transition:opacity .5s,stroke .5s,filter .5s}.hub-live-showcase[data-live-phase="0"] .hub-interface-lines path:nth-child(1),.hub-live-showcase[data-live-phase="1"] .hub-interface-lines path:nth-child(2),.hub-live-showcase[data-live-phase="4"] .hub-interface-lines path:nth-child(3),.hub-live-showcase[data-live-phase="5"] .hub-interface-lines path:nth-child(4){opacity:1;stroke:#ff8a18;filter:drop-shadow(0 0 5px rgba(244,131,18,.85));animation:hubDash 1.1s linear infinite}.hub-interface-node{position:absolute;z-index:3;display:grid;justify-items:center;gap:6px;width:90px;color:#77808b;font-size:.62rem;transition:color .45s,filter .45s}.hub-interface-node>span{display:grid;place-items:center;width:54px;height:54px;border:1px solid #3a4048;border-radius:50%;background:linear-gradient(145deg,#12161b,#090b0e);box-shadow:0 8px 22px rgba(0,0,0,.35)}.hub-interface-node svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.hub-interface-node b{font-weight:700}.node-chat{top:87px;left:28px}.node-person{bottom:78px;left:28px}.node-system{top:87px;right:28px}.node-settings{right:28px;bottom:78px}.hub-live-showcase[data-live-phase="0"] .node-chat,.hub-live-showcase[data-live-phase="1"] .node-person,.hub-live-showcase[data-live-phase="4"] .node-system,.hub-live-showcase[data-live-phase="5"] .node-settings{color:#ff8a18;filter:drop-shadow(0 0 6px rgba(244,131,18,.45))}.hub-benefits{display:grid;grid-template-columns:repeat(4,1fr);margin:22px 0 8px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hub-benefits>div{display:flex;align-items:center;justify-content:center;gap:12px;padding:2px 18px;border-right:1px solid var(--line)}.hub-benefits>div:last-child{border-right:0}.hub-benefits svg{width:27px;height:27px;flex:0 0 auto;fill:none;stroke:#f06c08;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hub-benefits strong,.hub-benefits small{display:block}.hub-benefits strong{font-size:.78rem;line-height:1.25}.hub-benefits small{margin-top:3px;color:var(--muted);font-size:.61rem;line-height:1.25}.hub-journey-arrow{position:relative;display:grid;place-items:center;width:28px;height:28px;margin:auto;border:1px solid #3c424a;border-radius:50%;font-size:1rem}.hub-journey-arrow::before,.hub-journey-arrow::after{content:"";position:absolute;top:50%;width:8px;border-top:1px dashed #3f454d}.hub-journey-arrow::before{right:100%}.hub-journey-arrow::after{left:100%}.hub-journey-arrow.is-done,.hub-journey-arrow.is-active{color:#ff8613;border-color:#f48312;box-shadow:0 0 14px rgba(244,131,18,.32)}.hub-journey-arrow.is-done::before,.hub-journey-arrow.is-done::after,.hub-journey-arrow.is-active::before,.hub-journey-arrow.is-active::after{border-color:#f48312}.hub-journey-arrow.is-active{animation:hubArrowPulse .8s ease-in-out infinite alternate}.hub-activity p{opacity:.42;transition:opacity .35s,color .35s}.hub-activity p.is-active{opacity:1;color:#fff}.hub-activity p.is-active i{box-shadow:0 0 9px #f48312}@keyframes hubDash{to{stroke-dashoffset:-24}}@keyframes hubArrowPulse{to{filter:drop-shadow(0 0 6px #f48312);transform:translateX(2px)}}
@media(max-width:900px){.hub-dashboard-scene{min-height:0;padding:72px 18px 68px}.hub-interface-lines{display:none}.hub-interface-node{width:72px}.hub-interface-node>span{width:40px;height:40px}.hub-interface-node svg{width:21px;height:21px}.node-chat{top:14px;left:12px}.node-person{bottom:10px;left:12px}.node-system{top:14px;right:12px}.node-settings{right:12px;bottom:10px}.hub-benefits{grid-template-columns:repeat(2,1fr)}.hub-benefits>div{justify-content:flex-start;margin:8px 0;border-right:0}.hub-benefits>div:nth-child(odd){border-right:1px solid var(--line)}}@media(max-width:520px){.hub-dashboard-scene{padding-right:10px;padding-left:10px}.hub-interface-node b{display:none}.hub-benefits{grid-template-columns:1fr}.hub-benefits>div,.hub-benefits>div:nth-child(odd){border-right:0}.hub-benefits small{display:none}}
.hub-dashboard-scene{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.hub-journey-arrow{width:38px;height:38px;border:1px solid #5b4634;background:#090b0e;color:#ff7410;font-family:Arial,sans-serif;font-size:24px;font-weight:700;line-height:1;transform:none!important;filter:none!important;text-shadow:0 0 5px rgba(255,116,16,.55);box-shadow:0 0 8px rgba(0,0,0,.55)}.hub-journey-arrow::before,.hub-journey-arrow::after{width:11px;border-top:1px dashed rgba(244,131,18,.62);filter:none}.hub-journey-arrow.is-done{border-color:#79512d;color:#ff7410;transform:none!important}.hub-journey-arrow.is-active{border-color:#f48312;color:#ff7410;transform:none!important;animation:hubArrowGlow .8s ease-in-out infinite alternate}.hub-journey-arrow.is-active::before,.hub-journey-arrow.is-active::after,.hub-journey-arrow.is-done::before,.hub-journey-arrow.is-done::after{border-top:1px dashed #f48312}@keyframes hubArrowGlow{to{box-shadow:0 0 14px rgba(244,131,18,.52);text-shadow:0 0 8px rgba(255,116,16,.9)}}
.hub-interface-lines path{opacity:.9!important;stroke:#c07a3b!important;stroke-width:2!important;stroke-dasharray:4 7!important;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px rgba(244,131,18,.45))!important;animation:hubDash 2.4s linear infinite!important}.hub-live-showcase[data-live-phase="0"] .hub-interface-lines path:nth-child(1),.hub-live-showcase[data-live-phase="1"] .hub-interface-lines path:nth-child(2),.hub-live-showcase[data-live-phase="2"] .hub-interface-lines path:nth-child(2),.hub-live-showcase[data-live-phase="3"] .hub-interface-lines path:nth-child(3),.hub-live-showcase[data-live-phase="4"] .hub-interface-lines path:nth-child(3),.hub-live-showcase[data-live-phase="5"] .hub-interface-lines path:nth-child(4){opacity:1!important;stroke:#ff8613!important;filter:drop-shadow(0 0 7px rgba(244,131,18,.9))!important;animation-duration:.9s!important}
.hub-journey-arrow{width:38px;height:38px;border-width:2.5px;font-size:18px;font-weight:900}.hub-journey-arrow::before,.hub-journey-arrow::after,.hub-journey-arrow.is-active::before,.hub-journey-arrow.is-active::after,.hub-journey-arrow.is-done::before,.hub-journey-arrow.is-done::after{top:50%;width:12px;height:2px;border:0!important;background:repeating-linear-gradient(90deg,#f48312 0 5px,transparent 5px 9px);transform:translateY(-50%)}
.hub-interface-lines{display:none!important}.hub-interface-node .hub-node-link{position:absolute;z-index:-1;display:block;width:110px;height:105px;overflow:visible;fill:none;stroke:#bb783c;stroke-width:2;stroke-dasharray:4 7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px rgba(244,131,18,.45));animation:hubDash 2.4s linear infinite;pointer-events:none}.node-chat .hub-node-link{top:27px;left:72px}.node-person .hub-node-link{top:-74px;left:72px}.node-system .hub-node-link{top:27px;right:72px;transform:scaleX(-1)}.node-settings .hub-node-link{top:-74px;right:72px;transform:scaleX(-1)}.hub-live-showcase[data-live-phase="0"] .node-chat .hub-node-link,.hub-live-showcase[data-live-phase="1"] .node-person .hub-node-link,.hub-live-showcase[data-live-phase="2"] .node-person .hub-node-link,.hub-live-showcase[data-live-phase="3"] .node-system .hub-node-link,.hub-live-showcase[data-live-phase="4"] .node-system .hub-node-link,.hub-live-showcase[data-live-phase="5"] .node-settings .hub-node-link{stroke:#ff8613;stroke-width:2.5;filter:drop-shadow(0 0 7px rgba(244,131,18,.9));animation-duration:.9s}@media(max-width:1050px){.hub-interface-node .hub-node-link{display:none}}

/* hub-tasks.css */
.hub-dash-main{position:relative}.hub-metrics,.hub-dash-lower{transition:opacity .45s ease,transform .45s ease}.hub-tasks-view{position:absolute;z-index:3;top:72px;right:25px;bottom:25px;left:25px;display:grid;grid-template-rows:auto 1fr auto;gap:12px;visibility:hidden;opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .45s ease,visibility .45s}.hub-live-showcase.is-tasks-view .hub-metrics,.hub-live-showcase.is-tasks-view .hub-dash-lower{visibility:hidden;opacity:0;transform:translateY(-8px)}.hub-live-showcase.is-tasks-view .hub-tasks-view{visibility:visible;opacity:1;transform:none}.hub-tasks-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hub-tasks-summary>div,.hub-task-list{border:1px solid #292e35;border-radius:10px;background:linear-gradient(145deg,#101318,#0b0d10)}.hub-tasks-summary>div{padding:11px 13px}.hub-tasks-summary small{display:block;color:#929ba7;font-size:.62rem}.hub-tasks-summary strong{display:block;margin-top:3px;font-size:1.15rem}.hub-task-list{padding:10px 13px}.hub-task-list header,.hub-task-list p{display:flex;align-items:center}.hub-task-list header{justify-content:space-between;padding-bottom:7px;border-bottom:1px solid #252a31;font-size:.68rem}.hub-task-list header>span{color:#7d8692}.hub-task-list p{gap:10px;margin:8px 0;color:#aab2bd;font-size:.67rem;transition:opacity .35s,color .35s}.hub-task-list p>i{display:grid;place-items:center;width:17px;height:17px;flex:0 0 auto;border:1px solid #4a525d;border-radius:5px;color:transparent;font-style:normal;transition:.35s}.hub-task-list p>span{display:grid}.hub-task-list p b{font-size:.67rem}.hub-task-list p small{color:#68717d;font-size:.57rem}.hub-task-list p em{margin-left:auto;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#242a31;color:#cbd2dc;font-size:.57rem;font-style:normal}.hub-task-list p.is-complete{color:#fff}.hub-task-list p.is-complete>i{border-color:#f48312;background:#f48312;color:#fff;box-shadow:0 0 10px rgba(244,131,18,.38)}.hub-task-progress{height:5px;overflow:hidden;border-radius:99px;background:#272d35}.hub-task-progress i{display:block;width:var(--task-progress,0%);height:100%;border-radius:inherit;background:#f48312;box-shadow:0 0 9px rgba(244,131,18,.5);transition:width .55s ease}.hub-dash-links i{transition:background .3s,color .3s}@media(max-width:800px){.hub-tasks-view{top:62px;right:16px;bottom:16px;left:16px}.hub-tasks-summary>div{padding:8px}.hub-task-list p{margin:6px 0}}@media(max-width:480px){.hub-tasks-summary{grid-template-columns:repeat(2,1fr)}.hub-tasks-summary>div:last-child{display:none}.hub-task-list p:nth-of-type(4){display:none}}

/* hub-menu.css */
.hub-module-views{position:absolute;z-index:4;top:72px;right:25px;bottom:25px;left:25px;visibility:hidden;opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .45s ease,visibility .45s}.hub-live-showcase:is(.is-documents-view,.is-clients-view,.is-service-view) :is(.hub-metrics,.hub-dash-lower){visibility:hidden;opacity:0;transform:translateY(-8px)}.hub-live-showcase:is(.is-documents-view,.is-clients-view,.is-service-view) .hub-module-views{visibility:visible;opacity:1;transform:none}.hub-module-panel{display:none;height:100%;padding:16px;border:1px solid #292e35;border-radius:12px;background:linear-gradient(145deg,#101318,#0b0d10)}.is-documents-view [data-module-view=documents],.is-clients-view [data-module-view=clients],.is-service-view [data-module-view=service]{display:block;animation:hubPanelIn .45s ease both}.hub-module-panel-head{display:flex;align-items:center;gap:11px;margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid #292e35}.hub-module-panel-head>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f2720b;color:#fff;font-size:1rem;box-shadow:0 0 13px rgba(244,131,18,.35)}.hub-module-panel-head strong,.hub-module-panel-head small{display:block}.hub-module-panel-head strong{font-size:.88rem}.hub-module-panel-head small{color:#818a96;font-size:.6rem}.hub-module-panel>p{display:flex;align-items:center;gap:10px;margin:8px 0;padding:9px 11px;border:1px solid #242a31;border-radius:8px;color:#c4cbd5;font-size:.68rem}.hub-module-panel>p>i{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;background:#222831;color:#f48312;font-size:.52rem;font-style:normal}.hub-module-panel>p>span{display:grid}.hub-module-panel>p small{color:#727c88;font-size:.57rem}.hub-module-panel>p>b{margin-left:auto;color:#40cf88}.hub-client-card{display:flex;align-items:center;gap:13px;margin-bottom:12px;padding:13px;border:1px solid #333941;border-radius:9px}.hub-client-card>em{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#303640;color:#eef2f7;font-style:normal}.hub-client-card>span{display:grid}.hub-client-card small{color:#7f8894;font-size:.6rem}.hub-client-card b{width:max-content;margin-top:4px;padding:2px 6px;border-radius:5px;background:rgba(244,131,18,.14);color:#f48312;font-size:.55rem}.hub-service-date{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #2d333b;border-radius:9px}.hub-service-date>span{color:#f48312;font-size:1.5rem}.hub-service-date small,.hub-service-date strong{display:block}.hub-service-date small{color:#818a96;font-size:.6rem}.hub-service-date strong{font-size:.76rem}.hub-service-status{position:relative;display:flex;justify-content:space-between;margin:34px 12px 8px}.hub-service-status::before{content:"";position:absolute;top:6px;right:0;left:0;height:3px;background:linear-gradient(90deg,#f48312 34%,#3b424c 34%)}.hub-service-status i{position:relative;z-index:1;width:15px;height:15px;border:3px solid #3b424c;border-radius:50%;background:#11151a}.hub-service-status i.is-reached{border-color:#f48312;background:#f48312;box-shadow:0 0 9px rgba(244,131,18,.5)}.hub-service-labels{display:flex;justify-content:space-between;color:#7c8591;font-size:.55rem}@keyframes hubPanelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:800px){.hub-module-views{top:62px;right:16px;bottom:16px;left:16px}}@media(max-width:480px){.hub-module-panel{padding:11px}.hub-module-panel>p{padding:7px}.hub-module-panel>p:nth-of-type(3){display:none}}

/* hub-products.css */
.hub-live-showcase.is-products-view :is(.hub-metrics,.hub-dash-lower){visibility:hidden;opacity:0;transform:translateY(-8px)}.hub-live-showcase.is-products-view .hub-module-views{visibility:visible;opacity:1;transform:none}.is-products-view [data-module-view=products]{display:block;animation:hubPanelIn .45s ease both}.is-products-view [data-module-view=products]>p>b{color:#f48312}

/* hub-rings.css */
@property --panel-fill{syntax:"<percentage>";inherits:false;initial-value:0%}.hub-task-ring-card strong{display:grid!important;place-items:center;width:48px;height:48px;margin-top:5px!important;border-radius:50%;background:radial-gradient(circle,#0d1014 52%,transparent 55%),conic-gradient(#f48312 0 var(--task-progress),#3f4650 var(--task-progress) 100%);color:#fff!important;font-size:.64rem!important;transition:background 550ms linear}.hub-module-panel{position:relative;padding-right:76px}.hub-module-panel::before{content:"";position:absolute;top:15px;right:15px;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle,#0d1014 52%,transparent 55%),conic-gradient(#f48312 0 var(--panel-fill),#3f4650 var(--panel-fill) 100%);filter:drop-shadow(0 0 5px rgba(244,131,18,.2))}.hub-module-panel::after{position:absolute;top:31px;right:15px;width:48px;color:#fff;font-size:.59rem;font-weight:800;text-align:center}.hub-module-panel[data-module-view=products]{--panel-target:75%}.hub-module-panel[data-module-view=products]::after{content:"75%"}.hub-module-panel[data-module-view=documents]{--panel-target:100%}.hub-module-panel[data-module-view=documents]::after{content:"100%"}.hub-module-panel[data-module-view=clients]{--panel-target:68%}.hub-module-panel[data-module-view=clients]::after{content:"68%"}.hub-module-panel[data-module-view=service]{--panel-target:50%}.hub-module-panel[data-module-view=service]::after{content:"50%"}.is-products-view [data-module-view=products]::before,.is-documents-view [data-module-view=documents]::before,.is-clients-view [data-module-view=clients]::before,.is-service-view [data-module-view=service]::before{animation:hubPanelRing 1.5s ease-out forwards}@keyframes hubPanelRing{from{--panel-fill:0%}to{--panel-fill:var(--panel-target)}}@media(max-width:480px){.hub-module-panel{padding-right:62px}.hub-module-panel::before{right:10px;width:40px;height:40px}.hub-module-panel::after{top:28px;right:10px;width:40px;font-size:.52rem}}

/* hub-ring-motion.css */
@property --task-progress{syntax:"<percentage>";inherits:true;initial-value:0%}.hub-task-ring-card strong{transition:--task-progress 550ms linear}

/* hub-live-mobile.css */
@media(max-width:800px){.hub-dashboard-scene{min-height:0!important;padding:0!important;overflow:visible}.hub-interface-node,.hub-interface-lines{display:none!important}.hub-dashboard-scene .hub-dashboard{min-height:470px;border-radius:14px}.hub-dash-main{padding:13px}.hub-dash-head{margin-bottom:10px}.hub-metrics{gap:7px;margin-top:8px}.hub-metrics article{min-height:91px;padding:9px}.hub-metrics small{min-height:23px}.hub-metrics svg{height:22px;margin-top:4px}.hub-dash-lower{gap:7px;margin-top:7px}.hub-dash-lower section{padding:10px}.hub-status-overview{margin:7px 0 0}.hub-progress-track{margin-bottom:3px}.hub-live-journey{padding:28px 0 12px}.hub-journey-track{min-width:840px;grid-template-columns:repeat(5,minmax(0,1fr) 42px) minmax(0,1fr)}.hub-journey-track article{min-height:158px;padding:14px 11px}.hub-journey-track h3{font-size:.82rem}.hub-journey-arrow{width:34px;height:34px;font-size:16px}.hub-live-figure figcaption{margin-top:6px}}
@media(max-width:480px){.hub-dashboard-scene .hub-dashboard{min-height:445px}.hub-dash-main{padding:10px}.hub-metrics article{min-height:84px}.hub-metrics b{font-size:1rem}.hub-status-donut{width:58px;height:58px}.hub-status-donut::before{width:38px;height:38px}.hub-status-legend{gap:3px}.hub-tasks-view,.hub-module-views{top:52px;right:10px;bottom:10px;left:10px}.hub-live-showcase{gap:18px}.hub-benefits{margin-top:10px}}

/* hub-compact.css */
@media(min-width:1051px){.hub-dashboard-scene{width:min(1180px,100%);min-height:486px;margin-right:auto;margin-left:auto;padding:38px 210px!important}.hub-dashboard-scene .hub-dashboard{min-height:410px}.hub-module-views,.hub-tasks-view{bottom:auto;height:300px}.hub-module-panel{height:300px}.node-chat{top:70px}.node-system{top:70px}.node-person{bottom:62px}.node-settings{bottom:62px}.node-chat .hub-node-link,.node-system .hub-node-link{top:27px}.node-person .hub-node-link,.node-settings .hub-node-link{top:-58px}}
@media(min-width:1350px){.hub-dashboard-scene{width:1120px;padding-right:190px!important;padding-left:190px!important}.hub-interface-node .hub-node-link{width:76px}}

/* Former inline dashboard stacking rule. */
.hub-interface-node .hub-node-link{width:110px}.hub-dashboard-scene .hub-dashboard{z-index:5}

/* mobile-fixes.css */
/* Hellmodus: Außenrand und Inhaltsflächen sind unabhängig von der Viewport-Erkennung weiß. */
html:has(body:not([data-theme="dark"])),
body:not([data-theme="dark"]),
body:not([data-theme="dark"]) main,
body:not([data-theme="dark"]) main > section,
body:not([data-theme="dark"]) main > section > .container,
body:not([data-theme="dark"]) main :is(
  .section,
  .section-panel,
  .section-title,
  .card-grid,
  .problem-overview,
  .info-card,
  .split-panel,
  .truth-list,
  .truth-list > div
) {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
}

/* Überschreibt die ältere beige Sonderfläche unmittelbar nach dem Hero. */
body:not([data-theme="dark"]) main .hero.hero-sequence + section.section,
body[data-theme="light"] main .hero.hero-sequence + section.section,
body:not([data-theme="dark"]) main .hero.hero-sequence + section.section > .container,
body[data-theme="light"] main .hero.hero-sequence + section.section > .container {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
}

/* Der Indikator verwendet exakt dieselbe Laufzeit wie der automatische Kartenwechsel. */
.comparison-carousel .comparison-mobile-dots button.is-active::after {
  animation-duration: var(--comparison-interval, 4160ms) !important;
}

/* Homepage-Korrekturen für Smartphone- und schmale Tablet-Ansichten. */
@media (max-width: 900px) {
  /* Das vollständige Hero-Motiv bleibt sichtbar; links und rechts wird nichts abgeschnitten. */
  .hero.hero-sequence.sequence-mobile-static .hero-sequence-poster,
  body[data-theme="dark"] .hero.hero-sequence.sequence-mobile-static .hero-sequence-poster,
  body:not([data-theme="dark"]) .hero.hero-sequence.sequence-mobile-static .hero-sequence-poster {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }

  /* Im mobilen Hellmodus bestehen die Layout-Ebenen aus einer weißen Fläche. */
  html:has(body[data-theme="light"]),
  body[data-theme="light"],
  body[data-theme="light"] :is(main, .site-footer),
  body[data-theme="light"] main > section,
  body[data-theme="light"] main > section > .container,
  body[data-theme="light"] main :is(
    .section-title,
    .card-grid,
    .problem-overview,
    .split-panel,
    .truth-copy,
    .truth-media,
    .service-overview,
    .digital-box,
    .hub-box,
    .comparison-carousel,
    .comparison-track
  ) {
    background-color: #fff !important;
    background-image: none !important;
  }

  body[data-theme="light"] main > section:not(.hero)::before,
  body[data-theme="light"] main > section:not(.hero)::after,
  body[data-theme="light"] main > section > .container::before,
  body[data-theme="light"] main > section > .container::after {
    background: none !important;
    box-shadow: none !important;
  }

  body[data-theme="light"] main :is(
    .section,
    .section-panel,
    .info-card,
    .service-card,
    .truth-list,
    .truth-list > div
  ) {
    background-color: #fff !important;
    background-image: none !important;
  }

  /* Fallback ohne :has(): Außenfläche, Rahmenfläche und Kartenfläche sind identisch weiß. */
  html:has(body:not([data-theme="dark"])),
  body:not([data-theme="dark"]),
  body:not([data-theme="dark"]) main,
  body:not([data-theme="dark"]) main .section,
  body:not([data-theme="dark"]) main .section-panel,
  body:not([data-theme="dark"]) main .section > .container,
  body:not([data-theme="dark"]) main .section-panel > .container,
  body:not([data-theme="dark"]) main :is(
    .section-title,
    .card-grid,
    .problem-overview,
    .info-card,
    .split-panel,
    .truth-list,
    .truth-list > div
  ) {
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
  }

  body:not([data-theme="dark"]) main :is(.section, .section-panel, .container, .card-grid) {
    box-shadow: none !important;
  }
}

/* hub-theme-lock.css */
body:not([data-theme=dark]) #digital-hub .hub-dashboard{color:#e8edf5;background-color:#080a0d!important;background-image:radial-gradient(circle at 52% 0,rgba(244,131,18,.08),transparent 34%)!important;border-color:#252a31!important}body:not([data-theme=dark]) #digital-hub .hub-dash-nav{background:#080a0d!important;border-color:#252a31!important}body:not([data-theme=dark]) #digital-hub .hub-dash-main{background:#080a0d!important}body:not([data-theme=dark]) #digital-hub .hub-metrics article,body:not([data-theme=dark]) #digital-hub .hub-dash-lower section,body:not([data-theme=dark]) #digital-hub .hub-tasks-summary>div,body:not([data-theme=dark]) #digital-hub .hub-task-list,body:not([data-theme=dark]) #digital-hub .hub-module-panel{color:#e8edf5!important;background-color:#0d1014!important;background-image:linear-gradient(145deg,#101318,#0b0d10)!important;border-color:#292e35!important}body:not([data-theme=dark]) #digital-hub :is(.hub-task-list p,.hub-module-panel>p,.hub-client-card,.hub-service-date){background-color:#0d1014!important;background-image:none!important;border-color:#292e35!important}body:not([data-theme=dark]) #digital-hub :is(.hub-dash-head strong,.hub-metrics b,.hub-dash-lower strong,.hub-task-list strong,.hub-module-panel strong,.hub-client-card strong,.hub-service-date strong){color:#e8edf5!important}body:not([data-theme=dark]) #digital-hub :is(.hub-metrics small,.hub-dash-head>span,.hub-status-legend,.hub-activity p,.hub-task-list p,.hub-module-panel>p){color:#929ba7!important}body:not([data-theme=dark]) #digital-hub .hub-progress-track span{background:#11151a!important}body:not([data-theme=dark]) #digital-hub .hub-progress-track span.is-done{background:#f48312!important}body:not([data-theme=dark]) #digital-hub .hub-status-donut::before{background:#0d1014!important}body:not([data-theme=dark]) #digital-hub .hub-task-list p.is-complete{color:#fff!important}body:not([data-theme=dark]) #digital-hub .hub-task-list p.is-complete>i{background:#f48312!important}

/* hub-light.css */
body:not([data-theme=dark]) #digital-hub .hub-dashboard{color:#1d2633!important;background:#fff!important;border-color:#d7dde5!important;box-shadow:0 22px 55px rgba(31,41,55,.13)}body:not([data-theme=dark]) #digital-hub .hub-dash-nav{background:#f7f8fa!important;border-color:#dde2e8!important}body:not([data-theme=dark]) #digital-hub .hub-dash-main{background:linear-gradient(145deg,#fff,#f7f8fa)!important}body:not([data-theme=dark]) #digital-hub .hub-dash-logo{color:#1f2937!important}body:not([data-theme=dark]) #digital-hub .hub-dash-links i{color:#667181!important}body:not([data-theme=dark]) #digital-hub .hub-dash-links i.is-active{color:#d96400!important;background:#fff0e1!important}body:not([data-theme=dark]) #digital-hub .hub-dash-head>span{color:#647080!important;background:#fff!important;border-color:#d7dde5!important}body:not([data-theme=dark]) #digital-hub .hub-metrics article,body:not([data-theme=dark]) #digital-hub .hub-dash-lower section,body:not([data-theme=dark]) #digital-hub .hub-tasks-summary>div,body:not([data-theme=dark]) #digital-hub .hub-task-list,body:not([data-theme=dark]) #digital-hub .hub-module-panel{color:#1f2937!important;background:#fff!important;background-image:none!important;border-color:#d9dfe7!important;box-shadow:0 7px 18px rgba(31,41,55,.055)}body:not([data-theme=dark]) #digital-hub :is(.hub-task-list p,.hub-module-panel>p,.hub-client-card,.hub-service-date){color:#374151!important;background:#f5f7f9!important;background-image:none!important;border-color:#dce2e8!important}body:not([data-theme=dark]) #digital-hub :is(.hub-dash-head strong,.hub-metrics b,.hub-dash-lower strong,.hub-task-list strong,.hub-module-panel strong,.hub-client-card strong,.hub-service-date strong){color:#1f2937!important}body:not([data-theme=dark]) #digital-hub :is(.hub-metrics small,.hub-status-legend,.hub-activity p,.hub-task-list p,.hub-module-panel>p){color:#687486!important}body:not([data-theme=dark]) #digital-hub .hub-status-donut::before{background:#fff!important;box-shadow:inset 0 0 0 1px #d8dee6}body:not([data-theme=dark]) #digital-hub .hub-status-donut span{color:#1f2937!important}body:not([data-theme=dark]) #digital-hub .hub-progress-track span{background:#fff!important;border-color:#aab4c0}body:not([data-theme=dark]) #digital-hub .hub-progress-track span.is-done{background:#f48312!important;border-color:#f48312}body:not([data-theme=dark]) #digital-hub .hub-task-ring-card strong,body:not([data-theme=dark]) #digital-hub .hub-module-panel::before{background:radial-gradient(circle,#fff 52%,transparent 55%),conic-gradient(#f48312 0 var(--task-progress,0%),#d7dde5 var(--task-progress,0%) 100%)}body:not([data-theme=dark]) #digital-hub .hub-module-panel::before{background:radial-gradient(circle,#fff 52%,transparent 55%),conic-gradient(#f48312 0 var(--panel-fill),#d7dde5 var(--panel-fill) 100%)}body:not([data-theme=dark]) #digital-hub .hub-task-ring-card strong,body:not([data-theme=dark]) #digital-hub .hub-module-panel::after{color:#1f2937!important}body:not([data-theme=dark]) #digital-hub .hub-interface-node{color:#596575}body:not([data-theme=dark]) #digital-hub .hub-interface-node>span{background:#fff;border-color:#cfd6df;box-shadow:0 9px 22px rgba(31,41,55,.12)}body:not([data-theme=dark]) #digital-hub .hub-interface-node b{color:#596575}body:not([data-theme=dark]) #digital-hub .hub-task-list p.is-complete{color:#1f2937!important}body:not([data-theme=dark]) #digital-hub .hub-task-list p.is-complete>i{background:#f48312!important;color:#fff!important}body:not([data-theme=dark]) #digital-hub .hub-client-card>em,body:not([data-theme=dark]) #digital-hub .hub-task-list p em{background:#e6eaf0;color:#344050}

/* hub-responsive-v2.css */
@media(min-width:801px) and (max-width:1050px){.hub-dashboard-scene{width:min(900px,100%);margin-inline:auto;padding:0!important}.hub-dashboard{grid-template-columns:132px 1fr;min-height:390px!important}.hub-dash-nav{display:block;padding:18px 10px}.hub-dash-logo{margin:0 8px 18px;font-size:.86rem}.hub-dash-links i{padding:7px 8px;font-size:.66rem}.hub-dash-main{padding:16px}.hub-metrics{gap:8px;margin-top:12px}.hub-metrics article{padding:10px}.hub-dash-lower{gap:8px;margin-top:8px}.hub-dash-lower section{padding:10px}.hub-tasks-view,.hub-module-views{top:59px;right:16px;bottom:16px;left:16px}.hub-module-panel,.hub-tasks-view{height:280px}}
@media(max-width:800px){.hub-dashboard{display:block!important;width:100%;min-height:470px!important}.hub-dash-nav{display:block!important;padding:8px 10px;border-right:0!important;border-bottom:1px solid #252a31}.hub-dash-logo{display:none}.hub-dash-links{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}.hub-dash-links::-webkit-scrollbar{display:none}.hub-dash-links i{flex:0 0 auto;padding:7px 9px;font-size:.62rem;white-space:nowrap}.hub-dash-main{min-height:410px}.hub-dash-head>span{padding:4px 7px;font-size:.6rem}.hub-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hub-tasks-view,.hub-module-views{top:52px}.hub-module-panel,.hub-tasks-view{height:340px}.hub-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.hub-dashboard{min-height:430px!important}.hub-dash-nav{padding:7px}.hub-dash-links i{padding:6px 8px}.hub-dash-links i span{display:none}body:not([data-lang=en]) .hub-dash-links i.is-active span.lang-de,body[data-lang=en] .hub-dash-links i.is-active span.lang-en{display:inline}.hub-dash-main{min-height:375px;padding:9px!important}.hub-dash-head{margin-bottom:5px}.hub-dash-head>span{display:none}.hub-metrics{gap:5px!important;margin-top:5px!important}.hub-metrics article{min-height:76px!important;padding:8px!important}.hub-metrics small{min-height:20px!important;font-size:.56rem!important}.hub-metrics svg{height:17px!important}.hub-dash-lower{margin-top:5px!important}.hub-dash-progress{min-height:132px}.hub-status-overview{gap:10px}.hub-status-legend{font-size:.51rem}.hub-progress-track{margin-top:9px!important}.hub-tasks-view,.hub-module-views{top:42px;right:9px;bottom:9px;left:9px;height:315px}.hub-tasks-summary{gap:6px}.hub-task-list{padding:7px 9px}.hub-module-panel{height:315px}.hub-benefits{grid-template-columns:1fr}.hub-benefits>div{padding:5px 8px}}

/* hub-brand-slot.css */
.hub-brand-slot{position:relative;height:48px;margin:0 10px 12px;overflow:hidden}.hub-brand-slot .hub-dash-logo{position:absolute;inset:3px auto auto 0;margin:0;animation:hubBrandOriginal 10s ease-in-out infinite}.hub-custom-brand{position:absolute;inset:0 auto auto 0;display:grid;opacity:0;transform:translateY(7px);animation:hubBrandCustom 10s ease-in-out infinite}.hub-custom-brand b{color:#f48312;font-size:.76rem;letter-spacing:.12em;line-height:1.2}.hub-custom-brand small{margin-top:3px;color:#7f8995;font-size:.48rem;white-space:nowrap}.hub-brand-slot::after{content:"↔";position:absolute;top:2px;right:0;color:#f48312;font-size:.58rem;opacity:.55}@keyframes hubBrandOriginal{0%,38%,100%{opacity:1;transform:none}48%,83%{opacity:0;transform:translateY(-7px)}}@keyframes hubBrandCustom{0%,38%,100%{opacity:0;transform:translateY(7px)}48%,83%{opacity:1;transform:none}}@media(max-width:800px){.hub-brand-slot{display:none}}@media(prefers-reduced-motion:reduce){.hub-brand-slot .hub-dash-logo{animation:none}.hub-custom-brand{display:none}}

/* hub-performance.css */
.hub-interface-node .hub-node-link{animation:none!important;filter:none!important}.hub-live-showcase[data-live-phase="0"] .node-chat .hub-node-link,.hub-live-showcase[data-live-phase="1"] .node-person .hub-node-link,.hub-live-showcase[data-live-phase="2"] .node-person .hub-node-link,.hub-live-showcase[data-live-phase="3"] .node-system .hub-node-link,.hub-live-showcase[data-live-phase="4"] .node-system .hub-node-link,.hub-live-showcase[data-live-phase="5"] .node-settings .hub-node-link{animation:hubDash 1.4s linear infinite!important;filter:drop-shadow(0 0 3px rgba(244,131,18,.55))!important}.hub-dashboard,.hub-metrics article,.hub-dash-lower section,.hub-module-panel,.hub-task-list{backface-visibility:hidden;transform:translateZ(0)}@media(prefers-reduced-motion:reduce){.hub-interface-node .hub-node-link,.hub-brand-slot *{animation:none!important}}

/* hub-crm.css */
.hub-crm-panel{padding-right:76px}.hub-crm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hub-crm-grid p{display:flex;align-items:center;gap:9px;margin:0;padding:9px 10px;border:1px solid #292e35;border-radius:8px;color:#b6bec8;font-size:.64rem}.hub-crm-grid p>i{display:grid;place-items:center;width:27px;height:27px;flex:0 0 auto;border-radius:6px;background:#222831;color:#f48312;font-size:.56rem;font-style:normal}.hub-crm-grid p>span{display:grid}.hub-crm-grid small{color:#747e8a;font-size:.55rem}.hub-crm-progress{position:relative;display:flex;justify-content:space-between;margin-top:10px;padding-bottom:10px;color:#8d97a3;font-size:.59rem}.hub-crm-progress>b{color:#f48312}.hub-crm-progress>i{position:absolute;right:0;bottom:0;left:0;height:4px;overflow:hidden;border-radius:99px;background:linear-gradient(90deg,#f48312 0 68%,#343b44 68%)}body:not([data-theme=dark]) #digital-hub .hub-crm-grid p{color:#374151;background:#f5f7f9;border-color:#dce2e8}body:not([data-theme=dark]) #digital-hub .hub-crm-grid p>i{background:#e7ebf0}body:not([data-theme=dark]) #digital-hub .hub-crm-progress>i{background:linear-gradient(90deg,#f48312 0 68%,#d7dde5 68%)}@media(max-width:520px){.hub-crm-panel{padding-right:62px}.hub-crm-grid{grid-template-columns:1fr}.hub-crm-grid p:nth-child(n+3){display:none}.hub-crm-progress{margin-top:7px}}

/* hub-panel-details.css */
.hub-module-panel[data-module-view="products"] > p,
.hub-module-panel[data-module-view="documents"] > p {
  margin: 5px 0;
  padding: 6px 9px;
}

.hub-panel-detail-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin-top: 9px;
}

.hub-panel-detail-grid > div {
  min-width: 0;
  padding: 7px 8px;
  border: 1px solid #292e35;
  border-radius: 7px;
  background: #0d1014;
}

.hub-panel-detail-grid strong,
.hub-panel-detail-grid small {
  display: block;
}

.hub-panel-detail-grid strong {
  color: #eef2f7;
  font-size: .67rem;
  white-space: nowrap;
}

.hub-panel-detail-grid small {
  overflow: hidden;
  margin-top: 2px;
  color: #747e8a;
  font-size: .5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hub-panel-foot {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  padding-bottom: 8px;
  color: #87919d;
  font-size: .54rem;
}

.hub-panel-foot b {
  color: #f48312;
}

.hub-panel-foot i {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  border-radius: 99px;
  background: linear-gradient(90deg, #f48312 0 var(--detail-progress), #343b44 var(--detail-progress));
}

.hub-service-detail-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 14px;
}

body:not([data-theme="dark"]) #digital-hub .hub-panel-detail-grid > div {
  background: #f5f7f9;
  border-color: #dce2e8;
}

body:not([data-theme="dark"]) #digital-hub .hub-module-panel > p > i {
  background: #fff3e6 !important;
  border: 1px solid #ffd2a6;
  color: #c85a00 !important;
  box-shadow: 0 3px 9px rgba(200, 90, 0, .08);
}

body:not([data-theme="dark"]) #digital-hub .hub-module-panel > p > b {
  color: #238655;
}

body:not([data-theme="dark"]) #digital-hub .hub-panel-detail-grid strong {
  color: #1f2937;
}

body:not([data-theme="dark"]) #digital-hub .hub-panel-foot i {
  background: linear-gradient(90deg, #f48312 0 var(--detail-progress), #d7dde5 var(--detail-progress));
}

@media (max-width: 520px) {
  .hub-panel-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hub-panel-detail-grid > div:nth-child(3) {
    display: none;
  }
}

/* hub-size-lock.css */
/* Keep the dashboard shell stable while its animated menu content changes. */
.hub-dashboard-scene .hub-dashboard {
  box-sizing: border-box;
  height: 410px;
  min-height: 410px;
  max-height: 410px;
}

.hub-dashboard-scene .hub-dash-main {
  min-height: 0;
  overflow: hidden;
}

.hub-dashboard-scene :is(.hub-tasks-view, .hub-module-views) {
  box-sizing: border-box;
  overflow: hidden;
}

.hub-dashboard-scene .hub-module-panel {
  box-sizing: border-box;
  max-height: 100%;
  overflow: hidden;
}

@media (min-width: 801px) and (max-width: 1050px) {
  .hub-dashboard-scene .hub-dashboard {
    height: 390px !important;
    min-height: 390px !important;
    max-height: 390px !important;
  }
}

@media (max-width: 800px) {
  .hub-dashboard-scene .hub-dashboard {
    display: flex !important;
    flex-direction: column;
    height: 470px !important;
    min-height: 470px !important;
    max-height: 470px !important;
  }

  .hub-dashboard-scene .hub-dash-nav {
    flex: 0 0 auto;
  }

  .hub-dashboard-scene .hub-dash-main {
    flex: 1 1 auto;
    height: auto;
    min-height: 0 !important;
  }
}

@media (max-width: 520px) {
  .hub-dashboard-scene .hub-dashboard {
    height: 430px !important;
    min-height: 430px !important;
    max-height: 430px !important;
  }
}

/* hub-stable-transitions.css */
/* Stable menu changes: fade content without moving or rebuilding the shell. */
#digital-hub .hub-dashboard {
  contain: layout paint;
  isolation: isolate;
}

#digital-hub .hub-status-donut {
  contain: layout paint;
}

#digital-hub :is(
  .hub-dashboard,
  .hub-metrics,
  .hub-metrics article,
  .hub-dash-lower,
  .hub-dash-lower section,
  .hub-tasks-view,
  .hub-module-views,
  .hub-module-panel,
  .hub-task-list
) {
  backface-visibility: visible;
  transform: none !important;
}

#digital-hub :is(.hub-metrics, .hub-dash-lower) {
  transition: opacity 260ms ease, visibility 260ms ease !important;
}

#digital-hub :is(.hub-tasks-view, .hub-module-views) {
  transition: opacity 260ms ease, visibility 260ms ease !important;
}

#digital-hub .hub-live-showcase :is(.hub-module-panel, .hub-tasks-view) {
  animation-name: none !important;
}

@media (prefers-reduced-motion: reduce) {
  #digital-hub :is(.hub-metrics, .hub-dash-lower, .hub-tasks-view, .hub-module-views) {
    transition: none !important;
  }
}

/* hub-task-fit.css */
/* Fit every task row inside the fixed dashboard shell without clipping. */
#digital-hub .hub-tasks-view {
  grid-template-rows: auto minmax(0, 1fr) 5px;
  gap: 7px;
}

#digital-hub .hub-tasks-summary > div {
  min-height: 0;
  padding: 6px 10px;
}

#digital-hub .hub-tasks-summary strong {
  margin-top: 1px;
  font-size: .98rem;
}

#digital-hub .hub-task-ring-card strong {
  width: 36px;
  height: 36px;
  margin-top: 2px !important;
  font-size: .56rem !important;
}

#digital-hub .hub-task-list {
  min-height: 0;
  padding: 6px 11px;
  overflow: hidden;
}

#digital-hub .hub-task-list header {
  padding-bottom: 4px;
}

#digital-hub .hub-task-list p {
  min-height: 27px;
  margin: 3px 0;
}

#digital-hub .hub-task-list p > em {
  width: 23px;
  height: 23px;
}

@media (max-width: 480px) {
  #digital-hub .hub-task-list p:nth-of-type(4) {
    display: flex;
  }

  #digital-hub .hub-task-list p {
    min-height: 25px;
    margin: 2px 0;
  }
}

/* hub-donut-stable.css */
/* SVG ring avoids conic-gradient repaint jitter around 67–83 percent. */
#digital-hub .hub-status-donut {
  position: relative;
  background: transparent !important;
  box-shadow: none;
  transition: filter .35s ease !important;
}

#digital-hub .hub-status-donut::before {
  display: none;
}

#digital-hub .hub-status-donut svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  transform: rotate(-90deg);
}

#digital-hub .hub-status-donut circle {
  fill: none;
  stroke-width: 13;
}

#digital-hub .hub-status-donut .hub-donut-track {
  stroke: #454b53;
}

#digital-hub .hub-status-donut .hub-donut-value {
  stroke: #ff7909;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  stroke-linecap: butt;
}

#digital-hub .hub-status-donut span {
  z-index: 1;
}

body:not([data-theme="dark"]) #digital-hub .hub-status-donut .hub-donut-track {
  stroke: #d7dde5;
}

/* hub-money-fit.css */
/* Keep six-digit revenue values and the euro sign on one line. */
@media (min-width: 801px) {
  #digital-hub .hub-metrics {
    grid-template-columns: repeat(3, minmax(0, .92fr)) minmax(0, 1.24fr);
  }
}

#digital-hub .hub-metrics article {
  min-width: 0;
}

#digital-hub .hub-metrics article:last-child b {
  font-size: clamp(.98rem, 1.25vw, 1.22rem);
  line-height: 1.2;
  white-space: nowrap;
}

#digital-hub .hub-metrics article:last-child b [data-money] {
  white-space: nowrap;
}

@media (max-width: 520px) {
  #digital-hub .hub-metrics article:last-child b {
    font-size: .92rem;
  }
}

/* hub-connection-activity.css */
/* Secondary active paths make the four interfaces feel continuously connected. */
@media (min-width: 1051px) and (max-width: 1349px) {
  #digital-hub .hub-interface-node .hub-node-link {
    width: 110px !important;
  }
}

@media (min-width: 1350px) {
  #digital-hub .hub-interface-node .hub-node-link {
    width: 90px !important;
  }
}

#digital-hub .hub-live-showcase[data-live-phase="1"] .node-system .hub-node-link,
#digital-hub .hub-live-showcase[data-live-phase="3"] .node-person .hub-node-link,
#digital-hub .hub-live-showcase[data-live-phase="5"] .node-chat .hub-node-link {
  stroke: #ff8613;
  stroke-width: 2.5;
  filter: drop-shadow(0 0 6px rgba(244, 131, 18, .82)) !important;
  animation: hubDash .9s linear infinite !important;
}

#digital-hub .hub-live-showcase[data-live-phase="1"] .node-system,
#digital-hub .hub-live-showcase[data-live-phase="3"] .node-person,
#digital-hub .hub-live-showcase[data-live-phase="5"] .node-chat {
  color: #ff8a18;
  filter: drop-shadow(0 0 5px rgba(244, 131, 18, .4));
}

@media (prefers-reduced-motion: reduce) {
  #digital-hub .hub-interface-node .hub-node-link {
    animation: none !important;
  }
}

/* hub-journey-heading.css */
.hub-journey-heading {
  width: min(720px, 100%);
  margin: 34px auto 22px;
  text-align: center;
}

.hub-journey-heading .eyebrow {
  justify-content: center;
  margin-bottom: 7px;
  color: var(--accent);
  letter-spacing: .12em;
}

.hub-journey-heading > p:last-child {
  margin: 0;
  color: var(--muted);
  font-size: clamp(.86rem, 1.2vw, 1rem);
}

@media (max-width: 800px) {
  .hub-journey-heading {
    margin-top: 25px;
    margin-bottom: 16px;
  }
}

/* hub-iphone-fit.css */
/* Prevent intrinsic content widths from cropping the dashboard on iPhone. */
@media (max-width: 600px) {
  #digitalisierung .homepage-section-link {
    width: 100%;
    justify-content: center;
  }

  #digitalisierung .homepage-section-link > a {
    margin-right: auto;
    margin-left: auto;
  }

  #crew .context-links {
    width: 100%;
    justify-content: center;
  }

  #crew .context-links > a {
    margin-right: auto;
    margin-left: auto;
  }

  #digital-hub,
  #digital-hub > .hub-box,
  #digital-hub .hub-live-showcase,
  #digital-hub .hub-live-figure,
  #digital-hub .hub-dashboard-scene,
  #digital-hub .hub-dashboard,
  #digital-hub .hub-dash-nav,
  #digital-hub .hub-dash-main,
  #digital-hub .hub-metrics,
  #digital-hub .hub-dash-lower {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
  }

  #digital-hub .hub-live-showcase,
  #digital-hub .hub-live-figure,
  #digital-hub .hub-dashboard-scene,
  #digital-hub .hub-dashboard,
  #digital-hub .hub-dash-nav,
  #digital-hub .hub-dash-main {
    width: 100% !important;
  }

  #digital-hub .hub-dashboard-scene {
    padding-right: 0 !important;
    padding-left: 0 !important;
    overflow: hidden !important;
  }

  #digital-hub .hub-dashboard {
    margin-right: 0;
    margin-left: 0;
    overflow: hidden;
  }

  #digital-hub :is(
    .hub-metrics > article,
    .hub-dash-lower > section,
    .hub-tasks-summary > div,
    .hub-task-list,
    .hub-module-panel,
    .hub-module-panel > p,
    .hub-module-panel > p > span,
    .hub-task-list p > span,
    .hub-panel-detail-grid > div
  ) {
    min-width: 0;
  }

  #digital-hub .hub-module-panel > p > span,
  #digital-hub .hub-task-list p > span {
    overflow: hidden;
  }

  #digital-hub .hub-module-panel > p > span > :first-child,
  #digital-hub .hub-module-panel > p small,
  #digital-hub .hub-task-list p b {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #digital-hub :is(.hub-tasks-view, .hub-module-views) {
    max-width: calc(100% - 18px);
  }
}

@supports (padding: max(0px)) {
  @media (max-width: 600px) {
    #digital-hub .hub-dashboard-scene {
      padding-right: env(safe-area-inset-right) !important;
      padding-left: env(safe-area-inset-left) !important;
    }
  }
}

/* Former inline tablet visibility rule. */
@media (min-width:801px) and (max-width:1050px){.hub-interface-node{display:none!important}}

/* CSP-safe fixed module progress values. */
.hub-panel-foot.is-progress-75{--detail-progress:75%}
.hub-panel-foot.is-progress-100{--detail-progress:100%}