:root {
  --navy: #000c1a;
  --navy-2: #06182b;
  --orange: #e66e03;
  --orange-light: #ff9419;
  --cream: #fdf8f4;
  --white: #fff;
  --muted: #c8d0da;
  --radius: 18px;
  --shadow: 0 18px 55px rgb(0 0 0 / 24%);
}

/* Section 05 — Job vs Artist Growth Track */
.comparison { background: var(--navy); color: var(--navy); }
.comparison__shell { width: min(100%, 1440px); margin-inline: auto; padding: 24px 16px 28px; background: var(--cream); }
.comparison__intro-grid { display: grid; gap: 14px; }
.comparison h2 { margin: 0; font-size: clamp(1.85rem, 7.7vw, 3.45rem); line-height: 1.06; letter-spacing: -.035em; }
.comparison h2 span { color: var(--orange); }
.comparison__lead { display: grid; gap: 9px; margin-top: 15px; }
.comparison__lead p { margin: 0; font-size: .84rem; line-height: 1.5; }
.comparison__lead strong { font-weight: 800; }
.comparison__media { display: block; overflow: hidden; aspect-ratio: 16 / 9; border-radius: 12px; box-shadow: 0 10px 28px rgb(0 12 26 / 16%); }
.comparison__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.comparison-table { display: grid; gap: 10px; margin-top: 14px; }
.comparison-table__desktop-head { display: none; }
.comparison-table__desktop-head strong { display: grid; place-items: center; min-height: 44px; padding: 8px 7px; border-radius: 10px; color: #fff; font-size: 0; text-align: center; box-shadow: 0 5px 12px rgb(0 12 26 / 10%); }
.comparison-table__desktop-head strong:first-child { background: var(--navy); }
.comparison-table__desktop-head strong:last-child { background: linear-gradient(100deg, var(--orange), #ff8d00); }
.comparison-table__desktop-head strong::after { font-size: .68rem; font-weight: 850; line-height: 1.18; }
.comparison-table__desktop-head strong:first-child::after { content: "Normal Salon Job"; }
.comparison-table__desktop-head strong:last-child::after { content: "Artist Growth Track"; }
.comparison-row { position: relative; overflow: hidden; border: 1px solid rgb(0 12 26 / 12%); border-radius: 13px; background: #fff; box-shadow: 0 6px 16px rgb(0 12 26 / 7%); }
.comparison-row::before { content: attr(data-title); display: block; padding: 10px 12px 9px; border-bottom: 1px solid rgb(0 12 26 / 9%); color: var(--navy); font-size: .82rem; font-weight: 850; line-height: 1.25; }
.comparison-side h3 { display: flex; align-items: center; gap: 6px; min-height: 0; margin: 0; padding: 8px 12px 0; background: transparent; font-size: 0; text-align: left; }
.comparison-side h3::before { font-size: .72rem; font-weight: 900; }
.comparison-side h3::after { font-size: .65rem; font-weight: 850; line-height: 1.15; letter-spacing: .025em; text-transform: uppercase; }
.comparison-side--normal h3 { color: #53606e; }
.comparison-side--normal h3::before { content: "×"; color: #a14c42; }
.comparison-side--growth h3 { color: var(--orange); }
.comparison-side--growth h3::before { content: "✓"; color: var(--orange); }
.comparison-side--normal h3::after { content: "Normal Job Mein"; }
.comparison-side--growth h3::after { content: "Artist Growth Track"; }
.comparison-side { padding-bottom: 9px; }
.comparison-side > div { display: grid; grid-template-columns: 46px minmax(0, 1fr); align-items: center; gap: 11px; min-height: 0; padding: 7px 12px 11px; }
.comparison-side--normal { background: #f7f6f4; }
.comparison-side--growth { border-left: 3px solid var(--orange); background: #fff9f1; }
.comparison-side img { display: block; width: 46px; height: 46px; border-radius: 10px; object-fit: cover; }
.comparison-side p { margin: 0; font-size: .82rem; font-weight: 650; line-height: 1.44; }
.comparison-row__vs { position: relative; z-index: 2; display: block; width: 40px; height: 40px; margin: 7px auto; border: 2px solid #fff; border-radius: 50%; background: linear-gradient(145deg, #0a2239, var(--navy)); color: transparent; font-size: 0; line-height: 1; box-shadow: 0 0 0 2px var(--orange), 0 6px 14px rgb(0 12 26 / 25%), inset 0 1px 0 rgb(255 255 255 / 16%); }
.comparison-row__vs::before { content: "VS"; position: absolute; inset: 0; display: grid; place-items: center; color: #fff; font-size: .72rem; font-weight: 900; line-height: 1; letter-spacing: .02em; text-align: center; }
.comparison-row__vs::after { display: none; }
.comparison-closing { display: grid; grid-template-columns: 82px minmax(0, 1fr); align-items: center; gap: 14px; margin-top: 12px; padding: 14px; border-radius: 13px; background: var(--navy); color: #fff; }
.comparison-closing h3 { margin: 0 0 5px; color: var(--orange-light); font-size: 1rem; }
.comparison-closing p { margin: 0; font-size: .82rem; line-height: 1.5; }
.comparison-closing strong { color: var(--orange-light); }
.comparison-closing__balance { display: block; width: 82px; height: 82px; border-radius: 50%; object-fit: cover; }
.comparison-copy--desktop { display: none; }
div.comparison-copy--mobile { display: grid; }
span.comparison-copy--mobile { display: inline; }
p.comparison-copy--mobile { display: block; }

/* Section 05 mobile audit — isolated from locked desktop and every other section. */
@media (max-width: 699px) {
  .comparison__shell { padding: 20px 14px 28px; }
  .comparison h2 { font-size: clamp(1.85rem, 7.55vw, 2.15rem); line-height: 1.08; }
  .comparison__lead { gap: 10px; margin-top: 15px; }
  .comparison__lead p { font-size: .93rem; line-height: 1.55; }
  .comparison__media { aspect-ratio: auto; }
  .comparison__media img { height: auto; object-fit: contain; }
  .comparison-table { gap: 11px; margin-top: 15px; }
  .comparison-row::before { padding: 10px 12px; font-size: .88rem; line-height: 1.3; }
  .comparison-side { padding-bottom: 10px; }
  .comparison-side h3 { padding: 9px 12px 1px; font-size: .75rem; font-weight: 850; line-height: 1.25; letter-spacing: .015em; text-transform: uppercase; }
  .comparison-side h3::before { font-size: .82rem; }
  .comparison-side h3::after { display: none; content: none; }
  .comparison-side > div { grid-template-columns: 46px minmax(0, 1fr); align-items: center; gap: 11px; padding: 8px 12px 12px; }
  .comparison-side p { font-size: .91rem; font-weight: 650; line-height: 1.52; }
  .comparison-row__vs { width: 42px; height: 42px; margin: 8px auto; }
  .comparison-row__vs::before { font-size: .76rem; }
  .comparison-closing { grid-template-columns: 82px minmax(0, 1fr); gap: 14px; margin-top: 13px; padding: 15px 14px; }
  .comparison-closing h3 { margin-bottom: 6px; font-size: 1.05rem; line-height: 1.3; }
  .comparison-closing p { font-size: .9rem; line-height: 1.53; }
}

@media (min-width: 900px) {
  .comparison-copy--mobile { display: none; }
  div.comparison-copy--desktop { display: grid; }
  span.comparison-copy--desktop { display: inline; }
  p.comparison-copy--desktop { display: block; }
  .comparison__shell { padding: 42px 34px 34px; }
  .comparison__intro-grid { grid-template-columns: minmax(380px, 38%) minmax(0, 62%); align-items: center; gap: 28px; }
  .comparison h2 { max-width: 17ch; font-size: clamp(2.45rem, 3.1vw, 3.4rem); }
  .comparison__lead { gap: 13px; margin-top: 20px; }
  .comparison__lead p { font-size: 1.01rem; line-height: 1.56; }
  .comparison__media { aspect-ratio: 4 / 3; min-height: 0; border-radius: 16px; background: #f4ece4; }
  .comparison__media img { object-fit: contain; object-position: center; }
  .comparison-table { gap: 0; margin-top: 24px; overflow: hidden; border: 1px solid rgb(0 12 26 / 15%); border-radius: 15px; background: #fff; box-shadow: 0 10px 26px rgb(0 12 26 / 11%); }
  .comparison-table__desktop-head { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
  .comparison-table__desktop-head strong { min-height: 52px; padding: 12px 20px; border-radius: 0; color: #fff; font-size: 1.08rem; line-height: 1.25; text-align: center; box-shadow: none; }
  .comparison-table__desktop-head strong::after { display: none; }
  .comparison-table__desktop-head strong:first-child { background: var(--navy); }
  .comparison-table__desktop-head strong:last-child { background: var(--orange); }
  .comparison-row { display: grid; grid-template-columns: minmax(0, 1fr) 62px minmax(0, 1fr); align-items: stretch; overflow: visible; border: 0; border-bottom: 1px solid rgb(0 12 26 / 12%); border-radius: 0; background: linear-gradient(90deg, #faf9f7 0 50%, #fff6eb 50% 100%); box-shadow: none; }
  .comparison-row::before { display: none; }
  .comparison-row:last-child { border-bottom: 0; }
  .comparison-side { padding-bottom: 0; background: transparent; border-left: 0; }
  .comparison-side h3 { display: none; }
  .comparison-side > div { grid-template-columns: 70px minmax(0, 1fr); min-height: 104px; gap: 16px; padding: 16px 24px; }
  .comparison-side img { width: 64px; height: 64px; border-radius: 0; object-fit: contain; object-position: center; }
  .comparison-side p { font-size: 1rem; font-weight: 600; line-height: 1.48; }
  .comparison-side--normal { border-right: 0; }
  .comparison-side--growth { grid-column: 3; }
  .comparison-row__vs { position: relative; align-self: center; justify-self: center; grid-column: 2; grid-row: 1; width: 44px; height: 44px; margin: 0; color: transparent; font-size: 0; transform: none; }
  .comparison-row__vs::before { display: grid; place-items: center; }
  .comparison-row__vs::after { display: none; }
  .comparison-closing { grid-template-columns: 150px minmax(0, 1fr); align-items: center; gap: 28px; margin-top: 22px; padding: 22px 36px; border-radius: 15px; }
  .comparison-closing h3 { margin-bottom: 7px; font-size: 1.5rem; }
  .comparison-closing p { font-size: 1.14rem; line-height: 1.55; }
  .comparison-closing__balance { width: 132px; height: 132px; margin-inline: auto; border-radius: 0; object-fit: contain; object-position: center; }
}

/* Prevent intrinsic image width from widening the 900–1099px desktop grid. */
@media (min-width: 900px) and (max-width: 1099px) {
  .hero__media,
  .reality__media {
    min-width: 0;
    width: 100%;
  }
}

* { box-sizing: border-box; }

/* Section 06 — Registration profile study process */
.profile-process { background: var(--navy); color: var(--navy); }
.profile-process__shell { width: min(100%, 1440px); margin-inline: auto; padding: 24px 16px 28px; background: var(--cream); }
.profile-process__intro-grid { display: grid; gap: 14px; }
.profile-process h2 { margin: 0; font-size: clamp(1.8rem, 7.5vw, 3.35rem); line-height: 1.08; letter-spacing: -.035em; }
.profile-process h2 span { color: var(--orange); }
.profile-process__lead { display: grid; gap: 12px; margin-top: 16px; }
.profile-process__lead p { margin: 0; font-size: .84rem; line-height: 1.52; }
.profile-process__lead strong { font-weight: 800; }
.profile-process__media { display: block; overflow: hidden; aspect-ratio: 4 / 3; border-radius: 12px; box-shadow: 0 10px 28px rgb(0 12 26 / 16%); }
.profile-process__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.profile-steps { display: grid; gap: 8px; margin-top: 14px; }
.profile-step { overflow: hidden; border: 1px solid rgb(0 12 26 / 13%); border-radius: 12px; background: #fff; box-shadow: 0 5px 14px rgb(0 12 26 / 7%); }
.profile-step__summary { width: 100%; display: grid; grid-template-columns: 58px 38px minmax(0, 1fr) 20px; align-items: center; gap: 8px; padding: 9px 10px; border: 0; background: transparent; color: var(--navy); text-align: left; cursor: pointer; }
.profile-step__icon-media, .profile-step__icon { display: block; width: 58px; height: 58px; border-radius: 11px; }
.profile-step__icon { object-fit: cover; }
.profile-step__number { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(145deg, var(--orange), #ff8c18); color: #fff; font-size: .72rem; font-weight: 900; box-shadow: 0 4px 10px rgb(230 110 3 / 23%); }
.profile-step__summary strong { font-size: .86rem; font-weight: 800; line-height: 1.36; }
.profile-step__arrow { justify-self: center; font-size: 1.35rem; font-weight: 800; line-height: 1; transition: transform .2s ease; }
.profile-step.is-open .profile-step__arrow { transform: rotate(180deg); }
.profile-step__panel { padding: 12px 15px 15px; border-top: 1px solid rgb(0 12 26 / 8%); }
.js .profile-step__panel { display: none; }
.js .profile-step.is-open .profile-step__panel { display: block; }
.profile-step__panel p { margin: 0 0 9px; font-size: .84rem; line-height: 1.54; }
.profile-step__panel p:last-child { margin-bottom: 0; }
.profile-step__panel strong { color: var(--orange); font-weight: 800; }
.profile-step__panel ul { display: grid; gap: 5px; margin: 0 0 9px; padding: 0; list-style: none; }
.profile-step__panel li { position: relative; padding-left: 18px; font-size: .84rem; line-height: 1.5; }
.profile-step__panel li::before { content: "✓"; position: absolute; left: 0; color: var(--orange); font-weight: 900; }
.profile-step__tracks { display: grid; gap: 6px; margin: 8px 0 10px; }
.profile-step__tracks strong { padding: 8px 10px; border-left: 3px solid var(--orange); border-radius: 5px; background: #fff6ea; font-size: .81rem; }
.profile-step__summary:focus-visible { outline: 3px solid #ffb55d; outline-offset: -3px; }
.profile-process__closing { display: grid; grid-template-columns: 84px minmax(0, 1fr); align-items: center; gap: 14px; margin-top: 12px; padding: 14px; border-radius: 13px; background: var(--navy); color: #fff; }
.profile-process__closing img { display: block; width: 82px; height: 82px; }
.profile-process__closing h3 { margin: 0 0 5px; color: var(--orange-light); font-size: 1rem; }
.profile-process__closing p { margin: 0; font-size: .79rem; line-height: 1.52; }

@media (max-width: 389px) {
  .profile-step__summary { grid-template-columns: 52px 34px minmax(0, 1fr) 18px; gap: 6px; padding-inline: 8px; }
  .profile-step__icon-media, .profile-step__icon { width: 52px; height: 52px; }
  .profile-step__number { width: 32px; height: 32px; }
  .profile-step__panel { padding-inline: 12px; }
}

@media (min-width: 900px) {
  .profile-process__shell { padding: 42px 34px 34px; }
  .profile-process__intro-grid { grid-template-columns: 1fr; align-items: start; gap: 24px; }
  .profile-process__intro { display: flex; flex-direction: column; justify-content: center; padding: 0; }
  .profile-process h2 { max-width: 22ch; font-size: clamp(2.55rem, 3.2vw, 3.5rem); }
  .profile-process__lead { gap: 20px; margin-top: 30px; }
  .profile-process__lead p { padding-left: 18px; border-left: 4px solid var(--orange); font-size: 1.08rem; line-height: 1.62; }
  .profile-process__lead p + p { border-left-color: rgb(230 110 3 / 42%); }
  .profile-process__media { width: min(100%, 900px); aspect-ratio: 4 / 3; min-height: 0; justify-self: center; align-self: center; border-radius: 16px; }
  .profile-steps { gap: 8px; margin-top: 24px; }
  .profile-step { border-radius: 13px; }
  .profile-step__summary { grid-template-columns: 90px 48px minmax(0, 1fr); gap: 12px; min-height: 92px; padding: 10px 22px 6px 12px; cursor: default; pointer-events: none; }
  .profile-step__icon-media, .profile-step__icon { width: 82px; height: 82px; border-radius: 13px; }
  .profile-step__number { width: 44px; height: 44px; font-size: .9rem; }
  .profile-step__summary strong { font-size: 1.12rem; line-height: 1.35; }
  .profile-step__arrow { display: none; }
  .js .profile-step__panel, .profile-step__panel { display: block; padding: 0 28px 18px 174px; border-top: 0; }
  .profile-step__panel p, .profile-step__panel li { font-size: .96rem; line-height: 1.52; }
  .profile-step__tracks { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .profile-step__tracks strong { font-size: .88rem; text-align: center; }
  .profile-process__closing { grid-template-columns: 150px minmax(0, 1fr); gap: 26px; margin-top: 22px; padding: 20px 36px; border-radius: 15px; }
  .profile-process__closing img { width: 132px; height: 132px; }
  .profile-process__closing h3 { margin-bottom: 7px; font-size: 1.5rem; }
  .profile-process__closing p { font-size: 1.14rem; line-height: 1.58; }
}

@media (min-width: 1100px) {
  .profile-process__intro-grid { grid-template-columns: minmax(420px, 42fr) minmax(0, 58fr); align-items: center; gap: 28px; }
  .profile-process__intro { padding: 26px 12px 26px 4px; }
  .profile-process h2 { max-width: 18ch; }
  .profile-process__media { width: 100%; }
}
html { color-scheme: dark; scroll-behavior: smooth; }
body { margin: 0; background: #e8e8e8; font-family: Inter, Arial, sans-serif; color: var(--white); }
button { font: inherit; }

.site-header { position: sticky; top: 0; z-index: 100; background: rgb(0 12 26 / 96%); box-shadow: 0 6px 18px rgb(0 0 0 / 16%); backdrop-filter: blur(10px); }
.site-header__inner { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: min(100%, 1440px); margin-inline: auto; padding: 14px 16px 12px; }
.site-header__registration { flex: 0 0 auto; display: inline-flex; min-height: 42px; align-items: center; justify-content: center; padding: 9px 13px; border: 1px solid #ffab3d; border-radius: 10px; background: linear-gradient(105deg,#ed6900 0%,#ff8200 52%,#f47400 100%); color: #fff; box-shadow: inset 0 1px 0 #ffffff4d,0 6px 14px #c94f0038; font-family: Inter,Arial,sans-serif; font-size: clamp(.72rem,2.8vw,.88rem); line-height: 1.15; font-weight: 800; text-align: center; text-decoration: none; }
.site-header__registration:focus-visible { outline: 3px solid #ffd08c; outline-offset: 3px; }
.hero { padding: 0; background: var(--navy); }
.hero__shell { width: min(100%, 1440px); margin-inline: auto; padding: 6px 16px 24px; background: radial-gradient(circle at 82% 12%, #10273c 0, transparent 37%), var(--navy); overflow: hidden; }
.brand-lockup { margin: 0; }
.brand { margin: 0; font-weight: 800; font-size: clamp(1.2rem, 4.8vw, 1.65rem); letter-spacing: .035em; line-height: 1.05; }
.hero__grid { display: grid; gap: 10px; }
.hero__copy { display: contents; }
.eyebrow { margin: 5px 0 0; color: var(--orange-light); font-size: clamp(.71rem, 2.8vw, .87rem); font-weight: 800; letter-spacing: .075em; line-height: 1.1; }
h1 { order: 3; margin: 2px 0 0; max-width: 18ch; font-size: clamp(1.85rem, 8.1vw, 3.7rem); line-height: 1.08; letter-spacing: -.035em; }
h1 span { display: block; color: var(--orange-light); }
.story { order: 4; color: #f5f7fa; font-size: .92rem; line-height: 1.56; }
.story p { margin: 0 0 13px; padding-left: 12px; border-left: 2px solid var(--orange); }
.story strong { color: var(--orange-light); }
.hero__media { order: 2; display: block; margin-inline: -16px; aspect-ratio: 4 / 3; overflow: hidden; background: #d9b492; }
.hero__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 43%; }

.highlight { display: grid; grid-template-columns: 42px 1fr; align-items: center; gap: 10px; margin-top: 18px; padding: 13px 15px; border: 1px solid var(--orange); border-radius: var(--radius); background: linear-gradient(110deg, #071a2e, #00101f); }
.highlight p { margin: 0; color: var(--white); font-size: .9rem; line-height: 1.42; }
.highlight strong { display: block; margin-bottom: 3px; color: var(--orange-light); }
.icon-badge { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: rgb(230 110 3 / 18%); color: #ff9b00; font-size: 1.6rem; }
.icon-badge svg { width: 25px; height: 25px; fill: currentColor; }

.benefits { display: grid; gap: 8px; margin-top: 10px; }
.benefit { overflow: hidden; border-radius: 14px; background: var(--cream); color: #06101d; box-shadow: 0 8px 20px rgb(0 0 0 / 14%); }
.benefit__title { width: 100%; display: grid; grid-template-columns: 38px 1fr 24px; align-items: center; gap: 10px; padding: 12px; border: 0; background: transparent; color: inherit; text-align: left; font-size: .94rem; line-height: 1.35; font-weight: 700; cursor: pointer; }
.benefit__icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--navy); color: var(--orange-light); font-size: 1.25rem; }
.benefit__icon svg, .trust__icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.benefit__arrow { font-size: 1.3rem; transition: transform .2s ease; }
.benefit__copy { margin: 0; padding: 0 16px 16px 60px; font-size: .86rem; line-height: 1.56; }
.js .benefit__copy { display: none; }
.js .benefit.is-open .benefit__copy { display: block; }
.benefit.is-open .benefit__arrow { transform: rotate(90deg); }
.benefit__title:focus-visible, .trust__title:focus-visible { outline: 3px solid #ffd08c; outline-offset: -3px; }

.trust { overflow: hidden; margin-top: 10px; border-radius: 14px; background: var(--cream); color: #07111c; }
.trust__title { width: 100%; display: grid; grid-template-columns: 38px 1fr 24px; align-items: center; gap: 10px; padding: 12px; border: 0; background: transparent; color: inherit; text-align: left; font-size: .9rem; line-height: 1.35; font-weight: 700; cursor: pointer; }
.trust__title em { color: var(--orange); font-style: normal; text-decoration: underline; }
.trust__copy { margin: 0; padding: 0 16px 15px 60px; font-size: .82rem; line-height: 1.55; }
.js .trust__copy { display: none; }
.js .trust.is-open .trust__copy { display: block; }
.trust__arrow { font-size: 1.3rem; transition: transform .2s ease; }
.trust.is-open .trust__arrow { transform: rotate(90deg); }
.trust em { color: var(--orange); font-style: normal; text-decoration: underline; }
.trust__icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--navy); color: var(--orange-light); font-size: 1.5rem; }
.conversion { margin-top: 10px; text-align: center; }
.conversion p { max-width: 700px; margin: 10px auto 0; font-size: .82rem; line-height: 1.55; }

@media (min-width: 700px) {
  .site-header__inner { padding: 16px 30px 13px; }
  .hero__shell { padding: 12px 30px 32px; }
  .hero__media { margin-inline: 0; border-radius: 18px; }
  .benefit__title { font-size: 1rem; }
}

@media (min-width: 900px) {
  .site-header { position: sticky; border: 0; background: rgb(0 12 26 / 96%); }
  .site-header__inner { padding: 14px 32px 12px; }
  .site-header__registration { min-height: 44px; padding: 10px 20px; font-size: .95rem; }
  .hero__shell { padding: 24px 32px 18px; border-radius: 0 0 20px 20px; }
  .brand-lockup { margin: 0; }
  .hero__grid { grid-template-columns: minmax(340px, 38%) minmax(0, 62%); gap: 28px; align-items: start; }
  .hero__copy { display: block; }
  .hero__copy > * { order: unset; }
  h1 { margin: 0; font-size: clamp(2.5rem, 3.6vw, 3.75rem); max-width: 15ch; }
  .story { margin-top: 18px; font-size: .96rem; line-height: 1.58; }
  .hero__media { order: unset; min-height: 510px; height: 100%; border-radius: 14px; }
  .hero__media img { object-position: 50% 48%; }
  .highlight { grid-template-columns: 64px 1fr; padding: 16px 28px; }
  .highlight p { font-size: 1.06rem; }
  .highlight strong { display: inline; margin-right: 6px; font-size: 1.18rem; }
  .icon-badge { width: 58px; height: 58px; font-size: 2rem; }
  .icon-badge svg { width: 34px; height: 34px; }
  .benefits { grid-template-columns: repeat(3, 1fr); gap: 10px; }
  .benefit { padding: 16px; }
  .benefit__title { grid-template-columns: 58px 1fr; padding: 0; font-size: 1.02rem; }
  .benefit__icon { width: 58px; height: 58px; }
  .benefit__icon svg, .trust__icon svg { width: 32px; height: 32px; stroke-width: 1.65; }
  .benefit__arrow { display: none; }
  .benefit__title, .trust__title { cursor: default; }
  .js .benefit__copy, .benefit__copy { display: block; padding: 10px 4px 0 68px; font-size: .86rem; }
  .trust { display: grid; grid-template-columns: 60px minmax(0, 1fr); grid-template-rows: auto auto; align-items: center; column-gap: 14px; row-gap: 3px; padding: 15px 24px; }
  .trust__title { display: contents; }
  .trust__title > span:nth-child(2) { grid-column: 2; grid-row: 1; align-self: end; font-size: 1.02rem; }
  .trust__arrow { display: none; }
  .trust__icon { grid-column: 1; grid-row: 1 / 3; align-self: center; width: 58px; height: 58px; }
  .js .trust__copy, .trust__copy { display: block; grid-column: 2; grid-row: 2; align-self: start; margin: 0; padding: 0; font-size: .87rem; }
  .conversion p { font-size: .86rem; }
}

/* Section 03 — Artist Growth Track */
.growth { padding-top: 12px; background: var(--navy); color: var(--navy); }
.growth__shell { width: min(100%, 1440px); margin-inline: auto; padding: 34px 16px 28px; background: var(--cream); }
.growth__intro-grid { display: grid; gap: 16px; }
.growth h2 { margin: 0; font-size: clamp(1.9rem, 8vw, 3.5rem); line-height: 1.05; letter-spacing: -.035em; }
.growth h2 span { color: var(--orange); }
.growth__thoughts { display: grid; gap: 9px; margin-top: 16px; }
.growth__thoughts p { display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: start; gap: 8px; margin: 0; font-size: .84rem; line-height: 1.45; }
.growth__thoughts img { display: block; width: 28px; height: 28px; object-fit: contain; border-radius: 50%; }
.thought-copy { display: block; min-width: 0; }
.growth__thoughts strong { font-weight: 700; }
.growth__media { display: block; overflow: hidden; aspect-ratio: 4 / 3; border-radius: 13px; box-shadow: 0 10px 28px rgb(0 12 26 / 15%); }
.growth__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 48%; }
.stage-heading { margin: 14px auto 8px; max-width: 700px; text-align: center; font-size: .94rem; line-height: 1.35; }
.stages { overflow: hidden; border: 1px solid rgb(230 110 3 / 20%); border-radius: 13px; background: #fffaf6; }
.stage { display: grid; grid-template-columns: 40px 1fr; align-items: center; gap: 10px; padding: 9px 12px; border-bottom: 1px solid rgb(230 110 3 / 18%); }
.stage:last-child { border-bottom: 0; }
.stage__icon { display: block; width: 44px; height: 38px; object-fit: contain; }
.stage p { margin: 0; font-size: .82rem; line-height: 1.4; }
.study-report { display: grid; grid-template-columns: 48px 1fr; align-items: center; gap: 12px; margin-top: 10px; padding: 13px 15px; border-radius: 12px; background: var(--navy); color: var(--white); }
.study-report__icon { color: var(--orange-light); }
.study-report__icon img { display: block; width: 44px; height: 44px; object-fit: contain; }
.study-report p { margin: 0; font-size: .82rem; line-height: 1.45; }
.study-report strong { color: var(--orange-light); }
.ladder-block h3 { margin: 12px 0 7px; text-align: center; font-size: .96rem; }
.ladder { display: grid; gap: 4px; padding: 10px 12px; border: 1px solid rgb(230 110 3 / 20%); border-radius: 12px; background: #fffaf6; }
.ladder__step { display: grid; grid-template-columns: 38px 1fr; align-items: center; gap: 9px; }
.track-icon-frame { display: block; width: 34px; height: 34px; overflow: hidden; border: 0; border-radius: 50%; background: var(--navy); box-shadow: 0 3px 8px rgb(0 12 26 / 16%); }
.ladder__icon, .pillar__icon { display: block; width: 100%; height: 100%; max-width: none; border-radius: 50%; object-fit: cover; transform: none; }
.track-icon-frame--owner .ladder__icon, .track-icon-frame--owner .pillar__icon { transform: none; }
.ladder__step p { margin: 0; font-size: .82rem; line-height: 1.35; }
.ladder__step strong { color: var(--orange); }
.ladder__arrow { display: grid; place-items: center; color: var(--orange); }
.ladder__arrow svg { display: block; width: 30px; height: 18px; fill: none; stroke: currentColor; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; transform: rotate(90deg); }
.pillars { display: grid; gap: 7px; margin-top: 10px; }
.pillar { overflow: hidden; border: 1px solid rgb(230 110 3 / 20%); border-radius: 12px; background: #fffaf6; }
.pillar__title { width: 100%; display: grid; grid-template-columns: 38px 1fr 24px; align-items: center; gap: 10px; padding: 10px 12px; border: 0; background: transparent; color: inherit; text-align: left; font-weight: 700; cursor: pointer; }
.pillar__arrow { font-size: 1.2rem; transition: transform .2s ease; }
.pillar__copy { margin: 0; padding: 0 14px 14px 60px; font-size: .8rem; line-height: 1.5; }
.pillar__copy strong { color: var(--orange); font-weight: 700; }
.js .pillar__copy { display: none; }
.js .pillar.is-open .pillar__copy { display: block; }
.pillar.is-open .pillar__arrow { transform: rotate(90deg); }
.pillar__title:focus-visible { outline: 3px solid #ffb55d; outline-offset: -3px; }
.growth-closing { display: grid; grid-template-columns: 64px 1fr; align-items: center; gap: 12px; margin-top: 10px; padding: 14px; border-radius: 12px; background: var(--navy); color: var(--white); }
.growth-closing__icon { display: grid; place-items: center; width: 64px; height: 60px; }
.growth-closing__icon img { display: block; width: 64px; height: 60px; object-fit: contain; }
.growth-closing p { margin: 0; font-size: .8rem; line-height: 1.5; }
.growth-closing strong { color: var(--orange-light); }

@media (max-width: 699px) {
  .growth__thoughts p { font-size: .9rem; line-height: 1.52; }
  .growth__thoughts strong { color: var(--orange); }
  .growth__media { aspect-ratio: auto; background: transparent; }
  .growth__media img { height: auto; object-fit: contain; object-position: center; }
  .stage { grid-template-columns: 48px minmax(0, 1fr); gap: 10px; padding: 10px 12px; }
  .stage__icon { width: 44px; height: 40px; justify-self: center; }
  .stage p { font-size: .9rem; line-height: 1.5; }
  .study-report { grid-template-columns: 48px minmax(0, 1fr); gap: 11px; padding: 13px 14px; }
  .study-report p { font-size: .9rem; line-height: 1.52; }
  .ladder__step p { font-size: .9rem; line-height: 1.45; }
  .pillar__title { font-size: .94rem; line-height: 1.35; }
  .pillar__copy { font-size: .9rem; line-height: 1.55; }
  .pillar__arrow { font-size: 0; }
  .pillar__arrow::before { content: "→"; font-size: 1.25rem; line-height: 1; }
  .growth-closing p { font-size: .9rem; line-height: 1.55; }
}

@media (min-width: 700px) {
  .growth__shell { padding: 44px 30px 34px; }
  .growth__thoughts p, .stage p, .study-report p, .pillar__copy, .growth-closing p { font-size: .92rem; }
}

@media (min-width: 900px) {
  .growth { padding-top: 10px; }
  .growth__shell { padding: 40px 32px 28px; border-radius: 20px; }
  .growth__intro-grid { grid-template-columns: minmax(340px, 40%) minmax(0, 60%); gap: 28px; align-items: stretch; }
  .growth__intro { display: flex; flex-direction: column; justify-content: center; min-width: 0; }
  .growth h2 { font-size: clamp(2.5rem, 3.5vw, 3.65rem); }
  .growth__thoughts p { grid-template-columns: 32px minmax(0, 1fr); align-items: center; gap: 10px; font-size: .9rem; }
  .growth__thoughts strong { color: var(--orange); }
  .growth__thoughts img { width: 32px; height: 32px; }
  .growth__media { align-self: center; width: 100%; aspect-ratio: auto; background: transparent; }
  .growth__media img { height: auto; object-fit: contain; object-position: center; }
  .stage-heading { margin-top: 20px; font-size: 1.08rem; }
  .stages { display: grid; grid-template-columns: repeat(5, 1fr); padding: 16px 10px; }
  .stage { grid-template-columns: 1fr; justify-items: center; gap: 10px; padding: 8px 18px; border-bottom: 0; border-right: 1px solid rgb(230 110 3 / 25%); text-align: center; }
  .stage:last-child { border-right: 0; }
  .stage__icon { width: 78px; height: 64px; object-fit: contain; }
  .stage p { font-size: .94rem; line-height: 1.48; }
  .study-report { grid-template-columns: 70px 1fr; max-width: 1180px; margin: 10px auto 0; padding: 14px 40px; }
  .study-report__icon img { width: 55px; height: 55px; }
  .study-report p { font-size: 1rem; }
  .ladder-block h3 { font-size: 1.05rem; }
  .ladder--two { grid-template-columns: minmax(0, 1fr) 120px minmax(0, 1fr); column-gap: 22px; align-items: center; padding: 15px 45px; }
  .ladder__step { grid-template-columns: 58px 1fr; }
  .ladder--two > .ladder__step:first-child { grid-column: 1; justify-self: end; }
  .ladder--two > .ladder__step:last-child { grid-column: 3; justify-self: start; }
  .track-icon-frame { width: 56px; height: 56px; }
  .ladder__step p { font-size: .94rem; }
  .ladder--two > .ladder__arrow { grid-column: 2; grid-row: 1; width: 120px; justify-self: center; }
  .ladder__arrow svg { width: 92px; height: 38px; stroke-width: 3; transform: none; }
  .pillars { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 10px; }
  .pillar { display: flex; flex-direction: column; padding: 15px; }
  .pillar__title { grid-template-columns: 58px minmax(0, 1fr); align-items: center; min-height: 58px; padding: 0; }
  .pillar__title .track-icon-frame { width: 56px; height: 56px; }
  .pillar__arrow { display: none; }
  .js .pillar__copy, .pillar__copy { display: block; flex: 1; padding: 12px 4px 2px 68px; font-size: .94rem; line-height: 1.55; }
  .growth-closing { grid-template-columns: 76px 1fr; padding: 15px 42px; }
  .growth-closing__icon, .growth-closing__icon img { width: 68px; height: 68px; }
  .growth-closing p { max-width: 112ch; font-size: 1rem; line-height: 1.52; }
}

@media (min-width: 1440px) {
  body { padding: 2px; }
  .hero__shell { border-radius: 18px; }
}

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

/* Section 02 — Current Reality Check */
.reality { padding-top: 12px; background: var(--cream); }
.reality__shell { width: min(100%, 1440px); margin-inline: auto; padding: 38px 16px 28px; background: radial-gradient(circle at 22% 15%, #10273c 0, transparent 38%), var(--navy); }
.reality__intro-grid { display: grid; gap: 16px; }
.reality h2 { margin: 0; font-size: clamp(1.85rem, 7.7vw, 3.45rem); line-height: 1.08; letter-spacing: -.035em; }
.reality h2 span { color: var(--orange-light); }
.reality__lead { margin-top: 16px; color: #f3f5f8; font-size: .88rem; line-height: 1.52; }
.reality__lead p { margin: 0 0 5px; }
.reality__media { display: block; overflow: hidden; aspect-ratio: 4 / 3; border: 1px solid rgb(230 110 3 / 70%); border-radius: 14px; background: #d9b492; }
.reality__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 46%; }
.questions { display: grid; gap: 7px; margin-top: 10px; }
.question { display: grid; grid-template-columns: 40px 1fr; align-items: start; gap: 10px; padding: 12px; border-radius: 13px; background: var(--cream); color: #07111c; box-shadow: 0 7px 18px rgb(0 0 0 / 14%); }
.question__number { display: grid; place-items: center; min-height: 34px; border-radius: 9px; background: linear-gradient(140deg, var(--orange), #ff8d00); color: var(--white); font-size: .92rem; font-weight: 800; box-shadow: inset 0 0 0 1px rgb(255 255 255 / 20%); }
.question p { margin: 0; font-size: .82rem; font-weight: 600; line-height: 1.45; }
.reality-bridge { display: grid; grid-template-columns: 44px 1fr; align-items: center; gap: 11px; margin-top: 8px; padding: 13px 14px; border-radius: 13px; background: linear-gradient(115deg, var(--orange), #f98700); color: var(--white); }
.reality-bridge__icon, .reality-closing__icon { display: grid; place-items: center; color: currentColor; }
.reality-bridge svg { width: 40px; height: 40px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.reality-bridge p, .reality-closing p { margin: 0; font-size: .82rem; line-height: 1.45; }
.reality-closing { display: grid; grid-template-columns: 64px 1fr; align-items: center; gap: 12px; margin-top: 8px; padding: 14px; border: 1px solid rgb(230 110 3 / 60%); border-radius: 13px; background: #06182b; }
.reality-closing__icon img { display: block; width: 64px; height: 64px; object-fit: contain; }
.reality-closing strong { color: var(--orange-light); }

@media (max-width: 699px) {
  .reality { padding-top: 6px; }
  .reality__shell { padding: 26px 16px 27px; }
  .question { gap: 10px; padding: 11px 12px; }
  .question p { font-size: .91rem; line-height: 1.52; }
  .reality-bridge p, .reality-closing p { font-size: .9rem; line-height: 1.52; }
}

@media (min-width: 700px) {
  .reality__shell { padding: 48px 30px 36px; }
  .question { grid-template-columns: 50px 1fr; padding: 16px; }
  .question__number { min-height: 42px; font-size: 1.05rem; }
  .question p, .reality-bridge p, .reality-closing p { font-size: .94rem; }
}

@media (min-width: 900px) {
  .reality { padding-top: 10px; }
  .reality__shell { padding: 46px 32px 28px; border-radius: 20px; }
  .reality__intro-grid { grid-template-columns: minmax(340px, 40%) minmax(0, 60%); gap: 28px; align-items: stretch; }
  .reality__intro { display: flex; flex-direction: column; justify-content: center; min-width: 0; }
  .reality h2 { font-size: clamp(2.5rem, 3.5vw, 3.65rem); }
  .reality__lead { margin-top: 22px; font-size: .98rem; line-height: 1.65; }
  .reality__media { min-height: 0; height: 100%; aspect-ratio: 16 / 9; align-self: stretch; border: 0; border-radius: 14px; }
  .questions { grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 12px; }
  .question { grid-template-columns: 62px minmax(0, 1fr); min-height: 130px; padding: 18px 20px; align-items: center; }
  .question--wide { grid-column: 1 / -1; min-height: 92px; }
  .question__number { min-height: 52px; align-self: center; font-size: 1.35rem; }
  .question p { max-width: 70ch; font-size: 1.02rem; line-height: 1.48; }
  .reality-bridge { grid-template-columns: 60px 1fr; padding: 15px 20px; }
  .reality-bridge svg { width: 52px; height: 52px; }
  .reality-bridge p { max-width: 100ch; font-size: 1.12rem; }
  .reality-closing { grid-template-columns: 76px 1fr; padding: 16px 22px; }
  .reality-closing__icon img { width: 72px; height: 72px; }
  .reality-closing p { max-width: 112ch; font-size: 1rem; line-height: 1.5; }
}

/* Section 04 — Select your Artist Growth Track */
.track-select { padding-top: 0; background: var(--cream); color: var(--navy); }
.track-select__shell { width: min(100%, 1440px); margin-inline: auto; padding: 20px 16px 28px; background: var(--cream); }
.track-select__intro-grid { display: grid; gap: 14px; }
.track-select h2 { margin: 0; max-width: 15ch; font-size: clamp(1.9rem, 8vw, 3.5rem); line-height: 1.05; letter-spacing: -.035em; }
.track-select h2 span { display: block; color: var(--orange); }
.track-select__lead { display: grid; gap: 8px; margin-top: 15px; }
.track-select__lead p { position: relative; margin: 0; padding-left: 20px; font-size: .83rem; line-height: 1.45; }
.track-select__lead p::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--orange); font-weight: 800; }
.track-select__lead strong { color: var(--orange); }
.track-select__media { display: block; overflow: hidden; aspect-ratio: 4 / 3; border-radius: 12px; box-shadow: 0 10px 28px rgb(0 12 26 / 16%); }
.track-select__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.track-list { display: grid; align-items: stretch; gap: 10px; width: 100%; margin-top: 13px; }
.track-card { width: 100%; margin: 0; overflow: hidden; border: 8px solid var(--navy); border-radius: 15px; background: var(--cream); box-shadow: 0 8px 20px rgb(0 12 26 / 14%); }
.track-card__summary { width: 100%; min-height: 118px; display: grid; grid-template-columns: 68px 58px minmax(0, 1fr) 22px; align-items: center; gap: 8px; padding: 12px 10px; border: 0; background: transparent; color: var(--navy); text-align: left; cursor: pointer; }
.track-card__number { width: 68px; align-self: center; justify-self: center; padding: 6px 5px; border-radius: 8px; background: linear-gradient(135deg, #f0341d, #ff4d1e); color: #fff; font-size: .72rem; font-weight: 800; line-height: 1.1; text-align: center; white-space: nowrap; }
.track-card__icon-frame { display: block; width: 58px; height: 58px; align-self: center; justify-self: center; overflow: hidden; border: 0; border-radius: 50%; background: transparent; box-shadow: 0 3px 10px rgb(0 12 26 / 10%); }
.track-card__icon { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; object-position: center; }
.track-card__heading { min-width: 0; align-self: center; }
.track-card__heading strong { display: block; font-size: .91rem; line-height: 1.2; }
.track-card__heading small { display: block; margin-top: 5px; color: var(--orange); font-size: .7rem; font-weight: 700; line-height: 1.4; }
.track-card__arrow { align-self: center; justify-self: center; font-size: 1.5rem; font-weight: 800; line-height: 1; transition: transform .2s ease; }
.track-card__panel { padding: 0 12px 12px; }
.js .track-card__panel { display: none; }
.js .track-card.is-open .track-card__panel { display: grid; }
.track-card.is-open .track-card__arrow { transform: rotate(180deg); }
.track-card__column { padding: 11px 2px; border-top: 1px solid rgb(230 110 3 / 22%); }
.track-card__column p { margin: 0 0 7px; font-size: .79rem; line-height: 1.48; }
.track-card__column .track-card__leadline { color: var(--orange); font-weight: 800; }
.track-card__column strong { color: var(--orange); font-weight: 800; }
.track-card__column h3 { margin: 0 0 8px; color: var(--orange); font-size: .84rem; line-height: 1.35; }
.track-card__column ul { display: grid; gap: 5px; margin: 0; padding: 0; list-style: none; }
.track-card__column li { position: relative; padding-left: 18px; font-size: .78rem; line-height: 1.45; }
.track-card__column li::before { content: "✓"; position: absolute; left: 0; color: var(--orange); font-weight: 800; }
.track-card__line { display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: center; gap: 9px; margin: 0; padding: 9px 12px; border-radius: 9px; background: var(--navy); color: #f4f7fa; font-size: .76rem; line-height: 1.45; }
.track-card__line img { display: block; width: 26px; height: 26px; object-fit: contain; }
.track-card__summary:focus-visible { outline: 3px solid #ffb55d; outline-offset: -3px; }
.track-select__closing { margin-top: 11px; padding: 15px 13px; border-radius: 13px; background: var(--navy); color: #f6f8fb; text-align: center; }
.track-select__closing p { margin: 0; font-size: .8rem; line-height: 1.55; }
.track-select__closing strong { color: var(--orange-light); }
.track-select__journey { display: grid; grid-template-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr); align-items: start; gap: 2px; margin-top: 13px; }
.track-select__journey span { display: grid; grid-template-rows: 54px auto; justify-items: center; align-items: center; gap: 5px; min-width: 0; font-size: .59rem; line-height: 1.25; text-align: center; }
.track-select__journey img { display: block; justify-self: center; width: 52px; height: 52px; padding: 0; border: 0; border-radius: 50%; background: var(--navy); object-fit: cover; object-position: center; }
.track-select__journey b { display: grid; place-items: center; align-self: start; width: 100%; height: 52px; margin: 0; color: var(--orange-light); font-size: 1.35rem; font-weight: 900; line-height: 1; text-align: center; -webkit-text-stroke: 1px currentColor; transform: scaleX(1.18); }

/* Section 04 mobile audit — isolated so locked desktop and other sections stay unchanged. */
@media (max-width: 699px) {
  .track-select__shell { padding: 16px 14px 26px; }
  .track-select__intro-grid { gap: 12px; }
  .track-select__lead { gap: 9px; margin-top: 14px; }
  .track-select__lead p { padding-left: 21px; font-size: .92rem; line-height: 1.52; }
  .track-select__media { aspect-ratio: auto; }
  .track-select__media img { height: auto; object-fit: contain; }
  .track-list { gap: 11px; margin-top: 12px; }
  .track-card { border-width: 6px; border-radius: 14px; }
  .track-card__summary { min-height: 108px; grid-template-columns: 58px 52px minmax(0, 1fr) 20px; gap: 7px; padding: 11px 8px; }
  .track-card__number { width: 58px; padding: 6px 4px; font-size: .75rem; }
  .track-card__icon-frame { width: 52px; height: 52px; }
  .track-card__heading strong { font-size: .96rem; line-height: 1.22; }
  .track-card__heading small { margin-top: 5px; font-size: .78rem; line-height: 1.38; }
  .track-card__panel { padding: 0 10px 10px; }
  .track-card__column { padding: 12px 3px; }
  .track-card__column p { margin-bottom: 8px; font-size: .91rem; line-height: 1.54; }
  .track-card__column h3 { margin-bottom: 9px; font-size: .94rem; line-height: 1.4; }
  .track-card__column ul { gap: 7px; }
  .track-card__column li { padding-left: 19px; font-size: .9rem; line-height: 1.52; }
  .track-card__line { grid-template-columns: 30px minmax(0, 1fr); gap: 9px; padding: 10px 11px; font-size: .88rem; line-height: 1.5; }
  .track-card__line img { width: 28px; height: 28px; }
  .track-select__closing { margin-top: 12px; padding: 16px 12px; }
  .track-select__closing p { font-size: .9rem; line-height: 1.55; }
  .track-select__journey { grid-template-columns: minmax(0, 1fr) 18px minmax(0, 1fr) 18px minmax(0, 1fr); gap: 1px; }
  .track-select__journey span { grid-template-rows: 54px auto; font-size: .76rem; line-height: 1.32; }
  .track-select__journey b { width: 18px; font-size: 1.25rem; }
}

@media (min-width: 700px) {
  .track-select__shell { padding: 44px 30px 34px; }
  .track-select__lead p, .track-card__column p, .track-card__column li, .track-card__line, .track-select__closing p { font-size: .9rem; }
}

@media (min-width: 900px) {
  .track-select { padding-top: 0; }
  .track-select__shell { padding: 36px 32px 30px; border-radius: 20px; }
  .track-select__intro-grid { grid-template-columns: minmax(300px, 30%) minmax(0, 70%); gap: 24px; align-items: stretch; }
  .track-select__intro { display: flex; flex-direction: column; min-height: 410px; }
  .track-select h2 { font-size: clamp(2.35rem, 3.2vw, 3.35rem); }
  .track-select__lead { flex: 1; align-content: space-evenly; gap: 7px; margin-top: 12px; }
  .track-select__lead p { font-size: .9rem; line-height: 1.5; }
  .track-select__media { align-self: start; aspect-ratio: auto; min-height: 0; }
  .track-select__media img { width: 100%; height: auto; object-fit: contain; }
  .track-list { gap: 14px; margin-top: 18px; }
  .track-card { display: grid; grid-template-columns: 250px minmax(0, 1fr) minmax(0, 1.08fr); border-width: 10px; }
  .track-card__summary { grid-column: 1; grid-row: 1; grid-template-columns: 1fr; grid-template-rows: auto 112px auto; align-content: start; justify-items: center; gap: 12px; min-width: 0; padding: 20px; border-right: 1px solid rgb(240 52 29 / 28%); text-align: center; cursor: default; }
  .track-card__number { align-self: start; justify-self: start; font-size: .9rem; }
  .track-card__icon-frame { grid-row: auto; width: 106px; height: 106px; }
  .track-card__heading strong { font-size: 1.34rem; }
  .track-card__heading small { margin-top: 7px; font-size: .9rem; line-height: 1.45; }
  .track-card__arrow { display: none; }
  /* Desktop must flatten the accordion panel into the parent three-column grid.
     This selector intentionally outranks the mobile `.is-open` display rule. */
  .js .track-card .track-card__panel,
  .js .track-card.is-open .track-card__panel,
  .track-card .track-card__panel { display: contents; }
  .track-card__column { grid-column: 2; grid-row: 1; min-width: 0; padding: 22px 24px; border-top: 0; }
  .track-card__column--benefits { grid-column: 3; padding: 22px 24px; border-left: 1px solid rgb(240 52 29 / 35%); }
  /* Section 04 regression guard: the second content column always occupies
     the dedicated benefits column, even if its optional modifier is absent. */
  .track-card__panel > .track-card__column:nth-of-type(2) {
    grid-column: 3;
    grid-row: 1;
    padding: 22px 24px;
    border-left: 1px solid rgb(240 52 29 / 35%);
  }
  .track-card__column p, .track-card__column li { font-size: 1rem; line-height: 1.56; }
  .track-card__column ul { gap: 8px; }
  .track-card__column h3 { margin-bottom: 11px; font-size: 1.07rem; line-height: 1.4; }
  .track-card__line { grid-column: 1 / -1; grid-row: 2; grid-template-columns: 36px minmax(0, 1fr); margin: 0 12px 12px; padding: 12px 15px; font-size: .96rem; line-height: 1.5; text-align: left; }
  .track-card__line img { width: 32px; height: 32px; }
  .track-select__closing { display: grid; grid-template-columns: 1.45fr 1fr; align-items: center; gap: 28px; padding: 19px 26px; text-align: left; }
  .track-select__closing p { font-size: .98rem; line-height: 1.56; }
  .track-select__journey { margin-top: 0; grid-template-columns: minmax(0, 1fr) 26px minmax(0, 1fr) 26px minmax(0, 1fr); }
  .track-select__journey img { width: 68px; height: 68px; padding: 0; }
  .track-select__journey span { grid-template-rows: 70px auto; font-size: .74rem; line-height: 1.3; text-align: center; }
  .track-select__journey b { height: 68px; margin: 0; font-size: 1.6rem; -webkit-text-stroke-width: 1.2px; }
}
/* Section 07 — Important questions */
.important-questions{background:#fdf8f4;color:#000c1a;padding:0 0 18px}
.important-questions__shell{width:min(100%,1440px);margin:0 auto;padding:16px 12px}
.important-questions__hero{display:grid;gap:14px}
.important-questions__intro h2{margin:0;font-size:clamp(1.7rem,7.2vw,2.18rem);line-height:1.12;letter-spacing:-.035em;color:#071c3c}
.important-questions__rule{display:block;width:44px;height:4px;margin:13px 0 15px;border-radius:999px;background:#e66e03}
.important-questions__intro p{margin:0 0 7px;font-size:.89rem;line-height:1.52;font-weight:500}
.important-questions__photo{display:block;overflow:hidden;border-radius:10px;border:1px solid #e4d9cf;background:#ead8c6;aspect-ratio:1672/941}
.important-questions__photo img{display:block;width:100%;height:100%;object-fit:cover}
.questions-grid{display:grid;gap:7px;margin-top:10px;padding:8px;border-radius:12px;background:linear-gradient(145deg,#001735,#00315d)}
.question-card{overflow:hidden;border:1px solid #ded9d3;border-radius:10px;background:#fffdfa;box-shadow:0 2px 5px #00152c14}
.question-card__summary{display:grid;width:100%;grid-template-columns:34px 52px minmax(0,1fr) 20px;align-items:center;gap:7px;padding:8px 9px;border:0;background:transparent;color:#071c3c;text-align:left;cursor:pointer;font:inherit}
.question-card__number{display:grid;width:34px;height:34px;place-items:center;align-self:center;justify-self:center;border-radius:50%;background:#f26d0b;color:#fff;font-size:.75rem;font-weight:800}
.question-card__summary img{display:block;width:52px;height:52px;object-fit:contain;object-position:center center;align-self:center;justify-self:center}
.question-card__summary strong{font-size:.86rem;line-height:1.38;font-weight:700}
.question-card__summary:focus-visible{outline:3px solid #ffad52;outline-offset:-3px;border-radius:9px}
.question-card__plus{position:relative;width:18px;height:18px}
.question-card__plus::before,.question-card__plus::after{content:"";position:absolute;left:50%;top:50%;width:13px;height:2px;border-radius:3px;background:#071c3c;transform:translate(-50%,-50%);transition:transform .2s ease}
.question-card__plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.question-card.is-open .question-card__plus::after{transform:translate(-50%,-50%) rotate(0)}
.question-card__panel{display:none;padding:2px 13px 14px;border-top:1px solid #eadfd5;color:#162438}
.question-card__panel[hidden]{display:none!important}
.question-card.is-open .question-card__panel{display:block}
.question-card__panel p,.question-card__panel li{font-size:.86rem;line-height:1.56}
.question-card__panel p{margin:10px 0 0}
.question-card__panel ul{margin:8px 0 0;padding-left:18px}
.question-card__panel li::marker{color:#e66e03}
.question-card__panel strong{color:#d95f00}
.question-card__note{padding:9px 10px;border-left:3px solid #e66e03;border-radius:5px;background:#fff4e8}
.important-questions__closing{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:14px;margin-top:9px;padding:15px 13px;border:1.5px solid #e66e03;border-radius:11px;background:linear-gradient(145deg,#001735,#002a50);color:#fff}
.important-questions__closing-icons{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;align-self:stretch}
.important-questions__closing-question,.important-questions__closing-target{display:block;width:72px;height:auto;object-fit:contain}
.important-questions__closing-question{filter:saturate(1.18) contrast(1.08)}
.important-questions__closing-target{width:68px;filter:drop-shadow(0 0 7px rgba(255,126,8,.32))}
.important-questions__closing p{margin:0;font-size:.85rem;line-height:1.5}
.important-questions__closing h3{margin:5px 0;color:#ff810c;font-size:1.04rem;line-height:1.2}

@media (min-width:900px){
  .important-questions{padding-bottom:26px}
  .important-questions__shell{padding:18px 30px 24px}
  .important-questions__hero{grid-template-columns:42% 58%;align-items:stretch;gap:0;overflow:hidden;border:1px solid #e0d6cd;border-radius:14px;background:#fffaf5}
  .important-questions__intro{display:flex;flex-direction:column;justify-content:center;padding:34px 38px}
  .important-questions__intro h2{font-size:2.48rem;line-height:1.14}
  .important-questions__intro p{font-size:.98rem;line-height:1.5}
  .important-questions__photo{height:100%;min-height:350px;border:0;border-radius:0;aspect-ratio:auto}
  .questions-grid{grid-template-columns:1fr 1fr;align-items:start;gap:10px 14px;margin-top:0;padding:18px 34px;border-radius:0 0 14px 14px}
  .question-card__summary{grid-template-columns:44px 66px minmax(0,1fr) 24px;gap:12px;min-height:96px;padding:10px 14px}
  .question-card__number{width:44px;height:44px;font-size:.9rem}
  .question-card__summary img{width:66px;height:66px}
  .question-card__summary strong{font-size:1rem;line-height:1.4}
  .question-card__panel{padding:5px 18px 18px}
  .question-card__panel p,.question-card__panel li{font-size:.95rem;line-height:1.55}
  .question-card__panel p{margin-top:11px}
  .question-card__answer-lead{padding:8px 11px;border-left:3px solid #e66e03;border-radius:5px;background:#fff4e8}
  .question-card__answer-lead strong:first-child{font-size:1.03rem}
  .important-questions__closing{grid-template-columns:215px minmax(0,1fr);gap:24px;margin-top:14px;padding:18px 32px}
  .important-questions__closing-icons{flex-direction:row;gap:14px}
  .important-questions__closing-question{width:100px}
  .important-questions__closing-target{width:82px}
  .important-questions__closing p{font-size:1rem;line-height:1.45}
  .important-questions__closing h3{font-size:1.45rem}
}

@media (min-width:900px) and (max-width:1099px){
  .important-questions__shell{padding-inline:20px}
  .important-questions__hero{grid-template-columns:45% 55%}
  .important-questions__intro{padding:28px 30px}
  .important-questions__intro h2{font-size:2.08rem}
  .questions-grid{grid-template-columns:1fr;padding:16px 24px}
  .question-card__summary{grid-template-columns:44px 62px minmax(0,1fr) 24px;min-height:90px}
  .question-card__summary img{width:62px;height:62px}
  .important-questions__closing{grid-template-columns:200px minmax(0,1fr);padding-inline:24px}
}

/* Section 08 — Career decision */
.career-decision{scroll-margin-top:78px;background:#fdf8f4;color:#071c3c;padding:16px 0 18px}
.career-decision__shell{width:min(100%,1440px);margin:0 auto;padding:0 12px 18px}
.career-decision__hero{display:grid;gap:12px}
.career-decision__heading h2{margin:0;font-size:clamp(1.72rem,7.2vw,2.16rem);line-height:1.13;letter-spacing:-.035em}
.career-decision__heading h2 span{color:#e65f00}
.career-decision__photo{display:block;overflow:hidden;border:1px solid #e6d9cd;border-radius:11px;background:#ead4bf;aspect-ratio:4/3}
.career-decision__photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.career-decision__experience ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.career-decision__experience li{position:relative;padding-left:25px;font-size:.92rem;line-height:1.48;font-weight:600}
.career-decision__experience li::before{content:"✓";position:absolute;left:0;top:.05em;display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:#ed6b07;color:#fff;font-size:.68rem;font-weight:900}
.career-decision__question{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;margin-top:14px;padding:14px;border:1px solid #eadfd5;border-radius:10px;background:#f6f0e9}
.career-decision__question img{display:block;width:50px;height:50px;justify-self:center;object-fit:contain}
.career-decision__question p{margin:0;font-size:.94rem;line-height:1.54}
.career-decision__question strong:last-child{color:#e65f00}
.career-decision__body{margin-top:10px;padding:9px;border:1px solid #eadfd5;border-radius:12px;background:#fffdfa;box-shadow:0 4px 14px #00152c0d}
.career-decision__opportunity{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;margin:-9px -9px 0;padding:14px;border-radius:11px 11px 9px 9px;background:#fff}
.career-decision__opportunity img{display:block;width:50px;height:50px;justify-self:center;object-fit:contain}
.career-decision__opportunity p{margin:0;font-size:.94rem;line-height:1.54}
.career-decision__opportunity strong{font-size:1rem}
.career-decision__opportunity em{color:#e65f00;font-style:normal;font-weight:800}
.decision-points{display:grid;gap:7px;margin-top:7px}
.decision-point{overflow:hidden;border:1px solid #e5ded7;border-radius:9px;background:#fff;box-shadow:0 2px 6px #00152c0d}
.decision-point__summary{display:grid;width:100%;grid-template-columns:54px 31px minmax(0,1fr) 18px;align-items:center;gap:7px;padding:9px;border:0;background:transparent;color:#071c3c;text-align:left;cursor:pointer;font:inherit}
.decision-point__summary img{display:block;width:52px;height:52px;object-fit:contain}
.decision-point__number{display:grid;width:30px;height:30px;place-items:center;border:2px solid #f3e5d8;border-radius:50%;color:#e65f00;font-size:.71rem;font-weight:900}
.decision-point__summary strong{font-size:.91rem;line-height:1.38}
.decision-point__plus{position:relative;width:18px;height:18px}
.decision-point__plus::before,.decision-point__plus::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;border-radius:4px;background:#071c3c;transform:translate(-50%,-50%);transition:transform .2s ease}
.decision-point__plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.decision-point.is-open .decision-point__plus::after{transform:translate(-50%,-50%) rotate(0)}
.decision-point__panel{display:none;padding:2px 12px 13px;border-top:1px solid #eee3d8}
.decision-point__panel[hidden]{display:none!important}
.decision-point.is-open .decision-point__panel{display:block}
.decision-point__panel p{margin:10px 0 0;font-size:.91rem;line-height:1.55;font-weight:500}
.decision-point__summary:focus-visible{outline:3px solid #ffad52;outline-offset:-3px;border-radius:8px}
.career-decision__cta{position:relative;display:grid;width:100%;min-height:66px;grid-template-columns:44px minmax(0,1fr) 40px;align-items:center;gap:10px;margin-top:10px;padding:10px 14px;border:1px solid #ffab3d;border-radius:11px;background:linear-gradient(105deg,#ed6900 0%,#ff8200 52%,#f47400 100%);color:#fff;text-decoration:none;box-shadow:inset 0 1px 0 #ffffff4d,0 8px 18px #c94f002c;font:inherit;overflow:hidden;cursor:pointer}
.career-decision__cta::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#ffffff12 0%,transparent 34%,transparent 70%,#fff0 100%);pointer-events:none}
.career-decision__cta:focus-visible{outline:3px solid #ffd08c;outline-offset:3px}
.career-decision__cta-person{display:block;width:40px;height:40px;justify-self:center;object-fit:contain;filter:drop-shadow(0 1px 0 #b84b0045)}
.career-decision__cta span:nth-child(2){position:relative;z-index:1;font-size:1rem;line-height:1.18;font-weight:800;letter-spacing:-.012em;text-align:center}
.career-decision__cta-arrow{display:block;width:36px;height:36px;justify-self:center;object-fit:contain;filter:drop-shadow(0 1px 0 #b84b0045)}
.hero-registration__cta{margin-top:0}
.career-decision__support{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:10px 7px 3px}
.career-decision__support img{display:block;width:38px;height:38px;justify-self:center;object-fit:contain}
.career-decision__support p{margin:0;font-size:.875rem;line-height:1.52}
.career-decision__closing{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:10px;margin-top:9px;padding:14px 12px;border-radius:11px;background:linear-gradient(145deg,#001735,#00294c);color:#fff}
.career-decision__closing>img{display:block;width:100px;height:auto;justify-self:center;object-fit:contain}
.career-decision__closing p{margin:0;padding-left:12px;border-left:1px solid #fff9;font-size:.9rem;line-height:1.5}
.career-decision__closing strong{font-weight:700}
.career-decision__closing span{color:#ff810c;font-weight:800}

@media (min-width:900px){
  .career-decision{scroll-margin-top:0;padding-bottom:26px}
  .career-decision__shell{padding:18px 30px 24px}
  .career-decision__hero{grid-template-columns:44% 56%;grid-template-areas:"heading photo" "experience photo";gap:0;overflow:hidden;border:1px solid #e0d6cd;border-radius:14px;background:#fffaf5}
  .career-decision__heading{grid-area:heading;padding:28px 40px 8px}
  .career-decision__heading h2{font-size:2.44rem;line-height:1.13}
  .career-decision__photo{grid-area:photo;height:100%;min-height:500px;border:0;border-radius:0;aspect-ratio:auto}
  .career-decision__experience{grid-area:experience;padding:8px 40px 28px}
  .career-decision__experience li{font-size:.96rem}
  .career-decision__question{grid-template-columns:96px minmax(0,1fr);gap:18px;padding:16px 24px}
  .career-decision__question img{width:88px;height:88px}
  .career-decision__question p{font-size:.94rem}
  .career-decision__body{margin-top:0;padding:16px 28px 18px;border-radius:0 0 14px 14px}
  .career-decision__opportunity{grid-template-columns:76px minmax(0,1fr);max-width:880px;margin:0 auto;padding:8px 24px 16px}
  .career-decision__opportunity img{width:68px;height:68px}
  .career-decision__opportunity p{font-size:1.08rem}
  .career-decision__opportunity strong{font-size:1.35rem}
  .decision-points{grid-template-columns:repeat(3,1fr);gap:0;margin-top:0;border:1px solid #eee3d8;border-radius:13px;background:#fff}
  .decision-point{border:0;border-radius:0;box-shadow:none}
  .decision-point+.decision-point{border-left:1px solid #e0d6cd}
  .decision-point__summary{grid-template-columns:1fr;justify-items:center;gap:8px;padding:14px 22px 8px;text-align:center;cursor:default}
  .decision-point__summary img{width:74px;height:74px}
  .decision-point__number{width:34px;height:34px}
  .decision-point__summary strong{font-size:1.02rem}
  .decision-point__plus{display:none}
  .decision-point__panel{display:block!important;padding:0 28px 20px;border:0;text-align:center}
  .decision-point__panel p{font-size:.95rem;line-height:1.48}
  .career-decision__cta{max-width:1120px;min-height:62px;grid-template-columns:48px minmax(0,1fr) 46px;margin:16px auto 0;padding:10px 22px}
  .career-decision__cta-person{width:43px;height:43px}
  .career-decision__cta-arrow{width:40px;height:40px}
  .career-decision__cta span:nth-child(2){font-size:1.2rem}
  .career-decision__support{grid-template-columns:42px minmax(0,1fr);max-width:780px;margin:0 auto;padding-top:11px}
  .career-decision__support img{width:40px;height:40px}
  .career-decision__support p{font-size:.92rem}
  .career-decision__closing{grid-template-columns:150px minmax(0,1fr);gap:24px;margin-top:12px;padding:18px 34px}
  .career-decision__closing>img{width:140px;height:auto}
  .career-decision__closing p{padding-left:25px;font-size:1.18rem;line-height:1.42}
}

/* Section 09: Footer */
.hero{scroll-margin-top:76px}
.site-footer{padding:0 12px 18px;background:#fdf8f4;color:#071c3c}
.site-footer__shell{position:relative;width:min(100%,1440px);margin:0 auto;padding:42px 18px 36px;border:1px solid #e4d2bf;border-top:6px solid #f36b00;border-bottom:0;border-radius:6px;background:linear-gradient(135deg,#fffaf5 0%,#fdf8f4 52%,#fffaf6 100%);box-shadow:0 5px 16px rgb(0 12 26 / 8%);text-align:center;overflow:hidden}
.site-footer__brand{margin:0;font-size:clamp(2.1rem,10vw,2.72rem);line-height:1.05;font-weight:800;letter-spacing:.01em;color:#06234a}
.site-footer__accent{display:block;width:58px;height:3px;margin:18px auto 16px;border-radius:999px;background:#f36b00}
.site-footer__line{max-width:620px;margin:0 auto;font-size:1.04rem;line-height:1.55;font-weight:500}
.site-footer__line span{display:block}
.site-footer__nav{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:28px;padding-top:20px;border-top:1px solid #dec7ae}
.site-footer__nav a{display:grid;min-height:60px;place-items:center;padding:12px 10px;border:1px solid #dec7ae;border-radius:7px;background:#fffaf6;color:#071c3c;font-size:.92rem;line-height:1.25;font-weight:500;text-decoration:none;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}
.site-footer__nav a:first-child{grid-column:1/-1}
.site-footer__nav a:hover{border-color:#f36b00;background:#fff6ed}
.site-footer__nav a:focus-visible{outline:3px solid #f36b00;outline-offset:2px}
.site-footer__nav a:active{transform:translateY(1px)}
.site-footer__separator{display:none}
.site-footer__copyright{margin:28px -18px -36px;padding:10px 14px;background:#001a38;color:#ff8a16;font-size:.82rem;line-height:1.4;font-weight:700;letter-spacing:.01em;text-align:center}

@media (min-width:900px){
  .hero{scroll-margin-top:0}
  .site-footer{padding:0 22px 24px}
  .site-footer__shell{padding:52px 40px 54px;border-top-width:6px;border-bottom-width:12px}
  .site-footer__brand{font-size:3.7rem;letter-spacing:.018em}
  .site-footer__accent{width:70px;height:4px;margin:21px auto 18px}
  .site-footer__line{font-size:1.32rem}
  .site-footer__line span{display:inline}
  .site-footer__nav{display:flex;align-items:center;justify-content:center;gap:30px;max-width:960px;margin:38px auto 0;padding-top:35px}
  .site-footer__nav a,.site-footer__nav a:first-child{display:inline;padding:0;border:0;border-radius:0;background:transparent;font-size:1.18rem;min-height:auto}
  .site-footer__nav a:hover{border:0;background:transparent;color:#e85f00}
  .site-footer__separator{display:block;width:2px;height:25px;background:#f36b00}
  .site-footer__copyright{margin:38px -40px -54px;padding:13px 20px;font-size:.92rem}
}