@font-face { font-family: Arfilit; src: url('fonts/Arfilit-Regular.otf') format('opentype'); font-weight: 400; font-display: swap; }
@font-face { font-family: Leon; src: url('fonts/Leon-Regular.otf') format('opentype'); font-weight: 400; font-display: swap; }
@font-face { font-family: Leon; src: url('fonts/Leon-Heavy.otf') format('opentype'); font-weight: 900; font-display: swap; }
@font-face { font-family: Leon; src: url('fonts/Leon-Thin.otf') format('opentype'); font-weight: 100; font-display: swap; }
@font-face { font-family: Simona; src: url('fonts/SimonaPro-Regular.otf') format('opentype'); font-weight: 400; font-display: swap; }
@font-face { font-family: Simona; src: url('fonts/SimonaPro-Black.otf') format('opentype'); font-weight: 900; font-display: swap; }
* { box-sizing: border-box; }
html, body { margin: 0; background: #0e1525; color: #fff; }
body { font-family: Arfilit, sans-serif; }
p, h1 { margin: 0; }
.landing { width: 100%; min-height: 100svh; container-type: inline-size; overflow: hidden; }
/* All desktop measurements are proportional to the original 1440px Figma frame. */
.hero { position: relative; isolation: isolate; width: 100%; height: 45.208333cqw; overflow: hidden; background: #0e1525; }
.light { position: absolute; width: 87.430556cqw; height: 45.208333cqw; top: 0; overflow: hidden; mix-blend-mode: lighten; pointer-events: none; }
.light img { position: absolute; width: 114.38%; height: 124.49%; left: 0; top: -10.32%; max-width: none; }
.light-left { left: -1.527778cqw; transform: scaleX(-1); }
.light-right { right: -1.388889cqw; }
.portrait { position: absolute; left: 0; top: 4.583333cqw; width: 31.597222cqw; height: 40.625cqw; overflow: hidden; }
.portrait img { position: absolute; width: 100%; height: 116.77%; left: 0; top: -.13%; }
.eyebrow { position: absolute; left: 27.986111cqw; top: 10.208333cqw; font-size: 1.145833cqw; letter-spacing: .286458cqw; line-height: normal; white-space: nowrap; }
.eyebrow span { font-family: Leon, sans-serif; }
h1 { position: absolute; top: 12.361111cqw; left: 27.847222cqw; width: 44.305556cqw; height: 7.013889cqw; font-family: Leon, sans-serif; font-size: 9.770903cqw; line-height: 1; font-weight: 400; }
h1 span { position: absolute; top: 0; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
.brain { left: 0; font-weight: 900; }
.shift { left: 26.458333cqw; font-weight: 100; }
.brain-symbol { position: absolute; left: 28.402778cqw; top: 13.888889cqw; width: 6.116604cqw; height: 5.510796cqw; }
.brain-symbol img { position: absolute; left: 0; top: 0; display: block; transform-origin: top left; }
.intro { position: absolute; top: 21.458333cqw; left: 50%; transform: translateX(-50%); margin-left: -.034722cqw; font-size: 1.666667cqw; line-height: 2.222222cqw; text-align: center; white-space: nowrap; }
.details { position: absolute; top: 1.006944cqw; left: 50%; transform: translateX(-50%); margin-left: .034722cqw; width: 38.819444cqw; font-family: Simona, sans-serif; font-size: 1.180556cqw; line-height: 1.805556cqw; text-align: center; white-space: nowrap; }
.details strong { font-weight: 900; font-size: 1.666667cqw; }
.phone { position: absolute; top: 0; left: 0; width: 19.444444cqw; height: 22.152778cqw; overflow: hidden; }
.phone img { position: absolute; width: 190.57%; height: 167.47%; left: -46.29%; top: -.25%; max-width: none; }

/* Animate translate independently so the existing centering and logo scale stay intact. */
@media (prefers-reduced-motion: no-preference) {
  .eyebrow, h1, .brain-symbol, .intro, .details {
    animation: soft-reveal 950ms cubic-bezier(.22, 1, .36, 1) both;
  }
  .eyebrow { animation-delay: 100ms; }
  h1, .brain-symbol { animation-delay: 220ms; }
  .intro { animation-delay: 380ms; }
  .details { animation-delay: 520ms; }
  .portrait { animation: portrait-reveal 1400ms cubic-bezier(.22, 1, .36, 1) 100ms both; }
  .phone { animation: phone-reveal 1300ms cubic-bezier(.22, 1, .36, 1) 400ms both; }
  .light img { animation: light-breathe 8s ease-in-out 2; }
  .light-left img { animation-delay: -4s; }
  .message-window { animation: messages-appear 900ms ease 800ms both; }
}

@keyframes soft-reveal {
  from { opacity: 0; translate: 0 10px; }
  to { opacity: 1; translate: 0 0; }
}
@keyframes portrait-reveal {
  from { opacity: 0; translate: -12px 0; }
  to { opacity: 1; translate: 0 0; }
}
@keyframes phone-reveal {
  from { opacity: 0; translate: 0 18px; }
  to { opacity: 1; translate: 0 0; }
}
@keyframes light-breathe {
  0%, 100% { opacity: 1; translate: 0 0; }
  50% { opacity: .86; translate: 0 4px; }
}

/* Cards emerge across the phone's width and clip at its upper screen edge. */
.message-window {
  position: absolute; z-index: 2; left: 1.6cqw; top: 6.2cqw;
  width: 15.85cqw; height: 15.952778cqw; overflow: hidden;
  direction: ltr;
  mask-image: linear-gradient(to bottom, transparent, #000 9%, #000 91%, transparent);
}
.message-stream { animation: messages-rise var(--duration, 120s) linear infinite; }
.message-group { display: flex; flex-direction: column; gap: 1.25cqw; padding: 0 .8cqw 1.25cqw; }
.message-card { display: flex; align-items: flex-end; gap: .65cqw; flex-shrink: 0; padding: 0 0 .25cqw; }
.message-bubble { position: relative; flex: 1; min-width: 0; padding: .24cqw; background: #fff; border-radius: .7cqw; filter: drop-shadow(0 .2cqw .35cqw #0002); }
.message-bubble::after { content: ''; position: absolute; bottom: 0; right: -.42cqw; width: .85cqw; height: .85cqw; background: #fff; clip-path: polygon(0 0, 35% 0, 55% 60%, 100% 100%, 0 100%); }
.message-crop { display: block; position: relative; width: 100%; overflow: hidden; border-radius: .5cqw; }
.message-crop img, .message-avatar img { position: absolute; display: block; max-width: none; height: auto; }
.message-avatar { position: relative; display: block; flex: 0 0 1.8cqw; width: 1.8cqw; height: 1.8cqw; overflow: hidden; border-radius: 50%; background: #dce8ed; box-shadow: 0 0 0 .12cqw #fff, 0 .15cqw .35cqw #0002; }
.anonymous-avatar::before { content: ''; position: absolute; width: 32%; height: 32%; left: 34%; top: 19%; border-radius: 50%; background: #8eabb7; }
.anonymous-avatar::after { content: ''; position: absolute; width: 65%; height: 48%; left: 17.5%; bottom: -7%; border-radius: 50% 50% 0 0; background: #8eabb7; }
.message-window:hover .message-stream, .message-window:focus-within .message-stream { animation-play-state: paused !important; }
.message-window.is-static { overflow-y: auto; mask-image: none; }
.message-window.is-static .message-stream { animation: none; }
.message-window.is-static .message-group[aria-hidden] { display: none; }
.message-window:focus-visible { outline: 2px solid #83baff; outline-offset: 2px; }
@keyframes messages-appear { from { opacity: 0; } to { opacity: 1; } }
@keyframes messages-rise { from { transform: translateY(0); } to { transform: translateY(calc(-1 * var(--travel))); } }

.message-redaction { position: absolute; z-index: 1; border-radius: .2cqw; backdrop-filter: blur(.38cqw); -webkit-backdrop-filter: blur(.38cqw); background: #ffffff26; }

/* Use a clean wallpaper-only crop from the original WhatsApp screenshot. */
.phone-wallpaper {
  position: absolute; left: 1.6cqw; top: 1.18cqw;
  width: 15.85cqw; height: 22cqw; overflow: hidden;
  display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(4, 1fr);
  border-radius: 1.9cqw 1.9cqw 0 0; background: #eae6dd;
}
.phone-wallpaper > span {
  background-image: url('assets/messages/chat-1.jpg');
  background-size: 490% 727.2727%;
  background-position: .34188% 18.84058%;
}
.phone-wallpaper::after {
  content: ''; position: absolute; left: 50%; top: .38cqw; transform: translateX(-50%);
  width: 4.96cqw; height: 1.42cqw; border-radius: 2cqw;
  background: radial-gradient(circle at 83% 50%, #172332 0, #0a1118 8%, transparent 12%), #020504;
}

/* Preserve the supplied header as-is; only the group title is replaced. */
.phone-wallpaper::after { display: none; }
.chat-header { position: absolute; z-index: 3; left: 1.6cqw; top: 1.18cqw; width: 15.85cqw; aspect-ratio: 1206 / 350; overflow: hidden; border-radius: 1.9cqw 1.9cqw 0 0; }
.chat-header-original { display: block; width: 100%; height: auto; }
.chat-title-replacement { position: absolute; left: 35.5%; top: 54%; width: 36.4%; height: 21%; display: flex; align-items: center; justify-content: flex-start; gap: .15cqw; padding-right: .06cqw; background: #e9eae8; color: #080908; font: 700 .66cqw/1 -apple-system, BlinkMacSystemFont, Arial, sans-serif; white-space: nowrap; }
.message-window { top: 5.779917cqw; height: 16.372861cqw; }
@media (prefers-reduced-motion: no-preference) { .chat-header { animation: messages-appear 900ms ease 800ms both; } }

/* Updated Figma mockup: 326 × 372 at (1061, 279), including its chat content. */
.phone-stage { position: absolute; left: 73.680556cqw; top: 19.375cqw; width: 19.444444cqw; height: 22.152778cqw; transform: scale(1.1642857143, 1.1661442006); transform-origin: top left; }
.details-panel { position: absolute; left: 50%; top: 28.680556cqw; transform: translateX(-50%); width: 42.5cqw; height: 9.305556cqw; overflow: hidden; background: linear-gradient(90deg, transparent, #ffffff1a, transparent); border-block: .5px solid transparent; border-image: linear-gradient(90deg, transparent, #ffffff36, transparent) 1; }

@font-face { font-family: Arfilit; src: url('fonts/Arfilit-Black.otf') format('opentype'); font-weight: 900; font-display: swap; }
.action-section { position: relative; min-height: 155vh; border-top: 1px solid #ffffff26; font-family: Arfilit, sans-serif; }
.action-sticky { position: sticky; top: 0; min-height: 92vh; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 2.2cqw; padding: 6cqw 9.72cqw; }
.action-copy { text-align: right; }
.action-kicker { font-size: 1.666667cqw; line-height: 2.222222cqw; margin-bottom: .35cqw; }
.action-copy h2 { margin: 0 0 1.8cqw; font-weight: 400; color: #ee2727; font-size: 2.5cqw; line-height: 3.194444cqw; }
.action-copy > p:not(.action-kicker) { font-size: 1.25cqw; line-height: 1.805556cqw; margin-bottom: 1.5cqw; }
.action-copy strong { font-weight: 900; font-size: 1.666667cqw; line-height: 2.222222cqw; }
.bridge-visual { min-width: 0; margin-left: -6cqw; width: calc(100% + 6cqw); }
.bridge-visual svg { display: block; width: 100%; overflow: visible; }
.bridge-visual text { font-family: Arfilit, sans-serif; fill: #b6c6e7; text-anchor: middle; font-size: 18px; }
.bridge-visual .bridge-endpoint { fill: #fff; font-size: 28px; }
.bridge-step { opacity: .4; transition: opacity .25s; }
.bridge-step.is-reached { opacity: 1; }
.bridge-scroll-hint { text-align: center; font-size: 1cqw; color: #8495b5; }
.bridge-scroll-hint span { display: inline-block; margin-right: .5cqw; }
@media (max-width: 700px) { .action-sticky { grid-template-columns: 1fr; gap: 20px; padding: 50px 24px; } .action-copy h2 { font-size: 30px; line-height: 1.25; } .action-copy > p:not(.action-kicker) { font-size: 15px; line-height: 1.65; } .action-kicker,.action-copy strong { font-size: 20px; line-height: 1.5; } .bridge-visual { width: 100%; margin: 0; } .bridge-scroll-hint { font-size: 13px; } }

.brain-section { position: relative; isolation: isolate; min-height: 47cqw; padding-top: 5cqw; }
.brain-copy { position: relative; width: 57.638889cqw; min-height: 33.819444cqw; border-radius: 0 2.777778cqw 2.777778cqw 0; background: #192237; padding: 3.819444cqw 4.861111cqw 3.5cqw 9.375cqw; margin-right: auto; text-align: right; }
.brain-copy h2 { margin: 0 0 2cqw; font-family: Arfilit, sans-serif; font-weight: 900; font-size: 2.5cqw; line-height: 3.194444cqw; }
.brain-copy h2 span { color: #ee2727; font-weight: 400; }
.brain-body { font-family: Simona, sans-serif; font-size: 1.25cqw; line-height: 1.805556cqw; }
.brain-body p { margin-bottom: 1.805556cqw; }
.brain-body p:last-child { margin-bottom: 0; }
.brain-body strong { font-weight: 900; }
.brain-art { position: absolute; z-index: 1; left: 59.791667cqw; top: 8.819444cqw; width: 39.444444cqw; aspect-ratio: 568 / 318; mix-blend-mode: lighten; opacity: 0; translate: 0 14px; transition: opacity 1.8s ease, translate 1.8s cubic-bezier(.22,1,.36,1); }
.brain-art.is-visible { opacity: 1; translate: 0 0; }
.brain-image, .neural-overlay { display: block; width: 100%; height: 100%; }
.neural-overlay { position: absolute; inset: 0; overflow: visible; }
.neural-node { opacity: 0; transition: opacity .7s ease; }
.neural-node.is-lit { opacity: 1; }
.neural-node.is-burst { filter: brightness(1.9); }
.neural-line { stroke: #ffb64a; stroke-width: .8; fill: none; opacity: 0; transition: opacity 1.5s ease; }
.neural-line.is-lit { opacity: .2; }
.neural-signal { opacity: 0; }
.brain-ambient { position: absolute; pointer-events: none; z-index: -1; left: 92.569444cqw; top: 45.416667cqw; width: 27.152778cqw; height: 27.152778cqw; }
.brain-ambient img { position: absolute; inset: -153.45%; width: 406.9%; height: 406.9%; }
@media (prefers-reduced-motion: reduce) { .brain-art { opacity: 1; translate: none; transition: none; } .neural-node,.neural-line { transition: none; } }
@media (max-width: 700px) { .brain-section { padding-top: 32px; } .brain-art { position: relative; left: auto; top: auto; width: 85%; margin: 0 auto 24px; } .brain-copy { width: 95%; padding: 28px; border-radius: 0 24px 24px 0; } .brain-copy h2 { font-size: 26px; line-height: 1.4; margin-bottom: 22px; } .brain-body { font-size: 16px; line-height: 1.65; } .brain-body p { margin-bottom: 22px; } }

/* Keep sticky scroll scenes tied to the viewport and blend the black asset into the page. */
.landing { overflow: clip; }
.brain-section { background: #0e1525; min-height: max(47cqw, 100svh); }

/* Feather the illustration bounds without blurring the artwork or its labels. */
.brain-art {
  -webkit-mask-image: linear-gradient(to right, transparent, #000 5%, #000 92%, transparent), linear-gradient(to bottom, transparent, #000 4%, #000 90%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 5%, #000 92%, transparent), linear-gradient(to bottom, transparent, #000 4%, #000 90%, transparent);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}
.bridge-visual svg {
  -webkit-mask-image: linear-gradient(to right, transparent, #000 3%, #000 97%, transparent), linear-gradient(to bottom, #000 76%, transparent 100%);
  mask-image: linear-gradient(to right, transparent, #000 3%, #000 97%, transparent), linear-gradient(to bottom, #000 76%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}
.brain-ambient img {
  filter: blur(28px);
  -webkit-mask-image: radial-gradient(ellipse at center, #000 30%, transparent 69%);
  mask-image: radial-gradient(ellipse at center, #000 30%, transparent 69%);
}

.about-section { padding: 6cqw 9.72cqw 8cqw; position: relative; font-family: Arfilit, sans-serif; }
.about-heading { text-align: center; margin-bottom: 5cqw; }
.about-heading > span { color: #88b9ff; font-size: 16px; }
.about-heading h2 { font-size: clamp(30px,3.2cqw,48px); font-weight: 900; margin: 14px 0 20px; }
.about-heading p { font-family: Simona, sans-serif; font-size: 20px; line-height: 1.6; color: #bfcae0; }
.story-timeline { position: relative; }
.story-timeline::before { content: ''; position: absolute; right: -30px; top: 10px; bottom: 40px; width: 1px; background: linear-gradient(transparent,#4878bb70 10%,#4878bb70 90%,transparent); }
.story-chapter { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 5cqw; margin-bottom: 6cqw; }
.story-text { max-width: 530px; }
.story-period { display: flex; align-items: center; gap: 12px; color: #91aacf; font-size: 15px; }
.story-period b { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #162c47; color: #9ecaff; font-family: Leon,sans-serif; font-weight: 400; }
.story-text h3 { font-size: clamp(24px,2.3cqw,34px); font-weight: 400; line-height: 1.3; margin: 18px 0 20px; }
.story-text p { font-family: Simona, sans-serif; color: #c3cde0; font-size: 18px; line-height: 1.65; margin-bottom: 16px; }
.story-visual { position: relative; min-height: 330px; }
.story-photo { overflow: hidden; position: relative; height: 310px; border-radius: 22px; background: #172234; mask-image: linear-gradient(#000 88%,transparent); }
.story-photo img { position: absolute; display: block; width: 100%; height: auto; }
.photo-start .story-photo img { top: -69%; }
.photo-start .story-photo { height: 280px; }
.photo-practice .story-photo img { top: -83%; }
.photo-design .story-photo img { top: -143%; }
.photo-choice .story-photo img { top: -158%; }
.photo-mentoring .story-photo img { top: -145%; }
.story-caption { position: relative; margin: -10px 20px 0; display: flex; flex-direction: column; gap: 5px; padding: 20px 24px; border-radius: 14px; background: linear-gradient(110deg,#1c375ae8,#111f32ed); border-top: 1px solid #83baff36; box-shadow: 0 16px 40px #0002; }
.story-caption strong { font-size: 25px; font-weight: 400; color: #d7e9ff; }
.story-caption span { font-family: Simona,sans-serif; font-size: 16px; color: #9fb3cf; }
.story-pipeline { padding: 38px 24px 30px; display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; text-align: center; min-height: 280px; }
.story-pipeline > span { border: 1px solid #67acff3d; border-radius: 12px; padding: 18px 4px; font-size: 15px; color: #c9e1ff; background: #152a44; }
.pipeline-lines { grid-column: 1/-1; width: 67%; height: 40px; margin: 0 auto; border: 1px solid #438fff66; border-top: 0; border-radius: 0 0 18px 18px; }
.story-pipeline > strong { grid-column: 1/-1; font-weight: 400; font-size: 26px; color: #b5d7ff; }
.pipeline-dots { grid-column: 1/-1; color: #6eaaff; letter-spacing: 10px; opacity: .65; }
.story-closing { font-size: 24px; line-height: 1.6; text-align: center; color: #b9c6dc; }
.story-closing strong { color: #fff; font-weight: 900; }
@media(max-width:700px) { .about-section { padding: 60px 24px; } .about-heading { margin-bottom: 44px; } .about-heading p { font-size: 17px; } .story-chapter { grid-template-columns: 1fr; gap: 20px; margin-bottom: 60px; } .story-text p { font-size: 17px; } .story-timeline::before { display: none; } .story-closing { font-size: 20px; } }

/* Frame only the photographic parts of the supplied stories. */
.story-photo img { top: 0 !important; }
.photo-start .story-photo { height: auto; aspect-ratio: 1206 / 410; }
.photo-start .story-photo img { transform: translateY(-38.25%); }
.photo-practice .story-photo { height: auto; aspect-ratio: 1206 / 500; }
.photo-practice .story-photo img { transform: translateY(-37.78%); }
.photo-design .story-photo { height: auto; aspect-ratio: 1206 / 690; }
.photo-design .story-photo img { transform: translateY(-61.8%); }
.photo-choice .story-photo { height: auto; aspect-ratio: 1206 / 730; }
.photo-choice .story-photo img { transform: translateY(-65.2%); }
.photo-mentoring .story-photo { height: auto; aspect-ratio: 1206 / 470; }
.photo-mentoring .story-photo img { transform: translateY(-66.2%); }

/* Alternating story cards with a scroll-lit dotted route. */
.story-timeline { max-width: 1020px; margin: 0 auto; isolation: isolate; }
.story-timeline::before { display: none; }
.story-route { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; z-index: -1; pointer-events: none; }
.story-route path { fill: none; stroke: white; stroke-width: 2; stroke-dasharray: 5 8; stroke-linecap: round; }
.story-route-base { opacity: .5; }
.story-chapter { position: relative; display: grid; grid-template-columns: repeat(12,1fr); gap: 0; align-items: center; margin: 0 0 90px; min-height: 330px; }
.story-chapter .story-visual { grid-column: 1 / 8; grid-row: 1; min-height: 0; width: 100%; }
.story-chapter .story-text { grid-column: 6 / 13; grid-row: 1; z-index: 2; padding: 26px 30px; max-width: none; background: rgba(10,17,29,.65); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-radius: 16px; box-shadow: 0 12px 40px #0002; }
.story-chapter:nth-of-type(even) .story-visual { grid-column: 6 / 13; }
.story-chapter:nth-of-type(even) .story-text { grid-column: 1 / 8; }
.story-text h3 { font-size: clamp(23px,2cqw,30px); margin: 12px 0; }
.story-text p { font-size: 17px; line-height: 1.55; margin: 0 0 12px; }
.story-text p:last-child { margin-bottom: 0; }
.story-period b { background: transparent; width: auto; height: auto; color: #b8c8e2; }
.story-photo { border-radius: 18px; mask-image: none; }
.story-caption { display: none; }
.story-visual.visual-pipeline { background: radial-gradient(ellipse,#1b3557,#111d30 75%); border-radius: 18px; }
.story-timeline.motion-ready .story-text { opacity: var(--story-reveal,0); transform: translateY(calc((1 - var(--story-reveal,0)) * 24px)); will-change: opacity,transform; }
@media(max-width:700px) {
  .story-chapter { min-height: 0; margin-bottom: 70px; }
  .story-chapter .story-visual, .story-chapter:nth-of-type(even) .story-visual { grid-column: 1 / 12; grid-row: 1; }
  .story-chapter .story-text, .story-chapter:nth-of-type(even) .story-text { grid-column: 2 / 13; grid-row: 2; margin-top: -35px; padding: 22px; }
  .story-text p { font-size: 16px; }
}
@media(prefers-reduced-motion:reduce) { .story-timeline.motion-ready .story-text { opacity: 1; transform: none; } }

/* Light story section, matching the updated Figma palette. */
.about-section { background: #fff; color: #0e1525; border-radius: 5.555556cqw 5.555556cqw 0 0; }
.about-heading > span { color: #0e1525; }
.about-heading h2 { color: #0e1525; }
.about-heading p { color: #536074; }
.story-route path { stroke: #0e1525; }
.story-chapter .story-text { background: rgba(255,255,255,.73); box-shadow: 0 12px 40px rgba(14,21,37,.045); }
.story-period { color: #596579; }
.story-period b { color: #0e1525; }
.story-text h3 { color: #0e1525; }
.story-text p { color: #283347; }
.story-visual.visual-pipeline { background: radial-gradient(ellipse,#e5f6f7,#eef2f7 75%); }
.story-pipeline > span { background: #ffffffb3; color: #0e1525; border-color: #0e152526; }
.story-pipeline > strong { color: #0e1525; }
.story-closing, .story-closing strong { color: #0e1525; }
.figma-story-pair { padding-bottom: 18%; }
.photo-start.figma-story-pair .story-photo { width: 75%; aspect-ratio: 371 / 354; margin-left: auto; border-radius: 30px; }
.photo-start.figma-story-pair .story-photo img { width: 100%; height: 139.92%; object-fit: cover; transform: translateY(-16%); }
.story-photo-secondary { position: absolute; width: 40%; aspect-ratio: 198 / 211; right: -6%; bottom: 0; border: 12px solid #fff; border-radius: 30px; overflow: hidden; background: #fff; }
.story-photo-secondary img { position: absolute; width: 100%; height: 125.63%; object-fit: cover; top: -10.47%; }
@media(max-width:700px) { .story-photo-secondary { right: -4%; border-width: 8px; border-radius: 22px; } }
@font-face { font-family: Adi; src: url('fonts/OhAdiOdeyaBaruch-Regular.otf') format('opentype'); font-display: swap; }
.about-heading > span { display: inline-block; font-family: Adi,Arfilit,sans-serif; font-size: clamp(26px,2.5cqw,36px); line-height: 1; transform: rotate(-1deg); }
.about-heading h2 { font-size: clamp(26px,2.5cqw,36px); line-height: 1.28; font-weight: 400; margin-top: 20px; }
.name-reveal { display: inline-grid; position: relative; vertical-align: bottom; padding: 0 5px; font-weight: 900; }
.name-reveal::before { content: ''; position: absolute; inset: 0; background: rgba(43,218,224,.1); border-inline: 2px solid #2bdae0; transform: scaleX(0); transform-origin: right; transition: transform 1.1s cubic-bezier(.22,1,.36,1); }
.name-reveal > span { position: relative; clip-path: inset(0 0 0 100%); transition: clip-path 1.1s cubic-bezier(.22,1,.36,1); }
.about-heading.is-revealed .name-reveal::before { transform: scaleX(1); }
.about-heading.is-revealed .name-reveal > span { clip-path: inset(0); }
.story-number { font-family: Simona,Arial,sans-serif; }
.story-chapter .story-text { background: rgba(255,255,255,.88); }
.story-text p { line-height: 1.75; margin-bottom: 20px; }
.story-aside { display: inline-block; margin-top: 10px; }
@media(prefers-reduced-motion:reduce) { .name-reveal::before { transform: none; transition: none; } .name-reveal > span { clip-path: none; transition: none; } }
/* Lift the opening card slightly further over its photo. */
.story-chapter:first-of-type .story-text { position: relative; top: -30px; }
@media(min-width:701px) { .story-chapter:first-of-type .story-text { grid-column: 5 / 13; margin-right: 24px; } }
@media(max-width:700px) { .story-chapter:first-of-type .story-text { top: 0; margin-top: -70px; } }
/* Reference layout: compact alternating pairs and side-to-image connectors. */
@media(min-width:701px) {
  .story-timeline { max-width: 920px; }
  .story-chapter { min-height: 290px; margin-bottom: 70px; }
  .story-chapter .story-visual { grid-column: 1 / 5; grid-row: 1; }
  .story-chapter .story-text, .story-chapter:first-of-type .story-text { grid-column: 4 / 10; grid-row: 1; margin: 0; top: 0; padding: 24px; }
  .story-chapter:nth-of-type(even) .story-visual { grid-column: 9 / 13; }
  .story-chapter:nth-of-type(even) .story-text { grid-column: 4 / 10; }
  .story-text h3 { font-size: 24px; }
  .story-text p { font-size: 16px; line-height: 1.65; }
  .photo-start.figma-story-pair .story-photo { width: 100%; }
  .figma-story-pair { padding-bottom: 22%; }
  .story-photo-secondary { width: 48%; right: -8%; border-width: 8px; border-radius: 22px; }
  .story-photo { border-radius: 22px; }
  .story-pipeline { grid-template-columns: 1fr; padding: 24px 12px; gap: 8px; }
}
/* Give the opening image pair and text more room. */
@media(min-width:701px) {
  .story-chapter:first-of-type .story-visual { width: 114%; justify-self: start; }
  .story-chapter:first-of-type .story-text { grid-column: 4 / 12; }
}
@media(max-width:700px) {
  .story-chapter:first-of-type .story-visual { grid-column: 1 / 13; }
  .story-chapter:first-of-type .story-text { grid-column: 1 / 13; }
}
@media(min-width:701px) {
  .story-chapter:first-of-type .story-text { margin-left: -25.2%; margin-right: 25.2%; }
}
@media(min-width:701px) {
  .story-chapter:first-of-type .story-text { margin: 0; left: var(--opening-card-offset,0px); }
}
@media(min-width:701px) {
  .story-chapter:nth-of-type(2) .story-visual { width: 118%; justify-self: end; align-self: end; margin-top: 45px; }
}
.part-two-pair { padding-bottom: 22%; }
.part-two-pair .story-photo { width: 100%; height: auto; aspect-ratio: 371 / 354; border-radius: 30px; }
.part-two-pair .story-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 65%; }
.part-two-pair .payment-photo { width: 48%; right: auto; left: -8%; aspect-ratio: 198 / 211; border-width: 8px; border-radius: 22px; }
.payment-photo img { width: 100%; height: auto; top: 0; transform: translateY(-10%); }
@media(min-width:701px) {
  .story-chapter.story-part-two .story-visual { width: 114%; align-self: center; margin-top: 0; justify-self: end; }
  .story-chapter.story-part-two .story-text { grid-column: 2 / 10; position: relative; left: var(--second-card-offset,0px); }
}
.part-three-pair { padding-bottom: 22%; }
.part-three-pair .story-photo { width: 100%; height: auto; aspect-ratio: 1 / 1.62; border-radius: 24px; }
.part-three-pair .story-photo img { width: 108%; height: auto; left: -5%; transform: translateY(-6%); }
.part-three-pair .course-photo { width: 56%; right: -12%; aspect-ratio: 1 / 1.25; border-width: 8px; border-radius: 22px; }
.course-photo img { width: 112%; height: auto; top: 0; left: -6%; transform: translateY(-22%); }
@media(min-width:701px) {
  .story-chapter.story-part-three .story-visual { width: 114%; justify-self: start; }
  .story-chapter.story-part-three .story-text { grid-column: 4 / 12; position: relative; left: var(--third-card-offset,0px); }
}
/* Shared two-sided grid: one elbow lands directly on the next photo. */
@media(min-width:701px) {
  .story-timeline { max-width: 1100px; }
  .story-chapter .story-visual,
  .story-chapter:first-of-type .story-visual,
  .story-chapter.story-part-three .story-visual { grid-column: 1 / 5; width: 100%; justify-self: start; margin: 0; }
  .story-chapter:nth-of-type(even) .story-visual,
  .story-chapter.story-part-two .story-visual { grid-column: 9 / 13; width: 100%; justify-self: end; margin: 0; }
  .story-chapter .story-text,
  .story-chapter:first-of-type .story-text,
  .story-chapter.story-part-three .story-text { grid-column: 5 / 11; left: -10%; top: 0; margin: 0; width: 100%; }
  .story-chapter:nth-of-type(even) .story-text,
  .story-chapter.story-part-two .story-text { grid-column: 3 / 9; left: 10%; top: 0; margin: 0; width: 100%; }
}
@media(min-width:701px) {
  .story-chapter .story-text,
  .story-chapter:first-of-type .story-text,
  .story-chapter.story-part-three .story-text { left: 6.6667%; }
  .story-chapter:nth-of-type(even) .story-text,
  .story-chapter.story-part-two .story-text { left: -6.6667%; }
}
/* Lower the course receipt so it overlaps only the bottom of part three. */
.part-three-pair .course-photo { bottom: -65px; }
.part-four-collage { display: flex; flex-direction: column; gap: 12px; }
.part-four-collage img { display: block; width: 100%; }
.certificate-photo { overflow: hidden; border-radius: 24px; aspect-ratio: 1 / 1.1; }
.certificate-photo img { height: 100%; object-fit: cover; object-position: center 25%; }
.transfer-crop { overflow: hidden; aspect-ratio: 1152 / 960; border-radius: 16px; position: relative; }
.transfer-crop img { position: absolute; top: 0; transform: translateY(-24%); }
.transfer-note-crop { overflow: hidden; aspect-ratio: 460 / 52; position: relative; }
.transfer-note-crop img { position: absolute; width: 250%; max-width: none; left: -140%; top: 0; transform: translateY(-65.15%); }
.invoice-pair { display: grid; gap: 6px; padding: 8px; background: #edf8f8; border-radius: 14px; border: 1px solid #2bdae035; }
.invoice-pair img { border-radius: 8px; }
.payment-proof { overflow: hidden; aspect-ratio: 1206 / 260; border-radius: 14px; position: relative; }
.payment-proof img { position: absolute; top: 0; }
.leads-proof { position: relative; overflow: hidden; aspect-ratio: 1 / .72; border-radius: 16px; }
.leads-proof img { position: absolute; top: 0; transform: translateY(-30%); }
.leads-redact { position: absolute; left: 24%; top: 0; width: 31%; height: 85%; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); background: #e0e9ef30; }
.leads-details-redact { position: absolute; right: 0; top: 0; width: 13%; height: 74%; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
@media(min-width:701px) { .story-chapter.story-part-four { align-items: start; } .story-part-four .story-text { margin-top: 45px; } }
.leads-redact { left: 24%; width: 25%; height: 100%; }
.figma-growth-images { display: flex; flex-direction: column; gap: 14px; }
.figma-growth-images img, .figma-payment-images img { display: block; width: 100%; border-radius: 14px; }
.growth-small-images { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-items: center; }
.growth-small-images img { aspect-ratio: 3 / 4; object-fit: cover; }
.mentoring-new-crop { overflow: hidden; border-radius: 20px; aspect-ratio: 344 / 282; position: relative; }
.mentoring-new-crop img { position: absolute; width: 100%; height: 217.08%; top: -60.35%; object-fit: cover; }
/* Preserve the relative sizes and overlaps of the Figma image composition. */
.figma-growth-images { position: relative; display: block; aspect-ratio: 471 / 678; }
.figma-growth-images .certificate-photo { position: absolute; left: 24.84%; top: 17.11%; width: 50.32%; height: 46.61%; aspect-ratio: auto; border-radius: 20px; }
.figma-growth-images .certificate-photo img { object-position: center; border-radius: 20px; }
.growth-small-images { display: contents; }
.growth-small-images img { position: absolute; border: 6px solid white; }
.growth-small-images img:first-child { left: 57.75%; top: 0; width: 30.15%; height: 28.02%; object-position: 55% 53%; }
.growth-small-images img:last-child { left: 10.4%; top: 40.41%; width: 25.48%; height: 26.11%; object-position: 40% 52%; }
.figma-growth-images > img:nth-last-child(2) { position: absolute; left: 40.13%; top: 55.75%; width: 59.87%; height: 18.29%; object-fit: cover; }
.figma-growth-images > img:last-child { position: absolute; left: 0; top: 59%; width: 72.61%; height: 44.25%; object-fit: contain; }
.figma-payment-images { width: 100%; }
.figma-payment-images img { height: auto; object-fit: contain; }
/* A modest, consistent overlap between each text card and its image. */
@media(min-width:701px) {
  .story-chapter .story-text,
  .story-chapter:first-of-type .story-text,
  .story-chapter.story-part-three .story-text { left: 10%; }
  .story-chapter:nth-of-type(even) .story-text,
  .story-chapter.story-part-two .story-text { left: -10%; }
}
.june-native { position: absolute; left: 40.13%; top: 55.75%; width: 59.87%; }
.june-native > img { width: 100%; border-radius: 12px; }
.proof-date { position: absolute; top: -12px; right: 8%; border-radius: 20px; background: #fff; padding: 3px 12px; color: #0e1525; font: 12px Leon,sans-serif; box-shadow: 0 2px 7px #0002; white-space: nowrap; }
.june-private { position: absolute; left: 12%; top: 19%; width: 22%; height: 61%; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); background: #f2f4f580; }
.feb-native { position: absolute; left: 0; top: 70%; width: 65%; }
.feb-crop { position: relative; aspect-ratio: 301 / 200; overflow: hidden; border-radius: 22px; box-shadow: 0 4px 20px #0002; }
.feb-crop > img { position: absolute; width: 120%; max-width: none; height: 321.25%; left: -20%; top: -95.92%; object-fit: fill; border-radius: 0; }
.feb-private { position: absolute; left: 14%; top: 15%; width: 27%; height: 80%; backdrop-filter: blur(7.5px); -webkit-backdrop-filter: blur(7.5px); background: #d9d9d940; }
.native-payments { position: relative; aspect-ratio: 441 / 406; }
.native-payments > img, .native-payments > div { position: absolute; }
.native-payments .payment-extra-a { width: 30.16%; left: 10.88%; top: 7.5%; }
.native-payments .payment-extra-b { width: 33.5%; left: 30.2%; top: 0; transform: rotate(2deg); }
.native-payments .payment-extra-c { width: 35.9%; left: 18.6%; top: 20.8%; transform: rotate(-1deg); }
.native-transfers { left: 0; top: 36.45%; width: 57.14%; aspect-ratio: 252 / 226; overflow: hidden; }
.native-transfers img { width: 100%; transform: translateY(-22.67%); border-radius: 0; }
.native-payments .native-invoice { left: 49%; top: 53.7%; width: 45.5%; box-shadow: 0 4px 8px #0002; border-radius: 8px; }

/* Stable proportional story grid and native-resolution evidence crops. */
@media(min-width:701px) {
 .about-section { padding-inline: 9.722222vw; }
 .story-timeline { max-width: none; }
 .story-chapter .story-visual, .story-chapter:first-of-type .story-visual, .story-chapter.story-part-three .story-visual { grid-column:1/6; width:94%; }
 .story-chapter:nth-of-type(even) .story-visual, .story-chapter.story-part-two .story-visual { grid-column:8/13; width:94%; }
 .story-chapter .story-text, .story-chapter:first-of-type .story-text, .story-chapter.story-part-three .story-text { grid-column:5/11; left:0; }
 .story-chapter:nth-of-type(even) .story-text, .story-chapter.story-part-two .story-text { grid-column:3/9; left:0; }
 .story-photo-secondary { right:0; }
 .part-two-pair .payment-photo { left:0; }
 .part-three-pair .course-photo { right:0; }
}
.story-route-base { opacity:.13; }
.story-route path:not(.story-route-base) { stroke-width:2.5; }
.name-reveal::after { content:''; position:absolute; inset:-4px -2px; pointer-events:none; background:radial-gradient(circle at 0 50%,#2bdae0 0 4px,transparent 4.5px),radial-gradient(circle at 100% 50%,#2bdae0 0 4px,transparent 4.5px); opacity:0; transition:opacity .3s .8s; }
.about-heading.is-revealed .name-reveal::after { opacity:1; }
.figma-growth-images { min-height:0; overflow:visible; }
.figma-growth-images .growth-small-images > img { position:absolute; display:block; max-width:100%; object-fit:cover; }
.figma-growth-images .growth-small-images > img:first-child { left:57.75%; top:0; width:30.15%; height:28.02%; }
.figma-growth-images .growth-small-images > img:last-child { left:10.4%; top:40.41%; width:25.48%; height:26.11%; }
.june-native { aspect-ratio:282/124; }
.june-native > img { height:100%; object-fit:cover; }
.june-private { left:12.06%; top:17.74%; width:10.99%; height:51.61%; background:#d9d9d93d; }
.june-count,.feb-count,.feb-heading { position:absolute; overflow:hidden; background:#fff; box-shadow:0 4px 12px #0002; }
.june-count { left:44.33%; top:75%; width:20.57%; aspect-ratio:58/40; border-radius:12px; }
.june-count img { position:absolute; max-width:none; width:975.06%; height:620%; left:-477.18%; top:-520%; border-radius:0; }
.feb-native { left:1.03%; top:70.05%; width:63.97%; }
.feb-private { left:14.48%; top:15.69%; width:10.37%; height:80%; }
.feb-count { left:32.24%; top:76.94%; width:15.89%; aspect-ratio:47.866/49.121; border-radius:50%; }
.feb-count img { position:absolute; max-width:none; width:1172.37%; height:2027.72%; left:-543.44%; top:-1113.37%; border-radius:0; }
.feb-heading { left:-1.61%; top:-1.96%; width:38.3%; aspect-ratio:115.412/33.141; border-radius:25px; }
.feb-heading img { position:absolute; max-width:none; width:437.11%; height:2707.08%; left:-72.85%; top:-808.29%; border-radius:0; }
.native-payments { aspect-ratio:416.659/450; }
.native-payments .payment-extra-a { width:47.52%; left:7.2%; top:10.04%; }
.native-payments .payment-extra-b { width:53%; left:37.73%; top:0; }
.native-payments .payment-extra-c { width:56.8%; left:19.4%; top:28.07%; }
.native-transfers { top:49.78%; width:60.48%; }
.native-payments .native-invoice { left:51.84%; top:65.33%; width:48.16%; }
/* Keep the enlarged February count outside the private-name blur. */
.feb-count { z-index:3; }
.feb-count img { width:1509%; height:2616%; left:-730%; top:-1447%; }
@media(min-width:701px) {
 .story-chapter .story-text,.story-chapter:first-of-type .story-text,.story-chapter.story-part-three .story-text { left:-4%; }
 .story-chapter:nth-of-type(even) .story-text,.story-chapter.story-part-two .story-text { left:4%; }
}
.story-chapter .story-text { position:relative; }
/* Keep the original photo proportions in the opening three chapters. */
@media(min-width:701px) {
 .story-chapter:nth-of-type(-n+3) .story-visual { grid-column:1/5; width:100%; justify-self:start; }
 .story-chapter:nth-of-type(2) .story-visual { grid-column:9/13; justify-self:end; }
 .story-chapter:nth-of-type(-n+3) .story-text { left:10%; }
 .story-chapter:nth-of-type(2) .story-text { left:-10%; }
 .story-chapter:first-of-type .story-photo-secondary { right:-8%; }
 .story-chapter:nth-of-type(2) .payment-photo { left:-8%; }
 .story-chapter:nth-of-type(3) .course-photo { right:-12%; }
}

/* Soft opening card and selection handles matching the supplied reference. */
.story-chapter:first-of-type .story-text {
 background:rgba(232,249,249,.90);
 border:1px solid rgba(49,185,191,.22);
 box-shadow:0 12px 40px rgba(25,116,123,.055);
}
.name-reveal { --name-accent:#41d4dd; }
.name-reveal::before {
 border-inline:2px solid var(--name-accent);
 background:rgba(65,212,221,.10);
}
.name-reveal::after {
 inset:-4px -3px;
 background:radial-gradient(circle at 4px 4px,var(--name-accent) 0 4px,transparent 4.5px),radial-gradient(circle at calc(100% - 4px) calc(100% - 4px),var(--name-accent) 0 4px,transparent 4.5px);
}
.story-text h3 { font-size:clamp(26px,2.2vw,32px); line-height:1.3; }
@media(max-width:700px) { .story-text h3 { font-size:26px; } }

.story-chapter .story-text p { font-size:18px; line-height:1.75; }
@media(max-width:700px) { .story-chapter .story-text p { font-size:17px; } }

/* Near-white turquoise tint with a quiet, crisp outline. */
.story-chapter:first-of-type .story-text { background:rgba(247,252,252,.96); border:1px solid rgba(95,174,179,.18); box-shadow:0 10px 32px rgba(25,116,123,.035); }

/* Distribute heading lines evenly without changing Noam's wording. */
.story-chapter .story-text h3 { text-wrap:balance; }
/* A shared finish for every personal-story card. */
.story-chapter .story-text {
 background:rgba(247,252,252,.96);
 border:1px solid rgba(95,174,179,.18);
 box-shadow:0 10px 32px rgba(25,116,123,.035);
}
/* Give the two longest headings room without obscuring the visual. */
@media(min-width:701px) {
 .story-chapter:nth-of-type(n+5) .story-text {
  grid-column:1/13; grid-row:2; width:100%; left:0;
  margin-top:-24px;
 }
 .story-chapter:nth-of-type(n+5) .story-text h3 { max-width:100%; }
}

/* Mentee results: swipeable design comparisons, followed by real deal evidence. */
.mentee-results { padding:90px 9.72vw 100px; background:#f7fcfc; color:#0e1525; font-family:Arfilit,sans-serif; }
.results-heading { text-align:center; max-width:850px; margin:0 auto 60px; }
.results-heading > span { color:#44888c; font:20px Simona,sans-serif; }
.results-heading h2 { font-size:clamp(32px,3.2vw,46px); font-weight:400; line-height:1.2; text-wrap:balance; margin:16px 0; }
.results-subheading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.results-subheading h3,.deals-area > h3 { font-size:28px; font-weight:400; }
.comparison-controls { display:flex; gap:8px; }
.comparison-controls button { width:42px; height:42px; border:1px solid #78babd66; background:white; color:#153238; border-radius:50%; cursor:pointer; font-size:24px; }
.comparison-controls button:hover { background:#dcf5f5; }
.comparison-track { display:flex; gap:24px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-color:#66bdc2 #e8f2f2; padding:10px 0 24px; }
.comparison-card { flex:0 0 84%; scroll-snap-align:center; background:#fff; border:1px solid #99c9cc55; border-radius:24px; padding:20px; }
.comparison-pair { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.design-slot > span { display:inline-block; padding:5px 16px; border-radius:30px; background:#edf0f3; margin-bottom:14px; font:18px Simona,sans-serif; }
.design-slot.after > span { background:#dff5f4; color:#1e6669; }
.design-placeholder { display:grid; place-items:center; aspect-ratio:4/5; border:1px dashed #bbcdd0; border-radius:12px; background:linear-gradient(145deg,#f6f8fa,#edf2f4); color:#708387; font:18px Simona,sans-serif; }
.after .design-placeholder { background:linear-gradient(145deg,#f6fcfc,#e8f6f5); }
.deals-area { margin-top:70px; }
.deal-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; align-items:start; }
.deal-card { overflow:hidden; border:1px solid #99c9cc55; border-radius:22px; background:#fff; padding:24px; }
.deal-card header > span { display:block; font:20px Simona,sans-serif; }
.deal-card strong { display:block; margin:16px 0 8px; font:40px Leon,Arial,sans-serif; color:#187f85; }
.deal-card h4 { font-weight:400; font-size:22px; text-wrap:balance; line-height:1.3; margin:0 0 24px; }
.deal-evidence .result-proof { display:block; position:relative; overflow:hidden; border-radius:12px; width:100%; }
.result-proof img { position:absolute; max-width:none; height:auto; }
@media(max-width:700px) { .mentee-results { padding:60px 24px; } .comparison-card { flex-basis:95%; padding:12px; } .comparison-pair { gap:10px; } .design-placeholder { font-size:13px; } .deal-grid { grid-template-columns:1fr; } .results-subheading h3 { font-size:24px; } }
/* Dark results section, with a soft blue–teal glow entering from the side. */
.mentee-results {
 background:radial-gradient(ellipse at 105% 20%,rgba(48,143,170,.32),transparent 48%),radial-gradient(ellipse at -15% 85%,rgba(47,91,155,.22),transparent 50%),linear-gradient(155deg,#101c30,#0d1424 65%,#101e32);
 color:#f5f9ff;
}
.results-heading > span { color:#88cbd3; }
.comparison-card,.deal-card { background:rgba(21,37,58,.78); border-color:rgba(139,195,218,.18); box-shadow:0 16px 45px #050b1426; }
.comparison-controls button { background:#1a3048; color:#def8ff; border-color:#8bc3da40; }
.comparison-controls button:hover { background:#25465f; }
.comparison-track { scrollbar-color:#538da1 #15263b; }
.design-slot > span { background:#29394e; color:#d6e2ef; }
.design-slot.after > span { background:#214750; color:#a6f0ed; }
.design-placeholder { background:linear-gradient(145deg,#1c2d43,#142337); border-color:#64859766; color:#9bb1c4; }
.after .design-placeholder { background:linear-gradient(145deg,#1c3b48,#162c3e); }
.deal-card strong { color:#83e0df; }

/* Full-image comparisons: before on the left, after on the right. */
.comparison-track { padding:0; gap:24px; scrollbar-width:none; }
.comparison-track::-webkit-scrollbar { display:none; }
.comparison-card { flex:0 0 100%; min-width:0; padding:0; border:0; border-radius:18px; background:transparent; box-shadow:none; overflow:hidden; }
.design-comparison { position:relative; aspect-ratio:var(--image-ratio); direction:ltr; overflow:hidden; isolation:isolate; border:1px solid rgba(255,255,255,.5); border-radius:18px; background:#0a101c; }
.comparison-image { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:fill; user-select:none; pointer-events:none; }
.comparison-before { clip-path:inset(0 calc(100% - var(--split)) 0 0); background:#0a101c; }
.comparison-label { position:absolute; top:18px; z-index:2; padding:10px 19px; border-radius:12px; border:1px solid #ffffff70; background:linear-gradient(135deg,#ffffff30,#ffffff10); backdrop-filter:blur(18px) saturate(150%); -webkit-backdrop-filter:blur(18px) saturate(150%); color:white; box-shadow:inset 0 1px 0 #ffffff40,0 4px 18px #0003; text-shadow:0 1px 5px #000a; font:20px Arfilit,sans-serif; direction:rtl; pointer-events:none; }
.label-before { left:18px; } .label-after { right:18px; }
.comparison-divider { position:absolute; left:var(--split); top:0; bottom:0; width:2px; transform:translateX(-50%); background:rgba(255,255,255,.85); pointer-events:none; z-index:3; box-shadow:0 0 12px #68b9ff77; }
.comparison-handle { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:48px; height:48px; display:grid; place-items:center; color:white; border:1px solid #ffffffa0; border-radius:50%; background:#176deac9; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); box-shadow:0 4px 20px #0005,inset 0 1px 0 #ffffff50; }
.comparison-range { position:absolute; inset:0; z-index:4; width:100%; height:100%; margin:0; opacity:0; cursor:ew-resize; direction:ltr; touch-action:pan-y; }
.design-comparison:focus-within { outline:3px solid #87caff; outline-offset:3px; }
.comparison-navigation { display:flex; align-items:center; justify-content:center; gap:20px; margin-top:20px; }
.comparison-counter { font:16px Leon,Arial,sans-serif; color:#c6d9ec; direction:ltr; min-width:44px; }
@media(max-width:700px) { .comparison-card { flex-basis:100%; padding:0; } .design-comparison,.comparison-card { border-radius:10px; } .comparison-label { top:8px; padding:6px 9px; font-size:12px; border-radius:8px; } .label-before { left:8px; } .label-after { right:8px; } .comparison-handle { width:36px; height:36px; } .comparison-handle svg { width:22px; } }
.comparison-track { align-items:flex-start; }
.comparison-controls button:disabled { opacity:.35; cursor:default; }
.design-comparison:focus-within { outline:none; }
.design-comparison:has(.comparison-range:focus-visible) { outline:3px solid #87caff; outline-offset:-3px; }

/* Figma results panel (73:2 / 73:4), with a multi-card comparison strip. */
.mentee-results { padding:80px 24px 100px; background:#fff; }
.comparison-panel { border-radius:15px; background:linear-gradient(180deg,#091636 54.267%,#0c0c0c 100%); padding:56px 0 74px; overflow:hidden; }
.results-heading { margin:0 auto 64px; padding:0 20px; }
.results-heading h2 { font-size:36px; line-height:46px; margin:0; }
.results-heading strong { font-weight:900; }
.comparison-track { gap:20px; padding:18px 24px; scroll-padding-inline:24px; align-items:stretch; }
.comparison-card { flex:0 0 calc((100% - 40px)/2.5); overflow:visible; border-radius:12px; scroll-snap-align:start; }
.design-comparison { aspect-ratio:2/1; border:1px solid rgba(235,239,244,.5); border-radius:12px; box-shadow:0 0 14px #ffffff15,0 0 3px #ffffff24; }
.comparison-label { top:9px; padding:6px 9px; font-size:12px; border-radius:8px; transition:opacity .12s ease; white-space:nowrap; }
.label-before { left:9px; } .label-after { right:9px; }
.comparison-label[data-hidden="true"] { opacity:0; visibility:hidden; }
.comparison-divider { width:1px; background:#ffffffa6; box-shadow:0 0 8px #ffffff4d; }
.comparison-handle { width:32px; height:32px; border:1px solid #ffffff80; background:linear-gradient(145deg,#e5efff40,#25344d8c); color:#f3f7ff; box-shadow:0 0 12px #ffffff20,inset 0 1px 0 #ffffff55; }
.comparison-handle svg { width:18px; height:14px; }
.comparison-controls button { background:linear-gradient(145deg,#e5efff24,#ffffff08); border:1px solid #ffffff66; color:#fff; box-shadow:inset 0 1px 0 #ffffff25,0 0 10px #ffffff0d; backdrop-filter:blur(14px); }
.comparison-controls button:hover { background:#ffffff26; }
.comparison-navigation { margin-top:26px; }
.deals-area { margin:70px auto 0; max-width:1160px; color:#0e1525; }
.deal-card { color:#f5f9ff; }
@media(max-width:1000px) and (min-width:701px) { .comparison-card { flex-basis:calc((100% - 40px)/2.5); } }
@media(max-width:700px) { .mentee-results { padding:50px 12px 60px; } .comparison-panel { padding:40px 0 48px; } .results-heading { margin-bottom:30px; } .results-heading h2 { font-size:27px; line-height:1.35; } .comparison-track { padding-inline:16px; scroll-padding-inline:16px; gap:16px; } .comparison-card { flex-basis:86%; } .comparison-label { font-size:11px; } .deals-area { padding-inline:12px; } }
@font-face { font-family:Arfilit; src:url('fonts/Arfilit-Black.otf') format('opentype'); font-weight:900; font-display:swap; }
.comparison-label { max-width:calc(50% - 20px); white-space:normal; text-align:center; line-height:1.2; }

.comparison-dots { display:flex; align-items:center; justify-content:center; gap:4px; }
.comparison-dot { display:grid; place-items:center; width:28px; height:28px; padding:0; border:0; background:transparent; cursor:pointer; }
.comparison-dot::after { content:""; width:7px; height:7px; border-radius:50%; background:#ffffff45; transition:background .2s,box-shadow .2s; }
.comparison-dot[aria-current="true"]::after { background:#fff; box-shadow:0 0 10px #ffffff70; }
.comparison-dot:focus-visible { outline:1px solid #fff; border-radius:50%; }

.comparison-track { scroll-snap-type:none; }
.comparison-dots { gap:0; width:max-content; }
.comparison-dot { width:20px; height:24px; }
/* Brand blue–teal accent for the comparison drag control. */
.comparison-handle { background:linear-gradient(145deg,rgba(83,166,192,.94),rgba(28,76,114,.94)); border-color:rgba(166,225,239,.85); color:#fff; box-shadow:0 0 14px rgba(103,192,216,.28),inset 0 1px 0 rgba(225,249,255,.55); }

.comparison-panel .deals-area { color:#fff; margin:70px auto 0; padding:0 36px; }
.comparison-panel .deals-area > h3 { text-align:center; font-size:36px; line-height:1.3; margin:0 0 40px; }
.comparison-panel .deals-area > h3 strong { font-weight:900; }
@media(max-width:700px) { .comparison-panel .deals-area { padding:0 20px; } .comparison-panel .deals-area > h3 { font-size:27px; } }

/* Financial proof cards: raised turquoise amount, person, original message. */
.comparison-panel .deals-area { margin-top:84px; max-width:1300px; }
.comparison-panel .deals-area > h3 { margin-bottom:70px; }
.deal-grid { gap:58px 28px; align-items:stretch; }
.deal-card { position:relative; overflow:visible; border:1px solid rgba(207,206,187,.24); border-radius:24px; background:linear-gradient(165deg,#272c36 0%,#191f2a 52%,#0a101a 100%); padding:46px 20px 24px; box-shadow:none; }
.deal-amount { position:absolute; top:0; right:28px; transform:translateY(-50%) rotate(-1deg); background:linear-gradient(175deg,#38f2df,#22968f); border:1px solid #80fff340; border-radius:4px; padding:10px 16px; color:white; text-align:center; box-shadow:inset 0 1px 0 #ffffff30; }
.deal-amount strong { display:block; margin:0; color:white; font:28px Leon,Arial,sans-serif; direction:ltr; white-space:nowrap; }
.deal-amount small { display:block; font:12px Arfilit,sans-serif; margin-bottom:4px; }
.deal-person { display:flex; align-items:center; gap:10px; margin-bottom:18px; color:#c4c5ca; }
.deal-card .deal-person > span { font:18px Arfilit,sans-serif; }
.deal-person .deal-avatar { flex:0 0 28px; width:28px; height:28px; border-radius:50%; overflow:hidden; position:relative; }
.deal-avatar img { position:absolute; height:auto; max-width:none; }
.deal-person .anonymous-avatar { display:grid; place-items:center; background:#ffffff14; color:#a4dcda; font:16px Leon,sans-serif; }
.deal-evidence { background:transparent; }
.deal-evidence .result-proof { border-radius:10px; }
@media(max-width:1000px) and (min-width:701px) { .deal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .deal-grid { grid-template-columns:1fr; gap:52px; } .deal-card { padding:44px 18px 22px; } .deal-amount strong { font-size:27px; } }

/* Match the reference: restrained charcoal card, thin warm-grey border, flat teal badge. */
.deal-grid { gap:54px 30px; align-items:start; }
.deal-card { padding:64px 18px 28px; border-radius:23px; border:1px solid rgba(164,160,139,.3); background:linear-gradient(180deg,#252a34 0%,#191e28 48%,#0b1019 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.025); }
.deal-amount { right:32px; padding:9px 15px; border-radius:3px; border:1px solid rgba(106,255,237,.2); background:linear-gradient(180deg,#32f4df 0%,#28b8aa 60%,#24958f 100%); box-shadow:none; transform:translateY(-50%) rotate(-1deg); }
.deal-amount strong { font-family:Simona,Arial,sans-serif; font-weight:400; font-size:29px; line-height:1.2; letter-spacing:0; }
.deal-amount small { font-family:Arfilit,sans-serif; font-size:11px; }
.deal-evidence .result-proof { border-radius:9px; }
@media(max-width:700px) { .deal-card { padding:58px 18px 26px; } .deal-amount strong { font-size:29px; } }

/* Financial proof conveyor: constant left-to-right movement. */
.comparison-panel .deals-area { max-width:none; padding-inline:0; overflow:hidden; }
.financial-marquee { overflow:hidden; padding:32px 0 12px; direction:ltr; }
.financial-belt { display:flex; width:max-content; will-change:transform; animation:financial-drift var(--drift-duration,65s) linear infinite; }
.financial-belt .deal-grid { display:flex; gap:24px; padding-right:24px; flex:none; direction:ltr; align-items:center; }
.financial-belt .deal-card { width:360px; flex:0 0 360px; direction:rtl; }
.financial-marquee:hover .financial-belt,.financial-marquee:focus-within .financial-belt { animation-play-state:paused; }
@keyframes financial-drift { from { transform:translateX(-50%); } to { transform:translateX(0); } }
@media(max-width:700px) { .financial-belt .deal-card { width:290px; flex-basis:290px; } }
@media(prefers-reduced-motion:reduce) { .financial-belt { animation:none; } .financial-marquee { overflow-x:auto; } .financial-belt .deal-grid[aria-hidden=true] { display:none; } }
.comparison-handle { background:linear-gradient(145deg,#559eea 0%,#245ea6 46%,#102c5a 100%); border-color:rgba(154,200,255,.7); box-shadow:0 0 12px rgba(71,135,220,.24),inset 0 1px 0 rgba(218,237,255,.45); }
/* Drag handle palette matched to the supplied navy circle reference. */
.comparison-handle { background:linear-gradient(180deg,#142855 0%,#101d3b 52%,#0e1524 100%); border-color:rgba(180,197,226,.42); box-shadow:inset 0 1px 0 rgba(215,228,255,.12),0 2px 8px rgba(0,0,0,.22); color:#fff; }
/* Top-aligned financial cards and a frosted turquoise price pill. */
.financial-belt .deal-grid { align-items:flex-start; }
.deal-amount { border-radius:999px; padding:11px 20px; transform:translateY(-50%); background:rgba(50,218,201,.24); border:1px solid rgba(148,255,240,.48); backdrop-filter:blur(18px) saturate(160%); -webkit-backdrop-filter:blur(18px) saturate(160%); box-shadow:inset 0 1px 0 rgba(232,255,252,.24),0 4px 18px rgba(3,28,35,.14); }
.deal-amount strong { color:#ddfff9; }
/* Original turquoise, fully rounded, without a price outline. */
.deal-amount { background:linear-gradient(180deg,#32f4df 0%,#28b8aa 60%,#24958f 100%); border:0; border-radius:999px; backdrop-filter:none; -webkit-backdrop-filter:none; box-shadow:none; }
.deal-amount strong { color:#fff; }
/* Restore the lightly rounded, one-degree tilted turquoise price tag. */
.deal-amount { border-radius:3px; padding:9px 15px; transform:translateY(-50%) rotate(-1deg); background:linear-gradient(180deg,#32f4df 0%,#28b8aa 60%,#24958f 100%); border:1px solid rgba(106,255,237,.2); box-shadow:0 2px 0 #1d7975; }
/* Narrow only the final two story text cards. */
@media(min-width:701px) {
 .story-chapter:nth-of-type(5) .story-text,
 .story-chapter:nth-of-type(6) .story-text { width:min(100%,max(65%,700px)); max-width:1000px; justify-self:center; }
 .story-chapter:nth-of-type(5) .story-text h3,
 .story-chapter:nth-of-type(6) .story-text h3 { max-width:36ch; margin-inline:0; text-wrap:balance; }
}
/* Keep both final story cards and their body copy within the heading measure. */
@media(min-width:701px) {
 .story-chapter:nth-of-type(5) .story-text,
 .story-chapter:nth-of-type(6) .story-text {
  font-size:clamp(26px,2.2vw,32px);
  width:min(100%,calc(36ch + 64px));
  max-width:1000px;
  padding-inline:32px;
 }
 .story-chapter:nth-of-type(5) .story-text h3,
 .story-chapter:nth-of-type(6) .story-text h3,
 .story-chapter:nth-of-type(5) .story-text p,
 .story-chapter:nth-of-type(6) .story-text p { max-width:100%; overflow-wrap:break-word; }
}

/* Syllabus — Figma 11:28, lesson and practice schedule. */
@font-face{font-family:Danidin;src:url('fonts/Danidin-Condensed.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Danidin;src:url('fonts/Danidin-CondensedHeavy.otf') format('opentype');font-weight:900;font-display:swap}
@font-face{font-family:Polin;src:url('fonts/Polin-Regular.otf') format('opentype');font-weight:400;font-display:swap}
.mentee-results{border-radius:0;position:relative;z-index:1}
.syllabus{position:relative;isolation:isolate;background:#0e1525;color:white;padding:35px 24px 120px;font-family:Polin,sans-serif}
.syllabus::before{content:'';position:absolute;z-index:-1;inset:0 0 auto;height:2259px;background:url('assets/syllabus/background.png') center top/cover no-repeat;opacity:.5;pointer-events:none}
.syllabus-heading{text-align:center;position:relative;padding:72px 0 55px}
.syllabus-heading>span{position:absolute;top:0;left:0;right:0;color:rgba(255,255,255,.04);font:96px/1.5 Danidin,sans-serif;letter-spacing:19.2px}
.syllabus-heading h2{position:relative;margin:0;font:44px/1.2 Arfilit,sans-serif}
.syllabus-heading h2 strong{font-weight:900}
.syllabus-schedule{max-width:1022px;margin:auto}
.syllabus-lesson{position:relative;display:grid;grid-template-columns:270px minmax(0,1fr);border-bottom:1px solid rgba(255,255,255,.16);min-height:292px}
.syllabus-meta{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 12px;position:relative;gap:12px}
.syllabus-number{font:148px/.85 Danidin,sans-serif;direction:ltr;text-shadow:0 2px 11px #0008}
.syllabus-meta p{font-size:18.5px;color:#ffffffb3;white-space:nowrap;margin:0}
.syllabus-badge{font:20px/1.3 Simona,sans-serif;border-radius:56px;background:#ffffff1a;color:#f1d790;padding:10px 20px;margin-bottom:0;backdrop-filter:blur(6px)}
.syllabus-content{position:relative;padding:34px 26px 34px 100px;align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:13px}
.syllabus-icon{width:36px;height:36px;object-fit:contain}
.syllabus-content h3{font:900 37px/1.05 Danidin,sans-serif;margin:0}
.syllabus-content>p{font-size:18.556px;line-height:1.4;margin:0;max-width:624px}
.syllabus-content>p strong{font-family:Danidin,sans-serif;font-size:23px;font-weight:900}
.syllabus-topic{position:absolute;left:26px;top:94px;color:#ffffff59;font-size:22px}
.syllabus-lesson.is-practice .syllabus-content{background:#192237;border-radius:0 18px 18px 0;padding:26px 32px;}
.syllabus-homework{border-right:1px solid #e8f778;padding-right:12px;margin-top:8px;font-size:16.5px;line-height:1.4}
.syllabus-homework strong{font:900 23px/1.2 Danidin,sans-serif;text-decoration:underline}
.syllabus-focus{display:flex;gap:28px;align-items:center;max-width:892px;margin:28px auto;padding:20px 24px;background:#192237;border-right:5.5px solid #f1d790;border-radius:7px;min-height:112px}
.syllabus-focus>img{width:71px;height:71px;border-radius:50%;flex:none}
.syllabus-focus h3{font:900 33px/1.15 Danidin,sans-serif;margin:0 0 8px}
.syllabus-focus p{font-size:18.556px;line-height:1.4}
.syllabus-guest{display:flex;align-items:center;gap:12px;position:absolute;left:0;bottom:32px;font-size:15px;line-height:1.2}
.syllabus-guest img{width:50px;height:50px;object-fit:contain}
.syllabus-lesson:has(.syllabus-guest) .syllabus-content{padding-bottom:75px}
.syllabus-bonuses{max-width:980px;margin:90px auto 0}
.syllabus-bonuses>h3{display:table;margin:0 auto 90px;padding:8px 26px;font:900 37px/1.15 Danidin,sans-serif;background:linear-gradient(#f1d790,#c6aa58);border-radius:5px;transform:rotate(-.6deg)}
.syllabus-bonus-grid{display:grid;grid-template-columns: .85fr 1.15fr;gap:32px}
.syllabus-bonus{position:relative;padding:55px 28px 28px;background:linear-gradient(#1f2530,#0a0f19);border:1px solid #404040;border-radius:14px}
.syllabus-bonus>img{position:absolute;top:-36px;right:32px;width:76px;height:76px;object-fit:contain}
.syllabus-bonus h4{font:900 28px/1.1 Danidin,sans-serif;margin:0 0 12px}
.syllabus-bonus p{font-size:16.5px;line-height:1.45}
@media(max-width:900px){.syllabus-content{padding-left:24px}.syllabus-lesson{grid-template-columns:220px minmax(0,1fr)}.syllabus-topic{position:static;font-size:18px}.syllabus-guest{left:24px}.syllabus-meta p{font-size:16px}.syllabus-content h3{font-size:33px}}
@media(max-width:600px){.mentee-results{border-radius:0}.syllabus{padding:20px 18px 70px}.syllabus-heading{padding:58px 0 36px}.syllabus-heading>span{font-size:65px;letter-spacing:10px}.syllabus-heading h2{font-size:28px}.syllabus-lesson{grid-template-columns:1fr;padding:18px 0;min-height:0}.syllabus-meta{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;padding:0 8px 20px;gap:14px}.syllabus-number{font-size:64px;order:-1}.syllabus-meta p{font-size:15px}.syllabus-badge{font-size:15px;padding:7px 12px}.syllabus-content,.syllabus-lesson.is-practice .syllabus-content{padding:24px;gap:12px;border-radius:14px}.syllabus-content h3{font-size:32px}.syllabus-content>p{font-size:18px}.syllabus-focus{gap:16px;margin:22px 0;padding:20px 16px;align-items:flex-start}.syllabus-focus>img{width:50px;height:50px}.syllabus-focus h3{font-size:28px}.syllabus-focus p{font-size:17px}.syllabus-bonuses{margin-top:55px}.syllabus-bonuses>h3{font-size:29px;padding:10px 18px;margin-bottom:65px}.syllabus-bonus-grid{grid-template-columns:1fr;gap:65px}}
@media(min-width:1200px){.syllabus-lesson:nth-of-type(1)::after,.syllabus-lesson:nth-of-type(9)::after{content:'';position:absolute;width:137px;height:149px;left:-46px;bottom:-20px;background:url('assets/syllabus/85-219-transparent.png') center/contain no-repeat;pointer-events:none}.syllabus-lesson:nth-of-type(1) .syllabus-content,.syllabus-lesson:nth-of-type(9) .syllabus-content{padding-left:125px}}

/* Inset the body copy from the left while retaining the heading layout. */
@media(min-width:701px){
 .story-chapter:nth-of-type(5) .story-text p,
 .story-chapter:nth-of-type(6) .story-text p{padding-left:clamp(48px,7vw,100px)}
}
/* Keep original visual sizes; center only the last two story cards opposite them. */
@media(min-width:1000px){
 #about-noam .story-chapter:nth-of-type(n+5){align-items:center;margin-bottom:110px}
 #about-noam .story-chapter:nth-of-type(n+5) .story-text{grid-column:6/13;grid-row:1;width:100%;max-width:none;left:0;top:0;margin:0;align-self:center;padding:28px 32px}
 #about-noam .story-chapter:nth-of-type(6) .story-text{grid-column:1/8}
 #about-noam .story-chapter:nth-of-type(n+5) .story-visual{align-self:center}
 #about-noam .story-chapter:nth-of-type(n+5) .story-text p{padding-left:24px}
}


/* Reference composition: straight hero tiles, neutral glass and dark charcoal. */
.portfolio-life{container-type:inline-size;position:relative;isolation:isolate;overflow:hidden;background:#0b1019;color:#fff;height:48.15vw;max-height:740px;min-height:420px}
.portfolio-life-wall{position:absolute;z-index:-3;left:-7%;right:-7%;top:4.2cqw;bottom:3.6cqw;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:1.1cqw;pointer-events:none}
.portfolio-life-tile{overflow:hidden;background:#0b1019}
.portfolio-life-tile img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.portfolio-life::before{content:'';position:absolute;inset:0;z-index:-2;background:rgba(5,10,17,.46)}
.portfolio-life::after{content:'';position:absolute;inset:auto 0 0;height:16cqw;background:linear-gradient(transparent,#0b1019 86%);z-index:3;pointer-events:none}
.portfolio-life-inner{position:absolute;inset:0}
.portfolio-life-person{position:absolute;right:12%;top:4%;width:38%;height:96%;overflow:hidden;z-index:1}
.portfolio-life-person img{position:absolute;width:134%;max-width:none;top:-2%;left:-17%;transform:scaleX(-1);filter:drop-shadow(0 6px 16px #0004)}
.portfolio-life-glass{position:absolute;z-index:2;left:13%;top:23%;width:46.5%;padding:2.8cqw 3.3cqw 2.4cqw;border:1px solid #ffffff70;border-radius:2.4cqw;background:linear-gradient(115deg,#878b8d55,#b4b4b45c);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 1px #ffffff22,0 10px 25px #0002;text-align:right}
.portfolio-life-glass h2{font:400 2.8cqw/1.08 Arfilit,sans-serif;margin:0 0 1.7cqw}
.portfolio-life-glass h2 strong{font-weight:900}
.portfolio-life-glass p{font:400 1.3cqw/1.6 Simona,sans-serif;margin:0 0 1.6cqw;color:#fff}
.portfolio-life-glass p:last-child{margin:0}
@media(max-width:700px){.portfolio-life{height:760px;max-height:none;min-height:0}.portfolio-life-wall{inset:25px -90px 0;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:10px}.portfolio-life-glass{left:6%;top:35px;width:88%;padding:26px;border-radius:22px}.portfolio-life-glass h2{font-size:28px}.portfolio-life-glass p{font-size:16px;margin-bottom:18px}.portfolio-life-person{top:auto;bottom:0;right:4%;width:92%;height:430px}.portfolio-life-person img{width:390px;left:calc(50% - 195px);top:0}.portfolio-life::after{height:110px}}

/* Figma 96:450 / 96:475 / 96:491, measured on the 1440px canvas. */
@media(min-width:701px){
.portfolio-life{height:57.361111vw;max-height:none;min-height:0;background:#0e1525}
.portfolio-life-wall{direction:ltr;left:-7.152778%;right:auto;top:7.973497cqw;bottom:auto;width:112.267465cqw;height:39.011921cqw;grid-template-columns:repeat(5,21.673256cqw);grid-template-rows:repeat(3,11.920291cqw);column-gap:.975694cqw;row-gap:1.625cqw;transform:rotate(-1deg);transform-origin:top left;mask-image:linear-gradient(#000 70%,transparent 98%);-webkit-mask-image:linear-gradient(#000 70%,transparent 98%)}
.portfolio-life-tile{aspect-ratio:auto;background:transparent;opacity:.2}
.portfolio-life-tile img{object-fit:cover;object-position:center}
.portfolio-life::before{display:none}
.portfolio-life::after{left:-6.180556%;top:7.80009cqw;bottom:auto;width:112.690269cqw;height:39.212447cqw;transform:rotate(-1deg);transform-origin:top left;background:linear-gradient(to bottom,rgba(14,21,37,0) 70.4703%,#0e1525 98%);z-index:0}
.portfolio-life-person{left:52.645833%;right:auto;top:5.833333cqw;width:35.306522cqw;height:40.416667cqw;z-index:1;mask-image:linear-gradient(#000 85%,transparent 100%)}
.portfolio-life-person img{width:100%;height:131.07%;left:0;top:-.14%;object-fit:fill;transform:scaleX(-1);filter:none;mask-image:none}
.portfolio-life-glass{left:13.611111%;top:13.680556cqw;width:46.319444cqw;height:25.486111cqw;padding:2.638889cqw 3.472222cqw 0 8.402778cqw;border:1px solid #918f8f;border-radius:2.083333cqw;background:rgba(255,255,255,.2);backdrop-filter:blur(1.041667cqw);-webkit-backdrop-filter:blur(1.041667cqw);box-shadow:none}
.portfolio-life-glass h2{font-size:2.5cqw;line-height:1.08;letter-spacing:.05cqw;margin:0 0 1.319444cqw}
.portfolio-life-glass h2 strong{font-family:Simona,sans-serif;font-weight:900}
.portfolio-life-glass p{font-size:1.25cqw;line-height:1.805556cqw;margin:0 0 1.805556cqw;white-space:nowrap}
.portfolio-life-glass .portfolio-life-now{font-size:1.944444cqw;margin-top:-.833333cqw}
}
@media(max-width:700px){.portfolio-life-glass .portfolio-life-now{font-size:20px}}

@media(max-width:700px){.portfolio-life-tile{opacity:.5}}

/* Updated invitation copy and knockout logo. */
.brain-symbol{display:none}
.hero-brand-logo{display:block;width:100%;height:auto}
.portfolio-life-glass{text-align:center;display:flex;flex-direction:column;align-items:center}
.portfolio-life-logo{display:block;width:86.5%;height:auto;margin:0 auto}
.portfolio-life-cta{display:flex;align-items:center;justify-content:center;gap:16px;border:1px solid #ffffff66;border-radius:8px;background:#fff;color:#0e1525;font-family:Simona,sans-serif;font-weight:900;text-decoration:none;opacity:1}
.portfolio-life-cta:focus-visible{outline:3px solid #75d9e7;outline-offset:4px}
@media(min-width:701px){
.portfolio-life-glass{padding:2.638889cqw 5.416667cqw 1.4cqw;height:auto;min-height:25.486111cqw}
.portfolio-life-glass h2{font-size:1.666667cqw;letter-spacing:.033333cqw;line-height:1.2;margin:0 0 .7cqw}
.portfolio-life-glass .portfolio-life-description{white-space:normal;font-size:1.25cqw;line-height:1.805556cqw;margin:1.2cqw 0 1.3cqw}
.portfolio-life-cta{min-height:3.194444cqw;padding:.55cqw 1.8cqw;font-size:1.388889cqw}
.portfolio-life-glass .portfolio-life-limit{white-space:normal;font-size:1.05cqw;line-height:1.5;margin:.6cqw 0 0}
}
@media(max-width:700px){
.portfolio-life-glass h2{font-size:22px;margin-bottom:14px}
.portfolio-life-glass .portfolio-life-description{font-size:15px;line-height:1.5;margin:16px 0}
.portfolio-life-cta{font-size:17px;padding:12px 18px}
.portfolio-life-glass .portfolio-life-limit{font-size:12px;line-height:1.5;margin:10px 0 0}
}

/* Silver-blue invitation, echoing the hero's illuminated panels. */
.hero-cta{position:absolute;z-index:5;top:39.6cqw;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:1.2cqw;min-height:3.8cqw;padding:.65cqw 1.7cqw;border:1px solid #d6e7ff99;border-radius:100px;background:linear-gradient(125deg,#3058a8 0%,#5080e0 36%,#70a0f8 58%,#3860b8 100%);color:#fff;text-decoration:none;font:900 1.35cqw/1.25 Simona,sans-serif;box-shadow:inset 0 1px 0 #fff, inset 0 -2px 5px #35547c33,0 0 18px #70a0f845,0 8px 28px #02091666;overflow:hidden;isolation:isolate;animation:hero-cta-glow 4s ease-in-out infinite;transition:filter .2s,translate .2s}
.hero-cta::before{content:'';position:absolute;inset:-80% auto -80% -65%;width:35%;background:linear-gradient(90deg,transparent,#ffffffaa,transparent);transform:skewX(-24deg);animation:hero-cta-shine 5s ease-in-out infinite;pointer-events:none;z-index:-1}
.hero-cta-arrow{display:grid;place-items:center;width:2.2cqw;height:2.2cqw;border:0;border-radius:0;background:none;color:#fff;font:400 1.9cqw/1 Arial,sans-serif}
.hero-cta:hover{filter:brightness(1.08);translate:0 -2px}
.hero-cta:focus-visible{outline:3px solid #fff;outline-offset:5px}
@keyframes hero-cta-shine{0%,25%{left:-65%}65%,100%{left:135%}}
@keyframes hero-cta-glow{0%,100%{box-shadow:inset 0 1px 0 #fff,inset 0 -2px 5px #35547c33,0 0 18px #70a0f845,0 8px 28px #02091666}50%{box-shadow:inset 0 1px 0 #fff,inset 0 -2px 5px #35547c33,0 0 30px #88b0ff88,0 8px 28px #02091666}}
@media(prefers-reduced-motion:reduce){.hero-cta,.hero-cta::before{animation:none}}
/* Simple rounded white call to action. */
.hero-cta{background:#fff;color:#0e1525;border:0;border-radius:999px;font-weight:400;font-size:1.15cqw;box-shadow:none;animation:none;filter:none}
.hero-cta::before{display:none}
.hero-cta-arrow{color:inherit;font-size:1.5cqw}
.hero-cta:hover{filter:none;background:#edf3fa;translate:0 -1px}

/* Final page sequence: client proof → story → invitation → steps → syllabus → results. */
.client-proof{display:flex;align-items:center;gap:32px;padding:34px 9.72%;background:#0e1525;font-family:Arfilit,sans-serif}
.client-proof h2{flex:0 0 auto;font-size:clamp(18px,1.9vw,28px);font-weight:400;margin:0}
.client-marquee{min-width:0;flex:1;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);direction:ltr}
.client-track{display:flex;width:max-content;animation:client-drift 65s linear infinite}
.client-set{display:flex;gap:20px;padding-right:20px;flex-shrink:0}
.client-set img{width:56px;height:56px;object-fit:contain;flex-shrink:0;border-radius:50%}
@keyframes client-drift{to{transform:translateX(-50%)}}
.action-section{min-height:118vh;border-top:0}
.action-sticky{padding-top:3cqw;padding-bottom:3cqw;min-height:80vh}
.brain-section{min-height:43cqw;padding-top:2cqw;padding-bottom:3cqw}
.about-section{padding-top:4cqw}
.journey-steps{padding:70px 7.8% 45px;background:#0e1525;color:#fff}
.journey-steps>h2{font:400 clamp(28px,3.1vw,46px)/1.25 Arfilit,sans-serif;text-align:center;margin:0 auto 64px}
.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;max-width:1240px;margin:auto}
.journey-step{position:relative;border-top:1px solid #ffffff26;padding-top:26px}
.journey-number{display:block;font:300 64px/1 Danidin,sans-serif;color:#9bc5ff;margin-bottom:24px}
.journey-step h3{font:900 clamp(27px,2.55vw,37px)/1.1 Danidin,sans-serif;margin:0 0 14px}
.journey-step p{font:400 18.556px/1.5 Polin,sans-serif;margin:0;color:#e2e7f1}
.closing-cta{position:relative;text-align:center;padding:90px 24px 100px;background:radial-gradient(ellipse at 50% 100%,#1d3d69 0,transparent 65%),#0e1525;font-family:Polin,sans-serif}
.closing-eyebrow{color:#a9ceff;font-size:18px}
.closing-cta h2{font:900 clamp(32px,3.5vw,52px)/1.15 Danidin,sans-serif;margin:20px 0}
.closing-cta>p:not(.closing-eyebrow){font-size:20px;line-height:1.5}
.closing-button{display:inline-flex;align-items:center;gap:35px;padding:17px 32px;margin:20px 0;border:0;border-radius:99px;background:#fff;color:#0e1525;font:400 17px Polin,sans-serif;opacity:1}
.closing-button:disabled{cursor:not-allowed}
.closing-cta small{display:block;color:#adb7c9;font-size:15px}
@media(max-width:700px){
.client-proof{flex-direction:column;gap:22px;padding:28px 24px 15px}
.client-marquee{width:100%;flex:auto}.client-set img{width:50px;height:50px}
.action-section{min-height:110vh}.action-sticky{padding:35px 24px;min-height:85vh}
.brain-section{min-height:0;padding:25px 0 40px}.about-section{padding-top:45px}
.journey-steps{padding:45px 24px 20px}.journey-steps>h2{margin-bottom:36px}.journey-steps>h2 br{display:none}
.journey-grid{grid-template-columns:1fr;gap:32px}.journey-number{font-size:48px;margin-bottom:14px}
.journey-step p{font-size:18px}.closing-cta{padding:60px 24px}.closing-cta>p:not(.closing-eyebrow){font-size:18px}
}
@media(prefers-reduced-motion:reduce){.client-track{animation:none}}

/* Review refinements and consultation form. */
.portfolio-life-glass h2{margin-bottom:1.5cqw}
.portfolio-life-glass .portfolio-life-description{margin:1.8cqw 0 2.2cqw}
.portfolio-life-glass .portfolio-life-limit{margin-top:1.3cqw}
.portfolio-life-glass{padding-bottom:2.2cqw}
.steps-title-digit{font-family:Polin,sans-serif}
.journey-steps>h2 strong{font-weight:900}
.journey-number{font:400 48px/1.2 Adi,cursive;color:white;direction:ltr;text-align:right}
.journey-step h3{font-size:clamp(18px,1.95vw,28px);white-space:nowrap}
.syllabus-badge{display:flex;align-items:center;justify-content:center;width:213.049px;height:37.553px;padding:6.776px 0 6.776px 3.388px;flex-shrink:0;border-radius:56.471px;background:rgba(255,255,255,.1);font:400 20.329px/normal Simona,sans-serif;color:#f1d790;text-shadow:0 1.129px 11.294px rgba(0,0,0,.7);backdrop-filter:blur(5.647px);transform:rotate(-3deg)}
.closing-layout{max-width:1100px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;text-align:right}
.closing-main h2{margin-top:0}
.closing-main>p{font-size:19px;color:#d5ddeb}
.fit-form{display:grid;gap:15px;margin-top:28px}
.fit-form label{display:grid;gap:7px;font-size:15px}
.fit-form input{width:100%;border:1px solid #ffffff35;border-radius:10px;background:#ffffff09;color:#fff;padding:14px 16px;font:17px Polin,sans-serif;text-align:right;box-sizing:border-box}
.fit-form input::placeholder{color:#a7b2c5}
.fit-form input:focus{outline:2px solid #9bc5ff;outline-offset:2px}
.fit-form .closing-button{justify-content:center;margin:10px 0 18px}
.fit-note{background:#fffdf2;color:#25241e;border-radius:18px;padding:22px 28px 32px;box-shadow:0 20px 50px #0003;transform:rotate(-2deg);font-family:Polin,sans-serif}
.note-toolbar{display:flex;justify-content:space-between;color:#ad7a00;border-bottom:1px solid #ddd8c9;padding-bottom:16px;font-size:16px}
.fit-note h3{font:900 31px/1.2 Danidin,sans-serif;margin:25px 0 8px}
.note-draft{font-size:13px;color:#817c6f;margin:0 0 16px}
.fit-note ul{list-style:none;padding:0;margin:0}
.fit-note li{position:relative;padding:14px 28px 14px 0;border-bottom:1px solid #e4dfcf;font-size:18px;line-height:1.5}
.fit-note li::before{content:'';position:absolute;right:0;top:21px;width:13px;height:13px;border:1.5px solid #c39421;border-radius:50%}
@media(max-width:700px){
.portfolio-life-glass h2{margin-bottom:20px}.portfolio-life-glass .portfolio-life-description{margin:24px 0 28px}
.portfolio-life-glass .portfolio-life-limit{margin-top:18px}.portfolio-life-glass{padding-bottom:28px}
.journey-steps>h2 br{display:block}.journey-step h3{font-size:clamp(19px,5.8vw,28px)}
.closing-layout{grid-template-columns:1fr;gap:42px}.fit-note{transform:none;padding:20px 24px 28px}
}

.note-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:32px;line-height:1.2}

/* A slow-moving blue planet behind the consultation card. */
.closing-cta{isolation:isolate;overflow:hidden;padding-bottom:150px;background:radial-gradient(ellipse at 65% 100%,#18345b 0,transparent 65%),#0e1525}
.closing-layout{position:relative;z-index:1;gap:60px;align-items:center}
.closing-main{padding:36px;border:1px solid #b7d7ff38;border-radius:24px;background:linear-gradient(135deg,#c9e0ff12,#0d192c99);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #ffffff10,0 24px 65px #0003}
.closing-main h2{font-size:clamp(30px,3.1vw,46px)}
.closing-orbit{position:absolute;z-index:0;pointer-events:none;width:min(900px,85vw);height:min(900px,85vw);right:-4%;bottom:-610px;animation:orbit-float 12s ease-in-out infinite}
.orbit-halo{position:absolute;inset:-12%;border-radius:50%;background:radial-gradient(circle,transparent 45%,#327ffc35 53%,#8acaff20 58%,transparent 69%);filter:blur(20px)}
.orbit-sphere{position:absolute;inset:0;overflow:hidden;border-radius:50%;border:1px solid #b7e1ff99;background:radial-gradient(ellipse at 45% 0%,#d4efff 0%,#73afff 3%,#306fd5 9%,#102d57 25%,#081326 52%,#030911 80%);box-shadow:0 -6px 22px #6caaff88,0 -1px 4px #e7f6ff,inset 0 15px 35px #8ec8ff44}
.orbit-sphere::after{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 50% 120%,#030911 45%,transparent 80%);box-shadow:inset -70px -50px 100px #020713}
.orbit-wave{position:absolute;inset:-20%;border-radius:45%;background:repeating-conic-gradient(from 10deg,#6faeff00 0deg,#8cbdff35 22deg,#386dcb08 42deg,#a9ddff40 62deg,#1b51a100 90deg);filter:blur(25px);animation:orbit-color 35s linear infinite}
@keyframes orbit-float{0%,100%{transform:translate(0,0) rotate(-5deg)}50%{transform:translate(-12px,-14px) rotate(3deg)}}
@keyframes orbit-color{to{transform:rotate(360deg)}}
@media(min-width:1500px){.closing-orbit{bottom:-590px}}
@media(max-width:1100px){.closing-orbit{bottom:-55vw}.closing-layout{gap:35px}.closing-main{padding:28px}}
@media(max-width:700px){.closing-cta{padding-bottom:95px}.closing-layout{gap:35px}.closing-main{padding:25px 20px}.closing-main h2{font-size:32px}.closing-orbit{width:650px;height:650px;right:-260px;bottom:-450px}}
@media(prefers-reduced-motion:reduce){.closing-orbit,.orbit-wave{animation:none}}

/* Reference-inspired blue horizon and diffuse neural light. */
.closing-cta{padding:85px 6% 100px;background:radial-gradient(ellipse 70% 35% at 50% 108%,#d0efff 0%,#64b1e6 15%,#1d629b 38%,#103352 63%,transparent 100%),#070f1b}
.closing-cta::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,transparent 24.9%,#89caff0b 25%,transparent 25.1%,transparent 74.9%,#89caff0b 75%,transparent 75.1%),linear-gradient(transparent 49.9%,#89caff0b 50%,transparent 50.1%)}
.closing-layout{max-width:1240px;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:65px;padding:45px;border:1px solid #aedbff35;border-radius:28px;background:linear-gradient(130deg,#aacfff0a,#07152238);box-shadow:inset 0 1px 0 #d8eeff0d;align-items:end}
.closing-main{padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.closing-main h2{font-size:clamp(32px,3.2vw,48px)}
.closing-main .fit-form input{background:#12283d66;backdrop-filter:blur(12px)}
.closing-layout .fit-note{padding:18px 22px 24px;border-radius:14px;transform:rotate(-2deg);margin-bottom:4px}
.closing-layout .fit-note h3{font-size:25px;margin-top:19px}
.closing-layout .fit-note li{font-size:15px;padding:10px 23px 10px 0;line-height:1.45}
.closing-layout .fit-note li::before{top:16px;width:11px;height:11px}
.closing-layout .note-toolbar{padding-bottom:12px}
.closing-layout .note-emoji{font-size:26px}
.closing-neural{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.closing-neural>img{position:absolute;width:85%;max-width:1100px;left:-9%;bottom:-23%;opacity:.22;filter:blur(24px) hue-rotate(170deg) saturate(.6);mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000 20%,transparent 68%)}
.closing-sparks{position:absolute;inset:0}
.closing-sparks i{position:absolute;left:var(--x);top:var(--y);height:3px;width:3px;background:#dbf4ff;border-radius:50%;box-shadow:0 0 9px 3px #76c3ff66;animation:neural-twinkle 5s ease-in-out infinite;animation-delay:var(--delay)}
.closing-sparks i:nth-child(3n)::after{content:'';position:absolute;inset:-6px 1px;background:linear-gradient(transparent,#c7edff88,transparent)}
@keyframes neural-twinkle{0%,100%{opacity:.15;transform:scale(.7)}50%{opacity:.8;transform:scale(1.15)}}
.hero .hero-cta{background:linear-gradient(125deg,#8cc9ed30,#9cc4df20);border:1px solid #bbdefd55;color:#fff;box-shadow:inset 0 1px 0 #e1f5ff25,0 6px 22px #0002;border-radius:99px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:8px 23px 8px 8px;gap:20px;font:400 16px Polin,sans-serif;min-height:50px}
.hero .hero-cta .hero-cta-arrow{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#fff;color:#101b28;font:24px/1 Arial,sans-serif;box-shadow:0 2px 7px #0003}
.hero .hero-cta:hover{background:linear-gradient(125deg,#8cc9ed45,#9cc4df30);border-color:#cceaff99}
@media(max-width:700px){.closing-cta{padding:55px 20px 85px}.closing-layout{grid-template-columns:1fr;padding:25px 20px;gap:40px}.closing-layout .fit-note{transform:none;max-width:360px;width:100%;justify-self:center}.closing-neural>img{width:150%;left:-30%;bottom:0}.hero .hero-cta{font-size:14px;gap:12px;min-height:46px}}
@media(prefers-reduced-motion:reduce){.closing-sparks i{animation:none;opacity:.45}}
@media(min-width:701px){.closing-layout .fit-note li{font-size:13px;line-height:1.4;padding-block:9px}.closing-layout .fit-note h3{font-size:23px}.closing-layout .fit-note{padding:16px 20px 20px}.closing-layout .fit-note li::before{top:14px}}

/* Figma 114:714: 2% white, radius 30, glass depth 44, light -45° / 44%.
   CSS approximation of Figma's native GLASS lighting and diffusion. */
.closing-layout{
  border:1px solid transparent;
  border-radius:30px;
  background:rgba(255,255,255,.02);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  box-shadow:inset 1px 1px 1px rgba(231,244,255,.20),
             inset -1px -1px 1px rgba(231,244,255,.07),
             inset 8px 8px 24px rgba(255,255,255,.018),
             inset -8px -8px 24px rgba(255,255,255,.025);
}
.closing-layout::before{
  content:"";position:absolute;inset:-1px;border-radius:inherit;
  padding:1px;pointer-events:none;
  background:linear-gradient(135deg,rgba(235,246,255,.27),rgba(235,246,255,.055) 35%,rgba(235,246,255,.035) 65%,rgba(235,246,255,.13));
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
}

/* Brand turquoise hero CTA. */
.hero .hero-cta{background:linear-gradient(115deg,#24cbd0 0%,#139ba7 48%,#08616f 100%);border-color:#71e6e880;box-shadow:inset 0 1px 0 #c4ffff55,0 5px 24px #0dbcc42b;color:#fff}
.hero .hero-cta:hover{background:linear-gradient(115deg,#37d9dd 0%,#17adba 48%,#087786 100%);border-color:#a1f5f5b3}
.hero .hero-cta .hero-cta-arrow{color:#08616f}

/* White CTA with the travelling edge light from the video reference. */
@property --cta-edge-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.hero .hero-cta{isolation:isolate;overflow:visible;background:#fff;border:1px solid #fff;color:#101b28;box-shadow:0 5px 22px #0003;backdrop-filter:none;-webkit-backdrop-filter:none}
.hero .hero-cta::before,.hero .hero-cta::after{content:'';position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;padding:2px;background:conic-gradient(from var(--cta-edge-angle),transparent 0deg,transparent 275deg,#735bff 302deg,#c67aff 320deg,#fff 336deg,#b8dfff 345deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:cta-edge-orbit 3.8s linear infinite;transform:none;opacity:1;width:auto;height:auto}
.hero .hero-cta::after{inset:-4px;padding:4px;filter:blur(5px);opacity:.65;z-index:-1}
.hero .hero-cta:hover{background:#fff;border-color:#fff;box-shadow:0 5px 28px #8974e533}
.hero .hero-cta .hero-cta-arrow{color:#101b28;background:#f0f3f8;box-shadow:none}
@keyframes cta-edge-orbit{to{--cta-edge-angle:360deg}}
@media(prefers-reduced-motion:reduce){.hero .hero-cta::before,.hero .hero-cta::after{animation:none;--cta-edge-angle:25deg}}

/* Finer, brighter travelling highlight. */
.hero .hero-cta::before,.hero .hero-cta::after{background:conic-gradient(from var(--cta-edge-angle),transparent 0deg,transparent 300deg,#6436ff 316deg,#d22fff 329deg,#f4baff 337deg,#fff 341deg,#82eaff 346deg,transparent 354deg)}
.hero .hero-cta::before{inset:-1px;padding:1px;filter:brightness(1.4)}
.hero .hero-cta::after{inset:-2px;padding:2px;filter:blur(2px) brightness(1.5);opacity:.9}

/* Matched video: opposing white cores with symmetric violet falloff. */
.hero .hero-cta{background:#030407;border-color:#ffffff05;color:#fff;box-shadow:0 4px 12px #0006}
.hero .hero-cta:hover{background:#080a10;border-color:#ffffff0d;box-shadow:0 4px 18px #0008}
.hero .hero-cta::before,.hero .hero-cta::after{background:conic-gradient(from var(--cta-edge-angle),transparent 0deg,transparent 30deg,#3814ff08 44deg,#5b16ff65 60deg,#a139ffcc 76deg,#dfadff 84deg,#fff 89deg,#fff 91deg,#dfadff 96deg,#a139ffcc 104deg,#5b16ff65 120deg,#3814ff08 136deg,transparent 150deg,transparent 210deg,#3814ff08 224deg,#5b16ff65 240deg,#a139ffcc 256deg,#dfadff 264deg,#fff 269deg,#fff 271deg,#dfadff 276deg,#a139ffcc 284deg,#5b16ff65 300deg,#3814ff08 316deg,transparent 330deg,transparent 360deg);animation:cta-edge-orbit 4.5s linear infinite}
.hero .hero-cta::before{inset:-1px;padding:1.25px;filter:none;z-index:1}
.hero .hero-cta::after{inset:-3px;padding:3px;filter:blur(3px);opacity:.85;z-index:-1}
.hero .hero-cta .hero-cta-arrow{background:#ffffff0d;color:#fff;box-shadow:none}
@media(prefers-reduced-motion:reduce){.hero .hero-cta::before,.hero .hero-cta::after{animation:none;--cta-edge-angle:0deg}}

.portfolio-life-cta{isolation:isolate;overflow:visible;background:#fff;border:1px solid #fff;color:#101b28;box-shadow:0 5px 22px #0003;backdrop-filter:none;-webkit-backdrop-filter:none}
.portfolio-life-cta::before,.portfolio-life-cta::after{content:'';position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;padding:2px;background:conic-gradient(from var(--cta-edge-angle),transparent 0deg,transparent 275deg,#735bff 302deg,#c67aff 320deg,#fff 336deg,#b8dfff 345deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:cta-edge-orbit 3.8s linear infinite;transform:none;opacity:1;width:auto;height:auto}
.portfolio-life-cta::after{inset:-4px;padding:4px;filter:blur(5px);opacity:.65;z-index:-1}
.portfolio-life-cta:hover{background:#fff;border-color:#fff;box-shadow:0 5px 28px #8974e533}
.portfolio-life-cta span{color:#101b28;background:#f0f3f8;box-shadow:none}
.portfolio-life-cta::before,.portfolio-life-cta::after{animation:none;--cta-edge-angle:25deg}
.portfolio-life-cta::before,.portfolio-life-cta::after{background:conic-gradient(from var(--cta-edge-angle),transparent 0deg,transparent 300deg,#6436ff 316deg,#d22fff 329deg,#f4baff 337deg,#fff 341deg,#82eaff 346deg,transparent 354deg)}
.portfolio-life-cta::before{inset:-1px;padding:1px;filter:brightness(1.4)}
.portfolio-life-cta::after{inset:-2px;padding:2px;filter:blur(2px) brightness(1.5);opacity:.9}
.portfolio-life-cta{background:#030407;border-color:#ffffff05;color:#fff;box-shadow:0 4px 12px #0006}
.portfolio-life-cta:hover{background:#080a10;border-color:#ffffff0d;box-shadow:0 4px 18px #0008}
.portfolio-life-cta::before,.portfolio-life-cta::after{background:conic-gradient(from var(--cta-edge-angle),transparent 0deg,transparent 30deg,#3814ff08 44deg,#5b16ff65 60deg,#a139ffcc 76deg,#dfadff 84deg,#fff 89deg,#fff 91deg,#dfadff 96deg,#a139ffcc 104deg,#5b16ff65 120deg,#3814ff08 136deg,transparent 150deg,transparent 210deg,#3814ff08 224deg,#5b16ff65 240deg,#a139ffcc 256deg,#dfadff 264deg,#fff 269deg,#fff 271deg,#dfadff 276deg,#a139ffcc 284deg,#5b16ff65 300deg,#3814ff08 316deg,transparent 330deg,transparent 360deg);animation:cta-edge-orbit 4.5s linear infinite}
.portfolio-life-cta::before{inset:-1px;padding:1.25px;filter:none;z-index:1}
.portfolio-life-cta::after{inset:-3px;padding:3px;filter:blur(3px);opacity:.85;z-index:-1}
.portfolio-life-cta span{background:#ffffff0d;color:#fff;box-shadow:none}
.portfolio-life-cta::before,.portfolio-life-cta::after{animation:none;--cta-edge-angle:0deg}
/* Dark story, refined invitation, source-resolution syllabus artwork. */
#about-noam{background:linear-gradient(150deg,#1b2b43,#142035 65%,#19283d);color:#f6f8ff}
#about-noam .about-heading>span,#about-noam .about-heading h2,#about-noam .story-text h3,#about-noam .story-period b,#about-noam .story-closing{color:#f6f8ff}
#about-noam .about-heading p,#about-noam .story-period,#about-noam .story-text p{color:#d0dced}
#about-noam .story-chapter .story-text{background:rgba(33,51,76,.94);border:1px solid #a1cae625;box-shadow:0 12px 35px #0002}
#about-noam .story-route path{stroke:#c1d7ed}
#about-noam .story-photo-secondary{border-color:#1b2b43;background:#1b2b43}
.portfolio-life-glass{background:rgba(255,255,255,.085);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-color:#ffffff40}
.portfolio-life-glass p.portfolio-life-limit{margin:24px 0 0}
.portfolio-life-cta{position:relative;border-radius:99px;isolation:isolate;overflow:visible;font:400 16px Polin,sans-serif;padding:12px 22px;gap:20px;cursor:not-allowed}
.bonus-art{position:absolute;top:-35px;right:30px;width:76px;height:76px}
.bonus-art img{position:absolute;display:block;object-fit:contain}
.bonus-whatsapp>img:first-child{inset:0;width:100%;height:100%}
.bonus-whatsapp .bonus-avatar{width:29px;height:29px;right:0;bottom:3px;border:1px solid white;border-radius:50%;object-fit:cover}
.bonus-tools .tool-sheets{width:55px;height:55px;right:0;top:0}
.bonus-tools .tool-figma{width:37px;height:56px;left:0;top:23px;transform:rotate(-6.52deg)}
.bonus-tools .tool-docs{width:32px;height:44px;right:0;bottom:-5px;transform:rotate(2.55deg)}
.comparison-panel{background:linear-gradient(180deg,#030508 0%,#080e18 58%,#0c0c0c 100%)}
.closing-layout{box-shadow:inset .5px .5px .5px #e7f4ff26,inset -.5px -.5px .5px #e7f4ff0a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.closing-layout::before{padding:.5px;opacity:.65}
.form-label-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.closing-main .fit-form input{background:#fff;color:#111827;border:0;border-radius:99px;padding:16px 22px}
.closing-main .fit-form input::placeholder{color:#202a39;opacity:1}
.client-proof{border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26}
.client-marquee{mask-image:linear-gradient(to right,#000 0%,#000 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 85%,transparent 100%)}
.client-track{animation:client-drift 65s linear infinite!important;animation-play-state:running!important}
@media(prefers-reduced-motion:reduce){.portfolio-life-cta::before,.portfolio-life-cta::after{animation:none}}

.bonus-tools::before,.bonus-tools::after{content:"";position:absolute;background:#fff}
.bonus-tools::before{right:5px;top:18px;width:29px;height:22px}
.bonus-tools::after{right:6px;bottom:0;width:20px;height:20px}
.bonus-tools img{z-index:1}
.portfolio-life-cta::before,.portfolio-life-cta::after{animation:cta-edge-orbit 4.5s linear infinite}
@media(prefers-reduced-motion:reduce){.portfolio-life-cta::before,.portfolio-life-cta::after{animation:none}}
/* White editorial story, with scroll-linked fades and rising photography. */
#about-noam.about-reading{background:#fff;color:#122039;border-radius:0;padding:95px 6% 110px;overflow:visible;container-type:normal}
.reading-story{max-width:1140px;margin:auto}
.reading-chapter{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:90px;align-items:stretch;padding:55px 0 100px}
.reading-copy{align-self:center;padding:28px 0;min-width:0}
.reading-copy h2{font:400 clamp(34px,3.6vw,50px)/1.25 Leon,sans-serif;margin:0 0 42px;color:#122039}
.reading-copy h2 strong{font-weight:900}.hello-wave{font-family:'Apple Color Emoji','Segoe UI Emoji',sans-serif;font-size:.85em;white-space:nowrap}
.reading-copy h3{font:900 clamp(24px,2.4vw,32px)/1.35 Leon,sans-serif;margin:0 0 25px;color:#14213a;text-wrap:pretty}
.reading-copy p{font:400 20px/1.85 Polin,sans-serif;color:#343d4b;margin:0 0 25px}
.reading-copy .story-aside{color:#68717c;font-size:.9em}
.reading-visual{position:relative;min-width:0;display:flex;align-items:flex-start}
.reading-stack{position:sticky;top:90px;width:100%;align-self:flex-start;padding-bottom:30px}
.reading-image{position:relative;margin:0 0 26px;will-change:transform,opacity}
.reading-image img{display:block;width:100%;max-height:370px;object-fit:contain;border-radius:24px}
.reading-image:not(:first-child){width:68%;margin-top:-15px;margin-right:auto;z-index:1}
.reading-image:not(:first-child) img{max-height:240px;border:7px solid white;border-radius:20px;box-shadow:0 12px 35px #12203912}
.reading-chapter:first-child .reading-image-0{background:#eef3f5;border-radius:48% 48% 40% 40%;overflow:hidden}
.reading-chapter:first-child .reading-image-0 img{height:440px;max-height:none;object-fit:contain;object-position:center bottom;border-radius:0}
.reading-chapter:first-child .reading-image-1{width:58%;margin-top:-65px;margin-right:auto;margin-left:-15px}
.reading-chapter:first-child .reading-image-1 img{height:220px;object-fit:cover}
.reading-chapter:nth-child(even) .reading-copy{grid-column:2;grid-row:1}
.reading-chapter:nth-child(even) .reading-visual{grid-column:1;grid-row:1}
.reading-chapter:last-child{padding-bottom:0}
@media(max-width:1000px){.reading-chapter{gap:45px}.reading-copy p{font-size:18px}.reading-stack{top:45px}}
@media(max-width:700px){
#about-noam.about-reading{padding:50px 24px 65px}
.reading-chapter{display:flex;flex-direction:column;gap:28px;padding:15px 0 65px}
.reading-copy{padding:0}.reading-copy h2{font-size:34px;margin-bottom:30px}.reading-copy h3{font-size:25px}.reading-copy p{font-size:18px;line-height:1.8}
.reading-stack{position:relative;top:0;max-width:420px;margin:auto;padding:0}
.reading-image img{max-height:330px}.reading-chapter:first-child .reading-image-0 img{height:350px}
.reading-chapter:first-child .reading-image-1{margin-left:0}.reading-chapter:first-child .reading-image-1 img{height:180px}
.reading-image:not(:first-child) img{max-height:200px}
}
@media(prefers-reduced-motion:reduce){.reading-copy>*{opacity:1!important}.reading-image{transform:none!important;opacity:1!important;will-change:auto}}
.reading-name{display:inline-block;white-space:nowrap}
@media(max-width:700px){.reading-copy h2 .reading-name{font-size:clamp(23px,6.5vw,34px)}}
/* Original six image compositions paired with their original copy. */
.reading-story{max-width:1060px}
.reading-chapter{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:80px;padding:35px 0 75px;align-items:center}
.reading-copy h3{font-size:clamp(24px,2.2vw,30px);line-height:1.35}
.reading-copy p{font-size:18px;line-height:1.75;margin-bottom:20px}
.reading-visual{align-self:stretch;align-items:center}
.reading-stack{align-self:center;max-width:390px;margin-inline:auto;padding-bottom:0}
.reading-original{position:relative;width:100%;min-height:0;will-change:transform,opacity}
#about-noam .reading-original .story-photo-secondary{border-color:#fff;background:#fff}
.reading-original.photo-start .story-photo{height:auto;mask-image:none}
.reading-original.photo-start .story-photo img{top:0}
.reading-original .story-photo{mask-image:none}
.reading-original.part-two-pair{padding-bottom:20%}
.reading-original.figma-mentoring-images{min-height:0}
@media(max-width:700px){.reading-chapter{gap:30px;padding:15px 0 55px}.reading-stack{max-width:330px;width:90%}.reading-copy h3{font-size:25px}.reading-copy p{font-size:18px}.reading-visual{width:100%}}
@media(prefers-reduced-motion:reduce){.reading-original{opacity:1!important;transform:none!important;will-change:auto}}
/* Hero profile conveyor and the compact white consultation row. */
.hero-profiles.client-marquee{position:absolute;z-index:3;left:28%;top:2.3cqw;width:44%;height:6.3cqw;max-width:none;flex:none;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.hero-profiles .client-set{gap:20px;padding-right:20px}
.hero-profiles .client-set img{width:5cqw;height:5cqw;max-width:72px;max-height:72px}
.quick-consultation{background:#fff;color:#0e1525;text-align:center;padding:32px 24px 28px}
.quick-consultation h2{font:400 28px/1.3 Leon,sans-serif;margin:0 auto 24px;text-wrap:balance}
.quick-form{max-width:900px;margin:auto}
.quick-fields{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:10px}
.quick-fields label{min-width:0}
.quick-fields input{width:100%;height:44px;border:0;border-radius:2px;background:#0e152514;color:#0e1525;padding:10px 18px;font:16px Polin,sans-serif;text-align:right;box-sizing:border-box}
.quick-fields input::placeholder{color:#0e1525;opacity:1}
.quick-fields button{border:0;border-radius:3px;background:url('assets/form/button-fill.png') center/100% 100%;color:#fff;box-shadow:0 5px 16px #3fa2f733;font:400 20px Danidin,sans-serif;display:flex;align-items:center;justify-content:center;gap:14px;cursor:pointer;padding:7px 18px}
.quick-fields button img{transform:scaleX(-1)}
.quick-consent{display:flex;gap:7px;align-items:center;justify-content:flex-start;font:14px/1.4 Polin,sans-serif;margin-top:12px;cursor:pointer}
.quick-consent input{appearance:none;width:17px;height:17px;border:1px solid #0e1525;border-radius:2px;flex:none;margin:0;cursor:pointer}
.quick-consent input:checked{background:url('assets/form/checkbox.svg') center/contain no-repeat;border-color:transparent}
.quick-form :focus-visible{outline:2px solid #0babb6;outline-offset:3px}
.form-status{font:14px/1.4 Polin,sans-serif;margin:10px 0 0;color:#44536a}.form-status:empty{display:none}
#knowledge-to-action .action-sticky{padding-top:24px;min-height:74vh;align-items:center}
#knowledge-to-action{min-height:105vh}
/* More compact story copy; original compositions remain in place. */
.reading-copy p{font-size:16px;line-height:1.55;margin-bottom:17px}
.reading-copy h3{font-size:clamp(20px,1.75vw,25px);line-height:1.3;margin-bottom:21px}
.reading-copy .story-aside{color:inherit;font-size:inherit;margin-top:7px}
.reading-copy h2{margin-bottom:32px}
.reading-chapter:first-child{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:45px}
.reading-chapter:first-child h3{font-size:clamp(17px,1.5vw,23px);white-space:nowrap}
.reading-delayed{will-change:transform,opacity}
.reading-leads{position:absolute;inset:0;pointer-events:none}
/* An angled top follows the one-degree project wall. */
#portfolio-life{clip-path:polygon(0 1.745vw,100% 0,100% 100%,0 100%);margin-top:0}
#portfolio-life .portfolio-life-tile{opacity:.4}
#portfolio-life .portfolio-life-wall{top:8.8cqw}
#portfolio-life .portfolio-life-cta{background:#fff;color:#163b70;border:1px solid #fff;box-shadow:0 4px 15px #0002;cursor:pointer}
#portfolio-life .portfolio-life-cta span{background:transparent;color:#163b70}
#portfolio-life .portfolio-life-cta::before,#portfolio-life .portfolio-life-cta::after{display:none}
#portfolio-life .portfolio-life-limit{font-family:Leon,sans-serif;font-weight:100}
/* Scroll stages: each wider step rises, then moves aside for the next. */
#three-steps{position:relative;height:290vh;padding:0 0 30px}
.journey-sticky{position:sticky;top:0;height:100vh;min-height:600px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:50px 0}
.journey-sticky>h2{font:400 clamp(27px,3vw,42px)/1.25 Arfilit,sans-serif;text-align:center;margin:0 auto 48px;padding:0 24px}
.journey-sticky>h2 strong{font-weight:900}
#three-steps .journey-grid{position:relative;display:block;width:100%;max-width:1240px;height:340px;margin:0 auto;direction:rtl}
#three-steps .journey-step{position:absolute;top:0;right:27%;width:46%;max-width:580px;min-height:300px;padding:25px 10px 10px;will-change:transform,opacity;opacity:0}
#three-steps .journey-step h3{font-size:clamp(26px,2.8vw,36px);white-space:normal;line-height:1.15}
#three-steps .journey-step p{font-size:18px;line-height:1.55}
#three-steps .journey-number{font-size:46px;margin-bottom:20px}
/* Bounded, smaller meeting cards. */
#syllabus .syllabus-heading h2{font-size:34px;line-height:1.25}
#syllabus .syllabus-heading{padding:55px 0 40px}
#syllabus .syllabus-heading>span{font-size:78px}
#syllabus .syllabus-schedule{max-width:940px}
#syllabus .syllabus-lesson{grid-template-columns:210px minmax(0,1fr);min-height:235px;border:1px solid #ffffff20;border-radius:16px;background:#101b2a50;margin:0 0 20px;overflow:hidden}
#syllabus .syllabus-meta{padding:22px 12px;gap:10px}
#syllabus .syllabus-number{font-size:110px}
#syllabus .syllabus-meta p{font-size:15px}
#syllabus .syllabus-badge{width:180px;height:32px;font-size:17px}
#syllabus .syllabus-content{padding:25px 24px;gap:11px}
#syllabus .syllabus-content h3{font-size:30px}
#syllabus .syllabus-content>p{font-size:16px;line-height:1.45}
#syllabus .syllabus-content>p strong{font-size:20px}
#syllabus .syllabus-icon{width:31px;height:31px}
#syllabus .syllabus-topic{position:static;font-size:16px}
#syllabus .syllabus-lesson:has(.syllabus-guest) .syllabus-content{padding-bottom:75px}
#syllabus .syllabus-lesson::after{display:none}
#syllabus .syllabus-focus{max-width:900px;margin:20px auto 28px;padding:18px 22px;min-height:95px}
#syllabus .syllabus-focus h3{font-size:28px}
#syllabus .syllabus-focus p{font-size:16px}
#syllabus .syllabus-focus>img{width:60px;height:60px}
@media(max-width:700px){
.hero-profiles.client-marquee{left:13%;width:74%;top:18px;height:54px}.hero-profiles .client-set img{width:48px;height:48px}.hero-profiles .client-set{gap:14px;padding-right:14px}
.quick-consultation{padding:27px 22px}.quick-consultation h2{font-size:23px;margin-bottom:20px}.quick-fields{grid-template-columns:1fr 1fr;gap:10px}.quick-fields button{grid-column:1/-1;min-height:43px}.quick-fields input{padding:10px;font-size:14px}.quick-consent{font-size:12px}
#knowledge-to-action .action-sticky{padding-top:24px;min-height:82vh}
.reading-copy p{font-size:16px;line-height:1.6}.reading-copy h3{font-size:22px}.reading-chapter:first-child h3{font-size:22px;white-space:normal}
#portfolio-life{clip-path:polygon(0 12px,100% 0,100% 100%,0 100%)}
#portfolio-life .portfolio-life-wall{top:32px}
#three-steps{height:280vh}.journey-sticky{height:100svh;min-height:660px;padding:35px 0}.journey-sticky>h2{font-size:26px;margin-bottom:35px}.journey-grid{height:400px!important}
#three-steps .journey-step{right:12%;width:76%;padding:20px 2px}.journey-step h3{font-size:29px!important}#three-steps .journey-step p{font-size:17px}
#syllabus .syllabus-heading h2{font-size:27px}#syllabus .syllabus-heading>span{font-size:60px}
#syllabus .syllabus-lesson{grid-template-columns:1fr;padding:12px 0}#syllabus .syllabus-meta{padding:5px 20px 12px;flex-direction:row}#syllabus .syllabus-number{font-size:64px}#syllabus .syllabus-content{padding:20px}#syllabus .syllabus-content h3{font-size:28px}#syllabus .syllabus-meta p{font-size:14px}#syllabus .syllabus-badge{width:auto;font-size:15px;padding:7px 12px}
}
@media(prefers-reduced-motion:reduce){.reading-delayed{opacity:1!important;transform:none!important}#three-steps{height:auto}.journey-sticky{position:relative;height:auto;min-height:0}.journey-grid{height:auto!important}#three-steps .journey-step{position:relative;right:auto;top:auto;width:85%;max-width:640px;opacity:1!important;transform:none!important;margin:0 auto 35px}}
/* Clip horizontal artwork without creating a scrolling ancestor for sticky stages. */
.landing{overflow:clip}
#portfolio-life{clip-path:none}
#portfolio-life::before{display:block;position:absolute;inset:0 0 auto;height:1.745vw;background:#fff;clip-path:polygon(0 0,100% 0,0 100%);z-index:4;pointer-events:none}
@media(max-width:700px){#portfolio-life::before{height:12px}}
/* Wider reading columns avoid short orphaned lines. */
.reading-story{max-width:1240px}
.reading-chapter{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:65px}
.reading-copy p{text-wrap:pretty;max-width:none}
.reading-chapter:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}
.reading-chapter:nth-child(n+5){grid-template-columns:minmax(0,1.3fr) minmax(0,1.2fr);gap:55px;align-items:stretch}
.reading-chapter:nth-child(6){grid-template-columns:minmax(0,1.2fr) minmax(0,1.3fr)}
.reading-chapter:nth-child(n+5) .reading-copy{padding:0}
.reading-chapter:nth-child(n+5) .reading-stack{max-width:none;width:100%}
@media(min-width:701px){.reading-chapter:nth-child(n+5) .reading-visual{align-items:stretch}.reading-chapter:nth-child(n+5) .reading-stack{position:relative;top:0;align-self:stretch;display:flex;align-items:center}.reading-chapter:nth-child(n+5) .reading-original{width:100%}.reading-chapter:nth-child(6) .mentoring-new-crop{min-height:var(--reading-copy-height,340px);aspect-ratio:auto}.reading-chapter:nth-child(6) .mentoring-new-crop img{height:217.08%;object-fit:cover}}
@media(max-width:700px){.reading-chapter{gap:28px}.reading-chapter:nth-child(n+5) .reading-stack{max-width:420px}.reading-chapter:nth-child(n+5) .reading-copy{padding:0}}
@media(max-width:700px){.hero-profiles.client-marquee{left:28%;width:44%;top:1.7cqw;height:7cqw}.hero-profiles .client-set img{width:6cqw;height:6cqw}.hero-profiles .client-set{gap:2cqw;padding-right:2cqw}}
@media(min-width:701px){.reading-chapter:nth-child(5) .reading-original{max-width:calc(var(--reading-copy-height,450px)*.9259);margin-inline:auto}}
/* Complete profile exports supplied by Noam; approximately three more visible. */
.hero-profiles.client-marquee{top:2.7cqw;height:5.3cqw}
.hero-profiles .client-set{gap:1cqw;padding-right:1cqw}
.hero-profiles .client-set img{display:block;width:3.65cqw;height:3.65cqw;max-width:62px;max-height:62px;object-fit:contain;border-radius:0;flex-shrink:0}
@media(max-width:700px){.hero-profiles.client-marquee{top:2.5cqw;height:5.4cqw}.hero-profiles .client-set img{width:4cqw;height:4cqw}.hero-profiles .client-set{gap:1cqw;padding-right:1cqw}}
.quick-consultation h2{font-size:32px}
@media(max-width:700px){.quick-consultation h2{font-size:25px}}
/* Small typography increase: body +1px, subheadings +2px. */
.reading-copy p{font-size:17px}
.reading-copy h3{font-size:clamp(22px,calc(1.75vw + 2px),27px)}
.reading-chapter:first-child h3{font-size:clamp(19px,calc(1.5vw + 2px),25px)}
@media(max-width:700px){.reading-copy p{font-size:17px}.reading-copy h3,.reading-chapter:first-child h3{font-size:24px}}
/* Final spacing pass: tighter invitation and steps, more air after the white form. */
#portfolio-life{height:45cqw}
#portfolio-life .portfolio-life-wall{top:3cqw}
#portfolio-life::after{top:3cqw}
#portfolio-life .portfolio-life-person{top:1cqw}
#portfolio-life .portfolio-life-glass{top:7.9cqw}
#portfolio-life .portfolio-life-cta{padding:9px 32px;min-height:0}
#portfolio-life .portfolio-life-limit{font-family:Simona,sans-serif;font-weight:400}
#knowledge-to-action .action-sticky{padding-top:72px}
#three-steps{height:240vh;padding-bottom:0}
#three-steps .journey-sticky{justify-content:flex-start;height:620px;min-height:560px;padding:28px 0 20px}
#three-steps .journey-sticky>h2{margin-bottom:32px}
#syllabus{padding-top:12px}
#syllabus .syllabus-heading{padding-top:35px}
@media(max-width:700px){
#portfolio-life{height:730px}
#portfolio-life .portfolio-life-wall{top:27px}
#portfolio-life::after{top:27px}
#portfolio-life .portfolio-life-person{top:auto}
#portfolio-life .portfolio-life-glass{top:30px}
#portfolio-life .portfolio-life-cta{padding:9px 27px}
#knowledge-to-action .action-sticky{padding-top:54px}
#three-steps{height:235vh}
#three-steps .journey-sticky{height:610px;min-height:580px;padding-top:22px}
}
@media(prefers-reduced-motion:reduce){#three-steps{height:auto}#three-steps .journey-sticky{height:auto;min-height:0}}
/* Balanced guest placement and an uninterrupted full-width results section. */
#syllabus .syllabus-guest{left:18px;bottom:18px}
#syllabus{padding-bottom:65px}
#mentee-results{padding:0;background:radial-gradient(ellipse at 90% 10%,#173b6545,transparent 55%),linear-gradient(180deg,#0e192c 0%,#08111f 42%,#020406 100%);color:#f5f9ff;border-radius:0}
#mentee-results .comparison-panel{width:100%;border:0;border-radius:0;background:transparent;padding:36px 0 58px;box-shadow:none}
#mentee-results .results-heading{margin-bottom:42px}
#mentee-results .results-heading h2{font-size:32px;line-height:1.3}
#mentee-results .deals-area{margin-top:60px}
#mentee-results .deals-area>h3{font-size:32px;line-height:1.3;margin-bottom:48px}
@media(max-width:700px){
#syllabus .syllabus-guest{left:16px;bottom:16px}
#syllabus{padding-bottom:45px}
#mentee-results{padding:0}
#mentee-results .comparison-panel{padding:28px 0 42px}
#mentee-results .results-heading{margin-bottom:28px}
#mentee-results .results-heading h2,#mentee-results .deals-area>h3{font-size:25px}
#mentee-results .deals-area{margin-top:42px}
#mentee-results .deals-area>h3{margin-bottom:32px}
}
/* White inset results panel on the page's dark background. */
#mentee-results{padding:32px 24px 48px;background:#0e1525;color:#0e1525}
#mentee-results .comparison-panel{border-radius:15px;background:#fff;color:#0e1525;padding:40px 0 58px}
#mentee-results .results-heading,#mentee-results .deals-area,#mentee-results .deals-area>h3{color:#0e1525}
#mentee-results .comparison-dot::after{background:#14233b45}
#mentee-results .comparison-dot[aria-current="true"]::after{background:#14233b;box-shadow:0 0 8px #14233b25}
#mentee-results .comparison-dot:focus-visible{outline-color:#14233b}
@media(max-width:700px){#mentee-results{padding:24px 12px 32px}#mentee-results .comparison-panel{padding:30px 0 42px}}
/* A modest readability increase throughout the story. */
.reading-copy p{font-size:18px}
.reading-copy h3{font-size:clamp(24px,calc(1.75vw + 4px),29px)}
.reading-chapter:first-child h3{font-size:clamp(21px,calc(1.5vw + 4px),27px)}
@media(max-width:700px){.reading-copy p{font-size:18px}.reading-copy h3,.reading-chapter:first-child h3{font-size:26px}}
/* Shorter step stage with a little more space above its heading. */
#three-steps{height:210vh}
#three-steps .journey-sticky{height:520px;min-height:520px;padding-top:44px;padding-bottom:16px}
#three-steps .journey-grid{height:300px}
#three-steps .journey-sticky>h2{margin-bottom:28px}
@media(max-width:700px){#three-steps{height:215vh}#three-steps .journey-sticky{height:580px;min-height:580px;padding-top:36px}#three-steps .journey-grid{height:370px!important}}
@media(prefers-reduced-motion:reduce){#three-steps{height:auto}#three-steps .journey-sticky{height:auto;min-height:0}#three-steps .journey-grid{height:auto!important}}
/* Story subheadings: one more small increase. */
.reading-copy h3{font-size:clamp(26px,calc(1.75vw + 6px),31px)}
.reading-chapter:first-child h3{font-size:clamp(23px,calc(1.5vw + 6px),29px)}
@media(max-width:700px){.reading-copy h3,.reading-chapter:first-child h3{font-size:28px}}
/* Balance each story subheading into lines of similar length. */
.reading-copy h3{text-wrap:balance}
/* Three open cards: a turquoise pointer light and restrained depth on hover. */
#three-steps{height:auto;padding:50px 5% 65px}
#three-steps .journey-sticky{position:relative;top:auto;height:auto;min-height:0;padding:0;overflow:visible}
#three-steps .journey-sticky>h2{margin-bottom:42px}
#three-steps .journey-grid{height:auto!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:100%;max-width:1240px}
#three-steps .journey-step{position:relative;inset:auto;width:100%;max-width:none;min-height:0;opacity:1;transform:none;will-change:auto;padding:28px 24px 30px;border:1px solid #b9d9ef25;border-radius:18px;background:linear-gradient(145deg,#21334b66,#111b2d);isolation:isolate;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s;outline:none}
#three-steps .journey-step::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(240px circle at var(--spot-x,50%) var(--spot-y,20%),#32c6c939,transparent 72%);opacity:0;transition:opacity .25s;pointer-events:none}
#three-steps .journey-step::after{content:'';position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,#9fe8ef,transparent);opacity:.25;transition:opacity .25s}
#three-steps .journey-step:hover,#three-steps .journey-step:focus-visible{transform:translateY(-5px);border-color:#80dce975;box-shadow:0 18px 35px #02091255,0 0 24px #3fc4cc0c}
#three-steps .journey-step:hover::before,#three-steps .journey-step:focus-visible::before{opacity:1}
#three-steps .journey-step:hover::after,#three-steps .journey-step:focus-visible::after{opacity:1}
#three-steps .journey-number{font-size:44px;margin-bottom:25px;transition:color .25s,text-shadow .25s}
#three-steps .journey-step:hover .journey-number,#three-steps .journey-step:focus-visible .journey-number{color:#a8f6ef;text-shadow:0 0 18px #42e2cf65}
#three-steps .journey-step h3{font-size:clamp(24px,2.35vw,32px);line-height:1.18;text-wrap:balance;margin-bottom:18px}
#three-steps .journey-step p{font-size:17px;line-height:1.65;color:#d6e0ec;text-wrap:pretty}
@media(max-width:700px){#three-steps{padding:38px 22px 45px}#three-steps .journey-grid{grid-template-columns:1fr;gap:18px}#three-steps .journey-step{padding:24px}.journey-step h3{font-size:29px!important}#three-steps .journey-number{margin-bottom:18px}#three-steps .journey-sticky>h2{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){#three-steps .journey-step,#three-steps .journey-step::before,#three-steps .journey-step::after,#three-steps .journey-number{transition:none}#three-steps .journey-step:hover,#three-steps .journey-step:focus-visible{transform:none}}
/* Open step columns separated by fading vertical rules and a soft brand halo. */
#three-steps{position:relative;isolation:isolate;overflow:hidden}
#three-steps::before{content:'';position:absolute;width:760px;height:760px;max-width:90vw;max-height:90vw;left:50%;top:50%;transform:translate(-50%,-40%);border-radius:50%;background:radial-gradient(circle,#1cc3bb1e 0%,#23b5be10 35%,transparent 70%);filter:blur(28px);z-index:-1;pointer-events:none}
#three-steps .journey-grid{gap:40px}
#three-steps .journey-grid::before,#three-steps .journey-grid::after{content:'';position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent 0%,#a5e6e935 22%,#a5e6e975 50%,#a5e6e935 78%,transparent 100%);pointer-events:none}
#three-steps .journey-grid::before{left:calc((100% - 80px)/3 + 20px)}
#three-steps .journey-grid::after{right:calc((100% - 80px)/3 + 20px)}
#three-steps .journey-step{border:0;border-radius:0;background:transparent;padding:24px 14px 26px}
#three-steps .journey-step::after{display:none}
#three-steps .journey-step:hover,#three-steps .journey-step:focus-visible{border-color:transparent;box-shadow:none}
#three-steps .journey-step:focus-visible{outline:1px solid #80dce975;outline-offset:4px;border-radius:10px}
@media(min-width:701px){.reading-chapter:nth-child(5) .reading-original{width:118%;max-width:none;flex-shrink:0;margin-inline:-9%}}
@media(max-width:700px){#three-steps .journey-grid{gap:0}#three-steps .journey-grid::before,#three-steps .journey-grid::after{display:none}#three-steps .journey-step{padding:28px 8px}#three-steps .journey-step:not(:last-child)::after{display:block;top:auto;bottom:0;left:8px;right:8px;height:1px;background:linear-gradient(90deg,transparent,#a5e6e975,transparent);opacity:1}#three-steps::before{width:650px;height:650px;max-width:none;max-height:none}}
.fit-note .note-toolbar,.fit-note li:last-child{border-bottom:0}
/* Clearer resting halo and more generous, aligned step columns. */
#three-steps::before{background:radial-gradient(circle,#24c9bf33 0%,#23b5be20 36%,transparent 72%);filter:blur(24px)}
#three-steps .journey-grid{gap:56px;align-items:stretch}
#three-steps .journey-grid::before{left:calc((100% - 112px)/3 + 28px)}
#three-steps .journey-grid::after{right:calc((100% - 112px)/3 + 28px)}
#three-steps .journey-step{display:grid;grid-template-rows:72px 88px 1fr;align-content:start;padding:24px 8px 28px}
#three-steps .journey-number{margin-bottom:0}
#three-steps .journey-step h3{margin-bottom:0;align-self:start}
#three-steps .journey-step p{margin:0}
@media(min-width:1400px){#three-steps .journey-grid{max-width:1340px}}
@media(max-width:700px){#three-steps .journey-grid{gap:0}#three-steps .journey-step{grid-template-rows:auto auto auto;gap:20px;padding:28px 8px}#three-steps .journey-number{margin:0}}
/* Enlarge the two lead-table proofs together with their date labels. */
.reading-leads>.june-native{transform:scale(1.15);transform-origin:top right}
.reading-leads>.feb-native{transform:scale(1.15);transform-origin:top left}
.reading-chapter:nth-child(4){padding-bottom:105px}
@media(max-width:700px){.reading-leads>.june-native,.reading-leads>.feb-native{transform:scale(1.1)}.reading-chapter:nth-child(4){padding-bottom:85px}}
/* The existing bottom glow travels like a slow wave beneath the stable form. */
#join{background:#070f1b}
#join::after{content:'';position:absolute;inset:0 -20%;z-index:0;pointer-events:none;background:radial-gradient(ellipse 50% 35% at 50% 108%,#d0efff 0%,#64b1e6 15%,#1d629b 38%,#103352 63%,transparent 100%);transform-origin:50% 100%;animation:closing-tide 15s ease-in-out infinite;will-change:transform}
@keyframes closing-tide{0%,100%{transform:translate3d(-10%,0,0) rotate(-1.5deg)}50%{transform:translate3d(10%,-10px,0) rotate(1.5deg)}}
@media(prefers-reduced-motion:reduce){#join::after{animation:none;transform:none;will-change:auto}}
/* A clearer three-layer blue tide behind the consultation form. */
#join::after{animation:none;transform:none;opacity:.55;will-change:auto}
.closing-waves{position:absolute;left:0;right:0;bottom:-35px;height:310px;z-index:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(transparent,#000 24%);-webkit-mask-image:linear-gradient(transparent,#000 24%)}
.closing-wave{position:absolute;inset:auto auto 0 -40%;width:180%;height:100%;filter:blur(7px);will-change:transform;animation:closing-wave-travel 5.5s ease-in-out infinite alternate;transform-origin:50% 100%}
.wave-back{opacity:.7;animation-duration:7s;animation-delay:-3s;bottom:20px}
.wave-middle{opacity:.55;animation-duration:6s;animation-delay:-1.5s;bottom:0}
.wave-front{opacity:.4;animation-duration:5s;animation-delay:-.5s;bottom:-5px}
@keyframes closing-wave-travel{from{transform:translate3d(-10%,-8px,0)}to{transform:translate3d(10%,13px,0)}}
#join .fit-form input[type=tel]{direction:rtl;text-align:right}
#join .closing-button{background:url('assets/form/button-fill.png') center/100% 100%;color:#fff;box-shadow:0 5px 16px #3fa2f733}
#join .closing-layout .fit-note{transform:translateX(-75px) rotate(-2deg)}
#join .closing-main>small{display:block;direction:rtl}
@media(max-width:900px) and (min-width:701px){#join .closing-layout .fit-note{transform:translateX(-55px) rotate(-2deg)}}
@media(max-width:700px){#join .closing-layout .fit-note{transform:translateX(-18px) rotate(-2deg)}.closing-waves{height:300px;bottom:-20px}.closing-wave{width:220%;left:-60%;filter:blur(6px)}}
@media(prefers-reduced-motion:reduce){.closing-wave{animation:none;transform:none;will-change:auto}}
/* Let the pointer light reach the separators rather than the text column edge. */
#three-steps .journey-step{overflow:visible}
#three-steps .journey-step::before{left:-28px;right:-28px;background:radial-gradient(270px circle at calc(var(--spot-x,50%) + 28px) var(--spot-y,20%),#32c6c939,transparent 76%)}
#syllabus .syllabus-heading h2{top:14px}
#syllabus .syllabus-heading{padding-bottom:54px}
@media(max-width:700px){#three-steps .journey-step::before{left:-8px;right:-8px;background:radial-gradient(270px circle at var(--spot-x,50%) var(--spot-y,20%),#32c6c939,transparent 76%)}#syllabus .syllabus-heading h2{top:10px}#syllabus .syllabus-heading{padding-bottom:50px}}
/* Bring the light-blue and white glow back into the moving wave layers. */
#join::after{opacity:.8}
.closing-wave.wave-front{opacity:.55;filter:blur(9px)}
.closing-wave.wave-front path{stroke:#f0fbff66;stroke-width:2px}
.closing-wave.wave-middle{opacity:.6}
/* Shared visual scale — final page-wide consistency pass. */
:root{
 --type-section:32px;--type-subtitle:26px;--type-body:18px;--type-compact:16px;--type-meta:14px;
 --line-heading:1.25;--line-body:1.6;--radius-field:999px;--radius-card:16px;--radius-panel:28px;--control-height:48px;
}
#quick-title,#action-title,#brain-section-title,#about-title,#steps-title,#syllabus .syllabus-heading h2,#mentee-results .results-heading h2,#mentee-results .deals-area>h3,#closing-title,#syllabus .syllabus-bonuses>h3{font-size:var(--type-section);line-height:var(--line-heading);text-wrap:balance}
#about-noam .reading-copy h3,#about-noam .reading-chapter:first-child h3,#three-steps .journey-step h3,#syllabus .syllabus-content h3,#syllabus .syllabus-focus h3,#syllabus .syllabus-bonus h4,#fit-note-title{font-size:var(--type-subtitle);line-height:var(--line-heading);text-wrap:balance;white-space:normal}
#knowledge-to-action .action-copy>p:not(.action-kicker),#brain-shift .brain-body,#brain-shift .brain-body p,#about-noam .reading-copy p,#portfolio-life .portfolio-life-description,#three-steps .journey-step p,#syllabus .syllabus-content>p,#syllabus .syllabus-focus p,#syllabus .syllabus-bonus p,#join .closing-main>p{font-family:Polin,sans-serif;font-size:var(--type-body);line-height:var(--line-body)}
#portfolio-life .portfolio-life-description{white-space:normal;margin:22px 0 24px}
#portfolio-life .portfolio-life-glass{padding:26px 32px 28px;border-radius:var(--radius-panel)}
#portfolio-life{height:max(45cqw,560px)}
#portfolio-life-title,.action-copy .action-kicker,.action-copy>strong{font-size:22px;line-height:1.4}
#portfolio-life .portfolio-life-limit,#join .closing-main>small,.quick-consent,#syllabus .syllabus-meta p,.syllabus-guest,.syllabus-homework,.syllabus-topic{font-size:var(--type-meta);line-height:1.5}
#syllabus .syllabus-content>p strong{font-size:var(--type-subtitle);line-height:var(--line-heading)}
#join .fit-note li{font-size:var(--type-compact);line-height:1.5}
#join .fit-note h3{margin-bottom:14px}
.quick-fields input,.quick-fields button,#join .fit-form input,#join .closing-button,#portfolio-life .portfolio-life-cta{border-radius:var(--radius-field);min-height:var(--control-height);height:auto;font:400 var(--type-compact)/1.4 Polin,sans-serif;padding:12px 22px}
.quick-fields input{height:var(--control-height)}
.quick-fields button{white-space:normal}
#join .closing-button,#portfolio-life .portfolio-life-cta{padding-inline:32px}
#join .closing-layout{border-radius:var(--radius-panel)}
#syllabus .syllabus-lesson,#syllabus .syllabus-bonus,#mentee-results .comparison-panel,.fit-note{border-radius:var(--radius-card)}
#syllabus .syllabus-focus{border-radius:var(--radius-card)}
#three-steps .journey-step{grid-template-rows:72px 88px 1fr}
@media(max-width:700px){
 :root{--type-section:28px;--type-subtitle:24px;--type-body:18px;--type-meta:13px;--radius-panel:24px}
 #three-steps .journey-step h3{font-size:var(--type-subtitle)!important}
 #about-title .reading-name{font-size:inherit}
 #portfolio-life{height:790px}
 #portfolio-life .portfolio-life-glass{padding:24px;top:30px}
 #portfolio-life-title,.action-copy .action-kicker,.action-copy>strong{font-size:20px}
 #portfolio-life .portfolio-life-description{margin:18px 0 22px}
 #three-steps .journey-step{grid-template-rows:auto auto auto}
 #join .fit-note li{font-size:var(--type-compact)}
}
/* Readable mobile hero instead of shrinking the entire desktop composition. */
@media(max-width:700px){
 .hero{height:780px;min-height:780px}
 .hero .hero-profiles{top:24px;left:10%;width:80%;height:42px}
 .hero .hero-profiles .client-set{gap:12px;padding-right:12px}
 .hero .hero-profiles .client-set img{width:36px;height:36px;max-width:none;max-height:none}
 .hero .eyebrow{top:87px;left:7%;width:86%;font-size:11px;line-height:1.6;letter-spacing:1px;text-align:center;white-space:normal}
 .hero #hero-title{top:133px;left:9%;width:82%;height:auto}
 .hero .intro{top:208px;left:5%;width:90%;margin:0;transform:none;white-space:normal;font:400 20px/1.4 Arfilit,sans-serif;text-align:center}
 .hero .details-panel{top:294px;width:90%;height:190px;padding:15px 8px;overflow:visible}
 .hero .details{position:relative;top:0;left:0;transform:none;margin:0;width:100%;white-space:normal;font:400 16px/1.5 Polin,sans-serif}
 .hero .details strong{font-size:18px;line-height:1.4}
 .hero .portrait{top:auto;bottom:0;left:-3%;width:58%;max-width:245px;height:280px}
 .hero .portrait img{object-fit:contain;object-position:center bottom;height:116.77%}
 .hero .phone-stage{top:auto;bottom:0;left:51%;transform:scale(2.4);transform-origin:bottom left}
 .hero .light{width:200%;height:100%;opacity:.7}
 .hero .light-left{left:-100%}.hero .light-right{right:-100%}
 .hero .light img{width:100%;height:100%;object-fit:cover;top:0}
}
@media(max-width:360px){.hero .intro{font-size:18px}.hero .details-panel{top:280px;height:205px}.hero .details{font-size:15px}.hero .phone-stage{transform:scale(2.3)}}
/* Specific review refinements after the shared sizing pass. */
#knowledge-to-action .action-copy>p:not(.action-kicker){font-family:Simona,sans-serif}
#join #closing-title{font-size:40px;line-height:1.18}
#join .closing-layout{grid-template-columns:minmax(0,1fr) 360px;gap:48px;align-items:center}
#join .closing-layout .fit-note{width:360px;max-width:none;justify-self:start;align-self:center}
#join .closing-main>p{max-width:560px;margin-top:20px}
.reading-chapter:first-child .figma-story-pair{padding-bottom:0}
.reading-chapter:first-child .story-photo{width:100%}
.reading-chapter:nth-child(4) .certificate-photo{transform:scale(1.18);transform-origin:50% 45%}
.reading-chapter:nth-child(4) .growth-small-images>img{transform:scale(1.18);transform-origin:center}
#portfolio-life .portfolio-life-cta::before,#portfolio-life .portfolio-life-cta::after{display:block;background:conic-gradient(from var(--cta-edge-angle),transparent 0deg,transparent 45deg,#159eab88 70deg,#67e6e2 85deg,#fff 91deg,#bafff9 97deg,#24c2c399 115deg,transparent 145deg,transparent 225deg,#159eab88 250deg,#67e6e2 265deg,#fff 271deg,#bafff9 277deg,#24c2c399 295deg,transparent 325deg);animation:cta-edge-orbit 4s linear infinite}
#portfolio-life .portfolio-life-cta::before{inset:-2px;padding:2px;filter:none}
#portfolio-life .portfolio-life-cta::after{inset:-4px;padding:4px;filter:blur(4px);opacity:.75}
@media(min-width:1000px){
 #syllabus .syllabus-schedule{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:1440px;align-items:start}
 #syllabus .syllabus-column{min-width:0}
 #syllabus .syllabus-scale{width:940px;zoom:var(--lesson-scale,.5)}
}
@media(max-width:999px){#syllabus .syllabus-column{width:100%}#syllabus .syllabus-scale{width:100%;zoom:1}}
@media(max-width:1050px) and (min-width:701px){#join .closing-layout{grid-template-columns:minmax(0,1fr) 320px;gap:32px;padding:32px}#join .closing-layout .fit-note{width:320px;transform:translateX(-50px) rotate(-2deg)}}
@media(max-width:700px){
 #join .closing-layout{grid-template-columns:1fr;gap:35px}
 #join .closing-layout .fit-note{width:100%;max-width:360px;justify-self:center}
 #join #closing-title{font-size:34px}
 .reading-chapter:nth-child(4) .certificate-photo,.reading-chapter:nth-child(4) .growth-small-images>img{transform:scale(1.12)}
}
@media(prefers-reduced-motion:reduce){#portfolio-life .portfolio-life-cta::before,#portfolio-life .portfolio-life-cta::after{animation:none}}

@media(max-width:700px){.hero .details-panel{top:322px;height:170px}.hero .details{font-size:15px}}
@media(max-width:360px){.hero .details-panel{top:310px;height:185px}}

/* Restore the original single-column syllabus and a single orbiting light. */
#syllabus .syllabus-schedule{display:block;max-width:940px}
#portfolio-life .portfolio-life-cta::before,#portfolio-life .portfolio-life-cta::after{background:conic-gradient(from var(--cta-edge-angle),transparent 0deg,transparent 200deg,#159eab33 225deg,#2bc8cd 248deg,#d9fffc 264deg,#fff 278deg,#fff 308deg,#dbfffc 322deg,#46d8d5 335deg,transparent 356deg)}
#portfolio-life .portfolio-life-cta::before{inset:-1px;padding:1px}
#portfolio-life .portfolio-life-cta::after{inset:-2px;padding:2px;filter:blur(3px);opacity:.65}
/* Give every personal-story chapter heading more presence. */
#about-noam .reading-copy h3,#about-noam .reading-chapter:first-child h3{font-size:30px;line-height:1.25;text-wrap:balance}
@media(max-width:700px){#about-noam .reading-copy h3,#about-noam .reading-chapter:first-child h3{font-size:27px}}
/* Compact invitation composition with equal top and bottom breathing room. */
#portfolio-life .portfolio-life-glass{padding:28px 24px}
#portfolio-life .portfolio-life-logo{width:76%}
#portfolio-life .portfolio-life-description{font-size:clamp(14px,1.42cqw,18px);line-height:1.5;text-wrap:balance}
@media(max-width:700px){#portfolio-life .portfolio-life-glass{padding:24px}#portfolio-life .portfolio-life-description{font-size:16px}}
/* Persistent invitation, positioned clear of the reading column. */
.floating-meeting{position:fixed;left:22px;bottom:24px;z-index:30;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border:1px solid #9ef5edb3;border-radius:999px;background:linear-gradient(130deg,#21c7c7,#087e91);color:white;font:400 16px/1.4 Polin,sans-serif;text-decoration:none;box-shadow:0 8px 28px #03101b55;transition:transform .2s,box-shadow .2s}
.floating-meeting:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0bafb244}
.floating-meeting:focus-visible{outline:3px solid white;outline-offset:4px}
.floating-meeting[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.floating-meeting{transition:none}}