.header,.nav__list li a:hover::after{width:100%;left:0}.header__logo img:hover,.hero-list li:hover{transform:scale(1.1)}.collab-text,.main-title{text-transform:uppercase}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{background:#000;color:#bbb}.container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.header{background:linear-gradient(90deg,#000,#7d7d7d);padding:15px 0;position:fixed;top:0;z-index:1000;box-shadow:0 4px 10px rgba(255,255,255,.1)}.header__btn,.nav__list li a{color:#bbb;position:relative;text-decoration:none}.header__logo img{height:50px;transition:transform .3s}.header__nav .nav__list{list-style:none;display:flex;gap:30px}.nav__list li a{font-size:18px;font-weight:600;transition:color .3s ease-in-out}.nav__list li a::after{content:"";position:absolute;left:50%;bottom:-5px;width:0;height:2px;background:#a9a9a9;transition:width .3s ease-in-out,left .3s ease-in-out}.footer-list a:hover,.footer-text a:hover,.nav__list li a:hover{color:#fff}.header__btn{background:0 0;padding:10px 25px;border:2px solid #7d7d7d;border-radius:30px;font-size:16px;font-weight:700;transition:.3s ease-in-out;overflow:hidden}.header__btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(255,255,255,.2);transition:left .4s ease-in-out}.header__btn:hover::before{left:0}.header__btn:hover{background:#7d7d7d;color:#000;box-shadow:0 0 10px rgba(255,255,255,.3)}.futuristic-item:hover,.portfolio-item:hover,.process-step:hover{box-shadow:0 10px 20px rgba(255,255,255,.2)}.burger{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;cursor:pointer;z-index:1100}.burger span{height:3px;background:#fff;border-radius:2px;transition:.3s}.header__nav{transition:.4s}.contact-content,.contact-section2{transition:opacity .8s ease-out,transform .8s ease-out;opacity:0;transform:translateY(50px)}.burger.active span:first-child{transform:rotate(45deg) translate(6px,6px)}.burger.active span:nth-child(2){opacity:0}.burger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-5px)}.no-scroll{overflow:hidden}.main-section{background:url("../img/preview-bg.jpg") center center/cover no-repeat}.hero-section{background:url("../img/main1.jpg") center center/cover no-repeat}.benefits-section{background:url("../img/main3.jpg") center center/cover no-repeat}.process-section{background:url("../img/main2.jpg") center center/cover no-repeat}.futuristic-section{background:#000}.services-section{background:url("../img/services-bg.jpg") center center/cover no-repeat;padding:100px 20px}.benefits-section,.futuristic-section,.hero-section,.main-section,.process-section,.services-section{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;color:#fff;overflow:hidden}.contact-section{background:#000;color:#fff;padding:80px 0;display:flex;align-items:center;justify-content:center}.contact-section2{background:linear-gradient(135deg,#1e1e1e,#3a3a3a);padding:100px 0;text-align:center;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.benefits-content.visible,.contact-content.visible,.contact-section2.visible,.futuristic-content.visible,.hero-content.visible,.main-content.visible,.portfolio-item.visible,.process-content.visible,.services-content.in-view{opacity:1;transform:translateY(0)}.benefits-overlay,.futuristic-overlay,.hero-overlay,.main-section::after,.process-overlay,.services-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}.main-section::after{content:""}.benefits-content,.futuristic-content,.hero-content,.main-content,.process-content,.services-content{position:relative;z-index:2;max-width:800px;padding:20px;opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}.services-content{max-width:900px;margin:120px auto 0;z-index:2}.contact-content{max-width:500px}.benefits-title,.contact-title2,.futuristic-title,.hero-title,.portfolio-title,.process-title,.services-title{font-size:48px;font-weight:700;text-transform:uppercase;margin-bottom:20px;cursor:default}.main-title{font-size:80px;font-weight:700;color:#bbb;letter-spacing:5px;text-shadow:3px 3px 10px rgba(0,0,0,.8);cursor:default}.contact-subtitle,.contact-subtitle2,.futuristic-subtitle,.hero-subtitle,.portfolio-subtitle,.process-subtitle,.services-subtitle{font-size:26px;font-weight:400;margin-bottom:20px;color:#bbb;cursor:default}.contact-subtitle,.contact-subtitle2,.futuristic-subtitle,.portfolio-subtitle,.process-subtitle,.services-subtitle{margin-bottom:40px}.process-subtitle{font-weight:500}.benefits-steps h3,.feature-card h3,.portfolio-item h3,.service-card h3,.services-list h3{font-size:26px;font-weight:600;margin:20px 0;color:#fff}.contact-grid2,.features-grid,.futuristic-grid,.portfolio-grid,.services-grid{display:flex;justify-content:space-around;gap:40px;margin-top:40px}.portfolio-grid{justify-content:center;align-items:flex-start}.feature-card,.service-card{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:15px;padding:30px;width:300px;transition:transform .3s,box-shadow .3s;cursor:pointer;position:relative;overflow:hidden}.contact-item2:hover,.feature-card:hover,.service-card:hover{transform:translateY(-10px);box-shadow:0 10px 20px rgba(255,255,255,.2)}.feature-card p,.service-card p{font-size:16px;color:#ddd}.benefits-icon,.feature-card i,.futuristic-icon{font-size:40px;margin-bottom:10px}.feature-card i{color:#fc0}.benefits-steps,.hero-list{font-size:22px;color:#a9a9a9;cursor:default}.contact-details a:hover{color:#7d7d7d}.futuristic-item h3{margin-top:10px}.hero-list{list-style:none;padding:0;font-weight:300}.hero-list li{margin-bottom:10px;transition:transform .3s ease-in-out}.hero-list li:hover{color:#fff}.benefits-list{display:flex;justify-content:space-around;gap:30px;margin-bottom:40px}.benefits-item{display:flex;flex-direction:column;align-items:center;max-width:220px;text-align:center;cursor:default}.benefits-item p{font-size:20px;font-weight:500;color:#bbb}.benefits-steps{font-weight:400}.btn,.collab-text,.step-number{font-weight:700}.process-steps{display:flex;flex-direction:column;align-items:center;gap:20px;cursor:default}.process-step,.step-number{align-items:center;display:flex}.process-step{line-height:18px;background:rgba(0,0,0,.7);padding:15px 25px;border-radius:10px;max-width:600px;width:100%;text-align:left;gap:15px;border-left:5px solid #bbb;transition:transform .3s,background .3s}.step-number{font-size:26px;color:#bbb;background:#000;padding:10px 15px;border-radius:50%;width:50px;height:50px;justify-content:center}.contact-container{display:flex;max-width:1200px;width:90%;align-items:center;justify-content:space-between;gap:50px}.contact-details p{font-size:20px;margin-bottom:15px;cursor:default}.contact-details a{color:#bbb;text-decoration:none;transition:color .3s}.collab-text{font-size:22px;margin-top:30px;color:#7d7d7d}.contact-image{width:500px;height:400px;background:url("../img/main4.jpg") center center/cover no-repeat;border-radius:15px;box-shadow:0 4px 15px rgba(255,255,255,.1)}#particles,.animated-bg{height:100%;position:absolute;width:100%}.futuristic-item{background:rgba(0,0,0,.7);padding:20px;border-radius:10px;max-width:250px;text-align:center;transition:transform .3s ease-in-out,background .3s ease-in-out;cursor:default}.services-section.extra{background:url("../img/services-bg2.jpg") center center/cover no-repeat}.services-heading{font-size:42px;font-weight:700;margin-bottom:20px}.services-description{font-size:20px;margin-bottom:40px}.services-list h4{font-size:24px;font-weight:500;margin-top:10px;color:#bbb}.services-list ul{list-style:none;padding:0;font-size:18px;margin-bottom:40px}.services-list li{margin-bottom:10px;padding-left:20px;position:relative}.services-list li::before{content:"✔";position:absolute;left:0;color:#fc0;font-size:18px}.services-section.interactive{background:#000;text-align:center}.process-step:hover{transform:translateX(10px)}.futuristic-item:hover{transform:scale(1.1)}.service-icon{font-size:40px;color:#fc0;margin-bottom:15px;transition:color .3s}.services-section.fast-web{position:relative;background:#0a0a0a;text-align:center;color:#fff;padding:100px 20px;overflow:hidden}.animated-bg{top:0;left:0;z-index:0}.portfolio{padding:100px 0;text-align:center;background:linear-gradient(135deg,#1e1e1e,#3a3a3a);height:100vh}.portfolio-item{background:#252525;padding:25px;border-radius:12px;width:320px;text-align:center;box-shadow:0 4px 20px rgba(255,255,255,.1)}.portfolio-item img{width:100%;border-radius:12px;transition:opacity .3s}.portfolio-item img:hover{opacity:.9}.portfolio-item p{color:#aaa;font-size:18px;margin-bottom:20px}.portfolio-buttons{display:flex;justify-content:center;gap:15px}.btn{background:linear-gradient(135deg,#ff7b00,#ff3d00);color:#fff;padding:12px 25px;border-radius:6px;text-decoration:none;font-size:16px;transition:background .3s,transform .3s}.btn:hover{background:linear-gradient(135deg,#ff5200,#ff1500);transform:scale(1.1)}.portfolio-item{opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}.contact-item2{background:#252525;border-radius:10px;display:flex;align-items:center;gap:15px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 15px rgba(255,255,255,.1)}.contact-item2 a{text-decoration:none;padding:20px 30px;color:#fff;font-size:20px;font-weight:500;display:flex;align-items:center;gap:10px}.contact-item2 i{font-size:28px;color:#ff7b00;transition:color .3s}.contact-item2:hover i{color:#ff3d00}.footer{background:#0d0d0d;color:#fff;padding:70px 0 40px;font-family:'Segoe UI',sans-serif;position:relative;overflow:hidden}.footer-container{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;gap:40px;max-width:1200px;margin:0 auto;padding:0 20px}.footer-column{flex:1 1 280px}.footer-logo img{width:90px;height:90px;border-radius:50%;filter:brightness(.8) drop-shadow(0 0 10px #7d7d7d88);margin-bottom:15px}.footer-description{color:#999;font-size:15px;line-height:1.6;max-width:280px}.footer-title{font-size:20px;font-weight:700;margin-bottom:20px;color:#bbb}.footer-list li,.footer-text{margin-bottom:12px}.footer-list{list-style:none;padding:0}.footer-list a,.footer-text a{color:#a9a9a9;font-size:17px;text-decoration:none;position:relative;transition:color .3s}.footer-list a::after,.footer-text a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:#7d7d7d;transition:width .3s}.footer-list a:hover::after,.footer-text a:hover::after{width:100%}.footer-text{font-size:17px;color:#bbb}.footer-bottom{margin-top:40px;text-align:center;font-size:15px;color:#666;border-top:1px solid #2a2a2a;padding-top:20px}.glow{color:#7d7d7d;text-shadow:0 0 5px #7d7d7d,0 0 10px #7d7d7d}@media (max-width:1024px){.process-section,.services-section{height:auto}}@media (max-width:992px){.footer-column,.footer-description{max-width:100%}.footer-container{flex-direction:column;align-items:center;text-align:center}.footer-column{flex:auto;width:100%}.contact-grid2,.portfolio-grid{flex-direction:column}.portfolio-grid{align-items:center}.features-grid,.services-grid{flex-direction:column;align-items:center}.futuristic-section,.portfolio{height:auto}.futuristic-section,.process-section{padding-top:20px}}@media (max-width:820px){body>section.services-section.extra,body>section.services-section.fast-web,body>section.services-section.interactive{padding:0 20px}}@media (max-width:768px){.burger,.header__nav{display:flex}.header__nav{position:fixed;top:0;left:-100%;width:100%;height:100vh;background:#000000f0;justify-content:center;align-items:center;transition:left .5s;z-index:1050}.header__nav.active{left:0}.nav__list{flex-direction:column;gap:40px}.nav__list li a{font-size:24px;color:#fff}.header__btn{display:none}.main-title{font-size:50px!important}.contact-container{flex-direction:column;align-items:center}.footer-container{flex-direction:column;align-items:center;text-align:center}.footer-column,.footer-description{max-width:100%}.services-content{margin-top:0}}@media (max-width:530px){.contact-image{width:300px;height:190px}}@media (max-width:500px){.benefits-title,.contact-title2,.futuristic-title,.main-title,.portfolio-title,.process-title,.services-title{font-size:30px!important}.hero-title,.services-heading{font-size:28px!important}.benefits-list,.futuristic-grid{flex-direction:column;align-items:center}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:none;justify-content:center;align-items:center;z-index:1000}.modal{background-color:#1a1a1a;padding:30px;border-radius:10px;width:90%;max-width:400px;color:#bbb}.modal h2{margin-top:0;color:#fff;font-size:18px;font-weight:700}.modal input,.modal textarea{width:100%;padding:10px;margin:10px 0;border:none;color:#000;resize:none}.modal button{background-color:#a9a9a9;color:#000;padding:10px 20px;border:none;cursor:pointer}.close-btn{float:right;font-size:20px;cursor:pointer;color:#bbb}.case-info{margin-top:15px;color:#fff;font-size:16px;background-color:#333;padding:15px;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}