/* ============================================================
   Kingdom52 site redesign (Oct 2026).
   Tokens are the Kingdom52 CRM's own (saas-core crm.css, c93ff95):
   paper, sheet, ink, ink-soft, faint, line, line-soft, chip, radius 12/8,
   shadow, shadow-pop. Accent is teal #0A7568 (the only accent).
   Navy #14263F is used ONLY for the logo, the security band and the final CTA.
   ============================================================ */
:root{
  --paper:#F7F8FA; --sheet:#FFFFFF; --ink:#0E1525; --ink-soft:#5E6678; --faint:#8D94A3;
  --line:#E6E8EE; --line-soft:#F0F1F5; --chip:#F1F2F6; --nav-ink:#3B4354; --hover:#F2F3F7;
  --ok:#0E9F6E; --ok-soft:#E6F6EF;
  --accent:#0A7568; --accent-hover:#086458; --accent-soft:color-mix(in srgb,#0A7568 10%,#fff);
  --navy:#14263F; --navy-2:#1C3354; --accent-on-navy:#3CC6AE;
  --r-sm:8px; --r:12px; --r-lg:16px; --pill:999px;
  --shadow:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.03);
  --shadow-pop:0 10px 30px rgba(15,23,42,.12),0 2px 8px rgba(15,23,42,.06);
  --shadow-shot:0 30px 80px -20px rgba(20,38,63,.28),0 8px 24px rgba(20,38,63,.08);
  --rd-wrap:1200px; --sec:112px;
  --f-head:'Archivo',"Segoe UI",sans-serif; --f-body:'Inter',"Segoe UI",system-ui,sans-serif;
  /* legacy styles.css variables, re-pointed at the CRM tokens so older
     page bodies (offers, faq, pricing, legal) use one palette and one accent */
  --teal:#0A7568; --teal-deep:#086458; --harbor:#0A7568; --harbor-deep:#086458;
  --porcelain:#F7F8FA; --mist:#F1F2F6; --slate:#5E6678; --text:#0E1525; --muted:#5E6678;
}

