/* Shared public-site path styles. Existing brand palette and typography retained. */
:root,:host {
  --path-space:clamp(24px,4vw,56px);
  --path-paper:#f7f4ed;--path-ink:#28342b;--path-muted:#66675f;
  --path-line:#d6d3c8;--path-accent:#786345;
  --path-heading:clamp(28px,3vw,40px);
}
html[data-path-theme=dark] {
  --bg:#1c241e;--surface:#273029;--surface-2:#303b32;--text:#f1eee3;
  --muted:#c7cabb;--muted-2:#b8bcaf;--line:#4d574a;--accent:#c7b48f;
  --path-paper:#1c241e;--path-ink:#f1eee3;--path-muted:#c7cabb;
  --path-line:#4d574a;--path-accent:#c7b48f;
  --bg-soft:#232c25;--line-strong:#66705f;--accent-ink:#1c241e;
  color-scheme:dark;
}
/* Dark mode (2026-10-05): soft sections, cards inside folds, gold controls and
   the reviews block kept the light palette and became unreadable. */
html[data-path-theme=dark] details.expandable > summary{background:var(--accent);color:#1c241e}
html[data-path-theme=dark] details.expandable > summary:hover{background:#d6c4a0}
html[data-path-theme=dark] .plan-card__peek{background:linear-gradient(180deg,#232c25 0%,rgba(35,44,37,0) 100%)}
html[data-path-theme=dark] select,html[data-path-theme=dark] option,html[data-path-theme=dark] optgroup{background-color:#1c241e;color:#f1eee3}
html[data-path-theme=dark] .de-reviews{--review-bg:#232c25;--review-paper:#273029;--review-ink:#f1eee3;--review-muted:#c7cabb;--review-accent:#c7b48f;--review-line:rgba(241,238,227,.18)}
:host([data-theme=dark]) {--path-paper:#1c241e;--path-ink:#f1eee3;--path-muted:#c7cabb;--path-line:#4d574a;--path-accent:#c7b48f}
[hidden],.path-archived {display:none!important}
body[data-site-path] {background:var(--path-paper);color:var(--path-ink)}
.path-tabs {display:flex!important;justify-content:center;gap:0;max-width:560px;margin:0 auto;padding:0 20px}
.path-tabs a {flex:1;min-height:56px;display:flex;justify-content:center;align-items:center;padding:12px 24px;border-bottom:1px solid var(--path-line);font:500 15px/1.4 Inter,sans-serif;text-decoration:none;color:var(--path-muted)}
.path-tabs a[aria-current=page] {color:var(--path-ink);border-bottom:2px solid var(--path-accent)}
.path-tabs a:hover {background:var(--surface)}
.path-hero {max-width:1360px!important;grid-template-columns:minmax(0,1.05fr) minmax(200px,.75fr) minmax(0,1fr)!important;gap:clamp(24px,3vw,48px)!important;padding:48px 48px 64px!important;align-items:center!important}
.path-hero h1 {font-size:clamp(44px,4.6vw,68px)!important;line-height:1.04;letter-spacing:-.035em;margin:24px 0}
.path-subtitle {font-size:18px;color:var(--ink);line-height:1.6}
.path-hero-detail h2 {font:400 var(--path-heading)/1.1 'Instrument Serif',serif;margin:16px 0 20px}
.path-hero-detail>p:not(.eyebrow) {font-size:15px;line-height:1.75}
.path-hero-detail .path-fine {font-size:12px!important;line-height:1.65!important;margin-top:16px;color:var(--muted)}
.path-actions {display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:24px}
.path-actions .button {width:100%;min-height:54px;justify-content:space-between;gap:20px;padding:14px 20px}
.path-actions .button--ios {background:#28342b!important;color:#f8f4e9!important;border:1px solid #52604f}
.path-actions .button--web {background:#e2d8c5;color:#30382e;border:1px solid #bfb094}
.path-actions .button--web:hover {background:#d8cbb3}
.path-try-hero {display:flex;justify-content:space-between;align-items:center;width:100%;min-height:66px;margin-top:20px;padding:12px 20px;border:1px solid var(--accent);border-radius:12px;background:var(--surface);color:var(--ink);font:500 15px/1.5 Inter,sans-serif;text-align:left;cursor:pointer}
.path-try-hero small {display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:3px}
.path-try-hero:hover {background:var(--paper);border-color:var(--ink)}
.path-actions .text-link {font-size:14px}
.path-film {margin:0;width:100%;max-width:290px;justify-self:center;position:relative}
.path-film video {display:block;width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:3px;background:#202c23}
.path-film figcaption {font:400 12px/1.5 Inter,sans-serif;color:var(--muted);text-align:center;padding:12px 0 0}
.film-toggle {position:absolute;right:12px;bottom:48px;width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid #e9e2cd88;border-radius:50%;background:#243026e6;color:#fff;cursor:pointer}
.film-toggle svg {display:block}
.path-watch {min-height:44px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);font:500 14px Inter,sans-serif;margin-top:12px;display:flex;gap:16px;align-items:center;padding:8px 0;cursor:pointer}
.path-watch span {font-size:12px;color:var(--muted);font-weight:400}
.path-section {width:min(1120px,calc(100% - 64px));margin:auto;padding:48px 0;border-top:1px solid var(--path-line)}
.path-section h2 {font:400 var(--path-heading)/1.12 'Instrument Serif',serif;letter-spacing:-.02em;margin:14px 0 20px}
.path-section p {font-size:16px;line-height:1.75;color:var(--path-muted)}
.path-section .eyebrow {font-size:12px;letter-spacing:.12em;color:var(--path-accent)}
.path-section a:not(.btn) {color:var(--path-accent);text-decoration:underline;text-underline-offset:4px}
.path-section a:hover {text-decoration-thickness:2px}
.path-essentials {display:grid;grid-template-columns:1fr 1.15fr;gap:16px 64px}
.path-benefits article {display:flex;gap:20px;padding:16px 0;border-bottom:1px solid var(--path-line)}
.path-benefits article:first-child {padding-top:0}
.path-benefits article>span {color:var(--path-accent);font-size:12px;padding-top:4px}
.path-benefits h3 {font-family:Inter,sans-serif;font-size:17px;line-height:1.5;margin:0 0 8px;font-weight:500}
.path-benefits p {font-size:14px;line-height:1.7}
.path-enrollment {grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:16px;padding-top:24px;border-top:1px solid var(--path-line)}
.path-enrollment strong {font-family:'Instrument Serif',serif;font-size:26px;font-weight:400}
.path-enrollment p {font-size:14px;margin-top:8px}
.path-inline-button {font:500 14px Inter,sans-serif;min-height:44px;padding:8px 0;justify-self:start;border:0;background:none;border-bottom:1px solid var(--path-line);color:var(--path-accent);cursor:pointer}
.path-bridge {display:grid;grid-template-columns:1fr 1.15fr;gap:24px 64px;padding-block:44px}
.path-bridge h2 {margin-bottom:0}
.path-bridge .path-link {display:inline-flex;align-items:center;gap:24px;min-height:48px;margin-top:12px;text-decoration:none;font-size:14px}
.path-detail {border-top:1px solid var(--path-line);margin:0;color:var(--path-ink)}
.path-detail:last-child {border-bottom:1px solid var(--path-line)}
.path-detail>summary {font:500 15px/1.5 Inter,sans-serif;cursor:pointer;min-height:60px;padding:18px 32px 18px 0;list-style:none;position:relative}
.path-detail>summary::-webkit-details-marker {display:none}
.path-detail>summary:after {content:'+';position:absolute;right:4px;top:17px;font-size:22px;font-weight:400;color:var(--path-accent)}
.path-detail[open]>summary:after {content:'−'}
.path-answer {padding:0 24px 24px 0;font:400 15px/1.8 Inter,sans-serif;color:var(--path-muted);max-width:78ch}
.path-questions {padding-bottom:40px}
.path-questions>h2 {margin-bottom:24px}
.path-questions .path-answer .answer {padding:0!important;margin:0 0 16px;font:inherit;color:inherit}
.path-questions .path-answer .answer:last-child {margin-bottom:0}
.path-faq-next {border-top:1px solid var(--path-line);padding-top:20px;margin-top:0!important;font-size:14px!important;color:var(--path-muted);max-width:78ch}
.path-resources {display:grid;grid-template-columns:1fr 1.15fr;gap:48px 64px}
.path-resource-list {min-width:0}
.path-detail-body .section {padding:24px 0 40px}
.path-detail-body .wrap {width:100%;padding-inline:0;max-width:none}
.path-detail-body .h2 {font-size:clamp(26px,3vw,36px)}
.path-detail-body .lead {font-size:15px;line-height:1.8}
.path-detail-body .about-grid,.path-detail-body .sample-grid,.path-detail-body .nutrition__grid {grid-template-columns:1fr;gap:24px}
.path-detail-body .about-photo {max-width:340px;margin:auto}
.path-detail-body .trio {grid-template-columns:1fr}
.path-detail-body .reveal {opacity:1;transform:none}
.path-private-line {padding:4px 0 24px;max-width:65ch;color:var(--muted);font-size:15px;line-height:1.8}
.path-private-line p {margin:0 0 16px}
.path-private-line p:last-child {margin-bottom:0}
.path-private-line strong {color:var(--path-ink)}
.path-contact>p {max-width:700px}
.path-contact>.path-detail {margin-top:24px}
.path-contact #apply>.wrap>.center {display:none}
.path-contact .form-wrap {margin:8px auto 24px}
.path-reflections {padding-block:16px 32px}
.path-reflections .de-reviews {padding:24px 0}
.path-reflections .review-shell {padding:0}
#pricing.path-visible {padding-block:40px 48px}
#pricing.path-visible>.wrap {max-width:1120px}
#pricing.path-visible .h2 {font-size:var(--path-heading)}
#pricing.path-visible .lead {font-size:16px;max-width:680px;margin-top:16px!important}
#pricing.path-visible .builder {margin-top:32px}
#pricing.path-visible .opt-desc {font-size:13px;line-height:1.65}
#pricing.path-visible .summary {position:static;align-self:start}
#pricing.path-visible .opt label {background:var(--surface);box-shadow:none}
#pricing.path-visible .opt input:checked+label {background:var(--surface-2)}
#pricing.path-visible .radio-dot {position:static;margin:0 0 12px;width:16px;height:16px}
#pricing.path-visible .opt-title {font-family:Inter,sans-serif;font-size:15px;font-weight:500;line-height:1.4}
#pricing.path-visible .opt-tag {display:inline-block;border:0;padding:0;letter-spacing:0;text-transform:none;font-size:12px;font-weight:400;line-height:1.4}
#pricing.path-visible .summary {background:var(--surface);box-shadow:none;padding:24px}
#pricing.path-visible .picker-head h3 {font-size:23px}
#pricing.path-visible .picker+.picker {margin-top:32px!important}
#pricing.path-visible .compare-note {margin-top:20px}
.path-matrix {margin-top:24px}
.path-matrix>details {margin-top:0!important}
.path-demo-detail {max-width:640px;margin:24px auto 40px;padding:0 24px}
.path-demo-body {max-width:420px;margin:auto}
.path-demo-body .app-stage {margin:0!important;width:100%!important;min-height:700px}
.path-demo-body .phone {max-width:calc(100% - 40px)}
.path-video-dialog {border:1px solid var(--path-line);border-radius:8px;padding:20px;background:var(--path-paper);color:var(--path-ink);width:min(480px,calc(100% - 32px));max-height:90dvh;overflow:auto}
.path-video-dialog::backdrop {background:#111a14cf}
.path-video-top {display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.path-video-top h2 {font:400 25px/1.15 'Instrument Serif',serif;margin:0}
.path-video-close {min-height:44px;border:1px solid var(--path-line);background:none;color:inherit;padding:8px 12px;border-radius:6px;cursor:pointer}
.path-video-dialog video {display:block;max-height:65dvh;width:100%;background:#f7f4ed;aspect-ratio:9/16;object-fit:contain}
.path-video-dialog p {font:400 12px/1.7 Inter,sans-serif;color:var(--path-muted);margin:16px 0 0}
.path-sample-dialog {width:min(460px,calc(100vw - 24px));max-height:94dvh;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);overflow:auto;margin:auto}
.path-sample-dialog::backdrop {background:#111a14cf}
.path-sample-top {display:flex;align-items:center;justify-content:space-between;gap:16px}
.path-sample-top h2 {font:400 28px/1.12 'Instrument Serif',serif;margin:8px 0 0}
.path-sample-top .eyebrow {font-size:12px}
.path-sample-close {min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:none;color:var(--ink);font:400 14px Inter,sans-serif;cursor:pointer}
.path-sample-dialog .app-stage {width:100%!important;max-width:100%!important;margin:20px 0 0!important;min-height:604px;padding:12px 0 32px!important;background:none;overflow:visible}
.path-sample-dialog .stage-image,.path-sample-dialog .stage-shade,.path-sample-dialog .stage-heading {display:none}
.path-sample-dialog .phone {max-width:calc(100% - 16px);box-shadow:0 12px 24px #18221922}
.path-sample-dialog .stage-caption {bottom:0;color:var(--muted);font-size:12px}
.path-sample-dialog [role="tabpanel"]:not([hidden]) {animation:path-dialog-in .2s ease}
.path-tabs a,.path-actions a,.path-try-hero,.path-link,.path-watch,.path-inline-button,.film-toggle,.path-detail>summary {transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
.path-tabs a:hover,.path-detail>summary:hover {color:var(--path-accent)}
.path-actions a:hover .line-arrow,.path-try-hero:hover .line-arrow {transform:translate(2px,-2px)}
.path-actions .line-arrow,.path-try-hero .line-arrow {transition:transform .18s ease}
.film-toggle:hover {background:#374a3a}
.film-toggle:active,.path-try-hero:active {transform:scale(.98)}
.path-sample-dialog[open],.path-video-dialog[open] {animation:path-dialog-in .22s ease}
@keyframes path-dialog-in {from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@view-transition {navigation:auto}
::view-transition-old(root) {animation:path-fade-out .16s ease both}
::view-transition-new(root) {animation:path-fade-in .22s ease both}
@keyframes path-fade-out {to{opacity:0}}
@keyframes path-fade-in {from{opacity:0}to{opacity:1}}
@media(min-width:851px) {
  .header {display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(280px,1.1fr) minmax(230px,1fr);gap:0 24px!important;padding:20px 48px 12px!important;max-width:1440px;margin:auto}
  .header .brand {grid-column:1;grid-row:1}
  .header nav.path-tabs {grid-column:2;grid-row:1;order:initial;width:100%;max-width:420px;padding:0;margin:auto;gap:0;flex-wrap:nowrap}
  .header nav.path-tabs a {justify-content:center;padding:12px 20px;min-height:52px}
  .header .header-actions {grid-column:3;grid-row:1;justify-self:end;margin:0;gap:16px}
  .header .site-nav-panel {grid-column:1/-1;grid-row:2;order:initial;margin-top:16px;padding-top:8px;border-top:1px solid var(--line)}
  .header #site-navigation {gap:24px}
  .path-hero {padding-top:32px!important;padding-bottom:48px!important;gap:clamp(28px,3.5vw,52px)!important}
  .path-hero h1 {font-size:clamp(46px,4.35vw,64px)!important;line-height:1.08;letter-spacing:-.025em}
  .path-hero .eyebrow {line-height:1.65}
}
body[data-site-path] .footer {padding-top:32px}
@media(min-width:851px) and (max-width:1100px) {
  .header {grid-template-columns:minmax(240px,1fr) minmax(250px,1fr) minmax(190px,1fr);padding-inline:24px!important;column-gap:16px!important}
  .header .brand>span {font-size:22px;white-space:nowrap}
  .header nav.path-tabs a {padding-inline:12px}
  .header .header-actions {gap:12px}
}
body[data-site-path] .footer .crest {width:72px}
body[data-site-path] .footer-inner {gap:16px}
body[data-site-path] .footer-links {max-width:760px;margin:auto}
.path-section a:focus-visible,.path-detail>summary:focus-visible,.path-inline-button:focus-visible,.path-video-close:focus-visible {outline:2px solid var(--path-accent);outline-offset:4px}
@media(max-width:1050px) {
  .path-hero {grid-template-columns:1fr .65fr 1fr!important;gap:24px!important;padding-inline:32px!important}
  .path-hero h1 {font-size:46px!important}
  .path-hero-detail h2 {font-size:30px}
}
@media(max-width:760px) {
  .path-hero {grid-template-columns:minmax(0,1fr)!important;padding:32px 24px 40px!important;gap:28px!important}
  .path-hero h1 {font-size:clamp(42px,10vw,60px)!important;margin:16px 0}
  .path-hero h1 br:first-of-type {display:none}
  .path-hero h1 span {display:inline}
  .path-hero-title {max-width:500px}
  .path-subtitle {font-size:16px}
  .path-film {max-width:200px}
  .path-hero-detail {width:100%;max-width:500px;justify-self:center}
  .path-hero-detail h2 {font-size:36px}
  .path-hero-detail h2 br {display:none}
  .path-actions .button {width:100%}
  .path-section {width:calc(100% - 48px);padding-block:32px}
  .path-essentials,.path-bridge,.path-resources {grid-template-columns:minmax(0,1fr);gap:24px}
  .path-bridge h2 br,.path-section-heading h2 br {display:none}
  .path-enrollment {display:block;margin-top:0}
  .path-enrollment .btn {width:100%;margin-top:16px}
  .path-section h2 {font-size:32px}
  .path-tabs a {padding-inline:16px;min-height:52px}
  .path-questions h2 {margin-bottom:24px}
  .path-resources .path-section-heading p {font-size:15px}
  #pricing.path-visible {padding:32px 0}
  #pricing.path-visible .builder {gap:24px}
  #pricing.path-visible .options--3 {grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  #pricing.path-visible .options--3 label {height:100%;min-height:128px;padding:12px 8px}
  #pricing.path-visible .options--3 .opt-title {font-size:13px}
  #pricing.path-visible .options--3 .opt-tag {font-size:12px}
  #pricing.path-visible .options--3 .opt-desc {display:none}
  #pricing.path-visible .options--2 {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #pricing.path-visible .options--2 label {padding:16px 12px;height:100%}
  #pricing.path-visible .options--2 .opt-title {font-size:15px}
  #pricing.path-visible .options--2 .opt-tag {font-size:12px}
  #pricing.path-visible .opt-desc {font-size:12px}
  #pricing.path-visible .options--2 .opt-title {min-height:42px}
  #pricing.path-visible .builder-panel {padding:20px 16px}
  .path-detail-body .steps {grid-template-columns:1fr}
  body[data-site-path] .footer>.wrap {width:calc(100% - 48px)}
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {scroll-behavior:auto!important;transition:none!important;animation:none!important}
  ::view-transition-old(root),::view-transition-new(root) {animation:none!important}
}

/* App side training photo: dimmed image with the words set over it */
.path-photo{position:relative;overflow:hidden;border-radius:var(--radius-lg,22px);margin:clamp(24px,4vw,48px) auto;max-width:1120px;min-height:clamp(320px,40vw,480px);display:flex;align-items:flex-end;background:#101413;color:#fffdf8;isolation:isolate}
.path-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:brightness(.62) saturate(.8);z-index:-2}
.path-photo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(16,20,19,.15) 0%,rgba(16,20,19,.55) 45%,rgba(16,20,19,.92) 100%),linear-gradient(90deg,rgba(16,20,19,.7),rgba(16,20,19,0) 65%)}
.path-photo__text{position:relative;padding:clamp(24px,4vw,52px);max-width:620px;display:grid;gap:12px}
.path-photo__text .eyebrow{color:#d4bc8c;margin:0}
.path-photo__text h2{margin:0;font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1.02;color:#fffdf8}
.path-photo__text p{margin:0;color:rgba(255,253,248,.82)}
.path-photo__text small{font-size:.7rem;color:rgba(255,253,248,.55)}
@media (max-width:640px){.path-photo{margin-inline:16px}}

/* Coaching levels: same type as the rest of the site (2026-10-04).
   Serif display names, small uppercase price line in the accent colour. */
#pricing.path-visible .opt-title{font-family:var(--font-display,"Instrument Serif",Georgia,serif);font-weight:400;font-size:clamp(1.5rem,2.4vw,1.85rem);line-height:1.05;letter-spacing:-.01em;min-height:0}
#pricing.path-visible .options--2 .opt-title{font-size:clamp(1.5rem,2.4vw,1.85rem);min-height:0}
#pricing.path-visible .opt-top{margin-bottom:6px}
#pricing.path-visible .opt-tag,#pricing.path-visible .options--2 .opt-tag{display:block;margin-top:2px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent,#7c6a4e);border:0;padding:0}
#pricing.path-visible .opt-desc{font-size:14px;line-height:1.6;color:var(--muted);margin-top:12px!important}
#pricing.path-visible .opt label{padding:22px 22px 24px;border-radius:16px}
#pricing.path-visible .opt input:checked+label{border-color:var(--accent,#7c6a4e)}
#pricing.path-visible .radio-dot{margin:0 0 14px}
@media (max-width:640px){
  #pricing.path-visible .options--2 label{padding:16px 14px 18px}
  #pricing.path-visible .opt-title,#pricing.path-visible .options--2 .opt-title{font-size:1.35rem}
  #pricing.path-visible .opt-tag,#pricing.path-visible .options--2 .opt-tag{font-size:10px;letter-spacing:.1em}
  #pricing.path-visible .opt-desc{font-size:12.5px}
}

/* 2026-10-04 grow1: price by the buttons, early access, app screens, header Instagram. */
.path-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:20px 0 0;padding:12px 0 0;border-top:1px solid var(--path-line)}
.path-hero-detail .path-price{font-size:14px!important;line-height:1.4!important}
.path-price strong{font:400 28px/1.1 'Instrument Serif',serif;color:var(--path-ink)}
.path-price span{font-size:14px;color:var(--path-accent);font-weight:500;letter-spacing:.01em}
.early-access{margin-top:20px;padding:16px 18px;border:1px solid var(--path-line);border-radius:12px;background:color-mix(in srgb,var(--path-paper) 70%,transparent)}
.early-access label{display:block;font:500 15px/1.4 Inter,sans-serif;color:var(--path-ink);margin-bottom:10px}
.early-row{display:flex;gap:8px}
.early-row input{flex:1 1 auto;min-width:0;min-height:46px;padding:10px 14px;border:1px solid var(--path-line);border-radius:999px;background:var(--path-paper);color:var(--path-ink);font:400 16px/1.2 Inter,sans-serif}
.early-row input:focus-visible{outline:2px solid var(--path-accent);outline-offset:2px}
.early-row button{flex:0 0 auto;min-height:46px;padding:0 18px;border:0;border-radius:999px;background:#28342b;color:#f8f4e9;font:500 14px/1 Inter,sans-serif;cursor:pointer}
.early-row button:hover{background:#1d261f}
.early-row button:disabled{opacity:.7;cursor:wait}
.early-access .early-note{margin:8px 0 0!important;font-size:12px!important;line-height:1.5!important;color:var(--path-muted)}
.early-trap{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.early-access.is-done{border-color:var(--path-accent)}
.early-done{margin:0!important;font-size:14px!important;line-height:1.6!important;color:var(--path-ink)}
:host([data-theme=dark]) .early-row button,[data-theme=dark] .early-row button{background:#c7b48f;color:#1c241e}
.path-screens .screens-strip{display:grid;grid-template-columns:repeat(4,minmax(0,230px));justify-content:space-between;gap:20px;margin-top:8px}
.path-screens figure{margin:0}
.path-screens img{display:block;width:100%;height:auto;border-radius:18px;background:#141a16;box-shadow:0 10px 30px rgba(20,26,22,.18)}
.path-screens figcaption{margin-top:12px;font-size:14px;line-height:1.4;color:var(--path-ink)}
.path-screens .screens-note{margin-top:16px;font-size:12px;color:var(--path-muted)}
.path-early{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.path-early .early-access{margin-top:0}
.header-social{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;color:inherit;opacity:.85}
.header-social:hover{opacity:1;color:var(--path-accent)}
.header-social:focus-visible{outline:2px solid var(--path-accent);outline-offset:2px}
@media(max-width:850px){
  .path-screens .screens-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:8px;margin-inline:-24px;padding-inline:24px;scroll-padding-inline:24px;scrollbar-width:thin}
  .path-screens figure{flex:0 0 62%;scroll-snap-align:start}
  .path-early{grid-template-columns:1fr;gap:16px}
}
@media(max-width:420px){.early-row{flex-direction:column}.early-row button{width:100%}}

/* 2026-10-04 aud1: Who it's for, three audience pages on the app side. */
.path-audiences .audience-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:8px}
.path-section a.audience-card{position:relative;display:flex;flex-direction:column;gap:8px;min-height:44px;padding:20px 44px 22px 20px;border:1px solid var(--path-line);border-radius:14px;color:var(--path-ink);text-decoration:none;transition:border-color .18s ease,background-color .18s ease}
.path-section a.audience-card:hover{border-color:var(--path-accent);background:color-mix(in srgb,var(--path-accent) 6%,transparent)}
.path-section a.audience-card:focus-visible{outline:2px solid var(--path-accent);outline-offset:3px}
.audience-card strong{font:400 24px/1.15 'Instrument Serif',serif;color:var(--path-ink)}
.audience-card span:not(.line-arrow){font-size:14px;line-height:1.6;color:var(--path-muted)}
.audience-card .line-arrow{position:absolute;top:24px;right:20px;color:var(--path-accent);transition:transform .18s ease}
.audience-card:hover .line-arrow{transform:translate(2px,-2px)}
@media(max-width:850px){.path-audiences .audience-list{grid-template-columns:minmax(0,1fr);gap:12px}}
.audience-card .line-arrow{display:inline-block;width:13px;height:13px}
.audience-card .line-arrow::before{content:"";position:absolute;width:10px;height:10px;border-top:1.4px solid currentColor;border-right:1.4px solid currentColor;top:0;right:0}
.audience-card .line-arrow::after{content:"";position:absolute;width:15px;border-top:1.4px solid currentColor;top:6px;right:-1px;transform:rotate(-45deg)}