/* ============================================================
   Meerkats AI — Theme Override v2.0
   Linked AFTER each page's inline <style>. Wins the cascade.
   Kills glass/neon/sand decorations and reskins nav, buttons,
   cards, sections to the new white + ember system.
   ============================================================ */

/* BASE */
html{background:var(--white);scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink-900);background:var(--white);line-height:1.55;-webkit-font-smoothing:antialiased}

/* Nuke decorative layers */
body::before,body::after{content:none !important;background:none !important}
.ambient-sienna{display:none !important}
.sand-texture::before,.sand-warm::before,.sand-texture::after,.sand-warm::after{content:none !important;background:none !important}
.sand-texture,.sand-warm{background:var(--off) !important}

/* Kill glassmorphism globally */
*{backdrop-filter:none !important;-webkit-backdrop-filter:none !important}

/* Typography */
h1,h2,h3,h4,h5{font-family:var(--display) !important;font-weight:400 !important;color:var(--ink-900) !important;letter-spacing:-.02em !important}
h1{font-size:clamp(2.4rem,4.6vw,3.4rem) !important;line-height:1.08 !important;letter-spacing:-.025em !important}
h2{font-size:clamp(1.9rem,3.6vw,2.6rem) !important;line-height:1.1 !important}
h3{font-size:1.35rem !important;line-height:1.2 !important;letter-spacing:-.01em !important}
h1 em,h2 em,h3 em,h4 em{font-family:var(--serif) !important;font-style:italic !important;color:var(--ember) !important;font-weight:400 !important}
p,li,span,label,div,a,button,input,textarea{font-family:var(--sans)}
p{font-family:var(--sans) !important}

/* NAV — sticky white, hairline rule, not floating glass */
nav{position:sticky !important;top:0 !important;left:auto !important;right:auto !important;transform:none !important;width:100% !important;max-width:none !important;padding:.85rem 2rem !important;height:auto !important;background:var(--white) !important;border:none !important;border-bottom:1.5px solid var(--rule) !important;border-radius:0 !important;box-shadow:none !important;backdrop-filter:none !important}
.logo svg{height:26px !important}
.nav-links a{color:var(--ink-500) !important;font-weight:500;font-family:var(--sans)}
.nav-links a:hover{color:var(--ink-900) !important}
.nav-links a:hover::after{display:none !important}
.hamburger span{background:var(--ink-900) !important}
.mobile-menu{background:var(--white) !important}
.mobile-menu a{color:var(--ink-900) !important;border-bottom-color:var(--rule) !important}

/* BUTTONS */
.btn{font-family:var(--sans);font-weight:600;border-radius:4px !important;border:1.5px solid var(--rule);background:var(--white);color:var(--ink-900);padding:.6rem 1.1rem;box-shadow:none !important;transition:background var(--duration) var(--ease),border-color var(--duration) var(--ease),color var(--duration) var(--ease)}
.btn:hover{transform:none !important;border-color:var(--ink-900)}
.btn-lime,.btn-lime-lg,.btn-primary,.btn-accent{background:var(--ember) !important;color:var(--white) !important;border:1.5px solid var(--ember) !important;box-shadow:none !important;border-radius:4px !important;overflow:visible}
.btn-lime:hover,.btn-lime-lg:hover,.btn-primary:hover,.btn-accent:hover{background:var(--ember-hover) !important;border-color:var(--ember-hover) !important;color:var(--white) !important}
.btn-lime::before,.btn-lime-lg::before{content:none !important}
.btn-lime{padding:.55rem 1.1rem;font-size:.88rem}
.btn-lime-lg{padding:.85rem 1.6rem;font-size:.95rem}

/* Links */
a{color:var(--ember)}
a:hover{color:var(--ember-hover)}

/* CARDS — flatten glass */
.gc,.glass,.card,.stat-card,.card-item,.step-card,.comp-card,.principle,.token-col,.rule-col,.gap-box{background:var(--white) !important;background-image:none !important;border:1.5px solid var(--rule) !important;border-radius:0 !important;box-shadow:none !important;backdrop-filter:none !important}
.gc:hover,.card:hover,.card-item:hover,.step-card:hover,.comp-card:hover{transform:none !important;box-shadow:none !important;border-color:var(--ink-900) !important}

