/* v5 · סידור 1 · פרקים, in the persuasive order (7.10.2026). Same design as v1; only the section order and the chapter
   grouping changed. Same identity as ב2 (warm paper and sand, ink text, navy for a few deliberate moments,
   the gold CTA as the only solid-gold element, Heebo only). The page is read as 8 CHAPTERS of one journey:
   1 sand  · recognition and why it did not work (pain, layers, why)
   2 paper · a different way (understand, pillars)
     — full-width photo pause —
   3 sand  · who Oscar is, and what people write him (me, skeptics + wall)
   4 paper · how it works (reprogram, method)
   5 sand  · what the process gives (offer, personal)
   6 paper · how the process is built (journey, work, belief)
   7 sand  · in their own words, about, choose a track (stories, about, tracks-detail)
     — navy threshold: the choice —
   8 paper · five years from now (future)
     — navy threshold: the close — then the form.
   (The per-section blocks below keep their v1 group labels; every rule is scoped to its section, so the order does not matter.)
   - a chapter = one band (paper or sand), opened with generous space; chapters alternate bands;
   - three chapter boundaries are full-width pauses: the photo, the navy "choice", the navy "close";
   - inside a chapter, sections are separated lightly: one hairline with a short gold tab at the start, and less space;
   - every section head has the same treatment (label → heading → content, same gaps);
   - desktop: long reading sections put their head in a sticky side column, the text in one reading column.
   Every colour comes from these tokens (single light theme by choice).
   v6 (7.10.2026) premium polish of v5, words and order unchanged:
   - separators: one quiet hairline, no gold tab (gold is kept for the CTA and a few text accents); rules on rows are lighter than section rules;
   - one paragraph rhythm in the long texts (no random double gaps);
   - one type scale (desktop intro statements share one size; pull-lines sit clearly below headings);
   - calmer space: shorter chapter openings, so no empty bands; reading measure ≤ ~65 characters everywhere;
   - one radius for media (photos, videos, messages) and one for cards and the form;
   - quieter track cards (no pill around the short descriptor); highlights on navy drawn as a fine gold line, not a muddy block. */
:root{
  --paper:#FBF8F2;      /* warm white */
  --sand:#F2ECE1;       /* sand (cards, form) */
  --band-sand:#EFE6D7;       /* sand chapter band: a touch deeper than sand so a chapter edge is unmistakable (ink-2 6.5:1, gold-deep 5.0:1) */
  --card:#FFFDF9;       /* form fields */
  --hair:#E3D9C6;       /* hairline on light */
  --hair-2:#D6C9B0;     /* stronger hairline (card borders, form) */
  --rule:rgba(122,92,28,.17);     /* rules between rows: warm, adapts to paper and sand */
  --rule-sec:rgba(122,92,28,.30); /* the one section separator inside a chapter */
  --ink:#161B26;
  --ink-2:#4A5163;      /* secondary text on light */
  --field:#8C826E;      /* input borders, 3:1 on paper */
  --navy:#131B2E; --navy-deep:#0E1524; --navy-2:#1C2740; --navy-line:#2C3754;
  --on-navy:#FBF8F2; --on-navy-2:#BCC2CE;
  --gold:#D9A84E; --gold-hover:#E5B95F; --gold-press:#C9973F;
  --gold-text:#8C6A22; --gold-light:#E4C878;
  --gold-deep:#7A5C1C;  /* gold ink for small labels: 5.3:1 on sand, 5.9:1 on paper */
  --error:#9E3B26;
  /* emphasis */
  --mark:rgba(217,168,78,.30);
  --mark-navy:rgba(217,168,78,.36);
  --uline:#A9822F;
  --uline-navy:#E4C878;
  --font:'Heebo','Assistant',Arial,sans-serif;
  /* type scale (phone values; desktop values are set once in the desktop block) */
  --t-xl:clamp(34px,9.2vw,64px);      /* chapter-opening statements */
  --t-h2:clamp(29px,7.8vw,48px);      /* section headings */
  --t-pull:clamp(27px,7vw,44px);    /* short strong pull-lines: clearly below a heading */
  --t-quote:clamp(24px,6.6vw,40px);   /* first-person quotes */
  --t-intro:22px;                     /* opening paragraph of a section */
  --t-lead:20px;                      /* lead / standalone paragraph */
  --t-h3:21px;                        /* item headings */
  --t-h3b:24px;                       /* block headings */
  --t-list:20px;                      /* list rows */
  /* rhythm: chapter > section > block > paragraph */
  --gx:16px;            /* side gutter */
  --ch:80px;            /* chapter opening / closing space */
  --in:56px;            /* inside a chapter: space on each side of the section separator */
  --th:88px;            /* threshold moments (navy) */
  --s-head:24px;        /* heading → its content */
  --s-block:40px;       /* between blocks inside a section */
  --s-pull:56px;        /* before a pull-line */
  --s-p:20px;           /* between paragraphs of a long text */
  --gap:24px;
  --r:16px;             /* card + form radius */
  --r-m:10px;           /* media radius: photos, videos, messages */
  --maxw:1360px;
  --stick:112px;        /* sticky side column offset (desktop) */
  color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:16px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:18px;line-height:1.7;font-weight:400;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}
img,video{display:block;max-width:100%}
img{height:auto}
h1,h2,h3{margin:0;font-weight:800;line-height:1.12;letter-spacing:-.01em;text-wrap:balance}
p,li{text-wrap:pretty}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
figure{margin:0}
a{color:inherit}
b,strong{font-weight:700}
:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
section{scroll-margin-top:12px}
.nw{white-space:nowrap}

.wrap{max-width:var(--maxw);margin-inline:auto;padding-left:max(var(--gx),env(safe-area-inset-left));padding-right:max(var(--gx),env(safe-area-inset-right))}

/* ================= the chapter system ================= */
/* a chapter is one band; its sections share it */
.chapter{background:var(--band,var(--paper))}
.band-paper{--band:var(--paper)}
.band-sand{--band:var(--band-sand)}
.chapter > section{padding-block:var(--in)}
.chapter > section:first-child{padding-top:var(--ch)}
.chapter > section:last-child{padding-bottom:var(--ch)}
/* inside a chapter: the next section starts under one quiet hairline (v6: the gold tab is gone; gold stays for action) */
.chapter > section + section{padding-top:0}
.chapter > section + section > .wrap{position:relative;padding-top:var(--in)}
.chapter > section + section > .wrap::before{content:"";position:absolute;top:0;height:1px;background:var(--rule-sec);pointer-events:none;
  left:max(var(--gx),env(safe-area-inset-left));right:max(var(--gx),env(safe-area-inset-right))}
