@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap");

/* Farmland Stocks — LandCo visual system. Shared by every page. */

:root {
  color-scheme: light;
  --ink: #141414;
  --field: #2f4a2a;
  --deep: #141414;
  --orange: #a47700;
  --soil: #a47700;
  --olive: #6b6b66;
  --bone: #faf8f3;
  --mist: #e6e2d8;
  --gold: #fec015;
  --ground: #faf8f3;
  --surface: #fff;
  --text: #141414;
  --text-2: #6b6b66;
  --rule: #e6e2d8;
  --on-deep: #fff;
  --on-deep-2: #d9d9d4;
  --rule-deep: #41413c;
  --display: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --body: var(--display);
  --mono: var(--display);
  --t-display: clamp(2.4rem, 5.5vw, 4.6rem);
  --t-h2: clamp(1.6rem, 3vw, 2.25rem);
  --t-h3: 1.15rem;
  --t-lead: 1.12rem;
  --t-body: 1rem;
  --t-cap: .78rem;
  --radius: 10px;
  --shadow: 0 1px 2px rgb(20 20 20 / 6%), 0 8px 24px rgb(20 20 20 / 6%);
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--ground);
  color: var(--text);
  font-family: var(--body);
  font-size: var(--t-body);
  line-height: 1.62;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img { max-width: 100%; }

.wrap { max-width: 1060px; margin: 0 auto; padding-inline: 22px; }
.narrow { max-width: 680px; }

/* ---------- type ---------- */
h1, h2, h3, h4 {
  font-family: var(--display); letter-spacing: -0.02em;
  text-wrap: balance; margin: 0;
}
h1, .display  { font-weight: 800; font-size: var(--t-display); line-height: 1.0; }
h2, .display-2 { font-weight: 800; font-size: var(--t-h2); line-height: 1.05; }
h3 { font-weight: 700; font-size: var(--t-h3); line-height: 1.16; letter-spacing: -0.015em; }
h4 { font-weight: 700; font-size: 1.05rem; letter-spacing: -0.01em; }

/* The old stylesheet set headline emphasis in italic serif. The brand
   marks emphasis with Harvest Orange instead: one highlighted word. */
h1 em, h2 em, h3 em, .display em, .display-2 em { font-style: normal; color: var(--orange); }

p { margin: 0 0 18px; max-width: 64ch; }
p:last-child { margin-bottom: 0; }
.lede { font-size: var(--t-lead); line-height: 1.5; color: var(--text-2); max-width: 58ch; }
.hot { color: var(--orange); }
strong, b { font-weight: 600; }

a { color: var(--deep); }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible {
  outline: 2px solid var(--orange); outline-offset: 2px;
}

.fine, .note {
  font-family: var(--mono); font-size: 0.68rem; line-height: 1.75;
  color: var(--text-2); max-width: 92ch;
}

/* ---------- header ---------- */
.site-header { background: var(--bone); border-bottom: 1px solid var(--mist); }
.header-inner {
  max-width: 1060px; margin: 0 auto; padding: 16px 22px;
  display: flex; align-items: center; justify-content: space-between;
  gap: 18px; flex-wrap: wrap;
}
.logo { display: block; line-height: 0; }
.logo img { width: 112px; height: auto; display: block; }
.main-nav { display: flex; align-items: center; gap: clamp(14px, 2.4vw, 26px); flex-wrap: wrap; }
.main-nav a {
  font-family: var(--mono); font-size: var(--t-cap); font-weight: 600;
  letter-spacing: 0.1em; text-transform: uppercase;
  color: rgba(10, 10, 10, 0.72); text-decoration: none;
}
.main-nav a:hover { color: var(--orange); }
.main-nav a.active { color: var(--orange); }

/* ---------- buttons ---------- */
.btn {
  display: inline-block; font-family: var(--display); font-weight: 700;
  font-size: 0.94rem; letter-spacing: -0.01em; text-decoration: none;
  padding: 14px 26px; border: 2px solid transparent; cursor: pointer;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
}
.btn-solid { background: var(--orange); color: #FFFFFF; }
.btn-solid:hover { background: var(--soil); }
.btn-ghost { border-color: currentColor; color: inherit; background: none; }
.btn-ghost:hover { background: var(--ink); color: var(--bone); border-color: var(--ink); }
.dark .btn-ghost:hover, .cta .btn-ghost:hover {
  background: var(--bone); color: var(--ink); border-color: var(--bone);
}
.btn-sm { padding: 10px 18px; font-size: 0.85rem; }
.hero-ctas, .btns { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 30px; }

.arrow-link {
  font-family: var(--mono); font-size: var(--t-cap); font-weight: 600;
  letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--deep); text-decoration: none; border-bottom: 2px solid var(--orange);
  padding-bottom: 3px;
}
.arrow-link:hover { color: var(--orange); }
.arrow-link::after { content: " \2192"; }

/* ---------- hero ---------- */
.hero { padding-block: 80px 0; background: var(--ground); }
.hero .display { max-width: 15ch; }
.hero .lede { margin-top: 24px; }
.hero-img, .hero-scrim { display: none; }  /* photography moved to .photo-band */
.hero-sub { padding-block: 62px 0; background: var(--ground); }
.hero-sub .display { max-width: 17ch; }

/* the tape: a quote line of the economics, set like a market page */
.hero-stats { margin-top: 52px; }
.hero-stats-inner, .tape {
  border-top: 2px solid var(--ink); border-bottom: 1px solid var(--rule);
  display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  max-width: 1060px; margin: 0 auto; padding-inline: 22px;
}
.tape { padding-inline: 0; }
.hstat, .tape > div {
  padding: 16px 20px 18px; border-right: 1px solid var(--rule);
}
.hstat:last-child, .tape > div:last-child { border-right: none; }
.hstat .num, .tape dd {
  margin: 0; font-family: var(--display); font-weight: 800;
  font-size: 1.5rem; letter-spacing: -0.02em; font-variant-numeric: tabular-nums;
  order: 2;
}
.hstat .what, .tape dt {
  font-family: var(--mono); font-size: var(--t-cap); font-weight: 600;
  letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-2);
  margin-bottom: 7px; line-height: 1.5; order: 1;
}
.hstat { display: flex; flex-direction: column; }
.tape .net dd { color: var(--orange); }

/* ---------- sections ---------- */
.chapter { padding-block: 80px; background: var(--ground); }
.chapter.dark, .cta { background: var(--deep); color: var(--on-deep); }
.chapter.dark p, .cta p, .chapter.dark .lede, .cta .lede { color: var(--on-deep-2); }
.chapter.dark h1, .chapter.dark h2, .chapter.dark h3,
.cta h1, .cta h2, .cta h3 { color: var(--on-deep); }
.chapter + .chapter { border-top: 1px solid var(--rule); }
.chapter.dark + .chapter, .chapter + .chapter.dark { border-top: none; }

/* The old layout reserved a left rail for a section number and an eyebrow.
   Both are gone: headings open their own sections. */
.chapter-grid { display: block; }
.chapter-index { display: none; }
.chapter-body { max-width: none; }

.duo, .split {
  display: grid; grid-template-columns: 1.05fr 0.95fr;
  gap: 54px; align-items: start; margin-top: 30px;
}
@media (max-width: 820px) {
  .duo, .split { grid-template-columns: 1fr; gap: 36px; }
}
.aside { position: sticky; top: 26px; }
@media (max-width: 820px) { .aside { position: static; } }

/* ---------- the big figure ---------- */
.figure { margin: 0 0 28px; }
.figure .n {
  font-family: var(--display); font-weight: 800; letter-spacing: -0.03em;
  font-size: clamp(3.2rem, 11vw, 5.6rem); line-height: 0.92;
  background: linear-gradient(100deg, var(--orange), var(--soil));
  -webkit-background-clip: text; background-clip: text; color: transparent;
  font-variant-numeric: tabular-nums;
}
.figure .cap {
  font-family: var(--mono); font-size: var(--t-cap); font-weight: 600;
  letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-2);
  margin-top: 12px; max-width: 34ch; line-height: 1.7;
}

