/* ============================================================
   VISIUM · Florida Holiday Season
   Only what this landing adds on top of styles.css, which stays
   identical to the realtors landings. Same tokens, same rules:
   four colors, one blue per view, no gradients, no shadows.
   ============================================================ */

/* ---------- Hero demo: an example ad instead of the founder video ---------- */
.hero__demo{min-width:0}
.hero__demo .ad{max-width:460px;margin-inline:auto}
.hero__demo .video__caption{max-width:460px;margin-inline:auto;text-align:center}
.ad{padding:0;overflow:hidden}
.ad__head{display:flex;align-items:center;gap:12px;padding:14px 18px}
.ad__media{aspect-ratio:1/1;background:var(--ink)}
.ad__media img{width:100%;height:100%;object-fit:cover}
.ad__foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;background:var(--paper);border-bottom:1px solid var(--line)}
.ad__domain{color:var(--faint);font-size:10.5px}
.ad__headline{margin-top:3px;font-weight:700;font-size:15px;line-height:1.3}
.ad__btn{flex:none;padding:9px 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--ink);font:700 13px/1 var(--font);white-space:nowrap}
.ad__dest{display:flex;align-items:center;gap:10px;padding:14px 18px;font-weight:700;font-size:15px}
.ad__dest svg{flex:none;width:18px;height:18px}
@media (min-width:900px){
  .hero__body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
}

/* ---------- Optional founder video section ---------- */
.founder{max-width:900px}

/* ---------- Ink card (brand book: featured content, body at 55% white) ---------- */
.card--ink{background:var(--ink);border-color:var(--ink);color:var(--white)}
.card--ink.fit li{border-top-color:rgba(255,255,255,.16);color:var(--white)}

/* ---------- Offer ---------- */
.stats + .grid-2{margin-top:0}

/* ---------- Four-step calendar ---------- */
@media (min-width:768px){.steps--4{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.steps--4{grid-template-columns:repeat(4,1fr)}}

/* ---------- Example tags ---------- */
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}

/* ---------- Step 1 of the form: text answers instead of numbers ---------- */
.choices--text{grid-template-columns:1fr}
.choices--text .choice span{align-items:flex-start;min-height:0;padding:15px 18px;font-size:17px;line-height:1.3;letter-spacing:-.005em;text-align:left}
.choices--text .choice small{margin-top:3px;font-size:13.5px;line-height:1.4}