/* the same separator for a new part inside one section */
.om-sep{position:relative;margin-top:var(--in);padding-top:var(--in)}
.om-sep::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--rule-sec);pointer-events:none}
/* a section that continues the previous one (the wall after its intro): no separator, a smaller gap */
.chapter > section.joined > .wrap{padding-top:var(--s-block)}
.chapter > section.joined > .wrap::before{content:none}
/* …and the section it continues gives up its bottom space, so the intro and the wall read as one block */
.chapter > section:has(+ section.joined){padding-bottom:0}

/* thresholds: the two navy moments, full width, between chapters */
.threshold{padding-block:var(--th);background:var(--navy);color:var(--on-navy)}

/* the photo pause: one full-width photo between two chapters */
.pause{position:relative;background:var(--navy-deep)}
.pause img{width:100%;aspect-ratio:780/624;object-fit:cover}

/* ---------- one heading language for every section ---------- */
h2{font-size:var(--t-h2);line-height:1.12;letter-spacing:-.012em;color:var(--ink)}
.h2-2{display:block;font-weight:300;margin-top:.06em}
.line-2{display:block}
.label{margin:0 0 14px;font-size:16px;font-weight:600;line-height:1.4;letter-spacing:.01em;color:var(--gold-deep)}
/* chapter-opening statements are set larger than section heads */
.und-h,.dream-q,.sk-head h2,.s-future h2,.me-head h2,.rp-q{font-size:var(--t-xl);line-height:1.07;letter-spacing:-.017em}
/* the pull-line: a short strong sentence set large, carried by space alone */
.pull{margin-top:var(--s-pull);font-weight:700;font-size:var(--t-pull);line-height:1.18;letter-spacing:-.013em;color:var(--ink);text-wrap:balance}
/* the first-person quote: a fine gold rule at the start */
.me-quote,.method-quote{padding-block:4px;padding-inline-start:20px;border-inline-start:2px solid var(--gold-text);
  font-size:var(--t-quote);line-height:1.25;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}

/* lists set as ruled rows (structure, not ornament) */
.future-list,.rp-list,.work-list{border-top:1px solid var(--rule)}
.future-list li,.rp-list li,.work-list li{padding-block:15px 16px;border-bottom:1px solid var(--rule);font-size:var(--t-list);line-height:1.45}
/* the open-ended list ("ועוד…") ends without a closing rule, so it never doubles with the section hairline below it */
.work-list li:last-child{border-bottom:0;padding-bottom:0}

/* ticks and crosses drawn with CSS */
.ticks li,.crosses li{position:relative;padding-inline-start:32px}
.ticks li+li,.crosses li+li{margin-top:12px}
.ticks li::before{content:"";position:absolute;inset-inline-start:4px;top:.42em;width:14px;height:8px;
  border-left:2px solid var(--gold-deep);border-bottom:2px solid var(--gold-deep);transform:rotate(-45deg)}
.crosses li::before,.crosses li::after{content:"";position:absolute;inset-inline-start:4px;top:calc(.75em - 1px);width:15px;height:2px;
  background:var(--ink-2);transform:rotate(45deg)}
.crosses li::after{transform:rotate(-45deg)}

/* ---------- emphasis: bold, marker, underline ---------- */
mark{background:none;color:inherit}
.hl-b{font-weight:700;color:var(--ink)}
.hl-m{color:var(--ink);padding-inline:.1em;margin-inline:-.1em;
  background-image:linear-gradient(transparent 58%,var(--mark) 58%,var(--mark) 96%,transparent 96%);background-repeat:no-repeat;
  background-size:100% 100%;background-position:right bottom;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hl-u{text-decoration-line:underline;text-decoration-color:var(--uline);text-decoration-thickness:2px;text-underline-offset:.28em;
  text-decoration-skip-ink:auto}
.s-choice .hl-b,.s-close .hl-b,.og-how .hl-b{color:var(--on-navy)}
/* on navy a translucent marker turns muddy brown: draw it as a fine light-gold line under warm-white text instead */
.s-close .hl-m,.s-choice .hl-m{color:var(--on-navy);font-weight:500;padding-inline:0;margin-inline:0;
  background-image:linear-gradient(transparent calc(100% - .14em),var(--uline-navy) calc(100% - .14em),var(--uline-navy) calc(100% - .04em),transparent calc(100% - .04em))}
.s-choice .hl-u,.s-close .hl-u{text-decoration-color:var(--uline-navy)}
.hl-m{transition:background-size 1.1s cubic-bezier(.22,.7,.25,1)}
.hl-u{transition:text-decoration-color .9s ease}
.hl-m.hl-wait{background-size:0 100%}
.hl-u.hl-wait{text-decoration-color:transparent}
@media print{.hl-m.hl-wait{background-size:100% 100%}.hl-u.hl-wait{text-decoration-color:var(--uline)}}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 32px;border:0;border-radius:999px;
  background:var(--gold);color:var(--ink);font:700 18px/1.1 var(--font);letter-spacing:.003em;text-decoration:none;cursor:pointer;
  transition:background-color .2s ease}
.btn:hover{background:var(--gold-hover)}
.btn:active{background:var(--gold-press)}
.btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.btn-ghost{display:inline-flex;align-items:center;min-height:56px;padding:0 2px;color:var(--ink);font-weight:600;font-size:18px;
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px;text-decoration-color:var(--field);transition:text-decoration-color .2s}
.btn-ghost:hover{text-decoration-color:var(--ink)}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:var(--s-block)}

/* ---------- header ---------- */
.site-top{position:relative;z-index:20;background:var(--paper);border-bottom:1px solid var(--hair)}
.top-in{max-width:var(--maxw);margin-inline:auto;padding-left:max(var(--gx),env(safe-area-inset-left));padding-right:max(var(--gx),env(safe-area-inset-right))}
.brand{display:inline-flex;align-items:center;min-height:54px;font-size:19px;font-weight:800;letter-spacing:-.01em;text-decoration:none;color:var(--ink)}
.top-nav{display:flex;align-items:center;gap:24px;min-height:40px;margin-top:-6px;padding-bottom:4px}
.top-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:15px;font-weight:500;color:var(--ink-2);text-decoration:none}
.top-nav a:hover{color:var(--ink)}
.top-nav .top-cta{position:absolute;top:1px;left:max(var(--gx),env(safe-area-inset-left));z-index:0;min-height:52px;padding:0 17px;border-radius:999px;
  color:var(--ink);font-weight:600;font-size:15px;isolation:isolate}
.top-nav .top-cta::before{content:"";position:absolute;inset:7px 0;z-index:-1;border:1px solid var(--ink);border-radius:999px;transition:background-color .2s}
.top-nav .top-cta:hover{color:var(--paper)}
.top-nav .top-cta:hover::before{background:var(--ink)}

