/* Option E — "Evening Garden": option C after dark. Deep garden green, lemon as the brand,
   peach accents, a high-contrast serif. Layout: ../assets/market.css; this file is only the look. */

:root {
  color-scheme: dark;
  --bg: #0f1d17;
  --card: #15271f;
  --cream-2: #1b3027;
  --line: #2a4236;
  --text: #c3d0c5;
  --head: #f5efe0;
  --muted: #8ea293;

  --brand: #f1c749;
  --brand-2: #ffd96a;
  --brand-soft: #27371f;
  --on-brand: #241c00;
  --accent: #f3a28c;
  --sun: #ffc9b5;
  --sun-ink: #4a1d10;
  --peach: #3d2a22;
  --peach-ink: #ffd6c8;
  --paper: #1f362b;
  --warn-ink: #ffcf7a;

  --art-cafe: #262f1b;
  --art-cafe-ink: #f1c749;
  --art-cost: #1c3127;
  --art-close: #33241e;
  --wa-bg: #0b141a;
  --wa-dot: #13212a;
  --wa-in: #202c33;
  --wa-out: #005c4b;
  --wa-text: #e9edef;

  --hot-bg: #f5efe0;
  --hot-text: #4a5a4e;
  --hot-head: #0f1d17;
  --hot-muted: #6f7f72;
  --hot-tick: #1f7a4c;

  --cta-bg: #f1c749;
  --cta-text: #4a3d0c;
  --cta-head: #0f1d17;
  --cta-em: #1f7a4c;
  --cta-btn: #0f1d17;
  --cta-btn-ink: #f5efe0;

  --frame: #050b08;
  --shadow: rgba(0, 0, 0, .6);
  --top-bg: rgba(15, 29, 23, .86);
  --focus: rgba(241, 199, 73, .5);

  --font-head: 'Playfair Display', Georgia, serif;
  --font-body: 'Karla', system-ui, sans-serif;
  --head-weight: 700;
  --em-style: italic;
  --em-weight: 500;
  --radius: 18px;
  --btn-radius: 99px;
}

/* A soft glow of lamplight behind the hero. */
.hero { background: radial-gradient(800px 420px at 78% 30%, rgba(241, 199, 73, .10), transparent 70%); }

