@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');:root{--ink:#06102d;--blue:#005cff;--pink:#ff008c;--cyan:#02d5ef;--orange:#ff902c;--muted:#66728c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#f6f8fe}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{width:min(1220px,92%);margin:auto}.topbar{background:linear-gradient(100deg,#071633,#002f8b 70%,#0584ff);color:white;font-size:11px;padding:10px 0}.topbar .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.topbar a{color:white}.nav{background:white;position:sticky;top:0;z-index:50;box-shadow:0 6px 30px #06112c14}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:78px}.brand{display:flex;align-items:center;gap:9px;min-width:194px}.brand img{width:57px;height:57px;object-fit:contain}.brand strong{font-size:20px;letter-spacing:-1px}.brand small{display:block;font-size:10px;font-weight:800}.navlinks{display:flex;align-items:center;gap:20px;font-size:12px;font-weight:800}.navlinks a:hover,.navlinks a.active{color:var(--pink)}.nav-toggle{display:none;border:0;background:#f1f3ff;padding:10px;border-radius:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;padding:14px 23px;border-radius:30px;font-size:12px;font-weight:800;transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #ff008c44}.grad{background:linear-gradient(105deg,#ff008c,#ff4e52,#ff9c17);color:white}.light{background:white;color:#071633}.green{background:#08b956;color:white}.blue{background:linear-gradient(90deg,#0043c9,#04a7fb);color:white}.hero{position:relative;min-height:520px;background:#040b23;overflow:hidden;color:white;display:flex;align-items:center}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,#f6007540,transparent 35%),linear-gradient(90deg,#030a20 0%,#030b25ed 36%,#030b2570 72%,#030b2540)}.hero-img{position:absolute;right:0;top:0;width:65%;height:100%;object-fit:cover;opacity:.72;mask-image:linear-gradient(90deg,transparent 0%,black 33%)}.hero .wrap{position:relative;z-index:2;padding:80px 0}.eyebrow{display:inline-block;border:1px solid #ffffff80;border-radius:30px;padding:8px 14px;font-size:11px;font-weight:800}.hero h1{font-size:clamp(38px,5.5vw,75px);line-height:1.04;max-width:680px;margin:18px 0;font-weight:800;letter-spacing:-3px}.rainbow{background:linear-gradient(90deg,#00caff,#ff36c3,#ff9b28);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:530px;line-height:1.75;color:#e8edff}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:38px}.chip{border:1px solid #ff41c8;border-radius:30px;padding:8px 13px;font-size:10px;font-weight:800;background:#050c2d99}.lightbeam{pointer-events:none;position:absolute;inset:0;background:linear-gradient(115deg,transparent 43%,#00ccff30 49%,#ff00a03d 51%,transparent 58%);background-size:230% 100%;animation:beam 8s linear infinite}.hero .wrap:after{content:'';position:absolute;right:20px;bottom:45px;width:130px;height:2px;background:#ff3ccf;box-shadow:0 0 20px 4px #ff3ccf;animation:pulse 2s infinite}@keyframes beam{to{background-position:-230% 0}}@keyframes pulse{50%{opacity:.2}}.section{padding:75px 0}.heading{text-align:center;margin-bottom:34px}.overline{color:#ff008c;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:2px}.heading h2{font-size:clamp(25px,3vw,38px);margin:8px 0}.heading p{color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:white;border-radius:15px;overflow:hidden;border:1px solid #e8eafa;box-shadow:0 10px 25px #091b4a0b;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-8px);box-shadow:0 20px 35px #07163321}.card img{width:100%;height:180px;object-fit:cover;display:block}.card-body{padding:17px}.card h3{margin:0 0 7px;font-size:16px}.card p{font-size:12px;color:var(--muted);line-height:1.6;min-height:40px}.card .btn{padding:11px 17px}.process{background:radial-gradient(circle at 30% 0%,#172b85,#030c2a 60%);color:white;position:relative;overflow:hidden}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}.process-grid:before{content:'';position:absolute;top:33px;left:8%;right:8%;height:3px;background:linear-gradient(90deg,#ff008c,#00d9ff,#a33cff,#ff9d00);box-shadow:0 0 14px #00d9ff;animation:pulse 3s infinite}.step{position:relative;z-index:1}.step-icon{display:grid;place-items:center;border:2px solid #fc30c2;border-radius:50%;height:66px;width:66px;background:#09183d;box-shadow:0 0 22px #ff008c77;font-size:25px}.step h3{font-size:15px;margin-bottom:4px}.step p{color:#d5ddff;font-size:12px;line-height:1.6}.split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.split img{width:100%;height:360px;object-fit:cover;border-radius:18px}.split h2{font-size:34px;line-height:1.2}.split p{line-height:1.9;color:#536079;font-size:14px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:12px;font-weight:700}.checks span:before{content:'✓';color:#05bd64;margin-right:8px}.cta{padding:36px 0;background:linear-gradient(100deg,#a30dff,#ff007c,#ff8b2b,#0067ff);color:white}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer{background:#030d21;color:white;padding:55px 0 20px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1.4fr 1.8fr;gap:28px}.footer p,.footer a{font-size:12px;color:#c5d0e6;line-height:2}.footer h3{font-size:14px}.footer a{display:block}.footer a:hover{color:#ff40ae}.copyright{border-top:1px solid #ffffff21;margin-top:32px;padding-top:18px;font-size:11px;color:#c2c8da}.floating{position:fixed;right:20px;bottom:22px;z-index:60;background:#00bd59;color:white;padding:15px;border-radius:50px;box-shadow:0 10px 30px #001e1680;font-weight:800;font-size:13px}.pagehero{min-height:360px}.pagehero h1{font-size:clamp(38px,5vw,58px)}.contentbox{background:white;border-radius:18px;padding:28px;box-shadow:0 10px 35px #06112c0a}.contentbox h2{margin-top:0}.contentbox p,.contentbox li{color:#58647c;line-height:1.9;font-size:14px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800}.field input,.field textarea,.field select{padding:13px;border:1px solid #dce3f1;border-radius:9px;background:#fff;outline:none}.field input:focus,.field textarea:focus{border-color:#ff008c}.full{grid-column:1/-1}.notice{padding:15px;background:#edf6ff;border-radius:12px;color:#164376;font-size:13px}.mini{display:flex;gap:15px;flex-wrap:wrap}.mini img{width:calc(25% - 12px);height:140px;object-fit:cover;border-radius:12px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal.show{opacity:1;transform:none}.cursor-glow{pointer-events:none;position:fixed;z-index:80;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#13b8ff22,transparent 65%);transform:translate(-50%,-50%)}@media(max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}.nav-toggle{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:78px;background:white;padding:25px;box-shadow:0 20px 25px #0002;flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.footgrid{grid-template-columns:1fr 1fr}.hero-img{width:100%;opacity:.4}.split{grid-template-columns:1fr}}@media(max-width:600px){.topbar{font-size:9px}.hero{min-height:540px}.hero h1{letter-spacing:-1px}.grid,.footgrid,.formgrid,.process-grid{grid-template-columns:1fr}.process-grid:before{display:none}.cta .wrap{flex-direction:column;align-items:flex-start}.mini img{width:calc(50% - 8px)}.section{padding:48px 0}.split img{height:230px}.card img{height:220px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Premium 2026 design refinements */
.brand img{width:74px!important;height:66px!important;object-fit:contain!important;filter:drop-shadow(0 5px 8px rgba(28,29,90,.15))}.footer .brand img{width:116px!important;height:105px!important;filter:drop-shadow(0 0 15px rgba(111,78,255,.5))}.brand{gap:0!important}.nav{box-shadow:0 12px 35px rgba(3,15,49,.1)}.navlinks a{transition:color .25s,transform .25s}.navlinks a:hover{color:#ff008c;transform:translateY(-2px)}.footer{position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 10%,#192b62,#061125 60%,#020817)!important}.footer:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 20%,rgba(0,217,255,.045) 50%,transparent 80%);animation:footerflow 9s linear infinite}@keyframes footerflow{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.footer a{transition:color .2s,transform .2s}.footer a:hover{color:#31dcff;transform:translateX(3px)}.process{position:relative;overflow:hidden}.process:after{content:"";position:absolute;top:52%;left:-30%;width:35%;height:2px;background:linear-gradient(90deg,transparent,#00d9ff,#ff008c,transparent);filter:drop-shadow(0 0 10px #00d9ff);animation:processbeam 6s linear infinite;pointer-events:none}@keyframes processbeam{to{left:115%}}.step-icon{box-shadow:0 0 25px rgba(0,217,255,.25);animation:stepPulse 3s ease-in-out infinite alternate}@keyframes stepPulse{to{box-shadow:0 0 30px rgba(255,0,140,.55)}}.card{transition:transform .35s,box-shadow .35s;position:relative;overflow:hidden}.card:hover{transform:translateY(-9px);box-shadow:0 22px 50px rgba(4,20,62,.16)}.card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.25) 48%,transparent 60%);transform:translateX(-140%);transition:transform .75s}.card:hover:after{transform:translateX(140%)}.floating-wa{position:fixed;bottom:25px;right:25px;z-index:100;background:#09b967;color:white;padding:13px 19px;border-radius:100px;box-shadow:0 12px 32px rgba(0,100,50,.32);font-weight:750;text-decoration:none;display:flex;gap:9px;align-items:center}.floating-wa:hover{transform:translateY(-3px);background:#05964f}.progress-bar{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#ff008c,#7028ff,#00d9ff);z-index:9999;box-shadow:0 0 10px #00d9ff}.faq-section{background:#f7f9ff}.faq-list{max-width:900px;margin:25px auto}.faq{background:white;border:1px solid #e1e8f6;border-radius:14px;padding:20px 24px;margin:12px 0;box-shadow:0 5px 20px rgba(7,20,47,.04)}.faq summary{cursor:pointer;font-weight:750;color:#07142f}.faq p{line-height:1.75}.mini-product{background:linear-gradient(130deg,#f6f9ff,#eef1ff)}.mini-product img{width:100%;max-height:360px;object-fit:cover;border-radius:24px}.detail-extras{background:#f4f7ff}.info-grid ul{padding-left:20px;line-height:2}.info-grid .btn{margin:5px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gallery-tile{position:relative;border-radius:17px;overflow:hidden;min-height:230px;background:#07142f}.gallery-tile img{width:100%;height:260px;object-fit:cover;transition:transform .4s}.gallery-tile:hover img{transform:scale(1.07)}.gallery-tile span{position:absolute;bottom:0;left:0;right:0;color:white;padding:30px 15px 14px;background:linear-gradient(transparent,rgba(0,0,0,.9));font-weight:800}.contentbox img{max-width:100%;border-radius:14px}.topbar a{color:inherit;text-decoration:none}.topbar a:hover{color:#77e5ff}@media(max-width:800px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.floating-wa span{display:none}.floating-wa{padding:15px 19px}.brand img{width:63px!important;height:60px!important}}@media(max-width:520px){.gallery-grid{grid-template-columns:1fr}.gallery-tile img{height:230px}}@media(prefers-reduced-motion:reduce){.process:after,.footer:before,.step-icon{animation:none!important}.card,.gallery-tile img{transition:none!important}}