/* ---------- hero (unchanged from ב2) ---------- */
.s-hero{padding-block:30px 40px}
.hero-grid{display:grid;gap:32px}
.hero-text{container-type:inline-size}
h1{font-size:clamp(32px,11.3cqi,78px);font-weight:800;line-height:1.04;letter-spacing:-.018em;color:var(--ink)}
.h1-2{display:block;font-weight:300;font-size:.82em;line-height:1.14;letter-spacing:-.01em;margin-top:.1em}
.hero-intro{margin-top:22px;color:var(--ink-2)}
.hero-intro p{line-height:1.6}
.hero-intro p+p{margin-top:10px}
.hero-promise{margin-top:16px;font-weight:600;color:var(--ink)}
.s-hero .cta-row{margin-top:24px}
.frame{position:relative;background:var(--sand);border-radius:var(--r-m);overflow:hidden}
.frame img{width:100%}
.frame::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(22,27,38,.08);pointer-events:none}

/* ================= chapter: recognition ================= */
.pain-body{display:grid;gap:var(--s-p)}
.pain-body p{font-size:var(--t-lead);line-height:1.65}
.pain-body p:first-child{font-size:var(--t-intro);line-height:1.55}
.pain-turn{margin-top:var(--s-pull)}

.und-h .h2-2{margin-top:.14em;font-weight:400;color:var(--gold-text)}
.und-p{margin-top:var(--s-head);font-size:var(--t-lead);line-height:1.65;color:var(--ink)}

/* threshold: the choice */
.choice-grid{display:grid;gap:28px;align-items:center}
.choice-a{color:var(--on-navy-2);font-size:var(--t-lead);line-height:1.65}
.choice-or{display:flex;align-items:center;gap:20px;color:var(--gold-light);font-size:44px;font-weight:300;line-height:1}
.choice-or::before,.choice-or::after{content:"";flex:1;height:1px;background:var(--navy-line)}
.choice-b{color:var(--on-navy);font-size:var(--t-intro);line-height:1.6;font-weight:500}

/* ================= chapter: a different way ================= */
.journey-lead{font-size:var(--t-intro);line-height:1.6;color:var(--ink)}
.journey-body{margin-top:var(--s-block)}
.journey-body p+p{margin-top:var(--s-p)}
.journey-imagine{font-size:var(--t-lead);line-height:1.6;font-weight:600;color:var(--navy)}
.journey-end{font-weight:700}

.pillars-head{margin-bottom:var(--s-block)}
.pillars-intro{margin-top:var(--s-head);font-size:var(--t-lead);line-height:1.55;font-weight:700;color:var(--ink)}
.pillars-intro .line-2{margin-top:6px;font-weight:400;color:var(--ink-2)}
.pillar{padding-block:30px 32px;border-top:1px solid var(--rule)}
.pillar:first-of-type{padding-top:0;border-top:0}
.pillar:last-of-type{padding-bottom:0}
.pillar .pillar-h{font-size:var(--t-h3b);line-height:1.25;margin-bottom:12px}

/* ================= chapter: the process and the offer ================= */
.dream-q{font-weight:300;color:var(--ink);text-wrap:balance}
.dream-list{display:grid;gap:10px;margin-top:var(--s-head)}
.dream-list span{display:block;font-size:var(--t-lead);line-height:1.45;font-weight:600;color:var(--navy)}
.dream-after{margin-top:var(--s-head);font-size:18px;line-height:1.6;color:var(--ink-2)}
.offer-lead{margin-top:var(--s-head);font-size:var(--t-lead);line-height:1.6;color:var(--ink)}
.offer-grid{display:grid;gap:14px;margin-top:var(--s-block)}
.og{padding:28px 22px 30px;border-radius:var(--r);background:var(--paper)}
.og h3{margin-bottom:18px;font-size:var(--t-h3);line-height:1.3;color:var(--ink)}
.og li{font-size:18px;line-height:1.5}
.og-how{background:var(--navy);color:var(--on-navy-2)}
.og-how h3{margin-bottom:12px;color:var(--gold-light)}
.og-part+.og-part{margin-top:26px;padding-top:24px;border-top:1px solid var(--navy-line)}

.personal-photo{margin-top:var(--s-head);background:var(--navy-deep)}
.personal-photo img{aspect-ratio:666/404}
.personal-body{margin-top:28px}
.personal-body p+p{margin-top:var(--s-p)}

.sec-head h2{margin-bottom:10px}
.tracks-sub{font-size:var(--t-lead);color:var(--ink-2)}
.tracks{margin-top:var(--s-block);border-top:1px solid var(--hair-2)}
.track{padding-block:30px 34px}
.track+.track{border-top:1px solid var(--hair-2)}
.track-count{display:flex;align-items:baseline;gap:12px;margin-bottom:14px;font-size:18px;font-weight:500;color:var(--ink-2);line-height:1}
.track-count b{font-size:96px;font-weight:300;line-height:.78;letter-spacing:-.045em;color:var(--navy);font-variant-numeric:lining-nums}
.track h3{font-size:var(--t-h3b);line-height:1.25}
.track-kind{margin-top:8px;font-size:15px;font-weight:600;color:var(--gold-deep);letter-spacing:.01em}
.track p:last-child{margin-top:14px}
.tracks + .cta-row{margin-top:8px}

/* ================= chapter: proof ================= */
.sk-p{margin-top:var(--s-head);font-size:var(--t-lead);line-height:1.6;color:var(--ink-2)}

