/* Blue enamel, glass and brass finish; common.css owns all layout. */
:root {
  --stage-shadow: 0 28px 80px -44px rgba(46, 200, 166, 0.34), 0 0 0 1px #2d4357;
  --vignette: rgba(2, 10, 22, 0.28);
}
body {
  background: radial-gradient(ellipse at 50% 6%, #142d42, #091321 60%);
}
.hero h1 {
  color: #d4f6fa;
  font-weight: 600;
  letter-spacing: -0.045em;
}
.stage__viewport {
  border: 1px solid #355568;
  border-radius: 10px;
}
.stage__grain { opacity: 0.09; }
.control {
  background: linear-gradient(180deg, #1b3449, #102135);
  border-color: #365465;
  box-shadow: inset 0 1px 0 rgba(164, 235, 241, 0.07);
}
.plan {
  background: linear-gradient(145deg, #183043, #0d1b2e 85%);
  border-color: #305161;
  box-shadow: inset 0 1px 0 rgba(170, 238, 243, 0.06), 0 14px 30px -26px #020b14;
}
.plan .price {
  color: #8ee8e6;
  text-shadow: 0 1px 0 #071218;
}
.site-footer { border-color: #2e485a; }