:root{
  --bg:#06070d; --panel:#10131d; --panel2:#0b0e16; --line:rgba(255,255,255,.10);
  --text:#f6f8ff; --muted:#a9b1c5; --cyan:#2ee7ff; --pink:#f147ff; --violet:#946cff;
  --max:1240px; --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 10% 10%,rgba(46,231,255,.10),transparent 25%),
    radial-gradient(circle at 88% 18%,rgba(241,71,255,.10),transparent 28%),
    linear-gradient(180deg,#05070d,#070a12);
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.site-header{
  max-width:var(--max);margin:auto;padding:16px 24px;position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(6,7,13,.86);
  backdrop-filter:blur(18px);border-bottom:1px solid var(--line);
}
.brand{display:block;width:210px;height:62px;overflow:hidden;position:relative}
.brand img{position:absolute;width:330px;max-width:none;left:-58px;top:-80px}
.menu-btn{display:none;background:none;border:0;color:white;font-size:30px}
.nav{display:flex;align-items:center;gap:26px;font-weight:800;font-size:14px}
.nav a{color:#e6e9f4}
.nav-pill{padding:11px 17px;border:1px solid rgba(46,231,255,.45);border-radius:999px;color:var(--cyan)!important}
.hero{max-width:var(--max);margin:auto;padding:72px 24px 36px;display:grid;grid-template-columns:1.02fr .98fr;gap:42px;align-items:center}
.eyebrow{font-size:12px;font-weight:900;letter-spacing:.17em;color:var(--cyan);text-transform:uppercase}
.hero h1,.section h2{letter-spacing:-.045em;line-height:.96}
.hero h1{font-size:clamp(54px,7vw,94px);margin:12px 0 20px}
.hero h1 span{background:linear-gradient(90deg,var(--cyan),#ddfbff 46%,#f2c9ff 75%,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-text{font-size:19px;color:var(--muted);max-width:650px}
.hero-buttons,.live-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 19px;border-radius:14px;font-weight:900;border:1px solid transparent}
.primary{background:linear-gradient(90deg,var(--cyan),#9bf7ff);color:#061019;box-shadow:0 0 28px rgba(46,231,255,.16)}
.secondary{border-color:var(--line);background:rgba(255,255,255,.035);color:white}
.trust-strip{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px;color:#8f98ad;font-size:12px}
.trust-strip span::before{content:"✓";color:var(--cyan);font-weight:900;margin-right:6px}
.hero-card{border:1px solid rgba(255,255,255,.13);border-radius:27px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.48)}
.business-strip{max-width:var(--max);margin:0 auto;padding:16px 24px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:11px}
.business-strip div{padding:16px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025)}
.business-strip strong{display:block;font-size:14px;margin-bottom:6px}.business-strip span{font-size:12px;color:var(--muted)}
.section{max-width:var(--max);margin:auto;padding:78px 24px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}
.section h2{font-size:clamp(38px,5vw,62px);margin:7px 0 10px}
.section-intro{color:var(--muted);font-size:18px}
.box-feature{display:grid;grid-template-columns:.82fr 1.18fr;gap:18px;margin-bottom:20px}
.box-art,.box-copy,.panel,.release-grid article,.trade-card,.contact-card,.product-card{
  border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));
}
.box-art{padding:18px;display:flex;align-items:center;justify-content:center;min-height:350px}
.box-art img{max-height:300px;width:auto;object-fit:contain}
.box-copy{padding:28px}
.category-tag{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.06);font-size:10px;font-weight:900;letter-spacing:.13em;margin-bottom:15px}
.violet{color:#c2aeff}
.box-copy h3{font-size:36px;margin:0 0 10px}
.box-copy p{color:var(--muted);font-size:17px;margin:0 0 16px}
.feature-points{display:flex;gap:10px;flex-wrap:wrap}
.feature-points span{padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line);font-size:12px;color:#d7dbeb}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.product-card{overflow:hidden}
.product-visual{padding:22px;display:flex;align-items:center;justify-content:center;min-height:260px;background:linear-gradient(180deg,rgba(46,231,255,.04),rgba(241,71,255,.04))}
.product-visual img{max-height:215px;width:auto;object-fit:contain}
.stack-two{position:relative}
.stack-two .pack{position:absolute;max-height:200px}
.stack-two .pack.second{transform:translate(-22px,-6px) rotate(-8deg);opacity:.92}
.stack-two .pack.first{transform:translate(22px,8px) rotate(8deg);z-index:2}
.product-body{padding:22px}
.product-tag{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.06);font-size:10px;font-weight:900;letter-spacing:.13em;color:var(--cyan);margin-bottom:12px}
.product-body h3{font-size:26px;margin:0 0 10px}
.product-body p{color:var(--muted);margin:0 0 16px}
.product-footer{display:flex;justify-content:space-between;align-items:end;gap:18px;padding-top:14px;border-top:1px solid var(--line)}
.product-footer strong{font-size:24px}
.product-footer span{font-size:12px;color:#8f98ad;text-align:right}
.image-note{margin-top:14px;color:#8f98ad;font-size:12px}
.split-section{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}
.panel{padding:30px}.live-panel{background:linear-gradient(145deg,rgba(241,71,255,.07),rgba(46,231,255,.04),rgba(255,255,255,.02))}
.panel p{color:var(--muted);font-size:17px}
.next-show{margin-top:26px;padding:18px;border-radius:17px;border:1px solid var(--line);background:rgba(255,255,255,.025)}
.next-show span,.next-show strong,.next-show small{display:block}.next-show span{color:var(--pink);font-size:10px;font-weight:900;letter-spacing:.15em}.next-show strong{font-size:20px;margin:5px 0}.next-show small{color:var(--muted)}
.channel-list{margin-top:20px;border-top:1px solid var(--line)}
.channel-list div{padding:15px 0;border-bottom:1px solid var(--line)}.channel-list strong,.channel-list span{display:block}.channel-list span{color:var(--muted);font-size:13px;margin-top:4px}
.release-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.release-grid article{padding:24px}.release-grid article>span{font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--cyan)}
.release-grid h3{font-size:26px;margin:13px 0 8px}.release-grid p{color:var(--muted)}
.about-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;padding:44px 0;border-block:1px solid var(--line)}
.about-copy p{font-size:18px;color:#ccd2e2;margin-top:0}
.trade-card,.contact-card{padding:32px;display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:start}
.trade-card p,.contact-card p{color:var(--muted);font-size:17px}
.trade-details{display:grid;gap:10px}.trade-details div{padding:13px 0;border-bottom:1px solid var(--line)}.trade-details span,.trade-details strong{display:block}.trade-details span{font-size:11px;color:#8f98ad;margin-bottom:3px}
.trade-details .btn{margin-top:10px}
.contact-actions{display:grid;gap:10px}.contact-actions a{padding:15px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}
.contact-actions span,.contact-actions strong{display:block}.contact-actions span{font-size:11px;color:var(--cyan);font-weight:900;letter-spacing:.12em}.contact-actions strong{margin-top:4px}
.site-footer{max-width:var(--max);margin:auto;padding:38px 24px 54px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
.footer-brand{width:240px;overflow:hidden}.footer-brand img{width:350px;max-width:none;margin-left:-62px;margin-top:-78px;margin-bottom:-78px}.footer-brand p{color:var(--muted)}
.footer-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end;font-size:13px;color:#cdd2df}.footer-legal{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;color:#737d93;font-size:12px}
.policy-wrap{max-width:850px;margin:auto;padding:76px 24px}.policy-wrap h1{font-size:50px}.policy-wrap h2{margin-top:28px}.policy-wrap p,.policy-wrap li{color:#c8cedd}.back{color:var(--cyan);font-weight:800}
@media(max-width:960px){
  .hero,.box-feature,.split-section,.about-panel,.trade-card,.contact-card{grid-template-columns:1fr}
  .business-strip,.release-grid,.product-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .site-header{padding:12px 18px}.brand{width:165px;height:48px}.brand img{width:270px;left:-52px;top:-68px}
  .menu-btn{display:block}.nav{display:none;position:absolute;top:68px;left:16px;right:16px;flex-direction:column;align-items:stretch;padding:16px;border:1px solid var(--line);border-radius:18px;background:#0a0d15}.nav.open{display:flex}
  .hero{padding:38px 18px 24px}.hero h1{font-size:52px}.business-strip,.release-grid,.product-grid{grid-template-columns:1fr;padding-inline:18px}
  .section{padding:60px 18px}.section-head{align-items:start;flex-direction:column}.box-art{min-height:250px}
  .product-footer{align-items:start;flex-direction:column}.site-footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.footer-legal{flex-direction:column;gap:6px}
  .stack-two .pack.second{transform:translate(-14px,-4px) rotate(-6deg)} .stack-two .pack.first{transform:translate(14px,6px) rotate(6deg)}
}

/* V4.1 — clean pack visuals with no third-party retailer branding */
.pack-mock{
  width:142px;height:214px;border-radius:10px;position:relative;overflow:hidden;
  border:1px solid rgba(255,255,255,.24);
  background:
    radial-gradient(circle at 68% 28%, rgba(46,231,255,.55), transparent 20%),
    radial-gradient(circle at 30% 64%, rgba(241,71,255,.55), transparent 23%),
    linear-gradient(145deg,#10182b 0%,#17283a 42%,#492169 68%,#0a0d17 100%);
  box-shadow:0 18px 34px rgba(0,0,0,.38),0 0 24px rgba(46,231,255,.10);
}
.pack-mock:before,.pack-mock:after{
  content:"";position:absolute;inset:auto -18px;height:5px;background:rgba(255,255,255,.18);
  transform:rotate(-24deg)
}
.pack-mock:before{top:56px}.pack-mock:after{bottom:54px}
.pack-mock-top{
  position:absolute;top:13px;left:0;right:0;text-align:center;
  color:#f3f6ff;font-size:8px;font-weight:900;letter-spacing:.11em
}
.pack-mock-art{
  position:absolute;left:10px;right:10px;top:67px;text-align:center;
  font-weight:1000;font-style:italic;line-height:.86;letter-spacing:-.05em;
  font-size:30px;color:#fff;text-shadow:0 2px 0 #111,0 0 13px rgba(46,231,255,.42);
}
.pack-mock-art::first-line{color:#fff}
.pack-mock-bottom{
  position:absolute;left:0;right:0;bottom:13px;text-align:center;
  color:#2ee7ff;font-size:9px;font-weight:900;letter-spacing:.09em
}
.stack-two,.triple{position:relative}
.pack-mock-two{position:absolute}
.pack-mock-two.back{transform:translate(-28px,-4px) rotate(-8deg);opacity:.92}
.pack-mock-two.front{transform:translate(28px,6px) rotate(8deg);z-index:2}
.pack-mock-three{position:absolute;width:126px;height:192px}
.pack-mock-three.left{transform:translateX(-55px) rotate(-10deg)}
.pack-mock-three.centre{z-index:3}
.pack-mock-three.right{transform:translateX(55px) rotate(10deg)}
@media(max-width:760px){
  .pack-mock-three{width:116px;height:182px}
  .pack-mock-three.left{transform:translateX(-48px) rotate(-8deg)}
  .pack-mock-three.right{transform:translateX(48px) rotate(8deg)}
}


/* V4.2 real-stock photo upgrades */
.box-gallery{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  padding:16px;
}
.gallery-main,.gallery-sub{
  margin:0;
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  overflow:hidden;
  background:rgba(255,255,255,.02);
}
.gallery-main img{
  width:100%;
  height:340px;
  object-fit:contain;
}
.gallery-sub img{
  width:100%;
  height:220px;
  object-fit:contain;
}
.real-pack-image{
  width:auto;
  max-width:100%;
  object-fit:contain;
  filter:drop-shadow(0 16px 28px rgba(0,0,0,.35));
}
.pack-photo{
  position:absolute;
  max-height:225px;
}
.single .real-pack-image{
  max-height:230px;
}
.stack-two{position:relative}
.stack-two .two-back{
  transform:translate(-28px,-4px) rotate(-8deg);
  opacity:.96;
}
.stack-two .two-front{
  transform:translate(28px,8px) rotate(8deg);
  z-index:2;
}
.triple{position:relative}
.triple .three-left{
  transform:translateX(-64px) rotate(-10deg);
}
.triple .three-centre{
  z-index:2;
}
.triple .three-right{
  transform:translateX(64px) rotate(10deg);
}
@media(max-width:760px){
  .gallery-main img{height:260px}
  .gallery-sub img{height:180px}
  .stack-two .two-back{transform:translate(-18px,-2px) rotate(-6deg)}
  .stack-two .two-front{transform:translate(18px,4px) rotate(6deg)}
  .triple .three-left{transform:translateX(-42px) rotate(-8deg)}
  .triple .three-right{transform:translateX(42px) rotate(8deg)}
}


/* V4.2.1 — upscaled transparent product visuals */
.box-art.box-gallery{
  background:
    radial-gradient(circle at 28% 25%, rgba(46,231,255,.07), transparent 36%),
    radial-gradient(circle at 72% 72%, rgba(241,71,255,.07), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
}
.gallery-main,
.gallery-sub{
  background:
    radial-gradient(circle at 50% 45%, rgba(255,255,255,.03), transparent 60%),
    rgba(255,255,255,.015);
  border:1px solid rgba(255,255,255,.08);
}
.gallery-main img{
  height:360px;
  object-fit:contain;
}
.gallery-sub img{
  height:240px;
  object-fit:contain;
}
.product-visual{
  background:
    radial-gradient(circle at 45% 30%, rgba(46,231,255,.08), transparent 34%),
    radial-gradient(circle at 62% 74%, rgba(241,71,255,.08), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
}
.real-pack-image{
  max-height:238px;
  width:auto;
  object-fit:contain;
}
.stack-two .pack-photo,
.triple .pack-photo{
  max-height:232px;
}
.single .real-pack-image{
  max-height:242px;
}
.stack-two .two-back{
  transform:translate(-26px,-3px) rotate(-7deg);
  opacity:.97;
}
.stack-two .two-front{
  transform:translate(26px,8px) rotate(7deg);
}
.triple .three-left{
  transform:translateX(-58px) rotate(-9deg);
}
.triple .three-centre{
  z-index:2;
}
.triple .three-right{
  transform:translateX(58px) rotate(9deg);
}
.image-note{
  color:#9aa3b9;
}
@media(max-width:760px){
  .gallery-main img{height:270px}
  .gallery-sub img{height:190px}
  .stack-two .pack-photo,
  .triple .pack-photo,
  .single .real-pack-image{max-height:205px}
  .stack-two .two-back{transform:translate(-16px,-2px) rotate(-5deg)}
  .stack-two .two-front{transform:translate(16px,4px) rotate(5deg)}
  .triple .three-left{transform:translateX(-38px) rotate(-7deg)}
  .triple .three-right{transform:translateX(38px) rotate(7deg)}
}


/* V4.2.2 – cleaner stacked product cards */
.box-feature{align-items:stretch}
.box-gallery{padding:20px;gap:16px}
.gallery-main,.gallery-sub{
  display:flex;
  align-items:center;
  justify-content:center;
}
.gallery-main{
  min-height:370px;
}
.gallery-sub.compact{
  min-height:210px;
  flex-direction:column;
  gap:8px;
  padding:12px;
}
.gallery-sub.compact figcaption{
  color:#9ea7bd;
  font-size:12px;
  text-align:center;
}
.gallery-main img{height:340px;max-width:92%;object-fit:contain}
.gallery-sub.compact img{height:170px;max-width:84%;object-fit:contain}

.product-grid{align-items:stretch}
.product-card{display:flex;flex-direction:column}
.product-visual{
  min-height:340px;
  overflow:hidden;
}
.real-pack-image{
  max-width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.34));
}
.single .real-pack-image{
  max-height:270px;
}
.stack-two .pack-photo,
.triple .pack-photo{
  max-height:255px;
}

/* Clean stacking – no extra dark slabs or rectangular edges */
.stack-two .two-back{
  transform:translate(-24px,-2px) rotate(-7deg);
  opacity:.95;
}
.stack-two .two-front{
  transform:translate(24px,8px) rotate(7deg);
  z-index:2;
}
.triple .three-left{
  transform:translateX(-52px) rotate(-8deg);
  opacity:.94;
}
.triple .three-centre{z-index:2}
.triple .three-right{
  transform:translateX(52px) rotate(8deg);
  opacity:.94;
}
.image-note{margin-top:18px;text-align:center}

@media(max-width:760px){
  .gallery-main{min-height:280px}
  .gallery-sub.compact{min-height:170px}
  .gallery-main img{height:245px}
  .gallery-sub.compact img{height:135px}
  .product-visual{min-height:290px}
  .single .real-pack-image{max-height:220px}
  .stack-two .pack-photo,.triple .pack-photo{max-height:208px}
  .stack-two .two-back{transform:translate(-14px,-1px) rotate(-5deg)}
  .stack-two .two-front{transform:translate(14px,4px) rotate(5deg)}
  .triple .three-left{transform:translateX(-34px) rotate(-6deg)}
  .triple .three-right{transform:translateX(34px) rotate(6deg)}
}