/* Approved Connect Bro homepage redesign layer.
   Uses the supplied asset pack and preserves the existing functional links. */
:root{
  --cb-blue:#0b4b91;
  --cb-cyan:#29b9ee;
  --cb-sky:#e8f7ff;
  --cb-yellow:#ffd225;
  --cb-ink:#092d72;
  --cb-line:#d4e8f4;
  --cb-radius:24px;
}
body.homepage-v3{background:#fff;color:var(--cb-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.homepage-v3 .home-header-v2{
  max-width:none;min-height:70px;padding:8px clamp(16px,3vw,42px);
  background:#fff;border-bottom:1px solid var(--cb-line);display:flex;gap:20px;
}
.homepage-v3 .home-brand-v2 img{width:150px;height:auto;object-fit:contain}
.homepage-v3 .home-header-v2 nav{gap:clamp(12px,1.8vw,28px);flex-wrap:wrap;justify-content:flex-end}
.homepage-v3 .home-header-v2 nav a{color:var(--cb-ink);font-size:.88rem;font-weight:700;text-decoration:none}
.homepage-v3 .home-header-v2 nav a.home-active{border-bottom:3px solid var(--cb-cyan);padding-bottom:4px}
.homepage-v3 .home-header-v2 .marketing-login{
  border:1.5px solid var(--cb-ink);border-radius:999px;padding:9px 18px
}
.homepage-v3 .home-header-v2 .marketing-cta,
.homepage-v3 .cb-pill-cta{
  background:var(--cb-blue);border-radius:999px;color:#fff;padding:11px 22px;
  font-weight:800;text-decoration:none;box-shadow:0 4px 0 var(--cb-yellow)
}
.homepage-v3 .cb-home-hero{
  min-height:390px;position:relative;isolation:isolate;overflow:hidden;
  display:grid;place-items:center;text-align:center;padding:48px 20px 38px;
  background-image:url("/assets/whangarei-hero.jpg");
  background-size:cover;background-position:center 48%;
}
.homepage-v3 .cb-home-hero-overlay{
  position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,.04) 58%,rgba(255,255,255,.15));
}
.homepage-v3 .cb-home-hero-copy{max-width:700px}
.homepage-v3 .cb-script-note,
.homepage-v3 h1,.homepage-v3 h2,.homepage-v3 h3{
  font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;
}
.homepage-v3 .cb-home-hero h1{
  margin:0;color:var(--cb-ink);font-size:clamp(3.3rem,7vw,6.6rem);
  line-height:.83;letter-spacing:-.06em;text-shadow:0 2px 0 rgba(255,255,255,.55)
}
.homepage-v3 .cb-home-hero h1 em{font-style:normal;display:inline-block}
.homepage-v3 .cb-home-hero-copy>p:not(.cb-script-note){
  margin:20px auto 15px;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:700;line-height:1.15
}
.homepage-v3 .cb-home-hero .cb-script-note{display:none}
.homepage-v3 .cb-home-hero .cb-pill-cta{
  display:inline-block;font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;
  font-size:1.35rem;padding:8px 30px
}
.homepage-v3 .cb-home-hero-side{
  position:absolute;right:clamp(20px,5vw,72px);top:22px;text-align:left;
  font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;
  color:var(--cb-ink);font-size:1.35rem;line-height:.95;transform:rotate(-4deg)
}
.homepage-v3 .cb-home-hero-side strong{display:block}
.homepage-v3 .cb-home-hero-side span{font-size:1rem}
.homepage-v3 .cb-demo-caption{position:absolute;right:16px;bottom:5px;margin:0;font-size:.65rem;color:#174b79;background:#fff9;padding:3px 6px;border-radius:5px}
.homepage-v3 .cb-wide-section{max-width:1200px;margin-inline:auto}
.homepage-v3 .cb-founder-card{
  display:grid;grid-template-columns:1.35fr 1fr;gap:26px;align-items:center;
  padding:14px 18px 18px;background:linear-gradient(90deg,#fff 0%,#f1fbff 100%);
  border-radius:0 0 var(--cb-radius) var(--cb-radius)
}
.homepage-v3 .cb-founder-media,.homepage-v3 .cb-founder-copy{
  border-radius:var(--cb-radius);overflow:hidden
}
.homepage-v3 .cb-founder-media{position:relative;min-height:250px}
.homepage-v3 .cb-founder-media img{width:100%;height:100%;min-height:250px;object-fit:cover}
.homepage-v3 .cb-demo-ribbon{position:absolute;z-index:2;top:12px;left:12px;background:var(--cb-yellow);color:#122d64;border-radius:999px;padding:4px 10px;font-size:.65rem;font-weight:900}
.homepage-v3 .cb-play-button{
  position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);
  width:70px;height:70px;border-radius:50%;display:grid;place-items:center;
  background:#0b4b91e8;color:#fff;border:3px solid #fff;font-size:1.7rem;text-decoration:none
}
.homepage-v3 .cb-founder-copy{padding:28px 28px 24px;background:#fff;border:2px solid #fff;box-shadow:0 0 0 1px var(--cb-line)}
.homepage-v3 .cb-founder-copy h2{font-size:clamp(2.5rem,4vw,4rem);line-height:.85;margin:8px 0 16px;color:var(--cb-ink)}
.homepage-v3 .cb-founder-copy h2 em{font-style:normal}
.homepage-v3 .cb-founder-copy p{max-width:440px;margin:0 0 16px;line-height:1.35}
.homepage-v3 .cb-text-link{color:var(--cb-ink);font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-weight:800;font-size:1.2rem}
.homepage-v3 .cb-category-strip{display:grid;grid-template-columns:180px 1fr;gap:16px;padding:14px 18px;border-bottom:1px solid var(--cb-line)}
.homepage-v3 .cb-section-label{font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-size:1.35rem;font-weight:800;display:flex;align-items:center}
.homepage-v3 .cb-category-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}
.homepage-v3 .cb-category-grid a{min-height:85px;display:grid;place-items:center;align-content:center;gap:5px;border:1px solid #edf4f8;border-radius:15px;color:var(--cb-ink);font-size:.72rem;text-align:center;text-decoration:none}
.homepage-v3 .cb-category-grid a:hover{background:var(--cb-sky);border-color:var(--cb-cyan)}
.homepage-v3 .cb-category-grid img{height:32px;width:32px;object-fit:contain}
.homepage-v3 .cb-more-icon{font-size:1.6rem;line-height:.5;letter-spacing:2px}
.homepage-v3 .cb-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:15px 18px;border-bottom:1px solid var(--cb-line)}
.homepage-v3 .cb-trust-grid article{display:flex;gap:12px;padding:8px 16px;border-right:1px solid var(--cb-line)}
.homepage-v3 .cb-trust-grid article:last-child{border-right:0}
.homepage-v3 .cb-trust-grid article img{width:42px;height:42px;object-fit:contain;flex:none}
.homepage-v3 .cb-trust-grid h3{font-family:inherit;font-size:1rem;margin:0 0 3px}
.homepage-v3 .cb-trust-grid p{font-size:.78rem;line-height:1.3;margin:0}
.homepage-v3 .cb-local-section{
  display:grid;grid-template-columns:1fr .75fr 1fr;gap:18px;align-items:center;
  padding:28px 18px;background:linear-gradient(180deg,var(--cb-sky),#fff)
}
.homepage-v3 .cb-local-copy{padding:12px 20px}
.homepage-v3 .cb-local-copy .cb-script-note{font-size:2.2rem;line-height:.9;margin:0 0 16px}
.homepage-v3 .cb-local-copy h2{font-family:inherit;font-size:1.9rem;margin:0 0 10px}
.homepage-v3 .cb-local-copy blockquote{font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-size:1.25rem;font-weight:800;margin:20px 0 0}
.homepage-v3 .cb-local-copy cite{display:block;font-family:inherit;font-size:.75rem;font-style:normal;text-align:right}
.homepage-v3 .cb-pwa-preview{display:grid;place-items:center;position:relative}
.homepage-v3 .cb-phone-shell{border:8px solid #0a1830;border-radius:38px;padding:10px;background:#111;box-shadow:0 8px 16px #153c5c40;max-width:230px}
.homepage-v3 .cb-phone-screen{border-radius:26px;background:#fff;padding:28px 14px 18px;display:grid;gap:10px;place-items:center;text-align:center;min-height:360px}
.homepage-v3 .cb-phone-screen img{width:92px;border-radius:22px}
.homepage-v3 .cb-phone-screen strong{font-size:1rem}
.homepage-v3 .cb-phone-screen span{font-size:.7rem}
.homepage-v3 .cb-phone-screen a{background:var(--cb-blue);color:#fff;border-radius:999px;padding:8px 12px;text-decoration:none;font-size:.76rem}
.homepage-v3 .cb-local-image{position:relative;min-height:340px}
.homepage-v3 .cb-local-image img{width:100%;height:100%;min-height:340px;object-fit:cover;border-radius:0 0 0 22px}
.homepage-v3 .cb-home-cta{
  display:flex;align-items:center;justify-content:center;gap:38px;text-align:center;
  padding:28px 20px;background:linear-gradient(90deg,#dff5ff,#fff 50%,#dff5ff)
}
.homepage-v3 .cb-home-cta .cb-script-note{font-size:1.8rem;line-height:.9;margin:0}
.homepage-v3 .cb-home-cta h2{font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-size:2.3rem;margin:0}
.homepage-v3 .cb-home-cta p{margin:2px 0 0}
.homepage-v3 .cb-footer-v2{max-width:none;padding:24px clamp(18px,4vw,72px) 35px;display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:20px;border-top:1px solid var(--cb-line);color:var(--cb-ink)}
.homepage-v3 .cb-footer-v2>div{display:grid;align-content:start;gap:4px;font-size:.78rem}
.homepage-v3 .cb-footer-v2 strong{font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-size:1rem}
.homepage-v3 .cb-footer-v2 a,.homepage-v3 .cb-footer-v2 span{color:var(--cb-ink);text-decoration:none}
.homepage-v3 .cb-footer-v2 small{grid-column:1/-1;font-size:.7rem}
@media(max-width:900px){
  .homepage-v3 .home-header-v2 nav a:nth-child(5),.homepage-v3 .home-header-v2 nav a:nth-child(6){display:none}
  .homepage-v3 .cb-category-strip{grid-template-columns:1fr}
  .homepage-v3 .cb-category-grid{grid-template-columns:repeat(5,1fr)}
  .homepage-v3 .cb-local-section{grid-template-columns:1fr 1fr}
  .homepage-v3 .cb-local-image{grid-column:1/-1;max-height:260px}
  .homepage-v3 .cb-trust-grid{grid-template-columns:repeat(2,1fr)}
  .homepage-v3 .cb-trust-grid article:nth-child(2){border-right:0}
}
@media(max-width:640px){
  .homepage-v3 .home-header-v2{align-items:center}.homepage-v3 .home-brand-v2 img{width:122px}
  .homepage-v3 .home-header-v2 nav{gap:6px}.homepage-v3 .home-header-v2 nav a:not(.marketing-login):not(.marketing-cta){display:none}
  .homepage-v3 .home-header-v2 .marketing-login{padding:7px 12px;font-size:.76rem}
  .homepage-v3 .home-header-v2 .marketing-cta{padding:8px 12px;font-size:.76rem}
  .homepage-v3 .cb-home-hero{min-height:520px;background-position:58% center;padding-top:80px}
  .homepage-v3 .cb-home-hero-overlay{background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.18) 72%,rgba(255,255,255,.4))}
  .homepage-v3 .cb-home-hero h1{font-size:4rem}.homepage-v3 .cb-home-hero-side{top:14px;right:16px;font-size:1rem}
  .homepage-v3 .cb-founder-card{display:block;padding:10px}.homepage-v3 .cb-founder-copy{margin-top:10px;padding:22px}
  .homepage-v3 .cb-category-grid{grid-template-columns:repeat(3,1fr)}.homepage-v3 .cb-category-grid a{min-height:78px}
  .homepage-v3 .cb-trust-grid{grid-template-columns:1fr;padding-inline:10px}
  .homepage-v3 .cb-trust-grid article{border-right:0;border-bottom:1px solid var(--cb-line);padding:12px 8px}
  .homepage-v3 .cb-local-section{display:flex;flex-direction:column;padding:20px 10px}
  .homepage-v3 .cb-local-copy{padding:10px}.homepage-v3 .cb-pwa-preview{order:2}.homepage-v3 .cb-local-image{order:3;width:100%;max-height:none}
  .homepage-v3 .cb-home-cta{display:block}.homepage-v3 .cb-home-cta .cb-pill-cta{display:inline-block;margin-top:14px}
  .homepage-v3 .cb-footer-v2{display:grid;grid-template-columns:1fr 1fr;padding:22px 16px}.homepage-v3 .cb-footer-v2>.marketing-brand,.homepage-v3 .cb-footer-v2>small{grid-column:1/-1}
}