:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}
/* Subtle emphasis on the two foundational bookkeeping services */
.core-services > .ptier:nth-child(-n+2){border-color:var(--green);background:linear-gradient(180deg,rgba(39,117,94,.065),transparent 70%)}
.core-services > .ptier:nth-child(-n+2) .top h3{color:var(--green)}
/* Option C: approachable in presentation, precise in delivery */
.audience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.75rem}
.audience-grid>div{background:var(--card);border:1px solid var(--rule);padding:1rem;border-radius:5px;display:flex;flex-direction:column;gap:.25rem}
.audience-grid strong{font-size:.93rem;color:var(--ink)}
.audience-grid span{font-size:.84rem;color:var(--ink-soft);line-height:1.45}
.how{margin-top:2.2rem}
.how h2{margin-top:.45rem}
.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:1rem}
.how-grid>div{border:1px solid var(--rule);background:var(--card);border-radius:5px;padding:1rem}
.how-grid b{font-size:.87rem;color:var(--green)}
.how-grid p{font-size:.84rem;color:var(--ink-soft);margin-top:.35rem}
.service-kicker{font-family:var(--mono);font-size:.66rem!important;text-transform:uppercase;letter-spacing:.1em;color:var(--green)!important;font-weight:700;margin-bottom:.55rem!important}
@media(max-width:42rem){.audience-grid,.how-grid{grid-template-columns:1fr}}
.construction-section-heading{font-family:var(--serif,Georgia,serif);font-size:clamp(1.55rem,2.5vw,2.1rem);font-weight:700;line-height:1.2;color:var(--ink);margin:2.4rem 0 1.1rem;letter-spacing:-.02em}
/* Layout: sticky header + tabbed panels on one page. Conventional firm-site structure; the brand stays as built. */
:root {
  --paper:#F8F8F5; --card:#FFFFFF; --sunk:#EFF0EB;
  --ink:#151D26; --ink-soft:#525E6B; --ink-faint:#8894A0;
  --rule:#DCDED7; --rule-soft:#E9EAE4;
  --green:#1F5241; --green-deep:#173E31; --green-soft:#E2EDE7;
  --on-green:#FFFFFF;
  --c1:#1F5241; --c2:#16565F; --c3:#1E4870;
  --display:'Newsreader', Georgia, 'Times New Roman', serif;
  --ui:'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mono:'IBM Plex Mono', ui-monospace, Menlo, monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper:#11161B; --card:#182026; --sunk:#1E272D;
    --ink:#ECEEE9; --ink-soft:#A3AEB8; --ink-faint:#74808B;
    --rule:#2B343C; --rule-soft:#212A31;
    --green:#6FC2A3; --green-deep:#5AAE90; --green-soft:#15302A;
    --on-green:#0E1418;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --paper:#11161B; --card:#182026; --sunk:#1E272D;
  --ink:#ECEEE9; --ink-soft:#A3AEB8; --ink-faint:#74808B;
  --rule:#2B343C; --rule-soft:#212A31;
  --green:#6FC2A3; --green-deep:#5AAE90; --green-soft:#15302A;
  --on-green:#0E1418;
  --c1:#6FC2A3; --c2:#5FC2CE; --c3:#7CB4E0;
  color-scheme: dark;
}
*{box-sizing:border-box}
body{background:var(--paper);color:var(--ink);font-family:var(--ui);font-size:1rem;line-height:1.6;margin:0;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--paper)}
.wrap{max-width:56rem;margin-inline:auto;
  padding-left:max(16px,env(safe-area-inset-left,0px));
  padding-right:max(16px,env(safe-area-inset-right,0px))}

h1,h2,h3{font-family:var(--display);font-weight:500;letter-spacing:-0.015em;margin:0;text-wrap:balance}
h1{font-size:clamp(1.95rem,5.6vw,3rem);line-height:1.08}
h2{font-size:clamp(1.35rem,3.4vw,1.8rem);line-height:1.18}
h3{font-size:1.05rem;font-weight:600;font-family:var(--ui);letter-spacing:0}
p{margin:0}
a{color:var(--green);text-underline-offset:3px;text-decoration-thickness:1px}
:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.label{font-family:var(--mono);font-size:0.68rem;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-faint)}
.lede{color:var(--ink-soft);max-width:38rem}

