@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#030405;--panel:#090b0f;--text:#f4f7fb;--muted:#858d9b;--line:rgba(255,255,255,.11);--blue:#168cff;--cyan:#16d8ff;--silver:#dfe4ea}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}.announcement{height:30px;display:flex;justify-content:center;align-items:center;gap:14px;background:#07090c;color:#aab1bd;font-size:9px;letter-spacing:2px}.announcement span{color:#19aaff}.header{position:sticky;top:0;z-index:20;height:82px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;background:rgba(3,4,5,.78);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;object-fit:cover;border-radius:7px}.brand-word{font-family:"Space Grotesk";font-size:16px;letter-spacing:3px}.brand-word b{font-weight:700}.brand-word small{display:block;font-size:7px;letter-spacing:5px;color:#188cff;margin-top:3px}.nav{display:flex;gap:32px;color:#aab1bd;font-size:12px}.nav a:hover{color:#fff}.actions{display:flex;align-items:center;gap:12px}.icon-btn,.cart-btn{background:none;border:0;color:#fff;cursor:pointer}.icon-btn{font-size:26px}.cart-btn{padding:11px 15px;border:1px solid var(--line);border-radius:999px;font-size:11px}.cart-btn span{margin-left:8px;color:#18a8ff}.hero{min-height:670px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:70px 8%;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 45%,rgba(0,125,255,.14),transparent 30%),radial-gradient(circle at 10% 90%,rgba(0,225,255,.06),transparent 30%)}.hero-glow{position:absolute;width:500px;height:500px;right:5%;top:70px;border-radius:50%;background:radial-gradient(circle,rgba(0,145,255,.17),transparent 65%);filter:blur(10px)}.eyebrow{font-size:10px;letter-spacing:4px;color:#279cff;margin:0 0 18px}.hero h1{font-family:"Space Grotesk";font-size:clamp(54px,7vw,104px);line-height:.88;letter-spacing:-5px;margin:0 0 28px}.hero h1 em{font-style:normal;color:#aab2bf}.hero-text{max-width:520px;color:#9299a5;line-height:1.7;font-size:14px}.hero-actions{display:flex;gap:12px;margin-top:34px}.btn{padding:15px 22px;border-radius:999px;font-size:11px;letter-spacing:.5px}.primary{background:#fff;color:#050608}.primary span{margin-left:15px;color:#087cff}.ghost{border:1px solid var(--line);color:#dbe1e8}.hero-device{height:500px;display:grid;place-items:center;position:relative}.phone{width:230px;height:460px;border:5px solid #bfc6d0;border-radius:42px;padding:9px;transform:rotate(9deg);box-shadow:0 0 70px rgba(0,140,255,.2),inset 0 0 20px rgba(255,255,255,.12)}.phone-screen{height:100%;border-radius:31px;background:radial-gradient(circle at 50% 25%,#137eff,transparent 30%),linear-gradient(160deg,#02050c,#071b34 60%,#020406);position:relative;padding:28px 20px;overflow:hidden}.screen-time{font-size:10px;letter-spacing:2px}.screen-symbol{font-family:"Space Grotesk";font-size:140px;line-height:1;margin-top:65px;text-align:center;font-weight:700;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.65);text-shadow:0 0 40px #078cff}.screen-line{height:1px;background:linear-gradient(90deg,transparent,#18c9ff,transparent)}.screen-caption{font-size:7px;letter-spacing:3px;text-align:center;margin-top:16px;color:#b5c1cf}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:80px;height:80px;right:10%;top:10%;background:#08bfff;box-shadow:0 0 80px #08bfff}.orb-b{width:35px;height:35px;left:15%;bottom:15%;background:#146cff;box-shadow:0 0 60px #146cff}.ticker{border-block:1px solid var(--line);height:54px;display:flex;justify-content:center;align-items:center;gap:32px;color:#737c89;font-size:9px;letter-spacing:3px}.ticker i{color:#0ea8ff;font-style:normal}.section{padding:110px 6%}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:38px}.section h2{font:600 clamp(34px,4vw,54px)/1 "Space Grotesk";letter-spacing:-2px;margin:0}.section h2 span{color:#1c91ff}.filters{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.filter{background:transparent;color:#7e8794;border:1px solid var(--line);padding:10px 14px;border-radius:999px;font-size:10px;cursor:pointer}.filter.active,.filter:hover{color:#fff;border-color:#168cff;background:rgba(22,140,255,.08)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{min-width:0}.product-media{height:380px;border:1px solid var(--line);border-radius:20px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.09),transparent 28%),#080b10}.tag{position:absolute;top:15px;left:15px;font-size:8px;letter-spacing:2px;border:1px solid rgba(255,255,255,.18);padding:7px 9px;border-radius:99px;color:#b8c0ca}.phone-img{background:radial-gradient(circle at 50% 40%,rgba(16,135,255,.24),transparent 33%),linear-gradient(135deg,#05070a,#101722)}.mini-phone{width:155px;height:300px;border-radius:30px;border:3px solid #b8c1cd;transform:rotate(7deg);box-shadow:0 0 50px rgba(0,139,255,.2);background:linear-gradient(145deg,#05080d,#14385e)}.p2 .mini-phone{transform:rotate(-7deg);background:linear-gradient(145deg,#111,#394454)}.watch-img{background:radial-gradient(circle,rgba(0,152,255,.15),transparent 35%),#080a0d}.watch-shape{width:190px;height:220px;border-radius:45px;border:18px solid #b8c0c9;box-shadow:0 0 30px rgba(255,255,255,.15);position:relative}.watch-shape:before,.watch-shape:after{content:"";position:absolute;width:58px;height:95px;background:#111820;left:48px;z-index:-1}.watch-shape:before{top:-95px}.watch-shape:after{bottom:-95px}.audio-img{background:radial-gradient(circle at 50% 60%,rgba(23,155,255,.18),transparent 35%),#080a0d}.buds{display:flex;gap:35px}.buds i{width:58px;height:115px;background:linear-gradient(140deg,#eef2f6,#7f8792);border-radius:30px 30px 35px 35px;display:block;box-shadow:0 0 25px rgba(255,255,255,.13)}.accessory-img{background:radial-gradient(circle,rgba(0,140,255,.14),transparent 40%),#080a0d}.disc{width:190px;height:190px;border-radius:50%;border:12px solid #9ea7b3;box-shadow:inset 0 0 25px #000,0 0 30px rgba(0,136,255,.14)}.case-img{background:linear-gradient(145deg,#080b0f,#141b24)}.case-shape{width:170px;height:300px;border:4px solid #343d49;border-radius:30px;transform:rotate(-8deg);box-shadow:0 0 50px rgba(0,137,255,.13)}.product-info{display:flex;justify-content:space-between;gap:10px;padding:18px 3px}.product-info h3{margin:0 0 6px;font:500 16px "Space Grotesk"}.product-info p{margin:0;color:#737d8a;font-size:10px}.product-info strong{font-size:13px;white-space:nowrap}.add{width:100%;border:1px solid var(--line);background:#090c11;color:#e9edf2;padding:12px;border-radius:10px;cursor:pointer;font-size:10px;letter-spacing:.4px}.add:hover{border-color:#159bff;color:#fff;background:#0b1420}.feature-band{margin:0 6%;padding:70px 5%;border:1px solid var(--line);border-radius:28px;background:linear-gradient(110deg,#080b10,#0b1724 50%,#080b10);display:flex;justify-content:space-between;align-items:end;gap:40px}.feature-band h2{font:600 clamp(35px,4vw,58px)/1 "Space Grotesk";letter-spacing:-2px;margin:0}.feature-band h2 span{color:#168cff}.feature-stats{display:flex;gap:40px}.feature-stats div{display:grid;gap:5px}.feature-stats strong{font:600 22px "Space Grotesk"}.feature-stats span{font-size:9px;color:#77818f;letter-spacing:1px}.categories{padding:100px 6%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.category-card{min-height:300px;border:1px solid var(--line);border-radius:22px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 80% 20%,rgba(15,142,255,.16),transparent 35%),#080a0e;position:relative;overflow:hidden}.category-card:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(0,151,255,.3);border-radius:50%;right:-60px;top:-60px;box-shadow:0 0 50px rgba(0,143,255,.15)}.category-card.large{min-height:420px;background:radial-gradient(circle at 65% 35%,rgba(0,143,255,.24),transparent 30%),linear-gradient(140deg,#07090d,#0b1625)}.category-card span{position:absolute;top:24px;left:28px;color:#4d5764;font-size:10px}.category-card h3{font:600 34px "Space Grotesk";margin:0 0 8px}.category-card p{color:#7d8794;font-size:12px;margin:0 0 22px}.category-card b{font-size:10px;color:#199aff;letter-spacing:1px}.newsletter{margin:0 6% 90px;padding:70px 7%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:end;gap:30px}.newsletter h2{font:600 46px/1 "Space Grotesk";letter-spacing:-2px;margin:0}.newsletter form{display:flex;border-bottom:1px solid #4b5563;min-width:380px}.newsletter input{background:none;border:0;outline:0;color:#fff;padding:14px 0;width:100%;font-size:12px}.newsletter button{background:none;border:0;color:#18a5ff;cursor:pointer;font-size:10px}.footer{padding:40px 6%;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:30px}.footer-brand{font:500 20px "Space Grotesk";letter-spacing:3px}.footer p{font-size:8px;letter-spacing:4px;color:#5d6673}.footer-links{display:flex;gap:20px;color:#747e8a;font-size:10px}.copyright{color:#4e5865;font-size:9px}.cart{position:fixed;right:0;top:0;height:100vh;width:min(420px,92vw);z-index:50;background:#07090d;border-left:1px solid var(--line);padding:28px;transform:translateX(105%);transition:.3s ease;display:flex;flex-direction:column}.cart.open{transform:translateX(0)}.cart-head{display:flex;justify-content:space-between;align-items:center}.cart-head h2{font:500 25px "Space Grotesk"}.cart-head button,.search-panel button{border:0;background:none;color:#fff;font-size:25px;cursor:pointer}.cart-items{flex:1;overflow:auto;padding-top:20px}.empty{color:#687280;font-size:12px}.cart-row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.cart-total{display:flex;justify-content:space-between;padding:20px 0;font-size:13px}.checkout{border:0;border-radius:999px;padding:16px;background:#fff;color:#050608;font-weight:600;cursor:pointer}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:40;opacity:0;pointer-events:none;transition:.3s}.overlay.show{opacity:1;pointer-events:auto}.search-panel{position:fixed;left:50%;top:100px;transform:translateX(-50%) translateY(-20px);z-index:60;width:min(700px,90vw);padding:35px;background:#090c12;border:1px solid var(--line);border-radius:20px;opacity:0;pointer-events:none;transition:.25s}.search-panel.open{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.search-panel input{width:100%;background:none;border:0;border-bottom:1px solid #39414c;color:#fff;font:500 28px "Space Grotesk";padding:15px 0;outline:0}.search-panel p{font-size:10px;color:#66717f}.search-panel button{position:absolute;right:20px;top:15px}@media(max-width:900px){.nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:80px 7% 50px}.hero-device{height:420px}.section-head,.feature-band,.newsletter{align-items:flex-start;flex-direction:column}.product-grid{grid-template-columns:repeat(2,1fr)}.categories{grid-template-columns:1fr 1fr}.category-card.large{grid-column:1/-1}.newsletter form{min-width:0;width:100%}.footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}}@media(max-width:560px){.announcement{font-size:7px;letter-spacing:1px}.header{height:70px}.brand-word{font-size:12px}.hero h1{font-size:56px;letter-spacing:-3px}.product-grid{grid-template-columns:1fr}.product-media{height:330px}.categories{grid-template-columns:1fr}.category-card.large{grid-column:auto}.feature-stats{gap:22px;flex-wrap:wrap}.newsletter h2{font-size:36px}.footer-links{gap:12px}}