/* Landing (#/). Everything is scoped under .ld. A black page, a centred hero, and a live preview of the terminal set in
   layered accent frames; the frames and the stepped panels behind them are mixed from --accent, so a custom accent and
   every theme carry through. */
.ld { --ld-max: 1180px; --ld-step: color-mix(in srgb, var(--accent) 26%, var(--bg)); --ld-frame: var(--accent); background: var(--bg); scrollbar-width: thin; scrollbar-color: var(--line-2) transparent; }
:root[data-theme="light"] .ld { --ld-step: color-mix(in srgb, var(--accent) 13%, var(--bg)); }
.ld .ld-in { max-width: var(--ld-max); margin: 0 auto; padding-left: 24px; padding-right: 24px; }
.ld p { max-width: none; }
@keyframes ld-blink { 50% { box-shadow: 0 0 0 6px color-mix(in srgb, var(--up) 0%, transparent); } }
.ld .ld-arrow { display: inline-flex; transition: transform .15s ease; }
.ld .ld-arrow svg { width: 14px; height: 14px; }
.ld a:hover .ld-arrow { transform: translateX(3px); }

/* ---- hero: mark, headline, one line of grey, the buttons, then live numbers ---- */
/* clipped sideways only (the steps), so the frame's glow falls softly onto the next section; the sections after the
   hero are positioned, so they paint over that glow */
.ld-hero { position: relative; isolation: isolate; overflow-x: clip; background: var(--bg); }
.ld-hero ~ .ld-sec, .ld-hero ~ .ld-final, .ld-hero ~ .ld-foot { position: relative; }
.ld .ld-hero-in { position: relative; z-index: 2; display: grid; justify-items: center; text-align: center; padding-top: 40px; }
.ld-mark { width: 40px; height: 54px; color: var(--fg); margin-bottom: 20px; }
.ld-mark svg { display: block; width: 100%; height: 100%; }
.ld .ld-hero h1 { margin: 0; max-width: none; font: 500 68px/1.04 var(--sans); letter-spacing: -.035em; color: var(--fg); text-wrap: balance; }
.ld .ld-lede { margin: 18px 0 0; max-width: 46ch; color: var(--muted); font-size: 19px; line-height: 1.5; text-wrap: balance; }
.ld-cta { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: 24px; }
.ld .ld-go { height: 42px; padding: 0 24px; font-size: 15.5px; font-weight: 700; }
.ld .ld-ghost { height: 42px; padding: 0 20px; font-size: 14.5px; }
.ld .ld-kicker { margin: 20px 0 0; color: var(--muted); font: 500 12.5px/1 var(--sans); }
/* live numbers as a row of pills: value first, grey label after it */
.ld-proof { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 12px 0 0; }
.ld-proof > div { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 12px; border: 1px solid var(--line); border-radius: var(--pill); background: var(--panel); font-size: 12.5px; white-space: nowrap; }
.ld-proof > div[hidden] { display: none; }
.ld-proof dt { color: var(--muted); }
.ld-proof dd { order: -1; margin: 0; color: var(--fg); font-weight: 600; font-variant-numeric: tabular-nums; }
.ld-proof .lead dd { order: 0; }
.ld-proof .live::before { content: ''; order: -2; width: 6px; height: 6px; margin-right: 2px; border-radius: 50%; background: var(--up); box-shadow: 0 0 0 3px color-mix(in srgb, var(--up) 22%, transparent); animation: ld-blink 1.6s ease-in-out infinite; }
.ld-proof .zero { border-color: color-mix(in srgb, var(--up) 35%, transparent); background: color-mix(in srgb, var(--up) 8%, transparent); }
.ld-proof .zero dd { color: var(--up); }

/* ---- the stage: stepped accent panels rising on the right, then the framed preview ---- */
.ld-stage { position: relative; margin-top: 36px; padding: 0 24px 72px; }
/* Each step is placed from the page centre (the hero text is centred): --x its left edge, --w how far right it may
   reach, --y how far above the frame it rises, so each one starts right of the text beside it at any width. They all
   run on down behind the frame and fade out there; the top and right edges fade in with the fill. */
