/* GERBFLOW funnel landing pages (/go/*). Loaded after gf-2026.css.
   A funnel page is not the home page: one offer, one action, no exits. The structure follows the
   reel breakdown (10-02): big real number in the first screen, "three parts" said up front and
   delivered in order, one specific student with real numbers, the objection answered on screen,
   the inside of the product shown, then the price and the single CTA, repeated.
   Each page sets its accent on <body data-door="...">, so --c / --t come from gf-2026.css. */

body[data-door] { --acc: var(--c); --acc-t: var(--t); }
body[data-door="algo"] { --acc: #F2701F; }

/* ---------- top bar: brand (not a link) + the one CTA ---------- */
.fn-bar {
  position: sticky; top: 0; z-index: 100; height: var(--nav-h);
  display: flex; align-items: center; justify-content: space-between; gap: var(--s-4);
  padding: 0 var(--gutter);
  background: rgba(11, 11, 12, .9); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line);
}
.fn-brand { display: inline-flex; align-items: center; gap: .6rem; }
.fn-brand .gf-brand-word { font-size: 1.15rem; }
.fn-brand small { font: 600 var(--fs-micro)/1 var(--f-text); letter-spacing: .14em; text-transform: uppercase; color: var(--acc-t); padding-left: .7rem; margin-left: .1rem; border-left: 1px solid var(--line-2); }

