:root {
  --ink: #09090c;
  --ink-soft: #121219;
  --paper: #f4f2ee;
  --paper-deep: #dedbd4;
  --violet: #725cff;
  --violet-bright: #9c8eff;
  --line-dark: rgba(244, 242, 238, 0.18);
  --line-light: rgba(9, 9, 12, 0.18);
  --muted-dark: #b8b5c1;
  --muted-light: #5f5c64;
  --display: "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --body: Inter, "Helvetica Neue", Arial, sans-serif;
}

* { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  background: var(--ink);
}

body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: var(--body);
  font-size: 1rem;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; }

.skip-link {
  position: fixed;
  top: 0.75rem;
  left: 0.75rem;
  z-index: 100;
  transform: translateY(-150%);
  padding: 0.75rem 1rem;
  color: white;
  background: var(--violet);
}

.skip-link:focus { transform: translateY(0); }

.site-header {
  position: absolute;
  inset: 0 0 auto;
  z-index: 10;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  min-height: 5.5rem;
  padding: 0 4vw;
  color: white;
  border-bottom: 1px solid var(--line-dark);
}

.brand {
  display: inline-flex;
  align-items: center;
  width: max-content;
  gap: 0.75rem;
  text-decoration: none;
}

.brand-mark {
  display: grid;
  place-items: center;
  width: 2.5rem;
  aspect-ratio: 1;
  color: white;
  background: var(--violet);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: -0.08em;
  transform: skew(-5deg);
}

.brand-name {
  font-family: var(--display);
  font-size: 0.86rem;
  font-weight: 800;
  letter-spacing: 0.16em;
}

.desktop-nav {
  display: flex;
  gap: clamp(1.25rem, 3vw, 3.5rem);
}

.desktop-nav a,
.header-cta {
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.11em;
}

.desktop-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -0.4rem;
  height: 1px;
  background: var(--violet-bright);
  transition: right 180ms ease;
}

.desktop-nav a:hover::after,
.desktop-nav a:focus-visible::after { right: 0; }

.header-cta {
  justify-self: end;
  padding-bottom: 0.28rem;
  border-bottom: 1px solid var(--violet-bright);
}

.hero {
  position: relative;
  min-height: min(920px, 100svh);
  display: grid;
  align-items: center;
  overflow: hidden;
  color: white;
  background:
    radial-gradient(circle at 78% 42%, rgba(114, 92, 255, 0.23), transparent 28%),
    linear-gradient(135deg, #09090c 0%, #10101a 62%, #09090c 100%);
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.17;
  background-image:
    linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);
  background-size: 8vw 8vw;
  mask-image: linear-gradient(to right, transparent, black 45%);
}

.hero-media {
  position: absolute;
  inset: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  transition: opacity 350ms ease;
}

.hero.has-image .hero-media { opacity: 0.72; }

.hero-vignette {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(9,9,12,0.98) 0%, rgba(9,9,12,0.9) 34%, rgba(9,9,12,0.1) 76%),
    linear-gradient(180deg, rgba(9,9,12,0.28), transparent 36%, rgba(9,9,12,0.62));
}

.hero-content {
  position: relative;
  z-index: 2;
  width: min(58rem, 76vw);
  padding: 9.5rem 0 7.5rem 7vw;
}

.eyebrow,
.section-index,
.service-label {
  margin: 0 0 1.4rem;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.eyebrow {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  color: #d9d6e4;
}

.eyebrow span {
  width: 2.2rem;
  height: 2px;
  background: var(--violet-bright);
}

h1, h2, h3, p { text-wrap: pretty; }

h1 {
  max-width: 10ch;
  margin: 0;
  font-family: var(--display);
  font-size: clamp(4.5rem, 10.8vw, 10rem);
  font-stretch: condensed;
  font-weight: 900;
  letter-spacing: -0.075em;
  line-height: 0.76;
  text-transform: uppercase;
}

h1 em,
h2 em {
  color: var(--violet-bright);
  font-style: normal;
}

.hero-copy {
  max-width: 35rem;
  margin: 2.2rem 0 0;
  color: #d4d1dc;
  font-size: clamp(1rem, 1.4vw, 1.2rem);
}

.hero-actions {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-top: 2.2rem;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.5rem;
  min-height: 3.6rem;
  padding: 0.85rem 1.2rem;
  border: 0;
  border-radius: 0;
  font: inherit;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 180ms ease, color 180ms ease, transform 180ms ease;
}

.button-primary { color: white; background: var(--violet); }
.button-primary:hover,
.button-primary:focus-visible { color: var(--ink); background: var(--violet-bright); transform: translateY(-2px); }

.text-link {
  display: inline-flex;
  gap: 0.65rem;
  padding: 0.4rem 0;
  color: #e7e4ec;
  border-bottom: 1px solid rgba(255,255,255,0.45);
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-decoration: none;
  text-transform: uppercase;
}

.hero-proof {
  position: absolute;
  right: 4vw;
  bottom: 3rem;
  z-index: 2;
  display: flex;
  color: white;
  border-top: 1px solid var(--line-dark);
  border-bottom: 1px solid var(--line-dark);
}

.hero-proof div {
  display: grid;
  min-width: 8.5rem;
  padding: 0.8rem 1.1rem;
  border-left: 1px solid var(--line-dark);
}

.hero-proof strong {
  font-family: var(--display);
  font-size: 1.5rem;
  line-height: 1;
}

.hero-proof span {
  margin-top: 0.38rem;
  color: var(--muted-dark);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.1em;
}

.hero-note {
  position: absolute;
  right: -2rem;
  top: 50%;
  z-index: 2;
  margin: 0;
  color: rgba(255,255,255,0.42);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  transform: rotate(90deg);
}

.statement {
  display: grid;
  grid-template-columns: 0.65fr 2fr 1fr;
  gap: 3vw;
  padding: clamp(5rem, 10vw, 10rem) 7vw;
}

.section-index { color: var(--violet); }

.statement h2,
.section-heading h2,
.method h2,
.about h2,
.consultation h2 {
  margin: 0;
  font-family: var(--display);
  font-size: clamp(3rem, 6vw, 6.3rem);
  font-weight: 900;
  letter-spacing: -0.055em;
  line-height: 0.94;
  text-transform: uppercase;
}

.statement > p:last-child,
.section-heading > p:last-child,
.method-intro > p:last-child,
.about-copy > p,
.consultation-copy > p {
  color: var(--muted-light);
  font-size: clamp(1rem, 1.35vw, 1.17rem);
}

.statement > p:last-child { align-self: end; margin: 0 0 0.5rem; }

.section-shell { padding: clamp(5rem, 9vw, 9rem) 7vw; }

.coaching { color: white; background: var(--ink); }

.section-heading {
  display: grid;
  grid-template-columns: 0.65fr 2fr 1fr;
  gap: 3vw;
  align-items: end;
  margin-bottom: 4rem;
}

.section-heading > * { margin-bottom: 0; }
.section-heading > p:last-child { color: var(--muted-dark); }

.service-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--line-dark);
  border-bottom: 1px solid var(--line-dark);
}

.service-card {
  position: relative;
  min-height: 30rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2rem;
  border-right: 1px solid var(--line-dark);
  overflow: hidden;
}

.service-card:last-child { border-right: 0; }

.service-card.featured {
  background: linear-gradient(145deg, rgba(114,92,255,0.32), rgba(114,92,255,0.04) 70%);
}

.service-card::after {
  content: "";
  position: absolute;
  inset: auto -15% -70% 35%;
  aspect-ratio: 1;
  border: 1px solid rgba(156,142,255,0.23);
  border-radius: 50%;
  pointer-events: none;
}

.service-number {
  margin: 0;
  color: var(--violet-bright);
  font-family: var(--display);
  font-size: 2.2rem;
  font-weight: 800;
}

.service-label { margin-bottom: 0.7rem; color: var(--violet-bright); }

.service-card h3 {
  max-width: 10ch;
  margin: 0;
  font-family: var(--display);
  font-size: clamp(2rem, 3vw, 3.5rem);
  letter-spacing: -0.045em;
  line-height: 0.95;
  text-transform: uppercase;
}

.service-card div > p:last-child { max-width: 29rem; color: var(--muted-dark); }

.service-card > a {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  padding: 1rem 0 0;
  border-top: 1px solid var(--line-dark);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-decoration: none;
  text-transform: uppercase;
}

.method {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 7vw;
  padding: clamp(5rem, 9vw, 9rem) 7vw;
  background: var(--paper-deep);
}

.method-intro { position: sticky; top: 3rem; align-self: start; }
.method-intro > p:last-child { max-width: 34rem; margin-top: 2rem; }

.method-steps { margin: 0; padding: 0; list-style: none; }

.method-steps li {
  display: grid;
  grid-template-columns: 4.5rem 1fr;
  gap: 1.2rem;
  padding: 2.2rem 0;
  border-top: 1px solid var(--line-light);
}

.method-steps li:last-child { border-bottom: 1px solid var(--line-light); }

.method-steps > li > span {
  color: var(--violet);
  font-family: var(--display);
  font-size: 1.5rem;
  font-weight: 900;
}

.method-steps h3 {
  margin: 0;
  font-family: var(--display);
  font-size: 2rem;
  letter-spacing: -0.04em;
  text-transform: uppercase;
}

.method-steps p { margin: 0.55rem 0 0; color: var(--muted-light); }

.about {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8vw;
  align-items: center;
  color: white;
  background: var(--ink);
}

.about-stat {
  position: relative;
  min-height: 34rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3rem;
  border: 1px solid var(--line-dark);
  background:
    repeating-linear-gradient(90deg, transparent 0, transparent 19.8%, rgba(255,255,255,0.04) 20%),
    linear-gradient(145deg, rgba(114,92,255,0.28), transparent 58%);
}

.about-stat::after {
  content: "";
  position: absolute;
  width: 42%;
  aspect-ratio: 1;
  right: 8%;
  border: 1px solid var(--violet-bright);
  border-radius: 50%;
  opacity: 0.52;
}

.about-stat span,
.about-stat strong {
  position: relative;
  z-index: 1;
  font-family: var(--display);
  font-size: clamp(4rem, 8vw, 7rem);
  line-height: 0.84;
  letter-spacing: -0.07em;
}

.about-stat span { color: rgba(255,255,255,0.35); text-decoration: line-through; }
.about-stat strong { color: var(--violet-bright); }
.about-stat i { margin: 0.7rem 0; color: var(--muted-dark); font-style: normal; }
.about-stat small { margin-top: 2rem; font-weight: 800; letter-spacing: 0.16em; }

.about-copy > p { color: var(--muted-dark); }
.about-copy h2 { margin-bottom: 2.2rem; }
.text-link-light { margin-top: 1rem; }

.consultation {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 8vw;
  padding: clamp(5rem, 9vw, 9rem) 7vw;
}

.consultation-copy > p { max-width: 35rem; }

.contact-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2rem;
  margin-top: 3rem;
  padding-top: 1.3rem;
  border-top: 1px solid var(--line-light);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.contact-meta a { color: var(--violet); text-decoration: none; }

.consultation-form {
  padding: clamp(1.5rem, 4vw, 3rem);
  color: white;
  background: var(--ink-soft);
}

.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; }

.consultation-form label {
  display: grid;
  gap: 0.5rem;
  margin-bottom: 1.2rem;
}

.consultation-form label > span {
  color: var(--muted-dark);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

input,
select,
textarea {
  width: 100%;
  min-height: 3.6rem;
  padding: 0.9rem 1rem;
  color: white;
  background: #1b1b23;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 0;
  font: inherit;
  font-size: 1rem;
}

textarea { min-height: 8rem; resize: vertical; }
input::placeholder,
textarea::placeholder { color: #777582; }
input:focus,
select:focus,
textarea:focus { outline: 2px solid var(--violet-bright); outline-offset: 1px; }

.form-submit { width: 100%; margin-top: 0.4rem; }
.form-note,
.form-status { margin: 0.9rem 0 0; color: var(--muted-dark); font-size: 0.78rem; }
.form-status { min-height: 1.2em; color: var(--violet-bright); }

footer {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 2rem;
  align-items: center;
  padding: 2.2rem 4vw;
  color: white;
  background: var(--ink);
  border-top: 1px solid var(--line-dark);
}

footer p {
  margin: 0;
  color: var(--muted-dark);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: uppercase;
}

footer p:last-child { text-align: right; }

@media (max-width: 900px) {
  .site-header { grid-template-columns: 1fr auto; }
  .desktop-nav { display: none; }
  .hero { min-height: 860px; align-items: start; }
  .hero-content { width: auto; padding: 9rem 6vw 15rem; }
  .hero-vignette {
    background:
      linear-gradient(90deg, rgba(9,9,12,0.95), rgba(9,9,12,0.4)),
      linear-gradient(180deg, rgba(9,9,12,0.15), transparent 45%, rgba(9,9,12,0.95));
  }
  .hero-proof { right: 6vw; left: 6vw; bottom: 3.5rem; }
  .hero-proof div { flex: 1; min-width: 0; }
  .statement,
  .section-heading { grid-template-columns: 1fr; }
  .statement { gap: 1.4rem; }
  .service-grid { grid-template-columns: 1fr; }
  .service-card { min-height: 24rem; border-right: 0; border-bottom: 1px solid var(--line-dark); }
  .service-card:last-child { border-bottom: 0; }
  .method,
  .about,
  .consultation { grid-template-columns: 1fr; }
  .method-intro { position: static; }
  footer { grid-template-columns: 1fr; justify-items: center; }
  footer p:last-child { text-align: center; }
}

@media (max-width: 560px) {
  .site-header { min-height: 4.8rem; padding: 0 1.2rem; }
  .brand-name { display: none; }
  .header-cta { font-size: 0.68rem; }
  .hero { min-height: 810px; }
  .hero-content { padding: 8rem 1.2rem 16rem; }
  .eyebrow { margin-bottom: 1rem; }
  h1 { font-size: clamp(3.9rem, 20vw, 6rem); line-height: 0.8; }
  .hero-copy { margin-top: 1.8rem; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 1rem; }
  .hero-proof { left: 1.2rem; right: 1.2rem; bottom: 2rem; }
  .hero-proof div { padding: 0.8rem 0.65rem; }
  .hero-proof strong { font-size: 1.2rem; }
  .hero-proof span { font-size: 0.51rem; }
  .hero-note { display: none; }
  .statement,
  .section-shell,
  .method,
  .consultation { padding-left: 1.2rem; padding-right: 1.2rem; }
  .service-card { min-height: 25rem; padding: 1.5rem; }
  .about-stat { min-height: 24rem; padding: 1.5rem; }
  .field-row { grid-template-columns: 1fr; gap: 0; }
  .consultation-form { padding: 1.2rem; }
  .button { width: 100%; }
}

/* V5 — unified dark performance system */
.premium-site {
  color: var(--paper);
  background: #09090c;
}

.premium-site .hero-services {
  right: 4vw;
  width: min(40rem, calc(100% - 8vw));
  max-width: 40rem;
  justify-content: center;
  border-color: rgba(255,255,255,0.32);
}

.premium-site .hero-services div {
  width: 50%;
  min-width: 0;
  place-items: center;
  padding: 1rem 1.4rem;
  border-left-color: rgba(255,255,255,0.32);
  text-align: center;
}

.premium-site .hero-services div:last-child {
  border-right: 1px solid rgba(255,255,255,0.32);
}

.premium-site .hero-services strong {
  font-size: clamp(1.15rem, 1.7vw, 1.65rem);
}

.premium-site .hero-services span {
  color: rgba(255,255,255,0.7);
  font-size: 0.7rem;
}

.hero-instagram {
  display: inline-flex;
  gap: 0.65rem;
  align-items: center;
  width: fit-content;
  margin-top: 1.5rem;
  color: rgba(255,255,255,0.78);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-decoration: none;
}

.hero-instagram svg,
.instagram-link svg {
  width: 1.2rem;
  height: 1.2rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
}

.hero-instagram:hover { color: var(--violet-bright); }

.premium-cta {
  display: inline-flex !important;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
}

.cta-icon {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid rgba(255,255,255,0.42);
  border-radius: 50%;
  transition: transform 180ms ease, background 180ms ease;
}

.cta-icon svg {
  width: 1rem;
  height: 1rem;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.6;
}

.premium-cta:hover .cta-icon {
  color: var(--violet);
  background: white;
  transform: translate(0.12rem, -0.12rem);
}

.premium-offers .offer-card.featured {
  background:
    radial-gradient(circle at 88% 18%, rgba(126,87,255,0.15), transparent 28%),
    #0d0d12;
}

.premium-offers .offer-card:not(.featured) {
  background:
    linear-gradient(145deg, rgba(105,76,190,0.86), rgba(46,37,77,0.94)),
    #302750;
}

.premium-offers .offer-card:not(.featured) .offer-intro,
.premium-offers .offer-card:not(.featured) .offer-place {
  color: rgba(255,255,255,0.76);
}

.premium-offers .offer-card:not(.featured) .offer-features li {
  color: rgba(255,255,255,0.9);
  border-color: rgba(255,255,255,0.2);
}

.premium-offers .offer-card:not(.featured) .offer-features {
  border-color: rgba(255,255,255,0.2);
}

.premium-offers .offer-cta {
  width: fit-content;
  margin-top: 2.5rem;
  padding: 0.65rem 0.75rem 0.65rem 1.2rem;
  color: white;
  border: 0;
  background: var(--violet);
  letter-spacing: 0.08em;
}

.premium-offers .offer-card:not(.featured) .offer-cta {
  color: var(--ink);
  background: var(--violet-bright);
}

.premium-site .pillars {
  color: white;
  background:
    radial-gradient(circle at 82% 16%, rgba(126,87,255,0.16), transparent 24%),
    #0b0b10;
}

.premium-site .pillars .section-heading > p:last-child {
  color: rgba(255,255,255,0.68);
}

.premium-site .pillar-grid {
  border-color: rgba(255,255,255,0.18);
}

.premium-site .pillar-grid article {
  border-color: rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.015);
}

.premium-site .pillar-grid article:hover {
  background: rgba(126,87,255,0.11);
}

.premium-site .pillar-grid h3 { color: white; }
.premium-site .pillar-grid p { color: rgba(255,255,255,0.65); }

.system-23 {
  position: relative;
  isolation: isolate;
  color: white;
  background:
    linear-gradient(120deg, #171323 0%, #0d0d13 58%, #20143c 100%);
  overflow: hidden;
}

.system-23::before {
  position: absolute;
  right: -0.04em;
  bottom: -0.26em;
  z-index: -1;
  content: "23";
  color: rgba(126,87,255,0.09);
  font-family: var(--display);
  font-size: clamp(22rem, 52vw, 54rem);
  font-weight: 900;
  letter-spacing: -0.12em;
  line-height: 0.72;
}

.system-23 .method-intro {
  top: 5rem;
}

.system-23 .section-index { color: var(--violet-bright); }

.system-kicker {
  margin: clamp(3rem, 7vw, 7rem) 0 1rem;
  color: white;
  font-size: clamp(1.1rem, 2vw, 1.6rem);
  font-weight: 900;
  letter-spacing: 0.18em;
}

.system-23 .method-intro h2 {
  max-width: 9ch;
  font-size: clamp(3.5rem, 7vw, 7.2rem);
  line-height: 0.86;
}

.system-23 .system-lead {
  max-width: 38rem;
  color: rgba(255,255,255,0.72);
  font-size: clamp(1rem, 1.35vw, 1.2rem);
  line-height: 1.65;
}

.system-23 .method-steps li {
  grid-template-columns: 5rem 1fr;
  border-color: rgba(255,255,255,0.2);
}

.system-23 .method-steps > li > span {
  color: var(--violet-bright);
  font-size: 0.8rem;
  font-weight: 900;
}

.system-23 .method-steps h3 {
  color: white;
  font-size: clamp(2.2rem, 4.3vw, 4.8rem);
}

.system-23 .method-steps p {
  max-width: 34rem;
  color: rgba(255,255,255,0.65);
  font-size: 0.95rem;
  line-height: 1.55;
}

.premium-site .story-editorial {
  display: block;
  min-height: auto;
  color: white;
  background:
    linear-gradient(90deg, rgba(126,87,255,0.11) 1px, transparent 1px) 0 0 / 12.5% 100%,
    radial-gradient(circle at 78% 26%, rgba(126,87,255,0.19), transparent 28%),
    #09090d;
}

.premium-site .story-editorial .about-copy {
  width: min(100%, 94rem);
  margin: 0 auto;
  padding: var(--section-space) 7vw;
}

.story-editorial .about-copy h2 {
  max-width: 13ch;
  font-size: clamp(3.6rem, 8vw, 8rem);
  line-height: 0.86;
}

.story-editorial .about-copy h2 em {
  color: var(--violet-bright);
  font-style: normal;
}

.premium-site .story-editorial .about-copy > p {
  max-width: 58rem;
  color: rgba(255,255,255,0.72);
  font-size: clamp(1rem, 1.4vw, 1.2rem);
  line-height: 1.75;
}

.story-proof-four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;
}

.story-cta {
  width: fit-content;
  margin-top: 1rem;
  padding: 0.65rem 0.75rem 0.65rem 1.2rem;
  text-decoration: none;
}

.premium-site .premium-consultation {
  color: white;
  background:
    radial-gradient(circle at 10% 12%, rgba(126,87,255,0.13), transparent 25%),
    #0b0b10;
}

.premium-consultation .consultation-copy > p {
  color: rgba(255,255,255,0.68);
  line-height: 1.65;
}

.premium-consultation .privacy-contact {
  border-color: rgba(156,142,255,0.34);
  background: linear-gradient(135deg, rgba(126,87,255,0.16), rgba(126,87,255,0.04));
}

.premium-consultation .privacy-contact strong { color: white; }
.premium-consultation .privacy-contact p { color: rgba(255,255,255,0.64); }

.instagram-link {
  display: inline-flex !important;
  gap: 0.65rem;
  align-items: center;
  width: fit-content;
  color: var(--violet-bright) !important;
  border: 0 !important;
}

.premium-consultation .consultation-form {
  border: 1px solid rgba(156,142,255,0.22);
  background:
    linear-gradient(145deg, rgba(126,87,255,0.08), transparent 38%),
    #111119;
  box-shadow: 0 2.5rem 7rem rgba(0,0,0,0.25);
}

.premium-consultation .form-step legend { color: white; }
.premium-consultation .choice-card > span {
  color: rgba(255,255,255,0.88);
  border-color: rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.035);
}