.proof-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.proof-head h2{margin:0;font-size:var(--t-h3b);line-height:1.2;letter-spacing:-.01em}
.wall-stage{position:relative}
.proof-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
.proof-grid figure img,.form-proof img{width:100%;border-radius:var(--r-m);box-shadow:0 0 0 1px var(--hair)}
.proof-grid.is-wall{display:flex;gap:8px;height:620px;overflow:hidden;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent)}
.is-wall .wcol{flex:1;min-width:0}
.is-wall .wtrack{animation:wallrise var(--dur,400s) linear infinite;animation-delay:var(--delay,0s);will-change:transform}
.is-wall figure{margin-bottom:8px}
.is-wall figure img{border-radius:8px}
@keyframes wallrise{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.is-paused .wtrack{animation-play-state:paused}
.wall-pause{flex:none;min-height:44px;padding:0 18px;border:1px solid var(--hair-2);border-radius:999px;
  background:var(--paper);color:var(--ink);font:600 15px/1 var(--font);cursor:pointer}
.wall-pause:hover{border-color:var(--ink)}
.wall-pause:focus-visible{outline:3px solid var(--navy);outline-offset:2px}

.s-stories h2{margin-bottom:28px}
.stories-grid{display:grid;gap:14px}
.s-stories video{width:100%;height:auto;background:var(--navy-deep);border-radius:var(--r-m)}
.video-featured video{aspect-ratio:1446/1192}
.videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.videos video{aspect-ratio:9/16;object-fit:cover}
.videos video:nth-child(3){grid-column:1/-1;justify-self:center;width:calc(50% - 7px)}

/* ================= chapter: going deeper ================= */
.s-future h2{margin-bottom:var(--s-head)}
.future-q{font-size:var(--t-intro);line-height:1.6;font-weight:500;color:var(--ink)}
.s-future .rail-body > p + p,.s-future .rail-body > ul + p{margin-top:var(--s-p)}
.future-list{margin-top:28px}
.future-list li{font-weight:600;color:var(--navy)}
.s-future .rail-body-2{margin-top:var(--s-head)}
.s-future .rail-body-2 > p + p{margin-top:var(--s-p)}
.future-strong{color:var(--ink)}
.future-end{font-weight:700}

.layers-p{margin-top:var(--s-head)}
.layers{width:100%;margin-top:var(--s-block);border-collapse:collapse}
.layers thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.layers,.layers tbody,.layers tr,.layers th,.layers td{display:block}
.layers td,.layers th{text-wrap:pretty}
.layers tbody tr{padding-block:24px 26px;border-top:1px solid var(--hair-2)}
.layers tbody tr:last-child{border-bottom:1px solid var(--hair-2)}
.layers tbody th{font-size:var(--t-h3b);font-weight:800;line-height:1.2;letter-spacing:-.01em;color:var(--ink);text-align:start}
.layers td{margin-top:14px;font-size:19px;line-height:1.5;color:var(--ink)}
.layers td::before{content:attr(data-label);display:block;margin-bottom:2px;font-size:15px;font-weight:600;line-height:1.4;color:var(--gold-deep)}
.layers td:last-child{font-weight:600;color:var(--navy)}
.layers-after{margin-top:32px}
.layers-q{font-weight:300}
.layers-q .line-2{margin-top:.08em;font-weight:700}

.why-lead{margin-top:var(--s-head);font-size:var(--t-lead);line-height:1.6;font-weight:500;color:var(--ink)}
.why-body{margin-top:var(--s-block)}
.why-intro{font-weight:500}
.reasons{margin-top:22px;border-top:1px solid var(--rule)}
.reason{padding-block:22px 24px;border-bottom:1px solid var(--rule)}
.reason h3{font-size:var(--t-h3);line-height:1.3;color:var(--ink)}
.reason p{margin-top:8px}
.why-punch{margin-top:var(--s-pull);font-size:var(--t-pull);font-weight:700;line-height:1.18;letter-spacing:-.013em;color:var(--ink);text-wrap:balance}
.why-punch .line-2{margin-top:.1em;font-weight:300}
.why-close{margin-top:var(--s-head)}

/* ================= chapter: who Oscar is ================= */
.me-story{margin-top:var(--s-head)}
.me-story p+p{margin-top:var(--s-p)}
.me-first{font-size:var(--t-intro);line-height:1.55;color:var(--ink)}
.me-quote{margin-top:var(--s-pull);font-weight:300}
.me-quote .line-2{margin-top:.12em;font-weight:800}
.heard-wrap{margin-top:var(--s-pull)}
.heard-lead{font-size:var(--t-lead);line-height:1.5;font-weight:600;color:var(--ink)}
.heard{margin-top:20px;border-top:1px solid var(--rule)}
.heard-item{padding-block:22px 24px;border-bottom:1px solid var(--rule)}
.heard-item h3{font-size:var(--t-h3);line-height:1.3;color:var(--navy)}
.heard-item p{margin-top:8px}
.heard-item:last-child{border-bottom:0;padding-bottom:0}

.belief-lead{font-size:var(--t-intro);line-height:1.6;color:var(--ink)}
.belief-body{margin-top:var(--s-block)}
.belief-body p+p{margin-top:var(--s-p)}
.belief-honest{font-weight:500}

/* ================= chapter: the method ================= */
.rp-intro p+p{margin-top:var(--s-p)}
.rp-lead{font-size:var(--t-intro);line-height:1.6;font-weight:500}
.rp-ask{color:var(--ink-2)}
.rp-q{margin-top:28px}
.rp-list{margin-top:32px}
.rp-answer{margin-top:36px;font-size:var(--t-intro);line-height:1.55;font-weight:700;color:var(--navy)}

.method-shift{margin-top:var(--s-head);font-size:var(--t-quote);line-height:1.3;font-weight:300;color:var(--ink);text-wrap:balance}
.method-shift .line-2{margin-top:4px;font-weight:700;text-wrap:balance}
.method-p{margin-top:20px}
.steps{margin:var(--s-block) 0 0;padding:0;list-style:none;border-top:1px solid var(--rule)}
.step{display:grid;grid-template-columns:54px minmax(0,1fr);column-gap:14px;padding-block:22px 24px;border-bottom:1px solid var(--rule)}
.step-n{grid-row:1/span 2;font-size:36px;font-weight:300;line-height:1;letter-spacing:-.03em;color:var(--navy);font-variant-numeric:lining-nums}
.step h3{font-size:var(--t-h3);line-height:1.3}
.step p{margin-top:6px}
.method-end{margin-top:var(--s-pull)}
.method-quote{font-weight:700}
.method-last{margin-top:24px;font-size:var(--t-lead);line-height:1.6}

.s-work h2{margin-bottom:var(--s-head)}

/* ================= chapter: decision ================= */
.about-grid{display:grid;gap:36px}
.about-text h2{margin-bottom:18px}
.about-lead{font-size:var(--t-intro);line-height:1.55;font-weight:500}
.about-text p+p{margin-top:18px}
.about-photo{background:var(--navy-deep)} /* v5: on phones the photo follows the text, so it never sits right under the videos */

.tdx{display:grid;gap:16px}
.tdx-card{padding:26px 22px 30px;border-radius:var(--r);background:var(--sand);color:var(--ink)}
.tdx-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px}
.tdx-lbl{font-size:15px;font-weight:600;letter-spacing:.03em;color:var(--gold-deep)}
.tdx-tag{order:2;padding:3px 12px;border:1px solid var(--gold-light);border-radius:999px;font-size:15px;font-weight:600;line-height:1.4;color:var(--gold-light)}
.tdx-count{display:flex;align-items:baseline;gap:10px;margin-top:18px;font-size:19px;font-weight:500;line-height:1;color:var(--ink-2)}
.tdx-count b{font-size:88px;font-weight:300;line-height:.8;letter-spacing:-.05em;color:var(--gold-text);font-variant-numeric:lining-nums}
/* v6: the short descriptor is plain text under the number, not a chip */
.tdx-pill{margin-top:14px;font-size:17px;font-weight:500;line-height:1.4;color:var(--ink-2)}
.tdx-card h3{margin-top:24px;padding-top:24px;border-top:1px solid var(--rule);font-size:var(--t-h3b);line-height:1.2}
.tdx-subt{margin-top:8px;font-size:17px;font-weight:600;color:var(--gold-deep)}
.tdx-desc{margin-top:14px}
.tdx-list{margin-top:22px}
.tdx-list li{font-size:18px;line-height:1.5}
.tdx-fit{margin-top:24px;padding-top:20px;border-top:1px solid var(--rule)}
.tdx-fit b{color:var(--ink)}
.band-sand .tdx-card:not(.is-popular){background:var(--paper)} /* v5: the tracks sit on a sand chapter */
.is-popular{background:var(--navy);color:var(--on-navy-2)}
.is-popular .tdx-lbl,.is-popular .tdx-subt{color:var(--gold-light)}
.is-popular .tdx-count{color:var(--on-navy-2)}
.is-popular .tdx-count b{color:var(--gold-light)}
.is-popular .tdx-pill{color:var(--on-navy-2)}
.is-popular h3,.is-popular .tdx-fit b{color:var(--on-navy)}
.is-popular h3,.is-popular .tdx-fit{border-color:var(--navy-line)}
.is-popular .ticks li::before{border-color:var(--gold-light)}

