:root { --green: #e5b927; --coral: #e68a62; --purple: #9d91d6; }
.case-brand span { color: #e5b927; }
.hero-grid { grid-template-columns: minmax(0, 1.15fr) minmax(420px, .85fr); gap: clamp(32px, 4vw, 56px); align-items: center; }
.hero h1 { max-width: 900px; font-size: clamp(3rem, 3.5vw, 3.4rem); }
html[lang="zh-Hant"] .hero h1 { font-size: clamp(2.75rem, 3.4vw, 3rem); line-height: .98; letter-spacing: -.055em; }
.hero-media img { aspect-ratio: 16 / 9; object-fit: cover; background: #111820; }
.evidence-grid { grid-template-columns: repeat(3, 1fr); }
.evidence-grid figure, .material-grid figure { margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); }
.evidence-grid img, .material-grid img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: contain; background: #e9e7e2; }
.evidence-grid figcaption, .material-grid figcaption { padding: 14px 16px; color: var(--muted); font-size: .75rem; }
.material-grid { grid-template-columns: 1.2fr .8fr; }
.demo-links { display: flex; gap: 24px; align-items: center; justify-content: space-between; margin-top: 16px; color: var(--muted); font-size: .78rem; }
.demo-links a { color: var(--green); }
.qa-status { border-color: rgba(229,185,39,.42); color: #f1d66f !important; }
.closing { border-color: rgba(229,185,39,.35); background: linear-gradient(135deg,rgba(229,185,39,.09),rgba(148,132,255,.08)),var(--surface); }
@media (max-width: 980px) { .hero-grid { grid-template-columns: 1fr; } .evidence-grid { grid-template-columns: 1fr 1fr; } .evidence-grid figure:last-child { grid-column: 1 / -1; } }
@media (max-width: 760px) {
  .hero-grid { grid-template-columns: 1fr; }
  .hero h1, html[lang="zh-Hant"] .hero h1 { font-size: clamp(2.75rem, 12vw, 3.5rem); }
  .evidence-grid, .material-grid { grid-template-columns: 1fr; }
  .evidence-grid figure:last-child { grid-column: auto; }
  .demo-links { align-items: flex-start; flex-direction: column; }
}