@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url("/fonts/barlow-condensed-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/barlow-condensed-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:800;font-display:swap;src:url("/fonts/barlow-condensed-latin-800-normal.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:italic;font-weight:700;font-display:swap;src:url("/fonts/barlow-condensed-latin-700-italic.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:italic;font-weight:800;font-display:swap;src:url("/fonts/barlow-condensed-latin-800-italic.woff2") format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url("/fonts/inter-latin-wght-normal.woff2") format("woff2")}
:root {
  --black: #0b0b0c;
  --black-2: #121214;
  --ink: #171719;
  --red: #d6202a;
  --red-bright: #f1323d;
  --red-dark: #9d1118;
  --white: #fff;
  --paper: #f5f4f2;
  --gray-50: #faf9f7;
  --gray-100: #efeeeb;
  --gray-200: #deddd9;
  --gray-400: #9b9a97;
  --gray-600: #656563;
  --heading: "Barlow Condensed", "Arial Narrow", sans-serif;
  --body: "Inter", Arial, sans-serif;
  --shell: min(1220px, calc(100% - 48px));
  --shadow: 0 24px 70px #00000024;
}
* {
  box-sizing: border-box;
}
body {
  color: var(--ink);
  background: var(--gray-50);
  font-family: var(--body);
  -webkit-font-smoothing: antialiased;
  margin: 0;
}
body,
button,
input,
select,
textarea {
  font-family: var(--body);
}
a {
  color: inherit;
  text-decoration: none;
}
button,
input,
select,
textarea {
  font: inherit;
}
button,
a {
  -webkit-tap-highlight-color: transparent;
}
img,
svg {
  max-width: 100%;
  display: block;
}
h1,
h2,
h3,
p,
ul,
blockquote {
  margin-top: 0;
}
h1,
h2,
h3 {
  font-family: var(--heading);
  letter-spacing: -0.02em;
  text-transform: uppercase;
  line-height: 0.94;
}
h1 em,
h2 em {
  color: var(--red-bright);
  font-style: italic;
}
p {
  color: var(--gray-600);
  line-height: 1.75;
}
.shell {
  width: var(--shell);
  margin-inline: auto;
}
.soft-section {
  background: var(--paper);
}
.dark-section {
  color: var(--white);
  background: var(--black);
}
.hidden {
  display: none !important;
}
.site-header {
  z-index: 100;
  color: #fff;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #0b0b0cf0;
  border-bottom: 1px solid #ffffff17;
  position: sticky;
  top: 0;
}
.nav-shell {
  align-items: center;
  gap: 28px;
  width: min(1500px, 100% - 38px);
  height: 78px;
  margin: auto;
  display: flex;
}
.brand {
  flex: none;
  align-items: center;
  gap: 11px;
  display: inline-flex;
}
.brand-logo {
  object-fit: contain;
  filter: drop-shadow(0 4px 10px #0000006b);
  width: 168px;
  height: 64px;
}
.brand-mark {
  border: 2px solid var(--red);
  color: #fff;
  width: 41px;
  height: 41px;
  font: italic 800 32px/0.8 var(--heading);
  place-items: center;
  display: grid;
  transform: skew(-7deg);
}
.brand-type {
  font: 700 13px/0.95 var(--heading);
  letter-spacing: 0.055em;
  flex-direction: column;
  display: flex;
}
.brand-type span {
  color: var(--red-bright);
  letter-spacing: 0.1em;
  font-size: 14px;
}
.desktop-nav {
  align-items: center;
  gap: clamp(13px, 1.25vw, 25px);
  margin-left: auto;
  display: flex;
}
.desktop-nav a {
  color: #c4c4c4;
  white-space: nowrap;
  padding-block: 30px;
  font-size: clamp(10px, 0.76vw, 12px);
  font-weight: 600;
  position: relative;
}
.desktop-nav a:after {
  content: "";
  background: var(--red);
  height: 2px;
  transition: right 0.25s;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 100%;
}
.desktop-nav a:hover,
.desktop-nav a.active {
  color: #fff;
}
.desktop-nav a:hover:after,
.desktop-nav a.active:after {
  right: 0;
}
.nav-cta {
  border: 1px solid var(--red);
  color: #fff;
  text-transform: uppercase;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 17px;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
}
.nav-cta:hover {
  background: var(--red);
}
.icon {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 18px;
  height: 18px;
  transition: transform 0.2s;
}
a:hover .icon,
button:hover .icon {
  transform: translate(4px);
}
.menu-button {
  background: 0 0;
  border: 0;
  width: 46px;
  height: 46px;
  margin-left: auto;
  padding: 11px 7px;
  display: none;
}
.menu-button span {
  background: #fff;
  width: 28px;
  height: 2px;
  margin: 5px auto;
  transition: all 0.25s;
  display: block;
}
.menu-button.is-open span:first-child {
  transform: translateY(7px) rotate(45deg);
}
.menu-button.is-open span:nth-child(2) {
  opacity: 0;
}
.menu-button.is-open span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}
.mobile-nav {
  display: none;
}
.button {
  letter-spacing: 0.035em;
  text-transform: uppercase;
  cursor: pointer;
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  gap: 14px;
  min-height: 54px;
  padding: 0 22px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  transition:
    background 0.2s,
    color 0.2s,
    border-color 0.2s,
    transform 0.2s;
  display: inline-flex;
}
.button:hover {
  transform: translateY(-2px);
}
.button.primary {
  color: #fff;
  background: var(--red);
  border-color: var(--red);
}
.button.primary:hover {
  background: var(--red-bright);
  border-color: var(--red-bright);
}
.button.ghost {
  color: #fff;
  border-color: #ffffff5c;
}
.button.ghost:hover {
  background: #ffffff0f;
  border-color: #fff;
}
.button.secondary {
  color: var(--ink);
  border-color: var(--ink);
}
.button.secondary:hover {
  color: #fff;
  background: var(--ink);
}
.button.text {
  min-height: 36px;
  color: var(--ink);
  border-bottom: 1px solid var(--ink);
  padding: 0 0 6px;
}
.button-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}
.eyebrow {
  color: var(--red-dark);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  align-items: center;
  gap: 11px;
  margin-bottom: 23px;
  font-size: 11px;
  font-weight: 800;
  display: flex;
}
.eyebrow span {
  background: currentColor;
  width: 30px;
  height: 2px;
}
.eyebrow.light {
  color: #ff5a63;
}
.section-head {
  grid-template-columns: 1.25fr 0.75fr;
  align-items: end;
  gap: 80px;
  margin-bottom: 52px;
  display: grid;
}
.section-head h2 {
  max-width: 760px;
  margin: 0;
  font-size: clamp(48px, 5vw, 74px);
}
.section-head p {
  margin: 0 0 18px;
}
.section-head.dark h2 {
  color: #fff;
}
.section-head.dark p {
  color: #aaa;
}
.section-head.dark .button.text {
  color: #fff;
  border-color: #fff;
}
.brand-header {
  isolation: isolate;
  background: #000;
  place-items: center;
  min-height: calc(100svh - 78px);
  max-height: 920px;
  display: grid;
  position: relative;
  overflow: hidden;
}
.brand-header:after {
  content: "";
  z-index: 3;
  pointer-events: none;
  background: linear-gradient(#0000, #000000eb);
  height: 32%;
  position: absolute;
  inset: auto 0 0;
}
.brand-header-grid {
  z-index: -2;
  opacity: 0.16;
  background-image:
    linear-gradient(#ffffff0f 1px, #0000 1px),
    linear-gradient(90deg, #ffffff0f 1px, #0000 1px);
  background-size: 54px 54px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: radial-gradient(circle, #000, #0000 76%);
  mask-image: radial-gradient(circle, #000, #0000 76%);
}
.brand-header-glow {
  z-index: -1;
  aspect-ratio: 1;
  filter: blur(12px);
  background: radial-gradient(circle, #d6202a1f, #0000 67%);
  border-radius: 50%;
  width: min(850px, 86vw);
  position: absolute;
}
.brand-header-gif {
  z-index: 2;
  object-fit: contain;
  filter: drop-shadow(0 28px 55px #00000085);
  width: min(1180px, 94vw);
  max-height: calc(100svh - 135px);
  position: relative;
}
.brand-header-footer {
  z-index: 4;
  color: #777;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  font-size: 9px;
  font-weight: 700;
  display: flex;
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translate(-50%);
}
.brand-header-footer a {
  color: #fff;
  align-items: center;
  gap: 12px;
  display: inline-flex;
}
.brand-header-footer a:hover {
  color: var(--red-bright);
}
.hero {
  min-height: calc(100svh - 78px);
  position: relative;
  overflow: hidden;
}
.hero:after {
  content: "";
  pointer-events: none;
  background: radial-gradient(circle at 75% 45%, #0000 0 22%, #0000008c 64%);
  position: absolute;
  inset: 0;
}
.hero-noise {
  opacity: 0.055;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");
  position: absolute;
  inset: 0;
}
.hero-content {
  z-index: 2;
  grid-template-columns: 1.15fr 0.85fr;
  align-items: center;
  gap: clamp(35px, 6vw, 95px);
  min-height: calc(100svh - 118px);
  padding-block: 70px 90px;
  display: grid;
  position: relative;
}
.hero-copy {
  z-index: 2;
  position: relative;
}
.hero h1 {
  letter-spacing: -0.035em;
  margin: 0 0 30px;
  font-size: clamp(67px, 7.1vw, 116px);
  line-height: 0.84;
}
.hero h1 em {
  display: inline-block;
}
.hero-copy > p {
  color: #b9b9b9;
  max-width: 720px;
  margin-bottom: 33px;
  font-size: clamp(16px, 1.35vw, 19px);
  line-height: 1.65;
}
.hero-proof {
  color: #8d8d8f;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  align-items: center;
  gap: 14px;
  margin-top: 43px;
  font-size: 10px;
  display: flex;
}
.hero-proof strong {
  color: #fff;
  font-size: 12px;
}
.hero-proof strong:after {
  content: "";
  vertical-align: middle;
  background: #48484b;
  width: 1px;
  height: 15px;
  margin-left: 14px;
  display: inline-block;
}
.motion-frame {
  background: linear-gradient(145deg, #171719, #0b0b0c 60%);
  border: 1px solid #ffffff24;
  height: min(650px, 67svh);
  min-height: 520px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 35px 100px #0006;
}
.motion-grid,
.page-hero-grid,
.final-grid {
  opacity: 0.25;
  background-image:
    linear-gradient(#ffffff14 1px, #0000 1px),
    linear-gradient(90deg, #ffffff14 1px, #0000 1px);
  background-size: 44px 44px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#0000, #000 35%, #000);
  mask-image: linear-gradient(#0000, #000 35%, #000);
}
.motion-frame svg {
  width: 108%;
  height: 108%;
  position: absolute;
  bottom: -5%;
  right: -8%;
}
.motion-frame .body-fill {
  fill: #28282b;
}
.motion-frame .body-edge {
  fill: none;
  stroke: #55555a;
  stroke-width: 2px;
}
.motion-frame .arc {
  fill: none;
  stroke-width: 3px;
  stroke-linecap: round;
}
.motion-frame .arc-one {
  stroke: url(#redline);
  filter: url(#glow);
}
.motion-frame .arc-two {
  stroke: #ffffff1f;
}
.motion-frame .red-path {
  fill: none;
  stroke: var(--red-bright);
  stroke-width: 5px;
  filter: url(#glow);
}
.motion-frame .focus-point {
  fill: #fff;
  stroke: var(--red);
  stroke-width: 5px;
}
.motion-word {
  z-index: 2;
  color: #ffffff14;
  font: 800 68px/1 var(--heading);
  letter-spacing: 0.02em;
  writing-mode: vertical-rl;
  position: absolute;
  top: 25px;
  left: 23px;
  transform: rotate(180deg);
}
.frame-label {
  z-index: 2;
  color: #8c8c8f;
  letter-spacing: 0.16em;
  justify-content: space-between;
  font-size: 8px;
  display: flex;
  position: absolute;
  bottom: 20px;
  left: 22px;
  right: 22px;
}
.frame-label span:before {
  content: "";
  background: var(--red);
  border-radius: 50%;
  width: 4px;
  height: 4px;
  margin-right: 7px;
  display: inline-block;
}
.hero-ticker {
  z-index: 3;
  color: #fff;
  background: var(--red);
  height: 42px;
  font: 700 18px/42px var(--heading);
  letter-spacing: 0.12em;
  white-space: nowrap;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.hero-ticker div {
  width: max-content;
  animation: 28s linear infinite ticker;
}
.hero-ticker b {
  color: #70070d;
  margin-inline: 22px;
}
@keyframes ticker {
  to {
    transform: translate(-50%);
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  .hero-ticker div {
    animation: none;
  }
  * {
    transition-duration: 0.001ms !important;
  }
}
.statement {
  padding-block: 135px;
}
.statement-grid {
  grid-template-columns: 1.2fr 0.8fr;
  gap: 100px;
  display: grid;
}
.statement h2 {
  margin: 0;
  font-size: clamp(52px, 6vw, 84px);
}
.statement h2 em {
  color: var(--red);
}
.statement p:last-child {
  margin-bottom: 0;
}
.method-preview {
  background: var(--paper);
}
.number-grid {
  border-top: 1px solid var(--gray-200);
  border-left: 1px solid var(--gray-200);
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}
.number-card {
  border-right: 1px solid var(--gray-200);
  border-bottom: 1px solid var(--gray-200);
  background: #ffffff7a;
  min-height: 270px;
  padding: 30px;
}
.number-card .number {
  color: var(--red);
  font: 700 13px var(--heading);
  letter-spacing: 0.12em;
  margin-bottom: 65px;
  display: block;
}
.number-card h3 {
  margin-bottom: 14px;
  font-size: 31px;
}
.number-card p {
  margin: 0;
  font-size: 13px;
  line-height: 1.65;
}
.ecosystem {
  overflow: hidden;
}
.ecosystem-grid {
  grid-template-columns: repeat(12, 1fr);
  gap: 18px;
  display: grid;
}
.feature-card {
  background: #151517;
  border: 1px solid #2b2b2e;
  min-height: 560px;
  padding: 24px;
  transition:
    transform 0.25s,
    border-color 0.25s;
  position: relative;
  overflow: hidden;
}
.feature-card:hover {
  border-color: #6a2227;
  transform: translateY(-5px);
}
.feature-card:first-child {
  grid-column: span 5;
}
.feature-card:nth-child(2) {
  grid-column: span 4;
}
.feature-card:nth-child(3) {
  grid-column: span 3;
}
.card-index {
  z-index: 2;
  color: #777;
  font: 700 11px var(--heading);
  position: absolute;
  top: 22px;
  left: 23px;
}
.feature-card-copy {
  z-index: 3;
  position: absolute;
  bottom: 25px;
  left: 25px;
  right: 25px;
}
.feature-card-copy > span {
  color: #ff6169;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 700;
}
.feature-card-copy h3 {
  color: #fff;
  margin: 10px 0;
  font-size: 38px;
}
.feature-card-copy p {
  color: #929295;
  margin: 0;
  font-size: 12px;
  line-height: 1.55;
}
.feature-card-copy .icon {
  color: #fff;
  margin-top: 20px;
}
.mini-book {
  color: #fff;
  width: 210px;
  height: 275px;
  font-family: var(--heading);
  background: linear-gradient(145deg, #28282b, #09090a);
  border: 1px solid #4b4b4e;
  padding: 30px 24px;
  position: absolute;
  top: 53px;
  left: 50%;
  transform: translate(-50%) rotate(-5deg);
  box-shadow: -17px 22px 35px #050505;
}
.mini-book:after {
  content: "";
  background: var(--red);
  width: 8px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.mini-book i {
  border: 15px solid #d6202a40;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  position: absolute;
  bottom: 15px;
  right: -20px;
}
.mini-book b {
  color: var(--red);
  font-size: 83px;
  font-style: italic;
  line-height: 0.8;
  display: block;
}
.mini-book small {
  font-size: 17px;
  line-height: 0.95;
}
.mini-book {
  background: #09090a;
  border: 0;
  width: 192px;
  height: 288px;
  padding: 0;
  overflow: hidden;
  box-shadow: -17px 22px 38px #030303;
}
.mini-book:after {
  display: none;
}
.mini-book img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.video-art {
  background: radial-gradient(circle, #451217, #161618 62%);
  place-items: center;
  display: grid;
  position: absolute;
  inset: 55px 0 210px;
}
.video-ring {
  color: #fff;
  border: 1px solid #ffffff61;
  border-radius: 50%;
  place-items: center;
  width: 105px;
  height: 105px;
  display: grid;
}
.video-ring .play {
  fill: currentColor;
  stroke: none;
  width: 34px;
}
.video-art > span {
  color: #747477;
  font: 700 10px var(--heading);
  letter-spacing: 0.15em;
  position: absolute;
  bottom: 14px;
}
.video-art > span:first-of-type {
  left: 20px;
}
.video-art > span:nth-of-type(2) {
  right: 20px;
}
.live-art {
  border-block: 1px solid #353538;
  flex-direction: column;
  justify-content: center;
  height: 235px;
  display: flex;
  position: absolute;
  inset: 65px 25px auto;
}
.live-art b {
  color: var(--red);
  font: italic 800 78px/0.8 var(--heading);
}
.live-art span {
  color: #fff;
  font: 700 30px/0.9 var(--heading);
}
.live-art i {
  color: #59595d;
  font: 400 45px var(--heading);
  position: absolute;
  bottom: 28px;
  right: 0;
}
.audience-list {
  border-top: 1px solid var(--gray-200);
}
.audience-list article {
  border-bottom: 1px solid var(--gray-200);
  grid-template-columns: 80px 0.8fr 1.2fr;
  align-items: center;
  gap: 25px;
  min-height: 112px;
  transition:
    padding 0.2s,
    background 0.2s;
  display: grid;
}
.audience-list article:hover {
  background: #fff;
  padding-inline: 18px;
}
.audience-list span {
  color: var(--red);
  font: 700 12px var(--heading);
}
.audience-list h3 {
  margin: 0;
  font-size: 34px;
}
.audience-list p {
  margin: 0;
  font-size: 13px;
}
.founder-home {
  background: var(--paper);
}
.founder-grid {
  grid-template-columns: 0.85fr 1.15fr;
  align-items: center;
  gap: 100px;
  display: grid;
}
.founder-visual {
  height: 560px;
  box-shadow: var(--shadow);
  background: linear-gradient(145deg, #29292c, #0e0e10);
  place-items: center;
  display: grid;
  position: relative;
  overflow: hidden;
}
.founder-visual:before,
.founder-visual:after {
  content: "";
  border: 1px solid #3e3e42;
  border-radius: 50%;
  position: absolute;
}
.founder-visual:before {
  width: 440px;
  height: 440px;
}
.founder-visual:after {
  border-color: #562126;
  width: 280px;
  height: 280px;
}
.founder-visual:before {
  z-index: 1;
  background: linear-gradient(#0000 52%, #000000b8);
  border: 0;
  border-radius: 0;
  width: auto;
  height: auto;
  inset: 0;
}
.founder-visual:after {
  display: none;
}
.founder-visual img {
  object-fit: cover;
  object-position: 43% center;
  width: 100%;
  height: 100%;
}
.initials {
  z-index: 2;
  color: #fff;
  font: italic 800 140px var(--heading);
  position: relative;
}
.initials:after {
  content: "";
  background: var(--red);
  width: 90px;
  height: 7px;
  margin: -10px auto 0;
  display: block;
  transform: skew(-25deg);
}
.founder-visual > span {
  z-index: 2;
  color: #777;
  letter-spacing: 0.12em;
  text-align: right;
  text-transform: uppercase;
  font-size: 8px;
  line-height: 1.5;
  position: absolute;
  bottom: 18px;
  right: 20px;
}
.founder-copy h2 {
  font-size: clamp(52px, 5.7vw, 78px);
}
.founder-copy .button {
  margin-top: 15px;
}
.founder-copy h2 em {
  display: inline-block;
}
.founder-credentials {
  flex-wrap: wrap;
  gap: 8px;
  margin: 30px 0 9px;
  display: flex;
}
.founder-credentials span {
  color: #313136;
  font: 700 9px var(--heading);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  background: #ffffff85;
  border: 1px solid #cfcdc8;
  padding: 9px 11px;
}
.partner-band,
.inquiry-band {
  color: #fff;
  background: var(--red-dark);
  padding-block: 72px;
}
.partner-band .shell,
.inquiry-band .shell {
  grid-template-columns: 1.15fr 0.85fr;
  align-items: center;
  gap: 100px;
  display: grid;
}
.partner-band .eyebrow,
.inquiry-band .eyebrow {
  color: #fff;
  opacity: 0.8;
}
.partner-band h2,
.inquiry-band h2 {
  margin: 0;
  font-size: clamp(48px, 5vw, 70px);
}
.partner-band p {
  color: #efc8ca;
  margin-bottom: 20px;
}
.inquiry-band .button {
  color: var(--red-dark);
  background: #fff;
  border-color: #fff;
  justify-self: end;
}
.final-cta {
  color: #fff;
  text-align: center;
  background: #0c0c0e;
  padding-block: 130px;
  position: relative;
  overflow: hidden;
}
.final-cta:before {
  content: "";
  border: 1px solid #d6202a59;
  border-radius: 50%;
  width: 600px;
  height: 600px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -45%);
  box-shadow: 0 0 100px #d6202a1f;
}
.final-cta .shell {
  z-index: 2;
  position: relative;
}
.final-cta .eyebrow {
  justify-content: center;
}
.final-cta h2 {
  margin-bottom: 22px;
  font-size: clamp(68px, 8vw, 110px);
}
.final-cta p {
  color: #aaa;
  max-width: 650px;
  margin: 0 auto 30px;
}
.final-cta .button-row {
  justify-content: center;
}
.page-hero {
  background: linear-gradient(115deg, #09090a 0%, #111114 70%, #260a0c 100%);
  min-height: 650px;
  padding-block: 145px 120px;
  position: relative;
  overflow: hidden;
}
.page-hero:after {
  content: "SYP";
  color: #ffffff06;
  font: italic 800 340px/0.8 var(--heading);
  position: absolute;
  bottom: -95px;
  right: -10px;
}
.page-hero .shell {
  z-index: 2;
  position: relative;
}
.page-hero h1 {
  max-width: 1100px;
  margin-bottom: 25px;
  font-size: clamp(72px, 8.8vw, 126px);
}
.page-hero > .shell > p {
  color: #b3b3b6;
  max-width: 720px;
  margin: 0;
  font-size: 18px;
}
.page-hero.compact {
  min-height: 520px;
  padding-block: 115px 100px;
}
.philosophy {
  text-align: center;
}
.quote-mark {
  height: 78px;
  color: var(--red);
  font:
    800 120px/0.8 Georgia,
    serif;
}
.philosophy blockquote {
  max-width: 990px;
  font: 700 clamp(44px, 5.5vw, 72px) / 1 var(--heading);
  text-transform: uppercase;
  margin: 0 auto 25px;
}
.philosophy p {
  color: var(--red-dark);
  margin: 0;
  font-weight: 600;
}
.process-list {
  border-top: 1px solid var(--gray-200);
  border-left: 1px solid var(--gray-200);
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}
.process-list .number-card {
  min-height: 300px;
}
.pillar-grid {
  border-top: 1px solid var(--gray-200);
  border-bottom: 1px solid var(--gray-200);
  grid-template-columns: repeat(5, 1fr);
  display: grid;
}
.pillar-grid article {
  border-right: 1px solid var(--gray-200);
  min-height: 250px;
  padding: 28px 25px;
}
.pillar-grid article:first-child {
  border-left: 1px solid var(--gray-200);
}
.pillar-grid span {
  color: var(--red);
  font: 700 12px var(--heading);
}
.pillar-grid h3 {
  margin: 90px 0 10px;
  font-size: 28px;
}
.pillar-grid p {
  margin: 0;
  font-size: 12px;
}
.movement-gallery {
  grid-template-columns: 1.25fr 0.62fr 1fr;
  gap: 16px;
  display: grid;
}
.movement-gallery figure {
  background: #111;
  min-height: 520px;
  margin: 0;
  position: relative;
  overflow: hidden;
}
.movement-gallery img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
}
.movement-gallery figure:hover img {
  transform: scale(1.025);
}
.movement-gallery figure:after {
  content: "";
  background: linear-gradient(#0000 55%, #000000db);
  position: absolute;
  inset: 0;
}
.movement-gallery figcaption {
  z-index: 2;
  color: #fff;
  position: absolute;
  bottom: 20px;
  left: 22px;
  right: 22px;
}
.movement-gallery figcaption span {
  color: #ff6069;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 7px;
  font-size: 8px;
  font-weight: 800;
  display: block;
}
.movement-gallery figcaption strong {
  font: 700 29px var(--heading);
  text-transform: uppercase;
}
.movement-gallery .gallery-wide img {
  object-position: 43% center;
}
.two-col {
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 100px;
  display: grid;
}
.questions h2,
.about-belief h2 {
  font-size: clamp(52px, 6vw, 79px);
}
.check-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.check-list li {
  border-bottom: 1px solid var(--gray-200);
  min-height: 54px;
  color: var(--gray-600);
  align-items: flex-start;
  gap: 13px;
  padding-block: 14px;
  font-size: 14px;
  line-height: 1.6;
  display: flex;
}
.check-list.light li {
  color: #d0d0d2;
  border-color: #2b2b2e;
}
.check {
  fill: none;
  width: 18px;
  min-width: 18px;
  stroke: var(--red);
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  margin-top: 2px;
}
.notice {
  border-left: 4px solid var(--red);
  background: var(--paper);
  grid-template-columns: 0.4fr 1.6fr;
  gap: 50px;
  padding: 32px 35px;
  display: grid;
}
.notice strong {
  font-family: var(--heading);
  text-transform: uppercase;
  font-size: 23px;
}
.notice p {
  margin: 0;
  font-size: 12px;
}
.book-intro {
  grid-template-columns: 0.85fr 1.15fr;
  align-items: center;
  gap: 120px;
  display: grid;
}
.book-stage {
  background: #e8e6e1;
  place-items: center;
  min-height: 630px;
  display: grid;
  position: relative;
}
.book-stage:before {
  content: "";
  filter: blur(20px);
  background: #00000047;
  width: 75%;
  height: 20px;
  position: absolute;
  bottom: 62px;
  left: 50%;
  transform: translate(-50%);
}
.real-book-cover {
  z-index: 1;
  object-fit: contain;
  width: min(340px, 72%);
  max-height: 520px;
  position: relative;
  transform: perspective(1200px) rotateY(9deg) rotate(-1.5deg);
  box-shadow: -22px 25px 45px #00000057;
}
.book-3d {
  color: #fff;
  background: linear-gradient(145deg, #252528, #080809);
  width: 320px;
  height: 460px;
  padding: 58px 35px;
  position: relative;
  transform: perspective(1200px) rotateY(11deg) rotate(-2deg);
  box-shadow: -22px 25px 45px #00000052;
}
.book-3d:before {
  content: "";
  background: var(--red);
  width: 15px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.book-3d:after {
  content: "";
  background: linear-gradient(90deg, #ffffff14, #0000 10%);
  position: absolute;
  inset: 0;
}
.book-3d i {
  border: 27px solid #d6202a47;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  position: absolute;
  bottom: 35px;
  right: -50px;
}
.book-3d span,
.book-3d strong,
.book-3d small {
  z-index: 2;
  font-family: var(--heading);
  display: block;
  position: relative;
}
.book-3d span {
  font-size: 26px;
}
.book-3d strong {
  color: var(--red-bright);
  font-size: 67px;
  font-style: italic;
  line-height: 0.74;
}
.book-3d small {
  color: #aaa;
  letter-spacing: 0.1em;
  font-size: 12px;
  position: absolute;
  bottom: 30px;
  left: 35px;
}
.availability {
  color: #555;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background: #fff;
  padding: 9px 12px;
  font-size: 9px;
  font-weight: 700;
  position: absolute;
  bottom: 18px;
  left: 20px;
}
.book-copy h2 {
  font-size: clamp(55px, 5.4vw, 78px);
}
.book-copy > p {
  margin-bottom: 30px;
}
.qr-flow {
  grid-template-columns: 1fr 40px 1fr 40px 1fr;
  align-items: center;
  gap: 25px;
  display: grid;
}
.qr-flow > .icon {
  color: var(--red);
}
.qr-flow article {
  border: 1px solid var(--gray-200);
  background: #fff;
  min-height: 320px;
  padding: 28px;
}
.qr-flow article > span {
  color: var(--red);
  font: 700 11px var(--heading);
}
.qr-flow article h3 {
  margin: 28px 0 12px;
  font-size: 29px;
}
.qr-flow article p {
  font-size: 12px;
}
.line-icon,
.qr-placeholder {
  width: 78px;
  height: 78px;
  color: var(--red);
  border: 1px solid var(--gray-200);
  font: 700 25px var(--heading);
  place-items: center;
  margin-top: 55px;
  display: grid;
}
.line-icon .play {
  fill: currentColor;
  width: 29px;
}
.qr-placeholder {
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  padding: 9px;
}
.qr-placeholder i {
  background: #171719;
  width: 23px;
  height: 23px;
}
.content-grid {
  border-top: 1px solid var(--gray-200);
  border-left: 1px solid var(--gray-200);
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}
.content-grid article {
  border-right: 1px solid var(--gray-200);
  border-bottom: 1px solid var(--gray-200);
  min-height: 170px;
  padding: 30px;
}
.content-grid b {
  font: 700 23px var(--heading);
  text-transform: uppercase;
  margin-bottom: 40px;
  display: block;
}
.content-grid p {
  margin: 0;
  font-size: 12px;
}
.video-placeholder {
  aspect-ratio: 16/10;
  color: #fff;
  background: linear-gradient(135deg, #19191c, #060607);
  border: 1px solid #2d2d31;
  position: relative;
  overflow: hidden;
}
.video-placeholder:before {
  content: "";
  aspect-ratio: 1;
  border: 1px solid #442026;
  border-radius: 50%;
  width: 55%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 80px #d6202a1f;
}
.video-placeholder:after {
  content: "";
  opacity: 0.2;
  background-image:
    linear-gradient(#ffffff14 1px, #0000 1px),
    linear-gradient(90deg, #ffffff14 1px, #0000 1px);
  background-size: 40px 40px;
  position: absolute;
  inset: 0;
}
.video-top {
  z-index: 2;
  color: #777;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  justify-content: space-between;
  font-size: 8px;
  display: flex;
  position: absolute;
  top: 16px;
  left: 18px;
  right: 18px;
}
.video-top span:first-child {
  color: #ff5d66;
}
.video-center {
  z-index: 3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}
.play-button {
  border: 1px solid #ffffff80;
  border-radius: 50%;
  place-items: center;
  width: 70px;
  height: 70px;
  margin-bottom: 18px;
  display: grid;
}
.play-button .play {
  fill: currentColor;
  width: 25px;
}
.video-center strong {
  font: 700 24px var(--heading);
  text-transform: uppercase;
}
.video-center small {
  color: #777;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-top: 6px;
  font-size: 8px;
}
.video-scrub {
  z-index: 3;
  background: #333;
  height: 2px;
  position: absolute;
  bottom: 15px;
  left: 18px;
  right: 18px;
}
.video-scrub i {
  background: var(--red);
  width: 16%;
  height: 100%;
  display: block;
}
.video-scrub span {
  color: #777;
  font-size: 8px;
  position: absolute;
  bottom: 5px;
  right: 0;
}
.video-placeholder.featured {
  aspect-ratio: 16/7.8;
  box-shadow: var(--shadow);
}
.video-placeholder.featured .play-button {
  width: 88px;
  height: 88px;
}
.video-placeholder.featured .video-center strong {
  font-size: 34px;
}
.real-video {
  min-width: 0;
  color: var(--ink);
}
.real-video-frame {
  aspect-ratio: 16/9;
  background: #050506;
  position: relative;
  overflow: hidden;
  box-shadow: 0 18px 50px #0000002e;
}
.real-video-frame:before {
  content: "";
  z-index: 0;
  background: linear-gradient(135deg, #1a1a1d, #080809);
  position: absolute;
  inset: 0;
}
.real-video video {
  z-index: 1;
  object-fit: contain;
  background: #050506;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.video-cover-button {
  z-index: 2;
  color: #fff;
  cursor: pointer;
  text-align: left;
  background: #080809;
  border: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.video-cover-button > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition:
    transform 0.55s cubic-bezier(0.2, 0.7, 0.2, 1),
    filter 0.4s;
  display: block;
}
.video-cover-vignette {
  background:
    linear-gradient(115deg, #0000000f, #00000008 48%, #0000008c),
    linear-gradient(#0000 52%, #000000bf);
  position: absolute;
  inset: 0;
}
.video-cover-play {
  background: #07070894;
  border: 1px solid #fffc;
  border-radius: 50%;
  place-items: center;
  width: 66px;
  height: 66px;
  transition: all 0.3s;
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow:
    0 12px 38px #0000005c,
    0 0 #de1f2b66;
}
.video-cover-play .play {
  fill: currentColor;
  stroke: none;
  width: 25px;
  transform: translate(2px);
}
.video-cover-action {
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 800;
  position: absolute;
  bottom: 18px;
  left: 22px;
}
.video-cover-button:hover > img {
  filter: brightness(1.08);
  transform: scale(1.035);
}
.video-cover-button:hover .video-cover-play {
  border-color: var(--red-bright);
  background: var(--red);
  box-shadow:
    0 12px 38px #0000005c,
    0 0 0 12px #de1f2b1f;
}
.video-cover-button:focus-visible {
  outline: 3px solid var(--red-bright);
  outline-offset: -3px;
}
.real-video-frame.is-playing:before {
  display: none;
}
.real-video-meta {
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  min-height: 92px;
  padding: 18px 2px 0;
  display: flex;
}
.real-video-meta span {
  color: var(--red-dark);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 800;
}
.real-video-meta h3 {
  margin: 7px 0 0;
  font-size: 28px;
}
.real-video-meta time {
  color: #858588;
  font: 700 11px var(--heading);
  letter-spacing: 0.08em;
  padding-top: 3px;
}
.real-video.featured .real-video-frame {
  aspect-ratio: 16/8;
  box-shadow: var(--shadow);
}
.real-video.featured .real-video-meta {
  min-height: 105px;
  padding-top: 22px;
}
.real-video.featured .real-video-meta h3 {
  font-size: 39px;
}
.preview-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  display: grid;
}
.start-finish-grid {
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  display: grid;
}
.start-finish-grid figure {
  aspect-ratio: 16/10;
  background: #09090a;
  margin: 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0 18px 50px #0000001f;
}
.start-finish-grid img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.start-finish-grid span {
  z-index: 2;
  color: #fff;
  background: var(--red);
  letter-spacing: 0.16em;
  padding: 9px 12px;
  font-size: 9px;
  font-weight: 800;
  position: absolute;
  top: 16px;
  left: 16px;
}
.full-library {
  background: #0b0b0c;
}
.full-library-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 35px 18px;
  display: grid;
}
.full-library .real-video {
  color: #fff;
}
.full-library .real-video-frame {
  box-shadow: none;
  border: 1px solid #29292d;
}
.full-library .real-video-meta span {
  color: #ff5d66;
}
.full-library .real-video-meta h3 {
  color: #fff;
}
.full-library .real-video-meta time {
  color: #777;
}
.library-benefits {
  grid-template-columns: 1fr 1fr;
  gap: 100px;
  display: grid;
}
.library-benefits h2 {
  font-size: clamp(50px, 5vw, 72px);
}
.member-section {
  text-align: left;
  background: #121214;
  border-top: 1px solid #2a2a2d;
}
.membership-grid {
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-bottom: 28px;
  display: grid;
}
.membership-grid article {
  background: #151517;
  border: 1px solid #303034;
  min-height: 310px;
  padding: 35px;
  position: relative;
}
.membership-grid .lock {
  fill: none;
  width: 33px;
  stroke: var(--red-bright);
  stroke-width: 1.5px;
  margin-bottom: 55px;
}
.membership-grid span {
  color: #ff5d66;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 700;
}
.membership-grid h3 {
  color: #fff;
  margin: 10px 0;
  font-size: 38px;
}
.membership-grid p {
  color: #999;
}
.membership-grid small {
  color: #6d6d70;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 9px;
  position: absolute;
  bottom: 28px;
  left: 35px;
}
.on-deck {
  border-top: 1px solid var(--gray-200);
}
.on-deck article {
  border-bottom: 1px solid var(--gray-200);
  grid-template-columns: 100px 1fr;
  align-items: center;
  min-height: 105px;
  display: grid;
}
.on-deck > article > span {
  color: var(--red);
  font: 700 13px var(--heading);
}
.on-deck small {
  color: #999;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 700;
}
.on-deck h3 {
  margin: 6px 0 0;
  font-size: 30px;
}
.updates-band {
  padding-block: 80px;
}
.updates-band > .shell {
  grid-template-columns: 0.85fr 1.15fr;
  align-items: end;
  gap: 90px;
  display: grid;
}
.updates-band h2 {
  color: #fff;
  margin-bottom: 12px;
  font-size: clamp(48px, 5vw, 69px);
}
.updates-band p {
  color: #8f8f92;
  margin: 0;
  font-size: 13px;
}
.updates-band form {
  grid-template-columns: 1fr 1fr auto;
  align-items: end;
  gap: 10px;
  display: grid;
}
.updates-band label span {
  color: #888;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  margin-bottom: 9px;
  font-size: 8px;
  font-weight: 700;
  display: block;
}
.updates-band input {
  color: #fff;
  background: #151517;
  border: 1px solid #39393c;
  outline: 0;
  width: 100%;
  height: 54px;
  padding: 0 15px;
  font-size: 13px;
}
.updates-band input:focus {
  border-color: var(--red);
}
.workshop-intro,
.pro-intro {
  grid-template-columns: 1fr 1fr;
  gap: 100px;
  display: grid;
}
.workshop-intro h2,
.pro-intro h2 {
  font-size: clamp(55px, 5.7vw, 78px);
}
.topic-grid {
  border-top: 1px solid #303034;
  border-left: 1px solid #303034;
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}
.topic-grid article {
  border-bottom: 1px solid #303034;
  border-right: 1px solid #303034;
  align-items: center;
  gap: 30px;
  min-height: 105px;
  padding: 20px 25px;
  display: flex;
}
.topic-grid span {
  color: var(--red-bright);
  font: 700 11px var(--heading);
}
.topic-grid h3 {
  color: #fff;
  margin: 0;
  font-size: 27px;
}
.format-grid,
.implementation {
  border-top: 1px solid var(--gray-200);
  border-left: 1px solid var(--gray-200);
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}
.offering-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  display: grid;
}
.offering-grid article {
  border: 1px solid var(--gray-200);
  background: #fff;
  min-height: 310px;
  padding: 28px;
}
.offering-grid > article > span {
  color: var(--red);
  letter-spacing: 0.13em;
  font-size: 8px;
  font-weight: 800;
}
.offering-grid h3 {
  margin: 75px 0 13px;
  font-size: 33px;
}
.offering-grid p {
  min-height: 65px;
  font-size: 12px;
}
.offering-grid a {
  text-transform: uppercase;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  font-weight: 800;
  display: inline-flex;
}
.professional-callout {
  color: #fff;
  background: var(--red-dark);
  grid-template-columns: 1.15fr 0.85fr;
  gap: 90px;
  padding: 60px;
  display: grid;
}
.professional-callout > div > span {
  letter-spacing: 0.14em;
  opacity: 0.65;
  font-size: 8px;
  font-weight: 800;
}
.professional-callout h2 {
  margin: 65px 0 0;
  font-size: clamp(52px, 5.2vw, 73px);
}
.professional-callout .check-list li {
  color: #fff;
  border-color: #fff3;
}
.professional-callout .check {
  stroke: #fff;
}
.partner-tools {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  display: grid;
}
.partner-tools article {
  border: 1px solid var(--gray-200);
  min-height: 320px;
  padding: 30px;
}
.partner-tools span {
  color: var(--red);
  font: 700 12px var(--heading);
}
.partner-tools h3 {
  margin: 115px 0 12px;
  font-size: 32px;
}
.partner-tools p {
  font-size: 12px;
}
.capability-grid {
  border-top: 1px solid #313134;
  border-left: 1px solid #313134;
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}
.capability-grid div {
  color: #fff;
  min-height: 125px;
  font: 700 22px var(--heading);
  text-transform: uppercase;
  border-bottom: 1px solid #313134;
  border-right: 1px solid #313134;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  display: flex;
}
.capability-grid span {
  color: var(--red-bright);
  font-size: 10px;
}
.partnership-fit {
  grid-template-columns: 1fr 1fr;
  gap: 100px;
  display: grid;
}
.partnership-fit h2 {
  font-size: clamp(53px, 5.4vw, 76px);
}
.fit-list article {
  border-bottom: 1px solid var(--gray-200);
  padding-block: 24px;
}
.fit-list h3 {
  margin-bottom: 8px;
  font-size: 29px;
}
.fit-list p {
  margin: 0;
  font-size: 12px;
}
.about-grid {
  grid-template-columns: 0.85fr 1.15fr;
  align-items: center;
  gap: 100px;
  display: grid;
}
.about-portrait {
  color: #fff;
  height: 690px;
  box-shadow: var(--shadow);
  background: linear-gradient(145deg, #2c2c30, #080809);
  place-items: center;
  display: grid;
  position: relative;
  overflow: hidden;
}
.about-portrait:after {
  content: "";
  z-index: 1;
  background: linear-gradient(#0000 52%, #000000c7);
  position: absolute;
  inset: 0;
}
.about-portrait img {
  object-fit: cover;
  object-position: 38% center;
  width: 100%;
  height: 100%;
}
.portrait-lines {
  border: 1px solid #4a2025;
  border-radius: 50%;
  width: 480px;
  height: 480px;
  position: absolute;
}
.portrait-lines:before,
.portrait-lines:after {
  content: "";
  border: 1px solid #39393d;
  border-radius: 50%;
  position: absolute;
}
.portrait-lines:before {
  inset: 50px;
}
.portrait-lines:after {
  inset: 100px;
}
.portrait-initials {
  z-index: 2;
  font: italic 800 150px var(--heading);
  position: relative;
}
.about-portrait > span {
  z-index: 2;
  color: #d0d0d2;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  font-size: 8px;
  position: absolute;
  bottom: 20px;
  right: 22px;
}
.about-story h2 {
  font-size: clamp(52px, 5.3vw, 74px);
}
.about-story > p {
  font-size: 15px;
}
.credential-row {
  border-top: 1px solid var(--gray-200);
  border-left: 1px solid var(--gray-200);
  grid-template-columns: repeat(3, 1fr);
  margin-top: 35px;
  display: grid;
}
.credential-row span {
  border-right: 1px solid var(--gray-200);
  border-bottom: 1px solid var(--gray-200);
  color: #777;
  text-transform: uppercase;
  flex-direction: column;
  justify-content: space-between;
  min-height: 120px;
  padding: 19px 15px;
  font-size: 9px;
  line-height: 1.35;
  display: flex;
}
.credential-row strong {
  color: var(--red);
  font: 800 31px var(--heading);
}
.about-belief p {
  color: #aaa;
}
.vision-line {
  min-height: 120px;
  color: var(--ink);
  border-block: 1px solid var(--gray-200);
  font: 700 clamp(22px, 3vw, 37px) var(--heading);
  justify-content: space-between;
  align-items: center;
  padding-inline: 25px;
  display: flex;
}
.vision-line i {
  background: var(--red);
  border-radius: 50%;
  width: 8px;
  height: 8px;
}
.faq-layout {
  grid-template-columns: 0.42fr 1fr;
  align-items: start;
  gap: 100px;
  display: grid;
}
.faq-sidebar {
  position: sticky;
  top: 120px;
}
.faq-sidebar h2 {
  font-size: clamp(48px, 4.7vw, 65px);
}
.faq-sidebar p {
  font-size: 13px;
}
.faq-sidebar .button {
  margin-top: 15px;
}
.faq-list {
  border-top: 1px solid var(--gray-200);
}
.faq-list article {
  border-bottom: 1px solid var(--gray-200);
}
.faq-list button {
  width: 100%;
  min-height: 88px;
  color: var(--ink);
  font: 700 23px/1.15 var(--heading);
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
  background: 0 0;
  border: 0;
  justify-content: space-between;
  align-items: center;
  gap: 25px;
  padding: 15px 0;
  display: flex;
}
.faq-list button i {
  width: 34px;
  height: 34px;
  color: var(--red);
  border: 1px solid var(--gray-200);
  border-radius: 50%;
  flex: none;
  place-items: center;
  font-style: normal;
  display: grid;
}
.faq-answer {
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s;
  display: grid;
}
.faq-answer p {
  min-height: 0;
  margin: 0;
  overflow: hidden;
}
.faq-list article.open .faq-answer {
  grid-template-rows: 1fr;
}
.faq-list article.open .faq-answer p {
  padding: 0 55px 27px 0;
}
.contact-layout {
  grid-template-columns: 0.72fr 1.28fr;
  align-items: start;
  gap: 100px;
  display: grid;
}
.contact-copy h2 {
  font-size: clamp(53px, 5.5vw, 76px);
}
.contact-copy > p {
  font-size: 13px;
}
.contact-categories {
  flex-wrap: wrap;
  gap: 8px;
  margin-block: 28px;
  display: flex;
}
.contact-categories span {
  border: 1px solid var(--gray-200);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 9px 11px;
  font-size: 8px;
  font-weight: 700;
}
.contact-copy > small {
  color: #999;
  font-size: 9px;
  line-height: 1.6;
  display: block;
}
.contact-form {
  border: 1px solid var(--gray-200);
  background: #fff;
  padding: 38px;
  box-shadow: 0 24px 80px #0000000f;
}
.contact-form label {
  color: #555;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  margin-bottom: 17px;
  font-size: 9px;
  font-weight: 800;
  display: block;
}
.contact-form label small {
  color: #aaa;
  font-size: 8px;
}
.contact-form input,
.contact-form select,
.contact-form textarea {
  width: 100%;
  color: var(--ink);
  border: 1px solid var(--gray-200);
  background: var(--gray-50);
  text-transform: none;
  border-radius: 0;
  outline: 0;
  margin-top: 9px;
  padding: 14px;
  font-size: 13px;
}
.contact-form input {
  height: 52px;
}
.contact-form textarea {
  resize: vertical;
}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  border-color: var(--red);
  box-shadow: 0 0 0 2px #d6202a12;
}
.contact-form .submit {
  border: 0;
  width: 100%;
}
.form-note {
  color: #999;
  text-align: center;
  margin: 13px 0 0;
  font-size: 8px;
  line-height: 1.5;
}
.site-footer {
  color: #fff;
  background: #080809;
}
.footer-main {
  grid-template-columns: 1fr 1fr;
  gap: 100px;
  padding-block: 75px;
  display: grid;
}
.footer-intro p {
  color: #777;
  max-width: 440px;
  margin: 30px 0 0;
  font-size: 12px;
}
.footer-links {
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  display: grid;
}
.footer-links div {
  flex-direction: column;
  gap: 12px;
  display: flex;
}
.footer-links span {
  color: #666;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 8px;
  font-weight: 800;
}
.footer-links a {
  color: #c0c0c3;
  font-size: 12px;
}
.footer-links a:hover {
  color: var(--red-bright);
}
.disclaimer {
  border-top: 1px solid #222225;
  border-bottom: 1px solid #222225;
  padding-block: 24px;
}
.disclaimer p {
  color: #666;
  margin: 0;
  font-size: 9px;
  line-height: 1.65;
}
.disclaimer strong {
  color: #8c8c90;
}
.footer-bottom {
  color: #5e5e62;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  gap: 25px;
  min-height: 70px;
  font-size: 8px;
  display: flex;
}
@media (width<=1280px) {
  .nav-shell {
    gap: 17px;
  }
  .brand-type {
    display: none;
  }
  .desktop-nav {
    gap: 13px;
  }
  .nav-cta {
    padding-inline: 13px;
  }
}
@media (width<=1050px) {
  :root {
    --shell: min(100% - 40px, 900px);
  }
  .desktop-nav,
  .nav-cta {
    display: none;
  }
  .menu-button {
    display: block;
  }
  .mobile-nav {
    opacity: 0;
    visibility: hidden;
    background: #0b0b0c;
    border-bottom: 1px solid #29292c;
    flex-direction: column;
    max-height: calc(100svh - 78px);
    padding: 16px 20px 28px;
    transition: all 0.25s;
    display: flex;
    position: fixed;
    inset: 78px 0 auto;
    overflow-y: auto;
    transform: translateY(-12px);
  }
  .mobile-nav.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .mobile-nav a {
    color: #bcbcc0;
    min-height: 48px;
    font: 700 21px/1 var(--heading);
    text-transform: uppercase;
    border-bottom: 1px solid #222225;
    padding: 14px 4px;
  }
  .mobile-nav a.active {
    color: var(--red-bright);
  }
  .mobile-nav .mobile-contact {
    color: #fff;
    background: var(--red);
    border: 0;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
    display: flex;
  }
  .hero-content {
    grid-template-columns: 1fr 0.78fr;
    gap: 30px;
  }
  .motion-frame {
    min-height: 480px;
  }
  .section-head {
    gap: 45px;
  }
  .number-grid,
  .format-grid,
  .implementation {
    grid-template-columns: repeat(2, 1fr);
  }
  .ecosystem-grid {
    grid-template-columns: 1fr 1fr;
  }
  .feature-card:first-child,
  .feature-card:nth-child(2) {
    grid-column: span 1;
  }
  .feature-card:nth-child(3) {
    grid-column: span 2;
    min-height: 440px;
  }
  .live-art {
    width: 40%;
  }
  .feature-card:nth-child(3) .feature-card-copy {
    top: 120px;
    bottom: auto;
    left: 52%;
  }
  .pillar-grid {
    border-bottom: 0;
    grid-template-columns: repeat(3, 1fr);
  }
  .pillar-grid article {
    border-bottom: 1px solid var(--gray-200);
  }
  .book-intro {
    gap: 65px;
  }
  .book-stage {
    min-height: 560px;
  }
  .book-3d {
    width: 270px;
    height: 400px;
  }
  .book-3d strong {
    font-size: 56px;
  }
  .content-grid,
  .offering-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .updates-band > .shell {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .preview-grid {
    grid-template-columns: 1fr 1fr;
  }
  .preview-grid > :last-child {
    aspect-ratio: 16/7.5;
    grid-column: span 2;
  }
  .preview-grid > .real-video:last-child {
    aspect-ratio: auto;
  }
  .full-library-grid,
  .capability-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .about-grid {
    gap: 60px;
  }
  .contact-layout {
    gap: 55px;
  }
  .movement-gallery {
    grid-template-columns: 1fr 1fr;
  }
  .movement-gallery .gallery-wide {
    grid-column: span 2;
  }
  .movement-gallery figure {
    min-height: 430px;
  }
}
@media (width<=760px) {
  :root {
    --shell: calc(100% - 32px);
  }
  .section {
    padding-block: 78px;
  }
  .nav-shell {
    width: calc(100% - 28px);
    height: 68px;
  }
  .mobile-nav {
    max-height: calc(100svh - 68px);
    top: 68px;
  }
  .brand-type {
    display: flex;
  }
  .brand-mark {
    width: 37px;
    height: 37px;
    font-size: 28px;
  }
  .brand-type {
    font-size: 11px;
  }
  .brand-type span {
    font-size: 12px;
  }
  .brand-logo {
    width: 145px;
    height: 56px;
  }
  .brand-header {
    min-height: 64svh;
    max-height: 620px;
  }
  .brand-header-gif {
    width: 116vw;
    max-width: none;
    max-height: 55svh;
  }
  .brand-header-footer {
    bottom: 18px;
  }
  .brand-header-footer > span {
    display: none;
  }
  .brand-header-footer {
    justify-content: flex-end;
  }
  .hero {
    min-height: auto;
  }
  .hero-content {
    grid-template-columns: 1fr;
    min-height: auto;
    padding-block: 82px 115px;
  }
  .hero h1 {
    font-size: clamp(61px, 18vw, 88px);
  }
  .hero-copy > p {
    font-size: 15px;
  }
  .motion-frame {
    height: 450px;
    min-height: 0;
  }
  .hero-proof {
    flex-wrap: wrap;
    gap: 8px 12px;
  }
  .hero-proof strong:after {
    display: none;
  }
  .hero-ticker {
    height: 38px;
    font-size: 15px;
    line-height: 38px;
  }
  .button-row {
    align-items: stretch;
  }
  .button-row .button {
    flex: 100%;
  }
  .section-head {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 38px;
  }
  .section-head h2 {
    font-size: clamp(46px, 14vw, 64px);
  }
  .statement {
    padding-block: 90px;
  }
  .statement-grid,
  .workshop-intro,
  .pro-intro,
  .library-benefits,
  .partnership-fit {
    grid-template-columns: 1fr;
    gap: 35px;
  }
  .statement h2 {
    font-size: clamp(49px, 14vw, 68px);
  }
  .number-grid,
  .process-list,
  .format-grid,
  .implementation {
    grid-template-columns: 1fr;
  }
  .number-card {
    min-height: 230px;
  }
  .number-card .number {
    margin-bottom: 48px;
  }
  .ecosystem-grid {
    display: block;
  }
  .feature-card {
    min-height: 510px;
    margin-bottom: 14px;
  }
  .feature-card:nth-child(3) {
    min-height: 510px;
  }
  .feature-card:nth-child(3) .feature-card-copy {
    top: auto;
    bottom: 25px;
    left: 25px;
  }
  .feature-card:nth-child(3) .live-art {
    width: auto;
  }
  .audience-list article {
    grid-template-columns: 40px 1fr;
    gap: 8px;
    min-height: 130px;
    padding-block: 18px;
  }
  .audience-list article p {
    grid-column: 2;
  }
  .founder-grid {
    grid-template-columns: 1fr;
    gap: 55px;
  }
  .founder-visual {
    height: 470px;
  }
  .partner-band .shell,
  .inquiry-band .shell {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .inquiry-band .button {
    justify-self: stretch;
  }
  .page-hero,
  .page-hero.compact {
    min-height: 520px;
    padding-block: 100px 85px;
  }
  .page-hero h1 {
    font-size: clamp(65px, 18vw, 91px);
  }
  .page-hero > .shell > p {
    font-size: 15px;
  }
  .philosophy blockquote {
    font-size: clamp(42px, 12vw, 60px);
  }
  .pillar-grid {
    border-left: 1px solid var(--gray-200);
    grid-template-columns: 1fr;
  }
  .pillar-grid article {
    min-height: 180px;
  }
  .pillar-grid h3 {
    margin-top: 50px;
  }
  .movement-gallery {
    grid-template-columns: 1fr;
  }
  .movement-gallery .gallery-wide {
    grid-column: auto;
    min-height: 330px;
  }
  .movement-gallery figure {
    min-height: 430px;
  }
  .two-col {
    grid-template-columns: 1fr;
    gap: 45px;
  }
  .notice {
    grid-template-columns: 1fr;
    gap: 15px;
    padding: 25px;
  }
  .book-intro {
    grid-template-columns: 1fr;
    gap: 55px;
  }
  .book-stage {
    min-height: 515px;
  }
  .book-3d {
    width: 260px;
    height: 380px;
  }
  .qr-flow {
    grid-template-columns: 1fr;
  }
  .qr-flow > .icon {
    margin: -5px auto;
    transform: rotate(90deg);
  }
  .qr-flow article {
    min-height: 270px;
  }
  .line-icon,
  .qr-placeholder {
    margin-top: 35px;
  }
  .content-grid,
  .offering-grid,
  .updates-band form {
    grid-template-columns: 1fr;
  }
  .video-placeholder.featured {
    aspect-ratio: 4/3;
  }
  .video-placeholder.featured .video-center strong {
    font-size: 26px;
  }
  .preview-grid {
    grid-template-columns: 1fr;
  }
  .preview-grid > :last-child {
    aspect-ratio: 16/10;
    grid-column: auto;
  }
  .preview-grid > .real-video:last-child {
    aspect-ratio: auto;
  }
  .start-finish-grid {
    grid-template-columns: 1fr;
  }
  .full-library-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .real-video.featured .real-video-frame {
    aspect-ratio: 16/9;
  }
  .real-video.featured .real-video-meta h3 {
    font-size: 32px;
  }
  .membership-grid {
    grid-template-columns: 1fr;
  }
  .on-deck article {
    grid-template-columns: 55px 1fr;
  }
  .topic-grid {
    grid-template-columns: 1fr;
  }
  .professional-callout {
    grid-template-columns: 1fr;
    gap: 45px;
    padding: 35px 25px;
  }
  .professional-callout h2 {
    margin-top: 35px;
  }
  .partner-tools {
    grid-template-columns: 1fr;
  }
  .partner-tools article {
    min-height: 255px;
  }
  .partner-tools h3 {
    margin-top: 75px;
  }
  .capability-grid {
    grid-template-columns: 1fr 1fr;
  }
  .capability-grid div {
    min-height: 115px;
    font-size: 18px;
  }
  .about-grid {
    grid-template-columns: 1fr;
  }
  .about-portrait {
    height: 520px;
  }
  .credential-row {
    grid-template-columns: 1fr;
  }
  .credential-row span {
    min-height: 95px;
  }
  .vision-line {
    flex-direction: column;
    gap: 18px;
    padding-block: 30px;
  }
  .faq-layout {
    grid-template-columns: 1fr;
    gap: 60px;
  }
  .faq-sidebar {
    position: static;
  }
  .faq-list button {
    min-height: 78px;
    font-size: 20px;
  }
  .contact-layout {
    grid-template-columns: 1fr;
  }
  .contact-form {
    padding: 25px 18px;
  }
  .field-row {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .footer-main {
    grid-template-columns: 1fr;
    gap: 50px;
  }
  .footer-bottom {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-block: 22px;
  }
}
.pisces-flow-background {
  z-index: 0;
  pointer-events: none;
  background: #050507
    url(/media/SYP-Pisces-Neural-Flow-Full-Width-4K-Poster.jpg) 50% / cover
    no-repeat;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.pisces-flow-background video {
  object-fit: cover;
  object-position: 64% center;
  opacity: 0.22;
  filter: saturate(0.82) brightness(0.72) contrast(1.06);
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: -3%;
  transform: scale(1.06);
}
.pisces-flow-shade {
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      #050507f0 0%,
      #050507c2 46%,
      #0505077a 78%,
      #050507ad 100%
    ),
    linear-gradient(#050507b3, #0000 24% 72%, #050507d1);
  position: absolute;
  inset: 0;
}
@media (width<=760px) {
  .pisces-flow-background {
    background-position: 58%;
  }
  .pisces-flow-background video {
    object-position: 58% center;
    opacity: 0.14;
  }
  .pisces-flow-shade {
    background:
      linear-gradient(#050507d1, #050507a3 42%, #050507d6),
      linear-gradient(90deg, #050507e6, #05050794);
  }
}
@media (prefers-reduced-motion: reduce) {
  .pisces-flow-background video {
    display: none;
  }
}
@media (width<=430px) {
  .brand-header {
    min-height: 470px;
  }
  .brand-header-gif {
    width: 128vw;
  }
  .hero h1,
  .page-hero h1 {
    font-size: 58px;
  }
  .hero-copy .button {
    width: 100%;
  }
  .motion-frame {
    height: 410px;
  }
  .motion-word {
    font-size: 53px;
  }
  .feature-card {
    min-height: 485px;
  }
  .mini-book {
    width: 175px;
    height: 263px;
  }
  .live-art b {
    font-size: 67px;
  }
  .founder-visual {
    height: 420px;
  }
  .initials {
    font-size: 115px;
  }
  .book-3d {
    width: 230px;
    height: 350px;
  }
  .book-3d strong {
    font-size: 47px;
  }
  .book-3d span {
    font-size: 21px;
  }
  .capability-grid {
    grid-template-columns: 1fr;
  }
  .about-portrait {
    height: 460px;
  }
  .portrait-initials {
    font-size: 120px;
  }
  .footer-links {
    gap: 25px;
  }
}
.desktop-nav a[href="\/video-library"]:before {
  content: "MEMBERSHIP";
  color: var(--red-bright);
  letter-spacing: 0.14em;
  font-size: 6px;
  font-weight: 800;
  position: absolute;
  top: 13px;
  left: 0;
}
.brand-header-video {
  z-index: 2;
  object-fit: contain;
  filter: drop-shadow(0 28px 55px #00000085);
  width: min(1180px, 94vw);
  max-height: calc(100svh - 135px);
  position: relative;
}
.hero-book-visual {
  isolation: isolate;
  place-items: center;
  min-height: min(650px, 68svh);
  display: grid;
  position: relative;
}
.hero-book-visual:before {
  content: "";
  z-index: -2;
  background-image:
    linear-gradient(#ffffff0f 1px, #0000 1px),
    linear-gradient(90deg, #ffffff0f 1px, #0000 1px);
  background-size: 42px 42px;
  border: 1px solid #ffffff1f;
  position: absolute;
  inset: 5% 6%;
}
.hero-book-halo {
  z-index: -1;
  aspect-ratio: 1;
  filter: blur(12px);
  background: radial-gradient(circle, #d6202a47, #d6202a0a 52%, #0000 70%);
  border-radius: 50%;
  width: 72%;
  position: absolute;
}
.hero-book-visual > img {
  object-fit: contain;
  width: min(355px, 72%);
  max-height: 570px;
  transform: perspective(1100px) rotateY(-8deg) rotate(-1deg);
  box-shadow: -22px 30px 65px #000000ad;
}
.hero-book-note {
  border-left: 2px solid var(--red);
  background: #0a0a0be6;
  padding: 13px 16px;
  position: absolute;
  bottom: 6%;
  right: 6%;
  box-shadow: 0 12px 30px #00000052;
}
.hero-book-note span,
.hero-book-note strong {
  text-transform: uppercase;
  display: block;
}
.hero-book-note span {
  color: var(--red-bright);
  letter-spacing: 0.14em;
  margin-bottom: 6px;
  font-size: 8px;
  font-weight: 800;
}
.hero-book-note strong {
  color: #fff;
  font: 700 15px var(--heading);
  letter-spacing: 0.05em;
}
.membership-spotlight {
  background: linear-gradient(120deg, #111114 0%, #0a0a0b 52%, #260b0e 100%);
  border-block: 1px solid #29292d;
}
.membership-spotlight > .shell {
  grid-template-columns: 0.85fr 1.15fr;
  align-items: center;
  gap: 75px;
  display: grid;
}
.membership-spotlight h2,
.member-value h2 {
  color: #fff;
  margin-bottom: 22px;
  font-size: clamp(52px, 5.5vw, 78px);
}
.membership-spotlight p,
.member-value-copy > p {
  color: #aaa;
}
.access-steps {
  border-top: 1px solid var(--gray-200);
  border-left: 1px solid var(--gray-200);
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}
.access-steps article {
  border-right: 1px solid var(--gray-200);
  border-bottom: 1px solid var(--gray-200);
  background: #ffffff9e;
  flex-direction: column;
  min-height: 300px;
  padding: 30px;
  display: flex;
}
.access-steps article > span {
  color: var(--red);
  font: 800 12px var(--heading);
  letter-spacing: 0.12em;
}
.access-steps h3 {
  margin: auto 0 13px;
  font-size: 32px;
}
.access-steps p {
  margin: 0 0 18px;
  font-size: 12px;
  line-height: 1.6;
}
.access-steps a {
  color: var(--ink);
  text-transform: uppercase;
  align-self: flex-start;
  align-items: center;
  gap: 8px;
  font-size: 9px;
  font-weight: 800;
  display: inline-flex;
}
.access-steps small {
  color: #888;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 700;
}
.access-steps.compact {
  border-color: #353539;
}
.access-steps.compact article {
  background: #ffffff09;
  border-color: #353539;
  min-height: 230px;
  padding: 24px;
}
.access-steps.compact h3 {
  color: #fff;
}
.access-steps.compact p {
  color: #949498;
}
.membership-bar {
  color: #fff;
  background: var(--red-dark);
}
.membership-bar > .shell {
  grid-template-columns: repeat(3, 1fr) auto;
  align-items: center;
  gap: 30px;
  min-height: 118px;
  display: grid;
}
.membership-bar strong,
.membership-bar span {
  display: block;
}
.membership-bar strong {
  font: 700 23px var(--heading);
  text-transform: uppercase;
  margin-bottom: 6px;
}
.membership-bar span {
  color: #f0c1c4;
  font-size: 10px;
}
.membership-bar .button {
  color: var(--red-dark);
  background: #fff;
  border-color: #fff;
}
.member-funnel {
  background: var(--paper);
  scroll-margin-top: 78px;
}
.member-value {
  background: linear-gradient(115deg, #0b0b0c, #18181b 60%, #2b0b0e);
}
.member-value > .shell {
  grid-template-columns: 0.8fr 1.2fr;
  align-items: center;
  gap: 90px;
  display: grid;
}
.member-benefit-grid {
  border-top: 1px solid #353539;
  border-left: 1px solid #353539;
  grid-template-columns: 1fr 1fr;
  display: grid;
}
.member-benefit-grid article {
  border-bottom: 1px solid #353539;
  border-right: 1px solid #353539;
  min-height: 115px;
  padding: 20px;
}
.member-benefit-grid span {
  color: var(--red-bright);
  font: 700 10px var(--heading);
}
.member-benefit-grid p {
  color: #e3e3e5;
  font: 700 20px/1.05 var(--heading);
  text-transform: uppercase;
  margin: 24px 0 0;
}
#free-preview {
  scroll-margin-top: 82px;
}
.library-join-callout {
  background: linear-gradient(120deg, #171719, #250b0e);
  border: 1px solid #3a3a3e;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 28px;
  margin-top: 72px;
  padding: 30px;
  display: grid;
}
.library-join-callout .lock {
  fill: none;
  width: 34px;
  stroke: var(--red-bright);
  stroke-width: 1.5px;
}
.library-join-callout span {
  color: var(--red-bright);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 800;
}
.library-join-callout h3 {
  color: #fff;
  margin: 7px 0 6px;
  font-size: 32px;
}
.library-join-callout p {
  color: #96969a;
  margin: 0;
  font-size: 12px;
}
.book-parts {
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  display: grid;
}
.book-parts article {
  border: 1px solid var(--gray-200);
  background: #fff;
  min-height: 330px;
  padding: 30px;
}
.book-parts span {
  color: var(--red);
  letter-spacing: 0.15em;
  font-size: 9px;
  font-weight: 800;
}
.book-parts h3 {
  margin: 110px 0 16px;
  font-size: 38px;
}
.book-parts p {
  margin: 0;
  font-size: 12px;
}
.book-principles {
  background: linear-gradient(120deg, #0a0a0b, #161619 70%, #290a0d);
}
.principle-line {
  color: #fff;
  min-height: 130px;
  font: 700 clamp(23px, 3vw, 40px) var(--heading);
  text-transform: uppercase;
  border-block: 1px solid #37373a;
  justify-content: space-between;
  align-items: center;
  padding-inline: 30px;
  display: flex;
}
.principle-line i {
  background: var(--red-bright);
  border-radius: 50%;
  width: 8px;
  height: 8px;
}
.professional-headshot img {
  object-position: center 18%;
}
.founder-visual.professional-headshot {
  background: #aaa;
  height: 610px;
}
.about-portrait.professional-headshot {
  background: #aaa;
}
.partner-band-small {
  background: #18181b;
  border-top: 1px solid #303034;
  padding-block: 52px;
}
.partner-band-small h2 {
  font-size: clamp(40px, 4vw, 58px);
}
.partner-band-small p {
  color: #9c9ca0;
}
.movement-gallery {
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.movement-gallery figure,
.movement-gallery .gallery-wide {
  grid-column: auto;
  height: 220px;
  min-height: 0;
}
.movement-gallery figcaption {
  bottom: 13px;
  left: 14px;
  right: 14px;
}
.movement-gallery figcaption strong {
  font-size: 21px;
}
.start-finish-grid {
  max-width: 860px;
}
.start-finish-grid figure {
  aspect-ratio: auto;
  height: 220px;
}
@media (width<=1050px) {
  .membership-spotlight > .shell,
  .member-value > .shell {
    grid-template-columns: 1fr;
    gap: 55px;
  }
  .membership-bar > .shell {
    grid-template-columns: 1fr 1fr;
    padding-block: 24px;
  }
  .membership-bar .button {
    justify-self: start;
  }
  .movement-gallery,
  .movement-gallery .gallery-wide {
    grid-column: auto;
    grid-template-columns: repeat(3, 1fr);
  }
  .movement-gallery figure,
  .movement-gallery .gallery-wide {
    height: 210px;
    min-height: 0;
  }
}
@media (width<=760px) {
  .desktop-nav a[href="\/video-library"]:before {
    display: none;
  }
  .brand-header-video {
    width: 116vw;
    max-width: none;
    max-height: 55svh;
  }
  .hero-book-visual {
    min-height: 480px;
  }
  .hero-book-visual > img {
    width: min(320px, 72%);
    max-height: 430px;
  }
  .hero-book-note {
    max-width: 74%;
    bottom: 3%;
    right: 2%;
  }
  .membership-bar > .shell {
    grid-template-columns: 1fr;
    gap: 18px;
    padding-block: 28px;
  }
  .membership-bar > .shell > div {
    border-bottom: 1px solid #ffffff2e;
    padding-bottom: 14px;
  }
  .access-steps,
  .book-parts {
    grid-template-columns: 1fr;
  }
  .access-steps article {
    min-height: 240px;
  }
  .access-steps.compact article {
    min-height: 210px;
  }
  .member-benefit-grid {
    grid-template-columns: 1fr;
  }
  .library-join-callout {
    grid-template-columns: auto 1fr;
  }
  .library-join-callout .button {
    grid-column: 1/-1;
    width: 100%;
  }
  .principle-line {
    text-align: center;
    flex-direction: column;
    gap: 18px;
    padding-block: 30px;
  }
  .founder-visual.professional-headshot {
    height: 540px;
  }
  .movement-gallery {
    scroll-snap-type: x proximity;
    grid-template-columns: repeat(3, minmax(170px, 1fr));
    padding-bottom: 10px;
    display: grid;
    overflow-x: auto;
  }
  .movement-gallery figure,
  .movement-gallery .gallery-wide {
    scroll-snap-align: start;
    min-width: 170px;
    height: 150px;
  }
  .movement-gallery figcaption strong {
    font-size: 17px;
  }
  .start-finish-grid {
    grid-template-columns: repeat(2, minmax(190px, 1fr));
    padding-bottom: 10px;
    overflow-x: auto;
  }
  .start-finish-grid figure {
    min-width: 190px;
    height: 150px;
  }
}
@media (width<=430px) {
  .brand-header-video {
    width: 128vw;
  }
  .hero-book-visual {
    min-height: 440px;
  }
  .hero-book-visual > img {
    width: 74%;
  }
  .about-portrait.professional-headshot {
    height: 500px;
  }
}
html {
  overflow-x: hidden;
}
body {
  overflow-x: clip;
}
h1,
h2,
h3,
blockquote {
  overflow-wrap: normal;
  text-wrap: balance;
}
p,
li {
  text-wrap: pretty;
}
main > section {
  min-width: 0;
}
.section {
  padding-block: 88px;
}
.section-head {
  gap: 48px;
  margin-bottom: 38px;
}
.section-head h2 {
  font-size: clamp(44px, 4.6vw, 68px);
}
.desktop-nav a[href="\/video-library"]:before {
  display: none;
}
.desktop-nav {
  gap: clamp(11px, 1.05vw, 21px);
}
.desktop-nav a {
  font-size: clamp(9px, 0.72vw, 11px);
}
.brand-header-grid,
.page-hero-grid,
.final-grid {
  display: none;
}
.brand-header-footer {
  justify-content: flex-end;
}
.hero {
  min-height: auto;
}
.hero:after {
  background: radial-gradient(circle at 76% 44%, #0000 0 20%, #00000085 67%);
}
.hero-content {
  min-height: 760px;
  padding-block: 76px;
}
.hero h1 {
  font-size: clamp(64px, 6.7vw, 105px);
  line-height: 0.88;
}
.hero-ticker {
  display: none;
}
.hero-book-visual:before {
  content: "";
  background: radial-gradient(circle, #ffffff09, #0000 68%);
  border: 0;
  inset: 8% 3%;
}
.hero-book-visual > img {
  display: none;
}
.book-mockup {
  aspect-ratio: 3/4;
  filter: drop-shadow(-30px 34px 34px #000000a6);
  width: min(355px, 72%);
  position: relative;
  transform: perspective(1200px) rotateY(-10deg) rotate(-1deg);
}
.book-mockup:before {
  content: "";
  z-index: -1;
  background: linear-gradient(90deg, #050505, #252525 55%, #080808);
  border-radius: 4px 0 0 4px;
  width: 19px;
  position: absolute;
  top: 9px;
  bottom: 8px;
  left: -15px;
  transform: skewY(-14deg);
}
.book-mockup:after {
  content: "";
  z-index: -1;
  transform-origin: 0 0;
  background: linear-gradient(#d7d3ca, #6e6b66);
  height: 15px;
  position: absolute;
  bottom: -10px;
  left: 8px;
  right: -5px;
  transform: skew(-34deg);
}
.book-mockup img {
  object-fit: cover;
  image-rendering: auto;
  border-radius: 2px;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 1px #ffffff1f;
}
.hero-book-note {
  display: none;
}
.revenue-intro {
  grid-template-columns: 0.65fr 1.35fr;
  align-items: end;
  gap: 60px;
  margin-bottom: 44px;
  display: grid;
}
.revenue-intro .eyebrow {
  align-self: start;
}
.revenue-intro h2 {
  margin: 0;
  font-size: clamp(54px, 6.2vw, 86px);
}
.revenue-grid {
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  display: grid;
}
.revenue-card {
  color: #fff;
  background: #111;
  min-height: 520px;
  position: relative;
  overflow: hidden;
}
.revenue-card:after {
  content: "";
  background: linear-gradient(#00000014, #0000008c 45%, #000000f5 100%);
  position: absolute;
  inset: 0;
}
.revenue-card > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform 0.45s;
}
.revenue-card.book-revenue > img {
  object-position: center 34%;
  filter: brightness(0.8);
}
.revenue-card:hover > img {
  transform: scale(1.025);
}
.revenue-card > div {
  z-index: 2;
  position: absolute;
  bottom: 32px;
  left: 34px;
  right: 34px;
}
.revenue-card span {
  color: #ff5962;
  letter-spacing: 0.15em;
  font-size: 9px;
  font-weight: 800;
}
.revenue-card p {
  color: #b5b5b8;
  max-width: 470px;
  margin-bottom: 22px;
}
.revenue-card strong {
  letter-spacing: 0.08em;
  text-transform: uppercase;
  align-items: center;
  gap: 12px;
  font-size: 10px;
  display: inline-flex;
}
.home-quote {
  background: linear-gradient(115deg, #09090a, #151517 65%, #2a090c);
}
.home-quote .shell {
  justify-content: space-between;
  align-items: flex-end;
  gap: 60px;
  display: flex;
}
.home-quote blockquote {
  color: #fff;
  font: 700 clamp(52px, 6.6vw, 88px) / 0.94 var(--heading);
  text-transform: uppercase;
  margin: 0;
}
.home-quote blockquote em {
  color: var(--red-bright);
  font-style: italic;
}
.home-quote .button {
  flex: none;
}
.method-manifesto {
  grid-template-columns: 1.35fr 0.65fr;
  align-items: end;
  gap: 90px;
  display: grid;
}
.method-manifesto blockquote {
  font: 700 clamp(52px, 6vw, 82px) / 0.96 var(--heading);
  text-transform: uppercase;
  margin: 0;
}
.method-manifesto blockquote em {
  color: var(--red);
  font-style: italic;
}
.method-manifesto p {
  margin: 0;
  font-size: 16px;
}
.method-sequence {
  background: linear-gradient(120deg, #09090a, #171719 70%, #27090c);
}
.method-sequence h2 {
  color: #fff;
  margin-bottom: 42px;
  font-size: clamp(50px, 5.5vw, 76px);
}
.hierarchy-flow {
  border-block: 1px solid #353539;
  align-items: stretch;
  display: flex;
}
.hierarchy-flow div {
  border-right: 1px solid #353539;
  flex: 1;
  min-width: 0;
  padding: 28px 18px 26px;
  position: relative;
}
.hierarchy-flow div:first-child {
  border-left: 1px solid #353539;
}
.hierarchy-flow div:not(:last-child):after {
  content: "→";
  z-index: 2;
  color: var(--red-bright);
  background: #131315;
  position: absolute;
  top: 50%;
  right: -9px;
  transform: translateY(-50%);
}
.hierarchy-flow span,
.hierarchy-flow strong {
  display: block;
}
.hierarchy-flow span {
  color: var(--red-bright);
  font: 700 10px var(--heading);
  margin-bottom: 50px;
}
.hierarchy-flow strong {
  color: #fff;
  font: 700 clamp(23px, 2.7vw, 38px) var(--heading);
  text-transform: uppercase;
}
.home-hierarchy-teaser {
  background: linear-gradient(115deg, #080809, #151517 64%, #2b090d);
}
.home-hierarchy-teaser .shell {
  grid-template-columns: 1.25fr 0.75fr;
  align-items: end;
  gap: 36px 70px;
  display: grid;
}
.home-hierarchy-copy blockquote {
  color: #fff;
  font: 700 clamp(46px, 5.6vw, 78px) / 0.96 var(--heading);
  text-transform: uppercase;
  margin: 0;
}
.home-hierarchy-copy blockquote em {
  color: var(--red-bright);
  font-style: italic;
}
.home-hierarchy-line {
  border-block: 1px solid #353539;
  grid-column: 1/-1;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 22px 0;
  display: flex;
}
.home-hierarchy-line span {
  color: #fff;
  font: 700 clamp(18px, 2vw, 29px) var(--heading);
  text-transform: uppercase;
}
.home-hierarchy-line i {
  color: var(--red-bright);
  font-style: normal;
}
.home-hierarchy-teaser .button {
  justify-self: end;
}
.stretch-hierarchy-feature {
  background: radial-gradient(
    circle at 82% 15%,
    #371015 0,
    #151517 35%,
    #080809 75%
  );
  scroll-margin-top: 78px;
  overflow: hidden;
}
.stretch-hierarchy-head {
  grid-template-columns: 1.3fr 0.7fr;
  align-items: end;
  gap: 80px;
  display: grid;
}
.stretch-hierarchy-head h2 {
  color: #fff;
  margin: 0;
  font-size: clamp(58px, 6.7vw, 94px);
}
.stretch-hierarchy-head h2 em {
  color: var(--red-bright);
  font-style: italic;
}
.stretch-hierarchy-head > p {
  color: #aaaab0;
  margin: 0 0 8px;
  font-size: 15px;
}
.stretch-hierarchy-graphic {
  margin: 78px 0 0;
  position: relative;
}
.hierarchy-track {
  z-index: 0;
  background: linear-gradient(90deg, #6b171d, #ef2d3d 48%, #ff6870);
  height: 2px;
  position: absolute;
  top: 75px;
  left: 8%;
  right: 8%;
  box-shadow: 0 0 24px #ef2d3d8c;
}
.hierarchy-track:after {
  content: "";
  background: radial-gradient(#ef2d3d29, #0000 70%);
  position: absolute;
  inset: -8px 0;
}
.hierarchy-nodes {
  z-index: 1;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  display: grid;
  position: relative;
}
.hierarchy-node {
  text-align: center;
  min-width: 0;
}
.hierarchy-orbit {
  background: radial-gradient(
    circle,
    #26262a 0 31%,
    #111113 32% 58%,
    #111113b8 59%
  );
  border: 1px solid #ffffff38;
  border-radius: 50%;
  place-items: center;
  width: 150px;
  height: 150px;
  margin: 0 auto 26px;
  display: grid;
  position: relative;
  box-shadow:
    0 0 0 8px #ffffff05,
    0 18px 40px #00000073;
}
.hierarchy-orbit:before {
  content: "";
  background: var(--red);
  border: 3px solid #fff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  position: absolute;
  box-shadow: 0 0 22px #ef2d3dcc;
}
.hierarchy-orbit span {
  z-index: 1;
  color: #a6a6aa;
  font: 700 9px var(--heading);
  letter-spacing: 0.12em;
  margin-top: 48px;
  position: relative;
}
.hierarchy-node small,
.hierarchy-node strong {
  display: block;
}
.hierarchy-node small {
  color: #ff646d;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 8px;
  font-weight: 800;
}
.hierarchy-node strong {
  color: #fff;
  font: 700 clamp(22px, 2.6vw, 36px) / 1 var(--heading);
  text-transform: uppercase;
}
.hierarchy-node-2 .hierarchy-orbit {
  transform: scale(0.93);
}
.hierarchy-node-3 .hierarchy-orbit {
  border-color: #ff4a55b8;
  transform: scale(1.05);
}
.hierarchy-node-4 .hierarchy-orbit {
  transform: scale(0.96);
}
.stretch-hierarchy-graphic figcaption {
  border-left: 3px solid var(--red);
  background: #ffffff0b;
  margin-top: 72px;
  padding: 34px;
}
.stretch-hierarchy-graphic figcaption span,
.stretch-hierarchy-graphic figcaption strong {
  display: block;
}
.stretch-hierarchy-graphic figcaption span {
  color: #ff626b;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin-bottom: 13px;
  font-size: 8px;
  font-weight: 800;
}
.stretch-hierarchy-graphic figcaption strong {
  color: #fff;
  font: 700 clamp(24px, 3vw, 42px) / 1.08 var(--heading);
  text-transform: uppercase;
}
.stretch-hierarchy-graphic figcaption i {
  color: var(--red-bright);
  font-style: normal;
}
.hierarchy-detail {
  grid-template-columns: 0.72fr 1.28fr;
  align-items: start;
  gap: 100px;
  display: grid;
}
.hierarchy-detail-intro {
  position: sticky;
  top: 110px;
}
.hierarchy-detail-intro h2 {
  font-size: clamp(54px, 6vw, 84px);
}
.hierarchy-detail-intro p {
  max-width: 520px;
}
.hierarchy-detail-list {
  border-top: 1px solid var(--gray-200);
}
.hierarchy-detail-list article {
  border-bottom: 1px solid var(--gray-200);
  grid-template-columns: 48px 1fr;
  gap: 20px;
  padding: 30px 0;
  display: grid;
}
.hierarchy-detail-list article > span {
  color: var(--red);
  font: 700 11px var(--heading);
}
.hierarchy-detail-list small {
  color: var(--red);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 800;
}
.hierarchy-detail-list h3 {
  margin: 5px 0 10px;
  font-size: 38px;
}
.hierarchy-detail-list p {
  margin: 0;
  font-size: 13px;
}
.method-principles {
  grid-template-columns: 0.7fr 1.3fr;
  gap: 100px;
  display: grid;
}
.method-principles h2 {
  font-size: clamp(58px, 6.5vw, 88px);
}
.principle-copy {
  border-top: 1px solid var(--gray-200);
}
.principle-copy article {
  border-bottom: 1px solid var(--gray-200);
  grid-template-columns: 0.8fr 1.2fr;
  gap: 36px;
  padding: 28px 0;
  display: grid;
}
.principle-copy h3 {
  margin: 0;
  font-size: 32px;
}
.principle-copy p {
  margin: 0;
}
.book-stage {
  background: linear-gradient(145deg, #171719, #080809);
  min-height: 650px;
  overflow: visible;
}
.book-stage:before {
  background: #000000b3;
  width: 68%;
  bottom: 45px;
}
.real-book-cover {
  filter: contrast(1.04) saturate(1.04);
  width: min(370px, 72%);
  max-height: 570px;
  transform: perspective(1200px) rotateY(-9deg) rotate(-0.7deg);
  box-shadow: -30px 34px 60px #0000009e;
}
.real-book-cover:after {
  display: none;
}
.availability {
  color: #fff;
  background: var(--red-dark);
  width: max-content;
  max-width: calc(100% - 28px);
  bottom: -18px;
  left: 50%;
  transform: translate(-50%);
}
.preview-feature {
  scroll-margin-top: 80px;
}
.featured-preview-wrap {
  width: min(860px, 100%);
  margin-inline: auto;
}
.real-video.featured .real-video-frame {
  aspect-ratio: 16/9;
}
.locked-library {
  background: linear-gradient(120deg, #09090a, #141416 62%, #24090c);
}
.locked-library-head {
  grid-template-columns: 1.25fr 0.75fr;
  align-items: end;
  gap: 90px;
  margin-bottom: 46px;
  display: grid;
}
.locked-library-head h2 {
  color: #fff;
  margin-bottom: 18px;
  font-size: clamp(55px, 6vw, 84px);
}
.locked-library-head p {
  color: #99999d;
}
.locked-library-cta {
  border-left: 2px solid var(--red);
  background: #ffffff09;
  padding: 28px;
}
.locked-library-cta .lock {
  fill: none;
  width: 27px;
  stroke: var(--red-bright);
  stroke-width: 1.5px;
  margin-bottom: 18px;
}
.locked-library-cta strong {
  color: #fff;
  font: 700 23px var(--heading);
}
.locked-library-cta p {
  margin: 10px 0 18px;
  font-size: 12px;
}
.library-price {
  color: #aaa;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin: -4px 0 18px;
  font-size: 10px;
  display: block;
}
.library-price b {
  color: #fff;
}
.locked-library-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 13px;
  display: grid;
}
.locked-video-card {
  aspect-ratio: 16/12;
  background: #09090a;
  min-width: 0;
  position: relative;
  overflow: hidden;
}
.locked-video-card > img {
  object-fit: cover;
  filter: brightness(0.56) saturate(0.7);
  width: 100%;
  height: 100%;
}
.locked-video-shade {
  background: linear-gradient(#0000 32%, #000000e0);
  align-content: center;
  place-items: center;
  gap: 9px;
  display: grid;
  position: absolute;
  inset: 0;
}
.locked-video-shade .lock {
  fill: none;
  stroke: #fff;
  stroke-width: 1.5px;
  width: 25px;
}
.locked-video-shade span {
  color: #fff;
  letter-spacing: 0.16em;
  font-size: 7px;
  font-weight: 800;
}
.locked-video-title {
  position: absolute;
  bottom: 12px;
  left: 14px;
  right: 14px;
}
.locked-video-title small {
  color: #ff626a;
  text-transform: uppercase;
  font-size: 7px;
}
.locked-video-title h3 {
  color: #fff;
  margin: 5px 0 0;
  font-size: 21px;
}
.more-coming {
  border: 1px solid #333337;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  margin-top: 22px;
  padding: 24px;
  display: flex;
}
.more-coming span {
  color: var(--red-bright);
  font: 700 clamp(22px, 3vw, 36px) var(--heading);
}
.more-coming p {
  color: #919195;
  margin: 0;
}
.on-deck-visual {
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  display: grid;
}
.on-deck-visual article {
  background: #111;
  min-height: 380px;
  position: relative;
  overflow: hidden;
}
.on-deck-visual article:after {
  content: "";
  background: linear-gradient(#0000 25%, #000000f5);
  position: absolute;
  inset: 0;
}
.on-deck-visual img {
  object-fit: cover;
  filter: brightness(0.72);
  width: 100%;
  height: 100%;
  transition: transform 0.4s;
}
.on-deck-visual article:hover img {
  transform: scale(1.035);
}
.on-deck-visual article > div {
  z-index: 2;
  position: absolute;
  bottom: 20px;
  left: 22px;
  right: 22px;
}
.on-deck-visual span {
  color: #ff5f67;
  letter-spacing: 0.14em;
  font-size: 8px;
  font-weight: 800;
}
.on-deck-visual h3 {
  color: #fff;
  margin: 9px 0 0;
  font-size: 32px;
}
.on-deck-feature {
  grid-template-columns: 1fr;
}
.on-deck-feature article {
  min-height: clamp(360px, 46vw, 620px);
}
.on-deck-feature article:after {
  background:
    linear-gradient(#0000002e 32%, #000000f5),
    linear-gradient(90deg, #0000006b, #0000 60%);
}
.on-deck-feature article > div {
  bottom: clamp(24px, 4vw, 52px);
  left: clamp(24px, 4vw, 58px);
  right: clamp(24px, 4vw, 58px);
}
.on-deck-feature h3 {
  font-size: clamp(44px, 6vw, 82px);
  line-height: 0.92;
}
.on-deck-feature p {
  color: #ffffffd6;
  margin: 14px 0 0;
  font-size: clamp(15px, 1.5vw, 20px);
}
.membership-hero {
  background: radial-gradient(
    circle at 75% 30%,
    #3a0b0f,
    #111114 43%,
    #070708 75%
  );
  align-items: center;
  min-height: 740px;
  padding-block: 135px 90px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.membership-hero:after {
  content: "SYP";
  color: #ffffff06;
  font: italic 800 34vw/0.7 var(--heading);
  position: absolute;
  bottom: -7vw;
  right: -3vw;
}
.membership-hero .shell {
  z-index: 2;
  position: relative;
}
.membership-hero h1 {
  max-width: 1000px;
  margin-bottom: 25px;
  font-size: clamp(72px, 8.5vw, 126px);
}
.membership-hero > .shell > p {
  color: #b1b1b5;
  max-width: 720px;
  margin-bottom: 30px;
  font-size: 18px;
}
.membership-price-signal {
  border-left: 3px solid var(--red);
  margin: 0 0 28px;
  padding-left: 17px;
}
.membership-price-signal strong,
.membership-price-signal span {
  display: block;
}
.membership-price-signal strong {
  color: #fff;
  font: 700 30px var(--heading);
  text-transform: uppercase;
}
.membership-price-signal span {
  color: #97979b;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-top: 4px;
  font-size: 9px;
}
.membership-price {
  border-left: 3px solid var(--red);
  margin-bottom: 26px;
  padding-left: 18px;
}
.membership-price span,
.membership-price strong,
.membership-price small {
  display: block;
}
.membership-price span {
  color: #ff656d;
  letter-spacing: 0.14em;
  font-size: 8px;
  font-weight: 800;
}
.membership-price strong {
  color: #fff;
  font: 700 clamp(32px, 3.3vw, 46px) var(--heading);
  text-transform: uppercase;
  margin-block: 7px;
}
.membership-price small {
  color: #828286;
}
.membership-includes {
  grid-template-columns: 0.75fr 1.25fr;
  gap: 100px;
  display: grid;
}
.membership-includes h2 {
  font-size: clamp(58px, 6vw, 84px);
}
.membership-points {
  border-top: 1px solid var(--gray-200);
}
.membership-points article {
  border-bottom: 1px solid var(--gray-200);
  grid-template-columns: 50px 1fr;
  gap: 18px;
  padding: 24px 0;
  display: grid;
}
.membership-points article > svg,
.membership-points article > span {
  width: 36px;
  height: 36px;
  color: var(--red);
  border: 1px solid var(--red);
  place-items: center;
  display: grid;
}
.membership-points .play {
  fill: var(--red);
  stroke: none;
  padding: 8px;
}
.membership-points h3 {
  margin: 0 0 7px;
  font-size: 30px;
}
.membership-points p {
  margin: 0;
  font-size: 12px;
}
.membership-points .book-icon {
  font: 700 12px var(--heading);
}
.membership-proof {
  text-align: center;
  background: linear-gradient(115deg, #09090a, #18181b, #280a0d);
}
.membership-proof blockquote {
  color: #fff;
  max-width: 1050px;
  font: 700 clamp(58px, 7vw, 94px) / 0.95 var(--heading);
  text-transform: uppercase;
  margin: 0 auto 22px;
}
.membership-proof blockquote em {
  color: var(--red-bright);
  font-style: italic;
}
.membership-proof p {
  color: #9b9b9f;
  max-width: 700px;
  margin: auto;
}
.join-section {
  background: var(--paper);
  scroll-margin-top: 78px;
}
.join-layout {
  grid-template-columns: 0.78fr 1.22fr;
  align-items: start;
  gap: 80px;
  display: grid;
}
.join-copy {
  position: sticky;
  top: 116px;
}
.join-copy h2 {
  font-size: clamp(56px, 6vw, 82px);
}
.price-card {
  color: #fff;
  background: var(--red-dark);
  margin: 28px 0;
  padding: 20px;
}
.price-card span,
.price-card strong,
.price-card small {
  display: block;
}
.price-card span {
  letter-spacing: 0.14em;
  font-size: 8px;
  font-weight: 800;
}
.price-card strong {
  font: 700 36px var(--heading);
  margin-block: 7px;
}
.price-card small {
  color: #e5bfc2;
}
.membership-signup {
  border: 1px solid var(--gray-200);
  background: #fff;
  padding: 38px;
  box-shadow: 0 24px 75px #00000012;
}
.signup-heading {
  margin-bottom: 28px;
}
.signup-heading > span {
  color: var(--red);
  letter-spacing: 0.14em;
  font-size: 8px;
  font-weight: 800;
}
.signup-heading h3 {
  margin: 8px 0;
  font-size: 38px;
}
.signup-heading p {
  margin: 0;
  font-size: 12px;
}
.membership-signup label,
.routine-sidebar label {
  color: #555;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-size: 9px;
  font-weight: 800;
  display: block;
}
.membership-signup input,
.membership-signup select,
.routine-sidebar input {
  width: 100%;
  height: 50px;
  color: var(--ink);
  border: 1px solid var(--gray-200);
  background: var(--gray-50);
  text-transform: none;
  outline: 0;
  margin-top: 8px;
  padding: 0 13px;
}
.membership-signup input:focus,
.membership-signup select:focus,
.routine-sidebar input:focus {
  border-color: var(--red);
}
.payment-placeholder {
  background: #f5f4f2;
  border: 1px dashed #aaa;
  margin: 25px 0;
  padding: 22px;
}
.payment-placeholder > div {
  align-items: center;
  gap: 10px;
  display: flex;
}
.payment-placeholder .lock {
  fill: none;
  width: 20px;
  stroke: var(--red);
  stroke-width: 1.5px;
}
.payment-placeholder > div span {
  letter-spacing: 0.12em;
  font-size: 8px;
  font-weight: 800;
}
.payment-placeholder label {
  margin-top: 18px;
}
.payment-placeholder input:disabled {
  color: #777;
  background: #e9e7e3;
}
.payment-placeholder p {
  margin: 0;
  font-size: 9px;
  line-height: 1.55;
}
.membership-signup .consent {
  text-transform: none;
  align-items: flex-start;
  gap: 10px;
  line-height: 1.55;
  display: flex;
}
.membership-signup .consent input {
  flex: none;
  width: 18px;
  height: 18px;
  margin: 0;
}
.membership-signup .submit {
  width: 100%;
}
.routine-builder {
  grid-template-columns: 0.35fr 1fr;
  align-items: start;
  gap: 70px;
  display: grid;
}
.routine-sidebar {
  position: sticky;
  top: 110px;
}
.routine-summary {
  color: #fff;
  background: var(--red-dark);
  margin-block: 20px;
  padding: 20px;
}
.routine-summary strong,
.routine-summary span {
  display: block;
}
.routine-summary strong {
  font: 700 56px var(--heading);
}
.routine-summary span {
  text-transform: uppercase;
  font-size: 9px;
}
.routine-sidebar > p {
  font-size: 11px;
}
.routine-workspace > h2 {
  font-size: clamp(48px, 5vw, 70px);
}
.empty-routine {
  text-align: center;
  background: var(--paper);
  border: 1px dashed #bbb;
  align-content: center;
  place-items: center;
  min-height: 330px;
  display: grid;
}
.empty-routine .play {
  width: 45px;
  fill: var(--red);
  stroke: none;
  margin-bottom: 20px;
}
.empty-routine h3 {
  margin-bottom: 8px;
  font-size: 33px;
}
.empty-routine p {
  margin: 0;
}
.chosen-routine {
  border-top: 1px solid var(--gray-200);
}
.chosen-routine article {
  border-bottom: 1px solid var(--gray-200);
  grid-template-columns: 38px 125px 1fr 38px;
  align-items: center;
  gap: 14px;
  min-height: 100px;
  padding-block: 10px;
  display: grid;
}
.chosen-routine article > span {
  color: var(--red);
  font: 700 11px var(--heading);
}
.chosen-routine img {
  object-fit: cover;
  width: 125px;
  height: 75px;
}
.chosen-routine small {
  color: #999;
  text-transform: uppercase;
  font-size: 7px;
}
.chosen-routine h3 {
  margin: 5px 0 0;
  font-size: 27px;
}
.chosen-routine button {
  border: 1px solid var(--gray-200);
  cursor: pointer;
  background: #fff;
  width: 34px;
  height: 34px;
}
.routine-picker {
  grid-template-columns: repeat(4, 1fr);
  gap: 13px;
  display: grid;
}
.routine-picker button {
  border: 1px solid var(--gray-200);
  text-align: left;
  cursor: pointer;
  background: #fff;
  min-width: 0;
  padding: 0 0 16px;
  position: relative;
  overflow: hidden;
}
.routine-picker button.selected {
  border-color: var(--red);
  box-shadow: inset 0 0 0 2px var(--red);
}
.routine-picker img {
  aspect-ratio: 16/10;
  object-fit: cover;
  width: 100%;
}
.routine-picker span {
  color: var(--red);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 12px 14px 6px;
  font-size: 7px;
  font-weight: 800;
  display: inline-block;
}
.routine-picker strong {
  font: 700 23px/1 var(--heading);
  text-transform: uppercase;
  margin-inline: 14px;
  display: block;
}
.final-cta {
  padding-block: 100px;
}
.final-cta:before {
  display: none;
}
.final-cta h2 {
  font-size: clamp(62px, 7.4vw, 100px);
}
@media (width<=1050px) {
  .revenue-intro,
  .method-manifesto,
  .method-principles,
  .locked-library-head,
  .membership-includes,
  .join-layout {
    grid-template-columns: 1fr;
    gap: 45px;
  }
  .revenue-grid {
    grid-template-columns: 1fr 1fr;
  }
  .home-quote .shell {
    flex-direction: column;
    align-items: flex-start;
  }
  .locked-library-grid,
  .routine-picker {
    grid-template-columns: repeat(3, 1fr);
  }
  .join-copy {
    position: static;
  }
  .routine-builder {
    grid-template-columns: 0.45fr 1fr;
    gap: 40px;
  }
}
@media (width<=760px) {
  .section {
    padding-block: 68px;
  }
  .hero-content {
    min-height: auto;
    padding-block: 70px 74px;
  }
  .hero-book-visual {
    min-height: 460px;
  }
  .book-mockup {
    width: min(300px, 72%);
  }
  .revenue-intro {
    display: block;
  }
  .revenue-intro .eyebrow {
    margin-bottom: 24px;
  }
  .revenue-grid {
    grid-template-columns: 1fr;
  }
  .revenue-card {
    min-height: 440px;
  }
  .revenue-card > div {
    bottom: 22px;
    left: 22px;
    right: 22px;
  }
  .method-manifesto,
  .method-principles {
    grid-template-columns: 1fr;
    gap: 38px;
  }
  .hierarchy-flow {
    border: 1px solid #353539;
    flex-direction: column;
  }
  .hierarchy-flow div {
    border-bottom: 1px solid #353539;
    border-right: 0;
    grid-template-columns: 45px 1fr;
    align-items: center;
    padding: 20px;
    display: grid;
  }
  .hierarchy-flow div:first-child {
    border-left: 0;
  }
  .hierarchy-flow div:last-child {
    border-bottom: 0;
  }
  .hierarchy-flow div:after {
    display: none;
  }
  .hierarchy-flow span {
    margin: 0;
  }
  .principle-copy article {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .book-stage {
    min-height: 550px;
  }
  .real-book-cover {
    width: min(330px, 76%);
  }
  .locked-library-head,
  .membership-includes,
  .join-layout,
  .routine-builder {
    grid-template-columns: 1fr;
  }
  .locked-library-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .on-deck-visual {
    grid-template-columns: 1fr;
  }
  .on-deck-visual article {
    min-height: 330px;
  }
  .membership-hero {
    min-height: 680px;
    padding-block: 105px 75px;
  }
  .membership-hero h1 {
    font-size: clamp(62px, 17vw, 88px);
  }
  .membership-signup {
    padding: 26px 18px;
  }
  .routine-sidebar {
    position: static;
  }
  .routine-picker {
    grid-template-columns: repeat(2, 1fr);
  }
  .chosen-routine article {
    grid-template-columns: 30px 90px 1fr 34px;
  }
  .chosen-routine img {
    width: 90px;
    height: 62px;
  }
  .more-coming {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (width<=430px) {
  .locked-library-grid,
  .routine-picker {
    grid-template-columns: 1fr 1fr;
    gap: 9px;
  }
  .locked-video-title h3,
  .routine-picker strong {
    font-size: 18px;
  }
  .membership-proof blockquote {
    font-size: 51px;
  }
  .membership-hero > .shell > p {
    font-size: 15px;
  }
  .chosen-routine article {
    grid-template-columns: 25px 1fr 32px;
  }
  .chosen-routine img {
    display: none;
  }
}
.hero-content {
  grid-template-columns: 1.08fr 0.72fr;
  gap: clamp(42px, 7vw, 110px);
}
.hero-book-visual {
  min-height: 580px;
}
.book-mockup {
  width: min(330px, 78%);
}
.book-mockup img {
  object-fit: contain;
  object-position: center;
}
.brand-header-video {
  display: none;
}
.brand-header-mark {
  z-index: 2;
  place-items: center;
  width: min(1080px, 88vw);
  animation: 7s ease-in-out infinite brandFloat;
  display: grid;
  position: relative;
}
.brand-header-mark img {
  object-fit: contain;
  filter: drop-shadow(0 30px 70px #000000a6);
  width: 100%;
  max-height: calc(100svh - 155px);
}
.brand-header-mark i {
  aspect-ratio: 1;
  filter: blur(8px);
  pointer-events: none;
  background: radial-gradient(circle, #ffffffe6 0 2%, #ff444d6b 10%, #0000 67%);
  border-radius: 50%;
  width: 110px;
  animation: 3.4s ease-in-out infinite flarePulse;
  position: absolute;
  top: 21%;
  right: 19%;
}
@keyframes brandFloat {
  0%,
  to {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-7px) scale(1.006);
  }
}
@keyframes flarePulse {
  0%,
  to {
    opacity: 0.45;
    transform: scale(0.9);
  }
  50% {
    opacity: 0.9;
    transform: scale(1.18);
  }
}
.revenue-paths {
  padding-block: 94px;
}
.revenue-grid {
  gap: 18px;
}
.revenue-card {
  border: 1px solid var(--gray-200);
  min-height: 360px;
  color: var(--ink);
  background: #fff;
  grid-template-columns: 185px 1fr;
  align-items: center;
  gap: 36px;
  padding: 36px;
  display: grid;
  overflow: hidden;
}
.revenue-card.member-revenue {
  color: #fff;
  background: linear-gradient(135deg, #171719, #0a0a0b 72%);
  border-color: #2b2b2e;
}
.revenue-card:after {
  display: none;
}
.revenue-card > .revenue-thumb {
  width: 165px;
  height: 230px;
  padding: 0;
  position: relative;
  inset: auto;
  overflow: visible;
}
.revenue-card > .revenue-thumb.landscape {
  width: 190px;
  height: 125px;
}
.revenue-thumb img {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
  transition: transform 0.35s;
  box-shadow: 0 18px 42px #0003;
}
.revenue-thumb.landscape img {
  object-fit: cover;
}
.revenue-card:hover .revenue-thumb img {
  transform: translateY(-4px);
}
.revenue-thumb i {
  color: #fff;
  background: #0000008c;
  border: 1px solid #ffffffb3;
  border-radius: 50%;
  place-items: center;
  width: 48px;
  height: 48px;
  display: grid;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}
.revenue-thumb i .play {
  fill: currentColor;
  stroke: none;
  width: 19px;
}
.revenue-card > div:last-child {
  padding: 0;
  position: static;
}
.revenue-card span {
  color: var(--red);
}
.revenue-card h3 {
  margin: 13px 0;
  font-size: clamp(35px, 3.25vw, 48px);
}
.revenue-card p {
  color: var(--gray-600);
  margin-bottom: 20px;
  font-size: 13px;
}
.member-revenue p {
  color: #a5a5a9;
}
.revenue-card strong {
  color: inherit;
}
.book-bridge {
  text-align: center;
  background: linear-gradient(120deg, #09090a, #171719 65%, #26090c);
}
.book-bridge .eyebrow {
  justify-content: center;
}
.book-bridge blockquote {
  color: #fff;
  max-width: 1050px;
  font: 700 clamp(50px, 6.2vw, 84px) / 0.96 var(--heading);
  text-transform: uppercase;
  margin: 0 auto 25px;
}
.book-bridge blockquote em {
  color: var(--red-bright);
  font-style: italic;
}
.book-bridge p {
  color: #9d9da1;
  max-width: 690px;
  margin: 0 auto 28px;
}
.library-membership-entry {
  background: var(--paper);
  scroll-margin-top: 78px;
}
.library-membership-entry > .shell {
  grid-template-columns: 1.05fr 0.95fr;
  align-items: center;
  gap: 80px;
  display: grid;
}
.membership-editorial h2 {
  margin-bottom: 22px;
  font-size: clamp(52px, 5.5vw, 78px);
}
.membership-editorial > p {
  max-width: 650px;
  margin-bottom: 28px;
}
.membership-object {
  color: #fff;
  background: linear-gradient(135deg, #161618, #09090a 72%);
  grid-template-columns: 165px 1fr;
  align-items: center;
  gap: 32px;
  min-height: 390px;
  padding: 34px;
  display: grid;
  box-shadow: 0 30px 70px #00000024;
}
.membership-object > img {
  object-fit: contain;
  width: 155px;
  max-height: 235px;
  box-shadow: -12px 18px 30px #0000008c;
}
.membership-object-copy span,
.membership-object-copy strong {
  display: block;
}
.membership-object-copy span {
  color: var(--red-bright);
  letter-spacing: 0.15em;
  margin-bottom: 24px;
  font-size: 8px;
  font-weight: 800;
}
.membership-object-copy strong {
  font: 700 23px var(--heading);
  text-transform: uppercase;
  border-bottom: 1px solid #333337;
  padding-block: 12px;
}
.membership-object-copy a {
  color: #fff;
  text-transform: uppercase;
  align-items: center;
  gap: 9px;
  margin-top: 24px;
  font-size: 9px;
  font-weight: 800;
  display: inline-flex;
}
.featured-preview-wrap {
  width: min(760px, 100%);
}
.preview-grid {
  gap: 16px;
}
.locked-library-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.locked-video-card {
  aspect-ratio: 16/11;
}
.on-deck-visual article {
  min-height: 265px;
}
.on-deck-visual.on-deck-feature article {
  min-height: clamp(360px, 34vw, 540px);
}
.real-book-cover {
  object-fit: contain;
  object-position: center;
}
.book-stage {
  overflow: hidden;
}
.book-stage .availability {
  bottom: 18px;
}
@media (width<=1050px) {
  .hero-content {
    grid-template-columns: 1fr 0.68fr;
    gap: 36px;
  }
  .revenue-card {
    grid-template-columns: 145px 1fr;
    gap: 26px;
    padding: 28px;
  }
  .revenue-card > .revenue-thumb {
    width: 135px;
    height: 190px;
  }
  .revenue-card > .revenue-thumb.landscape {
    width: 150px;
    height: 105px;
  }
  .library-membership-entry > .shell {
    grid-template-columns: 1fr;
    gap: 45px;
  }
}
@media (width<=760px) {
  .hero-content {
    grid-template-columns: 1fr;
  }
  .brand-header-mark {
    width: 112vw;
  }
  .hero-book-visual {
    min-height: 430px;
  }
  .revenue-grid {
    grid-template-columns: 1fr;
  }
  .revenue-card {
    grid-template-columns: 118px 1fr;
    gap: 22px;
    min-height: 310px;
    padding: 24px;
  }
  .revenue-card > .revenue-thumb {
    width: 110px;
    height: 155px;
  }
  .revenue-card > .revenue-thumb.landscape {
    width: 120px;
    height: 84px;
  }
  .membership-object {
    grid-template-columns: 120px 1fr;
    gap: 24px;
    min-height: 340px;
    padding: 24px;
  }
  .membership-object > img {
    width: 115px;
    max-height: 180px;
  }
  .locked-library-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .on-deck-visual article {
    min-height: 230px;
  }
  .on-deck-visual.on-deck-feature article {
    min-height: clamp(320px, 54vw, 440px);
  }
}
@media (width<=430px) {
  .brand-header-mark {
    width: 122vw;
  }
  .revenue-card {
    grid-template-columns: 90px 1fr;
    gap: 18px;
    padding: 20px;
  }
  .revenue-card > .revenue-thumb {
    width: 82px;
    height: 118px;
  }
  .revenue-card > .revenue-thumb.landscape {
    width: 90px;
    height: 64px;
  }
  .revenue-card h3 {
    font-size: 30px;
  }
  .revenue-card p {
    font-size: 11px;
  }
  .membership-object {
    grid-template-columns: 85px 1fr;
    gap: 18px;
    padding: 18px;
  }
  .membership-object > img {
    width: 82px;
    max-height: 125px;
  }
  .membership-object-copy strong {
    font-size: 18px;
  }
}
.brand-header-mark {
  display: none;
}
.brand-header-gif-live {
  z-index: 2;
  object-fit: contain;
  filter: drop-shadow(0 30px 70px #0009);
  width: min(960px, 88vw);
  max-height: calc(100svh - 150px);
  position: relative;
}
.brand-header-footer.membership-visible {
  justify-content: space-between;
}
.brand-membership-link {
  gap: 9px !important;
}
.brand-membership-link span {
  color: #8f8f93;
}
.brand-membership-link strong {
  color: #fff;
  font-size: 10px;
}
.home-plan-bar {
  z-index: 5;
  color: #fff;
  background: #111113;
  border-block: 1px solid #2c2c30;
  position: relative;
}
.home-plan-bar-inner {
  grid-template-columns: minmax(250px, 1.45fr) repeat(
      3,
      minmax(105px, 0.55fr)
    ) auto;
  align-items: center;
  gap: 26px;
  min-height: 112px;
  display: grid;
}
.home-plan-intro span,
.home-plan-option small {
  color: var(--red-bright);
  letter-spacing: 0.14em;
  font-size: 8px;
  font-weight: 800;
  display: block;
}
.home-plan-intro strong {
  font: 700 clamp(20px, 1.7vw, 26px) / 1.05 var(--heading);
  text-transform: uppercase;
  margin-top: 8px;
  display: block;
}
.home-plan-option {
  white-space: nowrap;
  border-left: 1px solid #343438;
  padding-left: 20px;
}
.home-plan-option strong {
  color: #fff;
  font: 700 28px var(--heading);
  margin-right: 4px;
}
.home-plan-option span {
  color: #8f8f93;
  text-transform: uppercase;
  font-size: 9px;
}
.home-plan-option.best small {
  color: #fff;
}
.home-plan-option.best strong {
  color: var(--red-bright);
}
.home-plan-option:hover {
  color: #fff;
  border-left-color: var(--red-bright);
}
.home-plan-option:hover strong {
  color: var(--red-bright);
}
.home-plan-bar .button {
  justify-content: center;
  min-width: 190px;
}
.pricing-section {
  background: var(--paper);
  scroll-margin-top: 78px;
}
.pricing-grid {
  grid-template-columns: repeat(3, 1fr);
  align-items: stretch;
  gap: 16px;
  display: grid;
}
.pricing-card {
  border: 1px solid var(--gray-200);
  background: #fff;
  flex-direction: column;
  min-width: 0;
  padding: 36px 30px;
  display: flex;
  position: relative;
  box-shadow: 0 20px 55px #0000000d;
}
.pricing-card.best-value {
  color: #fff;
  border-color: var(--red);
  background: linear-gradient(145deg, #18181a, #09090a 72%);
  box-shadow: 0 28px 70px #0000002e;
}
.best-ribbon {
  color: #fff;
  background: var(--red);
  letter-spacing: 0.14em;
  padding: 10px 15px;
  font-size: 8px;
  font-weight: 800;
  position: absolute;
  top: 0;
  right: 0;
}
.pricing-card.premium-value {
  color: #fff;
  background: linear-gradient(145deg, #121214, #0a0909 65%, #241b12);
  border-color: #806d3b;
  box-shadow: 0 28px 70px #0000002e;
}
.premium-ribbon {
  color: #111;
  background: linear-gradient(90deg, #e5c77c, #b8913c);
}
.plan-label {
  color: var(--red);
  letter-spacing: 0.15em;
  font-size: 8px;
  font-weight: 800;
}
.pricing-card h3 {
  margin: 38px 0 18px;
  font-size: clamp(38px, 4vw, 54px);
}
.plan-price strong,
.plan-price small {
  display: block;
}
.plan-price strong {
  font: 700 clamp(34px, 4vw, 52px) var(--heading);
  text-transform: uppercase;
}
.plan-price small {
  color: #999;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-top: 5px;
  font-size: 9px;
}
.pricing-card > p {
  min-height: 78px;
  margin: 22px 0;
  font-size: 12px;
}
.best-value > p,
.premium-value > p {
  color: #aaa;
}
.pricing-card ul {
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
}
.pricing-card li {
  border-bottom: 1px solid var(--gray-200);
  min-height: 46px;
  color: var(--gray-600);
  align-items: flex-start;
  gap: 11px;
  padding-block: 12px;
  font-size: 12px;
  display: flex;
}
.best-value li,
.premium-value li {
  color: #d2d2d5;
  border-color: #333337;
}
.pricing-card li .check {
  fill: none;
  width: 17px;
  stroke: var(--red);
  stroke-width: 2px;
  flex: none;
}
.pricing-card .button {
  align-self: stretch;
  margin-top: auto;
}
.pricing-note {
  color: #999;
  text-align: center;
  margin: 18px 0 0;
  font-size: 9px;
}
.embedded-enrollment {
  background: radial-gradient(
    circle at 18% 24%,
    #310c11,
    #121214 42%,
    #080809 78%
  );
}
.enrollment-layout {
  grid-template-columns: 0.82fr 1.18fr;
  align-items: start;
  gap: 86px;
  display: grid;
}
.enrollment-copy {
  position: sticky;
  top: 115px;
}
.enrollment-copy h2 {
  color: #fff;
  font-size: clamp(58px, 6.5vw, 88px);
}
.enrollment-copy h2 em {
  color: var(--red-bright);
  font-style: italic;
}
.enrollment-copy > p {
  color: #aaaab0;
}
.enrollment-copy ul {
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}
.enrollment-copy li {
  color: #d5d5d8;
  border-bottom: 1px solid #333337;
  align-items: center;
  gap: 12px;
  padding: 15px 0;
  font-size: 12px;
  display: flex;
}
.enrollment-copy li .check {
  fill: none;
  width: 18px;
  stroke: var(--red-bright);
  stroke-width: 2px;
}
.embedded-enrollment-form {
  color: var(--ink);
  background: #fff;
  padding: 38px;
  box-shadow: 0 34px 90px #00000059;
}
.enrollment-form-head {
  margin-bottom: 26px;
}
.enrollment-form-head > span {
  color: var(--red);
  letter-spacing: 0.14em;
  font-size: 8px;
  font-weight: 800;
}
.enrollment-form-head h3 {
  margin: 8px 0;
  font-size: 42px;
}
.enrollment-form-head p {
  margin: 0;
  font-size: 12px;
}
.embedded-enrollment-form > label,
.embedded-enrollment-form .field-row label {
  color: #555;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-size: 9px;
  font-weight: 800;
  display: block;
}
.embedded-enrollment-form input,
.embedded-enrollment-form select {
  width: 100%;
  height: 50px;
  color: var(--ink);
  border: 1px solid var(--gray-200);
  background: var(--gray-50);
  text-transform: none;
  outline: 0;
  margin-top: 8px;
  padding: 0 13px;
}
.embedded-enrollment-form input:focus,
.embedded-enrollment-form select:focus {
  border-color: var(--red);
}
.inline-plan-choice {
  border: 0;
  margin: 0 0 22px;
  padding: 0;
}
.inline-plan-choice legend {
  color: #555;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 9px;
  font-weight: 800;
}
.inline-plan-choice label {
  border: 1px solid var(--gray-200);
  cursor: pointer;
  align-items: center;
  gap: 14px;
  margin-bottom: 9px;
  padding: 16px 18px;
  display: flex;
  position: relative;
}
.inline-plan-choice label.selected {
  border-color: var(--red);
  box-shadow: inset 3px 0 0 var(--red);
  background: #fff8f8;
}
.inline-plan-choice input {
  width: 18px;
  height: 18px;
  accent-color: var(--red);
  margin: 0;
}
.inline-plan-choice span,
.inline-plan-choice strong,
.inline-plan-choice small {
  display: block;
}
.inline-plan-choice strong {
  font: 700 24px var(--heading);
  text-transform: uppercase;
}
.inline-plan-choice small {
  color: #888;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-top: 3px;
  font-size: 8px;
}
.embedded-enrollment-form .submit {
  width: 100%;
}
.secure-note {
  color: #888;
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 14px 0 0;
  font-size: 9px;
  display: flex;
}
.secure-note .lock {
  fill: none;
  width: 16px;
  stroke: var(--red);
  stroke-width: 1.5px;
}
.checkout-section {
  background: var(--paper);
}
.checkout-layout {
  grid-template-columns: 0.65fr 1.35fr;
  align-items: start;
  gap: 70px;
  display: grid;
}
.order-summary {
  position: sticky;
  top: 115px;
}
.checkout-plan {
  color: #fff;
  border-top: 3px solid var(--red);
  background: linear-gradient(145deg, #18181a, #09090a 72%);
  padding: 28px;
}
.checkout-plan.bundle-plan {
  background: linear-gradient(145deg, #161515, #0a0909 68%, #291f14);
  border-color: #c6a85c;
}
.checkout-plan > span {
  color: var(--red-bright);
  letter-spacing: 0.15em;
  font-size: 8px;
  font-weight: 800;
}
.checkout-plan h2 {
  margin: 28px 0 16px;
  font-size: 46px;
}
.checkout-plan > strong,
.checkout-plan > small {
  display: block;
}
.checkout-plan > strong {
  font: 700 34px var(--heading);
  text-transform: uppercase;
}
.checkout-plan > small {
  color: #888;
  text-transform: uppercase;
  margin-top: 4px;
  font-size: 9px;
}
.checkout-plan > p {
  color: #aaa;
  margin: 20px 0 0;
  font-size: 12px;
}
.order-summary > label {
  color: #666;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 20px 0;
  font-size: 9px;
  font-weight: 800;
  display: block;
}
.order-summary select {
  border: 1px solid var(--gray-200);
  background: #fff;
  width: 100%;
  height: 50px;
  margin-top: 8px;
  padding-inline: 12px;
}
.secure-payment-panel {
  background: #f5f4f2;
  border: 1px solid #b9b7b2;
  margin: 25px 0;
  padding: 24px;
}
.secure-payment-head {
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  display: flex;
}
.secure-payment-head .lock {
  fill: none;
  width: 23px;
  stroke: var(--red);
  stroke-width: 1.5px;
  flex: none;
}
.secure-payment-head span,
.secure-payment-head strong {
  display: block;
}
.secure-payment-head span {
  color: var(--red);
  letter-spacing: 0.13em;
  font-size: 8px;
  font-weight: 800;
}
.secure-payment-head strong {
  font: 700 22px var(--heading);
  text-transform: uppercase;
  margin-top: 3px;
}
.secure-payment-panel input:disabled {
  opacity: 1;
  color: #777;
  -webkit-text-fill-color: #777;
  background: #e8e6e1;
}
.payment-field-row {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  display: grid;
}
.secure-payment-panel > p {
  color: #777;
  margin: 0;
  font-size: 9px;
  line-height: 1.55;
}
.secure-payment-panel.provider-ready {
  border-color: var(--red);
}
.checkout-status {
  color: #888;
  text-align: center;
  margin: 14px 0 0;
  font-size: 9px;
}
.story-origin {
  grid-template-columns: 1.15fr 0.85fr;
  align-items: end;
  gap: 90px;
  display: grid;
}
.story-origin h2 {
  margin: 0;
  font-size: clamp(52px, 5.6vw, 78px);
}
.story-origin p:last-child {
  margin-bottom: 0;
}
.founder-compact > .shell {
  grid-template-columns: 210px 1fr auto;
  align-items: center;
  gap: 42px;
  display: grid;
}
.founder-thumb {
  width: 210px;
  height: 255px;
  box-shadow: var(--shadow);
  overflow: hidden;
}
.founder-thumb img {
  object-fit: cover;
  object-position: center 18%;
  width: 100%;
  height: 100%;
}
.founder-compact h2 {
  margin-bottom: 14px;
  font-size: clamp(38px, 4vw, 54px);
}
.founder-compact p {
  max-width: 690px;
  margin-bottom: 18px;
  font-size: 13px;
}
.founder-credentials {
  gap: 8px;
  display: flex;
}
.founder-credentials span {
  color: var(--red);
  border: 1px solid var(--gray-200);
  font: 700 13px var(--heading);
  padding: 7px 10px;
}
.founder-compact .button {
  white-space: nowrap;
}
@media (width<=900px) {
  .pricing-grid,
  .checkout-layout,
  .story-origin,
  .enrollment-layout,
  .stretch-hierarchy-head,
  .hierarchy-detail {
    grid-template-columns: 1fr;
  }
  .order-summary,
  .enrollment-copy,
  .hierarchy-detail-intro {
    position: static;
  }
  .home-hierarchy-teaser .shell {
    grid-template-columns: 1fr;
  }
  .home-hierarchy-teaser .button {
    justify-self: start;
  }
  .hierarchy-orbit {
    width: 120px;
    height: 120px;
  }
  .hierarchy-track {
    top: 60px;
  }
  .founder-compact > .shell {
    grid-template-columns: 170px 1fr;
  }
  .founder-thumb {
    width: 170px;
    height: 215px;
  }
  .founder-compact .button {
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media (width<=1100px) {
  .home-plan-bar-inner {
    grid-template-columns: 1fr repeat(3, auto);
    gap: 18px;
    padding-block: 22px;
  }
  .home-plan-bar .button {
    grid-column: 1/-1;
    width: 100%;
  }
}
@media (width<=680px) {
  .brand-header-footer.membership-visible {
    justify-content: center;
  }
  .brand-header-footer.membership-visible > a:last-child,
  .brand-membership-link span {
    display: none;
  }
  .home-plan-bar-inner {
    grid-template-columns: 1fr 1fr;
    gap: 18px 12px;
    min-height: 0;
    padding-block: 22px;
  }
  .home-plan-intro {
    grid-column: 1/-1;
  }
  .home-plan-option {
    padding-left: 12px;
  }
  .home-plan-option:nth-of-type(4),
  .home-plan-bar .button {
    grid-column: 1/-1;
  }
}
@media (width<=760px) {
  .brand-header-gif-live {
    width: 112vw;
    max-width: none;
  }
  .pricing-card {
    padding: 30px 24px;
  }
  .embedded-enrollment-form {
    padding: 26px 18px;
  }
  .home-hierarchy-line {
    flex-direction: column;
    align-items: flex-start;
  }
  .home-hierarchy-line i {
    transform: rotate(90deg);
  }
  .stretch-hierarchy-feature {
    padding-bottom: 78px;
  }
  .stretch-hierarchy-graphic {
    margin-top: 48px;
  }
  .hierarchy-track {
    width: 2px;
    height: auto;
    inset: 32px auto 210px 59px;
  }
  .hierarchy-nodes {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .hierarchy-node {
    text-align: left;
    grid-template-columns: 118px 1fr;
    align-items: center;
    display: grid;
  }
  .hierarchy-orbit,
  .hierarchy-node-2 .hierarchy-orbit,
  .hierarchy-node-3 .hierarchy-orbit,
  .hierarchy-node-4 .hierarchy-orbit {
    width: 88px;
    height: 88px;
    margin: 0;
    transform: none;
  }
  .hierarchy-orbit span {
    margin-top: 36px;
  }
  .stretch-hierarchy-graphic figcaption {
    margin-top: 44px;
    padding: 24px 20px;
  }
  .hierarchy-detail-list article {
    grid-template-columns: 38px 1fr;
  }
  .founder-compact > .shell {
    grid-template-columns: 105px 1fr;
    gap: 24px;
  }
  .founder-thumb {
    width: 105px;
    height: 140px;
  }
  .founder-compact p {
    grid-column: 1/-1;
  }
}
@media (width<=430px) {
  .brand-header-gif-live {
    width: 122vw;
  }
  .pricing-card h3 {
    margin-top: 32px;
  }
}
html {
  scroll-behavior: auto;
}
.icon-left {
  transform: rotate(180deg);
}
a:hover .icon-left {
  transform: rotate(180deg) translate(4px);
}
.page-hero,
.page-hero.compact {
  min-height: 0;
  color: var(--ink);
  border-bottom: 1px solid var(--gray-200);
  background: linear-gradient(115deg, #f6f4f0, #fff 70%);
  padding-block: 66px;
}
.page-hero:after {
  content: "";
  background: var(--red);
  width: 22%;
  height: 4px;
  top: 0;
  bottom: auto;
  right: 0;
}
.page-hero .shell {
  grid-template-columns: minmax(0, 1.15fr) minmax(310px, 0.65fr);
  align-items: end;
  gap: clamp(38px, 6vw, 92px);
  display: grid;
}
.page-hero h1 {
  max-width: 850px;
  color: var(--ink);
  margin: 0;
  font-size: clamp(48px, 5.5vw, 76px);
  line-height: 0.92;
}
.page-hero h1 em {
  color: var(--red);
}
.page-hero-copy {
  padding-bottom: 3px;
}
.page-hero-copy > p {
  max-width: 610px;
  color: var(--gray-600);
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
}
.page-hero .button-row {
  margin-top: 23px;
}
.page-hero .button {
  margin-top: 0;
}
.page-hero .button.ghost {
  color: var(--ink);
  border-color: #aaa;
}
.page-hero .button.ghost:hover {
  color: #fff;
  border-color: var(--ink);
  background: var(--ink);
}
.commerce-first {
  background: var(--paper);
  padding-block: 56px 90px;
  scroll-margin-top: 78px;
}
.purchase-intro {
  grid-template-columns: 1.15fr 0.85fr;
  align-items: end;
  gap: 70px;
  margin-bottom: 38px;
  display: grid;
}
.purchase-intro h1 {
  margin: 0;
  font-size: clamp(54px, 6vw, 84px);
  line-height: 0.9;
}
.purchase-intro h1 em {
  color: var(--red);
}
.purchase-intro p {
  max-width: 560px;
  color: var(--gray-600);
  margin: 0 0 20px;
  font-size: 15px;
}
.purchase-trust {
  color: #777;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  align-items: center;
  gap: 10px;
  font-size: 9px;
  display: flex;
}
.purchase-trust .lock {
  fill: none;
  width: 18px;
  stroke: var(--red);
  stroke-width: 1.6px;
}
.pricing-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.pricing-card {
  padding: 31px 24px;
}
.pricing-card h3 {
  font-size: clamp(34px, 3.3vw, 48px);
}
.plan-price strong {
  font-size: clamp(30px, 3vw, 44px);
}
.book-only-value {
  border-top: 3px solid var(--ink);
}
.book-only-value .plan-price strong {
  font-size: clamp(25px, 2.5vw, 36px);
}
.checkout-main {
  background: var(--paper);
}
.checkout-intro {
  border-bottom: 1px solid var(--gray-200);
  background: #fff;
  padding-block: 42px 34px;
}
.checkout-intro .shell {
  grid-template-columns: 0.38fr 1.62fr;
  align-items: end;
  gap: 48px;
  display: grid;
}
.checkout-back {
  color: #666;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  align-self: start;
  align-items: center;
  gap: 10px;
  font-size: 9px;
  font-weight: 800;
  display: inline-flex;
}
.checkout-back:hover {
  color: var(--red);
}
.checkout-intro h1 {
  max-width: 900px;
  margin: 0 0 12px;
  font-size: clamp(46px, 5vw, 70px);
  line-height: 0.92;
}
.checkout-intro p {
  max-width: 720px;
  color: var(--gray-600);
  margin: 0;
  font-size: 14px;
}
.checkout-section {
  padding-top: 56px;
}
.checkout-plan.book-plan {
  border-color: var(--ink);
  background: linear-gradient(145deg, #252527, #0d0d0e 76%);
}
.form-divider {
  color: var(--red);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  align-items: center;
  gap: 14px;
  margin: 12px 0 18px;
  font-size: 9px;
  font-weight: 800;
  display: flex;
}
.form-divider:after {
  content: "";
  background: var(--gray-200);
  flex: 1;
  height: 1px;
}
@media (width<=1180px) {
  .pricing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (width<=900px) {
  .page-hero .shell,
  .purchase-intro,
  .checkout-intro .shell {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .page-hero,
  .page-hero.compact {
    padding-block: 52px;
  }
  .page-hero h1 {
    font-size: clamp(46px, 10vw, 68px);
  }
  .commerce-first {
    padding-block: 44px 70px;
  }
  .purchase-intro {
    margin-bottom: 30px;
  }
  .checkout-back {
    margin-bottom: 3px;
  }
}
@media (width<=620px) {
  .pricing-grid {
    grid-template-columns: 1fr;
  }
  .pricing-card > p {
    min-height: 0;
  }
  .purchase-intro h1 {
    font-size: 51px;
  }
  .checkout-intro {
    padding-block: 30px;
  }
  .checkout-intro h1 {
    font-size: 48px;
  }
}
.flow-page-hero,
.locked-library,
.embedded-enrollment {
  isolation: isolate;
  position: relative;
  overflow: hidden;
}
.flow-page-hero > .shell,
.locked-library > .shell,
.embedded-enrollment > .shell {
  z-index: 2;
  position: relative;
}
.pisces-flow-page {
  background-position: 60%;
}
.pisces-flow-page video {
  object-position: 60% center;
  opacity: 0.24;
  filter: saturate(0.88) brightness(0.76) contrast(1.08);
}
.page-hero.flow-page-hero,
.page-hero.flow-page-hero.compact {
  color: #fff;
  background: #050507;
  border-bottom-color: #ffffff1f;
}
.flow-page-hero .eyebrow {
  color: #ff5a63;
}
.flow-page-hero h1 {
  color: #fff;
}
.flow-page-hero h1 em {
  color: var(--red-bright);
}
.flow-page-hero .page-hero-copy > p {
  color: #c0c0c3;
}
.flow-page-hero .button.ghost {
  color: #fff;
  border-color: #ffffff80;
}
.flow-page-hero .button.ghost:hover {
  color: #101012;
  background: #fff;
  border-color: #fff;
}
.pisces-flow-library video {
  object-position: 68% center;
  opacity: 0.13;
  filter: saturate(0.76) brightness(0.66) contrast(1.08);
}
.pisces-flow-library .pisces-flow-shade {
  background:
    linear-gradient(90deg, #050507f2, #050507bd 55%, #050507a3),
    linear-gradient(#050507b8, #0000 30% 68%, #050507e0);
}
.pisces-flow-conversion video {
  object-position: 63% center;
  opacity: 0.16;
  filter: saturate(0.82) brightness(0.68) contrast(1.06);
}
.pisces-flow-conversion .pisces-flow-shade {
  background:
    linear-gradient(90deg, #050507f2, #050507ba 58%, #050507d1),
    linear-gradient(#050507c2, #0000 38% 68%, #050507e0);
}
@media (width<=760px) {
  .pisces-flow-page video {
    opacity: 0.17;
    object-position: 58% center;
  }
  .pisces-flow-library video,
  .pisces-flow-conversion video {
    opacity: 0.1;
  }
  .flow-page-hero .page-hero-copy > p {
    color: #d0d0d2;
  }
}
.pisces-flow-background {
  background-color: #050507;
  background-position: 50%;
  background-size: cover;
}
.pisces-flow-background video {
  object-fit: cover;
  object-position: center;
  opacity: 0.34;
  filter: none;
  backface-visibility: hidden;
  image-rendering: auto;
  width: 100%;
  max-width: none;
  height: 100%;
  margin-inline: auto;
  inset: 0;
  transform: none;
}
.pisces-flow-shade {
  background:
    linear-gradient(
      90deg,
      #050507f5 0%,
      #050507cc 34%,
      #0505072e 50%,
      #0505074d 70%,
      #0505077a 100%
    ),
    linear-gradient(#0505074d, #0000 30% 72%, #050507a8);
}
.hero-content,
.flow-page-hero > .shell,
.flow-commerce-hero > .shell,
.flow-checkout-hero > .shell,
.flow-coach-hero > .coach-hero-inner {
  z-index: 3;
  position: relative;
}
.page-hero.flow-page-hero,
.page-hero.flow-page-hero.compact {
  min-height: 330px;
  padding-block: clamp(62px, 7vw, 92px);
}
.pisces-flow-page video {
  object-position: center;
  opacity: 0.72;
  filter: saturate(1.04) brightness(0.92) contrast(1.1);
  width: 100%;
  left: 0;
  right: 0;
}
.pisces-flow-page .pisces-flow-shade {
  background:
    linear-gradient(
      90deg,
      #050507fa 0%,
      #050507de 34%,
      #05050733 50%,
      #05050752 70%,
      #0505076b 100%
    ),
    linear-gradient(#05050747, #0000 35% 70%, #050507a3);
}
.flow-commerce-hero,
.flow-checkout-hero,
.flow-coach-hero,
.flow-signature-section {
  isolation: isolate;
  position: relative;
  overflow: hidden;
}
.flow-showcase {
  isolation: isolate;
  background: #050507;
  width: 100%;
  max-width: none;
  min-height: clamp(220px, 32vw, 430px);
  margin: 0;
  scroll-margin-top: 78px;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}
.on-deck-showcase {
  scroll-margin-top: 78px;
}
.pisces-flow-showcase {
  width: 100%;
  max-width: none;
  position: absolute;
  inset: 0;
}
.pisces-flow-showcase video {
  object-fit: cover;
  object-position: center;
  opacity: 1;
  filter: none;
  width: 100%;
  min-width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
  inset: 0;
  transform: none;
}
.pisces-flow-showcase .pisces-flow-shade {
  background:
    linear-gradient(90deg, #05050794, #0000 9% 91%, #05050794),
    linear-gradient(#05050738, #0000 20% 80%, #05050752);
}
.flow-commerce-hero {
  color: #fff;
  background:
    linear-gradient(#070709, #070709) top / 100% 360px no-repeat,
    var(--paper);
}
.flow-commerce-hero .pisces-flow-commerce {
  height: 360px;
  bottom: auto;
}
.flow-commerce-hero .purchase-intro h1,
.flow-commerce-hero .purchase-intro .eyebrow {
  color: #fff;
}
.flow-commerce-hero .purchase-intro h1 em {
  color: var(--red-bright);
}
.flow-commerce-hero .purchase-intro p,
.flow-commerce-hero .purchase-trust {
  color: #cacace;
}
.flow-commerce-hero .pricing-grid {
  z-index: 3;
  position: relative;
}
.pisces-flow-commerce video {
  object-position: center;
  opacity: 0.68;
  width: 100%;
  left: 0;
  right: 0;
}
.checkout-intro.flow-checkout-hero {
  color: #fff;
  background: #050507;
  border-bottom-color: #ffffff1f;
  min-height: 290px;
  padding-block: 58px 46px;
}
.flow-checkout-hero .checkout-back,
.flow-checkout-hero h1 {
  color: #fff;
}
.flow-checkout-hero p {
  color: #c9c9cd;
}
.pisces-flow-checkout video {
  object-position: center;
  opacity: 0.7;
  width: 100%;
  left: 0;
  right: 0;
}
.flow-coach-hero .pisces-flow-coach video {
  object-position: center;
  opacity: 0.28;
  width: 100%;
  left: 0;
  right: 0;
}
.flow-coach-hero .pisces-flow-shade {
  background:
    linear-gradient(
      90deg,
      #050507fa,
      #050507d1 34%,
      #05050738 50%,
      #05050761 70%,
      #0505077a
    ),
    linear-gradient(#05050757, #0000 40% 72%, #050507b3);
}
.hero .pisces-flow-hero .pisces-flow-shade {
  background:
    radial-gradient(
      circle at 70% 52%,
      #050507c7 0 10%,
      #0505077a 22%,
      #0000 39%
    ),
    linear-gradient(
      90deg,
      #050507fc 0%,
      #050507f5 38%,
      #050507cc 57%,
      #0505075c 78%,
      #05050738 100%
    ),
    linear-gradient(#0505074d, #0000 30% 70%, #050507b3);
}
.hero .pisces-flow-hero video {
  object-fit: cover;
  object-position: center;
  width: 110vw;
  max-width: none;
  margin: 0;
  left: 50%;
  right: auto;
  transform: translate(-46%);
}
.flow-coach-hero .pisces-flow-coach .pisces-flow-shade {
  background:
    radial-gradient(
      circle at 50% 52%,
      #050507d1 0 10%,
      #05050785 22%,
      #0000 39%
    ),
    linear-gradient(
      90deg,
      #050507fc 0%,
      #050507f7 40%,
      #050507d6 58%,
      #0505076e 78%,
      #05050742 100%
    ),
    linear-gradient(#05050757, #0000 36% 70%, #050507b8);
}
.hero-copy h1,
.hero-copy > p,
.hero-proof,
.coach-hero-copy h1,
.coach-hero-copy > p,
.coach-kicker {
  text-shadow: 0 2px 18px #000000e6;
}
@media (width<=760px) {
  .pisces-flow-background video,
  .pisces-flow-page video,
  .pisces-flow-commerce video,
  .pisces-flow-checkout video,
  .pisces-flow-showcase video,
  .flow-coach-hero .pisces-flow-coach video {
    object-position: center;
    opacity: 0.24;
    width: 100%;
    left: 0;
    right: 0;
  }
  .pisces-flow-showcase video {
    object-fit: cover;
    opacity: 0.9;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
    inset: 0;
    transform: none;
  }
  .hero .pisces-flow-hero video {
    width: 116vw;
    transform: translate(-47%);
  }
  .pisces-flow-shade,
  .pisces-flow-page .pisces-flow-shade,
  .flow-coach-hero .pisces-flow-shade {
    background:
      linear-gradient(#050507d1, #0505079e 48%, #050507db),
      linear-gradient(90deg, #050507e0, #05050773);
  }
  .hero .pisces-flow-hero .pisces-flow-shade,
  .flow-coach-hero .pisces-flow-coach .pisces-flow-shade {
    background:
      radial-gradient(circle, #050507d1 0 12%, #0505078a 28%, #0000 48%),
      linear-gradient(#050507f0, #050507c7 48%, #050507eb),
      linear-gradient(90deg, #050507f0, #050507a3);
  }
  .page-hero.flow-page-hero,
  .page-hero.flow-page-hero.compact {
    min-height: 360px;
  }
  .flow-commerce-hero {
    background:
      linear-gradient(#070709, #070709) top / 100% 430px no-repeat,
      var(--paper);
  }
  .flow-commerce-hero .pisces-flow-commerce {
    height: 430px;
  }
}
.home-coach-feature {
  color: #fff;
  background: radial-gradient(
    circle at 75% 32%,
    #31090f 0,
    #111113 40%,
    #070708 78%
  );
  position: relative;
  overflow: hidden;
}
.home-coach-feature:before {
  content: "";
  pointer-events: none;
  background: linear-gradient(118deg, #0000 52%, #d61f2c1f 52.2%, #0000 68%);
  position: absolute;
  inset: 0;
}
.home-coach-grid {
  grid-template-columns: 0.88fr 1.12fr;
  align-items: center;
  gap: clamp(58px, 7vw, 112px);
  display: grid;
  position: relative;
}
.home-coach-grid > * {
  min-width: 0;
}
.home-coach-copy h2 {
  color: #fff;
  margin: 22px 0 25px;
  font-size: clamp(58px, 6.2vw, 88px);
}
.home-coach-copy > p {
  color: #b0b0b6;
  max-width: 650px;
  font-size: 16px;
  line-height: 1.72;
}
.home-coach-steps {
  border-top: 1px solid #ffffff21;
  max-width: 680px;
  margin: 32px 0 34px;
  padding: 0;
  list-style: none;
}
.home-coach-steps li {
  border-bottom: 1px solid #ffffff21;
  grid-template-columns: 38px 1fr;
  gap: 15px;
  padding: 18px 0;
  display: grid;
}
.home-coach-steps li > span {
  color: #ff4a56;
  font: 800 10px var(--heading);
  letter-spacing: 0.08em;
  padding-top: 3px;
}
.home-coach-steps b {
  color: #fff;
  font: 700 18px var(--heading);
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
.home-coach-steps p {
  color: #929298;
  margin: 6px 0 0;
  font-size: 12px;
  line-height: 1.55;
}
.home-coach-console {
  background: linear-gradient(145deg, #161619fa, #080809fa);
  border: 1px solid #38383e;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  transition:
    transform 0.25s,
    border-color 0.25s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 40px 100px #00000075;
}
.home-coach-console strong,
.home-coach-console small,
.home-coach-console b {
  overflow-wrap: anywhere;
  min-width: 0;
}
.home-coach-console:hover {
  border-color: #753139;
  transform: translateY(-5px);
}
.home-coach-console:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(105deg, #0000 34%, #d6202a0b, #0000 70%);
  position: absolute;
  inset: 0;
}
.coach-console-top {
  border-bottom: 1px solid #333338;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  min-height: 84px;
  padding: 20px 24px;
  display: flex;
}
.coach-console-top > div {
  align-items: baseline;
  gap: 8px;
  display: flex;
}
.coach-console-top span {
  color: #85858b;
  font: 700 22px var(--heading);
  letter-spacing: 0.08em;
}
.coach-console-top strong {
  color: #fff;
  font: italic 800 29px var(--heading);
}
.coach-console-top > small {
  color: #96969b;
  font: 700 8px var(--heading);
  letter-spacing: 0.12em;
}
.coach-console-top > small i {
  background: #48d28d;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  margin-right: 7px;
  display: inline-block;
  box-shadow: 0 0 12px #48d28da6;
}
.coach-console-input {
  border-bottom: 1px solid #333338;
  padding: 24px;
}
.coach-console-input > span,
.coach-console-result span,
.coach-console-lab span {
  color: #ff4e59;
  font: 800 8px var(--heading);
  letter-spacing: 0.15em;
}
.coach-console-input > div {
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  display: grid;
}
.coach-console-input b {
  color: #fff;
  font: 700 26px var(--heading);
  text-transform: uppercase;
}
.coach-console-input small {
  color: #aaaab0;
  text-transform: uppercase;
  border: 1px solid #3b3b40;
  padding: 8px 10px;
  font-size: 8px;
}
.coach-console-process {
  padding: 4px 24px;
}
.coach-console-process article {
  border-bottom: 1px solid #2f2f34;
  grid-template-columns: 35px 1fr auto;
  align-items: center;
  gap: 12px;
  min-height: 72px;
  display: grid;
}
.coach-console-process article > span {
  color: #68686e;
  font: 700 11px var(--heading);
}
.coach-console-process small,
.coach-console-process strong {
  display: block;
}
.coach-console-process small {
  color: #77777d;
  letter-spacing: 0.13em;
  margin-bottom: 4px;
  font-size: 7px;
  font-weight: 800;
}
.coach-console-process strong {
  color: #f2f2f3;
  font: 700 18px var(--heading);
  text-transform: uppercase;
}
.coach-console-process article > b {
  color: #68dfa5;
  letter-spacing: 0.1em;
  border: 1px solid #68dfa552;
  padding: 7px 9px;
  font-size: 7px;
}
.coach-console-result {
  border-left: 3px solid var(--red);
  background: #f2f0ec;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 20px;
  margin: 20px 24px 0;
  padding: 22px;
  display: grid;
}
.coach-console-result strong,
.coach-console-result small {
  display: block;
}
.coach-console-result strong {
  color: #121214;
  font: 800 28px var(--heading);
  text-transform: uppercase;
  margin: 7px 0 4px;
}
.coach-console-result small {
  color: #747479;
  text-transform: uppercase;
  font-size: 8px;
}
.coach-check-status {
  align-items: center;
  gap: 10px;
  display: flex;
}
.coach-check-status .check {
  color: #15965d;
  fill: none;
  stroke: currentColor;
  stroke-width: 2px;
  width: 26px;
}
.coach-check-status p {
  margin: 0;
}
.coach-check-status p small,
.coach-check-status p b {
  display: block;
}
.coach-check-status p b {
  color: #161618;
  font: 800 18px var(--heading);
  margin-top: 4px;
}
.coach-console-lab {
  background: #0c0c0e;
  border: 1px solid #38383e;
  grid-template-columns: 104px 1fr auto;
  align-items: center;
  gap: 18px;
  min-height: 118px;
  margin: 20px 24px 24px;
  padding: 17px 20px;
  display: grid;
}
.coach-console-lab svg {
  fill: #111113;
  stroke: #a1a1a6;
  stroke-width: 2px;
  width: 104px;
  height: 72px;
}
.coach-console-lab svg circle {
  fill: #0c0c0e;
}
.coach-console-lab svg .focus {
  fill: #d6202c;
  stroke: #ff6972;
}
.coach-console-lab strong,
.coach-console-lab small {
  display: block;
}
.coach-console-lab strong {
  color: #fff;
  font: 700 24px var(--heading);
  text-transform: uppercase;
  margin: 7px 0 3px;
}
.coach-console-lab small {
  color: #85858b;
  text-transform: uppercase;
  font-size: 8px;
}
.coach-console-lab > .icon {
  color: #fff;
}
.profile-coach-brief {
  color: #fff;
  background: linear-gradient(100deg, #111113, #211013 76%, #3a0b10);
  border-bottom: 1px solid #39393d;
  padding-block: 30px;
}
.profile-coach-brief .shell {
  grid-template-columns: 1.2fr 0.65fr auto;
  align-items: center;
  gap: 35px;
  display: grid;
}
.profile-coach-brief span,
.profile-coach-brief strong {
  display: block;
}
.profile-coach-brief span {
  color: #ff505b;
  letter-spacing: 0.14em;
  margin-bottom: 6px;
  font-size: 7px;
  font-weight: 800;
}
.profile-coach-brief strong {
  color: #fff;
  font: 700 20px/1.2 var(--heading);
  text-transform: uppercase;
}
.profile-coach-brief .button.secondary {
  color: #fff;
  white-space: nowrap;
  border-color: #66666c;
}
@media (width<=1100px) {
  .home-coach-grid {
    grid-template-columns: 1fr;
    gap: 55px;
  }
  .home-coach-console {
    width: min(760px, 100%);
    margin: auto;
  }
  .profile-coach-brief .shell {
    grid-template-columns: 1fr 1fr;
  }
  .profile-coach-brief .button {
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media (width<=620px) {
  .home-coach-feature {
    padding-block: 75px;
  }
  .home-coach-copy h2 {
    font-size: 55px;
  }
  .coach-console-top {
    flex-direction: column;
    align-items: flex-start;
  }
  .coach-console-input > div {
    grid-template-columns: 1fr 1fr;
  }
  .coach-console-input b {
    grid-column: 1/-1;
  }
  .coach-console-result {
    grid-template-columns: 1fr;
  }
  .coach-console-lab {
    grid-template-columns: 75px 1fr;
  }
  .coach-console-lab svg {
    width: 75px;
  }
  .coach-console-lab > .icon {
    display: none;
  }
  .profile-coach-brief .shell {
    grid-template-columns: 1fr;
  }
  .profile-coach-brief .button {
    grid-column: auto;
  }
  .founder-credentials {
    grid-template-columns: 1fr;
    display: grid;
  }
  .founder-compact > .shell {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .founder-compact .founder-thumb {
    width: 128px;
    height: 160px;
  }
  .founder-compact .button {
    grid-column: auto;
  }
}
#paid-workshops .capability-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
#paid-workshops .capability-grid div,
.partner-tools > article {
  min-width: 0;
}
@media (width<=820px) {
  #paid-workshops .capability-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (width<=620px) {
  .home-coach-copy > p {
    font-size: 15px;
  }
  .home-coach-console {
    box-shadow: 0 24px 60px #00000061;
  }
  .coach-console-top,
  .coach-console-input,
  .coach-console-process {
    padding-inline: 18px;
  }
  .coach-console-result,
  .coach-console-lab {
    margin-inline: 18px;
  }
  .coach-console-process article {
    grid-template-columns: 28px minmax(0, 1fr) auto;
  }
  #paid-workshops .capability-grid {
    grid-template-columns: 1fr;
  }
}
@media (width<=420px) {
  .coach-console-input > div {
    grid-template-columns: 1fr;
  }
  .coach-console-input b {
    grid-column: auto;
  }
  .coach-console-process article {
    grid-template-columns: 24px minmax(0, 1fr);
  }
  .coach-console-process article > b {
    grid-column: 2;
    justify-self: start;
  }
  .coach-console-lab {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 12px;
  }
  .coach-console-lab svg {
    width: 58px;
  }
  .coach-console-lab strong {
    font-size: 19px;
  }
}
.home-coach-map {
  grid-template-rows: auto auto auto auto auto;
  display: grid;
}
.coach-map-intake,
.coach-map-engine,
.coach-map-output,
.coach-map-footer {
  z-index: 1;
  border-top: 1px solid #303036;
  min-width: 0;
  padding: 30px 34px;
  position: relative;
}
.coach-map-intake > span,
.coach-map-engine > span,
.coach-map-output span,
.coach-map-footer span {
  color: #ef3c48;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 800;
}
.coach-map-intake h3,
.coach-map-output h3 {
  color: #fff;
  font: 800 34px/1 var(--heading);
  text-transform: uppercase;
  margin: 9px 0 5px;
}
.coach-map-intake p,
.coach-map-output p,
.coach-map-footer p {
  color: #85858b;
  margin: 0;
  font-size: 10px;
}
.coach-map-engine {
  background: linear-gradient(90deg, #d61f2c21, #0000);
}
.coach-map-engine > div {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  display: flex;
}
.coach-map-engine strong {
  color: #fff;
  font: 700 12px var(--heading);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.coach-map-engine b {
  color: #64646a;
  font-size: 11px;
}
.coach-map-output {
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 24px;
  display: grid;
}
.coach-map-saved {
  aspect-ratio: 1;
  color: #fff;
  background: #2472491f;
  border: 1px solid #3f8d65;
  border-radius: 50%;
  place-content: center;
  justify-items: center;
  gap: 7px;
  width: 86px;
  display: grid;
}
.coach-map-saved .check {
  color: #67cf93;
  width: 22px;
}
.coach-map-saved strong {
  font: 800 9px var(--heading);
  letter-spacing: 0.1em;
}
.coach-map-footer {
  background: #0b0b0d;
  grid-template-columns: 1fr auto 24px;
  align-items: center;
  gap: 24px;
  display: grid;
}
.coach-map-footer strong {
  color: #fff;
  font: 700 17px var(--heading);
  text-transform: uppercase;
  margin-top: 6px;
  display: block;
}
.coach-map-footer .icon {
  color: #ef3c48;
}
@media (width<=620px) {
  .coach-map-intake,
  .coach-map-engine,
  .coach-map-output,
  .coach-map-footer {
    padding: 24px 18px;
  }
  .coach-map-output {
    grid-template-columns: 1fr;
  }
  .coach-map-saved {
    width: 72px;
  }
  .coach-map-footer {
    grid-template-columns: 1fr 20px;
  }
  .coach-map-footer p {
    grid-area: 2/1 / auto/-1;
  }
}
.syp-coach-page {
  --coach-red: #d61f2c;
  color: #171719;
  background: #f3f1ed;
}
.coach-icon {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 20px;
}
.coach-hero {
  color: #fff;
  background: radial-gradient(
    circle at 75% 40%,
    #3e0c13,
    #121214 40%,
    #050506 78%
  );
  overflow: hidden;
}
.coach-hero-inner {
  grid-template-columns: 1.08fr 0.92fr;
  align-items: center;
  gap: 70px;
  width: min(1280px, 100% - 48px);
  min-height: 690px;
  margin: auto;
  display: grid;
}
.coach-kicker {
  color: var(--coach-red);
  letter-spacing: 0.15em;
  text-transform: uppercase;
  align-items: center;
  gap: 9px;
  font-size: 9px;
  font-weight: 800;
  display: flex;
}
.coach-kicker.light {
  color: #ff5661;
}
.coach-hero-copy h1 {
  color: #fff;
  max-width: 800px;
  font: 800 clamp(64px, 7vw, 103px) / 0.86 var(--heading);
  letter-spacing: -0.055em;
  text-transform: uppercase;
  margin: 25px 0;
}
.coach-hero-copy h1 em {
  color: #ff3d49;
  font-weight: 300;
}
.coach-hero-copy > p {
  color: #b1b1b7;
  max-width: 650px;
  font-size: 17px;
  line-height: 1.75;
}
.coach-hero-actions {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 33px;
  display: flex;
}
.coach-hero-actions a {
  color: #fff;
  min-height: 55px;
  font: 800 9px var(--heading);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border: 1px solid #53535a;
  align-items: center;
  gap: 24px;
  padding: 0 20px;
  display: flex;
}
.coach-hero-actions a:first-child {
  border-color: var(--coach-red);
  background: var(--coach-red);
}
.member-tag {
  color: #a8a8ad;
  align-items: center;
  gap: 10px;
  margin-top: 25px;
  font-size: 10px;
  display: flex;
}
.member-tag a {
  color: #fff;
  margin-left: 7px;
}
.coach-hero-lab {
  color: #fff;
  background: #08080af7;
  border: 1px solid #44444a;
  width: min(580px, 44vw);
  overflow: hidden;
  box-shadow: 0 42px 100px #00000080;
}
.coach-hero-lab-head {
  border-bottom: 1px solid #343439;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  min-height: 62px;
  padding: 0 22px;
  display: flex;
}
.coach-hero-lab-head span,
.coach-hero-lab-head strong {
  letter-spacing: 0.13em;
  font-size: 8px;
  font-weight: 800;
}
.coach-hero-lab-head span {
  color: #ff5661;
  align-items: center;
  gap: 8px;
  display: flex;
}
.coach-hero-lab-head strong {
  color: #a1a1a6;
}
.coach-hero-lab-head i {
  background: #55d48c;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  animation: 1.8s ease-out infinite demo-signal;
}
.coach-hero-lab-camera {
  isolation: isolate;
  background: #08080a;
  min-height: 390px;
  position: relative;
  overflow: hidden;
}
.coach-hero-lab-camera > img {
  object-fit: cover;
  object-position: center;
  filter: saturate(0.78) brightness(0.72) contrast(1.12);
  width: 100%;
  height: 100%;
  animation: 8s ease-in-out infinite demo-camera-breathe;
  position: absolute;
  inset: 0;
}
.coach-hero-lab-phase {
  z-index: 4;
  border-left: 3px solid var(--coach-red);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #070709d1;
  padding: 13px 15px;
  position: absolute;
  bottom: 18px;
  left: 18px;
  right: 18px;
}
.coach-hero-lab-phase span,
.coach-hero-lab-phase strong {
  text-transform: uppercase;
  display: block;
}
.coach-hero-lab-phase span {
  color: #ff6570;
  letter-spacing: 0.13em;
  font-size: 7px;
  font-weight: 800;
}
.coach-hero-lab-phase strong {
  color: #fff;
  font: 700 19px/1 var(--heading);
  margin-top: 6px;
}
.coach-hero-lab-readout {
  border-top: 1px solid #343439;
  border-bottom: 1px solid #343439;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}
.coach-hero-lab-readout > div {
  border-right: 1px solid #343439;
  min-width: 0;
  padding: 16px 17px;
}
.coach-hero-lab-readout > div:last-child {
  border-right: 0;
}
.coach-hero-lab-readout span,
.coach-hero-lab-readout strong {
  display: block;
}
.coach-hero-lab-readout span {
  color: #7f7f85;
  letter-spacing: 0.1em;
  font-size: 6px;
  font-weight: 800;
}
.coach-hero-lab-readout strong {
  overflow-wrap: anywhere;
  color: #fff;
  font: 700 17px/1 var(--heading);
  text-transform: uppercase;
  margin-top: 6px;
}
.coach-hero-lab > a {
  color: #fff;
  background: var(--coach-red);
  min-height: 54px;
  font: 800 9px var(--heading);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 0 20px;
  display: flex;
}
.coach-system-card {
  background: #0a0a0cf5;
  border: 1px solid #3a3a40;
  width: min(560px, 42vw);
  overflow: hidden;
  box-shadow: 0 42px 100px #0000006b;
}
.coach-system-top,
.coach-system-input,
.coach-system-output {
  padding: 24px 26px;
}
.coach-system-top {
  border-bottom: 1px solid #323237;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  display: flex;
}
.coach-system-top > div {
  align-items: baseline;
  gap: 8px;
  display: flex;
}
.coach-system-top span {
  color: #85858b;
  font: 700 22px var(--heading);
  letter-spacing: 0.08em;
}
.coach-system-top strong {
  color: #fff;
  font: italic 800 29px var(--heading);
}
.coach-system-top small {
  color: #9b9ba0;
  font: 700 7px var(--heading);
  letter-spacing: 0.12em;
}
.coach-system-top small i {
  background: #4bd28e;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  margin-right: 7px;
  display: inline-block;
  box-shadow: 0 0 12px #4bd28e9e;
}
.coach-system-input {
  background: linear-gradient(100deg, #d61f2c21, #0000);
  border-bottom: 1px solid #323237;
}
.coach-system-input span,
.coach-system-output span {
  color: #ff4f5a;
  letter-spacing: 0.15em;
  font-size: 7px;
  font-weight: 800;
  display: block;
}
.coach-system-input strong,
.coach-system-input small {
  display: block;
}
.coach-system-input strong {
  color: #fff;
  font: 800 29px/1 var(--heading);
  text-transform: uppercase;
  margin: 8px 0 5px;
}
.coach-system-input small,
.coach-system-output small {
  color: #87878d;
  text-transform: uppercase;
  font-size: 8px;
}
.coach-system-flow {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}
.coach-system-flow > div {
  border-bottom: 1px solid #2e2e33;
  border-right: 1px solid #2e2e33;
  grid-template-columns: 25px 1fr;
  align-items: center;
  min-width: 0;
  padding: 22px 24px;
  display: grid;
}
.coach-system-flow > div:nth-child(2n) {
  border-right: 0;
}
.coach-system-flow span {
  color: #e43a46;
  font: 800 9px var(--heading);
  grid-row: 1/3;
}
.coach-system-flow strong {
  color: #fff;
  font: 700 17px var(--heading);
  text-transform: uppercase;
}
.coach-system-flow small {
  color: #77777d;
  text-transform: uppercase;
  margin-top: 4px;
  font-size: 7px;
}
.coach-system-output {
  background: #f2efea;
  justify-content: space-between;
  align-items: center;
  gap: 22px;
  display: flex;
}
.coach-system-output strong,
.coach-system-output small {
  display: block;
}
.coach-system-output strong {
  color: #111113;
  font: 800 24px var(--heading);
  text-transform: uppercase;
  margin: 7px 0 4px;
}
.coach-system-output .coach-icon {
  color: #16885a;
  border: 1px solid #8fb8a3;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  padding: 8px;
}
.proof-strip {
  background: #fff;
  border-left: 1px solid #ddd9d3;
  grid-template-columns: repeat(4, 1fr);
  width: min(1280px, 100% - 48px);
  min-height: 104px;
  margin: -1px auto 0;
  display: grid;
  box-shadow: 0 24px 60px #00000014;
}
.proof-strip > div {
  border-right: 1px solid #ddd9d3;
  grid-template-columns: 32px 1fr;
  align-content: center;
  padding: 25px 28px;
  display: grid;
}
.proof-strip span {
  color: var(--coach-red);
  font: 700 11px var(--heading);
  grid-row: 1/3;
}
.proof-strip strong {
  font: 700 25px var(--heading);
  text-transform: uppercase;
}
.proof-strip small {
  color: #888;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-top: 3px;
  font-size: 8px;
}
.coach-expectations {
  grid-template-columns: 0.78fr 1.22fr;
  gap: 64px;
  max-width: 1240px;
  margin: auto;
  padding: 72px 42px 18px;
  display: grid;
}
.expect-intro {
  align-self: start;
  position: sticky;
  top: 112px;
}
.expect-intro h2 {
  font: 800 clamp(42px, 4.8vw, 70px) / 0.92 var(--heading);
  letter-spacing: -0.045em;
  text-transform: uppercase;
  margin: 24px 0 25px;
}
.expect-intro h2 em {
  color: var(--coach-red);
  font-weight: 300;
}
.expect-intro > p {
  color: #65656b;
  max-width: 470px;
  font-size: 17px;
  line-height: 1.75;
}
.benefit-list {
  border-top: 1px solid #d7d4ce;
}
.benefit-list article {
  border-bottom: 1px solid #d7d4ce;
  grid-template-columns: 52px 1fr;
  gap: 20px;
  padding: 22px 0;
  display: grid;
}
.benefit-list article > span {
  color: var(--coach-red);
  font: 800 12px var(--heading);
}
.benefit-list h3 {
  font: 750 21px/1.1 var(--heading);
  margin: 0 0 7px;
}
.benefit-list p {
  color: #69696e;
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
}
.coach-shell {
  width: min(1280px, 100% - 48px);
  margin: auto;
}
.coach-product {
  padding-block: 48px 70px;
  scroll-margin-top: 80px;
}
.coach-section-head {
  grid-template-columns: 1.1fr 0.9fr;
  align-items: center;
  gap: clamp(38px, 5vw, 64px);
  margin-bottom: 34px;
  display: grid;
}
.coach-section-head h2 {
  font: 800 clamp(65px, 6.7vw, 95px) / 0.86 var(--heading);
  letter-spacing: -0.05em;
  text-transform: uppercase;
  margin: 14px 0 0;
}
.coach-section-head h2 em {
  color: var(--coach-red);
  font-weight: 300;
}
.coach-section-head > div:last-child > p {
  color: #57575d;
  max-width: 560px;
  font-size: 16px;
  line-height: 1.7;
}
.privacy-note {
  color: #777;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  align-items: center;
  gap: 8px;
  font-size: 8px;
  font-weight: 800;
  display: flex;
}
.privacy-note .coach-icon {
  width: 16px;
  color: var(--coach-red);
}
.coach-console {
  background: #fff;
  grid-template-columns: 1.08fr 0.92fr;
  display: grid;
  box-shadow: 0 28px 80px #0000001a;
}
.coach-form-panel {
  border-top: 4px solid var(--coach-red);
  padding: 42px;
}
.mode-tabs {
  border-bottom: 1px solid #dfdcd6;
  grid-template-columns: 1fr 1fr;
  margin: -42px -42px 36px;
  display: grid;
}
.mode-tabs button {
  color: #888;
  min-height: 63px;
  font: 700 11px var(--heading);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background: #f5f3ef;
  border: 0;
  border-right: 1px solid #dfdcd6;
}
.mode-tabs button.active {
  color: var(--coach-red);
  box-shadow: inset 0 -3px 0 var(--coach-red);
  background: #fff;
}
.mode-tabs button:disabled {
  opacity: 0.4;
}
.form-title {
  margin-bottom: 28px;
}
.form-title span {
  color: var(--coach-red);
  letter-spacing: 0.15em;
  font-size: 8px;
  font-weight: 800;
}
.form-title h3 {
  margin: 7px 0 0;
  font-size: 42px;
}
.coach-form-panel label {
  color: #525258;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  margin-bottom: 17px;
  font-size: 8px;
  font-weight: 800;
  display: block;
}
.coach-form-panel input,
.coach-form-panel select,
.coach-form-panel textarea {
  color: #151518;
  text-transform: none;
  background: #f8f7f4;
  border: 1px solid #d5d2cd;
  width: 100%;
  margin-top: 8px;
  padding: 0 14px;
  font:
    500 13px/1.4 Arial,
    sans-serif;
}
.coach-form-panel input,
.coach-form-panel select {
  height: 51px;
}
.coach-form-panel textarea {
  resize: vertical;
  min-height: 98px;
  padding-block: 13px;
}
.field-row {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  display: grid;
}
.field-row.three {
  grid-template-columns: repeat(3, 1fr);
}
.coach-run {
  color: #fff;
  background: var(--coach-red);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  border: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 62px;
  margin-top: 7px;
  padding: 0 21px;
  font-size: 10px;
  font-weight: 800;
  display: flex;
}
.coach-run:disabled {
  opacity: 0.7;
}
.form-disclaimer {
  color: #929298;
  font-size: 8px;
  line-height: 1.6;
}
.action-panel {
  color: #fff;
  background: radial-gradient(circle at 72% 15%, #301015, #141416 37%, #09090a);
  border-top: 4px solid #2b2b2f;
  padding: 42px;
}
.action-head {
  border-bottom: 1px solid #2e2e33;
  justify-content: space-between;
  padding-bottom: 24px;
  display: flex;
}
.action-head span {
  color: #ff5560;
  letter-spacing: 0.15em;
  font-size: 8px;
  font-weight: 800;
}
.action-head strong {
  color: #a7a7ac;
  text-transform: uppercase;
  font-size: 9px;
}
.coach-workflow article {
  border-bottom: 1px solid #2b2b30;
  grid-template-columns: 46px 1fr;
  gap: 13px;
  padding: 22px 0;
  display: grid;
}
.workflow-icon {
  color: #777;
  border: 1px solid #45454b;
  border-radius: 50%;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}
.done .workflow-icon {
  color: #fff;
  border-color: var(--coach-red);
  background: var(--coach-red);
}
.coach-workflow span,
.coach-workflow strong {
  display: block;
}
.coach-workflow span {
  color: #777;
  font-size: 7px;
}
.coach-workflow strong {
  color: #fff;
  font: 700 18px var(--heading);
  text-transform: uppercase;
  margin: 4px 0;
}
.coach-workflow p {
  color: #85858a;
  margin: 0;
  font-size: 10px;
}
.one-request {
  border: 1px solid #303036;
  margin-top: 28px;
  padding: 22px;
}
.one-request span {
  color: #ff5560;
  font-size: 7px;
}
.one-request strong {
  color: #fff;
  font: 700 28px var(--heading);
  margin: 5px 0;
  display: block;
}
.one-request p {
  color: #8b8b91;
  margin: 0;
  font-size: 10px;
}
.coach-result {
  background: #fff;
  margin-top: 28px;
  box-shadow: 0 20px 60px #00000014;
}
.coach-result-head {
  grid-template-columns: 1fr auto;
  gap: 25px;
  padding: 32px;
  display: grid;
}
.coach-result-head span,
.result-check span {
  color: var(--coach-red);
  letter-spacing: 0.13em;
  font-size: 8px;
  font-weight: 800;
}
.coach-result-head h3 {
  margin: 8px 0 6px;
  font-size: 36px;
}
.coach-result-head p {
  color: #666;
  margin: 0;
}
.result-stats {
  display: flex;
}
.result-stats div {
  text-align: center;
  border-left: 1px solid #ddd;
  place-content: center;
  min-width: 95px;
  display: grid;
}
.result-stats b {
  font: 800 29px var(--heading);
}
.result-stats small {
  color: #888;
  text-transform: uppercase;
}
.result-lessons {
  border-top: 1px solid #ddd;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}
.result-lessons article {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  grid-template-columns: 25px 70px 1fr;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 16px;
  display: grid;
}
.result-lessons img {
  aspect-ratio: 1;
  object-fit: cover;
  width: 70px;
}
.result-lessons small {
  color: #888;
  text-transform: uppercase;
  font-size: 7px;
}
.result-check {
  align-items: center;
  gap: 14px;
  padding: 24px 32px;
  display: flex;
}
.result-check .coach-icon {
  color: var(--coach-red);
}
.result-check div {
  margin-right: auto;
}
.result-check strong {
  display: block;
}
.result-check a {
  color: var(--coach-red);
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 800;
}
.engine-note {
  color: #78787e;
  font-size: 10px;
}
.form-lab {
  border-top: 1px solid #d7d4ce;
}
.form-lab-preview {
  color: #fff;
  background: #08080a;
  margin-block: 76px 20px;
  box-shadow: 0 28px 80px #00000029;
}
.coach-shell-form-preview {
  width: min(1380px, 100% - 48px);
}
.coach-shell-form-preview .form-lab-preview {
  margin-block: 28px 20px;
}
#form-lab-preview {
  scroll-margin-top: 96px;
}
.form-lab-preview-head {
  background: radial-gradient(circle at 78% 12%, #c2182333, #0000 34%), #101012;
  border-bottom: 1px solid #2d2d31;
  grid-template-columns: 1.08fr 0.92fr;
  align-items: end;
  gap: clamp(34px, 5vw, 74px);
  padding: clamp(30px, 3.4vw, 48px);
  display: grid;
}
.form-lab-preview-head h2 {
  font: 800 clamp(52px, 6.2vw, 88px) / 0.88 var(--heading);
  letter-spacing: -0.05em;
  text-transform: uppercase;
  margin: 18px 0 0;
}
.form-lab-preview-head h2 em {
  color: var(--coach-red);
  font-weight: 300;
}
.form-lab-preview-head p {
  color: #b3b3b8;
  max-width: 520px;
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 1.7;
}
.demo-loop-status {
  color: #8d8d93;
  letter-spacing: 0.12em;
  align-items: center;
  gap: 9px;
  font-size: 8px;
  font-weight: 800;
  display: flex;
}
.demo-loop-status i,
.demo-camera-top i {
  background: #55d48c;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  animation: 1.8s ease-out infinite demo-signal;
  display: inline-block;
  box-shadow: 0 0 #55d48c8c;
}
.form-lab-demo {
  background: #070709;
  grid-template-columns: 1.25fr 0.75fr;
  min-height: 520px;
  display: grid;
}
.demo-camera {
  isolation: isolate;
  background: #09090b;
  min-height: 520px;
  position: relative;
  overflow: hidden;
}
.demo-camera > img {
  object-fit: cover;
  object-position: center;
  filter: saturate(0.74) brightness(0.7) contrast(1.12);
  width: 100%;
  height: 100%;
  animation: 8s ease-in-out infinite demo-camera-breathe;
  position: absolute;
  inset: 0;
}
.demo-camera-vignette {
  z-index: 1;
  background:
    linear-gradient(#05050799, #0000 26% 72%, #050507c7),
    linear-gradient(90deg, #0505072e, #0000 58%, #05050780);
  position: absolute;
  inset: 0;
}
.demo-scan-line {
  z-index: 3;
  opacity: 0;
  background: linear-gradient(90deg, #0000, #ff4652 24% 76%, #0000);
  height: 2px;
  animation: 8s ease-in-out infinite demo-scan;
  position: absolute;
  top: 12%;
  left: 0;
  right: 0;
  box-shadow: 0 0 22px #ff4652e6;
}
.demo-pose-overlay {
  z-index: 2;
  filter: drop-shadow(0 0 7px #ff3948b3);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.demo-pose-overlay polyline {
  fill: none;
  stroke: #ffffffe0;
  stroke-width: 0.55px;
  stroke-dasharray: 2 1.2;
  animation: 8s ease-in-out infinite demo-landmark-line;
}
.demo-pose-overlay circle {
  fill: #d61f2c;
  stroke: #fff;
  stroke-width: 0.35px;
  transform-box: fill-box;
  transform-origin: 50%;
  animation: 2s ease-in-out infinite demo-landmark-pulse;
}
.demo-pose-overlay circle:nth-of-type(2n) {
  animation-delay: 0.28s;
}
.demo-camera-top {
  z-index: 4;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  display: flex;
  position: absolute;
  top: 24px;
  left: 24px;
  right: 24px;
}
.demo-camera-top span,
.demo-camera-top strong {
  color: #fff;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  letter-spacing: 0.12em;
  background: #070709b8;
  padding: 9px 11px;
  font-size: 8px;
  font-weight: 800;
}
.demo-camera-top span {
  align-items: center;
  gap: 8px;
  display: flex;
}
.demo-phase {
  z-index: 4;
  border-left: 3px solid var(--coach-red);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #070709db;
  width: min(390px, 100% - 48px);
  min-height: 48px;
  position: absolute;
  bottom: 24px;
  left: 24px;
  overflow: hidden;
}
.demo-phase span {
  opacity: 0;
  color: #fff;
  font: 700 14px var(--heading);
  letter-spacing: 0.04em;
  align-items: center;
  padding: 0 17px;
  animation: 9s ease-in-out infinite demo-phase;
  display: flex;
  position: absolute;
  inset: 0;
  transform: translateY(10px);
}
.demo-phase span:nth-child(2) {
  animation-delay: 3s;
}
.demo-phase span:nth-child(3) {
  animation-delay: 6s;
}
.demo-readout {
  background: radial-gradient(circle at 90% 0, #c1172324, #0000 34%), #0c0c0e;
  border-left: 1px solid #303036;
  padding: clamp(26px, 3vw, 40px);
}
.demo-score {
  border-bottom: 1px solid #303036;
  grid-template-columns: 1fr 0.65fr;
  display: grid;
}
.demo-score > div {
  padding: 0 0 24px;
}
.demo-score span,
.demo-angles span,
.demo-coaching-cue span {
  color: #818187;
  letter-spacing: 0.13em;
  font-size: 7px;
  font-weight: 800;
  display: block;
}
.demo-score strong {
  font: 800 58px var(--heading);
}
.demo-score small {
  font-size: 18px;
}
.demo-metrics > div {
  border-bottom: 1px solid #303036;
  grid-template-columns: 24px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 17px 0;
  animation: 8s ease-in-out infinite demo-metric;
  display: grid;
}
.demo-metrics .coach-icon {
  width: 17px;
}
.demo-metrics span,
.demo-metrics strong {
  letter-spacing: 0.05em;
  font-size: 8px;
  font-weight: 800;
}
.demo-metrics span {
  color: #d6d6d9;
  text-transform: uppercase;
}
.demo-metrics .pass .coach-icon,
.demo-metrics .pass strong {
  color: #55d48c;
}
.demo-metrics .watch .coach-icon,
.demo-metrics .watch strong {
  color: #ff5661;
}
.demo-metrics > div:nth-child(2) {
  animation-delay: 0.2s;
}
.demo-metrics > div:nth-child(3) {
  animation-delay: 0.4s;
}
.demo-metrics > div:nth-child(4) {
  animation-delay: 0.6s;
}
.demo-angles {
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding: 23px 0;
  display: grid;
}
.demo-angles strong {
  font: 700 27px var(--heading);
  margin-top: 5px;
  display: block;
}
.demo-coaching-cue {
  background: #ffffff06;
  border: 1px solid #36363b;
  padding: 18px;
}
.demo-coaching-cue strong {
  font: 700 16px/1.35 var(--heading);
  text-transform: uppercase;
  margin-top: 8px;
  display: block;
}
.demo-private {
  color: #828288;
  align-items: flex-start;
  gap: 9px;
  margin-top: 18px;
  font-size: 8px;
  line-height: 1.5;
  display: flex;
}
.demo-private .coach-icon {
  width: 15px;
  color: var(--coach-red);
  flex: none;
}
.form-lab-demo-foot {
  border-top: 1px solid #303036;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}
.form-lab-demo-foot span {
  color: #85858b;
  letter-spacing: 0.08em;
  border-right: 1px solid #303036;
  padding: 18px 22px;
  font-size: 8px;
  font-weight: 800;
}
.form-lab-demo-foot span:last-child {
  border-right: 0;
}
@keyframes demo-signal {
  70%,
  to {
    box-shadow: 0 0 0 8px #55d48c00;
  }
}
@keyframes demo-camera-breathe {
  0%,
  to {
    transform: scale(1.015);
  }
  50% {
    transform: scale(1.045);
  }
}
@keyframes demo-scan {
  0%,
  8% {
    opacity: 0;
    top: 12%;
  }
  15% {
    opacity: 0.9;
  }
  48% {
    opacity: 0.72;
    top: 86%;
  }
  55%,
  to {
    opacity: 0;
    top: 86%;
  }
}
@keyframes demo-landmark-line {
  0%,
  12% {
    opacity: 0.18;
    stroke-dashoffset: 14px;
  }
  36%,
  82% {
    opacity: 1;
    stroke-dashoffset: 0;
  }
  to {
    opacity: 0.18;
    stroke-dashoffset: -10px;
  }
}
@keyframes demo-landmark-pulse {
  0%,
  to {
    opacity: 0.72;
    transform: scale(0.78);
  }
  50% {
    opacity: 1;
    transform: scale(1.18);
  }
}
@keyframes demo-phase {
  0%,
  7% {
    opacity: 0;
    transform: translateY(10px);
  }
  14%,
  28% {
    opacity: 1;
    transform: translateY(0);
  }
  34%,
  to {
    opacity: 0;
    transform: translateY(-8px);
  }
}
@keyframes demo-metric {
  0%,
  18% {
    opacity: 0.4;
    transform: translate(7px);
  }
  30%,
  86% {
    opacity: 1;
    transform: translate(0);
  }
  to {
    opacity: 0.4;
    transform: translate(7px);
  }
}
.form-console {
  background: #08080a;
  grid-template-columns: 1.22fr 0.78fr;
  min-height: 620px;
  display: grid;
}
.camera-stage {
  background: #111;
  min-height: 620px;
  position: relative;
  overflow: hidden;
}
.camera-stage video,
.camera-stage canvas {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  transform: scaleX(-1);
}
.camera-placeholder {
  z-index: 2;
  text-align: center;
  color: #fff;
  background: radial-gradient(circle, #281015, #09090a 70%);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
  position: absolute;
  inset: 0;
}
.camera-target {
  border: 1px dashed #595960;
  border-radius: 50%;
  place-items: center;
  width: 140px;
  height: 190px;
  display: grid;
}
.camera-target .coach-icon {
  color: #ff4c58;
  width: 36px;
}
.camera-placeholder > span {
  color: #ff4c58;
  letter-spacing: 0.15em;
  margin-top: 25px;
  font-size: 8px;
  font-weight: 800;
}
.camera-placeholder strong {
  font: 700 33px var(--heading);
  text-transform: uppercase;
  margin: 9px 0;
}
.camera-placeholder p {
  color: #9b9ba1;
}
.camera-placeholder button,
.stop-camera {
  color: #fff;
  background: var(--coach-red);
  text-transform: uppercase;
  border: 0;
  min-height: 50px;
  padding: 0 20px;
  font-size: 9px;
  font-weight: 800;
}
.camera-error {
  max-width: 500px;
  color: #ff9da4 !important;
}
.stop-camera {
  z-index: 4;
  position: absolute;
  bottom: 17px;
  right: 17px;
}
.form-readout {
  color: #fff;
  border-left: 1px solid #303036;
  padding: 32px;
}
.form-score {
  border-bottom: 1px solid #303036;
  grid-template-columns: 1fr 1fr;
  display: grid;
}
.form-score > div {
  padding: 10px 0 25px;
}
.form-score span,
.angle-row span {
  color: #888;
  letter-spacing: 0.13em;
  font-size: 7px;
  display: block;
}
.form-score strong {
  font: 800 55px var(--heading);
}
.form-score small {
  font-size: 18px;
}
.metric-list article {
  border-bottom: 1px solid #303036;
  grid-template-columns: 31px 1fr;
  gap: 12px;
  padding: 18px 0;
  display: grid;
}
.metric-list .coach-icon {
  color: #76767b;
  width: 20px;
}
.metric-list .pass .coach-icon {
  color: #58cf91;
}
.metric-list .watch .coach-icon {
  color: #ff4c58;
}
.metric-list strong,
.metric-list small {
  display: block;
}
.metric-list strong {
  font: 700 15px var(--heading);
  text-transform: uppercase;
}
.metric-list small {
  color: #85858b;
  margin-top: 4px;
  font-size: 8px;
}
.angle-row {
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding: 24px 0;
  display: grid;
}
.angle-row strong {
  font: 700 27px var(--heading);
}
.dowel-check {
  cursor: pointer;
  border: 1px solid #3a3a40;
  grid-template-columns: 0 28px 1fr;
  align-items: center;
  gap: 8px;
  padding: 16px;
  display: grid;
}
.dowel-check input {
  opacity: 0;
}
.dowel-check .coach-icon {
  color: #888;
}
.dowel-check.checked {
  border-color: #58cf91;
}
.dowel-check.checked .coach-icon {
  color: #58cf91;
}
.dowel-check strong,
.dowel-check small {
  display: block;
}
.dowel-check strong {
  font-size: 11px;
}
.dowel-check small {
  color: #85858b;
  margin-top: 3px;
  font-size: 7px;
}
.lab-note {
  color: #777;
  font-size: 8px;
  line-height: 1.6;
}
.lab-steps {
  background: #fff;
  border: 1px solid #d8d5d0;
  border-top: 0;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}
.lab-steps article {
  border-right: 1px solid #d8d5d0;
  padding: 26px;
}
.lab-steps span {
  color: var(--coach-red);
  font: 700 9px var(--heading);
}
.lab-steps strong {
  font: 700 22px var(--heading);
  text-transform: uppercase;
  margin: 18px 0 7px;
  display: block;
}
.lab-steps p {
  margin: 0;
  font-size: 10px;
}
.coach-final {
  color: #fff;
  background: linear-gradient(115deg, #09090a, #191114 65%, #3d0b11);
  grid-template-columns: 1.2fr 0.8fr;
  align-items: center;
  gap: 60px;
  padding: 90px max(24px, 50% - 640px);
  display: grid;
}
.coach-final > div:first-child > span {
  color: #ff4f5c;
  letter-spacing: 0.17em;
  font-size: 8px;
  font-weight: 800;
}
.coach-final h2 {
  color: #fff;
  margin: 13px 0 0;
  font-size: clamp(52px, 5.5vw, 78px);
}
.coach-final h2 em {
  color: #ff3f4d;
}
.coach-final > div:last-child {
  flex-direction: column;
  gap: 10px;
  display: flex;
}
.coach-final a {
  color: #fff;
  text-transform: uppercase;
  border: 1px solid #4c4c52;
  align-items: center;
  min-height: 56px;
  padding: 0 19px;
  font-size: 9px;
  font-weight: 800;
  display: flex;
}
.coach-final .primary {
  border-color: var(--coach-red);
  background: var(--coach-red);
}
@media (width<=1050px) {
  .coach-hero-inner {
    grid-template-columns: 1fr 0.65fr;
  }
  .coach-console,
  .form-console {
    grid-template-columns: 1fr;
  }
  .form-readout {
    border-left: 0;
  }
  .result-lessons {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (width<=820px) {
  .form-lab-preview-head,
  .form-lab-demo {
    grid-template-columns: 1fr;
  }
  .demo-readout {
    border-top: 1px solid #303036;
    border-left: 0;
  }
  .form-lab-demo-foot {
    grid-template-columns: 1fr;
  }
  .form-lab-demo-foot span {
    border-bottom: 1px solid #303036;
    border-right: 0;
  }
  .form-lab-demo-foot span:last-child {
    border-bottom: 0;
  }
  .coach-hero-inner {
    grid-template-columns: 1fr;
    padding-block: 85px 70px;
  }
  .coach-system-card {
    width: min(620px, 100%);
    margin: auto;
  }
  .coach-hero-lab {
    width: min(680px, 100%);
    margin: auto;
  }
  .proof-strip {
    grid-template-columns: repeat(2, 1fr);
  }
  .coach-expectations {
    grid-template-columns: 1fr;
    gap: 42px;
    padding: 76px 24px 20px;
  }
  .expect-intro {
    position: static;
  }
  .coach-section-head,
  .coach-final {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .coach-product {
    padding-block: 58px 68px;
  }
  .lab-steps {
    grid-template-columns: 1fr;
  }
  .lab-steps article {
    border-bottom: 1px solid #ddd;
  }
}
@media (width<=600px) {
  .coach-shell-form-preview {
    width: min(100% - 28px, 1380px);
  }
  .form-lab-preview {
    margin-block: 52px 16px;
  }
  .form-lab-preview-head {
    padding: 28px 20px;
  }
  .form-lab-preview-head h2 {
    font-size: 50px;
  }
  .demo-camera {
    min-height: 430px;
  }
  .demo-camera-top {
    top: 14px;
    left: 14px;
    right: 14px;
  }
  .demo-camera-top strong {
    display: none;
  }
  .demo-phase {
    width: calc(100% - 28px);
    bottom: 14px;
    left: 14px;
  }
  .demo-readout {
    padding: 24px 18px;
  }
  .coach-hero-inner,
  .coach-shell,
  .proof-strip {
    width: min(100% - 28px, 1280px);
  }
  .coach-hero-copy h1 {
    font-size: clamp(57px, 17vw, 77px);
  }
  .coach-system-card,
  .coach-hero-lab {
    width: 100%;
  }
  .coach-hero-lab-camera {
    min-height: 330px;
  }
  .coach-hero-lab-readout {
    grid-template-columns: 1fr;
  }
  .coach-hero-lab-readout > div {
    border-bottom: 1px solid #343439;
    border-right: 0;
  }
  .coach-hero-lab-readout > div:last-child {
    border-bottom: 0;
  }
  .coach-system-top {
    flex-direction: column;
    align-items: flex-start;
  }
  .coach-system-flow {
    grid-template-columns: 1fr;
  }
  .coach-system-flow > div {
    border-right: 0;
  }
  .proof-strip > div {
    padding: 20px 16px;
  }
  .proof-strip strong {
    font-size: 20px;
  }
  .coach-section-head h2 {
    font-size: 56px;
  }
  .coach-form-panel,
  .action-panel {
    padding: 25px 18px;
  }
  .mode-tabs {
    margin: -25px -18px 27px;
  }
  .field-row,
  .field-row.three {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .result-lessons,
  .coach-result-head {
    grid-template-columns: 1fr;
  }
  .result-stats div {
    border-top: 1px solid #ddd;
    border-left: 0;
  }
  .result-check {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .camera-stage {
    min-height: 500px;
  }
  .form-readout {
    padding: 24px 18px;
  }
  .coach-final {
    padding: 70px 22px;
  }
  .coach-final h2 {
    font-size: 50px;
  }
}
.routine-sequence {
  color: #fff;
  background: #151518;
  border-top: 1px solid #313137;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 26px;
  padding: 20px 32px;
  display: grid;
}
.routine-sequence > span {
  color: #ff5661;
  letter-spacing: 0.14em;
  font-size: 8px;
  font-weight: 800;
}
.routine-sequence > div {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  display: flex;
}
.routine-sequence strong {
  font: 700 13px var(--heading);
  text-transform: uppercase;
}
.routine-sequence b {
  color: #65656b;
  font-size: 12px;
}
.result-guidance {
  color: #5f5f65;
  background: #faf9f7;
  border-top: 1px solid #ddd9d3;
  margin: 0;
  padding: 14px 32px;
  font-size: 10px;
  line-height: 1.55;
}
.result-lessons {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.result-lessons article {
  grid-template-columns: 25px 86px 1fr;
  align-items: start;
  gap: 14px;
  padding: 20px;
}
.result-lessons img {
  width: 86px;
}
.result-lessons article > div {
  min-width: 0;
}
.result-lessons h4 {
  margin: 4px 0 8px;
  font-size: 18px;
}
.result-lessons p {
  color: #69696f;
  margin: 0;
  font-size: 10px;
  line-height: 1.55;
}
.result-lessons em {
  color: #a91d28;
  margin-top: 9px;
  font:
    600 9px/1.45 Arial,
    sans-serif;
  display: block;
}
.result-lessons em b {
  color: #171719;
}
.result-retest {
  background: #f6f3ef;
  border-top: 1px solid #ddd9d3;
  grid-template-columns: 150px minmax(240px, 1fr) minmax(240px, 0.8fr);
  align-items: center;
  gap: 24px;
  padding: 22px 32px;
  display: grid;
}
.result-retest span {
  color: #b31d29;
  letter-spacing: 0.13em;
  font-size: 8px;
  font-weight: 800;
}
.result-retest strong {
  font: 700 14px/1.35 var(--heading);
  text-transform: uppercase;
}
.result-retest p {
  color: #68686d;
  margin: 0;
  font-size: 10px;
  line-height: 1.5;
}
.coach-review {
  border-top: 4px solid var(--coach-red);
}
.review-next {
  border-top: 1px solid #ddd9d3;
  grid-template-columns: 28px 1fr;
  gap: 16px;
  padding: 26px 32px;
  display: grid;
}
.review-next .coach-icon {
  color: var(--coach-red);
}
.review-next strong {
  font: 700 18px var(--heading);
  text-transform: uppercase;
}
.review-next p {
  color: #666;
  max-width: 760px;
  margin: 7px 0 0;
  line-height: 1.65;
}
.measurement-trust {
  color: #fff;
  background: #141416;
  border: 1px solid #303036;
  border-top: 0;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}
.measurement-trust article {
  border-right: 1px solid #303036;
  padding: 20px 24px;
}
.measurement-trust article:last-child {
  border-right: 0;
}
.measurement-trust span {
  color: #ff5661;
  letter-spacing: 0.14em;
  margin-bottom: 7px;
  font-size: 7px;
  font-weight: 800;
  display: block;
}
.measurement-trust strong {
  font: 700 13px/1.25 var(--heading);
  text-transform: uppercase;
}
@media (width<=820px) {
  .routine-sequence {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .routine-sequence > div {
    justify-content: flex-start;
  }
  .measurement-trust {
    grid-template-columns: 1fr;
  }
  .result-retest {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .measurement-trust article {
    border-bottom: 1px solid #303036;
    border-right: 0;
  }
  .measurement-trust article:last-child {
    border-bottom: 0;
  }
}
@media (width<=600px) {
  .result-lessons {
    grid-template-columns: 1fr;
  }
  .result-lessons article {
    grid-template-columns: 24px 72px 1fr;
    padding: 16px 12px;
  }
  .result-lessons img {
    width: 72px;
  }
  .routine-sequence {
    padding: 18px;
  }
  .result-guidance {
    padding: 13px 18px;
  }
  .result-retest {
    padding: 18px;
  }
  .routine-sequence > div {
    gap: 8px;
  }
  .routine-sequence strong {
    font-size: 10px;
  }
}
.membership-checking {
  color: #696970;
  min-height: 280px;
  font: 700 11px var(--heading);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  gap: 12px;
  display: flex;
}
.members-only-page {
  color: #171719;
  background: #f3f1ed;
  min-height: 70vh;
  padding: 100px 24px;
}
.coach-lockout {
  color: #171719;
  background: #fff;
  border: 1px solid #d5d1cb;
  grid-template-columns: 0.92fr 1.08fr;
  display: grid;
  overflow: hidden;
  box-shadow: 0 28px 70px #14141714;
}
.members-only-page .coach-lockout {
  width: min(1180px, 100%);
  margin: auto;
}
.coach-lockout.profile-lockout {
  grid-template-columns: 1fr;
}
.coach-lockout-copy {
  padding: clamp(38px, 5vw, 70px);
}
.coach-lockout-copy h2 {
  font: 800 clamp(48px, 5vw, 74px) / 0.9 var(--heading);
  letter-spacing: -0.045em;
  text-transform: uppercase;
  margin: 22px 0;
}
.coach-lockout-copy h2 em {
  color: var(--coach-red);
  font-weight: 300;
}
.coach-lockout-copy > p {
  color: #65656b;
  max-width: 680px;
  margin: 0;
  font-size: 15px;
  line-height: 1.72;
}
.coach-lockout-copy ul {
  gap: 12px;
  margin: 28px 0 32px;
  padding: 0;
  list-style: none;
  display: grid;
}
.coach-lockout-copy li {
  align-items: center;
  gap: 11px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}
.coach-lockout-copy li .coach-icon {
  width: 17px;
  color: var(--coach-red);
}
.coach-lockout-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
  display: flex;
}
.coach-lockout-actions a {
  color: #171719;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 800;
}
.coach-lockout-actions .primary {
  color: #fff;
  background: var(--coach-red);
  align-items: center;
  min-height: 54px;
  padding: 0 22px;
  display: inline-flex;
}
.coach-lockout-pricing {
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 23px;
  display: flex;
}
.coach-lockout-pricing span {
  color: #6a6a70;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border: 1px solid #ddd9d3;
  padding: 8px 10px;
  font-size: 8px;
  font-weight: 800;
}
.coach-routine-glimpse {
  color: #fff;
  background: #101012;
  border-left: 1px solid #333338;
  min-width: 0;
}
.glimpse-top {
  background: linear-gradient(120deg, #d61f2c33, #0000);
  padding: 38px 34px 28px;
}
.glimpse-top span,
.glimpse-top strong,
.glimpse-top small {
  display: block;
}
.glimpse-top span {
  color: #ff5661;
  letter-spacing: 0.14em;
  font-size: 8px;
  font-weight: 800;
}
.glimpse-top strong {
  font: 800 34px var(--heading);
  text-transform: uppercase;
  margin: 11px 0 7px;
}
.glimpse-top small {
  color: #8b8b91;
  text-transform: uppercase;
  font-size: 9px;
}
.glimpse-sequence {
  border-block: 1px solid #303035;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  padding: 19px 34px;
  display: flex;
}
.glimpse-sequence span {
  font: 700 9px var(--heading);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.glimpse-sequence b {
  color: #5f5f65;
  font-size: 9px;
}
.glimpse-lessons > div {
  border-bottom: 1px solid #2f2f34;
  grid-template-columns: 32px 1fr auto;
  align-items: center;
  gap: 12px;
  min-height: 78px;
  padding: 18px 34px;
  display: grid;
}
.glimpse-lessons span {
  color: #e53b47;
  font: 800 9px var(--heading);
}
.glimpse-lessons strong {
  font: 700 17px var(--heading);
  text-transform: uppercase;
}
.glimpse-lessons small {
  color: #7e7e84;
  text-transform: uppercase;
  font-size: 8px;
}
.glimpse-locked {
  text-align: left;
  background: linear-gradient(#151518, #080809);
  justify-content: center;
  align-items: center;
  gap: 16px;
  min-height: 125px;
  padding: 26px 34px;
  display: flex;
}
.glimpse-locked .coach-icon {
  color: #ff5661;
}
.glimpse-locked strong,
.glimpse-locked span {
  display: block;
}
.glimpse-locked strong {
  font: 700 18px var(--heading);
  text-transform: uppercase;
}
.glimpse-locked span {
  color: #7e7e84;
  text-transform: uppercase;
  margin-top: 5px;
  font-size: 8px;
}
@media (width<=900px) {
  .coach-lockout {
    grid-template-columns: 1fr;
  }
  .coach-routine-glimpse {
    border-top: 1px solid #333338;
    border-left: 0;
  }
}
@media (width<=600px) {
  .members-only-page {
    padding: 72px 14px;
  }
  .coach-lockout-copy {
    padding: 34px 20px;
  }
  .coach-lockout-copy h2 {
    font-size: 48px;
  }
  .glimpse-top,
  .glimpse-sequence,
  .glimpse-lessons > div,
  .glimpse-locked {
    padding-inline: 20px;
  }
  .glimpse-lessons > div {
    grid-template-columns: 25px 1fr;
  }
  .glimpse-lessons small {
    grid-column: 2;
  }
}
.form-ai-stage {
  aspect-ratio: 16/9;
  isolation: isolate;
  color: #fff;
  background: #050609;
  position: relative;
  overflow: hidden;
}
.form-ai-stage > img {
  z-index: 0;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  animation: 14s ease-in-out infinite form-ai-camera;
  position: absolute;
  inset: 0;
}
.form-ai-vignette {
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, #030407e6 0%, #0304078f 27%, #0000 58%),
    linear-gradient(#03040794, #0000 24% 72%, #030407bf);
  position: absolute;
  inset: 0;
}
.form-ai-grid {
  z-index: 2;
  opacity: 0.16;
  pointer-events: none;
  background-image:
    linear-gradient(#78e5ff2e 1px, #0000 1px),
    linear-gradient(90deg, #78e5ff2e 1px, #0000 1px);
  background-size: 64px 64px;
  animation: 18s linear infinite form-ai-grid;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(90deg, #000, #0000 76%);
  mask-image: linear-gradient(90deg, #000, #0000 76%);
}
.form-ai-scan-volume {
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(90deg, #0000, #27cdf41a);
  border-right: 1px solid #3fddfff2;
  width: 28%;
  animation: 8.4s cubic-bezier(0.55, 0.02, 0.22, 1) infinite form-ai-scan;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -32%;
  box-shadow: 18px 0 52px #27cdf41f;
}
.form-ai-topbar {
  z-index: 8;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #04070b94;
  border: 1px solid #aad8e52e;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px;
  min-height: 42px;
  padding: 0 14px;
  display: grid;
  position: absolute;
  top: 22px;
  left: 24px;
  right: 24px;
  box-shadow: inset 0 1px #ffffff0d;
}
.form-ai-topbar span {
  color: #a9b3ba;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 7px;
  font-weight: 800;
}
.form-ai-topbar span:nth-child(2) {
  color: #fff;
}
.form-ai-topbar span:last-child {
  justify-self: end;
}
.form-ai-live {
  align-items: center;
  gap: 8px;
  display: flex;
  color: #8eeaff !important;
}
.form-ai-live i {
  background: #59e2ff;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  animation: 1.8s ease-out infinite form-ai-live;
  box-shadow: 0 0 15px #59e2ffe6;
}
.form-ai-skeleton {
  z-index: 5;
  filter: drop-shadow(0 0 8px #44dcffb3);
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: visible;
}
.form-ai-skeleton polyline {
  fill: none;
  stroke: url(#formLabLine);
  stroke-width: 0.22px;
  stroke-dasharray: 1.2 0.8;
  vector-effect: non-scaling-stroke;
  animation: 8.4s ease-in-out infinite form-ai-trace;
}
.form-ai-skeleton .node-halo {
  fill: #37daff14;
  stroke: #5ae4ff8c;
  stroke-width: 0.1px;
  vector-effect: non-scaling-stroke;
  transform-box: fill-box;
  transform-origin: 50%;
  animation: form-ai-node 2.6s ease-in-out infinite var(--node-delay);
}
.form-ai-skeleton .node-core {
  fill: #fff;
  stroke: #4de0ff;
  stroke-width: 0.12px;
  vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 0 5px #56e5ff);
}
.form-ai-orbit {
  z-index: 4;
  aspect-ratio: 1;
  pointer-events: none;
  border: 1px solid #68e6ff57;
  border-radius: 50%;
  width: clamp(58px, 7vw, 112px);
  margin: calc(clamp(58px, 7vw, 112px) / -2);
  animation: 5.6s linear infinite form-ai-orbit;
  position: absolute;
  box-shadow:
    inset 0 0 22px #59e2ff14,
    0 0 24px #59e2ff14;
}
.form-ai-orbit:before,
.form-ai-orbit:after {
  content: "";
  border-radius: 50%;
  position: absolute;
}
.form-ai-orbit:before {
  border: 1px dashed #ff546280;
  inset: 15%;
}
.form-ai-orbit:after {
  background: #fff;
  width: 6px;
  height: 6px;
  top: -3px;
  left: 50%;
  box-shadow: 0 0 12px #54ddff;
}
.form-ai-orbit-shoulder {
  top: 29.2%;
  left: 58.5%;
}
.form-ai-orbit-hip {
  animation-direction: reverse;
  top: 44.8%;
  left: 71.8%;
}
.form-ai-orbit-knee {
  animation-duration: 7.2s;
  top: 66.5%;
  left: 67.8%;
}
.form-ai-signal-path {
  z-index: 4;
  filter: drop-shadow(0 0 9px #ff43523d);
  pointer-events: none;
  border: 1px solid #ff54627a;
  border-color: #ff54627a #4fdeff73 #0000 #0000;
  border-radius: 50%;
  width: 25%;
  height: 48%;
  animation: 8.4s ease-in-out infinite form-ai-path;
  position: absolute;
  top: 13%;
  left: 49%;
  transform: rotate(30deg);
}
.form-ai-command,
.form-ai-score,
.form-ai-cue,
.form-ai-rep {
  z-index: 8;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #04070bb3;
  border: 1px solid #aad8e52b;
  position: absolute;
  box-shadow:
    inset 0 1px #ffffff0a,
    0 18px 40px #0003;
}
.form-ai-score {
  width: clamp(128px, 13vw, 190px);
  padding: clamp(16px, 2vw, 25px);
  top: 22%;
  left: 4.5%;
}
.form-ai-score span,
.form-ai-command > span,
.form-ai-cue span,
.form-ai-rep span {
  color: #8d9aa2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 7px;
  font-weight: 800;
  display: block;
}
.form-ai-score strong {
  color: #fff;
  font: 800 clamp(42px, 5vw, 72px) / 0.95 var(--heading);
  margin: 4px 0 1px;
  display: block;
}
.form-ai-score small {
  color: #65e4ff;
  font-size: 0.32em;
}
.form-ai-score em {
  color: #7fe6be;
  font-size: 8px;
  font-style: normal;
}
.form-ai-rep {
  text-align: center;
  min-width: 74px;
  padding: 15px;
  top: 22%;
  left: calc(4.5% + clamp(142px, 15vw, 215px));
}
.form-ai-rep strong {
  color: #fff;
  font: 800 26px var(--heading);
  margin-top: 5px;
  display: block;
}
.form-ai-command {
  width: min(410px, 34%);
  padding: 18px 20px;
  bottom: 19%;
  left: 4.5%;
}
.form-ai-phase-stack {
  height: 24px;
  margin-top: 8px;
  position: relative;
  overflow: hidden;
}
.form-ai-phase-stack strong {
  opacity: 0;
  color: #fff;
  font: 700 clamp(13px, 1.35vw, 20px) var(--heading);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  align-items: center;
  animation: 11.2s ease-in-out infinite form-ai-phase;
  display: flex;
  position: absolute;
  inset: 0;
  transform: translateY(12px);
}
.form-ai-phase-stack strong:nth-child(2) {
  animation-delay: 2.8s;
}
.form-ai-phase-stack strong:nth-child(3) {
  animation-delay: 5.6s;
}
.form-ai-phase-stack strong:nth-child(4) {
  animation-delay: 8.4s;
}
.form-ai-wave {
  align-items: center;
  gap: 3px;
  height: 22px;
  margin-top: 11px;
  display: flex;
  overflow: hidden;
}
.form-ai-wave i {
  transform-origin: 50%;
  width: 3px;
  height: 18px;
  animation: 1.15s ease-in-out infinite form-ai-wave;
  animation-delay: calc(var(--bar) * -0.055s);
  background: linear-gradient(#70e9ff, #df2634);
  flex: none;
}
.form-ai-cue {
  border-left: 3px solid #df2634;
  width: min(520px, 42%);
  padding: 14px 17px;
  bottom: 4.5%;
  left: 4.5%;
}
.form-ai-cue strong {
  color: #fff;
  font: 700 clamp(12px, 1.05vw, 16px) / 1.35 var(--heading);
  text-transform: uppercase;
  margin-top: 5px;
  display: block;
}
.form-ai-insight-rail {
  background: #090b0e;
  border-top: 1px solid #253039;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  display: grid;
}
.form-ai-insight-rail > div {
  border-right: 1px solid #253039;
  grid-template-columns: 28px 1fr;
  min-width: 0;
  padding: 20px 22px;
  display: grid;
}
.form-ai-insight-rail > div:last-child {
  border-right: 0;
}
.form-ai-insight-rail span {
  color: #df2634;
  font: 800 9px var(--heading);
  grid-row: 1/3;
}
.form-ai-insight-rail small,
.form-ai-insight-rail strong {
  text-transform: uppercase;
  min-width: 0;
  display: block;
}
.form-ai-insight-rail small {
  color: #6e7c85;
  letter-spacing: 0.11em;
  font-size: 7px;
  font-weight: 800;
}
.form-ai-insight-rail strong {
  color: #f4f7f8;
  font: 700 clamp(12px, 1.2vw, 16px) / 1.2 var(--heading);
  margin-top: 4px;
}
.form-lab-demo-foot .coach-icon {
  vertical-align: middle;
  color: #ff4f5a;
  width: 14px;
  margin-right: 8px;
}
@keyframes form-ai-camera {
  0%,
  to {
    transform: scale(1.001);
  }
  50% {
    transform: scale(1.018);
  }
}
@keyframes form-ai-grid {
  to {
    background-position:
      64px 64px,
      64px 64px;
  }
}
@keyframes form-ai-scan {
  0%,
  7% {
    opacity: 0;
    left: -32%;
  }
  13% {
    opacity: 0.82;
  }
  58% {
    opacity: 0.66;
    left: 105%;
  }
  64%,
  to {
    opacity: 0;
    left: 105%;
  }
}
@keyframes form-ai-live {
  70%,
  to {
    box-shadow: 0 0 0 9px #59e2ff00;
  }
}
@keyframes form-ai-trace {
  0%,
  13% {
    opacity: 0.18;
    stroke-dashoffset: 16px;
  }
  34%,
  78% {
    opacity: 0.95;
    stroke-dashoffset: 0;
  }
  to {
    opacity: 0.24;
    stroke-dashoffset: -12px;
  }
}
@keyframes form-ai-node {
  0%,
  to {
    opacity: 0.4;
    transform: scale(0.72);
  }
  50% {
    opacity: 1;
    transform: scale(1.18);
  }
}
@keyframes form-ai-orbit {
  to {
    transform: rotate(360deg);
  }
}
@keyframes form-ai-path {
  0%,
  to {
    opacity: 0.18;
    transform: rotate(30deg) scale(0.94);
  }
  48% {
    opacity: 0.75;
    transform: rotate(30deg) scale(1.02);
  }
}
@keyframes form-ai-phase {
  0%,
  5% {
    opacity: 0;
    transform: translateY(12px);
  }
  11%,
  20% {
    opacity: 1;
    transform: translateY(0);
  }
  25%,
  to {
    opacity: 0;
    transform: translateY(-10px);
  }
}
@keyframes form-ai-wave {
  0%,
  to {
    opacity: 0.46;
    transform: scaleY(0.36);
  }
  50% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@media (width<=820px) {
  .form-ai-insight-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .form-ai-insight-rail > div:nth-child(2) {
    border-right: 0;
  }
  .form-ai-insight-rail > div:nth-child(-n + 2) {
    border-bottom: 1px solid #253039;
  }
  .form-ai-command {
    width: 42%;
  }
}
@media (width<=600px) {
  .form-ai-topbar {
    grid-template-columns: 1fr auto;
    min-height: 28px;
    padding-inline: 9px;
    top: 8px;
    left: 8px;
    right: 8px;
  }
  .form-ai-topbar span {
    letter-spacing: 0.08em;
    font-size: 5px;
  }
  .form-ai-topbar span:nth-child(2) {
    display: none;
  }
  .form-ai-vignette {
    background:
      linear-gradient(90deg, #030407b8, #0000 64%),
      linear-gradient(#0304076b, #0000 32% 68%, #030407b3);
  }
  .form-ai-score {
    width: 78px;
    padding: 9px;
    top: 23%;
    left: 3%;
  }
  .form-ai-score span,
  .form-ai-command > span,
  .form-ai-cue span,
  .form-ai-rep span {
    font-size: 4.5px;
  }
  .form-ai-score strong {
    font-size: 28px;
  }
  .form-ai-score em,
  .form-ai-command {
    display: none;
  }
  .form-ai-rep {
    min-width: 48px;
    padding: 7px;
    top: 23%;
    left: 26%;
  }
  .form-ai-rep strong {
    font-size: 17px;
  }
  .form-ai-cue {
    width: 52%;
    padding: 7px 9px;
    bottom: 4%;
    left: 3%;
  }
  .form-ai-cue strong {
    font-size: 6.5px;
  }
  .form-ai-grid {
    background-size: 28px 28px;
  }
  .form-ai-orbit {
    width: 46px;
    margin: -23px;
  }
  .form-ai-insight-rail > div {
    grid-template-columns: 22px 1fr;
    padding: 15px 13px;
  }
  .form-ai-insight-rail strong {
    font-size: 11px;
  }
  .form-ai-insight-rail small {
    font-size: 5.5px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .form-ai-stage > img,
  .form-ai-grid,
  .form-ai-scan-volume,
  .form-ai-live i,
  .form-ai-skeleton polyline,
  .form-ai-skeleton .node-halo,
  .form-ai-orbit,
  .form-ai-signal-path,
  .form-ai-wave i,
  .form-ai-phase-stack strong {
    animation: none;
  }
  .form-ai-scan-volume {
    display: none;
  }
  .form-ai-phase-stack strong {
    opacity: 0;
    transform: none;
  }
  .form-ai-phase-stack strong:last-child {
    opacity: 1;
  }
}