/* accent CTA (program colour) */
.fn-cta { --c: var(--acc); }
body[data-door="algo"] .fn-cta:not(.gf-btn--line) { background: var(--burn); color: #0A0605; }
/* red and blurple take white type (gf-2026.css sets --on-c per door, but .gf-btn resets it to gold's) */
body[data-door="free"] .fn-cta { --on-c: #FFFFFF; }
/* 11-04: Founders is black & white now (#F0F0F0 button), so its CTA takes dark type; white-on-white before */
body[data-door="fd"] .fn-cta { --on-c: #0B0B0C; }

/* ---------- hero ---------- */
.fn-hero { position: relative; overflow: hidden; border-bottom: 1px solid var(--line); }
.fn-hero::before {
  content: ''; position: absolute; inset: -20% -10% auto auto; width: 60vw; height: 60vw; max-width: 820px; max-height: 820px;
  background: radial-gradient(closest-side, color-mix(in srgb, var(--acc) 22%, transparent), transparent 70%);
  pointer-events: none; z-index: 0;
}
.fn-hero-in { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; padding-top: clamp(2.5rem, 7vw, 6rem); padding-bottom: clamp(2.5rem, 7vw, 6rem); }
.fn-kicker { display: inline-flex; align-items: center; gap: .6rem; margin-bottom: var(--s-5); }
.fn-kicker .gf-label { color: var(--acc-t); }
.fn-hook { display: flex; align-items: baseline; flex-wrap: wrap; gap: .25rem .9rem; margin-bottom: var(--s-4); }
.fn-hook-num { font: var(--w-display) clamp(3.4rem, 10vw, 6.4rem)/.9 var(--f-display); font-stretch: 72%; color: var(--acc-t); font-variant-numeric: tabular-nums; letter-spacing: -.005em; }
body[data-door="algo"] .fn-hook-num { background: var(--burn); -webkit-background-clip: text; background-clip: text; color: transparent; }
.fn-hook-cap { font: 600 var(--fs-small)/1.35 var(--f-text); letter-spacing: .1em; text-transform: uppercase; color: var(--bone-2); max-width: 18ch; }
.fn-hero h1 { font-size: clamp(2.2rem, 5.4vw, 3.6rem); margin-bottom: var(--s-5); }
.fn-hero h1 span { color: var(--acc-t); }
.fn-hero .gf-lead { margin-bottom: var(--s-6); max-width: 46ch; }
.fn-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.25rem; }
.fn-trust { display: flex; flex-wrap: wrap; gap: .4rem 1.1rem; margin-top: var(--s-5); list-style: none; }
.fn-trust li { display: inline-flex; align-items: center; gap: .45rem; font-size: var(--fs-small); color: var(--bone-3); }
.fn-trust li::before { content: ''; width: 6px; height: 6px; background: var(--acc); transform: rotate(45deg); flex: none; }
body[data-door="algo"] .fn-trust li::before { background: var(--burn); }

/* media frame on the right */
.fn-media { position: relative; border: 1px solid var(--line-2); background: var(--ink-1); box-shadow: 0 40px 80px -40px rgba(0,0,0,.9); }
.fn-media img, .fn-media video { width: 100%; height: auto; }
.fn-media img { max-height: 520px; object-fit: cover; object-position: top center; }
.fn-media-proof { width: min(100%, 400px); justify-self: center; }
.fn-media-proof img { max-height: none; }
.fn-media-wide { grid-column: 1 / -1; }   /* wide live-session screenshot sits under the hero text */
.fn-media-wide img { max-height: none; }
@media (max-width: 720px) { .fn-media-wide img { aspect-ratio: 4 / 3; object-fit: cover; object-position: 58% top; } }   /* phones: chart edge + the live room */
.fn-media-bar { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .55rem .8rem; border-bottom: 1px solid var(--line); }
.fn-media-bar .gf-label { color: var(--bone-3); }
.fn-media-bar i { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--line-2); margin-right: 4px; }
.fn-media-tag { position: absolute; left: -1px; bottom: -1px; padding: .5rem .8rem; background: var(--acc); color: var(--on-c, #0B0B0C); font: 650 .75rem/1 var(--f-text); letter-spacing: .1em; text-transform: uppercase; }
body[data-door="algo"] .fn-media-tag { background: var(--burn); color: #0A0605; }

/* ---------- proof strip ---------- */
.fn-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid var(--line); }
.fn-stat { padding: var(--s-6) var(--gutter); }
.fn-stat + .fn-stat { border-left: 1px solid var(--line); }
.fn-stat b { display: block; font: var(--w-display) clamp(2rem, 4.4vw, 3rem)/1 var(--f-display); font-stretch: 72%; color: var(--bone); font-variant-numeric: tabular-nums; margin-bottom: .55rem; }
.fn-stats-note { padding: var(--s-3) var(--gutter); border-bottom: 1px solid var(--line); }

/* ---------- section heads ---------- */
.fn-sec { padding: clamp(4rem, 9vw, 7rem) 0; }
.fn-sec + .fn-sec { border-top: 1px solid var(--line); }
.fn-head { max-width: 46rem; margin-bottom: clamp(2rem, 5vw, 3.5rem); }
.fn-head .gf-label { display: block; color: var(--acc-t); margin-bottom: var(--s-4); }
.fn-head .gf-h2 { margin-bottom: var(--s-4); }
.fn-head .gf-h2 span { color: var(--acc-t); }

/* ---------- three parts ---------- */
.fn-parts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--line-2); }
.fn-part { padding: var(--s-6) var(--s-6) var(--s-6) 0; }
.fn-part + .fn-part { padding-left: var(--s-6); border-left: 1px solid var(--line); }
.fn-part-n { font: var(--w-display) 3rem/1 var(--f-display); font-stretch: 72%; color: transparent; -webkit-text-stroke: 1px var(--acc); margin-bottom: var(--s-5); }
.fn-part h3 { margin-bottom: var(--s-3); }
.fn-part p { color: var(--bone-2); font-size: .975rem; line-height: 1.65; }
.fn-part ul { list-style: none; margin-top: var(--s-4); display: grid; gap: .45rem; }
.fn-part li { display: flex; gap: .55rem; font-size: var(--fs-small); color: var(--bone-2); line-height: 1.5; }
.fn-part li::before { content: ''; flex: none; width: 10px; height: 1px; margin-top: .7em; background: var(--acc); }

/* ---------- story ---------- */
.fn-story { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(2rem, 6vw, 6rem); align-items: start; }
.fn-story-nums { display: grid; gap: 0; border-top: 1px solid var(--line-2); }
.fn-story-nums div { padding: var(--s-5) 0; border-bottom: 1px solid var(--line); }
.fn-story-nums b { display: block; font: var(--w-display) clamp(2.2rem, 4.6vw, 3.25rem)/1 var(--f-display); font-stretch: 72%; color: var(--acc-t); font-variant-numeric: tabular-nums; margin-bottom: .5rem; }
.fn-quote { font-size: clamp(1.15rem, 1.9vw, 1.45rem); line-height: 1.55; color: var(--bone); text-wrap: pretty; }
.fn-quote::before { content: '\201C'; display: block; font: 700 4rem/0.6 var(--f-display); color: var(--acc); margin-bottom: .6rem; }
.fn-cite { display: flex; align-items: center; gap: .8rem; margin-top: var(--s-5); }
.fn-cite strong { font-weight: 600; }
.fn-cite span { color: var(--bone-3); font-size: var(--fs-small); }

/* ---------- inside (screens) ---------- */
.fn-shots { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-4); }
.fn-shot { border: 1px solid var(--line); background: var(--ink-1); }
.fn-shot img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: top left; }
.fn-shot figcaption { padding: .8rem 1rem; font-size: var(--fs-small); color: var(--bone-2); border-top: 1px solid var(--line); }
.fn-shot figcaption b { display: block; color: var(--bone); font-weight: 600; margin-bottom: .15rem; }

