:root{
  --r:#ff3c20;--p:#5e60ab;
  --r2:rgba(255,60,32,0.13);--p2:rgba(94,96,171,0.13);
  --dark:#0b0b12;--surf:#131320;--card:#181828;
  --bdr:rgba(94,96,171,0.22);
  --txt:#ddddf0;--mute:#7777a0;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--dark) !important;color:var(--txt);font-family:'DM Sans',sans-serif;font-size:14px;overflow-x:hidden;}
 
/* scroll progress */
#sg-prog{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--r),var(--p));z-index:9999;}
 
/* canvas */
#sg-cv{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.3;}
 
/* back to top */
#sg-top{position:fixed;bottom:28px;right:28px;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--r),var(--p));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:999;opacity:0;transform:translateY(12px) scale(.85);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 18px rgba(255,60,32,.4);}
#sg-top.on{opacity:1;transform:translateY(0) scale(1);}
#sg-top:hover{transform:translateY(-4px) scale(1.1);}
#sg-top svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;}
 
/* hero */
.sg-hero{position:relative;padding:72px 0 48px;text-align:center;z-index:1;}
.sg-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 60% at 15% 50%,var(--r2),transparent),radial-gradient(ellipse 55% 60% at 85% 50%,var(--p2),transparent);pointer-events:none;}
.sg-tag{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--r);border:1px solid rgba(255,60,32,.4);padding:5px 16px;border-radius:2px;margin-bottom:20px;}
.sg-pulse{width:5px;height:5px;border-radius:50%;background:var(--r);animation:pulse 2s ease infinite;}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,60,32,.6);}50%{box-shadow:0 0 0 6px rgba(255,60,32,0);}}
.sg-h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(58px,10vw,43px);font-weight:900;line-height:.92;text-transform:uppercase;letter-spacing:-2px;color:#fff;}
.sg-h1 em{font-style:normal;background:linear-gradient(90deg,var(--r),var(--p));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.sg-sub{margin-top:14px;font-size:13px;color:var(--mute);letter-spacing:.5px;}
 
/* stats */
.sg-stats{display:flex;justify-content:center;gap:48px;margin-top:32px;flex-wrap:wrap;}
.sg-sn{font-family:'Barlow Condensed',sans-serif;font-size:26px;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--r),var(--p));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.sg-sl{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--mute);margin-top:4px;}
 
/* divider */
.sg-div{height:1px;background:linear-gradient(90deg,transparent,var(--r),var(--p),transparent);max-width:700px;margin:0px auto 30px;opacity:.55;}
 
