:root{--primary:#2563eb;--primary-dark:#1d4ed8;--secondary:#0f172a;--text:#475569;--light:#f8fafc;--white:#ffffff;--gray:#94a3b8;--border:#e2e8f0;--radius:18px;--shadow:0 20px 40px rgba(15,23,42,.08);--transition:.35s ease;--container:1200px;}*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}body{font-family:'Inter',sans-serif;color:var(--text);background:var(--light);overflow-x:hidden;line-height:1.7;}img{max-width:100%;display:block;}a{text-decoration:none;color:inherit;}ul{list-style:none;}.container{width:min(92%,1200px);margin:auto;}header{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:.35s;}header.scrolled{background:rgba(255,255,255,.85);backdrop-filter:blur(18px);box-shadow:0 10px 30px rgba(0,0,0,.05);}.navbar{height:85px;display:flex;align-items:center;justify-content:space-between;}.logo{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:var(--secondary);}.logo span span{color:var(--primary);}.logo-icon{width:46px;height:46px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:12px;}nav ul{display:flex;gap:38px;}nav a{font-weight:600;position:relative;transition:.3s;}nav a::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:3px;border-radius:10px;background:var(--primary);transition:.3s;}nav a:hover,nav a.active{color:var(--primary);}nav a:hover::after,nav a.active::after{width:100%;}.nav-action{display:flex;align-items:center;gap:15px;}.menu-toggle{display:none;width:48px;height:48px;border:none;border-radius:12px;background:#eef4ff;color:var(--primary);font-size:20px;cursor:pointer;}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at top right,#dbeafe,transparent 40%),radial-gradient(circle at left,#bfdbfe,transparent 35%),#f8fafc;}.hero::before{content:"";position:absolute;width:500px;height:500px;background:#60a5fa;filter:blur(180px);opacity:.15;right:-150px;top:-150px;}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;}.badge{display:inline-block;padding:10px 18px;border-radius:50px;background:#dbeafe;color:var(--primary);font-weight:700;margin-bottom:25px;font-size:14px;}.hero h1{font-family:Poppins,sans-serif;font-size:64px;line-height:1.1;color:var(--secondary);margin-bottom:25px;}.hero p{font-size:18px;max-width:550px;margin-bottom:40px;}.hero-button{display:flex;gap:20px;}.hero-image{width:100%;animation:float 6s ease infinite;}.hero-content{z-index:5;}.hero-content h1{max-width:650px;}.hero-content p{max-width:600px;font-size:18px;margin:30px 0;}.hero-button{display:flex;gap:20px;margin-bottom:50px;}.hero-button i{margin-right:10px;}.hero-client{display:flex;gap:45px;}.hero-client h3{font-size:34px;color:var(--primary);}.hero-client span{color:var(--gray);font-size:14px;}.hero-image{position:relative;}.hero-image img{width:100%;max-width:550px;margin:auto;}.stats{margin-top:-70px;position:relative;z-index:20;}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}.stats-grid div{background:#fff;padding:40px;border-radius:18px;text-align:center;box-shadow:var(--shadow);}.stats-grid h2{font-size:42px;color:var(--primary);font-family:Poppins,sans-serif;}.stats-grid p{color:var(--gray);margin-top:8px;}section{padding:110px 0;}.section-title{text-align:center;margin-bottom:70px;}.section-title h2{font-size:42px;color:var(--secondary);margin-bottom:15px;}.section-title p{max-width:700px;margin:auto;}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}100%{transform:translateY(0)}}#about{background:#ffffff;}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;}.about-image{position:relative;}.about-image img{width:100%;border-radius:20px;box-shadow:var(--shadow);}.about-content h2{font-size:42px;margin-bottom:20px;color:var(--secondary);}.about-content p{margin-bottom:18px;}.about-list{margin-top:30px;display:grid;gap:16px;}.about-list li{display:flex;align-items:center;gap:15px;font-weight:600;}.about-list i{color:var(--primary);width:22px;font-size:20px;}.about-image{position:relative;}.about-image img{width:100%;border-radius:24px;box-shadow:0 30px 60px rgba(0,0,0,.12);}.about-image::before{content:"";position:absolute;width:180px;height:180px;background:#2563eb;opacity:.08;border-radius:50%;left:-60px;top:-60px;}.about-content{padding-left:20px;}.about-content h2{margin:20px 0;font-size:44px;line-height:1.2;}.about-content p{margin-bottom:18px;}.about-list{margin:35px 0;}.about-list li{display:flex;align-items:center;gap:14px;margin-bottom:16px;font-weight:600;}.about-list i{color:#2563eb;font-size:20px;}.about-counter{display:flex;gap:40px;margin-top:40px;}.about-counter h3{font-size:38px;color:#2563eb;}.about-counter span{color:#94a3b8;}#services{background:#f8fafc;}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;}.card{background:#fff;padding:40px 35px;border-radius:20px;transition:.35s;box-shadow:var(--shadow);border:1px solid transparent;}.card:hover{transform:translateY(-12px);border-color:#dbeafe;box-shadow:0 30px 60px rgba(37,99,235,.12);}.card i{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:#eff6ff;color:var(--primary);font-size:30px;margin-bottom:25px;}.card h3{margin-bottom:15px;color:var(--secondary);}.card p{color:var(--text);}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;}.service-card{background:#fff;border-radius:22px;padding:35px;transition:.35s;box-shadow:0 10px 35px rgba(0,0,0,.06);border:1px solid transparent;}.service-card:hover{transform:translateY(-10px);border-color:#2563eb;}.service-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:#2563eb;border-radius:18px;font-size:28px;margin-bottom:25px;}.service-card h3{margin-bottom:15px;}.service-card p{margin-bottom:25px;color:#64748b;}.service-card a{display:inline-flex;align-items:center;gap:10px;color:#2563eb;font-weight:600;transition:.3s;}.service-card:hover a{gap:16px;}#portfolio{background:#ffffff;}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:35px;}.portfolio-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.08);transition:.35s;}.portfolio-card:hover{transform:translateY(-10px);}.portfolio-card img{width:100%;height:240px;object-fit:cover;}.portfolio-body{padding:30px;}.portfolio-category{display:inline-block;background:#eff6ff;color:#2563eb;padding:6px 15px;border-radius:50px;font-size:13px;font-weight:600;margin-bottom:20px;}.portfolio-body h3{margin-bottom:15px;}.portfolio-body p{color:#64748b;margin-bottom:25px;}.portfolio-tech{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px;}.portfolio-tech span{padding:8px 14px;border-radius:50px;background:#f1f5f9;font-size:13px;font-weight:600;}.portfolio-btn{display:inline-flex;align-items:center;gap:10px;color:#2563eb;font-weight:600;transition:.3s;}.portfolio-btn:hover{gap:16px;}#why-us{background:#f8fafc;}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;}.why-card{background:#fff;padding:35px;border-radius:20px;text-align:center;box-shadow:0 12px 30px rgba(0,0,0,.06);transition:.35s;}.why-card:hover{transform:translateY(-10px);}.why-card i{font-size:42px;color:#2563eb;margin-bottom:20px;}.why-card h3{margin-bottom:15px;}.workflow-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;}.step{background:#fff;padding:35px 25px;border-radius:20px;text-align:center;position:relative;box-shadow:0 12px 30px rgba(0,0,0,.06);}.step span{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin:auto auto 20px;border-radius:50%;background:#2563eb;color:#fff;font-size:22px;font-weight:700;}.step h3{margin-bottom:15px;}.workflow{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;margin-top:40px;}.workflow div{background:#fff;padding:35px 20px;text-align:center;border-radius:20px;box-shadow:var(--shadow);font-weight:700;color:var(--secondary);position:relative;}.workflow div::after{content:"→";position:absolute;right:-18px;top:50%;transform:translateY(-50%);color:var(--primary);font-size:28px;}.workflow div:last-child::after{display:none;}.testimonial{max-width:900px;margin:60px auto 0;background:#fff;padding:50px;border-radius:24px;box-shadow:var(--shadow);text-align:center;position:relative;}.testimonial::before{content:"“";position:absolute;top:-35px;left:50%;transform:translateX(-50%);width:70px;height:70px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:46px;font-family:Georgia,serif;}.testimonial p{font-size:18px;color:var(--text);margin-bottom:20px;}.testimonial h4{color:var(--secondary);font-size:18px;}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;}.testimonial-card{background:#fff;padding:35px;border-radius:20px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.06);}.testimonial-card img{width:90px;height:90px;border-radius:50%;margin:auto;margin-bottom:20px;object-fit:cover;}.testimonial-card small{display:block;margin:10px 0 20px;color:#64748b;}#faq{background:#f8fafc;}.faq-item{background:#fff;border-radius:18px;padding:25px 30px;margin-bottom:20px;box-shadow:var(--shadow);cursor:pointer;transition:.3s;}.faq-item:hover{transform:translateY(-4px);}.faq-item h3{display:flex;justify-content:space-between;align-items:center;font-size:20px;color:var(--secondary);}.faq-item h3::after{content:"+";font-size:26px;color:var(--primary);}.faq-item p{margin-top:15px;color:var(--text);}#contact{background:#fff;}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}.contact-grid h2{font-size:42px;margin-bottom:20px;}.contact-grid p{margin-bottom:15px;}.contact-grid form{display:flex;flex-direction:column;gap:20px;}.contact-grid input,.contact-grid textarea{width:100%;padding:16px 18px;border:1px solid var(--border);border-radius:14px;outline:none;font-family:inherit;font-size:16px;transition:.3s;}.contact-grid input:focus,.contact-grid textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(37,99,235,.12);}.contact-grid textarea{resize:vertical;min-height:180px;}.contact-grid button{border:none;font-size:16px;}footer{background:var(--secondary);color:#fff;padding:70px 0 20px;}.footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;}.footer h2,.footer h4{color:#fff;margin-bottom:18px;}.footer p{color:#cbd5e1;}.footer a{display:block;color:#cbd5e1;margin-bottom:12px;transition:.3s;}.footer a:hover{color:#fff;padding-left:8px;}.copyright{border-top:1px solid rgba(255,255,255,.08);margin-top:50px;padding-top:20px;text-align:center;color:#94a3b8;}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;}.footer-grid h3{margin-bottom:20px;}.footer-grid ul{list-style:none;padding:0;}.footer-grid li{margin-bottom:12px;}.footer-grid a{color:#cbd5e1;transition:.3s;}.footer-grid a:hover{color:white;}.social{display:flex;gap:15px;margin-top:20px;}.social a{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);}.social a:hover{background:#2563eb;}.scroll-progress{position:fixed;top:0;left:0;width:0;height:4px;background:var(--primary);z-index:9999;}@media(max-width:992px){.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr;}.workflow{grid-template-columns:repeat(2,1fr);}.footer{grid-template-columns:1fr;}.stats-grid{grid-template-columns:repeat(2,1fr);}nav{display:none;}.hero{text-align:center;}.hero-button{justify-content:center;}.hero p{margin:auto auto 40px;}.menu-toggle{display:flex;align-items:center;justify-content:center;}.nav-action .btn{display:none;}nav{position:fixed;top:85px;left:-100%;width:280px;height:calc(100vh - 85px);background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:.35s;padding:30px;}nav.open{left:0;}nav ul{flex-direction:column;gap:25px;}.about-counter{flex-wrap:wrap;gap:25px;}.about-content{padding-left:0;}.footer-grid{grid-template-columns:1fr;}}@media(max-width:768px){section{padding:80px 0;}.hero h1{font-size:42px;}.section-title h2{font-size:32px;}.stats-grid{grid-template-columns:1fr;}.workflow{grid-template-columns:1fr;}.card-grid{grid-template-columns:1fr;}.portfolio-grid{grid-template-columns:1fr;}.btn,.btn-outline{width:100%;}.hero-button{flex-direction:column;}.navbar{height:75px;}.logo{font-size:26px;}.about-counter{flex-wrap:wrap;gap:25px;}.about-content{padding-left:0;}.services-grid{grid-template-columns:1fr;}.portfolio-grid{grid-template-columns:1fr;}.workflow-grid{grid-template-columns:1fr;}.footer-grid{grid-template-columns:1fr;}}nav a.active{color:var(--primary);}.hidden{opacity:0;transform:translateY(40px);transition:.7s;}.show{opacity:1;transform:translateY(0);}input,textarea{transition:.3s;}input:focus,textarea:focus{transform:translateY(-2px);}.floating-wa{position:fixed;right:25px;bottom:25px;width:60px;height:60px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;color:white;font-size:28px;box-shadow:0 10px 30px rgba(0,0,0,.25);z-index:999;}#topButton{position:fixed;bottom:100px;right:25px;width:50px;height:50px;border:none;border-radius:50%;background:#2563eb;color:white;cursor:pointer;display:none;}