@import"https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=MuseoModerno:ital,wght@0,100..900;1,100..900&family=Oxanium:wght@200..800&family=Share+Tech&family=Share+Tech+Mono&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--about-color: hsl(228, 88%, 81%);--mika-color: #a2cabc;--airguard-color: #a4ced8;--presense-color: hsl(56, 55%, 66%);--highlight-color: #f8f9ff;--contrast-color: #141729;--border-color: rgba(20, 23, 41, .6);--contrast-dot: rgba(20, 23, 41, .2);--contrast-dot-active: rgba(20, 23, 41, .8);--gradient-main: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .0901960784));--gradient-secondary: linear-gradient(0deg, rgba(0, 0, 0, .3098039216), rgba(0, 0, 0, .5333333333));--toggle-mode-hover: #141729;--logo-invert: 0}:root.dark-mode{--about-color: hsl(215, 40%, 30%);--mika-color: hsl(159, 27%, 30%);--airguard-color: hsl(192, 40%, 30%);--presense-color: hsl(48, 25%, 30%);--highlight-color: #141729;--contrast-color: #f8f9ff;--border-color: rgba(248, 249, 255, .6);--contrast-dot: rgba(248, 249, 255, .2);--contrast-dot-active: rgba(248, 249, 255, .8);--gradient-main: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .0901960784));--gradient-secondary: linear-gradient(0deg, rgba(255, 255, 255, .3647058824), rgba(255, 255, 255, .7176470588));--toggle-mode-hover: #f8f9ff;--logo-invert: 1}html,body{color:var(--contrast-color);font-family:Oxanium,sans-serif;font-optical-sizing:auto;font-weight:400;letter-spacing:5%;font-style:normal;background:var(--about-color);transition:background-color 1s ease-out;overflow-x:hidden;overflow-y:auto;font-size:16px}@media (min-width: 768px){html{font-size:1.175rem}}@media (min-width: 1024px){html{font-size:1.25rem}}@media (min-width: 1440px){html{font-size:1.375rem}}@media (min-width: 1920px){html{font-size:1.5rem}}@media (min-width: 3840px){html{font-size:1.75rem}}@media only screen and (max-aspect-ratio: 1/1){.logo-BD{visibility:hidden;position:absolute}.text-box-1{position:absolute!important;bottom:4rem!important;left:2rem!important;top:auto!important;transform:none!important;max-width:80vw!important;padding-left:2rem!important}.section{position:relative;overflow-x:hidden}.wrap-ui{padding:1rem!important}.wrap-ui .wrap-nav{transform:translate(0)!important;left:0!important}.indicator-level{left:1rem!important;display:none!important}}.logo-BD{width:2rem;height:2rem}.custom-cursor{position:fixed;width:.5rem;height:.5rem;background:#fff;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:9999;mix-blend-mode:difference;opacity:1;transition:width .3s ease,height .3s ease,opacity .2s ease,padding .3s ease}.custom-cursor.hidden{opacity:0}.custom-cursor.hover-state{width:6rem;height:6rem;display:flex;align-items:center;justify-content:center;padding:1rem}.custom-cursor.hover-state .cursor-label{color:var(--contrast-color);font-family:Oxanium,sans-serif;font-optical-sizing:auto;font-weight:600;letter-spacing:5%;font-style:normal;font-size:.75rem;color:#000;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;text-align:center}.indicator-level{position:fixed;top:50%;left:2rem;background:var(--gradient-main);border:.5px solid var(--border-color);padding:.75em;width:1rem;border-radius:1rem;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem}.indicator-level .dot{width:.3rem;height:.3rem;background:var(--contrast-dot);border:1px;border-radius:50%;transition:background-color .3s ease}.indicator-level .dot.active{background:var(--contrast-dot-active);width:.3rem;height:.3rem}body.context-about{background-color:var(--about-color)}body.context-mika{background-color:var(--mika-color)}body.context-airguard{background-color:var(--airguard-color)}body.context-presense{background-color:var(--presense-color)}.webgl{position:fixed;top:0;left:0;outline:none;pointer-events:none}.wrap-ui{position:fixed;z-index:1000;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;padding:1.5rem;pointer-events:none;box-sizing:border-box}.wrap-ui .dark-mode-toggle{width:2rem;height:2rem;border-radius:50%;border:1px solid var(--border-color);background:var(--gradient-main);pointer-events:auto;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:.5rem}.wrap-ui .dark-mode-toggle img{width:1.2rem;height:1.2rem;transition:all .3s ease;filter:brightness(0) saturate(100%) invert(8%) sepia(8%) saturate(1467%) hue-rotate(314deg) brightness(94%) contrast(88%)}.wrap-ui .dark-mode-toggle .dark-icon{position:absolute;opacity:0}.wrap-ui .dark-mode-toggle .light-icon{opacity:1}.wrap-ui .dark-mode-toggle:hover{background:var(--toggle-mode-hover)}.wrap-ui .dark-mode-toggle:hover img{filter:brightness(0) saturate(100%) invert(100%)}.wrap-ui .wrap-nav{position:relative;left:50%;transform:translate(-50%);display:flex;width:100%;justify-content:space-between;pointer-events:auto}.wrap-ui .wrap-nav .tab-bar{gap:.5rem;padding:.25em;background:#f8f9ff26;border:1px solid var(--border-color);display:flex;width:fit-content;border-radius:4em}@supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)){.wrap-ui .wrap-nav .tab-bar{background:var(--gradient-main);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.wrap-ui .wrap-nav .tab-bar a{font-family:Oxanium,sans-serif;font-optical-sizing:auto;font-weight:400;letter-spacing:5%;font-style:normal;font-size:.625rem;display:flex;align-items:end;justify-content:center;padding:.5em 1em;letter-spacing:7.5%;text-transform:uppercase;text-decoration:none;color:var(--contrast-color);background:none;border:.5px solid transparent;border-radius:4em;pointer-events:auto;cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.wrap-ui .wrap-nav .tab-bar a:hover{border:1px solid var(--contrast-color)}.wrap-ui .wrap-nav .tab-bar a.active{background:var(--gradient-secondary);border:1px solid var(--contrast-color);color:var(--highlight-color)}:root.dark-mode .wrap-ui .dark-mode-toggle img{filter:brightness(0) saturate(100%) invert(100%)}:root.dark-mode .wrap-ui .dark-mode-toggle .light-icon{opacity:0}:root.dark-mode .wrap-ui .dark-mode-toggle .dark-icon{opacity:1}:root.dark-mode .wrap-ui .dark-mode-toggle:hover img{filter:brightness(0) saturate(100%) invert(8%) sepia(8%) saturate(1467%) hue-rotate(314deg) brightness(94%) contrast(88%)}.wrap-ui .wrap-logo-client-fixed{position:fixed;bottom:1.5rem;right:1.5rem;padding:1rem;display:flex;width:fit-content;height:fit-content;align-items:center;gap:2rem;pointer-events:none;z-index:15}.wrap-ui .wrap-logo-client-fixed .logo-client{width:auto;height:2rem;max-width:4rem;object-fit:contain;filter:brightness(0) invert(var(--logo-invert, 1));opacity:.8;transition:opacity .3s ease}.wrap-ui .wrap-logo-client-fixed .logo-client:hover{opacity:1}.section{position:relative;margin:0;padding:0;height:100vh;width:100vw;z-index:1;overflow:hidden}.text-box-1{position:absolute;top:50%;left:0;transform:translateY(-50%);max-width:52ch;display:flex;flex-direction:column;justify-content:center;height:fit-content;padding-left:5rem;gap:1.25em}.text-box-1 .category-label{color:var(--contrast-color);font-family:Oxanium,sans-serif;font-optical-sizing:auto;font-weight:400;letter-spacing:5%;font-style:normal;font-size:.625rem;text-transform:uppercase;letter-spacing:10%;color:inherit}.text-box-1 h1{color:var(--contrast-color);font-family:Oxanium,sans-serif;font-optical-sizing:auto;font-weight:600;letter-spacing:5%;font-style:normal;font-size:1.5rem;line-height:1.25;max-width:24ch;letter-spacing:-1%;word-spacing:50%}.text-box-1 p{color:var(--contrast-color);font-family:Oxanium,sans-serif;font-optical-sizing:auto;font-weight:400;letter-spacing:5%;font-style:normal;font-size:.625rem;line-height:1.75;max-width:52ch}.text-box-1 .wrap-pill{display:flex;flex-wrap:wrap;gap:1em}.text-box-1 .wrap-pill .pill{font-family:Oxanium,sans-serif;font-optical-sizing:auto;font-weight:400;letter-spacing:5%;font-style:normal;color:var(--contrast-color);background:var(--gradient-main);border:.5px solid var(--border-color);font-size:.625rem;display:flex;letter-spacing:7.5%;text-transform:uppercase;text-decoration:none;padding:.5em .75em;border-radius:2em;pointer-events:auto;cursor:pointer;transition:background-color .3s ease,color .3s ease}.text-box-1 .wrap-pill .pill:hover{color:var(--highlight-color);background:var(--gradient-secondary);border:.5px solid var(--contrast-color)}.figma-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:none;padding:1.5rem}.figma-modal.show{display:block}.figma-modal .figma-close-btn{position:absolute;top:2.5rem;left:2.5rem;color:var(--contrast-color);font-family:Oxanium,sans-serif;font-optical-sizing:auto;font-weight:600;letter-spacing:5%;font-style:normal;background:#ffffff40;border:1px solid rgb(255,255,255);color:#fff;padding:.5em 1em;border-radius:.5rem;cursor:pointer;font-size:.75rem;transition:all .3s ease;z-index:10000;display:flex;align-items:center;gap:.5em}@supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)){.figma-modal .figma-close-btn{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.figma-modal .figma-close-btn .close-text{font-weight:600;letter-spacing:1px}.figma-modal .figma-close-btn .close-icon{width:1.5em;height:1.5em;line-height:1}.figma-modal .figma-close-btn:hover{background:#fff3}.figma-modal .figma-iframe{width:100%;height:100%;border:1px solid rgba(0,0,0,.1);border-radius:1rem}
