@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#08080b;color:#f5f5f7;font:15px Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select{font:inherit}header{height:72px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #25252d;background:#09090cdd;backdrop-filter:blur(15px);position:sticky;top:0;z-index:5}.logo{font-size:22px;font-weight:800}.logo span,small,em{color:#a78bfa}nav{display:flex;gap:28px;color:#aaaab5}header button{background:#15151b;border:1px solid #292932;color:#fff;border-radius:10px;padding:10px 13px}header b{background:#8b5cf6;padding:3px 7px;border-radius:20px}.hero{min-height:590px;padding:80px 8%;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;background:radial-gradient(circle at 75% 45%,#28134d,transparent 34%)}.hero h1{font-size:clamp(45px,6vw,82px);line-height:.98;letter-spacing:-4px;margin:18px 0}.hero p{color:#9d9da8;max-width:560px;font-size:17px}.btn{display:inline-block;margin-top:24px;background:#8b5cf6;color:white;border:0;border-radius:10px;padding:13px 20px;font-weight:700}.visual{height:360px;border:1px solid #33294a;border-radius:28px;background:linear-gradient(145deg,#181221,#0e0e12);display:grid;place-items:center;position:relative;overflow:hidden}.visual:before{content:"";width:250px;height:250px;border-radius:50%;background:#8b5cf6;filter:blur(70px);opacity:.6}.visual strong{font-size:100px;position:absolute}.visual i{position:absolute;background:#191820;border:1px solid #373440;border-radius:10px;padding:11px 15px;font-style:normal}.visual i:first-of-type{right:25px;top:30px}.visual i:last-of-type{left:25px;bottom:30px}.trust{padding:24px 8%;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-block:1px solid #24242b}.trust div{display:grid;grid-template-columns:auto 1fr;column-gap:12px}.trust b,.trust small{grid-column:2}.trust div:first-letter{font-size:22px}.trust small{color:#858590}.section,.how{padding:80px 8%}.dark{background:#0d0d12}.section h2,.how h2{font-size:34px;margin:7px 0 28px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#121218;border:1px solid #272730;border-radius:17px;padding:18px}.icon{height:140px;border-radius:12px;background:linear-gradient(145deg,#21163b,#15151a);display:grid;place-items:center;font-size:48px;margin-bottom:17px}.tag{font-size:11px;font-weight:800;letter-spacing:1px}.card h3{margin:7px 0}.card p{color:#92929d;font-size:13px;min-height:38px}.price{font-size:21px;font-weight:800;margin:15px 0}.old{text-decoration:line-through;color:#62626b;font-size:12px;margin-left:5px}.add{width:100%;padding:11px;border:0;border-radius:9px;background:#fff;color:#09090b;font-weight:700}.how{text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left}.steps div{background:#121218;border:1px solid #272730;border-radius:17px;padding:23px}.steps b{color:#a78bfa}.steps p,footer p{color:#92929d}footer{padding:45px 8%;border-top:1px solid #24242b;color:#92929d}#shade{position:fixed;inset:0;background:#000a;z-index:9;opacity:0;pointer-events:none}#shade.on{opacity:1;pointer-events:auto}#cart{position:fixed;right:-430px;top:0;width:min(430px,100%);height:100%;background:#0f0f14;border-left:1px solid #292932;z-index:10;padding:25px;transition:.25s;overflow:auto}#cart.on{right:0}.carthead{display:flex;justify-content:space-between}.carthead button,#x{background:none;border:0;color:#fff;font-size:30px}.item{padding:15px 0;border-bottom:1px solid #282830;display:flex;justify-content:space-between}.item small{color:#aaa}.remove{background:none;border:0;color:#ff7777}.coupon{display:flex;gap:8px;margin:18px 0}.coupon input,.coupon button,.box input,.box select{background:#18181f;color:#fff;border:1px solid #2a2a33;border-radius:9px;padding:11px}.coupon input{flex:1}#sub,#disc,#total{float:right}#disc{color:#61e294}#total{color:#fff}.full{width:100%}#modal{position:fixed;inset:0;background:#000b;z-index:20;display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none}#modal.on{opacity:1;pointer-events:auto}.box{width:min(500px,100%);background:#111117;border:1px solid #2a2a33;border-radius:18px;padding:28px;position:relative}.box #x{position:absolute;right:15px;top:10px}.box h2{font-size:32px}.box .note{font-size:12px;color:#999}.box input,.box select{width:100%;margin:7px 0}.box #summary{background:#18181f;padding:13px;border-radius:9px;margin:12px 0;color:#bbb}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#fff;color:#09090b;padding:12px 18px;border-radius:9px;font-weight:700;opacity:0;z-index:30}#toast.on{opacity:1;transform:translate(-50%,0)}@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.trust,.steps{grid-template-columns:1fr}}@media(max-width:520px){.grid{grid-template-columns:1fr}.hero,.section,.how{padding-left:5%;padding-right:5%}}