.smx-hero__visual--evidence{
  background:
    radial-gradient(circle at 78% 12%,rgba(255,255,255,.07),transparent 28%),
    linear-gradient(145deg,#293032,#151919);
}
.smx-hero-board{
  position:absolute;
  inset:82px 54px 166px 54px;
  background:#eee9df;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 20px 50px rgba(0,0,0,.24);
  padding:28px 30px;
  transform:rotate(-1.2deg);
}
.smx-hero-board__meta{
  display:flex;
  justify-content:space-between;
  gap:18px;
  padding-bottom:13px;
  border-bottom:1px solid #c6bfb3;
  font:700 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.08em;
  color:#687174;
}
.smx-hero-board__title{
  margin:22px 0 18px;
  font-size:22px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-.035em;
  color:#171a1b;
}
.smx-hero-board__rows{
  border-top:1px solid #c6bfb3;
}
.smx-hero-board__rows>div{
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  padding:10px 0;
  border-bottom:1px solid #c6bfb3;
  font:600 11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;
}
.smx-hero-board__rows span{color:#6b7376}
.smx-hero-board__rows strong{text-align:right;color:#202526}
.smx-hero-board__rows>div:first-child strong{color:#76212c;background:#ead8dc;padding:1px 4px}
.smx-hero-board__status{
  margin-top:18px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  border-left:3px solid #76212c;
  padding:9px 0 9px 12px;
}
.smx-hero-board__status span{
  font:700 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.1em;
  color:#737c80;
}
.smx-hero-board__status strong{font-size:12px;color:#76212c}

.smx-case__media--board{
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(145deg,#424a4c,#202526);
  background-size:34px 34px,34px 34px,auto;
  align-items:center;
}
.smx-fat-board{
  width:min(100%,420px);
  background:#f4f0e8;
  color:#181b1c;
  padding:28px;
  box-shadow:0 18px 45px rgba(0,0,0,.25);
  transform:rotate(.8deg);
}
.smx-fat-board__head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding-bottom:18px;
  border-bottom:1px solid #c7c0b5;
}
.smx-fat-board__head span,
.smx-fat-board__footer span{
  font:700 9px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.1em;
  color:#737c80;
}
.smx-fat-board__head strong{font-size:13px}
.smx-fat-board__metric{
  display:grid;
  grid-template-columns:1fr auto;
  gap:16px;
  padding:15px 0;
  border-bottom:1px solid #c7c0b5;
}
.smx-fat-board__metric span{font-size:12px;color:#62696b}
.smx-fat-board__metric strong{font:800 13px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}
.smx-fat-board__footer{
  margin-top:20px;
  padding:12px 0 0 12px;
  border-left:3px solid #76212c;
  display:grid;
  gap:5px;
}
.smx-fat-board__footer strong{font-size:11px;color:#76212c}

@media(max-width:1050px){
  .smx-hero-board{inset:66px 70px 154px 70px}
}
@media(max-width:680px){
  .smx-hero-board{inset:56px 20px 150px 20px;padding:20px;transform:none}
  .smx-hero-board__title{font-size:18px;margin:15px 0 13px}
  .smx-hero-board__rows>div{font-size:9.5px;gap:8px;padding:7px 0}
  .smx-hero-board__status{margin-top:12px}
  .smx-fat-board{padding:22px;transform:none}
  .smx-fat-board__metric{padding:12px 0}
}