/* 2026 showroom polish — restrained B2B surfaces, stable navigation, clear hierarchy. */
:root{--showroom-ink:#0a2038;--showroom-blue:#246df0;--showroom-cyan:#20c4c9;--showroom-line:#d6e1ec;--showroom-soft:#f4f7fb}
body{background:linear-gradient(180deg,#f7f9fc 0,#f2f6fa 100%)}
.page-progress{position:fixed;left:0;right:0;top:0;z-index:100;height:3px;pointer-events:none}.page-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--showroom-blue),var(--showroom-cyan));transform:scaleX(0);transform-origin:left center}
@supports(animation-timeline:scroll()){.page-progress i{animation:hardwarePageProgress linear both;animation-timeline:scroll(root block)}@keyframes hardwarePageProgress{to{transform:scaleX(1)}}}
.topbar{height:78px;min-height:78px;border-bottom-color:#d7e1eb;background:#fffffff2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 30px #102a4510}.topbar .brand>b{border-radius:12px;box-shadow:0 8px 20px #1268e829}.topbar nav a{position:relative;display:flex;height:78px;align-items:center;padding:0}.topbar nav a:after{content:"";position:absolute;right:0;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#246df0,#20c4c9);transform:scaleX(0);transition:transform .2s ease}.topbar nav a:hover:after,.topbar nav a.active:after{transform:scaleX(1)}.topbar nav a.active{box-shadow:none}
.showroom-section-nav{box-shadow:0 12px 28px #102a4510}.showroom-section-nav a{border:1px solid transparent}.showroom-section-nav a:hover{border-color:#d8e3ef;background:#f5f8fc;color:#1f4e80}.showroom-section-nav a[aria-current="true"]{border-color:#cddcff;background:linear-gradient(135deg,#edf3ff,#edfafa);color:#245dcc}
.trust{gap:12px;padding:22px max(24px,calc((100vw - 1320px)/2));background:#fff}.trust span{flex:1;padding:14px 16px;border-left:2px solid #44cdb4;background:#f7fafc;color:#294762;font-size:14px;line-height:1.5}
.experience-journey{margin-top:110px;margin-bottom:110px}.journey-grid{gap:18px}.journey-grid article{min-height:260px;border-radius:18px;background:#fff;box-shadow:0 18px 42px #1837560b;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.journey-grid article:hover{border-color:#b9cef0;transform:translateY(-4px);box-shadow:0 22px 48px #18375616}.journey-grid article:before{content:"";position:absolute;top:0;right:24px;left:24px;height:3px;background:linear-gradient(90deg,#246df0,#20c4c9)}.journey-icon{border:1px solid #e0e8f1;border-radius:16px}
.showroom-solutions{border-radius:24px;background:linear-gradient(130deg,#f8faff 0%,#f0f9f7 100%);box-shadow:0 22px 62px #173a6410}.showroom-cards article{border-radius:14px;box-shadow:0 10px 30px #173a6409;transition:border-color .2s ease,transform .2s ease}.showroom-cards article:hover{border-color:#b7cbed;transform:translateY(-3px)}
.configurator-shell{border-radius:22px;box-shadow:0 24px 70px #173a6411}.configurator-tabs{border-radius:14px}.configurator-tabs button{border-radius:10px}.configurator-tabs button[aria-selected="true"]{box-shadow:0 8px 22px #173a6418}.configurator-result aside{border-radius:14px}.capacity-planner{border:1px solid #dbe6ef;border-radius:16px}.capacity-result>span{border-radius:10px}
.showroom-plan>ol{gap:16px}.showroom-plan>ol li{border-radius:14px;box-shadow:0 12px 34px #173a640b}.showroom-plan>ol li>span{border-radius:10px}.showroom-cta{border-radius:18px;background:linear-gradient(120deg,#081d37 0%,#154a75 66%,#147783 100%)}
.faq-list{gap:12px}.faq-list details{border-radius:12px;box-shadow:none}.faq-list details[open]{border-color:#b8cef0;box-shadow:0 14px 36px #173a640d}.faq-list summary span{border-radius:8px}
.catalog{padding-top:84px;border-top:1px solid #d7e2ec}.catalog aside{border-radius:12px;box-shadow:0 16px 40px #173a640c}.product-card{border-radius:12px;box-shadow:0 14px 36px #173a640b}.product-card:hover{border-color:#b9cdeb}.product-image{background:linear-gradient(145deg,#f2f6fa,#e4edf6)}
.recommend{background:linear-gradient(120deg,#071a31 0%,#0e416d 72%,#126d7c 100%)}
@media(prefers-reduced-motion:reduce){.page-progress{display:none}.topbar nav a:after,.journey-grid article,.showroom-cards article{transition:none}.journey-grid article:hover,.showroom-cards article:hover{transform:none}}
@media(max-width:1000px){.trust{display:grid;grid-template-columns:1fr 1fr}.topbar nav{gap:14px}}
@media(max-width:720px){.page-progress{height:2px}.topbar{height:70px;min-height:70px}.topbar nav a{height:46px}.trust{grid-template-columns:1fr;padding:14px}.trust span{padding:11px 13px;font-size:13px}.experience-journey{margin-top:72px;margin-bottom:72px}.journey-grid article{min-height:auto}.showroom-solutions{border-radius:18px}.showroom-cards article{border-radius:12px}.configurator-shell{border-radius:17px}.showroom-plan>ol{gap:10px}.showroom-cta{border-radius:15px}.catalog{padding-top:62px}.product-card{border-radius:10px}}
.showroom-context-cta{position:fixed;right:24px;bottom:24px;z-index:48;display:flex;align-items:center;gap:18px;max-width:560px;padding:12px 12px 12px 18px;border:1px solid #ccdae8;background:#fffffff2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 55px #071b3440;opacity:0;pointer-events:none;transform:translateY(18px);transition:opacity .22s ease,transform .22s ease}.showroom-context-cta.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.showroom-context-cta>div{display:grid;gap:2px;min-width:190px}.showroom-context-cta strong{color:#102b47;font-size:14px}.showroom-context-cta small{color:#60758a;font-size:11px}.showroom-context-cta nav{display:flex;gap:7px}.showroom-context-cta a{display:flex;min-height:44px;padding:0 14px;align-items:center;justify-content:center;border:1px solid #cbd9e6;color:#284a69;font-size:12px;font-weight:900;white-space:nowrap}.showroom-context-cta a.primary{border-color:#246df0;background:#246df0;color:#fff}.showroom-context-cta a:hover{border-color:#246df0}.showroom-context-cta a.primary:hover{background:#175ed8}@media(max-width:900px){.showroom-context-cta>div{display:none}.showroom-context-cta{right:16px;bottom:16px}}@media(max-width:720px){.showroom-context-cta{display:none}}@media(prefers-reduced-motion:reduce){.showroom-context-cta{transition:none}}