:root{--navy:#0a2630;--blue:#123847;--orange:#d94f2b;--paper:#f3f6f6;--ink:#13272e;--muted:#60727a;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(1180px,calc(100% - 40px));margin:auto}.lang-es{display:none}html[data-language=es] .lang-en{display:none}html[data-language=es] .lang-es{display:inline}.topbar{background:var(--navy);color:#c7d6da;font-size:.875rem}.topbar-inner{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.topbar a{color:#ff9a79;font-weight:700}.site-header{background:white;position:sticky;top:0;z-index:20;box-shadow:0 2px 12px #071d2514}.nav-row{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:52px;height:52px}.brand span{display:flex;flex-direction:column;line-height:1.1}.brand strong{font-size:1.15rem;letter-spacing:.03em}.brand small{margin-top:5px;color:var(--orange);font-weight:800;letter-spacing:.14em}.site-header nav{display:flex;align-items:center;gap:24px;font-weight:700}.site-header nav a:hover{color:var(--orange)}#language-toggle,.menu-toggle{border:0;background:var(--orange);color:#fff;font-weight:900;padding:10px 13px;cursor:pointer}.menu-toggle{display:none;font-size:1.2rem}.home-hero{min-height:650px;position:relative;display:grid;align-items:center;background:url('/assets/roofing-hero.png') center/cover no-repeat;color:#fff}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071d25f7 0%,#0b2935cc 52%,#0b29351a 100%)}.hero-content{position:relative;padding:80px 0;max-width:1180px}.hero-content>*{max-width:720px}.eyebrow{margin:0 0 18px;color:#ff8a63;font-size:.9rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.eyebrow.dark{color:var(--orange)}h1,h2,h3{line-height:1.08;margin-top:0}.home-hero h1{font-size:clamp(3.25rem,7vw,5.75rem);max-width:780px;margin-bottom:24px;text-transform:uppercase}.hero-copy{font-size:1.15rem;color:#dce7ea;max-width:650px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--orange);color:#fff;padding:15px 24px;font-weight:900;text-transform:uppercase;cursor:pointer}.button:hover{background:#bd3f20}.button.secondary{background:transparent;border:1px solid #ffffff80}.trust{background:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:34px 0}.trust-grid div{display:flex;align-items:center;gap:14px;font-weight:800}.trust-grid b{display:grid;place-items:center;min-width:58px;height:58px;background:#edf2f3;color:var(--orange);font-size:1rem}.trust-grid span{line-height:1.25}.section{padding:78px 0}.section h2{font-size:clamp(2rem,4vw,3.2rem);text-transform:uppercase}.card-grid{display:grid;gap:22px}.card-grid.three{grid-template-columns:repeat(3,1fr)}.card-grid.four{grid-template-columns:repeat(4,1fr)}.card{background:#fff;padding:30px;box-shadow:0 8px 25px #1736410d}.card h2,.card h3{font-size:1.4rem;text-transform:none}.card p,.project-card p,.about-grid p,.legal p{color:var(--muted)}.service-card{min-height:245px}.card-mark{display:grid;place-items:center;width:44px;height:44px;background:var(--orange);color:#fff;font-weight:900;margin-bottom:25px}.center{text-align:center}.text-link{display:inline-block;margin-top:30px;color:var(--orange);font-weight:900}.page-hero{background:linear-gradient(120deg,var(--navy),var(--blue));color:#fff;padding:80px 0}.page-hero h1{font-size:clamp(2.8rem,6vw,5rem);text-transform:uppercase;margin-bottom:18px}.page-hero p{max-width:750px;color:#ccdade;font-size:1.1rem}.project-card{background:#fff;overflow:hidden;box-shadow:0 8px 25px #1736410d}.project-card h2,.project-card p{padding:0 22px}.project-card h2{font-size:1.25rem;margin-top:22px;text-transform:none}.project-card p{padding-bottom:24px}.project-photo,.project-block{height:190px}.project-photo{background:url('/assets/roofing-hero.png') center/cover}.project-block{display:grid;place-items:center;color:#fff;font-size:3rem;font-weight:900}.project-block.navy{background:var(--blue)}.project-block.orange{background:var(--orange)}.project-block.dark{background:var(--navy)}.about-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.feature-list{background:#fff;padding:30px;box-shadow:0 8px 25px #1736410d}.feature-list div{padding:16px 4px;border-bottom:1px solid #e6eded;color:var(--orange)}.feature-list b{color:var(--ink);margin-left:8px}.contact-list{margin-top:28px;display:grid;gap:17px}.contact-list a,.contact-list>div{display:flex;flex-direction:column;border-left:4px solid var(--orange);padding:5px 15px}.contact-list span{color:var(--muted)}.estimate-form{background:#fff;padding:32px;box-shadow:0 8px 25px #1736410d}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{display:grid;gap:6px}.form-grid label b{font-size:.9rem}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #cad6d9;background:#f9fbfb;padding:13px;font:inherit}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:3px solid #d94f2b33;border-color:var(--orange)}.form-grid .full{grid-column:1/-1}.consent{grid-template-columns:auto 1fr!important;align-items:start}.consent input{width:18px;height:18px;margin-top:4px}.consent span{font-size:.88rem;color:var(--muted)}.honeypot{position:absolute!important;left:-9999px!important}.form-status{min-height:25px;margin:18px 0 0;font-weight:800}.form-status.success{color:#16713d}.form-status.error{color:#a22d1c}.legal{max-width:820px;background:#fff;padding:38px;box-shadow:0 8px 25px #1736410d}.legal h2{font-size:1.35rem;margin-top:28px;text-transform:none}footer{background:var(--navy);color:#fff}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:48px;padding:52px 0}.footer-grid p{color:#a9bdc3}.footer-grid a{display:block;color:#ff9a79;margin:5px 0}.copyright{text-align:center;color:#76929a;border-top:1px solid #ffffff1c;padding:18px}.footer-grid p a{display:inline}.footer-grid h3{font-size:1rem}.footer-grid div:first-child h3{font-size:1.25rem}
@media(max-width:900px){.card-grid.three{grid-template-columns:repeat(2,1fr)}.card-grid.four,.trust-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.contact-grid{grid-template-columns:1fr}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:22px;box-shadow:0 12px 20px #0a263026;flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.menu-toggle{display:block}.home-hero{min-height:580px}}
@media(max-width:600px){.container{width:min(100% - 28px,1180px)}.topbar-inner{font-size:.75rem}.brand img{width:44px;height:44px}.brand strong{font-size:1rem}.brand small{font-size:.66rem}.home-hero h1{font-size:3rem}.hero-shade{background:#071d25dd}.trust-grid,.card-grid.three,.card-grid.four,.form-grid,.footer-grid{grid-template-columns:1fr}.section{padding:56px 0}.page-hero{padding:58px 0}.estimate-form{padding:22px}.form-grid .full{grid-column:auto}.footer-grid{gap:24px}.trust-grid{gap:14px}.trust-grid div{min-height:60px}}