:root{--bg:#060814;--card:#11182b;--ink:#f7fbff;--mut:#aeb8c9;--line:#24304d;--a:#57d1ff;--b:#b47cff;--g:#35f2a0}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#132044,#060814 45%);color:var(--ink);font-family:Inter,system-ui,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.skip{position:absolute;left:-999px}.bar{text-align:center;background:linear-gradient(90deg,var(--a),var(--b));color:#06101e;padding:9px;font-weight:800}.head{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 5vw;background:#060814dd;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand,.nav{display:flex;gap:16px;align-items:center}.logo{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--a),var(--b));color:#06101e;font-weight:900}.nav a{color:var(--mut);font-weight:700}.nav a:hover{color:#fff}.hamb{display:none}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding:70px 5vw}.hero h1{font-size:clamp(38px,7vw,74px);line-height:.94;margin:14px 0}.hero p{font-size:20px;color:var(--mut);max-width:720px}.pill{display:inline-block;border:1px solid var(--line);border-radius:99px;padding:8px 12px;color:var(--g);background:#0f1729}.btn{display:inline-block;border:0;border-radius:14px;padding:14px 20px;background:linear-gradient(135deg,var(--a),var(--b));color:#06101e;font-weight:900;cursor:pointer}.btn.alt{background:#16213a;color:#fff;border:1px solid var(--line)}.actions{display:flex;gap:12px;flex-wrap:wrap}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:15px;transform:rotate(2deg)}.card{min-height:150px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(160deg,#1a2441,#090d1a);display:grid;place-items:center;font-size:44px;font-weight:1000;box-shadow:0 20px 80px #0008}.card.big{grid-row:span 2;min-height:320px;font-size:72px}.card small{font-size:22px;color:var(--mut)}.wrap,.split,.steps,.faq,.product{padding:45px 5vw}.grid4{padding:25px 5vw;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.grid4 div,.panel,.faq details,.steps div,.pcard,.checkout{background:#10182b;border:1px solid var(--line);border-radius:20px;padding:18px}.grid4 p,.panel p,.steps p,.foot p,.pcard p,.desc{color:var(--mut)}.title{display:flex;justify-content:space-between;gap:15px;align-items:center}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pcard{transition:.2s;position:relative}.pcard:hover{transform:translateY(-4px);border-color:var(--a)}.pic{aspect-ratio:3/4;display:grid;place-items:center;background:#0a1020;border-radius:16px;overflow:hidden;margin-bottom:12px}.pic img{width:100%;height:100%;object-fit:contain}.pic span,.ph{font-size:60px;color:#314268}.pcard s{color:#748099;margin-left:8px}.pcard em{position:absolute;top:25px;left:25px;background:#000c;border:1px solid var(--line);border-radius:99px;padding:5px 9px}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.steps h2{grid-column:1/-1}.steps span{display:grid;place-items:center;background:var(--a);color:#071021;width:34px;height:34px;border-radius:50%;font-weight:900}.faq{max-width:1000px;margin:auto}.faq details{margin:12px 0}.product{display:grid;grid-template-columns:1fr 1fr;gap:28px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-content:start}.mainimg,.ph{grid-column:1/-1;background:#0b1224;border:1px solid var(--line);border-radius:24px;max-height:650px;width:100%;object-fit:contain}.gallery img:not(.mainimg){background:#0b1224;border:1px solid var(--line);border-radius:14px;aspect-ratio:1;object-fit:contain}.info h1{font-size:clamp(30px,5vw,54px)}.info h2{font-size:32px;color:var(--g)}input,select{background:#0b1224;color:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}form label{display:block;margin:14px 0}.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.badges span{background:#0b1224;border:1px solid var(--line);border-radius:99px;padding:8px 11px}.cart{display:grid;gap:12px}.row{display:grid;grid-template-columns:90px 1fr 80px 100px;gap:14px;align-items:center;background:#10182b;border:1px solid var(--line);border-radius:18px;padding:12px}.row img{border-radius:12px}.remove{color:#ff8a8a}.checkout{margin-top:16px;text-align:right}.search{display:flex;gap:10px}.search input{flex:1}.lost{text-align:center;padding:80px 5vw}.foot{margin-top:40px;display:grid;grid-template-columns:2fr 1fr 2fr;gap:20px;padding:35px 5vw;background:#03050c;border-top:1px solid var(--line)}.foot a{display:block;color:var(--mut);margin:8px 0}.empty{grid-column:1/-1;background:#10182b;border:1px solid var(--line);border-radius:20px;padding:30px;color:var(--mut)}.pages{text-align:center;margin:25px}.page{max-width:1000px}@media(max-width:820px){.hamb{display:block;background:#11182b;color:#fff;border:1px solid var(--line);border-radius:12px;padding:10px}.nav{display:none;position:absolute;left:5vw;right:5vw;top:72px;flex-direction:column;background:#080d19;border:1px solid var(--line);border-radius:18px;padding:16px}.nav.open{display:flex}.hero,.split,.product{grid-template-columns:1fr;padding-top:35px}.grid4,.products{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.showcase{transform:none}.card.big{min-height:230px}.row{grid-template-columns:70px 1fr;}.row input,.row strong{grid-column:auto}.foot{grid-template-columns:1fr}}@media(max-width:520px){.grid4,.products{grid-template-columns:1fr}.hero h1{font-size:42px}.brand b{font-size:15px}.showcase{grid-template-columns:1fr 1fr}.card{min-height:110px}.pcard{padding:12px}.checkout{text-align:left}.search{flex-direction:column}}
.cats .title p{color:var(--mut)}.catgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cat{min-height:190px;border:1px solid var(--line);border-radius:26px;padding:22px;background:linear-gradient(155deg,#121d35,#080d19);display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden}.cat:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle,var(--a),transparent 38%);opacity:.18}.cat span{font-size:46px;z-index:1}.cat b{font-size:28px;z-index:1}.cat small{color:var(--mut);z-index:1}.cat:hover,.fbtn.active{border-color:var(--a);box-shadow:0 0 0 2px #57d1ff33}.filterbar{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 24px}.fbtn{background:#10182b;color:#fff;border:1px solid var(--line);border-radius:999px;padding:11px 15px;font-weight:800}.tag{display:inline-block;margin-top:6px;color:var(--g)}.hide{display:none!important}@media(max-width:820px){.catgrid{grid-template-columns:1fr}.cat{min-height:145px}.filterbar{position:sticky;top:71px;z-index:5;background:#060814ee;padding:10px 0}.fbtn{flex:1}}
.home-hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;padding:76px 5vw 46px;background:radial-gradient(circle at 75% 30%,#243868 0,#101a35 28%,transparent 55%)}.hero-copy h1{font-size:clamp(42px,7vw,82px);line-height:.9;margin:16px 0;letter-spacing:-2px}.hero-copy p{font-size:21px;color:var(--mut);max-width:760px}.glow{box-shadow:0 0 30px #57d1ff22}.hero-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.hero-stats b{background:#10182b;border:1px solid var(--line);border-radius:14px;padding:12px 14px}.hit-stack{position:relative;min-height:520px}.hit{position:absolute;width:270px;height:375px;border:1px solid var(--line);border-radius:28px;padding:22px;background:linear-gradient(145deg,#1a2441,#070b16);box-shadow:0 25px 90px #0009;display:flex;flex-direction:column;justify-content:space-between}.hit b{font-size:86px}.hit small{color:var(--g);font-weight:900}.hit span{color:var(--mut)}.hit1{right:70px;top:10px;transform:rotate(8deg)}.hit2{left:20px;top:95px;transform:rotate(-10deg)}.hit3{right:10px;bottom:0;transform:rotate(3deg)}.gateway{padding-top:25px}.gategrid,.highlightgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gate{min-height:285px;border:1px solid var(--line);border-radius:30px;padding:26px;background:linear-gradient(160deg,#121d35,#070b16);position:relative;overflow:hidden}.gate:before{content:"";position:absolute;inset:-50%;background:radial-gradient(circle,var(--a),transparent 34%);opacity:.13}.gate span,.gate h3,.gate p,.gate b{position:relative}.gate span{font-size:48px}.gate h3{font-size:30px;margin:12px 0 8px}.gate p{color:var(--mut)}.gate b{color:var(--g)}.gate:hover{transform:translateY(-4px);border-color:var(--a)}.highlightgrid{grid-template-columns:repeat(4,1fr)}.highlightgrid div{background:#10182b;border:1px solid var(--line);border-radius:22px;padding:20px}.highlightgrid p,.frontcta p{color:var(--mut)}.frontcta{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(135deg,#10182b,#17223d);border-block:1px solid var(--line)}.frontcta h2{font-size:clamp(30px,5vw,52px);margin:12px 0}.frontcta p{max-width:760px}@media(max-width:820px){.home-hero{grid-template-columns:1fr;min-height:auto;padding-top:42px}.hit-stack{min-height:400px}.hit{width:210px;height:300px}.hit b{font-size:62px}.hit1{right:0}.hit2{left:0}.hit3{right:20px}.gategrid,.highlightgrid{grid-template-columns:1fr}.frontcta{display:block}.frontcta .btn{margin-top:14px}.hero-copy h1{letter-spacing:-1px}}
.brandlogo{width:58px;height:58px;object-fit:contain;border-radius:0;background:transparent;padding:0;filter:drop-shadow(0 0 14px #57d1ff66)}.home-logo{width:min(460px,92%);margin:auto;background:transparent;padding:0;filter:drop-shadow(0 30px 70px #000b) drop-shadow(0 0 24px #57d1ff55)}.contacthero{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:center}.contacthero img{background:transparent;padding:0;filter:drop-shadow(0 20px 45px #000b) drop-shadow(0 0 20px #57d1ff55)}.contacthero h1{font-size:clamp(34px,6vw,68px);line-height:.95;margin:14px 0}.contactgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:28px 0}.contactgrid div,.contactform{background:#10182b;border:1px solid var(--line);border-radius:22px;padding:20px}.contactgrid p,.contacthero p{color:var(--mut)}textarea{width:100%;min-height:150px;resize:vertical;background:#0b1224;color:#fff;border:1px solid var(--line);border-radius:12px;padding:12px} .contactform input{width:100%;margin-top:8px}@media(max-width:820px){.brandlogo{width:42px;height:42px}.contacthero{grid-template-columns:1fr;text-align:center}.contacthero img{max-width:260px;margin:auto}.contactgrid{grid-template-columns:1fr}}
.logo-stack{display:grid;place-items:center}.mini-chip{position:absolute;background:#10182bcc;border:1px solid var(--line);border-radius:999px;padding:11px 15px;font-weight:900;box-shadow:0 15px 40px #0008}.c1{left:4%;top:18%}.c2{right:3%;top:34%}.c3{left:18%;bottom:13%}@media(max-width:820px){.mini-chip{position:static;margin:6px;display:inline-block}.logo-stack{min-height:auto}}
.buybox{margin:22px 0;padding:22px;border:1px solid rgba(100,180,255,.35);border-radius:18px;background:linear-gradient(135deg,rgba(3,18,45,.95),rgba(9,42,88,.9));box-shadow:0 0 24px rgba(48,144,255,.18)}
.buybox h2{margin:0 0 8px}.buybox p{margin:0;color:#dbeafe}
