/* Neighbourly Ghana — final independent editorial website */
:root{
  --green:#0b4f42;
  --green-mid:#0e5a4c;
  --green-deep:#06362f;
  --green-black:#052621;
  --green-soft:#e6f0eb;
  --green-wash:#f1f6f3;
  --ink:#17221e;
  --muted:#66716b;
  --paper:#fbfaf6;
  --white:#ffffff;
  --line:#d9e0db;
  --line-dark:#becac3;
  --gold:#b88948;
  --green-gradient:linear-gradient(122deg,#062f29 0%,#0a4b3f 54%,#0e5a4c 100%);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
main{overflow:hidden}
::selection{background:#bfded1;color:var(--green-black)}

/* Header */
.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:auto;padding:0 34px;position:relative;z-index:20;border-bottom:1px solid rgba(7,62,52,.08)}
.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:760;letter-spacing:-.03em}
.brand img{width:38px;height:38px;border-radius:10px}
.site-header nav{display:flex;gap:35px;font-size:14px;color:#445149}
.site-header nav a{padding:10px 0;position:relative}
.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:1px;background:var(--green);transition:right .2s ease}
.site-header nav a:hover{color:var(--green)}
.site-header nav a:hover:after{right:0}
.header-cta{background:var(--green-deep);color:white;padding:13px 20px;border-radius:999px;font-size:13px;font-weight:750;box-shadow:0 8px 24px rgba(7,62,52,.10)}

/* Hero */
.hero{max-width:1280px;margin:auto;min-height:720px;padding:76px 34px 76px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:54px}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800;color:var(--green);margin:0 0 24px}
.eyebrow span{display:inline-block;width:20px;height:1px;background:var(--green);vertical-align:middle;margin-right:9px}
.hero h1{font-size:clamp(58px,6.1vw,92px);letter-spacing:-.067em;line-height:.93;margin:0;max-width:680px;font-weight:735}
.hero h1 em,.why-lead h2 em,.section h2 em,.claim-copy h2 em{display:block;color:var(--green);font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.045em}
.lead{font-size:18px;line-height:1.72;color:var(--muted);max-width:600px;margin:34px 0}
.hero-actions{display:flex;gap:12px;align-items:center}
.button{padding:15px 21px;border-radius:999px;font-size:14px;font-weight:720;display:flex;align-items:center;gap:20px;min-height:50px}
.primary{background:var(--green);color:#fff}
.secondary{border:1px solid var(--line-dark);background:rgba(255,255,255,.64);backdrop-filter:blur(8px)}
.microcopy{font-size:12px;color:#7b857f;margin:22px 0}
.hero-visual{height:620px;position:relative;display:flex;align-items:center;justify-content:center}
.halo{position:absolute;inset:42px 18px 34px 18px;border-radius:34px;background:linear-gradient(145deg,#eef5f1 0%,#dfeee7 100%);border:1px solid #dce9e2}
.halo:after{content:"";position:absolute;inset:26px;border:1px solid rgba(10,88,72,.08);border-radius:22px}
.phone{background:#111;border:6px solid #14211c;border-radius:28px;overflow:hidden;box-shadow:0 28px 65px rgba(18,48,38,.18)}
.phone img{width:100%;height:100%;object-fit:cover;object-position:top}
.phone-main{width:286px;height:612px;z-index:3}
.phone-back{width:230px;height:492px;position:absolute;top:82px;z-index:2;opacity:.96}
.phone-back.left{left:26px;transform:rotate(-5deg)}
.phone-back.right{right:10px;transform:rotate(5deg)}

/* Launch proof — same Neighbourly green family */
.proof{background:var(--green-gradient);color:white;display:grid;grid-template-columns:repeat(3,1fr);padding:33px max(34px,calc((100vw - 1200px)/2));gap:0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(0,0,0,.06)}
.proof div{padding:14px 44px;border-right:1px solid rgba(255,255,255,.24)}
.proof div:first-child{padding-left:0}.proof div:last-child{border:none;padding-right:0}
.proof strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:37px;font-weight:400;letter-spacing:-.025em}
.proof span{font-size:12px;color:#d0e1d9}

/* Shared editorial sections */
.section{max-width:1180px;margin:auto;padding:125px 30px}
.section-heading{display:grid;grid-template-columns:1.45fr .55fr;gap:88px;align-items:end;margin-bottom:58px}
.section h2{font-size:clamp(42px,5vw,64px);letter-spacing:-.055em;line-height:1.01;margin:0;font-weight:700}
.section-heading p,.coverage>div>p,.claim-copy>p{color:var(--muted);line-height:1.75;font-size:16px}

/* How it works — editorial grid, not cards */
.intro{padding-bottom:115px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}
.steps article{position:relative;min-height:290px;padding:34px 34px 38px;background:transparent;border-right:1px solid var(--line)}
.steps article:last-child{border-right:0}
.step-no{position:absolute;right:30px;top:34px;color:#95a39b;font-family:Georgia,serif;font-size:12px}
.icon{width:42px;height:42px;border-radius:50%;border:1px solid #cbd9d1;color:var(--green);display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--green-wash)}
.steps h3{font-size:26px;margin:60px 0 12px;letter-spacing:-.03em}
.steps p{line-height:1.72;color:var(--muted);font-size:14px;max-width:310px}

/* Why */
.why-section{max-width:none;background:var(--green-gradient);color:white;display:grid;grid-template-columns:.92fr 1.08fr;padding:108px max(34px,calc((100vw - 1120px)/2));gap:100px;align-items:start}
.eyebrow.light{color:#abd4c5}
.why-lead h2{font-size:60px}
.why-lead h2 em{color:#b9ddcf}
.why-lead>p:not(.eyebrow){color:#c3d4cd;line-height:1.72;max-width:500px}
.why-points{border-bottom:1px solid rgba(255,255,255,.20)}
.why-points article{padding:26px 0;border-top:1px solid rgba(255,255,255,.22);display:grid;grid-template-columns:46px 190px 1fr;gap:18px;align-items:start}
.why-points article>span{font-family:Georgia,serif;color:#9fc5b6}
.why-points h3{font-size:17px;margin:0}
.why-points p{font-size:13px;line-height:1.68;color:#bed0c8;margin:0}

/* AI feature */
.ai-section{display:grid;grid-template-columns:.78fr 1.22fr;gap:92px;align-items:center}
.lead-small{font-size:18px;line-height:1.72;color:var(--muted);max-width:470px}
.note{font-size:12px;line-height:1.65;color:#78847d;max-width:455px;margin-top:30px;border-left:2px solid var(--green);padding-left:16px}
.ai-showcase{height:570px;background:linear-gradient(145deg,#e6f0eb 0%,#dce9e3 100%);border:1px solid #dce8e1;border-radius:18px;position:relative;overflow:hidden}
.ai-showcase:before{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(10,88,72,.10);border-radius:50%;right:-120px;top:-110px}
.ai-phone{width:235px;height:505px;position:absolute;left:40px;bottom:-10px;border-bottom-left-radius:0;border-bottom-right-radius:0}
.ai-prompts{position:absolute;right:34px;top:60px;width:325px}
.ai-mark{width:52px;height:52px;background:var(--green);color:white;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:23px}
.ai-prompts>p{font-size:23px;font-weight:720;margin:29px 0 20px;letter-spacing:-.03em}
.prompt{background:rgba(255,255,255,.88);border:1px solid #dde7e1;border-radius:10px;padding:18px;margin-top:12px;font-size:13px;display:flex;justify-content:space-between;box-shadow:0 10px 28px rgba(18,48,38,.05)}
.prompt span{color:var(--green);font-size:20px}.prompt.muted{color:#77827c}

/* Customers + owners — two editorial product columns */
.three-sided{padding-top:95px}
.side-tabs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}
.side-card{height:535px;display:grid;grid-template-rows:auto 285px;overflow:hidden;position:relative;border-right:1px solid var(--line);background:transparent}
.side-card:nth-child(2){border-right:0}
.side-copy{padding:38px 42px 22px}
.side-copy>span{text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:800;color:var(--green)}
.side-copy h3{font-size:32px;line-height:1.08;letter-spacing:-.045em;margin:22px 0 14px;max-width:430px}
.side-copy p{line-height:1.68;max-width:440px;color:#56625c;font-size:14px}
.side-card img{width:218px;height:auto;align-self:start;justify-self:center;border-radius:24px 24px 0 0;border:5px solid #17231e;box-shadow:0 20px 45px rgba(18,48,38,.15)}
.side-card.customer{background:linear-gradient(to bottom,rgba(226,240,233,.78),rgba(245,248,246,.55))}
.side-card.owner{background:linear-gradient(to bottom,rgba(243,237,224,.72),rgba(250,248,241,.52))}
.operations-note{grid-column:1/-1;background:var(--green-deep);color:white;padding:25px 34px;display:grid;grid-template-columns:48px 1fr;gap:20px;align-items:center;border-top:1px solid rgba(255,255,255,.08)}
.operations-icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.09);color:#b7ddce;font-size:20px}
.operations-note h3{margin:0 0 6px;font-size:19px}.operations-note p{margin:0;color:#c1d2ca;font-size:13px;line-height:1.6}

/* Business claim */
.claim-section{display:grid;grid-template-columns:1fr 1fr;gap:105px;align-items:center}
.claim-visual{height:640px;background:linear-gradient(150deg,#e6f0eb,#dce8e2);border:1px solid #dce7e1;border-radius:18px;position:relative;overflow:hidden}
.claim-phone{width:280px;height:600px;position:absolute;left:50px;bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}
.trust-badge{background:rgba(255,255,255,.94);padding:21px;border:1px solid #dce7e1;border-radius:10px;position:absolute;right:24px;bottom:62px;width:260px;box-shadow:0 18px 42px rgba(18,48,38,.12);z-index:2}
.trust-badge b,.trust-badge span{display:block}.trust-badge b{color:var(--green);margin-bottom:6px}.trust-badge span{font-size:12px;color:var(--muted);line-height:1.5}
.claim-copy h2{margin-bottom:26px}.claim-copy h2 em{margin-top:2px}
.check-list{display:flex;flex-direction:column;gap:14px;margin:34px 0;color:#425047;font-size:14px}
.text-link{font-weight:760;color:var(--green);font-size:14px;border-bottom:1px solid #8cad9f;padding-bottom:5px}

/* Coverage — list, not floating cards */
.coverage{background:var(--white);max-width:none;padding-left:max(34px,calc((100vw - 1120px)/2));padding-right:max(34px,calc((100vw - 1120px)/2));display:grid;grid-template-columns:.82fr 1.18fr;gap:100px;border-top:1px solid #edf0ed}
.coverage blockquote{font-family:Georgia,"Times New Roman",serif;color:var(--green);font-size:26px;line-height:1.35;margin:30px 0 24px}
.coverage-fact{font-size:13px!important;border-top:1px solid var(--line);padding-top:20px}
.area-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line-dark)}
.area-grid div{padding:23px 16px 23px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:680;background:transparent}
.area-grid div:nth-child(odd){border-right:1px solid var(--line);padding-right:22px}.area-grid div:nth-child(even){padding-left:22px}
.area-grid span{font-family:Georgia,serif;color:#8ea097;margin-right:14px;font-weight:400}

/* Final launch banner */
.download{background:var(--green-gradient);color:white;padding:88px max(34px,calc((100vw - 1120px)/2));display:grid;grid-template-columns:105px 1fr 278px;gap:42px;align-items:center}
.download>img{width:96px;border-radius:24px}.download h2{font-size:55px;line-height:1;margin:0 0 19px;letter-spacing:-.05em}.download p:not(.eyebrow){color:#d4e4dd;max-width:570px}
.download-actions{border:1px solid rgba(255,255,255,.36);border-radius:12px;padding:19px 22px;display:flex;flex-direction:column;background:rgba(255,255,255,.03)}
.download-actions span{font-size:11px}.download-actions b{font-size:22px}.download-actions small{margin-top:20px;color:#d6e5df;line-height:1.5}

/* Footer */
footer{background:var(--green-black);color:white;padding:70px max(34px,calc((100vw - 1120px)/2)) 25px}
.footer-top{display:grid;grid-template-columns:1.6fr .7fr .7fr 1.15fr;gap:48px}.brand.inverted img{width:42px;height:42px}.footer-brand p{color:#a8b9b2;font-family:Georgia,serif;font-size:18px;max-width:255px;line-height:1.5}.footer-brand address{font-style:normal;margin-top:25px}.footer-brand address a{display:block;color:#cad6d1;font-size:13px;margin:8px 0}.footer-top h3{text-transform:uppercase;letter-spacing:.15em;font-size:10px;color:#91a79e;margin:8px 0 22px}.footer-top>div:not(.footer-brand) a{display:block;color:#cbd7d2;font-size:13px;margin:13px 0}.footer-top a:hover{color:white}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:55px;padding-top:24px;display:flex;justify-content:space-between;color:#83978f;font-size:11px}

/* Legal pages — intentionally editorial, not a template card */
.legal-page{min-height:100vh;background:var(--paper);padding:0 28px 0}
.legal-header{height:96px;max-width:1080px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.legal-header>a:last-child{font-size:13px;color:var(--green);font-weight:740;padding:12px 0}
.legal-card{max-width:900px;margin:72px auto 0;background:transparent;border:0;border-radius:0;padding:0 0 86px;position:relative}
.legal-card:before{content:"";position:absolute;left:-42px;top:0;width:3px;height:88px;background:var(--green)}
.legal-card>.eyebrow{margin-bottom:28px}.legal-card h1{font-size:clamp(46px,5vw,62px);line-height:.98;letter-spacing:-.055em;margin:0;max-width:780px}
.legal-date{color:var(--muted);margin:17px 0 38px;font-size:14px}
.legal-notice{background:linear-gradient(90deg,#edf5f1,#f6f8f6);border-left:3px solid var(--green);border-radius:0;padding:24px 28px;margin:0 0 46px}
.legal-notice strong{color:var(--green)}
.legal-card h2{font-size:23px;line-height:1.25;margin:0;padding-top:34px;margin-top:34px;border-top:1px solid var(--line);letter-spacing:-.025em}
.legal-card h3{font-size:17px;line-height:1.3;margin:24px 0 8px}
.legal-card p,.legal-card li{line-height:1.78;color:var(--muted);font-size:15px}.legal-card ol{padding-left:24px}.legal-card li+li{margin-top:4px}
.legal-card a{color:var(--green);font-weight:720}.legal-actions{display:flex;gap:12px;margin-top:30px}.legal-actions .button{justify-content:center}
/* fix v4 invisible green-button text */
.legal-card a.button.primary{color:#fff;background:var(--green)}
.legal-card a.button.secondary{color:var(--green);background:transparent;border-color:var(--line-dark)}
.legal-footer{max-width:1080px;margin:0 auto;background:transparent;color:var(--muted);padding:32px 0 38px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:10px 30px;align-items:center}
.legal-footer>div:first-child{display:flex;gap:18px;align-items:center}.legal-footer>div:first-child span:first-child{font-weight:780;color:var(--ink)}.legal-footer>div:first-child span:last-child{font-family:Georgia,serif;color:var(--green)}
.legal-footer>div:nth-child(2){display:flex;gap:20px;font-size:12px;font-weight:700;color:var(--green)}.legal-footer small{grid-column:1/-1;color:#88928d}

/* Interaction + accessibility */
a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px;border-radius:6px}
.mobile-nav{display:none;position:relative}.mobile-nav summary{list-style:none;cursor:pointer;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.mobile-nav summary b{font-size:21px;font-weight:600}.mobile-nav>div{position:absolute;right:0;top:52px;background:white;border:1px solid var(--line);border-radius:12px;padding:10px;min-width:220px;box-shadow:0 18px 45px rgba(23,55,41,.12)}.mobile-nav a{display:block;padding:13px 14px;border-radius:8px;font-size:14px}.mobile-nav a:hover{background:var(--green-wash);color:var(--green)}

@media(max-width:980px){
  .site-header nav{display:none}.mobile-nav{display:block}
  .hero{grid-template-columns:1fr;padding-top:66px}.hero-copy{text-align:center}.hero-copy .eyebrow,.hero-copy .lead,.hero-actions,.microcopy{margin-left:auto;margin-right:auto;justify-content:center}.hero-visual{margin-top:28px}
  .section-heading,.why-section,.ai-section,.claim-section,.coverage{grid-template-columns:1fr}.why-section{gap:52px}.ai-showcase{max-width:650px;width:100%;margin:auto}.side-card{height:520px}.claim-visual{max-width:620px;width:100%;margin:auto}.coverage{gap:52px}.download{grid-template-columns:90px 1fr}.download-actions{grid-column:2}.footer-top{grid-template-columns:2fr 1fr 1fr}.footer-top>div:last-child{grid-column:2}
}
@media(max-width:680px){
  .site-header{height:70px;padding:0 18px}.brand span{font-size:18px}.header-cta{display:none}
  .hero{padding:58px 20px 42px;min-height:auto}.hero h1{font-size:clamp(45px,13vw,54px)}.lead{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.button{justify-content:space-between;min-height:52px}.hero-visual{height:500px}.halo{inset:48px 0 24px}.phone-main{width:218px;height:466px}.phone-back{width:165px;height:354px;top:72px}.phone-back.left{left:-35px}.phone-back.right{right:-35px}
  .proof{grid-template-columns:1fr;padding:22px 28px}.proof div,.proof div:first-child,.proof div:last-child{border-right:0;border-bottom:1px solid rgba(255,255,255,.22);padding:18px 0;display:flex;justify-content:space-between;align-items:center}.proof div:last-child{border-bottom:0}.proof strong{font-size:26px}
  .section{padding:82px 20px}.section-heading{gap:22px;margin-bottom:38px}.section h2{font-size:40px}.steps{grid-template-columns:1fr}.steps article{min-height:220px;border-right:0;border-bottom:1px solid var(--line)}.steps article:last-child{border-bottom:0}
  .why-section{padding:82px 20px;gap:38px}.why-lead h2{font-size:43px}.why-points article{grid-template-columns:34px 1fr}.why-points article p{grid-column:2}
  .ai-section{gap:40px}.ai-showcase{height:620px}.ai-phone{width:205px;height:440px;left:50%;transform:translateX(-50%);bottom:-5px}.ai-prompts{position:relative;right:auto;top:auto;width:auto;padding:26px}.ai-prompts>p{margin:18px 0 12px}
  .side-tabs{grid-template-columns:1fr}.side-card{height:505px;border-right:0;border-bottom:1px solid var(--line)}.side-copy{padding:32px 28px 14px}.side-copy h3{font-size:30px}.side-card img{width:205px}.operations-note{padding:25px 24px;grid-template-columns:44px 1fr}.operations-icon{width:44px;height:44px}
  .claim-section{gap:45px}.claim-visual{height:530px}.claim-phone{width:230px;height:492px;left:18px}.trust-badge{right:14px;bottom:28px;width:230px}.coverage{padding:82px 20px}.area-grid{grid-template-columns:1fr}.area-grid div:nth-child(odd),.area-grid div:nth-child(even){border-right:0;padding:20px 0}
  .download{padding:64px 20px;grid-template-columns:64px 1fr;gap:20px}.download>img{width:64px;border-radius:18px}.download h2{font-size:39px}.download-actions{grid-column:1/-1}.footer-top{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.footer-top>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:10px}
  .legal-page{padding:0 18px}.legal-header{height:76px}.legal-card{margin-top:50px;padding-bottom:62px}.legal-card:before{left:-18px;height:72px;width:2px}.legal-card h1{font-size:42px}.legal-card h2{font-size:21px}.legal-actions{flex-direction:column}.legal-footer{grid-template-columns:1fr;padding:26px 0 32px}.legal-footer>div:first-child{flex-direction:column;align-items:flex-start;gap:4px}.legal-footer>div:nth-child(2){flex-wrap:wrap;gap:12px 18px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-header nav a:after{transition:none}}


/* =========================================================
   FINAL MOBILE POLISH — 28 Sep 2026
   Tightens vertical rhythm, restores premium containment,
   and strengthens legal-page brand presentation.
   Desktop layout remains intentionally unchanged.
   ========================================================= */
@media(max-width:680px){
  body{background:#fbfaf6}

  /* Header + hero: sharper and less airy */
  .site-header{padding:0 20px;border-bottom-color:rgba(7,62,52,.10)}
  .site-header .brand img{width:40px;height:40px}
  .hero{padding:50px 20px 30px}
  .hero-copy .eyebrow{margin-bottom:20px}
  .hero h1{font-size:clamp(44px,12.2vw,52px);line-height:.95;letter-spacing:-.06em}
  .hero h1 em{line-height:.95}
  .lead{margin-top:26px;margin-bottom:26px;line-height:1.62}
  .hero-actions{gap:10px}
  .microcopy{margin-top:16px;margin-bottom:8px}
  .hero-visual{height:455px;margin-top:14px}
  .halo{inset:34px -2px 16px;border-radius:30px}
  .phone-main{width:210px;height:450px}
  .phone-back{width:158px;height:338px;top:58px}
  .phone-back.left{left:-32px}.phone-back.right{right:-32px}

  /* Proof strip: compact, deliberate */
  .proof{padding:16px 24px}
  .proof div,.proof div:first-child,.proof div:last-child{padding:16px 0}
  .proof strong{font-size:29px;line-height:1}
  .proof span{font-size:12px;max-width:190px;text-align:right;line-height:1.35}

  /* Shared section rhythm */
  .section{padding:68px 20px}
  .section-heading{gap:18px;margin-bottom:30px}
  .section-heading p{font-size:15px;line-height:1.62}
  .section h2{font-size:clamp(37px,10.7vw,44px);line-height:1.00;letter-spacing:-.052em}
  .eyebrow{margin-bottom:20px}

  /* HOW IT WORKS — restore premium card treatment */
  .intro{padding-top:72px;padding-bottom:72px}
  .intro .section-heading h2{max-width:570px}
  .steps{display:grid;grid-template-columns:1fr;gap:16px;border:0}
  .steps article{min-height:0;padding:26px 24px 28px;border:1px solid #d6e2dc!important;border-radius:24px;background:rgba(255,255,255,.78)}
  .steps article:last-child{border-bottom:1px solid #d6e2dc!important}
  .step-no{top:25px;right:24px;font-size:13px}
  .icon{width:52px;height:52px;font-size:22px;background:#e8f2ed;border-color:#d5e5dc}
  .steps h3{font-size:27px;margin:36px 0 10px}
  .steps p{font-size:15px;line-height:1.62;max-width:none;margin-bottom:0}

  /* WHY — keep dramatic dark section, reduce excess vertical height */
  .why-section{padding:70px 20px 68px;gap:28px}
  .why-lead h2{font-size:clamp(41px,11.3vw,48px);line-height:.98}
  .why-lead>p:not(.eyebrow){font-size:15px;line-height:1.62;margin-bottom:8px}
  .why-points article{padding:22px 0;grid-template-columns:42px 1fr;gap:10px 18px}
  .why-points h3{font-size:18px}
  .why-points article p{grid-column:2;font-size:14px;line-height:1.55}

  /* AI — tighter composition, phone and prompt remain one visual */
  .ai-section{gap:30px;padding-top:72px;padding-bottom:72px}
  .lead-small{font-size:17px;line-height:1.62;margin-bottom:0}
  .note{margin-top:24px;font-size:12.5px;line-height:1.58}
  .ai-showcase{height:548px;border-radius:28px}
  .ai-phone{width:205px;height:440px;left:50%;transform:translateX(-50%);bottom:-4px}
  .ai-prompts{position:relative;padding:24px 22px 0;z-index:4}
  .ai-mark{width:50px;height:50px;border-radius:14px}
  .ai-prompts>p{font-size:22px;line-height:1.1;margin:16px 0 14px;max-width:315px}
  .prompt{padding:16px 17px;margin-top:10px;font-size:13px;border-radius:14px;box-shadow:0 8px 22px rgba(18,48,38,.06)}

  /* CUSTOMERS + OWNERS — restore clear cards rather than long template blocks */
  .three-sided{padding-top:72px;padding-bottom:72px}
  .three-sided .section-heading{margin-bottom:30px}
  .side-tabs{display:grid;grid-template-columns:1fr;gap:18px;border:0}
  .side-card{height:455px;border:1px solid #d7e2dc!important;border-radius:28px;overflow:hidden}
  .side-copy{padding:28px 26px 12px}
  .side-copy h3{font-size:29px;line-height:1.04;margin:18px 0 12px}
  .side-copy p{font-size:14px;line-height:1.58;margin-bottom:0}
  .side-card img{width:190px;border-radius:22px 22px 0 0}
  .operations-note{margin-top:0;border-radius:24px;padding:23px 22px;grid-template-columns:44px 1fr}
  .operations-note h3{font-size:18px;line-height:1.28}
  .operations-note p{font-size:13px;line-height:1.55}

  /* BUSINESS CLAIM — reconnect visual and copy */
  .claim-section{gap:28px;padding-top:72px;padding-bottom:72px}
  .claim-visual{height:485px;border-radius:28px}
  .claim-phone{width:220px;height:470px;left:14px}
  .trust-badge{right:12px;bottom:22px;width:220px;padding:18px;border-radius:16px}
  .claim-copy h2{margin-bottom:22px}
  .claim-copy>p{font-size:15px;line-height:1.62}
  .check-list{gap:12px;margin:26px 0;font-size:14px}
  .text-link{display:inline-block;font-size:14px;line-height:1.45}

  /* COVERAGE — restore subtle rounded area cards */
  .coverage{padding:72px 20px;gap:34px;background:#fff}
  .coverage blockquote{font-size:25px;margin:26px 0 20px}
  .coverage-fact{padding-top:18px;margin-top:0;font-size:13px!important}
  .area-grid{grid-template-columns:1fr;gap:12px;border-top:0}
  .area-grid div:nth-child(odd),.area-grid div:nth-child(even){border:1px solid #d7e2dc;padding:18px 18px;border-radius:18px;background:#f4f8f5;font-size:14px;min-height:62px;display:flex;align-items:center}
  .area-grid span{min-width:34px;margin-right:8px;font-size:14px}

  /* FINAL CTA */
  .download{padding:58px 20px;grid-template-columns:68px 1fr;gap:18px 20px}
  .download>img{width:66px;border-radius:19px}
  .download .eyebrow{margin-bottom:14px}
  .download h2{font-size:37px;line-height:1.02;margin-bottom:16px}
  .download p:not(.eyebrow){font-size:14px;line-height:1.55;margin-bottom:0}
  .download-actions{grid-column:1/-1;padding:18px 20px;border-radius:18px}
  .download-actions small{margin-top:14px}

  /* FOOTER — compact without crowding */
  footer{padding:54px 24px 24px}
  .footer-top{grid-template-columns:1fr 1fr;gap:30px 24px}
  .footer-brand{grid-column:1/-1}
  .footer-brand p{font-size:19px;line-height:1.42;margin:20px 0}
  .footer-brand address{margin-top:18px}
  .footer-brand address a{margin:7px 0;font-size:13px}
  .footer-top h3{margin:4px 0 17px}
  .footer-top>div:not(.footer-brand) a{margin:11px 0;font-size:13px;line-height:1.45}
  .footer-top>div:last-child{grid-column:1/-1}
  .footer-bottom{margin-top:36px;padding-top:20px;gap:8px}

  /* LEGAL SHARED */
  .legal-page{padding:0 18px}
  .legal-header{height:78px}
  .legal-header .brand img{width:40px;height:40px}
  .legal-header .brand span{font-size:18px}
  .legal-header>a:last-child{font-size:12px}
  .legal-card{margin-top:42px;padding-bottom:58px}
  .legal-card:before{display:none}
  .legal-card h1{font-size:clamp(39px,11vw,46px);line-height:1.0}
  .legal-date{font-size:13px;line-height:1.5;margin:16px 0 30px}
  .legal-notice{padding:22px 22px;margin-bottom:34px;border-radius:20px;border:1px solid #d9e5de;border-left:3px solid var(--green)}
  .legal-notice p{margin:8px 0 0}
  .legal-card h2{font-size:21px;padding-top:27px;margin-top:27px}
  .legal-card p,.legal-card li{font-size:14.5px;line-height:1.72}
  .legal-actions{gap:10px;margin-top:24px}
  .legal-footer{padding:24px 0 30px}

  /* Privacy + delete-account regain the strong mobile brand hero */
  .legal-page.legal-hero-page{padding-left:0;padding-right:0}
  .legal-page.legal-hero-page .legal-header{margin-left:18px;margin-right:18px}
  .legal-page.legal-hero-page .legal-card{margin-top:0;max-width:none}
  .legal-page.legal-hero-page .legal-hero{background:var(--green-gradient);color:white;padding:54px 28px 50px}
  .legal-page.legal-hero-page .legal-hero .eyebrow{color:#b9ddcf;margin-bottom:24px}
  .legal-page.legal-hero-page .legal-hero h1{color:white}
  .legal-page.legal-hero-page .legal-hero .legal-date{color:#d0e0d9;margin-bottom:0}
  .legal-page.legal-hero-page .legal-notice,
  .legal-page.legal-hero-page .legal-card>h2,
  .legal-page.legal-hero-page .legal-card>h3,
  .legal-page.legal-hero-page .legal-card>p,
  .legal-page.legal-hero-page .legal-card>ol,
  .legal-page.legal-hero-page .legal-card>.legal-actions{margin-left:20px;margin-right:20px}
  .legal-page.legal-hero-page .legal-notice{margin-top:32px}
  .legal-page.legal-hero-page .legal-footer{margin-left:18px;margin-right:18px}

  /* Delete page: first explanatory panel feels intentional and actionable */
  .legal-page.delete-page .legal-notice{background:#f1f6f3}
  .legal-page.delete-page .legal-card>h2:first-of-type{margin-top:30px}
}

/* =========================================================
   FINAL SHARPNESS PASS — 28 Sep 2026
   Visual target: flat, crisp, high-contrast mobile rendering
   based on the earlier Neighbourly public-site presentation.
   Removes soft glows, translucent overlays and unnecessary
   shadows across the entire mobile experience.
   ========================================================= */
@media(max-width:680px){
  :root{
    --paper:#fbfaf6;
    --ink:#10201b;
    --muted:#606c66;
    --green:#0a5647;
    --green-mid:#0a5647;
    --green-deep:#06483c;
    --green-black:#032c25;
    --green-soft:#e7f1ec;
    --green-wash:#f3f7f4;
    --line:#d7dfda;
    --line-dark:#c4d0c9;
  }

  html,body{
    background:var(--paper);
  }
  body{
    color:var(--ink);
    -webkit-font-smoothing:auto;
    text-rendering:auto;
  }

  /* Keep typography clean and high contrast */
  .hero h1,.section h2,.why-lead h2,.claim-copy h2,
  .side-copy h3,.steps h3,.legal-card h1,.legal-card h2,
  .download h2,.ai-prompts>p{
    color:var(--ink);
    text-shadow:none;
    filter:none;
  }
  .lead,.lead-small,.section-heading p,.steps p,.side-copy p,
  .claim-copy>p,.coverage>div>p,.legal-card p,.legal-card li,
  .legal-date,.note{
    color:var(--muted);
  }

  /* Remove soft / frosted treatments everywhere */
  .secondary{
    background:#fff;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    box-shadow:none;
  }
  .header-cta,.phone,.side-card img,.trust-badge,.prompt,
  .mobile-nav>div{
    box-shadow:none;
  }

  /* HERO: earlier public site had a clean white stage behind phones */
  .hero-visual{
    background:transparent;
  }
  .halo{
    display:none;
  }
  .phone{
    background:#111;
    border-color:#15211d;
  }
  .phone-back{
    opacity:1;
  }

  /* Use one flat Neighbourly deep green instead of soft gradients */
  .proof,.why-section,.download,
  .legal-page.legal-hero-page .legal-hero{
    background:var(--green)!important;
    background-image:none!important;
  }

  .proof{
    border-top:0;
    border-bottom:0;
  }
  .proof div,.proof div:first-child,.proof div:last-child{
    border-color:rgba(255,255,255,.23);
  }
  .proof span{color:#d4e2dc}

  /* How it works: crisp white cards, no haze */
  .steps article{
    background:#fff!important;
    border-color:#d5e0da!important;
    box-shadow:none!important;
  }
  .icon{
    background:#e8f2ed;
    border-color:#d3e2da;
  }

  /* Why section: flat, deep and crisp */
  .why-section,
  .why-section h2,.why-section h3{
    color:#fff;
  }
  .why-lead h2 em{color:#b9ddcf}
  .why-lead>p:not(.eyebrow),.why-points p{color:#c7d8d1}

  /* AI feature: remove halo ring, gradients and card shadows */
  .ai-showcase{
    background:#e7f1ec!important;
    background-image:none!important;
    border-color:#d7e4dd;
    box-shadow:none;
  }
  .ai-showcase:before{
    display:none!important;
  }
  .prompt{
    background:#fff!important;
    border-color:#dce5e0;
    box-shadow:none!important;
    opacity:1;
  }

  /* Customer / owner panels: solid fills instead of gradients */
  .side-card.customer{
    background:#e8f2ed!important;
    background-image:none!important;
  }
  .side-card.owner{
    background:#f4efe2!important;
    background-image:none!important;
  }
  .side-card{
    border-color:#d5e0da!important;
    box-shadow:none;
  }
  .operations-note{
    background:var(--green-deep)!important;
    background-image:none!important;
  }

  /* Claim area: flat pale green and solid white trust card */
  .claim-visual{
    background:#e7f1ec!important;
    background-image:none!important;
    border-color:#d6e3dc;
    box-shadow:none;
  }
  .trust-badge{
    background:#fff!important;
    border-color:#d8e3dd;
    box-shadow:none!important;
  }

  /* Launch areas: no translucent template look */
  .coverage{background:#fff}
  .area-grid div:nth-child(odd),.area-grid div:nth-child(even){
    background:#f4f7f5!important;
    border-color:#d7e1db;
    box-shadow:none;
  }

  /* Final CTA + footer */
  .download{
    color:#fff;
  }
  .download h2,.download p,.download .eyebrow{color:#fff}
  .download-actions{
    background:transparent;
    border:1px solid rgba(255,255,255,.34);
    box-shadow:none;
  }
  footer{
    background:var(--green-black)!important;
    background-image:none!important;
  }

  /* Legal pages: simple solid panels with no soft gradient haze */
  .legal-notice{
    background:#f1f6f3!important;
    background-image:none!important;
    box-shadow:none;
  }
  .legal-page.legal-hero-page .legal-hero h1{color:#fff}
  .legal-page.legal-hero-page .legal-hero .legal-date{color:#d7e5df}

  /* Remove any residual decorative filters/shadows inside content */
  .hero *, .section *, .why-section *, .download *, footer *, .legal-page *{
    filter:none;
    text-shadow:none;
  }

  /* Crisp borders and images */
  img{
    image-rendering:auto;
  }
}

/* =========================================================
   FINAL CRISP V2 — 28 Sep 2026
   Global sharpness cleanup requested by user:
   remove all phone illustration shadows / halo behind devices
   on desktop and mobile.
   ========================================================= */

/* Remove decorative stage/halo behind hero phones */
.hero-visual .halo{
  display:none !important;
}

/* Remove all drop shadows from app/phone illustration frames */
.phone,
.phone-main,
.phone-back,
.ai-phone,
.claim-phone,
.side-card img,
.prompt,
.trust-badge{
  box-shadow:none !important;
  filter:none !important;
}

/* Keep the phones visually clean and flat */
.phone{
  background:#111 !important;
  border-color:#15211d !important;
}
.phone-back{
  opacity:1 !important;
}

/* Remove extra decorative overlays that can read like haze */
.ai-showcase:before{
  display:none !important;
}
.prompt,
.trust-badge{
  background:#ffffff !important;
}

/* Flatten illustration containers for a cleaner editorial finish */
.ai-showcase,
.claim-visual,
.side-card.customer,
.side-card.owner{
  background-image:none !important;
}

/* Keep sharp text rendering where supported */
body{
  text-shadow:none;
}

/* =========================================================
   FINAL COLOR RESTORE + SHADOWLESS CRISP PASS
   Palette is taken ONLY from the supplied neighbourly-v2
   reference website. Layout/content are unchanged.
   ========================================================= */
:root{
  --green:#0d3d32;
  --green-mid:#154f41;
  --green-deep:#0d3d32;
  --green-black:#0a2e27;
  --green-soft:#dfeee7;
  --green-wash:#eaf0eb;
  --ink:#17201d;
  --muted:#66716d;
  --paper:#fbfaf6;
  --white:#fff;
  --line:#d9ded9;
  --line-dark:#cfd4cf;
  --gold:#3c8e70;
  --green-gradient:linear-gradient(122deg,#0d3d32 0%,#154f41 100%);
}

html,body{background:#fbfaf6;color:#17201d}
.site-header{border-bottom-color:rgba(23,32,29,.12)}
.site-header nav{color:#53605b}
.header-cta,.primary{background:#0d3d32;color:#fff}
.secondary{background:#fff;border-color:#cfd4cf;color:#0d3d32}
.eyebrow,.hero h1 em,.section h2 em,.claim-copy h2 em{color:#0d3d32}
.lead,.lead-small,.section-heading p,.coverage>div>p,.claim-copy>p,.steps p,.side-copy p,.legal-card p,.legal-card li,.legal-date,.note{color:#66716d}

/* EXACT reference green family for dark brand sections */
.proof,.why-section,.download{background:#0d3d32!important;background-image:none!important}
footer{background:#0a2e27!important;background-image:none!important}
.operations-note{background:#0d3d32!important;background-image:none!important}

.proof span{color:#bfd2ca}
.why-lead h2 em{color:#dfeee7}
.why-lead>p:not(.eyebrow),.why-points p{color:#bfd2ca}
.eyebrow.light,.why-points article>span{color:#9db8ae}
.operations-note p{color:#bfd2ca}
.operations-icon{color:#dfeee7;background:rgba(255,255,255,.09)}

/* EXACT reference pale section colours */
.icon{background:#dfeee7;border-color:#d9ded9;color:#0d3d32}
.ai-showcase{background:#e5efe9!important;background-image:none!important;border-color:#d9ded9}
.prompt{background:#fff!important;border-color:#d9ded9;color:#17201d}
.prompt span{color:#0d3d32}
.prompt.muted{color:#66716d}
.side-card.customer{background:#eaf0eb!important;background-image:none!important}
.side-card.owner{background:#f1eadc!important;background-image:none!important}
.claim-visual{background:#e6eee9!important;background-image:none!important;border-color:#d9ded9}
.trust-badge{background:#fff!important;border-color:#d9ded9}
.coverage{background:#fbfaf6}
.area-grid div:nth-child(odd),.area-grid div:nth-child(even){background:#f8faf7!important;border-color:#d9ded9}
.legal-notice{background:#eaf0eb!important;background-image:none!important;border-left-color:#0d3d32}
.legal-notice strong,.legal-card a,.legal-header>a:last-child{color:#0d3d32}
.legal-card a.button.primary{background:#0d3d32;color:#fff}
.legal-card a.button.secondary{background:#fff;color:#0d3d32;border-color:#cfd4cf}

/* Crisp phone / app illustration treatment: no shadow, no haze */
.hero-visual .halo{display:none!important}
.phone,.phone-main,.phone-back,.ai-phone,.claim-phone,.side-card img,.prompt,.trust-badge,.mobile-nav>div,.header-cta{
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
}
.phone{background:#14221d!important;border-color:#18231f!important}
.phone-back{opacity:1!important}
.ai-showcase:before{display:none!important}

/* Preserve exact reference palette on mobile too */
@media(max-width:680px){
  :root{
    --green:#0d3d32;
    --green-mid:#154f41;
    --green-deep:#0d3d32;
    --green-black:#0a2e27;
    --green-soft:#dfeee7;
    --green-wash:#eaf0eb;
    --ink:#17201d;
    --muted:#66716d;
    --paper:#fbfaf6;
    --white:#fff;
    --line:#d9ded9;
    --line-dark:#cfd4cf;
  }
  body{background:#fbfaf6;color:#17201d}
  .proof,.why-section,.download{background:#0d3d32!important;background-image:none!important}
  footer{background:#0a2e27!important;background-image:none!important}
  .steps article{background:#fff!important;border-color:#d9ded9!important}
  .icon{background:#dfeee7;border-color:#d9ded9;color:#0d3d32}
  .ai-showcase{background:#e5efe9!important;border-color:#d9ded9}
  .side-card.customer{background:#eaf0eb!important}
  .side-card.owner{background:#f1eadc!important}
  .claim-visual{background:#e6eee9!important;border-color:#d9ded9}
  .legal-notice{background:#eaf0eb!important}
  .area-grid div:nth-child(odd),.area-grid div:nth-child(even){background:#f8faf7!important;border-color:#d9ded9}
  .phone,.phone-main,.phone-back,.ai-phone,.claim-phone,.side-card img,.prompt,.trust-badge{box-shadow:none!important;filter:none!important}
  .hero-visual .halo,.ai-showcase:before{display:none!important}
}

/* =========================================================
   FINAL LEGAL FOOTER FIX — 28 Sep 2026
   Legal pages must remain readable to the very bottom.
   Prevent the global dark site-footer rule from painting over
   the legal-page footer content on Privacy, Terms and Delete Account.
   ========================================================= */
body.legal-page > footer.legal-footer{
  background:var(--paper) !important;
  background-image:none !important;
  color:var(--muted) !important;
  max-width:1080px;
  margin:0 auto;
  padding:32px 0 38px;
  border-top:1px solid var(--line);
}
body.legal-page > footer.legal-footer > div:first-child span:first-child{
  color:var(--ink) !important;
}
body.legal-page > footer.legal-footer > div:first-child span:last-child,
body.legal-page > footer.legal-footer > div:nth-child(2),
body.legal-page > footer.legal-footer > div:nth-child(2) a{
  color:var(--green) !important;
}
body.legal-page > footer.legal-footer small{
  color:#88928d !important;
}

@media(max-width:680px){
  body.legal-page > footer.legal-footer{
    margin-left:18px;
    margin-right:18px;
    padding:26px 0 32px;
  }
}