@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-x-reverse:0}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-blue-50:#839cb5;--color-blue-100:#2d2d38;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-7xl:80rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-bounce:bounce 1s infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-white-50:#d9ecff;--color-black-50:#1c1c21;--color-black-100:#0e0e10;--color-black-200:#282732}}@layer base{.dark-section ul{margin:0;padding:0}.dark-section *,.dark-section :before,.dark-section :after{border-style:solid;border-width:0}}@layer components{.padding-x{padding-inline:calc(var(--spacing) * 5)}@media (min-width:48rem){.padding-x{padding-inline:calc(var(--spacing) * 10)}}.padding-x-lg{padding-inline:calc(var(--spacing) * 5)}@media (min-width:48rem){.padding-x-lg{padding-inline:calc(var(--spacing) * 20)}}.section-padding{margin-top:calc(var(--spacing) * 20);padding-inline:calc(var(--spacing) * 5)}@media (min-width:48rem){.section-padding{margin-top:calc(var(--spacing) * 40);padding-inline:calc(var(--spacing) * 10)}}.mt-responsive{margin-top:calc(var(--spacing) * 40)}@media (min-width:48rem){.mt-responsive{margin-top:0}}@media (min-width:80rem){.mt-responsive{margin-top:calc(var(--spacing) * 20)}}.grid-base{grid-template-columns:repeat(1,minmax(0,1fr));display:grid}.grid-2-cols{gap:calc(var(--spacing) * 6);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media (min-width:48rem){.grid-2-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}.grid-3-cols{gap:calc(var(--spacing) * 6);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media (min-width:48rem){.grid-3-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:80rem){.grid-3-cols{grid-template-columns:repeat(3,minmax(0,1fr))}}.grid-3-cols-md-tight{gap:calc(var(--spacing) * 5);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media (min-width:48rem){.grid-3-cols-md-tight{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}}.grid-4-cols{gap:calc(var(--spacing) * 7);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media (min-width:48rem){.grid-4-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:80rem){.grid-4-cols{grid-template-columns:repeat(4,minmax(0,1fr))}}.grid-12-cols{gap:calc(var(--spacing) * 10);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media (min-width:80rem){.grid-12-cols{grid-template-columns:repeat(12,minmax(0,1fr))}}.hero-layout{z-index:10;margin-top:calc(var(--spacing) * 32);justify-content:center;align-items:flex-start;height:80vh;display:flex;position:relative}@media (min-width:48rem){.hero-layout{height:100dvh}}@media (min-width:80rem){.hero-layout{margin-top:calc(var(--spacing) * 20);align-items:center}}.hero-text{pointer-events:none;z-index:10;--tw-font-weight:var(--font-weight-semibold);font-size:30px;font-weight:var(--font-weight-semibold);flex-direction:column;justify-content:center;display:flex;position:relative}@media (min-width:48rem){.hero-text{font-size:60px}}.hero-text img{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);object-fit:contain}@media (min-width:48rem){.hero-text img{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}}.hero-text .slide{height:calc(var(--spacing) * 12);--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y);padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 7.5);padding-top:0;position:absolute;overflow:hidden}@media (min-width:48rem){.hero-text .slide{height:calc(var(--spacing) * 19.5);--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y);padding-inline:calc(var(--spacing) * 5)}}.hero-3d-layout{top:calc(var(--spacing) * 24);width:100%;height:100%;min-height:50vh;position:absolute;right:0}@media (min-width:80rem){.hero-3d-layout{top:calc(var(--spacing) * -20);right:calc(var(--spacing) * -20);width:70%}}.navbar{z-index:100;--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);width:100%;translate:var(--tw-translate-x) var(--tw-translate-y);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 5);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);position:fixed;left:50%}@media (min-width:48rem){.navbar{padding-inline:calc(var(--spacing) * 20)}}.navbar.scrolled{background-color:var(--color-black);top:0}.navbar.not-scrolled{background-color:#0000;top:0}@media (min-width:48rem){.navbar.not-scrolled{top:calc(var(--spacing) * 10)}}.navbar .inner{justify-content:space-between;align-items:center;margin-inline:auto;display:flex}.navbar .logo{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white-50);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.navbar .logo:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media (min-width:48rem){.navbar .logo{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}.navbar nav.desktop{align-items:center;display:none}@media (min-width:64rem){.navbar nav.desktop{display:flex}}.navbar nav.desktop ul{display:flex}:where(.navbar nav.desktop ul>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)))}.navbar nav.desktop ul li{color:var(--color-white-50);position:relative}.navbar nav.desktop ul li span{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.navbar nav.desktop ul li span:hover{color:var(--color-white)}}.navbar nav.desktop ul li .underline{bottom:calc(var(--spacing) * -1);height:calc(var(--spacing) * .5);background-color:var(--color-white);width:0;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s;position:absolute;left:0}@media (hover:hover){.navbar nav.desktop ul li .underline:is(:where(.group):hover *){width:100%}}.navbar .contact-btn{display:flex}.navbar .contact-btn .inner{border-radius:var(--radius-lg);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 2);color:var(--color-black);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.navbar .contact-btn .inner:is(:where(.group):hover *){background-color:var(--color-black-50)}}.navbar .contact-btn .inner span{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.navbar .contact-btn .inner span:is(:where(.group):hover *){color:var(--color-white)}}.app-showcase{margin-top:calc(var(--spacing) * 20);width:100%;padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 10);justify-content:center;align-items:center;display:flex}@media (min-width:48rem){.app-showcase{padding-inline:calc(var(--spacing) * 20);padding-block:calc(var(--spacing) * 20)}}.app-showcase .showcaselayout{justify-content:space-between;gap:calc(var(--spacing) * 10);flex-direction:column;display:flex}@media (min-width:80rem){.app-showcase .showcaselayout{flex-direction:row}}.app-showcase .first-project-wrapper{flex-direction:column;justify-content:space-between;height:100%;display:flex}@media (min-width:80rem){.app-showcase .first-project-wrapper{width:60%}}.app-showcase .first-project-wrapper .image-wrapper{height:calc(var(--spacing) * 96);position:relative}@media (min-width:48rem){.app-showcase .first-project-wrapper .image-wrapper{height:50vh}}@media (min-width:80rem){.app-showcase .first-project-wrapper .image-wrapper{height:70vh}}.app-showcase .first-project-wrapper .image-wrapper img{border-radius:var(--radius-xl);object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.app-showcase .first-project-wrapper .text-content{margin-top:calc(var(--spacing) * 5)}:where(.app-showcase .first-project-wrapper .text-content>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.app-showcase .first-project-wrapper .text-content .badges{margin-bottom:calc(var(--spacing) * 4);gap:calc(var(--spacing) * 2);display:flex}.app-showcase .first-project-wrapper .text-content h2{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}@media (min-width:48rem){.app-showcase .first-project-wrapper .text-content h2{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}@media (min-width:64rem){.app-showcase .first-project-wrapper .text-content h2{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}.app-showcase .project-list-wrapper{gap:calc(var(--spacing) * 10);flex-direction:column;display:flex}@media (min-width:48rem){.app-showcase .project-list-wrapper{flex-direction:row}}@media (min-width:80rem){.app-showcase .project-list-wrapper{flex-direction:column;width:40%}}.app-showcase .project-list-wrapper .image-wrapper{height:calc(var(--spacing) * 64);border-radius:var(--radius-xl);padding-block:0;position:relative}@media (min-width:48rem){.app-showcase .project-list-wrapper .image-wrapper{height:calc(var(--spacing) * 52)}}@media (min-width:64rem){.app-showcase .project-list-wrapper .image-wrapper{height:calc(var(--spacing) * 72)}}@media (min-width:80rem){.app-showcase .project-list-wrapper .image-wrapper{height:37vh;padding-inline:calc(var(--spacing) * 5)}}@media (min-width:96rem){.app-showcase .project-list-wrapper .image-wrapper{padding-inline:calc(var(--spacing) * 12)}}.app-showcase .project-list-wrapper img{border-radius:var(--radius-xl);object-fit:contain;width:100%;height:100%}.app-showcase .project-list-wrapper h2{margin-top:calc(var(--spacing) * 5);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}@media (min-width:48rem){.app-showcase .project-list-wrapper h2{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:64rem){.app-showcase .project-list-wrapper h2{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}.cta-wrapper{z-index:20;cursor:pointer;position:relative}.cta-button{cursor:pointer;border-radius:var(--radius-lg);background-color:var(--color-black-200);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 4);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.cta-button .bg-circle{top:50%;right:calc(var(--spacing) * -10);transform-origin:50%;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);width:120%;height:120%;translate:var(--tw-translate-x) var(--tw-translate-y);background-color:var(--color-white-50);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.5s;border-radius:3.40282e38px;transition-duration:.5s;position:absolute}@media (hover:hover){.cta-button .bg-circle:is(:where(.group):hover *){right:calc(var(--spacing) * 10);width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}}.cta-button .text{--tw-translate-x:calc(var(--spacing) * -5);translate:var(--tw-translate-x) var(--tw-translate-y);color:var(--color-black);text-transform:uppercase;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.5s;transition-duration:.5s}@media (hover:hover){.cta-button .text:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * -5);translate:var(--tw-translate-x) var(--tw-translate-y);color:var(--color-white-50)}}@media (min-width:48rem){.cta-button .text{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:80rem){.cta-button .text{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}}.cta-button .arrow-wrapper{top:50%;right:calc(var(--spacing) * 10);width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}@media (hover:hover){.cta-button .arrow-wrapper:is(:where(.group):hover *){background-color:var(--color-white-50)}}.cta-button .arrow-wrapper img{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y);animation:var(--animate-bounce);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.5s;transition-duration:.5s}@media (hover:hover){.cta-button .arrow-wrapper img:is(:where(.group):hover *){--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media (min-width:80rem){.cta-button .arrow-wrapper img{--tw-translate-y:calc(var(--spacing) * -32);translate:var(--tw-translate-x) var(--tw-translate-y)}}.card-border{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-black-50);background-color:var(--color-black-100)}.marquee-item{width:calc(var(--spacing) * 32)}@media (min-width:48rem){.marquee-item{width:calc(var(--spacing) * 40)}}.timeline-wrapper{top:0;left:calc(var(--spacing) * 5);justify-content:center;height:100%;display:flex;position:absolute}@media (min-width:48rem){.timeline-wrapper{left:calc(var(--spacing) * 10)}}@media (min-width:80rem){.timeline-wrapper{left:35.5vw}}.timeline{top:calc(var(--spacing) * -10);z-index:30;height:110%;width:calc(var(--spacing) * 14);background-color:var(--color-black);position:absolute}@media (min-width:48rem){.timeline{width:calc(var(--spacing) * 28)}}.timeline-logo{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-black-50);background-color:var(--color-black-100);border-radius:3.40282e38px;flex:none;justify-content:center;align-items:center;display:flex}@media (min-width:48rem){.timeline-logo{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20);--tw-translate-y:calc(var(--spacing) * -7);translate:var(--tw-translate-x) var(--tw-translate-y)}}.exp-card-wrapper{justify-content:space-between;gap:calc(var(--spacing) * 10);flex-direction:column-reverse;display:flex}@media (min-width:80rem){.exp-card-wrapper{gap:calc(var(--spacing) * 20);flex-direction:row}}.gradient-edge{z-index:20;height:100%;width:calc(var(--spacing) * 36);position:absolute;bottom:0}.tech-card-animated-bg{width:100%;height:100%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.7s;background-color:#2d3240;transition-duration:.7s;position:absolute;bottom:-100%;left:0}@media (hover:hover){.tech-card-animated-bg:is(:where(.group):hover *){bottom:0}}.tech-card-content{z-index:10;justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 6);flex-direction:column;display:flex;position:relative;overflow:hidden}@media (hover:hover){.tech-card-content:is(:where(.group):hover *){cursor:grab}}@media (min-width:80rem){.tech-card-content{padding-block:calc(var(--spacing) * 8)}}.tech-card-content p{padding-bottom:calc(var(--spacing) * 2);text-align:center;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white-50)}@media (min-width:96rem){.tech-card-content p{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}.tech-grid{margin-inline:auto;margin-top:calc(var(--spacing) * 16);max-width:var(--container-7xl);gap:calc(var(--spacing) * 5);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media (min-width:48rem){.tech-grid{gap:calc(var(--spacing) * 6);grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:80rem){.tech-grid{gap:calc(var(--spacing) * 6);grid-template-columns:repeat(5,minmax(0,1fr))}}.tech-icon-wrapper{height:calc(var(--spacing) * 52);width:100%;max-width:calc(var(--spacing) * 48);justify-content:center;align-items:center;display:flex;position:relative}.dark-section form label{margin-bottom:calc(var(--spacing) * 2);color:var(--color-white-50);display:block}.dark-section form input,.dark-section form textarea{border-radius:var(--radius-md);background-color:var(--color-blue-100);width:100%;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}:is(.dark-section form input,.dark-section form textarea)::placeholder{color:var(--color-blue-50)}@media (min-width:48rem){.dark-section form input,.dark-section form textarea{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}.dark-section form a,.dark-section form button[type=submit]{justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-md);background-color:var(--color-white);width:100%;padding-block:calc(var(--spacing) * 4);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-black);display:flex}:is(.dark-section form a,.dark-section form button[type=submit]) img{display:inline-block}}@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.z-20{z-index:20}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.my-5{margin-block:calc(var(--spacing) * 5)}.ms-5{margin-inline-start:calc(var(--spacing) * 5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-22{margin-top:calc(var(--spacing) * 22)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.h-38{height:calc(var(--spacing) * 38)}.h-full{height:100%}.w-1{width:var(--spacing)}.w-full{width:100%}.flex-1{flex:1}.flex-\[1\.4\]{flex:1.4}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.list-disc{list-style-type:disc}.columns-1{columns:1}.break-inside-avoid-column{break-inside:avoid-column}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-\[\#07080A\]{background-color:#07080a}.bg-black{background-color:var(--color-black)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-10{padding:calc(var(--spacing) * 10)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-\[1\.8rem\]{font-size:1.8rem}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\[\#F2F4F8\]{color:#f2f4f8}.text-white-50{color:var(--color-white-50)}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (min-width:40rem){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.sm\:text-\[2\.8rem\]{font-size:2.8rem}}@media (min-width:48rem){.md\:columns-2{columns:2}.md\:gap-10{gap:calc(var(--spacing) * 10)}.md\:px-10{padding-inline:calc(var(--spacing) * 10)}.md\:px-20{padding-inline:calc(var(--spacing) * 20)}.md\:py-20{padding-block:calc(var(--spacing) * 20)}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-\[clamp\(3\.5rem\,5\.5vw\,5\.5rem\)\]{font-size:clamp(3.5rem,5.5vw,5.5rem)}}@media (min-width:64rem){.lg\:columns-3{columns:3}}@media (min-width:80rem){.xl\:w-2\/6{width:33.3333%}.xl\:w-4\/6{width:66.6667%}.xl\:gap-20{gap:calc(var(--spacing) * 20)}:where(.xl\:space-y-32>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 32) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 32) * calc(1 - var(--tw-space-y-reverse)))}.xl\:rounded-full{border-radius:3.40282e38px}}.flex-center{justify-content:center;align-items:center;display:flex}.flex-col-center{flex-direction:column;justify-content:center;align-items:center;display:flex}}:root{--gradient:radial-gradient(circle, #e5e5e5 0%, #fff 100%)}html{scroll-behavior:smooth}body{color:#0a0a0a;-webkit-font-smoothing:antialiased;text-wrap:pretty;background:#0a0a0a;margin:0;font-family:Archivo,sans-serif;overflow-x:hidden}*{box-sizing:border-box}a{color:#22f0dc;text-decoration:none}a:hover{color:#666}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4,h5,h6{font-variation-settings:"wght" 900, "wdth" 118!important;font-weight:900!important}.desktop-only-nav a{letter-spacing:clamp(.01em,.15vw,.06em);text-transform:uppercase;font-size:clamp(16px,1.1vw,17px);text-decoration:none}::selection{color:#fff;background:#0a0a0a}img,video{max-width:100%;display:block}input,textarea,button{font:inherit;color:inherit}@keyframes cue{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(7px)}}@keyframes dot{0%,to{opacity:.25}50%{opacity:1}}@keyframes think{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (min-width:768px){.mobile-only-btn{display:none!important}}.desktop-only-nav{display:none!important}@media (min-width:768px){.desktop-only-nav{align-items:center;gap:clamp(12px,2vw,26px);display:flex!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#141414;border-radius:4px}::-webkit-scrollbar-thumb{background:#262626;border:1px solid #22f0dc33;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#22f0dc;box-shadow:0 0 8px #22f0dc66}*{scrollbar-width:thin;scrollbar-color:#262626 #141414}.gradient-line{background:linear-gradient(#6d45ce 7.09%,#fd5c79 37.17%,#52aeff 62.49%,#62e0ff 75%,#45dec400 100%);width:2px}.dark-section{color:#fff;background:#000;font-family:Mona Sans,sans-serif}.dark-section h1,.dark-section h2,.dark-section h3{font-variation-settings:normal!important;font-weight:600!important}.tech-icon-drag{cursor:grab}.tech-icon-drag:active{cursor:grabbing}.drag-hint{white-space:nowrap;color:#d9ecff;pointer-events:none;background:#ffffff0f;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;transition:opacity .4s;animation:2.2s ease-in-out infinite dragHintPulse;display:flex;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.tech-card:hover .drag-hint{background:#ffffff24}.drag-hint.is-hidden{opacity:0;animation:none}@keyframes dragHintPulse{0%,to{opacity:.5}50%{opacity:1}}.spin-progress{text-align:center;letter-spacing:.08em;color:#839cb5;margin-top:28px;font-family:JetBrains Mono,monospace;font-size:13px}.secret-reward{z-index:30;text-align:center;background:#0e0e10;border:1px solid #22f0dc;border-radius:16px;max-width:640px;margin:48px auto 0;padding:28px 32px;position:relative;box-shadow:0 0 30px #22f0dc40}.secret-reward-title{color:#fff;margin-bottom:10px;font-size:clamp(1.1rem,2.2vw,1.5rem);font-weight:700}.secret-reward-text{color:#d9ecff;margin-bottom:20px}.dark-section .secret-reward-btn{border:"1px solid ";color:#000;background:#22f0dc;border-radius:10px;padding:12px 22px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-block}.dark-section .secret-reward-btn:hover{color:#000;transform:translateY(-2px);box-shadow:0 0 20px #22f0dc99}.card{--start:0;z-index:40;transition:border-color 1s ease-in-out;position:relative;overflow:hidden}.card:before{content:"";background:var(--gradient);width:100%;height:100%;-webkit-mask:linear-gradient(#0000, #0000), conic-gradient(from calc((var(--start) - 15) * 1deg), #ffffff1f 0deg, white, #fff0 100deg);-webkit-mask:linear-gradient(#0000, #0000), conic-gradient(from calc((var(--start) - 15) * 1deg), #ffffff1f 0deg, white, #fff0 100deg);-webkit-mask:linear-gradient(#0000, #0000), conic-gradient(from calc((var(--start) - 15) * 1deg), #ffffff1f 0deg, white, #fff0 100deg);mask:linear-gradient(#0000, #0000), conic-gradient(from calc((var(--start) - 15) * 1deg), #ffffff1f 0deg, white, #fff0 100deg);opacity:0;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;background-attachment:fixed;border:2px solid #0000;border-radius:12px;transition:all .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect}.glow{pointer-events:none;filter:saturate(200);width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card:hover:before{opacity:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}