:root{--primary:#bd4f34;--primary-dark:#9c3f29;--primary-light:#d97a61;--secondary:#1f2937;--accent:#e8d4cc;--background:#fff;--background-light:#faf8f7;--background-dark:#111827;--text-primary:#1f2937;--text-secondary:#6b7280;--text-light:#fff;--border:#e8e0dc;--shadow:0 10px 30px #bd4f341f;--radius:12px;--transition:all .3s ease;--container:1200px;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444}html{scroll-behavior:smooth;scroll-padding-top:90px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}.container{width:min(94%,1400px);margin:0 auto}.section{padding:70px 0}.section-tag{color:var(--primary);background:#f5e8e3;border-radius:50px;margin-bottom:20px;padding:8px 18px;font-size:.9rem;font-weight:600;display:inline-block}.section-heading{color:var(--secondary);margin-bottom:20px;font-family:Poppins,sans-serif;font-size:2.7rem}.section-description{max-width:700px;color:var(--text-secondary);margin-bottom:50px;font-size:1.05rem}input,textarea{box-shadow:none;border:none;outline:none;font-family:inherit}input:focus,textarea:focus{box-shadow:none!important;outline:none!important}.primary-btn,.secondary-btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.primary-btn{background:var(--primary);color:#fff;border:2px solid var(--primary)}.primary-btn:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff;transform:translateY(-3px)}.secondary-btn{color:var(--primary);border:2px solid var(--primary);background:#fff}.secondary-btn:hover{background:var(--primary);color:#fff;transform:translateY(-3px)}.learn-more{color:var(--primary);align-items:center;gap:8px;margin-top:auto;font-weight:600;transition:all .3s;display:inline-flex}.learn-more:hover{gap:14px}.icon-circle{width:70px;height:70px;color:var(--primary);background:#bd4f341a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;font-size:28px;display:flex}.stats{margin-top:60px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.stat-item{text-align:center}.stat-item h3{color:var(--primary);font-family:Poppins,sans-serif;font-size:2.5rem}.stat-item p{color:var(--text-secondary);margin-top:8px}.badge{color:var(--primary);background:#f5e8e3;border-radius:50px;padding:8px 18px;font-size:.9rem;font-weight:600;display:inline-block}.card{box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:35px;transition:all .3s}.card:hover{transform:translateY(-8px)}@media (width<=768px){.primary-btn,.secondary-btn{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}.stat-item h3{font-size:2rem}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}}.navbar{border-bottom:1px solid var(--border);z-index:1000;background:#fff;width:100%;height:80px;position:sticky;top:0;left:0}.navbar .container{width:100%;max-width:1600px;margin:0 auto;padding:0 35px}.navbar-container{justify-content:space-between;align-items:center;height:100%;display:flex}.logo{flex-shrink:0;align-items:center;gap:12px;display:flex}.logo-img{object-fit:contain;width:42px;height:42px}.logo h2{color:var(--primary);white-space:nowrap;font-family:Poppins,sans-serif;font-size:1.55rem;font-weight:700;line-height:1}.nav-menu{margin-left:auto}.nav-links{align-items:center;gap:24px;display:flex}.nav-links li{align-items:center;display:flex}.nav-links a,.nav-link-btn{cursor:pointer;color:var(--secondary);background:0 0;border:none;padding:0;font-family:inherit;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s}.nav-links a:hover,.nav-link-btn:hover,.nav-links .active{color:var(--primary)}.menu-btn{cursor:pointer;width:42px;height:42px;color:var(--primary);background:0 0;border:none;justify-content:center;align-items:center;display:none}@media (width<=1200px){.navbar-container{gap:30px;padding:0 20px}.logo h2{font-size:1.6rem}.nav-links{gap:24px}}@media (width<=992px){.navbar-container{gap:20px}.logo h2{font-size:1.3rem}.nav-links{gap:18px}.nav-links a,.nav-link-btn{font-size:.95rem}}@media (width<=768px){.navbar{height:70px}.navbar-container{justify-content:space-between;padding:0 18px;display:flex}.logo-img{width:36px;height:36px}.logo h2{text-overflow:ellipsis;max-width:170px;font-size:1rem;overflow:hidden}.menu-btn{z-index:1200;display:flex}.nav-menu{z-index:1100;background:#fff;width:280px;height:calc(100vh - 70px);transition:right .3s;display:block;position:fixed;top:70px;right:-100%;box-shadow:-10px 0 25px #0000001f}.nav-menu.active{right:0}.nav-links{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;padding:25px}.nav-links li{width:100%}.nav-links a,.nav-link-btn{text-align:left;border-bottom:1px solid #eee;width:100%;padding:16px 0;display:block}}.hero{background:var(--background-light);padding:30px 0 32px}.hero-content{flex:1;max-width:620px}.hero-badge{color:var(--primary);background:#f5e8e3;border-radius:50px;margin-bottom:25px;padding:8px 18px;font-size:.9rem;font-weight:600;display:inline-block}.hero h1{margin-bottom:25px;font-size:3.8rem;line-height:1.15}.hero p{margin-bottom:40px;font-size:1.1rem;line-height:1.8}.hero-buttons{gap:20px;display:flex}.hero-buttons .primary-btn,.hero-buttons .secondary-btn{min-width:180px}.hero-wrapper{justify-content:space-between;align-items:center;gap:40px;display:flex}.hero-image{flex:1;justify-content:flex-start;align-items:center;display:flex}.hero-image img{object-fit:contain;width:100%;max-width:650px;height:auto}@media (width<=992px){.hero{min-height:auto;padding:80px 0}.hero-wrapper{text-align:center;flex-direction:column-reverse;gap:50px}.hero-content{max-width:100%}.hero h1{font-size:3rem}.hero p{margin:0 auto 35px}.hero-buttons{justify-content:center}}@media (width<=768px){.hero{padding:70px 0}.hero-wrapper{gap:35px}.hero h1{margin-bottom:20px;font-size:2.2rem;line-height:1.3}.hero p{margin-bottom:30px;font-size:1rem}.hero-buttons{flex-direction:column;gap:15px;width:100%}.hero-buttons .primary-btn,.hero-buttons .secondary-btn{width:100%;min-width:auto}}.about{background:#fff;padding:30px 0 60px}.about-container{grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.about-content h2{color:var(--secondary);margin-bottom:20px;font-family:Poppins,sans-serif;font-size:2.7rem}.about-content p{color:var(--text-secondary);margin-bottom:20px;line-height:1.8}.about-image{justify-content:center;align-items:center;display:flex}.about-image img{object-fit:cover;border-radius:16px;width:100%;max-width:550px;height:auto}@media (width<=992px){.about-container{gap:40px}.about-content h2{font-size:2.2rem}}@media (width<=768px){.about{padding:70px 0}.about-container{flex-direction:column;gap:35px;display:flex}.about-image{order:-1;width:100%}.about-image img{border-radius:14px;width:100%;max-width:100%}.about-content{text-align:center}.about-content h2{font-size:2rem}}.services{background:var(--background-light);padding:30px 0}.services-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px;display:grid}.service-card{box-shadow:var(--shadow);background:#fff;border-radius:18px;height:100%;padding:35px;transition:all .3s}.service-card:hover{transform:translateY(-8px)}.service-icon{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:25px;font-size:28px;display:flex}.service-card h3{color:var(--secondary);margin-bottom:15px;font-family:Poppins,sans-serif}.service-card p{color:var(--text-secondary);line-height:1.8}@media (width<=992px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.services-grid{grid-template-columns:1fr;gap:20px}.service-card{padding:28px}}.why{background:var(--background-light);padding:30px 0}.why .section-tag{width:max-content;margin:0 auto 20px;display:block}.why .section-heading{text-align:center;max-width:800px;margin:0 auto 50px}.why .services-grid{margin-top:0}.why .service-card{text-align:center;height:100%}.why .service-icon{margin:0 auto 25px}@media (width<=992px){.why .services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.why .services-grid{grid-template-columns:1fr}}.products{background:#fff;padding:30px 0}.products-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;gap:30px;margin-top:50px;display:grid}.product-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:18px;flex-direction:column;justify-content:flex-start;min-height:520px;padding:35px;transition:all .3s;display:flex}.product-card:hover{border-color:var(--primary);transform:translateY(-8px)}.product-icon{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:25px;font-size:28px;display:flex}.product-card h3{color:var(--secondary);margin-bottom:15px;font-family:Poppins,sans-serif}.product-card p{color:var(--text-secondary);flex:1;margin-bottom:25px;line-height:1.8}.product-card .primary-btn{text-align:center;width:100%;margin-top:auto}@media (width<=992px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.products-grid{grid-template-columns:1fr;gap:20px}.product-card{padding:28px}}.stats{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:10px 0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:center;gap:30px;display:grid}.stat-card{text-align:center;padding:20px}.stat-card h2{color:#fff;margin-bottom:12px;font-family:Poppins,sans-serif;font-size:3rem;font-weight:700;line-height:1.1}.stat-card p{color:#ffffffe6;font-size:1.1rem;font-weight:400;line-height:1.5}@media (width<=992px){.stats{padding:70px 0}.stats-grid{grid-template-columns:repeat(2,1fr);gap:40px}.stat-card h2{font-size:2.7rem}}@media (width<=768px){.stats{padding:60px 0}.stats-grid{grid-template-columns:1fr;gap:35px}.stat-card{padding:10px}.stat-card h2{font-size:2.5rem}.stat-card p{font-size:1rem}}@media (width<=480px){.stat-card h2{font-size:2.2rem}}.industries{background:#fff;padding:30px 0 38px}.industries .section-tag{width:max-content;margin:0 auto 20px;display:block}.industries .section-heading{text-align:center;max-width:800px;margin:0 auto 50px}.industries-grid{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.industry-card{background:var(--background-light);text-align:center;box-shadow:var(--shadow);border:1px solid #0000;border-radius:18px;padding:35px 25px;transition:all .3s}.industry-card:hover{border-color:var(--primary);background:#fff;transform:translateY(-8px)}.industry-card h3{color:var(--secondary);font-family:Poppins,sans-serif;font-size:1.2rem}@media (width<=992px){.industries-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.industries-grid{grid-template-columns:1fr;gap:20px}.industry-card{padding:28px 20px}}.locate-us{background:var(--background-light);padding:30px 0}.location-container{grid-template-columns:1fr 1fr;align-items:stretch;gap:30px;margin-top:50px;display:grid}.office-card{box-shadow:var(--shadow);background:#fff;border-radius:18px;flex-direction:column;justify-content:center;padding:35px;display:flex}.office-icon{background:#bd4f3414;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;display:flex}.office-icon svg{width:30px;height:30px;color:var(--primary)}.office-card h3{margin-bottom:20px;font-size:1.8rem}.office-card p{color:var(--text-secondary);margin-bottom:30px;line-height:1.8}.office-card .primary-btn{gap:10px;width:fit-content}.map-card{box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.map-card iframe{border:0;width:100%;height:100%;min-height:430px}@media (width<=992px){.location-container{grid-template-columns:1fr}.map-card iframe{min-height:360px}}@media (width<=768px){.locate-us{padding:70px 0}.office-card{text-align:center;align-items:center;padding:28px}.office-card .primary-btn{justify-content:center;width:100%}.map-card iframe{min-height:280px}}.contact-page{background:var(--background-light);padding:30px 0 80px}.contact-page-container{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.contact-copy{align-self:start}.contact-copy .section-description{margin-bottom:35px}.contact-info{flex-direction:column;gap:18px;margin-top:35px;display:flex}.info-card{cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:12px;align-items:center;gap:18px;padding:18px 20px;transition:all .3s;display:flex}.info-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.info-card:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #bf5d3a26}.icon-box{background:#bf5d3a1a;border-radius:50%;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;transition:all .3s;display:flex}.icon-box svg{width:22px;height:22px;color:var(--primary)}.info-card:hover .icon-box{background:#bf5d3a2e;transform:scale(1.08)}.info-card h3{color:#111827;margin:0 0 4px;font-size:1rem;font-weight:600}.info-card p{color:#6b7280;margin:0;line-height:1.5}.contact-link{color:#6b7280;font-weight:500;text-decoration:none;transition:color .3s}.contact-link:hover{color:var(--primary)}.contact-link:focus{outline:none}.info-card:after{content:"➜";color:#cbd5e1;margin-left:auto;font-size:18px;transition:all .3s}.info-card:hover:after{color:var(--primary);transform:translate(5px)}.contact-form{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:20px;gap:22px;padding:38px;display:grid}.form-field{gap:8px;display:grid}.form-field span{color:#000;font-weight:600}.input-wrap{background:#fff;border:1px solid #d9d9d9;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;transition:all .3s;display:flex}.input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #bf5d3a1f}.input-wrap svg{color:var(--primary);flex-shrink:0}.input-wrap input{color:#000;background:0 0;border:none;outline:none;width:100%;font-size:1rem}.input-wrap input::placeholder{color:#9ca3af}.textarea-wrap{align-items:flex-start}.textarea-icon{margin-top:3px}.textarea-wrap textarea{resize:vertical;color:#000;background:0 0;border:none;outline:none;width:100%;min-height:130px;font-family:inherit;font-size:1rem}.textarea-wrap textarea::placeholder{color:#9ca3af}.contact-submit{gap:10px;width:fit-content}.form-success{color:#16a34a;margin-top:5px;font-weight:600}@media (width<=992px){.contact-page{padding:50px 0}.contact-page-container{grid-template-columns:1fr;gap:40px}}@media (width<=768px){.contact-page{padding:40px 0}.contact-form{padding:25px}.contact-submit{justify-content:center;width:100%}.info-card{padding:18px}.info-card svg{width:42px;height:42px;padding:9px}.info-card h3{font-size:1rem}.contact-link,.info-card p{font-size:.9rem}}.footer{color:#111;background:#fff;padding:5px 0}.footer-container{grid-template-columns:2fr 1fr 1fr;gap:50px;display:grid}.footer-brand h2{margin-bottom:18px;font-family:Poppins,sans-serif}.footer-brand p{color:#d1d5db;line-height:1.8}.footer-links h3,.footer-contact h3{margin-bottom:18px;font-size:1.2rem}.footer-links ul{flex-direction:column;gap:12px;display:flex}.footer-links a{color:#d1d5db;transition:all .3s}.footer-links a:hover{color:#fff}.footer-contact p{color:#d1d5db;margin-bottom:12px}.footer-bottom{text-align:center;color:#9ca3af;border-top:1px solid #ffffff1f;margin-top:50px;padding-top:20px}@media (width<=992px){.footer-container{grid-template-columns:1fr 1fr}}@media (width<=768px){.footer{padding:60px 0 25px}.footer-container{text-align:center;grid-template-columns:1fr;gap:35px}.footer-links ul{align-items:center}}@media (width<=1200px){.container{width:92%}}@media (width<=992px){.section{padding:80px 0}.section-heading{font-size:2.3rem}}@media (width<=768px){.section{padding:70px 0}.section-heading{text-align:center;font-size:2rem}.section-description{text-align:center;margin-left:auto;margin-right:auto}.container{width:94%}}@media (width<=480px){.section-heading{font-size:1.7rem}.primary-btn,.secondary-btn{width:100%}}