:root{--primary:#f06223;--primary-dark:#d4551a;--primary-light:#fef3ed;--secondary:#8b7355;--secondary-light:#f8f3ee;--dark:#2c1810;--dark-light:#4a3628;--text:#2c1810;--text-muted:#7a6a5a;--border:#e8ddd0;--white:#ffffff;--bg-light:#f8f3ee;--shadow:0 30px 70px rgba(44,24,16,0.08);--shadow-lg:0 40px 90px rgba(44,24,16,0.12);--radius:24px;--radius-sm:12px;--gradient-primary:linear-gradient(135deg,#f06223,#d4551a);--gradient-secondary:linear-gradient(135deg,#8b7355,#6b5a42);--gradient-hero:linear-gradient(135deg,#2c1810 0%,#4a3628 50%,#2c1810 100%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:var(--bg-light);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{max-width:1200px}.bg-light{background:var(--bg-light)}.bg-white{background:var(--white)}.bg-dark{background:var(--dark)}.section-padding{padding:100px 0;position:relative}.btn-primary-custom{background:var(--gradient-primary);color:var(--white);border:none;padding:16px 40px;border-radius:50px;font-weight:600;font-size:15px;transition:all 0.4s ease;box-shadow:0 12px 32px rgba(240,98,35,0.3)}.btn-primary-custom:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(240,98,35,0.4);color:var(--white)}.btn-outline-custom{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,0.2);padding:16px 40px;border-radius:50px;font-weight:600;font-size:15px;transition:all 0.4s ease}.btn-outline-custom:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-3px);background:rgba(240,98,35,0.1)}.btn-cta-large{background:var(--gradient-primary);color:var(--white);border:none;padding:20px 55px;border-radius:50px;font-weight:700;font-size:17px;transition:all 0.4s ease;box-shadow:0 15px 40px rgba(240,98,35,0.35)}.btn-cta-large:hover{transform:translateY(-4px);box-shadow:0 25px 55px rgba(240,98,35,0.45);color:var(--white)}.section-header{text-align:center;margin-bottom:60px}.section-header .label{display:inline-block;font-size:0.65rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--primary);background:rgba(240,98,35,0.08);padding:0.35rem 1.4rem;border-radius:50px;margin-bottom:1rem}.section-header h2{font-weight:700;color:var(--dark);font-size:clamp(2rem,3.5vw,2.8rem);line-height:1.12;margin-bottom:0.5rem}.section-header h2 .accent{color:var(--primary)}.section-header p{color:var(--text-muted);font-size:1.1rem;max-width:620px;margin:0 auto}.hero-service{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;background:var(--gradient-hero);overflow:hidden;padding:0;width:100% !important;max-width:100% !important;}.hero-service .bg-image{position:absolute;inset:0;background-image:url('https://www.fourtender.com/assets/uploads/2026/07/1783205144_7e30e15f0d0fa7d965e4.jpg');background-size:cover;background-position:center;opacity:0.12;z-index:0}.hero-service .floating-shapes{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.hero-service .floating-shapes span{position:absolute;border-radius:50%;opacity:0.06}.hero-service .floating-shapes span:nth-child(1){width:500px;height:500px;background:var(--primary);top:-150px;right:-100px;animation:shapeFloat 20s ease-in-out infinite}.hero-service .floating-shapes span:nth-child(2){width:350px;height:350px;background:var(--secondary);bottom:-100px;left:-50px;animation:shapeFloat 25s ease-in-out infinite reverse}.hero-service .floating-shapes span:nth-child(3){width:200px;height:200px;background:var(--primary);top:50%;left:40%;animation:shapeFloat 18s ease-in-out infinite;animation-delay:-5s}@keyframes shapeFloat{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(60px,-80px) scale(1.1)}66%{transform:translate(-40px,50px) scale(0.9)}}.hero-service .container{position:relative;z-index:1}.hero-content{padding:60px 20px;color:var(--white); width:100% !important; max-width:100%;}.hero-content .service-badge{display:inline-block;background:rgba(255,255,255,0.08);color:var(--white);font-size:0.7rem;font-weight:600;letter-spacing:2px;padding:0.3rem 1.2rem;border-radius:50px;margin-bottom:1.2rem;text-transform:uppercase;border:1px solid rgba(255,255,255,0.1)}.hero-content h1{font-weight:700;font-size:clamp(38px,5vw,56px);line-height:1.05;margin-bottom:1.5rem;color:var(--white)}.hero-content h1 .accent{color:var(--primary)}.hero-content p.lead{color:rgba(255,255,255,0.7);font-size:1.15rem;max-width:700px;line-height:1.8;margin-left:auto;margin-right:auto}.hero-content .hero-stats{display:flex;gap:50px;margin-top:40px;padding-top:35px;border-top:1px solid rgba(255,255,255,0.08);justify-content:center}.hero-content .hero-stats .stat-item .number{font-size:2rem;font-weight:700;color:var(--primary);font-family:"JetBrains Mono",monospace}.hero-content .hero-stats .stat-item .label{font-size:0.8rem;color:rgba(255,255,255,0.5);font-weight:500;display:block;margin-top:2px}.hero-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px;max-width:900px;margin-left:auto;margin-right:auto}.hero-features .feature-card{background:rgba(255,255,255,0.05);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-sm);padding:1.3rem 1rem;text-align:center;transition:all 0.4s ease}.hero-features .feature-card:hover{background:rgba(255,255,255,0.1);transform:translateY(-4px)}.hero-features .feature-card .icon{font-size:1.6rem;color:var(--primary);display:block;margin-bottom:0.4rem}.hero-features .feature-card h3{font-size:0.85rem;font-weight:600;color:var(--white);margin-bottom:0.2rem}.hero-features .feature-card p{font-size:0.7rem;color:rgba(255,255,255,0.5);margin-bottom:0}@media(max-width:991.98px){.hero-service{min-height:auto}.hero-content{padding:60px 20px 40px}.hero-content p.lead{max-width:100%}.hero-content .hero-stats{gap:30px;flex-wrap:wrap}.hero-features{grid-template-columns:repeat(3,1fr);gap:12px}}@media(max-width:576px){.hero-content{padding:40px 15px 30px}.hero-content h1{font-size:30px}.hero-content p.lead{font-size:1rem}.hero-content .hero-stats{gap:20px;flex-wrap:wrap;justify-content:center}.hero-content .hero-stats .stat-item .number{font-size:1.4rem}.hero-features{grid-template-columns:1fr 1fr;gap:10px}.hero-features .feature-card{padding:1rem 0.8rem}.hero-features .feature-card .icon{font-size:1.4rem}.hero-features .feature-card h3{font-size:0.8rem}.hero-features .feature-card p{font-size:0.65rem}}.service-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:80px;padding:0}.service-row:last-child{margin-bottom:0}.service-row.reverse{direction:rtl}.service-row.reverse>*{direction:ltr}.service-row .service-info .service-number{font-family:"JetBrains Mono",monospace;font-size:3.5rem;font-weight:700;color:var(--primary);line-height:1;margin-bottom:0.5rem;opacity:0.15}.service-row .service-info h3{font-weight:700;font-size:1.8rem;color:var(--dark);margin-bottom:0.8rem}.service-row .service-info p{color:var(--text-muted);font-size:1rem;margin-bottom:1.2rem}.service-row .service-info .tech-tags{display:flex;flex-wrap:wrap;gap:8px}.service-row .service-info .tech-tags span{background:rgba(240,98,35,0.08);color:var(--primary);font-size:0.7rem;font-weight:600;padding:0.3rem 1rem;border-radius:50px;border:1px solid rgba(240,98,35,0.06)}.service-row .service-visual{background:var(--gradient-hero);border-radius:var(--radius);padding:3rem 2rem;text-align:center;min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden}.service-row .service-visual::before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0.06}.service-row .service-visual .icon-big{font-size:4rem;color:var(--primary);position:relative;z-index:1}.service-row .service-visual .label-big{font-family:"JetBrains Mono",monospace;font-size:1.2rem;font-weight:600;color:rgba(255,255,255,0.8);position:relative;z-index:1;margin-top:0.5rem}.service-row .service-visual .count-big{font-family:"JetBrains Mono",monospace;font-size:4rem;font-weight:700;color:rgba(255,255,255,0.04);position:absolute;bottom:10px;right:20px;line-height:1}@media(max-width:991.98px){.service-row{grid-template-columns:1fr;gap:30px;margin-bottom:50px}.service-row.reverse{direction:ltr}.service-row .service-info{text-align:center}.service-row .service-info .tech-tags{justify-content:center}.service-row .service-visual{min-height:200px;padding:2rem 1.5rem}}.tech-masonry{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:2rem 0}.tech-masonry .tech-tag{background:var(--white);border:1px solid var(--border);border-radius:50px;padding:0.7rem 1.8rem;font-size:0.85rem;font-weight:500;color:var(--text);transition:all 0.4s ease;cursor:default;display:flex;align-items:center;gap:10px}.tech-masonry .tech-tag:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-3px);box-shadow:0 8px 24px rgba(240,98,35,0.08)}.tech-masonry .tech-tag .dot{width:8px;height:8px;border-radius:50%;display:inline-block}.tech-masonry .tech-tag .dot.php{background:#777BB3}.tech-masonry .tech-tag .dot.laravel{background:#FF2D20}.tech-masonry .tech-tag .dot.codeigniter{background:#EF4223}.tech-masonry .tech-tag .dot.symfony{background:#000000}.tech-masonry .tech-tag .dot.python{background:#3776AB}.tech-masonry .tech-tag .dot.django{background:#092E20}.tech-masonry .tech-tag .dot.flask{background:#000000}.tech-masonry .tech-tag .dot.fastapi{background:#009688}.tech-masonry .tech-tag .dot.wordpress{background:#21759B}.tech-masonry .tech-tag .dot.joomla{background:#F44336}.tech-masonry .tech-tag .dot.drupal{background:#0077C0}.tech-masonry .tech-tag .dot.magento{background:#EE6722}.tech-masonry .tech-tag .dot.woocommerce{background:#7F54B3}.tech-masonry .tech-tag .dot.prestashop{background:#DF0067}.tech-masonry .tech-tag .dot.shopify{background:#7AB55C}.tech-masonry .tech-tag .dot.opencart{background:#1E7B8C}.tech-masonry .tech-tag .dot.react{background:#61DAFB}.tech-masonry .tech-tag .dot.vue{background:#4FC08D}.tech-masonry .tech-tag .dot.angular{background:#DD0031}.tech-masonry .tech-tag .dot.node{background:#339933}.tech-masonry .tech-tag .dot.express{background:#000000}.tech-masonry .tech-tag .dot.mysql{background:#4479A1}.tech-masonry .tech-tag .dot.postgresql{background:#336791}.tech-masonry .tech-tag .dot.mongodb{background:#47A248}.tech-masonry .tech-tag .dot.aws{background:#FF9900}.tech-masonry .tech-tag .dot.azure{background:#0078D4}.tech-masonry .tech-tag .dot.gcp{background:#4285F4}.tech-masonry .tech-tag .dot.docker{background:#2496ED}.tech-masonry .tech-tag .dot.kubernetes{background:#326CE5}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.why-grid .why-item{background:var(--white);border-radius:var(--radius);padding:2.5rem 2rem;text-align:center;transition:all 0.5s ease;border:1px solid var(--border);position:relative;overflow:hidden}.why-grid .why-item::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:0;transition:opacity 0.5s ease}.why-grid .why-item:hover::before{opacity:1}.why-grid .why-item:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:transparent}.why-grid .why-item .icon-wrap{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 1rem;transition:all 0.5s ease}.why-grid .why-item:hover .icon-wrap{transform:scale(1.1)}.why-grid .why-item h3{font-weight:700;color:var(--dark);font-size:1.1rem;margin-bottom:0.4rem}.why-grid .why-item p{color:var(--text-muted);font-size:0.9rem;margin-bottom:0}@media(max-width:991.98px){.why-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.why-grid{grid-template-columns:1fr}}.process-timeline{max-width:800px;margin:0 auto;position:relative;padding:20px 0}.process-timeline::before{content:"";position:absolute;left:30px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--primary),var(--secondary),var(--primary));opacity:0.3;border-radius:3px}.process-timeline .step{display:flex;gap:30px;margin-bottom:40px;position:relative;padding-left:0}.process-timeline .step:last-child{margin-bottom:0}.process-timeline .step .step-num{width:60px;height:60px;border-radius:50%;background:var(--gradient-primary);color:var(--white);font-weight:700;font-size:1.4rem;font-family:"JetBrains Mono",monospace;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 24px rgba(240,98,35,0.25);position:relative;z-index:1}.process-timeline .step .step-content{padding-top:8px}.process-timeline .step .step-content h3{font-weight:700;color:var(--dark);font-size:1.2rem;margin-bottom:0.2rem}.process-timeline .step .step-content p{color:var(--text-muted);font-size:0.95rem;margin-bottom:0}@media(max-width:576px){.process-timeline::before{left:20px}.process-timeline .step{gap:16px}.process-timeline .step .step-num{width:44px;height:44px;font-size:1rem}.process-timeline .step .step-content h3{font-size:1rem}.process-timeline .step .step-content p{font-size:0.85rem}}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.faq-grid .faq-item{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.8rem 2rem;transition:all 0.4s ease}.faq-grid .faq-item:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 8px 24px rgba(44,24,16,0.04)}.faq-grid .faq-item .faq-icon{display:inline-block;color:var(--primary);font-size:1.3rem;margin-bottom:0.5rem}.faq-grid .faq-item h3{font-weight:700;color:var(--dark);font-size:1rem;margin-bottom:0.4rem}.faq-grid .faq-item p{color:var(--text-muted);font-size:0.9rem;margin-bottom:0}@media(max-width:768px){.faq-grid{grid-template-columns:1fr}}.cta-premium{background:var(--gradient-hero);position:relative;overflow:hidden}.cta-premium .cta-bg-image{position:absolute;inset:0;background-image:url('https://www.fourtender.com/assets/uploads/2026/07/1782905114_36b7fb9e489952d3e8be.jpg');background-size:cover;background-position:center;opacity:0.08}.cta-premium .cta-shapes{position:absolute;inset:0;pointer-events:none;overflow:hidden}.cta-premium .cta-shapes span{position:absolute;border-radius:50%;opacity:0.05}.cta-premium .cta-shapes span:nth-child(1){width:400px;height:400px;background:var(--primary);top:-150px;right:-100px;animation:shapeFloat 20s ease-in-out infinite}.cta-premium .cta-shapes span:nth-child(2){width:300px;height:300px;background:var(--secondary);bottom:-100px;left:-50px;animation:shapeFloat 25s ease-in-out infinite reverse}.cta-premium .cta-content{position:relative;z-index:2;text-align:center;padding:20px 0}.cta-premium .cta-content h2{font-weight:700;color:var(--white);font-size:clamp(32px,4vw,46px);margin-bottom:1rem}.cta-premium .cta-content h2 .accent{color:var(--primary)}.cta-premium .cta-content p{color:rgba(255,255,255,0.6);font-size:1.1rem;max-width:540px;margin:0 auto 2.5rem}@media(max-width:991.98px){.section-padding{padding:60px 0}.section-header{margin-bottom:40px}}@media(max-width:576px){.section-padding{padding:50px 0}.section-header h2{font-size:1.8rem}.cta-premium .cta-content h2{font-size:28px}}@media(prefers-reduced-motion:reduce){*,
        *::before,
        *::after{animation:none !important;transition:none !important}.hero-service .floating-shapes span,
        .cta-premium .cta-shapes span{animation:none !important}.hero-features .feature-card:hover,
        .why-grid .why-item:hover,
        .faq-grid .faq-item:hover,
        .tech-masonry .tech-tag:hover{transform:none !important}.service-row .service-visual::before{opacity:0.06}}