:root{--navy:#06172f;--navy2:#0b2d55;--red:#e31d2b;--ink:#121820;--muted:#6b7280}*{box-sizing:border-box}body{font-family:Inter,Arial,sans-serif;color:var(--ink)}a{color:inherit}.site-header{position:absolute;z-index:10;width:100%;background:linear-gradient(#020b17cc,transparent)}.brand{display:inline-flex;flex-direction:column;line-height:.9}.brand span{font-size:1.75rem;font-weight:900;letter-spacing:.05em}.brand span::first-letter{color:var(--red)}.brand small{font-size:.58rem;letter-spacing:.28em;margin-top:.4rem}.hero{position:relative;min-height:780px;color:#fff;background:linear-gradient(110deg,#04152c 0%,#071d3a 55%,#5b0e18 140%);overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 110px,#ffffff05 111px 112px)}.hero-overlay{position:absolute;inset:auto -10% -35% 45%;height:95%;border:1px solid #ffffff18;transform:skewX(-12deg);background:linear-gradient(135deg,#ffffff08,transparent)}.hero-content{position:relative;z-index:2;padding-top:190px}.hero h1{font-size:clamp(3.6rem,8vw,7.6rem);font-weight:900;line-height:.88;letter-spacing:-.055em;max-width:950px}.hero h1 span{color:transparent;-webkit-text-stroke:1px #fff}.hero .lead{max-width:680px;margin:2rem 0;line-height:1.8}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.24em}.hero-metrics{display:flex;gap:4rem;margin-top:5rem;border-top:1px solid #ffffff33;padding-top:1.5rem}.hero-metrics div{display:flex;flex-direction:column}.hero-metrics b{font-size:1.15rem}.hero-metrics small{color:#ffffff99}.service-card{height:100%;padding:2rem;border:1px solid #dce1e8;transition:.25s}.service-card:hover{transform:translateY(-6px);border-color:var(--red);box-shadow:0 20px 50px #06172f12}.service-card>span{color:var(--red);font-weight:800}.service-card h3{margin:3rem 0 1rem}.service-card p{color:var(--muted);min-height:70px}.projects-section{background:var(--navy)}.project-card{display:block;text-decoration:none;background:#fff}.project-card>div:last-child{padding:1.5rem}.project-placeholder{height:260px;background:linear-gradient(135deg,#d4d8dc,#8f99a5);position:relative;overflow:hidden}.project-placeholder:after{content:"PROJECT IMAGE";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:800;letter-spacing:.2em}.project-placeholder.tall{height:480px}.review-card{background:#fff;padding:2rem;height:100%;border-left:3px solid var(--red)}.stars{color:#eab308}.trust-row{display:flex;gap:1rem;flex-wrap:wrap;margin-top:3rem}.trust-row span{border:1px solid #d2d6dc;padding:1rem 1.5rem;color:#777}.quote-section{background:#f3f4f6}.quote-form,.admin-card,.detail-box{background:#fff;padding:2rem;box-shadow:0 20px 55px #071d3a12}.quote-form label{font-size:.8rem;font-weight:700;margin-bottom:.45rem}.hp{position:absolute;left:-9999px}.phone-link{font-size:1.7rem;font-weight:800;color:var(--red)}.whatsapp{position:fixed;right:24px;bottom:24px;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:white;text-decoration:none;font-weight:900;z-index:50;box-shadow:0 10px 30px #0004}.page-hero{background:var(--navy);color:#fff;padding:180px 0 90px}.page-hero h1{font-size:clamp(2.7rem,6vw,5rem);font-weight:900;max-width:900px}.service-detail{display:grid;grid-template-columns:1fr 1.4fr;gap:4rem;padding:4rem 0;border-bottom:1px solid #ddd}.portfolio-card{text-decoration:none}.portfolio-card p{margin:1rem 0 .25rem;color:var(--red);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.admin-bg{background:#eef1f5}.metric-card{background:var(--navy);color:#fff;padding:2rem}.metric-card{display:flex;flex-direction:column}.metric-card strong{font-size:3rem}.project-image{aspect-ratio:4/3;object-fit:cover}@media(max-width:767px){.hero{min-height:720px}.hero-content{padding-top:150px}.hero-metrics{gap:1.2rem;flex-wrap:wrap}.service-detail{grid-template-columns:1fr;gap:1rem}.navbar-collapse{background:var(--navy);padding:1rem}.project-placeholder.tall{height:300px}}