:root{
  --ink:#07111f;--navy:#061a32;--navy2:#0a284a;--blue:#0878ff;--cyan:#2edcff;
  --gold:#ffbd18;--gold2:#ffe083;--bg:#f4f8fd;--paper:#fff;--text:#162238;
  --muted:#68778c;--green:#16a163;--line:#dfe9f4;--shadow:0 20px 60px rgba(6,26,50,.12)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.55;overflow-x:hidden}a{text-decoration:none}button{font:inherit;cursor:pointer}
::selection{background:var(--gold);color:var(--navy)}
.scroll-progress{position:fixed;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--gold),var(--cyan),var(--blue));transform:scaleX(0);transform-origin:left;z-index:999}
.ambient{position:fixed;width:420px;height:420px;border-radius:50%;filter:blur(90px);opacity:.09;pointer-events:none;z-index:-1}.ambient-one{background:var(--blue);top:18%;left:-180px}.ambient-two{background:var(--gold);right:-190px;top:60%}

nav{height:76px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:80;color:#fff;background:rgba(5,22,43,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.09)}
.logo{font-family:"Space Grotesk",sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:-.5px}.logo b{color:var(--gold)}
.nav{display:flex;align-items:center}.nav a{color:#dceaff;margin-left:20px;font-size:.88rem;font-weight:700;position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--gold);transition:.25s}.nav a:hover:after{right:0}
.cart-btn{border:0;background:linear-gradient(135deg,var(--gold),#ffcf4f);color:var(--navy);padding:11px 15px;border-radius:12px;font-weight:900;margin-left:20px;box-shadow:0 8px 24px rgba(255,189,24,.25)}

.hero{min-height:88vh;padding:72px 7% 96px;display:flex;align-items:center;position:relative;overflow:hidden;background:
radial-gradient(circle at 78% 28%,rgba(46,220,255,.24),transparent 22%),
radial-gradient(circle at 18% 10%,rgba(8,120,255,.28),transparent 26%),
linear-gradient(135deg,#03101f 0%,#062546 52%,#073568 100%);color:#fff}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent)}
.hero-grid{width:100%;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:55px;align-items:center;position:relative;z-index:2}
.hero-inner{max-width:790px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-weight:900;letter-spacing:2px;font-size:.78rem}.eyebrow:before{content:"";width:28px;height:2px;background:var(--gold)}
h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(3.2rem,6.3vw,6.4rem);line-height:.94;letter-spacing:-4px;margin:22px 0;background:linear-gradient(180deg,#fff 35%,#b9d9ff);-webkit-background-clip:text;color:transparent}
.hero p{font-size:1.12rem;color:#c9ddf4;max-width:660px}.actions,.product-actions{display:flex;gap:10px;flex-wrap:wrap}.actions{margin-top:30px}
.btn{padding:14px 21px;border-radius:12px;font-weight:900;display:inline-block;transition:.2s}.primary{background:linear-gradient(135deg,var(--gold),#ffd968);color:var(--navy);box-shadow:0 12px 30px rgba(255,189,24,.25)}.outline{border:1px solid rgba(255,255,255,.38);color:#fff;background:rgba(255,255,255,.06);backdrop-filter:blur(10px)}.btn:hover{transform:translateY(-3px)}

.hero-visual{height:510px;position:relative;display:grid;place-items:center;perspective:900px}
.energy-core{width:220px;height:220px;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 35% 30%,#fff 0 3%,var(--cyan) 4%,var(--blue) 30%,#061b36 70%);box-shadow:0 0 40px rgba(46,220,255,.45),0 0 120px rgba(8,120,255,.35);animation:corePulse 3s ease-in-out infinite}
.energy-core:after{content:"";position:absolute;inset:15px;border:1px solid rgba(255,255,255,.3);border-radius:50%}.energy-core span{font-family:"Space Grotesk";font-size:6rem;font-weight:700;color:#fff;text-shadow:0 0 25px #fff}.energy-core b{position:absolute;bottom:45px;font-size:.65rem;letter-spacing:5px;color:var(--gold)}
.energy-orbit{position:absolute;border:1px solid rgba(112,214,255,.35);border-radius:50%;animation:spin 12s linear infinite}.orbit-a{width:360px;height:360px}.orbit-b{width:450px;height:290px;transform:rotate(58deg);animation-duration:18s;animation-direction:reverse}.energy-orbit:before{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:var(--gold);top:10%;left:18%;box-shadow:0 0 22px var(--gold)}
.float-card{position:absolute;display:flex;align-items:center;gap:11px;padding:13px 17px;border:1px solid rgba(255,255,255,.16);background:rgba(5,25,50,.62);backdrop-filter:blur(14px);border-radius:16px;box-shadow:0 18px 45px rgba(0,0,0,.25);font-size:1.35rem;animation:float 4s ease-in-out infinite}.float-card span{font-size:.88rem;font-weight:900}.float-card small{display:block;color:#9eb9d7;font-size:.67rem}.fc-one{top:56px;left:8px}.fc-two{right:-5px;top:170px;animation-delay:-1.2s}.fc-three{bottom:50px;left:45px;animation-delay:-2.1s}
.spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 16px #fff;animation:blink 1.7s infinite}.s1{top:18%;right:20%}.s2{bottom:25%;right:12%;animation-delay:.5s}.s3{top:45%;left:8%;animation-delay:1s}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes corePulse{50%{transform:scale(1.04);box-shadow:0 0 60px rgba(46,220,255,.6),0 0 150px rgba(8,120,255,.45)}}@keyframes float{50%{transform:translateY(-13px) rotate(1deg)}}@keyframes blink{50%{opacity:.15;transform:scale(.4)}}

.trust{display:grid;grid-template-columns:repeat(4,1fr);max-width:1120px;margin:-48px auto 0;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);position:relative;z-index:5;border:1px solid rgba(255,255,255,.7);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.trust div{padding:26px;text-align:center;border-right:1px solid var(--line);font-weight:700;color:var(--muted)}.trust strong{display:block;color:var(--blue);font-family:"Space Grotesk";font-size:1.8rem}

section{padding:84px 7%}.heading{max-width:760px;margin-bottom:38px}.heading span{color:var(--blue);font-size:.76rem;font-weight:900;letter-spacing:2px;text-transform:uppercase}.heading h2{font-family:"Space Grotesk";font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.05;letter-spacing:-2px;color:var(--navy);margin:10px 0}.heading p{color:var(--muted);font-size:1.04rem}
.catgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:18px}.cat{padding:27px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#fff,#f7fbff);box-shadow:0 10px 35px rgba(6,26,50,.06);position:relative;overflow:hidden;transition:.28s}.cat:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:var(--blue);filter:blur(55px);opacity:.08;right:-30px;bottom:-30px}.cat:hover{transform:translateY(-8px);border-color:#9ac8ff;box-shadow:0 22px 50px rgba(6,26,50,.12)}.cat i{font-style:normal;font-size:2.1rem;display:inline-grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#edf6ff}.cat h3{color:var(--navy);font-family:"Space Grotesk"}.cat p{color:var(--muted)}.cat a{color:var(--blue);font-weight:900}
.brands,.shop{background:linear-gradient(180deg,#f5f9fe,#eef5fc)}.brandrow{display:flex;gap:15px;flex-wrap:wrap}.brand{background:white;padding:20px 30px;border-radius:14px;font-size:1.2rem;font-weight:900;box-shadow:0 8px 24px rgba(6,26,50,.07)}
.official-brand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:16px;margin-top:25px}.official-brand-mark{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;min-height:105px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px rgba(6,26,50,.07);transition:.25s}.official-brand-mark:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 45px rgba(6,26,50,.14)}.official-brand-mark img,.official-brand-mark svg{width:100%;height:78px;object-fit:contain;display:block}

.shop-title-row{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap}.total-products-badge{display:inline-flex;align-items:center;gap:9px;background:#e4f1ff;color:#0759b7;padding:10px 15px;border-radius:999px;font-weight:900;margin-top:10px}
.tools{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:25px;padding:14px;background:rgba(255,255,255,.72);backdrop-filter:blur(12px);border:1px solid #fff;border-radius:18px;box-shadow:0 12px 35px rgba(6,26,50,.08)}
input,select,textarea{padding:14px;border:1px solid #cad8e7;border-radius:11px;background:#fff;font:inherit;width:100%;outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(8,120,255,.1)}.tools input{flex:1;min-width:230px;width:auto}.tools select{width:auto}
.category-chips{display:flex;gap:10px;overflow-x:auto;padding:5px 2px 20px;scrollbar-width:thin}.chip{border:1px solid #c9d8e7;background:#fff;color:#18314f;padding:11px 17px;border-radius:999px;font-weight:800;white-space:nowrap;transition:.22s;box-shadow:0 5px 14px rgba(6,26,50,.05)}.chip:hover,.chip.active{background:linear-gradient(135deg,var(--blue),#0758c8);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 10px 24px rgba(8,120,255,.25)}
.category-browser-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 16px}.category-browser-title h3{font-family:"Space Grotesk";margin:0;color:var(--navy);font-size:1.5rem}.category-browser-title span{color:var(--muted);font-weight:700}
.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px}.product{--rx:0deg;--ry:0deg;background:#fff;border:1px solid var(--line);border-radius:21px;overflow:hidden;box-shadow:0 10px 30px rgba(6,26,50,.07);transition:transform .2s,box-shadow .25s,border-color .25s;cursor:pointer;transform:perspective(850px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d}.product:hover{box-shadow:0 25px 60px rgba(6,26,50,.16);border-color:#9ccaff}.product-img{height:190px;overflow:hidden;position:relative;background:radial-gradient(circle at 50% 35%,#fff,#eef6ff)}.product-img:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgba(6,26,50,.04));pointer-events:none}.product-img img,.product-img svg{width:100%;height:100%;transition:transform .4s}.product:hover .product-img img,.product:hover .product-img svg{transform:scale(1.06)}.product-body{padding:21px}.product-body small{color:var(--blue);font-weight:900;text-transform:uppercase;letter-spacing:.7px}.product-body h3{font-family:"Space Grotesk";color:var(--navy);margin:8px 0}.product-body p{color:var(--muted);min-height:70px}.product-actions button,.product-actions a{border:0;padding:10px 13px;border-radius:9px;font-weight:800;transition:.18s}.product-actions button{background:linear-gradient(135deg,var(--blue),#075dcc);color:#fff}.product-actions a{background:#e8f8ef;color:var(--green)}.product-actions button:hover,.product-actions a:hover{transform:translateY(-2px)}
.quick-hint{position:absolute;right:10px;bottom:10px;background:rgba(4,23,45,.9);backdrop-filter:blur(8px);color:#fff;padding:7px 10px;border-radius:999px;font-size:.72rem;font-weight:800;opacity:0;transform:translateY(5px);transition:.2s;z-index:2}.product:hover .quick-hint{opacity:1;transform:none}

.pagination{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:32px}.page-btn{min-width:42px;height:42px;border:1px solid #cbd8e6;background:#fff;color:var(--navy);border-radius:10px;font-weight:900;padding:0 12px;transition:.2s}.page-btn:hover,.page-btn.active{background:var(--blue);color:#fff;border-color:var(--blue);transform:translateY(-2px)}.page-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.page-status{text-align:center;color:var(--muted);font-weight:700;margin-top:12px}

.b2b{background:linear-gradient(135deg,#03101f,#082b50);color:#fff;position:relative;overflow:hidden}.b2b:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:var(--blue);filter:blur(120px);opacity:.14;right:-220px;top:-200px}.b2b .heading h2{color:#fff}.b2b .heading p{color:#c9d8e8}.benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;position:relative}.benefit{background:rgba(16,54,94,.62);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);padding:26px;border-radius:18px;transition:.25s}.benefit:hover{transform:translateY(-6px);background:rgba(20,69,120,.7)}.benefit h3{color:#fff;font-family:"Space Grotesk"}
.enquiry{background:#fff}.enquiry-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.formbox,.summary{padding:30px;border:1px solid var(--line);border-radius:21px;box-shadow:var(--shadow);background:#fff}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.formgrid .full{grid-column:1/-1}.submit{width:100%;border:0;background:linear-gradient(135deg,var(--gold),#ffd85d);color:var(--navy);padding:15px;border-radius:11px;font-weight:900;margin-top:12px;box-shadow:0 10px 25px rgba(255,189,24,.2)}#cartItems{padding:0;list-style:none}#cartItems li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e7edf4;padding:12px 0}#cartItems button{border:0;background:#fee;color:#a22;border-radius:6px}.empty{color:var(--muted)}
.contact{background:linear-gradient(145deg,#06172c,#03101f);color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.contact a{color:#fff}.contact-card{background:rgba(13,41,74,.72);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(12px);padding:28px;border-radius:19px}footer{background:#010812;color:#9fb2ca;text-align:center;padding:26px}.float{position:fixed;right:20px;bottom:20px;background:linear-gradient(135deg,#1fbd70,#12834d);color:#fff;padding:14px 18px;border-radius:99px;font-weight:900;z-index:40;box-shadow:0 12px 35px rgba(22,161,99,.35);animation:whatsappPulse 2.5s infinite}@keyframes whatsappPulse{50%{box-shadow:0 12px 35px rgba(22,161,99,.35),0 0 0 10px rgba(22,161,99,.08)}}
.toast{position:fixed;top:92px;right:20px;background:var(--navy);color:#fff;padding:13px 18px;border-radius:11px;display:none;z-index:100;box-shadow:var(--shadow)}
.quick-modal{position:fixed;inset:0;background:rgba(2,11,24,.78);display:none;align-items:center;justify-content:center;padding:20px;z-index:200;backdrop-filter:blur(8px)}.quick-modal.open{display:flex}.quick-box{width:min(760px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:24px;padding:28px;position:relative;box-shadow:0 30px 100px #0008;animation:pop .22s ease}.quick-close{position:absolute;right:16px;top:14px;border:0;background:#eef3f8;width:40px;height:40px;border-radius:50%;font-size:1.3rem}.quick-image{height:280px;display:flex;align-items:center;justify-content:center;margin:15px 0}.quick-image img,.quick-image svg{max-width:100%;max-height:100%}
@keyframes pop{from{transform:scale(.94) translateY(12px);opacity:0}to{transform:none;opacity:1}}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease var(--delay,0ms),transform .65s cubic-bezier(.2,.8,.2,1) var(--delay,0ms)}.reveal.visible{opacity:1;transform:none}
.real-voltzone-logo{width:min(760px,100%);display:block;margin:0 auto 24px;border-radius:14px;box-shadow:0 20px 55px rgba(0,0,0,.28)}

@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.hero-visual{height:420px}.hero{padding-top:65px}h1{letter-spacing:-3px}}
@media(max-width:820px){.nav a{display:none}.trust{grid-template-columns:1fr 1fr;margin:0;border-radius:0}.enquiry-grid,.contact-grid{grid-template-columns:1fr}section{padding:62px 6%}.formgrid{grid-template-columns:1fr}.formgrid .full{grid-column:auto}.hero-grid{gap:15px}}
@media(max-width:650px){nav{height:68px;padding:0 4%}.logo{font-size:1rem}.cart-btn{font-size:.72rem;padding:9px 10px;margin-left:8px}.hero{min-height:auto;padding:60px 6% 70px}.hero-visual{height:330px}.energy-core{width:150px;height:150px}.energy-core span{font-size:4rem}.energy-core b{bottom:28px}.orbit-a{width:240px;height:240px}.orbit-b{width:300px;height:205px}.float-card{padding:9px 11px}.fc-one{top:30px}.fc-two{top:120px}.fc-three{bottom:25px;left:15px}h1{font-size:clamp(3rem,15vw,4.5rem);letter-spacing:-3px}.product:hover{transform:none}.quick-hint{opacity:1;transform:none}.quick-box{padding:22px}.quick-image{height:220px}.page-btn{min-width:38px;height:38px;padding:0 10px}.category-browser-title h3{font-size:1.2rem}.trust div{padding:20px 10px;font-size:.8rem}.trust strong{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}