/* ============================================================
   EffectusX360 — AZTEC THEME OVERRIDE ("Mezcala" colorway)
   Gold / Black / Off-white / White · architectural geometry
   Loads AFTER styles.css; overrides tokens + accents only.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Jost:wght@400;500;600;700&display=swap');

:root{
  /* Color Tokens — Aztec Gold on Warm Black */
  --ink:#F5F0E4;                /* off-white text on dark */
  --paper:#0D0B07;              /* warm near-black page */
  --surface:#1A160D;            /* carved-stone panels */
  --signal:#D4AF37;             /* gold — primary */
  --signal-hover:#F0D078;
  --signal-dim:rgba(212,175,55,.12);
  --effect:#F0D078;             /* gold-highlight — effect accent */
  --effect-hover:#D4AF37;
  --effect-dim:rgba(240,208,120,.12);
  --slate:#B7AE97;              /* warm secondary text */
  --line:#2E2817;
  --ink-soft:#CFC6AE;
  --shadow-sm:0 2px 8px rgba(0,0,0,.35);
  --shadow-md:0 10px 30px rgba(0,0,0,.45);
  --shadow-lg:0 20px 48px rgba(212,175,55,.12);
  /* Typography — architectural serif display */
  --font-display:'Cormorant Garamond',Georgia,serif;
  --font-body:'Jost',system-ui,sans-serif;
  --radius:2px;                 /* sharp architectural corners */
}

