/* Match ATTN's existing yellow; use darker gold for text on light surfaces. */
:root {
  --accent: #ffda45;
  --accent-gold: #846400;
  --accent-edge: #ab8420;
  --cyan: var(--accent);
  --bg: #111110;
  --surface: #1b1b18;
  --white: #faf8f0;
  --muted: #c5bfac;
  --line: rgba(255, 218, 69, .14);
}

.skip-link { color: #24231e; }
.page-glow {
  background: radial-gradient(ellipse 58% 60% at 50% 35%, rgba(255, 218, 69, .07), transparent 80%);
}
.audience {
  border-color: rgba(255, 218, 69, .3);
  background: rgba(255, 218, 69, .055);
  color: #f2e2a6;
}
.audience > span { box-shadow: 0 0 9px rgba(255, 218, 69, .45); }
.intro { color: #c5bfac; }
.vsl {
  border-color: #514a35;
  background: #1b1b18;
  box-shadow: 0 18px 70px #0005, 0 0 50px #ffda4506;
}
.video-poster { background: #24231e; }
.poster-shade {
  background: linear-gradient(90deg, #1b1a16 2%, #1b1a16f5 31%, #1b1a164a 56%, transparent 73%), linear-gradient(0deg, #111110ed, transparent 41%);
}
.poster-kicker { color: #e4dfd1; }
.channel-tags span { border-color: #d6c78b36; background: #17160f5c; color: #eee7d2; }
.presenter div > span, .video-label { color: #e4dfd1; }
.video-symbol { border-color: #d6c78b57; }
.video-caption { background: #1b1b18; border-top-color: #e4d7a615; }
.video-caption p { color: #d2cbb6; }
.caption-brand { color: #c5bfac; }
.primary-cta {
  background: var(--accent);
  color: #24231e;
  box-shadow: 0 4px 0 var(--accent-edge), 0 5px 28px #ffda4512;
}
.primary-cta:hover {
  background: #ffe77b;
  box-shadow: 0 6px 0 var(--accent-edge), 0 9px 30px #ffda4520;
}
.primary-cta:active { box-shadow: 0 2px 0 var(--accent-edge); }
.upflip-trust { color: #d2cbb6; }
.upflip-trust strong { color: #faf8f0; }
.upflip-trust > span:last-child, .upflip-trust:hover strong { color: var(--accent); }
.attendance-hook { color: #c5bfac; }
.attendance-hook strong { color: #f2e2a6; }
.experience-strip { border-top-color: #3d392a; color: #c5bfac; }
.experience-strip > span::before { background: var(--accent); }
.reassurance { color: #c5bfac; }
.reassurance > span[aria-hidden] { color: #8d8365; }
.call-description { color: #b6ae94; }

.sales-page {
  --sales-copy: #c5bfac;
  --sales-rule: #3d392a;
  --sales-accent: var(--accent);
  color: #faf8f0;
}
.sales-page .light-surface {
  --sales-copy: #5f5b4c;
  --sales-rule: #ded9c5;
  --sales-accent: var(--accent-gold);
  color: #24231e;
  background: #faf8f0;
}
.sales-page .proof-section { background: #f6efcf; }
.sales-page .review-stars, .sales-page .proof-footnote a { color: var(--accent-gold); }
.sales-page .review-initials { color: #6e5511; background: #fff0b1; }
.sales-page .testimonial figcaption div > span { color: #5f5b4c; }
.sales-page .review-carousel.is-enhanced .testimonial.review {
  border-color: #ded9c5;
  border-top-color: var(--accent-gold);
  color: #24231e;
  box-shadow: 0 2px 0 #24231e10;
}
.sales-page .review-carousel.is-enhanced .review-stars { color: var(--accent-gold); }
.sales-page .review-carousel.is-enhanced .review-initials { color: #6e5511; background: #fff0b1; }

.sales-page .founder-section { background: #181816; }
.sales-page .roof-photo { border-color: #514a35; }
.sales-page .roof-photo::after { background: linear-gradient(transparent, #111110bd); }
.sales-page .team-photo { border-color: #181816; background: #26251f; }
.sales-page .team-photo figcaption { color: #e4dfd1; }
.sales-page .founder-letter .letter-opening,
.sales-page .founder-letter p strong { color: #f3efdf; }
.sales-page .founder-signoff { border-left-color: var(--accent); }
.sales-page .founder-signoff span { color: #c5bfac; }
.sales-page .upflip-feature { border-top-color: #514a35; }
.sales-page .upflip-copy > a { color: var(--accent); text-decoration-color: #ab8420; }
.sales-page .upflip-copy .upflip-note { color: #b6ae94; }
.sales-page .upflip-player { border-color: #59513a; background: #111110; }
.sales-page .owner-letter p:first-child { color: #3b372a; }
.sales-page .services-section { background: #111110; }
.sales-page .service-columns, .sales-page .service-offer + .service-offer { border-color: #514a35; }
.sales-page .service-topline, .sales-page .service-outcome > span { color: #d2cbb6; }
.sales-page .channel-mark { border-color: #8b7738; color: #f2e2a6; }
.sales-page .service-outcome { border-top-color: #3d392a; }
.sales-page .service-outcome strong { color: #f3efdf; }

.sales-page .portfolio-section, .sales-page .page-offer-section { background: #faf8f0; }
.sales-page .portfolio-shot {
  border-color: #d7d0b9;
  color: #24231e;
  box-shadow: 0 8px 22px #24231e11;
}
.sales-page .portfolio-shot:hover { border-color: #9b7b1c; box-shadow: 0 10px 27px #24231e24; }
.sales-page .portfolio-shot:focus-visible { outline-color: var(--accent-gold); }
.sales-page .portfolio-chrome { border-bottom-color: #dfd9c8; background: #f0ece0; color: #8c8264; }
.sales-page .portfolio-shot > span { border-top-color: #e4dfce; }
.sales-page .portfolio-shot small, .sales-page .portfolio-context { color: #5f5b4c; }
.sales-page .portfolio-shot b { color: var(--accent-gold); }
.sales-page .included-page-strip, .sales-page .included-page-strip .offer-terms { border-color: #d7d0b9; }
.sales-page .included-page-strip .offer-terms { color: #5f5b4c; }
.sales-page .offer-badge { border-color: #d7c78b; background: #fff3bf; color: var(--accent-gold); }
.sales-page .page-offer-copy .large-copy { color: #3b372a; }
.sales-page .offer-terms { border-top-color: #ded9c5; }
.sales-page .portfolio-example { border-color: #d7d0b9; box-shadow: 0 23px 50px #24231e17; }
.sales-page .example-browser-bar { background: #f0ece0; border-bottom-color: #dfd9c8; color: #5f5b4c; }
.sales-page .example-browser-bar > span:first-child { color: #8c8264; }
.sales-page .portfolio-example > figcaption { border-top-color: #e4dfce; color: #5f5b4c; }
.sales-page .page-inclusion { background: #26251f; }
.sales-page .page-inclusion > span { color: var(--accent); }
.sales-page .page-inclusion p { color: #e4dfd1; }

.sales-page .system-section { background: #1b1b18; }
.sales-page .system-rows article { border-color: #514a35; }
.sales-page .responsibility-note > span { color: var(--accent); }
.sales-page .responsibility-note strong { color: #f3efdf; }
.sales-page .fit-checklist > p { color: #3b372a; }
.sales-page .fit-checklist > p > span { color: var(--accent-gold); }
.sales-page .fit-note { color: #5f5b4c; }
.sales-page .call-section { background: #181816; }
.sales-page .call-agenda article { border-top-color: #ab8420; }
.sales-page .call-agenda article > span { color: var(--accent); }
.sales-page .faq-list summary > span { color: var(--accent-gold); }

.sales-page .swipe-section { background: #f3efdf; }
.sales-page .swipe-copy .swipe-lead { color: #3b372a; }
.sales-page .attendance-rule { border-left-color: var(--accent-gold); background: #fff3bf; }
.sales-page .attendance-rule strong { color: #24231e; }
.sales-page .attendance-rule > span { color: #5f5b4c; }
.sales-page .swipe-card-back { border-color: #b49a43; background: #ffda45; }
.sales-page .swipe-card-back::before { border-color: #c8b36f; background: #f2e2a6; }
.sales-page .swipe-card {
  border-color: #8b7738;
  background: radial-gradient(ellipse at 90% 20%, #49412a 0, #26251f 42%, #181816 84%);
  color: #faf8f0;
  box-shadow: 0 23px 38px #24231e26;
}
.sales-page .swipe-card-brand > span,
.sales-page .swipe-count,
.sales-page .swipe-card-bottom b { color: var(--accent); }
.sales-page .swipe-card-bottom { border-top-color: #665a37; color: #e4dfd1; }
.sales-page .final-offer-section {
  background: radial-gradient(ellipse at 50% 40%, #3e3722 0, #22211a 42%, #111110 74%);
}
.sales-page .final-offer .section-kicker { color: #d2cbb6; }
.sales-page .final-offer > p:not(.section-kicker):not(.final-reassurance) { color: #e4dfd1; }
.sales-page .final-offer .final-reassurance { color: #d2cbb6; }
.sales-page .postscript { border-top-color: #514a35; }
.sales-page .postscript > strong { color: var(--accent); }
.sales-page .postscript p { color: #c5bfac; }
.footer { border-top-color: #3d392a; color: #c5bfac; }

dialog { color: #24231e; border-color: #d7d0b9; }
dialog::backdrop { background: #111110d9; }
.dialog-header { background: #faf8f0; border-bottom-color: #e4dfce; }
.dialog-eyebrow, .dialog-footer a { color: var(--accent-gold); }
.dialog-header p:last-child, .calendar-wrap > p, .dialog-footer { color: #5f5b4c; }
.close-button { border-color: #b39a47; color: var(--accent-gold); }
.close-button:focus-visible, .dialog-footer a:focus-visible { outline-color: var(--accent-gold); }
.dialog-footer { background: #faf8f0; }