@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:block;src:url('fonts/inter.woff2')format('woff2');}:root{--black:#0D0D0D;--white:#FFFFFF;--gray:#585858;--light-gray:#F2F2F2;--electric-purple:#6C2BFF;--soft-pink:#FF4D9D;--font-main:'Inter',sans-serif;}*{margin:0;padding:0;box-sizing:border-box;border-radius:0 !important;}body{font-family:var(--font-main);background-color:var(--white);color:var(--black);line-height:1.8;font-size:18px;overflow-x:hidden;}.reveal{opacity:0.2;transform:translateY(20px);transition:all 0.6s cubic-bezier(0.165,0.84,0.44,1);will-change:opacity,transform;}.reveal.active{opacity:1 !important;transform:translateY(0)!important;}.reveal-left{opacity:0.2;transform:translateX(-30px);transition:all 0.6s cubic-bezier(0.165,0.84,0.44,1);will-change:opacity,transform;}.reveal-left.active{opacity:1 !important;transform:translateX(0)!important;}.reveal-right{opacity:0.2;transform:translateX(30px);transition:all 0.6s cubic-bezier(0.165,0.84,0.44,1);will-change:opacity,transform;}.reveal-right.active{opacity:1 !important;transform:translateX(0)!important;}.reveal.active,.reveal-left.active,.reveal-right.active{opacity:1 !important;transform:translate(0,0)!important;}html:not(.js).reveal,html:not(.js).reveal-left,html:not(.js).reveal-right{opacity:1 !important;transform:none !important;}a{text-decoration:none;color:inherit;transition:0.3s ease;}ul{list-style:none;}h1,h2,h3{text-transform:uppercase;font-weight:800;letter-spacing:-1px;}.container{max-width:1200px;margin:0 auto;padding:0 20px;}section{padding:100px 0;}.importance{background:var(--white);color:var(--black);padding:100px 0;}.importance p{font-size:1.4rem;line-height:1.6;margin-top:20px;color:var(--gray);}nav{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:20px 0;transition:all 0.4s ease;background:transparent;opacity:1;visibility:visible;pointer-events:all;isolation:isolate;}nav.sticky{background:var(--white);backdrop-filter:none;padding:10px 0;opacity:1;visibility:visible;pointer-events:all;box-shadow:none;border-bottom:none;}.nav-content{display:flex;justify-content:space-between;align-items:center;color:var(--black);}.nav-links{display:flex;gap:30px;}.nav-links a{color:var(--black);font-weight:700;font-size:1.1rem;text-transform:uppercase;transition:color 0.3s ease;}.nav-links a:hover,.nav-links a.active{color:var(--electric-purple);}.faq-section{padding:100px 0;background:var(--light-gray);color:var(--black);}.faq-container{max-width:800px;margin-top:40px;}.faq-item{border-bottom:1px solid var(--gray);padding:20px 0;cursor:pointer;}.faq-question{font-weight:700;display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;transition:0.3s;}.faq-item:hover .faq-question{color:var(--electric-purple);}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.5s cubic-bezier(0,1,0,1);color:var(--black);margin-top:0;}.faq-item.active .faq-answer{max-height:200px;transition:max-height 0.5s cubic-bezier(1,0,1,0);margin-top:15px;}.faq-icon{font-size:24px;transition:0.4s;}.faq-item.active .faq-icon{transform:rotate(45deg);color:var(--electric-purple);}.logo{font-size:24px;font-weight:900;letter-spacing:-1px;transition:0.4s;position:relative;display:flex;align-items:center;color:var(--black);}nav .logo{z-index:1001;}.logo-dot{color:var(--soft-pink);display:inline-block;}.logo:hover{transform:scale(1.05);}.nav-toggle{display:none;flex-direction:column;gap:6px;cursor:pointer;z-index:1001;}.nav-toggle span{width:30px;height:2px;background:var(--black);transition:0.4s;}@media(max-width:768px){section{padding:60px 0;}h1{font-size:40px !important;}h2{font-size:28px;}.nav-toggle{display:flex;}.nav-links{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:var(--white);flex-direction:column;justify-content:center;align-items:center;transition:0.5s;z-index:1000;mix-blend-mode:normal;}.nav-links.active{right:0;}.nav-links a{font-size:24px;font-weight:800;color:var(--black);}.nav-toggle.active span:nth-child(1){transform:translateY(8px)rotate(45deg);}.nav-toggle.active span:nth-child(2){opacity:0;}.nav-toggle.active span:nth-child(3){transform:translateY(-8px)rotate(-45deg);}.portfolio-item{flex:0 0 300px;width:300px;}.hero-btns{flex-direction:column;width:100%;}.btn{width:100%;}.hero-accents{background-size:34px 34px,38px 38px;animation-duration:36s;}}h2{margin-bottom:40px;position:relative;display:inline-block;color:var(--black);}h2::before{content:'';position:absolute;bottom:-5px;left:0;width:40px;height:4px;background:var(--electric-purple);}.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;background:var(--light-gray);}.hero-gradient{position:absolute;top:-50%;left:-50%;width:200%;height:200%;z-index:1;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,0.95)0%,rgba(255,255,255,0.7)35%,transparent 70%),radial-gradient(circle at 75% 80%,rgba(255,255,255,0.9)0%,rgba(255,255,255,0.6)35%,transparent 70%),radial-gradient(circle at 20% 75%,rgba(255,77,157,0.18)0%,transparent 40%),radial-gradient(circle at 80% 30%,rgba(108,43,255,0.12)0%,transparent 40%);filter:blur(160px);animation:gradientMove 22s ease-in-out infinite;opacity:0.9;}.hero-accents{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;background-image:radial-gradient(circle,rgba(108,43,255,0.16)0.8px,transparent 1.2px),radial-gradient(circle,rgba(255,77,157,0.12)0.8px,transparent 1.2px);background-size:28px 28px,32px 32px;background-position:0 0,14px 14px;animation:dotsShift 28s linear infinite alternate;}@keyframes gradientMove{0%{transform:translate(0,0)scale(1);}50%{transform:translate(6%,4%)scale(1.08);}100%{transform:translate(0,0)scale(1);}}@keyframes dotsShift{0%{background-position:0 0,14px 14px;}50%{background-position:12px 6px,22px 18px;}100%{background-position:0 0,14px 14px;}}.hero-content{position:relative;z-index:3;opacity:0;transform:translateY(30px);animation:fadeInUp 1s forwards 0.5s;}@keyframes fadeInUp{to{opacity:1;transform:translateY(0);}}.hero h1{font-size:clamp(40px,8vw,90px);margin-bottom:30px;line-height:1.3;padding-top:10px;color:var(--black);-webkit-text-fill-color:var(--black);background:none;animation:floatingText 4s ease-in-out infinite;}.highlight{color:inherit;-webkit-text-fill-color:inherit;position:relative;display:inline-block;text-decoration:underline;text-decoration-color:var(--soft-pink);text-underline-offset:8px;}.highlight::after{display:none;}.hero-btns{display:flex;gap:20px;justify-content:center;}.btn{padding:15px 40px;border:2px solid var(--electric-purple);font-weight:700;text-transform:uppercase;position:relative;overflow:hidden;background:transparent;cursor:pointer;transition:0.4s cubic-bezier(0.165,0.84,0.44,1);color:var(--electric-purple);}.btn-primary{background:var(--electric-purple);color:var(--white);}.btn-primary:hover{background:transparent;color:var(--electric-purple);}.btn-secondary{background:transparent;color:var(--electric-purple);}.btn-secondary:hover{background:var(--electric-purple);color:var(--white);}@keyframes floatingText{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}.services{background:var(--white);color:var(--black);padding:100px 0;}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:50px;}.service-card{padding:40px;border:1px solid var(--light-gray);transition:0.4s cubic-bezier(0.165,0.84,0.44,1);background:var(--white);position:relative;color:var(--black);}.service-card p{color:var(--gray);margin-top:10px;}.service-card:hover{border-color:var(--electric-purple);transform:translateY(-10px)scale(1.02);box-shadow:0 20px 40px rgba(108,43,255,0.1);}.service-card h3{margin-bottom:15px;font-size:20px;}.service-card::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--electric-purple);transition:0.4s;}.service-card:hover::after{width:100%;}.portfolio-section{padding:100px 0;background:var(--light-gray);color:var(--black);}.portfolio-container{justify-content:flex-start;display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:50px 20px;cursor:grab;}.portfolio-container::-webkit-scrollbar{display:none;}.portfolio-item{flex:0 0 450px;width:450px;background:var(--white);margin-right:40px;display:inline-flex;flex-direction:column;position:relative;border:1px solid transparent;transition:0.4s;}.portfolio-item:hover{border-color:var(--electric-purple);}.portfolio-media{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:var(--light-gray);}.portfolio-media img{width:100%;height:100%;object-fit:cover;object-position:center;transition:0.8s cubic-bezier(0.165,0.84,0.44,1);}.portfolio-item:hover .portfolio-media img{transform:scale(1.1);}.portfolio-media .portfolio-caption{position:absolute;left:16px;bottom:16px;color:var(--black);font-weight:700;text-transform:uppercase;letter-spacing:0.5px;font-size:clamp(14px,1.6vw,18px);line-height:1.2;max-width:85%;}.portfolio-media::before{content:'View Project';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0.8);background:var(--electric-purple);color:var(--white);padding:10px 20px;font-weight:700;text-transform:uppercase;z-index:2;opacity:0;transition:0.4s;}.portfolio-item:hover .portfolio-media::before{opacity:1;transform:translate(-50%,-50%)scale(1);}.blog-preview{padding:100px 0;background:var(--white);color:var(--black);}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:60px;}.blog-card{border:1px solid var(--light-gray);transition:0.4s;background:var(--white);color:var(--black);}.blog-card p{color:var(--gray);margin-top:10px;}.blog-card:hover{border-color:var(--electric-purple);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1);}.blog-card:hover{border-color:var(--electric-purple);}.blog-card .blog-img,.blog-img{width:100%;aspect-ratio:16 / 9;background:var(--light-gray);overflow:hidden;}.blog-card:hover .blog-img{background:var(--electric-purple);}.blog-img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}.blog-hero{width:100%;aspect-ratio:16 / 9;background:var(--light-gray);overflow:hidden;margin-bottom:30px;}.blog-hero img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}.contact{padding:100px 0;background:var(--white);color:var(--black);}.contact-form{display:grid;gap:20px;max-width:800px;}.form-group{position:relative;}.contact-form input,.contact-form textarea{width:100%;padding:20px;border:1px solid var(--light-gray);background:var(--light-gray);transition:0.4s;font-family:inherit;font-size:16px;}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--electric-purple);background:var(--white);}footer{padding:80px 0 40px;background:var(--light-gray);color:var(--black);}.footer-content h3{margin-bottom:20px;font-size:1.2rem;}.footer-content a:hover{color:var(--electric-purple);}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;}.footer-bottom{margin-top:60px;padding-top:20px;border-top:1px solid var(--gray);text-align:center;font-size:16px;}.logo-img{height:21px;width:auto;display:block;transition:0.4s;}.logo:hover .logo-img{transform:scale(1.05);}@media(max-width:768px){.logo-img{height:18px;}}.blog-detail{max-width:800px;margin:0 auto;}.blog-detail h1{overflow-wrap:break-word;word-wrap:break-word;hyphens:auto;line-height:1.2;margin-bottom:20px;}.blog-content{margin-top:30px;font-size:1.1rem;line-height:1.8;overflow-wrap:break-word;word-break:break-word;}.blog-content img{max-width:100%;height:auto;margin:20px 0;}.blog-content p{margin-bottom:20px;}@media(max-width:768px){.blog-detail{padding:0 15px;}.blog-content{font-size:1rem;}}