*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#10243e;background:#f6f9fd}.wrap{max-width:1250px;margin:auto;padding:0 18px}.top{height:35px;background:#061a32;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 4%;font-size:12px}.nav{height:90px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:8px;color:#fff;background:#061a32;min-width:255px}.brand img{width:54px;height:54px}.brand span{font-size:28px;font-weight:900}.brand b{display:block;color:#ffd24a;font-size:13px;letter-spacing:4px}.brand small{display:block;font-size:10px;color:#d5e2f2;letter-spacing:0;font-weight:500}.nav:before{content:"";position:absolute;left:0;right:0;top:35px;height:90px;background:#061a32;z-index:-1}.search{display:flex;flex:1;max-width:440px}.search input{width:100%;padding:14px 18px;border:0;border-radius:12px 0 0 12px;outline:0}.search button{width:52px;border:0;background:#0796ff;color:#fff;border-radius:0 12px 12px 0;font-size:25px}.nav nav{display:flex;gap:20px;margin-left:auto}.nav nav a{color:#fff;font-size:14px}.cart{border:0;background:none;color:#fff;font-size:22px;position:relative}.cart i{position:absolute;background:#078ef1;border-radius:50%;font-size:10px;padding:3px 6px;top:-8px;right:-8px}.mobilebar{display:none}.layout{display:grid;grid-template-columns:235px 1fr;gap:18px;margin-top:18px}aside{background:#fff;border:1px solid #dfe8f3;border-radius:8px;height:max-content;overflow:hidden}aside h3{padding:18px;margin:0;border-bottom:1px solid #e7edf5;font-size:16px}aside button{display:block;width:100%;padding:17px 18px;border:0;border-bottom:1px solid #e7edf5;background:#fff;text-align:left;color:#153454;cursor:pointer}aside button span{float:right}.content{min-width:0}.hero{min-height:360px;border-radius:10px;background:radial-gradient(circle at 80% 50%,#113f75,#06172d 58%,#041123);color:#fff;padding:46px 45px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.hero h1{font-size:42px;line-height:1.05;margin:10px 0}.hero h1 b{color:#43c5ff}.hero p{max-width:570px;color:#c8d9ec}.eyebrow,.sectionhead span,.heading span{font-size:11px;color:#24baff;font-weight:800;letter-spacing:2px}.btn,.ghost{display:inline-block;padding:13px 20px;border-radius:25px;font-weight:800;margin:10px 8px 0 0;cursor:pointer}.btn{border:0;background:linear-gradient(90deg,#078ef1,#19bfff);color:#fff}.ghost{border:1px solid #3c6287;color:#fff}.orbital{width:310px;height:260px;position:relative;animation:drift 5s ease-in-out infinite}.core{position:absolute;inset:75px 85px;background:linear-gradient(145deg,#0ab7ff,#264cff);border-radius:28px;display:grid;place-content:center;text-align:center;font-size:30px;font-weight:900;box-shadow:0 0 50px #078ef1}.core small{font-size:10px;color:#ffd24a;letter-spacing:3px}.float{position:absolute;width:70px;height:70px;border-radius:18px;background:#fff;color:#0a2341;display:grid;place-items:center;font-weight:900;font-size:22px;box-shadow:0 15px 30px #0007;animation:bob 3s ease-in-out infinite}.f1{top:5px;left:80px}.f2{top:35px;right:15px;animation-delay:.5s}.f3{bottom:10px;left:20px;animation-delay:1s}.f4{bottom:0;right:70px;animation-delay:1.5s}.f5{top:115px;left:0;animation-delay:2s}.benefits{display:grid;grid-template-columns:repeat(4,1fr);margin:18px 0;background:#fff;border-radius:10px;border:1px solid #e0e8f2}.benefits div{padding:18px;text-align:center;border-right:1px solid #e5edf6;color:#087ed0}.benefits b,.benefits small{display:block;color:#153454}.benefits small{font-size:11px;color:#71859c;margin-top:4px}.heading{display:flex;justify-content:space-between;align-items:end;margin:36px 0 16px}.heading h2,.sectionhead h2{margin:5px 0;font-size:28px}.heading button{border:0;background:none;color:#007fe1;font-weight:800}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product{background:#fff;border:1px solid #dfe8f2;border-radius:10px;padding:10px;transition:.25s;position:relative;overflow:hidden}.product:hover{transform:translateY(-5px);box-shadow:0 15px 35px #15345418}.pic{height:150px;border-radius:8px;background:linear-gradient(135deg,#071a32,#0b6db5);display:grid;place-items:center;color:#fff;font-size:25px;font-weight:900;position:relative;overflow:hidden}.pic:after{content:"";position:absolute;width:150%;height:2px;background:#fff8;transform:rotate(-30deg);animation:shine 2.7s infinite}.badge{position:absolute;top:8px;left:8px;background:#0798f5;color:#fff;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:800}.product h3{font-size:14px;margin:10px 2px 2px}.product p{font-size:11px;color:#73879d;margin:0}.price{font-size:17px;font-weight:900;color:#057ad1;margin:8px 2px}.add{width:100%;border:0;background:#075bb7;color:#fff;padding:9px;border-radius:7px;font-weight:800;cursor:pointer}.steps{display:grid;grid-template-columns:repeat(4,1fr);background:#eef6fd;border-radius:10px;padding:24px;gap:15px}.steps div{padding:12px}.steps b{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#078ef1;color:#fff}.steps h3{font-size:15px}.steps p,.contact p,.faq p{font-size:13px;color:#6b7f95}.payments{margin:30px 0;padding:28px;border-radius:10px;background:#061b35;color:#fff;display:flex;justify-content:space-between;gap:25px;align-items:center}.payments h2{margin:0}.payments p{color:#b6c9dd}.paychips{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}.paychips span{padding:10px 14px;border-radius:8px;background:#fff;color:#12365d;font-weight:900;font-size:12px}.faq{max-width:850px;margin:auto}.faq details{background:#fff;border:1px solid #e0e8f2;border-radius:8px;margin:9px 0;padding:15px}.faq summary{cursor:pointer;font-weight:800}.contact{margin:45px 0;display:grid;grid-template-columns:1fr 1fr;gap:25px;background:#fff;border:1px solid #e0e8f2;border-radius:10px;padding:28px}.contact form{display:grid;gap:10px}.contact input,.contact textarea{border:1px solid #d9e4ef;border-radius:8px;padding:13px}.contact textarea{min-height:110px}.foot{background:#061a32;color:#c4d4e6;padding-top:38px;padding-bottom:38px;display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:30px}.foot img{width:180px}.foot a{display:block;color:#c4d4e6;font-size:13px;margin:7px 0}.foot p{font-size:12px}.copyright{background:#041225;color:#9eb2c9;text-align:center;padding:12px;font-size:11px}.foot:before{content:"";position:absolute;left:0;right:0;height:0}.sectionhead{text-align:center;margin:45px 0 20px}#toast{position:fixed;right:18px;bottom:18px;background:#071a30;color:#fff;padding:12px 16px;border-radius:10px;display:none;z-index:20}@keyframes bob{50%{transform:translateY(-12px) rotate(4deg)}}@keyframes drift{50%{transform:translateY(-5px)}}@keyframes shine{0%{left:-160%}60%,100%{left:160%}}@media(max-width:1000px){.nav nav{display:none}.products{grid-template-columns:repeat(3,1fr)}.hero{padding:30px}.orbital{transform:scale(.8)}}@media(max-width:760px){.top{display:none}.nav{height:72px}.brand{min-width:0}.brand span{font-size:20px}.search{display:none}.mobilebar{display:flex;justify-content:space-between;align-items:center;background:#061a32;color:#fff;padding:10px 18px}.mobilebar button{background:none;color:#fff;border:0}.layout{display:block}.layout aside{display:none}.hero{min-height:520px;display:block;text-align:center}.hero p{margin:auto}.orbital{margin:20px auto}.benefits{grid-template-columns:repeat(2,1fr)}.benefits div{border-bottom:1px solid #e5edf6}.products{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.payments,.contact{display:block}.paychips{justify-content:flex-start;margin-top:15px}.foot{grid-template-columns:1fr 1fr}}@media(max-width:430px){.products{grid-template-columns:1fr}.hero h1{font-size:32px}.orbital{transform:scale(.72);margin-left:-20px}.foot{grid-template-columns:1fr}}
