/* ============================================================
   JUWEL · LuxLiq — juwel-earth.css (v4, 2026-07-13)
   Marketing structural layer for the interior rooms (about,
   pricing, faq, security, privacy, terms, contact, cuts).
   Loads after juwel-ds.css + luxliq.css + juwel-liquid.css.
   v3 (FACET, 2026-07-09) forced every liquid class flat and
   killed blur/glow/gradient with !important — that purge is
   RETIRED. This file now only holds LAYOUT + centering rules;
   material (vessel glow, nectar gradients, gel press) comes
   from juwel-ds.css / luxliq.css / juwel-liquid.css and is no
   longer fought here. Canonical spec:
   docs/brand/LUXLIQ_BRAND_SYSTEM.md.
   ============================================================ */

/* 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; }

/* ── Pricing cards: layout only — material comes from juwel-liquid.css ── */
.price{
  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%; }
/* the paid tier — a vessel with a warmer inner glow on hover, no pop */
.price.feat:hover{
  box-shadow:var(--shadow-lg),inset 0 1.5px 0 rgba(255,255,255,.5),
    inset 0 0 56px -16px rgba(255,255,255,.55);
}
/* checkout CTA — molten: a bright frosted pill catching the nectar light */
.price.feat .cbtn.onglass{
  background:rgba(255,255,255,.95);
  color:#201200;
  border:none;
  box-shadow:0 10px 26px -12px rgba(0,0,0,.32), inset 0 1px 0 #fff;
  font-weight:700;
  transition:box-shadow var(--visc-bead,.3s) var(--ease-viscous,var(--ease-out));
}
.price.feat .cbtn.onglass:hover{
  box-shadow:0 12px 30px -12px rgba(0,0,0,.38), inset 0 1px 0 #fff,
    inset 0 0 26px -8px rgba(255,180,58,.55);
}

/* ── 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); }