:root{
    --blue:#1C9DD7;
    --blue-deep:#1179AE;
    --teal:#4FC3A6;
    --teal-deep:#3AA98D;
    --violet:#6E73C7;
    --violet-deep:#585DB8;
    --ink:#26333D;
    --ink-soft:#4C5A64;
    --cream:#F6F5EF;
    --cream-2:#EFEDE4;
    --white:#ffffff;
    --line:#E4E1D6;
    --shadow:0 18px 44px -22px rgba(24,54,74,.32);
    --radius:20px;

    /* ── Service colours ──────────────────────────────────────────────
       Sampled from Alicia's own brochure (the eight coloured service
       icons). Each service keeps its colour everywhere it appears: the
       home tile, the services index, its own page hero and its icon
       chip. Colour carries meaning here rather than decoration, which is
       what stops the site becoming as dense as the brochure. */
    --svc-coord:#098295;      /* Support Coordination      teal   */
    --svc-psych:#2C1273;      /* Psychosocial Recovery     purple */
    --svc-daily:#2A126A;      /* Daily Living Assistance   indigo */
    --svc-inhome:#153F6F;     /* In Home Support           navy   */
    --svc-capacity:#6BCADC;   /* Capacity Building         cyan   */
    --svc-community:#F26806;  /* Community Participation   orange */
    --svc-ndis:#D6406E;       /* Navigating the NDIS       pink   */
    --svc-aged:#6A8719;       /* Disability and Aged Care  green  */
    --accent-cyan:#6BCADC;
    --accent-indigo:#2A126A;

    /* ── Band colours ─────────────────────────────────────────────────
       Sampled from the bands of Alicia's brochure, not from our old
       palette. Her scheme is deep petrol teal, deep indigo purple and a
       near-black navy teal, with white for breathing space and the
       bright service colours as accents on top. Our previous hero was a
       sky blue that appears nowhere in her material, which is what made
       the site read as "blue" against a brochure that reads as vibrant. */
    --brand-teal:#006C88;
    --brand-teal-2:#016E8F;
    --brand-purple:#23236D;
    --brand-purple-2:#2B1869;
    --brand-navy:#023052;
    /* Fallback for anything not inside a service-scoped block. */
    --svc:var(--blue-deep);
    /* Her brochure's Capacity Building cyan is too light to read as text on
       white (about 1.9:1 against a 4.5:1 requirement). So a service may carry
       a second, darker token for type while the bar and chip keep the real
       brand colour. Only Capacity Building needs it.
       ⛔ Do NOT declare --svc-ink here. Declaring it on :root resolves it
       against ROOT's --svc and inherits that frozen value, so every card
       link went blue whatever colour the card set. It must stay unset so
       the var(--svc-ink, var(--svc)) fallback can fire. */
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    margin:0;font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
    color:var(--ink);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,h4{font-family:'Poppins',system-ui,sans-serif;color:var(--ink);line-height:1.15;margin:0;font-weight:600}
  p{margin:0 0 1.1rem}
  a{color:inherit;text-decoration:none}
  img{max-width:100%}
  .wrap{max-width:1160px;margin:0 auto;padding:0 24px}
  .eyebrow{font-family:'Poppins';font-weight:600;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--eb,var(--teal-deep))}
  .btn{display:inline-flex;align-items:center;gap:.5rem;font-family:'Poppins';font-weight:600;font-size:.95rem;
    padding:.85rem 1.5rem;border-radius:999px;transition:.2s;cursor:pointer;border:1.5px solid transparent}
  .btn-primary{background:var(--blue);color:#fff}
  .btn-primary:hover{background:var(--blue-deep)}
  .btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}
  .btn-ghost:hover{border-color:var(--blue);color:var(--blue-deep)}
  .btn-lg{padding:1rem 1.8rem;font-size:1rem}

  /* wave dividers */
  .wave{display:block;width:100%;height:84px;line-height:0;margin:0;padding:0}
  .wave svg{width:100%;height:100%;display:block}
  .wave.flip svg{transform:rotate(180deg)}

  /* header */
  header{position:sticky;top:0;z-index:40;background:rgba(246,245,239,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:76px}
  .brand{display:flex;align-items:center;gap:.6rem;font-family:'Poppins';font-weight:700;font-size:1.35rem}
  .brand img{height:46px;width:auto;border-radius:8px}
  .brand .cv-blue{color:var(--blue)} .brand .cv-teal{color:var(--teal-deep)}
  nav.links{display:flex;gap:1.9rem;align-items:center}
  nav.links a{font-weight:500;font-size:.96rem;color:var(--ink-soft)}
  nav.links a:hover{color:var(--blue-deep)}
  .nav-cta{display:flex;gap:.7rem;align-items:center}

  /* hero */
  .hero{position:relative;overflow:hidden;background:
    radial-gradient(120% 90% at 88% -10%, rgba(110,115,199,.16), transparent 60%),
    radial-gradient(90% 80% at 6% 10%, rgba(28,157,215,.12), transparent 55%),
    var(--cream)}
  .hero .wrap{display:grid;grid-template-columns:1.02fr .98fr;gap:52px;align-items:center;padding:72px 24px 40px}
  .hero h1{font-size:3.35rem;font-weight:700;letter-spacing:-.01em}
  .hero h1 .grad{background:linear-gradient(90deg,var(--blue),var(--teal-deep));-webkit-background-clip:text;background-clip:text;color:transparent}
  .hero .lead{font-size:1.22rem;color:var(--ink-soft);max-width:34ch;margin-top:1.4rem}
  .hero-cta{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:2rem}
  .hero-badges{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:2.2rem;padding-top:1.5rem;border-top:1px solid var(--line)}
  .hero-badges div{max-width:14rem}
  .hero-badges .n{font-family:'Poppins';font-weight:700;font-size:1.5rem;color:var(--blue-deep)}
  .hero-badges .l{font-size:.9rem;color:var(--ink-soft)}
  /* hero photo blob */
  .hero-photo{position:relative}
  .blob{aspect-ratio:1/.92;border-radius:58% 42% 54% 46% / 56% 52% 48% 44%;overflow:hidden;
    border:7px solid #fff;box-shadow:var(--shadow)}
  .blob img{width:100%;height:100%;object-fit:cover;display:block}
  /* ── Official NDIS registered provider mark ───────────────────────
     This is the NDIA's artwork, used unaltered. The guidelines forbid
     recolouring, rotating, cropping or resizing it disproportionately,
     so the file is shipped exactly as supplied and only width is set,
     with height:auto, letting the browser scale it proportionally.
     The supplied PNG has no transparency, hence the white plate, which
     doubles as the required clear space around the mark.
     ⛔ Do NOT place this on the aged care page. The mark may only be
     applied to services CareVolve is registered to deliver, and the
     aged care registration is applied for, not held. */
  .ndis-badge{position:absolute;left:-8px;bottom:22px;background:#fff;border:1px solid var(--line);
    border-radius:16px;padding:14px 18px;box-shadow:var(--shadow);line-height:0}
  .ndis-badge img{width:186px;height:auto;display:block}
  .hero-quote{position:absolute;right:-6px;top:18px;max-width:16rem;background:rgba(255,255,255,.95);border:1px solid var(--line);
    border-radius:16px;padding:13px 15px;font-size:.86rem;color:var(--ink);box-shadow:var(--shadow)}
  .hero-quote b{color:var(--blue-deep);display:block;margin-top:.3rem;font-size:.78rem}

  /* pillars */
  .pillars{background:var(--white)}
  .pillars .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;padding:26px 24px 56px}
  .pill h3{font-size:1.18rem;margin-bottom:.5rem;display:flex;gap:.6rem;align-items:center}
  .pill p{color:var(--ink-soft);margin:0;font-size:.98rem}
  .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;
    background:color-mix(in srgb, var(--svc-coord) 13%, #fff);color:var(--svc-coord)}
  .ic.blue{background:color-mix(in srgb, var(--svc-community) 14%, #fff);color:var(--svc-community)}
  .ic.violet{background:color-mix(in srgb, var(--svc-psych) 12%, #fff);color:var(--svc-psych)}

  section.band{padding:82px 0}
  .section-head{max-width:44rem;margin-bottom:44px}
  .section-head h2{font-size:2.3rem;font-weight:700;margin:.7rem 0 1rem;letter-spacing:-.01em}
  .section-head p{font-size:1.12rem;color:var(--ink-soft)}

  /* founder */
  .founder{background:var(--cream)}
  .founder .wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
  .founder-photo{position:relative}
  .founder-photo .fp{border-radius:46% 54% 48% 52% / 52% 46% 54% 48%;overflow:hidden;border:7px solid #fff;box-shadow:var(--shadow);aspect-ratio:1/.86}
  .founder-photo .fp img{width:100%;height:100%;object-fit:cover}
  .founder-cred{position:absolute;right:-10px;bottom:-14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:var(--shadow);max-width:15rem}
  .founder-cred .who{font-family:'Poppins';font-weight:700;font-size:1.05rem}
  .founder-cred .role{color:var(--teal-deep);font-weight:600;font-size:.82rem;margin-bottom:.5rem}
  .founder-cred p{font-size:.82rem;color:var(--ink-soft);margin:0}
  .founder .body h2{font-size:2.25rem;font-weight:700;margin-bottom:1.2rem;letter-spacing:-.01em}
  .founder .body p{font-size:1.08rem;color:var(--ink-soft)}
  .pullquote{border-left:3px solid var(--teal);padding-left:20px;margin:1.6rem 0;font-family:'Poppins';
    font-weight:500;font-size:1.2rem;color:var(--ink)}

  /* services */
  .services{background:color-mix(in srgb, var(--brand-teal) 5%, var(--white))}
  .svc-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}
  .svc{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:30px;display:flex;flex-direction:column}
  .svc.hero-svc{background:linear-gradient(160deg,#F0FAF6,#EAF6FB);border-color:#CFE9E0}
  .svc{position:relative;overflow:hidden}
  .svc::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:var(--svc)}
  .svc-ic{width:76px;height:76px;border-radius:20px;background:color-mix(in srgb, var(--svc) 12%, #fff);
    border:1px solid color-mix(in srgb, var(--svc) 26%, #fff);display:grid;place-items:center;margin-bottom:1.1rem}
  .svc-ic img{width:52px;height:52px;object-fit:contain}
  .svc .tag{align-self:flex-start;font-family:'Poppins';font-weight:600;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;
    padding:.3rem .7rem;border-radius:999px;background:#E7F4FB;color:var(--blue-deep);margin-bottom:1rem}
  .svc .tag{background:color-mix(in srgb, var(--svc) 14%, #fff);color:var(--svc-ink,var(--svc))}
  .svc.hero-svc .tag{background:var(--svc);color:#fff}
  .svc .tag.soon{background:color-mix(in srgb, var(--svc) 12%, #fff);color:var(--svc)}
  .svc h3{font-size:1.32rem;margin-bottom:.6rem}
  .svc p{color:var(--ink-soft);font-size:.98rem;margin:0}
  .svc ul{margin:.4rem 0 0;padding-left:1.1rem;color:var(--ink-soft);font-size:.96rem}
  .svc ul li{margin-bottom:.3rem}

  /* values */
  .values-band{background:var(--cream)}
  .val-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .val{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:26px}
  .val h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--blue-deep)}
  .val p{color:var(--ink-soft);font-size:.95rem;margin:0}

  /* outcomes */
  .outcomes{background:linear-gradient(180deg,var(--brand-purple),var(--brand-purple-2));color:#EAF1F5}
  .outcomes h2,.outcomes h3{color:#fff}
  .outcomes .section-head p{color:#B9C7CF}
  .out-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  .out{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:30px}
  .out .arc{font-family:'Poppins';font-weight:600;color:var(--teal);font-size:.9rem;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}
  .out h3{font-size:1.18rem;margin-bottom:.7rem;line-height:1.25}
  .out p{color:#B9C7CF;font-size:.96rem;margin:0}
  .out .now{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.12);color:#EAF1F5;font-size:.95rem}
  .out .now b{color:#fff}

  /* fit */
  .fit-band{background:color-mix(in srgb, var(--svc-ndis) 9%, var(--cream))}
  .fit-band .wrap{display:grid;grid-template-columns:1fr 1fr;gap:28px}
  .fit-card{border-radius:var(--radius);padding:34px;border:1px solid var(--line)}
  .fit-card.yes{background:#EDF8F3;border-color:#CFE9E0}
  .fit-card.no{background:var(--white)}
  .fit-card h3{font-size:1.25rem;margin-bottom:1rem;display:flex;align-items:center;gap:.6rem}
  .fit-card ul{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}
  .fit-card li{display:flex;gap:.6rem;color:var(--ink-soft)}
  .fit-card li svg{flex:none;margin-top:4px}

  /* testimonial */
  .testi{background:color-mix(in srgb, var(--accent-cyan) 16%, var(--cream))}
  .testi blockquote{max-width:52rem;margin:0 auto;text-align:center;font-family:'Poppins';font-weight:500;
    font-size:1.6rem;line-height:1.4;color:var(--ink)}
  .testi .attr{text-align:center;margin-top:1.4rem;color:var(--ink-soft);font-weight:500}
  .testi .lead-quote{font-size:3.4rem;color:var(--teal);font-family:'Poppins';line-height:1;text-align:center}

  /* referrer */
  .referrer{background:linear-gradient(130deg,var(--brand-teal),var(--brand-teal-2));color:#fff}
  .referrer .wrap{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;padding:20px 24px 24px}
  .referrer h2{color:#fff;font-size:2rem;margin-bottom:1rem}
  .referrer p{color:#EAF0FB}
  .referrer .btn-primary{background:#fff;color:var(--violet-deep)}
  .referrer .btn-primary:hover{background:#EFEFFB}

  /* contact */
  .contact{background:var(--cream)}
  .contact .wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px}
  .contact h2{font-size:2.3rem;margin-bottom:1rem}
  .contact p{color:var(--ink-soft);font-size:1.08rem}
  .contact-list{display:grid;gap:1rem;margin-top:1.6rem}
  .contact-list a,.contact-list span{display:flex;gap:.8rem;align-items:center;color:var(--ink);font-weight:500}
  .contact-list .ic{width:42px;height:42px}
  form{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow)}
  form label{font-size:.85rem;font-weight:600;color:var(--ink);display:block;margin-bottom:.35rem}
  form .row{margin-bottom:1.1rem}
  form input,form textarea,form select{width:100%;padding:.8rem .9rem;border:1px solid var(--line);border-radius:12px;
    font-family:inherit;font-size:.98rem;background:var(--cream);color:var(--ink)}
  form textarea{min-height:110px;resize:vertical}
  .flag{background:#FFF6E6;border:1px dashed #E4B34A;color:#8A6417;font-size:.82rem;padding:.5rem .7rem;border-radius:10px;margin-top:.8rem}

  footer{background:var(--brand-navy);color:#AEBEC7;padding:20px 0 30px}
  .foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px;padding-top:30px}
  footer h4{color:#fff;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:1.1rem}
  footer a{display:block;color:#AEBEC7;margin-bottom:.6rem;font-size:.95rem}
  footer a:hover{color:#fff}
  .foot-brand img{height:52px;border-radius:10px;margin-bottom:1rem}
  .foot-brand p{color:#90A2AC;font-size:.92rem;max-width:26rem}
  .foot-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:44px;padding-top:22px;display:flex;
    justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.86rem;color:#7E909B}
  /* Photo credit. The hero comes from a CC BY collection, whose licence
     requires attribution, and the same line makes clear the people in it
     are models rather than CareVolve participants. */
  .foot-credit{padding-top:12px;font-size:.78rem;line-height:1.6;color:#64757F;max-width:70ch}
  /* footer a is display:block, which broke this sentence across five lines */
  .foot-credit a{display:inline;margin:0;font-size:inherit;color:#8FA3AE;text-decoration:underline}
  .foot-credit a:hover{color:#fff}

  @media(max-width:920px){
    nav.links{display:none}
    .hero .wrap{grid-template-columns:1fr;gap:40px;padding:44px 24px 24px}
    .hero h1{font-size:2.5rem}
    .hero-photo{max-width:460px;margin:0 auto}
    .founder-cred{position:static;max-width:none;margin-top:1rem}
    .pillars .grid,.founder .wrap,.svc-grid,.val-grid,.out-grid,.fit-band .wrap,.referrer .wrap,.contact .wrap,.foot-grid{grid-template-columns:1fr}
    section.band{padding:56px 0}
    .section-head h2,.founder .body h2,.contact h2{font-size:1.9rem}
    .testi blockquote{font-size:1.3rem}
    .wave{height:52px}
  }

/* ── added for the multi-page build ────────────────────────────────── */

/* page hero (inner pages) */
.page-hero{position:relative;overflow:hidden;background:
  radial-gradient(120% 90% at 88% -10%, color-mix(in srgb, var(--svc) 34%, transparent), transparent 62%),
  radial-gradient(90% 80% at 6% 10%, color-mix(in srgb, var(--svc) 20%, transparent), transparent 58%),
  var(--cream)}
.page-hero .eyebrow{color:var(--svc-ink,var(--svc))}
.page-hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--svc);opacity:.8}
.page-hero .crumb a{color:var(--svc-ink,var(--svc))}
.page-hero .wrap{padding:64px 24px 44px;max-width:52rem}
.page-hero h1{font-size:2.9rem;font-weight:700;letter-spacing:-.01em;margin:.7rem 0 1.1rem}
.page-hero p{font-size:1.18rem;color:var(--ink-soft);margin:0}
.crumb{font-size:.88rem;color:var(--ink-soft);margin-bottom:.2rem}
.crumb a{color:var(--blue-deep)}

/* prose blocks */
.prose{max-width:44rem}
.prose h2{font-size:1.9rem;margin:2.2rem 0 1rem;letter-spacing:-.01em}
.prose h2:first-child{margin-top:0}
.prose p{font-size:1.06rem;color:var(--ink-soft)}
.prose ul{padding-left:1.15rem;color:var(--ink-soft);font-size:1.04rem}
.prose ul li{margin-bottom:.55rem}

/* offer grid (what we offer) */
.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.offer{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:26px}
.offer h3{font-size:1.08rem;margin-bottom:.5rem;color:var(--blue-deep)}
.offer p{color:var(--ink-soft);font-size:.95rem;margin:0}

/* testimonials */
/* Masonry columns, so a long quote does not stretch its whole row. */
.testi-grid{column-count:3;column-gap:22px}
.tcard{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:28px;
  break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;display:block;margin:0 0 22px}
.tcard .mark{font-family:'Poppins';font-size:2.4rem;line-height:.8;color:var(--svc,var(--teal));margin-bottom:.6rem}
.tcard p{color:var(--ink-soft);font-size:1rem;margin:0 0 1.1rem}
.tcard .who{font-family:'Poppins';font-weight:600;font-size:.95rem;color:var(--ink)}
.tcard .who span{display:block;font-family:'Inter';font-weight:500;font-size:.84rem;color:var(--teal-deep)}

/* single inline testimonial on a service page */
.t-inline{background:#EDF8F3;border:1px solid #CFE9E0;border-radius:var(--radius);padding:28px 30px;margin:2.2rem 0}
.t-inline p{font-family:'Poppins';font-weight:500;font-size:1.12rem;color:var(--ink);margin:0 0 .8rem}
.t-inline .who{font-size:.9rem;color:var(--teal-deep);font-weight:600}

/* service index cards */
.svc-index{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.svc-index a.card{position:relative;overflow:hidden;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;transition:.2s}
.svc-index a.card::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:var(--svc)}
.svc-index a.card:hover{border-color:var(--svc);box-shadow:var(--shadow);transform:translateY(-2px)}
.svc-index .card h3{font-size:1.2rem;margin-bottom:.55rem}
.svc-index .card p{color:var(--ink-soft);font-size:.97rem;margin:0 0 1rem}
.svc-index .card .more{margin-top:auto;font-family:'Poppins';font-weight:600;font-size:.92rem;color:var(--svc-ink,var(--svc,var(--blue-deep)))}
.svc-index .card img{width:56px;height:56px;object-fit:contain;margin-bottom:1rem}

/* contact page detail */
.contact-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:44px}
.cd{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:24px}
.cd h3{font-size:1rem;margin-bottom:.5rem;color:var(--blue-deep)}
.cd p,.cd a{color:var(--ink-soft);font-size:.98rem;margin:0;display:block}
.cd a:hover{color:var(--blue-deep)}

/* mobile nav toggle */
.navtoggle{display:none;background:none;border:1px solid var(--line);border-radius:10px;padding:.5rem .7rem;cursor:pointer;font-size:1.1rem;line-height:1}

@media(max-width:920px){
  .offer-grid,.svc-index,.contact-detail{grid-template-columns:1fr}
  .testi-grid{column-count:1}
  .page-hero h1{font-size:2.1rem}
  .page-hero .wrap{padding:40px 24px 28px}
  .navtoggle{display:block}
  nav.links.open{display:flex;position:absolute;top:76px;left:0;right:0;flex-direction:column;gap:0;
    background:var(--cream);border-bottom:1px solid var(--line);padding:12px 24px 18px}
  nav.links.open a{padding:.65rem 0;border-bottom:1px solid var(--line);width:100%}
}

/* Narrow phones. At 390px the wordmark, the burger and the CTA all sat in
   one space-between row with nothing allowed to shrink, so the wordmark
   overflowed underneath the burger and the CTA ran off the right edge.
   Shrink the type, let the brand shrink, and stop the CTA wrapping. */
@media(max-width:560px){
  .nav{gap:.5rem;height:68px}
  .brand{font-size:1.08rem;gap:.45rem;min-width:0;flex:0 1 auto}
  .brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .brand img{height:32px}
  .nav-cta{gap:.45rem;flex:0 0 auto}
  .nav-cta .btn{padding:.5rem .85rem;font-size:.85rem;white-space:nowrap}
  .navtoggle{padding:.42rem .6rem;font-size:1rem}
  nav.links.open{top:68px}
}

/* home service tile read-more */
.svc .more{margin-top:1.1rem;font-family:'Poppins';font-weight:600;font-size:.92rem;color:var(--svc-ink,var(--svc));display:inline-block}
.svc .more:hover{color:var(--blue)}
.svc.hero-svc .more{color:var(--svc)}

@media(max-width:1100px) and (min-width:921px){ .testi-grid{column-count:2} }

/* ── Blue hero, matching CareVolve's existing brand entry ──────────────
   Her live site opens on linear-gradient(6deg,#2394CF,#8184D1). Those sit
   within a shade of our own --blue and --violet, so this is our palette
   applied confidently rather than a new one. Blue stops at the hero; the
   reading sections stay cream and white. */
:root{ --accent:#FFC600; --accent-deep:#E8B400; }

.hero-blue{background:linear-gradient(152deg,var(--brand-teal) 0%, #10527F 46%, var(--brand-purple) 100%)}
.hero-blue .eyebrow{color:#8FE3F0}
.hero-blue h1{color:#fff}
.hero-blue h1 .grad{background:none;-webkit-background-clip:initial;background-clip:initial;color:#7FE3C4}
.hero-blue .lead{color:#E9F3FB}
.hero-blue .hero-badges{border-top-color:rgba(255,255,255,.28)}
.hero-blue .hero-badges .n{color:#fff}
.hero-blue .hero-badges .l{color:#DCEAF6}
.hero-blue .hero-quote{background:rgba(255,255,255,.96)}
.hero-blue .blob{border-color:#fff}

.btn-accent{background:var(--accent);color:#26333D}
.btn-accent:hover{background:var(--accent-deep)}
.btn-onblue{background:transparent;color:#fff;border-color:rgba(255,255,255,.65)}
.btn-onblue:hover{background:rgba(255,255,255,.14);border-color:#fff;color:#fff}

/* brand mark in header + footer (the sprout, not the full wordmark) */
.brand img{height:40px;width:auto;border-radius:0}
.foot-mark{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}
.foot-mark img{height:44px;width:auto}
.foot-mark span{font-family:'Poppins';font-weight:700;font-size:1.3rem;color:#fff}

/* image inside a prose column */
.prose-figure{margin:2.2rem 0;padding:0}
.prose-figure img{width:100%;border-radius:var(--radius);border:6px solid #fff;box-shadow:var(--shadow);display:block}

/* ── Her brochure's botanical spray ───────────────────────────────────
   The one element of Alicia's artwork that carries the "vibrant" more
   than any single colour does: a cluster of multicoloured leaves on the
   right. Decorative, so it is aria-hidden and it drops out on small
   screens where it would only crowd the copy. */
.hero{position:relative}
.hero-leaves{position:absolute;right:-10px;bottom:-26px;width:min(28vw,320px);height:auto;
  opacity:.92;pointer-events:none;z-index:0}
.hero-leaves .lf > g{opacity:.9}
.hero .wrap{position:relative;z-index:1}
@media(max-width:920px){ .hero-leaves{display:none} }