/* ---------- base for redesigned pages (body.rd) ---------- */
body.rd{margin:0;font-family:var(--f-body);color:var(--ink);background:var(--sheet);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
body.rd *,body.rd *::before,body.rd *::after{box-sizing:border-box}
body.rd img{max-width:100%;display:block}
body.rd a{color:inherit;text-decoration:none}
body.rd p{margin:0}
body.rd h1,body.rd h2,body.rd h3,body.rd h4{font-family:var(--f-head);letter-spacing:-.02em;color:var(--ink);margin:0}
.rd h1.rd-h1{font-size:clamp(40px,5.2vw,68px);line-height:1.04;font-weight:800}
.rd .rd-h2{font-size:clamp(30px,3.4vw,44px);line-height:1.12;font-weight:700}
.rd .rd-h3{font-size:21px;line-height:1.3;font-weight:700}
.rd-wrap{max-width:var(--rd-wrap);margin:0 auto;padding:0 32px}
.rd-eyebrow{display:inline-flex;align-items:center;gap:8px;font:600 13px/1.3 var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.rd-lede{font-size:19px;line-height:1.6;color:var(--ink-soft)}
.rd-muted{color:var(--ink-soft)}
.rd-link{color:var(--accent);font-weight:600}
.rd-link:hover{text-decoration:underline;text-underline-offset:3px}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;color:var(--ink);padding:8px 12px;border-radius:var(--r-sm);border:1px solid var(--line)}
.skip-link:focus{left:8px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* ---------- buttons (CRM pair: teal fill + quiet white) ---------- */
.rd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border-radius:var(--r-sm);font:600 15.5px/1 var(--f-body);border:1px solid transparent;transition:background .15s,border-color .15s;white-space:nowrap;cursor:pointer;text-decoration:none}
.rd-btn-primary{background:var(--accent);color:#fff!important;box-shadow:0 1px 2px rgba(10,117,104,.3)}
.rd-btn-primary:hover{background:var(--accent-hover)}
.rd-btn-quiet{background:#fff;color:var(--ink)!important;border-color:var(--line)}
.rd-btn-quiet:hover{background:var(--paper)}
.rd-btn-sm{height:38px;padding:0 15px;font-size:14px}
.rd-btn:focus-visible,.rd-header a:focus-visible,.rd-header button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}

/* ---------- header / nav ---------- */
.rd-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);font-family:var(--f-body)}
.rd-header-in{display:flex;align-items:center;height:72px;gap:32px;max-width:var(--rd-wrap);margin:0 auto;padding:0 32px}
.rd-logo img{height:26px;width:auto;display:block}
.rd-nav{display:flex;align-items:center;gap:26px;font:500 15px/1 var(--f-body)}
.rd-nav > a,.rd-dd-btn{color:var(--nav-ink);text-decoration:none;background:none;border:0;padding:8px 0;font:inherit;cursor:pointer}
.rd-nav > a:hover,.rd-dd-btn:hover,.rd-nav > a[aria-current="page"]{color:var(--accent)}
.rd-dd{position:relative}
.rd-dd-btn::after{content:"";display:inline-block;width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);margin-left:8px}
.rd-dd-menu{position:absolute;top:calc(100% + 10px);left:-20px;width:340px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-pop);padding:8px;display:none}
.rd-dd:hover .rd-dd-menu,.rd-dd:focus-within .rd-dd-menu,.rd-dd.is-open .rd-dd-menu{display:block}
.rd-dd-menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.rd-dd-menu a{display:block;padding:10px 12px;border-radius:var(--r-sm);color:var(--ink);text-decoration:none}
.rd-dd-menu a:hover{background:var(--hover)}
.rd-dd-menu b{display:block;font:600 14.5px/1.3 var(--f-body)}
.rd-dd-menu span{display:block;font:400 13px/1.4 var(--f-body);color:var(--ink-soft);margin-top:2px}
.rd-actions{margin-left:auto;display:flex;align-items:center;gap:12px}
.rd-burger{display:none;margin-left:auto;width:42px;height:42px;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;align-items:center;justify-content:center;cursor:pointer;padding:0}
.rd-burger span{display:block;width:18px;height:2px;background:var(--ink);box-shadow:0 6px 0 var(--ink),0 -6px 0 var(--ink)}
.rd-mobile{border-top:1px solid var(--line);background:#fff;padding:12px 20px 20px;font-family:var(--f-body)}
.rd-mobile[hidden]{display:none}
.rd-mobile a{display:block;padding:12px 4px;border-bottom:1px solid var(--line-soft);color:var(--ink);font-weight:500;text-decoration:none}
.rd-mobile .rd-mobile-sub{padding-left:18px;color:var(--ink-soft);font-weight:400}
.rd-mobile .rd-btn{display:flex;width:100%;margin-top:12px;border-bottom:1px solid var(--line)}
.rd-mobile .rd-btn-primary{border-color:var(--accent)}

/* ---------- sections ---------- */
.rd-sec{padding:var(--sec) 0}
.rd-paper{background:var(--paper)}
.rd-sec-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:56px}
.rd-sec-head p{font-size:18px;color:var(--ink-soft)}
.rd-sec-head h2{margin-top:14px!important}
.rd-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:32px}

/* ---------- hero ---------- */
.rd-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,var(--paper) 100%);padding:88px 0 0}
.rd-hero::before{content:"";position:absolute;inset:-200px -200px auto auto;width:720px;height:720px;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 12%,transparent),transparent);pointer-events:none}
.rd-hero-copy{text-align:center;max-width:980px;margin:0 auto;position:relative}
.rd-hero h1{margin:20px 0 22px}
.rd-hero h1 em{font-style:normal;color:var(--accent)}
.rd-hero-ctas{display:flex;gap:12px;justify-content:center;margin:34px 0 20px;flex-wrap:wrap}
.rd-hero-note{font-size:14px;color:var(--faint);margin-top:-6px!important;margin-bottom:18px!important}
.rd-facts{display:flex;justify-content:center;gap:10px 28px;flex-wrap:wrap;font:500 14.5px/1.3 var(--f-body);color:var(--ink-soft)}
.rd-facts span{display:inline-flex;align-items:center;gap:8px}
.rd-facts span::before,.rd-checks li::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A7568' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/11px no-repeat}
.rd-hero .rd-shot{margin:64px auto 0;max-width:1120px;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0}
.rd-hero-band{height:1px;background:var(--line)}
.rd-hero-sub{padding:72px 0 64px}
.rd-hero-sub .rd-hero-copy{max-width:900px}

