.px-page{--px-bg:#0d1729;--px-ink:#f4f7fc;--px-mint:#a8f0ce;--px-muted:#b7c5d9;background:#f5f7fa;color:#18273e;font-family:Arial,sans-serif}.px-page *{box-sizing:border-box}.px-page button,.px-page a{touch-action:manipulation}.px-page button{font:inherit;cursor:pointer}.px-page :focus-visible{outline:3px solid #59bd9b;outline-offset:4px}.px-breadcrumb{max-width:1280px;margin:auto;padding:22px 24px;font-size:14px;display:block}.px-breadcrumb a{color:#365c78}.px-hero{padding:76px 24px 84px;text-align:center;background:radial-gradient(ellipse at 20% 10%,#254f56,transparent 60%),#0d1729;color:var(--px-ink)}.px-eyebrow{font-size:12px!important;letter-spacing:.16em;font-weight:700;line-height:1.6}.px-hero .px-eyebrow,.px-cta .px-eyebrow{color:var(--px-mint)}.px-hero h1{font-size:clamp(32px,5vw,64px);line-height:1.1;max-width:900px;margin:20px auto}.px-hero>p:not(.px-eyebrow){font-size:19px;color:#c6d3e3;max-width:600px;margin:24px auto 34px;line-height:1.6}.px-primary{display:inline-block;background:var(--px-mint);color:#102e2c!important;padding:15px 23px;border-radius:8px;text-decoration:none;font-weight:700}.px-demo{max-width:1280px;margin:auto;padding:64px 24px}.px-intro{display:flex;align-items:end;gap:48px;margin-bottom:26px}.px-intro>div{flex:1}.px-intro>p{max-width:390px;line-height:1.7;color:#53637a}.px-intro h2,.px-benefits h2,.px-faq h2,.px-cta h2{font-size:clamp(26px,3vw,39px);line-height:1.2;margin:8px 0 16px}.px-explorer{background:var(--px-bg);color:var(--px-ink);border-radius:18px;overflow:hidden;box-shadow:0 20px 50px #152c4020;scroll-margin-top:100px}.px-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px}.px-pill{font-size:10px;font-weight:700;letter-spacing:.13em;color:var(--px-mint)}.px-top h3{font-size:24px;margin:7px 0 0}.px-tabs{display:flex;background:#050c18;padding:5px;border-radius:10px;gap:4px}.px-explorer button{border:1px solid #42516a;background:#19273c;color:var(--px-ink);border-radius:7px;min-height:42px;padding:9px 13px;font-size:14px}.px-tabs button{border-color:transparent;background:transparent}.px-explorer button:hover{background:#2c4058}.px-explorer button[aria-pressed=true]{background:var(--px-mint);color:#102e2c;border-color:var(--px-mint)}.px-stage{height:540px;position:relative;background:#202c39}.px-stage #panorama{height:100%;width:100%;background:#202c39}.px-stage-label{position:absolute;bottom:14px;left:16px;right:16px;display:flex;justify-content:space-between;pointer-events:none;gap:10px}.px-stage-label span{font-size:11px;letter-spacing:.07em;color:white;background:#0d1729cc;padding:8px 10px;border-radius:5px}#loadState{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#122138ee;padding:30px;text-align:center;z-index:5}#loadState[hidden]{display:none}.px-toolbar{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid #2e3c52}.px-controls{display:flex;gap:8px;flex-wrap:wrap}.px-details{padding:20px 24px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.px-details>span{color:var(--px-muted);font-size:12px}.px-details>div{display:flex;gap:8px;flex-wrap:wrap}.px-note{font-size:12px!important;line-height:1.7;color:var(--px-muted);margin:0;padding:0 24px 22px}.px-tour{margin:16px 24px 0;padding:12px 16px;border-left:3px solid var(--px-mint);background:#1c3044;color:#e1f3ee;font-size:14px;line-height:1.6}.px-hotspot{width:40px!important;height:40px!important;background:#a8f0ce!important;border:4px solid #ffffffdc!important;box-shadow:0 0 0 7px #0d172940,0 2px 10px #0005!important;border-radius:50%!important;cursor:pointer}.px-hotspot:after{content:'+';font:700 25px Arial;color:#123c32;display:block;text-align:center;line-height:31px}.px-hotspot:focus-visible{outline:4px solid #fff!important;outline-offset:8px}.px-hotspot span{position:absolute;bottom:51px;left:50%;transform:translateX(-50%);background:#0d1729ed;color:white;border-radius:6px;padding:8px 11px;font-size:13px;white-space:nowrap;opacity:0;pointer-events:none}.px-hotspot:hover span,.px-hotspot:focus span{opacity:1}.pnlm-about-msg{font-size:12px}#detailDialog{width:min(680px,calc(100% - 28px));max-height:88vh;padding:26px;border:1px solid #506079;border-radius:16px;background:#122038;color:#f2f6fd;overflow:auto}#detailDialog::backdrop{background:#000a;backdrop-filter:blur(4px)}.px-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.px-dialog-head p{color:var(--px-mint)}#detailTitle{font-size:28px;margin:16px 0}#detailMedia img{width:100%;border-radius:10px;display:block}#detailMedia video{display:block;width:100%;max-height:330px;border-radius:10px;background:#000}#detailText{color:#cbd8e9;line-height:1.7;font-size:16px}#detailActions{display:flex;gap:10px;flex-wrap:wrap}#detailActions a{background:var(--px-mint);color:#10362c;padding:12px 16px;text-decoration:none;border-radius:7px;display:inline-block}.px-benefits{max-width:1280px;margin:auto;padding:30px 24px 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.px-benefits>div{grid-column:1/-1;max-width:620px;margin-bottom:12px}.px-benefits p{line-height:1.7;color:#53637a}.px-benefits article{padding:28px;border:1px solid #dde3eb;border-radius:12px;background:white}.px-benefits article>span{font-size:11px;letter-spacing:.1em;color:#3c7567}.px-benefits h3{font-size:21px;margin:18px 0 10px}.px-faq{max-width:900px;margin:0 auto;padding:20px 24px 70px}.px-faq details{border-bottom:1px solid #d7dfe8;padding:20px 0}.px-faq summary{font-size:17px;font-weight:700;cursor:pointer;line-height:1.5}.px-faq details p{line-height:1.8;color:#53637a}.px-cta{background:#0d1729;text-align:center;color:white;padding:64px 24px}.px-cta p:not(.px-eyebrow){color:#bfccdd;line-height:1.7;max-width:600px;margin:20px auto 28px}.px-secondary{display:block;margin:24px auto 0;color:#c1d3e8}.px-explorer:fullscreen{height:100dvh;border-radius:0;overflow:auto}.px-explorer:fullscreen .px-stage{height:calc(100dvh - 255px);min-height:250px}.px-fallback{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:16px;text-align:center}.px-fallback img{width:100%;max-height:330px;object-fit:contain}.px-fallback a{color:var(--px-mint)}@media(max-width:700px){.px-hero{padding:48px 20px 54px}.px-demo{padding:38px 12px}.px-intro{display:block;padding:0 8px}.px-intro>p{max-width:none}.px-top{padding:19px 16px;align-items:start;flex-direction:column;gap:16px}.px-tabs{width:100%}.px-tabs button{flex:1}.px-stage{height:420px}.px-toolbar{padding:14px 12px}.px-controls{gap:6px}.px-explorer button{font-size:13px;padding:9px 11px}.px-details{padding:18px 16px;gap:12px}.px-note{padding:0 16px 18px}.px-benefits{grid-template-columns:1fr;padding:12px 20px 40px}.px-benefits article{padding:24px}.px-faq{padding-bottom:40px}.px-stage-label span{font-size:9px;padding:7px}.px-explorer:fullscreen .px-stage{height:calc(100dvh - 350px)}#detailDialog{padding:19px}.px-tour{margin:14px 16px 0}}@media(prefers-reduced-motion:reduce){.px-page *{scroll-behavior:auto!important}}
