.hn .h-btn--zalo{color:#fff;background:#0068ff}.hn .h-btn--zalo:hover{background:#0052cc}.hn .h-btn--white{color:var(--h-red);background:#fff}.hn .h-btn--white:hover{transform:translateY(-2px)}.hn .phero{min-height:340px;padding:clamp(56px,7vw,90px) 0 clamp(60px,7vw,96px)}.hn .phero__in{z-index:1;position:relative}.hn .phero__img{object-fit:cover;z-index:-1;opacity:.38;width:52%;height:100%;position:absolute;top:0;right:0;-webkit-mask:linear-gradient(90deg,#0000,#000 55%);mask:linear-gradient(90deg,#0000,#000 55%)}.hn .crumb{color:#ffffffb3;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px;font-size:13.5px;display:flex}.hn .crumb a:hover{color:#fff}.hn .crumb>span{opacity:.5}.hn .crumb--dark{color:var(--h-ink-3)}.hn .crumb--dark a:hover{color:var(--h-blue)}.hn .phero__t{text-transform:uppercase;max-width:760px;margin:10px 0 14px;font-size:clamp(32px,4.6vw,54px);font-weight:800;line-height:1.1}.hn .phero__t em{color:var(--h-gold);font-style:normal}.hn .phero__d{color:#ffffffd9;max-width:620px;margin:0;font-size:clamp(15px,1.5vw,17.5px)}.hn .chips{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.hn .chips>span,.hn .chips>a{transition:.3s var(--h-ease);background:#ffffff1a;border:1px solid #fff3;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:600;display:inline-flex}.hn .chips svg{color:var(--h-gold)}.hn .chips>a:hover,.hn .chips>a.on{color:var(--h-navy);background:#fff}.hn .s-txt{color:var(--h-ink-2);font-size:16px}.hn .s-txt+.s-txt{margin-top:14px}.hn .head-row{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:28px;display:flex}.hn .head-row .title{margin:0}.hn .story{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,5vw,70px);display:grid}.hn .collage{aspect-ratio:1;max-width:560px;position:relative}.hn .collage img{object-fit:cover;transition:transform .6s var(--h-ease);border-radius:20px;position:absolute;box-shadow:0 30px 60px -28px #081a4d8c}.hn .collage .c1{width:76%;height:68%;top:0;left:0}.hn .collage .c2{border:8px solid #fff;width:58%;height:52%;bottom:0;right:0}.hn .collage:hover .c1{transform:translate(-6px,-6px)}.hn .collage:hover .c2{transform:translate(6px,6px)}.hn .collage__badge{background:linear-gradient(135deg, var(--h-red), #ff5a3c);color:#fff;border-radius:16px;align-items:center;gap:10px;padding:16px 20px;animation:5s ease-in-out infinite hn-float;display:flex;position:absolute;bottom:8%;left:8%;box-shadow:0 20px 40px -16px #e5262ab3}.hn .collage__badge b{font-size:42px;font-weight:800;line-height:1}.hn .collage__badge span{font-size:14px;font-weight:700;line-height:1.3}.hn .checks{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.hn .checks span{background:var(--h-mist);color:var(--h-navy);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:14.5px;font-weight:600;transition:all .3s;display:flex}.hn .checks span:before{content:"";background:var(--h-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center / 13px no-repeat;border-radius:50%;flex:none;width:22px;height:22px}.hn .checks span:hover{background:#e6edff;transform:translate(4px)}.hn .vmv{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.hn .vmv__c{border:1px solid var(--h-line);transition:.4s var(--h-ease);background:#fff;border-radius:20px;padding:34px 28px;position:relative;overflow:hidden}.hn .vmv__c:after{content:"";background:radial-gradient(circle,#1747e61f,#0000 70%);border-radius:50%;width:220px;height:220px;transition:all .5s;position:absolute;inset:auto -40% -60% auto}.hn .vmv__c:hover,.hn .vmv__c.tap{border-color:#0000;transform:translateY(-8px);box-shadow:0 30px 50px -26px #081a4d73}.hn .vmv__c:hover:after{transform:scale(1.6)}.hn .vmv__c--hl{background:linear-gradient(150deg, var(--h-navy), var(--h-blue));color:#fff;border:0}.hn .vmv__c--hl p{color:#ffffffd9!important}.hn .vmv__ic{width:60px;height:60px;color:var(--h-blue);background:#eef3ff;border-radius:16px;place-items:center;margin-bottom:18px;display:grid}.hn .vmv__c--hl .vmv__ic{color:var(--h-gold);background:#ffffff26}.hn .vmv h3{margin:0 0 10px;font-size:21px;font-weight:800}.hn .vmv p{color:var(--h-ink-2);margin:0}.hn .kpis{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.hn .kpi{text-align:center;transition:.4s var(--h-ease);cursor:default;background:#ffffff12;border:1px solid #ffffff26;border-radius:20px;padding:30px 16px}.hn .kpi b{color:var(--h-gold);margin-bottom:10px;font-size:clamp(38px,4.4vw,56px);font-weight:800;line-height:1;transition:all .4s;display:block}.hn .kpi span{opacity:.85}.hn .kpi:hover,.hn .kpi.tap{background:#ffffff21;border-color:#ffb70380;transform:translateY(-8px)}.hn .kpi:hover b,.hn .kpi.tap b{text-shadow:0 0 26px #ffb703cc;transform:scale(1.08)}.hn .fields{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.hn .fld{aspect-ratio:4/4.6;color:#fff;border-radius:22px;display:block;position:relative;overflow:hidden}.hn .fld img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--h-ease)}.hn .fld:after{content:"";background:linear-gradient(#081a4d1a 30%,#081a4df2);transition:all .5s;position:absolute;inset:0}.hn .fld__t{z-index:1;padding:26px;position:absolute;bottom:0;left:0;right:0}.hn .fld__t span{background:var(--h-gold);color:var(--h-navy);border-radius:999px;margin-bottom:10px;padding:4px 12px;font-size:12px;font-weight:800;display:inline-block}.hn .fld__t h3{text-transform:uppercase;margin:0 0 8px;font-size:23px;font-weight:800}.hn .fld__t p{opacity:0;max-height:0;transition:.5s var(--h-ease);margin:0;font-size:14.5px;overflow:hidden}.hn .fld:hover img,.hn .fld.tap img{transform:scale(1.08)}.hn .fld:hover .fld__t p,.hn .fld.tap .fld__t p{opacity:.9;max-height:120px;margin-top:4px}.hn .cat-wrap{grid-template-columns:260px 1fr;align-items:start;gap:30px;display:grid}.hn .fbox{top:calc(var(--header-h) + 24px);border:1px solid var(--h-line);background:#fff;border-radius:18px;padding:22px;position:sticky}.hn .fbox h4{text-transform:uppercase;letter-spacing:.06em;color:var(--h-navy);margin:0 0 12px;font-size:14px;font-weight:800}.hn .fbox__grp{margin-bottom:22px}.hn .fbox label,.hn .fbox__grp>a{cursor:pointer;color:var(--h-ink-2);align-items:center;gap:10px;padding:7px 0;font-size:14.5px;display:flex}.hn .fbox__grp>a:hover,.hn .fbox__grp>a.on{color:var(--h-blue);font-weight:700}.hn .fbox__grp small{color:var(--h-ink-3);margin-left:auto;font-size:12.5px}.hn .fbox input{width:18px;height:18px;accent-color:var(--h-blue)}.hn .fbox__help{background:linear-gradient(135deg, var(--h-navy), var(--h-blue));color:#fff;border-radius:14px;margin-top:6px;padding:16px}.hn .fbox__help b{margin-bottom:4px;display:block}.hn .fbox__help p{opacity:.85;margin:0 0 12px;font-size:13.5px}.hn .tbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.hn .tbar p{color:var(--h-ink-3);margin:0}.hn .tbar b{color:var(--h-navy)}.hn .tbar select{border:1.5px solid var(--h-line);height:42px;font:inherit;background:#fff;border-radius:10px;padding:0 12px;font-size:14px}.hn .cgrid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.hn .prod__qa{opacity:0;transition:.4s var(--h-ease);gap:8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px;transform:translateY(130%)}.hn .prod__qa span{height:38px;color:var(--h-navy);background:#fff;border-radius:10px;flex:1;place-items:center;font-size:13.5px;font-weight:700;display:grid;box-shadow:0 8px 20px -8px #0006}.hn .prod__qa span:first-child{background:var(--h-red);color:#fff}.hn .prod:hover .prod__qa,.hn .prod.tap .prod__qa{opacity:1;transform:none}.hn .s-ph{color:#fff;width:100%;height:100%;transition:transform .7s var(--h-ease);background:radial-gradient(circle at 30% 20%,#2f6bff,#0d2a78 60%,#081a4d);place-items:center;display:grid}.hn .s-ph svg{opacity:.9;filter:drop-shadow(0 0 18px #78aaffcc);width:34%;height:34%}.hn .prod:hover .s-ph{transform:scale(1.06)}.hn .midcta{color:#fff;background:linear-gradient(120deg,#c81e22,#ff5a3c);border-radius:18px;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;display:flex}.hn .midcta b{font-size:19px;display:block}.hn .midcta span{opacity:.9;font-size:14px}.hn .s-pager{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:34px;display:flex}.hn .s-pager a,.hn .s-pager span{border:1.5px solid var(--h-line);min-width:44px;height:44px;color:var(--h-navy);background:#fff;border-radius:12px;place-items:center;padding:0 6px;font-weight:700;display:grid}.hn .s-pager .on,.hn .s-pager a:hover{background:var(--h-blue);border-color:var(--h-blue);color:#fff}.hn .s-pager .gap{background:0 0;border:0}.hn .s-empty{border:1px dashed var(--h-line);text-align:center;color:var(--h-ink-2);background:#fff;border-radius:18px;grid-column:1/-1;padding:40px 24px}.hn .s-empty b{color:var(--h-navy);margin-bottom:6px;font-size:18px;display:block}.hn .guide{grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(24px,4vw,56px);display:grid}.hn .guide .s-txt{margin-bottom:22px}.hn .pitch{gap:10px;display:grid}.hn .pitch>div{border:1px solid var(--h-line);transition:.3s var(--h-ease);background:#fff;border-radius:14px;grid-template-columns:110px 1fr;align-items:center;gap:14px;padding:14px 18px;display:grid}.hn .pitch>div:hover{border-color:var(--h-blue);transform:translate(6px);box-shadow:0 14px 28px -18px #1747e699}.hn .pitch b{color:var(--h-blue);font-size:20px;font-weight:800}.hn .pitch span{color:var(--h-ink-2);font-size:14.5px}.hn .pitch i{background:linear-gradient(90deg, var(--h-sky), var(--h-blue));height:6px;width:var(--w);border-radius:6px;margin-top:6px;display:block}.hn .cat-content{max-width:900px;margin-inline:auto}.hn .s-pd{padding-top:34px}.hn .s-pd .crumb{margin-bottom:26px}.hn .s-pd__g{grid-template-columns:1.05fr 1fr;align-items:start;gap:clamp(28px,4vw,56px);display:grid}.hn .gal__main{aspect-ratio:1;cursor:zoom-in;background:#eef1f6;border-radius:22px;position:relative;overflow:hidden}.hn .gal__main img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--h-ease), opacity .3s}.hn .gal__main img.ct{object-fit:contain;padding:8%}.hn .gal__main:hover img{transform:scale(1.12)}.hn .gal__tag{background:var(--h-blue);color:#fff;border-radius:8px;padding:6px 14px;font-weight:800;position:absolute;top:16px;left:16px}.hn .gal__zoom{width:46px;height:46px;color:var(--h-navy);cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:16px;right:16px;box-shadow:0 10px 20px -8px #0006}.hn .gal__th{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px;display:grid}.hn .gal__th button{aspect-ratio:1;cursor:pointer;background:#eef1f6;border:2px solid #0000;border-radius:14px;padding:0;transition:all .25s;overflow:hidden}.hn .gal__th button.on{border-color:var(--h-blue);box-shadow:0 0 0 4px #e6edff}.hn .gal__th img{object-fit:cover;width:100%;height:100%}.hn .s-pd__badges{flex-wrap:wrap;gap:8px;display:flex}.hn .b{color:var(--h-blue);background:#eef3ff;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:700}.hn .b--g{color:#0b8a4a;background:#e6f8ee}.hn .s-pd__info h1{color:var(--h-navy);margin:14px 0 12px;font-size:clamp(28px,3.4vw,40px);font-weight:800;line-height:1.15}.hn .s-pd__price{background:#fff4f4;border:1px dashed #f3b0b0;border-radius:14px;flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:18px;padding:14px 18px;display:flex}.hn .s-pd__price b{color:var(--h-red);font-size:26px}.hn .s-pd__price span{color:var(--h-ink-3);font-size:14px}.hn .s-pd__pts{gap:8px;margin:0 0 18px;padding:0;list-style:none;display:grid}.hn .s-pd__pts li{color:var(--h-ink-2);gap:10px;display:flex}.hn .s-pd__pts li:before{content:"";background:#e6edff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231747e6' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") 50%/12px no-repeat;border-radius:50%;flex:none;width:20px;height:20px;margin-top:2px}.hn .s-pd__spec4{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.hn .s-pd__spec4 div{background:var(--h-mist);text-align:center;border-radius:12px;padding:12px;transition:all .3s}.hn .s-pd__spec4 div:hover{background:#e6edff;transform:translateY(-3px)}.hn .s-pd__spec4 small{color:var(--h-ink-3);font-size:12px;display:block}.hn .s-pd__spec4 b{color:var(--h-navy)}.hn .s-pd__cta{flex-wrap:wrap;gap:10px;display:flex}.hn .s-pd__trust{border-top:1px solid var(--h-line);color:var(--h-ink-2);flex-wrap:wrap;gap:18px;margin-top:20px;padding-top:18px;font-size:14px;font-weight:600;display:flex}.hn .s-pd__trust span{align-items:center;gap:8px;display:flex}.hn .s-pd__trust svg{color:var(--h-blue)}.hn .s-pd__body{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:30px;display:grid}.hn .s-tabs{border:1px solid var(--h-line);background:#fff;border-radius:14px;gap:6px;margin-bottom:18px;padding:6px;display:flex;overflow-x:auto}.hn .s-tabs button{color:var(--h-ink-2);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;padding:11px 18px;font-size:14.5px;font-weight:700}.hn .s-tabs button.on{background:var(--h-navy);color:#fff}.hn .tabp{border:1px solid var(--h-line);animation:hn-fade .4s var(--h-ease);background:#fff;border-radius:18px;padding:clamp(20px,3vw,32px)}.hn .art{color:var(--h-ink-2);overflow-wrap:anywhere;font-size:16px;line-height:1.8}.hn .art p{margin:0 0 16px}.hn .art h2{color:var(--h-navy);scroll-margin-top:calc(var(--header-h) + 24px);margin:36px 0 12px;font-size:clamp(22px,2.4vw,28px);font-weight:800;line-height:1.3}.hn .art h3{color:var(--h-navy);margin:24px 0 12px;font-size:19px;font-weight:800}.hn .art a:not(.h-btn){color:var(--h-blue);text-decoration:underline}.hn .art img{border-radius:14px;height:auto;margin:18px 0}.hn .art ul{gap:10px;margin:0 0 16px;padding-left:0;list-style:none;display:grid}.hn .art ul li{padding-left:28px;line-height:1.7;position:relative}.hn .art ul li:before{content:"";background:linear-gradient(135deg, var(--h-sky), var(--h-blue));border-radius:4px;width:14px;height:14px;position:absolute;top:7px;left:0}.hn .art ol{margin:0 0 16px;padding-left:22px}.hn .art table{border-collapse:collapse;width:100%;margin:18px 0;font-size:15px}.hn .art td,.hn .art th{border:1px solid var(--h-line);text-align:left;padding:12px 16px}.hn .art blockquote{background:linear-gradient(135deg, var(--h-navy), var(--h-blue));color:#fff;border-radius:16px;margin:28px 0;padding:22px 26px;font-size:19px;font-style:italic;position:relative}.hn .art blockquote:before{content:"“";color:var(--h-gold);font-size:72px;font-style:normal;line-height:1;position:absolute;top:-18px;left:18px}.hn .art blockquote p{margin:0}.hn .art>:first-child{margin-top:0}.hn .feat4{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;display:grid}.hn .feat4>div{background:var(--h-mist);border-radius:14px;grid-template-columns:auto 1fr;column-gap:12px;padding:16px;line-height:1.5;transition:all .3s;display:grid}.hn .feat4>div>span{background:var(--h-blue);color:#fff;border-radius:12px;grid-row:span 2;place-items:center;width:40px;height:40px;display:grid}.hn .feat4 b{color:var(--h-navy)}.hn .feat4 small{color:var(--h-ink-3);font-size:13.5px}.hn .feat4>div:hover{background:#e6edff;transform:translateY(-3px)}.hn .callout{border-left:4px solid var(--h-gold);color:#5c4500;background:#fff8e1;border-radius:14px;margin:22px 0;padding:18px 20px}.hn .s-spec{border-collapse:collapse;border-radius:14px;width:100%;font-size:15px;overflow:hidden}.hn .s-spec th,.hn .s-spec td{text-align:left;border-bottom:1px solid var(--h-line);padding:14px 18px}.hn .s-spec th{background:var(--h-mist);width:42%;color:var(--h-ink-2);font-weight:600}.hn .s-spec tr:hover td,.hn .s-spec tr:hover th{background:#eef3ff}.hn .usecases{flex-wrap:wrap;gap:10px;display:flex}.hn .usecases span{background:var(--h-mist);color:var(--h-navy);cursor:default;border-radius:999px;padding:12px 18px;font-weight:700;transition:all .3s}.hn .usecases span:hover{background:var(--h-blue);color:#fff;transform:translateY(-3px)}.hn .qbox{top:calc(var(--header-h) + 24px);background:linear-gradient(150deg, var(--h-navy), var(--h-blue));color:#fff;border-radius:20px;padding:26px;position:sticky;box-shadow:0 30px 60px -30px #081a4db3}.hn .qbox h3{margin:0 0 6px;font-size:21px;font-weight:800}.hn .qbox>p{opacity:.85;margin:0 0 16px;font-size:14px}.hn .qbox form{gap:10px;display:grid}.hn .qbox input{height:46px;font:inherit;color:var(--h-ink);border:0;border-radius:10px;padding:0 14px;font-size:14.5px}.hn .qbox__msg{color:#ffd2d2;margin:0;font-size:13.5px;font-weight:600}.hn .qbox__done{background:#ffffff1f;border-radius:12px;align-items:flex-start;gap:10px;padding:14px;font-weight:600;display:flex}.hn .qbox__call{color:var(--h-gold);justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:18px;font-weight:800;display:flex}.hn .filt{flex-wrap:wrap;gap:8px;margin-bottom:26px;display:flex}.hn .filt>a,.hn .filt>button{border:1.5px solid var(--h-line);color:var(--h-ink-2);cursor:pointer;background:#fff;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .25s}.hn .filt i{background:var(--h-mist);border-radius:999px;place-items:center;min-width:22px;height:22px;margin-left:6px;font-size:12px;font-style:normal;display:inline-grid}.hn .filt .on{background:var(--h-navy);border-color:var(--h-navy);color:#fff}.hn .filt .on i{background:var(--h-gold);color:var(--h-navy)}.hn .pjgrid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.hn .pjc{aspect-ratio:4/3.4;cursor:pointer;color:#fff;text-align:left;background:var(--h-navy);width:100%;font:inherit;transition:.4s var(--h-ease);border:0;border-radius:20px;padding:0;display:block;position:relative;overflow:hidden}.hn .pjc img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--h-ease)}.hn .pjc:after{content:"";background:linear-gradient(#0000 35%,#081a4df2);transition:all .5s;position:absolute;inset:0}.hn .pjc__t{z-index:1;transition:.5s var(--h-ease);padding:22px;position:absolute;bottom:0;left:0;right:0}.hn .pjc__t small{background:var(--h-red);border-radius:6px;margin-bottom:8px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.hn .pjc__t h3{margin:0;font-size:19px;font-weight:700;line-height:1.35}.hn .pjc__t p{opacity:0;max-height:0;transition:.5s var(--h-ease);margin:0;font-size:14px;overflow:hidden}.hn .pjc__z{z-index:1;width:44px;height:44px;color:var(--h-navy);transition:.4s var(--h-ease);background:#fffffff2;border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:16px;transform:scale(0)rotate(-90deg)}.hn .pjc:hover img,.hn .pjc.tap img{transform:scale(1.1)}.hn .pjc:hover .pjc__t p,.hn .pjc.tap .pjc__t p{opacity:.9;max-height:80px;margin-top:8px}.hn .pjc:hover .pjc__z,.hn .pjc.tap .pjc__z{transform:none}.lb{z-index:210;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040c24eb;place-items:center;padding:30px;animation:.3s hn-fade;display:grid;position:fixed;inset:0}.lb__box{justify-items:center;gap:16px;display:grid}.lb img{border-radius:16px;max-width:min(1100px,100%);max-height:74vh;box-shadow:0 40px 80px -30px #000}.lb__cap{color:#fff;text-align:center;font-weight:700}.lb__cap a{color:#081a4d;background:#fff;border-radius:999px;align-items:center;gap:6px;margin-left:10px;padding:6px 14px;font-size:14px;display:inline-flex}.lb__x{color:#081a4d;cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:20px;right:24px}.hn .sbox{max-width:520px;color:var(--h-ink);background:#fff;border-radius:999px;align-items:center;gap:10px;margin-top:24px;padding:6px 6px 6px 18px;display:flex}.hn .sbox input{min-width:0;height:44px;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:15px}.hn .sbox svg{color:var(--h-blue)}.hn .blog{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:32px;display:grid}.hn .feat-post{background:var(--h-navy);color:#fff;transition:.4s var(--h-ease);border-radius:22px;grid-template-columns:1.1fr 1fr;margin-bottom:24px;display:grid;overflow:hidden}.hn .feat-post img{object-fit:cover;width:100%;height:100%;min-height:300px;transition:transform .9s var(--h-ease)}.hn .feat-post>div{flex-direction:column;justify-content:center;padding:clamp(22px,3vw,36px);display:flex}.hn .feat-post h2{margin:12px 0 10px;font-size:clamp(22px,2.6vw,30px);font-weight:800;line-height:1.25}.hn .feat-post p{opacity:.85;margin:0 0 14px}.hn .feat-post small{opacity:.7}.hn .feat-post:hover{transform:translateY(-4px);box-shadow:0 30px 60px -30px #081a4dcc}.hn .feat-post:hover img{transform:scale(1.06)}.hn .tag{background:var(--h-gold);color:var(--h-navy);border-radius:999px;width:max-content;padding:4px 12px;font-size:12px;font-weight:800;display:inline-block}.hn .ngrid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.hn .ngrid--3{grid-template-columns:repeat(3,1fr)}.hn .nc{border:1px solid var(--h-line);transition:.4s var(--h-ease);background:#fff;border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.hn .nc__img{aspect-ratio:16/10;background:var(--h-mist);position:relative;overflow:hidden}.hn .nc__img img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--h-ease)}.hn .nc__img .tag{position:absolute;top:14px;left:14px}.hn .nc>div:last-child{flex-direction:column;flex:1;padding:18px 20px 20px;display:flex}.hn .nc small{color:var(--h-ink-3);font-size:13px}.hn .nc h3{color:var(--h-navy);margin:6px 0 8px;font-size:17.5px;font-weight:700;line-height:1.4;transition:all .3s}.hn .nc p{color:var(--h-ink-2);margin:0 0 14px;font-size:14.5px}.hn .nc .more{color:var(--h-blue);align-items:center;gap:6px;margin-top:auto;font-size:14px;font-weight:700;transition:gap .3s;display:inline-flex}.hn .nc:hover,.hn .nc.tap{border-color:#0000;transform:translateY(-6px);box-shadow:0 26px 50px -28px #081a4d80}.hn .nc:hover img{transform:scale(1.07)}.hn .nc:hover h3{color:var(--h-blue)}.hn .nc:hover .more{gap:12px}.hn .side{top:calc(var(--header-h) + 24px);gap:18px;display:grid;position:sticky}.hn .side__box{border:1px solid var(--h-line);background:#fff;border-radius:18px;padding:22px}.hn .side h4{text-transform:uppercase;color:var(--h-navy);margin:0 0 14px;font-size:15px;font-weight:800}.hn .side__tags{flex-wrap:wrap;gap:8px;display:flex}.hn .side__tags a{background:var(--h-mist);border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:600;transition:all .25s}.hn .side__tags a:hover,.hn .side__tags a.on{background:var(--h-blue);color:#fff}.hn .side__top{counter-reset:n;gap:14px;margin:0;padding:0;list-style:none;display:grid}.hn .side__top li{counter-increment:n;align-items:flex-start;gap:12px;font-size:14.5px;font-weight:600;line-height:1.45;display:flex}.hn .side__top li:before{content:counter(n);background:linear-gradient(135deg, var(--h-blue), var(--h-violet));color:#fff;border-radius:10px;flex:none;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.hn .side__top a:hover{color:var(--h-blue)}.hn .side__cta{background:linear-gradient(150deg, var(--h-navy), var(--h-blue));color:#fff;border-radius:18px;gap:10px;padding:24px;display:grid}.hn .side__cta h4{color:#fff;margin:0}.hn .side__cta p{opacity:.85;margin:0 0 6px;font-size:14px}.readbar{z-index:70;pointer-events:none;height:4px;position:fixed;top:0;left:0;right:0}.readbar i{background:linear-gradient(90deg,#ffb703,#e5262a);width:0;height:100%;display:block}.hn .ahero{color:#fff;background:var(--h-navy);align-items:flex-end;min-height:440px;display:flex;position:relative;overflow:hidden}.hn .ahero>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hn .ahero:after{content:"";background:linear-gradient(#081a4d4d,#081a4df2);position:absolute;inset:0}.hn .ahero__in{z-index:1;padding:60px 0 44px;position:relative}.hn .ahero h1{max-width:860px;margin:14px 0;font-size:clamp(30px,4.4vw,50px);font-weight:800;line-height:1.15}.hn .ahero__meta{opacity:.85;flex-wrap:wrap;gap:18px;font-size:14.5px;display:flex}.hn .ahero__meta span{align-items:center;gap:6px;display:flex}.hn .post{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:40px;display:grid}.hn .post--notoc{grid-template-columns:minmax(0,1fr)}.hn .toc{top:calc(var(--header-h) + 24px);background:var(--h-mist);border-radius:18px;padding:22px;position:sticky}.hn .toc h4{text-transform:uppercase;color:var(--h-navy);margin:0 0 12px;font-size:14px}.hn .toc ol{gap:10px;margin:0;padding-left:18px;font-size:14.5px;display:grid}.hn .toc a{color:var(--h-ink-2);transition:all .2s}.hn .toc a.on,.hn .toc a:hover{color:var(--h-blue);font-weight:700}.hn .share{border-top:1px solid var(--h-line);color:var(--h-ink-3);align-items:center;gap:8px;margin-top:20px;padding-top:16px;font-size:13px;display:flex}.hn .share a,.hn .share button{min-width:34px;height:34px;font:inherit;color:var(--h-blue);cursor:pointer;background:#fff;border:0;border-radius:10px;place-items:center;padding:0 8px;font-weight:700;transition:all .25s;display:grid}.hn .share a:hover,.hn .share button:hover{background:var(--h-blue);color:#fff}.hn .art--lg{max-width:780px}.hn .lede{font-weight:500;color:var(--h-ink)!important;font-size:19px!important}.hn .pfacts{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px;display:grid}.hn .pfacts div{background:var(--h-mist);border-radius:14px;padding:14px 16px}.hn .pfacts small{color:var(--h-ink-3);font-size:12.5px;display:block}.hn .pfacts b{color:var(--h-navy)}.hn .inline-cta{background:#fff4f4;border:1px dashed #f3b0b0;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:30px;padding:22px 24px;display:flex}.hn .inline-cta b{color:var(--h-navy);font-size:18px;display:block}.hn .inline-cta span{color:var(--h-ink-3);font-size:14px}.hn .ccards{z-index:3;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:-56px;display:grid;position:relative}.hn .cc{transition:.4s var(--h-ease);background:#fff;border-radius:20px;flex-direction:column;gap:2px;padding:26px;display:flex;box-shadow:0 26px 50px -28px #081a4d80}.hn .cc__ic{width:54px;height:54px;color:var(--h-blue);transition:.4s var(--h-ease);background:#eef3ff;border-radius:16px;place-items:center;margin-bottom:14px;font-size:13px;font-weight:800;display:grid}.hn .cc__ic--r{color:var(--h-red);background:#ffecec}.hn .cc__ic--z{color:#fff;background:#0068ff}.hn .cc small{color:var(--h-ink-3);font-weight:600}.hn .cc b{color:var(--h-navy);overflow-wrap:anywhere;font-size:20px}.hn .cc em{color:var(--h-ink-3);font-size:14px;font-style:normal}.hn .cc:hover,.hn .cc.tap{transform:translateY(-8px);box-shadow:0 34px 60px -28px #1747e68c}.hn .cc:hover .cc__ic{transform:rotate(-10deg)scale(1.1)}.hn .s-contact{grid-template-columns:1fr 1.05fr;align-items:start;gap:clamp(28px,4vw,56px);display:grid}.hn .office{background:var(--h-mist);border-radius:16px;margin-bottom:12px;padding:18px 20px;transition:all .3s}.hn .office:hover{background:#e6edff;transform:translate(6px)}.hn .office h3{color:var(--h-navy);align-items:center;gap:8px;margin:0 0 6px;font-size:17px;font-weight:800;display:flex}.hn .office h3 svg{color:var(--h-red)}.hn .office p{color:var(--h-ink-2);margin:0}.hn .s-map{aspect-ratio:16/10;background:var(--h-mist);border:1px solid var(--h-line);border-radius:18px;margin-top:16px;overflow:hidden}.hn .s-map iframe{border:0;width:100%;height:100%}.hn .s-contact .form{border:1px solid var(--h-line);box-shadow:0 30px 60px -30px #081a4d66}.hn .pick{flex-wrap:wrap;gap:8px;display:flex}.hn .pick button{border:1.5px solid var(--h-line);font:inherit;color:var(--h-ink);cursor:pointer;background:#fbfcff;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:600;transition:all .2s}.hn .pick button.on{border-color:var(--h-blue);color:var(--h-blue);background:#eef3ff}.hn .faqw{max-width:860px}.hn .faq{gap:12px;display:grid}.hn .fq{border:1px solid var(--h-line);background:#fff;border-radius:16px;transition:all .3s;overflow:hidden}.hn .fq button{width:100%;font:inherit;color:var(--h-navy);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;font-size:16px;font-weight:700;display:flex}.hn .fq button i{background:var(--h-mist);width:30px;height:30px;transition:.35s var(--h-ease);border-radius:50%;flex:none;place-items:center;font-size:20px;font-style:normal;display:grid}.hn .fq__a{transition:grid-template-rows .45s var(--h-ease);grid-template-rows:0fr;display:grid}.hn .fq__a>div{overflow:hidden}.hn .fq p{color:var(--h-ink-2);margin:0;padding:0 22px 20px}.hn .fq.on{border-color:var(--h-blue);box-shadow:0 18px 36px -24px #1747e680}.hn .fq.on .fq__a{grid-template-rows:1fr}.hn .fq.on button i{background:var(--h-blue);color:#fff;transform:rotate(45deg)}.hn .s-page{max-width:860px;margin-inline:auto}.hn .s-page__cover{border-radius:20px;margin:0 0 28px;overflow:hidden}@media (max-width:1024px){.hn .story,.hn .guide,.hn .s-pd__g,.hn .s-pd__body,.hn .blog,.hn .post,.hn .s-contact{grid-template-columns:minmax(0,1fr)}.hn .vmv,.hn .fields,.hn .kpis{grid-template-columns:1fr 1fr}.hn .cat-wrap{grid-template-columns:minmax(0,1fr)}.hn .fbox{position:static}.hn .cgrid,.hn .pjgrid,.hn .ngrid--3{grid-template-columns:1fr 1fr}.hn .qbox,.hn .side,.hn .toc{position:static}.hn .phero__img{opacity:.22;width:100%;-webkit-mask:none;mask:none}}@media (max-width:760px){.hn .ccards{grid-template-columns:1fr;margin-top:-40px}.hn .feat-post{grid-template-columns:1fr}.hn .feat-post img{min-height:200px}.hn .checks,.hn .feat4{grid-template-columns:1fr}.hn .s-pd__spec4,.hn .pfacts{grid-template-columns:1fr 1fr}}@media (max-width:520px){.hn .vmv,.hn .fields,.hn .pjgrid,.hn .ngrid,.hn .ngrid--3{grid-template-columns:1fr}.hn .cgrid{grid-template-columns:1fr 1fr;gap:12px}.hn .collage{aspect-ratio:1/1.05}.hn .pitch>div{grid-template-columns:80px 1fr}.hn .prod__qa{display:none}}