.hds-dark-header{background:#ffffff!important;box-shadow:none!important;border-bottom:1px solid rgba(59,130,246,.1);position:fixed!important;top:0!important;left:0!important;width:100%!important;z-index:1000!important;margin-top:0!important;transform:none!important}.hds-header{width:100%;max-width:1400px;margin:0 auto;padding:0 40px}.hds-header-inner{display:flex;align-items:center;justify-content:space-between;height:90px}.hds-logo{display:flex;align-items:center;gap:12px;cursor:pointer;text-decoration:none;max-width:250px}@media screen and (max-width: 991px){.hds-nav{display:none}}.hds-nav-list{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0}.hds-nav-item   .hds-nav-link{font-family:Inter,sans-serif;font-size:15px;font-weight:500;color:#ffffffbf;padding:8px 20px;cursor:pointer;transition:all .3s ease;border-radius:6px;letter-spacing:.3px}.hds-nav-item   .hds-nav-link:hover{color:#fff;background:rgba(59,130,246,.1)}.mobile-toggle{display:none!important}@media screen and (max-width: 991px){.mobile-toggle{display:flex!important;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(59,130,246,.15)!important;border-radius:8px;cursor:pointer}.mobile-toggle   i{color:#fff;font-size:20px}}.body{padding-top:70px}@media (max-width: 991px){.body{padding-top:60px}}.hds-smart-footer{background-color:#ffffff;color:#94a3b8;padding:80px 0 0;font-family:Inter,sans-serif}.hds-smart-footer   .hds-footer-main{padding-bottom:60px}.hds-smart-footer   .hds-footer-brand{margin-bottom:40px;padding-right:40px}@media screen and (max-width: 991px){.hds-smart-footer   .hds-footer-brand{padding-right:15px}}.hds-smart-footer   .hds-footer-logo-wrap{margin-bottom:24px}.hds-smart-footer   .hds-footer-logo-svg{display:flex;align-items:center;gap:12px}.hds-smart-footer   .hds-footer-logo-svg   img{max-width:250px;height:auto;filter:brightness(1.2)}.hds-smart-footer   .hds-footer-logo{max-width:180px;height:auto;filter:brightness(1.2)}.hds-smart-footer   .hds-footer-desc{font-size:14px;line-height:1.8;color:#64748b;margin:0}.hds-smart-footer   .hds-contact-item{display:flex;align-items:flex-start;color:#64748b;font-size:14px;line-height:1.6}.hds-smart-footer   .hds-contact-item   .contact-icon{flex-shrink:0;margin-top:2px;margin-right:10px}.hds-smart-footer   .hds-contact-item.hds-email-link{font-weight:500;text-decoration:none;transition:all .3s ease;align-items:center}.hds-smart-footer   .hds-contact-item.hds-email-link   .contact-icon{margin-top:0}.hds-smart-footer   .hds-contact-item.hds-email-link:hover{color:#fff;transform:translate(4px)}.hds-smart-footer   .hds-footer-links-col{margin-bottom:40px}.hds-smart-footer   .hds-footer-title{font-size:13px;font-weight:700;color:#3b82f6;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:24px}.hds-smart-footer   .hds-footer-links{list-style:none;padding:0;margin:0}.hds-smart-footer   .hds-footer-links   li{margin-bottom:16px}.hds-smart-footer   .hds-footer-links   li:last-child{margin-bottom:0}.hds-smart-footer   .hds-footer-links   a{color:#94a3b8;font-size:14px;text-decoration:none;transition:all .2s ease}.hds-smart-footer   .hds-footer-links   a:hover{color:#fff;padding-left:4px}.hds-smart-footer   .hds-footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding:24px 0;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 767px){.hds-smart-footer   .hds-footer-bottom{flex-direction:column;gap:16px;text-align:center}}.hds-smart-footer   .hds-copyright{font-size:13px;color:#475569}.scroll-top-btn{width:40px;height:40px;background-color:#3b82f6;position:fixed;bottom:40px;right:50px;cursor:pointer;border-radius:8px;box-shadow:0 4px 20px #3b82f666;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.scroll-top-btn   img{width:20px;filter:brightness(10)}.scroll-top-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #3b82f680}.scroll-top-btn:active{transform:translateY(0)}.disable{display:none!important}#side-nav-panel{background:#ffffff!important;box-shadow:-5px 0 25px #00000080}#side-nav-panel   .side-nav-panel-close{position:absolute;top:20px;right:24px;z-index:10;cursor:pointer}#side-nav-panel   .side-nav-panel-close   i{color:#94a3b8;font-size:24px;transition:color .3s ease}#side-nav-panel   .side-nav-panel-close   i:hover{color:#fff}#side-nav-panel   .menu-wrap{padding-top:60px}#side-nav-panel   .menu-wrap   .mobile-menu{background:transparent!important;margin:0;padding:0;border:none!important}#side-nav-panel   .menu-wrap   .mobile-menu   li{background:transparent!important;border-bottom:1px solid rgba(255,255,255,.05)!important;border-top:none!important;border-left:none!important;border-right:none!important;margin:0;padding:0}#side-nav-panel   .menu-wrap   .mobile-menu   li:last-child{border-bottom:none!important}#side-nav-panel   .menu-wrap   .mobile-menu   li   a, #side-nav-panel   .menu-wrap   .mobile-menu   li   .link{display:block;padding:16px 24px;color:#fffc!important;font-family:Inter,sans-serif;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;background:transparent!important}#side-nav-panel   .menu-wrap   .mobile-menu   li   a:hover, #side-nav-panel   .menu-wrap   .mobile-menu   li   a.current, #side-nav-panel   .menu-wrap   .mobile-menu   li   .link:hover, #side-nav-panel   .menu-wrap   .mobile-menu   li   .link.current{color:#fff!important;background:rgba(255,255,255,.03)!important;padding-left:28px}@media screen and (max-width: 1440px){.hds-header{padding:0 24px}.scroll-top-btn{bottom:40px;right:20px}}
.announce-backdrop{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);backdrop-filter:blur(6px)}.announce-modal{background:rgba(255,255,255,.9);border-radius:26px;max-width:980px;width:95%;padding:36px 44px;position:relative;box-shadow:0 30px 80px #00000059}.announce-close{position:absolute;top:14px;right:16px;width:40px;height:40px;border-radius:50%;border:none;font-size:28px;background:rgba(0,0,0,.6);color:#fff;cursor:pointer}.announce-brand{text-align:center;font-size:52px;font-weight:800;margin-bottom:10px}.announce-brand   .s{background:linear-gradient(180deg,#ff9500,#ff3b30);-webkit-background-clip:text;color:transparent}.announce-brand   span{color:#777}.announce-brand   img{max-width:300px}.announce-title{text-align:center;font-size:28px;font-weight:900;margin-bottom:0;background:linear-gradient(90deg,#ff3b30,#ff9500);-webkit-background-clip:text;color:transparent}.announce-content{font-size:17px;line-height:1.6;color:#555}.announce-box{background:rgba(255,255,255,.7);border-radius:14px;padding:14px 16px;margin:18px 0}.announce-box   div{margin:6px 0}.new-name{color:#ff7a00;font-weight:800}.new-name   b{color:#555}.address{font-style:italic}@media (max-width: 640px){.announce-modal{padding:22px 18px;border-radius:20px}.announce-brand{font-size:40px}.announce-title{font-size:22px}.announce-content{font-size:15px}}.hds-banner{background:linear-gradient(135deg,#ffffff 0%,#0f1d35 40%,#111f3a 100%);padding:0;position:relative;overflow:hidden}.hds-banner:before{content:"";position:absolute;top:-50%;left:-20%;width:60%;height:200%;background:radial-gradient(ellipse,rgba(59,130,246,.05) 0%,transparent 70%);pointer-events:none}.hds-banner-inner{max-width:1400px;margin:0 auto;padding:80px 40px 40px;display:flex;align-items:center;gap:60px}@media screen and (max-width: 991px){.hds-banner-inner{flex-direction:column;padding:50px 24px 30px;gap:40px}}.hds-banner-content{flex:1;min-width:0}.hds-banner-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border:1px solid rgba(59,130,246,.3);border-radius:100px;background:rgba(59,130,246,.08);margin-bottom:32px}.hds-banner-badge   span{font-family:Inter,sans-serif;font-size:11px;font-weight:600;color:#60a5fa;letter-spacing:1.5px;text-transform:uppercase}.hds-banner-badge   svg{flex-shrink:0}.hds-banner-title{font-family:Inter,sans-serif;font-size:48px;font-weight:800;color:#fff;line-height:1.15;margin:0 0 24px;letter-spacing:-.5px}@media screen and (max-width: 991px){.hds-banner-title{font-size:36px}}@media screen and (max-width: 639px){.hds-banner-title{font-size:28px}}.hds-gradient-text{background:linear-gradient(90deg,#3b82f6 0%,#60a5fa 50%,#93c5fd 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hds-banner-desc{font-family:Inter,sans-serif;font-size:15px;font-weight:400;color:#fff9;line-height:1.7;margin:0 0 36px;max-width:520px}.hds-banner-cta{display:inline-flex;align-items:center;gap:10px;padding:12px 28px;background:#2563eb;border-radius:8px;cursor:pointer;transition:all .3s ease;border:none}.hds-banner-cta   span{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#fff;letter-spacing:.3px}.hds-banner-cta   svg{flex-shrink:0}.hds-banner-cta:hover{background:#3b82f6;transform:translateY(-1px);box-shadow:0 8px 30px #2563eb66}.hds-banner-cta:active{transform:translateY(0)}.hds-banner-image{flex:0 0 480px;max-width:480px}@media screen and (max-width: 991px){.hds-banner-image{flex:none;max-width:100%;width:100%}}.hds-banner-img-wrapper{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 40px #3b82f626;border:1px solid rgba(59,130,246,.15)}.hds-banner-img-wrapper   img{width:100%;height:auto;display:block;object-fit:cover}.hds-banner-img-wrapper   .hds-banner-img-glow{position:absolute;inset:0;background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,transparent 50%);pointer-events:none}.hds-banner-services{overflow:hidden;border-top:1px solid rgba(255,255,255,.06);padding:16px 40px;max-width:1400px;margin:0 auto}@media screen and (max-width: 991px){.hds-banner-services{padding:16px 24px}}.hds-marquee-track{display:flex;width:max-content;animation:hds-marquee 25s linear infinite}.hds-marquee-track:hover{animation-play-state:paused}.hds-marquee-content{display:flex;align-items:center;flex-shrink:0}@keyframes hds-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.hds-service-item{display:inline-flex;align-items:center;gap:8px;padding:0 16px}@media screen and (max-width: 991px){.hds-service-item{padding:4px 8px}}.hds-service-item   span:last-child{font-family:Inter,sans-serif;font-size:12px;font-weight:500;color:#60a5fa;letter-spacing:.3px;white-space:nowrap}@media screen and (max-width: 639px){.hds-service-item   span:last-child{font-size:10px;white-space:normal}}.hds-service-dot{width:6px;height:6px;background:#3b82f6;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px #3b82f680}.hds-about-section{background:linear-gradient(160deg,#f0f4f8 0%,#e8eef6 40%,#f5f7fa 100%);padding:100px 0;position:relative;overflow:hidden}.hds-about-section:before{content:"";position:absolute;top:-30%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(37,99,235,.06) 0%,transparent 70%);pointer-events:none}.hds-about-section:after{content:"";position:absolute;bottom:-20%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(37,99,235,.04) 0%,transparent 70%);pointer-events:none}@media screen and (max-width: 639px){.hds-about-section{padding:50px 0}}.hds-about-inner{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;align-items:center;gap:60px}@media screen and (max-width: 991px){.hds-about-inner{flex-direction:column;padding:0 24px;gap:40px}}.hds-about-image{flex:0 0 460px;max-width:460px}@media screen and (max-width: 991px){.hds-about-image{flex:none;max-width:100%;width:100%}}.hds-about-img-wrapper{border-radius:16px;overflow:hidden;box-shadow:0 16px 50px #00000026}.hds-about-img-wrapper   img{width:100%;height:auto;display:block;object-fit:cover}.hds-about-content{flex:1;min-width:0}.hds-about-label{font-family:Inter,sans-serif;font-size:13px;font-weight:700;color:#2563eb;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px}.hds-about-title{font-family:Inter,sans-serif;font-size:34px;font-weight:800;color:#111827;line-height:1.25;margin:0 0 20px}@media screen and (max-width: 639px){.hds-about-title{font-size:26px}}.hds-about-desc{font-family:Inter,sans-serif;font-size:15px;font-weight:400;color:#6b7280;line-height:1.7;margin:0 0 32px}.hds-about-features{display:flex;flex-direction:column;gap:20px}.hds-feature-item{display:flex;align-items:flex-start;gap:14px}.hds-feature-icon{flex-shrink:0;margin-top:2px}.hds-feature-icon   svg{display:block}.hds-feature-text{font-family:Inter,sans-serif;font-size:14px;color:#4b5563;line-height:1.6}.hds-feature-text   strong{color:#111827;font-weight:700}.our-technology{padding-top:100px;padding-bottom:80px;max-width:1450px;margin:0 auto!important}.our-technology   .technology-item{box-shadow:0 4px 4px #00000040;background:#ffffff;border-radius:8px;padding:35px 30px 30px;position:relative;margin:0 0 30px!important;display:flex;align-items:center;justify-content:space-between;min-height:242px}.our-technology   .technology-item:after{position:absolute;content:"";top:50%;left:0;background:#fba919;width:18px;height:100%;border-radius:8px 0 0 8px;max-height:100%;transform:translateY(-50%)}.our-technology   .technology-item.col-green:after{background:#26e3c2}.our-technology   .technology-item.col-blue:after{background:#0e76bc}.our-technology   .technology-item   .left{padding:0 35px 0 20px}.our-technology   .technology-item   .left   .name{font-family:Calibri,sans-serif;font-size:20px;font-weight:700;line-height:25px;letter-spacing:0em;text-align:left;color:#0f0f0f;margin:0 0 10px}.our-technology   .technology-item   .left   .des{font-family:Calibri,sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0em;text-align:justify;color:#0f0f0f}.our-technology   .technology-item   .left   .des > div{margin:0 0 12px}.technology-wrapper{background:linear-gradient(0deg,rgba(0,0,0,.4),rgba(0,0,0,.4)),linear-gradient(0deg,#00559c,#00559c)}.technology-wrapper   h2{color:#fff;margin-top:40px;text-transform:uppercase}.technology-wrapper   .head   .inner{background:linear-gradient(90deg,#26e3c2 2.31%,#45a0f5 88.8%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Calibri,sans-serif;font-size:60px;font-weight:700;line-height:75px;letter-spacing:0em;text-align:center;display:flex;align-items:center;justify-content:center;position:relative}@media screen and (max-width: 639px){.technology-wrapper   .head   .inner{font-size:30px;line-height:35px;text-align:left}}.technology-wrapper   .head   .inner   .img{margin:0 15px 0 0}.technology-wrapper   .head   .inner   .img-right{position:absolute;right:17%;top:-75px}.technology-wrapper   .technology-content{margin:60px 0 0}.technology-wrapper   .technology-content   .col{margin:0 0 90px}.technology-wrapper   .technology-content   .col   .name{color:#fba919;font-family:Calibri,sans-serif;font-size:20px;font-weight:700;line-height:25px;letter-spacing:0em;text-align:justified;margin:0 0 10px}.technology-wrapper   .technology-content   .col   .name   span{margin:0 10px 0 0}.technology-wrapper   .technology-content   .col   .inner, .technology-wrapper   .technology-content   .col   .inner   p{color:#fcfcfc;text-align:justify}.solutions-wrapper{padding-bottom:110px;background:#fcfcfc;display:inline-block;width:100%}.solutions-wrapper   .section-solutions{max-width:1450px;margin:0 auto}@media screen and (max-width: 639px){.solutions-wrapper   .section-solutions{padding:0 10px}}.solutions-wrapper   h2{margin:110px 0 55px;text-transform:uppercase}.solutions-wrapper   .description{text-align:justify}.solutions-wrapper   .col-left{padding:34px 24px;margin:0 0 50px;border-radius:8px;gap:10px;background:rgba(203,204,204,.2509803922);height:780px;max-height:780px;overflow-y:scroll}@media screen and (max-width: 767px){.solutions-wrapper   .col-left{height:auto;max-height:100%;margin:30px 0 0;overflow:auto}}.solutions-wrapper   .col-left::-webkit-scrollbar{width:8px}.solutions-wrapper   .col-left::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #d9d9d9;border-radius:8px}.solutions-wrapper   .col-left::-webkit-scrollbar-thumb{background:#949494;border-radius:8px}.solutions-wrapper   .col-right{border-radius:8px;gap:10px;max-height:780px;overflow-y:scroll;padding-left:30px}@media screen and (max-width: 767px){.solutions-wrapper   .col-right{height:auto;max-height:100%;overflow:auto;padding-left:15px}}.solutions-wrapper   .col-right::-webkit-scrollbar{width:8px}.solutions-wrapper   .col-right::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #d9d9d9;border-radius:8px}.solutions-wrapper   .col-right::-webkit-scrollbar-thumb{background:#949494;border-radius:8px}.solutions-wrapper   .solution-list   .solution-item{border-bottom:1px solid rgba(18,17,39,.1215686275);padding-bottom:30px;margin-bottom:30px;padding-right:20px}.solutions-wrapper   .solution-list   .solution-item   .item-inner{cursor:pointer;display:flex;padding:10px;border-radius:8px;position:relative}.solutions-wrapper   .solution-list   .solution-item   .item-inner.active{background:rgba(203,204,204,.2509803922)}.solutions-wrapper   .solution-list   .solution-item   .item-inner.active:after{position:absolute;content:"";right:-25px;top:50%;transform:translateY(-50%);z-index:22;border-left:16px solid #bebebe;border-top:16px solid transparent;border-bottom:16px solid transparent}@media screen and (max-width: 767px){.solutions-wrapper   .solution-list   .solution-item   .item-inner.active:after{display:none}}.solutions-wrapper   .solution-list   .solution-item   .item-inner:hover{background:rgba(203,204,204,.2509803922)}.solutions-wrapper   .solution-list   .solution-item   .item-inner   .img{border-radius:8px;overflow:hidden;max-width:265px}@media screen and (max-width: 639px){.solutions-wrapper   .solution-list   .solution-item   .item-inner   .img{max-width:55%}}.solutions-wrapper   .solution-list   .solution-item   .item-inner   .info{padding:0 0 0 24px}.solutions-wrapper   .solution-list   .solution-item   .item-inner   .info   .tag{padding:1px 16px;border-radius:100px;background:#4e8af4;color:#fff;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;line-height:22px;letter-spacing:0px;text-align:center;margin:0 0 16px}.solutions-wrapper   .solution-list   .solution-item   .item-inner   .info   .name{font-family:Calibri,sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px;text-align:left}.whychoose-wrapper{padding:120px 0 0;background-position:top center;background-repeat:no-repeat;background-size:cover}.whychoose-wrapper   .section-whychoose{max-width:1450px;margin:0 auto}@media screen and (max-width: 639px){.whychoose-wrapper   .section-whychoose{padding:0 30px}}.whychoose-wrapper   h2{color:#fff;text-transform:uppercase;padding-bottom:75px}.whychoose-wrapper   .whychoose-content{padding-bottom:85px}.whychoose-wrapper   .whychoose-content   .col{margin:0 0 50px;padding-top:60px;padding-bottom:50px;border-radius:8px;box-shadow:0 4px 4px #00000040;background:#ffffff}.whychoose-wrapper   .whychoose-content   .col   .inner{padding:35px 30px 30px;position:relative}.whychoose-wrapper   .whychoose-content   .col   .inner   .name{font-family:Calibri,sans-serif;font-size:20px;font-weight:700;line-height:25px;letter-spacing:0em;text-align:left;color:#0f0f0f;margin:0 0 10px;text-align:center}.whychoose-wrapper   .whychoose-content   .col   .inner   .text{font-family:Calibri,sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0em;text-align:justify;color:#0f0f0f;height:60px}@media screen and (max-width: 767px){.whychoose-wrapper   .whychoose-content   .col   .inner   .text{height:auto}}.news-wrapper{padding:70px 0 90px}.news-wrapper   .section-new{max-width:1450px;margin:0 auto}@media screen and (max-width: 639px){.news-wrapper   .section-new{padding:0 10px}}.news-wrapper   h2{margin:0 0 40px;text-transform:uppercase}.news-wrapper   .news-content   .carousel-control-prev{width:30px;left:-50px}@media screen and (max-width: 639px){.news-wrapper   .news-content   .carousel-control-prev{left:0}}.news-wrapper   .news-content   .carousel-control-next{width:30px;right:-50px}@media screen and (max-width: 639px){.news-wrapper   .news-content   .carousel-control-next{right:0}}.news-wrapper   .news-content   .carousel-item   .new-item{margin:0 0 50px;display:flex}.news-wrapper   .news-content   .carousel-item   .new-item   .left{padding:0 40px 0 0;width:60%}.news-wrapper   .news-content   .carousel-item   .new-item   .right{width:40%}.news-wrapper   .news-content   .carousel-item   .new-item   .name{font-family:Calibri,sans-serif;font-size:24px;font-weight:700;line-height:29px;letter-spacing:0em;color:#0f0f0f;margin:0 0 30px}.news-wrapper   .news-content   .carousel-item   .new-item   .des{font-family:Calibri,sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0em;text-align:justify;color:#0f0f0f;margin:0 0 15px}.news-wrapper   .news-content   .carousel-item   .new-item   .btn-more{color:#0e76bc;text-decoration:underline;font-family:Calibri,sans-serif;font-size:14px;font-weight:400;line-height:17px;letter-spacing:0em;cursor:pointer;text-align:right}@property --border-angle{syntax: "<angle>"; inherits: true; initial-value: 0turn;}.btn-contact-custom{background:rgba(255,255,255,.2)!important;border:none!important;transition:background-color .3s ease,color .3s ease!important}.btn-contact-custom:hover{background-color:#ffb74d!important;color:#fff!important}.hds-products-section{background-color:#f8fafc;position:relative;padding:100px 0 120px;z-index:1;overflow:hidden}.hds-products-section   .hds-particles-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;pointer-events:none}.hds-products-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at top center,rgba(59,130,246,.05) 0%,rgba(248,250,252,.6) 60%,#f8fafc 100%);z-index:-1;pointer-events:none}@media screen and (max-width: 991px){.hds-products-section{padding:60px 0 80px}}.hds-products-inner{max-width:1400px;margin:0 auto;padding:0 40px}@media screen and (max-width: 991px){.hds-products-inner{padding:0 24px}}.hds-products-header{text-align:center;margin-bottom:60px}.hds-products-label{font-family:Inter,sans-serif;font-size:13px;font-weight:700;color:#2563eb;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px}.hds-products-title{font-family:Inter,sans-serif;font-size:38px;font-weight:800;color:#111827;margin:0 0 20px}@media screen and (max-width: 639px){.hds-products-title{font-size:28px}}.hds-products-desc{font-family:Inter,sans-serif;font-size:16px;font-weight:400;color:#6b7280;line-height:1.6;margin:0 auto}.hds-products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media screen and (max-width: 1100px){.hds-products-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 767px){.hds-products-grid{grid-template-columns:1fr}}.hds-product-card{background:#ffffff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease;box-shadow:0 4px 6px #00000005}.hds-product-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000014;border-color:#d1d5db}.hds-card-image{position:relative;height:240px;width:100%;background:#111827;overflow:hidden}.hds-card-image   img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.hds-card-image   .hds-card-brand-tag{position:absolute;top:16px;left:16px;background:rgba(17,24,39,.8);backdrop-filter:blur(4px);color:#93c5fd;font-family:Inter,sans-serif;font-size:11px;font-weight:700;padding:6px 12px;border-radius:6px;letter-spacing:1px;text-transform:uppercase;z-index:2;border:1px solid rgba(147,197,253,.2)}.hds-product-card:hover   .hds-card-image   img{transform:scale(1.05)}.hds-card-content{padding:30px;flex:1;display:flex;flex-direction:column}.hds-card-category{font-family:Inter,sans-serif;font-size:11px;font-weight:700;color:#2563eb;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}.hds-card-title{font-family:Inter,sans-serif;font-size:22px;font-weight:800;color:#111827;margin:0 0 16px;line-height:1.3}.hds-card-desc{font-family:Inter,sans-serif;font-size:14px;color:#6b7280;line-height:1.6;margin:0 0 24px}.hds-card-list{list-style:none;padding:0;margin:0 0 30px;flex:1}.hds-card-list   li{position:relative;padding-left:16px;font-family:Inter,sans-serif;font-size:13px;color:#4b5563;line-height:1.5;margin-bottom:10px}.hds-card-list   li:before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;background:#3b82f6;border-radius:50%}.hds-card-link{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#2563eb;display:flex;align-items:center;gap:6px;cursor:pointer;transition:color .2s ease;margin-top:auto}.hds-card-link   svg{transition:transform .2s ease}.hds-card-link:hover{color:#1d4ed8}.hds-card-link:hover   svg{transform:translate(3px,-3px)}.hds-full-width-card{grid-column:1/-1;flex-direction:row}@media screen and (max-width: 991px){.hds-full-width-card{flex-direction:column}}.hds-full-width-card   .hds-card-image{width:40%;height:auto;min-height:300px}@media screen and (max-width: 991px){.hds-full-width-card   .hds-card-image{width:100%;height:240px}}.hds-full-width-card   .hds-card-content{width:60%;padding:40px}@media screen and (max-width: 991px){.hds-full-width-card   .hds-card-content{width:100%;padding:30px}}.hds-full-width-card   .hds-full-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.hds-full-width-card   .hds-full-card-header   .hds-card-category{margin-bottom:0}.hds-full-width-card   .hds-full-card-header   .hds-card-link{margin-top:0}.hds-full-width-card   .hds-full-card-lists{display:flex;gap:40px;margin-bottom:0}.hds-full-width-card   .hds-full-card-lists   ul{flex:1;margin-bottom:0}@media screen and (max-width: 639px){.hds-full-width-card   .hds-full-card-lists{flex-direction:column;gap:10px}}.hds-why-section{background-color:#ffffff;padding:100px 0 120px;position:relative;overflow:hidden}.hds-why-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(37,99,235,.05) 0%,transparent 60%);pointer-events:none;z-index:0}@media screen and (max-width: 991px){.hds-why-section{padding:80px 0}}.hds-why-inner{max-width:1400px;margin:0 auto;padding:0 40px;position:relative;z-index:1}@media screen and (max-width: 991px){.hds-why-inner{padding:0 24px}}.hds-why-header{text-align:center;margin-bottom:70px}.hds-why-label{font-family:Inter,sans-serif;font-size:13px;font-weight:700;color:#3b82f6;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px}.hds-why-title{font-family:Inter,sans-serif;font-size:38px;font-weight:800;color:#fff;margin:0 0 20px;line-height:1.3}@media screen and (max-width: 639px){.hds-why-title{font-size:28px}}.hds-why-desc{font-family:Inter,sans-serif;font-size:16px;font-weight:400;color:#94a3b8;line-height:1.6;margin:0 auto}.hds-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}@media screen and (max-width: 1200px){.hds-why-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media screen and (max-width: 639px){.hds-why-grid{grid-template-columns:1fr}}.hds-why-card{background:#111f3a;border:1px solid rgba(59,130,246,.1);border-radius:16px;padding:40px 30px;text-align:center;transition:all .3s ease;display:flex;flex-direction:column;align-items:center}.hds-why-card:hover{transform:translateY(-8px);background:#142546;border-color:#3b82f64d;box-shadow:0 20px 40px #0006,0 0 20px #3b82f61a}.hds-why-card:hover   .hds-why-icon{background:rgba(59,130,246,.15);color:#60a5fa;transform:scale(1.1)}.hds-why-icon{width:60px;height:60px;border-radius:50%;background:rgba(59,130,246,.08);display:flex;align-items:center;justify-content:center;color:#3b82f6;margin-bottom:24px;transition:all .3s ease}.hds-why-card-title{font-family:Inter,sans-serif;font-size:18px;font-weight:700;color:#fff;margin:0 0 16px;line-height:1.4}.hds-why-card-desc{font-family:Inter,sans-serif;font-size:14px;color:#94a3b8;line-height:1.6;margin:0}.hds-news-section{background-color:#f8fafc;background-image:linear-gradient(135deg,#f1f5f9 0%,#ffffff 100%);position:relative;padding:100px 0 120px;overflow:hidden}.hds-news-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,rgba(148,163,184,.05),rgba(148,163,184,.05) 1px,transparent 1px,transparent 30px);pointer-events:none;z-index:0}.hds-news-section:after{content:"";position:absolute;top:-30%;left:-10%;width:700px;height:700px;background:radial-gradient(circle,rgba(56,189,248,.05) 0%,transparent 70%);pointer-events:none;z-index:0}@media screen and (max-width: 991px){.hds-news-section{padding:80px 0}}.hds-news-inner{max-width:1400px;margin:0 auto;padding:0 40px;position:relative;z-index:1}@media screen and (max-width: 991px){.hds-news-inner{padding:0 24px}}.hds-news-header{text-align:center;margin-bottom:60px}.hds-news-label{font-family:Inter,sans-serif;font-size:13px;font-weight:700;color:#2563eb;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px}.hds-news-title{font-family:Inter,sans-serif;font-size:38px;font-weight:800;color:#111827;margin:0 0 20px;line-height:1.3}@media screen and (max-width: 639px){.hds-news-title{font-size:28px}}.hds-news-desc{font-family:Inter,sans-serif;font-size:16px;font-weight:400;color:#6b7280;line-height:1.6;margin:0 auto}.hds-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media screen and (max-width: 991px){.hds-news-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 767px){.hds-news-grid{grid-template-columns:1fr}}.hds-news-card{background:#ffffff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease}.hds-news-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000014;border-color:#d1d5db}.hds-news-card:hover   .hds-news-image   img{transform:scale(1.05)}.hds-news-image{width:100%;height:220px;overflow:hidden;background:#111827}.hds-news-image   img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.hds-news-content{padding:30px;flex:1;display:flex;flex-direction:column}.hds-news-category{display:inline-block;align-self:flex-start;font-family:Inter,sans-serif;font-size:10px;font-weight:700;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;padding:4px 10px;border-radius:4px;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}.hds-news-date{font-family:Inter,sans-serif;font-size:13px;color:#9ca3af;margin-bottom:12px}.hds-news-card-title{font-family:Inter,sans-serif;font-size:20px;font-weight:800;color:#111827;margin:0 0 16px;line-height:1.4}.hds-news-card-desc{font-family:Inter,sans-serif;font-size:14px;color:#6b7280;line-height:1.6;margin:0 0 24px;flex:1}.hds-news-link{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#2563eb;display:flex;align-items:center;gap:6px;cursor:pointer;transition:color .2s ease;margin-top:auto}.hds-news-link   svg{transition:transform .2s ease}.hds-news-link:hover{color:#1d4ed8}.hds-news-link:hover   svg{transform:translate(4px)}

:root { color-scheme: light; }
* { box-sizing: border-box; }
html { scroll-behavior: auto; }
html, body { scroll-padding-top: 130px; }
body {
  margin: 0;
  font-family: Inter, Calibri, sans-serif;
  background: #f5f7f9;
  color: #42515c;
  line-height: 1.5;
}
a { color: inherit; text-decoration: none; }
button { background: none; border: none; padding: 0; color: inherit; }
.side-nav-panel-close { color: #94a3b8; font-size: 28px; line-height: 1; }
.side-nav-panel-close:hover { color: #111827; }
img { max-width: 100%; }
button { font-family: inherit; }

.page-about { padding-top: 90px; }
.page-about .hds-page-hero {
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
  padding: 30px 0 30px;
}
.page-about .hds-page-hero-inner {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 40px;
}
.page-about .hds-about-label { margin-bottom: 12px; }
.page-about .hds-page-hero .hds-about-title {
  color: #111827;
  font-size: 34px;
  margin: 0;
}
.page-about .hds-about-section { padding: 30px 0 30px; }
.page-about .hds-about-section:before,
.page-about .hds-about-section:after { content: none; }
.page-about .hds-about-copy {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 40px;
}
.hds-about-copy p {
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #6b7280;
  line-height: 1.7;
  margin: 0 0 16px;
}
.hds-about-copy p:last-child { margin-bottom: 0; }
.hds-about-copy + .hds-product-cats,
.hds-about-copy + .hds-enterprise,
.hds-about-copy + .hds-partner-grid { margin-top: 64px; }
.hds-partner-grid {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 40px 20px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
}
.hds-partner-grid img {
  width: 100%;
  height: 110px;
  object-fit: contain;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 16px;
  display: block;
}
.hds-contact-layout {
  max-width: 1400px;
  margin: 0 auto;
  padding: 8px 40px 48px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: start;
}
.hds-contact-map {
  height: 360px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  background: #e5e7eb;
}
.hds-contact-map iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}
.hds-contact-company {
  margin: 20px 0 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.45;
  color: #111827;
}
.hds-contact-details {
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
}
.hds-contact-details li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0 0 14px;
  font-family: Inter, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  color: #374151;
}
.hds-contact-details li:last-child { margin-bottom: 0; }
.hds-contact-details svg {
  flex: 0 0 18px;
  margin-top: 2px;
  color: #111827;
}
.hds-contact-details a {
  color: #1d4ed8;
  text-decoration: none;
}
.hds-contact-form h2 {
  margin: 0 0 20px;
  font-family: Inter, sans-serif;
  font-size: 28px;
  font-weight: 800;
  color: #111827;
}
.hds-contact-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.hds-contact-form input,
.hds-contact-form textarea {
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 16px;
  padding: 14px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  font-family: Inter, sans-serif;
  font-size: 15px;
  color: #111827;
}
.hds-contact-form textarea {
  min-height: 180px;
  resize: vertical;
}
.hds-contact-form button.hds-banner-cta {
  width: 100%;
  justify-content: center;
  margin: 0;
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.3px;
}
.hds-enterprise p.hds-enterprise-lead {
  margin: 0 0 12px;
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
}
.hds-nav-list { gap: 0; }
#side-nav-panel .menu-wrap .mobile-menu,
#side-nav-panel .menu-wrap .mobile-menu li {
  list-style: none;
}
#side-nav-panel .mobile-menu a {
  text-transform: uppercase;
  letter-spacing: 0.6px;
}
.hds-nav-item { position: relative; }
.hds-nav-item.has-dropdown::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 16px;
}
.hds-nav-item .hds-nav-link {
  color: #111827;
}
.hds-nav-item .hds-nav-link.current,
.hds-nav-item.open .hds-nav-link,
.hds-nav-item.has-dropdown:hover .hds-nav-link,
.hds-nav-item .hds-nav-link:hover { color: #1d4ed8; }
.hds-submenu {
  display: none;
  position: absolute;
  top: calc(100% + 14px);
  left: 0;
  min-width: 320px;
  margin: 0;
  padding: 8px;
  list-style: none;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
  z-index: 30;
}
.hds-nav-item.open .hds-submenu,
.hds-nav-item.has-dropdown:hover .hds-submenu,
.hds-nav-item.has-dropdown:focus-within .hds-submenu { display: block; }
.page-solutions .hds-page-hero .hds-about-copy {
  max-width: none;
  margin: 20px 0 0;
  padding: 0;
}
.page-solutions .hds-page-hero .hds-about-copy p {
  max-width: 920px;
  color: #4b5563;
  font-size: 16px;
}
.hds-submenu a {
  display: block;
  padding: 10px 14px;
  border-radius: 6px;
  color: #111827;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.2px;
  text-transform: none;
  white-space: normal;
}
.hds-submenu a:hover { color: #1d4ed8; background: rgba(59, 130, 246, 0.12); }
.mobile-submenu { display: none; list-style: none; margin: 0; padding: 0 0 8px; }
.mobile-products.open .mobile-submenu { display: block; }
#side-nav-panel .mobile-products-toggle {
  display: block;
  width: 100%;
  padding: 16px 24px;
  text-align: left;
  color: #111827;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  cursor: pointer;
}
#side-nav-panel .menu-wrap .mobile-menu .mobile-submenu a {
  padding: 12px 24px 12px 40px;
  font-size: 14px;
  text-transform: none;
  letter-spacing: 0;
}
.hds-product-cats {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 40px 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.hds-product-cat {
  display: block;
  padding: 22px 20px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  color: #111827;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}
.hds-product-cat:hover,
.hds-product-cat:target {
  border-color: #93c5fd;
  color: #1d4ed8;
}
.hds-enterprise {
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px 40px 0;
}
.hds-enterprise + .hds-enterprise { margin-top: 64px; }
.hds-enterprise h2 {
  margin: 0 0 16px;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 800;
  color: #111827;
}
.hds-enterprise p + p { margin-top: 16px; }
.hds-enterprise p {
  margin: 0;
  max-width: 920px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #4b5563;
}
.hds-media-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 32px;
}
.hds-media-grid img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  border-radius: 16px;
  display: block;
}
.hds-media-grid.hds-media-contain img,
.hds-media-grid img.hds-media-fit {
  object-fit: contain;
  background: #fff;
}
.hds-nav-item .hds-nav-link {
  padding: 8px 10px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  white-space: nowrap;
}
.hds-smart-footer {
  border-top: 1px solid rgba(0, 0, 0, .08);
}
.hds-smart-footer .hds-footer-bottom { border-top-color: rgba(0, 0, 0, .08); }
.hds-logo-image,
.hds-smart-footer .hds-footer-logo-svg img { filter: none; }
.hds-smart-footer,
.hds-smart-footer .hds-footer-desc,
.hds-smart-footer .hds-contact-item,
.hds-smart-footer .hds-footer-links a { color: #4b5563; }
.hds-smart-footer .hds-copyright { color: #6b7280; }
.hds-smart-footer .hds-footer-links a:hover { color: #000; }
.hds-smart-footer .hds-contact-item.hds-email-link:hover { color: #1d4ed8; }
#side-nav-panel .menu-wrap .mobile-menu li { border-bottom-color: #e5e7eb !important; }
#side-nav-panel .menu-wrap .mobile-menu li a,
#side-nav-panel .menu-wrap .mobile-menu li .link,
#side-nav-panel .mobile-products-toggle { color: #111827 !important; }
#side-nav-panel .menu-wrap .mobile-menu li a:hover,
#side-nav-panel .menu-wrap .mobile-menu li a.current,
#side-nav-panel .menu-wrap .mobile-menu li .link:hover,
#side-nav-panel .menu-wrap .mobile-menu li .link.current {
  color: #1d4ed8 !important;
  background: rgba(59, 130, 246, .08) !important;
}
#side-nav-panel .side-nav-panel-close i:hover { color: #111827; }
.hds-footer-main,
.hds-footer-bottom {
  max-width: 1740px;
}
.hds-footer-main {
  display: grid;
  grid-template-columns: 41.666667% minmax(0, 1fr) 25%;
  gap: 48px;
  margin: 0 auto;
  padding: 0 40px 60px;
}
.hds-footer-contact {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 28px;
}
.hds-footer-bottom {
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 40px;
}
.hds-banner-inner { padding-top: 140px; }
.hds-products-desc, .hds-why-desc, .hds-news-desc { max-width: 760px; }
.hds-card-link, .hds-news-link, .hds-banner-cta { text-decoration: none; }
.panel-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.45);
  z-index: 1100;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease;
}
.panel-overlay.open { opacity: 1; pointer-events: auto; }
#side-nav-panel {
  position: fixed;
  top: 0;
  right: 0;
  width: min(320px, 86vw);
  height: 100%;
  z-index: 1200;
  box-shadow: none;
  transform: translateX(100%);
  transition: transform .3s ease;
}
#side-nav-panel.open { transform: translateX(0); }
@media screen and (max-width: 1440px) {
  .page-about .hds-page-hero-inner { padding: 0 24px; }
  .hds-partner-grid,
  .hds-contact-layout { padding-left: 24px; padding-right: 24px; }
}
@media screen and (max-width: 991px) {
  .page-about { padding-top: 90px; }
  .page-about .hds-page-hero { padding: 48px 0 40px; }
  .page-about .hds-page-hero-inner { padding: 0 24px; }
  .page-about .hds-page-hero .hds-about-title { font-size: 26px; }
  .page-about .hds-about-copy { padding: 0 24px; }
  .hds-product-cats,
  .hds-enterprise,
  .hds-partner-grid { padding-left: 24px; padding-right: 24px; }
  .hds-partner-grid { grid-template-columns: repeat(2, 1fr); }
  .hds-contact-layout,
  .hds-contact-row { grid-template-columns: 1fr; }
  .hds-product-cats,
  .hds-media-grid { grid-template-columns: 1fr; }
  .hds-media-grid img { height: 220px; }
  .hds-footer-main { grid-template-columns: 1fr; padding: 0 24px 40px; gap: 8px; }
  .hds-footer-bottom { padding-left: 24px; padding-right: 24px; }
  .hds-banner-inner { padding-top: 120px !important; }
}
.page-home { padding-top: 90px; background: #f3f5f8; }
.home-wrap { width: 100%; max-width: 1400px; margin: 0 auto; padding-left: 40px; padding-right: 40px; }
.home-kicker {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: #2563eb;
}
.home-hero-media img,
.home-about-photo img {
  display: block;
  width: 100%;
  height: 460px;
  object-fit: cover;
}
.home-hero-panel,
.home-about-head,
.home-catalog-head {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 40px;
  align-items: end;
  padding-top: 48px;
  padding-bottom: 8px;
}
.home-hero h1,
.home-about h2,
.home-catalog h2,
.home-why h2 {
  margin: 0;
  font-family: Inter, sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 1.12;
  color: #111827;
}
.home-hero-aside p,
.home-about-head p,
.home-catalog-head p,
.home-why-intro p {
  margin: 0 0 20px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #4b5563;
}
.home-services,
.home-features {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin: 28px auto 56px;
  padding-bottom: 8px;
  list-style: none;
}
.home-services li,
.home-feature {
  margin: 0;
  padding: 18px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
}
.home-services span {
  display: block;
  margin-bottom: 8px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #2563eb;
}
.home-services p,
.home-feature p {
  margin: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 1.55;
  color: #374151;
}
.home-about { background: #fff; padding: 72px 0 64px; }
.home-features { grid-template-columns: 1fr 1fr; margin-bottom: 28px; }
.home-feature { display: flex; gap: 12px; align-items: flex-start; }
.home-feature-icon { flex: 0 0 20px; }
.home-about-photo { margin-bottom: 0; }
.home-about-photo img { height: 380px; border-radius: 16px; }
.home-catalog { padding: 72px 0 24px; }
.home-product {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 28px 40px;
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 32px;
  align-items: center;
  border-top: 1px solid #e5e7eb;
}
.home-product:nth-child(even) { grid-template-columns: 1fr 280px; }
.home-product:nth-child(even) .home-product-media { order: 2; }
.home-product-media img {
  width: 100%;
  height: 180px;
  object-fit: contain;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  display: block;
}
.home-product-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin-bottom: 8px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #2563eb;
}
.home-product h3,
.home-reason h3 {
  margin: 0 0 8px;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: #111827;
}
.home-product p,
.home-points { margin: 0 0 12px; font-family: Inter, sans-serif; font-size: 15px; line-height: 1.6; color: #4b5563; }
.home-points { padding-left: 18px; }
.home-points li + li { margin-top: 4px; }
.home-product-feature,
.home-product-feature:nth-child(even) { grid-template-columns: 1fr; align-items: start; }
.home-product-feature .home-product-media { order: 0; }
.home-product-feature img { height: 320px; object-fit: cover; }
.home-points-split { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 32px; }
.home-why { background: #ffffff; padding: 80px 0; }
.home-why-layout { display: grid; grid-template-columns: 41.666667% 1fr; gap: 48px; align-items: start; }
.home-why h2,
.home-reason h3 { color: #111827; }
.home-why-intro p,
.home-reason p { color: #4b5563; }
.home-reason {
  display: grid;
  grid-template-columns: 48px 36px 1fr;
  gap: 16px;
  padding: 22px 0;
  border-top: 1px solid #e5e7eb;
}
.home-reason-index { font-family: Inter, sans-serif; font-size: 14px; font-weight: 700; color: #60a5fa; }
.home-reason-icon { color: #93c5fd; }
.home-reason p { margin: 0; font-family: Inter, sans-serif; font-size: 15px; line-height: 1.65; }
@media screen and (max-width: 1440px) {
  .home-wrap,
  .home-product { padding-left: 24px; padding-right: 24px; }
}
@media screen and (max-width: 991px) {
  .home-hero-panel,
  .home-about-head,
  .home-catalog-head,
  .home-why-layout,
  .home-points-split { grid-template-columns: 1fr; }
  .home-services,
  .home-features { grid-template-columns: 1fr; }
  .home-product,
  .home-product:nth-child(even) { grid-template-columns: 1fr; }
  .home-product:nth-child(even) .home-product-media { order: 0; }
  .home-reason { grid-template-columns: 36px 1fr; }
  .home-reason-icon { display: none; }
  .home-hero-media img,
  .home-about-photo img,
  .home-product-feature img { height: 240px; }
  .home-hero h1,
  .home-about h2,
  .home-catalog h2,
  .home-why h2 { font-size: 32px; }
}
