:root {
  color-scheme: light;
  --bg: #fff8ed;
  --panel: #fffdf8;
  --ink: #111f1c;
  --muted: #60706a;
  --line: #ded9c9;
  --brand: #0b8f79;
  --brand-dark: #056654;
  --mint: #bbf7d0;
  --lime: #dcf763;
  --sky: #8fd8ff;
  --pink: #ff9dc7;
  --violet: #b9a7ff;
  --blocked: #c83532;
  --allowed: #168148;
  --error: #8a5b00;
  --unknown: #536a73;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--ink);
  overflow-x: hidden;
  background:
    linear-gradient(90deg, rgba(17, 31, 28, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(17, 31, 28, 0.035) 1px, transparent 1px),
    radial-gradient(circle at 16% 12%, rgba(143, 216, 255, 0.45), transparent 28%),
    radial-gradient(circle at 86% 10%, rgba(255, 157, 199, 0.38), transparent 24%),
    radial-gradient(circle at 72% 78%, rgba(220, 247, 99, 0.32), transparent 26%),
    var(--bg);
  background-size: 32px 32px, 32px 32px, auto, auto, auto, auto;
}

.landing-v2 {
  background:
    linear-gradient(90deg, rgba(17, 31, 28, 0.026) 1px, transparent 1px),
    linear-gradient(180deg, rgba(17, 31, 28, 0.026) 1px, transparent 1px),
    radial-gradient(circle at 14% 8%, rgba(8, 112, 96, 0.16), transparent 28%),
    radial-gradient(circle at 90% 12%, rgba(216, 191, 116, 0.22), transparent 25%),
    radial-gradient(circle at 76% 82%, rgba(143, 216, 255, 0.22), transparent 30%),
    #f7f5ee;
}

.landing-v2 .site-nav {
  width: min(1220px, calc(100% - 32px));
}

.landing-v2 .hero-copy,
.landing-v2 .checker-card,
.landing-v2 .results-panel,
.landing-v2 .operation-section,
.landing-v2 .benefit-section,
.landing-v2 .providers-section,
.landing-v2 .faq-section,
.landing-v2 .member-section,
.landing-v2 .metrics article {
  border-radius: 16px;
  border-color: rgba(216, 210, 193, 0.88);
  background: rgba(255, 253, 248, 0.92);
  box-shadow: 0 28px 72px rgba(23, 33, 31, 0.10);
}

.landing-v2 .hero-copy {
  background:
    linear-gradient(150deg, rgba(255, 253, 248, 0.98), rgba(255, 247, 225, 0.86)),
    linear-gradient(135deg, rgba(8, 112, 96, 0.08), transparent 42%);
}

button,
textarea,
input {
  font: inherit;
}

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

.site-nav,
main {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
}

.site-nav {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 0;
  backdrop-filter: blur(14px);
}

.brandmark,
.site-nav nav,
.nav-cta {
  display: inline-flex;
  align-items: center;
}

.brandmark {
  gap: 12px;
  font-size: 23px;
  font-weight: 950;
  line-height: 1;
}

.brandmark small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.brand-orbit {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(17, 31, 28, 0.16);
  border-radius: 999px;
  background:
    radial-gradient(circle at 34% 30%, #ffffff 0 12%, transparent 13%),
    radial-gradient(circle at 58% 56%, #dff86a 0 32%, #8edc9a 58%, #087060 100%);
  box-shadow:
    0 14px 30px rgba(8, 112, 96, 0.20),
    inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.brand-orbit::before {
  content: "";
  position: absolute;
  width: 58px;
  height: 20px;
  border: 2px solid rgba(17, 31, 28, 0.78);
  border-radius: 999px;
  transform: rotate(-25deg);
}

.brand-orbit::after {
  content: "";
  position: absolute;
  right: 4px;
  top: 7px;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 0 0 2px rgba(17, 31, 28, 0.12);
}

.brand-orbit i {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #101f1b;
  box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.18);
}

.site-nav nav {
  gap: 20px;
  color: var(--muted);
  font-weight: 850;
}

.site-nav nav a:hover {
  color: var(--ink);
}

.nav-cta,
.primary-link,
.secondary-link,
button {
  min-height: 42px;
  border-radius: 8px;
  padding: 0 18px;
  font-weight: 950;
}

.nav-cta,
.secondary-link,
button.secondary {
  border: 1px solid var(--line);
  background: rgba(255, 253, 248, 0.88);
}

.hero {
  display: grid;
  grid-template-columns: minmax(340px, 0.92fr) minmax(430px, 1.08fr);
  gap: 18px;
  align-items: start;
  padding: 12px 0 18px;
}

.hero-copy,
.checker-card,
.results-panel,
.operation-section,
.benefit-section,
.providers-section,
.faq-section,
.member-section,
.metrics article {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 253, 248, 0.9);
  box-shadow: 0 18px 45px rgba(23, 33, 31, 0.09);
}

.hero-copy {
  position: relative;
  min-height: 540px;
  overflow: hidden;
  padding: 34px;
  background:
    linear-gradient(135deg, rgba(255, 253, 248, 0.95), rgba(255, 246, 224, 0.84)),
    repeating-linear-gradient(135deg, rgba(11, 143, 121, 0.08) 0 10px, transparent 10px 22px);
}

.eyebrow {
  margin: 0 0 7px;
  color: var(--brand);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

h1,
h2,
h3 {
  margin: 0;
  letter-spacing: 0;
}

h1 {
  max-width: 560px;
  font-size: clamp(60px, 8vw, 108px);
  line-height: 0.9;
}

h2 {
  font-size: clamp(24px, 3.8vw, 40px);
  line-height: 1.04;
}

h3 {
  font-size: 18px;
}

.hero-subtitle {
  max-width: 530px;
  margin: 20px 0 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.55;
}

.hero-actions,
.checker-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.hero-proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 22px;
}

.hero-proof span {
  padding: 12px;
  border: 1px solid rgba(17, 31, 28, 0.12);
  border-radius: 10px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.72);
}

.hero-proof strong {
  display: block;
  color: var(--ink);
  font-size: 18px;
}

.primary-link,
button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  color: #fff;
  background: var(--brand);
  cursor: pointer;
}

.primary-link:hover,
button:hover {
  background: var(--brand-dark);
}

.secondary-link,
button.secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ink);
}

.orbit-visual {
  position: relative;
  width: min(100%, 430px);
  height: 210px;
  margin-top: 30px;
}

.planet.main {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 118px;
  height: 118px;
  border: 3px solid var(--ink);
  border-radius: 999px;
  background: var(--lime);
  box-shadow: 8px 8px 0 var(--ink);
  transform: translate(-50%, -50%);
}

.planet strong,
.planet small {
  display: block;
}

.planet strong {
  font-size: 25px;
  line-height: 1;
}

.planet small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 950;
}

.orbit {
  position: absolute;
  left: 50%;
  top: 50%;
  border: 2px solid rgba(17, 31, 28, 0.82);
  border-radius: 999px;
  transform: translate(-50%, -50%) rotate(-10deg);
}

.orbit-a {
  width: 360px;
  height: 126px;
}

.orbit-b {
  width: 300px;
  height: 166px;
  transform: translate(-50%, -50%) rotate(24deg);
}

.node {
  position: absolute;
  z-index: 3;
  min-width: 62px;
  padding: 7px 10px;
  border: 2px solid var(--ink);
  border-radius: 8px;
  color: var(--ink);
  font-size: 12px;
  font-weight: 950;
  text-align: center;
  box-shadow: 4px 4px 0 var(--ink);
}

.node-a {
  left: 24px;
  top: 38px;
  background: var(--sky);
}

.node-b {
  right: 18px;
  top: 58px;
  background: var(--pink);
}

.node-c {
  left: 54%;
  bottom: 14px;
  background: var(--mint);
}

.checker-card {
  padding: 22px;
}

.checker-head,
.results-head,
.member-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.status-pill {
  max-width: 280px;
  min-width: 176px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--muted);
  text-align: center;
  background: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.input-label {
  display: flex;
  justify-content: space-between;
  margin: 22px 0 8px;
  color: var(--muted);
  font-weight: 950;
}

textarea {
  width: 100%;
  min-height: 222px;
  resize: vertical;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  color: var(--ink);
  background: #fff;
  outline: none;
}

textarea:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 4px rgba(11, 143, 121, 0.13);
}

input {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 12px;
  color: var(--ink);
  background: #fff;
  outline: none;
}

input:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 4px rgba(11, 143, 121, 0.13);
}

.hint,
.operation-grid p,
.member-section p {
  color: var(--muted);
  line-height: 1.5;
}

.hint {
  margin-bottom: 0;
}

.metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 16px 0;
}

.metrics article {
  padding: 18px;
  background: linear-gradient(180deg, #fff, var(--panel));
}

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

.metrics strong {
  display: block;
  margin-top: 8px;
  font-size: 34px;
}

.results-panel,
.operation-section,
.benefit-section,
.providers-section,
.faq-section,
.member-section {
  padding: 22px;
  margin-bottom: 18px;
}

.app-shell {
  padding-bottom: 28px;
}

.dashboard-hero,
.dashboard-panel {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 253, 248, 0.92);
  box-shadow: 0 18px 45px rgba(23, 33, 31, 0.09);
}

.dashboard-hero {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 18px;
  padding: 28px;
  margin: 12px 0 16px;
}

.dashboard-hero h1 {
  max-width: 720px;
  font-size: clamp(40px, 6vw, 76px);
}

.dashboard-hero p {
  max-width: 720px;
  color: var(--muted);
  line-height: 1.55;
}

.dashboard-status {
  display: grid;
  align-content: center;
  min-width: 220px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

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

.dashboard-status strong {
  margin-top: 8px;
  font-size: 28px;
}

.dashboard-grid,
.admin-grid {
  display: grid;
  gap: 12px;
  margin-bottom: 16px;
}

.dashboard-grid {
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.55fr);
}

.admin-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dashboard-panel {
  padding: 22px;
}

.panel-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.panel-head > span {
  color: var(--muted);
  font-weight: 950;
}

.domain-panel textarea {
  min-height: 270px;
}

.side-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.side-metrics div {
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.side-metrics span {
  display: block;
  color: var(--muted);
}

.side-metrics strong {
  display: block;
  margin-top: 6px;
  font-size: 28px;
}

.ops-note {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.ops-note p {
  margin: 6px 0 0;
  color: var(--muted);
  line-height: 1.45;
}

.admin-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.admin-list div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.admin-list span,
.muted-text {
  color: var(--muted);
}

.telegram-setup {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.telegram-setup label,
.inline-field {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.inline-field input {
  width: 100%;
}

.telegram-targets {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.telegram-targets label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  font-size: 12px;
  font-weight: 900;
}

.telegram-targets input {
  width: auto;
}

.client-list-item {
  align-items: stretch;
}

.ok-text {
  color: var(--allowed);
  font-weight: 950;
}

.auth-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(380px, 520px);
  gap: 22px;
  align-items: stretch;
  min-height: calc(100vh - 86px);
}

.auth-body {
  background:
    radial-gradient(circle at 18% 8%, rgba(8, 112, 96, 0.16), transparent 30%),
    radial-gradient(circle at 86% 24%, rgba(216, 191, 116, 0.28), transparent 24%),
    linear-gradient(180deg, #f7f8fb 0%, #eef2f5 100%);
}

.auth-aside,
.auth-panel {
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255, 253, 248, 0.94);
  box-shadow: 0 28px 70px rgba(23, 33, 31, 0.12);
  padding: 28px;
}

.auth-aside {
  display: grid;
  align-content: center;
  min-height: 560px;
  color: #ffffff;
  background:
    linear-gradient(140deg, rgba(255, 255, 255, 0.08), transparent 38%),
    linear-gradient(135deg, #08110f, #18231f 58%, #243027);
}

.auth-aside h1 {
  font-size: clamp(38px, 5vw, 68px);
  line-height: 0.98;
}

.auth-aside p {
  max-width: 620px;
  color: #bdcec8;
  line-height: 1.6;
}

.auth-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 22px;
}

.auth-feature-grid span {
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  color: #f7f0ce;
  background: rgba(255, 255, 255, 0.08);
  font-weight: 850;
}

.auth-panel h1 {
  font-size: clamp(42px, 7vw, 72px);
}

.auth-panel p {
  color: var(--muted);
  line-height: 1.5;
}

.auth-tabs {
  display: flex;
  gap: 8px;
  margin: 22px 0 14px;
}

.auth-form {
  display: grid;
  gap: 12px;
}

.auth-form label {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-weight: 950;
}

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

.section-copy p:not(.eyebrow) {
  color: var(--muted);
  line-height: 1.55;
}

.filters,
.provider-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.filter {
  min-height: 36px;
  border: 1px solid var(--line);
  color: var(--ink);
  background: #fff;
}

.filter:hover,
.filter.active {
  border-color: var(--brand);
  background: #e9f9f3;
}

.table-wrap {
  overflow-x: auto;
  margin-top: 16px;
}

table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
}

th,
td {
  padding: 14px 12px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
}

th {
  color: var(--muted);
  font-size: 13px;
}

.badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 8px;
  color: #fff;
  font-weight: 950;
}

.badge.allowed { background: var(--allowed); }
.badge.blocked { background: var(--blocked); }
.badge.action { background: var(--blocked); }
.badge.error { background: var(--error); }
.badge.unknown,
.badge.unavailable,
.badge.checking { background: var(--unknown); }

.provider-chip {
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
  max-width: 240px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 6px 9px;
  color: var(--muted);
  background: #fff;
  font-size: 13px;
}

.provider-chip b,
.provider-chip small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.provider-chip.blocked {
  color: var(--blocked);
  border-color: rgba(200, 53, 50, 0.35);
}

.provider-chip.action {
  color: var(--blocked);
  border-color: rgba(200, 53, 50, 0.35);
}

.provider-chip.unavailable,
.provider-chip.checking,
.provider-chip.unknown {
  color: var(--unknown);
  border-style: dashed;
}

.service-matrix {
  display: grid;
  gap: 10px;
  margin-top: 18px;
  overflow-x: auto;
  padding: 2px 2px 10px;
}

.service-matrix-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-width: 1120px;
  padding: 12px 14px;
  border: 1px solid rgba(216, 222, 230, 0.95);
  border-radius: 12px;
  color: #52615d;
  background: linear-gradient(180deg, #ffffff, #f7faf9);
}

.service-matrix-note strong {
  color: #10201d;
}

.service-grid {
  display: grid;
  grid-template-columns: minmax(230px, 1.2fr) repeat(6, minmax(138px, 1fr));
  gap: 8px;
  min-width: 1120px;
}

.service-head {
  padding: 0 2px;
}

.service-head div {
  display: grid;
  place-items: center;
  min-height: 44px;
  border: 1px solid rgba(216, 222, 230, 0.95);
  border-radius: 10px;
  color: #52615d;
  background: #f8fafb;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.service-row {
  align-items: stretch;
}

.service-domain,
.service-cell {
  width: 100%;
  min-height: 60px;
  border-radius: 10px;
  box-shadow: none !important;
}

.service-domain {
  display: grid;
  align-content: center;
  gap: 4px;
  border: 1px solid rgba(216, 222, 230, 0.95);
  color: #10201d;
  background: #ffffff;
  text-align: left;
}

.service-domain strong,
.service-domain small,
.service-cell strong,
.service-cell small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.service-domain small {
  color: #66756f;
}

.service-cell {
  display: grid;
  place-items: center;
  gap: 2px;
  padding: 8px 10px;
  border: 1px solid transparent;
  color: #ffffff;
  text-align: center;
}

.service-cell strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  max-width: 100%;
  font-size: 12px;
  line-height: 1.1;
}

.service-cell small {
  max-width: 100%;
  color: rgba(255, 255, 255, 0.92);
  font-size: 11px;
  font-weight: 850;
  line-height: 1.1;
}

