/* ════════════════════════════════════════════
   home-theme.css — Dark theme for all homepage versions
   Linked in: index.html, en/, es/, pt/, hi/
   ════════════════════════════════════════════ */

/* Variables */
:root {
  --paper: #0a0a0a;
  --paper2: #111111;
  --paper3: #1a1a1a;
  --green: #22c55e;
  --border: rgba(255,255,255,.09);
}

body { color: #e8e3dc; }

/* ── NAV ── */
nav {
  background: rgba(14,14,14,.94);
  border: 1px solid rgba(255,255,255,.1);
  box-shadow: 0 8px 22px rgba(0,0,0,.4);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.nlogo { color: #fff; }
.nlinks a { color: rgba(255,255,255,.5); }
.nlinks a:hover { color: #fff; }

/* Lang picker in nav */
.nav-right { display: flex; align-items: center; gap: 10px; }
.lang-trigger {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: auto;
  justify-content: space-between;
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.75);
  cursor: pointer;
  font-family: 'Cabinet Grotesk', sans-serif;
  font-size: .82rem;
  font-weight: 700;
  box-shadow: none;
  transition: background .18s ease, border-color .18s ease;
}
.lang-trigger:hover {
  background: rgba(255,255,255,.1);
  border-color: rgba(255,255,255,.2);
  transform: none;
}

/* ── HERO ── */
.hero::before { display: none; }
h2 { color: #fff; }

/* ── ORBIT ── */
.orbit-section { padding: 40px 24px 48px; }
.orbit-header { margin-bottom: 32px; }
.orbit-stage { width: min(470px,88vw); height: min(470px,88vw); }

/* ── HERO STATS ── */
.hero-stats-human { color: rgba(201,168,76,.65); }
.hero-stat span { color: rgba(255,255,255,.52); }
.hero-stat + .hero-stat { border-color: rgba(255,255,255,.07); }

/* ── SOCIAL PROOF / QUOTES ── */
.proof-stats { color: #fff; }
.proof-txt strong { color: #fff; }
.quote-card { background: #1a1a1a; border-color: rgba(255,255,255,.08); box-shadow: 0 10px 28px rgba(0,0,0,.3); }
.quote-card.featured { background: #141414; border-color: rgba(201,168,76,.24); }
.proof-track .quote-card.featured { background: #141414; border-color: rgba(201,168,76,.24); }
.quote-name { color: #fff; }
.quote-role { color: rgba(255,255,255,.38); }
.quote-card p { color: rgba(255,255,255,.6); }
.quote-chip { background: rgba(201,168,76,.1); border-color: rgba(201,168,76,.2); color: rgba(201,168,76,.85); }
.quote-result { color: rgba(201,168,76,.85); }

/* ── HERO MOCK WINDOW ── */
.hero-signal { background: rgba(201,168,76,.08); border-color: rgba(201,168,76,.2); }
.hero-signal-text { color: rgba(201,168,76,.9); }
.hero-signal-badge { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.12); color: rgba(255,255,255,.75); }
.hero-flow-step { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.08); }
.hero-flow-step strong { color: #fff; }
.hero-flow-kicker { color: rgba(201,168,76,.75); }
.hero-flow-step.active { background: rgba(201,168,76,.12); border-color: rgba(201,168,76,.3); }
.hero-wow-card { background: #1c1c1e; border-color: rgba(255,255,255,.1); }
.hero-wow-main { color: #fff; }
.hero-wow-note { color: rgba(255,255,255,.48); }
.cbub { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.09); color: rgba(255,255,255,.7); }
.cbub.ai { background: rgba(16,163,127,.08); border-color: rgba(16,163,127,.22); color: rgba(255,255,255,.85); }
.cav.u { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.12); color: rgba(255,255,255,.45); }
.vbar { background: rgba(255,255,255,.04); border-color: rgba(201,168,76,.3); }
.overlay-chip { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.1); color: rgba(255,255,255,.45); }
.overlay-time { color: #fff; }
.vlbl strong { color: #fff; }
.vlbl span { color: rgba(255,255,255,.45); }

/* ── WORKS — APP CARDS ── */
.wcard { background: #1a1a1a; border-color: rgba(255,255,255,.08); }
.wcard-name { color: #fff; }
.wcard-type { color: rgba(255,255,255,.38); }
.more-apps { color: rgba(255,255,255,.38); }
.more-apps strong { color: rgba(255,255,255,.7); }

/* ── WHY SECTION ── */
.why { border-color: rgba(255,255,255,.07); }
.why-card { background: #1a1a1a; border-color: rgba(255,255,255,.08); }
.why-card h3 { color: #fff; }
.why-card p { color: rgba(255,255,255,.52); }

/* ── FEATURE MODELS ── */
.model-card { background: #1a1a1a; border-color: rgba(255,255,255,.08); box-shadow: 0 10px 24px rgba(0,0,0,.3); }
.model-card.featured { background: #141414; border-color: rgba(201,168,76,.45); }
.model-card .mini { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.1); color: rgba(255,255,255,.5); }
.model-start { color: rgba(201,168,76,.78); }

/* ── COMPARE ── */
.compare-wrap { background: #1a1a1a; border-color: rgba(255,255,255,.08); }
.compare-card { background: #1a1a1a; border-color: rgba(255,255,255,.08); box-shadow: 0 10px 24px rgba(0,0,0,.3); }
.compare-card h3 { color: #fff; }
.compare-card p { color: rgba(255,255,255,.52); }
.compare-badge { color: rgba(201,168,76,.82); }
.compare-table tbody tr:nth-child(even) td { background: rgba(255,255,255,.03) !important; }
.compare-table td { border-color: rgba(255,255,255,.06); }

/* ── PILLS & BADGES ── */
.pill { color: rgba(255,255,255,.72); }
.mini { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.1); color: rgba(255,255,255,.52); }
.section-note { color: rgba(255,255,255,.45); }

/* ── PRICING ── */
.pcard { background: #141414; border-color: rgba(255,255,255,.1); }
.pcard.featured { background: #1a1a1a; border-color: rgba(201,168,76,.65); }
.pcard-name { color: rgba(255,255,255,.45); }
.pcard-price { color: #fff; }
.price-compare { color: rgba(255,255,255,.4); }
.price-note { color: rgba(255,255,255,.4); }
.price-anchor { color: rgba(201,168,76,.75); }
.price-chip { color: rgba(201,168,76,.82); background: rgba(201,168,76,.1); border-color: rgba(201,168,76,.22); }
.price-option { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.09); }
.price-option strong { color: #fff; }
.price-after { color: rgba(255,255,255,.42); }
.pcard-sub { color: rgba(255,255,255,.42); }
.pcard-mins { color: rgba(255,255,255,.72); }
.pfeats li { color: rgba(255,255,255,.72); }
.pbtn { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.12); color: #fff; box-shadow: none; }
.pbtn:hover { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.22); filter: none; transform: translateY(-3px); }
.pbtn.dark { background: #e8e3dc; color: #0a0a0a; border-color: rgba(255,255,255,.2); }
.pbtn.dark:hover { background: #fff; }
.pbtn.outline { background: none; border-color: rgba(255,255,255,.14); color: rgba(255,255,255,.7); }
.pbtn.outline:hover { border-color: rgba(255,255,255,.35); color: #fff; }
.pbtn-note { color: rgba(255,255,255,.38); }
.pbtn-urgency { color: rgba(255,255,255,.55); }
.pricing-social { color: rgba(255,255,255,.8); }
.pricing-note { background: #141414; border-color: rgba(255,255,255,.08); }
.plan-card { background: #1a1a1a; color: #e8e3dc; }
.plan-price-note { color: rgba(255,255,255,.52); }
.plan-desc { color: rgba(255,255,255,.72); }
.plan-after { color: rgba(255,255,255,.48); }
.plan-list li { color: rgba(255,255,255,.78); }
.plan-foot { color: rgba(255,255,255,.42); }
.plan-btn.alt { background: rgba(255,255,255,.06); color: rgba(255,255,255,.88); border-color: rgba(255,255,255,.14); }
.plan-price-compare { color: rgba(201,168,76,.82); }

/* ── FAQ ── */
.faq { border-color: rgba(255,255,255,.07); }
.faq-item { background: #1a1a1a; border-color: rgba(255,255,255,.08); box-shadow: none; }
.faq-item summary { color: #fff; }
.faq-item p { color: rgba(255,255,255,.52); }

/* ── GUARANTEE ── */
.guarantee-strip { background: #0f0f0f; border-color: rgba(255,255,255,.07); }
.guarantee-inner { color: rgba(255,255,255,.55); }

/* ── FOOTER ── */
footer { border-color: rgba(255,255,255,.07); }
.flogo { color: #fff; }
.footer-brand p { color: rgba(255,255,255,.42); }
.footer-pill { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.09); color: rgba(255,255,255,.5); }
.footer-meta a, .footer-meta span { color: rgba(255,255,255,.38); }
.footer-meta a:hover { color: rgba(255,255,255,.75); }
.footer-social { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.09); color: rgba(255,255,255,.5); }
.footer-social:hover { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.2); color: #fff; }
.fcol-title { color: rgba(255,255,255,.82); }
.flinks a { color: rgba(255,255,255,.42); }
.flinks a:hover { color: #fff; }
.footer-bottom { border-color: rgba(255,255,255,.07); }
.fmade { color: rgba(255,255,255,.52); }
.fcopy { color: rgba(255,255,255,.32); }

/* ── DARK BG SECTIONS (force dark regardless of --ink) ── */
.lang-bar { background: #0a0a0a; }
.usecases { background: #0d0d0d; }
.pain-card { background: #111; }
.pricing-main { background: #0d0d0d; }
.pcard-badge { background: #1a1a1a; }
.cta .btn-primary { background: #0a0a0a; }

/* Homepage background cleanup */
body,
.hero,
.lang-bar,
.usecases,
.pricing-main {
  background: #0a0a0a;
}

.orbit-section {
  background: #0a0a0a;
}

.feature-carousel-shell::before {
  background: #0a0a0a;
}

.feature-carousel-shell::after {
  background:
    linear-gradient(90deg,rgba(10,10,10,0),#0a0a0a 80%);
}

.hero-stats-wrap {
  padding: 0 40px 58px;
}

.hero-stats {
  max-width: 1040px;
  gap: 14px;
  background: transparent;
  border: 0;
  border-radius: 0;
  overflow: visible;
  box-shadow: none;
}

.hero-stat {
  position: relative;
  min-height: 178px;
  padding: 28px 28px 26px;
  border: 1px solid rgba(201,168,76,.18);
  border-radius: 16px;
  background: linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  text-align: left;
  box-shadow: 0 18px 44px rgba(0,0,0,.22);
}

.hero-stat::before {
  content: "";
  display: block;
  width: 30px;
  height: 3px;
  border-radius: 999px;
  background: rgba(201,168,76,.85);
  margin-bottom: 26px;
}

.hero-stat + .hero-stat {
  border-color: rgba(201,168,76,.18);
  border-left: 1px solid rgba(201,168,76,.18);
}

.hero-stat strong {
  display: block;
  max-width: 10ch;
  margin-bottom: 6px;
  color: #e2c468;
  font-size: clamp(2.05rem,3.4vw,3.05rem);
  letter-spacing: -.04em;
  line-height: .98;
}

.hero-stat-title {
  max-width: 13ch;
  margin-bottom: 14px;
  color: rgba(226,196,104,.92);
  font-size: clamp(1rem,1.35vw,1.16rem);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.12;
}

.hero-stat span {
  color: rgba(232,227,220,.56);
  font-size: .9rem;
  line-height: 1.55;
}

.hero-stats-human {
  margin-top: 20px;
  color: rgba(201,168,76,.72);
  font-size: .86rem;
  letter-spacing: .02em;
}

.inline-cta {
  display: none;
}

/* Remove section divider lines. */
.orbit-section,
.works,
.why,
.pricing,
.faq,
.guarantee-strip,
footer {
  border-top: 0;
  border-bottom: 0;
}

/* Keep orbit icons visually stable on hover. */
.orbit-icon {
  cursor: default;
  pointer-events: none;
}

.orbit-icon,
.orbit-icon-bg,
.orbit-icon-bg img,
.orbit-icon-name {
  transition: none;
}

.orbit-icon:hover .orbit-icon-bg {
  box-shadow: 0 3px 12px rgba(0,0,0,.34);
  border-color: rgba(255,255,255,.08);
}

.orbit-icon:hover .orbit-icon-bg img {
  transform: none;
}

.orbit-icon:hover .orbit-icon-name {
  color: rgba(255,255,255,.42);
}