/* The landing's example card (lote A2/A3, 10-nov-2026): the two blocks of a real result's card, "Does AI name you?" engine
   by engine and "Your site, as AI sees it" in three answers, inside the hero's report shot. It reuses the result's
   classes (style.css: .rx-tit, .rx-engs, .rx-gates, .rx-once, .rx-also); here only the spacing for the narrower column.
   Linked from landing.html before style.css, so every rule is scoped under .shot to win on specificity. */
.shot .shot-left{display:grid;gap:20px;align-content:start}
.shot .shot-left .rx-eng-name,.shot .shot-left .rx-gate-name{font-size:var(--step-small)}
.shot .shot-left .shot-note{margin:0}

/* Portada clara (1-nov-2026): the "What is this?" line under the button (SEO and GEO in plain words) and the three steps
   of the free scan (#how). This file is linked before style.css: the selectors carry two classes to win. */
.hero .what-is{margin:14px auto 0;max-width:62ch;color:var(--ink2);font-size:var(--step-small);line-height:1.55}
.hero .what-is b{color:var(--ink);font-weight:600}
.steps.three{grid-template-columns:repeat(3,1fr)}
@media (max-width:1024px){.steps.three{grid-template-columns:1fr}}
/* lote 3 (7-nov-2026, P1-4): the example card says it is made up, right above it, and links the sample report */
.hero .ex-label{margin:36px auto -20px;color:var(--muted);font-size:var(--step-small);text-align:center}
.hero .ex-label a{color:var(--ink2)}