/* ═══════════════════════════════════════════════════════════
   MXXE — THEME (light / dark) + PRELOADER + TOGGLE
   Light is the original look. Dark swaps the colour tokens; the dark
   "ink" bands (stats, footer-style sections, pricing hero…) stay dark in both.
   ═══════════════════════════════════════════════════════════ */
html[data-theme="dark"]{
  --bg:#0C0C0D;--bg2:#121214;--surface:#17171A;--surface2:#1F1F23;
  --border:rgba(255,255,255,.11);--border2:rgba(255,255,255,.2);
  --text:#F4F1EA;--text2:#DAD6CD;--muted:#A8A298;--muted2:#7F796F;
  --ink:#050506;
  --accent-light:rgba(255,69,0,.14);--accent-mid:rgba(255,69,0,.28);
  --shadow:0 4px 24px rgba(0,0,0,.5);--shadow-lg:0 16px 56px rgba(0,0,0,.6);
  color-scheme:dark;
}
html[data-theme="light"]{color-scheme:light;}
html.theme-anim,html.theme-anim *,html.theme-anim *::before,html.theme-anim *::after{transition:background-color .3s ease,color .3s ease,border-color .3s ease!important;}

/* nav + logos */
html[data-theme="dark"] nav.scrolled{background:rgba(12,12,13,.97);box-shadow:0 2px 20px rgba(0,0,0,.5);}
html[data-theme="dark"] nav .logo img,html[data-theme="dark"] footer img[src*="logo.png"]{filter:invert(1);}
.founder img[src*="logo.png"]{filter:invert(1);}
html[data-theme="dark"] .mobile-menu{background:var(--bg);}
html[data-theme="dark"] .orb{opacity:.18;}
html[data-theme="dark"] .wa-bubble,html[data-theme="dark"] .wa-bubble::after{background:var(--surface);}

/* nav right: theme switch + CTA */
.nav-right{display:flex;align-items:center;gap:14px;}
.theme-toggle{position:relative;width:40px;height:40px;display:inline-grid;place-items:center;background:transparent;border:1px solid var(--border2);color:var(--text);cursor:pointer;padding:0;transition:border-color .2s,color .2s,background .2s;}
.theme-toggle:hover{border-color:var(--accent);color:var(--accent);}
.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px;}
.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;grid-area:1/1;}
.theme-toggle .ic-sun{display:none;}
html[data-theme="dark"] .theme-toggle .ic-sun{display:block;}
html[data-theme="dark"] .theme-toggle .ic-moon{display:none;}
html.mx-nav-dark .theme-toggle{color:#F4F1EA;border-color:rgba(255,255,255,.28);}
html.mx-nav-dark .theme-toggle:hover{color:var(--accent);border-color:var(--accent);}
@media(max-width:768px){.nav-right{margin-left:auto;margin-right:14px;}}

/* preloader: hairline progress under the mark, then the curtain parts */
#preloader{display:none;position:fixed;inset:0;z-index:100000;pointer-events:none;--p:0;}
html.is-loading #preloader,#preloader.pl-exit{display:block;pointer-events:auto;}
html.is-loading,html.is-loading body{overflow:hidden;}
html.is-loading,html.is-loading *{cursor:auto!important;}
.pl-panel{position:absolute;left:0;right:0;height:50.3%;background:var(--bg);}
.pl-top{top:0;}.pl-bot{bottom:0;}
.pl-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:24px;}
.pl-mark{height:clamp(88px,15vh,124px);width:auto;display:block;opacity:0;transform:translateY(10px);animation:plIn .7s cubic-bezier(.16,1,.3,1) .05s forwards;user-select:none;-webkit-user-drag:none;}
html[data-theme="dark"] .pl-mark{filter:invert(1);}
.pl-rule{width:clamp(120px,16vw,170px);height:1px;background:var(--border2);overflow:hidden;opacity:0;animation:plIn .5s ease .25s forwards;}
.pl-rule i{display:block;height:100%;background:var(--accent);transform:scaleX(var(--p));transform-origin:left;}
.pl-word{font-family:'Syne',sans-serif;font-size:10px;font-weight:700;letter-spacing:.44em;text-transform:uppercase;color:var(--muted);padding-left:.44em;opacity:0;animation:plIn .6s ease .3s forwards;}
@keyframes plIn{to{opacity:1;transform:none;}}
#preloader.pl-exit .pl-inner{opacity:0;transition:opacity .26s ease;}
#preloader.pl-exit .pl-top{transform:translateY(-100%);transition:transform .8s cubic-bezier(.76,0,.24,1) .16s;}
#preloader.pl-exit .pl-bot{transform:translateY(100%);transition:transform .8s cubic-bezier(.76,0,.24,1) .16s;}
#preloader.pl-exit{pointer-events:none;}
@media(prefers-reduced-motion:reduce){
  .pl-mark,.pl-rule,.pl-word{animation-duration:.01s;}
  #preloader.pl-exit .pl-top,#preloader.pl-exit .pl-bot{transition-duration:.01s;transition-delay:0s;}
}

