*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#102033;background:#fff}a{text-decoration:none;color:inherit}.header{height:82px;padding:0 5%;display:flex;align-items:center;gap:30px;position:fixed;top:0;left:0;right:0;z-index:10;background:rgba(5,38,70,.96);color:#fff;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;margin-right:auto;height:58px}.brand-logo{display:block;width:150px;height:58px;object-fit:contain;object-position:left center}nav{display:flex;gap:25px;font-size:13px;font-weight:600}nav a:hover{color:#ef1d2f}.lang{display:flex;border:1px solid #ffffff44;border-radius:30px;overflow:hidden}.lang button{background:transparent;border:0;color:#fff;padding:7px 9px;font-weight:700;font-size:11px;cursor:pointer}.lang button.active{background:#ef1d2f}.header-cta,.btn{padding:13px 20px;border-radius:2px;font-weight:800;font-size:12px;letter-spacing:.3px}.header-cta{background:#ef1d2f}.menu{display:none;background:none;border:0;color:#fff;font-size:25px}.hero{min-height:780px;padding:170px 8% 100px;position:relative;display:flex;align-items:center;background:linear-gradient(120deg,#061b31,#0b385d 55%,#188bc9);overflow:hidden;color:#fff}.hero:after{content:"";position:absolute;right:-10%;bottom:-35%;width:65vw;height:65vw;border:2px solid #ffffff18;border-radius:50%}.hero-content{max-width:760px;position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:800;color:#ef1d2f;margin:0 0 18px}.hero h1{font-family:Montserrat;font-size:clamp(40px,5.4vw,68px);line-height:.98;margin:0 0 25px;letter-spacing:-3px}.hero-text{font-size:16px;line-height:1.7;max-width:610px;color:#dce9f2}.actions{display:flex;gap:14px;margin-top:35px}.btn.primary{background:#ef1d2f;color:#fff;border:1px solid #ef1d2f}.btn.ghost{border:1px solid #ffffff66;color:#fff}.hero-badge{position:absolute;right:8%;bottom:90px;z-index:2;display:flex;align-items:center;gap:12px;border-left:3px solid #ef1d2f;padding-left:14px}.hero-badge span{font-size:25px;color:#ef1d2f}.hero-badge strong{display:block;letter-spacing:2px}.hero-badge small{color:#b9ccda}.intro{padding:85px 12%;text-align:center}.intro h2,.section h2,.quote-section h2,.contact h2{font-family:Montserrat;font-size:clamp(30px,3.2vw,44px);margin:0 0 18px;letter-spacing:-1.5px}.intro p:last-child{max-width:680px;margin:auto;color:#657383;line-height:1.8}.section{padding:78px 8%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.section-head>p{max-width:390px;color:#667584;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dfe5e9}.cards article{background:#fff;padding:34px 28px;min-height:270px}.cards article>span{color:#ef1d2f;font-size:12px;font-weight:800}.cards h3{font-family:Montserrat;font-size:19px;margin:42px 0 15px}.cards p,.features p{color:#697887;line-height:1.65;font-size:14px}.dark{background:#071d34;color:#fff}.dark .section-head>p{color:#a9bbc9}.featured-project{margin-bottom:34px}.project-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:22px}.project-heading h3{font-family:Montserrat;font-size:22px;margin:7px 0 0}.project-heading p{max-width:390px;color:#a9bbc9;line-height:1.7;margin:0}.project-number{color:#ef1d2f;font-size:12px;font-weight:800;letter-spacing:2px}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:14px}.before-after figure{margin:0;position:relative;overflow:hidden;background:#102b43}.before-after img{display:block;width:100%;height:430px;object-fit:cover;transition:transform .5s ease}.before-after figure:hover img{transform:scale(1.03)}.before-after figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 24px;background:linear-gradient(transparent,#071d34);display:flex;align-items:end;justify-content:space-between;gap:15px}.before-after figcaption span{color:#ef1d2f;font-size:10px;letter-spacing:2px;font-weight:800}.before-after figcaption strong{font-family:Montserrat;font-size:14px}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.gallery-placeholder{min-height:330px;display:grid;place-items:center;text-align:center;background:linear-gradient(135deg,#0b3557,#146fa5);color:#fff;font-family:Montserrat;font-size:30px;font-weight:800}.gallery-placeholder small{display:block;font-family:Inter;font-size:11px;letter-spacing:2px;color:#b9d5e7}.why{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.why-copy p:last-child{color:#687887;line-height:1.8;max-width:500px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.features b{color:#ef1d2f}.features h3{font-family:Montserrat}.reviews{background:#f4f7f9}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.review{background:#fff;padding:30px;border:1px solid #e5e9ed}.stars{color:#ef1d2f;letter-spacing:3px}.review p{color:#536372;line-height:1.7}.quote-section{padding:90px 8%;display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#0a2b48;color:#fff}.quote-section>div p:not(.eyebrow){color:#b8cad7;line-height:1.7}.quote-section form{display:grid;gap:12px}.quote-section input,.quote-section textarea,.modal input,.modal textarea{padding:16px;border:1px solid #ffffff33;background:#ffffff0d;color:#fff;font:inherit}.quote-section textarea{min-height:130px;resize:vertical}.quote-section input::placeholder,.quote-section textarea::placeholder{color:#aebfcb}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-info{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact-info small{display:block;color:#ef1d2f;font-size:10px;letter-spacing:2px;font-weight:800;margin-bottom:8px}.contact-info strong{font-size:16px}footer{padding:30px 8%;background:#061827;color:#fff;display:flex;justify-content:space-between;align-items:center;font-size:12px}footer strong{letter-spacing:3px}footer span{color:#ef1d2f;letter-spacing:2px}.modal{display:none;position:fixed;inset:0;background:#000a;z-index:30;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modal-box{background:#fff;color:#102033;width:min(500px,100%);padding:35px;position:relative}.modal-box h2{font-family:Montserrat}.modal form{display:grid;gap:12px}.modal input,.modal textarea{background:#f5f7f9;color:#102033;border:1px solid #dce2e7}.modal textarea{min-height:130px}.rating{color:#ef1d2f;font-size:25px;letter-spacing:5px}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px;cursor:pointer}@media(max-width:900px){nav{display:none}.header-cta{display:none}.menu{display:block}.hero{min-height:700px}.cards{grid-template-columns:1fr 1fr}.before-after{grid-template-columns:1fr 1fr}.project-heading{display:block}.project-heading p{margin-top:14px}.gallery{grid-template-columns:1fr 1fr}.gallery-placeholder:first-child{grid-column:span 2}.why,.quote-section,.contact{grid-template-columns:1fr;gap:40px}.features{grid-template-columns:1fr}.section-head{display:block}.review-grid{grid-template-columns:1fr}}@media(max-width:600px){.before-after{grid-template-columns:1fr}.before-after img{height:330px}.header{padding:0 5%;height:70px}.hero{padding:130px 7% 80px}.hero h1{font-size:46px}.hero-badge{display:none}.cards,.gallery,.contact-info{grid-template-columns:1fr}.gallery-placeholder:first-child{grid-column:auto}.actions{flex-direction:column}.intro,.section,.quote-section{padding:70px 7%}footer{display:block}.brand-mark{width:36px}.brand strong{font-size:14px}}
/* Brand palette: sky blue, deep blue, red and white */
:root{--brand-blue:#35A0DF;--brand-deep:#052646;--brand-red:#EF1D2F;--brand-white:#FFFFFF}
.header,.dark,footer{background-color:var(--brand-deep)}
.btn.primary,.header-cta{background:var(--brand-red);border-color:var(--brand-red)}
.eyebrow,.stars{color:var(--brand-red)}
/* Real project gallery */
.project-showcase{display:grid;gap:28px}.project-card{background:#0a3152;border:1px solid #ffffff18;padding:28px;overflow:hidden}.project-card.featured-project{background:linear-gradient(145deg,#0b385d,#07243c)}.project-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:24px}.project-heading.compact{align-items:center}.project-heading h3{margin:6px 0 0;font-family:Montserrat;font-size:22px;color:#fff}.project-heading p{max-width:520px;color:#b9cddd;margin:0;line-height:1.6;font-size:14px}.project-number{font-size:11px;letter-spacing:3px;color:var(--brand-red);font-weight:900}.project-tag{font-size:10px;font-weight:900;letter-spacing:2px;color:#fff;border:1px solid #ffffff2e;padding:8px 11px}.project-steps{display:grid;gap:12px}.project-steps.two{grid-template-columns:1fr 1fr}.project-steps.three{grid-template-columns:repeat(3,1fr)}.project-card figure,.single-project figure,.facade-grid figure{margin:0;position:relative;overflow:hidden;background:#051b2e}.project-card img{display:block;width:100%;height:360px;object-fit:cover;transition:transform .5s ease}.project-card figure:hover img{transform:scale(1.035)}.project-steps.three img{height:330px}.project-steps.two img{height:420px}.single-project img{height:500px}.facade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.facade-grid img{height:420px}.project-card figcaption{position:absolute;left:0;right:0;bottom:0;padding:45px 18px 16px;background:linear-gradient(transparent,#061827);color:#fff}.project-card figcaption span{display:block;color:#ef1d2f;font-size:9px;font-weight:900;letter-spacing:2px;margin-bottom:5px}.project-card figcaption strong{font-size:12px}.work-cta{margin-top:32px;padding:25px 28px;border:1px solid #ffffff1c;background:#061f35;display:flex;justify-content:space-between;align-items:center;gap:25px}.work-cta h3{color:#fff;font-family:Montserrat;margin:0}.work-cta .eyebrow{margin-bottom:8px}.work-cta .btn{white-space:nowrap}@media(max-width:900px){.project-steps.three,.facade-grid{grid-template-columns:1fr 1fr}.project-steps.three figure:last-child{grid-column:span 2}.project-steps.three img{height:360px}.facade-grid img{height:360px}}@media(max-width:600px){.project-card{padding:18px}.project-heading{display:block}.project-heading h3{font-size:21px}.project-tag{display:inline-block;margin-top:12px}.project-steps.two,.project-steps.three,.facade-grid{grid-template-columns:1fr}.project-steps.three figure:last-child{grid-column:auto}.project-card img,.project-steps.two img,.project-steps.three img,.facade-grid img{height:330px}.single-project img{height:360px}.work-cta{display:block}.work-cta .btn{display:inline-block;margin-top:15px}}
.contact-info strong a{color:inherit;text-decoration:none}.contact-info strong a:hover{color:#ef1d2f}
/* SEO content and FAQ */
.seo-intro{display:grid;grid-template-columns:1.25fr .9fr;gap:70px;align-items:start;background:#f6f8fa}.seo-copy p:not(.eyebrow){color:#687887;line-height:1.8;max-width:760px}.seo-list{display:grid;gap:1px;background:#dfe5e9}.seo-list div{background:#fff;padding:22px 24px;display:grid;gap:7px}.seo-list strong{font-family:Montserrat;font-size:16px}.seo-list span{color:#697887;line-height:1.55;font-size:14px}.faq{background:#fff}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-grid details{border:1px solid #dfe5e9;padding:20px 22px;background:#fafbfc}.faq-grid summary{font-family:Montserrat;font-weight:700;cursor:pointer;list-style:none;padding-right:25px;position:relative}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary:after{content:'+';position:absolute;right:0;top:-2px;font-size:22px;color:#ef1d2f}.faq-grid details[open] summary:after{content:'−'}.faq-grid p{color:#687887;line-height:1.7;font-size:14px;margin:15px 0 0}.seo-intro h2,.faq h2{font-family:Montserrat;font-size:clamp(30px,3.2vw,44px);margin:0 0 18px;letter-spacing:-1.5px}@media(max-width:900px){.seo-intro{grid-template-columns:1fr;gap:40px}.faq-grid{grid-template-columns:1fr}}
.hidden-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;}
.form-status{margin:10px 0 0;font-size:.95rem;line-height:1.5;min-height:1.5em;}
.form-status.success{font-weight:600;}
.form-status.error{font-weight:600;}