/*
Theme Name: NewPhase Property Management
Theme URI: https://newphasemanagement.co.uk/
Author: NewPhase Property Management
Description: Custom landing page theme for NewPhase Property Management.
Version: 1.0
*/

:root{--blue:#1688ff;--deep:#030913;--panel:#07111e;--text:#f5f8ff;--muted:#b5c0cf}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{text-decoration:none;color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 24px}
.hero{min-height:760px;background:linear-gradient(90deg,rgba(2,7,15,.96) 0%,rgba(2,7,15,.72) 48%,rgba(2,7,15,.35)),url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2200&q=85") center/cover;position:relative}
header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{font-weight:800;letter-spacing:2px;font-size:19px}.brand span{color:var(--blue)}.brand small{display:block;font-size:7px;letter-spacing:2.5px;color:#b9c3d0;margin-top:-2px}
nav{display:flex;gap:27px;font-size:12px;font-weight:700}nav a:hover{color:var(--blue)}
.navbtn{border:1px solid var(--blue);padding:12px 20px;border-radius:4px;color:#fff}
.hero-content{padding:80px 0 60px;max-width:930px}.eyebrow{color:#35a0ff;font-size:12px;font-weight:800;letter-spacing:.4px;margin-bottom:14px}
h1{font-size:58px;line-height:1.02;letter-spacing:1px;margin:0 0 20px;text-transform:uppercase}h1 span{color:var(--blue)}.hero-copy{font-size:16px;max-width:510px;color:#e3e9f1;margin-bottom:30px}.primary{display:inline-block;background:linear-gradient(90deg,#0879f5,#2a8fff);padding:15px 28px;border-radius:4px;font-weight:800;font-size:13px;box-shadow:0 10px 30px #007cff33}
.offer{position:absolute;right:5%;top:200px;width:285px;background:#03070ddf;border:1px solid #ffffff1b;border-radius:8px;padding:25px 25px 20px;text-align:center;box-shadow:0 20px 60px #0008}.offer-tag{display:inline-block;background:#117ff5;padding:5px 18px;border-radius:4px;font-size:10px;font-weight:800}.offer h3{color:#4da9ff;font-size:13px;margin:18px 0 2px}.offer strong{display:block;font-size:45px;line-height:1.05}.offer strong span{color:var(--blue)}.offer ul{list-style:none;text-align:left;padding:0;margin:18px 0}.offer li{font-size:12px;margin:8px 0}.offer li:before{content:"✓";color:#1590ff;font-weight:900;margin-right:10px}.offer .primary{width:100%;margin-top:4px}.offer-note{font-size:10px;color:#d5dce5;margin-top:13px}
.trust{background:#050c15;border:1px solid #ffffff16;border-radius:8px;margin-top:-15px;position:relative;padding:22px 30px;display:flex;align-items:center;gap:25px}.trust-icon{font-size:35px;color:#fff}.trust strong{font-size:14px}.trust strong span{color:var(--blue)}.trust p{margin:3px 0 0;color:#d2d9e2;font-size:12px}
.section{padding:75px 0;border-top:1px solid #ffffff0d}.section.alt{background:#050b13}.section-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;align-items:center}.section h2{font-size:36px;line-height:1.15;margin:8px 0 15px}.section p{color:var(--muted);font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.card{min-height:185px;padding:20px;background:linear-gradient(145deg,#0b1725,#060d16);border:1px solid #ffffff15;border-radius:5px}.card .ico{width:40px;height:40px;border:1px solid var(--blue);border-radius:50%;display:grid;place-items:center;color:#53adff;margin-bottom:13px}.card h3{font-size:12px;margin:0 0 7px}.card p{font-size:11px;margin:0;color:#b9c2ce}.steps{text-align:center}.steps h2{margin-bottom:35px}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;text-align:left}.step{position:relative}.num{color:var(--blue);font-size:13px;font-weight:800}.step h3{font-size:13px;margin:4px 0}.step p{font-size:11px;margin:0}
.form-section{background:linear-gradient(90deg,rgba(4,10,18,.96),rgba(4,10,18,.86)),url("https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1800&q=85") center/cover}.form-grid{display:grid;grid-template-columns:.8fr 1.4fr;gap:55px;align-items:center}.form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form input,.form select{width:100%;background:#0d1724;border:1px solid #ffffff18;color:#dce5ef;padding:13px;border-radius:4px}.form select{grid-column:1/-1}.form button{grid-column:1/-1;border:0;cursor:pointer;color:#fff;background:linear-gradient(90deg,#0879f5,#2a8fff);padding:14px;border-radius:4px;font-weight:800}.secure{grid-column:1/-1;text-align:center;color:#9daaba;font-size:11px}.secure b{color:#fff}
footer{border-top:1px solid #ffffff12;padding:25px 0;color:#9ba7b7;font-size:11px}.footer-grid{display:flex;justify-content:space-between;gap:20px}
@media(max-width:900px){nav{display:none}.hero{min-height:auto}.hero-content{padding:65px 0 45px}h1{font-size:44px}.offer{position:relative;right:auto;top:auto;margin:0 auto 45px}.trust{margin-top:0}.section-grid,.form-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.step-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.wrap{padding:0 18px}h1{font-size:36px}.cards,.step-grid,.form{grid-template-columns:1fr}.form select,.form button,.secure{grid-column:auto}.trust{align-items:flex-start;padding:18px}.footer-grid{flex-direction:column}}