@font-face{font-family:Poppins;src:url('../assets/fonts/poppins-400.woff2') format('woff2');font-weight:400;font-display:swap}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f7f8fa;color:#142235;font:15px/1.5 Arial,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #007cbd;outline-offset:4px}button:disabled{cursor:default}a{color:inherit;text-decoration:none}header{height:84px;padding:0 max(28px,calc((100vw - 1360px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e0e6ed}.brand{font-size:25px;font-weight:800;letter-spacing:-1.4px;line-height:1}.brand span{color:#ff6c30}.brand small{display:block;font-weight:400;font-size:10px;letter-spacing:2px;margin-top:7px}.back-site{font-size:13px;color:#526171}main{max-width:1416px;padding:38px 28px 24px;margin:auto}.intro{display:flex;justify-content:space-between;gap:40px;align-items:center;margin-bottom:30px}.eyebrow{color:#667483;font-size:10px;letter-spacing:1.8px;font-weight:700;margin:0 0 14px}h1{font-family:Poppins,Arial,sans-serif;font-size:clamp(27px,2.8vw,40px);line-height:1.13;letter-spacing:-1.3px;margin:0;font-weight:600}h1 span{color:#748491}.intro-copy{max-width:290px;color:#667483;font-size:14px}.experience{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:26px;align-items:start}.viewer{min-width:0;background:#fff;border:1px solid #e0e6ed;border-radius:13px;overflow:hidden;box-shadow:0 8px 40px #1d354908}.toolbar{height:48px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:700}.toolbar button{background:none;border:0;color:#5c6c7a;font-size:11px;padding:8px}.stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:#1f3336}.stage img,.stage video,.stage svg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.stage svg{pointer-events:none}.stage svg path{fill:#ff8a292e;stroke:#ffb45c;stroke-width:4;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .2s}.stage svg path.selected{opacity:1}.stage-caption{position:absolute;inset:auto 0 0;padding:50px 28px 25px;color:white;background:linear-gradient(transparent,#112231c7);pointer-events:none}.stage-caption span{display:block;font-size:10px;letter-spacing:2px;margin-bottom:8px}.stage-caption strong{font-size:19px;line-height:1.3;font-weight:500}.stage button{position:absolute;border:0;border-radius:4px;background:#142235e8;color:white;padding:9px 14px;font-size:12px}.stage #return-overlay{left:9%;top:81.5%;width:16%;height:8.5%;padding:0;font-size:clamp(9px,1vw,13px)}#skip{right:14px;bottom:14px}#loading{position:absolute;left:20px;top:8px;background:#142235ed;color:#fff;padding:9px 15px;border-radius:5px;font-size:12px}.viewer-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 18px;font-size:11px;color:#5b6d7c;min-height:50px}.viewer-footer p{margin:0}.viewer-footer label{display:flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer}.viewer-footer input{accent-color:#df611e;min-height:18px;min-width:18px}aside>.eyebrow{margin:3px 0 12px}#zones{display:grid;gap:8px}#zones button{display:flex;gap:13px;align-items:center;width:100%;text-align:left;border:1px solid #dde4e9;border-radius:7px;padding:13px 12px;background:#fff;transition:background .15s,border-color .15s}#zones button:hover{border-color:#f6a06d}#zones button[aria-pressed=true]{background:#fff5ec;border-color:#f59c66}#zones .number{font-size:11px;color:#8a989e}#zones strong{display:block;font-size:13px;font-weight:600}#zones small{display:block;font-size:11px;color:#77838c;margin-top:2px}.equipment{margin-top:23px;border-top:1px solid #dce4e8;padding-top:19px}.equipment .eyebrow{margin-bottom:8px}.equipment h2{font-size:16px;line-height:1.4;font-weight:600;margin:0 0 6px}.equipment p:not(.eyebrow){font-size:12px;line-height:1.5;color:#697b89;margin:0 0 10px}#products{display:flex;flex-wrap:wrap;gap:6px}#products button{font-size:11px;min-height:33px;border:1px solid #d5dfe4;background:#fff;border-radius:30px;padding:5px 10px}#products button[aria-pressed=true]{background:#142235;color:#fff;border-color:#142235}.bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #dce4e8;margin-top:27px;padding-top:24px;font-size:13px;color:#6a7b88}.bottom p{margin:0}.bottom strong{color:#142235;font-size:16px;font-weight:500}.cta{display:flex;align-items:center;gap:35px;padding:13px 20px;background:#ff7137;color:#fff;font-size:13px;border-radius:4px;white-space:nowrap}.archive-note{font-size:10px;color:#7b8a94;margin-top:22px}.archive-note::before{content:'○ ';color:#e27c37}#recovery{padding:10px 20px;background:#fff5e5;font-size:12px}#recovery p{margin:0 0 7px}#recovery button{font-size:12px;border:1px solid #dab27d;padding:6px;background:#fff}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(min-width:1600px){main{padding-top:48px}}@media(max-width:1000px){.experience{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.intro-copy{max-width:230px}.stage #return-overlay{font-size:9px}}@media(max-width:760px){header{height:70px;padding:0 18px}.brand{font-size:21px}.back-site{font-size:11px}main{padding:25px 16px 18px}.intro{display:block;margin-bottom:22px}.intro-copy{max-width:none;font-size:13px;margin:14px 0 0}.intro .eyebrow{font-size:9px}h1{font-family:Poppins,Arial,sans-serif;font-size:29px}.experience{grid-template-columns:1fr;gap:20px}.toolbar{height:43px;padding:0 12px}.viewer-footer{flex-wrap:wrap;padding:10px 12px;gap:7px}.stage-caption{padding:35px 15px 15px}.stage-caption strong{font-size:15px}.stage-caption span{font-size:9px;margin-bottom:5px}.stage #return-overlay{font-size:8px;width:20%;left:8%;top:81%;height:9%}.stage #skip{font-size:10px;padding:7px;right:8px;bottom:8px}#zones{grid-template-columns:1fr 1fr;gap:8px}#zones button{padding:12px 8px;gap:8px}#zones strong{font-size:12px}#zones small{font-size:10px}aside>.eyebrow{margin-bottom:10px}.equipment{margin-top:18px;padding-top:16px}.bottom{display:block;margin-top:22px;padding-top:18px}.cta{margin-top:18px;justify-content:space-between}.archive-note{line-height:1.5}.stage svg path{stroke-width:2px}}