/* threshold: the close */
.s-close h2{color:var(--on-navy);font-size:var(--t-xl);line-height:1.07;letter-spacing:-.017em}
.close-body{margin-top:var(--s-head);color:var(--on-navy-2)}
.close-body p+p{margin-top:18px}
.s-close .pull{color:var(--gold-light)}
.s-close :focus-visible{outline-color:var(--gold-light)}

/* ---------- form ---------- */
.s-form{padding-block:var(--ch);background:var(--sand)}
.form-grid{display:grid;gap:26px}
.form-side h2{font-size:var(--t-h2)}
.wa-line{margin-top:14px;font-size:18px;color:var(--ink-2)}
.wa-line a{display:inline-flex;align-items:center;gap:7px;min-height:44px;color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;text-decoration-color:var(--field)}
.wa-line a:hover{text-decoration-color:var(--ink)}
.wa-ico{flex:none;color:#1F7A53}
.form-proof{display:none}
.lead-form{background:var(--paper);border:1px solid var(--hair-2);border-radius:var(--r);padding:24px 18px 22px}
.field{margin-bottom:20px}
.field>label,.chips legend{display:block;margin-bottom:8px;font-size:17px;font-weight:600;line-height:1.4;color:var(--ink)}
.opt{font-weight:400;color:var(--ink-2)}
.lead-form input[type=text],.lead-form input[type=email],.lead-form input[type=tel],.lead-form textarea{width:100%;min-height:54px;padding:12px 16px;
  font:400 18px/1.45 var(--font);color:var(--ink);background:var(--card);border:1px solid var(--field);border-radius:10px;appearance:none}
.lead-form textarea{min-height:120px;resize:vertical}
.lead-form input:focus-visible,.lead-form textarea:focus-visible{outline:3px solid var(--navy);outline-offset:1px;border-color:var(--navy)}
.hint{margin-top:8px;font-size:15px;line-height:1.5;color:var(--ink-2)}
.chips{border:0;margin:0 0 22px;padding:0;min-width:0}
.chips legend{padding:0}
.chips label{position:relative;display:inline-flex;margin:0 0 8px 6px;cursor:pointer}
.chips input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.chips span{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border:1px solid var(--field);border-radius:999px;background:var(--card);
  font-size:17px;line-height:1.2;color:var(--ink);transition:background-color .15s,color .15s,border-color .15s}
.chips label:hover span{border-color:var(--ink)}
.chips input:checked+span{background:var(--navy);border-color:var(--navy);color:var(--on-navy)}
.chips input:focus-visible+span{outline:3px solid var(--navy);outline-offset:2px}
.chips.has-error span{border-color:var(--error)}
.chips.has-error legend{color:var(--error)}
.terms{display:flex;align-items:flex-start;gap:10px;margin:4px 0 22px;font-size:16px;line-height:1.5;color:var(--ink);cursor:pointer}
.terms input{flex:none;width:22px;height:22px;margin:2px 0 0;accent-color:var(--navy)}
.terms a{color:var(--ink);text-underline-offset:4px}
.lead-form .btn{width:100%}
.form-done{min-height:1.6em;margin-top:12px;font-size:16px;color:var(--ink)}
.form-done:empty{min-height:0;margin:0}

/* ---------- footer ---------- */
.site-foot{background:var(--navy-deep);color:var(--on-navy-2);padding-block:64px calc(108px + env(safe-area-inset-bottom));font-size:17px;line-height:1.7}
.slogan{font-size:var(--t-pull);font-weight:800;line-height:1.1;letter-spacing:-.012em;color:var(--on-navy);text-wrap:balance}
.foot-info{margin-top:36px;padding-top:28px;border-top:1px solid var(--navy-line)}
.foot-title{color:var(--on-navy);font-weight:700;margin-bottom:4px}
.foot-links{margin-top:14px}
.site-foot a{color:var(--on-navy);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:var(--navy-line)}
.site-foot a:hover{text-decoration-color:var(--on-navy)}
.site-foot :focus-visible{outline-color:var(--gold-light)}

/* ---------- phone sticky CTA (sticky-fix.js toggles .on) ---------- */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px max(var(--gx),env(safe-area-inset-right)) 10px max(var(--gx),env(safe-area-inset-left));
  padding-bottom:calc(10px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--hair);
  transform:translateY(110%);visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s}
.sticky-cta.on{transform:none;visibility:visible;transition:transform .3s ease}
.sticky-cta .btn{width:100%}

