.specialization-shell.accent-cyan {
  --spec-green: #2f81f7;
  --spec-cyan: #37d9ff;
  --spec-cyan-deep: #0ea5e9;
  --spec-violet: #8b5cf6;
  --spec-navy: #07101f;
  --spec-navy-raised: #0b1628;
  --spec-card-border: color-mix(in srgb, #2f81f7 30%, rgba(255,255,255,.08));
  background:
    radial-gradient(circle at 84% 8%, rgba(47,129,247,.16), transparent 30%),
    radial-gradient(circle at 8% 28%, rgba(55,217,255,.08), transparent 28%),
    linear-gradient(180deg, #050b16 0%, #07101f 46%, #050a13 100%);
}

.specialization-shell.accent-cyan .specialization-hero {
  min-height: min(94vh, 51rem);
  background:
    radial-gradient(circle at 77% 30%, rgba(47,129,247,.20), transparent 18%),
    radial-gradient(circle at 86% 60%, rgba(139,92,246,.10), transparent 24%),
    linear-gradient(135deg, #040914 0%, #081427 55%, #07101f 100%);
}

.specialization-shell.accent-cyan .specialization-hero-art {
  opacity: .92;
  background:
    linear-gradient(90deg, transparent 0 64%, rgba(47,129,247,.10) 64.1%, transparent 64.3%),
    repeating-linear-gradient(90deg, transparent 0 58px, rgba(47,129,247,.045) 59px),
    repeating-linear-gradient(180deg, transparent 0 58px, rgba(55,217,255,.035) 59px),
    radial-gradient(circle at 76% 30%, rgba(55,217,255,.30) 0 1px, transparent 2px),
    radial-gradient(circle at 88% 51%, rgba(139,92,246,.20) 0 1px, transparent 2px);
  mask-image: radial-gradient(ellipse 74% 80% at 75% 42%, #000 0 38%, transparent 80%);
}

.specialization-shell.accent-cyan .specialization-node {
  border-radius: 12px;
  border-color: rgba(55,217,255,.46);
  background: linear-gradient(145deg, rgba(47,129,247,.18), rgba(8,18,34,.88));
  box-shadow: 0 0 28px rgba(47,129,247,.14), inset 0 1px 0 rgba(255,255,255,.10);
}

.specialization-shell.accent-cyan .specialization-node.is-core {
  width: 9.2rem;
  height: 5.6rem;
  border-radius: 18px;
  background:
    linear-gradient(90deg, rgba(55,217,255,.72) 0 2px, transparent 2px 31%, rgba(47,129,247,.60) 31% 32%, transparent 32% 66%, rgba(139,92,246,.46) 66% 67%, transparent 67%),
    linear-gradient(145deg, rgba(47,129,247,.22), rgba(7,16,31,.94));
}

.specialization-shell.accent-cyan .specialization-orbit {
  border-color: rgba(55,217,255,.20);
  border-radius: 18px;
  transform: rotate(9deg);
  animation: none;
}

.specialization-shell.accent-cyan .specialization-orbit.is-slow {
  border-color: rgba(139,92,246,.16);
  transform: rotate(-7deg);
}

.specialization-shell.accent-cyan .specialization-hero-overlay {
  background:
    linear-gradient(90deg, rgba(4,9,20,.96) 0%, rgba(4,9,20,.78) 44%, rgba(4,9,20,.24) 73%, rgba(4,9,20,.54) 100%),
    linear-gradient(180deg, rgba(4,9,20,.10), rgba(4,9,20,.18) 50%, #050b16 100%);
}

.specialization-shell.accent-cyan .specialization-eyebrow,
.specialization-shell.accent-cyan .eyebrow,
.specialization-shell.accent-cyan .specialization-metric strong,
.specialization-shell.accent-cyan .specialization-subhead {
  color: #55dfff;
}

.specialization-shell.accent-cyan .specialization-hero h1 {
  max-width: 15ch;
  background: linear-gradient(112deg, #ffffff 4%, #e7f4ff 42%, #49b8ff 72%, #8b5cf6 112%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: none;
  letter-spacing: -.035em;
}

.specialization-shell.accent-cyan .btn-primary,
.specialization-shell.accent-cyan .btn-glow {
  border-color: rgba(55,217,255,.62);
  background: linear-gradient(135deg, #0b4ccf, #0b63ce 54%, #0073a8);
  color: #ffffff;
  box-shadow: 0 16px 38px rgba(11,99,206,.26), inset 0 1px 0 rgba(255,255,255,.24);
}

.specialization-shell.accent-cyan .btn-primary:hover,
.specialization-shell.accent-cyan .btn-glow:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 44px rgba(11,99,206,.34), inset 0 1px 0 rgba(255,255,255,.30);
}

.specialization-shell.accent-cyan .specialization-metric,
.specialization-shell.accent-cyan .specialization-feature-card,
.specialization-shell.accent-cyan .specialization-evidence-card,
.specialization-shell.accent-cyan .specialization-phase-card,
.specialization-shell.accent-cyan .specialization-builds-grid li,
.specialization-shell.accent-cyan .specialization-limit-card,
.specialization-shell.accent-cyan .specialization-offer-card {
  border-color: rgba(47,129,247,.22);
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), transparent 34%),
    radial-gradient(circle at 0% 0%, rgba(55,217,255,.07), transparent 44%),
    rgba(8,18,34,.88);
}

.specialization-shell.accent-cyan .specialization-operational,
.specialization-shell.accent-cyan .specialization-builds,
.specialization-shell.accent-cyan .specialization-capstone,
.specialization-shell.accent-cyan .specialization-limitations,
.specialization-shell.accent-cyan .specialization-faq {
  background:
    radial-gradient(ellipse 66% 80% at 6% 8%, rgba(47,129,247,.07), transparent 43%),
    radial-gradient(ellipse 58% 68% at 94% 90%, rgba(139,92,246,.05), transparent 48%),
    rgba(6,14,28,.56);
}

.specialization-shell.accent-cyan .specialization-faq-list details {
  border-color: rgba(47,129,247,.22);
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), transparent 38%),
    rgba(8,18,34,.94);
  box-shadow: 0 12px 28px rgba(0,0,0,.20);
}

.specialization-shell.accent-cyan .specialization-cycle-core {
  box-shadow: 0 0 0 1px rgba(47,129,247,.24), 0 24px 70px rgba(0,0,0,.36);
}

.specialization-shell.accent-cyan .specialization-cycle-core strong {
  color: #65dfff;
}

.specialization-shell.accent-cyan .specialization-limit-status {
  border-color: rgba(66,211,146,.34);
  background: rgba(66,211,146,.08);
  color: #86e9b5;
}

.specialization-shell.accent-cyan .specialization-offer-card {
  --sale-countdown-accent: #37d9ff;
  --sale-countdown-border: rgba(55,217,255,.24);
  box-shadow: 0 30px 80px rgba(0,0,0,.34), 0 0 0 1px rgba(47,129,247,.08);
}

.specialization-shell.accent-cyan .specialization-offer-kicker {
  border-color: rgba(55,217,255,.28);
  background: rgba(8,18,34,.72);
  color: #65dfff;
}

.specialization-shell.accent-cyan .specialization-offer-save {
  border-color: rgba(55,217,255,.30);
  background: rgba(8,18,34,.76);
  box-shadow:
    0 0 0 1px rgba(47,129,247,.10),
    0 0 28px rgba(47,129,247,.14);
}

.specialization-shell.accent-cyan .specialization-offer-save-icon {
  background: #2f81f7;
  color: #04101f;
  box-shadow: 0 0 16px rgba(55,217,255,.28);
}

.specialization-shell.accent-cyan .specialization-offer-save span,
.specialization-shell.accent-cyan .specialization-offer-perks li {
  color: #dcecff;
}

.specialization-shell.accent-cyan .specialization-offer-perks li {
  border-color: rgba(47,129,247,.22);
  background: rgba(8,18,34,.62);
}

.specialization-shell.accent-cyan .specialization-offer-perks svg {
  color: #55dfff;
}

.specialization-shell.accent-cyan .specialization-offer-timer .scheduled-sale-countdown {
  --sale-countdown-accent: #37d9ff;
  --sale-countdown-border: rgba(55,217,255,.28);
  background:
    radial-gradient(circle at 10% 0%, rgba(55,217,255,.10), transparent 42%),
    rgba(8,18,34,.92);
}

.specialization-shell.accent-cyan .specialization-offer-price strong {
  color: #eef8ff;
}

.specialization-shell.accent-cyan .specialization-offer-save {
  color: #86e9b5;
}

.specialization-shell.accent-cyan .specialization-waitlist::backdrop {
  background: rgba(2,8,20,.82);
  backdrop-filter: blur(10px);
}

.specialization-shell.accent-cyan .specialization-waitlist-card {
  border-color: rgba(55,217,255,.32);
  color: #eef8ff;
  background:
    radial-gradient(ellipse 80% 50% at 0% 0%, rgba(55,217,255,.08), transparent 46%),
    linear-gradient(180deg, #0b1628, #07101f);
  box-shadow:
    0 0 0 1px rgba(47,129,247,.10),
    0 28px 60px rgba(0,0,0,.45);
}

.specialization-shell.accent-cyan .specialization-waitlist-card .lede,
.specialization-shell.accent-cyan .specialization-waitlist-field,
.specialization-shell.accent-cyan .specialization-waitlist-check {
  color: #c8d8ea;
}

.specialization-shell.accent-cyan .specialization-waitlist-field input:focus {
  outline: 2px solid #37d9ff;
  outline-offset: 2px;
  border-color: #37d9ff;
  box-shadow: 0 0 0 4px rgba(55,217,255,.16);
}

.specialization-shell.accent-cyan .specialization-waitlist-close:hover,
.specialization-shell.accent-cyan .specialization-waitlist-close:focus-visible {
  background: rgba(55,217,255,.12);
  border-color: rgba(55,217,255,.38);
}

@media (min-width: 900px) {
  .specialization-shell.accent-cyan .specialization-hero-inner {
    justify-items: start;
    justify-content: start;
    text-align: left;
  }

  .specialization-shell.accent-cyan .specialization-hero-copy {
    width: min(52rem, 69%);
    margin-inline: 0;
    text-align: left;
  }

  .specialization-shell.accent-cyan .specialization-hero h1,
  .specialization-shell.accent-cyan .specialization-hero .specialization-lead {
    margin-inline: 0;
    text-align: left;
  }

  .specialization-shell.accent-cyan .specialization-hero .specialization-hero-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 899px) {
  .specialization-shell.accent-cyan .specialization-hero {
    min-height: 44rem;
  }

  .specialization-shell.accent-cyan .specialization-hero-art {
    opacity: .50;
    mask-image: linear-gradient(#000, transparent 78%);
  }

  .specialization-shell.accent-cyan .specialization-node.is-core {
    top: 12%;
    right: 5%;
    transform: scale(.70);
    transform-origin: top right;
  }

  .specialization-shell.accent-cyan .specialization-orbit,
  .specialization-shell.accent-cyan .specialization-orbit.is-slow {
    opacity: .40;
  }
}
