:root{--primary-teal: #14B8A6;--secondary-teal: #0891B2;--dark-teal: #0F766E;--accent-green: #10B981;--bright-green: #34D399;--electric-blue: #0EA5E9;--white: #FFFFFF;--light-gray: #F8FAFC;--medium-gray: #64748B;--charcoal: #1E293B;--dark-charcoal: #0F172A;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Poppins", var(--font-primary)}.web-development-page.svelte-71wsns{background:var(--white);color:var(--charcoal)}.container.svelte-71wsns{max-width:1200px;margin:0 auto;padding:0 2rem}.page-nav.svelte-71wsns{background:var(--white);border-bottom:1px solid var(--light-gray);padding:1rem 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-container.svelte-71wsns{max-width:1200px;margin:0 auto;padding:0 2rem}.home-btn.svelte-71wsns{display:inline-flex;align-items:center;gap:.5rem;color:var(--medium-gray);text-decoration:none;font-weight:500;transition:all .3s ease;padding:.5rem 1rem;border-radius:8px}.home-btn.svelte-71wsns:hover{color:var(--primary-teal);background:#14b8a60d;transform:translate(-2px)}.home-icon.svelte-71wsns{width:18px;height:18px;transition:transform .3s ease}.home-btn.svelte-71wsns:hover .home-icon:where(.svelte-71wsns){transform:translate(-2px)}.hero-section.svelte-71wsns{padding:4rem 0 6rem;background:linear-gradient(135deg,var(--light-gray) 0%,var(--white) 100%);position:relative;overflow:hidden}.hero-section.svelte-71wsns:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(16,185,129,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(20,184,166,.03) 0%,transparent 50%);pointer-events:none}.hero-container.svelte-71wsns{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:10}.service-badge.svelte-71wsns{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent-green);color:var(--white);padding:.75rem 1.5rem;border-radius:50px;font-weight:600;font-size:.9rem;margin-bottom:2rem}.badge-icon.svelte-71wsns{width:20px;height:20px}.page-title.svelte-71wsns{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin:0 0 2rem;color:var(--charcoal)}.gradient-text.svelte-71wsns{background:linear-gradient(45deg,var(--accent-green),var(--primary-teal));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:svelte-71wsns-gradientShift 3s ease-in-out infinite}@keyframes svelte-71wsns-gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-description.svelte-71wsns{font-size:1.2rem;line-height:1.7;color:var(--medium-gray);margin-bottom:3rem}.hero-buttons.svelte-71wsns{display:flex;justify-content:flex-start}.btn-primary.svelte-71wsns{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease;background:linear-gradient(45deg,var(--accent-green),var(--bright-green));color:var(--white);box-shadow:0 8px 25px #10b9814d}.btn-primary.svelte-71wsns:hover{transform:translateY(-2px);box-shadow:0 12px 35px #10b98166}.btn-icon.svelte-71wsns{width:16px;height:16px;transition:transform .3s ease}.btn-primary.svelte-71wsns:hover .btn-icon:where(.svelte-71wsns){transform:translate(3px)}.hero-visual.svelte-71wsns{display:flex;justify-content:center;align-items:center}.web-showcase.svelte-71wsns{position:relative;width:300px;height:300px}.showcase-item.svelte-71wsns{position:absolute;width:80px;height:80px;background:linear-gradient(45deg,var(--accent-green),var(--primary-teal));border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--white);box-shadow:0 10px 30px #10b9814d;animation:svelte-71wsns-float 6s ease-in-out infinite}.item-1.svelte-71wsns{top:0;left:50%;transform:translate(-50%);animation-delay:0s}.item-2.svelte-71wsns{top:50%;right:0;transform:translateY(-50%);animation-delay:1.5s}.item-3.svelte-71wsns{bottom:0;left:50%;transform:translate(-50%);animation-delay:3s}.item-4.svelte-71wsns{top:50%;left:0;transform:translateY(-50%);animation-delay:4.5s}@keyframes svelte-71wsns-float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.services-section.svelte-71wsns{padding:6rem 0;background:var(--white)}.section-header.svelte-71wsns{text-align:center;margin-bottom:4rem}.section-header.svelte-71wsns h2:where(.svelte-71wsns){font-family:var(--font-heading);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--charcoal);margin-bottom:1rem}.section-header.svelte-71wsns p:where(.svelte-71wsns){font-size:1.2rem;color:var(--medium-gray);max-width:600px;margin:0 auto}.services-grid.svelte-71wsns{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-item.svelte-71wsns{background:var(--white);border:2px solid var(--light-gray);border-radius:20px;padding:2.5rem;transition:all .3s ease;position:relative;overflow:hidden}.service-item.svelte-71wsns:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-green),var(--primary-teal))}.service-item.svelte-71wsns:hover{transform:translateY(-5px);box-shadow:0 20px 40px #10b9811a;border-color:var(--accent-green)}.service-item.svelte-71wsns .service-icon:where(.svelte-71wsns){width:60px;height:60px;background:linear-gradient(45deg,var(--accent-green),var(--primary-teal));border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 8px 25px #10b98133}.service-item.svelte-71wsns .service-icon:where(.svelte-71wsns) svg:where(.svelte-71wsns){width:28px;height:28px;color:var(--white);stroke-width:2}.service-item.svelte-71wsns h3:where(.svelte-71wsns){font-family:var(--font-heading);font-size:1.4rem;font-weight:600;color:var(--charcoal);margin-bottom:1rem}.service-item.svelte-71wsns p:where(.svelte-71wsns){color:var(--medium-gray);line-height:1.6;margin-bottom:1.5rem}.feature-list.svelte-71wsns{list-style:none;padding:0;margin:0}.feature-list.svelte-71wsns li:where(.svelte-71wsns){position:relative;padding-left:1.5rem;margin-bottom:.5rem;color:var(--medium-gray)}.feature-list.svelte-71wsns li:where(.svelte-71wsns):before{content:"⚡";position:absolute;left:0;color:var(--accent-green);font-size:.9rem;top:1px}.process-section.svelte-71wsns{padding:6rem 0;background:var(--light-gray)}.process-steps.svelte-71wsns{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.step.svelte-71wsns{text-align:center;position:relative}.step-number.svelte-71wsns{width:60px;height:60px;background:linear-gradient(45deg,var(--accent-green),var(--primary-teal));color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;margin:0 auto 1.5rem;box-shadow:0 8px 25px #10b9814d}.step-content.svelte-71wsns h3:where(.svelte-71wsns){font-family:var(--font-heading);font-size:1.3rem;font-weight:600;color:var(--charcoal);margin-bottom:1rem}.step-content.svelte-71wsns p:where(.svelte-71wsns){color:var(--medium-gray);line-height:1.6}.technology-section.svelte-71wsns{padding:6rem 0;background:var(--white)}.tech-grid.svelte-71wsns{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.tech-item.svelte-71wsns{text-align:center;padding:2rem;border-radius:15px;transition:all .3s ease}.tech-item.svelte-71wsns:hover{transform:translateY(-5px);background:#10b9810d}.tech-icon.svelte-71wsns{font-size:3rem;margin-bottom:1rem;filter:grayscale(.3)}.tech-item.svelte-71wsns h3:where(.svelte-71wsns){font-family:var(--font-heading);font-size:1.3rem;font-weight:600;color:var(--charcoal);margin-bottom:1rem}.tech-item.svelte-71wsns p:where(.svelte-71wsns){color:var(--medium-gray);line-height:1.6}.benefits-section.svelte-71wsns{padding:6rem 0;background:var(--light-gray)}.benefits-grid.svelte-71wsns{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-top:3rem}.benefit-item.svelte-71wsns{text-align:center}.benefit-stat.svelte-71wsns{font-size:3rem;font-weight:800;color:var(--accent-green);font-family:var(--font-heading);margin-bottom:1rem;text-shadow:0 2px 10px rgba(16,185,129,.2)}.benefit-item.svelte-71wsns h3:where(.svelte-71wsns){font-family:var(--font-heading);font-size:1.4rem;font-weight:600;color:var(--charcoal);margin-bottom:1rem}.benefit-item.svelte-71wsns p:where(.svelte-71wsns){color:var(--medium-gray);line-height:1.6}.cta-section.svelte-71wsns{padding:6rem 0;background:linear-gradient(135deg,var(--accent-green),var(--primary-teal));color:var(--white);text-align:center}.cta-content.svelte-71wsns h2:where(.svelte-71wsns){font-family:var(--font-heading);font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1rem}.cta-content.svelte-71wsns p:where(.svelte-71wsns){font-size:1.2rem;margin-bottom:2rem;color:#ffffffe6}.btn-large.svelte-71wsns{padding:1.25rem 2.5rem;font-size:1.1rem}.cta-section.svelte-71wsns .btn-primary:where(.svelte-71wsns){background:var(--white);color:var(--accent-green)}.cta-section.svelte-71wsns .btn-primary:where(.svelte-71wsns):hover{background:var(--light-gray)}@media (max-width: 768px){.hero-container.svelte-71wsns{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-visual.svelte-71wsns{order:-1}.web-showcase.svelte-71wsns{width:250px;height:250px}.showcase-item.svelte-71wsns{width:60px;height:60px;font-size:1.5rem}.services-grid.svelte-71wsns,.process-steps.svelte-71wsns,.tech-grid.svelte-71wsns{grid-template-columns:1fr}.benefits-grid.svelte-71wsns{grid-template-columns:1fr;gap:2rem}.hero-buttons.svelte-71wsns{justify-content:center}}