:root{
  --hl-dark:#111216;
  --hl-blue:#1e6bff;
  --hl-red:#e63946;
  --hl-gray:#f5f6f8;
}
body{font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#21252b;}
a{text-decoration:none;}
.text-link{color:var(--hl-blue);font-size:1rem;font-weight:500;}
.text-link:hover{color:#0d47d9;}
.hl-section-title{font-size:2.0625rem;font-weight:700;}
.hl-see-all{white-space:nowrap;font-size:1rem;}

/* ---------- Navbar ---------- */
.hl-navbar{background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.06);}
.hl-navbar .nav-link{color:#21252b;font-size:1rem;font-weight:500;padding:.8rem 1.35rem;}
.hl-navbar .nav-link:hover,.hl-navbar .nav-link.active{color:var(--hl-blue);}
.hl-brand{color:#111;font-weight:700;font-size:1.2625rem;letter-spacing:.5px;}
.hl-brand span{color:var(--hl-red);}
.hl-navbar .nav-icon{color:#21252b;font-size:1.1125rem;margin-left:.9rem;}
.hl-cart-badge{background:var(--hl-red);font-size:.6625rem;transform:translate(-40%,-40%)!important;}
.hl-search-box{background:#f1f3f6;border-radius:20px;overflow:hidden;}
.hl-search-box input{border:none;box-shadow:none;font-size:.8625rem;width:150px;background:transparent;}

/* ---------- Mega menu ---------- */
.hl-navbar .dropdown{position:static;}
.hl-mega{
  position:absolute;left:0;right:0;top:100%;background:#fff;
  border-top:1px solid #eceef1;box-shadow:0 18px 30px rgba(15,20,30,.12);
  display:none;z-index:1030;
}
.hl-navbar .dropdown:hover .hl-mega,
.hl-navbar .dropdown.show .hl-mega{display:block;}
.hl-mega .cat-list{border-right:1px solid #eceef1;height:100%;}
.hl-mega .cat-item{
  display:block;padding:.55rem .75rem .55rem 1.25rem;color:#21252b;
  font-size:1rem;font-weight:500;cursor:pointer;border-left:3px solid transparent;
}
.hl-mega .cat-item:hover{background:#f7f8fa;}
.hl-mega .cat-item.active{color:var(--hl-blue);border-left-color:var(--hl-blue);background:#f3f7ff;}
.hl-mega-panel{padding:1.5rem 2rem;}
.hl-mega-pane{display:none;background:#f4f5f7;border-radius:12px;padding:1rem 1rem .5rem;}
.hl-mega-pane.active{display:flex;}
.hl-mega-product .thumb img{max-height:180px;max-width:100%;object-fit:contain;}
.hl-mega-product{text-align:center;padding:.9rem .7rem;border-radius:10px;background:#fff;border:1px solid #eceef1;transition:box-shadow .2s,transform .2s;}
.hl-mega-product:hover{box-shadow:0 8px 20px rgba(20,25,35,.1);transform:translateY(-2px);}
.hl-mega-product .thumb{
  height:180px;width:100%;background:#fff;border-radius:8px;margin-bottom:.6rem;
  display:flex;align-items:center;justify-content:center;
}
.hl-mega-product .name{
  font-size:.9rem;font-weight:600;color:#21252b;line-height:1.35;min-height:2.2em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.hl-mini-gear{
  width:44px;height:44px;border-radius:8px;
  background:linear-gradient(145deg,#2f323a,#141519);
  box-shadow:0 8px 14px -6px rgba(20,25,35,.5), inset 0 1px 0 rgba(255,255,255,.12);
  position:relative;
}
.hl-mini-gear::before{content:"";position:absolute;inset:5px;border-radius:5px;background:linear-gradient(145deg,#26282f,#0f1013);}
.hl-mini-gear.round{border-radius:50%;}
.hl-mini-gear.screen{width:58px;height:44px;}
.hl-mini-gear.screen::after{content:"";position:absolute;inset:8px 7px;border-radius:3px;background:linear-gradient(160deg,#0e2a52,#061224);}

/* ---------- Hero carousel ---------- */
.hl-hero{overflow:hidden;background:#0b0e13;}
/*.hl-hero-slide{height:calc(100vh - var(--hl-nav-h,60px));min-height:420px;}*/
.hl-hero-slide img{width:100%;height:100%;object-position:center;display:block;}
@media (max-width:767.98px){
  .hl-hero-slide{height:auto;min-height:0;}
  .hl-hero-slide img{height:auto;object-fit:fill;}
}
.hl-hero .carousel-control-prev,.hl-hero .carousel-control-next{width:56px;opacity:.6;}
.hl-hero .carousel-control-prev:hover,.hl-hero .carousel-control-next:hover{opacity:1;}
.hl-hero .carousel-control-prev-icon,.hl-hero .carousel-control-next-icon{
  width:2.6rem;height:2.6rem;background-color:rgba(0,0,0,.35);border-radius:50%;background-size:1.2rem;
}
.hl-hero .carousel-indicators [data-bs-target]{width:10px;height:10px;border-radius:50%;border:none;background-color:#c3ccd8;}
.hl-hero .carousel-indicators .active{background-color:#5b6470;}


/* ---------- About Us (homepage) ---------- */
.hl-about-media .hl-about-float{position:absolute;left:-14px;bottom:-24px;max-width:260px;}
.hl-about-ico{
  width:52px;height:52px;border-radius:14px;flex-shrink:0;
  background:linear-gradient(145deg,var(--hl-blue),#0d47d9);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:1.4625rem;
}
.hl-stat-card{
  background:#fff;border-radius:14px;box-shadow:0 8px 28px rgba(20,25,35,.07);
  transition:transform .25s,box-shadow .25s;
}
.hl-stat-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(20,25,35,.13);}
.hl-stat-value{font-size:2.4625rem;font-weight:800;color:var(--hl-dark);line-height:1.1;}
.hl-stat-name{color:#8b93a0;font-size:1rem;margin-top:.3rem;}
.badge-pill{
  display:inline-block;background:#e8efff;color:var(--hl-blue);
  font-size:.8625rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;
  padding:.35rem 1rem;border-radius:20px;
}

/* ---------- Reviews ---------- */
.hl-reviews{background:var(--hl-gray);}
.hl-review-card{background:#fff;border:none;border-radius:12px;box-shadow:0 6px 24px rgba(20,25,35,.06);}
.hl-review-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(145deg,#7f8ea3,#4a5666);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.6625rem;flex-shrink:0;}
.hl-stars{color:#f5a623;letter-spacing:2px;}
.hl-reviews .carousel-control-prev,.hl-reviews .carousel-control-next{width:48px;opacity:.55;}
.hl-reviews .carousel-control-prev:hover,.hl-reviews .carousel-control-next:hover{opacity:1;}
.hl-reviews .carousel-control-prev-icon,.hl-reviews .carousel-control-next-icon{
  width:2.4rem;height:2.4rem;background-color:rgba(17,18,22,.25);border-radius:50%;background-size:1.1rem;
}

/* ---------- News ---------- */
.hl-story-card{border:none;border-radius:10px;overflow:hidden;transition:box-shadow .25s,transform .25s;}
.hl-story-card:hover{box-shadow:0 16px 38px rgba(20,25,35,.14);transform:translateY(-2px);}
.hl-story-thumb{height:190px;position:relative;}
.hl-story-1{background:linear-gradient(180deg,#f2b23e 0%,#d96c2c 55%,#5c2d16 100%);}
.hl-story-2{background:linear-gradient(180deg,#3b4652 0%,#232b34 60%,#101418 100%);}
.hl-story-3{background:linear-gradient(180deg,#8ea7bd 0%,#53637a 55%,#232c3a 100%);}
.hl-story-thumb .deco{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:66%;height:62%;background:rgba(10,12,16,.55);border-radius:10px 10px 0 0;}
.hl-story-thumb .crowd{position:absolute;left:0;right:0;bottom:0;height:34%;background:radial-gradient(circle at 20% 100%,rgba(0,0,0,.65),transparent 60%),radial-gradient(circle at 70% 100%,rgba(0,0,0,.6),transparent 55%);}
.hl-story-card h4{font-size:1.1125rem;font-weight:700;}
.hl-story-card p{font-size:.9rem;color:#6b7280;}
.hl-story-card .date{font-size:.8125rem;color:#9aa1ab;letter-spacing:.5px;}

/* ---------- Contact (light) ---------- */
.hl-contact{background:var(--hl-gray);}
.hl-contact .hl-section-title{color:#21252b;}
.hl-contact-item{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.8rem;}
.hl-contact-item .ico{
  width:46px;height:46px;border-radius:10px;background:#e8efff;
  display:flex;align-items:center;justify-content:center;font-size:1.2625rem;color:var(--hl-blue);flex-shrink:0;
}
.hl-contact-item h6{font-size:.8625rem;letter-spacing:1.5px;text-transform:uppercase;color:#8b93a0;margin-bottom:.25rem;}
.hl-contact-item p{margin:0;color:#3a3f47;font-size:1rem;line-height:1.6;}
.hl-contact .form-control,.hl-contact .form-select{
  background:#fff;border:1px solid #e3e7ed;color:#21252b;border-radius:8px;padding:.7rem .9rem;font-size:1rem;
}
.hl-contact .form-control:focus,.hl-contact .form-select:focus{
  background:#fff;border-color:var(--hl-blue);color:#21252b;box-shadow:0 0 0 .2rem rgba(30,107,255,.12);
}
.hl-contact .form-control::placeholder{color:#9aa1ab;}
.hl-contact .form-select:invalid{color:#9aa1ab;}
.hl-contact .btn-send{background:var(--hl-blue);border:none;color:#fff;font-weight:600;padding:.7rem 2.2rem;border-radius:8px;}
.hl-contact .btn-send:hover{background:#1554d6;color:#fff;}
/* ---------- Footer ---------- */
.hl-footer{background:var(--hl-dark);color:rgba(255,255,255,.75);}
.hl-footer-main{padding:5rem 0 4rem;}
.hl-footer h6{color:#fff;font-size:.8625rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:1.4rem;}
.hl-footer a{color:rgba(255,255,255,.6);font-size:.9rem;display:inline-block;padding:.32rem 0;}
.hl-footer a:hover{color:#fff;}
.hl-footer .form-control{background:#fff;border:none;font-size:.9rem;padding:.65rem .9rem;}
.hl-footer .btn-signup{background:var(--hl-red);border:none;color:#fff;font-weight:600;font-size:.9rem;padding:.45rem 1.8rem;}
.hl-footer .btn-signup:hover{background:#c92f3b;color:#fff;}
.hl-footer-social a{font-size:1.2rem;margin-left:1.1rem;padding:.2rem 0;}
.hl-footer-bottom{border-top:1px solid rgba(255,255,255,.1);font-size:.8625rem;color:rgba(255,255,255,.45);padding:1.6rem 0;}

/* ---------- Store button & language switcher ---------- */
.hl-store-btn{
  display:inline-flex;align-items:center;gap:.45rem;
  background:var(--hl-red);color:#fff;border-radius:30px;
  padding:.5rem 1.25rem;font-size:1rem;font-weight:600;line-height:1;
  transition:background .2s;white-space:nowrap;
}
.hl-store-btn:hover{background:#c92f3b;color:#fff;}
.hl-store-btn .bi-bag{font-size:1.0625rem;}
.hl-lang .dropdown-toggle::after{display:none;margin-left:0;}
.hl-lang .nav-icon{display:flex;align-items:center;}
.hl-lang-menu{
  border:none;border-radius:12px;padding:.5rem;min-width:170px;
  box-shadow:0 12px 30px rgba(15,20,30,.15);
}
.hl-lang-menu .dropdown-item{
  display:flex;align-items:center;gap:.65rem;border-radius:8px;
  padding:.55rem .85rem;font-size:1rem;color:#21252b;
}
.hl-lang-menu .dropdown-item:hover{background:#f3f7ff;color:var(--hl-blue);}

/* ---------- Support hover dropdown ---------- */
.hl-support{position:relative;display:flex;align-items:center;}
.hl-support-menu{
  position:absolute;right:-10px;top:100%;padding-top:6px;z-index:1040;
  display:none;min-width:230px;
}
.hl-support:hover .hl-support-menu{display:block;}
.hl-support-item{
  display:flex;align-items:center;gap:.75rem;background:#fff;
  border-radius:12px;box-shadow:0 12px 30px rgba(15,20,30,.15);
  padding:.9rem 1.1rem;text-decoration:none;
}
.hl-support-item + .hl-support-item{margin-top:.5rem;}
.hl-support-item .ico{
  width:40px;height:40px;border-radius:50%;background:#e8efff;color:var(--hl-blue);
  display:flex;align-items:center;justify-content:center;font-size:1.1125rem;flex-shrink:0;
}
.hl-support-item .txt small{
  display:block;font-size:.7425rem;letter-spacing:1px;text-transform:uppercase;color:#9aa1ab;
}
.hl-support-item .txt b{font-size:1rem;color:#21252b;font-weight:600;white-space:nowrap;}
.hl-support-item:hover .txt b{color:var(--hl-blue);}
.hl-store-dd{margin-left:.5rem;}
.hl-store-dd .hl-support-menu{right:0;min-width:250px;}
.hl-store-item{border:1px solid #eef1f5;}
.hl-store-item .ico{background:#fdecee;color:var(--hl-red);}

/* ---------- Contact info links (tel / wa.me / mailto) ---------- */
.hl-contact-item a{color:inherit;text-decoration:none;word-break:break-all;}
.hl-contact-item a:hover{color:var(--hl-blue);}

/* ---------- Mobile popup for header dropdowns ---------- */
.hl-pop-modal .modal-content{border:none;border-radius:16px;overflow:hidden;}
.hl-pop-modal .modal-header{border-bottom:1px solid #eef1f5;padding:.9rem 1.25rem;}
.hl-pop-modal .modal-title{font-size:1.0625rem;font-weight:700;color:#21252b;}
.hl-pop-modal .modal-body{padding:1rem 1.25rem 1.25rem;}
.hl-pop-modal ul{list-style:none;margin:0;padding:0;}
.hl-pop-modal li{list-style:none;}
.hl-pop-modal .hl-support-item{box-shadow:none;border:1px solid #eef1f5;padding:.85rem 1rem;}
.hl-pop-modal .dropdown-item{padding:.8rem .85rem;font-size:1.0625rem;}
@media (max-width:575.98px){
  .hl-pop-modal .hl-support-item{padding:.8rem .85rem;}
}
/* products mega inside mobile popup */
.hl-pop-modal .cat-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:.1rem 0 .8rem;border-bottom:1px solid #eef1f5;margin-bottom:.8rem;}
.hl-pop-modal .cat-item{display:inline-block;padding:.42rem .9rem;border:1px solid #e5e8ee;border-radius:999px;font-size:1rem;color:#3d434d;background:#fff;cursor:pointer;}
.hl-pop-modal .cat-item.active{background:var(--hl-blue);border-color:var(--hl-blue);color:#fff;}
.hl-pop-modal .hl-mega-panel{padding:0;}
.hl-pop-modal .hl-mega-pane{display:none;margin:0;padding:0;background:transparent;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;}
.hl-pop-modal .hl-mega-pane.active{display:grid;}
.hl-pop-modal .hl-mega-pane > [class*="col-"]{width:100%;max-width:100%;flex:0 0 auto;padding:0;}
.hl-pop-modal .hl-mega-pane .text-end{grid-column:1/-1;}
.hl-pop-modal .hl-mega-product{padding:.6rem .4rem;}
.hl-pop-modal .hl-mega-product .thumb{height:72px;}
.hl-pop-modal .hl-mega-product .thumb img{max-height:72px;}
.hl-pop-modal .hl-mega-product .name{font-size:1rem;-webkit-line-clamp:3;min-height:0;}

/* ---------- Back to top ---------- */
.hl-backtop{
  position:fixed;right:1.2rem;bottom:1.4rem;z-index:1050;
  width:44px;height:44px;border-radius:50%;
  background:var(--hl-red);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:1.2rem;
  box-shadow:0 8px 20px rgba(20,25,35,.25);text-decoration:none;
  opacity:0;visibility:hidden;transform:translateY(14px);
  transition:opacity .25s,transform .25s,visibility .25s,background .2s;
}
.hl-backtop.show{opacity:1;visibility:visible;transform:translateY(0);}
.hl-backtop:hover{background:#c92f3b;color:#fff;}
.hl-buy-store-item{
  display:flex;flex-direction:column;align-items:center;gap:.7rem;background:#fff;
  border:1px solid #e3e7ed;border-radius:16px;padding:2.4rem 1rem;text-align:center;
  transition:transform .25s,box-shadow .25s;height:100%;text-decoration:none;
}
.hl-buy-store-item:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(17,18,22,.10);border-color:var(--hl-blue);}
.hl-buy-store-item .ico{
  width:68px;height:68px;border-radius:50%;background:#fdecee;color:var(--hl-red);
  display:flex;align-items:center;justify-content:center;font-size:1.7625rem;
}
.hl-buy-store-item b{font-size:1.1625rem;color:#21252b;font-weight:700;}
.hl-buy-store-item small{color:var(--hl-blue);font-weight:600;font-size:.8625rem;letter-spacing:.5px;text-transform:uppercase;}
.hl-buy-store-item:hover small{color:#0d47d9;}
/* Where to buy: 一行一个店铺的横向卡片 */
.hl-buy-store-row{
  display:flex;align-items:center;gap:1.2rem;background:#fff;
  border:1px solid #e3e7ed;border-radius:14px;padding:1.1rem 1.5rem;text-decoration:none;
  transition:transform .25s,box-shadow .25s,border-color .25s;
}
.hl-buy-store-row:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(17,18,22,.10);border-color:var(--hl-blue);}
.hl-buy-store-row .ico{
  width:52px;height:52px;border-radius:12px;background:#fdecee;color:var(--hl-red);
  display:flex;align-items:center;justify-content:center;font-size:1.4625rem;flex-shrink:0;
}
.hl-buy-store-row b{font-size:1.2rem;color:#21252b;font-weight:700;}
.hl-buy-store-row small{color:var(--hl-blue);font-weight:600;font-size:.8625rem;letter-spacing:.5px;text-transform:uppercase;}
.hl-buy-store-row:hover small{color:#0d47d9;}
@media (max-width:575px){.hl-buy-store-row b{font-size:1.0625rem;}.hl-buy-store-row small{display:none;}}

/* ---------- Sub-page common ---------- */
.hl-page-head{background:var(--hl-gray);padding:3rem 0;}
.hl-page-head h1{font-size:2.2625rem;font-weight:800;}
.hl-breadcrumb{font-size:.9rem;margin-bottom:0;}
.hl-breadcrumb a{color:#8b93a0;}
.hl-breadcrumb a:hover{color:var(--hl-blue);}
.hl-breadcrumb .bi-chevron-right{font-size:.6625rem;margin:0 .5rem;color:#c3c9d2;}
.hl-side-title{font-size:1.1625rem;font-weight:700;margin-bottom:1rem;}
.hl-side-link{
  display:flex;justify-content:space-between;align-items:center;padding:.7rem .9rem;
  color:#4a4f58;font-size:1rem;border-radius:8px;cursor:pointer;
}
.hl-side-link:hover{background:#eef0f4;color:var(--hl-blue);}
.hl-side-link.active{background:#eef4ff;color:var(--hl-blue);font-weight:600;}
.hl-side-link .bi-chevron-down{font-size:.7625rem;transition:transform .2s;}
.hl-side-link[aria-expanded="true"] .bi-chevron-down{transform:rotate(180deg);}
.hl-side-sub a{display:block;padding:.4rem 1.4rem;font-size:.9rem;color:#7b8290;}
.hl-side-sub a:hover{color:var(--hl-blue);}

/* ---------- Product detail ---------- */
.hl-gallery-main{
  background:var(--hl-gray);border-radius:12px;overflow:hidden;
  display:flex;align-items:center;justify-content:center;position:relative;
}
.hl-gallery-main img{width:100%;height:auto;object-fit:contain;cursor:zoom-in;}
.hl-gallery-thumbs{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin-top:1rem;}
.hl-gthumb{
  width:88px;height:66px;border-radius:8px;overflow:hidden;border:2px solid transparent;
  cursor:pointer;flex-shrink:0;background:var(--hl-gray);
}
.hl-gthumb img{width:100%;height:100%;object-fit:cover;}
.hl-gthumb.active{border-color:#f28627;}
.hl-detail-desc-title{font-size:1.4125rem;font-weight:700;color:#21252b;position:relative;padding-left:14px;}
.hl-detail-desc-title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:1.1em;border-radius:2px;background:var(--hl-blue);}
.hl-gthumb:hover{border-color:#f28627;}
.hl-detail-title{font-size:1.9625rem;font-weight:800;line-height:1.3;}
.hl-feature-list{list-style:none;padding:0;margin:0;}
.hl-feature-list li{
  padding:.4rem 0 0 1.3rem;position:relative;font-size:1rem;color:#3a3f47;
}
.hl-feature-list li::before{content:"○";position:absolute;left:0;color:#9aa1ab;}
.article-body img{max-width:100%;height:auto;border-radius:8px;}
.article-body p{margin-bottom:1rem;}
.spec-table th{width:220px;color:#5b6470;font-weight:600;}

/* ---------- Buy page ---------- */
.hl-custom-area{
  border:2px dashed #c9d0da;border-radius:12px;background:#fbfcfe;
  min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  color:#9aa1ab;font-size:1rem;
}
.hl-buy-select{max-width:300px;}
.hl-store-card{
  background:#fff;border:1px solid #eceef1;border-radius:10px;height:120px;width:200px;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1625rem;
  transition:box-shadow .25s,transform .25s;
}
.hl-store-card:hover{box-shadow:0 12px 28px rgba(20,25,35,.12);transform:translateY(-2px);}
.hl-store-aliexpress{color:#ff4747;}
.hl-store-amazon{color:#232f3e;}
.hl-store-ebay{color:#0064d2;}
.hl-store-official{color:var(--hl-blue);}

/* ---------- Download pages ---------- */
.hl-dl-card{
  background:var(--hl-gray);border:none;border-radius:10px;padding:1.2rem 1.5rem;
  display:flex;justify-content:space-between;align-items:center;transition:box-shadow .25s;
}
.hl-dl-card:hover{box-shadow:0 10px 26px rgba(20,25,35,.1);}
.hl-dl-card h6{margin:0;font-weight:700;font-size:1rem;}
.hl-dl-card .meta{font-size:.8625rem;color:#9aa1ab;margin-top:.2rem;}
.hl-dl-btn{
  width:40px;height:40px;border-radius:8px;background:#fff;border:1px solid #e3e7ed;
  display:flex;align-items:center;justify-content:center;color:#21252b;font-size:1.1625rem;flex-shrink:0;
}
.hl-dl-btn:hover{background:var(--hl-blue);color:#fff;border-color:var(--hl-blue);}
.hl-dl-big{
  background:var(--hl-gray);border:none;border-radius:10px;padding:2rem 1.4rem;text-align:center;
  transition:box-shadow .25s,transform .25s;height:100%;
}
.hl-dl-big:hover{box-shadow:0 12px 30px rgba(20,25,35,.12);transform:translateY(-2px);}
.hl-dl-big .ico{font-size:2.0625rem;color:#5b6470;margin-bottom:.8rem;}

/* ---------- About page (dark) ---------- */
.hl-about{background:#fff;color:#21252b;}
.hl-about .hl-about-title{font-size:2.4625rem;font-weight:900;color:#21252b;}
.hl-about-hero {
  background: radial-gradient(90% 130% at 85% 0%, #1B334F 0%, #0F1D2D 55%, #050506 100%);
  color: #fff;
}
.hl-about-hero .hl-about-title{color:#fff;}
.hl-about-card{background:#fff;border:1px solid #e3e7ed;border-radius:12px;}
.hl-about-card.accent-blue{border-top:4px solid var(--hl-blue);}
.hl-about-card.accent-red{border-top:4px solid var(--hl-red);}
.hl-about-band{background:var(--hl-gray);}
.hl-value-card{background:#fff;border:1px solid #e3e7ed;border-radius:12px;padding:1.8rem;transition:transform .25s,box-shadow .25s;}
.hl-value-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(17,18,22,.08);}
.hl-value-card .ico{
  width:52px;height:52px;border-radius:50%;background:#e8efff;color:var(--hl-blue);
  display:flex;align-items:center;justify-content:center;font-size:1.3625rem;margin-bottom:1.2rem;
}
.hl-value-card .ico.ico-red{background:#fdecee;color:var(--hl-red);}
.hl-value-card .ico.ico-teal{background:#e0f5f4;color:#0f9d92;}
.hl-value-card .ico.ico-orange{background:#fef1e2;color:#e8850c;}
.hl-value-card .ico.ico-purple{background:#f1eafd;color:#7c4dff;}
.hl-value-card .ico.ico-green{background:#e6f6ea;color:#2e9e4f;}
.hl-value-card h5{font-size:1.1625rem;font-weight:700;color:#21252b;}
.hl-marquee{overflow:hidden;position:relative;}
.hl-marquee-track{display:flex;gap:14px;width:max-content;animation:hl-scroll 40s linear infinite;}
.hl-marquee-track.reverse{animation-direction:reverse;}
.hl-marquee:hover .hl-marquee-track{animation-play-state:paused;}
.hl-marquee img{
  width:260px;height:170px;object-fit:cover;border-radius:10px;display:block;
  filter:brightness(.92);
}
@keyframes hl-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.hl-history-year{
  background:none;border:none;color:#8b93a0;font-weight:700;font-size:1.1625rem;
  padding:.6rem 1.1rem;position:relative;
}
.hl-history-year.active{color:#21252b;}
.hl-history-year.active::after{
  content:"";position:absolute;left:20%;right:20%;bottom:0;height:3px;background:var(--hl-blue);border-radius:2px;
}
.hl-history-img{
  background:#eef3ff;border-radius:12px;height:260px;display:flex;align-items:center;justify-content:center;
}
.hl-history-card{
  background:#fff;border:1px solid #e3e7ed;border-left:4px solid var(--hl-blue);
  border-radius:12px;padding:1.6rem 1.8rem;transition:transform .25s,box-shadow .25s;
}
.hl-history-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(17,18,22,.08);}
.hl-history-card h5{color:#21252b;}
.hl-history-card p{font-size:1rem;line-height:1.8;}
.hl-stat-num{color:var(--hl-red);font-size:2.0625rem;font-weight:800;}
.hl-stat-label{color:#6b7280;font-size:1rem;}
.hl-stats-band{background:linear-gradient(120deg,#1e6bff 0%,#0d47d9 100%);border-radius:16px;color:#fff;box-shadow:0 18px 40px rgba(30,107,255,.25);}
.hl-stats-band .hl-about-title{color:#fff;}
.hl-stats-band .hl-stat-num{color:#fff;}
.hl-stats-band .hl-stat-label{color:rgba(255,255,255,.78);}

/* ---------- from lists_article.htm ---------- */
.hl-news-cat{
    position:absolute;left:16px;top:16px;background:rgba(255,255,255,.92);color:var(--hl-blue);
    font-size:.7625rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;
    padding:.25rem .7rem;border-radius:20px