:root{--blue:#0033a0;--sky:#00a3e0;--ice:#e8f4fb;--dark:#0a0f1e;--mid:#1c2540;--slate:#4a5578;--white:#fff;--accent:#00c8e0;--warn:#ff6b35;--card-bg:#ffffff0a;--border:#ffffff14}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{background:var(--dark);color:var(--white);cursor:default;font-family:DM Sans,sans-serif;overflow-x:hidden}.nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#0a0f1ed9;justify-content:space-between;align-items:center;height:70px;padding:0 5vw;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{letter-spacing:.05em;color:var(--white);align-items:center;gap:12px;font-family:Barlow Condensed,sans-serif;font-size:1.4rem;font-weight:700;text-decoration:none;display:flex}.shield{background:linear-gradient(135deg, var(--blue), var(--sky));border-radius:8px;place-items:center;width:34px;height:34px;font-size:1.1rem;display:grid}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:#ffffffa6;letter-spacing:.04em;text-transform:uppercase;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--accent)}.nav-cta{background:linear-gradient(90deg, var(--blue), var(--sky));border-radius:50px;padding:8px 20px;color:var(--white)!important;text-transform:none!important;font-weight:600!important}.hero{align-items:center;min-height:100vh;padding:120px 5vw 80px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;background:radial-gradient(ellipse 80% 60% at 70% 50%, #00a3e01f 0%, transparent 70%), radial-gradient(ellipse 50% 80% at 20% 80%, #0033a033 0%, transparent 60%), var(--dark);position:absolute;inset:0}.hero-grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}.hero-content{z-index:1;max-width:620px;position:relative}.hero-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:#00a3e026;border:1px solid #00a3e04d;border-radius:50px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px;font-size:.75rem;font-weight:600;animation:.8s both fadeUp;display:inline-flex}.hero-badge:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.hero h1{letter-spacing:-.01em;font-family:Barlow Condensed,sans-serif;font-size:clamp(3.2rem,8vw,6rem);font-weight:800;line-height:.95;animation:.8s .1s both fadeUp}.hero h1 .line2{background:linear-gradient(90deg, var(--sky), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:block}.hero-sub{color:#fff9;max-width:480px;margin-top:24px;font-size:1.05rem;line-height:1.7;animation:.8s .2s both fadeUp}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:40px;animation:.8s .3s both fadeUp;display:flex}.btn-primary{background:linear-gradient(135deg, var(--blue), var(--sky));color:var(--white);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:14px 32px;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 30px #00a3e04d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00a3e073}.btn-ghost{color:var(--white);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:50px;align-items:center;gap:8px;padding:14px 32px;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:500;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.btn-ghost:hover{border-color:var(--accent);background:#00c8e012}.hero-stats{border-top:1px solid var(--border);gap:48px;margin-top:64px;padding-top:40px;animation:.8s .4s both fadeUp;display:flex}.stat-val{color:var(--accent);font-family:Barlow Condensed,sans-serif;font-size:2.2rem;font-weight:700}.stat-label{color:#ffffff73;letter-spacing:.05em;text-transform:uppercase;margin-top:2px;font-size:.78rem}.hero-visual{z-index:1;width:clamp(280px,38vw,520px);animation:1.2s .3s both floatIn;position:absolute;top:50%;right:5vw;transform:translateY(-50%)}@media (max-width:900px){.hero-visual{display:none}}.device-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1c2540e6,#0a0f1ef2);border:1px solid #00a3e033;border-radius:24px;padding:36px;box-shadow:0 30px 80px #00000080,0 0 0 1px #00a3e01a}.device-icon-ring{background:linear-gradient(135deg,#0033a066,#00a3e066);border:2px solid #00a3e066;border-radius:50%;place-items:center;width:90px;height:90px;margin:0 auto 20px;font-size:2.8rem;animation:3s infinite glow;display:grid;box-shadow:0 0 40px #00a3e033}.device-name{text-align:center;font-family:Barlow Condensed,sans-serif;font-size:1.4rem;font-weight:700}.device-model{text-align:center;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-top:4px;font-size:.8rem}.device-stats{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;display:grid}.ds-item{border:1px solid var(--border);background:#ffffff0a;border-radius:12px;padding:14px}.ds-val{color:var(--sky);font-family:Barlow Condensed,sans-serif;font-size:1.4rem;font-weight:700}.ds-key{color:#ffffff73;text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:.72rem}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}@keyframes glow{0%,to{box-shadow:0 0 40px #00a3e033}50%{box-shadow:0 0 60px #00a3e073}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes floatIn{0%{opacity:0;transform:translateY(-50%)translate(60px)}to{opacity:1;transform:translateY(-50%)translate(0)}}.categories,.products,.features{padding:100px 5vw}.categories{background:linear-gradient(180deg, var(--dark) 0%, var(--mid) 100%)}.products{background:var(--dark)}.features{background:linear-gradient(180deg, var(--mid) 0%, var(--dark) 100%)}.section-label{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:.72rem;font-weight:600}.section-title{font-family:Barlow Condensed,sans-serif;font-size:clamp(2rem,5vw,3.6rem);font-weight:800}.section-title span{background:linear-gradient(90deg, var(--sky), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.section-header{margin-bottom:56px}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.cat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:32px 28px;transition:all .25s}.cat-card:hover{border-color:#00a3e066;transform:translateY(-6px)}.cat-icon{background:linear-gradient(135deg,#0033a04d,#00a3e04d);border-radius:16px;place-items:center;width:60px;height:60px;margin-bottom:20px;font-size:2.4rem;display:grid}.cat-name{margin-bottom:8px;font-family:Barlow Condensed,sans-serif;font-size:1.35rem;font-weight:700}.cat-desc{color:#ffffff80;margin-bottom:20px;font-size:.85rem;line-height:1.6}.cat-count{color:var(--accent);font-size:.75rem;font-weight:600}.search-input{border:1px solid var(--border);width:100%;color:var(--white);background:#ffffff0d;border-radius:12px;outline:none;margin-bottom:24px;padding:14px 20px;font-size:.9rem}.filter-bar{flex-wrap:wrap;gap:10px;margin-bottom:48px;display:flex}.filter-btn{border:1px solid var(--border);color:#fff9;cursor:pointer;background:0 0;border-radius:50px;padding:9px 22px;transition:all .2s}.filter-btn:hover{background:linear-gradient(135deg, var(--blue), var(--sky));color:#fff}.prod-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.prod-card{border:1px solid var(--border);background:#1c254080;border-radius:20px;transition:all .25s;overflow:hidden}.prod-card:hover{transform:translateY(-5px)}.prod-img{background:linear-gradient(135deg,#0033a033,#00a3e026);justify-content:center;align-items:center;height:200px;font-size:5rem;display:flex}.prod-body{padding:24px}.prod-name{margin-bottom:8px;font-family:Barlow Condensed,sans-serif;font-size:1.25rem;font-weight:700}.prod-desc{color:#ffffff80;margin-bottom:20px;font-size:.82rem;line-height:1.6}.prod-footer{justify-content:space-between;align-items:center;display:flex}.prod-price{font-family:Barlow Condensed,sans-serif;font-size:1.4rem;font-weight:700}.add-btn{background:linear-gradient(135deg, var(--blue), var(--sky));color:#fff;cursor:pointer;border:none;border-radius:50%;width:42px;height:42px;font-size:1.3rem}.acc-band{background:linear-gradient(135deg,#0033a026,#00a3e014);padding:80px 5vw}.acc-scroll{gap:16px;margin-top:40px;display:flex;overflow-x:auto}.acc-item{border:1px solid var(--border);text-align:center;background:#ffffff0a;border-radius:16px;min-width:200px;padding:24px 20px}.acc-item-icon{margin-bottom:12px;font-size:2.2rem}.feat-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:56px;display:grid}.feat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:32px}.feat-icon{margin-bottom:20px;font-size:2rem}.feat-title{margin-bottom:10px;font-family:Barlow Condensed,sans-serif;font-size:1.2rem;font-weight:700}.feat-text{color:#ffffff80;font-size:.85rem;line-height:1.7}.cta-banner{background:linear-gradient(135deg, var(--blue), #00a3e0cc);border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;margin:80px 5vw;padding:64px;display:flex}.cta-text h2{margin-bottom:12px;font-family:Barlow Condensed,sans-serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:800}.cta-text p{color:#fffc}.btn-white{color:var(--blue);background:#fff;border-radius:50px;padding:13px 28px;font-weight:700;text-decoration:none}.btn-outline-white{color:#fff;border:2px solid #ffffff80;border-radius:50px;padding:11px 28px;text-decoration:none}footer{border-top:1px solid var(--border);background:#0006;padding:60px 5vw 30px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.footer-brand p{color:#ffffff73;margin-top:16px;font-size:.85rem;line-height:1.7}.footer-col h4{margin-bottom:20px;font-family:Barlow Condensed,sans-serif}.footer-col ul{list-style:none}.footer-col li{margin-bottom:10px}.footer-col a{color:#ffffff73;text-decoration:none}.footer-bottom{border-top:1px solid var(--border);color:#ffffff4d;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:28px;font-size:.78rem;display:flex}@media (max-width:900px){.hero-visual{display:none}}@media (max-width:768px){.footer-grid{grid-template-columns:1fr}.nav-links{display:none}.hero{padding-top:140px}}