* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --bg: #05080f;
  --panel: rgba(13, 20, 33, 0.82);
  --panel-solid: #0d1421;
  --panel-light: #121c2d;
  --text: #f6f8fc;
  --muted: #97a6ba;
  --line: rgba(255, 255, 255, 0.09);
  --blue: #33a7ff;
  --blue-bright: #69c4ff;
  --green: #42e7a7;
  --gold: #ffc85a;
  --red: #ff5d69;
  --radius: 22px;
}

html {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  background: var(--bg);
  color: var(--text);
  font-family: "Inter", sans-serif;
  overflow-x: hidden;
}

button,
input {
  font: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

.site-bg {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  overflow: hidden;
}

.grid-overlay {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to bottom, black, transparent 78%);
}

.glow {
  position: absolute;
  width: 620px;
  height: 620px;
  border-radius: 50%;
  filter: blur(120px);
  opacity: .14;
}

.glow-one {
  background: var(--blue);
  top: -250px;
  right: -180px;
}

.glow-two {
  background: #1d6dff;
  left: -300px;
  top: 620px;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  width: 100%;
  min-height: 76px;
  padding: 0 6vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(5, 8, 15, 0.76);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(18px);
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: "Space Grotesk", sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
}

.brand-mark {
  position: relative;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
}

.brand-mark.large {
  width: 54px;
  height: 54px;
}

.brand-orbit {
  position: absolute;
  inset: 3px;
  border: 2px solid var(--blue);
  border-left-color: transparent;
  border-radius: 50%;
  transform: rotate(-28deg);
}

.brand-core {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--blue-bright), #3569ff);
  box-shadow: 0 0 24px var(--blue);
}

.nav {
  display: flex;
  align-items: center;
  gap: 28px;
  color: #c8d2df;
  font-size: .92rem;
  font-weight: 600;
}

.nav a {
  transition: color .2s ease;
}

.nav a:hover {
  color: white;
}

.nav-cta {
  padding: 11px 17px;
  border: 1px solid rgba(105, 196, 255, .35);
  border-radius: 999px;
  background: rgba(51, 167, 255, .09);
}

.menu-button {
  display: none;
  width: 42px;
  height: 42px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel);
}

.menu-button span {
  display: block;
  width: 19px;
  height: 2px;
  background: white;
  margin: 4px auto;
}

.hero {
  width: min(1440px, 100%);
  min-height: calc(100vh - 76px);
  padding: 90px 6vw 80px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  align-items: center;
  gap: 64px;
}

.eyebrow,
.section-kicker {
  color: var(--blue-bright);
  font-size: .76rem;
  letter-spacing: .16em;
  font-weight: 800;
  text-transform: uppercase;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 9px 13px;
  border: 1px solid rgba(105, 196, 255, .2);
  border-radius: 999px;
  background: rgba(51, 167, 255, .06);
}

.live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 14px var(--green);
}

.hero h1 {
  max-width: 760px;
  margin-top: 24px;
  font-family: "Space Grotesk", sans-serif;
  font-size: clamp(3.4rem, 6.8vw, 6.7rem);
  line-height: .96;
  letter-spacing: -.055em;
}