/* nav over a dark hero on inner pages (home handled the same way by motion.js) */
html.mx-nav-dark nav{background:rgba(10,10,10,.94)!important;border-bottom-color:rgba(255,255,255,.1)!important;box-shadow:none!important;}
html.mx-nav-dark nav .logo img{filter:invert(1);}
html.mx-nav-dark nav .logo div span:first-child{color:#F4F1EA!important;}
html.mx-nav-dark .nav-links a{color:rgba(244,241,234,.68);}
html.mx-nav-dark .nav-links a:hover,html.mx-nav-dark .nav-links a.active{color:var(--accent);}
html.mx-nav-dark .hamburger span{background:#F4F1EA;}
.tc-badge+p,.tc-badge+.tc-q{margin-top:34px}

/* ── SOCIAL ICONS: transparent, top bar + footer + follow section ── */
.nav-social{display:flex;align-items:center;gap:2px;margin-right:8px;}
.nsoc{width:34px;height:34px;display:grid;place-items:center;color:var(--text);opacity:.65;background:transparent;border:0;transition:opacity .2s,color .2s,transform .2s;}
.nsoc svg{width:16px;height:16px;fill:currentColor;}
.nsoc:hover{opacity:1;color:var(--accent);transform:translateY(-1px);}
html.mx-nav-dark .nsoc{color:#F4F1EA;}
html.mx-nav-dark .nsoc:hover{color:var(--accent);}
@media(max-width:1240px){.nav-social{display:none;}}
.socials{flex-wrap:wrap;}
.social-btn{background:transparent;}
.follow-handle .fh-icon,.fh-icon{background:transparent!important;border:1px solid rgba(255,255,255,.22);}
.follow-handle:hover .fh-icon{border-color:var(--accent);}
.follow-btn,.follow-btn.ig,.follow-btn.tt,.follow-btn.yt{background:transparent;color:#F4F1EA;border:1px solid rgba(255,255,255,.28);box-shadow:none;}
.follow-btn:hover,.follow-btn.ig:hover,.follow-btn.tt:hover,.follow-btn.yt:hover{background:transparent;color:var(--accent);border-color:var(--accent);box-shadow:none;transform:translateY(-2px);}
/* message founder pill */
.wa-btn{width:auto;height:auto;min-height:48px;padding:0 20px 0 16px;gap:10px;border-radius:999px;background:rgba(10,10,10,.72);border:1px solid rgba(255,255,255,.2);box-shadow:none;}
.wa-btn:hover{background:rgba(10,10,10,.9);border-color:#25D366;box-shadow:none;transform:translateY(-2px);}
.wa-btn svg{width:22px;height:22px;fill:#25D366;flex:none;}
.wa-label{font-family:'Syne',sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#F4F1EA;white-space:nowrap;}
@media(max-width:480px){.wa-widget{right:16px;bottom:20px;}.wa-btn{padding:0 16px 0 12px;}}

.pc-price{white-space:nowrap;}
.pc-price-note{overflow-wrap:anywhere;}

/* ── MXXE ASSISTANT (rule-based helper) ── */
.wa-bubble{display:none!important;}
.mxa{position:fixed;right:28px;bottom:96px;z-index:720;display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;}
.mxa-launch{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px 0 16px;border:0;border-radius:999px;background:var(--accent);color:#fff;font-family:'Syne',sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform .2s,filter .2s;}
.mxa-launch:hover{transform:translateY(-2px);filter:brightness(1.08);}
.mxa-launch:focus-visible,.mxa-chip:focus-visible,.mxa-x:focus-visible,.mxa-cta:focus-visible,.mxa-form button:focus-visible{outline:2px solid var(--text);outline-offset:2px;}
.mxa-launch svg{width:20px;height:20px;fill:#fff;flex:none;}
.mxa-panel{width:min(380px,calc(100vw - 32px));max-height:min(540px,calc(100vh - 250px));display:flex;flex-direction:column;background:var(--surface);color:var(--text);border:1px solid var(--border2);box-shadow:0 24px 60px rgba(0,0,0,.35);}
.mxa-panel[hidden]{display:none;}
.mxa-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--ink);color:#F4F1EA;border-bottom:2px solid var(--accent);}
.mxa-ht{display:grid;gap:2px;}
.mxa-ht strong{color:#F4F1EA;font-family:'Syne',sans-serif;font-size:13px;letter-spacing:.06em;text-transform:uppercase;}
.mxa-ht small{font-size:11px;color:rgba(244,241,234,.7);}
.mxa-x{width:32px;height:32px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#F4F1EA;font-size:20px;line-height:1;cursor:pointer;}
.mxa-x:hover{border-color:var(--accent);color:var(--accent);}
.mxa-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;min-height:180px;overscroll-behavior:contain;}
.mxa-m{max-width:88%;padding:10px 13px;font-size:13px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere;}
.mxa-m.bot{align-self:flex-start;background:var(--bg2);border:1px solid var(--border);}
.mxa-m.user{align-self:flex-end;background:var(--accent);color:#fff;}
.mxa-opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px;}
.mxa-chip{padding:8px 12px;border:1px solid var(--border2);background:transparent;color:var(--text);font-size:12px;font-family:inherit;cursor:pointer;transition:border-color .2s,color .2s;text-align:left;}
.mxa-chip:hover{border-color:var(--accent);color:var(--accent);}
.mxa-cta{display:inline-block;padding:9px 14px;background:var(--accent);color:#fff;font-family:'Syne',sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;}
.mxa-cta:hover{filter:brightness(1.1);}
.mxa-cta.wa{background:#128C4A;}
.mxa-form{display:flex;border-top:1px solid var(--border);}
.mxa-form input{flex:1;min-width:0;padding:13px 14px;border:0;background:transparent;color:var(--text);font-family:inherit;font-size:14px;outline:none;}
.mxa-form input:focus{box-shadow:inset 0 -2px 0 var(--accent);}
.mxa-form button{padding:0 16px;border:0;border-left:1px solid var(--border);background:transparent;color:var(--accent);font-family:'Syne',sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;}
.mxa-foot{padding:9px 14px;font-size:11px;color:var(--muted);border-top:1px solid var(--border);}
.mxa-foot a{color:var(--accent);font-weight:600;text-decoration:none;}
@media(max-width:480px){.mxa{right:16px;bottom:84px;}.mxa-panel{max-height:min(520px,calc(100vh - 230px));}}
@media(prefers-reduced-motion:reduce){.mxa-launch{transition:none;}}