/* ================= tablet ================= */
@media (min-width:600px){
  :root{--gx:32px;--ch:104px;--in:72px;--th:104px;--s-block:48px;--s-pull:64px}
  .top-in{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}
  .top-nav{gap:28px;margin-top:0;padding-bottom:0}
  .top-nav .top-cta{position:relative;top:auto;left:auto;padding:0 21px}
  .top-nav .top-cta::before{inset:5px 0}
  .top-nav a{font-size:16px}
  .s-hero{padding-block:48px 56px}
  .proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .videos{grid-template-columns:repeat(3,minmax(0,1fr))}
  .videos video:nth-child(3){grid-column:auto;width:100%}
  .lead-form{padding:34px 32px 30px}
  .personal-photo{max-width:666px}
  .tdx-card{padding:34px 32px 36px}
  /* reading measure for long lines (≤ ~65 characters) */
  .und-p,.offer-lead,.personal-body,.sk-p,.layers-p,.layers-after,.why-lead,.why-body,.why-close,.me-story,.heard-lead,.method-p,.method-last,.tdx-desc,
  .journey-body,.belief-body,.rp-intro,.close-body,.pain-body,.s-future .rail-body,.about-text{max-width:34em}
}
@media (min-width:761px){ .sticky-cta{display:none} }

@media (min-width:760px){
  .s-hero{padding-block:56px 72px}
  .hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(36px,5.6vw,96px);align-items:center}
  .hero-photo{grid-column:1;grid-row:1}
  .hero-photo img{aspect-ratio:2/3;max-height:calc(100vh - 176px);min-height:420px;object-fit:cover;object-position:50% 20%}
  .hero-text{grid-column:2;grid-row:1}
  .hero-intro{margin-top:28px;font-size:19px;max-width:34em}
  .hero-promise{font-size:19px}
  .s-hero .cta-row{margin-top:28px}

  .pause img{aspect-ratio:2/1;max-height:72vh;object-position:68% 50%}

  .offer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .og-how{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .og-how .og-part+.og-part{margin-top:0;padding-top:0;border-top:0;padding-inline-start:36px;margin-inline-start:36px;border-inline-start:1px solid var(--navy-line)}
  .og{padding:34px 32px 36px}

  /* the layers table */
  .layers{display:table;table-layout:fixed}
  .layers thead{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;clip-path:none;white-space:normal;display:table-header-group}
  .layers tbody{display:table-row-group}
  .layers tr,.layers tbody tr{display:table-row;padding:0;border:0}
  .layers th,.layers td{display:table-cell;vertical-align:top;text-align:start;margin:0;padding-block:24px 26px;padding-inline:0 28px;border-top:1px solid var(--hair)}
  .layers th:last-child,.layers td:last-child{padding-inline-end:0}
  .layers thead th{padding-block:0 14px;border-top:0;border-bottom:1px solid var(--hair-2);font-size:15px;font-weight:600;line-height:1.4;color:var(--gold-deep)}
  .layers thead th:nth-child(1){width:15%}
  .layers thead th:nth-child(2){width:21%}
  .layers thead th:nth-child(3){width:25%}
  .layers thead th:nth-child(4){width:39%}
  .layers tbody tr:first-child th,.layers tbody tr:first-child td{border-top:0}
  .layers tbody tr:last-child th,.layers tbody tr:last-child td{border-bottom:1px solid var(--hair-2)}
  .layers td::before{content:none}
}

