.showroom-hotspot{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;color:#0b1d33;pointer-events:none}.showroom-hotspot>i{position:relative;width:15px;height:15px;border:3px solid #fff;border-radius:50%;background:#31d6b3;box-shadow:0 0 0 7px #31d6b333,0 5px 20px #09203a66}.showroom-hotspot>i:after{content:"";position:absolute;inset:-12px;border:1px solid #fff9;border-radius:50%;animation:showroomPulse 2.2s ease-out infinite}.showroom-hotspot>span{display:grid;gap:2px;padding:9px 12px;border:1px solid #ffffffa3;border-radius:12px;background:#ffffffde;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 30px #09203a24}.showroom-hotspot b{font-size:10px;letter-spacing:.06em}.showroom-hotspot small{color:#526b83;font-size:9px;font-weight:800}.showroom-hotspot.kiosk{right:17%;top:37%}.showroom-hotspot.wall{right:31%;top:19%}@keyframes showroomPulse{0%{transform:scale(.55);opacity:1}75%,100%{transform:scale(1.65);opacity:0}}
.showroom-section-nav{position:sticky;top:78px;z-index:19;border-bottom:1px solid #dce6ef;background:#ffffffed;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.showroom-section-nav>div{display:flex;justify-content:center;gap:5px;width:min(1060px,100%);margin:auto;padding:8px 16px;overflow-x:auto;scrollbar-width:none}.showroom-section-nav>div::-webkit-scrollbar{display:none}.showroom-section-nav a{flex:0 0 auto;display:flex;min-height:39px;padding:0 14px;align-items:center;border-radius:11px;color:#5b7086;font-size:11px;font-weight:900;white-space:nowrap}.showroom-section-nav a[aria-current="true"]{background:#eaf1ff;color:#315fcf}.showroom-section-nav a:focus-visible{outline:3px solid #5b77ef;outline-offset:1px}#journey,#space,#configuration,#process,#faq{scroll-margin-top:148px}
.showroom-plan{width:min(1320px,calc(100% - 40px));margin:0 auto 94px}.showroom-plan>ol{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:38px 0 28px;padding:0;list-style:none}.showroom-plan>ol li{display:grid;grid-template-columns:42px 1fr;gap:12px;min-height:130px;padding:20px;border:1px solid #dbe6f0;border-radius:20px;background:#fff;box-shadow:0 10px 32px #173a640c}.showroom-plan>ol li>span{display:grid;width:40px;height:40px;place-items:center;border-radius:13px;background:#eef2ff;color:#5864e8;font-size:11px;font-weight:950}.showroom-plan>ol li>div{display:grid;align-content:start;gap:7px}.showroom-plan>ol b{font-size:16px}.showroom-plan>ol small{color:#65798d;font-size:11px;line-height:1.65}.showroom-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 38px;border-radius:26px;background:linear-gradient(125deg,#091f3b,#173c68 58%,#176e7c);color:#fff;box-shadow:0 20px 55px #12385e29}.showroom-cta span{color:#71e5e8;font-size:10px;font-weight:950;letter-spacing:.14em}.showroom-cta h3{margin:8px 0 5px;font-size:clamp(23px,2vw,33px);letter-spacing:-.035em}.showroom-cta p{margin:0;color:#bed0df;font-size:12px}.showroom-cta>div:last-child{display:flex;gap:8px;flex-shrink:0}.showroom-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 16px;border:1px solid #ffffff42;border-radius:12px;font-size:11px;font-weight:950}.showroom-cta a.primary{border:0;background:#fff;color:#12385e}
.showroom-configurator{width:min(1320px,calc(100% - 40px));margin:0 auto 94px}.configurator-shell{margin-top:34px;padding:12px;border:1px solid #d9e5ef;border-radius:28px;background:#fff;box-shadow:0 18px 55px #173a6414}.configurator-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:6px;border-radius:18px;background:#eef3f9}.configurator-tabs button{min-height:52px;border:0;border-radius:13px;background:transparent;color:#526b83;font-size:13px;font-weight:950;cursor:pointer}.configurator-tabs button[aria-selected="true"]{background:#fff;color:#315ed5;box-shadow:0 7px 20px #173a6415}.configurator-tabs button:focus-visible{outline:3px solid #5b77ef;outline-offset:2px}.configurator-result{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:30px;padding:38px 34px 28px}.configurator-result>div>span,.configurator-result aside>span{color:#5f69ea;font-size:10px;font-weight:950;letter-spacing:.14em}.configurator-result h3{margin:9px 0 10px;font-size:clamp(26px,2.4vw,38px);letter-spacing:-.035em}.configurator-result p{max-width:690px;color:#60748d;font-size:14px;line-height:1.75}.configurator-result ul{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0 0;padding:0;list-style:none}.configurator-result li{padding:8px 11px;border-radius:999px;background:#eef6ff;color:#315476;font-size:11px;font-weight:850}.configurator-result li:before{content:"✓";margin-right:6px;color:#0b9a68}.configurator-result aside{padding:22px;border-radius:20px;background:linear-gradient(145deg,#0c2442,#173f69);color:#fff}.configurator-result aside>span{color:#6ee3e6}.configurator-result dl{margin:13px 0 17px}.configurator-result dl div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #ffffff20}.configurator-result dt{color:#b9cadb;font-size:11px}.configurator-result dd{margin:0;font-size:12px;font-weight:950}.configurator-result aside a{display:flex;min-height:46px;align-items:center;justify-content:center;border-radius:12px;background:#fff;color:#173b62;font-size:11px;font-weight:950}
.capacity-planner{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(300px,1fr) minmax(360px,1.05fr);align-items:center;gap:28px;margin:10px;padding:28px;border-radius:22px;background:linear-gradient(135deg,#f4f7ff,#eefaf8)}.capacity-planner>div:first-child>span{color:#5d67e8;font-size:10px;font-weight:950;letter-spacing:.14em}.capacity-planner h3{margin:7px 0;font-size:22px}.capacity-planner p{margin:0;color:#667b8f;font-size:11px;line-height:1.65}.capacity-planner form{display:grid;gap:18px}.capacity-planner label{display:grid;grid-template-columns:1fr auto;gap:7px;color:#3c5873;font-size:11px;font-weight:900}.capacity-planner output{color:#4e60df}.capacity-planner input[type="range"]{grid-column:1/-1;width:100%;accent-color:#5b68e9;cursor:pointer}.capacity-result{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.capacity-result>span{display:grid;gap:4px;padding:12px;border:1px solid #dae6ef;border-radius:13px;background:#fff}.capacity-result small{color:#6b7f93;font-size:9px;font-weight:850}.capacity-result strong{font-size:19px}.capacity-result a{grid-column:1/-1;display:flex;min-height:44px;align-items:center;justify-content:center;border-radius:11px;background:#112f52;color:#fff;font-size:11px;font-weight:950}
.showroom-faq{width:min(980px,calc(100% - 40px));margin:0 auto 100px}.faq-list{display:grid;gap:10px;margin-top:34px}.faq-list details{overflow:hidden;border:1px solid #dbe6ef;border-radius:17px;background:#fff;box-shadow:0 8px 25px #173a6409}.faq-list summary{display:flex;align-items:center;gap:13px;min-height:68px;padding:13px 20px;cursor:pointer;list-style:none;color:#183653;font-size:15px;font-weight:900}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{display:grid;flex:0 0 34px;height:34px;place-items:center;border-radius:11px;background:#eef2ff;color:#5967e8;font-size:10px}.faq-list summary:after{content:"+";margin-left:auto;color:#61768b;font-size:24px;font-weight:500}.faq-list details[open] summary:after{content:"−"}.faq-list details[open] summary{background:#f8faff}.faq-list details p{margin:0;padding:0 20px 20px 67px;color:#60748d;font-size:13px;line-height:1.8}.showroom-mobile-cta{position:fixed;right:14px;bottom:max(14px,env(safe-area-inset-bottom));z-index:50;display:none;grid-template-columns:1fr 1fr;width:calc(100% - 28px);padding:7px;border:1px solid #dce7f0;border-radius:17px;background:#ffffffed;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 12px 38px #0c294840}.showroom-mobile-cta a{display:flex;min-height:48px;align-items:center;justify-content:center;border-radius:12px;color:#294a69;font-size:12px;font-weight:950}.showroom-mobile-cta a.primary{background:linear-gradient(135deg,#3c70ee,#7358e9);color:#fff}
.showroom-quote-prefill{display:grid;gap:9px;margin:0 0 20px;padding:24px;border:1px solid #cfdcf0;border-radius:18px;background:linear-gradient(135deg,#f3f6ff,#eefaf7)}.showroom-quote-prefill>span{color:#5967e8;font-size:10px;font-weight:950;letter-spacing:.14em}.showroom-quote-prefill h2{margin:0;font-size:23px}.showroom-quote-prefill>div{display:flex;flex-wrap:wrap;gap:7px}.showroom-quote-prefill b{padding:7px 10px;border-radius:999px;background:#fff;color:#315476;font-size:10px}.showroom-quote-prefill p{margin:0;color:#60748d;font-size:11px}
@media(prefers-reduced-motion:reduce){.showroom-hotspot>i:after{animation:none}}@media(max-width:1100px){.showroom-hotspot{display:none}.showroom-plan>ol{grid-template-columns:1fr 1fr}.showroom-cta{align-items:flex-start;flex-direction:column}.showroom-cta>div:last-child{width:100%}.configurator-result{grid-template-columns:1fr}.capacity-planner{grid-template-columns:1fr 1fr}.capacity-result{grid-column:1/-1}}@media(max-width:720px){body{padding-bottom:82px}.showroom-section-nav{top:70px}.showroom-section-nav>div{justify-content:flex-start;padding:7px 12px}.showroom-section-nav a{min-height:37px;padding:0 12px}#journey,#space,#configuration,#process,#faq{scroll-margin-top:130px}.showroom-plan>ol{grid-template-columns:1fr}.showroom-plan>ol li{min-height:auto}.showroom-cta{padding:26px 20px}.showroom-cta>div:last-child{flex-direction:column}.showroom-cta a{width:100%}.configurator-tabs{grid-template-columns:1fr}.configurator-result{padding:25px 16px}.configurator-result ul{display:grid}.configurator-tabs button{min-height:46px}.capacity-planner{grid-template-columns:1fr;margin:4px;padding:22px 14px}.capacity-result{grid-column:auto}.faq-list summary{padding:12px 14px;font-size:14px}.faq-list details p{padding:0 16px 18px;font-size:12px}.showroom-mobile-cta{display:grid}}
#kiosk360,#journey,#space,#configuration,#process,#faq,#products{content-visibility:auto;contain-intrinsic-size:auto 720px}
.skip-link{position:fixed;left:16px;top:12px;z-index:1000;padding:12px 16px;border-radius:10px;background:#071b34;color:#fff;font-size:13px;font-weight:900;transform:translateY(-160%);transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}
:where(a,button,input,select,summary):focus-visible{outline:3px solid #4f72ef;outline-offset:3px}.showroom-actions a,.showroom-cta a,.configurator-result aside a,.capacity-result a{min-height:48px}.faq-list summary{touch-action:manipulation}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
@media(prefers-contrast:more){.showroom-copy p,.section-heading p,.configurator-result p{color:#253f59}.showroom-section-nav a{color:#253f59}:where(a,button,input,select,summary):focus-visible{outline-width:4px}}
@media(forced-colors:active){.showroom-actions a,.showroom-cta a,.showroom-mobile-cta a{border:2px solid ButtonText}}

/* Precise long-page navigation */
.showroom-section-nav>div{width:min(1180px,100%)}
.showroom-section-nav a[aria-current="true"]{box-shadow:inset 0 0 0 1px #cbdcff}
#products{scroll-margin-top:148px}
@media(max-width:720px){.showroom-section-nav a{min-height:44px;padding-inline:14px}#products{scroll-margin-top:136px}}

/* Hero callouts aligned to the approved showroom image positions. */
.showroom-hotspot.wall{right:29.5%;top:16%}
.showroom-hotspot.kiosk{right:15%;top:32%}
@media(min-width:1101px) and (max-width:1450px){.showroom-hotspot.wall{right:27%;top:16%}.showroom-hotspot.kiosk{right:12%;top:32%}}

/* Refined hotspot legibility and visual connection */
.showroom-hotspot{gap:13px;filter:drop-shadow(0 8px 18px #04182c38)}
.showroom-hotspot:after{content:"";position:absolute;left:14px;top:50%;z-index:-1;width:22px;height:1px;background:linear-gradient(90deg,#5ae5ca,#ffffffd9)}
.showroom-hotspot>i{flex:0 0 auto;width:17px;height:17px;border-width:4px;background:#20cfad;box-shadow:0 0 0 7px #31d6b340,0 5px 20px #09203a80}
.showroom-hotspot>span{min-width:154px;padding:11px 14px;border-color:#dceaf3;border-radius:10px;background:#fffffff2;box-shadow:0 12px 32px #071b3438}
.showroom-hotspot b{color:#102b47;font-size:11px;line-height:1.25;letter-spacing:.055em}
.showroom-hotspot small{color:#46617a;font-size:9px;line-height:1.35}
@media(min-width:1101px) and (max-width:1450px){.showroom-hotspot>span{min-width:138px;padding:9px 11px}.showroom-hotspot b{font-size:10px}}
@media(prefers-contrast:more){.showroom-hotspot>span{border:2px solid #0b2442;background:#fff}.showroom-hotspot small{color:#183952}}

/* Interactive hero callouts */
a.showroom-hotspot{color:#0b1d33;text-decoration:none;pointer-events:auto;cursor:pointer}
a.showroom-hotspot>span{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
a.showroom-hotspot:hover>span{transform:translateY(-2px);border-color:#61d8ca;box-shadow:0 16px 38px #071b3452}
a.showroom-hotspot:focus-visible{outline:0}
a.showroom-hotspot:focus-visible>span{outline:3px solid #72e7ee;outline-offset:4px}
a.showroom-hotspot:active>span{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){a.showroom-hotspot>span{transition:none}}