/* ============================================================
   JUWEL · FACET — juwel-earth.css (v3, 2026-07-09)
   Marketing structural layer for the interior rooms (about,
   pricing, faq, security, privacy, terms, contact, cuts).
   Loads after juwel-ds.css + juwel-liquid.css. Candy is GONE
   (owner directive 2026-07-09): no token overrides, no sugar
   wash, no glow, no gradient fills, no lens rims, no big radii.
   This file now only holds LAYOUT + centering + FACET-normalizing
   overrides that make the shared liquid classes read as cut stone.
   Tokens come straight from juwel-ds.css (alabaster / obsidian).
   Canonical spec: docs/brand/BRAND_SYSTEM.md.
   ============================================================ */

/* Body: still bedrock, no wash, no fixed fog */
body{
  color:var(--ink);
  background:var(--paper);
}

/* Brand mark: ink wordmark, gem is the only color */
.brand .wm{
  background:none;
  -webkit-background-clip:unset;
  background-clip:unset;
  color:var(--ink);
  font-weight:700;
  letter-spacing:-.02em;
}
.brand img{ filter:none; }

/* ── Liquid classes normalized to FACET panes (kill blur/lens/glow) ── */
.liquid-glass,
.inputbar,
.menu-pop,
.price:not(.feat),
.prog,
.note,
.mem,
.action{
  background:var(--surface) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:inset 0 1px 0 var(--edge), var(--shadow-1) !important;
  border:1px solid var(--line);
}
.liquid-glass::after,
.inputbar::before,.inputbar::after,
.menu-pop::before,
.price::before,.price::after,
.prog::before,.note::before,.note::after,
.mem::before,.mem::after,
.action::before,.action::after{
  content:none !important;
  background:none !important;
  opacity:0 !important;
}

/* ── Pricing cards: FACET panes; featured = ink-emphasis, not gradient ── */
.price{
  background:var(--surface) !important;
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  box-shadow:inset 0 1px 0 var(--edge), var(--shadow-1);
  text-align:center;
  align-items:center;
  position:relative;
  overflow:hidden;
}
.price > *{ position:relative; z-index:2; }
.price .p-cta{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  margin-top:auto;
  padding-top:8px;
}
.price .p-cta .cbtn{ width:100%; max-width:240px; justify-content:center; text-align:center; }
.price .p-meta{ text-align:center; max-width:32ch; margin-left:auto; margin-right:auto; }
.price .p-name, .price .p-amt{ text-align:center; width:100%; }
.price.feat{
  background:var(--surface) !important;
  color:var(--ink) !important;
  border:1px solid var(--ink) !important;
  border-radius:var(--r-lg) !important;
  box-shadow:inset 0 1px 0 var(--edge), var(--shadow-2) !important;
}
.price.feat .p-name{ color:var(--topaz-ink) !important; }
.price.feat .p-amt{ color:var(--ink) !important; }
.price.feat .p-amt span{ color:var(--ink-3) !important; }
.price.feat .p-meta{ color:var(--ink-2) !important; }
.price:not(.feat):hover{ border-color:var(--line); }
.price.feat:hover{ transform:translateY(-4px); }
/* white-pill-on-candy variant is retired → plain ink slab */
.price.feat .cbtn.onglass{
  background:var(--ink) !important;
  color:var(--paper) !important;
  border:none !important;
  box-shadow:none !important;
  font-weight:600;
}
.price.feat .cbtn.onglass:hover{ background:color-mix(in srgb,var(--ink) 88%,var(--paper)) !important; transform:translateY(-2px); }

/* ── Centered marketing rhythm ── */
.price-grid{ margin-left:auto; margin-right:auto; justify-items:stretch; }
.price-note{ text-align:center; margin-left:auto; margin-right:auto; }
#s-pricing .inner, #s-pricing .kick,
.pagehero, .pagehero .sub, .pagebody .prose{ text-align:center; }
.pagehero h1, .pagehero .t-h2{ margin-left:auto; margin-right:auto; text-align:center; }
.scene .kick{ display:flex; justify-content:center; }
.hero-cta{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; align-items:center; }
.os-cta{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; align-items:center; }
.lab-cta{ justify-content:center !important; }
#s-lab .lab-card{ text-align:center; }
#s-lab .lab-card p, #s-lab .lab-note{ margin-left:auto; margin-right:auto; text-align:center; }
#s-lab .lab-k{ text-align:center; }

/* Hero copy + headings */
.t-lede, .sub, .pagehero .sub, p.t-lede{
  color:var(--ink-2);
  font-weight:500;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.t-h1, .t-h2, .t-h3, h1, h2{ color:var(--ink); text-shadow:none; text-align:center; }
.os-device .cap, .os-thumb .cap{ text-align:center; }
.gem-grid{ justify-content:center; }

/* Eyebrow pills: record-voice chip, neutral */
.eyebrow.pill, .eyebrow{
  background:var(--surface);
  border:1px solid var(--line);
  color:var(--ink-2);
}

/* OS stage frames: physical device pane */
.os-device, .os-stage .os-device{
  background:var(--surface);
  border:1px solid var(--line);
  box-shadow:var(--shadow-2);
}

/* Footer: grounded */
footer, .lab-foot, .f-line, .f-legal, .lf-legal{ color:var(--ink-3); border-color:var(--line); }
.f-domains a, .lf-links a{ color:var(--ink-2); }
.f-domains a:hover, .lf-links a:hover{ color:var(--ink); }

/* Page heroes / body on product pages */
.pagehero, .pagebody{ color:var(--ink); }
.pagehero .sub{ color:var(--ink-2); }

/* Cards / cutcards / qa — FACET panes */
.cutcard, .qa, details.qa, .lab-card, .archive-row, .claim-chip{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  box-shadow:inset 0 1px 0 var(--edge), var(--shadow-1);
}

/* Auth shells */
.wrap .card, main.wrap .liquid-glass{ background:var(--surface); }

/* Accent text: solid AA-legible amber, no gradient, no 800 */
.g-text{
  background:none;
  -webkit-background-clip:initial;
  background-clip:initial;
  color:var(--topaz-ink);
}
em.accent{ color:var(--topaz-ink); font-weight:700; font-style:normal; }

/* Signed chip */
.chip.signed{
  background:var(--jade-soft);
  color:var(--jade-deep);
  border:1px solid transparent;
}

/* Homelink / auth header */
body > header .homelink, .homelink{ color:var(--ink); font-weight:700; }

/* Selection = amber tint */
::selection{ background:color-mix(in srgb,var(--topaz) 28%,transparent); color:var(--ink); }