/* ===== Template 2 — Transaction Intelligence (editorial light) ===== */
    :root{
      --paper:#fcfbf8; --paper-2:#f6f4ee;
      --ink:#191714; --body:#4c4741; --faint:#8a8378;
      --rule:#e2ddd3; --rule-dark:#191714;
      --accent:#9a4222; --accent-soft:#f3e6de;
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{
      font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
      background:var(--paper);color:var(--body);line-height:1.72;font-size:16.5px;
      -webkit-font-smoothing:antialiased;
    }
    h1,h2,h3{font-family:'Fraunces',Georgia,'Times New Roman',serif;color:var(--ink);
      font-weight:500;line-height:1.15;letter-spacing:-.01em}
    a{color:var(--accent);text-decoration:none}
    a:hover{text-decoration:underline;text-underline-offset:3px}
    .wrap{max-width:1060px;margin:0 auto;padding:0 26px}
    section{padding:96px 0}

    .kicker{
      display:flex;align-items:center;gap:14px;font-size:.72rem;font-weight:600;
      letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin-bottom:26px;
    }
    .kicker::before{content:"";width:34px;height:1px;background:var(--accent)}
    .chapter{
      font-family:'Fraunces',Georgia,serif;font-size:.95rem;color:var(--faint);
      font-variant-numeric:tabular-nums;
    }
    .sec-title{font-size:clamp(1.85rem,3.6vw,2.7rem);margin-bottom:18px;max-width:640px}
    .sec-intro{max-width:560px;font-size:1.05rem;margin-bottom:14px}

    .btn{
      display:inline-block;padding:14px 30px;border:1px solid var(--rule-dark);
      color:var(--ink);font-weight:500;font-size:.95rem;letter-spacing:.02em;
      transition:background .2s,color .2s;background:transparent;
    }
    .btn:hover{background:var(--ink);color:var(--paper);text-decoration:none}
    .btn-solid{background:var(--ink);color:var(--paper)}
    .btn-solid:hover{background:var(--accent);border-color:var(--accent)}
    .textlink{
      font-weight:500;font-size:.95rem;color:var(--ink);border-bottom:1px solid var(--rule-dark);
      padding-bottom:2px;
    }
    .textlink:hover{color:var(--accent);border-color:var(--accent);text-decoration:none}

    /* ---------- header ---------- */
    .masthead{border-bottom:1px solid var(--rule);padding:26px 0}
    .masthead .wrap{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap}
    .wordmark{
      font-family:'Fraunces',Georgia,serif;font-size:1.35rem;color:var(--ink);font-weight:600;
      letter-spacing:-.01em;
    }
    .wordmark em{font-style:normal;color:var(--accent)}
    .masthead nav{display:flex;gap:28px;font-size:.9rem;flex-wrap:wrap}
    .masthead nav a{color:var(--body)}
    .masthead nav a:hover{color:var(--accent);text-decoration:none}
    .masthead nav a.demo{color:var(--accent);font-weight:600}

    /* ---------- hero ---------- */
    .hero{padding:110px 0 90px}
    .hero-meta{
      display:flex;justify-content:space-between;align-items:center;gap:16px;
      font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--faint);
      border-bottom:1px solid var(--rule-dark);padding-bottom:14px;margin-bottom:56px;
      flex-wrap:wrap;
    }
    .hero h1{
      font-size:clamp(2.6rem,6.2vw,4.6rem);font-weight:500;max-width:15ch;
      margin-bottom:34px;
    }
    .hero h1 em{font-style:italic;color:var(--accent)}
    .hero-cols{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:start}
    .hero-cols .sub{font-size:1.12rem;max-width:46ch;margin-bottom:36px}
    .hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}

    /* ledger motif */
    .ledger{width:100%;border-collapse:collapse;font-size:.88rem;border-top:1px solid var(--rule-dark)}
    .ledger caption{
      caption-side:top;text-align:left;font-size:.72rem;letter-spacing:.2em;
      text-transform:uppercase;color:var(--faint);padding:0 0 12px;
    }
    .ledger td{padding:13px 4px;border-bottom:1px solid var(--rule);vertical-align:top}
    .ledger .co{color:var(--ink);font-weight:600}
    .ledger .cat{color:var(--faint)}
    .ledger .sig{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--accent);font-weight:600}
    .ledger tfoot td{border-bottom:0;color:var(--faint);font-size:.78rem;padding-top:14px}

    /* ---------- how it works (chapter I) ---------- */
    .how{border-top:1px solid var(--rule);background:var(--paper)}
    .how-list{margin-top:40px}
    .how-item{
      display:grid;grid-template-columns:140px 1fr 1.4fr;gap:30px;align-items:baseline;
      padding:38px 0;border-top:1px solid var(--rule);
    }
    .how-item:last-child{border-bottom:1px solid var(--rule)}
    .how-num{
      font-family:'Fraunces',Georgia,serif;font-size:2.6rem;color:var(--accent);
      font-variant-numeric:tabular-nums;line-height:1;
    }
    .how-item h3{font-size:1.45rem}
    .how-item p{font-size:.98rem}

    /* ---------- value proposition (chapter II) ---------- */
    .value{background:var(--paper-2);border-top:1px solid var(--rule)}
    .value-grid{
      display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:44px;
      border-top:1px solid var(--rule-dark);
    }
    .value-cell{
      padding:38px 40px 40px 0;border-bottom:1px solid var(--rule);
    }
    .value-cell:nth-child(odd){border-right:1px solid var(--rule);padding-right:44px}
    .value-cell:nth-child(even){padding-left:44px}
    .value-cell .glyph{
      font-family:'Fraunces',Georgia,serif;font-size:1.5rem;color:var(--accent);
      display:block;margin-bottom:14px;
    }
    .value-cell h3{font-size:1.28rem;margin-bottom:10px}
    .value-cell p{font-size:.96rem}

    /* ---------- social proof (chapter III) ---------- */
    .proof-figures{
      display:flex;gap:0;margin:46px 0 70px;border-top:1px solid var(--rule-dark);
      border-bottom:1px solid var(--rule);flex-wrap:wrap;
    }
    .figure{flex:1 1 200px;padding:28px 30px 30px 0;border-right:1px solid var(--rule)}
    .figure:last-child{border-right:0}
    .figure + .figure{padding-left:30px}
    .figure b{
      font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:2.5rem;color:var(--ink);
      display:block;line-height:1.1;
    }
    .figure span{font-size:.85rem;color:var(--faint)}
    .testimonials{display:grid;grid-template-columns:1fr 1fr;gap:60px}
    .testimonial blockquote{
      font-family:'Fraunces',Georgia,serif;font-size:1.35rem;line-height:1.45;color:var(--ink);
      margin-bottom:22px;
    }
    .testimonial blockquote::before{content:"\\201C";color:var(--accent)}
    .testimonial blockquote::after{content:"\\201D";color:var(--accent)}
    .attrib{font-size:.88rem;color:var(--faint)}
    .attrib b{display:block;color:var(--ink);font-weight:600;font-size:.95rem}

    /* ---------- capabilities (chapter IV) ---------- */
    .caps{border-top:1px solid var(--rule)}
    .caps-list{margin-top:44px;border-top:1px solid var(--rule-dark)}
    .caps-row{
      display:grid;grid-template-columns:56px 300px 1fr;gap:26px;align-items:baseline;
      padding:26px 0;border-bottom:1px solid var(--rule);
    }
    .caps-row .idx{
      font-size:.78rem;color:var(--faint);font-variant-numeric:tabular-nums;letter-spacing:.08em;
    }
    .caps-row h3{font-size:1.12rem;font-family:'Inter',sans-serif;font-weight:600;color:var(--ink)}
    .caps-row p{font-size:.95rem}

    /* ---------- cta (chapter V) ---------- */
    .cta{background:var(--ink);color:#b9b2a8}
    .cta .kicker{color:#fcfbf8}
    .cta .kicker::before{background:#fcfbf8}
    .cta h2{color:#fcfbf8;font-size:clamp(2rem,4.2vw,3rem);max-width:20ch;margin-bottom:20px}
    .cta p{max-width:52ch;font-size:1.05rem;margin-bottom:38px}
    .cta-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:start}
    .cta .btn{border-color:#fcfbf8;color:#fcfbf8}
    .cta .btn:hover{background:#fcfbf8;color:var(--ink)}
    .cta-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
    .cta .lightlink{color:#fcfbf8;border-color:#fcfbf8}
    .cta-note{margin-top:26px;font-size:.88rem;color:#8a8378;margin-bottom:0}
    .cta-note a{color:#fcfbf8;text-decoration:underline;text-underline-offset:3px}
    .cta-aside{border-top:1px solid #3a362f;padding-top:24px;font-size:.92rem}
    .cta-aside p{font-size:.92rem;margin-bottom:16px}
    .cta-aside ul{list-style:none}
    .cta-aside li{
      padding:10px 0 10px 26px;border-bottom:1px solid #2b2822;position:relative;
      color:#d5cfc5;
    }
    .cta-aside li::before{content:"\\2013";position:absolute;left:0;color:#c96a3e}

    /* ---------- footer ---------- */
    .colophon{border-top:1px solid var(--rule);padding:40px 0 48px;background:var(--paper)}
    .colophon .wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;
      align-items:baseline;font-size:.88rem;color:var(--faint)}
    .colophon .wordmark{font-size:1.05rem}
    .colophon nav{display:flex;gap:24px;flex-wrap:wrap}
    .colophon nav a{color:var(--body)}
    .colophon .copyline{width:100%;margin-top:10px;padding-top:16px;border-top:1px solid var(--rule)}

    /* ---------- responsive ---------- */
    @media(max-width:920px){
      .hero-cols{grid-template-columns:1fr;gap:52px}
      .how-item{grid-template-columns:80px 1fr;gap:18px}
      .how-item p{grid-column:2}
      .testimonials{grid-template-columns:1fr;gap:44px}
      .cta-inner{grid-template-columns:1fr;gap:48px}
      .caps-row{grid-template-columns:44px 1fr;gap:16px}
      .caps-row p{grid-column:2}
    }
    @media(max-width:640px){
      section{padding:68px 0}
      .hero{padding:72px 0 60px}
      .value-grid{grid-template-columns:1fr}
      .value-cell:nth-child(odd){border-right:0;padding-right:0}
      .value-cell:nth-child(even){padding-left:0}
      .figure{flex:1 1 100%;border-right:0;padding-left:0}
      .figure + .figure{padding-left:0;border-top:1px solid var(--rule)}
      .how-item{padding:28px 0}
    }