/* Featured/primary cards */
.comp-card.meerkats{grid-column:1/-1;border:1.5px solid var(--rule) !important;border-left:3px solid var(--ember) !important;background:var(--tint) !important}
.comp-card.meerkats h4{color:var(--ember) !important}

/* SECTIONS */
section{background:var(--white);border-bottom:1.5px solid var(--rule);padding:5rem 2rem;position:relative;z-index:1}
section.sand-texture,section.sand-warm,section.bg-off,section.tint-section{background:var(--off) !important}
section.bridge,section.cta-end{background:var(--tint) !important}

/* HERO */
.hero{padding-top:6rem;padding-bottom:5rem;background:var(--white) !important;border-bottom:1.5px solid var(--rule)}
.hero::after,.hero::before{content:none !important;background:none !important}

/* PILL */
.pill{background:var(--tint) !important;border:1px solid var(--tint) !important;border-radius:999px !important;padding:.3rem .75rem !important;font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ember) !important;box-shadow:none !important;backdrop-filter:none !important}
.pill-dot{background:var(--ember) !important;box-shadow:none !important;width:6px !important;height:6px !important}

/* LABELS / EYEBROWS */
.label,.eyebrow{font-family:var(--sans);font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600;color:var(--ember);margin-bottom:1rem;display:inline-flex;align-items:center;gap:.4rem}
.label::before,.eyebrow::before{content:'';width:14px;height:1.5px;background:var(--ember);display:inline-block}

/* STATS */
.stat-num{font-family:var(--sans) !important;font-weight:700 !important;color:var(--ember) !important;letter-spacing:-.025em}
.stat-label{font-family:var(--sans);color:var(--ink-900)}
.stat-detail{color:var(--ink-500)}

/* VALUE-PROP VISUALS */
.vp-vis{background:var(--white) !important;border:1.5px solid var(--rule) !important;border-radius:0 !important;box-shadow:none !important;backdrop-filter:none !important;background-image:none !important}
.vis-row{background:var(--white) !important;border:1px solid var(--rule-soft) !important;border-radius:4px !important;box-shadow:none !important;background-image:none !important}
.vis-row:hover{transform:none !important;border-color:var(--ink-900) !important}
.vis-icon{background:var(--tint) !important;border-radius:4px !important}
.vis-icon svg{stroke:var(--ember) !important}
.vis-row.live{background:var(--tint) !important;border-color:var(--ember) !important}
.vis-label{color:var(--ink-900);font-family:var(--sans)}
.vis-meta{font-family:var(--mono);color:var(--ink-400);letter-spacing:.03em}
.vis-arrow{font-family:var(--mono);color:var(--ink-400);letter-spacing:.03em}

/* VP bullets */
.vp-copy li::before{background:var(--ember) !important}

/* GAP FLOW */
.gap-box.crm{background:var(--white) !important;border:1.5px solid var(--rule) !important}
.gap-box.missing{background:var(--tint) !important;border:1.5px dashed var(--ember) !important}
.gap-box.manual{background:var(--off) !important;border:1.5px solid var(--rule-soft) !important}
.gap-box.crm h4{color:var(--ink-900)}
.gap-box.missing h4{color:var(--ember)}
.gap-box.manual h4{color:var(--ink-500)}
.gap-arrow{font-family:var(--mono);color:var(--ink-400)}

/* BEFORE/AFTER */
.ba-grid{border:1.5px solid var(--rule);border-radius:0 !important}
.ba-col{background:var(--white) !important;border-radius:0 !important;box-shadow:none !important;backdrop-filter:none !important;background-image:none !important;border:none !important}
.ba-col.before{border-right:1.5px solid var(--rule) !important}
.ba-col.after{background:var(--white) !important;border-left:3px solid var(--ember) !important}
.ba-col.before .ba-hd{background:var(--white) !important;color:var(--ink-400) !important;border-bottom:1.5px solid var(--rule) !important}
.ba-col.after .ba-hd{background:var(--white) !important;color:var(--ember) !important;border-bottom:1.5px solid var(--rule) !important}
.ba-list li{border-bottom:1px solid var(--rule-soft) !important;color:var(--ink-700) !important;font-family:var(--sans)}

