/* ==========================================================
   WB LETS — DESIGN TOKENS
   Palette grounded in Nottingham: Sherwood green, sandstone,
   brick-terrace red. Lace-pattern motif nods to the Lace Market.
   ========================================================== */
:root{
  --ink: #16211a;
  --forest: #2c4335;
  --forest-2: #3c5a47;
  --stone: #f1ecdd;
  --paper: #faf7ee;
  --brick: #b45a34;
  --brick-dark: #97472a;
  --line: rgba(22,33,26,0.12);
  --line-light: rgba(250,247,238,0.18);
  --ink-soft: #4a5750;
  --radius-s: 6px;
  --radius-m: 14px;
  --radius-l: 28px;
  --shadow: 0 20px 40px -24px rgba(22,33,26,0.35);
  --container: 1180px;
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --ease: cubic-bezier(.22,.68,0,1);
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important;}
}
body{
  margin:0;
  font-family:var(--font-body);
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  line-height:1.55;
}
img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}
h1,h2,h3{font-family:var(--font-display); font-weight:500; margin:0; line-height:1.1; letter-spacing:-0.01em;}
p{margin:0;}
ul,ol{margin:0; padding:0; list-style:none;}
button{font-family:inherit; cursor:pointer;}
select{font-family:inherit;}

.wrap{max-width:var(--container); margin:0 auto; padding:0 24px;}

.skip-link{
  position:absolute; left:-999px; top:0; background:var(--ink); color:var(--paper);
  padding:12px 18px; z-index:200; border-radius:0 0 8px 0;
}
.skip-link:focus{left:0;}

