:root{--red:#d9232e;--ink:#111827;--muted:#687080;--line:#e7e9ee;--soft:#f5f6f8}*{box-sizing:border-box}body{margin:0;font:15px/1.55 Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}.topbar{background:var(--red);color:white;padding:9px max(4%,calc((100% - 1200px)/2));font-size:13px;display:flex;justify-content:space-between}.site-header{height:auto;min-height:82px;padding:14px max(4%,calc((100% - 1200px)/2));display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:10}.logo{display:flex;align-items:center;gap:10px;min-width:220px}.logo b{font-size:34px;color:var(--red);font-style:italic}.logo span{font-size:12px;line-height:1.15;font-weight:800}.logo strong{color:var(--red)}nav{display:flex;gap:19px;flex:1;font-weight:700;font-size:14px}nav a:hover{color:var(--red)}.search{display:flex;border:1px solid var(--line);border-radius:25px;overflow:hidden}.search input{border:0;padding:10px 12px;width:145px;min-width:0}.search button,.btn{background:var(--red);color:white;border:0;padding:11px 17px;border-radius:22px;cursor:pointer;font-weight:700}.cart-link{font-weight:700;color:var(--red)}main{min-height:55vh}.hero{background:radial-gradient(circle at 75% 40%,#25445f 0,#101a27 45%,#080d14 100%);color:#fff;padding:76px max(5%,calc((100% - 1200px)/2));min-height:440px;display:flex;align-items:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-100px;top:-130px;width:620px;height:620px;border:2px solid #ef3340;border-radius:50%;box-shadow:0 0 50px #e9233240,inset 0 0 50px #e9233240}.hero-copy{position:relative;z-index:1;max-width:650px}.eyebrow{color:#ff777e;text-transform:uppercase;font-weight:800;letter-spacing:2px}.hero h1{font-size:clamp(38px,5.4vw,68px);line-height:1.02;margin:12px 0}.hero h1 em{color:#ff3542;font-style:normal}.hero p{font-size:19px;color:#d6dce5;max-width:560px}.hero-actions{display:flex;gap:12px;margin-top:25px}.btn.outline{background:transparent;border:1px solid white}.section{max-width:1200px;margin:54px auto;padding:0 18px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section h2{font-size:30px;margin:0}.muted{color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-card,.product-card{border:1px solid var(--line);border-radius:15px;padding:20px;background:#fff;transition:.2s}.category-card:hover,.product-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #11182712;border-color:#f0a2a7}.category-icon{width:48px;height:48px;border-radius:13px;background:#fff0f1;color:var(--red);display:grid;place-items:center;font-size:22px;font-weight:800}.category-card h3{font-size:16px;margin:13px 0 4px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card img{width:100%;height:165px;object-fit:contain;background:var(--soft);border-radius:10px}.product-card h3{font-size:15px;min-height:44px}.price{font-weight:800;color:var(--red)}.page-wrap{max-width:1200px;margin:40px auto;padding:0 18px}.form-control,input,textarea,select{font:inherit}.form-control{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;margin:5px 0 14px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.footer{background:#10151e;color:#dce1e8;padding:45px max(4%,calc((100% - 1200px)/2));display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer a{display:block;margin:7px 0}.inverse{color:#fff}.copyright{grid-column:1/-1;border-top:1px solid #343b46;padding-top:18px;color:#aab2bf}.notice{padding:12px 15px;background:#f1f8f2;border:1px solid #cde8d0;border-radius:8px;margin:15px 0}.admin-shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{background:#111827;color:#fff;padding:25px 17px}.sidebar a{display:block;padding:11px 12px;border-radius:8px;color:#dbe1ea}.sidebar a:hover{background:#293344}.admin-main{padding:28px;min-width:0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{border:1px solid var(--line);padding:20px;border-radius:12px;background:white}.stat strong{display:block;font-size:28px;color:var(--red)}.admin-card{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;margin:18px 0}.danger{color:#b42318}.small{font-size:13px}@media(max-width:900px){.site-header{flex-wrap:wrap}.site-header nav{order:3;overflow:auto;width:100%;flex-basis:100%}.category-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}.hero{padding-top:55px;padding-bottom:55px}.admin-shell{grid-template-columns:1fr}.sidebar{position:static}.footer{grid-template-columns:1fr 1fr}}@media(max-width:560px){.topbar{font-size:11px}.logo{min-width:0}.search{flex:1}.search input{width:100px}.category-grid,.product-grid,.stat-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:39px}.footer{grid-template-columns:1fr}.copyright{grid-column:auto}.admin-main{padding:15px}.table{font-size:12px}.table th,.table td{padding:7px}}
/* UFS premium 2026 storefront refresh */
:root{--red:#d9232e;--ink:#10141c;--muted:#6b7280;--line:#e7e9ee;--soft:#f5f6f8;--deep:#10151e}body{font-family:Inter,Arial,sans-serif;color:var(--ink)}.topbar{padding:8px max(4%,calc((100% - 1240px)/2));font-size:12px;letter-spacing:.2px}.site-header{padding:13px max(4%,calc((100% - 1240px)/2));min-height:78px;box-shadow:0 5px 22px #11182708}.logo b{width:48px;height:42px;display:grid;place-items:center;background:var(--red);color:#fff;border-radius:5px;font-size:25px;letter-spacing:-2px}.logo span{font-size:11px;letter-spacing:.7px}.site-header nav{gap:17px;font-size:13px}.search{border-radius:7px}.search input{width:155px}.search button{border-radius:0;padding:10px 13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:5px;padding:13px 19px;font-size:12px;letter-spacing:.45px}.btn:hover{background:#b91f29}.btn.outline{border-radius:5px}.ufs-slider{background:#0b111b;color:#fff;position:relative;overflow:hidden;min-height:540px}.slider-track{position:relative;min-height:540px}.hero-slide{position:absolute;inset:0;display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity .65s ease;background:radial-gradient(ellipse at 78% 48%,#243c55 0,#101a29 37%,#080d15 78%)}.hero-slide:before{content:"";position:absolute;inset:0;background-image:var(--slide-image);background-size:cover;background-position:center;opacity:.24;mix-blend-mode:screen}.hero-slide.is-active{opacity:1;visibility:visible;position:relative}.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090e17 0%,#090e17ed 42%,#090e1740 100%)}.hero-inner{position:relative;z-index:1;width:min(1240px,92%);margin:auto;min-height:540px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px}.hero-copy{max-width:630px;padding:60px 0}.hero-kicker{display:inline-block;color:#ff727a;font-size:11px;font-weight:800;letter-spacing:2px}.hero h1{font-size:clamp(39px,5.1vw,66px);line-height:1.02;letter-spacing:-2px;margin:17px 0}.hero h1 em{color:#ff3945;font-style:normal}.hero p{font-size:17px;line-height:1.7;color:#c9d1dc;max-width:560px}.hero-proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;color:#dce2eb;font-size:11px}.hero-art{height:390px;position:relative;display:grid;place-items:center;isolation:isolate}.orbit{position:absolute;border:1px solid #ff344b55;border-radius:50%;transform:rotate(-20deg)}.orbit-one{width:430px;height:250px}.orbit-two{width:510px;height:320px;transform:rotate(25deg);border-color:#4ba6d455}.hero-product{position:absolute;background:linear-gradient(145deg,#333b47,#090d13 60%);border:1px solid #7f8b9b88;border-radius:13px;box-shadow:0 25px 60px #0009;transform:perspective(800px) rotateY(-18deg) rotateX(8deg)}.product-main{width:300px;height:150px;top:112px;left:14%}.device-top{height:25px;background:linear-gradient(90deg,#6e7783,#171c25);border-radius:12px 12px 0 0;border-bottom:1px solid #929ba8}.device-front{padding:18px;color:#dfe6ef}.device-front b{font-size:22px;color:#ff3945;display:block;letter-spacing:2px}.device-front span{font-size:8px;letter-spacing:2px;color:#aab4c2}.device-front i{display:inline-block;width:13px;height:13px;background:#0d1822;border:2px solid #667687;border-radius:3px;margin:14px 5px 0 0}.product-small{width:185px;height:112px;right:3%;bottom:74px;transform:perspective(800px) rotateY(16deg) rotateX(5deg)}.product-small .device-front{padding:12px}.product-small .device-front b{font-size:17px}.product-small .device-front i{width:9px;height:9px;margin-top:9px}.signal-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:#ff3945;box-shadow:0 0 0 9px #ff394522,0 0 35px #ff3945;top:65px;right:24%}.hero-art-label{position:absolute;bottom:26px;right:2%;font-size:10px;letter-spacing:2px;color:#9ca9b8}.hero-cable{background:radial-gradient(ellipse at 80% 50%,#253a4d,#111823 45%,#080d15)}.hero-testing{background:radial-gradient(ellipse at 80% 50%,#38252c,#17151d 45%,#080d15)}.slider-controls{position:absolute;z-index:3;bottom:24px;left:max(4%,calc((100% - 1240px)/2));right:max(4%,calc((100% - 1240px)/2));display:flex;justify-content:space-between;align-items:center}.slider-dots{display:flex;gap:8px}.slider-dots button{width:26px;height:4px;border:0;background:#ffffff55;padding:0;cursor:pointer}.slider-dots button.active{width:48px;background:var(--red)}.slider-arrows{display:flex;gap:7px}.slider-arrows button{width:36px;height:36px;border:1px solid #ffffff55;background:#10151e88;color:#fff;border-radius:50%;cursor:pointer}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);max-width:1240px;margin:auto;padding:23px 18px;border-bottom:1px solid var(--line);gap:20px}.trust-strip div{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700}.trust-strip b{color:var(--red);font-size:19px}.section{max-width:1240px;margin:64px auto;padding:0 18px}.section-head{align-items:end}.section-head h2,.why-ufs h2{font-size:clamp(27px,3vw,36px);letter-spacing:-.8px;margin:5px 0}.section-head p{margin:7px 0 0;color:var(--muted);font-size:14px}.eyebrow{font-size:11px;color:var(--red);letter-spacing:2px}.text-link{font-size:12px;font-weight:800;color:var(--red)}.category-grid{grid-template-columns:repeat(4,1fr);gap:13px}.category-card{display:flex;gap:15px;align-items:center;border-radius:7px;padding:19px;min-height:105px}.category-card h3{font-size:13px;margin:0 0 7px}.category-icon{flex:0 0 45px;width:45px;height:45px;border-radius:7px;background:#fff0f1;font-size:21px}.category-card .small{font-size:10px}.category-card .small b{color:var(--red);margin-left:5px}.feature-band{background:#111a27;color:white;display:grid;grid-template-columns:1fr 1fr;min-height:330px;padding:35px max(5%,calc((100% - 1200px)/2));overflow:hidden}.feature-copy{align-self:center;max-width:530px}.feature-copy h2{font-size:clamp(30px,4vw,46px);line-height:1.08;margin:13px 0}.feature-copy p{color:#bac4d1;line-height:1.7}.feature-visual{position:relative;min-height:260px;display:grid;place-items:center}.feature-device{width:300px;height:135px;border:1px solid #8995a5;background:linear-gradient(150deg,#434c59,#0b1018 70%);border-radius:10px;box-shadow:0 22px 50px #0008;padding:17px;transform:perspective(700px) rotateY(-17deg)}.feature-device span{font-size:8px;letter-spacing:2px;color:#aeb9c8}.feature-device b{display:block;font-size:30px;color:#ff3d49}.ports{display:flex;gap:7px}.ports i{width:19px;height:13px;background:#070b10;border:1px solid #788798;border-radius:2px}.feature-device.mini{position:absolute;width:160px;height:95px;right:5%;bottom:18px;transform:perspective(700px) rotateY(16deg)}.feature-device.mini b{font-size:19px}.feature-device.mini .ports i{width:13px}.product-card{border-radius:7px;padding:13px}.product-card img{height:190px;background:#f8f9fb}.product-card h3{font-size:14px}.why-ufs{background:#f6f7f9;padding:12px 0 30px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:28px}.why-grid>div{border-top:2px solid var(--red);padding:18px 0}.why-grid b{color:var(--red);font-size:13px}.why-grid h3{font-size:17px;margin:9px 0}.why-grid p{font-size:13px;color:var(--muted);line-height:1.7}.quote-cta{max-width:1240px;margin:65px auto;padding:35px 25px;display:flex;justify-content:space-between;align-items:center;gap:25px;background:#fff5f5;border-left:4px solid var(--red)}.quote-cta h2{font-size:29px;margin:8px 0}.quote-cta p{margin:0;color:var(--muted)}.empty-products{grid-column:1/-1;padding:25px;border:1px dashed #d7dbe2;border-radius:8px;color:var(--muted)}.empty-products b{color:var(--ink)}
/* Admin dashboard refresh */
.admin-shell{background:#f5f6f8;grid-template-columns:250px minmax(0,1fr)}.sidebar{padding:24px 16px;background:#111722}.sidebar .logo{margin:0 8px 28px}.sidebar a{font-size:13px;margin:3px 0;color:#c8d0dc}.sidebar a:hover{background:#2a3443;color:#fff}.admin-main{padding:32px;max-width:1600px}.admin-main h1{font-size:29px;margin:0 0 5px;letter-spacing:-.6px}.admin-main>.muted{margin-top:0}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat{border:0;border-radius:10px;padding:20px;box-shadow:0 4px 20px #11182708;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;width:4px;left:0;top:0;bottom:0;background:var(--red)}.stat strong{font-size:30px;color:#111827;margin-top:8px}.admin-card{border:0;border-radius:10px;box-shadow:0 4px 20px #11182708;padding:23px}.admin-card h2{font-size:18px;margin-top:0}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:#737d8c}.table td{font-size:13px}.admin-card .table tr:last-child td{border-bottom:0}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr}.hero-art{display:none}.hero-inner,.slider-track{min-height:490px}.hero-slide{min-height:490px}.category-grid{grid-template-columns:repeat(2,1fr)}.feature-band{grid-template-columns:1fr}.feature-visual{min-height:220px}.trust-strip{grid-template-columns:repeat(2,1fr)}.admin-shell{grid-template-columns:1fr}.sidebar{display:flex;flex-wrap:wrap;gap:3px;align-items:center}.sidebar .logo{width:100%;margin-bottom:10px}.sidebar p{width:100%}.sidebar a{padding:8px}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.hero-inner{min-height:500px}.hero h1{font-size:40px;letter-spacing:-1px}.hero p{font-size:15px}.hero-actions{flex-wrap:wrap}.hero-actions .btn{width:100%}.slider-controls{bottom:17px}.trust-strip{gap:13px}.trust-strip div{font-size:10px}.section{margin:44px auto}.category-grid{grid-template-columns:1fr}.category-card{min-height:85px}.feature-band{padding:35px 22px}.feature-device{width:245px}.why-grid{grid-template-columns:1fr;gap:8px}.quote-cta{margin:35px 14px;padding:25px 18px;display:block}.quote-cta .btn{margin-top:20px}.admin-main{padding:17px}.stat-grid{grid-template-columns:1fr 1fr}.stat{padding:14px}.stat strong{font-size:23px}}
.status-pill{display:inline-block;padding:5px 9px;border-radius:20px;background:#f1f3f5;font-size:11px;font-weight:700}.status-pending{background:#fff4d6;color:#8a5a00}.status-confirmed,.status-completed{background:#e8f7ed;color:#18743b}.status-processing,.status-shipped{background:#eaf1ff;color:#2455a6}.status-cancelled{background:#ffebeb;color:#a51f2b}.quick-actions{display:flex;flex-wrap:wrap;gap:10px}.quick-actions a{padding:11px 14px;border:1px solid var(--line);border-radius:7px;font-size:12px;font-weight:700}.quick-actions a:hover{border-color:var(--red);color:var(--red)}