/* ================= desktop: one 12-column grid. side column = 1–5 (heads, sticky), reading column = 7–12 ================= */
@media (min-width:1000px){
  :root{--gx:56px;--ch:136px;--in:88px;--th:128px;--gap:32px;--s-head:32px;--s-block:56px;--s-pull:80px;--s-p:24px;
    --t-intro:28px;--t-lead:22px;--t-h3:23px;--t-h3b:26px;--t-list:21px}
  body{font-size:19px}
  .site-top{position:sticky;top:0}
  html{scroll-padding-top:88px}

  .s-pain .wrap,.s-understand .wrap,.choice-grid,.s-journey .wrap,.s-pillars .wrap,.pillar,.pillars-head,.dream,.offer-head,.personal-grid,
  .sec-head,.proof-intro,.s-stories .wrap,.s-future .wrap,.s-layers .wrap,.layers-head,.why-main,.why-grid,.me-grid,.me-split,.heard-wrap,
  .s-belief .wrap,.s-reprogram .wrap,.s-method .wrap,.method-head,.method-end,.s-work .wrap,.about-grid,.s-close .wrap,.form-grid{
    display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:start}
  .pillar,.pillars-head,.dream,.offer-head,.layers-head,.why-main,.me-split,.heard-wrap,.method-head,.method-end{grid-column:1/-1}

  /* recognition */
  .pain-body{grid-column:1/-1;display:grid;grid-template-columns:subgrid;row-gap:40px;max-width:none}
  .pain-body p:first-child{grid-column:1/span 9;font-size:var(--t-intro);line-height:1.5;letter-spacing:-.006em}
  .pain-body p+p{grid-column:7/span 6;font-size:var(--t-lead)}
  .pain-turn{grid-column:1/-1;margin-top:var(--s-pull)}
  .und-h{grid-column:1/span 11}
  .und-p{grid-column:7/span 6;margin-top:var(--s-block)}

  /* threshold: choice */
  .choice-a{grid-column:1/span 5;font-size:22px}
  .choice-or{grid-column:6/span 2;flex-direction:column;justify-content:center;align-self:stretch;font-size:56px;gap:22px}
  .choice-or::before,.choice-or::after{width:1px;height:auto;min-height:48px}
  .choice-b{grid-column:8/span 5;font-size:24px}

  /* a different way */
  .journey-lead{grid-column:1/span 5;position:sticky;top:var(--stick);font-size:var(--t-intro);line-height:1.5;letter-spacing:-.006em}
  .journey-body{grid-column:7/span 6;margin-top:0}
  .journey-imagine{line-height:1.55}
  .pillars-head{margin-bottom:var(--s-block)}
  .pillars-head h2{grid-column:1/span 10}
  .pillars-intro{grid-column:7/span 6;margin-top:var(--s-head)}
  .pillar{padding-block:44px}
  .pillar:first-of-type{padding-top:0}
  .pillar:last-of-type{padding-bottom:0}
  .pillar .pillar-h{grid-column:1/span 5;margin:0;padding-inline-end:24px}
  .pillar p{grid-column:7/span 6}

  /* the process and the offer */
  .dream-q{grid-column:1/span 10}
  .dream-list{grid-column:7/span 6;gap:12px;margin-top:var(--s-block)}
  .dream-list span{font-size:24px}
  .dream-after{grid-column:7/span 6;font-size:var(--t-lead)}
  .offer-head .label,.offer-head h2{grid-column:1/span 10}
  .offer-lead{grid-column:7/span 6;line-height:1.5;max-width:none}
  .offer-grid{margin-top:72px}
  .personal-head{grid-column:1/span 5;grid-row:1/span 2}
  .personal-photo{grid-column:7/span 6;margin-top:0;max-width:none}
  .personal-body{grid-column:7/span 6;max-width:none}
  .sec-head h2{grid-column:1/span 10;margin-bottom:12px}
  .tracks-sub{grid-column:1/span 10}
  .tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:56px}
  .track{padding:40px 36px 8px}
  .track:first-child{padding-inline-start:0}
  .track:last-child{padding-inline-end:0}
  .track+.track{border-top:0;border-inline-start:1px solid var(--hair-2)}
  .track-count{margin-bottom:24px}
  .track-count b{font-size:120px}
  .tracks + .cta-row{margin-top:var(--s-block)}

  /* proof */
  .proof-intro{align-items:end}
  .sk-head{grid-column:1/span 7}
  .sk-p{grid-column:8/span 5;margin-top:0}
  .proof-head{margin-bottom:32px}
  .proof-head h2{font-size:30px}
  .proof-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .proof-grid.is-wall{height:600px;gap:12px}
  .is-wall figure{margin-bottom:12px}
  .is-wall figure img{border-radius:var(--r-m)}
  .s-stories h2{grid-column:1/span 5;position:sticky;top:var(--stick);margin-bottom:0}
  .s-stories .rail-body{grid-column:7/span 6}
  .stories-grid{gap:20px}
  .videos{gap:20px}

  /* going deeper */
  .s-future h2{grid-column:1/span 5;grid-row:1/span 3;position:sticky;top:var(--stick);align-self:start;margin-bottom:0;padding-inline-end:8px}
  .s-future .rail-body{grid-column:7/span 6;max-width:none}
  .s-future .future-strong{grid-column:7/span 6;margin-top:var(--s-pull)}
  .s-future .rail-body-2{margin-top:var(--s-head)}
  .layers-head{display:grid;grid-template-columns:subgrid}
  .layers-head .label,.layers-head h2{grid-column:1/span 10}
  .layers-p{grid-column:7/span 6;max-width:none;margin-top:var(--s-block)}
  .layers{grid-column:1/-1;margin-top:72px}
  .layers td{font-size:20px}
  .layers tbody th{font-size:26px}
  .layers-after{grid-column:7/span 6;max-width:none;margin-top:52px}
  .layers-q{grid-column:1/-1}
  .why-main{grid-template-columns:subgrid}
  .why-side{grid-column:1/span 5;position:sticky;top:var(--stick);align-self:start;padding-inline-end:8px}
  .why-lead{font-weight:400;line-height:1.5}
  .why-body{grid-column:7/span 6;margin-top:0;max-width:none}
  .reasons{margin-top:28px}
  .reason{padding-block:28px 30px}
  .why-punch{grid-column:1/-1;margin-top:var(--s-pull)}
  .why-close{grid-column:7/span 6;max-width:none;margin-top:var(--s-head)}
  .s-why .cta-row{grid-column:7/span 6}

  /* who Oscar is */
  .me-split{grid-template-columns:subgrid}
  .me-head{grid-column:1/span 5;position:sticky;top:var(--stick);align-self:start}
  .me-story{grid-column:7/span 6;margin-top:0;max-width:none;padding-top:8px}
  .me-first{font-size:var(--t-intro);line-height:1.5}
  .me-quote{grid-column:1/span 10;margin-top:var(--s-pull);padding-inline-start:32px}
  .heard-wrap{grid-template-columns:subgrid}
  .heard-lead{grid-column:1/span 10}
  .heard{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gap);margin-top:32px;border-top:0}
  .heard-item{padding-block:28px 0;border-bottom:0;border-top:1px solid var(--rule)}
  .belief-lead{grid-column:1/span 5;position:sticky;top:var(--stick);font-size:var(--t-intro);line-height:1.5;letter-spacing:-.006em}
  .belief-body{grid-column:7/span 6;margin-top:0;max-width:none}

  /* the method */
  /* v6: like the pain section, the opening line is wide and the body sits in the reading column (≤ ~65 characters) */
  .rp-intro{grid-column:1/-1;display:grid;grid-template-columns:subgrid;row-gap:28px;max-width:none}
  .rp-intro p+p{margin-top:0}
  .rp-lead{grid-column:1/span 9;font-size:var(--t-intro);line-height:1.5}
  .rp-intro p:not(.rp-lead){grid-column:7/span 6}
  .rp-q{grid-column:1/-1;margin-top:56px}
  .rp-list{grid-column:7/span 6;margin-top:56px}
  .rp-list li{padding-block:18px}
  .rp-answer{grid-column:7/span 6;font-size:var(--t-h3b);line-height:1.45;margin-top:48px}
  .method-head .label,.method-head h2{grid-column:1/span 10}
  .method-shift{grid-column:1/span 10;margin-top:var(--s-block)}
  .method-p{grid-column:7/span 6;max-width:none;margin-top:var(--s-head)}
  .steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gap);row-gap:56px;margin-top:72px;border-top:0}
  .step{display:block;padding-block:28px 0;border-bottom:0;border-top:1px solid var(--rule)}
  .step-n{display:block;margin-bottom:20px;font-size:68px;line-height:.8;letter-spacing:-.045em}
  .step p{margin-top:10px}
  .method-quote{grid-column:1/span 10;padding-inline-start:32px}
  .method-last{grid-column:7/span 6;margin-top:var(--s-head);font-size:var(--t-lead);max-width:none}
  .s-work h2{grid-column:1/span 5;position:sticky;top:var(--stick);margin-bottom:0;padding-inline-end:8px}
  .work-list{grid-column:7/span 6}
  .work-list li{padding-block:17px 18px}

  /* decision */
  .about-grid{align-items:center}
  /* v5: the photo takes the side column (like the hero), so it does not stack under the videos of the section above */
  .about-text{grid-column:7/span 6;grid-row:1;max-width:none}
  .about-photo{order:0;grid-column:1/span 5;grid-row:1}
  .about-lead{font-size:var(--t-intro);line-height:1.5}
  .tdx{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(8,auto);gap:0 20px}
  .tdx-card{display:grid;grid-template-rows:subgrid;grid-row:span 8;align-content:start;padding:34px 26px 36px}
  .tdx-count b{font-size:112px}
  /* the heading row keeps its rule at the top (aligned across the three cards) and its words at the bottom, next to the subtitle */
  .tdx-card h3{display:flex;flex-direction:column;justify-content:flex-end}
  .s-tracks-detail .cta-row{margin-top:48px}

  /* threshold: close */
  .s-close h2{grid-column:1/span 6}
  .close-body{grid-column:8/span 5;align-self:end;margin-top:0;font-size:20px}
  .s-close .pull{grid-column:1/-1;margin-top:var(--s-pull);padding-top:var(--s-head);border-top:1px solid var(--navy-line)}

  /* form */
  .form-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(40px,6vw,96px)}
  .form-side{position:sticky;top:var(--stick)}
  .form-proof{display:block;margin-top:40px;max-width:380px}
  .lead-form{padding:44px 44px 40px}

  .foot-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--gap);align-items:end}
  .foot-info{margin-top:0;padding-top:0;border-top:0}
  .site-foot{padding-block:96px 72px}
}
@media (min-width:1100px){
  .offer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .og-how{grid-column:auto;grid-row:auto;display:block}
  .og-how .og-part+.og-part{margin-top:28px;padding-top:26px;padding-inline-start:0;margin-inline-start:0;border-inline-start:0;border-top:1px solid var(--navy-line)}
}
@media (min-width:1200px){
  .tdx-card{padding:38px 34px 40px}
  .pause img{aspect-ratio:1800/608}
}