/* ---------- header ---------- */
header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:var(--paper);border-bottom:1px solid var(--rule)}
.hrow{display:flex;align-items:center;gap:0.9rem;flex-wrap:wrap;padding-block:0.7rem}
.wordmark{font-family:var(--display);font-weight:600;font-size:1.14rem;letter-spacing:-0.01em;white-space:nowrap}
.wordmark small{display:block;font-family:var(--mono);font-size:0.6rem;font-weight:400;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-faint);margin-top:0.08rem}
.hspace{flex:1 1 auto}
.htel{font-family:var(--mono);font-size:0.86rem;white-space:nowrap;color:var(--ink)}
.cta{font-family:var(--ui);font-size:0.86rem;font-weight:600;background:var(--green);color:var(--on-green);
  border:1px solid var(--green);padding:0.48rem 0.95rem;border-radius:2px;cursor:pointer;white-space:nowrap}
.cta:hover{background:var(--green-deep);border-color:var(--green-deep)}

nav.tabs{display:flex;gap:0.15rem;overflow-x:auto;scrollbar-width:none;padding-bottom:0.1rem}
nav.tabs::-webkit-scrollbar{display:none}
nav.tabs button{
  font-family:var(--ui);font-size:0.88rem;font-weight:500;color:var(--ink-soft);
  background:none;border:none;border-bottom:2px solid transparent;
  padding:0.45rem 0.7rem;cursor:pointer;white-space:nowrap}
nav.tabs button:first-child{padding-left:0}
nav.tabs button:hover{color:var(--ink)}
nav.tabs button[aria-selected="true"]{color:var(--green);border-bottom-color:var(--green);font-weight:600}

/* ---------- panels ---------- */
.panel{padding-block:2.5rem 3.5rem}
.panel>*+*{margin-top:1.1rem}
.panel h1+.lede{margin-top:1rem;font-size:1.06rem}

/* hero */
.hero-sub{font-family:var(--display);font-size:clamp(1.05rem,2.6vw,1.3rem);color:var(--ink-soft);max-width:36rem;margin-top:0.85rem}
.geo{font-family:var(--mono);font-size:0.72rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--green);margin-bottom:0.9rem}
.oneline{font-family:var(--display);font-size:clamp(1.1rem,2.8vw,1.42rem);line-height:1.3;color:var(--ink);border-left:3px solid var(--green);padding-left:1rem;margin-top:1.6rem;max-width:36rem}

/* strengths */
.strengths{display:grid;grid-template-columns:repeat(3,1fr);gap:0.8rem;margin-top:1rem}
@media(max-width:48rem){.strengths{grid-template-columns:1fr}}
.str{background:var(--card);border:1px solid var(--rule);border-radius:2px;padding:1.05rem 1.1rem}
.str .n{font-family:var(--mono);font-size:0.68rem;letter-spacing:0.1em;color:var(--green)}
.str h3{margin-top:0.3rem;font-family:var(--display);font-weight:500;font-size:1.16rem;letter-spacing:-0.01em}
.str ul{list-style:none;margin:0.65rem 0 0;padding:0}
.str li{font-size:0.89rem;color:var(--ink-soft);padding-block:0.26rem;border-top:1px solid var(--rule-soft)}
.str li:first-child{border-top:none}
.str li b{color:var(--ink);font-weight:600}

/* segments */
.segs{display:flex;flex-wrap:wrap;gap:0.35rem;margin-top:0.55rem}
.segs span{font-size:0.86rem;color:var(--ink-soft);background:var(--sunk);border-radius:2px;padding:0.22rem 0.55rem}

/* route cards */
.routes{display:grid;grid-template-columns:1fr 1fr;gap:0.8rem;margin-top:2rem}
@media(max-width:42rem){.routes{grid-template-columns:1fr}}
.route{background:var(--card);border:1px solid var(--rule);border-radius:2px;padding:1.15rem 1.2rem;text-align:left;cursor:pointer;font-family:var(--ui);color:var(--ink)}
.route:hover{border-color:var(--green)}
.route .q{font-family:var(--display);font-size:1.16rem;line-height:1.3;display:block}
.route .a{display:block;font-size:0.9rem;color:var(--ink-soft);margin-top:0.4rem}
.route .go{display:block;font-family:var(--mono);font-size:0.72rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--green);margin-top:0.7rem}