/* ---------- fit / not fit ---------- */
.fn-fit { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); border-top: 1px solid var(--line-2); }
.fn-fit > div { padding: var(--s-6) var(--s-6) var(--s-6) 0; }
.fn-fit > div + div { padding-left: var(--s-6); border-left: 1px solid var(--line); }
.fn-fit h3 { margin-bottom: var(--s-4); }
.fn-fit ul { list-style: none; display: grid; gap: .7rem; }
.fn-fit li { display: flex; gap: .7rem; color: var(--bone-2); line-height: 1.5; }
.fn-fit li::before { content: '+'; flex: none; width: 1.1rem; color: var(--acc-t); font-weight: 600; }
.fn-fit .no li::before { content: '\2013'; color: var(--bone-3); }

/* ---------- offer ---------- */
.fn-offer { display: grid; grid-template-columns: repeat(var(--plans, 2), minmax(0, 1fr)); gap: var(--s-4); }
.fn-plan { display: flex; flex-direction: column; padding: var(--s-6); border: 1px solid var(--line-2); background: var(--ink-1); }
.fn-plan.is-main { border-color: var(--acc); box-shadow: inset 0 3px 0 var(--acc); }
.fn-plan-top { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-bottom: var(--s-4); }
.fn-plan-badge { font: 650 .6875rem/1 var(--f-text); letter-spacing: .12em; text-transform: uppercase; color: var(--on-c, #0B0B0C); background: var(--acc); padding: .35rem .5rem; }
body[data-door="algo"] .fn-plan-badge { background: var(--burn); color: #0A0605; }
.fn-price { display: flex; align-items: baseline; gap: .15rem; font: var(--w-display) clamp(3rem, 6vw, 4.2rem)/1 var(--f-display); font-stretch: 72%; color: var(--bone); font-variant-numeric: tabular-nums; }
.fn-price sup { font-size: .42em; align-self: flex-start; margin-top: .2em; }
.fn-price small { font: 500 var(--fs-small)/1 var(--f-text); color: var(--bone-3); margin-left: .5rem; letter-spacing: 0; }
.fn-plan .gf-note { margin: .6rem 0 var(--s-5); }
.fn-plan ul { list-style: none; display: grid; gap: .55rem; margin-bottom: var(--s-6); }
.fn-plan li { display: flex; gap: .6rem; font-size: .9375rem; color: var(--bone-2); line-height: 1.45; }
.fn-plan li::before { content: ''; flex: none; width: 8px; height: 8px; margin-top: .45em; border: 1px solid var(--acc); transform: rotate(45deg); }
.fn-plan .gf-btn { margin-top: auto; width: 100%; }
.fn-offer-foot { margin-top: var(--s-5); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-4); }

/* spots counter (mentorship) */
.fn-spots { display: inline-flex; align-items: center; gap: .7rem; padding: .55rem .8rem; border: 1px solid var(--line-2); }
.fn-spots-dots { display: flex; gap: 5px; }
.fn-spots-dots i { width: 9px; height: 9px; background: var(--ink-3); border: 1px solid var(--line-2); transform: rotate(45deg); }
.fn-spots-dots i.on { background: var(--acc); border-color: var(--acc); }
.fn-spots-text { font: 600 var(--fs-micro)/1 var(--f-text); letter-spacing: .12em; text-transform: uppercase; color: var(--bone-2); }
.fn-spots[hidden] { display: none; }

/* ---------- table (algo) ---------- */
.fn-table-wrap { overflow-x: auto; border: 1px solid var(--line-2); }
.fn-table { width: 100%; border-collapse: collapse; min-width: 560px; font-variant-numeric: tabular-nums; }
.fn-table th, .fn-table td { padding: .9rem 1.1rem; text-align: left; border-bottom: 1px solid var(--line); font-size: .9375rem; }
.fn-table thead th { font: 600 var(--fs-micro)/1.2 var(--f-text); letter-spacing: .12em; text-transform: uppercase; color: var(--bone-3); background: var(--ink-1); }
.fn-table td:first-child { color: var(--bone-2); }
.fn-table td b { color: var(--bone); font-weight: 600; }
.fn-table tr:last-child td { border-bottom: 0; }
.fn-disclose { margin-top: var(--s-4); padding: var(--s-4) var(--s-5); border-left: 2px solid var(--acc); background: var(--ink-1); font-size: var(--fs-small); color: var(--bone-2); line-height: 1.6; }

/* ---------- FAQ ---------- */
.fn-faq { border-top: 1px solid var(--line-2); max-width: 54rem; }
.fn-faq details { border-bottom: 1px solid var(--line); }
.fn-faq summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.25rem 0; font-weight: 600; font-size: 1.0625rem; }
.fn-faq summary::-webkit-details-marker { display: none; }
.fn-faq summary::after { content: '+'; font: 400 1.5rem/1 var(--f-text); color: var(--acc-t); transition: transform .25s var(--ease); }
.fn-faq details[open] summary::after { transform: rotate(45deg); }
.fn-faq details p { padding: 0 0 1.35rem; color: var(--bone-2); max-width: 64ch; line-height: 1.65; }

/* ---------- final CTA ---------- */
.fn-final { background: var(--acc); color: var(--on-c, #0B0B0C); }
body[data-door="algo"] .fn-final { background: var(--burn); color: #0A0605; }
.fn-final-in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-6); padding-top: clamp(3.5rem, 8vw, 6rem); padding-bottom: clamp(3.5rem, 8vw, 6rem); }
.fn-final h2 { color: inherit; max-width: 16ch; }
.fn-final p { margin-top: var(--s-4); max-width: 46ch; opacity: .85; }
.fn-final .gf-btn { --c: var(--ink-0); --on-c: var(--bone); background: var(--ink-0); color: var(--bone); }

/* ---------- footer (legal only, no nav) ---------- */
.fn-foot { padding: var(--s-6) 0 var(--s-6); border-top: 1px solid var(--line); color: var(--bone-3); font-size: .8125rem; line-height: 1.75; }
.fn-foot a { color: var(--bone-2); }
.fn-foot-row { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 2rem; margin-bottom: var(--s-3); }

/* ---------- coming-soon tag (stocks / options) ---------- */
.fn-soon { display: inline-flex; align-items: center; gap: .45rem; font: 650 .6875rem/1 var(--f-text); letter-spacing: .12em; text-transform: uppercase; color: var(--acc-t); border: 1px solid color-mix(in srgb, var(--acc) 55%, transparent); padding: .35rem .55rem; }
body[data-door="algo"] .fn-soon { color: var(--t-algo); border-color: rgba(242, 112, 31, .55); }

/* ---------- inline waitlist form: form[data-waitlist], handled in js/funnel.js ---------- */
.fn-wl { display: grid; gap: .6rem; width: 100%; max-width: 30rem; }
.fn-wl-row { display: flex; gap: .5rem; }
.fn-wl input[type="email"], .fn-lead input[type="email"], .fn-lead input[type="text"] {
  flex: 1; min-width: 0; min-height: 48px; padding: 0 .9rem; border: 1px solid var(--line-2); border-radius: var(--radius);
  background: var(--ink-0); color: var(--bone); font: 400 1rem/1 var(--f-text);
}
.fn-wl input:focus-visible, .fn-lead input:focus-visible { outline: 2px solid var(--acc); outline-offset: 1px; border-color: var(--acc); }
.fn-wl .gf-btn { flex: none; }
.fn-wl .gf-btn[disabled], .fn-lead .gf-btn[disabled] { opacity: .6; cursor: wait; }
.fn-wl-msg { min-height: 1.3em; font-size: var(--fs-small); line-height: 1.45; color: var(--bone-3); }
.fn-wl-msg.ok { color: #7FD3A0; }
.fn-wl-msg.err { color: #F08A8A; }
.fn-wl-note { font-size: .8125rem; color: var(--bone-3); line-height: 1.5; }
.fn-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.fn-final .fn-wl input[type="email"] { background: rgba(11, 11, 12, .92); border-color: rgba(11, 11, 12, .6); }
.fn-final .fn-wl-msg, .fn-final .fn-wl-note { color: inherit; opacity: .9; }
.fn-final .fn-wl-msg.ok, .fn-final .fn-wl-msg.err { color: inherit; font-weight: 600; }

/* ---------- lead form (guide): same ids/hooks as free.html, driven by js/free.js ---------- */
.fn-lead { padding: var(--s-6); border: 1px solid var(--acc); box-shadow: inset 0 3px 0 var(--acc); background: var(--ink-1); }
.fn-lead .field { margin-bottom: var(--s-4); display: grid; }
.fn-lead .field label { font: 600 .75rem/1 var(--f-text); letter-spacing: .12em; text-transform: uppercase; color: var(--bone-2); margin-bottom: .55rem; }
.fn-lead .field label span { color: var(--bone-3); font-weight: 500; letter-spacing: .04em; text-transform: none; }
.fn-lead .ferr { min-height: 1.1em; margin-top: .35rem; font-size: .8125rem; color: #F08A8A; }
.fn-lead .hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.fn-lead .consent { display: flex; gap: .7rem; align-items: flex-start; font-size: .8125rem; line-height: 1.55; color: var(--bone-2); cursor: pointer; }
.fn-lead .consent input { flex: none; width: 18px; height: 18px; margin-top: .15rem; accent-color: var(--acc); }
.fn-lead .consent.bad span { color: #F08A8A; }
.fn-lead .consent a { color: var(--bone); text-decoration: underline; }
.fn-lead .gf-btn { width: 100%; margin-top: var(--s-4); }
.fn-lead .formerr { font-size: .875rem; color: #F08A8A; margin-top: .8rem; }
.fn-lead .thanks { display: grid; gap: var(--s-4); }
.fn-lead .thanks[hidden], .fn-lead form[hidden] { display: none; }
.fn-lead .thanks .gf-btn { margin-top: 0; }

/* ---------- settings preview (stocks / options): a drawing of the controls, not a live form ---------- */
.fn-set { padding: 1.1rem 1.2rem 1.3rem; display: grid; gap: 1rem; }
.fn-set-row { display: grid; gap: .5rem; }
.fn-set-row > .gf-label { color: var(--bone-3); }
.fn-chips { display: flex; flex-wrap: wrap; gap: .4rem; }
.fn-chips span { font: 600 .8125rem/1 var(--f-text); padding: .55rem .7rem; border: 1px solid var(--line-2); color: var(--bone-2); font-variant-numeric: tabular-nums; }
.fn-chips span.on { border-color: var(--acc); color: var(--bone); box-shadow: inset 0 -2px 0 var(--acc); }
body[data-door="algo"] .fn-chips span.on { border-color: #F2701F; box-shadow: inset 0 -2px 0 #F2701F; }
.fn-bar-meter { height: 8px; background: var(--ink-3); border: 1px solid var(--line); }
.fn-bar-meter i { display: block; height: 100%; width: var(--v, 80%); background: var(--burn); }
.fn-set { padding-bottom: 2.6rem; }
.fn-set-foot { font-size: .8125rem; color: var(--bone-3); line-height: 1.5; border-top: 1px solid var(--line); padding-top: .8rem; }

/* ---------- numbered steps (stocks / options "how it connects") ---------- */
.fn-steps { list-style: none; counter-reset: st; border-top: 1px solid var(--line-2); max-width: 54rem; }
.fn-steps li { counter-increment: st; display: grid; grid-template-columns: 2.6rem minmax(0, 1fr); gap: .8rem; padding: 1rem 0; border-bottom: 1px solid var(--line); color: var(--bone-2); line-height: 1.6; }
.fn-steps li::before { content: counter(st, decimal-leading-zero); font: var(--w-display) 1.4rem/1.2 var(--f-display); font-stretch: 72%; color: var(--acc-t); }
body[data-door="algo"] .fn-steps li::before { color: var(--t-algo); }
.fn-steps li b { color: var(--bone); font-weight: 600; }

/* ---------- two-up offer: price card + waitlist card (gerbalgo) ---------- */
.fn-plan .fn-wl { max-width: none; margin-top: auto; }
.fn-plan .fn-wl .gf-btn { width: auto; margin-top: 0; }

/* ---------- mobile sticky CTA ---------- */
.fn-sticky { display: none; }

@media (max-width: 900px) {
  .fn-hero-in, .fn-story, .fn-fit { grid-template-columns: minmax(0, 1fr); }
  .fn-parts, .fn-shots { grid-template-columns: minmax(0, 1fr); }
  .fn-part, .fn-part + .fn-part { padding: var(--s-5) 0; padding-left: 0; border-left: 0; }
  .fn-part + .fn-part { border-top: 1px solid var(--line); }
  .fn-fit > div, .fn-fit > div + div { padding: var(--s-5) 0; border-left: 0; }
  .fn-fit > div + div { border-top: 1px solid var(--line); }
  .fn-offer { grid-template-columns: minmax(0, 1fr); }
  .fn-stats { grid-template-columns: minmax(0, 1fr); }
  .fn-stat { padding: var(--s-4) var(--gutter); display: flex; align-items: baseline; gap: 1rem; }
  .fn-stat b { margin: 0; min-width: 6.5rem; }
  .fn-stat + .fn-stat { border-left: 0; border-top: 1px solid var(--line); }
  .fn-bar .gf-btn { display: none; }
  .fn-brand small { display: none; }
  body.fn-has-sticky { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
  .fn-sticky {
    display: flex; align-items: center; gap: .75rem; position: fixed; inset: auto 0 0; z-index: 200;
    padding: .7rem 16px calc(.7rem + env(safe-area-inset-bottom));
    background: rgba(11, 11, 12, .97); border-top: 1px solid var(--line-2);
    transform: translateY(110%); transition: transform .35s var(--ease);
  }
  .fn-sticky.on { transform: none; }
  .fn-sticky-txt { flex: 1; min-width: 0; font-size: .8125rem; color: var(--bone-2); line-height: 1.3; }
  .fn-sticky-txt b { display: block; color: var(--bone); font-size: .9375rem; }
  .fn-sticky .gf-btn { min-height: 46px; padding: 0 1rem; }
}
@media (max-width: 480px) {
  .fn-actions .gf-btn { width: 100%; }
  .fn-wl-row { flex-direction: column; }
  .fn-wl .gf-btn, .fn-plan .fn-wl .gf-btn { width: 100%; }
  .fn-lead { padding: var(--s-5); }
}