*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:#fff;color:#0d1b2a}.page-hero{background:#0d1b2a;color:#fff;padding:8rem 4rem 5rem;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;inset:0;background:url(/house-extension-steel-column-installation-uk.jpg) center/cover;opacity:.12}.page-hero-inner{max-width:900px;margin:0 auto;position:relative;z-index:1}.page-tag{font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#1a6fc4;margin-bottom:1rem;display:block}.page-hero h1{font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin-bottom:1rem}.page-hero h1 span{color:#1a6fc4}.page-hero p{font-size:1rem;color:#ffffffa6;line-height:1.7;max-width:580px;margin-bottom:2rem}.hero-btns{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary{background:#1a6fc4;color:#fff;padding:.9rem 2rem;border:none;border-radius:8px;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:background .2s;box-shadow:0 4px 14px #1a6fc459}.btn-primary:hover{background:#0f4c8a}.trust-bar{background:#1a6fc4;padding:1rem 4rem}.trust-bar-inner{max-width:900px;margin:0 auto;display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.trust-item{font-size:.82rem;font-weight:600;color:#ffffffe6;display:flex;align-items:center;gap:.4rem}.page-body{max-width:900px;margin:0 auto;padding:5rem 2rem 6rem}.page-body h2{font-size:1.5rem;font-weight:700;color:#0d1b2a;margin:2.5rem 0 1rem;letter-spacing:-.02em}.page-body h3{font-size:1.1rem;font-weight:700;color:#0d1b2a;margin:1.5rem 0 .6rem}.page-body p{font-size:.97rem;line-height:1.8;color:#3d4f60;margin-bottom:1.2rem}.page-body strong{color:#0d1b2a}.page-body ul{padding-left:1.5rem;margin-bottom:1.2rem}.page-body li{font-size:.97rem;line-height:1.8;color:#3d4f60;margin-bottom:.4rem}.use-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.use-case{background:#f4f7fb;border-radius:10px;padding:1.4rem;border:1px solid #dce3ea}.use-case .icon{font-size:1.4rem;margin-bottom:.6rem}.use-case h3{font-size:.88rem;font-weight:700;color:#0d1b2a;margin-bottom:.3rem;margin-top:0}.use-case p{font-size:.78rem;color:#6b7a8d;margin:0;line-height:1.5}.price-box{background:#0d1b2a;color:#fff;border-radius:12px;padding:2rem;margin:2rem 0;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.price-box .price{font-size:2.5rem;font-weight:700;letter-spacing:-.03em}.price-box .price span{font-size:1rem;font-weight:400;color:#ffffff80}.price-box p{font-size:.88rem;color:#fff9;margin:0;max-width:400px;line-height:1.6}.callout{background:#1a6fc412;border-left:4px solid #1a6fc4;border-radius:0 10px 10px 0;padding:1.5rem 1.75rem;margin:2rem 0}.callout p{margin:0;color:#0d1b2a;font-weight:500}.faq-list{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.faq-item{background:#f4f7fb;border-radius:10px;padding:1.4rem;border:1px solid #dce3ea}.faq-item h3{font-size:.92rem;font-weight:700;color:#0d1b2a;margin-bottom:.5rem;margin-top:0}.faq-item p{font-size:.85rem;color:#6b7a8d;margin:0;line-height:1.65}.related-services{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.related-card{background:#f4f7fb;border-radius:10px;padding:1.2rem;border:1px solid #dce3ea;text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s}.related-card:hover{box-shadow:0 4px 16px #1a6fc41f;transform:translateY(-2px)}.related-card h4{font-size:.88rem;font-weight:700;color:#0d1b2a;margin-bottom:.3rem}.related-card p{font-size:.78rem;color:#6b7a8d;margin:0}.related-card .arrow{font-size:.78rem;color:#1a6fc4;font-weight:600;margin-top:.5rem;display:block}.cta-box{background:#0d1b2a;color:#fff;border-radius:14px;padding:2.5rem;text-align:center;margin-top:3rem}.cta-box h2{font-size:1.4rem;font-weight:700;margin-bottom:.75rem;color:#fff!important}.cta-box p{font-size:.9rem;color:#fff9;margin-bottom:1.5rem;line-height:1.65}@media (max-width: 700px){.page-hero{padding:7rem 1.5rem 3rem}.trust-bar{padding:1rem 1.5rem}.page-body{padding:3rem 1.5rem 4rem}.use-cases{grid-template-columns:1fr 1fr}.related-services{grid-template-columns:1fr}.price-box{flex-direction:column}}