/* offer band */
.offer{background:var(--green-soft);border-left:3px solid var(--green);padding:1.25rem 1.35rem;border-radius:0 2px 2px 0;margin-top:2rem}
.offer h2{margin-bottom:0.5rem}
.offer .keep{font-weight:600;color:var(--ink)}
.offer .fee{font-family:var(--mono);font-size:0.9rem;color:var(--green);margin-top:0.85rem}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0.8rem;margin-top:1rem}
@media(max-width:42rem){.steps{grid-template-columns:1fr}}
.step{border-top:2px solid var(--green);padding-top:0.7rem}
.step .n{font-family:var(--mono);font-size:0.7rem;color:var(--green);letter-spacing:0.08em}
.step h3{margin-top:0.2rem}
.step p{font-size:0.9rem;color:var(--ink-soft);margin-top:0.25rem}

/* service list */
.svc{border-top:1px solid var(--rule-soft);padding-block:1rem}
.svc:first-of-type{border-top:none}
.svc p{color:var(--ink-soft);font-size:0.95rem;margin-top:0.3rem}

/* workflow chain */
.chain{margin-top:0.9rem;max-width:34rem}
.chain .lnk{display:grid;grid-template-columns:1.8rem 1fr;gap:0.7rem;padding-block:0.42rem;align-items:baseline}
.chain .lnk .i{font-family:var(--mono);font-size:0.72rem;color:var(--ink-faint)}
.chain .lnk.ours .i{color:var(--green)}
.chain .lnk .w{font-size:0.95rem;color:var(--ink-faint)}
.chain .lnk.ours .w{color:var(--ink);font-weight:600}
.chain .brk{display:flex;align-items:center;gap:0.7rem;margin-block:0.55rem}
.chain .brk::before,.chain .brk::after{content:"";height:1px;background:var(--green);flex:1;opacity:0.5}
.chain .brk span{font-family:var(--mono);font-size:0.64rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--green);white-space:nowrap}

/* question blocks */
.qa{border-top:1px solid var(--rule);padding-block:1.3rem}
.qa:first-of-type{border-top:2px solid var(--ink)}
.qa .ask{font-family:var(--display);font-size:clamp(1.1rem,2.5vw,1.32rem);line-height:1.3;color:var(--ink)}
.qa .pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:0.85rem}
@media(max-width:46rem){.qa .pair{grid-template-columns:1fr;gap:0.75rem}}
.qa .pair span{font-family:var(--mono);font-size:0.63rem;letter-spacing:0.1em;text-transform:uppercase;display:block;margin-bottom:0.28rem}
.qa .cause span{color:var(--ink-faint)}
.qa .fix span{color:var(--green)}
.qa .cause p{font-size:0.89rem;color:var(--ink-soft)}
.qa .fix p{font-size:0.89rem;color:var(--ink)}
.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:0.4rem;margin-top:0.7rem}
.checks div{background:var(--sunk);border-radius:2px;padding:0.45rem 0.65rem;font-size:0.87rem;color:var(--ink-soft)}

/* symptom quotes */
.sym{background:var(--card);border:1px solid var(--rule);border-left:3px solid var(--green);padding:0.85rem 1rem;border-radius:0 2px 2px 0;margin-top:0.6rem}
.sym .said{font-family:var(--display);font-size:1.08rem;line-height:1.35}
.sym .then{display:block;font-size:0.88rem;color:var(--ink-soft);margin-top:0.35rem}

/* benchmark table */
.bench{width:100%;border-collapse:collapse;font-size:0.9rem;margin-top:0.85rem}
.bench th,.bench td{text-align:left;padding:0.5rem 0.8rem 0.5rem 0;border-bottom:1px solid var(--rule-soft);vertical-align:top}
.bench th{font-family:var(--mono);font-size:0.64rem;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint);font-weight:500}
.bench td:first-child{font-weight:600;white-space:nowrap}
.bench td.amt{font-family:var(--mono);font-size:0.84rem;white-space:nowrap}
.bench tr.us td{color:var(--green)}
.bench tr.us td:first-child{color:var(--green)}
.benchwrap{overflow-x:auto}

