/* ===== Tactical Talk — full-page CYBER theme overlay =====
   Additive retone so the whole page matches the cyber-moose hero.
   Loaded LAST. Touches visuals only — no markup/JS/layout changes. */

:root{
  --tt-cy:#27e7ff;     /* neon cyan  */
  --tt-mg:#ff3df0;     /* neon magenta */
  --tt-gold:#E8A838;
}

/* deepen the base to the hero's near-black + a faint global tech grid behind content */
body{ background:#06060c !important; }
body::before{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(39,231,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,61,240,.025) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(140% 100% at 50% 0%, #000 30%, transparent 85%);
  -webkit-mask-image:radial-gradient(140% 100% at 50% 0%, #000 30%, transparent 85%);
}
/* faint scanlines over everything for the HUD feel */
body::after{
  content:""; position:fixed; inset:0; z-index:9990; pointer-events:none; opacity:.35;
  background:repeating-linear-gradient(to bottom, transparent 0 2px, rgba(0,0,0,.14) 3px, transparent 4px);
  mix-blend-mode:overlay;
}
/* keep real content above the grid */
.nav, main, footer, section, #tt-cyber-hero { position:relative; z-index:1; }

/* ---- section rhythm: neon divider where each section starts ---- */
.section, .section-dark{
  border-top:1px solid transparent !important;
  background-image:linear-gradient(90deg, transparent, rgba(39,231,255,.5), rgba(255,61,240,.4), transparent);
  background-size:100% 1px; background-repeat:no-repeat; background-position:top;
}
.section-dark{ background-color:#08080f !important; }
.section{ background-color:#06060c !important; }

/* ---- headings → display type + cyber kicker accent ---- */
.section-title, .tt-inside-title, h2{
  font-family:'Chakra Petch','Orbitron',system-ui,sans-serif; letter-spacing:.01em;
}
.section-sub, .tt-inside-eyebrow, .tt-inside-subhead{
  font-family:'Chakra Petch',system-ui,sans-serif;
}
.tt-inside-eyebrow, .section-sub{ color:var(--tt-cy) !important; }
.tt-inside-subhead{
  color:var(--tt-cy) !important; letter-spacing:.18em; text-transform:uppercase;
  text-shadow:0 0 14px rgba(39,231,255,.3);
}

/* ---- cards → cyber glass with neon top-accent + cyan hover glow ---- */
.feature-card, .pricing-card, .tt-faq-item, .tt-badge-cell, .tt-bubble{
  position:relative;
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.008)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:16px;
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.feature-card::before, .pricing-card::before{
  content:""; position:absolute; top:0; left:0; right:0; height:2px; border-radius:16px 16px 0 0;
  background:linear-gradient(90deg, var(--tt-cy), var(--tt-mg));
  opacity:.7;
}
.feature-card:hover, .pricing-card:hover, .tt-faq-item:hover, .tt-badge-cell:hover{
  transform:translateY(-4px);
  border-color:rgba(39,231,255,.4) !important;
  box-shadow:0 10px 30px rgba(39,231,255,.14);
}

/* ---- pricing: highlighted tier gets the GOLD neon treatment ---- */
.pricing-card.featured, .pricing-card.popular, .pricing-card[class*="highlight"]{
  border-color:rgba(232,168,56,.5) !important;
  box-shadow:0 0 38px rgba(232,168,56,.16);
}
.pricing-card.featured::before, .pricing-card.popular::before{
  background:linear-gradient(90deg, var(--tt-gold), #f97316) !important; opacity:1;
}
.pricing-price, .pricing-tier{ color:#fff; }
.pricing-price{ text-shadow:0 0 18px rgba(232,168,56,.25); }

/* ---- links / small accents pick up the cyan ---- */
.section a:not(.btn):hover{ color:var(--tt-cy); }

/* ---- footer: thin neon top edge ---- */
footer{
  border-top:1px solid transparent;
  background-image:linear-gradient(90deg, transparent, rgba(39,231,255,.4), rgba(255,61,240,.3), transparent);
  background-size:100% 1px; background-repeat:no-repeat; background-position:top;
}

@media (prefers-reduced-motion:reduce){
  .feature-card, .pricing-card, .tt-faq-item, .tt-badge-cell{ transition:none; }
}

/* ===== Moose brand character — Auran avatar + per-page presence ===== */
.auran-msg.assistant{display:flex;align-items:flex-end;gap:10px}
.auran-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:none;
  border:2px solid var(--tt-cy);box-shadow:0 0 12px rgba(39,231,255,.45);background:#0c0c16}

/* the moose peeks into the corner of every page (tasteful, non-blocking) */
.tt-moose-corner{position:fixed;left:14px;bottom:74px;z-index:3;width:clamp(82px,9vw,128px);height:auto;
  pointer-events:none;opacity:.92;filter:drop-shadow(0 10px 22px rgba(0,0,0,.6)) drop-shadow(0 0 26px rgba(39,231,255,.18));
  animation:tt-moose-bob 7s ease-in-out infinite}
@keyframes tt-moose-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (max-width:980px){.tt-moose-corner{display:none}}
@media (prefers-reduced-motion:reduce){.tt-moose-corner{animation:none}}

/* ===== Moose as Coach (session) + dashboard empty state ===== */
.advice-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.coach-moose{width:clamp(90px,16vw,130px);height:auto;filter:drop-shadow(0 8px 20px rgba(0,0,0,.55)) drop-shadow(0 0 26px rgba(39,231,255,.22));animation:tt-moose-bob 6s ease-in-out infinite}
.advice-header-row .advice-coach-av{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid var(--tt-cy,#27e7ff);box-shadow:0 0 10px rgba(39,231,255,.4);margin-right:10px;flex:none}
.advice-header-row{display:flex;align-items:center}
.dash-empty{text-align:center;padding:36px 20px}
.dash-empty-moose{width:clamp(110px,18vw,150px);height:auto;margin:0 auto 14px;display:block;filter:drop-shadow(0 10px 24px rgba(0,0,0,.6)) drop-shadow(0 0 28px rgba(39,231,255,.2));animation:tt-moose-bob 7s ease-in-out infinite}
.dash-empty-title{font-family:'Chakra Petch',sans-serif;font-weight:800;font-size:20px;color:#f0f0f8;margin-bottom:4px}
.dash-empty-sub{color:#8d92ab;font-size:14px}
@media (prefers-reduced-motion:reduce){.coach-moose,.dash-empty-moose{animation:none}}