:root {
  color-scheme: light;
  --marketing-ink: #1e2c45;
  --marketing-muted: #6a6b72;
  --marketing-paper: #f8f5ed;
  --marketing-card: #fffdf8;
  --marketing-line: #d9d4c8;
  --marketing-gold: #f6d16a;
  --marketing-coral: #e17f6d;
}

* { box-sizing: border-box; }
html { background: var(--marketing-paper); }
body { margin: 0; background: var(--marketing-paper); color: var(--marketing-ink); font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
a { color: inherit; }
.marketing-page { max-width: 1440px; margin: 0 auto; padding: 0 5vw 36px; }
.marketing-header, .marketing-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.marketing-header { min-height: 80px; border-bottom: 1px solid var(--marketing-line); }
.marketing-brand, .marketing-footer > span { font-family: Georgia, serif; font-weight: 700; letter-spacing: -.05em; text-decoration: none; }
.marketing-brand { font-size: 1.35rem; }
.marketing-nav, .marketing-footer nav { display: flex; flex-wrap: wrap; gap: 24px; font-size: .78rem; font-weight: 600; }
.marketing-nav a, .marketing-footer a { text-decoration: none; }
.marketing-nav a:hover, .marketing-footer a:hover, .marketing-back:hover { text-decoration: underline; text-underline-offset: 4px; }
.marketing-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 380px); align-items: center; gap: 10vw; min-height: 650px; padding: 72px 0; }
.marketing-hero h1, .marketing-page-heading h1 { max-width: 800px; margin: 10px 0 0; font-family: Georgia, serif; font-size: clamp(3.5rem, 8vw, 7.5rem); font-weight: 500; line-height: .9; letter-spacing: -.07em; }
.marketing-lead { max-width: 600px; margin: 32px 0 0; color: var(--marketing-muted); font-size: 1.1rem; line-height: 1.8; }
.marketing-eyebrow { margin: 0; color: var(--marketing-coral); font-family: ui-monospace, monospace; font-size: .65rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.marketing-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.marketing-button { display: inline-flex; align-items: center; gap: 8px; border-radius: 999px; padding: 13px 20px; font-size: .85rem; font-weight: 700; text-decoration: none; }
.marketing-button-primary { background: var(--marketing-ink); color: #fff; }
.marketing-button-secondary { border: 1px solid var(--marketing-line); }
.marketing-visual { border-radius: 28px; background: var(--marketing-ink); color: #fff; padding: 28px; }
.marketing-visual-label { display: flex; justify-content: space-between; gap: 12px; border-bottom: 1px solid #ffffff2b; padding-bottom: 20px; color: #ffffff8c; font-family: ui-monospace, monospace; font-size: .6rem; text-transform: uppercase; letter-spacing: .12em; }
.marketing-status { color: var(--marketing-gold); }
.marketing-visual-title { margin: 28px 0 8px; font-family: Georgia, serif; font-size: 3rem; letter-spacing: -.06em; }
.marketing-visual p:not(.marketing-visual-title) { margin: 0; color: #ffffffa6; font-size: .85rem; line-height: 1.6; }
.marketing-visual ul { display: grid; gap: 10px; margin: 28px 0 0; padding: 0; list-style: none; }
.marketing-visual li { display: flex; align-items: center; gap: 12px; border: 1px solid #ffffff1c; border-radius: 16px; padding: 12px; }
.marketing-visual li strong, .marketing-visual li small { display: block; }
.marketing-visual li small { margin-top: 3px; color: #ffffff8c; font-size: .7rem; }
.marketing-dot { width: 4px; height: 32px; border-radius: 999px; }
.marketing-dot-gold { background: var(--marketing-gold); }.marketing-dot-coral { background: var(--marketing-coral); }.marketing-dot-light { background: #ffffff99; }
.marketing-principles, .marketing-split { display: grid; grid-template-columns: .7fr 1.3fr; gap: 6vw; padding: 72px 0; }
.marketing-principles h2, .marketing-split h2, .marketing-card h2 { margin: 12px 0 0; font-family: Georgia, serif; font-size: clamp(2.25rem, 4vw, 4rem); font-weight: 500; line-height: .98; letter-spacing: -.06em; }
.marketing-principle-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.marketing-principle-grid-two { grid-template-columns: repeat(2, 1fr); margin-top: 36px; }
.marketing-principle-grid article { border-top: 1px solid var(--marketing-line); padding-top: 16px; }
.marketing-number { color: var(--marketing-coral); font-family: ui-monospace, monospace; font-size: .7rem; }
.marketing-principle-grid h3 { margin: 44px 0 8px; font-family: Georgia, serif; font-size: 1.5rem; letter-spacing: -.03em; }
.marketing-principle-grid p, .marketing-card p { margin: 0; color: var(--marketing-muted); font-size: .88rem; line-height: 1.75; }
.marketing-card { border: 1px solid var(--marketing-line); border-radius: 26px; background: var(--marketing-card); padding: clamp(24px, 4vw, 52px); }
.marketing-module-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 32px; }
.marketing-module-grid span { border: 1px solid var(--marketing-line); border-radius: 16px; padding: 18px; font-size: .85rem; font-weight: 600; }
.marketing-module-grid b { display: block; margin-bottom: 18px; color: var(--marketing-coral); font-family: ui-monospace, monospace; font-size: .7rem; }
.marketing-narrow { max-width: 1000px; margin: 0 auto; }
.marketing-page-heading { padding: 80px 0 64px; }
.marketing-page-heading h1 { font-size: clamp(3.5rem, 8vw, 7rem); }
.marketing-page-heading > p:last-child { max-width: 680px; margin: 32px 0 0; color: var(--marketing-muted); font-size: 1.1rem; line-height: 1.8; }
.marketing-back { display: inline-block; margin-bottom: 56px; color: var(--marketing-muted); font-size: .8rem; font-weight: 600; text-decoration: none; }
.marketing-map { padding: 32px; }
.marketing-map ol { display: grid; gap: 22px; margin: 28px 0 0; padding: 0; list-style-position: inside; }
.marketing-map li { padding-bottom: 22px; border-bottom: 1px solid var(--marketing-line); font-size: .9rem; }
.marketing-map li:last-child { border: 0; padding-bottom: 0; }
.marketing-map strong, .marketing-map span { display: block; margin-left: 24px; }
.marketing-map span { margin-top: 6px; color: var(--marketing-muted); font-size: .82rem; line-height: 1.6; }
.marketing-narrow > .marketing-card { margin-bottom: 20px; }
.marketing-narrow > .marketing-card h2 { font-size: 2.5rem; margin-bottom: 20px; }
.marketing-narrow > .marketing-card p + p { margin-top: 16px; }
.marketing-note { margin-top: 24px !important; color: var(--marketing-muted); font-size: .8rem !important; }
.marketing-footer { margin-top: 72px; border-top: 1px solid var(--marketing-line); padding-top: 24px; color: var(--marketing-muted); }
.marketing-footer > span { color: var(--marketing-ink); font-size: 1.15rem; }
@media (max-width: 720px) {
  .marketing-page { padding: 0 20px 24px; }
  .marketing-nav { gap: 12px; font-size: .7rem; }
  .marketing-hero, .marketing-principles, .marketing-split { grid-template-columns: 1fr; gap: 44px; padding: 56px 0; }
  .marketing-hero { min-height: auto; }
  .marketing-hero h1, .marketing-page-heading h1 { font-size: clamp(3.2rem, 16vw, 5rem); }
  .marketing-principle-grid, .marketing-principle-grid-two, .marketing-module-grid { grid-template-columns: 1fr; }
  .marketing-principle-grid h3 { margin-top: 28px; }
  .marketing-footer { align-items: flex-start; flex-direction: column; }
}