/* ---------- ledger ---------- */
.ledger { background: var(--surface); border: 1px solid var(--rule); }
.dark .ledger, .cta .ledger {
  background: rgba(247, 245, 240, 0.06); border-color: var(--rule-deep);
}
.ledger .head {
  font-family: var(--mono); font-size: var(--t-cap); font-weight: 600;
  letter-spacing: 0.12em; text-transform: uppercase;
  padding: 13px 22px; background: var(--ink); color: var(--bone);
}
.dark .ledger .head { background: var(--bone); color: var(--ink); }
.ledger table { width: 100%; border-collapse: collapse; }
.ledger td {
  padding: 12px 22px; border-bottom: 1px solid var(--rule);
  font-size: 0.95rem; vertical-align: baseline;
}
.dark .ledger td { border-bottom-color: var(--rule-deep); }
.ledger tr:last-child td { border-bottom: none; }
.ledger td:last-child {
  text-align: right; white-space: nowrap; font-family: var(--mono);
  font-weight: 600; font-variant-numeric: tabular-nums;
}
.ledger .open td { background: rgba(88, 153, 113, 0.10); }
.ledger .open td:last-child { color: var(--soil); font-size: 1.05rem; }
.ledger tr.total td, .ledger .sum td { border-top: 2px solid var(--field); font-weight: 600; }
.ledger tr.total td:last-child, .ledger .sum td:last-child { color: var(--soil); font-size: 1.05rem; }
/* On deep green, Harvest Orange drops under 3:1. The emphasised rows sit on
   a bone plaque so the accent stays legible against it. */
.dark .ledger .open td, .dark .ledger tr.total td, .dark .ledger .sum td {
  background: var(--bone); color: var(--ink); border-bottom-color: var(--mist);
}
.dark .ledger .open td:last-child,
.dark .ledger tr.total td:last-child,
.dark .ledger .sum td:last-child { color: var(--orange); }
.dark .ledger tr.total td, .dark .ledger .sum td { border-top: 2px solid var(--orange); }
.ledger .note, .ledger .foot {
  padding: 16px 22px; border-top: 1px solid var(--rule); margin: 0;
  font-family: var(--mono); font-size: 0.68rem; line-height: 1.7; color: var(--text-2);
}
.dark .ledger .note, .dark .ledger .foot {
  border-top-color: var(--rule-deep); color: var(--on-deep-2);
}

/* ---------- pull quote ---------- */
.pull {
  border-left: 3px solid var(--orange); padding: 4px 0 4px 22px; margin: 26px 0;
}
.pull p {
  font-family: var(--display); font-weight: 700; font-size: 1.14rem;
  line-height: 1.38; letter-spacing: -0.015em; margin: 0;
}

/* ---------- lists ---------- */
.copy ul, .chapter-body > ul { padding-left: 1.15em; }
.copy li, .chapter-body > li { margin-bottom: 10px; }

.gains {
  list-style: none; padding: 0; margin: 32px 0 0;
  display: grid; gap: 1px; background: var(--rule); border: 1px solid var(--rule);
}
.gains li { background: var(--ground); padding: 18px 22px; margin: 0; }
.gains b { font-family: var(--display); font-weight: 700; letter-spacing: -0.01em; }

/* ---------- numbered process steps ---------- */
.panels, .steps {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 0; margin-top: 38px; border-top: 2px solid var(--olive);
}
.panel, .gstep, .catch > div {
  padding: 26px 26px 30px; border-right: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
}
.panel:last-child, .gstep:last-child, .catch > div:last-child { border-right: none; }
.panel h3, .gstep h3, .catch h3 { font-size: 1.1rem; margin-bottom: 10px; }
.panel p, .gstep p, .catch p { font-size: 0.95rem; color: var(--text-2); margin: 0; }
.catch {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  margin-top: 38px; border-top: 2px solid var(--olive);
}
.ghost {
  display: block; font-family: var(--mono); font-weight: 600;
  font-size: var(--t-cap); letter-spacing: 0.14em; color: var(--orange);
  margin-bottom: 12px;
}
.dark .panel, .dark .gstep { border-color: var(--rule-deep); }
.dark .panel p, .dark .gstep p { color: var(--on-deep-2); }

/* ---------- long list rows ---------- */
.longlist-row {
  display: grid; grid-template-columns: 54px 1fr; gap: 6px 18px;
  padding: 26px 0; border-bottom: 1px solid var(--rule);
}
.longlist-row .no {
  font-family: var(--mono); font-weight: 600; font-size: var(--t-cap);
  letter-spacing: 0.12em; text-transform: uppercase; color: var(--orange);
  padding-top: 7px;
}
.longlist-row h3 { grid-column: 2; font-size: 1.16rem; }
.longlist-row p { grid-column: 2; margin: 8px 0 0; color: var(--text-2); }
.dark .longlist-row { border-bottom-color: var(--rule-deep); }
.dark .longlist-row p { color: var(--on-deep-2); }

/* ---------- FAQ ---------- */
details {
  border-bottom: 1px solid var(--rule); padding: 20px 0;
}
summary {
  font-family: var(--display); font-weight: 700; font-size: 1.06rem;
  letter-spacing: -0.01em; cursor: pointer; list-style: none;
  display: flex; justify-content: space-between; align-items: center; gap: 18px;
}
summary::-webkit-details-marker { display: none; }
summary::after {
  content: "+"; font-family: var(--mono); font-weight: 600;
  color: var(--orange); font-size: 1.2rem; flex: 0 0 auto;
}
details[open] summary::after { content: "\2212"; }
.faq-body { margin-top: 14px; color: var(--text-2); max-width: 66ch; }
.dark details { border-bottom-color: var(--rule-deep); }
.dark .faq-body { color: var(--on-deep-2); }

/* ---------- calculator / portal callout ---------- */
.tool-cta {
  display: grid; grid-template-columns: 1fr auto; gap: 22px 34px; align-items: center;
  background: var(--surface); border: 1px solid var(--rule);
  border-left: 3px solid var(--orange); padding: 28px 30px; margin-top: 12px;
}
@media (max-width: 720px) { .tool-cta { grid-template-columns: 1fr; } }
.tool-cta h3 { font-size: 1.24rem; margin-bottom: 8px; }
.tool-cta p { margin: 0; color: var(--text-2); font-size: 0.97rem; }

/* ---------- photo band ---------- */
.photo-band { position: relative; overflow: hidden; background: var(--ink); }
.photo-band .bg {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; opacity: 0.4;
}
.photo-band .scrim {
  position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(10,10,10,0.86), rgba(10,10,10,0.42));
}
.photo-band .wrap { position: relative; padding-block: 96px; }
.photo-band blockquote {
  margin: 0; max-width: 24ch; color: var(--bone);
  font-family: var(--display); font-weight: 800; letter-spacing: -0.02em;
  font-size: clamp(1.6rem, 4vw, 2.5rem); line-height: 1.12;
}
.photo-band cite {
  display: block; margin-top: 22px; font-style: normal;
  font-family: var(--mono); font-size: var(--t-cap); font-weight: 600;
  letter-spacing: 0.1em; text-transform: uppercase; color: var(--field);
}

/* ---------- testimonials ---------- */
.testis {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 26px; margin-top: 36px;
}
.testi { background: var(--surface); border: 1px solid var(--rule); padding: 26px 28px; }
.testi .mark { display: none; }
.testi blockquote { margin: 0; font-size: 1rem; line-height: 1.55; }
.testi cite {
  display: block; margin-top: 16px; font-style: normal;
  font-family: var(--mono); font-size: var(--t-cap); font-weight: 600;
  letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-2);
}

/* ---------- insights cards ---------- */
.card-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1px; background: var(--rule); border: 1px solid var(--rule); margin-top: 34px;
}
.post-card {
  display: block; background: var(--ground); padding: 28px 28px 32px;
  text-decoration: none; color: inherit;
}
.post-card:hover { background: var(--surface); }
.post-card .kind {
  display: block; font-family: var(--mono); font-size: var(--t-cap); font-weight: 600;
  letter-spacing: 0.12em; text-transform: uppercase; color: var(--orange); margin-bottom: 14px;
}
.post-card h3 { font-size: 1.2rem; margin-bottom: 10px; }
.post-card p { font-size: 0.95rem; color: var(--text-2); margin: 0; }

