/* SMGLR refine layer (V134): calmer, more spacious, more consistent.
   Loaded after every other stylesheet. Remove the <link> to revert. */

:root {
  --gold-line: rgba(212, 169, 90, .32);
  --gold-line-soft: rgba(143, 106, 42, .16);
  --shadow-soft: 0 1px 0 rgba(255, 255, 255, .55) inset, 0 28px 56px -40px rgba(15, 14, 12, .38);
  --shadow-dark: 0 0 0 1px rgba(212, 169, 90, .28), 0 40px 80px -44px rgba(0, 0, 0, .85);
}

body { text-rendering: optimizeLegibility; }

/* ---------- Ticker: slower, quieter ---------- */
.ticker { color: rgba(251, 248, 242, .66); font-weight: 500; letter-spacing: .02em; border-bottom-color: rgba(212, 169, 90, .14); }
.ticker-track { animation-duration: 96s; }
.ticker li { padding-top: 11px; padding-bottom: 11px; padding-left: 36px; gap: 16px; }
.ticker li::before { width: 4px; height: 4px; opacity: .85; }

/* ---------- Eyebrows & links ---------- */
.eyebrow { letter-spacing: .2em; }
.text-link, .plan-link, a.sample-xlink { text-underline-offset: 4px; text-decoration-thickness: 1px; }

/* ---------- Home: packages section had no top spacing after the dark section ---------- */
#packages.section-tight-top { padding-top: clamp(64px, 8vw, 112px); }

/* ---------- Package cards: gold hairlines, soft depth ---------- */
.plan:not(.plan-feature) { border: 1px solid var(--gold-line-soft); box-shadow: var(--shadow-soft); border-radius: var(--r-md); background: var(--cream); }
@media (min-width: 900px) {
  .plan:not(.plan-feature), .plan:not(.plan-feature):first-child, .plan:not(.plan-feature):last-child { padding: 40px clamp(24px, 2.6vw, 36px); }
}
.plan-feature { box-shadow: var(--shadow-dark); }
.smglr-package-card:not(.pk-plus), .ev-combo-card:not(.ev-combo-card--featured) { border: 1px solid var(--gold-line-soft); box-shadow: var(--shadow-soft); }
.smglr-package-card.pk-plus, .ev-combo-card--featured { box-shadow: var(--shadow-dark); }
.plan, .smglr-package-card, .ev-combo-card { transition: transform .45s var(--ease), box-shadow .45s var(--ease); }
@media (hover: hover) {
  .plan:hover, .smglr-package-card:hover, .ev-combo-card:hover { transform: translateY(-3px); }
}

/* ---------- FAQ ---------- */
.faq summary { transition: color .2s var(--ease); }
@media (hover: hover) { .faq summary:hover { color: var(--gold-deep); } }

/* ---------- Final call-to-action: dark & gold instead of flat yellow ---------- */
html .cta-band,
html .pg-inner main > section.cta-gold {
  position: relative;
  background:
    radial-gradient(60% 90% at 50% 0%, rgba(212, 169, 90, .20), transparent 70%),
    linear-gradient(180deg, #16140f 0%, #0f0e0c 100%);
  color: var(--cream);
  border-top: 1px solid var(--gold-line);
}
html .cta-band::before,
html .pg-inner main > section.cta-gold::before {
  content: ""; position: absolute; left: 50%; top: 0; width: min(560px, 70%); height: 1px; transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(243, 213, 154, .9), transparent);
}
html .cta-band .eyebrow,
html .pg-inner .cta-gold .eyebrow { color: var(--gold); }
html .cta-band h2,
html .cta-gold h2 { color: var(--cream); }
html .cta-band p,
html .cta-gold p { color: var(--muted-light); }
html .pg-inner .cta-gold a:not(.btn):not(.cta) { color: var(--gold); }

/* primary button on the dark band = gold */
html .cta-band .btn-ink,
html .pg-inner .cta-gold .btn.gold,
html .pg-inner .cta-gold .cta.primary {
  background: linear-gradient(180deg, #e4c07a 0%, #d4a95a 52%, #c2933f 100%);
  color: #16130e;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .38), 0 14px 30px -14px rgba(212, 169, 90, .6);
}
html .cta-band .btn-ink:hover,
html .pg-inner .cta-gold .btn.gold:hover,
html .pg-inner .cta-gold .cta.primary:hover {
  background: linear-gradient(180deg, #ebca88 0%, #dab164 52%, #c99a48 100%);
}
/* secondary button on the dark band = cream outline */
html .cta-band .btn-line,
html .pg-inner .cta-gold .btn.ghost,
html .pg-inner .cta-gold .cta.secondary { border-color: rgba(251, 248, 242, .34); color: var(--cream); }
html .cta-band .btn-line:hover,
html .pg-inner .cta-gold .btn.ghost:hover,
html .pg-inner .cta-gold .cta.secondary:hover { border-color: var(--cream); }

/* ---------- Footer: hairline separation ---------- */
.footer { border-top: 1px solid rgba(212, 169, 90, .14); }

@media (prefers-reduced-motion: reduce) {
  .plan, .smglr-package-card, .ev-combo-card { transition: none; }
  .plan:hover, .smglr-package-card:hover, .ev-combo-card:hover { transform: none; }
}