/* ===== AIM BLOG - premium theme override (loaded last, wins) ===== */
@font-face{font-family:'Inter';src:url('../fonts/Inter.woff2') format('woff2');font-weight:100 900;font-display:swap}

:root{
  --bg:#0a0806!important;--surface:#100d09!important;
  --gold:#e6c65c!important;--gold-dim:#c9a227!important;
  --text:#f2ede3!important;--muted:#a8a096!important;
  --card:rgba(255,255,255,.04)!important;--border:rgba(230,198,92,.2)!important;
  --gg:linear-gradient(120deg,#f4dd86,#e6c65c 42%,#c9a227);
}
body{font-family:'Inter',system-ui,-apple-system,sans-serif!important;background:#0a0806!important;color:#a8a096!important;letter-spacing:-.01em}
h1,h2,h3,h4,h5,h6,.syne,.seq-title,.toc-title,.card-tag,.eyebrow{font-family:'Inter',system-ui,sans-serif!important;letter-spacing:-.02em}
b,strong{color:#f2ede3}
::selection{background:rgba(230,198,92,.28);color:#fff}

/* ---------- background: AIM mascot photo slideshow + premium vignette ---------- */
.bg-slideshow{background:#0a0806!important;z-index:-2!important}
.grain{z-index:-1!important}
.particles{z-index:-1!important}
/* posts use .slide, index uses .bgslide - keep the mascot photos, just tune them */
.bg-slideshow .slide,.bg-slideshow .bgslide{display:block!important;background-position:center 22%!important}
.bg-slideshow .slide{opacity:0!important;transition:opacity 2s ease}
.bg-slideshow .slide.active{opacity:.34!important}
.bg-slideshow .bgslide.active{opacity:.4!important}
/* readable warm vignette over the mascot photo */
.bg-slideshow::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:1!important;
  background:
    radial-gradient(125% 95% at 50% 0%,rgba(10,8,6,.42),rgba(10,8,6,.74) 46%,rgba(10,8,6,.95) 100%),
    radial-gradient(60% 46% at 78% 104%,rgba(216,168,82,.10),transparent 62%)!important}
.bg-slideshow::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.35;z-index:1;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='83' viewBox='0 0 96 83'%3E%3Cpath d='M24 0h48l24 41.5L72 83H24L0 41.5z' fill='none' stroke='rgba(230,198,92,0.045)' stroke-width='1.2'/%3E%3C/svg%3E");
  background-size:96px 83px}
.particle{background:#e6c65c!important;box-shadow:0 0 6px rgba(230,198,92,.6)}
.hero-orb{background:radial-gradient(circle,rgba(232,182,72,.22),rgba(201,150,40,.07) 42%,transparent 70%)!important;filter:blur(34px)!important}

/* ---------- NAV (floating pill, matches main site) ---------- */
.nav{position:fixed!important;top:18px!important;left:0;right:0;width:100%!important;background:none!important;border:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:1000;display:flex;justify-content:center;padding:0 24px}
.nav-inner{width:min(1200px,100%)!important;max-width:1200px!important;height:auto!important;padding:0!important;display:flex;align-items:center;justify-content:space-between}
.nav-logo img{height:30px!important;width:auto!important;filter:drop-shadow(0 0 14px rgba(201,150,40,.5))}
.nav-links{display:flex;align-items:center;gap:32px!important;padding:12px 30px;border-radius:40px;
  background:linear-gradient(150deg,rgba(30,28,24,.6),rgba(16,15,12,.42));
  -webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 34px rgba(0,0,0,.5)}
.nav-links a{font-size:15px!important;font-weight:400!important;color:#a8a096!important;transition:.2s}
.nav-links a:hover,.nav-links a.active-link{color:#fff!important}
.nav-cta{background:var(--gg)!important;color:#160f04!important;border-radius:40px;padding:12px 26px!important;font-weight:600!important;font-size:14.5px!important;box-shadow:0 0 34px rgba(201,150,40,.45),inset 0 1px 0 rgba(255,255,255,.5)!important;transition:.25s;white-space:nowrap}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 0 52px rgba(201,150,40,.7)!important}
.hamburger span{background:#e6c65c!important}
.mobile-menu{background:rgba(12,10,8,.97)!important;backdrop-filter:blur(24px)}
.mobile-menu a{color:#e8e3d6!important}.mobile-menu a:hover{color:#e6c65c!important}
@media(max-width:900px){.nav-links{display:none!important}.nav-cta{display:none!important}}

/* ---------- section / container ---------- */
.container{max-width:900px!important;padding:0 32px!important}
.sec{padding:64px 0!important}
.sep{height:1px;background:linear-gradient(90deg,transparent,rgba(230,198,92,.22),transparent)!important;max-width:900px;margin:0 auto}

/* ---------- article hero ---------- */
.article-hero{padding:150px 0 44px!important;text-align:center;position:relative}
.breadcrumbs{color:#7a7266!important;font-size:13px;letter-spacing:.02em;margin-bottom:22px}
.breadcrumbs a{color:#a8a096!important}.breadcrumbs a:hover{color:#e6c65c!important}
.article-hero .eyebrow{display:inline-block;color:#e6c65c!important;-webkit-text-fill-color:#e6c65c!important;font-size:11.5px!important;font-weight:700!important;letter-spacing:.24em!important;text-transform:uppercase;margin-bottom:18px;
  padding:7px 16px;border-radius:30px;border:1px solid rgba(230,198,92,.32);background:rgba(230,198,92,.07)}
/* unify all spacer labels to clean line style - kill diamond pseudo-elements */
.hk-text::before,.hk-text::after,.kt::before,.kt::after{display:none!important}
.kt{font-family:'Inter',sans-serif!important;color:#b9922e!important;letter-spacing:.24em!important;font-size:11.5px!important;gap:0!important}
.eyebrow::before,.eyebrow::after{width:56px!important;background:linear-gradient(90deg,transparent,rgba(230,198,92,.85))!important}
.eyebrow::after{background:linear-gradient(90deg,rgba(230,198,92,.85),transparent)!important}
.group-label .gl-text{font-family:'Inter',sans-serif!important;color:#7a7266!important;letter-spacing:.2em!important}
.group-label .gl-line{background:linear-gradient(90deg,rgba(230,198,92,.3),transparent)!important}
.article-hero h1{font-size:clamp(30px,4.4vw,52px)!important;font-weight:800!important;line-height:1.1!important;color:#fff!important;max-width:820px;margin:0 auto 18px!important}
.article-hero h1 span{background:var(--gg);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 0 22px rgba(228,182,84,.3))}
.article-meta{color:#7a7266!important;font-size:14px!important;letter-spacing:.02em}

/* ---------- liquid glass ---------- */
.glass{position:relative;overflow:hidden;border-radius:22px!important;
  background:linear-gradient(155deg,rgba(255,255,255,.07),rgba(255,255,255,.02) 46%,rgba(201,162,39,.05))!important;
  -webkit-backdrop-filter:blur(30px) saturate(1.35);backdrop-filter:blur(30px) saturate(1.35);
  border:1px solid rgba(230,198,92,.2)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 30px 70px rgba(0,0,0,.5)!important}
.glass::before{content:"";position:absolute;top:0;left:0;right:0;height:44%;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.08),transparent)}

/* ---------- TOC ---------- */
.toc-nav{padding:30px 34px!important;margin:0 auto;max-width:760px}
.toc-title{color:#e6c65c!important;font-size:12px!important;font-weight:700!important;letter-spacing:.2em!important;text-transform:uppercase;margin-bottom:18px!important}
.toc-link{display:block;color:#c9c3b8!important;font-size:15px!important;padding:8px 0!important;border-bottom:1px solid rgba(255,255,255,.05);transition:.2s;position:relative;padding-left:20px!important}
.toc-link::before{content:"→";position:absolute;left:0;color:#c9a227;opacity:.5;transition:.2s}
.toc-link:hover{color:#f2d97e!important}.toc-link:hover::before{opacity:1;transform:translateX(2px)}

/* ---------- article body typography ---------- */
.article-body{max-width:760px;margin:0 auto;font-size:17px!important;line-height:1.75!important;color:#c2bcb0!important}
.article-body h2{font-size:clamp(24px,2.8vw,34px)!important;color:#fff!important;font-weight:800!important;margin:52px 0 18px!important;line-height:1.18!important}
.article-body h3{font-size:clamp(19px,2vw,23px)!important;color:#f2ede3!important;font-weight:700!important;margin:34px 0 12px!important}
.article-body h2 span,.article-body h3 span{color:#e6c65c!important}
.article-body p{margin:0 0 20px!important;color:#c2bcb0!important}
.article-body a{color:#e6c65c!important;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(230,198,92,.4)}
.article-body a:hover{color:#f2d97e!important}
.article-body ul,.article-body ol{margin:0 0 22px 4px!important;padding-left:22px!important}
.article-body li{margin:0 0 11px!important;color:#c2bcb0!important;padding-left:6px}
.article-body li::marker{color:#c9a227}
.article-body blockquote{border-left:3px solid #c9a227!important;background:linear-gradient(90deg,rgba(230,198,92,.06),transparent)!important;padding:18px 26px!important;margin:28px 0!important;border-radius:0 12px 12px 0;color:#e8e3d6!important;font-style:italic}
.article-body strong{color:#f4ecd8!important;font-weight:700}
.article-body code{background:rgba(230,198,92,.1);color:#f2d97e;padding:2px 7px;border-radius:6px;font-size:.9em}
.article-body table{width:100%;border-collapse:collapse;margin:26px 0;font-size:15px}
.article-body th{background:rgba(230,198,92,.1);color:#f2ede3;text-align:left;padding:13px 16px;font-weight:700;border-bottom:1px solid rgba(230,198,92,.25)}
.article-body td{padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.06);color:#c2bcb0}

/* ---------- results box / sequence / examples ---------- */
.results-box{background:linear-gradient(155deg,rgba(230,198,92,.09),rgba(255,255,255,.02))!important;border:1px solid rgba(230,198,92,.28)!important;border-radius:20px!important;padding:30px 34px!important;margin:32px auto!important;max-width:760px;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 20px 50px rgba(0,0,0,.4)}
.results-box strong,.results-box b{color:#f2d97e!important}
.sequence-block{background:rgba(255,255,255,.03)!important;border:1px solid rgba(230,198,92,.18)!important;border-radius:16px!important;padding:24px 28px!important;margin:18px auto!important;max-width:760px}
.seq-title{color:#e6c65c!important;font-weight:700!important;margin-bottom:10px!important}
.subject-example{background:rgba(230,198,92,.08)!important;border-left:3px solid #c9a227!important;padding:12px 18px!important;border-radius:0 10px 10px 0;color:#e8e3d6!important;font-family:'Inter',sans-serif!important;margin:12px 0}

/* ---------- inline CTA ---------- */
.inline-cta{background:radial-gradient(120% 130% at 50% 0%,rgba(230,198,92,.14),rgba(255,255,255,.02) 60%)!important;border:1px solid rgba(230,198,92,.32)!important;border-radius:24px!important;padding:44px 40px!important;margin:48px auto!important;max-width:820px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 30px 70px rgba(0,0,0,.5)}
.inline-cta h2,.inline-cta h3{color:#fff!important;margin-bottom:12px!important}
.inline-cta p{color:#c2bcb0!important;margin-bottom:22px!important}
.cta-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn-primary{display:inline-flex;align-items:center;gap:9px;background:var(--gg)!important;color:#160f04!important;font-weight:600!important;font-size:15px!important;padding:14px 30px!important;border-radius:40px!important;box-shadow:0 0 34px rgba(201,150,40,.45),inset 0 1px 0 rgba(255,255,255,.5)!important;transition:.25s;border:0}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 52px rgba(201,150,40,.7)!important}
.btn-wa{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#25D366,#1da851 55%,#128C7E)!important;color:#fff!important;font-weight:700!important;font-size:15px!important;padding:14px 28px!important;border-radius:9999px!important;box-shadow:0 6px 24px rgba(37,211,102,.28),inset 0 1px 0 rgba(255,255,255,.25)!important;transition:transform .3s,box-shadow .3s}
.btn-wa:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 12px 36px rgba(37,211,102,.42)!important}
.btn-wa svg{width:18px;height:18px;fill:#fff}

/* ---------- carousels ---------- */
.carousel-section{margin:44px auto!important;max-width:900px}
.carousel-label{color:#e6c65c!important;font-size:12px!important;font-weight:700!important;letter-spacing:.18em!important;text-transform:uppercase;margin-bottom:16px!important;text-align:center}
.carousel-card{border-radius:18px!important;overflow:hidden;border:1px solid rgba(230,198,92,.2)!important;background:rgba(255,255,255,.03)!important}
.carousel-img-box{border-radius:14px!important;overflow:hidden}
.caption{color:#9a9890!important;font-size:13px!important}
.lightbox-overlay{background:rgba(5,4,3,.92)!important;backdrop-filter:blur(10px)}
.lightbox-close{color:#e6c65c!important}

/* ---------- post nav ---------- */
.post-nav{max-width:900px;margin:56px auto 0!important;gap:16px!important}
.post-nav-link{border:1px solid rgba(230,198,92,.2)!important;border-radius:16px!important;background:rgba(255,255,255,.03)!important;padding:22px 26px!important;transition:.3s}
.post-nav-link:hover{border-color:rgba(240,215,130,.5)!important;background:rgba(230,198,92,.05)!important;transform:translateY(-3px)}
.post-nav-label{color:#e6c65c!important;font-size:11px!important;letter-spacing:.16em!important;text-transform:uppercase}
.post-nav-title{color:#e8e3d6!important;font-weight:600!important}

/* ---------- sticky bar ---------- */
.sticky-bar{background:rgba(12,10,8,.95)!important;border-top:1px solid rgba(230,198,92,.2)!important}
.sticky-bar .btn-primary{padding:10px 24px!important}

/* ---------- FOOTER (unified) ---------- */
.footer{margin-top:90px!important;border-top:1px solid rgba(230,198,92,.14)!important;padding:56px 0 30px!important;background:none!important}
.footer-grid{max-width:1200px;margin:0 auto;padding:0 32px;display:grid!important;grid-template-columns:1.5fr .7fr .8fr .9fr!important;gap:40px!important}
.footer-brand img{height:30px!important;margin-bottom:16px;filter:drop-shadow(0 0 12px rgba(201,150,40,.4))}
.f-entity{color:#a8a096!important;font-size:13px!important;line-height:1.6;max-width:320px;margin-bottom:14px}
.footer-social a{color:#a8a096!important;transition:.2s}.footer-social a:hover{color:#e6c65c!important}
.footer-social svg{width:20px;height:20px}
.footer-col h4{color:#7a7266!important;font-size:12px!important;letter-spacing:.16em!important;text-transform:uppercase;font-weight:700;margin-bottom:14px!important}
.footer-col a{display:block;color:#a8a096!important;font-size:14px!important;padding:5px 0!important;transition:.2s}
.footer-col a:hover{color:#e6c65c!important}
.f-addr{color:#7a7266!important;font-size:13px!important;margin-top:12px;line-height:1.5}
.footer-bottom{max-width:1200px;margin:34px auto 0;padding:20px 32px 0;border-top:1px solid rgba(255,255,255,.05)!important;color:#7a7266!important;font-size:13px}
.footer-legal a{color:#7a7266!important}.footer-legal a:hover{color:#e6c65c!important}
@media(max-width:820px){.footer-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:520px){.footer-grid{grid-template-columns:1fr!important}}

/* ---------- blog index grid ---------- */
.hero-kicker{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:22px}
.hk-text{color:#b9922e!important;font-family:'Inter',sans-serif!important;font-weight:700!important;font-size:11.5px!important;letter-spacing:.24em!important;text-transform:uppercase;gap:0!important}
.hk-text::before,.hk-text::after{display:none!important}
.hk-line{width:60px!important;height:1px!important;background:linear-gradient(90deg,transparent,#c9a227)!important;box-shadow:none!important}
.hk-line.right{background:linear-gradient(90deg,#c9a227,transparent)!important}
.filter-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:0 auto 44px;max-width:820px}
.filter-pill,.filter-row button{background:rgba(255,255,255,.04)!important;border:1px solid rgba(230,198,92,.24)!important;color:#a8a096!important;font-family:'Inter',sans-serif!important;font-size:13.5px!important;font-weight:600;padding:9px 20px!important;border-radius:30px!important;cursor:pointer;transition:.25s}
.filter-pill:hover,.filter-row button:hover{color:#f2d97e!important;border-color:rgba(240,215,130,.5)!important}
.filter-pill.active,.filter-row button.active{background:var(--gg)!important;color:#160f04!important;border-color:transparent!important;box-shadow:0 0 24px rgba(201,150,40,.35)}
.blog-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:22px!important;max-width:1120px;margin:0 auto;padding:0 32px}
.blog-card{display:flex;flex-direction:column;padding:28px 26px 24px!important;border-radius:22px!important;text-decoration:none;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.blog-card:hover{transform:translateY(-6px);border-color:rgba(240,215,130,.5)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 0 54px rgba(201,150,40,.24),0 34px 80px rgba(0,0,0,.6)!important}
.card-tag{display:inline-block;align-self:flex-start;color:#e6c65c!important;font-size:10.5px!important;font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase;padding:6px 13px;border-radius:20px;border:1px solid rgba(230,198,92,.3);background:rgba(230,198,92,.07);margin-bottom:16px}
.blog-card h3{color:#fff!important;font-size:19px!important;font-weight:800!important;line-height:1.25!important;margin-bottom:11px!important}
.card-excerpt{color:#a8a096!important;font-size:13.5px!important;line-height:1.6!important;margin-bottom:20px!important;flex:1}
.card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:auto}
.card-date{color:#7a7266!important;font-size:12.5px!important}
.card-read{display:inline-flex;align-items:center;gap:6px;color:#e6c65c!important;font-size:13px!important;font-weight:600}
.card-read svg{width:15px;height:15px}
@media(max-width:900px){.blog-grid{grid-template-columns:1fr 1fr!important}.container{max-width:100%!important}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr!important}}

/* ===== V3 PARITY PASS (2026-07-20) - nav + CTA + footer match the main site exactly ===== */
.nav{position:fixed!important;top:18px!important;left:0!important;right:0!important;width:100%!important;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:1000!important;display:flex!important;justify-content:center!important;padding:0 24px!important}
.nav-inner{width:min(1200px,100%)!important;max-width:1200px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;height:auto!important;padding:0!important;background:none!important;border:0!important}
.nav-logo img{height:30px!important;width:auto!important;filter:drop-shadow(0 0 14px rgba(201,150,40,.5))!important}
.nav-links{display:flex!important;gap:34px!important;padding:12px 30px!important;border-radius:40px!important;
  background:linear-gradient(150deg,rgba(30,28,24,.6),rgba(16,15,12,.42))!important;
  -webkit-backdrop-filter:blur(22px)!important;backdrop-filter:blur(22px)!important;
  border:1px solid rgba(255,255,255,.1)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 34px rgba(0,0,0,.5)!important}
.nav-links a{color:#a8a096!important;text-decoration:none!important;font-size:15px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;transition:.2s!important;padding:0!important;background:none!important;border:0!important}
.nav-links a:hover,.nav-links a.active-link{color:#fff!important;background:none!important}
.nav-cta{display:inline-flex!important;align-items:center!important;gap:9px!important;font-weight:600!important;font-size:15.5px!important;padding:14px 30px!important;border-radius:40px!important;cursor:pointer!important;text-decoration:none!important;transition:.25s!important;white-space:nowrap!important;
  background:linear-gradient(120deg,#f4dd86,#e6c65c 42%,#c9a227)!important;color:#160f04!important;border:1px solid transparent!important;
  box-shadow:0 0 34px rgba(201,150,40,.45),inset 0 1px 0 rgba(255,255,255,.5)!important;text-transform:none!important;letter-spacing:0!important}
.nav-cta:hover{transform:translateY(-2px)!important;box-shadow:0 0 52px rgba(201,150,40,.7)!important;background:linear-gradient(120deg,#f4dd86,#e6c65c 42%,#c9a227)!important;color:#160f04!important}
.hamburger{display:none!important;align-items:center!important;justify-content:center!important;width:46px!important;height:46px!important;border-radius:14px!important;cursor:pointer!important;
  background:linear-gradient(150deg,rgba(30,28,24,.7),rgba(16,15,12,.5))!important;
  border:1px solid rgba(230,198,92,.3)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important}
@media(max-width:900px){.nav-links{display:none!important}.hamburger{display:inline-flex!important}}

.footer{margin-top:52px!important;border-top:1px solid rgba(230,198,92,.16)!important;padding:84px 24px 32px!important;position:relative!important;z-index:1!important;overflow:hidden!important;text-align:left!important;
  background:linear-gradient(180deg,#0a0806,#070605 64%,#050403)!important}
.footer-grid{display:grid!important;grid-template-columns:1.5fr .7fr .9fr!important;gap:44px!important;align-items:start!important;max-width:1200px!important;margin:0 auto!important;background:none!important;border:0!important}
.footer-brand img{height:30px!important;width:auto!important;display:block!important;margin-bottom:16px!important;filter:drop-shadow(0 0 12px rgba(201,150,40,.4))!important}
.footer a{color:#a8a096!important;text-decoration:none!important;font-size:14px!important;transition:.2s!important}
.footer a:hover{color:#e6c65c!important}
.footer b,.footer h4,.footer .footer-heading{font-size:12px!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#7a7266!important;font-weight:700!important;margin-bottom:14px!important}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr!important;gap:32px!important}}