/* ---------- podcast episodes ---------- */
.episode-list { margin-top: 34px; border-top: 2px solid var(--ink); }
.episode {
  display: grid; grid-template-columns: 66px 1fr; gap: 4px 20px;
  padding: 24px 0; border-bottom: 1px solid var(--rule);
}
.episode-num {
  font-family: var(--mono); font-weight: 600; font-size: var(--t-cap);
  letter-spacing: 0.1em; color: var(--orange); padding-top: 6px;
}
.episode-main { grid-column: 2; }
.episode-main a { color: inherit; text-decoration: none; }
.episode-main a:hover { color: var(--orange); }
.episode-main h3 { font-size: 1.14rem; }
.episode-meta {
  font-family: var(--mono); font-size: var(--t-cap); font-weight: 600;
  letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-2);
  margin-top: 8px;
}
/* Date and length are separate spans; put a dot between them. */
.episode-meta span + span::before { content: "\00B7"; margin-inline: 10px; }
.episode-desc { margin-top: 10px; color: var(--text-2); font-size: 0.95rem; max-width: 70ch; }
.subscribe-row { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 28px; }
.empty-state { color: var(--text-2); margin-top: 30px; }

/* ---------- article prose ---------- */
.prose { max-width: 66ch; }
.prose h2 { font-size: clamp(1.5rem, 3.2vw, 2rem); margin: 44px 0 14px; }
.prose h3 { font-size: 1.2rem; margin: 30px 0 10px; }
.prose ul, .prose ol { padding-left: 1.15em; }
.prose li { margin-bottom: 10px; }

/* ---------- form ---------- */
.legacy-form, .form { display: flex; flex-direction: column; gap: 3px; }
.legacy-form label, .form label {
  font-family: var(--mono); font-size: var(--t-cap); font-weight: 600;
  letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-2); margin-top: 17px;
}
.dark .legacy-form label, .dark .form label { color: var(--on-deep-2); }
.legacy-form input, .legacy-form select, .form input {
  font-family: var(--body); font-size: 1rem; color: var(--ink);
  background: var(--bone); border: 1px solid var(--mist); padding: 13px 14px; width: 100%;
}
.dark .legacy-form input, .dark .legacy-form select, .dark .form input { border-color: transparent; }
.legacy-form input:focus, .legacy-form select:focus, .form input:focus {
  outline: none; border-color: var(--orange); box-shadow: 0 0 0 3px rgba(217, 114, 10, 0.3);
}
.legacy-form .form-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; }
.legacy-form .form-row > div { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.legacy-form select { appearance: none; border-radius: 0; cursor: pointer; }
.legacy-form button, .form button { margin-top: 26px; width: 100%; font-size: 1rem; }

/* ---------- footer ---------- */
/* One short white strip: logo, links, phone, then the disclaimer in small type. */
.site-footer { background: var(--surface); color: var(--text); border-top: 1px solid var(--rule); padding-block: 22px 0; }
.site-footer .wrap { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 28px; }
.site-footer .wrap > a img { width: 96px; height: auto; display: block; }
.footer-links { display: flex; flex-wrap: wrap; gap: 8px 20px; }
.footer-links a {
  font-family: var(--mono); font-size: var(--t-cap); font-weight: 600;
  letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-2); text-decoration: none;
}
.footer-links a:hover { color: var(--orange); }
.footer-links a[href^="tel:"] { color: var(--deep); }
.footer-bottom {
  max-width: 1060px; margin: 16px auto 0; padding: 12px 22px 20px;
  border-top: 1px solid var(--rule);
  font-family: var(--mono); font-size: 0.62rem; line-height: 1.6; color: var(--text-2);
}

/* ---------- misc ---------- */
.grain { background-image: none; }  /* the old noise texture is not in the guide */
.scroller { overflow-x: auto; }
table.changes { width: 100%; border-collapse: collapse; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; }
}

/* ============================================================
   Components carried over from the previous markup vocabulary.
   Same class names, restyled on the guide.
   ============================================================ */

/* hero wrapper (the photo + scrim it used to sit on are disabled above) */
.hero-content { position: static; }

/* the big statistic, same treatment as .figure .n */
.mega {
  font-family: var(--display); font-weight: 800; letter-spacing: -0.03em;
  font-size: clamp(3rem, 9vw, 4.75rem); line-height: 0.94;
  background: linear-gradient(100deg, var(--orange), var(--soil));
  -webkit-background-clip: text; background-clip: text; color: transparent;
  font-variant-numeric: tabular-nums;
}
.mega-caption {
  font-family: var(--mono); font-size: var(--t-cap); font-weight: 600;
  letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-2);
  margin-top: 14px; max-width: 36ch; line-height: 1.7;
}
.dark .mega-caption { color: var(--on-deep-2); }

/* two-column band: figure on one side, argument on the other */
.band-2col {
  display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 54px; align-items: start;
}
@media (max-width: 820px) { .band-2col { grid-template-columns: 1fr; gap: 32px; } }
.side { min-width: 0; }

/* numbered process row + long list share the step vocabulary */
.ghost-steps {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  margin-top: 38px; border-top: 2px solid var(--olive);
}
.longlist { margin-top: 34px; border-top: 2px solid var(--ink); }
.dark .longlist { border-top-color: var(--bone); }

/* FAQ wrapper */
.faq { margin-top: 30px; border-top: 1px solid var(--rule); }
.dark .faq { border-top-color: var(--rule-deep); }

/* panel colour variants: the guide keeps orange as a signal, so the three
   audience panels are separated by rule and weight, not by three fills. */
.panel-dark, .panel-light, .panel-gold { background: transparent; }
.panel-dark .btn, .panel-light .btn, .panel-gold .btn { margin-top: 18px; }
.btn-dark { background: var(--ink); color: var(--bone); }
.btn-dark:hover { background: var(--deep); }

/* insights card meta */
.meta {
  display: block; margin-top: 16px;
  font-family: var(--mono); font-size: var(--t-cap); font-weight: 600;
  letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-2);
}

/* long-form article */
.article { max-width: 720px; }
.article-body { font-size: 1.09rem; line-height: 1.68; }
.article-body > p { max-width: 66ch; }
.article-body h2 { font-size: clamp(1.5rem, 3.2vw, 2rem); margin: 46px 0 14px; }
.article-body h3 { font-size: 1.2rem; margin: 32px 0 10px; }
.article-body ul, .article-body ol { padding-left: 1.15em; max-width: 66ch; }
.article-body li { margin-bottom: 10px; }

/* fine print */
.disclaimer {
  font-family: var(--mono); font-size: 0.68rem; line-height: 1.8;
  color: var(--text-2); max-width: 88ch;
  border-top: 1px solid var(--rule); padding-top: 18px;
}

/* Narrow-width rails. Grid and flex children default to min-width:auto, which
   lets a long figure or an unbreakable word push the page wider than the
   screen; the ledger keeps its own scroller so the body never scrolls sideways. */
.duo > *, .split > *, .band-2col > *, .panels > *, .ghost-steps > *,
.tool-cta > *, .catch > *, .card-grid > *, .testis > * { min-width: 0; }
.ledger { overflow-x: auto; }
.article-body, .prose, .faq-body { overflow-wrap: break-word; }
@media (max-width: 460px) {
  .main-nav { gap: 10px 14px; }
  .btn { padding: 13px 20px; }
}

/* Legacy Review form: honeypot and submit feedback */
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.form-status {
  margin-top: 16px; font-family: var(--mono); font-size: 0.72rem; line-height: 1.7;
  border-left: 3px solid var(--field); padding-left: 12px; max-width: none;
}
.form-status.is-error { border-left-color: var(--orange); }
.dark .form-status { color: var(--on-deep); }

/* Mobile call bar: the phone number stays one tap away on every page. */
.call-bar { display: none; }
@media (max-width: 720px) {
  .call-bar {
    display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 50;
    padding: 14px 16px calc(14px + env(safe-area-inset-bottom));
    background: var(--field); color: var(--bone); text-align: center; text-decoration: none;
    font-family: var(--display); font-weight: 700; font-size: 1rem; letter-spacing: -0.01em;
  }
  body { padding-bottom: calc(52px + env(safe-area-inset-bottom)); }
}

/* Inputs and selects share one height so County and State line up. */
.legacy-form input, .legacy-form select { height: 50px; line-height: 1.4; box-sizing: border-box; }
.dark .note a { color: var(--on-deep); }

/* Closing call-to-action band on every page. */
.cta { padding-block: clamp(64px, 9vw, 112px); }
.cta p { max-width: 54ch; margin-top: 22px; }
.cta .hero-ctas { margin-top: 34px; }
.cta .fine { margin-top: 20px; }
.hero-sub .lede { margin-top: 22px; }

/* Legacy page closer: the headline and fine print use the full content width.
   The fine print flows into two columns when there is room, one on phones. */
