/* Ad landing pages, first screen (2026-10-22): odoo-19-upgrade.html and free-scan.html.
   The visitor arrives from an ad that already gave the pitch, so the first screen carries the next step and little
   else. Mobile first; uses the site's tokens from site.css. */
.landing-head h1 { max-width: 24ch; }
@media (max-width: 640px) { .landing-head h1 { font-size: 1.9rem; } .landing-head .eyebrow { display: none; } }
.landing-sub { font-size: 1.1rem; line-height: 1.45; color: var(--ink-2); max-width: 56ch; margin-bottom: var(--space-2); }

/* The upgrade price calculator (assets/upgrade-quick.js). */
.upq {
  border: 1px solid var(--line-strong); border-radius: var(--radius); background: var(--paper);
  padding: var(--space-2); margin: 0 0 var(--space-2); max-width: 44rem;
}
.upq-grid { display: grid; grid-template-columns: 1fr; gap: 0 var(--space-2); }
@media (min-width: 641px) { .upq-grid { grid-template-columns: repeat(3, 1fr); } }
.upq .field { margin-bottom: var(--space-1); }
.upq label { display: block; font-weight: 700; margin-bottom: 0.25rem; }
.upq select, .upq input[type="number"] {
  width: 100%; font: inherit; font-size: 1rem; padding: 0.55rem 0.6rem;
  border: 1px solid var(--line-strong); border-radius: var(--radius); background: var(--paper); color: var(--ink);
}
.upq .hint { display: block; font-size: 0.85rem; color: var(--ink-2); margin-top: 0.25rem; }
.upq-out { border-bottom: 1px solid var(--line); padding-bottom: var(--space-1); margin-bottom: var(--space-2); }
.upq-total { font-size: 1.35rem; margin: 0; }
.upq-total strong { font-size: 1.8rem; color: var(--accent); }
.upq-lines { margin: 0.25rem 0 0; color: var(--ink-2); }
.upq-terms { margin: var(--space-1) 0 0; }
.upq .btn[hidden], .upq [hidden] { display: none; }

/* The free scan's three ways in (free-scan.html). */
.scan-ways { display: grid; grid-template-columns: 1fr; gap: var(--space-1); margin: 0 0 var(--space-2); max-width: 52rem; }
@media (min-width: 760px) { .scan-ways { grid-template-columns: repeat(3, 1fr); } }
.scan-way {
  display: block; border: 1px solid var(--line-strong); border-left: 4px solid var(--accent); border-radius: var(--radius);
  padding: 0.8rem 1rem; background: var(--paper); color: var(--ink); text-decoration: none;
}
.scan-way:hover, .scan-way:focus-visible { background: var(--accent-soft); }
.scan-way strong { display: block; font-size: 1.05rem; }
.scan-way span { display: block; font-size: 0.92rem; color: var(--ink-2); margin-top: 0.2rem; }
.scan-way span.scan-way-go { color: var(--accent); font-weight: 700; }