/* =============================================================================
   BUFORD CARE · TIMELESS AI — HOMEPAGE "FUTURE GLOW" SECTION
   -----------------------------------------------------------------------------
   A self-contained, drop-in cinematic homepage band that replaces the old
   "Mother's Day Glow Event" section. Everything is scoped under `.bcglow` and
   ships its own design tokens (a subset of the Timeless AI system) so it renders
   identically on the Elementor homepage WITHOUT depending on the landing page's
   tokens.css being present. The theme / Elementor cannot leak in, and this
   cannot leak out.

   Layers:  ① tokens → ② scoped reset → ③ layout → ④ copy → ⑤ buttons →
            ⑥ visual stage (glass scanner, before/after, mesh, score) →
            ⑦ floating chips → ⑧ background FX → ⑨ keyframes →
            ⑩ reveal → ⑪ responsive → ⑫ reduced motion.
   ========================================================================== */

/* ============================ ① TOKENS (scoped) ========================== */
.bcglow {
  /* ink / cinematic surfaces */
  --g-ink-950:#0E0C0A; --g-ink-900:#14110E; --g-ink-800:#1D1916; --g-ink-700:#2A2420;
  /* bronze / taupe */
  --g-bronze-500:#997F66; --g-bronze-400:#AD9580; --g-bronze-300:#C7B5A2; --g-bronze-200:#E0D5C8;
  /* warm accents */
  --g-terra-500:#C5753A; --g-terra-300:#E8A877; --g-gold-400:#E6C260; --g-gold-300:#F0D58C;
  /* on-dark text */
  --g-on:#FBF8F4;
  --g-on-80:rgba(246,244,241,.80); --g-on-58:rgba(246,244,241,.58);
  --g-on-40:rgba(246,244,241,.40); --g-on-12:rgba(246,244,241,.12); --g-on-08:rgba(246,244,241,.08);

  /* signature gradients — tuned to sit on the theme's own dark-section tone (#1D1916) */
  --g-grad-lux:linear-gradient(115deg,#C7B5A2 0%,#E6C260 42%,#C5753A 100%);
  --g-grad-champagne:linear-gradient(180deg,#F3E7CF 0%,#E6C260 55%,#C5753A 120%);
  --g-grad-ink:radial-gradient(120% 120% at 50% 0%,#241F1A 0%,#1D1916 55%,#181410 100%);
  --g-grad-halo:radial-gradient(60% 60% at 50% 40%,rgba(230,194,96,.30) 0%,rgba(197,117,58,.10) 45%,transparent 72%);

  /* glass */
  --g-glass-bg:rgba(35,30,26,.46); --g-glass-border:rgba(246,244,241,.14);
  --g-glass-blur:22px; --g-glass-blur-sm:12px;

  /* radii */
  --g-r-sm:12px; --g-r-md:18px; --g-r-lg:24px; --g-r-xl:32px; --g-r-pill:999px;

  /* shadows */
  --g-sh-lg:0 18px 50px -12px rgba(0,0,0,.55), 0 6px 16px -6px rgba(0,0,0,.4);
  --g-sh-xl:0 48px 100px -28px rgba(0,0,0,.7), 0 16px 40px -12px rgba(0,0,0,.45);
  --g-glow-gold:0 16px 48px -12px rgba(230,194,96,.42);

  /* motion */
  --g-ease-out:cubic-bezier(.16,1,.3,1);
  --g-ease-quart:cubic-bezier(.25,1,.5,1);
  --g-ease-spring:cubic-bezier(.34,1.56,.64,1);
  --g-ease-io:cubic-bezier(.65,0,.35,1);
  --g-fast:.2s; --g-base:.4s; --g-slow:.7s;

  /* type — body in the theme's DM Sans, headings in the theme's Instrument Sans
     so the section reads as part of the site, not a separate template */
  --g-font:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --g-font-head:"Instrument Sans","DM Sans",system-ui,-apple-system,sans-serif;
  --g-mono:"DM Mono",ui-monospace,"SF Mono","Cascadia Code",monospace;
  --g-fs-eyebrow:.78rem;
  --g-fs-title:clamp(1.95rem,1.45rem + 1.7vw,2.5rem); /* ≈31→40px, matches the page's other section titles */
  --g-fs-lead:clamp(1.06rem,.99rem + .5vw,1.32rem);
  --g-fs-sm:.9375rem; --g-fs-xs:.8125rem;

  /* layout */
  --g-maxw:1280px;
  --g-gutter:clamp(1.25rem,4vw,3.25rem);
  --g-pad-y:clamp(4.5rem,3rem + 7vw,8.5rem);

  /* ---- the band itself ---- */
  position:relative;
  width:100%;
  isolation:isolate;
  overflow:hidden;
  background:var(--g-grad-ink);
  font-family:var(--g-font);
  color:var(--g-on-80);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* ============================ ② SCOPED RESET ============================= */
.bcglow *,
.bcglow *::before,
.bcglow *::after { box-sizing:border-box; }
.bcglow h2,.bcglow p,.bcglow ul,.bcglow li,.bcglow figure { margin:0; padding:0; }
.bcglow ul { list-style:none; }
.bcglow img,.bcglow svg { display:block; max-width:100%; }
.bcglow a { color:inherit; text-decoration:none; }
.bcglow button {
  font:inherit; color:inherit; margin:0; border:0; background:none;
  cursor:pointer; -webkit-appearance:none; appearance:none;
}
.bcglow strong { font-weight:700; }
.bcglow :focus-visible {
  outline:2px solid var(--g-gold-400); outline-offset:3px; border-radius:6px;
}

/* ============================ ③ LAYOUT =================================== */
.bcglow .g-inner {
  position:relative; z-index:2;
  max-width:var(--g-maxw); margin-inline:auto;
  padding:var(--g-pad-y) var(--g-gutter);
  display:grid; grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  align-items:center; gap:clamp(2.5rem,5vw,5.5rem);
}

/* ============================ ④ COPY ===================================== */
/* Eyebrow mirrors the theme's section eyebrows (plain bronze, uppercase,
   wide-tracked) — no glass pill — so it reads as native site styling. */
.bcglow .g-eyebrow {
  display:inline-flex; align-items:center; gap:.6rem; flex-wrap:wrap;
  font-family:var(--g-font); font-size:var(--g-fs-eyebrow); font-weight:600;
  text-transform:uppercase; letter-spacing:.2em; color:var(--g-bronze-300);
}
.bcglow .g-eyebrow__dot {
  width:7px; height:7px; border-radius:50%; background:var(--g-grad-lux);
  box-shadow:0 0 12px rgba(230,194,96,.7); flex:none;
}
.bcglow .g-eyebrow__sep { color:var(--g-on-40); }
.bcglow .g-eyebrow__brand { color:var(--g-on-58); letter-spacing:.16em; }

.bcglow .g-title {
  margin-top:1.25rem;
  font-family:var(--g-font-head);
  font-size:var(--g-fs-title); font-weight:500; line-height:1.12; letter-spacing:-.01em;
  color:var(--g-on);
}
.bcglow .g-grad {
  background:var(--g-grad-lux); -webkit-background-clip:text; background-clip:text;
  color:transparent; padding-right:.06em;
}
.bcglow .g-lead {
  margin-top:1.6rem; max-width:35rem;
  font-size:var(--g-fs-lead); line-height:1.6; color:var(--g-on-80);
}
.bcglow .g-lead b { color:var(--g-on); font-weight:600; }

.bcglow .g-actions {
  margin-top:2.25rem; display:flex; flex-wrap:wrap; align-items:stretch; gap:.7rem;
}

/* assurances */
.bcglow .g-assure {
  margin-top:2rem; display:flex; flex-wrap:wrap; gap:.85rem 1.6rem;
}
.bcglow .g-assure li {
  display:inline-flex; align-items:center; gap:.55rem;
  font-size:var(--g-fs-sm); color:var(--g-on-58);
}
.bcglow .g-assure svg { width:18px; height:18px; color:var(--g-gold-400); flex:none; }

/* metrics row */
.bcglow .g-metrics {
  margin-top:2.25rem; padding-top:1.6rem; border-top:1px solid var(--g-on-08);
  display:flex; flex-wrap:wrap; gap:1.4rem 2.4rem;
}
.bcglow .g-metric { display:flex; flex-direction:column; gap:.15rem; }
.bcglow .g-metric__num {
  font-size:1.6rem; font-weight:700; line-height:1; color:var(--g-on);
  letter-spacing:-.02em; font-variant-numeric:tabular-nums;
}
.bcglow .g-metric__num .g-star { color:var(--g-gold-400); font-size:1.1rem; }
.bcglow .g-metric__lbl {
  font-family:var(--g-mono); font-size:var(--g-fs-xs); letter-spacing:.04em;
  text-transform:uppercase; color:var(--g-on-40);
}

/* ============================ ⑤ BUTTONS ================================== */
/* Square, uppercase, compact — matches the site's own buttons (0 radius,
   ~12px, 500-600, ~2px tracking, solid bronze #997F66). */
.bcglow .g-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  padding:.9rem 1.1rem; border-radius:0;
  font-weight:600; font-size:.78rem; letter-spacing:.1em; text-transform:uppercase; white-space:nowrap;
  position:relative; border:1px solid transparent; will-change:transform;
  transition:transform var(--g-fast) var(--g-ease-quart),
             box-shadow var(--g-base) var(--g-ease-quart),
             background var(--g-base) var(--g-ease-quart),
             border-color var(--g-base) var(--g-ease-quart);
}
.bcglow .g-btn svg { width:16px; height:16px; transition:transform var(--g-base) var(--g-ease-quart); }
.bcglow .g-btn:hover svg.g-btn__arrow { transform:translateX(3px); }
.bcglow .g-btn:active { transform:translateY(1px); }

.bcglow .g-btn--primary {
  color:#fff; background:var(--g-bronze-500);
  box-shadow:0 12px 28px -14px rgba(153,127,102,.65);
}
.bcglow .g-btn--primary:hover {
  background:#866D57;
  box-shadow:0 14px 30px -16px rgba(153,127,102,.7);
}
.bcglow .g-btn--glass {
  color:var(--g-on); background:transparent; border-color:var(--g-on-40);
}
.bcglow .g-btn--glass:hover { background:var(--g-on-08); border-color:var(--g-on); }
.bcglow .g-btn--glass .g-btn__play {
  width:22px; height:22px; border-radius:50%; display:grid; place-items:center; flex:none;
  background:var(--g-on-12); transition:background var(--g-base);
}
.bcglow .g-btn--glass:hover .g-btn__play { background:rgba(246,244,241,.2); }
.bcglow .g-btn--glass .g-btn__play svg { width:10px; height:10px; color:var(--g-on); }

/* ===================== ⑥ VISUAL STAGE / SCANNER ========================= */
.bcglow .g-stage {
  position:relative; justify-self:center;
  width:100%; max-width:440px;
  perspective:1400px;
}
.bcglow .g-card {
  position:relative; isolation:isolate;
  padding:.95rem; border-radius:var(--g-r-xl);
  background:var(--g-glass-bg); border:1px solid var(--g-glass-border);
  -webkit-backdrop-filter:blur(var(--g-glass-blur)); backdrop-filter:blur(var(--g-glass-blur));
  box-shadow:var(--g-sh-xl), inset 0 1px 0 rgba(246,244,241,.1);
  transform:rotateX(var(--rx,0)) rotateY(var(--ry,0));
  transform-style:preserve-3d;
  transition:transform .35s var(--g-ease-quart);
  animation:g-floaty 8s var(--g-ease-io) infinite;
}
.bcglow .g-card__glow {
  position:absolute; inset:-1.5px; border-radius:inherit; z-index:-1;
  background:var(--g-grad-lux); opacity:.42; filter:blur(26px);
}
.bcglow .g-card__head,
.bcglow .g-card__foot { display:flex; align-items:center; gap:.6rem; padding:.45rem .55rem; }
.bcglow .g-card__head .g-mono { color:var(--g-bronze-300); flex:1; }
.bcglow .g-card__head .g-card__sec { flex:none; color:var(--g-gold-400); }
.bcglow .g-mono {
  font-family:var(--g-mono); font-size:var(--g-fs-xs); letter-spacing:.05em;
  font-variant-numeric:tabular-nums;
}
.bcglow .g-card__live {
  width:8px; height:8px; border-radius:50%; flex:none;
  background:#56d364; box-shadow:0 0 10px #56d364; animation:g-pulse 2s infinite;
}

/* scanner frame */
.bcglow .g-scanner {
  position:relative; border-radius:var(--g-r-lg); overflow:hidden;
  box-shadow:inset 0 0 0 1px var(--g-on-08);
}
.bcglow .g-portrait {
  position:relative; aspect-ratio:4/5; overflow:hidden; isolation:isolate;
  --cut:50%;   /* driven by the auto-loop in glow.js — not user-draggable */
}
/* before/after layers — two real, matched photos ("Today" vs the "AI Preview").
   Shown true-to-source (no heavy grading); their black backdrop melts into the
   section's dark band. */
.bcglow .g-portrait__before,
.bcglow .g-portrait__after {
  position:absolute; inset:0;
  background-color:#0c0a08;
  background-repeat:no-repeat;
  background-position:center 30%;
  background-size:128%;
}
.bcglow .g-portrait__before { background-image:var(--g-before); }
.bcglow .g-portrait__after  {
  background-image:var(--g-after);
  clip-path:inset(0 0 0 var(--cut));
}
.bcglow .g-portrait__bloom {
  position:absolute; inset:0; mix-blend-mode:screen; pointer-events:none;
  background:radial-gradient(42% 34% at 52% 30%,rgba(255,244,222,.55),transparent 70%),
            radial-gradient(30% 24% at 64% 56%,rgba(230,194,96,.26),transparent 70%);
  animation:g-shimmer 6s var(--g-ease-io) infinite;
}

/* facial-mapping mesh */
.bcglow .g-mesh { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:3; }
.bcglow .g-mesh__line { stroke:rgba(230,194,96,.5); stroke-width:.5; fill:none;
  stroke-dasharray:200; stroke-dashoffset:200; animation:g-draw 2.4s var(--g-ease-out) .5s forwards; }
.bcglow .g-mesh__dot { fill:var(--g-gold-300); opacity:0; animation:g-dotIn .5s var(--g-ease-spring) forwards; }
.bcglow .g-mesh__dot:nth-of-type(2n){ animation-delay:.9s; }
.bcglow .g-mesh__dot:nth-of-type(3n){ animation-delay:1.2s; }
.bcglow .g-mesh__dot:nth-of-type(4n){ animation-delay:1.5s; }

/* scan sweep */
.bcglow .g-scanline {
  position:absolute; left:0; right:0; height:26%; top:-26%; z-index:4; pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(230,194,96,.32) 60%,rgba(255,255,255,.6));
  mix-blend-mode:screen; animation:g-scan 4.8s var(--g-ease-io) infinite;
}

/* corner reticles */
.bcglow .g-reticle { position:absolute; width:20px; height:20px; z-index:5;
  border:2px solid rgba(246,244,241,.55); pointer-events:none; }
.bcglow .g-reticle--tl { top:12px; left:12px; border-right:0; border-bottom:0; }
.bcglow .g-reticle--tr { top:12px; right:12px; border-left:0; border-bottom:0; }
.bcglow .g-reticle--bl { bottom:12px; left:12px; border-right:0; border-top:0; }
.bcglow .g-reticle--br { bottom:12px; right:12px; border-left:0; border-top:0; }

/* before/after divider */
.bcglow .g-divider {
  position:absolute; top:0; bottom:0; left:var(--cut); z-index:6;
  width:2px; transform:translateX(-1px); pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.9),transparent);
}
.bcglow .g-divider__grip {
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:42px; height:42px; border-radius:50%; display:grid; place-items:center;
  color:#2A1D10; background:var(--g-grad-champagne);
  box-shadow:var(--g-glow-gold), inset 0 1px 0 rgba(255,255,255,.5);
  animation:g-grip 2.6s var(--g-ease-io) infinite;
}
.bcglow .g-divider__grip svg { width:18px; height:18px; }
.bcglow .g-tag {
  position:absolute; bottom:14px; z-index:6;
  font-family:var(--g-mono); font-size:.66rem; letter-spacing:.08em; text-transform:uppercase;
  padding:.32rem .6rem; border-radius:var(--g-r-pill); color:var(--g-on);
  background:rgba(20,17,14,.55); border:1px solid var(--g-on-12);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
}
.bcglow .g-tag--before { left:14px; }
.bcglow .g-tag--after  { right:14px; color:var(--g-gold-300); border-color:rgba(230,194,96,.3); }