/* --- hardcoded-color patches from base sheet --- */
.step-card,.case-card,.pillar{background:linear-gradient(180deg,var(--surface) 0%,#221D11 100%)}
.step-card .step-num{color:#847B63}
.cta-band{border-top:2px solid #D4AF37}
.case-stat-num.coral{color:#F0D078}

/* --- global Aztec atmosphere --- */
body{
  background:
    radial-gradient(900px 500px at 50% -120px, rgba(212,175,55,.09), transparent 70%),
    var(--paper);
}
/* subtle step-fret texture along the very top of the page */
body::before{
  content:"";position:fixed;top:0;left:0;right:0;height:6px;z-index:99;
  background:linear-gradient(90deg,#8C7326,#D4AF37 50%,#F0D078);
  pointer-events:none;
}

/* --- header: gold rule under nav --- */
.site{border-bottom:2px solid transparent;border-image:linear-gradient(90deg,#8C7326,#D4AF37,#F0D078) 1}
.site .logo img{filter:none}

/* --- hero: sun-disc medallion watermark --- */
.hero{position:relative;overflow:hidden}
.hero::before{
  content:"";position:absolute;top:-200px;left:50%;transform:translateX(-50%);
  width:640px;height:640px;pointer-events:none;opacity:.35;
  background:
    radial-gradient(closest-side,rgba(212,175,55,.14),transparent 78%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23D4AF37'%3E%3Ccircle cx='100' cy='100' r='96' stroke-opacity='.55'/%3E%3Ccircle cx='100' cy='100' r='80' stroke-dasharray='6 6' stroke-opacity='.45'/%3E%3Cpath d='M100 12v14M100 174v14M12 100h14M174 100h14M39 39l10 10M151 151l10 10M161 39l-10 10M49 151l-10 10'/%3E%3Cpath d='M100 40 140 100 100 160 60 100Z'/%3E%3Cpath d='M100 62 122 100 100 138 78 100Z' fill='rgba(212,175,55,.10)'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
}
.hero>*{position:relative;z-index:1}

/* --- headings: serif display, gold gradient keyword handled by base --- */
h1,h2{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}

/* --- buttons: gold gradient primary --- */
.btn-primary{
  background:linear-gradient(90deg,#8C7326,#D4AF37 50%,#F0D078);
  color:#171204;border-radius:0;letter-spacing:.08em;text-transform:uppercase;font-weight:700;
}
.btn-primary:hover{filter:brightness(1.12)}
.btn-ghost{border:1px solid #8C7326;border-radius:0;letter-spacing:.08em;text-transform:uppercase}
.btn-ghost:hover{border-color:#D4AF37;color:#F0D078}

/* --- section heads: diamond glyph accents --- */
.section-head::before{
  content:"";display:block;width:64px;height:6px;margin:0 auto 22px;
  background:repeating-linear-gradient(90deg,#D4AF37 0 14px,transparent 14px 22px);
}
.section-head:not(.center)::before{margin:0 0 22px}
.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#D4AF37}

/* --- pillars & cards: engraved corners --- */
.pillar,.case-card,.step-card,.process-box{border:1px solid #2E2817;border-radius:0;position:relative}
.pillar::after,.case-card::after,.step-card::after{
  content:"";position:absolute;inset:auto 12px 12px auto;width:20px;height:20px;opacity:.7;
  border-bottom:2px solid #D4AF37;border-right:2px solid #D4AF37;
}
.pillar:hover,.case-card:hover,.step-card:hover{border-color:#4A3F22}

/* --- pipeline nodes: gold dots --- */
.node-dot{background:#D4AF37;box-shadow:0 0 0 4px rgba(212,175,55,.15)}

/* --- proof strip / tags --- */
.proof-pill{border:1px solid #4A3F22;background:#1A160D;color:#CFC6AE}
.tag{border:1px solid #4A3F22;color:#D4AF37}

/* --- cta band: stone panel with gold frame --- */
.cta-band{background:linear-gradient(180deg,#221D11,#1A160D)}
.cta-band::before{content:"";position:absolute;top:10px;left:10px;width:26px;height:26px;border-top:3px solid #D4AF37;border-left:3px solid #D4AF37}
.cta-band::after{content:"";position:absolute;bottom:10px;right:10px;width:26px;height:26px;border-bottom:3px solid #D4AF37;border-right:3px solid #D4AF37}
.cta-form input,.cta-form textarea{background:#0D0B07;border:1px solid #4A3F22;color:#F5F0E4;border-radius:0}
.cta-form input:focus,.cta-form textarea:focus{border-color:#D4AF37}
.cta-form input::placeholder,.cta-form textarea::placeholder{color:#847B63}

/* --- FAQ: gold plus markers --- */
.faq-list details{border-bottom:1px solid #2E2817}
.faq-list summary::marker,.faq-list summary{color:var(--ink)}
.faq-list summary::after{content:"+";color:#D4AF37;margin-left:auto;font-weight:400}
.faq-list summary{display:flex;align-items:center}
.faq-list details[open] summary::after{content:"–"}

/* --- footer: pyramid silhouette band --- */
footer{background:#0A0906;border-top:2px solid #4A3F22;position:relative;overflow:hidden}
footer::after{
  content:"";position:absolute;bottom:0;left:0;right:0;height:40px;opacity:.12;pointer-events:none;
  background:repeating-linear-gradient(90deg,transparent 0 40px,#D4AF37 40px 46px);
  clip-path:polygon(0 100%,5% 0,10% 100%,15% 0,20% 100%,25% 0,30% 100%,35% 0,40% 100%,45% 0,50% 100%,55% 0,60% 100%,65% 0,70% 100%,75% 0,80% 100%,85% 0,90% 100%,95% 0,100% 100%);
}
.footer-grid a:hover{color:#F0D078}

/* --- counters & numbers: gold serif --- */
.num,.case-stat-num,.counter-animate{color:#F0D078}
.step-num{color:#D4AF37}

/* --- Calendly block blends with dark --- */
.calendly-inline-widget{border:1px solid #4A3F22;background:#1A160D}

/* --- header: force dark nav bar --- */
header.site{background:rgba(13,11,7,.92) !important;border-bottom:1px solid #4A3F22}
header.site .nav-phone,header.site nav.primary a{color:#CFC6AE}
header.site nav.primary a:hover,header.site nav.primary a.active{color:#F0D078}

/* --- AI Automation pillar: kill cream gradient --- */
.pillar.automation{background:linear-gradient(180deg,var(--surface) 0%,#241E12 100%) !important}

/* --- process box: force dark panel with light text --- */
.process-box{background:#1A160D !important;color:#F5F0E4}
.process-box .section-head h2{color:#F5F0E4}
.process-box h2,.process-box h4,.step h4{color:#F5F0E4}
.process-box .eyebrow{color:#D4AF37}
.process-box .step{border-top-color:#4A3F22}

/* --- cta-band headings: light on dark gold band --- */
.cta-band h2{color:#F5F0E4 !important}
.cta-band p.cta-desc{color:#CFC6AE}