:root {
      --ink: #1d2321;
      --muted: #5e6964;
      --soft: #eef3f0;
      --paper: #fbfbf8;
      --white: #ffffff;
      --line: #d7dfda;
      --green: #2f6f5e;
      --green-dark: #1f4d42;
      --gold: #b87d2b;
      --blue: #416d8a;
      --rose: #9a5d57;
      --shadow: 0 18px 45px rgba(31, 46, 40, 0.13);
      --radius: 8px;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    * {
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      margin: 0;
      background: var(--paper);
      color: var(--ink);
      line-height: 1.5;
    }

    a {
      color: inherit;
    }

    .site-header {
      position: sticky;
      top: 0;
      z-index: 10;
      border-bottom: 1px solid rgba(215, 223, 218, 0.8);
      background: rgba(251, 251, 248, 0.94);
      backdrop-filter: blur(14px);
    }

    .nav {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      width: min(1160px, calc(100% - 32px));
      margin: 0 auto;
      min-height: 70px;
    }

    .brand {
      display: flex;
      align-items: center;
      gap: 10px;
      min-width: 210px;
      font-weight: 750;
      letter-spacing: 0;
      text-decoration: none;
    }

    .brand-mark {
      display: grid;
      place-items: center;
      width: 34px;
      height: 34px;
      border: 1px solid #9fb5aa;
      border-radius: 8px;
      background: #e7f0eb;
      color: var(--green-dark);
    }

    .brand-mark svg,
    .icon svg {
      width: 18px;
      height: 18px;
      stroke-width: 2;
    }

    .nav-links {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 18px;
      flex-wrap: wrap;
      color: var(--muted);
      font-size: 0.94rem;
    }

    .nav-links a {
      text-decoration: none;
    }

    .button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 9px;
      min-height: 42px;
      padding: 0 16px;
      border: 1px solid transparent;
      border-radius: 8px;
      background: var(--green);
      color: white;
      font-weight: 700;
      text-decoration: none;
      white-space: nowrap;
      box-shadow: 0 10px 20px rgba(47, 111, 94, 0.18);
    }

    .button.secondary {
      background: transparent;
      color: var(--green-dark);
      border-color: #9fb5aa;
      box-shadow: none;
    }

    main {
      overflow: hidden;
    }

    section {
      padding: 72px 0;
    }

    .container {
      width: min(1160px, calc(100% - 32px));
      margin: 0 auto;
    }

    .hero {
      min-height: calc(100vh - 70px);
      display: flex;
      align-items: center;
      position: relative;
      border-bottom: 1px solid var(--line);
      background: var(--paper);
    }

    .hero::after {
      content: "";
      position: absolute;
      inset: auto 0 0 0;
      height: 1px;
      background: var(--line);
    }

    .hero-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
      gap: 48px;
      align-items: center;
      padding: 42px 0 58px;
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      width: fit-content;
      margin-bottom: 18px;
      padding: 7px 10px;
      border: 1px solid #cbd8d1;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.76);
      color: var(--green-dark);
      font-size: 0.85rem;
      font-weight: 750;
    }

    h1,
    h2,
    h3,
    p {
      margin-top: 0;
    }

    h1 {
      max-width: 740px;
      margin-bottom: 20px;
      font-size: clamp(2.45rem, 5vw, 5.1rem);
      line-height: 0.98;
      letter-spacing: 0;
    }

    .hero-copy {
      max-width: 660px;
      color: #42504a;
      font-size: 1.12rem;
    }

    .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 28px;
    }

    .trust-strip {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      margin-top: 34px;
      max-width: 720px;
    }

    .trust-item {
      min-height: 86px;
      padding: 14px;
      border: 1px solid rgba(203, 216, 209, 0.94);
      border-radius: var(--radius);
      background: rgba(255, 255, 255, 0.8);
    }

    .trust-item strong {
      display: block;
      margin-bottom: 4px;
      font-size: 0.95rem;
    }

    .trust-item span {
      display: block;
      color: var(--muted);
      font-size: 0.88rem;
    }

    .ops-board {
      border: 1px solid rgba(189, 203, 195, 0.96);
      border-radius: 8px;
      background: rgba(255, 255, 255, 0.9);
      box-shadow: var(--shadow);
      overflow: hidden;
    }

    .board-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      padding: 16px;
      border-bottom: 1px solid var(--line);
      background: #f5f8f6;
    }

    .board-top strong {
      font-size: 0.98rem;
    }

    .status {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: var(--green-dark);
      font-size: 0.84rem;
      font-weight: 750;
      white-space: nowrap;
    }

    .status::before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #4f9b77;
    }

    .board-content {
      display: grid;
      gap: 14px;
      padding: 16px;
    }

    .workflow-row {
      display: grid;
      grid-template-columns: 36px 1fr auto;
      gap: 12px;
      align-items: center;
      padding: 12px;
      border: 1px solid #e0e7e2;
      border-radius: 8px;
      background: white;
    }

    .icon {
      display: grid;
      place-items: center;
      width: 36px;
      height: 36px;
      border-radius: 8px;
      background: #edf5f1;
      color: var(--green-dark);
    }

    .workflow-row:nth-child(2) .icon {
      background: #f6eee5;
      color: var(--gold);
    }

    .workflow-row:nth-child(3) .icon {
      background: #eaf1f5;
      color: var(--blue);
    }

    .workflow-row:nth-child(4) .icon {
      background: #f5edec;
      color: var(--rose);
    }

    .workflow-row strong {
      display: block;
      margin-bottom: 3px;
      font-size: 0.95rem;
    }

    .workflow-row span {
      display: block;
      color: var(--muted);
      font-size: 0.86rem;
    }

    .tag {
      padding: 5px 9px;
      border: 1px solid #cfdad4;
      border-radius: 999px;
      color: var(--muted);
      font-size: 0.78rem;
      font-weight: 700;
      white-space: nowrap;
    }

    .section-head {
      display: grid;
      grid-template-columns: minmax(0, 0.8fr) minmax(280px, 0.55fr);
      gap: 40px;
      align-items: end;
      margin-bottom: 32px;
    }

    .section-head h2 {
      margin-bottom: 0;
      font-size: clamp(2rem, 3vw, 3rem);
      line-height: 1.05;
      letter-spacing: 0;
    }

    .section-head p {
      margin-bottom: 0;
      color: var(--muted);
    }

    .offer-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
    }

    .offer-card,
    .benefit,
    .price-card,
    .proof-box {
      border: 1px solid var(--line);
      border-radius: 8px;
      background: white;
    }

    .offer-card {
      display: grid;
      align-content: start;
      min-height: 360px;
      padding: 22px;
    }

    .offer-card h3 {
      margin-bottom: 10px;
      font-size: 1.25rem;
      letter-spacing: 0;
    }

    .text-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      width: fit-content;
      margin-top: 18px;
      color: var(--green-dark);
      font-weight: 800;
      text-decoration: none;
    }

    .text-link::after {
      content: "→";
      font-weight: 900;
    }

    .offer-card p {
      color: var(--muted);
    }

    .offer-card ul,
    .benefit ul,
    .price-card ul {
      display: grid;
      gap: 9px;
      margin: 4px 0 0;
      padding: 0;
      list-style: none;
      color: #3e4b45;
    }

    .offer-card li,
    .benefit li,
    .price-card li {
      display: grid;
      grid-template-columns: 18px 1fr;
      gap: 8px;
      align-items: start;
    }

    .offer-card li::before,
    .benefit li::before,
    .price-card li::before {
      content: "";
      width: 7px;
      height: 7px;
      margin-top: 8px;
      border-radius: 50%;
      background: var(--green);
    }

    .benefits {
      background: #f2f6f3;
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
    }

    .benefit-grid {
      display: grid;
      grid-template-columns: 0.78fr 1.22fr;
      gap: 18px;
      align-items: stretch;
    }

    .proof-box {
      padding: 28px;
      background: var(--green-dark);
      color: white;
    }

    .proof-box h2 {
      margin-bottom: 18px;
      font-size: clamp(1.9rem, 3vw, 2.7rem);
      line-height: 1.08;
    }

    .proof-box p {
      color: rgba(255, 255, 255, 0.78);
    }

    .proof-stats {
      display: grid;
      gap: 12px;
      margin-top: 26px;
    }

    .proof-stat {
      padding-top: 14px;
      border-top: 1px solid rgba(255, 255, 255, 0.22);
    }

    .proof-stat strong {
      display: block;
      margin-bottom: 4px;
      font-size: 1.25rem;
    }

    .proof-stat span {
      color: rgba(255, 255, 255, 0.72);
      font-size: 0.9rem;
    }

    .benefit-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
    }

    .benefit {
      padding: 22px;
      min-height: 210px;
    }

    .benefit h3 {
      margin-bottom: 10px;
      font-size: 1.08rem;
    }

    .process-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
      counter-reset: step;
    }

    .step {
      min-height: 190px;
      padding: 20px;
      border-top: 3px solid var(--green);
      border-right: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
      border-left: 1px solid var(--line);
      border-radius: 8px;
      background: white;
      counter-increment: step;
    }

    .step::before {
      content: "0" counter(step);
      display: block;
      margin-bottom: 18px;
      color: var(--green);
      font-size: 0.88rem;
      font-weight: 800;
    }

    .step h3 {
      margin-bottom: 8px;
      font-size: 1.05rem;
    }

    .step p {
      margin-bottom: 0;
      color: var(--muted);
      font-size: 0.94rem;
    }

    .pricing {
      background: white;
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
    }

    .price-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
    }

    .price-card {
      display: grid;
      align-content: start;
      min-height: 360px;
      padding: 24px;
    }

    .price-card.featured {
      border-color: #8bb4a6;
      box-shadow: 0 18px 36px rgba(47, 111, 94, 0.13);
    }

    .price-card h3 {
      margin-bottom: 6px;
      font-size: 1.22rem;
    }

    .price {
      margin: 12px 0 16px;
      color: var(--green-dark);
      font-size: 1.7rem;
      font-weight: 800;
    }

    .price-card p {
      color: var(--muted);
    }

    .boundaries {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
    }

    .boundary-panel {
      padding: 24px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: white;
    }

    .boundary-panel h3 {
      margin-bottom: 12px;
    }

    .boundary-panel p {
      color: var(--muted);
    }

    .cta {
      padding: 72px 0;
      background: var(--green-dark);
      color: white;
    }

    .cta-inner {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 28px;
      align-items: center;
    }

    .cta h2 {
      margin-bottom: 12px;
      font-size: clamp(2rem, 3vw, 3rem);
      line-height: 1.05;
    }

    .cta p {
      max-width: 720px;
      margin-bottom: 0;
      color: rgba(255, 255, 255, 0.76);
    }

    .cta .button {
      background: white;
      color: var(--green-dark);
      box-shadow: none;
    }

    footer {
      padding: 28px 0;
      color: var(--muted);
      font-size: 0.9rem;
    }

    .footer-inner {
      display: flex;
      justify-content: space-between;
      gap: 16px;
      flex-wrap: wrap;
    }

    @media (max-width: 920px) {
      .nav {
        align-items: flex-start;
        flex-direction: column;
        padding: 14px 0;
      }

      .nav-links {
        justify-content: flex-start;
      }

      .hero {
        min-height: auto;
      }

      .hero-grid,
      .section-head,
      .benefit-grid,
      .cta-inner {
        grid-template-columns: 1fr;
      }

      .offer-grid,
      .price-grid,
      .process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 680px) {
      section {
        padding: 52px 0;
      }

      .container,
      .nav {
        width: min(100% - 24px, 1160px);
      }

      .nav-links a:not(.button) {
        display: none;
      }

      .hero-grid {
        gap: 28px;
        padding-top: 28px;
      }

      .trust-strip,
      .offer-grid,
      .benefit-list,
      .price-grid,
      .process-grid,
      .boundaries {
        grid-template-columns: 1fr;
      }

      .workflow-row {
        grid-template-columns: 36px 1fr;
      }

      .workflow-row .tag {
        grid-column: 2;
        width: fit-content;
      }

      .hero-actions,
      .cta .button {
        width: 100%;
      }

      .button {
        width: 100%;
      }
    }
  
