/* One localized Drive presentation. Motion stays inside the existing Hub reveal. */
.service-scenes-ready .hub-panel .service-scene .scene-hub{
 padding:8px;border-radius:28px;overflow:visible;
 background:linear-gradient(135deg,#fbfdfb8a,#a6d19852 48%,#ffffff45);
 box-shadow:0 0 0 1px #f8fcf73d,0 18px 40px #0f160d2b;
}
.service-scenes-ready .hub-panel.service-scene-pinned .scene-hub{flex:1 1 0;min-height:0;overflow:visible}
.service-scenes-ready .hub-panel:not(.service-scene-pinned) .service-scene .scene-hub{height:clamp(280px,34vw,430px);min-height:280px}
.service-scenes-ready .hub-panel .scene-hub:before{
 content:"";position:absolute;inset:-18px -10px;z-index:-1;pointer-events:none;border-radius:0;box-shadow:none;rotate:none;filter:none;
 background:radial-gradient(ellipse 28% 40% at 30% 50%,#bae0ae66,transparent 100%),radial-gradient(ellipse 24% 40% at 72% 50%,#f8fcf74d,transparent 100%);
}
.hub-panel .drive-hub-preview.service-feature-image{height:100%;min-height:0;aspect-ratio:auto;overflow:visible;border-radius:22px;color:#222321;font-family:Arial,system-ui,sans-serif}
.drive-hub-shell{position:relative;isolation:isolate;display:grid;grid-template-columns:145px minmax(0,1fr);width:100%;height:100%;min-height:0;overflow:hidden;border:1px solid #fff;border-radius:22px;background:#fff;box-shadow:0 10px 30px #131f0f26,inset 0 1px 0 #fff;animation:drive-hub-float 8s ease-in-out infinite;animation-play-state:paused}
.drive-hub-sidebar{position:relative;isolation:isolate;min-width:0;overflow:hidden;padding:20px 10px;background:linear-gradient(145deg,#282a27,#171817 70%);color:#eeeeee}
.drive-hub-sidebar:before{content:"";position:absolute;inset:25% -70px -20%;z-index:-1;background:radial-gradient(ellipse at 40% 72%,#ddfb4d33,transparent 62%);animation:drive-hub-light 10s ease-in-out infinite;animation-play-state:paused}
.drive-hub-brand{display:flex;align-items:center;gap:8px;padding:0 5px 23px;min-width:0}
.drive-hub-brand img{width:29px;height:29px;border-radius:7px;object-fit:contain;background:#fff;flex:none}
.drive-hub-brand strong,.drive-hub-brand>span{display:block;color:#fff;font-size:13px;font-weight:800;letter-spacing:.08em}
.drive-hub-brand small{display:block;margin-top:3px;color:#b7bbb6;font-size:8px;line-height:1.1}
.drive-hub-nav{display:grid;gap:6px;position:relative}
.drive-hub-nav>*{display:flex;align-items:center;gap:9px;min-height:30px;padding:7px 9px;border-radius:7px;color:#d8dad7;font-size:10px;line-height:1.2}
.drive-hub-nav>:first-child{color:#1d2418;background:linear-gradient(120deg,#ddfb4d,#d2ed56);box-shadow:0 5px 14px #ddfb4d20,inset 0 1px 0 #f2ffba66}
.drive-hub-preview svg{width:15px;height:15px;flex:none;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.drive-hub-main{position:relative;isolation:isolate;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:12px;min-width:0;min-height:0;padding:15px 20px;background:radial-gradient(ellipse at 100% 15%,#f6fbf4 0%,#fff 49%,#fafafa 100%)}
.drive-hub-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;font-size:11px;line-height:1.1;color:#747873}
.drive-hub-toolbar h3{margin:0;font-size:inherit;font-weight:600;line-height:inherit;color:#393b38}
.drive-hub-toolbar>strong,.drive-hub-toolbar>span:first-child{color:#393b38;font-weight:600}
.drive-hub-toolbar .drive-hub-demo,.drive-hub-toolbar>span:last-child{padding:4px 8px;border:1px solid #cde0c7;border-radius:999px;background:#f8fcf7;color:#417a2e;font-size:9px;font-weight:600}
.drive-hub-intro{display:grid;gap:4px}
.drive-hub-intro h3{margin:0;font-size:clamp(17px,1.7vw,24px);line-height:1.05;letter-spacing:-.035em;color:#272926}
.drive-hub-intro p{margin:0;font-size:10px;line-height:1.3;color:#787b77}
.drive-hub-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;min-width:0}
.drive-hub-stat{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:6px;min-width:0;padding:11px 12px 9px;border:1px solid #e2e6e1;border-radius:10px;background:linear-gradient(140deg,#fff,#fcfefb);box-shadow:0 4px 10px #304e2708,inset 0 1px 0 #fff}
.drive-hub-stat:first-child{border-color:#c0d9b8;box-shadow:0 4px 16px #417a2e10,inset 0 2px 0 #417a2e}
.drive-hub-stat small{display:block;max-width:92%;font-size:9px;line-height:1.2;color:#767975}
.drive-hub-stat>svg{position:absolute;top:10px;right:10px;width:11px;height:11px;color:#a9b3a6}
.drive-hub-stat strong{display:block;font-size:clamp(22px,2.1vw,32px);font-weight:600;line-height:1;color:#262825;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.drive-hub-stat:last-child strong{color:#c51e32}
.drive-hub-lower{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:20px;min-height:0;min-width:0}
.drive-hub-chart,.drive-hub-operations{display:flex;flex-direction:column;min-height:0;min-width:0;padding-top:10px;border-top:1px solid #e7eae6}
.drive-hub-chart h4,.drive-hub-operations h4{margin:0;font-size:10px;font-weight:600;line-height:1.2;color:#383b37}
.drive-hub-chart-plot{position:relative;display:flex;flex:1;min-height:0}
.drive-hub-chart-guide{display:none}
.drive-hub-bars{position:relative;display:flex;align-items:stretch;justify-content:space-around;gap:14px;flex:1;min-height:28px;margin:10px 12px 0;border-bottom:1px solid #e2e6e1;background:repeating-linear-gradient(to top,transparent 0,transparent calc(33.333% - 1px),#e9ece8 calc(33.333% - 1px),#e9ece8 33.333%)}
.drive-hub-bars>div{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;flex:1;min-width:0;height:100%;position:relative}
.drive-hub-bar{display:block;width:min(100%,43px);min-height:2px;border-radius:5px 5px 0 0;transform-origin:50% 100%;background:linear-gradient(180deg,#c6eb67,#87aa48 70%,#5b7b34);box-shadow:inset 0 1px 0 #cfeac6,0 3px 9px #417a2e1a}
.drive-hub-bars small,.drive-hub-bars [data-i18n]{font-size:8px;line-height:1;color:#7a7e78;position:absolute;top:calc(100% + 5px)}
.drive-hub-chart .drive-hub-caption,.drive-hub-chart-legend{margin:17px 0 0;font-size:8px;line-height:1.1;color:#6d726c}
.drive-hub-operations>div{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:1;min-height:27px;padding:8px 0;border-bottom:1px solid #e8ece7;font-size:9px;line-height:1.2;color:#757974}
.drive-hub-operations>div>strong{font-size:9px;line-height:1.2;color:#417a2e;font-weight:600}
.scene-hub.live-scene-active .drive-hub-bar{animation:drive-hub-rise 1s cubic-bezier(.22,1,.36,1) both;animation-play-state:paused}
.scene-hub.live-scene-active .drive-hub-stat strong{animation:drive-hub-value .7s ease both;animation-play-state:paused}
.drive-hub-bars>div:nth-child(2) .drive-hub-bar,.drive-hub-stat:nth-child(2) strong{animation-delay:.1s}
.drive-hub-bars>div:nth-child(3) .drive-hub-bar,.drive-hub-stat:nth-child(3) strong{animation-delay:.2s}
.drive-hub-stat:nth-child(4) strong{animation-delay:.3s}
html:not([data-service-scrolling="true"]) .scene-hub.live-scene-active .drive-hub-shell,
html:not([data-service-scrolling="true"]) .scene-hub.live-scene-active .drive-hub-sidebar:before,
html:not([data-service-scrolling="true"]) .scene-hub.live-scene-active .drive-hub-bar,
html:not([data-service-scrolling="true"]) .scene-hub.live-scene-active .drive-hub-stat strong{animation-play-state:running}
@keyframes drive-hub-float{0%,100%{translate:0 2px}50%{translate:0 -2px}}
@keyframes drive-hub-light{0%,100%{transform:translate3d(-4%,5%,0);opacity:.65}50%{transform:translate3d(4%,-5%,0);opacity:1}}
@keyframes drive-hub-rise{from{transform:scaleY(.08);opacity:.3}to{transform:scaleY(1);opacity:1}}
@keyframes drive-hub-value{from{transform:translateY(4px);opacity:.4}to{transform:translateY(0);opacity:1}}
@media(min-width:801px) and (min-height:900px){
 .drive-hub-shell{grid-template-columns:170px minmax(0,1fr)}
 .drive-hub-main{gap:18px;padding:23px 27px}
 .drive-hub-nav>*{font-size:12px;min-height:37px}
 .drive-hub-stat{padding:16px 15px}
 .drive-hub-stat small{font-size:11px}
 .drive-hub-chart h4,.drive-hub-operations h4{font-size:12px}
 .drive-hub-operations>div,.drive-hub-operations>div>strong{font-size:11px}
}
@media(max-width:800px){
 .drive-hub-shell{grid-template-columns:43px minmax(0,1fr);border-radius:20px}
 .drive-hub-sidebar{padding:13px 5px}
 .drive-hub-brand{padding:0 0 18px;justify-content:center}
 .drive-hub-brand img{width:27px;height:27px}
 .drive-hub-brand>div,.drive-hub-brand>strong,.drive-hub-brand>small,.drive-hub-brand>span{display:none}
 .drive-hub-nav{gap:7px}
 .drive-hub-nav>*{justify-content:center;min-height:29px;padding:7px 3px}
 .drive-hub-nav span{display:none}
 .drive-hub-preview svg{width:15px;height:15px}
 .drive-hub-main{grid-template-rows:auto auto minmax(0,1fr);gap:10px;padding:12px 11px}
 .drive-hub-toolbar{font-size:11px}
 .drive-hub-toolbar .drive-hub-demo,.drive-hub-toolbar>span:last-child{font-size:8px;padding:3px 6px}
 .drive-hub-intro{display:none}
 .drive-hub-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .drive-hub-stat{gap:5px;padding:8px 9px;border-radius:8px}
 .drive-hub-stat small{max-width:100%;font-size:9px;line-height:1.15}
 .drive-hub-stat strong{font-size:23px}
 .drive-hub-stat>svg{display:none}
 .drive-hub-lower{grid-template-columns:1fr;gap:0}
 .drive-hub-operations{display:none}
 .drive-hub-chart{padding-top:9px}
 .drive-hub-chart h4{font-size:10px}
 .drive-hub-bars{margin:7px 7px 0;min-height:18px;gap:17px}
 .drive-hub-bar{max-width:33px}
 .drive-hub-chart .drive-hub-caption,.drive-hub-chart-legend{font-size:8px}
}
@media(max-width:800px) and (max-height:700px){
 .drive-hub-shell{grid-template-columns:35px minmax(0,1fr);border-radius:18px}
 .drive-hub-sidebar{padding:9px 4px}
 .drive-hub-brand{padding-bottom:8px}
 .drive-hub-brand img{width:23px;height:23px}
 .drive-hub-nav{gap:3px}
 .drive-hub-nav>*{min-height:23px;padding:4px 3px}
 .drive-hub-preview svg{width:13px;height:13px}
 .drive-hub-main{padding:9px 8px;gap:7px}
 .drive-hub-toolbar{font-size:9px}
 .drive-hub-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
 .drive-hub-stat{padding:6px 5px;gap:4px}
 .drive-hub-stat small{font-size:7px;line-height:1.1}
 .drive-hub-stat strong{font-size:20px}
 .drive-hub-chart{padding-top:6px}
 .drive-hub-chart h4{font-size:9px}
 .drive-hub-bars{margin-top:5px}
 .drive-hub-chart .drive-hub-caption,.drive-hub-chart-legend{margin-top:15px;font-size:7px}
}
.motion-paused .drive-hub-shell,.motion-paused .drive-hub-sidebar:before,.motion-paused .drive-hub-bar,.motion-paused .drive-hub-stat strong{animation:none!important;translate:none;transform:none;opacity:1}
@media(prefers-reduced-motion:reduce){.drive-hub-shell,.drive-hub-sidebar:before,.drive-hub-bar,.drive-hub-stat strong{animation:none!important;translate:none;transform:none;opacity:1}}