.sizing-returning .hero{display:none!important}.calculator-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border-top:1px solid #ffffff30;padding:24px 0 8px;margin-top:24px;color:#f8faf5}.calculator-facts span{display:flex;flex-direction:column;gap:9px;font-size:12px;letter-spacing:1px;text-transform:uppercase;font-weight:800;color:#9eb5b0}.calculator-facts b{font-size:26px;letter-spacing:0;color:white;font-weight:900}.sizing-hub-launcher,.sizing-switch{animation:calculator-invite 3s ease-in-out infinite;transform-origin:center}@keyframes calculator-invite{0%,75%,100%{transform:translateY(0);box-shadow:0 0 0 0 #d4ff4040}82%{transform:translateY(-3px);box-shadow:0 0 0 5px #d4ff4020}90%{transform:translateY(0)}}@media(max-width:600px){.calculator-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media(prefers-reduced-motion:reduce){.sizing-hub-launcher,.sizing-switch{animation:none}}@media print{.calculator-facts{display:none}}
.sizing-hub-launcher,.sizing-switch{visibility:visible!important;opacity:1;position:relative;z-index:5;border:1px solid #d4ff40!important;box-shadow:0 0 0 2px #d4ff4020}.sizing-hub-launcher i,.sizing-switch svg{animation:calculator-blink 1.8s ease-in-out infinite}.sizing-switch#hub-open{animation:calculator-blink 1.8s ease-in-out infinite}@keyframes calculator-blink{0%,100%{filter:brightness(1);opacity:1}50%{filter:brightness(1.8);opacity:.5}}@media(prefers-reduced-motion:reduce){.sizing-hub-launcher i,.sizing-switch svg,.sizing-switch#hub-open{animation:none}}
body .floating-reset,body .omni-global-reset,body .sizing-hub-reset{position:relative!important;inset:auto!important;float:none!important;display:flex!important;width:max-content;max-width:calc(100% - 32px);margin:12px 24px 12px auto!important;z-index:1!important;transform:none!important}.knowledge-story{padding:16px;margin:18px 0;background:#eff4ee;border-left:3px solid #caff36;border-radius:5px}.knowledge-story h3{color:#153b36;font-size:17px;line-height:1.4;margin:0 0 10px}.knowledge-story p{font-size:15px;line-height:1.7;margin:0}@media print{body .floating-reset,body .omni-global-reset,body .sizing-hub-reset{display:none!important}}
@media screen and (min-width:900px){body{padding-right:140px!important;box-sizing:border-box}body .floating-reset,body .omni-global-reset,body .sizing-hub-reset{position:fixed!important;top:96px!important;right:14px!important;bottom:auto!important;left:auto!important;margin:0!important;max-width:112px;visibility:visible!important;opacity:1!important;z-index:40!important}body .veeam-step-guide{right:164px}.topbar{max-width:100%;box-sizing:border-box}}
@media screen and (max-width:899px){body .floating-reset,body .omni-global-reset,body .sizing-hub-reset{position:relative!important;visibility:visible!important;opacity:1!important;right:auto!important;top:auto!important;margin:12px 16px 12px auto!important}}
/* Unified vendor navigation and unobstructed bottom reset area. */
.shared-calculator-tabs,.omni-tabs{display:flex!important;justify-content:center!important;align-items:center;gap:16px!important;width:100%;margin:26px auto!important;padding:8px 16px!important;box-sizing:border-box;clear:both}.shared-calculator-tabs a,.omni-tabs a{display:flex;align-items:center;justify-content:center;width:180px;min-height:70px;padding:12px 22px!important;box-sizing:border-box;border:1px solid #b9c5bd;border-radius:7px;background:#f9faf5;box-shadow:0 5px 16px #14343218;transition:transform .2s,box-shadow .2s}.shared-calculator-tabs a[aria-current=page],.omni-tabs a[aria-current=page]{background:#d4ff40;border-color:#99b624}.shared-calculator-tabs img,.omni-tabs img{width:130px!important;max-width:100%;height:36px!important;object-fit:contain}.shared-calculator-tabs a:hover,.omni-tabs a:hover{transform:translateY(-3px);box-shadow:0 10px 24px #14343226}
@media screen{body{padding-right:0!important;padding-bottom:86px!important}body .floating-reset,body .omni-global-reset,body .sizing-hub-reset{position:fixed!important;top:auto!important;bottom:16px!important;right:20px!important;left:auto!important;margin:0!important;z-index:50!important;visibility:visible!important;opacity:1!important}body .veeam-step-guide{right:24px;max-height:calc(100dvh - 290px)}body:after{content:'';position:fixed;bottom:0;right:0;left:0;height:78px;background:#f1f2ec;border-top:1px solid #cbd4cb;z-index:35;pointer-events:none}}
@media(max-width:650px){.shared-calculator-tabs,.omni-tabs{gap:8px!important}.shared-calculator-tabs a,.omni-tabs a{width:30%;min-height:58px;padding:10px!important}.shared-calculator-tabs img,.omni-tabs img{height:28px!important}}
@media(prefers-reduced-motion:reduce){.shared-calculator-tabs a,.omni-tabs a{transition:none;transform:none!important}}
@media print{.shared-calculator-tabs,.omni-tabs{display:none!important}body:after{display:none}}
@media screen{.sizing-side-panel,.side-drawer{bottom:78px!important;height:calc(100dvh - 78px)!important;max-height:calc(100dvh - 78px)!important}}

/* Keep navigation in VMware's explicitly ordered flex layout. */
main>.shared-calculator-tabs{order:3;flex-shrink:0;position:relative;z-index:1}
@media screen{
 body .floating-reset,body .omni-global-reset,body .sizing-hub-reset{z-index:120!important;min-height:48px;bottom:12px!important;right:20px!important}
 body:after{display:none!important}
 .bottom-bar,main>footer{padding-right:160px!important;min-height:72px}
}
/* Persistent navigation remains above the footer on every calculator. */
@media screen{
 body{padding-bottom:190px!important}
 body .wizard-navigation,body .omni-flow-nav,body .wizard-actions{position:fixed!important;bottom:88px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:calc(100% - 144px)!important;max-width:1180px!important;margin:0!important;box-sizing:border-box;z-index:60!important;background:#fffdf8f5;backdrop-filter:blur(12px);border:1px solid #bcc5bc;border-radius:9px;padding:14px 18px;box-shadow:0 12px 32px #10282830}
 body .veeam-step-guide{max-height:calc(100dvh - 380px)}
 .sizing-panel-open>main{filter:blur(5px);pointer-events:none}
 .sizing-panel-open .sizing-side-panel{top:88px!important;bottom:88px!important;height:auto!important;max-height:calc(100dvh - 176px)!important}
 body:has(.left-drawer) .workspace,body:has(.left-drawer) .intro-row,body:has(.left-drawer) .shared-calculator-tabs{filter:blur(5px);pointer-events:none}
 .sizing-panel-backdrop{position:fixed;inset:72px 0 78px;z-index:63;border:0;background:#10282826;backdrop-filter:blur(4px);cursor:pointer}
 .sizing-panel-backdrop[hidden]{display:none}
 .drawer-backdrop{display:block!important;backdrop-filter:blur(5px)!important}
}
.wizard-progress button:first-child>span:first-child,.wizard-progress button:first-child>i:first-child{position:relative;flex-shrink:0;width:56px!important;min-width:56px;height:64px!important;padding:40px 0 0!important;box-sizing:border-box;background:#0067b1!important;color:#fff!important;border-radius:15px!important;box-shadow:0 5px 0 #88a922,0 10px 22px #0067b130;line-height:20px;text-align:center;font-style:normal;animation:calc-start-bounce 2.8s ease-in-out infinite}
.wizard-progress button:first-child>span:first-child:before,.wizard-progress button:first-child>i:first-child:before{content:'◎';position:absolute;inset:6px 0 auto;font-size:34px;line-height:32px;color:white}
.step-badge-lift{animation:calc-start-bounce 2.8s ease-in-out infinite}
@keyframes calc-start-bounce{0%,65%,100%{translate:0 0}75%{translate:0 -7px}85%{translate:0 0}92%{translate:0 -3px}}
@media(max-width:650px){body .wizard-navigation,body .omni-flow-nav,body .wizard-actions{width:calc(100% - 24px)!important;padding:10px!important;bottom:84px!important}.wizard-progress button:first-child>span:first-child,.wizard-progress button:first-child>i:first-child{width:40px!important;min-width:40px;height:54px!important;padding-top:32px!important}.wizard-progress button:first-child>span:first-child:before,.wizard-progress button:first-child>i:first-child:before{font-size:26px;line-height:26px}}
@media(prefers-reduced-motion:reduce){.wizard-progress button:first-child>span:first-child,.wizard-progress button:first-child>i:first-child,.step-badge-lift{animation:none!important}}
@media print{.wizard-navigation,.omni-flow-nav,.wizard-actions,.sizing-panel-backdrop{display:none!important}}

.cpu-catalog-note{grid-column:1/-1;font-size:13px;line-height:1.6;color:#50635e;margin:10px 0}.cpu-catalog-note a{color:#0067b1;text-decoration:underline}
/* Readable typography and full-width calculator headers. */
@media screen{
 :root{--topbar-height:88px}
 body .topbar{position:fixed!important;inset:0 0 auto!important;width:100%!important;max-width:none!important;min-height:88px;height:88px;margin:0!important;padding:14px clamp(20px,3vw,60px)!important;box-sizing:border-box;z-index:100}
 main:has(>.topbar){padding-top:88px}
 body .intro-row{margin-left:0!important;margin-right:0!important;border-radius:0;width:100%;box-sizing:border-box;padding:40px clamp(28px,4vw,76px)}
 .topbar button,.topbar a:not(.brand),.topbar .sizing-hub-launcher,.omni-header-actions button{font-size:14px!important;min-height:42px}
 .topbar .brand b,.topbar .brand-lockup strong{font-size:15px!important;letter-spacing:.04em}
 .topbar .brand-lockup small{font-size:12px;letter-spacing:.06em}
 .topbar .brand img,.topbar .brand-logo{height:34px;max-width:180px}
 .hero .kicker,.intro-row .eyebrow,.intro-row .kicker{font-size:14px!important;line-height:1.6;letter-spacing:.08em}
 .hero h1,.intro-row h1{font-size:clamp(38px,3.2vw,62px)!important;line-height:1.12}
 .hero h1 em,.intro-row .hero-subtitle{font-size:clamp(26px,2vw,36px)!important;line-height:1.3}
 .hero-summary>p,.intro-row .hero-description{font-size:19px!important;line-height:1.7}
 .hero-start{font-size:17px!important}.hero-start small{font-size:14px!important}
 .hero-facts span,.calculator-facts span{font-size:14px!important;line-height:1.5;letter-spacing:.06em}
 .hero-facts b,.calculator-facts b{font-size:32px!important}
 .mode-copy,.mode-options button,.deployment-options button,.wizard-progress button,.field-label,.field>span,.field-stack>span{font-size:16px}
 .mode-options button small,.deployment-options button small,.mode-copy small,.field small,.field-stack small,.cpu-catalog-note{font-size:14px!important;line-height:1.6}
 .wizard-navigation,.omni-flow-nav,.wizard-actions{font-size:16px}
 .wizard-navigation button,.omni-flow-nav button,.wizard-actions button{font-size:17px;min-height:46px}
 .wizard-controller{top:88px!important}
 .sizing-panel-backdrop{top:88px}
}
@media screen and (max-width:1000px){
 .topbar .brand b,.topbar .brand-lockup>div:last-child,.topbar .brand>span{display:none!important}
 .topbar .header-actions{width:auto;gap:5px}.topbar{gap:8px!important}
}
@media screen and (max-width:650px){
 body .topbar{padding:10px 12px!important;gap:6px!important}
 .topbar .brand img,.topbar .brand-logo{height:25px;max-width:112px}
 .topbar button,.topbar a:not(.brand),.omni-header-actions button{font-size:12px!important;padding-left:7px!important;padding-right:7px!important}
 .topbar .sizing-rule-badge,.topbar .knowledge-link,.topbar .omni-doc-link{display:none}
 .hero-summary>p,.intro-row .hero-description{font-size:17px!important}
 .hero-facts span,.calculator-facts span{font-size:12px!important}
}

/* Equal-height choices and stable alignment after font enlargement. */
.mode-options,.deployment-options,.wizard-progress{align-items:stretch}
.mode-options>button,.deployment-options>button,.wizard-progress>button{height:auto;min-width:0;box-sizing:border-box}
.mode-options>button>div,.deployment-options>button>div,.wizard-progress>button>span{min-width:0}
.mode-options small,.deployment-options small{white-space:normal;overflow-wrap:anywhere}
@media screen{.wizard-navigation,.omni-flow-nav,.wizard-actions{transition:box-shadow .2s!important}.config-panel,.result-panel,.results-panel,.mode-selector,.deployment-selector{box-sizing:border-box;min-width:0}}
/* One shared content edge for the Veeam wizard, including its introduction. */
@media screen and (min-width:1100px){
 .mode-quick .workspace{width:calc(100% - 440px)!important;max-width:1180px!important;margin-left:max(72px,calc((100vw - 1620px)/2))!important;margin-right:368px!important;padding:0 0 180px!important;box-sizing:border-box}
}
@media screen{
 .workspace>.intro-row,.workspace>.mode-selector,.workspace>.wizard-progress,.workspace>.module-strip,.workspace>.deployment-selector,.workspace>.main-grid{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
 .workspace>.mode-selector,.workspace>.wizard-progress,.workspace>.module-strip,.workspace>.deployment-selector{margin-bottom:16px!important}
 .workspace>.intro-row{padding:32px!important;border-radius:0 0 9px 9px}
 .workspace>.shared-calculator-tabs{margin:24px 0!important}
 .mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .mode-options>button{align-self:stretch;min-height:90px}
 .module-strip>button{align-self:stretch;min-height:94px}
 .wizard-progress>button{align-self:stretch;min-height:84px}
}
@media screen and (max-width:1099px){
 .mode-quick .workspace{width:calc(100% - 40px)!important;max-width:980px!important;margin:0 auto!important;padding:0 0 180px!important}
 .mode-quick .veeam-step-guide{position:relative!important;inset:auto!important;width:100%!important;max-height:none!important;margin:0 0 20px!important}
}
@media screen and (max-width:650px){
 .workspace>.intro-row{padding:24px 18px!important}
 .mode-options{grid-template-columns:1fr}
 .wizard-progress>button{min-height:68px}
}
/* Identical bounded welcome cards across the three calculators. */
@media screen{
 body .hero,body .intro-row,body .workspace>.intro-row{width:calc(100% - 48px)!important;max-width:1100px!important;min-height:360px;margin:24px auto!important;padding:36px 40px!important;box-sizing:border-box;border:1px solid #385550;border-bottom:4px solid #d4ff40;border-radius:10px!important;background:radial-gradient(circle at 92% 0,#36594155,transparent 42%),linear-gradient(112deg,#102828,#173735);box-shadow:0 18px 36px #10282824;display:block!important}
 body .hero>div,body .intro-row .intro-copy{width:100%;max-width:none}
 body .hero h1,body .intro-row h1{font-size:clamp(36px,3.2vw,52px)!important;margin:14px 0 12px;line-height:1.15}
 body .hero h1 em,body .intro-row .hero-subtitle{font-size:clamp(24px,2vw,32px)!important;line-height:1.3}
 body .hero-summary>p,body .intro-row .hero-description{font-size:18px!important;max-width:850px;line-height:1.7}
 body .hero-facts,body .calculator-facts{width:100%;max-width:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border-top:1px solid #ffffff30;margin-top:24px;padding-top:24px}
 body .hero-facts span,body .calculator-facts span{display:flex;flex-direction:column;gap:9px}
 .sizing-returning body .hero{display:none!important}
}
@media screen and (max-width:650px){
 body .hero,body .intro-row,body .workspace>.intro-row{width:calc(100% - 24px)!important;min-height:0;padding:26px 22px!important;margin:16px auto!important}
 body .hero-facts,body .calculator-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
}
/* Identical header controls in all three calculators. */
@media screen {
.topbar :is(.header-actions,.interface-controls,.omni-header-actions){display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important}
.topbar :is(.sizing-hub-launcher,.sizing-switch,#hub-open){order:1!important}
.topbar :is(.knowledge-link,.header-documentation,.omni-doc-link){order:2!important}
.topbar :is(.sound-toggle,.sound-switch,#omni-sound){order:3!important}
.topbar :is(.segmented.language,.language-switch,.omni-language){order:4!important}
.topbar .sizing-rule-badge{display:none!important}
.topbar :is(.sizing-hub-launcher,.sizing-switch,#hub-open,.knowledge-link,.header-documentation,.omni-doc-link,.sound-toggle,.sound-switch,#omni-sound){display:inline-flex!important;align-items:center!important;justify-content:center;gap:8px!important;height:44px!important;min-height:44px!important;width:auto!important;padding:0 12px!important;border:1px solid #46605b!important;border-radius:5px!important;background:#183734!important;color:#c6d2cf!important;font:700 14px 'Work Sans',sans-serif!important;text-decoration:none!important;white-space:nowrap;letter-spacing:0!important;text-transform:none!important}
.topbar :is(.sound-toggle,.sound-switch,#omni-sound)>:is(span.sound-note,span:first-child){display:grid!important;place-items:center;width:28px!important;height:28px!important;border-radius:50%;background:#d8ff42!important;color:#102828!important;font-size:16px}
.topbar :is(.sound-toggle,.sound-switch,#omni-sound)[aria-pressed=false]>span:first-child{background:#46605b!important;color:#c6d2cf!important}
.topbar :is(.sound-toggle,.sound-switch,#omni-sound) b{display:inline!important;font:inherit!important}
.topbar :is(.segmented.language,.language-switch,.omni-language){display:flex!important;gap:0!important;padding:3px!important;height:50px!important;border:1px solid #46605b!important;border-radius:5px!important;background:#183734!important}
.topbar :is(.segmented.language,.language-switch,.omni-language)>button{display:grid!important;place-items:center;min-width:36px!important;height:42px!important;min-height:42px!important;padding:0 8px!important;border:0!important;border-radius:4px!important;background:transparent!important;color:#a9bbb7!important;font:700 14px 'Work Sans',sans-serif!important;box-shadow:none!important}
.topbar :is(.segmented.language,.language-switch,.omni-language)>button.active{background:#d8ff42!important;color:#102828!important}
.topbar :is(button,a):focus-visible{outline:2px solid #d8ff42;outline-offset:3px}
@media(max-width:850px){.topbar{overflow-x:auto!important}.topbar .brand-lockup,.topbar .brand{flex-shrink:0}.topbar :is(.brand-lockup>div,.brand b,.omnissa-header-logo){display:none!important}.topbar .top-actions{flex-shrink:0}.topbar :is(.header-actions,.interface-controls,.omni-header-actions){flex-shrink:0!important}}
}
/* Shared horizontal frame: switching vendors keeps the same page centre. */
@media screen{
 html{scrollbar-gutter:stable}
 body .workspace,body .mode-quick .workspace{width:calc(100% - 96px)!important;max-width:1440px!important;margin:0 auto!important;padding:0 0 180px!important;box-sizing:border-box;position:relative}
 body .hero,body .intro-row,body .workspace>.intro-row{width:100%!important;max-width:1100px!important;margin-left:auto!important;margin-right:auto!important}
 body .shared-calculator-tabs,body .omni-tabs,body .workspace>.shared-calculator-tabs{width:100%!important;max-width:1100px!important;margin:26px auto!important;flex-wrap:nowrap!important;justify-content:center!important;transform:none!important}
 body .shared-calculator-tabs>a,body .omni-tabs>a{flex:0 1 180px;min-width:0}
 main>.wizard-controller,main>.context-panel,main>.assumptions{width:calc(100% - 96px)!important;max-width:1440px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
 .cpu-catalog-note{display:none!important}
 .drive-set-row{grid-template-columns:82px minmax(160px,1fr) minmax(220px,2fr) 40px!important;align-items:start!important;gap:14px!important}
 .drive-set-row>.field{min-width:0;display:grid!important;grid-template-rows:48px 56px auto;gap:8px!important;align-content:start}
 .drive-set-row .field-label{display:flex;align-items:flex-end;line-height:1.4!important;margin:0!important;font-size:15px!important}
 .drive-set-row .input-shell{width:100%;height:56px!important;box-sizing:border-box;margin:0!important}
 .drive-set-row .input-shell input{width:100%;min-width:0;height:100%!important;box-sizing:border-box}
 .drive-set-row .drive-set-index{margin-top:56px!important;height:56px;display:flex;align-items:center}
 .drive-set-row .drive-set-remove{margin-top:56px!important;height:56px!important;width:40px!important}
}
@media screen and (min-width:1100px){
 body .mode-quick .workspace>:is(.mode-selector,.wizard-progress,.module-strip,.deployment-selector,.main-grid){width:calc(100% - 380px)!important;margin-left:0!important;margin-right:380px!important}
 body .mode-quick .veeam-step-guide{position:absolute!important;right:0!important;top:var(--guide-top,520px)!important;width:340px!important;max-height:none!important}
}
@media screen and (max-width:1099px){
 body .workspace,body .mode-quick .workspace,main>.wizard-controller,main>.context-panel,main>.assumptions{width:calc(100% - 40px)!important}
}
@media screen and (max-width:650px){
 body .workspace,body .mode-quick .workspace,main>.wizard-controller,main>.context-panel,main>.assumptions{width:calc(100% - 24px)!important}
 body .shared-calculator-tabs,body .omni-tabs{gap:8px!important;padding:8px 0!important}
 body .shared-calculator-tabs>a,body .omni-tabs>a{padding:8px!important;min-height:60px}
 .drive-set-row{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) 32px!important;gap:8px!important}
 .drive-set-row .drive-set-index{grid-column:1/-1;height:auto;margin-top:0!important}
 .drive-set-row>.field{grid-row:2;grid-template-rows:44px 56px auto}
 .drive-set-row .drive-set-remove{grid-row:2;margin-top:52px!important;width:32px!important}
}

/* Legacy VMware widgets are replaced by the shared side panels. */
.contact-widget,.floating-eogs,.knowledge-drag-handle,.knowledge-hub{display:none!important}
