.metal-hero{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:var(--space-7) 0}.metal-hero__bg{position:absolute;inset:0;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);z-index:0}.metal-hero__pattern{position:absolute;inset:0;background-image:linear-gradient(30deg,rgba(255,209,0,.03) 12%,transparent 12.5%,transparent 87%,rgba(255,209,0,.03) 87.5%,rgba(255,209,0,.03)),linear-gradient(150deg,rgba(255,209,0,.03) 12%,transparent 12.5%,transparent 87%,rgba(255,209,0,.03) 87.5%,rgba(255,209,0,.03)),linear-gradient(30deg,rgba(255,209,0,.03) 12%,transparent 12.5%,transparent 87%,rgba(255,209,0,.03) 87.5%,rgba(255,209,0,.03)),linear-gradient(150deg,rgba(255,209,0,.03) 12%,transparent 12.5%,transparent 87%,rgba(255,209,0,.03) 87.5%,rgba(255,209,0,.03)),linear-gradient(60deg,rgba(0,122,51,.05) 25%,transparent 25.5%,transparent 75%,rgba(0,122,51,.05) 75%,rgba(0,122,51,.05)),linear-gradient(60deg,rgba(0,122,51,.05) 25%,transparent 25.5%,transparent 75%,rgba(0,122,51,.05) 75%,rgba(0,122,51,.05));background-size:80px 140px;background-position:0 0,0 0,40px 70px,40px 70px,0 0,40px 70px;opacity:.6}.metal-hero__content{position:relative;z-index:1;text-align:center;max-width:800px}.metal-hero__badge{display:inline-block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--brand-yellow);background:#ffd10026;padding:.6rem 1.5rem;border-radius:100px;margin-bottom:1.5rem;border:1px solid rgba(255,209,0,.3)}.metal-hero__title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;color:var(--brand-white);margin:0 0 1.5rem;line-height:1.1;letter-spacing:-.02em}.metal-hero__lead{font-size:clamp(1.1rem,2vw,1.35rem);color:#ffffffd9;margin:0 0 2rem;line-height:1.7}.metal-hero__location{display:inline-flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--brand-green);background:#007a3326;padding:.75rem 1.5rem;border-radius:8px;margin-bottom:2rem;border:1px solid rgba(0,122,51,.3)}.metal-hero__cta{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;background:var(--brand-yellow);color:var(--brand-black);font-size:1.1rem;font-weight:800;text-decoration:none;border-radius:8px;transition:all .3s ease;box-shadow:0 8px 30px #ffd1004d}.metal-hero__cta:hover{transform:translateY(-3px);box-shadow:0 12px 40px #ffd10066}.metal-hero__cta svg{transition:transform .2s ease}.metal-hero__cta:hover svg{transform:translate(4px)}.metal-hero-clean{position:relative;display:flex;flex-direction:column}.metal-hero-clean__image{position:relative;width:100%;height:100vh;min-height:600px}.metal-hero-clean__image img{object-fit:cover;object-position:50% 30%}.metal-hero-clean__card{position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:var(--space-5) 0}.metal-hero-clean__card-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem}.metal-hero-clean__card-content{flex:1;min-width:300px}.metal-hero-clean__badge{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--brand-yellow);background:#ffd10026;padding:.5rem 1.25rem;border-radius:100px;margin-bottom:1rem;border:1px solid rgba(255,209,0,.3)}.metal-hero-clean__title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:var(--brand-white);margin:0 0 .75rem;line-height:1.15}.metal-hero-clean__lead{font-size:1rem;color:#fffc;margin:0;line-height:1.6;max-width:600px}.metal-hero-clean__card-actions{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.metal-hero-clean__location{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--brand-green);background:#007a3326;padding:.6rem 1.25rem;border-radius:6px;border:1px solid rgba(0,122,51,.3)}.metal-hero-clean__cta{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:var(--brand-yellow);color:var(--brand-black);font-size:1rem;font-weight:700;text-decoration:none;border-radius:8px;transition:all .3s ease}.metal-hero-clean__cta:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffd10066}.metal-hero-clean__cta svg{transition:transform .2s ease}.metal-hero-clean__cta:hover svg{transform:translate(4px)}.metal-process{padding:var(--section-space) 0;background:#f8f9fa}.metal-process__header{text-align:center;margin-bottom:3rem}.metal-process__badge{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--brand-white);background:#006b3f;padding:.5rem 1.25rem;border-radius:100px;margin-bottom:1rem}.metal-process__title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:var(--brand-black);margin:0 0 .75rem}.metal-process__subtitle{font-size:1.1rem;color:#666;margin:0}.metal-process__blueprint{position:relative;margin-bottom:4rem;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000026;background:#fff;padding:1.5rem}.metal-process__blueprint-frame{position:relative;border-radius:8px;overflow:hidden;border:3px solid #e0e0e0}.metal-process__blueprint-frame img{width:100%;height:auto;display:block}.metal-process__blueprint-label{position:absolute;top:2.5rem;left:2.5rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#006b3f;background:#fff;padding:.75rem 1.25rem;border-radius:8px;box-shadow:0 4px 15px #0000001a;border:2px solid #006b3f}.metal-process__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.metal-process__step{position:relative;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s ease}.metal-process__step:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.metal-process__step-number{position:absolute;top:1rem;left:1rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;color:#fff;background:#006b3f;border-radius:50%;z-index:5;box-shadow:0 4px 15px #006b3f66}.metal-process__step-image{position:relative;aspect-ratio:4/3}.metal-process__step-image img{width:100%;height:100%;object-fit:cover}.metal-process__step-label{padding:1rem 1.25rem;font-size:.95rem;font-weight:600;color:var(--brand-black);background:#fff;border-top:3px solid #006b3f}.metal-aerial{padding:var(--section-space) 0;background:linear-gradient(135deg,#1a1a2e,#16213e)}.metal-aerial__header{text-align:center;margin-bottom:3rem}.metal-aerial__badge{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--brand-black);background:var(--brand-yellow);padding:.5rem 1.25rem;border-radius:100px;margin-bottom:1rem}.metal-aerial__title{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:var(--brand-white);margin:0}.metal-aerial__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metal-aerial__item{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:3/2;cursor:pointer}.metal-aerial__item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.metal-aerial__item:hover img{transform:scale(1.05)}.metal-aerial__item--large{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}@media (max-width: 900px){.metal-hero-clean__card-inner{flex-direction:column;text-align:center}.metal-hero-clean__card-actions{align-items:center}.metal-process__blueprint-label{top:1.5rem;left:1.5rem;font-size:.75rem}.metal-aerial__grid{grid-template-columns:repeat(2,1fr)}.metal-aerial__item--large{grid-column:span 2;grid-row:span 1}}@media (max-width: 600px){.metal-hero-clean__image{height:65vh;min-height:360px}.metal-hero-clean__card{padding:2rem 0}.metal-process__blueprint{padding:.75rem}.metal-process__steps{grid-template-columns:1fr}.metal-aerial__grid{grid-template-columns:1fr 1fr;gap:.5rem}.metal-aerial__item{border-radius:8px}.metal-aerial__item--large{grid-column:span 1}}.metal-intro{padding:var(--space-7) 0;background:var(--brand-white)}.metal-intro__grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.metal-intro__badge{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--brand-white);background:var(--brand-green);padding:.5rem 1.25rem;border-radius:100px;margin-bottom:1.5rem;box-shadow:0 4px 12px #007a3340}.metal-intro__title{font-size:clamp(2rem,4vw,2.75rem);font-weight:700;color:var(--brand-black);margin:0 0 1.5rem;line-height:1.2}.metal-intro__paragraph{font-size:1.1rem;line-height:1.8;color:#444;margin:0 0 1.5rem}.metal-intro__paragraph:last-child{margin-bottom:0}.metal-intro__visual{display:flex;flex-direction:column;gap:1.5rem}.metal-intro__card{background:linear-gradient(145deg,#f8fafc 0%,var(--brand-white) 100%);border-radius:16px;padding:2rem;border:1px solid rgba(0,0,0,.08);transition:all .3s ease}.metal-intro__card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001a}.metal-intro__card--galvalume{border-left:4px solid var(--brand-green)}.metal-intro__card--panel{border-left:4px solid var(--brand-blue)}.metal-intro__card-icon{font-size:2.5rem;margin-bottom:1rem}.metal-intro__card-title{font-size:1.25rem;font-weight:700;color:var(--brand-black);margin:0 0 .5rem}.metal-intro__card-text{font-size:.95rem;color:#666;line-height:1.6;margin:0}.metal-materials{padding:var(--section-space) 0;background:linear-gradient(180deg,#f0f4f8,#f8fafc)}.metal-materials__header{text-align:center;margin-bottom:3rem}.metal-materials__badge{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--brand-blue);background:#0033a01a;padding:.5rem 1.25rem;border-radius:100px;margin-bottom:1rem}.metal-materials__title{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;color:var(--brand-black);margin:0 0 .75rem}.metal-materials__subtitle{font-size:1.1rem;color:#666;margin:0;max-width:600px;margin-inline:auto}.metal-materials__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.metal-materials__card{background:var(--brand-white);border-radius:16px;padding:2rem;text-align:center;border:1px solid rgba(0,51,160,.1);transition:all .3s ease}.metal-materials__card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0033a01f;border-color:var(--brand-blue)}.metal-materials__icon{font-size:2.5rem;margin-bottom:1rem}.metal-materials__name{font-size:1.1rem;font-weight:700;color:var(--brand-black);margin:0 0 .75rem}.metal-materials__desc{font-size:.9rem;color:#666;line-height:1.6;margin:0}.metal-components{padding:var(--section-space) 0;background:linear-gradient(135deg,#1a1a2e,#16213e)}.metal-components__header{text-align:center;margin-bottom:3rem}.metal-components__badge{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--brand-yellow);background:#ffd10026;padding:.5rem 1.25rem;border-radius:100px;margin-bottom:1rem;border:1px solid rgba(255,209,0,.3)}.metal-components__title{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;color:var(--brand-white);margin:0}.metal-components__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.metal-components__item{background:#ffffff0d;border-radius:16px;padding:2.5rem 2rem;text-align:center;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.metal-components__item:hover{background:#ffffff14;transform:translateY(-5px);border-color:#ffd1004d}.metal-components__icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-green) 0%,#005a25 100%);border-radius:16px;margin:0 auto 1.5rem;color:var(--brand-white)}.metal-components__name{font-size:1.25rem;font-weight:700;color:var(--brand-white);margin:0 0 .75rem}.metal-components__desc{font-size:.95rem;color:#ffffffb3;line-height:1.6;margin:0}.metal-catalogs{padding:var(--section-space) 0;background:var(--brand-white)}.metal-catalogs__header{text-align:center;margin-bottom:3rem}.metal-catalogs__badge{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--brand-green);background:#007a331a;padding:.5rem 1.25rem;border-radius:100px;margin-bottom:1rem}.metal-catalogs__title{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;color:var(--brand-black);margin:0 0 .75rem}.metal-catalogs__subtitle{font-size:1.1rem;color:#666;margin:0;max-width:500px;margin-inline:auto}.metal-catalogs__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:800px;margin:0 auto}.metal-catalogs__card{background:linear-gradient(145deg,#f8fafc 0%,var(--brand-white) 100%);border:2px solid rgba(0,122,51,.15);border-radius:20px;padding:3rem 2rem;text-align:center;transition:all .3s ease}.metal-catalogs__card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #007a3326;border-color:var(--brand-green)}.metal-catalogs__preview{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-red) 0%,#a00d24 100%);border-radius:20px;margin:0 auto 1.5rem;color:var(--brand-white)}.metal-catalogs__name{font-size:1.25rem;font-weight:700;color:var(--brand-black);margin:0 0 1.5rem}.metal-catalogs__download{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:var(--brand-yellow);color:var(--brand-black);font-size:.95rem;font-weight:700;text-decoration:none;border-radius:8px;transition:all .2s ease}.metal-catalogs__download:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffd10059}.metal-project{padding:var(--section-space) 0;background:linear-gradient(180deg,#f0f4f8 0%,var(--brand-white) 100%)}.metal-project__content{max-width:700px;margin:0 auto;text-align:center}.metal-project__badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--brand-blue);background:#0033a01a;padding:.6rem 1.25rem;border-radius:100px;margin-bottom:1.5rem}.metal-project__title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--brand-black);margin:0 0 .5rem}.metal-project__location{font-size:1.1rem;font-weight:600;color:var(--brand-green);margin:0 0 1.5rem}.metal-project__desc{font-size:1.1rem;color:#555;line-height:1.8;margin:0}.metal-quote{padding:var(--section-space) 0;background:linear-gradient(135deg,var(--brand-green) 0%,#004d20 100%)}.metal-quote__content{max-width:800px;margin:0 auto;text-align:center}.metal-quote__icon{font-size:4rem;margin-bottom:1.5rem}.metal-quote__label{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--brand-yellow);margin:0 0 1.5rem}.metal-quote__text{margin:0;border:none;padding:0}.metal-quote__text p{font-size:clamp(1.25rem,2.5vw,1.75rem);font-style:italic;font-weight:400;line-height:1.7;color:#fffffff2;margin:0}.cta--metal{--cta-bg: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--cta-title-color: var(--brand-white);--cta-text-color: rgba(255, 255, 255, .85);--cta-btn-bg: var(--brand-yellow);--cta-btn-color: var(--brand-black)}@media (max-width: 1100px){.metal-materials__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 920px){.metal-hero{min-height:auto;padding:var(--section-space) 0}.metal-intro{padding:var(--space-6) 0}.metal-intro__grid{grid-template-columns:1fr;gap:3rem}.metal-materials{padding:var(--space-6) 0}.metal-materials__grid{gap:1rem}.metal-components{padding:var(--space-6) 0}.metal-components__grid{grid-template-columns:1fr;gap:1.5rem}.metal-catalogs{padding:var(--space-6) 0}.metal-catalogs__grid{grid-template-columns:1fr;gap:1.5rem}.metal-project,.metal-quote{padding:var(--space-6) 0}}@media (max-width: 600px){.metal-hero{padding:var(--space-6) 0}.metal-hero__title{font-size:2rem}.metal-hero__lead{font-size:1rem}.metal-hero__cta{width:100%;justify-content:center}.metal-intro{padding:var(--space-5) 0}.metal-intro__card{padding:1.5rem}.metal-materials{padding:var(--space-5) 0}.metal-materials__grid{grid-template-columns:1fr}.metal-materials__card{padding:1.5rem}.metal-components{padding:var(--space-5) 0}.metal-components__item{padding:2rem 1.5rem}.metal-catalogs{padding:var(--space-5) 0}.metal-catalogs__card{padding:2rem 1.5rem}.metal-project,.metal-quote{padding:var(--space-5) 0}.metal-quote__icon{font-size:3rem}.metal-quote__text p{font-size:1.1rem}}