@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap";:root{--bg-dark: #0B0D17;--bg-card: rgba(25, 27, 40, .7);--accent-pink: #E81A5C;--accent-cyan: #06B8C9;--text-main: #FFFFFF;--text-muted: #8F95A4;--font-main: "Poppins", sans-serif;--spacing-section: 16rem;--glow-pink: 0 0 20px rgba(232, 26, 92, .4);--glow-cyan: 0 0 20px rgba(6, 184, 201, .4)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}a{text-decoration:none;color:inherit}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-main);overflow-x:hidden;-webkit-font-smoothing:antialiased;cursor:none;background-image:radial-gradient(1.5px 1.5px at 20px 30px,#eee,#0000),radial-gradient(1.5px 1.5px at 140px 170px,#fff,#0000),radial-gradient(1.5px 1.5px at 250px 160px,#ddd,#0000),radial-gradient(2px 2px at 390px 40px,#fff,#0000),radial-gradient(1.5px 1.5px at 430px 280px,#fff,#0000),radial-gradient(1.5px 1.5px at 560px 120px,#ddd,#0000);background-repeat:repeat;background-size:600px 600px}.custom-cursor{position:fixed;top:0;left:0;width:20px;height:20px;background:var(--accent-pink);border-radius:50%;pointer-events:none;z-index:9999;mix-blend-mode:difference;transition:transform .1s ease;transform:translate(-50%,-50%)}.custom-cursor.hovering{background-color:var(--accent-cyan)}.typography-base,h1,h2,h3,h4{font-weight:800;letter-spacing:1px}.text-pink{color:var(--accent-pink)}.text-cyan{color:var(--accent-cyan)}.section-title{text-align:center;margin-bottom:6rem;padding-top:2rem}.section-title h2{font-size:clamp(2rem,5vw,3.5rem);text-transform:uppercase;color:var(--text-main);line-height:1.1;margin-bottom:1rem}.title-line{display:inline-block;width:150px;height:2px;background-color:var(--text-muted);opacity:.3;margin-top:1rem}.container{max-width:1200px;margin:0 auto;padding:0 5%}section{padding:var(--spacing-section) 0;scroll-margin-top:80px}nav{position:fixed;top:0;width:100%;z-index:1000;padding:1rem 5%;display:flex;justify-content:space-between;align-items:center;background:#0b0d17cc;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transition:all .3s ease}.nav-logo a{font-weight:800;font-size:1.5rem;color:var(--text-main);text-decoration:none}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{color:var(--text-main);text-decoration:none;font-size:.9rem;font-weight:500;letter-spacing:1px;text-transform:uppercase;transition:color .3s ease}.nav-links a:hover{color:var(--accent-cyan)}.btn-primary{padding:.8rem 2rem;background:var(--accent-pink);color:#fff;text-decoration:none;font-weight:700;border-radius:8px;text-transform:uppercase;transition:all .3s ease;box-shadow:var(--glow-pink)}.btn-primary:hover{background:#ff2a70;transform:translateY(-2px);box-shadow:0 5px 15px #e81a5c99}.btn-secondary{padding:.8rem 2rem;background:transparent;border:2px solid var(--accent-cyan);color:var(--accent-cyan);text-decoration:none;font-weight:700;border-radius:8px;text-transform:uppercase;transition:all .3s ease}.btn-secondary:hover{background:var(--accent-cyan);color:var(--bg-dark)}#hero{min-height:100vh;display:flex;align-items:center;justify-content:center}.hero-content{display:flex;align-items:center;justify-content:space-between;gap:4rem;width:100%}.hero-text{flex:1.2}.hero-illustration{flex:1;display:flex;justify-content:center}.hero-img{width:100%;max-width:500px;height:auto}.hero-text h1{font-size:clamp(3rem,6vw,5.5rem);line-height:1.1;text-transform:uppercase;color:var(--text-main);margin-bottom:1rem}.sub-tagline{margin-top:2rem;display:flex;flex-direction:column;gap:.8rem;font-size:1.1rem;max-width:600px}#about{background:var(--bg-card);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:40px;margin:4rem 2rem;padding:6rem 4rem}.about-inner{display:flex;align-items:center;justify-content:space-between;gap:4rem}.about-text{flex:1.5}.about-illustration{flex:1;display:flex;justify-content:center}.about-img{width:100%;max-width:400px}.about-text h2{font-size:3rem;color:var(--accent-pink);margin-bottom:1.5rem}.about-text p{font-size:1.1rem;line-height:1.8;color:var(--text-main);opacity:.9}.experience-grid{display:grid;grid-template-columns:1fr;gap:4rem;max-width:900px;margin:0 auto}.experience-item{background:var(--bg-card);padding:3rem;border-radius:24px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.experience-item:hover{border-color:var(--accent-pink);transform:translateY(-5px)}.role-title{font-size:1.8rem;margin-bottom:.5rem;color:var(--text-main)}.company-date{font-weight:600;margin-bottom:1.5rem;font-size:1.1rem}.role-desc{color:var(--text-muted);margin-bottom:2rem;font-style:italic;line-height:1.6}.experience-duties{list-style:none;margin-bottom:2rem}.experience-duties li{position:relative;padding-left:1.5rem;margin-bottom:.8rem;color:var(--text-main);line-height:1.6;font-size:.95rem}.experience-duties li:before{content:"→";position:absolute;left:0;color:var(--accent-cyan);font-weight:700}.experience-apps{background:#ffffff08;padding:1.2rem;border-radius:12px;border-left:3px solid var(--accent-cyan);font-size:.9rem;color:var(--text-muted);line-height:1.6}.experience-apps strong{color:var(--accent-cyan);margin-right:.5rem;text-transform:uppercase;font-size:.8rem;letter-spacing:1px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:3rem 2rem;max-width:1000px;margin:0 auto}.workflow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem}.workflow-step{background:var(--bg-card);padding:2.5rem;border-radius:20px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.workflow-step:hover{transform:translateY(-5px);border-color:var(--accent-cyan)}.service-item{display:flex;align-items:flex-start;gap:4rem;padding:4rem 0;border-top:1px solid rgba(255,255,255,.1)}.service-number{font-family:inherit;font-weight:800;font-size:1.2rem;color:var(--accent-cyan)}.service-title{min-width:300px;font-size:1.8rem;line-height:1.2}.service-desc{color:var(--text-muted);font-size:1.1rem;max-width:500px}.gallery-marquee-wrapper{overflow:hidden;width:100%;padding:2rem 0;position:relative;-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent)}.gallery-marquee-content{display:flex;gap:1.5rem;width:max-content;animation:scroll-gallery 35s linear infinite}.gallery-marquee-wrapper:hover .gallery-marquee-content{animation-play-state:paused}@keyframes scroll-gallery{0%{transform:translate(0)}to{transform:translate(-50%)}}.gallery-item{position:relative;border-radius:12px;overflow:hidden;transition:all .4s ease;flex-shrink:0;width:350px;aspect-ratio:1 / 1}.gallery-item:hover .item-overlay{opacity:1!important}.gallery-item .item-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.gallery-item .item-overlay span{color:#fff;font-weight:700;font-size:1.1rem;letter-spacing:1px}.gallery-item img{width:100%;height:100%;object-fit:cover}#why-choose{position:relative;background-image:linear-gradient(#0b0d1799,#0b0d1799),url(/images/Assets/Asset-34x.webp);background-size:cover;background-position:center;background-attachment:fixed;padding:10rem 0}.why-inner{display:flex;flex-direction:column;gap:4rem;width:100%}.why-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%}.why-card{background:#191b28d9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:2.5rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;height:100%}.why-card:hover{border-color:var(--accent-cyan);transform:translateY(-10px)}.why-card-icon{width:64px;height:64px;border-radius:16px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.why-card:hover .why-card-icon{background:#06b8c91a;border-color:#06b8c94d;transform:scale(1.05)}.why-card-title{font-size:1.5rem;color:var(--text-main);margin-bottom:1rem}.why-card-desc{color:#e0e2e8;font-size:1rem;line-height:1.6}.icon-circle{width:80px;height:80px;border-radius:50%;background:var(--bg-dark);display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;font-size:1.5rem;font-weight:800;color:var(--text-main);border:2px solid rgba(255,255,255,.1)}.skills-pills{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;max-width:900px;margin:0 auto}.skill-pill{padding:.9rem 2rem;border-radius:100px;font-weight:700;font-size:1rem;letter-spacing:.5px;transition:transform .2s ease,box-shadow .2s ease;cursor:default}.skill-pill:hover{transform:translateY(-3px)}.pill-pink{background:#e81a5c1f;border:2px solid var(--accent-pink);color:var(--accent-pink)}.pill-pink:hover{box-shadow:var(--glow-pink)}.pill-cyan{background:#06b8c91f;border:2px solid var(--accent-cyan);color:var(--accent-cyan)}.pill-cyan:hover{box-shadow:var(--glow-cyan)}.hamburger-btn,.mobile-menu-overlay{display:none}.client-logo-image{height:40px;width:auto;max-width:160px;object-fit:contain;filter:grayscale(1) brightness(1.5);opacity:.6;transition:all .4s cubic-bezier(.16,1,.3,1)}.client-logo-img{display:flex;align-items:center}.client-logo-img:hover .client-logo-image{filter:grayscale(0) brightness(1);opacity:1}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;display:none;align-items:center;justify-content:center;cursor:auto;overflow-y:auto}.modal-overlay.active{display:flex}.modal-overlay *{cursor:auto}.modal-overlay .close-btn{cursor:pointer}.modal-content{background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem;max-width:800px;width:90%;position:relative;max-height:90vh;overflow-y:auto}.modal-content .close-btn{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:var(--text-main);font-size:2rem;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-content .close-btn:hover{background:#ffffff1a;color:var(--accent-pink)}.modal-section-title{color:var(--accent-cyan);font-size:1.1rem;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:1px}.modal-list{list-style:none;padding:0}.modal-list li{color:var(--text-muted);padding:.4rem 0 .4rem 1.2rem;position:relative;font-size:.95rem}.modal-list li:before{content:"→";position:absolute;left:0;color:var(--accent-cyan)}.mobile-menu-close{display:none}@media(max-width:1024px){.desktop-only{display:none}.hamburger-btn{display:flex;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;z-index:2000}.hamburger-btn span{width:30px;height:2px;background:var(--text-main);transition:all .3s ease}.hamburger-btn.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger-btn.active span:nth-child(2){opacity:0}.hamburger-btn.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu-overlay{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:#0a0b0efa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;justify-content:center;align-items:center;transition:right .5s cubic-bezier(.77,0,.175,1);z-index:1500}.mobile-menu-overlay.active{right:0}.mobile-menu-close{display:block;position:absolute;top:24px;right:24px;background:none;border:2px solid rgba(255,255,255,.2);color:var(--text-main);font-size:2rem;width:48px;height:48px;border-radius:50%;cursor:pointer;z-index:2100;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1}.mobile-menu-close:hover{background:var(--accent-pink);border-color:var(--accent-pink);transform:rotate(90deg)}.mobile-menu-links{display:flex;flex-direction:column;gap:2rem;text-align:center}.mobile-menu-links a{font-size:2.5rem;font-weight:800;color:var(--text-main);text-decoration:none;transition:color .3s ease}.mobile-menu-links a:hover{color:var(--accent-pink)}.work-grid,.services-grid,.blog-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:768px){.custom-cursor{display:none}body{cursor:auto}.container{padding-left:16px;padding-right:16px}section{padding:48px 0}.section-title{margin-bottom:32px;padding-top:8px}.section-title h2{font-size:clamp(1.6rem,6vw,2.2rem);margin-bottom:8px}.title-line{width:80px;margin-top:8px}body{font-size:16px;line-height:1.5}.hero-text h1,.hero h1{font-size:clamp(2rem,8vw,2.8rem);line-height:1.1;margin-bottom:8px}.sub-tagline{font-size:.95rem;margin-top:16px;gap:8px}.credibility-line{margin-top:16px!important;font-size:.85rem!important}.hero-content{flex-direction:column-reverse;text-align:center;gap:24px;padding-top:16px}.hero-illustration{margin-bottom:8px}.custom-hero-anim{max-width:70%!important;margin:0 auto 16px!important}.hero-buttons{flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin-top:24px!important}.btn-primary,.btn-secondary,.btn-nav,a.btn-primary,a.btn-secondary{min-height:48px;padding:12px 24px;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;width:100%;text-align:center}#about{margin:16px 8px;padding:32px 16px;border-radius:24px}.about-inner{flex-direction:column-reverse;gap:24px}.about-text h2{font-size:2rem;margin-bottom:16px;text-align:center}.about-text p{font-size:1rem;line-height:1.6;text-align:left}.about-img{max-width:60%;margin:0 auto}.experience-grid{gap:24px}.experience-item{padding:24px 16px;border-radius:16px}.role-title{font-size:1.3rem;margin-bottom:4px}.company-date{font-size:.95rem;margin-bottom:12px}.role-desc{font-size:.9rem;margin-bottom:16px}.experience-duties li{font-size:.9rem;margin-bottom:8px;line-height:1.5}.experience-apps{font-size:.85rem;padding:12px}.experience-stats{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:24px;margin-top:32px}.stat-number{font-size:2.5rem!important}.skills-grid{grid-template-columns:repeat(3,1fr);gap:24px 16px}.skill-ring-wrapper .progress-ring{width:80px!important;height:80px!important}.skill-label{font-size:.7rem}.progress-text{font-size:.8rem}.skill-pill{font-size:.85rem;padding:8px 16px}.service-item{flex-direction:column;gap:8px;padding:24px 0}.service-title{min-width:unset;font-size:1.3rem}.service-desc{font-size:.95rem}.service-number{font-size:1rem}.workflow-grid{grid-template-columns:1fr;gap:16px}.workflow-step{padding:24px 16px;border-radius:16px}.workflow-step h3{font-size:1.2rem;margin-bottom:8px}.workflow-step p{font-size:.9rem;line-height:1.5}#why-choose{padding:48px 0;background-attachment:scroll}.why-cards{grid-template-columns:1fr;gap:16px}.why-card{padding:24px 16px;border-radius:16px}.why-card-icon{width:48px;height:48px;border-radius:12px;margin-bottom:16px}.why-card-icon svg{width:28px;height:28px}.why-card-title{font-size:1.2rem;margin-bottom:8px}.why-card-desc{font-size:.9rem;line-height:1.5}.case-study{padding:24px 16px!important;border-radius:16px!important}.case-studies-list{gap:24px!important}.case-study h3{font-size:1.5rem!important}.case-study h4{font-size:1rem!important}.case-study p{font-size:.9rem!important;line-height:1.5!important}.gallery-marquee-wrapper{padding:16px 0}.gallery-item{width:260px}.gallery-item img{height:100%}.stats-wrapper{flex-direction:column!important;gap:24px!important}.stat-item h2{font-size:3rem!important}.stat-item p{font-size:.9rem!important}.blog-grid{grid-template-columns:1fr!important;gap:16px!important}.blog-card{padding:24px 16px!important;border-radius:16px!important}.blog-card h4{font-size:1.1rem!important}.blog-card p{font-size:.9rem!important}#testimonials>div{padding:24px 16px!important;border-radius:16px!important}#testimonials p:first-child{font-size:1.1rem!important}.marquee-wrapper{padding:24px 0}.client-logo{font-size:1.2rem}.client-logo-image{height:28px}.marquee-content{gap:3rem}.contact-container{padding:0 16px}.contact-info h2{font-size:clamp(1.8rem,7vw,2.5rem)!important}.contact-info p{font-size:1rem!important;margin:16px auto!important}.hire-badge{padding:12px 16px!important;font-size:.9rem}footer{padding:32px 16px!important}.footer-links{flex-direction:column!important;gap:16px!important;align-items:center}.seo-links{flex-direction:column!important;gap:8px!important;align-items:center}.service-areas p:last-child{font-size:.7rem!important;line-height:1.8!important}.work-grid,.services-grid,[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns: repeat(4, 1fr)"],[style*="grid-template-columns: repeat(3, 1fr)"],[style*="grid-template-columns: repeat(2, 1fr)"]{grid-template-columns:1fr!important}[style*="grid-template-columns: repeat(3, 1fr)"]{grid-template-columns:1fr!important;gap:16px!important}.tool-grid{grid-template-columns:1fr 1fr!important}.mobile-menu-links a{font-size:1.8rem}main.container{padding-top:80px}nav{padding:8px 16px}.hero-sub h1{font-size:clamp(2rem,8vw,2.8rem)!important}.modal-content{width:95%;padding:24px 16px;border-radius:16px;max-height:85vh}.modal-content .close-btn{top:12px;right:12px}#modal-title{font-size:1.4rem!important}#modal-desc{font-size:.95rem!important}}.marquee-wrapper{overflow:hidden;width:100%;padding:4rem 0;position:relative;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.marquee-content{display:flex;gap:6rem;width:max-content;animation:scroll-marquee 40s linear infinite}.client-logo{font-size:1.8rem;color:var(--text-muted);font-weight:800;white-space:nowrap;filter:grayscale(1);opacity:.4;transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer}.client-logo:hover{filter:grayscale(0);opacity:1;color:var(--text-main);transform:scale(1.1)}.marquee-wrapper:hover .marquee-content{animation-play-state:paused}@keyframes scroll-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.gallery-lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:9998;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.gallery-lightbox-overlay.active{opacity:1;pointer-events:auto}.gallery-lightbox-img{max-width:90%;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 0 30px #00000080}.gallery-lightbox-close{position:absolute;top:24px;right:24px;background:none;border:2px solid rgba(255,255,255,.2);color:#fff;font-size:2rem;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:9999;transition:all .3s ease;line-height:1}.gallery-lightbox-close:hover{background:var(--accent-pink);border-color:var(--accent-pink);transform:rotate(90deg)}
