/* ---- wpcode snippet 1 ---- */
/* BM / Property stories hub (v1)
   Styles for /property-stories/ ("Some light relief"): the card grid of
   non-selling content (famous homes map etc). Hero and final CTA reuse the
   guides page / local hub classes (.bm-gh-hero, .bm-sv-final).
   Also the "light relief" row on /guides/ (.bm-gh-relief). Built 2 Oct 2026. */
.bm-ps-list{padding-block:72px;background:#fff;}
.bm-ps-grid{display:grid;grid-template-columns:1fr;gap:24px;max-width:1040px;margin:0 auto;}
@media (min-width:768px){.bm-ps-grid{grid-template-columns:repeat(2,1fr);gap:28px;}}
.bm-ps-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--bm-cream-line,#E9E2DA);border-radius:20px;overflow:hidden;text-decoration:none!important;box-shadow:0 10px 20px -14px rgba(12,67,85,.35);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
a.bm-ps-card:hover,a.bm-ps-card:focus-visible{transform:translateY(-3px);border-color:var(--bm-teal,#3D6876);box-shadow:0 18px 32px -16px rgba(12,67,85,.45);}
.bm-ps-card__img{display:block;aspect-ratio:3/2;background:var(--bm-cream,#F4EFE9);overflow:hidden;}
.bm-ps-card__img svg{display:block;width:100%;height:100%;transition:transform .4s ease;}
a.bm-ps-card:hover .bm-ps-card__img svg{transform:scale(1.03);}
.bm-ps-card__img img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0!important;box-shadow:none!important;transition:transform .4s ease;}
a.bm-ps-card:hover .bm-ps-card__img img{transform:scale(1.04);}
.bm-ps-card__body{display:flex;flex-direction:column;gap:10px;padding:24px 26px 26px;flex:1;}
.bm-ps-card__kicker{font-family:var(--bm-font-body);font-size:.6875rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--bm-coral,#EA958A);}
.bm-ps-card__title{display:block;font-family:var(--bm-font-heading);font-size:1.375rem;font-weight:800;line-height:1.25;color:var(--bm-navy,#0C4355);}
.bm-ps-card__text{font-family:var(--bm-font-body);font-size:.9375rem;line-height:1.65;color:#4B5563;}
.bm-ps-card__cta{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:8px;font-family:var(--bm-font-body);font-size:.9375rem;font-weight:700;color:var(--bm-teal,#3D6876);}
.bm-ps-card__cta::after{content:"\2192";transition:transform .2s ease;}
a.bm-ps-card:hover .bm-ps-card__cta::after{transform:translateX(4px);}
.bm-ps-card--soon{background:linear-gradient(135deg,#0C4355,#3D6876);border-color:transparent;box-shadow:none;justify-content:center;min-height:260px;}
.bm-ps-card--soon .bm-ps-card__body{flex:0 0 auto;justify-content:center;}
.bm-ps-card--soon .bm-ps-card__title{color:#fff;}
.bm-ps-card--soon .bm-ps-card__text{color:rgba(255,255,255,.75);}
.bm-ps-card--soon .bm-ps-card__kicker{color:var(--bm-coral,#EA958A);}
/* Row on the guides page */
.bm-gh-relief{padding-block:64px;background:var(--bm-cream,#F4EFE9);}
.bm-gh-relief__box{display:flex;flex-direction:column;gap:20px;align-items:flex-start;max-width:1040px;margin:0 auto;background:#fff;border:1px solid var(--bm-cream-line,#E9E2DA);border-radius:20px;padding:28px 30px;}
@media (min-width:768px){.bm-gh-relief__box{flex-direction:row;align-items:center;justify-content:space-between;gap:32px;}}
.bm-gh-relief__box .bm-gh__label{margin:0 0 6px;}
.bm-gh-relief__box .bm-gh__h2{margin:0 0 8px;font-size:1.5rem;}
.bm-gh-relief__box .bm-gh__intro{margin:0;max-width:600px;}
.bm-gh-relief .bm-gh-local__more{margin:0;flex-shrink:0;}

/* ---- wpcode snippet 2 ---- */
/* BM / Guides page: local guides links (v1)
"Local guides" pill in the hero now links to the local guides hub (/guides/sell-house-fast-uk/) instead of filtering; it uses its own class so the "BM / Guides filter" script leaves it alone. Same look as the filter pills. Plus the "Browse all local guides" button under the city grid. */
.bm-gh__golink{display:inline-flex;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.85)!important;font-family:var(--bm-font-body);font-size:14px;font-weight:700;line-height:1.556;padding:8px 16px;border-radius:999px;text-decoration:none!important;transition:background .2s;}
.bm-gh__golink:hover,.bm-gh__golink:focus-visible{background:rgba(255,255,255,.18);color:#fff!important;}
.bm-gh-local__more{margin:32px 0 0;text-align:center;}
.bm-gh-local__more a{display:inline-flex;align-items:center;gap:8px;background:var(--bm-navy,#0C4355);color:#fff!important;font-family:var(--bm-font-body);font-weight:700;font-size:14px;line-height:1.25;padding:14px 24px;border-radius:12px;text-decoration:none!important;transition:background-color .15s ease;}
.bm-gh-local__more a:hover,.bm-gh-local__more a:focus-visible{background:var(--bm-teal,#3D6876);}
.bm-gh-local__more a::after{content:"";flex:0 0 16px;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") no-repeat center/contain;}

/* ---- wpcode snippet 3 ---- */
/* BM / Price promise terms box + icon tiles (restores the Replit design: small-print box with "Claim your offer" under the three pillars on /sellers/#price-promise) */
.bm-promise__terms{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:24px;margin:48px 0 0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:20px 24px;}
.bm-promise__terms > .wp-block-group__inner-container{display:contents!important;}
.bm-promise__terms .container-xl{display:contents!important;}
@media (min-width:768px){.bm-promise__terms{flex-direction:row;}}
.bm-promise__terms-text{font-family:var(--bm-font-body);font-size:12px;line-height:1.625;color:rgba(255,255,255,.45)!important;max-width:576px;margin:0!important;text-align:left;}
.bm-promise__terms-text strong{color:rgba(255,255,255,.6);font-weight:700;}
.bm-promise__terms-text a{color:rgba(255,255,255,.6)!important;text-decoration:underline;text-underline-offset:2px;}
.bm-promise__cta{margin:0!important;flex-shrink:0;}
.bm-promise__cta a{display:inline-flex;align-items:center;gap:8px;background:var(--bm-coral,#EA958A);color:#fff!important;font-family:var(--bm-font-body);font-weight:700;font-size:14px;line-height:1.25;padding:14px 28px;border-radius:12px;white-space:nowrap;text-decoration:none!important;box-shadow:0 10px 15px -3px rgba(234,149,138,.25),0 4px 6px -4px rgba(234,149,138,.25);transition:background-color .15s ease;}
.bm-promise__cta a:hover,.bm-promise__cta a:focus-visible{background:#d4776c;}
.bm-promise__cta a::after{content:"";flex:0 0 16px;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") no-repeat center/contain;}
/* Pillar icons in 44px tiles above the title, as in the design */
.bm-pillars .bm-pillar__title{display:block;}
.bm-pillars .bm-pillar__title::before{display:block;width:44px;height:44px;margin:0 0 16px;box-sizing:border-box;border-radius:12px;background-color:rgba(234,149,138,.15);border:1px solid rgba(234,149,138,.25);background-size:24px 24px;background-position:center;background-repeat:no-repeat;}
.bm-pillars .bm-pillar__text{color:rgba(255,255,255,.6);}

/* ---- wpcode snippet 4 ---- */
/* BM / Local guide hero images: one rule per city guide. Class bm-gd-hero--{city} is on the hero group block. 1536px image on desktop (sits under a 70% navy overlay), 768px on phones. */
.bm-gd-hero--chester{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/chester-city-hero-1536x864.jpg);}
.bm-gd-hero--blackpool{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/blackpool-city-hero-1536x864.jpg);}
.bm-gd-hero--sunderland{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/sunderland-city-hero-1536x864.jpg);}
.bm-gd-hero--middlesbrough{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/middlesbrough-city-hero-1536x864.jpg);}
.bm-gd-hero--durham{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/durham-city-hero-1536x864.jpg);}
.bm-gd-hero--bradford{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/bradford-city-hero-1536x864.jpg);}
.bm-gd-hero--york{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/york-city-hero-1536x864.jpg);}
.bm-gd-hero--coventry{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/coventry-city-hero-1536x864.jpg);}
.bm-gd-hero--wolverhampton{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/wolverhampton-city-hero-1536x864.jpg);}
.bm-gd-hero--stoke-on-trent{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/stoke-on-trent-city-hero-1536x864.jpg);}
.bm-gd-hero--derby{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/derby-city-hero-1536x864.jpg);}
.bm-gd-hero--leicester{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/leicester-city-hero-1536x864.jpg);}
.bm-gd-hero--northampton{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/northampton-city-hero-1536x864.jpg);}
.bm-gd-hero--chelmsford{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/chelmsford-city-hero-1536x864.jpg);}
.bm-gd-hero--norwich{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/norwich-city-hero-1536x864.jpg);}
.bm-gd-hero--ipswich{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/ipswich-city-hero-1536x864.jpg);}
.bm-gd-hero--peterborough{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/peterborough-city-hero-1536x864.jpg);}
.bm-gd-hero--brighton{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/brighton-city-hero-1536x864.jpg);}
.bm-gd-hero--southampton{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/southampton-city-hero-1536x864.jpg);}
.bm-gd-hero--portsmouth{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/portsmouth-city-hero-1536x864.jpg);}
.bm-gd-hero--plymouth{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/plymouth-city-hero-1536x864.jpg);}
.bm-gd-hero--bournemouth{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/bournemouth-city-hero-1536x864.jpg);}
.bm-gd-hero--exeter{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/exeter-city-hero-1536x864.jpg);}
@media (max-width:767px){
.bm-gd-hero--chester{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/chester-city-hero-768x432.jpg);}
.bm-gd-hero--blackpool{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/blackpool-city-hero-768x432.jpg);}
.bm-gd-hero--sunderland{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/sunderland-city-hero-768x432.jpg);}
.bm-gd-hero--middlesbrough{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/middlesbrough-city-hero-768x432.jpg);}
.bm-gd-hero--durham{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/durham-city-hero-768x432.jpg);}
.bm-gd-hero--bradford{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/bradford-city-hero-768x432.jpg);}
.bm-gd-hero--york{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/york-city-hero-768x432.jpg);}
.bm-gd-hero--coventry{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/coventry-city-hero-768x432.jpg);}
.bm-gd-hero--wolverhampton{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/wolverhampton-city-hero-768x432.jpg);}
.bm-gd-hero--stoke-on-trent{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/stoke-on-trent-city-hero-768x432.jpg);}
.bm-gd-hero--derby{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/derby-city-hero-768x432.jpg);}
.bm-gd-hero--leicester{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/leicester-city-hero-768x432.jpg);}
.bm-gd-hero--northampton{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/northampton-city-hero-768x432.jpg);}
.bm-gd-hero--chelmsford{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/chelmsford-city-hero-768x432.jpg);}
.bm-gd-hero--norwich{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/norwich-city-hero-768x432.jpg);}
.bm-gd-hero--ipswich{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/ipswich-city-hero-768x432.jpg);}
.bm-gd-hero--peterborough{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/peterborough-city-hero-768x432.jpg);}
.bm-gd-hero--brighton{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/brighton-city-hero-768x432.jpg);}
.bm-gd-hero--southampton{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/southampton-city-hero-768x432.jpg);}
.bm-gd-hero--portsmouth{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/portsmouth-city-hero-768x432.jpg);}
.bm-gd-hero--plymouth{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/plymouth-city-hero-768x432.jpg);}
.bm-gd-hero--bournemouth{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/bournemouth-city-hero-768x432.jpg);}
.bm-gd-hero--exeter{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/09/exeter-city-hero-768x432.jpg);}
}

/* ---- wpcode snippet 5 ---- */
/* BM / Local hub + region pages (v1) - shared styles for /guides/sell-house-fast-uk/, the 8 region pages and the new city guides. Built on staging 28-29 Sept 2026 */
.bm-lh-pick{padding-block:72px;background:#fff;}
.bm-lh-pick__head{text-align:center;max-width:640px;margin:0 auto 40px;}
.bm-lh-pick__head .bm-eyebrow{display:inline-block;background:rgba(234,149,138,.15);color:var(--bm-coral);font-size:.6875rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:14px;}
.bm-lh-pick__head h2{font-family:var(--bm-font-heading);font-size:2rem;font-weight:800;color:var(--bm-navy);margin:0 0 10px;line-height:1.2;}
.bm-lh-pick__head p{font-family:var(--bm-font-body);color:#6B7280;font-size:1rem;line-height:1.6;margin:0;}
.bm-lh-grid{display:grid;grid-template-columns:1fr;gap:32px;align-items:center;max-width:1040px;margin:0 auto;}
@media (min-width:900px){.bm-lh-grid{grid-template-columns:1fr 1.1fr;gap:56px;}}
.bm-lh-map{position:relative;background:#F1F3F5;border-radius:24px;padding:28px;}
.bm-lh-map img,.bm-lh-map svg{display:block;width:100%;height:auto;}
.bm-lh-map__pin{position:absolute;display:flex;align-items:center;gap:5px;text-decoration:none;}
.bm-lh-map__pin--r{transform:translate(-7px,-50%);}
.bm-lh-map__pin--t{transform:translate(-50%,calc(-100% + 7px));flex-direction:column-reverse;gap:3px;}
.bm-lh-map__pin--l{transform:translate(calc(-100% + 7px),-50%);flex-direction:row-reverse;}
.bm-lh-map__pin i{width:14px;height:14px;border-radius:50%;background:var(--bm-coral);border:3px solid #fff;box-shadow:0 2px 8px rgba(12,67,85,.35);flex-shrink:0;transition:transform .15s;}
.bm-lh-map__pin span{font-family:var(--bm-font-body);font-size:.6875rem;font-weight:700;color:var(--bm-navy);background:#fff;padding:3px 8px;border-radius:999px;box-shadow:0 2px 8px rgba(12,67,85,.15);white-space:nowrap;}
.bm-lh-map__pin:hover i{transform:scale(1.25);}
@media (max-width:640px){.bm-lh-map__pin span{display:none;}.bm-lh-map__pin i{width:16px;height:16px;}}
.bm-lh-map__pin:hover span{background:var(--bm-navy);color:#fff;}
.bm-lh-regions{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.bm-lh-region{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border:1px solid #E5E7EB;border-radius:14px;background:#fff;text-decoration:none;transition:border-color .15s,box-shadow .15s;}
.bm-lh-region:hover{border-color:var(--bm-teal);box-shadow:0 8px 20px -10px rgba(12,67,85,.3);}
.bm-lh-region b{display:block;font-family:var(--bm-font-heading);font-size:.9375rem;font-weight:800;color:var(--bm-navy);}
.bm-lh-region small{display:block;font-family:var(--bm-font-body);font-size:.75rem;color:#6B7280;margin-top:2px;}
.bm-lh-region svg{width:18px;height:18px;stroke:var(--bm-teal);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
.bm-lh-sec{padding-block:64px;scroll-margin-top:96px;}
.bm-lh-sec:nth-of-type(even){background:var(--bm-cream,#F4EFE9);}
.bm-lh-sec__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px;}
.bm-lh-sec__head h2{font-family:var(--bm-font-heading);font-size:1.75rem;font-weight:800;color:var(--bm-navy);margin:0;}
.bm-lh-sec__head p{font-family:var(--bm-font-body);color:#6B7280;margin:6px 0 0;font-size:.9375rem;}
.bm-lh-sec__head a{font-family:var(--bm-font-body);font-weight:700;color:var(--bm-teal);text-decoration:none;font-size:.9375rem;}
.bm-lh-cities{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:18px;}
@media (min-width:768px){.bm-lh-cities{grid-template-columns:repeat(4,1fr);}}
.bm-lh-city{position:relative;display:block;aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:var(--bm-navy);text-decoration:none;box-shadow:0 10px 20px -12px rgba(12,67,85,.4);}
.bm-lh-city img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;}
.bm-lh-city:hover img{transform:scale(1.05);}
.bm-lh-city::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,67,85,0) 40%,rgba(12,67,85,.85) 100%);}
.bm-lh-city__txt{position:absolute;left:14px;right:14px;bottom:12px;z-index:1;color:#fff;font-family:var(--bm-font-body);}
.bm-lh-city__txt b{display:block;font-size:1rem;font-weight:800;}
.bm-lh-city__txt span{display:block;font-size:.75rem;opacity:.85;}
.bm-lh-city--soon{background:linear-gradient(135deg,#0C4355,#3D6876);}
.bm-lh-city--soon .bm-lh-city__txt span{color:var(--bm-coral);opacity:1;font-weight:700;}
.bm-lh-towns{display:flex;flex-wrap:wrap;gap:8px;}
.bm-lh-towns span,.bm-lh-towns a{font-family:var(--bm-font-body);font-size:.8125rem;font-weight:600;padding:7px 12px;border-radius:999px;border:1px solid #E5E7EB;background:#fff;color:#4B5563;text-decoration:none;}
.bm-lh-towns a:hover{border-color:var(--bm-teal);color:var(--bm-navy);}
.bm-lh-towns__label{font-family:var(--bm-font-body);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9CA3AF;margin:0 0 10px;}

.bm-lh-uk .bm-sv__eyebrow,.bm-lh-uk .bm-sv__h2,.bm-lh-uk .bm-sv__body{text-align:left;margin-left:0;}
.bm-lh-uk__grid{display:grid;gap:16px;margin:32px 0 40px;}
@media (min-width:768px){.bm-lh-uk__grid{grid-template-columns:repeat(3,1fr);gap:20px;}}
.bm-lh-uk__card{background:#fff;border:1px solid var(--bm-cream-line,#E9E2DA);border-radius:16px;padding:24px;}
.bm-lh-uk__card h3{font-family:var(--bm-font-heading);font-size:1.125rem;font-weight:800;color:var(--bm-navy);margin:0 0 10px;line-height:1.3;}
.bm-lh-uk__card p{font-family:var(--bm-font-body);font-size:.9375rem;line-height:1.65;color:#4B5563;margin:0;}
.bm-lh-uk__card a{color:var(--bm-teal);text-decoration:underline;text-underline-offset:2px;}
.bm-lh-uk__faqh{font-family:var(--bm-font-heading);font-size:1.375rem;font-weight:800;color:var(--bm-navy);margin:0 0 18px;}
.bm-lh-uk .bm-sv-faq{max-width:860px;}
/* --- Region pages (.bm-lr-*) --- */
.bm-lr-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-family:var(--bm-font-body);font-size:.8125rem;color:rgba(255,255,255,.6);margin:0 0 22px;}
.bm-lr-crumb a{color:rgba(255,255,255,.75);text-decoration:none;}
.bm-lr-crumb a:hover{color:#fff;text-decoration:underline;}
.bm-lr-crumb b{color:#fff;font-weight:600;}
.bm-lr-hero .bm-gh__sub{margin-bottom:24px;}
.bm-lr-hero__btns{justify-content:flex-start!important;margin:0 0 40px!important;}
.bm-lr-hero__btns a.ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.3);}
.bm-lr-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
@media (min-width:768px){.bm-lr-stats{grid-template-columns:repeat(4,1fr);gap:16px;}}
.bm-lr-stats>div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:18px 20px;}
.bm-lr-stats b{display:block;font-family:var(--bm-font-heading);font-size:1.625rem;font-weight:800;color:#fff;line-height:1.1;margin-bottom:6px;}
.bm-lr-stats span{display:block;font-family:var(--bm-font-body);font-size:.8125rem;line-height:1.4;color:rgba(255,255,255,.7);}
.bm-lr-cities .bm-lh-sec__head{margin-bottom:24px;}
.bm-lr-cities .bm-lh-sec__head h2{max-width:720px;}
.bm-lr-cities .bm-eyebrow{display:block;margin-bottom:10px;}
.bm-lr-cities .bm-lh-city--soon .bm-lh-city__txt span{color:#fff;opacity:.85;font-weight:400;}
.bm-lh-city--soon .bm-lh-city__txt em{display:block;font-style:normal;font-size:.75rem;font-weight:700;color:var(--bm-coral);margin-top:2px;}
.bm-lh-towns--price span b{font-weight:700;color:var(--bm-navy);margin-left:4px;}
.bm-lr-market{background:#fff;}
.bm-lr-market__grid{display:grid;gap:32px;align-items:start;}
@media (min-width:900px){.bm-lr-market__grid{grid-template-columns:1.1fr .9fr;gap:56px;}}
.bm-lr-market .bm-eyebrow{display:block;margin-bottom:10px;}
.bm-lr-market h2{font-family:var(--bm-font-heading);font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:800;line-height:1.2;color:var(--bm-navy);margin:0 0 18px;}
.bm-lr-market p{font-family:var(--bm-font-body);font-size:1.0625rem;line-height:1.7;color:#4B5563;margin:0 0 16px;}
.bm-lr-src{font-size:.8125rem!important;color:#6B7280!important;margin-top:8px!important;}
.bm-lr-table{background:var(--bm-cream,#F4EFE9);border:1px solid var(--bm-cream-line,#E9E2DA);border-radius:16px;padding:8px 20px;overflow-x:auto;}
.bm-lr-table table{width:100%;border-collapse:collapse;font-family:var(--bm-font-body);font-size:.9375rem;}
.bm-lr-table th{text-align:left;font-size:.6875rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bm-teal);padding:14px 8px 10px;border-bottom:1px solid var(--bm-cream-line,#E9E2DA);}
.bm-lr-table td{padding:11px 8px;border-bottom:1px solid var(--bm-cream-line,#E9E2DA);color:#374151;}
.bm-lr-table tr:last-child td{border-bottom:0;}
.bm-lr-table tr:first-child td{font-weight:700;color:var(--bm-navy);}
.bm-lr-table td:nth-child(2){font-weight:700;color:var(--bm-navy);white-space:nowrap;}
.bm-lr-table td:nth-child(3){color:#15803D;font-weight:600;white-space:nowrap;}
.bm-lr-other{background:#fff;padding-block:56px!important;}
.bm-lr-other .bm-eyebrow{display:block;margin-bottom:10px;}
.bm-lr-other h2{font-family:var(--bm-font-heading);font-size:1.5rem;font-weight:800;color:var(--bm-navy);margin:0 0 18px;}
.bm-lr-other__links{display:flex;flex-wrap:wrap;gap:10px;}
.bm-lr-other__links a{display:inline-flex;align-items:center;padding:10px 18px;border-radius:999px;border:1px solid var(--bm-cream-line,#E9E2DA);background:var(--bm-cream,#F4EFE9);font-family:var(--bm-font-body);font-size:.9375rem;font-weight:600;color:var(--bm-navy);text-decoration:none;transition:background .15s;}
.bm-lr-other__links a:hover{background:var(--bm-navy);color:#fff;border-color:var(--bm-navy);}
.bm-lr-other__links a.all{background:var(--bm-navy);color:#fff;border-color:var(--bm-navy);}

/* region pages: align content width with the hero (1152px) */
.bm-lr-cities .bm-container,.bm-lr-market .bm-container,.bm-lr-other .bm-container{max-width:1152px;}

/* v2 additions: hero background image + negative change styling */
.bm-lr-hero--img{position:relative;overflow:hidden;}
.bm-lr-hero__bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.22;pointer-events:none;}
.bm-lr-hero--img .bm-container,.bm-lr-hero--img .wp-block-group__inner-container{position:static;}
.bm-lr-hero--img .bm-gh-hero__inner,.bm-lr-hero--img .bm-lr-stats{position:relative;z-index:1;}
.bm-lr-table td.neg{color:#B45309;}

/* v3: new city guides, placeholder hero + photo slots until images are uploaded, region link line */
.bm-gd-hero--ph{background-image:linear-gradient(135deg,#0C4355 0%,#3D6876 100%);}
.bm-gd-fig--ph .bm-gd-ph{aspect-ratio:16/9;border-radius:16px;background:linear-gradient(135deg,#E9E2DA,#F4EFE9);border:2px dashed #C9BFB3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:24px;font-family:var(--bm-font-body);}
.bm-gd-ph span{font-size:.6875rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--bm-coral);}
.bm-gd-ph b{font-size:1rem;font-weight:700;color:var(--bm-navy);}
.bm-gd-ph i{font-style:normal;font-size:.75rem;color:#9CA3AF;}
.bm-gd-article p.bm-gd-region{font-size:.9375rem;background:var(--bm-cream,#F4EFE9);border-radius:12px;padding:14px 18px;}
.bm-gd-region a{color:var(--bm-teal);text-decoration:underline;text-underline-offset:2px;}
.bm-gd__crumb a.bm-gd__cat{text-decoration:none;}

/* ---- wpcode snippet 6 ---- */
/* Guide pages on phones: the comparison table had min-width:460px, which forced the whole
   article column wider than the screen and cut the text off at the right. Grid items must
   be allowed to shrink, and the table fits the screen below 640px. */
.bm-gd-grid > * { min-width: 0 !important; }
@media (max-width: 640px) {
  .bm-gd-table table { min-width: 0 !important; width: 100% !important; }
  .bm-gd-table th, .bm-gd-table td { padding: 10px 8px !important; font-size: 12px !important; line-height: 1.35 !important; }
  .bm-gd-table th:first-child { width: 34% !important; }
}
/* ---- wpcode snippet 7 ---- */
/* Hero postcode box: heavier border so it does not get lost on light screens.
   Site-wide (rolled out 28 Sept after homepage review). */
.bm-ga__input,.bm-sv-form input[type=text].bm-ga__input{border:2px solid rgba(12,67,85,.45)!important;}
.bm-ga__input:hover,.bm-sv-form input[type=text].bm-ga__input:hover{border-color:rgba(12,67,85,.65)!important;}
.bm-ga__input:focus,.bm-sv-form input[type=text].bm-ga__input:focus{border-color:#0C4355!important;box-shadow:0 0 0 4px rgba(12,67,85,.10)!important;outline:none!important;}
/* ---- wpcode snippet 8 ---- */
/* BM / Cream palette (v1) - #F4EFE9, Nick, 24 Sept 2026.
   Rule: supporting sections (the old #F8F9FA / #F9FAFB tint) become cream; conversion sections stay white;
   navy/teal sections unchanged; header + footer cream site-wide. */
:root{--bm-cream:#F4EFE9;--bm-cream-line:#E9E2DA;}
/* header + footer */
.bm-hdr{background:var(--bm-cream)!important;border-bottom-color:var(--bm-cream-line)!important;}
.bm-hdr__link:hover,.bm-hdr__item.is-open>.bm-hdr__link{background:rgba(12,67,85,.06)!important;}
.bm-hdr__drawer{border-top-color:var(--bm-cream-line)!important;}
footer.bm-ftr{background:var(--bm-cream)!important;border-top-color:var(--bm-cream-line)!important;}
footer.bm-ftr .bm-ftr__social a{background:#fff!important;}
/* supporting sections, all templates */
.bm-section--steps4,.bm-section--steps5,.bm-section--compare,.bm-section--faq,.bm-section--muted,
.bm-sv-reviews,.bm-sv-section--tint,.bm-tm-more,.bm-section--icjoin,.bm-section--icquotes,section.bm-section--ic-strip,
.bm-gh-local,.bm-gd-more,.bm-lg-notice,section.bm-inv,.bm-section--who,.bm-section--explainer,.bm-section--team{background:var(--bm-cream)!important;}
section.bm-section--library,#video-library{background:var(--bm-cream)!important;}
/* homepage exceptions per Nick's render */
body.home .bm-section--stories{background:#fff!important;}
/* homepage Trustpilot band styled like the inner pages: cream band, widget straight on it (Steve, 24 Sept) */
body.home .bm-section--reviews{background:var(--bm-cream)!important;}
body.home .bm-section--reviews .trustpilot-widget{box-shadow:none!important;border-radius:0!important;max-width:1100px;}

/* ---- wpcode snippet 9 ---- */
/* BM / Blog template
   Restyles the THEME-rendered blog post template to match the guide
   pages. Applies automatically to all 197 posts and every future one -
   no per-post editing needed.

   The theme outputs a Bootstrap 9/3 grid inside .blog:
     .blog > section.breadcrumbs.container-xl
     .blog > div.container-xl > .row > .col-lg-9.order-2  (article)
                              > .row > .col-lg-3.order-1  (sidebar)
     .blog > div.container-xl > section.related
   Scoped to body.single-post so nothing else on the site is affected. */

/* ---- HERO: title block on the guide-page gradient ---- */
body.single-post .blog > .breadcrumbs{background:linear-gradient(145deg,#0C4355 0%,#3D6877 100%);max-width:none!important;width:100%;padding:0!important;margin:0 0 48px!important;position:relative;}
body.single-post .blog > .breadcrumbs > *{max-width:1152px;margin-inline:auto;padding-inline:24px;}
body.single-post .blog__title{font-family:var(--bm-font-heading)!important;font-size:clamp(1.875rem,4vw,3rem)!important;font-weight:800!important;line-height:1.25!important;color:#fff!important;max-width:768px;margin:0 0 20px!important;}
body.single-post .blog > .breadcrumbs a{color:rgba(255,255,255,.75)!important;text-decoration:none;}
body.single-post .blog > .breadcrumbs a:hover{color:#fff!important;}

/* ---- LAYOUT: article + sidebar, matching the guide grid ---- */
body.single-post .blog > .container-xl{max-width:1152px!important;}
body.single-post .blog .row.g-4{gap:0!important;}
@media (min-width:992px){
  body.single-post .blog .col-lg-9{padding-right:56px!important;}
  body.single-post .blog .col-lg-3{padding-left:0!important;}
  /* Sidebar to the RIGHT, as on the guide pages */
  body.single-post .blog .col-lg-9.order-2{order:1!important;}
  body.single-post .blog .col-lg-3.order-1{order:2!important;}
}
/* ---- ARTICLE TYPOGRAPHY: matches .bm-gd-article on the guides ---- */
body.single-post .col-lg-9 p{font-family:var(--bm-font-body)!important;font-size:var(--bm-text-base)!important;line-height:1.625!important;color:#4B5563!important;margin:0 0 24px!important;}
body.single-post .col-lg-9 h2{font-family:var(--bm-font-heading)!important;font-size:clamp(1.5rem,2.4vw,1.875rem)!important;font-weight:800!important;line-height:1.25!important;color:var(--bm-navy)!important;margin:44px 0 16px!important;}
body.single-post .col-lg-9 h3{font-family:var(--bm-font-heading)!important;font-size:var(--bm-text-xl)!important;font-weight:700!important;color:var(--bm-navy)!important;margin:32px 0 12px!important;}
body.single-post .col-lg-9 h4{font-family:var(--bm-font-heading)!important;font-size:var(--bm-text-lg)!important;font-weight:700!important;color:var(--bm-navy)!important;margin:24px 0 10px!important;}
body.single-post .col-lg-9 a{color:var(--bm-teal)!important;text-decoration:underline;text-underline-offset:2px;}
body.single-post .col-lg-9 strong,body.single-post .col-lg-9 b{color:var(--bm-navy);font-weight:700;}

/* Lists */
body.single-post .col-lg-9 ul,body.single-post .col-lg-9 ol{margin:0 0 24px!important;padding-left:0!important;list-style:none!important;display:grid;gap:12px;}
body.single-post .col-lg-9 li{position:relative;padding-left:30px;font-family:var(--bm-font-body);font-size:var(--bm-text-base);line-height:1.6;color:#4B5563;}
body.single-post .col-lg-9 ul li::before{content:"";position:absolute;left:0;top:4px;width:18px;height:18px;background-size:contain;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");}
body.single-post .col-lg-9 ol{counter-reset:bm;}
body.single-post .col-lg-9 ol li{counter-increment:bm;}
body.single-post .col-lg-9 ol li::before{content:counter(bm);position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:999px;background:rgba(61,104,118,.1);color:var(--bm-teal);font-family:var(--bm-font-body);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;}

/* Images and figures */
body.single-post .col-lg-9 img{border-radius:16px;box-shadow:var(--bm-shadow-lg);max-width:100%;height:auto;}
body.single-post .blog__image{border-radius:16px;overflow:hidden;margin-bottom:32px;}
body.single-post .col-lg-9 figcaption{font-family:var(--bm-font-body);font-size:10px;text-align:center;color:#9CA3AF;margin-top:10px;}

/* Blockquote, styled like the guide pull-quote */
body.single-post .col-lg-9 blockquote{border-left:4px solid var(--bm-coral);padding:8px 0 8px 24px;margin:36px 0;}
body.single-post .col-lg-9 blockquote p{font-family:var(--bm-font-heading)!important;font-size:var(--bm-text-xl)!important;font-weight:700!important;font-style:italic;line-height:1.375!important;color:var(--bm-navy)!important;}

/* Tables */
body.single-post .col-lg-9 table{width:100%;border-collapse:collapse;margin:32px 0;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);border:1px solid #E5E7EB;border-radius:12px;overflow:hidden;}
body.single-post .col-lg-9 th{background:var(--bm-navy);color:#fff;text-align:left;padding:14px 16px;font-weight:800;}
body.single-post .col-lg-9 td{padding:13px 16px;border-bottom:1px solid #F3F4F6;color:#4B5563;}
/* ---- SIDEBAR ---- */
@media (min-width:992px){
  body.single-post .col-lg-3 > *{position:sticky;top:100px;}
}
body.single-post .col-lg-3 .widget,body.single-post .col-lg-3 section{background:#fff;border:1px solid #F3F4F6;border-radius:16px;padding:20px;box-shadow:var(--bm-shadow-sm);margin-bottom:20px;}
body.single-post .col-lg-3 h2,body.single-post .col-lg-3 h3,body.single-post .col-lg-3 .widget-title{font-family:var(--bm-font-body)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.12em;text-transform:uppercase;color:#9CA3AF!important;margin:0 0 14px!important;}
body.single-post .col-lg-3 a{font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:700;color:var(--bm-navy);text-decoration:none;line-height:1.4;}
body.single-post .col-lg-3 a:hover{color:var(--bm-teal);}
body.single-post .col-lg-3 li{padding:8px 0;border-bottom:1px solid #F3F4F6;list-style:none;}
body.single-post .col-lg-3 li:last-child{border-bottom:0;}
body.single-post .col-lg-3 ul{padding:0;margin:0;}

/* ---- RELATED POSTS: guide-card treatment ---- */
body.single-post .related{padding-top:56px!important;border-top:1px solid #F3F4F6;margin-top:56px;}
body.single-post .related h2,body.single-post .related h3{font-family:var(--bm-font-heading)!important;font-size:var(--bm-text-2xl)!important;font-weight:800!important;color:var(--bm-navy)!important;margin:0 0 24px!important;}
body.single-post .index_blog__card{background:#fff;border:1px solid #F3F4F6;border-radius:16px;overflow:hidden;box-shadow:var(--bm-shadow-sm);transition:transform .3s ease,box-shadow .3s ease;height:100%;}
body.single-post .index_blog__card:hover{transform:translateY(-4px);box-shadow:var(--bm-shadow-xl);}
body.single-post .index_blog__image img{border-radius:0;box-shadow:none;aspect-ratio:16/10;object-fit:cover;width:100%;}
body.single-post .index_blog__content{padding:20px;}
body.single-post .index_blog__title{font-family:var(--bm-font-heading)!important;font-size:var(--bm-text-base)!important;font-weight:800!important;line-height:1.35!important;color:var(--bm-navy)!important;margin:0 0 10px!important;}
body.single-post .index_blog__meta,body.single-post .index_blog__date{font-family:var(--bm-font-body)!important;font-size:11px!important;color:#9CA3AF!important;}
body.single-post .index_blog__read{font-family:var(--bm-font-body)!important;font-size:var(--bm-text-xs)!important;font-weight:700!important;color:var(--bm-teal)!important;text-decoration:none;}

/* ---- SUMMARY BLOCK ----
   For the AI-visibility work. Add to a post by wrapping the opening
   paragraph in a group with the class bm-summary, or paste:
     <div class="bm-summary"><b>In short</b><p>...</p></div>
   Renders as a teal-bordered panel directly under the title. */
body.single-post .bm-summary{background:rgba(61,104,118,.05);border-left:4px solid var(--bm-teal);border-radius:0 12px 12px 0;padding:22px 26px;margin:0 0 32px;}
body.single-post .bm-summary b{display:block;font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bm-teal);margin-bottom:10px;}
body.single-post .bm-summary p{font-family:var(--bm-font-body)!important;font-size:1.0625rem!important;line-height:1.65!important;color:var(--bm-navy)!important;margin:0 0 10px!important;font-weight:500;}
body.single-post .bm-summary p:last-child{margin-bottom:0!important;}

/* ---- MOBILE ---- */
@media (max-width:991px){
  body.single-post .blog > .breadcrumbs{margin-bottom:32px!important;}
  body.single-post .col-lg-9{padding-right:0!important;}
  body.single-post .col-lg-3{margin-top:40px;}
}
/* ---- MATCHED TO GUIDE-DETAIL.TSX ----
   Advice posts and guides share the same article template in the design, so
   post styling must match the guide pages. Checked line-by-line against
   guide-detail.tsx. Four corrections:
     1. H2 is text-2xl (24px), mb-3 mt-2 - not clamp() with a 44px top margin
     2. Body is gray-600 at text-base with tighter section spacing
     3. Images are rounded-2xl shadow-lg, capped at 420px tall
     4. Tables use a light border and grey header, not navy */
body.single-post .col-lg-9 h2{font-size:var(--bm-text-2xl)!important;margin:32px 0 12px!important;}
body.single-post .col-lg-9 p{color:#4B5563!important;line-height:1.625!important;margin-bottom:20px!important;}
body.single-post .col-lg-9 img{border-radius:16px!important;box-shadow:var(--bm-shadow-lg)!important;max-height:420px;object-fit:cover;width:100%;}
body.single-post .col-lg-9 figcaption{font-size:var(--bm-text-xs)!important;font-style:italic;margin-top:12px!important;}
body.single-post .col-lg-9 table{border:1px solid #E5E7EB!important;border-radius:16px!important;}
body.single-post .col-lg-9 th{background:#F9FAFB!important;color:var(--bm-navy)!important;font-weight:600!important;padding:14px 20px!important;border-bottom:1px solid #F3F4F6;}
body.single-post .col-lg-9 td{padding:14px 20px!important;vertical-align:top;}
/* Tip callout, matching the guides */
body.single-post .col-lg-9 .bm-tip{background:rgba(61,104,118,.05);border:1px solid rgba(61,104,118,.2);border-radius:16px;padding:20px;margin:32px 0;}
body.single-post .col-lg-9 .bm-tip p{font-size:var(--bm-text-sm)!important;font-weight:500;color:var(--bm-navy)!important;margin:0!important;}
/* ================= STRUCTURE FIX =================
   Two errors in the first pass, both from guessing at markup instead of
   reading it:

   1. THE TITLE IS NOT IN THE BREADCRUMBS. It sits inside .col-lg-9, so
      the gradient was applied to an empty strip and the title rendered
      white on white. The dark banner has to be drawn behind the whole
      top of the page instead.

   2. THE SIDEBAR IS .sidebar WITH .h5 HEADINGS, not .widget. None of the
      sidebar rules were matching anything.
   ================================================= */

/* Undo the wrong hero */
body.single-post .blog > .breadcrumbs{background:none!important;margin:0 0 8px!important;padding-top:20px!important;}
body.single-post .blog > .breadcrumbs > *{max-width:1152px;margin-inline:auto;}
body.single-post .blog > .breadcrumbs a{color:#6B7280!important;font-size:var(--bm-text-xs);}

/* Dark banner drawn behind the top of the page, with the title on it.
   Uses a fixed-height pseudo-element on .blog so it spans full width. */
body.single-post .blog{position:relative;}
body.single-post .blog::before{content:"";position:absolute;top:0;left:0;right:0;height:340px;background:linear-gradient(145deg,#0C4355 0%,#3D6877 100%);z-index:0;}
body.single-post .blog > *{position:relative;z-index:1;}
body.single-post .blog > .breadcrumbs a,body.single-post .blog > .breadcrumbs{color:rgba(255,255,255,.7)!important;}
body.single-post .blog__title{font-family:var(--bm-font-heading)!important;font-size:clamp(1.875rem,3.6vw,2.75rem)!important;font-weight:800!important;line-height:1.15!important;color:#fff!important;max-width:768px;margin:0 0 28px!important;}
/* Push the article content below the banner */
body.single-post .col-lg-9{padding-top:8px;}
body.single-post .blog__image{margin-top:8px;}
@media (max-width:991px){body.single-post .blog::before{height:280px;}}
/* ---- SIDEBAR - CORRECT SELECTORS ----
   Real markup is  .col-lg-3 > .sidebar > .h5 + .collapse > li
   Bootstrap collapse is used for the mobile toggle, so d-lg-block must
   keep working - we only restyle, never change display behaviour. */
body.single-post .sidebar{background:#fff;border:1px solid #F3F4F6;border-radius:16px;padding:22px;box-shadow:var(--bm-shadow-sm);}
@media (min-width:992px){body.single-post .sidebar{position:sticky;top:100px;}}
body.single-post .sidebar .h5{font-family:var(--bm-font-body)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.12em;text-transform:uppercase;color:#9CA3AF!important;margin:0 0 14px!important;padding:0!important;}
body.single-post .sidebar ul,body.single-post .sidebar .collapse{padding:0!important;margin:0!important;list-style:none!important;}
body.single-post .sidebar li{list-style:none!important;padding:9px 0!important;border-bottom:1px solid #F3F4F6;margin:0!important;}
body.single-post .sidebar li::before{display:none!important;}
body.single-post .sidebar li:last-child{border-bottom:0;}
body.single-post .sidebar a{font-family:var(--bm-font-body)!important;font-size:var(--bm-text-sm)!important;font-weight:600!important;color:var(--bm-navy)!important;text-decoration:none!important;line-height:1.45;display:block;transition:color .15s ease;}
body.single-post .sidebar a:hover{color:var(--bm-teal)!important;}
/* Mobile toggle heading looks tappable */
body.single-post .sidebar .h5[data-bs-toggle]{cursor:pointer;position:relative;padding-right:24px!important;}
body.single-post .sidebar .h5[data-bs-toggle]::after{content:"";position:absolute;right:2px;top:2px;width:8px;height:8px;border-right:2px solid var(--bm-teal);border-bottom:2px solid var(--bm-teal);transform:rotate(45deg);}
/* ================= AUTO-HEIGHT BANNER ==============
   Rolled out to all posts on 24 Aug after single-post testing.

   First attempt used box-shadow bleed on the breadcrumb and title, but an
   ancestor clips it, producing the stepped edge. Reverted to the full-width
   ::before, with its height set from the title bottom by a small script in
   BM / Marquee loop. Falls back to 340px if the script does not run.
   ==================================================== */
body.single-post .blog::before{display:block!important;height:var(--bm-banner,340px)!important;}
body.single-post .blog > .breadcrumbs{background:none!important;box-shadow:none!important;padding:28px 0 4px!important;margin:0!important;}
body.single-post .blog__title{background:none!important;box-shadow:none!important;padding:0!important;margin:0 0 8px!important;}
body.single-post .blog__image{margin-top:40px!important;}
body.single-post .col-lg-9{padding-top:0!important;}
@media (min-width:992px){body.single-post .col-lg-3{padding-top:40px;}}
/* ---- BANNER GRADIENT ----
   From guides.ts. Each guide carries its own three-stop gradient; the
   advice/blog one is #1c2b3a > #0C4355 at 60% > #3D6877. The two-stop
   version used previously read flatter than the design. */
body.single-post .blog::before{background:linear-gradient(145deg,#1c2b3a 0%,#0C4355 60%,#3D6877 100%)!important;}
/* ---- SIDEBAR CTA ----
   Good news: this is already Gravity Form 1, the same postcode form as
   the homepage hero, inside .sidebar__form headed "Get an offer today".
   So the CTA is correct - it just was not styled. Matched to the homepage
   treatment, scaled down for a 3-column slot.
   The heading text is theme markup, so changing the WORDS is a phase-2
   job; everything visual is done here. */

body.single-post .sidebar__form{background:linear-gradient(160deg,#0C4355 0%,#3D6877 100%);border-radius:16px;padding:22px;margin-top:20px;box-shadow:var(--bm-shadow-lg);}
body.single-post .sidebar__form .h5{font-family:var(--bm-font-heading)!important;font-size:var(--bm-text-lg)!important;font-weight:800!important;letter-spacing:0!important;text-transform:none!important;color:#fff!important;margin:0 0 4px!important;}
/* Supporting line, added in CSS since the markup has no room for one */
body.single-post .sidebar__form .h5::after{content:"Free valuation, no obligation. Offer within 24 hours.";display:block;font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:400;line-height:1.5;color:rgba(255,255,255,.7);margin-top:6px;}

/* Hide Gravity Forms furniture that has no place in a narrow column */
body.single-post .sidebar__form .gform_heading,body.single-post .sidebar__form .gform_required_legend,body.single-post .sidebar__form .gfield_label{display:none!important;}
body.single-post .sidebar__form .gform_wrapper{margin:14px 0 0!important;}
body.single-post .sidebar__form .gform_fields{display:block!important;}
body.single-post .sidebar__form .gfield{margin:0 0 10px!important;padding:0!important;}

/* Input and button, homepage styling at a smaller scale */
body.single-post .sidebar__form input[type=text]{width:100%!important;padding:13px 16px!important;background:#fff!important;border:0!important;border-radius:10px!important;color:var(--bm-navy)!important;font-family:var(--bm-font-body)!important;font-size:var(--bm-text-sm)!important;font-weight:700!important;text-transform:uppercase;box-shadow:none!important;}
body.single-post .sidebar__form input[type=text]::placeholder{color:#9CA3AF!important;font-weight:400!important;text-transform:none;}
body.single-post .sidebar__form input[type=text]:focus{outline:none!important;box-shadow:0 0 0 3px rgba(234,149,138,.45)!important;}
body.single-post .sidebar__form .gform_footer{margin:0!important;padding:0!important;}
body.single-post .sidebar__form input[type=submit],body.single-post .sidebar__form button[type=submit]{width:100%!important;background:var(--bm-coral)!important;color:var(--bm-navy)!important;font-family:var(--bm-font-body)!important;font-size:var(--bm-text-sm)!important;font-weight:800!important;padding:13px!important;border:0!important;border-radius:10px!important;cursor:pointer;transition:filter .15s ease;}
body.single-post .sidebar__form input[type=submit]:hover{filter:brightness(1.08);}
body.single-post .sidebar__form .gform_validation_errors{background:rgba(255,255,255,.12)!important;border:0!important;border-radius:10px;color:#fff!important;font-size:var(--bm-text-xs);}
/* ---- THREE FIXES ----
   1. The arrow is a border-drawn triangle on the buttons ::after. The
      theme uses it as a flourish; in a narrow column it just looks like
      the button is broken. Suppressed inside the sidebar form only.
   2. Gap: banner ends at titleBottom+40 and the image had a 40px top
      margin from the same origin, leaving only ~8px of white. Raised to
      88px for roughly 48px of clear space.
   3. Gradient: 145deg across a wide, short band pushes most of the colour
      change off-screen. 115deg with earlier stops makes the shift read
      left-to-right across the banner. */

body.single-post .sidebar__form .gform_footer button::after,
body.single-post .sidebar__form .gform_footer button::before,
body.single-post .sidebar__form .gform_footer input::after,
body.single-post .sidebar__form .gform_footer::after{content:none!important;display:none!important;border:0!important;width:0!important;height:0!important;}
body.single-post .sidebar__form .gform_footer{overflow:hidden;border-radius:10px;}
body.single-post .sidebar__form .gform_button{position:relative;overflow:hidden;}

body.single-post .blog__image{margin-top:88px!important;}

body.single-post .blog::before{background:linear-gradient(115deg,#16232f 0%,#0C4355 45%,#3D6877 100%)!important;}
/* ---- RELATED CARDS FIX ----
   1. Card titles inherit the theme uppercase + wide letter-spacing, so a
      long title runs to five lines and the row loses all rhythm. Reset to
      sentence case, clamped to three lines so cards match in height.
   2. The heading says "Related guides". Guides and advice are separate
      things here, so on a blog post it should read "Related advice". The
      text is theme markup, so it is swapped by hiding the original and
      drawing the replacement in CSS. Replace with real markup at template
      stage. */
body.single-post .index_blog__title{text-transform:none!important;letter-spacing:-.01em!important;font-size:var(--bm-text-base)!important;font-weight:800!important;line-height:1.35!important;color:var(--bm-navy)!important;margin:0 0 12px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.4em;}
body.single-post .index_blog__card{display:flex;flex-direction:column;}
body.single-post .index_blog__content{display:flex;flex-direction:column;flex:1;}
body.single-post .index_blog__meta{margin-top:auto;}
body.single-post .related > h2,body.single-post .related > h3{font-size:0!important;line-height:0!important;}
body.single-post .related > h2::before,body.single-post .related > h3::before{content:"Related advice";display:block;font-family:var(--bm-font-heading);font-size:var(--bm-text-2xl);font-weight:800;line-height:1.2;color:var(--bm-navy);letter-spacing:-.01em;text-transform:none;}
/* ---- IMAGE SHADOW ----
   shadow-2xl, matching the hero images on the service and guide pages.
   Radius lifted to 32px on the featured image to match those heroes too;
   in-article images stay at 16px so they read as secondary. */
body.single-post .blog__image,body.single-post .blog__image img{border-radius:32px!important;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)!important;}
body.single-post .col-lg-9 img{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)!important;}
body.single-post .index_blog__image img{border-radius:0!important;box-shadow:none!important;}
/* ---- CONTEXTUAL CTA ----
   Inserted after the first H2 by the script in BM / Marquee loop, which
   picks copy from the URL slug, falling back to category then generic.
   Sits where the reader has just had their question answered, which is
   where trust is highest.
   A .bm-cta--manual block in the post content suppresses the automatic
   one, so any post can carry bespoke copy. */
body.single-post .bm-cta{background:#0C4355;border-radius:16px;padding:26px 28px;margin:36px 0;box-shadow:var(--bm-shadow-lg);}
body.single-post .bm-cta__eyebrow{font-family:var(--bm-font-body)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.1em;text-transform:uppercase;color:var(--bm-coral)!important;margin:0 0 10px!important;}
body.single-post .bm-cta__body{font-family:var(--bm-font-body)!important;font-size:var(--bm-text-base)!important;line-height:1.65!important;color:rgba(255,255,255,.88)!important;margin:0 0 20px!important;}
body.single-post .bm-cta__btn{display:inline-flex;align-items:center;gap:8px;background:var(--bm-coral);color:#fff!important;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:800;padding:13px 24px;border-radius:10px;text-decoration:none!important;transition:filter .15s ease;}
body.single-post .bm-cta__btn:hover{filter:brightness(1.08);}
body.single-post .bm-cta__btn::after{content:"\2192";}
@media (max-width:640px){body.single-post .bm-cta{padding:22px;margin:28px 0;}body.single-post .bm-cta__btn{width:100%;justify-content:center;}}
/* ---- CTA POSTCODE FIELD ----
   1. Body text was dark on dark: the earlier rule
      body.single-post .col-lg-9 p is more specific than .bm-cta__body,
      so it won despite both carrying !important. Raised specificity.
   2. The button is replaced by a postcode field. On submit it redirects
      to /get-your-cash-offer/?address=... which is exactly what Gravity
      Form 1 does, so the reader lands in the same flow with the postcode
      already filled. Cloning the real form would duplicate its DOM id and
      break validation, so a plain input is both simpler and safer. */
body.single-post .col-lg-9 .bm-cta__body,body.single-post .col-lg-9 p.bm-cta__body{color:rgba(255,255,255,.88)!important;}
body.single-post .col-lg-9 .bm-cta__eyebrow,body.single-post .col-lg-9 p.bm-cta__eyebrow{color:var(--bm-coral)!important;}

body.single-post .bm-cta__form{display:flex;gap:10px;margin:0;}
body.single-post .bm-cta__form input{flex:1;min-width:0;padding:14px 18px;background:#fff;border:0;border-radius:10px;font-family:var(--bm-font-body);font-size:var(--bm-text-base);font-weight:700;color:var(--bm-navy);text-transform:uppercase;}
body.single-post .bm-cta__form input::placeholder{color:#9CA3AF;font-weight:400;text-transform:none;}
body.single-post .bm-cta__form input:focus{outline:none;box-shadow:0 0 0 3px rgba(234,149,138,.45);}
body.single-post .bm-cta__form button{flex:0 0 auto;background:var(--bm-coral);color:var(--bm-navy);border:0;border-radius:10px;padding:14px 24px;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:800;cursor:pointer;transition:filter .15s ease;}
body.single-post .bm-cta__form button:hover{filter:brightness(1.08);}
body.single-post .bm-cta__note{font-family:var(--bm-font-body)!important;font-size:var(--bm-text-xs)!important;color:rgba(255,255,255,.55)!important;margin:22px 0 0!important;}
@media (max-width:640px){body.single-post .bm-cta__form{flex-direction:column;}body.single-post .bm-cta__form button{width:100%;}}
/* ---- CTA NOTE + SIDEBAR MATCH ----
   1. The note under the postcode field was still dark on dark. Same
      specificity problem as the body copy: body.single-post .col-lg-9 p
      outranks a single class. Scoped through .col-lg-9 to win.
   2. The sidebar CTA now uses the same supporting line as the contextual
      one, so the two read consistently. */
body.single-post .col-lg-9 .bm-cta__note,body.single-post .col-lg-9 p.bm-cta__note{color:rgba(255,255,255,.6)!important;}
body.single-post .sidebar__form .h5::after{content:"Free valuation. No obligation. No fees at any point."!important;}
/* ================= ADVICE HUB =================
   The blog index at /blog/. Scoped to body.blog so it does not touch
   single posts. Built from advice.tsx: navy hero with a dot texture,
   eyebrow, two-line headline, lede, then category pills.
   This page is already dynamic - the theme queries posts - so new posts
   appear here on their own with no maintenance.
   ============================================== */

/* Hero */
body.blog .breadcrumbs,body.blog > .wrapper > .container-xl:first-of-type{position:relative;}
body.blog h1{font-family:var(--bm-font-heading)!important;font-size:clamp(2.25rem,5vw,3.75rem)!important;font-weight:800!important;line-height:1.1!important;color:#fff!important;margin:0 0 24px!important;max-width:768px;}
body.blog h1::before{content:"Expert advice";display:block;font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--bm-coral);margin-bottom:20px;}

/* Card grid */
body.blog .index_blog__card{background:#fff;border:1px solid #F3F4F6;border-radius:16px;overflow:hidden;box-shadow:var(--bm-shadow-sm);transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column;}
body.blog .index_blog__card:hover{transform:translateY(-4px);box-shadow:var(--bm-shadow-xl);}
body.blog .index_blog__image img{aspect-ratio:16/10;object-fit:cover;width:100%;border-radius:0;box-shadow:none;}
body.blog .index_blog__content{padding:22px;display:flex;flex-direction:column;flex:1;}
body.blog .index_blog__title{font-family:var(--bm-font-heading)!important;font-size:var(--bm-text-base)!important;font-weight:800!important;line-height:1.35!important;color:var(--bm-navy)!important;text-transform:none!important;letter-spacing:-.01em!important;margin:0 0 12px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.4em;}
body.blog .index_blog__meta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid #F3F4F6;}
body.blog .index_blog__date,body.blog .index_blog__meta span{font-family:var(--bm-font-body)!important;font-size:11px!important;color:#9CA3AF!important;}
body.blog .index_blog__read{font-family:var(--bm-font-body)!important;font-size:var(--bm-text-xs)!important;font-weight:800!important;color:var(--bm-teal)!important;text-decoration:none!important;white-space:nowrap;}
/* ---- HUB HERO + PILLS ----
   The index hero is section.hero, so unlike the single-post banner this
   one is a real element and needs no height scripting.
   Category links render as list items; restyled into pills. */
body.blog section.hero{background:linear-gradient(115deg,#16232f 0%,#0C4355 45%,#3D6877 100%)!important;padding:72px 0 64px!important;position:relative;overflow:hidden;}
body.blog section.hero::before{content:"";position:absolute;inset:0;opacity:.05;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,#fff 1px,transparent 0);background-size:28px 28px;}
body.blog section.hero .container-xl{max-width:1152px!important;position:relative;z-index:1;}
body.blog section.hero p{font-family:var(--bm-font-body)!important;font-size:1.25rem!important;line-height:1.6!important;color:rgba(255,255,255,.6)!important;max-width:42em;margin:0 0 8px!important;}

/* Category pills */
body.blog ul:has(> li > [href*="/category/"]){display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:28px 0 0;}
body.blog li:has(> [href*="/category/"]){list-style:none;padding:0;margin:0;border:0;}
body.blog li > [href*="/category/"]{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.8)!important;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:500;padding:8px 16px;border-radius:999px;text-decoration:none!important;transition:background .2s ease,color .2s ease;}
body.blog li > [href*="/category/"]:hover{background:rgba(255,255,255,.18);color:#fff!important;}
body.blog li > [href*="/category/"]::after{content:"\2192";font-size:11px;}

/* Grid spacing below the hero */
body.blog main > .container-xl,body.blog .index_blog{padding-top:56px;}
@media (max-width:640px){body.blog section.hero{padding:48px 0 44px!important;}}
/* ---- HUB TOWARDS GUIDES STYLE ----
   The index layout comes from the theme template, not page content, so
   the structure cannot be changed from here. What CSS can do:
     - drop the pink band back to the site neutral
     - widen the 2-column card grid to 3, matching the guides hub
     - restyle the category sidebar as a proper filter panel
   A real 3-column grid with no sidebar needs the archive template. */

body.blog section.has-secondary-200-background-color{background:#F8F9FA!important;padding-block:56px!important;}
body.blog section.has-secondary-200-background-color > .container-xl{max-width:1152px!important;}

/* Section headings */
body.blog section h2,body.blog section .h2{font-family:var(--bm-font-heading)!important;font-size:clamp(1.5rem,2.6vw,2rem)!important;font-weight:800!important;color:var(--bm-navy)!important;letter-spacing:-.01em;margin:0 0 28px!important;}

/* 2-column grid to 3, as on the guides hub */
@media (min-width:992px){body.blog .row.g-4 > .col-md-6.index_blog{flex:0 0 33.3333%!important;max-width:33.3333%!important;}}
@media (min-width:768px) and (max-width:991px){body.blog .row.g-4 > .col-md-6.index_blog{flex:0 0 50%!important;max-width:50%!important;}}

/* Category label above the card title */
body.blog .index_blog__card [href*="/category/"]{display:inline-block;font-family:var(--bm-font-body)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.1em;text-transform:uppercase;color:var(--bm-teal)!important;text-decoration:none!important;margin-bottom:8px;}
/* ---- HUB CATEGORY PANEL ----
   The By category box, restyled as a filter panel: sticky, hairline
   border, pill links, with the active one filled teal. */
body.blog main .col-lg-3:not(.index_blog):not(.mb-2),body.blog main .col-md-4:not(.index_blog):not(.mb-2){padding-left:24px;}
body.blog main .col-lg-3:not(.index_blog):not(.mb-2) > *,body.blog main .col-md-4:not(.index_blog):not(.mb-2) > *{background:#fff;border:1px solid #F3F4F6;border-radius:16px;padding:22px;box-shadow:var(--bm-shadow-sm);}
@media (min-width:992px){body.blog main .col-lg-3:not(.index_blog):not(.mb-2) > *,body.blog main .col-md-4:not(.index_blog):not(.mb-2) > *{position:sticky;top:100px;}}
body.blog main .col-lg-3:not(.index_blog):not(.mb-2) h2,body.blog main .col-lg-3:not(.index_blog):not(.mb-2) .h2,body.blog main .col-md-4:not(.index_blog):not(.mb-2) h2,body.blog main .col-md-4:not(.index_blog):not(.mb-2) .h2{font-family:var(--bm-font-body)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.12em;text-transform:uppercase;color:#9CA3AF!important;margin:0 0 14px!important;}
body.blog main .col-lg-3:not(.index_blog):not(.mb-2) ul,body.blog main .col-md-4:not(.index_blog):not(.mb-2) ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px;}
body.blog main .col-lg-3:not(.index_blog):not(.mb-2) li,body.blog main .col-md-4:not(.index_blog):not(.mb-2) li{list-style:none;padding:0;margin:0;border:0;}
body.blog main .col-lg-3:not(.index_blog):not(.mb-2) li a,body.blog main .col-md-4:not(.index_blog):not(.mb-2) li a{display:inline-block;background:#F3F4F6;color:var(--bm-navy)!important;font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:700;padding:7px 14px;border-radius:999px;text-decoration:none!important;transition:background .2s ease,color .2s ease;}
body.blog main .col-lg-3:not(.index_blog):not(.mb-2) li a:hover,body.blog main .col-md-4:not(.index_blog):not(.mb-2) li a:hover{background:rgba(61,104,118,.14);color:var(--bm-teal)!important;}
body.blog main .col-lg-3:not(.index_blog):not(.mb-2) li.current-cat a,body.blog main .col-md-4:not(.index_blog):not(.mb-2) li.current-cat a{background:var(--bm-teal);color:#fff!important;}
/* ---- SIDEBAR SCOPING FIX ----
   The category panel rules targeted .col-lg-3, but the lower sections use
   .col-lg-3 for four-across CARDS. The panel styling was therefore landing
   on the card columns and stripping their shadow and radius. All panel rules
   now carry :not(.index_blog) so they only reach the real sidebar.
   Card columns also need the guides treatment applied at this width. */
body.blog .col-lg-3.index_blog .index_blog__card{background:#fff;border:1px solid #F3F4F6;border-radius:16px;box-shadow:var(--bm-shadow-sm);overflow:hidden;}
body.blog .col-lg-3.index_blog .index_blog__card:hover{transform:translateY(-4px);box-shadow:var(--bm-shadow-xl);}
body.blog .index_blog__title,body.blog .index_blog__title a{font-family:var(--bm-font-heading)!important;font-size:var(--bm-text-base)!important;font-weight:800!important;color:var(--bm-navy)!important;text-transform:none!important;}
body.blog .view-all,body.blog .view-all a{font-family:var(--bm-font-body)!important;font-size:var(--bm-text-sm)!important;font-weight:700!important;color:var(--bm-teal)!important;text-decoration:none!important;}
/* ---- THREE PER ROW ----
   Category sections output four-across columns with enough posts to wrap
   onto a second row. Capped at three, matching the guides hub. Surplus
   cards are hidden rather than removed, since how many posts are queried
   is set in the template. */
@media (min-width:992px){
  body.blog .row.g-4 > .col-lg-3.index_blog{flex:0 0 33.3333%!important;max-width:33.3333%!important;}
  body.blog .row.g-4 > .col-lg-3.index_blog:nth-of-type(n+4){display:none!important;}
}
@media (min-width:768px) and (max-width:991px){
  body.blog .row.g-4 > .col-lg-3.index_blog:nth-of-type(n+4){display:none!important;}
}
/* ---- HUB POLISH ----
   Details borrowed from the guides hub so the two feel related:
     image zoom on hover, a soft wash over the lower image, the category
     label as a pill, an arrow that slides, and a larger card radius. */
body.blog .index_blog__image{position:relative;overflow:hidden;}
body.blog .index_blog__image img{transition:transform .55s cubic-bezier(.2,.6,.2,1);}
body.blog .index_blog__card:hover .index_blog__image img{transform:scale(1.06);}
body.blog .index_blog__image::after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(to top,rgba(12,67,85,.28),transparent);pointer-events:none;}
body.blog .index_blog__content > a:first-child{display:inline-block!important;background:rgba(61,104,118,.1)!important;color:var(--bm-teal)!important;font-family:var(--bm-font-body)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.08em;text-transform:uppercase;padding:5px 11px!important;border-radius:999px!important;text-decoration:none!important;margin-bottom:12px!important;}
body.blog .index_blog__read{display:inline-flex;align-items:center;gap:6px;transition:gap .2s ease;}
body.blog .index_blog__card:hover .index_blog__read{gap:11px;}
body.blog .d-flex.justify-content-between{align-items:baseline!important;}
body.blog .view-all a::after{content:"\00a0\2192";}
body.blog .index_blog__card{border-radius:20px!important;}
/* ---- CARD CONTENT ORDER ----
   Keeping the photographs (they signal what a post is about at a glance),
   but taking the content ordering from the design: meta line above the
   title, category as a pill, Read pinned to the bottom.
   The gradient-band variant was tried and reverted. */
body.blog .index_blog__image{height:auto;overflow:hidden;position:relative;}
body.blog .index_blog__image img{display:block!important;aspect-ratio:16/10;object-fit:cover;width:100%;}
body.blog .index_blog__content{display:flex;flex-direction:column;padding:24px!important;}
body.blog .index_blog__cat{order:1;margin-bottom:12px!important;}
body.blog .index_blog__content > .d-flex.flex-column{order:2;margin-bottom:8px;}
body.blog .index_blog__title{order:3;margin:0 0 14px!important;font-size:1.0625rem!important;min-height:0!important;}
body.blog .index_blog__meta{border-top:0!important;padding-top:0!important;display:flex;align-items:center;gap:14px;}
body.blog .index_blog__read{order:4;margin-top:auto;padding-top:6px;}
/* ---- FOOTER LEAK FIX ----
   2 Oct 2026: these footer rules were written for the OLD navy theme footer.
   The site now uses the cream .bm-ftr footer, which they were turning white.
   Scoped to footer:not(.bm-ftr) so they only ever touch the old footer. */
/*
   The theme footer also uses .col-lg-3 columns, so the category-panel rules
   were turning footer headings into white boxes and footer links into pills.
   Panel rules now sit behind main. Explicit resets below as a safety net. */
body.blog footer:not(.bm-ftr) .col-lg-3,body.blog footer:not(.bm-ftr) .col-md-4,body.blog footer:not(.bm-ftr) .col-lg-3 > *,body.blog footer:not(.bm-ftr) .col-md-4 > *{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding-left:0!important;position:static!important;}

body.blog footer:not(.bm-ftr) ul{display:block!important;}
body.blog footer:not(.bm-ftr) h2,body.blog footer:not(.bm-ftr) .h2,body.blog footer:not(.bm-ftr) h3{font-size:inherit!important;letter-spacing:normal!important;text-transform:none!important;color:inherit!important;}
/* ---- FOOTER COLOUR FIX ----
   The earlier reset used color:inherit, which picked up navy from a parent
   and left footer links invisible against the navy footer. Caught by diffing
   the blog footer against the same footer on a page these rules do not touch.
   Now resets only the properties that actually leaked, and leaves colour to
   the theme. */
body.blog footer:not(.bm-ftr) li a{background:none!important;border-radius:0!important;padding:0!important;display:inline!important;font-size:inherit!important;font-weight:inherit!important;}
body.blog footer:not(.bm-ftr) li a:not([style*=color]){color:#fff!important;}
body.blog footer:not(.bm-ftr) li{padding:0!important;border:0!important;margin:revert!important;}
/* ---- SCOPING - FOOTER IS INSIDE MAIN ----
   Scoping to main did not exclude the footer, because this theme nests
   footer INSIDE main. The footer columns are .col-sm-6.col-lg-3.mb-2, so
   :not(.mb-2) separates them from the category panel. Found by diffing the
   blog footer against the same footer on an untouched page. */
body.blog footer:not(.bm-ftr) li a{color:#fff!important;background:none!important;border-radius:0!important;padding:0!important;display:inline!important;}
body.blog footer:not(.bm-ftr) .col-lg-3,body.blog footer:not(.bm-ftr) .col-lg-3 > *{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding-left:0!important;position:static!important;}
/* CTA button text white (Steve, 16 Sept). The generic body.single-post .col-lg-9 a rule outranked the button rule on specificity, so the button was rendering teal on coral. */
body.single-post .col-lg-9 a.bm-cta__btn,body.single-post .col-lg-9 a.bm-cta__btn:hover,body.single-post a.bm-cta__btn,body.single-post a.bm-cta__btn:hover{color:#fff!important;}

/* Breathing room under the CTA button (Steve, 16 Sept). body.single-post .col-lg-9 p carries margin:0 0 20px!important, which outranks the single-class note rule, so the note sat tight under the button. Scoped to win. */
body.single-post .col-lg-9 p.bm-cta__note{margin:22px 0 0!important;}

/* ---- wpcode snippet 10 ---- */
/* BM / Anchor offset (v1) - 14 Sept 2026
   In-page anchor targets (#reviews, #two-routes, #faq, #customer-story and any other id)
   stop underneath the 88px sticky header when jumped to. scroll-margin-top keeps them clear.
   Only affects scrolling to an anchor; no visual change otherwise. */
[id]{scroll-margin-top:100px;}

/* ---- wpcode snippet 11 ---- */
/* BM / Legal + Referral pages (v1.2)
   Legal template (Terms, Privacy, Cookies, Complaints): .bm-lg-*
   Refer-a-friend page: .bm-rf-*
   Contact page: .bm-ct-* (v1.2, 1 Sept)
   Uses the BM design tokens (--bm-navy, --bm-teal, --bm-coral, --bm-border, --bm-text-muted, --bm-font-heading, --bm-font-body).
*/

/* ===================== LEGAL TEMPLATE ===================== */
.bm-lg-hero{background:var(--bm-navy);padding-block:88px 56px!important;}
.bm-lg-wrap{max-width:896px;margin:0 auto;}
.bm-lg-crumb{display:flex;align-items:center;gap:8px;font-family:var(--bm-font-body);font-size:.875rem;color:rgba(255,255,255,.5);margin:0 0 24px;}
.bm-lg-crumb a{color:rgba(255,255,255,.5);text-decoration:none;}
.bm-lg-crumb a:hover{color:#fff;}
.bm-lg-crumb span{color:#fff;}
.bm-lg-crumb i{display:inline-block;width:6px;height:6px;border-right:1.5px solid rgba(255,255,255,.5);border-top:1.5px solid rgba(255,255,255,.5);transform:rotate(45deg);}
.bm-lg-hero__row{display:flex;align-items:flex-start;gap:16px;}
.bm-lg-hero__ico{flex:0 0 48px;width:48px;height:48px;border-radius:16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;margin-top:4px;}
.bm-lg-hero__ico svg{width:20px;height:20px;stroke:var(--bm-coral);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.bm-lg-hero h1{font-family:var(--bm-font-heading);font-weight:800;font-size:clamp(1.875rem,3.4vw,2.25rem);line-height:1.15;color:#fff!important;margin:0 0 12px;}
.bm-lg-hero__lede{font-family:var(--bm-font-body);font-size:1rem;line-height:1.65;color:rgba(255,255,255,.6);max-width:42rem;margin:0;}

.bm-lg-notice{background:#F9FAFB;border-bottom:1px solid #F3F4F6;padding:16px 0;}
.bm-lg-notice p{font-family:var(--bm-font-body);font-size:.75rem;line-height:1.65;color:#6B7280;margin:0;}
.bm-lg-notice strong{color:#374151;font-weight:600;}

.bm-lg-body{padding-block:64px!important;background:#fff;}
.bm-lg-grid{display:grid;grid-template-columns:1fr;gap:48px;}
@media (min-width:1024px){.bm-lg-grid{grid-template-columns:1fr 3fr;}}
.bm-lg-toc{display:none;}
@media (min-width:1024px){.bm-lg-toc{display:block;}}
.bm-lg-toc__in{position:sticky;top:112px;}
.bm-lg-toc__label{font-family:var(--bm-font-body);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9CA3AF;margin:0 0 16px;}
.bm-lg-toc nav{display:flex;flex-direction:column;gap:2px;}
.bm-lg-toc a{display:block;font-family:var(--bm-font-body);font-size:.75rem;line-height:1.35;color:#6B7280;text-decoration:none;padding:2px 0;}
.bm-lg-toc a:hover{color:var(--bm-teal);}
.bm-lg-toc a b{color:#D1D5DB;font-weight:400;margin-right:4px;}

.bm-lg-callout{background:#FFFBEB;border:1px solid #FEF3C7;border-radius:16px;padding:16px;margin:0 0 40px;}
.bm-lg-callout p{margin:0;font-family:var(--bm-font-body);font-size:.875rem;line-height:1.65;color:#B45309;}
.bm-lg-callout p:first-child{font-weight:600;color:#92400E;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;}

.bm-lg-sec{padding:32px 0;border-top:1px solid #F3F4F6;scroll-margin-top:112px;}
.bm-lg-sec:first-of-type{border-top:0;padding-top:0;}
.bm-lg-sec__head{display:flex;align-items:baseline;gap:12px;margin:0 0 16px;}
.bm-lg-sec__num{flex:0 0 auto;font-family:var(--bm-font-body);font-size:.75rem;font-weight:700;color:var(--bm-teal);background:rgba(61,104,118,.08);border-radius:999px;padding:2px 10px;}
.bm-lg-sec h2{font-family:var(--bm-font-heading);font-weight:700;font-size:1.125rem;line-height:1.3;color:var(--bm-navy);margin:0;}
.bm-lg-sec__body{padding-left:32px;display:flex;flex-direction:column;gap:12px;}
.bm-lg-sec__body p,.bm-lg-sec__body li{font-family:var(--bm-font-body);font-size:.875rem;line-height:1.7;color:#4B5563;margin:0;}
.bm-lg-sec__body ul,.bm-lg-sec__body ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;}
.bm-lg-sec__body a{color:var(--bm-teal);}
.bm-lg-sec__body strong{color:#374151;}

.bm-lg-foot{margin-top:32px;padding-top:32px;border-top:1px solid #F3F4F6;}
.bm-lg-foot p{font-family:var(--bm-font-body);font-size:.75rem;line-height:1.65;color:#9CA3AF;margin:0;}
.bm-lg-foot a{color:var(--bm-teal);text-decoration:none;}
.bm-lg-foot a:hover{text-decoration:underline;}

/* ===================== REFER A FRIEND ===================== */
.bm-rf-hero{background:var(--bm-navy);padding-block:88px 72px!important;}
.bm-rf-hero__in{max-width:920px;margin:0 auto;}
.bm-rf-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);color:#fff;font-family:var(--bm-font-body);font-size:.8125rem;font-weight:500;border-radius:999px;padding:6px 14px;margin:0 0 24px;}
.bm-rf-pill svg{width:14px;height:14px;stroke:var(--bm-coral);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.bm-rf-hero h1{font-family:var(--bm-font-heading);font-weight:800;font-size:clamp(2.25rem,4.4vw,3.25rem);line-height:1.1;color:#fff!important;margin:0 0 20px;max-width:14ch;}
.bm-rf-hero h1 em{font-style:normal;color:var(--bm-coral);}
.bm-rf-hero__lede{font-family:var(--bm-font-body);font-size:1.125rem;line-height:1.65;color:rgba(255,255,255,.75);max-width:38rem;margin:0;}

.bm-rf-body{padding-block:64px 80px!important;background:#fff;}
.bm-rf-grid{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:48px;align-items:start;}
@media (min-width:1024px){.bm-rf-grid{grid-template-columns:1fr 1fr;gap:56px;}}
.bm-rf-h2{font-family:var(--bm-font-heading);font-weight:800;font-size:1.5rem;line-height:1.2;color:var(--bm-navy);margin:0 0 28px;}
.bm-rf-steps{list-style:none;margin:0 0 32px;padding:0;display:flex;flex-direction:column;gap:20px;counter-reset:rf;}
.bm-rf-steps li{counter-increment:rf;display:grid;grid-template-columns:32px 1fr;gap:16px;align-items:start;}
.bm-rf-steps li::before{content:counter(rf);width:32px;height:32px;border-radius:999px;background:var(--bm-navy);color:#fff;font-family:var(--bm-font-body);font-size:.8125rem;font-weight:700;display:flex;align-items:center;justify-content:center;}
.bm-rf-steps b{display:block;font-family:var(--bm-font-heading);font-weight:700;font-size:1rem;color:var(--bm-navy);margin:4px 0 2px;}
.bm-rf-steps span{display:block;font-family:var(--bm-font-body);font-size:.9375rem;line-height:1.6;color:#6B7280;}
.bm-rf-tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 24px;}
.bm-rf-tile{background:#F9FAFB;border:1px solid var(--bm-border);border-radius:14px;padding:16px;display:flex;align-items:center;gap:14px;}
.bm-rf-tile__ico{flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid var(--bm-border);display:flex;align-items:center;justify-content:center;}
.bm-rf-tile__ico svg{width:18px;height:18px;stroke:var(--bm-teal);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.bm-rf-tile b{display:block;font-family:var(--bm-font-heading);font-weight:800;font-size:1.0625rem;color:var(--bm-navy);line-height:1.2;}
.bm-rf-tile span{display:block;font-family:var(--bm-font-body);font-size:.75rem;color:#6B7280;margin-top:2px;}
.bm-rf-note{background:#F3F4F6;border-radius:14px;padding:18px 20px;}
.bm-rf-note p{margin:0;font-family:var(--bm-font-body);font-size:.875rem;line-height:1.6;color:#4B5563;}
.bm-rf-note p:first-child{font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6B7280;margin-bottom:6px;}

.bm-rf-card{background:#fff;border:1px solid var(--bm-border);border-radius:20px;box-shadow:var(--bm-shadow-lg,0 10px 30px -12px rgba(12,67,85,.25));padding:28px;}
.bm-rf-card h3{font-family:var(--bm-font-heading);font-weight:800;font-size:1.25rem;color:var(--bm-navy);margin:0 0 18px;}
.bm-rf-card .gform_wrapper{margin:0;}
.bm-rf-card .gform_wrapper .gfield_label{font-family:var(--bm-font-body);font-size:.8125rem;font-weight:600;color:var(--bm-navy);}
.bm-rf-card .gform_wrapper input:not([type=submit]):not([type=checkbox]):not([type=radio]),.bm-rf-card .gform_wrapper select,.bm-rf-card .gform_wrapper textarea{width:100%;font-family:var(--bm-font-body);font-size:.9375rem;padding:12px 14px;border:1px solid var(--bm-border);border-radius:12px;background:#fff;color:var(--bm-navy);}
.bm-rf-card .gform_wrapper input:focus,.bm-rf-card .gform_wrapper select:focus{outline:none;border-color:var(--bm-teal);box-shadow:0 0 0 3px rgba(61,104,118,.15);}
.bm-rf-card .gform_wrapper .gform_footer input[type=submit],.bm-rf-card .gform_wrapper .gform_button{width:100%;font-family:var(--bm-font-body);font-weight:700;font-size:1rem;background:var(--bm-teal);color:#fff;border:0;border-radius:12px;padding:14px 20px;cursor:pointer;}
.bm-rf-card .gform_wrapper .gform_footer input[type=submit]:hover,.bm-rf-card .gform_wrapper .gform_button:hover{background:var(--bm-navy);}
.bm-rf-card .gsection{border:0;padding:0;margin:10px 0 0;}
.bm-rf-card .gsection_title,.bm-rf-card h2.gsection_title,.bm-rf-card h3.gsection_title{font-family:var(--bm-font-heading)!important;font-weight:700!important;font-size:1rem!important;line-height:1.3!important;color:var(--bm-teal)!important;letter-spacing:.02em;text-transform:uppercase;margin:0!important;padding:0!important;}
.bm-rf-card__privacy{font-family:var(--bm-font-body);font-size:.75rem;line-height:1.6;color:#9CA3AF;margin:14px 0 0;}
.bm-rf-card__privacy a{color:var(--bm-teal);}
@media (max-width:640px){.bm-rf-tiles{grid-template-columns:1fr;}.bm-rf-card{padding:20px;}}

/* ===================== CONTACT PAGE (v1.2) ===================== */
.bm-ct-hero h1{max-width:18ch;}
.bm-ct-channels{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0 0 20px;}
@media (min-width:720px){.bm-ct-channels{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;}}
/* From 1024px up the left column is only 492px wide, which is too narrow for the email address to sit beside an icon on one line. So at that width live chat becomes one tall card on the left and the three direct channels stack on the right, where each card is wide enough for the address at full size. Steve, 16 Sept. */
@media (min-width:1024px){
.bm-ct-channels{grid-template-columns:172px minmax(0,1fr);grid-template-rows:repeat(3,minmax(0,1fr));gap:12px;}
.bm-ct-channels>*:nth-child(1){grid-column:2;grid-row:1;}
.bm-ct-channels>*:nth-child(2){grid-column:2;grid-row:2;}
.bm-ct-channels>*:nth-child(4){grid-column:2;grid-row:3;}
.bm-ct-channels>*:nth-child(1),.bm-ct-channels>*:nth-child(2),.bm-ct-channels>*:nth-child(4){padding:14px 16px;}
.bm-ct-channels>*:nth-child(3){grid-column:1;grid-row:1/4;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:16px;padding:20px 14px;}
.bm-ct-channels>*:nth-child(3) .bm-ct-ch__txt{align-items:center;}
}
/* minmax(0,1fr) rather than 1fr: a plain 1fr track will not shrink below its content’s minimum width, so the long email address was forcing its column wide and squashing the other one. Steve, 16 Sept. */
.bm-ct-ch__txt{min-width:0;}
.bm-ct-ch{container-type:inline-size;display:flex;align-items:flex-start;gap:14px;background:#fff;border:1px solid var(--bm-border);border-radius:16px;padding:18px;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.bm-ct-ch:hover{transform:translateY(-2px);box-shadow:var(--bm-shadow-lg,0 10px 30px -12px rgba(12,67,85,.25));border-color:rgba(61,104,118,.35);}
.bm-ct-ch__ico{flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:rgba(61,104,118,.08);display:flex;align-items:center;justify-content:center;}
.bm-ct-ch__ico svg{width:20px;height:20px;stroke:var(--bm-teal);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.bm-ct-ch__ico--wa{background:rgba(37,211,102,.12);}
.bm-ct-ch__ico--wa svg{stroke:#1DA851;}
.bm-ct-ch__txt{display:flex;flex-direction:column;min-width:0;}
.bm-ct-ch__txt b{font-family:var(--bm-font-body);font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9CA3AF;margin-bottom:4px;}
.bm-ct-ch__txt strong{font-family:var(--bm-font-heading);font-weight:800;font-size:1.0625rem;line-height:1.25;color:var(--bm-navy);word-break:normal;overflow-wrap:break-word;}
/* The address never breaks mid-word and never wraps. It is sized against its own card (cqw) rather than the viewport, so it fits the box it is actually in at every width. Steve, 16 Sept. */
.bm-ct-channels a[href^="mailto:"] .bm-ct-ch__txt strong{font-size:clamp(.8125rem,calc(8.08cqw - 5.1px),1.0625rem);letter-spacing:-.005em;white-space:nowrap;}
.bm-ct-ch__txt span{font-family:var(--bm-font-body);font-size:.8125rem;color:#6B7280;margin-top:4px;}
.bm-ct-visit{display:flex;gap:14px;align-items:flex-start;background:#F9FAFB;border:1px solid var(--bm-border);border-radius:16px;padding:18px;margin:0 0 20px;}
.bm-ct-visit__ico{flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid var(--bm-border);display:flex;align-items:center;justify-content:center;}
.bm-ct-visit__ico svg{width:20px;height:20px;stroke:var(--bm-teal);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.bm-ct-visit b{display:block;font-family:var(--bm-font-body);font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9CA3AF;margin-bottom:4px;}
.bm-ct-visit p{margin:0;font-family:var(--bm-font-heading);font-weight:700;font-size:1rem;color:var(--bm-navy);}
.bm-ct-visit p.bm-ct-visit__small{font-family:var(--bm-font-body);font-weight:400;font-size:.75rem;line-height:1.5;color:#9CA3AF;margin-top:8px;}
.bm-ct-body .bm-rf-card textarea{min-height:120px;resize:vertical;}
.bm-ct-body .bm-rf-card .ginput_container_captcha{margin-top:6px;}
.bm-rf-note a{color:var(--bm-teal);font-weight:600;}
@media (max-width:640px){.bm-ct-channels{grid-template-columns:1fr;}}
/* Form 2 layout inside the narrow card: email + phone as halves, message full width */
.bm-ct-body .bm-rf-card .gform_fields > .gfield--type-email,.bm-ct-body .bm-rf-card .gform_fields > .gfield--type-phone{grid-column:span 6!important;}
.bm-ct-body .bm-rf-card .gform_fields > #field_2_4{grid-column:span 12!important;}
@media (max-width:640px){.bm-ct-body .bm-rf-card .gform_fields > .gfield{grid-column:span 12!important;}}

/* ---- wpcode snippet 12 ---- */
/* BM / Service pages
   Reskinned service pages, starting with /sell-house-fast/.
   Built on the Sell For Cash pattern with PPC-landing variations:
   trust proof earlier, price ranges stated, depth collapsed not cut.

   SEO CONTEXT - read before editing:
   This page carries ~986,000 impressions/yr across ~1,000 queries.
   PRESERVED: URL, title tag, meta description, H1 wording, all six H2
   topics, review schema, all 11 internal service links.
   CHANGED: presentation, section order, and H2 WORDING (the old
   headings repeated the target phrase six times, which reads as
   stuffing; variants now live in body copy where they do the work). */

.bm-sv-hero{background:linear-gradient(160deg,#0C4355 0%,#12556B 55%,#3D6877 100%);padding-block:56px;position:relative;overflow:hidden;}
@media (min-width:768px){.bm-sv-hero{padding-block:80px;}}
.bm-sv-hero::after{content:"";position:absolute;width:520px;height:520px;border-radius:999px;border:1px solid rgba(255,255,255,.08);top:-180px;right:-160px;pointer-events:none;}
.bm-sv-hero .bm-container{max-width:1152px;position:relative;z-index:1;}
.bm-sv-hero__grid{display:grid;grid-template-columns:1fr;gap:36px;align-items:center;}
@media (min-width:1024px){.bm-sv-hero__grid{grid-template-columns:1.05fr .95fr;gap:56px;}}
.bm-sv-hero__grid > .wp-block-group__inner-container{display:contents!important;}
.bm-sv-hero .container-xl{display:contents!important;}
.bm-sv__pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff;font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:700;padding:7px 14px;border-radius:999px;margin:0 0 20px;width:fit-content;}
.bm-sv__pill::before{content:"";width:8px;height:8px;border-radius:999px;background:var(--bm-mint);}
.bm-sv__h1{font-family:var(--bm-font-heading);font-size:clamp(2.25rem,4.6vw,3.5rem);font-weight:800;line-height:1.08;color:#fff!important;margin:0 0 14px;}
.bm-sv__h2sub{font-family:var(--bm-font-heading);font-size:clamp(1.125rem,2vw,1.5rem);font-weight:600;line-height:1.35;color:var(--bm-mint)!important;margin:0 0 20px;}
.bm-sv__lede{font-family:var(--bm-font-body);font-size:1.0625rem;line-height:1.65;color:rgba(255,255,255,.78);margin:0 0 26px;max-width:34em;}
.bm-sv-proof{display:flex;flex-wrap:wrap;gap:10px 20px;margin:0 0 26px;}
.bm-sv-proof span{display:flex;align-items:center;gap:8px;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:600;color:rgba(255,255,255,.9);}
.bm-sv-proof span::before{content:"";width:18px;height:18px;flex:0 0 18px;background-size:contain;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386EFAC' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");}
.bm-sv-form{background:#fff;border-radius:24px;padding:28px;box-shadow:0 24px 48px -12px rgba(0,0,0,.35);}
.bm-sv-form__head{margin-bottom:18px;}
.bm-sv-form__head b{display:block;font-family:var(--bm-font-heading);font-size:var(--bm-text-lg);font-weight:800;color:var(--bm-navy);margin-bottom:4px;}
.bm-sv-form__head span{display:block;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);color:#6B7280;}
.bm-sv-form .gform_wrapper{margin:0!important;}
.bm-sv-form .gform_footer{margin:12px 0 0!important;padding:0!important;}
.bm-sv-form__note{display:flex;align-items:center;gap:8px;margin:14px 0 0;font-family:var(--bm-font-body);font-size:var(--bm-text-xs);color:#9CA3AF;}
.bm-sv-trustbar{background:#fff;border-bottom:1px solid #F3F4F6;padding-block:20px;}
.bm-sv-trustbar .bm-container{max-width:1152px;}
.bm-sv-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px 40px;margin:0;}
.bm-sv-logos img{height:34px;width:auto;opacity:.62;filter:grayscale(1);transition:opacity .2s ease,filter .2s ease;}
.bm-sv-logos img:hover{opacity:1;filter:grayscale(0);}
.bm-sv-reviews{background:#F8F9FA;padding-block:56px;}
.bm-sv-reviews .bm-container{max-width:1152px;}
.bm-sv-reviews .bm-sv__h2,.bm-sv-reviews .bm-sv__eyebrow{text-align:center;}
.bm-sv-reviews__intro{text-align:center;max-width:640px;margin:0 auto 28px;font-family:var(--bm-font-body);font-size:var(--bm-text-base);color:#6B7280;}
.bm-sv-section{padding-block:64px;}
.bm-sv-section .bm-container{max-width:1152px;}
.bm-sv-section--tint{background:#F8F9FA;}
.bm-sv-section--navy{background:var(--bm-navy);}
.bm-sv__eyebrow{font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--bm-teal);margin:0 0 12px;}
.bm-sv-section--navy .bm-sv__eyebrow{color:var(--bm-coral);}
.bm-sv__h2{font-family:var(--bm-font-heading);font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:800;line-height:1.2;color:var(--bm-navy);margin:0 0 16px;}
.bm-sv-section--navy .bm-sv__h2{color:#fff;}
.bm-sv__body{font-family:var(--bm-font-body);font-size:1.0625rem;line-height:1.7;color:#4B5563;margin:0 0 18px;max-width:70ch;}
.bm-sv-section--navy .bm-sv__body{color:rgba(255,255,255,.8);}
.bm-sv__body strong{color:var(--bm-navy);font-weight:700;}
.bm-sv-section--navy .bm-sv__body strong{color:#fff;}
.bm-sv__body a{color:var(--bm-teal);text-decoration:underline;text-underline-offset:2px;}
/* Three route cards */
.bm-sv-routes{display:grid;grid-template-columns:1fr;gap:24px;margin-top:32px;}
@media (min-width:900px){.bm-sv-routes{grid-template-columns:repeat(3,1fr);}}
.bm-sv-route{background:#fff;border:1px solid #E5E7EB;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease;}
.bm-sv-route:hover{transform:translateY(-4px);}
.bm-sv-route__top{padding:22px 24px;color:#fff;}
.bm-sv-route--1 .bm-sv-route__top{background:linear-gradient(135deg,#0C4355,#083446);}
.bm-sv-route--2 .bm-sv-route__top{background:linear-gradient(135deg,#3D6877,#2a5a6e);}
.bm-sv-route--3 .bm-sv-route__top{background:linear-gradient(135deg,#5a3d77,#432d5a);}
.bm-sv-route--1{box-shadow:0 12px 32px rgba(12,67,85,.22);}
.bm-sv-route--2{box-shadow:0 12px 32px rgba(61,104,119,.22);}
.bm-sv-route--3{box-shadow:0 12px 32px rgba(90,61,119,.22);}
.bm-sv-route--1:hover{box-shadow:0 20px 48px rgba(12,67,85,.34);}
.bm-sv-route--2:hover{box-shadow:0 20px 48px rgba(61,104,119,.34);}
.bm-sv-route--3:hover{box-shadow:0 20px 48px rgba(90,61,119,.34);}
.bm-sv-route__tag{display:inline-block;font-family:var(--bm-font-body);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.25);padding:4px 10px;border-radius:999px;margin-bottom:10px;}
.bm-sv-route__top h3{font-family:var(--bm-font-heading);font-size:var(--bm-text-xl);font-weight:800;color:#fff;margin:0 0 6px;line-height:1.25;}
.bm-sv-route__time{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);color:rgba(255,255,255,.75);margin:0;}
.bm-sv-route__body{padding:24px;flex:1;display:flex;flex-direction:column;}
.bm-sv-route__price{display:flex;align-items:baseline;gap:8px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #F3F4F6;}
.bm-sv-route__price b{font-family:var(--bm-font-heading);font-size:1.625rem;font-weight:800;color:var(--bm-navy);line-height:1;}
.bm-sv-route__price span{font-family:var(--bm-font-body);font-size:var(--bm-text-xs);color:#6B7280;}
.bm-sv-route__desc,.bm-sv-route__for{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.65;color:#4B5563;margin:0 0 16px;}
.bm-sv-route__for b{color:var(--bm-navy);}
.bm-sv-route ul{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:9px;}
.bm-sv-route li{display:flex;align-items:flex-start;gap:9px;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.5;color:#4B5563;}
.bm-sv-route li.yes::before{content:"";flex:0 0 17px;width:17px;height:17px;margin-top:1px;background-size:contain;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");}
.bm-sv-route li.no{color:#9CA3AF;}
.bm-sv-route li.no::before{content:"";flex:0 0 17px;width:17px;height:17px;margin-top:1px;background-size:contain;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");}
.bm-sv-route__link{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:700;color:var(--bm-teal);text-decoration:none;transition:gap .2s ease;}
.bm-sv-route__link::after{content:"\2192";}
.bm-sv-route__link:hover{gap:11px;}

/* Old way vs better way */
.bm-sv-compare{display:grid;grid-template-columns:1fr;gap:24px;margin-top:32px;}
@media (min-width:900px){.bm-sv-compare{grid-template-columns:repeat(2,1fr);}}
.bm-sv-col{border-radius:20px;padding:28px;}
.bm-sv-col--old{background:#F9FAFB;border:1px solid #E5E7EB;}
.bm-sv-col--new{background:linear-gradient(160deg,#0C4355,#3D6877);box-shadow:0 16px 40px rgba(12,67,85,.28);}
.bm-sv-col__label{font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin:0 0 18px;}
.bm-sv-col--old .bm-sv-col__label{color:#9CA3AF;}
.bm-sv-col--new .bm-sv-col__label{color:var(--bm-coral);}
.bm-sv-step{padding:14px 0;border-bottom:1px solid rgba(0,0,0,.06);}
.bm-sv-col--new .bm-sv-step{border-bottom-color:rgba(255,255,255,.1);}
.bm-sv-step:last-child{border-bottom:0;padding-bottom:0;}
.bm-sv-step b{display:block;font-family:var(--bm-font-heading);font-size:var(--bm-text-base);font-weight:700;margin-bottom:5px;}
.bm-sv-col--old .bm-sv-step b{color:#4B5563;}
.bm-sv-col--new .bm-sv-step b{color:#fff;}
.bm-sv-step span{display:block;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.6;}
.bm-sv-col--old .bm-sv-step span{color:#6B7280;}
.bm-sv-col--new .bm-sv-step span{color:rgba(255,255,255,.72);}
/* Collapsible depth.
   Content is rendered in the HTML and hidden with CSS, never loaded on
   click. Google indexes this normally under mobile-first indexing. */
.bm-sv-more{border-top:1px solid #E5E7EB;margin-top:28px;padding-top:8px;}
.bm-sv-more details{border-bottom:1px solid #E5E7EB;}
.bm-sv-more summary{list-style:none;cursor:pointer;padding:18px 40px 18px 0;position:relative;font-family:var(--bm-font-heading);font-size:var(--bm-text-base);font-weight:700;color:var(--bm-navy);}
.bm-sv-more summary::-webkit-details-marker{display:none;}
.bm-sv-more summary::after{content:"";position:absolute;right:6px;top:50%;width:11px;height:11px;margin-top:-6px;border-right:2px solid var(--bm-teal);border-bottom:2px solid var(--bm-teal);transform:rotate(45deg);transition:transform .25s ease;}
.bm-sv-more details[open] summary::after{transform:rotate(-135deg);}
.bm-sv-more .inner{padding:0 0 20px;}
.bm-sv-more .inner p{font-family:var(--bm-font-body);font-size:var(--bm-text-base);line-height:1.7;color:#4B5563;margin:0 0 14px;}
.bm-sv-more .inner p:last-child{margin-bottom:0;}
.bm-sv-more .inner a,.bm-sv-faq .inner a{color:var(--bm-teal);text-decoration:underline;text-underline-offset:2px;}

/* Related services - internal link hub, SEO critical */
.bm-sv-links{display:grid;grid-template-columns:1fr;gap:12px;margin-top:28px;}
@media (min-width:640px){.bm-sv-links{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1024px){.bm-sv-links{grid-template-columns:repeat(3,1fr);}}
.bm-sv-link{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:16px 18px;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;}
.bm-sv-link:hover{border-color:var(--bm-teal);box-shadow:var(--bm-shadow-md);transform:translateY(-2px);}
.bm-sv-link b{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:700;color:var(--bm-navy);flex:1;}
.bm-sv-link::after{content:"\2192";color:var(--bm-teal);font-weight:700;}

/* FAQ */
.bm-sv-faq details{background:#fff;border:1px solid #E5E7EB;border-radius:12px;margin-bottom:12px;}
.bm-sv-faq summary{list-style:none;cursor:pointer;padding:18px 46px 18px 20px;position:relative;font-family:var(--bm-font-heading);font-size:var(--bm-text-base);font-weight:700;color:var(--bm-navy);}
.bm-sv-faq summary::-webkit-details-marker{display:none;}
.bm-sv-faq summary::after{content:"";position:absolute;right:20px;top:50%;width:10px;height:10px;margin-top:-6px;border-right:2px solid var(--bm-teal);border-bottom:2px solid var(--bm-teal);transform:rotate(45deg);transition:transform .25s ease;}
.bm-sv-faq details[open] summary::after{transform:rotate(-135deg);}
.bm-sv-faq details[open]{border-color:var(--bm-teal);}
.bm-sv-faq .inner{padding:0 20px 20px;}
.bm-sv-faq .inner p{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.7;color:#4B5563;margin:0 0 12px;}
.bm-sv-faq .inner p:last-child{margin:0;}

/* Final CTA */
.bm-sv-final{background:linear-gradient(135deg,#0C4355 0%,#3D6877 100%);padding-block:72px;text-align:center;}
.bm-sv-final .bm-container{max-width:800px;}
.bm-sv-final h2{font-family:var(--bm-font-heading);font-size:clamp(1.75rem,3.4vw,2.5rem);font-weight:800;color:#fff;margin:0 0 12px;}
.bm-sv-final p{font-family:var(--bm-font-body);font-size:var(--bm-text-base);line-height:1.65;color:rgba(255,255,255,.78);margin:0 0 28px;}
.bm-sv-final__btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0;}
.bm-sv-final__btns a{display:inline-flex;align-items:center;gap:9px;padding:16px 30px;border-radius:999px;font-family:var(--bm-font-body);font-size:var(--bm-text-base);font-weight:700;text-decoration:none;transition:filter .15s ease;}
.bm-sv-final__btns a.primary{background:var(--bm-coral);color:var(--bm-navy);box-shadow:0 10px 24px rgba(234,149,138,.3);}
.bm-sv-final__btns a.wa{background:var(--bm-wa-green);color:#fff;box-shadow:0 10px 24px rgba(37,211,102,.28);}
.bm-sv-final__btns a.ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.22);}
.bm-sv-final__btns a:hover{filter:brightness(1.07);}

/* Mobile */
@media (max-width:640px){
  .bm-sv-hero{padding-block:40px!important;}
  .bm-sv-hero::after{display:none;}
  .bm-sv-section,.bm-sv-reviews{padding-block:44px!important;}
  .bm-sv-final{padding-block:52px!important;}
  .bm-sv-routes,.bm-sv-compare,.bm-sv-links{grid-template-columns:1fr!important;}
  .bm-sv-form{padding:22px!important;border-radius:18px!important;}
  .bm-sv-col{padding:22px!important;}
  .bm-sv-final__btns a{width:100%;justify-content:center;}
  .bm-sv-logos{gap:18px 26px;}
  .bm-sv-logos img{height:26px;}
}
/* ============================================================
   AESTHETIC ALIGNMENT
   Corrected after reading sell-for-cash.tsx properly. The first pass
   used a navy gradient hero; the actual pattern is a WHITE hero with a
   navy headline, a blue-50 pill, and a soft #F8F9FA form panel. These
   rules bring the service page in line with the other inner pages.
   ============================================================ */

/* 1. HERO: white, not navy. Matches .bm-phero on the other pages. */
.bm-sv-hero{background:#fff!important;padding-block:32px 80px!important;}
@media (min-width:1024px){.bm-sv-hero{padding-block:64px 112px!important;}}
.bm-sv-hero::after{display:none;}
.bm-sv-hero__grid{gap:48px!important;}
@media (min-width:1024px){.bm-sv-hero__grid{gap:80px!important;}}
/* Pill: blue-50 background, navy text, teal icon, text-sm bold */
.bm-sv__pill{background:#EFF6FF!important;border:0!important;color:var(--bm-navy)!important;font-size:var(--bm-text-sm)!important;font-weight:700!important;padding:6px 16px!important;margin-bottom:24px!important;}
.bm-sv__pill::before{background:none!important;width:16px;height:16px;background-size:contain;background-repeat:no-repeat;background-image:var(--i-clock);}
/* H1: navy, up to 64px, leading 1.1, mb-6 */
.bm-sv__h1{color:var(--bm-navy)!important;font-size:clamp(2.25rem,5vw,4rem)!important;line-height:1.1!important;margin-bottom:24px!important;}
.bm-sv__h2sub{color:var(--bm-teal)!important;font-size:clamp(1.125rem,2vw,1.375rem)!important;font-weight:700!important;margin-bottom:16px!important;}
/* Lede: text-lg gray-600 medium, mb-10 */
.bm-sv__lede{color:#4B5563!important;font-size:1.125rem!important;font-weight:500!important;line-height:1.625!important;margin-bottom:32px!important;}
.bm-sv-proof span{color:#4B5563!important;}
.bm-sv-proof span::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")!important;}
/* Form panel: soft grey with hairline border, NOT a floating white card */
.bm-sv-form{background:#F8F9FA!important;border:1px solid #F3F4F6!important;border-radius:16px!important;padding:24px!important;box-shadow:none!important;}
.bm-sv-form__head b{font-size:var(--bm-text-lg)!important;}
/* 2. SECTION RHYTHM: py-24 (96px), matching the other inner pages.
   Headings are centred, uppercase, tight tracking, with mb-16. */
.bm-sv-section{padding-block:96px!important;}
.bm-sv-reviews{padding-block:96px!important;}
.bm-sv-section .bm-sv__eyebrow,.bm-sv-section .bm-sv__h2{text-align:center;}
.bm-sv-section .bm-sv__body{margin-left:auto;margin-right:auto;text-align:center;}
.bm-sv__h2{font-size:clamp(2rem,4vw,3rem)!important;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:16px!important;}
.bm-sv__eyebrow{margin-bottom:14px!important;}
/* The two-column comparison and the link grid keep left-aligned body */
.bm-sv-col .bm-sv-step b,.bm-sv-col .bm-sv-step span{text-align:left;}

/* 3. CARDS: p-8, rounded-2xl, shadow-sm, hairline border. */
.bm-sv-route{border-radius:16px!important;box-shadow:var(--bm-shadow-sm)!important;border:1px solid #F3F4F6!important;}
.bm-sv-route:hover{box-shadow:var(--bm-shadow-lg)!important;}
.bm-sv-route__body{padding:32px!important;}
.bm-sv-route__top{padding:24px 32px!important;}
.bm-sv-route__desc,.bm-sv-route__for,.bm-sv-route li{font-weight:500;color:#4B5563!important;}
.bm-sv-route__title,.bm-sv-route__top h3{font-size:var(--bm-text-xl)!important;font-weight:700!important;}
.bm-sv-col{border-radius:16px!important;padding:32px!important;}
.bm-sv-col--new{box-shadow:var(--bm-shadow-lg)!important;}
.bm-sv-link{border-radius:16px!important;padding:20px 22px!important;box-shadow:var(--bm-shadow-sm);}
.bm-sv-faq details{border-radius:16px!important;box-shadow:var(--bm-shadow-sm);}

/* 4. NAVY SECTIONS carry the subtle dot texture used on Sell For Cash. */
.bm-sv-section--navy{position:relative;overflow:hidden;}
.bm-sv-section--navy::before{content:"";position:absolute;inset:0;opacity:.04;pointer-events:none;background-image:radial-gradient(circle at 1px 1px, #fff 1px, transparent 0);background-size:32px 32px;}
.bm-sv-section--navy .bm-container{position:relative;z-index:1;}
.bm-sv-final{position:relative;overflow:hidden;}
.bm-sv-final::before{content:"";position:absolute;inset:0;opacity:.05;pointer-events:none;background-image:radial-gradient(circle at 1px 1px, #fff 1px, transparent 0);background-size:32px 32px;}
.bm-sv-final .bm-container{position:relative;z-index:1;}

/* 5. TRUSTPILOT CAROUSEL, as used on the homepage */
.bm-sv-reviews .trustpilot-widget{max-width:1100px;margin:0 auto;}
/* ============================================================
   LAYOUT REVISION
   1. Hero: copy + form stacked LEFT, image RIGHT (matches the other
      inner pages, which all pair copy with an image).
   2. Section headings LEFT-aligned. The centred treatment came from one
      heading on Sell For Cash and is not the page-level pattern.
   3. Tick row forced onto a single line.
   4. Logo strip removed from below the fold; accreditations reappear
      lower down as a smaller trust note.
   ============================================================ */

/* 1. Hero: form sits under the copy, image to the right */
.bm-sv-hero__grid{align-items:center;}
.bm-sv-media{border-radius:24px;overflow:hidden;box-shadow:var(--bm-shadow-xl);aspect-ratio:4/3;}
.bm-sv-media img{width:100%;height:100%;object-fit:cover;display:block;}
.bm-sv-form{margin-top:28px;}

/* 3. Ticks on one line */
.bm-sv-proof{flex-wrap:nowrap!important;gap:24px!important;align-items:center;}
.bm-sv-proof span{white-space:nowrap;font-size:var(--bm-text-sm)!important;}
@media (max-width:900px){
  .bm-sv-proof{flex-wrap:wrap!important;gap:10px 18px!important;}
  .bm-sv-proof span{white-space:normal;font-size:var(--bm-text-xs)!important;}
}

/* 2. Left-aligned section headings, matching the other inner pages */
.bm-sv-section .bm-sv__eyebrow,.bm-sv-section .bm-sv__h2{text-align:left!important;}
.bm-sv-section .bm-sv__body{margin-left:0!important;margin-right:0!important;text-align:left!important;}
.bm-sv__h2{text-transform:none!important;letter-spacing:-.01em!important;font-size:clamp(1.75rem,3.4vw,2.5rem)!important;}
/* Reviews band stays centred, it is a full-width proof band */
.bm-sv-reviews .bm-sv__eyebrow,.bm-sv-reviews .bm-sv__h2,.bm-sv-reviews .bm-sv-reviews__intro{text-align:center!important;}

/* 4. Accreditation note, smaller and lower down */
.bm-sv-accred{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px 32px;margin-top:36px;padding-top:28px;border-top:1px solid rgba(255,255,255,.12);}
.bm-sv-accred img{height:38px;width:auto;opacity:.85;}
.bm-sv-accred p{width:100%;text-align:center;margin:0 0 4px;font-family:var(--bm-font-body);font-size:var(--bm-text-xs);color:rgba(255,255,255,.55);}
/* TWO-ROUTE GRID: two cards sit side by side, wider than the old three. */
.bm-sv-routes--two{max-width:960px;margin-inline:auto;}
@media (min-width:900px){.bm-sv-routes--two{grid-template-columns:repeat(2,1fr)!important;}}
/* Hero image sits flush with the form block below it */
.bm-sv-media{margin:0;}
/* HERO IMAGE SPEC - matched exactly to sell-for-cash.tsx:
     rounded-[2rem] = 32px radius (I had 24px)
     shadow-2xl     = 0 25px 50px -12px rgba(0,0,0,.25)
     aspect-[4/3], border border-gray-100
   That page uses items-center, but with the form stacked under the copy
   this column is far taller, so the image aligns to the TOP of the text
   block instead, level with the H1. */
.bm-sv-media{border-radius:32px!important;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)!important;border:1px solid #F3F4F6;aspect-ratio:4/3;}
@media (min-width:1024px){
  .bm-sv-hero__grid{align-items:start!important;}
  .bm-sv-media{margin-top:72px;}
}
/* HERO REASONS CARD
   Sits under the hero image so the two columns balance. Deliberately
   avoids repeating the tick row above it (offer in 24hrs / legal fees
   covered / any condition) - these are different points. */
.bm-sv-reasons{background:#F8F9FA;border:1px solid #F3F4F6;border-radius:16px;padding:24px;margin-top:20px;}
.bm-sv-reasons > b{display:block;font-family:var(--bm-font-heading);font-size:var(--bm-text-sm);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--bm-teal);margin-bottom:16px;}
.bm-sv-reason{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid #EDEFF2;}
.bm-sv-reason:last-child{border-bottom:0;padding-bottom:0;}
.bm-sv-reason:first-of-type{padding-top:0;}
.bm-sv-reason__ico{flex:0 0 38px;width:38px;height:38px;border-radius:10px;background-color:rgba(61,104,118,.09);background-repeat:no-repeat;background-position:center;background-size:19px 19px;}
.bm-sv-reason--1 .bm-sv-reason__ico{background-image:var(--i-shield);}
.bm-sv-reason--2 .bm-sv-reason__ico{background-image:var(--i-users);}
.bm-sv-reason--3 .bm-sv-reason__ico{background-image:var(--i-file);}
.bm-sv-reason b{display:block;font-family:var(--bm-font-heading);font-size:var(--bm-text-base);font-weight:700;color:var(--bm-navy);margin-bottom:3px;line-height:1.3;}
.bm-sv-reason span{display:block;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.55;color:#6B7280;}
@media (max-width:1023px){.bm-sv-reasons{margin-top:16px;}}
/* HERO STAT PAIR
   Replaces the reasons list under the hero image. Two white cards side by
   side using the standard shadow-md + hairline border treatment used across
   the rest of the site. */
.bm-sv-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px;}
.bm-sv-stat{background:#fff;border:1px solid #F3F4F6;border-radius:16px;padding:24px;box-shadow:var(--bm-shadow-md);transition:transform .25s ease,box-shadow .25s ease;}
.bm-sv-stat:hover{transform:translateY(-3px);box-shadow:var(--bm-shadow-lg);}
.bm-sv-stat__ico{width:36px;height:36px;border-radius:10px;background-color:rgba(61,104,118,.09);background-repeat:no-repeat;background-position:center;background-size:19px 19px;margin-bottom:14px;}
.bm-sv-stat--1 .bm-sv-stat__ico{background-image:var(--i-trending);}
.bm-sv-stat--2 .bm-sv-stat__ico{background-image:var(--i-users);}
.bm-sv-stat b{display:block;font-family:var(--bm-font-heading);font-size:1.75rem;font-weight:800;color:var(--bm-navy);line-height:1.05;margin-bottom:6px;}
.bm-sv-stat span{display:block;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.5;color:#6B7280;}
@media (max-width:640px){
  .bm-sv-stats{grid-template-columns:1fr;gap:12px;margin-top:16px;}
  .bm-sv-stat{padding:20px;}
  .bm-sv-stat b{font-size:1.5rem;}
}
/* HERO TESTIMONIAL OVERLAY
   A real, verified Trustpilot review floated over the bottom-left of the
   hero image, same pattern as the homepage hero badge.
   MOBILE: unpinned below 1024px so it sits under the image as a normal card.
   Negative offsets at 390px would push content off-screen. */
.bm-sv-media{position:relative;overflow:visible!important;}
.bm-sv-media img{border-radius:32px;}
.bm-sv-quote{background:#fff;border:1px solid #F3F4F6;border-radius:20px;padding:22px;box-shadow:0 20px 40px -12px rgba(0,0,0,.28);margin-top:20px;}
@media (min-width:1024px){.bm-sv-quote{position:absolute;left:-28px;bottom:-36px;width:330px;margin-top:0;z-index:3;}}
.bm-sv-quote__stars{display:flex;gap:2px;margin:0 0 12px;}
.bm-sv-quote__stars span{width:17px;height:17px;background:#00B67A;position:relative;display:block;}
.bm-sv-quote__stars span::after{content:"";position:absolute;inset:2px;background-size:contain;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");}
.bm-sv-quote__text{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.6;color:var(--bm-navy);margin:0 0 14px;font-weight:500;}
.bm-sv-quote__by{display:flex;align-items:center;gap:10px;margin:0;}
.bm-sv-quote__av{width:34px;height:34px;border-radius:999px;background:#E8563F;color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--bm-font-heading);font-size:var(--bm-text-sm);font-weight:800;flex:0 0 34px;}
.bm-sv-quote__by b{display:block;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:700;color:var(--bm-navy);line-height:1.2;}
.bm-sv-quote__by i{display:flex;align-items:center;gap:5px;font-style:normal;font-family:var(--bm-font-body);font-size:var(--bm-text-xs);color:#6B7280;margin-top:2px;}
.bm-sv-quote__by i::before{content:"\2713";color:#00B67A;font-weight:800;}
/* OVERLAY POSITION FIX
   The quote card was escaping its column because it sat OUTSIDE the figure
   and the figure was the only positioned ancestor. Figure and card are now
   wrapped in .bm-sv-mediawrap, which owns the positioning context. */
.bm-sv-mediawrap{position:relative;}
.bm-sv-media{position:static!important;overflow:hidden!important;margin:0;}
@media (min-width:1024px){
  .bm-sv-quote{position:absolute!important;left:-32px;bottom:-32px;right:auto;width:320px;margin:0!important;z-index:3;}
  /* leave room beneath the image so the card does not collide with the next section */
  .bm-sv-mediawrap{margin-bottom:48px;}
}
@media (max-width:1023px){
  .bm-sv-quote{position:static!important;width:auto;margin-top:20px!important;}
}
/* POSTCODE FORM MATCH  (home.tsx lines 95-103)
   The homepage hero form is BARE - no grey panel, no heading, no privacy
   note. Just a stacked input and button at max-w-lg. Matching it exactly:
     wrapper : w-full max-w-lg (512px), mb-6, gap-3 between fields
     input   : px-5 py-4, white, rounded-xl, border-gray-300, text-lg bold,
               uppercase, shadow-sm, teal focus ring
     button  : teal bg, navy on hover, white bold, px-8 py-4, rounded-xl,
               shadow-md, text-lg */
.bm-sv-form{background:none!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;max-width:512px;margin:0 0 24px!important;}
.bm-sv-form__head,.bm-sv-form__note{display:none!important;}
.bm-sv-form .gform_wrapper form{display:flex;flex-direction:column;gap:12px;}
.bm-sv-form .gform_fields{display:block!important;}
.bm-sv-form .gfield{margin:0!important;padding:0!important;}
.bm-sv-form .gfield_label,.bm-sv-form .gform_description,.bm-sv-form .gfield_required{display:none!important;}
.bm-sv-form input[type=text]{width:100%!important;padding:16px 20px!important;background:#fff!important;border:1px solid #D1D5DB!important;border-radius:12px!important;color:var(--bm-navy)!important;font-family:var(--bm-font-body)!important;font-size:1.125rem!important;font-weight:700!important;text-transform:uppercase;box-shadow:var(--bm-shadow-sm)!important;transition:border-color .2s ease,box-shadow .2s ease;}
.bm-sv-form input[type=text]::placeholder{color:#9CA3AF!important;font-weight:400!important;text-transform:none;}
.bm-sv-form input[type=text]:focus{outline:none!important;border-color:var(--bm-teal)!important;box-shadow:0 0 0 3px rgba(61,104,118,.2)!important;}
.bm-sv-form .gform_footer{margin:0!important;padding:0!important;}
.bm-sv-form input[type=submit],.bm-sv-form button[type=submit]{width:100%!important;background:var(--bm-teal)!important;color:#fff!important;font-family:var(--bm-font-body)!important;font-size:1.125rem!important;font-weight:700!important;padding:16px 32px!important;border:0!important;border-radius:12px!important;box-shadow:var(--bm-shadow-md)!important;cursor:pointer;transition:background .2s ease;}
.bm-sv-form input[type=submit]:hover,.bm-sv-form button[type=submit]:hover{background:var(--bm-navy)!important;}
/* Ticks sit BELOW the form on the homepage, not above it */
.bm-sv-proof{margin:0 0 24px!important;}
/* QUOTE ALIGNMENT
   The quote card overlaps the image and its BOTTOM edge lines up with the
   bottom of the postcode form opposite. Both columns are top-aligned, so
   pinning the card to the bottom of the media wrapper and giving the wrapper
   a matching height achieves this without JS. */
@media (min-width:1024px){
  .bm-sv-hero__grid{align-items:start!important;}
  .bm-sv-media{margin-top:0!important;}
  .bm-sv-mediawrap{margin-bottom:0!important;}
  /* Card overhangs the image bottom-left and sits level with the form foot */
  .bm-sv-quote{position:absolute!important;left:-40px;bottom:-56px;right:auto;width:340px;margin:0!important;z-index:3;}
  /* Room for the overhang so it does not clash with the reviews band */
  .bm-sv-hero{padding-bottom:120px!important;}
}
/* QUOTE OVERHANG
   The card now hangs almost entirely BELOW the image, with only its top edge
   clipping the image bottom. Using top:100% and a small negative translate
   rather than a bottom offset means the overlap stays constant regardless of
   how tall the card grows. */
@media (min-width:1024px){
  .bm-sv-quote{top:100%!important;bottom:auto!important;transform:translateY(-28px);left:-40px;}
  /* Extra room so the overhanging card clears the section below */
  .bm-sv-hero{padding-bottom:200px!important;}
}
/* HERO BOTTOM TIGHTEN
   200px was set to clear the overhanging quote card, but the card only
   overhangs by roughly its own height minus 28px. 130px clears it with a
   sensible gap and removes the dead space above the reviews band.
   The reviews section also loses some top padding, since the card already
   provides visual separation. */
@media (min-width:1024px){
  .bm-sv-hero{padding-bottom:130px!important;}
  .bm-sv-reviews{padding-top:64px!important;}
}
/* SITUATION CARDS
   Replaces the first accordion. Two stacked accordions read as repetitive,
   and these are the highest-intent items on the page (probate, repossession,
   tenanted) - each links to a service page, so burying them behind a click
   wasted them. The FAQ below stays an accordion, which suits ten items. */
.bm-sv-sits{display:grid;grid-template-columns:1fr;gap:20px;margin-top:32px;}
@media (min-width:640px){.bm-sv-sits{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1024px){.bm-sv-sits{grid-template-columns:repeat(3,1fr);}}
.bm-sv-sit{background:#fff;border:1px solid #F3F4F6;border-radius:16px;padding:26px;box-shadow:var(--bm-shadow-sm);display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.bm-sv-sit:hover{transform:translateY(-4px);box-shadow:var(--bm-shadow-lg);border-color:rgba(61,104,118,.35);}
.bm-sv-sit__ico{width:42px;height:42px;border-radius:12px;background-color:rgba(61,104,118,.09);background-repeat:no-repeat;background-position:center;background-size:21px 21px;margin-bottom:16px;}
.bm-sv-sit--1 .bm-sv-sit__ico{background-image:var(--i-home);}
.bm-sv-sit--2 .bm-sv-sit__ico{background-image:var(--i-users);}
.bm-sv-sit--3 .bm-sv-sit__ico{background-image:var(--i-shield);}
.bm-sv-sit--4 .bm-sv-sit__ico{background-image:var(--i-file);}
.bm-sv-sit--5 .bm-sv-sit__ico{background-image:var(--i-badge);}
.bm-sv-sit h3{font-family:var(--bm-font-heading);font-size:var(--bm-text-lg);font-weight:700;color:var(--bm-navy);margin:0 0 10px;line-height:1.3;}
.bm-sv-sit p{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.65;color:#4B5563;margin:0 0 14px;flex:1;}
.bm-sv-sit a{display:inline-flex;align-items:center;gap:6px;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:700;color:var(--bm-teal);text-decoration:none;margin-top:auto;transition:gap .2s ease;}
.bm-sv-sit a::after{content:"\2192";}
.bm-sv-sit a:hover{gap:11px;}
/* ---- wpcode snippet 13 ---- */
/* ===== BM / Team member ================================================= */
/* Department gradients (from team-member.tsx DEPT_GRADIENTS) */
.bm-tm--leadership{--bm-tm-grad:linear-gradient(145deg,#0C4355 0%,#1a5c70 100%)}
.bm-tm--sales{--bm-tm-grad:linear-gradient(145deg,#1a1a2e 0%,#0C4355 100%)}
.bm-tm--accounts{--bm-tm-grad:linear-gradient(145deg,#0C4355 0%,#3D6877 100%)}
.bm-tm--ops{--bm-tm-grad:linear-gradient(145deg,#1e3a3a 0%,#3D6877 100%)}
.bm-tm--consultants{--bm-tm-grad:linear-gradient(145deg,#2d1b4e 0%,#3D6877 100%)}

.bm-tm-hero,.bm-tm-body,.bm-tm-more{padding:0}
.bm-tm-hero>.bm-container,.bm-tm-body>.bm-container,.bm-tm-more>.bm-container{max-width:1024px;margin-inline:auto;padding-inline:16px}
@media(min-width:768px){.bm-tm-hero>.bm-container,.bm-tm-body>.bm-container,.bm-tm-more>.bm-container{padding-inline:32px}}

/* ---- HERO ---- */
.bm-tm-hero{background:var(--bm-tm-grad);padding:56px 0}
@media(min-width:768px){.bm-tm-hero{padding:80px 0}}
.bm-tm__crumb{display:flex;align-items:center;gap:8px;margin:0 0 32px;font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:500;color:rgba(255,255,255,.5)}
.bm-tm__crumb a{color:inherit;text-decoration:none;transition:color .2s}
.bm-tm__crumb a:hover{color:#fff}
.bm-tm__chev{width:12px;height:12px;flex:0 0 auto}
.bm-tm__pill{background:rgba(255,255,255,.15);color:rgba(255,255,255,.8);padding:4px 10px;border-radius:var(--bm-radius-pill);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;line-height:1.4}
.bm-tm-hero__inner{display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center}
@media(min-width:768px){.bm-tm-hero__inner{flex-direction:row;align-items:flex-end;text-align:left}}
.bm-tm-hero__photo{width:144px;height:144px;flex:0 0 auto;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.1);box-shadow:0 0 0 4px rgba(255,255,255,.2),var(--bm-shadow-2xl)}
@media(min-width:768px){.bm-tm-hero__photo{width:176px;height:176px}}
.bm-tm-hero__photo img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.bm-tm__role{font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.5);margin:0 0 8px}
.bm-tm__name{font-family:var(--bm-font-heading);font-size:var(--bm-text-4xl);font-weight:800;line-height:1.1;letter-spacing:var(--bm-tracking-tight);color:#fff;margin:0 0 16px}
@media(min-width:768px){.bm-tm__name{font-size:var(--bm-text-5xl)}}
.bm-tm__short{font-family:var(--bm-font-body);font-size:var(--bm-text-base);line-height:1.7;color:rgba(255,255,255,.7);max-width:36rem;margin:0}

/* ---- BODY ---- */
.bm-tm-body{padding:56px 0;background:var(--bm-white)}
.bm-tm-grid{display:grid;grid-template-columns:1fr;gap:48px}
@media(min-width:1024px){.bm-tm-grid{grid-template-columns:1fr 300px}}
.bm-tm-article h2{font-family:var(--bm-font-heading);font-size:var(--bm-text-2xl);font-weight:800;color:var(--bm-navy);margin:0 0 24px}
.bm-tm-article p{font-family:var(--bm-font-body);font-size:var(--bm-text-base);line-height:1.75;color:#4B5563;margin:0 0 20px}
.bm-tm-article p.lead{font-size:var(--bm-text-lg);font-weight:500;color:#374151}

/* ---- CTA ---- */
.bm-tm-cta{background:var(--bm-tm-grad);border-radius:var(--bm-radius-2xl);padding:32px;margin-top:40px}
.bm-tm-cta h3{font-family:var(--bm-font-heading);font-size:var(--bm-text-xl);font-weight:800;color:#fff;margin:0 0 8px}
.bm-tm-cta>p{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.6;color:rgba(255,255,255,.7);max-width:28rem;margin:0 0 20px}
.bm-tm-cta__btns{display:flex;flex-wrap:wrap;gap:12px;margin:0}
.bm-tm-cta__btns a{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--bm-radius-btn);font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:800;text-decoration:none;transition:background .2s,color .2s}
.bm-tm-cta__btns a svg{width:16px;height:16px;flex:0 0 auto}
.bm-tm-cta__btns a.tel{background:#fff;color:var(--bm-navy)}
.bm-tm-cta__btns a.tel:hover{background:var(--bm-navy);color:#fff}
.bm-tm-cta__btns a.wa{background:var(--bm-wa-green);color:#fff}
.bm-tm-cta__btns a.wa:hover{background:#20bb5a}
.bm-tm-cta__btns a.wa svg{fill:#fff}
.bm-tm-cta__btns a.offer{background:var(--bm-coral);color:var(--bm-navy)}
.bm-tm-cta__btns a.offer:hover{background:#fff}

/* ---- SIDEBAR ---- */
.bm-tm-side{display:flex;flex-direction:column;gap:20px}
.bm-tm-side__all{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #F3F4F6;border-radius:var(--bm-radius-lg);text-decoration:none;transition:background .2s}
.bm-tm-side__all:hover{background:#F9FAFB}
.bm-tm-side__all .ic{width:36px;height:36px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#F3F4F6;color:#6B7280;transition:background .2s,color .2s}
.bm-tm-side__all:hover .ic{background:rgba(61,104,118,.1);color:var(--bm-teal)}
.bm-tm-side__all .ic svg{width:16px;height:16px}
.bm-tm-side__all .tx{display:flex;flex-direction:column;font-family:var(--bm-font-body)}
.bm-tm-side__all .tx b{font-size:var(--bm-text-sm);font-weight:700;color:var(--bm-navy);transition:color .2s}
.bm-tm-side__all:hover .tx b{color:var(--bm-teal)}
.bm-tm-side__all .tx span{font-size:var(--bm-text-xs);color:#9CA3AF}
.bm-tm-side__dept{border:1px solid #F3F4F6;border-radius:var(--bm-radius-lg);padding:20px}
.bm-tm-side__label{font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#9CA3AF;margin:0 0 16px}
.bm-tm-side__dept a{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;text-decoration:none;transition:background .2s}
.bm-tm-side__dept a:hover{background:#F9FAFB}
.bm-tm-side__dept .av{width:40px;height:40px;flex:0 0 auto;border-radius:50%;overflow:hidden;background:#F3F4F6}
.bm-tm-side__dept .av img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.bm-tm-side__dept .tx{display:flex;flex-direction:column;min-width:0;font-family:var(--bm-font-body)}
.bm-tm-side__dept .tx b{font-size:var(--bm-text-sm);font-weight:700;color:var(--bm-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}
.bm-tm-side__dept a:hover .tx b{color:var(--bm-teal)}
.bm-tm-side__dept .tx span{font-size:var(--bm-text-xs);color:#9CA3AF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bm-tm-side__dept .ch{width:16px;height:16px;margin-left:auto;flex:0 0 auto;color:#D1D5DB;transition:color .2s}
.bm-tm-side__dept a:hover .ch{color:var(--bm-teal)}
.bm-tm-side__contact{border-radius:var(--bm-radius-lg);padding:20px;background:var(--bm-navy);color:#fff;font-family:var(--bm-font-body)}
.bm-tm-side__contact .ic{width:24px;height:24px;color:var(--bm-coral);display:block;margin-bottom:12px}
.bm-tm-side__contact b{display:block;font-family:var(--bm-font-heading);font-size:var(--bm-text-base);font-weight:800;margin-bottom:4px}
.bm-tm-side__contact>span{display:block;font-size:var(--bm-text-sm);line-height:1.6;color:rgba(255,255,255,.6);margin-bottom:16px}
.bm-tm-side__contact a{display:inline-flex;align-items:center;gap:8px;font-size:var(--bm-text-sm);font-weight:700;color:#fff;text-decoration:none;transition:color .2s}
.bm-tm-side__contact a:hover{color:var(--bm-coral)}
.bm-tm-side__contact a svg{width:16px;height:16px}

/* ---- MORE FROM DEPARTMENT ---- */
.bm-tm-more{padding:56px 0;background:#F9FAFB;border-top:1px solid #F3F4F6}
.bm-tm-more__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px}
.bm-tm-more__head h2{font-family:var(--bm-font-heading);font-size:var(--bm-text-2xl);font-weight:800;color:var(--bm-navy);margin:0}
.bm-tm-more__head a{display:inline-flex;align-items:center;gap:4px;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:700;color:var(--bm-teal);text-decoration:none;transition:gap .2s}
.bm-tm-more__head a:hover{gap:8px}
.bm-tm-more__head a svg{width:16px;height:16px}
.bm-tm-cards{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:640px){.bm-tm-cards{grid-template-columns:repeat(3,1fr)}}
.bm-tm-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid #F3F4F6;border-radius:var(--bm-radius-lg);padding:20px;text-decoration:none;transition:box-shadow .3s,transform .3s}
.bm-tm-card:hover{box-shadow:var(--bm-shadow-lg);transform:translateY(-4px)}
.bm-tm-card .av{width:80px;height:80px;border-radius:50%;overflow:hidden;background:#F3F4F6;margin-bottom:16px;transition:box-shadow .3s}
.bm-tm-card:hover .av{box-shadow:0 0 0 4px rgba(61,104,118,.2)}
.bm-tm-card .av img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .5s}
.bm-tm-card:hover .av img{transform:scale(1.05)}
.bm-tm-card .rl{font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--bm-teal);margin-bottom:4px}
.bm-tm-card b{font-family:var(--bm-font-heading);font-size:var(--bm-text-sm);font-weight:800;color:var(--bm-navy);margin-bottom:4px}
.bm-tm-card .rd{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:700;color:var(--bm-teal);transition:gap .2s}
.bm-tm-card:hover .rd{gap:8px}
.bm-tm-card .rd svg{width:12px;height:12px}


/* Team grid breathing room (Steve, 16 Sept). Cards were 20px padding with almost no space between role, name and bio, and the bio was clipping mid-line. */
.bm-members{gap:28px!important;}
.bm-member{padding:30px 26px!important;}
.bm-member__photo{margin-bottom:22px!important;}
.bm-member__role{margin:0 0 10px!important;}
.bm-member__name{margin:0 0 12px!important;}
.bm-member__bio{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0!important;min-height:4.3em;}
.bm-member__link{margin-top:22px!important;}

/* ---- wpcode snippet 14 ---- */
/* BM / Guide template
Styles for individual guide pages (guide-detail.tsx). Built for the
Leeds local guide first; the other 20 guides use the same classes, so
this file serves all of them.

Kept as its own snippet so the Guides work can be moved or disabled
independently of the main site pages. */

/* ---- HERO: photo with navy wash over it ---- */
.bm-gd-hero{position:relative;padding-block:64px;overflow:hidden;background-size:cover;background-position:center;}
.bm-gd-hero::before{content:"";position:absolute;inset:0;background:rgba(12,67,85,.7);}
.bm-gd-hero::after{content:"";position:absolute;width:160px;height:160px;border-radius:999px;border:1px solid rgba(255,255,255,.4);bottom:-32px;right:-32px;pointer-events:none;}
.bm-gd-hero .bm-container{position:relative;z-index:1;max-width:1152px;}
.bm-gd-hero__inner{max-width:768px;}
.bm-gd__crumb{font-family:var(--bm-font-body);font-size:var(--bm-text-xs);color:rgba(255,255,255,.6);margin:0 0 20px;}
.bm-gd__crumb a{color:rgba(255,255,255,.8);text-decoration:none;}
.bm-gd__cat{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff;font-family:var(--bm-font-body);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:999px;margin:0 0 20px;}
.bm-gd__title{font-family:var(--bm-font-heading);font-size:clamp(1.875rem,3.6vw,2.75rem);font-weight:800;line-height:1.15;color:#fff!important;margin:0 0 20px;}
.bm-gd__excerpt{font-family:var(--bm-font-body);font-size:1.0625rem;line-height:1.65;color:rgba(255,255,255,.8);margin:0 0 28px;}
.bm-gd__meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:0;}
.bm-gd__author{display:flex;align-items:center;gap:10px;}
.bm-gd__author img{width:40px;height:40px;border-radius:999px;object-fit:cover;object-position:top;border:2px solid rgba(255,255,255,.3);}
.bm-gd__author b{display:block;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:700;color:#fff;}
.bm-gd__author span{display:block;font-family:var(--bm-font-body);font-size:var(--bm-text-xs);color:rgba(255,255,255,.6);}
.bm-gd__stat{font-family:var(--bm-font-body);font-size:var(--bm-text-xs);color:rgba(255,255,255,.65);}
/* ---- BODY LAYOUT: article + sticky sidebar ---- */
.bm-gd-body{padding-block:56px;background:#fff;}
.bm-gd-body .bm-container{max-width:1152px;}
.bm-gd-grid{display:grid;grid-template-columns:1fr;gap:48px;align-items:start;}
@media (min-width:1024px){.bm-gd-grid{grid-template-columns:minmax(0,1fr) 320px;gap:64px;}}

/* Article typography */
.bm-gd-article{font-family:var(--bm-font-body);}
.bm-gd-article > p{font-size:1.0625rem;line-height:1.75;color:#374151;margin:0 0 24px;}
.bm-gd-article h2{font-family:var(--bm-font-heading);font-size:clamp(1.5rem,2.4vw,1.875rem);font-weight:800;line-height:1.25;color:var(--bm-navy);margin:44px 0 16px;}
.bm-gd-article h2:first-child{margin-top:0;}
.bm-gd-article .lead{font-size:1.125rem;line-height:1.7;color:#374151;}

/* Inline figures */
.bm-gd-fig{margin:32px 0;}
.bm-gd-fig img{width:100%;height:auto;display:block;border-radius:16px;box-shadow:var(--bm-shadow-lg);}
.bm-gd-fig figcaption{font-family:var(--bm-font-body);font-size:var(--bm-text-xs);line-height:1.5;color:#9CA3AF;margin-top:10px;}

/* Tip callout */
.bm-gd-tip{display:flex;gap:16px;background:rgba(61,104,118,.05);border:1px solid rgba(61,104,118,.2);border-radius:16px;padding:20px;margin:32px 0;}
.bm-gd-tip p{margin:0;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.65;color:var(--bm-navy);}

/* Checklist block */
.bm-gd-check{background:#F9FAFB;border-radius:16px;padding:24px;margin:32px 0;}
.bm-gd-check h3{font-family:var(--bm-font-heading);font-size:var(--bm-text-lg);font-weight:800;color:var(--bm-navy);margin:0 0 8px;}
.bm-gd-check > p{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);color:#6B7280;margin:0 0 16px;}
.bm-gd-check ul{list-style:none;padding:0;margin:0;display:grid;gap:12px;}
.bm-gd-check li{display:flex;align-items:flex-start;gap:10px;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.55;color:var(--bm-navy);}
.bm-gd-check li::before{content:"";flex:0 0 18px;width:18px;height:18px;margin-top:1px;background-size:contain;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 12.5l2.5 2.5L16 9.5'/%3E%3C/svg%3E");}

/* Pull quote */
.bm-gd-quote{border-left:4px solid var(--bm-coral);padding:8px 0 8px 24px;margin:36px 0;}
.bm-gd-quote p{font-family:var(--bm-font-body);font-size:1.0625rem;font-style:italic;line-height:1.7;color:var(--bm-navy);margin:0 0 10px;}
.bm-gd-quote cite{font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-style:normal;color:#9CA3AF;}
/* ---- SIDEBAR ---- */
@media (min-width:1024px){.bm-gd-side{position:sticky;top:100px;}}
.bm-gd-cap{background:var(--bm-navy);border-radius:16px;overflow:hidden;margin-bottom:24px;}
.bm-gd-cap__head{padding:20px 24px;}
.bm-gd-cap__head b{display:block;font-family:var(--bm-font-heading);font-size:var(--bm-text-base);font-weight:800;color:#fff;margin-bottom:6px;}
.bm-gd-cap__head span{display:block;font-family:var(--bm-font-body);font-size:var(--bm-text-xs);line-height:1.5;color:rgba(255,255,255,.65);}
.bm-gd-cap__form{background:rgba(255,255,255,.06);padding:20px 24px;border-top:1px solid rgba(255,255,255,.1);}
.bm-gd-cap__form input{width:100%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);border-radius:10px;padding:11px 14px;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);color:#fff;margin-bottom:10px;}
.bm-gd-cap__form input::placeholder{color:rgba(255,255,255,.45);}
.bm-gd-cap__form a{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--bm-coral);color:var(--bm-navy);font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:800;padding:12px;border-radius:10px;text-decoration:none;}

/* Related guides list */
.bm-gd-rel{background:#fff;border:1px solid #F3F4F6;border-radius:16px;padding:20px;box-shadow:var(--bm-shadow-sm);}
.bm-gd-rel > b{display:block;font-family:var(--bm-font-body);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9CA3AF;margin-bottom:14px;}
.bm-gd-rel a{display:flex;align-items:center;gap:12px;padding:8px;border-radius:10px;text-decoration:none;transition:background .15s ease;}
.bm-gd-rel a:hover{background:#F9FAFB;}
.bm-gd-rel .sw{width:44px;height:44px;border-radius:10px;flex:0 0 44px;}
.bm-gd-rel .sw--1{background:linear-gradient(145deg,#0C4355,#083446);}
.bm-gd-rel .sw--2{background:linear-gradient(145deg,#3D6877,#2a5a6e);}
.bm-gd-rel .sw--3{background:linear-gradient(145deg,#5a3d77,#432d5a);}
.bm-gd-rel .tx b{display:block;font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:700;line-height:1.4;color:var(--bm-navy);}
.bm-gd-rel .tx span{display:block;font-family:var(--bm-font-body);font-size:10px;color:#9CA3AF;margin-top:2px;}
.bm-gd-rel__all{display:block;text-align:center;margin-top:14px;font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:700;color:var(--bm-teal);text-decoration:none;}

/* ---- CTA BAND ---- */
.bm-gd-cta{background:linear-gradient(145deg,#0C4355 0%,#3D6877 100%);border-radius:24px;padding:36px;margin-top:44px;}
.bm-gd-cta h3{font-family:var(--bm-font-heading);font-size:var(--bm-text-2xl);font-weight:800;color:#fff;margin:0 0 10px;}
.bm-gd-cta p{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.6;color:rgba(255,255,255,.75);margin:0 0 24px;}
.bm-gd-cta__btns{display:flex;flex-wrap:wrap;gap:12px;margin:0;}
.bm-gd-cta__btns a{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:12px;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:800;text-decoration:none;}
.bm-gd-cta__btns a.primary{background:var(--bm-coral);color:var(--bm-navy);}
.bm-gd-cta__btns a.wa{background:var(--bm-wa-green);color:#fff;}

/* ---- KEEP READING ---- */
.bm-gd-more{background:#F9FAFB;border-top:1px solid #F3F4F6;padding-block:56px;}
.bm-gd-more .bm-container{max-width:1152px;}
.bm-gd-more__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px;}
.bm-gd-more__head h2{font-family:var(--bm-font-heading);font-size:var(--bm-text-2xl);font-weight:800;color:var(--bm-navy);margin:0;}
.bm-gd-more__head a{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:700;color:var(--bm-teal);text-decoration:none;}
.bm-gd-cards{display:grid;grid-template-columns:1fr;gap:20px;}
@media (min-width:768px){.bm-gd-cards{grid-template-columns:repeat(3,1fr);}}
.bm-gd-card{position:relative;border-radius:16px;overflow:hidden;height:200px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;transition:transform .3s ease;}
.bm-gd-card:hover{transform:translateY(-4px);}
.bm-gd-card--1{background:linear-gradient(145deg,#3D6877,#2a5a6e);}
.bm-gd-card--2{background:linear-gradient(145deg,#0C4355,#083446);}
.bm-gd-card--3{background:linear-gradient(145deg,#5a3d77,#432d5a);}
.bm-gd-card__cat{position:absolute;top:20px;left:24px;font-family:var(--bm-font-body);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.85);background:rgba(255,255,255,.18);padding:4px 10px;border-radius:999px;}
.bm-gd-card b{font-family:var(--bm-font-heading);font-size:var(--bm-text-base);font-weight:800;line-height:1.35;color:#fff;}
.bm-gd-card span{font-family:var(--bm-font-body);font-size:10px;color:rgba(255,255,255,.6);margin-top:6px;}
/* ---- HERO BACKGROUNDS (one per location guide) ----
Kept in CSS rather than an inline style, because inline styles on a
group block make the block invalid in the editor. */
.bm-gd-hero--leeds{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/08/leeds-city-hero.jpg);}
.bm-gd-hero--manchester{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/08/manchester-city-hero.jpg);}
.bm-gd-hero--sheffield{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/08/sheffield-city-hero.jpg);}
.bm-gd-hero--birmingham{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/08/birmingham-city-hero.jpg);}
.bm-gd-hero--liverpool{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/08/liverpool-city-hero.jpg);}
.bm-gd-hero--london{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/08/london-city-hero.jpg);}
.bm-gd-hero--bristol{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/08/bristol-city-hero.jpg);}
.bm-gd-hero--nottingham{background-image:url(https://www.bettermove.co.uk/wp-content/uploads/2026/08/nottingham-city-hero.jpg);}
/* --- GD CORRECTIONS (line-by-line vs guide-detail.tsx) ---
1. Hero padding is py-14 md:py-20 (56/80px), I had 64 flat.
2. H1 is text-3xl md:text-5xl (30/48px) leading-tight, not 44px max.
3. Excerpt is text-lg (18px) white/70, capped at max-w-2xl (672px).
4. Breadcrumb is white/50 text-xs with the CATEGORY as a coloured pill
INSIDE it, mb-8. I had the pill on its own line.
5. Author avatar has ring-2 ring-white/20, not a 2px solid border.
6. Hero content capped at max-w-3xl (768px). */
.bm-gd-hero{padding-block:56px!important;}
@media (min-width:768px){.bm-gd-hero{padding-block:80px!important;}}
.bm-gd__title{font-size:clamp(1.875rem,4vw,3rem)!important;line-height:1.25!important;margin-bottom:20px!important;}
.bm-gd__excerpt{font-size:1.125rem!important;line-height:1.625!important;color:rgba(255,255,255,.7)!important;margin-bottom:32px!important;max-width:672px;}
.bm-gd__crumb{display:flex;align-items:center;gap:8px;font-size:var(--bm-text-xs)!important;font-weight:500;color:rgba(255,255,255,.5)!important;margin-bottom:32px!important;}
.bm-gd__cat{margin:0!important;padding:2px 8px!important;font-size:10px!important;letter-spacing:.06em;}
.bm-gd__author img{border:0!important;box-shadow:0 0 0 2px rgba(255,255,255,.2);}
.bm-gd__meta{gap:20px!important;}
.bm-gd__author{gap:10px!important;}

/* Body: intro paragraph is text-lg medium gray-700, the rest text-base
gray-600. I had everything at 17px gray-700. */
.bm-gd-article > p{font-size:var(--bm-text-base)!important;color:#4B5563!important;line-height:1.625!important;}
.bm-gd-article > p.lead{font-size:1.125rem!important;font-weight:500!important;color:#374151!important;}
/* Quote is text-xl heading font, BOLD and italic, not body italic */
.bm-gd-quote p{font-family:var(--bm-font-heading)!important;font-size:var(--bm-text-xl)!important;font-weight:700!important;line-height:1.375!important;font-style:italic;color:var(--bm-navy)!important;}
/* Tip body is text-sm MEDIUM navy */
.bm-gd-tip p{font-weight:500!important;}
/* Figure captions are 10px CENTRED grey */
.bm-gd-fig figcaption{font-size:10px!important;text-align:center;color:#9CA3AF!important;margin-top:10px!important;}
/* CTA band uses the guide gradient and rounded-3xl (24px), mt-12 */
.bm-gd-cta{border-radius:24px!important;margin-top:48px!important;background:linear-gradient(145deg,#0C4355 0%,#3D6877 60%,#1a5c70 100%)!important;}
.bm-gd-cta h3{font-size:clamp(1.5rem,2.6vw,1.875rem)!important;line-height:1.375!important;margin-bottom:12px!important;}
/* Related guides label is tracking-widest gray-400 */
.bm-gd-rel > b{letter-spacing:.1em!important;color:#9CA3AF!important;margin-bottom:16px!important;}
/* --- AUTHOR LINK ---
The byline links to that team member’s profile. Underline suppressed so
it reads as a byline, with a subtle hover to show it is clickable. */
a.bm-gd__author{text-decoration:none;transition:opacity .2s ease;}
a.bm-gd__author:hover{opacity:.8;}
a.bm-gd__author:hover b{text-decoration:underline;}
.bm-gd__crumb .chev{color:rgba(255,255,255,.4);}
.bm-gd__crumb a{text-decoration:none;transition:color .2s ease;}
.bm-gd__crumb a:hover{color:#fff;}
/* ---- GUIDES HUB ---- */
.bm-gh-hero{background:linear-gradient(145deg,#0C4355 0%,#3D6877 100%);padding-block:64px;}
@media (min-width:768px){.bm-gh-hero{padding-block:80px;}}
.bm-gh-hero .bm-container{max-width:1152px;}
.bm-gh__pill{display:inline-flex;align-items:center;gap:8px;background:rgba(234,149,138,.2);color:var(--bm-coral);font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin:0 0 20px;width:fit-content;}
.bm-gh__title{font-family:var(--bm-font-heading);font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15;color:#fff!important;margin:0 0 16px;}
.bm-gh__title .bm-accent{color:#7dd3c8;}
.bm-gh__sub{font-family:var(--bm-font-body);font-size:1.0625rem;line-height:1.6;color:rgba(255,255,255,.7);max-width:640px;margin:0 0 28px;}
.bm-gh__filters{display:flex;flex-wrap:wrap;gap:8px;margin:0;}
.bm-gh__filter{display:inline-flex;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.85);font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:600;padding:8px 16px;border-radius:999px;text-decoration:none;transition:background .2s ease;}
.bm-gh__filter:hover{background:rgba(255,255,255,.18);color:#fff;}
.bm-gh__filter.is-active{background:#fff;color:var(--bm-navy);border-color:#fff;}

.bm-gh-list{background:#fff;padding-block:56px;}
.bm-gh-list .bm-container,.bm-gh-local .bm-container{max-width:1152px;}
.bm-gh__label{font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9CA3AF;margin:0 0 20px;}
.bm-gh-feats{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:44px;}
@media (min-width:768px){.bm-gh-feats{grid-template-columns:repeat(2,1fr);}}
.bm-gh-grid{display:grid;grid-template-columns:1fr;gap:20px;}
@media (min-width:640px){.bm-gh-grid{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1024px){.bm-gh-grid{grid-template-columns:repeat(3,1fr);}}

.bm-gh-feat,.bm-gh-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;border-radius:16px;padding:24px;text-decoration:none;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;box-shadow:var(--bm-shadow-md);}
.bm-gh-feat:hover,.bm-gh-card:hover{transform:translateY(-4px);box-shadow:var(--bm-shadow-xl);}
.bm-gh-feat{min-height:230px;}
.bm-gh-card{min-height:170px;}
.bm-gh__cat{position:absolute;top:20px;left:24px;font-family:var(--bm-font-body);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px;}
.bm-gh-feat b,.bm-gh-card b{font-family:var(--bm-font-heading);font-weight:800;line-height:1.3;color:#fff;}
.bm-gh-feat b{font-size:1.25rem;margin-bottom:10px;}
.bm-gh-card b{font-size:var(--bm-text-base);margin-bottom:10px;}
.bm-gh-feat p{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.55;color:rgba(255,255,255,.75);margin:0 0 12px;}
.bm-gh__meta{font-family:var(--bm-font-body);font-size:11px;color:rgba(255,255,255,.55);}
.bm-gh--buying{background:linear-gradient(145deg,#1e3a8a,#0C4355);}
.bm-gh--selling{background:linear-gradient(145deg,#3D6877,#2a5a6e);}
.bm-gh--moving{background:linear-gradient(145deg,#065F46,#064e3b);}
.bm-gh--solicitors{background:linear-gradient(145deg,#3730A3,#312e81);}
.bm-gh--deposit{background:linear-gradient(145deg,#9A3412,#7c2d12);}
.bm-gh--advice{background:linear-gradient(145deg,#0C4355,#083446);}
.bm-gh--comparison{background:linear-gradient(145deg,#9F1239,#881337);}
.bm-gh--market{background:linear-gradient(145deg,#374151,#1f2937);}
.bm-gh--local{background:linear-gradient(145deg,#155E75,#0e4a5c);}
.bm-gh--buying .bm-gh__cat{background:#DBEAFE;color:#1E40AF;}
.bm-gh--selling .bm-gh__cat{background:#CCFBF1;color:#115E59;}
.bm-gh--moving .bm-gh__cat{background:#D1FAE5;color:#065F46;}
.bm-gh--solicitors .bm-gh__cat{background:#E0E7FF;color:#3730A3;}
.bm-gh--deposit .bm-gh__cat{background:#FFEDD5;color:#9A3412;}
.bm-gh--advice .bm-gh__cat{background:#F3E8FF;color:#6B21A8;}
.bm-gh--comparison .bm-gh__cat{background:#FFE4E6;color:#9F1239;}
.bm-gh--market .bm-gh__cat{background:#F3F4F6;color:#374151;}
.bm-gh--local .bm-gh__cat{background:#CFFAFE;color:#155E75;}

/* Local guide city cards (map replaced with cards for now) */
.bm-gh-local{background:#F8F9FA;padding-block:56px;border-top:1px solid #F3F4F6;}
.bm-gh__h2{font-family:var(--bm-font-heading);font-size:clamp(1.5rem,2.6vw,2rem);font-weight:800;color:var(--bm-navy);margin:0 0 10px;}
.bm-gh__intro{font-family:var(--bm-font-body);font-size:var(--bm-text-base);color:#6B7280;margin:0 0 28px;max-width:640px;}
.bm-gh-cities{display:grid;grid-template-columns:1fr;gap:16px;}
@media (min-width:640px){.bm-gh-cities{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1024px){.bm-gh-cities{grid-template-columns:repeat(4,1fr);}}
.bm-gh-city{display:flex;flex-direction:column;background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:20px;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease;}
.bm-gh-city:hover{border-color:var(--bm-teal);box-shadow:var(--bm-shadow-md);}
.bm-gh-city b{font-family:var(--bm-font-heading);font-size:var(--bm-text-lg);font-weight:800;color:var(--bm-navy);}
.bm-gh-city .tag{font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:700;color:var(--bm-teal);margin:2px 0 8px;}
.bm-gh-city .tl{font-family:var(--bm-font-body);font-size:var(--bm-text-xs);line-height:1.5;color:#6B7280;}
/* --- GH CORRECTIONS (line-by-line vs guides-hub.tsx) ---
Cards are FIXED height (340px featured / 260px standard) with radii of
24px and 16px. Featured sit 2-across at lg only. Titles turn coral on
hover, excerpts clamp to 2 lines, and each card carries the decorative
outlined circle used elsewhere in the design. */
.bm-gh__pill{padding:6px 12px!important;margin-bottom:20px!important;}
.bm-gh__title{font-size:clamp(2.25rem,4vw,3rem)!important;line-height:1.25!important;margin-bottom:16px!important;}
.bm-gh__sub{font-size:1.125rem!important;max-width:672px!important;margin-bottom:32px!important;}
.bm-gh__filter{font-size:var(--bm-text-sm)!important;font-weight:700!important;padding:8px 16px!important;}
.bm-gh__filter.is-active{box-shadow:var(--bm-shadow-sm);}
.bm-gh-feat{height:340px!important;min-height:0!important;border-radius:24px!important;}
.bm-gh-card{height:260px!important;min-height:0!important;border-radius:16px!important;}
@media (min-width:1024px){.bm-gh-feats{grid-template-columns:repeat(2,1fr)!important;}}
@media (max-width:1023px){.bm-gh-feats{grid-template-columns:1fr!important;}}
.bm-gh-feat b{font-size:1.5rem!important;line-height:1.375!important;transition:color .2s ease;}
.bm-gh-card b{transition:color .2s ease;}
.bm-gh-feat:hover b,.bm-gh-card:hover b{color:var(--bm-coral)!important;}
.bm-gh-feat p{color:rgba(255,255,255,.6)!important;margin-bottom:20px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.bm-gh__meta{color:rgba(255,255,255,.4)!important;font-size:var(--bm-text-xs)!important;}
.bm-gh-feat::after,.bm-gh-card::after{content:"";position:absolute;width:160px;height:160px;border-radius:999px;border:1px solid rgba(255,255,255,.4);top:-48px;right:-48px;pointer-events:none;}
/* --- VERDICT + TABLE ---
Used by the comparison and advice guides. Verdict is the summary panel
that opens those articles; table is the side-by-side comparison. */
.bm-gd-verdict{background:#F8F9FA;border-left:4px solid var(--bm-teal);border-radius:0 12px 12px 0;padding:24px 28px;margin:0 0 32px;}
.bm-gd-verdict p{margin:0;font-family:var(--bm-font-body);font-size:1.0625rem;line-height:1.7;color:var(--bm-navy);}
.bm-gd-table{margin:32px 0;overflow-x:auto;}
.bm-gd-table h3{font-family:var(--bm-font-heading);font-size:var(--bm-text-lg);font-weight:800;color:var(--bm-navy);margin:0 0 16px;}
.bm-gd-table table{width:100%;border-collapse:collapse;min-width:520px;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);border:1px solid #E5E7EB;border-radius:12px;overflow:hidden;}
.bm-gd-table th{text-align:left;padding:14px 16px;font-weight:800;color:#fff;background:var(--bm-navy);}
.bm-gd-table th:first-child{width:38%;}
.bm-gd-table th:last-child{background:var(--bm-teal);}
.bm-gd-table td{padding:13px 16px;border-bottom:1px solid #F3F4F6;color:#4B5563;vertical-align:top;}
.bm-gd-table td:first-child{font-weight:600;color:var(--bm-navy);}
.bm-gd-table td:last-child{background:rgba(61,104,118,.04);font-weight:600;color:var(--bm-navy);}
.bm-gd-table tr:last-child td{border-bottom:0;}
@media (max-width:640px){.bm-gd-table table{font-size:var(--bm-text-xs);min-width:460px;}}
/* Dated note under comparison tables. Competitor figures move, so every
table carries a "correct as at" line. */
.bm-gd-asat{font-family:var(--bm-font-body);font-size:12px;line-height:1.5;color:#9CA3AF;margin:10px 0 0;font-style:italic;}
/* ---- wpcode snippet 15 ---- */
/* BM / Inner pages (v1)
Shared styles for the service pages. Kept separate from the homepage
snippets so each file stays a workable size, and so inner-page work
cannot disturb the homepage.

Anything here that needs to beat a homepage rule must be MORE
SPECIFIC - WPCode does not guarantee snippet order. */

/* --- Page hero: copy left, image right --- */
.bm-phero{padding-block:32px 80px;background:var(--bm-white);}
@media (min-width:1024px){.bm-phero{padding-block:64px 112px;}}
.bm-phero__grid{display:grid;grid-template-columns:1fr;gap:48px;align-items:center;}
.bm-phero__grid > .wp-block-group__inner-container{display:contents!important;}
@media (min-width:1024px){.bm-phero__grid{grid-template-columns:1fr 1fr;gap:80px;}}
.bm-phero__content > .wp-block-group__inner-container{display:contents!important;}

/* Pill badge above the headline */
.bm-pill{display:inline-flex;align-items:center;gap:8px;background:#EFF6FF;color:var(--bm-navy);border-radius:999px;padding:6px 16px;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:700;margin:0 0 24px;width:fit-content;}

.bm-phero__title{font-family:var(--bm-font-heading);font-size:clamp(2.25rem,5vw,4rem);font-weight:800;line-height:1.1;letter-spacing:var(--bm-tracking-tight);color:var(--bm-navy);margin:0 0 24px;}
.bm-phero__sub{font-family:var(--bm-font-body);font-size:1.125rem;font-weight:500;line-height:1.625;color:#4B5563;margin:0 0 40px;}

/* Form panel */
.bm-phero__form{background:#F8F9FA;border:1px solid #F3F4F6;border-radius:16px;padding:24px;}
.bm-phero__form > .wp-block-group__inner-container{display:block!important;}
.bm-phero__form .gform_wrapper{margin:0;}
.bm-phero__form .gform_wrapper .gfield{margin-bottom:16px;}
.bm-phero__form .gform_wrapper input[type=text]{width:100%;background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:16px;font-family:var(--bm-font-body);font-weight:700;color:var(--bm-navy);text-transform:uppercase;}
.bm-phero__form .gform_wrapper input[type=text]::placeholder{color:#9CA3AF;}
.bm-phero__form .gform_wrapper input:focus{outline:none;border-color:var(--bm-teal);box-shadow:0 0 0 2px rgba(61,104,118,.3);}
.bm-phero__form .gform_wrapper .gform_footer{margin:0;padding:0;}
.bm-phero__form .gform_wrapper .gform_footer input[type=submit],
.bm-phero__form .gform_wrapper .gform_footer button{width:100%;background:var(--bm-teal);color:#fff;border:0;border-radius:12px;padding:16px;font-family:var(--bm-font-body);font-size:var(--bm-text-base);font-weight:700;cursor:pointer;box-shadow:0 10px 15px -3px rgba(61,104,118,.2);transition:background .2s ease;}
.bm-phero__form .gform_wrapper .gform_footer input[type=submit]:hover,
.bm-phero__form .gform_wrapper .gform_footer button:hover{background:var(--bm-navy);}
.bm-phero__form .gform_wrapper .ginput_complex > span{padding-inline:0!important;}

/* Hero image */
.bm-phero__media figure{margin:0;border-radius:32px;overflow:hidden;box-shadow:var(--bm-shadow-2xl);border:1px solid #F3F4F6;aspect-ratio:4/3;}
.bm-phero__media img{width:100%;height:100%;object-fit:cover;display:block;}

/* --- Numbered step cards (4 across) --- */
.bm-section--steps4{background:#F8F9FA;border-top:1px solid #F3F4F6;padding-block:96px;}
.bm-steps4{display:grid;grid-template-columns:1fr;gap:32px;max-width:1152px;margin-inline:auto;}
.bm-steps4 > .wp-block-group__inner-container{display:contents!important;}
@media (min-width:768px){.bm-steps4{grid-template-columns:repeat(4,1fr);}}
.bm-step4{background:#fff;border:1px solid #F3F4F6;border-radius:16px;padding:32px;box-shadow:var(--bm-shadow-sm);}
.bm-step4 > .wp-block-group__inner-container{display:block!important;}
.bm-step4 .container-xl{display:block!important;padding:0!important;margin:0!important;max-width:none!important;}
.bm-step4__num{font-family:var(--bm-font-heading);font-size:var(--bm-text-lg);font-weight:800;color:var(--bm-teal);margin:0 0 16px;}
.bm-step4__title{font-family:var(--bm-font-heading);font-size:var(--bm-text-xl);font-weight:700;color:var(--bm-navy);margin:0 0 12px;}
.bm-step4__text{font-family:var(--bm-font-body);font-size:var(--bm-text-base);font-weight:500;color:#4B5563;margin:0;}

/* --- Price promise: navy band with dotted texture --- */
.bm-section--promise{background:var(--bm-navy);padding-block:96px;position:relative;overflow:hidden;}
.bm-section--promise::before{content:"";position:absolute;inset:0;opacity:.04;background-image:radial-gradient(circle at 1px 1px,#fff 1px,transparent 0);background-size:32px 32px;pointer-events:none;}
.bm-section--promise .bm-container{max-width:1024px;position:relative;z-index:1;}
.bm-promise__eyebrow{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--bm-coral);text-align:center;margin:0 0 12px;}
.bm-promise__title{font-family:var(--bm-font-heading);font-size:clamp(2.25rem,4vw,3rem);font-weight:800;line-height:1.15;color:var(--bm-white)!important;text-align:center;margin:0 0 20px;}
.bm-promise__sub{font-family:var(--bm-font-body);font-size:1.25rem;line-height:1.625;color:rgba(255,255,255,.7);text-align:center;max-width:672px;margin:0 auto 48px;}
.bm-pillars{display:grid;grid-template-columns:1fr;gap:20px;}
.bm-pillars > .wp-block-group__inner-container{display:contents!important;}
@media (min-width:768px){.bm-pillars{grid-template-columns:repeat(3,1fr);}}
.bm-pillar{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:24px;}
.bm-pillar > .wp-block-group__inner-container{display:block!important;}
.bm-pillar .container-xl{display:block!important;padding:0!important;margin:0!important;max-width:none!important;}
.bm-pillar__title{font-family:var(--bm-font-heading);font-size:var(--bm-text-lg);font-weight:700;color:var(--bm-white)!important;margin:0 0 8px;}
.bm-pillar__text{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.55;color:rgba(255,255,255,.7);margin:0;}
/* --- STEPS 5-ACROSS (Sell to Investors) ---
Same card as the 4-across variant, different column count. Drops to
3 then 1 rather than jumping straight to a stack. */
.bm-steps5{display:grid;grid-template-columns:1fr;gap:24px;max-width:1152px;margin-inline:auto;}
.bm-steps5 > .wp-block-group__inner-container{display:contents!important;}
@media (min-width:640px){.bm-steps5{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1024px){.bm-steps5{grid-template-columns:repeat(5,1fr);gap:20px;}}
@media (min-width:1024px){.bm-steps5 .bm-step4{padding:24px;}}
.bm-section--steps5{background:#F8F9FA;border-top:1px solid #F3F4F6;padding-block:96px;}
.bm-section--steps5 .bm-section-intro{margin-bottom:64px;}
/* --- STATS BAND (navy strip of reassurance points) --- */
.bm-section--stats{background:var(--bm-navy);padding-block:24px;}
.bm-stats{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 40px;}
.bm-stats > .wp-block-group__inner-container{display:contents!important;}
.bm-stats p{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:600;color:rgba(255,255,255,.9);}
.bm-stats p::before{content:"";flex:0 0 16px;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237DD3C8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;}

/* --- TWO-ROUTE COMPARISON (lighter than the homepage route cards) --- */
.bm-section--compare{background:#F8F9FA;border-top:1px solid #F3F4F6;padding-block:96px;}
.bm-compare{display:grid;grid-template-columns:1fr;gap:24px;max-width:1024px;margin-inline:auto;}
.bm-compare > .wp-block-group__inner-container{display:contents!important;}
@media (min-width:768px){.bm-compare{grid-template-columns:repeat(2,1fr);}}
.bm-cmp{background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:32px;box-shadow:var(--bm-shadow-sm);}
.bm-cmp > .wp-block-group__inner-container{display:block!important;}
.bm-cmp .container-xl{display:block!important;padding:0!important;margin:0!important;max-width:none!important;}
.bm-cmp__badge{display:inline-flex;width:fit-content;border-radius:999px;padding:5px 12px;font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin:0 0 16px;}
.bm-cmp--cash .bm-cmp__badge{background:var(--bm-coral);color:var(--bm-navy);}
.bm-cmp--investor .bm-cmp__badge{background:var(--bm-mint);color:var(--bm-navy);}
.bm-cmp__title{font-family:var(--bm-font-heading);font-size:var(--bm-text-2xl);font-weight:800;color:var(--bm-navy);margin:0 0 8px;}
.bm-cmp__text{font-family:var(--bm-font-body);font-size:var(--bm-text-base);line-height:1.625;color:#4B5563;margin:0 0 20px;}
.bm-cmp ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;}
.bm-cmp li{display:flex;align-items:flex-start;gap:10px;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.45;color:var(--bm-navy);}
.bm-cmp li::before{content:"";flex:0 0 16px;width:16px;height:16px;margin-top:2px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;}
/* --- HERO IMAGE STAT STRIP --- */
.bm-phero__media{position:relative;}
.bm-hstats{position:absolute;left:24px;right:24px;bottom:24px;z-index:2;display:flex;align-items:center;justify-content:center;gap:16px;background:rgba(255,255,255,.95);border:1px solid #F3F4F6;border-radius:16px;padding:16px;box-shadow:var(--bm-shadow-lg);}
.bm-hstat{text-align:center;}
.bm-hstat b{display:block;font-family:var(--bm-font-heading);font-size:1.5rem;font-weight:800;color:var(--bm-teal);line-height:1.1;}
.bm-hstat span{display:block;font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:500;color:#6B7280;margin-top:2px;}
.bm-hstats i{width:1px;height:40px;background:#E5E7EB;display:block;}

/* --- ROUTE CARDS v2: coloured header, white body, button at foot --- */
.bm-routes2{display:grid;grid-template-columns:1fr;gap:32px;max-width:1024px;margin-inline:auto;align-items:stretch;}
.bm-routes2 > .wp-block-group__inner-container{display:contents!important;}
@media (min-width:768px){.bm-routes2{grid-template-columns:repeat(2,1fr);}}
.bm-r2{background:#fff;border:1px solid #F3F4F6;border-radius:24px;box-shadow:var(--bm-shadow-sm);overflow:hidden;display:flex;flex-direction:column;}
.bm-r2 > .wp-block-group__inner-container{display:contents!important;}
.bm-r2 .container-xl{display:contents!important;}
.bm-r2__head{padding:24px 32px;}
.bm-r2__head > .wp-block-group__inner-container{display:block!important;}
.bm-r2--cash .bm-r2__head{background:var(--bm-teal);}
.bm-r2--investor .bm-r2__head{background:var(--bm-navy);}
.bm-r2__label{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.8);margin:0 0 4px;}
.bm-r2__title{font-family:var(--bm-font-heading);font-size:var(--bm-text-2xl);font-weight:800;color:var(--bm-white)!important;margin:0 0 4px;}
.bm-r2__sub{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);color:rgba(255,255,255,.8);margin:0;}
.bm-r2__body{padding:32px;display:flex;flex-direction:column;flex:1;}
.bm-r2__body > .wp-block-group__inner-container{display:contents!important;}
.bm-r2__body .container-xl{display:contents!important;}
.bm-r2__text{font-family:var(--bm-font-body);font-size:var(--bm-text-base);line-height:1.625;color:#4B5563;margin:0 0 20px;}
.bm-r2__list{list-style:none;padding:0;margin:0;display:grid;gap:12px;flex:1;align-content:start;}
.bm-r2__list li{display:flex;align-items:flex-start;gap:10px;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.45;color:var(--bm-navy);}
.bm-r2__cta{margin:24px 0 0;}
.bm-r2__cta a{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:12px;font-family:var(--bm-font-body);font-size:var(--bm-text-base);font-weight:700;text-decoration:none;transition:filter .15s ease;}
.bm-r2--cash .bm-r2__cta a{background:var(--bm-navy);color:#fff;}
.bm-r2--investor .bm-r2__cta a{background:var(--bm-coral);color:var(--bm-navy);}
.bm-phero__form-label{font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bm-navy);margin:0 0 12px;}
.bm-phero__note{font-family:var(--bm-font-body);font-size:var(--bm-text-xs);color:#9CA3AF;text-align:center;margin:12px 0 0;}
/* --- STEP ROWS (vertical stack, not columns) --- */
.bm-steprows{display:grid;gap:16px;max-width:1024px;margin-inline:auto;}
.bm-steprows > .wp-block-group__inner-container{display:contents!important;}
.bm-steprow{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;background:#fff;border:1px solid #F3F4F6;border-radius:16px;padding:24px 28px;box-shadow:var(--bm-shadow-sm);}
.bm-steprow > .wp-block-group__inner-container{display:contents!important;}
.bm-steprow .container-xl{display:contents!important;}
.bm-steprow__num{font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:700;color:#9CA3AF;margin:0;padding-top:4px;min-width:24px;}
.bm-steprow__body > .wp-block-group__inner-container{display:block!important;}
.bm-steprow__title{font-family:var(--bm-font-heading);font-size:var(--bm-text-lg);font-weight:700;color:var(--bm-teal);margin:0 0 6px;}
.bm-steprow__text{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.6;color:#4B5563;margin:0;}

/* --- WHY SELL: benefits left, stat + checklist right --- */
.bm-section--why{background:#fff;padding-block:96px;}
.bm-why{display:grid;grid-template-columns:1fr;gap:48px;max-width:1152px;margin-inline:auto;align-items:start;}
.bm-why > .wp-block-group__inner-container{display:contents!important;}
@media (min-width:1024px){.bm-why{grid-template-columns:1fr 1fr;gap:64px;}}
.bm-why__left > .wp-block-group__inner-container{display:block!important;}
.bm-why__right > .wp-block-group__inner-container{display:block!important;}
.bm-why__title{font-family:var(--bm-font-heading);font-size:clamp(2rem,3.6vw,3rem);font-weight:800;line-height:1.15;color:var(--bm-navy);margin:0 0 24px;}
.bm-why__intro{font-family:var(--bm-font-body);font-size:var(--bm-text-base);line-height:1.7;color:#4B5563;margin:0 0 32px;}
.bm-benefit{margin:0 0 24px;}
.bm-benefit b{display:block;font-family:var(--bm-font-heading);font-size:var(--bm-text-base);font-weight:700;color:var(--bm-navy);margin-bottom:4px;}
.bm-benefit span{display:block;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.6;color:#4B5563;}
.bm-statcard{background:var(--bm-navy);border-radius:16px;padding:32px;margin-bottom:24px;}
.bm-statcard b{display:block;font-family:var(--bm-font-heading);font-size:3rem;font-weight:800;color:rgba(255,255,255,.35);line-height:1;}
.bm-statcard strong{display:block;font-family:var(--bm-font-heading);font-size:var(--bm-text-lg);font-weight:700;color:#fff;margin:4px 0 12px;}
.bm-statcard span{display:block;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.6;color:rgba(255,255,255,.75);}
.bm-fitcard{background:#F8F9FA;border:1px solid #F3F4F6;border-radius:16px;padding:28px;}
.bm-fitcard h3{font-family:var(--bm-font-heading);font-size:var(--bm-text-lg);font-weight:700;color:var(--bm-navy);margin:0 0 16px;}
.bm-fitcard ul{list-style:none;padding:0;margin:0;display:grid;gap:12px;}
.bm-fitcard li{display:flex;align-items:flex-start;gap:10px;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.5;color:#4B5563;}
/* --- AGENT PAGE --- */
.bm-agentpanel{background:var(--bm-navy);border-radius:24px;padding:32px;}
.bm-agentpanel__lead{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.6;color:rgba(255,255,255,.85);margin:0 0 24px;}
.bm-agentpanel__lead b{font-family:var(--bm-font-heading);font-size:var(--bm-text-lg);font-weight:800;color:#fff;display:block;margin-bottom:4px;}
.bm-agentstats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:24px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);}
.bm-agentstat b{display:block;font-family:var(--bm-font-heading);font-size:1.75rem;font-weight:800;color:var(--bm-mint);line-height:1.1;}
.bm-agentstat span{display:block;font-family:var(--bm-font-body);font-size:var(--bm-text-xs);color:rgba(255,255,255,.7);margin-top:2px;}
.bm-agentnote{display:block;background:rgba(234,149,138,.15);border:1px solid rgba(234,149,138,.3);border-radius:12px;padding:12px 16px;margin-top:24px;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:600;color:var(--bm-coral);}
.bm-gsteps{display:grid;grid-template-columns:1fr;gap:24px;max-width:1152px;margin-inline:auto;}
.bm-gsteps > .wp-block-group__inner-container{display:contents!important;}
@media (min-width:900px){.bm-gsteps{grid-template-columns:repeat(3,1fr);}}
.bm-gstep{position:relative;background:#fff;border:1px solid #F3F4F6;border-radius:16px;padding:32px;box-shadow:var(--bm-shadow-sm);overflow:hidden;}
.bm-gstep > .wp-block-group__inner-container{display:block!important;}
.bm-gstep .container-xl{display:block!important;padding:0!important;margin:0!important;max-width:none!important;}
.bm-gstep__num{position:absolute;top:16px;right:24px;font-family:var(--bm-font-heading);font-size:3.5rem;font-weight:800;color:#F3F4F6;line-height:1;margin:0;}
.bm-gstep__title{position:relative;font-family:var(--bm-font-heading);font-size:var(--bm-text-lg);font-weight:700;color:var(--bm-navy);margin:0 0 12px;max-width:80%;}
.bm-gstep__text{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.6;color:#4B5563;margin:0;}
.bm-bengrid{display:grid;grid-template-columns:1fr;gap:24px;max-width:1152px;margin-inline:auto;}
.bm-bengrid > .wp-block-group__inner-container{display:contents!important;}
@media (min-width:640px){.bm-bengrid{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1024px){.bm-bengrid{grid-template-columns:repeat(3,1fr);}}
.bm-bencard{background:#F8F9FA;border:1px solid #F3F4F6;border-radius:16px;padding:28px;}
.bm-bencard > .wp-block-group__inner-container{display:block!important;}
.bm-bencard .container-xl{display:block!important;padding:0!important;margin:0!important;max-width:none!important;}
.bm-bencard__title{font-family:var(--bm-font-heading);font-size:var(--bm-text-base);font-weight:700;color:var(--bm-navy);margin:0 0 8px;}
.bm-bencard__text{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.6;color:#4B5563;margin:0;}
.bm-section--protect{background:var(--bm-navy);padding-block:96px;}
.bm-section--protect .bm-section-title{color:var(--bm-white)!important;}
.bm-section--protect .bm-section-intro{color:rgba(255,255,255,.7)!important;}
.bm-protgrid{display:grid;grid-template-columns:1fr;gap:20px;max-width:1024px;margin-inline:auto;}
.bm-protgrid > .wp-block-group__inner-container{display:contents!important;}
@media (min-width:768px){.bm-protgrid{grid-template-columns:repeat(2,1fr);}}
.bm-prot{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:24px;}
.bm-prot > .wp-block-group__inner-container{display:block!important;}
.bm-prot .container-xl{display:block!important;padding:0!important;margin:0!important;max-width:none!important;}
.bm-prot__title{font-family:var(--bm-font-heading);font-size:var(--bm-text-base);font-weight:700;color:var(--bm-coral);margin:0 0 8px;}
.bm-prot__text{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.6;color:rgba(255,255,255,.75);margin:0;}
.bm-section--quote{background:var(--bm-teal);padding-block:80px;}
.bm-quote{font-family:var(--bm-font-heading);font-size:clamp(1.25rem,2.4vw,1.75rem);font-weight:700;line-height:1.45;color:#fff!important;text-align:center;max-width:896px;margin:0 auto 20px;}
.bm-quote__by{font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7);text-align:center;margin:0;}
/* --- STATS BAND WRAPPER FIX ---
The band was stacking vertically because the theme wraps each
paragraph in its own .container-xl, so the flex row was laying out
full-width wrappers rather than the text itself. Dissolving those
wrappers puts the items back on one horizontal line.
(Fourth time this wrapper has caused a layout problem - it will
affect any section that lays children out in a row.) */
.bm-stats .container-xl{display:contents!important;}
.bm-stats{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 40px;}
@media (max-width:640px){.bm-stats{flex-direction:column;align-items:flex-start;gap:10px;}}
/* --- STATS BAND v2 (from source) ---
py-6 (24px), white semibold text, each preceded by a coral icon in a
coral/20 circle. Four DIFFERENT icons, not a repeated tick. */
.bm-section--stats{padding-block:24px!important;}
.bm-stats{gap:32px!important;}
@media (min-width:768px){.bm-stats{gap:64px!important;}}
.bm-stats p{gap:10px;font-size:var(--bm-text-sm);font-weight:600;color:#fff;}
@media (min-width:768px){.bm-stats p{font-size:var(--bm-text-base);}}
.bm-stats p::before{flex:0 0 32px!important;width:32px!important;height:32px!important;border-radius:999px;background-color:rgba(234,149,138,.2);background-size:18px 18px;background-position:center;background-repeat:no-repeat;}
.bm-stats p:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA958A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M9.5 13l5 5'/%3E%3Cpath d='M14.5 13l-5 5'/%3E%3C/svg%3E");}
.bm-stats p:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA958A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3C/svg%3E");}
.bm-stats p:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA958A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E");}
.bm-stats p:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA958A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.5' cy='15.5' r='5.5'/%3E%3Cpath d='M11.5 11.5L21 2'/%3E%3Cpath d='M15.5 7.5l3 3L21.5 7.5l-3-3'/%3E%3C/svg%3E");}
/* --- DEVELOPER PAGE --- */
.bm-devstats{position:absolute;left:24px;right:24px;bottom:24px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(12,67,85,.92);border-radius:16px;padding:16px 20px;}
.bm-devstat span{display:block;font-family:var(--bm-font-body);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6);}
.bm-devstat b{display:block;font-family:var(--bm-font-heading);font-size:1.5rem;font-weight:800;color:var(--bm-mint);line-height:1.15;}
.bm-devstat--r{text-align:right;}
.bm-devstat--r b{color:#fff;}
.bm-split{display:grid;grid-template-columns:1fr;gap:48px;max-width:1152px;margin-inline:auto;align-items:start;}
.bm-split > .wp-block-group__inner-container{display:contents!important;}
.bm-split .container-xl{display:contents!important;}
@media (min-width:1024px){.bm-split{grid-template-columns:1fr 1fr;gap:64px;}}
.bm-split__col > .wp-block-group__inner-container{display:block!important;}
.bm-ticklist{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:14px;}
.bm-ticklist li{display:flex;align-items:flex-start;gap:10px;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.5;color:var(--bm-navy);}
.bm-ticklist li::before{content:"";flex:0 0 18px;width:18px;height:18px;margin-top:1px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 12.5l2.5 2.5L16 9.5'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;}
.bm-ctapanel{background:var(--bm-navy);border-radius:24px;padding:36px;}
.bm-ctapanel h3{font-family:var(--bm-font-heading);font-size:var(--bm-text-2xl);font-weight:800;color:#fff;margin:0 0 12px;}
.bm-ctapanel p{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.6;color:rgba(255,255,255,.75);margin:0 0 20px;}
.bm-ctapanel ul{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:16px;}
.bm-ctapanel li{display:flex;align-items:center;gap:6px;font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:600;color:rgba(255,255,255,.85);}
.bm-ctapanel li::before{content:"\2713";color:var(--bm-mint);font-weight:800;}
.bm-ctapanel .btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--bm-coral);color:var(--bm-navy);border-radius:12px;padding:16px;font-family:var(--bm-font-body);font-size:var(--bm-text-base);font-weight:800;text-decoration:none;}
.bm-ctapanel .tel{display:block;text-align:center;margin-top:12px;font-family:var(--bm-font-body);font-size:var(--bm-text-xs);color:rgba(255,255,255,.6);text-decoration:none;}
.bm-pxgrid{display:grid;grid-template-columns:1fr;gap:24px;max-width:1024px;margin-inline:auto;}
.bm-pxgrid > .wp-block-group__inner-container{display:contents!important;}
.bm-pxgrid .container-xl{display:contents!important;}
@media (min-width:768px){.bm-pxgrid{grid-template-columns:repeat(2,1fr);}}
.bm-px{border-radius:16px;padding:32px;}
.bm-px > .wp-block-group__inner-container{display:block!important;}
.bm-px--light{background:#fff;border:1px solid #E5E7EB;box-shadow:var(--bm-shadow-sm);}
.bm-px--dark{background:var(--bm-teal);}
.bm-px h3{font-family:var(--bm-font-heading);font-size:var(--bm-text-xl);font-weight:800;margin:0 0 12px;}
.bm-px--light h3{color:var(--bm-navy);}
.bm-px--dark h3{color:#fff;}
.bm-px p{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.6;margin:0 0 20px;}
.bm-px--light p{color:#4B5563;}
.bm-px--dark p{color:rgba(255,255,255,.8);}
.bm-px ul{list-style:none;padding:0;margin:0;display:grid;gap:12px;}
.bm-px li{display:flex;align-items:flex-start;gap:10px;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.45;}
.bm-px--light li{color:var(--bm-navy);}
.bm-px--dark li{color:#fff;}
.bm-px li::before{content:"\2713";font-weight:800;flex:0 0 auto;}
.bm-px--light li::before{color:var(--bm-teal);}
.bm-px--dark li::before{color:var(--bm-mint);}
.bm-px__cta{display:inline-flex;align-items:center;gap:8px;margin-top:24px;background:var(--bm-coral);color:var(--bm-navy);border-radius:12px;padding:12px 20px;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:800;text-decoration:none;}
/* --- AGENT PANEL v2 (from source) ---
Corrections: this is TWO cards, not one. A navy card (32px radius)
holding the warning icon, the 1-in-3 line and a 2x2 stat grid, then a
SEPARATE light-coral note card beneath it. Stat numbers are TEAL
(text-primary), not mint. */
.bm-agentpanel{background:var(--bm-navy);border-radius:32px;padding:32px;color:#fff;}
.bm-agentpanel__lead{display:flex;align-items:flex-start;gap:16px;margin:0 0 24px;}
.bm-agentpanel__lead::before{content:"";flex:0 0 32px;width:32px;height:32px;margin-top:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA958A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;}
.bm-agentpanel__lead b{display:block;font-family:var(--bm-font-heading);font-size:2.25rem;font-weight:800;color:#fff;line-height:1.1;margin-bottom:4px;}
.bm-agentpanel__lead span{display:block;font-family:var(--bm-font-body);font-size:var(--bm-text-base);font-weight:500;line-height:1.55;color:rgba(255,255,255,.7);}
.bm-agentstats{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);border-bottom:0;}
.bm-agentstat b{display:block;font-family:var(--bm-font-heading);font-size:1.875rem;font-weight:800;color:var(--bm-teal);line-height:1.1;}
.bm-agentstat span{display:block;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:500;color:rgba(255,255,255,.7);margin-top:4px;}

/* Separate note card, light coral tint on the page background */
.bm-agentnote{display:flex;align-items:flex-start;gap:16px;background:rgba(234,149,138,.1);border:1px solid rgba(234,149,138,.2);border-radius:16px;padding:24px;margin-top:16px;}
.bm-agentnote::before{content:"";flex:0 0 24px;width:24px;height:24px;margin-top:2px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA958A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpath d='M22 4L12 14.01l-3-3'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;}
.bm-agentnote b{display:block;font-family:var(--bm-font-heading);font-size:var(--bm-text-base);font-weight:700;color:var(--bm-navy);margin-bottom:4px;}
.bm-agentnote span{display:block;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:500;line-height:1.55;color:#4B5563;}
/* --- ICON LIBRARY ---
The design uses lucide icons throughout. Each is an inline SVG data URI,
so no icon font and no extra requests. Colour is baked in, hence one rule
per colour. Usage: <span class="bm-i bm-i--clock bm-i--teal"></span> */
.bm-i{display:inline-block;flex:0 0 auto;background-size:contain;background-repeat:no-repeat;background-position:center;width:20px;height:20px;}
.bm-i--sm{width:16px;height:16px;}
.bm-i--lg{width:24px;height:24px;}
.bm-i--xl{width:32px;height:32px;}
.bm-i--circle{padding:6px;border-radius:999px;box-sizing:content-box;}
.bm-i--circle.bm-i--coral{background-color:rgba(234,149,138,.2);}
.bm-i--circle.bm-i--teal{background-color:rgba(61,104,118,.12);}
.bm-i--clock.bm-i--teal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");}
.bm-i--clock.bm-i--coral{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA958A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");}
.bm-i--clock.bm-i--white{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");}
.bm-i--clock.bm-i--mint{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237DD3C8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");}
.bm-i--trending.bm-i--teal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M23 6l-9.5 9.5-5-5L1 18'/%3E%3Cpath d='M17 6h6v6'/%3E%3C/svg%3E");}
.bm-i--trending.bm-i--coral{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA958A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M23 6l-9.5 9.5-5-5L1 18'/%3E%3Cpath d='M17 6h6v6'/%3E%3C/svg%3E");}
.bm-i--trending.bm-i--white{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M23 6l-9.5 9.5-5-5L1 18'/%3E%3Cpath d='M17 6h6v6'/%3E%3C/svg%3E");}
.bm-i--trending.bm-i--mint{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237DD3C8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M23 6l-9.5 9.5-5-5L1 18'/%3E%3Cpath d='M17 6h6v6'/%3E%3C/svg%3E");}
.bm-i--building.bm-i--teal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z'/%3E%3Cpath d='M10 6h4M10 10h4M10 14h4M10 18h4'/%3E%3C/svg%3E");}
.bm-i--building.bm-i--coral{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA958A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z'/%3E%3Cpath d='M10 6h4M10 10h4M10 14h4M10 18h4'/%3E%3C/svg%3E");}
.bm-i--building.bm-i--white{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z'/%3E%3Cpath d='M10 6h4M10 10h4M10 14h4M10 18h4'/%3E%3C/svg%3E");}
.bm-i--building.bm-i--mint{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237DD3C8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z'/%3E%3Cpath d='M10 6h4M10 10h4M10 14h4M10 18h4'/%3E%3C/svg%3E");}
.bm-i--users.bm-i--teal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3C/svg%3E");}
.bm-i--users.bm-i--coral{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA958A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3C/svg%3E");}
.bm-i--users.bm-i--white{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3C/svg%3E");}
.bm-i--users.bm-i--mint{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237DD3C8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3C/svg%3E");}
.bm-i--shield.bm-i--teal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E");}
.bm-i--shield.bm-i--coral{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA958A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E");}
.bm-i--shield.bm-i--white{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E");}
.bm-i--shield.bm-i--mint{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237DD3C8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E");}
.bm-i--search.bm-i--teal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E");}
.bm-i--search.bm-i--coral{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA958A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E");}
.bm-i--search.bm-i--white{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E");}
.bm-i--search.bm-i--mint{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237DD3C8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E");}
.bm-i--file.bm-i--teal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M16 13H8M16 17H8'/%3E%3C/svg%3E");}
.bm-i--file.bm-i--coral{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA958A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M16 13H8M16 17H8'/%3E%3C/svg%3E");}
.bm-i--file.bm-i--white{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M16 13H8M16 17H8'/%3E%3C/svg%3E");}
.bm-i--file.bm-i--mint{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237DD3C8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M16 13H8M16 17H8'/%3E%3C/svg%3E");}
.bm-i--badge.bm-i--teal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");}
.bm-i--badge.bm-i--coral{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA958A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");}
.bm-i--badge.bm-i--white{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");}
.bm-i--badge.bm-i--mint{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237DD3C8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");}
.bm-i--link.bm-i--teal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 17H7A5 5 0 0 1 7 7h2'/%3E%3Cpath d='M15 7h2a5 5 0 1 1 0 10h-2'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E");}
.bm-i--link.bm-i--coral{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA958A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 17H7A5 5 0 0 1 7 7h2'/%3E%3Cpath d='M15 7h2a5 5 0 1 1 0 10h-2'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E");}
.bm-i--link.bm-i--white{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 17H7A5 5 0 0 1 7 7h2'/%3E%3Cpath d='M15 7h2a5 5 0 1 1 0 10h-2'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E");}
.bm-i--link.bm-i--mint{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237DD3C8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 17H7A5 5 0 0 1 7 7h2'/%3E%3Cpath d='M15 7h2a5 5 0 1 1 0 10h-2'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E");}
.bm-i--zap.bm-i--teal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 3 14h9l-1 8 10-12h-9l1-8z'/%3E%3C/svg%3E");}
.bm-i--zap.bm-i--coral{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA958A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 3 14h9l-1 8 10-12h-9l1-8z'/%3E%3C/svg%3E");}
.bm-i--zap.bm-i--white{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 3 14h9l-1 8 10-12h-9l1-8z'/%3E%3C/svg%3E");}
.bm-i--zap.bm-i--mint{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237DD3C8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 3 14h9l-1 8 10-12h-9l1-8z'/%3E%3C/svg%3E");}
.bm-i--check.bm-i--teal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpath d='M22 4 12 14.01l-3-3'/%3E%3C/svg%3E");}
.bm-i--check.bm-i--coral{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA958A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpath d='M22 4 12 14.01l-3-3'/%3E%3C/svg%3E");}
.bm-i--check.bm-i--white{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpath d='M22 4 12 14.01l-3-3'/%3E%3C/svg%3E");}
.bm-i--check.bm-i--mint{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237DD3C8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpath d='M22 4 12 14.01l-3-3'/%3E%3C/svg%3E");}
.bm-i--home.bm-i--teal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 22V12h6v10'/%3E%3C/svg%3E");}
.bm-i--home.bm-i--coral{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA958A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 22V12h6v10'/%3E%3C/svg%3E");}
.bm-i--home.bm-i--white{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 22V12h6v10'/%3E%3C/svg%3E");}
.bm-i--home.bm-i--mint{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237DD3C8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 22V12h6v10'/%3E%3C/svg%3E");}
.bm-i--layers.bm-i--teal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12.83 2.18 8.34 4.17a1 1 0 0 1 0 1.3l-8.34 4.17a2 2 0 0 1-1.66 0L2.83 7.65a1 1 0 0 1 0-1.3l8.34-4.17a2 2 0 0 1 1.66 0Z'/%3E%3Cpath d='m2.83 12.35 8.34 4.17a2 2 0 0 0 1.66 0l8.34-4.17'/%3E%3C/svg%3E");}
.bm-i--layers.bm-i--coral{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA958A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12.83 2.18 8.34 4.17a1 1 0 0 1 0 1.3l-8.34 4.17a2 2 0 0 1-1.66 0L2.83 7.65a1 1 0 0 1 0-1.3l8.34-4.17a2 2 0 0 1 1.66 0Z'/%3E%3Cpath d='m2.83 12.35 8.34 4.17a2 2 0 0 0 1.66 0l8.34-4.17'/%3E%3C/svg%3E");}
.bm-i--layers.bm-i--white{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12.83 2.18 8.34 4.17a1 1 0 0 1 0 1.3l-8.34 4.17a2 2 0 0 1-1.66 0L2.83 7.65a1 1 0 0 1 0-1.3l8.34-4.17a2 2 0 0 1 1.66 0Z'/%3E%3Cpath d='m2.83 12.35 8.34 4.17a2 2 0 0 0 1.66 0l8.34-4.17'/%3E%3C/svg%3E");}
.bm-i--layers.bm-i--mint{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237DD3C8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12.83 2.18 8.34 4.17a1 1 0 0 1 0 1.3l-8.34 4.17a2 2 0 0 1-1.66 0L2.83 7.65a1 1 0 0 1 0-1.3l8.34-4.17a2 2 0 0 1 1.66 0Z'/%3E%3Cpath d='m2.83 12.35 8.34 4.17a2 2 0 0 0 1.66 0l8.34-4.17'/%3E%3C/svg%3E");}
.bm-i--pound.bm-i--teal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 7c0-2.2-1.8-4-4-4s-4 1.8-4 4v6H7'/%3E%3Cpath d='M7 21h11'/%3E%3Cpath d='M7 13h8'/%3E%3C/svg%3E");}
.bm-i--pound.bm-i--coral{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA958A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 7c0-2.2-1.8-4-4-4s-4 1.8-4 4v6H7'/%3E%3Cpath d='M7 21h11'/%3E%3Cpath d='M7 13h8'/%3E%3C/svg%3E");}
.bm-i--pound.bm-i--white{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 7c0-2.2-1.8-4-4-4s-4 1.8-4 4v6H7'/%3E%3Cpath d='M7 21h11'/%3E%3Cpath d='M7 13h8'/%3E%3C/svg%3E");}
.bm-i--pound.bm-i--mint{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237DD3C8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 7c0-2.2-1.8-4-4-4s-4 1.8-4 4v6H7'/%3E%3Cpath d='M7 21h11'/%3E%3Cpath d='M7 13h8'/%3E%3C/svg%3E");}
.bm-i--alert.bm-i--teal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E");}
.bm-i--alert.bm-i--coral{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA958A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E");}
.bm-i--alert.bm-i--white{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E");}
.bm-i--alert.bm-i--mint{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237DD3C8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E");}
.bm-i--key.bm-i--teal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.5' cy='15.5' r='5.5'/%3E%3Cpath d='M11.5 11.5 21 2'/%3E%3Cpath d='m15.5 7.5 3 3L21.5 7.5l-3-3'/%3E%3C/svg%3E");}
.bm-i--key.bm-i--coral{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA958A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.5' cy='15.5' r='5.5'/%3E%3Cpath d='M11.5 11.5 21 2'/%3E%3Cpath d='m15.5 7.5 3 3L21.5 7.5l-3-3'/%3E%3C/svg%3E");}
.bm-i--key.bm-i--white{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.5' cy='15.5' r='5.5'/%3E%3Cpath d='M11.5 11.5 21 2'/%3E%3Cpath d='m15.5 7.5 3 3L21.5 7.5l-3-3'/%3E%3C/svg%3E");}
.bm-i--key.bm-i--mint{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237DD3C8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.5' cy='15.5' r='5.5'/%3E%3Cpath d='M11.5 11.5 21 2'/%3E%3Cpath d='m15.5 7.5 3 3L21.5 7.5l-3-3'/%3E%3C/svg%3E");}
/* --- ICON APPLICATION ---
Attaches library icons to the elements that carry them in the design.
Each rule copies the background-image from the matching .bm-i class. */

/* Pill badge: text-sm bold, blue-50 background, icon before the text.
Was text-xs with no icon. */
.bm-pill{font-size:var(--bm-text-sm)!important;font-weight:700!important;background:#EFF6FF!important;gap:8px;}
.bm-pill::before{content:"";width:16px;height:16px;background-size:contain;background-repeat:no-repeat;flex:0 0 16px;}

/* Per-page pill icon, set by a modifier on the section */
.bm-page--cash .bm-pill::before{background-image:var(--i-clock);}
.bm-page--investors .bm-pill::before{background-image:var(--i-trending);}
.bm-page--landlords .bm-pill::before{background-image:var(--i-building);}
.bm-page--agents .bm-pill::before{background-image:var(--i-link);}
.bm-page--developers .bm-pill::before{background-image:var(--i-layers);}

/* Section headings that are uppercase in the design */
.bm-section--steps4 .bm-section-title,
.bm-section--steps5 .bm-section-title,
.bm-section--compare .bm-section-title{text-transform:uppercase;letter-spacing:var(--bm-tracking-tight);}

/* Hero sub-paragraph line height */
.bm-phero__sub{line-height:1.625!important;}

/* Benefit + pillar + step card icons */
.bm-bencard__title::before,.bm-pillar__title::before,.bm-steprow__title::before{content:"";display:block;width:24px;height:24px;margin-bottom:12px;background-size:contain;background-repeat:no-repeat;}
/* --- ICON VARIABLES ---
Same icons exposed as custom properties so they can be assigned to any
::before without repeating the data URI. Teal is the default ink. */
:root{
--i-clock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
--i-trending:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M23 6l-9.5 9.5-5-5L1 18'/%3E%3Cpath d='M17 6h6v6'/%3E%3C/svg%3E");
--i-building:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z'/%3E%3Cpath d='M10 6h4M10 10h4M10 14h4M10 18h4'/%3E%3C/svg%3E");
--i-link:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 17H7A5 5 0 0 1 7 7h2'/%3E%3Cpath d='M15 7h2a5 5 0 1 1 0 10h-2'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E");
--i-layers:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12.83 2.18 8.34 4.17a1 1 0 0 1 0 1.3l-8.34 4.17a2 2 0 0 1-1.66 0L2.83 7.65a1 1 0 0 1 0-1.3l8.34-4.17a2 2 0 0 1 1.66 0Z'/%3E%3Cpath d='m2.83 12.35 8.34 4.17a2 2 0 0 0 1.66 0l8.34-4.17'/%3E%3C/svg%3E");
--i-users:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3C/svg%3E");
--i-shield:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E");
--i-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E");
--i-file:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M16 13H8M16 17H8'/%3E%3C/svg%3E");
--i-badge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
--i-zap:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 3 14h9l-1 8 10-12h-9l1-8z'/%3E%3C/svg%3E");
--i-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpath d='M22 4 12 14.01l-3-3'/%3E%3C/svg%3E");
--i-pound:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 7c0-2.2-1.8-4-4-4s-4 1.8-4 4v6H7'/%3E%3Cpath d='M7 21h11'/%3E%3Cpath d='M7 13h8'/%3E%3C/svg%3E");
}
/* --- PER-CARD ICONS ---
nth-child assignment matching the icon order in each source file. */

/* Shared: icon sits above the card title */
.bm-bencard__title::before,.bm-gstep__title::before{content:"";display:block;width:24px;height:24px;margin-bottom:12px;background-size:contain;background-repeat:no-repeat;}

/* Sell for cash: price promise pillars (on navy, so white ink) */
.bm-pillar__title{display:flex;align-items:center;gap:10px;}
.bm-pillar__title::before{content:"";flex:0 0 22px;width:22px;height:22px;background-size:contain;background-repeat:no-repeat;}
.bm-pillars .bm-pillar:nth-child(1) .bm-pillar__title::before{background-image:var(--i-file-coral);}
.bm-pillars .bm-pillar:nth-child(2) .bm-pillar__title::before{background-image:var(--i-trending-coral);}
.bm-pillars .bm-pillar:nth-child(3) .bm-pillar__title::before{background-image:var(--i-badge-coral);}

/* Sell to investors: benefit blocks */
.bm-benefit b{display:flex!important;align-items:center;gap:10px;}
.bm-benefit b::before{content:"";flex:0 0 20px;width:20px;height:20px;background-size:contain;background-repeat:no-repeat;}
.bm-why__left .bm-benefit:nth-of-type(1) b::before{background-image:var(--i-trending);}
.bm-why__left .bm-benefit:nth-of-type(2) b::before{background-image:var(--i-users);}
.bm-why__left .bm-benefit:nth-of-type(3) b::before{background-image:var(--i-shield);}
.bm-why__left .bm-benefit:nth-of-type(4) b::before{background-image:var(--i-search);}
.bm-why__left .bm-benefit:nth-of-type(5) b::before{background-image:var(--i-clock);}

/* Sell to investors: step rows */
.bm-steprow__title{display:flex;align-items:center;gap:10px;}
.bm-steprow__title::before{content:"";flex:0 0 20px;width:20px;height:20px;background-size:contain;background-repeat:no-repeat;}
.bm-steprows .bm-steprow:nth-child(1) .bm-steprow__title::before{background-image:var(--i-pound);}
.bm-steprows .bm-steprow:nth-child(2) .bm-steprow__title::before{background-image:var(--i-users);}
.bm-steprows .bm-steprow:nth-child(3) .bm-steprow__title::before{background-image:var(--i-file);}
.bm-steprows .bm-steprow:nth-child(4) .bm-steprow__title::before{background-image:var(--i-clock);}
.bm-steprows .bm-steprow:nth-child(5) .bm-steprow__title::before{background-image:var(--i-shield);}

/* Estate agents: ghost steps */
.bm-gsteps .bm-gstep:nth-child(1) .bm-gstep__title::before{background-image:var(--i-link);}
.bm-gsteps .bm-gstep:nth-child(2) .bm-gstep__title::before{background-image:var(--i-zap);}
.bm-gsteps .bm-gstep:nth-child(3) .bm-gstep__title::before{background-image:var(--i-check);}

/* Developers + agents: benefit cards */
.bm-bengrid .bm-bencard:nth-child(1) .bm-bencard__title::before{background-image:var(--i-layers);}
.bm-bengrid .bm-bencard:nth-child(2) .bm-bencard__title::before{background-image:var(--i-users);}
.bm-bengrid .bm-bencard:nth-child(3) .bm-bencard__title::before{background-image:var(--i-shield);}
.bm-bengrid .bm-bencard:nth-child(4) .bm-bencard__title::before{background-image:var(--i-pound);}
.bm-bengrid .bm-bencard:nth-child(5) .bm-bencard__title::before{background-image:var(--i-search);}
.bm-bengrid .bm-bencard:nth-child(6) .bm-bencard__title::before{background-image:var(--i-badge);}
/* --- CORAL ICON VARIABLES ---
For icons sitting on navy, where the teal ink would disappear. */
:root{
--i-file-coral:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA958A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M16 13H8M16 17H8'/%3E%3C/svg%3E");
--i-trending-coral:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA958A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M23 6l-9.5 9.5-5-5L1 18'/%3E%3Cpath d='M17 6h6v6'/%3E%3C/svg%3E");
--i-badge-coral:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA958A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}
/* --- ABOUT PAGE --- */
.bm-probgrid{display:grid;grid-template-columns:1fr;gap:24px;max-width:1024px;margin-inline:auto;}
.bm-probgrid > .wp-block-group__inner-container{display:contents!important;}
.bm-probgrid .container-xl{display:contents!important;}
@media (min-width:768px){.bm-probgrid{grid-template-columns:repeat(2,1fr);}}
.bm-prob{background:#fff;border:1px solid #F3F4F6;border-radius:16px;padding:28px;box-shadow:var(--bm-shadow-sm);}
.bm-prob > .wp-block-group__inner-container{display:block!important;}
.bm-prob .container-xl{display:block!important;padding:0!important;margin:0!important;max-width:none!important;}
.bm-prob__title{font-family:var(--bm-font-heading);font-size:var(--bm-text-base);font-weight:700;color:var(--bm-navy);margin:0 0 10px;}
.bm-prob__text{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.65;color:#4B5563;margin:0;}

/* Decade stats band on navy */
.bm-section--decade{background:var(--bm-navy);padding-block:80px;}
.bm-section--decade .bm-section-title{color:#fff!important;}
.bm-section--decade .bm-section-intro{color:rgba(255,255,255,.7)!important;}
.bm-decade{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:1024px;margin-inline:auto;}
.bm-decade > .wp-block-group__inner-container{display:contents!important;}
@media (min-width:768px){.bm-decade{grid-template-columns:repeat(4,1fr);}}
.bm-dstat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;text-align:center;}
.bm-dstat b{display:block;font-family:var(--bm-font-heading);font-size:1.875rem;font-weight:800;color:var(--bm-coral);line-height:1.1;}
.bm-dstat span{display:block;font-family:var(--bm-font-body);font-size:var(--bm-text-xs);color:rgba(255,255,255,.65);margin-top:8px;line-height:1.4;}

/* Lesson rows */
.bm-lessons{display:grid;gap:16px;max-width:1024px;margin-inline:auto;}
.bm-lessons > .wp-block-group__inner-container{display:contents!important;}
.bm-lesson{display:grid;grid-template-columns:auto 1fr;gap:20px;background:#fff;border:1px solid #F3F4F6;border-radius:16px;padding:24px 28px;box-shadow:var(--bm-shadow-sm);align-items:start;}
.bm-lesson > .wp-block-group__inner-container{display:contents!important;}
.bm-lesson .container-xl{display:contents!important;}
.bm-lesson__ico{width:24px;height:24px;background-size:contain;background-repeat:no-repeat;margin-top:2px;}
.bm-lesson__body > .wp-block-group__inner-container{display:block!important;}
.bm-lesson__title{font-family:var(--bm-font-heading);font-size:var(--bm-text-base);font-weight:700;color:var(--bm-navy);margin:0 0 8px;}
.bm-lesson__text{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.65;color:#4B5563;margin:0;}
.bm-lessons .bm-lesson:nth-child(1) .bm-lesson__ico{background-image:var(--i-pound);}
.bm-lessons .bm-lesson:nth-child(2) .bm-lesson__ico{background-image:var(--i-search);}
.bm-lessons .bm-lesson:nth-child(3) .bm-lesson__ico{background-image:var(--i-users);}
.bm-lessons .bm-lesson:nth-child(4) .bm-lesson__ico{background-image:var(--i-home);}

/* Two-button row */
.bm-btnrow{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 0;}
.bm-btnrow a{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:12px;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:700;text-decoration:none;transition:filter .15s ease;}
.bm-btnrow a:first-child{background:var(--bm-teal);color:#fff;}
.bm-btnrow a:last-child{background:#fff;color:var(--bm-navy);border:1px solid #E5E7EB;}
/* --- DECADE STAT ICONS ---
Each card carries a small coral icon above the figure: Heart, TrendingUp,
Users, Clock. Verified against the design render. */
.bm-dstat::before{content:"";display:block;width:20px;height:20px;margin:0 auto 10px;background-size:contain;background-repeat:no-repeat;}
.bm-decade .bm-dstat:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA958A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");}
.bm-decade .bm-dstat:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA958A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M23 6l-9.5 9.5-5-5L1 18'/%3E%3Cpath d='M17 6h6v6'/%3E%3C/svg%3E");}
.bm-decade .bm-dstat:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA958A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3C/svg%3E");}
.bm-decade .bm-dstat:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA958A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");}
/* --- HERO CAPTION OVERLAY ---
Source: a gradient from secondary/80 to transparent across the bottom
of the image, with white Lexend extrabold text at text-xl. NOT a white
stat card, which is what I built first time. */
.bm-hcap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:32px;background:linear-gradient(to top,rgba(12,67,85,.8),transparent);}
.bm-hcap p{margin:0;font-family:var(--bm-font-heading);font-size:var(--bm-text-xl);font-weight:800;line-height:1.25;color:#fff;}

/* About hero: 58px cap, and the pill is teal-on-pale-teal not navy-on-blue */
.bm-page--about .bm-phero__title{font-size:clamp(2.25rem,4.6vw,3.625rem)!important;}
.bm-page--about .bm-pill{background:#EBF4F6!important;color:var(--bm-teal)!important;}
.bm-page--about .bm-pill::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");}
/* Two stacked intro paragraphs, 24px apart */
.bm-page--about .bm-phero__sub{margin-bottom:24px!important;}
.bm-page--about .bm-phero__sub:last-of-type{margin-bottom:0!important;}
/* --- ABOUT PAGE v2 (line-by-line against about.tsx) ---
1. Section headings are text-3xl md:text-4xl (30/36px), not the 48px
used on service pages. This page runs a smaller heading scale.
2. Containers: max-w-4xl (896px) on problem + lessons, max-w-6xl
(1152px) on hero and the two-column sections.
3. Section padding is py-20 (80px), not 96px.
4. Cards: p-7 (28px), radius 16px, titles text-lg extrabold.
5. Lesson icons sit in a 48px teal/10 rounded square. */
.bm-page--about-body .bm-section-title{font-size:clamp(1.875rem,3.2vw,2.25rem)!important;margin-bottom:56px!important;}
.bm-page--about-body .bm-section{padding-block:80px!important;}
.bm-page--about-body .bm-container{max-width:896px!important;}
.bm-page--about-body .bm-phero .bm-container,
.bm-page--about-body .bm-section--why .bm-container,
.bm-page--about-body .bm-section--decade .bm-container{max-width:1152px!important;}
.bm-prob{padding:28px!important;border-radius:16px!important;}
.bm-prob__title{font-size:var(--bm-text-lg)!important;font-weight:800!important;margin-bottom:12px!important;}
.bm-prob__text{line-height:1.625!important;}
.bm-probgrid{gap:32px!important;}
.bm-lesson{padding:28px!important;border-radius:16px!important;gap:20px!important;}
.bm-lesson__title{font-size:var(--bm-text-lg)!important;font-weight:800!important;margin-bottom:8px!important;}
.bm-lesson__text{line-height:1.625!important;}
.bm-lesson__ico{width:48px!important;height:48px!important;background-color:rgba(61,104,118,.1);border-radius:12px;background-size:24px 24px;background-position:center;margin-top:0!important;flex:0 0 48px;}
/* --- ABOUT PAGE v3 ---
v2 lost to the equivalent rules in Sections (v2), which WPCode outputs
after this file. Same specificity plus !important on both sides means
load order decides, so these need to be MORE specific. */
.bm-section.bm-page--about-body .bm-section-title{font-size:clamp(1.875rem,3.2vw,2.25rem)!important;margin-bottom:56px!important;}
.bm-section.bm-page--about-body{padding-block:80px!important;}
.bm-section.bm-page--about-body .bm-container{max-width:896px!important;}
.bm-phero.bm-page--about-body .bm-container,
.bm-section--why.bm-page--about-body .bm-container,
.bm-section--decade.bm-page--about-body .bm-container{max-width:1152px!important;}
/* --- MEET THE TEAM PAGE (from meet-the-team.tsx) --- */

/* Hero: 145deg navy-to-teal gradient, py-16 md:py-20, max-w-6xl */
.bm-section--teamhero{background:linear-gradient(145deg,#0C4355 0%,#3D6877 100%);padding-block:64px;}
@media (min-width:768px){.bm-section--teamhero{padding-block:80px;}}
.bm-section--teamhero .bm-container{max-width:1152px;}
.bm-teamhero__pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:6px 12px;border-radius:999px;margin:0 0 20px;width:fit-content;}
.bm-teamhero__pill::before{content:"";width:14px;height:14px;background-size:contain;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.8)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3C/svg%3E");}
.bm-teamhero__title{font-family:var(--bm-font-heading);font-size:clamp(2.25rem,4vw,3rem);font-weight:800;line-height:1.25;color:#fff!important;margin:0 0 16px;}
.bm-teamhero__title .bm-accent{color:#7dd3c8;}
.bm-teamhero__sub{font-family:var(--bm-font-body);font-size:1.125rem;line-height:1.6;color:rgba(255,255,255,.7);max-width:672px;margin:0 0 24px;}
.bm-teamstats{display:flex;flex-wrap:wrap;gap:32px;padding-top:8px;margin:0;}
.bm-teamstat b{display:block;font-family:var(--bm-font-heading);font-size:1.5rem;font-weight:800;color:#fff;line-height:1.2;}
.bm-teamstat span{display:block;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);color:rgba(255,255,255,.5);}

/* Department blocks */
.bm-section--depts{background:#fff;padding-block:64px;}
.bm-section--depts .bm-container{max-width:1152px;}
.bm-dept{margin-bottom:80px;}
.bm-dept:last-of-type{margin-bottom:0;}
.bm-dept__head{display:flex;align-items:center;gap:16px;margin-bottom:32px;}
.bm-dept__head h2{font-family:var(--bm-font-heading);font-size:1.5rem;font-weight:800;color:var(--bm-navy);margin:0;white-space:nowrap;}
.bm-dept__rule{flex:1;height:1px;background:#F3F4F6;}
.bm-dept__count{font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:700;color:#9CA3AF;flex-shrink:0;}

/* Member grid: column count follows the member count, per source */
.bm-members{display:grid;gap:20px;grid-template-columns:1fr;}
@media (min-width:640px){.bm-members{grid-template-columns:repeat(2,1fr);}}
@media (min-width:768px){.bm-members{grid-template-columns:repeat(3,1fr);}}
@media (min-width:1024px){.bm-members{grid-template-columns:repeat(4,1fr);}}
.bm-members--1{grid-template-columns:1fr!important;max-width:288px;}
.bm-members--2{max-width:448px;}
@media (min-width:1024px){.bm-members--2{grid-template-columns:repeat(2,1fr)!important;}}

.bm-member{background:#fff;border:1px solid #F3F4F6;border-radius:16px;padding:20px;display:flex;flex-direction:column;height:100%;transition:box-shadow .3s ease,transform .3s ease;text-decoration:none;}
.bm-member:hover{box-shadow:var(--bm-shadow-xl);transform:translateY(-4px);}
.bm-member__photo{width:96px;height:96px;border-radius:999px;overflow:hidden;background:#F3F4F6;margin:0 auto 16px;flex-shrink:0;}
.bm-member__photo img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .5s ease;}
.bm-member:hover .bm-member__photo img{transform:scale(1.05);}
.bm-member__role{font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--bm-teal);text-align:center;margin:0 0 4px;}
.bm-member__name{font-family:var(--bm-font-heading);font-size:var(--bm-text-base);font-weight:800;color:var(--bm-navy);text-align:center;margin:0 0 8px;}
.bm-member__bio{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.6;color:#6B7280;text-align:center;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.bm-member__link{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:16px;font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:700;color:var(--bm-teal);transition:gap .2s ease;}
.bm-member__link::after{content:"\2192";}
.bm-member:hover .bm-member__link{gap:8px;}

/* Join us card: coral gradient, max-w-sm */
.bm-joinus{background:linear-gradient(145deg,#E9988E 0%,#d4796d 100%);border-radius:24px;overflow:hidden;max-width:384px;padding:32px;}
.bm-joinus__ico{width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.bm-joinus__ico::before{content:"";width:28px;height:28px;background-size:contain;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3C/svg%3E");}
.bm-joinus h3{font-family:var(--bm-font-heading);font-size:var(--bm-text-xl);font-weight:800;color:#fff;margin:0 0 8px;}
.bm-joinus p{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.6;color:rgba(255,255,255,.8);margin:0 0 20px;}
.bm-joinus a{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--bm-navy);font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:800;padding:12px 20px;border-radius:12px;text-decoration:none;transition:background .2s ease,color .2s ease;}
.bm-joinus a:hover{background:var(--bm-navy);color:#fff;}
/* --- INVESTOR CORNER --- */
:root{
--i-home:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 22V12h6v10'/%3E%3C/svg%3E");
--i-home-w:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 22V12h6v10'/%3E%3C/svg%3E");
--i-trending-w:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M23 6l-9.5 9.5-5-5L1 18'/%3E%3Cpath d='M17 6h6v6'/%3E%3C/svg%3E");
--i-building-w:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z'/%3E%3Cpath d='M10 6h4M10 10h4M10 14h4M10 18h4'/%3E%3C/svg%3E");
--i-layers-w:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12.83 2.18 8.34 4.17a1 1 0 0 1 0 1.3l-8.34 4.17a2 2 0 0 1-1.66 0L2.83 7.65a1 1 0 0 1 0-1.3l8.34-4.17a2 2 0 0 1 1.66 0Z'/%3E%3Cpath d='m2.83 12.35 8.34 4.17a2 2 0 0 0 1.66 0l8.34-4.17'/%3E%3C/svg%3E");
--i-pound-w:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 7c0-2.2-1.8-4-4-4s-4 1.8-4 4v6H7'/%3E%3Cpath d='M7 21h11'/%3E%3Cpath d='M7 13h8'/%3E%3C/svg%3E");
--i-users-w:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3C/svg%3E");
}
.bm-section--ic-hero{background:linear-gradient(135deg,#0C4355 0%,#2a5a6e 60%,#3D6877 100%);padding-block:80px;overflow:hidden;}
.bm-section--ic-hero .bm-container{max-width:1152px;}
.bm-ic__pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.85);font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:700;padding:6px 14px;border-radius:999px;margin:0 0 24px;width:fit-content;}
.bm-ic__title{font-family:var(--bm-font-heading);font-size:clamp(2.25rem,4.4vw,3.5rem);font-weight:800;line-height:1.1;color:#fff!important;margin:0 0 24px;max-width:900px;}
.bm-ic__title .bm-accent{color:#7dd3c8;}
.bm-ic__sub{font-family:var(--bm-font-body);font-size:1.125rem;line-height:1.65;color:rgba(255,255,255,.8);max-width:720px;margin:0 0 32px;}
.bm-ic__ctas{display:flex;flex-wrap:wrap;gap:16px;margin:0;}
.bm-ic__ctas a{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;border-radius:999px;font-family:var(--bm-font-body);font-size:var(--bm-text-base);font-weight:700;text-decoration:none;transition:filter .15s ease;}
.bm-ic__ctas a.wa{background:var(--bm-wa-green);color:#fff;box-shadow:0 10px 15px -3px rgba(37,211,102,.3);}
.bm-ic__ctas a.ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);}
.bm-section--ic-strip{background:var(--bm-navy);padding-block:16px;border-top:1px solid rgba(255,255,255,.08);}
.bm-icstrip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;margin:0;}
.bm-icstrip p{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:500;color:rgba(255,255,255,.6);}
.bm-icstrip p::before{content:"\2713";color:var(--bm-mint);font-weight:800;}
.bm-deals{display:grid;grid-template-columns:1fr;gap:24px;max-width:1152px;margin-inline:auto;}
.bm-deals > .wp-block-group__inner-container{display:contents!important;}
@media (min-width:640px){.bm-deals{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1024px){.bm-deals{grid-template-columns:repeat(3,1fr);}}
.bm-deal{border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--bm-shadow-md);transition:transform .3s ease;}
.bm-deal:hover{transform:translateY(-4px);}
.bm-deal__head{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff;}
.bm-deal__ico{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;}
.bm-deal__ico::before{content:"";width:22px;height:22px;background-size:contain;background-repeat:no-repeat;}
.bm-deal__tag{font-family:var(--bm-font-body);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.18);padding:5px 10px;border-radius:999px;white-space:nowrap;}
.bm-deal__body{background:#fff;padding:24px;flex:1;}
.bm-deal__title{font-family:var(--bm-font-heading);font-size:var(--bm-text-base);font-weight:800;color:var(--bm-navy);margin:0 0 8px;}
.bm-deal__text{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.6;color:#4B5563;margin:0;}
.bm-deal--1 .bm-deal__head{background:linear-gradient(135deg,#3D6877,#2a5a6e);}
.bm-deal--2 .bm-deal__head{background:linear-gradient(135deg,#0C4355,#083446);}
.bm-deal--3 .bm-deal__head{background:linear-gradient(135deg,#E9988E,#d4776c);}
.bm-deal--4 .bm-deal__head{background:linear-gradient(135deg,#2a7068,#1e5a52);}
.bm-deal--5 .bm-deal__head{background:linear-gradient(135deg,#5a3d77,#432d5a);}
.bm-deal--6 .bm-deal__head{background:linear-gradient(135deg,#3d5577,#2d405a);}
.bm-deal--1 .bm-deal__ico::before{background-image:var(--i-home-w);}
.bm-deal--2 .bm-deal__ico::before{background-image:var(--i-trending-w);}
.bm-deal--3 .bm-deal__ico::before{background-image:var(--i-building-w);}
.bm-deal--4 .bm-deal__ico::before{background-image:var(--i-layers-w);}
.bm-deal--5 .bm-deal__ico::before{background-image:var(--i-pound-w);}
.bm-deal--6 .bm-deal__ico::before{background-image:var(--i-users-w);}
/* --- IC PART 2: join, stats, quotes, final --- */
.bm-section--icjoin{background:#F8F9FA;padding-block:96px;}
.bm-whygrid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:32px;}
@media (min-width:640px){.bm-whygrid{grid-template-columns:repeat(2,1fr);}}
.bm-whycard{background:#fff;border:1px solid #F3F4F6;border-radius:12px;padding:20px;}
.bm-whycard__ico{width:32px;height:32px;border-radius:8px;background-color:rgba(61,104,118,.1);margin-bottom:12px;background-repeat:no-repeat;background-position:center;background-size:18px 18px;}
.bm-whycard--1 .bm-whycard__ico{background-image:var(--i-search);}
.bm-whycard--2 .bm-whycard__ico{background-image:var(--i-shield);}
.bm-whycard--3 .bm-whycard__ico{background-image:var(--i-badge);}
.bm-whycard--4 .bm-whycard__ico{background-image:var(--i-zap);}
.bm-whycard b{display:block;font-family:var(--bm-font-heading);font-size:var(--bm-text-sm);font-weight:800;color:var(--bm-navy);margin-bottom:4px;}
.bm-whycard span{display:block;font-family:var(--bm-font-body);font-size:var(--bm-text-xs);line-height:1.55;color:#6B7280;}
.bm-ic-form{background:#fff;border:1px solid #E5E7EB;border-radius:24px;padding:28px;box-shadow:var(--bm-shadow-lg);}
.bm-ic-form__head{display:flex;align-items:center;gap:12px;margin-bottom:24px;}
.bm-ic-form__ico{width:40px;height:40px;border-radius:12px;background:var(--bm-wa-green);flex:0 0 40px;}
.bm-ic-form__head b{display:block;font-family:var(--bm-font-heading);font-size:var(--bm-text-base);font-weight:800;color:var(--bm-navy);}
.bm-ic-form__head span{display:block;font-family:var(--bm-font-body);font-size:var(--bm-text-xs);color:#9CA3AF;}
.bm-ic-form label{display:block;font-family:var(--bm-font-body);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9CA3AF;margin:16px 0 6px;}
.bm-ic-form label i{font-style:normal;font-weight:500;text-transform:none;letter-spacing:0;}
.bm-ic-form input,.bm-ic-form textarea{width:100%;border:1px solid #E5E7EB;border-radius:12px;padding:12px 14px;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);color:var(--bm-navy);background:#F9FAFB;}
.bm-ic-form textarea{min-height:72px;resize:vertical;}
.bm-ic-form__btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:20px;background:var(--bm-wa-green);color:#fff;padding:14px;border-radius:12px;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:800;text-decoration:none;}
.bm-ic-form__note{font-family:var(--bm-font-body);font-size:10px;line-height:1.5;color:#9CA3AF;margin:12px 0 0;}
.bm-section--icstats{background:#fff;padding-block:64px;border-top:1px solid #F3F4F6;}
.bm-icstats{display:grid;grid-template-columns:1fr;gap:24px;max-width:1024px;margin-inline:auto;}
@media (min-width:768px){.bm-icstats{grid-template-columns:repeat(3,1fr);}}
.bm-icstat{background:#F8F9FA;border:1px solid #F3F4F6;border-radius:16px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;}
.bm-icstat__ico{width:28px;height:28px;background-size:contain;background-repeat:no-repeat;margin-bottom:6px;}
.bm-icstat--1 .bm-icstat__ico{background-image:var(--i-trending);}
.bm-icstat--2 .bm-icstat__ico{background-image:var(--i-users);}
.bm-icstat--3 .bm-icstat__ico{background-image:var(--i-pound);}
.bm-icstat b{font-family:var(--bm-font-heading);font-size:1.75rem;font-weight:800;color:var(--bm-navy);line-height:1.1;}
.bm-icstat span{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.5;color:#6B7280;}
.bm-section--icquotes{background:#F8F9FA;padding-block:64px;border-top:1px solid #F3F4F6;}
.bm-icquotes{display:grid;grid-template-columns:1fr;gap:24px;max-width:1024px;margin-inline:auto;}
@media (min-width:768px){.bm-icquotes{grid-template-columns:repeat(2,1fr);}}
.bm-icquote{background:#fff;border:1px solid #F3F4F6;border-radius:16px;padding:28px;box-shadow:var(--bm-shadow-sm);}
.bm-icquote__stars{display:flex;gap:2px;margin:0 0 12px;}
.bm-icquote__text{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.65;color:var(--bm-navy);margin:0 0 16px;}
.bm-icquote__by b{display:block;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:700;color:var(--bm-navy);}
.bm-icquote__by span{display:block;font-family:var(--bm-font-body);font-size:var(--bm-text-xs);color:#9CA3AF;}
.bm-section--icfinal{background:linear-gradient(135deg,#0C4355 0%,#3D6877 100%);padding-block:80px;text-align:center;}
.bm-icfinal__title{font-family:var(--bm-font-heading);font-size:clamp(1.875rem,3.4vw,2.5rem);font-weight:800;color:#fff;margin:0 0 12px;}
.bm-icfinal__sub{font-family:var(--bm-font-body);font-size:var(--bm-text-base);color:rgba(255,255,255,.75);margin:0 0 28px;}
.bm-icfinal__cta a{display:inline-flex;align-items:center;gap:10px;background:var(--bm-wa-green);color:#fff;padding:16px 32px;border-radius:999px;font-family:var(--bm-font-body);font-size:var(--bm-text-base);font-weight:700;text-decoration:none;box-shadow:0 10px 15px -3px rgba(37,211,102,.3);}
/* --- IC CORRECTIONS (line-by-line vs investor-corner.tsx) ---
1. Hero gradient is a THREE-stop 135deg navy > teal > green.
2. Two large outlined circles sit behind the hero content.
3. Hero content capped at max-w-3xl (768px), not full width.
4. Pill has a pulsing green dot, not a static icon.
5. TRUST STRIP IS LIGHT (#F8F9FA, grey text) - I had it navy.
6. Padding is py-20 lg:py-28. */
.bm-section--ic-hero{background:linear-gradient(135deg,#0C4355 0%,#3D6877 60%,#2a7068 100%)!important;padding-block:80px!important;position:relative;}
@media (min-width:1024px){.bm-section--ic-hero{padding-block:112px!important;}}
.bm-section--ic-hero::before,.bm-section--ic-hero::after{content:"";position:absolute;border-radius:999px;border:1px solid rgba(255,255,255,.1);pointer-events:none;}
.bm-section--ic-hero::before{width:600px;height:600px;top:-192px;right:-192px;}
.bm-section--ic-hero::after{width:400px;height:400px;bottom:-128px;left:-128px;}
.bm-section--ic-hero .bm-container{position:relative;z-index:1;}
.bm-ic__pill,.bm-ic__title,.bm-ic__sub,.bm-ic__ctas{max-width:768px;}
.bm-ic__pill{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;padding:8px 16px!important;font-weight:700!important;}
.bm-ic__pill::before{content:"";width:8px;height:8px;border-radius:999px;background:#25D366;animation:bm-pulse 2s cubic-bezier(.4,0,.6,1) infinite;}
@keyframes bm-pulse{0%,100%{opacity:1}50%{opacity:.4}}
.bm-ic__title{line-height:1.08!important;font-size:clamp(2.25rem,5vw,3.75rem)!important;}
.bm-ic__sub{font-size:1.125rem!important;font-weight:500;color:rgba(255,255,255,.75)!important;margin-bottom:40px!important;max-width:672px;}
@media (min-width:768px){.bm-ic__sub{font-size:1.25rem!important;}}
.bm-ic__ctas a{padding:16px 32px!important;font-size:15px!important;}
.bm-ic__ctas a.wa{box-shadow:0 10px 15px -3px rgba(0,0,0,.2)!important;}
.bm-section--ic-strip{background:#F8F9FA!important;border-top:0!important;border-bottom:1px solid #F3F4F6;padding-block:16px!important;}
.bm-icstrip p{color:#6B7280!important;font-size:var(--bm-text-sm)!important;}
.bm-icstrip p::before{color:var(--bm-teal)!important;}
/* --- IC DEAL CARD DETAIL ---
Icon tile is 48px with a white/30 border and blur; tag is 11px;
card title is text-lg BOLD (700), not 16px extrabold. Eyebrow is
text-sm teal. Grid gap-6 at max-w-6xl. */
.bm-section--why .bm-eyebrow{font-size:var(--bm-text-sm);color:var(--bm-teal);letter-spacing:.1em;margin-bottom:12px;}
.bm-deals{gap:24px!important;}
.bm-deal__ico{width:48px!important;height:48px!important;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(4px);}
.bm-deal__tag{font-size:11px!important;letter-spacing:.06em;border:1px solid rgba(255,255,255,.3);padding:4px 12px!important;}
.bm-deal__title{font-size:var(--bm-text-lg)!important;font-weight:700!important;}
.bm-deal__text{color:#6B7280!important;line-height:1.625!important;}
/* --- IC SHADOWS ---
Each deal card carries a TINTED shadow at 30% of its own gradient colour,
0 12px 40px. I had a flat grey shadow, which is why the cards read
flatter than the design. Same technique as the homepage step cards. */
.bm-deal{box-shadow:none;transition:transform .3s ease,box-shadow .3s ease;}
.bm-deal--1{box-shadow:0 12px 40px rgba(61,104,119,.3);}
.bm-deal--2{box-shadow:0 12px 40px rgba(12,67,85,.3);}
.bm-deal--3{box-shadow:0 12px 40px rgba(233,152,142,.3);}
.bm-deal--4{box-shadow:0 12px 40px rgba(42,112,104,.3);}
.bm-deal--5{box-shadow:0 12px 40px rgba(90,61,119,.3);}
.bm-deal--6{box-shadow:0 12px 40px rgba(61,85,119,.3);}
.bm-deal--1:hover{box-shadow:0 20px 56px rgba(61,104,119,.42);}
.bm-deal--2:hover{box-shadow:0 20px 56px rgba(12,67,85,.42);}
.bm-deal--3:hover{box-shadow:0 20px 56px rgba(233,152,142,.42);}
.bm-deal--4:hover{box-shadow:0 20px 56px rgba(42,112,104,.42);}
.bm-deal--5:hover{box-shadow:0 20px 56px rgba(90,61,119,.42);}
.bm-deal--6:hover{box-shadow:0 20px 56px rgba(61,85,119,.42);}
.bm-ic-form{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)!important;}
.bm-ic__ctas a.wa{box-shadow:0 10px 15px -3px rgba(37,211,102,.4)!important;}
.bm-icfinal__cta a{box-shadow:0 10px 15px -3px rgba(0,0,0,.25)!important;}
/* --- SHADOW SWEEP ---
Checked every page source for missing shadows. Findings:
- Developer benefit cards should be WHITE with shadow-sm, not grey
with none.
- The dark CTA panel and the teal PX card carry shadow-lg.
- FAQ items have no shadow in source, so those are correct as-is.
- Coloured shadows appear ONLY on the Investor Corner deal cards and
the homepage step cards, both now done. No other page uses them. */
.bm-bencard{background:#fff!important;box-shadow:var(--bm-shadow-sm)!important;padding:32px!important;}
.bm-ctapanel{box-shadow:var(--bm-shadow-lg);}
.bm-px--dark{box-shadow:var(--bm-shadow-lg);}
.bm-ctapanel .btn{box-shadow:var(--bm-shadow-lg);}
/* Estate agents benefit cards use the same white + shadow-sm treatment */
.bm-section--why .bm-bencard{background:#fff!important;}
/* ==========================================================================
MOBILE SAFETY PASS
Found by auditing the stylesheet rather than by eye - the browser here
will not emulate a narrow viewport, so this is a static audit of the
things that typically break at 390px.
========================================================================== */

@media (max-width:640px){
/* 1. Hero image stat strips are absolutely positioned and sized for
desktop. On a phone they crowd the photo, so they sit below it. */
.bm-phero__media{display:flex;flex-direction:column;}
.bm-hstats,.bm-devstats{position:static!important;left:auto;right:auto;bottom:auto;margin-top:12px;}
.bm-hstats{flex-wrap:wrap;justify-content:flex-start;gap:12px 20px;}
.bm-hstats i{display:none;}
.bm-devstats{flex-direction:column;align-items:flex-start;gap:12px;}
.bm-devstat--r{text-align:left;}

/* 2. Hero badge hangs off the image corner with a negative offset,
which can push it off-screen on narrow viewports. */
.bm-hero__badge{position:static!important;margin-top:16px;width:fit-content;}

/* 3. These grids had no single-column fallback. */
.bm-agentstats{grid-template-columns:1fr!important;gap:16px!important;}
.bm-decade{grid-template-columns:1fr!important;}
.bm-team{grid-template-columns:1fr!important;}
.bm-members{grid-template-columns:1fr!important;}

/* 4. nowrap items that could force horizontal scroll. */
.bm-dept__head h2{white-space:normal!important;}
.bm-offer__trust span{white-space:normal!important;}
.bm-score{white-space:normal!important;}

/* 5. Decorative circles on the Investor Corner hero overflow at 600px
and 400px wide. Hidden rather than scaled. */
.bm-section--ic-hero::before,.bm-section--ic-hero::after{display:none;}

/* 6. Guide article: sidebar stacks under the article, ghost numerals
shrink, CTA padding reduces. */
.bm-gd-grid{grid-template-columns:1fr!important;gap:32px!important;}
.bm-gd-side{position:static!important;}
.bm-gd-cta{padding:24px!important;}
.bm-gstep__num{font-size:2.5rem!important;top:12px;right:16px;}
.bm-gd-cta__btns a{width:100%;justify-content:center;}

/* 7. Phone mockup is 270px wide inside a 390px screen with padding. */
.bm-phone{transform:scale(.85);transform-origin:top center;height:470px;}

/* 8. Split layouts and card grids stack. */
.bm-split,.bm-compare,.bm-routes2,.bm-pxgrid,.bm-icstats,.bm-icquotes,
.bm-whygrid,.bm-probgrid,.bm-bengrid,.bm-protgrid,.bm-deals,.bm-gd-cards,
.bm-trust-grid,.bm-steps4,.bm-steps5{grid-template-columns:1fr!important;}

/* 9. Section padding tightens across the board. */
.bm-section{padding-block:48px!important;}
.bm-section--marquee,.bm-section--stats,.bm-section--ic-strip{padding-block:16px!important;}
.bm-gd-hero{padding-block:40px!important;}
}
/* --- IC STRIP MOBILE ---
The four reassurance points were laying out as a wrapping flex row, so
three stacked and one paired off beside another. Forcing a single column
on mobile so they all sit consistently. */
@media (max-width:767px){
.bm-icstrip{flex-direction:column;align-items:flex-start;gap:10px!important;}
.bm-icstrip p{width:100%;}
}

/* --- PAGE HERO ABOVE-THE-FOLD (25 Aug) ---
Same treatment as the homepage and offer page: the generic section
padding (96px) was beating the hero's own value, and headline size plus
generous gaps pushed the postcode form's button below the fold. Scoped
with double class so it wins regardless of snippet order. Applies to
EVERY .bm-phero page hero (Sellers, Landlords, Agents, Developers...).
Fields and button untouched; desktop only, mobile keeps its own pass. */
/* v3 (25 Aug): +24px more breathing room per review. Previously v2 (25 Aug): loosened ~55px after review - v1 pulled everything too
high. CTA now sits just above the fold rather than mid-screen. */
@media (min-width:768px){
.bm-section.bm-phero{padding-top:64px!important;}
.bm-section.bm-phero .bm-pill{margin-bottom:20px!important;}
.bm-section.bm-phero .bm-phero__title{font-size:clamp(2rem,3.7vw,3.5rem)!important;margin-bottom:20px!important;}
.bm-section.bm-phero .bm-phero__sub{margin-bottom:36px!important;}
.bm-section.bm-phero .bm-phero__form{padding:20px 24px 24px!important;}
.bm-section.bm-phero .bm-phero__form .gform_wrapper .gfield{margin-bottom:16px!important;}
}

/* ---- wpcode snippet 16 ---- */
/* BM / Get Cash Offer page
Restyle of the existing step-two page to match get-offer.tsx.

VISUAL ONLY. Gravity Form 7 keeps all six of its fields, its validation,
its confirmation and its FLG push. Nothing functional is touched. The
design shows four fields; the live form has six (a first Email field and
a required "Where did you hear about us?" dropdown). Both are kept and
styled to match - see the deferred decisions note.

Scoped to .page-id-* via body class so it cannot leak onto other pages.
Every rule here sits behind .bm-offer, applied by the companion JS. */

/* Page canvas */
.bm-section--offer{background:#F8F9FA;}

/* Centre column, 448px as the design (max-w-md) */
.bm-section--offer,
.bm-section--offer{background:#F8F9FA;}

.bm-offer__wrap{max-width:448px;margin:0 auto;padding:48px 16px;}

.bm-offer__title{font-family:var(--bm-font-heading);font-size:1.875rem;font-weight:800;line-height:1.2;color:var(--bm-navy);text-align:center;margin:0 0 8px;}
.bm-offer__sub{font-family:var(--bm-font-body);font-size:var(--bm-text-base);color:#6B7280;text-align:center;margin:0 0 32px;}

/* The white card */
.bm-section--offer .gform_wrapper{background:#fff;border:1px solid #F3F4F6;border-radius:24px;box-shadow:var(--bm-shadow-sm);padding:32px;}

/* Fields */
.bm-section--offer .gform_wrapper .gfield{margin-bottom:20px;}
.bm-section--offer .gform_wrapper .gfield_label{display:block;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:600;color:var(--bm-navy);margin-bottom:6px;}
.bm-section--offer .gform_wrapper .gfield_required{color:var(--bm-coral);}

.bm-section--offer .gform_wrapper input[type=text],
.bm-section--offer .gform_wrapper input[type=tel],
.bm-section--offer .gform_wrapper input[type=email],
.bm-section--offer .gform_wrapper select,
.bm-section--offer .gform_wrapper textarea{
width:100%;
border:1px solid #E5E7EB;
border-radius:12px;
padding:14px 16px;
font-family:var(--bm-font-body);
font-size:var(--bm-text-base);
font-weight:500;
color:var(--bm-navy);
background:#fff;
transition:border-color .15s ease, box-shadow .15s ease;
}
.bm-section--offer .gform_wrapper input::placeholder,
.bm-section--offer .gform_wrapper textarea::placeholder{color:#9CA3AF;font-weight:400;}

.bm-section--offer .gform_wrapper input:focus,
.bm-section--offer .gform_wrapper select:focus,
.bm-section--offer .gform_wrapper textarea:focus{
outline:none;
border-color:var(--bm-teal);
box-shadow:0 0 0 3px rgba(61,104,118,.2);
}

/* Gravity Forms wraps sub-fields in spans with padding - neutralise */
.bm-section--offer .gform_wrapper .ginput_complex > span{padding-inline:0!important;}

/* Submit button */
.bm-section--offer .gform_wrapper .gform_footer{margin:24px 0 0;padding:0;}
.bm-section--offer .gform_wrapper .gform_footer input[type=submit],
.bm-section--offer .gform_wrapper .gform_footer button{
width:100%;
background:var(--bm-teal);
color:#fff;
border:0;
border-radius:12px;
padding:16px;
font-family:var(--bm-font-body);
font-size:var(--bm-text-base);
font-weight:700;
cursor:pointer;
box-shadow:var(--bm-shadow-md);
transition:background .2s ease;
}
.bm-section--offer .gform_wrapper .gform_footer input[type=submit]:hover,
.bm-section--offer .gform_wrapper .gform_footer button:hover{background:var(--bm-navy);}

/* Validation */
.bm-section--offer .gform_wrapper .validation_message{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);color:#EF4343;margin-top:6px;}
.bm-section--offer .gform_wrapper .gfield_error input,
.bm-section--offer .gform_wrapper .gfield_error select{border-color:#EF4343;}

/* Trust row beneath the card */
.bm-offer__trust{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:24px 0 0;font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:500;color:#9CA3AF;}
.bm-offer__trust span{white-space:nowrap;}
/* SCOPE NOTE
Originally keyed to body.bm-offer, applied by JS on the live URL. Now
scoped to .bm-section--offer instead, which is a class on the new build
page (218693). That means:
- it only styles pages carrying that class, so nothing leaks
- no JavaScript needed to switch it on
- when the content is pasted into the live page later, the class comes
with it and the styling follows automatically
The live page at /get-your-cash-offer/ is untouched. */


/* --- OFFER FORM ABOVE-THE-FOLD (v2 patch, 25 Aug) ---
The design's card has four rows; the live form has five (the required
"Where did you hear about us?" dropdown stays - functional, untouched).
That extra row plus generous spacing pushed the submit button below the
fold. This tightens the column's vertical rhythm ~150px so the button
clears the fold on laptop screens. Field COUNT and behaviour unchanged.
Desktop only; mobile keeps the roomier spacing for tap comfort. */
@media (min-width:768px){
.bm-offer__wrap{padding-top:20px!important;padding-bottom:40px!important;}
.bm-section--offer .bm-offer__title{font-size:1.625rem!important;margin-bottom:4px!important;}
.bm-section--offer .bm-offer__sub{margin-bottom:16px!important;}
.bm-section--offer .gform_wrapper{padding:20px 32px 24px!important;}
.bm-section--offer .gform_wrapper .gfield{margin-bottom:12px!important;}
.bm-section--offer .gform_wrapper .gfield_label{margin-bottom:4px!important;}
.bm-section--offer .gform_wrapper input[type=text],
.bm-section--offer .gform_wrapper input[type=tel],
.bm-section--offer .gform_wrapper input[type=email],
.bm-section--offer .gform_wrapper select{padding:10px 16px!important;}
.bm-section--offer .gform_wrapper .gform_footer{margin-top:14px!important;}
.bm-section--offer .gform_wrapper .gform_footer input[type=submit],
.bm-section--offer .gform_wrapper .gform_footer button{padding:13px!important;}
}

/* v2b: the section wrapper was also adding the default 96px section
padding above the card. The wrap's own padding is enough. */
@media (min-width:768px){
.bm-section.bm-section--offer{padding-top:12px!important;padding-bottom:48px!important;}
}

/* ---- wpcode snippet 17 ---- */
/* BM / Sections (v2)
Split from v1 (~46KB) which kept failing to save. CSS from multiple
snippets combines identically. If a rule here must beat one in v1, make it
MORE SPECIFIC rather than relying on load order. */

/* --- TRUST LOGOS (13) --- */
.bm-section--trust{background:var(--bm-white);border-top:1px solid #F3F4F6;}
.bm-section--trust .bm-eyebrow{text-align:center;font-size:var(--bm-text-sm);font-weight:800;letter-spacing:.25em;color:var(--bm-navy);margin:0 0 48px;}
.bm-trust-grid{display:grid;grid-template-columns:1fr;gap:24px;max-width:896px;margin-inline:auto;}
.bm-trust-grid > .wp-block-group__inner-container{display:contents!important;}
@media (min-width:640px){.bm-trust-grid{grid-template-columns:repeat(3,1fr);}}
.bm-trust-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;border:1px solid #E5E7EB;border-radius:16px;padding:40px 32px;box-shadow:var(--bm-shadow-sm);transition:box-shadow .2s ease,border-color .2s ease;}
.bm-trust-tile:hover{box-shadow:var(--bm-shadow-md);border-color:rgba(61,104,118,.3);}
.bm-trust-tile > .wp-block-group__inner-container{display:contents!important;}
.bm-trust-tile .container-xl{display:contents!important;}
.bm-trust-tile figure{margin:0;}
.bm-trust-tile img{height:96px;width:auto;max-width:100%;object-fit:contain;display:block;}
.bm-trust-tile__label{font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#9CA3AF;text-align:center;line-height:1.625;margin:0;}

/* --- FAQ (14). Native details/summary: no JS, keyboard accessible, and the
answers stay readable by search engines. --- */
.bm-section--faq{background:#F8F9FA;}
.bm-faq{max-width:768px;margin-inline:auto;display:grid;gap:12px;}
.bm-faq > .wp-block-group__inner-container{display:contents!important;}
.bm-faq details{background:var(--bm-white);border:1px solid #E5E7EB;border-radius:12px;overflow:hidden;}
.bm-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;font-family:var(--bm-font-body);font-size:var(--bm-text-base);font-weight:700;color:var(--bm-navy);transition:background .2s ease;}
.bm-faq summary::-webkit-details-marker{display:none;}
.bm-faq summary:hover{background:#F9FAFB;}
.bm-faq summary::after{content:"\25BE";font-size:18px;color:var(--bm-teal);transition:transform .3s ease;}
.bm-faq details[open] summary::after{transform:rotate(180deg);}
.bm-faq details > div{padding:0 24px 20px;font-family:var(--bm-font-body);font-size:var(--bm-text-base);font-weight:500;line-height:1.625;color:#4B5563;}
.bm-faq-cta{display:flex;flex-direction:column;align-items:center;gap:16px;justify-content:space-between;background:var(--bm-white);border:1px solid #E5E7EB;border-radius:16px;padding:20px 28px;max-width:768px;margin:40px auto 0;}
.bm-faq-cta > .wp-block-group__inner-container{display:contents!important;}
@media (min-width:640px){.bm-faq-cta{flex-direction:row;}}
.bm-faq-cta__text{margin:0;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);color:#6B7280;}
.bm-faq-cta__text strong{display:block;color:var(--bm-navy);font-weight:700;}

/* --- FINAL CTA (15) --- */
.bm-section--final{background:var(--bm-teal);}
.bm-section--final .bm-container{max-width:768px;text-align:center;}
.bm-final__title{font-family:var(--bm-font-heading);font-size:clamp(2.25rem,4vw,3rem);font-weight:800;line-height:1.15;color:var(--bm-white)!important;margin:0 0 20px;}
.bm-final__sub{font-family:var(--bm-font-body);font-size:1.25rem;color:rgba(255,255,255,.8);margin:0 0 40px;}
.bm-final__card{background:var(--bm-white);padding:12px;border-radius:16px;box-shadow:var(--bm-shadow-xl);max-width:576px;margin:0 auto 32px;}
.bm-final__card > .wp-block-group__inner-container{display:block!important;}
.bm-final__pills{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin:0;}
.bm-final__pills a{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;font-family:var(--bm-font-body);font-size:var(--bm-text-base);font-weight:700;text-decoration:none;transition:background .2s ease;}
.bm-final__pills a.tel{background:rgba(255,255,255,.15);color:#fff;}
.bm-final__pills a.wa{background:var(--bm-wa-green);color:#fff;}
.bm-final__note{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);color:rgba(255,255,255,.5);margin:24px 0 0;}
/* --- AI CHAT + CONTACT (12) ---
Teal band, two-column split. Chat panel is a DUMMY for now: the button
points nowhere because no /chat page exists yet. Wire it up when it does. */
.bm-section--chat{background:var(--bm-navy);}
.bm-chat{display:grid;grid-template-columns:1fr;gap:24px;max-width:1024px;margin-inline:auto;}
.bm-chat > .wp-block-group__inner-container{display:contents!important;}
@media (min-width:768px){.bm-chat{grid-template-columns:2fr 1fr;}}

.bm-chat__panel{background:rgba(255,255,255,.1);border-radius:16px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;}
.bm-chat__panel > .wp-block-group__inner-container{display:contents!important;}
.bm-chat__panel .container-xl{display:block!important;padding:0!important;margin:0!important;max-width:none!important;}
.bm-chat__title{font-family:var(--bm-font-heading);font-size:var(--bm-text-xl);font-weight:800;color:var(--bm-white)!important;margin:0 0 4px;}
.bm-chat__text{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);color:rgba(255,255,255,.7);margin:0;}

.bm-chat__btn{margin:0;}
.bm-chat__btn a{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;border-radius:12px;background:var(--bm-coral);color:var(--bm-navy);font-family:var(--bm-font-body);font-size:var(--bm-text-base);font-weight:800;text-decoration:none;transition:background .3s ease,color .3s ease;}
.bm-chat__btn a:hover{background:var(--bm-white);}
.bm-chat__btn a::after{content:"\2192";}

.bm-chat__contact a{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:12px;font-family:var(--bm-font-body);font-size:var(--bm-text-base);font-weight:800;text-decoration:none;transition:background .2s ease;}
.bm-chat__contact a.tel{background:var(--bm-white);color:var(--bm-navy);margin-bottom:12px;}
.bm-chat__contact a.tel:hover{background:var(--bm-coral);}
.bm-chat__contact a.wa{background:var(--bm-wa-green);color:#fff;}
.bm-chat__contact a.wa:hover{background:#20bb5a;}

/* --- VIDEO LIBRARY (16) ---
Third video section on the page, so the facade matters: nothing loads
until a card is clicked. Navy band to sit against the teal CTA above. */
.bm-section--library{background:var(--bm-navy);}
.bm-library__head{display:flex;flex-direction:column;align-items:flex-start;gap:12px;justify-content:space-between;margin-bottom:32px;}
.bm-library__head > .wp-block-group__inner-container{display:contents!important;}
.bm-library__head .container-xl{display:contents!important;}
@media (min-width:640px){.bm-library__head{flex-direction:row;align-items:flex-end;}}
.bm-section--library .bm-eyebrow{text-align:left;color:var(--bm-mint);margin:0 0 4px;}
.bm-library__title{font-family:var(--bm-font-heading);font-size:clamp(1.5rem,2.6vw,2rem);font-weight:800;line-height:1.15;color:var(--bm-white)!important;margin:0;text-align:left;}
.bm-library__link{margin:0;}
.bm-library__link a{display:inline-flex;align-items:center;gap:8px;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:700;color:var(--bm-white);text-decoration:none;white-space:nowrap;}
.bm-library__link a::before{content:"";width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FF0000'%3E%3Cpath d='M15.8 4.8s-.2-1.3-.7-1.8c-.7-.7-1.5-.7-1.8-.8C11.1 2 8 2 8 2s-3.1 0-5.3.2c-.4.1-1.2.1-1.8.8C.4 3.5.2 4.8.2 4.8S0 6.3 0 7.8v1.4c0 1.5.2 3 .2 3s.2 1.3.7 1.8c.7.7 1.6.7 2 .8C4.2 15 8 15 8 15s3.1 0 5.3-.2c.4-.1 1.2-.1 1.8-.8.5-.5.7-1.8.7-1.8s.2-1.5.2-3V7.8c0-1.5-.2-3-.2-3zM6.4 10.4V5.6l4.8 2.4-4.8 2.4z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;}
.bm-library__link a:hover{text-decoration:underline;}
.bm-library{display:grid;grid-template-columns:1fr;gap:24px;}
.bm-library > .wp-block-group__inner-container{display:contents!important;}
@media (min-width:640px){.bm-library{grid-template-columns:repeat(2,1fr);}}
@media (min-width:900px){.bm-library{grid-template-columns:repeat(3,1fr);}}
.bm-lib-item > .wp-block-group__inner-container{display:contents!important;}
.bm-lib-item .container-xl{display:block!important;padding:0!important;margin:0!important;max-width:none!important;}
.bm-lib-item .bm-video{border-radius:12px;box-shadow:var(--bm-shadow-lg);margin-bottom:12px;}
.bm-lib-item .bm-video__play{width:52px;height:52px;background:rgba(255,255,255,.9);}
.bm-lib-item .bm-video__play::after{border-width:9px 0 9px 14px;margin-left:3px;}
.bm-lib-item__title{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:700;line-height:1.4;color:var(--bm-white)!important;margin:0;}

/* --- LIBRARY + STORIES CORRECTIONS ---
Checked against the design render:
1. The video library sits on light #F8F9FA, not navy. The teal CTA ends
and the library runs light beneath it, so text flips to navy.
2. Customer stories show TWO cards at a time, third reached by scrolling.
Source builds visibleStories from two entries. */
.bm-section--library{background:#F8F9FA!important;}
.bm-section--library .bm-eyebrow{color:var(--bm-teal)!important;}
.bm-library__title{color:var(--bm-navy)!important;}
.bm-library__link a{color:var(--bm-navy)!important;}
.bm-lib-item__title{color:var(--bm-navy)!important;}
@media (min-width:768px){.bm-stories{grid-auto-columns:minmax(0,calc(50% - 12px))!important;}}

/* --- STORIES SCROLL FIX ---
minmax(0, calc(50% - 12px)) let the three tracks shrink to fit the row,
so all three showed and nothing scrolled. A fixed track size makes the
third card overflow, which is what puts it on scroll as the design has
it - two visible, third reached with the arrows. */
.bm-stories{grid-auto-columns:calc(50% - 12px)!important;}
@media (max-width:767px){.bm-stories{grid-auto-columns:88%!important;}}

/* --- STORIES SCROLL FIX v2 ---
v1 lost to the equivalent rule in Sections (v1), which WPCode outputs
after this snippet. Adding the section class raises specificity so it
wins regardless of snippet order - exactly the situation flagged in the
header comment of this file. */
.bm-section--stories .bm-stories{grid-auto-columns:calc(50% - 12px)!important;}
@media (max-width:767px){.bm-section--stories .bm-stories{grid-auto-columns:88%!important;}}

/* ==========================================================================
SOURCE AUDIT CORRECTIONS
Six differences found comparing the build against home.tsx and index.css.
All scoped with a section or parent class so they beat the equivalent
rules in Sections (v1), which WPCode outputs after this file.
========================================================================== */

/* 1. MARQUEE SPEED. index.css line 145: 18s for a full cycle. Ours was
faster. The track is duplicated and the keyframe moves -50%, same as
source, so 18s reproduces the design exactly. */
.bm-section--marquee .bm-marquee__track{animation-duration:18s!important;}

/* 2. HEADING WEIGHT. 17 of 18 headings in source are extrabold (800).
We were using 700 everywhere but the hero. */
.bm-section .bm-section-title,
.bm-section .bm-route__title,
.bm-section .bm-pocket__title,
.bm-section .bm-library__title,
.bm-section .bm-chat__title,
.bm-section .bm-card__title{font-weight:800!important;}

/* 3. HEADING SIZE. Source is text-4xl md:text-5xl = 36px rising to 48px.
Ours topped out at 40px. Who We Work With is one step down in source
(text-3xl md:text-4xl). */
.bm-section .bm-section-title{font-size:clamp(2.25rem,4vw,3rem)!important;}
.bm-section--who .bm-section-title{font-size:clamp(1.875rem,3.2vw,2.25rem)!important;}

/* 4. SECTION INTRO. Source is text-lg (18px) grey-500, ours was 16px. */
.bm-section .bm-section-intro{font-size:1.125rem!important;color:#6B7280!important;}

/* 5. CONTAINER WIDTHS. The source varies these deliberately per section;
we had been using one width throughout, which is why several sections
read slightly wide even when their internal ratios matched. */
.bm-section--reviews .bm-container,
.bm-section--who .bm-container,
.bm-section--pocket .bm-container,
.bm-section--routes .bm-container{max-width:1152px;}
.bm-section--featured .bm-container,
.bm-section--steps .bm-container,
.bm-section--stories .bm-container,
.bm-section--team .bm-container,
.bm-section--library .bm-container{max-width:1024px;}
.bm-section--explainer .bm-container,
.bm-section--trust .bm-container{max-width:896px;}
.bm-section--faq .bm-container,
.bm-section--final .bm-container{max-width:768px;}

/* 6. SECTION PADDING, from the <section> tags in source. */
.bm-section--reviews{padding-block:0 40px!important;}
.bm-section--featured{padding-block:48px!important;}
.bm-section--routes{padding-block:64px!important;}
.bm-section--who{padding-block:80px!important;}
.bm-section--steps{padding-block:96px!important;}
.bm-section--pocket{padding-block:80px!important;}
.bm-section--explainer{padding-block:96px!important;}
.bm-section--stories{padding-block:96px!important;}
.bm-section--team{padding-block:96px!important;}
.bm-section--chat{padding-block:64px!important;}
.bm-section--trust{padding-block:80px!important;}
.bm-section--faq{padding-block:96px!important;}
.bm-section--final{padding-block:96px!important;}
.bm-section--library{padding-block:80px!important;}
@media (max-width:767px){
.bm-section{padding-block:56px!important;}
.bm-section--hero{padding-block:64px!important;}
.bm-section--marquee{padding-block:0!important;}
.bm-section--reviews{padding-block:0 32px!important;}
}

/* --- MARQUEE SPEED + REVIEWS SPACING ---
1. 18s (the source value) still read too fast in place. Slowed to 40s.
This is now a deliberate departure from the design, not a match, so
worth knowing if anyone later compares the two.
2. Source gives the Trustpilot band pt-0, so it sat hard against the
marquee. Top padding added so the eyebrow can breathe. */
.bm-section--marquee .bm-marquee__track{animation-duration:40s!important;}
.bm-section--reviews{padding-block:72px 40px!important;}
@media (max-width:767px){.bm-section--reviews{padding-block:48px 32px!important;}}


/* --- HERO ABOVE-THE-FOLD (v3 patch, 25 Aug) ---
1. The headline was rendering at the tokens-file size (88px cap) because
   snippet output order let the older rule win over the corrected 76px cap
   in Sections (v1). Pinned here with section scope so the design size
   applies regardless of snippet order, on any install.
2. Hero top padding 96 -> 48px from 768px up. The theme header (top bar +
   nav) is ~60px taller than the design's slim nav, so the design's pt-24
   pushed the form and ratings row below the fold. This compensates so the
   full hero sits above the fold as drawn. Bottom padding untouched (the
   badge overhang needs it); mobile untouched. */
.bm-section--hero .bm-hero__title{font-size:clamp(2.25rem,4.9vw,4.75rem)!important;line-height:1.05!important;}
@media (min-width:768px){
.bm-section.bm-section--hero{padding-top:48px!important;}
}


/* --- HERO ABOVE-THE-FOLD (v3b - trust row in frame) ---
Second pass: tightens the vertical rhythm inside the hero so the trust
bullets AND the ratings row clear the fold on shorter laptop screens.
Field and button sizes untouched - only whitespace and the headline's
top cap give ground. Desktop only. */
@media (min-width:768px){
.bm-section--hero .bm-hero__title{font-size:clamp(2.25rem,4.4vw,4.25rem)!important;margin-bottom:12px!important;}
.bm-section--hero .bm-hero__sub{margin-bottom:20px!important;}
.bm-section--hero .bm-hero__form .gform_wrapper .gform_footer{margin-top:14px!important;}
.bm-section--hero .bm-trust-row{margin-top:14px!important;}
.bm-section--hero .bm-ratings-row{margin-top:12px!important;}
.bm-section.bm-section--hero{padding-top:36px!important;}
}


/* ============================================================
   HERO MEDIA DESIGN-MATCH (25 Aug): match home.tsx hero image.
   Replit design: 2-col grid, 64px gap (lg:gap-16), image fills
   its half column at fixed heights h-340/480/580 with
   object-fit:cover (landscape rectangle crop of the square
   source), rounded 2rem. Previous rules kept the square image
   at intrinsic shape in a 49% column with ~200px gutter, so it
   sat too far from the copy. Form capped at 512px (max-w-lg)
   per the design. 580px height from 1024px mirrors Tailwind lg.
   Mirrored to live + staging. */
.bm-section.bm-section--hero .bm-hero__media img{width:100% !important;height:340px !important;object-fit:cover;border-radius:2rem !important;display:block;}
@media (min-width:782px){
.bm-section.bm-section--hero .bm-hero__grid{justify-content:flex-start;gap:64px !important;}
.bm-section.bm-section--hero .bm-hero__grid > .wp-block-column.bm-hero__content{flex:0 0 calc(50% - 32px) !important;max-width:calc(50% - 32px) !important;}
.bm-section.bm-section--hero .bm-hero__grid > .wp-block-column.bm-hero__media{flex:0 0 calc(50% - 32px) !important;max-width:calc(50% - 32px) !important;}
.bm-section.bm-section--hero .bm-hero__media img{height:480px !important;}
.bm-section.bm-section--hero .bm-hero__form{max-width:512px !important;}
}
@media (min-width:1024px){
/* 25 Aug: 580px (design lg) reduced to 480px at Steve's request -
   brings the image bottom close to the ratings row until the new
   slim navbar ships; position/column/gap unchanged. */
.bm-section.bm-section--hero .bm-hero__media img{height:480px !important;}
}

/* HERO MEDIA DESIGN-MATCH addendum (25 Aug): the frame wrapper
   was absolute + right-anchored (inset:0 0 0 auto; width:auto),
   which shrink-wrapped the image back to a square and left a
   36px offset inside the column. Restore normal flow so the
   image fills the full column width like the Replit design. */
@media (min-width:782px){
.bm-section.bm-section--hero .bm-hero__frame{position:relative !important;inset:auto !important;width:100% !important;}
}

/* HERO HEADLINE LINE-BREAK MATCH (25 Aug): the Replit design
   renders the H1 as three lines - "Sell your" / "home." /
   "Fast." - because the copy sits in a max-w-xl (576px) column
   and "Sell your home." at 76px cannot fit one line. Our fold
   standard caps the title at 68px, at which "Sell your home."
   DID fit the 616px column on one line, changing the breaks.
   Capping the heading box width forces the same wrap after
   "your" at 68px. 500px is safe: "Sell your" (~340px) fits,
   "Sell your home." (~560px) cannot. Desktop only - mobile
   wraps naturally like the design. */
@media (min-width:782px){
.bm-section.bm-section--hero .bm-hero__title{max-width:500px;}
}

/* HERO BADGE RE-ANCHOR (25 Aug): the "5,000+ homes sold" badge
   was positioned with bottom:calc(-10% - 20px), tuned against
   the old absolute full-height frame. With the frame back in
   normal flow (580px tall) that resolved to -78px, dropping the
   badge clear of the image. Design (home.tsx) is -bottom-5
   -left-4 relative to the image box, i.e. it overlaps the
   bottom-left corner. */
@media (min-width:782px){
.bm-section.bm-section--hero .bm-hero__badge{bottom:-20px !important;left:-16px !important;}
}

/* HERO BOTTOM GAP (25 Aug): hero section had 150px bottom
   padding, leaving ~138px between the overlay badge and the
   marquee strip. Design (home.tsx) is pb-16 = 64px below the
   image, i.e. ~44px clearance under the badge. Desktop only. */
@media (min-width:782px){
.bm-section.bm-section--hero{padding-bottom:64px !important;}
}
/* ---- wpcode snippet 18 ---- */
/* BM / Sections (v1)
Kept separate from the tokens snippet so neither file gets big enough to
make the WPCode editor struggle. Tokens = the design system. This = the
sections built on top of it. */

/* --- Generic section headings, reused by every section from here on --- */
.bm-section-title{font-family:var(--bm-font-heading);font-size:clamp(1.75rem,3.4vw,2.5rem);font-weight:700;line-height:1.15;letter-spacing:var(--bm-tracking-tight);color:var(--bm-navy);text-align:center;margin:0 0 var(--bm-space-3);}
.bm-section-intro{font-family:var(--bm-font-body);font-size:var(--bm-text-base);line-height:1.55;color:var(--bm-text-muted);text-align:center;max-width:640px;margin:0 auto var(--bm-space-8);}

/* --- HERO: match the Replit proportions ---
Measured from the two screenshots:
Replit copy 34.9% | gap 16.3% | photo 48.8%
Ours copy ~48% | gap 4% | photo ~48%
Narrowing the copy column is what makes the headline stack onto three
lines by itself - no hard line breaks, so the text stays editable. The
taller copy column then sets the row height and the image grows with it. */
@media (min-width:782px){
.bm-hero__grid{gap:0!important;justify-content:space-between;}
.bm-hero__grid > .wp-block-column.bm-hero__content{flex:0 0 35%!important;max-width:35%!important;}
.bm-hero__grid > .wp-block-column.bm-hero__media{flex:0 0 49%!important;max-width:49%!important;}
}
.bm-hero__title{font-size:clamp(2.75rem,4.6vw,4.25rem)!important;line-height:1.02;}

/* --- Trust bullets: circled ticks, drawn in CSS (no image, no request) --- */
.bm-trust-row{gap:var(--bm-space-6);color:var(--bm-navy);font-weight:600;}
.bm-trust-row span{display:inline-flex;align-items:center;gap:var(--bm-space-2);}
.bm-trust-row span::before{content:'';flex:0 0 17px;width:17px;height:17px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230C4355' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 12.5l2.5 2.5L16 9.5'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;}

/* --- CARD GRID: the most reused pattern on the site ---
Sections 5 and 6 use it, and it carries over to service pages in Phase 6.
1 col mobile, 2 from 600px, 4 from 900px. This theme renders Group blocks
with an inner container, so the grid is declared on both. */
.bm-cards,.bm-cards > .wp-block-group__inner-container{display:grid;grid-template-columns:1fr;gap:var(--bm-space-4);}
@media (min-width:600px){.bm-cards,.bm-cards > .wp-block-group__inner-container{grid-template-columns:repeat(2,1fr);}}
@media (min-width:900px){
.bm-cards--4,.bm-cards--4 > .wp-block-group__inner-container{grid-template-columns:repeat(4,1fr);}
.bm-cards--2,.bm-cards--2 > .wp-block-group__inner-container{grid-template-columns:repeat(2,1fr);}
}
.bm-card{position:relative;overflow:hidden;border-radius:var(--bm-radius-card);aspect-ratio:4/5;background:var(--bm-muted);}
.bm-card > .wp-block-group__inner-container{height:100%;}
.bm-card figure{margin:0;height:100%;}
.bm-card img{width:100%;height:100%;object-fit:cover;display:block;}
.bm-card__body{position:absolute;left:0;right:0;bottom:0;padding:var(--bm-space-4);background:linear-gradient(to top,rgba(12,67,85,.92) 0%,rgba(12,67,85,.65) 55%,rgba(12,67,85,0) 100%);}
.bm-card__eyebrow{font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.75);margin:0 0 2px;}
.bm-card__title{font-family:var(--bm-font-heading);font-size:var(--bm-text-xl);font-weight:700;line-height:1.2;color:var(--bm-white)!important;margin:0;}
.bm-card__link{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);margin:var(--bm-space-1) 0 0;}
.bm-card__link a{color:var(--bm-white);text-decoration:none;display:inline-flex;align-items:center;gap:6px;}
.bm-card__link a::after{content:'\2192';transition:transform .15s ease;}
.bm-card:hover .bm-card__link a::after{transform:translateX(3px);}

/* --- RATINGS ROW FIT ---
With the copy column narrowed to 35% the two rating clusters no longer
fit side by side and wrapped onto two lines. Tighten the gap, shrink the
stars slightly and allow the type to scale down a touch so the row holds
one line, as in the design. */
.bm-ratings-row{gap:var(--bm-space-3);flex-wrap:nowrap;align-items:center;}
.bm-ratings-row .bm-star{width:17px;height:17px;background-size:9px 9px;}
.bm-ratings-row .bm-stars{gap:1px;}
.bm-score{font-size:clamp(0.75rem,0.95vw,0.875rem);white-space:nowrap;}
.bm-rev{gap:6px;}
.bm-rev-divider{margin-inline:2px;}


/* --- INNER CONTAINER FIX ---
This theme wraps Group block children in .wp-block-group__inner-container.
Declaring the grid on BOTH the group and its inner container produced a
grid nested inside one of its own cells - cards came out 66px wide.
display:contents removes the wrapper from layout so cards become direct
grid items. Safe whether or not the theme renders that wrapper. */
.bm-cards > .wp-block-group__inner-container{display:contents!important;}
.bm-card > .wp-block-group__inner-container{display:contents!important;}
.bm-card{min-height:280px;}

/* --- TWO ROUTES (section 5) ---
Measured from the design: cash route button is coral, investor route
button is MINT #7AD0C5 - not the teal the v4 spec assumed. Recorded as
its own token. The route-meaning rule still holds: coral = cash sale,
mint = investor network. Do not swap them. */
:root{--bm-mint:#7AD0C5;}

.bm-routes{display:grid;grid-template-columns:1fr;gap:var(--bm-space-4);}
.bm-routes > .wp-block-group__inner-container{display:contents!important;}
@media (min-width:900px){.bm-routes{grid-template-columns:repeat(2,1fr);}}

.bm-route{position:relative;overflow:hidden;border-radius:var(--bm-radius-card);min-height:520px;display:flex;}
.bm-route > .wp-block-group__inner-container{display:contents!important;}
.bm-route figure{position:absolute;inset:0;margin:0;z-index:0;}
.bm-route img{width:100%;height:100%;object-fit:cover;display:block;}
.bm-route::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;}
.bm-route--cash::after{background:linear-gradient(180deg,rgba(12,67,85,.45) 0%,rgba(12,67,85,.93) 70%);}
.bm-route--investor::after{background:linear-gradient(180deg,rgba(16,22,34,.5) 0%,rgba(16,22,34,.94) 70%);}

.bm-route__body{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--bm-space-3);padding:var(--bm-space-8);width:100%;}
.bm-route__body > .wp-block-group__inner-container{display:contents!important;}

.bm-route__badge{align-self:flex-start;margin:0;padding:5px 12px;border-radius:var(--bm-radius-pill);font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;}
.bm-route--cash .bm-route__badge{background:var(--bm-coral);color:var(--bm-navy);}
.bm-route--investor .bm-route__badge{background:transparent;color:var(--bm-mint);padding-inline:0;}

.bm-route__title{font-family:var(--bm-font-heading);font-size:clamp(1.5rem,2.4vw,2rem);font-weight:700;line-height:1.15;letter-spacing:var(--bm-tracking-tight);color:var(--bm-white)!important;margin:0;}
.bm-route--cash .bm-route__title .bm-accent{color:var(--bm-coral);}
.bm-route--investor .bm-route__title .bm-accent{color:var(--bm-mint);}

.bm-route__intro{margin:0;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.5;color:rgba(255,255,255,.82);}

.bm-route__list{list-style:none;padding:0;margin:var(--bm-space-2) 0 0;display:grid;gap:10px;}
.bm-route__list li{display:flex;align-items:flex-start;gap:10px;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.4;color:rgba(255,255,255,.92);}
.bm-route__list li::before{content:"";flex:0 0 16px;width:16px;height:16px;margin-top:2px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;}

.bm-route__cta{margin:auto 0 0;padding-top:var(--bm-space-6);}
.bm-route__cta a{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:var(--bm-space-3) var(--bm-space-6);border-radius:var(--bm-radius-btn);font-family:var(--bm-font-body);font-size:var(--bm-text-base);font-weight:600;text-decoration:none;transition:filter .15s ease;}
.bm-route__cta a::after{content:"\2192";}
.bm-route__cta a:hover{filter:brightness(1.06);}
.bm-route--cash .bm-route__cta a{background:var(--bm-coral);color:var(--bm-navy);}
.bm-route--investor .bm-route__cta a{background:var(--bm-mint);color:var(--bm-navy);}

/* --- HERO IMAGE ALIGN + SCALE ---
Right edge now lines up with the LET'S TALK button in the header rather
than bleeding past it. The nav container and our grid share the same
right edge, so simply dropping the negative bleed margin lands it exactly.
Image scaled to 110% of the copy column height, so it sits a little
below the ratings row as the design shows. */
@media (min-width:782px){
.bm-hero__grid > .wp-block-column.bm-hero__media{margin-right:0!important;}
.bm-hero__media img{height:110%!important;}
}

/* --- HERO IMAGE ALIGN v2 ---
v1 lost to the earlier bleed rule in the tokens snippet, which loads
after this one. Adding .bm-section--hero raises specificity so these win
regardless of snippet order. */
@media (min-width:782px){
.bm-section--hero .bm-hero__grid > .wp-block-column.bm-hero__media{margin-right:0!important;}
.bm-section--hero .bm-hero__media img{height:110%!important;}
}

/* --- BADGE TO IMAGE CORNER ---
The badge sits against the frame, but the image now runs 10% past the
frame bottom, leaving it floating mid-photo. Percentages in bottom resolve
against the frame height, so subtracting 10% moves it down by exactly the
overflow - keeping it on the image corner at any size. */
@media (min-width:782px){
.bm-section--hero .bm-hero__badge{bottom:calc(var(--bm-space-8) - 10%)!important;}
}

/* --- LOGO ROW (sections 4 and 13) ---
Press logos and regulator marks, same pattern both times: a centred row
that wraps on small screens, logos capped by height so different aspect
ratios sit on one optical line. Greyscale with colour on hover stops them
competing with the brand palette. */
.bm-logo-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--bm-space-12);}
.bm-logo-row > .wp-block-group__inner-container{display:contents!important;}
.bm-logo{margin:0;}
.bm-logo img{height:34px;width:auto;max-width:180px;object-fit:contain;display:block;filter:grayscale(1);opacity:.65;transition:filter .2s ease,opacity .2s ease;}
.bm-logo img:hover{filter:grayscale(0);opacity:1;}
@media (min-width:768px){.bm-logo img{height:40px;max-width:220px;}}
.bm-section--featured .bm-eyebrow{text-align:center;margin:0 0 var(--bm-space-6);}

/* --- ROUTE CARD RATIO ---
Measured from the design: the route cards are 89x101, i.e. portrait
(taller than wide). Ours were rendering 640x520 - landscape - which read
as squarish. Ratio applied only from 900px up, where the cards sit two
across; on mobile they stack full width and content sets the height. */
@media (min-width:900px){
.bm-section--routes .bm-route{aspect-ratio:89/101;min-height:0;}
}

/* --- BADGE PILLS ---
Two fixes:
1. The badges were stretching the full card width instead of hugging
their text. width:fit-content pins them to their content.
2. The investor badge is now a filled mint pill matching the coral one
on the cash card. Note this differs from the design, where the
investor label is plain mint text with no pill - deliberate change. */
.bm-route__badge{width:fit-content;max-width:100%;}
.bm-route--investor .bm-route__badge{background:var(--bm-mint)!important;color:var(--bm-navy)!important;padding-inline:12px!important;}

/* --- HOW IT WORKS (section 7) ---
Three coloured panels at 2:1 - coral, teal, navy - each holding a small
numbered tile beside an oversized ghost numeral. Title and copy sit
BELOW the panel on white, not inside it. Measured from the design. */
.bm-steps{display:grid;grid-template-columns:1fr;gap:var(--bm-space-8);}
.bm-steps > .wp-block-group__inner-container{display:contents!important;}
@media (min-width:768px){.bm-steps{grid-template-columns:repeat(3,1fr);gap:var(--bm-space-6);}}

.bm-step > .wp-block-group__inner-container{display:contents!important;}
.bm-step__panel{position:relative;overflow:hidden;aspect-ratio:2/1;border-radius:var(--bm-radius-card);display:flex;align-items:center;justify-content:center;gap:var(--bm-space-2);margin-bottom:var(--bm-space-4);}
.bm-step__panel > .wp-block-group__inner-container{display:contents!important;}
.bm-step--1 .bm-step__panel{background:var(--bm-coral);}
.bm-step--2 .bm-step__panel{background:var(--bm-teal);}
.bm-step--3 .bm-step__panel{background:var(--bm-navy);}

.bm-step__icon{position:relative;z-index:2;margin:0;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.3);font-family:var(--bm-font-heading);font-weight:700;font-size:var(--bm-text-lg);color:var(--bm-white);}

.bm-step__ghost{position:relative;z-index:1;margin:0;font-family:var(--bm-font-heading);font-weight:800;line-height:.8;font-size:clamp(4rem,7vw,6rem);color:rgba(255,255,255,.22);}

.bm-step__title{font-family:var(--bm-font-heading);font-size:var(--bm-text-lg);font-weight:700;color:var(--bm-navy);margin:0 0 var(--bm-space-2);}
.bm-step__text{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.55;color:var(--bm-text-muted);margin:0;}

/* --- SECTION BACKGROUNDS ---
Checked against the design: the Trustpilot reviews band sits on WHITE and
As Featured In sits on the muted grey. We had them the other way round. */
.bm-section--reviews{background:var(--bm-white)!important;}
.bm-section--featured{background:var(--bm-muted)!important;}

/* --- ROUTE CTA TO FOOT ---
The card body is full height, but theme paragraph margins were beating
margin-top:auto, so all the content bunched at the top with dead space
below the button. Forcing auto pushes the CTA to the foot of the card and
lets the copy breathe, as the design shows. */
.bm-route__cta{margin-top:auto!important;margin-bottom:0!important;}
.bm-route__body{justify-content:flex-start;}
.bm-route__list{margin-bottom:var(--bm-space-4);}

/* --- ROUTE CTA v2 ---
margin-top:auto kept losing to theme paragraph rules even with important.
Growing the bullet list instead pushes the CTA to the foot without
involving margins at all - align-content:start keeps the bullets
themselves at the top of the space they now occupy. */
.bm-route__list{flex:1 1 auto;align-content:start;}

/* --- ROUTE CTA v3 - the actual cause ---
The theme wraps every block inside the card in its own .container-xl div,
so my flex rules were landing on the list and the CTA while their real
flex parent was that wrapper. display:contents dissolves the wrappers so
the badge, title, copy, list and CTA become genuine flex children of the
card body - then the list can grow and push the CTA to the foot. */
.bm-route__body .container-xl{display:contents!important;}
.bm-route__body > .wp-block-group__inner-container{display:contents!important;}

/* --- ROUTE CARD SIZING v2 ---
Two corrections measured against the design:
1. The design route cards span about 80% of the container, not the full
width - roughly 518px each rather than our 640. Grid narrowed to suit.
2. The forced 0.88 ratio gave 726px of card for ~430px of content, which
is where the dead space between bullets and button came from. Height
is now content-driven with a floor, so the card is as tall as it needs
to be and no taller. */
.bm-routes{max-width:1040px;margin-inline:auto;}
@media (min-width:900px){
.bm-section--routes .bm-route{aspect-ratio:auto;min-height:560px;}
}

/* --- STEP PANEL SIZING ---
Measured: design panels are 51x27 (1.89:1) and the three of them span
about 72% of the container, not its full width. Our ratio was already
right at 2:1 - the panels were simply too big because the grid ran full
width. Narrowing the grid brings them to roughly 295x156, matching the
design. Ratio set to the exact 51/27 while we are here. */
.bm-steps{max-width:940px;margin-inline:auto;}
.bm-step__panel{aspect-ratio:51/27;}

/* --- OFFER IN YOUR POCKET (section 8) ---
Full-bleed navy band, roughly 2:1. Copy left, phone mockup right.
The theme wraps every block in .container-xl, so those are dissolved
here too - same fix as the route cards. */
.bm-section--pocket{background:var(--bm-navy);}
.bm-pocket{display:grid;grid-template-columns:1fr;gap:var(--bm-space-8);align-items:center;}
.bm-pocket > .wp-block-group__inner-container{display:contents!important;}
@media (min-width:900px){.bm-pocket{grid-template-columns:1.05fr .95fr;gap:var(--bm-space-12);}}
.bm-pocket__content > .wp-block-group__inner-container{display:contents!important;}
.bm-pocket__content .container-xl{display:block!important;padding:0!important;margin:0!important;max-width:none!important;}

.bm-pocket__eyebrow{font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--bm-mint);margin:0 0 var(--bm-space-3);}
.bm-pocket__title{font-family:var(--bm-font-heading);font-size:clamp(1.875rem,3.2vw,2.75rem);font-weight:700;line-height:1.12;letter-spacing:var(--bm-tracking-tight);color:var(--bm-white)!important;margin:0 0 var(--bm-space-4);}
.bm-pocket__intro{font-family:var(--bm-font-body);font-size:var(--bm-text-base);line-height:1.55;color:rgba(255,255,255,.82);margin:0 0 var(--bm-space-6);max-width:46ch;}

/* Reusable white checklist */
.bm-checklist{list-style:none;padding:0;margin:0 0 var(--bm-space-8);display:grid;gap:10px;}
.bm-checklist li{display:flex;align-items:flex-start;gap:10px;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.4;color:rgba(255,255,255,.92);}
.bm-checklist li::before{content:"";flex:0 0 16px;width:16px;height:16px;margin-top:2px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;}

.bm-pocket__cta{margin:0;}
.bm-pocket__cta a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:var(--bm-space-3) var(--bm-space-8);border-radius:var(--bm-radius-btn);background:var(--bm-coral);color:var(--bm-navy);font-family:var(--bm-font-body);font-size:var(--bm-text-base);font-weight:600;text-decoration:none;transition:filter .15s ease;}
.bm-pocket__cta a::after{content:"\2192";}
.bm-pocket__cta a:hover{filter:brightness(1.06);}

.bm-pocket__media{display:flex;justify-content:center;align-items:center;}
.bm-pocket__media > .wp-block-group__inner-container{display:contents!important;}
.bm-pocket__media .container-xl{display:contents!important;}
.bm-pocket__media figure{margin:0;}
.bm-pocket__media img{max-width:300px;width:100%;height:auto;display:block;}

/* --- VIDEO FACADE (sections 9, 10 and 16) ---
The site uses Vimeo, not YouTube. A straight embed loads roughly half a
megabyte of player before anyone presses play, and there are three video
sections on this page - so nothing is embedded until the user clicks.
Until then it is a poster image and a button. The poster is fetched from
Vimeo once by the BM / Video facade script and cached by the browser. */
.bm-video{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--bm-radius-card);overflow:hidden;background:var(--bm-navy);cursor:pointer;border:0;padding:0;display:block;}
.bm-video img{width:100%;height:100%;object-fit:cover;display:block;}
.bm-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}

/* Play button */
.bm-video__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:999px;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;transition:transform .18s ease,background .18s ease;pointer-events:none;}
.bm-video:hover .bm-video__play{transform:translate(-50%,-50%) scale(1.07);background:#fff;}
.bm-video__play::after{content:"";margin-left:5px;border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent var(--bm-navy);}

/* Subtle scrim so the play button always reads */
.bm-video::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,67,85,.15),rgba(12,67,85,.35));pointer-events:none;}
.bm-video.is-playing::after,.bm-video.is-playing .bm-video__play{display:none;}

.bm-section--explainer{background:var(--bm-white);}
.bm-video-wrap{max-width:840px;margin-inline:auto;}
.bm-video-wrap > .wp-block-group__inner-container{display:contents!important;}

/* --- CUSTOMER STORIES (section 10) ---
Muted band, heading left-aligned rather than centred. Cards scroll
horizontally with scroll-snap - no carousel library, per the spec.
Each card is a video facade, so nothing loads until a card is clicked.
Cards with no data-vimeo simply stay navy: usable placeholders until
the real videos exist. */
.bm-section--stories{background:var(--bm-muted);}
.bm-section--stories .bm-section-title{text-align:left;margin-bottom:var(--bm-space-8);}
.bm-section--stories .bm-eyebrow{text-align:left;margin:0 0 var(--bm-space-2);}

.bm-stories{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,80%);gap:var(--bm-space-6);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--bm-space-4);scrollbar-width:none;-ms-overflow-style:none;}
.bm-stories::-webkit-scrollbar{display:none;}
.bm-stories > .wp-block-group__inner-container{display:contents!important;}
@media (min-width:768px){.bm-stories{grid-auto-columns:minmax(0,calc(50% - var(--bm-space-3)));}}
@media (min-width:1200px){.bm-stories{grid-auto-columns:minmax(0,calc(40% - var(--bm-space-3)));}}

.bm-story{scroll-snap-align:start;}
.bm-story > .wp-block-group__inner-container{display:contents!important;}
.bm-story .container-xl{display:block!important;padding:0!important;margin:0!important;max-width:none!important;}

.bm-story__quote{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.5;color:var(--bm-navy);margin:var(--bm-space-4) 0 var(--bm-space-2);}
.bm-story__name{font-family:var(--bm-font-body);font-size:var(--bm-text-xs);color:var(--bm-text-muted);margin:0;}
.bm-story__name strong{color:var(--bm-navy);font-weight:600;}

/* Five green stars, drawn in CSS */
.bm-story__stars{display:flex;gap:2px;margin:0;}
.bm-story__stars span{width:15px;height:15px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300B67A'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;}

/* --- CUSTOMER STORIES v2 ---
Checked against the design: the stars, quote and name sit OVERLAID on
the video thumbnail, not stacked beneath it. The card is the video.
Also adds the two scroll arrows top-right. */

/* Header row: title left, arrows right */
.bm-stories__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--bm-space-6);margin-bottom:var(--bm-space-8);}
.bm-stories__head > .wp-block-group__inner-container{display:contents!important;}
.bm-stories__head .container-xl{display:contents!important;}
.bm-section--stories .bm-section-title{margin-bottom:0;}

.bm-stories__nav{display:none;gap:var(--bm-space-2);flex:0 0 auto;}
@media (min-width:768px){.bm-stories__nav{display:flex;}}
.bm-stories__nav button{width:38px;height:38px;border-radius:999px;border:1px solid var(--bm-border);background:transparent;color:var(--bm-navy);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,border-color .15s ease;font-size:15px;line-height:1;}
.bm-stories__nav button:hover{background:var(--bm-white);border-color:var(--bm-navy);}
.bm-stories__nav button[disabled]{opacity:.35;cursor:default;}

/* Card = the video itself, everything else overlaid */
.bm-story{position:relative;aspect-ratio:16/9;border-radius:var(--bm-radius-card);overflow:hidden;scroll-snap-align:start;background:var(--bm-navy);}
.bm-story .bm-video{position:absolute;inset:0;border-radius:0;aspect-ratio:auto;height:100%;}

.bm-story__stars{position:absolute;top:var(--bm-space-3);right:var(--bm-space-3);z-index:3;display:flex;gap:2px;margin:0;pointer-events:none;}
.bm-story__stars span{width:11px;height:11px;}

.bm-story__caption{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:var(--bm-space-4);pointer-events:none;background:linear-gradient(to top,rgba(12,67,85,.94) 0%,rgba(12,67,85,.6) 60%,rgba(12,67,85,0) 100%);}
.bm-story__caption > .wp-block-group__inner-container{display:contents!important;}
.bm-story__caption .container-xl{display:contents!important;}
.bm-story__quote{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);line-height:1.45;color:var(--bm-white)!important;margin:0 0 var(--bm-space-2);}
.bm-story__name{font-family:var(--bm-font-body);font-size:var(--bm-text-xs);color:rgba(255,255,255,.75)!important;margin:0;}
.bm-story__name strong{color:var(--bm-white);font-weight:600;}

/* ==========================================================================
STEPS v2 (from source)
Rebuilt from home.tsx rather than measured off the render. Each step is
ONE card: gradient top half with a frosted tile and clipped ghost numeral,
white lower half inside the same card, and a shadow tinted to the card
colour. Lifts 4px on hover.
========================================================================== */
.bm-steps{max-width:1024px;margin-inline:auto;gap:var(--bm-space-6);}

.bm-step{border-radius:24px;overflow:hidden;background:var(--bm-white);transition:transform .3s ease,box-shadow .3s ease;}
.bm-step:hover{transform:translateY(-4px);}
.bm-step--1{box-shadow:0 16px 48px rgba(233,152,142,.35);}
.bm-step--2{box-shadow:0 16px 48px rgba(61,104,119,.35);}
.bm-step--3{box-shadow:0 16px 48px rgba(12,67,85,.35);}

.bm-step__panel{position:relative;height:176px;aspect-ratio:auto;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:0;margin-bottom:0;}
.bm-step--1 .bm-step__panel{background:linear-gradient(145deg,#E9988E 0%,#d4776c 100%);}
.bm-step--2 .bm-step__panel{background:linear-gradient(145deg,#3D6877 0%,#2a5a6e 100%);}
.bm-step--3 .bm-step__panel{background:linear-gradient(145deg,#0C4355 0%,#083446 100%);}

/* Ghost numeral: 9rem, clipped by the panel edge */
.bm-step__ghost{position:absolute;right:16px;bottom:0;transform:translateY(16px);margin:0;z-index:1;font-family:var(--bm-font-heading);font-weight:800;font-size:9rem;line-height:1;color:rgba(255,255,255,.10);user-select:none;}

/* Frosted tile */
.bm-step__icon{position:relative;z-index:2;margin:0;display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:16px;background:rgba(255,255,255,.20);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:2px solid rgba(255,255,255,.40);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);font-family:var(--bm-font-heading);font-weight:800;font-size:2.25rem;color:var(--bm-white);}

/* White lower half, inside the card */
.bm-step__body{background:var(--bm-white);padding:24px 28px 28px;}
.bm-step__body > .wp-block-group__inner-container{display:block!important;}
.bm-step__body .container-xl{display:block!important;padding:0!important;margin:0!important;max-width:none!important;}
.bm-step__title{font-family:var(--bm-font-heading);font-size:var(--bm-text-xl);font-weight:700;color:var(--bm-navy);margin:0 0 var(--bm-space-2);}
.bm-step__text{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:500;line-height:1.625;color:var(--bm-text-muted);margin:0;}

/* ==========================================================================
ELEVATION + RADII (from source)
The design leans heavily on shadow; we had built everything flat. These
are the Tailwind shadow values the source actually uses, recorded once as
tokens and applied across the sections already built.
========================================================================== */
:root{
--bm-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);
--bm-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
--bm-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
--bm-shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
--bm-shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);
--bm-shadow-hover:0 32px 80px rgba(0,0,0,.25);
--bm-radius-lg:16px;
--bm-radius-xl:24px;
--bm-radius-2xl:32px;
}

/* --- Hero --- */
.bm-hero__media img{border-radius:var(--bm-radius-2xl)!important;box-shadow:var(--bm-shadow-2xl);}
.bm-hero__badge{border-radius:var(--bm-radius-lg);box-shadow:var(--bm-shadow-xl);border:1px solid rgba(0,0,0,.06);}
.bm-section--hero .gform_wrapper .gform_footer button[type="submit"]{box-shadow:var(--bm-shadow-md);}

/* --- Route cards: 32px radius, deep shadow, image scales on hover --- */
.bm-route{border-radius:var(--bm-radius-2xl);box-shadow:var(--bm-shadow-2xl);transition:box-shadow .5s ease;}
.bm-route:hover{box-shadow:var(--bm-shadow-hover);}
.bm-route img{transition:transform .7s ease;}
.bm-route:hover img{transform:scale(1.05);}
.bm-route__cta a{box-shadow:var(--bm-shadow-lg);transition:background .3s ease,color .3s ease;}
.bm-route__cta a:hover{background:var(--bm-white)!important;color:var(--bm-navy)!important;filter:none;}

/* --- Who we work with: image scales, card holds still --- */
.bm-card img{transition:transform .5s ease;}
.bm-card:hover img{transform:scale(1.05);}

/* --- Video facades --- */
.bm-video{border-radius:var(--bm-radius-xl);box-shadow:var(--bm-shadow-2xl);}
.bm-video img{transition:transform .5s ease;}
.bm-video:hover img{transform:scale(1.05);}
.bm-video__play{box-shadow:var(--bm-shadow-2xl);transition:transform .2s ease;}
.bm-video:hover .bm-video__play{transform:translate(-50%,-50%) scale(1.10);}

/* --- Story cards --- */
.bm-story{border-radius:var(--bm-radius-lg);box-shadow:var(--bm-shadow-md);border:1px solid rgba(0,0,0,.06);}
.bm-story .bm-video{border-radius:0;box-shadow:none;}

/* --- Trustpilot widget --- */
.bm-section--reviews .trustpilot-widget{border-radius:var(--bm-radius-lg);box-shadow:var(--bm-shadow-md);overflow:hidden;}

/* --- Offer in your pocket CTA --- */
.bm-pocket__cta a{box-shadow:var(--bm-shadow-lg);transition:background .3s ease,color .3s ease;}
.bm-pocket__cta a:hover{background:var(--bm-white)!important;color:var(--bm-navy)!important;filter:none;}

/* ==========================================================================
HERO + FEATURED FIXES (from source)
========================================================================== */

/* 1. Hero type. Source: h1 font-extrabold (800), up to 76px, line-height
1.05. Sub is 20px, weight 500, #4B5563 - we had it lighter and smaller. */
.bm-hero__title{font-weight:800!important;font-size:clamp(2.25rem,4.9vw,4.75rem)!important;line-height:1.05!important;margin-bottom:20px!important;}
.bm-hero__sub{font-size:1.25rem!important;font-weight:500!important;color:#4B5563!important;margin-bottom:32px!important;}

/* 2. Badge. Source: -bottom-5 -left-4, i.e. it overhangs the bottom-left
corner of the image rather than sitting inside it. Because our image runs
10% past the frame, the offset is calculated from that overflow. */
@media (min-width:782px){
.bm-section--hero .bm-hero__badge{bottom:calc(-10% - 20px)!important;left:-16px!important;}
}
.bm-hero__badge{border-radius:16px;padding:12px 20px;}
.bm-hero__badge-title{font-size:var(--bm-text-sm);font-weight:800;}
.bm-hero__badge-sub{font-size:var(--bm-text-xs);color:#6B7280;}

/* 3. As featured in. Source uses NO greyscale - the logos are in colour at
70% opacity, going to 100% on hover. mix-blend-multiply is what drops the
white boxes out of the PNGs against the band behind them. */
.bm-logo img{
filter:none!important;
opacity:.7;
mix-blend-mode:multiply;
transition:opacity .2s ease;
}
.bm-logo img:hover{opacity:1;filter:none!important;}
.bm-logo:nth-child(1) img{height:48px;}
.bm-logo:nth-child(2) img{height:40px;}
.bm-logo:nth-child(3) img{height:48px;}
@media (max-width:767px){.bm-logo img{height:36px!important;}}

/* Source band is #F8F9FA with hairline borders top and bottom */
.bm-section--featured{background:#F8F9FA!important;border-top:1px solid #F3F4F6;border-bottom:1px solid #F3F4F6;}
.bm-section--featured .bm-eyebrow{font-size:10px;font-weight:800;letter-spacing:.25em;color:#9CA3AF;margin-bottom:40px;}
.bm-logo-row{gap:32px;}
@media (min-width:768px){.bm-logo-row{gap:64px;}}

/* ==========================================================================
MARQUEE v3 (from source)
Corrected against home.tsx. Eleven items, not five. The colour split was
the wrong way round: the lead text is white at 70% in Poppins medium, the
HIGHLIGHT is coral in Lexend extrabold. Items are separated by a faint
diamond, not a rule. Icons are drawn from the source SVGs.
========================================================================== */
.bm-marquee__item{gap:10px;padding:16px 20px;font-family:var(--bm-font-body);font-size:1rem;font-weight:500;letter-spacing:.025em;color:rgba(255,255,255,.7);white-space:nowrap;}
.bm-marquee__item + .bm-marquee__item{margin-left:0;}

/* Highlight = coral, Lexend, extrabold */
.bm-marquee__item strong{font-family:var(--bm-font-heading);font-weight:800;color:var(--bm-coral);font-size:1rem;}

/* Diamond separator after every item */
.bm-marquee__item::after{content:"\2726";width:auto;height:auto;background:none;margin:0 0 0 12px;color:rgba(255,255,255,.2);font-size:1.125rem;line-height:1;}

/* Leading icons, from the source SVGs */
.bm-marquee__item--trustpilot::before,
.bm-marquee__item--reviewsio::before,
.bm-marquee__item--star::before,
.bm-marquee__item--award::before,
.bm-marquee__item--spark::before{content:"";flex:0 0 auto;background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:0;}
.bm-marquee__item--trustpilot::before{width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='3' fill='%2300B67A'/%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z' fill='white'/%3E%3C/svg%3E");}
.bm-marquee__item--reviewsio::before{width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='3' fill='%23FF6B35'/%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z' fill='white'/%3E%3C/svg%3E");}
.bm-marquee__item--star::before{width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300B67A'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");}
.bm-marquee__item--award::before{width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FACC15' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M15.477 12.89L17 22l-5-3-5 3 1.523-9.11'/%3E%3C/svg%3E");}
.bm-marquee__item--spark::before{content:"\2726";width:auto;height:auto;color:rgba(255,255,255,.4);font-weight:700;font-size:.875rem;}

/* Strip: navy with hairline rules top and bottom */
.bm-section--marquee{border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);}

/* ==========================================================================
HERO PADDING + CARD HOVER (from source)
========================================================================== */

/* 1. Hero breathing room. Source: pt-16 md:pt-24 pb-16 = 64px top mobile,
96px desktop, 64px bottom. We had roughly half that, which is why the
image sat too close to the marquee strip. */
.bm-section--hero{padding-block:64px!important;}
@media (min-width:768px){.bm-section--hero{padding-block:96px 64px!important;}}

/* Also fixes the step card number centring - the theme wrapper again */
.bm-step__panel .container-xl{display:contents!important;}
.bm-step__icon{margin-inline:auto!important;}
.bm-steps{gap:40px!important;}
@media (max-width:767px){.bm-steps{gap:24px!important;}}

/* 2. Who we work with: description slides open on hover.
Source: opacity 0 -> 1 and max-height 0 -> 80px over 300ms, plus the
arrow gap widening from 6px to 12px. */
.bm-card__desc{
margin:0 0 var(--bm-space-4);
font-family:var(--bm-font-body);
font-size:var(--bm-text-sm);
font-weight:500;
line-height:1.625;
color:rgba(255,255,255,.8);
opacity:0;
max-height:0;
overflow:hidden;
transition:opacity .3s ease,max-height .3s ease;
}
.bm-card:hover .bm-card__desc,
.bm-card:focus-within .bm-card__desc{opacity:1;max-height:80px;}

.bm-card__link a{gap:6px;transition:gap .3s ease;font-weight:700;color:rgba(255,255,255,.9);}
.bm-card:hover .bm-card__link a{gap:12px;}

/* Card title sizing from source: 2xl, extrabold */
.bm-card__title{font-size:var(--bm-text-2xl);font-weight:800;}
.bm-card__eyebrow{font-size:var(--bm-text-xs);font-weight:600;letter-spacing:.05em;color:rgba(255,255,255,.7);}

/* Card gradient from source: from-secondary/90 via-secondary/40 */
.bm-card__body{background:linear-gradient(to top,rgba(12,67,85,.9) 0%,rgba(12,67,85,.4) 50%,transparent 100%);}

/* ==========================================================================
PHONE MOCKUP (section 8) - CSS, no image asset
270x550 handset from source. Body, bezel, side buttons, notch and both
overlay cards are all CSS. The only image is the wallpaper, reusing
cash-couple.jpg from the route cards.
========================================================================== */
.bm-phone{position:relative;width:270px;height:550px;flex:0 0 auto;margin-inline:auto;}
.bm-phone::before{content:"";position:absolute;inset:0;border-radius:48px;background:rgba(234,149,138,.25);filter:blur(48px);transform:scale(1.1);z-index:0;}
.bm-phone::after{content:"";position:absolute;bottom:0;left:50%;width:80%;height:32px;background:rgba(0,0,0,.5);filter:blur(28px);border-radius:999px;transform:translate(-50%,16px);z-index:0;}

.bm-phone__body{position:relative;z-index:1;width:100%;height:100%;border-radius:48px;background:#111827;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 12px rgba(0,0,0,.4),0 24px 40px rgba(0,0,0,.5),0 60px 100px rgba(0,0,0,.55),8px 32px 60px rgba(0,0,0,.3),-8px 32px 60px rgba(0,0,0,.3);}

.bm-phone__body i{position:absolute;width:3px;background:#374151;display:block;}
.bm-phone__body i.b1{left:-3px;top:96px;height:28px;border-radius:4px 0 0 4px;}
.bm-phone__body i.b2{left:-3px;top:144px;height:40px;border-radius:4px 0 0 4px;}
.bm-phone__body i.b3{left:-3px;top:208px;height:40px;border-radius:4px 0 0 4px;}
.bm-phone__body i.b4{right:-3px;top:160px;height:56px;border-radius:0 4px 4px 0;}

.bm-phone__screen{position:absolute;inset:4px;border-radius:42px;overflow:hidden;background:#000;}
.bm-phone__screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.bm-phone__screen::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 45%,rgba(0,0,0,.8));}

.bm-phone__notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:88px;height:28px;background:#000;border-radius:999px;z-index:20;display:flex;align-items:center;justify-content:center;gap:8px;}
.bm-phone__notch b{display:block;border-radius:999px;background:#1f2937;border:1px solid #374151;}
.bm-phone__notch b.n1{width:8px;height:8px;}
.bm-phone__notch b.n2{width:12px;height:12px;}

.bm-phone__prop{position:absolute;top:48px;left:0;right:0;padding:0 20px;z-index:10;}
.bm-phone__prop > div{background:rgba(255,255,255,.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:10px 16px;}
.bm-phone__prop .lbl{font-family:var(--bm-font-body);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6);margin:0 0 2px;}
.bm-phone__prop .val{font-family:var(--bm-font-body);font-size:14px;font-weight:800;color:#fff;margin:0;}

.bm-phone__offer{position:absolute;bottom:40px;left:0;right:0;padding:0 16px;z-index:10;}
.bm-phone__offer > div{background:#fff;border-radius:16px;padding:16px 20px;box-shadow:var(--bm-shadow-xl);}
.bm-phone__offer .row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.bm-phone__offer .brand{font-family:var(--bm-font-heading);font-weight:800;font-size:14px;color:var(--bm-coral);}
.bm-phone__offer .tag{background:#DCFCE7;color:#15803D;font-family:var(--bm-font-body);font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px;}
.bm-phone__offer .cap{font-family:var(--bm-font-body);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9CA3AF;margin:0 0 4px;}
.bm-phone__offer .amt{font-family:var(--bm-font-heading);font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--bm-navy);margin:0;}
.bm-phone__offer .meta{font-family:var(--bm-font-body);font-size:11px;font-weight:500;color:#9CA3AF;margin:2px 0 0;}
.bm-phone__offer .accept{margin-top:12px;background:var(--bm-teal);color:#fff;text-align:center;font-family:var(--bm-font-body);font-size:12px;font-weight:800;padding:10px;border-radius:12px;}

@media (max-width:420px){.bm-phone{transform:scale(.8);transform-origin:top center;height:440px;}}

/* --- HERO BOTTOM CLEARANCE ---
The hero image runs 10% below its frame and the badge hangs 20px below
that again, but the section padding is measured from the grid, not from
the overflow. So the badge was crossing into the marquee strip by ~11px.
Extra bottom padding covers the overflow plus clear air beneath it. */
.bm-section--hero{padding-bottom:64px!important;}
@media (min-width:782px){
.bm-section--hero{padding-bottom:150px!important;}
}

/* --- STORIES v3 (from source) ---
Stars are GOLD #FACC15, not Trustpilot green. Each card gets a white
footer strip below the video with gold stars and a caption. Arrows are
48px circles with a 2px teal border. Two cards per row. */
.bm-stories{grid-auto-columns:minmax(0,calc(50% - 12px))!important;gap:24px!important;max-width:1024px;margin-inline:auto;}
@media (max-width:767px){.bm-stories{grid-auto-columns:minmax(270px,88%)!important;}}
.bm-story{aspect-ratio:auto!important;background:var(--bm-white)!important;border-radius:16px;box-shadow:var(--bm-shadow-md);border:1px solid #F3F4F6;overflow:hidden;}
.bm-story__thumb{position:relative;aspect-ratio:16/9;overflow:hidden;}
.bm-story__thumb .bm-video{position:absolute;inset:0;border-radius:0;box-shadow:none;aspect-ratio:auto;height:100%;}
.bm-story__stars{position:absolute;top:16px;right:16px;z-index:3;display:flex;gap:2px;margin:0;pointer-events:none;}
.bm-story__stars span{width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FACC15'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));}
.bm-story__caption{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:12px 20px 20px;pointer-events:none;background:linear-gradient(to top,rgba(12,67,85,.95) 0%,rgba(12,67,85,.55) 60%,transparent 100%);}
.bm-story__quote{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:600;font-style:italic;line-height:1.375;color:var(--bm-white)!important;margin:0 0 10px;}
.bm-story__name{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);color:rgba(255,255,255,.6)!important;margin:0;}
.bm-story__name strong{color:var(--bm-white);font-weight:700;}
.bm-story__foot{display:flex;align-items:center;justify-content:space-between;background:var(--bm-white);padding:16px 20px;}
.bm-story__foot > .wp-block-group__inner-container{display:contents!important;}
.bm-story__foot .container-xl{display:contents!important;}
.bm-story__foot-stars{display:flex;gap:2px;margin:0;}
.bm-story__foot-stars span{width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FACC15'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;}
.bm-story__verified{font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:500;color:#9CA3AF;margin:0;}
.bm-story .bm-video__play{width:64px;height:64px;background:rgba(255,255,255,.2);backdrop-filter:blur(4px);border:2px solid rgba(255,255,255,.7);}
.bm-story .bm-video__play::after{border-color:transparent transparent transparent #fff;border-width:11px 0 11px 17px;}
.bm-stories__nav button{width:48px;height:48px;border:2px solid var(--bm-teal);color:var(--bm-teal);background:transparent;font-size:20px;transition:background .2s ease,color .2s ease;}
.bm-stories__nav button:hover:not([disabled]){background:var(--bm-teal);color:#fff;}

/* --- MEET THE TEAM (section 11, from source) ---
Six round photos, 96px, 2px grey ring turning teal on hover. Name bold
navy, role small grey beneath. 2 cols mobile, 3 at md, 6 at lg. */
.bm-section--team{background:var(--bm-white);}
.bm-team{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1024px;margin:0 auto 48px;}
.bm-team > .wp-block-group__inner-container{display:contents!important;}
@media (min-width:768px){.bm-team{grid-template-columns:repeat(3,1fr);}}
@media (min-width:1024px){.bm-team{grid-template-columns:repeat(6,1fr);}}

.bm-member{display:flex;flex-direction:column;align-items:center;text-align:center;}
.bm-member > .wp-block-group__inner-container{display:contents!important;}
.bm-member .container-xl{display:contents!important;}
.bm-member figure{margin:0 0 12px;width:96px;height:96px;border-radius:999px;overflow:hidden;box-shadow:var(--bm-shadow-md);outline:2px solid #F3F4F6;outline-offset:0;transition:outline-color .2s ease;}
.bm-member:hover figure{outline-color:var(--bm-teal);}
.bm-member img{width:100%;height:100%;object-fit:cover;display:block;}
.bm-member__name{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:700;color:var(--bm-navy);margin:0;}
.bm-member__role{font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:500;line-height:1.375;color:#9CA3AF;margin:2px 0 0;}

.bm-team-cta{text-align:center;margin:0;}
.bm-team-cta a{display:inline-flex;align-items:center;gap:8px;background:#F8F9FA;border:1px solid #E5E7EB;color:var(--bm-navy);font-family:var(--bm-font-body);font-size:var(--bm-text-base);font-weight:700;padding:14px 32px;border-radius:999px;text-decoration:none;transition:background .2s ease,color .2s ease;}
.bm-team-cta a:hover{background:var(--bm-teal);color:#fff;border-color:var(--bm-teal);}
.bm-team-cta a::after{content:"\2192";}

/* ---- wpcode snippet 19 ---- */
:root{
--bm-navy:#0C4355;
--bm-teal:#3D6876;
--bm-coral:#EA958A;
--bm-white:#FFFFFF;
--bm-muted:#F3F5F7;
--bm-border:#E0E6EB;
--bm-text:#0C4355;
--bm-text-muted:#65758B;
--bm-destructive:#EF4343;
--bm-wa-green:#25D366;
--bm-font-heading:'Lexend',system-ui,sans-serif;
--bm-font-body:'Poppins',system-ui,sans-serif;
--bm-text-xs:0.75rem;
--bm-text-sm:0.875rem;
--bm-text-base:1rem;
--bm-text-lg:1.125rem;
--bm-text-xl:1.25rem;
--bm-text-2xl:1.5rem;
--bm-text-3xl:1.875rem;
--bm-text-4xl:2.25rem;
--bm-text-5xl:3rem;
--bm-text-6xl:3.75rem;
--bm-tracking-tight:-0.02em;
--bm-space-1:4px;
--bm-space-2:8px;
--bm-space-3:12px;
--bm-space-4:16px;
--bm-space-6:24px;
--bm-space-8:32px;
--bm-space-12:48px;
--bm-space-16:64px;
--bm-space-20:80px;
--bm-space-24:96px;
--bm-radius-btn:12px;
--bm-radius-card:16px;
--bm-radius-pill:999px;
--bm-container:1320px;
--bm-gutter:16px;
--bm-band-inset:0px;
--bm-band-radius:0px;
--bm-section-y:64px;
--bm-section-y-tight:48px;
--bm-section-y-compact:32px;
}
@media (min-width:768px){:root{
--bm-gutter:32px;
--bm-section-y:96px;
--bm-section-y-tight:80px;
--bm-section-y-compact:64px;
}}

/* STRUCTURE */
.bm-section{padding-block:var(--bm-section-y);margin-inline:var(--bm-band-inset);border-radius:var(--bm-band-radius);overflow:clip;}
.bm-section--tight{padding-block:var(--bm-section-y-tight);}
.bm-section--compact{padding-block:var(--bm-section-y-compact);}
.bm-section--strip{padding-block:var(--bm-space-4);}
.bm-container{max-width:var(--bm-container);margin-inline:auto;padding-inline:var(--bm-gutter);width:100%;}
.bm-section--white{background:var(--bm-white);}
.bm-section--muted{background:var(--bm-muted);}
.bm-section--teal{background:var(--bm-teal);color:var(--bm-white);}
.bm-section--navy{background:var(--bm-navy);color:var(--bm-white);}
.bm-section--teal :is(h1,h2,h3,h4),.bm-section--navy :is(h1,h2,h3,h4){color:var(--bm-white);}

/* BUTTONS - named for the background they sit on */
.bm-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--bm-space-2);min-height:46px;padding:var(--bm-space-3) var(--bm-space-6);border:0;border-radius:var(--bm-radius-btn);font-family:var(--bm-font-body);font-size:var(--bm-text-base);font-weight:600;line-height:1;text-decoration:none;cursor:pointer;transition:filter .15s ease,transform .15s ease;}
.bm-btn:hover{filter:brightness(1.08);}
.bm-btn:active{transform:translateY(1px);}
.bm-btn--block{width:100%;}
.bm-btn--on-white{background:var(--bm-teal);color:var(--bm-white);}
.bm-btn--on-teal{background:var(--bm-navy);color:var(--bm-white);}
.bm-btn--on-navy{background:var(--bm-coral);color:var(--bm-navy);}
.bm-btn--cash{background:var(--bm-coral);color:var(--bm-navy);}
.bm-btn--investor{background:var(--bm-teal);color:var(--bm-white);}
.bm-btn--pill{border-radius:var(--bm-radius-pill);}
.bm-btn--whatsapp{background:var(--bm-wa-green);color:var(--bm-white);border-radius:var(--bm-radius-pill);}

/* FORM FIELDS - scoped to bm sections only */
.bm-section .gform_wrapper .gfield input[type="text"],
.bm-section .gform_wrapper .gfield input[type="email"],
.bm-section .gform_wrapper .gfield input[type="tel"]{width:100%;min-height:46px;padding:var(--bm-space-3) var(--bm-space-4);border:1px solid var(--bm-border);border-radius:var(--bm-radius-btn);background:var(--bm-white);font-family:var(--bm-font-body);font-size:var(--bm-text-base);color:var(--bm-text);}
.bm-section .gform_wrapper .gfield input::placeholder{color:var(--bm-text-muted);}
.bm-section .gform_wrapper .gfield input:focus{outline:2px solid var(--bm-teal);outline-offset:1px;}
.bm-section .gform_wrapper .gform_footer{margin:var(--bm-space-3) 0 0;padding:0;}
.bm-section .gform_wrapper .gform_footer input[type="submit"]{width:100%;min-height:46px;border:0;border-radius:var(--bm-radius-btn);background:var(--bm-teal);color:var(--bm-white);font-family:var(--bm-font-body);font-size:var(--bm-text-base);font-weight:600;cursor:pointer;}
.bm-section--teal .gform_wrapper .gform_footer input[type="submit"]{background:var(--bm-navy);}

/* MARQUEE - track content must be duplicated for the -50% loop */
@keyframes bm-marquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.bm-marquee{overflow:hidden;-ms-overflow-style:none;scrollbar-width:none;}
.bm-marquee::-webkit-scrollbar{display:none;}
.bm-marquee__track{display:flex;width:max-content;animation:bm-marquee 18s linear infinite;will-change:transform;}
.bm-marquee__track:hover{animation-play-state:paused;}
@media (prefers-reduced-motion:reduce){.bm-marquee__track{animation:none;}}

/* HELPERS */
.bm-muted-text{color:var(--bm-text-muted);}
.bm-eyebrow{font-family:var(--bm-font-body);font-size:var(--bm-text-xs);font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--bm-text-muted);}



/* ==========================================================================
   FULL-BLEED BREAKOUT
   The 'No Title, Full Width Page' template still wraps content in Bootstrap's
   .container (max 1320px) > .row > .col-md-12. These rules cancel that so
   .bm-section bands reach the viewport edge.

   PORTABLE: keys off our own .bm-section markup via :has(), not a page ID.
   Works on any site this stylesheet is installed on. Nothing to change at
   go-live.
   ========================================================================== */

.container:has(.bm-section){max-width:none!important;padding-inline:0!important;width:100%;}
.container:has(.bm-section) > .row{margin-inline:0!important;}
.container:has(.bm-section) > .row > [class*="col-"]{padding-inline:0!important;}
.entry-content:has(.bm-section) > *{margin-block:0;}

/* ==========================================================================
   HERO (section 1)
   Mobile first: one column, content then image. Two columns from 782px up,
   which is where core Columns stops stacking.
   ========================================================================== */

.bm-section--hero{padding-block:var(--bm-space-8) var(--bm-space-12);}
@media (min-width:768px){.bm-section--hero{padding-block:var(--bm-space-16) var(--bm-space-20);}}

.bm-hero__title{font-family:var(--bm-font-heading);font-size:clamp(2.25rem,7vw,3.75rem);font-weight:700;line-height:1.05;letter-spacing:var(--bm-tracking-tight);color:var(--bm-navy);margin:0 0 var(--bm-space-4);}
.bm-accent{color:var(--bm-coral);}
.bm-hero__sub{font-family:var(--bm-font-body);font-size:var(--bm-text-base);line-height:1.5;color:var(--bm-text-muted);margin:0 0 var(--bm-space-6);}
.bm-hero__form{max-width:480px;margin:0;}
.bm-trust-row{display:flex;flex-wrap:wrap;gap:var(--bm-space-4);margin:var(--bm-space-4) 0 0;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);color:var(--bm-text-muted);}
.bm-ratings-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bm-space-6);margin:var(--bm-space-4) 0 0;font-family:var(--bm-font-body);font-size:var(--bm-text-sm);color:var(--bm-text-muted);}
.bm-hero__media figure{margin:0;}
.bm-hero__media img{width:100%;height:auto;display:block;border-radius:var(--bm-radius-card);}
.bm-hero__grid{gap:var(--bm-space-8);margin-bottom:0;}
@media (min-width:782px){.bm-hero__grid{gap:var(--bm-space-12);}}

/* ==========================================================================
   FORM FIELDS - v2 patch
   Gravity Forms renders the submit as <button type=submit>, not input[submit].
   The original rules missed it. Both are covered now, and the height rules
   are strengthened so the theme cannot win on specificity.
   ========================================================================== */

.bm-section .gform_wrapper form .gform_footer button[type="submit"],
.bm-section .gform_wrapper form .gform_footer input[type="submit"],
.bm-section .gform_wrapper form .gform-footer button[type="submit"],
.bm-section .gform_wrapper form .gform-footer input[type="submit"]{
width:100%!important;display:block;min-height:46px!important;height:auto;
padding:var(--bm-space-3) var(--bm-space-6);
border:0!important;border-radius:var(--bm-radius-btn)!important;
background:var(--bm-teal)!important;color:var(--bm-white)!important;
font-family:var(--bm-font-body);font-size:var(--bm-text-base);font-weight:600;
line-height:1.2;cursor:pointer;
}
.bm-section--teal .gform_wrapper form .gform_footer button[type="submit"],
.bm-section--teal .gform_wrapper form .gform_footer input[type="submit"]{background:var(--bm-navy)!important;}

.bm-section .gform_wrapper form .gfield input[type="text"],
.bm-section .gform_wrapper form .gfield input[type="email"],
.bm-section .gform_wrapper form .gfield input[type="tel"]{
min-height:46px!important;height:auto;
padding:var(--bm-space-3) var(--bm-space-4)!important;
font-size:var(--bm-text-base)!important;
}

/* ==========================================================================
   HERO BADGE - the '5,000+ homes sold' card overlapping the image
   Mobile: sits inside the image, bottom left.
   Desktop: hangs slightly off the left edge, as drawn.
   ========================================================================== */

:root{--bm-success:#25A65B;}

.bm-hero__media{position:relative;}

.bm-hero__badge{
position:absolute;left:var(--bm-space-4);bottom:var(--bm-space-4);
background:var(--bm-white);
border-radius:var(--bm-radius-btn);
padding:var(--bm-space-3) var(--bm-space-4);
box-shadow:0 6px 24px rgba(12,67,85,.16);
max-width:78%;
}
@media (min-width:782px){
.bm-hero__badge{left:calc(-1 * var(--bm-space-6));bottom:var(--bm-space-8);max-width:none;}
}

.bm-hero__badge-title{
display:flex;align-items:center;gap:var(--bm-space-2);
margin:0;
font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:700;
line-height:1.2;color:var(--bm-navy);white-space:nowrap;
}
.bm-hero__badge-title::before{
content:'';flex:0 0 16px;width:16px;height:16px;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2325A65B'/%3E%3Cpath d='M4.4 8.4l2.3 2.3 4.9-4.9' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;
}
.bm-hero__badge-sub{
margin:2px 0 0 24px;
font-family:var(--bm-font-body);font-size:var(--bm-text-xs);
line-height:1.3;color:var(--bm-text-muted);white-space:nowrap;
}

/* ==========================================================================
   REVIEW RATINGS ROW (hero, and reusable elsewhere)

   Trustpilot green and Reviews.io orange are THIRD-PARTY BRAND COLOURS, in
   the same category as WhatsApp green. They are not Bettermove palette
   tokens and must never be reused for anything else.

   The star is a CSS background image, so the markup is just empty spans.
   Scores are hardcoded - see the note in the build docs about keeping them
   accurate.
   ========================================================================== */

:root{
--bm-trustpilot:#00B67A;
--bm-reviewsio:#FF6B35;
}

.bm-ratings-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bm-space-6);margin:var(--bm-space-4) 0 0;}

.bm-rev{display:inline-flex;align-items:center;gap:var(--bm-space-2);text-decoration:none;}
.bm-rev:hover .bm-score{text-decoration:underline;}

.bm-stars{display:inline-flex;gap:2px;}
.bm-star{
width:20px;height:20px;border-radius:2px;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");
background-size:12px 12px;background-position:center;background-repeat:no-repeat;
}
.bm-star--trustpilot{background-color:var(--bm-trustpilot);}
.bm-star--reviewsio{background-color:var(--bm-reviewsio);}

.bm-score{font-family:var(--bm-font-body);font-size:var(--bm-text-sm);font-weight:500;color:var(--bm-text-muted);}
.bm-score strong{font-weight:700;color:var(--bm-navy);}

.bm-rev-divider{width:1px;height:20px;background:var(--bm-border);}
@media (max-width:640px){.bm-rev-divider{display:none;}}

/* ==========================================================================
   HERO TIDY-UP
   1. One left edge. The theme caps content children at a max-width and
      centres them, which indents the headline, strapline and trust row by
      24px while the wider form and ratings row sit flush. Cancel both.
   2. Hide the '"*" indicates required fields' legend.
   3. Hide the 'Street Address' sub-label under the field.
   ========================================================================== */

.bm-hero__content > *{max-width:none!important;margin-inline:0!important;}

.bm-hero__form .gform_wrapper,
.bm-hero__form .gform_wrapper form,
.bm-hero__form .gform_wrapper .gform_body,
.bm-hero__form .gform_wrapper .gform_fields,
.bm-hero__form .gform_wrapper .gfield,
.bm-hero__form .gform_wrapper .ginput_container,
.bm-hero__form .gform_wrapper .gform_footer,
.bm-hero__form .gform_wrapper .gform-footer{
margin-inline:0!important;padding-inline:0!important;max-width:none!important;
}

.bm-hero__form .gform_wrapper .gform_fields{grid-column-gap:0!important;column-gap:0!important;}
.bm-hero__form .gform_wrapper .gfield{grid-column:1 / -1!important;}

/* 2. Required-fields legend */
.bm-section .gform_wrapper .gform_required_legend{display:none!important;}

/* 3. Sub-labels under address inputs ('Street Address') */
.bm-section .gform_wrapper .ginput_complex label,
.bm-section .gform_wrapper .gform-field-label--type-sub,
.bm-section .gform_wrapper .gfield .ginput_container_address label{display:none!important;}

/* ==========================================================================
   THEME WRAPPER NEUTRALISER
   The Chillibyte theme wraps individual blocks in <div class='container-xl'>
   with 24px horizontal padding. That is what pushes the headline, strapline
   and trust row out of line with the form and ratings row.

   Inside our sections only, strip that wrapper's padding and width cap so
   every element shares one left edge.
   ========================================================================== */

.bm-section .container-xl{
padding-inline:0!important;
margin-inline:0!important;
max-width:none!important;
width:100%!important;
}

/* ==========================================================================
   INPUT FLUSH FIX
   The theme puts a small horizontal margin on form inputs, leaving the
   address field ~5px right of the button and 10px narrower. Force it flush
   and full width so field and button share the same edges.
   ========================================================================== */

.bm-section .gform_wrapper .ginput_container input,
.bm-section .gform_wrapper .ginput_container_address input,
.bm-section .gform_wrapper .gfield input[type='text'],
.bm-section .gform_wrapper .gfield input[type='email'],
.bm-section .gform_wrapper .gfield input[type='tel']{
margin-inline:0!important;
width:100%!important;
max-width:100%!important;
box-sizing:border-box;
}

/* ==========================================================================
   ADDRESS SUBFIELD FLUSH
   Gravity Forms wraps each address sub-field in a span (.ginput_full,
   .ginput_left, .ginput_right) carrying ~5px horizontal padding to create
   its column gutters. With a single visible sub-field that gutter just
   knocks the input out of line with the button. Zero it inside our sections.
   ========================================================================== */

.bm-section .gform_wrapper .ginput_complex > span,
.bm-section .gform_wrapper .ginput_full,
.bm-section .gform_wrapper .ginput_left,
.bm-section .gform_wrapper .ginput_right{
padding-inline:0!important;
margin-inline:0!important;
width:100%!important;
max-width:100%!important;
}

/* ==========================================================================
   MARQUEE TICKER (section 2)

   Items are ordinary paragraph blocks, so they can be edited in WordPress
   like any other text. Two things are handled here rather than in markup:
   - the divider between items is drawn with ::after
   - the Trustpilot / Reviews.io star chips are drawn with ::before from
     a modifier class, so there is no HTML inside the paragraph to break
   The second copy of the track is cloned by the 'BM / Marquee loop' JS
   snippet. Do not write the items twice.

   This theme renders core Group blocks with an inner container div, so the
   flex row is declared on both.
   ========================================================================== */

.bm-section--marquee{padding-block:0;background:var(--bm-navy);}
.bm-section--marquee .bm-container{padding-inline:0;max-width:none;}

.bm-marquee__track,
.bm-marquee__track > .wp-block-group__inner-container{
display:flex;align-items:center;width:max-content;gap:0;
}

.bm-marquee__item{
display:inline-flex;align-items:center;gap:var(--bm-space-2);
margin-block:0;padding-block:var(--bm-space-3);
font-family:var(--bm-font-body);
font-size:var(--bm-text-sm);font-weight:500;
color:var(--bm-white);white-space:nowrap;
}
.bm-marquee__item strong{font-weight:700;}

/* Divider after every item - correct at the loop seam too */
.bm-marquee__item::after{
content:'';flex:0 0 1px;width:1px;height:14px;
background:rgba(255,255,255,.25);
margin-inline:var(--bm-space-8);
}

/* Star chips from modifier classes */
.bm-marquee__item--trustpilot::before,
.bm-marquee__item--reviewsio::before{
content:'';flex:0 0 16px;width:16px;height:16px;border-radius:2px;
}
.bm-marquee__item--trustpilot::before{background-color:var(--bm-trustpilot);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");background-size:10px 10px;background-position:center;background-repeat:no-repeat;}
.bm-marquee__item--reviewsio::before{background-color:var(--bm-reviewsio);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");background-size:10px 10px;background-position:center;background-repeat:no-repeat;}

/* ==========================================================================
   HEADER ALIGNMENT + HERO IMAGE BLEED

   1. The theme header uses .container-xl (1320px max, 12px padding), so the
      logo sits at the 1320 edge. Our sections were at 1152, leaving the hero
      copy ~104px inside the logo. Container is now 1320 with 12px gutters to
      match, so the headline lines up with the logo exactly.

   2. In the design the hero image runs off the right edge of the screen
      rather than stopping at the container. From 782px up the media column
      is pushed out to the viewport edge.
   ========================================================================== */

:root{--bm-gutter:12px;}
@media (min-width:768px){:root{--bm-gutter:12px;}}

@media (min-width:782px){
.bm-section--hero{overflow:visible;}
.bm-section--hero .bm-container{overflow:visible;}
.bm-hero__media{
margin-right:calc((100vw - var(--bm-container)) / -2 - var(--bm-gutter));
}
.bm-hero__media img{
width:100%;
border-top-right-radius:0;
border-bottom-right-radius:0;
}
}

/* BLEED OVERRIDE - core .wp-block-column styles were winning on equal
   specificity, so the media column needs the extra weight. */
@media (min-width:782px){
.bm-hero__grid > .wp-block-column.bm-hero__media{
margin-right:calc((100vw - var(--bm-container)) / -2 - var(--bm-gutter))!important;
}
}

/* ==========================================================================
   HEADLINE SCALE + WRAP
   The design runs the hero headline at display size, wrapping to
   'Sell your' / 'home.' / 'Fast.' with the accent word on its own line.
   The wrap is achieved by size plus a block-level accent, not by hard line
   breaks - so the text stays editable without breaking the layout.
   Columns top-align on desktop so the copy starts level with the image.
   ========================================================================== */

.bm-hero__title{
font-size:clamp(2.75rem,5.8vw,5.5rem)!important;
line-height:1.0;
}
.bm-hero__title .bm-accent{display:block;}

@media (min-width:782px){
.bm-hero__grid{align-items:flex-start!important;}
.bm-hero__grid > .wp-block-column{align-self:flex-start!important;}
.bm-hero__grid > .wp-block-column.bm-hero__media{align-self:stretch!important;}
}

/* ==========================================================================
   TRUSTPILOT REVIEWS (section 3)
   Uses the official TrustBox widget copied from the current homepage, so
   the reviews are live rather than a static image. The Trustpilot loader
   script is already enqueued site-wide by the theme - nothing extra added.
   ========================================================================== */

.bm-section--reviews{background:var(--bm-muted);}
.bm-section--reviews .bm-eyebrow{text-align:center;margin:0 0 var(--bm-space-2);}
.bm-section--reviews .bm-section-title{
font-family:var(--bm-font-heading);
font-size:clamp(1.75rem,3vw,2.25rem);
font-weight:700;line-height:1.15;
letter-spacing:var(--bm-tracking-tight);
color:var(--bm-navy);text-align:center;
margin:0 0 var(--bm-space-8);
}
.bm-section--reviews .trustpilot-widget{margin-inline:auto;}

/* ==========================================================================
   SCROLLBAR-AWARE BLEED
   100vw counts the scrollbar, so the earlier calc pushed the hero image a
   few px past the visible edge and clipped it. --bm-scrollbar is published
   by the 'BM / Marquee loop' snippet; subtracting it lands the image right
   edge exactly on the viewport edge, with the whole image on screen.
   ========================================================================== */

:root{--bm-scrollbar:0px;}

@media (min-width:782px){
.bm-hero__grid > .wp-block-column.bm-hero__media{
margin-right:calc(
(100vw - var(--bm-scrollbar) - var(--bm-container)) / -2
- var(--bm-gutter)
)!important;
}
}

/* ==========================================================================
   HERO IMAGE INSET + FULL ROUNDING
   Measured against the design screenshot: the image keeps its rounded
   corners on the right, so it stops short of the viewport edge rather than
   bleeding past it. Dropping the extra gutter term lands the image one
   gutter inside the edge, and radius is restored on all four corners.
   ========================================================================== */

@media (min-width:782px){
.bm-hero__grid > .wp-block-column.bm-hero__media{
margin-right:calc((100vw - var(--bm-scrollbar) - var(--bm-container)) / -2)!important;
}
.bm-hero__media img{border-radius:var(--bm-radius-card)!important;}
}

/* ==========================================================================
   HERO IMAGE HEIGHT MATCH
   The source image is square, so at full column width it ran well past the
   bottom of the copy. Stretch the media column to the grid height and let
   the image fill it with object-fit:cover, so the bottom edge lands level
   with the ratings row and the photo crops rather than squashes.
   ========================================================================== */

@media (min-width:782px){
.bm-hero__grid{align-items:stretch!important;}
.bm-hero__grid > .wp-block-column.bm-hero__content{align-self:flex-start!important;}
.bm-hero__grid > .wp-block-column.bm-hero__media{
align-self:stretch!important;
display:flex;
}
.bm-hero__media figure{width:100%;height:100%;}
.bm-hero__media img{
height:100%!important;
width:100%!important;
object-fit:cover;
object-position:center 40%;
}
}

/* ==========================================================================
   HERO IMAGE - SCALE TO COPY HEIGHT, NO CROP
   The figure comes out of normal flow so the copy column alone sets the row
   height. The image then matches that height with width:auto, scaling down
   proportionally rather than cropping, pinned right to hold the gutter.

   NOTE: the source photo is square, so matching the copy height pulls the
   width down to roughly the same figure. A landscape re-export would sit
   large AND bottom-align, as the design does - and would be a far better
   LCP image than a 1024x1024 JPG being downscaled.
   ========================================================================== */

@media (min-width:782px){
.bm-hero__grid > .wp-block-column.bm-hero__media{
position:relative;align-self:stretch!important;display:block;min-height:340px;
}
.bm-hero__media figure{
position:absolute;inset:0;margin:0;
display:flex;justify-content:flex-end;align-items:flex-start;
}
.bm-hero__media img{
position:static;
height:100%!important;width:auto!important;max-width:100%;
object-fit:contain;
border-radius:var(--bm-radius-card)!important;
}
}

/* ==========================================================================
   HERO FRAME - anchors the badge to the image, not the column

   The badge was positioned against .bm-hero__media, which stays full column
   width. Once the image scaled down and pinned right, the badge was left
   stranded at the column's left edge.

   .bm-hero__frame is absolutely positioned with top/bottom/right pinned and
   left:auto, so it shrink-wraps to the image's actual width whatever the
   photo's aspect ratio. The badge lives inside it, so it hangs off the
   image's bottom-left corner as drawn.
   ========================================================================== */

@media (min-width:782px){
.bm-hero__frame{
position:absolute;top:0;bottom:0;right:0;left:auto;width:auto;margin:0;
}
.bm-hero__frame > .wp-block-group__inner-container{height:100%;display:block;}
.bm-hero__media figure{position:static!important;height:100%;margin:0;display:block;}
.bm-hero__media img{
position:static!important;
height:100%!important;width:auto!important;max-width:none!important;
display:block;object-fit:contain;
border-radius:var(--bm-radius-card)!important;
}
.bm-hero__badge{left:calc(-1 * var(--bm-space-6));bottom:var(--bm-space-8);}
}


/* ============================================================
   FONT WEIGHTS PATCH (25 Aug): the child theme only self-hosts
   Lexend 100/300/500/700 and Poppins 400/600. The 2026 design
   (home.tsx / index.css) uses Lexend 800 (font-extrabold
   headings), Lexend 400, Poppins 500 (font-medium) and Poppins
   700 (font-bold). Without these faces the browser silently
   substituted the nearest weight (H1 rendered at 700, not 800).
   Faces below load direct from Google Fonts, latin subset,
   font-display swap. Mirror of the same patch on the other
   environment. */
@font-face{
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lexend/v26/wlpwgwvFAVdoq2_v-6QU.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lexend/v26/wlpwgwvFAVdoq2_v-6QU.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}