/* Landing v2. Palette matches www.yasirgangat.com (read off the live site):
   #0f172a ground, #f8fafc ink, #94a3b8 muted, #334155 lines, #3b82f6 accent. */
:root {
  --sc-canvas:     #0f172a;
  --sc-surface:    #1e293b;
  --sc-ink:        #f8fafc;
  --sc-ink-soft:   #94a3b8;
  --sc-accent:     #3b82f6;
  --sc-accent-ink: #ffffff;
  --sc-font-display: "Poppins", system-ui, sans-serif;
  --sc-font-text:    "Poppins", system-ui, sans-serif;
  --sc-shadow-color: 222 47% 4%;
  --paper: #0f172a;
  --paper-2: #131d35;
  --night: #080d1b;
  --card: #1e293b;
  --line: #334155;
  --btn: #2563eb;
  --btn-hover: #1d4ed8;
  --blue-text: #60a5fa;
  --bar-h: 3.5rem;
}
::selection { background: var(--sc-accent); color: #fff; }
body { background: var(--paper); }

/* every chapter owns its ground and restates color: hard cuts, no drift */
.ch { position: relative; background: var(--paper); color: var(--sc-ink); }
.ch--alt { background: var(--paper-2); }
.ch--night, .ch--night [data-sc-stage] { --sc-ink: #f8fafc; --sc-ink-soft: #94a3b8; background: var(--night); color: var(--sc-ink); }
.ch [data-sc-stage] { background: inherit; }
.ch--alt [data-sc-stage] { background: var(--paper-2); }

.kicker { font: 600 var(--sc-t-xs)/1.3 var(--sc-font-text); letter-spacing: .12em; text-transform: uppercase; color: var(--sc-ink-soft); margin: 0; }
.sc-display { font-weight: 700; letter-spacing: -.03em; }
.serif-i { font-style: normal; color: var(--blue-text); }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* pill buttons, like the primary buttons on yasirgangat.com */
.cta { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: .85rem 2rem; border-radius: 999px; background: var(--btn); color: #fff; font: 600 var(--sc-t-base)/1.2 var(--sc-font-text); text-decoration: none; box-shadow: 0 1px 2px hsl(222 47% 4% / .4), 0 8px 20px -8px hsl(221 83% 53% / .55); transition: background 140ms var(--sc-ease-out), transform 100ms var(--sc-ease-out); }
.cta:active { transform: scale(.97); }
@media (hover:hover) and (pointer:fine) { .cta:hover { background: var(--btn-hover); } }
.cta[aria-busy="true"] { opacity: .7; pointer-events: none; }

/* ---------- folio: the chrome, a seven-day strip ---------- */
.folio { position: fixed; inset: 0 0 auto 0; z-index: var(--sc-z-chrome); height: var(--bar-h); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1rem; padding-inline: var(--sc-gutter); background: rgba(15,23,42,.92); color: var(--sc-ink); border-bottom: 1px solid var(--line); backdrop-filter: blur(8px); transition: background 200ms var(--sc-ease-out); }
.folio[data-theme="night"] { background: rgba(8,13,27,.94); }
.folio a { color: inherit; }
.folio__mark { font: 600 var(--sc-t-sm)/1 var(--sc-font-text); text-decoration: none; white-space: nowrap; }
.folio__cta { justify-self: end; background: var(--btn); color: #fff !important; border-radius: 999px; padding: .55rem 1.1rem; font: 600 var(--sc-t-sm)/1.1 var(--sc-font-text); text-decoration: none; white-space: nowrap; min-height: 40px; display: inline-flex; align-items: center; transition: background 140ms var(--sc-ease-out); }
@media (hover:hover) and (pointer:fine) { .folio__cta:hover { background: var(--btn-hover); } }
.strip { display: flex; flex-direction: column; align-items: center; gap: .3rem; }
.strip__days { display: flex; gap: .35rem; }
.day { width: 1.35rem; height: 1.35rem; border-radius: 50%; display: grid; place-items: center; font: 600 .62rem/1 var(--sc-font-text); border: 1px solid #475569; color: #94a3b8; transition: background 220ms var(--sc-ease-out), color 220ms var(--sc-ease-out), border-color 220ms var(--sc-ease-out); }
.day[data-s="done"] { background: var(--sc-accent); border-color: var(--sc-accent); color: #fff; }
.day[data-s="missed"] { border-style: dashed; border-color: var(--blue-text); color: var(--blue-text); }
.day[data-now="1"] { box-shadow: 0 0 0 2px var(--paper), 0 0 0 3px #f8fafc; }
.folio[data-theme="night"] .day[data-now="1"] { box-shadow: 0 0 0 2px var(--night), 0 0 0 3px #f8fafc; }
.strip__label { font: 600 .64rem/1 var(--sc-font-text); letter-spacing: .1em; text-transform: uppercase; color: #94a3b8; min-height: .7rem; white-space: nowrap; }
@media (max-width: 720px) {
  .folio { grid-template-columns: auto 1fr auto; gap: .6rem; }
  .folio__mark { font-size: .72rem; max-width: 5rem; white-space: normal; line-height: 1.1; }
  .day { width: 1.2rem; height: 1.2rem; }
  .strip__days { gap: .25rem; }
  .folio__cta { padding: .5rem .8rem; font-size: .74rem; }
}

/* ---------- hero: copy left, a real client right, planes behind ---------- */
.title { min-height: 100svh; padding: calc(var(--bar-h) + 2.5rem) var(--sc-gutter) 3.5rem; display: grid; align-content: center; overflow: clip; position: relative; background: linear-gradient(180deg, #0f172a 0%, #0f172a 40%, #14295a 100%); }
.plane { position: absolute; pointer-events: none; will-change: transform; }
.plane--glow { width: 70vw; height: 70vw; max-width: 60rem; max-height: 60rem; right: -18vw; top: 10%; border-radius: 50%; background: radial-gradient(closest-side, rgba(59,130,246,.28), rgba(59,130,246,0)); transform: translate3d(calc(var(--px,0) * -26px), calc(var(--py,0) * -18px), 0); }
.title__grid { position: relative; z-index: 3; max-width: 76rem; width: 100%; margin-inline: auto; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: clamp(1.5rem, 5vw, 5rem); align-items: center; }
.title__copy { transform: translate3d(calc(var(--px,0) * 5px), calc(var(--py,0) * 3px), 0); }
.rating { display: inline-block; margin: 0 0 1rem; font: 600 var(--sc-t-sm)/1.3 var(--sc-font-text); color: var(--blue-text); }
.title h1 { font-size: clamp(2.2rem, 1rem + 4.4vw, 4.4rem); line-height: 1.04; letter-spacing: -.035em; text-wrap: balance; margin: 0; }
.ticks { list-style: none; margin: 1.6rem 0 0; padding: 0; display: grid; gap: .8rem; max-width: 46ch; }
.ticks li { position: relative; padding-left: 1.8rem; font-size: var(--sc-t-sm); line-height: 1.5; color: var(--sc-ink-soft); }
.ticks li::before { content: ""; position: absolute; left: 0; top: .15rem; width: 1.1rem; height: 1.1rem; border-radius: 50%; background: var(--sc-accent); }
.ticks li::after { content: ""; position: absolute; left: .36rem; top: .38rem; width: .38rem; height: .6rem; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.ticks b { color: var(--sc-ink); font-weight: 600; }
.title__cta { margin-top: 1.8rem; display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1.2rem; }
.title__note { font-size: var(--sc-t-sm); color: var(--sc-ink-soft); }
.deal { margin: 1.4rem 0 0; font-size: var(--sc-t-sm); color: var(--sc-ink); max-width: 50ch; }
.deal__tag { display: inline-block; margin-right: .4rem; padding: .15rem .6rem; border-radius: 999px; background: var(--sc-accent); color: #fff; font: 700 .68rem/1.5 var(--sc-font-text); letter-spacing: .08em; text-transform: uppercase; }
.hero-vid { margin: 0; max-width: 20rem; justify-self: end; width: 100%; transform: translate3d(calc(var(--px,0) * -10px), calc(var(--py,0) * -6px), 0); }
.hero-vid figcaption { margin-top: .7rem; font-size: var(--sc-t-sm); color: var(--sc-ink-soft); }
@media (max-width: 860px) {
  .title__grid { grid-template-columns: 1fr; }
  .hero-vid { justify-self: start; max-width: 15rem; }
}

/* ---------- stats band: real figures ---------- */
.stats { padding: clamp(2.5rem, 6vw, 4.5rem) var(--sc-gutter); border-block: 1px solid var(--line); }
.stats__row { max-width: 76rem; margin-inline: auto; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; text-align: center; }
.stats__n { margin: 0; font: 700 clamp(2rem, 1.2rem + 3vw, 3.4rem)/1 var(--sc-font-display); letter-spacing: -.03em; color: var(--sc-ink); font-variant-numeric: tabular-nums; }
.stats__l { margin: .5rem auto 0; max-width: 18ch; font-size: var(--sc-t-xs); letter-spacing: .08em; text-transform: uppercase; color: var(--sc-ink-soft); }
@media (max-width: 720px) { .stats__row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem 1rem; } }

/* ---------- template vs coached ---------- */
.ch1 { padding: clamp(4.5rem, 10vw, 8rem) var(--sc-gutter); }
.ch1__head { max-width: 52rem; margin: 0 auto clamp(2rem, 5vw, 3.5rem); text-align: center; }
.ch1__head h2 { font-size: var(--sc-t-3xl); line-height: 1.05; margin: 0 0 1rem; text-wrap: balance; }
.ch1__head p { margin: 0 auto; max-width: 48ch; color: var(--sc-ink-soft); font-size: var(--sc-t-base); text-wrap: pretty; }
.vs { max-width: 62rem; margin-inline: auto; }
.vs table { width: 100%; border-collapse: separate; border-spacing: 0; background: var(--card); border: 1px solid var(--line); border-radius: 20px; overflow: hidden; }
.vs th, .vs td { padding: 1rem 1.25rem; text-align: left; vertical-align: top; border-top: 1px solid var(--line); font-size: var(--sc-t-sm); line-height: 1.45; font-weight: 400; color: var(--sc-ink-soft); }
.vs thead th { border-top: 0; font: 600 var(--sc-t-sm)/1.2 var(--sc-font-text); color: var(--sc-ink-soft); background: rgba(15,23,42,.5); }
.vs tbody th { font-weight: 600; color: var(--sc-ink); width: 20%; }
.vs .vs__us { color: var(--sc-ink); background: rgba(59,130,246,.1); }
.vs thead .vs__us { color: var(--blue-text); background: rgba(59,130,246,.16); }
.vs__cta { text-align: center; margin: 2rem 0 0; }
@media (max-width: 720px) {
  .vs thead { display: none; }
  .vs table, .vs tbody, .vs tr, .vs th, .vs td { display: block; }
  .vs tr { border-top: 1px solid var(--line); padding: .5rem 0; }
  .vs tr:first-child { border-top: 0; }
  .vs th, .vs td { border: 0; padding: .35rem 1rem; width: auto !important; }
  .vs td:not(.vs__us)::before { content: "Template: "; font-weight: 600; }
  .vs .vs__us::before { content: "Coach Yasir: "; font-weight: 600; color: var(--blue-text); }
}

/* ---------- chapter 2: thirty seconds ---------- */
.ch2 [data-sc-stage] { display: grid; align-items: center; padding: calc(var(--bar-h) + 1.5rem) var(--sc-gutter) 1.5rem; }
.ch2__grid { max-width: 76rem; width: 100%; margin-inline: auto; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(1.5rem, 5vw, 5rem); align-items: center; }
.ch2__lede h2 { font-size: var(--sc-t-3xl); line-height: 1.04; margin: 0 0 1.2rem; }
.ch2__lede p { margin: 0; max-width: 34ch; color: var(--sc-ink-soft); font-size: var(--sc-t-base); }
.checkin { background: var(--card); border: 1px solid var(--line); border-radius: 20px; padding: clamp(1rem, 2.4vw, 1.6rem); box-shadow: 0 1px 2px hsl(222 47% 4% / .4), 0 18px 36px -16px hsl(222 47% 4% / .7), inset 0 1px 0 rgba(255,255,255,.06); }
.checkin fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.checkin fieldset + fieldset { margin-top: 1.1rem; padding-top: 1.1rem; border-top: 1px solid var(--line); }
.checkin legend { padding: 0; float: left; width: 100%; font: 600 var(--sc-t-base)/1.3 var(--sc-font-text); margin-bottom: .6rem; }
.checkin .opts { clear: both; }
.opts { display: flex; flex-wrap: wrap; gap: .45rem; }
.opt { min-height: 44px; padding: .55rem 1.05rem; border: 1px solid #475569; border-radius: 999px; background: transparent; cursor: pointer; font: 500 var(--sc-t-sm)/1 var(--sc-font-text); transition: background 140ms var(--sc-ease-out), border-color 140ms var(--sc-ease-out), transform 100ms var(--sc-ease-out); }
.opt:active { transform: scale(.97); }
.opt[aria-pressed="true"] { background: var(--btn); color: #fff; border-color: var(--btn); }
@media (hover:hover) and (pointer:fine) { .opt:hover { border-color: var(--blue-text); } }
.checkin__foot { margin: 1rem 0 0; font-size: var(--sc-t-xs); color: var(--sc-ink-soft); }
@media (max-width: 860px) {
  .ch2__grid { grid-template-columns: 1fr; gap: 1rem; }
  .ch2__lede h2 { font-size: var(--sc-t-2xl); margin-bottom: .5rem; }
  .ch2__lede p { font-size: var(--sc-t-sm); }
  .checkin fieldset + fieldset { margin-top: .7rem; padding-top: .7rem; }
  .opt { padding: .45rem .85rem; }
}

/* ---------- chapter 3: the peak ---------- */
.ch3 [data-sc-stage] { display: grid; place-items: center start; padding: calc(var(--bar-h) + 1rem) var(--sc-gutter) 2rem; }
.ch3__inner { max-width: 76rem; width: 100%; margin-inline: auto; display: grid; grid-template-rows: auto auto; gap: 2rem; }
.ch3__stack { display: grid; }
.ch3__stack > * { grid-area: 1 / 1; margin: 0; align-self: end; }
.bigday { font-size: clamp(3rem, 1.2rem + 10vw, 9.5rem); line-height: .92; letter-spacing: -.045em; }
.bigday small { display: block; margin-top: 1rem; font: 400 var(--sc-t-lg)/1.3 var(--sc-font-text); letter-spacing: -.01em; color: var(--sc-ink-soft); }
.alert { font-size: clamp(2.2rem, 1rem + 6vw, 6rem); line-height: 1; letter-spacing: -.04em; text-wrap: balance; max-width: 15ch; }
.alert em { color: var(--blue-text); font-style: normal; }
.ch3__after { max-width: 46ch; font-size: var(--sc-t-lg); line-height: 1.45; margin: 0; color: var(--sc-ink); text-wrap: pretty; min-height: 5.5em; }
.ch3__after span { display: block; margin-top: .8rem; color: var(--sc-ink-soft); font-size: var(--sc-t-base); }

/* ---------- chapter 4: sunday ---------- */
.ch4 { padding: clamp(5rem, 10vw, 9rem) var(--sc-gutter); }
.ch4__grid { max-width: 76rem; margin-inline: auto; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(2rem, 6vw, 6rem); align-items: start; }
.ch4 h2 { font-size: var(--sc-t-3xl); line-height: 1.05; margin: 0 0 1.4rem; }
.ch4 p.body { margin: 0; font-size: var(--sc-t-base); max-width: 38ch; color: var(--sc-ink-soft); text-wrap: pretty; }
.plan { background: var(--card); border: 1px solid var(--line); padding: clamp(1.2rem, 3vw, 2rem); border-radius: 20px; box-shadow: 0 1px 2px hsl(222 47% 4% / .4), 0 18px 36px -16px hsl(222 47% 4% / .7); }
.plan h3 { font: 600 var(--sc-t-xl)/1.15 var(--sc-font-text); margin: .3rem 0 1rem; letter-spacing: -.02em; }
.plan ul { list-style: none; margin: 0; padding: 0; }
.plan li { padding: .8rem 0; border-top: 1px solid var(--line); font-size: var(--sc-t-sm); line-height: 1.5; }
.plan__stamp { margin: 1.1rem 0 0; font: 600 var(--sc-t-sm)/1.3 var(--sc-font-text); color: var(--blue-text); }
.plan__sample { margin: .5rem 0 0; font-size: var(--sc-t-xs); color: var(--sc-ink-soft); }
@media (max-width: 860px) { .ch4__grid { grid-template-columns: 1fr; } }

/* ---------- chapter 5: their words ---------- */
.ch5 { padding: clamp(5rem, 10vw, 9rem) var(--sc-gutter) clamp(5rem, 10vw, 9rem); overflow: clip; }
.ch5__head { max-width: 76rem; margin: 0 auto clamp(2.5rem, 6vw, 4.5rem); text-align: center; }
.ch5__head h2 { font-size: var(--sc-t-3xl); line-height: 1.05; margin: 0 0 1rem; }
.ch5__head p { margin: 0; color: var(--sc-ink-soft); font-size: var(--sc-t-base); }
.vids { max-width: 76rem; margin-inline: auto; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(.8rem, 2vw, 1.6rem); align-items: start; }
.vid { margin: 0; }
.vid:nth-child(2) { margin-top: 3rem; }
.vid:nth-child(4) { margin-top: 1.5rem; }
.vid__frame { position: relative; aspect-ratio: 9 / 16; width: 100%; border: 0; padding: 0; display: block; overflow: hidden; border-radius: 20px; background: var(--night); cursor: pointer; box-shadow: 0 1px 2px hsl(222 47% 4% / .4), 0 18px 36px -16px hsl(222 47% 4% / .8); }
.vid__frame img, .vid__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0; }
.vid__play { position: absolute; left: .8rem; bottom: .8rem; display: inline-flex; align-items: center; gap: .5rem; background: #fff; color: #0f172a; border-radius: 999px; padding: .55rem .95rem; font: 600 var(--sc-t-sm)/1 var(--sc-font-text); transition: transform 140ms var(--sc-ease-out); }
.vid__frame:active .vid__play { transform: scale(.97); }
.vid figcaption { margin-top: .7rem; font: 600 var(--sc-t-sm)/1.2 var(--sc-font-text); }
@media (max-width: 860px) {
  .vids { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vid:nth-child(2) { margin-top: 2rem; } .vid:nth-child(4) { margin-top: 2rem; }
}

/* ---------- chapter 6: offer, pricing, faq, close ---------- */
.ch6 { min-height: 100svh; padding: clamp(5rem, 9vw, 8rem) var(--sc-gutter) 2rem; display: flex; flex-direction: column; gap: clamp(2.5rem, 6vw, 4.5rem); }
.ch6__main { max-width: 76rem; width: 100%; margin-inline: auto; text-align: center; }
.ch6 h2 { font-size: var(--sc-t-3xl); line-height: 1.05; margin: 0 0 1.2rem; text-wrap: balance; }
.ch6__p { margin: 0 auto; color: var(--sc-ink-soft); font-size: var(--sc-t-base); max-width: 56ch; text-wrap: pretty; }
.ch6__p + .ch6__p { margin-top: 1rem; font-size: var(--sc-t-sm); }
.plans { max-width: 76rem; width: 100%; margin-inline: auto; }
.plans__cap { text-align: center; margin-bottom: 2rem; }
.plans__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; align-items: stretch; }
.plan-card { position: relative; display: flex; flex-direction: column; gap: .5rem; padding: 1.5rem 1.25rem; border: 1px solid var(--line); border-radius: 20px; background: var(--card); }
.plan-card h4 { margin: 0; font: 600 var(--sc-t-lg)/1.2 var(--sc-font-text); }
.plan-card__price { margin: 0; font: 700 clamp(2rem, 1.4rem + 1.6vw, 2.8rem)/1 var(--sc-font-display); letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.plan-card__price small { margin-left: .4rem; font: 400 var(--sc-t-sm)/1 var(--sc-font-text); letter-spacing: 0; color: var(--sc-ink-soft); }
.plan-card ul { list-style: none; margin: .6rem 0 0; padding: 0; display: grid; gap: .6rem; font-size: var(--sc-t-sm); line-height: 1.45; color: var(--sc-ink-soft); }
.plan-card li { padding-top: .6rem; border-top: 1px solid var(--line); }
.plan-card li b { color: var(--sc-ink); font-weight: 600; }
.plan-card .cta { margin-top: auto; align-self: stretch; }
.plan-card--best { order: -1; grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) auto; grid-template-areas: "h ul cta" "pr ul cta"; align-content: center; align-items: center; gap: 1rem 2rem; padding: 2rem; border: 2px solid var(--sc-accent); background: linear-gradient(180deg, rgba(59,130,246,.16), rgba(59,130,246,.04)); box-shadow: 0 1px 2px hsl(222 47% 4% / .4), 0 24px 48px -20px hsl(221 83% 53% / .45); }
.plan-card--best h4 { grid-area: h; align-self: end; }
.plan-card--best .plan-card__price { grid-area: pr; align-self: start; }
.plan-card--best ul { grid-area: ul; margin: 0; }
.plan-card--best .cta { grid-area: cta; margin: 0; align-self: center; }
.plan-card__badge { position: absolute; top: -.8rem; left: 2rem; margin: 0; padding: .25rem .9rem; border-radius: 999px; background: var(--sc-accent); color: #fff; font: 700 .72rem/1.4 var(--sc-font-text); letter-spacing: .1em; text-transform: uppercase; }
.rates__note { margin: 1.2rem 0 0; text-align: center; font-size: var(--sc-t-sm); color: var(--sc-ink-soft); }
@media (max-width: 960px) {
  .plans__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; }
  .plan-card--best { grid-template-columns: 1fr; grid-template-areas: "h" "pr" "ul" "cta"; }
  .plan-card--best h4, .plan-card--best .plan-card__price { align-self: auto; }
  .plan-card--best .cta { align-self: stretch; }
}
@media (max-width: 640px) { .plans__grid { grid-template-columns: 1fr; } .plan-card--best { padding: 1.75rem 1.25rem 1.5rem; } .plan-card__badge { left: 1.25rem; } }

.faq { max-width: 52rem; width: 100%; margin-inline: auto; }
.faq h3 { font: 700 var(--sc-t-2xl)/1.1 var(--sc-font-display); letter-spacing: -.03em; margin: 0 0 1.2rem; text-align: center; }
.faq details { background: var(--card); border: 1px solid var(--line); border-radius: 14px; margin-bottom: .6rem; padding: 0 1.1rem; }
.faq summary { display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 48px; padding: .8rem 0; cursor: pointer; list-style: none; font: 600 var(--sc-t-base)/1.35 var(--sc-font-text); }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; color: var(--blue-text); font: 400 1.6rem/1 var(--sc-font-text); transition: transform 160ms var(--sc-ease-out); flex: none; }
.faq details[open] summary::after { transform: rotate(45deg); }
.faq details p { margin: 0 0 1.1rem; max-width: 62ch; color: var(--sc-ink-soft); font-size: var(--sc-t-sm); text-wrap: pretty; }
.start-error { margin: .6rem 0 0; font-size: var(--sc-t-sm); color: #fca5a5; max-width: 44ch; }
.start-error a { text-decoration: underline; }

.ask { max-width: 76rem; width: 100%; margin-inline: auto; padding: clamp(2.5rem, 6vw, 4.5rem) 1rem; text-align: center; border-radius: 28px; background: linear-gradient(180deg, #14295a, #0f172a); border: 1px solid var(--line); }
.ask p.sc-display { margin: 0 auto 1.4rem; font-size: var(--sc-t-3xl); line-height: 1.05; max-width: 18ch; text-wrap: balance; }
.ask .deal { margin: 1.4rem auto 0; text-align: center; }
.foot { max-width: 76rem; width: 100%; margin: auto auto 0; display: flex; flex-wrap: wrap; gap: .5rem 1.6rem; font-size: var(--sc-t-sm); color: var(--sc-ink-soft); border-top: 1px solid var(--line); padding-top: 1rem; }
.foot a { text-decoration: underline; text-underline-offset: .25em; padding: .4rem 0; }

[data-sc-in] > * { will-change: transform, opacity; }