.hnt-site{--hnt-font:'Manrope',ui-sans-serif,system-ui,Arial,sans-serif;--hnt-wt-heavy:800;--navy:#081426;--navy2:#0f2440;--blue:#2563eb;--cyan:#38d9f2;--amber:#ffb547;--ink:#12223a;--muted:#65758c;--line:#dfe7f1;--soft:#f4f8fc;--white:#fff;--success:#0b806e;font-family:var(--hnt-font);color:var(--ink);background:#fff;line-height:1.6;font-size:16px;overflow-x:clip}.hnt-site *{box-sizing:border-box}.hnt-site a{color:inherit;text-decoration:none}.hnt-site button,.hnt-site input,.hnt-site select,.hnt-site textarea{font:inherit}.hnt-site button{cursor:pointer}.hnt-site h1,.hnt-site h2,.hnt-site h3,.hnt-site p{margin-top:0}.hnt-site img{display:block;max-width:100%}.hnt-site :focus-visible{outline:3px solid var(--amber);outline-offset:4px}.hnt-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.hnt-skip{position:fixed;left:0;top:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;z-index:999;background:#fff;font-weight:700}.hnt-skip:focus-visible{left:15px;top:15px;width:auto;height:auto;padding:10px 14px;margin:0;overflow:visible;clip:auto;clip-path:none;border-radius:8px}
.hnt-topline{height:34px;background:#06101f;color:#b9c8db;font-size:12px}.hnt-topline .hnt-container{height:100%;display:flex;align-items:center;justify-content:space-between}.hnt-topline div div{display:flex;align-items:center;gap:12px}.hnt-topline a{color:#fff;font-weight:700}.hnt-topline i{width:1px;height:13px;background:#405169}.hnt-header{height:78px;background:rgba(8,20,38,.97);color:#dce7f6;position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(15px)}.hnt-header-inner{height:100%;display:flex;align-items:center;gap:42px}.hnt-brand{display:flex;align-items:center;gap:11px;color:#fff;flex:0 0 auto}.hnt-brand-mark{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#1f58a6,#173253);color:#63ebf6;font-weight:var(--hnt-wt-heavy);font-size:24px;box-shadow:inset 0 0 0 1px #ffffff14}.hnt-brand strong{display:block;font-size:17px;line-height:1.1;letter-spacing:-.03em}.hnt-brand small{display:block;font-size:9px;line-height:1.2;color:#8ca2bd;letter-spacing:.16em;margin-top:4px}.hnt-nav{display:flex;align-items:center;gap:30px;margin-left:auto}.hnt-nav a{font-size:14px;font-weight:600;color:#b9c8da;position:relative;padding:28px 0}.hnt-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:18px;height:2px;background:var(--cyan);transition:right .25s}.hnt-nav a:hover{color:#fff}.hnt-nav a:hover:after{right:0}.hnt-menu{display:none;background:none;border:0;width:42px;height:42px;padding:9px}.hnt-menu span{display:block;height:2px;background:#fff;margin:5px 0;border-radius:2px}
.hnt-btn{min-height:46px;border:0;border-radius:10px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.hnt-btn:hover{transform:translateY(-2px)}.hnt-btn-primary{background:linear-gradient(135deg,#2d6bf0,#174ed1);color:#fff!important;box-shadow:0 10px 25px rgba(37,99,235,.28)}.hnt-btn-primary:hover{box-shadow:0 14px 32px rgba(37,99,235,.4)}.hnt-btn-ghost{border:1px solid #ffffff3b;background:#ffffff0c;color:#fff}.hnt-btn-dark{background:var(--navy);color:#fff!important}.hnt-header-cta{min-height:40px;padding:0 16px}
.hnt-hero{min-height:660px;background:#071426;color:#fff;position:relative;display:flex;align-items:center}.hnt-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hnt-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#061326 0%,rgba(6,19,38,.93) 31%,rgba(6,19,38,.25) 68%,rgba(6,19,38,.08) 100%)}.hnt-hero-inner{position:relative;z-index:2;padding-block:72px}.hnt-hero-copy{max-width:640px}.hnt-kicker,.hnt-eyebrow{display:block;color:#15738b;font-size:12px;font-weight:var(--hnt-wt-heavy);letter-spacing:.13em;margin-bottom:17px}.hnt-kicker{color:#9deff7}.hnt-kicker span{display:inline-block;width:29px;height:2px;background:var(--cyan);vertical-align:middle;margin-right:9px}.hnt-hero h1{font-size:clamp(42px,5.6vw,72px);line-height:1.09;letter-spacing:-.065em;margin:0 0 22px;max-width:720px}.hnt-hero h1 em{font-style:normal;background:linear-gradient(90deg,#58e6f2,#65a8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hnt-hero-copy>p{font-size:18px;line-height:1.75;color:#b5c5da;max-width:570px;margin-bottom:31px}.hnt-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hnt-trust-row{display:flex;gap:31px;margin-top:48px;padding-top:25px;border-top:1px solid #ffffff21;color:#9cafc7;font-size:12px}.hnt-trust-row span{display:flex;align-items:baseline;gap:7px}.hnt-trust-row b{color:#fff;font-size:20px}
.hnt-strip{background:#fff;border-bottom:1px solid var(--line)}.hnt-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);min-height:102px}.hnt-strip-grid>div{display:flex;align-items:center;gap:14px;padding:18px 25px;border-right:1px solid var(--line)}.hnt-strip-grid>div:first-child{border-left:1px solid var(--line)}.hnt-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;background:#eaf7fb;color:#126c83;font-size:13px;font-weight:var(--hnt-wt-heavy);flex:0 0 auto}.hnt-strip p{margin:0}.hnt-strip b,.hnt-strip small{display:block}.hnt-strip b{font-size:13px}.hnt-strip small{font-size:11px;color:var(--muted);margin-top:2px}
.hnt-section{padding:94px 0}.hnt-catalog{background:var(--soft)}.hnt-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}.hnt-heading h2{font-size:clamp(30px,3.5vw,46px);line-height:1.2;letter-spacing:-.055em;margin-bottom:12px;max-width:720px}.hnt-heading p{color:var(--muted);margin:0;max-width:650px}.hnt-heading .hnt-eyebrow{margin-bottom:12px}.hnt-text-link{font-size:14px;font-weight:var(--hnt-wt-heavy);color:var(--blue)!important;border-bottom:1px solid #9bb7fa;white-space:nowrap;margin-bottom:8px}.hnt-category-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.hnt-category-row button{border:1px solid #d9e2ee;background:#fff;color:#5d6e85;border-radius:100px;padding:9px 16px;font-size:13px;font-weight:700}.hnt-category-row button:hover,.hnt-category-row button.active{background:var(--navy);border-color:var(--navy);color:#fff}.hnt-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hnt-product-card{background:#fff;border:1px solid #e3eaf2;border-radius:16px;overflow:hidden;transition:transform .25s,box-shadow .25s,border .25s}.hnt-product-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(17,41,74,.1);border-color:#c8d5e5}.hnt-product-card.hidden{display:none}.hnt-product-visual{height:225px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,#e9f5ff,#dce8f3 70%)}.hnt-product-visual:after{content:"";position:absolute;width:150px;height:28px;background:#49658122;filter:blur(11px);border-radius:50%;bottom:32px}.hnt-product-tag{position:absolute;left:16px;top:16px;background:var(--amber);color:#402800;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:var(--hnt-wt-heavy);letter-spacing:.05em}.hnt-product-tag.hnt-new{background:var(--blue);color:#fff}.hnt-device{position:relative;z-index:1}.hnt-server{width:105px;height:128px;border-radius:12px;background:linear-gradient(140deg,#1a2b40,#071322);box-shadow:20px 20px 35px #203a5740,inset -5px -5px 20px #0008}.hnt-server:before{content:"";position:absolute;inset:12px 14px;border-radius:7px;background:repeating-linear-gradient(90deg,#283f57 0 5px,#0b1928 5px 9px)}.hnt-server i{position:absolute;width:5px;height:5px;border-radius:50%;right:8px;background:#38e4c0}.hnt-server i:nth-child(1){top:18px}.hnt-server i:nth-child(2){top:31px}.hnt-server i:nth-child(3){top:44px;background:#ffb547}.hnt-server i:nth-child(4){bottom:13px;width:12px;height:3px}.hnt-router{width:160px;height:45px;border-radius:8px;background:linear-gradient(150deg,#213a54,#071523);box-shadow:0 18px 28px #19395643}.hnt-router:after{content:"";position:absolute;left:20px;right:20px;bottom:8px;height:3px;background:#258bf1;box-shadow:0 0 12px #38d9f2}.hnt-router i{position:absolute;width:6px;height:110px;background:#132b42;bottom:34px;border-radius:5px}.hnt-router i:nth-child(1){left:15px}.hnt-router i:nth-child(2){left:47px;height:90px}.hnt-router i:nth-child(3){right:47px;height:90px}.hnt-router i:nth-child(4){right:15px}.hnt-camera{width:86px;height:86px;border-radius:50%;background:linear-gradient(145deg,#f8fbfd,#b7c7d4);box-shadow:0 18px 32px #18344f40;border:7px solid #e6eef4}.hnt-camera:before{content:"";position:absolute;inset:12px;border-radius:50%;background:radial-gradient(circle at 42% 40%,#75c8ee 0 7%,#0c2438 9% 35%,#02070c 36%)}.hnt-camera:after{content:"";position:absolute;width:64px;height:33px;left:4px;top:70px;border-radius:5px 5px 13px 13px;background:linear-gradient(#dce6ed,#9fadb8)}.hnt-laptop{width:145px;height:92px;border:7px solid #172a3e;border-radius:7px;background:linear-gradient(145deg,#1886e8,#031934)}.hnt-laptop:after{content:"";position:absolute;width:175px;height:9px;left:-22px;bottom:-16px;background:linear-gradient(#aebcca,#637381);border-radius:2px 2px 10px 10px}.hnt-firewall{width:170px;height:55px;border-radius:7px;background:linear-gradient(145deg,#30465e,#0b1826);box-shadow:0 18px 28px #18365040}.hnt-firewall:before{content:"";position:absolute;left:17px;right:17px;top:13px;height:15px;background:repeating-linear-gradient(90deg,#102338 0 8px,#62d9e6 8px 10px,#102338 10px 16px)}.hnt-firewall i{position:absolute;width:8px;height:4px;bottom:10px;background:#52e0a7}.hnt-firewall i:nth-child(1){left:18px}.hnt-firewall i:nth-child(2){left:31px}.hnt-firewall i:nth-child(3){left:44px;background:#ffb547}.hnt-cloud{font-size:94px;color:#2d76d8;text-shadow:0 16px 25px #1d4f9035}.hnt-product-body{padding:21px}.hnt-product-body small{font-size:11px;color:#6d829a;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.hnt-product-body h3{font-size:19px;margin:6px 0 8px;letter-spacing:-.025em}.hnt-product-body p{font-size:13px;line-height:1.65;color:var(--muted);min-height:43px;margin-bottom:17px}.hnt-product-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:15px}.hnt-product-meta span{font-size:11px;font-weight:700;color:var(--success)}.hnt-product-meta b{font-size:14px}.hnt-card-action{border:0;background:#eef4ff;color:#174dbd;width:100%;padding:11px;margin-top:14px;border-radius:8px;font-size:12px;font-weight:var(--hnt-wt-heavy)}.hnt-card-action:hover{background:#174dbd;color:#fff}
.hnt-services{background:var(--navy);color:#fff}.hnt-heading-light h2{color:#fff}.hnt-heading-light p{color:#9fb1c7}.hnt-heading-light .hnt-eyebrow{color:#59dce8}.hnt-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#29405b;border:1px solid #29405b}.hnt-service-grid article{background:#0c1c30;padding:31px 26px;min-height:360px;position:relative;transition:background .25s}.hnt-service-grid article:hover,.hnt-service-grid article.featured{background:#132e4c}.hnt-service-grid article>span{position:absolute;right:20px;top:16px;color:#50647c;font-size:34px;font-weight:var(--hnt-wt-heavy)}.hnt-service-icon{width:52px;height:52px;border-radius:14px;background:#153755;color:#5ce0ed;display:grid;place-items:center;font-size:25px;margin-bottom:31px}.hnt-service-grid h3{font-size:20px;margin-bottom:13px}.hnt-service-grid p{font-size:13px;color:#9fb2c9;line-height:1.75;min-height:92px}.hnt-service-grid ul{list-style:none;margin:20px 0 0;padding:18px 0 0;border-top:1px solid #ffffff14;color:#d3deea;font-size:12px}.hnt-service-grid li{margin:8px 0;padding-left:17px;position:relative}.hnt-service-grid li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cyan);position:absolute;left:0;top:7px}
.hnt-solutions{background:#fff}.hnt-solution-layout{display:grid;grid-template-columns:360px 1fr;min-height:470px;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 24px 65px rgba(21,44,73,.08)}.hnt-solution-nav{background:#f4f7fb;padding:16px}.hnt-solution-nav button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:18px 19px;border-radius:10px;color:#3f536d}.hnt-solution-nav button+button{margin-top:4px}.hnt-solution-nav button:hover,.hnt-solution-nav button.active{background:#fff;box-shadow:0 8px 20px rgba(17,42,72,.07);color:#12345c}.hnt-solution-nav b,.hnt-solution-nav small{display:block}.hnt-solution-nav b{font-size:14px}.hnt-solution-nav small{font-size:11px;color:#7b8ba1;margin-top:4px}.hnt-solution-content{padding:50px;background:linear-gradient(145deg,#0a192c,#12345b);color:#fff;position:relative;overflow:hidden}.hnt-solution-content:after{content:"";position:absolute;width:280px;height:280px;border:1px solid #ffffff18;border-radius:50%;right:-80px;bottom:-140px;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff05}.hnt-solution-content>*{position:relative;z-index:1}.hnt-solution-content>span{font-size:11px;letter-spacing:.14em;color:#65e2ed;font-weight:var(--hnt-wt-heavy)}.hnt-solution-content h3{font-size:32px;line-height:1.25;letter-spacing:-.04em;max-width:520px;margin:14px 0}.hnt-solution-content>p{color:#adbed2;max-width:580px;font-size:14px}.hnt-solution-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:30px}.hnt-solution-benefits div{background:#ffffff0b;border:1px solid #ffffff16;border-radius:9px;padding:13px;font-size:12px;color:#d6e2ef}.hnt-solution-benefits b{display:block;color:#fff;font-size:13px;margin-bottom:3px}
.hnt-process{background:#f7f9fc}.hnt-process-grid{display:grid;grid-template-columns:repeat(4,1fr);position:relative}.hnt-process-grid:before{content:"";height:1px;background:#cbd7e6;position:absolute;left:5%;right:5%;top:30px}.hnt-process-grid div{padding:0 25px;position:relative}.hnt-process-grid span{width:60px;height:60px;border-radius:50%;background:#fff;border:1px solid #cbd7e6;display:grid;place-items:center;color:#1c5bc8;font-weight:var(--hnt-wt-heavy);position:relative;z-index:1;margin-bottom:21px;box-shadow:0 8px 20px #183c6920}.hnt-process-grid h3{font-size:17px;margin-bottom:7px}.hnt-process-grid p{font-size:12px;color:var(--muted)}
.hnt-projects{background:#0b192c;color:#fff}.hnt-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hnt-project-grid article{border:1px solid #2a405b;background:#0f223a;border-radius:15px;padding:25px;min-height:320px;display:flex;flex-direction:column}.hnt-project-top{display:flex;justify-content:space-between;align-items:center;color:#68dce7;font-size:10px;font-weight:var(--hnt-wt-heavy);letter-spacing:.08em}.hnt-project-top b{font-size:30px;color:#334a64}.hnt-project-grid h3{font-size:21px;line-height:1.35;margin:34px 0 13px}.hnt-project-grid p{font-size:13px;color:#9fb1c7;line-height:1.75}.hnt-project-grid article>div:last-child{border-top:1px solid #2a405b;margin-top:auto;padding-top:18px;display:flex;align-items:baseline;gap:9px}.hnt-project-grid strong{font-size:26px;color:#fff}.hnt-project-grid small{font-size:11px;color:#8fa1b6}
.hnt-about{background:#fff}.hnt-about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.hnt-about h2{font-size:clamp(32px,4vw,50px);line-height:1.2;letter-spacing:-.055em;margin-bottom:18px}.hnt-about p{color:var(--muted);line-height:1.8;max-width:640px;margin-bottom:28px}.hnt-about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.hnt-about-stats div{background:#f3f7fb;border:1px solid #e2e9f1;border-radius:13px;padding:25px}.hnt-about-stats b,.hnt-about-stats span{display:block}.hnt-about-stats b{font-size:33px;color:#1454c4;letter-spacing:-.05em}.hnt-about-stats span{font-size:12px;color:#65758c;margin-top:4px}
.hnt-contact{padding:85px 0;background:linear-gradient(135deg,#e7f4ff,#f3f8fd)}.hnt-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.hnt-contact h2{font-size:clamp(32px,4vw,48px);line-height:1.2;letter-spacing:-.055em}.hnt-contact p{color:var(--muted);line-height:1.8}.hnt-contact-points{margin-top:29px;display:grid;gap:12px}.hnt-contact-points span{font-size:13px;color:#55667c}.hnt-contact-points b{display:inline-block;width:100px;color:#16385e}.hnt-form{background:#fff;border:1px solid #d9e4ef;border-radius:16px;padding:28px;box-shadow:0 20px 50px #193f6c14}.hnt-form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.hnt-form label,.hnt-modal label{display:block;font-size:12px;font-weight:700;color:#43566d;margin-bottom:14px}.hnt-form input,.hnt-form select,.hnt-form textarea,.hnt-modal input,.hnt-modal textarea{display:block;width:100%;border:1px solid #d4dfeb;border-radius:8px;background:#fff;padding:11px 12px;margin-top:7px;color:var(--ink);font-size:13px}.hnt-form input,.hnt-form select,.hnt-modal input{height:44px}.hnt-form textarea,.hnt-modal textarea{resize:vertical}.hnt-form .hnt-btn{width:100%;margin-top:4px}.hnt-form>small,.hnt-modal form>small{display:block;color:#8492a4;font-size:10px;margin-top:10px;text-align:center}
.hnt-footer{background:#06101f;color:#9fb0c5;padding:59px 0 20px}.hnt-footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:45px}.hnt-brand-footer{margin-bottom:17px}.hnt-footer p{font-size:12px;max-width:270px;line-height:1.75}.hnt-footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:10px;font-size:12px}.hnt-footer-grid b{color:#fff;font-size:13px;margin-bottom:7px}.hnt-footer a:hover{color:#fff}.hnt-copyright{border-top:1px solid #26364b;margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;font-size:10px}
.hnt-modal-backdrop{display:none;position:fixed;inset:0;background:#06101fc4;backdrop-filter:blur(5px);z-index:80}.hnt-modal-backdrop.show{display:block}.hnt-modal{position:fixed;left:50%;top:50%;width:min(480px,calc(100% - 30px));max-height:calc(100vh - 40px);overflow:auto;transform:translate(-50%,-45%) scale(.97);opacity:0;visibility:hidden;z-index:90;background:#fff;border-radius:17px;padding:30px;box-shadow:0 30px 90px #0008;transition:.22s}.hnt-modal.show{visibility:visible;opacity:1;transform:translate(-50%,-50%) scale(1)}.hnt-modal h2{font-size:25px;letter-spacing:-.04em;margin-bottom:6px}.hnt-modal>p{color:var(--muted);font-size:13px}.hnt-modal .hnt-btn{width:100%}.hnt-modal-close{position:absolute;right:16px;top:14px;border:0;background:#eff3f7;color:#496078;width:34px;height:34px;border-radius:8px;font-size:22px}.hnt-toast{position:fixed;right:22px;bottom:22px;z-index:100;background:#09213d;color:#fff;padding:13px 16px;border-radius:9px;box-shadow:0 15px 50px #001b3b42;font-size:13px;display:none}.hnt-toast.show{display:block}.hnt-site.hnt-modal-open{height:100vh;overflow:hidden}
@media(max-width:1000px){.hnt-nav{gap:17px}.hnt-nav a{font-size:12px}.hnt-header-inner{gap:22px}.hnt-header-cta{display:none}.hnt-product-grid{grid-template-columns:repeat(2,1fr)}.hnt-service-grid{grid-template-columns:repeat(2,1fr)}.hnt-solution-layout{grid-template-columns:290px 1fr}.hnt-project-grid{grid-template-columns:1fr}.hnt-project-grid article{min-height:260px}.hnt-strip-grid{grid-template-columns:repeat(2,1fr)}.hnt-about-grid,.hnt-contact-grid{gap:40px}}
@media(max-width:760px){.hnt-topline{display:none}.hnt-header{height:68px}.hnt-menu{display:block;margin-left:auto}.hnt-nav{position:absolute;left:0;right:0;top:68px;background:#09182b;display:none;padding:12px 20px 22px;box-shadow:0 20px 40px #0005}.hnt-nav.show{display:block}.hnt-nav a{display:block;padding:12px;border-bottom:1px solid #ffffff10;font-size:14px}.hnt-nav a:after{display:none}.hnt-hero{min-height:670px}.hnt-hero-image{object-position:64% center}.hnt-hero-shade{background:linear-gradient(90deg,#061326 0%,rgba(6,19,38,.92) 75%,rgba(6,19,38,.55) 100%)}.hnt-hero-inner{padding-block:60px}.hnt-hero h1{font-size:43px}.hnt-hero-copy>p{font-size:16px}.hnt-trust-row{gap:16px;flex-wrap:wrap}.hnt-strip-grid{grid-template-columns:1fr}.hnt-strip-grid>div{border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.hnt-section{padding:70px 0}.hnt-heading{display:block}.hnt-heading .hnt-text-link{display:inline-block;margin-top:16px}.hnt-product-grid{grid-template-columns:1fr}.hnt-service-grid{grid-template-columns:1fr}.hnt-service-grid article{min-height:auto}.hnt-service-grid p{min-height:0}.hnt-solution-layout{grid-template-columns:1fr}.hnt-solution-nav{display:flex;overflow-x:auto;gap:7px}.hnt-solution-nav button{min-width:220px}.hnt-solution-nav button+button{margin-top:0}.hnt-solution-content{padding:34px 25px}.hnt-solution-benefits{grid-template-columns:1fr}.hnt-process-grid{grid-template-columns:repeat(2,1fr);gap:35px 0}.hnt-process-grid:before{display:none}.hnt-about-grid,.hnt-contact-grid{grid-template-columns:1fr}.hnt-footer-grid{grid-template-columns:repeat(2,1fr)}.hnt-form-row{grid-template-columns:1fr}}
@media(max-width:480px){.hnt-container{width:min(100% - 28px,1180px)}.hnt-hero h1{font-size:37px}.hnt-hero-actions{display:grid}.hnt-trust-row span{width:45%}.hnt-product-visual{height:200px}.hnt-process-grid,.hnt-about-stats,.hnt-footer-grid{grid-template-columns:1fr}.hnt-process-grid div{padding:0}.hnt-copyright{display:block}.hnt-copyright span{display:block;margin-top:5px}.hnt-modal{padding:25px 19px}}
@media(prefers-reduced-motion:reduce){.hnt-site *{scroll-behavior:auto!important;transition:none!important}}
.hnt-site{width:100vw;margin-left:calc(50% - 50vw)}
.hnt-product-visual{background-image:none;background-repeat:no-repeat;background-color:#dbe8f3;background-size:cover}
.hnt-product-visual:after{display:none}.hnt-product-visual .hnt-device{display:none}
.hnt-v-server{background-position:49% 55%}.hnt-v-router{background-position:67% 50%}.hnt-v-camera{background-position:63% 68%}.hnt-v-laptop{background-position:91% 72%}.hnt-v-firewall{background-position:45% 46%}.hnt-v-cloud{background-position:78% 35%}

/* Light technology palette inspired by the color balance on fpt.vn */
.hnt-site{--navy:#191e67;--navy2:#26328f;--blue:#1967b3;--cyan:#2588d8;--amber:#f37021;--green:#54b948;--ink:#202433;--muted:#667085;--line:#e4e8ef;--soft:#f6f8fc;--success:#348b3d;color:var(--ink);background:#fff}
.hnt-topline{background:var(--navy);color:#dbe3ff}.hnt-topline i{background:#ffffff45}
.hnt-header{background:rgba(255,255,255,.97);color:var(--ink);border-bottom:1px solid #e7e9ef;box-shadow:0 8px 24px rgba(30,38,96,.07)}
.hnt-brand{color:var(--ink)}.hnt-brand-mark{background:linear-gradient(135deg,var(--amber) 0 34%,var(--blue) 34% 67%,var(--green) 67%);color:#fff;box-shadow:none}.hnt-brand small{color:#6874a3}.hnt-nav a{color:#343846}.hnt-nav a:hover{color:var(--blue)}.hnt-nav a:after{background:var(--amber)}.hnt-menu span{background:var(--navy)}
.hnt-btn-primary{background:linear-gradient(135deg,#f58232,var(--amber));box-shadow:0 10px 25px rgba(243,112,33,.24)}.hnt-btn-primary:hover{box-shadow:0 14px 30px rgba(243,112,33,.34)}.hnt-btn-dark{background:var(--blue)}
.hnt-hero{background:#f5f8fc;color:var(--ink)}.hnt-hero-shade{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.97) 37%,rgba(255,255,255,.54) 62%,rgba(255,255,255,.08) 100%)}.hnt-kicker{color:var(--blue)}.hnt-kicker span{background:var(--amber)}.hnt-hero h1 em{background:linear-gradient(90deg,var(--blue),#315dcc);-webkit-background-clip:text;background-clip:text;color:transparent}.hnt-hero-copy>p{color:#596174}.hnt-btn-ghost{border:1px solid #b9c7da;background:#fff;color:var(--blue)}.hnt-trust-row{border-top-color:#dfe5ed;color:#667085}.hnt-trust-row b{color:var(--navy)}
.hnt-icon{background:#fff1e8;color:var(--amber)}.hnt-strip-grid>div:nth-child(2) .hnt-icon{background:#edf5ff;color:var(--blue)}.hnt-strip-grid>div:nth-child(3) .hnt-icon{background:#eef9ed;color:var(--green)}.hnt-strip-grid>div:nth-child(4) .hnt-icon{background:#f1efff;color:#5b4bc4}
.hnt-catalog{background:var(--soft)}.hnt-eyebrow{color:var(--blue)}.hnt-category-row button:hover,.hnt-category-row button.active{background:var(--blue);border-color:var(--blue)}.hnt-product-card{border-color:#e1e5ec}.hnt-product-tag{background:var(--amber);color:#fff}.hnt-product-tag.hnt-new{background:var(--green)}.hnt-card-action{background:#eef5ff;color:var(--blue)}.hnt-card-action:hover{background:var(--blue)}
.hnt-services{background:#f3f6fb;color:var(--ink)}.hnt-heading-light h2{color:var(--ink)}.hnt-heading-light p{color:var(--muted)}.hnt-heading-light .hnt-eyebrow{color:var(--amber)}.hnt-service-grid{background:#dfe5ee;border-color:#dfe5ee}.hnt-service-grid article{background:#fff}.hnt-service-grid article:hover,.hnt-service-grid article.featured{background:#eef5ff}.hnt-service-grid article>span{color:#d9dfeb}.hnt-service-icon{background:#fff0e7;color:var(--amber)}.hnt-service-grid article:nth-child(even) .hnt-service-icon{background:#edf5ff;color:var(--blue)}.hnt-service-grid h3{color:var(--ink)}.hnt-service-grid p{color:var(--muted)}.hnt-service-grid ul{border-top-color:#e1e5ec;color:#465065}.hnt-service-grid li:before{background:var(--green)}
.hnt-solution-nav button:hover,.hnt-solution-nav button.active{color:var(--blue)}.hnt-solution-content{background:linear-gradient(135deg,var(--blue),var(--navy2))}.hnt-solution-content>span{color:#ffd2b6}.hnt-solution-benefits div{background:#ffffff14}
.hnt-process{background:#fff}.hnt-process-grid span{color:var(--blue);border-color:#d8e1ee}.hnt-process-grid div:nth-child(2) span,.hnt-process-grid div:nth-child(4) span{color:var(--amber)}
.hnt-projects{background:#f5f7fb;color:var(--ink)}.hnt-projects .hnt-heading-light h2{color:var(--ink)}.hnt-project-grid article{border-color:#dfe4ec;background:#fff}.hnt-project-top{color:var(--amber)}.hnt-project-top b{color:#e1e5eb}.hnt-project-grid h3{color:var(--ink)}.hnt-project-grid p{color:var(--muted)}.hnt-project-grid article>div:last-child{border-top-color:#e4e8ef}.hnt-project-grid strong{color:var(--blue)}.hnt-project-grid small{color:var(--muted)}
.hnt-about-stats div{background:#f7f9fc}.hnt-about-stats div:nth-child(2) b,.hnt-about-stats div:nth-child(4) b{color:var(--amber)}.hnt-about-stats div:nth-child(3) b{color:var(--green)}
.hnt-contact{background:linear-gradient(135deg,#fff2e8,#eef6ff 58%,#eff9ee)}.hnt-form{box-shadow:0 20px 50px rgba(35,57,119,.1)}
.hnt-footer{background:#fff;color:#5d6577;border-top:5px solid transparent;border-image:linear-gradient(90deg,var(--blue) 0 34%,var(--amber) 34% 67%,var(--green) 67%) 1}.hnt-footer-grid b{color:var(--navy)}.hnt-footer a:hover{color:var(--blue)}.hnt-copyright{border-top-color:#e1e5ec}.hnt-brand-footer{color:var(--ink)}
.hnt-toast{background:var(--navy)}
@media(max-width:760px){.hnt-nav{background:#fff;box-shadow:0 20px 40px rgba(28,35,82,.16)}.hnt-nav a{border-bottom-color:#e8ebf0;color:var(--ink)}.hnt-hero-shade{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.93) 80%,rgba(255,255,255,.62) 100%)}}

/* Tablet navigation and iPad portrait optimization */
@media(max-width:900px){.hnt-header{height:68px}.hnt-menu{display:block;margin-left:auto}.hnt-header-cta{display:none}.hnt-nav{position:absolute;left:0;right:0;top:68px;background:#fff;display:none;padding:12px 20px 22px;box-shadow:0 20px 40px rgba(28,35,82,.16)}.hnt-nav.show{display:block}.hnt-nav li{display:block}.hnt-nav a{display:block;padding:12px;border-bottom:1px solid #e8ebf0;color:var(--ink);font-size:14px}.hnt-nav a:after{display:none}}
@media(min-width:761px) and (max-width:900px){.hnt-hero{min-height:610px}.hnt-hero-copy{max-width:58%}.hnt-hero h1{font-size:48px}.hnt-solution-layout{grid-template-columns:1fr}.hnt-solution-nav{display:flex;overflow-x:auto;gap:7px}.hnt-solution-nav button{min-width:220px}.hnt-solution-nav button+button{margin-top:0}.hnt-about-grid,.hnt-contact-grid{grid-template-columns:1fr}.hnt-footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:901px) and (max-width:1100px){.hnt-header-inner{gap:20px}.hnt-nav{gap:18px}.hnt-nav a{font-size:12px}.hnt-header-cta{display:none}.hnt-service-grid{grid-template-columns:repeat(2,1fr)}}
/* Fscan content and image system */
.hnt-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;background:transparent;border:0}
.hnt-service-grid article{padding:0;min-height:0;border:1px solid #dfe5ee;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;background:#fff;box-shadow:0 16px 44px rgba(31,51,95,.08)}
.hnt-service-grid article:hover,.hnt-service-grid article.featured{background:#fff;transform:translateY(-4px);box-shadow:0 22px 55px rgba(31,51,95,.14)}
.hnt-service-media{height:220px;position:relative;overflow:hidden;background:#e9eef5}
.hnt-service-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.hnt-service-grid article:hover .hnt-service-media img{transform:scale(1.035)}
.hnt-service-media>span{position:absolute;right:16px;top:16px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(25,30,103,.9);color:#fff;font-size:15px;font-weight:var(--hnt-wt-heavy);backdrop-filter:blur(7px)}
.hnt-service-content{padding:24px;display:flex;flex-direction:column;flex:1}
.hnt-service-content>small{color:var(--amber);font-size:10px;letter-spacing:.11em;font-weight:var(--hnt-wt-heavy);margin-bottom:8px}
.hnt-service-grid h3{margin:0 0 12px}.hnt-service-grid p{min-height:0;margin:0}.hnt-service-grid ul{margin:18px 0 20px}.hnt-service-content .hnt-card-action{margin-top:auto}
.hnt-product-visual{background-repeat:no-repeat;background-color:#e6edf5;background-size:cover}
.hnt-product-visual:after{display:none}.hnt-product-visual .hnt-device{display:none}
.hnt-v-scan-fast,.hnt-v-scan-flatbed,.hnt-v-bookscan{background-image:url('../images/service-so-hoa.png')}
.hnt-v-scan-fast{background-position:32% 57%}.hnt-v-scan-flatbed{background-position:67% 48%}.hnt-v-bookscan{background-image:url('../images/hero-fscan.png');background-position:78% 54%}
.hnt-v-switch,.hnt-v-router,.hnt-v-rack{background-image:url('../images/service-ha-tang-mang.png')}
.hnt-v-switch{background-position:20% 58%}.hnt-v-router{background-position:50% 50%}.hnt-v-rack{background-position:82% 48%}
@media(max-width:1000px){.hnt-service-grid{grid-template-columns:repeat(2,1fr)}.hnt-service-grid article:last-child{grid-column:1/-1}.hnt-service-grid article:last-child{display:grid;grid-template-columns:1fr 1fr}.hnt-service-grid article:last-child .hnt-service-media{height:100%}}
@media(max-width:760px){.hnt-service-grid{grid-template-columns:1fr}.hnt-service-grid article:last-child{grid-column:auto;display:flex}.hnt-service-grid article:last-child .hnt-service-media{height:220px}.hnt-hero-image{object-position:70% center}.hnt-service-media{height:210px}}
@media(max-width:480px){.hnt-service-content{padding:21px}.hnt-service-media{height:190px}}

/* ===== Slider khối mở đầu =====
 * Dùng lưới 1 ô: mọi slide nằm chồng đúng một chỗ, nên chiều cao khối luôn bằng
 * slide cao nhất. Nhờ vậy thanh điều khiển không nhảy lên xuống khi đổi slide.
 */
.hnt-slider{display:grid;position:relative;overflow:hidden;align-items:stretch}
.hnt-slide{grid-area:1/1;width:100%;min-width:0;display:grid;align-content:center;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease}
.hnt-slide.is-active{opacity:1;visibility:visible;z-index:1}
.hnt-slider.is-single .hnt-slide{opacity:1;visibility:visible}
/* Chừa chỗ cho thanh điều khiển để nội dung không bị che */
.hnt-slider .hnt-hero-inner{padding-bottom:104px}

/* Thanh điều khiển: gom chấm và mũi tên về một chỗ cố định dưới cùng,
   không còn nút nổi hai bên đè lên tiêu đề. */
.hnt-slider-bar{grid-area:1/1;align-self:end;z-index:3;padding-block:20px;pointer-events:none}
.hnt-slider-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;pointer-events:none}
.hnt-slider-bar-inner>*{pointer-events:auto}
.hnt-slider-dots{display:flex;gap:10px}
.hnt-slider-dot{width:44px;height:6px;padding:0;border:0;border-radius:999px;background:rgba(9,36,74,.22);cursor:pointer;position:relative;overflow:hidden}
.hnt-slider-dot:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.hnt-slider-dot.is-active{background:rgba(9,36,74,.28)}
.hnt-slider-dot span{position:absolute;inset:0;width:0;background:var(--amber);border-radius:999px}
.hnt-slider-dot.is-active span{width:100%}
.hnt-slider.is-running .hnt-slider-dot.is-active span{animation:hnt-dot-fill linear forwards;animation-duration:var(--hnt-slide-speed,6000ms)}
@keyframes hnt-dot-fill{from{width:0}to{width:100%}}

.hnt-slider-controls{display:flex;align-items:center;gap:8px}
.hnt-slider-arrow,.hnt-slider-pause{width:44px;height:44px;border:1px solid rgba(9,36,74,.14);border-radius:50%;background:rgba(255,255,255,.94);color:var(--navy);cursor:pointer;display:grid;place-items:center;box-shadow:0 2px 10px rgba(9,36,74,.10);transition:background .2s,border-color .2s,transform .15s}
.hnt-slider-arrow{font-size:24px;line-height:1;padding-bottom:3px}
.hnt-slider-arrow:hover,.hnt-slider-pause:hover{background:#fff;border-color:var(--blue);transform:translateY(-1px)}
.hnt-slider-arrow:focus-visible,.hnt-slider-pause:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.hnt-ico-pause{display:block;width:10px;height:12px;border-left:3px solid var(--navy);border-right:3px solid var(--navy)}
.hnt-slider-pause.is-paused .hnt-ico-pause{width:0;height:0;border:0;border-left:11px solid var(--navy);border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}

.hnt-hero.hnt-slider{background:#f5f8fc}
@media(max-width:900px){
  .hnt-slider .hnt-hero-inner{padding-bottom:92px}
  .hnt-slider-dot{width:32px}
  .hnt-slider-arrow,.hnt-slider-pause{width:40px;height:40px}
}
@media(max-width:600px){
  .hnt-slider .hnt-hero-inner{padding-bottom:84px}
  .hnt-slider-bar{padding-block:14px}
  .hnt-slider-dot{width:26px;height:5px}
  .hnt-slider-arrow,.hnt-slider-pause{width:38px;height:38px}
  .hnt-slider-arrow{font-size:21px}
}
@media(prefers-reduced-motion:reduce){
  .hnt-slide{transition:none}
  .hnt-slider.is-running .hnt-slider-dot.is-active span{animation:none;width:100%}
}

/* ===== Cân đối lại khối mở đầu =====
 * Trước đây khối cao 794px trong khi màn laptop chỉ 660px, tức 120% chiều cao
 * màn hình nên không xem hết được trong một lần nhìn. Tiêu đề 72px với
 * letter-spacing -.065em cũng quá lớn, vỡ thành 4 dòng.
 * Mục tiêu: khối gọn trong một màn hình, tiêu đề 2 dòng.
 */
.hnt-hero{min-height:min(560px,84vh)}
.hnt-hero-inner{padding-block:48px}
.hnt-slider .hnt-hero-inner{padding-bottom:88px}
.hnt-hero-copy{max-width:660px}
.hnt-hero h1{font-size:clamp(32px,3.6vw,52px);line-height:1.14;letter-spacing:-.03em;margin:0 0 18px;max-width:none}
.hnt-hero p{font-size:17px;line-height:1.65;max-width:56ch}
.hnt-kicker{margin-bottom:16px}
.hnt-hero-actions{margin-top:26px}
.hnt-trust-row{margin-top:26px}

@media(max-width:1000px){
  .hnt-hero{min-height:min(500px,82vh)}
  .hnt-hero h1{font-size:clamp(30px,4.4vw,42px)}
  .hnt-hero-copy{max-width:100%}
}
@media(max-width:900px){
  .hnt-hero-inner{padding-block:40px}
  .hnt-slider .hnt-hero-inner{padding-bottom:80px}
}
@media(max-width:600px){
  .hnt-hero{min-height:auto}
  .hnt-hero-inner{padding-block:34px}
  .hnt-slider .hnt-hero-inner{padding-bottom:76px}
  .hnt-hero h1{font-size:clamp(27px,7.4vw,34px);line-height:1.18}
  .hnt-hero p{font-size:16px}
}

/* ===== Dải năng lực: nâng cỡ chữ =====
 * Mô tả cũ chỉ 11px và tiêu đề 13px, nhỏ hơn cả menu (14px).
 * Nâng lên mức đọc thoải mái, đồng thời nới ô và icon cho cân.
 */
.hnt-strip-grid{min-height:118px}
.hnt-strip-grid>div{gap:16px;padding:20px 26px;align-items:flex-start}
.hnt-strip b{font-size:16px;line-height:1.35}
.hnt-strip small{font-size:14px;line-height:1.5;margin-top:4px}
.hnt-icon{width:42px;height:42px;border-radius:11px;font-size:16px}
/* Căn icon thẳng dòng tiêu đề thay vì giữa ô, vì ô có thể cao thấp khác nhau */
.hnt-strip-grid>div .hnt-icon{margin-top:2px}

@media(max-width:1000px){
  .hnt-strip b{font-size:15px}
  .hnt-strip small{font-size:13.5px}
  .hnt-strip-grid>div{padding:18px 22px}
}
@media(max-width:600px){
  .hnt-strip-grid{min-height:0}
  .hnt-strip-grid>div{padding:16px 18px;align-items:center}
  .hnt-strip b{font-size:15px}
  .hnt-strip small{font-size:13.5px}
  .hnt-icon{width:38px;height:38px;font-size:15px}
}

/* ===== Giữ menu dính khi cuộn =====
 * .hnt-site vốn có overflow:hidden để chặn tràn ngang, nhưng theo chuẩn CSS
 * điều đó vô hiệu hoá position:sticky của header bên trong. Dùng overflow-x:clip
 * thay thế: vẫn chặn tràn ngang mà không tạo vùng cuộn, nên sticky hoạt động.
 */
.hnt-site{overflow:visible;overflow-x:clip}
.hnt-header{position:sticky;top:0;z-index:60}
body.admin-bar .hnt-header{top:32px}
@media screen and (max-width:782px){ body.admin-bar .hnt-header{top:46px} }

/* ===== Thanh trên cùng: menu và nút bấm được ===== */
.hnt-topline-list{display:flex;align-items:center;gap:18px;margin:0;padding:0;list-style:none}
.hnt-topline-list a{color:#dbe3ff;font-weight:600;text-decoration:none;transition:color .2s}
.hnt-topline-list a:hover{color:#fff;text-decoration:underline}
.hnt-topline .hnt-topline-cta{color:#fff;font-weight:700;text-decoration:none;transition:opacity .2s}
.hnt-topline .hnt-topline-cta:hover{opacity:.8;text-decoration:underline}
.hnt-topline a:focus-visible,.hnt-topline-list a:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:3px}
@media(max-width:760px){ .hnt-topline-list{gap:12px} }