/* The cost bar's light coral half needs dark text. */
.cost__bar span:first-child { color: #4a1d10; }

/* ---- Real screens of the app (site/shots, taken by site/capture) ---------------------------- */

/* A desktop screen in a browser window, and a phone screen in a phone. */
.browser { margin: 0; border-radius: 14px; overflow: hidden; background: #0b1410; border: 1px solid var(--line); box-shadow: 0 40px 90px -40px var(--shadow); }
.browser__bar { display: flex; align-items: center; gap: 6px; height: 30px; padding: 0 12px; background: #1a2b23; color: var(--muted); font-size: .75rem; }
.browser__bar i { width: 9px; height: 9px; border-radius: 50%; background: #3b5246; }
.browser__bar i:first-child { background: #e8664a; }
.browser__bar i:nth-child(2) { background: #f1c749; }
.browser__bar i:nth-child(3) { background: #3ecf7a; }
.browser__bar span { margin-left: 10px; }
.browser img, .device img { display: block; width: 100%; height: auto; }
.device { margin: 0; border-radius: 30px; overflow: hidden; border: 7px solid var(--frame); background: var(--frame); box-shadow: 0 30px 60px -28px var(--shadow); }

/* The hero: the POS with the waiter's phone over its corner. */
.hero__grid { grid-template-columns: 1fr 1.25fr; }
.shots-hero { position: relative; padding: 10px 0 70px; }
.shots-hero .browser { margin-left: 70px; transform: perspective(1600px) rotateY(-6deg); transform-origin: left center; }
.device--hero { position: absolute; left: -28px; bottom: 0; width: 31%; max-width: 210px; border-radius: 26px; }
.shots-hero__note { position: absolute; right: 0; bottom: 8px; justify-content: flex-end; text-align: right; display: flex; gap: 8px; align-items: center; max-width: 58%; color: var(--muted); font-size: .88rem; }

/* The stories' pictures: a screen, or two phones. */
.tale__art--screen { padding: 22px; place-content: stretch; }
.tale__art--screen .browser { box-shadow: 0 24px 50px -30px var(--shadow); }
.tale__art--phones { grid-template-columns: 1fr 1fr; gap: 18px; padding: 28px 24px; place-content: center; }
.tale__art--phones .device { border-width: 6px; border-radius: 26px; }
.tale__art--phones .device:last-of-type { transform: translateY(26px); }

/* The waiter's app. */
.floor { padding: 104px 0; background: var(--card); border-block: 1px solid var(--line); }
.floor__lead { margin-top: 16px; font-size: 1.08rem; color: var(--muted); }
.floor__phones { display: grid; grid-template-columns: repeat(3, minmax(0, 250px)); justify-content: center; gap: 40px; }
.floor__phones figure { margin: 0; display: grid; gap: 18px; }
.floor__phones figure:nth-child(2) { transform: translateY(28px); }
.floor__phones figcaption { text-align: center; color: var(--muted); font-size: .94rem; }
.floor__phones figcaption b { display: block; color: var(--head); font-family: var(--font-head); font-size: 1.2rem; margin-bottom: 2px; }

/* The back office, one screen at a time. */
.screens { padding: 104px 0; }
.screens__tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-bottom: 28px; }
.screens__tabs button { padding: 10px 18px; border-radius: 99px; border: 1px solid var(--line); background: var(--card); color: var(--text); font-weight: 600; }
.screens__tabs button[aria-selected="true"] { background: var(--brand); border-color: var(--brand); color: var(--on-brand); }
.screens__stage { max-width: 1040px; margin: 0 auto; }
.screens__stage figcaption { padding: 14px 18px; background: #1a2b23; color: var(--text); font-size: .95rem; }

@media (max-width: 1020px) {
  .hero__grid { grid-template-columns: 1fr; }
  .shots-hero { max-width: 680px; margin: 0 auto; }
  .shots-hero .browser { margin-left: 40px; transform: none; }
  .device--hero { left: 0; }
}
@media (max-width: 640px) {
  .shots-hero { padding-bottom: 96px; }
  .device--hero { width: 38%; }
  .shots-hero__note { max-width: 56%; font-size: .82rem; }
  .tale__art--phones { gap: 10px; padding: 18px 12px; }
  .tale__art--screen { padding: 12px; }
  .floor { padding: 72px 0; }
  .floor__phones { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
  .floor__phones figure:nth-child(2) { transform: none; }
  .floor__phones .device { border-width: 4px; border-radius: 16px; }
  .floor__phones figcaption { font-size: .78rem; }
  .floor__phones figcaption b { font-size: 1rem; }
  .screens { padding: 72px 0; }
}

/* Privacy and Terms pages */
.legal { max-width: 760px; padding-top: 72px; padding-bottom: 96px; }
.legal h1 { font-size: clamp(2.2rem, 5vw, 3.4rem); }
.legal__date { margin-top: 12px; color: var(--muted); font-size: .92rem; }
.legal h2 { font-size: clamp(1.35rem, 2.6vw, 1.7rem); margin-top: 44px; }
.legal h3 { font-size: 1.1rem; margin-top: 22px; }
.legal p, .legal ul { margin-top: 14px; line-height: 1.7; }
.legal ul { padding-left: 1.25em; list-style: disc; }
.legal ul li::marker { color: var(--brand); }
.legal li + li { margin-top: 8px; }
.legal a, .foot__base a { color: var(--brand); }

/* Contact form: the robot trap and the error line */
.cta__form .hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.cta__err { flex-basis: 100%; color: var(--cta-head); font-weight: 600; }
.cta__err[hidden] { display: none; }

/* Feature pages and guides (built by tools/build-pages.cjs) */
.page { padding-top: 40px; padding-bottom: 72px; }
.page > h1 { font-size: clamp(2.2rem, 5vw, 3.6rem); max-width: 16em; margin-top: 18px; }
.page__lead { margin-top: 20px; max-width: 38em; font-size: 1.2rem; line-height: 1.6; }
.page__meta { margin-top: 14px; color: var(--muted); font-size: .92rem; }
.page > h2 { font-size: clamp(1.5rem, 3vw, 2rem); margin-top: 52px; max-width: 24em; }
.page > p, .page > ul, .page > ol, .page__faq { margin-top: 14px; max-width: 42em; line-height: 1.75; }
.page > ul, .page > ol { padding-left: 1.3em; }
.page > ul { list-style: disc; }
.page > ol { list-style: decimal; }
.page li + li { margin-top: 8px; }
.page li::marker { color: var(--brand); }
.page a { color: var(--brand); }
.crumbs { display: flex; flex-wrap: wrap; gap: 8px; font-size: .9rem; color: var(--muted); }
.crumbs a { color: var(--muted); text-decoration: none; }
.crumbs a:hover { color: var(--brand); text-decoration: underline; }
.page__fig { margin: 36px 0 0; max-width: 980px; }
.page__fig img { display: block; width: 100%; height: auto; }
.page__phones { display: flex; flex-wrap: wrap; gap: 24px; justify-content: flex-start; }
.page__phones .device { width: min(240px, 44%); }
.page__phones .device img { display: block; width: 100%; height: auto; }
.page__faq { display: grid; gap: 10px; }
.page__faq details { padding: 16px 20px; border-radius: var(--radius); background: var(--card); border: 1px solid var(--line); }
.page__faq summary { cursor: pointer; font-weight: 700; color: var(--head); }
.page__faq p { margin-top: 10px; }
.page__related { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; margin-top: 18px; }
.page__related a { display: grid; gap: 6px; padding: 20px; border-radius: var(--radius); background: var(--card); border: 1px solid var(--line); text-decoration: none; color: var(--text); }
.page__related a:hover { border-color: var(--brand); }
.page__related b { color: var(--head); font-family: var(--font-head); font-size: 1.15rem; }
.page__related--hub { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); margin-top: 36px; }
@media (max-width: 640px) { .page { padding-top: 24px; } .page__phones .device { width: 46%; } }

.basket__more { display: inline-block; margin-top: 16px; font-weight: 700; color: var(--brand); text-decoration: none; }
.basket__more:hover { text-decoration: underline; }

/* Footer: the feature and guide links stack in columns */
.foot nav { flex-direction: column; gap: 10px; }
.foot nav a { font-size: .95rem; }
.foot__grid { gap: 40px 56px; }

/* The WhatsApp ordering flow: numbered steps, and an example chat */
.flowwrap { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 36px; align-items: start; margin-top: 24px; max-width: none; }
.flow { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; counter-reset: none; }
.flow__step { position: relative; display: grid; grid-template-columns: 44px 1fr; gap: 16px; padding-bottom: 26px; }
.flow__step:not(:last-child)::before { content: ''; position: absolute; left: 21px; top: 44px; bottom: 2px; width: 2px; background: var(--line); }
.flow__n { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: var(--brand); color: var(--on-brand); font-weight: 700; font-family: var(--font-head); font-size: 1.15rem; }
.flow__who { font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); font-weight: 700; margin: 2px 0 2px; }
.flow__step h3 { font-size: 1.2rem; margin-bottom: 6px; }
.flow__step p { line-height: 1.6; margin-top: 0; }
.flow__step em, .flow__step strong { color: var(--head); }
.chat { margin: 0; border-radius: 22px; overflow: hidden; border: 1px solid var(--line); background: var(--wa-bg); color: var(--wa-text); box-shadow: 0 30px 60px -30px var(--shadow); position: sticky; top: 92px; }
.chat__bar { display: flex; flex-direction: column; padding: 14px 18px; background: var(--wa-dot); }
.chat__bar b { color: var(--wa-text); }
.chat__bar span { font-size: .8rem; opacity: .7; }
.chat__body { display: flex; flex-direction: column; gap: 8px; padding: 16px 14px 8px; }
.chat__m { margin: 0; max-width: 84%; padding: 9px 12px; border-radius: 12px; font-size: .95rem; line-height: 1.45; }
.chat__m--in { align-self: flex-end; background: var(--wa-out); border-bottom-right-radius: 3px; }
.chat__m--out { align-self: flex-start; background: var(--wa-in); border-bottom-left-radius: 3px; }
.chat__btn { display: block; margin-top: 8px; padding: 8px; text-align: center; border-top: 1px solid rgba(255, 255, 255, .12); color: #53bdeb; font-weight: 600; }
.chat__gap { margin: 6px 0; text-align: center; font-size: .78rem; opacity: .6; }
.chat__note { margin: 0; padding: 10px 16px 14px; font-size: .78rem; opacity: .6; text-align: center; }
@media (max-width: 860px) { .flowwrap { grid-template-columns: 1fr; } .chat { position: static; } }

.flowband { padding: 104px 0; }
.flowband .center p:not(.kicker) { margin-top: 14px; }
.flowband__more { margin: 40px auto 0; }
.flowband .flowwrap { max-width: 1040px; margin-inline: auto; }

/* Videos: the library cards and the watch page */
.vgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 18px 0 8px; }
@media (max-width: 700px) { .vgrid { grid-template-columns: minmax(0, 1fr); } }
.vcard { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: var(--radius); background: var(--card); overflow: hidden; text-decoration: none; color: var(--text); transition: border-color .15s, transform .15s; }
.vcard:hover { border-color: var(--brand); transform: translateY(-2px); }
.vcard__thumb { position: relative; display: block; aspect-ratio: 16 / 9; background: var(--frame); }
.vcard__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.vcard__play { position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; border-radius: 50%; display: grid; place-items: center; background: var(--brand); color: var(--on-brand); box-shadow: 0 10px 26px -8px var(--shadow); transition: transform .15s; }
.vcard:hover .vcard__play { transform: scale(1.08); }
.vcard__time { position: absolute; right: 10px; bottom: 10px; padding: 2px 10px; border-radius: 99px; background: rgba(5, 11, 8, .82); color: #f5efe0; font-size: .8rem; font-weight: 700; }
.vcard__body, .vcard__body > span:not(.vcard__tag) { color: var(--text); }
.vcard__body { display: flex; flex-direction: column; gap: 6px; padding: 18px 22px 22px; }
.vcard__body b { font-family: var(--font-head); font-size: 1.3rem; line-height: 1.25; color: var(--head); }
.vcard__tag { font-size: .74rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); }

.vwatch { display: grid; grid-template-columns: minmax(0, 1.9fr) minmax(280px, 1fr); gap: 32px; align-items: start; margin: 28px 0 8px; }
.vplayer { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border-radius: 14px; border: 1px solid var(--line); background: var(--frame); box-shadow: 0 40px 90px -40px var(--shadow); }
.vwatch__meta { display: flex; gap: 14px; margin: 12px 2px 0; font-size: .9rem; color: var(--muted); }
.vwatch__meta span:first-child { color: var(--accent); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; font-size: .78rem; align-self: center; }
.vwatch__side h2:not(.vwatch__title) { margin: 0 0 10px; font-size: 1.05rem; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); font-family: var(--font-body); font-weight: 700; }
.vchap { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.vchap button { display: flex; gap: 14px; width: 100%; min-height: 44px; padding: 10px 12px; border: 0; border-radius: 10px; background: transparent; color: var(--text); font: inherit; text-align: left; cursor: pointer; }
.vchap button:hover { background: var(--card); }
.vchap button[aria-current] { background: var(--card); box-shadow: inset 3px 0 0 var(--brand); }
.vchap__t { min-width: 42px; font-weight: 700; color: var(--brand); font-variant-numeric: tabular-nums; }
.vchap b { display: block; color: var(--head); font-weight: 600; }
.vchap i { display: block; margin-top: 2px; font-style: normal; font-size: .88rem; line-height: 1.4; color: var(--muted); }
.vnotes { margin: 10px 0 0; padding-left: 1.2em; display: grid; gap: 8px; max-width: 46em; }
@media (max-width: 900px) { .vwatch { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .vcard, .vcard__play { transition: none; } .vcard:hover { transform: none; } }
.vcard[aria-current] { border-color: var(--brand); box-shadow: 0 0 0 1px var(--brand); }
.vcard[aria-current] .vcard__tag::after { content: ' · Now playing'; color: var(--brand); }
.vwatch__tag { margin: 0 0 8px; font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); }
.vwatch__title { margin: 0; font-size: 2rem; line-height: 1.15; }
.vwatch__text { margin: 14px 0 0; }
.vwatch__links { margin: 18px 0 0; }
.vwatch__sub { margin: 28px 0 8px; font-family: var(--font-body); font-size: .9rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
[data-hub] [data-h-chapters] { max-height: 21rem; overflow-y: auto; overscroll-behavior: contain; padding-right: 4px; }
@media (max-width: 900px) { [data-hub] [data-h-chapters] { max-height: none; } }

/* Download page and the home page's download band */
.dl-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 16px; margin: 24px 0 8px; }
.dl-card { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 22px; border-radius: var(--radius); background: var(--card); border: 1px solid var(--line); }
.dl-card__os { color: var(--head); font-family: var(--font-head); font-size: 1.4rem; }
.dl-card__note { color: var(--muted); font-size: .92rem; }
.dl-card p { margin: 4px 0 0; font-size: .92rem; color: var(--text); }
.dlband { padding: 56px 0; background: var(--card); border-block: 1px solid var(--line); }
.dlband__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; }
.dlband h2 { margin: 0 0 8px; }
.dlband p { margin: 0; max-width: 34rem; }
.dlband__btns { display: flex; flex-wrap: wrap; gap: 12px; }
.dl-card .btn { color: var(--on-brand); text-decoration: none; }
.dl-card__soon { opacity: .6; cursor: default; pointer-events: none; }

/* An order, placed: the animated till (two browser frames) above the phone's two */
.place__label { margin: 44px 0 20px; text-align: center; font-size: 1.05rem; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.place__web { display: grid; gap: 28px; max-width: 820px; margin: 0 auto; }
.place__web figcaption { padding: 14px 18px; background: #1a2b23; color: var(--text); font-size: .92rem; }

/* The home page's AI assistant section: an example chat beside three points (docs/mcp.md, docs/menu-import.md) */
.ai { padding: 104px 0; }
.ai .center p:not(.kicker) { margin-top: 14px; }
.ai__grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 48px; align-items: start; max-width: 1080px; margin-inline: auto; }
.ai__side { display: grid; gap: 18px; }
.ai__side article { padding: 22px 24px; border-radius: var(--radius); background: var(--card); border: 1px solid var(--line); }
.ai__side h3 { font-size: 1.25rem; margin-bottom: 8px; }
.ai__side p { margin: 0; line-height: 1.6; }
.ai__side em { color: var(--head); }
.ai__links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 6px; }
.aichat { margin: 0; border-radius: 22px; overflow: hidden; border: 1px solid var(--line); background: var(--frame); box-shadow: 0 30px 60px -30px var(--shadow); }
.aichat__bar { display: flex; flex-direction: column; gap: 2px; padding: 14px 18px; background: var(--card); border-bottom: 1px solid var(--line); }
.aichat__bar b { color: var(--head); }
.aichat__bar span { font-size: .8rem; color: var(--muted); }
.aichat__body { display: flex; flex-direction: column; gap: 10px; padding: 18px 16px 8px; }
.aichat__q { align-self: flex-end; max-width: 84%; margin: 0; padding: 9px 14px; border-radius: 14px 14px 3px 14px; background: var(--brand); color: var(--on-brand); font-weight: 600; line-height: 1.45; }
.aichat__file { display: block; margin-top: 6px; font-weight: 500; font-size: .85rem; opacity: .8; }
.aichat__tool { align-self: flex-start; margin: 0; padding: 4px 12px; border-radius: 99px; background: var(--cream-2); color: var(--muted); font-size: .8rem; }
.aichat__tool::before { content: ''; display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: var(--brand); vertical-align: middle; }
.aichat__a { align-self: flex-start; max-width: 92%; padding: 12px 14px; border-radius: 14px 14px 14px 3px; background: var(--card); border: 1px solid var(--line); font-size: .95rem; line-height: 1.5; }
.aichat__a p { margin: 0 0 8px; }
.aichat__a p:last-child { margin: 0; }
.aichat__a b { color: var(--head); }
.aichat__a table { border-collapse: collapse; margin-bottom: 6px; font-size: .9rem; }
.aichat__a th, .aichat__a td { text-align: left; padding: 3px 16px 3px 0; }
.aichat__a th { font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); font-weight: 700; }
.aichat__a small { color: var(--muted); }
.aichat__note { margin: 0; padding: 10px 16px 14px; font-size: .78rem; color: var(--muted); text-align: center; }
@media (max-width: 860px) { .ai { padding: 72px 0; } .ai__grid { grid-template-columns: minmax(0, 1fr); gap: 28px; } }

/* A feature page's demo video (build-pages.cjs, figure with `video`) */
.page__video figcaption { margin-top: 12px; font-size: .95rem; color: var(--muted); }

/* The home page's "Switching" band: four steps and the 30-day trial (docs/billing.md) */
.switch-band { padding: 104px 0; background: var(--cream-2); }
.switch-band .center p:not(.kicker) { margin-top: 14px; }
.moves { list-style: none; margin: 0 auto; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; max-width: 1140px; counter-reset: none; }
.moves li { position: relative; padding: 26px 22px 24px; border-radius: var(--radius); background: var(--card); border: 1px solid var(--line); }
.moves li + li { margin-top: 0; }
.moves__n { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 14px; border-radius: 50%; background: var(--brand); color: var(--on-brand); font-family: var(--font-head); font-weight: 700; font-size: 1.1rem; }
.moves h3 { font-size: 1.2rem; margin-bottom: 8px; }
.moves p { margin: 0; line-height: 1.6; }
.moves em { color: var(--head); }
.trialbox { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 40px; align-items: center; max-width: 1140px; margin: 40px auto 0; padding: 40px 44px; border-radius: calc(var(--radius) + 10px); background: var(--hot-bg); color: var(--hot-text); }
.trialbox__big { display: grid; place-items: center; width: 190px; height: 190px; border-radius: 50%; background: var(--brand); color: var(--on-brand); text-align: center; align-content: center; }
.trialbox__big b { font-family: var(--font-head); font-size: 5rem; line-height: 1; }
.trialbox__big span { font-weight: 700; font-size: 1.05rem; letter-spacing: .04em; }
.trialbox h3 { color: var(--hot-head); font-size: clamp(1.4rem, 2.4vw, 1.9rem); margin-bottom: 14px; }
.trialbox ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.trialbox li { position: relative; padding-left: 26px; line-height: 1.55; }
.trialbox li::before { content: '✓'; position: absolute; left: 0; color: var(--hot-tick); font-weight: 700; }
.trialbox__actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 22px 0 0; }
.trialbox .btn--soft { background: transparent; color: var(--hot-head); border-color: var(--hot-head); }
.pricing__trial { margin: 18px auto 0; padding: 12px 20px; max-width: 36em; border-radius: 99px; background: var(--brand-soft); color: var(--head); }
.pricing__trial b { color: var(--brand-2); }
.cta__form .cta__alt { background: transparent; color: var(--cta-head); border-color: var(--cta-head); }
.cta__box > p a { color: var(--cta-head); font-weight: 700; }
@media (max-width: 1000px) { .moves { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) {
  .switch-band { padding: 72px 0; }
  .moves { grid-template-columns: minmax(0, 1fr); }
  .trialbox { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 28px 22px; text-align: left; }
  .trialbox__big { width: 140px; height: 140px; margin: 0 auto; }
  .trialbox__big b { font-size: 3.6rem; }
  .pricing__trial { border-radius: var(--radius); }
}

/* Header links and buttons stay on one line */
.nav a, .top__cta a { white-space: nowrap; }
/* The menu has more links than market.css planned for: tighter below 1440px, the burger menu below 1240px */
@media (max-width: 1440px) { .nav { gap: 20px; } }
@media (max-width: 1240px) {
  .nav { position: fixed; inset: 70px 0 auto 0; flex-direction: column; gap: 0; padding: 8px 16px 20px; background: var(--bg); border-bottom: 1px solid var(--line); display: none; }
  .nav.is-open { display: flex; }
  .nav a { padding: 14px 4px; border-bottom: 1px solid var(--line); }
  .nav__signin { display: block; }
  .top__cta { margin-left: auto; }
  .burger { display: block; color: var(--head); }
}