/* Oracle public-site theme — intentionally separate from Atrophy and product UIs. */
:root {
  --bg-primary: #050505 !important;
  --bg-secondary: #090909 !important;
  --bg-card: #0d0d0d !important;
  --bg-card-hover: #141414 !important;
  --text-primary: #f5f5f5 !important;
  --text-secondary: #a5a5a5 !important;
  --text-tertiary: #707070 !important;
  --text: #f5f5f5 !important;
  --text-muted: #9a9a9a !important;
  --border: rgba(255, 255, 255, 0.12) !important;
  --border-hover: rgba(255, 255, 255, 0.3) !important;
  --glass: rgba(8, 8, 8, 0.86) !important;
  --glass-border: rgba(255, 255, 255, 0.12) !important;
  --dark: #050505 !important;
  --dark-light: #0a0a0a !important;
  --primary: #f5f5f5 !important;
  --primary-light: #bcbcbc !important;
  --secondary: #b7b7b7 !important;
  --secondary-light: #d0d0d0 !important;
  --accent: #d6bd86 !important;
  --accent-light: #ead8ad !important;
  --accent-indigo: #f4f4f4 !important;
  --accent-violet: #bcbcbc !important;
  --accent-cyan: #d6bd86 !important;
  --accent-emerald: #8fc99f !important;
  --gradient-primary: linear-gradient(105deg, #ffffff 0%, #a4a4a4 100%) !important;
  --gradient-hero: linear-gradient(105deg, #ffffff 0%, #a4a4a4 100%) !important;
  --gradient-cyan: linear-gradient(105deg, #ead8ad 0%, #b9995b 100%) !important;
  --gradient-accent: linear-gradient(105deg, #ead8ad 0%, #b9995b 100%) !important;
  --gradient-dark: linear-gradient(180deg, #050505 0%, #0b0b0b 100%) !important;
  color-scheme: dark;
}

html { background: #050505; }

body.oracle-clean {
  background: #050505 !important;
  color: #f5f5f5 !important;
  -webkit-font-smoothing: antialiased;
}

body.oracle-clean > video[autoplay],
body.oracle-clean .ambient-glow,
body.oracle-clean .hero-glow,
body.oracle-clean .bg-mesh,
body.oracle-clean .grid-lines {
  display: none !important;
}

body.oracle-clean .nav,
body.oracle-clean header.nav,
body.oracle-clean .navbar {
  background: rgba(5, 5, 5, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px) !important;
}

body.oracle-clean .mobile-menu {
  background: rgba(5, 5, 5, 0.98) !important;
}

body.oracle-clean #experiment-banner,
body.oracle-clean .experiment-banner {
  background: #0a0a0a !important;
  border-color: rgba(214, 189, 134, 0.34) !important;
  box-shadow: none !important;
}

body.oracle-clean .hero,
body.oracle-clean .blog-hero,
body.oracle-clean .press-hero {
  background: #050505 !important;
}

body.oracle-clean .hero-mesh,
body.oracle-clean .blog-hero-mesh {
  background: radial-gradient(ellipse 65% 55% at 50% 0%, rgba(255, 255, 255, 0.08), transparent 70%) !important;
}

body.oracle-clean .hero-grid-lines {
  opacity: 0.34 !important;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px) !important;
}

body.oracle-clean .hero-title-gradient,
body.oracle-clean .section-title,
body.oracle-clean .logo-title,
body.oracle-clean .pricing-title,
body.oracle-clean .press-title,
body.oracle-clean .blog-hero h1 span,
body.oracle-clean .error-code {
  background: linear-gradient(105deg, #ffffff, #929292) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
}

body.oracle-clean .section-label,
body.oracle-clean .hero-badge,
body.oracle-clean .blog-hero-badge,
body.oracle-clean .product-tag,
body.oracle-clean .press-label,
body.oracle-clean .article-category {
  background: rgba(214, 189, 134, 0.08) !important;
  border-color: rgba(214, 189, 134, 0.3) !important;
  color: #d6bd86 !important;
  box-shadow: none !important;
}

body.oracle-clean .products,
body.oracle-clean .features-section,
body.oracle-clean .architecture-section,
body.oracle-clean .business-section,
body.oracle-clean .pricing-section,
body.oracle-clean .blog-section,
body.oracle-clean .founder-section,
body.oracle-clean .trusted-section,
body.oracle-clean .features,
body.oracle-clean .waitlist,
body.oracle-clean .press-logos-section,
body.oracle-clean .press-articles,
body.oracle-clean .media-contact {
  background: #090909 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

body.oracle-clean .product-card,
body.oracle-clean .feature-card,
body.oracle-clean .architecture-card,
body.oracle-clean .architecture-layer,
body.oracle-clean .business-card,
body.oracle-clean .pricing-card,
body.oracle-clean .blog-card,
body.oracle-clean .founder-card,
body.oracle-clean .contact-card,
body.oracle-clean .press-card,
body.oracle-clean .press-logo-link,
body.oracle-clean .media-contact-card,
body.oracle-clean .auth-card,
body.oracle-clean .download-card,
body.oracle-clean .content,
body.oracle-clean .card,
body.oracle-clean .plan-card,
body.oracle-clean .subscription-card,
body.oracle-clean .success-card,
body.oracle-clean .thought {
  background: #0d0d0d !important;
  border-color: rgba(255, 255, 255, 0.13) !important;
  box-shadow: none !important;
}

body.oracle-clean .product-card:hover,
body.oracle-clean .feature-card:hover,
body.oracle-clean .pricing-card:hover,
body.oracle-clean .blog-card:hover,
body.oracle-clean .press-card:hover,
body.oracle-clean .press-logo-link:hover {
  background: #131313 !important;
  border-color: rgba(255, 255, 255, 0.32) !important;
  box-shadow: none !important;
}

body.oracle-clean .product-card::before,
body.oracle-clean .pricing-card::before,
body.oracle-clean .architecture-section::before,
body.oracle-clean .founder-section::before {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent) !important;
}

body.oracle-clean .btn-primary,
body.oracle-clean .btn-product-primary,
body.oracle-clean .btn-product-cyan,
body.oracle-clean .pricing-cta:not(.btn-secondary),
body.oracle-clean .signup-btn,
body.oracle-clean button.btn-primary,
body.oracle-clean a.btn-primary {
  background: #f5f5f5 !important;
  color: #050505 !important;
  border: 1px solid #f5f5f5 !important;
  box-shadow: none !important;
  -webkit-text-fill-color: #050505 !important;
}

body.oracle-clean .btn-primary:hover,
body.oracle-clean .btn-product-primary:hover,
body.oracle-clean .btn-product-cyan:hover,
body.oracle-clean .signup-btn:hover {
  background: #ffffff !important;
  box-shadow: none !important;
}

body.oracle-clean .btn-secondary,
body.oracle-clean .social-btn,
body.oracle-clean .back-link,
body.oracle-clean .platform-tab,
body.oracle-clean .skip-link,
body.oracle-clean .links a {
  background: #0a0a0a !important;
  color: #e5e5e5 !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  box-shadow: none !important;
}

body.oracle-clean .btn-secondary:hover,
body.oracle-clean .social-btn:hover,
body.oracle-clean .back-link:hover,
body.oracle-clean .platform-tab:hover,
body.oracle-clean .links a:hover {
  background: #151515 !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}

body.oracle-clean .form-input,
body.oracle-clean .form-select,
body.oracle-clean input,
body.oracle-clean select,
body.oracle-clean textarea {
  background-color: #090909 !important;
  color: #f5f5f5 !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  box-shadow: none !important;
}

body.oracle-clean .form-input:focus,
body.oracle-clean .form-select:focus,
body.oracle-clean input:focus,
body.oracle-clean select:focus,
body.oracle-clean textarea:focus {
  border-color: #d6bd86 !important;
  outline-color: #d6bd86 !important;
  box-shadow: 0 0 0 3px rgba(214, 189, 134, 0.1) !important;
}

body.oracle-clean .product-toggle,
body.oracle-clean .blog-filters,
body.oracle-clean .blog-search-wrap,
body.oracle-clean .email-display,
body.oracle-clean .error-details,
body.oracle-clean .features,
body.oracle-clean .steps {
  background: #090909 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
}

body.oracle-clean .product-toggle-btn.active,
body.oracle-clean .filter-btn.active,
body.oracle-clean .platform-tab.active {
  background: #f5f5f5 !important;
  color: #050505 !important;
  border-color: #f5f5f5 !important;
}

body.oracle-clean .footer {
  background: #050505 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

body.oracle-clean .footer-link-accent,
body.oracle-clean .contact-link,
body.oracle-clean .content a,
body.oracle-clean .header a,
body.oracle-clean .support-link a,
body.oracle-clean .signup-cta a,
body.oracle-clean .login-toggle-cta a {
  color: #d6bd86 !important;
}

body.oracle-clean .warning-box,
body.oracle-clean .info-box,
body.oracle-clean .success-box {
  background: #0a0a0a !important;
  box-shadow: none !important;
}

body.oracle-clean .info-box {
  border-color: #d6bd86 !important;
}

body.oracle-clean .success-box {
  border-color: #8fc99f !important;
}

body.oracle-clean .section-divider,
body.oracle-clean .pricing-divider,
body.oracle-clean hr {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

body.oracle-clean .blog-card-thumb {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body.oracle-clean .check-indigo,
body.oracle-clean .check-cyan,
body.oracle-clean .pf-check,
body.oracle-clean .feature .icon {
  color: #d6bd86 !important;
}

body.oracle-clean .pricing-card.pricing-featured,
body.oracle-clean .pricing-card.featured {
  background: #121212 !important;
  border-color: rgba(214, 189, 134, 0.48) !important;
}

body.oracle-clean .pricing-popular,
body.oracle-clean .card-badge,
body.oracle-clean .pro-badge,
body.oracle-clean .success-badge {
  background: #d6bd86 !important;
  color: #050505 !important;
  border-color: #d6bd86 !important;
  box-shadow: none !important;
}

body.oracle-clean .spinner {
  border-color: rgba(255, 255, 255, 0.15) !important;
  border-top-color: #d6bd86 !important;
}

body.oracle-clean .checkmark-circle,
body.oracle-clean .step-num {
  background: #f5f5f5 !important;
  color: #050505 !important;
  box-shadow: none !important;
}

body.oracle-clean.auth-page {
  min-height: 100vh;
  background:
    radial-gradient(700px 420px at 50% -180px, rgba(255, 255, 255, 0.1), transparent 72%),
    #050505 !important;
}

body.oracle-clean.auth-page .account-nav {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  left: 0;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 0 max(24px, calc((100vw - 1180px) / 2));
  background: rgba(5, 5, 5, 0.9);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(18px);
}

body.oracle-clean.auth-page .account-nav-brand,
body.oracle-clean.auth-page .account-nav-links,
body.oracle-clean.auth-page .account-nav-links a {
  display: flex;
  align-items: center;
}

body.oracle-clean.auth-page .account-nav-brand {
  gap: 10px;
  color: #f5f5f5;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  text-decoration: none;
}

body.oracle-clean.auth-page .account-nav-mark {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  color: #050505;
  background: #f5f5f5;
  border-radius: 10px;
  font-size: 0.92rem;
}

body.oracle-clean.auth-page .account-nav-links {
  gap: 18px;
}

body.oracle-clean.auth-page .account-nav-links a {
  color: #a5a5a5;
  font-size: 0.82rem;
  text-decoration: none;
}

body.oracle-clean.auth-page .account-nav-links a:hover {
  color: #f5f5f5;
}

body.oracle-clean.auth-page .page-wrapper {
  min-height: 100vh;
  justify-content: flex-start;
  padding: 116px 20px 56px;
}

body.oracle-clean.auth-page .auth-container {
  width: min(100%, 480px);
  max-width: 480px;
}

body.oracle-clean.auth-register .auth-container {
  width: min(100%, 520px);
  max-width: 520px;
}

body.oracle-clean.auth-page .logo-section {
  order: 0;
  margin-bottom: 24px;
}

body.oracle-clean.auth-page .logo-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 16px;
  background: #f5f5f5 !important;
  border: 1px solid #f5f5f5;
  border-radius: 12px;
  box-shadow: none !important;
}

body.oracle-clean.auth-page .logo-icon svg {
  stroke: #050505 !important;
}

body.oracle-clean.auth-page .logo-title {
  font-size: clamp(1.65rem, 4vw, 2rem) !important;
  line-height: 1.15;
}

body.oracle-clean.auth-page .logo-subtitle {
  max-width: 420px;
  margin: 7px auto 0;
  color: #999 !important;
  font-size: 0.9rem;
}

body.oracle-clean.auth-page .product-toggle {
  border-radius: 12px !important;
  padding: 5px !important;
}

body.oracle-clean.auth-page .auth-card,
body.oracle-clean.auth-page .junior-card {
  padding: 28px !important;
  background: #0d0d0d !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.oracle-clean.auth-page .junior-login-header,
body.oracle-clean.auth-page .business-login-header {
  background: #090909 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
}

body.oracle-clean.auth-page .junior-login-header::before,
body.oracle-clean.auth-page .junior-stars-bg {
  display: none !important;
}

body.oracle-clean.auth-page .account-card,
body.oracle-clean.auth-page .junior-plan-card,
body.oracle-clean.auth-page .entity-option,
body.oracle-clean.auth-page .character-card {
  background: #090909 !important;
  border-color: rgba(255, 255, 255, 0.13) !important;
  box-shadow: none !important;
}

body.oracle-clean.auth-page .account-card:hover,
body.oracle-clean.auth-page .account-card.selected,
body.oracle-clean.auth-page .junior-plan-card:hover,
body.oracle-clean.auth-page .junior-plan-card.selected,
body.oracle-clean.auth-page .entity-option:hover,
body.oracle-clean.auth-page .entity-option.selected,
body.oracle-clean.auth-page .character-card:hover,
body.oracle-clean.auth-page .character-card.selected {
  background: #141414 !important;
  border-color: rgba(214, 189, 134, 0.55) !important;
  box-shadow: none !important;
}

body.oracle-clean.auth-page .btn-junior,
body.oracle-clean.auth-page .btn-junior-submit {
  background: #f5f5f5 !important;
  color: #050505 !important;
  border: 1px solid #f5f5f5 !important;
  box-shadow: none !important;
}

body.oracle-clean.auth-login .product-toggle {
  order: 1;
}

body.oracle-clean.auth-login .login-panel {
  order: 2;
}

body.oracle-clean.auth-login .support-link {
  order: 3;
}

body.oracle-clean.auth-login .signup-cta {
  order: 4;
  margin: 20px 0 0;
  padding: 20px;
  background: #090909 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 14px;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.oracle-clean.auth-login .app-download-panel {
  order: 5;
}

body.oracle-clean.auth-login .nav-links {
  order: 6;
}

body.oracle-clean.auth-page .tagline,
body.oracle-clean.auth-page .login-toggle-cta,
body.oracle-clean.auth-page .experiment-banner,
body.oracle-clean.auth-page .press-section {
  display: none !important;
}

.app-download-panel {
  margin-top: 20px;
  padding: 20px;
  background: #0a0a0a;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  text-align: center;
}

.app-download-panel h2 {
  margin: 0;
  color: #f5f5f5;
  font-size: 0.95rem;
}

.app-download-panel p {
  margin: 5px 0 14px;
  color: #888;
  font-size: 0.77rem;
}

.app-store-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.app-store-actions a {
  flex: 1 1 145px;
  min-height: 43px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 15px;
  border-radius: 9px;
  font-size: 0.8rem;
  font-weight: 700;
  text-decoration: none;
}

.app-store-actions-footer {
  max-width: 340px;
  margin-top: 16px;
}

body.oracle-clean.auth-apple {
  padding: 100px 20px 40px;
}

body.oracle-clean.auth-apple .container {
  width: min(100%, 420px);
  padding: 30px;
  background: #0d0d0d;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 16px;
}

@media (max-width: 768px) {
  body.oracle-clean .product-card,
  body.oracle-clean .feature-card,
  body.oracle-clean .pricing-card,
  body.oracle-clean .auth-card,
  body.oracle-clean .content {
    border-radius: 14px !important;
  }

  body.oracle-clean.auth-page .account-nav {
    padding: 0 18px;
  }

  body.oracle-clean.auth-page .account-nav-links a:not(:last-child) {
    display: none;
  }

  body.oracle-clean.auth-page .page-wrapper {
    padding: 96px 14px 36px;
  }

  body.oracle-clean.auth-page .auth-card,
  body.oracle-clean.auth-page .junior-card {
    padding: 22px !important;
  }
}