*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f7f7f4;color:#171717}a{text-decoration:none;color:inherit}.header{height:74px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd;background:#fff;position:sticky;top:0;z-index:5}.logo{font-size:25px;font-weight:900;letter-spacing:-1px}.logo span,.eyebrow{color:#6656e8}.header nav{display:flex;gap:28px;font-size:14px;font-weight:700}.cart-btn{border:0;background:#171717;color:#fff;padding:11px 17px;border-radius:999px;cursor:pointer}.cart-btn b{background:#6d5dfc;padding:2px 7px;border-radius:99px;margin-left:5px}.hero{min-height:560px;padding:80px 8%;display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;background:#e9e5ff}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2px}.hero h1{font-size:clamp(48px,7vw,88px);line-height:.94;letter-spacing:-5px;margin:16px 0}.hero h1 span{color:#6656e8}.hero-copy{max-width:560px;font-size:19px;line-height:1.6;color:#4b4b4b}.primary{display:inline-block;border:0;background:#171717;color:#fff;padding:14px 23px;border-radius:12px;font-weight:800;cursor:pointer;margin-top:18px}.hero-card{height:350px;border-radius:32px;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 20px 60px #00000012}.orb{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:#6d5dfc;color:#fff;font-size:55px;font-weight:900;box-shadow:0 15px 40px #6d5dfc55}.shop,.about,.faq,.support{padding:90px 8%}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}h2{font-size:42px;letter-spacing:-2px;margin:5px 0}.filters{display:flex;gap:8px}.filters button{border:1px solid #ddd;background:#fff;border-radius:999px;padding:9px 15px;cursor:pointer}.filters .active{background:#171717;color:#fff}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:#fff;border:1px solid #e5e5e5;border-radius:20px;padding:18px;display:flex;flex-direction:column}.product-img{height:220px;border-radius:15px;background:#eee;display:grid;place-items:center;font-size:50px}.product h3{margin:17px 0 5px}.product p{color:#666;font-size:14px;min-height:40px}.price{font-weight:900;font-size:18px}.add{margin-top:13px;width:100%;padding:12px;border:0;border-radius:10px;background:#171717;color:#fff;font-weight:800;cursor:pointer}.about{background:#171717;color:#fff}.about .eyebrow{color:#a99fff}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.features article{border:1px solid #3c3c3c;border-radius:18px;padding:25px}.features b{color:#a99fff}.features p{color:#bbb;line-height:1.6}.faq details{background:#fff;border:1px solid #e5e5e5;border-radius:14px;padding:18px;margin:10px 0}.faq summary{font-weight:800;cursor:pointer}.faq details p{color:#666;line-height:1.6}.support{background:#fff}.support a{color:#6656e8;font-weight:800}footer{padding:25px 8%;display:flex;justify-content:space-between;font-size:13px;color:#777}.drawer{position:fixed;right:-420px;top:0;width:min(420px,100%);height:100vh;background:#fff;z-index:10;padding:25px;box-shadow:-20px 0 60px #0002;transition:.25s;overflow:auto}.drawer.open{right:0}.drawer-head{display:flex;justify-content:space-between}.drawer-head button{border:0;background:none;font-size:30px}.overlay{display:none;position:fixed;inset:0;background:#0006;z-index:9}.overlay.open{display:block}.cart-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #eee;padding:16px 0}.total{display:flex;justify-content:space-between;font-size:20px;margin:25px 0}.full{width:100%}.small{font-size:12px;color:#777;line-height:1.5}@media(max-width:800px){.header nav{display:none}.hero{grid-template-columns:1fr;padding:55px 6%}.hero-card{height:260px}.grid{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:1fr}.shop,.about,.faq,.support{padding:60px 6%}.section-head{display:block}.filters{margin-top:20px}.hero h1{letter-spacing:-3px}}@media(max-width:500px){.grid{grid-template-columns:1fr}}
