/* Landing page — only what it adds on top of the shared base.css. */

/* section headings here are quiet labels, not the analyses' display headings */
section{padding:44px 0}
section h2{font-size:.78rem;margin:0 0 18px;text-transform:uppercase;letter-spacing:.1em;
  color:var(--ink2);font-family:var(--mono);font-weight:600}
.hero{padding:52px 0 42px}
.hero .lede{margin:0}

/* one card per analysis */
.analyses{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.an{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);
  border-radius:14px;box-shadow:var(--shadow);text-decoration:none;color:inherit;overflow:hidden;
  transition:transform .12s ease,box-shadow .12s ease}
.an:hover{transform:translateY(-2px);box-shadow:0 2px 6px rgba(20,24,31,.1),0 14px 34px rgba(20,24,31,.1)}
.an .ph{aspect-ratio:16/9;background:#cdd4d8 center/cover no-repeat;border-bottom:1px solid var(--line)}
.an .body{padding:16px 17px 18px;display:flex;flex-direction:column;flex:1}
.an h3{font-size:1.12rem;margin:0 0 12px}
.an .stats{display:flex;gap:20px;margin:0 0 16px}
.an .stats div{display:flex;flex-direction:column}
.an .stats b{font-family:var(--mono);font-size:1.18rem;font-weight:700;letter-spacing:-.02em}
.an .stats span{font-size:.72rem;color:var(--ink2);letter-spacing:.01em}
.an .go{margin-top:auto;font-size:.78rem;font-weight:700;color:var(--accent-d)}

/* planned — titles only */
.planned{list-style:none;padding:0;margin:0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.planned li{border:1px dashed var(--line);border-radius:10px;padding:12px 14px;
  color:var(--ink2);font-size:.88rem;background:#fbfaf7}

footer{border-top:1px solid var(--line);padding:26px 0 56px}