/* Strategic sections (mandate 7 Oct 2026): buyer value (A), offer + starting point (B), Why TEMORA division of work (C).
   Adapted from the dossier's .tx- components to the site: inherited font, site palette, .wrap container. No JS, no motion. */
.tx{--tx-ink:#1c2229;--tx-muted:#526579;--tx-blue:#1f4f86;--tx-ice:#edf5fd;--tx-rule:#d6e1eb;color:var(--tx-ink)}
.tx *{box-sizing:border-box}
.tx h2,.tx h3,.tx p{margin:0}
.tx-section{padding:clamp(64px,7vw,104px) 0}
.tx-eyebrow{font-size:14px;color:var(--tx-blue);font-weight:600;letter-spacing:.03em;margin:0 0 16px}
.tx h2{font-weight:500;font-size:clamp(34px,4vw,56px);letter-spacing:-.045em;line-height:1.08;margin:0 0 22px;max-width:920px}
.tx h3{font-weight:500;font-size:clamp(22px,2vw,27px);line-height:1.2;letter-spacing:-.025em}
.tx-lede{max-width:760px;font-size:clamp(18px,1.5vw,20px);line-height:1.5;color:var(--tx-muted)}
.tx-link{display:inline-flex;align-items:center;min-height:44px;color:var(--tx-blue);font-weight:600;text-decoration:underline;text-underline-offset:5px}
.tx a:focus-visible{outline:3px solid var(--tx-blue);outline-offset:4px;border-radius:2px}

/* A — buyer value: three editorial rows (work involved | TEMORA's role + what the team keeps) */
.tx-buyer .tx-lede{margin-bottom:44px}
.tx-row{display:grid;grid-template-columns:64px 1.15fr 1fr;gap:36px;padding:34px 0;border-top:1px solid var(--tx-rule)}
.tx-no{font-size:42px;line-height:1;color:#7f9fbe;font-weight:400}
.tx-role{color:var(--tx-blue);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.tx-row h3{margin-top:10px}
.tx-work{font-size:16px;color:var(--tx-muted);margin-top:14px!important;max-width:380px}
.tx-answer>p+p{margin-top:8px}
.tx-answer .tx-does{font-size:17px;line-height:1.5}
.tx-retain{font-size:16px;color:var(--tx-muted);border-left:2px solid #a7bdd3;padding-left:14px;margin-top:18px!important}
.tx-retain strong{color:var(--tx-ink);font-weight:600}
.tx-after{border-top:1px solid var(--tx-rule);padding-top:22px;display:flex;justify-content:space-between;gap:32px;align-items:center}
.tx-after p{max-width:680px;font-size:16px;color:var(--tx-muted)}

/* B — offer: one hub, three deliverables, a band for what stays with the client */
.tx-offer{background:linear-gradient(160deg,#edf5fd 0%,#f7fafd 70%,#fff 100%)}
.tx-offer .tx-lede{margin-bottom:40px}
.tx-offer-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:72px;align-items:center}
.tx-product{margin:0;text-align:center}
.tx-product img{width:min(300px,100%);height:auto;display:block;margin:0 auto 14px}
.tx-product p{font-size:17px}
.tx-product small{display:block;color:var(--tx-muted);margin-top:6px;font-size:15px}
.tx-deliverables{list-style:none;margin:0;padding:0}
.tx-deliverables li{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:22px 0;border-top:1px solid #cbd9e5}
.tx-deliverables b{color:var(--tx-blue);font-size:15px;font-weight:600;padding-top:6px}
.tx-deliverables h3{margin-bottom:6px}
.tx-deliverables p{color:var(--tx-muted)}
.tx-owned{background:#fff;border:1px solid #d3dfea;border-radius:10px;padding:24px 28px;display:grid;grid-template-columns:1fr 1.3fr;gap:28px;margin-top:40px}
.tx-owned strong{font-weight:600;font-size:17px}
.tx-owned p{margin-top:6px}
.tx-owned div+div{border-left:1px solid #d3dfea;padding-left:28px}

/* B — starting point: two situations, then one common sequence and one CTA */
.tx-start-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--tx-rule);border-bottom:1px solid var(--tx-rule);margin:34px 0 46px}
.tx-entry{padding:28px 36px 28px 0}
.tx-entry+.tx-entry{padding-left:36px;border-left:1px solid var(--tx-rule)}
.tx-entry p{color:var(--tx-muted);max-width:440px;margin-top:12px}
.tx-sub{font-size:clamp(21px,1.8vw,24px)!important}
.tx-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:26px 0 38px}
.tx-steps li{border-top:2px solid #a5bdd5;padding-top:18px}
.tx-steps span{color:var(--tx-blue);font-size:15px;font-weight:600}
.tx-steps h3{font-size:21px;margin:10px 0 8px}
.tx-steps p{font-size:16px;color:var(--tx-muted)}
.tx-start-footer{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.tx-start-footer p{font-size:15px;color:var(--tx-muted)}
.tx-start-footer p a{color:var(--tx-blue)}

/* C — Why TEMORA: division of work (native table), three starting points, boundary band */
.tx-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;margin:36px 0 28px;border:1px solid #d2deea;border-radius:10px;overflow:hidden}
.tx-table th,.tx-table td{padding:22px 28px;text-align:left;vertical-align:middle;border-bottom:1px solid #d2deea;font-size:17px;line-height:1.45}
.tx-table tr:last-child td{border-bottom:0}
.tx-table th{font-size:17px;font-weight:600;background:#f8fafc}
.tx-table th+th{background:#dceaf7;color:#1d4a7a}
.tx-table td+td{background:var(--tx-ice)}
.tx-principle{font-size:clamp(20px,1.8vw,23px);line-height:1.4;max-width:930px;letter-spacing:-.015em;margin-top:30px!important}
.tx-angles{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin:34px 0}
.tx-angle{border-top:2px solid #b4c9de;padding-top:22px}
.tx-angle h3{margin-bottom:12px}
.tx-angle p{font-size:17px;color:var(--tx-muted)}
.tx-boundary{background:var(--tx-ice);border-radius:10px;padding:24px 28px;margin-top:36px}
.tx-boundary p{max-width:760px}

@media(max-width:1050px){
  .tx-row{gap:24px;grid-template-columns:42px 1fr 1fr}
  .tx-offer-grid{gap:36px}
  .tx-steps{grid-template-columns:1fr 1fr;gap:26px}
}
@media(max-width:760px){
  .tx h2{font-size:34px}
  .tx-row{grid-template-columns:32px 1fr;gap:12px 18px;padding:28px 0}
  .tx-no{font-size:28px;padding-top:4px}
  .tx-row .tx-answer{grid-column:2}
  .tx-after,.tx-owned{display:block}
  .tx-after .tx-link{margin-top:10px}
  .tx-offer-grid{display:block}
  .tx-product{margin-bottom:26px}
  .tx-product img{width:190px}
  .tx-owned{padding:22px}
  .tx-owned div+div{border-left:0;padding-left:0;border-top:1px solid #d3dfea;padding-top:16px;margin-top:18px}
  .tx-start-grid{display:block;margin-bottom:34px}
  .tx-entry,.tx-entry+.tx-entry{padding:22px 0;border-left:0}
  .tx-entry+.tx-entry{border-top:1px solid var(--tx-rule)}
  .tx-steps{grid-template-columns:1fr;gap:20px}
  .tx-start-footer .btn{width:100%;justify-content:center}
  .tx-table th,.tx-table td{padding:15px 12px;font-size:15px}
  .tx-angles{grid-template-columns:1fr;gap:24px}
  .tx-boundary{padding:22px}
}
.cx-end-team{color:#1f4f86}
.tx p.tx-eyebrow{color:var(--tx-blue)}