/* layers */
.layers{display:grid;grid-template-columns:repeat(3,1fr);gap:0.85rem;margin-top:0.9rem}
@media(max-width:48rem){.layers{grid-template-columns:1fr}}
.layer{border-top:2px solid var(--green);padding-top:0.7rem}
.layer .nm{font-family:var(--mono);font-size:0.64rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--green)}
.layer .ask{font-family:var(--display);font-size:1.12rem;line-height:1.3;color:var(--ink);margin-top:0.25rem}
.layer p{font-size:0.87rem;color:var(--ink-soft);margin-top:0.35rem}

/* month rhythm */
.month{margin-top:0.8rem;max-width:40rem}
.month .wk{display:grid;grid-template-columns:7.5rem 1fr;gap:0.85rem;padding-block:0.55rem;border-top:1px solid var(--rule-soft)}
@media(max-width:34rem){.month .wk{grid-template-columns:1fr;gap:0.1rem}}
.month .wk:first-child{border-top:none}
.month .when{font-family:var(--mono);font-size:0.76rem;color:var(--green);white-space:nowrap}
.month .what{font-size:0.91rem;color:var(--ink-soft)}
.month .what b{color:var(--ink);font-weight:600;display:block}

/* pricing */
.ptier{background:var(--card);border:1px solid var(--rule);border-radius:2px;padding:1.1rem 1.2rem;margin-top:0.7rem}
.ptier .top{display:flex;justify-content:space-between;align-items:baseline;gap:0.8rem;flex-wrap:wrap}
.ptier .fee{font-family:var(--mono);font-size:0.95rem;color:var(--green);white-space:nowrap}
.ptier p{font-size:0.93rem;color:var(--ink-soft);margin-top:0.4rem}
.ptier ul{margin:0.5rem 0 0;padding-left:1.05rem;font-size:0.91rem;color:var(--ink-soft)}
.ptier li{margin-bottom:0.18rem}
.factors{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:0.5rem;margin-top:0.9rem}
.factors div{background:var(--sunk);border-radius:2px;padding:0.5rem 0.7rem;font-size:0.88rem;color:var(--ink-soft)}

/* contact */
.reach{display:flex;flex-wrap:wrap;gap:0.55rem 2rem;margin-top:1.2rem;align-items:center}
.reach-item{display:flex;align-items:center;gap:0.5rem;min-width:0}
.reach-item .val{font-family:var(--mono);font-size:0.98rem;word-break:break-word}
.copy{font-family:var(--mono);font-size:0.62rem;letter-spacing:0.08em;text-transform:uppercase;background:none;color:var(--ink-faint);
  border:1px solid var(--rule);border-radius:2px;padding:0.2rem 0.42rem;cursor:pointer;flex:none}
.copy:hover{color:var(--green);border-color:var(--green)}
.areas{display:flex;flex-wrap:wrap;gap:0.3rem;margin-top:0.45rem}
.areas span{font-family:var(--mono);font-size:0.76rem;color:var(--ink-soft);border:1px solid var(--rule);padding:0.14rem 0.42rem;border-radius:2px}

ul.plain{list-style:none;margin:0.5rem 0 0;padding:0}
ul.plain li{display:grid;grid-template-columns:1rem 1fr;gap:0.6rem;padding-block:0.35rem;font-size:0.94rem;color:var(--ink-soft)}
ul.plain li::before{content:"—";color:var(--ink-faint)}
ul.plain b{color:var(--ink)}