/* ---------- product screenshot frame ---------- */
.rd-shot{border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-shot);overflow:hidden}
.rd-shot-bar{height:34px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid var(--line-soft);background:#FBFBFC}
.rd-shot-bar i{width:10px;height:10px;border-radius:50%;background:#E3E5EA}
.rd-shot-bar b{margin-left:14px;font:500 12px/1 var(--f-body);color:var(--faint);background:var(--paper);border:1px solid var(--line-soft);border-radius:6px;padding:5px 12px}
.rd-shot img{width:100%;height:auto}
.rd-caption{font:500 12.5px/1.4 var(--f-body);color:var(--faint);text-align:center;padding:14px 0 0}
/* labeled placeholder used while real CRM captures are blocked */
.rd-shot-ph{display:grid;place-items:center;text-align:center;aspect-ratio:16/9;padding:32px;background:repeating-linear-gradient(135deg,var(--paper) 0 14px,#fff 14px 28px);color:var(--ink-soft);font:500 15px/1.5 var(--f-body)}
.rd-shot-ph strong{display:block;font:700 13px/1.2 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin-bottom:8px}
.rd-shot-ph.is-crop{aspect-ratio:4/3}
.rd-shot .rd-m{display:none}

/* ---------- logo strip ---------- */
.rd-logos{padding:44px 0;border-bottom:1px solid var(--line);background:#fff}
.rd-logos p{text-align:center;font:600 13px/1.3 var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:24px}
.rd-logos ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px 48px}
.rd-logos li{height:56px;display:flex;align-items:center}
.rd-logos img{height:56px;width:auto;max-width:150px;object-fit:contain;filter:grayscale(1);opacity:.78;transition:.2s}
.rd-logos img:hover{filter:none;opacity:1}
/* Viva Health's grey reads lighter than the rest of the strip: darken it to match (Oct 26, 2026). */
.rd-logos img.rd-logo-light{filter:grayscale(1) brightness(.75);opacity:1}
.rd-logos img.rd-logo-light:hover{filter:none}
.rd-logo-ph{display:flex;align-items:center;justify-content:center;height:52px;min-width:132px;padding:0 14px;border:1px dashed var(--faint);border-radius:var(--r-sm);font:600 12px/1.25 var(--f-body);color:var(--ink-soft);text-align:center;background:var(--paper)}

/* ---------- audience split ---------- */
.rd-aud{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.rd-aud .rd-card{padding:36px;display:flex;flex-direction:column;gap:14px}
.rd-tag{font:600 13px/1 var(--f-body);color:var(--accent);letter-spacing:.04em;text-transform:uppercase}
.rd-aud h3{font-size:26px;line-height:1.2}
.rd-aud ul{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin:6px 0 10px;font-size:15.5px}
.rd-aud li{padding-left:22px;position:relative}
.rd-aud li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:3px;background:var(--accent)}
.rd-aud .rd-link{margin-top:auto}
.rd-arrow::after{content:" \2192"}

/* ---------- feature rows ---------- */
.rd-feat{display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:center;padding:56px 0}
.rd-feat + .rd-feat{border-top:1px solid var(--line)}
.rd-feat.flip{grid-template-columns:7fr 5fr}
.rd-feat.flip .rd-txt{order:2}
.rd-feat h3{font-size:30px;line-height:1.18;margin:14px 0 16px!important}
.rd-feat p{color:var(--ink-soft);font-size:17px}
.rd-checks{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px;font-size:15.5px}
.rd-checks li{display:flex;gap:12px}
.rd-checks li::before{margin-top:3px}
.rd-feat .rd-shot{box-shadow:var(--shadow-pop)}

/* ---------- module grid ---------- */
.rd-mods{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.rd-mod{background:#fff;padding:28px}
.rd-ic{width:38px;height:38px;border-radius:10px;background:var(--accent-soft);display:grid;place-items:center;margin-bottom:16px}
.rd-ic svg{width:19px;height:19px;stroke:var(--accent)}
.rd-mod h4{font-size:17px;margin-bottom:6px!important}
.rd-mod p{font-size:14.5px;line-height:1.55;color:var(--ink-soft)}

/* ---------- steps (how we work) ---------- */
.rd-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:s}
.rd-steps .rd-card{padding:28px}
.rd-steps .rd-num{width:32px;height:32px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font:700 14px/1 var(--f-body);margin-bottom:16px}
.rd-steps h3{font-size:18px;line-height:1.3;margin-bottom:8px!important}
.rd-steps p{font-size:15px;color:var(--ink-soft)}
.rd-steps a{color:var(--accent);font-weight:600}

/* ---------- pricing preview (home) and pricing toggle ---------- */
.rd-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:28px}
.rd-plan{position:relative;display:flex;flex-direction:column;padding:28px}
.rd-plan.pop{border:2px solid var(--accent);box-shadow:var(--shadow-pop)}
.rd-badge{position:absolute;top:-12px;left:28px;background:var(--accent);color:#fff;font:700 11px/1 var(--f-body);letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:var(--pill)}
.rd-plan h4{font-size:19px}
.rd-plan .rd-for{font-size:14px;color:var(--ink-soft);margin:4px 0 18px!important;min-height:42px}
.rd-price{font:800 44px/1 var(--f-head);letter-spacing:-.03em;color:var(--ink)}
.rd-price small{font:500 15px/1 var(--f-body);color:var(--ink-soft);letter-spacing:0;margin-left:4px}
.rd-per{font-size:13px;color:var(--faint);margin:8px 0 20px!important;min-height:20px}
.rd-plan ul{list-style:none;padding:18px 0 0;margin:0 0 24px;border-top:1px solid var(--line-soft);display:grid;gap:10px;font-size:14.5px}
.rd-plan li{padding-left:22px;position:relative}
.rd-plan li::before{content:"\2713";position:absolute;left:0;color:var(--accent);font-weight:700}
.rd-plan .rd-btn{margin-top:auto;width:100%}
.rd-notes3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}
.rd-notes3 .rd-card{padding:22px 24px;font-size:15px;color:var(--ink-soft)}
.rd-notes3 b{display:block;color:var(--ink);font:700 16px/1.3 var(--f-head);margin-bottom:4px}
.rd-toggle{display:inline-flex;background:var(--chip);border-radius:var(--pill);padding:4px;gap:2px;font:600 14px/1 var(--f-body)}
.rd-toggle button{border:0;background:transparent;padding:10px 18px;border-radius:var(--pill);cursor:pointer;font:inherit;color:var(--ink-soft)}
.rd-toggle button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:var(--shadow)}
.rd-toggle .rd-save{color:var(--accent);margin-left:6px;font-weight:700}
.rd-toggle-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:8px 0 8px}

/* ---------- draft flag (OFF by default; see draft.js) ----------
   .draft-only: shown only when <html class="k52-draft">.
   .live-only: production text, hidden only in draft preview.
   Without JS, or with the flag off, only live text shows. */
.draft-only{display:none!important}
html.k52-draft .draft-only{display:revert!important}
html.k52-draft .draft-only.rd-flex{display:flex!important}
html.k52-draft .live-only{display:none!important}
/* Monthly / Yearly billing (always on): monthly unless redesign.js sets data-billing="y". */
html:not([data-billing="y"]) .bill-y{display:none!important}
html[data-billing="y"] .bill-m{display:none!important}
.k52-draft-bar{position:sticky;top:0;z-index:60;background:#FFF6E0;color:#7A4A06;font:600 13px/1.4 var(--f-body);text-align:center;padding:8px 16px;border-bottom:1px solid #F3DFB0}
.k52-ph{display:inline-block;background:#FFF0D6;color:#8A4B00;border:1px solid #F2D29B;border-radius:var(--pill);font:700 10.5px/1 var(--f-body);letter-spacing:.05em;padding:4px 8px;text-transform:uppercase;vertical-align:middle;margin-left:6px}
.k52-save-chip{display:inline-block;margin:6px 0 0;background:var(--accent-soft);color:var(--accent);border-radius:var(--pill);font:700 12px/1 var(--f-body);padding:6px 10px}
.k52-cancel-line{font-size:13px;color:var(--ink-soft);margin:6px 0 14px!important}

/* ---------- security band (navy use #2) ---------- */
.rd-trust{background:var(--navy);color:#fff}
.rd-trust h2{color:#fff!important}
.rd-trust .rd-eyebrow{color:var(--accent-on-navy)}
.rd-trust .rd-sec-head p{color:rgba(255,255,255,.75)}
.rd-tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rd-tcard{background:var(--navy-2);border:1px solid rgba(255,255,255,.08);border-radius:var(--r);padding:28px}
.rd-tcard h4{color:#fff!important;font-size:18px;margin:14px 0 8px!important}
.rd-tcard p{color:rgba(255,255,255,.75);font-size:15px}
.rd-tcard .rd-ic{background:rgba(60,198,174,.14);margin:0}
.rd-tcard svg{stroke:var(--accent-on-navy)}

/* ---------- founder ---------- */
.rd-founder{display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:center}
.rd-founder img{border-radius:var(--r);aspect-ratio:4/5;object-fit:cover;box-shadow:var(--shadow-pop);width:100%}
.rd-founder blockquote{font:600 28px/1.35 var(--f-head);letter-spacing:-.015em;color:var(--ink);margin:16px 0 20px}
.rd-founder .rd-who{font-size:15px;color:var(--ink-soft)}
.rd-founder .rd-who b{color:var(--ink)}
.rd-prose p{color:var(--ink-soft);font-size:17px;margin-bottom:14px!important}
.rd-prose p strong{color:var(--ink)}

/* ---------- final CTA (navy use #3) ---------- */
.rd-cta{background:linear-gradient(135deg,var(--navy) 0%,#0F3A4A 100%);border-radius:20px;padding:64px;display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center;color:#fff}
.rd-cta h2{color:#fff!important}
.rd-cta p{color:rgba(255,255,255,.78);font-size:18px;margin-top:14px!important}
.rd-cta-btns{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}
.rd-cta .rd-btn-quiet{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.35)}
.rd-cta .rd-btn-quiet:hover{background:rgba(255,255,255,.08)}
.rd-cta-wrap{padding:0 0 var(--sec)}

/* ---------- contact form (home) ---------- */
.rd-write{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:start}
.rd-write h2{margin-bottom:14px!important}
.rd-write p{color:var(--ink-soft)}
.rd-write a{color:var(--accent);font-weight:600}
.rd .contact-form{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:32px}
.rd .contact-form .hp-field{position:absolute;left:-9999px}
.rd .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rd .field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.rd .field label{font:600 14px/1.3 var(--f-body);color:var(--ink)}
.rd .field .optional{color:var(--faint);font-weight:400}
.rd .field input,.rd .field textarea{font:400 16px/1.4 var(--f-body);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 12px;background:#fff;width:100%}
.rd .field textarea{min-height:130px;resize:vertical}
.rd .field input:focus,.rd .field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.rd .k52-opt-in{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--ink-soft);margin:4px 0 18px}
.rd .k52-opt-in input{margin-top:4px;accent-color:var(--accent)}
.rd .form-note{font-size:13.5px;color:var(--faint);margin-top:12px!important}
.rd .form-success,.rd .form-error{display:none}
.rd .form-success.is-visible,.rd .form-error.is-visible{display:block}
.rd .contact-form.is-submitted .contact-fields{display:none}
.rd .form-error{color:#B42318;font-size:14.5px;margin-top:12px!important}

/* ---------- compare page ---------- */
.rd-table-wrap{position:relative;overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:var(--shadow)}
.rd-table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:900px}
.rd-table th,.rd-table td{text-align:left;vertical-align:top;padding:14px 16px;border-bottom:1px solid var(--line-soft)}
.rd-table thead th{font:600 12.5px/1.3 var(--f-body);text-transform:uppercase;letter-spacing:.04em;color:var(--faint);background:var(--paper);border-bottom:1px solid var(--line)}
.rd-table tbody th{font:700 15px/1.3 var(--f-head);color:var(--ink)}
.rd-table tr.is-us{background:color-mix(in srgb,var(--accent) 5%,#fff)}
.rd-table tr.is-us th{color:var(--accent)}
.rd-table small{display:block;color:var(--faint);font-size:12.5px;margin-top:3px}
.rd-table .rd-src a{color:var(--accent);font-weight:600;white-space:nowrap}
.rd-table .rd-src{white-space:nowrap;font-size:13px;color:var(--ink-soft)}
.rd-todo{display:inline-block;background:#FFF0D6;color:#8A4B00;border:1px solid #F2D29B;border-radius:var(--pill);font:700 10.5px/1 var(--f-body);padding:4px 8px}
.rd-stamp{font-size:13.5px;color:var(--faint);margin-top:14px!important}

/* ---------- footer ---------- */
.rd-foot{border-top:1px solid var(--line);padding:56px 0 36px;font:400 14.5px/1.6 var(--f-body);color:var(--ink-soft);background:#fff}
.rd-foot a{color:var(--ink-soft);text-decoration:none}
.rd-foot a:hover{color:var(--accent)}
.rd-fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.3fr;gap:32px}
.rd-foot h5{font:600 13px/1 var(--f-body);color:var(--ink);text-transform:uppercase;letter-spacing:.06em;margin:0 0 16px}
.rd-foot ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.rd-foot .rd-flogo{height:24px;width:auto;margin-bottom:16px}
.rd-foot .footer-notes{margin-top:32px;font-size:13px;color:var(--faint)}
.rd-foot .footer-notes a{color:var(--accent)}
.rd-fbot{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;margin-top:40px;padding-top:24px;border-top:1px solid var(--line-soft);font-size:13.5px;color:var(--faint)}
.rd-fbot a{color:var(--faint)}
.rd-foot .footer-verse{font-style:italic}

/* ---------- legacy page bodies: one palette, one accent ---------- */
body.rd-legacy{background:var(--sheet);color:var(--ink)}
body.rd-legacy main{padding-top:0}
body.rd-legacy .page-hero,body.rd-legacy .sub-hero{background:linear-gradient(180deg,#fff 0%,var(--paper) 100%)!important;color:var(--ink)!important}

/* pricing page restyle (pv2 markup kept; light hero, CRM tokens) */
.pv2-page{--line:#E6E8EE;--card-line:#E6E8EE}
.pv2-page .pv2-hero{background:linear-gradient(180deg,#fff 0%,var(--paper) 100%);color:var(--ink);padding:72px 0 64px}
.pv2-page .pv2-hero::after{background:radial-gradient(circle,color-mix(in srgb,var(--accent) 10%,transparent),transparent 65%)}
.pv2-page .pv2-title{color:var(--ink);font-size:clamp(2.4rem,4.8vw,3.9rem)}
.pv2-page .pv2-lead{color:var(--ink-soft)}
.pv2-page .pv2-hero-note{color:var(--faint)}
.pv2-page .pv2-aud{background:var(--chip);border:1px solid var(--line)}
.pv2-page .pv2-aud button{color:var(--ink-soft)}
.pv2-page .pv2-aud button:hover:not(.is-active){color:var(--ink)}
.pv2-page .pv2-aud button.is-active{background:#fff;color:var(--ink);box-shadow:var(--shadow)}
.pv2-page .btn{border-radius:var(--r-sm)}
.pv2-page .btn-teal{background:var(--accent);box-shadow:0 1px 2px rgba(10,117,104,.3)}
.pv2-page .btn-teal:hover{transform:none;background:var(--accent-hover)}
.pv2-page .pv2-hero .btn-ghost{color:var(--ink);border-color:var(--line);background:#fff}
.pv2-page .pv2-hero .btn-ghost:hover{background:var(--paper)}
.pv2-page .btn-secondary{color:var(--ink);border-color:var(--line);background:#fff}
.pv2-page .btn-secondary:hover{background:var(--paper);color:var(--ink);transform:none}
.pv2-page .pv2-packages{background:var(--paper)}
.pv2-page .pv2-card{border-radius:var(--r);box-shadow:var(--shadow)}
.pv2-page .pv2-card.is-rec{border:2px solid var(--accent);box-shadow:var(--shadow-pop)}
.pv2-page .cta-gate,.pv2-page .cta-banner{background:linear-gradient(135deg,var(--navy) 0%,#0F3A4A 100%)}
.pv2-moved{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between;padding:28px 32px}
.pv2-moved h2{font:700 24px/1.2 var(--f-head);color:var(--ink);margin:0 0 6px}
.pv2-moved p{color:var(--ink-soft);margin:0}

/* ---------- mobile ---------- */
@media (max-width:1080px){
  .rd-nav{gap:18px}
  .rd-header-in{gap:22px}
}
@media (max-width:980px){
  :root{--sec:76px}
  .rd-wrap,.rd-header-in{padding:0 20px}
  .rd-nav,.rd-actions{display:none}
  .rd-burger{display:flex}
  .rd-header-in{height:64px}
  .rd-hero{padding-top:52px}
  .rd-hero .rd-shot{margin-top:44px}
  .rd-lede{font-size:17px}
  .rd-hero-ctas .rd-btn{width:100%}
  .rd-facts{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:12px 14px;font-size:14px}
  .rd-sec-head,.rd-aud,.rd-feat,.rd-feat.flip,.rd-founder,.rd-cta,.rd-notes3,.rd-tgrid,.rd-write,.rd-steps{grid-template-columns:1fr}
  .rd-sec-head{gap:16px;margin-bottom:36px}
  .rd-feat{gap:32px;padding:44px 0}
  .rd-feat.flip .rd-txt{order:0}
  .rd-feat h3{font-size:26px}
  .rd-aud ul{grid-template-columns:1fr}
  .rd-aud .rd-card{padding:28px}
  .rd-mods{grid-template-columns:1fr 1fr}
  .rd-mod{padding:20px}
  .rd-plans{grid-template-columns:1fr;gap:24px}
  .rd-plan .rd-for{min-height:0}
  .rd-founder img{max-width:220px}
  .rd-founder blockquote{font-size:23px}
  .rd-cta{padding:40px 24px;border-radius:16px}
  .rd-cta-btns{justify-content:stretch}
  .rd-cta-btns .rd-btn{width:100%}
  .rd-fgrid{grid-template-columns:1fr 1fr}
  .rd-fgrid > div:first-child,.rd-fgrid > div:last-child{grid-column:1/-1}
  .rd-fbot{flex-direction:column}
  .rd .form-row{grid-template-columns:1fr}
  .rd .contact-form{padding:22px}
  .rd-logos ul{gap:16px 28px}
  .rd-logos li,.rd-logos img{height:44px}
  .rd-logo-ph{height:44px;min-width:110px}
}
@media (max-width:600px){
  .rd-shot .rd-d{display:none}
  .rd-shot .rd-m{display:grid}
  .rd-shot img.rd-m{display:block}
}
@media (max-width:420px){ .rd-mods{grid-template-columns:1fr} }

/* Savings chip while prices are TBD: shown as a visible placeholder, never a claim */
.k52-save-chip.k52-save-ph{background:#FFF0D6;color:#8A4B00;border:1px solid #F2D29B;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;margin-left:0}
/* Draft only: one-time setup fee next to each monthly price, same type size. */
.rd-price.k52-setup-line{margin-top:6px}
.pv2-price.k52-setup-line{margin-top:4px}
.pv2-onetime.k52-setup-total{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;border:0;padding:4px 0 0;font-size:inherit}
.pv2-onetime.k52-setup-total>span:first-child{font-weight:600}
.pv2-onetime.k52-setup-total strong{font:800 2.4rem 'Archivo',sans-serif;letter-spacing:-.03em;color:#fff}
.pv2-onetime.k52-setup-total[hidden]{display:none}
.k52-setup-line small{display:block;white-space:nowrap;margin-top:2px}
.pv2-price.k52-setup-line{flex-wrap:wrap}
.pv2-price.k52-setup-line .pv2-per{flex-basis:100%;white-space:nowrap;margin-left:0}
.k52-ph[hidden]{display:none!important}
.pv2-onetime.k52-setup-total .k52-build-line{flex-basis:100%;margin:6px 0 0;font-size:.9rem;font-weight:400}
.pv2-onetime.k52-setup-total .k52-build-line strong{font-size:.9rem;font-weight:700;line-height:1.5;font-family:inherit;letter-spacing:0;color:inherit}
.k52-build-setup{display:block;white-space:nowrap;font-size:1em;font-weight:inherit;line-height:inherit;margin-top:.15em}
/* plus_setup badge: keep "+ $299 CRM setup" on one line, same size as the price.
   Above 720px the badge widens to fit both lines at full size (2.1rem). At 720px
   and below it scales the type to the badge width (container units). */
@media (min-width:721px){
  .price-badge:has(.k52-build-setup){width:364px;max-width:364px}
}
@media (max-width:720px){
  .price-badge:has(.k52-build-setup){container-type:inline-size}
  .price:has(.k52-build-setup){font-size:min(2.1rem,10.8cqi)}
}

/* Oct 24, 2026 lineup: JS-only bits stay hidden until redesign.js shows them. */
.rd-toggle-row[hidden],.k52-save-chip[hidden],[data-plan][hidden]{display:none!important}
.k52-offer-note{font-size:13px;font-weight:600;color:var(--ink-soft)}
@media (min-width:981px){ .rd-plans.rd-plans-3{grid-template-columns:repeat(3,1fr)} }
.rd-also{margin:20px 0 0;text-align:center;font-size:15px;color:var(--ink);line-height:1.6}
.rd-also b{font-family:var(--f-head)}
.rd-also-sep{color:var(--ink-soft);margin:0 6px}
.rd-notes3.rd-notes-build{grid-template-columns:1fr}
/* Oct 26, 2026 (Mitchell): the one-time setup under a price is small, muted
   text, never price-sized. Monthly and yearly, every width. */
.rd-price.k52-setup-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 4px;margin-top:8px;font:600 13px/1.4 var(--f-body);letter-spacing:0;color:var(--ink-soft)}
.k52-setup-line small{display:inline;margin:0;font:500 13px/1.4 var(--f-body);color:var(--ink-soft);white-space:nowrap}
.k52-build-setup{font-family:var(--f-body,'Inter',sans-serif);font-size:max(.42em,13px);font-weight:600;letter-spacing:0;line-height:1.4;opacity:.72;margin-top:.35em}
/* Four plan cards (home, nonprofits, small business): 4 across, 2x2, then stacked. */
.rd-plan{container-type:inline-size}
.rd-plan .rd-price:not(.k52-setup-line){font-size:min(44px,22cqi)}
@media (min-width:601px) and (max-width:1180px){ .rd-plans.rd-plans-4{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:600px){ .rd-plans.rd-plans-4{grid-template-columns:minmax(0,1fr)} }
/* 320px: long quiet buttons wrap instead of pushing the page sideways (Oct 26) */
@media (max-width:360px){.rd-btn{white-space:normal;max-width:100%;text-align:center;height:auto;min-height:48px;padding-top:10px;padding-bottom:10px;line-height:1.25}}

/* FAQ support answer: Nonprofit / Business wording (Oct 26, 2026). Without JS
   the toggle hides and the nonprofit wording shows, same as pricing. */
#support-times .faq-aud{margin:2px 0 12px}
html:not(.js) #support-times .faq-aud,
html:not(.js) #support-times [data-audience-content="business"]{display:none}