:root{--bg-body:#f8fafc;--bg-white:#fff;--bg-dark:#0f172a;--bg-accent:#e0f2fe;--text-primary:#0f172a;--text-secondary:#475569;--text-light:#94a3b8;--brand-blue:#0284c7;--brand-dark:#1e3a8a;--brand-cyan:#06b6d4;--green-whatsapp:#25d366;--border-light:#e2e8f0;--font-headings:"Montserrat", sans-serif;--font-body:"Inter", sans-serif;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 8px 24px #0f172a0f;--shadow-lg:0 20px 40px #0f172a1a;--radius:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-body);color:var(--text-secondary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:var(--font-headings);color:var(--text-primary);line-height:1.2}a{color:var(--brand-blue);text-decoration:none;transition:all .3s}a:hover{color:var(--brand-cyan)}img{border-radius:var(--radius);max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 5%}.navbar{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-light);background:#fffffff2;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1200px;height:80px;margin:0 auto;padding:0 5%;display:flex}.navbar-brand{font-family:var(--font-headings);color:var(--brand-dark);align-items:center;gap:12px;font-size:22px;font-weight:800;display:flex}.navbar-brand img{border-radius:6px;width:44px;height:44px}.navbar-links{gap:32px;list-style:none;display:flex}.navbar-links a{color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:600}.navbar-links a:hover{color:var(--brand-blue)}.btn-cta{background:var(--brand-blue);color:var(--bg-white);font-family:var(--font-body);cursor:pointer;border:none;border-radius:50px;padding:12px 28px;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 4px 14px #0284c74d}.btn-cta:hover{background:var(--brand-dark);transform:translateY(-2px)}.hero{background:url(../images/hero-welding.png) 50%/cover no-repeat;align-items:center;min-height:90vh;padding:160px 0 80px;display:flex;position:relative}.hero:before{content:"";background:linear-gradient(90deg,#0f172af2 0%,#0f172ab3 100%);position:absolute;inset:0}.hero .container{z-index:2;align-items:center;display:flex;position:relative}.hero-content{max-width:650px}.badge{background:var(--brand-blue);color:#fff;letter-spacing:1px;text-transform:uppercase;border-radius:4px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-block}.hero h1{color:#fff;margin-bottom:20px;font-size:clamp(38px,5vw,68px);font-weight:800}.hero h1 span{color:var(--brand-cyan)}.hero p{color:#cbd5e1;margin-bottom:40px;font-size:18px;font-weight:400;line-height:1.8}.stats-section{z-index:10;margin-top:-50px;margin-bottom:80px;position:relative}.stats-grid{background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow-lg);text-align:center;grid-template-columns:repeat(4,1fr);gap:24px;padding:40px;display:grid}.stat-box h3{color:var(--brand-dark);text-transform:uppercase;margin-bottom:8px;font-size:20px;font-weight:800;line-height:1.2}.stat-box p{color:var(--brand-blue);text-transform:none;letter-spacing:normal;margin:0;font-size:15px;font-weight:600}.section{padding:80px 0}.section-title{text-align:center;margin-bottom:60px}.section-title h2{color:var(--text-primary);margin-bottom:16px;font-size:36px;font-weight:800}.section-title p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:18px}.services-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.service-card{background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow-md);border-top:4px solid var(--brand-blue);padding:40px 30px;transition:all .3s}.service-card:hover{box-shadow:var(--shadow-lg);border-color:var(--brand-cyan);transform:translateY(-10px)}.icon-wrap{background:var(--bg-accent);width:60px;height:60px;color:var(--brand-blue);border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.service-card h3{margin-bottom:12px;font-size:20px;font-weight:700}.service-card p{color:var(--text-secondary);font-size:15px}.portfolio-section{background:var(--bg-white)}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.port-item{border-radius:var(--radius);aspect-ratio:4/3;position:relative;overflow:hidden}.port-item img{object-fit:cover;border-radius:0;width:100%;height:100%;transition:all .5s}.port-item:hover img{transform:scale(1.05)}.port-overlay{color:#fff;background:linear-gradient(#0000,#0f172ae6);padding:30px 20px 20px;position:absolute;bottom:0;left:0;right:0}.port-overlay h4{color:#fff;margin-bottom:5px;font-size:18px}.contact-section{background:var(--bg-body);padding:100px 0}.contact-wrapper{background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow-lg);grid-template-columns:1fr 1fr;gap:60px;padding:0;display:grid;overflow:hidden}.contact-info{background:var(--brand-dark);color:#fff;flex-direction:column;justify-content:center;padding:60px;display:flex}.contact-info h2{color:#fff;margin-bottom:20px;font-size:32px}.contact-info p{color:#cbd5e1;margin-bottom:40px}.contact-list{flex-direction:column;gap:20px;list-style:none;display:flex}.contact-list li{align-items:center;gap:16px;font-size:16px;font-weight:500;display:flex}.form-body{padding:60px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-primary);text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-light);width:100%;font-family:var(--font-body);background:#f8fafc;border-radius:8px;padding:14px;font-size:15px;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--brand-blue);background:#fff;outline:none;box-shadow:0 0 0 3px #0284c71a}.btn-submit{background:var(--green-whatsapp);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:16px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 15px #25d3664d}.btn-submit:hover{background:#1ea952;transform:translateY(-2px)}.footer{background:var(--bg-dark);color:#cbd5e1;padding:80px 0 40px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:60px;display:grid}.footer-col h4{color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:24px;font-size:16px;font-weight:700}.footer-logo{font-family:var(--font-headings);color:#fff;align-items:center;gap:12px;margin-bottom:20px;font-size:24px;font-weight:800;display:flex}.footer-logo img{border-radius:8px;width:50px;height:50px}.footer-about p{color:#94a3b8;max-width:320px;font-size:15px;line-height:1.8}.footer-links{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-links a{color:#94a3b8;align-items:center;gap:8px;font-size:15px;transition:all .3s;display:flex}.footer-links a:hover{color:var(--brand-cyan);transform:translate(5px)}.footer-contact-list{flex-direction:column;gap:16px;list-style:none;display:flex}.footer-contact-item{color:#94a3b8;align-items:flex-start;gap:12px;font-size:15px;text-decoration:none;transition:all .3s;display:flex}.footer-contact-item:hover{color:var(--brand-cyan)}.footer-contact-item svg{flex-shrink:0;margin-top:3px}.footer-bottom{text-align:center;border-top:1px solid #ffffff0d;padding-top:40px}.footer-bottom p{color:#64748b;font-size:13px}@media (width<=992px){.stats-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr)}.contact-wrapper{grid-template-columns:1fr}.contact-info,.form-body{padding:40px}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.navbar-links{display:none}.hero h1{font-size:32px}.portfolio-grid,.stats-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:40px}}