/* FAQ */
.faq-item{border-bottom:1.5px solid var(--rule) !important}
.faq-q{font-family:var(--sans);color:var(--ink-900)}
.faq-q:hover,.faq-item.open .faq-q{color:var(--ember)}
.faq-icon{color:var(--ember) !important}
.faq-a p{color:var(--ink-500);font-family:var(--sans)}

/* TAGS */
.tag,.category-pill{border-radius:999px !important;border:1px solid var(--rule-soft);background:var(--white);color:var(--ink-700);font-family:var(--sans)}
.tag-ember,.category-pill[data-cat]{background:var(--tint) !important;color:var(--ember) !important;border-color:var(--tint) !important}

/* TRUST BADGES */
.trust-badge{border:1px solid var(--rule-soft);border-radius:999px;background:var(--white);color:var(--ink-700);padding:.3rem .7rem;font-family:var(--sans)}
.trust-badge strong{color:var(--ink-900)}

/* FOOTER */
footer{background:var(--white) !important;border-top:1.5px solid var(--rule) !important;box-shadow:none !important}
footer p{font-family:var(--sans);color:var(--ink-400)}
footer a{color:var(--ink-500);border-bottom:1px solid var(--rule-soft)}
footer a:hover{color:var(--ember);border-bottom-color:var(--ember)}

/* BLOG / ARTICLE SURFACES */
article,.post-body,.blog-card{background:var(--white);color:var(--ink-900)}
article h1,article h2,article h3{color:var(--ink-900)}
article p,article li{color:var(--ink-700);font-family:var(--sans)}
article a{color:var(--ember);border-bottom:1px solid var(--ember)}
article code,article pre{font-family:var(--mono);background:var(--off);border:1px solid var(--rule-soft);border-radius:4px}

/* STEP numbers */
.step-num{background:var(--tint) !important;color:var(--ember) !important;border-radius:4px !important;font-family:var(--mono);font-weight:600;box-shadow:none !important}

/* Feat icons */
.feat-icon,.c-icon{background:var(--tint) !important;border-radius:4px !important;box-shadow:none !important}
.feat-icon svg,.c-icon svg{stroke:var(--ember) !important}

/* Mobile nav position fix (sticky, not floating) */
@media(max-width:700px){
  nav{padding:.75rem 1rem !important}
}

/* ============================================================
   USE-CASE & BLOG INSIDE-PAGE OVERRIDES
   ============================================================ */

