:root{--blue:#1f5f85;--deep:#103c5a;--cambridge:#9bd5e7;--ink:#173042;--paper:#f7fbfc;--white:#fff;--line:#d9e8ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.site-header{max-width:1160px;margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:1.3rem;color:var(--deep);text-decoration:none;position:relative}.bubble{display:inline-block;width:24px;height:18px;border-radius:12px 12px 12px 3px;position:absolute}.bubble-a{background:var(--cambridge);left:0;top:0}.bubble-b{background:var(--blue);left:9px;top:8px}.brand>span:last-child{margin-left:30px}nav{display:flex;align-items:center;gap:22px}nav a,.text-link,footer a{color:var(--deep);text-decoration:none;font-weight:650}.button{border:0;border-radius:999px;background:var(--blue);color:white;font-weight:750;padding:13px 22px;cursor:pointer;font-size:1rem;box-shadow:0 5px 14px #1f5f8530}.button:hover{background:var(--deep)}.button-small{padding:9px 16px;font-size:.9rem}.button-light{background:white;color:var(--deep)}.hero{max-width:1160px;margin:0 auto;padding:80px 24px 95px;display:grid;grid-template-columns:1.35fr .65fr;gap:72px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:var(--blue);font-size:.76rem;margin:0 0 14px}.hero h1{font-size:clamp(2.8rem,6vw,5.3rem);line-height:1.01;letter-spacing:-.055em;max-width:760px;margin:0 0 24px;color:var(--deep)}.lead{font-size:1.25rem;max-width:650px;color:#426071}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px}.trust-card{background:var(--deep);color:white;padding:34px;border-radius:28px;box-shadow:14px 14px 0 var(--cambridge)}.trust-card h2{line-height:1.12;font-size:1.65rem}.trust-card p{color:#d8edf4}.trust-card a{color:white;font-weight:700}.icon{font-size:2rem;color:var(--cambridge)}.section,.split-section,.safety-section,.join-panel{max-width:1160px;margin:auto;padding:90px 24px}.section h2,.split-section h2,.safety-section h2,.join-panel h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.07;letter-spacing:-.04em;color:var(--deep);max-width:700px;margin:0 0 20px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.cards article{padding:28px;background:white;border:1px solid var(--line);border-radius:22px}.card-number{font-weight:800;color:var(--blue)}.cards h3{font-size:1.35rem;margin-bottom:8px}.split-section{max-width:none;background:var(--deep);color:white;display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-left:max(24px,calc((100% - 1112px)/2));padding-right:max(24px,calc((100% - 1112px)/2))}.split-section h2{color:white}.split-section p{color:#d8edf4;max-width:560px}.category-list{display:flex;flex-wrap:wrap;align-content:center;gap:12px}.category-list span{border:1px solid #6aa9be;border-radius:999px;padding:10px 16px;color:#e5f7fb}.section-intro{max-width:620px}.safety-section{display:grid;grid-template-columns:1fr 1fr;gap:60px}.safety-section ul{margin:0;padding:0;list-style:none}.safety-section li{padding:15px 0;border-bottom:1px solid var(--line)}.safety-section li:before{content:"✓";color:var(--blue);font-weight:800;margin-right:12px}.join-panel{margin-bottom:70px;background:#dff3f7;border-radius:30px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.join-panel h2{font-size:2.6rem}.form-row{display:flex;gap:10px;margin-top:8px}.form-row input{min-width:0;flex:1;border:1px solid #b8d3dc;border-radius:999px;padding:14px 17px;font:inherit}.form-note{font-size:.8rem;color:#54717e}.form-status{font-weight:700;color:var(--blue);min-height:1.5em}footer{max-width:1160px;margin:auto;padding:28px 24px 42px;color:#66808c;display:flex;justify-content:space-between;gap:16px;font-size:.9rem}@media(max-width:760px){.site-header{padding:18px 18px}.site-header nav a{display:none}.hero{padding:50px 18px 70px;display:block}.hero h1{font-size:3.4rem}.trust-card{margin:60px 12px 0 0}.section,.split-section,.safety-section,.join-panel{padding:65px 18px}.cards,.split-section,.safety-section,.join-panel{display:block}.cards article{margin-top:14px}.category-list{margin-top:38px}.join-panel form{margin-top:26px}.form-row{display:block}.form-row .button{margin-top:10px;width:100%}footer{display:block;padding:24px 18px}footer span{display:block;margin-top:8px}}

.workspace{max-width:1120px;margin:0 auto;padding:4rem 1.25rem 2rem}.workspace-hero{max-width:760px;padding:2rem 0 3rem}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:1.25rem;align-items:start}.panel{background:#fff;border:1px solid rgba(31,95,133,.16);border-radius:1.25rem;padding:1.5rem;box-shadow:0 14px 40px rgba(11,50,75,.08)}.panel-muted{background:#eef6f8}.notice{margin-top:1.5rem;padding:1rem 1.1rem;border-left:4px solid #e08a4d;background:#fff7ed;border-radius:.6rem;color:#264354}.segmented{display:flex;gap:.5rem;margin:1rem 0 1.25rem;flex-wrap:wrap}.segment,.text-button{border:1px solid #b8d2dc;background:#fff;color:#174766;border-radius:999px;padding:.65rem .9rem;font:inherit;cursor:pointer}.segment.is-selected{background:#1f5f85;color:#fff;border-color:#1f5f85}.panel label{display:block;margin:1rem 0 .35rem;font-weight:700;color:#174766}.panel input,.panel textarea,.panel select{width:100%;border:1px solid #b8d2dc;border-radius:.55rem;padding:.75rem;font:inherit;color:#17384c;background:#fff}.trust-stack{display:grid;gap:.8rem;margin-top:1.25rem}.trust-stack div{display:grid;gap:.2rem;padding:.8rem;background:rgba(255,255,255,.7);border-radius:.7rem}.trust-stack span{font-size:.92rem;color:#4d6572}.workspace-section{padding-left:0;padding-right:0}.compact-cards article{min-height:0}.text-button{margin-top:.5rem}.form-status{min-height:1.4em;color:#1f5f85;font-weight:700}@media(max-width:760px){.workspace-grid{grid-template-columns:1fr}.workspace{padding-top:2rem}.site-header nav{gap:.55rem}.site-header nav a:not(.button){display:none}}

/* Founder-approved Connect Bro Whangarei visual system */
:root{--sky:#7ec8f5;--northland:#003a70;--teal:#00a3b3;--sun:#ffd247;--white:#fff;--ink:#082b52;--paper:#fff;--soft-sky:#eaf7ff}
body{background:var(--white);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.site-header{max-width:none;padding:16px clamp(18px,4vw,64px);background:rgba(255,255,255,.94);border-bottom:1px solid #dcecf5;position:relative;z-index:5}
.brand{gap:0;color:var(--northland);font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-weight:700;font-size:1rem;display:flex;align-items:center}
.brand-mark{display:inline-block;position:relative;width:112px;height:55px;flex:none}
.logo-bubble{position:absolute;display:flex;align-items:center;justify-content:center;color:#fff;font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-weight:700;font-size:1.25rem;line-height:1;letter-spacing:-.05em;border-radius:52% 48% 50% 45%;box-shadow:inset -8px -5px 0 rgba(255,255,255,.13)}
.logo-bubble:after{content:"";position:absolute;bottom:-10px;width:20px;height:18px;transform:skew(-22deg) rotate(14deg);border-radius:0 0 5px 0}
.logo-connect{background:var(--sky);width:76px;height:48px;left:0;top:0;z-index:2}.logo-connect:after{left:15px;background:var(--sky)}
.logo-bro{background:var(--northland);width:66px;height:44px;left:45px;top:11px;z-index:1}.logo-bro:after{right:11px;background:var(--northland)}
.logo-rays{position:absolute;right:-1px;top:-8px;color:var(--sun);font-family:system-ui;font-size:1.45rem;z-index:3}
.brand-tagline{display:none}
.site-header nav{gap:18px}.site-header nav a{font-weight:700;color:var(--northland)}.site-header nav a:first-child,.site-header nav a:nth-child(2){display:inline-block}
.button{background:var(--northland);border:2px solid var(--northland);box-shadow:none;font-weight:800}.button:hover{background:var(--teal);border-color:var(--teal)}.button-outline{background:rgba(255,255,255,.9);color:var(--northland);border-color:var(--northland)}.button-outline:hover{color:#fff}
.hero{max-width:none;min-height:690px;padding:clamp(68px,9vw,128px) clamp(18px,8vw,120px);display:flex;align-items:center;position:relative;overflow:hidden;background:var(--soft-sky)}
.hero-photo,.hero-overlay{position:absolute;inset:0}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.84) 34%,rgba(255,255,255,.15) 72%,rgba(255,255,255,.02) 100%)}
.hero-copy{position:relative;z-index:2;max-width:650px}.hero h1{font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-size:clamp(3.5rem,7vw,7rem);font-weight:700;letter-spacing:-.06em;line-height:.88;color:var(--northland);margin:0 0 28px}.hero h1 span{display:inline-block}.hero .lead{font-size:clamp(1.1rem,2vw,1.5rem);font-weight:650;color:var(--ink)}.hero-free{display:inline-block;color:#fff;background:var(--northland);border-radius:999px;padding:9px 24px;font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-size:1.5rem;font-weight:700;margin:8px 0 10px;box-shadow:0 4px 0 var(--sun)}.hero-actions{gap:12px}.hero-actions .button{min-width:150px;text-align:center;text-decoration:none}.trust-card{position:absolute;right:clamp(18px,7vw,110px);bottom:42px;z-index:3;background:rgba(0,58,112,.94);border:3px solid var(--white);box-shadow:10px 10px 0 var(--sky);padding:24px 28px;border-radius:22px;max-width:330px}.trust-card h2{font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-size:1.8rem}.trust-card .icon{color:var(--sun)}
.section h2,.split-section h2,.safety-section h2,.join-panel h2,.workspace-hero h1,.panel h2{font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;color:var(--northland)}
.eyebrow{color:var(--teal)}.split-section{background:var(--northland)}.category-list span{border-color:var(--sky)}.join-panel{background:#e5f5ff}.safety-section li:before{color:var(--teal)}
.brand-panel{max-width:none;background:linear-gradient(135deg,#eaf7ff 0%,#fff 68%);border-bottom:4px solid var(--sun);padding:clamp(42px,7vw,86px) clamp(18px,7vw,96px);margin:0 auto 30px}.brand-panel h1{font-size:clamp(3rem,7vw,6rem);line-height:.88;margin:0 0 22px}.brand-panel h1 span{color:var(--teal)}.brand-panel .lead{color:var(--ink);font-size:1.2rem}.workspace{max-width:1240px}.panel{border-color:#cce8f5;box-shadow:0 12px 30px rgba(0,58,112,.07)}.panel-muted{background:#f2fbff}.segment.is-selected{background:var(--northland);border-color:var(--northland)}.text-button{color:var(--northland);border-color:var(--sky)}.notice{border-left-color:var(--sun);background:#fff9e4}
@media(max-width:760px){.site-header{padding:12px 16px}.brand-mark{transform:scale(.82);transform-origin:left center;width:92px}.site-header nav a:first-child,.site-header nav a:nth-child(2){display:none}.hero{min-height:700px;padding:48px 18px 64px;align-items:flex-start;flex-direction:column}.hero-copy{width:100%;max-width:none}.hero-overlay{background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.8) 48%,rgba(255,255,255,.2) 100%)}.hero-photo img{object-position:60% center}.hero h1{font-size:4.4rem}.hero .lead br{display:none}.trust-card{position:relative;right:auto;bottom:auto;margin:240px 10px 0 0;max-width:none}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions .button{min-width:0;padding-left:10px;padding-right:10px}.brand-panel h1{font-size:4rem}.brand-tagline{display:none}}


/* Keyboard access */
.skip-link{position:absolute;left:1rem;top:-4rem;z-index:1000;padding:.65rem 1rem;border-radius:999px;background:var(--northland,#003a70);color:#fff;font-weight:700;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.skip-link:focus{top:1rem;outline:3px solid var(--sun,#ffd247);outline-offset:3px}

.auth-note{margin:.45rem 0;color:#4d6572;font-size:.9rem}.auth-divider{margin:1rem 0 .35rem;color:#6a7e88;font-weight:700}.button-facebook{width:100%;background:#1877f2;border-color:#1877f2}.button-facebook:hover{background:#0f5fca;border-color:#0f5fca}

/* Connect Bro story-led Whangārei home */
.brand-header{position:relative}
.category-strip{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;max-width:1200px;margin:-26px auto 0;padding:0 24px;position:relative;z-index:4}.category-strip a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:92px;padding:14px 8px;background:rgba(255,255,255,.96);border:1px solid #e2eef5;border-radius:16px;color:var(--northland);font-size:1.45rem;text-decoration:none;box-shadow:0 8px 22px rgba(0,58,112,.08)}.category-strip span{font-size:.78rem;text-align:center;font-weight:700}.value-row{max-width:1200px;margin:auto;padding:42px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.value-row article{display:flex;gap:12px;padding-right:18px;border-right:1px solid #dbeaf3}.value-row article:last-child{border-right:0}.value-icon{font-size:2.4rem;color:var(--northland)}.value-row h3{margin:0;color:var(--northland);font-size:1rem}.value-row p{margin:.25rem 0 0;font-size:.86rem;line-height:1.35}.story-section{background:linear-gradient(135deg,#e7f6ff,#fff);padding:90px max(24px,calc((100% - 1120px)/2));display:grid;grid-template-columns:1fr .75fr;gap:90px;align-items:center}.story-section h2,.good-stuff-card h2,.business-section h2{font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;color:var(--northland);font-size:clamp(2.8rem,5vw,4.6rem);line-height:.95;margin:0 0 22px}.story-copy p:not(.eyebrow){max-width:560px}.phone-card{justify-self:center;width:270px;padding:12px;border:9px solid #0b1f3d;border-radius:40px;background:#fff;box-shadow:18px 22px 0 rgba(0,58,112,.16);transform:rotate(2deg)}.phone-screen{border-radius:27px;background:#fff;padding:22px 15px 16px;color:var(--northland);min-height:470px}.mini-logo{font-family:"Bradley Hand","Segoe Print",cursive;font-size:1.5rem;text-align:center;margin-bottom:22px}.mini-logo span{background:var(--sky);color:#fff;border-radius:20px;padding:5px 10px}.mini-logo b{background:var(--northland);color:#fff;border-radius:20px;padding:5px 9px;margin-left:-5px}.search-pill{background:#f2f7fa;border-radius:999px;padding:9px;font-size:.72rem}.mini-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-actions span{background:#e7f6ff;padding:12px 6px;border-radius:14px;text-align:center;font-size:1.5rem}.mini-actions span+span{background:#fff6df}.mini-actions b,.mini-actions small{display:block;font-size:.65rem}.mini-circles{display:flex;justify-content:space-between;gap:3px}.mini-circles i{font-style:normal;font-size:.6rem;background:#cfeefa;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.phone-nav{margin-top:80px;border-top:1px solid #dcecf5;padding-top:12px;text-align:center;color:var(--teal)}.good-stuff-section{max-width:1200px;margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center}.good-stuff-image{min-height:330px;border-radius:28px;background:linear-gradient(135deg,rgba(0,58,112,.15),rgba(0,163,179,.3)),url("/assets/whangarei-hero.jpg") center/cover}.good-stuff-card{background:#fff;border-radius:26px;padding:36px;margin-left:-42px;position:relative;box-shadow:0 15px 40px rgba(0,58,112,.14)}.good-stuff-card h2{font-size:2.8rem}.good-stuff-card a{color:var(--northland);font-weight:800}.business-section{padding:74px 24px;text-align:center;background:#fff8df}.business-section p:not(.eyebrow){max-width:600px;margin:auto}.business-section h2{font-size:3.3rem}.desktop-only{display:block}
@media(max-width:800px){.category-strip{grid-template-columns:repeat(4,1fr);padding:0 14px}.value-row{grid-template-columns:1fr 1fr;padding:34px 18px}.value-row article{border-right:0;border-bottom:1px solid #dbeaf3;padding-bottom:16px}.story-section{display:block;padding:70px 20px}.phone-card{margin:48px auto 10px}.good-stuff-section{display:block;padding:60px 18px}.good-stuff-image{min-height:220px}.good-stuff-card{margin:-32px 14px 0}.business-section h2{font-size:2.6rem}.desktop-only{display:none}}
@media(max-width:460px){.category-strip{grid-template-columns:repeat(2,1fr)}.value-row{grid-template-columns:1fr}.value-row article{display:grid;grid-template-columns:auto 1fr}.hero h1{font-size:3.8rem}}

/* Founder-supplied logo asset */
.brand-mark{width:142px;height:64px;display:flex;align-items:center}.brand-mark img{display:block;width:142px;height:auto;max-height:64px;object-fit:contain;object-position:left center}.brand{font-family:inherit}.site-header .button,.site-header .button:visited{color:#fff!important;text-shadow:none}.site-header .button:hover{color:#fff!important}