/* search */
.sg-sw{max-width:540px;margin:0 auto 48px;position:relative;z-index:2;}
.sg-sw input{width:100%;background:var(--card);border:1.5px solid var(--bdr);border-radius:4px;padding:10px 48px 10px 18px;color:var(--txt);font-family:'DM Sans',sans-serif;font-size:14px;outline:none;transition:border-color .25s,box-shadow .25s;}
.sg-sw input::placeholder{color:var(--mute);}
.sg-sw input:focus{border-color:var(--r);box-shadow:0 0 0 3px rgba(255,60,32,.12);}
.sg-si{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;}
.sg-si svg{width:17px;height:17px;stroke:var(--mute);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.sg-cm{text-align:center;font-size:12px;color:var(--mute);margin-top:-32px;margin-bottom:0px;min-height:16px;}
 
/* filters */
.sg-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:48px;z-index:2;position:relative;}
.sg-fb{padding:7px 16px;border-radius:3px;border:1px solid var(--bdr);background:var(--card);color:var(--mute);font-size:12px;font-weight:500;letter-spacing:.5px;cursor:pointer;transition:all .22s;font-family:'DM Sans',sans-serif;}
.sg-fb:hover,.sg-fb.on{background:linear-gradient(135deg,var(--r),var(--p));border-color:transparent;color:#fff;}
 
/* nav pills */
.sg-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:64px;z-index:1;position:relative;}
.sg-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 20px;border:1.5px solid var(--bdr);border-radius:6px;background:var(--card);color:var(--txt);text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;transition:all .28s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;}
.sg-pill::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--r),var(--p));opacity:0;transition:opacity .28s;}
.sg-pd{width:7px;height:7px;border-radius:50%;background:var(--r);flex-shrink:0;transition:all .28s;position:relative;z-index:1;}
.sg-pill span{position:relative;z-index:1;}
.sg-pill:hover::before{opacity:1;}
.sg-pill:hover .sg-pd{background:#fff;transform:scale(1.4);}
.sg-pill:hover{color:#fff;border-color:transparent;transform:translateY(-4px);box-shadow:0 10px 28px rgba(255,60,32,.24);}
 
/* section */
.sg-sec{margin-bottom:60px;z-index:1;position:relative;}
.sg-sec.hide{display:none;}
.sg-sh{display:flex;align-items:center;gap:14px;margin-bottom:22px;}
.sg-bar{width:4px;border-radius:2px;flex-shrink:0;}
.sg-st{font-family:'Barlow Condensed',sans-serif;font-size:clamp(20px,3vw,28px);font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#fff;}
.sg-cnt{font-size:11px;background:rgba(255,255,255,.06);color:var(--mute);padding:2px 8px;border-radius:2px;margin-left:6px;font-weight:400;letter-spacing:0;}
.sg-badge{margin-left:auto;font-size:9.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:3px 11px;border-radius:2px;flex-shrink:0;}
 
/* grid */
.sg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:9px;}
.sg-item{display:flex;align-items:flex-start;gap:10px;padding:12px 15px;border:1px solid var(--bdr);border-radius:4px;background:var(--card);color:var(--txt);text-decoration:none;font-size:13px;line-height:1.45;transition:all .22s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;}
.sg-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;opacity:0;transition:opacity .22s;border-radius:3px 0 0 3px;}
.sg-item.hide{display:none;}
.sg-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:5px;transition:transform .22s;}
.sg-item:hover{transform:translateX(5px);color:#fff;box-shadow:0 4px 20px rgba(0,0,0,.3);}
.sg-item:hover .sg-dot{transform:scale(1.7);}
.sg-item:hover::before{opacity:1;}
 
/* themes */
.t-r .sg-bar,.t-r .sg-dot{background:var(--r);}
.t-r .sg-badge{background:var(--r2);color:var(--r);}
.t-r .sg-item:hover{background:linear-gradient(90deg,rgba(255,60,32,.1),var(--card));border-left:3px solid var(--r);}
.t-r .sg-item::before{background:var(--r);}
 
.t-p .sg-bar,.t-p .sg-dot{background:var(--p);}
.t-p .sg-badge{background:var(--p2);color:#9b9de0;}
.t-p .sg-item:hover{background:linear-gradient(90deg,rgba(94,96,171,.1),var(--card));border-left:3px solid var(--p);}
.t-p .sg-item::before{background:var(--p);}
 
.t-m .sg-bar{background:linear-gradient(180deg,var(--r),var(--p));}
.t-m .sg-dot{background:linear-gradient(135deg,var(--r),var(--p));}
.t-m .sg-badge{background:rgba(255,60,32,.08);color:#ff8070;}
.t-m .sg-item:hover{background:linear-gradient(90deg,rgba(255,60,32,.07),rgba(94,96,171,.07),var(--card));border-left:3px solid var(--r);}
.t-m .sg-item::before{background:linear-gradient(180deg,var(--r),var(--p));}
 
/* no results */
.sg-nr{text-align:center;padding:56px;color:var(--mute);display:none;}
.sg-nr.on{display:block;}
 
/* manufacturers */
.sg-mfr{background:var(--surf);border:1.5px solid var(--bdr);border-radius:6px;padding:44px;margin-bottom:64px;position:relative;overflow:hidden;z-index:1;}
.sg-mfr::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--r),var(--p));}
.sg-mfr::after{content:'Global Tele';position:absolute;bottom:-14px;right:16px;font-family:'Barlow Condensed',sans-serif;font-size:80px;font-weight:900;color:rgba(255,255,255,.022);letter-spacing:-2px;pointer-events:none;user-select:none;}
.sg-mh{font-family:'Barlow Condensed',sans-serif;font-size:clamp(18px,2.5vw,26px);font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#fff;margin-bottom:6px;display:flex;align-items:center;gap:12px;}
.sg-mh::before{content:'';width:28px;height:3px;background:linear-gradient(90deg,var(--r),var(--p));border-radius:2px;flex-shrink:0;}
.sg-ms{font-size:12px;color:var(--mute);margin-bottom:32px;padding-left:40px;letter-spacing:.5px;}
.sg-mc{display:grid;grid-template-columns:1fr 1fr;gap:36px;}
.sg-mg{font-size:9.5px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--mute);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--bdr);}
.sg-ml{list-style:none;}
.sg-ml li{padding:8px 0;font-size:13.5px;display:flex;align-items:center;gap:10px;border-bottom:1px dashed rgba(94,96,171,.1);cursor:default;transition:all .2s;}
.sg-ml li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--mute);flex-shrink:0;transition:all .2s;}
.sg-ml li:hover{color:#fff;padding-left:8px;}
.sg-ml li:hover::before{background:var(--r);box-shadow:0 0 8px var(--r);}
.sg-ml li a{color:inherit;text-decoration:none;display:block;width:100%;}
.sg-ml li:hover a{color:#fff;}
 
/* footer */
.sg-foot{text-align:center;padding:32px;border-top:1px solid var(--bdr);color:var(--mute);font-size:12px;letter-spacing:1px;position:relative;z-index:1;}
.sg-foot a{color:var(--r);text-decoration:none;}
 
/* reveal */
@keyframes sg-in{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:none;}}
.sg-fi{animation:sg-in .52s ease both;}
.d1{animation-delay:.06s;}.d2{animation-delay:.13s;}.d3{animation-delay:.2s;}.d4{animation-delay:.28s;}
.sg-rv{opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease;}
.sg-rv.on{opacity:1;transform:none;}
 
@media(max-width:768px){
  .sg-mfr{padding:24px;}
  .sg-mc{grid-template-columns:1fr;gap:24px;}
  .sg-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));}
  .sg-stats{gap:24px;}
}
@media(max-width:480px){
  .sg-grid{grid-template-columns:1fr 1fr;}
  .sg-pill{padding:11px 20px;font-size:15px;}
}