@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../media/7e832ad540183e91-s.a2f18b1a.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../media/2094fb60fd9c8287-s.3ed55436.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../media/c875c6f5d3e977ac-s.p.80fc2c9e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/41e95f694c5c4549-s.666bad7d.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6c55a692938ebbbc-s.0a77efb4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a218039a3287bcfd-s.p.4a23d71b.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/bdc7e24a509eb931-s.43b0b13e.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0da9c7f357bd9d4d-s.b2288445.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/8e6fa89aa22d24ec-s.p.3aec397d.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0a7740363b4d4863-s.95e4158a.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5f9d24ebef5d5292-s.bd593fbe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e2334d715941921e-s.p.d82a9aff.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b53057dbf91a7acf-s.c55744ae.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/798ea22d9983e047-s.b460e02c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/47fe1b7cd6e6ed85-s.p.855a563b.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins Fallback;src:local(Arial);ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.poppins_2024bc9-module__OvfM1W__className{font-family:Poppins,Poppins Fallback;font-style:normal}.poppins_2024bc9-module__OvfM1W__variable{--font-poppins:"Poppins","Poppins Fallback"}
*,body{font-family:Poppins,sans-serif}.poppins-thin{font-family:Poppins,sans-serif;font-style:normal;font-weight:100}.poppins-extralight{font-family:Poppins,sans-serif;font-style:normal;font-weight:200}.poppins-light{font-family:Poppins,sans-serif;font-style:normal;font-weight:300}.poppins-regular{font-family:Poppins,sans-serif;font-style:normal;font-weight:400}.poppins-medium{font-family:Poppins,sans-serif;font-style:normal;font-weight:500}.poppins-semibold{font-family:Poppins,sans-serif;font-style:normal;font-weight:600}.poppins-bold{font-family:Poppins,sans-serif;font-style:normal;font-weight:700}.poppins-extrabold{font-family:Poppins,sans-serif;font-style:normal;font-weight:800}.poppins-black{font-family:Poppins,sans-serif;font-style:normal;font-weight:900}.poppins-thin-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:100}.poppins-extralight-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:200}.poppins-light-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:300}.poppins-regular-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:400}.poppins-medium-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:500}.poppins-semibold-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:600}.poppins-bold-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:700}.poppins-extrabold-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:800}.poppins-black-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:900}:root{--background:#fff;--foreground:#171717}@layer base{:root{--color-background:var(--background);--color-foreground:var(--foreground);--font-sans:var(--font-geist-sans);--font-mono:var(--font-geist-mono)}}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:var(--background);color:var(--foreground)}.mobilebanner{color:#fff;text-align:center;background:url(/Hero-bannermob.webp) 50%/cover no-repeat;justify-content:center;align-items:center;min-height:10vh;padding:60px 10px;display:flex;position:relative}.mobilebanner:before{content:"";z-index:0;background:#00000073;position:absolute;inset:0}.mobilebanner .bannerhead{margin-bottom:1rem;font-size:2.5rem!important}.conmobile{z-index:1;max-width:90%;margin:0 auto;position:relative}.meta-logo{width:150px;margin-top:60px;margin-bottom:4px}.banner-text{color:#f2f2f2;margin-bottom:25px;font-size:15px;line-height:1.6;font-family:Poppins!important}a.btn.btn-primary{border-radius:30px;padding:8px 39px}@media (min-width:992px){.mobilebanner{display:none!important}}.banner{background:url(/Herobanner.png) 50%/cover no-repeat;align-content:center;align-items:center;width:100%;height:85vh;display:flex;position:relative}@media (min-height:400px) and (max-height:600px){.banner{height:100vh!important;min-height:100vh!important}}.user-icon-btn{align-items:center;gap:4px;display:flex}.country-flag{display:block}.banner:before{content:"";background:#00000073;position:absolute;inset:0}.banner>.container{z-index:1;position:relative;padding-left:40px!important;padding-right:40px!important}h1.bannerhead{margin-bottom:15px;font-family:Inter,Poppins,Helvetica,sans-serif;font-size:3rem;font-weight:600;line-height:1.3}.bannertext{color:#fff;padding:12px 6px 6px;font-family:poppins;font-size:15px!important}.works360-logo{opacity:.9;width:160px;position:absolute;bottom:-35px;right:20px}.create-kit{color:#fff!important;background:#06f!important;border:1px solid #0000!important;border-radius:30px!important;padding:10px 35px!important;font-family:Poppins!important;transition:background-color .25s,color .25s,border .25s,transform .25s,box-shadow .25s!important;display:inline-block!important}.create-kit:hover{transform:scale(1.05)translateZ(0);box-shadow:0 4px 12px #0066ff40;color:#06f!important;background:#fff!important;border:1px solid #06f!important}@media (min-width:1280px) and (max-width:1399px){.banner .container{max-width:1240px!important}}@media (min-width:1400px){.banner .container{max-width:1600px!important}}@media (min-width:1700px){.banner .container{max-width:1800px!important}}@media (min-width:1920px){.banner .container{max-width:2000px!important}}@media (min-width:1024px) and (max-width:1600px){.banner{justify-content:center}.banner .container{max-width:1000px;margin:0 auto}}.headset-section{padding:60px 0}.headset-title{color:#1d1d1f;margin-bottom:22px;font-size:1.7rem;font-weight:500}.headset-card{background:#fff;border-radius:8px;height:100%;padding:25px;transition:all .3s;box-shadow:0 0 0 1px #e5e7eb}.headset-image{border-radius:6px;overflow:hidden;width:100%!important}.headset-img{object-fit:cover;width:100%;height:100%}.headset-name{color:#1a1a1a;margin-bottom:10px;font-size:20px;font-weight:600}.headset-desc{color:#555f6d;margin-bottom:25px;font-size:15px;line-height:1.6}.headset-buttons{flex-wrap:wrap;align-items:center;gap:13px;display:flex}.btn-get-started{color:#fff;background:#06f;border:1px solid #0000;border-radius:30px;padding:8px 24px;text-decoration:none;transition:background-color .25s,color .25s,border .25s,transform .25s,box-shadow .25s;display:inline-block;transform:translateZ(0)}.btn-get-started:hover{color:#06f;background:0 0;border:1px solid #06f;transform:scale(1.05)translateZ(0);box-shadow:0 4px 12px #0066ff40}.learn-more-section{align-items:center;gap:10px;display:flex}.arrow-circle{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;transition:all .3s;display:flex;box-shadow:0 0 6px #00000026}.arrow-circle:hover{background:#f0f4ff;transform:translateY(-2px)}.arrow-icon{color:#06f;font-size:18px;font-weight:600}@media (max-width:991px){.headset-image{height:300px}.headset-title{font-size:28px!important}}@media (max-width:768px){.headset-image{height:260px}.headset-name{font-size:18px}.headset-desc{font-size:14px}}.navbar-container{z-index:100000;width:100%;box-shadow:none;background-color:#fff;padding:12px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}@media (min-width:1400px){.navbar-container .container{max-width:1600px!important}}@media (min-width:1700px){.navbar-container .container{max-width:1800px!important}}@media (min-width:1920px){.navbar-container .container{max-width:2000px!important}}@media (min-width:1280px) and (max-width:1399px){.navbar-container .container{max-width:1200px!important;padding-left:20px!important;padding-right:20px!important}}.navbar-container.scrolled{box-shadow:0 3px 10px #0000001a}.navbar-logo img{max-height:45px}.navbar-links{align-items:center;gap:30px;font-family:poppins;display:flex}.nav-item{color:#2c2c2c;margin:-16px;padding:16px;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s}.nav-item:hover{background:#ececec;border-radius:30px;padding:8px 16px}.navbar-user{position:relative}.user-icon-btn{color:#000;cursor:pointer;background:0 0;border:none;outline:none;align-items:center;gap:4px;font-size:20px;display:flex}.user-icon-btn .dropdown-arrow{margin-left:4px;font-size:12px;transition:transform .3s;display:inline-block}.user-icon-btn:hover .dropdown-arrow,.user-icon-btn.active .dropdown-arrow{transform:rotate(180deg)}.navbar-user{display:inline-block;position:relative}.user-icon-btn{color:#000;cursor:pointer;background:0 0;border:none;outline:none;align-items:center;gap:4px;font-size:20px;transition:color .3s;display:flex}.user-icon-btn:hover{color:#06f}.user-icon-btn .dropdown-arrow{margin-left:2px;font-size:12px}.user-dropdown{opacity:0;visibility:hidden;z-index:100;opacity:0;visibility:hidden;background:#fff;border:1px solid #e5e5e5;border-radius:8px;width:190px;transition:all .2s;position:absolute;top:100%;right:0;overflow:hidden;transform:translateY(-5px);box-shadow:0 4px 12px #00000014}.user-icon-btn:hover+.user-dropdown,.user-dropdown:hover{opacity:1;visibility:visible}.dropdown-item{color:#000;background-color:#fff;width:100%;font-weight:400;text-decoration:none;transition:all .2s;display:block;border-bottom:1px solid #e7e7e7!important;padding:10px 14px!important;font-size:15px!important}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{color:#007bff!important;background-color:#f3f7ff!important}.dropdown-item.logout{color:#d00000}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:32px;height:24px;padding:0;display:flex}.hamburger span{background-color:#000;border-radius:2px;width:100%;height:2px;transition:all .35s}.hamburger.open span:first-child{transform:rotate(45deg)translate(9px,9px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}.mobile-menu{z-index:2000;background:#fff;flex-direction:column;gap:18px;width:60%;max-width:320px;height:calc(100vh - 65px);padding:25px 20px;transition:transform .3s;display:flex;position:fixed;top:58px;right:0;transform:translate(100%);box-shadow:-3px 0 12px #0000001f}.mobile-menu.open{transform:translate(0)}.mobile-menu a{color:#000;border-bottom:1px solid #eee;padding-bottom:10px;font-size:16px;text-decoration:none}.mobile-menu a.logout{color:#d00000}.mobile-user-section{border-top:1px solid #ddd;flex-direction:column;gap:15px;margin-top:15px;padding-top:15px;display:flex}@media (max-width:768px){.navbar-user{display:none!important}}.pick-options-section{background-color:#fff;margin-top:115px}.option-box{text-align:center;background:#ebf1f6;border-radius:22px;flex-direction:column;justify-content:space-between;min-height:200px;padding:40px 30px;transition:all .35s;display:flex;box-shadow:0 6px 16px #0000000f!important}.option-box.hovered{transform:translateY(-6px);box-shadow:0 12px 30px #0000001a}.option-image-container{width:280px;height:115px;margin:-110px auto -21px;position:relative}.option-image{object-fit:contain;transition:transform .4s}.option-box.hovered .option-image{transform:scale(1.05)}.hover-popup.show{opacity:1;visibility:visible}.option-content{text-align:center}.option-title{color:#141414;margin-bottom:12px;font-size:20px;font-weight:600}.option-link{color:#1a1a1a;font-weight:500;text-decoration:underline;transition:color .3s}.option-desc{color:#6b7b8a;max-width:90%;margin:0 auto;font-size:15px;line-height:1.6}@media (max-width:768px){.option-box{border-radius:14px;margin:-20px 0 80px;padding:20px}.option-image-container{top:20px;height:120px!important}.option-title{margin-bottom:8px;font-size:1.3rem!important}.option-desc{line-height:1.45rem;font-size:.95rem!important}.option-box.hovered{transform:none!important;box-shadow:0 6px 20px #0000000f!important}section.py-16{padding:3rem 1.5rem!important}.row.g-4{gap:1.5rem!important}.col-md-6{margin-bottom:1rem}}section .container h1{color:#1d1d1f;padding:48px 0 0 10px;font-size:30px;font-weight:500}.card-step{background:#fff;border-radius:20px;flex-direction:column;justify-content:flex-start;height:100%;padding:22px 25px 40px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 20px #0000001f}.card-icon{background:#f3f7ff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:25px;display:flex;box-shadow:0 4px 8px #0066ff14}.card-icon i{color:#06f;font-size:26px}.card-step h3{color:#1a1a1a;text-transform:uppercase;letter-spacing:.3px;margin-bottom:10px;font-size:20px;font-weight:600}.card-step p{color:#555f6d;flex-grow:1;margin:0;font-size:15px;line-height:1.6}.card-step-number{color:#007bff;background:#f3f7ff;border-radius:15px 0 20px;justify-content:center;align-items:center;width:50px;height:50px;font-size:18px;font-weight:600;display:flex;position:absolute;bottom:0;right:0}@media (max-width:991px){.card-step{padding:35px 25px 50px}.card-icon{width:65px;height:65px}.card-icon i{font-size:24px}.card-step h3{font-size:18px}.card-step p{font-size:14px}.card-step-number{width:45px;height:45px;font-size:16px}}@media (max-width:767px){.card-step{text-align:left;min-height:250px}.card-icon{margin-bottom:20px}}.technology-section{background:#f3f4ff url(/Bottom-banner.webp) 50%/cover no-repeat;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.text-section{color:#2e2e2e;z-index:2;max-width:580px}.subheading{letter-spacing:1.2px;text-transform:uppercase;color:#4a4a4a;margin-bottom:20px;font-size:15px;font-weight:600}.main-heading{color:#2e2e2e;padding:0 180px 0 0;font-size:28px;font-weight:500;line-height:1.3}@media (max-width:992px){.technology-section{padding:80px 0;text-align:center!important;background-position:50%!important;background-size:contain!important}.text-section{margin:0 auto}.main-heading{font-size:28px}}@media (max-width:576px){.technology-section{background-position:bottom;background-size:25%;padding:60px 0;display:none}.main-heading{padding:0;font-size:22px;line-height:1.4}.subheading{font-size:14px}}.headset-page{color:#1a1a1a;background:#fff;flex-direction:column;min-height:100vh;padding-top:60px;font-family:Poppins,sans-serif;display:flex}.headset-header{text-align:center;background:linear-gradient(90deg,#e0f2ff 0%,#e0ffe0 100%);padding:.5rem}.headset-header h1{margin:0;font-size:2.3rem;font-weight:500}.headset-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:0 2rem;display:flex}.progress-wrapper{flex:1;min-width:250px}.next-btn{color:#0064e0;cursor:pointer;background:0 0;border:2px solid #0064e0;border-radius:25px;padding:7px 30px;font-size:14px;font-weight:600;transition:all .25s ease-in-out}.next-btn:hover{color:#fff;background-color:#0064e0;transform:translateY(-2px);box-shadow:0 4px 10px #0064e04d}.headset-instructions{text-align:center;color:#666;margin-bottom:2rem;padding:0 1.5rem;font-size:1rem}.error-text{text-align:center;color:red;margin-bottom:1.5rem;font-weight:500}.headset-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));justify-items:center;gap:2rem;margin-bottom:3rem;padding:0 2rem;display:grid}.headset-card{text-align:start;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:10px;width:100%;padding:2rem;transition:all .3s;position:relative;box-shadow:0 2px 6px #0000000d}.headset-card.selected{border:2px solid #0064e0;box-shadow:0 0 10px #0064e04d}.headset-select-circle{background:#fff;border:2px solid #ccc;border-radius:50%;width:28px;height:28px;transition:all .3s;position:absolute;top:16px;left:16px}.headset-card.selected .headset-select-circle{border:7px solid #0064e0}.headset-img{width:100%;max-width:260px;height:auto;margin-bottom:1.5rem}.headset-card h3{margin-bottom:1rem;font-size:1.2rem;font-weight:600}.headset-card p{color:#666;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.learn-more{color:#06f;font-size:.95rem;font-weight:500;text-decoration:none}.hover-underline-animation{align-items:center;gap:6px;text-decoration:none;display:inline-flex;position:relative}.hover-underline-animation .underline-text{display:inline-block;position:relative}.hover-underline-animation .underline-text:after{content:"";background-color:#06f;width:100%;height:1.5px;transition:transform .25s ease-out;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.hover-underline-animation:hover .underline-text:after{transform:scaleX(1)}.hover-underline-animation.left .underline-text:after{transform-origin:100% 100%}.hover-underline-animation.left:hover .underline-text:after{transform-origin:0 100%}@media (max-width:1024px){.headset-header h1{font-size:2rem}}@media (max-width:768px){.headset-grid{grid-template-columns:1fr;padding:0 1rem}.headset-card{padding:1.5rem}}@media (max-width:480px){.headset-header h1{font-size:1.7rem}.next-btn{padding:6px 20px;font-size:13px}.headset-card h3{font-size:1.05rem}.headset-card p{font-size:.9rem}.headset-section{margin-top:-30%;padding:0%}}.app-demos-page{background:#fff;min-height:100vh}.page-header{text-align:center;color:#1f1f1f;background:linear-gradient(90deg,#f9e5f0 0%,#d7eaf9 41% 73%,#daf5eb 100%);margin-top:3.5rem;padding:.8rem 0}.page-header h1{margin:0;font-size:2rem;font-weight:500}.stepper-container{padding:2rem 3rem;position:relative}.stepper-buttons{justify-content:space-between;max-width:1400px;margin:0 auto 1.5rem;padding:0 1rem;display:flex}.stepper-nav-btn{color:#383838;background:#fff;border:1.4px solid #06f;border-radius:30px;align-items:center;padding:6px 20px 6px 23px;font-weight:500;transition:all .3s;display:flex;cursor:pointer!important;gap:.3rem!important;font-size:15px!important}.stepper-nav-btn:hover{color:#fff;background:#06f}.stepper{justify-content:center;align-items:center;max-width:800px;margin:-4.5rem auto 0;padding:0 1rem;display:flex}.step{flex-direction:column;align-items:center;display:flex;position:relative}.step-circle{color:#6c757d;z-index:1;background:#e9ecef;border:3px solid #e9ecef;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-weight:600;transition:all .3s;display:flex}.step.completed .step-circle{color:#fff;background:#06f;border-color:#06f}.step.active .step-circle{color:#fff;background:#06f;border-color:#06f;box-shadow:0 0 0 4px #06f3}.step-label{color:#6c757d;white-space:nowrap;margin-top:.5rem;font-size:.875rem}.step.active .step-label{color:#06f;font-weight:600}.step-line{background:#e9ecef;width:70px;height:3px;margin:-27px .5rem 0;transition:all .3s}.step-line.completed{background:#06f}.page-description{text-align:center;max-width:1400px;margin:2rem auto;padding:0 1rem}.page-description p{color:#6c757d;text-align:start;word-spacing:2px;max-width:800px;margin:0 auto 0 19.5rem;font-size:1rem;line-height:1.6}.content-wrapper{grid-template-columns:280px 1fr;gap:1rem;max-width:1400px;margin:0 auto 3rem;padding:0 1rem;display:grid}.filters-sidebar{background:#fff;border-radius:12px;height:fit-content;margin-top:-5rem;padding:1.5rem;position:sticky;top:100px}@media (min-width:1024px){button.filter-icon{display:none}}.filter-section{margin-bottom:2rem}.filter-section:last-of-type{margin-bottom:1.5rem}.filter-title{color:#333;margin-bottom:1rem;font-size:1.125rem;font-weight:600}.filter-checkbox{cursor:pointer;align-items:center;gap:.75rem;padding:.5rem 0;transition:color .2s;display:flex}.filter-checkbox:hover{color:#06f}.filter-checkbox input[type=checkbox]{cursor:pointer;accent-color:#06f;width:16px;height:16px}.filter-checkbox span{color:#495057;-webkit-user-select:none;user-select:none;font-size:.85rem}.filter-actions{border-top:1px solid #e9ecef;flex-direction:column;gap:.75rem;padding-top:1rem;display:flex}.action-btn{color:#fff;cursor:pointer;background:#06f;border:none;border-radius:6px;width:100%;padding:.625rem;font-size:.9rem;font-weight:500;transition:background .3s}.action-btn:hover{background:#0052cc}.action-btn.secondary{color:#6c757d;background:#fff;border:2px solid #dee2e6}.action-btn.secondary:hover{background:#f8f9fa;border-color:#adb5bd}.apps-content{background:#fff;border-radius:12px;padding:1rem}.apps-header{border-bottom:2px solid #f1f3f5;margin-bottom:1.5rem;padding-bottom:1rem}.apps-count{color:#6c757d;margin:0;font-size:.95rem;font-weight:500}.apps-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;display:grid}.app-card{cursor:pointer;background:#fff;border:2px solid #e9ecef;border-radius:12px;transition:all .3s;position:relative;overflow:visible}.app-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0066ff36}.app-card.selected{background:#f0f7ff;border-color:#06f}.app-image{background:#f8f9fa;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.app-image img{object-fit:cover;border-radius:8px 12px 0 0;width:100%;height:100%;position:absolute;top:0;left:0}.app-checkbox{z-index:10;position:absolute;top:.75rem;right:.75rem}.app-checkbox input[type=checkbox]{cursor:pointer;accent-color:#06f;background:#fff;border-radius:4px;width:24px;height:24px}.app-info{padding:.8rem}.app-name{color:#333;display:-webkit-box;display:box;-webkit-line-clamp:2;line-clamp:2;box-orient:vertical;-webkit-box-orient:vertical;margin:0;font-size:.9rem;font-weight:500;overflow:hidden}.no-results{text-align:center;color:#6c757d;padding:3rem 1rem}.no-results p{margin:0;font-size:1rem}.page-footer{color:#fff;text-align:center;background:#343a40;margin-top:auto;padding:1.5rem 1rem}.page-footer p{margin:0;font-size:.9rem}@media (max-width:1024px){.content-wrapper{grid-template-columns:240px 1fr;gap:1.5rem}.apps-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem}.stepper{padding:0 .5rem}.step-line{width:60px}}@media (max-width:991px){.content-wrapper{grid-template-columns:1fr}.filters-sidebar{margin-top:0;margin-bottom:1.5rem;display:none;position:static}.filter-section{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem 1rem;display:grid}.icon-filter{text-align:end}button.filter-icon{border:none;border-radius:5px;width:35px;margin:0 20px 0 22px}.dropdown-filters{margin:0 0 0 28px}.filter-title{grid-column:1/-1}.filter-actions{flex-direction:row;grid-column:1/-1}}@media (max-width:768px){.page-header h1{font-size:1.5rem}input.h-4.w-4.text-blue-600.rounded{margin-right:5px}.stepper-container{padding:1.5rem .5rem}.stepper-buttons{margin-bottom:1rem;padding:0}.stepper-nav-btn{padding:.2rem .5rem;gap:5px!important;font-size:.8rem!important}.step-circle{width:35px;height:35px;font-size:.9rem}.step-label{font-size:.75rem}.step-line{width:40px}.apps-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.filter-section{grid-template-columns:1fr}.filter-actions{flex-direction:column}}@media (max-width:576px){.stepper{width:12rem;height:5rem;padding:0 .5rem;overflow-x:auto}.checkout{width:100%!important}.step-label{display:none}.page-header{margin-top:4rem!important}.step-circle{width:25px;height:25px;font-size:.85rem}.step-line{width:30px}.apps-grid{grid-template-columns:repeat(2,1fr)}.page-description p{margin-top:-40px;margin-left:0;font-size:.9rem}.apps-content{padding:1rem}.step-line.completed,.step-line{display:none}.stepper{gap:25px}}@media (max-width:375px){.apps-grid{grid-template-columns:1fr}.stepper-nav-btn{padding:.4rem .75rem;font-size:.85rem}.app-name{font-size:.9rem}}.login-page-wrapper{flex-direction:column;min-height:100vh;display:flex}.login-center-container{flex:1;justify-content:center;align-items:start;padding-top:2rem;padding-bottom:2rem;display:flex}.login-popup-btn{color:#fff;cursor:pointer;background:#06f;border:1px solid #0000;border-radius:50px;width:100%;padding:.4rem;font-size:1.1rem;font-weight:500;transition:background-color .25s,color .25s,border .25s,transform .25s,box-shadow .25s;display:inline-block}.login-popup-btn:hover{color:#06f;background:0 0;border:1px solid #06f;transform:scale(1.05);box-shadow:0 4px 12px #0066ff40}.select-circle{z-index:20;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex;position:absolute;top:-13px;left:-9px}.sub-button{color:#fff;cursor:pointer;background:#06f;border:none;border-radius:9999px;grid-column:span 2;justify-self:center;margin-top:20px;font-size:16px;font-weight:500;transition:all .25s;padding:10px 85px!important}.sub-button:hover{scale:(1.05);cursor:pointer;border:1px solid #06f;transition:all .3s;color:#06f!important;background:0 0!important;box-shadow:0 4px 12px #06f3!important}.app-category{color:#7c8495;margin:9px 0;font-size:14px}.app-process-btn{font-size:14px}@media (max-width:768px){.review-layout{display:block!important}.review-layout>div{margin-bottom:1.5rem;width:100%!important}.headset-container{display:block!important}.headset-mobile{padding:0 12px!important;display:block!important}.headset-mobile>div{width:100%!important;margin-bottom:24px!important;display:block!important}.headset-mobile>div>div{border-radius:18px!important;width:100%!important;max-width:100%!important;padding:20px!important}.headset-divider{display:none!important}.headset-mobile img{width:100%!important;height:auto!important}.headset-mobile span[aria-hidden=true]{width:36px!important;height:36px!important;top:14px!important;left:14px!important}.headset-mobile h3{margin-bottom:6px!important;font-size:1.15rem!important}.headset-mobile p{margin-bottom:14px!important;font-size:11px!important;line-height:1.55!important}.headset-mobile a{font-size:.95rem!important}.step-line,.step-label{display:none!important}.stepper{gap:22px!important}.headset-card-ui{box-shadow:none!important;background:#fff!important;border:1.5px solid #cfe1ff!important;border-radius:18px!important}.headset-card-ui:has(span svg){border-color:#06f!important}.headset-card-ui{padding:20px!important}.headset-container .hover-underline-animation{flex-direction:row-reverse;align-items:center;gap:8px;display:inline-flex!important}.headset-container .hover-underline-animation img{height:auto;width:1.6rem!important}.headset-container span[aria-hidden=true]{z-index:20;box-shadow:0 4px 10px #0066ff40;background:#fff!important;border-width:2px!important;width:50px!important;height:50px!important;top:-14px!important;left:-14px!important}.headset-container span[aria-hidden=true] svg{width:18px;height:18px}.headset-container span[aria-hidden=true]{background:#fff!important;border:2px solid #cfcfcf!important}.headset-container span[aria-hidden=true]:has(svg){background:#0064e0!important;border-color:#0064e0!important}.headset-container span[aria-hidden=true] svg{fill:#fff!important;display:block!important}}