*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f3f3f3;color:#111}.topbar{height:92px;background:#070b0d;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 3%;position:sticky;top:0;z-index:10}.logo{font-weight:900;line-height:1}.vault{font-size:42px;letter-spacing:2px}.sub{color:#f4b400;letter-spacing:3px;font-size:14px}.roof{width:120px;height:16px;border-top:5px solid #f4b400;border-left:5px solid transparent;transform:skew(-25deg);margin-bottom:6px}nav{display:flex;gap:26px;text-transform:uppercase;font-weight:800;font-size:14px}nav a,.phone,footer a{color:white;text-decoration:none}.phone{font-size:28px;font-weight:900;color:#fff}.hero{min-height:560px;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.2)),url('assets/homepage-reference.png') center/cover no-repeat;display:flex;align-items:center}.hero-overlay{padding-left:3%;max-width:620px;color:white}.hero h1{text-transform:uppercase;font-size:72px;line-height:.95;margin:0 0 18px;font-weight:900;letter-spacing:2px}.hero p{text-transform:uppercase;color:#f4b400;font-size:25px;font-weight:900}.btn,.financing a,button{display:inline-block;background:#f4b400;color:#050505;padding:18px 28px;border-radius:6px;text-transform:uppercase;text-decoration:none;font-weight:900;border:0;cursor:pointer}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#111;color:white;padding:28px 4%}.features div{border-right:1px solid #444;padding:0 28px}.features div:last-child{border-right:0}.features span{color:#f4b400;font-size:42px}.features h3{text-transform:uppercase;margin:0;color:white}.features p{color:#ddd}.financing{margin:28px auto 8px;max-width:1180px;background:#111;color:white;border:3px solid #f4b400;border-radius:10px;display:flex;align-items:center;gap:28px;padding:18px 28px}.financing .check{font-size:54px;color:#f4b400}.financing h2{text-transform:uppercase;font-size:34px;margin:0;color:#f4b400}.financing ul{margin:0;line-height:1.8}.financing a{margin-left:auto}.buildings{text-align:center;padding:25px 3% 40px}.buildings h2,.quote h2{text-transform:uppercase;font-size:42px;margin:10px 0}.intro{font-weight:700}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:28px}.cards article{background:#111;color:white;box-shadow:0 4px 16px #0002}.card-img{height:170px;background:url('assets/homepage-reference.png') center/cover no-repeat}.garage{background-position:35% 42%}.storage{background-position:45% 60%}.workshop{background-position:65% 55%}.carport{background-position:80% 35%}.cards h3{text-transform:uppercase;color:#f4b400;margin:14px 0 5px}.cards p{padding:0 18px 18px}.quote{background:white;padding:42px 3%;text-align:center}.quote form{max-width:720px;margin:auto;display:grid;gap:14px}.quote input,.quote select,.quote textarea{padding:16px;border:1px solid #ccc;border-radius:5px;font-size:16px}.quote textarea{min-height:110px}footer{background:#080a0c;color:white;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:28px 4%;border-top:4px solid #f4b400}footer strong{text-transform:uppercase;color:white}footer div{color:#f4b400}@media(max-width:900px){.topbar{height:auto;gap:15px;flex-direction:column;padding:18px}nav{flex-wrap:wrap;justify-content:center}.phone{font-size:22px}.hero h1{font-size:48px}.features,.cards,footer{grid-template-columns:1fr}.features div{border-right:0;border-bottom:1px solid #444}.financing{flex-direction:column;text-align:center}.financing a{margin-left:0}}