/* Proposal: retain OwnerFocus colors and typography; simplify the page structure. */
.proposal-note{padding:8px 16px;text-align:center;background:#1f4d42;color:white;font-size:14px}
.hero.compact{min-height:0;padding:64px 0 36px}.hero.compact h1{max-width:850px;font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.08;margin:18px 0 24px}.hero.compact .hero-copy{max-width:780px}
.paths{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 0 48px}.path{padding:32px;border:1px solid var(--line);border-top:5px solid var(--green);border-radius:8px;background:white}.path.business{border-top-color:var(--blue)}.path h2{font-size:1.8rem;line-height:1.2}.path p{color:var(--muted)}.path .button{margin-top:12px}
.simple-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.simple-grid article{background:white;border:1px solid var(--line);padding:26px;border-radius:8px}.simple-grid h3{margin-top:0}.simple-grid li{margin-bottom:10px}
.reading{max-width:780px}.reading p{font-size:18px}.soft-section{background:var(--soft)}.contact-box{border:1px solid var(--line);padding:28px;border-radius:8px;background:white}.contact-box small{display:block;color:var(--muted);font-size:14px;margin-top:16px}
.skip{position:absolute;left:-10000px}.skip:focus{left:16px;top:16px;background:white;padding:12px;z-index:100}a:focus-visible{outline:3px solid #b87d2b;outline-offset:5px}section[id]{scroll-margin-top:145px}.nav-links a[aria-current=page]{color:var(--green-dark);font-weight:750}
@media(max-width:680px){.paths,.simple-grid{grid-template-columns:1fr}.nav-links a:not(.button){display:inline}.nav-links{justify-content:flex-start;font-size:14px;gap:12px}.hero.compact{padding-top:36px}.path{padding:24px}.site-header{position:static}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Expanded proposal: readable service examples and concrete business outcomes. */
.service-line{margin-top:24px;color:var(--green-dark);font-weight:600;font-size:16px}.service-tag{display:block;color:var(--green-dark);font-size:14px;font-weight:750;letter-spacing:.03em;margin-bottom:12px}.service-examples article{display:flex;flex-direction:column}.service-examples h3{font-size:1.3rem;line-height:1.3}.service-examples ul{padding-left:20px}.value-line{border-top:1px solid var(--line);padding-top:16px;font-weight:600;color:var(--green-dark)}.scope-note{font-size:14px!important;color:#4f5d56;line-height:1.65}.section-footnote{max-width:800px;margin-top:24px}.estate-paths{padding-top:20px}.estate-paths h3{font-size:1.65rem}.estate-paths li{margin-bottom:12px}.plain-steps{padding-left:24px}.plain-steps li{padding:8px 0}.vampire-list{display:grid;gap:18px}.vampire-list article{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;padding:30px;background:white;border:1px solid var(--line);border-radius:8px}.vampire-list h3{font-size:1.4rem;margin:0 0 12px}.vampire-list h4{font-size:16px;margin:0 0 4px;color:var(--green-dark)}.vampire-list p{margin:0 0 16px}.vampire-list p:last-child{margin-bottom:0}.simple-grid{align-items:stretch}.reading h2:not(:first-child){margin-top:40px}
@media(max-width:900px){.simple-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-links{gap:12px}.nav{gap:14px}.vampire-list article{gap:24px}}
@media(max-width:680px){.simple-grid,.vampire-list article{grid-template-columns:1fr}.vampire-list article{padding:24px}.nav-links{gap:12px}.service-line{line-height:1.8}.hero-actions{align-items:stretch}}

/* Service browsing and comfortable narrow-screen controls. */
.service-groups{display:grid;gap:16px}.service-group{border:1px solid var(--line);border-radius:8px;background:white;overflow:hidden}.service-group summary{cursor:pointer;padding:24px;color:var(--green-dark);font-weight:750;font-size:1.25rem}.service-group summary small{display:block;font-size:1rem;font-weight:400;color:var(--muted);margin-top:8px}.service-group[open] summary{border-bottom:1px solid var(--line)}.service-group .service-examples{padding:24px;background:var(--soft)}summary:focus-visible{outline:3px solid var(--gold);outline-offset:-4px}.button{white-space:normal;text-align:center;padding-top:10px;padding-bottom:10px}#services{scroll-margin-top:110px}#about h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1.1}.service-group .value-line::first-letter{text-transform:uppercase}
@media(max-width:680px){.service-group summary{padding:20px}.service-group .service-examples{padding:16px}.nav{flex-wrap:wrap;padding:14px 0}.brand{min-width:0}.nav-links{width:100%}.hero-actions .button{width:100%}}

/* Embedded inquiry form; Tally adjusts the frame height to its contents. */
.inquiry-form{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.inquiry-form iframe{display:block;width:100%;border:0}.form-alternative{font-size:15px!important;color:var(--muted)}
@media(max-width:680px){.contact-box{padding:20px 16px}}

.gateway-hero{padding-bottom:24px!important}.gateway-paths .path{display:flex;flex-direction:column}.gateway-paths .button{align-self:flex-start}.path-price{font-weight:750;color:var(--green-dark)!important}.path-detail{font-size:15px;margin-top:20px}.gateway-note{padding:12px 0 40px}.audience-switch{display:block;width:min(1160px,calc(100% - 32px));margin:24px auto;color:var(--muted);font-size:14px}