body { color: white; }
/* Premium navy + gold theme — static skyline hero (no video) */
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:#111;background:#0a1422}
a{color:#d9b86c;text-decoration:none}a:hover{text-decoration:underline}
.container{width:92%;max-width:1200px;margin:0 auto}.section-padding{padding:54px 0}
.site-header{background:rgba(10,20,34,.85);backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:30}
.nav-container{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.logo img{height:48px;width:auto}
.main-nav .nav-links{list-style:none;display:flex;gap:18px}
.nav-links a{color:#eef3ff;font-weight:700;opacity:.95}
.nav-links a.active,.nav-links a:hover{color:#d9b86c}
.nav-toggle{display:none}.nav-toggle-label{display:none;cursor:pointer;flex-direction:column;width:30px;height:21px;justify-content:space-between}
.nav-toggle-label span{display:block;height:3px;background:#fff}

/* Static hero background */
.hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;overflow:hidden;
  background-image:url(images/landing-bg.jpg);background-size:cover;background-position:center;}
.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,20,34,.2),rgba(10,20,34,.8) 60%,#0a1422);z-index:0}
.hero-overlay{position:relative;text-align:center;color:#fff;padding:40px 16px;z-index:1}
.hero-overlay h1{font-size:clamp(1.8rem,3.6vw,3rem);line-height:1.15;margin:0 0 8px;text-shadow:0 2px 5px rgba(0,0,0,.4)}
.hero-overlay p{max-width:800px;margin:0 auto 16px;color:#cfd9ff;text-shadow:0 1px 3px rgba(0,0,0,.3)}
.button,.cta-button{display:inline-block;background:#d9b86c;color:#0b1020;padding:10px 16px;border-radius:999px;font-weight:800;border:0}
.button:hover{filter:saturate(1.05)}

h1,h2,h3{color:#eef3ff}
h2{font-size:clamp(1.4rem,2.4vw,2rem);margin:0 0 12px}
.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.service-card{background:#0f1e35;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px;color:#e7edff}
.service-card h3{margin:0 0 8px}
.read-more{font-weight:700;color:#d9b86c}
.kicker{font-weight:800;letter-spacing:.15em;font-size:.8rem;text-transform:uppercase;color:#9fb1d7}
.feature-list{color:#e7edff}.feature-list li{margin:8px 0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.hidden{display:none}
.form-group{display:flex;flex-direction:column;margin:10px 0}.form-group label span{color:#f66}
.contact-form input,.contact-form textarea{padding:10px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:rgba(255,255,255,.04);color:#eef3ff}
.contact-form button{margin-top:8px}

.partners{background:linear-gradient(180deg,rgba(217,184,108,.06),rgba(217,184,108,0));border-top:1px solid rgba(255,255,255,.06)}
.logo-grid{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));gap:14px;align-items:center}
.logo-card{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;transition:transform .15s,border-color .15s,box-shadow .15s}
.logo-card:hover{transform:translateY(-2px);border-color:rgba(217,184,108,.6);box-shadow:0 8px 20px rgba(0,0,0,.25)}
.logo-card img{max-height:46px;width:auto;display:block;/* filter removed to respect brand colours */}

.site-footer{padding:40px 0;background:#08111d;border-top:1px solid rgba(255,255,255,.06);color:#cbd6ff}
.footer-container{display:grid;grid-template-columns:2fr 1fr;gap:24px}
.footer-logo img{height:40px}

@media (max-width:980px){
  .services-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .logo-grid{grid-template-columns:repeat(3,minmax(100px,1fr))}
  .nav-toggle-label{display:flex}
  .main-nav{position:absolute;top:64px;left:0;right:0;background:#0a1422;border-top:1px solid rgba(255,255,255,.06);display:none}
  .main-nav .nav-links{flex-direction:column;padding:12px 0;align-items:center}
  #nav-toggle:checked + .nav-toggle-label + .main-nav{display:block}
}
@media (max-width:520px){
  .logo-grid{grid-template-columns:repeat(2,minmax(100px,1fr))}
  .logo-card img{max-height:40px}
}

/* ==== Serviced Accommodation Revamp ==== */
.hero-secondary{position:relative;min-height:44vh;display:flex;align-items:center;justify-content:center;background-image:url('images/liverpool-skyline.jpg');background-size:cover;background-position:center}
.hero-secondary:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,20,34,.3),rgba(10,20,34,.85) 70%,#0a1422);z-index:0}
.hero-secondary .inner{position:relative;z-index:1;text-align:center;color:#fff;padding:28px 16px}
.breadcrumb{display:flex;gap:8px;justify-content:center;margin:8px 0 2px;color:#cdd8ff;font-size:.95rem}
.breadcrumb a{color:#d9b86c}
.page-title{font-size:clamp(1.8rem,3.2vw,2.6rem);margin:6px 0}

.lead{font-size:1.1rem;color:#d8e2ff;max-width:900px;margin:0 auto 14px}

.icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:12px}
.icon-card{background:#0f1e35;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;text-align:center;color:#e7edff}
.icon{font-size:28px;margin-bottom:8px;display:inline-block}

.suite-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.suite-card{background:#0f1e35;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;color:#e7edff;display:flex;flex-direction:column}
.suite-card img{width:100%;height:200px;object-fit:cover;display:block}
.suite-card .content{padding:14px}
.suite-meta{display:flex;gap:12px;color:#cbd6ff;font-size:.95rem;margin:8px 0}
.badge{background:rgba(217,184,108,.16);color:#f5e7c2;padding:4px 10px;border-radius:999px;font-weight:700;font-size:.85rem;display:inline-block}

.amenities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.amenities li{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 12px;color:#e7edff}

.map-block{background:linear-gradient(180deg,rgba(217,184,108,.06),rgba(217,184,108,0));border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:16px}

.faq{max-width:900px;margin:0 auto}
.faq details{background:#0f1e35;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 14px;margin:8px 0;color:#e7edff}
.faq summary{cursor:pointer;font-weight:700;color:#eef3ff}
.faq p{color:#d6e0ff}

.cta-panel{background:linear-gradient(180deg,rgba(217,184,108,.12),rgba(217,184,108,0));border:1px solid rgba(217,184,108,.35);border-radius:16px;padding:18px;text-align:center}
.cta-panel .button{font-size:1rem}

@media (max-width:1024px){
  .icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .suite-grid{grid-template-columns:1fr}
  .amenities{grid-template-columns:1fr}
}


/* ==== Sales & Lettings Enhancements ==== */
.trust-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:12px 0}
.trust-item{background:#0f1e35;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;text-align:center;color:#e7edff}
.trust-item h3{margin:0;color:#f5e7c2}
.trust-item p{margin:4px 0 0;color:#cbd6ff}

.feature-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.feature-box{background:#0f1e35;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;color:#e7edff}

.timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:10px}
.step{background:rgba(217,184,108,.12);border:1px solid rgba(217,184,108,.4);border-radius:12px;padding:12px;color:#f5e7c2}
.step h4{margin:0 0 6px;color:#fff}

.card-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.card{background:#0f1e35;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;color:#e7edff}
.card img{width:100%;height:180px;object-fit:cover;display:block}
.card .content{padding:14px}

.pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.plan{background:#0f1e35;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;color:#e7edff}
.plan h3{margin:0 0 6px}
.plan .price{font-size:1.6rem;color:#f5e7c2;font-weight:800;margin:6px 0}
.plan ul{margin:8px 0 0;padding-left:18px}
.tick{color:#d9b86c;margin-right:6px}

.matrix{width:100%;border-collapse:separate;border-spacing:0;border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden}
.matrix th,.matrix td{padding:10px;border-bottom:1px solid rgba(255,255,255,.09);color:#e7edff}
.matrix th{background:#0f1e35;text-align:left}
.matrix tr:nth-child(even) td{background:rgba(255,255,255,.03)}

.note{color:#cbd6ff;font-size:.95rem;margin-top:6px}
@media (max-width:1024px){
  .feature-grid-2{grid-template-columns:1fr}
  .timeline{grid-template-columns:1fr 1fr}
  .card-grid-3{grid-template-columns:1fr}
  .pricing{grid-template-columns:1fr}
  .trust-strip{grid-template-columns:1fr}
}

/* Light copy utility for homepage */
.light-copy p, .light-copy h3 { color:#eef3ff; }
.light-copy p{opacity:.95}

/* --- Overrides: force white text in the intro section --- */
.intro, .intro p, .intro h1, .intro h2, .intro h3, .intro li, .intro a, .intro strong, .intro em {
  color: white !important;
}


/* Custom font */
@font-face {
  font-family: 'Southing by Alpaprana';
  src: url('fonts/Southing-by-Alpaprana.woff2') format('woff2'),
       url('fonts/Southing-by-Alpaprana.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: 'Southing by Alpaprana', sans-serif;
}

.hero-title { font-style: italic; font-size: 2.8rem; line-height: 1.2; text-align: center; display:block; }


/* Force Dancing Script for hero tagline */
.hero-title { font-style: italic; font-size: 2.8rem; line-height: 1.2; text-align: center; display:block; }


/* --- Valuation page layout tweaks --- */
.two-col{
  display:grid;
  grid-template-columns: 3fr 2fr;
  gap: 28px;
}
@media(max-width: 900px){
  .two-col{ grid-template-columns: 1fr; }
}
.info-card{
  background:#0f1e35;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:16px;
  margin-bottom:16px;
}
.tick-list{ list-style:none; padding-left:1.2rem; }
.tick-list li{ margin:6px 0; position:relative; }
.tick-list li::before{
  content:"✓";
  position:absolute; left:-1.2rem; top:0; 
}
.instant-valuation .button{
  display:inline-block; padding:10px 16px; border-radius:999px; font-weight:700;
  border:1px solid rgba(255,255,255,.3); opacity:.7; pointer-events:none;
}
/* Form inputs consistency */
form[name="valuation"] input, form[name="valuation"] textarea, form[name="valuation"] select {
  width:100%;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.15);
  background: rgba(255,255,255,.04);
  color:#eef3ff;
}
form[name="valuation"] .checkbox input{ width:auto; margin-right:8px; }
.fineprint{ font-size:.9rem; opacity:.8; }


.hero-sales, .hero-lettings {
  background: url("images/tab-bg.png") no-repeat center center/cover !important;
}


/* Force all text to white */
body, p, h1, h2, h3, h4, h5, h6, label, input, textarea, select {
  color: #fff !important;
}

/* Placeholder text white */
::placeholder {
  color: #fff !important;
  opacity: 0.8;
}

/* Italic strapline */
.hero-title {
  font-style: italic !important;
}


/* === Global hero & strapline readability (with responsive sizing) === */
.hero-title,
.hero-subtitle,
.hero-header {
  font-style: italic !important;
  font-size: 3rem !important;
  line-height: 1.4 !important;
  letter-spacing: 0.5px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}

@media (max-width: 768px) {
  .hero-title,
  .hero-subtitle,
  .hero-header {
    font-size: 2rem !important;
    line-height: 1.3 !important;
  }
}

@media (max-width: 480px) {
  .hero-title,
  .hero-subtitle,
  .hero-header {
    font-size: 1.6rem !important;
    line-height: 1.2 !important;
  }
}


/* Ensure italics on actual hero selectors */
.hero-overlay h1,
h1.page-title {
  font-style: italic !important;
}


/* === Remove any blur on hero background === */
.hero-overlay {
  filter: none !important;
  backdrop-filter: none !important;
}

/* If a pseudo overlay is used, ensure it doesn't blur the backdrop */
.hero-overlay::before,
.hero-overlay::after {
  backdrop-filter: none !important;
  filter: none !important;
}


/* === Enlarge footer logo globally === */
.footer-logo img,
.site-footer img {
  max-height: 80px !important;
  width: auto !important;
  height: auto !important;
}


/* === Footer logo doubled in size (100px) === */
.footer-logo img,
.site-footer img {
  max-height: 100px !important;
  width: auto !important;
  height: auto !important;
}


/* === Partners & Compliance logos: uniform boxes and logo sizing === */
.partners-strip, .brand-logos, .logo-grid, .partners-logos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 16px;
}

.partners-strip .logo-item,
.brand-logos .logo-item,
.logo-grid .logo-item,
.partners-logos .logo-item,
.partners-strip li,
.brand-logos li,
.logo-grid li,
.partners-logos li,
.partners-strip .brand-item,
.brand-logos .brand-item,
.logo-grid .brand-item,
.partners-logos .brand-item {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
}

.partners-strip img,
.brand-logos img,
.logo-grid img,
.partners-logos img {
  max-height: 46px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

/* Specific tweak for wide MyDeposits logo so it doesn't overflow */
.partners-strip img[alt*="mydeposit" i],
.brand-logos img[alt*="mydeposit" i],
.logo-grid img[alt*="mydeposit" i],
.partners-logos img[alt*="mydeposit" i],
.partners-strip img[src*="mydeposit" i],
.brand-logos img[src*="mydeposit" i],
.logo-grid img[src*="mydeposit" i],
.partners-logos img[src*="mydeposit" i] {
  max-height: 40px !important;
}


/* === Unified background for non-home pages === */
.page-hero, .inner-hero, .hero-secondary, .banner, .sub-hero, .page-header {
  background-image: url('images/bg-secondary.png') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}


/* === Footer logo enlarged to 200px === */
.footer-logo img,
.site-footer img {
  max-height: 200px !important;
  width: auto !important;
  height: auto !important;
}