/* Counterpart to Oca: OLED void, counter-rotation, outward typographic corona. */
body { position: relative; isolation: isolate; }
.lempyra-black-sun {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  contain: strict;
  transform: translateZ(0);
  will-change: transform;
  opacity: .62;
}
.lempyra-glyph-sun { display: block; width: 100%; height: 100%; }
.lempyra-black-sun::after { display: none; }
main { z-index: 1; background: transparent; }
main::before { display: none; }
.site-nav, .site-footer { z-index: 2; }
.pricing-intro::before { content: none; display: none; background: none; }
.pricing-intro::after { content: none; display: none; background: none; }
.pricing-field { display: none; }
.deployments, .method, .brief { background: rgba(0,0,0,.2); }
.hero-promise .infrastructure-line { color: #99dfb4; text-shadow: none; }
.pricing-intro .text-link { color: #a1e7b8; }
.pricing-intro .hero-ownership { color: #f5f5f5; }
html:not(.dark) main { background: transparent; }
html:not(.dark) .lempyra-black-sun { opacity: .22; }
html:not(.dark) .lempyra-black-sun::after { background: #f1f0ed; }
html:not(.dark) .pricing-intro::before { content: none; display: none; background: none; }
html:not(.dark) .pricing-intro::after { content: none; display: none; background: none; }
html:not(.dark) .hero-promise .infrastructure-line,
html:not(.dark) .pricing-intro .text-link { color: #24653b; }
html:not(.dark) .pricing-intro .hero-ownership { color: #171d19; }
html:not(.dark) .deployments,
html:not(.dark) .method,
html:not(.dark) .brief { background: rgba(241,240,237,.25); }
@media (max-width: 580px) { .lempyra-black-sun { opacity: .5; } }