* {
  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: 0;
  transform: translateY(22px);
  transition: opacity .7s ease, transform .7s ease;
}

.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}}