:root{--blue:#0757d8;--dark:#101827;--light:#eef5ff;--muted:#687287;--orange:#ff8b2b;--white:#fff;--shadow:0 20px 60px rgba(7,87,216,.15)}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Arial,sans-serif;color:var(--dark);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}
.loader{position:fixed;inset:0;background:#fff;z-index:99;display:grid;place-items:center}.loader span{width:44px;height:44px;border:4px solid #dbe8ff;border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite}.loader.hide{display:none}@keyframes spin{to{transform:rotate(360deg)}}
.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:18px 7%;background:#fff;box-shadow:0 10px 35px rgba(10,20,45,.08)}.brand{font-weight:900;font-size:22px;color:var(--blue)}.brand span{background:var(--blue);color:#fff;padding:9px;border-radius:10px;margin-right:8px}nav{display:flex;gap:24px;align-items:center}nav a{font-weight:800}.nav-cta,.btn{display:inline-block;border:0;border-radius:10px;padding:13px 22px;font-weight:900;cursor:pointer}.nav-cta,.primary{background:var(--blue);color:#fff}.secondary{background:#fff;color:var(--blue);box-shadow:var(--shadow)}.menu-btn{display:none}
.hero{min-height:720px;padding:100px 7%;display:grid;grid-template-columns:1.2fr .8fr;gap:38px;align-items:center;background:linear-gradient(120deg,rgba(7,87,216,.9),rgba(16,24,39,.65)),url('https://images.unsplash.com/photo-1550009158-9ebf69173e03?auto=format&fit=crop&w=1600&q=80') center/cover;color:#fff}.hero h1,.page-hero h1,.contact-hero h1{font-size:58px;line-height:1.05;margin:10px 0 18px}.hero p{max-width:650px}.actions{display:flex;gap:15px;margin-top:28px}.hero-panel{background:#fff;color:var(--dark);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.mini-product{display:flex;justify-content:space-between;padding:18px;border-bottom:1px solid #e8efff}.mini-product b{color:var(--blue)}
.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.16em;color:var(--orange);font-weight:900}.center{text-align:center}.section{padding:85px 7%}.section h2{font-size:40px;margin:8px auto 34px;max-width:850px}.category-grid,.product-grid,.support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.category,.product,.support-card,.deal-card{background:#fff;border:1px solid #e7efff;border-radius:20px;padding:26px;box-shadow:0 14px 45px rgba(20,45,90,.08)}.category{font-size:32px}.category h3{font-size:21px;margin-top:10px}.category p,.product p,.support-card p{color:var(--muted)}
.split{padding:90px 7%;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:var(--light)}.split h2{font-size:42px;line-height:1.15;margin:10px 0 18px}.split ul{margin:20px 0 0 20px}.image-panel{min-height:360px;border-radius:26px;background:url('https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1200&q=80') center/cover;box-shadow:var(--shadow)}
.page-hero{padding:100px 7%;text-align:center;background:linear-gradient(120deg,var(--blue),#02a7ff);color:#fff}.page-hero .eyebrow{color:#ffe3c9}.product-grid{grid-template-columns:repeat(3,1fr)}.product-img{height:190px;border-radius:16px;margin-bottom:18px;background:#eef5ff center/cover}.laptop{background-image:url('https://images.unsplash.com/photo-1496181133206-80ce9b88a853?auto=format&fit=crop&w=800&q=80')}.phone{background-image:url('https://images.unsplash.com/photo-1511707171634-5f897ff02aa9?auto=format&fit=crop&w=800&q=80')}.audio{background-image:url('https://images.unsplash.com/photo-1505740420928-5e560c06d30e?auto=format&fit=crop&w=800&q=80')}.watch{background-image:url('https://images.unsplash.com/photo-1523275335684-37898b6baf30?auto=format&fit=crop&w=800&q=80')}.camera{background-image:url('https://images.unsplash.com/photo-1587825140708-dfaf72ae4b04?auto=format&fit=crop&w=800&q=80')}.tablet{background-image:url('https://images.unsplash.com/photo-1544244015-0df4b3ffc6b0?auto=format&fit=crop&w=800&q=80')}.product b{display:block;color:var(--blue);font-size:24px;margin:12px 0}.product button{width:100%;background:var(--dark);color:#fff;border:0;padding:12px;border-radius:10px;font-weight:900;cursor:pointer}
.deals-wrap{display:grid;grid-template-columns:1fr 1fr;gap:25px}.deal-card{padding:40px;background:linear-gradient(135deg,#fff,#eef5ff)}.deal-card span{display:block;font-size:42px;font-weight:900;color:var(--blue);margin:18px 0}.tag{color:var(--orange);font-weight:900}.support-grid{grid-template-columns:repeat(2,1fr)}
.contact-hero{padding:95px 7%;display:grid;grid-template-columns:1fr 420px;gap:40px;align-items:center;background:var(--light)}.contact-form{background:#fff;border-radius:24px;padding:30px;box-shadow:var(--shadow)}input,select,textarea{width:100%;border:1px solid #d8e2f5;padding:14px;border-radius:10px;margin:10px 0}textarea{height:120px}
.footer{background:var(--dark);color:#fff;padding:45px 7%;display:flex;justify-content:space-between;gap:30px}.floating-cart{position:fixed;right:20px;bottom:20px;background:var(--orange);color:#fff;padding:14px 20px;border-radius:50px;font-weight:900;box-shadow:var(--shadow)}.reveal{opacity:0;transform:translateY(25px);transition:.7s}.reveal.show{opacity:1;transform:none}
@media(max-width:900px){.menu-btn{display:block;background:var(--blue);color:#fff;border:0;border-radius:8px;padding:10px 14px}nav{display:none;position:absolute;right:7%;top:75px;background:#fff;padding:20px;border-radius:14px;box-shadow:var(--shadow);flex-direction:column}nav.open{display:flex}.hero,.split,.contact-hero{grid-template-columns:1fr}.hero h1,.page-hero h1,.contact-hero h1{font-size:38px}.category-grid,.product-grid,.support-grid,.deals-wrap{grid-template-columns:1fr}.footer{flex-direction:column}}