:root{
  --soft:#f7f5ef;
  --gold:#c5a34b;
  --gold2:#f2c400;
  --text:#121212;
  --muted:#68635a;
  --line:rgba(18,18,18,.10);
  --shadow:0 24px 70px rgba(23,20,12,.12);
}
*{box-sizing:border-box}
body{
  margin:0;
  min-height:100vh;
  font-family:Inter,Arial,sans-serif;
  color:var(--text);
  background:radial-gradient(circle at top right,rgba(197,163,75,.18),transparent 34%),linear-gradient(180deg,#fff 0%,var(--soft) 100%);
}
.app-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:42px 0}
.hero{
  min-height:42vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-radius:34px;
  padding:48px;
  background:radial-gradient(circle at 80% 14%,rgba(242,196,0,.22),transparent 36%),linear-gradient(135deg,#111 0%,#15120b 52%,#050505 100%);
  color:#fff;
  box-shadow:var(--shadow);
}
.badge{
  width:max-content;
  padding:9px 13px;
  border-radius:999px;
  border:1px solid rgba(242,196,0,.28);
  background:rgba(242,196,0,.10);
  color:var(--gold2);
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  margin-bottom:18px;
}
h1,h2,p{margin-top:0}
h1{max-width:760px;font-size:clamp(44px,7vw,92px);line-height:.9;letter-spacing:-.06em;margin-bottom:18px}
.hero p{max-width:620px;color:rgba(255,255,255,.76);font-size:18px;line-height:1.6;margin-bottom:0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}
.card,.status{border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:var(--shadow);padding:26px}
.card span{width:38px;height:38px;display:grid;place-items:center;border-radius:999px;background:#111;color:var(--gold2);font-weight:900;margin-bottom:18px}
.card h2,.status h2{font-size:30px;line-height:1;letter-spacing:-.04em;margin-bottom:12px}
.card p{color:var(--muted);line-height:1.55;margin:0}
.status{display:grid;gap:10px}
.status-row{display:flex;justify-content:space-between;gap:18px;padding:14px;border-radius:16px;background:var(--soft)}
.status-row strong{color:#111}
.status-row span{color:#8a6900;font-weight:800}
@media(max-width:860px){
  .app-shell{padding:20px 0}
  .hero{border-radius:26px;padding:30px;min-height:50vh}
  .grid{grid-template-columns:1fr}
  .status-row{display:grid}
}