:root{font-family:Poppins,sans-serif;line-height:1;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:#bbb #242424}body{margin:0;display:flex;place-items:center;min-width:320px;width:100%;min-height:100svh}h1{position:relative;font-size:3.2rem;line-height:1.1;text-align:center;padding-bottom:3rem}h1:before{content:"";display:block;width:5rem;background-color:#fff;position:absolute;left:50%;transform:translate(-50%);height:.25rem;bottom:0;margin-bottom:1rem;border-radius:.25rem}main{padding:6rem 10rem;width:100%}a{color:inherit}p{line-height:1.6;font-size:1.1rem}.demos__description p{max-width:80ch;text-align:center;margin:0 auto;margin-bottom:1rem}@media screen and (max-width: 768px){main{padding:4rem .5rem}h1{font-size:2.2rem}p{font-size:.925rem}}@font-face{font-family:Poppins;font-style:normal;font-weight:300;src:url(/assets/Poppins-Light-DT6-CsId.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:400;src:url(/assets/Poppins-Regular-CTKNfV9P.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;src:url(/assets/Poppins-Medium-DwAlJ_UI.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;src:url(/assets/Poppins-SemiBold-DGSR8tC8.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;src:url(/assets/Poppins-Bold-qTAUjFF7.ttf) format("truetype")}#root{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:320px;width:100%;min-height:100svh}.canvas{height:70svh!important;width:100%;border-radius:1rem;border:3px solid #fff}.canvas canvas{height:100%!important}.toggle-switch{position:relative;width:12.5rem;height:2.5rem;background:#444;border-radius:1.25rem;display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:0 5px;margin-bottom:1rem;color:#fff}.toggle-switch .toggle-pill{position:absolute;top:5px;width:5.9rem;height:1.875rem;background:#fff;border-radius:1rem}.button{background:#fff;color:#000;border:none;border-radius:1rem;padding:.5rem 1rem;cursor:pointer;font-size:1rem;margin-bottom:1rem;transition:background .1s ease-out}.button:hover{background:#ccc}.survey-button{display:flex;align-items:center;justify-content:center;height:5rem}.survey-button .button{text-decoration:none;padding:1rem 2rem}@media screen and (max-width: 768px){.canvas{height:40svh!important}.button{padding:.5rem;font-size:.8rem}}.ar-demo__not-supported{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem;height:70svh;border:3px solid #fff;border-radius:1rem}.ar-demo__not-supported img{border-radius:.75rem;outline:solid 2px #fff}.ar-demo__not-supported p{color:#fff;font-size:1.5rem;text-align:center;max-width:50ch;line-height:1.5}.ar-button{height:100%;width:100%;background:transparent}.ar-demo__text{width:100%;padding-top:1rem;font-size:1.2rem;display:flex;justify-content:center}.controls-demo__container{overflow-y:auto;touch-action:pan-y}.demo-card{display:flex;flex-direction:column;width:100%;min-height:100dvh;padding:4rem 0;gap:2rem}@media screen and (max-width: 768px){.demo-card{padding:2rem 0;min-height:60dvh}}.hover-demo__container{touch-action:none}.scroll-demo__container{position:relative}.scroll-demo__container .scroll-demo__canvas{background:transparent;z-index:1}.scroll-demo__container .scroll-demo__text{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;font-size:5rem;color:#fff;z-index:0;text-align:center}@media screen and (max-width: 768px){.scroll-demo__text{font-size:3rem!important;text-align:center}}.hotspot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;-webkit-user-select:none;user-select:none}.hotspot:hover .hotspot__icon{background:#fff;color:#2a2b32}.hotspot span{padding:.1rem .15rem;background:#fff;color:#2a2b32;border-radius:.25rem;font-size:1rem;font-weight:500;opacity:.8;transition:opacity .2s ease-out;white-space:nowrap}.hotspot .hotspot__icon{width:2.25rem;height:2.25rem;font-size:1.25rem;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:background .2s ease-out,color .2s ease-out}.hotspot.active .hotspot__icon{background:#fff;color:#2a2b32}.hotspot.active span{opacity:1}header{width:100%;position:fixed;z-index:1000;top:0;left:0;display:flex;justify-content:space-between;align-items:center;padding:2rem 3rem;background:linear-gradient(180deg,#1a1a1a,#0000)}header .header__logo{font-size:2rem;font-weight:700;color:#fff}header .header__nav{display:flex;gap:2rem;font-size:1rem;text-decoration:underline;color:#fff;text-shadow:#444 0px 0px 5px}header .header__nav a{color:#fff;text-decoration:none;transition:color .2s ease-out}header .header__nav a:hover{color:#ccc}@media screen and (max-width: 768px){header{padding:1rem .75rem;gap:1rem}header .header__nav{font-size:.9rem;gap:1rem}.header__logo{font-size:1.5rem}}footer{border-top:3px solid #fff;width:100%;padding:2rem 3rem}footer .footer__content{display:flex;flex-direction:row;justify-content:space-between;align-items:center}footer .footer__content .links{display:flex;gap:2rem;align-items:center}footer .footer__content .links .footer__divider{width:7px;height:7px;background-color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%}@media screen and (max-width: 768px){footer{padding:1rem}footer .footer__content{flex-direction:column;gap:1rem;align-items:center}footer .footer__content .links{flex-direction:column;align-items:center;gap:1rem}footer .footer__content .links .footer__divider{display:none}}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background-color:#242424;border-radius:8px;max-width:600px;width:90%;box-shadow:0 4px 20px #00000026;overflow:hidden}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.popup-header h2{margin:0}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0;width:2rem;height:2rem;display:grid;place-items:center}.close-btn:hover{background:#ffffff1a;border-radius:50%}.popup-body{padding:20px;overflow-y:auto;max-height:75dvh;overscroll-behavior:contain}.popup-body p,.popup-body li{margin:0 1rem 1rem;line-height:1.6;color:#fff}.popup-body h3,.popup-body h4{margin-top:1.5rem;margin-bottom:.5rem;color:#fff}.links div:first-child,.links div:last-child{cursor:pointer;text-decoration:underline}