:root{--max-width: 1200px;--padding-x: 1.5rem;--section-gap: 6rem;--color-primary: #6366f1;--color-primary-dark: #4f46e5;--color-accent: #22d3ee;--color-text: #0f172a;--color-muted: #475569;--bg-light: #f9fafb;--bg-soft: #eef2ff;--bg-white: #ffffff}*,*:before,*:after{box-sizing:border-box}*{transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;color:var(--color-text);background-color:var(--bg-light)}.container{max-width:var(--max-width);margin:0 auto;padding-left:var(--padding-x);padding-right:var(--padding-x)}section{padding:var(--section-gap) 0}h2{font-size:clamp(2rem,4vw,2.5rem);margin-bottom:3rem;text-align:center}.header{background:var(--bg-white);position:sticky;top:0;z-index:100;box-shadow:0 6px 20px #0000000d}.nav{display:flex;justify-content:space-between;align-items:center;height:70px}.logo{font-weight:700;font-size:1.2rem;color:var(--color-primary)}.menu-btn{display:none;font-size:1.8rem;background:none;border:none;cursor:pointer}.nav-links{display:flex}.nav-links a{margin-left:2rem;text-decoration:none;color:var(--color-muted);font-weight:500;position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--color-primary);transition:width .3s ease}.nav-links a:hover{color:var(--color-primary)}.nav-links a:hover:after{width:100%}.hero{background:linear-gradient(135deg,#eef2ff 0%,#f9fafb 60%)}.hero .container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem}.hero-content{max-width:520px}.hero h1{font-size:clamp(2.2rem,5vw,3rem);line-height:1.1;margin-bottom:1rem}.hero p{font-size:1.1rem;color:var(--color-muted)}.hero-image{width:100%;max-width:500px}.btn-primary{margin-top:1.5rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border:none;padding:.9rem 2rem;border-radius:14px;font-size:1rem;cursor:pointer;box-shadow:0 8px 20px #6366f140}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #6366f159}.services{background:var(--bg-soft);text-align:center}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.5rem}.service-card{padding:2.2rem;border-radius:16px;background:var(--bg-white);border:1px solid rgba(99,102,241,.1)}.service-card:hover{transform:translateY(-6px);box-shadow:0 14px 30px #00000014}.service-icon{font-size:2.6rem;display:block;margin-bottom:1rem;color:var(--color-primary)}.projects{background:#f1f5f9}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem}.project-card{background:var(--bg-white);border-radius:18px;overflow:hidden;position:relative}.project-card:before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}.project-card img{width:100%;height:200px;object-fit:cover}.project-card h3{margin:1rem}.project-card p{margin:0 1rem 1.5rem;color:#64748b}.project-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000001f}.contact{background:var(--bg-white);text-align:center}@media (max-width: 768px){.hero .container{grid-template-columns:1fr;text-align:center}.hero-image{margin:0 auto}.menu-btn{display:block}.nav-links{position:absolute;top:70px;right:0;background:white;flex-direction:column;width:100%;padding:1.5rem;display:none;box-shadow:0 20px 40px #00000014}.nav-links.open{display:flex}.nav-links a{margin:1rem 0}}.project-info{padding:1.5rem}.project-card button{margin-top:1rem}.contact-form{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:1.2rem}.contact-form input,.contact-form textarea{padding:.9rem 1rem;border-radius:10px;border:1px solid #e5e7eb;font-size:1rem;font-family:inherit}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--color-primary)}.form-error{color:#dc2626;margin-top:.5rem}.form-success{color:#16a34a;margin-top:.5rem}html{scroll-behavior:smooth}section{scroll-margin-top:80px}