:root {
  --bg: #f3efe7;
  --ink: #171717;
  --muted: #68645d;
  --panel: #fffdf8;
  --line: #d8d0c2;
  --dark: #111111;
  --dark-ink: #f8f4eb;
  --accent: #ff5d2e;
  --accent-2: #ffdf4f;
  --max: 1120px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: #171717;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  line-height: 1.5;
}
a { color: inherit; }
code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .9em; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 28px;
  background: color-mix(in srgb, var(--bg) 92%, transparent);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(16,16,16,.08);
}
.brand, .header-link { text-decoration: none; font-size: 12px; letter-spacing: .13em; font-weight: 800; }
.header-link { color: var(--muted); }

.section {
  width: min(var(--max), calc(100% - 40px));
  margin: 0 auto;
  padding: 96px 0;
}
.hero { padding-top: 124px; padding-bottom: 88px; }
.eyebrow, .section-kicker {
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 600;
  margin-bottom: 18px;
}
.eyebrow { color: var(--accent); }
h1, h2, h3, p { margin-top: 0; }
h1 {
  max-width: 1000px;
  font-size: clamp(56px, 7vw, 88px);
  font-weight: 700;
  line-height: .98;
  letter-spacing: -.035em;
  margin-bottom: 34px;
}
h1 span { color: inherit; }
h2 {
  max-width: 920px;
  font-size: clamp(38px, 5vw, 66px);
  line-height: 1;
  letter-spacing: -.04em;
  margin-bottom: 28px;
}
h3 { font-size: 22px; letter-spacing: -.02em; }
p { font-size: 19px; color: #2c2a27; }
.lede { max-width: 820px; font-size: clamp(22px, 2.4vw, 30px); line-height: 1.35; }
.hero-copy { max-width: 720px; font-size: clamp(22px, 2.4vw, 26px); line-height: 1.35; font-weight: 400; }

.promise-card {
  max-width: 820px;
  background: var(--panel);
  border: 1px solid var(--line);
  box-shadow: 0 8px 24px rgba(16,16,16,.06);
  padding: 2rem;
  margin: 44px 0 36px;
}
.promise-label { font-size: 14px; letter-spacing: 0; font-weight: 600; margin-bottom: 10px; color: var(--muted); }
.promise-card p { font-size: clamp(21px, 2.4vw, 27px); line-height: 1.5; font-weight: 400; margin: 0; }
.promise-card p strong { font-weight: 700; }
.accent-text { color: var(--accent); }
.offer-note { color: var(--muted); font-size: .86em; }

.hero-actions { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; }
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 22px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 850;
  font-size: 16px;
  border: 2px solid var(--ink);
  transition: transform .14s ease, box-shadow .14s ease;
}
.button:hover { transform: translate(-2px,-2px); box-shadow: 4px 4px 0 var(--ink); }
.button.primary { background: var(--accent); color: #fff; }
.button.text-button { border-color: transparent; padding-left: 6px; padding-right: 6px; }
.button.wide { width: 100%; max-width: 640px; margin-top: 24px; }
.button.large { font-size: 20px; min-height: 66px; padding: 0 30px; }
.microcopy { color: var(--muted); font-size: 13px; margin-top: 12px; }

.video-section { padding-top: 20px; }
.video-shell {
  aspect-ratio: 16/9;
  background: #171717;
  border: 1px solid #272727;
  overflow: hidden;
  box-shadow: 12px 12px 0 var(--accent);
}
.video-shell iframe { width: 100%; height: 100%; border: 0; }
.video-placeholder { width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; text-align:center; gap:12px; padding:28px; }
.video-title { font-size: clamp(38px,6vw,80px); letter-spacing:-.045em; }
.video-note { color:#aaa; font-size:14px; }

.contrast {
  width: 100%;
  max-width: none;
  padding-left: max(20px, calc((100vw - var(--max))/2));
  padding-right: max(20px, calc((100vw - var(--max))/2));
  background: var(--dark);
  color: var(--dark-ink);
}
.contrast p { color: #d9d5cc; max-width: 850px; }
.contrast .section-kicker { color: var(--accent-2); }
.big-line { font-size: clamp(34px,5vw,64px); line-height:1.05; letter-spacing:-.04em; margin: 52px 0; }

.metrics-strip { display:grid; grid-template-columns: repeat(3,1fr); gap:1px; padding-top:0; padding-bottom:0; border:1px solid var(--line); background:var(--line); }
.metric { background:var(--panel); padding:36px 28px; display:flex; justify-content:space-between; gap:20px; align-items:center; }
.metric span { font-size:12px; letter-spacing:.12em; font-weight:900; }
.metric strong { font-size:36px; color:var(--accent); }

.steps { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:48px; }
.step { border:1px solid var(--line); background:var(--panel); padding:28px; min-height:230px; }
.step > span { display:block; color:var(--accent); font-weight:900; margin-bottom:36px; }
.step p { font-size:17px; }

.equation { display:flex; gap:12px; flex-wrap:wrap; align-items:center; font-size:clamp(21px,3vw,34px); margin:46px 0; }
.equation span, .equation strong { padding:12px 16px; border:1px solid #3c3c3c; background:#181818; }
.equation b { color:var(--accent-2); }
.example-card { max-width:850px; border-left:4px solid var(--accent); padding:20px 24px; background:#1a1a1a; }
.example-total { font-size:23px; }

.proof-grid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); margin:48px 0; }
.proof-grid article { padding:26px; min-height:150px; border-right:1px solid var(--line); display:flex; flex-direction:column; justify-content:space-between; }
.proof-grid article:last-child { border-right:0; }
.proof-grid strong { font-size:34px; letter-spacing:-.04em; }
.proof-grid span { color:var(--muted); font-size:14px; }
blockquote { max-width:860px; margin:48px 0 24px; padding:28px 0 28px 28px; border-left:5px solid var(--accent); font-size:clamp(24px,3vw,36px); line-height:1.25; letter-spacing:-.025em; }
blockquote cite { display:block; margin-top:16px; font-size:14px; letter-spacing:.02em; color:var(--muted); font-style:normal; }

.experiment { text-align:center; }
.experiment h2, .experiment .lede, .experiment p, .experiment blockquote { margin-left:auto; margin-right:auto; }
.experiment-number { font-size:clamp(72px,14vw,180px); line-height:.9; font-weight:950; letter-spacing:-.065em; color:var(--accent); margin:52px 0 30px; }
.compact-quote { text-align:left; }

.fit-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:44px; }
.fit { padding:30px; border:1px solid var(--line); background:var(--panel); }
.fit.good { box-shadow:8px 8px 0 var(--ink); }
.fit.bad { opacity:.78; }
.fit ul { padding-left:20px; margin-bottom:0; }
.fit li { margin:12px 0; }

.price-card { max-width:850px; display:grid; grid-template-columns:1fr 1fr; border:1px solid #333; margin:40px 0 28px; }
.price-card > div { padding:30px; }
.price-card > div + div { border-left:1px solid #333; }
.price-label { display:block; font-size:11px; letter-spacing:.14em; font-weight:900; color:#aaa; }
.price { font-size:clamp(58px,8vw,90px); font-weight:950; letter-spacing:-.055em; }
.price-details { display:flex; flex-direction:column; justify-content:center; }
.price-details strong { font-size:36px; color:var(--accent-2); }
.price-details span { color:#aaa; }

.faq-list { border-top:1px solid var(--line); margin-top:42px; }
details { border-bottom:1px solid var(--line); padding:22px 0; }
summary { cursor:pointer; font-size:20px; font-weight:800; }
details p { max-width:800px; margin:18px 0 0; }

.final-cta { padding-top:130px; padding-bottom:130px; text-align:center; }
.final-cta h2, .final-cta p { margin-left:auto; margin-right:auto; }
.final-cta p { max-width:760px; }
.final-line { font-size:clamp(28px,4vw,48px); }
.secondary-path { margin-top:34px; font-size:15px; color:var(--muted); }
.secondary-path a { font-weight:750; }

footer { display:flex; justify-content:space-between; gap:20px; padding:28px; border-top:1px solid var(--line); font-size:11px; letter-spacing:.12em; font-weight:800; color:var(--muted); }

@media (max-width: 760px) {
  .site-header { padding:14px 18px; }
  .header-link { display:none; }
  .section { width:min(var(--max), calc(100% - 28px)); padding:72px 0; }
  .hero { padding-top:80px; }
  .contrast { width:100%; padding-left:14px; padding-right:14px; }
  .metrics-strip, .steps, .fit-grid, .proof-grid, .price-card { grid-template-columns:1fr; }
  .proof-grid article { border-right:0; border-bottom:1px solid var(--line); }
  .proof-grid article:last-child { border-bottom:0; }
  .price-card > div + div { border-left:0; border-top:1px solid #333; }
  .hero-actions { align-items:stretch; }
  .hero-actions .button { width:100%; }
  footer { flex-direction:column; }
}