:focus-visible{outline:2.5px solid var(--brick); outline-offset:3px;}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:14px 26px; border-radius:999px; border:1.5px solid transparent;
  font-weight:600; font-size:0.97rem; transition:transform .18s var(--ease), background .18s, border-color .18s, color .18s;
  white-space:nowrap;
}
.btn:hover{transform:translateY(-2px);}
.btn-primary{background:var(--brick); color:#fff;}
.btn-primary:hover{background:var(--brick-dark);}
.btn-outline{border-color:var(--ink); color:var(--ink);}
.btn-outline:hover{background:var(--ink); color:var(--paper);}
.btn-outline-light{border-color:var(--line-light); color:#fff;}
.btn-outline-light:hover{background:#fff; color:var(--ink);}
.btn-ghost{background:transparent; color:currentColor; border-color:transparent; text-decoration:underline; padding:10px 14px;}
.btn-lg{padding:16px 30px; font-size:1.02rem;}
.btn-sm{padding:9px 18px; font-size:0.88rem;}

/* ==========================================================
   COOKIE BAR
   ========================================================== */
.cookie-bar{
  position:fixed; right:16px; bottom:16px; z-index:150;
  width:min(360px, calc(100vw - 32px));
  background:var(--ink); color:var(--paper);
  border-radius:var(--radius-m); padding:18px 20px;
  display:flex; flex-direction:column; gap:14px;
  box-shadow:0 24px 48px -20px rgba(0,0,0,0.5);
  transform:translateY(0); transition:transform .4s var(--ease), opacity .4s;
}
.cookie-bar[hidden]{display:none;}
.cookie-bar p{font-size:0.86rem; color:rgba(250,247,238,0.85); margin:0;}
.cookie-bar a{text-decoration:underline; color:inherit;}
.cookie-actions{display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end;}

/* ---------- WhatsApp sticky button ---------- */
.whatsapp-fab{
  position:fixed; right:16px; bottom:16px; z-index:140;
  width:56px; height:56px; border-radius:50%;
  background:#25D366; color:#fff;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 14px 28px -10px rgba(22,33,26,0.5);
  transition:bottom .3s var(--ease), transform .18s;
}
.whatsapp-fab:hover{transform:translateY(-3px);}
.whatsapp-fab.is-raised{bottom:206px;}
@media (max-width:760px){
  .whatsapp-fab{width:50px; height:50px; right:14px; bottom:14px;}
  .whatsapp-fab.is-raised{bottom:230px;}
}

/* ==========================================================
   HEADER
   ========================================================== */
.site-header{
  position:sticky; top:0; z-index:100;
  background:rgba(250,247,238,0.88); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
  transition:box-shadow .25s;
}
.site-header.is-scrolled{box-shadow:0 8px 24px -18px rgba(22,33,26,0.4);}
.header-inner{display:flex; align-items:center; justify-content:space-between; height:78px; gap:20px;}
.logo{display:flex; align-items:center; gap:10px; flex-shrink:0;}
.logo-mark{display:block; object-fit:contain; flex-shrink:0;}
.logo-text{font-family:var(--font-display); font-size:1.28rem; font-weight:600; letter-spacing:-0.01em;}
.main-nav{display:flex; gap:30px; font-size:0.96rem; font-weight:500;}
.main-nav a{position:relative; padding:4px 0; color:var(--ink-soft);}
.main-nav a:hover{color:var(--ink);}
.main-nav a::after{
  content:""; position:absolute; left:0; right:100%; bottom:-2px; height:2px; background:var(--brick);
  transition:right .25s var(--ease);
}
.main-nav a:hover::after{right:0;}
.header-actions{display:flex; align-items:center; gap:14px;}
.menu-toggle{
  display:none; width:40px; height:40px; border:none; background:transparent;
  flex-direction:column; align-items:center; justify-content:center; gap:5px;
}
.menu-toggle span{width:22px; height:2px; background:var(--ink); border-radius:2px; transition:transform .2s, opacity .2s;}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.mobile-nav{
  display:flex; flex-direction:column; gap:2px; padding:10px 24px 22px;
  border-top:1px solid var(--line); background:var(--paper);
}
.mobile-nav a{padding:12px 4px; font-weight:500; border-bottom:1px solid var(--line); font-size:1.02rem;}
.mobile-nav[hidden]{display:none;}

/* ==========================================================
   HERO
   ========================================================== */
.hero{padding:64px 0 80px; overflow:hidden;}
.hero-inner{display:grid; grid-template-columns:1.15fr 0.85fr; gap:56px; align-items:center;}
.eyebrow{color:var(--brick); font-weight:600; font-size:0.92rem; margin-bottom:18px; letter-spacing:0.01em;}
.hero h1{font-size:clamp(2.5rem, 4.4vw, 3.75rem); max-width:14ch;}
.hero-lede{margin-top:22px; font-size:1.15rem; color:var(--ink-soft); max-width:46ch;}
.hero-actions{display:flex; gap:14px; flex-wrap:wrap; margin-top:34px;}
.hero-stats{display:flex; gap:36px; margin-top:52px; flex-wrap:wrap;}
.hero-stats dt{font-family:var(--font-display); font-size:1.6rem; color:var(--forest);}
.hero-stats dd{margin:2px 0 0; font-size:0.86rem; color:var(--ink-soft);}

/* Layered editorial hero visual:
   a forest/lace backdrop panel sits offset behind an arch-topped
   real photograph, with a small caption card anchored at the base. */
.hero-visual{
  position:relative;
  aspect-ratio:6/7;
  max-width:460px;
  justify-self:end;
  width:100%;
}
.lace-backdrop{
  position:absolute; inset:28px -20px -20px 28px;
  width:calc(100% - 8px); height:calc(100% - 8px);
  border-radius:var(--radius-l);
  color:rgba(250,247,238,0.5);
  box-shadow:var(--shadow);
}
.lace-tex{color:rgba(250,247,238,0.3);}

.hero-photo{
  position:absolute; inset:0 20px 48px 0;
  margin:0;
  border-radius:180px 180px var(--radius-m) var(--radius-m);
  overflow:hidden;
  box-shadow:0 24px 48px -20px rgba(22,33,26,0.45);
  border:6px solid var(--paper);
}
.hero-photo img{
  width:100%; height:100%; object-fit:cover; object-position:center 30%;
  display:block;
}
.hero-photo figcaption{
  position:absolute; left:16px; bottom:150px;
  background:rgba(22,33,26,0.72); color:var(--paper);
  font-size:0.76rem; font-weight:500; letter-spacing:0.01em;
  padding:6px 12px; border-radius:999px;
  backdrop-filter:blur(3px);
}

.hero-card{
  position:absolute; left:0; right:56px; bottom:0;
  background:var(--paper); border-radius:var(--radius-m); padding:20px 22px;
  box-shadow:0 20px 40px -22px rgba(0,0,0,0.5);
}
.hero-card-label{font-size:0.8rem; font-weight:600; color:var(--brick); margin-bottom:10px;}
.hero-card-list li{padding:6px 0; border-top:1px solid var(--line); font-size:0.92rem;}
.hero-card-list li:first-child{border-top:none;}

/* ==========================================================
   SECTION HEAD (shared)
   ========================================================== */
.section-head{max-width:640px; margin:0 auto 44px; text-align:center;}
.section-head--left{text-align:left; margin-left:0;}
.section-head h2{font-size:clamp(1.9rem, 3vw, 2.5rem);}
.section-head p{margin-top:14px; color:var(--ink-soft); font-size:1.05rem;}

/* ==========================================================
   DISCOVER
   ========================================================== */
.discover{padding:80px 0; background:var(--stone); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.discover-form{
  display:grid; grid-template-columns:repeat(4,1fr) auto; gap:14px; align-items:end;
  background:var(--paper); padding:22px; border-radius:var(--radius-m); box-shadow:var(--shadow);
}
.field{display:flex; flex-direction:column; gap:8px; min-width:0;}
.field label{font-size:0.8rem; font-weight:600; color:var(--ink-soft);}
.field select{
  padding:13px 14px; border-radius:var(--radius-s); border:1.5px solid var(--line);
  background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234a5750' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") no-repeat right 14px center;
  appearance:none; font-size:0.95rem; color:var(--ink);
}
.field select:focus{border-color:var(--brick);}
.discover-submit{grid-column:span 1; white-space:nowrap;}
.discover-note{text-align:center; margin-top:20px; color:var(--ink-soft); font-size:0.92rem; display:flex; flex-direction:column; align-items:center; gap:8px;}
.discover-note a{text-decoration:underline; color:var(--ink);}
.rightmove-badge{
  font-size:0.78rem; font-weight:500; color:var(--ink-soft);
  padding:5px 14px; border:1px solid var(--line); border-radius:999px;
  background:var(--paper);
}
.rightmove-badge strong{color:var(--ink); font-weight:700;}

/* ==========================================================
   AUDIENCE PATHWAYS
   ========================================================== */
.pathways{padding:88px 0;}
.pathways-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
.pathway-card{
  position:relative; display:block; padding:44px 40px; border-radius:var(--radius-l);
  background:var(--stone); border:1px solid var(--line);
  transition:transform .25s var(--ease), box-shadow .25s;
  min-height:320px;
  isolation:isolate;
  overflow:hidden;
}
.pathway-card::before{
  content:""; position:absolute; inset:0; z-index:-2;
  background-image:var(--pathway-img); background-size:cover; background-position:center;
}
.pathway-card::after{
  content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(180deg, rgba(22,33,26,0.28) 0%, rgba(22,33,26,0.82) 78%);
}
.pathway-card--dark::after{
  background:linear-gradient(180deg, rgba(23,35,26,0.42) 0%, rgba(23,35,26,0.92) 78%);
}
.pathway-card, .pathway-card--dark{color:var(--paper);}
.pathway-card:hover{transform:translateY(-6px); box-shadow:var(--shadow);}
.pathway-index{font-family:var(--font-display); font-size:0.95rem; color:#e0a98c; font-weight:600;}
.pathway-card h3{font-size:1.7rem; margin-top:14px; color:var(--paper);}
.pathway-card p{margin-top:14px; color:rgba(250,247,238,0.82); max-width:36ch;}
.pathway-link{display:inline-block; margin-top:26px; font-weight:600; font-size:0.95rem; color:var(--paper);}
.pathway-card{display:flex; flex-direction:column; justify-content:flex-end;}

/* ==========================================================
   WHY WB LETS
   ========================================================== */
.why{padding:88px 0; background:var(--ink); color:var(--paper);}
.why .section-head--left h2{color:var(--paper);}
.why-head{display:flex; align-items:flex-end; justify-content:space-between; gap:40px; max-width:none;}
.why-head-copy{max-width:520px;}
.why-head-photo{
  width:180px; height:130px; object-fit:cover; border-radius:var(--radius-m);
  border:4px solid rgba(250,247,238,0.14); flex-shrink:0;
}
.why-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:2px; background:var(--line-light); border-radius:var(--radius-m); overflow:hidden;}
.why-grid li{background:var(--ink); padding:34px 30px;}
.why-grid h3{font-size:1.2rem; color:var(--paper); font-weight:600; font-family:var(--font-body);}
.why-grid p{margin-top:12px; color:rgba(250,247,238,0.72); font-size:0.96rem;}

/* ==========================================================
   LOCAL EXPERTISE
   ========================================================== */
.local{padding:88px 0;}
.local-inner{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;}
.local-copy h2{font-size:clamp(1.9rem, 3vw, 2.5rem);}
.local-copy p{margin-top:18px; color:var(--ink-soft); font-size:1.05rem; max-width:42ch;}
.local-photo{
  margin:0 0 22px; width:220px; max-width:60%; aspect-ratio:4/3;
  border-radius:var(--radius-m); overflow:hidden; box-shadow:var(--shadow);
  border:5px solid var(--paper); transform:rotate(-2deg);
}
.local-photo img{width:100%; height:100%; object-fit:cover; display:block;}
.local-areas{display:flex; flex-wrap:wrap; gap:12px;}
.local-areas li{
  padding:11px 20px; border-radius:999px; border:1.5px solid var(--line);
  font-size:0.94rem; font-weight:500; color:var(--forest); background:var(--stone);
}

/* ==========================================================
   RENTING PROCESS
   ========================================================== */
.process{padding:88px 0; background:var(--stone); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.process-list{display:grid; grid-template-columns:repeat(4,1fr); gap:28px;}
.process-list li{padding-top:20px; border-top:2px solid var(--ink);}
.process-num{font-family:var(--font-display); font-size:1.1rem; color:var(--brick); display:block;}
.process-list h3{margin-top:14px; font-size:1.15rem; font-weight:600; font-family:var(--font-body);}
.process-list p{margin-top:10px; color:var(--ink-soft); font-size:0.94rem;}

/* ==========================================================
   TRUST
   ========================================================== */
.accreditations{padding:88px 0;}
.accreditations-inner{max-width:1000px; margin:0 auto;}
.accreditation-list{
  display:flex; flex-wrap:wrap; margin-top:8px;
  border-top:1px solid var(--line);
}
.accreditation-list li{
  flex:1 1 220px; display:flex; flex-direction:column; gap:6px;
  padding:26px 28px; border-bottom:1px solid var(--line); border-right:1px solid var(--line);
}
.accreditation-list li:last-child{border-right:none;}
.accreditation-name{font-family:var(--font-display); font-size:1.15rem; color:var(--ink);}
.accreditation-status{font-size:0.86rem; color:var(--ink-soft); letter-spacing:0.01em;}

/* ==========================================================
   FINAL CTA
   ========================================================== */
.final-cta{padding:100px 0; background:var(--forest); color:#fff; text-align:center;}
.final-cta-inner{max-width:620px; margin:0 auto;}
.final-cta h2{font-size:clamp(2rem, 3.4vw, 2.7rem); color:#fff;}
.final-cta p{margin-top:16px; color:rgba(250,247,238,0.8); font-size:1.08rem;}
.final-cta .hero-actions{justify-content:center; margin-top:32px;}

/* ==========================================================
   FOOTER
   ========================================================== */
.site-footer{background:var(--ink); color:rgba(250,247,238,0.8); padding:64px 0 0;}
.footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:40px; padding-bottom:48px; border-bottom:1px solid var(--line-light);}
.footer-brand .logo-text, .footer-brand .logo-mark{color:var(--paper);}
.footer-brand p{margin-top:14px; font-size:0.92rem; max-width:30ch; color:rgba(250,247,238,0.6);}
.footer-col h4{font-family:var(--font-body); font-size:0.85rem; font-weight:600; color:var(--paper); margin-bottom:16px; letter-spacing:0.02em;}
.footer-col a, .footer-col .link-btn{display:block; padding:6px 0; font-size:0.92rem; color:rgba(250,247,238,0.72); background:none; border:none; text-align:left;}
.footer-col a:hover, .footer-col .link-btn:hover{color:#fff;}
.footer-col address{font-style:normal; font-size:0.92rem; margin-bottom:10px; color:rgba(250,247,238,0.72); line-height:1.6;}
.footer-col .hours{margin-top:8px; font-size:0.86rem; color:rgba(250,247,238,0.55);}
.footer-bottom{display:flex; justify-content:space-between; align-items:center; padding:22px 24px; font-size:0.85rem; color:rgba(250,247,238,0.55); flex-wrap:wrap; gap:10px;}
.footer-facebook{
  display:inline-flex; align-items:center; justify-content:center;
  width:34px; height:34px; border-radius:50%;
  color:rgba(250,247,238,0.65); border:1px solid var(--line-light);
  transition:color .18s, border-color .18s;
}
.footer-facebook:hover{color:#fff; border-color:rgba(250,247,238,0.4);}

/* ==========================================================
   RESPONSIVE
   ========================================================== */
@media (max-width: 1024px){
  .hero-inner{grid-template-columns:1fr; gap:44px;}
  .hero-visual{max-width:440px; margin:0 auto; aspect-ratio:5/6;}
  .hero-photo{border-radius:120px 120px var(--radius-m) var(--radius-m);}
  .discover-form{grid-template-columns:1fr 1fr; }
  .discover-submit{grid-column:1 / -1;}
  .pathways-grid{grid-template-columns:1fr;}
  .why-grid{grid-template-columns:1fr 1fr;}
  .why-head{flex-wrap:wrap; gap:20px;}
  .local-inner{grid-template-columns:1fr;}
  .process-list{grid-template-columns:1fr 1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}

@media (max-width: 760px){
  .main-nav{display:none;}
  .menu-toggle{display:flex;}
  .header-cta{display:none;}
  .header-inner{height:66px;}
  .hero{padding:32px 0 48px;}
  .hero-stats{gap:26px;}
  .hero-visual{max-width:320px; aspect-ratio:4/5; margin-top:8px;}
  .lace-backdrop{inset:18px -14px -14px 18px;}
  .hero-photo{inset:0 14px 40px 0; border-radius:90px 90px var(--radius-m) var(--radius-m); border-width:4px;}
  .hero-photo figcaption{font-size:0.68rem; padding:5px 10px;}
  .hero-card{right:38px; padding:16px 18px;}
  .hero-card-label{font-size:0.74rem; margin-bottom:6px;}
  .hero-card-list li{font-size:0.84rem; padding:4px 0;}
  .section-head{margin-bottom:32px;}
  .discover{padding:56px 0;}
  .discover-form{grid-template-columns:1fr;}
  .pathways{padding:56px 0;}
  .pathway-card{padding:32px 26px; min-height:260px;}
  .why{padding:56px 0;}
  .why-grid{grid-template-columns:1fr;}
  .why-head{align-items:flex-start;}
  .why-head-photo{width:120px; height:90px;}
  .local{padding:56px 0;}
  .local-photo{width:180px;}
  .process{padding:56px 0;}
  .process-list{grid-template-columns:1fr;}
  .process-list li{padding-top:16px;}
  .trust-badges li{min-width:150px; flex:1 1 45%;}
  .final-cta{padding:64px 0;}
  .footer-grid{grid-template-columns:1fr; gap:32px; padding-bottom:32px;}
  .footer-bottom{flex-direction:column; text-align:center;}
  .cookie-bar{right:12px; left:12px; bottom:12px; width:auto;}
}

@media (max-width: 380px){
  .hero-stats{flex-direction:column; gap:14px;}
  .trust-badges li{flex:1 1 100%;}
  .hero-visual{max-width:260px;}
  .hero-card{right:30px; padding:14px 16px;}
}

/* ==========================================================
   FINAL HOMEPAGE REFINEMENTS — BRAND / PROCESS / CREDENTIALS
   ========================================================== */
.logo{min-width:140px; height:50px; align-items:center;}
.brand-logo-image{width:140px; height:50px; object-fit:contain; object-position:left center;}
.logo--footer{min-width:140px; height:50px;}
.logo--footer .brand-logo-image{width:140px; height:50px;}

.rightmove-badge{display:inline-flex; align-items:center; gap:10px; padding:7px 13px 7px 11px; color:var(--ink-soft); text-decoration:none; background:rgba(250,247,238,.78);}
.rightmove-badge span{font-size:.72rem; white-space:nowrap;}
.rightmove-badge img{width:92px; height:30px; object-fit:contain;}
.rightmove-badge:hover{border-color:rgba(22,33,26,.22); transform:translateY(-1px);}

.process .section-head{max-width:700px; margin-bottom:42px;}
.process-list{gap:18px;}
.process-list li{position:relative; padding:0 22px 26px; border:1px solid rgba(22,33,26,.12); border-radius:18px; background:rgba(250,247,238,.45); min-height:250px; transition:transform .22s var(--ease), box-shadow .22s, background .22s; overflow:hidden;}
.process-list li:hover{transform:translateY(-5px); background:var(--paper); box-shadow:var(--shadow);}
.process-top{display:flex; align-items:center; gap:12px; padding-top:18px;}
.process-num{font-size:.9rem; letter-spacing:.08em; font-weight:600; flex-shrink:0;}
.process-line{height:1px; background:rgba(22,33,26,.24); flex:1;}
.process-list h3{font-size:1.28rem; margin-top:30px; font-family:var(--font-display);}
.process-list p{margin-top:12px; max-width:31ch; font-size:.93rem; line-height:1.6;}
.process-arrow{position:absolute; right:22px; bottom:19px; width:30px; height:30px; border:1px solid rgba(22,33,26,.18); border-radius:50%; display:grid; place-items:center; font-size:.9rem; color:var(--brick);}

.accreditations{padding:92px 0 96px; background:var(--paper);}
.accreditations-inner{max-width:1120px;}
.accreditations .section-head{max-width:720px; margin:0 auto 38px; text-align:center;}
.accreditations .section-head p{margin-top:13px; color:var(--ink-soft);}
.accreditation-list{display:grid; grid-template-columns:repeat(4,1fr); margin:0; border:1px solid var(--line); border-radius:20px; overflow:hidden; background:var(--paper); box-shadow:0 18px 45px -36px rgba(22,33,26,.55);}
.accreditation-list li{min-width:0; min-height:235px; padding:28px 24px 24px; border:0; border-right:1px solid var(--line); display:flex; flex-direction:column; align-items:flex-start; background:linear-gradient(180deg, rgba(241,236,221,.36), rgba(250,247,238,0));}
.accreditation-list li:last-child{border-right:0;}
.accreditation-logo{width:100%; height:92px; display:flex; align-items:center; justify-content:flex-start; margin-bottom:18px;}
.accreditation-logo img{display:block; width:auto; max-width:170px; max-height:78px; object-fit:contain; object-position:left center;}
.accreditation-list li:nth-child(2) .accreditation-logo img{max-width:190px; max-height:70px;}
.accreditation-list li:nth-child(3) .accreditation-logo img{max-width:190px; max-height:72px;}
.accreditation-list li:nth-child(4) .accreditation-logo img{max-width:155px; max-height:72px;}
.accreditation-name{font-family:var(--font-body); font-size:.98rem; line-height:1.35; font-weight:650; color:var(--ink);}
.accreditation-status{margin-top:7px; font-size:.82rem; color:var(--ink-soft);}

.footer-grid{align-items:start;}
.footer-brand{padding-top:0;}
.footer-brand .logo{display:flex; margin:0;}
.footer-brand p{margin-top:15px;}
.footer-connect{margin-top:24px; padding-top:20px; border-top:1px solid var(--line-light);}
.footer-connect h4{margin-bottom:12px;}
.footer-socials--main{display:flex; flex-wrap:wrap; align-items:center; gap:8px;}
.footer-platform{min-height:42px; padding:7px 10px; display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid var(--line-light); border-radius:9px; color:rgba(250,247,238,.78); background:rgba(250,247,238,.025); transition:transform .18s, border-color .18s, background .18s;}
.footer-platform:hover{transform:translateY(-2px); border-color:rgba(250,247,238,.35); background:rgba(250,247,238,.06); color:#fff;}
.footer-platform img{width:88px; height:26px; object-fit:contain; background:#fff; border-radius:3px; padding:2px 5px;}
.footer-platform svg{width:21px; height:21px; fill:currentColor;}
.footer-platform span{font-size:.8rem; font-weight:600;}
.footer-platform--whatsapp{color:#25D366;}
.footer-platform--facebook{color:#fff;}
.footer-bottom{justify-content:flex-start;}

@media (max-width:1024px){
  .accreditation-list{grid-template-columns:repeat(2,1fr);}
  .accreditation-list li:nth-child(2){border-right:0;}
  .accreditation-list li:nth-child(-n+2){border-bottom:1px solid var(--line);}
}
@media (max-width:760px){
  .logo,.logo--footer{min-width:122px; height:44px;}
  .brand-logo-image,.logo--footer .brand-logo-image{width:122px; height:44px;}
  .rightmove-badge img{width:84px; height:28px;}
  .process-list li{min-height:0; padding:0 20px 54px;}
  .accreditations{padding:68px 0 72px;}
  .accreditation-list{grid-template-columns:1fr; border-radius:16px;}
  .accreditation-list li{min-height:0; border-right:0; border-bottom:1px solid var(--line); padding:24px 22px;}
  .accreditation-list li:last-child{border-bottom:0;}
  .accreditation-logo{height:72px; margin-bottom:12px;}
  .footer-socials--main{gap:7px;}
  .footer-platform{flex:1 1 auto;}
}
@media (max-width:380px){
  .logo,.logo--footer{min-width:112px;}
  .brand-logo-image,.logo--footer .brand-logo-image{width:112px;}
  .accreditation-list li{padding:22px 18px;}
}