.hero h1 span {
  color: transparent;
  background: linear-gradient(100deg, #d9f2ff, var(--blue), #527cff);
  -webkit-background-clip: text;
  background-clip: text;
}

.hero-description {
  max-width: 680px;
  margin-top: 28px;
  color: var(--muted);
  font-size: 1.12rem;
  line-height: 1.78;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}

.button {
  min-height: 50px;
  padding: 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 13px;
  font-weight: 800;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.button:hover {
  transform: translateY(-2px);
}

.button-primary {
  color: #04111d;
  background: linear-gradient(135deg, #84d7ff, #3b9cff);
  box-shadow: 0 14px 38px rgba(51, 167, 255, .18);
}

.button-secondary {
  color: white;
  background: rgba(255,255,255,.045);
  border: 1px solid var(--line);
}

.hero-stats {
  display: flex;
  gap: 38px;
  margin-top: 54px;
}

.hero-stats div {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.hero-stats strong {
  font-size: 1.6rem;
  font-family: "Space Grotesk", sans-serif;
}

.hero-stats span {
  color: var(--muted);
  font-size: .79rem;
}

.weather-console {
  overflow: hidden;
  border: 1px solid rgba(105, 196, 255, .16);
  border-radius: 26px;
  background: linear-gradient(145deg, rgba(17, 27, 45, .96), rgba(8, 13, 23, .96));
  box-shadow:
    0 40px 100px rgba(0,0,0,.4),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.console-topbar,
.console-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
}

.console-topbar {
  border-bottom: 1px solid var(--line);
}

.console-topbar > div {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.console-label {
  color: var(--blue-bright);
  font-size: .64rem;
  letter-spacing: .14em;
  font-weight: 800;
}

.console-topbar strong {
  font-size: .96rem;
}

.system-status {
  color: #b8c5d5;
  font-size: .72rem;
}

.system-status i {
  width: 7px;
  height: 7px;
  display: inline-block;
  margin-right: 7px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 12px var(--green);
}

.radar-panel {
  min-height: 455px;
  padding: 22px;
  display: grid;
  grid-template-columns: 1fr 142px;
  gap: 18px;
}

.radar {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
  max-height: 420px;
  border: 1px solid rgba(105, 196, 255, .12);
  border-radius: 50%;
  background:
    radial-gradient(circle at center, rgba(51,167,255,.11), transparent 65%),
    #07101c;
  box-shadow: inset 0 0 70px rgba(51, 167, 255, .05);
}

.radar-ring {
  position: absolute;
  border: 1px solid rgba(105, 196, 255, .17);
  border-radius: 50%;
  inset: 17%;
}

.ring-two { inset: 34%; }
.ring-three { inset: 46%; }

.radar-cross {
  position: absolute;
  background: rgba(105, 196, 255, .12);
}

.radar-cross.horizontal {
  left: 7%;
  right: 7%;
  top: 50%;
  height: 1px;
}

.radar-cross.vertical {
  top: 7%;
  bottom: 7%;
  left: 50%;
  width: 1px;
}

.radar-sweep {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: conic-gradient(from 0deg, transparent 0deg, rgba(51,167,255,.25) 20deg, transparent 55deg);
  animation: radarSpin 5s linear infinite;
}

.radar-center {
  position: absolute;
  width: 8px;
  height: 8px;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  background: white;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 18px var(--blue);
}

.storm-cell {
  position: absolute;
  border-radius: 52% 48% 59% 41% / 48% 39% 61% 52%;
  filter: blur(1px);
  animation: pulseCell 2.5s ease-in-out infinite;
}

.cell-one {
  width: 19%;
  height: 13%;
  top: 23%;
  left: 58%;
  background: radial-gradient(circle, #ff5d69 0 13%, #ffc85a 16% 32%, #42e7a7 42%, rgba(66,231,167,.1) 72%);
  transform: rotate(18deg);
}

.cell-two {
  width: 13%;
  height: 20%;
  top: 58%;
  left: 28%;
  background: radial-gradient(circle, #ffc85a 0 20%, #42e7a7 38%, rgba(66,231,167,.08) 76%);
  animation-delay: .8s;
}

.cell-three {
  width: 9%;
  height: 10%;
  top: 43%;
  left: 67%;
  background: radial-gradient(circle, #42e7a7 0 36%, rgba(66,231,167,.05) 75%);
  animation-delay: 1.4s;
}

.console-sidebar {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.data-card {
  flex: 1;
  padding: 16px 13px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 7px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: rgba(255,255,255,.025);
}

.data-card span {
  color: var(--muted);
  font-size: .61rem;
  letter-spacing: .11em;
}

.data-card strong {
  font-size: .93rem;
}

.data-card small {
  color: var(--muted);
  font-size: .65rem;
  line-height: 1.4;
}

.alert-card {
  border-color: rgba(66,231,167,.14);
  background: rgba(66,231,167,.035);
}

.console-footer {
  justify-content: flex-start;
  gap: 18px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: .68rem;
}

.console-footer i {
  width: 6px;
  height: 6px;
  display: inline-block;
  margin-right: 5px;
  border-radius: 50%;
}

.status-blue { background: var(--blue); }
.status-green { background: var(--green); }
.status-gold { background: var(--gold); }
.status-red { background: var(--red); }

.section {
  width: min(1440px, 100%);
  margin: 0 auto;
  padding: 110px 6vw;
}

.section-heading {
  max-width: 740px;
  margin-bottom: 45px;
}

.section-heading h2,
.about-panel h2,
.contact-card h2 {
  margin-top: 13px;
  font-family: "Space Grotesk", sans-serif;
  font-size: clamp(2.25rem, 4vw, 4rem);
  line-height: 1.05;
  letter-spacing: -.04em;
}

.section-heading p,
.about-panel p,
.contact-card p {
  margin-top: 18px;
  color: var(--muted);
  line-height: 1.75;
}

.apps-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.app-card {
  position: relative;
  min-height: 405px;
  padding: 26px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(150deg, rgba(18, 28, 45, .88), rgba(8, 13, 22, .9));
  overflow: hidden;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.app-card:hover {
  transform: translateY(-7px);
  border-color: rgba(105,196,255,.24);
  box-shadow: 0 28px 65px rgba(0,0,0,.25);
}

.app-card-featured {
  border-color: rgba(105,196,255,.25);
  box-shadow: inset 0 0 70px rgba(51,167,255,.04);
}

.app-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(105,196,255,.18);
  border-radius: 14px;
  color: var(--blue-bright);
  background: rgba(51,167,255,.08);
  font-family: "Space Grotesk", sans-serif;
  font-size: .82rem;
  font-weight: 700;
}

.app-badge {
  position: absolute;
  top: 27px;
  right: 25px;
  padding: 7px 10px;
  border-radius: 999px;
  color: var(--green);
  background: rgba(66,231,167,.08);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.app-card h3 {
  margin-top: 24px;
  font-family: "Space Grotesk", sans-serif;
  font-size: 1.55rem;
}

.app-card p {
  margin-top: 13px;
  color: var(--muted);
  line-height: 1.65;
  font-size: .91rem;
}

.app-card ul {
  margin: 20px 0 25px;
  display: grid;
  gap: 10px;
  list-style: none;
  color: #cbd5e2;
  font-size: .82rem;
}

.app-card li::before {
  content: "•";
  color: var(--blue);
  margin-right: 9px;
}

.app-button {
  width: 100%;
  min-height: 43px;
  margin-top: auto;
  border: 1px solid var(--line);
  border-radius: 11px;
  color: white;
  background: rgba(255,255,255,.035);
  cursor: pointer;
  font-weight: 700;
  transition: background .2s ease, border-color .2s ease;
}

.app-button:hover {
  border-color: rgba(105,196,255,.3);
  background: rgba(51,167,255,.08);
}

.future-card {
  justify-content: center;
  background:
    radial-gradient(circle at top right, rgba(51,167,255,.18), transparent 45%),
    linear-gradient(150deg, rgba(18, 28, 45, .85), rgba(8, 13, 22, .9));
}

.future-card h3 {
  font-size: 2rem;
}

.text-link {
  margin-top: 22px;
  color: var(--blue-bright);
  font-weight: 700;
}

.ecosystem-section {
  overflow: hidden;
}

.ecosystem-wrap {
  position: relative;
  min-height: 600px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 30px;
  background:
    radial-gradient(circle at center, rgba(51,167,255,.1), transparent 30%),
    rgba(9, 15, 25, .7);
  overflow: hidden;
}

.ecosystem-wrap::before,
.ecosystem-wrap::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(105,196,255,.1);
  border-radius: 50%;
}

.ecosystem-wrap::before {
  width: 450px;
  height: 450px;
}

.ecosystem-wrap::after {
  width: 690px;
  height: 690px;
}

.ecosystem-center {
  z-index: 2;
  width: 210px;
  height: 210px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid rgba(105,196,255,.22);
  border-radius: 50%;
  background: #0b1422;
  box-shadow: 0 0 90px rgba(51,167,255,.1);
}

.ecosystem-center strong {
  font-family: "Space Grotesk", sans-serif;
  font-size: 1.2rem;
}

.ecosystem-center small {
  color: var(--muted);
  font-size: .67rem;
}

.ecosystem-node {
  position: absolute;
  z-index: 3;
  width: 180px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: rgba(13,20,33,.95);
  box-shadow: 0 18px 40px rgba(0,0,0,.25);
}

.ecosystem-node strong,
.ecosystem-node span {
  display: block;
}

.ecosystem-node strong {
  font-size: .86rem;
}

.ecosystem-node span {
  margin-top: 5px;
  color: var(--blue-bright);
  font-size: .68rem;
}

.node-one { top: 11%; left: 15%; }
.node-two { top: 12%; right: 14%; }
.node-three { bottom: 12%; left: 11%; }
.node-four { bottom: 11%; right: 12%; }
.node-five { top: 45%; right: 5%; }

.split-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: start;
}

.about-panel p + p {
  margin-top: 14px;
}

.mission-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.mission-card {
  min-height: 205px;
  padding: 23px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(13,20,33,.65);
}

.mission-card span {
  color: var(--blue);
  font-size: .68rem;
  font-weight: 800;
}

.mission-card h3 {
  margin-top: 35px;
  font-family: "Space Grotesk", sans-serif;
  font-size: 1.25rem;
}

.mission-card p {
  margin-top: 10px;
  color: var(--muted);
  font-size: .84rem;
  line-height: 1.6;
}

.contact-section {
  padding-top: 60px;
}

.contact-card {
  padding: 70px max(30px, 7vw);
  text-align: center;
  border: 1px solid rgba(105,196,255,.15);
  border-radius: 30px;
  background:
    radial-gradient(circle at top center, rgba(51,167,255,.13), transparent 43%),
    rgba(11,18,30,.85);
}

.contact-card p {
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
}

.notify-form {
  max-width: 590px;
  margin: 28px auto 0;
  display: flex;
  gap: 10px;
}

.notify-form input {
  min-width: 0;
  flex: 1;
  padding: 0 17px;
  border: 1px solid var(--line);
  border-radius: 13px;
  outline: none;
  color: white;
  background: rgba(255,255,255,.04);
}

.notify-form input:focus {
  border-color: rgba(105,196,255,.4);
}

.form-message {
  min-height: 24px;
  margin-top: 13px !important;
  color: var(--green) !important;
  font-size: .82rem;
}

.site-footer {
  padding: 42px 6vw;
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 35px;
  border-top: 1px solid var(--line);
  color: var(--muted);
}

.site-footer > div:first-child p {
  margin-top: 10px;
  font-size: .78rem;
}

.footer-links {
  display: flex;
  gap: 22px;
  font-size: .78rem;
}

.copyright {
  font-size: .75rem;
}

.modal {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: none;
  place-items: center;
  padding: 20px;
}

.modal.open {
  display: grid;
}

.modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.72);
  backdrop-filter: blur(8px);
}

.modal-card {
  position: relative;
  z-index: 1;
  width: min(520px, 100%);
  padding: 34px;
  border: 1px solid rgba(105,196,255,.18);
  border-radius: 24px;
  background: #0d1523;
  box-shadow: 0 40px 100px rgba(0,0,0,.45);
}

.modal-card h2 {
  margin-top: 11px;
  font-family: "Space Grotesk", sans-serif;
  font-size: 2rem;
}

.modal-card > p {
  margin-top: 16px;
  color: var(--muted);
  line-height: 1.7;
}

.modal-close {
  position: absolute;
  top: 15px;
  right: 16px;
  width: 36px;
  height: 36px;
  border: 1px solid var(--line);
  border-radius: 10px;
  color: white;
  background: rgba(255,255,255,.04);
  cursor: pointer;
  font-size: 1.5rem;
}

.modal-status {
  margin: 25px 0;
  padding: 15px;
  display: flex;
  justify-content: space-between;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: rgba(255,255,255,.025);
}

.modal-status span {
  color: var(--muted);
}

.modal-status strong {
  color: var(--gold);
}

.reveal { opacity: 1; transform: none; visibility: visible; }

.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

@keyframes radarSpin {
  to { transform: rotate(360deg); }
}

@keyframes pulseCell {
  0%, 100% { opacity: .72; transform: scale(.95); }
  50% { opacity: 1; transform: scale(1.08); }
}

@media (max-width: 1050px) {
  .hero {
    grid-template-columns: 1fr;
    padding-top: 70px;
  }

  .hero-copy {
    max-width: 820px;
  }

  .hero-visual {
    max-width: 760px;
  }

  .apps-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .split-section {
    grid-template-columns: 1fr;
  }

  .node-five {
    display: none;
  }

  .site-footer {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .site-header {
    min-height: 68px;
    padding: 0 20px;
  }

  .menu-button {
    display: block;
  }

  .nav {
    position: absolute;
    top: 68px;
    left: 14px;
    right: 14px;
    padding: 16px;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: rgba(8,13,22,.98);
    box-shadow: 0 24px 60px rgba(0,0,0,.4);
  }

  .nav.open {
    display: flex;
  }

  .nav a {
    padding: 12px;
  }

  .hero {
    min-height: auto;
    padding: 70px 20px;
    gap: 48px;
  }

  .hero h1 {
    font-size: clamp(3.1rem, 16vw, 5rem);
  }

  .hero-description {
    font-size: 1rem;
  }

  .hero-stats {
    gap: 22px;
    flex-wrap: wrap;
  }

  .radar-panel {
    min-height: auto;
    grid-template-columns: 1fr;
  }

  .console-sidebar {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .console-footer {
    flex-wrap: wrap;
  }

  .section {
    padding: 85px 20px;
  }

  .apps-grid,
  .mission-grid {
    grid-template-columns: 1fr;
  }

  .ecosystem-wrap {
    min-height: 650px;
  }

  .ecosystem-wrap::before {
    width: 330px;
    height: 330px;
  }

  .ecosystem-wrap::after {
    width: 520px;
    height: 520px;
  }

  .ecosystem-center {
    width: 170px;
    height: 170px;
  }

  .ecosystem-node {
    width: 145px;
  }

  .node-one { top: 8%; left: 5%; }
  .node-two { top: 8%; right: 5%; }
  .node-three { bottom: 8%; left: 5%; }
  .node-four { bottom: 8%; right: 5%; }

  .notify-form {
    flex-direction: column;
  }

  .notify-form input {
    min-height: 50px;
  }

  .site-footer {
    padding: 38px 20px;
  }

  .footer-links {
    flex-wrap: wrap;
  }
}

@media (max-width: 480px) {
  .hero h1 {
    font-size: 3rem;
  }

  .hero-actions {
    flex-direction: column;
  }

  .button {
    width: 100%;
  }

  .console-topbar {
    align-items: flex-start;
    gap: 12px;
  }

  .system-status {
    display: none;
  }

  .console-sidebar {
    grid-template-columns: 1fr;
  }

  .ecosystem-wrap {
    min-height: 720px;
  }

  .ecosystem-node {
    width: 130px;
    padding: 13px;
  }

  .node-one { top: 7%; left: 3%; }
  .node-two { top: 7%; right: 3%; }
  .node-three { bottom: 7%; left: 3%; }
  .node-four { bottom: 7%; right: 3%; }
}


.pricing-section {
  padding-top: 80px;
}

.billing-toggle {
  width: fit-content;
  margin: -15px 0 34px;
  padding: 5px;
  display: flex;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
}

.billing-option {
  min-height: 40px;
  padding: 0 16px;
  border: 0;
  border-radius: 999px;
  color: var(--muted);
  background: transparent;
  cursor: pointer;
  font-size: .82rem;
  font-weight: 800;
}

.billing-option span {
  margin-left: 5px;
  color: var(--green);
  font-size: .66rem;
}

.billing-option.active {
  color: white;
  background: rgba(51,167,255,.16);
  box-shadow: inset 0 0 0 1px rgba(105,196,255,.18);
}

.pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  align-items: stretch;
}

.pricing-card {
  position: relative;
  min-height: 540px;
  padding: 29px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: linear-gradient(150deg, rgba(18,28,45,.88), rgba(8,13,22,.93));
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.pricing-card:hover {
  transform: translateY(-7px);
  border-color: rgba(105,196,255,.24);
  box-shadow: 0 28px 65px rgba(0,0,0,.25);
}

.pricing-featured {
  border-color: rgba(105,196,255,.34);
  background:
    radial-gradient(circle at top right, rgba(51,167,255,.13), transparent 40%),
    linear-gradient(150deg, rgba(19,31,51,.94), rgba(8,13,22,.96));
  box-shadow: 0 25px 70px rgba(51,167,255,.09);
}

.popular-badge {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 7px 10px;
  border-radius: 999px;
  color: #06131d;
  background: var(--blue-bright);
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.plan-label {
  color: var(--blue-bright);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.pricing-top h3 {
  margin-top: 14px;
  font-family: "Space Grotesk", sans-serif;
  font-size: 1.85rem;
}

.pricing-top p {
  min-height: 48px;
  margin-top: 10px;
  color: var(--muted);
  font-size: .86rem;
  line-height: 1.6;
}

.price-row {
  margin-top: 28px;
  padding-bottom: 22px;
  display: flex;
  align-items: end;
  gap: 8px;
  border-bottom: 1px solid var(--line);
}

.price-row strong {
  font-family: "Space Grotesk", sans-serif;
  font-size: 3.2rem;
  line-height: 1;
  letter-spacing: -.05em;
}

.price-row span {
  padding-bottom: 6px;
  color: var(--muted);
  font-size: .78rem;
}

.pricing-features {
  margin: 25px 0 28px;
  display: grid;
  gap: 13px;
  list-style: none;
  color: #d3dce8;
  font-size: .84rem;
}

.pricing-features li::before {
  content: "✓";
  margin-right: 10px;
  color: var(--green);
  font-weight: 900;
}

.plan-button {
  width: 100%;
  margin-top: auto;
}

.pricing-note {
  margin-top: 22px;
  color: var(--muted);
  font-size: .76rem;
  line-height: 1.6;
}


@media (max-width: 1050px) {
  .pricing-grid {
    grid-template-columns: 1fr;
  }

  .pricing-card {
    min-height: auto;
  }
}

@media (max-width: 480px) {
  .billing-toggle {
    width: 100%;
  }

  .billing-option {
    flex: 1;
  }

  .price-row strong {
    font-size: 2.8rem;
  }
}


.account-button {
  padding: 10px 15px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: #dce7f3;
  background: rgba(255,255,255,.035);
  cursor: pointer;
  font-weight: 700;
}

.checkout-card,
.account-card {
  max-height: 90vh;
  overflow-y: auto;
}

.checkout-form {
  margin-top: 24px;
  display: grid;
  gap: 16px;
}

.checkout-form label {
  display: grid;
  gap: 8px;
  color: #d8e1ec;
  font-size: .82rem;
  font-weight: 700;
}

.checkout-form input,
.checkout-form select {
  width: 100%;
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  outline: none;
  color: white;
  background: rgba(255,255,255,.045);
}

.checkout-form select option {
  color: #111;
}

.checkout-form input:focus,
.checkout-form select:focus {
  border-color: rgba(105,196,255,.45);
}

.checkout-total {
  margin-top: 4px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: rgba(255,255,255,.03);
}

.checkout-total span {
  color: var(--muted);
}

.checkout-total strong {
  font-family: "Space Grotesk", sans-serif;
  font-size: 1.5rem;
}

.checkout-disclaimer {
  color: var(--muted) !important;
  font-size: .72rem;
  line-height: 1.5;
  text-align: center;
}

.checkout-success {
  text-align: center;
}

.checkout-success h2 {
  margin-top: 12px;
}

.checkout-success p {
  margin: 15px 0 24px;
  color: var(--muted);
  line-height: 1.7;
}

.success-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 18px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #03130d;
  background: var(--green);
  font-size: 2rem;
  font-weight: 900;
  box-shadow: 0 0 40px rgba(66,231,167,.25);
}

.account-summary {
  margin: 22px 0;
  display: grid;
  gap: 12px;
}

.account-row {
  padding: 14px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255,255,255,.03);
}

.account-row span {
  color: var(--muted);
}

.account-empty {
  margin: 22px 0;
  color: var(--muted);
  line-height: 1.7;
}

@media (max-width: 760px) {
  .account-button {
    width: 100%;
    text-align: left;
    border-radius: 10px;
  }
}


.app-name-button {
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.app-name-button:hover {
  color: var(--blue-bright);
}

.product-workspace {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: none;
  flex-direction: column;
  color: var(--text);
  background: #05080f;
}

.product-workspace.open {
  display: flex;
}

.workspace-header {
  min-height: 72px;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 24px;
  border-bottom: 1px solid var(--line);
  background: rgba(8, 13, 22, .98);
}

.workspace-brand {
  display: flex;
  align-items: center;
  gap: 11px;
}

.workspace-brand > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.workspace-brand small {
  color: var(--blue-bright);
  font-size: .57rem;
  font-weight: 900;
  letter-spacing: .13em;
}

.workspace-brand strong {
  font-family: "Space Grotesk", sans-serif;
}

.workspace-status {
  display: flex;
  gap: 17px;
  color: var(--muted);
  font-size: .68rem;
}

.workspace-status i {
  width: 7px;
  height: 7px;
  display: inline-block;
  margin-right: 6px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 10px var(--green);
}

.workspace-close,
.workspace-action {
  min-height: 39px;
  padding: 0 15px;
  border: 1px solid var(--line);
  border-radius: 10px;
  color: white;
  background: rgba(255,255,255,.04);
  cursor: pointer;
  font-weight: 750;
}

.workspace-close:hover,
.workspace-action:hover {
  border-color: rgba(105,196,255,.35);
  background: rgba(51,167,255,.08);
}

.workspace-body {
  min-height: 0;
  flex: 1;
  display: grid;
  grid-template-columns: 350px 1fr;
}

.workspace-sidebar {
  min-height: 0;
  padding: 21px;
  overflow-y: auto;
  border-right: 1px solid var(--line);
  background: #09101b;
}

.workspace-description h2 {
  margin-top: 9px;
  font-family: "Space Grotesk", sans-serif;
  font-size: 1.65rem;
}

.workspace-description p {
  margin-top: 10px;
  color: var(--muted);
  font-size: .78rem;
  line-height: 1.65;
}

.workspace-tabs {
  margin-top: 19px;
  padding: 4px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: rgba(255,255,255,.025);
}

.workspace-tab {
  min-height: 35px;
  padding: 5px;
  border: 0;
  border-radius: 8px;
  color: var(--muted);
  background: transparent;
  cursor: pointer;
  font-size: .66rem;
  font-weight: 800;
}

.workspace-tab.active {
  color: white;
  background: rgba(51,167,255,.14);
}

.workspace-panel {
  display: none;
  margin-top: 19px;
}

.workspace-panel.active {
  display: block;
}

.workspace-control {
  margin-bottom: 16px;
  display: grid;
  gap: 8px;
  color: #cbd6e3;
  font-size: .73rem;
  font-weight: 750;
}

.workspace-control input[type="range"] {
  width: 100%;
  accent-color: var(--blue);
}

.workspace-control select {
  min-height: 42px;
  padding: 0 11px;
  border: 1px solid var(--line);
  border-radius: 9px;
  color: white;
  background: #101a29;
}

.radar-time-row {
  margin-bottom: 16px;
  padding: 11px;
  display: flex;
  justify-content: space-between;
  border: 1px solid var(--line);
  border-radius: 9px;
  color: var(--muted);
  font-size: .69rem;
}

.radar-time-row strong {
  color: white;
}

.layer-toggles {
  margin-bottom: 16px;
  display: grid;
  gap: 10px;
  color: #cbd6e3;
  font-size: .73rem;
}

.layer-toggles label {
  display: flex;
  align-items: center;
  gap: 8px;
}

.layer-toggles input {
  accent-color: var(--blue);
}

.workspace-action {
  width: 100%;
}

.warning-list {
  display: grid;
  gap: 10px;
}

.warning-item {
  padding: 13px;
  border: 1px solid var(--line);
  border-left: 3px solid var(--red);
  border-radius: 9px;
  background: rgba(255,255,255,.025);
  cursor: pointer;
}

.warning-item:hover {
  background: rgba(255,255,255,.05);
}

.warning-item strong {
  display: block;
  font-size: .76rem;
}

.warning-item span {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: .67rem;
  line-height: 1.4;
}

.warning-item.tornado {
  border-left-color: #ff335c;
}

.warning-item.severe {
  border-left-color: #ffb229;
}

.warning-item.flood {
  border-left-color: #3fe49b;
}

.workspace-muted {
  color: var(--muted);
  font-size: .76rem;
  line-height: 1.6;
}

.workspace-feature-list {
  display: grid;
  gap: 11px;
  list-style: none;
}

.workspace-feature-list li {
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 9px;
  color: #d5dfeb;
  background: rgba(255,255,255,.025);
  font-size: .74rem;
  line-height: 1.45;
}

.workspace-feature-list li::before {
  content: "✓";
  margin-right: 8px;
  color: var(--green);
}

.map-stage {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: auto 1fr auto;
  background: #060a11;
}

.map-toolbar,
.map-data-strip {
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  border-bottom: 1px solid var(--line);
  background: #0a111c;
}

.map-toolbar > div:first-child {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.map-product {
  color: var(--blue-bright);
  font-size: .58rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.map-toolbar strong {
  font-size: .8rem;
}

.map-legend {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: .61rem;
}

.reflectivity-scale {
  width: 150px;
  height: 9px;
  border-radius: 999px;
  background: linear-gradient(90deg, #57b8ff, #41de81, #efe34e, #ff952e, #ef3d4f, #d137d8);
}

#liveWeatherMap {
  min-height: 420px;
  width: 100%;
  background: #0a111b;
}

.map-data-strip {
  flex-wrap: wrap;
  justify-content: flex-start;
  border-top: 1px solid var(--line);
  border-bottom: 0;
  color: var(--muted);
  font-size: .63rem;
}

.map-data-strip span:last-child {
  margin-left: auto;
}

.dot {
  width: 7px;
  height: 7px;
  display: inline-block;
  margin-right: 5px;
  border-radius: 50%;
}

.radar-dot { background: var(--blue); }
.warning-dot { background: var(--red); }
.map-dot { background: white; }

.leaflet-container {
  font-family: "Inter", sans-serif;
}

.leaflet-control-layers,
.leaflet-bar a {
  border-color: rgba(255,255,255,.14) !important;
  color: white !important;
  background: #101925 !important;
}

.leaflet-control-attribution {
  color: #aeb9c7;
  background: rgba(4,8,14,.82) !important;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  color: white;
  background: #111b29;
}

.warning-popup h3 {
  margin-bottom: 6px;
  font-size: .9rem;
}

.warning-popup p {
  margin: 5px 0;
  font-size: .72rem;
  line-height: 1.45;
}

@media (max-width: 900px) {
  .workspace-header {
    grid-template-columns: 1fr auto;
  }

  .workspace-status {
    display: none;
  }

  .workspace-body {
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(500px, 1fr);
    overflow-y: auto;
  }

  .workspace-sidebar {
    overflow: visible;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .map-stage {
    min-height: 600px;
  }
}

@media (max-width: 560px) {
  .workspace-header {
    padding: 0 12px;
  }

  .workspace-close {
    padding: 0 10px;
    font-size: .68rem;
  }

  .workspace-body {
    grid-template-rows: auto minmax(520px, 1fr);
  }

  .workspace-tabs {
    grid-template-columns: 1fr;
  }

  .map-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .reflectivity-scale {
    width: 120px;
  }
}

.nav-dropdown{position:relative}.nav-dropdown-button{padding:0;border:0;color:#c8d2df;background:transparent;cursor:pointer;font:inherit;font-weight:600}.nav-dropdown-button:hover,.nav-dropdown-button.open{color:#fff}.nav-dropdown-button span{margin-left:4px;font-size:.72rem}.nav-dropdown-menu{position:absolute;top:calc(100% + 16px);left:50%;width:210px;padding:8px;display:none;transform:translateX(-50%);border:1px solid var(--line);border-radius:14px;background:rgba(8,13,22,.98);box-shadow:0 22px 55px rgba(0,0,0,.38)}.nav-dropdown-menu.open{display:grid}.nav-dropdown-menu a{padding:11px 12px;border-radius:9px;color:#cbd6e3;font-size:.82rem}.nav-dropdown-menu a:hover{color:#fff;background:rgba(51,167,255,.09)}
.team-section{padding-top:80px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.team-card{padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(150deg,rgba(18,28,45,.88),rgba(8,13,22,.93))}.team-avatar{width:64px;height:64px;display:grid;place-items:center;border:1px solid rgba(105,196,255,.24);border-radius:50%;color:var(--blue-bright);background:rgba(51,167,255,.08);font-family:"Space Grotesk",sans-serif;font-weight:800}.team-role{display:block;margin-top:24px;color:var(--blue-bright);font-size:.68rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.team-card h3{margin-top:8px;font-family:"Space Grotesk",sans-serif;font-size:1.55rem}.team-card p{margin-top:14px;color:var(--muted);font-size:.88rem;line-height:1.7}.team-card ul{margin-top:20px;display:grid;gap:10px;list-style:none;color:#d2dce8;font-size:.8rem}.team-card li::before{content:"•";margin-right:8px;color:var(--green)}.team-stats{margin-top:18px;padding:24px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:18px;background:rgba(13,20,33,.6)}.team-stats div{text-align:center}.team-stats div+div{border-left:1px solid var(--line)}.team-stats strong,.team-stats span{display:block}.team-stats strong{font-family:"Space Grotesk",sans-serif;font-size:2rem}.team-stats span{margin-top:5px;color:var(--muted);font-size:.76rem}.mission-section{padding-top:30px}
@media(max-width:900px){.team-grid{grid-template-columns:1fr}}@media(max-width:760px){.nav-dropdown{width:100%}.nav-dropdown-button{width:100%;padding:12px;text-align:left}.nav-dropdown-menu{position:static;width:100%;padding:4px 0 0 12px;transform:none;border:0;border-radius:0;background:transparent;box-shadow:none}.team-stats{grid-template-columns:1fr;gap:18px}.team-stats div+div{padding-top:18px;border-top:1px solid var(--line);border-left:0}}

body.light-theme{--bg:#eef4fa;--panel:rgba(255,255,255,.92);--panel-solid:#fff;--panel-light:#f2f7fb;--text:#0c1724;--muted:#52677c;--line:rgba(12,23,36,.12);background:#eef4fa}
body.light-theme .site-header,body.light-theme .map-toolbar,body.light-theme .map-data-strip{background:rgba(244,248,252,.94)}
body.light-theme .app-card,body.light-theme .team-card,body.light-theme .pricing-card,body.light-theme .product-page-card,body.light-theme .career-card,body.light-theme .community-card{background:#fff}
.product-page-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.product-page-card{padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(150deg,rgba(18,28,45,.88),rgba(8,13,22,.93))}.product-page-top{display:flex;justify-content:space-between;align-items:center}.product-page-top span{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(105,196,255,.2);border-radius:14px;color:var(--blue-bright);background:rgba(51,167,255,.08);font-weight:900}.product-page-top em{color:var(--muted);font-size:.72rem;font-style:normal}.product-page-card h3{margin-top:22px;font-family:"Space Grotesk",sans-serif;font-size:1.7rem}.product-page-card p{margin-top:12px;color:var(--muted);line-height:1.7}.product-page-meta{margin:20px 0;display:flex;gap:8px}.product-page-meta span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--blue-bright);font-size:.67rem}
.stats-showcase{padding:30px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:24px;background:rgba(13,20,33,.65)}.stats-showcase div{text-align:center}.stats-showcase div+div{border-left:1px solid var(--line)}.stats-showcase strong,.stats-showcase span{display:block}.stats-showcase strong{font-family:"Space Grotesk",sans-serif;font-size:2.6rem}.stats-showcase span{margin-top:7px;color:var(--muted);font-size:.78rem}
.roadmap-timeline{display:grid;gap:18px}.roadmap-item{display:grid;grid-template-columns:110px 1fr;gap:24px;padding:25px;border:1px solid var(--line);border-radius:18px;background:rgba(13,20,33,.6)}.roadmap-item>span{color:var(--blue-bright);font-family:"Space Grotesk",sans-serif;font-size:1.4rem}.roadmap-item h3{font-size:1.2rem}.roadmap-item p{margin-top:8px;color:var(--muted);line-height:1.65}
.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.status-card{padding:18px;display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:14px;background:rgba(13,20,33,.6)}.status-card span{color:#dce6f1}.status-card i{width:8px;height:8px;display:inline-block;margin-right:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.status-card strong{color:var(--green);font-size:.78rem}
.resource-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.resource-tab{padding:11px 15px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.03);cursor:pointer;font-weight:800}.resource-tab.active{color:white;background:rgba(51,167,255,.16);border-color:rgba(105,196,255,.25)}.resource-panel{display:none}.resource-panel.active{display:block}.resource-grid,.download-grid,.career-grid,.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.resource-grid article,.download-grid article,.career-card,.community-card{padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(13,20,33,.65)}.resource-grid h3,.download-grid h3,.career-card h3,.community-card h3{margin-top:7px;font-size:1.15rem}.resource-grid p,.download-grid p,.career-card p,.community-card p{margin-top:10px;color:var(--muted);line-height:1.6}.resource-action{margin-top:18px;padding:10px 13px;border:1px solid var(--line);border-radius:10px;color:white;background:rgba(255,255,255,.04);cursor:pointer;font-weight:700}.resource-date,.career-card>span{color:var(--blue-bright);font-size:.68rem;font-weight:800;text-transform:uppercase}.release-list{display:grid;gap:12px}.release-list article{padding:20px;display:grid;grid-template-columns:90px 1fr;gap:18px;border:1px solid var(--line);border-radius:16px;background:rgba(13,20,33,.6)}.release-list article>span{color:var(--blue-bright);font-weight:900}.release-list p{margin-top:6px;color:var(--muted)}.download-grid article>span,.community-icon{font-size:2rem}.api-layout{padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:30px;border:1px solid var(--line);border-radius:20px;background:rgba(13,20,33,.65)}.api-layout p{margin-top:12px;color:var(--muted);line-height:1.6}.api-layout pre{padding:20px;border-radius:14px;color:#b7efff;background:#05090f;overflow:auto}.resource-feedback{min-height:22px;margin-top:16px;color:var(--green)}
.press-card{padding:36px;display:flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid var(--line);border-radius:22px;background:rgba(13,20,33,.65)}.press-card h2{margin-top:10px;font-family:"Space Grotesk",sans-serif}.press-card p{margin-top:10px;color:var(--muted)}
.mega-footer{padding:56px 6vw;display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:35px;border-top:1px solid var(--line);background:rgba(5,8,15,.72)}.mega-footer h3{margin-bottom:13px;color:white;font-size:.8rem}.mega-footer a{display:block;margin:9px 0;color:var(--muted);font-size:.76rem}.mega-footer a:hover{color:white}.footer-brand-column p{margin-top:12px;color:var(--muted);font-size:.8rem}.mega-footer-copy{grid-column:1/-1;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.72rem}
.atmos-os{position:fixed;inset:0;z-index:400;display:none;flex-direction:column;background:#05080f}.atmos-os.open{display:flex}.os-topbar{min-height:62px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#09101a}.os-brand{display:flex;align-items:center;gap:10px}.os-top-actions{display:flex;align-items:center;gap:10px}.os-top-actions button{padding:9px 12px;border:1px solid var(--line);border-radius:9px;color:white;background:rgba(255,255,255,.04);cursor:pointer}.os-layout{min-height:0;flex:1;display:grid;grid-template-columns:220px 1fr}.os-sidebar{padding:14px;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--line);background:#08101a}.os-nav{padding:12px;border:0;border-radius:9px;color:var(--muted);background:transparent;text-align:left;cursor:pointer;font-weight:700}.os-nav.active{color:white;background:rgba(51,167,255,.13)}.os-main{padding:28px;overflow-y:auto}.os-view{display:none}.os-view.active{display:block}.os-welcome h2{margin-top:10px;font-family:"Space Grotesk",sans-serif;font-size:2.2rem}.os-welcome p{margin-top:10px;color:var(--muted)}.os-metrics{margin-top:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.os-metrics div{padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03)}.os-metrics span,.os-metrics strong{display:block}.os-metrics span{color:var(--muted);font-size:.72rem}.os-metrics strong{margin-top:8px;font-size:1.2rem}.os-dashboard-grid,.os-app-grid{margin-top:22px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.os-dashboard-grid article{padding:22px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.03)}.os-dashboard-grid p{margin-top:8px;color:var(--muted)}.os-launch{margin-top:16px;padding:10px 13px;border:1px solid var(--line);border-radius:9px;color:white;background:rgba(51,167,255,.12);cursor:pointer}.os-app-grid button{padding:24px;display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:15px;color:white;background:rgba(255,255,255,.03);cursor:pointer}.os-app-grid span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(51,167,255,.12);color:var(--blue-bright)}.os-list{margin-top:18px;display:grid;gap:10px}.os-list article{padding:16px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03)}.os-list strong,.os-list span{display:block}.os-list span{margin-top:6px;color:var(--muted)}
.ai-launcher{position:fixed;right:22px;bottom:22px;z-index:250;width:54px;height:54px;border:0;border-radius:50%;color:#03111d;background:linear-gradient(135deg,#81d7ff,#409cff);box-shadow:0 16px 40px rgba(51,167,255,.25);cursor:pointer;font-weight:900}.ai-panel{position:fixed;right:22px;bottom:88px;z-index:260;width:min(370px,calc(100vw - 32px));display:none;border:1px solid var(--line);border-radius:18px;background:#0c1522;box-shadow:0 30px 90px rgba(0,0,0,.45);overflow:hidden}.ai-panel.open{display:block}.ai-panel header{padding:15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.ai-panel header div{display:flex;flex-direction:column}.ai-panel header span{margin-top:3px;color:var(--muted);font-size:.67rem}.ai-panel header button{border:0;color:white;background:transparent;font-size:1.3rem;cursor:pointer}.ai-messages{height:280px;padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.ai-message{max-width:88%;padding:11px 12px;border-radius:12px;font-size:.78rem;line-height:1.5}.ai-message.bot{align-self:flex-start;background:rgba(255,255,255,.06)}.ai-message.user{align-self:flex-end;color:#06131d;background:var(--blue-bright)}.ai-suggestions{padding:0 12px 10px;display:flex;flex-wrap:wrap;gap:6px}.ai-suggestions button{padding:7px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:transparent;cursor:pointer;font-size:.65rem}.ai-input-row{padding:12px;display:grid;grid-template-columns:1fr auto;gap:8px;border-top:1px solid var(--line)}.ai-input-row input{min-width:0;padding:10px;border:1px solid var(--line);border-radius:9px;color:white;background:rgba(255,255,255,.04)}.ai-input-row button{padding:0 13px;border:0;border-radius:9px;color:#04111d;background:var(--blue-bright);font-weight:800;cursor:pointer}
.simple-modal{position:fixed;inset:0;z-index:500;display:none;place-items:center;padding:20px}.simple-modal.open{display:grid}.simple-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.simple-modal-card{position:relative;z-index:1;width:min(600px,100%);padding:32px;border:1px solid var(--line);border-radius:22px;background:#0d1523}.simple-modal-card h2{margin-top:10px}.simple-modal-card h3{margin-top:24px}.simple-modal-card p{margin-top:16px;color:var(--muted);line-height:1.65}.press-kit-grid{margin-top:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.press-kit-grid div{padding:14px;border:1px solid var(--line);border-radius:10px}.press-kit-grid span,.press-kit-grid strong{display:block}.press-kit-grid span{color:var(--muted);font-size:.68rem}.press-kit-grid strong{margin-top:6px}.brand-swatches{margin-top:12px;display:flex;gap:10px}.swatch{width:44px;height:44px;border-radius:10px;border:1px solid var(--line)}.swatch-blue{background:#33a7ff}.swatch-navy{background:#05080f}.swatch-green{background:#42e7a7}
.hero::after{content:"";position:absolute;inset:76px 0 auto;height:220px;pointer-events:none;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.03),transparent 28%),radial-gradient(circle at 70% 30%,rgba(51,167,255,.05),transparent 24%);animation:weatherDrift 14s linear infinite alternate}.hero{position:relative}
@keyframes weatherDrift{from{transform:translateX(-20px)}to{transform:translateX(20px)}}
@media(max-width:1050px){.mega-footer{grid-template-columns:repeat(2,1fr)}.footer-brand-column{grid-column:1/-1}.product-page-grid{grid-template-columns:1fr}.resource-grid,.download-grid,.career-grid,.community-grid{grid-template-columns:1fr 1fr}.status-grid{grid-template-columns:1fr 1fr}.stats-showcase{grid-template-columns:repeat(2,1fr)}.stats-showcase div:nth-child(3){border-left:0}.os-layout{grid-template-columns:170px 1fr}}
@media(max-width:760px){.mega-footer{grid-template-columns:1fr}.resource-grid,.download-grid,.career-grid,.community-grid,.status-grid,.api-layout{grid-template-columns:1fr}.press-card{align-items:flex-start;flex-direction:column}.stats-showcase{grid-template-columns:1fr}.stats-showcase div+div{padding-top:18px;border-top:1px solid var(--line);border-left:0}.roadmap-item{grid-template-columns:1fr}.os-layout{grid-template-columns:1fr}.os-sidebar{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.os-nav{white-space:nowrap}.os-metrics,.os-dashboard-grid,.os-app-grid{grid-template-columns:1fr}.os-top-actions span,.os-top-actions #osThemeButton{display:none}}

.product-details-modal{position:fixed;inset:0;z-index:320;display:none;place-items:center;padding:20px}.product-details-modal.open{display:grid}.product-details-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.74);backdrop-filter:blur(9px)}.product-details-card{position:relative;z-index:1;width:min(700px,100%);max-height:90vh;padding:34px;overflow-y:auto;border:1px solid rgba(105,196,255,.18);border-radius:24px;background:linear-gradient(150deg,#111b2a,#0a101a);box-shadow:0 35px 100px rgba(0,0,0,.5)}.product-details-icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:18px;border:1px solid rgba(105,196,255,.22);border-radius:16px;color:var(--blue-bright);background:rgba(51,167,255,.08);font-family:"Space Grotesk",sans-serif;font-weight:900}.product-details-card h2{margin-top:10px;font-family:"Space Grotesk",sans-serif;font-size:2.2rem}.product-details-card>p{margin-top:14px;color:var(--muted);line-height:1.75}.product-details-meta{margin:24px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.product-details-meta div{padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03)}.product-details-meta span,.product-details-meta strong{display:block}.product-details-meta span{color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}.product-details-meta strong{margin-top:6px;font-size:.88rem}.product-details-card h3{margin-top:8px;font-size:1rem}.product-details-features{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none}.product-details-features li{padding:12px;border:1px solid var(--line);border-radius:10px;color:#d8e2ed;background:rgba(255,255,255,.025);font-size:.78rem;line-height:1.45}.product-details-features li::before{content:"✓";margin-right:8px;color:var(--green)}.product-details-actions{margin-top:24px;display:flex;gap:10px}.product-details-note{font-size:.72rem!important}.product-details-action-message{margin-top:12px;color:var(--green)!important}
@media(max-width:620px){.product-details-meta,.product-details-features{grid-template-columns:1fr}.product-details-actions{flex-direction:column}.product-details-card{padding:26px 20px}}

.available-badge {
  color: var(--green);
  background: rgba(66,231,167,.1);
  border: 1px solid rgba(66,231,167,.18);
}

.development-badge {
  color: var(--gold);
  background: rgba(255,200,90,.09);
  border: 1px solid rgba(255,200,90,.16);
}

.development-section {
  padding-top: 60px;
}

.development-list {
  display: grid;
  gap: 14px;
}

.development-update {
  padding: 22px;
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 20px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(13,20,33,.62);
}

.development-update > span {
  color: var(--blue-bright);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.development-update h3 {
  font-size: 1.05rem;
}

.development-update p {
  margin-top: 7px;
  color: var(--muted);
  line-height: 1.6;
}

.product-progress {
  margin-top: 22px;
}

.product-progress-top {
  display: flex;
  justify-content: space-between;
  color: var(--muted);
  font-size: .74rem;
}

.product-progress-track {
  height: 10px;
  margin-top: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.07);
}

.product-progress-fill {
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--blue), var(--blue-bright));
}

.waitlist-form {
  margin-top: 22px;
  display: grid;
  gap: 10px;
}

.waitlist-form input {
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 11px;
  color: white;
  background: rgba(255,255,255,.04);
}

.waitlist-message {
  min-height: 20px;
  color: var(--green) !important;
  font-size: .76rem !important;
}

.coming-soon-banner {
  margin-top: 22px;
  padding: 15px;
  border: 1px solid rgba(255,200,90,.18);
  border-radius: 12px;
  color: #ffe1a1;
  background: rgba(255,200,90,.06);
  font-size: .8rem;
  line-height: 1.55;
}

@media (max-width: 650px) {
  .development-update {
    grid-template-columns: 1fr;
  }
}

.internal-badge {
  color: #d8c8ff;
  background: rgba(145, 100, 255, .1);
  border: 1px solid rgba(145, 100, 255, .18);
}

.hero-radar-console {
  overflow: hidden;
  border: 1px solid rgba(105,196,255,.18);
  border-radius: 26px;
  background: #08111d;
  box-shadow: 0 40px 100px rgba(0,0,0,.42);
}

.hero-radar-header,
.hero-radar-footer {
  padding: 15px 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid var(--line);
  background: rgba(9,17,29,.97);
}

.hero-radar-header > div:first-child {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.hero-radar-header strong {
  font-size: .9rem;
}

.hero-radar-live {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #c4d0de;
  font-size: .68rem;
}

.hero-radar-live i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 12px var(--green);
}

.hero-radar-live.offline i {
  background: var(--red);
  box-shadow: 0 0 12px var(--red);
}

.hero-radar-map-wrap {
  position: relative;
  height: 455px;
  background: #07101a;
}

#heroRadarMap {
  width: 100%;
  height: 100%;
  background: #07101a;
}

.hero-radar-overlay {
  position: absolute;
  z-index: 700;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 11px;
  color: white;
  background: rgba(6,12,20,.86);
  backdrop-filter: blur(8px);
  box-shadow: 0 10px 28px rgba(0,0,0,.22);
}

.hero-radar-overlay.top-left {
  top: 12px;
  left: 12px;
}

.hero-radar-overlay.top-left span,
.hero-radar-overlay.top-left strong {
  display: block;
}

.hero-radar-overlay.top-left span {
  color: #aebccc;
  font-size: .58rem;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.hero-radar-overlay.top-left strong {
  margin-top: 4px;
  font-size: .72rem;
}

.hero-radar-overlay.bottom-left {
  left: 12px;
  right: 170px;
  bottom: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.hero-radar-overlay.bottom-left button,
.hero-radar-actions button {
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 8px;
  color: white;
  background: rgba(255,255,255,.06);
  cursor: pointer;
  font-size: .68rem;
  font-weight: 800;
}

#heroRadarSlider {
  min-width: 0;
  flex: 1;
  accent-color: var(--blue);
}

.hero-radar-overlay.bottom-right {
  right: 12px;
  bottom: 12px;
}

.hero-warning-count {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: .65rem;
}

.hero-warning-count i {
  width: 7px;
  height: 7px;
  border-radius: 2px;
  background: var(--red);
}

.hero-radar-footer {
  border-top: 1px solid var(--line);
  border-bottom: 0;
}

.hero-reflectivity-legend {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--muted);
  font-size: .6rem;
}

.hero-reflectivity-legend div {
  width: 140px;
  height: 9px;
  border-radius: 999px;
  background: linear-gradient(90deg,#4e8fff,#3ad675,#eee64e,#ff9d32,#ed3c4e,#c33bd7);
}

.hero-radar-actions {
  display: flex;
  gap: 7px;
}

.hero-radar-attribution {
  padding: 8px 14px;
  border-top: 1px solid var(--line);
  color: #78899c;
  background: #070d16;
  font-size: .55rem;
  text-align: center;
}

.hero-warning-popup h3 {
  margin-bottom: 5px;
  font-size: .85rem;
}

.hero-warning-popup p {
  margin: 4px 0;
  font-size: .69rem;
  line-height: 1.4;
}

.hero-radar-expanded {
  position: fixed !important;
  inset: 12px !important;
  z-index: 1000 !important;
  height: auto !important;
  border: 1px solid rgba(105,196,255,.25);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 0 0 9999px rgba(0,0,0,.82);
}

@media (max-width: 760px) {
  .hero-radar-map-wrap {
    height: 420px;
  }

  .hero-radar-header {
    align-items: flex-start;
  }

  .hero-radar-live {
    display: none;
  }

  .hero-radar-overlay.bottom-left {
    right: 12px;
    bottom: 58px;
  }

  .hero-radar-overlay.bottom-right {
    left: 12px;
    right: auto;
  }

  .hero-radar-footer {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 480px) {
  .hero-radar-map-wrap {
    height: 380px;
  }

  .hero-reflectivity-legend div {
    width: 100px;
  }
}

:root {
  --bg: #05070b;
  --panel: rgba(11, 16, 24, 0.88);
  --panel-solid: #0b1119;
  --panel-light: #111923;
  --text: #f4f7fb;
  --muted: #8e9cac;
  --line: rgba(255,255,255,.085);
  --blue: #2f9cff;
  --blue-bright: #72c8ff;
  --green: #4be0a3;
  --gold: #f0bb56;
  --red: #ff5b67;
  --radius: 18px;
  --shadow-lg: 0 24px 70px rgba(0,0,0,.34);
}

body {
  letter-spacing: -.01em;
}

body::selection {
  background: rgba(47,156,255,.28);
}

.announcement-bar {
  min-height: 34px;
  padding: 0 6vw;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-bottom: 1px solid rgba(255,255,255,.05);
  color: #b5c0ce;
  background: #071019;
  font-size: .72rem;
}

.announcement-bar span {
  color: var(--blue-bright);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.announcement-bar strong {
  color: white;
  font-weight: 700;
}

.announcement-bar a {
  color: var(--blue-bright);
  font-weight: 700;
}

.site-header {
  top: 34px;
  min-height: 72px;
}

.brand {
  font-size: 1rem;
  letter-spacing: -.02em;
}

.brand-mark {
  width: 31px;
  height: 31px;
}

.nav {
  gap: 22px;
  font-size: .86rem;
}

.nav-cta,
.account-button {
  min-height: 38px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.nav-cta {
  border-color: rgba(114,200,255,.26);
  background: rgba(47,156,255,.09);
}

.hero {
  min-height: calc(100vh - 106px);
  padding-top: 76px;
  padding-bottom: 84px;
  gap: 72px;
}

.hero-copy {
  max-width: 760px;
}

.eyebrow {
  padding: 8px 12px;
  border-color: rgba(114,200,255,.16);
  background: rgba(47,156,255,.05);
  letter-spacing: .12em;
}

.hero h1 {
  margin-top: 20px;
  max-width: 780px;
  font-size: clamp(3.45rem, 6.6vw, 6.4rem);
  line-height: .98;
  letter-spacing: -.06em;
}

.hero-description {
  max-width: 650px;
  margin-top: 24px;
  font-size: 1.05rem;
  line-height: 1.72;
}

.hero-actions {
  margin-top: 30px;
}

.button {
  min-height: 48px;
  padding: 0 20px;
  border-radius: 11px;
}

.button-primary {
  background: linear-gradient(135deg, #8cd8ff, #3d9eff);
  box-shadow: 0 12px 30px rgba(47,156,255,.18);
}

.button-secondary {
  background: rgba(255,255,255,.03);
}

.hero-stats {
  margin-top: 44px;
  gap: 42px;
}

.hero-stats strong {
  font-size: 1.4rem;
}

.hero-stats span {
  font-size: .74rem;
}

.hero-radar-console {
  border-radius: 22px;
  border-color: rgba(114,200,255,.14);
  background: #080f17;
  box-shadow: var(--shadow-lg), inset 0 1px 0 rgba(255,255,255,.025);
}

.hero-radar-header {
  padding: 16px 18px;
}

.hero-radar-header strong {
  font-size: .86rem;
}

.hero-radar-map-wrap {
  height: 470px;
}

.hero-radar-overlay {
  border-color: rgba(255,255,255,.1);
  background: rgba(7,12,18,.78);
}

.hero-radar-footer {
  padding: 13px 16px;
}

.section {
  padding-top: 104px;
  padding-bottom: 104px;
}

.section-heading {
  max-width: 700px;
  margin-bottom: 38px;
}

.section-heading h2,
.about-panel h2,
.contact-card h2 {
  font-size: clamp(2.15rem, 3.7vw, 3.7rem);
  line-height: 1.06;
}

.section-heading p,
.about-panel p,
.contact-card p {
  font-size: .97rem;
}

.apps-grid,
.pricing-grid,
.team-grid,
.product-page-grid,
.resource-grid,
.download-grid,
.career-grid,
.community-grid {
  gap: 16px;
}

.app-card,
.pricing-card,
.team-card,
.product-page-card,
.resource-grid article,
.download-grid article,
.career-card,
.community-card,
.mission-card,
.status-card,
.development-update,
.roadmap-item {
  border-color: rgba(255,255,255,.075);
  background: linear-gradient(180deg, rgba(14,20,29,.92), rgba(8,12,18,.94));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
}

.app-card,
.pricing-card,
.team-card,
.product-page-card {
  border-radius: 18px;
}

.app-card {
  min-height: 390px;
  padding: 24px;
}

.app-card:hover,
.pricing-card:hover,
.team-card:hover,
.product-page-card:hover {
  transform: translateY(-4px);
  border-color: rgba(114,200,255,.18);
  box-shadow: 0 18px 48px rgba(0,0,0,.22);
}

.app-icon,
.product-page-top span {
  width: 44px;
  height: 44px;
  border-radius: 12px;
}

.app-card h3,
.product-page-card h3 {
  margin-top: 20px;
  font-size: 1.42rem;
}

.app-card p,
.product-page-card p {
  font-size: .87rem;
  line-height: 1.62;
}

.app-card ul {
  gap: 9px;
  margin-top: 18px;
}

.app-button,
.resource-action,
.workspace-action {
  border-radius: 9px;
}

.app-badge,
.popular-badge {
  top: 22px;
  right: 22px;
  padding: 6px 9px;
  font-size: .58rem;
}

.pricing-card {
  min-height: 515px;
  padding: 26px;
}

.pricing-eyebrow {
  display: block;
  margin-bottom: 8px;
  color: var(--muted);
  font-size: .62rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.pricing-top h3 {
  font-size: 1.62rem;
}

.price-row strong {
  font-size: 3rem;
}

.pricing-features {
  gap: 11px;
}

.team-card {
  padding: 26px;
}

.team-avatar {
  width: 58px;
  height: 58px;
}

.team-role {
  margin-top: 20px;
}

.team-card h3 {
  font-size: 1.42rem;
}

.team-card p {
  font-size: .84rem;
}

.team-stats,
.stats-showcase,
.contact-card,
.press-card,
.ecosystem-wrap {
  border-radius: 22px;
  border-color: rgba(255,255,255,.075);
  background: linear-gradient(180deg, rgba(13,19,27,.88), rgba(8,12,18,.9));
}

.team-stats,
.stats-showcase {
  padding: 22px;
}

.ecosystem-wrap {
  min-height: 560px;
}

.ecosystem-node {
  width: 172px;
  padding: 14px;
  border-radius: 12px;
}

.contact-card {
  padding-top: 62px;
  padding-bottom: 62px;
}

.notify-form {
  max-width: 560px;
}

.notify-form input {
  border-radius: 11px;
}

.mega-footer {
  padding-top: 50px;
  padding-bottom: 44px;
  background: #070b10;
}

.mega-footer h3 {
  color: #dfe7f1;
  font-size: .75rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.mega-footer a {
  font-size: .74rem;
}

.product-details-card,
.modal-card,
.simple-modal-card {
  border-radius: 20px;
  background: linear-gradient(180deg, #111923, #0b1118);
}

.product-details-card h2,
.modal-card h2 {
  letter-spacing: -.04em;
}

.ai-launcher {
  width: 50px;
  height: 50px;
  right: 18px;
  bottom: 18px;
}

.ai-panel {
  border-radius: 16px;
}

.os-topbar {
  background: #0a1118;
}

.os-sidebar {
  background: #080e15;
}

.site-ready .reveal.visible {
  transition-duration: .55s;
}

@media (max-width: 760px) {
  .announcement-bar {
    padding: 7px 16px;
    flex-wrap: wrap;
    gap: 6px;
    text-align: center;
  }

  .site-header {
    top: 48px;
  }

  .hero {
    min-height: auto;
    padding-top: 58px;
  }

  .hero h1 {
    font-size: clamp(3rem, 15vw, 4.7rem);
  }

  .hero-radar-map-wrap {
    height: 430px;
  }
}

.settings-menu{position:relative}.settings-button{min-height:38px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;color:#dfe7f1;background:rgba(255,255,255,.03);cursor:pointer;font-weight:750}.settings-button:hover,.settings-button.open{border-color:rgba(114,200,255,.24);background:rgba(47,156,255,.08)}.settings-icon{font-size:.9rem;line-height:1}.settings-panel{position:absolute;top:calc(100% + 14px);right:0;z-index:90;width:340px;padding:12px;display:none;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(10,15,22,.98);box-shadow:0 24px 70px rgba(0,0,0,.4);backdrop-filter:blur(20px)}.settings-panel.open{display:block}.settings-panel-header{padding:7px 7px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.settings-panel-header>div{display:flex;flex-direction:column;gap:3px}.settings-panel-header strong{font-size:.9rem}.settings-panel-header span{color:var(--muted);font-size:.68rem}.settings-close{width:32px;height:32px;border:1px solid var(--line);border-radius:9px;color:white;background:rgba(255,255,255,.03);cursor:pointer;font-size:1.15rem}.settings-group{padding:13px 0 2px}.settings-group+.settings-group{margin-top:7px;border-top:1px solid var(--line)}.settings-group-label{display:block;padding:0 8px 7px;color:#718196;font-size:.58rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.settings-row{width:100%;min-height:58px;padding:9px 8px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;border:0;border-radius:10px;color:white;background:transparent;text-align:left;cursor:pointer}.settings-row:hover{background:rgba(255,255,255,.05)}.settings-row-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(114,200,255,.14);border-radius:9px;color:var(--blue-bright);background:rgba(47,156,255,.06);font-size:.78rem}.settings-row>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:3px}.settings-row strong{font-size:.78rem}.settings-row small{overflow:hidden;color:var(--muted);font-size:.63rem;text-overflow:ellipsis;white-space:nowrap}.settings-row em{color:var(--blue-bright);font-size:.65rem;font-style:normal;font-weight:800}.settings-link{text-decoration:none}body.light-theme .settings-panel{border-color:rgba(12,23,36,.12);background:rgba(255,255,255,.98)}body.light-theme .settings-panel-header strong,body.light-theme .settings-row{color:#0c1724}@media(max-width:760px){.settings-menu{width:100%}.settings-button{width:100%;min-height:44px;justify-content:flex-start}.settings-panel{position:static;width:100%;margin-top:6px;box-shadow:none}}

.settings-panel-v2 {
  width: 420px;
  padding: 0;
  overflow: hidden;
  border-radius: 20px;
}

.settings-hero {
  padding: 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at top right, rgba(47,156,255,.13), transparent 45%),
    rgba(11,17,25,.98);
}

.settings-profile {
  display: flex;
  align-items: center;
  gap: 12px;
}

.settings-avatar {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(114,200,255,.22);
  border-radius: 12px;
  color: var(--blue-bright);
  background: rgba(47,156,255,.08);
  font-weight: 900;
}

.settings-profile > div:last-child {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.settings-profile strong {
  font-size: .84rem;
}

.settings-profile span {
  color: var(--muted);
  font-size: .65rem;
}

.settings-tabs {
  padding: 9px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  border-bottom: 1px solid var(--line);
  background: rgba(7,11,17,.96);
}

.settings-tab {
  min-height: 36px;
  border: 0;
  border-radius: 9px;
  color: var(--muted);
  background: transparent;
  cursor: pointer;
  font-size: .68rem;
  font-weight: 800;
}

.settings-tab.active {
  color: white;
  background: rgba(47,156,255,.13);
}

.settings-view {
  display: none;
  max-height: 560px;
  overflow-y: auto;
}

.settings-view.active {
  display: block;
}

.settings-section {
  padding: 16px;
}

.settings-section + .settings-section {
  border-top: 1px solid var(--line);
}

.settings-section-heading {
  margin-bottom: 12px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.settings-section-heading span {
  color: #dfe7f1;
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .03em;
}

.settings-section-heading small {
  color: var(--muted);
  font-size: .62rem;
}

.settings-control-card {
  min-height: 62px;
  padding: 11px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 12px;
  background: rgba(255,255,255,.025);
}

.settings-control-card + .settings-control-card {
  margin-top: 8px;
}

.settings-control-card > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.settings-control-card strong {
  font-size: .74rem;
}

.settings-control-card small {
  color: var(--muted);
  font-size: .62rem;
}

.settings-toggle {
  position: relative;
  width: 42px;
  height: 24px;
  flex: 0 0 auto;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  cursor: pointer;
}

.settings-toggle span {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: white;
  transition: transform .2s ease;
}

.settings-toggle.active {
  background: var(--blue);
}

.settings-toggle.active span {
  transform: translateX(18px);
}

.settings-quick-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 8px;
}

.settings-quick-action {
  min-height: 88px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 12px;
  color: white;
  background: rgba(255,255,255,.025);
  text-decoration: none;
  cursor: pointer;
}

.settings-quick-action:hover {
  border-color: rgba(114,200,255,.18);
  background: rgba(47,156,255,.06);
}

.settings-quick-action > span {
  color: var(--blue-bright);
  font-size: .9rem;
}

.settings-quick-action strong {
  font-size: .7rem;
}

.settings-quick-action small {
  color: var(--muted);
  font-size: .58rem;
}

.settings-plan-card {
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid rgba(114,200,255,.14);
  border-radius: 13px;
  background: rgba(47,156,255,.05);
}

.settings-plan-card > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.settings-plan-card span {
  color: var(--muted);
  font-size: .62rem;
}

.settings-plan-card strong {
  font-size: .86rem;
}

.settings-plan-card button {
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 9px;
  color: white;
  background: rgba(255,255,255,.04);
  cursor: pointer;
  font-size: .68rem;
  font-weight: 800;
}

.settings-info-list,
.settings-status-list,
.settings-version-card {
  display: grid;
  gap: 8px;
}

.settings-info-list div,
.settings-status-list div,
.settings-version-card div {
  padding: 11px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 10px;
  background: rgba(255,255,255,.02);
}

.settings-info-list span,
.settings-version-card span {
  color: var(--muted);
  font-size: .65rem;
}

.settings-info-list strong,
.settings-version-card strong,
.settings-status-list strong {
  font-size: .68rem;
}

.settings-status-list span {
  font-size: .68rem;
}

.settings-status-list i {
  width: 7px;
  height: 7px;
  display: inline-block;
  margin-right: 7px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 9px var(--green);
}

.settings-status-list .private-dot {
  background: #b69cff;
  box-shadow: 0 0 9px #b69cff;
}

.settings-danger-action {
  width: 100%;
  min-height: 40px;
  margin-top: 12px;
  border: 1px solid rgba(255,91,103,.2);
  border-radius: 10px;
  color: #ff9ca5;
  background: rgba(255,91,103,.05);
  cursor: pointer;
  font-size: .68rem;
  font-weight: 800;
}

.settings-feedback {
  min-height: 18px;
  margin-top: 8px;
  color: var(--green);
  font-size: .62rem;
}

body.compact-nav .site-header {
  min-height: 62px;
}

body.compact-nav .nav {
  gap: 15px;
}

body.compact-nav .nav a,
body.compact-nav .settings-button {
  font-size: .78rem;
}

body.reduce-motion *,
body.reduce-motion *::before,
body.reduce-motion *::after {
  scroll-behavior: auto !important;
  animation-duration: .001ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: .001ms !important;
}

body.light-theme .settings-hero,
body.light-theme .settings-tabs {
  background: rgba(255,255,255,.98);
}

body.light-theme .settings-section-heading span,
body.light-theme .settings-profile strong,
body.light-theme .settings-control-card strong,
body.light-theme .settings-plan-card strong,
body.light-theme .settings-quick-action {
  color: #0c1724;
}

@media (max-width: 760px) {
  .settings-panel-v2 {
    width: 100%;
  }

  .settings-view {
    max-height: none;
  }

  .settings-quick-grid {
    grid-template-columns: 1fr;
  }
}

.leadership-grid{grid-template-columns:repeat(2,1fr)}
.team-card-top{display:flex;align-items:center;justify-content:space-between}
.team-badge{padding:6px 9px;border:1px solid rgba(114,200,255,.16);border-radius:999px;color:var(--blue-bright);background:rgba(47,156,255,.06);font-size:.58rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.team-profile-button{width:100%;min-height:42px;margin-top:22px;border:1px solid var(--line);border-radius:10px;color:white;background:rgba(255,255,255,.035);cursor:pointer;font-weight:800}
.team-profile-button:hover{border-color:rgba(114,200,255,.24);background:rgba(47,156,255,.08)}
.team-profile-modal{position:fixed;inset:0;z-index:340;display:none;place-items:center;padding:20px}
.team-profile-modal.open{display:grid}
.team-profile-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.74);backdrop-filter:blur(9px)}
.team-profile-card{position:relative;z-index:1;width:min(680px,100%);max-height:90vh;padding:34px;overflow-y:auto;border:1px solid rgba(114,200,255,.16);border-radius:22px;background:linear-gradient(180deg,#111923,#0b1118);box-shadow:0 35px 100px rgba(0,0,0,.48)}
.team-profile-heading{display:flex;align-items:center;gap:16px}
.team-profile-avatar{width:64px;height:64px;display:grid;place-items:center;border:1px solid rgba(114,200,255,.2);border-radius:16px;color:var(--blue-bright);background:rgba(47,156,255,.07);font-family:"Space Grotesk",sans-serif;font-size:1.1rem;font-weight:900}
.team-profile-card h2{margin-top:7px;font-family:"Space Grotesk",sans-serif;font-size:2rem}
.team-profile-card>p{margin-top:20px;color:var(--muted);line-height:1.75}
.team-profile-card h3{margin-top:26px;font-size:1rem}
.team-profile-responsibilities{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none}
.team-profile-responsibilities li{padding:12px;border:1px solid var(--line);border-radius:10px;color:#d8e2ed;background:rgba(255,255,255,.025);font-size:.78rem}
.team-profile-responsibilities li::before{content:"✓";margin-right:8px;color:var(--green)}
@media(max-width:900px){.leadership-grid{grid-template-columns:1fr}}
@media(max-width:620px){.team-profile-responsibilities{grid-template-columns:1fr}.team-profile-card{padding:28px 20px}}

.nav-live,.nav-private{margin-left:6px;padding:2px 5px;border-radius:999px;font-size:.48rem;font-weight:900;letter-spacing:.06em}
.nav-live{color:#0c1a13;background:var(--green)}
.nav-private{color:#e7ddff;background:rgba(145,100,255,.2)}
.nav-dropdown-menu a{display:flex;align-items:center}
.nav-dropdown-menu small{margin-left:auto}

.app-button.coming-soon-button,
.product-launch.coming-soon-button{
  color:#758293!important;
  border-color:rgba(255,255,255,.07)!important;
  background:rgba(255,255,255,.025)!important;
  cursor:not-allowed!important;
  box-shadow:none!important;
}
.app-button.coming-soon-button:hover,
.product-launch.coming-soon-button:hover{transform:none!important;background:rgba(255,255,255,.025)!important}

.app-button.internal-button,
.product-launch.internal-button{
  color:#cbbcff!important;
  border-color:rgba(145,100,255,.18)!important;
  background:rgba(145,100,255,.06)!important;
  cursor:not-allowed!important;
}

.app-button.live-game-button,
.product-launch.live-game-button{
  color:#06131d!important;
  border-color:transparent!important;
  background:linear-gradient(135deg,#75e7b2,#42d995)!important;
  box-shadow:0 10px 28px rgba(66,217,149,.14)!important;
}

.teasers-section{padding-top:78px}
.teaser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.teaser-card{position:relative;min-height:300px;padding:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(14,20,29,.9),rgba(8,12,18,.94));overflow:hidden}
.teaser-card::after{content:"";position:absolute;width:170px;height:170px;right:-80px;top:-90px;border-radius:50%;background:rgba(47,156,255,.07);filter:blur(4px)}
.teaser-status{position:absolute;top:20px;right:20px;padding:5px 8px;border:1px solid rgba(114,200,255,.13);border-radius:999px;color:var(--blue-bright);background:rgba(47,156,255,.055);font-size:.53rem;font-weight:900;letter-spacing:.09em}
.teaser-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(114,200,255,.17);border-radius:12px;color:var(--blue-bright);background:rgba(47,156,255,.06);font-family:"Space Grotesk",sans-serif;font-weight:900}
.teaser-card h3{margin-top:20px;font-family:"Space Grotesk",sans-serif;font-size:1.35rem}
.teaser-card p{margin-top:11px;color:var(--muted);font-size:.84rem;line-height:1.65}
.teaser-tags{margin-top:20px;display:flex;flex-wrap:wrap;gap:6px}
.teaser-tags span{padding:6px 8px;border:1px solid var(--line);border-radius:999px;color:#aab7c6;background:rgba(255,255,255,.025);font-size:.59rem}
.teaser-secret{border-color:rgba(145,100,255,.15)}
.teaser-secret .teaser-icon,.teaser-secret .teaser-status{color:#d0c0ff;border-color:rgba(145,100,255,.17);background:rgba(145,100,255,.06)}

.settings-helper{margin-top:11px;color:var(--muted);font-size:.62rem;line-height:1.5}
.settings-status-list .dev-dot{background:var(--gold)!important;box-shadow:0 0 9px var(--gold)!important}

@media(max-width:1050px){.teaser-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.teaser-grid{grid-template-columns:1fr}}

/* Playtester polish */
.team-card {
  display: flex;
  flex-direction: column;
}
.team-card > p {
  flex: 1;
}
.team-profile-button {
  min-height: 44px;
  height: 44px;
  margin-top: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
}

/* Player Hub */
.player-hub-section{padding-top:86px}
.player-hub-shell{padding:22px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(13,19,27,.9),rgba(7,11,17,.94))}
.player-profile-card{padding:24px;border:1px solid rgba(114,200,255,.1);border-radius:18px;background:rgba(255,255,255,.025)}
.player-profile-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px}
.player-avatar{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(114,200,255,.18);border-radius:16px;color:var(--blue-bright);background:rgba(47,156,255,.07);font-weight:900}
.player-overline,.engagement-kicker{color:var(--blue-bright);font-size:.56rem;font-weight:900;letter-spacing:.1em}
.player-profile-top h3{margin-top:5px;font-size:1.15rem}
.player-profile-top p{margin-top:5px;color:var(--muted);font-size:.67rem}
.player-edit-button{min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:9px;color:white;background:rgba(255,255,255,.035);cursor:pointer;font-size:.67rem;font-weight:800}
.player-metrics{margin-top:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.player-metric{padding:13px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.02)}
.player-metric span,.player-metric strong{display:block}
.player-metric span{color:var(--muted);font-size:.61rem}
.player-metric strong{margin-top:5px;font-size:.9rem}
.xp-progress-wrap{margin-top:16px}
.xp-progress-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:.62rem}
.xp-progress-track{height:10px;margin-top:7px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.07)}
.xp-progress-fill{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--blue-bright));transition:width .3s ease}
.engagement-grid{margin-top:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.engagement-card{padding:20px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.022)}
.engagement-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.engagement-card h3{margin-top:5px;font-size:1.05rem}
.engagement-card p{margin-top:10px;color:var(--muted);font-size:.76rem;line-height:1.6}
.engagement-reward,.engagement-status{padding:5px 8px;border-radius:999px;font-size:.55rem;font-weight:900}
.engagement-reward{color:#08150f;background:var(--green)}
.engagement-status{color:var(--blue-bright);border:1px solid rgba(114,200,255,.13);background:rgba(47,156,255,.05)}
.daily-card .button{width:100%;margin-top:16px}
.daily-card small{display:block;margin-top:8px;color:var(--muted);font-size:.61rem;text-align:center}
.competition-progress{margin-top:18px}
.competition-progress>span{color:var(--muted);font-size:.61rem}
.competition-progress>div{height:8px;margin-top:7px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.07)}
.competition-progress i{display:block;height:100%;border-radius:inherit;background:rgba(114,200,255,.45)}
.badge-grid{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.player-badge{padding:12px;border:1px solid rgba(75,224,163,.17);border-radius:11px;background:rgba(75,224,163,.05)}
.player-badge span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:var(--green);background:rgba(75,224,163,.08);font-weight:900}
.player-badge strong,.player-badge small{display:block}
.player-badge strong{margin-top:8px;font-size:.67rem}
.player-badge small{margin-top:4px;color:var(--muted);font-size:.57rem;line-height:1.4}
.player-badge.locked{filter:saturate(.2);opacity:.45}
.player-badge.unlocked{opacity:1;filter:none}
.leaderboard-preview{margin-top:14px}
.leaderboard-row{padding:11px 12px;display:grid;grid-template-columns:40px 1fr auto;gap:10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}
.leaderboard-row span{color:var(--blue-bright);font-weight:900}
.leaderboard-row strong{font-size:.7rem}
.leaderboard-row em{color:var(--muted);font-size:.64rem;font-style:normal}
.leaderboard-empty{margin-top:8px;padding:12px;border:1px dashed rgba(255,255,255,.09);border-radius:10px;color:var(--muted);font-size:.62rem;line-height:1.5}
.player-hub-actions{margin-top:16px;display:flex;gap:10px}
@media(max-width:760px){.player-profile-top{grid-template-columns:auto 1fr}.player-edit-button{grid-column:1/-1;width:100%}.player-metrics,.engagement-grid{grid-template-columns:1fr 1fr}.badge-grid{grid-template-columns:1fr}.player-hub-actions{flex-direction:column}}
@media(max-width:480px){.player-metrics,.engagement-grid{grid-template-columns:1fr}}

/* VISIBILITY FAIL-SAFE — prevents blank published pages */
.reveal {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}
main, main section, .hero, .section {
  visibility: visible !important;
}

.social-link-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}
.contact-social-links{
  margin-top:18px;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
}
.contact-social-links a{
  padding:10px 14px;
  border:1px solid var(--line);
  border-radius:10px;
  color:var(--blue-bright);
  background:rgba(255,255,255,.025);
  text-decoration:none;
  font-size:.72rem;
  font-weight:800;
}
.contact-social-links a:hover{
  border-color:rgba(114,200,255,.2);
  background:rgba(47,156,255,.06);
}

.community-status{display:inline-flex;align-items:center;justify-content:center;min-height:36px;margin-top:14px;padding:0 12px;border-radius:9px;font-size:.63rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.community-status.in-progress{color:#ffd36a;border:1px solid rgba(255,211,106,.18);background:rgba(255,211,106,.06)}
.community-status.coming-soon{color:#8795a6;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}

/* FRONT PAGE RADAR FIX */
#heroRadarMap {
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 420px;
  background: #08111b;
}
#heroRadarMap .leaflet-tile-pane {
  filter: saturate(1.08) contrast(1.04);
}
#heroRadarMap .leaflet-overlay-pane {
  pointer-events: none;
}
.hero-radar-map-wrap {
  isolation: isolate;
}

[data-app="Outlook Verify"].live-game-button{
  color:#06131d!important;
  border-color:transparent!important;
  background:linear-gradient(135deg,#8bd7ff,#43a5ff)!important;
  box-shadow:0 10px 28px rgba(67,165,255,.16)!important;
}

.team-card{display:flex;flex-direction:column}
.team-card>p{flex:1}
.team-profile-button{height:44px;min-height:44px;display:flex;align-items:center;justify-content:center;margin-top:22px}

.career-role-modal{position:fixed;inset:0;z-index:560;display:none;place-items:center;padding:20px}
.career-role-modal.open{display:grid}
.career-role-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(9px)}
.career-role-card{position:relative;z-index:1;width:min(760px,100%);max-height:90vh;padding:32px;overflow-y:auto;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#111923,#0b1118)}
.career-role-card h2{margin-top:8px;font-family:"Space Grotesk",sans-serif;font-size:2rem}
.career-role-card>p{margin-top:14px;color:var(--muted);line-height:1.7}
.career-detail-grid{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.career-detail-grid>div{padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}
.career-detail-grid h3{font-size:.9rem}
.career-detail-grid ul{margin-top:12px;display:grid;gap:9px;list-style:none}
.career-detail-grid li{color:#d4dee9;font-size:.74rem;line-height:1.5}
.career-detail-grid li::before{content:"•";margin-right:8px;color:var(--blue-bright)}
.career-role-note{margin-top:18px;padding:12px;border:1px solid rgba(240,187,86,.15);border-radius:10px;color:#e6c779;background:rgba(240,187,86,.05);font-size:.68rem}
@media(max-width:680px){.career-detail-grid{grid-template-columns:1fr}}

.plan-action-confirmation{margin-top:10px;color:var(--green);font-size:.68rem;text-align:center}

/* ===== Screenshot-request cleanup ===== */

/* Removed Player Hub and ecosystem sections in HTML. */

/* Released products use real links and are consistently aligned. */
.live-product-link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
}
.app-card {
  display: flex;
  flex-direction: column;
}
.app-card > ul {
  flex: 1;
}
.app-card > .app-button,
.app-card > .live-product-link {
  width: 100%;
  min-height: 44px;
  margin-top: 20px;
}
.product-page-card {
  display: flex;
  flex-direction: column;
}
.product-page-card > p {
  flex: 1;
}
.product-page-card > .button,
.product-page-card > .live-product-link {
  align-self: flex-start;
  min-height: 44px;
}

/* Team cards stay even and profile buttons align. */
.leadership-grid .team-card {
  min-height: 315px;
}
.team-profile-button {
  width: 100%;
  height: 44px;
  min-height: 44px;
  margin-top: auto !important;
}

/* Header: clearer, tighter, and less visually heavy. */
.site-header .nav {
  align-items: center;
}
.nav > a:not(.nav-cta),
.nav-dropdown-button {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
}
.settings-button,
.nav-cta {
  min-height: 40px;
}
@media (min-width: 1000px) {
  .nav { gap: 18px !important; }
}

/* Radar: latest scan only by default to avoid API rate-limit blanking. */
.radar-latest-note {
  right: auto !important;
  width: auto !important;
  display: flex !important;
  flex-direction: column;
  gap: 2px !important;
}
.radar-latest-note span {
  color: #9aa9b9;
  font-size: .58rem;
}
.radar-latest-note strong {
  font-size: .68rem;
}
#heroRadarMap {
  min-height: 430px !important;
}
.hero-radar-map-wrap {
  min-height: 430px;
}

/* Plan cards keep buttons on one baseline. */
.pricing-card {
  display: flex;
  flex-direction: column;
}
.pricing-features {
  flex: 1;
}
.plan-button {
  width: 100%;
  min-height: 46px;
  margin-top: 22px;
}

/* Documentation and careers modal content. */
.info-modal {
  position: fixed;
  inset: 0;
  z-index: 700;
  display: none;
  place-items: center;
  padding: 20px;
}
.info-modal.open { display: grid; }
.info-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.76);
  backdrop-filter: blur(9px);
}
.info-modal-card {
  position: relative;
  z-index: 1;
  width: min(760px, 100%);
  max-height: 90vh;
  overflow-y: auto;
  padding: 32px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: linear-gradient(180deg,#111923,#0b1118);
  box-shadow: 0 35px 100px rgba(0,0,0,.5);
}
.info-modal-card h2 {
  margin-top: 8px;
  font-family: "Space Grotesk", sans-serif;
  font-size: 2rem;
}
.info-modal-body {
  margin-top: 18px;
  color: var(--muted);
  line-height: 1.7;
}
.info-modal-body h3 {
  margin: 20px 0 7px;
  color: var(--text);
  font-size: 1rem;
}
.info-modal-body ul {
  display: grid;
  gap: 8px;
  margin-top: 10px;
  padding-left: 18px;
}
.plan-select-summary {
  margin: 20px 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255,255,255,.025);
}
.plan-select-summary strong,
.plan-select-summary span {
  display: block;
}
.plan-select-summary span {
  margin-top: 4px;
  color: var(--muted);
  font-size: .72rem;
}
.plan-select-note {
  margin-top: 12px;
  color: var(--muted);
  font-size: .66rem;
  line-height: 1.5;
}

/* BUTTON HARD FIX */
button,
a.button,
a.app-button,
.resource-action,
.team-profile-button,
.plan-button,
.settings-button,
.nav-dropdown-button {
  pointer-events: auto !important;
  position: relative;
  z-index: 2;
}
.team-card,
.pricing-card,
.resource-grid article,
.career-card {
  overflow: visible;
}
.team-profile-button,
.plan-button,
.resource-action {
  cursor: pointer !important;
}
button:disabled {
  cursor: not-allowed !important;
}
.nav-dropdown-menu.open,
.settings-panel.open {
  display: block !important;
}
.modal.open,
.team-profile-modal.open,
.product-details-modal.open,
.career-role-modal.open,
.info-modal.open,
.simple-modal.open {
  display: grid !important;
}
.atmos-os.open {
  display: flex !important;
}

/* SPC Hindcast Lab integration */
.live-product-link[href*="spc-hindcast-lab"]{
  text-decoration:none;
}

/* ===== Atmos Weather featured homepage card ===== */
.featured-product-section{
  padding:34px max(20px,4vw) 18px;
}
.featured-product-card{
  width:min(1240px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);
  gap:28px;
  align-items:center;
  padding:32px;
  border:1px solid rgba(120,205,255,.16);
  border-radius:26px;
  background:
    radial-gradient(circle at 80% 20%,rgba(105,170,255,.16),transparent 34%),
    linear-gradient(135deg,rgba(11,23,35,.97),rgba(7,14,22,.98));
  box-shadow:0 28px 80px rgba(0,0,0,.28);
  overflow:hidden;
}
.featured-kicker{
  display:block;
  color:#7fd1ff;
  font-size:.65rem;
  font-weight:900;
  letter-spacing:.14em;
}
.featured-product-copy h2{
  margin:8px 0 0;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(2.2rem,5vw,4.8rem);
  line-height:.95;
}
.featured-product-copy p{
  max-width:620px;
  margin:16px 0 0;
  color:var(--muted);
  font-size:.95rem;
  line-height:1.7;
}
.featured-actions{
  display:flex;
  gap:10px;
  margin-top:22px;
  flex-wrap:wrap;
}
.featured-meta{
  display:flex;
  gap:7px;
  margin-top:18px;
  flex-wrap:wrap;
}
.featured-meta span{
  padding:6px 9px;
  border:1px solid var(--line);
  border-radius:999px;
  color:#afc2d2;
  background:rgba(255,255,255,.025);
  font-size:.62rem;
}
.featured-product-preview{
  display:block;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.15);
  border-radius:22px;
  background:#0b1e2f;
  color:white;
  text-decoration:none;
  box-shadow:0 24px 70px rgba(0,0,0,.35);
  transform:perspective(1100px) rotateY(-4deg) rotateX(1deg);
  transition:.25s ease;
}
.featured-product-preview:hover{
  transform:perspective(1100px) rotateY(0deg) rotateX(0deg) translateY(-3px);
}
.featured-window-bar{
  height:38px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 12px;
  border-bottom:1px solid rgba(255,255,255,.11);
  background:#071522;
}
.featured-window-bar span{
  width:8px;height:8px;border-radius:50%;background:#3e5364;
}
.featured-window-bar strong{
  margin-left:auto;
  color:#9bb4c6;
  font-size:.56rem;
  letter-spacing:.12em;
}
.featured-weather-preview{
  min-height:360px;
  padding:28px;
  position:relative;
  text-align:center;
  background:
    radial-gradient(circle at 50% 20%,rgba(109,180,255,.24),transparent 30%),
    linear-gradient(180deg,#123b5b,#0b2032 58%,#07131e);
}
.featured-location{
  color:#d9e8f3;
  font-weight:700;
  font-size:.8rem;
}
.featured-condition{margin-top:18px;font-size:2.4rem}
.featured-temp{
  margin-top:5px;
  font-size:4.8rem;
  line-height:.95;
  font-weight:900;
  letter-spacing:-.06em;
}
.featured-desc{margin-top:8px;color:#d4e0ea;font-size:1rem}
.featured-hourly{
  margin-top:26px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
.featured-hourly div{
  padding:11px 6px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
  background:rgba(7,24,39,.6);
}
.featured-hourly small,.featured-hourly b{display:block}
.featured-hourly small{color:#9eb2c2;font-size:.56rem}
.featured-hourly b{margin-top:4px;font-size:.8rem}
.featured-radar-mini{
  position:relative;
  height:72px;
  margin-top:12px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    #091724;
  background-size:18px 18px;
}
.featured-radar-mini span{
  position:absolute;
  z-index:2;
  left:10px;
  top:8px;
  color:#86edbb;
  font-size:.52rem;
  font-weight:900;
  letter-spacing:.1em;
}
.radar-sweep{
  position:absolute;
  width:120px;height:120px;
  left:42%;top:-26px;
  border-radius:50%;
  background:conic-gradient(from 210deg,transparent 0 45%,rgba(65,220,144,.7) 46% 52%,rgba(76,170,255,.65) 53% 61%,transparent 62%);
  filter:blur(2px);
}
@media(max-width:900px){
  .featured-product-card{grid-template-columns:1fr}
  .featured-product-preview{transform:none}
}
@media(max-width:560px){
  .featured-product-section{padding-left:12px;padding-right:12px}
  .featured-product-card{padding:20px}
  .featured-weather-preview{min-height:310px;padding:22px 14px}
  .featured-temp{font-size:4rem}
}

.secondary-download{
  margin-top:8px;
  opacity:.9;
}


/* ===== ATMOS LABS PROGRESS + ROADMAP + UI REFRESH ===== */
html{scroll-padding-top:92px}.section{scroll-margin-top:92px}
body{background:radial-gradient(circle at 15% 4%,rgba(41,140,194,.08),transparent 29rem),radial-gradient(circle at 85% 18%,rgba(94,86,210,.06),transparent 32rem),var(--background,#071019)}
.header{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hero{min-height:min(760px,calc(100vh - 70px));align-items:center}.hero-copy h1{max-width:820px;letter-spacing:-.045em}.hero-description{max-width:760px}.hero-stats{max-width:680px}.section-heading{max-width:820px}
.apps-toolbar{width:fit-content;max-width:100%;display:flex;gap:7px;padding:6px;margin:0 0 18px;overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:rgba(8,18,27,.72);scrollbar-width:none}.apps-toolbar::-webkit-scrollbar{display:none}
.product-filter{border:0;border-radius:10px;padding:9px 14px;white-space:nowrap;background:transparent;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.02em}.product-filter:hover,.product-filter.active{color:var(--text);background:rgba(92,190,239,.12);box-shadow:inset 0 0 0 1px rgba(92,190,239,.2)}
.refreshed-apps-grid{align-items:stretch}.refreshed-apps-grid .app-card{display:flex;flex-direction:column;min-height:100%;padding:22px;border-radius:18px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.refreshed-apps-grid .app-card:hover{transform:translateY(-4px);border-color:rgba(107,201,244,.35);box-shadow:0 20px 55px rgba(0,0,0,.19)}
.app-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:45px}.app-card-header .app-icon{margin:0}.product-type-label{display:block;margin:17px 0 7px;color:#7494a8;font-size:.57rem;font-weight:900;letter-spacing:.13em}.refreshed-apps-grid .app-card h3{margin-top:0}.refreshed-apps-grid .app-card>p{min-height:66px}.refreshed-apps-grid .app-card ul{flex:1}.app-card-actions{display:grid;grid-template-columns:1fr;gap:7px;margin-top:17px}.app-card-actions .app-button{width:100%;margin:0;text-align:center}.secondary-download{opacity:.8}
.progress-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}.progress-summary div{padding:18px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(14,29,40,.92),rgba(8,17,25,.92))}.progress-summary strong{display:block;font-size:1.7rem}.progress-summary span{display:block;margin-top:3px;color:var(--muted);font-size:.67rem}
.product-progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.progress-card{padding:20px;border:1px solid var(--line);border-radius:17px;background:radial-gradient(circle at 100% 0,rgba(77,183,235,.08),transparent 42%),linear-gradient(145deg,rgba(14,29,40,.94),rgba(8,17,25,.95))}.progress-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.progress-top>div{display:flex;align-items:center;gap:10px}.progress-top h3{margin:0;font-size:1rem}.progress-top>strong{color:#b7dff2;font-size:.9rem}.progress-code{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:1px solid rgba(99,190,232,.22);background:rgba(61,151,194,.1);color:#8ed5f6;font-size:.62rem;font-weight:900}.progress-card p{min-height:56px;margin:13px 0 16px;color:var(--muted);font-size:.75rem;line-height:1.6}.progress-track{height:7px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.07)}.progress-track i{display:block;width:var(--progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,#287ca5,#65c7ef);box-shadow:0 0 16px rgba(84,190,236,.25)}.progress-card small{display:block;margin-top:9px;color:#6f8999;font-size:.54rem;font-weight:900;letter-spacing:.1em}
.future-lab-grid .teaser-card{min-height:240px}.priority-concept{border-color:rgba(91,193,239,.3)!important;background:radial-gradient(circle at 100% 0,rgba(72,173,223,.1),transparent 40%),var(--panel)}
.direction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.direction-card{min-height:210px;padding:22px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,rgba(15,30,42,.94),rgba(8,17,25,.95))}.direction-card>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:rgba(83,185,231,.1);color:#83d3f7;font-size:.65rem;font-weight:900}.direction-card h3{margin:17px 0 8px;font-size:1rem}.direction-card p{margin:0;color:var(--muted);font-size:.75rem;line-height:1.65}.roadmap-timeline-v2 .roadmap-item{position:relative}.current-roadmap{border-color:rgba(92,194,239,.34)!important}.current-roadmap:after{content:"CURRENT FOCUS";position:absolute;right:14px;top:14px;color:#86d6f9;font-size:.52rem;font-weight:900;letter-spacing:.1em}
.status-card .dev-dot{background:#dda64a!important;box-shadow:0 0 0 4px rgba(221,166,74,.09)!important}.status-card .internal-dot{background:#9876cf!important;box-shadow:0 0 0 4px rgba(152,118,207,.09)!important}
.app-card[hidden]{display:none!important}.product-page-card,.teaser-card,.status-card,.development-update,.roadmap-item{transition:transform .2s ease,border-color .2s ease}.product-page-card:hover,.teaser-card:hover,.status-card:hover{transform:translateY(-3px)}.button,.app-button,.resource-action,.team-profile-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:900px){.progress-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.product-progress-grid{grid-template-columns:1fr}.direction-grid{grid-template-columns:1fr}.refreshed-apps-grid .app-card>p,.progress-card p{min-height:0}}
@media(max-width:560px){.progress-summary{grid-template-columns:1fr 1fr}.apps-toolbar{width:100%}.hero-stats{grid-template-columns:1fr 1fr}.hero-stats>div:last-child{grid-column:1/-1}}


/* ===== Major Update Incoming ===== */
.major-update-announcement{
  gap:14px;
}
.announcement-update-button{
  border:0;
  padding:0;
  color:#9cddff;
  background:transparent;
  font:inherit;
  font-weight:800;
  cursor:pointer;
}
.announcement-update-button:hover{
  color:#fff;
}

.major-update-button{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border:1px solid rgba(255,190,84,.28);
  border-radius:12px;
  color:#fff;
  background:
    radial-gradient(circle at 15% 20%,rgba(255,188,70,.14),transparent 45%),
    rgba(255,255,255,.035);
  cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
  white-space:nowrap;
}
.major-update-button:hover{
  transform:translateY(-2px);
  border-color:rgba(255,196,91,.55);
  background:
    radial-gradient(circle at 15% 20%,rgba(255,188,70,.2),transparent 48%),
    rgba(255,255,255,.055);
}
.major-update-button > span:nth-child(2){
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.01em;
}
.major-update-button small{
  padding:3px 5px;
  border-radius:5px;
  color:#ffc96f;
  background:rgba(255,190,84,.08);
  font-size:.43rem;
  font-weight:900;
  letter-spacing:.09em;
}
.major-update-pulse{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:#ffc15e;
  box-shadow:0 0 0 0 rgba(255,193,94,.45);
  animation:majorUpdatePulse 1.9s ease-out infinite;
}
@keyframes majorUpdatePulse{
  0%{box-shadow:0 0 0 0 rgba(255,193,94,.42)}
  70%{box-shadow:0 0 0 8px rgba(255,193,94,0)}
  100%{box-shadow:0 0 0 0 rgba(255,193,94,0)}
}

.major-update-modal{
  z-index:650;
}
.major-update-card{
  width:min(720px,100%);
  overflow:hidden;
  padding:36px;
  border-color:rgba(255,194,92,.2);
  background:
    radial-gradient(circle at 90% 0,rgba(255,182,65,.1),transparent 34%),
    radial-gradient(circle at 0 100%,rgba(70,169,222,.08),transparent 40%),
    #0c1521;
}
.major-update-modal-badge{
  width:fit-content;
  display:flex;
  align-items:center;
  gap:9px;
  padding:7px 10px;
  border:1px solid rgba(255,194,92,.2);
  border-radius:999px;
  color:#ffd08a;
  background:rgba(255,194,92,.06);
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.12em;
}
.major-update-card h2{
  max-width:590px;
  margin-top:18px;
  font-size:clamp(2rem,4vw,3.2rem);
  line-height:1.02;
  letter-spacing:-.035em;
}
.major-update-card > p{
  max-width:620px;
}
.major-update-preview-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:24px 0 0;
}
.major-update-preview-grid > div{
  min-height:160px;
  padding:17px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}
.major-update-preview-grid span,
.major-update-preview-grid strong,
.major-update-preview-grid small{
  display:block;
}
.major-update-preview-grid span{
  color:#7e9aae;
  font-size:.55rem;
  font-weight:900;
  letter-spacing:.1em;
}
.major-update-preview-grid strong{
  margin-top:15px;
  font-size:.82rem;
}
.major-update-preview-grid small{
  margin-top:8px;
  color:var(--muted);
  font-size:.66rem;
  line-height:1.55;
}
.major-update-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid var(--line);
}
.major-update-footer > div span,
.major-update-footer > div strong{
  display:block;
}
.major-update-footer > div span{
  color:var(--muted);
  font-size:.57rem;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.major-update-footer > div strong{
  margin-top:4px;
  color:#ffd08a;
  font-size:.83rem;
}
.major-update-note{
  margin-top:14px!important;
  color:#6f8798!important;
  font-size:.67rem!important;
}

@media(max-width:1050px){
  .major-update-button{
    width:100%;
    justify-content:flex-start;
  }
}
@media(max-width:680px){
  .major-update-announcement{
    flex-wrap:wrap;
  }
  .major-update-preview-grid{
    grid-template-columns:1fr;
  }
  .major-update-preview-grid > div{
    min-height:0;
  }
  .major-update-card{
    padding:28px 20px;
  }
  .major-update-footer{
    align-items:flex-start;
    flex-direction:column;
  }
}
@media(prefers-reduced-motion:reduce){
  .major-update-pulse{
    animation:none;
  }
}

.os-app-direct{
  border:1px solid var(--line);
  background:rgba(255,255,255,.025);
  color:var(--text);
  border-radius:14px;
  padding:14px;
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:58px;
}
.os-app-direct:hover{
  border-color:rgba(91,190,236,.38);
  background:rgba(91,190,236,.06);
}
.os-app-direct span{
  width:32px;height:32px;border-radius:9px;
  display:grid;place-items:center;
  background:rgba(91,190,236,.1);
  color:#8bd7f8;font-size:.65rem;font-weight:900;
}


/* ============================================================
   ATMOS LABS 2.0 — MAJOR UPDATE
   September 15, 2026
   ============================================================ */

:root{
  --atmos2-cyan:#75d5ff;
  --atmos2-blue:#3a91e7;
  --atmos2-violet:#8977ff;
  --atmos2-good:#6ee7ad;
}

.update-live-bar{
  background:
    linear-gradient(90deg,rgba(35,130,183,.1),rgba(102,76,200,.08)),
    rgba(5,13,20,.96);
  border-bottom-color:rgba(117,213,255,.16);
}
.update-live-bar > span{
  color:#8edcff;
  font-weight:950;
  letter-spacing:.12em;
}

.version-strip{
  width:fit-content;
  max-width:100%;
  display:flex;
  align-items:center;
  gap:8px;
  margin:20px 0 0;
  padding:8px 11px;
  border:1px solid rgba(117,213,255,.2);
  border-radius:999px;
  background:rgba(117,213,255,.055);
  color:#9fb7c9;
  font-size:.63rem;
}
.version-strip strong{
  color:#c8eeff;
  font-size:.64rem;
  letter-spacing:.08em;
}
.version-dot,
.launch-live-dot{
  background:var(--atmos2-good)!important;
  box-shadow:0 0 0 0 rgba(110,231,173,.36)!important;
}

.hero-quick-launch{
  max-width:760px;
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  margin-top:20px;
}
.hero-quick-launch > span{
  margin-right:3px;
  color:#69869b;
  font-size:.53rem;
  font-weight:950;
  letter-spacing:.12em;
}
.hero-quick-launch a,
.hero-quick-launch button{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:11px;
  background:rgba(255,255,255,.025);
  color:#bed0dd;
  text-decoration:none;
  font:inherit;
  font-size:.68rem;
  font-weight:760;
  cursor:pointer;
}
.hero-quick-launch a:hover,
.hero-quick-launch button:hover{
  color:#fff;
  border-color:rgba(117,213,255,.3);
  background:rgba(117,213,255,.06);
}
.hero-quick-launch b{
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:rgba(117,213,255,.1);
  color:#8edcff;
  font-size:.55rem;
}

/* What's New */
.whats-new-section{
  position:relative;
  overflow:hidden;
}
.whats-new-section::before{
  content:"";
  position:absolute;
  width:500px;height:500px;
  right:-260px;top:-260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(99,105,255,.09),transparent 68%);
  pointer-events:none;
}
.update-feature-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
}
.update-feature-card{
  min-height:235px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:20px;
  border:1px solid var(--line);
  border-radius:18px;
  background:
    radial-gradient(circle at 100% 0,rgba(73,153,213,.06),transparent 45%),
    linear-gradient(145deg,rgba(13,27,39,.96),rgba(7,15,23,.96));
}
.update-feature-primary{
  border-color:rgba(117,213,255,.27);
  background:
    radial-gradient(circle at 100% 0,rgba(117,213,255,.12),transparent 48%),
    linear-gradient(145deg,rgba(14,31,45,.98),rgba(7,16,25,.98));
}
.update-number{
  color:#48667a;
  font-size:.64rem;
  font-weight:950;
  letter-spacing:.1em;
}
.update-feature-card small{
  color:#78cfff;
  font-size:.54rem;
  font-weight:950;
  letter-spacing:.12em;
}
.update-feature-card h3{
  margin:8px 0 7px;
  font-size:1rem;
}
.update-feature-card p{
  margin:0;
  color:var(--muted);
  font-size:.72rem;
  line-height:1.62;
}
.release-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  margin-top:12px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:15px;
  background:var(--line);
}
.release-summary > div{
  padding:16px;
  background:#08121b;
}
.release-summary span,
.release-summary strong{
  display:block;
}
.release-summary span{
  color:#617b8f;
  font-size:.52rem;
  font-weight:900;
  letter-spacing:.1em;
}
.release-summary strong{
  margin-top:5px;
  color:#dceaf4;
  font-size:.75rem;
}

/* Launch Center */
.launch-center-modal{
  z-index:720;
}
.launch-center-card{
  width:min(900px,calc(100vw - 32px));
  max-height:min(88vh,900px);
  overflow:auto;
  padding:26px;
  background:
    radial-gradient(circle at 90% -10%,rgba(78,156,232,.13),transparent 36%),
    radial-gradient(circle at 0 100%,rgba(114,83,214,.08),transparent 38%),
    #09131d;
}
.launch-center-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
}
.launch-center-head h2{
  margin:5px 0 4px;
  font-size:2rem;
}
.launch-center-head p{
  margin:0;
}
.launch-center-head .modal-close{
  position:static;
  flex:0 0 auto;
}
.launch-search-wrap{
  display:block;
  margin-top:22px;
}
.launch-search-wrap > span{
  display:block;
  margin-bottom:7px;
  color:#6f899d;
  font-size:.55rem;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.launch-search-wrap input{
  width:100%;
  min-height:48px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:13px;
  background:#06101a;
  color:#fff;
  outline:none;
}
.launch-search-wrap input:focus{
  border-color:rgba(117,213,255,.4);
  box-shadow:0 0 0 3px rgba(117,213,255,.06);
}
.launch-center-filters{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin:12px 0;
}
.launch-center-filters button{
  padding:7px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.025);
  color:#8099ab;
  font:inherit;
  font-size:.6rem;
  font-weight:850;
  cursor:pointer;
}
.launch-center-filters button.active,
.launch-center-filters button:hover{
  color:#fff;
  border-color:rgba(117,213,255,.28);
  background:rgba(117,213,255,.07);
}
.launch-center-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.launch-product{
  min-height:78px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  padding:12px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:14px;
  background:rgba(255,255,255,.022);
  color:#fff;
  text-decoration:none;
  transition:.18s ease;
}
.launch-product:hover{
  transform:translateY(-2px);
  border-color:rgba(117,213,255,.28);
  background:rgba(117,213,255,.055);
}
.launch-product[hidden]{display:none!important}
.launch-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:linear-gradient(135deg,rgba(66,156,215,.18),rgba(118,95,224,.14));
  color:#9be2ff;
  font-size:.65rem;
  font-weight:950;
}
.launch-product strong,
.launch-product small{
  display:block;
}
.launch-product strong{font-size:.77rem}
.launch-product small{
  margin-top:3px;
  color:#738ca0;
  font-size:.58rem;
}
.launch-product b{
  color:#72cfff;
  font-size:.55rem;
  letter-spacing:.05em;
}
.launch-center-bottom{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:13px;
  padding-top:13px;
  border-top:1px solid var(--line);
  color:#627c90;
  font-size:.57rem;
}

/* Header becomes more product-like */
.header{
  border-bottom-color:rgba(117,213,255,.1);
}
.launch-center-nav-button{
  border-color:rgba(110,231,173,.2)!important;
}
.launch-center-nav-button small{
  color:#80eab4!important;
  background:rgba(110,231,173,.07)!important;
}

/* Product cards feel more like a real app catalog */
.refreshed-apps-grid .app-card{
  background:
    radial-gradient(circle at 100% 0,rgba(99,174,220,.045),transparent 35%),
    linear-gradient(145deg,rgba(13,26,38,.95),rgba(7,15,23,.96));
}
.refreshed-apps-grid .app-card-featured{
  border-color:rgba(117,213,255,.22);
}

/* Responsive */
@media(max-width:1000px){
  .update-feature-grid{grid-template-columns:1fr 1fr}
  .release-summary{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .launch-center-grid{grid-template-columns:1fr}
  .launch-center-card{padding:20px}
  .launch-center-bottom{flex-direction:column}
  .hero-quick-launch{align-items:stretch}
  .hero-quick-launch > span{width:100%}
}
@media(max-width:560px){
  .update-feature-grid{grid-template-columns:1fr}
  .release-summary{grid-template-columns:1fr}
}


/* Atmos Labs 2.1 — UI refresh */
body{background:radial-gradient(circle at 18% -4%,rgba(53,151,205,.10),transparent 29rem),radial-gradient(circle at 88% 15%,rgba(105,87,220,.08),transparent 32rem),linear-gradient(180deg,#061019 0,#07111a 44%,#050b12 100%)}
.section{padding-top:86px;padding-bottom:86px}
.app-card,.progress-card,.team-card,.pricing-card,.direction-card,.update-feature-card{border-color:rgba(148,194,222,.12)!important;background:linear-gradient(145deg,rgba(15,29,42,.96),rgba(7,15,23,.96))!important;box-shadow:0 18px 46px rgba(0,0,0,.13)}
.app-card:hover,.progress-card:hover,.team-card:hover,.pricing-card:hover{border-color:rgba(117,213,255,.30)!important;box-shadow:0 24px 62px rgba(0,0,0,.20)}
.team-grid-six{grid-template-columns:repeat(3,minmax(0,1fr))}
.support-team-card{border-color:rgba(146,120,236,.20)!important}.support-badge{color:#cfbeff!important;background:rgba(157,130,240,.07)!important}
.pricing-section-v2 .pricing-featured{border-color:rgba(110,231,173,.34)!important}.pricing-section-v2 .popular-badge{color:#8ef0bc;background:rgba(75,202,142,.10)}
.new-release-bar{background:linear-gradient(90deg,rgba(45,179,135,.10),rgba(76,115,219,.08)),rgba(5,13,20,.97)!important}.new-release-bar>span{color:#88edbc!important}
.new-update-button{border-color:rgba(137,119,255,.28)!important;background:radial-gradient(circle at 15% 20%,rgba(137,119,255,.14),transparent 45%),rgba(255,255,255,.035)!important}.update-button-badge{padding:3px 5px;border-radius:5px;background:#7966ee;color:#fff;font-size:.43rem!important;font-weight:950!important}
.update-tour-modal{z-index:780}.update-tour-card{width:min(980px,calc(100vw - 30px));max-height:min(92vh,920px);overflow:auto;padding:0;border-color:rgba(137,119,255,.22);background:radial-gradient(circle at 100% 0,rgba(119,94,235,.11),transparent 34%),#08121c}
.update-tour-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:25px 26px 18px;border-bottom:1px solid var(--line)}.update-tour-top h2{margin:5px 0 4px;font-size:2rem}.update-tour-top p{margin:0}.update-tour-top .modal-close{position:static}.update-tour-version{color:#9b8cff;font-size:.56rem;font-weight:950;letter-spacing:.13em}
.update-tour-progress{display:flex;align-items:center;gap:12px;padding:11px 26px;border-bottom:1px solid var(--line)}.update-tour-progress-track{height:5px;flex:1;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.07)}.update-tour-progress-track i{display:block;width:16.666%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4fb8e7,#907cff);transition:width .25s ease}.update-tour-progress>span{color:#71899d;font-size:.6rem;font-weight:850}
.update-tour-layout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:460px}.update-tour-list{display:grid;align-content:start;gap:5px;padding:16px;border-right:1px solid var(--line);background:rgba(3,10,16,.26)}.update-tour-list button{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:center;padding:11px;border:1px solid transparent;border-radius:12px;background:transparent;color:#72899b;text-align:left;cursor:pointer}.update-tour-list button:hover,.update-tour-list button.active{color:#fff;border-color:rgba(137,119,255,.20);background:rgba(137,119,255,.07)}.update-tour-list strong,.update-tour-list small{display:block}.update-tour-list strong{font-size:.68rem}.update-tour-list small{font-size:.53rem;color:#62798c}
.update-tour-stage{padding:30px}.tour-screen{display:none;min-height:390px}.tour-screen.active{display:block;animation:tourFade .25s ease}@keyframes tourFade{from{opacity:.25;transform:translateX(10px)}to{opacity:1;transform:none}}.tour-eyebrow{color:#8977ff;font-size:.57rem;font-weight:950;letter-spacing:.12em}.tour-screen h3{margin:11px 0 8px;font-size:clamp(1.7rem,4vw,2.8rem);letter-spacing:-.045em}.tour-screen>p{max-width:650px;color:var(--muted);line-height:1.7}
.tour-jump{margin-top:20px;padding:9px 12px;border:1px solid rgba(117,213,255,.20);border-radius:10px;background:rgba(117,213,255,.05);color:#9bdefb;font:inherit;font-size:.65rem;font-weight:850;cursor:pointer}.primary-tour-jump{color:#08121c;border-color:transparent;background:linear-gradient(135deg,#74d7ff,#9b8cff)}
.tour-demo{margin-top:25px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#06101a}.tour-demo-nav{display:flex;gap:5px}.tour-demo-nav i{width:8px;height:8px;border-radius:50%;background:#365063}.tour-demo-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px;margin-top:14px}.tour-demo-grid span{height:105px;border-radius:11px;background:#0b1a27;border:1px solid rgba(255,255,255,.07)}
.tour-price-demo{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:520px;margin-top:26px}.tour-price-demo div{padding:20px;border:1px solid var(--line);border-radius:15px;background:#07131e}.tour-price-demo small,.tour-price-demo b,.tour-price-demo span{display:block}.tour-price-demo b{margin-top:8px;font-size:2.2rem}
.tour-people-demo{display:flex;gap:10px;margin-top:26px}.tour-people-demo span{width:76px;height:76px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,#2b6281,#775fd4);font-size:1.3rem;font-weight:950}
.tour-chip-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.tour-chip-row span{padding:7px 9px;border:1px solid var(--line);border-radius:999px;color:#a6bac9;background:rgba(255,255,255,.025);font-size:.6rem}
.tour-progress-demo{display:grid;gap:9px;max-width:600px;margin-top:24px}.tour-progress-demo span{position:relative;overflow:hidden;display:flex;justify-content:space-between;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#07131e;font-size:.63rem}.tour-progress-demo span:before{content:"";position:absolute;left:0;bottom:0;width:var(--p);height:3px;background:linear-gradient(90deg,#4dbce7,#8e7cff)}
.tour-final-mark{width:130px;height:130px;display:grid;place-items:center;margin-top:25px;border-radius:36px;background:linear-gradient(135deg,#318dc2,#765fd8);font-size:2.4rem;font-weight:950}.update-tour-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 26px 22px;border-top:1px solid var(--line)}.update-tour-dots{display:flex;gap:5px}.update-tour-dots i{width:6px;height:6px;border-radius:50%;background:#304657}.update-tour-dots i.active{width:18px;border-radius:999px;background:#8977ff}
@media(max-width:900px){.team-grid-six{grid-template-columns:1fr 1fr}.update-tour-layout{grid-template-columns:1fr}.update-tour-list{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.update-tour-list button{min-width:165px}}@media(max-width:600px){.team-grid-six{grid-template-columns:1fr}.tour-price-demo{grid-template-columns:1fr}.update-tour-stage{padding:22px 18px}.update-tour-top{padding:22px 18px 16px}.update-tour-progress{padding:10px 18px}.update-tour-controls{padding:14px 18px 18px}}