/* Painted night-shift finish; common.css owns layout and motion controls. */
:root {
  --stage-shadow: 0 28px 80px -46px rgba(255, 180, 84, 0.44), 0 0 0 1px #323642;
  --vignette: rgba(3, 7, 16, 0.32);
}
body {
  background: radial-gradient(ellipse at 50% 8%, #19202a 0, #0b0f17 52%);
}
.hero h1 {
  color: #f6e9d2;
  font-weight: 780;
  letter-spacing: -0.045em;
}
.stage__viewport {
  border: 1px solid rgba(229, 191, 128, 0.2);
  border-radius: 12px;
}
.stage__grain { opacity: 0.1; }
.control {
  background: linear-gradient(180deg, #222a37, #151b27);
  border-color: #3b4251;
  box-shadow: inset 0 1px 0 rgba(255, 237, 206, 0.06);
}
.plan {
  border-color: #353b45;
  background: linear-gradient(155deg, #202733, #141a25 80%);
  box-shadow: inset 0 1px 0 rgba(255, 223, 173, 0.08), 0 14px 35px -26px #000;
}
.plan .price {
  color: #ffd694;
  text-shadow: 0 1px 0 #17100c;
}
.site-footer { border-color: #36383d; }