/* ============================================================
   MAISON DARK — shared landing theme (2026-06 redesign)
   Loaded AFTER each page's inline <style>; equal-specificity
   rules here win by source order and shadow the coastal values.
   Inspiration: revorao.webflow.io (onyx + orange-glow eclipse).
   NOTE: --c-* CRM-mock vars are intentionally NOT remapped —
   product screenshots stay coastal-light.
   ============================================================ */

/* ---- Token remap (same names, dark values) ---- */
:root{
  --navy:#f4ecd8;            /* primary text — warm ivory */
  --navy-2:#a8a096;          /* secondary text */
  --foam:#141110;            /* elevated bg */
  --foam-2:#171411;          /* surface bg */
  --sand:#171411;
  --blush:#1c1815;
  --paper:#0e0c0a;           /* onyx base */
  --card:#1c1815;
  --coral:#c9601a;           /* dark-orange accent */
  --coral-d:#e07a2e;         /* contrast accent inverts LIGHTER on dark */
  --kelp:#5b8c6e;            /* jewel emerald */
  --sapphire:#6088a8;
  --gold:#e9c46a;
  --line:rgba(244,236,216,.09);
  /* new, maison-only helpers */
  --accent-glow:#e07a2e;
  --accent-deep:#a04812;
  --ink:#0e0c0a;
}

/* ---- Shared chrome overrides ---- */
body{ background:var(--paper); color:var(--navy); }
.btn-coral{ background:var(--coral); color:#fff;
  box-shadow:0 14px 34px -10px rgba(201,96,26,.55); }
.btn-coral:hover{ background:var(--accent-deep); transform:translateY(-1px); }
.btn-ghost{ border:1.5px solid var(--line); color:var(--navy); }
.btn-ghost:hover{ border-color:var(--coral); color:var(--accent-glow); }

/* Dark glass nav (pages set this inline; class provided for swaps) */
.glass-nav{ background:rgba(14,12,10,.82)!important;
  backdrop-filter:blur(12px); border-color:var(--line)!important; }

/* ---- Revorao signature components ---- */
/* Eclipse glow: radial orange horizon. Place as section background. */
.glow-eclipse{ position:relative; isolation:isolate; overflow:hidden; }
.glow-eclipse::before{ content:""; position:absolute; z-index:-1;
  left:50%; bottom:-38%; transform:translateX(-50%);
  width:140%; aspect-ratio:2.6/1; border-radius:50%;
  background:radial-gradient(ellipse at center,
    rgba(224,122,46,.42) 0%, rgba(201,96,26,.22) 32%,
    rgba(160,72,18,.10) 55%, transparent 72%);
  filter:blur(8px); pointer-events:none; }
.glow-eclipse--top::before{ bottom:auto; top:-38%; }

/* Icon halo: orange radial disc behind feature icons */
.icon-halo{ display:inline-flex; align-items:center; justify-content:center;
  width:64px; height:64px; border-radius:50%;
  background:radial-gradient(circle at 50% 42%,
    rgba(224,122,46,.30), rgba(201,96,26,.10) 58%, transparent 75%);
  border:1px solid rgba(244,236,216,.10); color:var(--accent-glow); }

/* FAQ pills (native <details>, no JS) */
.faq-pill{ border:1px solid var(--line); border-radius:1.25rem;
  background:rgba(244,236,216,.04); transition:border-color .2s, background .2s; }
.faq-pill:hover{ border-color:rgba(244,236,216,.18); }
.faq-pill[open]{ background:rgba(244,236,216,.06); }
.faq-pill summary{ cursor:pointer; list-style:none; display:flex;
  align-items:center; justify-content:space-between; gap:1rem;
  padding:1.1rem 1.4rem; font-weight:600; color:var(--navy); }
.faq-pill summary::-webkit-details-marker{ display:none; }
.faq-pill summary::after{ content:"+"; font-family:'JetBrains Mono',monospace;
  font-size:1.1rem; color:var(--accent-glow); flex:none;
  transition:transform .2s; }
.faq-pill[open] summary::after{ transform:rotate(45deg); }
.faq-pill .faq-body{ padding:0 1.4rem 1.2rem; color:var(--navy-2);
  font-size:.95rem; line-height:1.6; }

/* Industry marquee */
.marquee{ overflow:hidden; -webkit-mask-image:linear-gradient(90deg,
  transparent, #000 12%, #000 88%, transparent);
  mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); }
.marquee-track{ display:flex; gap:.75rem; width:max-content;
  animation:marquee-scroll 36s linear infinite; }
.marquee:hover .marquee-track{ animation-play-state:paused; }
@keyframes marquee-scroll{ to{ transform:translateX(-50%); } }
.marquee-chip{ display:inline-flex; align-items:center; gap:.5rem;
  white-space:nowrap; padding:.45rem 1.1rem; border-radius:.65rem;
  border:1px solid var(--line); background:rgba(244,236,216,.04);
  color:var(--navy-2); font-size:.85rem; font-weight:500; }
.marquee-chip svg{ width:14px; height:14px; color:var(--accent-glow); }

@media (prefers-reduced-motion:reduce){
  .marquee-track{ animation:none; }
}