@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap&font-display=swap";.section-container{width:1300px}.title,.para{font-kerning:none;-webkit-text-rendering:optimizeSpeed;text-rendering:optimizeSpeed;-webkit-transform:translateZ(0);transform:translateZ(0)}@media only screen and (max-width: 1600px){.section-container{width:1200px;max-width:calc(100% - 160px)}}@media only screen and (max-width: 1400px){.section-container{width:900px}}@media only screen and (max-width: 900px){.section-container{width:500px;max-width:var(--cWidth)}}.loader{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--backgroundColor);z-index:999999999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:none}.loader-exit{pointer-events:none}.loader-exit .loader-inner,.loader-exit .loader-ticker,.loader-exit .loader-bar-track{opacity:0;transition:opacity .6s ease}.loader-inner{display:flex;flex-direction:column;align-items:center;gap:16px}.loader-welcome{font-size:13px;font-weight:400;letter-spacing:4px;text-transform:uppercase;color:#ffffffb3;margin:0}.loader-logo{font-size:clamp(20px,4.5vw,70px);font-weight:700;letter-spacing:clamp(2px,1vw,6px);text-transform:uppercase;color:#fff;margin:0;line-height:1;font-family:monospace;display:flex;align-items:center;gap:clamp(8px,1.5vw,16px);text-align:center}.loader-logo-arrow{color:var(--accentColor);font-weight:400}.loader-logo-cursor{display:inline-block;width:.45em;height:.85em;background-color:var(--accentColor);border-radius:2px;animation:blink 1.2s step-start infinite}@keyframes blink{0%,to{opacity:.9}50%{opacity:0}}.loader-status{font-size:14px;font-weight:400;letter-spacing:3px;text-transform:uppercase;color:#ffffffbf;margin:0;transition:color .5s ease}.loader-status-done{color:var(--accentColor);letter-spacing:3px}.loader-ticker{position:absolute;bottom:140px;left:0;width:100%;font-size:16px;font-weight:500;letter-spacing:4px;text-transform:uppercase;color:#ffffffd9}.loader-ticker span{padding:0 60px}.loader-bar-track{position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#ffffff26}.loader-bar-fill{height:100%;background-color:var(--accentColor);transition:width .3s ease}:root{font-family:Geist,sans-serif;font-optical-sizing:auto;font-style:normal;line-height:1.5;scroll-behavior:smooth;color-scheme:light dark;color:#eae5ec;background-color:var(--backgroundColor);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;-moz-user-select:none;--accentColor: #c2a4ff;--backgroundColor: #0b080c;--vh: 100vh;--vh: 100svh}h1,h2,h3,h4,h5,h6{font-family:Geist,sans-serif}body{overflow:hidden}a{color:inherit;text-decoration:inherit}a:hover{color:var(--accentColor)}main{opacity:1;transition:.3s}.main-active{opacity:0;animation:fadeIn 1s 1;animation-fill-mode:forwards}@keyframes fadeIn{to{opacity:1}}body{margin:0;height:auto;background-color:#000;flex-grow:1;--cWidth: calc(100% - 30px) ;--cMaxWidth: 1920px;max-width:100vw;overflow-x:hidden}.main-body{max-width:100vw;overflow-x:hidden}.container-main{width:100%;margin:auto;position:relative}.container1{width:var(--cWidth);height:var(--vh);margin:auto;position:relative}.split-line{overflow:hidden}.split-h2{overflow:hidden;display:flex;white-space:nowrap;flex-wrap:nowrap}.mobile-techstack{padding:60px 20px;width:var(--cWidth);margin:auto;box-sizing:border-box}.mobile-techstack h2{font-size:36px;font-weight:400;text-align:center;text-transform:uppercase;margin-bottom:40px}.mobile-techstack h2 span{color:var(--accentColor)}.mobile-techstack-tags{display:flex;flex-wrap:wrap;gap:10px}.mobile-techstack-tag{font-size:14px;font-weight:400;letter-spacing:1px;padding:8px 16px;border:1px solid rgba(255,255,255,.2);border-radius:50px;background-color:#ffffff0d;color:#fffc}.techstack{width:100%;position:relative;z-index:0;height:var(--vh);margin:50px auto -100px;background-color:var(--backgroundColor)}.techstack h2{font-size:80px;text-align:center;position:absolute;width:100%;top:120px;left:0;font-weight:400;text-transform:uppercase}@media screen and (min-width: 768px){body{--cWidth: 94%}}@media screen and (max-width: 900px){.techstack h2{font-size:40px}}