.ld-steps { position: absolute; z-index: 0; left: 0; right: 0; top: -360px; height: 760px; pointer-events: none; -webkit-mask-image: linear-gradient(#000 54%, transparent 94%); mask-image: linear-gradient(#000 54%, transparent 94%); }
.ld-steps i { position: absolute; bottom: 0; top: calc(360px - var(--y)); left: calc(50% + var(--x)); right: max(28px, calc(50% - var(--w))); border-radius: 6px 6px 0 0; background: linear-gradient(90deg, transparent 12%, color-mix(in srgb, var(--accent) 24%, transparent)) top / 100% 1px no-repeat, linear-gradient(90deg, transparent, color-mix(in srgb, var(--ld-step) 60%, transparent) 45%, var(--ld-step)); box-shadow: inset -1px 0 0 color-mix(in srgb, var(--accent) 16%, transparent); }
.ld-steps i:nth-child(1) { --x: 520px; --w: 765px; --y: 340px; }
.ld-steps i:nth-child(2) { --x: 420px; --w: 650px; --y: 250px; }
.ld-steps i:nth-child(3) { --x: 330px; --w: 535px; --y: 175px; }
.ld-steps i:nth-child(4) { --x: 280px; --w: 420px; --y: 100px; }
.ld-steps i:nth-child(5) { --x: 230px; --w: 330px; --y: 26px; }
/* beside the full-size headline only on wide screens */
@media (max-width: 1360px) { .ld-steps i:nth-child(1) { display: none; } }
.ld-frame { position: relative; z-index: 1; max-width: 1260px; margin: 0 auto; padding: 28px 40px 40px; border-radius: var(--radius); background: linear-gradient(180deg, color-mix(in srgb, var(--ld-frame) 74%, #fff), color-mix(in srgb, var(--ld-frame) 92%, #000) 75%); box-shadow: 0 40px 120px -20px color-mix(in srgb, var(--accent) 35%, transparent); }
.ld-frame-in { padding: 20px 28px 28px; border-radius: var(--radius); background: linear-gradient(100deg, color-mix(in srgb, var(--ld-frame) 70%, #fff) 0%, color-mix(in srgb, var(--ld-frame) 88%, #000) 52%, color-mix(in srgb, var(--ld-frame) 34%, #000) 100%); box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 25%, transparent); }

/* the preview window: a coin header, the chart, the newest launches */
.ld-app { display: grid; grid-template-rows: auto minmax(0, 1fr); border: 1px solid var(--line-2); border-radius: var(--radius-md); background: var(--bg); box-shadow: var(--shadow-lg); overflow: hidden; text-align: left; }
.ld-app-head { display: flex; align-items: center; gap: 18px; min-height: 60px; padding: 8px 14px; border-bottom: 1px solid var(--line); background: var(--panel); min-width: 0; }
.ld-coin { display: flex; align-items: center; gap: 10px; flex: none; min-width: 0; }
.ld-coin .ld-sk-av { width: 36px; height: 36px; }
.ld-coin .ld-sk-t { width: 120px; height: 14px; }
.ld-coin-id { display: flex; align-items: center; gap: 10px; min-width: 0; }
.ld-coin-id .av.sm { width: 38px; height: 38px; border-radius: var(--radius); border: 2px solid color-mix(in srgb, var(--lp, var(--line-2)) 45%, transparent); }
.ld-coin-nm { display: grid; gap: 3px; min-width: 0; }
.ld-coin-nm b { font: 600 15px/1.1 var(--sans); color: var(--fg); white-space: nowrap; }
.ld-coin-nm span { max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); font-size: 12px; }
.ld-coin-id:hover b { color: var(--accent); }
.ld-coin-data { --hf: var(--panel); flex: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 22px; min-width: 0; overflow-x: auto; scrollbar-width: none; padding: 2px 0; }
.ld-coin-data::-webkit-scrollbar { display: none; }
.ld-cd { display: grid; gap: 3px; flex: none; }
.ld-cd b { font: 500 14px/1.1 var(--mono); font-variant-numeric: tabular-nums; color: var(--fg); }
.ld-cd span { color: var(--muted); font-size: 11.5px; }
.ld-cd.mc b { font-size: 20px; font-weight: 600; letter-spacing: -.01em; }
.ld-cd.mc.lo b { color: var(--mc-low); } .ld-cd.mc.mid b { color: var(--mc-mid); } .ld-cd.mc.hi b { color: var(--mc-high); }
.ld-chg { display: flex; gap: 6px; flex: none; }
.ld-chg em { font-style: normal; color: var(--muted); margin-right: 2px; }
.ld .ld-trade { flex: none; margin-left: auto; height: 30px; padding: 0 14px; font-size: 12.5px; }

.ld-app-body { display: grid; grid-template-columns: minmax(0, 1fr) 372px; height: 520px; min-height: 0; }
.ld-chart-col { display: grid; grid-template-rows: auto minmax(0, 1fr); min-width: 0; min-height: 0; background: var(--chart-bg); border-right: 1px solid var(--line); }
.ld-ctools { display: flex; align-items: center; gap: 10px; height: 38px; padding: 0 10px; border-bottom: 1px solid var(--line); }
.ld-ivs { display: flex; gap: 2px; }
.ld-ivs button { height: 26px; min-width: 32px; padding: 0 8px; border: 0; border-radius: var(--radius); background: none; color: var(--muted); font: 500 12.5px/1 var(--sans); }
.ld-ivs button:hover { color: var(--fg); background: var(--hover); }
.ld-ivs button[aria-pressed="true"] { background: var(--fill); color: var(--accent); }
.ld-ct-r { margin-left: auto; color: var(--muted); font-size: 12px; white-space: nowrap; }
.ld-chart { position: relative; min-height: 0; }
.ld-chart .lc-box { position: absolute; inset: 0; }
.ld-chart .lc-legend { position: absolute; z-index: 2; top: 8px; left: 10px; right: 70px; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; pointer-events: none; color: var(--muted); font: 500 12px/1.3 var(--sans); font-variant-numeric: tabular-nums; }
.ld-chart .lc-legend .lc-t { color: var(--fg-2); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ld-chart .lc-legend span b { margin-left: 3px; font-weight: 500; }
.ld-chart .lc-note { position: absolute; z-index: 3; inset: 0; display: grid; place-items: center; padding: 20px; color: var(--muted); font-size: 12.5px; text-align: center; pointer-events: none; }
.ld-chart .lc-note[hidden] { display: none; }

/* the newest launches column, headed like a Pulse column */
.ld-live { position: relative; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; min-width: 0; min-height: 0; background: var(--panel); }
.ld-live-head { display: flex; align-items: center; gap: 9px; height: 38px; padding: 0 12px; border-bottom: 1px solid var(--line); font-size: 13px; }
.ld-live-head b { font-weight: 600; }
.ld-live-head .mono { font-size: 11.5px; }
.ld-paused { margin-left: auto; color: var(--warn); font-size: 10.5px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.ld-live-list { overflow: hidden; position: relative; min-height: 0; }
.ld-live-list::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 44px; background: linear-gradient(transparent, var(--panel)); pointer-events: none; }
.ld-live-list .empty { height: 100%; align-content: center; }
.ld-c.in { animation: ld-in .55s cubic-bezier(.2, .8, .2, 1); }
.ld-c.in .card { animation: fresh 1.6s ease-out; }
@keyframes ld-in { from { transform: translateY(-14px); opacity: 0; } }
.ld-live-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; height: 38px; padding: 0 12px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.ld-live-foot .ld-arrow { color: var(--accent); }
.ld-live-foot:hover { color: var(--fg); background: var(--hover); }
/* mini token cards: the shared .card.nc row (css/pulse.css) in its compact form; only the window's own tweaks here */
.ld-live .card.nc { background: transparent; border-bottom-color: var(--line-soft); }
.ld-live .card.nc:hover { background: var(--hover); }
.ld-live .nc-l3:has(> .nil:only-child) { display: none; }

/* ---- sections below the fold ---- */
.ld .ld-sec { padding-top: 72px; display: grid; gap: 22px; }
.ld .ld-promise-sec { padding-top: 0; }
.ld-sec-head { display: grid; justify-items: center; gap: 10px; text-align: center; }
.ld .ld-sec-head h2 { margin: 0; font: 500 34px/1.12 var(--sans); letter-spacing: -.03em; text-wrap: balance; }
.ld .ld-sub { margin: 0; max-width: 64ch; color: var(--muted); font-size: 15px; line-height: 1.6; text-wrap: balance; }

/* what Nought promises: one bordered box split in three */
.ld-promises { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); }
.ld-pr { display: grid; align-content: start; gap: 8px; padding: 22px 22px 24px; border-right: 1px solid var(--line); min-width: 0; }
.ld-pr:last-child { border-right: 0; }
.ld-pr-ic { display: grid; place-items: center; width: 36px; height: 36px; margin-bottom: 6px; border-radius: var(--radius-md); background: var(--sel-bg); color: var(--sel-fg); }
.ld-pr b { font: 500 16px/1.3 var(--sans); color: var(--fg); }
.ld .ld-pr p { margin: 0; color: var(--muted); font-size: 13.5px; line-height: 1.55; }

/* fee comparison: one bordered table */
.ld-fees { border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--panel); }
.ld-fr { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.2fr) minmax(0, 1fr); align-items: center; min-height: 52px; padding: 0 18px; gap: 12px; border-bottom: 1px solid var(--line); font-size: 15px; font-weight: 500; }
.ld-fr:last-child { border-bottom: 0; }
.ld-fr.head { min-height: 40px; color: var(--muted); font-size: 12.5px; font-weight: 500; }
.ld-cost { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; min-width: 0; }
.ld-cost b { color: var(--down); font-weight: 600; }
.ld-cost i { font-style: normal; color: var(--muted); font-size: 12.5px; font-weight: 400; }
.ld-zero { color: var(--up); font-weight: 600; }
.ld-fr.you { min-height: 60px; background: color-mix(in srgb, var(--accent) 4%, transparent); }
.ld-vol { display: flex; align-items: center; gap: 8px; height: var(--h-lg); max-width: 240px; padding: 0 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--panel-2); transition: border-color .12s, box-shadow .12s; }
.ld-vol:focus-within { border-color: var(--accent-2); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent); }
.ld-vol input { flex: 1; min-width: 0; width: 100%; background: none; border: 0; outline: 0; font: 500 14px/1 var(--mono); font-variant-numeric: tabular-nums; color: var(--fg); }
.ld-vol input:focus-visible { outline: 0; }
.ld-vol input::placeholder { color: var(--dim); font-family: var(--sans); font-weight: 400; }
.ld-vol em { font-style: normal; color: var(--muted); font: 500 12px/1 var(--sans); }

/* the pages: one bordered grid with 1px dividers */
.ld-feats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.ld-feat { display: grid; grid-template-rows: auto 1fr auto; gap: 8px; padding: 20px 20px 18px; background: var(--panel); min-width: 0; transition: background-color .12s ease; }
.ld-feat:hover { background: color-mix(in srgb, var(--panel) 92%, var(--fg)); }
.ld-feat b { font: 500 16px/1.3 var(--sans); }
.ld-feat .ld-ft { color: var(--muted); font-size: 13.5px; line-height: 1.55; }
.ld-feat .ld-fp { display: flex; align-items: center; gap: 4px; padding-top: 6px; color: var(--accent); font: 500 12.5px/1.2 var(--sans); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* upkeep teaser */
.ld-upkeep { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 36px; align-items: center; padding: 28px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); transition: border-color .15s ease; }
.ld-upkeep:hover { border-color: var(--sel-line); }
.ld-uk-copy { display: grid; gap: 12px; justify-items: start; }
.ld .ld-uk-copy h2 { margin: 0; font: 500 24px/1.2 var(--sans); letter-spacing: -.02em; }
.ld .ld-uk-copy p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.ld-uk-link { display: inline-flex; align-items: center; gap: 4px; color: var(--accent); font-weight: 600; font-size: 13px; }
.ld-upkeep:hover .ld-arrow { transform: translateX(3px); }
.ld-flow { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; counter-reset: ldf; }
.ld-flow li { position: relative; display: grid; gap: 6px; align-content: start; padding: 16px 12px 0 0; border-top: 2px solid var(--line-2); counter-increment: ldf; }
.ld-flow li::before { content: counter(ldf); position: absolute; top: -12px; left: 0; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; border: 1px solid var(--line-2); background: var(--panel); color: var(--fg-2); font: 600 11px/1 var(--sans); }
.ld-flow li:first-child { border-top-color: var(--accent); }
.ld-flow li:first-child::before { border-color: var(--accent); background: var(--accent); color: var(--accent-ink); }
.ld-flow b { font-size: 13px; font-weight: 600; }
.ld-flow span { color: var(--muted); font-size: 12px; line-height: 1.45; }

/* final call */
.ld-final { position: relative; margin-top: 88px; border-top: 1px solid var(--line); overflow: hidden; }
.ld-final::before { content: ''; position: absolute; left: 50%; top: -1px; width: min(720px, 90%); height: 1px; transform: translateX(-50%); background: linear-gradient(90deg, transparent, var(--accent), transparent); }
.ld-final::after { content: ''; position: absolute; left: 50%; top: 0; width: min(900px, 120%); height: 260px; transform: translateX(-50%); background: radial-gradient(50% 100% at 50% 0%, color-mix(in srgb, var(--accent) 12%, transparent), transparent); pointer-events: none; }
.ld .ld-final-in { position: relative; z-index: 1; display: grid; justify-items: center; text-align: center; gap: 14px; padding-top: 80px; padding-bottom: 80px; }
.ld-final-mark { width: 36px; height: 50px; margin-bottom: 10px; color: var(--fg); }
.ld-final-mark svg { display: block; width: 100%; height: 100%; }
.ld .ld-final h2 { margin: 0; font: 500 48px/1.05 var(--sans); letter-spacing: -.035em; }
.ld .ld-final p { margin: 0; color: var(--muted); font-size: 16px; }
.ld .ld-final .ld-go { margin-top: 10px; }
.ld .ld-final .ld-hint { margin-top: 4px; font-size: 12.5px; color: var(--dim); }

/* footer */
.ld-foot { border-top: 1px solid var(--line); background: var(--panel); }
.ld .ld-foot-in { display: grid; grid-template-columns: auto 1fr; gap: 14px 28px; align-items: center; padding-top: 22px; padding-bottom: 26px; }
.ld-foot-brand { display: flex; align-items: center; gap: 8px; color: var(--fg); font: 500 15px/1 var(--sans); letter-spacing: .16em; }
.ld-foot-brand svg { width: 18px; height: 18px; }
.ld-foot-links { display: flex; flex-wrap: wrap; gap: 6px 20px; color: var(--muted); font-size: 12.5px; }
.ld-foot-links a:hover { color: var(--fg); }
.ld .ld-risk { grid-column: 1 / -1; margin: 0; color: var(--dim); font-size: 12px; line-height: 1.6; max-width: 110ch; }

/* ---- narrower screens ---- */
@media (max-width: 1100px) {
  .ld .ld-hero h1 { font-size: 56px; }
  .ld-frame { padding: 32px 32px 36px; }
  .ld-frame-in { padding: 24px 24px 28px; }
  .ld-app-body { grid-template-columns: minmax(0, 1fr) 330px; }
  .ld-upkeep { grid-template-columns: 1fr; }
  .ld-steps i:nth-child(2) { display: none; }
  .ld-coin-data { gap: 8px 18px; }
}
@media (max-width: 900px) {
  .ld .ld-hero-in { padding-top: 56px; }
  .ld .ld-hero h1 { font-size: 46px; }
  .ld .ld-lede { font-size: 17px; }
  .ld-stage { margin-top: 36px; padding-bottom: 48px; }
  .ld-steps i:nth-child(3) { display: none; }
  /* the coin and the Trade button on one row, the numbers wrapping on the next */
  .ld-app-head { flex-wrap: wrap; gap: 12px 14px; padding: 10px 12px 12px; }
  .ld-coin-data { order: 1; flex-basis: 100%; flex-wrap: wrap; gap: 10px 18px; overflow: visible; background: none; }
  .ld-app-body { grid-template-columns: 1fr; grid-template-rows: 340px 380px; height: auto; }
  .ld-chart-col { border-right: 0; border-bottom: 1px solid var(--line); }
  .ld-promises { grid-template-columns: 1fr; }
  .ld-pr { border-right: 0; border-bottom: 1px solid var(--line); }
  .ld-pr:last-child { border-bottom: 0; }
  .ld-feats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .ld .ld-in { padding-left: 16px; padding-right: 16px; }
  .ld .ld-hero-in { padding-top: 44px; }
  .ld-mark { width: 32px; height: 44px; margin-bottom: 22px; }
  .ld .ld-hero h1 { font-size: 38px; line-height: 1.08; }
  .ld .ld-lede { margin-top: 16px; font-size: 16px; }
  .ld-cta { margin-top: 24px; width: 100%; }
  .ld .ld-go, .ld .ld-ghost { flex: 1 1 140px; }
  .ld .ld-kicker { margin-top: 24px; }
  .ld-proof { gap: 6px; }
  .ld-proof > div { height: 26px; padding: 0 10px; font-size: 12px; }
  .ld-stage { margin-top: 36px; padding: 0 8px 40px; }
  .ld-steps { display: none; }
  .ld-frame { padding: 12px; }
  .ld-frame-in { padding: 10px; }
  .ld .ld-trade { height: 28px; padding: 0 12px; font-size: 12px; }
  .ld-chg { flex-basis: 100%; }
  /* one line over the candles: the symbol, the interval, the close and the change */
  .ld-chart .lc-legend { flex-wrap: nowrap; }
  .ld-chart .lc-legend > span:nth-child(n+2):nth-child(-n+4), .ld-chart .lc-legend .lc-mc { display: none; }
  .ld-chart .lc-legend > :not(.lc-t) { flex: none; }
  .ld-cd.mc b { font-size: 17px; }
  .ld-ct-r { display: none; }
  .ld-ivs button { min-width: 30px; padding: 0 6px; }
  .ld-app-body { grid-template-rows: 280px 360px; }
  .ld .ld-sec { padding-top: 52px; gap: 18px; }
  .ld .ld-promise-sec { padding-top: 0; }
  .ld .ld-sec-head h2 { font-size: 26px; }
  .ld .ld-sub { font-size: 14px; }
  .ld-pr { grid-template-columns: 36px minmax(0, 1fr); column-gap: 14px; row-gap: 4px; padding: 18px 16px; }
  .ld-pr-ic { grid-row: span 2; margin-bottom: 0; }
  .ld-fr { padding: 0 12px; gap: 8px; font-size: 13.5px; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr) minmax(0, .8fr); }
  .ld-fr.head { font-size: 11.5px; }
  .ld-cost { gap: 2px 8px; }
  .ld-cost i { font-size: 11px; }
  .ld-fr.you { padding-top: 8px; padding-bottom: 8px; }
  .ld-vol { padding: 0 10px; }
  .ld-feats { grid-template-columns: 1fr; }
  .ld-upkeep { padding: 18px; gap: 26px; }
  .ld-flow { grid-template-columns: 1fr 1fr; gap: 26px 0; }
  .ld-final { margin-top: 64px; }
  .ld .ld-final h2 { font-size: 32px; }
  .ld .ld-final-in { padding-top: 56px; padding-bottom: 56px; }
  .ld .ld-foot-in { grid-template-columns: 1fr; }
  .ld-live .nc-v { display: none; }
}
@media (prefers-reduced-motion: reduce) { .ld-proof .live::before { animation: none; } }