:root{
  --void:#050506;
  --panel:#0c0c0f;
  --panel-2:#121217;
  --line:#292932;
  --ink:#fffef8;
  --muted:#b7b7c0;
  --acid:#d7ff32;
  --violet:#8b5cf6;
  --hot:#ff315f;
}
html{scroll-behavior:smooth;background:var(--void);overflow-x:hidden;overflow-y:auto}
body{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  min-height:100%;
  overflow-x:hidden;
  overflow-y:auto;
  color:var(--ink)!important;
  background:
    radial-gradient(circle at 12% 8%,rgba(139,92,246,.13),transparent 25rem),
    radial-gradient(circle at 88% 24%,rgba(200,255,0,.07),transparent 28rem),
    var(--void)!important;
}
body:before{
  content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.16;
  background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(255,255,255,.025) 4px);
}
.overlay-open{overflow:hidden!important}
.site-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:10000!important;
  display:grid!important;
  place-items:center!important;
  padding:1rem;
  background:rgba(3,3,4,.9);
  backdrop-filter:blur(10px);
  overflow-y:auto;
}
.site-modal{position:relative;max-height:calc(100dvh - 2rem);overflow-y:auto;border-radius:12px!important}
.cookie-overlay{place-items:end center!important;background:rgba(3,3,4,.58)}
.cookie-panel{width:min(100%,64rem);margin:0 auto;border-radius:10px!important}
.age-overlay{z-index:10020!important}
.signup-overlay{z-index:10010!important}
.age-confirm-button,.welcome-submit-button,.cookie-primary-button{
  border:1px solid var(--acid)!important;
  border-radius:6px!important;
  background:var(--acid)!important;
  color:#050506!important;
}
.age-confirm-button:hover,.welcome-submit-button:hover,.cookie-primary-button:hover{
  background:#e5ff75!important;
  color:#050506!important;
  box-shadow:0 0 28px rgba(215,255,50,.2);
}
.cookie-secondary-button{
  border:1px solid #4a4a55!important;
  border-radius:6px!important;
  background:#111116!important;
  color:var(--ink)!important;
}
h1,h2,h3,.font-display{font-family:"Arial Black",Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.035em}
::selection{background:var(--acid);color:#050506}

/* Re-map the existing light utility palette into the new visual system. */
.bg-white,.bg-slate-50{background-color:var(--panel)!important}
.bg-navy-950{background-color:#030304!important}
.bg-navy-900{background-color:#0a0a0d!important}
.bg-teal-600{background-color:var(--acid)!important;color:#050506!important}
.bg-teal-50,.bg-teal-100{background-color:rgba(200,255,0,.08)!important}
.text-white{color:var(--ink)!important}
.text-navy-950,.text-navy-900{color:var(--ink)!important}
.text-slate-700,.text-slate-600,.text-slate-500{color:#c1c1ca!important}
.text-slate-400{color:#9a9aa6!important}
.text-teal-700,.text-teal-600,.text-teal-500,.text-teal-400,.text-teal-300{color:var(--acid)!important}
.bg-teal-600.text-white,.bg-teal-600 .text-white,.bg-teal-600 .text-teal-100,.bg-teal-600 .text-teal-50{color:#050506!important}
.border-slate-200,.border-slate-300,.border-slate-700,.border-slate-800{border-color:var(--line)!important}
.border-teal-100,.border-teal-400,.border-teal-500,.border-teal-600{border-color:var(--acid)!important}
.shadow-soft{box-shadow:0 0 0 1px rgba(200,255,0,.12),0 24px 70px rgba(0,0,0,.55)!important}

header{background:rgba(5,5,6,.92)!important;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
header>div:first-child{background:#000!important;border-bottom:1px solid #18181d}
header>div:nth-child(2){background:rgba(8,8,10,.96)}
header>div:nth-child(3){background:#101014!important;border-top:1px solid var(--line)}
header input,header select,header button,header a[class*="border"]{
  background:#0b0b0e!important;color:var(--ink)!important;border-color:#34343d!important
}
header input:focus{border-color:var(--acid)!important;box-shadow:0 0 0 3px rgba(200,255,0,.1)}
header nav a{letter-spacing:.05em;text-transform:uppercase;font-size:.72rem}
header .bg-teal-600{box-shadow:0 0 26px rgba(200,255,0,.22)}
.header-control,.header-cart-control{height:2.75rem!important;border-radius:4px!important}
.header-control{min-width:3.75rem;padding:0 .65rem!important}
.header-cart-control{
  min-width:5.25rem;
  padding:0 .7rem;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
}
.cart-count-pill{
  min-width:1.35rem;
  height:1.35rem;
  padding:0 .3rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:3px!important;
  background:#24242b;
  color:#c7c7cf;
  font-size:.68rem;
  font-weight:900;
  line-height:1;
}
.cart-count-pill.has-items{background:var(--acid);color:#050506}

main{overflow-x:clip;overflow-y:visible}
main>section:nth-of-type(n+2){
  content-visibility:auto;
  contain-intrinsic-size:auto 850px;
}
main>section:first-of-type{
  position:relative;background:
    linear-gradient(115deg,rgba(139,92,246,.18),transparent 38%),
    radial-gradient(circle at 75% 45%,rgba(200,255,0,.12),transparent 25rem),
    #07070a!important;border-bottom:1px solid var(--line)
}
main>section:first-of-type:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(200,255,0,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(200,255,0,.045) 1px,transparent 1px);
  background-size:44px 44px;mask-image:linear-gradient(to right,#000,transparent 80%)
}
main>section:first-of-type h1{
  color:var(--ink)!important;text-transform:uppercase;text-shadow:0 0 36px rgba(139,92,246,.25)
}
main>section:first-of-type h1 span{color:var(--acid)!important;text-shadow:0 0 30px rgba(200,255,0,.28)}
main>section:first-of-type img{mix-blend-mode:screen!important;filter:contrast(1.18) saturate(.35) hue-rotate(50deg)}
main>section:first-of-type .rounded-full{border-radius:0!important;transform:rotate(12deg);background:rgba(139,92,246,.12)!important}

button,a{transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--acid);outline-offset:3px}
button:hover,a[class*="px-"]:hover{box-shadow:0 0 26px rgba(200,255,0,.18)}
button:active,a:active{transform:translateY(1px)}
button.bg-navy-900,a.bg-navy-900{border:1px solid #44444e}
button.bg-navy-900:hover,a.bg-navy-900:hover{background:var(--acid)!important;color:#050506!important;border-color:var(--acid)!important}

.research-grid{
  background-color:#08080a!important;
  background-image:linear-gradient(rgba(139,92,246,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.08) 1px,transparent 1px)!important;
  background-size:32px 32px!important
}
.research-grid h1{text-transform:uppercase}
.vial-card:after{content:"";position:absolute;inset:auto 10% 5% 10%;height:18%;background:radial-gradient(ellipse,rgba(200,255,0,.18),transparent 70%);filter:blur(8px)}

.product-card{
  position:relative;background:linear-gradient(145deg,#111116,#09090b)!important;
  border-color:#292931!important;clip-path:polygon(0 0,calc(100% - 17px) 0,100% 17px,100% 100%,0 100%)
}
.product-card:before{content:"";position:absolute;left:0;top:0;width:3px;height:0;background:var(--acid);z-index:5;transition:height .28s ease}
.product-card:hover{border-color:#52525e!important;transform:translateY(-5px);box-shadow:0 22px 60px rgba(0,0,0,.55),0 0 35px rgba(139,92,246,.12)!important}
.product-card:hover:before{height:100%}
.product-card>a{background:radial-gradient(circle at 50% 42%,#24242c,#0b0b0e 70%)!important}
.product-card img{mix-blend-mode:screen!important;filter:grayscale(.65) contrast(1.15)}
.product-card:hover img{transform:scale(1.055);filter:grayscale(.15) contrast(1.2)}
.purity-badge{color:#070709!important;text-shadow:none!important;border:1px solid rgba(255,255,255,.32)}
.product-card select,input,textarea,select{
  color:var(--ink)!important;background:#09090c!important;border-color:#35353e!important
}
.product-card option,option{background:#09090c;color:var(--ink)}
.product-card .bg-teal-600{box-shadow:0 0 18px rgba(200,255,0,.2)}

.category-tile{background:linear-gradient(150deg,#111116,#09090b)!important;border-color:var(--line)!important;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}
.category-tile:hover{transform:translateY(-5px) rotate(-.35deg);border-color:var(--acid)!important;box-shadow:0 18px 50px rgba(0,0,0,.55),0 0 30px rgba(200,255,0,.08)}
.category-tile>span:first-child{color:#1b1b22!important}
.category-tile h3{text-transform:uppercase}

.article-copy{font-size:1.02rem}
.article-copy p{margin:0 0 1.25rem;color:#c1c1ca;line-height:1.85}
.article-copy h2{font-size:1.6rem;line-height:1.25;color:var(--ink);font-weight:800;margin:2.7rem 0 1rem;text-transform:uppercase}
.article-copy h3{font-size:1.15rem;color:var(--acid);font-weight:700;margin:2rem 0 .75rem}
.article-copy ul,.article-copy ol{margin:0 0 1.5rem 1.25rem;color:#c1c1ca}
.article-copy ul{list-style:square}
.article-copy li{margin:.5rem 0}
.article-copy blockquote{border-left:3px solid var(--acid);background:#0d0d11;color:#c9c9d0;padding:1.25rem 1.5rem;margin:2rem 0}
.prose-table td,.prose-table th{padding:.85rem 1rem;border-bottom:1px solid var(--line);text-align:left}
.prose-table th{color:var(--acid)}
.range-input{accent-color:var(--acid)}
.cart-line-item{
  display:grid;
  grid-template-columns:84px minmax(0,1fr) auto;
  align-items:center;
  gap:1rem;
  padding:1rem;
  border-radius:6px!important;
  box-shadow:0 10px 28px rgba(0,0,0,.2);
}
.cart-product-image{width:84px;height:84px;border-radius:4px!important}
.cart-item-controls{display:flex;align-items:end;flex-wrap:wrap;gap:.75rem;margin-top:.65rem}
.cart-quantity-control{height:2.25rem;display:inline-flex;align-items:center;border-radius:4px!important}
.cart-quantity-control button{width:2.15rem;height:100%;font-weight:800}
.cart-quantity-control span{width:2rem;text-align:center;font-size:.8rem;font-weight:900}
.cart-remove-button{height:2.25rem;padding:0 .25rem}
.cart-line-price{text-align:right;align-self:center;white-space:nowrap}

details{border-color:var(--line)!important}
footer{border-top:1px solid var(--line);background:#020203!important}
[role="dialog"]>div{background:#0d0d11!important;color:var(--ink);border:1px solid #373741}
.rounded-3xl,.rounded-2xl,.rounded-xl,.rounded-lg,.rounded-md{border-radius:2px!important}

@media(max-width:640px){
  .article-copy h2{font-size:1.35rem}
  main>section:first-of-type h1{font-size:2.75rem!important}
  header>div:first-child span{font-size:.58rem;letter-spacing:.02em}
  input,select,textarea{font-size:16px!important}
  .product-card:hover{transform:none}
  main{overflow-x:hidden}
  .site-overlay{padding:.75rem}
  .site-modal{padding:1.5rem!important;max-height:calc(100dvh - 1.5rem)}
  .cookie-overlay{place-items:end stretch!important}
  .cart-line-item{grid-template-columns:68px minmax(0,1fr);align-items:start;padding:.85rem;gap:.8rem}
  .cart-product-image{width:68px;height:68px}
  .cart-line-price{grid-column:1/-1;text-align:right;border-top:1px solid var(--line);padding-top:.7rem}
  .header-cart-control{min-width:4.25rem}
}
