/* ============================================================
   CSW Homepage — verbatim port of the <style> block in
   new-design/"CSW Final Version_1.0.dc.html".
   Loaded AFTER the Echopad design-system files, so the :root
   re-declarations below win (Layer 3 product override).
   ============================================================ */
:root{--paper:#F5F2EC;--paper-2:#ECE7DE;--ink:#16101F;--ink-2:#2A2135;--muted:#6B6478;--hair:#D6CFC3;--hair-dark:#3A2F49;--violet:#861BCD;--violet-deep:#5E13A3;--violet-soft:#B57BEB;--violet-tint:#EFE3FA;--amber:#C8891A;
  --accent:var(--violet);--accent-hover:var(--violet-deep);--accent-tint:var(--violet-tint);--on-tint:var(--violet-deep);--gradient-brand:linear-gradient(135deg,#861BCD,#5E13A3);--gradient-brand-solid:linear-gradient(135deg,#6F16AE,#4C0F86);--on-gradient:#FFFFFF;
  --font-serif:'IBM Plex Serif',Georgia,serif}
html,body{margin:0;padding:0;font-family:var(--font-sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
a{color:var(--violet);text-decoration:none}a:hover{color:var(--violet-deep)}
*{box-sizing:border-box}
.ep-btn{border-radius:2px!important}
.csw-row:hover{background:var(--paper-2)}
.csw-row:hover .csw-row-arrow{transform:translateX(6px);color:var(--violet)}
.csw-row-arrow{transition:transform 240ms var(--ease-standard),color 240ms}
.csw-nav a{color:var(--ink)}.csw-nav a:hover{color:var(--violet)}
.csw-dark a{color:var(--paper)}.csw-dark a:hover{color:var(--violet-soft)}
.csw-5>*:last-child{border-right:none!important}
@media (max-width:1000px){.csw-g12{grid-template-columns:1fr!important}.csw-g12>*{grid-column:1/-1!important}.csw-nav-links{display:none!important}.csw-nav-links[data-open="true"]{display:flex!important;position:absolute;left:0;right:0;top:64px;flex-direction:column;gap:0;background:var(--paper);border-bottom:1px solid var(--hair);padding:8px clamp(20px,4vw,56px) 16px}.csw-nav-links[data-open="true"] a{padding:12px 0;border-bottom:1px solid var(--hair);font-size:16px}.csw-menu{display:inline-flex!important}.csw-5{grid-template-columns:repeat(2,minmax(0,1fr))!important}.csw-5>*:nth-child(even){border-right:none!important}.csw-5>*:last-child{grid-column:1/-1;border-right:none!important;min-height:auto!important}.csw-3{grid-template-columns:1fr!important}.csw-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.csw-svc{grid-template-columns:56px minmax(0,1fr)!important}.csw-svc-desc{grid-column:2!important}.csw-svc-out{grid-column:2!important}.csw-svc-arrow{display:none!important}.csw-foot{grid-template-columns:1fr 1fr!important}.csw-sticky{position:static!important}}
@media (max-width:600px){.csw-5{grid-template-columns:1fr!important}.csw-metrics{grid-template-columns:1fr!important}.csw-foot{grid-template-columns:1fr!important}.csw-ledger{display:none!important}.csw-5>*{border-right:none!important;min-height:auto!important}}

/* ---- CSW additions: not in the export ----------------------
   The homepage export declares no breakpoint for .csw-4 (the
   Echopad product strip and the Gemini/OpenAI/Claude strip), so
   both stayed four columns down to 320px. The Why-CSW export
   handles the same class at the same widths; this mirrors it.
   Delete this block to get a byte-for-byte match with the export.
   ------------------------------------------------------------ */
@media (max-width:1000px){.csw-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:600px){.csw-4{grid-template-columns:1fr!important}}