.premium-consultation .choice-card > span small { color: rgba(255,255,255,0.5); }
.premium-consultation .choice-card:hover > span { background: rgba(126,87,255,0.1); }
.premium-consultation .choice-card input:checked + span { color: white; background: var(--violet); }
.premium-consultation .choice-card input:checked + span small { color: rgba(255,255,255,0.76); }
.premium-consultation .submit-note { background: rgba(126,87,255,0.1); }
.premium-consultation .submit-note span { color: rgba(255,255,255,0.62); }
.premium-consultation .button-secondary { color: white; border-color: rgba(255,255,255,0.2); }

@media (max-width: 960px) {
  .story-proof-four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .story-proof-four div:nth-child(2) { border-right: 0; }
  .story-proof-four div:nth-child(-n+2) { border-bottom: 1px solid var(--line-dark); }
}

@media (max-width: 650px) {
  .premium-site .hero-services {
    right: 1.2rem;
    left: 1.2rem;
    width: auto;
  }
  .premium-site .hero-services div { padding: 0.85rem 0.5rem; }
  .premium-site .hero-services strong { font-size: 0.9rem; }
  .premium-site .hero-services span { font-size: 0.58rem; }
  .hero-instagram { margin-top: 1rem; }
  .premium-offers .offer-cta { width: 100%; }
  .system-23::before { font-size: 25rem; }
  .system-23 .method-intro { position: static; }
  .system-23 .method-steps li { grid-template-columns: 3.5rem 1fr; }
  .story-proof-four { grid-template-columns: 1fr; }
  .story-proof-four div,
  .story-proof-four div:not(:first-child) {
    border-right: 0;
    border-bottom: 1px solid var(--line-dark);
  }
}

/* Interactive private application */
.privacy-contact {
  margin-top: 2rem;
  padding: 1.4rem;
  border: 1px solid rgba(126, 87, 255, 0.38);
  background: rgba(126, 87, 255, 0.08);
}

.privacy-contact strong {
  display: block;
  margin-bottom: 0.35rem;
  color: var(--paper);
  font-family: var(--display);
  font-size: 1.15rem;
  text-transform: uppercase;
}

.privacy-contact p { margin: 0 0 1rem; }

.privacy-contact a {
  color: var(--violet-bright);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.09em;
  text-decoration: none;
  text-transform: uppercase;
}

.wizard-heading {
  grid-template-columns: 1fr auto;
  align-items: end;
  margin-bottom: 0.75rem;
}

.wizard-heading > div { display: grid; gap: 0.45rem; }

