/* Brand first: approved flame and name, with the product promise beneath. */
.site-nav .flame-wordmark { display: inline-flex; align-items: center; }
.site-footer .flame-wordmark { display: inline-flex; align-items: center; }
.pricing-intro h1.hero-brand { font-size: clamp(64px, 8vw, 116px); font-weight: 650; letter-spacing: -.065em; line-height: .95; margin: 0 0 14px; white-space: nowrap; }
.pricing-intro > p.hero-disciplines { margin: 0 0 clamp(32px, 4vw, 52px); font-size: clamp(11px, 1.1vw, 14px); font-weight: 400; letter-spacing: .24em; line-height: 1.6; color: var(--muted); }
.hero-brand > span { background: var(--spectrum); background-clip: text; -webkit-background-clip: text; color: transparent; }
.pricing-intro .hero-promise { margin: 0 0 24px; font-size: clamp(34px, 4.4vw, 64px); line-height: 1.08; font-weight: 550; letter-spacing: -.05em; text-transform: none; }
.hero-promise .dae-mark { font-style: normal; }
.hero-promise .infrastructure-line { color: #c7b4ff; font-family: "Helvetica Neue", "SF Pro Display", Arial, sans-serif; font-style: oblique 8deg; font-weight: 300; letter-spacing: -.065em; text-shadow: 0 0 32px rgba(135,112,255,.22); }
html:not(.dark) .hero-promise .infrastructure-line { color: #65469f; text-shadow: none; }
@media(max-width:580px) { .pricing-intro h1.hero-brand { font-size: clamp(44px, 12.5vw, 68px); } .pricing-intro .hero-promise { font-size: clamp(30px, 8vw, 44px); } }
:root {
  --spectrum: linear-gradient(95deg, #ff3158 0%, #ff9f1c 16%, #ffe600 32%, #2dff88 49%, #27dfff 66%, #725cff 83%, #ea3cff 100%);
}

.site-nav .wordmark > span,
.site-footer .wordmark > span,
.dae-mark {
  background: var(--spectrum);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: lempyra-spectrum 9s linear infinite alternate;
}

.site-nav, .brand-stream, .site-footer { position: relative; z-index: 2; }
main { position: relative; isolation: isolate; background: #000; }
main::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: url('deathAI.jpg') center 42% / cover no-repeat;
  opacity: .44;
  transform: translate3d(0, var(--page-shift, 0px), 0) scale(1.16);
  transform-origin: center center;
  will-change: transform;
}
main > * { position: relative; z-index: 1; }
.pricing-intro { border-bottom: 0; }
.pricing-intro::before { display: none; }
.deployments { background: rgba(2, 3, 9, .68); }
.method { background: rgba(4, 4, 12, .68); }
.brief { background: rgba(0, 0, 0, .58); }
html:not(.dark) main { background: #f1f0ed; }
html:not(.dark) main::before { opacity: .2; }
html:not(.dark) .deployments,
html:not(.dark) .method,
html:not(.dark) .brief { background: rgba(241, 240, 237, .76); }
.site-footer { background: var(--bg); }
.pricing-intro::after {
  background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, .86) 28%, rgba(0, 0, 0, .25) 78%),
              linear-gradient(0deg, #000 0%, transparent 35%, rgba(0, 0, 0, .16));
}
.pricing-intro .eyebrow { color: #71dff0; }
.pricing-intro h1 { line-height: 1.04; }
.pricing-intro h1 em:not(.dae-mark) {
  color: #c7b4ff;
  font-family: "Helvetica Neue", "SF Pro Display", Arial, sans-serif;
  font-style: oblique 8deg;
  font-weight: 300;
  letter-spacing: -.065em;
  text-shadow: 0 0 32px rgba(135, 112, 255, .22);
}
.pricing-intro h1 .dae-mark { display: inline; white-space: nowrap; font-weight: inherit; letter-spacing: inherit; }
.pricing-intro .text-link { color: #bdefff; }

.deployment-card.managed { --card-accent: #27dfff; }
.deployment-card.private { --card-accent: #b49aff; }
.deployment-card.frontier { --card-accent: #ff5b89; }
.deployment-card::before { height: 4px; }
.deployment-card:hover { border-color: var(--card-accent); }
.deployment-card .card-symbol { text-shadow: 0 0 22px var(--card-accent); }
.deployment-card.managed .service-price strong { color: #32c8df; }
.deployment-card.private .service-price strong { color: #9375e8; }
.deployment-card.frontier .service-price strong { color: #e76690; }
html.dark .deployment-card.managed .service-price strong { color: #65eaff; }
html.dark .deployment-card.private .service-price strong { color: #c4adff; }
html.dark .deployment-card.frontier .service-price strong { color: #ff86a8; }

.brand-stream {
  overflow: hidden;
  position: relative;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: var(--panel);
}
.brand-stream-label {
  padding: 18px 4vw 0;
  color: var(--muted);
  font: 10px/1.6 monospace;
  letter-spacing: .13em;
}
.brand-track { display: flex; width: max-content; animation: lempyra-brand-drift 28s linear infinite; }
.brand-set { display: flex; flex: 0 0 auto; align-items: center; gap: 0; padding: 28px 0 42px; }
.brand-set a { display: inline-flex; flex: 0 0 clamp(128px, 16.666667vw, 260px); width: clamp(128px, 16.666667vw, 260px); align-items: center; justify-content: center; min-height: 64px; }
.tech-mark {
  display: block;
  width: clamp(42px, 5vw, 66px);
  height: clamp(34px, 4.5vw, 58px);
  background: var(--fg);
  opacity: .6;
  transition: opacity .3s, transform .3s, background .3s;
  mask: var(--mark) center/contain no-repeat;
  -webkit-mask: var(--mark) center/contain no-repeat;
}
.brand-set a:hover .tech-mark,
.brand-set a:focus-visible .tech-mark { opacity: 1; transform: translateY(-2px); background: var(--spectrum); }
.tech-mark.oracle { --mark: url("brands/oracle.svg"); width: clamp(54px, 6vw, 82px); }
.tech-mark.lempyra, .brand-set a:hover .tech-mark.lempyra, .brand-set a:focus-visible .tech-mark.lempyra { mask: none; -webkit-mask: none; background: url("brands/lempyra-flame.svg") center/contain no-repeat; width: 64px; height: 64px; opacity: 1; }
.flame-wordmark { position: relative; padding-left: 60px; min-height: 48px; display: inline-block; }
.lempyra-emblem { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; }
.flame-wordmark small { line-height: 1.55; }
@media(max-width:580px) { .flame-wordmark { padding-left: 41px; } .lempyra-emblem { width: 34px; height: 34px; } .flame-wordmark small { letter-spacing: .08em; font-size: 6.5px; } }
.tech-mark.openai { --mark: url("brands/openai.svg"); }
.tech-mark.anthropic { --mark: url("brands/anthropic.svg"); }
.tech-mark.kimi { --mark: url("brands/kimi.svg"); }
.tech-mark.linux { --mark: url("brands/linux.svg"); }
.brand-stream:hover .brand-track,
.brand-stream:focus-within .brand-track { animation-play-state: paused; }

@keyframes lempyra-spectrum { to { background-position: 200% 0; } }
@keyframes lempyra-brand-drift { to { transform: translateX(-50%); } }
@media (max-width: 760px) {
  .brand-track { animation-duration: 22s; }
}
@media (max-width: 580px) {
  .pricing-intro h1 { font-size: clamp(42px, 11vw, 68px); }
  .brand-stream-label { padding-left: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  main::before { transform: none; will-change: auto; }
  .dae-mark, .site-nav .wordmark > span, .site-footer .wordmark > span, .brand-track { animation: none; }
  .brand-set[aria-hidden="true"] { display: none; }
  .brand-track { width: 100%; }
  .brand-set { width: 100%; flex-wrap: wrap; justify-content: center; row-gap: 24px; }
}