/* Finish the existing SYP visual system; retain the master palette and typography. */
:root {
  --red: #ab1b26;
  --red-bright: #ef626c;
  --gold: #b29b68;
  --shell: min(1220px, calc(100% - 48px));
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}
body {
  font-size: 16px;
}
main {
  min-width: 0;
}
h1,
h2,
h3 {
  line-height: 1.03;
}
p,
li {
  font-size: 1rem;
}
button,
a,
input,
select,
textarea {
  touch-action: manipulation;
}
button {
  cursor: pointer;
}
button:disabled {
  cursor: default;
  opacity: 0.65;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid #b88b23;
  outline-offset: 4px;
}
input,
select,
textarea {
  font-size: 1rem;
  min-height: 46px;
  max-width: 100%;
}
label {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}
label input:not([type="checkbox"]):not([type="radio"]),
label select,
label textarea {
  display: block;
  width: 100%;
  margin-top: 8px;
  padding: 12px;
  border: 1px solid #a6a6a6;
  background: #fff;
  border-radius: 2px;
  color: #171719;
}
input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--red);
  width: 20px;
  height: 20px;
  min-height: 20px;
  flex-shrink: 0;
}
.skip-link {
  position: fixed;
  left: 16px;
  top: -100px;
  background: #fff;
  color: #111;
  padding: 16px;
  z-index: 1000;
  font-weight: 700;
}
.skip-link:focus {
  top: 12px;
}
.desktop-nav {
  gap: 24px;
}
.desktop-nav a,
.nav-cta {
  font-size: 14px;
}
.brand-logo {
  width: 166px;
  height: 66px;
}
.nav-shell {
  gap: 24px;
}
.nav-cta {
  min-width: 112px;
  justify-content: center;
  margin-left: 10px;
}
.eyebrow {
  font-size: 13px;
  line-height: 1.4;
  letter-spacing: 0.1em;
  color: #83202a;
}
.dark-section .eyebrow,
.eyebrow.light,
.home-coach-feature .eyebrow {
  color: #f0c8cc;
}
.button {
  min-height: 48px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  text-align: center;
  padding: 14px 21px;
}
.button.primary {
  background: #a51c28;
  color: #fff;
  border-color: #a51c28;
}
.button.primary:hover {
  background: #801521;
  border-color: #801521;
}
.button.ghost {
  color: #fff;
  background: #ffffff08;
  border-color: #bfbfbf;
}
.button.secondary {
  background: transparent;
  color: #851b26;
  border: 1px solid #9f7277;
}
.dark-section .button.secondary,
.inquiry-band .button.secondary {
  color: #fff;
  border-color: #d3babe;
}
.syp-home-refined .hero {
  min-height: 650px;
}
.syp-home-refined .hero-content {
  min-height: 650px;
  padding: 64px 0;
  grid-template-columns: 1.14fr 0.86fr;
  gap: 70px;
}
.syp-home-refined .hero h1 {
  font-size: clamp(58px, 5.8vw, 84px);
  line-height: 0.99;
  letter-spacing: -0.015em;
  margin-bottom: 24px;
}
.syp-home-refined .hero h1 em {
  display: inline;
}
.syp-home-refined .hero-copy > p {
  font-size: 18px;
  line-height: 1.65;
  max-width: 640px;
  color: #ddd;
}
.syp-home-refined .hero-book-visual {
  min-height: 380px;
}
.syp-home-refined .book-mockup {
  max-width: 345px;
  width: 100%;
  margin: auto;
}
.syp-home-refined .book-mockup img {
  width: 100%;
  height: auto;
  max-height: 470px;
  object-fit: contain;
}
.syp-home-refined .hero-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
  font-size: 13px;
  color: #c9c9c9;
}
.syp-reader-link {
  flex-basis: 100%;
  color: #f0d5b1;
  text-decoration: underline;
  text-underline-offset: 4px;
  font-size: 14px;
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 16px;
}
.hero-proof strong {
  font-size: 14px;
}
.syp-flow-poster {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  inset: 0;
  opacity: 0.4;
}
.pisces-flow-hero {
  background: #0b0b0c;
}
.home-plan-bar-inner {
  grid-template-columns: 1.2fr 0.8fr 0.65fr 0.7fr auto;
  gap: 20px;
  min-height: 116px;
}
.home-plan-intro span,
.home-plan-option small {
  font-size: 12px;
  line-height: 1.4;
}
.home-plan-option span {
  font-size: 12px;
  color: #ccc;
}
.home-plan-option strong {
  font-size: 26px;
}
.home-plan-intro strong {
  font-size: 24px;
  line-height: 1.1;
}
.home-plan-bar .button {
  min-width: 150px;
}
.section {
  padding-block: 72px;
}
.section-head {
  gap: 36px;
}
.section-head h2,
.revenue-intro h2 {
  font-size: clamp(36px, 4vw, 56px);
}
.revenue-card p,
.founder-copy p,
.home-coach-copy > p,
.home-coach-steps p {
  font-size: 16px;
}
.revenue-card span,
.revenue-card strong {
  font-size: 13px;
  line-height: 1.5;
}
.revenue-grid {
  gap: 28px;
}
.home-coach-copy h2 {
  font-size: clamp(40px, 4vw, 62px);
}
.home-coach-steps {
  gap: 20px;
}
.home-coach-steps b {
  font-size: 18px;
}
.home-coach-console .coach-console-top small {
  font-size: 12px;
}
.home-coach-map {
  padding: 26px;
}
.coach-map-intake > span,
.coach-map-engine > span,
.coach-map-output span,
.coach-map-footer span {
  font-size: 12px;
}
.coach-map-intake p,
.coach-map-output p,
.coach-map-footer p {
  font-size: 14px;
}
.coach-map-engine > div {
  flex-wrap: wrap;
  gap: 8px;
}
.coach-map-engine strong {
  font-size: 12px;
  white-space: normal;
}
.coach-map-saved {
  max-width: 120px;
  text-align: center;
  font-size: 12px;
}
.coach-map-footer strong {
  font-size: 16px;
}
.home-hierarchy-line {
  flex-wrap: wrap;
  row-gap: 16px;
}
.founder-copy h2 {
  font-size: clamp(38px, 4vw, 58px);
}
.founder-credentials span {
  font-size: 12px;
  line-height: 1.5;
}
.page-hero {
  padding: 72px 0 64px;
}
.page-hero h1 {
  font-size: clamp(44px, 5.6vw, 78px);
  line-height: 1.02;
}
.page-hero-copy p {
  font-size: 17px;
  line-height: 1.7;
}
.page-hero .shell {
  gap: 48px;
  align-items: center;
}
.page-hero-title,
.page-hero-copy {
  min-width: 0;
}
.site-footer .footer-intro p {
  font-size: 16px;
  max-width: 390px;
}
.footer-links span {
  font-size: 14px;
}
.footer-links a {
  display: inline-block;
  font-size: 14px;
  padding: 6px 0;
  min-height: 36px;
}
.footer-bottom,
.disclaimer p {
  font-size: 13px;
  line-height: 1.6;
  color: #bcbcbc;
}
.syp-meta {
  font-size: 13px;
  line-height: 1.6;
  color: #626262;
}
.syp-status {
  background: #edf1eb;
  border-left: 3px solid #436a3b;
  padding: 14px 18px;
  color: #244426;
  font-size: 15px;
}
.syp-status.error {
  color: #811823;
  border-left-color: #ab1b26;
  background: #fff0f0;
}
.syp-reader-intro {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 80px;
}
.syp-reader-intro h2 {
  font-size: 44px;
}
.syp-reader-links {
  display: flex;
  flex-direction: column;
}
.syp-reader-links a {
  padding: 18px 0;
  border-bottom: 1px solid #d5cfcb;
  min-height: 56px;
  font-weight: 600;
  color: #87242b;
}
.syp-section-tabs,
.syp-checkin {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 25px 0;
}
.syp-section-tabs button,
.syp-checkin button {
  border: 1px solid #b6adab;
  background: #fff;
  padding: 12px 16px;
  min-height: 46px;
  font-size: 14px;
  line-height: 1.4;
  color: #282426;
}
.syp-section-tabs button[aria-pressed="true"],
.syp-checkin button[aria-pressed="true"] {
  background: #881b26;
  color: white;
  border-color: #881b26;
}
.syp-search {
  max-width: 540px;
  margin: 32px 0;
}
.syp-lesson-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 36px;
}
.syp-lesson-tile {
  border-top: 1px solid #cfc9c5;
  display: block;
  padding-top: 20px;
  transition: transform 0.15s;
}
.syp-lesson-tile:hover {
  transform: translateY(-3px);
}
.syp-lesson-tile > img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 3px;
  background: #111;
}
.syp-lesson-tile > div {
  padding: 20px 0;
}
.syp-lesson-tile h3 {
  font-size: 32px;
  margin: 8px 0 12px;
}
.syp-lesson-tile p {
  margin-bottom: 16px;
}
.syp-lesson-tile strong {
  font-size: 14px;
  color: #8a1e2a;
}
.syp-library-filters {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr 1fr;
  gap: 18px;
  margin-bottom: 30px;
}
.syp-empty {
  padding: 35px;
  border: 1px solid #d3cbc7;
  background: #fff;
}
.syp-empty h2,
.syp-empty h3 {
  font-size: 34px;
}
.syp-empty .button {
  margin: 8px 10px 0 0;
}
.syp-book-facts {
  padding-bottom: 64px;
}
.syp-book-facts dl {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  border-block: 1px solid #d1cbc7;
  padding: 24px 0;
  margin-bottom: 28px;
}
.syp-book-facts dt {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 9px;
  color: #84222c;
}
.syp-book-facts dd {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}
.book-copy h2 {
  font-size: clamp(36px, 4vw, 54px);
}
.book-copy p,
.check-list li {
  font-size: 16px;
}
.book-stage .availability {
  font-size: 14px;
}
.book-bridge h2 {
  font-size: clamp(36px, 4.3vw, 60px);
  max-width: 950px;
}
.book-bridge p {
  color: #d3d1d1;
  max-width: 900px;
  font-size: 17px;
}
.book-parts h3 {
  font-size: 34px;
}
.book-parts p {
  font-size: 16px;
}
.syp-book-note {
  padding-top: 0;
  max-width: 900px;
}
.syp-book-note h2 {
  font-size: 36px;
}
.syp-launch {
  background: #efebe7;
  border-top: 3px solid #ad966c;
  padding: 36px;
  max-width: 900px;
  margin: auto;
}
.syp-launch h2 {
  font-size: 42px;
}
.syp-launch form {
  display: grid;
  gap: 20px;
}
.syp-launch .button {
  justify-self: start;
}
.consent {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  margin: 0;
}
.consent input {
  margin-top: 3px;
}
.syp-launch .syp-meta {
  margin-top: 22px;
  margin-bottom: 0;
}
.syp-exercise-head {
  max-width: 1000px;
  padding-bottom: 40px;
}
.syp-back {
  display: block;
  margin-bottom: 35px;
  font-size: 14px;
  color: #841d26;
  min-height: 32px;
}
.syp-exercise-head h1 {
  font-size: clamp(48px, 7vw, 84px);
  margin: 16px 0 22px;
}
.syp-exercise-purpose {
  font-size: 19px;
  max-width: 800px;
  margin-bottom: 32px;
}
.syp-video-start {
  position: relative;
  width: 100%;
  padding: 0;
  border: 0;
  background: #111;
  color: #fff;
  overflow: hidden;
}
.syp-video-start img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
}
.syp-video-start > span {
  position: absolute;
  bottom: 24px;
  left: 24px;
  background: #851523;
  padding: 15px 24px;
  font-size: 16px;
  font-weight: 700;
  border: 1px solid #f1dadd;
}
.syp-demo video {
  width: 100%;
  aspect-ratio: 16/9;
  background: #111;
  display: block;
}
.syp-demo video::cue {
  background: #000d;
  color: #fff;
  font-size: 18px;
}
.syp-exercise-body {
  max-width: 1000px;
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 60px;
}
.syp-exercise-body h2 {
  font-size: 32px;
  margin: 28px 0 18px;
}
.syp-exercise-body li {
  line-height: 1.7;
  margin-bottom: 12px;
  padding-left: 5px;
}
.syp-exercise-body blockquote {
  margin: 30px 0;
  padding: 10px 20px;
  border-left: 3px solid #ad9465;
  font-size: 20px;
  line-height: 1.6;
}
.syp-reference {
  border-top: 3px solid #ad966c;
  background: #eeebe7;
  padding: 28px;
}
.syp-reference h3 {
  font-size: 26px;
  margin-bottom: 14px;
}
.syp-reference .button {
  margin-top: 10px;
  width: 100%;
}
.syp-routine-layout {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 55px;
  align-items: start;
}
.syp-routine-form {
  background: #f0ece9;
  padding: 32px;
  border-top: 3px solid #ab966c;
}
.syp-routine-form h2,
.syp-routine-output h2 {
  font-size: 42px;
}
.syp-routine-form form {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.syp-routine-form fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
}
.syp-routine-form legend {
  font-weight: 600;
  margin-bottom: 10px;
}
.syp-time-options {
  display: flex;
  gap: 8px;
}
.syp-time-options label {
  border: 1px solid #c3b7b0;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 12px;
  flex: 1;
  white-space: nowrap;
  font-size: 14px;
  background: #fff;
}
.syp-time-options label.selected {
  background: #871d27;
  color: #fff;
  border-color: #871d27;
}
.syp-routine-output > img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  margin-top: 30px;
}
.syp-routine-steps {
  list-style: none;
  padding: 0;
  margin: 30px 0;
}
.syp-routine-steps li {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 18px;
  border-bottom: 1px solid #d5cdc8;
  padding: 22px 0;
}
.syp-routine-steps li > span {
  color: #a58248;
  font-family: var(--heading);
  font-size: 26px;
}
.syp-routine-steps a {
  font-size: 24px;
  font-family: var(--heading);
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 5px;
}
.syp-routine-steps p {
  margin: 12px 0;
}
.syp-routine-steps small {
  font-size: 14px;
  color: #595553;
  line-height: 1.6;
  display: block;
}
.syp-routine-output .button-row {
  margin-top: 28px;
}
.syp-beta-note {
  padding: 20px 26px;
  border-left: 3px solid #ab966c;
  background: #eee8dd;
  margin-bottom: 38px;
  line-height: 1.7;
  font-size: 16px;
}
.syp-pricing-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.syp-pricing-grid .pricing-card {
  padding: 28px 22px;
  display: flex;
  flex-direction: column;
}
.syp-pricing-grid h2 {
  font-size: 34px;
  margin: 20px 0;
}
.syp-pricing-grid .plan-price strong {
  font-size: 46px;
  line-height: 1.1;
}
.syp-pricing-grid .plan-label {
  font-size: 12px;
  line-height: 1.5;
}
.syp-pricing-grid li {
  font-size: 15px;
  line-height: 1.6;
}
.syp-pricing-grid .button {
  margin-top: auto;
}
.syp-pricing-grid .best-ribbon {
  font-size: 13px;
}
.syp-membership-bridge {
  border-top: 1px solid #d7ceca;
}
.syp-membership-bridge h2 {
  font-size: 40px;
}
.syp-account-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  font-size: 14px;
  gap: 20px;
}
.syp-account-line a {
  text-decoration: underline;
  padding: 10px 0;
}
.syp-continue {
  background: #111114;
  color: #fff;
  padding: 42px;
  border-left: 4px solid #a9966c;
}
.syp-continue h2 {
  font-size: 50px;
  margin: 18px 0;
}
.syp-continue p {
  color: #d8d8d8;
  max-width: 700px;
}
.syp-continue .eyebrow {
  color: #d8c2a0;
}
.syp-continue .syp-meta {
  margin: 24px 0 0;
}
.syp-dashboard-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  padding: 60px 0;
  border-bottom: 1px solid #d4ccc8;
}
.syp-dashboard-grid h2,
.syp-account-settings h2 {
  font-size: 34px;
}
.syp-dashboard-grid h3 {
  font-size: 26px;
  margin: 35px 0 16px;
}
.syp-dashboard-grid a {
  color: #821c28;
}
.syp-checkin {
  flex-direction: column;
  align-items: stretch;
}
.syp-checkin button {
  text-align: left;
}
.syp-saved-list {
  list-style: none;
  padding: 0;
}
.syp-saved-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
  padding: 12px 0;
  gap: 20px;
}
.syp-saved-list button,
.syp-text-button {
  background: none;
  border: 0;
  padding: 12px;
  color: #831d26;
  text-decoration: underline;
  font-size: 14px;
  min-height: 44px;
}
.syp-account-settings {
  padding-top: 45px;
}
.syp-account-settings > .button {
  margin: 0 15px 15px 0;
}
.syp-policy {
  max-width: 900px;
}
.syp-policy h2 {
  font-size: 34px;
  margin: 40px 0 20px;
}
.syp-policy p {
  font-size: 17px;
}
.contact-copy h2 {
  font-size: 44px;
}
.contact-form {
  display: grid;
  gap: 24px;
}
.contact-form .button {
  justify-self: start;
}
.book-intro .real-book-cover {
  display: block;
  width: min(340px, 88%);
  height: auto;
  max-height: none;
  object-fit: contain;
  filter: none;
  transform: none;
  box-shadow: 0 16px 32px #0002;
}
.book-intro .book-stage {
  min-height: 0;
  background: none;
  overflow: visible;
}
.book-intro .book-stage::before {
  content: none;
}
.inquiry-band p {
  color: #e0d5d4;
  max-width: 700px;
}
.inquiry-band h2 {
  font-size: 40px;
}
.syp-corrections h2 {
  font-size: 42px;
}
.syp-corrections p {
  max-width: 760px;
}
@media (max-width: 1100px) {
  .desktop-nav {
    gap: 17px;
  }
  .desktop-nav a {
    font-size: 13px;
  }
  .nav-shell {
    gap: 15px;
  }
  .brand-logo {
    width: 135px;
  }
  .home-plan-bar-inner {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    padding-block: 25px;
  }
  .home-plan-intro {
    grid-column: 1/-1;
  }
  .home-plan-bar .button {
    grid-column: 1/-1;
    justify-self: start;
  }
  .syp-pricing-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .syp-home-refined .hero-content {
    gap: 30px;
  }
  .syp-home-refined .hero h1 {
    font-size: 66px;
  }
  .home-coach-map {
    padding: 20px;
  }
  .coach-map-output {
    grid-template-columns: 1fr;
  }
  .syp-routine-layout {
    gap: 30px;
  }
  .syp-time-options label {
    padding: 10px 7px;
  }
}
@media (max-width: 900px) {
  .desktop-nav {
    display: none;
  }
  .menu-button {
    display: block;
  }
  .nav-cta {
    margin-left: auto;
  }
  .menu-button {
    margin-left: 0;
  }
  .mobile-nav.is-open {
    display: flex;
    max-height: calc(100svh - 78px);
    overflow-y: auto;
  }
  .mobile-nav a {
    font-size: 16px;
    min-height: 48px;
    padding: 15px 0;
  }
  .syp-home-refined .hero-content {
    min-height: 610px;
    grid-template-columns: 1.15fr 0.85fr;
  }
  .syp-home-refined .hero h1 {
    font-size: 56px;
  }
  .page-hero .shell {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .syp-reader-intro {
    gap: 35px;
  }
  .syp-library-filters {
    grid-template-columns: repeat(2, 1fr);
  }
  .syp-routine-layout {
    grid-template-columns: 1fr;
  }
  .syp-routine-form {
    max-width: none;
  }
  .syp-routine-output {
    min-width: 0;
  }
  .syp-book-facts dl {
    grid-template-columns: repeat(2, 1fr);
  }
  .syp-exercise-body {
    gap: 30px;
  }
  .syp-dashboard-grid {
    gap: 35px;
  }
  .coach-map-engine > div {
    display: flex;
  }
  .home-coach-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .home-coach-map {
    max-width: 670px;
    width: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 620px) {
  :root {
    --shell: calc(100% - 36px);
  }
  .section {
    padding-block: 46px;
  }
  .nav-shell {
    height: 72px;
    width: calc(100% - 24px);
  }
  .brand-logo {
    width: 112px;
    height: 58px;
  }
  .nav-cta {
    font-size: 13px;
    padding: 10px;
    min-width: 94px;
  }
  .menu-button {
    width: 44px;
    height: 44px;
    padding: 10px 5px;
  }
  .syp-home-refined .hero-content {
    grid-template-columns: 1fr;
    padding: 42px 0;
    gap: 32px;
    min-height: 0;
  }
  .syp-home-refined .hero h1 {
    font-size: 52px;
    line-height: 1.01;
  }
  .syp-home-refined .hero-copy > p {
    font-size: 17px;
  }
  .syp-home-refined .hero-book-visual {
    min-height: 0;
  }
  .syp-home-refined .book-mockup {
    max-width: 200px;
  }
  .syp-home-refined .book-mockup img {
    max-height: 260px;
  }
  .syp-reader-link {
    font-size: 14px;
    line-height: 1.6;
  }
  .syp-home-refined .hero-proof {
    line-height: 1.5;
  }
  .home-plan-bar-inner {
    gap: 22px 10px;
  }
  .home-plan-option {
    padding-left: 10px;
    white-space: normal;
  }
  .home-plan-option strong {
    font-size: 24px;
  }
  .home-plan-option small {
    font-size: 11px;
    letter-spacing: 0.04em;
  }
  .home-plan-option span {
    display: block;
    font-size: 12px;
  }
  .home-plan-intro strong {
    font-size: 25px;
  }
  .home-plan-intro span {
    font-size: 12px;
  }
  .home-plan-bar .button {
    width: 100%;
  }
  .page-hero {
    padding: 45px 0;
  }
  .page-hero h1 {
    font-size: 48px;
  }
  .page-hero-copy p {
    font-size: 17px;
  }
  .button-row {
    gap: 12px;
  }
  .button-row .button {
    flex: 1;
    min-width: 150px;
  }
  .revenue-grid,
  .founder-grid,
  .syp-reader-intro,
  .syp-lesson-grid,
  .syp-exercise-body,
  .syp-dashboard-grid {
    grid-template-columns: 1fr;
  }
  .revenue-card {
    padding: 22px;
  }
  .revenue-thumb {
    min-width: 80px;
  }
  .revenue-card h3 {
    font-size: 28px;
  }
  .syp-reader-intro {
    gap: 20px;
  }
  .syp-reader-intro h2 {
    font-size: 38px;
  }
  .syp-library-filters {
    gap: 18px 12px;
  }
  .syp-library-filters label:first-child {
    grid-column: 1/-1;
  }
  .syp-library-filters label:last-child {
    grid-column: 1/-1;
  }
  .syp-section-tabs {
    flex-direction: column;
  }
  .syp-section-tabs button {
    text-align: left;
  }
  .syp-book-facts dl {
    gap: 25px 20px;
  }
  .syp-book-facts {
    padding-bottom: 35px;
  }
  .syp-launch {
    padding: 25px 20px;
  }
  .syp-launch h2 {
    font-size: 36px;
  }
  .field-row {
    grid-template-columns: 1fr;
    display: grid;
    gap: 20px;
  }
  .syp-exercise-body {
    gap: 35px;
  }
  .syp-exercise-head h1 {
    font-size: 50px;
  }
  .syp-exercise-purpose {
    font-size: 17px;
  }
  .syp-video-start > span {
    bottom: 14px;
    left: 14px;
    padding: 10px 16px;
    font-size: 14px;
  }
  .syp-demo video::cue {
    font-size: 14px;
  }
  .syp-routine-form {
    padding: 24px 20px;
  }
  .syp-routine-form h2,
  .syp-routine-output h2 {
    font-size: 38px;
  }
  .syp-time-options label {
    justify-content: center;
    padding: 12px 8px;
  }
  .syp-routine-steps li {
    grid-template-columns: 27px 1fr;
    gap: 12px;
  }
  .syp-routine-steps a {
    font-size: 24px;
  }
  .syp-reference {
    padding: 23px;
  }
  .syp-pricing-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .syp-pricing-grid .pricing-card {
    padding: 30px;
  }
  .syp-pricing-grid .plan-price strong {
    font-size: 50px;
  }
  .syp-continue {
    padding: 30px 24px;
  }
  .syp-continue h2 {
    font-size: 40px;
  }
  .syp-dashboard-grid {
    gap: 35px;
    padding: 40px 0;
  }
  .syp-account-settings > .button {
    display: flex;
    max-width: 100%;
  }
  .syp-account-line {
    flex-wrap: wrap;
  }
  .syp-corrections h2 {
    font-size: 36px;
  }
  .inquiry-band .shell {
    align-items: flex-start;
    gap: 28px;
    flex-direction: column;
  }
  .inquiry-band h2 {
    font-size: 36px;
  }
  .home-hierarchy-line {
    font-size: 24px;
  }
  .home-hierarchy-line span {
    font-size: 25px;
  }
  .home-hierarchy-line i {
    font-size: 18px;
  }
  .home-coach-map {
    display: none;
  }
  .home-coach-copy h2 {
    font-size: 44px;
  }
  .founder-copy h2 {
    font-size: 40px;
  }
  .footer-links {
    gap: 30px;
  }
  .footer-bottom {
    gap: 14px;
    flex-direction: column;
  }
  .footer-links a {
    min-height: 44px;
  }
  .syp-policy p {
    font-size: 16px;
  }
  .syp-policy h2 {
    font-size: 30px;
  }
  .syp-lesson-tile h3 {
    font-size: 30px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *:before,
  *:after {
    animation: none !important;
    transition: none !important;
  }
  .brand-header-gif-live {
    display: none;
  }
}
/* Keep the direct account route visible at every viewport. */
@media (max-width: 1050px) {
  .nav-cta {
    display: inline-flex;
    margin-left: auto;
  }
  .menu-button {
    margin-left: 0;
  }
  .mobile-nav {
    top: 78px;
  }
}
@media (max-width: 620px) {
  .mobile-nav {
    top: 72px;
  }
  .nav-shell {
    gap: 10px;
  }
  .nav-cta {
    min-width: 86px;
    font-size: 12px;
  }
}
.syp-static nav {
  margin-block: 24px;
}
.syp-static h1 {
  margin-top: 38px;
}
.syp-static p {
  max-width: 760px;
}
/* Contrast corrections found by the final accessibility scan. */
.founder-copy h2 em{color:#a51c28}.footer-intro p{color:#aaa}.footer-links>div>span{color:#aaa}
.syp-coach-workspace{background:#f7f7f6;padding:46px 0 0;color:#202024}
.coach-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.coach-workspace-head h1{font-size:clamp(3rem,6vw,5rem);line-height:1;margin:10px 0 0}
.coach-workspace-head h1 em{color:#b3233a;font-style:normal}
.coach-my-syp,.coach-source-link{font-weight:700;color:#8c1830}
.coach-workspace-nav{display:flex;gap:30px;border-bottom:1px solid #d1d0d1;margin-bottom:32px}
.coach-workspace-nav a{padding:16px 3px;min-height:50px;font-weight:700;text-decoration:none;color:#55515a;border-bottom:3px solid transparent}
.coach-workspace-nav a[aria-current=page]{color:#971c33;border-color:#971c33}
.syp-ask,.syp-form-lab,.coach-routine-panel{background:#fff;border:1px solid #dedbdd;border-radius:12px;padding:32px}
.coach-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}
.coach-panel-heading h2,.coach-routine-panel h2{font-size:clamp(2rem,4vw,2.9rem);line-height:1.1;margin:8px 0 14px}
.coach-kicker{font-size:13px;font-weight:800;letter-spacing:.12em;color:#932139}
.coach-mode{border:1px solid #cfc9cd;border-radius:30px;padding:7px 12px;font-size:13px;line-height:1.4;color:#5f4550;background:#f9f5f6;flex-shrink:0}
.coach-intro{max-width:760px;margin:0 0 12px;font-size:17px;line-height:1.65}
.coach-disclosure{font-size:14px!important;line-height:1.65!important;color:#625c64;max-width:830px}
.coach-prompts{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}
.coach-prompts button{background:#fff;color:#792039;border:1px solid #bfaab1;border-radius:7px;padding:11px 15px;font:inherit;font-size:14px;min-height:44px;cursor:pointer}
.coach-prompts button:hover{background:#fcf3f5}
.coach-conversation{max-height:580px;overflow-y:auto;scrollbar-gutter:stable}
.coach-exchange{border-top:1px solid #e5dfe1;padding:24px 0 22px}
.coach-exchange h3{font-family:inherit;font-size:18px;line-height:1.5;margin:0 0 20px;color:#31202a}
.coach-answer-label{font-size:12px;font-weight:800;letter-spacing:.06em;color:#8c1830;text-transform:uppercase}
.coach-exchange p{font-size:16px;line-height:1.7;max-width:900px;margin:10px 0}
.coach-sources{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:16px}
.coach-sources a,.coach-companion-link a,.coach-signin a{color:#8c1830;font-size:15px;font-weight:700;min-height:44px;display:inline-flex;align-items:center}
.coach-signin a.button{color:#fff}
.coach-question-form{margin-top:24px}
.coach-question-form label{display:block;font-size:15px;font-weight:700;margin-bottom:10px}
.coach-question-form textarea{font:inherit;font-size:16px;line-height:1.6;width:100%;box-sizing:border-box;padding:16px;border:1px solid #aaa0a6;border-radius:8px;background:#fcfbfc;resize:vertical;color:#242024}
.coach-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:14px}
.coach-form-bottom p{font-size:13px;color:#625c64;max-width:460px;line-height:1.6;margin:0}
.coach-form-bottom button{flex-shrink:0}
.coach-text-button{background:none;border:0;font:inherit;font-size:14px;color:#8c1830;text-decoration:underline;min-height:44px;padding:8px 0;cursor:pointer}
.coach-form-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr);gap:28px;margin-top:28px}
.syp-camera-stage{position:relative;aspect-ratio:4/3;background:#18151a;border-radius:9px;overflow:hidden}
.syp-camera-stage video,.syp-camera-stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.syp-camera-stage canvas{pointer-events:none}
.syp-camera-placeholder,.syp-camera-loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:32px;color:#fff;background:linear-gradient(120deg,#171318,#37141e)}
.syp-camera-placeholder span{font-size:12px;letter-spacing:.14em;color:#e9b7c2;font-weight:700}
.syp-camera-placeholder h3{font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.04;white-space:pre-line;color:#fff;margin:24px 0 16px}
.syp-camera-placeholder p,.syp-camera-loading p{color:#e4d6db;font-size:14px;line-height:1.6}
.syp-camera-loading strong{font-size:22px;line-height:1.4}
.coach-camera-controls{margin-top:18px!important;flex-wrap:wrap}
.coach-camera-controls button{cursor:pointer}
.coach-observations{padding:4px 0}
.coach-observations h3{font-size:28px;line-height:1.2;margin:12px 0}
.coach-observations p{font-size:15px;line-height:1.65}
.coach-angles{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #e2dce0;padding:18px 0;margin:22px 0 14px;gap:18px}
.coach-angles dt{font-size:13px;color:#625c64}
.coach-angles dd{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:42px;line-height:1.1;margin:10px 0 0;color:#8c1830;font-variant-numeric:tabular-nums}
.coach-observations h4{font-family:inherit;font-size:15px;margin:24px 0 12px}
.coach-observations ul{padding-left:20px;font-size:15px;line-height:1.8}
.coach-source-link{font-size:14px;display:inline-flex;align-items:center;min-height:44px}
.coach-beta-note{border-top:1px solid #e2dce0;margin:28px 0 0;padding-top:20px;font-size:13px;line-height:1.65;color:#625c64}
.coach-companion-link{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0 42px}
.coach-companion-link p{font-size:14px;line-height:1.6;color:#625c64;margin:0;max-width:480px}
.coach-routine-panel{padding:40px;min-height:280px}
.coach-routine-panel>p{max-width:700px;line-height:1.7}
.coach-routine-panel .button-row{margin:26px 0}
.syp-coach-workspace button:disabled{opacity:.55;cursor:wait}
.syp-coach-workspace a:focus-visible,.syp-coach-workspace button:focus-visible,.syp-coach-workspace textarea:focus-visible{outline:3px solid #96213b;outline-offset:4px}
@media(max-width:1100px){.desktop-nav{gap:16px}.desktop-nav a{font-size:13px}.coach-form-layout{grid-template-columns:minmax(0,1.2fr) minmax(240px,1fr)}}
@media(max-width:760px){.syp-coach-workspace{padding-top:30px}.coach-panel-heading{align-items:flex-start;flex-direction:column;gap:0}.coach-panel-heading .coach-mode{margin:0 0 18px}.syp-ask,.syp-form-lab,.coach-routine-panel{padding:22px 18px}.coach-form-layout{grid-template-columns:minmax(0,1fr);gap:20px}.coach-form-bottom,.coach-companion-link{align-items:flex-start;flex-direction:column;gap:16px}.coach-form-bottom button{width:100%}.coach-workspace-nav{gap:22px;margin-bottom:24px}.coach-workspace-nav a{font-size:15px}.coach-prompts{flex-direction:column;margin:20px 0}.coach-prompts button{text-align:left}.coach-workspace-head{gap:12px}.coach-my-syp{font-size:14px}.coach-camera-controls{gap:10px}.coach-camera-controls button{padding:12px 14px;font-size:14px}.coach-conversation{max-height:650px}.coach-companion-link{padding-bottom:30px}}

.coach-my-syp{white-space:nowrap}
@media(max-width:420px){.coach-workspace-nav{gap:12px}.coach-workspace-nav a{white-space:nowrap;font-size:14px}.syp-continue>.button{margin:8px 10px 0 0!important}}
.coach-friendly{padding:0;overflow:hidden}
.coach-welcome{display:grid;grid-template-columns:156px minmax(0,1fr);gap:30px;align-items:center;padding:34px;background:linear-gradient(120deg,#f9f5f6,#fff 75%);border-bottom:1px solid #eadfe3}
.coach-welcome h2{font-family:Inter,sans-serif;font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.25;text-transform:none;letter-spacing:-.045em;margin:10px 0 14px;font-weight:700}
.coach-welcome p{max-width:660px;font-size:17px;line-height:1.65;margin:0;color:#59505a}
.coach-avatar{width:156px;height:156px;border-radius:50%;box-shadow:0 0 0 7px #fff,0 0 0 8px #ead7de;overflow:hidden;flex-shrink:0}
.coach-avatar img{width:100%;height:100%;object-fit:cover}
.coach-avatar.is-speaking{box-shadow:0 0 0 7px #fff,0 0 0 10px #b7435b;animation:syp-voice-pulse 1.8s ease-in-out infinite}
@keyframes syp-voice-pulse{50%{box-shadow:0 0 0 8px #fff,0 0 0 14px #ecc5ce}}
@media(prefers-reduced-motion:reduce){.coach-avatar.is-speaking{animation:none}}
.coach-voice-welcome{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:12px}
.coach-chat-space{padding:28px 34px}
.coach-starter>p{font-size:17px;font-weight:600;margin:0}
.coach-friendly .coach-prompts{margin:16px 0 26px}
.coach-friendly .coach-prompts button{border-radius:30px;color:#752439;font-size:15px;padding:12px 18px}
.coach-friendly .coach-conversation{max-height:660px;overflow-y:auto}
.coach-friendly .coach-exchange{border:0;padding:4px 0 24px}
.coach-user-message{background:#f7f3f5;border-radius:16px 16px 3px 16px;padding:15px 19px;margin:0 0 22px auto;max-width:85%;width:fit-content}
.coach-user-message span{font-size:12px;font-weight:700;color:#75626b}
.coach-user-message h3{font-family:Inter,sans-serif;text-transform:none;font-size:16px;letter-spacing:0;line-height:1.6;margin:4px 0 0}
.coach-reply{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px}
.coach-reply>img{border-radius:50%;border:1px solid #e2d5da}
.coach-friendly .coach-answer-label{text-transform:none;letter-spacing:0;font-size:13px}
.coach-friendly .coach-question-form{border:1px solid #bfa9b2;border-radius:16px;padding:18px;margin-top:14px;box-shadow:0 4px 18px #2e162509;background:#fff}
.coach-friendly .coach-question-form label{font-weight:600}
.coach-friendly .coach-question-form textarea{border:0;padding:4px 0 12px;background:#fff;min-height:75px;outline-offset:2px}
.coach-input-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.coach-read-option{display:flex!important;gap:8px;align-items:center;font-size:13px!important;margin:0!important;min-height:44px;color:#61505a}
.coach-read-option input{width:17px;height:17px;accent-color:#8c1830}
.coach-friendly .coach-form-bottom{gap:16px;margin-top:8px}
.coach-friendly .coach-form-bottom button{min-height:46px;border-radius:7px;font-size:14px;padding:12px 18px}
.coach-voice-status{font-size:14px;line-height:1.6;min-height:22px;color:#8c1830;margin:12px 0 0}
.coach-how{padding:20px 30px;background:#fbf9fa;border-top:1px solid #e6dce0;font-size:14px;color:#63545e;line-height:1.7}
.coach-how summary{cursor:pointer;font-size:14px;font-weight:600;color:#673245;min-height:28px}
.coach-how p{font-size:14px;line-height:1.7;max-width:860px}
.coach-how a{color:#8c1830;display:inline-flex;min-height:44px;align-items:center}
.syp-form-lab>.coach-how{margin:26px -32px -32px;border-radius:0 0 12px 12px}
.syp-form-lab .coach-panel-heading h2{text-transform:none;font-size:clamp(1.9rem,3.5vw,2.6rem)}
.coach-camera-help{background:#fbf5f7;border:1px solid #e7ced7;padding:14px 18px;border-radius:9px;margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.coach-camera-help p{font-size:14px;line-height:1.6;margin:0;max-width:500px}
.coach-camera-help .button{font-size:13px;padding:12px 16px;flex-shrink:0}
.coach-camera-select{display:flex;align-items:center;gap:16px;font-size:14px;margin:18px 0}
.coach-camera-select select{font:inherit;min-height:44px;max-width:100%;padding:9px 12px;border:1px solid #bdaab3;border-radius:7px;background:white;color:#34232c}
.coach-tracking-notice{font-size:14px;line-height:1.65;color:#713449;background:#fcf7f9;border-left:3px solid #b32e50;padding:12px 16px}
.coach-observations h3{text-transform:none}
.syp-form-lab .syp-status p{margin:0 0 14px}
@media(max-width:760px){.coach-welcome{grid-template-columns:86px minmax(0,1fr);gap:20px;padding:26px 22px}.coach-avatar{width:86px;height:86px}.coach-welcome h2{font-size:1.65rem}.coach-welcome p{font-size:16px}.coach-chat-space{padding:22px 18px}.coach-friendly .coach-prompts button{border-radius:9px}.coach-friendly .coach-form-bottom{align-items:stretch}.coach-friendly .coach-form-bottom>button{width:100%}.coach-input-actions{gap:12px}.coach-input-actions .button{width:auto}.coach-how{padding:18px}.syp-form-lab>.coach-how{margin:24px -18px -22px}.coach-camera-help{align-items:flex-start;flex-direction:column}.coach-camera-select{align-items:flex-start;flex-direction:column;gap:8px}.coach-reply{grid-template-columns:30px minmax(0,1fr);gap:10px}.coach-reply>img{width:30px;height:30px}}
@media(max-width:420px){.coach-welcome{grid-template-columns:1fr}.coach-welcome .coach-avatar{width:92px;height:92px}.coach-voice-welcome{gap:5px 15px}.coach-welcome h2{font-size:1.7rem}.coach-friendly .coach-question-form{padding:14px}.coach-user-message{max-width:95%}.coach-camera-controls .button{width:100%}}
/* Authentic proof samples: generous reading width, stable media dimensions. */
.syp-book-sample{scroll-margin-top:100px}.syp-book-sample>p{max-width:760px}.sample-controls{display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:24px 0}.sample-controls label{display:grid;gap:8px;font-weight:650}.sample-controls select{font:inherit;min-height:48px;padding:10px 12px;max-width:100%;border:1px solid #aaa;border-radius:6px;background:#fff;color:#191919}.sample-page{max-width:760px;margin:32px auto}.sample-page img{display:block;width:100%;height:auto;aspect-ratio:1237/1600;background:white;box-shadow:0 8px 30px #0002}.sample-page figcaption{font-size:14px;color:#555;margin-top:12px;text-align:center}.sample-controls button:disabled{opacity:.5;cursor:default}@media(max-width:600px){.sample-controls label{width:100%}.sample-controls .button{font-size:15px}.sample-controls{gap:12px}.sample-page{margin:24px 0}}
/* Keep intrinsic select/card widths inside small viewports. */
.syp-routine-layout>*{min-width:0}.syp-routine-form select{width:100%;min-width:0;max-width:100%}.syp-time-options{flex-wrap:wrap}.syp-time-options label{min-width:0}.revenue-card>div:last-child{min-width:0;overflow-wrap:break-word}.syp-dashboard{min-height:640px}
@media(max-width:480px){.revenue-card{grid-template-columns:minmax(0,1fr)}.movement-gallery{grid-template-columns:minmax(0,1fr);overflow:visible}.movement-gallery figure{width:100%;height:auto;aspect-ratio:16/9;min-width:0}.movement-gallery img{width:100%;height:100%;object-fit:contain;background:#101011}.syp-time-options label{padding:12px 5px;gap:4px}.syp-routine-form{padding:24px 14px}}

/* Coach extensions use the existing SYP scale and button language. */
.coach-values{font-size:.95rem;color:#645761;margin:0 0 1.4rem;line-height:1.65}
.coach-consent,.coach-change-history{padding:1.4rem 0;border-top:1px solid #e4d8de;margin-top:1.4rem}
.coach-consent label,.coach-review-option{display:flex;align-items:center;gap:.75rem;min-height:44px;line-height:1.5}
.coach-consent input,.coach-review-option input{flex:none;width:20px;height:20px;accent-color:#a22640}
.coach-consent p{font-size:.93rem;color:#645761;line-height:1.65;max-width:70ch}
.coach-change{border-top:1px solid #e4d8de;padding:1.5rem 0}.coach-change h4{font-family:inherit;font-size:1.05rem}.coach-change small{display:block;margin-top:1rem;color:#645761;overflow-wrap:anywhere}
.coach-change .button-row{flex-wrap:wrap}.coach-change-history a{color:#8c1830}.coach-change li{margin:.55rem 0}.coach-review-option{font-size:.93rem;margin:1rem 0}

.coach-change-history{padding:24px 34px;margin-top:0}.coach-change-history p{line-height:1.65}.coach-change-history h3{font-family:Inter,sans-serif;text-transform:none;font-size:1.25rem}@media(max-width:760px){.coach-change-history{padding:22px 18px}}
/* The original logo animation returns as a compact cinematic opening. */
.syp-cinematic-logo{position:relative;width:320px;max-width:100%;margin:-32px 0 25px;background:#111114;border-radius:2px}
.syp-cinematic-logo video{display:block;width:100%;height:160px;object-fit:cover;object-position:center;border:0;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}
.syp-logo-control{position:absolute;right:0;bottom:17px;border:0;background:#111114e8;color:#e8dfe2;min-width:44px;min-height:44px;font-size:11px;cursor:pointer;padding:8px}
.syp-logo-wordmark{display:block;text-align:center;font-size:10px;font-weight:600;letter-spacing:.26em;color:#cfc1c6;padding:0 0 6px}
.syp-home-refined .hero-content{padding-top:54px;padding-bottom:54px}.syp-home-refined .hero h1{font-size:clamp(54px,5.2vw,76px)}
@media(max-width:760px){.syp-cinematic-logo{width:260px;margin:-20px 0 24px}.syp-cinematic-logo video{height:135px}.syp-home-refined .hero-content{padding-top:36px}.syp-home-refined .hero h1{font-size:clamp(43px,9vw,62px)}}
.syp-cinematic-logo{background:transparent;width:370px;margin-bottom:18px}.syp-cinematic-logo video{height:180px;filter:contrast(1.14);mask-image:radial-gradient(ellipse at center,#000 43%,transparent 75%)}.syp-logo-control{font-size:12px;bottom:0;background:#09090be6;right:0}@media(max-width:760px){.syp-cinematic-logo{width:280px}.syp-cinematic-logo video{height:140px}}

/* Cinematic logo stays visually uninterrupted; motion control appears only on keyboard focus. */
.syp-logo-control.syp-motion-access:not(:focus-visible){clip-path:inset(50%);height:1px;width:1px;padding:0;overflow:hidden;white-space:nowrap;border:0}
.syp-logo-control.syp-motion-access:focus-visible{clip-path:none;outline:3px solid #fff;outline-offset:3px}
/* A complete, guided Form Lab session. */
.form-steps{display:flex;list-style:none;padding:0;margin:26px 0 32px;border-bottom:1px solid #ded5d8;gap:24px}
.form-steps li{display:flex;align-items:center;gap:9px;padding:0 0 16px;color:#70656b;font-size:14px;font-weight:600}
.form-steps li span{display:grid;place-items:center;border:1px solid #b9aeb3;border-radius:50%;width:25px;height:25px;font-size:12px}
.form-steps li.current{color:#861b35;border-bottom:2px solid #861b35}.form-steps li.current span,.form-steps li.complete span{background:#861b35;border-color:#861b35;color:#fff}
.form-guided .coach-form-layout{grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr)}
.form-stage{aspect-ratio:16/10;isolation:isolate;border:1px solid #34242d}
.form-preview{position:absolute;inset:0;background:#141417}.form-preview img{width:100%;height:100%;object-fit:cover}.form-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#060609ed,transparent 65%)}
.form-preview-caption{position:absolute;bottom:24px;left:24px;right:20px;color:white;z-index:1;display:grid;gap:9px}.form-preview-caption span{font-size:11px;letter-spacing:.13em;color:#f3c9d1}.form-preview-caption strong{font-family:'Barlow Condensed',sans-serif;font-size:33px;line-height:1.08}.form-preview-caption small{font-size:11px;color:#e7dce1}
.form-framing{position:absolute;inset:11% 16%;border:1px dashed #ffffffb0;border-radius:18px;pointer-events:none;display:flex;justify-content:center}.form-framing>span{position:absolute;top:-13px;background:#18131dde;color:white;border-radius:4px;padding:5px 8px;font-size:11px}.form-hip-line{position:absolute;top:52%;border-top:1px dashed #e6b77d;width:100%;text-align:right;color:#fff;font-style:normal;font-size:11px;padding-top:5px;text-shadow:0 1px 3px #000}
.form-live-badge{position:absolute;top:12px;left:12px;display:flex;gap:8px;align-items:center;background:#100e12e8;border:1px solid #6e5965;border-radius:5px;color:#fff;padding:8px 10px;font-size:11px;font-weight:700;letter-spacing:.05em;z-index:3}.record-dot{width:9px;height:9px;background:#ff5975;border-radius:50%}
.form-countdown{position:absolute;inset:0;background:#15101988;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}.form-countdown strong{font-size:96px;line-height:1.1;font-weight:600}.form-countdown span{font-size:14px;background:#1d1422e8;padding:8px 12px;border-radius:5px}
.form-analysis-overlay{position:absolute;bottom:16px;left:16px;right:16px;padding:16px;background:#120e16ed;border:1px solid #826572;border-radius:7px;color:#fff;display:grid;gap:8px}.form-analysis-overlay strong{font-size:18px}.form-analysis-overlay span{font-size:12px;color:#e5d4dd}.form-analysis-overlay progress{width:100%;height:7px;accent-color:#f0869f}
.form-camera-options{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0}.form-camera-options label,.form-clip-options label{display:grid;gap:7px;font-size:13px;font-weight:600;max-width:100%;color:#493b44}.form-camera-options select,.form-clip-options input{min-height:44px;max-width:100%;border:1px solid #c7b8c0;border-radius:5px;padding:9px 12px;background:white;color:#33242e;font:inherit}.form-clip-options input{width:105px}.form-clip-options{display:flex;gap:18px;align-items:center;margin:18px 0}.form-clip-options p{font-size:13px;line-height:1.6;color:#62515d;margin:0;max-width:340px}
.form-check-options{display:flex;gap:18px;flex-wrap:wrap;margin:12px 0}.form-check-options label{display:flex;align-items:center;gap:7px;min-height:44px;font-size:13px}.form-check-options input{accent-color:#8b2540;width:18px;height:18px}.form-phone-action{margin:4px 0 8px}.form-notice{font-size:14px;line-height:1.6;color:#55404e;border-left:3px solid #b88596;padding:10px 14px;background:#f5f0f2}
.form-setup h3{font-size:29px;line-height:1.15;max-width:340px}.form-setup-list{list-style:none;counter-reset:setup;padding:0;margin:24px 0}.form-setup-list li{counter-increment:setup;position:relative;padding:0 0 18px 36px}.form-setup-list li:before{content:counter(setup);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:#f0e4e9;color:#791d39;font-size:12px;display:grid;place-items:center;font-weight:700}.form-setup-list strong{font-size:14px;color:#392b35}.form-setup-list p{font-size:14px;line-height:1.6;margin:7px 0 0;color:#62515d}.form-phone-tip{background:#f3edef;border-radius:6px;padding:14px;font-size:13px!important}
.form-result{scroll-margin-top:110px;margin-top:30px;padding:28px;background:#f8f3f5;border:1px solid #dac4ce;border-top:3px solid #8b2540;border-radius:8px}.form-result:focus{outline:2px solid #8b2540;outline-offset:4px}.form-result-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.form-result h3{font-size:32px;margin:10px 0 12px}.form-result>p{font-size:15px;line-height:1.7}.form-coverage{font-size:12px;font-weight:600;background:#eadce2;color:#62253d;padding:9px 12px;border-radius:5px;white-space:nowrap}.form-next-cue{margin:20px 0;padding:20px;background:#fff;border-left:3px solid #a8506d}.form-next-cue p{font-size:17px;line-height:1.6;margin:10px 0 0;color:#402a38}.form-next-cue .form-next-detail{font-size:14px;color:#66515e}.form-result .coach-disclosure{font-size:12px;color:#6c5461;line-height:1.7}
@media(max-width:760px){.form-guided .coach-form-layout{grid-template-columns:minmax(0,1fr)}.form-steps{gap:0;justify-content:space-between}.form-steps li{gap:5px;font-size:12px}.form-steps li span{width:20px;height:20px;font-size:10px}.form-preview-caption{bottom:18px;left:18px}.form-preview-caption strong{font-size:27px}.form-preview-caption small{font-size:10px}.form-setup{border-top:1px solid #e2d5db;padding-top:22px}.form-result{padding:20px 16px}.form-result-head{align-items:flex-start;flex-direction:column;gap:0}.form-result h3{font-size:28px}.form-coverage{margin:4px 0 10px}.form-camera-options select{max-width:250px}.form-live-badge{font-size:9px;top:8px;left:8px;padding:6px 8px}.form-clip-options{align-items:flex-start}.form-framing>span{font-size:9px}.form-hip-line{font-size:9px}.form-countdown strong{font-size:72px}.form-countdown span{font-size:11px}.form-analysis-overlay{padding:12px;bottom:10px;left:10px;right:10px}}

/* SYP Form Lab: the dark, instrument-panel direction selected by Matt. */
.form-guided{background:#0c1116;color:#eaf0f4;border:1px solid #28313a;box-shadow:0 18px 55px #17243213}
.form-guided .coach-panel-heading h2,.form-guided h3,.form-guided h4{color:#f5f8fa}
.form-guided .coach-kicker{color:#99c8d5}.form-guided .coach-intro{color:#bbc8d1}.form-guided .coach-mode{background:#171e26;color:#e0b3c1;border:1px solid #46323d}
.form-guided .form-steps{border-color:#303b44}.form-guided .form-steps li{color:#a2b0ba}.form-guided .form-steps li span{border-color:#51606b}.form-guided .form-steps li.current{color:#93e4ef;border-color:#72d7e5}.form-guided .form-steps li.current span,.form-guided .form-steps li.complete span{background:#203942;color:#c2f7ff;border-color:#568f9c}
.form-guided .form-stage{border-radius:3px;border-color:#33404a;box-shadow:inset 0 0 0 1px #ffffff06}.form-preview:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#64cadd0a 1px,transparent 1px),linear-gradient(#64cadd0a 1px,transparent 1px);background-size:40px 40px;z-index:1;pointer-events:none}.form-preview:after{background:linear-gradient(0deg,#060a0ef0,transparent 70%),linear-gradient(90deg,#070d11b0,transparent 65%)}
.form-preview-caption{z-index:2}.form-preview-caption span{color:#87dbe8}.form-preview-caption strong{font-size:34px;text-transform:uppercase;max-width:320px}.form-preview-caption small{color:#aebcc6}.form-preview-hud{position:absolute;left:22px;top:22px;padding:15px 18px;display:grid;gap:8px;z-index:2;background:#090e12e3;border:1px solid #34434d;min-width:148px}.form-preview-hud span{font-size:9px;font-weight:700;letter-spacing:.12em;color:#91a9b7}.form-preview-hud strong{font-family:'Barlow Condensed',sans-serif;font-size:35px;line-height:1;color:white}.form-preview-hud small{font-size:10px;color:#87d9da}
.form-guided .button.primary{background:#ae2342;border-color:#c74560;color:#fff}.form-guided .button.primary:hover{background:#c52f51}.form-guided .button.secondary{background:#151d25;color:#e4edf3;border-color:#465462}.form-guided .button.secondary:hover{background:#23303b}.form-guided .coach-text-button,.form-guided .coach-source-link{color:#91deeb}.form-guided button:focus-visible,.form-guided a:focus-visible,.form-guided input:focus-visible,.form-guided select:focus-visible,.form-guided summary:focus-visible{outline:3px solid #95e7f3;outline-offset:4px}
.form-guided .form-setup-list strong{color:#ecf2f6}.form-guided .form-setup-list p{color:#b3c2cc}.form-guided .form-setup-list li:before{background:#1b2a34;color:#9de4ed;border:1px solid #3a535f}.form-guided .form-phone-tip{background:#151f27;border:1px solid #2f404c;color:#bbcedb}.form-guided .form-camera-options label,.form-guided .form-clip-options label,.form-guided .form-check-options label{color:#bbcad4}.form-guided .form-camera-options select,.form-guided .form-clip-options input{background:#141d25;border-color:#4a5d6a;color:#e3edf4}.form-guided .form-clip-options p{color:#adbeca}.form-guided .coach-disclosure{color:#9fafbb}.form-guided .form-notice{background:#15232d;border-color:#72c8d9;color:#c9e7ef}.form-guided .coach-camera-help{background:#17212a;border-color:#3a4b57;color:#c3d3de}.form-guided .coach-camera-help p{color:#c3d3de}.form-guided .syp-status.error{background:#321c27;border-color:#b76b84;color:#ffe1ea}
.form-guided .coach-how{background:#121c24;border-color:#354652;color:#b9ccd8}.form-guided .coach-how summary{color:#d5e3ec}.form-guided .coach-how p{color:#b9ccd8}.form-guided .form-result{background:#111b24;border-color:#34505f;border-top-color:#79cddb}.form-guided .form-result>p{color:#c5d5df}.form-guided .form-coverage{background:#1c333d;color:#aee9f0}.form-guided .form-next-cue{background:#0a1219;border-color:#b63754}.form-guided .form-next-cue p{color:#e7eff4}.form-guided .form-next-cue .form-next-detail{color:#afc3d0}.form-guided .coach-angles{border-color:#384e5c}.form-guided .coach-angles dt{color:#a8bfcc}.form-guided .coach-angles dd{color:#9ce4ef}.form-guided .form-result:focus{outline-color:#7cc6d7}.form-guided .form-result .coach-disclosure{color:#a4bac8}
@media(max-width:760px){.form-guided .form-setup{border-color:#34434e}.form-preview-hud{left:14px;top:14px;padding:10px 12px;min-width:108px;gap:6px}.form-preview-hud strong{font-size:27px}.form-preview-hud span{font-size:8px}.form-preview-hud small{font-size:9px}.form-preview-caption strong{font-size:26px}.form-preview-caption span{font-size:9px}.form-preview-caption{bottom:14px;left:14px;gap:6px}.form-preview-caption small{max-width:190px;line-height:1.5}}