/* ELYRAON Commercial Storefront 2.0 — Retro-Futuristic Industrial & Cosmic Styling */

/* ---------- Header navigation at wide viewports ----------
   The commercial shell carries eleven nav destinations at 13px with a 34px gap, which wrapped
   mid-label ("Cloud Room", "Data Foundry", "Agents & MCP") once the header hit its 1180px container.
   Tighten the gap and forbid wrapping above the mobile breakpoint instead of shrinking the font. */
@media (min-width: 1280px) {
  .site-header .main-nav { flex-wrap: nowrap; gap: clamp(10px, 1vw, 22px); }
  .site-header .main-nav > a { white-space: nowrap; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .site-header .main-nav { flex-wrap: nowrap; gap: 12px; }
  .site-header .main-nav > a { white-space: nowrap; font-size: 12px; }
}

/* ---------- Section headings ----------
   site.css makes .section-heading a flex row for the two-child heading + aside pattern.
   Pages that pass three children (eyebrow, heading, lead) must stack instead of squeezing
   the heading into a ~350px middle column on wide viewports. */
.section-heading { display: block; }
.section-heading > .section-lead { margin-top: 14px; max-width: 72ch; }
.section-heading:has(> .section-aside) { display: flex; justify-content: space-between; align-items: flex-end; gap: 44px; }
.section-heading:has(> .section-aside) > .section-aside { margin-top: 0; }

/* ---------- Layout & Container ---------- */
.v2-container {
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}

.v2-hero {
  position: relative;
  padding: 80px 0 60px;
  border-bottom: 1px solid var(--line-soft, rgba(182,194,212,.09));
  overflow: visible;
}

.v2-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
  gap: 48px;
  align-items: center;
}

