body{color:#080708;background-color:#faf5f0}.app-dev-page{font-family:Space Grotesk,sans-serif}.app-dev-page .header-section{color:#080708;background-color:#faf5f0;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.app-dev-page .header-section .header-container{z-index:2;grid-template-columns:3fr 2fr;align-items:center;gap:4rem;width:100%;max-width:1400px;display:grid}.app-dev-page .header-section .title-container .main-title{letter-spacing:-.05em;text-align:left;font-family:Poppins,sans-serif;font-size:clamp(4rem,10vw,9rem);font-weight:800;line-height:.9}.app-dev-page .header-section .title-container .main-title .line{display:block}.app-dev-page .header-section .title-container .main-title .highlight{color:#6a64e3}.app-dev-page .header-section .visual-element-container{justify-content:center;align-items:center;display:flex}.app-dev-page .header-section .visual-element-container .visual-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid;transform:skewY(-15deg)}.app-dev-page .header-section .visual-element-container .visual-grid .bar{opacity:1;background-color:#6a64e3;width:20px;height:250px;animation:2s ease-in-out infinite alternate bar-dance}.app-dev-page .header-section .visual-element-container .visual-grid .bar:first-child{animation-delay:0s}.app-dev-page .header-section .visual-element-container .visual-grid .bar:nth-child(2){animation-delay:.2s}.app-dev-page .header-section .visual-element-container .visual-grid .bar:nth-child(3){animation-delay:.4s}.app-dev-page .header-section .visual-element-container .visual-grid .bar:nth-child(4){animation-delay:.6s}.app-dev-page .header-section .background-text{text-align:center;color:#080708;opacity:.02;z-index:1;pointer-events:none;white-space:nowrap;font-family:Poppins,sans-serif;font-size:15vw;font-weight:800;position:absolute;bottom:2rem;left:0;right:0}.app-dev-page .header-section:after{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(90deg,#29292912 1px,#0000 1px),linear-gradient(#29292912 1px,#0000 1px);background-size:120px 120px;width:100%;height:100%;position:absolute;top:0;left:0;mask-image:linear-gradient(#0000 0%,#000 25% 75%,#0000 100%)}@keyframes bar-dance{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}.app-dev-page .description-section{text-align:center;padding:6rem 2rem;position:relative}.app-dev-page .description-section .description-label{text-transform:uppercase;letter-spacing:.2em;color:#6a64e3;margin-bottom:2rem;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700}.app-dev-page .description-section .description-text{letter-spacing:-.03em;color:#080708;z-index:1;max-width:1000px;margin:0 auto;font-family:Poppins,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.4;position:relative}.app-dev-page .description-section .description-text span{color:#6a64e3}.app-dev-page .description-section:before{content:"“";color:#080708;opacity:.03;z-index:0;font-family:Poppins,sans-serif;font-size:25rem;font-weight:800;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.app-dev-page .services-section{padding:4rem 0;position:relative}.app-dev-page .services-section .section-title{margin-bottom:2rem}.app-dev-page .services-section .section-title h2{letter-spacing:-.05em;text-align:left;color:#292929;font-family:Poppins,sans-serif;font-size:clamp(4rem,9vw,7rem);font-weight:800;line-height:1}.app-dev-page .services-section .section-title h2 span{color:#faf5f0;background-color:#6a64e3;padding:.25rem 1.5rem;display:inline-block}.app-dev-page .services-section .services-list{border-top:1px solid #29292926}.app-dev-page .services-section .service-item{cursor:pointer;border-bottom:1px solid #29292926;padding:2.5rem 0}.app-dev-page .services-section .service-item .service-header{justify-content:space-between;align-items:center;gap:2rem;display:flex}.app-dev-page .services-section .service-item .service-title-group{align-items:center;gap:1.5rem;display:flex}.app-dev-page .services-section .service-item .service-number{color:#6a64e3;font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:700}.app-dev-page .services-section .service-item .service-title{color:#292929;font-family:Poppins,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.1}.app-dev-page .services-section .service-item .service-toggle-icon{color:#6a64e3;font-size:2.5rem;font-weight:300;transition:transform .4s cubic-bezier(.7,0,.2,1)}.app-dev-page .services-section .service-item .service-details{max-height:0;transition:max-height .5s ease-in-out;overflow:hidden}.app-dev-page .services-section .service-item .service-details p{color:#292929;opacity:.9;max-width:650px;padding-top:1.5rem;padding-left:4.5rem;font-size:1.1rem;line-height:1.8}.app-dev-page .services-section .service-item.active .service-toggle-icon{transform:rotate(45deg)}.app-dev-page .services-section .service-item.active .service-details{max-height:200px}.app-dev-page .process-section{padding:4rem 0;position:relative}.app-dev-page .process-section .section-title{text-align:center;z-index:1;margin-bottom:5rem;position:relative}.app-dev-page .process-section .section-title h2{letter-spacing:-.05em;color:#292929;font-family:Poppins,sans-serif;font-size:clamp(4rem,9vw,7rem);font-weight:800;line-height:1}.app-dev-page .process-section .section-title h2 span{color:#faf5f0;background-color:#6a64e3;padding:.25rem 1.5rem;display:inline-block}.app-dev-page .process-section .section-background-text{color:#0000;-webkit-text-stroke:1px #6a64e314;white-space:nowrap;z-index:0;user-select:none;pointer-events:none;font-family:Poppins,sans-serif;font-size:clamp(12rem,25vw,20rem);font-weight:800;position:absolute;top:5rem;left:50%;transform:translate(-50%)}.app-dev-page .process-section .process-cards-container{max-width:1024px;margin:0 auto;position:relative}@media (width>=768px){.app-dev-page .process-section .process-cards-container{min-height:650px}}.app-dev-page .process-section .process-card{backdrop-filter:blur(4px);background-color:#faf5f0cc;border:1px solid #6a64e333;border-radius:1rem;width:100%;margin-bottom:2rem;padding:2rem;transition:all .3s ease-in-out;position:relative;box-shadow:0 10px 30px #0000000d}@media (width>=768px){.app-dev-page .process-section .process-card{width:60%;margin-bottom:0;position:absolute}.app-dev-page .process-section .process-card:hover{transform:scale(1.05);box-shadow:0 20px 40px #0000001a;z-index:50!important}.app-dev-page .process-section .process-card:first-child{z-index:10;top:0;left:0}.app-dev-page .process-section .process-card:nth-child(2){z-index:20;top:7rem;right:0}.app-dev-page .process-section .process-card:nth-child(3){z-index:30;top:14rem;left:1rem}.app-dev-page .process-section .process-card:nth-child(4){z-index:40;top:21rem;right:1rem}}@media (width>=1024px){.app-dev-page .process-section .process-card{width:50%}.app-dev-page .process-section .process-card:nth-child(2){top:7rem}.app-dev-page .process-section .process-card:nth-child(3){top:17rem;left:4rem}.app-dev-page .process-section .process-card:nth-child(4){top:24rem;right:4rem}}.app-dev-page .process-section .process-card .card-number{color:#0000;-webkit-text-stroke:2px #6a64e3;font-size:6rem;font-weight:800;transition:color .3s;position:absolute;top:-1rem;left:1.5rem}.app-dev-page .process-section .process-card:hover .card-number{color:#6a64e31a}.app-dev-page .process-section .process-card .card-content{padding-top:5rem}.app-dev-page .process-section .process-card .card-content h3{margin-bottom:1rem;font-size:1.75rem;font-weight:700}.app-dev-page .process-section .process-card .card-content p{opacity:.9;font-size:1rem;line-height:1.6}.app-dev-page .tech-stack-section{position:relative}.app-dev-page .tech-stack-section .section-title{text-align:center;z-index:1;margin-bottom:5rem;position:relative}.app-dev-page .tech-stack-section .section-title h2{letter-spacing:-.05em;color:#292929;font-family:Poppins,sans-serif;font-size:clamp(4rem,9vw,7rem);font-weight:800;line-height:1}.app-dev-page .tech-stack-section .section-title h2 span{color:#faf5f0;background-color:#6a64e3;padding:.25rem 1.5rem;display:inline-block}.app-dev-page .tech-stack-section .section-background-text{color:#0000;-webkit-text-stroke:1px #6a64e314;white-space:nowrap;z-index:0;user-select:none;pointer-events:none;font-family:Poppins,sans-serif;font-size:clamp(12rem,25vw,20rem);font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.app-dev-page .tech-stack-section .tech-scroller-wrapper{flex-direction:column;gap:2rem;display:flex}.app-dev-page .tech-stack-section .tech-scroller{max-width:100%;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#fff 10% 90%,#0000)}.app-dev-page .tech-stack-section .tech-scroller .scroller-inner{gap:3rem;width:max-content;animation:60s linear infinite scroll;display:flex}.app-dev-page .tech-stack-section .tech-scroller .scroller-inner.reverse{animation-direction:reverse}.app-dev-page .tech-stack-section .tech-logo{align-items:center;gap:.75rem;display:flex}.app-dev-page .tech-stack-section .tech-logo img{object-fit:contain;filter:grayscale();opacity:.5;max-width:120px;height:45px;transition:all .3s}.app-dev-page .tech-stack-section .tech-logo span{color:#292929;opacity:.5;font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700;transition:all .3s}.app-dev-page .tech-stack-section .tech-logo:hover img{filter:grayscale(0)brightness();opacity:1}.app-dev-page .tech-stack-section .tech-logo:hover span{opacity:1}@keyframes scroll{to{transform:translate(calc(-50% - 1.5rem))}}.app-dev-page .faq-section{background-color:#ffffff80;border-top:1px solid #0000000d;border-bottom:1px solid #0000000d;padding:6rem 0;position:relative}.app-dev-page .faq-section .section-title{text-align:center;z-index:1;margin-bottom:5rem;position:relative}.app-dev-page .faq-section .section-title h2{letter-spacing:-.05em;color:#292929;text-transform:none;font-family:Poppins,sans-serif;font-size:clamp(4rem,9vw,7rem);font-weight:800;line-height:1}.app-dev-page .faq-section .section-title h2 span{color:#faf5f0;background-color:#6a64e3;padding:.25rem 1.5rem}.app-dev-page .faq-section .section-background-text{color:#0000;-webkit-text-stroke:1px #6a64e314;white-space:nowrap;z-index:0;user-select:none;pointer-events:none;font-family:Poppins,sans-serif;font-size:clamp(12rem,25vw,20rem);font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.app-dev-page .faq-section .faq-list{flex-direction:column;gap:1rem;max-width:800px;margin:0 auto;display:flex}.app-dev-page .faq-section .faq-item{background-color:#faf5f0;border:1px solid #2929291a;border-radius:.75rem;overflow:hidden}.app-dev-page .faq-section .faq-item .faq-toggle{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1.5rem;display:flex}.app-dev-page .faq-section .faq-item .faq-toggle span{color:#292929;font-size:1.25rem;font-weight:600}.app-dev-page .faq-section .faq-item .faq-toggle .faq-icon{color:#6a64e3;flex-shrink:0;width:1.5rem;height:1.5rem;transition:transform .3s}.app-dev-page .faq-section .faq-item .faq-content{max-height:0;transition:max-height .5s ease-in-out;overflow:hidden}.app-dev-page .faq-section .faq-item .faq-content p{color:#292929;opacity:.9;padding:0 1.5rem 1.5rem;line-height:1.7}.app-dev-page .faq-section .faq-item.active .faq-toggle .faq-icon{transform:rotate(180deg)}.app-dev-page .cta-section{background-color:#faf5f0;padding:0 2rem 6rem}.app-dev-page .cta-section .cta-container{text-align:center;grid-template-columns:1fr;align-items:center;gap:3rem;max-width:1200px;margin:0 auto;display:grid}@media (width>=1024px){.app-dev-page .cta-section .cta-container{text-align:left;grid-template-columns:2fr 1fr;gap:4rem}}.app-dev-page .cta-section .cta-title{letter-spacing:-.04em;color:#080708;font-family:Poppins,sans-serif;font-size:clamp(3.5rem,8vw,6rem);font-weight:800;line-height:1.1}.app-dev-page .cta-section .cta-title span{color:#6a64e3}.app-dev-page .cta-section .cta-content p{color:#292929;opacity:.9;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.8}.app-dev-page .cta-section .cta-content .cta-button{color:#faf5f0;background-color:#080708;border:2px solid #080708;padding:1rem 3rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.app-dev-page .cta-section .cta-content .cta-button:hover{background-color:#6a64e3;border-color:#6a64e3;transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}
/*# sourceMappingURL=app-development.02d5cde5.css.map */