.wizard-heading p {
  margin: 0;
  color: var(--muted-dark);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.wizard-progress {
  height: 0.22rem;
  margin-bottom: 2rem;
  overflow: hidden;
  background: var(--line-dark);
}

.wizard-progress span {
  display: block;
  width: 20%;
  height: 100%;
  background: var(--violet-bright);
  transition: width 280ms ease;
}

.form-step[hidden],
.health-notice[hidden],
.group-error[hidden] { display: none !important; }

.form-step {
  animation: reveal-step 280ms ease both;
}

@keyframes reveal-step {
  from { opacity: 0; transform: translateY(0.5rem); }
  to { opacity: 1; transform: translateY(0); }
}

.step-intro {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  align-items: start;
  margin-bottom: 2rem;
}

.step-intro > span {
  color: var(--violet-bright);
  font-family: var(--display);
  font-size: 2.2rem;
  line-height: 1;
}

.step-intro h3 {
  margin: 0;
  font-family: var(--display);
  font-size: clamp(1.65rem, 4vw, 2.5rem);
  letter-spacing: -0.035em;
  line-height: 1;
  text-transform: uppercase;
}

.step-intro p {
  margin: 0.45rem 0 0;
  color: var(--muted-dark);
  font-size: 0.9rem;
}

.form-step fieldset {
  min-width: 0;
  margin: 0 0 1.7rem;
  padding: 0;
  border: 0;
}

.form-step legend {
  width: 100%;
  margin-bottom: 0.75rem;
  color: var(--ink);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.form-step legend small {
  color: var(--muted-dark);
  font-size: 0.66rem;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}

.choice-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
}

.choice-grid.two-choice { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.choice-grid.four-choice { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.choice-grid.day-choice { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.choice-grid.readiness-choice { grid-template-columns: repeat(5, minmax(0, 1fr)); }

.choice-card {
  position: relative;
  min-width: 0;
  cursor: pointer;
}

.choice-card input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.choice-card > span {
  display: flex;
  min-height: 3.4rem;
  padding: 0.85rem 0.9rem;
  flex-direction: column;
  justify-content: center;
  color: var(--ink);
  border: 1px solid var(--line-dark);
  background: rgba(255,255,255,0.34);
  font-size: 0.78rem;
  font-weight: 750;
  line-height: 1.25;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.choice-card > span strong { font-size: 0.85rem; }
.choice-card > span small { margin-top: 0.2rem; color: var(--muted-dark); font-size: 0.68rem; font-weight: 500; }
.choice-card:hover > span { border-color: rgba(98, 62, 232, 0.55); transform: translateY(-1px); }
.choice-card input:checked + span { color: white; border-color: var(--violet); background: var(--violet); }
.choice-card input:checked + span small { color: rgba(255,255,255,0.78); }
.choice-card input:focus-visible + span { outline: 3px solid rgba(126, 87, 255, 0.32); outline-offset: 2px; }

.readiness-choice .choice-card > span {
  align-items: center;
  min-height: 4.1rem;
  text-align: center;
}

.readiness-choice strong { font-family: var(--display); font-size: 1.5rem !important; }

.group-error {
  margin: 0.5rem 0 0;
  color: #a72c38;
  font-size: 0.75rem;
  font-weight: 750;
}

.field-help {
  margin: 0.65rem 0 0;
  color: var(--muted-dark);
  font-size: 0.72rem;
}

.health-screen {
  display: grid;
  gap: 0.65rem;
  margin-bottom: 1.5rem;
}

.health-question {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  align-items: center;
  margin: 0 !important;
  padding: 0.9rem 1rem !important;
  border: 1px solid var(--line-dark) !important;
}

.health-question legend {
  margin: 0;
  font-size: 0.73rem;
  font-weight: 650;
  letter-spacing: 0;
  line-height: 1.35;
  text-transform: none;
}

.health-question > div { display: flex; gap: 0.35rem; }
.health-question label { position: relative; cursor: pointer; }
.health-question input { position: absolute; opacity: 0; }
.health-question label span {
  display: grid;
  place-items: center;
  min-width: 3rem;
  min-height: 2.4rem;
  border: 1px solid var(--line-dark);
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}
.health-question input:checked + span { color: white; border-color: var(--violet); background: var(--violet); }
.health-question input:focus-visible + span { outline: 3px solid rgba(126, 87, 255, 0.32); outline-offset: 2px; }

.health-notice {
  margin: -0.4rem 0 1.7rem;
  padding: 1rem;
  color: #5e4512;
  border: 1px solid #d6a83e;
  background: #fff3d1;
}
.health-notice strong { font-size: 0.78rem; text-transform: uppercase; }
.health-notice p { margin: 0.25rem 0 0; font-size: 0.76rem; }

.step-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.65rem;
  padding-top: 0.5rem;
}

.button-secondary {
  color: var(--ink);
  border: 1px solid var(--line-dark);
  background: transparent;
}

.submit-note {
  display: grid;
  gap: 0.3rem;
  margin-top: 1rem;
  padding: 1rem;
  border-left: 3px solid var(--violet);
  background: rgba(126, 87, 255, 0.07);
}
.submit-note strong { font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; }
.submit-note span { color: var(--muted-dark); font-size: 0.76rem; line-height: 1.45; }

@media (max-width: 700px) {
  .wizard-heading { grid-template-columns: 1fr; }
  .wizard-heading p { margin-top: 0.35rem; }
  .choice-grid,
  .choice-grid.four-choice { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .choice-grid.day-choice { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .health-question { grid-template-columns: 1fr; }
  .health-question > div { justify-content: flex-start; }
}

@media (max-width: 460px) {
  .choice-grid.two-choice,
  .choice-grid.compact-choice { grid-template-columns: 1fr; }
  .choice-grid.day-choice { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .readiness-choice .choice-card > span { padding-inline: 0.35rem; }
  .step-actions { align-items: stretch; flex-direction: column-reverse; }
  .step-actions .button { width: 100%; }
}

/* Premium editorial refinement */
.premium-site {
  --section-space: clamp(5.5rem, 10vw, 9rem);
}

.premium-site .premium-hero .hero-content {
  max-width: 56rem;
}

.premium-site .premium-hero h1 {
  max-width: 12ch;
  font-size: clamp(4rem, 8.7vw, 8.7rem);
  line-height: 0.86;
}

.premium-site .premium-hero .hero-copy {
  max-width: 34rem;
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  line-height: 1.55;
}

.premium-site .hero-services {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 36rem;
}

.philosophy-strip {
  display: grid;
  grid-template-columns: minmax(8rem, 0.35fr) minmax(0, 1fr);
  gap: clamp(2rem, 7vw, 8rem);
  align-items: center;
  padding: clamp(2.4rem, 5vw, 4.5rem) var(--page-pad);
  color: var(--paper);
  border-top: 1px solid var(--line-dark);
  border-bottom: 1px solid var(--line-dark);
  background: var(--ink);
}

.philosophy-strip > span {
  color: var(--violet-bright);
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.14em;
}

.philosophy-strip p {
  max-width: 29ch;
  margin: 0;
  font-family: var(--display);
  font-size: clamp(1.8rem, 4vw, 4.2rem);
  letter-spacing: -0.04em;
  line-height: 1.02;
  text-transform: uppercase;
}

.premium-section {
  padding-top: var(--section-space);
  padding-bottom: var(--section-space);
}

.premium-heading {
  max-width: 56rem;
  margin-bottom: clamp(3rem, 6vw, 5rem);
}

.premium-heading h2 {
  max-width: 12ch;
}

.premium-heading > p:last-child {
  max-width: 34rem;
  font-size: 1rem;
  line-height: 1.6;
}

.premium-offers .offer-card {
  min-height: 39rem;
  padding: clamp(2rem, 4vw, 4rem);
}

.premium-offers .offer-features {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 2.2rem;
}

.premium-offers .offer-features li {
  min-height: 4.8rem;
  font-size: 0.88rem;
}

.offer-place {
  max-width: 36rem;
  margin: 1.5rem 0 0;
  color: var(--muted-light);
  font-size: 0.78rem;
  letter-spacing: 0.03em;
  line-height: 1.5;
}

.pricing-note {
  margin: 1.5rem 0 0;
  color: var(--muted-light);
  font-size: 0.8rem;
  text-align: right;
}

.pillars {
  color: var(--ink);
  background: var(--paper);
}

.pillar-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid rgba(9, 9, 12, 0.18);
  border-bottom: 1px solid rgba(9, 9, 12, 0.18);
}

.pillar-grid article {
  min-height: 21rem;
  padding: clamp(1.5rem, 2.5vw, 2.5rem);
  border-right: 1px solid rgba(9, 9, 12, 0.18);
}

.pillar-grid article:last-child { border-right: 0; }

.pillar-grid span {
  color: var(--violet);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.pillar-grid h3 {
  max-width: 9ch;
  margin: 6rem 0 1rem;
  font-family: var(--display);
  font-size: clamp(1.7rem, 2.8vw, 3rem);
  letter-spacing: -0.04em;
  line-height: 0.95;
  text-transform: uppercase;
}

.pillar-grid p {
  max-width: 24ch;
  margin: 0;
  color: var(--muted-dark);
  font-size: 0.9rem;
  line-height: 1.5;
}

.premium-method {
  padding-top: var(--section-space);
  padding-bottom: var(--section-space);
}

.premium-method-steps {
  grid-template-columns: 1fr;
}

.premium-method-steps li {
  min-height: 8.5rem;
}

.premium-method-steps h3 {
  font-size: clamp(1.8rem, 3vw, 3rem);
}

.premium-about {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  min-height: 48rem;
  color: var(--paper);
  background: var(--ink);
}

.about-visual {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: 40rem;
  padding: clamp(2rem, 4vw, 4rem);
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(9,9,12,0.05), rgba(9,9,12,0.88)),
    url("./assets/hero-training.webp") center / cover no-repeat;
}

.about-visual::after {
  position: absolute;
  inset: 0;
  content: "";
  border: 1px solid rgba(255,255,255,0.12);
}

.about-visual span {
  position: relative;
  z-index: 1;
  color: var(--violet-bright);
  font-size: 0.73rem;
  font-weight: 900;
  letter-spacing: 0.15em;
}

.premium-about .about-copy {
  display: flex;
  padding: clamp(3rem, 7vw, 7rem);
  flex-direction: column;
  justify-content: center;
}

.premium-about .about-copy > p {
  max-width: 38rem;
  font-size: 1rem;
  line-height: 1.75;
}

.story-proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 2.5rem 0;
  border-top: 1px solid var(--line-dark);
  border-bottom: 1px solid var(--line-dark);
}

.story-proof div {
  padding: 1.5rem 1rem 1.5rem 0;
  border-right: 1px solid var(--line-dark);
}

.story-proof div:not(:first-child) { padding-left: 1rem; }
.story-proof div:last-child { border-right: 0; }

.story-proof strong,
.story-proof span { display: block; }

.story-proof strong {
  color: var(--paper);
  font-family: var(--display);
  font-size: clamp(1.35rem, 2.4vw, 2.25rem);
  letter-spacing: -0.03em;
  line-height: 1;
  text-transform: uppercase;
}

.story-proof span {
  margin-top: 0.4rem;
  color: var(--muted-light);
  font-size: 0.7rem;
  line-height: 1.35;
}

.premium-consultation {
  padding-top: var(--section-space);
  padding-bottom: var(--section-space);
}

.premium-consultation .consultation-copy > p {
  max-width: 33rem;
}

@media (max-width: 960px) {
  .pillar-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pillar-grid article:nth-child(2) { border-right: 0; }
  .pillar-grid article:nth-child(-n+2) { border-bottom: 1px solid rgba(9, 9, 12, 0.18); }
  .premium-about { grid-template-columns: 1fr; }
  .about-visual { min-height: 32rem; }
}

@media (max-width: 650px) {
  .premium-site .premium-hero h1 { font-size: clamp(3.5rem, 16vw, 5rem); }
  .premium-site .hero-services { max-width: none; }
  .philosophy-strip { grid-template-columns: 1fr; gap: 1.25rem; }
  .premium-offers .offer-features { grid-template-columns: 1fr; }
  .premium-offers .offer-features li { min-height: auto; }
  .pillar-grid { grid-template-columns: 1fr; }
  .pillar-grid article {
    min-height: 14rem;
    border-right: 0;
    border-bottom: 1px solid rgba(9, 9, 12, 0.18);
  }
  .pillar-grid article:nth-child(2) { border-bottom: 1px solid rgba(9, 9, 12, 0.18); }
  .pillar-grid article:last-child { border-bottom: 0; }
  .pillar-grid h3 { margin-top: 3.5rem; }
  .about-visual { min-height: 26rem; }
  .story-proof { grid-template-columns: 1fr; }
  .story-proof div,
  .story-proof div:not(:first-child) {
    padding: 1rem 0;
    border-right: 0;
    border-bottom: 1px solid var(--line-dark);
  }
  .story-proof div:last-child { border-bottom: 0; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: 0.01ms !important; }
}

/* V11 — clear Blueprint roadmap, genuine story and client-result preview */
.result-plan-layout {
  grid-template-columns: minmax(0, 1.55fr) minmax(17rem, 0.7fr);
  align-items: start;
  gap: clamp(1.5rem, 4vw, 4rem);
}

.result-roadmap-wrap {
  padding: clamp(1.1rem, 2.4vw, 2rem);
  border: 1px solid rgba(255,255,255,0.14);
  background: linear-gradient(145deg, rgba(126,87,255,0.13), rgba(255,255,255,0.015));
}

.result-roadmap-head {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  align-items: end;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid rgba(255,255,255,0.13);
}

.result-roadmap-head span,
.results-preview-note span,
.result-card-copy > span,
.result-quote-preview > span {
  color: var(--violet-bright);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.result-roadmap-head p {
  max-width: 24rem;
  margin: 0;
  color: rgba(255,255,255,0.7);
  font-size: 0.84rem;
  text-align: right;
}

.result-roadmap {
  margin: 0;
  padding: 0;
  list-style: none;
}

.result-roadmap li {
  position: relative;
  display: grid;
  grid-template-columns: 2rem 2.8rem minmax(0, 1fr) auto;
  gap: 0.9rem;
  align-items: start;
  padding: 1.15rem 0;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.result-roadmap li::before {
  position: absolute;
  left: 3.36rem;
  top: 3.9rem;
  bottom: -0.75rem;
  width: 1px;
  content: "";
  background: rgba(156,142,255,0.25);
}

.result-roadmap li:last-child::before { display: none; }
.result-roadmap li[data-priority="highest"] { background: linear-gradient(90deg, rgba(126,87,255,0.13), transparent 75%); }

.roadmap-rank {
  padding-top: 0.78rem;
  color: rgba(255,255,255,0.42);
  font-family: var(--display);
  font-size: 0.78rem;
  font-weight: 900;
}

.roadmap-icon {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 2.8rem;
  height: 2.8rem;
  color: white;
  border: 1px solid rgba(156,142,255,0.5);
  border-radius: 50%;
  background: #15131f;
  font-family: var(--display);
  font-size: 1rem;
  font-weight: 900;
}

.result-roadmap li[data-priority="highest"] .roadmap-icon {
  color: #09090d;
  border-color: var(--violet-bright);
  background: var(--violet-bright);
  box-shadow: 0 0 0 0.35rem rgba(126,87,255,0.14);
}

.result-roadmap li > div:nth-child(3) > strong {
  display: block;
  color: white;
  font-size: 1rem;
}

.result-roadmap li > div:nth-child(3) > small {
  display: block;
  margin-top: 0.15rem;
  color: rgba(255,255,255,0.76);
  font-size: 0.76rem;
}

.result-roadmap li p {
  margin: 0.55rem 0 0;
  color: rgba(255,255,255,0.58);
  font-size: 0.82rem;
  line-height: 1.5;
}

.result-roadmap li > b {
  padding: 0.38rem 0.55rem;
  color: rgba(255,255,255,0.7);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 999px;
  font-size: 0.62rem;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  white-space: nowrap;
}

.result-roadmap li[data-priority="highest"] > b {
  color: #09090d;
  border-color: var(--violet-bright);
  background: var(--violet-bright);
}

.roadmap-note {
  margin: 1rem 0 0;
  color: rgba(255,255,255,0.58);
  font-size: 0.76rem;
  line-height: 1.5;
}

.roadmap-note strong { color: rgba(255,255,255,0.9); }
.result-summary { min-width: 0; }

.system-23 .method-steps li div > small {
  font-size: clamp(0.82rem, 1vw, 0.92rem);
  letter-spacing: 0.13em;
  line-height: 1.3;
}

.story-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-top: 1px;
  background: rgba(255,255,255,0.14);
}

.story-facts article {
  min-height: 14rem;
  padding: clamp(1.4rem, 3vw, 2.4rem);
  background: #0d0d12;
}

.story-facts article > span {
  color: var(--violet-bright);
  font-size: 0.7rem;
  font-weight: 900;
}

.story-facts h3 {
  margin: 3.2rem 0 0.75rem;
  color: white;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.3vw, 2.2rem);
  letter-spacing: -0.04em;
  line-height: 0.95;
  text-transform: uppercase;
}

.story-facts p {
  margin: 0;
  color: rgba(255,255,255,0.62);
  font-size: 0.88rem;
  line-height: 1.55;
}

.results-showcase {
  padding: var(--section-space) 7vw;
  color: white;
  background:
    radial-gradient(circle at 85% 15%, rgba(126,87,255,0.19), transparent 26%),
    linear-gradient(130deg, #0c0b12, #151025 60%, #09090d);
}

.results-heading {
  display: grid;
  grid-template-columns: 0.62fr 1.25fr 0.72fr;
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: end;
  margin-bottom: 2.5rem;
}

.results-heading > * { margin: 0; }
.results-heading h2 {
  font-family: var(--display);
  font-size: clamp(3.5rem, 7.5vw, 7.4rem);
  font-weight: 900;
  letter-spacing: -0.06em;
  line-height: 0.82;
  text-transform: uppercase;
}

.results-heading h2 em { color: var(--violet-bright); font-style: normal; }
.results-heading div p { color: rgba(255,255,255,0.66); line-height: 1.6; }
.results-heading div strong { color: var(--violet-bright); font-size: 0.68rem; letter-spacing: 0.12em; }

.results-preview-note {
  display: grid;
  grid-template-columns: 12rem 1fr;
  gap: 1.5rem;
  padding: 1rem 1.2rem;
  border: 1px solid rgba(156,142,255,0.34);
  background: rgba(126,87,255,0.09);
}

.results-preview-note p { margin: 0; color: rgba(255,255,255,0.72); font-size: 0.82rem; }

.results-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 0.78fr;
  gap: 1px;
  margin-top: 1px;
  background: rgba(255,255,255,0.15);
}

.result-card,
.result-quote-preview { background: #0c0c11; }
.result-image { position: relative; aspect-ratio: 4 / 5; overflow: hidden; }
.result-image img { width: 100%; height: 100%; object-fit: cover; display: block; filter: saturate(0.82) contrast(1.03); }
.result-image::after { position: absolute; inset: 0; content: ""; background: linear-gradient(180deg, transparent 60%, rgba(9,9,13,0.72)); pointer-events: none; }
.result-image > span { position: absolute; bottom: 1rem; z-index: 1; color: white; font-size: 0.64rem; font-weight: 900; letter-spacing: 0.14em; }
.before-label { left: 1rem; }
.after-label { left: calc(50% + 1rem); }

.result-card-copy { padding: 1.4rem; }
.result-card-copy h3 { margin: 1.7rem 0 0.55rem; font-family: var(--display); font-size: 2rem; letter-spacing: -0.035em; text-transform: uppercase; }
.result-card-copy p { margin: 0; color: rgba(255,255,255,0.6); font-size: 0.86rem; line-height: 1.55; }

.result-quote-preview { display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(1.5rem, 3.5vw, 3rem); }
.result-quote-preview blockquote { margin: 4rem 0 1.2rem; color: white; font-family: var(--display); font-size: clamp(2rem, 3.7vw, 4rem); letter-spacing: -0.05em; line-height: 0.96; text-transform: uppercase; }
.result-quote-preview p { color: rgba(255,255,255,0.6); font-size: 0.86rem; line-height: 1.55; }

.online-scope-choice { grid-template-columns: 1fr; }

@media (max-width: 960px) {
  .result-plan-layout,
  .results-heading { grid-template-columns: 1fr; }
  .results-grid { grid-template-columns: 1fr 1fr; }
  .result-quote-preview { grid-column: 1 / -1; min-height: 22rem; }
  .story-facts { grid-template-columns: 1fr; }
  .story-facts article { min-height: auto; }
  .story-facts h3 { margin-top: 2rem; }
}

@media (max-width: 620px) {
  .result-roadmap-head { align-items: start; flex-direction: column; }
  .result-roadmap-head p { text-align: left; }
  .result-roadmap li { grid-template-columns: 1.9rem 2.6rem 1fr; }
  .result-roadmap li > b { grid-column: 3; width: fit-content; }
  .result-roadmap li::before { left: 3.16rem; }
  .results-grid { grid-template-columns: 1fr; }
  .result-quote-preview { grid-column: auto; }
  .results-preview-note { grid-template-columns: 1fr; gap: 0.4rem; }
  .results-showcase { padding-left: 1.2rem; padding-right: 1.2rem; }
}

/* Client-acquisition experience */
.hero h1 {
  max-width: 12ch;
  font-size: clamp(4rem, 9.5vw, 8.8rem);
  line-height: 0.82;
}

.hero-services div {
  min-width: clamp(9rem, 14vw, 13.5rem);
}

.hero-services strong {
  color: white;
  font-size: clamp(1rem, 1.45vw, 1.45rem);
  letter-spacing: -0.025em;
  text-transform: uppercase;
}

.two-offers {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.offer-card {
  min-height: 46rem;
}

.offer-card::after {
  inset: auto -15% -48% 48%;
}

.offer-topline {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.offer-topline .service-label {
  margin: 0.25rem 0 0;
}

.offer-card h3 {
  max-width: 13ch;
  font-size: clamp(2.8rem, 5vw, 5.8rem);
}

.offer-intro {
  max-width: 38rem;
  margin: 1.2rem 0 1.8rem;
  color: var(--muted-dark);
  font-size: 1.05rem;
}

.offer-features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--line-dark);
}

.offer-features li {
  position: relative;
  min-height: 4.6rem;
  display: flex;
  align-items: center;
  padding: 0.9rem 0.9rem 0.9rem 1.45rem;
  color: #d9d6df;
  border-bottom: 1px solid var(--line-dark);
  font-size: 0.9rem;
}

.offer-features li:nth-child(odd) {
  border-right: 1px solid var(--line-dark);
}

.offer-features li::before {
  content: "";
  position: absolute;
  left: 0;
  width: 0.42rem;
  aspect-ratio: 1;
  background: var(--violet-bright);
}

.offer-locations {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1.3rem;
}

.offer-locations span {
  padding: 0.55rem 0.7rem;
  color: var(--muted-dark);
  background: rgba(255,255,255,0.05);
  border: 1px solid var(--line-dark);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.disciplines {
  color: var(--ink);
  background: var(--paper);
}

.disciplines-heading {
  display: grid;
  grid-template-columns: 0.65fr 2fr 1fr;
  gap: 3vw;
  align-items: end;
  margin-bottom: 4rem;
}

.disciplines-heading > * { margin-bottom: 0; }

.disciplines-heading h2 {
  margin: 0;
  font-family: var(--display);
  font-size: clamp(3rem, 6vw, 6.3rem);
  font-weight: 900;
  letter-spacing: -0.055em;
  line-height: 0.94;
  text-transform: uppercase;
}

.disciplines-heading > p:last-child {
  color: var(--muted-light);
  font-size: clamp(1rem, 1.35vw, 1.17rem);
}

.discipline-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--line-light);
  border-left: 1px solid var(--line-light);
}

.discipline-grid article {
  min-height: 13.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.4rem;
  border-right: 1px solid var(--line-light);
  border-bottom: 1px solid var(--line-light);
  transition: color 180ms ease, background 180ms ease;
}

.discipline-grid article:hover {
  color: white;
  background: var(--violet);
}

.discipline-grid span {
  color: var(--violet);
  font-family: var(--display);
  font-size: 1rem;
  font-weight: 900;
}

.discipline-grid article:hover span { color: white; }

.discipline-grid h3 {
  margin: 0;
  font-family: var(--display);
  font-size: clamp(1.35rem, 2.15vw, 2.25rem);
  letter-spacing: -0.04em;
  line-height: 0.98;
  text-transform: uppercase;
}

.discipline-note {
  max-width: 50rem;
  margin: 1.3rem 0 0 auto;
  color: var(--muted-light);
  font-size: 0.8rem;
  text-align: right;
}

.about-journey {
  position: relative;
  min-height: 37rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(1.5rem, 4vw, 3rem);
  border: 1px solid var(--line-dark);
  background:
    repeating-linear-gradient(90deg, transparent 0, transparent 24.8%, rgba(255,255,255,0.035) 25%),
    linear-gradient(145deg, rgba(114,92,255,0.3), transparent 58%);
  overflow: hidden;
}

.about-journey::after {
  content: "";
  position: absolute;
  width: 54%;
  aspect-ratio: 1;
  right: -12%;
  top: -8%;
  border: 1px solid rgba(156,142,255,0.55);
  border-radius: 50%;
}

.journey-label {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--violet-bright);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.16em;
}

.about-journey ol {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--line-dark);
}

.about-journey li {
  display: grid;
  grid-template-columns: 6.3rem 1fr;
  gap: 1rem;
  padding: 1.15rem 0;
  border-bottom: 1px solid var(--line-dark);
}

.about-journey strong {
  color: var(--violet-bright);
  font-family: var(--display);
  font-size: 1.1rem;
  text-transform: uppercase;
}

.about-journey span { color: #d9d6df; }

.direct-contact {
  display: grid;
  margin-top: 3rem;
  border-top: 1px solid var(--line-light);
}

.direct-contact a {
  display: grid;
  grid-template-columns: 5.5rem 1fr auto;
  gap: 1rem;
  align-items: center;
  min-width: 0;
  padding: 1rem 0;
  border-bottom: 1px solid var(--line-light);
  text-decoration: none;
}

.direct-contact span {
  color: var(--muted-light);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.direct-contact strong {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 0.92rem;
}

.direct-contact i {
  color: var(--violet);
  font-style: normal;
  transition: transform 180ms ease;
}

.direct-contact a:hover i { transform: translate(0.2rem, -0.2rem); }

.form-heading {
  display: grid;
  gap: 0.4rem;
  margin-bottom: 1.8rem;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid var(--line-dark);
}

.form-heading span {
  color: var(--violet-bright);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.14em;
}

.form-heading strong {
  font-family: var(--display);
  font-size: clamp(1.65rem, 2.5vw, 2.35rem);
  letter-spacing: -0.035em;
  line-height: 1;
  text-transform: uppercase;
}

.honey-field { display: none !important; }

.consent-field {
  display: flex !important;
  grid-template-columns: auto 1fr;
  align-items: flex-start;
  gap: 0.7rem !important;
  cursor: pointer;
}

.consent-field input {
  flex: 0 0 auto;
  width: 1.15rem;
  min-height: 1.15rem;
  margin: 0.15rem 0 0;
  accent-color: var(--violet);
}

.consent-field > span {
  color: var(--muted-dark) !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.4;
  text-transform: none !important;
}

.form-submit:disabled {
  cursor: wait;
  opacity: 0.7;
  transform: none;
}

.form-success {
  padding: clamp(2rem, 5vw, 4rem) 0;
  text-align: center;
}

.form-success > span {
  display: grid;
  place-items: center;
  width: 4rem;
  margin: 0 auto 1.4rem;
  aspect-ratio: 1;
  color: var(--ink);
  background: var(--violet-bright);
  border-radius: 50%;
  font-size: 1.8rem;
  font-weight: 900;
}

.form-success h3 {
  margin: 0;
  font-family: var(--display);
  font-size: clamp(2.5rem, 5vw, 4.5rem);
  letter-spacing: -0.05em;
  line-height: 1;
  text-transform: uppercase;
}

.form-success p { color: var(--muted-dark); }

.form-success a {
  display: inline-block;
  margin-top: 0.8rem;
  padding-bottom: 0.25rem;
  color: var(--violet-bright);
  border-bottom: 1px solid currentColor;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-decoration: none;
  text-transform: uppercase;
}

.form-status a { color: var(--violet-bright); }

@media (max-width: 1100px) {
  .desktop-nav { gap: 1.25rem; }
  .two-offers { grid-template-columns: 1fr; }
  .offer-card { min-height: 43rem; border-right: 0; border-bottom: 1px solid var(--line-dark); }
  .discipline-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .disciplines-heading { grid-template-columns: 1fr; gap: 1.4rem; }
  .hero h1 { max-width: 10ch; }
  .hero-services strong { font-size: 0.9rem; }
  .hero-services span { line-height: 1.25; }
  .about-journey { min-height: 32rem; }
}

@media (max-width: 560px) {
  .hero h1 { max-width: 12ch; font-size: clamp(3.45rem, 17vw, 5rem); }
  .hero-services div { min-width: 0; }
  .hero-services strong { font-size: 0.72rem; }
  .hero-services span { font-size: 0.43rem; }
  .offer-card { min-height: auto; gap: 3.5rem; }
  .offer-features { grid-template-columns: 1fr; }
  .offer-features li:nth-child(odd) { border-right: 0; }
  .discipline-grid { grid-template-columns: 1fr; }
  .discipline-grid article { min-height: 10rem; }
  .discipline-note { text-align: left; }
  .about-journey li { grid-template-columns: 5.3rem 1fr; }
  .direct-contact a { grid-template-columns: 4.5rem 1fr auto; gap: 0.65rem; }
  .direct-contact strong { font-size: 0.8rem; }
}

/* V6 — tactile actions and adaptive enquiry */
.premium-site .header-cta,
.premium-site .button-primary,
.premium-site .offer-cta,
.premium-site .story-cta,
.premium-site .rounded-action {
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 999px;
  box-shadow:
    0 0.35rem 0 #4935c9,
    0 0.85rem 1.8rem rgba(69,43,210,0.26),
    inset 0 1px 0 rgba(255,255,255,0.3);
  transform: translateY(-0.2rem);
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.premium-site .header-cta:hover,
.premium-site .button-primary:hover,
.premium-site .offer-cta:hover,
.premium-site .story-cta:hover,
.premium-site .rounded-action:hover {
  color: white;
  background: var(--violet-bright);
  box-shadow:
    0 0.22rem 0 #4935c9,
    0 0.65rem 1.6rem rgba(69,43,210,0.24),
    inset 0 1px 0 rgba(255,255,255,0.38);
  transform: translateY(-0.08rem);
}

.premium-site .header-cta:active,
.premium-site .button-primary:active,
.premium-site .offer-cta:active,
.premium-site .story-cta:active,
.premium-site .rounded-action:active {
  box-shadow: 0 0.08rem 0 #4935c9, inset 0 1px 0 rgba(255,255,255,0.24);
  transform: translateY(0.12rem);
}

.premium-site .hero-instagram {
  padding: 0.68rem 1rem;
  border: 1px solid rgba(255,255,255,0.28);
  border-radius: 999px;
  background: rgba(9,9,12,0.38);
  box-shadow: 0 0.5rem 1.4rem rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.12);
  backdrop-filter: blur(10px);
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

.premium-site .hero-instagram:hover {
  color: white;
  border-color: var(--violet-bright);
  background: rgba(114,92,255,0.3);
  transform: translateY(-2px);
}

.premium-site .hero-services strong {
  font-size: clamp(1rem, 1.55vw, 1.5rem);
  text-align: center;
}

.premium-site .hero-services span {
  color: white;
  font-size: 0.72rem;
  text-align: center;
}

.premium-site .premium-offers .offer-card,
.premium-site .premium-offers .offer-card.featured,
.premium-site .premium-offers .offer-card:not(.featured) {
  color: white;
  background:
    radial-gradient(circle at 88% 18%, rgba(126,87,255,0.15), transparent 28%),
    #0d0d12;
}

.premium-site .premium-offers .offer-intro,
.premium-site .premium-offers .offer-place,
.premium-site .premium-offers .offer-features li,
.premium-site .pricing-note {
  color: rgba(255,255,255,0.9);
}

.premium-site .premium-offers .offer-features,
.premium-site .premium-offers .offer-features li {
  border-color: rgba(255,255,255,0.22);
}

.premium-site .premium-offers .offer-card:not(.featured) .offer-cta,
.premium-site .premium-offers .offer-card.featured .offer-cta {
  color: white;
  background: var(--violet);
}

.premium-site .service-number {
  display: inline-flex;
  width: fit-content;
  padding: 0.45rem 0.7rem;
  color: white;
  border: 1px solid rgba(156,142,255,0.48);
  border-radius: 999px;
  background: rgba(114,92,255,0.14);
  font-family: var(--body);
  font-size: 0.72rem;
  letter-spacing: 0.12em;
}

.premium-site .pillar-grid article {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-right: 1px solid rgba(255,255,255,0.28) !important;
}

.premium-site .pillar-grid article:last-child {
  border-right: 0 !important;
}

.premium-site .pillar-grid article::before {
  position: absolute;
  right: -0.08em;
  top: 0.08em;
  z-index: -1;
  content: attr(data-mark);
  color: rgba(156,142,255,0.08);
  font-family: var(--display);
  font-size: clamp(6rem, 10vw, 11rem);
  font-weight: 900;
  letter-spacing: -0.08em;
  line-height: 0.8;
}

.premium-site .pillar-grid p,
.premium-site .system-lead,
.premium-site .system-23 .method-steps p,
.premium-site .story-editorial .about-copy > p,
.premium-site .premium-consultation .consultation-copy > p {
  color: rgba(255,255,255,0.86);
}

.system-23 .method-intro h2 em {
  color: var(--violet-bright);
  font-style: normal;
}

.system-formula {
  display: grid;
  grid-template-columns: auto 1fr auto auto 1fr;
  gap: 0.75rem;
  align-items: center;
  max-width: 37rem;
  margin-top: 2.5rem;
  padding: 1rem 1.2rem;
  border: 1px solid rgba(156,142,255,0.35);
  border-radius: 1rem;
  background: rgba(114,92,255,0.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}

.system-formula strong {
  color: var(--violet-bright);
  font-family: var(--display);
  font-size: 2.2rem;
}

.system-formula span {
  color: white;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.1em;
}

.system-formula i {
  color: white;
  font-size: 1.5rem;
  font-style: normal;
}

.form-step fieldset[hidden],
.conditional-path[hidden],
.step-actions[hidden],
.form-privacy[hidden] {
  display: none !important;
}

.question-reveal {
  animation: question-in 320ms ease both;
}

@keyframes question-in {
  from { opacity: 0; transform: translateY(0.8rem); }
  to { opacity: 1; transform: translateY(0); }
}

.conditional-path {
  display: grid;
}

.premium-consultation .rounded-action {
  padding-inline: 1.4rem;
}

.premium-consultation .button-secondary.rounded-action {
  box-shadow: 0 0.25rem 0 #25252f, inset 0 1px 0 rgba(255,255,255,0.1);
  transform: translateY(-0.12rem);
}

.form-privacy {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.9rem;
  margin-top: 1.5rem;
  padding-top: 1.3rem;
  border-top: 1px solid rgba(255,255,255,0.14);
}

.privacy-lock {
  display: grid;
  place-items: center;
  width: 1.8rem;
  height: 1.8rem;
  color: var(--violet-bright);
  border: 1px solid rgba(156,142,255,0.45);
  border-radius: 50%;
  font-size: 0.48rem;
}

.form-privacy strong {
  display: block;
  color: white;
  font-size: 0.78rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.form-privacy p {
  margin: 0.35rem 0 0;
  color: rgba(255,255,255,0.72);
  font-size: 0.78rem;
  line-height: 1.5;
}

@media (max-width: 700px) {
  .premium-site .pillar-grid article {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.28) !important;
  }
  .premium-site .pillar-grid article:last-child { border-bottom: 0 !important; }
  .system-formula {
    grid-template-columns: auto 1fr;
  }
  .system-formula i { display: none; }
}

/* V7 — section menu and updated story */
.premium-site .site-header {
  grid-template-columns: 1fr auto;
}

.menu-toggle {
  justify-self: end;
  display: inline-flex;
  align-items: center;
  gap: 0.85rem;
  min-height: 3rem;
  padding: 0.7rem 0.85rem 0.7rem 1.05rem;
  color: white;
  border: 1px solid rgba(255,255,255,0.28);
  border-radius: 999px;
  background: rgba(9,9,12,0.42);
  box-shadow: 0 0.45rem 1.5rem rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.12);
  backdrop-filter: blur(12px);
  cursor: pointer;
  font: inherit;
  transition: border-color 180ms ease, background 180ms ease, transform 180ms ease;
}

.menu-toggle:hover,
.menu-toggle:focus-visible,
.menu-toggle.is-open {
  border-color: rgba(156,142,255,0.85);
  background: rgba(114,92,255,0.28);
  transform: translateY(-1px);
}

.menu-toggle-label {
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.menu-toggle-icon {
  display: grid;
  align-content: space-between;
  width: 1.35rem;
  height: 0.95rem;
}

.menu-toggle-icon > span {
  display: block;
  width: 100%;
  height: 1.5px;
  background: currentColor;
  transform-origin: center;
  transition: transform 180ms ease, opacity 180ms ease;
}

.menu-toggle.is-open .menu-toggle-icon > span:first-child { transform: translateY(0.42rem) rotate(45deg); }
.menu-toggle.is-open .menu-toggle-icon > span:nth-child(2) { opacity: 0; }
.menu-toggle.is-open .menu-toggle-icon > span:last-child { transform: translateY(-0.42rem) rotate(-45deg); }

body.menu-open { overflow: hidden; }

.menu-backdrop {
  position: fixed;
  inset: 0;
  z-index: 40;
  opacity: 0;
  background: rgba(3,3,7,0.72);
  backdrop-filter: blur(8px);
  transition: opacity 220ms ease;
}

.menu-backdrop.is-open { opacity: 1; }

.site-menu {
  position: fixed;
  top: 5.9rem;
  right: 2vw;
  z-index: 50;
  width: min(30rem, calc(100vw - 2rem));
  max-height: calc(100svh - 7rem);
  overflow-y: auto;
  padding: 1.35rem;
  color: white;
  border: 1px solid rgba(156,142,255,0.42);
  border-radius: 1.5rem;
  background:
    radial-gradient(circle at 92% 6%, rgba(126,87,255,0.28), transparent 32%),
    linear-gradient(145deg, rgba(22,20,35,0.99), rgba(8,8,12,0.99));
  box-shadow: 0 2rem 6rem rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.1);
  opacity: 0;
  transform: translateY(-0.8rem) scale(0.98);
  transform-origin: top right;
  transition: opacity 220ms ease, transform 220ms ease;
}

.site-menu.is-open {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.menu-backdrop[hidden],
.site-menu[hidden] { display: none !important; }

.menu-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.15rem 0.15rem 1.15rem;
  border-bottom: 1px solid rgba(255,255,255,0.14);
}

.menu-panel-head div > span,
.menu-panel-head div > strong { display: block; }

.menu-panel-head div > span {
  margin-bottom: 0.3rem;
  color: var(--violet-bright);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.16em;
}

.menu-panel-head div > strong {
  font-family: var(--display);
  font-size: clamp(1.4rem, 3vw, 2rem);
  letter-spacing: -0.025em;
  line-height: 1;
  text-transform: uppercase;
}

.menu-close {
  position: relative;
  flex: 0 0 auto;
  width: 2.75rem;
  height: 2.75rem;
  border: 1px solid rgba(255,255,255,0.24);
  border-radius: 50%;
  background: rgba(255,255,255,0.06);
  cursor: pointer;
}

.menu-close::before,
.menu-close::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1rem;
  height: 1.5px;
  content: "";
  background: white;
}

.menu-close::before { transform: translate(-50%, -50%) rotate(45deg); }
.menu-close::after { transform: translate(-50%, -50%) rotate(-45deg); }
.menu-close:hover,
.menu-close:focus-visible { border-color: var(--violet-bright); background: rgba(114,92,255,0.24); }

.menu-links {
  display: grid;
  margin-top: 0.6rem;
}

.menu-links a {
  display: grid;
  grid-template-columns: 2.4rem minmax(0, 1fr) auto;
  gap: 0.65rem;
  align-items: center;
  min-height: 3.65rem;
  padding: 0.65rem 0.7rem;
  border-bottom: 1px solid rgba(255,255,255,0.12);
  text-decoration: none;
  transition: color 160ms ease, padding-left 160ms ease, background 160ms ease;
}

.menu-links a > span {
  color: var(--violet-bright);
  font-size: 0.67rem;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.menu-links a > strong {
  font-family: var(--display);
  font-size: 1.05rem;
  letter-spacing: 0.025em;
  line-height: 1.1;
  text-transform: uppercase;
}

.menu-links a > small {
  color: rgba(255,255,255,0.6);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.menu-links a:hover,
.menu-links a:focus-visible {
  padding-left: 1rem;
  color: white;
  background: rgba(114,92,255,0.12);
  outline: none;
}

.menu-links .menu-consultation {
  margin-top: 0.9rem;
  color: white;
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 999px;
  background: linear-gradient(135deg, var(--violet), #5943df);
  box-shadow: 0 0.3rem 0 #4935c9, 0 0.8rem 1.8rem rgba(69,43,210,0.24), inset 0 1px 0 rgba(255,255,255,0.28);
}

.menu-links .menu-consultation > span { color: white; }

.menu-instagram {
  display: inline-flex;
  gap: 0.65rem;
  align-items: center;
  margin: 1.35rem 0.7rem 0.25rem;
  color: rgba(255,255,255,0.78);
  font-size: 0.78rem;
  font-weight: 800;
  text-decoration: none;
}

.menu-instagram svg {
  width: 1.05rem;
  height: 1.05rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
}

.menu-instagram:hover,
.menu-instagram:focus-visible { color: var(--violet-bright); }

#personal-training,
#online-coaching { scroll-margin-top: 1.5rem; }

@media (max-width: 560px) {
  .menu-toggle { min-height: 2.8rem; padding: 0.65rem 0.8rem 0.65rem 0.9rem; }
  .site-menu {
    top: 0.75rem;
    right: 0.75rem;
    width: calc(100vw - 1.5rem);
    max-height: calc(100svh - 1.5rem);
    padding: 1rem;
    border-radius: 1.25rem;
  }
  .menu-links a { min-height: 3.45rem; }
  .menu-links a > strong { font-size: 0.96rem; }
  .menu-links a > small { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .menu-toggle,
  .menu-toggle-icon > span,
  .menu-backdrop,
  .site-menu,
  .menu-links a { transition: none; }
}

/* V9 — interactive 23-hour blueprint */
.blueprint-section {
  position: relative;
  display: grid;
  grid-template-columns: minmax(17rem, 0.7fr) minmax(0, 1.3fr);
  gap: clamp(2.5rem, 7vw, 8rem);
  padding: clamp(5.5rem, 10vw, 10rem) 7vw;
  color: white;
  border-top: 1px solid rgba(255,255,255,0.12);
  border-bottom: 1px solid rgba(255,255,255,0.12);
  background:
    radial-gradient(circle at 86% 18%, rgba(114,92,255,0.22), transparent 25rem),
    linear-gradient(145deg, #08080c 0%, #10101a 58%, #09090d 100%);
  overflow: hidden;
}

.blueprint-section::before {
  position: absolute;
  left: -0.12em;
  bottom: -0.28em;
  content: "23";
  color: rgba(156,142,255,0.035);
  font-family: var(--display);
  font-size: clamp(19rem, 42vw, 43rem);
  font-weight: 900;
  letter-spacing: -0.12em;
  line-height: 0.7;
  pointer-events: none;
}

.blueprint-intro {
  position: sticky;
  top: 3rem;
  align-self: start;
  z-index: 1;
}

.blueprint-intro h2 {
  max-width: 10ch;
  margin: 0;
  font-family: var(--display);
  font-size: clamp(3.4rem, 6.6vw, 7rem);
  font-weight: 900;
  letter-spacing: -0.06em;
  line-height: 0.88;
  text-transform: uppercase;
}

.blueprint-intro > p:not(.section-index) {
  max-width: 33rem;
  margin: 2rem 0 0;
  color: rgba(255,255,255,0.8);
  font-size: clamp(1rem, 1.3vw, 1.15rem);
  line-height: 1.7;
}

.blueprint-promise {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.8rem;
  max-width: 31rem;
  margin-top: 2rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(156,142,255,0.3);
  border-radius: 1rem;
  background: rgba(114,92,255,0.08);
}

.blueprint-promise > span {
  margin-top: 0.3rem;
  color: var(--violet-bright);
  font-size: 0.55rem;
}

.blueprint-promise p {
  margin: 0;
  color: rgba(255,255,255,0.68);
  font-size: 0.78rem;
  line-height: 1.55;
}

.blueprint-promise strong {
  color: white;
}

.blueprint-engine {
  position: relative;
  z-index: 1;
  min-height: 42rem;
  padding: clamp(1.25rem, 3.2vw, 2.5rem);
  border: 1px solid rgba(156,142,255,0.36);
  border-radius: clamp(1.35rem, 3vw, 2.25rem);
  background:
    radial-gradient(circle at 100% 0, rgba(126,87,255,0.2), transparent 31%),
    linear-gradient(145deg, rgba(24,23,37,0.98), rgba(11,11,17,0.98));
  box-shadow:
    0 3rem 8rem rgba(0,0,0,0.36),
    inset 0 1px 0 rgba(255,255,255,0.1);
}

.blueprint-engine::after {
  position: absolute;
  inset: 0.65rem;
  content: "";
  border: 1px solid rgba(255,255,255,0.035);
  border-radius: calc(clamp(1.35rem, 3vw, 2.25rem) - 0.4rem);
  pointer-events: none;
}

.blueprint-engine-head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.blueprint-engine-head div {
  display: grid;
  gap: 0.2rem;
}

.blueprint-engine-head span,
.blueprint-result-heading > span,
.blueprint-next > div > span,
.form-blueprint-summary > span {
  color: var(--violet-bright);
  font-size: 0.65rem;
  font-weight: 900;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.blueprint-engine-head strong {
  color: rgba(255,255,255,0.72);
  font-size: 0.78rem;
  font-weight: 700;
}

.blueprint-engine-head button,
.blueprint-navigation button,
.form-blueprint-summary button {
  padding: 0;
  color: rgba(255,255,255,0.68);
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,0.25);
  background: none;
  font: inherit;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  cursor: pointer;
}

.blueprint-engine-head button:hover,
.blueprint-engine-head button:focus-visible,
.blueprint-navigation button:hover,
.blueprint-navigation button:focus-visible,
.form-blueprint-summary button:hover,
.form-blueprint-summary button:focus-visible {
  color: var(--violet-bright);
  border-color: currentColor;
}

.blueprint-progress {
  position: relative;
  z-index: 1;
  height: 0.22rem;
  margin: 1.15rem 0 clamp(2.5rem, 6vw, 5rem);
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,0.1);
}

.blueprint-progress span {
  display: block;
  width: 16.66%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--violet), #b4a9ff);
  box-shadow: 0 0 1rem rgba(156,142,255,0.65);
  transition: width 260ms ease;
}

.blueprint-question,
.blueprint-result {
  position: relative;
  z-index: 1;
}

.blueprint-question {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  animation: blueprint-question-in 320ms ease both;
}

.blueprint-question[hidden],
.blueprint-result[hidden],
.blueprint-questions[hidden],
.recommendation-badge[hidden],
.personalized-service-note[hidden],
.form-blueprint-summary[hidden] {
  display: none !important;
}

@keyframes blueprint-question-in {
  from { opacity: 0; transform: translateY(0.8rem); }
  to { opacity: 1; transform: translateY(0); }
}

.blueprint-question legend {
  width: 100%;
  max-width: 18ch;
  margin: 0 0 clamp(2rem, 5vw, 3.5rem);
  color: white;
  font-family: var(--display);
  font-size: clamp(2.2rem, 4.5vw, 4.6rem);
  font-weight: 900;
  letter-spacing: -0.045em;
  line-height: 0.96;
  text-transform: uppercase;
}

.blueprint-question legend small {
  display: block;
  margin-bottom: 0.7rem;
  color: var(--violet-bright);
  font-family: var(--body);
  font-size: 0.65rem;
  font-weight: 900;
  letter-spacing: 0.17em;
}

.blueprint-choice-grid {
  display: grid;
  gap: 0.8rem;
}

.blueprint-choice-grid.two-column {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.blueprint-choice {
  position: relative;
  min-width: 0;
  cursor: pointer;
}

.blueprint-choice input {
  position: absolute;
  width: 1px;
  height: 1px;
  min-height: 0;
  opacity: 0;
}

.blueprint-choice > span {
  position: relative;
  display: flex;
  min-height: 5.6rem;
  padding: 1.05rem 3.15rem 1.05rem 1.15rem;
  flex-direction: column;
  justify-content: center;
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 1rem;
  background: rgba(255,255,255,0.035);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.045);
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.blueprint-choice > span::after {
  position: absolute;
  top: 50%;
  right: 1rem;
  display: grid;
  place-items: center;
  width: 1.5rem;
  height: 1.5rem;
  content: "→";
  color: rgba(255,255,255,0.38);
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 50%;
  font-size: 0.72rem;
  transform: translateY(-50%);
}

.blueprint-choice strong,
.blueprint-choice small {
  display: block;
}

.blueprint-choice strong {
  color: white;
  font-size: 0.9rem;
  line-height: 1.2;
}

.blueprint-choice small {
  margin-top: 0.3rem;
  color: rgba(255,255,255,0.58);
  font-size: 0.7rem;
  line-height: 1.35;
}

.blueprint-choice:hover > span {
  border-color: rgba(156,142,255,0.65);
  background: rgba(114,92,255,0.1);
  transform: translateY(-2px);
}

.blueprint-choice input:focus-visible + span {
  outline: 3px solid rgba(156,142,255,0.35);
  outline-offset: 3px;
}

.blueprint-choice input:checked + span {
  border-color: var(--violet-bright);
  background: linear-gradient(135deg, rgba(114,92,255,0.34), rgba(114,92,255,0.12));
  box-shadow: 0 0 0 1px rgba(156,142,255,0.16), 0 0.8rem 2.4rem rgba(73,53,201,0.18);
}

.blueprint-choice input:checked + span::after {
  content: "✓";
  color: var(--ink);
  border-color: var(--violet-bright);
  background: var(--violet-bright);
}

.compact-blueprint-choices .blueprint-choice > span {
  min-height: 4.8rem;
}

.blueprint-navigation {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1.4rem;
}

.blueprint-navigation p {
  margin: 0;
  color: rgba(255,255,255,0.42);
  font-size: 0.68rem;
}

.blueprint-navigation button span {
  margin-right: 0.35rem;
}

.blueprint-result {
  animation: blueprint-result-in 480ms cubic-bezier(.2,.8,.2,1) both;
}

@keyframes blueprint-result-in {
  from { opacity: 0; transform: scale(0.985) translateY(0.8rem); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}

.blueprint-result-heading h3 {
  max-width: 15ch;
  margin: 0.65rem 0 0;
  color: white;
  font-family: var(--display);
  font-size: clamp(2.35rem, 5vw, 5rem);
  font-weight: 900;
  letter-spacing: -0.055em;
  line-height: 0.92;
  text-transform: uppercase;
}

.blueprint-result-heading p {
  max-width: 42rem;
  margin: 1rem 0 0;
  color: rgba(255,255,255,0.72);
  font-size: 0.9rem;
  line-height: 1.6;
}

.blueprint-result-layout {
  display: grid;
  grid-template-columns: minmax(14rem, 0.75fr) minmax(0, 1.25fr);
  gap: clamp(1.8rem, 4vw, 3.5rem);
  align-items: center;
  margin-top: 2.5rem;
}

.blueprint-orbit {
  position: relative;
  width: min(100%, 18rem);
  margin: 0 auto;
  aspect-ratio: 1;
  border: 1px solid rgba(156,142,255,0.34);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(9,9,14,0.97) 0 34%, transparent 35%),
    conic-gradient(from 205deg, var(--violet) 0 24%, rgba(156,142,255,0.22) 24% 45%, #9c8eff 45% 64%, rgba(114,92,255,0.16) 64% 82%, #725cff 82%);
  box-shadow: 0 0 4rem rgba(114,92,255,0.19), inset 0 0 2rem rgba(9,9,14,0.8);
  transition: filter 260ms ease, transform 260ms ease;
}

.blueprint-orbit[data-focus="fuel"] {
  background:
    radial-gradient(circle, rgba(9,9,14,0.97) 0 34%, transparent 35%),
    conic-gradient(from 75deg, #9c8eff 0 35%, rgba(156,142,255,0.16) 35% 54%, #725cff 54% 76%, rgba(114,92,255,0.25) 76%);
}

.blueprint-orbit[data-focus="structure"] {
  background:
    radial-gradient(circle, rgba(9,9,14,0.97) 0 34%, transparent 35%),
    conic-gradient(from 270deg, rgba(156,142,255,0.2) 0 18%, #725cff 18% 55%, rgba(114,92,255,0.13) 55% 72%, #9c8eff 72%);
}

.blueprint-orbit[data-focus="accountability"] {
  background:
    radial-gradient(circle, rgba(9,9,14,0.97) 0 34%, transparent 35%),
    conic-gradient(from 145deg, #725cff 0 46%, rgba(156,142,255,0.15) 46% 67%, #9c8eff 67%);
}

.blueprint-orbit[data-focus="performance"] {
  background:
    radial-gradient(circle, rgba(9,9,14,0.97) 0 34%, transparent 35%),
    conic-gradient(from 25deg, #9c8eff 0 20%, #725cff 20% 48%, rgba(156,142,255,0.17) 48% 66%, #725cff 66%);
}

.blueprint-orbit::before,
.blueprint-orbit::after {
  position: absolute;
  content: "";
  border-radius: 50%;
  pointer-events: none;
}

.blueprint-orbit::before {
  inset: 8%;
  border: 1px dashed rgba(255,255,255,0.24);
}

.blueprint-orbit::after {
  inset: 22%;
  border: 1px solid rgba(156,142,255,0.24);
}

.orbit-core {
  position: absolute;
  inset: 34%;
  z-index: 2;
  display: grid;
  place-content: center;
  text-align: center;
}

.orbit-core strong {
  color: white;
  font-family: var(--display);
  font-size: clamp(2.2rem, 4vw, 3.4rem);
  letter-spacing: -0.07em;
  line-height: 0.8;
}

.orbit-core span {
  margin-top: 0.45rem;
  color: var(--violet-bright);
  font-size: 0.48rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  line-height: 1.2;
}

.orbit-labels span {
  position: absolute;
  z-index: 3;
  padding: 0.25rem 0.4rem;
  color: white;
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 999px;
  background: rgba(9,9,14,0.78);
  font-size: 0.48rem;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.orbit-labels span:nth-child(1) { top: 3%; left: 50%; transform: translateX(-50%); }
.orbit-labels span:nth-child(2) { top: 27%; right: -2%; }
.orbit-labels span:nth-child(3) { right: 6%; bottom: 10%; }
.orbit-labels span:nth-child(4) { left: 5%; bottom: 10%; }
.orbit-labels span:nth-child(5) { top: 27%; left: -3%; }

.blueprint-summary {
  display: grid;
  margin: 0;
  border-top: 1px solid rgba(255,255,255,0.16);
}

.blueprint-summary > div {
  display: grid;
  grid-template-columns: minmax(8rem, 0.72fr) minmax(0, 1.28fr);
  gap: 1rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid rgba(255,255,255,0.13);
}

.blueprint-summary dt {
  color: rgba(255,255,255,0.48);
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.blueprint-summary dd {
  margin: 0;
  color: white;
  font-size: 0.8rem;
  font-weight: 750;
  line-height: 1.4;
}

.blueprint-next {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.5rem;
  align-items: end;
  margin-top: 2.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(156,142,255,0.28);
}

.blueprint-next p {
  max-width: 35rem;
  margin: 0.5rem 0 0;
  color: rgba(255,255,255,0.73);
  font-size: 0.8rem;
  line-height: 1.55;
}

.blueprint-apply {
  min-height: 3.5rem;
  padding: 0.65rem 0.75rem 0.65rem 1.2rem;
  color: white;
  border: 1px solid rgba(255,255,255,0.22);
  border-radius: 999px;
  background: var(--violet);
  box-shadow: 0 0.3rem 0 #4935c9, 0 0.8rem 1.8rem rgba(69,43,210,0.26), inset 0 1px 0 rgba(255,255,255,0.3);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-decoration: none;
  text-transform: uppercase;
  transform: translateY(-0.16rem);
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.blueprint-apply:hover,
.blueprint-apply:focus-visible {
  background: var(--violet-bright);
  transform: translateY(-0.05rem);
}

.blueprint-disclaimer {
  margin: 1.25rem 0 0;
  color: rgba(255,255,255,0.38);
  font-size: 0.64rem;
  line-height: 1.45;
}

.personalized-service-note {
  margin-top: 1rem !important;
  padding: 0.8rem 1rem;
  color: white !important;
  border: 1px solid rgba(156,142,255,0.36);
  border-radius: 999px;
  background: rgba(114,92,255,0.11);
  font-size: 0.72rem !important;
  font-weight: 800;
}

.offer-card {
  transition: border-color 220ms ease, box-shadow 220ms ease, opacity 220ms ease;
}

.offer-card.is-recommended {
  z-index: 2;
  border-color: rgba(156,142,255,0.75) !important;
  box-shadow: inset 0 0 0 1px rgba(156,142,255,0.2), 0 1.5rem 5rem rgba(73,53,201,0.19);
}

.offer-card.is-alternative {
  opacity: 0.8;
}

.offer-card.is-alternative:hover {
  opacity: 1;
}

.recommendation-badge {
  position: absolute;
  top: 5.8rem;
  right: clamp(1.5rem, 3vw, 3rem);
  z-index: 3;
  padding: 0.5rem 0.75rem;
  color: var(--ink);
  border-radius: 999px;
  background: var(--violet-bright);
  box-shadow: 0 0.6rem 1.8rem rgba(114,92,255,0.28);
  font-size: 0.64rem;
  font-weight: 900;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.pillar-grid article.is-blueprint-goal {
  background: linear-gradient(145deg, rgba(114,92,255,0.24), rgba(114,92,255,0.06)) !important;
  box-shadow: inset 0 0 0 1px rgba(156,142,255,0.42);
}

.pillar-grid article.is-blueprint-goal::after {
  position: absolute;
  right: 1.2rem;
  bottom: 1.2rem;
  content: "YOUR DIRECTION";
  color: var(--violet-bright);
  font-size: 0.55rem;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.hero-services > div {
  transition: background 220ms ease, box-shadow 220ms ease;
}

.hero-services > div.is-blueprint-path {
  background: rgba(114,92,255,0.35);
  box-shadow: inset 0 -2px 0 var(--violet-bright);
}

.form-blueprint-summary {
  display: grid;
  grid-template-columns: minmax(8rem, 0.42fr) minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  margin: 0 0 1.6rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(156,142,255,0.38);
  border-radius: 1rem;
  background: linear-gradient(135deg, rgba(114,92,255,0.18), rgba(114,92,255,0.05));
}

.form-blueprint-summary div {
  display: grid;
  gap: 0.25rem;
}

.form-blueprint-summary strong {
  color: white;
  font-family: var(--display);
  font-size: 1.2rem;
  letter-spacing: -0.02em;
  line-height: 1;
  text-transform: uppercase;
}

.form-blueprint-summary p {
  margin: 0;
  color: rgba(255,255,255,0.65);
  font-size: 0.7rem;
  line-height: 1.4;
}

.story-editorial .about-copy > p + p {
  margin-top: 0.85rem;
}

@media (max-width: 1100px) {
  .blueprint-section {
    grid-template-columns: minmax(15rem, 0.58fr) minmax(0, 1.42fr);
    gap: 3rem;
  }

  .blueprint-result-layout {
    grid-template-columns: 1fr;
  }

  .blueprint-orbit {
    width: min(72%, 17rem);
  }
}

@media (max-width: 900px) {
  .blueprint-section {
    grid-template-columns: 1fr;
  }

  .blueprint-intro {
    position: static;
  }

  .blueprint-intro h2 {
    max-width: 12ch;
  }

  .blueprint-engine {
    min-height: 39rem;
  }
}

@media (max-width: 700px) {
  .blueprint-choice-grid.two-column {
    grid-template-columns: 1fr;
  }

  .blueprint-engine {
    min-height: 36rem;
  }

  .blueprint-progress {
    margin-bottom: 2.5rem;
  }

  .blueprint-choice > span {
    min-height: 4.75rem;
  }

  .blueprint-result-layout,
  .blueprint-next {
    grid-template-columns: 1fr;
  }

  .blueprint-orbit {
    width: min(85%, 16rem);
  }

  .blueprint-apply {
    width: 100%;
  }

  .blueprint-summary > div {
    grid-template-columns: 1fr;
    gap: 0.15rem;
  }

  .form-blueprint-summary {
    grid-template-columns: 1fr auto;
  }

  .form-blueprint-summary > span {
    grid-column: 1 / -1;
  }
}

@media (max-width: 560px) {
  .blueprint-section {
    padding-right: 1.2rem;
    padding-left: 1.2rem;
  }

  .blueprint-intro h2 {
    font-size: clamp(3.1rem, 15vw, 4.8rem);
  }

  .blueprint-engine {
    min-height: 34rem;
    padding: 1.15rem;
    border-radius: 1.35rem;
  }

  .blueprint-question legend {
    font-size: clamp(2.05rem, 10vw, 3.25rem);
  }

  .blueprint-engine-head strong {
    max-width: 11rem;
  }

  .blueprint-result-heading h3 {
    font-size: clamp(2.2rem, 11vw, 3.5rem);
  }

  .recommendation-badge {
    position: static;
    width: fit-content;
    margin-top: -1.2rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .blueprint-question,
  .blueprint-result {
    animation: none;
  }
}

/* V10 — clearer coaching journey and richer Blueprint result */
.blueprint-intro .blueprint-instruction {
  margin-top: 1.35rem !important;
  padding: 1rem 0 0 1.1rem;
  color: rgba(255,255,255,0.7) !important;
  border-left: 2px solid var(--violet-bright);
  font-size: 0.86rem !important;
  line-height: 1.55 !important;
}

.blueprint-intro .blueprint-instruction strong {
  display: block;
  margin-bottom: 0.2rem;
  color: white;
}

.blueprint-priority-map {
  margin-top: 2.5rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(156,142,255,0.28);
}

.priority-map-intro {
  display: grid;
  grid-template-columns: minmax(8rem, 0.38fr) minmax(0, 1fr);
  gap: 1.5rem;
  align-items: start;
  margin-bottom: 1.5rem;
}

.priority-map-intro > span,
.goal-insight > span,
.direct-service-summary > span,
.method-steps li div > small {
  color: var(--violet-bright);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.priority-map-intro p {
  max-width: 42rem;
  margin: 0;
  color: rgba(255,255,255,0.72);
  font-size: 0.82rem;
  line-height: 1.6;
}

.priority-dimensions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
}

.priority-dimensions article {
  min-width: 0;
  padding: 1rem;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 0.9rem;
  background: rgba(255,255,255,0.025);
}

.priority-dimensions article:last-child {
  grid-column: 1 / -1;
}

.priority-dimensions article[data-priority="highest"] {
  border-color: rgba(156,142,255,0.48);
  background: linear-gradient(135deg, rgba(114,92,255,0.15), rgba(114,92,255,0.04));
}

.dimension-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
}

.dimension-heading strong {
  color: white;
  font-family: var(--display);
  font-size: 1.15rem;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

.dimension-heading span {
  color: rgba(255,255,255,0.55);
  font-size: 0.64rem;
  font-weight: 750;
}

.priority-dimensions article[data-priority="highest"] .dimension-heading span {
  color: var(--violet-bright);
}

.dimension-meter {
  height: 0.22rem;
  margin-top: 0.65rem;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,0.1);
}

.dimension-meter span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--violet), var(--violet-bright));
  box-shadow: 0 0 0.8rem rgba(156,142,255,0.48);
  transition: width 520ms cubic-bezier(.2,.8,.2,1);
}

.priority-dimensions article p {
  margin: 0.7rem 0 0;
  color: rgba(255,255,255,0.66);
  font-size: 0.72rem;
  line-height: 1.5;
}

.goal-insight {
  display: grid;
  grid-template-columns: minmax(11rem, 0.36fr) minmax(0, 1fr);
  gap: clamp(1.5rem, 5vw, 5rem);
  align-items: start;
  margin-top: 1.5rem;
  padding: clamp(1.4rem, 3vw, 2.2rem);
  border: 1px solid rgba(156,142,255,0.4);
  border-radius: 1.25rem;
  background:
    radial-gradient(circle at 95% 15%, rgba(114,92,255,0.2), transparent 34%),
    rgba(114,92,255,0.07);
}

.goal-insight[hidden],
.direct-service-summary[hidden] {
  display: none !important;
}

.goal-insight h3 {
  margin: 0;
  color: white;
  font-family: var(--display);
  font-size: clamp(1.8rem, 3vw, 3rem);
  letter-spacing: -0.04em;
  line-height: 1;
  text-transform: uppercase;
}

.goal-insight p {
  max-width: 49rem;
  margin: 0.75rem 0 0;
  color: rgba(255,255,255,0.76);
  font-size: 0.9rem;
  line-height: 1.65;
}

.system-23 .method-steps li {
  align-items: start;
}

.system-23 .method-steps li div > small {
  display: block;
  margin: 0.15rem 0 0.55rem;
}

.system-23 .method-steps h3 {
  max-width: 12ch;
}

.system-23 .method-steps p {
  font-size: 1rem;
  line-height: 1.65;
}

.premium-site .story-editorial .about-copy {
  padding-top: clamp(5.5rem, 9vw, 8.5rem);
  padding-bottom: clamp(5.5rem, 9vw, 8.5rem);
}

.story-editorial .about-copy h2 {
  max-width: 15ch;
  margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
}

.about-video-shell {
  position: relative;
  min-height: clamp(25rem, 56vw, 48rem);
  overflow: hidden;
  border: 1px solid rgba(156,142,255,0.36);
  border-radius: clamp(1.25rem, 3vw, 2.25rem);
  background:
    linear-gradient(90deg, rgba(7,7,11,0.85) 0%, rgba(7,7,11,0.3) 54%, rgba(7,7,11,0.72) 100%),
    linear-gradient(180deg, rgba(7,7,11,0.08), rgba(7,7,11,0.88)),
    url("./assets/hero-training.webp") center / cover no-repeat;
  box-shadow: 0 3rem 8rem rgba(0,0,0,0.35);
}

.about-video-shell::before {
  position: absolute;
  inset: 0;
  content: "";
  opacity: 0.22;
  background:
    linear-gradient(rgba(255,255,255,0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px);
  background-size: 12.5% 100%, 12.5% 100%;
  pointer-events: none;
}

.about-video-shell::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  place-items: center;
  width: clamp(4.5rem, 8vw, 7rem);
  aspect-ratio: 1;
  content: "SE";
  color: white;
  border: 1px solid rgba(255,255,255,0.58);
  border-radius: 50%;
  background: rgba(114,92,255,0.7);
  box-shadow: 0 0 3rem rgba(114,92,255,0.35), inset 0 1px 0 rgba(255,255,255,0.3);
  backdrop-filter: blur(10px);
  font-family: var(--display);
  font-size: clamp(1.2rem, 2vw, 2rem);
  font-weight: 900;
  letter-spacing: -0.04em;
  transform: translate(-50%, -50%);
}

.about-video-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  padding: clamp(1.5rem, 4vw, 3.5rem);
  flex-direction: column;
}

.about-video-overlay > span {
  color: var(--violet-bright);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.16em;
}

.about-video-overlay > div strong {
  display: block;
  color: white;
  font-family: var(--display);
  font-size: clamp(2.5rem, 6vw, 6.5rem);
  letter-spacing: -0.06em;
  line-height: 0.9;
}

.about-video-overlay > div p {
  margin: 0.6rem 0 0;
  color: rgba(255,255,255,0.74);
  font-size: 0.8rem;
  font-weight: 750;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.about-video-overlay > small {
  align-self: flex-end;
  color: rgba(255,255,255,0.58);
  font-size: 0.75rem;
  font-weight: 700;
}

.story-editorial .story-proof {
  margin-top: clamp(2rem, 4vw, 3.5rem);
}

.story-editorial .story-proof strong {
  color: white;
}

.story-editorial .story-proof span {
  margin-top: 0.55rem;
  color: rgba(255,255,255,0.82);
  font-size: 0.9rem;
  font-weight: 650;
  line-height: 1.45;
}

.direct-service-summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  margin: -0.35rem 0 1.8rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(156,142,255,0.4);
  border-radius: 1rem;
  background: linear-gradient(135deg, rgba(114,92,255,0.18), rgba(114,92,255,0.05));
}

.direct-service-summary strong {
  color: white;
  font-family: var(--display);
  font-size: 1.25rem;
  letter-spacing: -0.025em;
  line-height: 1;
  text-transform: uppercase;
}

.direct-service-summary button {
  padding: 0.25rem 0;
  color: rgba(255,255,255,0.68);
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,0.28);
  background: none;
  font: inherit;
  font-size: 0.68rem;
  font-weight: 800;
  cursor: pointer;
}

.direct-service-summary button:hover,
.direct-service-summary button:focus-visible {
  color: var(--violet-bright);
  border-color: currentColor;
}

@media (max-width: 800px) {
  .priority-map-intro,
  .goal-insight {
    grid-template-columns: 1fr;
    gap: 0.8rem;
  }
}

@media (max-width: 620px) {
  .priority-dimensions {
    grid-template-columns: 1fr;
  }

  .priority-dimensions article:last-child {
    grid-column: auto;
  }

  .about-video-shell {
    min-height: 30rem;
    background-position: 62% center;
  }

  .about-video-overlay > div strong {
    max-width: 7ch;
  }

  .about-video-overlay > small {
    align-self: flex-start;
  }

  .direct-service-summary {
    grid-template-columns: 1fr auto;
  }

  .direct-service-summary > span {
    grid-column: 1 / -1;
  }
}

/* Keep the V11 roadmap layout above legacy Blueprint rules. */
.blueprint-result-layout.result-plan-layout {
  grid-template-columns: minmax(0, 1.55fr) minmax(17rem, 0.7fr);
  align-items: start;
}

@media (max-width: 1100px) {
  .blueprint-result-layout.result-plan-layout { grid-template-columns: 1fr; }
}

.path-confirmation {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.8rem 1.5rem;
  align-items: center;
  margin-top: 1.25rem;
  padding: 1rem 1.25rem;
  border: 1px solid rgba(156,142,255,0.44);
  border-radius: 1rem;
  background: linear-gradient(115deg, rgba(114,92,255,0.2), rgba(114,92,255,0.05));
  box-shadow: 0 1rem 3rem rgba(0,0,0,0.16);
}

.path-confirmation[hidden] { display: none; }

.path-confirmation > span {
  color: var(--violet-bright);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.path-confirmation > strong {
  color: white;
  font-family: var(--display);
  font-size: 1.35rem;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

.path-confirmation > p {
  margin: 0;
  color: rgba(255,255,255,0.66);
  font-size: 0.86rem;
}

.offer-card.is-selected-path {
  border-color: var(--violet-bright) !important;
  box-shadow: inset 0 0 0 2px rgba(156,142,255,0.36), 0 1.5rem 4rem rgba(69,43,201,0.22);
}

.offer-card.is-selected-path .offer-cta {
  color: #09090d;
  background: var(--violet-bright);
}

@media (max-width: 760px) {
  .path-confirmation { grid-template-columns: 1fr; gap: 0.35rem; }
}

/* V12 — trust-first conversion flow */
.online-formats {
  grid-template-columns: 1fr;
}

.online-formats li,
.online-formats li:nth-child(odd) {
  min-height: 5.4rem;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 0.28rem;
  border-right: 0;
}

.online-formats strong {
  color: white;
  font-size: 0.92rem;
}

.online-formats span {
  color: rgba(255,255,255,0.68);
  font-size: 0.82rem;
  line-height: 1.45;
}

.quick-answers {
  display: grid;
  grid-template-columns: minmax(16rem, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(2.5rem, 7vw, 8rem);
  padding: var(--section-space) 7vw;
  color: white;
  border-top: 1px solid rgba(255,255,255,0.1);
  background:
    radial-gradient(circle at 12% 18%, rgba(126,87,255,0.17), transparent 25rem),
    linear-gradient(145deg, #09090d, #11101a 62%, #09090d);
}

.quick-answers-heading {
  align-self: start;
  position: sticky;
  top: 3rem;
}

.quick-answers-heading h2 {
  max-width: 9ch;
  margin: 0;
  font-family: var(--display);
  font-size: clamp(3.3rem, 6.5vw, 7rem);
  font-weight: 900;
  letter-spacing: -0.06em;
  line-height: 0.85;
  text-transform: uppercase;
}

.quick-answers-heading h2 em {
  color: var(--violet-bright);
  font-style: normal;
}

.quick-answers-heading > p:last-child {
  max-width: 29rem;
  margin: 1.5rem 0 0;
  color: rgba(255,255,255,0.76);
  font-size: 1rem;
  line-height: 1.65;
}

.answer-list {
  border-top: 1px solid rgba(255,255,255,0.18);
}

.answer-list details {
  border-bottom: 1px solid rgba(255,255,255,0.18);
}

.answer-list summary {
  position: relative;
  display: grid;
  grid-template-columns: 2.5rem 1fr 2rem;
  gap: 1rem;
  align-items: center;
  min-height: 6.4rem;
  color: white;
  cursor: pointer;
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.6vw, 2.7rem);
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1;
  list-style: none;
  text-transform: uppercase;
}

.answer-list summary::-webkit-details-marker { display: none; }
.answer-list summary > span { color: var(--violet-bright); font-size: 0.72rem; letter-spacing: 0.1em; }
.answer-list summary::after { content: "+"; color: var(--violet-bright); font-family: sans-serif; font-size: 1.6rem; font-weight: 300; text-align: right; transition: transform 180ms ease; }
.answer-list details[open] summary::after { transform: rotate(45deg); }
.answer-list details p { max-width: 48rem; margin: -0.3rem 2rem 0 3.5rem; padding: 0 0 2rem; color: rgba(255,255,255,0.74); font-size: 1rem; line-height: 1.7; }

.sticky-application {
  position: fixed;
  z-index: 90;
  right: clamp(1rem, 3vw, 2.5rem);
  bottom: clamp(1rem, 3vw, 2rem);
  display: flex;
  align-items: center;
  gap: 1.2rem;
  max-width: calc(100vw - 2rem);
  padding: 0.6rem;
  border: 1px solid rgba(180,169,255,0.55);
  border-radius: 1.25rem;
  background: rgba(12,11,18,0.95);
  box-shadow: 0 1.4rem 4rem rgba(0,0,0,0.48), 0 0 2.5rem rgba(114,92,255,0.18);
  backdrop-filter: blur(18px);
}

.sticky-application[hidden] { display: none; }
.premium-site.has-sticky-application { padding-bottom: 6rem; }
.sticky-application > div { display: grid; gap: 0.16rem; padding-left: 0.65rem; }
.sticky-application > div span { color: var(--violet-bright); font-size: 0.58rem; font-weight: 900; letter-spacing: 0.13em; }
.sticky-application > div strong { color: white; font-size: 0.82rem; }
.sticky-application .premium-cta { min-height: 3.25rem; padding: 0.8rem 1rem; white-space: nowrap; }

@media (max-width: 760px) {
  .quick-answers { grid-template-columns: 1fr; gap: 2.5rem; padding: 5.5rem 1.2rem; }
  .quick-answers-heading { position: static; }
  .quick-answers-heading h2 { font-size: clamp(3.2rem, 16vw, 5.4rem); }
  .answer-list summary { grid-template-columns: 2rem 1fr 1.5rem; min-height: 5.6rem; font-size: clamp(1.3rem, 6.8vw, 2rem); }
  .answer-list details p { margin-left: 3rem; margin-right: 0; font-size: 1rem; }
  .sticky-application { right: 0.75rem; bottom: calc(0.75rem + env(safe-area-inset-bottom)); left: 0.75rem; justify-content: space-between; gap: 0.6rem; }
  .sticky-application > div span { display: none; }
  .sticky-application > div strong { font-size: 0.76rem; }
  .sticky-application .premium-cta { min-height: 3.15rem; font-size: 0.72rem; }
  .offer-intro,
  .results-heading div p,
  .story-facts p { font-size: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
  .answer-list summary::after { transition: none; }
}

/* V13 — persistent navigation and temporary shoot direction */
.premium-site .site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 35;
  background: linear-gradient(180deg, rgba(8,8,12,0.94), rgba(8,8,12,0.78));
  box-shadow: 0 0.8rem 2.5rem rgba(0,0,0,0.18);
  backdrop-filter: blur(18px);
}

.brand-identity {
  display: grid;
  gap: 0.1rem;
  line-height: 1;
}

.brand-identity strong {
  color: white;
  font-family: var(--display);
  font-size: 0.9rem;
  font-weight: 900;
  letter-spacing: 0.16em;
}

.brand-identity small {
  color: rgba(255,255,255,0.58);
  font-size: 0.55rem;
  font-weight: 800;
  letter-spacing: 0.13em;
}

.premium-site .premium-hero h1 {
  max-width: 10.5ch;
  font-size: clamp(3.8rem, 7.2vw, 7.2rem);
  line-height: 0.84;
}

.premium-site .premium-hero .hero-content {
  padding-top: 8rem;
  padding-bottom: 8.5rem;
}

.hero-actions {
  gap: 0.85rem;
}

.hero-secondary {
  min-height: 3.6rem;
  gap: 1.4rem;
  color: white;
  border: 1px solid rgba(255,255,255,0.36);
  border-radius: 999px;
  background: rgba(8,8,12,0.45);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  backdrop-filter: blur(10px);
}

.hero-secondary:hover,
.hero-secondary:focus-visible {
  border-color: var(--violet-bright);
  background: rgba(114,92,255,0.2);
  transform: translateY(-2px);
}

.image-placement-note,
.service-photo-placeholder {
  position: relative;
  overflow: hidden;
  border: 1px dashed rgba(180,169,255,0.58);
  background:
    linear-gradient(135deg, rgba(114,92,255,0.14), rgba(255,255,255,0.025)),
    repeating-linear-gradient(-45deg, transparent 0 18px, rgba(255,255,255,0.025) 18px 19px);
}

.image-placement-note::after,
.service-photo-placeholder::after {
  position: absolute;
  right: -1.2rem;
  bottom: -1.2rem;
  width: 5rem;
  aspect-ratio: 1;
  content: "+";
  display: grid;
  place-items: center;
  color: rgba(180,169,255,0.28);
  border: 1px solid rgba(180,169,255,0.24);
  border-radius: 50%;
  font-size: 2rem;
}

.image-placement-note > span,
.service-photo-placeholder > span {
  color: var(--violet-bright);
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.13em;
}

.image-placement-note > strong,
.service-photo-placeholder > strong {
  display: block;
  margin-top: 0.45rem;
  color: white;
  font-family: var(--display);
  font-size: 1.25rem;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

.image-placement-note > p,
.service-photo-placeholder > p {
  max-width: 37rem;
  margin: 0.45rem 0 0;
  color: rgba(255,255,255,0.7);
  font-size: 0.82rem;
  line-height: 1.5;
}

.hero-image-note {
  position: absolute;
  z-index: 3;
  top: 7.2rem;
  right: 3vw;
  width: min(22rem, 29vw);
  padding: 1rem 1.1rem;
  border-radius: 1rem;
  background-color: rgba(8,8,12,0.76);
  backdrop-filter: blur(14px);
}

.service-photo-placeholder {
  min-height: 10rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: 1.6rem 0;
  padding: 1.2rem;
  border-radius: 1rem;
}

.online-photo-placeholder {
  background-color: rgba(114,92,255,0.05);
}

.pillar-photo-cue {
  position: relative;
  z-index: 1;
  display: block;
  max-width: 18ch;
  margin: 0.7rem 0 auto;
  color: rgba(255,255,255,0.58);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.09em;
  line-height: 1.35;
}

.method-photo-placeholder {
  grid-column: 1 / -1;
  min-height: 13rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(1.4rem, 3vw, 2.4rem);
}

.video-shoot-direction {
  max-width: 42rem;
  margin: 1rem 0 0;
  color: rgba(255,255,255,0.72);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.55;
}

.site-menu {
  width: min(31rem, calc(100vw - 2rem));
}

.menu-links a {
  min-height: 3.9rem;
}

.menu-links a > strong {
  font-size: 1.12rem;
}

section[id] {
  scroll-margin-top: 5.5rem;
}

@media (max-width: 900px) {
  .hero-image-note { display: none; }
  .premium-site .premium-hero .hero-content { padding-top: 7.4rem; }
}

@media (max-width: 560px) {
  .premium-site .site-header { min-height: 4.8rem; padding-inline: 0.9rem; }
  .brand { gap: 0.55rem; }
  .brand-mark { width: 2.25rem; }
  .brand-identity { display: grid; }
  .brand-identity strong { font-size: 0.68rem; letter-spacing: 0.1em; }
  .brand-identity small { display: none; }
  .menu-toggle-label { display: none; }
  .menu-toggle { width: 2.8rem; justify-content: center; padding: 0.7rem; }
  .premium-site .premium-hero h1 { font-size: clamp(3.05rem, 14.4vw, 4.55rem); line-height: 0.86; }
  .premium-site .premium-hero .hero-content { padding: 6.8rem 1.2rem 14rem; }
  .hero-actions { width: 100%; flex-direction: column; align-items: stretch; }
  .hero-actions .button { width: 100%; }
  .service-photo-placeholder { min-height: 9rem; }
  .method-photo-placeholder { min-height: 11rem; }
  .menu-links a { min-height: 3.65rem; }
  .menu-links a > strong { font-size: 1rem; }
}

/* V14 — disappearing navigation, visual references and story reel */
.premium-site .site-header {
  transition: transform 180ms ease, opacity 180ms ease, background 180ms ease;
  will-change: transform;
}

.premium-site .site-header.is-scrolling {
  opacity: 0;
  transform: translateY(calc(-100% - 2px));
  pointer-events: none;
}

.premium-site.menu-open .site-header {
  opacity: 1 !important;
  transform: none !important;
  pointer-events: auto !important;
}

.service-visual-guide {
  position: relative;
  min-height: 18rem;
  margin: 1.6rem 0;
  overflow: hidden;
  border: 1px solid rgba(180,169,255,0.35);
  border-radius: 1rem;
  background: #0b0b10;
}

.service-visual-guide img,
.method-visual-guide img,
.about-video-guide,
.pillar-guide-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.service-visual-guide figcaption,
.method-visual-guide figcaption {
  position: absolute;
  inset: auto 0 0;
  z-index: 1;
  padding: 2.5rem 1.2rem 1.2rem;
  background: linear-gradient(180deg, transparent, rgba(7,7,11,0.94));
}

.service-visual-guide figcaption > span,
.method-visual-guide figcaption > span {
  color: var(--violet-bright);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.1em;
}

.service-visual-guide figcaption > strong,
.method-visual-guide figcaption > strong {
  display: block;
  margin-top: 0.35rem;
  color: white;
  font-family: var(--display);
  font-size: 1.35rem;
  text-transform: uppercase;
}

.service-visual-guide figcaption p,
.method-visual-guide figcaption p {
  max-width: 38rem;
  margin: 0.3rem 0 0;
  color: rgba(255,255,255,0.72);
  font-size: 0.85rem;
  line-height: 1.5;
}

.pillar-grid article {
  min-height: 22rem;
  overflow: hidden;
}

.pillar-guide-image {
  position: absolute;
  inset: 0;
  opacity: 0.29;
  filter: grayscale(0.2) contrast(1.08);
  transition: opacity 220ms ease, transform 500ms ease;
}

.pillar-grid article::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(180deg, rgba(8,8,12,0.2), rgba(8,8,12,0.94));
  pointer-events: none;
}

.pillar-grid article > span,
.pillar-grid article > h3,
.pillar-grid article > p,
.pillar-grid article > small {
  position: relative;
  z-index: 1;
}

.pillar-grid article:hover .pillar-guide-image,
.pillar-grid article:focus-within .pillar-guide-image {
  opacity: 0.48;
  transform: scale(1.035);
}

.method-visual-guide {
  position: relative;
  grid-column: 1 / -1;
  min-height: clamp(19rem, 38vw, 34rem);
  margin: 1px 0 0;
  overflow: hidden;
  background: #0b0b10;
}

.method-visual-guide figcaption {
  padding: clamp(4rem, 10vw, 8rem) clamp(1.4rem, 4vw, 3rem) clamp(1.5rem, 4vw, 3rem);
}

.results-carousel {
  margin-top: 1px;
  border: 1px solid rgba(255,255,255,0.14);
  background: #09090d;
}

.results-machine-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.2rem;
  border-bottom: 1px solid rgba(255,255,255,0.14);
}

.results-machine-head > span {
  color: var(--violet-bright);
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.14em;
}

.results-machine-head > div {
  display: flex;
  align-items: center;
  gap: 0.7rem;
}

.results-machine-head button {
  width: 3rem;
  height: 3rem;
  color: white;
  border: 1px solid rgba(255,255,255,0.24);
  border-radius: 50%;
  background: rgba(255,255,255,0.04);
  cursor: pointer;
  font-size: 1.1rem;
}

.results-machine-head button:hover,
.results-machine-head button:focus-visible {
  border-color: var(--violet-bright);
  background: rgba(114,92,255,0.24);
}

.results-machine-head strong {
  min-width: 4.5rem;
  color: white;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  text-align: center;
}

.results-reel-window {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.04), transparent 14%, transparent 86%, rgba(255,255,255,0.04)),
    radial-gradient(circle at 50% 50%, rgba(114,92,255,0.13), transparent 38%);
}

.results-reel-window::before,
.results-reel-window::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 12vw;
  content: "";
  pointer-events: none;
}

.results-reel-window::before { left: 0; background: linear-gradient(90deg, #09090d, transparent); }
.results-reel-window::after { right: 0; background: linear-gradient(-90deg, #09090d, transparent); }

.reel-focus-line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  z-index: 2;
  width: min(42rem, 62vw);
  border-inline: 1px solid rgba(156,142,255,0.3);
  transform: translateX(-50%);
  pointer-events: none;
}

.results-reel {
  display: flex;
  gap: 1px;
  padding: 2.2rem calc(50% - min(21rem, 31vw));
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.results-reel::-webkit-scrollbar { display: none; }
.results-reel.is-rolling .result-reel-card { filter: saturate(0.55); }

.result-reel-card {
  position: relative;
  flex: 0 0 min(42rem, 62vw);
  min-height: 37rem;
  padding: 0;
  overflow: hidden;
  color: white;
  border: 0;
  background: #101017;
  cursor: pointer;
  scroll-snap-align: center;
  text-align: left;
  transition: transform 260ms ease, filter 260ms ease;
}

.result-reel-card img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 500ms ease;
}

.result-reel-card::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(180deg, transparent 42%, rgba(5,5,8,0.92));
}

.result-reel-card > span,
.result-reel-card > strong,
.result-reel-card > small {
  position: absolute;
  left: clamp(1.2rem, 3vw, 2.4rem);
  z-index: 1;
}

.result-reel-card > span { bottom: 7.4rem; color: var(--violet-bright); font-size: 0.68rem; font-weight: 900; letter-spacing: 0.13em; }
.result-reel-card > strong { right: 1.2rem; bottom: 3.5rem; font-family: var(--display); font-size: clamp(2rem, 4vw, 4.2rem); letter-spacing: -0.05em; line-height: 0.9; text-transform: uppercase; }
.result-reel-card > small { bottom: 1.35rem; color: rgba(255,255,255,0.72); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.result-reel-card:hover img,
.result-reel-card:focus-visible img { transform: scale(1.025); }

.reel-instruction {
  margin: 0;
  padding: 1rem 1.2rem;
  color: rgba(255,255,255,0.62);
  border-top: 1px solid rgba(255,255,255,0.14);
  font-size: 0.82rem;
  text-align: center;
}

.result-dialog {
  width: min(68rem, calc(100vw - 2rem));
  max-height: calc(100svh - 2rem);
  padding: 0;
  overflow: auto;
  color: white;
  border: 1px solid rgba(156,142,255,0.5);
  border-radius: 1.5rem;
  background: #0b0b10;
  box-shadow: 0 3rem 8rem rgba(0,0,0,0.72);
}

.result-dialog[open] { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(19rem, 0.9fr); }
.result-dialog::backdrop { background: rgba(3,3,7,0.82); backdrop-filter: blur(8px); }
.result-dialog-close { position: absolute; top: 1rem; right: 1rem; z-index: 3; width: 3rem; height: 3rem; color: white; border: 1px solid rgba(255,255,255,0.3); border-radius: 50%; background: rgba(7,7,11,0.72); cursor: pointer; font-size: 1.5rem; }
.result-dialog-image { min-height: 35rem; }
.result-dialog-image img { width: 100%; height: 100%; display: block; object-fit: cover; }
.result-dialog-copy { align-self: center; padding: clamp(2rem, 5vw, 4.5rem); }
.result-dialog-copy > span { color: var(--violet-bright); font-size: 0.68rem; font-weight: 900; letter-spacing: 0.13em; }
.result-dialog-copy h3 { margin: 2rem 0 1rem; font-family: var(--display); font-size: clamp(2.8rem, 5vw, 5rem); letter-spacing: -0.055em; line-height: 0.86; text-transform: uppercase; }
.result-dialog-copy p { color: rgba(255,255,255,0.76); font-size: 1rem; line-height: 1.7; }
.result-dialog-copy small { display: block; margin: 1.4rem 0 2rem; color: rgba(255,255,255,0.48); line-height: 1.5; }

.about-opening {
  max-width: 52rem;
  margin: 1.8rem 0 2.8rem;
  color: rgba(255,255,255,0.82);
  font-size: clamp(1.12rem, 1.8vw, 1.45rem);
  line-height: 1.6;
}

.about-video-shell {
  position: relative;
  min-height: clamp(28rem, 52vw, 48rem);
  overflow: hidden;
}

.about-video-guide {
  position: absolute;
  inset: 0;
  filter: saturate(0.78) contrast(1.04);
}

.about-video-shell::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(90deg, rgba(8,8,12,0.86), rgba(8,8,12,0.14) 70%), linear-gradient(180deg, transparent 50%, rgba(8,8,12,0.76));
}

.about-video-overlay { z-index: 2; }

.selim-story {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1px;
  margin-top: 1px;
  background: rgba(255,255,255,0.16);
}

.selim-story article {
  grid-column: span 6;
  min-height: 21rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(1.5rem, 3.5vw, 3rem);
  background:
    radial-gradient(circle at 100% 0, rgba(114,92,255,0.16), transparent 45%),
    #0d0d12;
}

.selim-story article:nth-child(3),
.selim-story article:nth-child(4) { grid-column: span 6; }
.selim-story .story-purpose { grid-column: 1 / -1; min-height: 25rem; background: linear-gradient(125deg, #17112d, #0c0c12 72%); }
.selim-story span { margin-bottom: auto; color: var(--violet-bright); font-size: 0.7rem; font-weight: 900; letter-spacing: 0.15em; }
.selim-story h3 { max-width: 15ch; margin: 3rem 0 1rem; color: white; font-family: var(--display); font-size: clamp(2.2rem, 4.2vw, 4.5rem); letter-spacing: -0.055em; line-height: 0.9; text-transform: uppercase; }
.selim-story p { max-width: 46rem; margin: 0; color: rgba(255,255,255,0.72); font-size: 1rem; line-height: 1.65; }
.story-purpose h3 { max-width: 18ch; }

@media (max-width: 760px) {
  .hero-image-note { display: none; }
  .service-visual-guide { min-height: 17rem; }
  .service-visual-guide figcaption p { display: none; }
  .pillar-grid article { min-height: 18rem; }
  .results-machine-head { align-items: flex-start; }
  .results-machine-head > span { padding-top: 0.95rem; }
  .reel-focus-line { width: 82vw; }
  .results-reel { padding: 1.2rem 9vw; }
  .result-reel-card { flex-basis: 82vw; min-height: 31rem; }
  .result-dialog[open] { grid-template-columns: 1fr; }
  .result-dialog-image { min-height: 20rem; max-height: 42svh; }
  .selim-story { grid-template-columns: 1fr; }
  .selim-story article,
  .selim-story article:nth-child(3),
  .selim-story article:nth-child(4),
  .selim-story .story-purpose { grid-column: auto; min-height: 19rem; }
  .selim-story h3 { margin-top: 2.5rem; }
}

@media (prefers-reduced-motion: reduce) {
  .premium-site .site-header,
  .pillar-guide-image,
  .result-reel-card,
  .result-reel-card img { transition: none; }
  .results-reel { scroll-behavior: auto; }
}

/* V15 — compact navigation and consistent section rhythm */
.premium-site .site-header.is-scrolling {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}

.premium-site .site-header.is-compact {
  min-height: 0;
  padding: 0;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  pointer-events: none;
}

.premium-site .site-header.is-compact .brand {
  opacity: 0;
  transform: translateY(-1rem);
  pointer-events: none;
}

.premium-site .site-header .brand {
  transition: opacity 180ms ease, transform 180ms ease;
}

.premium-site .site-header.is-compact .menu-toggle {
  position: fixed;
  top: max(0.85rem, env(safe-area-inset-top));
  right: 0.85rem;
  width: 3.25rem;
  min-height: 3.25rem;
  justify-content: center;
  padding: 0.8rem;
  border-color: rgba(180,169,255,0.62);
  background: rgba(9,9,13,0.88);
  box-shadow: 0 0.8rem 2.4rem rgba(0,0,0,0.42), inset 0 1px 0 rgba(255,255,255,0.12);
  backdrop-filter: blur(14px);
  pointer-events: auto;
}

.premium-site .site-header.is-compact .menu-toggle-label { display: none; }

.section-index,
.premium-site .section-index,
.system-23 .section-index,
.results-showcase .section-index,
.story-editorial .section-index,
.premium-consultation .section-index {
  margin: 0 0 1.15rem !important;
  color: var(--violet-bright) !important;
  font-size: clamp(0.9rem, 1.1vw, 1.02rem) !important;
  font-weight: 900;
  letter-spacing: 0.14em;
  line-height: 1.2;
}

.premium-heading {
  max-width: none;
  grid-template-columns: minmax(0, 1.7fr) minmax(18rem, 0.7fr);
  column-gap: clamp(2rem, 5vw, 5rem);
  row-gap: 0;
  align-items: end;
}

.premium-heading .section-index {
  grid-column: 1 / -1;
}

.premium-heading h2 { grid-column: 1; }
.premium-heading > p:last-child { grid-column: 2; margin: 0 0 0.35rem; }

.results-heading {
  grid-template-columns: minmax(0, 1.7fr) minmax(18rem, 0.7fr);
  column-gap: clamp(2rem, 5vw, 5rem);
  row-gap: 0;
  align-items: end;
}

.results-heading .section-index { grid-column: 1 / -1; }
.results-heading h2 { grid-column: 1; }
.results-heading > div { grid-column: 2; margin-bottom: 0.35rem; }

.method-intro .section-index + h2,
.story-editorial .section-index + h2,
.quick-answers-heading .section-index + h2,
.consultation-copy .section-index + h2 {
  margin-top: 0;
}

.testimonial-reel {
  display: grid;
  grid-template-columns: minmax(17rem, 0.7fr) minmax(0, 1.3fr);
  gap: clamp(2.5rem, 7vw, 7rem);
  margin-top: clamp(4.5rem, 9vw, 8rem);
  padding-top: clamp(4rem, 8vw, 7rem);
  border-top: 1px solid rgba(255,255,255,0.15);
}

.testimonial-reel-intro > span {
  color: var(--violet-bright);
  font-size: 0.9rem;
  font-weight: 900;
  letter-spacing: 0.14em;
}

.testimonial-reel-intro h3 {
  max-width: 12ch;
  margin: 1.2rem 0 1.5rem;
  color: white;
  font-family: var(--display);
  font-size: clamp(3rem, 6vw, 6.2rem);
  letter-spacing: -0.06em;
  line-height: 0.88;
  text-transform: uppercase;
}

.testimonial-reel-intro h3 em { color: var(--violet-bright); font-style: normal; }
.testimonial-reel-intro p { max-width: 31rem; margin: 0; color: rgba(255,255,255,0.7); font-size: 1rem; line-height: 1.65; }

.testimonial-machine {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr) auto;
  overflow: hidden;
  border: 1px solid rgba(156,142,255,0.36);
  border-radius: 1.5rem;
  background: linear-gradient(145deg, #171326, #0a0a0f 72%);
  box-shadow: 0 2rem 5rem rgba(0,0,0,0.3);
}

.testimonial-controls {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.9rem;
  padding: 1rem;
  border-right: 1px solid rgba(255,255,255,0.14);
}

.testimonial-controls button {
  width: 3rem;
  height: 3rem;
  color: white;
  border: 1px solid rgba(255,255,255,0.24);
  border-radius: 50%;
  background: rgba(255,255,255,0.05);
  cursor: pointer;
  font-size: 1.2rem;
}

.testimonial-controls button:hover,
.testimonial-controls button:focus-visible { border-color: var(--violet-bright); background: rgba(114,92,255,0.26); }
.testimonial-controls strong { color: white; font-size: 0.72rem; letter-spacing: 0.08em; writing-mode: vertical-rl; }

.testimonial-window {
  position: relative;
  height: 30rem;
  overflow: hidden;
}

.testimonial-window::before,
.testimonial-window::after {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 2;
  height: 6rem;
  content: "";
  pointer-events: none;
}

.testimonial-window::before { top: 0; background: linear-gradient(#100e19, transparent); }
.testimonial-window::after { bottom: 0; background: linear-gradient(transparent, #0b0a10); }
.testimonial-focus { position: absolute; z-index: 2; top: 50%; right: 0; left: 0; height: 15rem; border-block: 1px solid rgba(156,142,255,0.28); transform: translateY(-50%); pointer-events: none; }

.testimonial-track {
  height: 100%;
  padding: 7.5rem 1.2rem;
  overflow-y: auto;
  scroll-behavior: smooth;
  scroll-snap-type: y mandatory;
  scrollbar-width: none;
}

.testimonial-track::-webkit-scrollbar { display: none; }
.testimonial-track.is-rolling .testimonial-card { opacity: 0.42; transform: scale(0.97); }

.testimonial-card {
  min-height: 15rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(1.4rem, 3vw, 2.5rem);
  opacity: 0.55;
  scroll-snap-align: center;
  transition: opacity 220ms ease, transform 220ms ease;
}

.testimonial-card.is-active { opacity: 1; }
.testimonial-card > span { color: var(--violet-bright); font-size: 0.68rem; font-weight: 900; letter-spacing: 0.14em; }
.testimonial-card blockquote { margin: 1.2rem 0; color: white; font-family: var(--display); font-size: clamp(1.7rem, 3vw, 3.1rem); letter-spacing: -0.04em; line-height: 1.02; text-transform: uppercase; }
.testimonial-card > div { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.testimonial-card > div strong { color: white; font-size: 0.78rem; letter-spacing: 0.1em; }
.testimonial-card > div small { color: rgba(255,255,255,0.5); font-size: 0.7rem; }
.testimonial-machine > p { grid-column: 1 / -1; margin: 0; padding: 0.85rem 1rem; color: rgba(255,255,255,0.55); border-top: 1px solid rgba(255,255,255,0.12); font-size: 0.78rem; text-align: center; }

@media (max-width: 900px) {
  .premium-heading,
  .results-heading { grid-template-columns: 1fr; row-gap: 1rem; }
  .premium-heading .section-index,
  .premium-heading h2,
  .premium-heading > p:last-child,
  .results-heading .section-index,
  .results-heading h2,
  .results-heading > div { grid-column: 1; }
  .testimonial-reel { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .premium-site .site-header.is-compact .menu-toggle { top: max(0.7rem, env(safe-area-inset-top)); right: 0.7rem; }
  .section-index,
  .premium-site .section-index { font-size: 0.86rem !important; }
  .testimonial-machine { grid-template-columns: 1fr; }
  .testimonial-controls { flex-direction: row; border-right: 0; border-bottom: 1px solid rgba(255,255,255,0.14); }
  .testimonial-controls strong { writing-mode: horizontal-tb; }
  .testimonial-window { height: 27rem; }
  .testimonial-machine > p { grid-column: 1; }
  .testimonial-card > div { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  .premium-site .site-header .brand,
  .testimonial-card { transition: none; }
  .testimonial-track { scroll-behavior: auto; }
}

/* V16 — text-only navigation and unified client stories */
.menu-links a {
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 1rem;
}

.menu-links .menu-consultation {
  grid-template-columns: 1fr;
  text-align: center;
}

.answer-list details p {
  margin: 0 2rem 0 3.5rem;
  padding: 0.65rem 0 2rem;
}

.results-preview-note {
  border: 0;
  border-radius: 1.25rem;
  background: linear-gradient(135deg, rgba(126,87,255,0.16), rgba(255,255,255,0.035));
}

.results-carousel {
  margin-top: 1rem;
  overflow: hidden;
  border: 0;
  border-radius: clamp(1.35rem, 3vw, 2.4rem);
  background: linear-gradient(145deg, rgba(20,16,35,0.96), rgba(8,8,12,0.98));
  box-shadow: 0 2.5rem 7rem rgba(0,0,0,0.34);
}

.results-machine-head {
  border-bottom: 0;
  padding: 1.15rem 1.4rem 0.8rem;
}

.results-reel-window {
  border-radius: clamp(1.1rem, 2.5vw, 2rem);
  background: radial-gradient(circle at 50% 50%, rgba(114,92,255,0.2), transparent 47%);
}

.reel-focus-line {
  border: 0;
  border-radius: 2rem;
  background: radial-gradient(circle at 50% 100%, rgba(126,87,255,0.09), transparent 62%);
  box-shadow: 0 0 4rem rgba(114,92,255,0.08);
}

.reel-instruction {
  border-top: 0;
  padding: 0.8rem 1.2rem 1.25rem;
}

.result-reel-card {
  aspect-ratio: 1 / 1;
  min-height: 0;
  border-radius: clamp(1rem, 2.5vw, 1.8rem);
  scroll-snap-stop: always;
}

.result-dialog {
  width: min(66rem, calc(100vw - 1rem));
  max-width: calc(100vw - 1rem);
  overflow-x: hidden;
  border: 0;
  background: linear-gradient(145deg, #171326, #09090d 68%);
}

.result-dialog-image {
  min-height: 0;
  aspect-ratio: 1 / 1;
}

.result-dialog-copy blockquote {
  margin: 1.6rem 0 0.7rem;
  color: white;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.5rem);
  letter-spacing: -0.035em;
  line-height: 1.08;
  text-transform: uppercase;
}

.result-dialog-client {
  display: block;
  color: var(--violet-bright);
  font-size: 0.72rem;
  letter-spacing: 0.12em;
}

.result-dialog-copy small {
  margin-top: 1.6rem;
}

@media (max-width: 760px) {
  .answer-list details p {
    margin-right: 0;
    margin-left: 3rem;
    padding-top: 0.7rem;
  }

  .results-reel {
    gap: 1rem;
    padding: 1rem;
    scroll-padding-inline: 1rem;
  }

  .result-reel-card {
    flex-basis: calc(100% - 2rem);
  }

  .result-dialog[open] {
    grid-template-columns: 1fr;
  }

  .result-dialog-image {
    width: 100%;
    max-height: none;
  }

  .result-dialog-copy {
    padding: 1.5rem;
  }

  .result-dialog-copy h3 {
    font-size: clamp(2.35rem, 12vw, 4rem);
  }
}

/* V17 — consistent accents, fixed client stories and submission celebration */
.premium-heading h2 em,
.consultation-copy h2 em {
  color: var(--violet-bright);
  font-style: normal;
}

.premium-site .eyebrow {
  position: relative;
  z-index: 4;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.65rem;
  width: fit-content;
  padding: 0.55rem 0.85rem;
  color: white;
  border: 1px solid rgba(180,169,255,0.32);
  border-radius: 999px;
  background: rgba(18,14,31,0.56);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
  backdrop-filter: blur(10px);
  font-size: clamp(0.72rem, 1vw, 0.84rem);
  letter-spacing: 0.12em;
}

.premium-site .eyebrow strong { font-weight: 900; }
.premium-site .eyebrow i { color: var(--violet-bright); font-style: normal; }

.premium-site .hero-instagram,
.premium-site .menu-instagram,
.premium-site .instagram-link {
  position: relative;
  z-index: 8;
  pointer-events: auto;
  touch-action: manipulation;
}

.result-reel-card {
  min-height: clamp(42rem, 62vw, 52rem);
  aspect-ratio: auto;
}

.result-reel-card img,
.result-dialog-image img {
  user-select: none;
  -webkit-user-drag: none;
}

.result-reel-card:hover img,
.result-reel-card:focus-visible img {
  transform: none;
}

body.dialog-open {
  position: fixed;
  inset-inline: 0;
  width: 100%;
  overflow: hidden;
}

.result-dialog {
  width: min(72rem, calc(100vw - 2rem));
  height: min(48rem, calc(100svh - 2rem));
  max-height: calc(100svh - 2rem);
  overscroll-behavior: contain;
}

.result-dialog[open] {
  grid-template-columns: minmax(0, 1.08fr) minmax(20rem, 0.92fr);
  overflow: hidden;
}

.result-dialog-image {
  min-height: 0;
  height: 100%;
  aspect-ratio: auto;
  overflow: hidden;
  background: #08080c;
}

.result-dialog-image img {
  object-fit: contain;
  object-position: center;
}

.result-dialog-copy {
  align-self: stretch;
  min-height: 0;
  padding: clamp(1.75rem, 4vw, 3.5rem);
  overflow-y: auto;
  overscroll-behavior: contain;
}

.result-dialog-copy h3 {
  margin-top: 1.35rem;
  font-size: clamp(2.4rem, 4vw, 4.25rem);
}

.selim-story span {
  margin-bottom: 0;
  font-size: clamp(0.78rem, 1vw, 0.9rem);
}

.selim-story h3,
.selim-story .story-purpose h3 {
  margin: 0.8rem 0 1rem;
}

.form-success {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-inline: clamp(1rem, 4vw, 3rem);
}

.form-success .success-check {
  position: relative;
  z-index: 2;
}

.success-burst {
  position: absolute;
  top: 4rem;
  left: 50%;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
}

.success-burst i {
  --angle: 0deg;
  --distance: -8rem;
  position: absolute;
  width: 0.42rem;
  height: 1.45rem;
  border-radius: 999px;
  background: var(--violet-bright);
  opacity: 0;
  transform: rotate(var(--angle)) translateY(0) scale(0.4);
}

.success-burst i:nth-child(2n) { background: #ffffff; }
.success-burst i:nth-child(3n) { background: #6048f2; }
.success-burst i:nth-child(1) { --angle: 0deg; }
.success-burst i:nth-child(2) { --angle: 30deg; --distance: -9rem; }
.success-burst i:nth-child(3) { --angle: 60deg; }
.success-burst i:nth-child(4) { --angle: 90deg; --distance: -9rem; }
.success-burst i:nth-child(5) { --angle: 120deg; }
.success-burst i:nth-child(6) { --angle: 150deg; --distance: -9rem; }
.success-burst i:nth-child(7) { --angle: 180deg; }
.success-burst i:nth-child(8) { --angle: 210deg; --distance: -9rem; }
.success-burst i:nth-child(9) { --angle: 240deg; }
.success-burst i:nth-child(10) { --angle: 270deg; --distance: -9rem; }
.success-burst i:nth-child(11) { --angle: 300deg; }
.success-burst i:nth-child(12) { --angle: 330deg; --distance: -9rem; }

.form-success.is-celebrating .success-burst i {
  animation: success-pop 900ms cubic-bezier(0.18, 0.75, 0.25, 1) both;
}

@keyframes success-pop {
  0% { opacity: 0; transform: rotate(var(--angle)) translateY(0) scale(0.35); }
  22% { opacity: 1; }
  100% { opacity: 0; transform: rotate(var(--angle)) translateY(var(--distance)) scale(1); }
}

@media (max-width: 760px) {
  .premium-site .eyebrow {
    border-radius: 1rem;
    line-height: 1.45;
  }

  .result-reel-card {
    min-height: 38rem;
  }

  .result-dialog {
    width: 100vw;
    max-width: 100vw;
    height: 100svh;
    max-height: 100svh;
    margin: 0;
    border-radius: 0;
  }

  .result-dialog[open] {
    grid-template-columns: 1fr;
    grid-template-rows: 44svh minmax(0, 1fr);
  }

  .result-dialog-image {
    width: 100%;
    height: 44svh;
    max-height: none;
  }

  .result-dialog-copy {
    height: 56svh;
    padding: 1.4rem 1.25rem 2.5rem;
  }

  .result-dialog-copy h3 {
    font-size: clamp(2.2rem, 10vw, 3.5rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .form-success.is-celebrating .success-burst i { animation: none; }
}

/* V18 — launch-ready imagery, verified-result placeholders and text biography */
.service-atmosphere,
.method-atmosphere {
  border-color: rgba(156,142,255,0.26);
  background: #09090d;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1.5rem 4rem rgba(0,0,0,0.24);
}

.service-atmosphere::after,
.method-atmosphere::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, rgba(8,8,12,0.34), transparent 52%), linear-gradient(180deg, transparent 62%, rgba(8,8,12,0.48));
}

.service-atmosphere img { min-height: 18rem; object-position: center; }
.method-atmosphere img { min-height: clamp(19rem, 38vw, 34rem); object-position: center; }

.pillar-grid article {
  background:
    radial-gradient(circle at 88% 12%, rgba(139,113,255,0.24), transparent 34%),
    linear-gradient(145deg, rgba(22,18,38,0.98), rgba(8,8,12,0.98));
}

.pillar-grid article::before {
  color: rgba(156,142,255,0.09);
}

.result-pending {
  cursor: default;
  isolation: isolate;
  background:
    radial-gradient(circle at 78% 22%, rgba(136,105,255,0.3), transparent 31%),
    radial-gradient(circle at 20% 85%, rgba(85,66,164,0.2), transparent 34%),
    linear-gradient(145deg, #161126, #09090d 72%);
}

.result-pending::before {
  position: absolute;
  inset: clamp(1.2rem, 3vw, 2.4rem);
  z-index: 0;
  content: "SE";
  display: grid;
  place-items: center;
  color: rgba(255,255,255,0.045);
  border: 1px solid rgba(156,142,255,0.2);
  border-radius: clamp(0.8rem, 2vw, 1.4rem);
  font-family: var(--display);
  font-size: clamp(8rem, 22vw, 19rem);
  font-weight: 900;
  letter-spacing: -0.08em;
}

.result-pending::after {
  background: linear-gradient(180deg, rgba(7,7,11,0.02), rgba(5,5,8,0.92));
}

.result-pending > span,
.result-pending > strong,
.result-pending > small { z-index: 2; }

.about-manifesto {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  margin-bottom: 1px;
  padding: clamp(2rem, 5vw, 5rem);
  border: 1px solid rgba(156,142,255,0.26);
  border-radius: clamp(1.25rem, 3vw, 2.25rem) clamp(1.25rem, 3vw, 2.25rem) 0 0;
  background:
    radial-gradient(circle at 90% 10%, rgba(126,87,255,0.2), transparent 32%),
    linear-gradient(135deg, #151025, #0a0a0f 68%);
  box-shadow: 0 3rem 8rem rgba(0,0,0,0.25);
}

.about-manifesto .about-opening {
  grid-row: span 3;
  margin: 0;
  color: rgba(255,255,255,0.94);
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(1.15rem, 1.7vw, 1.45rem);
  font-weight: 600;
  letter-spacing: -0.015em;
  line-height: 1.55;
}

.about-manifesto > p:not(.about-opening) {
  max-width: 48rem;
  margin: 0;
  color: rgba(255,255,255,0.76);
  font-size: clamp(1rem, 1.35vw, 1.18rem);
  line-height: 1.72;
}

.about-manifesto blockquote {
  margin: 0;
  padding: 1.35rem 0 1.35rem 1.5rem;
  color: white;
  border-left: 3px solid var(--violet-bright);
  font-family: var(--display);
  font-size: clamp(1.7rem, 3vw, 3.2rem);
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1;
  text-transform: uppercase;
}

.selim-story article { min-height: 17rem; }
.selim-story .story-purpose { min-height: 20rem; }

@media (max-width: 760px) {
  .about-manifesto { grid-template-columns: 1fr; padding: 1.5rem; }
  .about-manifesto .about-opening { grid-row: auto; font-size: 1.15rem; line-height: 1.55; }
  .result-pending::before { font-size: 44vw; }
}

/* V21 — purpose-built laptop layout and cleaner content hierarchy */
.premium-site .premium-offers .offer-features,
.premium-site .premium-offers .online-formats {
  grid-template-columns: 1fr;
}

.premium-site .premium-offers .offer-features li,
.premium-site .premium-offers .offer-features li:nth-child(odd),
.premium-site .premium-offers .online-formats li,
.premium-site .premium-offers .online-formats li:nth-child(odd) {
  min-height: 5.25rem;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 0.3rem;
  border-right: 0;
}

.premium-site .premium-offers .offer-features strong {
  color: white;
  font-size: 0.94rem;
}

.premium-site .premium-offers .offer-features span {
  color: rgba(255,255,255,0.67);
  font-size: 0.83rem;
  line-height: 1.45;
}

.story-editorial .about-copy h2 em {
  color: transparent;
  background: linear-gradient(100deg, #ffffff 3%, #d8d1ff 42%, #8f79ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

@media (min-width: 1000px) {
  .premium-site .section-shell,
  .premium-site .premium-method,
  .premium-site .quick-answers,
  .premium-site .premium-consultation {
    padding-right: max(6vw, calc((100vw - 92rem) / 2));
    padding-left: max(6vw, calc((100vw - 92rem) / 2));
  }

  .premium-heading,
  .results-heading {
    display: block;
    max-width: 78rem;
    margin-bottom: clamp(3rem, 5vw, 5rem);
  }

  .premium-heading h2,
  .premium-heading > p:last-child,
  .results-heading h2,
  .results-heading > div {
    max-width: 58rem;
    margin-top: 0;
  }

  .premium-heading > p:last-child {
    margin-top: 1.35rem;
  }

  .premium-offers {
    gap: 1.5rem;
    border: 0;
    background: transparent;
  }

  .premium-site .premium-offers .offer-card {
    min-width: 0;
    min-height: 0;
    gap: 2.5rem;
    padding: clamp(2rem, 3vw, 3rem);
    border: 1px solid rgba(180,169,255,0.22);
    border-radius: 1.75rem;
    background:
      radial-gradient(circle at 90% 10%, rgba(126,87,255,0.16), transparent 30%),
      linear-gradient(145deg, #111118, #0b0b10);
    box-shadow: 0 2rem 5rem rgba(0,0,0,0.2);
  }

  .premium-site .premium-offers .offer-card:last-child {
    border: 1px solid rgba(180,169,255,0.22);
  }

  .premium-offers .offer-card h3 {
    max-width: none;
    font-size: clamp(3.2rem, 4.2vw, 5rem);
  }

  .premium-offers .service-visual-guide {
    min-height: clamp(18rem, 24vw, 24rem);
    border-radius: 1.25rem;
  }

  .premium-offers .offer-cta {
    width: 100%;
  }

  .premium-site .pillar-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    border: 0;
    background: transparent;
  }

  .premium-site .pillar-grid article,
  .premium-site .pillar-grid article:last-child {
    min-width: 0;
    min-height: 20rem;
    padding: clamp(2rem, 3vw, 3rem);
    border: 1px solid rgba(180,169,255,0.2);
    border-radius: 1.5rem;
    overflow: hidden;
  }

  .premium-site .pillar-grid h3 {
    max-width: none;
    margin: clamp(3.5rem, 6vw, 6rem) 0 1rem;
    font-size: clamp(2.35rem, 3.6vw, 4rem);
    overflow-wrap: normal;
  }

  .premium-site .pillar-grid p {
    max-width: 38rem;
    font-size: 1rem;
  }

  .premium-site .premium-method {
    display: block;
  }

  .premium-method .method-intro {
    position: static;
    max-width: 78rem;
  }

  .system-23 .method-intro h2 {
    max-width: 18ch;
    font-size: clamp(3.6rem, 6.3vw, 6.8rem);
    line-height: 0.9;
  }

  .system-23 .system-lead {
    max-width: 64rem;
    margin-top: 1.5rem;
    font-size: 1.12rem;
  }

  .system-23 .system-formula {
    max-width: 56rem;
    margin-top: 2rem;
  }

  .premium-method-steps {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: clamp(3rem, 6vw, 6rem);
  }

  .system-23 .method-steps li,
  .system-23 .method-steps li:last-child {
    min-width: 0;
    min-height: 18rem;
    align-content: start;
    padding: clamp(1.8rem, 3vw, 2.8rem);
    border: 1px solid rgba(180,169,255,0.2);
    border-radius: 1.4rem;
    background: rgba(10,10,16,0.52);
  }

  .system-23 .method-steps h3 {
    margin-top: 0.55rem;
    font-size: clamp(2.2rem, 3.2vw, 3.7rem);
  }

  .system-23 .method-steps p {
    max-width: 34rem;
    font-size: 1rem;
    line-height: 1.65;
  }

  .premium-method .method-visual-guide {
    margin-top: 1.5rem;
    border-radius: 1.5rem;
  }

  .premium-site .story-editorial .about-copy {
    width: min(calc(100% - 12vw), 92rem);
    padding-right: 0;
    padding-left: 0;
  }

  .story-editorial .about-copy h2 {
    max-width: none;
    white-space: nowrap;
    font-size: clamp(3.4rem, 5.6vw, 6.8rem);
    line-height: 0.94;
  }

  .about-manifesto {
    display: flex;
    max-width: 78rem;
    flex-direction: column;
    gap: 1.3rem;
    padding: clamp(2.2rem, 4vw, 4rem);
  }

  .about-manifesto .about-opening,
  .about-manifesto > p:not(.about-opening) {
    max-width: 66rem;
    font-size: 1.08rem;
    line-height: 1.7;
  }

  .about-manifesto blockquote {
    max-width: 62rem;
    margin: 0.5rem 0;
    font-size: clamp(2.2rem, 3.4vw, 3.8rem);
  }

  .selim-story {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
    background: transparent;
  }

  .selim-story article,
  .selim-story article:nth-child(3),
  .selim-story article:nth-child(4) {
    grid-column: auto;
    min-width: 0;
    min-height: 20rem;
    justify-content: flex-start;
    padding: clamp(1.7rem, 2.5vw, 2.5rem);
    border: 1px solid rgba(180,169,255,0.16);
    border-radius: 1.35rem;
  }

  .selim-story h3,
  .selim-story .story-purpose h3 {
    max-width: none;
    margin-top: 2.5rem;
    font-size: clamp(2rem, 2.6vw, 3rem);
    line-height: 0.98;
  }

  .selim-story .story-purpose {
    grid-column: 1 / -1;
    min-height: 18rem;
  }

  .quick-answers {
    display: block;
  }

  .quick-answers-heading {
    max-width: 62rem;
    margin-bottom: 3rem;
  }
}

@media (max-width: 999px) {
  .story-editorial .about-copy h2 {
    max-width: 100%;
    font-size: clamp(2.8rem, 12vw, 5rem);
    line-height: 0.92;
  }

  .premium-site .pillar-grid h3 {
    max-width: none;
    font-size: clamp(2rem, 8vw, 3.2rem);
  }

  .system-23 .method-intro h2 {
    max-width: 12ch;
  }
}

/* V22 — stable FAQ flow, aligned offers and stronger numbered cards */
.quick-answers-heading {
  position: static;
  top: auto;
}

.premium-offers {
  align-items: stretch;
}

.premium-site .premium-offers .offer-card {
  justify-content: flex-start;
}

.premium-site .premium-offers .offer-content {
  flex: 1;
}

.premium-site .premium-offers .offer-cta {
  margin-top: auto;
}

.premium-site .pillar-grid article {
  position: relative;
}

.premium-site .pillar-grid article > span {
  display: block;
  color: rgba(180,169,255,0.3);
  font-family: var(--display);
  font-size: clamp(3.5rem, 6vw, 6rem);
  font-weight: 900;
  letter-spacing: -0.08em;
  line-height: 0.78;
}

.system-23 .method-steps li,
.system-23 .method-steps li:last-child {
  position: relative;
  grid-template-columns: 1fr;
  overflow: hidden;
}

.system-23 .method-steps > li > span {
  position: absolute;
  top: -0.16em;
  right: 0.08em;
  z-index: 0;
  color: rgba(180,169,255,0.1);
  font-family: var(--display);
  font-size: clamp(7rem, 14vw, 12rem);
  font-weight: 900;
  letter-spacing: -0.1em;
  line-height: 0.8;
  pointer-events: none;
}

.system-23 .method-steps > li > div {
  position: relative;
  z-index: 1;
  max-width: 34rem;
}

@media (min-width: 1000px) {
  .premium-site .pillar-grid h3 {
    margin-top: clamp(2.5rem, 4vw, 4rem);
  }

  .system-23 .method-steps li,
  .system-23 .method-steps li:last-child {
    display: block;
  }

  .system-23 .method-steps > li > span {
    font-size: clamp(9rem, 13vw, 13rem);
  }
}

/* V23 — integrated coaching imagery and interactive goal explanations */
.premium-site .premium-offers .offer-content {
  display: flex;
  flex-direction: column;
}

.premium-site .premium-offers .service-atmosphere {
  width: calc(100% + 1rem);
  height: clamp(18rem, 24vw, 24rem);
  min-height: 0;
  margin: 1.1rem -0.5rem 1.5rem;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  -webkit-mask-image: radial-gradient(ellipse 94% 88% at 50% 48%, #000 53%, rgba(0,0,0,0.82) 70%, transparent 100%);
  mask-image: radial-gradient(ellipse 94% 88% at 50% 48%, #000 53%, rgba(0,0,0,0.82) 70%, transparent 100%);
}

.premium-site .premium-offers .service-atmosphere::after {
  background:
    linear-gradient(90deg, rgba(13,13,18,0.72), transparent 17%, transparent 83%, rgba(13,13,18,0.72)),
    linear-gradient(180deg, rgba(13,13,18,0.45), transparent 18%, transparent 70%, rgba(13,13,18,0.7));
}

.premium-site .premium-offers .service-atmosphere img {
  width: 100%;
  height: 100%;
  min-height: 0;
  opacity: 0.88;
  filter: saturate(0.82) contrast(1.08);
  object-fit: cover;
  transform: scale(1.035);
}

.premium-site .pillar-grid article {
  cursor: pointer;
  outline: none;
  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease, background 220ms ease;
}

.premium-site .pillar-grid article:hover,
.premium-site .pillar-grid article:focus,
.premium-site .pillar-grid article:focus-within {
  z-index: 3;
  border-color: rgba(184,169,255,0.72) !important;
  background:
    radial-gradient(circle at 82% 15%, rgba(148,116,255,0.52), transparent 40%),
    linear-gradient(145deg, rgba(31,23,57,0.98), rgba(10,10,16,0.98));
  box-shadow: 0 0 0 1px rgba(176,156,255,0.22), 0 0 3.5rem rgba(112,78,255,0.34), inset 0 0 4rem rgba(118,84,255,0.12);
  transform: translateY(-0.35rem);
}

.pillar-popover {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  z-index: 4;
  padding: 1.15rem 1.2rem;
  opacity: 0;
  color: white;
  border: 1px solid rgba(199,188,255,0.42);
  border-radius: 1rem;
  background: rgba(12,10,20,0.9);
  box-shadow: 0 1.2rem 3rem rgba(0,0,0,0.38);
  backdrop-filter: blur(16px);
  pointer-events: none;
  transform: translateY(0.8rem) scale(0.985);
  transition: opacity 200ms ease, transform 220ms ease;
}

.pillar-popover strong {
  display: block;
  margin-bottom: 0.45rem;
  color: var(--violet-bright);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.premium-site .pillar-grid .pillar-popover p {
  max-width: none;
  margin: 0;
  color: rgba(255,255,255,0.88);
  font-size: 0.92rem;
  line-height: 1.55;
}

.premium-site .pillar-grid article:hover .pillar-popover,
.premium-site .pillar-grid article:focus .pillar-popover,
.premium-site .pillar-grid article:focus-within .pillar-popover {
  opacity: 1;
  transform: none;
}

@media (min-width: 1000px) {
  .premium-site .premium-offers .offer-content > h3 {
    min-height: 1.9em;
    display: flex;
    align-items: flex-end;
  }

  .premium-site .premium-offers .offer-intro {
    min-height: 3.4rem;
  }
}

@media (max-width: 760px) {
  .premium-site .premium-offers .service-atmosphere {
    width: calc(100% + 0.5rem);
    height: 17rem;
    margin-right: -0.25rem;
    margin-left: -0.25rem;
  }

  .pillar-popover {
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .premium-site .pillar-grid article,
  .pillar-popover { transition: none; }
}