/* reduced motion */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .is-wall .wtrack{animation:none}
  .sticky-cta,.sticky-cta.on{transition:none}
  .hl-m,.hl-u{transition:none}
}

/* 7.10: the tracks heading moved here when the short tracks section was removed (Oscar) */
.s-tracks-detail .sec-head{margin-bottom:clamp(32px,4vw,56px)}

/* 7.10: the top header was removed (Oscar). No sticky bar any more, so the sticky side columns and anchor targets sit closer to the top. */
:root{--stick:40px}
@media (min-width:0px){html{scroll-padding-top:16px}}

/* review fixes (7.10): the lead-in returns above the question it introduces; no lone last word in the understand lead */
@media (min-width:1000px){
  .rp-intro p.rp-ask:not(.rp-lead){grid-column:1/span 9}
  .und-p{text-wrap:balance}
}


/* ===== Live Fluent form #3 inside the approved design (7.10.2026) =====
   Same look as the preview's replica form; the one-tap questions come from form.js (.om-*). */
.lead-form-live .fluentform{margin:0;font-family:var(--font)}
.lead-form-live .fluentform *{font-family:inherit}
.lead-form-live .ff-el-group{margin-bottom:20px}
.lead-form-live .ff-t-container{display:block}
.lead-form-live .ff-t-cell{padding:0;width:100%}
.lead-form-live .ff-el-input--label{margin-bottom:8px}
.lead-form-live .ff-el-input--label label,.lead-form-live .om-label{display:block;margin:0;font-size:17px;font-weight:600;line-height:1.4;color:var(--ink)}
.lead-form-live .ff-el-input--label.ff-el-is-required.asterisk-right label:after,.lead-form-live .om-req{color:var(--gold-deep);margin-inline-start:4px}
.lead-form-live .ff-el-form-control{width:100%;min-height:54px;padding:12px 16px;border:1px solid var(--field);border-radius:12px;background:var(--card);
  color:var(--ink);font:400 18px/1.5 var(--font);box-shadow:none;transition:border-color .15s}
.lead-form-live textarea.ff-el-form-control{min-height:120px;resize:vertical}
.lead-form-live .ff-el-form-control:focus{outline:3px solid var(--navy);outline-offset:1px;border-color:var(--navy);box-shadow:none}
.lead-form-live input[type=tel],.lead-form-live input[type=email]{direction:ltr;text-align:right}
.lead-form-live .om-hint{margin:8px 0 0;font-size:15px;line-height:1.5;color:var(--ink-2)}
/* one-tap questions */
.lead-form-live .om-q{margin-bottom:22px}
.lead-form-live .om-q .om-label{margin-bottom:10px}
.lead-form-live .om-chips{display:flex;flex-wrap:wrap;gap:8px;border:0;margin:0;padding:0;min-width:0}
.lead-form-live .om-chips label{position:relative;display:inline-flex;margin:0;cursor:pointer}
.lead-form-live .om-chips input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.lead-form-live .om-chips span{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border:1px solid var(--field);border-radius:999px;
  background:var(--card);color:var(--ink);font-size:16px;font-weight:500;line-height:1.3;transition:background .15s,border-color .15s,color .15s}
.lead-form-live .om-chips label:hover span{border-color:var(--ink)}
.lead-form-live .om-chips label.is-on span,.lead-form-live .om-chips input:checked+span{background:var(--navy);border-color:var(--navy);color:var(--on-navy)}
.lead-form-live .om-chips input:focus-visible+span{outline:3px solid var(--navy);outline-offset:2px}
.lead-form-live .om-err{margin:8px 0 0;font-size:15px;font-weight:700;color:var(--error,#B3261E)}
.lead-form-live .om-free .om-opt{display:block;margin-top:2px;font-size:15px;font-weight:400;color:var(--ink-2)}
/* terms */
.lead-form-live .ff-el-form-check{margin:4px 0 22px}
.lead-form-live .ff-el-form-check-label{display:flex;align-items:flex-start;gap:10px;font-size:16px;line-height:1.5;color:var(--ink);cursor:pointer}
.lead-form-live .ff_tc_checkbox{flex:none;padding-top:2px}
.lead-form-live .ff-el-form-check-input{width:22px;height:22px;margin:0;accent-color:var(--navy)}
.lead-form-live .ff_t_c a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
/* submit = the page's gold CTA */
.lead-form-live .ff_submit_btn_wrapper{margin:0}
.lead-form-live .ff-btn-submit,.lead-form-live .ff-btn-submit:hover,.lead-form-live .ff-btn-submit:focus{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:0 32px;
  border:0;border-radius:999px;background:var(--gold)!important;color:var(--ink)!important;font:700 18px/1.1 var(--font);letter-spacing:.003em;box-shadow:none;opacity:1;cursor:pointer}
.lead-form-live .ff-btn-submit:hover{background:var(--gold-hover)!important}
.lead-form-live .ff-btn-submit:active{background:var(--gold-press)!important}
.lead-form-live .ff-btn-submit:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
/* Fluent messages */
.lead-form-live .error.text-danger,.lead-form-live .ff-el-is-error .text-danger{margin-top:6px;font-size:15px;font-weight:600;color:var(--error,#B3261E)}
.lead-form-live .ff-el-is-error .ff-el-form-control{border-color:var(--error,#B3261E)}
.lead-form-live .ff-message-success{padding:20px 22px;border:1px solid var(--hair-2);border-radius:12px;background:var(--card);
  color:var(--ink);font-size:18px;line-height:1.6;box-shadow:none}
.lead-form-live .ff-errors-in-stack{margin-top:12px}
.lead-form-live .ff-el-tc label.ff_tc_label{display:flex!important;align-items:flex-start;gap:10px}
.lead-form-live .ff-el-tc a,.lead-form-live .ff_t_c a{color:var(--ink)!important;text-decoration:underline;text-underline-offset:4px}

/* the theme's blue back-to-top square is off-brand and sat under the sticky CTA on phones */
#ast-scroll-top{display:none!important}