.app{min-height:100vh;background-color:var(--grey);--padding: 1rem}section.hero{height:85vh;background-image:url(/assets/city-background-BiuCDBXO.jpg);background-size:cover;background-position:top;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:.5rem;position:relative;overflow:hidden}#heroVideo,#insightVideo{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;z-index:0}.hero-content{position:relative;z-index:1}.logo-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;opacity:0;animation:logoIn 1.2s ease-out forwards;width:auto;height:auto}.logo{width:clamp(200px,40vw,600px);height:auto;display:block}.logo-hero{opacity:1}.logo-nav{width:150px}.logo-wrapper.ready{transition:transform .6s cubic-bezier(.22,1,.36,1),top .6s cubic-bezier(.22,1,.36,1),left .6s cubic-bezier(.22,1,.36,1)}.logo-nav-wrapper{position:fixed;top:0;left:0;right:0;height:auto;background:#80807eb3;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);padding:6px 6px 9px;opacity:0;z-index:100}@supports not (backdrop-filter: blur(1px)){.logo-nav-wrapper{background:#fff}}.logo-nav-wrapper.scrolled{animation:logoDown .8s ease-in forwards}@keyframes logoIn{0%{opacity:0;transform:translate(-50%,calc(-50% + 30px))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes logoDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translate(0)}}.hero-content{position:absolute;top:73%;left:52%;transform:translate(-50%,20px);z-index:2;width:100%;width:970px;opacity:0;animation:contentIn 1s ease-out forwards;animation-delay:2.1s}@keyframes contentIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.hero h1{text-shadow:0px 0px 24px #0e3241ff;line-height:2.2rem;text-wrap:balance}section.trusted-by{background:var(--trusted-by-bg);height:15vh;padding:0 12px;display:flex;align-items:center;justify-content:center}.companies{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;min-width:160px}.icon{height:4rem;width:auto;filter:grayscale(100%);opacity:.7;transition:all .8s ease}img.icon:hover{filter:grayscale(0%);opacity:1;transition:all .8s ease}.product{min-height:100vh;display:flex;align-items:center;padding:5rem var(--padding);background-color:var(--product-one-bg);background-image:url(/assets/onlydots-iNIASYOE.png);background-repeat:no-repeat;background-size:min(35vw,420px);background-position:bottom 2rem right 2rem;background-blend-mode:lighten}.product.c2mus{background-color:var(--product-two-bg)}.product.service{background-color:var(--product-three-bg)}.product-container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}.product-wrapper{display:flex;flex-direction:column;gap:0 3rem;width:100%;max-width:1280px;margin:0 auto}.product-wrapper.reverse{flex-direction:column-reverse}.product-images{display:flex;flex-direction:column;gap:3rem}.product-images>*{height:auto;max-height:512px;width:auto;max-width:768px}.product-wrapper>*{width:100%}.product-list{display:flex}.product-list>*:first-child{margin-top:2px}.product-list>*:last-child>*:first-child{margin:0}.product-list>*:last-child>*:last-child{opacity:.7}section.about,section.contact{padding:7rem var(--padding)}section.about{background-color:var(--about-bg)}section.contact{background-color:var(--contact-bg)}.max-width{max-width:1280px;width:100%;margin:0 auto}@media(min-width:300px){.app{--padding: 2rem}.companies{gap:1rem}.icon{height:5rem}}@media(min-width:768px){.app{--padding: 5rem}.icon{height:5rem}.product-wrapper,.product-wrapper.reverse{justify-content:space-evenly;flex-direction:row}.product-wrapper>*{width:50%}.product-wrapper>*>img{margin-top:4,5rem}}.feature-icon{height:1.25rem;width:1.25rem;color:var(--green-500);margin-right:.5rem;flex-shrink:0}.product-image{border-radius:4px;padding:2rem;max-height:37rem;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--black);border:3px solid rgba(255,255,255,.8)}img.photo{display:block;border-radius:6px;border:2px solid silver;margin-top:2rem;margin-bottom:8rem}.footer{background-color:var(--footer-bg);padding:7rem var(--padding) 0 var(--padding)}.footer-content{max-width:1280px;margin:0 auto;padding:0;display:flex;flex-direction:column;justify-content:space-between;gap:3rem 0;margin-bottom:7rem;white-space:nowrap}.footer-section p{margin-bottom:0;line-height:1.6}.footer-section p{text-decoration:none;transition:color .2s ease;color:var(--grey)}.footer-section a:hover{color:#fff}.social-links{display:flex;flex-direction:row;gap:1rem}.social-icon{height:1.5rem;width:1.5rem;color:var(--grey);transition:color .2s ease}.social-icon:hover{color:var(--white)}.footer-copyright{padding:.5rem 0;text-align:left;font-size:.875rem;opacity:.35}@media(min-width:768px){.footer-content{flex-direction:row;align-items:flex-start}.footer-copyright{text-align:center}img.photo{margin-top:5rem;margin-bottom:0}}section.video{position:relative;width:100%;overflow:hidden;background-color:var(--about-bg)}section.video video{display:block;width:100%;height:auto}section.video .mute-btn{position:absolute;bottom:6px;right:6px;background:#0000001a;border:none;color:#fff;font-size:1.5rem;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:background .2s}section.video .mute-btn:hover{background:#000c}:root{--white: #ffffff;--off-white: #eeeeee;--black: #09080D;--charcoal-blue: #324E5B;--charcoal-blue-hover: #2a424d;--blue-slate: #495F6Aff;--blue-slate-2: #5E6C74ff;--grey: #80807E;--dark-grey: #6d6d6bff;--darker-grey: rgb(116, 116, 115);--primary: #2563eb;--primary-hover: #1d4ed8;--text: var(--off-white);--text-light: #6b7280;--bg-light: #f3f4f6;--trusted-by-bg: var(--charcoal-blue);--product-one-bg: var(--grey);--product-two-bg: var(--dark-grey);--product-three-bg: var(--darker-grey);--about-bg: var(--blue-slate);--contact-bg: var(--charcoal-blue);--footer-bg: var(--black)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;color:var(--white);font-weight:400;line-height:1}h2{font-size:2rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}h3{font-size:1rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;color:#fff}a{color:var(--grey);text-decoration:none;transition:color .8s cubic-bezier(.4,0,.2,1)}a:hover{color:var(--white)}p{color:var(--off-white);margin-bottom:1rem}label{text-transform:uppercase;opacity:.4;font-size:.8rem;letter-spacing:1px}button{cursor:pointer;font-family:inherit;background-color:var(--charcoal-blue);color:var(--white);padding:.5rem 1rem;border:none;border-radius:4px;font-size:.9rem;transition:background-color .2s ease}button:hover{background-color:var(--charcoal-blue-hover)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1280px;margin:0 auto}img{max-width:100%;height:auto}