/* Editorial scene layer. Existing content, forms and navigation remain shared. */
:root {
  --ink: #1d1d1f;
  --forest: #242426;
  --forest-deep: #111112;
  --paper: #ffffff;
  --soft: #f5f5f7;
  --warm: #f5f5f7;
  --muted: #636366;
  --radius-sm: 16px;
  --radius-md: 24px;
  --radius-lg: 36px;
  --radius-xl: 48px;
  --ease-out-premium: cubic-bezier(.22,1,.36,1);
  --duration-fast: 220ms;
  --duration-medium: 480ms;
  --duration-slow: 800ms;
  --section-space-lg: clamp(88px, 10vw, 144px);
  --section-space-md: clamp(64px, 7vw, 104px);
}
h1,h2,h3 {text-wrap:balance}
h2 {font-size:clamp(34px,3.8vw,56px);line-height:1.12;letter-spacing:-.045em}
.chapter {padding-block:var(--section-space-lg)}
.button,.submit-btn {border-radius:999px;transition:transform var(--duration-fast),background var(--duration-fast)}
.button span {transition:transform var(--duration-fast)}
.button:hover,.submit-btn:hover {transform:translateY(-1px)}
.button:hover span {transform:translateX(3px)}
.video-frame {border-radius:var(--radius-lg);isolation:isolate}
.video-frame>img {transition:transform var(--duration-slow) var(--ease-out-premium)}
.video-frame:hover>img {transform:scale(1.02)}
.field-input,.phone-wrap {border-radius:var(--radius-sm)}
/* Opening scene: photograph held inside the composition, type bridges its edge. */
.hero {min-height:min(880px,calc(100svh - 76px));background:var(--forest-deep);margin:0 16px;border-radius:var(--radius-xl);overflow:hidden;isolation:isolate}
.hero-media {position:absolute;inset:24px 24px 24px 39%;border-radius:var(--radius-lg);overflow:hidden}
.hero-media img {width:100%;height:100%;object-fit:cover;object-position:76% center;transform:scale(1.035) translateY(var(--parallax,0px))}
.hero-shade {position:absolute;inset:0;background:linear-gradient(90deg,#111112 3%,rgba(17,17,18,.97) 22%,rgba(17,17,18,.62) 45%,transparent 70%);pointer-events:none}
.hero-content {position:relative;padding-block:clamp(58px,6vw,88px);z-index:1}
.hero h1 {max-width:760px;font-size:clamp(44px,4.25vw,65px);line-height:1.09;letter-spacing:-.052em}
.hero h1 em {font-family:inherit;font-style:normal;font-weight:400;color:var(--lime)}
.hero-deck {max-width:555px;font-size:18px;line-height:1.6;margin-top:30px}
.hero-actions {margin-top:32px}
.hero-trust {margin-top:40px;max-width:430px;font-size:13px}
.hero-caption {right:48px;bottom:48px;text-align:right;z-index:1}
.hero-caption span {font-size:11px}
/* The cost stays put while the decisions and consequences unfold. */
.story-top {max-width:960px;margin-bottom:72px}
.story-grid {grid-template-columns:1fr 1fr;gap:8vw;align-items:start}
.investment {position:sticky;top:150px;padding-top:8px}
.big-number {font-size:clamp(64px,8.4vw,124px);letter-spacing:-.075em;line-height:1;margin:0}
.investment-caption {display:block;font-size:14px;color:var(--muted);margin-top:22px}
.investment-steps {list-style:none;padding:0;margin:0 0 48px;counter-reset:decision;display:block}
.investment-steps li {counter-increment:decision;display:flex;gap:24px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);font-size:25px;line-height:1.25}
.investment-steps li::before {content:'0' counter(decision);font-size:12px;color:var(--muted)}
.story-copy {font-size:19px;line-height:1.65}
.story-resolution {margin-top:48px;font-size:clamp(26px,2.5vw,36px);line-height:1.5;letter-spacing:-.03em}
.story-video {margin-top:100px;grid-template-columns:.7fr 1.6fr;gap:64px;align-items:center}
.story-video h3 {font-size:34px}
/* Open scenarios: focus and hover carry the same emphasis. */
.situations {background:var(--warm)}
.scenario-grid {gap:0;margin-block:64px}
.scenario-grid article {padding:12px 32px 32px 0;transition:opacity var(--duration-medium),transform var(--duration-medium),background var(--duration-medium);border-bottom:2px solid #d2d2d7}
.scenario-grid article+article {padding-left:32px;border-left:1px solid #d2d2d7}
.scenario-grid .index {font-size:13px;letter-spacing:.04em}
.scenario-grid h3 {font-size:28px;margin-top:40px}
.scenario-grid p {font-size:18px;max-width:34ch}
.symptoms {padding-top:8px}
/* A slower, darker hinge between the story and its explanation. */
.turning {background:var(--forest-deep);padding-block:clamp(104px,12vw,184px)}
.turning .wrap {grid-template-columns:1.2fr 1fr;gap:80px}
.false-causes {font-size:24px;line-height:2.3;transition:opacity var(--duration-slow)}
.turning.is-resolved .false-causes {opacity:.55}
.real-cause {margin-top:64px;padding-top:48px;border-top:1px solid #3a3a3c}
.real-cause>p:last-child {max-width:1000px;font-size:clamp(44px,7.3vw,104px);line-height:1.07;letter-spacing:-.055em}
.real-cause em {font-style:normal;font-family:inherit}
/* Causality diagram: three stages, one central reading axis. */
.system-intro {margin-inline:auto;text-align:center;max-width:1000px}
.system-intro .lead {max-width:620px;margin-inline:auto}
.system-flow {max-width:1080px;margin:80px auto;padding:0;text-align:center}
.system-flow>li {display:flex;flex-direction:column;align-items:center;gap:18px;padding:0 0 104px}
.system-flow>li:not(:last-child):before {left:50%;top:auto;bottom:20px;height:60px;width:1px;background:#c7c7cc}
.system-flow>li:not(:last-child):after {content:'↓';position:absolute;bottom:10px;left:calc(50% - 6px);color:#86868b;font-size:19px;background:var(--paper)}
.system-node {align-self:center;border-radius:var(--radius-sm);width:42px;height:42px}
.system-flow h3,.system-flow>li:last-child h3 {font:500 clamp(36px,4.2vw,60px)/1.1 Inter,sans-serif;letter-spacing:-.045em}
.system-flow ul {justify-content:center;gap:12px;padding-top:24px;max-width:950px;font-size:17px}
.system-flow ul li {padding:12px 18px;background:var(--soft);border-radius:var(--radius-sm)}
.system-flow>li:nth-child(2)>div {width:100%;padding:40px 28px;background:var(--forest);color:var(--paper);border-radius:var(--radius-xl)}
.system-flow>li:nth-child(2) p {color:#c7c7cc}
.system-flow>li:nth-child(2) ul {margin-inline:auto}
.system-flow>li:nth-child(2) ul li {background:#38383a;color:#f5f5f7}
.system-example {border-radius:var(--radius-lg);padding:48px;gap:64px}
/* Story returns with a large typographic endpoint, followed by real voices. */
.cases {background:var(--warm)}
.articon-case {padding:64px 0 88px;margin:48px 0 72px;border-top:1px solid #d2d2d7;border-bottom:1px solid #d2d2d7;grid-template-columns:1.2fr 1fr;gap:80px}
.articon-case h3 {font-size:clamp(54px,7.6vw,112px);font-weight:500;letter-spacing:-.055em;color:var(--ink)}
.case-path {display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;font-size:16px}
.case-path span {display:inline!important;font-size:16px!important;color:var(--muted)}
.case-path span+span:before {content:'→';margin-right:12px}
.articon-case>div:last-child {padding-top:38px;font-size:19px;line-height:1.65}
.review-grid {display:grid;grid-template-columns:1fr;gap:88px}
.review-grid article {display:grid;grid-template-columns:1.7fr 1fr;column-gap:64px;align-content:center}
.review-grid .video-frame {grid-column:1;grid-row:1/4}
.review-grid article>.text-link {grid-column:2;grid-row:3;justify-self:start;align-self:start;margin-top:20px}
.review-grid h3 {grid-column:2;grid-row:1;align-self:end;font-size:32px;margin-top:0}
.review-grid p {grid-column:2;grid-row:2;font-size:18px;max-width:38ch;margin-top:18px}
.review-grid article:nth-child(even) {grid-template-columns:1fr 1.7fr}
.review-grid article:nth-child(even) .video-frame {grid-column:2}
.review-grid article:nth-child(even)>:not(.video-frame) {grid-column:1}
/* Modules are full editorial panels on desktop; native disclosures on mobile. */
.program-name {margin-top:80px;padding-bottom:32px}
.modules {border:0}
.module {border:0;border-radius:var(--radius-lg);background:#f5f5f7;margin-top:20px;overflow:clip}
.module:nth-child(2n) {background:var(--warm)}
.module:nth-child(3) {background:#eeeef0}
.module-body {font-size:17px;line-height:1.65}
.module-body h3 {font-size:21px}
.module-body p:last-child {border-top:1px solid #d2d2d7;padding-top:24px;margin-top:24px}
@media(min-width:1024px) {
  .module {padding:56px;position:relative;min-height:580px}
  .module>summary {position:sticky;top:116px;width:39%;display:block;min-height:0;padding:0;float:left;cursor:default}
  .module-number {display:block;font-size:80px;line-height:1;color:#86868b;margin-bottom:32px;letter-spacing:-.065em}
  .module-label {font-size:14px;margin-bottom:18px;color:#636366}
  .module-question {font-size:clamp(27px,2.6vw,38px);line-height:1.18}
  .module>summary .plus {display:none}
  .module-body {margin-left:48%;padding:6px 0 0;max-width:none}
  .module::after {content:'';display:block;clear:both}
}
/* Human chapters, with consistent portrait frames. */
.expert {background:#111112;padding:32px 0}
.expert-grid {grid-template-columns:1.05fr 1fr;gap:7vw}
.expert-photo {height:680px;margin:0;border-radius:var(--radius-lg);background:#1d1d1f}
.expert-photo img {object-position:82% center;transform:scale(1.035) translateY(var(--parallax,0px))}
.expert-copy h2 {font-size:clamp(36px,4vw,58px)}
.expert-copy ul {list-style:none;padding:0;font-size:16px}
.expert-copy li {padding:14px 0;border-bottom:1px solid #3a3a3c}
.mentor-grid {gap:24px;align-items:start}
.mentor {display:block;transition:transform var(--duration-medium)}
.mentor-portrait {width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:var(--radius-lg);background:#eeeef0}
.mentor .mentor-portrait img {width:100%;height:100%;border-radius:0;object-fit:cover;object-position:center;transform:scale(1.34);transition:transform var(--duration-slow) var(--ease-out-premium)}
.mentor h3 {font-size:21px;margin-top:22px;max-width:22ch}
.mentor p {font-size:15px;line-height:1.5;margin-top:10px}
.mentor-disclosure>summary {border-radius:var(--radius-sm);margin-top:40px}
.format {background:var(--soft)}
.format-grid {display:block}
.format-grid>div {display:grid;grid-template-columns:1.15fr 1fr;gap:10vw;align-items:start}
.format-grid>div>p {margin-top:0;max-width:48ch;font-size:18px}
.format-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:72px}
.format-steps li {display:block;padding:0;border:0}
.format-steps li>span {display:block;font-size:64px;line-height:1;color:#86868b;letter-spacing:-.06em;margin-bottom:32px}
.format-steps h3 {font-size:25px}
.format-steps p {font-size:17px}
/* Full-bleed photographic pause, then a quiet reading column. */
.meaning {display:grid;position:relative;isolation:isolate;min-height:860px;padding:100px max(var(--gutter),calc((100vw - 1250px)/2));gap:64px;grid-template-columns:1fr;align-content:space-between;background:var(--forest-deep);color:var(--paper);overflow:hidden}
.meaning-photo {position:absolute;inset:0;z-index:-2;margin:0}
.meaning-photo img {width:100%;height:100%;object-fit:cover;object-position:76% center;transform:scale(1.035) translateY(var(--parallax,0px))}
.meaning:before {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(17,17,18,.98),rgba(17,17,18,.86) 35%,rgba(17,17,18,.22) 75%),linear-gradient(0deg,rgba(17,17,18,.8),transparent 50%)}
.meaning-intro {max-width:46%}
.meaning-intro .eyebrow {color:#d2d2d7}
.meaning-intro p:last-child {color:#d2d2d7;font-size:18px}
.meaning-statement {max-width:53%;font-size:27px;line-height:1.45;color:#aeaeb2;margin:0}
.meaning-statement strong {display:block;color:var(--paper);margin-top:16px}
.inaction {padding-top:var(--section-space-lg)}
.pricing {margin:0 24px;border-radius:var(--radius-xl);background:var(--forest-deep);padding-block:96px}
.pricing-grid {gap:8vw}
.price {font-size:clamp(48px,6.5vw,92px);letter-spacing:-.06em;margin-top:40px;white-space:nowrap}
.price span {font-size:24px;letter-spacing:-.02em}
.price-details {padding-top:18px}
.price-details li {padding-block:16px;border-bottom:1px solid #3a3a3c}
.final {margin:0 24px;border-radius:var(--radius-xl);background:#f5f5f7;padding-block:112px}
.final h2 {font-size:clamp(40px,5.3vw,76px)}
.final .lead {max-width:650px;font-size:clamp(19px,2vw,26px)}
.final .button {margin-top:8px}
@media(hover:hover) and (pointer:fine) {
  .mentor:hover {transform:translateY(-3px)}
  .mentor:hover .mentor-portrait img {transform:scale(1.365)}
}
@media(max-width:1023px) {
  .hero {min-height:0;margin:0 12px;padding:0;display:flex;flex-direction:column}
  .hero-content {order:0;padding-block:48px 36px;width:100%}
  .hero h1 {max-width:690px;font-size:clamp(39px,6vw,56px)}
  .hero h1 br {display:none}
  .hero-deck {max-width:620px}
  .hero-media {order:1;position:relative;inset:auto;aspect-ratio:16/9;margin:0 20px 20px;border-radius:var(--radius-lg)}
  .hero-media img {object-position:76% center;transform:none}
  .hero-shade,.hero-caption {display:none}
  .hero-trust {margin-top:28px;max-width:none}
  .story-grid {gap:40px}
  .investment {position:static}
  .investment-steps li {font-size:22px}
  .story-video {gap:32px}
  .turning .wrap {gap:40px}
  .real-cause {margin-top:32px}
  .review-grid article,.review-grid article:nth-child(even) {grid-template-columns:1.4fr 1fr;gap:0 32px}
  .review-grid h3 {font-size:27px}
  .articon-case {gap:32px}
  .module>summary {padding:28px;grid-template-columns:32px 1fr 24px;gap:20px}
  .module-body {padding:0 32px 32px;max-width:none}
  .expert-grid {gap:32px}
  .expert-photo {height:590px}
  .expert-copy {padding-block:32px}
  .mentor-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}
  .format-steps {gap:28px}
  .format-steps h3 {font-size:22px}
  .meaning {min-height:760px;padding-block:72px}
  .meaning-intro {max-width:54%}
  .meaning-statement {max-width:65%;font-size:24px}
  .pricing {margin-inline:16px;padding-block:72px}
  .pricing-grid {gap:48px}
  .price {font-size:64px}
}
@media(max-width:767px) {
  :root {--section-space-lg:80px;--section-space-md:56px}
  h2 {font-size:35px}
  .hero {border-radius:0 0 32px 32px;margin:0}
  .hero-content {padding:36px 24px 30px}
  .hero h1 {font-size:clamp(34px,8.9vw,46px);line-height:1.09}
  .hero .eyebrow {font-size:10px;letter-spacing:.07em;margin-bottom:24px}
  .hero-deck {font-size:16px;line-height:1.6;margin-top:24px}
  .hero-actions {gap:20px;margin-top:26px}
  .hero-actions .button {font-size:14px;padding-inline:18px}
  .hero-trust {font-size:12px;margin-top:24px}
  .hero-media {aspect-ratio:4/3;margin:0 16px 16px;border-radius:28px}
  .hero-media img {object-position:76% center}
  .story-top {margin-bottom:40px}
  .story-grid {display:block}
  .investment {margin-bottom:40px}
  .big-number {font-size:clamp(66px,19vw,100px)}
  .investment-caption {margin-top:14px;font-size:12px}
  .investment-steps {margin-bottom:32px}
  .investment-steps li {padding:22px 0;font-size:22px}
  .story-copy {font-size:17px}
  .story-resolution {font-size:28px;margin-top:32px}
  .story-video {display:block;margin-top:56px}
  .story-video h3 {font-size:29px}
  .story-video>div+div {margin-top:28px}
  .video-frame {border-radius:28px}
  .scenario-grid {display:block;margin-block:40px}
  .scenario-grid article,.scenario-grid article+article {padding:28px 0;border-left:0}
  .scenario-grid h3 {margin-top:20px;font-size:27px}
  .scenario-grid p {font-size:17px;max-width:38ch}
  .turning {padding-block:88px}
  .turning .wrap {display:block}
  .false-causes {margin-top:36px;font-size:20px;line-height:2}
  .real-cause {padding-top:32px;margin-top:40px}
  .real-cause>p:last-child {font-size:clamp(40px,11vw,58px)}
  .system-intro {text-align:left}
  .system-flow {margin:48px 0}
  .system-flow>li {padding-bottom:88px;gap:16px}
  .system-flow>li:not(:last-child):before {height:44px}
  .system-flow h3,.system-flow>li:last-child h3 {font-size:38px}
  .system-flow ul {gap:8px;font-size:14px}
  .system-flow ul li {padding:10px 12px}
  .system-flow>li:nth-child(2)>div {padding:28px 16px;border-radius:32px}
  .system-example {padding:28px 24px;display:block}
  .system-example h3 {font-size:28px;margin-bottom:24px}
  .articon-case {display:block;margin:36px 0 48px;padding:36px 0 48px}
  .articon-case h3 {font-size:clamp(52px,16vw,76px)}
  .articon-case>div:last-child {padding-top:24px;font-size:17px}
  .case-path {gap:8px}
  .case-path span {font-size:14px!important}
  .case-path span+span:before {margin-right:8px}
  .review-grid {gap:48px}
  .review-grid article,.review-grid article:nth-child(even) {display:flex;flex-direction:column}
  .review-grid .video-frame {width:100%;order:0}
  .review-grid h3 {order:1;font-size:27px;margin-top:24px;align-self:auto}
  .review-grid p {order:2;margin-top:12px}
  .review-grid article>.text-link {order:3;margin-top:12px}
  .program-name {margin-top:48px}
  .module {margin-top:12px;border-radius:28px}
  .module>summary {padding:24px 18px;grid-template-columns:24px 1fr 20px;gap:12px}
  .module-question {font-size:21px}
  .module-label {font-size:12px}
  .module-body {padding:0 22px 28px;font-size:16px}
  .module-body h3 {font-size:20px}
  .expert {padding-block:24px 32px}
  .expert-grid {display:flex;flex-direction:column;gap:24px}
  .expert-photo {width:100%;height:auto;aspect-ratio:4/5;border-radius:32px}
  .expert-photo img {object-position:82% center;transform:none}
  .expert-copy {padding-block:0}
  .expert-copy h2 {font-size:36px}
  .mentor-grid {gap:32px 16px}
  .mentor-portrait {border-radius:28px}
  .mentor h3 {font-size:18px;margin-top:16px;overflow-wrap:anywhere}
  .mentor p {font-size:14px;margin-top:8px}
  .format-grid>div {display:block}
  .format-grid>div>p {margin-top:24px;font-size:17px}
  .format-steps {display:block;margin-top:40px}
  .format-steps li {display:grid;grid-template-columns:48px 1fr;gap:20px;padding:28px 0;border-top:1px solid var(--line)}
  .format-steps li>span {font-size:38px;margin:0}
  .format-steps h3 {font-size:24px}
  .format-steps p {font-size:16px}
  .meaning {padding:64px 24px;min-height:0;gap:360px}
  .meaning-intro {max-width:100%}
  .meaning-intro p:last-child {font-size:17px}
  .meaning-photo {inset:270px 0 140px}
  .meaning-photo img {object-position:76% center;transform:none}
  .meaning:before {background:linear-gradient(180deg,#111112 16%,transparent 43%,rgba(17,17,18,.25) 53%,#111112 76%)}
  .meaning-statement {max-width:100%;font-size:24px}
  .pricing {margin-inline:12px;border-radius:32px;padding-block:56px}
  .pricing .wrap {padding-inline:24px}
  .price {font-size:clamp(39px,11vw,56px);margin-top:30px}
  .price span {font-size:20px}
  .pricing .button {font-size:14px;padding-inline:16px;width:100%}
  .price-details {padding-top:0}
  .price-details h3 {font-size:28px}
  .final {margin-inline:12px;padding-block:64px;border-radius:32px}
  .final .wrap {padding-inline:20px}
  .final h2 {font-size:clamp(34px,9vw,44px)}
  .final .lead {font-size:20px}
  .final .button {font-size:14px;padding-inline:14px}
  .final .diagnostic-promise {font-size:12px}
}
@media(prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto!important}
  *,*::before,*::after {animation:none!important;transition:none!important}
  .hero-media img,.expert-photo img,.meaning-photo img {transform:none!important}
  .button:hover,.submit-btn:hover,.button:hover span,.mentor:hover {transform:none!important}
  .mentor:hover .mentor-portrait img {transform:scale(1.34)}
  .video-frame:hover>img {transform:none}
  .turning.is-resolved .false-causes {opacity:1}
}
@media(max-width:360px) {
  .site-nav .nav-cta {font-size:11px;padding:10px;gap:8px;white-space:nowrap}
  .site-nav .nav-brand {flex-shrink:0}
}
/* Reset the previous horizontal timeline geometry at every breakpoint. */
.investment-steps li {max-width:none}
.investment-steps li::before,.investment-steps li+li::before {content:'0' counter(decision);display:block;position:static;margin:0;color:var(--muted);font-size:12px;flex:0 0 24px}
@media(max-width:767px) {.scenario-grid article {display:block}}
.module>summary:focus-visible {outline-offset:-4px;border-radius:var(--radius-md)}
/* Reserve the menu control and mobile module layout before deferred enhancement. */
@media(max-width:900px) {.js .nav-menu-btn[hidden] {display:flex!important;visibility:hidden}}
@media(max-width:1023px) {.layout-pending .module:not(.module-ready) .module-body {display:none}}
@media(min-width:1024px) and (max-width:1199px) {
  .hero h1 {max-width:520px}
  .hero-deck {max-width:470px}
}

/* Neutral surfaces; green is reserved for action and small points of emphasis. */
:root {--line:#d2d2d7;--accent:#c52b32;--accent-hover:#a61f27;--lime:#ff9da1}
.button,.button-dark,.nav-cta,.submit-btn {background:var(--accent);color:#fff;border-radius:999px}
.button:hover,.button-dark:hover,.nav-cta:hover,.submit-btn:hover {background:var(--accent-hover)}
.button:focus-visible {border-radius:999px}
.hero .eyebrow,.hero-trust,.hero-caption span {color:#d2d2d7}
.hero-deck {color:#e5e5e7}
.scenario-grid .index,.system-example p {color:var(--muted)}
.false-causes,.real-cause>p:first-child {color:#c7c7cc}
.system-node {border-color:var(--line);border-radius:50%}
.system-flow>li.is-current .system-node {background:var(--accent);border-color:var(--accent)}
.system-example {background:var(--soft)}
.module:nth-child(2n) {background:#fafafa}
.expert-copy .eyebrow,.expert-copy ul,.expert-copy>p:not(.eyebrow):not(.lead),
.price+p,.price-details p,.cohort-summary [data-cohort-availability] {color:#c7c7cc}
.expert-copy .lead,.price-details ul {color:#e5e5e7}
.pricing .eyebrow {color:#d2d2d7}
.mentor-disclosure>summary {border-radius:999px;border-color:var(--line)}
.field-input {border-color:#b8b8bd}
.field-input::placeholder {color:#76767b}
.video-frame {background:#1d1d1f}
.video-play {color:#1d1d1f;background:#fff}
.video-play:hover {background:#e9e9ed}
.consent-row input {accent-color:var(--accent)}
:focus-visible {outline-color:var(--accent)}

/* Three readable situations, with no false tab/selection affordance. */
.scenario-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-block:48px}
.scenario-grid article,.scenario-grid article+article {display:flex;flex-direction:column;padding:32px;border:0;border-radius:36px;background:#fff;opacity:1;transform:none}
.scenario-grid .index {color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.025em}
.scenario-grid h3 {font-size:28px;line-height:1.2;margin:32px 0 16px}
.scenario-grid p {max-width:none;font-size:17px;line-height:1.6}
.symptoms {display:block;border:0;padding:0;margin:48px 0 32px}
.symptoms h3 {font-size:26px;margin-bottom:24px}
.symptoms ul {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 32px;columns:auto;font-size:16px}
.symptoms li {padding:0 0 0 20px}
.symptoms li:before {content:'—';color:var(--accent);font-weight:400}
.mentor-grid {row-gap:48px}
@media(max-width:1023px) {
 .scenario-grid {gap:16px}
 .scenario-grid article,.scenario-grid article+article {padding:24px}
 .scenario-grid h3 {font-size:24px}
 .symptoms ul {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px) {
 .scenario-grid {display:grid;grid-template-columns:1fr;gap:16px;margin-block:32px}
 .scenario-grid article,.scenario-grid article+article {padding:28px;border-radius:28px}
 .scenario-grid h3 {font-size:27px;margin:20px 0 12px}
 .symptoms {margin-top:36px}
 .symptoms ul {grid-template-columns:1fr;gap:16px}
 .mentor-grid {row-gap:32px}
}