/*
Theme Name: Growth Mindset Advisors
Theme URI: https://growthmindsetadvisors.com
Author: Growth Mindset Advisors
Description: Custom theme for Growth Mindset Advisors — PE-focused consumer products operating partner.
Version: 1.0
*/

/* ── RESET & ROOT ── */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
:root{
  --g:#7CEE63;--g2:#5ED645;
  --bk:#000;--dk:#0e0e0e;--dgray:#1a1a1a;
  --white:#fff;--lgray:#EEEEEE;--mgray:#666;
  --bdr:#e5e5e5;--bdr-dark:#1c1c1c;
  --txt-dark:rgba(0,0,0,.65);
  --txt-light:rgba(255,255,255,.65);
  --font-head:'Playfair Display',Georgia,serif;
  --font-body:'Poppins',Helvetica,Arial,sans-serif;
  --font-cta:'Saira Extra Condensed',Helvetica,Arial,sans-serif;
}
body{font-family:var(--font-body);color:var(--bk);background:var(--white);line-height:1.6;font-size:16px}
a{text-decoration:none}

/* ── NAV ── */
nav{position:sticky;top:0;z-index:100;background:var(--white);border-bottom:1px solid var(--bdr);padding:0 6%;display:flex;align-items:center;justify-content:space-between;height:68px}
.nav-logo{display:flex;align-items:center;gap:12px}
.nav-logo-icon{width:36px;height:36px;background:var(--bk);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--g);font-size:16px;font-weight:800;font-family:var(--font-body)}
.nav-logo-text{font-family:var(--font-head);font-weight:700;font-size:18px;color:var(--bk)}
.nav-logo-text span{color:var(--g)}
.nav-links{display:flex;gap:32px}
.nav-links a{font-size:14px;font-weight:600;color:var(--bk);transition:color .2s}
.nav-links a:hover,.nav-links a.active{color:var(--g2)}
.nav-cta{font-family:var(--font-cta);font-size:18px;font-weight:800;letter-spacing:.5px;text-transform:none;background:var(--bk);color:var(--white);border:none;padding:10px 22px;cursor:pointer;transition:all .2s;display:inline-block;border-radius:0;line-height:1}
.nav-cta .nr{color:var(--g)}
.nav-cta:hover{background:#1a1a1a}

/* ── EYEBROW ── */
.eyebrow{font-family:var(--font-cta);font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:16px}
.eyebrow::before{content:'';width:28px;height:2px;background:currentColor;flex-shrink:0}
.eyebrow.green{color:var(--g)}
.eyebrow.black{color:var(--bk)}
.eyebrow.white{color:var(--white)}

/* ── SHARED BUTTONS ── */
.btn-green{font-family:var(--font-cta);font-size:19px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;background:var(--g);color:var(--bk);border:2px solid var(--g);padding:16px 36px;cursor:pointer;display:inline-block;transition:all .2s}
.btn-green:hover{background:var(--bk);color:var(--white);border-color:var(--bk)}
.btn-black{font-family:var(--font-cta);font-size:19px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;background:var(--bk);color:var(--white);border:2px solid var(--bk);padding:16px 36px;cursor:pointer;display:inline-block;transition:all .2s}
.btn-black:hover{background:var(--white);color:var(--bk);border-color:var(--bk)}
.btn-ghost-dark{font-family:var(--font-cta);font-size:19px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;background:var(--bk);color:var(--white);border:2px solid var(--bk);padding:16px 36px;cursor:pointer;display:inline-block;transition:all .2s}
.btn-ghost-dark:hover{background:var(--white);color:var(--bk);border-color:var(--bk)}
.btn-ghost{font-family:var(--font-cta);font-size:18px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;background:transparent;color:var(--bk);border:2px solid rgba(0,0,0,.35);padding:15px 34px;cursor:pointer;display:inline-block;transition:all .2s}
.btn-ghost:hover{background:var(--bk);color:var(--white);border-color:var(--bk)}

/* ── CTA BANNER (shared green w/ image) ── */
.cta-banner{padding:90px 6%}
.cta-banner-inner,.cta-inner{max-width:800px}
.cta-banner h2{font-family:var(--font-head);font-size:clamp(32px,5vw,58px);font-weight:900;color:var(--bk);line-height:1.05;letter-spacing:-1.5px;margin-bottom:20px}
.cta-banner p{font-size:18px;color:rgba(0,0,0,.65);margin-bottom:36px;line-height:1.55}
.cta-eyebrow{font-family:var(--font-cta);font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--bk)}
.cta-eyebrow::before{content:'';width:28px;height:2px;background:var(--bk);flex-shrink:0}
/* Buttons inside CTA banner override */
.cta-banner .btn-black{background:var(--bk);color:var(--white);border:2px solid var(--bk)}
.cta-banner .btn-black:hover{background:var(--white);color:var(--bk);border-color:var(--white)}
.cta-banner .btn-ghost-dark,.cta-banner .btn-ghost{background:var(--bk);color:var(--white);border:2px solid var(--bk)}
.cta-banner .btn-ghost-dark:hover,.cta-banner .btn-ghost:hover{background:var(--white);color:var(--bk);border-color:var(--white)}

/* ── FOOTER ── */
footer{background:var(--bk);padding:48px 6%}
.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:32px}
.footer-brand .logo{font-family:var(--font-head);font-size:20px;font-weight:700;color:var(--white);margin-bottom:6px}
.footer-brand .logo span{color:var(--g)}
.footer-brand .sub{font-size:12px;color:rgba(255,255,255,.35)}
.footer-links{display:flex;gap:28px;flex-wrap:wrap;align-items:center}
.footer-links a{font-size:14px;color:rgba(255,255,255,.4);transition:color .2s}
.footer-links a:hover{color:var(--g)}
.footer-legal{border-top:1px solid rgba(255,255,255,.08);margin-top:40px;padding-top:24px;font-size:12px;color:rgba(255,255,255,.2)}