/* Flatten ALL decorative cards/panels across inside pages */
.glass-card,.frame,.build-card,.build-section,.build-grid,.console-box,
.console-section,.cron-card,.cron-section,.flow-section,.flow-wrap,
.hero-product,.mc-badge,.mc-row,.mc-head,.output-grid,.output-section,
.uc-hero,.uc-problem,.uc-who,.tools-strip,.steps,.video-section,.video-wrap,
.p-grid,.level-pill,.prompt-btn,.console-prompts,.console-send,
.console-input-wrap,.console-textarea,.console-header,.console-hint,
.frame-bar,.build-item,.build-item-desc,.build-item-num,.build-pip,
.step-arr,.level-dot,.tag-pill,.mc-title,.vp{
  background:var(--white) !important;
  background-image:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Cards proper */
.glass-card,.frame,.build-card,.console-box,.cron-card,.mc-badge,.mc-row,
.hero-product,.output-grid>*,.build-item,.video-wrap{
  border:1.5px solid var(--rule) !important;
  border-radius:0 !important;
}

/* Section backgrounds — alternate white / off */
section.uc-hero,section.uc-who,section.output-section,section.video-section,
section.cta-end,section.build-section,section.flow-section,section.cron-section,
section.uc-problem,section.tools-strip,section.how{
  background:var(--white) !important;
  border-bottom:1.5px solid var(--rule);
}
section.uc-problem,section.tools-strip,section.flow-section{
  background:var(--off) !important;
}
section.cta-end{background:var(--tint) !important;border-top:1.5px solid var(--rule)}

/* Pills, dots, tags on inside pages */
.level-pill,.tag-pill,.category-pill,.mc-badge{
  background:var(--tint) !important;
  color:var(--ember) !important;
  border:1px solid var(--tint) !important;
  border-radius:999px !important;
  font-family:var(--sans);
  font-size:.72rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.04em;
  box-shadow:none !important;
}
.level-dot,.build-pip{background:var(--ember) !important;box-shadow:none !important}

/* Console/terminal mocks — flatten but keep structure */
.console-box,.frame{
  background:var(--off) !important;
  border:1.5px solid var(--rule) !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.console-header,.frame-bar{
  background:var(--white) !important;
  border-bottom:1px solid var(--rule-soft) !important;
  color:var(--ink-500) !important;
}
.frame-dot{box-shadow:none !important}
.console-textarea,.console-input-wrap{
  background:var(--white) !important;
  border:1px solid var(--rule-soft) !important;
  border-radius:4px !important;
  color:var(--ink-900) !important;
  font-family:var(--mono) !important;
}
.prompt-btn,.console-send{
  background:var(--white) !important;
  border:1.5px solid var(--rule) !important;
  border-radius:4px !important;
  color:var(--ink-900) !important;
  box-shadow:none !important;
  font-family:var(--sans) !important;
}
.prompt-btn:hover,.console-send:hover{
  border-color:var(--ink-900) !important;
  background:var(--white) !important;
}

/* Build-section numbered items */
.build-item-num{
  background:var(--tint) !important;
  color:var(--ember) !important;
  border-radius:4px !important;
  font-family:var(--mono) !important;
  box-shadow:none !important;
}

/* CTA buttons inside pages */
.btn-ghost{
  background:var(--white) !important;
  color:var(--ink-900) !important;
  border:1.5px solid var(--rule) !important;
  border-radius:4px !important;
  box-shadow:none !important;
}
.btn-ghost:hover{border-color:var(--ink-900) !important}

/* Back link & misc inline navigation */
.back-link{color:var(--ink-500) !important;border-bottom:1px solid var(--rule-soft) !important}
.back-link:hover{color:var(--ember) !important;border-bottom-color:var(--ember) !important}

/* Bridge/banner sections on inside pages */
.bridge{background:var(--tint) !important;border-top:1.5px solid var(--rule) !important;border-bottom:1.5px solid var(--rule) !important}

/* Mock UI frames (nav preview inside hero) */
.mock,.mock-nav{
  background:var(--white) !important;
  border:1.5px solid var(--rule) !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/* Images & video embeds — clean borders */
.video-wrap iframe,.video-wrap video{
  border:1.5px solid var(--rule) !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/* Blog-specific */
.post-card,.blog-card{
  background:var(--white) !important;
  border:1.5px solid var(--rule) !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.post-card:hover,.blog-card:hover{border-color:var(--ink-900) !important;transform:none !important}
.post-meta,.post-date{color:var(--ink-400) !important;font-family:var(--mono) !important}
.post-title{color:var(--ink-900) !important;font-family:var(--display) !important}
.post-excerpt{color:var(--ink-500) !important;font-family:var(--sans) !important}

/* Kill any lingering glass/box-shadow on inside pages via targeted selector */
.hero::after,.hero::before,section::after,section::before{
  content:none !important;
  background:none !important;
}

/* Labels inside inside-pages */
.uc-label,.section-label{
  font-family:var(--sans);
  font-size:.76rem;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-weight:600;
  color:var(--ember) !important;
}

/* ============================================================
   SECOND SWEEP — remaining inside-page classes
   ============================================================ */

/* Pain/problem section */
.pain,.pain-grid,.pain-icon,.problem-copy,.problem-list{
  background:var(--white) !important;
  background-image:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.pain{
  border:1.5px solid var(--rule) !important;
  border-radius:0 !important;
  padding:1.5rem !important;
}
.pain-icon{
  background:var(--tint) !important;
  border-radius:4px !important;
  color:var(--ember) !important;
}
.problem{background:var(--off) !important}

/* Personas section */
.personas,.personas-head,.p-card,.p-tag,.p-grid{
  background:var(--white) !important;
  background-image:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.p-card{
  border:1.5px solid var(--rule) !important;
  border-radius:0 !important;
  padding:1.5rem !important;
}
.p-tag{
  background:var(--tint) !important;
  color:var(--ember) !important;
  border:1px solid var(--tint) !important;
  border-radius:999px !important;
  font-family:var(--sans) !important;
  font-size:.7rem !important;
  font-weight:600 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  padding:.25rem .6rem !important;
}

/* Mock UI */
.mock-body,.mock-card,.mock-item,.mock-nav-label{
  background:var(--white) !important;
  background-image:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.mock-card,.mock-item{
  border:1px solid var(--rule-soft) !important;
  border-radius:4px !important;
}
.mock-nav-label{color:var(--ink-500) !important;font-family:var(--sans) !important}
.mock-pip{background:var(--ember) !important;box-shadow:none !important}

/* Tools strip */
.tool-logo,.tools-logos{
  background:var(--white) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
.tool-logo{
  border:1px solid var(--rule-soft) !important;
  border-radius:4px !important;
  padding:.75rem 1rem !important;
}

/* Trust / social-proof row */
.trust,.trust-row,.trust-label,.trust-name{
  background:var(--white) !important;
  background-image:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
.trust-row{
  border:1.5px solid var(--rule) !important;
  border-radius:0 !important;
}
.trust-label{color:var(--ink-400) !important;font-family:var(--mono) !important;font-size:.7rem !important;letter-spacing:.04em !important;text-transform:uppercase !important}
.trust-name{color:var(--ink-900) !important;font-family:var(--sans) !important;font-weight:600 !important}

/* Use-case grid (on /use-cases index and inside pages) */
.use-cases,.use-cases-header,.uc-grid,.uc-card,.uc-explore{
  background:var(--white) !important;
  background-image:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.uc-card{
  border:1.5px solid var(--rule) !important;
  border-radius:0 !important;
  padding:1.75rem !important;
  transition:border-color var(--duration) var(--ease);
}
.uc-card:hover{transform:none !important;border-color:var(--ink-900) !important;box-shadow:none !important}
.uc-explore{color:var(--ember) !important;font-family:var(--sans) !important;font-weight:600 !important;border-bottom:1px solid transparent !important}
.uc-explore:hover{border-bottom-color:var(--ember) !important}

/* Steps layout */
.step,.step-n{
  background:var(--white) !important;
  background-image:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
.step{
  border:1.5px solid var(--rule) !important;
  border-radius:0 !important;
}
.step-n{
  background:var(--tint) !important;
  color:var(--ember) !important;
  border-radius:4px !important;
  font-family:var(--mono) !important;
  font-weight:600 !important;
}

/* Value-prop section wrapper (use-case pages) */
.vps{background:var(--white) !important}

/* Colored dot/utility helpers — keep success/warn, neutralize decorative */
.green{color:var(--green) !important;background:transparent !important}
.amber,.org{color:var(--ember) !important;background:transparent !important}
.blue{color:var(--ink-500) !important;background:transparent !important}

/* Nuclear: any rounded corner > 8px on inside pages collapses to 0
   for elements that look like cards/panels (keep images/avatars alone) */
section *:not(img):not(svg):not(.pill):not(.tag):not(.trust-badge):not(.p-tag):not(.level-pill):not(.tag-pill):not(.category-pill):not(.mc-badge):not(.btn):not(.btn-lime):not(.btn-lime-lg):not(.btn-accent):not(.btn-primary):not(.btn-ghost):not(.pill-dot):not(.mock-pip):not(.build-pip):not(.level-dot):not(.faq-icon){
  border-radius:0 !important;
}

/* Kill any lingering global box-shadow on panels (keeps images/shadows in logos alone) */
section>div,section>div>div,.gc,.card,.card-item,.step-card,.comp-card,.stat-card,.vp-vis,.vis-row,.ba-col,.ba-grid,.glass-card,.frame,.build-card,.console-box,.cron-card,.mock,.mock-nav,.p-card,.uc-card,.pain,.trust-row{
  box-shadow:none !important;
}