.closing h2 { max-width: none; }
.closing-note {
  max-width: none; margin-top: clamp(28px, 4vw, 44px);
  padding-top: clamp(18px, 2.5vw, 26px); border-top: 1px solid var(--rule);
  columns: 2 340px; column-gap: clamp(28px, 4vw, 56px);
  font-size: clamp(0.68rem, 0.62rem + 0.2vw, 0.76rem);
}

/* Audience cards: headline, text, and button each share a row across the
   cards, so all three buttons line up whatever the copy length. */
.panels:has(> .panel .btn) { grid-auto-rows: auto; }
.panels > .panel:has(.btn) {
  display: grid; grid-row: span 3; grid-template-rows: subgrid; row-gap: 0; align-content: start;
}
.panels > .panel:has(.btn) .btn { align-self: end; justify-self: start; }
@media (max-width: 760px) { .panels > .panel { border-right: none; } }

/* The form sits in a .ledger box; give its fields the same inset as the note below. */
.ledger > .legacy-form { padding: 4px 22px 22px; }
.legacy-form select:disabled { opacity: 0.7; cursor: not-allowed; }

/* LandCo layout and components. */
html { scroll-behavior: smooth; scroll-padding-top: 140px; }
body { line-height: 1.55; }
[hidden] { display: none !important; }
.wrap, .header-inner, .footer-bottom { max-width: 1200px; padding-inline: 24px; }
.narrow { max-width: 740px; }
h1, h2, h3, h4 { line-height: 1.15; letter-spacing: -.02em; }
h1 em, h2 em, h3 em, .display em, .display-2 em { color: inherit; }
strong, b { font-weight: 700; }
a { color: inherit; }
a:focus-visible, button:focus-visible, summary:focus-visible,
input:focus-visible, select:focus-visible { outline: 3px solid var(--gold); outline-offset: 4px; }
.fine, .note, .disclaimer, .footer-bottom { font-size: .78rem; line-height: 1.7; }
.site-header { position: sticky; top: 0; z-index: 30; background: var(--ink); border: 0; color: #fff; }
.header-inner { min-height: 88px; gap: 24px; padding-block: 10px; flex-wrap: nowrap; }
.logo { flex: 0 0 102px; width: 102px; height: 68px; background: white; border-radius: 6px; overflow: hidden; }
.logo img { width: 102px; max-width: none; margin-top: -17px; }
.main-nav { gap: 18px; justify-content: flex-end; }
.main-nav a { color: #e0e0dc; font-family: var(--body); text-transform: none; letter-spacing: 0; font-size: .8rem; font-weight: 600; }
.main-nav a:hover, .main-nav a.active { color: var(--gold); }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; border-radius: 999px; padding: 12px 22px; line-height: 1.35; font-size: .9rem; font-weight: 700; letter-spacing: 0; text-align: center; transition: background .15s, transform .15s; }
.btn:hover { transform: translateY(-1px); }
.btn-solid, .main-nav .btn-solid { background: var(--gold); color: var(--ink); }
.btn-solid:hover, .main-nav .btn-solid:hover { background: #ffcd3c; color: var(--ink); }
.btn-ghost { border-color: var(--ink); color: var(--ink); }
.btn-ghost:hover { background: var(--ink); color: white; }
.hero .btn-ghost, .dark .btn-ghost, .cta .btn-ghost { border-color: #fff; color: #fff; }
.hero .btn-ghost:hover, .dark .btn-ghost:hover, .cta .btn-ghost:hover { background: #fff; color: var(--ink); }
.btn-sm { min-height: 38px; padding: 9px 14px; font-size: .78rem; white-space: nowrap; }
.hero { position: relative; display: grid; align-content: end; min-height: min(86vh, 760px); padding: 0; overflow: hidden; background: #1d2a1b; color: white; }
.hero-img { display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 55%; }
.hero-scrim { display: block; position: absolute; inset: 0; background: linear-gradient(90deg, rgb(0 0 0 / 75%), rgb(0 0 0 / 12%)), linear-gradient(0deg, rgb(0 0 0 / 70%), transparent 75%); }
.hero-content { position: relative; z-index: 1; width: 100%; padding-block: 80px 48px; }
.hero .display { max-width: 16ch; }
.hero .lede { color: #f0f0eb; max-width: 58ch; margin-top: 22px; font-size: 1.08rem; }
.hero em { color: var(--gold); }
.hero-ctas, .btns { gap: 12px; margin-top: 26px; }
.hero-stats { position: relative; z-index: 1; margin-top: 0; background: rgb(20 20 20 / 65%); border-top: 1px solid rgb(255 255 255 / 20%); }
.hero-stats-inner { max-width: 1200px; border: 0; }
.hstat { padding: 20px 24px; border-color: rgb(255 255 255 / 20%); gap: 5px; }
.hstat .num { color: var(--gold); order: 0; font-size: 1.65rem; }
.hstat .what { color: #e0e0d9; margin: 0; font-size: .76rem; letter-spacing: 0; text-transform: none; font-weight: 500; }
.hero-sub { padding-block: 64px 42px; border-bottom: 1px solid var(--line, #e6e2d8); }
.hero-sub .display { max-width: 22ch; font-size: clamp(2rem, 4.5vw, 3rem); }
.chapter { padding-block: 56px; }
.chapter-body > h2 { max-width: 30ch; }
.chapter.dark, .cta { background: var(--ink); }
.dark h2 em, .cta h2 em { color: var(--gold); }
.panels, .steps, .ghost-steps, .catch { gap: 22px; border: 0; margin-top: 28px; }
.panel, .catch > div { padding: 26px; background: white; border: 1px solid var(--rule); border-radius: var(--radius); box-shadow: var(--shadow); }
.panels > .panel:has(.btn) { row-gap: 16px; }
.panel h3 { margin: 0; font-size: 1.15rem; }
.panel p { font-size: .95rem; }
.panel .btn { margin-top: 4px; font-size: .8rem; padding-inline: 16px; }
.gstep { padding: 24px; border: 1px solid var(--rule); border-radius: var(--radius); background: var(--surface); }
.dark .gstep, .dark .panel { background: #22221f; border-color: #41413c; }
.dark .gstep h3, .dark .panel h3 { color: #fff; }
.ghost { display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--gold); color: var(--ink); font-size: 1rem; letter-spacing: 0; }
.duo, .split, .band-2col { gap: 40px; }
.figure .n, .mega { background: none; color: var(--ink); -webkit-text-fill-color: currentColor; font-size: clamp(3rem, 7vw, 5rem); }
.dark .figure .n, .dark .mega { color: var(--gold); }
.figure .cap, .mega-caption { text-transform: none; letter-spacing: 0; font-weight: 500; font-size: .86rem; line-height: 1.6; }
.ledger { border-radius: var(--radius); box-shadow: var(--shadow); }
.ledger .head { font-size: .8rem; letter-spacing: .04em; }
.ledger td:last-child { font-size: .88rem; }
.ledger .open td:last-child, .ledger .sum td:last-child, .ledger tr.total td:last-child { color: #745400; }
.ledger .note, .ledger .foot { font-size: .75rem; }
.gains { border-radius: var(--radius); overflow: hidden; }
.gains li { background: var(--surface); }
.tape { border-top-color: var(--gold); border-radius: var(--radius); background: white; overflow: hidden; }
.tape dt, .episode-meta, .meta, .testi cite { text-transform: none; letter-spacing: 0; font-size: .78rem; }
.longlist-row .no { color: #8b6500; }
.dark .longlist-row .no { color: var(--gold); }
.arrow-link { font-size: .85rem; letter-spacing: 0; text-transform: none; border-bottom-color: var(--gold); color: inherit; }
.arrow-link:hover { color: #8b6500; }
.dark .arrow-link:hover { color: var(--gold); }
.photo-band .wrap { padding-block: 80px; }
.photo-band cite { color: var(--gold); text-transform: none; letter-spacing: 0; }
.testis, .card-grid { gap: 22px; }
.testi, .post-card { border: 1px solid var(--rule); border-radius: var(--radius); background: white; box-shadow: var(--shadow); padding: 28px; }
.card-grid { background: transparent; border: 0; }
.post-card .kind { color: #8b6500; font-size: .75rem; letter-spacing: .04em; }
.episode-list { border-top-color: var(--gold); }
.episode { background: white; padding: 24px; margin-bottom: 14px; border: 1px solid var(--rule); border-radius: var(--radius); }
.episode-num { color: #8b6500; }
.tool-cta { border-radius: var(--radius); border-left-color: var(--gold); box-shadow: var(--shadow); }
summary::after { color: #8b6500; }
.dark summary::after { color: var(--gold); }
.legacy-form label, .form label { text-transform: none; font-size: .82rem; letter-spacing: 0; color: var(--text); }
.legacy-form input, .legacy-form select, .form input { border-radius: 6px; background: white; }
.legacy-form input:focus, .legacy-form select:focus, .form input:focus { border-color: #a47700; box-shadow: 0 0 0 3px rgb(254 192 21 / 25%); }
.legacy-form button, .form button { background: var(--gold); color: var(--ink); }
.site-footer { background: #141414; color: #fff; border-top: 1px solid #41413c; padding-top: 32px; }
.site-footer .wrap > a { background: #fff; border-radius: 6px; width: 102px; height: 68px; overflow: hidden; flex-shrink: 0; }
.site-footer .wrap > a img { width: 102px; margin-top: -17px; }
.footer-links { gap: 12px 22px; }
.footer-links a, .footer-links a[href^="tel:"] { color: #e0e0d9; text-transform: none; letter-spacing: 0; font-size: .8rem; }
.footer-links a:hover { color: var(--gold); }
.footer-bottom { border-color: #41413c; color: #c7c7c0; padding-block: 20px 28px; }
.cta { padding-block: 64px; }
.cta h2 { max-width: 22ch; font-size: clamp(2rem, 4.5vw, 3.2rem); }
.cta .fine { color: #d9d9d4; }
.call-bar { background: var(--gold); color: var(--ink); }
@media (max-width: 1100px) {
  .header-inner { flex-wrap: wrap; gap: 10px 18px; }
  .main-nav { flex: 1; gap: 10px 16px; }
}
@media (max-width: 820px) {
  .duo, .split, .band-2col { grid-template-columns: 1fr !important; gap: 28px; }
  .hero { min-height: 0; }
  .hero-content { padding-block: 64px 36px; }
  .hero .display { font-size: clamp(2.3rem, 7vw, 3.6rem); }
  .hero-stats-inner { padding-inline: 8px; }
  .hstat { padding: 18px 16px; }
  .chapter { padding-block: 42px; }
}
@media (max-width: 600px) {
  html { scroll-padding-top: 24px; }
  .site-header { position: relative; }
  .header-inner { gap: 12px; }
  .logo { flex-basis: 86px; width: 86px; height: 58px; }
  .logo img { width: 86px; margin-top: -14px; }
  .main-nav { justify-content: flex-start; gap: 10px 14px; }
  .main-nav a { font-size: .73rem; }
  .main-nav .btn { min-height: 32px; padding: 7px 12px; }
  .wrap, .header-inner, .footer-bottom { padding-inline: 20px; }
  .hero .lede { font-size: 1rem; }
  .hero-ctas .btn { width: 100%; }
  .hero-stats-inner { grid-template-columns: 1fr; padding-inline: 20px; }
  .hstat { display: grid; grid-template-columns: 100px 1fr; align-items: center; gap: 16px; border-right: 0; border-bottom: 1px solid rgb(255 255 255 / 15%); padding: 14px 0; }
  .hstat:last-child { border-bottom: 0; }
  .hstat .num { font-size: 1.35rem; }
  .hstat .what { font-size: .75rem; }
  .panels, .steps, .ghost-steps, .catch, .testis, .card-grid { grid-template-columns: 1fr; }
  .ledger td { padding: 12px; font-size: .85rem; }
  .episode { grid-template-columns: 38px 1fr; gap: 12px; padding: 18px; }
  .photo-band .wrap { padding-block: 60px; }
  .legacy-form .form-row { grid-template-columns: 1fr; }
  .cta { padding-block: 48px; }
}
/* Media players keep their controls inside narrow episode cards. */
.episode > *, .episode-main { min-width: 0; }
.episode audio, .episode iframe { width: 100%; max-width: 100%; }
.episode-desc, .episode-main h3 { overflow-wrap: anywhere; }

/* Airier light surfaces and a horizontal brand lockup. */
:root { --on-deep: #141414; --on-deep-2: #62625d; --rule-deep: #e6e2d8; }
body { background: #fff; }
.site-header { background: #fff; color: var(--ink); border-bottom: 1px solid var(--rule); }
.header-inner { min-height: 108px; padding-block: 18px; gap: 28px; }
.logo { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; width: auto; height: auto; overflow: visible; background: transparent; border-radius: 0; text-decoration: none; }
.logo-mark { position: relative; display: block; overflow: hidden; width: 58px; height: 64px; flex: 0 0 58px; }
.logo .logo-mark img { position: absolute; width: 164px; height: 164px; max-width: none; top: -32px; left: -53px; margin: 0; }
.logo-name { display: flex; flex-direction: column; gap: 5px; color: var(--ink); white-space: nowrap; line-height: 1; }
.logo-name strong { font-size: 23px; font-weight: 800; letter-spacing: .015em; }
.logo-name > span { font-size: 11px; font-weight: 600; letter-spacing: .17em; }
.main-nav { gap: 12px 16px; }
.main-nav a { color: #4b4b46; }
.main-nav a:hover, .main-nav a.active { color: #8b6500; }
.hero-content { padding-block: 90px 60px; }
.hero-stats { background: #fff; color: var(--ink); border-top: 0; }
.hero-stats-inner { padding-block: 12px; }
.hstat { border-color: var(--rule); padding-block: 24px; }
.hstat .num { color: var(--ink); }
.hstat .what { color: #62625d; }
.chapter { background: #fff; padding-block: 88px; }
.chapter.dark { background: var(--ground); }
.chapter.dark + .chapter, .chapter + .chapter.dark { border-top: 1px solid var(--rule); }
.chapter.dark h1, .chapter.dark h2, .chapter.dark h3, .cta h1, .cta h2, .cta h3 { color: var(--ink); }
.dark h2 em, .cta h2 em { color: inherit; }
.dark .panel, .dark .gstep { background: #fff; border-color: var(--rule); }
.dark .gstep h3, .dark .panel h3 { color: var(--ink); }
.dark .figure .n, .dark .mega { color: var(--ink); }
.panels, .steps, .ghost-steps, .catch, .testis { margin-top: 38px; gap: 28px; }
.panel, .gstep, .catch > div { padding: 32px; }
.duo, .split, .band-2col { gap: 56px; }
.dark .ledger { background: #fff; border-color: var(--rule); color: var(--ink); }
.dark .ledger .head { background: #f0eee6; color: var(--ink); }
.dark .ledger td { border-bottom-color: var(--rule); }
.dark .ledger .open td, .dark .ledger tr.total td, .dark .ledger .sum td { background: #faf8f3; }
.dark .ledger .open td:last-child, .dark .ledger tr.total td:last-child, .dark .ledger .sum td:last-child { color: #745400; }
.dark .btn-ghost, .cta .btn-ghost { border-color: var(--ink); color: var(--ink); }
.dark .btn-ghost:hover, .cta .btn-ghost:hover { background: var(--ink); color: white; border-color: var(--ink); }
.dark .longlist { border-top-color: var(--rule); }
.dark .longlist-row .no, .dark summary::after { color: #8b6500; }
.dark .arrow-link:hover { color: #8b6500; }
.dark .legacy-form label, .dark .form label { color: #4b4b46; }
.dark .legacy-form input, .dark .legacy-form select, .dark .form input { border-color: #d6d2c8; }
.dark .note a { color: var(--ink); }
.cta { background: #faf8f3; padding-block: 88px; border-top: 1px solid var(--rule); }
.cta p, .cta .lede, .cta .fine { color: #62625d; }
.site-footer { background: #fff; color: var(--ink); border-top: 1px solid var(--rule); padding-top: 40px; }
.footer-links a, .footer-links a[href^="tel:"] { color: #4b4b46; }
.footer-links a:hover { color: #8b6500; }
.footer-bottom { border-color: var(--rule); color: #62625d; padding-block: 24px 36px; }
@media (max-width: 1100px) {
  .header-inner { gap: 18px; }
  .main-nav { flex-basis: 100%; justify-content: flex-start; }
}
@media (max-width: 600px) {
  .header-inner { gap: 20px; padding-block: 20px; }
  .logo { width: auto; height: auto; flex-basis: auto; gap: 12px; }
  .logo-mark { width: 54px; height: 60px; flex-basis: 54px; }
  .logo .logo-mark img { width: 154px; height: 154px; top: -30px; left: -50px; }
  .logo-name strong { font-size: 24px; }
  .logo-name > span { font-size: 11px; }
  .main-nav { gap: 12px 16px; }
  .main-nav a { font-size: .76rem; }
  .hero-content { padding-block: 64px 48px; }
  .hero-stats-inner { padding-block: 8px; }
  .hstat { border-bottom-color: var(--rule); padding-block: 18px; }
  .chapter, .cta { padding-block: 56px; }
  .panel, .gstep, .catch > div { padding: 26px; }
  .duo, .split, .band-2col { gap: 32px; }
}
.site-footer .wrap > a.logo { width: auto; height: auto; overflow: visible; background: transparent; }
.site-footer .logo .logo-mark img { width: 164px; height: 164px; margin: 0; }
@media (max-width: 600px) {
  .site-footer .logo .logo-mark img { width: 154px; height: 154px; }
}

/* AI team workshop: scoped page styles. */
.ai-workshop{--ink:#141414;--muted:#62625d;--gold:#fec015;--accent:#8b6500;--line:#e6e2d8;--soft:#faf8f3;--paper:#fff;font-family:Montserrat,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);color-scheme:light;font-synthesis:none}
.ai-workshop,.ai-workshop *{box-sizing:border-box}
.ai-workshop{margin:0;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
.ai-workshop a{color:inherit;text-underline-offset:5px}
.ai-workshop a:hover{color:var(--accent)}
.ai-workshop a:focus-visible,.ai-workshop summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.ai-workshop p,.ai-workshop h1,.ai-workshop h2,.ai-workshop h3,.ai-workshop figure,.ai-workshop ul{margin:0}
.ai-workshop h1,.ai-workshop h2,.ai-workshop h3{letter-spacing:-.02em;line-height:1.15;text-wrap:balance}
.ai-workshop h1{font-size:clamp(44px,5.5vw,72px);font-weight:800;max-width:1110px;line-height:1.08}
.ai-workshop h1>span{display:block;margin-top:8px}
.ai-workshop h1 em{font-style:normal;background:linear-gradient(transparent 84%,var(--gold) 84%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.ai-workshop h2{font-size:clamp(30px,3vw,39px);font-weight:800;line-height:1.15}
.ai-workshop h3{font-size:22px;font-weight:700;line-height:1.25;letter-spacing:-.015em}
.ai-workshop p+p{margin-top:20px}
.ai-workshop .wrap{max-width:1200px;width:calc(100% - 48px);margin-left:auto;margin-right:auto}
.ai-workshop .reading{max-width:760px;width:calc(100% - 48px);margin-left:auto;margin-right:auto}
.ai-workshop .hero{padding:62px 0 60px}
.ai-workshop .hero-details{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:34px;align-items:start}
.ai-workshop .hero-summary{font-size:19px;line-height:1.6;margin:0 0 24px;color:var(--muted)}
.ai-workshop .hero-takeaways{border-left:4px solid var(--gold);padding-left:28px}
.ai-workshop .hero-takeaways h2{font-size:24px;line-height:1.3;margin-bottom:17px}
.ai-workshop .hero-takeaways ul{list-style:none;padding:0}
.ai-workshop .hero-takeaways li{font-size:15px;line-height:1.65;color:var(--muted)}
.ai-workshop .hero-takeaways li+li{margin-top:15px}
.ai-workshop .hero-takeaways strong{color:var(--ink)}
.ai-workshop .workshop-facts{display:flex;flex-direction:column;gap:4px;margin-bottom:26px}
.ai-workshop .workshop-facts strong{font-size:18px;font-weight:700;line-height:1.6}
.ai-workshop .workshop-facts>span{font-size:14px;color:var(--muted)}
.ai-workshop .button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;padding:14px 25px;background:var(--gold);color:var(--ink);border:2px solid transparent;border-radius:999px;font-size:15px;line-height:1.35;font-weight:700;text-decoration:none}
.ai-workshop .button span{font-size:22px;line-height:1}
.ai-workshop .button:hover{color:var(--ink);background:#ffcd3c}
.ai-workshop .button-note{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px}
.ai-workshop .letter,.ai-workshop .people,.ai-workshop .examples,.ai-workshop .fit,.ai-workshop .implementation{padding:56px 0 60px;border-top:1px solid var(--line)}
.ai-workshop .letter h2,.ai-workshop .people h2,.ai-workshop .examples h2,.ai-workshop .fit h2,.ai-workshop .implementation h2{margin-bottom:26px}
.ai-workshop .letter p,.ai-workshop .people p,.ai-workshop .fit p,.ai-workshop .implementation>p{font-size:18px;line-height:1.7}
.ai-workshop .offer{padding:52px 56px 42px;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:10px;background:var(--paper)}
.ai-workshop .offer-heading,.ai-workshop .deliverables,.ai-workshop .offer-extra,.ai-workshop .guarantee,.ai-workshop .offer-note,.ai-workshop .offer>.terms{max-width:760px;margin-left:auto;margin-right:auto}
.ai-workshop .offer-heading>.offer-price{font-size:40px;font-weight:800;letter-spacing:-.02em;line-height:1.25;margin-top:24px}
.ai-workshop .offer-price>span{display:block;font-size:14px;letter-spacing:0;line-height:1.6;font-weight:400;color:var(--muted);margin-top:6px}
.ai-workshop .offer-heading>p:last-child{font-size:17px;line-height:1.7;color:var(--muted);margin-top:24px}
.ai-workshop .deliverables{margin-top:32px;padding-left:25px}
.ai-workshop .deliverables li{padding:21px 0 22px 10px;border-top:1px solid var(--line)}
.ai-workshop .deliverables li::marker{color:var(--accent);font-size:20px}
.ai-workshop .deliverables h3{font-size:21px}
.ai-workshop .deliverables p{font-size:16px;line-height:1.65;color:var(--muted);margin-top:9px}
.ai-workshop .offer-extra{margin-top:18px;font-size:15px;line-height:1.7}
.ai-workshop .guarantee{margin-top:34px;padding:28px 30px;background:var(--soft);border-left:4px solid var(--gold);border-radius:0 8px 8px 0}
.ai-workshop .guarantee h3{font-size:27px;line-height:1.2}
.ai-workshop .guarantee>p{font-size:15px;line-height:1.7;margin-top:19px}
.ai-workshop .guarantee>.fine-print{font-size:12px;color:var(--muted);margin-top:15px}
.ai-workshop .offer-note{font-size:13px;line-height:1.65;color:var(--muted);margin-top:24px}
.ai-workshop .terms{margin-top:17px;font-size:14px;line-height:1.7}
.ai-workshop .terms summary{cursor:pointer;min-height:44px;align-content:center;text-decoration:underline;text-underline-offset:4px}
.ai-workshop .terms>p{padding-top:12px;color:var(--muted)}
.ai-workshop .people{border-top:0;padding-top:64px}
.ai-workshop .fine-print{font-size:12px;line-height:1.7;color:var(--muted)}
.ai-workshop .about{display:grid;grid-template-columns:1.45fr 1fr;gap:70px;padding:64px 0;border-top:1px solid var(--line)}
.ai-workshop .about h2{font-size:36px;margin-bottom:25px}
.ai-workshop .about p{font-size:16px;color:var(--muted)}
.ai-workshop .about .background{color:var(--ink)}
.ai-workshop .profile{max-width:300px;width:100%;justify-self:end;align-self:center}
.ai-workshop .profile img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:8px}
.ai-workshop .profile figcaption{font-size:13px;line-height:1.6;padding-top:12px;color:var(--muted)}
.ai-workshop .profile figcaption a{display:inline-flex;align-items:center;min-height:44px}
.ai-workshop .example{padding:22px 0;border-bottom:1px solid var(--line)}
.ai-workshop .example:last-of-type{border-bottom:0}
.ai-workshop .example p{font-size:16px;color:var(--muted);margin-top:10px}
.ai-workshop .example .case-result{font-size:21px;font-weight:700;line-height:1.5;color:var(--ink);border-left:3px solid var(--gold);padding-left:22px;margin-top:24px}
.ai-workshop .example .fine-print{font-size:12px;line-height:1.7;margin-top:19px}
.ai-workshop .other-builds{font-size:15px;line-height:1.7;color:var(--muted);margin-top:12px}
.ai-workshop .examples>.fine-print{margin-top:17px}
.ai-workshop .video-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:56px 0 64px;border-top:1px solid var(--line)}
.ai-workshop .video-copy h2{font-size:36px;margin-bottom:25px}
.ai-workshop .video-copy p{font-size:16px;color:var(--muted)}
.ai-workshop .intro-video{align-self:center;min-width:0}
.ai-workshop .video-placeholder{width:100%;aspect-ratio:16/9;min-height:230px;background:var(--soft);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;text-align:center;border:1px solid var(--line);border-radius:10px}
.ai-workshop .video-placeholder>p{font-size:24px;line-height:1.3;font-weight:700;letter-spacing:-.02em}
.ai-workshop .video-placeholder>span{display:block;font-size:12px;line-height:1.5;color:var(--accent);margin-top:19px}
.ai-workshop .intro-video figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:13px}
.ai-workshop .implementation>p+p{margin-top:18px}
.ai-workshop .implementation>p:not(.section-name){color:var(--muted)}
.ai-workshop .contact{background:var(--soft);border-top:1px solid var(--line);padding:64px 0}
.ai-workshop .contact-inner{display:grid;grid-template-columns:1.5fr 1fr;gap:70px}
.ai-workshop .contact h2{font-size:43px;max-width:700px}
.ai-workshop .contact-copy>p:not(.button-note){font-size:17px;color:var(--muted);margin:24px 0 27px;max-width:580px}
.ai-workshop .contact-person{display:flex;flex-direction:column;align-items:flex-start;align-self:center;font-size:15px;line-height:1.5;min-width:0}
.ai-workshop .contact-person strong{font-size:22px;font-weight:800;line-height:1.3;letter-spacing:-.02em}
.ai-workshop .contact-person>span{font-size:13px;color:var(--muted);margin-top:5px}
.ai-workshop .contact-person>p{font-size:13px;margin:21px 0 7px}
.ai-workshop .contact-person a{display:flex;align-items:center;min-height:44px;overflow-wrap:anywhere;max-width:100%}

@media(max-width:1000px){.ai-workshop .hero h1{font-size:clamp(42px,5.5vw,60px)}
.ai-workshop .hero-summary{font-size:18px}
.ai-workshop .hero-details{gap:38px}
.ai-workshop .about,.ai-workshop .video-section{gap:38px}
.ai-workshop .about h2,.ai-workshop .video-copy h2{font-size:33px}
.ai-workshop .contact-inner{gap:38px}
.ai-workshop .contact h2{font-size:37px}

}


@media(max-width:700px){.ai-workshop{font-size:16px}
.ai-workshop .wrap,.ai-workshop .reading{width:calc(100% - 48px)}
.ai-workshop .hero{padding:29px 0 38px}
.ai-workshop .hero h1{font-size:38px;line-height:1.1}
.ai-workshop .hero h1>span{margin-top:9px}
.ai-workshop .hero-details{display:flex;flex-direction:column;gap:30px;margin-top:23px}
.ai-workshop .hero-summary{font-size:15px;line-height:1.6;margin:0 0 19px}
.ai-workshop .hero-intro{width:100%}
.ai-workshop .hero-takeaways{padding-left:20px;border-left-width:3px}
.ai-workshop .hero-takeaways h2{font-size:21px;margin-bottom:15px}
.ai-workshop .hero-takeaways li{font-size:14px;line-height:1.65}
.ai-workshop .hero-takeaways li+li{margin-top:13px}
.ai-workshop .workshop-facts{display:flex;flex-direction:column;gap:3px;margin-bottom:22px}
.ai-workshop .workshop-facts strong{font-size:17px}
.ai-workshop .workshop-facts>span{font-size:13px}
.ai-workshop .button{display:flex;width:100%;min-height:56px;gap:12px;padding:14px 20px;font-size:13px}
.ai-workshop .button-note{font-size:11px;margin-top:11px}
.ai-workshop .letter,.ai-workshop .people,.ai-workshop .examples,.ai-workshop .fit,.ai-workshop .implementation{padding:36px 0 40px}
.ai-workshop .letter h2,.ai-workshop .people h2,.ai-workshop .examples h2,.ai-workshop .fit h2,.ai-workshop .implementation h2{font-size:29px;margin-bottom:23px}
.ai-workshop .letter p,.ai-workshop .people p,.ai-workshop .fit p,.ai-workshop .implementation>p{font-size:16px;line-height:1.75}
.ai-workshop .offer{padding:31px 23px 27px;width:calc(100% - 28px)}
.ai-workshop .offer h2{font-size:30px;line-height:1.15}
.ai-workshop .offer-heading>.offer-price{font-size:35px;margin-top:22px}
.ai-workshop .offer-price>span{font-size:12px;line-height:1.7}
.ai-workshop .offer-heading>p:last-child{font-size:15px;margin-top:21px}
.ai-workshop .deliverables{padding-left:17px;margin-top:26px}
.ai-workshop .deliverables li{padding:20px 0 21px 5px}
.ai-workshop .deliverables li::marker{font-size:17px}
.ai-workshop .deliverables h3{font-size:19px}
.ai-workshop .deliverables p{font-size:14px;line-height:1.7}
.ai-workshop .offer-extra{font-size:14px;margin-top:14px}
.ai-workshop .guarantee{padding:22px 19px;margin-top:28px;border-left-width:3px}
.ai-workshop .guarantee h3{font-size:23px}
.ai-workshop .guarantee h3 br{display:none}
.ai-workshop .guarantee>p{font-size:14px;margin-top:18px}
.ai-workshop .guarantee>.fine-print{font-size:11px;margin-top:15px}
.ai-workshop .offer-note{font-size:12px;margin-top:22px}
.ai-workshop .terms{font-size:13px;margin-top:16px}
.ai-workshop .fine-print{font-size:11px}
.ai-workshop .people{border-top:0;padding-top:40px}
.ai-workshop .about{display:block;padding:41px 0 40px}
.ai-workshop .about h2{font-size:29px;margin-bottom:23px}
.ai-workshop .about p{font-size:15px;line-height:1.75}
.ai-workshop .profile{display:grid;grid-template-columns:116px 1fr;gap:20px;max-width:none;align-items:center;margin-top:28px}
.ai-workshop .profile img{width:116px;height:116px}
.ai-workshop .profile figcaption{padding:0;font-size:12px}
.ai-workshop .example{padding:20px 0}
.ai-workshop .example h3{font-size:20px}
.ai-workshop .example p{font-size:15px}
.ai-workshop .example .case-result{font-size:19px;padding-left:18px}
.ai-workshop .example .fine-print{font-size:11px}
.ai-workshop .other-builds{font-size:14px}
.ai-workshop .video-section{display:block;padding:36px 0 40px}
.ai-workshop .video-copy h2{font-size:29px;margin-bottom:23px}
.ai-workshop .video-copy p{font-size:15px;line-height:1.75}
.ai-workshop .intro-video{margin-top:28px}
.ai-workshop .video-placeholder{min-height:190px;padding:23px}
.ai-workshop .video-placeholder>p{font-size:21px}
.ai-workshop .video-placeholder>span{font-size:11px;margin-top:17px}
.ai-workshop .intro-video figcaption{font-size:11px;margin-top:12px}
.ai-workshop .contact{padding:40px 0}
.ai-workshop .contact-inner{display:block}
.ai-workshop .contact h2{font-size:33px;line-height:1.15}
.ai-workshop .contact-copy>p:not(.button-note){font-size:15px;line-height:1.7;margin:23px 0 25px}
.ai-workshop .contact-person{font-size:15px;margin-top:32px}
.ai-workshop .contact-person strong{font-size:21px}
.ai-workshop .contact-person>span{font-size:12px}

}

@media(max-width:360px){.ai-workshop .wrap,.ai-workshop .reading{width:calc(100% - 40px)}
.ai-workshop .hero h1{font-size:34px}
.ai-workshop .button{font-size:12px;padding-left:15px;padding-right:15px}
.ai-workshop .profile{grid-template-columns:96px 1fr;gap:16px}
.ai-workshop .profile img{width:96px;height:96px}
.ai-workshop .profile figcaption{font-size:11px}
.ai-workshop .offer{width:calc(100% - 20px);padding-left:19px;padding-right:19px}
.ai-workshop .offer h2{font-size:27px}
.ai-workshop .guarantee{padding:20px 16px}

}

@media print{.ai-workshop .wrap,.ai-workshop .reading{width:100%}
.ai-workshop .intro-video{display:none}
.ai-workshop .hero,.ai-workshop .about,.ai-workshop .contact{padding:24px 0;gap:24px}
.ai-workshop .profile{max-width:230px}
.ai-workshop .button{color:var(--ink);background:transparent;border-color:var(--line)}
.ai-workshop .offer{padding:24px;border:1px solid var(--line)}
.ai-workshop a{text-decoration:none}

}


.workshop-page{padding-bottom:0}

.workshop-skip{position:absolute;top:-120px;left:24px;z-index:100;padding:12px 20px;background:white}

.workshop-skip:focus{top:12px}

.ai-workshop p{max-width:none}

.ai-workshop .wrap{padding-inline:0}

.ai-workshop .hero{display:block;position:static;min-height:0;background:white;color:var(--ink);overflow:visible}

.ai-workshop h1 em{color:inherit}

.ai-workshop .terms{padding:0;border:0}

.ai-workshop .terms summary{font-size:inherit;letter-spacing:0}

.workshop-disclaimer{margin-top:18px;max-width:none}

/* Service pages and practical AI guides use the existing brand and typography. */
.main-nav a[aria-current="page"]{color:#8b6500;text-decoration:underline;text-underline-offset:5px}
.ai-workshop .eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1.6;text-transform:uppercase;color:var(--muted);margin:0 0 16px}
.ai-workshop .aside-link{font-size:14px;margin-top:22px}
.ai-workshop .service-overview,.ai-workshop .guide-preview{padding:56px 0 60px;border-top:1px solid var(--line)}
.ai-workshop .section-intro{max-width:780px;margin-bottom:34px}
.ai-workshop .section-intro>p:last-child{margin-top:20px;color:var(--muted)}
.ai-workshop .service-list>article{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:40px;align-items:center;padding:30px 0;border-top:1px solid var(--line);scroll-margin-top:20px}
.ai-workshop .service-list h3{font-size:25px;margin:8px 0 12px}
.ai-workshop .service-list h3 a,.ai-workshop .guide-row :is(h2,h3) a{text-decoration:none}
.ai-workshop .service-list h3 a:hover,.ai-workshop .guide-row :is(h2,h3) a:hover{text-decoration:underline}
.ai-workshop .service-list p{max-width:760px;font-size:16px;color:var(--muted)}
.ai-workshop .service-price{font-size:13px;font-weight:700;color:#765600}
.ai-workshop .text-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.ai-workshop .guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px}
.ai-workshop .guide-row{padding:28px 0 30px;border-top:1px solid var(--line)}
.ai-workshop .guide-row .eyebrow{font-size:11px;margin-bottom:11px}
.ai-workshop .guide-row :is(h2,h3){font-size:25px;max-width:450px}
.ai-workshop .guide-row>p:not(.eyebrow){font-size:16px;color:var(--muted);margin:15px 0 10px}
.ai-workshop .all-guides{margin-top:18px}
.ai-workshop .hub-intro{max-width:770px;margin-top:28px;font-size:20px;line-height:1.6;color:var(--muted)}
.ai-workshop .guide-hub{padding-bottom:40px}
.ai-workshop .plain-steps,.ai-workshop .body-list{padding-left:24px;margin:0;list-style-position:outside}
.ai-workshop .plain-steps li,.ai-workshop .body-list li{padding-left:7px;margin-bottom:16px}
.ai-workshop .plain-steps+p,.ai-workshop .body-list+p{margin-top:28px}
.ai-workshop .article-header{padding:36px 0 48px}
.ai-workshop .article-header h1{font-size:clamp(38px,4.3vw,58px);line-height:1.12}
.ai-workshop .breadcrumbs{font-size:13px;color:var(--muted);margin:0 0 32px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ai-workshop .article-lede{font-size:20px;line-height:1.65;color:var(--muted);margin-top:24px}
.ai-workshop .article-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:70px;justify-content:space-between;padding-bottom:64px}
.ai-workshop .article-layout>aside{align-self:start;position:sticky;top:140px}
.ai-workshop .article-contents{border-top:3px solid var(--gold);padding-top:18px;font-size:13px;line-height:1.6}
.ai-workshop .article-contents>strong{font-size:14px}
.ai-workshop .article-contents ol{padding-left:18px;margin:14px 0 0}
.ai-workshop .article-contents li{padding-left:3px;margin:7px 0}
.ai-workshop .article-contents a{display:inline-block;padding:5px 0}
.ai-workshop .article-body{min-width:0}
.ai-workshop .article-body>section{border-top:1px solid var(--line);padding:34px 0 36px}
.ai-workshop .article-body h2{font-size:31px;margin-bottom:24px}
.ai-workshop .article-body h3{font-size:21px;margin-bottom:12px}
.ai-workshop .article-body p{font-size:17px;line-height:1.8}
.ai-workshop .article-body ol,.ai-workshop .article-body ul{padding-left:24px;margin:22px 0}
.ai-workshop .article-body li{padding-left:5px;margin-bottom:12px;font-size:17px;line-height:1.75}
.ai-workshop .workflow-example,.ai-workshop .timeline-row{padding:24px 0;border-top:1px solid var(--line)}
.ai-workshop .workflow-example p+p{margin-top:9px}
.ai-workshop .prompt-example{padding:24px 28px;margin:24px 0;background:var(--soft);border-left:4px solid var(--gold)}
.ai-workshop .prompt-example p{font-size:16px}
.ai-workshop .before-after{margin:24px 0;border-left:4px solid var(--gold);padding:6px 0 6px 26px}
.ai-workshop .before-after>div+div{margin-top:28px}
.ai-workshop .agent-brief{margin:26px 0}
.ai-workshop .agent-brief>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:20px;padding:18px 0;border-top:1px solid var(--line)}
.ai-workshop .agent-brief dt{font-size:14px;font-weight:700}
.ai-workshop .agent-brief dd{margin:0;font-size:16px;line-height:1.7}
.ai-workshop .article-sources h2,.ai-workshop .article-related h2{font-size:24px}
.ai-workshop .article-sources p{font-size:13px;color:var(--muted)}
.ai-workshop .article-related a{font-size:16px}
.ai-workshop .article-related p+p{margin-top:14px}
@media(max-width:1100px){
  .header-inner{flex-wrap:wrap}
  .ai-workshop .article-layout{grid-template-columns:190px minmax(0,1fr);gap:40px}
  .ai-workshop .article-layout>aside{top:180px}
}
@media(max-width:800px){
  .ai-workshop .article-layout{display:block}
  .ai-workshop .article-layout>aside{position:static;margin-bottom:28px}
  .ai-workshop .article-contents ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
}
@media(max-width:700px){
  .site-header{position:static}
  .main-nav a{display:inline-flex;align-items:center;min-height:44px}
  .ai-workshop .eyebrow{font-size:10px;margin-bottom:13px}
  .ai-workshop .service-overview,.ai-workshop .guide-preview{padding:36px 0 40px}
  .ai-workshop .service-list>article{display:block;padding:25px 0}
  .ai-workshop .service-list h3,.ai-workshop .guide-row :is(h2,h3){font-size:22px}
  .ai-workshop .service-list .text-link{margin-top:12px}
  .ai-workshop .service-list p,.ai-workshop .guide-row>p:not(.eyebrow){font-size:15px}
  .ai-workshop .guide-list{display:block}
  .ai-workshop .guide-row{padding:25px 0}
  .ai-workshop .hub-intro,.ai-workshop .article-lede{font-size:17px;margin-top:23px}
  .ai-workshop .article-header{padding:26px 0 32px}
  .ai-workshop .article-header h1{font-size:36px}
  .ai-workshop .breadcrumbs{font-size:12px;margin-bottom:25px}
  .ai-workshop .article-layout{padding-bottom:35px}
  .ai-workshop .article-body>section{padding:28px 0}
  .ai-workshop .article-body h2{font-size:27px}
  .ai-workshop .article-body p,.ai-workshop .article-body li{font-size:16px}
  .ai-workshop .article-contents ol{display:block}
  .ai-workshop .agent-brief>div{display:block}
  .ai-workshop .agent-brief dd{margin-top:8px}
  .ai-workshop .prompt-example{padding:20px}
  .ai-workshop .article-sources h2,.ai-workshop .article-related h2{font-size:23px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.btn:hover{transform:none}}