.product-explorer{padding-top:80px}.explorer-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:32px}.explorer-heading h2{max-width:19ch}.explorer-heading p{max-width:39ch;font-size:16px}.explorer-shell{position:relative;overflow:hidden;border-radius:26px;border:1px solid #fff;background:radial-gradient(ellipse at 75% 30%,#cce8e6,transparent 60%),linear-gradient(120deg,#e3edf4,#f6fbfc);box-shadow:0 30px 70px -50px #27596f60}.explorer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;position:relative;z-index:2}.explorer-tabs{display:flex;gap:4px;padding:5px;background:#fff8;border:1px solid #fff;border-radius:14px;backdrop-filter:blur(15px)}.explorer-tabs button{border:0;background:transparent;padding:11px 19px;border-radius:10px;min-height:44px;font-size:13px;font-weight:600;color:#36576b;cursor:pointer}.explorer-tabs button[aria-pressed=true]{background:#173f53;color:#fff;box-shadow:0 5px 10px -7px #163743}.explorer-toolbar>span{font-size:12px;color:#48697b;display:flex;gap:9px;align-items:center}.explorer-toolbar>span:before{content:'';display:block;width:6px;height:6px;border-radius:50%;background:#157e88}.model-stage{position:relative;height:490px;margin:0 14px;isolation:isolate}.model-stage canvas{display:block;width:100%;height:100%;border-radius:18px;outline-offset:-5px;cursor:grab}.model-stage canvas:active{cursor:grabbing}.model-loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#345e73;font-size:14px;pointer-events:none}.model-loading p{max-width:45ch}.model-loading a{pointer-events:auto}.model-hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;left:0;top:0;display:flex;align-items:center;gap:9px;max-width:220px;min-height:44px;padding:9px 14px 9px 9px;background:#ffffffe0;border:1px solid #fff;border-radius:30px;box-shadow:0 9px 24px -15px #1c526470;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-size:12px;color:#264b60;cursor:pointer;pointer-events:auto;white-space:nowrap;transition:background 150ms;transform:translate(-50%,-50%)}.hotspot span{display:grid;place-items:center;width:23px;height:23px;border:1px solid #a9ccd2;border-radius:50%;font-size:14px;color:#086777}.hotspot[aria-pressed=true]{background:#123e53;color:white;border-color:#123e53;z-index:3}.hotspot[aria-pressed=true] span{border-color:#6e9aa8;color:#c7f4ef}.hotspot:hover{background:#e5f7f4;color:#183e53}.model-actions{display:flex;gap:7px;position:absolute;bottom:20px;right:22px;z-index:4}.model-actions button{width:44px;height:44px;display:grid;place-content:center;border:1px solid white;border-radius:12px;background:#ffffffca;color:#234c62;backdrop-filter:blur(14px);cursor:pointer}.model-actions svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.model-hint{position:absolute;left:26px;bottom:28px;color:#4c6d7e;font-size:12px;pointer-events:none}.model-feature{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;align-items:center;padding:25px 32px;background:#ffffff9c;border-top:1px solid white;backdrop-filter:blur(20px);min-height:122px}.model-feature h3{font-size:20px}.model-feature p{font-size:15px;max-width:64ch}.model-feature small{display:block;font-size:11px;color:#477184;margin-bottom:5px}.model-footnote{font-size:12px;color:#526f80;margin-top:17px}.video-block{scroll-margin-top:110px}.video-box video{object-fit:contain}.video-block p{margin-top:18px;font-size:16px}.model-fallback{display:none;position:absolute;inset:0;align-items:center;justify-content:center}.model-fallback img{max-height:75%;border-radius:20px}.explorer-shell[data-failed=true] .model-fallback{display:flex}.explorer-shell[data-failed=true] .model-hotspots{position:static;display:flex;flex-wrap:wrap;gap:8px;padding:0 25px 20px}.explorer-shell[data-failed=true] .hotspot{position:static!important;transform:none!important}.explorer-shell[data-failed=true] .model-stage{height:auto;min-height:390px}.explorer-shell[data-failed=true] .model-loading{display:none}.explorer-shell[data-failed=true] .model-actions{display:none}
@media(max-width:760px){.explorer-heading{display:block}.explorer-heading p{margin-top:20px;font-size:15px}.explorer-toolbar{padding:14px;justify-content:center}.explorer-toolbar>span{display:none}.explorer-tabs{width:100%;justify-content:space-between}.explorer-tabs button{padding:10px 13px;flex:1}.model-stage{height:460px;margin:0}.hotspot{font-size:11px;gap:6px;padding:8px 10px 8px 7px;max-width:185px}.hotspot span{width:21px;height:21px}.model-hint{left:20px;bottom:20px;font-size:10px;max-width:150px}.model-actions{right:14px;bottom:14px}.model-actions button{width:40px;height:44px}.model-feature{grid-template-columns:1fr;gap:10px;padding:23px;min-height:170px}.model-feature h3{font-size:19px}.model-feature p{font-size:14px}.model-footnote{font-size:11px}.product-explorer{padding-top:50px}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.hotspot,.model-feature,.explorer-tabs,.model-actions button{background:#f8fcfd;backdrop-filter:none}.hotspot[aria-pressed=true]{background:#123e53}}

.model-loading[hidden],.hotspot[hidden]{display:none!important}
.nav ul a{white-space:nowrap}.nav ul{gap:20px}@media(min-width:761px) and (max-width:1000px){.nav ul{gap:12px}.nav .wrap{padding-inline:15px}.nav .btn{padding-inline:13px}.brand{font-size:21px}.nav ul a{font-size:11px}}

@media(max-width:760px){.model-hint{bottom:72px;max-width:calc(100% - 40px)}}

.module-views{position:absolute;left:20px;top:12px;display:flex;gap:4px;z-index:5;background:#ffffffba;border:1px solid white;padding:4px;border-radius:12px;backdrop-filter:blur(12px)}.module-views[hidden]{display:none}.module-views button{min-height:40px;border:0;background:transparent;padding:8px 14px;color:#315267;font:500 12px var(--font-body);border-radius:8px;cursor:pointer}.module-views button[aria-pressed=true]{background:#dcece9;color:#174e56}

.explorer-toolbar .module-views{position:static}.explorer-shell:not([data-ready="true"]):not([data-failed="true"]) .model-hotspots{visibility:hidden}