/* Data+ Live landing: builds on watch.css (fonts, tokens, header, cards, ring illustration, footer). */
.home { flex:1; width:100%; max-width:1180px; margin:0 auto; padding:48px var(--gut) 64px; }
.hero { position:relative; display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); align-items:center; gap:40px;
        padding:48px; border-radius:24px; overflow:hidden; border:1px solid var(--line);
        background:radial-gradient(70% 90% at 75% 60%, #1B3A5C 0%, #10253B 45%, #0A1828 100%); }
.hero h1 { margin:0 0 14px; font-weight:850; font-stretch:118%; font-size:clamp(36px, 5.4vw, 64px); line-height:.92; text-transform:uppercase; letter-spacing:-.015em; color:var(--paper); }
.hero p { margin:0 0 28px; max-width:42ch; font-size:18px; color:var(--fog); }
.cta { height:52px; padding:0 22px; font-size:17px; text-decoration:none; }
.cta svg { width:20px; height:20px; }
.hero-art { position:static; width:100%; }
.facts { list-style:none; margin:18px 0 0; padding:0; grid-template-columns:repeat(3, minmax(0, 1fr)); }
.facts li { display:flex; flex-direction:column; gap:6px; padding:22px; }
.facts b { font-weight:800; font-size:18px; color:var(--paper); }
.facts span { color:var(--fog); font-size:15px; }
@media (max-width:900px) {
  .home { padding:20px var(--gut) 40px; }
  .hero { grid-template-columns:1fr; padding:28px 22px; gap:20px; }
  .hero-art { order:-1; }
  .facts { grid-template-columns:1fr; }
}