footer.site{border-top:1px solid var(--rule);padding-block:1.6rem 2.6rem}
footer.site p{font-family:var(--mono);font-size:0.72rem;color:var(--ink-faint);line-height:1.8}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* ---------- analogous accent palette ---------- */
:root{--c1:#1F5241;--c2:#16565F;--c3:#1E4870}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--c1:#6FC2A3;--c2:#5FC2CE;--c3:#7CB4E0}}
:root[data-theme="dark"]{--c1:#6FC2A3;--c2:#5FC2CE;--c3:#7CB4E0}

/* ---------- hero / section bands ---------- */
.band{position:relative;overflow:hidden;border-radius:4px;padding:2.1rem 1.6rem 2.2rem;margin-bottom:1.6rem;
  background:radial-gradient(130% 150% at 88% -25%, rgba(255,255,255,.16), transparent 62%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M0 .5h32M.5 0v32' stroke='%23ffffff' stroke-opacity='.09' fill='none'/%3E%3C/svg%3E"),
    linear-gradient(135deg,#143428 0%,#1F5241 55%,#2B6E57 100%);
  background-size:auto,32px 32px,auto}
.band.tall{padding:3rem 1.7rem 3.1rem}
@media(max-width:34rem){.band{padding:1.6rem 1.15rem 1.75rem}.band.tall{padding:2.1rem 1.15rem 2.3rem}}
.band::after{content:"";position:absolute;right:-6%;bottom:-55%;width:62%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.10),transparent 68%);pointer-events:none}
.band > *{position:relative;z-index:1}
.band .label{color:rgba(255,255,255,.62)}
.band h1{color:#fff;margin-top:0.55rem}
.band .hero-sub{color:rgba(255,255,255,.82);margin-top:0.8rem}
.band .lede{color:rgba(255,255,255,.76)}
.band .oneline{color:#fff;border-left-color:rgba(255,255,255,.45);margin-top:1.3rem}

/* ---------- pricing cards ---------- */
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.85rem;margin-top:0.9rem;align-items:stretch}
.pgrid .tier-level{font-family:var(--mono);font-size:0.68rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--green);font-weight:700;margin-bottom:0.45rem}
.pgrid .recommended{display:inline-block;background:var(--green);color:var(--on-green);font-family:var(--mono);font-size:0.62rem;letter-spacing:0.08em;text-transform:uppercase;padding:0.28rem 0.6rem;border-radius:999px;margin-bottom:0.65rem}
.pgrid .ptier.feature{transform:translateY(-0.3rem);background:linear-gradient(180deg,var(--green-soft),var(--card) 32%)}
@media(max-width:52rem){.pgrid .ptier.feature{transform:none}}
.pgrid.two{grid-template-columns:repeat(2,1fr)}
@media(max-width:52rem){.pgrid,.pgrid.two{grid-template-columns:1fr}}
.pgrid .ptier{margin-top:0;height:100%;border-radius:4px;box-shadow:0 1px 2px rgba(20,30,25,.05);
  transition:border-color .15s,box-shadow .15s}
.pgrid .ptier:hover{border-color:var(--green);box-shadow:0 4px 14px rgba(20,30,25,.09)}
.pgrid .ptier.feature{border-color:var(--green);border-width:2px;box-shadow:0 6px 20px rgba(31,82,65,.14)}
.pgrid .ptier .top{flex-wrap:wrap}
.pgrid .ptier .fee{font-size:0.68rem;letter-spacing:0.08em;text-transform:uppercase;
  background:var(--green-soft);color:var(--green);padding:0.2rem 0.55rem;border-radius:999px}
.tag{display:inline-block;font-family:var(--mono);font-size:0.6rem;letter-spacing:0.1em;text-transform:uppercase;
  background:var(--green);color:var(--on-green);padding:0.2rem 0.55rem;border-radius:999px;margin-bottom:0.55rem}

/* ---------- strength cards, one hue each ---------- */
.str{position:relative;border-radius:4px;box-shadow:0 1px 2px rgba(20,30,25,.05);
  transition:border-color .15s,box-shadow .15s}
.str:hover{box-shadow:0 5px 16px rgba(20,30,25,.09)}
.str .n{display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;border-radius:50%;
  color:#fff;font-size:0.72rem;letter-spacing:0}
.str h3{margin-top:0.6rem}
.strengths .str:nth-child(1){border-top:3px solid var(--c1)}
.strengths .str:nth-child(2){border-top:3px solid var(--c2)}
.strengths .str:nth-child(3){border-top:3px solid var(--c3)}
.strengths .str:nth-child(1) .n{background:var(--c1)}
.strengths .str:nth-child(2) .n{background:var(--c2)}
.strengths .str:nth-child(3) .n{background:var(--c3)}
.strengths .str:nth-child(1) h3{color:var(--c1)}
.strengths .str:nth-child(2) h3{color:var(--c2)}
.strengths .str:nth-child(3) h3{color:var(--c3)}
.strengths .str:nth-child(1):hover{border-color:var(--c1)}
.strengths .str:nth-child(2):hover{border-color:var(--c2)}
.strengths .str:nth-child(3):hover{border-color:var(--c3)}

/* ---------- route cards ---------- */
.route{border-radius:4px;box-shadow:0 1px 2px rgba(20,30,25,.05);
  transition:border-color .15s,box-shadow .15s,transform .15s}
.route:hover{border-color:var(--green);box-shadow:0 5px 16px rgba(20,30,25,.09);transform:translateY(-1px)}
.offer{border-radius:4px}
@media(prefers-reduced-motion:reduce){.route:hover{transform:none}}

/* Larger audience labels on the home page */
.audience-heading{font-family:var(--display);font-size:clamp(1.55rem,3.6vw,2rem);line-height:1.1;font-weight:500;letter-spacing:-0.025em;color:var(--ink);display:flex;align-items:center;gap:0.8rem}
.audience-heading::after{content:"";display:block;height:2px;flex:1;max-width:12rem;background:var(--green)}
.home-audience{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.7rem;margin-top:1rem}
.home-audience span{position:relative;display:flex;align-items:center;min-height:4rem;font-size:clamp(1rem,2.2vw,1.15rem);line-height:1.25;font-weight:600;letter-spacing:-0.01em;color:var(--green-deep);background:var(--card);border:1px solid var(--rule);border-left:4px solid var(--green);border-radius:3px;padding:0.85rem 1rem;box-shadow:0 2px 8px rgba(21,29,38,.045);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.home-audience span::after{content:"↗";margin-left:auto;padding-left:0.65rem;font-size:1rem;color:var(--green);opacity:.8}
.home-audience span:hover{transform:translateY(-2px);border-color:var(--green);background:var(--green-soft)}
@media(max-width:30rem){.home-audience{grid-template-columns:1fr}.home-audience span{min-height:3.5rem}}
/* High contrast audience showcase on the home page */
.audience-showcase{margin-top:2.2rem;padding:1.35rem 1.4rem 1.45rem;background:var(--green-deep);border-radius:6px;box-shadow:0 8px 24px rgba(21,29,38,.12)}
.audience-heading{font-family:var(--display);font-size:clamp(1.7rem,4vw,2.2rem);line-height:1.1;font-weight:600;letter-spacing:-0.025em;color:#fff;display:flex;align-items:center;gap:0.8rem;margin:0 0 1rem}
.audience-heading::after{content:"";display:block;height:2px;flex:1;max-width:12rem;background:#91C8B0}
.home-audience{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.75rem;margin-top:0}
.home-audience span{position:relative;display:flex;align-items:center;min-height:4.25rem;font-size:clamp(1.02rem,2.3vw,1.2rem);line-height:1.25;font-weight:700;letter-spacing:-0.01em;color:var(--green-deep);background:#fff;border:1px solid rgba(255,255,255,.55);border-radius:4px;padding:1rem 1.05rem;box-shadow:0 3px 10px rgba(0,0,0,.09);transition:transform .18s ease,box-shadow .18s ease}
.home-audience span::after{content:"↗";margin-left:auto;padding-left:0.65rem;font-size:1.1rem;color:var(--green);opacity:.9}
.home-audience span:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.15)}
@media(max-width:30rem){.audience-showcase{padding:1.1rem}.home-audience{grid-template-columns:1fr}.home-audience span{min-height:3.6rem}}

/* ---------- multi-page: links styled to match the former tab buttons ---------- */
a.wordmark{color:inherit;text-decoration:none}
a.htel{text-decoration:none}
a.cta{display:inline-block;text-decoration:none;text-align:center;line-height:normal}
nav.tabs a{font-family:var(--ui);font-size:0.88rem;font-weight:500;line-height:normal;color:var(--ink-soft);
  border-bottom:2px solid transparent;padding:0.45rem 0.7rem;white-space:nowrap;text-decoration:none}
nav.tabs a:first-child{padding-left:0}
nav.tabs a[href="bookkeeping-cleanup.html"]{font-size:0.64rem}
.tabs a:hover{color:var(--ink)}
nav.tabs a[aria-current="page"]{color:var(--green);border-bottom-color:var(--green);font-weight:600}
a.route{display:block;text-decoration:none;line-height:normal}
footer.site .footer-links{margin-top:0.4rem}
footer.site .footer-links a{color:var(--ink-faint)}