#product-pins{position:absolute;inset:0;pointer-events:none}.stage .product-pin{position:absolute;pointer-events:auto;transform:translate(-50%,-50%);display:grid;place-items:center;min-width:44px;width:44px;height:44px;border:3px solid #fff;border-radius:50%;background:#00c4b4;color:#0a2540;font-size:27px;padding:0;font-weight:500;box-shadow:0 0 0 6px #00c4b437,0 3px 12px #0004}.stage .product-pin:hover{background:#00e5c8;scale:1.1}.stage .product-pin:focus-visible{outline:3px solid #0a2540;outline-offset:5px}#zones button[aria-pressed=true]{background:#e9faf6;border-color:#00a696}#zones button:hover{border-color:#00a696}#products button[aria-pressed=true]{background:#0a2540;border-color:#0a2540;color:#fff}.viewer-footer input{accent-color:#00887f}.stage svg path{fill:#00c4b433;stroke:#00e5c8}.cta{background:#0a2540;color:#fff}.brand span{color:#008a7f}

.stage svg line{stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px #002c3f)}

#map-zones{z-index:2;pointer-events:none}#map-zones path{pointer-events:all;cursor:pointer;fill:transparent;stroke:transparent;stroke-width:2;opacity:1}#map-zones path:hover,#map-zones path:focus{fill:#00e5c832;stroke:#00e5c8;outline:none;filter:drop-shadow(0 0 5px #003737)}#zones{max-height:340px;overflow-y:auto;padding-right:5px;scrollbar-color:#9db7bc transparent;scrollbar-width:thin}#zones button{min-height:58px}#zones strong{font-size:14px}#zones small{font-size:12px}.viewer-footer,.toolbar,.toolbar button{font-size:13px}.viewer-footer{flex-wrap:wrap}.viewer-footer p{flex:1;min-width:200px}.equipment h2{font-size:20px}.equipment p:not(.eyebrow),#products button{font-size:14px}#products button{min-height:44px}.intro-copy{font-size:16px}.archive-note{font-size:12px;line-height:1.6}.stage #return-overlay{min-width:120px;min-height:40px;left:5%;top:auto;bottom:6%;font-size:12px}.back-site{font-size:14px}@media(max-width:760px){#zones{max-height:260px}#zones strong{font-size:13px}#zones small{font-size:11px}.back-site{font-size:12px}.toolbar button{min-height:44px}.stage #return-overlay{min-width:105px;font-size:11px}.viewer-footer{font-size:12px}.intro h1{font-family:Inter,Arial,sans-serif}.brand .wordmark{width:180px}}
