@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";:root{--color-primary: #8eff71;--color-primary-dim: #2be800;--color-primary-container: #2ff801;--color-on-primary: #0d6100;--color-on-primary-container: #0b5800;--color-secondary: #e5d6fe;--color-secondary-dim: #d7c8f0;--color-secondary-container: #4c4162;--color-on-secondary: #54496a;--color-on-secondary-container: #d8caf1;--color-tertiary: #d674ff;--color-tertiary-pink: #fd376a;--color-tertiary-dim: #bb00fc;--color-tertiary-container: #be0dff;--color-on-tertiary: #390050;--color-error: #ff6e84;--color-error-dim: #d73357;--color-error-container: #a70138;--color-on-error: #490013;--color-on-error-container: #ffb2b9;--color-background: #150627;--color-on-background: #f0dfff;--color-surface: #150627;--color-on-surface: #f0dfff;--color-surface-variant: #301b4a;--color-on-surface-variant: #b7a3cc;--color-surface-dim: #150627;--color-surface-bright: #372153;--color-surface-tint: #8eff71;--color-surface-container-lowest: #000000;--color-surface-container-low: #1b0a2f;--color-surface-container: #221038;--color-surface-container-high: #291641;--color-surface-container-highest: #301b4a;--color-outline: #806e94;--color-outline-variant: #514164;--color-inverse-surface: #fff7ff;--color-inverse-on-surface: #5f4e72;--color-inverse-primary: #106f00;--font-headline: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-label: "Space Grotesk", sans-serif;--radius-default: .25rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:max(884px,100dvh);min-width:320px;background-color:var(--color-background);color:var(--color-on-background);font-family:var(--font-body);line-height:1.6}::selection{background:var(--color-primary);color:var(--color-on-primary)}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;font-family:inherit}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.halftone-pattern{background-image:radial-gradient(var(--color-primary) 1px,transparent 0);background-size:12px 12px;opacity:.1}.torn-edge{clip-path:polygon(0 0,5% 4%,10% 0,15% 5%,20% 1%,25% 6%,30% 2%,35% 7%,40% 1%,45% 8%,50% 3%,55% 9%,60% 2%,65% 7%,70% 1%,75% 8%,80% 3%,85% 10%,90% 4%,95% 9%,100% 0,100% 100%,0 100%)}.site-header{position:fixed;top:0;width:100%;max-width:100%;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#15062799;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:var(--color-primary)}.site-header__brand{display:flex;align-items:center;gap:.4rem}.site-header__brand-icon{fill:var(--color-primary);width:1.5rem}.site-header__brand-name{font-family:var(--font-headline);text-transform:uppercase;letter-spacing:-.05em;font-weight:900;font-size:1rem;color:var(--color-primary)}.site-header__nav{display:none;gap:2rem;align-items:center;font-family:var(--font-label);font-size:.75rem;text-transform:uppercase;letter-spacing:.15em}.site-header__nav-link{color:var(--color-secondary);transition:color .3s ease}.site-header__nav-link:hover,.site-header__nav-link--active{color:var(--color-primary);font-weight:700}.site-header__cta{background:var(--color-primary);color:var(--color-on-primary);padding:.5rem 1.5rem;border-radius:var(--radius-full);font-weight:700;font-family:var(--font-label);font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;transition:box-shadow .3s ease}.site-header__cta:hover{box-shadow:0 0 20px #8eff7166}.site-header__mobile-toggle{display:block;background:none;color:var(--color-primary)}.mobile-menu{display:none;position:fixed;inset:0;z-index:49;background:#150627f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;padding:2rem}.mobile-menu.is-open{display:flex}.mobile-menu__link{font-family:var(--font-headline);font-size:2rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-secondary);transition:color .3s ease}.mobile-menu__link:hover{color:var(--color-primary)}.mobile-menu__close{position:absolute;top:1.5rem;right:2rem;background:none;color:var(--color-primary);font-size:2rem}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:5rem 2rem 2rem;overflow:hidden}.hero__halftone--top{position:absolute;top:0;right:0;width:24rem;height:24rem;margin-right:-5rem;margin-top:-5rem}.hero__halftone--bottom{position:absolute;bottom:0;left:0;width:16rem;height:16rem;margin-left:-4rem;margin-bottom:-4rem}.hero__content{position:relative;z-index:10;max-width:64rem}.hero__subtitle{font-family:var(--font-headline);color:var(--color-primary);font-size:.75rem;letter-spacing:.4em;text-transform:uppercase;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.hero__subtitle-line{display:inline-block;width:3rem;height:2px;background:var(--color-primary)}.hero__title{font-family:var(--font-headline);font-size:3.5rem;font-weight:900;line-height:.85;letter-spacing:-.05em;text-transform:uppercase;margin-bottom:3rem}.hero__title-outline{color:transparent;-webkit-text-stroke:2px var(--color-primary)}.hero__title-pink{color:var(--color-tertiary)}.hero__description{font-family:var(--font-body);color:var(--color-secondary);font-size:1.125rem;max-width:42rem;margin-bottom:3rem;line-height:1.7}.hero__actions{display:flex;flex-wrap:wrap;gap:1.5rem}.hero__btn-primary{background:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-headline);font-weight:700;padding:1.25rem 1.5rem;font-size:1.25rem;border-radius:0;text-transform:uppercase;transition:transform .3s ease,box-shadow .3s ease}.hero__btn-primary:hover{transform:scale(1.05);box-shadow:0 0 30px #8eff7180}.hero__btn-secondary{background:transparent;border:2px solid var(--color-outline-variant);color:var(--color-secondary);font-family:var(--font-headline);font-weight:700;padding:1.25rem 2.5rem;font-size:1.25rem;border-radius:0;text-transform:uppercase;transition:background .3s ease}.hero__btn-secondary:hover{background:var(--color-surface-container-high)}.hero__tech-tags{position:absolute;right:3rem;bottom:6rem;display:none;flex-direction:column;gap:1rem;align-items:flex-end}.hero__tech-tag{background:var(--color-surface-container-high);padding:.25rem 1rem;color:var(--color-primary);font-family:var(--font-label);font-size:.6875rem;letter-spacing:.15em;text-transform:uppercase;border-right:4px solid var(--color-primary)}.services{background:var(--color-surface-container-low);padding:8rem 2rem}.services__header,.projects__header{display:flex;flex-direction:column;gap:2rem;margin-bottom:6rem}.services__title{font-family:var(--font-headline);font-size:2.5rem;font-weight:700;text-transform:uppercase;letter-spacing:-.05em;line-height:1.2}.services__title-accent{color:var(--color-primary)}.services__subtitle,.projects__subtitle{font-family:var(--font-body);color:var(--color-primary);max-width:24rem}.services__grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.service-card{background:var(--color-surface-container-high);padding:2rem;border-radius:var(--radius-xl);position:relative;overflow:hidden;border:1px solid transparent;transition:border-color .5s ease;cursor:default;display:flex;flex-direction:column}.service-card:hover{border-color:transparent}.service-card__halftone{position:absolute;top:0;right:0;width:8rem;height:8rem;opacity:0;transition:opacity .3s}.service-card:hover .service-card__halftone{opacity:.3}.card-icon-title-wrapper{display:flex;align-items:center;gap:1rem}.service-card__icon{color:var(--color-surface-container);-webkit-text-stroke:1px var(--color-primary);font-size:3rem;margin-bottom:2rem;font-size:1.5rem}.service-card__title{font-family:var(--font-headline);font-size:1.5rem;font-weight:700;text-transform:uppercase;margin-bottom:1rem;color:var(--color-surface-container);-webkit-text-stroke:1px var(--color-primary)}.service-card__text{color:var(--color-secondary);font-size:1.125rem}.service-card__pricing{display:flex;flex-direction:row;justify-content:space-between;margin-top:auto;padding-top:2rem;gap:1rem;flex-direction:column}.service-card__pricing-wrapper{display:flex;flex-direction:column;gap:.25rem}.service-card__pricing-icon{color:var(--color-tertiary);font-size:1.5rem;font-variation-settings:"FILL" 1}.service-card__pricing-label{font-family:var(--font-label);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-tertiary)}.service-card__pricing-value{font-family:var(--font-headline);font-size:2rem;font-weight:700;color:var(--color-tertiary);line-height:1;text-align:start}.service-card__cta{background:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-headline);font-weight:700;padding:.85rem 1rem;font-size:.875rem;border-radius:0;text-transform:uppercase;transition:transform .3s ease,box-shadow .3s ease,border-color .5s ease;border:1px solid var(--color-primary);text-decoration:none;cursor:pointer;white-space:nowrap;height:fit-content;margin-top:auto;width:fit-content}.service-card__cta:hover{transform:scale(1.05);box-shadow:0 0 30px #8eff7180}.service-card:has(.service-card__cta:hover){border-color:var(--color-primary)}.service-card--horizontal .service-card__inner{display:flex;align-items:center;gap:3rem}.service-card--horizontal .service-card__icon--large{display:none;color:var(--color-primary);font-size:8rem}.projects{padding:8rem 2rem 16rem}.projects__title{font-family:var(--font-headline);font-size:2.5rem;font-weight:700;text-transform:uppercase;letter-spacing:-.05em;margin-bottom:6rem;text-align:center}.projects__title-accent{color:var(--color-primary)}.projects__list{display:flex;flex-direction:column;gap:12rem}.project{display:flex;flex-direction:column;align-items:center;gap:4rem}.project--reverse{flex-direction:column}.project__image-wrapper{width:100%;position:relative}.project__image-wrapper:after{content:"";position:absolute;inset:0;z-index:11;background:var(--color-surface-container);mix-blend-mode:color;transition:opacity .7s ease;pointer-events:none}.project__image-wrapper:hover:after{opacity:0}.project__image-shadow{position:absolute;inset:0;background:var(--color-primary);z-index:0;transform:translate(1rem,1rem)}.project--reverse .project__image-shadow{transform:translate(-1rem,1rem)}.project__image{position:relative;z-index:10;width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:top}.project__info{width:100%}.project--reverse .project__info{text-align:left}.project__tech{font-family:var(--font-label);color:var(--color-primary);letter-spacing:.15em;margin-bottom:1rem;display:block}.project__name{font-family:var(--font-headline);font-size:2rem;font-weight:700;text-transform:uppercase;margin-bottom:1.5rem;color:var(--color-tertiary)}.project__description{color:var(--color-secondary);font-size:1.125rem;margin-bottom:2rem;line-height:1.7}.project__link{display:inline-flex;align-items:center;gap:.75rem;color:var(--color-primary);font-family:var(--font-headline);font-weight:700;font-size:1.125rem;text-transform:uppercase}.project__link .material-symbols-outlined{transition:transform .3s ease}.project__link:hover .material-symbols-outlined{transform:translate(.5rem)}.about{position:relative}.about__divider{position:absolute;top:0;left:0;width:100%;height:8rem;transform:translateY(-99%);z-index:20}.about__divider svg{width:100%;height:100%;fill:var(--color-secondary)}.about__inner{background:var(--color-secondary);color:var(--color-surface);padding:8rem 2rem}.about__container{max-width:72rem;margin:0 auto}.about__top{display:flex;flex-direction:column;gap:5rem;align-items:flex-start;margin-bottom:8rem}.about__heading{font-family:var(--font-headline);font-size:2.5rem;font-weight:900;text-transform:uppercase;letter-spacing:-.05em;line-height:1;margin-bottom:2rem}.about_heading_span{color:var(--color-tertiary)}.about__quote{color:var(--color-);font-weight:500;font-size:1.125rem;font-style:italic}.quoted-text:before{content:"”";display:inline-block;transform:scaleX(-1);margin-right:-.05em}.about__text{color:var(--color-on-secondary);font-size:1.125rem;line-height:1.7}.about__steps{display:grid;grid-template-columns:1fr;gap:3rem}.step-card{position:relative;background:var(--color-surface-container-highest);padding:2.5rem;border-radius:var(--radius-xl);overflow:hidden}.step-card__halftone{position:absolute;inset:0;opacity:.05;transition:opacity .3s}.step-card:hover .step-card__halftone{opacity:.1}.step-card__number{font-family:var(--font-headline);font-size:6rem;font-weight:900;color:#8eff7133;position:absolute;top:-1rem;right:-.5rem;line-height:1}.step-card__content{position:relative;z-index:10}.step-card__title{font-family:var(--font-headline);font-size:1.5rem;font-weight:700;text-transform:uppercase;margin-bottom:1rem;color:var(--color-primary)}.step-card__text{color:var(--color-secondary);font-size:.875rem;line-height:1.7}.site-footer{background:var(--color-surface-container-low);color:var(--color-secondary);width:100%;padding:3rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.site-footer__brand{display:flex;flex-direction:column;align-items:center;gap:1rem}.site-footer__brand-icon{fill:var(--color-primary);width:10.8rem}.site-footer__brand-name{font-size:1.125rem;font-weight:700;color:var(--color-primary);font-family:var(--font-headline);text-transform:uppercase;letter-spacing:-.05em}.site-footer__copyright{font-family:var(--font-headline);color:var(--color-secondary);text-transform:uppercase;font-size:.75rem;letter-spacing:.15em;text-align:center}.site-footer__links{display:flex;gap:2rem;align-items:center}.site-footer__link{color:var(--color-secondary);font-family:var(--font-headline);text-transform:uppercase;font-size:.75rem;letter-spacing:.15em;transition:color .3s ease,opacity .3s ease}.site-footer__link:hover{color:var(--color-tertiary);opacity:.8}.fab{position:fixed;bottom:2rem;right:2rem;background:var(--color-primary);color:var(--color-on-primary);width:4rem;height:4rem;border-radius:0;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #8eff714d;transition:transform .3s ease,box-shadow .3s ease;z-index:40}.fab:hover{transform:scale(1.1);box-shadow:0 0 30px #8eff7180}.fab .material-symbols-outlined{font-size:1.875rem;font-weight:700;transition:transform .3s ease}.fab:hover .material-symbols-outlined{transform:rotate(12deg)}.contact{background:var(--color-background);padding:8rem 2rem}.contact__container{max-width:80rem;margin:0 auto}.contact__wrapper{display:flex;flex-direction:column;gap:5rem}.contact__left{width:100%}.contact__header{position:relative;margin-bottom:3rem}.contact__title{font-family:var(--font-headline);font-size:3rem;font-weight:900;text-transform:uppercase;letter-spacing:-.05em;line-height:.9;position:relative;z-index:10;margin-bottom:2rem}.contact__title-highlight{color:var(--color-background);-webkit-text-stroke:1px var(--color-primary)}.contact__title__tertiary{color:var(--color-tertiary)}.contact__halftone{position:absolute;top:-2.5rem;left:-2.5rem;width:12rem;height:12rem;opacity:.2;z-index:0}.contact__description{color:var(--color-secondary);font-size:1.25rem;max-width:28rem;line-height:1.7;margin-bottom:3rem}.contact__info-group,.contact__items{display:flex;flex-direction:column;gap:1.5rem}.contact__item,.location-contact__item{display:flex;align-items:flex-start;gap:1rem;transition:transform .3s ease;text-decoration:none;color:inherit}.contact__item:hover{transform:translate(.5rem)}.location-contact__item:hover{transform:none}.contact__item-icon{background:var(--color-surface-container-high);padding:.75rem;border:1px solid rgba(142,255,113,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .3s ease}.contact__item:hover .contact__item-icon{border-color:var(--color-primary)}.contact__item-icon .material-symbols-outlined{color:var(--color-primary);font-size:1.25rem}.contact__item-label{font-family:var(--font-label);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#8eff7199;margin-bottom:.25rem}.contact__item-link{color:var(--color-on-background);font-family:var(--font-headline);font-weight:700;font-size:1.125rem;transition:color .3s ease}.contact__item:hover .contact__item-link,.contact__item-link:hover{color:var(--color-primary)}.contact__items>a:nth-child(1):hover .contact__item-icon,.contact__items>a:nth-child(2):hover .contact__item-icon{border-color:var(--color-tertiary)}.contact__items>a:nth-child(1):hover .contact__item-icon .material-symbols-outlined,.contact__items>a:nth-child(2):hover .contact__item-icon .material-symbols-outlined{color:var(--color-tertiary)}.contact__items>a:nth-child(1):hover .contact__item-label,.contact__items>a:nth-child(2):hover .contact__item-label{color:#d674ff99}.contact__items>a:nth-child(1):hover .contact__item-link,.contact__items>a:nth-child(2):hover .contact__item-link{color:var(--color-tertiary)}.contact__item-text{color:var(--color-on-background);font-family:var(--font-headline);font-weight:700;font-size:1rem}.contact__right{width:100%}.contact__form-wrapper{background:var(--color-surface-container-low);padding:2rem;border-top:4px solid var(--color-primary);border-left:4px solid var(--color-primary);box-shadow:12px 12px 0 0 var(--color-tertiary);position:relative}.contact__form{display:flex;flex-direction:column;gap:1.5rem}.contact__form-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.contact__form-group{display:flex;flex-direction:column;gap:.5rem}.contact__form-label{font-family:var(--font-label);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#8eff71cc}.contact__form-input,.contact__form-textarea{background:var(--color-surface-container-high);border:2px solid var(--color-outline-variant);color:var(--color-on-surface);padding:1rem;font-family:inherit;font-size:1rem;border-radius:0;transition:border-color .3s ease;width:100%}.contact__form-input:focus,.contact__form-textarea:focus{border-color:var(--color-primary);outline:none}.contact__form-textarea{min-height:8rem;resize:vertical}.contact__form-submit{display:flex;flex-direction:column;gap:1rem;padding-top:1rem}.contact__form-button{width:100%;background:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-headline);font-weight:900;padding:1.25rem;font-size:1.125rem;text-transform:uppercase;letter-spacing:.15em;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease}.contact__form-button:hover{box-shadow:0 0 40px #8eff7199;transform:scale(1.02)}.contact__form-button:active{transform:scale(.95)}.contact__form-button .material-symbols-outlined{font-size:1.25rem}.contact__form-note{text-align:center;font-family:var(--font-label);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-secondary);opacity:.6}@media(min-width:460px){.site-header__brand-name{font-size:1.5rem}.hero__btn-primary{padding:1.25rem 2.5rem}.service-card{padding:3rem}.service-card__title{font-size:2rem}.service-card__icon,.service-card__pricing-value{font-size:3rem}}@media(min-width:572px){.service-card__pricing{flex-direction:row}}@media(min-width:768px){.site-header{padding:1rem 2rem}.site-header__nav{display:flex}.site-header__mobile-toggle{display:none}.hero{padding:5rem 6rem}.hero__subtitle{font-size:1rem}.hero__title{font-size:8rem}.hero__description{font-size:1.5rem}.services{padding:8rem 6rem}.services__header,.projects__header{flex-direction:row;justify-content:space-between;align-items:center}.services__title{font-size:3.5rem}.projects{padding:8rem 6rem 16rem}.projects__title{font-size:3.5rem;text-align:left}.about__inner{padding:8rem 6rem}.about__heading{font-size:3.5rem}.about__text{font-size:1.5rem}.site-footer{flex-direction:row;justify-content:space-between;padding:3rem}.site-footer__brand{align-items:flex-start}.site-footer__copyright{text-align:left}.contact__title{font-size:4rem}.contact__form-grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.hero__tech-tags{display:flex}.services__grid{grid-template-columns:repeat(12,1fr)}.service-card:nth-child(1){grid-column:span 5}.service-card:nth-child(2){grid-column:span 7}.service-card:nth-child(3){grid-column:span 6}.service-card:nth-child(4){grid-column:span 6}.card-icon-title-wrapper{flex-direction:column;align-items:flex-start}.service-card--horizontal .service-card__icon--large{display:block}.project{flex-direction:row}.project--reverse{flex-direction:row-reverse}.project__image-wrapper,.project__info{width:50%}.project--reverse .project__info{text-align:right}.project__name{font-size:2.5rem}.about__top{flex-direction:row;gap:5rem}.about__left{width:33.333%}.about__right{width:66.666%}.about__steps{grid-template-columns:repeat(3,1fr)}.contact__wrapper{flex-direction:row;gap:5rem;align-items:flex-start}.contact__left{width:50%}.contact__title{font-size:5.5rem}.contact__right{width:50%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #8eff714d}50%{box-shadow:0 0 35px #8eff718c}}.animate-fade-in-up{animation:fadeInUp .8s ease forwards;opacity:0}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}.fab{animation:pulse-glow 3s ease-in-out infinite}