.v2-hero-grid > * {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.v2-hero h1 {
  font-size: clamp(2rem, 5vw, 4rem);
  line-height: 1.08;
  letter-spacing: -0.02em;
  margin: 16px 0 20px;
  color: var(--ink, #FFFFFF);
  overflow-wrap: break-word;
  word-break: break-word;
}

.v2-hero h1 em {
  font-style: normal;
  background: var(--grad-warm, linear-gradient(100deg, #EFB933, #EFB933 45%, #C63837 100%));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.v2-hero-lead {
  font-size: 1.15rem;
  line-height: 1.6;
  color: var(--muted, #F4F6F9);
  width: 100%;
  max-width: 640px;
  margin-bottom: 28px;
  box-sizing: border-box;
  overflow-wrap: break-word;
}

.v2-badge-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  align-items: center;
  max-width: 100%;
}

.v2-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 4px;
  max-width: 100%;
  box-sizing: border-box;
  white-space: normal;
  word-break: break-word;
}

.v2-badge-cyan {
  background: rgba(239,185,51,0.12);
  color: var(--cyan, #EFB933);
  border: 1px solid rgba(239,185,51,0.35);
}

.v2-badge-gold {
  background: rgba(239,185,51,0.12);
  color: var(--starlight, #EFB933);
  border: 1px solid rgba(239,185,51,0.35);
}

.v2-badge-orange {
  background: rgba(198,56,55,0.12);
  color: #C63837;
  border: 1px solid rgba(198,56,55,0.35);
}

.v2-badge-emerald {
  background: rgba(46,158,107,0.12);
  color: #2E9E6B;
  border: 1px solid rgba(46,158,107,0.35);
}

.v2-badge-purple {
  background: rgba(182,194,212,0.14);
  color: var(--violet-soft, #B6C2D4);
  border: 1px solid rgba(182,194,212,0.35);
}

.v2-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  margin-top: 24px;
}

.v2-hero .terminal-card {
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.v2-hero .terminal-body {
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* ---------- Kirby Industrial Section Cards ---------- */
.v2-kirby-card {
  position: relative;
  background: linear-gradient(170deg, rgba(7,19,38,0.95), rgba(7,19,38,0.98));
  border: 1.5px solid rgba(239,185,51,0.28);
  border-radius: 12px;
  padding: 32px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

.v2-kirby-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 24px;
  width: 50px;
  height: 3px;
  background: var(--grad-candy, linear-gradient(100deg,#EFB933 0%,#C63837 26%,#C63837 46%,#414342 68%,#EFB933 100%));
}

.v2-kirby-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--line, rgba(182,194,212,.14));
}

/* ---------- Feature Grid ---------- */
.v2-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin: 40px 0;
}

.v2-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin: 32px 0;
}

.v2-feature-box {
  background: rgba(7,19,38,0.7);
  border: 1px solid var(--line, rgba(182,194,212,.14));
  border-radius: 8px;
  padding: 24px;
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.v2-feature-box:hover {
  transform: translateY(-2px);
  border-color: rgba(239,185,51,0.45);
}

.v2-feature-box h3 {
  font-size: 1.15rem;
  margin: 10px 0 8px;
  color: var(--ink, #FFFFFF);
}

.v2-feature-box p {
  color: var(--muted, #F4F6F9);
  font-size: 0.92rem;
  line-height: 1.55;
  margin: 0;
}

.v2-icon-wrap {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: ui-monospace, monospace;
  font-weight: 700;
  font-size: 1rem;
}

/* ---------- Interactive Terminal & Code Demos ---------- */
.v2-demo-shell {
  background: #071326;
  border: 1.5px solid rgba(239,185,51,0.35);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.6);
  margin: 28px 0;
}

.v2-demo-tabs {
  display: flex;
  background: #071326;
  border-bottom: 1px solid var(--line, rgba(182,194,212,.14));
  overflow-x: auto;
}

.v2-tab-btn {
  background: transparent;
  border: 0;
  padding: 12px 20px;
  color: var(--muted, #F4F6F9);
  font-family: ui-monospace, monospace;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.v2-tab-btn:hover {
  color: var(--ink, #FFFFFF);
  background: rgba(255, 255, 255, 0.03);
}

.v2-tab-btn.is-active {
  color: var(--cyan, #EFB933);
  border-bottom-color: var(--cyan, #EFB933);
  background: rgba(239,185,51,0.06);
}

.v2-diff-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--line, rgba(182,194,212,.14));
}

.v2-diff-panel {
  background: #071326;
  padding: 20px;
}

.v2-diff-header {
  font-family: ui-monospace, monospace;
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.v2-diff-before {
  color: #C63837;
}

.v2-diff-after {
  color: #2E9E6B;
}

.v2-diff-code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.82rem;
  line-height: 1.6;
  white-space: pre-wrap;
  word-break: break-word;
  color: #F4F6F9;
  margin: 0;
  background: #071326;
  padding: 14px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  max-height: 380px;
  overflow-y: auto;
}

.v2-diff-code mark {
  background: rgba(198,56,55,0.25);
  color: #C63837;
  padding: 2px 4px;
  border-radius: 3px;
}

.v2-diff-code ins {
  background: rgba(46,158,107,0.2);
  color: #2E9E6B;
  text-decoration: none;
  padding: 2px 4px;
  border-radius: 3px;
}

/* ---------- Interactive Live Inspector Panels ---------- */
.v2-inspector {
  background: #071326;
  border: 1px solid var(--line, rgba(182,194,212,.14));
  border-radius: 10px;
  padding: 24px;
  margin: 24px 0;
}

.v2-search-bar {
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
}

.v2-search-input {
  flex: 1;
  background: #071326;
  border: 1px solid var(--line, rgba(182,194,212,.2));
  border-radius: 8px;
  padding: 12px 16px;
  color: var(--ink, #FFFFFF);
  font-family: ui-monospace, monospace;
  font-size: 0.9rem;
}

.v2-search-input:focus {
  outline: none;
  border-color: var(--cyan, #EFB933);
  box-shadow: 0 0 0 2px rgba(239,185,51,0.2);
}

.v2-metrics-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.88rem;
  margin-top: 16px;
}

.v2-metrics-table th,
.v2-metrics-table td {
  padding: 10px 14px;
  text-align: left;
  border-bottom: 1px solid var(--line-soft, rgba(182,194,212,.08));
}

.v2-metrics-table th {
  font-family: ui-monospace, monospace;
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted, #F4F6F9);
  background: rgba(255, 255, 255, 0.02);
}

.v2-metrics-table td {
  color: var(--ink, #FFFFFF);
}

.v2-metrics-table code {
  font-family: ui-monospace, monospace;
  color: var(--cyan, #EFB933);
  background: rgba(239,185,51,0.08);
  padding: 2px 6px;
  border-radius: 4px;
}

/* ---------- Pricing Grid & Cards ---------- */
.v2-pricing-section {
  padding: 60px 0;
}

.v2-pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin: 32px 0;
}

.v2-pricing-card {
  position: relative;
  background: linear-gradient(180deg, rgba(7,19,38,0.95), rgba(7,19,38,0.98));
  border: 1px solid var(--line, rgba(182,194,212,.14));
  border-radius: 12px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.v2-pricing-card.is-featured {
  border-color: var(--starlight, #EFB933);
  box-shadow: 0 0 28px rgba(239,185,51,0.15);
}

.v2-pricing-card.is-featured::before {
  content: "MOST POPULAR";
  position: absolute;
  top: -12px;
  left: 24px;
  background: var(--starlight, #EFB933);
  color: #071326;
  font-family: ui-monospace, monospace;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  padding: 3px 10px;
  border-radius: 999px;
}

.v2-pricing-title {
  font-size: 1.3rem;
  margin: 0 0 6px;
  color: var(--ink, #FFFFFF);
}

.v2-pricing-desc {
  font-size: 0.85rem;
  color: var(--muted, #F4F6F9);
  min-height: 40px;
  margin-bottom: 20px;
}

.v2-pricing-amount {
  font-size: 2.8rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--ink, #FFFFFF);
  margin-bottom: 8px;
  display: flex;
  align-items: baseline;
  gap: 4px;
}

.v2-pricing-amount small {
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--muted, #F4F6F9);
}

.v2-pricing-rate {
  font-family: ui-monospace, monospace;
  font-size: 0.78rem;
  color: var(--cyan, #EFB933);
  margin-bottom: 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line-soft, rgba(182,194,212,.08));
}

.v2-pricing-features {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
  flex: 1;
}

.v2-pricing-features li {
  padding: 8px 0;
  font-size: 0.88rem;
  color: var(--muted, #F4F6F9);
  display: flex;
  align-items: center;
  gap: 10px;
}

.v2-pricing-features li i {
  color: #2E9E6B;
  font-style: normal;
  font-weight: bold;
}

/* ---------- Evidence & Caveat Boxes ---------- */
.v2-caveat-box {
  background: rgba(198,56,55,0.08);
  border-left: 3px solid #C63837;
  border-radius: 0 8px 8px 0;
  padding: 16px 20px;
  margin: 24px 0;
}

.v2-caveat-box p {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.55;
  color: #C63837;
}

.v2-info-box {
  background: rgba(239,185,51,0.06);
  border-left: 3px solid var(--cyan, #EFB933);
  border-radius: 0 8px 8px 0;
  padding: 16px 20px;
  margin: 24px 0;
}

.v2-info-box p {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.55;
  color: var(--cyan-soft, #EFB933);
}

/* ---------- Breadcrumb Navigation ---------- */
.v2-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8rem;
  color: var(--muted, #F4F6F9);
  margin-bottom: 24px;
}

.v2-breadcrumbs a {
  color: var(--muted, #F4F6F9);
  text-decoration: none;
}

.v2-breadcrumbs a:hover {
  color: var(--cyan, #EFB933);
}

.v2-breadcrumbs span {
  color: var(--faint, #B6C2D4);
}

/* ---------- Unified Catalog View ---------- */
.v2-catalog-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 24px 0 36px;
  align-items: center;
}

.v2-filter-btn {
  background: rgba(7,19,38,0.7);
  border: 1px solid var(--line, rgba(182,194,212,.14));
  border-radius: 999px;
  padding: 8px 18px;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--muted, #F4F6F9);
  cursor: pointer;
  transition: all 0.2s ease;
}

.v2-filter-btn:hover {
  border-color: var(--cyan, #EFB933);
  color: var(--ink, #FFFFFF);
}

.v2-filter-btn.is-active {
  background: var(--cyan, #EFB933);
  border-color: var(--cyan, #EFB933);
  color: #071326;
  font-weight: 700;
}

.v2-product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 28px;
}

.v2-product-card {
  background: linear-gradient(175deg, rgba(7,19,38,0.9), rgba(7,19,38,0.95));
  border: 1px solid var(--line, rgba(182,194,212,.14));
  border-radius: 12px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.v2-product-card:hover {
  transform: translateY(-4px);
  border-color: rgba(239,185,51,0.45);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4);
}

.v2-product-card-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
}

.v2-product-card h3 {
  font-size: 1.25rem;
  line-height: 1.25;
  margin: 0 0 10px;
  color: var(--ink, #FFFFFF);
}

.v2-product-card p {
  color: var(--muted, #F4F6F9);
  font-size: 0.9rem;
  line-height: 1.55;
  margin: 0 0 20px;
  flex: 1;
}

.v2-product-specs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
}

.v2-spec-pill {
  font-family: ui-monospace, monospace;
  font-size: 0.72rem;
  padding: 3px 8px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 4px;
  color: var(--muted, #F4F6F9);
}

.v2-product-card-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 18px;
  border-top: 1px solid var(--line-soft, rgba(182,194,212,.08));
}

.v2-product-card-price {
  font-family: ui-monospace, monospace;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--ink, #FFFFFF);
}

.v2-product-card-price small {
  display: block;
  font-family: ui-sans-serif, system-ui, sans-serif;
  font-size: 0.72rem;
  font-weight: 400;
  color: var(--muted, #F4F6F9);
}

/* ---------- Screenshots & Media Carousel ---------- */
.v2-screenshot-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin: 28px 0;
}

.v2-screenshot-item {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--line, rgba(182,194,212,.14));
  background: #000;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.4);
}

.v2-screenshot-item img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease;
}

.v2-screenshot-item:hover img {
  transform: scale(1.02);
}

.v2-screenshot-caption {
  padding: 10px 14px;
  font-size: 0.78rem;
  color: var(--muted, #F4F6F9);
  background: #071326;
  border-top: 1px solid var(--line-soft, rgba(182,194,212,.08));
}

/* ---------- Mobile Responsive Breakpoints ---------- */
@media (max-width: 900px) {
  .v2-hero-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }
  .v2-hero-grid > * {
    min-width: 0;
    max-width: 100%;
  }
  .v2-grid-3 {
    grid-template-columns: minmax(0, 1fr);
  }
  .v2-pricing-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .v2-diff-columns {
    grid-template-columns: minmax(0, 1fr);
  }
  .v2-screenshot-gallery {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .v2-container {
    padding: 0 16px;
  }
  .v2-hero {
    padding: 36px 0;
  }
  .v2-hero h1 {
    font-size: clamp(1.75rem, 8vw, 2.5rem);
  }
  .v2-hero-lead {
    font-size: 1rem;
    line-height: 1.55;
  }
  .v2-grid-2 {
    grid-template-columns: minmax(0, 1fr);
  }
  .v2-product-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .v2-hero-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .v2-hero-actions .button {
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
    text-align: center;
  }
}

/* ORDIVYR Founding 250 promotion */
.ov-promo-banner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 20px;padding:12px 18px;border:1px solid rgba(239,185,51,.35);border-radius:12px;background:linear-gradient(90deg,rgba(239,185,51,.10),rgba(239,185,51,.06));color:#FFFFFF;font-size:.92rem}
.ov-promo-banner p{margin:0;flex:1 1 320px}
.ov-promo-banner a{color:#EFB933;font-weight:600;text-decoration:none;border-bottom:1px solid currentColor}
.ov-promo-pulse{width:9px;height:9px;border-radius:50%;background:#EFB933;box-shadow:0 0 0 0 rgba(239,185,51,.6);animation:ov-pulse 2.4s ease-out infinite}
@keyframes ov-pulse{70%{box-shadow:0 0 0 12px rgba(239,185,51,0)}100%{box-shadow:0 0 0 0 rgba(239,185,51,0)}}
.ov-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:32px auto 8px;max-width:900px}
.ov-plan{padding:22px;border:1px solid var(--line-soft,rgba(182,194,212,.12));border-radius:14px;background:rgba(7,19,38,.7);text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}
.ov-plan-featured{border-color:rgba(239,185,51,.45);box-shadow:0 0 40px rgba(239,185,51,.08)}
.ov-plan h3{margin:4px 0 0;font-size:1.15rem}
.ov-price{font-size:2.2rem;font-weight:700;margin:0}.ov-price span{font-size:.9rem;font-weight:400;color:var(--muted,#F4F6F9)}
.ov-quota{margin:0 0 8px;color:var(--muted,#F4F6F9)}
.ov-fine{max-width:720px;margin:12px auto 0;text-align:center;font-size:.82rem;color:var(--faint,#B6C2D4)}
.ov-offer{margin:40px auto 0;max-width:900px}
.ov-offer-title{font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.1;margin:12px 0 4px}
.ov-offer-sub{font-size:1.1rem;color:#EFB933;margin:0 0 12px}
.ov-terms-h{margin:28px 0 8px;font-size:1rem}
.ov-terms{margin:0;padding-left:1.2em;font-size:.84rem;line-height:1.55;color:var(--muted,#F4F6F9)}
.ov-terms li{margin-bottom:8px}
@media (prefers-reduced-motion:reduce){.ov-promo-pulse{animation:none}}

/* ORDIVYR Live Counter & Dashboard */
.ov-counter-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-family:ui-monospace,monospace;font-size:.78rem;font-weight:600;background:rgba(239,185,51,.15);color:#EFB933;border:1px solid rgba(239,185,51,.3)}
.ov-counter-num{color:#2E9E6B;font-weight:700}
.ov-dash-wrap{max-width:1100px;margin:32px auto 60px;padding:0 16px}
.ov-dash-header{margin-bottom:28px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}
.ov-dash-title{font-size:clamp(1.6rem,3.5vw,2.2rem);margin:0 0 6px}
.ov-dash-sub{color:var(--muted,#F4F6F9);margin:0;font-size:.95rem}
.ov-dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-bottom:24px}
.ov-dash-card{background:linear-gradient(180deg,rgba(7,19,38,.92),rgba(7,19,38,.96));border:1px solid var(--line-soft,rgba(182,194,212,.12));border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:14px;position:relative}
.ov-dash-card h3{margin:0;font-size:1.15rem;display:flex;align-items:center;justify-content:space-between;gap:8px}
.ov-usage-track{width:100%;height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin:8px 0}
.ov-usage-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#EFB933,#2E9E6B);transition:width .4s ease}
.ov-usage-meta{display:flex;justify-content:space-between;font-size:.82rem;color:var(--muted,#F4F6F9);font-family:ui-monospace,monospace}
.ov-status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.75rem;font-family:ui-monospace,monospace;font-weight:700;text-transform:uppercase}
.ov-status-active{background:rgba(46,158,107,.15);color:#2E9E6B;border:1px solid rgba(46,158,107,.3)}
.ov-status-pending{background:rgba(239,185,51,.15);color:#EFB933;border:1px solid rgba(239,185,51,.3)}
.ov-status-free{background:rgba(239,185,51,.15);color:#EFB933;border:1px solid rgba(239,185,51,.3)}
.ov-status-canceled{background:rgba(198,56,55,.15);color:#C63837;border:1px solid rgba(198,56,55,.3)}
.ov-file-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:.88rem}
.ov-file-table th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line-soft,rgba(182,194,212,.14));color:var(--faint,#B6C2D4);font-family:ui-monospace,monospace;font-size:.78rem;text-transform:uppercase}
.ov-file-table td{padding:12px;border-bottom:1px solid rgba(182,194,212,.06);vertical-align:middle}
.ov-file-name{font-family:ui-monospace,monospace;color:#FFFFFF;word-break:break-all}
.ov-file-size{font-family:ui-monospace,monospace;color:var(--muted,#F4F6F9);font-size:.82rem}
.ov-actions-cell{display:flex;gap:8px;justify-content:flex-end}
.ov-btn-sm{padding:5px 12px;font-size:.8rem;border-radius:6px;min-height:32px;cursor:pointer}
.ov-upload-box{border:2px dashed rgba(239,185,51,.3);border-radius:12px;padding:24px 16px;text-align:center;background:rgba(239,185,51,.03);transition:border-color .2s}
.ov-upload-box:hover{border-color:#EFB933}
.ov-auth-card{max-width:440px;margin:40px auto;background:rgba(7,19,38,.95);border:1px solid rgba(182,194,212,.15);border-radius:16px;padding:32px;box-shadow:0 12px 40px rgba(0,0,0,.5)}
.ov-auth-tabs{display:flex;border-bottom:1px solid rgba(182,194,212,.15);margin-bottom:24px}
.ov-auth-tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:var(--muted,#F4F6F9);padding:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s}
.ov-auth-tab.is-active{color:#FFFFFF;border-color:#EFB933}
.ov-form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;text-align:left}
.ov-form-row label{font-size:.82rem;font-weight:600;color:#FFFFFF}
.ov-form-row input{background:rgba(7,19,38,.8);border:1px solid rgba(182,194,212,.2);border-radius:8px;padding:10px 14px;color:#FFFFFF;font-size:.92rem;outline:none;transition:border-color .2s}
.ov-form-row input:focus{border-color:#EFB933;box-shadow:0 0 0 2px rgba(239,185,51,.2)}
.ov-alert-banner{padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:.9rem;display:flex;align-items:center;gap:12px}
.ov-alert-success{background:rgba(46,158,107,.12);border:1px solid rgba(46,158,107,.35);color:#2E9E6B}
.ov-alert-warning{background:rgba(239,185,51,.12);border:1px solid rgba(239,185,51,.35);color:#EFB933}
.ov-alert-error{background:rgba(198,56,55,.12);border:1px solid rgba(198,56,55,.35);color:#C63837}
.ov-founding-card{background:linear-gradient(135deg,rgba(239,185,51,.12),rgba(239,185,51,.06));border:1px solid rgba(239,185,51,.35)}
.ov-upgrade-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:12px}
.ov-upgrade-card{padding:16px;border-radius:10px;border:1px solid rgba(182,194,212,.12);background:rgba(7,19,38,.6);display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.ov-upgrade-card h4{margin:0;font-size:1.05rem}
.ov-upgrade-card .price{font-size:1.4rem;font-weight:700;color:#FFFFFF;margin:0}
.ov-upgrade-card .quota{font-size:.82rem;color:var(--muted,#F4F6F9);margin:0 0 6px}
.ov-cli-snippet{background:rgba(7,19,38,.9);border:1px solid rgba(182,194,212,.1);border-radius:8px;padding:12px 14px;font-family:ui-monospace,monospace;font-size:.8rem;color:#2E9E6B;overflow-x:auto;white-space:pre}
.ov-loading-box{text-align:center;padding:48px 24px}
.ov-loading-text{color:var(--muted,#F4F6F9);font-family:ui-monospace,monospace;margin:0}

/* ELYRAON DATA FOUNDRY & DATASET PAGES */
.dataset-detail{max-width:1160px;margin:0 auto;padding:24px 20px 80px}
.dataset-breadcrumbs{font-size:.85rem;color:var(--faint,#B6C2D4);margin-bottom:24px;font-family:ui-monospace,monospace}
.dataset-breadcrumbs a{color:var(--muted,#F4F6F9);text-decoration:none}
.dataset-breadcrumbs a:hover{color:#EFB933;text-decoration:underline}
.dataset-breadcrumbs .current{color:#FFFFFF}
.dataset-hero-meta{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
.meta-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(182,194,212,.12);font-size:.82rem;color:var(--muted,#F4F6F9);font-family:ui-monospace,monospace}
.meta-pill strong{color:#FFFFFF}
.pill-dot{width:7px;height:7px;border-radius:50%;background:#2E9E6B;box-shadow:0 0 8px rgba(46,158,107,.6)}
.spec-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.9rem}
.spec-table th{text-align:left;padding:12px 14px;border-bottom:1px solid rgba(182,194,212,.2);color:var(--faint,#B6C2D4);font-family:ui-monospace,monospace;font-size:.8rem;text-transform:uppercase}
.spec-table td{padding:14px;border-bottom:1px solid rgba(182,194,212,.08);vertical-align:top}
.spec-table code{background:rgba(239,185,51,.08);color:#EFB933;padding:2px 6px;border-radius:4px;font-family:ui-monospace,monospace;font-size:.84rem}
.badge-type{display:inline-block;padding:2px 8px;border-radius:4px;background:rgba(239,185,51,.12);color:#EFB933;font-family:ui-monospace,monospace;font-size:.76rem;border:1px solid rgba(239,185,51,.25)}
.table-wrap{overflow-x:auto;border-radius:12px;border:1px solid rgba(182,194,212,.1);background:rgba(7,19,38,.6)}
.pricing-headline{display:flex;align-items:baseline;gap:4px;margin:12px 0 6px}
.pricing-headline .currency{font-size:1.5rem;font-weight:600;color:#EFB933}
.pricing-headline .price-val{font-size:2.8rem;font-weight:800;color:#FFFFFF;line-height:1}
.pricing-headline .cadence{font-size:.92rem;color:var(--muted,#F4F6F9)}
.pricing-sub{font-size:.85rem;color:var(--faint,#B6C2D4);margin:0 0 16px}
.benefit-list{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:10px;font-size:.88rem;color:var(--muted,#F4F6F9)}
.benefit-list li{display:flex;align-items:flex-start;gap:8px}
.benefit-list li span{color:#2E9E6B;font-weight:700}
.full-width{width:100%;text-align:center;box-sizing:border-box}
.guarantee-note{font-size:.75rem;color:var(--faint,#B6C2D4);text-align:center;margin:10px 0 0;font-family:ui-monospace,monospace}
.mcp-info-box{background:rgba(7,19,38,.7);border:1px solid rgba(182,194,212,.12);border-radius:14px;padding:24px}
.mcp-info-box h3{margin:0 0 10px;font-size:1.2rem}
.mcp-info-box p{color:var(--muted,#F4F6F9);line-height:1.6;font-size:.92rem}
.comparison-card{background:linear-gradient(180deg,rgba(7,19,38,.9),rgba(7,19,38,.95));border:1px solid rgba(182,194,212,.12);border-radius:16px;padding:28px}
.comparison-lead{font-size:1.05rem;color:#FFFFFF;margin:0 0 24px;line-height:1.6}
.contrast-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:720px){.contrast-grid{grid-template-columns:1fr}}
.contrast-col{padding:20px;border-radius:12px;border:1px solid transparent}
.contrast-col.bad{background:rgba(198,56,55,.04);border-color:rgba(198,56,55,.2)}
.contrast-col.bad h4{color:#C63837;margin:0 0 12px;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em}
.contrast-col.good{background:rgba(46,158,107,.04);border-color:rgba(46,158,107,.2)}
.contrast-col.good h4{color:#2E9E6B;margin:0 0 12px;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em}
.contrast-col ul{margin:0;padding-left:1.2em;color:var(--muted,#F4F6F9);font-size:.88rem;line-height:1.6}
.contrast-col ul li{margin-bottom:6px}
.cta-banner{background:linear-gradient(135deg,rgba(239,185,51,.08),rgba(239,185,51,.08));border:1px solid rgba(182,194,212,.18);border-radius:16px;padding:40px 24px;text-align:center;margin-top:48px}
.cta-inner{max-width:680px;margin:0 auto}
.cta-inner h2{margin:0 0 12px;font-size:clamp(1.5rem,3.5vw,2.2rem)}
.cta-inner p{color:var(--muted,#F4F6F9);margin:0 0 24px;font-size:1rem;line-height:1.5}
.cta-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}

/* ---------- Agent Discovery & MCP Hub Styling ---------- */
.agent-section{margin:56px 0;position:relative}
.agent-quick-list{list-style:none;padding:0;margin:12px 0 0;font-size:.85rem;color:var(--muted,#F4F6F9);line-height:1.8}
.agent-quick-list li{margin-bottom:6px;word-break:break-all}
.agent-quick-list a{color:#EFB933;text-decoration:none}
.agent-quick-list a:hover{text-decoration:underline}
.agent-quick-list code{background:rgba(239,185,51,.08);color:#EFB933;padding:2px 6px;border-radius:4px;font-family:ui-monospace,monospace;font-size:.82rem}

.pathway-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:24px}
.pathway-card{background:rgba(7,19,38,.7);border:1px solid rgba(182,194,212,.12);border-radius:12px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,border-color .2s ease}
.pathway-card:hover{transform:translateY(-3px);border-color:rgba(239,185,51,.4)}
.pathway-step{font-family:ui-monospace,monospace;font-size:.75rem;font-weight:700;color:#EFB933;letter-spacing:.08em;margin-bottom:8px;display:block}
.pathway-card h3{margin:0 0 8px;font-size:1.15rem;color:#FFFFFF}
.pathway-card p{color:var(--muted,#F4F6F9);font-size:.88rem;line-height:1.5;margin:0 0 16px;flex-grow:1}
.pathway-card .text-link{font-family:ui-monospace,monospace;font-size:.82rem;color:#EFB933;text-decoration:none;font-weight:600}
.pathway-card .text-link:hover{text-decoration:underline}

.agent-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:28px}
.agent-card{background:linear-gradient(180deg,rgba(7,19,38,.85),rgba(7,19,38,.92));border:1px solid rgba(182,194,212,.14);border-radius:14px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 12px 32px rgba(0,0,0,.35)}
.agent-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}
.agent-card h3{margin:0 0 10px;font-size:1.25rem;color:#FFFFFF;line-height:1.3}
.agent-card p{color:var(--muted,#F4F6F9);font-size:.9rem;line-height:1.55;margin:0 0 16px}

.spec-group{background:rgba(0,0,0,.3);border:1px solid rgba(182,194,212,.08);border-radius:8px;padding:12px 14px;margin-bottom:16px;display:flex;flex-direction:column;gap:8px}
.spec-row{display:flex;justify-content:space-between;align-items:center;font-size:.84rem;flex-wrap:wrap;gap:4px}
.spec-label{color:var(--faint,#B6C2D4);font-family:ui-monospace,monospace;font-size:.78rem}
.spec-val{color:#FFFFFF}
.spec-val code{background:rgba(239,185,51,.08);color:#EFB933;padding:2px 6px;border-radius:4px;font-family:ui-monospace,monospace;font-size:.8rem}
.highlight-green{color:#2E9E6B}

.terminal-window{background:#071326;border:1px solid rgba(239,185,51,.2);border-radius:8px;overflow:hidden;margin-bottom:18px}
.terminal-header{background:rgba(239,185,51,.08);padding:6px 12px;font-family:ui-monospace,monospace;font-size:.72rem;color:#EFB933;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(239,185,51,.15)}
.terminal-body{padding:12px 14px;margin:0;font-family:ui-monospace,monospace;font-size:.78rem;line-height:1.45;color:#FFFFFF;overflow-x:auto}
.terminal-body code{background:transparent;padding:0;color:inherit}

.agent-card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
.table-footnote{margin-top:12px;font-size:.82rem;color:var(--faint,#B6C2D4);text-align:center;font-family:ui-monospace,monospace}
.table-footnote a{color:#EFB933;text-decoration:none}
.table-footnote a:hover{text-decoration:underline}

/* Catalog Clean Utility Classes */
.promise-card{margin:0;background:rgba(7,19,38,.95)}
.promise-card h3{margin:12px 0 8px;font-size:1.15rem}
.promise-list{list-style:none;padding:0;margin:0;font-size:.85rem;color:var(--muted,#F4F6F9);line-height:1.6}
.promise-list li{padding:4px 0}
.promise-check{color:#2E9E6B}
.products-section{margin:40px 0}
.filter-domain-label{font-family:ui-monospace,monospace;font-size:.8rem;color:var(--muted,#F4F6F9);margin-right:8px}
.catalog-store-cta{border-top:1px solid var(--line-soft,rgba(182,194,212,.09));padding:60px 0;text-align:center}
.catalog-store-cta-inner{max-width:650px;margin:0 auto}
.catalog-store-cta h2{font-size:2.2rem;margin:16px 0 12px}
.catalog-store-cta p{color:var(--muted,#F4F6F9);line-height:1.6;margin-bottom:24px}

.catalog-agent-banner{background:linear-gradient(135deg,rgba(239,185,51,.1),rgba(239,185,51,.07));border:1px solid rgba(239,185,51,.25);border-radius:14px;padding:20px 24px;margin:28px 0;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.catalog-agent-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.catalog-agent-banner-copy{flex:1 1 300px}
.catalog-agent-banner-copy h4{margin:6px 0 4px;font-size:1.05rem;color:#FFFFFF}
.catalog-agent-banner-copy p{margin:0;color:var(--muted,#F4F6F9);font-size:.88rem;line-height:1.5}
.catalog-agent-banner-copy a{color:#EFB933;text-decoration:none;font-weight:600}
.catalog-agent-banner-copy a:hover{text-decoration:underline}
.catalog-agent-banner .button{flex-shrink:0}
.catalog-protocols-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:16px 0 28px}
.v2-protocol-card{background:linear-gradient(180deg,rgba(7,19,38,.85),rgba(7,19,38,.92));border:1px solid rgba(239,185,51,.2);border-radius:12px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.v2-protocol-card h3{margin:8px 0 6px;font-size:1.1rem;color:#FFFFFF}
.v2-protocol-card p{color:var(--muted,#F4F6F9);font-size:.85rem;line-height:1.5;margin:0 0 14px;flex-grow:1}

/* Grid & Related Discovery Component Styles */
.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:768px){.grid-two{grid-template-columns:1fr}}
.status-card{background:rgba(7,19,38,.7);border:1px solid rgba(182,194,212,.12);border-radius:14px;padding:24px}
.status-card.verified{border-color:rgba(46,158,107,.3);background:linear-gradient(180deg,rgba(46,158,107,.04),rgba(7,19,38,.8))}
.status-card.planned{border-color:rgba(239,185,51,.25);background:linear-gradient(180deg,rgba(239,185,51,.03),rgba(7,19,38,.8))}
.status-card h3{margin:0 0 14px;font-size:1.15rem;color:#FFFFFF}
.related-block{background:rgba(7,19,38,.7);border:1px solid rgba(182,194,212,.12);border-radius:14px;padding:24px}
.related-block h3{margin:0 0 14px;font-size:1.15rem;color:#FFFFFF}
.related-list{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:12px;font-size:.88rem;color:var(--muted,#F4F6F9);line-height:1.5}
.related-list li strong a{color:#EFB933;text-decoration:none}
.related-list li strong a:hover{text-decoration:underline}
.related-item-title{color:#EFB933;font-weight:600;text-decoration:none}
.related-item-title:hover{text-decoration:underline}
.related-item-desc{color:var(--faint,#B6C2D4);font-size:.82rem;display:block;margin-top:2px}