@font-face{font-family:Mona Sans;font-style:italic;font-weight:200 900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/monasans/v4/o-0ZIpQmx24alC5A4PNr4C5OaxRsfNNlKbCePevttnOmDyw.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mona Sans;font-style:italic;font-weight:200 900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/monasans/v4/o-0ZIpQmx24alC5A4PNr4C5OaxRsfNNlKbCePevtt3OmDyw.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Mona Sans;font-style:italic;font-weight:200 900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/monasans/v4/o-0ZIpQmx24alC5A4PNr4C5OaxRsfNNlKbCePevtuXOm.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mona Sans;font-style:normal;font-weight:200 900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/monasans/v4/o-0bIpQmx24alC5A4PNB6Ryti20_6n1iPHjc5aHdu2ui.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mona Sans;font-style:normal;font-weight:200 900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/monasans/v4/o-0bIpQmx24alC5A4PNB6Ryti20_6n1iPHjc5aDdu2ui.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Mona Sans;font-style:normal;font-weight:200 900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/monasans/v4/o-0bIpQmx24alC5A4PNB6Ryti20_6n1iPHjc5a7duw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--gradient: radial-gradient(circle, #e5e5e5 0%, #fff 100%)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100dvw;overflow-x:hidden;background-color:#000;color:#fff;font-family:Mona Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width: 768px){html,body{scroll-behavior:smooth}}h1,h2,h3,h4,h5,h6{font-size:inherit;margin:0}p{margin:0}ul{list-style:none;margin:0;padding:0}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}section{width:100dvw}.flex-center{display:flex;justify-content:center;align-items:center}.flex-col-center{display:flex;flex-direction:column;justify-content:center;align-items:center}.padding-x{padding-left:1.25rem;padding-right:1.25rem}@media (min-width: 768px){.padding-x{padding-left:2.5rem;padding-right:2.5rem}}.padding-x-lg{padding-left:1.25rem;padding-right:1.25rem}@media (min-width: 768px){.padding-x-lg{padding-left:5rem;padding-right:5rem}}.section-padding{padding-left:1.25rem;padding-right:1.25rem;margin-top:5rem}@media (min-width: 768px){.section-padding{padding-left:2.5rem;padding-right:2.5rem;margin-top:10rem}}.grid-3-cols{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.grid-3-cols{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.grid-3-cols{grid-template-columns:repeat(3,1fr)}}.grid-12-cols{display:grid;grid-template-columns:1fr;gap:2.5rem}@media (min-width: 1280px){.grid-12-cols{grid-template-columns:repeat(12,1fr)}}@media (min-width: 1280px){.xl\:col-span-5{grid-column:span 5}}@media (min-width: 1280px){.xl\:col-span-7{grid-column:span 7}}.card-border{border:1px solid #1c1c21;background-color:#0e0e10}.navbar{position:fixed;width:100%;left:50%;transform:translate(-50%);padding:1.25rem;z-index:100;transition:all .3s ease}@media (min-width: 768px){.navbar{padding:1.25rem 5rem}}.navbar.scrolled{top:0;background-color:#000}.navbar.not-scrolled{top:0;background-color:transparent}@media (min-width: 768px){.navbar.not-scrolled{top:2.5rem}}.navbar .inner{display:flex;align-items:center;justify-content:space-between}.navbar .logo{color:#d9ecff;font-size:1.5rem;font-weight:600;transition:transform .3s ease}.navbar .logo:hover{transform:scale(1.05)}@media (min-width: 768px){.navbar .logo{font-size:1.875rem}}.navbar nav.desktop{display:none}@media (min-width: 1024px){.navbar nav.desktop{display:flex;align-items:center}}.navbar nav.desktop ul{display:flex;gap:2rem}.navbar nav.desktop ul li{color:#d9ecff;position:relative}.navbar nav.desktop ul li a{transition:color .3s ease}.navbar nav.desktop ul li a:hover{color:#fff}.navbar nav.desktop ul li .underline{position:absolute;bottom:-.25rem;left:0;width:0;height:2px;background-color:#fff;transition:width .3s ease}.navbar nav.desktop ul li:hover .underline{width:100%}.navbar .contact-btn .inner{padding:.5rem 1.25rem;border-radius:.5rem;background-color:#fff;color:#000;transition:background-color .3s ease}.navbar .contact-btn .inner span{transition:color .3s ease}.navbar .contact-btn .inner:hover{background-color:#1c1c21}.navbar .contact-btn .inner:hover span{color:#fff}.hero-layout{position:relative;z-index:10;display:flex;align-items:flex-start;justify-content:center;margin-top:8rem;min-height:110vh}@media (min-width: 1280px){.hero-layout{margin-top:5rem;min-height:unset;height:100dvh;align-items:center}}.hero-text{display:flex;flex-direction:column;justify-content:center;font-size:1.875rem;font-weight:600;position:relative;z-index:10;pointer-events:none}@media (min-width: 768px){.hero-text{font-size:3.75rem}}.hero-text img{width:2.5rem;height:2.5rem;object-fit:contain}.hero-text .slide{display:inline-block;position:absolute;padding:1.875rem .5rem;height:3rem;overflow:hidden;transition:all cubic-bezier(.71,.03,.34,1)}@media (min-width: 768px){.hero-text .slide{height:4.875rem;padding:1.875rem 1.25rem;transform:translateY(.25rem)}}.hero-3d-layout{position:absolute;top:17rem;right:0;width:100%;height:60vh;cursor:grab}@media (min-width: 1280px){.hero-3d-layout{width:70%;height:100%;min-height:50vh;top:-5rem;right:-5rem}}.slide{display:inline-block;flex-direction:column;transition:all cubic-bezier(.71,.03,.34,1)}.wrapper{margin-top:-28px!important;display:flex;flex-direction:column;animation:wordSlider 21s infinite cubic-bezier(.9,.01,.3,.99)}@keyframes wordSlider{0%{transform:translateY(.5%)}12.5%{transform:translateY(-12.5%)}25%{transform:translateY(-25%)}37.5%{transform:translateY(-37.5%)}50%{transform:translateY(-50%)}62.5%{transform:translateY(-62.5%)}75%{transform:translateY(-75%)}87.5%{transform:translateY(-87.5%)}}.cta-wrapper{position:relative;z-index:20;cursor:pointer}.cta-button{padding:1rem;border-radius:.8rem;background-color:#282732;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;overflow:hidden;width:100%;min-width:0;border:0!important}@media (min-width: 1280px){.cta-button{width:20vw;min-width:400px}}.cta-button:hover .bg-circle{width:2.5rem;height:2.5rem;right:2.5rem}.cta-button:hover .text{color:#d9ecff;transform:translate(-1.25rem)}.cta-button:hover .arrow-wrapper{background-color:#d9ecff}.cta-button:hover .arrow-wrapper img{transform:translateY(0)}.cta-button .bg-circle{position:absolute;right:-2.5rem;top:50%;transform:translateY(-50%);width:120%;height:120%;border-radius:9999px;background-color:#d9ecff;transition:all .5s ease;transform-origin:center}.cta-button .text{text-transform:uppercase;font-size:1rem;color:#000;transition:all .5s ease;transform:translate(-1.25rem)}@media (min-width: 768px){.cta-button .text{font-size:1.125rem}}@media (min-width: 1280px){.cta-button .text{transform:translate(0)}}.cta-button .arrow-wrapper{width:2.5rem;height:2.5rem;border-radius:9999px;position:absolute;right:2.5rem;top:50%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;overflow:hidden}.cta-button .arrow-wrapper img{width:1.25rem;height:1.25rem;transition:all .5s ease}@media (min-width: 1280px){.cta-button .arrow-wrapper img{transform:translateY(-8rem)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.app-showcase{width:100%;margin-top:5rem;padding:2.5rem 1.25rem}@media (min-width: 768px){.app-showcase{padding:5rem}}.app-showcase .showcaselayout{display:flex;flex-direction:column;gap:2.5rem;justify-content:space-between}@media (min-width: 1280px){.app-showcase .showcaselayout{flex-direction:row}}.app-showcase .first-project-wrapper{display:flex;flex-direction:column;justify-content:space-between;height:100%}@media (min-width: 1280px){.app-showcase .first-project-wrapper{width:60%}}.app-showcase .first-project-wrapper .image-wrapper{position:relative;height:24rem}@media (min-width: 768px){.app-showcase .first-project-wrapper .image-wrapper{height:50vh}}@media (min-width: 1280px){.app-showcase .first-project-wrapper .image-wrapper{height:70vh}}.app-showcase .first-project-wrapper .image-wrapper img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:.75rem}.app-showcase .first-project-wrapper .text-content{margin-top:1.25rem}.app-showcase .first-project-wrapper .text-content h2{font-size:1.5rem;font-weight:700}@media (min-width: 768px){.app-showcase .first-project-wrapper .text-content h2{font-size:1.875rem}}@media (min-width: 1024px){.app-showcase .first-project-wrapper .text-content h2{font-size:2.25rem}}.app-showcase .project-list-wrapper{display:flex;flex-direction:column;gap:2.5rem;overflow:hidden}@media (min-width: 768px){.app-showcase .project-list-wrapper{flex-direction:row}}@media (min-width: 1280px){.app-showcase .project-list-wrapper{flex-direction:column;width:40%}}.app-showcase .project-list-wrapper .image-wrapper{position:relative;border-radius:.75rem;height:16rem;padding:0}@media (min-width: 768px){.app-showcase .project-list-wrapper .image-wrapper{height:13rem}}@media (min-width: 1024px){.app-showcase .project-list-wrapper .image-wrapper{height:18rem}}@media (min-width: 1280px){.app-showcase .project-list-wrapper .image-wrapper{height:37vh;padding:0 1.25rem}}.app-showcase .project-list-wrapper img{width:100%;height:100%;object-fit:contain;border-radius:.75rem}.app-showcase .project-list-wrapper h2{font-size:1.125rem;font-weight:600;margin-top:1.25rem}@media (min-width: 768px){.app-showcase .project-list-wrapper h2{font-size:1.5rem}}@media (min-width: 1280px){.app-showcase .project-list-wrapper h2{font-size:1.5rem}}.marquee{width:100dvw;overflow:hidden;position:relative;height:13rem}.marquee-box{display:flex;align-items:center;gap:50px;width:200%;height:100%;position:absolute;overflow:hidden;animation:marquee 60s linear infinite;will-change:transform}.marquee-item{float:left;width:8rem}@media (min-width: 768px){.marquee-item{width:13rem}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.gradient-edge{width:9rem;height:100%;position:absolute;bottom:0;z-index:20}.gradient-edge:nth-of-type(1){left:0;background:linear-gradient(90deg,#000,#fff0)}.gradient-edge:nth-of-type(2){right:0;background:linear-gradient(-90deg,#000,#fff0)}.timeline-wrapper{position:absolute;top:0;left:1.25rem;height:100%;display:flex;justify-content:center}@media (min-width: 768px){.timeline-wrapper{left:2.5rem}}@media (min-width: 1280px){.timeline-wrapper{left:35.5vw}}.timeline{position:absolute;z-index:30;height:110%;top:-2.5rem;width:3.5rem;background-color:#000}@media (min-width: 768px){.timeline{width:7rem}}.timeline-logo{width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:9999px;overflow:hidden;display:flex;justify-content:center;align-items:center;border:1px solid #1c1c21;background-color:#0e0e10}.timeline-logo img{width:100%;height:100%;object-fit:cover}@media (min-width: 768px){.timeline-logo{width:5rem;height:5rem;transform:translateY(-1.75rem)}}.exp-card-wrapper{display:flex;flex-direction:column-reverse;gap:2.5rem;justify-content:space-between}@media (min-width: 1280px){.exp-card-wrapper{flex-direction:row;gap:5rem}}.gradient-line{width:2px;background:linear-gradient(0deg,#45dec400,#62e0ff 25%,#52aeff 37.51%,#fd5c79 62.83%,#6d45ce 92.91%)}.tech-card{position:relative;overflow:hidden;border-radius:9999px;background-color:#1c1c21;border-color:#1c1c21}.tech-card:hover .tech-card-animated-bg{transform:translateY(0)}.tech-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:4rem}@media (min-width: 768px){.tech-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}}@media (min-width: 1280px){.tech-grid{grid-template-columns:repeat(5,1fr);gap:4rem}}.tech-card-animated-bg{position:absolute;left:0;bottom:0;width:100%;height:100%;background-color:#282732;transform:translateY(100%);transition:transform .7s ease}.tech-card-content{display:flex;flex-direction:column;align-items:center;position:relative;z-index:10}@media (min-width: 768px){.tech-card-content{justify-content:center}}@media (min-width: 1280px){.tech-card-content{gap:1.25rem;height:50vh;justify-content:space-between}}.tech-card-content p{font-size:1.125rem;padding-bottom:1.25rem;font-weight:600;color:#fff;text-align:center}@media (min-width: 1280px){.tech-card-content p{padding-bottom:3.5rem}}@media (min-width: 1536px){.tech-card-content p{font-size:1.5rem}}.tech-icon-wrapper{flex:1;width:100%;position:relative;overflow:hidden}.card{--start: 0;position:relative;z-index:40;overflow:hidden;transition:border-color 1s ease-in-out}.card:before{position:absolute;content:"";width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:12px;border:2px solid transparent;background:var(--gradient);background-attachment:fixed;mask:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0)),conic-gradient(from calc((var(--start) - 15) * 1deg),rgba(255,255,255,.1215686275) 0deg,white,rgba(255,255,255,0) 100deg);-webkit-mask-composite:source-in;mask-composite:intersect;mask-clip:padding-box,border-box;opacity:0;transition:.5s ease ease}.card:hover:before{opacity:1}.glow{pointer-events:none;position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);filter:blur(10px) saturate(200)}form label{display:block;color:#d9ecff;margin-bottom:.5rem}form input,form textarea{width:100%;padding:1rem;font-size:.875rem;color:#fff;background-color:#2d2d38;border:none;border-radius:.375rem;outline:none}form input::placeholder,form textarea::placeholder{color:#839cb5}@media (min-width: 768px){form input,form textarea{font-size:1rem}}