/* card footer — score + bars */
.bcglow .g-card__foot { gap:1rem; padding:.85rem .6rem .5rem; align-items:center; }
.bcglow .g-score { position:relative; width:62px; height:62px; flex:none; }
.bcglow .g-score svg { width:100%; height:100%; transform:rotate(-90deg); }
.bcglow .g-score__track { fill:none; stroke:var(--g-on-08); stroke-width:5; }
.bcglow .g-score__arc {
  fill:none; stroke:url(#gscoreGrad); stroke-width:5; stroke-linecap:round;
  stroke-dasharray:163; stroke-dashoffset:163; transition:stroke-dashoffset 1.6s var(--g-ease-out);
}
.bcglow .g-score__num {
  position:absolute; inset:0; display:grid; place-items:center;
  font-weight:700; font-size:1.15rem; color:var(--g-on); font-variant-numeric:tabular-nums;
}
.bcglow .g-bars { flex:1; display:flex; flex-direction:column; gap:.5rem; min-width:0; }
.bcglow .g-bar { display:grid; grid-template-columns:1fr auto; gap:.3rem .6rem; align-items:center; }
.bcglow .g-bar > span:first-child {
  grid-column:1; font-size:var(--g-fs-xs); color:var(--g-on-58); white-space:nowrap;
}
.bcglow .g-bar__val { grid-column:2; font-family:var(--g-mono); font-size:var(--g-fs-xs); color:var(--g-gold-300); }
.bcglow .g-bar__track {
  grid-column:1 / -1; height:4px; border-radius:4px; overflow:hidden; background:var(--g-on-08);
}
.bcglow .g-bar__fill {
  display:block; height:100%; width:0; border-radius:4px; background:var(--g-grad-lux);
  transition:width 1.4s var(--g-ease-out);
}
.bcglow.is-live .g-bar__fill { width:var(--v); }

/* ============================ ⑦ FLOATING CHIPS ========================== */
.bcglow .g-chip {
  position:absolute; z-index:7; display:flex; align-items:center; gap:.6rem;
  padding:.7rem .95rem; border-radius:var(--g-r-md);
  font-size:var(--g-fs-xs); color:var(--g-on);
  background:var(--g-glass-bg); border:1px solid var(--g-glass-border);
  -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
  box-shadow:var(--g-sh-lg);
  will-change:transform;
}
.bcglow .g-chip__ico {
  width:30px; height:30px; border-radius:9px; display:grid; place-items:center; flex:none;
  background:var(--g-on-08); color:var(--g-gold-400);
}
.bcglow .g-chip__ico svg { width:16px; height:16px; }
.bcglow .g-chip__txt { display:flex; flex-direction:column; line-height:1.25; }
.bcglow .g-chip__txt small { color:var(--g-on-58); font-size:.7rem; }
.bcglow .g-chip__txt strong { font-size:.95rem; color:var(--g-on); }
.bcglow .g-chip__txt strong .g-up { color:#7ee0a2; font-size:.78rem; }
.bcglow .g-chip--clarity { top:8%;  left:-6%;  animation:g-floaty 7.5s var(--g-ease-io) infinite .2s; }
.bcglow .g-chip--glow    { top:40%; right:-9%; animation:g-floaty 9s   var(--g-ease-io) infinite .8s; }
.bcglow .g-chip--sym     { top:57%; left:-4%; animation:g-floaty 8.2s var(--g-ease-io) infinite .5s; } /* above the TODAY tag */

/* ============================ ⑧ BACKGROUND FX =========================== */
.bcglow .g-bg { position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
/* Soft warm ambient glow only — no grid, gentler than a cinematic aurora, so it
   reads as quiet depth behind the band rather than a separate "sci-fi" template. */
.bcglow .g-aurora {
  position:absolute; border-radius:50%; filter:blur(82px); opacity:.26;
  mix-blend-mode:screen; will-change:transform;
}
.bcglow .g-aurora--1 { width:44vw; height:44vw; top:-16%; right:-10%;
  background:radial-gradient(circle,rgba(230,194,96,.42),transparent 66%);
  animation:g-aurora1 26s var(--g-ease-io) infinite alternate; }
.bcglow .g-aurora--2 { width:40vw; height:40vw; bottom:-20%; left:-12%;
  background:radial-gradient(circle,rgba(197,117,58,.38),transparent 66%);
  animation:g-aurora2 30s var(--g-ease-io) infinite alternate; }
.bcglow .g-aurora--3 { display:none; } /* trimmed — keep the ambience minimal */
.bcglow .g-grain {
  position:absolute; inset:0; opacity:.18; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
}
.bcglow .g-spot {
  position:absolute; width:620px; height:620px; border-radius:50%;
  left:var(--mx,50%); top:var(--my,32%); transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(230,194,96,.14),transparent 60%);
  opacity:0; transition:opacity var(--g-base); mix-blend-mode:screen;
}
.bcglow[data-spotlight-on] .g-spot { opacity:1; }
/* top / bottom edge separation from neighbouring sections */
.bcglow .g-edge { position:absolute; left:0; right:0; height:1px; z-index:1;
  background:linear-gradient(90deg,transparent,var(--g-on-12) 22%,var(--g-on-12) 78%,transparent); }
.bcglow .g-edge--top { top:0; } .bcglow .g-edge--bottom { bottom:0; }

/* ============================ ⑨ KEYFRAMES =============================== */
@keyframes g-floaty { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }
@keyframes g-shimmer { 0%,100%{opacity:.85} 50%{opacity:1} }
@keyframes g-scan { 0%{top:-26%} 55%,100%{top:108%} }
@keyframes g-pulse { 0%,100%{box-shadow:0 0 0 0 rgba(86,211,100,.5)} 50%{box-shadow:0 0 0 5px rgba(86,211,100,0)} }
@keyframes g-grip { 0%,100%{box-shadow:var(--g-glow-gold),inset 0 1px 0 rgba(255,255,255,.5),0 0 0 0 rgba(230,194,96,.45)}
                    50%{box-shadow:var(--g-glow-gold),inset 0 1px 0 rgba(255,255,255,.5),0 0 0 12px rgba(230,194,96,0)} }
@keyframes g-draw  { to{stroke-dashoffset:0} }
@keyframes g-dotIn { from{opacity:0;transform:scale(.4)} to{opacity:.95;transform:scale(1)} }
@keyframes g-aurora1 { from{transform:translate(0,0) scale(1)} to{transform:translate(-6%,8%) scale(1.14)} }
@keyframes g-aurora2 { from{transform:translate(0,0) scale(1)} to{transform:translate(8%,-6%) scale(1.16)} }
@keyframes g-aurora3 { from{transform:translate(0,0) scale(1)} to{transform:translate(-5%,-7%) scale(1.2)} }

/* ============================ ⑩ REVEAL ON SCROLL ======================== */
.bcglow [data-reveal] {
  opacity:0; transform:translateY(30px);
  transition:opacity var(--g-slow) var(--g-ease-quart), transform var(--g-slow) var(--g-ease-quart);
  will-change:opacity,transform;
}
.bcglow [data-reveal].is-visible { opacity:1; transform:none; }
.bcglow [data-reveal-delay="1"]{ transition-delay:.08s; }
.bcglow [data-reveal-delay="2"]{ transition-delay:.16s; }
.bcglow [data-reveal-delay="3"]{ transition-delay:.24s; }
.bcglow [data-reveal-delay="4"]{ transition-delay:.32s; }

/* ============================ ⑪ RESPONSIVE ============================== */
@media (max-width:980px){
  .bcglow { --g-pad-y:clamp(3.25rem,7vw,5rem); }
  .bcglow .g-inner { grid-template-columns:1fr; gap:clamp(2rem,6vw,3.25rem); text-align:center; }
  .bcglow .g-copy { display:flex; flex-direction:column; align-items:center; }
  .bcglow .g-eyebrow { justify-content:center; }      /* centred badge */
  .bcglow .g-lead { margin-inline:auto; }
  .bcglow .g-actions,.bcglow .g-assure,.bcglow .g-metrics { justify-content:center; }
  .bcglow .g-stage { order:-1; max-width:380px; }
}
/* Compact hero on phones — tighter rhythm, smaller card, chips pulled inside
   the frame (so they never clip) and shrunk, symmetry sitting above TODAY. */
@media (max-width:560px){
  .bcglow { --g-pad-y:2.75rem; }
  .bcglow .g-title { margin-top:1rem; }
  .bcglow .g-lead { margin-top:1.05rem; font-size:1rem; line-height:1.55; }
  .bcglow .g-actions { margin-top:1.5rem; flex-direction:column; align-items:stretch; width:100%; max-width:320px; gap:.7rem; }
  .bcglow .g-btn { width:100%; }
  .bcglow .g-assure { margin-top:1.4rem; gap:.55rem 1.2rem; font-size:.875rem; }
  .bcglow .g-metrics { margin-top:1.5rem; padding-top:1.1rem; gap:.9rem 1.4rem; }
  .bcglow .g-metric__num { font-size:1.25rem; }
  .bcglow .g-stage { max-width:332px; }

  .bcglow .g-chip { padding:.42rem .62rem; gap:.4rem; border-radius:12px; }
  .bcglow .g-chip__ico { display:none; }            /* drop the icon tile to compact */
  .bcglow .g-chip__txt strong { font-size:.82rem; }
  .bcglow .g-chip__txt small { font-size:.62rem; }
  .bcglow .g-chip--clarity { top:12%;  left:1%;  right:auto; }
  .bcglow .g-chip--glow    { top:34%;  right:1%; left:auto; }
  .bcglow .g-chip--sym     { top:55%;  left:1%;  right:auto; }   /* above TODAY */
  .bcglow .g-tag { font-size:.58rem; padding:.26rem .5rem; }
}

/* ============================ ⑫ REDUCED MOTION ========================== */
@media (prefers-reduced-motion:reduce){
  .bcglow *,.bcglow *::before,.bcglow *::after {
    animation-duration:.001ms !important; animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  .bcglow [data-reveal]{ opacity:1 !important; transform:none !important; }
  .bcglow .g-scanline{ display:none; }
}