@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  /* ── Accent: electric lime ─── */
  --g:     #bef264;
  --g2:    #84cc16;
  --g3:    #d9f99d;
  --glow:  rgba(190,242,100,.28);
  /* ── Warm complement ──────── */
  --orange:#f97316;
  --amber: #fbbf24;
  --red:   #ef4444;
  /* ── Dark surfaces ────────── */
  --ink:   #060d09;
  --ink2:  #0a1209;
  --ink3:  #111a10;
  --line:  rgba(255,255,255,.08);
  /* ── White/alpha ──────────── */
  --w:     #ffffff;
  --w60:   rgba(255,255,255,.6);
  --w35:   rgba(255,255,255,.35);
  --w12:   rgba(255,255,255,.12);
  --w06:   rgba(255,255,255,.06);
  /* ── Light surfaces ───────── */
  --lt:    #f9fafb;
  --lt2:   #f3f4f6;
  --lt3:   #e5e7eb;
  --txt:   #111827;
  --txt2:  #374151;
  --txt3:  #6b7280;
  /* ── Geometry ─────────────── */
  --r-sm:  8px;
  --r-md:  14px;
  --r-lg:  20px;
  --r-xl:  28px;
  --r-2xl: 36px;
  --font: 'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  --ease: cubic-bezier(.4,0,.2,1);
}

body { font-family: var(--font); -webkit-font-smoothing: antialiased; background: var(--w); color: var(--txt); }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: none; }

/* ── GRAIN TEXTURE ──────────────────────────────── */
.mp-grain::after {
  content:'';
  position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E");
  pointer-events:none;z-index:0;
}

/* ── HIDE STOREFRONT ────────────────────────────── */
#masthead,.site-header,.storefront-primary-navigation,
.storefront-header-container,.storefront-handheld-footer-bar,
.storefront-sorting,.site-header-cart,
.entry-header h1,.entry-header h2,.skip-link,
#secondary.widget-area,.woocommerce-breadcrumb,
footer.site-footer > .col-full > .site-info { display:none!important; }

#page,.site,.site-content,#content.site-content,
#primary.content-area,.site-main,.site-main>article,
.site-main>.page,.entry-content,article.page,
.col-full { margin:0!important;padding:0!important;max-width:100%!important;float:none!important;width:100%!important; }

footer.site-footer,#colophon { display:none!important; }

/* ── NAVBAR ─────────────────────────────────────── */
#mp-navbar {
  position:fixed;top:0;left:0;right:0;z-index:9999;
  padding:0 40px;
  transition:background .3s var(--ease),backdrop-filter .3s,box-shadow .3s;
}
#mp-navbar.transparent { background:transparent; }
#mp-navbar.scrolled {
  background:rgba(6,13,9,.90);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  box-shadow:0 1px 0 rgba(190,242,100,.08);
}
#mp-navbar.light-nav {
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  box-shadow:0 1px 0 var(--lt3);
}

.mp-navbar-inner {
  max-width:1200px;margin:0 auto;
  height:72px;display:flex;align-items:center;justify-content:space-between;gap:32px;
}

/* Logo */
.mp-nav-logo { display:flex;align-items:center;gap:10px;flex-shrink:0; }
.mp-nav-logo-mark {
  width:38px;height:38px;border-radius:11px;
  background:linear-gradient(145deg,var(--g) 0%,var(--g2) 100%);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
  box-shadow:0 4px 18px var(--glow),inset 0 1px 0 rgba(255,255,255,.25);
}
.mp-nav-logo-name { font-size:16px;font-weight:900;letter-spacing:-.5px;color:var(--w);line-height:1.2; }
.mp-nav-logo-name .mp-logo-accent { color:var(--g); }
.mp-nav-logo-tag  { font-size:10px;font-weight:600;color:var(--g3);letter-spacing:.4px;text-transform:uppercase; }
#mp-navbar.light-nav .mp-nav-logo-name { color:var(--txt); }
#mp-navbar.light-nav .mp-nav-logo-name .mp-logo-accent { color:var(--g2); }
#mp-navbar.light-nav .mp-nav-logo-tag  { color:var(--g2); }

/* Links */
.mp-nav-links { display:flex;align-items:center;gap:2px;list-style:none; }
.mp-nav-links a {
  display:block;padding:7px 14px;
  font-size:14px;font-weight:600;
  color:var(--w60);border-radius:var(--r-sm);
  transition:all .18s;
}
.mp-nav-links a:hover,.mp-nav-links a.active { color:var(--w);background:var(--w06); }
#mp-navbar.light-nav .mp-nav-links a { color:var(--txt2); }
#mp-navbar.light-nav .mp-nav-links a:hover,
#mp-navbar.light-nav .mp-nav-links a.active { color:var(--txt);background:var(--lt2); }

/* Buttons */
.mp-nav-right { display:flex;align-items:center;gap:8px;flex-shrink:0; }
.mp-nav-ghost {
  padding:8px 18px;border-radius:var(--r-sm);
  font-size:14px;font-weight:600;
  color:var(--w60);border:1.5px solid var(--w12);
  background:none;cursor:pointer;font-family:var(--font);
  transition:all .18s;white-space:nowrap;
}
.mp-nav-ghost:hover { color:var(--w);border-color:rgba(255,255,255,.3); }
#mp-navbar.light-nav .mp-nav-ghost { color:var(--txt2);border-color:var(--lt3); }
#mp-navbar.light-nav .mp-nav-ghost:hover { color:var(--txt);background:var(--lt2);border-color:var(--lt3); }

