/* Original beeem visual language, mapped onto the approved copy/layout.
   Source: beeemit.com /cdn/shop/t/14/assets/beeem-theme.css, 2026-09-24.
   Original palette, typography, nebula, glow, laser, float and pulse effects. */
:root{--g1:#0F2218;--g2:#29431E;--g3:#00A550;--g4:#97D700;--g5:#A3FF12;--g1-rgb:15,34,24;--g3-rgb:0,165,80;--g5-rgb:163,255,18;--dark:#102414;--dark-2:#1B2E1F;--dark-3:#283A2C;--dark-4:#36473A;--dark-rgb:16,36,20;--cream:#F2EEE9;--text:#B98F27;--bg:var(--dark);--panel:var(--dark-3);--ink:var(--text);--muted:var(--text);--lime:var(--g5);--line:rgba(var(--g5-rgb),.12);--glow-sm:0 0 16px rgba(var(--g5-rgb),.3);--glow-md:0 0 32px rgba(var(--g5-rgb),.4);--glow-lg:0 0 60px rgba(var(--g5-rgb),.35)}
body{background:var(--dark);color:var(--text);overflow-x:clip}
h1,h2,h3,h4{font-family:var(--serif)}h2{font-weight:400;line-height:1.1;letter-spacing:-.02em}em{color:var(--cream)}
.eyebrow{color:var(--cream);font-size:12px;font-weight:700;letter-spacing:.3em}
.body-copy{color:var(--text);line-height:1.85}.body-copy strong{color:var(--g4)}
header{background:rgba(var(--dark-rgb),.94);transition:box-shadow .4s,background .4s;border-color:var(--line)}header.scrolled{box-shadow:0 10px 32px #0003}
.logo{display:flex;width:130px;align-items:center;animation:logoPulse 4s ease-in-out infinite;color:var(--g5)}.logo svg{width:100%;height:auto;display:block}.logo [style*="fill:white"]{fill:currentColor!important}.logo [style*="fill:none"]{fill:none!important}
.nav-links{gap:30px}.nav-links a{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text)}.nav-links a:hover{color:var(--g5)}.nav-links a.btn{color:#000}
.btn{background:var(--g5);border-color:var(--g5);color:#000;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-radius:3px;padding:15px 32px;animation:ctaPulse 3.5s ease-in-out infinite;transition:box-shadow .3s,background .3s,color .3s,transform .3s}
.btn:hover{background:#b8ff30;box-shadow:var(--glow-lg);animation:none}.btn.ghost{animation:none;color:var(--text);border-color:rgba(var(--g5-rgb),.3)}.btn.ghost:hover{border-color:var(--g5);color:var(--g5);box-shadow:var(--glow-sm);background:transparent}
.text-link{color:var(--g5);border-color:rgba(var(--g5-rgb),.4)}.text-link:hover{color:var(--cream);text-shadow:var(--glow-sm)}
.hero{background:var(--dark)}.hero:before{display:none}.hero-bg,.hero-overlay,#particles-canvas,.scan-line{position:absolute;inset:0;pointer-events:none}.hero-bg{z-index:-3;overflow:hidden}.hero-bg-layer{position:absolute;inset:0;background:url('/theme/green-nebula.jpg') center/cover;animation:heroDrift 20s ease-in-out infinite alternate}.hero-overlay{z-index:-2;background:linear-gradient(to bottom,rgba(var(--dark-rgb),.72),rgba(var(--dark-rgb),.55),rgba(var(--dark-rgb),.75) 80%,var(--dark))}#particles-canvas{z-index:-1;width:100%;height:100%}.scan-line{z-index:-1;left:-60%;width:60%;background:linear-gradient(90deg,transparent,rgba(var(--g5-rgb),.025),transparent);animation:scan 10s ease-in-out infinite}
.hero h1{color:var(--text);font-weight:300;font-style:italic;line-height:1.05}.hero h1 em{color:var(--cream);font-style:normal;font-weight:600}.hero .eyebrow{color:var(--cream);letter-spacing:.3em}.hero .body-copy{color:var(--text)}
.hero-divider{display:flex;align-items:center;justify-content:center;gap:16px;max-width:500px;margin:30px auto 0}.hero-divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--g3),var(--g5),var(--g3),transparent);box-shadow:0 0 8px rgba(var(--g5-rgb),.4)}.hero-spark{color:var(--g5);font-size:16px;animation:sparkSpin 6s linear infinite}
.hero-foot{position:relative;max-width:1100px;padding-top:30px;padding-bottom:30px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.hero-foot span{flex-direction:column;gap:3px}.hero-foot b{font-family:var(--serif);font-style:italic;font-weight:300;font-size:33px;line-height:1.25;letter-spacing:0;text-transform:none;background:linear-gradient(135deg,var(--g3),var(--g5));background-clip:text;-webkit-background-clip:text;color:transparent}
.section{border-top:0;background:var(--dark)}#what{background:var(--dark-3)}.quote{color:var(--cream);font-style:italic;font-weight:300;line-height:1.55}.quote em{color:var(--g5)}
.laser-divider{height:2px;position:relative;overflow:hidden;background:rgba(var(--g5-rgb),.04)}.laser-beam-sweep{position:absolute;top:-2px;left:0;width:320px;height:5px;background:linear-gradient(to right,transparent,rgba(var(--g5-rgb),.15) 35%,rgba(var(--g5-rgb),.65) 75%,var(--g5) 93%,white);border-radius:0 3px 3px 0;box-shadow:0 0 10px 4px rgba(var(--g5-rgb),.5),0 0 25px 8px rgba(var(--g5-rgb),.2);opacity:0;animation:laserSweep 6s ease-in-out infinite}
.use{position:relative;overflow:hidden;background:var(--dark-4);border-color:var(--line);border-radius:12px;transition:transform .35s,box-shadow .35s,border-color .35s}.use:before,.explanation:before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--g1),var(--g3),var(--g5),var(--g3),var(--g1))}.use:hover{transform:translateY(-7px);border-color:rgba(var(--g5-rgb),.35);box-shadow:var(--glow-sm)}.use h3{font-style:italic;font-size:30px;color:var(--cream)}.use .symbol{color:var(--g5);text-shadow:var(--glow-sm)}.use p{color:var(--text);line-height:1.85}.use .label{color:var(--g4)}
.light-section{background:var(--dark-2);color:var(--text)}.light-section .eyebrow{color:var(--cream)}.light-section em{color:var(--cream)}.light-section .body-copy,.light-section .body-copy strong{color:var(--text)}
.explanation{background:var(--dark-4);border-color:var(--line);border-radius:12px;position:relative;overflow:hidden}.explanation h3{color:var(--cream);font-style:italic}.explanation p{color:var(--text);line-height:1.85}
.steps{border-color:var(--line);gap:28px}.steps article{position:relative;padding:28px;border:1px solid var(--line);border-radius:12px;background:var(--dark-3);transition:border-color .3s,box-shadow .3s,transform .3s}.steps article:hover{border-color:rgba(var(--g5-rgb),.4);box-shadow:var(--glow-sm);transform:translateY(-5px)}.steps h3{font-size:30px;font-style:italic;color:var(--cream)}.steps p{color:var(--text);line-height:1.85}.step-number,.research-card .number{font-family:var(--serif);font-size:64px;font-weight:300;font-style:italic;line-height:1.2;background:linear-gradient(135deg,var(--g3),var(--g5));background-clip:text;-webkit-background-clip:text;color:transparent}.section-note{color:var(--text)}.section-note a{color:var(--g4)}
.research-card h3{font-family:var(--serif);font-style:italic;font-size:29px;color:var(--cream)}.research-card p,.research-note{color:var(--text);line-height:1.85}.research-note{border-color:var(--g3);background:rgba(var(--g3-rgb),.06)}
.set{background:var(--dark-2)}.device{position:relative;isolation:isolate;background:var(--dark-3);border-color:var(--line);border-radius:16px;transition:box-shadow .4s,border-color .4s;transform-style:preserve-3d}.device:before{content:'';position:absolute;z-index:-1;top:95px;left:calc(50% - 170px);width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(var(--g3-rgb),.18),rgba(15,34,24,.12) 50%,transparent 70%);animation:ringPulse 4s ease-in-out infinite}.device.red:before{background:radial-gradient(circle,rgba(255,41,41,.16),rgba(107,39,39,.12) 50%,transparent 70%)}.device:hover{border-color:rgba(var(--g5-rgb),.3);box-shadow:var(--glow-sm)}.device.red:hover{border-color:#c4454555;box-shadow:0 0 20px #c4454522}.device h3{color:var(--cream);font-style:italic}.device img{filter:drop-shadow(0 0 24px rgba(var(--g3-rgb),.35)) drop-shadow(0 20px 25px #0008);animation:productFloat 6s ease-in-out infinite}.device.red img{filter:drop-shadow(0 0 24px #ff292933) drop-shadow(0 20px 25px #0008);animation-delay:-3s}.device .device-type{color:var(--g4)}.device.red .device-type{color:#C44545}.device p,.set-note,.offer-note{color:var(--text)}.offer-price{color:var(--g5);font-style:italic}.offer-price s{color:var(--text)}
#tattoos{background:var(--dark-3)}.person img{border-radius:12px;border:1px solid var(--line);box-shadow:0 14px 32px #0004;transition:box-shadow .35s}.person:hover img{box-shadow:var(--glow-sm)}.person h3{font-style:italic;color:var(--cream)}.person p{color:var(--text)}.person .role{color:var(--g4)}
.faq-list summary{font-family:var(--serif);font-size:23px;color:var(--text);transition:color .2s}.faq-list summary:hover,.faq-list details[open] summary{color:var(--g4)}.faq-list summary:after{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);font:20px/30px var(--sans);text-align:center;top:21px;transition:box-shadow .25s,background .25s}.faq-list details[open] summary:after{background:rgba(var(--g5-rgb),.1);box-shadow:var(--glow-sm)}.faq-list details p{color:var(--text);line-height:1.88}.faq-list details[open] p{animation:answerReveal .4s ease-out}
.closing{position:relative;overflow:hidden;background:radial-gradient(ellipse at center bottom,rgba(var(--g3-rgb),.18),transparent 70%),var(--dark-2)}.closing h2{color:var(--text)}.closing h2 em{color:var(--cream)}footer{background:var(--dark);color:var(--text)}.footer-links,.legal,.copyright{color:var(--text)}
.mobile-nav{display:none}.mobile-nav summary:after{display:none}.mobile-nav summary{padding:8px;color:var(--g5);list-style:none;font:23px var(--sans)}
@keyframes logoPulse{0%,100%{color:#fff;filter:drop-shadow(0 0 2px #ffffff26)}50%{color:var(--g5);filter:drop-shadow(0 0 18px rgba(var(--g5-rgb),.9)) drop-shadow(0 0 40px rgba(var(--g5-rgb),.4))}}
@keyframes heroDrift{from{transform:scale(1.05) translateX(0)}to{transform:scale(1.08) translateX(-2%)}}
@keyframes scan{0%,100%{left:-60%}50%{left:100%}}
@keyframes sparkSpin{to{transform:rotate(360deg)}}
@keyframes ctaPulse{0%,100%{box-shadow:0 0 0 rgba(var(--g5-rgb),0)}50%{box-shadow:0 0 28px 4px rgba(var(--g5-rgb),.35)}}
@keyframes laserSweep{0%{transform:translateX(-320px);opacity:0}8%{opacity:1}80%{opacity:1}100%{transform:translateX(100vw);opacity:0}}
@keyframes ringPulse{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:1}}
@keyframes productFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes answerReveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.nav-links{gap:18px}.nav-links a{font-size:10px}}
@media(max-width:720px){.nav{gap:14px}.logo{width:112px}.nav-links{margin-left:auto;gap:0}.nav .btn{padding:10px 16px;font-size:10px}.mobile-nav{display:block;position:relative}.mobile-nav div{position:absolute;right:0;top:48px;width:230px;display:flex;flex-direction:column;padding:20px;gap:18px;background:rgba(var(--dark-rgb),.98);border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 34px #0008}.mobile-nav div a{font-size:14px;color:var(--cream)}.hero .eyebrow{font-size:9px;letter-spacing:.22em}.hero-divider{max-width:300px;margin-top:25px}.hero-foot b{font-size:22px}.hero-foot{font-size:8px;letter-spacing:.04em}.steps article{padding:24px 24px 24px 78px}.step-number{left:22px;top:20px;font-size:42px}.steps h3{font-size:25px}.steps p{font-size:14px}.eyebrow{font-size:10px}.faq-list summary{font-size:21px;padding-right:45px}.faq-list summary:after{width:28px;height:28px;line-height:26px;top:23px}.use h3{font-size:27px}.research-card .number{font-size:45px}.device:before{width:270px;height:270px;left:calc(50% - 135px)}.btn{letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#particles-canvas,.scan-line,.laser-beam-sweep{display:none}}