.service-cell.allowed {
  background: linear-gradient(180deg, #2fb75c, #188246);
}

.service-cell.blocked {
  background: linear-gradient(180deg, #e14b4a, #b62f2d);
}

.service-cell.error {
  background: linear-gradient(180deg, #a97210, #754b00);
}

.service-cell.checking,
.service-cell.unavailable,
.service-cell.unknown {
  background: linear-gradient(180deg, #6c7e86, #4d626b);
}

.service-domain:hover,
.service-cell:hover {
  transform: translateY(-1px);
  filter: brightness(1.03);
}

.service-domain:hover {
  color: #10201d;
  background: #ffffff;
}

.service-cell.allowed:hover {
  background: linear-gradient(180deg, #2fb75c, #188246);
}

.service-cell.blocked:hover {
  background: linear-gradient(180deg, #e14b4a, #b62f2d);
}

.service-cell.error:hover {
  background: linear-gradient(180deg, #a97210, #754b00);
}

.service-cell.checking:hover,
.service-cell.unavailable:hover,
.service-cell.unknown:hover {
  background: linear-gradient(180deg, #6c7e86, #4d626b);
}

.service-empty {
  padding: 18px;
  border: 1px dashed rgba(216, 222, 230, 0.95);
  border-radius: 12px;
  color: #66756f;
  background: #ffffff;
}

.raw-result-details {
  margin-top: 16px;
  border: 1px solid rgba(216, 222, 230, 0.95);
  border-radius: 12px;
  background: #ffffff;
}

.raw-result-details summary {
  cursor: pointer;
  padding: 14px 16px;
  color: #52615d;
  font-weight: 950;
}

.raw-result-details .table-wrap {
  margin: 0;
  padding: 0 16px 16px;
}

.provider-logo {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  color: #ffffff;
  background: #1f6feb;
  font-size: 10px;
  font-weight: 950;
  line-height: 1;
  flex: 0 0 auto;
}

.service-head .provider-logo {
  margin-right: 7px;
}

.provider-logo.ipos { background: #475569; }
.provider-logo.telkomsel { background: #d71920; }
.provider-logo.im3 { background: #f6c600; color: #111827; }
.provider-logo.tri { background: #111827; }
.provider-logo.xl { background: #0057b8; }
.provider-logo.smartfren { background: #f05a28; }

.empty {
  color: var(--muted);
  text-align: center;
}

.operation-grid,
.provider-grid,
.benefit-grid {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}

.operation-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.operation-grid article {
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.benefit-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.benefit-grid article {
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.benefit-grid article:nth-child(2n) {
  background: #f3fbff;
}

.benefit-grid article:nth-child(3n) {
  background: #fbfff0;
}

.benefit-grid p {
  color: var(--muted);
  line-height: 1.5;
}

.operation-grid span {
  display: inline-flex;
  margin-bottom: 14px;
  padding: 6px 8px;
  border-radius: 8px;
  background: var(--pink);
  font-weight: 950;
}

.provider-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.provider-grid article {
  padding: 16px;
  border: 1px solid var(--ink);
  border-radius: 8px;
  background: var(--lime);
  font-weight: 950;
  text-align: center;
}

.faq-list {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}

.faq-list details {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 0 16px;
}

.faq-list summary {
  cursor: pointer;
  padding: 16px 0;
  font-weight: 950;
}

.faq-list p {
  margin: 0;
  padding: 0 0 16px;
  color: var(--muted);
  line-height: 1.55;
}

@media (max-width: 900px) {
  .site-nav nav {
    display: none;
  }

  .hero {
    grid-template-columns: 1fr;
  }

  .hero-copy {
    min-height: auto;
  }

  .operation-grid,
  .provider-grid,
  .benefit-grid,
  .admin-grid,
  .dashboard-grid,
  .metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

  .dashboard-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .site-nav,
  main {
    width: min(100% - 20px, 1180px);
  }

  .nav-cta {
    display: none;
  }

  .hero-copy,
  .checker-card {
    padding: 20px;
  }

  h1 {
    font-size: 58px;
  }

  .orbit-visual {
    height: 178px;
  }

  .orbit-a {
    width: 285px;
    height: 104px;
  }

  .orbit-b {
    width: 245px;
    height: 134px;
  }

  .node {
    min-width: 54px;
    padding: 6px 8px;
  }

  .checker-head,
  .results-head,
  .member-section {
    align-items: stretch;
    flex-direction: column;
  }

  .metrics,
  .operation-grid,
  .benefit-grid,
  .admin-grid,
  .dashboard-grid,
  .provider-grid {
    grid-template-columns: 1fr;
  }

  .dashboard-hero,
  .dashboard-panel {
    padding: 20px;
  }

  .side-metrics {
    grid-template-columns: 1fr;
  }
}

.portal-body {
  background: #f5f6f8;
  color: #17211f;
}

.portal-body .site-nav {
  width: min(1240px, calc(100% - 32px));
}

.portal-body main {
  width: min(1240px, calc(100% - 32px));
}

.portal-nav {
  border-bottom: 1px solid #d9dee3;
}

.portal-logo {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  color: transparent;
  background:
    radial-gradient(circle at 34% 30%, #ffffff 0 12%, transparent 13%),
    radial-gradient(circle at 58% 56%, #dff86a 0 32%, #8edc9a 58%, #087060 100%);
  box-shadow: 0 14px 28px rgba(8, 112, 96, 0.20);
}

.portal-logo::before {
  content: "";
  position: absolute;
  width: 52px;
  height: 18px;
  border: 2px solid rgba(255, 255, 255, 0.72);
  border-radius: 999px;
  transform: rotate(-25deg);
}

.portal-logo::after {
  content: "";
  position: absolute;
  right: 4px;
  top: 7px;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #ffffff;
}

.portal-logo i {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #101f1b;
}

.portal-body .brandmark {
  font-size: 20px;
}

.portal-shell {
  padding-bottom: 36px;
}

.portal-header {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 18px;
  margin: 14px 0 16px;
  padding: 24px;
  border: 1px solid #d9dee3;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(20, 30, 28, 0.05);
}

.portal-header h1 {
  max-width: 760px;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.04;
}

.portal-header p:not(.eyebrow) {
  max-width: 720px;
  margin: 12px 0 0;
  color: #586963;
  line-height: 1.55;
}

.portal-status {
  display: grid;
  align-content: center;
  min-width: 240px;
  padding: 18px;
  border: 1px solid #d9dee3;
  border-radius: 8px;
  background: #fafbfc;
}

.portal-status span,
.portal-status small {
  color: #586963;
}

.portal-status strong {
  display: block;
  margin: 5px 0;
  font-size: 30px;
}

.portal-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  gap: 14px;
  margin-bottom: 16px;
}

.portal-tabs {
  display: flex;
  gap: 6px;
  margin: 0 0 14px;
  padding: 6px;
  border: 1px solid #d9dee3;
  border-radius: 8px;
  background: #ffffff;
  overflow-x: auto;
}

.portal-tab {
  min-height: 38px;
  border: 0;
  border-radius: 6px;
  padding: 0 16px;
  color: #52615d;
  background: transparent;
  font-weight: 850;
  white-space: nowrap;
}

.portal-tab:hover,
.portal-tab.active {
  color: #ffffff;
  background: #17211f;
}

.portal-tab-panel {
  display: none;
}

.portal-tab-panel.active {
  display: block;
}

.portal-body .dashboard-panel,
.portal-body .results-panel,
.portal-body .metrics article {
  border-color: #d9dee3;
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(20, 30, 28, 0.05);
}

.portal-body .dashboard-panel {
  padding: 20px;
}

.portal-body .results-panel {
  padding: 20px;
}

.portal-body .eyebrow {
  color: #087060;
}

.portal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 14px;
}

.portal-body textarea,
.portal-body input,
.portal-body select {
  border-color: #d9dee3;
  background: #ffffff;
}

.portal-body textarea {
  min-height: 238px;
}

.portal-body .side-metrics.compact-metrics {
  margin-top: 0;
}

.portal-body .side-metrics div,
.portal-body .ops-note,
.portal-body .admin-list div {
  border-color: #d9dee3;
  background: #fafbfc;
}

.portal-body .metrics {
  margin: 0 0 16px;
}

.portal-body .metrics article {
  padding: 16px 18px;
}

.portal-body .metrics strong {
  font-size: 32px;
}

.portal-body table {
  min-width: 860px;
}

.portal-body th {
  background: #fafbfc;
  color: #586963;
  font-size: 12px;
  text-transform: uppercase;
}

.portal-body td {
  background: #ffffff;
}

.portal-body .provider-chip {
  background: #fafbfc;
  border-color: #d9dee3;
}

.enterprise-metrics article {
  min-height: 96px;
}

.enterprise-panel {
  max-width: 920px;
}

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

  .portal-header {
    flex-direction: column;
  }
}

.enterprise-body {
  background:
    radial-gradient(circle at 18% 8%, rgba(12, 112, 96, 0.10), transparent 28%),
    radial-gradient(circle at 92% 0%, rgba(203, 174, 95, 0.16), transparent 24%),
    linear-gradient(180deg, #f7f8fb 0%, #edf1f5 100%);
}

.portal-layout {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  min-height: 100vh;
}

.enterprise-sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  padding: 22px 18px;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 34%),
    linear-gradient(160deg, #08110f 0%, #101d1a 48%, #17231e 100%);
  color: #dbe7e2;
  box-shadow: 24px 0 60px rgba(4, 11, 10, 0.18);
}

.enterprise-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 8px 22px;
  color: #ffffff;
  font-weight: 950;
  font-size: 20px;
}

.enterprise-brand small {
  display: block;
  margin-top: 1px;
  color: #93a7a0;
  font-size: 11px;
  font-weight: 850;
}

.enterprise-sidebar .portal-logo {
  box-shadow: 0 12px 28px rgba(8, 112, 96, 0.26);
}

.enterprise-menu {
  display: grid;
  gap: 6px;
  padding-top: 8px;
}

.enterprise-menu .portal-tab {
  justify-content: flex-start;
  width: 100%;
  min-height: 44px;
  border-radius: 8px;
  padding: 0 14px;
  color: #b8c8c2;
  background: transparent;
  text-align: left;
}

.enterprise-menu .portal-tab:hover,
.enterprise-menu .portal-tab.active {
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.08));
  box-shadow: inset 3px 0 0 #d8bf74;
}

.enterprise-sidebar-footer {
  display: grid;
  gap: 8px;
  margin-top: auto;
  padding: 18px 8px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.enterprise-sidebar-footer a {
  color: #b8c8c2;
  font-weight: 850;
}

.enterprise-sidebar-footer a:hover {
  color: #ffffff;
}

.enterprise-main {
  width: min(100%, 1280px);
  padding: 28px 34px 44px;
}

.enterprise-topbar {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
  padding: 24px;
  border: 1px solid rgba(216, 222, 230, 0.9);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94));
  box-shadow: 0 22px 60px rgba(19, 30, 28, 0.10);
}

.enterprise-topbar h1 {
  max-width: 780px;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.02;
}

.enterprise-status {
  min-width: 250px;
  align-content: center;
  padding: 18px;
  border: 1px solid rgba(216, 222, 230, 0.9);
  border-radius: 12px;
  background:
    linear-gradient(180deg, #ffffff, #f5f8f8);
  box-shadow: inset 0 1px 0 #ffffff;
}

.enterprise-status span,
.enterprise-status small {
  display: block;
  color: #586963;
}

.enterprise-status strong {
  display: block;
  margin: 4px 0;
  font-size: 28px;
}

.enterprise-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.ops-timeline {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 16px;
}

.ops-timeline article {
  min-height: 120px;
  padding: 18px;
  border: 1px solid rgba(216, 222, 230, 0.95);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(247, 250, 249, 0.98));
  box-shadow: 0 18px 44px rgba(19, 30, 28, 0.08);
}

.ops-timeline span,
.ops-timeline small {
  display: block;
  color: #586963;
}

.ops-timeline strong {
  display: block;
  margin: 8px 0 4px;
  font-size: 26px;
}

.rotation-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.rotation-card {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 170px;
  color: #10201d;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 14px 36px rgba(19, 30, 28, 0.07) !important;
}

.rotation-card:hover {
  transform: translateY(-1px);
  border-color: rgba(8, 112, 96, 0.28);
}

.rotation-card::after {
  content: "";
  position: absolute;
  inset: auto -30px -44px auto;
  width: 120px;
  height: 120px;
  border-radius: 999px;
  background: rgba(8, 112, 96, 0.09);
}

.rotation-card.blocked {
  border-color: rgba(200, 53, 50, 0.34);
  background: linear-gradient(180deg, #fffafa, #fff6f4);
}

.rotation-card.allowed {
  border-color: rgba(22, 129, 72, 0.24);
}

.rotation-card h3 {
  margin-top: 12px;
  font-size: 22px;
}

.rotation-card p {
  color: #586963;
}

.rotation-card strong {
  color: #10201d;
}

.enterprise-body .portal-tabs {
  display: none;
}

.enterprise-body .dashboard-panel,
.enterprise-body .results-panel,
.enterprise-body .metrics article {
  border-radius: 14px;
  border-color: rgba(216, 222, 230, 0.95);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(250, 252, 252, 0.98));
  box-shadow: 0 18px 50px rgba(19, 30, 28, 0.09);
}

.enterprise-body .metrics {
  gap: 14px;
}

.enterprise-body .metrics article {
  min-height: 112px;
  padding: 20px;
  position: relative;
  overflow: hidden;
}

.enterprise-body .metrics article::after {
  content: "";
  position: absolute;
  right: -24px;
  top: -24px;
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background: rgba(8, 112, 96, 0.08);
}

.enterprise-body .metrics span {
  color: #586963;
  font-size: 14px;
}

.enterprise-body .metrics strong {
  font-size: 36px;
}

.enterprise-body .dashboard-panel h2,
.enterprise-body .results-panel h2 {
  font-size: clamp(24px, 2.8vw, 34px);
}

.enterprise-body .domain-panel textarea {
  min-height: 330px;
}

.command-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
  padding: 22px;
  border: 1px solid rgba(216, 222, 230, 0.95);
  border-radius: 14px;
  background:
    linear-gradient(135deg, #101c19, #1e2b26 62%, #263128);
  color: #ffffff;
  box-shadow: 0 24px 64px rgba(13, 24, 21, 0.16);
}

.command-panel .eyebrow {
  color: #e0c879;
}

.command-panel h2 {
  font-size: clamp(24px, 3vw, 36px);
}

.command-panel p {
  margin: 8px 0 0;
  color: #bed0ca;
  line-height: 1.5;
}

.command-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  min-width: min(100%, 420px);
}

.command-actions button {
  background: #087060;
}

.command-actions button.secondary {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.10);
}

.command-actions button.secondary:hover {
  background: rgba(255, 255, 255, 0.16);
}

.enterprise-split {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
  gap: 16px;
}

.enterprise-split.compact {
  margin-top: 8px;
}

.enterprise-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}

.enterprise-form label {
  display: grid;
  gap: 7px;
  color: #52615d;
  font-size: 13px;
  font-weight: 850;
}

.enterprise-form .form-wide,
.enterprise-form button {
  grid-column: 1 / -1;
}

.enterprise-form input,
.enterprise-form select {
  width: 100%;
  min-height: 44px;
  border: 1px solid rgba(216, 222, 230, 0.98);
  border-radius: 10px;
  padding: 0 12px;
  color: #10201d;
  background: linear-gradient(180deg, #ffffff, #f8faf9);
  font: inherit;
  font-weight: 700;
}

.ops-card {
  padding: 18px;
  border: 1px solid rgba(216, 222, 230, 0.95);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 249, 0.98));
  box-shadow: 0 14px 36px rgba(19, 30, 28, 0.07);
}

.ops-card h3 {
  margin: 0;
  font-size: 22px;
}

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

.rich-list div {
  display: grid;
  gap: 4px;
  padding: 14px;
}

.rich-list strong {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.rich-list small {
  color: #66756f;
  font-weight: 700;
}

.rich-list span {
  color: #087060;
  font-weight: 900;
}

.domain-builder {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.domain-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}

.domain-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 240px);
  gap: 10px;
  margin: 12px 0;
}

.domain-builder-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 0 2px;
  color: #66756f;
  font-size: 13px;
  font-weight: 900;
}

.domain-rows {
  display: grid;
  gap: 12px;
}

.domain-row {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(216, 222, 230, 0.95);
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff, #f8faf9);
  box-shadow: 0 14px 34px rgba(19, 30, 28, 0.07);
}

.domain-card-head,
.domain-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.domain-card-head > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.domain-card-head strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 20px;
}

.domain-card-head small,
.domain-card-footer {
  color: #66756f;
}

.domain-card-fields {
  display: grid;
  grid-template-columns: minmax(180px, 0.8fr) minmax(170px, 0.75fr) minmax(260px, 1.3fr);
  gap: 12px;
}

.domain-card-fields label {
  display: grid;
  gap: 7px;
  color: #52615d;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.domain-row input,
.domain-row select {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(216, 222, 230, 0.98);
  border-radius: 9px;
  padding: 0 11px;
  color: #10201d;
  background: #ffffff;
  font: inherit;
  font-weight: 750;
}

.domain-row-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.domain-row-actions button {
  min-height: 38px;
  padding: 0 12px;
}

.domain-row-actions .danger {
  color: #9b2c2c;
  border-color: rgba(207, 78, 78, 0.24);
  background: #fff6f4;
}

.domain-empty {
  padding: 18px;
  border: 1px dashed rgba(216, 222, 230, 0.95);
  border-radius: 12px;
  color: #66756f;
  background: #ffffff;
}

.domain-inspector {
  align-self: start;
  position: static;
  display: grid;
  gap: 12px;
}

.domain-inventory {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.inventory-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: auto;
  padding: 12px;
  border: 1px solid rgba(216, 222, 230, 0.95);
  border-radius: 12px;
  color: #10201d;
  background: linear-gradient(180deg, #ffffff, #f8faf9);
  text-align: left;
  box-shadow: none !important;
}

.inventory-item:hover {
  border-color: rgba(8, 112, 96, 0.28);
  background: #ffffff;
}

.inventory-item span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.inventory-item strong,
.inventory-item small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inventory-item small {
  color: #66756f;
}

.icon-action {
  width: 42px;
  min-height: 42px;
  padding: 0;
  border-radius: 10px;
  color: #8a2d2d;
  border: 1px solid rgba(207, 78, 78, 0.25);
  background: #fff6f4;
  box-shadow: none !important;
  font-size: 22px;
  line-height: 1;
}

.duplicate-domain-row {
  color: #087060;
  border-color: rgba(8, 112, 96, 0.25);
  background: #f0fbf7;
}

.product-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(340px, 0.9fr);
  gap: 16px;
}

.product-hero-panel {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(242, 249, 246, 0.96));
}

.product-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}

.product-stats div,
.feature-list div {
  padding: 14px;
  border: 1px solid rgba(216, 222, 230, 0.95);
  border-radius: 12px;
  background: #ffffff;
}

.product-stats span,
.feature-list span {
  display: block;
  color: #66756f;
}

.product-stats strong {
  display: block;
  margin-top: 5px;
  font-size: 22px;
}

.feature-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.feature-list strong {
  display: block;
  margin-bottom: 4px;
}

.domain-builder > button.secondary {
  justify-self: start;
  margin-top: 2px;
}

.enterprise-body button:not(.portal-tab) {
  box-shadow: 0 10px 24px rgba(8, 112, 96, 0.16);
}

.enterprise-body button:disabled {
  opacity: 0.65;
  cursor: wait;
}

@media (max-width: 980px) {
  .portal-layout {
    grid-template-columns: 1fr;
  }

  .enterprise-sidebar {
    position: static;
    height: auto;
  }

  .enterprise-main {
    padding: 20px;
  }

  .enterprise-topbar,
  .enterprise-card-grid,
  .enterprise-split,
  .domain-workspace,
  .product-workspace,
  .ops-timeline,
  .rotation-grid,
  .command-panel {
    grid-template-columns: 1fr;
  }

  .enterprise-topbar,
  .command-panel {
    flex-direction: column;
  }

  .command-actions {
    justify-content: flex-start;
  }

  .auth-shell {
    grid-template-columns: 1fr;
  }

  .auth-aside {
    min-height: auto;
  }

  .domain-card-fields,
  .product-stats {
    grid-template-columns: 1fr;
  }

  .icon-action {
    width: 100%;
  }

  .domain-row-actions,
  .domain-toolbar {
    grid-template-columns: 1fr;
  }

  .domain-inspector {
    position: static;
  }
}

.landing-premium {
  --bg: #f5f7f8;
  --panel: #ffffff;
  --ink: #0b1715;
  --muted: #53615d;
  --line: #d8dee3;
  --brand: #087060;
  --brand-dark: #064d43;
  background:
    radial-gradient(circle at 18% 0%, rgba(8, 112, 96, 0.14), transparent 32%),
    radial-gradient(circle at 82% 10%, rgba(216, 191, 116, 0.18), transparent 28%),
    linear-gradient(180deg, #fbfcfd 0%, #eef2f5 100%);
}

.landing-premium .site-nav {
  width: min(1220px, calc(100% - 40px));
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(216, 222, 227, 0.88);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 20px 60px rgba(16, 28, 25, 0.08);
}

.landing-premium .brandmark {
  font-size: 22px;
  letter-spacing: 0;
}

.landing-premium .brandmark small {
  color: #74817d;
  letter-spacing: 0.04em;
}

.landing-premium .brand-orbit {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(216, 191, 116, 0.45);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.28), transparent 42%),
    linear-gradient(135deg, #07110f 0%, #0b302a 50%, #087060 100%);
  box-shadow:
    0 18px 34px rgba(8, 112, 96, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.30);
}

.landing-premium .brand-orbit::before {
  width: 42px;
  height: 18px;
  border: 1px solid rgba(216, 191, 116, 0.92);
  transform: rotate(-28deg);
}

.landing-premium .brand-orbit::after {
  right: 8px;
  top: 8px;
  width: 7px;
  height: 7px;
  background: #d8bf74;
  box-shadow: 0 0 18px rgba(216, 191, 116, 0.82);
}

.landing-premium .brand-orbit i {
  width: 16px;
  height: 16px;
  border-radius: 6px;
  background: linear-gradient(135deg, #ffffff, #d8bf74);
  box-shadow: none;
  transform: rotate(45deg);
}

.landing-premium .site-nav nav {
  gap: 24px;
  color: #53615d;
  font-size: 14px;
}

.landing-premium .nav-cta,
.landing-premium .primary-link,
.landing-premium button {
  background: linear-gradient(135deg, #087060, #064d43);
  box-shadow: 0 14px 32px rgba(8, 112, 96, 0.20);
}

.landing-premium .nav-cta:hover,
.landing-premium .primary-link:hover,
.landing-premium button:hover {
  background: linear-gradient(135deg, #0a806e, #063f38);
}

.landing-premium .secondary-link,
.landing-premium button.secondary,
.landing-premium .filter {
  border-color: rgba(216, 222, 227, 0.95);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 12px 28px rgba(16, 28, 25, 0.06);
}

.premium-hero {
  grid-template-columns: minmax(420px, 0.98fr) minmax(440px, 1.02fr);
  align-items: stretch;
  padding: 36px 0 18px;
}

.landing-premium .hero-copy,
.premium-preview,
.landing-premium .checker-card,
.landing-premium .results-panel,
.landing-premium .operation-section,
.landing-premium .benefit-section,
.landing-premium .providers-section,
.landing-premium .faq-section,
.landing-premium .member-section,
.landing-premium .metrics article {
  border: 1px solid rgba(216, 222, 227, 0.92);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 28px 80px rgba(16, 28, 25, 0.10);
}

.landing-premium .hero-copy {
  display: grid;
  align-content: center;
  min-height: 560px;
  padding: 42px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(246, 248, 249, 0.90)),
    radial-gradient(circle at 0% 0%, rgba(8, 112, 96, 0.10), transparent 44%);
}

.landing-premium h1 {
  max-width: 760px;
  font-size: clamp(48px, 6vw, 82px);
  line-height: 0.98;
}

.landing-premium .hero-subtitle {
  max-width: 680px;
  color: #53615d;
  font-size: 18px;
}

.landing-premium .hero-proof {
  max-width: 640px;
}

.landing-premium .hero-proof span {
  border-color: rgba(216, 222, 227, 0.92);
  border-radius: 12px;
  background: #ffffff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.premium-preview {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: center;
  gap: 18px;
  min-height: 560px;
  padding: 28px;
  background:
    linear-gradient(155deg, rgba(11, 23, 21, 0.98), rgba(20, 35, 31, 0.96) 62%, rgba(8, 112, 96, 0.90));
  color: #ffffff;
}

.premium-preview::before {
  content: "";
  position: absolute;
  inset: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  pointer-events: none;
}

.preview-top,
.preview-row,
.preview-metrics,
.preview-service-grid {
  position: relative;
  z-index: 1;
}

.preview-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.08);
}

.preview-top span {
  color: #b9cac4;
}

.preview-top strong {
  color: #d8bf74;
}

.preview-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.preview-metrics div,
.preview-table,
.preview-service-grid span {
  border: 1px solid rgba(255, 255, 255, 0.11);
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(14px);
}

.preview-metrics div {
  padding: 16px;
  border-radius: 14px;
}

.preview-metrics span,
.preview-row small {
  display: block;
  color: #b9cac4;
}

.preview-metrics strong {
  display: block;
  margin-top: 8px;
  font-size: 30px;
}

.preview-table {
  display: grid;
  gap: 2px;
  padding: 10px;
  border-radius: 16px;
}

.preview-row {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(120px, 0.7fr) minmax(80px, 0.5fr);
  gap: 10px;
  align-items: center;
  padding: 12px;
  border-radius: 10px;
}

.preview-head {
  color: #b9cac4;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.preview-row:not(.preview-head) {
  background: rgba(255, 255, 255, 0.06);
}

.warn-text {
  color: #f5d28a;
}

.preview-service-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.preview-service-grid span {
  min-height: 42px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #d8ffdc;
  font-size: 12px;
  font-weight: 950;
}

.premium-checker {
  margin: 6px 0 18px;
  padding: 26px;
}

.landing-premium textarea {
  min-height: 180px;
  border-color: rgba(216, 222, 227, 0.95);
  background: #ffffff;
}

.landing-premium .metrics {
  margin-top: 0;
}

.landing-premium .operation-grid article,
.landing-premium .benefit-grid article,
.landing-premium .faq-list details {
  border-color: rgba(216, 222, 227, 0.92);
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(16, 28, 25, 0.06);
}

.landing-premium .operation-grid span {
  color: #0b1715;
  background: #d8bf74;
}

.landing-premium .provider-grid article {
  border: 1px solid rgba(8, 112, 96, 0.18);
  border-radius: 14px;
  color: #0b1715;
  background:
    linear-gradient(180deg, #ffffff, #f5faf8);
  box-shadow: 0 14px 34px rgba(16, 28, 25, 0.06);
}

@media (max-width: 900px) {
  .premium-hero {
    grid-template-columns: 1fr;
  }

  .landing-premium .hero-copy,
  .premium-preview {
    min-height: auto;
  }
}

.orbit-home {
  --orbit-bg: #f4f6f8;
  --orbit-ink: #101817;
  --orbit-muted: #66726f;
  --orbit-line: #dce2e6;
  --orbit-deep: #07110f;
  --orbit-panel: #ffffff;
  --orbit-brand: #087060;
  --orbit-gold: #c9ad63;
  margin: 0;
  color: var(--orbit-ink);
  background:
    linear-gradient(180deg, #ffffff 0%, #f4f6f8 42%, #eef2f5 100%);
}

.orbit-home button,
.orbit-home textarea,
.orbit-home input {
  font: inherit;
}

.orbit-nav {
  position: sticky;
  top: 0;
  z-index: 20;
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto minmax(160px, 1fr);
  align-items: center;
  gap: 24px;
  padding: 18px 38px;
  color: #ffffff;
  background: rgba(7, 17, 15, 0.94);
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  backdrop-filter: blur(18px);
}

.orbit-brand,
.orbit-nav nav,
.orbit-nav-action,
.orbit-primary,
.orbit-secondary {
  display: inline-flex;
  align-items: center;
}

.orbit-brand {
  gap: 12px;
  font-size: 22px;
  font-weight: 950;
}

.orbit-brand small {
  display: block;
  margin-top: 2px;
  color: #98aaa4;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.orbit-brand-icon {
  position: relative;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(201, 173, 99, 0.45);
  border-radius: 12px;
  background: linear-gradient(135deg, #0b211d, #087060);
  box-shadow: 0 16px 32px rgba(8, 112, 96, 0.28);
}

.orbit-brand-icon::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 16px;
  border: 1px solid rgba(201, 173, 99, 0.88);
  border-radius: 999px;
  transform: rotate(-28deg);
}

.orbit-brand-icon i {
  width: 14px;
  height: 14px;
  border-radius: 5px;
  background: linear-gradient(135deg, #ffffff, var(--orbit-gold));
  transform: rotate(45deg);
}

.orbit-nav nav {
  gap: 28px;
  justify-content: center;
  color: #c7d4cf;
  font-size: 14px;
  font-weight: 850;
}

.orbit-nav nav a:hover {
  color: #ffffff;
}

.orbit-nav-action {
  justify-self: end;
  min-height: 42px;
  padding: 0 18px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  color: #ffffff;
  font-weight: 950;
  background: rgba(255, 255, 255, 0.08);
}

.orbit-main {
  width: min(1240px, calc(100% - 44px));
  margin: 0 auto;
}

.orbit-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(360px, 0.58fr);
  gap: 28px;
  align-items: stretch;
  min-height: 680px;
  padding: 58px 0 28px;
}

.orbit-hero-copy {
  display: grid;
  align-content: center;
  padding: 56px;
  border-radius: 28px;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 40%),
    linear-gradient(145deg, #07110f 0%, #10231f 52%, #073f37 100%);
  box-shadow: 0 34px 100px rgba(7, 17, 15, 0.22);
}

.orbit-kicker {
  margin: 0 0 12px;
  color: var(--orbit-gold);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.orbit-hero h1 {
  max-width: 860px;
  margin: 0;
  font-size: clamp(48px, 6vw, 86px);
  line-height: 0.98;
}

.orbit-hero p:not(.orbit-kicker) {
  max-width: 760px;
  margin: 22px 0 0;
  color: #c1d0cb;
  font-size: 18px;
  line-height: 1.65;
}

.orbit-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}

.orbit-primary,
.orbit-secondary,
.orbit-home button {
  min-height: 46px;
  border-radius: 999px;
  padding: 0 22px;
  font-weight: 950;
}

.orbit-primary,
.orbit-home button:not(.secondary):not(.filter) {
  color: #ffffff;
  background: linear-gradient(135deg, #0a806e, #064d43);
  box-shadow: 0 16px 34px rgba(8, 112, 96, 0.24);
}

.orbit-secondary,
.orbit-home button.secondary,
.orbit-home .filter {
  border: 1px solid var(--orbit-line);
  color: var(--orbit-ink);
  background: #ffffff;
}

.orbit-hero .orbit-secondary {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.08);
}

.orbit-command-preview {
  display: grid;
  align-content: end;
  gap: 16px;
  padding: 26px;
  border: 1px solid var(--orbit-line);
  border-radius: 28px;
  background:
    linear-gradient(180deg, #ffffff, #f7faf9);
  box-shadow: 0 30px 90px rgba(16, 28, 25, 0.13);
}

.command-preview-header,
.command-score,
.command-list div {
  border: 1px solid var(--orbit-line);
  border-radius: 18px;
  background: #ffffff;
}

.command-preview-header {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  color: var(--orbit-muted);
}

.command-preview-header strong {
  color: var(--orbit-brand);
}

.command-score {
  padding: 24px;
}

.command-score span {
  color: var(--orbit-muted);
}

.command-score strong {
  display: block;
  margin-top: 8px;
  font-size: 54px;
  line-height: 1;
}

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

.command-list div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 14px;
}

.command-list span {
  color: #293532;
  font-weight: 850;
}

.command-list b {
  color: var(--orbit-brand);
}

.command-list .attention {
  color: #9b6a00;
}

.orbit-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 28px;
}

.orbit-stats article {
  padding: 22px;
  border: 1px solid var(--orbit-line);
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 18px 44px rgba(16, 28, 25, 0.07);
}

.orbit-stats strong {
  display: block;
  font-size: 28px;
}

.orbit-stats span {
  display: block;
  margin-top: 8px;
  color: var(--orbit-muted);
  line-height: 1.5;
}

.orbit-section,
.orbit-final-cta {
  margin-bottom: 28px;
  padding: 34px;
  border: 1px solid var(--orbit-line);
  border-radius: 28px;
  background: #ffffff;
  box-shadow: 0 24px 70px rgba(16, 28, 25, 0.09);
}

.orbit-section-head {
  display: grid;
  gap: 10px;
  max-width: 850px;
  margin-bottom: 22px;
}

.orbit-section h2,
.orbit-final-cta h2 {
  margin: 0;
  font-size: clamp(28px, 4vw, 48px);
  line-height: 1.05;
}

.orbit-section-head p:not(.orbit-kicker),
.orbit-capabilities p,
.orbit-faq-list p {
  color: var(--orbit-muted);
  line-height: 1.6;
}

.orbit-checker-layout {
  display: grid;
  grid-template-columns: minmax(320px, 0.42fr) minmax(0, 0.58fr);
  gap: 18px;
  align-items: start;
}

.orbit-checker-card,
.orbit-results-box {
  border: 1px solid var(--orbit-line);
  border-radius: 22px;
  background: #f9fbfb;
}

.orbit-checker-card {
  display: grid;
  gap: 16px;
  padding: 22px;
}

.checker-status-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.checker-status-line span {
  max-width: 260px;
  color: var(--orbit-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.orbit-field-label {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: #41504b;
  font-weight: 950;
}

.orbit-home textarea {
  min-height: 220px;
  border: 1px solid var(--orbit-line);
  border-radius: 16px;
  background: #ffffff;
}

.orbit-demo-results {
  display: grid;
  gap: 14px;
}

.orbit-mini-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.orbit-mini-metrics article {
  min-height: 86px;
  padding: 16px;
  border: 1px solid var(--orbit-line);
  border-radius: 18px;
  background: #ffffff;
}

.orbit-mini-metrics span {
  color: var(--orbit-muted);
}

.orbit-mini-metrics strong {
  display: block;
  margin-top: 5px;
  font-size: 30px;
}

.orbit-results-box {
  padding: 18px;
  overflow: hidden;
}

.orbit-home .results-head h2 {
  font-size: 26px;
}

.orbit-process,
.orbit-capabilities {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.orbit-process article,
.orbit-capabilities article {
  padding: 20px;
  border: 1px solid var(--orbit-line);
  border-radius: 20px;
  background: #f9fbfb;
}

.orbit-process span {
  display: inline-flex;
  margin-bottom: 20px;
  color: var(--orbit-gold);
  font-weight: 950;
}

.orbit-process h3,
.orbit-capabilities h2 {
  margin: 0;
}

.orbit-process p {
  color: var(--orbit-muted);
  line-height: 1.55;
}

.orbit-capabilities {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  background:
    linear-gradient(135deg, #07110f, #12211e);
}

.orbit-capabilities article {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}

.orbit-capabilities p {
  color: #bfcdc8;
}

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

.orbit-faq-list details {
  border: 1px solid var(--orbit-line);
  border-radius: 16px;
  background: #f9fbfb;
  padding: 0 18px;
}

.orbit-faq-list summary {
  cursor: pointer;
  padding: 18px 0;
  font-weight: 950;
}

.orbit-faq-list p {
  margin: 0;
  padding-bottom: 18px;
}

.orbit-final-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 42px;
  color: #ffffff;
  background: linear-gradient(135deg, #07110f, #073f37);
}

.orbit-final-cta h2 {
  max-width: 760px;
}

.orbit-home .provider-chip {
  max-width: 220px;
}

@media (max-width: 980px) {
  .orbit-nav {
    grid-template-columns: 1fr auto;
  }

  .orbit-nav nav {
    display: none;
  }

  .orbit-hero,
  .orbit-checker-layout,
  .orbit-process,
  .orbit-capabilities {
    grid-template-columns: 1fr;
  }

  .orbit-stats,
  .orbit-mini-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .orbit-nav {
    padding: 14px 16px;
  }

  .orbit-nav-action {
    display: none;
  }

  .orbit-main {
    width: min(100% - 20px, 1240px);
  }

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

  .orbit-hero-copy,
  .orbit-section,
  .orbit-final-cta {
    padding: 22px;
    border-radius: 20px;
  }

  .orbit-hero h1 {
    font-size: 42px;
  }

  .orbit-stats,
  .orbit-mini-metrics {
    grid-template-columns: 1fr;
  }

  .orbit-final-cta {
    align-items: flex-start;
    flex-direction: column;
  }
}

.orbit-studio {
  --studio-bg: #f3f5f3;
  --studio-paper: #fbfbf8;
  --studio-ink: #14201d;
  --studio-muted: #64716c;
  --studio-line: #d7ddd8;
  --studio-soft: #eef2ef;
  --studio-deep: #10201d;
  --studio-brand: #087060;
  --studio-gold: #b99c56;
  margin: 0;
  color: var(--studio-ink);
  background:
    linear-gradient(180deg, #f9faf7 0%, #eef2ef 100%);
}

.orbit-studio h1,
.orbit-studio h2,
.orbit-studio h3,
.orbit-studio p {
  margin-top: 0;
}

.studio-nav {
  position: sticky;
  top: 0;
  z-index: 30;
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto minmax(150px, 1fr);
  align-items: center;
  gap: 20px;
  padding: 16px 32px;
  border-bottom: 1px solid var(--studio-line);
  background: rgba(251, 251, 248, 0.92);
  backdrop-filter: blur(16px);
}

.studio-brand,
.studio-nav nav,
.studio-login,
.studio-actions,
.studio-primary,
.studio-secondary {
  display: inline-flex;
  align-items: center;
}

.studio-brand {
  gap: 11px;
  font-size: 21px;
  font-weight: 950;
}

.studio-brand small {
  display: block;
  margin-top: 2px;
  color: var(--studio-muted);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.studio-mark {
  position: relative;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: linear-gradient(135deg, #10201d, #087060);
}

.studio-mark::before {
  content: "";
  position: absolute;
  width: 36px;
  height: 14px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 999px;
  transform: rotate(-28deg);
}

.studio-mark i {
  width: 12px;
  height: 12px;
  border-radius: 4px;
  background: linear-gradient(135deg, #ffffff, #d6c27a);
  transform: rotate(45deg);
}

.studio-nav nav {
  gap: 22px;
  color: var(--studio-muted);
  font-size: 14px;
  font-weight: 850;
}

.studio-nav nav a:hover {
  color: var(--studio-ink);
}

.studio-login {
  justify-self: end;
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid var(--studio-line);
  border-radius: 999px;
  background: #ffffff;
  font-weight: 950;
}

.studio-main {
  width: min(1160px, calc(100% - 36px));
  margin: 0 auto;
}

.studio-hero {
  display: grid;
  grid-template-columns: minmax(0, 0.98fr) minmax(320px, 0.52fr);
  gap: 18px;
  align-items: stretch;
  padding: 34px 0 18px;
}

.studio-intro,
.studio-board,
.studio-panel,
.studio-cta,
.studio-points article {
  border: 1px solid var(--studio-line);
  border-radius: 18px;
  background: var(--studio-paper);
  box-shadow: 0 18px 48px rgba(24, 38, 34, 0.07);
}

.studio-intro {
  min-height: 390px;
  display: grid;
  align-content: center;
  padding: 40px;
}

.studio-label {
  margin-bottom: 10px;
  color: var(--studio-brand);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.studio-intro h1 {
  max-width: 720px;
  margin-bottom: 14px;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.04;
}

.studio-subcopy {
  max-width: 640px;
  margin-bottom: 0;
  color: var(--studio-muted);
  font-size: 16px;
  line-height: 1.65;
}

.studio-actions {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
}

.studio-primary,
.studio-secondary,
.orbit-studio button {
  min-height: 42px;
  border-radius: 10px;
  padding: 0 18px;
  font-weight: 950;
}

.studio-primary,
.orbit-studio button:not(.secondary):not(.filter) {
  color: #ffffff;
  background: var(--studio-deep);
}

.studio-primary:hover,
.orbit-studio button:not(.secondary):not(.filter):hover {
  background: var(--studio-brand);
}

.studio-secondary,
.orbit-studio button.secondary,
.orbit-studio .filter {
  border: 1px solid var(--studio-line);
  color: var(--studio-ink);
  background: #ffffff;
}

.studio-board {
  align-self: stretch;
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 20px;
}

.board-head,
.board-row,
.board-strip {
  border: 1px solid var(--studio-line);
  border-radius: 14px;
  background: #ffffff;
}

.board-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px;
  color: var(--studio-muted);
}

.board-head b {
  color: var(--studio-brand);
}

.board-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  padding: 13px;
}

.board-row span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 850;
}

.board-row small {
  color: var(--studio-muted);
}

.safe {
  color: #168148;
}

.risk {
  color: #946000;
}

.board-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  padding: 8px;
}

.board-strip span {
  display: grid;
  place-items: center;
  min-height: 32px;
  border-radius: 9px;
  color: #ffffff;
  background: #168148;
  font-size: 11px;
  font-weight: 950;
}

.studio-points {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.studio-points article {
  padding: 16px;
}

.studio-points b {
  display: block;
  margin-bottom: 5px;
  font-size: 20px;
}

.studio-points span {
  color: var(--studio-muted);
  line-height: 1.4;
}

.studio-panel,
.studio-cta {
  margin-bottom: 18px;
  padding: 24px;
}

.panel-copy {
  max-width: 680px;
  margin-bottom: 18px;
}

.panel-copy h2,
.studio-cta h2 {
  margin-bottom: 8px;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.12;
}

.panel-copy p:not(.studio-label) {
  color: var(--studio-muted);
  line-height: 1.6;
}

.demo-grid {
  display: grid;
  grid-template-columns: minmax(320px, 0.44fr) minmax(0, 0.56fr);
  gap: 14px;
}

.demo-input,
.demo-result-card,
.inside-grid article,
.studio-faq details {
  border: 1px solid var(--studio-line);
  border-radius: 16px;
  background: #ffffff;
}

.demo-input {
  display: grid;
  gap: 14px;
  padding: 18px;
}

.demo-status,
.demo-label,
.demo-result-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.demo-status span {
  max-width: 260px;
  color: var(--studio-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.demo-label {
  color: var(--studio-muted);
  font-weight: 900;
}

.orbit-studio textarea {
  min-height: 180px;
  border: 1px solid var(--studio-line);
  border-radius: 12px;
  background: #ffffff;
}

.demo-output {
  display: grid;
  gap: 12px;
}

.demo-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.demo-metrics article {
  min-height: 76px;
  padding: 14px;
  border: 1px solid var(--studio-line);
  border-radius: 14px;
  background: #ffffff;
}

.demo-metrics span {
  color: var(--studio-muted);
}

.demo-metrics strong {
  display: block;
  margin-top: 4px;
  font-size: 24px;
}

.demo-result-card {
  padding: 16px;
}

.demo-result-head {
  align-items: flex-start;
}

.demo-result-head h2 {
  margin: 0;
  font-size: 24px;
}

.orbit-studio table {
  min-width: 720px;
}

.inside-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.inside-grid article {
  padding: 16px;
}

.inside-grid span {
  display: block;
  margin-bottom: 18px;
  color: var(--studio-gold);
  font-weight: 950;
}

.inside-grid b {
  display: block;
  margin-bottom: 7px;
  font-size: 18px;
}

.inside-grid p {
  margin-bottom: 0;
  color: var(--studio-muted);
  line-height: 1.5;
}

.coverage-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.6fr) minmax(320px, 0.4fr);
  gap: 18px;
  align-items: center;
}

.coverage-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.coverage-list span {
  min-height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid var(--studio-line);
  border-radius: 12px;
  background: #ffffff;
  font-weight: 950;
}

.studio-faq {
  display: grid;
  gap: 8px;
}

.studio-faq details {
  padding: 0 16px;
}

.studio-faq summary {
  cursor: pointer;
  padding: 15px 0;
  font-weight: 950;
}

.studio-faq p {
  margin-bottom: 0;
  padding-bottom: 15px;
  color: var(--studio-muted);
  line-height: 1.55;
}

.studio-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: #ffffff;
  background: var(--studio-deep);
}

.studio-cta .studio-label {
  color: #d6c27a;
}

.studio-cta .studio-primary {
  color: var(--studio-ink);
  background: #ffffff;
}

@media (max-width: 980px) {
  .studio-nav {
    grid-template-columns: 1fr auto;
  }

  .studio-nav nav {
    display: none;
  }

  .studio-hero,
  .demo-grid,
  .coverage-panel {
    grid-template-columns: 1fr;
  }

  .studio-points,
  .inside-grid,
  .demo-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .studio-nav {
    padding: 13px 16px;
  }

  .studio-login {
    display: none;
  }

  .studio-main {
    width: min(100% - 20px, 1160px);
  }

  .studio-hero {
    padding-top: 18px;
  }

  .studio-intro,
  .studio-board,
  .studio-panel,
  .studio-cta {
    padding: 18px;
    border-radius: 16px;
  }

  .studio-intro {
    min-height: auto;
  }

  .studio-intro h1 {
    font-size: 32px;
  }

  .studio-points,
  .inside-grid,
  .demo-metrics,
  .coverage-list {
    grid-template-columns: 1fr;
  }

  .demo-result-head,
  .studio-cta {
    align-items: flex-start;
    flex-direction: column;
  }
}

.orbit-market {
  --market-bg: #f7f9f6;
  --market-card: #ffffff;
  --market-ink: #071513;
  --market-muted: #5d6d67;
  --market-line: #d8e2dc;
  --market-green: #118653;
  --market-green-dark: #08221c;
  --market-soft: #edf5ef;
  margin: 0;
  color: var(--market-ink);
  background:
    radial-gradient(circle at 12% 8%, rgba(17, 134, 83, 0.10), transparent 30%),
    radial-gradient(circle at 90% 42%, rgba(17, 134, 83, 0.08), transparent 26%),
    var(--market-bg);
}

.orbit-market main {
  width: min(1180px, calc(100% - 36px));
  margin: 0 auto;
}

.market-nav {
  position: sticky;
  top: 0;
  z-index: 40;
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto minmax(190px, 1fr);
  align-items: center;
  gap: 24px;
  padding: 18px 36px;
  border-bottom: 1px solid var(--market-line);
  background: rgba(247, 249, 246, 0.90);
  backdrop-filter: blur(18px);
}

.market-brand,
.market-nav nav,
.market-actions,
.market-button,
.hero-cta {
  display: inline-flex;
  align-items: center;
}

.market-brand {
  gap: 10px;
  font-size: 23px;
  font-weight: 950;
}

.market-logo {
  position: relative;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: linear-gradient(135deg, #07221c, #118653);
  box-shadow: 0 16px 28px rgba(17, 134, 83, 0.22);
}

.market-logo::before {
  content: "";
  position: absolute;
  width: 39px;
  height: 16px;
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: 999px;
  transform: rotate(-28deg);
}

.market-logo i {
  width: 13px;
  height: 13px;
  border-radius: 5px;
  background: #ffffff;
  transform: rotate(45deg);
}

.market-nav nav {
  gap: 28px;
  justify-content: center;
  color: var(--market-muted);
  font-size: 14px;
  font-weight: 850;
}

.market-nav nav a:hover,
.market-actions a:hover {
  color: var(--market-green);
}

.market-actions {
  justify-content: flex-end;
  gap: 12px;
  color: var(--market-muted);
  font-weight: 850;
}

.market-button,
.orbit-market button {
  min-height: 42px;
  border-radius: 10px;
  padding: 0 18px;
  border: 0;
  color: #ffffff;
  background: var(--market-green-dark);
  font-weight: 950;
  box-shadow: 0 14px 28px rgba(7, 21, 19, 0.12);
}

.market-button:hover,
.orbit-market button:hover {
  background: var(--market-green);
}

.market-button.small {
  min-height: 38px;
}

.market-button.ghost,
.orbit-market button.secondary,
.orbit-market .filter {
  border: 1px solid var(--market-line);
  color: var(--market-ink);
  background: #ffffff;
  box-shadow: none;
}

.market-hero {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(380px, 0.68fr);
  gap: 22px;
  align-items: stretch;
  padding: 48px 0 18px;
}

.hero-text,
.dashboard-showcase,
.market-stats article,
.market-section,
.market-cta {
  border: 1px solid var(--market-line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 24px 70px rgba(20, 40, 32, 0.10);
}

.hero-text {
  display: grid;
  align-content: center;
  min-height: 430px;
  padding: 42px;
}

.market-pill,
.section-title p,
.result-heading p {
  margin: 0 0 10px;
  color: var(--market-green);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.hero-text h1 {
  max-width: 720px;
  margin: 0;
  font-size: clamp(38px, 5vw, 64px);
  line-height: 1.02;
}

.hero-text > p:not(.market-pill) {
  max-width: 650px;
  margin: 18px 0 0;
  color: var(--market-muted);
  font-size: 17px;
  line-height: 1.65;
}

.hero-cta {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}

.dashboard-showcase {
  display: grid;
  align-content: center;
  gap: 14px;
  padding: 24px;
}

.showcase-top,
.showcase-table,
.showcase-grid article,
.portfolio-frame,
.market-checker,
.result-card,
.pricing-grid article,
.market-faq-list details {
  border: 1px solid var(--market-line);
  border-radius: 16px;
  background: #ffffff;
}

.showcase-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px;
  color: var(--market-muted);
}

.showcase-top b {
  color: var(--market-green);
}

.showcase-grid,
.result-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.showcase-grid article,
.result-stats article {
  padding: 14px;
}

.showcase-grid span,
.result-stats span {
  color: var(--market-muted);
}

.showcase-grid strong,
.result-stats strong {
  display: block;
  margin-top: 4px;
  font-size: 26px;
}

.showcase-table {
  display: grid;
  gap: 1px;
  padding: 8px;
}

.showcase-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 90px 56px;
  gap: 10px;
  align-items: center;
  min-height: 42px;
  padding: 8px 10px;
  border-radius: 10px;
}

.showcase-row:not(.head) {
  background: #f8faf8;
}

.showcase-row span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 850;
}

.showcase-row small,
.showcase-row.head {
  color: var(--market-muted);
  font-size: 12px;
}

.green {
  color: var(--market-green);
}

.red {
  color: #c83532;
}

.provider-line {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.provider-line span {
  display: grid;
  place-items: center;
  min-height: 34px;
  border-radius: 9px;
  color: #ffffff;
  background: var(--market-green);
  font-size: 11px;
  font-weight: 950;
}

.market-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.market-stats article {
  padding: 18px;
}

.market-stats strong {
  display: block;
  font-size: 28px;
}

.market-stats span {
  display: block;
  margin-top: 5px;
  color: var(--market-muted);
}

.market-section {
  margin-bottom: 18px;
  padding: 30px;
}

.section-title {
  max-width: 760px;
  margin-bottom: 22px;
}

.section-title h2 {
  margin: 0;
  font-size: clamp(28px, 3.8vw, 44px);
  line-height: 1.08;
}

.feature-cards,
.pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.feature-cards article,
.pricing-grid article {
  padding: 22px;
  border: 1px solid var(--market-line);
  border-radius: 16px;
  background: #ffffff;
}

.feature-cards h3,
.pricing-grid h3 {
  margin: 0 0 8px;
  font-size: 22px;
}

.feature-cards p,
.pricing-grid p {
  color: var(--market-muted);
  line-height: 1.55;
}

.feature-cards ul {
  display: grid;
  gap: 8px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.feature-cards li::before {
  content: "✓";
  margin-right: 8px;
  color: var(--market-green);
  font-weight: 950;
}

.market-demo-grid {
  display: grid;
  grid-template-columns: minmax(320px, 0.42fr) minmax(0, 0.58fr);
  gap: 14px;
}

.market-checker {
  display: grid;
  gap: 14px;
  padding: 20px;
}

.checker-title,
.checker-label,
.result-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.checker-title span {
  max-width: 240px;
  color: var(--market-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.checker-label {
  color: var(--market-muted);
  font-weight: 950;
}

.orbit-market textarea {
  min-height: 220px;
  border: 1px solid var(--market-line);
  border-radius: 14px;
  background: #ffffff;
}

.market-results {
  display: grid;
  gap: 12px;
}

.result-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.result-card {
  padding: 18px;
}

.result-heading {
  align-items: flex-start;
}

.result-heading h2 {
  margin: 0;
  font-size: 24px;
}

.orbit-market table {
  min-width: 760px;
}

.portfolio-frame {
  overflow: hidden;
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  min-height: 430px;
  background: #eef3ef;
}

.portfolio-sidebar {
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 22px;
  color: #dbe8e2;
  background: var(--market-green-dark);
}

.portfolio-sidebar b {
  margin-bottom: 20px;
  color: #ffffff;
  font-size: 24px;
}

.portfolio-sidebar span {
  padding: 12px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.08);
  font-weight: 850;
}

.portfolio-main {
  display: grid;
  gap: 14px;
  align-content: start;
  padding: 22px;
}

.portfolio-head,
.portfolio-cards article,
.portfolio-matrix {
  border: 1px solid var(--market-line);
  border-radius: 14px;
  background: #ffffff;
}

.portfolio-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px;
}

.portfolio-head span,
.portfolio-head small,
.portfolio-cards span {
  color: var(--market-muted);
}

.portfolio-head strong {
  display: block;
  font-size: 28px;
}

.portfolio-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.portfolio-cards article {
  padding: 16px;
}

.portfolio-cards b {
  display: block;
  margin-top: 5px;
  font-size: 26px;
}

.portfolio-matrix {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.portfolio-matrix div {
  display: grid;
  grid-template-columns: minmax(160px, 1fr) repeat(3, minmax(110px, 0.5fr));
  gap: 8px;
  align-items: center;
}

.portfolio-matrix span {
  display: grid;
  place-items: center;
  min-height: 32px;
  border-radius: 8px;
  color: #ffffff;
  background: var(--market-green);
  font-size: 11px;
  font-weight: 950;
}

.portfolio-matrix .danger {
  background: #c83532;
}

.pricing-grid strong {
  display: block;
  margin: 12px 0;
  font-size: 30px;
}

.pricing-grid article > span {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 5px 8px;
  border-radius: 999px;
  color: #ffffff;
  background: var(--market-green);
  font-size: 12px;
  font-weight: 950;
}

.pricing-grid a {
  display: inline-flex;
  margin-top: 12px;
  min-height: 38px;
  align-items: center;
  border-radius: 10px;
  padding: 0 14px;
  color: #ffffff;
  background: var(--market-green-dark);
  font-weight: 950;
}

.pricing-grid .popular {
  border-color: rgba(17, 134, 83, 0.35);
  box-shadow: 0 20px 54px rgba(17, 134, 83, 0.15);
}

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

.market-faq-list details {
  padding: 0 18px;
}

.market-faq-list summary {
  cursor: pointer;
  padding: 16px 0;
  font-weight: 950;
}

.market-faq-list p {
  margin: 0;
  padding-bottom: 16px;
  color: var(--market-muted);
  line-height: 1.55;
}

.market-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 42px;
  padding: 30px;
  color: #ffffff;
  background: var(--market-green-dark);
}

.market-cta h2 {
  margin: 0;
  font-size: clamp(26px, 3.4vw, 40px);
}

.market-cta .market-button {
  color: var(--market-ink);
  background: #ffffff;
}

@media (max-width: 980px) {
  .market-nav {
    grid-template-columns: 1fr auto;
  }

  .market-nav nav {
    display: none;
  }

  .market-hero,
  .market-demo-grid,
  .portfolio-frame,
  .portfolio-matrix div {
    grid-template-columns: 1fr;
  }

  .feature-cards,
  .pricing-grid,
  .market-stats,
  .portfolio-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .market-nav {
    padding: 14px 16px;
  }

  .market-actions > a:first-child {
    display: none;
  }

  .orbit-market main {
    width: min(100% - 20px, 1180px);
  }

  .market-hero {
    padding-top: 24px;
  }

  .hero-text,
  .dashboard-showcase,
  .market-section,
  .market-cta {
    padding: 20px;
    border-radius: 16px;
  }

  .hero-text {
    min-height: auto;
  }

  .hero-text h1 {
    font-size: 34px;
  }

  .feature-cards,
  .pricing-grid,
  .market-stats,
  .portfolio-cards,
  .result-stats,
  .showcase-grid,
  .provider-line {
    grid-template-columns: 1fr;
  }

  .result-heading,
  .market-cta {
    align-items: flex-start;
    flex-direction: column;
  }
}

.orbit-blue {
  --blue-bg: #f5f9ff;
  --blue-card: #ffffff;
  --blue-ink: #070b15;
  --blue-muted: #667085;
  --blue-line: #dfe7f3;
  --blue-main: #2861f4;
  --blue-soft: #eaf1ff;
  margin: 0;
  color: var(--blue-ink);
  background:
    radial-gradient(circle at 50% 34%, rgba(40, 97, 244, 0.14), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f4f8ff 42%, #eef4ff 100%);
}

.orbit-blue main {
  width: min(1120px, calc(100% - 32px));
  margin: 0 auto;
}

.blue-nav {
  position: sticky;
  top: 0;
  z-index: 50;
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto minmax(180px, 1fr);
  align-items: center;
  gap: 22px;
  min-height: 68px;
  padding: 0 36px;
  border-bottom: 1px solid var(--blue-line);
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(18px);
}

.blue-brand,
.blue-nav nav,
.blue-actions,
.blue-button,
.blue-hero-actions {
  display: inline-flex;
  align-items: center;
}

.blue-brand {
  gap: 10px;
  font-size: 22px;
  font-weight: 950;
}

.blue-logo {
  position: relative;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1f55e6, #6d7cff);
  box-shadow: 0 16px 30px rgba(40, 97, 244, 0.26);
}

.blue-logo::before {
  content: "";
  position: absolute;
  width: 34px;
  height: 14px;
  border: 1px solid rgba(255, 255, 255, 0.76);
  border-radius: 999px;
  transform: rotate(-28deg);
}

.blue-logo i {
  width: 12px;
  height: 12px;
  border-radius: 4px;
  background: #ffffff;
  transform: rotate(45deg);
}

.blue-logo.tiny {
  width: 30px;
  height: 30px;
  border-radius: 9px;
  box-shadow: none;
}

.blue-logo.tiny::before {
  width: 27px;
  height: 11px;
}

.blue-logo.tiny i {
  width: 9px;
  height: 9px;
}

.blue-nav nav {
  justify-content: center;
  gap: 34px;
  font-weight: 850;
}

.blue-nav nav a,
.blue-actions a {
  color: #111827;
}

.blue-nav nav a:hover,
.blue-actions a:hover {
  color: var(--blue-main);
}

.blue-actions {
  justify-content: flex-end;
  gap: 14px;
  font-weight: 850;
}

.blue-button,
.orbit-blue button {
  min-height: 42px;
  border: 0;
  border-radius: 9px;
  padding: 0 18px;
  color: #ffffff;
  background: var(--blue-main);
  box-shadow: 0 16px 34px rgba(40, 97, 244, 0.24);
  font-weight: 950;
}

.blue-button:hover,
.orbit-blue button:hover {
  background: #1d4ed8;
}

.blue-button.small {
  min-height: 38px;
}

.blue-button.ghost,
.orbit-blue button.secondary,
.orbit-blue .filter {
  border: 1px solid var(--blue-line);
  color: var(--blue-ink);
  background: #ffffff;
  box-shadow: none;
}

.blue-hero {
  display: grid;
  justify-items: center;
  padding: 110px 0 58px;
  text-align: center;
}

.blue-badge {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  margin-bottom: 34px;
  padding: 0 14px;
  border: 1px solid #bcd2ff;
  border-radius: 9px;
  color: #1245c7;
  background: #eaf1ff;
  font-size: 14px;
  font-weight: 850;
}

.blue-hero h1 {
  max-width: 850px;
  margin: 0;
  font-size: clamp(48px, 7vw, 78px);
  line-height: 1.15;
  letter-spacing: 0;
}

.blue-hero h1 span {
  color: var(--blue-main);
}

.blue-hero p {
  max-width: 660px;
  margin: 28px 0 0;
  color: var(--blue-muted);
  font-size: 20px;
  line-height: 1.45;
}

.blue-hero-actions {
  gap: 12px;
  margin-top: 34px;
}

.blue-dashboard-preview {
  margin-bottom: 44px;
}

.preview-browser {
  overflow: hidden;
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  width: min(900px, 100%);
  min-height: 360px;
  margin: 0 auto;
  border: 1px solid var(--blue-line);
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 38px 90px rgba(40, 97, 244, 0.18);
}

.browser-sidebar {
  display: grid;
  align-content: start;
  gap: 9px;
  padding: 22px;
  color: #7b8190;
  background: #f7f8fb;
}

.mini-brand {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  color: #111827;
}

.browser-sidebar > span {
  min-height: 34px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  padding: 0 10px;
  font-weight: 850;
}

.browser-sidebar > span.active {
  color: var(--blue-main);
  background: #edf2ff;
}

.browser-content {
  display: grid;
  align-content: start;
  gap: 16px;
  padding: 26px;
  background:
    radial-gradient(circle at 28% 34%, rgba(40, 97, 244, 0.10), transparent 26%),
    #ffffff;
}

.browser-top,
.browser-stats article,
.browser-tabs,
.browser-cards article {
  border: 1px solid var(--blue-line);
  border-radius: 14px;
  background: #ffffff;
}

.browser-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px;
}

.browser-top small,
.browser-stats span {
  color: var(--blue-muted);
}

.browser-top strong {
  display: block;
  margin-top: 3px;
  font-size: 22px;
}

.browser-top button {
  min-height: 38px;
}

.browser-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.browser-stats article {
  padding: 16px;
}

.browser-stats b {
  display: block;
  margin-top: 6px;
  font-size: 24px;
}

.browser-tabs {
  display: grid;
  grid-template-columns: repeat(3, auto) minmax(140px, 1fr);
  gap: 8px;
  align-items: center;
  padding: 10px;
}

.browser-tabs span {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  border-radius: 8px;
  padding: 0 12px;
  color: #4b5563;
  font-weight: 850;
}

.browser-tabs span.active {
  color: var(--blue-main);
  background: #edf2ff;
}

.browser-tabs input {
  min-height: 34px;
  border-radius: 8px;
}

.browser-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.browser-cards article {
  display: grid;
  gap: 12px;
  padding: 16px;
}

.browser-cards span {
  justify-self: start;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0 9px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 950;
}

.browser-cards .safe {
  background: #16a34a;
}

.browser-cards .danger {
  background: #dc2626;
}

.blue-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
  max-width: 760px;
  margin: 0 auto 86px;
  text-align: center;
}

.blue-stats strong {
  display: block;
  color: var(--blue-main);
  font-size: 42px;
}

.blue-stats span {
  color: var(--blue-muted);
}

.blue-section {
  margin-bottom: 80px;
}

.blue-section-title {
  max-width: 760px;
  margin: 0 auto 34px;
  text-align: center;
}

.blue-section-title h2 {
  margin: 0;
  font-size: clamp(34px, 4.8vw, 54px);
  line-height: 1.1;
}

.blue-section-title p {
  margin: 14px 0 0;
  color: var(--blue-muted);
  font-size: 18px;
}

.blue-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.blue-feature-grid > article,
.blue-checker,
.result-card,
.blue-pricing-grid article,
.service-table-card,
.blue-faq-list details {
  border: 1px solid var(--blue-line);
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 24px 70px rgba(40, 97, 244, 0.08);
}

.blue-feature-grid > article {
  padding: 30px;
}

.blue-feature-grid h3 {
  margin: 0;
  font-size: 32px;
}

.blue-feature-grid > article > p {
  color: var(--blue-muted);
  line-height: 1.6;
}

.blue-feature-grid .feature-list {
  margin: 24px 0;
}

.blue-feature-grid .feature-list div {
  border-color: var(--blue-line);
}

.blue-demo-grid {
  display: grid;
  grid-template-columns: minmax(320px, 0.42fr) minmax(0, 0.58fr);
  gap: 18px;
}

.blue-checker {
  display: grid;
  gap: 14px;
  padding: 22px;
}

.orbit-blue textarea {
  min-height: 220px;
  border: 1px solid var(--blue-line);
  border-radius: 14px;
}

.blue-results {
  display: grid;
  gap: 12px;
}

.orbit-blue .result-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.orbit-blue .result-stats article {
  padding: 16px;
  border: 1px solid var(--blue-line);
  border-radius: 14px;
  background: #ffffff;
}

.orbit-blue .result-stats span {
  color: var(--blue-muted);
}

.orbit-blue .result-stats strong {
  display: block;
  margin-top: 4px;
  font-size: 28px;
}

.orbit-blue .result-card {
  padding: 18px;
}

.orbit-blue table {
  min-width: 760px;
}

.blue-pricing-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.blue-pricing-grid article {
  position: relative;
  padding: 24px;
}

.blue-pricing-grid h3 {
  margin: 0;
  font-size: 24px;
}

.blue-pricing-grid p {
  color: var(--blue-muted);
}

.blue-pricing-grid strong {
  display: block;
  margin: 18px 0;
  font-size: 30px;
}

.blue-pricing-grid a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  border-radius: 9px;
  padding: 0 14px;
  color: #ffffff;
  background: var(--blue-main);
  font-weight: 950;
}

.blue-pricing-grid .popular {
  border-color: rgba(40, 97, 244, 0.36);
  transform: translateY(-8px);
}

.blue-pricing-grid .popular > span {
  display: inline-flex;
  margin-bottom: 12px;
  padding: 5px 8px;
  border-radius: 999px;
  color: #ffffff;
  background: var(--blue-main);
  font-size: 12px;
  font-weight: 950;
}

.service-table-section {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.service-table-card {
  padding: 24px;
}

.service-table-card h3 {
  margin: 0 0 14px;
  font-size: 26px;
}

.service-row {
  display: grid;
  grid-template-columns: 1fr 140px 120px;
  gap: 12px;
  padding: 13px 0;
  border-bottom: 1px solid var(--blue-line);
}

.service-row:first-of-type {
  color: var(--blue-muted);
  font-weight: 950;
}

.service-row:last-child {
  border-bottom: 0;
}

.blue-faq-list {
  max-width: 820px;
  display: grid;
  gap: 12px;
  margin: 0 auto;
}

.blue-faq-list details {
  padding: 0 20px;
}

.blue-faq-list summary {
  cursor: pointer;
  padding: 18px 0;
  font-weight: 950;
}

.blue-faq-list p {
  margin: 0;
  padding-bottom: 18px;
  color: var(--blue-muted);
  line-height: 1.6;
}

.blue-cta {
  display: grid;
  justify-items: center;
  gap: 22px;
  padding: 80px 0;
  text-align: center;
}

.blue-cta h2 {
  max-width: 760px;
  margin: 0;
  font-size: clamp(38px, 5.4vw, 64px);
}

@media (max-width: 980px) {
  .blue-nav {
    grid-template-columns: 1fr auto;
  }

  .blue-nav nav {
    display: none;
  }

  .preview-browser,
  .blue-feature-grid,
  .blue-demo-grid {
    grid-template-columns: 1fr;
  }

  .blue-pricing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .blue-nav {
    padding: 0 16px;
  }

  .blue-actions > a:first-child {
    display: none;
  }

  .orbit-blue main {
    width: min(100% - 20px, 1120px);
  }

  .blue-hero {
    padding: 56px 0 32px;
  }

  .blue-hero h1 {
    font-size: 42px;
  }

  .blue-hero p {
    font-size: 17px;
  }

  .browser-content,
  .browser-sidebar,
  .blue-feature-grid > article,
  .blue-checker,
  .service-table-card {
    padding: 18px;
  }

  .browser-stats,
  .browser-tabs,
  .browser-cards,
  .blue-stats,
  .orbit-blue .result-stats,
  .blue-pricing-grid {
    grid-template-columns: 1fr;
  }

  .service-row {
    grid-template-columns: 1fr;
  }
}

/* Orbit public site aligned with auth/admin portal theme */
.orbit-blue {
  --blue-ink: #0b1715;
  --blue-muted: #5f6f69;
  --blue-line: #d8ded8;
  --blue-main: #087060;
  --blue-soft: #edf6f3;
  --blue-gold: #d8bf74;
  background:
    radial-gradient(circle at 50% 34%, rgba(8, 112, 96, 0.12), transparent 34%),
    radial-gradient(circle at 16% 4%, rgba(216, 191, 116, 0.18), transparent 28%),
    linear-gradient(180deg, #fbfcfa 0%, #f3f7f5 42%, #eef2f0 100%);
}

.orbit-blue .blue-logo {
  background: linear-gradient(135deg, #08110f, #087060);
  box-shadow: 0 16px 30px rgba(8, 112, 96, 0.24);
}

.orbit-blue .blue-logo i {
  background: linear-gradient(135deg, #ffffff, var(--blue-gold));
}

.orbit-blue .blue-button,
.orbit-blue button:not(.filter):not(.secondary) {
  background: linear-gradient(135deg, #087060, #064d43);
  box-shadow: 0 16px 34px rgba(8, 112, 96, 0.20);
}

.orbit-blue .blue-button:hover,
.orbit-blue button:not(.filter):not(.secondary):hover {
  background: linear-gradient(135deg, #0a806e, #063f38);
}

.orbit-blue .blue-button.ghost,
.orbit-blue button.secondary,
.orbit-blue .filter {
  border-color: var(--blue-line);
  color: var(--blue-ink);
  background: #ffffff;
  box-shadow: none;
}

.orbit-blue .blue-badge {
  margin-bottom: 26px;
  border-color: rgba(8, 112, 96, 0.18);
  border-radius: 999px;
  color: #087060;
  background: #edf6f3;
}

.orbit-blue .blue-hero {
  padding: 92px 0 50px;
}

.orbit-blue .blue-hero h1 {
  max-width: 820px;
  font-size: clamp(42px, 5.8vw, 68px);
  line-height: 1.08;
}

.orbit-blue .blue-hero p {
  max-width: 700px;
  margin-top: 22px;
  color: var(--blue-muted);
  font-size: 18px;
  line-height: 1.58;
}

.orbit-blue .preview-browser {
  box-shadow: 0 38px 90px rgba(8, 112, 96, 0.15);
}

.orbit-blue .browser-sidebar > span.active,
.orbit-blue .browser-tabs span.active {
  color: var(--blue-main);
  background: #edf6f3;
}

.orbit-blue .browser-content {
  background:
    radial-gradient(circle at 28% 34%, rgba(8, 112, 96, 0.10), transparent 26%),
    #ffffff;
}

.orbit-blue .blue-stats strong {
  color: var(--blue-main);
}

.orbit-blue .blue-section-title h2 {
  font-size: clamp(30px, 4vw, 46px);
}

.orbit-blue .blue-feature-grid h3 {
  font-size: 28px;
}

.orbit-blue .blue-feature-grid > article,
.orbit-blue .blue-checker,
.orbit-blue .result-card,
.orbit-blue .blue-pricing-grid article,
.orbit-blue .service-table-card,
.orbit-blue .blue-faq-list details {
  box-shadow: 0 24px 70px rgba(8, 112, 96, 0.08);
}

.orbit-blue .blue-pricing-grid .popular {
  border-color: rgba(8, 112, 96, 0.36);
}

.orbit-blue .blue-cta h2 {
  font-size: clamp(34px, 4.6vw, 54px);
}

/* Final premium tuning: calmer typography, three-color identity, provider marks */
.orbit-blue {
  --blue-ink: #12201d;
  --blue-muted: #65736e;
  --blue-line: #d9dfd8;
  --blue-main: #0b705f;
  --blue-soft: #eff6f2;
  --blue-gold: #c8ae63;
  background:
    radial-gradient(circle at 18% 10%, rgba(11, 112, 95, 0.16), transparent 30%),
    radial-gradient(circle at 82% 18%, rgba(200, 174, 99, 0.20), transparent 26%),
    linear-gradient(180deg, #fbfbf7 0%, #f0f4f1 54%, #e9efec 100%);
}

.orbit-blue .blue-nav {
  background: rgba(251, 251, 247, 0.90);
}

.orbit-blue .blue-badge {
  color: #0b705f;
  background: linear-gradient(135deg, #eef7f2, #fbf7e8);
}

.orbit-blue .blue-hero {
  padding-top: 78px;
}

.orbit-blue .blue-hero h1 {
  max-width: 780px;
  font-size: clamp(38px, 5.2vw, 60px);
  font-weight: 760;
  line-height: 1.12;
}

.orbit-blue .blue-section-title h2,
.orbit-blue .blue-cta h2 {
  font-weight: 740;
}

.orbit-blue .blue-feature-grid h3,
.orbit-blue .blue-pricing-grid h3,
.orbit-blue .service-table-card h3,
.orbit-blue .result-heading h2 {
  font-weight: 740;
}

.orbit-blue .blue-button,
.orbit-blue button:not(.filter):not(.secondary) {
  font-weight: 820;
  background: linear-gradient(135deg, #0b705f, #12332d);
}

.orbit-blue .blue-button.ghost,
.orbit-blue button.secondary,
.orbit-blue .filter {
  font-weight: 760;
}

.orbit-blue .preview-browser {
  border-color: rgba(217, 223, 216, 0.92);
  box-shadow: 0 34px 78px rgba(18, 32, 29, 0.13);
}

.orbit-blue .browser-sidebar {
  background: linear-gradient(180deg, #f7f8f3, #eef4f1);
}

.orbit-blue .blue-feature-grid > article,
.orbit-blue .blue-checker,
.orbit-blue .result-card,
.orbit-blue .blue-pricing-grid article,
.orbit-blue .service-table-card,
.orbit-blue .blue-faq-list details {
  background: rgba(255, 255, 252, 0.94);
}

.enterprise-body {
  font-weight: 500;
}

.enterprise-body h1,
.enterprise-body h2,
.enterprise-body h3,
.enterprise-body .metrics strong,
.enterprise-status strong,
.ops-timeline strong {
  font-weight: 760;
}

.enterprise-body button:not(.portal-tab),
.enterprise-menu .portal-tab,
.command-actions button {
  font-weight: 780;
}

.enterprise-body .eyebrow,
.domain-card-fields label,
.domain-builder-head,
.service-head div {
  font-weight: 820;
}

.enterprise-topbar h1 {
  font-size: clamp(30px, 3.6vw, 44px);
}

.enterprise-body .dashboard-panel h2,
.enterprise-body .results-panel h2 {
  font-size: clamp(23px, 2.4vw, 31px);
}

.provider-logo-img {
  width: 42px;
  height: 26px;
  border-radius: 8px;
  object-fit: contain;
  background: #fff;
  padding: 4px 5px;
  flex: 0 0 auto;
  box-shadow: 0 6px 14px rgba(10, 20, 18, 0.1);
}

.service-head .provider-logo-img {
  margin-right: 7px;
}

.service-cell strong {
  gap: 7px;
}

.service-cell .provider-logo-img {
  width: 38px;
  height: 24px;
}

.service-grid {
  grid-template-columns: minmax(230px, 1.1fr) repeat(6, minmax(148px, 1fr));
}

.service-cell strong {
  font-size: 11px;
}

.service-cell small {
  font-size: 10px;
}

@media (max-width: 620px) {
  .landing-premium .site-nav {
    width: min(100% - 20px, 1180px);
    margin-top: 8px;
  }

  .landing-premium .hero-copy,
  .premium-preview,
  .premium-checker {
    padding: 20px;
  }

  .landing-premium h1 {
    font-size: 46px;
  }

  .preview-metrics,
  .preview-service-grid,
  .preview-row {
    grid-template-columns: 1fr;
  }
}

/* Indonesia enterprise refresh */
.indonesia-theme,
.indonesia-console {
  --id-red: #c41230;
  --id-red-dark: #8f1024;
  --id-red-soft: #fff0f2;
  --id-ink: #161a22;
  --id-slate: #232b37;
  --id-muted: #69717f;
  --id-line: #dfe3ea;
  --id-surface: #ffffff;
  --id-soft: #f6f7f9;
  --id-gold: #c99a2e;
  --id-blue: #243b6b;
  --id-shadow: 0 18px 50px rgba(22, 26, 34, 0.11);
}

.indonesia-theme {
  color: var(--id-ink);
  background:
    linear-gradient(180deg, rgba(196, 18, 48, 0.10) 0, rgba(196, 18, 48, 0) 310px),
    linear-gradient(135deg, #ffffff 0%, #f8f9fb 48%, #fff4f5 100%);
}

.indonesia-theme .blue-nav {
  width: min(1180px, calc(100% - 32px));
  border: 1px solid rgba(223, 227, 234, 0.95);
  border-radius: 8px;
  margin: 16px auto 0;
  padding: 12px 14px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 12px 32px rgba(22, 26, 34, 0.08);
}

.indonesia-theme .blue-logo,
.indonesia-console .portal-logo {
  border-radius: 8px;
  background: linear-gradient(135deg, var(--id-red) 0 50%, #ffffff 50% 100%);
  box-shadow: 0 12px 26px rgba(196, 18, 48, 0.22);
}

.indonesia-theme .blue-logo::before,
.indonesia-theme .blue-logo::after,
.indonesia-console .portal-logo::before,
.indonesia-console .portal-logo::after {
  display: none;
}

.indonesia-theme .blue-logo i,
.indonesia-console .portal-logo i {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--id-slate);
}

.indonesia-theme .blue-button,
.indonesia-theme button:not(.filter):not(.secondary),
.indonesia-console button:not(.portal-tab):not(.secondary) {
  border: 1px solid var(--id-red);
  color: #ffffff;
  background: linear-gradient(135deg, var(--id-red), var(--id-red-dark));
  box-shadow: 0 14px 28px rgba(196, 18, 48, 0.20);
}

.indonesia-theme .blue-button:hover,
.indonesia-theme button:not(.filter):not(.secondary):hover,
.indonesia-console button:not(.portal-tab):not(.secondary):hover {
  background: linear-gradient(135deg, #d51b39, #7d0d1e);
}

.indonesia-theme .blue-button.ghost,
.indonesia-theme button.secondary,
.indonesia-theme .filter,
.indonesia-console button.secondary,
.indonesia-console .filters button {
  border: 1px solid var(--id-line);
  color: var(--id-ink);
  background: #ffffff;
  box-shadow: none;
}

.indonesia-theme .blue-badge {
  border: 1px solid rgba(196, 18, 48, 0.18);
  color: var(--id-red-dark);
  background: linear-gradient(90deg, #ffffff, var(--id-red-soft));
}

.indonesia-theme .blue-hero {
  min-height: 560px;
  display: grid;
  align-content: center;
  padding: 70px 0 44px;
  border-bottom: 1px solid rgba(223, 227, 234, 0.78);
}

.indonesia-theme .blue-hero h1 {
  max-width: 900px;
  color: var(--id-ink);
  font-size: clamp(42px, 6vw, 76px);
  font-weight: 820;
  line-height: 1.02;
  letter-spacing: 0;
}

.indonesia-theme .blue-hero h1 span {
  color: var(--id-red);
}

.indonesia-theme .blue-hero p {
  max-width: 760px;
  color: var(--id-muted);
  font-size: 18px;
}

.indonesia-theme .preview-browser,
.indonesia-theme .blue-feature-grid > article,
.indonesia-theme .blue-checker,
.indonesia-theme .result-card,
.indonesia-theme .blue-pricing-grid article,
.indonesia-theme .service-table-card,
.indonesia-theme .blue-faq-list details {
  border: 1px solid var(--id-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: var(--id-shadow);
}

.indonesia-theme .browser-sidebar {
  color: #e9edf4;
  background: linear-gradient(180deg, #1d2530, #101720);
}

.indonesia-theme .browser-sidebar > span {
  color: #cbd3df;
}

.indonesia-theme .browser-sidebar > span.active,
.indonesia-theme .browser-tabs span.active {
  color: var(--id-red-dark);
  background: #fff0f2;
}

.indonesia-theme .browser-content {
  background: linear-gradient(180deg, #ffffff, #f7f8fa);
}

.indonesia-theme .blue-stats article {
  border-color: var(--id-line);
  border-radius: 8px;
  background: #ffffff;
}

.indonesia-theme .blue-stats strong,
.indonesia-theme .blue-section-title h2,
.indonesia-theme .blue-feature-grid h3,
.indonesia-theme .blue-pricing-grid h3,
.indonesia-theme .service-table-card h3,
.indonesia-theme .blue-cta h2 {
  color: var(--id-ink);
}

.indonesia-theme .blue-stats strong,
.indonesia-theme .blue-feature-grid h3 {
  color: var(--id-red-dark);
}

.indonesia-theme .blue-section-title p,
.indonesia-theme .blue-feature-grid p,
.indonesia-theme .feature-list span,
.indonesia-theme .blue-faq-list p {
  color: var(--id-muted);
}

.indonesia-theme .blue-pricing-grid .popular {
  border-color: rgba(196, 18, 48, 0.48);
  background: linear-gradient(180deg, #fff7f8, #ffffff);
}

.indonesia-theme .blue-faq-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.indonesia-theme .blue-faq-list summary {
  color: var(--id-ink);
  font-size: 17px;
}

.indonesia-theme .blue-cta {
  border-radius: 8px;
  background: linear-gradient(135deg, #1b2330, #7c1020 54%, #c41230);
  color: #ffffff;
}

.indonesia-theme .blue-cta h2 {
  color: #ffffff;
}

.indonesia-console {
  color: var(--id-ink);
  background:
    linear-gradient(180deg, #f6f7f9 0, #eef1f5 100%);
}

.indonesia-console .portal-layout {
  min-height: 100vh;
  background: transparent;
}

.indonesia-console .enterprise-sidebar {
  border-right: 0;
  background: linear-gradient(180deg, #151b24, #252d39 62%, #7d1020);
  box-shadow: 12px 0 34px rgba(15, 20, 28, 0.16);
}

.indonesia-console .enterprise-brand {
  color: #ffffff;
}

.indonesia-console .enterprise-brand small {
  color: #cdd3dd;
}

.indonesia-console .enterprise-menu {
  gap: 6px;
}

.indonesia-console .enterprise-menu .portal-tab {
  min-height: 42px;
  border-radius: 8px;
  color: #d5dbe5;
  background: transparent;
  text-align: left;
}

.indonesia-console .enterprise-menu .portal-tab:hover,
.indonesia-console .enterprise-menu .portal-tab.active {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.13);
}

.indonesia-console .enterprise-menu .portal-tab.active {
  box-shadow: inset 3px 0 0 #ffffff;
}

.indonesia-console .enterprise-sidebar-footer {
  border-top-color: rgba(255, 255, 255, 0.16);
}

.indonesia-console .enterprise-sidebar-footer a {
  color: #f3f5f8;
}

.indonesia-console .enterprise-main {
  padding: 24px;
}

.indonesia-console .enterprise-topbar {
  border: 1px solid var(--id-line);
  border-radius: 8px;
  padding: 22px 24px;
  background: #ffffff;
  box-shadow: 0 10px 30px rgba(22, 26, 34, 0.07);
}

.indonesia-console .enterprise-topbar h1 {
  color: var(--id-ink);
  font-size: clamp(28px, 3vw, 40px);
}

.indonesia-console .eyebrow {
  color: var(--id-red-dark);
  letter-spacing: 0;
}

.indonesia-console .enterprise-status {
  border: 1px solid var(--id-line);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff, #f7f8fa);
}

.indonesia-console .command-panel,
.indonesia-console .dashboard-panel,
.indonesia-console .results-panel,
.indonesia-console .metrics article,
.indonesia-console .ops-timeline article,
.indonesia-console .ops-card {
  border: 1px solid var(--id-line);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 34px rgba(22, 26, 34, 0.07);
}

.indonesia-console .command-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
  align-items: center;
  gap: 18px;
  padding: 22px;
}

.indonesia-console .command-panel h2,
.indonesia-console .dashboard-panel h2,
.indonesia-console .results-panel h2,
.indonesia-console .ops-card h3 {
  color: var(--id-ink);
}

.indonesia-console .command-panel p,
.indonesia-console .hint,
.indonesia-console .ops-note p,
.indonesia-console .admin-list span,
.indonesia-console .enterprise-status small {
  color: var(--id-muted);
}

.indonesia-console .command-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.indonesia-console .enterprise-metrics {
  gap: 12px;
}

.indonesia-console .metrics article {
  min-height: 92px;
  padding: 18px;
}

.indonesia-console .metrics span {
  color: var(--id-muted);
}

.indonesia-console .metrics strong {
  color: var(--id-red-dark);
}

.indonesia-console input,
.indonesia-console select,
.indonesia-console textarea {
  border: 1px solid var(--id-line);
  border-radius: 8px;
  background: #ffffff;
}

.indonesia-console input:focus,
.indonesia-console select:focus,
.indonesia-console textarea:focus {
  outline: 3px solid rgba(196, 18, 48, 0.14);
  border-color: rgba(196, 18, 48, 0.52);
}

.indonesia-console .domain-workspace,
.indonesia-console .product-workspace,
.indonesia-console .enterprise-split,
.indonesia-console .enterprise-card-grid,
.indonesia-console .admin-grid {
  gap: 14px;
}

.indonesia-console .domain-row {
  border: 1px solid var(--id-line);
  border-radius: 8px;
  background: #fbfcfd;
}

.indonesia-console .domain-card-head {
  border-bottom-color: var(--id-line);
}

.indonesia-console .domain-row-actions .danger {
  color: var(--id-red-dark);
  border-color: rgba(196, 18, 48, 0.22);
  background: #fff5f6;
}

.indonesia-console .service-matrix {
  border: 1px solid var(--id-line);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 34px rgba(22, 26, 34, 0.07);
}

.indonesia-console .service-matrix-note,
.indonesia-console .service-head {
  background: #f6f7f9;
}

.indonesia-console .service-head div {
  color: var(--id-slate);
}

.indonesia-console .service-domain,
.indonesia-console .service-cell {
  border-radius: 8px;
}

.indonesia-console .service-cell.blocked,
.indonesia-console .badge.blocked {
  background: #c41230;
  color: #ffffff;
}

.indonesia-console .service-cell.allowed,
.indonesia-console .badge.allowed {
  background: #eefaf3;
  color: #17633a;
}

.indonesia-console .service-cell.error,
.indonesia-console .service-cell.unavailable,
.indonesia-console .badge.error {
  background: #fff7e6;
  color: #8a5b00;
}

.indonesia-console .raw-result-details {
  border-color: var(--id-line);
  border-radius: 8px;
  background: #ffffff;
}

.indonesia-console th {
  color: var(--id-slate);
  background: #f6f7f9;
}

.indonesia-console td {
  background: #ffffff;
}

.indonesia-console .admin-list div,
.indonesia-console .ops-note,
.indonesia-console .rich-list div {
  border: 1px solid var(--id-line);
  border-radius: 8px;
  background: #f8f9fb;
}

@media (max-width: 980px) {
  .indonesia-console .command-panel {
    grid-template-columns: 1fr;
  }

  .indonesia-console .command-actions {
    justify-content: flex-start;
  }

  .indonesia-theme .blue-faq-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .indonesia-theme .blue-nav {
    width: min(100% - 20px, 1180px);
    margin-top: 10px;
  }

  .indonesia-theme .blue-hero {
    min-height: auto;
    padding: 46px 0 30px;
  }

  .indonesia-theme .blue-hero h1 {
    font-size: 42px;
  }

  .indonesia-console .enterprise-main {
    padding: 14px;
  }

  .indonesia-console .enterprise-topbar,
  .indonesia-console .command-panel,
  .indonesia-console .dashboard-panel,
  .indonesia-console .results-panel {
    padding: 16px;
  }
}

/* Auth page refresh aligned with Indonesia enterprise theme */
.indonesia-auth {
  --id-red: #c41230;
  --id-red-dark: #8f1024;
  --id-ink: #161a22;
  --id-slate: #232b37;
  --id-muted: #69717f;
  --id-line: #dfe3ea;
  --id-soft: #f6f7f9;
  min-height: 100vh;
  color: var(--id-ink);
  background:
    linear-gradient(180deg, rgba(196, 18, 48, 0.10) 0, rgba(196, 18, 48, 0) 280px),
    linear-gradient(135deg, #ffffff 0%, #f7f8fa 58%, #fff3f5 100%);
}

.indonesia-auth .site-nav {
  width: min(1180px, calc(100% - 32px));
  margin-top: 16px;
  padding: 12px 14px;
  border: 1px solid var(--id-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 12px 32px rgba(22, 26, 34, 0.08);
}

.indonesia-auth .brandmark {
  gap: 10px;
  color: var(--id-ink);
  font-size: 19px;
  font-weight: 760;
}

.indonesia-auth .brandmark small {
  color: var(--id-muted);
  font-size: 10px;
  font-weight: 720;
  letter-spacing: 0.04em;
}

.indonesia-auth .indonesia-mark {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--id-red) 0 50%, #ffffff 50% 100%);
  box-shadow: 0 12px 26px rgba(196, 18, 48, 0.18);
}

.indonesia-auth .indonesia-mark::before,
.indonesia-auth .indonesia-mark::after {
  display: none;
}

.indonesia-auth .indonesia-mark i {
  width: 10px;
  height: 10px;
  background: var(--id-slate);
}

.indonesia-auth .site-nav nav a {
  color: var(--id-muted);
  font-weight: 680;
}

.indonesia-auth .nav-cta {
  min-height: 40px;
  border: 1px solid var(--id-line);
  border-radius: 8px;
  color: var(--id-ink);
  background: #ffffff;
  font-weight: 720;
}

.indonesia-auth .auth-shell {
  width: min(1180px, calc(100% - 32px));
  grid-template-columns: minmax(0, 0.95fr) minmax(360px, 480px);
  gap: 18px;
  min-height: calc(100vh - 106px);
  padding: 16px 0 28px;
}

.indonesia-auth .auth-aside,
.indonesia-auth .auth-panel {
  border: 1px solid var(--id-line);
  border-radius: 8px;
  box-shadow: 0 18px 46px rgba(22, 26, 34, 0.10);
}

.indonesia-auth .auth-aside {
  min-height: 500px;
  padding: 34px;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(196, 18, 48, 0.92), rgba(143, 16, 36, 0.78)),
    linear-gradient(180deg, #202834, #151b24);
}

.indonesia-auth .auth-aside .eyebrow,
.indonesia-auth .auth-panel .eyebrow {
  color: var(--id-red-dark);
  font-size: 12px;
  font-weight: 760;
  letter-spacing: 0.02em;
}

.indonesia-auth .auth-aside .eyebrow {
  color: #ffe0e5;
}

.indonesia-auth .auth-aside h1 {
  max-width: 620px;
  margin: 8px 0 14px;
  font-size: clamp(34px, 4.3vw, 54px);
  font-weight: 720;
  line-height: 1.05;
  letter-spacing: 0;
}

.indonesia-auth .auth-aside p {
  max-width: 600px;
  color: #f4dce1;
  font-size: 16px;
  line-height: 1.58;
}

.indonesia-auth .auth-feature-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 24px;
  max-width: 560px;
}

.indonesia-auth .auth-feature-grid span {
  min-height: 44px;
  display: flex;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 8px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.10);
  font-size: 14px;
  font-weight: 680;
}

.indonesia-auth .auth-panel {
  display: grid;
  align-content: center;
  padding: 34px 30px;
  background: rgba(255, 255, 255, 0.96);
}

.indonesia-auth .auth-panel h1 {
  margin: 8px 0 10px;
  color: var(--id-ink);
  font-size: clamp(32px, 4vw, 46px);
  font-weight: 720;
  line-height: 1.08;
  letter-spacing: 0;
}

.indonesia-auth .auth-panel p {
  color: var(--id-muted);
  font-size: 15px;
  line-height: 1.55;
}

.indonesia-auth .auth-tabs {
  margin: 22px 0 16px;
  padding: 4px;
  border: 1px solid var(--id-line);
  border-radius: 8px;
  background: var(--id-soft);
}

.indonesia-auth .auth-tabs .filter {
  min-height: 34px;
  border: 0;
  border-radius: 6px;
  color: var(--id-muted);
  background: transparent;
  font-weight: 700;
}

.indonesia-auth .auth-tabs .filter.active {
  color: #ffffff;
  background: linear-gradient(135deg, var(--id-red), var(--id-red-dark));
}

.indonesia-auth .auth-form {
  gap: 13px;
}

.indonesia-auth .auth-form label {
  gap: 7px;
  color: var(--id-slate);
  font-size: 14px;
  font-weight: 680;
}

.indonesia-auth .auth-form input {
  min-height: 46px;
  border: 1px solid var(--id-line);
  border-radius: 8px;
  padding: 0 13px;
  color: var(--id-ink);
  background: #ffffff;
  font-weight: 560;
}

.indonesia-auth .auth-form input:focus {
  outline: 3px solid rgba(196, 18, 48, 0.14);
  border-color: rgba(196, 18, 48, 0.55);
}

.indonesia-auth .auth-form input::placeholder {
  color: #8b93a1;
  font-weight: 560;
}

.indonesia-auth #authSubmit {
  min-height: 46px;
  margin-top: 2px;
  border: 1px solid var(--id-red);
  border-radius: 8px;
  color: #ffffff;
  background: linear-gradient(135deg, var(--id-red), var(--id-red-dark));
  font-weight: 740;
  box-shadow: 0 14px 26px rgba(196, 18, 48, 0.18);
}

.indonesia-auth #authSubmit:disabled {
  opacity: 0.72;
}

.indonesia-auth #authInfo {
  margin-top: 8px;
  color: var(--id-muted);
  font-size: 14px;
}

@media (max-width: 900px) {
  .indonesia-auth .auth-shell {
    grid-template-columns: 1fr;
  }

  .indonesia-auth .auth-aside {
    min-height: auto;
  }
}

@media (max-width: 620px) {
  .indonesia-auth .site-nav,
  .indonesia-auth .auth-shell {
    width: min(100% - 20px, 1180px);
  }

  .indonesia-auth .site-nav nav,
  .indonesia-auth .nav-cta {
    display: none;
  }

  .indonesia-auth .auth-aside,
  .indonesia-auth .auth-panel {
    padding: 22px;
  }

  .indonesia-auth .auth-aside h1 {
    font-size: 34px;
  }

  .indonesia-auth .auth-feature-grid {
    grid-template-columns: 1fr;
  }
}

/* Landing page enterprise refinement */
.indonesia-theme.orbit-blue {
  --id-red: #c41230;
  --id-red-dark: #8f1024;
  --id-ink: #171b24;
  --id-muted: #646d7a;
  --id-line: #e1e5eb;
  --id-surface: #ffffff;
  background:
    linear-gradient(180deg, rgba(196, 18, 48, 0.07) 0, rgba(196, 18, 48, 0) 300px),
    linear-gradient(135deg, #ffffff 0%, #f7f8fa 56%, #fff5f6 100%);
}

.indonesia-theme.orbit-blue main {
  width: min(1120px, calc(100% - 32px));
}

.indonesia-theme.orbit-blue .blue-nav {
  width: min(1120px, calc(100% - 32px));
  min-height: 62px;
  margin-top: 14px;
  padding: 10px 12px;
}

.indonesia-theme.orbit-blue .blue-brand {
  gap: 10px;
  font-size: 18px;
  font-weight: 760;
}

.indonesia-theme.orbit-blue .blue-nav nav {
  gap: 18px;
  font-size: 14px;
  font-weight: 680;
}

.indonesia-theme.orbit-blue .blue-actions {
  gap: 8px;
}

.indonesia-theme.orbit-blue .blue-button,
.indonesia-theme.orbit-blue button:not(.filter):not(.secondary) {
  min-height: 40px;
  border-radius: 8px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 720;
}

.indonesia-theme.orbit-blue .blue-button.small {
  min-height: 38px;
  padding: 0 14px;
}

.indonesia-theme.orbit-blue .blue-hero {
  min-height: 430px;
  max-width: 860px;
  padding: 62px 0 28px;
  border-bottom: 0;
}

.indonesia-theme.orbit-blue .blue-badge {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  margin-bottom: 18px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 720;
  letter-spacing: 0.02em;
}

.indonesia-theme.orbit-blue .blue-hero h1 {
  max-width: 760px;
  margin: 0;
  color: var(--id-ink);
  font-size: clamp(34px, 4.6vw, 54px);
  font-weight: 720;
  line-height: 1.08;
}

.indonesia-theme.orbit-blue .blue-hero h1 span {
  color: var(--id-red-dark);
}

.indonesia-theme.orbit-blue .blue-hero p {
  max-width: 680px;
  margin-top: 18px;
  color: var(--id-muted);
  font-size: 16px;
  line-height: 1.62;
}

.indonesia-theme.orbit-blue .blue-hero-actions {
  margin-top: 24px;
}

.indonesia-theme.orbit-blue .blue-dashboard-preview {
  margin-top: 8px;
}

.indonesia-theme.orbit-blue .preview-browser {
  min-height: 420px;
  border-radius: 8px;
  box-shadow: 0 18px 46px rgba(22, 26, 34, 0.10);
}

.indonesia-theme.orbit-blue .browser-sidebar {
  width: 220px;
  padding: 18px 14px;
}

.indonesia-theme.orbit-blue .browser-sidebar > span {
  min-height: 36px;
  border-radius: 8px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 660;
}

.indonesia-theme.orbit-blue .browser-content {
  padding: 20px;
}

.indonesia-theme.orbit-blue .browser-top,
.indonesia-theme.orbit-blue .browser-stats article,
.indonesia-theme.orbit-blue .browser-tabs,
.indonesia-theme.orbit-blue .browser-cards article {
  border-radius: 8px;
}

.indonesia-theme.orbit-blue .browser-top strong {
  font-size: 22px;
  font-weight: 720;
}

.indonesia-theme.orbit-blue .browser-stats {
  gap: 10px;
  margin-top: 14px;
}

.indonesia-theme.orbit-blue .browser-stats article {
  padding: 14px;
}

.indonesia-theme.orbit-blue .browser-stats b {
  font-size: 22px;
  font-weight: 720;
}

.indonesia-theme.orbit-blue .browser-tabs,
.indonesia-theme.orbit-blue .browser-cards {
  gap: 8px;
}

.indonesia-theme.orbit-blue .blue-stats {
  gap: 10px;
  margin: 22px 0 52px;
}

.indonesia-theme.orbit-blue .blue-stats article {
  min-height: 94px;
  padding: 18px;
  border-radius: 8px;
}

.indonesia-theme.orbit-blue .blue-stats strong {
  color: var(--id-ink);
  font-size: 24px;
  font-weight: 720;
}

.indonesia-theme.orbit-blue .blue-stats span {
  color: var(--id-muted);
  font-size: 13px;
}

.indonesia-theme.orbit-blue .blue-section {
  padding: 54px 0;
}

.indonesia-theme.orbit-blue .blue-section-title {
  max-width: 680px;
  margin-bottom: 22px;
}

.indonesia-theme.orbit-blue .blue-section-title h2 {
  color: var(--id-ink);
  font-size: clamp(28px, 3.4vw, 40px);
  font-weight: 720;
  line-height: 1.12;
}

.indonesia-theme.orbit-blue .blue-section-title p {
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.6;
}

.indonesia-theme.orbit-blue .blue-feature-grid,
.indonesia-theme.orbit-blue .blue-demo-grid {
  gap: 14px;
}

.indonesia-theme.orbit-blue .blue-feature-grid > article,
.indonesia-theme.orbit-blue .blue-checker,
.indonesia-theme.orbit-blue .result-card,
.indonesia-theme.orbit-blue .blue-pricing-grid article,
.indonesia-theme.orbit-blue .service-table-card,
.indonesia-theme.orbit-blue .blue-faq-list details {
  border-radius: 8px;
  box-shadow: 0 14px 34px rgba(22, 26, 34, 0.07);
}

.indonesia-theme.orbit-blue .blue-feature-grid > article {
  padding: 24px;
}

.indonesia-theme.orbit-blue .blue-feature-grid h3,
.indonesia-theme.orbit-blue .blue-pricing-grid h3,
.indonesia-theme.orbit-blue .service-table-card h3,
.indonesia-theme.orbit-blue .result-heading h2 {
  color: var(--id-ink);
  font-size: 22px;
  font-weight: 720;
  line-height: 1.2;
}

.indonesia-theme.orbit-blue .blue-feature-grid > article > p,
.indonesia-theme.orbit-blue .blue-pricing-grid p {
  color: var(--id-muted);
  font-size: 14px;
  line-height: 1.6;
}

.indonesia-theme.orbit-blue .feature-list div {
  border-radius: 8px;
  padding: 12px;
  background: #f7f8fa;
}

.indonesia-theme.orbit-blue .feature-list b {
  font-size: 14px;
}

.indonesia-theme.orbit-blue .feature-list span {
  font-size: 13px;
}

.indonesia-theme.orbit-blue .blue-checker,
.indonesia-theme.orbit-blue .result-card {
  padding: 20px;
}

.indonesia-theme.orbit-blue textarea {
  min-height: 172px;
  border-radius: 8px;
}

.indonesia-theme.orbit-blue .result-stats {
  gap: 8px;
  margin-bottom: 10px;
}

.indonesia-theme.orbit-blue .result-stats article {
  border-radius: 8px;
  padding: 12px;
}

.indonesia-theme.orbit-blue .result-stats strong {
  font-size: 22px;
  font-weight: 720;
}

.indonesia-theme.orbit-blue .blue-pricing-grid {
  gap: 12px;
}

.indonesia-theme.orbit-blue .blue-pricing-grid article {
  padding: 20px;
}

.indonesia-theme.orbit-blue .blue-pricing-grid strong {
  font-size: 26px;
  font-weight: 720;
}

.indonesia-theme.orbit-blue .blue-pricing-grid a {
  min-height: 38px;
  border-radius: 8px;
  font-size: 14px;
}

.indonesia-theme.orbit-blue .blue-faq-list {
  gap: 12px;
}

.indonesia-theme.orbit-blue .blue-faq-list details {
  padding: 18px;
}

.indonesia-theme.orbit-blue .blue-faq-list summary {
  font-size: 15px;
  font-weight: 720;
}

.indonesia-theme.orbit-blue .blue-faq-list p {
  font-size: 14px;
  line-height: 1.62;
}

.indonesia-theme.orbit-blue .blue-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 44px 0 60px;
  padding: 28px;
  border-radius: 8px;
}

.indonesia-theme.orbit-blue .blue-cta h2 {
  max-width: 620px;
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 720;
  line-height: 1.14;
}

@media (max-width: 900px) {
  .indonesia-theme.orbit-blue .blue-hero {
    min-height: auto;
    padding-top: 42px;
  }

  .indonesia-theme.orbit-blue .browser-sidebar {
    width: auto;
  }

  .indonesia-theme.orbit-blue .blue-cta {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 620px) {
  .indonesia-theme.orbit-blue main,
  .indonesia-theme.orbit-blue .blue-nav {
    width: min(100% - 20px, 1120px);
  }

  .indonesia-theme.orbit-blue .blue-hero h1 {
    font-size: 34px;
  }

  .indonesia-theme.orbit-blue .blue-section {
    padding: 40px 0;
  }
}

/* Client portal comfort pass and admin audit log */
.client-console .enterprise-main {
  background:
    linear-gradient(180deg, rgba(196, 18, 48, 0.045), transparent 240px),
    #f4f6f8;
}

.client-console .enterprise-topbar,
.client-console .command-panel {
  box-shadow: 0 10px 28px rgba(22, 26, 34, 0.06);
}

.client-console .enterprise-topbar h1 {
  font-size: clamp(26px, 2.7vw, 36px);
}

.client-console .command-panel {
  grid-template-columns: minmax(0, 1fr) auto;
}

.client-console .command-panel h2 {
  max-width: 680px;
  font-size: clamp(24px, 2.8vw, 34px);
}

.client-console .command-actions button {
  min-width: 132px;
}

.client-console .client-workflow {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.client-console .ops-timeline article {
  min-height: 118px;
  padding: 18px;
}

.client-console .ops-timeline strong {
  font-size: 22px;
  line-height: 1.18;
}

.client-console .domain-workspace {
  grid-template-columns: minmax(0, 1fr) 330px;
  align-items: start;
}

.client-console .domain-panel,
.client-console .domain-inspector {
  box-shadow: 0 10px 28px rgba(22, 26, 34, 0.06);
}

.client-console .domain-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 10px;
}

.client-console .domain-builder {
  margin-top: 14px;
}

.client-console .domain-builder-head {
  border-radius: 8px;
  padding: 12px 14px;
  color: #394150;
  background: #f6f7f9;
}

.client-console .domain-rows {
  gap: 10px;
}

.client-console .domain-row {
  padding: 0;
  overflow: hidden;
  background: #ffffff;
}

.client-console .domain-card-head {
  padding: 14px 16px;
  background: #fbfcfd;
}

.client-console .domain-card-head strong {
  font-size: 16px;
  font-weight: 720;
}

.client-console .domain-card-fields {
  grid-template-columns: minmax(180px, 0.9fr) 180px minmax(240px, 1.2fr);
  gap: 12px;
  padding: 14px 16px;
}

.client-console .domain-card-fields label {
  color: #404958;
  font-size: 13px;
}

.client-console .domain-card-footer {
  padding: 12px 16px;
  background: #fbfcfd;
}

.client-console .portal-actions {
  position: sticky;
  bottom: 0;
  z-index: 2;
  margin: 14px -20px -20px;
  padding: 14px 20px;
  border-top: 1px solid var(--id-line);
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(10px);
}

.client-console .domain-inspector {
  position: sticky;
  top: 20px;
}

.client-console .inventory-item {
  border-radius: 8px;
  border-color: var(--id-line);
  background: #ffffff;
}

.client-console .results-panel .results-head {
  align-items: center;
  border-bottom: 1px solid var(--id-line);
  padding-bottom: 14px;
}

.client-console .service-matrix {
  margin-top: 14px;
  overflow: auto;
}

.client-console .service-grid {
  grid-template-columns: minmax(240px, 1.15fr) repeat(6, minmax(128px, 0.85fr));
}

.client-console .service-domain,
.client-console .service-cell {
  min-height: 76px;
  padding: 12px;
}

.client-console .service-cell strong {
  font-size: 10px;
}

.client-console .provider-logo-img {
  width: 34px;
  height: 22px;
}

.client-console .rotation-grid {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.client-console .rotation-card {
  text-align: left;
}

.client-console .rotation-card h3 {
  font-size: 17px;
}

.audit-filter {
  align-items: center;
}

.audit-filter input {
  min-width: min(360px, 52vw);
  min-height: 40px;
}

.audit-log-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.audit-log-item {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr) 150px;
  gap: 14px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--id-line);
  border-radius: 8px;
  background: #ffffff;
}

.audit-log-time,
.audit-log-main,
.audit-log-actor {
  display: grid;
  gap: 4px;
}

.audit-log-time strong,
.audit-log-main strong,
.audit-log-actor strong {
  color: var(--id-ink);
  font-size: 14px;
}

.audit-log-time span {
  width: fit-content;
  border-radius: 999px;
  padding: 4px 9px;
  color: var(--id-red-dark);
  background: #fff0f2;
  font-size: 12px;
  font-weight: 720;
}

.audit-log-main span,
.audit-log-main small,
.audit-log-actor span {
  color: var(--id-muted);
  font-size: 13px;
}

.audit-empty {
  padding: 18px;
  border: 1px solid var(--id-line);
  border-radius: 8px;
  background: #ffffff;
}

@media (max-width: 1120px) {
  .client-console .client-workflow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .client-console .domain-workspace,
  .client-console .domain-card-fields {
    grid-template-columns: 1fr;
  }

  .client-console .domain-inspector {
    position: static;
  }
}

@media (max-width: 780px) {
  .client-console .command-panel,
  .client-console .domain-toolbar,
  .audit-log-item {
    grid-template-columns: 1fr;
  }

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

  .client-console .portal-actions {
    align-items: stretch;
    flex-direction: column;
  }
}

/* Landing first-viewport sizing fix */
.indonesia-theme.orbit-blue .landing-hero-grid {
  display: grid;
  grid-template-columns: minmax(360px, 0.88fr) minmax(420px, 1.12fr);
  gap: 28px;
  align-items: center;
  min-height: calc(100vh - 112px);
  padding: 34px 0 24px;
}

.indonesia-theme.orbit-blue .landing-hero-grid .blue-hero {
  display: block;
  min-height: 0;
  max-width: none;
  padding: 0;
  text-align: left;
}

.indonesia-theme.orbit-blue .landing-hero-grid .blue-badge {
  margin-bottom: 16px;
}

.indonesia-theme.orbit-blue .landing-hero-grid .blue-hero h1 {
  max-width: 560px;
  font-size: clamp(32px, 4.1vw, 46px);
  line-height: 1.1;
}

.indonesia-theme.orbit-blue .landing-hero-grid .blue-hero p {
  max-width: 530px;
  margin-top: 16px;
  font-size: 15px;
  line-height: 1.65;
}

.indonesia-theme.orbit-blue .landing-hero-grid .blue-hero-actions {
  justify-content: flex-start;
  margin-top: 22px;
}

.indonesia-theme.orbit-blue .landing-hero-grid .blue-dashboard-preview {
  margin: 0;
}

.indonesia-theme.orbit-blue .landing-hero-grid .preview-browser {
  display: grid;
  grid-template-columns: 168px minmax(0, 1fr);
  min-height: 360px;
  max-height: 430px;
  overflow: hidden;
}

.indonesia-theme.orbit-blue .landing-hero-grid .browser-sidebar {
  width: auto;
  padding: 16px 12px;
}

.indonesia-theme.orbit-blue .landing-hero-grid .browser-sidebar > span {
  min-height: 32px;
  padding: 0 10px;
  font-size: 12px;
}

.indonesia-theme.orbit-blue .landing-hero-grid .browser-content {
  padding: 16px;
}

.indonesia-theme.orbit-blue .landing-hero-grid .browser-top {
  padding: 14px;
}

.indonesia-theme.orbit-blue .landing-hero-grid .browser-top strong {
  font-size: 18px;
}

.indonesia-theme.orbit-blue .landing-hero-grid .browser-top button {
  min-height: 34px;
  padding: 0 12px;
  font-size: 12px;
}

.indonesia-theme.orbit-blue .landing-hero-grid .browser-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.indonesia-theme.orbit-blue .landing-hero-grid .browser-stats article {
  min-height: 76px;
  padding: 12px;
}

.indonesia-theme.orbit-blue .landing-hero-grid .browser-stats span {
  font-size: 12px;
}

.indonesia-theme.orbit-blue .landing-hero-grid .browser-stats b {
  font-size: 18px;
}

.indonesia-theme.orbit-blue .landing-hero-grid .browser-tabs {
  min-height: 42px;
  padding: 6px;
}

.indonesia-theme.orbit-blue .landing-hero-grid .browser-tabs span {
  min-height: 30px;
  padding: 0 9px;
  font-size: 12px;
}

.indonesia-theme.orbit-blue .landing-hero-grid .browser-tabs input {
  min-height: 30px;
  font-size: 12px;
}

.indonesia-theme.orbit-blue .landing-hero-grid .browser-cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.indonesia-theme.orbit-blue .landing-hero-grid .browser-cards article {
  min-height: 78px;
  padding: 12px;
}

.indonesia-theme.orbit-blue .landing-hero-grid .browser-cards b {
  font-size: 13px;
}

.indonesia-theme.orbit-blue .landing-hero-grid .browser-cards span {
  width: fit-content;
  padding: 5px 8px;
  font-size: 10px;
}

.indonesia-theme.orbit-blue .blue-stats {
  margin: 10px 0 46px;
}

.indonesia-theme.orbit-blue .blue-stats article {
  min-height: 82px;
}

.indonesia-theme.orbit-blue .blue-stats strong {
  font-size: 21px;
}

@media (max-width: 980px) {
  .indonesia-theme.orbit-blue .landing-hero-grid {
    grid-template-columns: 1fr;
    min-height: auto;
    padding-top: 34px;
  }

  .indonesia-theme.orbit-blue .landing-hero-grid .blue-hero h1,
  .indonesia-theme.orbit-blue .landing-hero-grid .blue-hero p {
    max-width: 720px;
  }
}

@media (max-width: 680px) {
  .indonesia-theme.orbit-blue .landing-hero-grid .preview-browser {
    grid-template-columns: 1fr;
    max-height: none;
  }

  .indonesia-theme.orbit-blue .landing-hero-grid .browser-sidebar {
    display: none;
  }

  .indonesia-theme.orbit-blue .landing-hero-grid .browser-stats,
  .indonesia-theme.orbit-blue .landing-hero-grid .browser-cards,
  .indonesia-theme.orbit-blue .blue-stats {
    grid-template-columns: 1fr;
  }
}

/* Client portal calm theme override */
.client-console {
  --client-bg: #f4f7fb;
  --client-panel: #ffffff;
  --client-panel-soft: #f8fafc;
  --client-ink: #182230;
  --client-muted: #667085;
  --client-line: #d9e2ec;
  --client-accent: #2563eb;
  --client-accent-soft: #eff6ff;
  --client-safe: #18794e;
  --client-safe-bg: #eaf7f0;
  --client-safe-line: #b9e3cc;
  --client-danger: #b42318;
  --client-danger-bg: #fff1f0;
  --client-warn: #946200;
  --client-warn-bg: #fff8e6;
}

.client-console .enterprise-main {
  background:
    linear-gradient(180deg, #eef4fb 0, rgba(238, 244, 251, 0) 260px),
    var(--client-bg);
}

.client-console .enterprise-sidebar {
  background: linear-gradient(180deg, #111827, #1f2937);
  box-shadow: 10px 0 28px rgba(16, 24, 40, 0.12);
}

.client-console .enterprise-menu .portal-tab:hover,
.client-console .enterprise-menu .portal-tab.active {
  background: rgba(255, 255, 255, 0.10);
  box-shadow: inset 3px 0 0 #93c5fd;
}

.client-console .portal-logo {
  background: linear-gradient(135deg, #2563eb 0 50%, #ffffff 50% 100%);
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.16);
}

.client-console .enterprise-topbar,
.client-console .command-panel,
.client-console .dashboard-panel,
.client-console .results-panel,
.client-console .metrics article,
.client-console .ops-timeline article,
.client-console .ops-card {
  border-color: var(--client-line);
  color: var(--client-ink);
  background: var(--client-panel);
  box-shadow: 0 12px 30px rgba(16, 24, 40, 0.06);
}

.client-console .eyebrow {
  color: #2563eb;
  font-weight: 720;
}

.client-console .enterprise-topbar h1,
.client-console .command-panel h2,
.client-console .dashboard-panel h2,
.client-console .results-panel h2 {
  color: var(--client-ink);
  font-weight: 720;
}

.client-console .enterprise-status,
.client-console .service-matrix-note,
.client-console .service-head div,
.client-console .domain-builder-head,
.client-console .domain-card-head,
.client-console .domain-card-footer {
  border-color: var(--client-line);
  background: var(--client-panel-soft);
}

.client-console .hint,
.client-console .command-panel p,
.client-console .enterprise-status small,
.client-console .service-matrix-note span,
.client-console .domain-card-head small,
.client-console .domain-card-footer span {
  color: var(--client-muted);
}

.client-console button:not(.portal-tab):not(.secondary),
.client-console .command-actions button:not(.secondary),
.client-console #saveMemberMonitorBtn {
  border-color: #2563eb;
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.16);
}

.client-console button.secondary,
.client-console .filters button {
  border-color: var(--client-line);
  color: var(--client-ink);
  background: #ffffff;
}

.client-console .metrics strong,
.client-console .ops-timeline strong {
  color: var(--client-ink);
}

.client-console .domain-row,
.client-console .inventory-item,
.client-console .raw-result-details,
.client-console .admin-list div,
.client-console .ops-note,
.client-console .rich-list div {
  border-color: var(--client-line);
  background: #ffffff;
}

.client-console input,
.client-console select,
.client-console textarea {
  border-color: var(--client-line);
  color: var(--client-ink);
}

.client-console input:focus,
.client-console select:focus,
.client-console textarea:focus {
  outline: 3px solid rgba(37, 99, 235, 0.14);
  border-color: rgba(37, 99, 235, 0.48);
}

.client-console .service-matrix {
  border-color: var(--client-line);
  background: #ffffff;
}

.client-console .service-grid {
  gap: 7px;
}

.client-console .service-head div {
  color: #344054;
  font-size: 11px;
  font-weight: 720;
}

.client-console .service-domain {
  border: 1px solid var(--client-line);
  color: var(--client-ink);
  background: #ffffff;
}

.client-console .service-domain strong {
  color: var(--client-ink);
}

.client-console .service-domain small {
  color: var(--client-muted);
}

.client-console .service-cell {
  border: 1px solid var(--client-line);
  color: var(--client-ink);
  background: var(--client-panel-soft);
}

.client-console .service-cell strong {
  color: inherit;
  font-weight: 760;
}

.client-console .service-cell small {
  color: var(--client-muted);
  font-weight: 620;
}

.client-console .service-cell.allowed,
.client-console .badge.allowed {
  border-color: var(--client-safe-line);
  color: var(--client-safe);
  background: var(--client-safe-bg);
}

.client-console .service-cell.allowed small {
  color: #3b8f66;
}

.client-console .service-cell.blocked,
.client-console .badge.blocked {
  border-color: #fecaca;
  color: var(--client-danger);
  background: var(--client-danger-bg);
}

.client-console .service-cell.blocked small {
  color: #b5473d;
}

.client-console .service-cell.error,
.client-console .service-cell.unavailable,
.client-console .service-cell.checking,
.client-console .service-cell.unknown,
.client-console .badge.error,
.client-console .badge.unavailable,
.client-console .badge.checking,
.client-console .badge.unknown {
  border-color: #f6d78b;
  color: var(--client-warn);
  background: var(--client-warn-bg);
}

.client-console .provider-logo-img {
  background: #ffffff;
  box-shadow: 0 4px 10px rgba(16, 24, 40, 0.08);
}

.client-console .service-domain:hover,
.client-console .service-cell:hover {
  transform: none;
  filter: none;
  border-color: #b6c7da;
}

.client-console .portal-actions {
  border-top-color: var(--client-line);
  background: rgba(255, 255, 255, 0.94);
}

.client-console th {
  color: #475467;
  background: var(--client-panel-soft);
}

.client-console td {
  color: var(--client-ink);
}

/* Client portal structural cleanup: table-like editor, calm matrix, static weights */
.client-console,
.client-console button,
.client-console input,
.client-console select,
.client-console textarea {
  font-weight: 500;
}

.client-console h1,
.client-console h2,
.client-console h3,
.client-console strong {
  font-weight: 650;
}

.client-console .results-panel h2,
.client-console .command-panel h2,
.client-console .enterprise-topbar h1 {
  font-weight: 650;
  letter-spacing: 0;
}

.client-console .badge {
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 12px;
  font-weight: 650;
  line-height: 1;
}

.client-console .domain-builder-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-weight: 600;
}

.client-console .domain-row-head {
  display: grid;
  grid-template-columns: minmax(160px, 0.9fr) 170px minmax(220px, 1.2fr) 150px 142px;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--client-line);
  border-radius: 8px;
  color: #64748b;
  background: #f8fafc;
  font-size: 12px;
  font-weight: 650;
}

.client-console .domain-row {
  border-radius: 8px;
  box-shadow: none;
}

.client-console .domain-row.editing {
  border-color: rgba(37, 99, 235, 0.42);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.10);
}

.client-console .domain-card-fields {
  display: grid;
  grid-template-columns: minmax(160px, 0.9fr) 170px minmax(220px, 1.2fr) 150px 142px;
  align-items: center;
  gap: 10px;
  padding: 12px;
}

.client-console .domain-card-fields label {
  display: grid;
  gap: 5px;
  color: #475569;
  font-size: 12px;
  font-weight: 600;
  text-transform: none;
}

.client-console .domain-card-fields label > span {
  display: none;
}

.client-console .domain-row input,
.client-console .domain-row select {
  min-height: 38px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
}

.client-console .domain-row-status {
  display: grid;
  gap: 6px;
  align-content: center;
}

.client-console .domain-row-status small {
  color: var(--client-muted);
  font-size: 11px;
  line-height: 1.2;
}

.client-console .domain-row-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}

.client-console .domain-row-actions button {
  min-height: 36px;
  padding: 0 10px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
}

.client-console .domain-row-actions .danger {
  color: #b42318;
  border-color: #f3b8b3;
  background: #fff8f7;
}

.client-console .rotation-grid {
  gap: 12px;
}

.client-console .rotation-card {
  display: grid;
  gap: 10px;
  min-height: auto;
  border: 1px solid var(--client-line);
  color: var(--client-ink);
  background: #ffffff !important;
  box-shadow: 0 10px 24px rgba(16, 24, 40, 0.06) !important;
}

.client-console .rotation-card > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.client-console .rotation-card h3 {
  margin: 0;
  color: var(--client-ink);
  font-size: 16px;
  font-weight: 650;
}

.client-console .rotation-card p {
  margin: 0;
  color: var(--client-muted);
  font-size: 13px;
}

.client-console .rotation-card > div > strong {
  color: var(--client-muted);
  font-size: 13px;
  font-weight: 600;
}

.client-console .rotation-card .edit-rotation-domain {
  justify-self: start;
  min-height: 36px;
  font-weight: 600;
}

.client-console .service-matrix {
  padding: 0;
  border: 1px solid var(--client-line);
  border-radius: 8px;
  background: #ffffff;
}

.client-console .service-matrix-note {
  min-width: 1040px;
  margin: 0;
  border: 0;
  border-bottom: 1px solid var(--client-line);
  border-radius: 8px 8px 0 0;
  background: #f8fafc;
}

.client-console .service-matrix-note strong {
  color: var(--client-ink);
  font-size: 14px;
}

.client-console .service-grid {
  min-width: 1040px;
  grid-template-columns: minmax(210px, 1.1fr) repeat(6, minmax(118px, 0.9fr));
  gap: 0;
}

.client-console .service-head {
  padding: 0;
}

.client-console .service-head div {
  min-height: 40px;
  border-width: 0 1px 1px 0;
  border-radius: 0;
  background: #ffffff;
}

.client-console .service-row {
  border-top: 0;
}

.client-console .service-domain,
.client-console .service-cell {
  min-height: 66px;
  border-width: 0 1px 1px 0;
  border-radius: 0;
  box-shadow: none !important;
  cursor: pointer;
}

.client-console .service-domain {
  padding: 12px;
}

.client-console .service-cell {
  padding: 10px;
}

.client-console .service-cell strong {
  gap: 5px;
  color: inherit;
  font-size: 11px;
  font-weight: 650;
}

.client-console .service-cell small {
  font-size: 10px;
  font-weight: 500;
}

.client-console .service-cell.allowed,
.client-console .badge.allowed {
  border-color: var(--client-safe-line) !important;
  color: #166534 !important;
  background: #f0fdf4 !important;
}

.client-console .service-cell.blocked,
.client-console .badge.blocked {
  border-color: #fecaca !important;
  color: #991b1b !important;
  background: #fff1f2 !important;
}

.client-console .service-cell.error,
.client-console .service-cell.unavailable,
.client-console .service-cell.checking,
.client-console .service-cell.unknown,
.client-console .badge.error,
.client-console .badge.unavailable,
.client-console .badge.checking,
.client-console .badge.unknown {
  border-color: #fde68a !important;
  color: #92400e !important;
  background: #fffbeb !important;
}

.client-console .service-domain:hover,
.client-console .service-cell:hover {
  background: #f8fafc !important;
}

.client-console .provider-logo-img {
  width: 28px;
  height: 18px;
  border-radius: 6px;
  padding: 3px;
}

@media (max-width: 1120px) {
  .client-console .domain-row-head {
    display: none;
  }

  .client-console .domain-card-fields {
    grid-template-columns: 1fr;
  }

  .client-console .domain-card-fields label > span {
    display: inline;
  }

  .client-console .domain-row-actions {
    grid-template-columns: repeat(2, minmax(0, 120px));
  }
}

/* Client domain editor final simplification */
.client-console .domain-workspace {
  grid-template-columns: 1fr !important;
  gap: 14px;
}

.client-console .domain-panel {
  overflow: hidden;
}

.client-console .domain-inspector {
  position: static !important;
}

.client-console .domain-inspector {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
  align-items: start;
}

.client-console .domain-inspector > .eyebrow,
.client-console .domain-inspector > h2 {
  grid-column: 1 / -1;
}

.client-console .domain-inventory {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  margin-top: 0;
}

.client-console .domain-row-head {
  grid-template-columns: minmax(120px, 1fr) 150px minmax(170px, 1.25fr) 110px 128px;
  gap: 8px;
  padding: 9px 10px;
}

.client-console .domain-card-fields {
  grid-template-columns: minmax(120px, 1fr) 150px minmax(170px, 1.25fr) 110px 128px;
  gap: 8px;
  padding: 10px;
}

.client-console .domain-row input,
.client-console .domain-row select {
  min-width: 0;
  min-height: 36px;
  padding: 0 10px;
  font-size: 13px;
}

.client-console .domain-row-status {
  min-width: 0;
}

.client-console .domain-row-status .badge {
  width: 100%;
  justify-content: center;
  text-align: center;
}

.client-console .domain-row-status small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-console .domain-row-actions {
  grid-template-columns: 1fr 1fr;
  min-width: 0;
}

.client-console .domain-row-actions button {
  min-width: 0;
  min-height: 34px;
  padding: 0 8px;
  font-size: 12px;
}

.client-console #addDomainRowBtn {
  width: fit-content;
  min-height: 38px;
  margin-top: 10px;
}

.client-console .portal-actions {
  position: static;
  justify-content: flex-end;
  margin: 14px 0 0;
  padding: 14px 0 0;
  border-top: 1px solid var(--client-line);
  background: transparent;
  backdrop-filter: none;
}

.client-console .portal-actions button {
  min-width: 180px;
}

.client-console #memberInfo {
  margin-top: 12px;
  max-width: 720px;
}

@media (max-width: 840px) {
  .client-console .domain-row-head {
    display: none;
  }

  .client-console .domain-card-fields {
    grid-template-columns: 1fr;
  }

  .client-console .domain-card-fields label > span {
    display: inline;
  }

  .client-console .domain-row-status .badge {
    width: fit-content;
  }

  .client-console .domain-row-actions {
    grid-template-columns: repeat(2, minmax(0, 120px));
  }

  .client-console .domain-inspector {
    grid-template-columns: 1fr;
  }

  .client-console .portal-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .client-console .portal-actions button {
    width: 100%;
  }
}

/* Final landing typography scale: compact, consistent, enterprise */
body.indonesia-theme.orbit-blue {
  font-size: 14px;
}

body.indonesia-theme.orbit-blue .blue-nav,
body.indonesia-theme.orbit-blue .blue-nav a,
body.indonesia-theme.orbit-blue .blue-actions a {
  font-size: 13px !important;
  font-weight: 600 !important;
}

body.indonesia-theme.orbit-blue .blue-brand {
  font-size: 17px !important;
  font-weight: 700 !important;
}

body.indonesia-theme.orbit-blue .blue-button,
body.indonesia-theme.orbit-blue button,
body.indonesia-theme.orbit-blue .filter,
body.indonesia-theme.orbit-blue .blue-pricing-grid a {
  font-size: 13px !important;
  font-weight: 650 !important;
}

body.indonesia-theme.orbit-blue .blue-badge {
  font-size: 11px !important;
  font-weight: 650 !important;
}

body.indonesia-theme.orbit-blue .landing-hero-grid {
  min-height: auto !important;
  padding: 34px 0 18px !important;
}

body.indonesia-theme.orbit-blue .landing-hero-grid .blue-hero h1,
body.indonesia-theme.orbit-blue .blue-hero h1 {
  max-width: 520px !important;
  font-size: clamp(30px, 3.25vw, 40px) !important;
  font-weight: 650 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

body.indonesia-theme.orbit-blue .landing-hero-grid .blue-hero p,
body.indonesia-theme.orbit-blue .blue-hero p {
  max-width: 520px !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

body.indonesia-theme.orbit-blue .blue-section {
  padding: 42px 0 !important;
}

body.indonesia-theme.orbit-blue .blue-section-title {
  max-width: 620px !important;
  margin-bottom: 18px !important;
}

body.indonesia-theme.orbit-blue .blue-section-title h2,
body.indonesia-theme.orbit-blue .blue-cta h2 {
  font-size: clamp(24px, 2.6vw, 32px) !important;
  font-weight: 650 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
}

body.indonesia-theme.orbit-blue .blue-section-title p,
body.indonesia-theme.orbit-blue .blue-feature-grid > article > p,
body.indonesia-theme.orbit-blue .blue-pricing-grid p,
body.indonesia-theme.orbit-blue .blue-faq-list p,
body.indonesia-theme.orbit-blue .service-row span,
body.indonesia-theme.orbit-blue .service-row b {
  font-size: 13px !important;
  line-height: 1.58 !important;
  font-weight: 450 !important;
}

body.indonesia-theme.orbit-blue .blue-feature-grid h3,
body.indonesia-theme.orbit-blue .blue-pricing-grid h3,
body.indonesia-theme.orbit-blue .service-table-card h3,
body.indonesia-theme.orbit-blue .result-heading h2,
body.indonesia-theme.orbit-blue .checker-title strong {
  font-size: 18px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
}

body.indonesia-theme.orbit-blue .feature-list b,
body.indonesia-theme.orbit-blue .checker-label,
body.indonesia-theme.orbit-blue th,
body.indonesia-theme.orbit-blue td {
  font-size: 12px !important;
  font-weight: 600 !important;
}

body.indonesia-theme.orbit-blue .feature-list span,
body.indonesia-theme.orbit-blue .checker-title span,
body.indonesia-theme.orbit-blue .blue-faq-list summary {
  font-size: 13px !important;
  font-weight: 550 !important;
}

body.indonesia-theme.orbit-blue .blue-stats article {
  min-height: 74px !important;
  padding: 14px 16px !important;
}

body.indonesia-theme.orbit-blue .blue-stats strong {
  font-size: 18px !important;
  font-weight: 650 !important;
}

body.indonesia-theme.orbit-blue .blue-stats span {
  font-size: 12px !important;
  font-weight: 450 !important;
}

body.indonesia-theme.orbit-blue .blue-feature-grid > article,
body.indonesia-theme.orbit-blue .blue-checker,
body.indonesia-theme.orbit-blue .result-card,
body.indonesia-theme.orbit-blue .blue-pricing-grid article,
body.indonesia-theme.orbit-blue .service-table-card,
body.indonesia-theme.orbit-blue .blue-faq-list details {
  padding: 18px !important;
}

body.indonesia-theme.orbit-blue .blue-pricing-grid strong {
  font-size: 22px !important;
  font-weight: 650 !important;
}

body.indonesia-theme.orbit-blue .blue-pricing-grid .popular > span {
  font-size: 11px !important;
  font-weight: 650 !important;
}

body.indonesia-theme.orbit-blue .landing-hero-grid .preview-browser {
  max-height: 380px !important;
  min-height: 330px !important;
}

body.indonesia-theme.orbit-blue .landing-hero-grid .browser-top strong {
  font-size: 16px !important;
  font-weight: 650 !important;
}

body.indonesia-theme.orbit-blue .landing-hero-grid .browser-top small,
body.indonesia-theme.orbit-blue .landing-hero-grid .browser-stats span,
body.indonesia-theme.orbit-blue .landing-hero-grid .browser-sidebar > span,
body.indonesia-theme.orbit-blue .landing-hero-grid .browser-tabs span,
body.indonesia-theme.orbit-blue .landing-hero-grid .browser-tabs input {
  font-size: 11px !important;
  font-weight: 500 !important;
}

body.indonesia-theme.orbit-blue .landing-hero-grid .browser-stats b {
  font-size: 16px !important;
  font-weight: 650 !important;
}

body.indonesia-theme.orbit-blue .landing-hero-grid .browser-cards b {
  font-size: 12px !important;
  font-weight: 650 !important;
}

body.indonesia-theme.orbit-blue .landing-hero-grid .browser-cards span {
  font-size: 10px !important;
  font-weight: 600 !important;
}

body.indonesia-theme.orbit-blue .result-stats strong {
  font-size: 18px !important;
  font-weight: 650 !important;
}

body.indonesia-theme.orbit-blue .result-stats span {
  font-size: 12px !important;
}

body.indonesia-theme.orbit-blue .blue-cta {
  margin: 34px 0 48px !important;
  padding: 22px !important;
}

@media (max-width: 620px) {
  body.indonesia-theme.orbit-blue .landing-hero-grid .blue-hero h1,
  body.indonesia-theme.orbit-blue .blue-hero h1 {
    font-size: 30px !important;
  }

  body.indonesia-theme.orbit-blue .blue-section-title h2,
  body.indonesia-theme.orbit-blue .blue-cta h2 {
    font-size: 24px !important;
  }
}

/* Landing alignment adjustment: centered copy with compact scale */
body.indonesia-theme.orbit-blue .landing-hero-grid {
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  text-align: center !important;
}

body.indonesia-theme.orbit-blue .landing-hero-grid .blue-hero {
  display: grid !important;
  justify-items: center !important;
  text-align: center !important;
}

body.indonesia-theme.orbit-blue .landing-hero-grid .blue-hero h1,
body.indonesia-theme.orbit-blue .landing-hero-grid .blue-hero p {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

body.indonesia-theme.orbit-blue .landing-hero-grid .blue-hero-actions {
  justify-content: center !important;
}

body.indonesia-theme.orbit-blue .landing-hero-grid .blue-dashboard-preview {
  width: min(780px, 100%) !important;
}

body.indonesia-theme.orbit-blue .blue-section-title {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

body.indonesia-theme.orbit-blue .blue-feature-grid > article,
body.indonesia-theme.orbit-blue .blue-pricing-grid article,
body.indonesia-theme.orbit-blue .service-table-card,
body.indonesia-theme.orbit-blue .blue-checker,
body.indonesia-theme.orbit-blue .result-card {
  text-align: center !important;
}

body.indonesia-theme.orbit-blue .feature-list div,
body.indonesia-theme.orbit-blue .service-row,
body.indonesia-theme.orbit-blue td,
body.indonesia-theme.orbit-blue th {
  text-align: left !important;
}

body.indonesia-theme.orbit-blue .blue-feature-grid .blue-button,
body.indonesia-theme.orbit-blue .blue-pricing-grid a {
  margin-left: auto !important;
  margin-right: auto !important;
}

body.indonesia-theme.orbit-blue .checker-title,
body.indonesia-theme.orbit-blue .checker-label,
body.indonesia-theme.orbit-blue .checker-actions,
body.indonesia-theme.orbit-blue .result-heading,
body.indonesia-theme.orbit-blue .filters {
  justify-content: center !important;
  text-align: center !important;
}

body.indonesia-theme.orbit-blue .blue-faq-list details {
  text-align: left !important;
}

body.indonesia-theme.orbit-blue .blue-cta {
  justify-content: center !important;
  flex-direction: column !important;
  text-align: center !important;
}

/* Landing layout normalization: consistent widths and centered sections */
body.indonesia-theme.orbit-blue main {
  width: min(1080px, calc(100% - 40px)) !important;
}

body.indonesia-theme.orbit-blue .landing-hero-grid {
  width: 100% !important;
  max-width: 1080px !important;
  margin: 0 auto !important;
  padding: 28px 0 18px !important;
}

body.indonesia-theme.orbit-blue .landing-hero-grid .blue-hero {
  width: min(680px, 100%) !important;
}

body.indonesia-theme.orbit-blue .landing-hero-grid .blue-hero h1,
body.indonesia-theme.orbit-blue .landing-hero-grid .blue-hero p {
  max-width: 680px !important;
}

body.indonesia-theme.orbit-blue .landing-hero-grid .blue-dashboard-preview,
body.indonesia-theme.orbit-blue .blue-stats,
body.indonesia-theme.orbit-blue .service-table-card,
body.indonesia-theme.orbit-blue .blue-faq-list {
  width: min(820px, 100%) !important;
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.indonesia-theme.orbit-blue .landing-hero-grid .preview-browser {
  width: 100% !important;
}

body.indonesia-theme.orbit-blue .blue-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: 18px !important;
  margin-bottom: 44px !important;
}

body.indonesia-theme.orbit-blue .blue-stats article {
  width: 100% !important;
  min-width: 0 !important;
}

body.indonesia-theme.orbit-blue .blue-section {
  width: 100% !important;
  padding: 38px 0 !important;
}

body.indonesia-theme.orbit-blue .blue-section-title {
  width: min(720px, 100%) !important;
}

body.indonesia-theme.orbit-blue .blue-feature-grid,
body.indonesia-theme.orbit-blue .blue-demo-grid,
body.indonesia-theme.orbit-blue .blue-pricing-grid {
  width: 100% !important;
  max-width: 1080px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.indonesia-theme.orbit-blue .blue-feature-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body.indonesia-theme.orbit-blue .blue-feature-grid > article {
  display: grid !important;
  align-content: start !important;
  min-height: 100% !important;
}

body.indonesia-theme.orbit-blue .blue-feature-grid .feature-list {
  display: grid !important;
  gap: 10px !important;
  margin: 14px 0 18px !important;
}

body.indonesia-theme.orbit-blue .blue-feature-grid .blue-button {
  align-self: end !important;
}

body.indonesia-theme.orbit-blue .service-table-section {
  padding: 28px 0 34px !important;
}

body.indonesia-theme.orbit-blue .service-table-card {
  padding: 20px !important;
}

body.indonesia-theme.orbit-blue .service-table-card h3 {
  margin-bottom: 18px !important;
}

body.indonesia-theme.orbit-blue .service-row {
  display: grid !important;
  grid-template-columns: 1.2fr 0.8fr 0.8fr !important;
  align-items: center !important;
  min-height: 42px !important;
}

body.indonesia-theme.orbit-blue .blue-faq-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.indonesia-theme.orbit-blue .blue-faq-list details {
  min-height: 112px !important;
}

body.indonesia-theme.orbit-blue .blue-faq-list details:last-child:nth-child(odd) {
  grid-column: 1 / -1 !important;
  width: min(50%, calc((100% - 12px) / 2)) !important;
  justify-self: center !important;
}

body.indonesia-theme.orbit-blue .blue-cta {
  width: min(820px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* FAQ redesign: useful content, compact accordion */
body.indonesia-theme.orbit-blue .faq-blue {
  padding-top: 34px !important;
}

body.indonesia-theme.orbit-blue .faq-layout {
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: start !important;
  width: min(920px, 100%) !important;
  margin: 0 auto !important;
}

body.indonesia-theme.orbit-blue .faq-copy {
  position: sticky;
  top: 90px;
  text-align: left !important;
}

body.indonesia-theme.orbit-blue .faq-copy span {
  display: inline-flex;
  margin-bottom: 8px;
  color: #a30d24;
  font-size: 11px;
  font-weight: 700;
}

body.indonesia-theme.orbit-blue .faq-copy h2 {
  margin: 0;
  color: #101828;
  font-size: 24px !important;
  font-weight: 650 !important;
  line-height: 1.18;
}

body.indonesia-theme.orbit-blue .faq-copy p {
  margin: 10px 0 0;
  color: #667085;
  font-size: 13px !important;
  line-height: 1.58;
}

body.indonesia-theme.orbit-blue .faq-layout .blue-faq-list {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}

body.indonesia-theme.orbit-blue .faq-layout .blue-faq-list details,
body.indonesia-theme.orbit-blue .faq-layout .blue-faq-list details:last-child:nth-child(odd) {
  width: 100% !important;
  min-height: auto !important;
  grid-column: auto !important;
  justify-self: stretch !important;
  padding: 0 !important;
  border: 1px solid #d9e2ec !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: hidden;
}

body.indonesia-theme.orbit-blue .faq-layout .blue-faq-list summary {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 16px;
  color: #101828;
  font-size: 14px !important;
  font-weight: 650 !important;
  cursor: pointer;
}

body.indonesia-theme.orbit-blue .faq-layout .blue-faq-list summary::marker {
  color: #a30d24;
}

body.indonesia-theme.orbit-blue .faq-layout .blue-faq-list p {
  margin: 0;
  padding: 0 16px 16px 34px;
  color: #536176;
  font-size: 13px !important;
  line-height: 1.62 !important;
}

@media (max-width: 760px) {
  body.indonesia-theme.orbit-blue .faq-layout {
    grid-template-columns: 1fr !important;
  }

  body.indonesia-theme.orbit-blue .faq-copy {
    position: static;
    text-align: center !important;
  }
}

/* Unified enterprise color system: landing, auth, client, admin */
:root {
  --orbit-bg: #f6f7f9;
  --orbit-surface: #ffffff;
  --orbit-soft: #f8fafc;
  --orbit-ink: #111827;
  --orbit-muted: #647084;
  --orbit-line: #d8dee8;
  --orbit-accent: #b4232a;
  --orbit-accent-dark: #8f1d24;
  --orbit-accent-soft: #fff1f2;
  --orbit-safe: #176d43;
  --orbit-safe-soft: #edf8f1;
  --orbit-warn: #8a5a00;
  --orbit-warn-soft: #fff8e6;
  --orbit-shadow: 0 14px 34px rgba(17, 24, 39, 0.08);
}

body.indonesia-theme,
body.indonesia-auth,
body.indonesia-console,
body.client-console {
  color: var(--orbit-ink) !important;
  background:
    linear-gradient(180deg, rgba(180, 35, 42, 0.055), rgba(180, 35, 42, 0) 260px),
    var(--orbit-bg) !important;
}

body.indonesia-theme .blue-logo,
body.indonesia-auth .indonesia-mark,
body.indonesia-console .portal-logo,
body.client-console .portal-logo {
  background: linear-gradient(135deg, var(--orbit-accent) 0 50%, #ffffff 50% 100%) !important;
  box-shadow: 0 10px 22px rgba(180, 35, 42, 0.16) !important;
}

body.indonesia-theme .blue-logo i,
body.indonesia-auth .indonesia-mark i,
body.indonesia-console .portal-logo i,
body.client-console .portal-logo i {
  background: #1f2937 !important;
}

body.indonesia-theme .blue-nav,
body.indonesia-auth .site-nav,
body.indonesia-console .enterprise-topbar,
body.indonesia-console .command-panel,
body.indonesia-console .dashboard-panel,
body.indonesia-console .results-panel,
body.indonesia-console .metrics article,
body.indonesia-console .ops-timeline article,
body.indonesia-console .ops-card {
  border-color: var(--orbit-line) !important;
  background: var(--orbit-surface) !important;
  box-shadow: var(--orbit-shadow) !important;
}

body.indonesia-console .enterprise-sidebar,
body.client-console .enterprise-sidebar {
  background: linear-gradient(180deg, #141a24, #1f2937 68%, #2b1116) !important;
  box-shadow: 10px 0 28px rgba(17, 24, 39, 0.13) !important;
}

body.indonesia-console .enterprise-menu .portal-tab,
body.client-console .enterprise-menu .portal-tab {
  color: #d7dde8 !important;
}

body.indonesia-console .enterprise-menu .portal-tab:hover,
body.indonesia-console .enterprise-menu .portal-tab.active,
body.client-console .enterprise-menu .portal-tab:hover,
body.client-console .enterprise-menu .portal-tab.active {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.10) !important;
  box-shadow: inset 3px 0 0 var(--orbit-accent) !important;
}

body.indonesia-theme .blue-button,
body.indonesia-theme button:not(.filter):not(.secondary),
body.indonesia-auth #authSubmit,
body.indonesia-console button:not(.portal-tab):not(.secondary),
body.client-console button:not(.portal-tab):not(.secondary),
body.client-console .command-actions button:not(.secondary),
body.client-console #saveMemberMonitorBtn {
  border-color: var(--orbit-accent) !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--orbit-accent), var(--orbit-accent-dark)) !important;
  box-shadow: 0 12px 24px rgba(180, 35, 42, 0.16) !important;
}

body.indonesia-theme .blue-button:hover,
body.indonesia-theme button:not(.filter):not(.secondary):hover,
body.indonesia-auth #authSubmit:hover,
body.indonesia-console button:not(.portal-tab):not(.secondary):hover,
body.client-console button:not(.portal-tab):not(.secondary):hover {
  background: linear-gradient(135deg, #c53138, #7e1a20) !important;
}

body.indonesia-theme .blue-button.ghost,
body.indonesia-theme button.secondary,
body.indonesia-theme .filter,
body.indonesia-auth .nav-cta,
body.indonesia-console button.secondary,
body.indonesia-console .filters button,
body.client-console button.secondary,
body.client-console .filters button {
  border-color: var(--orbit-line) !important;
  color: var(--orbit-ink) !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

body.indonesia-theme .blue-badge,
body.indonesia-theme .browser-sidebar > span.active,
body.indonesia-theme .browser-tabs span.active,
body.indonesia-auth .auth-tabs .filter.active,
body.indonesia-console .eyebrow,
body.client-console .eyebrow,
body.indonesia-theme .faq-copy span {
  color: var(--orbit-accent-dark) !important;
}

body.indonesia-theme .blue-badge,
body.indonesia-theme .browser-sidebar > span.active,
body.indonesia-theme .browser-tabs span.active {
  border-color: rgba(180, 35, 42, 0.18) !important;
  background: var(--orbit-accent-soft) !important;
}

body.indonesia-auth .auth-tabs .filter.active {
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--orbit-accent), var(--orbit-accent-dark)) !important;
}

body.indonesia-theme .blue-hero h1 span,
body.indonesia-theme .blue-stats strong,
body.indonesia-theme .blue-feature-grid h3 {
  color: var(--orbit-accent-dark) !important;
}

body.indonesia-theme .preview-browser,
body.indonesia-theme .blue-feature-grid > article,
body.indonesia-theme .blue-checker,
body.indonesia-theme .result-card,
body.indonesia-theme .blue-pricing-grid article,
body.indonesia-theme .service-table-card,
body.indonesia-theme .blue-faq-list details,
body.indonesia-console input,
body.indonesia-console select,
body.indonesia-console textarea,
body.client-console input,
body.client-console select,
body.client-console textarea,
body.client-console .service-matrix,
body.client-console .domain-row,
body.client-console .inventory-item,
body.client-console .raw-result-details {
  border-color: var(--orbit-line) !important;
  background: var(--orbit-surface) !important;
}

body.indonesia-theme .browser-sidebar {
  background: linear-gradient(180deg, #141a24, #1f2937) !important;
}

body.indonesia-theme .blue-cta,
body.indonesia-auth .auth-aside {
  color: #ffffff !important;
  background:
    linear-gradient(135deg, rgba(180, 35, 42, 0.94), rgba(143, 29, 36, 0.86)),
    linear-gradient(180deg, #1f2937, #111827) !important;
}

body.indonesia-theme .blue-cta h2,
body.indonesia-auth .auth-aside h1,
body.indonesia-auth .auth-aside p,
body.indonesia-auth .auth-aside .eyebrow {
  color: #ffffff !important;
}

body.indonesia-console .enterprise-status,
body.client-console .enterprise-status,
body.client-console .service-matrix-note,
body.client-console .service-head div,
body.client-console .domain-builder-head,
body.client-console .domain-card-head,
body.client-console .domain-card-footer,
body.indonesia-console th,
body.client-console th {
  border-color: var(--orbit-line) !important;
  background: var(--orbit-soft) !important;
}

body.indonesia-console .command-panel p,
body.indonesia-console .hint,
body.indonesia-console .ops-note p,
body.indonesia-console .admin-list span,
body.client-console .hint,
body.client-console .command-panel p,
body.client-console .enterprise-status small,
body.client-console .service-matrix-note span,
body.client-console .domain-card-head small,
body.client-console .domain-card-footer span,
body.indonesia-theme .blue-section-title p,
body.indonesia-theme .blue-feature-grid p,
body.indonesia-theme .feature-list span,
body.indonesia-theme .blue-faq-list p,
body.indonesia-auth .auth-panel p {
  color: var(--orbit-muted) !important;
}

body.client-console .service-cell.allowed,
body.client-console .badge.allowed,
body.indonesia-console .service-cell.allowed,
body.indonesia-console .badge.allowed {
  border-color: #b8dfc6 !important;
  color: var(--orbit-safe) !important;
  background: var(--orbit-safe-soft) !important;
}

body.client-console .service-cell.blocked,
body.client-console .badge.blocked,
body.indonesia-console .service-cell.blocked,
body.indonesia-console .badge.blocked {
  border-color: #fecaca !important;
  color: var(--orbit-accent-dark) !important;
  background: var(--orbit-accent-soft) !important;
}

body.client-console .service-cell.error,
body.client-console .service-cell.unavailable,
body.client-console .service-cell.checking,
body.client-console .service-cell.unknown,
body.client-console .service-cell.no-data,
body.client-console .badge.error,
body.client-console .badge.unavailable,
body.client-console .badge.checking,
body.client-console .badge.unknown,
body.client-console .badge.no-data,
body.indonesia-console .service-cell.error,
body.indonesia-console .service-cell.unavailable,
body.indonesia-console .service-cell.checking,
body.indonesia-console .service-cell.unknown,
body.indonesia-console .service-cell.no-data {
  border-color: #f6d78b !important;
  color: var(--orbit-warn) !important;
  background: var(--orbit-warn-soft) !important;
}

body.client-console .service-cell.no-data,
body.client-console .badge.no-data,
body.indonesia-console .service-cell.no-data {
  border-color: var(--orbit-line) !important;
  color: var(--orbit-muted) !important;
  background: var(--orbit-soft) !important;
}

body.indonesia-console input:focus,
body.indonesia-console select:focus,
body.indonesia-console textarea:focus,
body.client-console input:focus,
body.client-console select:focus,
body.client-console textarea:focus,
body.indonesia-auth .auth-form input:focus {
  border-color: rgba(180, 35, 42, 0.46) !important;
  outline: 3px solid rgba(180, 35, 42, 0.12) !important;
}

/* Client domain modal workflow */
.modal-backdrop[hidden] {
  display: none;
}

.modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(17, 24, 39, 0.48);
  backdrop-filter: blur(8px);
}

.modal-panel {
  width: min(560px, 100%);
  border: 1px solid var(--orbit-line);
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 28px 80px rgba(17, 24, 39, 0.24);
  padding: 20px;
}

.modal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.modal-head h2 {
  margin: 2px 0 0;
  color: var(--orbit-ink);
  font-size: 22px;
  font-weight: 650;
}

.icon-close {
  width: 36px;
  min-width: 36px;
  height: 36px;
  padding: 0;
}

.modal-form {
  display: grid;
  gap: 12px;
}

.modal-form label,
.delete-confirm {
  display: grid;
  gap: 7px;
  color: #475569;
  font-size: 13px;
  font-weight: 600;
}

.modal-form input,
.modal-form select,
.delete-confirm input {
  min-height: 42px;
  border: 1px solid var(--orbit-line);
  border-radius: 8px;
  padding: 0 12px;
  color: var(--orbit-ink);
  background: #ffffff;
  font: inherit;
}

.delete-confirm {
  border: 1px solid #fecaca;
  border-radius: 8px;
  padding: 14px;
  color: #991b1b;
  background: #fff1f2;
}

.delete-confirm p {
  margin: 0;
  color: #7f1d1d;
  font-size: 13px;
  line-height: 1.55;
}

.modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}

.danger-action {
  border-color: #b4232a !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #b4232a, #8f1d24) !important;
}

.danger-action:disabled {
  opacity: 0.48;
  cursor: not-allowed;
}

.client-console .domain-text-cell {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.client-console .domain-text-cell span {
  display: none;
  color: var(--orbit-muted);
  font-size: 11px;
}

.client-console .domain-text-cell strong {
  overflow: hidden;
  color: var(--orbit-ink);
  font-size: 13px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-console .domain-main-cell small {
  overflow: hidden;
  color: var(--orbit-muted);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 840px) {
  .modal-actions {
    flex-direction: column-reverse;
  }

  .modal-actions button {
    width: 100%;
  }

  .client-console .domain-text-cell span {
    display: inline;
  }
}

@media (max-width: 760px) {
  body.indonesia-theme.orbit-blue main {
    width: min(100% - 24px, 1080px) !important;
  }

  body.indonesia-theme.orbit-blue .blue-stats,
  body.indonesia-theme.orbit-blue .blue-feature-grid,
  body.indonesia-theme.orbit-blue .blue-demo-grid,
  body.indonesia-theme.orbit-blue .blue-pricing-grid,
  body.indonesia-theme.orbit-blue .blue-faq-list {
    grid-template-columns: 1fr !important;
  }

body.indonesia-theme.orbit-blue .blue-faq-list details:last-child:nth-child(odd) {
    width: 100% !important;
  }
}

/* Red-white Orbit identity assets */
:root {
  --orbit-red: #d7192a;
  --orbit-red-dark: #9f101d;
  --orbit-ink: #171717;
}

.brand-logo-img {
  display: block;
  flex: 0 0 auto;
  object-fit: contain;
}

.brand-logo-wide {
  width: clamp(170px, 18vw, 238px);
  height: 54px;
}

.brand-logo-mark {
  width: 44px;
  height: 44px;
  border-radius: 12px;
}

.brand-logo-mini {
  width: 28px;
  height: 28px;
  border-radius: 8px;
}

body.indonesia-theme.orbit-blue {
  --blue-main: var(--orbit-red);
  --blue-gold: var(--orbit-red-dark);
}

body.indonesia-theme.orbit-blue .blue-brand {
  min-width: 0;
  gap: 10px;
}

body.indonesia-theme.orbit-blue .blue-nav {
  min-height: 72px;
}

body.indonesia-theme.orbit-blue .blue-badge,
body.indonesia-theme.orbit-blue .blue-stats strong,
body.indonesia-theme.orbit-blue .browser-sidebar > span.active,
body.indonesia-theme.orbit-blue .browser-tabs span.active {
  color: var(--orbit-red-dark);
}

body.indonesia-theme.orbit-blue .blue-button,
body.indonesia-theme.orbit-blue button:not(.filter):not(.secondary) {
  background: linear-gradient(135deg, var(--orbit-red), var(--orbit-red-dark));
  box-shadow: 0 16px 34px rgba(215, 25, 42, 0.20);
}

body.indonesia-theme.orbit-blue .blue-button:hover,
body.indonesia-theme.orbit-blue button:not(.filter):not(.secondary):hover {
  background: linear-gradient(135deg, #ee2536, #8f0e19);
}

body.indonesia-theme.orbit-blue .blue-badge,
body.indonesia-theme.orbit-blue .browser-sidebar > span.active,
body.indonesia-theme.orbit-blue .browser-tabs span.active {
  background: #fff0f2;
}

body.indonesia-theme.orbit-blue .landing-hero-grid .blue-hero h1,
body.indonesia-theme.orbit-blue .blue-hero h1 {
  max-width: 720px;
  font-size: clamp(40px, 5vw, 62px);
  line-height: 1.08;
}

.enterprise-brand {
  min-width: 0;
}

.enterprise-brand .brand-logo-mark,
.brandmark .brand-logo-mark {
  background: #ffffff;
  box-shadow: 0 12px 24px rgba(215, 25, 42, 0.16);
}

.enterprise-brand span,
.brandmark span {
  min-width: 0;
}

body.indonesia-console .portal-logo,
body.client-console .portal-logo,
body.indonesia-auth .indonesia-mark {
  display: none;
}

body.client-console .enterprise-sidebar,
body.indonesia-console .enterprise-sidebar {
  background: linear-gradient(180deg, #171717, #2a0c11);
}

body.client-console .enterprise-menu .portal-tab:hover,
body.client-console .enterprise-menu .portal-tab.active {
  box-shadow: inset 3px 0 0 #ffffff;
}

body.client-console .eyebrow,
body.client-console .metrics strong {
  color: var(--orbit-red-dark);
}

body.client-console button:not(.portal-tab):not(.secondary),
body.client-console .command-actions button:not(.secondary),
body.client-console #saveMemberMonitorBtn,
body.client-console #saveTelegramBtn {
  border-color: var(--orbit-red);
  background: linear-gradient(135deg, var(--orbit-red), var(--orbit-red-dark));
  box-shadow: 0 12px 24px rgba(215, 25, 42, 0.16);
}

button.danger,
.secondary.danger {
  color: var(--orbit-red-dark);
  border-color: rgba(215, 25, 42, 0.30);
  background: #fff5f6;
}

.telegram-setup .portal-actions {
  justify-content: space-between;
}

@media (max-width: 680px) {
  .brand-logo-wide {
    width: 162px;
    height: 44px;
  }

  .brand-logo-mark {
    width: 38px;
    height: 38px;
  }
}

/* Premium commercial polish */
body.indonesia-theme.orbit-blue .blue-nav {
  border: 1px solid rgba(215, 25, 42, 0.08);
  border-radius: 0 0 18px 18px;
  box-shadow: 0 14px 40px rgba(23, 23, 23, 0.06);
}

body.indonesia-theme.orbit-blue .landing-hero-grid {
  align-items: center;
}

body.indonesia-theme.orbit-blue .blue-hero p {
  color: #5f6368;
}

body.indonesia-theme.orbit-blue .preview-browser,
body.indonesia-theme.orbit-blue .blue-feature-grid > article,
body.indonesia-theme.orbit-blue .blue-checker,
body.indonesia-theme.orbit-blue .service-table-card,
body.indonesia-theme.orbit-blue .blue-faq-list details {
  border-color: rgba(215, 25, 42, 0.10);
  box-shadow: 0 24px 70px rgba(23, 23, 23, 0.08);
}

body.indonesia-theme.orbit-blue .blue-pricing-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

body.indonesia-theme.orbit-blue .blue-pricing-grid article {
  position: relative;
  min-height: 292px;
  padding: 24px;
  border: 1px solid rgba(215, 25, 42, 0.14);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 247, 248, 0.92)),
    #ffffff;
  box-shadow: 0 22px 58px rgba(23, 23, 23, 0.08);
}

body.indonesia-theme.orbit-blue .blue-pricing-grid article:hover {
  transform: translateY(-3px);
  box-shadow: 0 28px 70px rgba(159, 16, 29, 0.14);
}

body.indonesia-theme.orbit-blue .blue-pricing-grid .popular {
  border-color: rgba(215, 25, 42, 0.48);
  box-shadow: 0 30px 80px rgba(159, 16, 29, 0.16);
}

body.indonesia-theme.orbit-blue .blue-pricing-grid h3 {
  margin-bottom: 6px;
  color: var(--orbit-ink);
  font-size: 24px;
}

body.indonesia-theme.orbit-blue .blue-pricing-grid p {
  min-height: 24px;
  margin-bottom: 16px;
}

body.indonesia-theme.orbit-blue .blue-pricing-grid strong {
  display: block;
  color: var(--orbit-red-dark);
  font-size: clamp(34px, 4vw, 44px);
  font-weight: 900;
  line-height: 0.95;
}

body.indonesia-theme.orbit-blue .blue-pricing-grid small {
  display: block;
  margin: 6px 0 18px;
  color: #6b7280;
  font-weight: 800;
}

body.indonesia-theme.orbit-blue .blue-pricing-grid b {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  color: var(--orbit-red-dark);
  background: #fff0f2;
}

body.indonesia-theme.orbit-blue .blue-pricing-grid article > span:not(:first-child) {
  display: block;
  margin-top: 12px;
  color: #6b7280;
  font-size: 13px;
  font-weight: 800;
}

body.indonesia-theme.orbit-blue .blue-pricing-grid .popular > span:first-child {
  color: #ffffff;
  background: linear-gradient(135deg, var(--orbit-red), var(--orbit-red-dark));
}

body.indonesia-theme.orbit-blue .blue-pricing-grid a {
  margin-top: auto;
}

body.indonesia-console .enterprise-main,
body.client-console .enterprise-main {
  padding: 28px;
}

body.indonesia-console .enterprise-topbar,
body.client-console .enterprise-topbar {
  border-color: rgba(215, 25, 42, 0.12);
  box-shadow: 0 18px 50px rgba(23, 23, 23, 0.08);
}

body.indonesia-console .command-panel,
body.indonesia-console .dashboard-panel,
body.indonesia-console .results-panel,
body.indonesia-console .metrics article,
body.indonesia-console .ops-card,
body.client-console .command-panel,
body.client-console .dashboard-panel,
body.client-console .results-panel,
body.client-console .metrics article,
body.client-console .ops-card {
  border-color: rgba(215, 25, 42, 0.10);
  box-shadow: 0 18px 46px rgba(23, 23, 23, 0.07);
}

body.indonesia-console .enterprise-menu .portal-tab,
body.client-console .enterprise-menu .portal-tab {
  margin-bottom: 3px;
}

@media (max-width: 980px) {
  body.indonesia-theme.orbit-blue .blue-pricing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  body.indonesia-theme.orbit-blue .blue-pricing-grid {
    grid-template-columns: 1fr;
  }

  body.indonesia-console .enterprise-main,
  body.client-console .enterprise-main {
    padding: 18px;
  }
}

/* Backoffice/client scale reset: compact, calm, premium */
body.indonesia-console,
body.client-console {
  font-size: 14px;
  font-weight: 520;
}

body.indonesia-console .portal-layout,
body.client-console .portal-layout {
  grid-template-columns: 224px minmax(0, 1fr);
}

body.indonesia-console .enterprise-sidebar,
body.client-console .enterprise-sidebar {
  padding: 18px 14px;
  overflow: hidden;
}

body.indonesia-console .enterprise-brand,
body.client-console .enterprise-brand {
  gap: 10px;
  padding: 0 6px 18px;
  font-size: 15px;
  font-weight: 760;
  line-height: 1.15;
}

body.indonesia-console .enterprise-brand .brand-logo-mark,
body.client-console .enterprise-brand .brand-logo-mark {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  box-shadow: 0 10px 20px rgba(215, 25, 42, 0.16);
}

body.indonesia-console .enterprise-brand small,
body.client-console .enterprise-brand small {
  margin-top: 2px;
  font-size: 10px;
  font-weight: 620;
  color: rgba(255, 255, 255, 0.66);
}

body.indonesia-console .enterprise-menu,
body.client-console .enterprise-menu {
  gap: 4px;
  padding-top: 6px;
}

body.indonesia-console .enterprise-menu .portal-tab,
body.client-console .enterprise-menu .portal-tab {
  min-height: 38px;
  padding: 0 11px;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 650;
}

body.indonesia-console .enterprise-sidebar-footer,
body.client-console .enterprise-sidebar-footer {
  padding: 14px 6px 0;
}

body.indonesia-console .enterprise-sidebar-footer a,
body.client-console .enterprise-sidebar-footer a {
  font-size: 13px;
  font-weight: 650;
}

body.indonesia-console .enterprise-main,
body.client-console .enterprise-main {
  max-width: 1240px;
  padding: 20px 24px 34px;
}

body.indonesia-console .enterprise-topbar,
body.client-console .enterprise-topbar {
  align-items: center;
  min-height: 112px;
  margin-bottom: 16px;
  padding: 18px 20px;
  border-radius: 8px;
}

body.indonesia-console .enterprise-topbar h1,
body.client-console .enterprise-topbar h1 {
  font-size: clamp(25px, 2.4vw, 34px);
  font-weight: 720;
  line-height: 1.08;
}

body.indonesia-console .eyebrow,
body.client-console .eyebrow {
  font-size: 11px;
  font-weight: 740;
}

body.indonesia-console .enterprise-status,
body.client-console .enterprise-status {
  min-width: 210px;
  padding: 14px 16px;
  border-radius: 8px;
}

body.indonesia-console .enterprise-status strong,
body.client-console .enterprise-status strong {
  font-size: 22px;
  font-weight: 720;
}

body.indonesia-console .command-panel,
body.client-console .command-panel,
body.indonesia-console .dashboard-panel,
body.client-console .dashboard-panel,
body.indonesia-console .results-panel,
body.client-console .results-panel,
body.indonesia-console .ops-card,
body.client-console .ops-card {
  border-radius: 8px;
}

body.indonesia-console .command-panel,
body.client-console .command-panel {
  padding: 18px;
}

body.indonesia-console .dashboard-panel,
body.client-console .dashboard-panel,
body.indonesia-console .ops-card,
body.client-console .ops-card {
  padding: 18px;
}

body.indonesia-console .dashboard-panel h2,
body.client-console .dashboard-panel h2,
body.indonesia-console .results-panel h2,
body.client-console .results-panel h2 {
  font-size: clamp(22px, 2vw, 28px);
  font-weight: 700;
  line-height: 1.14;
}

body.indonesia-console .ops-card h3,
body.client-console .ops-card h3 {
  font-size: 18px;
  font-weight: 700;
}

body.indonesia-console .enterprise-form,
body.client-console .enterprise-form {
  gap: 12px;
}

body.indonesia-console .enterprise-form label,
body.client-console .enterprise-form label,
body.indonesia-console .inline-field,
body.client-console .inline-field {
  font-size: 12px;
  font-weight: 650;
}

body.indonesia-console input,
body.client-console input,
body.indonesia-console select,
body.client-console select,
body.indonesia-console textarea,
body.client-console textarea {
  min-height: 38px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 520;
}

body.indonesia-console button:not(.portal-tab),
body.client-console button:not(.portal-tab),
body.indonesia-console .secondary-link,
body.client-console .secondary-link {
  min-height: 38px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 700;
}

body.indonesia-console .admin-list div,
body.client-console .admin-list div,
body.indonesia-console .rich-list div,
body.client-console .rich-list div {
  gap: 9px;
  padding: 12px;
}

body.indonesia-console .rich-list strong,
body.client-console .rich-list strong {
  font-size: 14px;
  font-weight: 720;
}

body.indonesia-console .rich-list small,
body.client-console .rich-list small,
body.indonesia-console .rich-list span,
body.client-console .rich-list span {
  font-size: 12px;
  font-weight: 600;
}

body.indonesia-console .client-list-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
}

body.indonesia-console .client-list-item > strong,
body.indonesia-console .client-list-item > span,
body.indonesia-console .client-list-item > .telegram-targets,
body.indonesia-console .client-list-item > a,
body.indonesia-console .client-list-item > button {
  grid-column: 1 / -1;
}

body.indonesia-console .client-list-item > .inline-field {
  min-width: 0;
}

body.indonesia-console .telegram-targets,
body.client-console .telegram-targets {
  gap: 8px;
}

body.indonesia-console .telegram-targets label,
body.client-console .telegram-targets label {
  min-height: 36px;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 650;
}

body.client-console .domain-row-head,
body.client-console .domain-card-fields {
  font-size: 12px;
}

body.client-console .domain-text-cell strong,
body.client-console .service-domain strong {
  font-size: 13px;
  font-weight: 680;
}

@media (max-width: 980px) {
  body.indonesia-console .portal-layout,
  body.client-console .portal-layout {
    grid-template-columns: 1fr;
  }

  body.indonesia-console .enterprise-sidebar,
  body.client-console .enterprise-sidebar {
    position: static;
    height: auto;
  }
}

/* Login-only hardening: no public register/tabs */
body.indonesia-auth .auth-tabs,
body.indonesia-auth #registerTab,
body.indonesia-auth #loginTab,
body.indonesia-auth #nameWrap {
  display: none !important;
}

body.indonesia-auth .auth-panel {
  max-width: 460px;
}

body.indonesia-auth .auth-panel h1 {
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 760;
}

body.indonesia-auth .auth-form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

body.indonesia-auth #authSubmit {
  width: 100%;
  min-height: 48px;
}

/* Single public CTA: avoid duplicate Login + Masuk Portal actions */
.blue-actions > a:not(.blue-button) {
  display: none !important;
}

.blue-actions {
  justify-content: flex-end;
}