.mp-nav-cta {
  padding:9px 20px;border-radius:var(--r-sm);
  font-size:14px;font-weight:800;
  color:var(--ink);
  background:linear-gradient(135deg,var(--g3) 0%,var(--g) 50%,var(--g2) 100%);
  background-size:200% 200%;
  transition:all .25s;white-space:nowrap;
  box-shadow:0 2px 14px var(--glow);
  animation:mp-btn-shift 4s ease infinite;
}
.mp-nav-cta:hover {
  background-position:right center;
  transform:translateY(-1px);
  box-shadow:0 6px 24px var(--glow);
  color:var(--ink);
}
@keyframes mp-btn-shift {
  0%,100% { background-position: 0% 50%; }
  50%      { background-position: 100% 50%; }
}

/* Hamburger */
.mp-nav-ham { display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none; }
.mp-nav-ham span { display:block;width:22px;height:2px;background:var(--w);border-radius:2px;transition:.2s; }
#mp-navbar.light-nav .mp-nav-ham span { background:var(--txt); }

/* Mobile overlay */
.mp-nav-mobile {
  display:none;position:fixed;inset:0;z-index:9998;
  background:rgba(6,13,9,.97);backdrop-filter:blur(24px);
  flex-direction:column;align-items:center;justify-content:center;gap:6px;
}
.mp-nav-mobile.open { display:flex; }
.mp-nav-mobile a { font-size:26px;font-weight:800;color:var(--w60);padding:12px 40px;border-radius:16px;transition:.18s; }
.mp-nav-mobile a:hover { color:var(--w);background:var(--w06); }
.mp-nav-mobile a.green { color:var(--g); }
.mp-mobile-close { position:absolute;top:20px;right:28px;background:none;border:none;color:var(--w35);font-size:28px;cursor:pointer;line-height:1; }

/* Page wrapper */
.mp-page-wrap { padding-top:0; }
body.mp-light-page .mp-page-wrap { padding-top:72px; }

/* ── FOOTER ─────────────────────────────────────── */

#mp-footer {
  background:
    radial-gradient(circle, rgba(190,242,100,.12) 1.5px, transparent 1.5px) 0 0 / 36px 36px,
    #060d09;
  border-top:1px solid rgba(190,242,100,.08);
  padding:56px 40px 36px;
  position:relative;overflow:hidden;
}
#mp-footer::before {
  content:'';position:absolute;
  width:700px;height:700px;border-radius:50%;
  background:radial-gradient(circle,rgba(132,204,22,.08),transparent 60%);
  left:-180px;bottom:-300px;pointer-events:none;
}
.mp-footer-inner { max-width:1200px;margin:0 auto;position:relative;z-index:1; }
.mp-footer-top {
  display:flex;align-items:flex-start;justify-content:space-between;
  gap:48px;margin-bottom:48px;
}
.mp-footer-brand { flex:0 0 auto;max-width:320px; }
.mp-footer-brand p { font-size:14px;color:var(--w60);line-height:1.8;margin-bottom:20px; }
.mp-footer-trust {
  display:flex;flex-direction:column;gap:8px;
}
.mp-footer-trust span { font-size:13px;color:var(--g2);font-weight:600; }
.mp-footer-links { display:flex;gap:48px; }
.mp-footer-col h5 { font-size:11px;font-weight:700;color:var(--g);text-transform:uppercase;letter-spacing:1.4px;margin-bottom:20px; }
.mp-footer-col ul { list-style:none; }
.mp-footer-col li { margin-bottom:14px; }
.mp-footer-col a { font-size:15px;color:var(--w);font-weight:500;transition:color .18s; }
.mp-footer-col a:hover { color:var(--g); }
.mp-footer-bottom {
  border-top:1px solid var(--line);padding-top:28px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
.mp-footer-bottom p { font-size:13px;color:var(--w60); }
.mp-footer-status {
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(190,242,100,.08);border:1px solid rgba(190,242,100,.18);
  color:var(--g3);font-size:12px;font-weight:600;padding:5px 14px;border-radius:100px;
}
.mp-footer-status .dot { width:6px;height:6px;border-radius:50%;background:var(--g);animation:mp-pulse 2s infinite; }

/* ── UTILS ──────────────────────────────────────── */
@keyframes mp-pulse { 0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)} }
@keyframes mp-fadein { from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none} }
@keyframes mp-float { 0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)} }

@media(max-width:900px){
  #mp-navbar{padding:0 20px;}
  .mp-nav-links,.mp-nav-ghost{display:none;}
  .mp-nav-ham{display:flex;}
  .mp-footer-cta-strip{padding:24px 20px;}
  .mp-footer-cta-strip-inner{flex-direction:column;align-items:flex-start;gap:16px;}
  #mp-footer{padding:40px 20px 28px;}
  .mp-footer-top{flex-direction:column;gap:36px;}
  .mp-footer-links{flex-wrap:wrap;gap:32px;}
  .mp-footer-bottom{flex-direction:column;text-align:center;}
}