nav{width:100%;height:auto;background:#55d7ff;color:#fff;padding:4px 0;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:space-between;z-index:10}.logo{width:150px}.logo:hover{transform:translateY(-5px)}nav ul li{display:inline-block;list-style:none;margin:5px 15px}.nav-btn-1{background:#55d7ff;border:0}.nav-btn-1,.nav-btn-2{font-size:clamp(14px,2vw,18px);font-weight:600;color:#212121}.nav-btn-2{background:#FFD863;padding:14px 25px;border-radius:30px;cursor:pointer;border:0;outline:0}@media (max-width:768px){nav.container ul{display:none;flex-direction:column;position:absolute;top:100%;right:0;background-color:#55d7ff;padding:10px 20px;border-radius:8px}nav.container:hover ul{display:flex}}.demo-container{position:relative;display:flex;justify-content:center;align-items:center;margin:0 auto}.demo-element{height:auto;background-color:#ffffff;border-radius:8px;-o-object-fit:cover;object-fit:cover;display:block}.canvas-overlay,.demo-element{width:100%;aspect-ratio:4/3;transform:scaleX(-1)}.canvas-overlay{position:absolute;top:0;left:0;height:100%;pointer-events:none}.overlay-top{z-index:5}.start-btn-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:6}.start-btn{padding:2.25% 4.5%;font-family:Tuffy,sans-serif;font-size:clamp(14px,2vw,20px);font-weight:600;background-color:#FD5269;color:white;border:none;border-radius:30px;cursor:pointer;z-index:6}.start-btn:hover{color:black;background-color:#04ef6e}.loading-text{z-index:5;position:absolute;top:20px;left:50%;transform:translateX(-50%);color:#212121;font-weight:700}.heart-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:50px;color:#FF0000;z-index:10}.debug-area{padding-left:15%;color:#212121;font-weight:600;font-size:16px;text-align:left;margin-top:1rem}.gesture-info{margin-top:10px}.video-overlay{position:absolute;width:100%;display:flex;justify-content:center;align-items:center;z-index:5}.video-object{width:100%;border-radius:10px}.preview-list{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:6%;padding:2%;background:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.preview-list::-webkit-scrollbar{height:8px}.preview-list::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:10px}.preview-item{flex:0 0 auto;max-width:15px;min-width:10px;margin:0 .25%;display:flex;flex-direction:column;align-items:center;text-align:center}.preview-icon{width:40px;height:40px;-o-object-fit:contain;object-fit:contain;margin-bottom:2px}.glasses-selector{position:absolute;top:50%;right:5%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:4}.glasses-button{background:transparent;border:none;cursor:pointer;padding:5%;transition:transform .2s ease;background-color:rgba(237,237,237,.5);border-radius:10%}.glasses-button img{width:50px;height:auto;border-radius:6px;opacity:.8}.glasses-button.active img,.glasses-button:hover img{opacity:1;transform:scale(1.1);box-shadow:0 0 10px rgba(0,0,0,.2)}.slider-ui{position:absolute;right:20px;top:10%;bottom:10%;width:40px;display:flex;align-items:center;justify-content:center;z-index:4}.slider-track{position:relative;width:6px;height:100%;background:linear-gradient(0deg,#ffe0b2,#b3e5fc);border-radius:3px}.slider-thumb{position:absolute;left:-4px;width:14px;height:14px;border-radius:50%;background:#111;border:2px solid white;transition:bottom .1s ease}.video-tint{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}@media (max-width:768px){.demo-container{flex-direction:column;align-items:center}.start-btn{font-size:16px;padding:10px 20px}.preview-list{gap:6px;padding:4px 8px;-webkit-overflow-scrolling:touch}.preview-item{font-size:9px;min-width:40px;padding:1%}.preview-icon{width:25px;height:25px}.preview-label{font-size:9px;display:none}.glasses-selector{gap:clamp(2px,2vw,5px)}.glasses-button img{width:clamp(20px,6vw,36px)}.slider-ui{right:10px;width:30px}.slider-thumb{width:12px;height:12px}.loading-text{font-size:14px;top:10px}.heart-overlay{font-size:36px}.debug-area{padding-left:5%;font-size:14px}}a,button{font-family:Tuffy,sans-serif;font-weight:550;display:inline-block;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.main-btn:hover,a:hover{transform:translateY(-5px)}.main-btn:hover{box-shadow:0 8px 16px rgba(0,0,0,.2)}.main-btn:active{background:#212121;transform:translateY(-2px)}.container{padding-left:10%;padding-right:10%}.play-area h1{font-family:Margarine,san-serif;font-size:35px;font-weight:600}.main{width:100%;background-color:#ffe8a5;color:#fff;position:relative;display:flex;justify-content:space-between;margin-top:3%;padding:0 0 3%}.main-info-text{font-size:2vw}.main-info-1,.main-info-2{flex:0 0 auto}.main-info-1{width:65%}.main-info-2{width:35%;text-align:left;margin-left:auto;margin-top:100px}.main-info-2 h1{font-family:Margarine,san-serif;font-size:clamp(40px,5vw,60px);font-weight:600}.main-info-2 p{font-family:Tuffy,sans-serif;color:#212121;max-width:700px;font-size:clamp(12px,2vw,20px);font-weight:600;line-height:1.4;margin-top:5%}.main-btn{background:#02c4ff;color:#FFF;padding:3.5% 6%;font-size:clamp(14px,2vw,18px);border-radius:30px;cursor:pointer;border:0;outline:0;margin-top:25px;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease}@media (max-width:768px){.main{flex-direction:column;align-items:center;text-align:center}.main-info-2 p{padding:0 10%;font-size:clamp(16px,2vw,20px)}.main-info-1,.main-info-2{width:100%;text-align:center;margin-top:1%;padding-bottom:5%}.container{padding-left:5%;padding-right:5%}.main-btn{font-size:16px}}.animated-text{display:inline-block;cursor:pointer}.animated-text .letter{display:inline-block;transition:transform .3s ease}.animated-text .letter:hover{transform:translateY(-5px)}.PlayUIHome_playAreaHome__D5fte{text-align:center;padding:2rem;margin-top:85px}.PlayUIHome_playAreaHome__D5fte .demo-container{width:80%}.showcase-area{width:100%;background-color:white;padding:5% 8%}.showcase-area h1{font-family:Margarine,sans-serif;color:#212121;text-align:center;font-size:clamp(35px,4vw,50px)}.showcase-page h2,h3{color:#212121}.showcase-demo h2{font-family:Tuffy,san-serif;font-size:clamp(22px,2vw,28px);text-align:center;margin:8% 0 5% 5%}.showcase-demo:hover h2{color:#FD5269}.showcase-demo h3{font-family:Tuffy,sans-serif;font-weight:500;font-size:clamp(14px,2vw,18px);text-align:left;margin:0 5% 5% 9%;opacity:0;max-height:0;overflow:hidden;padding:0;transition:all .3s ease}.showcase-demo:hover h3{opacity:1;transform:translateY(0);max-height:200px}.showcase-demo-list{display:flex;flex-wrap:nowrap;justify-content:flex-start;scroll-padding-inline:3%;overflow-x:auto;width:100%;margin-top:3%;scrollbar-width:thin;scrollbar-color:#ccc transparent;-webkit-overflow-scrolling:touch}.showcase-demo-list::-webkit-scrollbar{height:8px}.showcase-demo-list::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:10px}.showcase-demo{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;border-radius:3%;margin:2%;transition:transform .3s ease,box-shadow .3s ease;will-change:transform}.showcase-video{width:100%;border-radius:3%}.showcase-demo button{background:#FD5269;padding:3.5% 6%;border-radius:30px;border:0;outline:0;color:#FFF;font-size:clamp(12px,2vw,20px);cursor:pointer;transition:all .3s ease}.showcase-demo button:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.2)}.showcase-demo-list:has(.showcase-demo:hover) .showcase-demo:not(:hover){opacity:.4;transition:opacity .3s ease}.showcase-demo-list .showcase-demo:hover{opacity:1}.message-2{width:100%;padding:4% 8%;font-family:Margarine,sans-serif;font-size:clamp(15px,2vw,20px);color:white;text-align:center;background-color:#ff8fa2}@media (max-width:768px){.showcase-demo-list{flex-direction:column;align-items:center;gap:30px}.showcase-demo{flex-basis:100%;margin:0}.showcase-demo button{font-size:clamp(16px,2vw,20px)}.showcase-demo h3{opacity:1;max-height:none;transform:none;margin:10px 5%}.showcase-demo-list:has(.showcase-demo:hover) .showcase-demo:not(:hover){opacity:1}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:white;padding:2rem;border-radius:12px;max-width:600px;width:90%;position:relative}.modal-close{position:absolute;top:.5rem;right:1rem;background:transparent;border:none;border-radius:50%;padding:0 3%;font-size:2.5rem;cursor:pointer}.modal-close:hover{color:rgb(194,0,0)}.showcase-popup{padding:5%}.showcase-popup h2{font-family:Margarine,sans-serif;color:#FD5269;font-size:clamp(20px,5vw,36px)}.showcase-popup p{color:#212121;font-weight:600;margin:2% 0 5%;font-size:clamp(13px,3.5vw,18px)}.showcase-video-container{width:100%;height:200px;overflow:hidden;border-radius:3%;display:flex;align-items:center;justify-content:center}.showcase-video{height:100%;width:auto;-o-object-fit:cover;object-fit:cover;display:block}@media (max-width:768px){.showcase-popup{padding:2.5%}.showcase-popup p{margin-bottom:10%}.showcase-video-container{height:45vw}}.PlayUIShowcase_playAreaDemo__FleMe{text-align:center}.PlayUIShowcase_playAreaDemo__FleMe .demo-container{width:100%}.aboutus-page{width:100%;color:#000000}.message-1{width:100%;padding:4% 8%;background-color:#ff8fa2;font-family:Margarine,sans-serif;font-size:clamp(15px,2vw,20px);color:white;text-align:center}.usecases{padding:5% 10%}.usecase{display:flex;justify-content:space-between;text-align:start}.usecase-info{width:60%}.usecase-0{margin-bottom:5%}.usecase-title h2{font-family:Margarine,sans-serif;font-size:clamp(30px,1.5vw + 1rem,40px);display:flex;text-align:left}.usecase-title .highlight-0{color:#FD5269}.usecase-title .highlight-1{color:#02C4FF}.usecase-description{margin-top:5%;margin-left:5%;font-size:clamp(12px,1vw + .5rem,20px)}.usecase-vid{width:40%}.usecase-vid video{width:80%;height:100%;border-radius:2%;-o-object-fit:cover;object-fit:cover}.usecase:nth-child(odd) .usecase-info{margin-right:5%}.usecase:nth-child(2n){flex-direction:row-reverse}.usecase:nth-child(2n) .usecase-info{margin-left:5%}@media (max-width:768px){.usecase{flex-direction:column!important;align-items:center}.usecase-info,.usecase-vid{width:100%;margin:0;padding:0}.usecase-description{margin-left:10%;margin-top:5%;font-size:clamp(14px,2vw,18px)}.usecase-title h2{justify-content:center;text-align:center}.usecase-vid video{width:60%;margin:5% auto 0;display:block}}.contactus-page{width:100%;background-color:#b8eeff;color:#000000;padding:4% 8%}.contactus-headline h1{font-family:Margarine,sans-serif;margin-bottom:1%}.contactus-info{display:flex;justify-content:space-between}.contactus-info h2{font-family:Margarine,sans-serif;margin-bottom:3%}.contactus-sales,.contactus-support{width:100%;display:block;background-color:white;padding:5%;margin-top:3%}.contactus-sales:hover,.contactus-support:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.2)}.contactus-sales{margin-right:5%}.contactus-sales h2{color:#FD5269}.contactus-support{margin-left:5%}.contactus-support h2{color:#212121}.contact-info p{font-family:Tuffy,sans-serif}.info-channel{margin-top:5%;font-weight:600}@media (max-width:768px){.contactus-info{flex-direction:column;align-items:center}.contactus-sales,.contactus-support{width:100%;margin:5% 0;text-align:center}.contact-info p,.contactus-headline h1,.contactus-info h2,.info-channel{text-align:center}}