@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap");
:root {
  --navy: #071a2b;
  --mint: #87e6bf;
  --blue: #0788bd;
  --lime: #dcff00;
  --paper: #f4f9fa;
  --ink: #0a1b2e;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  color: var(--ink);
  font-family: "Inter", Arial, sans-serif;
  background: var(--paper);
}
main{display:flex;flex-direction:column}
main>.comparison{order:90}
main>.final{order:100}
nav {
  height: 88px;
  padding: 0 max(28px, 5vw);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border-bottom: 1px solid #d8e4e9;
  position: sticky;
  top: 0;
  z-index: 10;
}

/* First section: the CauseWork.io production hero system. */
#what{--cw-blue:#111722;--cw-green:#667085;--cw-ink:#111722;--cw-muted:#58677b;--cw-line:#d9e0e9;--cw-soft:#f4f7fb;--cw-white:#fff;--cw-shadow:0 22px 70px rgba(17,23,34,.12);position:relative;overflow:hidden;min-height:calc(100vh - 88px);padding:38px 0;display:flex;align-items:center;background:#fff;color:var(--cw-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Arial,sans-serif}
#what:before{content:"";position:absolute;z-index:0;width:760px;height:760px;right:-260px;top:-300px;border-radius:50%;background:radial-gradient(circle,rgba(17,23,34,.09),rgba(88,103,123,.04) 43%,transparent 70%)}
#what .cw-wrap{width:min(1180px,calc(100% - 40px));margin:auto}
#what .cw-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:68px}
#what .cw-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #cfe7fb;border-radius:999px;background:#f5fbff;color:#116db8;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
#what .cw-dot{width:7px;height:7px;border-radius:50%;background:var(--cw-green);box-shadow:0 0 0 5px rgba(29,185,84,.12)}
#what h1{margin:20px 0 18px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,4.5vw,62px);font-weight:700;line-height:1.01;letter-spacing:-.045em;max-width:760px;color:#111722}
#what h1 span{color:#111722}
#what .cw-hero-lead{max-width:650px;margin:0;font-size:clamp(17px,1.35vw,20px);line-height:1.48;color:#4f6074;letter-spacing:-.01em}
#what .cw-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
#what .cw-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 19px;border-radius:14px;background:var(--cw-ink);color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:800;box-shadow:0 10px 25px rgba(16,32,51,.18);transition:.2s ease}
#what .cw-btn:hover{transform:translateY(-2px)}
#what .cw-btn.blue{background:var(--cw-blue);box-shadow:0 12px 30px rgba(29,145,240,.27)}
#what .cw-btn.ghost{background:#fff;color:var(--cw-ink)!important;border:1px solid var(--cw-line);box-shadow:none}
#what .cw-fine{margin:15px 0 0;color:#7a8795;font-size:13px;line-height:1.5}
#what .cw-fine strong{color:#344458}
#what .cw-hero-art{margin:0}
#what .cw-hero-art img{display:block;width:100%;height:auto;aspect-ratio:1.72/1;object-fit:cover;border-radius:30px;box-shadow:var(--cw-shadow)}
#what .cw-hero-art figcaption{margin:12px 8px 0;color:#7a8795;font-size:13px;text-align:center}
#what .cw-hero-art figcaption strong{color:#344458}
@media(max-width:920px){#what{min-height:0;padding:34px 0 70px}#what .cw-hero-grid{grid-template-columns:1fr;gap:42px}#what .cw-hero-art{max-width:620px}}
@media(max-width:620px){#what .cw-wrap{width:min(100% - 28px,1180px)}#what h1{font-size:42px}#what .cw-hero-lead{font-size:17px}#what .cw-actions .cw-btn{width:100%;white-space:normal;text-align:center;padding:12px 18px}#what .cw-hero-art img{border-radius:22px}}
.brand {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--ink);
  text-decoration: none;
}
.brand img {
  width: 45px;
  height: 45px;
}
.brand b {
  font-size: 20px;
}
.brand i {
  color: #087a5b;
  font-style: normal;
}
nav div {
  display: flex;
  align-items: center;
  gap: 25px;
}
nav div > a {
  color: var(--ink);
  text-decoration: none;
  font-weight: 700;
}
.launch {
  display: inline-block;
  background: var(--mint);
  color: var(--navy) !important;
  padding: 12px 21px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 800;
}
.hero {
  padding: 80px max(30px, 7vw);
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 7vw;
  align-items: center;
  min-height: 700px;
  background:
    radial-gradient(circle at 88% 10%, #87e6bf55, transparent 33%), #f5fafb;
}
.pill,
.eyebrow {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 0.14em;
  font-weight: 800;
  color: #067b5c;
}
.hero h1,
.replacement h2,
.feature-band h2,
.hub h2,
.final h2 {
  font: 900 clamp(52px, 7vw, 100px) / 0.92 "Inter";
  letter-spacing: -0.055em;
  margin: 22px 0;
}
.hero h1 em {
  color: var(--blue);
  font-style: normal;
}
.hero p {
  font-size: 21px;
  line-height: 1.55;
  color: #526879;
  max-width: 650px;
}
.buttons {
  display: flex;
  gap: 12px;
  margin: 30px 0 17px;
}
.big {
  font-size: 17px;
  padding: 16px 25px;
}
.secondary {
  padding: 15px 22px;
  border: 1px solid #bdced6;
  border-radius: 999px;
  color: var(--ink);
  text-decoration: none;
  font-weight: 700;
}
.hero small {
  color: #647886;
}
.product-shot {
  height: 560px;
  background: #fff;
  border: 1px solid #c9dbe2;
  border-radius: 30px;
  box-shadow: 0 30px 80px #0a314126;
  display: grid;
  grid-template-columns: 150px 1fr;
  overflow: hidden;
  transform: rotate(1deg);
}
.mini-rail {
  background: var(--navy);
  color: #fff;
  padding: 30px 18px;
  display: grid;
  align-content: start;
  gap: 25px;
}
.mini-rail b {
  color: var(--mint);
  font-size: 20px;
}
.mini-rail span {
  font-size: 12px;
  color: #c8d7df;
}
.mini-main {
  padding: 28px;
  background: #eaf2f4;
}
.mini-top {
  display: flex;
  justify-content: space-between;
  font-weight: 800;
}
.mini-top b {
  background: var(--mint);
  padding: 8px 12px;
  border-radius: 30px;
  font-size: 11px;
}
.mini-email {
  background: #fff;
  max-width: 380px;
  margin: 34px auto 18px;
  padding: 38px;
  box-shadow: 0 12px 30px #16374918;
}
.mini-email small {
  color: #0a8c69;
  font-weight: 800;
}
.mini-email h3 {
  font: 800 30px/1.05 "Libre Franklin";
  margin: 13px 0;
}
.mini-email p {
  line-height: 1.5;
  color: #536878;
}
.mini-email img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 8px;
  margin: 4px 0 12px;
}
.mini-email button {
  border: 0;
  background: var(--navy);
  color: #fff;
  padding: 12px 18px;
  font-weight: bold;
}
.checks {
  display: flex;
  gap: 7px;
  justify-content: center;
  flex-wrap: wrap;
}
.checks span {
  background: #dff8ed;
  padding: 7px;
  border-radius: 6px;
  font-size: 10px;
  color: #087354;
}
.promise-strip {
  display: flex;
  gap: 0;
  overflow: hidden;
  background: var(--navy);
  color: #fff;
  border-top: 1px solid #294357;
  border-bottom: 1px solid #294357;
}
.promise-strip > * {
  flex: 1;
  min-width: max-content;
  padding: 18px 22px;
  border-right: 1px solid #294357;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.promise-strip b { color: var(--mint); letter-spacing: .12em; }
.replacement {
  padding: 110px max(30px, 7vw);
  background: #fff;
}
.replacement h2 {
  font-size: clamp(48px, 6vw, 82px);
}
.replace-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
.replace-grid article {
  border: 1px solid #d8e4e9;
  border-radius: 22px;
  padding: 28px;
  display: grid;
  gap: 10px;
}
.replace-grid s {
  color: #8595a0;
}
.replace-grid b {
  font: 800 25px "Libre Franklin";
}
.replace-grid p {
  color: #5b6f7e;
  line-height: 1.6;
  margin: 0;
}
.why-free {
  padding: 110px max(30px, 7vw);
  background: var(--navy);
  color: #fff;
}
.why-free-lead {
  max-width: 980px;
}
.why-free h2 {
  font: 800 clamp(46px, 6vw, 78px) / 0.98 "Libre Franklin";
  letter-spacing: -0.045em;
  margin: 20px 0 28px;
}
.why-free-lead > p {
  max-width: 850px;
  color: #c4d3dc;
  font-size: 20px;
  line-height: 1.65;
}
.why-free-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 48px;
}
.why-free-grid article {
  padding: 28px;
  border: 1px solid #365065;
  border-radius: 22px;
  background: #0c2639;
}
.why-free-grid article > span,
.hub-map article > span {
  display: block;
  color: #6f95a8;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  margin-bottom: 34px;
}
.why-free-grid b {
  display: block;
  color: var(--mint);
  font: 800 22px "Libre Franklin";
  margin-bottom: 12px;
}
.why-free-grid p {
  margin: 0;
  color: #c4d3dc;
  line-height: 1.6;
}
.hub-depth {
  padding: 110px max(30px, 7vw);
  background: #fff;
}
.hub-depth-intro { max-width: 1080px; }
.hub-depth h2 {
  font: 800 clamp(46px, 6vw, 80px) / .98 "Libre Franklin";
  letter-spacing: -.05em;
  margin: 20px 0 25px;
}
.hub-depth-intro > p {
  max-width: 880px;
  font-size: 20px;
  line-height: 1.6;
  color: #526879;
}
.hub-map {
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid #d5e1e6;
  border-left: 1px solid #d5e1e6;
}
.hub-map article {
  min-height: 260px;
  padding: 28px;
  border-right: 1px solid #d5e1e6;
  border-bottom: 1px solid #d5e1e6;
}
.hub-map b { display: block; font: 800 23px "Libre Franklin"; margin-bottom: 12px; }
.hub-map p { color: #5b6f7e; line-height: 1.6; margin: 0; }
.hub-depth-closer {
  display: grid;
  grid-template-columns: .8fr 1.4fr auto;
  gap: 28px;
  align-items: center;
  margin-top: 28px;
  padding: 28px;
  border-radius: 20px;
  background: var(--mint);
}
.hub-depth-closer b { font: 800 21px "Libre Franklin"; }
.hub-depth-closer span { line-height: 1.5; }
.hub-depth-closer a { color: var(--navy); font-weight: 800; white-space: nowrap; }
.feature-band {
  padding: 110px max(30px, 7vw);
  background: var(--navy);
  color: #fff;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8vw;
}
.feature-band h2 {
  font-size: clamp(48px, 6vw, 76px);
}
.feature-list {
  display: grid;
}
.feature-list article {
  border-top: 1px solid #365065;
  padding: 25px 0;
  display: grid;
  grid-template-columns: 45px 1fr;
  column-gap: 18px;
}
.feature-list article > b {
  grid-row: 1/3;
  color: var(--mint);
  font-size: 14px;
}
.feature-list h3 {
  font-size: 23px;
  margin: 0 0 6px;
}
.feature-list p {
  color: #b8c9d4;
  line-height: 1.55;
  margin: 0;
}
.hub {
  padding: 110px max(30px, 7vw);
  background: var(--mint);
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 8vw;
  align-items: center;
}
.hub h2 {
  font-size: clamp(45px, 5vw, 72px);
}
.hub p {
  font-size: 19px;
  line-height: 1.6;
}
.hub a {
  color: var(--navy);
  font-weight: 800;
  font-size: 19px;
}
.orbit {
  aspect-ratio: 1;
  position: relative;
  border: 2px solid #0b7258;
  border-radius: 50%;
  display: grid;
  place-items: center;
}
.orbit:before {
  content: "";
  position: absolute;
  inset: 20%;
  border: 1px solid #0b7258;
  border-radius: 50%;
}
.orbit b {
  width: 120px;
  height: 120px;
  background: var(--navy);
  color: #fff;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 30px;
  z-index: 1;
}
.orbit span {
  position: absolute;
  background: #fff;
  border-radius: 999px;
  padding: 11px 15px;
  font-weight: 700;
}
.orbit span:nth-child(1) {
  top: 5%;
}
.orbit span:nth-child(2) {
  right: -3%;
}
.orbit span:nth-child(3) {
  bottom: 5%;
}
.orbit span:nth-child(4) {
  left: -3%;
}
.final {
  text-align: center;
  padding: 120px 25px;
}
.final h2 {
  font-size: clamp(55px, 8vw, 105px);
}
footer {
  background: var(--navy);
  color: #fff;
  padding: 35px max(30px, 7vw);
  display: flex;
  gap: 25px;
  justify-content: space-between;
}
footer a {
  color: var(--mint);
}
.spine-graphic {
  position: relative;
  min-height: 560px;
  padding: 32px;
  border: 1px solid #c9dbe2;
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 30px 80px #0a314126;
  display: grid;
  gap: 22px;
  align-content: center;
}
.graphic-kicker { color: #067b5c; font-size: 12px; font-weight: 900; letter-spacing: .14em; }
.spine-inputs { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.spine-inputs span { padding: 12px 10px; border: 1px solid #d8e4e9; border-radius: 10px; background: #f5f8fa; font-size: 13px; font-weight: 800; text-align: center; }
.spine-core { padding: 30px; border-radius: 18px; background: var(--navy); color: #fff; box-shadow: inset 0 0 0 1px #294357; }
.spine-core small { display: block; margin-bottom: 13px; color: var(--mint); font-weight: 900; letter-spacing: .12em; }
.spine-core strong { display: block; font-size: 30px; line-height: 1.1; }
.spine-core p { margin: 15px 0 0; color: #c8d7df; font-size: 14px; }
.spine-output { position: relative; padding: 24px 28px; border: 2px solid #168bb8; border-radius: 18px; background: #eef8fb; }
.spine-output:before { content: "↓"; position: absolute; top: -26px; left: 50%; color: #168bb8; font-size: 24px; font-weight: 900; }
.spine-output span { display: block; color: #067b5c; font-size: 11px; font-weight: 900; letter-spacing: .12em; }
.spine-output strong { display: block; margin: 7px 0 2px; font-size: 34px; }
.spine-output p { margin: 0; color: #334b5d; font-weight: 800; }
.spine-output small { display: inline-block; margin-top: 13px; padding: 7px 10px; border-radius: 999px; background: #fff; color: #5d6e7b; font-weight: 800; }
@media (max-width: 900px) {
  nav div > a:not(.launch) {
    display: none;
  }
  .why-free-grid {
    grid-template-columns: 1fr;
  }
  .hub-map { grid-template-columns: repeat(2, 1fr); }
  .hub-depth-closer { grid-template-columns: 1fr; }
  .hero,
  .feature-band,
  .hub {
    grid-template-columns: 1fr;
  }
  .spine-graphic { min-height: 500px; }
  .orbit {
    max-width: 500px;
    margin: auto;
  }
  .replace-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 600px) {
  nav {
    height: 75px;
  }
  .brand b {
    font-size: 16px;
  }
  .hero {
    padding-top: 55px;
  }
  .hero h1 {
    font-size: 54px;
  }
  .buttons {
    display: grid;
  }
  .spine-graphic { min-height: 0; padding: 22px; }
  .spine-inputs { grid-template-columns: repeat(2,1fr); }
  .mini-rail {
    padding: 20px 8px;
  }
  .mini-main {
    padding: 15px;
  }
  .mini-email {
    padding: 20px;
  }
  .mini-email h3 {
    font-size: 23px;
  }
  .replacement,
  .why-free,
  .hub-depth,
  .feature-band,
  .hub,
  .final {
    padding: 75px 22px;
  }
  footer {
    display: grid;
  }
  .orbit span {
    font-size: 12px;
  }
  .promise-strip { overflow-x: auto; }
  .promise-strip > * { flex: none; }
  .hub-map { grid-template-columns: 1fr; }
  .hub-map article { min-height: 0; }
}
/* Dispatch release 40: CauseWork typography and neutral component system */
:root{--navy:#111722;--mint:#111722;--blue:#111722;--lime:#111722;--paper:#f4f7fb;--ink:#111722}
body{background:#fff;color:#111722;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
main{display:block}main>.comparison,main>.final{order:initial}
nav{height:76px;padding-inline:max(20px,calc((100vw - 1180px)/2));background:#fff;border-color:#d9e0e9;gap:22px}
nav div{gap:clamp(10px,2vw,25px)}nav div>a{font-size:12px;letter-spacing:.06em}nav .launch{background:#111722;color:#fff!important;border-radius:14px;padding:13px 18px;letter-spacing:0}nav .brand i{color:#111722}
#what{min-height:calc(100dvh - 76px);padding:22px 0;scroll-margin-top:76px}
#what .cw-hero-grid{gap:clamp(24px,4vw,56px)}#what .cw-kicker{background:#f4f7fb;border-color:#d9e0e9;color:#344458}#what .cw-dot{background:#111722;box-shadow:none}
#what .cw-btn.blue{background:#111722;box-shadow:0 12px 30px rgba(17,23,34,.15)}#what .cw-fine{max-width:560px}
#what h1{font-size:clamp(42px,4.35vw,62px)}#what .cw-hero-art img{max-height:min(440px,57vh);object-fit:contain;background:#f4f7fb}
.promise-strip{background:#111722;color:white;text-align:center;padding:19px 24px;font-weight:700;line-height:1.5;letter-spacing:0}
.dispatch-visual{max-width:1180px;margin:34px auto 45px;padding:0 20px}.dispatch-visual img{width:100%;display:block;height:auto;border-radius:24px;border:1px solid #d9e0e9}
#why,#features,#compare{scroll-margin-top:90px}#why{background:#f4f7fb}#features{background:#fff}
h1,h2,h3{overflow-wrap:normal} .replacement h2,.feature-band h2,.hub h2,.final h2,.why-free h2,.hub-depth h2{font-family:Georgia,"Times New Roman",serif!important;font-weight:700!important;letter-spacing:-.04em!important}
.launch,.big,.secondary,.replacement article,.feature-band article,.hub article{border-radius:16px}
@media(max-width:900px){nav{height:auto;min-height:68px;padding:12px 18px;flex-wrap:wrap}nav div{flex-wrap:wrap;gap:10px 15px}nav div>a{font-size:11px}#what{min-height:0;padding:36px 0 48px}#what .cw-hero-art img{max-height:none}}
@media(max-width:620px){nav .brand b{font-size:17px}nav div{width:100%;justify-content:space-between}nav .launch{padding:10px 12px}#what .cw-hero-grid{gap:25px}#what h1{font-size:42px}.dispatch-visual{margin:18px auto 30px;padding:0 14px}}
/* Release 41: readable section contrast and aligned feature composition */
#why{background:#111722;color:#fff}
#why .why-free-lead>p,#why .why-free-grid p{color:#d3dde7}
#why .why-free-grid article{background:#1d293a;border-color:#48596c}
#why .why-free-grid b{color:#fff;font-family:Georgia,"Times New Roman",serif;font-weight:700}
#why .dispatch-visual{max-width:1080px;margin:42px auto 24px}
#features{background:#111722;color:#fff;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(30px,5vw,70px);row-gap:34px;align-items:center}
#features>div:first-child{min-width:0}
#features h2{font-size:clamp(34px,3.5vw,50px);line-height:1.12;max-width:600px;margin:16px 0}
#features .eyebrow{color:#cbd5e1}
#features .dispatch-visual{min-width:0;width:100%;margin:0;padding:0;max-width:none}
#features .dispatch-visual img{width:100%;min-height:290px;object-fit:contain;background:#111722;border:1px solid #48596c}
#features .feature-list{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#features .feature-list article{display:block;min-width:0;padding:24px;border:1px solid #48596c;border-radius:18px;background:#1d293a}
#features .feature-list h3{font:700 clamp(22px,2vw,27px)/1.2 Georgia,"Times New Roman",serif;color:#fff;margin:0 0 10px}
#features .feature-list p{color:#d3dde7;font-size:16px;line-height:1.55}
#hub{background:#f4f7fb;color:#111722}
#hub .orbit{border-color:#a8b3c2}#hub .orbit:before{border-color:#a8b3c2}
@media(max-width:900px){#features{grid-template-columns:1fr;row-gap:24px}#features .feature-list{grid-column:1;grid-template-columns:1fr 1fr}#features .dispatch-visual img{min-height:0}}
@media(max-width:620px){#features{padding:64px 20px}#features h2{font-size:36px}#features .feature-list{grid-template-columns:1fr}#features .feature-list article{padding:20px}#features .feature-list p{font-size:15px}#why{padding:64px 20px}}

/* Release 42: readable copy and centered free offer */
.promise-strip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;overflow:visible;min-height:72px;padding:18px 24px;text-align:center;font-size:clamp(15px,1.35vw,18px);line-height:1.5}
#what .cw-hero-lead{display:block;grid-template-columns:none;width:100%}
#features>div:first-child{grid-column:1/-1}
#features .dispatch-visual{grid-column:1/-1;max-width:1100px;justify-self:center}
#features .dispatch-visual img{min-height:0;height:auto;object-fit:contain}
@media(max-width:620px){.promise-strip{padding:17px 18px;font-size:15px}#features .dispatch-visual{width:calc(100% + 20px);margin-left:-10px}#features .dispatch-visual img{border-radius:12px}}

/* Release 43: each substantive page section has a matching navigation link */
#replaces,#hub-depth,#scale{scroll-margin-top:90px}
nav div{gap:clamp(9px,1.15vw,16px)}
nav div>a{font-size:11px;letter-spacing:.035em}
@media(max-width:900px){nav div{gap:8px 12px}nav div>a{font-size:10px}}

/* Release 44: readable Scale section */
#scale{background:#f4f7fb;color:#111722}
#scale h2,#scale p,#scale .orbit b{color:#111722}
#scale p{color:#405166}
#scale .eyebrow{color:#176f62}
#scale .orbit,#scale .orbit:before{border-color:#9aaebe}
#scale .orbit span{background:#fff;color:#111722;border:1px solid #d5dfe7}

#scale .orbit b{color:#fff}

/* Release 46: HUB summary contrast */
.hub-depth-closer{background:#e8f3f0;color:#111722}
.hub-depth-closer b,.hub-depth-closer span,.hub-depth-closer a{color:#111722}
/* Release 47: campaign workspace in place of slide-style Workflow cards */
#replaces{background:#f3f5f3;color:#111722;padding:92px max(30px,7vw) 88px}
.workflow-intro{max-width:1160px;margin:0 auto 36px;display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:end}
.workflow-intro h2{font:700 clamp(43px,5vw,68px)/1.04 Georgia,"Times New Roman",serif;letter-spacing:-.045em;margin:12px 0 0;max-width:730px}
.workflow-intro>p{font-size:19px;line-height:1.55;color:#405166;margin:0 0 7px;max-width:440px}
.workflow-stage{max-width:1160px;margin:auto;background:#fff;border:1px solid #d8e0e4;border-radius:24px;box-shadow:0 24px 65px rgba(17,23,34,.12);overflow:hidden}
.workflow-topbar{display:flex;justify-content:space-between;align-items:center;padding:17px 24px;border-bottom:1px solid #dfe5e8;font:700 14px Inter,Arial,sans-serif;color:#111722}
.workflow-mark b{font-weight:700;color:#176f62}.workflow-status{font-size:12px;color:#405166;display:flex;align-items:center;gap:8px}.workflow-status i{width:8px;height:8px;background:#168869;border-radius:50%}
.workflow-app{display:grid;grid-template-columns:minmax(205px,1fr) minmax(320px,1.48fr) minmax(205px,.91fr);min-height:480px;font-family:Inter,Arial,sans-serif}
.workflow-audience,.workflow-readiness{padding:28px 23px;background:#fbfcfd}
.workflow-audience{border-right:1px solid #e3e8ec}.workflow-readiness{border-left:1px solid #e3e8ec}
.workflow-cap,.workflow-canvas-bar{color:#51647a;font-size:11px;font-weight:800;letter-spacing:.1em}
.workflow-app h3{font:700 24px/1.17 Georgia,"Times New Roman",serif;letter-spacing:-.02em;margin:15px 0 20px}
.workflow-count{display:flex;align-items:center;gap:10px;padding:12px 0 17px;border-bottom:1px solid #e1e8e9}.workflow-count strong{font-size:32px}.workflow-count span{font-size:12px;line-height:1.3;color:#526477}
.workflow-row{display:flex;align-items:center;gap:8px;padding:13px 0;border-bottom:1px solid #edf0f1;font-size:12px;font-weight:700;white-space:nowrap}
.workflow-avatar{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:50%;background:#dce9e4;color:#1b5f52;font-size:10px}
.workflow-row small{display:block;color:#68788b;font-size:10px;font-weight:500;margin-top:3px}.workflow-check{margin-left:auto;color:#168869;font-size:17px}
.workflow-audience-foot{display:block;font-size:12px;line-height:1.45;color:#405166;margin-top:26px}
.workflow-canvas{padding:19px 26px 28px;background:#e9edef}.workflow-canvas-bar{display:flex;justify-content:space-between;margin:1px 0 18px}
.workflow-email{max-width:385px;min-height:406px;margin:0 auto;background:#fff;padding:25px 27px;box-shadow:0 7px 22px rgba(17,23,34,.09);color:#111722}
.workflow-email-brand{font-size:11px;letter-spacing:.1em;font-weight:800}.workflow-email-hero{margin:20px 0 19px;min-height:145px;background:#dcece5;padding:22px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}
.workflow-email-hero span{font:700 25px/1.12 Georgia,"Times New Roman",serif;letter-spacing:-.03em;position:relative;z-index:1}.workflow-email-hero i{width:83px;height:83px;border-radius:50%;border:19px solid #85bba7;box-shadow:0 0 0 18px #bad8cb;transform:translateX(23px)}
.workflow-email p{font-size:12px;line-height:1.55;color:#405166}.workflow-email-button{display:inline-block;background:#111722;color:#fff;padding:12px 15px;border-radius:8px;font-size:11px;font-weight:700;margin-top:8px}
.workflow-ready-row{padding:13px 0;border-bottom:1px solid #e2e8e9;display:flex;align-items:center;gap:10px;font-size:12px;color:#263645}.workflow-ready-row b{display:grid;place-items:center;width:22px;height:22px;background:#dff2ea;color:#157656;border-radius:50%;font-size:12px}
.workflow-send{background:#111722;color:white;border-radius:9px;padding:13px 12px;text-align:center;font-size:12px;font-weight:700;margin-top:24px}.workflow-readiness p{font-size:12px;line-height:1.45;color:#627185;margin-top:19px}
.workflow-footer{max-width:1100px;margin:26px auto 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#34485a;font-size:13px;font-weight:700}.workflow-footer span{display:flex;align-items:center;gap:8px}.workflow-footer span:before{content:"✓";display:grid;place-items:center;background:#d7eae2;color:#176f62;width:21px;height:21px;border-radius:50%;font-size:12px}
@media(max-width:900px){.workflow-intro{grid-template-columns:1fr;gap:10px}.workflow-app{grid-template-columns:1fr 1.35fr}.workflow-readiness{grid-column:1/-1;border-left:0;border-top:1px solid #e3e8ec;display:grid;grid-template-columns:repeat(2,1fr);gap:0 25px}.workflow-readiness .workflow-cap,.workflow-readiness h3,.workflow-readiness p{grid-column:1/-1}}
@media(max-width:620px){#replaces{padding:64px 17px}.workflow-intro h2{font-size:44px}.workflow-intro>p{font-size:17px}.workflow-stage{border-radius:18px}.workflow-topbar{padding:15px;font-size:12px}.workflow-status{font-size:10px}.workflow-app{display:block}.workflow-audience,.workflow-readiness{padding:22px}.workflow-audience{border:0;border-bottom:1px solid #e3e8ec}.workflow-canvas{padding:19px 12px}.workflow-email{min-height:0;padding:20px}.workflow-readiness{display:block}.workflow-footer{justify-content:flex-start;gap:14px 22px}}
/* Release 48: editorial Why section leading into the campaign workspace */
#why{padding-top:94px;padding-bottom:90px}
#why .why-free-lead{max-width:1060px}
#why h2{font-size:clamp(44px,5vw,66px);line-height:1.06;max-width:970px}
#why .why-free-lead>p{max-width:865px;font-size:19px;line-height:1.6}
#why .why-free-grid{margin-top:52px;gap:0;border-top:1px solid #465365}
#why .why-free-grid article{background:transparent;border:0;border-radius:0;padding:28px 28px 0 0}
#why .why-free-grid article+article{border-left:1px solid #465365;padding-left:28px}
#why .why-free-grid b{font-size:22px;line-height:1.2}
@media(max-width:900px){#why .why-free-grid{grid-template-columns:1fr}#why .why-free-grid article,#why .why-free-grid article+article{border-left:0;border-top:1px solid #465365;padding:22px 0}#why .why-free-grid article:first-child{border-top:0}}
/* Release 49: consistent 75px desktop page gutters */
@media(min-width:1100px){
 nav,footer{padding-left:75px;padding-right:75px}
 #what .cw-wrap{width:calc(100% - 150px);max-width:none}
 #why,#replaces,#hub-depth,#features,#scale{padding-left:75px;padding-right:75px}
 #replaces .workflow-intro,#replaces .workflow-stage,#replaces .workflow-footer{max-width:none}
 .final{padding-left:75px;padding-right:75px}
}
/* Release 51: readable final call to action */
.final .launch{background:#111722;color:#fff!important}
/* Release 52: visible footer links */
footer a{color:#e6f4ef!important;text-decoration:underline;text-underline-offset:3px}
/* Release 53: illustrated Why section */
#why{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);column-gap:clamp(28px,4vw,76px);align-items:center}
#why .why-free-lead{min-width:0}
#why h2{font-size:clamp(42px,3.55vw,67px);max-width:850px}
#why .why-free-lead>p{font-size:clamp(17px,1.12vw,19px);max-width:790px}
#why .why-art{margin:0;min-width:0;align-self:stretch;display:flex;align-items:center;justify-content:center}
#why .why-art img{display:block;width:100%;height:auto;max-height:575px;object-fit:contain;border-radius:16px}
#why .why-free-grid{grid-column:1/-1;width:100%;margin-top:42px}
@media(max-width:900px){#why{grid-template-columns:1fr}#why .why-art{margin-top:22px;max-width:650px;justify-self:center}#why .why-art img{max-height:460px}#why .why-free-grid{margin-top:35px}}
/* Release 65: remove excess section whitespace while retaining clear section breaks */
#hub-depth,#features{padding-top:76px;padding-bottom:76px}
.final{padding-top:68px;padding-bottom:76px}
@media(max-width:620px){#hub-depth,#features{padding-top:56px;padding-bottom:56px}.final{padding-top:56px;padding-bottom:64px}}
/* Release 66: compact the final action */
.final{padding-top:40px;padding-bottom:54px}
@media(max-width:620px){.final{padding-top:36px;padding-bottom:48px}}
/* Release 68: the complete hero fits beneath the header without an empty lower half */
@media(min-width:921px){#what{min-height:0;padding-top:58px;padding-bottom:64px}}
/* Release 69: accessible mobile sections and a direct offer action */
.mobile-menu-toggle{display:none}
.promise-strip{gap:15px}
.promise-launch{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:9px 14px;border:1px solid #a8d9c6;border-radius:10px;color:#fff;font-size:14px;font-weight:800;text-decoration:none}
.promise-launch:hover,.promise-launch:focus-visible{background:#2b4750;color:#fff}
@media(max-width:900px){nav .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;background:#fff;border:1px solid #c9d3dd;border-radius:10px;padding:9px 12px;color:#111722;font:800 13px Inter,Arial,sans-serif}nav #dispatch-nav-links{display:none;width:100%;padding:12px 0 4px}nav.menu-open #dispatch-nav-links{display:flex;flex-direction:column;align-items:stretch;gap:0}nav.menu-open #dispatch-nav-links>a{display:block;padding:12px;border-bottom:1px solid #e1e6eb;font-size:14px}nav.menu-open #dispatch-nav-links>.launch{margin-top:10px;text-align:center;color:#fff;border:0}.promise-strip{flex-direction:column;gap:10px;padding:16px 18px}.promise-launch{white-space:normal}}
/* Release 70: mobile audience visual remains legible at phone width */
.mobile-audience-visual{display:none}
@media(max-width:620px){#features .dispatch-visual{display:none}.mobile-audience-visual{display:grid;gap:9px;margin:0 0 8px}.mobile-audience-visual>div{padding:18px 20px;border:1px solid #536574;border-radius:16px;background:#1d293a}.mobile-audience-visual small{display:block;margin-bottom:7px;color:#9ec6bc;font-size:11px;font-weight:800;letter-spacing:.09em}.mobile-audience-visual strong{display:block;color:#fff;font:700 22px/1.25 Georgia,serif}.mobile-audience-visual>span{text-align:center;color:#83d2ad;font-size:22px;line-height:1}}
/* Release 71: offer text and action occupy separate centered lines everywhere */
.promise-strip{flex-direction:column;gap:12px}
.promise-strip .promise-launch{align-self:center}
/* Release 72: desktop offer text and action respect the site side insets */
@media(min-width:901px){.promise-strip{padding-left:75px;padding-right:75px}}