/* =========================================================
GLOBAL DESIGN SYSTEM (CSS)
Aesthetic based on the supplied dark cyber-retail reference:
black metal surfaces, electric cyan accents, angular borders,
condensed display typography, product-led merchandising.
========================================================= */
:root{--bg:#020405;--panel:#080d10;--panel2:#0b1216;--cyan:#27dff5;--cyan2:#0ba9c0;--white:#f4f7f8;--muted:#a8b4ba;--line:rgba(108,229,244,.25);--line2:rgba(255,255,255,.14);--display:'Barlow Condensed',sans-serif;--body:'Inter',sans-serif;--shadow:0 24px 70px rgba(0,0,0,.6)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--body);line-height:1.55;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{width:min(1460px,calc(100% - 64px));margin-inline:auto}.section{padding:96px 0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);text-transform:uppercase;line-height:.96}h2{font-size:clamp(2.7rem,5vw,5.2rem);letter-spacing:-.03em}p{color:var(--muted)}.eyebrow{color:var(--cyan);font:800 .82rem/1 var(--display);letter-spacing:.18em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:4px;font:800 1rem/1 var(--display);letter-spacing:.035em;text-transform:uppercase;transition:.25s ease}.button-primary{background:linear-gradient(135deg,#34e5f8,#079bb5);color:#031013;box-shadow:0 0 28px rgba(39,223,245,.18)}.button-primary:hover{filter:brightness(1.12);transform:translateY(-2px)}.button-outline{border:1px solid var(--cyan);background:rgba(0,0,0,.35)}.button-outline:hover{background:rgba(39,223,245,.1)}

/* =========================================================
SECTION 01 — SITE HEADER / NAVIGATION (CSS)
========================================================= */
.site-header{height:98px;position:relative;z-index:50;background:rgba(0,0,0,.96);border-bottom:1px solid rgba(39,223,245,.25)}.nav-wrap{height:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:14px;height:100%;padding-right:26px;border-right:1px solid var(--line)}.brand img{width:80px;height:80px;object-fit:contain}.brand-wordmark{display:flex;flex-direction:column;font-family:var(--display);text-transform:uppercase;line-height:.76}.brand-wordmark b{font-size:2.1rem;letter-spacing:.02em}.brand-wordmark small{margin-top:10px;color:var(--cyan);font-size:1.02rem;letter-spacing:.42em;text-align:center}.main-nav{display:flex;align-items:center;justify-content:center;gap:28px}.main-nav a{font:800 .95rem var(--display);text-transform:uppercase;letter-spacing:.035em;color:#f1f1f1}.main-nav a:hover,.main-nav a.active{color:var(--cyan)}.header-cta{padding:13px 23px;border:1px solid var(--cyan);border-radius:4px;font:800 .93rem var(--display);text-transform:uppercase}.menu-button{display:none;background:none;border:0;color:#fff;font-size:1.8rem}

/* =========================================================
SECTION 02 — HERO / PRODUCT COLLAGE (CSS)
Background asset: cyber-shards.svg
========================================================= */
.hero{position:relative;min-height:675px;overflow:hidden;background:url('assets/backgrounds/cyber-shards.svg') center/cover no-repeat;border-bottom:1px solid var(--line)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.64) 38%,rgba(0,0,0,.08) 70%);pointer-events:none}.hero-noise{position:absolute;inset:0;opacity:.16;background-image:radial-gradient(#fff .6px,transparent .7px);background-size:7px 7px;mix-blend-mode:overlay}.hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.3fr;min-height:675px;align-items:center}.hero-copy{padding:46px 0 64px;max-width:610px}.hero-brand-lockup{display:flex;align-items:center;gap:20px;margin-bottom:27px}.hero-brand-lockup img{width:168px;height:168px;filter:drop-shadow(0 0 18px rgba(39,223,245,.14))}.hero-brand-lockup div{font-family:var(--display);text-transform:uppercase;line-height:.73}.hero-brand-lockup strong{font-size:5.35rem;letter-spacing:-.045em;text-shadow:0 3px 0 #444}.hero-brand-lockup span{display:block;color:var(--cyan);font-size:2.1rem;letter-spacing:.33em;text-align:center;margin-top:21px}.hero-kicker{font:700 1.55rem var(--display);color:#fff;margin-bottom:0}.hero h1{font-size:3.65rem;color:var(--cyan);margin:2px 0 18px;text-transform:none}.hero-description{font-size:1rem;max-width:550px;color:#d0d8dc}.button-row{display:flex;gap:14px;margin-top:28px}.hero-products{position:relative;align-self:stretch;min-width:0}.hero-pack{position:absolute;width:220px;filter:drop-shadow(0 28px 20px rgba(0,0,0,.76));transition:transform .35s ease}.hero-pack:hover{transform:translateY(-13px) scale(1.025)!important;z-index:10}.hp1{top:18px;left:18%;transform:rotate(-2deg)}.hp2{top:2px;left:41%;z-index:2}.hp3{top:13px;left:64%;transform:rotate(2deg)}.hp4{top:288px;left:8%;transform:rotate(-4deg)}.hp5{top:294px;left:29%;z-index:3}.hp6{top:286px;left:51%;z-index:2}.hp7{top:292px;left:72%;transform:rotate(4deg)}

/* =========================================================
SECTION 03 — BRAND STATEMENT (CSS)
========================================================= */
.statement-band{position:relative;margin-top:-4px;background:#020405;border-block:1px solid var(--cyan);box-shadow:0 0 25px rgba(39,223,245,.12)}.statement-band:before,.statement-band:after{content:"";position:absolute;top:-1px;width:25%;height:100%;background:linear-gradient(135deg,transparent 18%,rgba(39,223,245,.11) 18%,transparent 43%)}.statement-band:before{left:0}.statement-band:after{right:0;transform:scaleX(-1)}.statement-band h2{position:relative;z-index:2;font-size:2.1rem;text-align:center;text-transform:none;font-style:italic;margin:0;padding:13px 20px;letter-spacing:.005em}

/* =========================================================
SECTION 04 — BENEFIT STRIP (CSS)
Background asset: tech-panel.svg
========================================================= */
.benefit-strip{padding:20px 0 30px;background:#030506}.benefit-row{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line2);border-radius:7px;background:url('assets/backgrounds/tech-panel.svg') center/cover;box-shadow:var(--shadow)}.benefit-row article{display:flex;gap:14px;align-items:center;padding:19px 17px;border-right:1px solid var(--line2)}.benefit-row article:last-child{border:0}.benefit-row i{width:48px;flex:0 0 48px;height:48px;border:2px solid var(--cyan);border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-style:normal;font-weight:800;font-size:1.4rem}.benefit-row h3{font-size:1.14rem;color:var(--cyan);margin:0 0 4px}.benefit-row p{font-size:.71rem;line-height:1.38;margin:0;color:#d0d5d8}

/* =========================================================
SECTION 05 — SHOP BY GAME / PRODUCT CATEGORIES (CSS)
========================================================= */
.game-section{padding-top:18px;background:linear-gradient(#020405,#06090b)}.section-title{display:flex;align-items:center;gap:22px;justify-content:center;margin:0 0 23px}.section-title span{height:1px;max-width:175px;flex:1;background:linear-gradient(90deg,transparent,var(--cyan))}.section-title span:last-child{transform:scaleX(-1)}.section-title h2{font-size:2rem;margin:0;white-space:nowrap}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.game-card{min-height:270px;position:relative;overflow:hidden;border:1px solid var(--line2);border-radius:7px;background:linear-gradient(135deg,#090d10,#050708);padding:22px;display:grid;grid-template-columns:1.05fr .95fr}.game-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 60%,rgba(39,223,245,.1),transparent 55%);pointer-events:none}.game-copy{position:relative;z-index:2}.game-label{font:800 1.55rem var(--display);color:#fff;margin:0 0 14px;text-transform:uppercase}.game-label.yellow{color:#ffd119}.game-label.red{color:#e32222}.game-copy h3{font-size:1.45rem;margin:0 0 9px}.game-copy p:not(.game-label){font-size:.78rem;line-height:1.45;color:#ced5d8}.game-copy a{display:inline-block;margin-top:8px;padding:9px 14px;border:1px solid var(--cyan);border-radius:3px;color:var(--cyan);font:800 .84rem var(--display);text-transform:uppercase}.mini-packs{position:relative;z-index:1;display:flex;align-items:end;justify-content:center;margin-right:-15px;margin-bottom:-36px}.mini-packs img{width:100px;filter:drop-shadow(0 13px 8px rgba(0,0,0,.65))}.mini-packs img:nth-child(1){transform:rotate(-7deg) translateX(18px)}.mini-packs img:nth-child(2){z-index:2}.mini-packs img:nth-child(3){transform:rotate(7deg) translateX(-18px)}.mini-packs.two img{width:120px}.mini-packs.single img{width:145px}

/* =========================================================
SECTION 06 — FEATURED PRODUCT SHOWCASE (CSS)
========================================================= */
.featured-section{background:#05090b;border-top:1px solid rgba(39,223,245,.08)}.section-heading{max-width:800px;margin-bottom:45px}.section-heading h2{margin:15px 0 18px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.product-card{position:relative;padding:16px 16px 22px;background:linear-gradient(180deg,#0c1317,#06090b);border:1px solid var(--line2);border-radius:7px;overflow:hidden;transition:.25s ease}.product-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(39,223,245,.07));pointer-events:none}.product-card:hover{transform:translateY(-7px);border-color:var(--cyan);box-shadow:0 15px 38px rgba(0,0,0,.45)}.product-image{height:360px;display:grid;place-items:center;background:radial-gradient(circle,rgba(39,223,245,.12),transparent 58%);overflow:hidden}.product-image img{height:350px;width:auto;filter:drop-shadow(0 22px 13px rgba(0,0,0,.62))}.product-card>span{display:block;color:var(--cyan);font:800 .72rem var(--display);letter-spacing:.13em;text-transform:uppercase;margin-top:17px}.product-card h3{font-size:1.65rem;margin:6px 0}.product-card p{font-size:.8rem}.product-card a{font:800 .83rem var(--display);color:var(--cyan);text-transform:uppercase}.product-card:first-child{grid-column:span 2}.product-card:first-child .product-image{height:430px}.product-card:first-child .product-image img{height:420px}

/* =========================================================
SECTION 07 — WHOLESALE CTA (CSS)
Background asset: hex-field.svg
========================================================= */
.wholesale-section{background:url('assets/backgrounds/hex-field.svg') center/cover;border-block:1px solid var(--line);overflow:hidden}.wholesale-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:650px}.wholesale-copy{max-width:650px}.wholesale-copy h2{margin:17px 0 23px}.wholesale-contact{margin:25px 0;padding:20px 22px;border-left:3px solid var(--cyan);background:linear-gradient(90deg,rgba(39,223,245,.11),rgba(0,0,0,.18));box-shadow:inset 0 0 0 1px rgba(39,223,245,.12)}.wholesale-contact h3,.contact-details h3{margin:0 0 8px;font:900 1.75rem var(--display);text-transform:uppercase;letter-spacing:.06em;color:var(--white);text-shadow:0 0 18px rgba(39,223,245,.34)}.wholesale-contact p,.contact-details p{margin:0 0 13px;font-size:.86rem;color:#c8d3d7}.wholesale-contact a,.contact-details a{display:block;width:max-content;max-width:100%;margin:5px 0;color:var(--white);font-size:.88rem;overflow-wrap:anywhere}.wholesale-contact a:hover,.contact-details a:hover{color:var(--cyan)}.wholesale-contact strong,.contact-details strong{color:var(--cyan);font-family:var(--display);text-transform:uppercase;letter-spacing:.05em}.wholesale-points{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0 31px}.wholesale-points span{border:1px solid var(--line);padding:7px 11px;font-size:.75rem;color:#d8e0e3;background:rgba(0,0,0,.3)}.wholesale-art{height:600px;position:relative}.wholesale-art img{position:absolute;width:250px;bottom:-45px;filter:drop-shadow(0 28px 17px rgba(0,0,0,.7))}.wa1{left:2%;transform:rotate(-12deg)}.wa2{left:34%;z-index:3}.wa3{right:0;transform:rotate(12deg)}

/* =========================================================
SECTION 08 — ABOUT / BRAND STORY (CSS)
========================================================= */
.about-section{background:#050709}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.about-art{min-height:500px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:radial-gradient(circle,#176779 0,#0b2830 38%,#040607 72%);position:relative;overflow:hidden}.about-art:before{content:"";position:absolute;inset:0;background:url('assets/backgrounds/tech-panel.svg') center/cover;opacity:.5}.about-art img{position:relative;z-index:2;width:72%;filter:drop-shadow(0 25px 28px rgba(0,0,0,.6))}.about-copy h2{margin:17px 0 24px}.text-link{display:inline-block;margin-top:13px;color:var(--cyan);font-weight:800}

/* =========================================================
SECTION 09 — RETAIL PROOF / OPERATING STRENGTHS (CSS)
========================================================= */
.proof-strip{padding:18px 0 30px;background:#030506}.proof-row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line2);border-radius:7px;background:#070b0d}.proof-row article{padding:18px 24px;border-right:1px solid var(--line2);display:flex;align-items:center;gap:13px}.proof-row article:last-child{border:0}.proof-row b{font:800 1.18rem var(--display);color:var(--cyan);text-transform:uppercase}.proof-row span{font-size:.72rem;color:#d2d8db}

/* =========================================================
SECTION 10 — FAQ (CSS)
========================================================= */
.faq-section{background:#06090b}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-layout h2{margin-top:18px}.accordion details{border-top:1px solid var(--line2);padding:22px 0}.accordion details:last-child{border-bottom:1px solid var(--line2)}.accordion summary{cursor:pointer;list-style:none;font:700 1.55rem var(--display);text-transform:uppercase}.accordion summary:after{content:"+";float:right;color:var(--cyan)}.accordion details[open] summary:after{content:"–"}.accordion p{font-size:.9rem;max-width:720px;margin:14px 0 0}

/* =========================================================
SECTION 11 — CONTACT / WHOLESALE FORM (CSS)
========================================================= */
.contact-section{background:linear-gradient(135deg,#0b1418,#040607)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.contact-copy h2{margin:17px 0 20px}.contact-details{margin-top:28px;padding:22px 24px;border:1px solid var(--line);border-radius:5px;background:rgba(1,4,5,.55);position:relative;overflow:hidden}.contact-details:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(39,223,245,.09),transparent 48%);pointer-events:none}.contact-details>*{position:relative}.contact-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:28px;border:1px solid var(--line);border-radius:7px;background:rgba(1,4,5,.68)}.contact-form label{font:800 .76rem var(--display);text-transform:uppercase;letter-spacing:.08em}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:7px;padding:13px 14px;border:1px solid var(--line2);border-radius:3px;background:#05090b;color:#fff}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:1px solid var(--cyan)}.full{grid-column:1/-1}

/* =========================================================
SECTION 12 — FOOTER (CSS)
========================================================= */
.site-footer{padding:58px 0 24px;background:#010203;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px}.footer-brand{display:flex;gap:18px;align-items:center}.footer-brand img{width:88px}.footer-brand strong{font:800 1.6rem var(--display)}.footer-brand p{font-size:.82rem;margin:5px 0}.site-footer h3{font-size:1.2rem;color:var(--cyan);margin-bottom:15px}.site-footer a{display:block;color:var(--muted);font-size:.82rem;margin:7px 0}.footer-bottom{border-top:1px solid var(--line2);margin-top:42px;padding-top:20px;display:flex;justify-content:space-between;gap:30px;color:#758187;font-size:.68rem}.footer-bottom span:last-child{max-width:660px;text-align:right}

/* =========================================================
RESPONSIVE RULES (CSS)
========================================================= */
@media(max-width:1250px){.main-nav{gap:17px}.main-nav a{font-size:.84rem}.hero-layout{grid-template-columns:.85fr 1.15fr}.hero-brand-lockup strong{font-size:4.3rem}.hero-brand-lockup img{width:140px;height:140px}.hero-pack{width:190px}.game-grid{grid-template-columns:repeat(2,1fr)}.benefit-row{grid-template-columns:repeat(3,1fr)}.benefit-row article:nth-child(3){border-right:0}.benefit-row article:nth-child(-n+3){border-bottom:1px solid var(--line2)}}
@media(max-width:980px){.site-header{height:82px}.nav-wrap{grid-template-columns:auto auto 1fr}.brand img{width:66px;height:66px}.brand-wordmark{display:none}.header-cta{justify-self:end}.menu-button{display:block;grid-column:2}.main-nav{display:none;position:absolute;top:82px;left:24px;right:24px;padding:20px;background:#05090b;border:1px solid var(--line);flex-direction:column;align-items:stretch}.main-nav.is-open{display:flex}.hero-layout,.wholesale-grid,.about-grid,.faq-layout,.contact-grid{grid-template-columns:1fr}.hero-layout{padding-top:45px}.hero-copy{text-align:center;margin-inline:auto}.hero-brand-lockup{justify-content:center}.button-row{justify-content:center}.hero-products{min-height:650px}.benefit-row{grid-template-columns:repeat(2,1fr)}.benefit-row article{border-bottom:1px solid var(--line2)}.benefit-row article:nth-child(odd){border-right:1px solid var(--line2)}.benefit-row article:nth-child(even){border-right:0}.product-grid{grid-template-columns:repeat(2,1fr)}.product-card:first-child{grid-column:span 1}.product-card:first-child .product-image{height:360px}.product-card:first-child .product-image img{height:350px}.wholesale-art{height:520px}.proof-row{grid-template-columns:repeat(2,1fr)}.proof-row article{border-bottom:1px solid var(--line2)}}
@media(max-width:640px){.shell{width:min(100% - 26px,1460px)}.section{padding:72px 0}.header-cta{display:none}.nav-wrap{grid-template-columns:auto 1fr}.menu-button{grid-column:2;justify-self:end}.hero{min-height:auto}.hero-layout{min-height:auto}.hero-brand-lockup{flex-direction:column}.hero-brand-lockup img{width:125px;height:125px}.hero-brand-lockup strong{font-size:3.65rem}.hero-brand-lockup span{font-size:1.65rem}.hero h1{font-size:3rem}.button-row{flex-direction:column}.hero-products{min-height:500px;margin-top:10px}.hero-pack{width:126px}.hp1{left:4%;top:20px}.hp2{left:34%;top:8px}.hp3{left:64%;top:20px}.hp4{left:2%;top:245px}.hp5{left:26%;top:252px}.hp6{left:51%;top:246px}.hp7{left:73%;top:250px}.statement-band h2{font-size:1.45rem}.benefit-row,.game-grid,.product-grid,.proof-row,.contact-form,.footer-grid{grid-template-columns:1fr}.benefit-row article,.benefit-row article:nth-child(odd){border-right:0}.game-card{min-height:320px}.product-image,.product-card:first-child .product-image{height:390px}.product-image img,.product-card:first-child .product-image img{height:380px}.wholesale-art{height:380px}.wholesale-art img{width:165px}.about-art{min-height:350px}.footer-bottom{flex-direction:column}.footer-bottom span:last-child{text-align:left}}