:root{
    --purple:#4b0b83;
    --purple-2:#7617bd;
    --deep:#08142f;
    --teal:#08c9bd;
    --teal-2:#69eee5;
    --red:#ff2b37;
    --text:#09112d;
    --muted:#6c7489;
    --border:#e8ecf4;
    --bg:#f7f9fc;
    --white:#fff;
    --shadow:0 18px 50px rgba(12,24,65,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    color:var(--text);
    background:#fff;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1460px,calc(100% - 48px));margin:0 auto}

.topbar{
    background:linear-gradient(90deg,#4f0c8c,#6d12ae 45%,#008e95 100%);
    color:#fff;
    font-size:13px;
}
.topbar-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.topbar-right{display:flex;gap:28px}

.nav-main{height:88px;display:grid;grid-template-columns:230px 1fr auto;align-items:center;gap:26px}
.brand img{width:170px;height:auto}
.search{
    display:flex;
    height:52px;
    border:1px solid var(--border);
    border-radius:13px;
    background:#f8f9fc;
    overflow:hidden;
}
.search input{
    width:100%;
    border:0;
    outline:0;
    padding:0 18px;
    background:transparent;
    font-size:14px;
}
.search button{
    width:62px;border:0;color:#fff;cursor:pointer;font-size:25px;
    background:linear-gradient(135deg,var(--purple),var(--purple-2));
}
.nav-actions{display:flex;gap:28px;font-size:13px;white-space:nowrap}
.nav-links{
    min-height:58px;
    display:flex;
    gap:34px;
    align-items:center;
    font-size:14px;
    border-top:1px solid #eff2f7;
}
.nav-links a:hover{color:var(--purple)}
.all-categories{
    padding:14px 22px;
    border-radius:10px;
    color:#fff!important;
    background:linear-gradient(135deg,#4d0a8c,#7210ba);
    box-shadow:0 8px 24px rgba(94,17,164,.22);
}

.hero{
    min-height:505px;
    overflow:hidden;
    background:
        radial-gradient(circle at 62% 44%,rgba(123,38,239,.4),transparent 18%),
        linear-gradient(105deg,#071229 0%,#0a1734 47%,#0b5971 100%);
}
.hero-grid{min-height:505px;display:grid;grid-template-columns:42% 58%}
.hero-copy{padding:66px 0;color:#fff;position:relative;z-index:3}
.eyebrow{font-size:14px;letter-spacing:6px;color:#6676a7}
.hero h1{font-size:58px;line-height:1.06;margin:15px 0 16px;font-weight:800}
.hero h1 span{color:var(--teal)}
.hero p{font-size:20px;color:#e3e8f6;margin-bottom:42px}
.hero-benefits{display:flex;gap:38px}
.hero-benefits div{display:flex;flex-direction:column;gap:10px;align-items:flex-start;font-size:13px}
.hero-benefits b{font-size:24px}

.hero-showcase{position:relative;min-height:505px}
.glow{position:absolute;border-radius:50%;filter:blur(2px)}
.glow-one{width:520px;height:520px;left:-40px;top:-170px;border:4px solid rgba(183,90,255,.4);box-shadow:0 0 65px rgba(161,56,255,.45)}
.glow-two{width:400px;height:400px;right:-80px;bottom:-150px;background:rgba(62,225,226,.13)}
.laptop{position:absolute;width:315px;height:190px;left:90px;top:115px;transform:perspective(800px) rotateY(-10deg)}
.laptop .screen{
    width:270px;height:165px;border:9px solid #11182b;border-radius:10px;margin:auto;
    background:linear-gradient(135deg,#151d75,#5820b4 45%,#1fc6e2);
    box-shadow:0 25px 45px rgba(0,0,0,.35);
}
.laptop .base{width:315px;height:18px;background:linear-gradient(#bec3d0,#737988);border-radius:2px 2px 16px 16px}
.phone{
    position:absolute;width:75px;height:145px;left:40px;top:230px;border-radius:18px;
    background:linear-gradient(145deg,#485169,#161d34);box-shadow:0 18px 35px rgba(0,0,0,.35)
}
.watch{
    position:absolute;width:70px;height:86px;left:335px;top:270px;border-radius:24px;
    background:#101725;border:9px solid #242c3e;box-shadow:0 20px 35px rgba(0,0,0,.3)
}
.watch span{display:block;width:100%;height:100%;border-radius:15px;background:radial-gradient(circle,#08c9bd 0 8%,transparent 9%),linear-gradient(135deg,#2b0b67,#08152c)}
.buds{position:absolute;left:195px;top:330px;background:#fff;padding:22px 18px;border-radius:20px;color:#bfc5d4;letter-spacing:9px;box-shadow:var(--shadow)}
.medical-room{
    position:absolute;right:0;top:0;width:42%;height:100%;
    background:linear-gradient(180deg,rgba(239,252,255,.82),rgba(189,237,239,.72));
    border-left:1px solid rgba(255,255,255,.25)
}
.bed{position:absolute;width:270px;height:120px;right:30px;top:190px}
.mattress{position:absolute;left:24px;top:20px;width:220px;height:58px;border-radius:16px;background:linear-gradient(#eefaff,#bde5ee);border:8px solid #c8eef3}
.rail{position:absolute;top:5px;width:48px;height:74px;border:9px solid #edf9fb;border-radius:13px}
.rail-left{left:0}.rail-right{right:0}
.wheel{position:absolute;bottom:0;width:22px;height:22px;background:#263947;border-radius:50%}
.w1{left:40px}.w2{right:45px}
.monitor{position:absolute;right:56px;top:88px;background:#101c2c;color:#4af1d9;width:76px;height:74px;border-radius:8px;padding:12px;text-align:center;font-size:17px;box-shadow:var(--shadow)}

.section{padding:28px 0}
.split-categories{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.category-card{
    min-height:410px;border-radius:16px;overflow:hidden;position:relative;padding:40px;color:#fff;
    box-shadow:var(--shadow)
}
.tech-card{background:radial-gradient(circle at 78% 34%,#392695 0,#27125f 27%,#16043f 70%)}
.medical-card{color:#07354b;background:linear-gradient(135deg,#cdfbfb,#8de7e8 62%,#e9ffff)}
.category-content{max-width:54%;position:relative;z-index:2}
.mini-title{font-size:12px;font-weight:700;letter-spacing:.6px}
.category-card h2{font-size:39px;margin:12px 0}
.category-card p{font-size:16px;line-height:1.6}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 19px;border-radius:999px;font-size:14px;font-weight:700;margin-top:12px}
.btn-light{background:#fff;color:#321061}
.category-visual{position:absolute;right:25px;top:44px;width:42%;height:220px}
.mini-laptop{position:absolute;width:190px;height:120px;right:0;top:15px;border:8px solid #12192e;border-radius:7px;background:linear-gradient(135deg,#5a24d8,#1db6ff);transform:rotate(-4deg)}
.headphones{position:absolute;width:110px;height:110px;right:12px;bottom:0;border:20px solid #101625;border-bottom-width:30px;border-radius:60px;text-align:center;padding-top:18px}
.gamepad{position:absolute;left:20px;bottom:15px;font-size:60px;color:#d9d6ff}
.hospital-bed{position:absolute;width:220px;height:92px;right:0;top:36px;border:10px solid #f7ffff;border-radius:16px;background:#c3eff5;box-shadow:0 18px 35px rgba(23,126,145,.12)}
.wheelchair{position:absolute;right:5px;bottom:5px;font-size:82px;color:#0f5b69}
.bp{position:absolute;left:15px;bottom:22px;background:#fff;color:#09304a;padding:14px;border-radius:12px;box-shadow:var(--shadow);font-weight:800;text-align:center}
.category-menu{
    position:absolute;left:40px;right:40px;bottom:18px;display:grid;
    grid-template-columns:repeat(6,1fr);gap:8px;font-size:12px;text-align:center
}
.medical-card .category-menu{grid-template-columns:repeat(5,1fr)}
.category-menu span{padding-top:12px;border-top:1px solid rgba(255,255,255,.25)}

.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.section-head h2{font-size:25px;margin:0}
.section-head a{color:#02a99e;font-weight:700;font-size:14px}
.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.product-card{
    position:relative;border:1px solid var(--border);border-radius:14px;padding:12px;background:#fff;
    box-shadow:0 10px 24px rgba(24,34,71,.05);transition:.25s
}
.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.discount{position:absolute;left:10px;top:10px;background:var(--red);color:#fff;font-size:12px;font-weight:800;padding:6px 9px;border-radius:999px;z-index:2}
.product-img{height:175px;display:flex;align-items:center;justify-content:center;background:#fafbfe;border-radius:11px;margin-bottom:12px}
.product-img img{width:80%;height:80%;object-fit:contain}
.product-card h3{font-size:14px;min-height:36px;margin:0 0 6px}
.old-price{font-size:12px;color:#8a91a5;text-decoration:line-through}
.product-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.product-bottom strong{font-size:16px;color:#f11d2e}
.product-bottom button{border:0;border-radius:8px;width:36px;height:36px;background:var(--teal);cursor:pointer}

.trust-section{padding:10px 0 20px}
.trust-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.trust-grid>div{border:1px solid var(--border);border-radius:14px;padding:18px;display:flex;gap:12px;align-items:center}
.trust-grid b{font-size:24px}
.trust-grid span{display:flex;flex-direction:column;gap:4px}
.trust-grid strong{font-size:13px}.trust-grid small{font-size:11px;color:var(--muted)}

.brands-section{padding-top:16px}
.general-sponsor{font-weight:700;color:#724a00}
.brands-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
.brand-card{height:72px;border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;background:#fff}
.brand-card:first-child{background:linear-gradient(135deg,#162f9c,#06165e);color:#fff;font-size:22px}

.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.promo{min-height:180px;border-radius:16px;padding:28px 34px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}
.promo h3{font-size:24px;margin:0 0 8px}.promo p{margin:0 0 8px}
.promo-tech{background:linear-gradient(135deg,#eadcff,#d4c4ff);color:#321061}
.promo-med{background:linear-gradient(135deg,#dbffff,#c3f3ef);color:#0d534f}
.btn-purple{background:var(--purple);color:#fff}
.btn-teal{background:#079d94;color:#fff}
.promo-device{width:210px;height:115px;border:10px solid #1a1f34;border-radius:10px;background:linear-gradient(135deg,#551bb8,#19c6ef);transform:rotate(-6deg)}
.promo-heart{font-size:90px;color:#15bdae}

.footer{margin-top:30px;border-top:1px solid var(--border);background:#fbfcff;padding:40px 0 18px}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:35px}
.footer-logo{width:165px;margin-bottom:15px}
.footer p{color:var(--muted)}
.footer h4{font-size:14px;margin:0 0 14px}
.footer a{display:block;color:#667089;font-size:13px;margin:8px 0}
.socials{display:flex;gap:9px}.socials a{width:34px;height:34px;border-radius:8px;background:#10204a;color:#fff;display:flex;align-items:center;justify-content:center}
.copyright{display:flex;justify-content:space-between;border-top:1px solid var(--border);margin-top:28px;padding-top:18px;font-size:12px;color:#7e879b}

@media (max-width:1100px){
    .nav-main{grid-template-columns:180px 1fr}.nav-actions{display:none}
    .hero-grid{grid-template-columns:1fr}.hero-showcase{display:none}
    .split-categories,.promo-grid{grid-template-columns:1fr}
    .product-grid{grid-template-columns:repeat(3,1fr)}
    .brands-grid{grid-template-columns:repeat(4,1fr)}
    .trust-grid{grid-template-columns:repeat(2,1fr)}
    .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
    .container{width:min(100% - 28px,1460px)}
    .topbar-right,.nav-links a:not(.all-categories){display:none}
    .nav-main{height:auto;padding:16px 0;grid-template-columns:1fr}
    .brand img{width:145px}.search{order:2}
    .hero{min-height:auto}.hero-grid{min-height:auto}.hero-copy{padding:54px 0}
    .hero h1{font-size:42px}.hero p{font-size:17px}
    .hero-benefits{display:grid;grid-template-columns:1fr 1fr}
    .category-card{min-height:470px;padding:28px}
    .category-content{max-width:100%}.category-visual{opacity:.30;right:10px}
    .category-menu,.medical-card .category-menu{left:24px;right:24px;grid-template-columns:repeat(2,1fr);font-size:11px}
    .product-grid{grid-template-columns:repeat(2,1fr)}
    .product-img{height:145px}
    .brands-grid{grid-template-columns:repeat(2,1fr)}
    .trust-grid,.footer-grid{grid-template-columns:1fr}
    .copyright{flex-direction:column;gap:10px}
}