:root{
  --bg:#0A0A0A;
  --bg-footer:#000000;
  --lime:#B4D335;
  --white:#FFFFFF;
  --gray:#999999;
  --gray-dim:#666666;
  --line:rgba(255,255,255,0.08);
  --font-head:'Anton','Archivo Black',sans-serif;
  --font-body:'Inter',system-ui,-apple-system,sans-serif;
  --container:1300px;
  --header-h:84px;
  --ease:cubic-bezier(.16,.84,.44,1);
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg);
  color:var(--white);
   font-family: 'Inter', sans-serif;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;margin:0;padding:0;}
button{font-family:inherit;cursor:pointer;}
input,select,textarea{font-family:inherit;}

.container{max-width:var(--container);margin:0 auto;padding:0 1.5rem;}
.section{padding:6rem 0;}
@media(max-width:768px){.section{padding:3.5rem 0;}}

h1,h2,h3,h4{font-family:var(--font-head);text-transform:uppercase;letter-spacing:0.5px;line-height:1.05;margin:0;font-weight:400;}
.lime{color:var(--lime);}
.gray{color:var(--gray);}
p{color:var(--gray);margin:0;}

/* ---------- Eyebrow tag ---------- */
.eyebrow{
  display:inline-flex;align-items:center;gap:.4rem;
  border:1px solid rgba(180,211,53,0.5);
  color:var(--lime);
  padding:.4rem 1rem;
  border-radius:999px;
  font-size:.75rem;
  font-weight:700;
  letter-spacing:1.5px;
  text-transform:uppercase;
  margin-bottom:1.5rem;
}
.eyebrow::before{content:"\25cf";font-size:.6rem;}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.9rem 1.75rem;
  border-radius:999px;
  font-weight:700;
  font-size:.85rem;
  letter-spacing:1px;
  text-transform:uppercase;
  border:2px solid transparent;
  transition:transform .25s var(--ease), opacity .2s ease, background .2s ease, box-shadow .25s ease;
  white-space:nowrap;
}
.btn:hover{transform:translateY(-2px);}
.btn-primary{background:var(--lime);color:#0A0A0A;}
.btn-primary:hover{background:#c3e34a;box-shadow:0 10px 30px -10px rgba(180,211,53,0.6);}
.btn-outline{background:transparent;color:var(--white);border-color:rgba(255,255,255,0.35);}
.btn-outline:hover{border-color:var(--lime);color:var(--lime);}
.btn-arrow::after{content:"\2192";display:inline-block;transition:transform .25s var(--ease);}
.btn-arrow:hover::after{transform:translateX(5px);}

/* ---------- Header / Nav ---------- */
header.site-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:rgba(10,10,10,0.85);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
  height:var(--header-h);
}
.nav-wrap{
    max-width: var(--container);
    margin: 0 auto;
    padding: 0 20px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.logo{
    margin-right: auto;
}

.hamburger{
    margin-left: auto;
}
.primary-nav{
    flex:1;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:40px;
}

.logo{
    display:flex;
    align-items:center;
}

.logo img{
    height:55px;
    width:auto;
}

.primary-nav{
    flex:1;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:45px;
}
.nav-logo{
    display:flex;
    align-items:center;
    flex-shrink:0;
}

.logo-svg{
    height:55px;
    width:auto;
    display:block;
}

nav.primary-nav{
    flex:1;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:45px;
}
.nav-link{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--white);position:relative;padding:.5rem 0;transition:color .2s ease;}
.nav-link::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--lime);transition:width .25s var(--ease);}
.nav-link:hover::after,.nav-link.active::after{width:100%;}
.nav-link:hover,.nav-link.active{color:var(--lime);}

.has-dropdown{position:relative;}
.dropdown-panel{
  position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);
  background:#111;border:1px solid var(--line);border-radius:12px;
  padding:.6rem;min-width:220px;
  opacity:0;visibility:hidden;
  transition:opacity .25s var(--ease), transform .25s var(--ease), visibility .25s ease;
}
.has-dropdown:hover .dropdown-panel,
.has-dropdown.open .dropdown-panel{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.dropdown-panel a{display:block;padding:.6rem .8rem;border-radius:8px;font-size:.85rem;color:var(--gray);transition:background .2s ease,color .2s ease,padding-left .2s ease;}
.dropdown-panel a:hover{background:rgba(180,211,53,0.1);color:var(--lime);padding-left:1rem;}

.header-cta{display:flex;align-items:center;gap:1.25rem;}
.hamburger{display:none;background:none;border:none;color:var(--white);font-size:1.5rem;padding:.25rem;}

@media(max-width:900px){
  nav.primary-nav{
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    height: calc(100vh - 70px);
    background: #0A0A0A;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 30px 25px;
    gap: 20px;
    transform: translateX(100%);
    transition: transform .35s ease;
    z-index: 9999;
  }
  body.nav-open nav.primary-nav{transform:translateX(0);}
  .has-dropdown .dropdown-panel{
    position:static;transform:none;opacity:1;visibility:visible;
    display:none;background:transparent;border:none;padding:.5rem 0 0 1rem;width:100%;
  }
  .has-dropdown.open .dropdown-panel{display:block;}