/* ============ v4b · rebuild 4 · integrated business-grade pass ============ */
    :root{
      --bg:#FAFAF8; --bg-soft:#F1F0EC; --dark:#161616; --dark-soft:#211F1C;
      --ink:#1A1A1A; --ink-2:#54544E; --ink-3:#8B8B84;
      --paper:#FAFAF8; --paper-2:#BFBFB6;
      --green:#3D5A3E; --green-2:#4A6E4B; --green-soft:#6E8E6F;
      --line:#DCDBD4; --line-dark:#37352F; --card:#FFFFFF;
      --serif:'DM Serif Display',Georgia,serif; --sans:'DM Sans',-apple-system,sans-serif; --mono:'JetBrains Mono',monospace;
      --wrap:1140px; --read:70ch;
      --s1:.5rem; --s2:1rem; --s3:1.6rem; --s4:2.4rem; --s5:3.6rem; --s6:5rem;
      --shadow:0 1px 3px rgba(20,20,15,.06),0 8px 24px rgba(20,20,15,.05);
    }
    *{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{font:400 16.5px/1.72 var(--sans);background:var(--bg);color:var(--ink-2)}
    ::selection{background:var(--green);color:#fff}
    a{color:var(--green);text-decoration:none}
    a:hover{text-decoration:underline}
    img{max-width:100%;display:block}
    .wrap{max-width:var(--wrap);margin:0 auto;padding:0 5vw}

    h1,h2,h3{font-family:var(--serif);font-weight:400;color:var(--ink);letter-spacing:-.01em;text-wrap:balance}
    h1{font-size:clamp(2.1rem,4.2vw,3.05rem);line-height:1.12}
    h2{font-size:clamp(1.55rem,2.8vw,2.05rem);line-height:1.22;margin-bottom:var(--s3)}
    .kck{font:500 12px/1.6 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--green);margin-bottom:var(--s2)}

    .btn{display:inline-block;background:var(--green);color:#fff !important;padding:.85rem 1.4rem;border-radius:5px;font:600 15px/1 var(--sans);border:0;cursor:pointer;transition:background .15s}
    .btn:hover{background:var(--green-2);text-decoration:none}
    .micro{font:500 12.5px/1.6 var(--mono);color:var(--ink-3)}

    .draftbar{background:#8a3b2b;color:#fff;text-align:center;padding:7px 16px;font:600 12.5px/1.5 var(--sans)}

    /* ---------- topbar + nav ---------- */
    .topbar{background:var(--dark);color:var(--paper-2);font:500 12px/1.6 var(--mono);letter-spacing:.04em}
    .topbar .wrap{display:flex;justify-content:space-between;gap:1rem;padding-top:.45rem;padding-bottom:.45rem}
    .topbar a{color:var(--paper-2)}
    .nav{position:sticky;top:0;z-index:50;background:rgba(250,250,248,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
    .nav .wrap{display:flex;align-items:center;gap:26px;padding-top:.85rem;padding-bottom:.85rem}
    .nav__logo{font:700 17px/1.2 var(--mono);letter-spacing:.04em;color:var(--ink)}
    .nav__logo small{font:500 11.5px/1.3 var(--mono);color:var(--ink-3);letter-spacing:.03em;display:block}
    .nav__links{margin-left:auto;display:flex;gap:24px;align-items:center}
    .nav__links a{font:500 14.5px/1 var(--sans);color:var(--ink-2)}
    .nav__links a:hover{color:var(--ink);text-decoration:none}
    @media(max-width:860px){.nav__anchor{display:none}}

    /* ---------- hero bar (the original composition, restored) ---------- */
    .hero .wrap{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:3.5rem;align-items:center;padding-top:clamp(3rem,7vh,5rem);padding-bottom:clamp(2.6rem,6vh,4.2rem)}
    .hero h1{max-width:17ch}
    .hero .lede{font:400 1.22rem/1.5 var(--serif);font-style:italic;color:var(--ink);margin-top:var(--s2)}
    .hero .intro{max-width:56ch;margin-top:var(--s2)}
    .hero-cta{margin-top:var(--s3);display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
    .hero-sketch{width:100%;max-width:720px;aspect-ratio:560/200;height:auto}
    @media(max-width:880px){.hero .wrap{grid-template-columns:1fr;gap:2rem}.hero-sketch{max-width:420px;margin:0 auto}}

    .strip{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;font:500 13px/1.7 var(--mono);color:var(--ink-2);padding:.8rem 5vw}
    .strip b{color:var(--green);font-weight:500}

    /* ---------- 01 mirrors: one row, reads left to right ---------- */
    .sec{padding:var(--s6) 0}
    .mirror-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:var(--s4)}
    .mcard{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:1.5rem 1.6rem;box-shadow:var(--shadow)}
    .mcard .say{font:400 1.18rem/1.35 var(--serif);font-style:italic;color:var(--ink);margin-bottom:.6rem}
    .mcard .say .q{color:var(--green)}
    .mcard p{font-size:.96rem;margin:0}
    @media(max-width:880px){.mirror-row{grid-template-columns:1fr}}
    .read{max-width:var(--read)}
    .sec .read p{margin-bottom:1.15rem}
    .sec .read p:last-child{margin-bottom:0}
    .wedge{margin-top:var(--s4)}
    .pull{border-left:3px solid var(--green);padding:.5rem 0 .5rem 1.3rem;margin-top:var(--s3);color:var(--ink);font-size:1.06rem;max-width:var(--read)}

    /* ---------- 02 dark reveal: text + chain side by side ---------- */
    .band{background:var(--dark);color:var(--paper-2);border-top:3px solid var(--green)}
    .band .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3.2rem;align-items:start;padding-top:var(--s6);padding-bottom:var(--s6)}
    .band h2{color:var(--paper)}
    .band .cap{font-size:.92rem;color:var(--ink-3);margin-top:var(--s3)}
    .band .close{margin-top:var(--s3);color:var(--paper)}
    .band .close b{color:var(--green-soft);font-weight:600}
    .chain__box{border:1px solid var(--line-dark);background:var(--dark-soft);border-radius:6px;padding:1rem 1.25rem;font-size:.97rem;line-height:1.6;font-weight:500;color:var(--paper)}
    .chain__arrow{text-align:center;color:var(--green-soft);font-size:1.1rem;line-height:2.1}
    .chain__box--result{background:var(--green);border-color:var(--green);color:#fff}
    @media(max-width:880px){.band .wrap{grid-template-columns:1fr;gap:2.2rem}}

    /* ---------- founder ---------- */
    .soft{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .founder{display:flex;gap:2.4rem;align-items:center}
    .founder img{width:168px;height:210px;object-fit:cover;border-radius:8px;box-shadow:var(--shadow)}
    .founder .name{font:400 1.6rem/1.25 var(--serif);color:var(--ink)}
    .founder .fbody{max-width:60ch}
    .founder p{margin-top:.6rem;font-size:1rem}
    .cred{display:flex;gap:1.6rem;flex-wrap:wrap;margin-top:var(--s2);font:500 12px/1.7 var(--mono);letter-spacing:.05em;color:var(--green)}
    @media(max-width:680px){.founder{flex-direction:column;align-items:flex-start}}

    /* ---------- study: text + exhibit ---------- */
    .study{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:3rem;align-items:center}
    .xs{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:1.4rem 1.6rem;box-shadow:var(--shadow)}
    .xs-stmt{font:600 .98rem/1.5 var(--sans);color:var(--ink);margin-bottom:.4rem}
    .xs-bar{height:10px;background:var(--bg-soft);border-radius:5px;overflow:hidden;margin-bottom:.35rem}
    .xs-bar span{display:block;height:100%;background:var(--green)}
    .xs-split{font:500 11.5px/1.6 var(--mono);color:var(--ink-3)}
    .xs .gap{height:1.1rem}
    .xs-cap{font:400 11px/1.6 var(--mono);color:var(--ink-3);margin-top:.85rem}
    @media(max-width:880px){.study{grid-template-columns:1fr;gap:1.8rem}}

    /* ---------- offer ---------- */
    .offer-panel{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--green);border-radius:8px;padding:1.8rem 2rem;box-shadow:var(--shadow);margin-top:var(--s4);max-width:760px}
    .offer-panel .oname{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}
    .offer-panel .nm{font:400 1.45rem/1.3 var(--serif);color:var(--ink)}
    .offer-panel .mt{font:500 12px/1.6 var(--mono);letter-spacing:.07em;color:var(--green)}
    .offer-panel p{font-size:1rem}
    .offer-panel .hero-cta{margin-top:1.2rem}
    .pathlead{margin-top:var(--s4);color:var(--ink);max-width:var(--read)}
    .after{margin-top:var(--s2);max-width:760px}
    .after .row{padding:1.05rem 0;border-top:1px solid var(--line)}
    .after .row:last-child{border-bottom:1px solid var(--line)}
    .after .head{display:flex;align-items:baseline;gap:.9rem;flex-wrap:wrap}
    .after .nm{font:400 1.14rem/1.4 var(--serif);color:var(--ink)}
    .after .mt{font:500 11.5px/1.6 var(--mono);letter-spacing:.07em;color:var(--green)}
    .after p{margin:.3rem 0 0;font-size:.95rem}

    /* ---------- facts ---------- */
    .fact{margin:var(--s3) 0;max-width:var(--read)}
    .fact b{display:block;font:600 1.08rem/1.5 var(--sans);color:var(--ink);margin-bottom:.2rem}
    .fact p{margin:0;font-size:.99rem}
    details.depth{margin-top:var(--s4);border-left:3px solid var(--green);background:var(--card);padding:1rem 1.35rem;border-radius:0 8px 8px 0;max-width:760px;box-shadow:var(--shadow)}
    details.depth summary{cursor:pointer;font:600 15px/1.6 var(--sans);color:var(--ink)}
    details.depth[open] summary{margin-bottom:.7rem}
    details.depth p{margin-top:.7rem;font-size:.95rem}
    .map-table{width:100%;border-collapse:collapse;margin-top:.9rem;font-size:.87rem}
    .map-table td,.map-table th{border:1px solid var(--line);padding:.5rem .7rem;text-align:left}
    .map-table th{font-weight:600;color:var(--ink);background:var(--bg-soft)}
    .map-table td.sbse{background:var(--green);color:#fff}

    /* ---------- fit ---------- */
    .floors{display:flex;gap:1rem;flex-wrap:wrap;margin:var(--s3) 0}
    .chip{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:.7rem 1.1rem;font:500 13px/1.5 var(--mono);color:var(--ink);box-shadow:var(--shadow)}
    .chip b{color:var(--green);font-weight:600}
    .floors-cap{font:500 12px/1.6 var(--mono);color:var(--ink-3);align-self:center}

    /* ---------- CTA ---------- */
    .cta{background:var(--dark);color:var(--paper-2);border-top:3px solid var(--green)}
    .cta .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:3.4rem;align-items:start;padding-top:var(--s6);padding-bottom:var(--s6)}
    .cta h2{color:var(--paper)}
    .cta p{margin-bottom:1.05rem}
    .cta form{display:grid;gap:.85rem;background:var(--dark-soft);border:1px solid var(--line-dark);border-radius:8px;padding:1.6rem}
    .cta input,.cta textarea{background:#181816;border:1px solid var(--line-dark);border-radius:5px;padding:.85rem 1rem;color:var(--paper);font:400 15px/1.5 var(--sans)}
    .cta input::placeholder,.cta textarea::placeholder{color:#84847C}
    .cta .alt{font-size:.93rem;margin-top:.2rem}
    .cta .alt a{color:var(--green-soft)}
    .hp{position:absolute;left:-9999px}
    @media(max-width:880px){.cta .wrap{grid-template-columns:1fr;gap:2rem}}

    /* ---------- footer ---------- */
    footer{background:var(--bg-soft);border-top:1px solid var(--line);font-size:.93rem}
    .foot{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:2.5rem;padding-top:var(--s5);padding-bottom:var(--s4)}
    .foot h4{font:600 13px/1.6 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin-bottom:.7rem}
    .foot ul{list-style:none}
    .foot li{margin-bottom:.45rem}
    .foot a{color:var(--ink-2)}
    .foot .brand{font:700 16px/1.4 var(--mono);color:var(--ink)}
    .foot .brand small{display:block;font:500 11px/1.5 var(--mono);color:var(--ink-3)}
    .finebar{border-top:1px solid var(--line);padding:1rem 0;font-size:.85rem;color:var(--ink-3);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
    @media(max-width:760px){.foot{grid-template-columns:1fr;gap:1.6rem}}
    #reading-path{display:none}
  
    /* ---------- subpage chrome ---------- */
    .phero{border-bottom:1px solid var(--line);background:var(--bg)}
    .phero .wrap{padding-top:clamp(2.4rem,6vh,4rem);padding-bottom:clamp(2rem,5vh,3.2rem)}
    .phero h1{font-size:clamp(1.9rem,3.6vw,2.7rem);max-width:24ch}
    .phero .lede{font:400 1.12rem/1.6 var(--serif);font-style:italic;color:var(--ink);margin-top:.9rem;max-width:58ch}
    .cta-mini{background:var(--dark);color:var(--paper-2);border-top:3px solid var(--green)}
    .cta-mini .wrap{padding-top:var(--s5);padding-bottom:var(--s5)}
    .cta-mini h2{color:var(--paper)}
    .cta-mini p{max-width:60ch}
    .backlink{font:500 13px/1.6 var(--sans)}
    .faq details.depth{max-width:var(--read)}
    .faq details.depth+details.depth{margin-top:1rem}

    .legal h2{font-size:1.25rem;margin:1.8rem 0 .6rem}
    .legal ul{margin:.4rem 0 .9rem 1.2rem}
    .legal li{margin-bottom:.35rem}