:root{
  --x-ink:#1B325D; --x-body:#54687D; --x-muted:#6E819A; --x-line:#E4EBF2;
  --x-surface:#FFFFFF; --x-surface-2:#EEF3F8; --x-bg:#F6F9FB;
  --x-navy:#132445; --x-navy-2:#1B325D;
  --x-accent:#28A34A; --x-accent-2:#33B85A; --x-accent-strong:#1F8B3E; --x-accent-soft:rgba(40,163,74,.12);
  --x-danger:#D9432F; --x-danger-soft:rgba(217,67,47,.08);
  --x-cyan:#3A569E;
  --x-shadow-sm:0 1px 2px rgba(14,34,54,.05),0 10px 24px -16px rgba(14,34,54,.20);
  --x-shadow-md:0 3px 6px rgba(14,34,54,.06),0 30px 60px -30px rgba(14,34,54,.40);
  --x-shadow-lg:0 40px 90px -40px rgba(14,34,54,.5);
  --x-r-xl:26px; --x-r-lg:20px; --x-r-md:14px;
  --x-ease:cubic-bezier(.16,1,.3,1);
}

.ntsx :where(h1,h2,h3){letter-spacing:-.025em;color:var(--x-ink);line-height:1.28;margin:0}
.ntsx-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700;
  text-transform:uppercase;letter-spacing:.16em;color:var(--x-accent)}
.ntsx-eyebrow::before{content:"";width:24px;height:2px;background:currentColor;border-radius:2px}
.ntsx-tnum{font-variant-numeric:tabular-nums;letter-spacing:-.02em}

.ntsx-btn{position:relative;display:inline-flex;align-items:center;gap:9px;padding:14px 26px;border-radius:13px;
  font-weight:700;font-size:15px;cursor:pointer;border:1px solid transparent;overflow:hidden;text-decoration:none;
  transition:transform .2s var(--x-ease),box-shadow .2s var(--x-ease)}
.ntsx-btn svg{transition:transform .25s var(--x-ease);width:16px;height:16px}
.ntsx-btn:hover svg{transform:translateX(4px)}
.ntsx-btn-primary{background:linear-gradient(135deg,var(--x-accent),var(--x-accent-2));color:#fff;
  box-shadow:0 18px 34px -14px rgba(40,163,74,.7)}
.ntsx-btn-primary:hover{transform:translateY(-3px);box-shadow:0 26px 46px -14px rgba(40,163,74,.8);color:#fff}
.ntsx-btn-primary::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg)}
.ntsx-btn-primary:hover::after{animation:ntsxSweep .8s ease}
@keyframes ntsxSweep{to{left:130%}}
.ntsx-btn-ghost{background:rgba(255,255,255,.07);color:#fff;border-color:rgba(255,255,255,.22)}
.ntsx-btn-ghost:hover{background:rgba(255,255,255,.14);transform:translateY(-3px);color:#fff}

.ntsx-hero{position:relative;overflow:hidden;color:#fff;isolation:isolate;padding-bottom:84px;background:linear-gradient(180deg,#1B325D 0%,#132445 100%)}
.ntsx-hero-canvas{position:absolute;inset:0;z-index:-2;width:100%;height:100%;opacity:.9}
@keyframes ntsxDrift1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,30px) scale(1.12)}}
@keyframes ntsxDrift2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-46px,26px) scale(1.08)}}
.ntsx-hero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.4;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(ellipse 85% 70% at 28% 26%,#000,transparent 76%);
          mask-image:radial-gradient(ellipse 85% 70% at 28% 26%,#000,transparent 76%)}
.ntsx-hero-grid{position:relative;display:grid;grid-template-columns:1.12fr .88fr;gap:56px;align-items:center;padding:60px 0 40px}
.ntsx-hero .ntsx-eyebrow{color:#6FDB8C}
.ntsx-hero-title{color:#fff;font-size:clamp(34px,4.6vw,54px);margin:14px 0 20px;font-weight:800;letter-spacing:-.03em}
.ntsx-hero-title .hl{background:linear-gradient(100deg,#33B85A,#7CE39B);-webkit-background-clip:text;background-clip:text;color:transparent}
.ntsx-lede{font-size:17px;line-height:1.7;color:rgba(255,255,255,.75);max-width:40ch}
.ntsx-status{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.82);
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);padding:7px 14px;border-radius:999px;margin-bottom:20px}
.ntsx-status .dot{width:8px;height:8px;border-radius:50%;background:var(--x-accent-2);animation:ntsxPulse 2.2s infinite}
@keyframes ntsxPulse{0%{box-shadow:0 0 0 0 rgba(40,163,74,.5)}70%{box-shadow:0 0 0 8px rgba(40,163,74,0)}100%{box-shadow:0 0 0 0 rgba(40,163,74,0)}}
.ntsx-ticks{display:flex;flex-wrap:wrap;gap:12px 24px;margin:26px 0 30px;padding:0;list-style:none}
.ntsx-tick{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:rgba(255,255,255,.9)}
.ntsx-tick i{width:22px;height:22px;border-radius:50%;background:rgba(40,163,74,.16);color:var(--x-accent-2);display:grid;place-items:center;flex:none}
.ntsx-btnrow{display:flex;flex-wrap:wrap;gap:14px}

.ntsx-panel{position:relative;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);
  border-radius:24px;padding:28px;backdrop-filter:blur(8px);box-shadow:var(--x-shadow-lg)}
.ntsx-panel-h{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.58);margin-bottom:18px}
.ntsx-stats3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ntsx-stat{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:15px;padding:18px 8px;text-align:center}
.ntsx-stat b{display:block;font-size:30px;font-weight:800;color:#fff;line-height:1}
.ntsx-stat span{font-size:11.5px;color:rgba(255,255,255,.6);margin-top:6px;display:block}

.ntsx-stats3.is-single{grid-template-columns:1fr;max-width:190px;margin:0 auto}
.ntsx-panel-note{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);
  display:flex;align-items:flex-start;gap:9px;font-size:12.5px;line-height:1.6;color:rgba(255,255,255,.6)}
.ntsx-panel-note svg{width:15px;height:15px;flex:none;color:var(--x-accent-2);margin-top:1px}
.ntsx-panel-brands{margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}
.ntsx-panel-brands .lbl{font-size:11px;color:rgba(255,255,255,.48);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}
.ntsx-brandmini{display:flex;flex-wrap:wrap;gap:8px}
.ntsx-brandmini span{font-size:12.5px;font-weight:700;color:rgba(255,255,255,.85);background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.1);padding:6px 12px;border-radius:9px}

.ntsx-hero-visual{display:flex;flex-direction:column;gap:20px}

.ntsx-showcase-main{position:relative}
.ntsx-showcase-frame{
  border-radius:24px;overflow:hidden;aspect-ratio:4/3.1;background:#f4f6fa;
  box-shadow:0 30px 64px -26px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.14);
  opacity:0;animation:ntsxShowIn .8s var(--x-ease) .35s both;
}
.ntsx-showcase-frame img{width:100%;height:100%;object-fit:cover;display:block}
.ntsx-showcase-name{
  position:absolute;left:16px;bottom:16px;z-index:2;color:#fff;font-weight:700;font-size:14.5px;
  text-decoration:none;text-shadow:0 2px 10px rgba(0,0,0,.6);opacity:0;animation:ntsxShowIn .7s var(--x-ease) .6s both;
}
.ntsx-showcase-main::after{
  content:"";position:absolute;inset:0;border-radius:24px;z-index:1;pointer-events:none;
  background:linear-gradient(0deg, rgba(0,0,0,.5) 0%, transparent 40%);
}
.ntsx-showcase-tag{
  position:absolute;display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--x-ink);
  font-size:11.5px;font-weight:700;padding:7px 13px;border-radius:999px;box-shadow:0 14px 30px -12px rgba(0,0,0,.45);
  opacity:0;z-index:3;animation:ntsxShowIn .7s var(--x-ease) both;
}
.ntsx-showcase-tag svg,.ntsx-showcase-tag .nts-icon{width:12px;height:12px;color:var(--x-accent);flex:none}
.ntsx-showcase-tag.t1{top:16px;left:16px;animation-delay:.7s}
.ntsx-showcase-tag.t2{top:16px;right:16px;animation-delay:.82s}

.ntsx-showcase-thumbs{display:flex;gap:12px}
.ntsx-showcase-thumb{
  flex:1;display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:8px;
  opacity:0;animation:ntsxShowIn .7s var(--x-ease) both;transition:background .2s ease,border-color .2s ease;
}
.ntsx-showcase-thumb:hover{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.26)}
.ntsx-showcase-thumb:nth-child(1){animation-delay:.9s}
.ntsx-showcase-thumb:nth-child(2){animation-delay:1.02s}
.ntsx-showcase-thumb img{width:44px;height:44px;border-radius:10px;object-fit:cover;display:block;flex:none}
.ntsx-showcase-thumb span{
  color:#fff;font-size:12px;font-weight:600;line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
@keyframes ntsxShowIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}

.ntsx-panel-slim{padding:18px 20px}
.ntsx-panel-slim .ntsx-stats3{gap:8px}
.ntsx-panel-slim .ntsx-stat{padding:10px 6px;border-radius:12px}
.ntsx-panel-slim .ntsx-stat b{font-size:20px}
.ntsx-panel-slim .ntsx-stat span{font-size:10.5px;margin-top:3px}
.ntsx-panel-slim .ntsx-panel-brands{margin-top:14px;padding-top:14px}
.ntsx-panel-slim .ntsx-panel-brands .lbl{margin-bottom:9px}

@media(max-width:560px){.ntsx-showcase-thumbs{display:none}}

@media(max-width:900px){.ntsx-hero-grid{grid-template-columns:1fr;gap:34px;padding:44px 0 28px}.ntsx-lede{max-width:none}}

.ntsx-section{padding:80px 0;position:relative;background:var(--x-surface-2)}

.ntsx-shero + .ntsx-section,.nts-rvhero + .ntsx-section,.nts-tahero + .ntsx-section{padding-top:126px}
@media(max-width:900px){.ntsx-shero + .ntsx-section,.nts-rvhero + .ntsx-section,.nts-tahero + .ntsx-section{padding-top:96px}}
.ntsx-section.is-white{background:var(--x-surface)}
.ntsx-section.is-alt{background:var(--x-surface-2)}

.ntsx-section.is-generous{padding:112px 0}
@media(max-width:760px){.ntsx-section.is-generous{padding:72px 0}}
.ntsx-head{max-width:660px;margin:0 auto 44px;text-align:center}
.ntsx-head .ntsx-eyebrow{justify-content:center;color:var(--x-accent)}
.ntsx-head h2{font-size:clamp(27px,3.1vw,36px);margin:14px 0 12px}
.ntsx-head p{color:var(--x-muted);font-size:16px;margin:0}

.ntsx-strip{border-top:1px solid var(--x-line);border-bottom:1px solid var(--x-line);background:var(--x-surface);overflow:hidden}
.ntsx-strip-top{display:flex;justify-content:center;padding:22px 0 2px}
.ntsx-strip-top .lbl{font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--x-muted)}
.ntsx-marquee{display:flex;gap:54px;padding:22px 0 26px;width:max-content;animation:ntsxScroll 30s linear infinite}
.ntsx-strip:hover .ntsx-marquee{animation-play-state:paused}
@keyframes ntsxScroll{to{transform:translateX(-50%)}}
.ntsx-logo{display:inline-flex;align-items:center;height:40px;opacity:.72;filter:grayscale(1);transition:.25s;white-space:nowrap}
.ntsx-logo:hover{opacity:1;filter:none}
.ntsx-logo img{max-height:40px;width:auto;object-fit:contain;display:block}
.ntsx-logo-txt{display:inline-flex;align-items:center;gap:9px;color:var(--x-muted);font-weight:800;font-size:15px;letter-spacing:.02em}
.ntsx-logo-txt i{width:26px;height:26px;border-radius:7px;background:var(--x-surface-2);display:grid;place-items:center;color:var(--x-accent)}

.ntsx-catgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ntsx-cat{position:relative;background:var(--x-surface);border:1px solid var(--x-line);border-radius:var(--x-r-lg);
  padding:26px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--x-shadow-sm);overflow:hidden;text-decoration:none;
  transition:transform .3s var(--x-ease),box-shadow .3s var(--x-ease),border-color .3s var(--x-ease)}
.ntsx-cat::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,var(--x-accent-soft),transparent 55%);opacity:0;transition:opacity .3s}
.ntsx-cat:hover{transform:translateY(-6px);box-shadow:var(--x-shadow-md);border-color:color-mix(in srgb,var(--x-accent) 45%,var(--x-line))}
.ntsx-cat:hover::before{opacity:1}
.ntsx-cat-ico{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;position:relative;z-index:1;
  background:linear-gradient(150deg,var(--x-accent-soft),transparent);color:var(--x-accent);transition:.3s var(--x-ease);overflow:hidden}
.ntsx-cat-ico img{width:100%;height:100%;object-fit:cover}
.ntsx-cat-ico svg{width:26px;height:26px}
.ntsx-cat:hover .ntsx-cat-ico:not(.has-img){background:linear-gradient(150deg,var(--x-accent),var(--x-accent-2));color:#fff;transform:scale(1.06) rotate(-3deg)}
.ntsx-cat h3{font-size:18px;position:relative;z-index:1}
.ntsx-cat-count{font-size:13px;color:var(--x-muted);position:relative;z-index:1}
.ntsx-cat-go{margin-top:auto;display:inline-flex;align-items:center;gap:7px;color:var(--x-accent);font-weight:700;font-size:14px;position:relative;z-index:1;padding-top:6px}
.ntsx-cat-go svg{width:15px;height:15px;transition:transform .25s var(--x-ease)}
.ntsx-cat:hover .ntsx-cat-go svg{transform:translateX(5px)}

.ntsx-toolbar-wrap{position:relative;z-index:5;margin-top:-42px;padding:0 0 30px}
.ntsx-toolbar{display:flex;gap:12px;flex-wrap:wrap;background:var(--x-surface);border:1px solid var(--x-line);
  border-radius:18px;padding:12px;box-shadow:0 24px 48px -20px rgba(11,29,48,.35)}
.ntsx-field{flex:1;min-width:190px;display:flex;align-items:center;gap:10px;padding:0 15px;background:var(--x-surface-2);
  border-radius:12px;color:var(--x-muted);border:1px solid transparent;transition:.2s}
.ntsx-field:focus-within{border-color:var(--x-accent);background:var(--x-surface)}
.ntsx-field svg{width:18px;height:18px;flex:none}
.ntsx-field input,.ntsx-field select{border:none;background:none;outline:none;width:100%;padding:13px 0;font-size:14.5px;color:var(--x-ink);font-family:inherit}
.ntsx-field select{
  appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;
  padding-right:24px;text-overflow:ellipsis;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236E819A' stroke-width='2.4'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right center;background-size:15px;
}
.ntsx-field select option{color:var(--x-ink);background:var(--x-surface)}

.ntsx-field{position:relative}
.ntsx-field.has-custom-select select{display:none}
.ntsx-select-trigger{
  flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;
  background:none;border:none;outline:none;padding:13px 0;font-size:14.5px;color:var(--x-ink);
  font-family:inherit;cursor:pointer;text-align:left;
}
.ntsx-select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ntsx-select-trigger::after{
  content:"";width:14px;height:14px;flex:none;transition:transform .25s var(--x-ease);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236E819A' stroke-width='2.4'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat center / contain;
}
.ntsx-field.is-open .ntsx-select-trigger::after{transform:rotate(180deg)}
.ntsx-select-panel{
  position:absolute;top:calc(100% + 10px);left:0;right:0;background:var(--x-surface);
  border:1px solid var(--x-line);border-radius:14px;box-shadow:var(--x-shadow-md);
  padding:6px;z-index:30;max-height:260px;overflow-y:auto;
  opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;
  transition:opacity .2s ease,transform .2s ease,visibility .2s;
}
.ntsx-select-panel.is-open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.ntsx-select-option{
  padding:10px 14px;border-radius:9px;font-size:14px;color:var(--x-body);cursor:pointer;
  transition:background .15s ease,color .15s ease;
}
.ntsx-select-option:hover{background:var(--x-surface-2);color:var(--x-ink)}
.ntsx-select-option.is-selected{background:var(--x-accent-soft);color:var(--x-accent-strong);font-weight:700}
.ntsx-toolbar .ntsx-btn-primary{padding:13px 24px}
.ntsx-toolbar-reset{display:inline-flex;align-items:center;padding:0 18px;color:var(--x-muted);font-weight:600;font-size:14px;text-decoration:none}
.ntsx-toolbar-reset:hover{color:var(--x-accent)}

.ntsx-catpills{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ntsx-catpill{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;
  background:var(--x-surface);border:1px solid var(--x-line);color:var(--x-body);font-size:13.5px;font-weight:600;
  text-decoration:none;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.ntsx-catpill:hover{border-color:color-mix(in srgb,var(--x-accent) 45%,var(--x-line));color:var(--x-ink);transform:translateY(-1px)}
.ntsx-catpill.is-active{background:linear-gradient(135deg,var(--x-accent),var(--x-accent-2));border-color:transparent;color:#fff;
  box-shadow:0 10px 22px -10px rgba(40,163,74,.6)}
.ntsx-catpill-count{opacity:.75;font-weight:700;font-size:12px}
.ntsx-catpill.is-active .ntsx-catpill-count{opacity:.9}

.ntsx-proj-loading{opacity:.45;pointer-events:none;transition:opacity .2s ease}

.ntsx-prodgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.ntsx-prod{position:relative;background:var(--x-surface);border:1px solid var(--x-line);border-radius:var(--x-r-lg);overflow:hidden;
  display:flex;flex-direction:column;box-shadow:var(--x-shadow-sm);text-decoration:none;
  transition:transform .3s var(--x-ease),box-shadow .3s var(--x-ease),border-color .3s var(--x-ease)}
.ntsx-prod:hover{transform:translateY(-8px);box-shadow:var(--x-shadow-md);border-color:color-mix(in srgb,var(--x-accent) 40%,var(--x-line))}
.ntsx-prod-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(150deg,#1c3a52,#0e2033)}
.ntsx-prod-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s var(--x-ease)}
.ntsx-prod:hover .ntsx-prod-media img{transform:scale(1.08)}
.ntsx-prod-media::after{content:"";position:absolute;top:0;left:-130%;width:70%;height:100%;z-index:3;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg)}
.ntsx-prod:hover .ntsx-prod-media::after{animation:ntsxSweep .9s ease}
.ntsx-prod-glyph{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.85)}
.ntsx-prod-glyph svg{width:46px;height:46px}
.ntsx-tag{position:absolute;left:12px;top:12px;z-index:2;background:rgba(255,255,255,.94);color:var(--x-navy);
  font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:5px 11px;border-radius:999px}
.ntsx-cert{position:absolute;right:12px;top:12px;z-index:2;display:inline-flex;align-items:center;gap:5px;
  background:rgba(40,163,74,.92);color:#fff;font-size:11px;font-weight:700;padding:5px 11px;border-radius:999px;backdrop-filter:blur(4px)}
.ntsx-cert svg{width:12px;height:12px}
.ntsx-prod-body{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}
.ntsx-prod-body h3{font-size:16.5px}
.ntsx-prod-body p{font-size:13.5px;color:var(--x-muted);line-height:1.6;flex:1;margin:0}
.ntsx-prod-facts{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--x-muted);font-weight:600}
.ntsx-prod-facts b{color:var(--x-ink)}
.ntsx-prod-facts .sep{opacity:.5}
.ntsx-prod-foot{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--x-line);
  color:var(--x-accent);font-weight:700;font-size:13.5px}
.ntsx-prod-foot svg{width:15px;height:15px;transition:transform .25s var(--x-ease)}
.ntsx-prod:hover .ntsx-prod-foot svg{transform:translateX(4px)}

.ntsx-pagination{display:flex;justify-content:center;gap:8px;margin-top:52px;flex-wrap:wrap}
.ntsx-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 10px;
  border-radius:12px;background:var(--x-surface);border:1px solid var(--x-line);color:var(--x-ink);font-weight:700;text-decoration:none;transition:.2s}
.ntsx-pagination .page-numbers:hover{border-color:var(--x-accent);color:var(--x-accent)}
.ntsx-pagination .page-numbers.current{background:linear-gradient(135deg,var(--x-accent),var(--x-accent-2));color:#fff;border-color:transparent}
.ntsx-empty{text-align:center;padding:80px 20px;background:var(--x-surface);border:1px solid var(--x-line);border-radius:var(--x-r-lg)}
.ntsx-empty h2{font-size:22px;margin-bottom:10px}
.ntsx-empty p{color:var(--x-muted);margin:0 0 22px}

.ntsx-strengths{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.ntsx-str{position:relative;background:var(--x-surface);border:1px solid var(--x-line);border-radius:var(--x-r-md);padding:30px 26px;box-shadow:var(--x-shadow-sm);
  transition:transform .3s var(--x-ease),box-shadow .3s var(--x-ease)}
.ntsx-str:hover{transform:translateY(-5px);box-shadow:var(--x-shadow-md)}
.ntsx-str-ico{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;margin-bottom:18px;
  background:linear-gradient(150deg,var(--x-accent-soft),transparent);color:var(--x-accent);transition:.3s var(--x-ease)}
.ntsx-str-ico svg{width:24px;height:24px}
.ntsx-str:hover .ntsx-str-ico{background:linear-gradient(150deg,var(--x-accent),var(--x-accent-2));color:#fff}
.ntsx-str h3{font-size:17px;margin-bottom:8px}
.ntsx-str p{font-size:13.5px;color:var(--x-muted);line-height:1.6;margin:0}

.ntsx-cta{position:relative;background:linear-gradient(155deg,#EAF3FF 0%,#F5FAFF 45%,#FFFFFF 100%);color:var(--x-ink);
  border:1px solid rgba(58,86,158,.12);
  border-radius:var(--x-r-xl);padding:54px 58px;overflow:hidden;isolation:isolate;
  display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:52px;row-gap:14px;text-align:left;
  box-shadow:var(--x-shadow-md),inset 0 1px 0 #fff;
  transition:transform .4s var(--x-ease),box-shadow .4s var(--x-ease)}
.ntsx-cta:hover{transform:translateY(-4px);box-shadow:var(--x-shadow-lg),inset 0 1px 0 #fff}
.ntsx-cta::before{content:"";position:absolute;inset:0;opacity:.7;pointer-events:none;
  background-image:linear-gradient(rgba(27,50,93,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(27,50,93,.05) 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:radial-gradient(ellipse 90% 85% at 50% 35%,#000,transparent 78%);
          mask-image:radial-gradient(ellipse 90% 85% at 50% 35%,#000,transparent 78%)}
.ntsx-cta .cblob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.22;mix-blend-mode:multiply}
.ntsx-cta .cblob:nth-child(1){width:380px;height:380px;left:-8%;top:-48%;background:var(--x-accent);animation:ntsxDrift1 20s ease-in-out infinite}
.ntsx-cta .cblob:nth-child(2){width:320px;height:320px;right:-6%;bottom:-58%;background:var(--x-cyan);animation:ntsxDrift2 24s ease-in-out infinite}
.ntsx-cta h2{grid-column:1;color:var(--x-ink);font-size:clamp(24px,3vw,33px);margin:0;position:relative}
.ntsx-cta h2::before{content:"";display:block;width:36px;height:3px;border-radius:3px;margin-bottom:16px;
  background:linear-gradient(90deg,var(--x-accent-2),var(--x-cyan))}
.ntsx-cta p{grid-column:1;color:var(--x-body);max-width:52ch;margin:10px 0 0;position:relative;line-height:1.65}
.ntsx-cta>.ntsx-btn,.ntsx-cta>a.ntsx-btn,.ntsx-cta>button.ntsx-btn,.ntsx-cta>form{grid-column:2;grid-row:1/-1;justify-self:end;position:relative}
.ntsx-cta>form.ntsx-newsletter-form{grid-column:1/-1;grid-row:auto;justify-self:stretch;margin-top:22px}
.ntsx-cta .ntsx-form-feedback{grid-column:1/-1}
@media(max-width:760px){
  .ntsx-cta{grid-template-columns:1fr;text-align:center;justify-items:center;row-gap:20px;padding:44px 32px}
  .ntsx-cta h2::before{margin-left:auto;margin-right:auto}
  .ntsx-cta p{margin-left:auto;margin-right:auto}
  .ntsx-cta>.ntsx-btn,.ntsx-cta>a.ntsx-btn,.ntsx-cta>button.ntsx-btn,.ntsx-cta>form{grid-column:1;grid-row:auto;justify-self:center}
  .ntsx-cta>form.ntsx-newsletter-form{justify-self:center;margin:0 auto}
}

.ntsx-newsletter-form{display:flex;gap:12px;max-width:460px;margin:0;position:relative;flex-wrap:wrap}
.ntsx-newsletter-form input[type="email"]{flex:1;min-width:220px;border:1px solid rgba(58,86,158,.18);
  background:#fff;color:var(--x-ink);border-radius:13px;padding:14px 18px;font-size:14.5px;font-family:inherit}
.ntsx-newsletter-form input[type="email"]::placeholder{color:var(--x-muted)}
.ntsx-newsletter-form input[type="email"]:focus{outline:none;border-color:var(--x-accent-2);box-shadow:0 0 0 3px var(--x-accent-soft)}

.ntsx-reveal{opacity:0;transform:translateY(26px);filter:blur(6px)}
.ntsx-reveal.in{opacity:1;transform:none;filter:none;
  transition:opacity .7s var(--x-ease),transform .7s var(--x-ease),filter .7s var(--x-ease);transition-delay:var(--d,0s)}
.ntsx-hero-anim>*{opacity:0;transform:translateY(22px);animation:ntsxHeroIn .9s var(--x-ease) forwards}
.ntsx-hero-anim>*:nth-child(1){animation-delay:.05s}.ntsx-hero-anim>*:nth-child(2){animation-delay:.13s}
.ntsx-hero-anim>*:nth-child(3){animation-delay:.21s}.ntsx-hero-anim>*:nth-child(4){animation-delay:.29s}
.ntsx-hero-anim>*:nth-child(5){animation-delay:.37s}.ntsx-hero-anim>*:nth-child(6){animation-delay:.45s}
.ntsx-panel{opacity:0;transform:translateY(22px) scale(.98);animation:ntsxHeroIn 1s var(--x-ease) .48s forwards}
@keyframes ntsxHeroIn{to{opacity:1;transform:none}}

@media(prefers-reduced-motion:reduce){
  .ntsx *{animation:none!important}
  .ntsx-reveal{opacity:1;transform:none;filter:none}
  .ntsx-hero-anim>*,.ntsx-panel,.ntsx-shero-media,.ntsx-sg-item{opacity:1;transform:none}
  .ntsx-showcase-frame,.ntsx-showcase-name,.ntsx-showcase-tag,.ntsx-showcase-thumb{opacity:1;transform:none}
}

.ntsx-crumbs{display:flex;align-items:center;flex-wrap:wrap;font-size:13px;font-weight:600;margin-bottom:18px}
.ntsx-crumbs .home a{display:inline-flex;align-items:center;gap:6px}
.ntsx-crumbs .home a::before{
  content:"";width:13px;height:13px;flex:none;background-color:currentColor;opacity:.85;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M3 11.5 12 4l9 7.5'/%3E%3Cpath d='M5 10v9a1 1 0 0 0 1 1h4v-6h4v6h4a1 1 0 0 0 1-1v-9'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M3 11.5 12 4l9 7.5'/%3E%3Cpath d='M5 10v9a1 1 0 0 0 1 1h4v-6h4v6h4a1 1 0 0 0 1-1v-9'/%3E%3C/svg%3E") center/contain no-repeat;
}
.ntsx-crumbs .nts-breadcrumb-sep{width:8px;height:8px;margin:0 10px;opacity:.4;flex:none}
.ntsx-crumbs a{color:rgba(255,255,255,.6);text-decoration:none;transition:color .2s ease}
.ntsx-crumbs a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.ntsx-crumbs .current{color:#fff;background:rgba(255,255,255,.12);padding:5px 13px;border-radius:999px;font-weight:700;font-size:12.5px}
.ntsx-section .ntsx-crumbs a{color:var(--x-muted)}
.ntsx-section .ntsx-crumbs a:hover{color:var(--x-accent)}
.ntsx-section .ntsx-crumbs .current{color:var(--x-ink);background:var(--x-surface-2)}

.ntsx-shero{position:relative;color:#fff;isolation:isolate;padding-bottom:70px;
  background:linear-gradient(180deg,#1B325D 0%,#132445 100%)}

.page-wrapper .container > .ntsx-shero,.page-wrapper .container > .nts-rvhero,.page-wrapper .container > .nts-tahero{width:100vw;margin-left:calc(50% - 50vw)}

.ntsx-shero.has-video{overflow:hidden}
.ntsx-hero-video{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;opacity:.5}
.ntsx-shero.has-video::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:linear-gradient(180deg,rgba(19,36,69,.7),rgba(19,36,69,.92))}
@media(prefers-reduced-motion:reduce){.ntsx-hero-video{display:none}}
.ntsx-shero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.35;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse 80% 65% at 22% 22%,#000,transparent 74%);
  mask-image:radial-gradient(ellipse 80% 65% at 22% 22%,#000,transparent 74%)}
.ntsx-shero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:end;padding:56px 0 0}
.ntsx-shero-badge{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700;color:#fff;
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);padding:8px 16px;border-radius:999px;margin-bottom:18px}

.ntsx-shero-badge a{color:inherit;text-decoration:none}
.ntsx-shero-badge a:hover{text-decoration:underline}
.ntsx-shero-title{color:#fff;font-size:clamp(30px,4.2vw,46px);margin:8px 0 16px;font-weight:800;letter-spacing:-.03em}
.ntsx-shero-desc{font-size:16.5px;line-height:1.75;color:rgba(255,255,255,.75);max-width:42ch}
.ntsx-shero-desc-chunks{display:flex;flex-wrap:wrap;gap:9px;max-width:none}
.ntsx-shero-kw{display:inline-flex;align-items:center;padding:7px 15px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-size:14px;font-weight:600;color:#fff;line-height:1.3}
.ntsx-shero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}

.ntsx-meta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.ntsx-meta-pill{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:rgba(255,255,255,.85);
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);padding:8px 14px;border-radius:999px}
.ntsx-meta-pill svg{width:14px;height:14px;flex:none;color:var(--x-accent-2)}

.ntsx-shero-gallery{position:relative}
.ntsx-sg-row{display:flex;align-items:flex-end;justify-content:flex-end;gap:18px;margin-bottom:-92px}
.ntsx-sg-item{position:relative;flex:none;opacity:0;animation:ntsxShowIn .8s var(--x-ease) both}

.ntsx-sg-item img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;
  filter:drop-shadow(0 20px 30px rgba(0,0,0,.5)) drop-shadow(0 4px 8px rgba(0,0,0,.35))}
.ntsx-sg-main{width:280px;height:280px;z-index:3;animation-delay:.42s}
.ntsx-sg-sm{width:84px;height:84px;z-index:1;animation-delay:.62s}
.ntsx-sg-md{width:112px;height:132px;z-index:2;animation-delay:.74s}
.ntsx-float{position:absolute;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.95);
  border-radius:16px;padding:14px 18px;box-shadow:0 20px 40px -18px rgba(0,0,0,.4);backdrop-filter:blur(6px);z-index:4}
.ntsx-float-tr{top:-18px;right:-18px}
.ntsx-float-bl{bottom:26px;left:-24px}
.ntsx-float-icon{width:38px;height:38px;border-radius:11px;background:var(--x-accent-soft);color:var(--x-accent-strong);
  display:grid;place-items:center;flex:none}
.ntsx-float-icon svg{width:18px;height:18px}
.ntsx-float-value{display:block;font-size:16px;font-weight:800;color:var(--x-ink)}
.ntsx-float-value small{font-size:11.5px;font-weight:600;color:var(--x-muted);margin-left:3px}
.ntsx-float-label{display:block;font-size:11.5px;color:var(--x-muted)}
@media(max-width:900px){
  .ntsx-shero-grid{grid-template-columns:1fr;gap:32px;padding:44px 0 0}
  .ntsx-shero-desc{max-width:none}
  .ntsx-sg-row{justify-content:center;margin-bottom:-40px}
  .ntsx-sg-main{width:180px;height:180px}
  .ntsx-sg-md{width:84px;height:100px}
  .ntsx-sg-sm{width:64px;height:64px}
  .ntsx-float{padding:10px 14px}
}
@media(max-width:560px){.ntsx-sg-row .ntsx-sg-sm{display:none}}
body.single-product .ntsx-shero{padding-bottom:0}
body.single-product .ntsx-shero + .ntsx-section{padding-top:80px}
body.single-product .ntsx-shero-grid>.ntsx-hero-anim{padding-bottom:56px}
body.single-product .ntsx-sg-row{gap:22px;margin-bottom:0;align-items:flex-end}
body.single-product .ntsx-sg-main{width:420px;height:420px}
body.single-product .ntsx-sg-sm{width:110px;height:110px}
body.single-product .ntsx-sg-md{width:140px;height:168px}
body.single-product .ntsx-sg-item img{filter:none;display:block;object-position:center bottom}
@media(max-width:900px){
  body.single-product .ntsx-sg-main{width:260px;height:260px}
  body.single-product .ntsx-sg-md{width:100px;height:120px}
  body.single-product .ntsx-sg-sm{width:76px;height:76px}
  body.single-product .ntsx-sg-row{margin-bottom:0}
}


.ntsx-shero-grid.is-solo{grid-template-columns:1fr;max-width:760px;margin:0 auto;text-align:center}
.ntsx-shero-grid.is-solo .ntsx-shero-actions{justify-content:center}
.ntsx-shero-grid.is-solo .ntsx-shero-desc{margin:0 auto}

body.search .ntsx-relcard-media{position:relative}
body.search .ntsx-searchtype{position:absolute;top:14px;left:14px;z-index:2;padding:5px 12px;border-radius:999px;
  background:rgba(15,30,45,.55);backdrop-filter:blur(6px);color:#fff;font-size:11.5px;font-weight:700;
  letter-spacing:.02em;text-transform:uppercase}

.ntsx-section.is-dark{background:var(--x-navy-2);color:rgba(255,255,255,.82)}
.ntsx-section.is-dark .ntsx-head h2,.ntsx-section.is-dark h2,.ntsx-section.is-dark h3{color:#fff}
.ntsx-section.is-dark .ntsx-head p{color:rgba(255,255,255,.65)}
.ntsx-section.is-dark .ntsx-cta h2{color:var(--x-ink)}
.ntsx-section.is-dark .ntsx-cta p{color:var(--x-body)}

.ntsx-section-head{display:flex;align-items:center;gap:14px;margin-bottom:34px;justify-content:center;
  text-align:center;flex-direction:column;max-width:660px;margin-left:auto;margin-right:auto}
.ntsx-section-head h2{font-size:clamp(27px,3.1vw,36px);margin:14px 0 0}
.ntsx-section-head p{color:var(--x-muted);font-size:16px;margin:10px 0 0}
.ntsx-section-head .ntsx-eyebrow{justify-content:center}
.ntsx-section-head.is-left{align-items:flex-start;text-align:left;max-width:none;margin-left:0}
.ntsx-section-head.is-left .ntsx-eyebrow{justify-content:flex-start}
.ntsx-section-ico{width:48px;height:48px;border-radius:14px;background:var(--x-accent-soft);color:var(--x-accent);display:grid;place-items:center}
.ntsx-section-ico svg{width:22px;height:22px}
.ntsx-section.is-dark .ntsx-section-ico{background:rgba(255,255,255,.1);color:#7CE39B}

.ntsx-prose{max-width:840px;margin:0 auto;font-size:15.5px;line-height:1.85;color:var(--x-body)}

.ntsx-prose h2{font-size:25px;line-height:1.3;margin:44px 0 16px}
.ntsx-prose h3{font-size:19px;line-height:1.35;margin:32px 0 12px}
.ntsx-prose h4{font-size:16.5px;line-height:1.4;margin:26px 0 10px;color:var(--x-ink);font-weight:700}
.ntsx-prose h2 + h3{margin-top:0}
.ntsx-prose h3 + h4{margin-top:0}
.ntsx-prose > *:first-child{margin-top:0}
.ntsx-prose p{margin:0 0 16px}
.ntsx-prose p:first-of-type{font-size:17.5px;line-height:1.8;color:var(--x-ink);font-weight:500}
.ntsx-section.is-dark .ntsx-prose{color:rgba(255,255,255,.78)}
.ntsx-section.is-dark .ntsx-prose p:first-of-type{color:#fff}

.ntsx-prose table{width:100% !important;border-collapse:separate;border-spacing:0;margin:0 0 24px;font-size:14px;background:var(--x-surface);border:1px solid var(--x-line);border-radius:var(--x-r-lg);overflow:hidden;box-shadow:var(--x-shadow-sm)}
.ntsx-prose table td,.ntsx-prose table th{border:none;border-top:1px solid var(--x-line);padding:13px 16px;text-align:left;word-break:break-word}
.ntsx-prose table tr:first-child td,.ntsx-prose table tr:first-child th{border-top:none}
.ntsx-prose table th{background:var(--x-ink);color:#fff;font-weight:700}

/* :not() loại các bảng component .nts-* — chúng luôn có <thead><th> chuẩn nên
   không cần fallback này; nếu không loại, rule này (do cùng tầng đặc hiệu với
   ".nts-table tbody tr:nth-child(even) td" nhưng khai báo trước) sẽ vô tình tô
   navy luôn dòng dữ liệu ĐẦU TIÊN của .nts-table/.nts-compare (tr:first-child
   khớp theo từng thẻ cha — ở đây là con đầu của <tbody>, không phải hàng đầu
   của cả bảng). Rule này chỉ còn cần cho bảng Table block gốc của Gutenberg
   mà hàng đầu dùng <td> thay vì <th>. */
.ntsx-prose table:not(.nts-table):not(.nts-compare):not(.nts-compare-neutral)>tbody:first-child>tr:first-child>td{background:var(--x-ink);color:#fff;font-weight:700}

.ntsx-prose table tbody tr:nth-child(even) td{background:var(--x-bg)}
.ntsx-prose table tbody tr:hover td{background:var(--x-accent-soft);transition:background .2s var(--x-ease)}
.ntsx-section.is-dark .ntsx-prose table{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.18)}
.ntsx-section.is-dark .ntsx-prose table td,.ntsx-section.is-dark .ntsx-prose table th{border-color:rgba(255,255,255,.18)}
.ntsx-section.is-dark .ntsx-prose table th,
.ntsx-section.is-dark .ntsx-prose table:not(.nts-table):not(.nts-compare):not(.nts-compare-neutral)>tbody:first-child>tr:first-child>td{background:rgba(255,255,255,.12)}
.ntsx-section.is-dark .ntsx-prose table tbody tr:nth-child(even) td{background:rgba(255,255,255,.04)}
.ntsx-section.is-dark .ntsx-prose table tbody tr:hover td{background:rgba(255,255,255,.08)}
.ntsx-prose ul,.ntsx-prose ol{margin:0 0 16px;padding-left:22px}
.ntsx-prose li{margin-bottom:8px}
.ntsx-prose td ul,.ntsx-prose td ol{margin:0;padding-left:18px}
.ntsx-prose td li:last-child{margin-bottom:0}
.ntsx-prose img{max-width:100%;height:auto;border-radius:var(--x-r-md);display:block;margin:24px 0;box-shadow:var(--x-shadow-sm)}
.ntsx-prose iframe{max-width:100%}
.ntsx-prose iframe[src*="youtube"],.ntsx-prose iframe[src*="youtu.be"],.ntsx-prose iframe[src*="vimeo"]{width:100%;aspect-ratio:16/9;height:auto}

.ntsx-prose .wp-caption,.ntsx-prose figure{max-width:100% !important;width:auto !important}
.ntsx-prose .wp-caption img,.ntsx-prose figure img{width:100%}
.ntsx-prose .wp-caption-text,.ntsx-prose figcaption{font-size:12.5px;color:var(--x-muted);text-align:center;margin-top:8px;padding:0}
.ntsx-prose blockquote{margin:0 0 16px;padding:14px 20px;border-left:3px solid var(--x-accent);background:var(--x-surface-2);border-radius:0 var(--x-r-md) var(--x-r-md) 0;font-style:italic}
.ntsx-prose blockquote p:last-of-type{margin-bottom:0}
.ntsx-prose blockquote cite{display:block;margin-top:10px;font-style:normal;font-weight:700;font-size:13.5px;color:var(--x-muted)}
.ntsx-prose blockquote cite::before{content:"— "}
.ntsx-prose a{color:var(--x-accent-strong);text-decoration:underline;text-underline-offset:2px}

/* Khối code/công thức — dùng <pre><code>...</code></pre> trần, không cần class
   riêng (xem "Chèn khối" > "Khối công thức/code" trong toolbar Custom HTML,
   includes/customHtmlToolbar.php + assets/js/admin/custom-html-toolbar.js).
   Code inline (không nằm trong <pre>) style nhẹ hơn — nền xám nhạt, không
   tràn dòng — để phân biệt với khối code lớn. */
.ntsx-prose code{font-family:"Cascadia Code",Consolas,Menlo,monospace;background:var(--x-surface-2);color:var(--x-ink);padding:2px 6px;border-radius:5px;font-size:.9em}
.ntsx-prose pre{background:var(--x-ink);color:#EAF1FF;padding:22px 24px;border-radius:var(--x-r-md);overflow-x:auto;margin:0 0 24px;font-size:14px;line-height:1.7;box-shadow:var(--x-shadow-md)}
.ntsx-prose pre code{font-family:"Cascadia Code",Consolas,Menlo,monospace;background:none;color:inherit;padding:0;border-radius:0;font-size:1em;white-space:pre}

/* Gutenberg core block "trần" (table/button/separator/gallery/căn ảnh trái-phải) —
   khi người viết dùng thẳng block chuẩn của WP thay vì dán snippet .nts-* từ
   toolbar Custom HTML, nội dung vẫn cần khớp cùng ngôn ngữ thị giác (card nổi +
   shadow + bo góc) thay vì rơi về style mặc định trơ của wp-block-library. */
.ntsx-prose .wp-block-table{overflow-x:auto;margin:0 0 26px}
.ntsx-prose .wp-block-table table{width:100%;min-width:480px;border-collapse:separate;border-spacing:0;font-size:14px;
  background:var(--x-surface) !important;border-radius:var(--x-r-lg);overflow:hidden;box-shadow:var(--x-shadow-sm)}
.ntsx-prose .wp-block-table th,.ntsx-prose .wp-block-table td{border:none;border-top:1px solid var(--x-line);padding:14px 18px;text-align:left}
.ntsx-prose .wp-block-table thead th{border-top:none;background:var(--x-ink) !important;color:#fff !important;font-weight:700}
.ntsx-prose .wp-block-table tbody tr:nth-child(even) td{background:var(--x-bg) !important}
.ntsx-prose .wp-block-table tbody tr:hover td{background:var(--x-accent-soft) !important;transition:background .2s var(--x-ease)}
.ntsx-prose .wp-block-table figcaption{font-size:12.5px;color:var(--x-muted);text-align:center;margin-top:10px}

.ntsx-prose .wp-block-buttons{margin:0 0 26px;display:flex;flex-wrap:wrap;gap:12px}
.ntsx-prose .wp-block-button__link{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:13px;
  font-weight:700;font-size:14.5px;text-decoration:none !important;
  background:linear-gradient(135deg,var(--x-accent),var(--x-accent-2)) !important;color:#fff !important;
  box-shadow:0 14px 28px -14px rgba(40,163,74,.65);transition:transform .2s var(--x-ease),box-shadow .2s var(--x-ease)}
.ntsx-prose .wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 20px 34px -14px rgba(40,163,74,.75)}
.ntsx-prose .wp-block-button.is-style-outline .wp-block-button__link{background:transparent !important;color:var(--x-accent-strong) !important;
  box-shadow:none;border:1.5px solid var(--x-accent)}

.ntsx-prose hr,.ntsx-prose .wp-block-separator{border:none;border-top:1px solid var(--x-line);margin:36px 0}

.ntsx-prose .wp-block-gallery{margin:0 0 26px}
.ntsx-prose .wp-block-gallery img{border-radius:var(--x-r-md)}

.ntsx-prose .wp-block-columns{margin:0 0 26px}

.ntsx-prose .alignleft{float:left;margin:6px 24px 16px 0;max-width:45%;width:auto}
.ntsx-prose .alignright{float:right;margin:6px 0 16px 24px;max-width:45%;width:auto}
.ntsx-prose .aligncenter{margin-left:auto;margin-right:auto}

.ntsx-prose [style]{color:inherit !important;background:transparent !important;font-family:inherit !important;font-size:inherit !important;line-height:inherit !important}

.ntsx-prose a[style]{color:var(--x-accent-strong) !important}

/* ===== Thư viện component bài viết (.nts-*) — dán vào khối Custom HTML bên trong .ntsx-prose =====
   Nâng cấp độ hoàn thiện (2026-09-08) — bảng/so sánh chuyển sang dạng "thẻ nổi"
   (border-radius + box-shadow trên chính bảng, không viền lưới ô vuông truyền
   thống), header tô đặc màu ink + chữ trắng, hover dòng, badge ✓ tròn tô màu
   — theo đúng độ sâu (--x-shadow-*) đã dùng sẵn cho .ntsx-btn/.ntsx-cat/.ntsx-str
   ở nơi khác trong file này, để cả site dùng chung 1 ngôn ngữ thị giác thay vì
   phần nội dung bài phẳng hơn hẳn phần còn lại của site. */
.nts-intro{margin:0 0 26px;padding:20px 24px;border-left:3px solid var(--x-accent);background:var(--x-surface-2);border-radius:0 var(--x-r-md) var(--x-r-md) 0;font-size:16.5px;line-height:1.85;color:var(--x-ink);box-shadow:var(--x-shadow-sm)}
.nts-intro p:last-child{margin-bottom:0}

.nts-expert{margin:22px 0;padding:18px 22px;border-left:3px solid var(--x-ink);background:var(--x-accent-soft);border-radius:0 var(--x-r-md) var(--x-r-md) 0;box-shadow:var(--x-shadow-sm)}
.nts-expert p:last-child{margin-bottom:0}
.nts-expert strong:first-child{color:var(--x-accent-strong)}

.nts-table-wrap{overflow-x:auto;margin:0 0 26px}
.nts-table{width:100%;min-width:540px;border-collapse:separate;border-spacing:0;font-size:14px;background:var(--x-surface);border-radius:var(--x-r-lg);overflow:hidden;box-shadow:var(--x-shadow-sm)}
.nts-table th,.nts-table td{border:none;border-top:1px solid var(--x-line);padding:14px 18px;text-align:left}
.nts-table thead th{border-top:none}
.nts-table th{background:var(--x-ink);color:#fff;font-weight:700}
.nts-table td:first-child{font-weight:700;color:var(--x-ink)}
.nts-table tbody tr:nth-child(even) td{background:var(--x-bg)}
.nts-table tbody tr:hover td{background:var(--x-accent-soft);transition:background .2s var(--x-ease)}

.nts-compare-wrap{overflow-x:auto;margin:0 0 26px}
.nts-compare{width:100%;min-width:580px;border-collapse:separate;border-spacing:0;font-size:14px;background:var(--x-surface);border-radius:var(--x-r-lg);overflow:hidden;box-shadow:var(--x-shadow-sm)}
.nts-compare th,.nts-compare td{border:none;border-top:1px solid var(--x-line);padding:14px 18px;text-align:left;vertical-align:middle}
.nts-compare thead th{border-top:none}
.nts-compare th{background:var(--x-ink);color:#fff;font-weight:700}
.nts-compare td:first-child{font-weight:700;color:var(--x-ink);width:26%}
.nts-compare tbody tr:nth-child(even) td{background:var(--x-bg)}
.nts-compare td:not(:first-child):not(:last-child){background:var(--x-danger-soft);color:#7A2A1E}
.nts-compare td:last-child{background:var(--x-accent-soft)}
.nts-compare .good{display:inline-flex;align-items:center;gap:8px;color:var(--x-accent-strong);font-weight:700}
.nts-compare .good::before{content:"✓";flex:none;width:20px;height:20px;border-radius:50%;background:var(--x-accent-strong);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}

.nts-compare-neutral-wrap{overflow-x:auto;margin:0 0 26px}
.nts-compare-neutral{width:100%;min-width:540px;border-collapse:separate;border-spacing:0;font-size:14px;background:var(--x-surface);border-radius:var(--x-r-lg);overflow:hidden;box-shadow:var(--x-shadow-sm)}
.nts-compare-neutral th,.nts-compare-neutral td{border:none;border-top:1px solid var(--x-line);padding:14px 18px;text-align:left}
.nts-compare-neutral thead th{border-top:none}
.nts-compare-neutral th{background:var(--x-ink);color:#fff;font-weight:700}
.nts-compare-neutral td:first-child{font-weight:700;color:var(--x-ink)}
.nts-compare-neutral tbody tr:nth-child(even) td{background:var(--x-bg)}
.nts-compare-neutral tbody tr:hover td{background:var(--x-surface-2);transition:background .2s var(--x-ease)}

/* Video clip ngắn tự quay (.webm, tải lên qua nút "Video" > "Tải video lên" trong
   toolbar chèn nội dung của khối Custom HTML — xem includes/customHtmlToolbar.php).
   Đã được nhắc tới trong docs/prompt-dinh-dang-bai-viet.md §3 từ trước nhưng
   CSS chưa từng tồn tại — bổ sung cùng lúc với toolbar (2026-09-08). */
.nts-video{margin:28px 0;border-radius:var(--x-r-md);overflow:hidden;box-shadow:0 15px 40px rgba(27,50,93,.12);background:#000}
.nts-video video{width:100%;display:block;background:#000}
.nts-video-caption{padding:10px 6px 0;font-size:12.5px;color:var(--x-muted);text-align:center}

/* Video nhúng từ link YouTube/Vimeo qua nút "Video" > "Nhúng link" trong cùng
   toolbar — .nts-video-embed (không phải iframe) là marker trơ được LƯU trong
   post_content; filter 'the_content' trong includes/customHtmlToolbar.php mới
   là nơi dựng <iframe> thật lúc HIỂN THỊ, không lưu trong DB. Video dài có sẵn
   trên YouTube/Vimeo vẫn có thể dùng Embed block chuẩn của Gutenberg như cũ —
   đây chỉ là lựa chọn thêm khi muốn nhúng ngay trong cùng khối Custom HTML. */
.nts-video-embed-frame{position:relative;width:100%;aspect-ratio:16/9;margin:28px 0;border-radius:var(--x-r-md);overflow:hidden;box-shadow:0 15px 40px rgba(27,50,93,.12);background:#000}
.nts-video-embed-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.nts-process{margin:26px 0}
.nts-process-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.nts-process-list > li{display:flex;gap:16px;align-items:flex-start;padding:16px 18px;border-radius:var(--x-r-md);background:var(--x-surface);border:1px solid var(--x-line);box-shadow:var(--x-shadow-sm);transition:transform .25s var(--x-ease),box-shadow .25s var(--x-ease)}
.nts-process-list > li:hover{transform:translateY(-2px);box-shadow:var(--x-shadow-md)}
.nts-process-num{flex:none;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--x-accent),var(--x-accent-2));color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px;box-shadow:0 8px 18px -8px rgba(40,163,74,.7)}
.nts-process-body h3{margin:0 0 6px;font-size:16px;color:var(--x-ink)}
.nts-process-body p{margin:0;color:var(--x-body)}

.nts-figure{margin:24px 0}
.nts-figure img{border-radius:var(--x-r-md);box-shadow:var(--x-shadow-sm)}
.nts-figure figcaption{font-size:12.5px;color:var(--x-muted);text-align:center;margin-top:10px}

.nts-note{margin:26px 0;padding:22px 26px;border-radius:var(--x-r-md);border:1px solid var(--x-line);background:var(--x-surface-2);border-left:3px solid #C8850A;box-shadow:var(--x-shadow-sm)}
.nts-note h2{margin-top:0 !important}
.nts-note ul{margin:0;padding-left:20px}
.nts-note li{margin-bottom:8px}

.nts-link-nounderline{text-decoration:none !important}
.nts-color-accent{color:var(--x-accent-strong) !important}
.nts-color-ink{color:var(--x-ink) !important}
.nts-color-danger{color:var(--x-danger) !important}
.nts-color-muted{color:var(--x-muted) !important}

.ntsx-section.is-dark .nts-intro,.ntsx-section.is-dark .nts-note{background:rgba(255,255,255,.06);color:rgba(255,255,255,.85)}
.ntsx-section.is-dark .nts-table,.ntsx-section.is-dark .nts-compare,.ntsx-section.is-dark .nts-compare-neutral{background:rgba(255,255,255,.03);box-shadow:none}
.ntsx-section.is-dark .nts-table th,.ntsx-section.is-dark .nts-compare th,.ntsx-section.is-dark .nts-compare-neutral th{background:rgba(255,255,255,.12)}
.ntsx-section.is-dark .nts-table td,.ntsx-section.is-dark .nts-compare-neutral td{background:transparent;border-color:rgba(255,255,255,.18)}
.ntsx-section.is-dark .nts-table td:first-child,.ntsx-section.is-dark .nts-compare td:first-child,.ntsx-section.is-dark .nts-compare-neutral td:first-child{color:#fff}
.ntsx-section.is-dark .nts-process-list > li{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15);box-shadow:none}
.ntsx-section.is-dark .nts-process-list > li:hover{background:rgba(255,255,255,.09)}
.ntsx-section.is-dark .nts-process-body h3{color:#fff}
.ntsx-section.is-dark .nts-figure img,.ntsx-section.is-dark .ntsx-prose img{box-shadow:none}

.ntsx-cardpair-body a,.ntsx-challenge-card > div a{color:var(--x-accent-strong);text-decoration:underline;text-underline-offset:2px}
.ntsx-cardpair-body a[style],.ntsx-challenge-card > div a[style]{color:var(--x-accent-strong) !important}

.ntsx .alignleft{float:left;margin:6px 24px 20px 0;max-width:50%}
.ntsx .alignright{float:right;margin:6px 0 20px 24px;max-width:50%}
.ntsx .aligncenter,
.ntsx figure.wp-caption,
.ntsx div.wp-caption{display:block;float:none;clear:both;margin:26px auto;max-width:100%}
.ntsx :where(img){max-width:100%;height:auto}
.ntsx .wp-caption img,.ntsx figure.wp-caption img{border-radius:16px;box-shadow:var(--x-shadow-sm);display:block;margin:0 auto}
.ntsx .wp-caption-text,.ntsx figcaption{font-size:13px;text-align:center;margin-top:12px;line-height:1.5;font-style:italic;color:var(--x-muted)}
.ntsx-section.is-dark .wp-caption-text,.ntsx-section.is-dark figcaption{color:rgba(255,255,255,.6)}

.ntsx-spec-card{background:var(--x-surface);border:1px solid var(--x-line);border-radius:var(--x-r-md);padding:28px;box-shadow:var(--x-shadow-sm)}
.ntsx-spec-card h3{display:flex;align-items:center;gap:11px;font-size:16.5px;margin:0 0 6px;color:var(--x-ink)}
.ntsx-spec-card h3 svg{width:20px;height:20px;color:var(--x-accent);flex:none}
.ntsx-spec-list,.ntsx-feature-list{list-style:none;margin:0;padding:0}
.ntsx-spec-row{display:flex;align-items:baseline;gap:12px;padding:11px 0;border-bottom:1px dashed var(--x-line);font-size:13.5px}
.ntsx-spec-row:last-child{border-bottom:none}
.ntsx-spec-row .k{color:var(--x-muted);flex:0 0 42%}
.ntsx-spec-row .v{color:var(--x-ink);font-weight:600;flex:1}
.ntsx-spec-row .dot{width:5px;height:5px;border-radius:50%;background:var(--x-accent);flex:none;margin-top:7px}
.ntsx-feature-row{display:flex;align-items:flex-start;gap:11px;padding:10px 0;font-size:14px;color:var(--x-body)}
.ntsx-fb-table{display:flex;flex-direction:column;gap:10px;max-width:940px;margin:0 auto}
.ntsx-fb-table-head{display:grid;grid-template-columns:1fr 34px 1fr;gap:0;padding:0 18px 2px}
.ntsx-fb-table-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.45)}
.ntsx-fb-table-label-benefit{text-align:right}
.ntsx-fb-row{display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:5px;transition:background .2s ease}
.ntsx-fb-row:hover{background:rgba(255,255,255,.09)}
.ntsx-fb-cell{display:flex;align-items:center;gap:12px;padding:13px 16px;min-width:0}
.ntsx-fb-cell.is-benefit{flex-direction:row-reverse;text-align:right}
.ntsx-fb-cell.is-empty{visibility:hidden}
.ntsx-fb-badge{width:28px;height:28px;border-radius:50%;background:rgba(124,227,155,.16);color:#7CE39B;display:grid;place-items:center;flex:none}
.ntsx-fb-badge svg{width:14px;height:14px}
.ntsx-fb-badge.is-benefit{background:rgba(255,209,102,.18);color:#FFD166}
.ntsx-fb-text{font-size:15.5px;font-weight:600;color:#fff;line-height:1.4}
.ntsx-fb-arrow{display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.3);flex:none}
.ntsx-fb-arrow svg{width:18px;height:18px}
@media(max-width:700px){
  .ntsx-fb-table-head{display:none}
  .ntsx-fb-row{grid-template-columns:1fr;gap:2px;padding:14px}
  .ntsx-fb-arrow{transform:rotate(90deg);justify-self:center;padding:4px 0}
  .ntsx-fb-cell.is-benefit{flex-direction:row;text-align:left}
}

.ntsx-tech-block + .ntsx-tech-block{margin-top:46px}
.ntsx-section.is-dark .ntsx-spec-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.ntsx-section.is-dark .ntsx-spec-card h3{color:#fff}
.ntsx-section.is-dark .ntsx-spec-card h3 svg{color:#7CE39B}
.ntsx-section.is-dark .ntsx-spec-row{border-bottom-color:rgba(255,255,255,.14)}
.ntsx-section.is-dark .ntsx-spec-row .k{color:rgba(255,255,255,.55)}
.ntsx-section.is-dark .ntsx-spec-row .v{color:#fff}
.ntsx-section.is-dark .ntsx-spec-row .dot{background:#7CE39B}
.ntsx-section.is-dark .ntsx-feature-row{color:rgba(255,255,255,.78)}
.ntsx-section.is-dark .ntsx-feature-row svg{color:#7CE39B}
.ntsx-feature-row svg{width:17px;height:17px;color:var(--x-accent);flex:none;margin-top:2px}

.ntsx-intro2{display:grid;grid-template-columns:.9fr 1.6fr;gap:52px;align-items:start}

.ntsx-intro2-label h2{font-size:clamp(27px,3.1vw,36px);margin:14px 0 0;color:var(--x-ink);line-height:1.28;letter-spacing:-.01em}
.ntsx-intro2-media{border-radius:18px;overflow:hidden;box-shadow:var(--x-shadow-md);aspect-ratio:4/3.2;margin-top:22px}
.ntsx-intro2-media img{width:100%;height:100%;object-fit:cover;display:block}

.ntsx-intro2-body{font-size:15.5px;line-height:1.9;color:var(--x-body);border-left:1px solid var(--x-line);padding-left:52px}
.ntsx-intro2-body p{margin:0 0 16px}
.ntsx-intro2-body p:first-of-type{font-size:18px;line-height:1.85;color:var(--x-ink);font-weight:500}
.ntsx-feature-link{display:inline-flex;align-items:center;gap:7px;color:var(--x-accent);font-weight:700;text-decoration:none}
.ntsx-feature-link:hover{text-decoration:underline}
@media(max-width:860px){.ntsx-intro2{grid-template-columns:1fr;gap:24px}.ntsx-intro2-media{max-width:320px}
  .ntsx-intro2-body{border-left:none;padding-left:0}}

.ntsx-intro3{max-width:900px;margin:0 auto}
.ntsx-intro3-head{text-align:center;margin-bottom:30px}
.ntsx-intro3-head .ntsx-eyebrow{justify-content:center}
.ntsx-intro3-head h2{font-size:clamp(27px,3.1vw,36px);margin:14px 0 0;color:var(--x-ink);letter-spacing:-.01em}
.ntsx-intro3-lead{position:relative;text-align:center;max-width:720px;margin:0 auto 34px;
  font-size:19px;line-height:1.7;color:var(--x-ink);font-weight:500}
.ntsx-intro3-lead::before{content:"";display:block;width:52px;height:3px;border-radius:3px;margin:0 auto 22px;
  background:linear-gradient(90deg,var(--x-accent),var(--x-accent-2))}
.ntsx-intro3-cols{column-count:2;column-gap:48px;font-size:15px;line-height:1.85;color:var(--x-body)}
.ntsx-intro3-cols p{margin:0 0 16px;break-inside:avoid}
@media(max-width:760px){.ntsx-intro3-lead{font-size:17.5px}.ntsx-intro3-cols{column-count:1}}

body.single-service .ntsx-intro2-media{padding:6px;background:linear-gradient(150deg,var(--x-accent-soft),transparent 65%)}
body.single-service .ntsx-intro2-media img{border-radius:13px}
body.single-service .ntsx-intro2-label{position:relative;padding-left:20px}
body.single-service .ntsx-intro2-label::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;
  border-radius:3px;background:linear-gradient(180deg,var(--x-accent),var(--x-accent-2))}
@media(max-width:860px){body.single-service .ntsx-intro2-label{padding-left:16px}}

body:is(.single-service,.single-product) .ntsx-factsbar.is-floating + .ntsx-section{padding-top:150px}
@media(max-width:900px){body:is(.single-service,.single-product) .ntsx-factsbar.is-floating + .ntsx-section{padding-top:104px}}

.ntsx-overview-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:44px;align-items:start}
@media(max-width:900px){.ntsx-overview-grid{grid-template-columns:1fr}}

.ntsx-sidecards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:36px}
.ntsx-sidecards.is-stacked{grid-template-columns:1fr;margin-top:0;gap:16px}
.ntsx-box{background:var(--x-surface);border:1px solid var(--x-line);border-radius:var(--x-r-md);padding:26px;box-shadow:var(--x-shadow-sm)}

a.ntsx-box{display:block;text-decoration:none;color:inherit;transition:transform .25s ease,box-shadow .25s ease}
a.ntsx-box:hover{transform:translateY(-6px);box-shadow:var(--x-shadow-md)}
.ntsx-box-ico{width:44px;height:44px;border-radius:12px;background:var(--x-accent-soft);color:var(--x-accent);display:grid;place-items:center;margin-bottom:14px}
.ntsx-box-ico svg{width:20px;height:20px}
.ntsx-box h3{font-size:16px;margin-bottom:8px}
.ntsx-box p,.ntsx-box li{font-size:13.5px;color:var(--x-muted);line-height:1.65}
.ntsx-box ul{margin:0;padding-left:18px}
.ntsx-box li{margin-bottom:6px}
.ntsx-section.is-dark .ntsx-box{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.ntsx-section.is-dark .ntsx-box h3{color:#fff}
.ntsx-section.is-dark .ntsx-box p,.ntsx-section.is-dark .ntsx-box li{color:rgba(255,255,255,.75)}
.ntsx-section.is-dark .ntsx-box-ico{background:rgba(255,255,255,.1);color:#7CE39B}

.ntsx-2col{display:grid;grid-template-columns:1fr 1fr;gap:22px}

.ntsx-2col:not(.is-solo)>*:last-child:nth-child(odd){grid-column:1/-1}

.ntsx-2col.is-solo{grid-template-columns:1fr}
.ntsx-2col.is-solo>*{max-width:640px;margin:0 auto}
.ntsx-item{background:var(--x-surface);border:1px solid var(--x-line);border-radius:var(--x-r-md);padding:28px;box-shadow:var(--x-shadow-sm)}
.ntsx-item-ico{width:46px;height:46px;border-radius:13px;background:var(--x-accent-soft);color:var(--x-accent);display:grid;place-items:center;margin-bottom:16px}
.ntsx-item-ico svg{width:21px;height:21px}
.ntsx-item h3{font-size:17px;margin-bottom:10px}
.ntsx-item div,.ntsx-item p{font-size:14px;line-height:1.75;color:var(--x-body)}
.ntsx-section.is-dark .ntsx-item{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.ntsx-section.is-dark .ntsx-item h3{color:#fff}
.ntsx-section.is-dark .ntsx-item div,.ntsx-section.is-dark .ntsx-item p{color:rgba(255,255,255,.75)}
.ntsx-section.is-dark .ntsx-item-ico{background:rgba(255,255,255,.1);color:#7CE39B}
@media(max-width:760px){.ntsx-2col{grid-template-columns:1fr}}

.ntsx-apps-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:start}
.ntsx-apps-text{order:2}
.ntsx-apps-certs{order:1}
.ntsx-apps-grid.is-solo{grid-template-columns:1fr;max-width:640px;margin:0 auto}
.ntsx-apps-text h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--x-accent);font-weight:700;margin:0 0 14px}
.ntsx-apps-certs{background:var(--x-surface);border:1px solid var(--x-line);border-radius:var(--x-r-lg);padding:28px;box-shadow:var(--x-shadow-md)}
.ntsx-apps-certs h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--x-muted);font-weight:700;margin:0 0 18px}
.ntsx-certgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ntsx-certcard{display:flex;align-items:center;gap:11px;background:var(--x-surface-2);border-radius:13px;padding:14px 15px;
  font-size:13px;font-weight:700;color:var(--x-ink);line-height:1.35}
.ntsx-certcard-ico{width:34px;height:34px;border-radius:10px;background:var(--x-accent-soft);color:var(--x-accent);
  display:grid;place-items:center;flex:none}
.ntsx-certcard-ico svg{width:17px;height:17px}
@media(max-width:860px){.ntsx-apps-grid{grid-template-columns:1fr}.ntsx-apps-text,.ntsx-apps-certs{order:0}}
@media(max-width:560px){.ntsx-certgrid{grid-template-columns:1fr}}

.ntsx-testigrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ntsx-testi{background:var(--x-surface);border:1px solid var(--x-line);border-radius:var(--x-r-md);padding:26px;box-shadow:var(--x-shadow-sm)}
.ntsx-testi-quote{font-size:14.5px;line-height:1.7;color:var(--x-body);margin-bottom:18px}
.ntsx-testi-foot{display:flex;align-items:center;gap:12px}
.ntsx-testi-avatar{width:40px;height:40px;border-radius:50%;background:var(--x-navy-2);color:#fff;font-weight:800;
  display:grid;place-items:center;flex:none;font-size:15px}
.ntsx-testi-name{font-size:14px;font-weight:700;color:var(--x-ink)}
.ntsx-testi-pos{font-size:12.5px;color:var(--x-muted)}
.ntsx-testi-rating{margin-top:10px;color:var(--x-accent);font-size:15px;letter-spacing:2px}
@media(max-width:900px){.ntsx-testigrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.ntsx-testigrid{grid-template-columns:1fr}}

.ntsx-faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.ntsx-faq-item{background:var(--x-surface);border:1px solid var(--x-line);border-radius:14px;overflow:hidden;box-shadow:var(--x-shadow-sm)}
.ntsx-faq-q{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;cursor:pointer;
  font-weight:700;font-size:15px;color:var(--x-ink)}
.ntsx-faq-q .plus{width:22px;height:22px;border-radius:50%;background:var(--x-accent-soft);color:var(--x-accent);
  display:grid;place-items:center;flex:none;transition:transform .3s var(--x-ease)}
.ntsx-faq-q .plus svg{width:12px;height:12px}
.ntsx-faq-item.is-open .plus{transform:rotate(45deg)}
.ntsx-faq-a{max-height:0;overflow:hidden;transition:max-height .35s var(--x-ease)}
.ntsx-faq-a-inner{padding:0 22px 20px;font-size:14px;line-height:1.7;color:var(--x-body)}
.ntsx-faq-more{display:inline-block;margin-top:10px;color:var(--x-accent);font-weight:700;font-size:13.5px;text-decoration:none}

.ntsx-faq-contact{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.ntsx-faq-contact.is-solo{grid-template-columns:1fr;max-width:640px;margin:0 auto}
.ntsx-faq-col .ntsx-faq{max-width:none;margin:0}
.ntsx-col-title{display:flex;align-items:center;gap:12px;font-size:19px;margin:0 0 22px;color:var(--x-ink)}
.ntsx-col-ico{width:38px;height:38px;border-radius:11px;background:var(--x-accent-soft);color:var(--x-accent);display:grid;place-items:center;flex:none}
.ntsx-col-ico svg{width:18px;height:18px}

.ntsx-contact-card{background:var(--x-surface);border:1px solid var(--x-line);border-radius:var(--x-r-lg);padding:32px;box-shadow:var(--x-shadow-md)}
.ntsx-contact-phone{display:inline-flex;align-items:center;gap:9px;color:var(--x-ink);font-weight:700;font-size:14px;
  background:var(--x-accent-soft);border:1px solid rgba(40,163,74,.2);padding:9px 16px;border-radius:999px;margin-bottom:24px}
.ntsx-contact-phone svg{width:15px;height:15px;color:var(--x-accent);flex:none}
.ntsx-contact-phone a{color:inherit;text-decoration:none}
.ntsx-contact-card .ntsx-form{max-width:none;margin:0;padding:0;box-shadow:none;border-radius:0;background:transparent}
.ntsx-contact-card .ntsx-response-time{color:var(--x-muted);justify-content:flex-start;margin-top:18px}
@media(max-width:900px){.ntsx-faq-contact{grid-template-columns:1fr}}

.ntsx-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:16px}
.ntsx-gallery a{display:block;border-radius:16px;overflow:hidden;aspect-ratio:4/3;box-shadow:var(--x-shadow-sm);position:relative}
.ntsx-gallery a:first-child:nth-last-child(n+3){grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.ntsx-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--x-ease)}
.ntsx-gallery a:hover img{transform:scale(1.08)}

.ntsx-gallery-zoom{position:absolute;right:12px;bottom:12px;z-index:1;display:grid;place-items:center;
  width:34px;height:34px;border-radius:999px;background:rgba(14,34,54,.82);color:#fff;opacity:0;
  transform:translateY(6px);transition:.25s var(--x-ease)}
.ntsx-gallery a:hover .ntsx-gallery-zoom{opacity:1;transform:translateY(0)}

.ntsx-lb{display:none;position:fixed;inset:0;z-index:9999;background:rgba(6,14,24,.96);
  align-items:center;justify-content:center;backdrop-filter:blur(6px)}
.ntsx-lb.is-open{display:flex}
.ntsx-lb-inner{position:relative;max-width:min(90vw,1200px);max-height:85vh;display:flex;align-items:center;justify-content:center}
.ntsx-lb-img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:10px;display:block;box-shadow:var(--x-shadow-lg)}
.ntsx-lb-close,.ntsx-lb-prev,.ntsx-lb-next{position:fixed;background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;
  border-radius:50%;transition:background .2s;line-height:1}
.ntsx-lb-close:hover,.ntsx-lb-prev:hover,.ntsx-lb-next:hover{background:rgba(255,255,255,.22)}
.ntsx-lb-close{top:18px;right:18px;width:44px;height:44px;font-size:22px}
.ntsx-lb-prev,.ntsx-lb-next{top:50%;transform:translateY(-50%);width:48px;height:48px;font-size:20px}
.ntsx-lb-prev{left:18px}
.ntsx-lb-next{right:18px}
.ntsx-lb-count{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.65);
  font-size:12px;font-weight:600;letter-spacing:.08em;white-space:nowrap}
@media(max-width:640px){
  .ntsx-lb-prev{left:8px;width:40px;height:40px}
  .ntsx-lb-next{right:8px;width:40px;height:40px}
  .ntsx-lb-close{top:10px;right:10px}
}
@media(max-width:900px){.ntsx-gallery{grid-template-columns:repeat(2,1fr)}.ntsx-gallery a:first-child:nth-last-child(n+3){grid-column:span 2;grid-row:span 1;aspect-ratio:16/9}}

.ntsx-resbanner{display:grid;grid-template-columns:.75fr 1.35fr;gap:48px;align-items:center}
.ntsx-resbanner-text h2{margin:10px 0 14px}
.ntsx-resbanner-text p{color:rgba(255,255,255,.7);font-size:15px;line-height:1.75;margin:0}
.ntsx-resbanner-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.ntsx-resbanner-cards.is-solo{grid-template-columns:1fr;max-width:400px}
.ntsx-doc-card{display:flex;flex-direction:column;align-items:flex-start;gap:16px;background:var(--x-surface);
  border:1px solid transparent;border-radius:18px;padding:26px 24px;box-shadow:var(--x-shadow-md);
  transition:transform .3s var(--x-ease),box-shadow .3s var(--x-ease)}
.ntsx-doc-card:hover{transform:translateY(-6px);box-shadow:var(--x-shadow-lg)}
.ntsx-doc-card-ico{width:52px;height:52px;border-radius:14px;background:var(--x-accent-soft);color:var(--x-accent-strong);
  display:grid;place-items:center;flex:none}
.ntsx-doc-card-ico svg{width:23px;height:23px}
.ntsx-doc-card-body{width:100%;min-width:0}
.ntsx-doc-card-title{display:block;font-weight:700;color:var(--x-ink);font-size:15px;margin-bottom:14px;line-height:1.4}
.ntsx-doc-card-links{display:flex;gap:18px;padding-top:14px;border-top:1px dashed var(--x-line)}
.ntsx-doc-card-links a{color:var(--x-accent-strong);font-weight:700;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;gap:5px}
.ntsx-doc-card-links a:hover{text-decoration:underline}
@media(max-width:860px){.ntsx-resbanner{grid-template-columns:1fr;gap:28px}}
@media(max-width:640px){.ntsx-resbanner-cards{grid-template-columns:1fr}}

.ntsx-relgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ntsx-relcard{background:var(--x-surface);border:1px solid var(--x-line);border-radius:var(--x-r-lg);overflow:hidden;
  text-decoration:none;box-shadow:var(--x-shadow-sm);transition:transform .3s var(--x-ease),box-shadow .3s var(--x-ease)}
.ntsx-relcard:hover{transform:translateY(-6px);box-shadow:var(--x-shadow-md)}
.ntsx-relcard-media{aspect-ratio:4/3;overflow:hidden;background:linear-gradient(150deg,#1c3a52,#0e2033)}
.ntsx-relcard-media img{width:100%;height:100%;object-fit:cover;display:block}
.ntsx-relcard-body{padding:20px}

.ntsx-relcard-body h3{font-size:15.5px;line-height:1.45;margin-bottom:10px}
.ntsx-relcard-body p{font-size:13px;color:var(--x-muted);margin:0 0 12px;line-height:1.6}
.ntsx-relcard-link{display:inline-flex;align-items:center;gap:6px;color:var(--x-accent);font-weight:700;font-size:13px}
.ntsx-relcard-link svg{width:14px;height:14px}

.ntsx-relslider{position:relative}
.ntsx-relslider .ntsx-relgrid{display:flex;flex-wrap:nowrap;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}
.ntsx-relslider .ntsx-relgrid::-webkit-scrollbar{display:none}
.ntsx-relslider .ntsx-relcard{flex:0 0 clamp(240px,31%,320px);scroll-snap-align:start}
.ntsx-relslider-nav{position:absolute;top:calc(50% - 14px);transform:translateY(-50%);z-index:2;width:44px;height:44px;
  border-radius:50%;background:var(--x-surface);border:1px solid var(--x-line);box-shadow:var(--x-shadow-md);
  display:flex;align-items:center;justify-content:center;color:var(--x-ink);cursor:pointer;padding:0;
  transition:background .2s var(--x-ease),color .2s var(--x-ease),transform .2s var(--x-ease),opacity .2s ease}
.ntsx-relslider-nav:hover{background:var(--x-accent);border-color:var(--x-accent);color:#fff}
.ntsx-relslider-nav svg{width:18px;height:18px}
.ntsx-relslider-nav.prev{left:-22px}
.ntsx-relslider-nav.next{right:-22px}
.ntsx-relslider-nav[disabled]{opacity:0;pointer-events:none}
@media(max-width:900px){.ntsx-relslider .ntsx-relcard{flex-basis:64%}.ntsx-relslider-nav{display:none}}
@media(max-width:600px){.ntsx-relslider .ntsx-relcard{flex-basis:82%}}
@media(max-width:900px){.ntsx-relgrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.ntsx-relgrid{grid-template-columns:1fr}}

.ntsx-descgrid .ntsx-relgrid{grid-template-columns:1fr 1fr}
@media(max-width:600px){.ntsx-descgrid .ntsx-relgrid{grid-template-columns:1fr}}

.ntsx-descgrid .ntsx-sidecards{grid-template-columns:1fr 1fr;margin-top:0}
@media(max-width:560px){.ntsx-descgrid .ntsx-sidecards{grid-template-columns:1fr}}

.ntsx-relcard-badge{position:absolute;left:12px;top:12px;z-index:1;display:inline-flex;align-items:center;
  gap:6px;background:rgba(14,34,54,.82);color:#fff;font-size:11.5px;font-weight:700;padding:6px 12px;
  border-radius:999px;backdrop-filter:blur(4px)}
.ntsx-relcard-media{position:relative}

.ntsx-relcard.is-featured{display:grid;grid-template-columns:1fr 1fr}
.ntsx-relcard.is-featured .ntsx-relcard-media{aspect-ratio:auto;height:100%}
.ntsx-relcard.is-featured .ntsx-relcard-body{padding:28px;display:flex;flex-direction:column;justify-content:center}
.ntsx-relcard.is-featured .ntsx-relcard-body h3{font-size:21px;margin-bottom:12px;line-height:1.3}
.ntsx-relcard.is-featured .ntsx-relcard-body p{font-size:14px;line-height:1.7;margin-bottom:16px}
@media(max-width:760px){.ntsx-relcard.is-featured{grid-template-columns:1fr}.ntsx-relcard.is-featured .ntsx-relcard-media{aspect-ratio:16/9}}

.ntsx-cta-phone{display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:15px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:10px 20px;border-radius:999px;margin:0 auto 30px;
  display:flex;width:fit-content}
.ntsx-cta-phone svg{width:17px;height:17px}
.ntsx-cta-phone a{color:#fff;text-decoration:none}
.ntsx-form{max-width:640px;margin:0 auto;background:#fff;border-radius:22px;padding:32px;box-shadow:0 40px 80px -40px rgba(0,0,0,.6);text-align:left}
.ntsx-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ntsx-form-group{margin-bottom:16px;display:flex;flex-direction:column}
.ntsx-form label{font-size:13px;font-weight:700;color:var(--x-ink);margin-bottom:6px}
.ntsx-form .req{color:#d64545}
.ntsx-form input,.ntsx-form textarea,.ntsx-form select{width:100%;padding:12px 14px;border:1px solid var(--x-line);border-radius:11px;
  font-size:14px;color:var(--x-ink);background:var(--x-surface-2);font-family:inherit;transition:.2s}
.ntsx-form input:focus,.ntsx-form textarea:focus,.ntsx-form select:focus{outline:none;border-color:var(--x-accent);box-shadow:0 0 0 3px var(--x-accent-soft);background:#fff}
.ntsx-form textarea{resize:vertical;min-height:96px}
.ntsx-form-submit{width:100%;justify-content:center;border:none;cursor:pointer;font-family:inherit}
.ntsx-form-feedback{margin-top:14px;font-weight:700;font-size:13.5px}
.ntsx-response-time{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:20px;color:rgba(255,255,255,.65);font-size:13.5px}
.ntsx-response-time svg{width:16px;height:16px}
@media(max-width:560px){.ntsx-form{padding:24px}.ntsx-form-row{grid-template-columns:1fr}}

.ntsx-map-frame{border-radius:var(--x-r-lg);overflow:hidden;box-shadow:var(--x-shadow-md);line-height:0}
.ntsx-map-frame iframe{width:100%;height:440px;border:0;display:block}
@media(max-width:600px){.ntsx-map-frame iframe{height:320px}}

@media(max-width:980px){.ntsx-prodgrid{grid-template-columns:repeat(2,1fr)}.ntsx-strengths{grid-template-columns:repeat(2,1fr)}.ntsx-catgrid{grid-template-columns:repeat(2,1fr)}
  .ntsx-sidecards{grid-template-columns:1fr}}
@media(max-width:560px){.ntsx-prodgrid,.ntsx-strengths,.ntsx-catgrid{grid-template-columns:1fr}.ntsx-cta{padding:38px 22px}
  .ntsx-gallery{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.ntsx-newsletter-form{flex-direction:column}.ntsx-newsletter-form input[type="email"]{min-width:0;width:100%}}

.ntsx-relgrid/.ntsx-form/.ntsx-resbanner đã có sẵn ở trên; chỉ thêm phần THẬT SỰ
   riêng: marker số thứ tự, thanh facts dự án, luồng Bài toán→Giải pháp, sơ đồ nguyên lý,
   lưới số liệu kết quả, input file trong form tư vấn.
   ============================================================ */

.ntsx-str-ico.is-num{font-size:22px;font-weight:800;color:var(--x-accent-strong)}

@media(min-width:981px){
  .ntsx-strengths.is-flow > .ntsx-str{overflow:visible}
  .ntsx-strengths.is-flow > .ntsx-str:not(:last-child)::after{
    content:"";position:absolute;top:28px;right:-23px;width:14px;height:14px;z-index:2;
    background:var(--x-surface);border-top:2px solid var(--x-accent);border-right:2px solid var(--x-accent);
    transform:rotate(45deg);border-radius:0 3px 0 0;
  }
}

.ntsx-steps{position:relative;display:flex;flex-direction:column;max-width:820px;margin:0 auto}
.ntsx-step{position:relative;display:flex;gap:22px;padding-bottom:40px}
.ntsx-step:last-child{padding-bottom:0}
.ntsx-step::before{content:"";position:absolute;left:23px;top:50px;bottom:-6px;width:2px;background:var(--x-line)}
.ntsx-step:last-child::before{display:none}
.ntsx-step-marker{flex:none;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--x-accent),var(--x-accent-2));
  color:#fff;font-weight:800;font-size:18px;display:grid;place-items:center;position:relative;z-index:1;box-shadow:0 12px 26px -10px rgba(40,163,74,.55)}
.ntsx-step-body{padding-top:6px}
.ntsx-step-body h3{font-size:17px;margin-bottom:8px}
.ntsx-step-body>div{font-size:14px;line-height:1.7;color:var(--x-body)}
.ntsx-step-time{display:inline-flex;align-items:center;gap:7px;margin-top:10px;font-size:12.5px;font-weight:700;color:var(--x-accent-strong);
  background:var(--x-accent-soft);padding:5px 12px;border-radius:999px}
.ntsx-step-time svg{width:13px;height:13px;flex:none}
.ntsx-section.is-dark .ntsx-step-body>div{color:rgba(255,255,255,.75)}
.ntsx-section.is-dark .ntsx-step::before{background:rgba(255,255,255,.16)}

.ntsx-factsbar{position:relative;z-index:2;background:var(--x-surface);border-bottom:1px solid var(--x-line);
  box-shadow:0 12px 30px -22px rgba(14,34,54,.3)}
.ntsx-factsbar-grid{display:flex;flex-wrap:wrap;gap:0}
.ntsx-fact{flex:1 1 180px;display:flex;align-items:center;gap:12px;padding:20px 22px;border-right:1px solid var(--x-line)}
.ntsx-fact:last-child{border-right:none}
.ntsx-fact-ico{width:40px;height:40px;border-radius:11px;background:var(--x-accent-soft);color:var(--x-accent-strong);
  display:grid;place-items:center;flex:none}
.ntsx-fact-ico svg{width:18px;height:18px}
.ntsx-fact-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.ntsx-fact-label{font-size:11.5px;color:var(--x-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.ntsx-fact-value{font-size:14.5px;color:var(--x-ink);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){.ntsx-fact{flex:1 1 45%;border-right:none;border-bottom:1px solid var(--x-line)}}

body:is(.single-service,.single-product) .ntsx-factsbar.is-floating{
  max-width:1120px;margin:-44px auto 0;border-radius:var(--x-r-lg);border:1px solid var(--x-line);
  overflow:hidden;
}
@media(max-width:900px){body:is(.single-service,.single-product) .ntsx-factsbar.is-floating{margin:-30px 20px 0}}
@media(max-width:560px){body:is(.single-service,.single-product) .ntsx-factsbar.is-floating{margin:-22px 14px 0}}

.ntsx-challenge{display:grid;grid-template-columns:1fr auto 1fr;gap:26px;align-items:stretch}
.ntsx-challenge-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--x-r-lg);padding:30px}
.ntsx-challenge-card.is-solution{background:rgba(40,163,74,.14);border-color:rgba(40,163,74,.3)}
.ntsx-challenge-tag{display:inline-block;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;
  color:rgba(255,255,255,.6);background:rgba(255,255,255,.08);padding:6px 13px;border-radius:999px;margin-bottom:16px}
.ntsx-challenge-card.is-solution .ntsx-challenge-tag{color:#7CE39B;background:rgba(40,163,74,.2)}
.ntsx-challenge-card h3{color:#fff;font-size:17px;margin-bottom:10px}
.ntsx-challenge-card > div{color:rgba(255,255,255,.78);font-size:14px;line-height:1.75}
.ntsx-challenge-card > div p{margin:0 0 12px}
.ntsx-challenge-card > div ul,.ntsx-challenge-card > div ol{margin:0 0 12px;padding-left:20px}
.ntsx-challenge-card > div li{margin-bottom:6px}
.ntsx-challenge-card > div img{max-width:100%;height:auto;border-radius:10px;display:block;margin:14px 0}

.ntsx-challenge-card > div [style]{color:inherit !important;background:transparent !important;font-family:inherit !important;font-size:inherit !important;line-height:inherit !important}

.ntsx-challenge-card > div table{width:100% !important;border-collapse:collapse;margin:0 0 14px;font-size:12.5px}
.ntsx-challenge-card > div table td,.ntsx-challenge-card > div table th{border:1px solid rgba(255,255,255,.18);padding:7px 10px;text-align:left;word-break:break-word}
.ntsx-challenge-card > div table th{background:rgba(255,255,255,.06);font-weight:700}
.ntsx-challenge-arrow{display:grid;place-items:center;color:#7CE39B;flex:none}
.ntsx-challenge-arrow svg{width:26px;height:26px}
@media(max-width:860px){.ntsx-challenge{grid-template-columns:1fr}.ntsx-challenge-arrow{transform:rotate(90deg);margin:-6px 0}}

.ntsx-diagram{position:relative;display:block;max-width:900px;margin:0 auto;border-radius:var(--x-r-lg);overflow:hidden;
  box-shadow:var(--x-shadow-md);text-decoration:none}
.ntsx-diagram img{width:100%;height:auto;display:block}
.ntsx-diagram-zoom{position:absolute;right:16px;bottom:16px;display:inline-flex;align-items:center;gap:7px;
  background:rgba(14,34,54,.82);color:#fff;font-size:12.5px;font-weight:700;padding:9px 16px;border-radius:999px;
  backdrop-filter:blur(4px);transition:transform .25s var(--x-ease)}
.ntsx-diagram:hover .ntsx-diagram-zoom{transform:translateY(-3px)}

.ntsx-statsgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px;max-width:760px;margin:0 auto}
.ntsx-statitem{text-align:center;background:var(--x-surface);border:1px solid var(--x-line);border-radius:var(--x-r-md);
  padding:26px 16px;box-shadow:var(--x-shadow-sm)}
.ntsx-statitem b{display:block;font-size:32px;font-weight:800;color:var(--x-accent-strong);line-height:1.1}
.ntsx-statitem b small{font-size:14px;font-weight:600;color:var(--x-muted);margin-left:4px}
.ntsx-statitem span{display:block;font-size:13px;color:var(--x-muted);margin-top:8px}

.ntsx-descgrid{display:grid;grid-template-columns:minmax(0,1fr) 328px;gap:44px;align-items:start;max-width:1200px;margin:0 auto;min-width:0}
.ntsx-descgrid .ntsx-prose{max-width:none;margin:0;min-width:0}

.ntsx-stats-sidebar{position:sticky;top:24px;min-width:0;background:var(--x-surface);
  border:1px solid color-mix(in srgb,var(--x-accent) 14%,var(--x-line));
  border-radius:var(--x-r-lg);padding:32px 28px 28px;box-shadow:var(--x-shadow-lg);overflow:hidden}
.ntsx-stats-sidebar::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--x-accent),var(--x-accent-2))}

.ntsx-stats-sidebar h3{display:flex;align-items:center;gap:10px;font-size:13px;text-transform:uppercase;
  letter-spacing:.05em;color:var(--x-ink);font-weight:700;margin:0 0 20px}
.ntsx-stats-sidebar h3 svg{flex:none;width:32px !important;height:32px !important;padding:8px;box-sizing:border-box;
  border-radius:9px;background:var(--x-accent-soft);color:var(--x-accent-strong)}
.ntsx-stats-sidebar-list{display:flex;flex-direction:column;gap:16px}
.ntsx-stats-sidebar-item{padding-bottom:16px;border-bottom:1px solid var(--x-line)}
.ntsx-stats-sidebar-item:last-child{padding-bottom:0;border-bottom:none}
.ntsx-stats-sidebar-item b{display:block;font-size:23px;font-weight:800;color:var(--x-accent-strong);line-height:1.25}
.ntsx-stats-sidebar-item b small{font-size:12.5px;font-weight:600;color:var(--x-muted);margin-left:4px}
.ntsx-stats-sidebar-item span{display:block;font-size:12.5px;color:var(--x-muted);margin-top:3px}

.ntsx-sidebar-widget + .ntsx-sidebar-widget{margin-top:28px;padding-top:24px;border-top:1px solid var(--x-line)}

.ntsx-stats-sidebar.is-blocks{background:none;border:none;box-shadow:none;padding:0;overflow:visible;
  display:flex;flex-direction:column;gap:20px}
.ntsx-stats-sidebar.is-blocks::before{display:none}
.ntsx-stats-sidebar.is-blocks .ntsx-sidebar-widget{background:var(--x-surface);
  border:1px solid var(--x-line);border-radius:var(--x-r-lg);padding:24px 22px;box-shadow:var(--x-shadow-sm)}
.ntsx-stats-sidebar.is-blocks .ntsx-sidebar-widget + .ntsx-sidebar-widget{margin-top:0;padding:24px 22px;border-top:none}

.ntsx-stats-sidebar.is-blocks .ntsx-sidebar-cta{background:var(--x-accent-soft);border-color:color-mix(in srgb,var(--x-accent) 30%,var(--x-line))}
.ntsx-sidebar-info-list{display:flex;flex-direction:column;gap:16px}
.ntsx-sidebar-info-item{display:flex;align-items:flex-start;gap:12px}
.ntsx-sidebar-info-ico{flex:none;width:32px;height:32px;border-radius:9px;background:var(--x-accent-soft);
  color:var(--x-accent-strong);display:grid;place-items:center;margin-top:1px}
.ntsx-sidebar-info-ico svg{width:15px;height:15px}
.ntsx-sidebar-info-body{display:flex;flex-direction:column;gap:3px;min-width:0}
.ntsx-sidebar-info-label{font-size:11.5px;color:var(--x-muted)}
.ntsx-sidebar-info-value{font-size:13.5px;font-weight:700;color:var(--x-ink);word-break:break-word;line-height:1.4}

.ntsx-sidebar-cta{text-align:center}
.ntsx-sidebar-cta-ico{width:44px;height:44px;border-radius:12px;background:var(--x-accent-soft);
  color:var(--x-accent-strong);display:grid;place-items:center;margin:0 auto 14px}
.ntsx-sidebar-cta h4{font-size:15px;font-weight:800;color:var(--x-ink);margin:0 0 6px}
.ntsx-sidebar-cta p{font-size:12.5px;color:var(--x-muted);line-height:1.6;margin:0 0 16px}
.ntsx-sidebar-cta .ntsx-btn{width:100%;justify-content:center;padding:12px 20px;font-size:13.5px}
.ntsx-sidebar-cta-link{display:inline-block;margin-top:12px;font-size:12.5px;font-weight:700;
  color:var(--x-muted);text-decoration:none}
.ntsx-sidebar-cta-link:hover{color:var(--x-accent-strong)}

.ntsx-sidebar-list{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0}
.ntsx-sidebar-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:9px 0;font-size:13.5px;color:var(--x-body);text-decoration:none;border-bottom:1px solid var(--x-line)}
.ntsx-sidebar-list li:last-child a{border-bottom:none}
.ntsx-sidebar-list a:hover{color:var(--x-accent-strong)}
.ntsx-sidebar-list a span{color:var(--x-muted);font-size:12px;font-weight:600}

.ntsx-sidebar-postlist{display:flex;flex-direction:column;gap:14px}
.ntsx-sidebar-postlist-item{display:flex;gap:12px;align-items:flex-start;text-decoration:none}
.ntsx-sidebar-postlist-thumb{flex:none;width:60px;height:60px;border-radius:10px;overflow:hidden;background:var(--x-surface-2)}
.ntsx-sidebar-postlist-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ntsx-sidebar-postlist-body h4{font-size:13px;font-weight:700;color:var(--x-ink);line-height:1.4;margin:0 0 4px}
.ntsx-sidebar-postlist-item:hover h4{color:var(--x-accent-strong)}
.ntsx-sidebar-postlist-body time{font-size:11.5px;color:var(--x-muted)}

.ntsx-toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;
  max-height:360px;overflow-y:auto}
.ntsx-toc li{border-left:2px solid var(--x-line);transition:border-color .2s}
.ntsx-toc li a{display:block;padding:7px 0 7px 14px;font-size:13px;color:var(--x-body);
  text-decoration:none;line-height:1.4;transition:color .2s}
.ntsx-toc li a:hover{color:var(--x-accent-strong)}
.ntsx-toc li.is-level-3 a{padding-left:28px;font-size:12.5px;color:var(--x-muted)}
.ntsx-toc li.is-active{border-left-color:var(--x-accent)}
.ntsx-toc li.is-active > a{color:var(--x-accent-strong);font-weight:700}

.ntsx-sidebar-tags,.ntsx-post-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ntsx-sidebar-tags a,.ntsx-post-tags a{font-size:12px;font-weight:600;color:var(--x-body);background:var(--x-surface-2);
  border:1px solid var(--x-line);padding:6px 12px;border-radius:999px;text-decoration:none;transition:.2s}
.ntsx-sidebar-tags a:hover,.ntsx-post-tags a:hover{color:#fff;background:var(--x-accent);border-color:transparent}
.ntsx-post-tags-label{font-size:12.5px;font-weight:700;color:var(--x-muted);margin-right:2px}

@media(max-width:900px){
  .ntsx-descgrid{grid-template-columns:minmax(0,1fr);gap:26px}
  .ntsx-stats-sidebar{position:static}
  .ntsx-stats-sidebar-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px 20px}
  .ntsx-stats-sidebar-item{border-bottom:none;padding-bottom:0}
}

.ntsx-cardpair{display:flex;flex-direction:column;gap:16px;margin:34px 0}
.ntsx-cardpair-item{display:grid;grid-template-columns:190px minmax(0,1fr);gap:26px;
  background:var(--x-surface-2);border:1px solid var(--x-line);border-radius:var(--x-r-lg);padding:26px}
.ntsx-cardpair-item.is-solution{background:color-mix(in srgb,var(--x-accent) 6%,var(--x-surface));
  border-color:color-mix(in srgb,var(--x-accent) 28%,var(--x-line))}
.ntsx-cardpair-rail{min-width:0}
.ntsx-cardpair-icon{width:40px;height:40px;border-radius:12px;background:var(--x-surface);color:var(--x-navy-2);
  display:grid;place-items:center;margin-bottom:14px;box-shadow:var(--x-shadow-sm)}
.ntsx-cardpair-item.is-solution .ntsx-cardpair-icon{background:var(--x-accent-soft);color:var(--x-accent-strong)}
.ntsx-cardpair-tag{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  color:var(--x-muted);background:var(--x-surface);padding:5px 12px;border-radius:999px;margin-bottom:12px}
.ntsx-cardpair-item.is-solution .ntsx-cardpair-tag{color:var(--x-accent-strong);background:rgba(255,255,255,.6)}
.ntsx-cardpair-rail h3{font-size:17px;margin:0;color:var(--x-ink)}

.ntsx-cardpair-body{min-width:0;color:var(--x-body);font-size:16.5px;line-height:1.95}
.ntsx-cardpair-body p{margin:0 0 16px}
.ntsx-cardpair-body ul,.ntsx-cardpair-body ol{margin:0 0 16px;padding-left:22px}
.ntsx-cardpair-body li{margin-bottom:8px}
.ntsx-cardpair-body img{max-width:100%;height:auto;border-radius:10px;display:block;margin:14px 0}
.ntsx-cardpair-body .wp-caption,.ntsx-cardpair-body figure{max-width:100% !important;width:auto !important}
.ntsx-cardpair-body .wp-caption img,.ntsx-cardpair-body figure img{width:100%}
.ntsx-cardpair-body [style]{color:inherit !important;background:transparent !important;font-family:inherit !important;font-size:inherit !important;line-height:inherit !important}
.ntsx-cardpair-body table{width:100% !important;border-collapse:collapse;margin:0 0 14px;font-size:14px}
.ntsx-cardpair-body table td,.ntsx-cardpair-body table th{border:1px solid var(--x-line);padding:7px 10px;text-align:left;word-break:break-word}
.ntsx-cardpair-body table th,
.ntsx-cardpair-body table tr:first-child td{background:var(--x-surface);font-weight:700}
.ntsx-cardpair-body table tr:nth-child(even) td{background:rgba(255,255,255,.5)}
@media(max-width:640px){
  .ntsx-cardpair-item{grid-template-columns:1fr;gap:6px;padding:22px}
  .ntsx-cardpair-icon{margin-bottom:10px}
}

.ntsx-inline-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:22px 0}
.ntsx-inline-gallery img{width:100%;height:230px;object-fit:cover;border-radius:var(--x-r-md);margin:0;
  display:block;box-shadow:var(--x-shadow-sm);transition:transform .35s var(--x-ease)}
.ntsx-inline-gallery img:hover{transform:scale(1.035)}
@media(max-width:760px){
  .ntsx-inline-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px;
    -webkit-overflow-scrolling:touch;scrollbar-width:none}
  .ntsx-inline-gallery::-webkit-scrollbar{display:none}
  .ntsx-inline-gallery img{flex:0 0 80%;scroll-snap-align:start;height:200px}
}

.ntsx-panel-process{display:flex;flex-direction:column;gap:16px;margin-bottom:22px}
.ntsx-panel-step{position:relative;display:flex;align-items:center;gap:13px;padding-left:2px}
.ntsx-panel-step:not(:last-child)::after{content:"";position:absolute;left:15px;top:32px;bottom:-16px;width:1px;background:rgba(255,255,255,.16)}
.ntsx-panel-step b{flex:none;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);
  color:#fff;font-weight:800;font-size:12.5px;display:grid;place-items:center;position:relative;z-index:1}
.ntsx-panel-step:first-child b{background:linear-gradient(135deg,var(--x-accent),var(--x-accent-2));border-color:transparent}
.ntsx-panel-step span{font-size:13.5px;font-weight:600;color:rgba(255,255,255,.82)}

.ntsx-svcgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ntsx-svccard{position:relative;display:flex;flex-direction:column;background:var(--x-surface);border:1px solid var(--x-line);
  border-radius:var(--x-r-lg);overflow:hidden;text-decoration:none;box-shadow:var(--x-shadow-sm);
  transition:transform .35s var(--x-ease),box-shadow .35s var(--x-ease),border-color .35s var(--x-ease)}
.ntsx-svccard:hover{transform:translateY(-8px);box-shadow:var(--x-shadow-lg);border-color:color-mix(in srgb,var(--x-accent) 35%,var(--x-line))}

.ntsx-svccard-media{position:relative}
.ntsx-svccard-frame{position:relative;aspect-ratio:4/2.7;overflow:hidden;background:linear-gradient(150deg,#1c3a52,#0e2033);
  border-radius:var(--x-r-lg) var(--x-r-lg) 0 0}
.ntsx-svccard-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--x-ease)}
.ntsx-svccard:hover .ntsx-svccard-frame img{transform:scale(1.08)}
.ntsx-svccard-glyph{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.85)}
.ntsx-svccard-glyph svg{width:40px;height:40px}
.ntsx-svccard-ribbon{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;align-items:center;gap:6px;
  background:rgba(255,255,255,.96);color:var(--x-ink);font-size:10.5px;font-weight:800;text-transform:uppercase;
  letter-spacing:.04em;padding:5px 11px;border-radius:999px;box-shadow:0 8px 20px -8px rgba(0,0,0,.4)}
.ntsx-svccard-ribbon svg{width:10px;height:10px;color:var(--x-accent-strong);flex:none}
.ntsx-svccard-seal{position:absolute;left:20px;bottom:-24px;z-index:3;width:56px;height:56px;border-radius:16px;
  background:linear-gradient(150deg,var(--x-accent),var(--x-accent-2));color:#fff;display:grid;place-items:center;
  box-shadow:0 14px 30px -10px rgba(40,163,74,.6);border:3px solid var(--x-surface);transition:transform .35s var(--x-ease)}
.ntsx-svccard:hover .ntsx-svccard-seal{transform:rotate(-6deg) scale(1.06)}
.ntsx-svccard-seal svg{width:24px;height:24px}
.ntsx-svccard-body{flex:1;display:flex;flex-direction:column;gap:11px;padding:36px 24px 22px}
.ntsx-svccard-body h3{font-size:18.5px}
.ntsx-svccard-body p{font-size:13.5px;color:var(--x-muted);line-height:1.7;margin:0;flex:1}
.ntsx-svccard-facts{display:flex;flex-wrap:wrap;gap:8px}
.ntsx-svccard-fact{display:inline-flex;align-items:center;gap:6px;background:var(--x-surface-2);color:var(--x-body);
  font-size:11.5px;font-weight:600;padding:6px 11px;border-radius:999px}
.ntsx-svccard-fact svg{width:12px;height:12px;color:var(--x-accent);flex:none}
.ntsx-svccard-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;
  margin-top:auto;border-top:1px solid var(--x-line)}
.ntsx-svccard-foot-label{color:var(--x-accent-strong);font-weight:700;font-size:13px}
.ntsx-svccard-foot-btn{flex:none;width:32px;height:32px;border-radius:50%;background:var(--x-accent-soft);color:var(--x-accent-strong);
  display:grid;place-items:center;transition:background .3s var(--x-ease),color .3s var(--x-ease)}
.ntsx-svccard-foot-btn svg{width:14px;height:14px;transition:transform .25s var(--x-ease)}
.ntsx-svccard:hover .ntsx-svccard-foot-btn{background:linear-gradient(135deg,var(--x-accent),var(--x-accent-2));color:#fff}
.ntsx-svccard:hover .ntsx-svccard-foot-btn svg{transform:translateX(3px)}
@media(max-width:980px){.ntsx-svcgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.ntsx-svcgrid{grid-template-columns:1fr}}

.ntsx-projgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ntsx-projcard{position:relative;display:flex;flex-direction:column;background:var(--x-surface);border:1px solid var(--x-line);
  border-radius:var(--x-r-lg);overflow:hidden;text-decoration:none;box-shadow:var(--x-shadow-sm);
  transition:transform .35s var(--x-ease),box-shadow .35s var(--x-ease),border-color .35s var(--x-ease)}
.ntsx-projcard:hover{transform:translateY(-8px);box-shadow:var(--x-shadow-lg);border-color:color-mix(in srgb,var(--x-accent) 35%,var(--x-line))}

.ntsx-projcard-media{position:relative}
.ntsx-projcard-frame{position:relative;aspect-ratio:4/2.7;overflow:hidden;background:linear-gradient(150deg,#1c3a52,#0e2033);
  border-radius:var(--x-r-lg) var(--x-r-lg) 0 0}
.ntsx-projcard-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--x-ease)}
.ntsx-projcard:hover .ntsx-projcard-frame img{transform:scale(1.08)}
.ntsx-projcard-glyph{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.85)}
.ntsx-projcard-glyph svg{width:40px;height:40px}

.ntsx-projcard-ribbon{position:absolute;top:14px;right:14px;z-index:2;display:inline-flex;align-items:center;gap:6px;
  background:rgba(255,255,255,.96);color:var(--x-ink);font-size:10.5px;font-weight:800;text-transform:uppercase;
  letter-spacing:.04em;padding:5px 11px;border-radius:999px;box-shadow:0 8px 20px -8px rgba(0,0,0,.4)}
.ntsx-projcard-ribbon svg{width:10px;height:10px;color:var(--x-accent-strong);flex:none}
.ntsx-projcard-seal{position:absolute;left:20px;bottom:-24px;z-index:3;width:56px;height:56px;border-radius:16px;
  background:linear-gradient(150deg,var(--x-navy),var(--x-navy-2));color:#fff;display:grid;place-items:center;
  box-shadow:0 14px 30px -10px rgba(19,36,69,.6);border:3px solid var(--x-surface);transition:transform .35s var(--x-ease)}
.ntsx-projcard:hover .ntsx-projcard-seal{transform:rotate(-6deg) scale(1.06)}
.ntsx-projcard-seal svg{width:24px;height:24px}
.ntsx-projcard-body{flex:1;display:flex;flex-direction:column;gap:12px;padding:36px 24px 22px}

.ntsx-projcard-body h3{
  font-size:18px;
  line-height:1.4;
  letter-spacing:-.005em;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  min-height:calc(1.4em * 2);
}
.ntsx-projcard-body p{font-size:13.5px;color:var(--x-muted);line-height:1.7;margin:0;flex:1}
.ntsx-projcard-facts{display:flex;flex-wrap:wrap;gap:8px}
.ntsx-projcard-fact{display:inline-flex;align-items:center;gap:6px;background:var(--x-surface-2);color:var(--x-body);
  font-size:11.5px;font-weight:600;padding:6px 11px;border-radius:999px;max-width:100%}
.ntsx-projcard-fact svg{width:12px;height:12px;color:var(--x-accent);flex:none}
.ntsx-projcard-fact span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ntsx-projcard-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;
  margin-top:auto;border-top:1px solid var(--x-line)}
.ntsx-projcard-foot-label{color:var(--x-accent-strong);font-weight:700;font-size:13px}
.ntsx-projcard-foot-btn{flex:none;width:32px;height:32px;border-radius:50%;background:var(--x-accent-soft);color:var(--x-accent-strong);
  display:grid;place-items:center;transition:background .3s var(--x-ease),color .3s var(--x-ease)}
.ntsx-projcard-foot-btn svg{width:14px;height:14px;transition:transform .25s var(--x-ease)}
.ntsx-projcard:hover .ntsx-projcard-foot-btn{background:linear-gradient(135deg,var(--x-navy),var(--x-navy-2));color:#fff}
.ntsx-projcard:hover .ntsx-projcard-foot-btn svg{transform:translateX(3px)}
@media(max-width:980px){.ntsx-projgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.ntsx-projgrid{grid-template-columns:1fr}}

.ntsx-shero-media{position:relative}
.ntsx-shero-frame{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/3.4;
  box-shadow:0 30px 64px -26px rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.14)}
.ntsx-shero-frame img{width:100%;height:100%;object-fit:cover;display:block}

.ntsx-form-file{display:flex;align-items:center;gap:12px;flex-wrap:wrap;cursor:pointer}
.ntsx-form-file input[type="file"]{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}
.ntsx-form-file-btn{display:inline-flex;align-items:center;gap:8px;background:var(--x-surface-2);border:1px dashed var(--x-line);
  color:var(--x-ink);font-weight:700;font-size:13.5px;padding:11px 18px;border-radius:11px;transition:.2s}
.ntsx-form-file:hover .ntsx-form-file-btn{border-color:var(--x-accent);color:var(--x-accent-strong)}
.ntsx-form-file-name{font-size:12.5px;color:var(--x-muted)}

body.post-type-archive-service .ntsx-panel-step b{
  background:linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.03));
}
body.post-type-archive-service .ntsx-panel-step b svg{width:14px;height:14px}
body.post-type-archive-service .ntsx-panel::after{
  content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;z-index:0;
  background:linear-gradient(160deg, rgba(255,255,255,.35), rgba(255,255,255,.02) 40%, rgba(40,163,74,.3));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
}
body.post-type-archive-service .ntsx-panel > *{position:relative;z-index:1}

body.post-type-archive-service .ntsx-strengths:not(.is-flow) .ntsx-str-ico{
  background:linear-gradient(150deg,var(--x-accent),var(--x-accent-2));color:#fff;
}

body.post-type-archive-service .ntsx-strengths.is-flow .ntsx-str{overflow:hidden;transition:transform .35s var(--x-ease),box-shadow .35s var(--x-ease)}
body.post-type-archive-service .ntsx-strengths.is-flow .ntsx-str::before{
  content:attr(data-step);position:absolute;right:2px;bottom:-22px;font-size:86px;font-weight:800;
  color:var(--x-surface-2);z-index:0;line-height:1;pointer-events:none;transition:color .35s var(--x-ease);
  font-family:var(--font-primary,inherit);
}
body.post-type-archive-service .ntsx-strengths.is-flow .ntsx-str:hover::before{color:var(--x-accent-soft)}
body.post-type-archive-service .ntsx-strengths.is-flow .ntsx-str > *{position:relative;z-index:1}
body.post-type-archive-service .ntsx-strengths.is-flow .ntsx-str:hover{transform:translateY(-9px);box-shadow:0 30px 50px -22px rgba(14,34,54,.35)}
body.post-type-archive-service .ntsx-strengths.is-flow .ntsx-str-ico.is-num{
  width:52px;height:52px;border-radius:15px;background:linear-gradient(150deg,var(--x-accent-soft),transparent);
  transition:.35s var(--x-ease);
}
body.post-type-archive-service .ntsx-strengths.is-flow .ntsx-str:hover .ntsx-str-ico.is-num{
  background:linear-gradient(150deg,var(--x-accent),var(--x-accent-2));color:#fff;transform:scale(1.08) rotate(-4deg);
}

body:is(.single-service,.single-linh_vuc) .ntsx-shero-frame{padding:5px;background:linear-gradient(150deg, rgba(255,255,255,.28), rgba(255,255,255,.03) 60%);
  aspect-ratio:4/3.9}
body:is(.single-service,.single-linh_vuc) .ntsx-shero-frame img{border-radius:19px}
@media(max-width:900px){body:is(.single-service,.single-linh_vuc) .ntsx-shero-frame{aspect-ratio:4/3.2}}

body.single-service .ntsx-step::before{background:linear-gradient(180deg, var(--x-accent) 0%, var(--x-line) 85%)}
body.single-service .ntsx-step-marker{box-shadow:0 0 0 6px var(--x-accent-soft),0 14px 28px -10px rgba(40,163,74,.55)}
body.single-service .ntsx-step{transition:transform .3s var(--x-ease)}
body.single-service .ntsx-step:hover{transform:translateX(6px)}

body.single-service .ntsx-prose{font-size:16.5px;line-height:1.95;border-left:3px solid var(--x-accent);padding-left:28px}
body.single-service .ntsx-prose p:first-of-type{font-size:19px;line-height:1.85}
@media(max-width:760px){body.single-service .ntsx-prose{padding-left:18px;border-left-width:2px}}

body.single-project .ntsx-prose{font-size:16.5px;line-height:1.95}
body.single-project .ntsx-prose p:first-of-type{font-size:19px;line-height:1.85}

body.single-post .ntsx-prose{font-size:16.5px;line-height:1.95}
body.single-post .ntsx-prose p:first-of-type{font-size:19px;line-height:1.85}

body.single-project .ntsx-relcard-media{position:relative;overflow:visible}
body.single-project .ntsx-relcard-ico{
  position:absolute;left:16px;bottom:-18px;z-index:2;width:44px;height:44px;border-radius:13px;
  background:linear-gradient(150deg,var(--x-navy),var(--x-navy-2));color:#fff;display:grid;place-items:center;
  box-shadow:0 12px 26px -10px rgba(19,36,69,.6);border:3px solid var(--x-surface);transition:transform .3s var(--x-ease);
}
body.single-project .ntsx-relcard:hover .ntsx-relcard-ico{transform:rotate(-6deg) scale(1.08)}
body.single-project .ntsx-relcard-ico svg{width:19px;height:19px}
body.single-project .ntsx-relcard-body{padding-top:30px}

body:is(.single-service,.single-linh_vuc) section.is-white.is-generous{position:relative}

body.single-service .ntsx-relcard-media{position:relative;overflow:visible}
body.single-service .ntsx-relcard-ico{
  position:absolute;left:16px;bottom:-18px;z-index:2;width:44px;height:44px;border-radius:13px;
  background:linear-gradient(150deg,var(--x-accent),var(--x-accent-2));color:#fff;display:grid;place-items:center;
  box-shadow:0 12px 26px -10px rgba(40,163,74,.6);border:3px solid var(--x-surface);transition:transform .3s var(--x-ease);
}
body.single-service .ntsx-relcard:hover .ntsx-relcard-ico{transform:rotate(-6deg) scale(1.08)}
body.single-service .ntsx-relcard-ico svg{width:19px;height:19px}
body.single-service .ntsx-relcard-body{padding-top:30px}

.ntsx-svc-slider{position:relative;z-index:2;margin:0 -36px 26px 0}
.ntsx-svc-slider-label{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.5);margin-bottom:18px;display:block}

.ntsx-svc-slider-body{display:flex;align-items:stretch;gap:14px}

.ntsx-svc-slide-track{position:relative;height:300px;flex:1;min-width:0;overflow:hidden}
.ntsx-svc-slide{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  opacity:0;transform:scale(.55) translateY(70px);filter:blur(12px);
  transition:opacity .6s var(--x-ease),transform .6s var(--x-ease),filter .6s var(--x-ease),z-index 0s .3s;
  z-index:1;pointer-events:none;
}
.ntsx-svc-slide.is-active{opacity:1;transform:scale(1) translate(0,0);filter:blur(0);z-index:5;pointer-events:auto;transition-delay:0s}
.ntsx-svc-slide.is-prev{opacity:.5;transform:scale(.86) translateY(-96px);filter:blur(3px);z-index:4}
.ntsx-svc-slide.is-next{opacity:.5;transform:scale(.86) translateY(96px);filter:blur(3px);z-index:4}
.ntsx-svc-slide.is-prev2{opacity:.22;transform:scale(.7) translateY(-152px);filter:blur(7px);z-index:2}
.ntsx-svc-slide.is-next2{opacity:.22;transform:scale(.7) translateY(152px);filter:blur(7px);z-index:2}

.ntsx-svc-slide-card{
  width:100%;display:flex;align-items:center;gap:16px;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:18px 22px;text-decoration:none;
  transition:border-color .3s var(--x-ease),box-shadow .3s var(--x-ease);
}
.ntsx-svc-slide.is-active .ntsx-svc-slide-card{
  border-color:rgba(95,224,138,.4);box-shadow:0 24px 50px -20px rgba(0,0,0,.5),0 0 0 1px rgba(40,163,74,.15) inset;
}
.ntsx-svc-slide-ico{
  flex:none;width:56px;height:56px;border-radius:15px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(150deg,rgba(255,255,255,.14),rgba(255,255,255,.03));
  transition:background .4s var(--x-ease),transform .4s var(--x-ease);
}
.ntsx-svc-slide.is-active .ntsx-svc-slide-ico{
  background:linear-gradient(150deg,var(--x-accent),var(--x-accent-2));
  box-shadow:0 0 0 7px var(--x-accent-soft);animation:ntsxSvcIcoPulse 2.4s ease-in-out infinite;
}
.ntsx-svc-slide-ico svg{width:26px;height:26px}
@keyframes ntsxSvcIcoPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.ntsx-svc-slide-body{flex:1;min-width:0}
.ntsx-svc-slide-name{color:#fff;font-weight:700;font-size:16.5px;display:block;line-height:1.3}
.ntsx-svc-slide-tag{font-size:12.5px;color:rgba(255,255,255,.55)}
.ntsx-svc-slide-arrow{flex:none;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);
  color:#fff;display:grid;place-items:center;transition:.3s var(--x-ease)}
.ntsx-svc-slide-arrow svg{width:15px;height:15px}
.ntsx-svc-slide-card:hover .ntsx-svc-slide-arrow{background:var(--x-accent);transform:translateX(3px)}

.ntsx-svc-slide-dots{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.ntsx-svc-slide-dot{width:9px;height:9px;padding:0;border:none;border-radius:50%;flex:none;
  background:rgba(255,255,255,.28);cursor:pointer;transition:.3s var(--x-ease)}
.ntsx-svc-slide-dot.is-active{width:9px;height:26px;border-radius:5px;background:var(--x-accent-2)}

@media(max-width:900px){
  .ntsx-svc-slide-track{height:250px}
}
@media(max-width:640px){
  .ntsx-svc-slider{margin:0 0 26px;padding:0}
  .ntsx-svc-slider-body{flex-direction:column}
  .ntsx-svc-slide-dots{flex-direction:row;justify-content:center;margin-top:14px}
  .ntsx-svc-slide-dot.is-active{width:26px;height:9px}
  .ntsx-svc-slide-name{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .ntsx-svc-slide-ico{animation:none!important}
}

.ntsx-sticky-cta{
  position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;gap:10px;
  background:var(--x-navy-2);border-top:1px solid rgba(255,255,255,.14);
  padding:10px 14px;box-shadow:0 -14px 32px -16px rgba(0,0,0,.45);
}
.ntsx-sticky-cta-btn{
  flex:1;display:flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 14px;border-radius:11px;font-weight:700;font-size:14px;text-decoration:none;
  transition:transform .2s var(--x-ease);
}
.ntsx-sticky-cta-btn svg{width:16px;height:16px;flex:none}
.ntsx-sticky-cta-btn.is-ghost{background:rgba(255,255,255,.09);color:#fff;border:1px solid rgba(255,255,255,.2)}
.ntsx-sticky-cta-btn.is-primary{background:linear-gradient(135deg,var(--x-accent),var(--x-accent-2));color:#fff}
.ntsx-sticky-cta-btn:active{transform:scale(.96)}
@media(max-width:760px){
  .ntsx-sticky-cta{display:flex}
  body:is(.single-service,.single-product){padding-bottom:66px}
}

.ntsx-diagram-hotspot{position:relative;max-width:900px;margin:0 auto;border-radius:var(--x-r-lg);
  overflow:hidden;box-shadow:var(--x-shadow-lg);line-height:0}
.ntsx-diagram-hotspot img{width:100%;height:auto;display:block}
.ntsx-hotspot{position:absolute;transform:translate(-50%,-50%);z-index:2}
.ntsx-hotspot-dot{width:24px;height:24px;border-radius:50%;background:var(--x-accent);border:3px solid #fff;
  box-shadow:0 4px 16px -4px rgba(0,0,0,.6);cursor:pointer;position:relative;padding:0;display:block}
.ntsx-hotspot-ring{position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--x-accent-2);opacity:.7;
  animation:ntsxHotspotPulse 2.2s ease-out infinite;pointer-events:none}
@keyframes ntsxHotspotPulse{0%{transform:scale(.75);opacity:.7}100%{transform:scale(1.7);opacity:0}}
.ntsx-hotspot-tooltip{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(6px);
  width:216px;background:#fff;color:var(--x-ink);border-radius:12px;padding:14px 16px;box-shadow:var(--x-shadow-lg);
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s var(--x-ease),transform .22s var(--x-ease);z-index:5;text-align:left}
.ntsx-hotspot-tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);
  border:7px solid transparent;border-top-color:#fff}
.ntsx-hotspot-tooltip strong{display:block;font-size:13.5px;margin-bottom:4px;color:var(--x-ink);font-weight:700}
.ntsx-hotspot-tooltip p{font-size:12.5px;color:var(--x-muted);margin:0;line-height:1.6}
.ntsx-hotspot:hover .ntsx-hotspot-tooltip,
.ntsx-hotspot.is-active .ntsx-hotspot-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);pointer-events:auto}
@media(max-width:560px){.ntsx-hotspot-tooltip{width:170px;padding:11px 13px}}

.ntsx-comments-card{background:var(--x-surface);border:1px solid var(--x-line);border-radius:var(--x-r-lg);
  padding:32px 28px;box-shadow:var(--x-shadow-sm)}
.ntsx-comments-card .comments-title,
.ntsx-comments-card #reply-title{font-size:19px;font-weight:800;color:var(--x-ink);margin:0 0 22px}
.ntsx-comments-card ol.comment-list{list-style:none;margin:0;padding:0}
.ntsx-comments-card .comment-list .children{list-style:none;margin:20px 0 0;padding:0 0 0 44px}
.ntsx-comments-card .comment-body{display:flex;gap:14px;padding:20px 0;border-bottom:1px solid var(--x-line)}
.ntsx-comments-card li:last-child > .comment-body{border-bottom:none}
.ntsx-comments-card .comment-author .avatar{width:44px;height:44px;border-radius:50%;flex:none;display:block}
.ntsx-comments-card .comment-author .fn{display:block;font-size:14px;font-weight:700;color:var(--x-ink);font-style:normal}
.ntsx-comments-card .comment-metadata{font-size:12px;color:var(--x-muted);margin-bottom:8px}
.ntsx-comments-card .comment-metadata a{color:inherit;text-decoration:none}
.ntsx-comments-card .comment-content p{font-size:13.5px;line-height:1.7;color:var(--x-body);margin:0 0 8px}
.ntsx-comments-card .reply a{font-size:12px;font-weight:700;color:var(--x-accent-strong);text-decoration:none}
.ntsx-comments-card .no-comments{font-size:13.5px;color:var(--x-muted)}
.ntsx-comments-card #respond{margin-top:28px;padding-top:28px;border-top:1px solid var(--x-line)}
.ntsx-comments-card .comment-form p{margin:0 0 16px}
.ntsx-comments-card .comment-form label{display:block;font-size:13px;font-weight:700;color:var(--x-ink);margin-bottom:6px}
.ntsx-comments-card .comment-form input[type="text"],
.ntsx-comments-card .comment-form input[type="email"],
.ntsx-comments-card .comment-form input[type="url"],
.ntsx-comments-card .comment-form textarea{width:100%;border:1px solid var(--x-line);background:var(--x-surface-2);
  border-radius:11px;padding:12px 15px;font-size:14px;color:var(--x-ink);font-family:inherit;transition:.2s}
.ntsx-comments-card .comment-form input:focus,
.ntsx-comments-card .comment-form textarea:focus{outline:none;border-color:var(--x-accent);background:var(--x-surface)}
.ntsx-comments-card .comment-form textarea{min-height:120px;resize:vertical}
.ntsx-comments-card .form-submit{margin:0}
.ntsx-comments-card .comment-form .submit{display:inline-flex;align-items:center;gap:9px;padding:13px 26px;
  border-radius:13px;border:none;background:linear-gradient(135deg,var(--x-accent),var(--x-accent-2));
  color:#fff;font-weight:700;font-size:14.5px;cursor:pointer;font-family:inherit;transition:transform .25s var(--x-ease)}
.ntsx-comments-card .comment-form .submit:hover{transform:translateY(-2px)}
.ntsx-comments-card .comment-notes,
.ntsx-comments-card .logged-in-as{font-size:12.5px;color:var(--x-muted);margin-bottom:18px}
@media(max-width:560px){.ntsx-comments-card{padding:24px 18px}.ntsx-comments-card .comment-list .children{padding-left:22px}}
@media(prefers-reduced-motion:reduce){.ntsx-hotspot-ring{animation:none}}

.ntsx-jobgrid{display:flex;flex-direction:column;gap:16px}
.ntsx-jobcard{display:flex;align-items:center;gap:22px;background:var(--x-surface);
  border:1px solid var(--x-line);border-radius:var(--x-r-lg);padding:24px 28px;text-decoration:none;
  box-shadow:var(--x-shadow-sm);transition:transform .25s var(--x-ease),box-shadow .25s var(--x-ease)}
.ntsx-jobcard:hover{transform:translateY(-4px);box-shadow:var(--x-shadow-md)}
.ntsx-jobcard-icon{flex:none;width:52px;height:52px;border-radius:14px;background:var(--x-accent-soft);
  color:var(--x-accent-strong);display:grid;place-items:center}
.ntsx-jobcard-icon svg{width:24px;height:24px}
.ntsx-jobcard-body{flex:1;min-width:0}
.ntsx-jobcard-dept{display:block;font-size:12px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--x-accent-strong);margin-bottom:6px}
.ntsx-jobcard-body h3{font-size:18px;margin-bottom:10px;color:var(--x-ink)}
.ntsx-jobcard-meta{display:flex;flex-wrap:wrap;gap:14px 18px}
.ntsx-jobcard-meta span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--x-muted)}
.ntsx-jobcard-meta svg{width:14px;height:14px;flex:none}
.ntsx-jobcard-foot{flex:none;display:inline-flex;align-items:center;gap:8px;font-weight:700;
  color:var(--x-accent);font-size:13.5px;white-space:nowrap}
.ntsx-jobcard-foot svg{width:15px;height:15px;transition:transform .25s var(--x-ease)}
.ntsx-jobcard:hover .ntsx-jobcard-foot svg{transform:translateX(4px)}
@media(max-width:640px){
  .ntsx-jobcard{flex-direction:column;align-items:flex-start;gap:16px}
  .ntsx-jobcard-foot{align-self:flex-end}
}

.ntsx-job-closed{background:var(--x-surface-2);border:1px solid var(--x-line);border-radius:var(--x-r-lg);
  padding:28px 24px;text-align:center;color:var(--x-muted)}
.ntsx-job-closed-ico{width:44px;height:44px;border-radius:12px;background:var(--x-line);color:var(--x-muted);
  display:grid;place-items:center;margin:0 auto 14px}
.ntsx-job-closed h3{color:var(--x-ink);font-size:16px;margin-bottom:8px}
.ntsx-job-closed p{font-size:12.5px;line-height:1.6;margin:0 0 16px}
.ntsx-sidebar-cta.is-closed{background:var(--x-surface-2);border-color:var(--x-line)}
.ntsx-sidebar-cta.is-closed .ntsx-sidebar-cta-ico{background:var(--x-line);color:var(--x-muted)}

.ntsx-job-overview{display:flex;flex-direction:column;gap:16px;background:var(--x-surface-2);
  border:1px solid var(--x-line);border-radius:var(--x-r-lg);padding:24px 26px;margin-bottom:40px}
.ntsx-job-overview-group{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.ntsx-job-overview-label{flex:none;font-size:12.5px;font-weight:700;color:var(--x-ink);min-width:76px}
.ntsx-job-overview-tags{display:flex;flex-wrap:wrap;gap:8px}
.ntsx-job-overview-tags span{font-size:12.5px;font-weight:600;color:var(--x-body);background:var(--x-surface);
  border:1px solid var(--x-line);padding:6px 14px;border-radius:999px}
@media(max-width:480px){.ntsx-job-overview-group{flex-direction:column;align-items:flex-start;gap:8px}}

.ntsx-job-when-where{display:flex;flex-direction:column;gap:18px;margin-bottom:8px}
.ntsx-job-when-where-item{display:flex;gap:14px;align-items:flex-start}
.ntsx-job-when-where-ico{flex:none;width:38px;height:38px;border-radius:10px;background:var(--x-accent-soft);
  color:var(--x-accent-strong);display:grid;place-items:center;margin-top:2px}
.ntsx-job-when-where-ico svg{width:17px;height:17px}
.ntsx-job-when-where-body h4{font-size:14px;color:var(--x-ink);margin:0 0 4px}
.ntsx-job-when-where-body p{font-size:13.5px;color:var(--x-body);line-height:1.65;margin:0}

.ntsx-namecard-section{padding:70px 20px;display:flex;justify-content:center;background:var(--x-bg)}
.ntsx-namecard{width:100%;max-width:420px;background:var(--x-surface);border-radius:28px;
  box-shadow:var(--x-shadow-lg);padding:0 32px 36px;text-align:center;position:relative;overflow:hidden}
.ntsx-namecard-cover{height:110px;margin:0 -32px;background:linear-gradient(135deg,var(--x-navy),var(--x-navy-2));
  position:relative}
.ntsx-namecard-avatar{width:116px;height:116px;border-radius:50%;overflow:hidden;margin:-58px auto 16px;
  border:5px solid var(--x-surface);box-shadow:var(--x-shadow-md);background:var(--x-surface-2);position:relative}
.ntsx-namecard-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.ntsx-namecard-avatar-fallback{width:100%;height:100%;display:grid;place-items:center;color:var(--x-muted)}
.ntsx-namecard-name{font-size:22px;font-weight:800;color:var(--x-ink);margin:0 0 4px}
.ntsx-namecard-title{font-size:14.5px;font-weight:700;color:var(--x-accent-strong);margin:0 0 2px}
.ntsx-namecard-dept{font-size:12.5px;color:var(--x-muted);margin:0 0 16px}
.ntsx-namecard-bio{font-size:13px;color:var(--x-body);line-height:1.65;margin:0 0 22px}
.ntsx-namecard-contact{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;text-align:left}
.ntsx-namecard-contact a{display:flex;align-items:center;gap:12px;padding:12px 14px;
  background:var(--x-surface-2);border-radius:13px;text-decoration:none;color:var(--x-ink);
  font-size:13.5px;font-weight:600;transition:.2s}
.ntsx-namecard-contact a:hover{background:var(--x-accent-soft);color:var(--x-accent-strong)}
.ntsx-namecard-contact a svg{flex:none;width:17px;height:17px;color:var(--x-accent-strong)}
.ntsx-namecard-social{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.ntsx-namecard-social a{width:40px;height:40px;border-radius:50%;background:var(--x-surface-2);
  color:var(--x-ink);display:grid;place-items:center;transition:.2s}
.ntsx-namecard-social a:hover{background:var(--x-accent);color:#fff;transform:translateY(-2px)}
.ntsx-namecard-social a svg{width:17px;height:17px}
.ntsx-namecard-save{width:100%;justify-content:center;padding:15px;font-size:15px;margin-bottom:20px}
.ntsx-namecard-qr{display:inline-flex;flex-direction:column;align-items:center;gap:10px;
  padding:18px;background:var(--x-surface);border:1px solid var(--x-line);border-radius:16px;margin-bottom:18px}
.ntsx-namecard-qr-box{width:130px;height:130px;display:flex;align-items:center;justify-content:center}
.ntsx-namecard-qr-box svg{width:100%;height:100%}
.ntsx-namecard-qr span{font-size:11.5px;color:var(--x-muted)}
.ntsx-namecard-share{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.ntsx-namecard-share button,.ntsx-namecard-share a{display:inline-flex;align-items:center;gap:6px;
  padding:9px 16px;border-radius:999px;border:1px solid var(--x-line);background:var(--x-surface);
  color:var(--x-body);font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:.2s}
.ntsx-namecard-share button:hover,.ntsx-namecard-share a:hover{border-color:var(--x-accent);color:var(--x-accent-strong)}
.ntsx-namecard-share svg{width:14px;height:14px}
@media(max-width:480px){.ntsx-namecard{padding:0 22px 28px}.ntsx-namecard-cover{margin:0 -22px}}

.ntsx-hero-usps{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;position:relative;z-index:1}
.ntsx-hero-usp{flex:1 1 220px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
  border-radius:16px;padding:18px 20px;backdrop-filter:blur(6px)}
.ntsx-hero-usp-num{display:block;font-size:12px;font-weight:800;color:var(--x-accent-2);letter-spacing:.06em;margin-bottom:8px}
.ntsx-hero-usp h4{color:#fff;font-size:14.5px;margin:0 0 6px}
.ntsx-hero-usp p{color:rgba(255,255,255,.65);font-size:12.5px;line-height:1.6;margin:0}

.ntsx-about2{display:grid;grid-template-columns:.95fr 1.4fr;gap:56px;align-items:stretch}
.ntsx-about2-media{position:relative}
.ntsx-about2-media-main{border-radius:22px;overflow:hidden;box-shadow:var(--x-shadow-md);height:100%;min-height:420px}
.ntsx-about2-media-main img{width:100%;height:100%;object-fit:cover;display:block}

.ntsx-about2-media-sub{position:absolute;right:-18px;bottom:22px;width:42%;border-radius:16px;overflow:hidden;
  box-shadow:var(--x-shadow-lg);border:4px solid var(--x-surface);aspect-ratio:4/3.2}
.ntsx-about2-media-sub img{width:100%;height:100%;object-fit:cover;display:block}
.ntsx-about2-body p{margin:0 0 16px}
.ntsx-progress-list{display:flex;flex-direction:column;gap:16px;margin:26px 0}
.ntsx-progress-top{display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:var(--x-ink);margin-bottom:8px}
.ntsx-progress-bar{height:8px;border-radius:999px;background:var(--x-surface-2);overflow:hidden}
.ntsx-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--x-accent),var(--x-accent-2))}

.ntsx-about2-highs{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin-top:24px;list-style:none;padding:0}
.ntsx-about2-highs .ntsx-feature-row{align-items:center;gap:10px;padding:11px 13px;background:var(--x-surface);
  border:1px solid var(--x-line);border-radius:12px;margin:0;font-weight:600;color:var(--x-ink)}
.ntsx-about2-highs .ntsx-feature-row svg{width:15px;height:15px;flex:none;margin-top:0;padding:6px;
  box-sizing:content-box;border-radius:9px;background:var(--x-accent-soft);color:var(--x-accent-strong)}
@media(max-width:560px){.ntsx-about2-highs{grid-template-columns:1fr}}
@media(max-width:860px){
  .ntsx-about2{grid-template-columns:1fr;gap:64px}
  .ntsx-about2-media-main{min-height:340px}
  .ntsx-about2-media-sub{width:52%;right:-14px;bottom:18px}
}

.ntsx-step-body h3{display:flex;align-items:center;gap:9px}
.ntsx-step-ico{flex:none;width:20px;height:20px;color:var(--x-accent)}

.ntsx-testi-avatar{overflow:hidden}
.ntsx-testi-avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}

.ntsx .nts-cta-form{background:none;padding:0;border-radius:0;box-shadow:none;max-width:none;margin:0}

.ntsx-contact-card .nts-cta-form .form-title,
.ntsx-contact-card .nts-cta-form .form-description{display:none}
.ntsx .nts-cta-form .nts-contact-form .form-group{margin-bottom:16px}
.ntsx .nts-cta-form .nts-contact-form input,
.ntsx .nts-cta-form .nts-contact-form textarea{
  width:100%;padding:12px 14px;border:1px solid var(--x-line);border-radius:11px;font-size:14px;
  color:var(--x-ink);background:var(--x-surface-2);font-family:inherit;transition:.2s;box-shadow:none}
.ntsx .nts-cta-form .nts-contact-form input:focus,
.ntsx .nts-cta-form .nts-contact-form textarea:focus{
  outline:none;border-color:var(--x-accent);box-shadow:0 0 0 3px var(--x-accent-soft);background:#fff}
.ntsx .nts-cta-form .nts-contact-form textarea{min-height:96px;resize:vertical}
.ntsx .nts-cta-form .form-footer{display:flex;flex-direction:column;gap:18px;margin-top:4px}
.ntsx .nts-cta-form .form-footer .button.primary{
  width:100%;justify-content:center;text-align:center;border:none;cursor:pointer;font-family:inherit;
  display:inline-flex;align-items:center;gap:9px;padding:14px 26px;border-radius:13px;font-weight:700;
  font-size:15px;text-decoration:none;color:#fff;background:linear-gradient(135deg,var(--x-accent),var(--x-accent-2));
  box-shadow:0 12px 22px -12px rgba(40,163,74,.6);transition:transform .2s var(--x-ease),box-shadow .2s var(--x-ease)}
.ntsx .nts-cta-form .form-footer .button.primary:hover{transform:translateY(-2px);box-shadow:0 16px 28px -12px rgba(40,163,74,.65);color:#fff}

.ntsx .nts-cta-form .hotline-info{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0 auto;
  font-size:13px;font-weight:600;color:var(--x-ink);background:var(--x-accent-soft);
  border:1px solid rgba(40,163,74,.2);padding:9px 16px;border-radius:999px}
.ntsx .nts-cta-form .hotline-info::before{
  content:"";width:13px;height:13px;flex:none;background-color:var(--x-accent-strong);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.8 16.6a1 1 0 0 0 1.2-.3l.4-.5a2 2 0 0 1 2.1-.5l3 1a2 2 0 0 1 1.4 1.9v3a2 2 0 0 1-2.2 2A18 18 0 0 1 2 5.2 2 2 0 0 1 4 3h3a2 2 0 0 1 2 1.7l.4 3a2 2 0 0 1-.5 1.7l-.7.7a1 1 0 0 0-.2 1.2 14 14 0 0 0 5.8 5.3z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.8 16.6a1 1 0 0 0 1.2-.3l.4-.5a2 2 0 0 1 2.1-.5l3 1a2 2 0 0 1 1.4 1.9v3a2 2 0 0 1-2.2 2A18 18 0 0 1 2 5.2 2 2 0 0 1 4 3h3a2 2 0 0 1 2 1.7l.4 3a2 2 0 0 1-.5 1.7l-.7.7a1 1 0 0 0-.2 1.2 14 14 0 0 0 5.8 5.3z'/%3E%3C/svg%3E") center/contain no-repeat}
.ntsx .nts-cta-form .hotline-info span{color:var(--x-muted);font-weight:600}
.ntsx .nts-cta-form .hotline-info a{color:var(--x-accent-strong);font-weight:800;text-decoration:none}
.ntsx .nts-cta-form .nts-chat-button{
  width:100%;margin-top:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 20px;border-radius:13px;font-weight:700;font-size:14px;text-align:center;
  background:var(--x-surface-2);color:var(--x-ink);border:1px solid var(--x-line);transition:.2s}
.ntsx .nts-cta-form .nts-chat-button:hover{border-color:var(--x-accent);color:var(--x-accent-strong);background:var(--x-accent-soft)}
.ntsx .nts-cta-form .response-time{margin-top:14px;font-size:12.5px;color:var(--x-muted);text-align:center;font-style:normal}

.ntsx-eeat{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:44px 0;padding-top:32px;border-top:1px solid var(--x-line)}
.ntsx-eeat.is-solo{grid-template-columns:1fr;max-width:420px}
.ntsx-eeat-card{display:flex;gap:14px;align-items:flex-start;background:var(--x-surface);border:1px solid var(--x-line);border-radius:var(--x-r-md);padding:20px;box-shadow:var(--x-shadow-sm)}
.ntsx-eeat-avatar{flex:none;width:56px;height:56px;border-radius:50%;overflow:hidden;background:var(--x-surface-2)}
.ntsx-eeat-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.ntsx-eeat-role{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--x-muted);margin-bottom:4px}
.ntsx-eeat-name{font-size:15px;font-weight:700}
.ntsx-eeat-name a{color:var(--x-ink);text-decoration:none}
.ntsx-eeat-name a:hover{color:var(--x-accent-strong)}
.ntsx-eeat-title{font-size:12.5px;color:var(--x-muted);margin-top:2px}
.ntsx-eeat-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--x-accent-strong);background:var(--x-accent-soft);padding:3px 9px;border-radius:999px;margin-top:7px}
.ntsx-eeat-badge svg{width:11px;height:11px;flex:none}
.ntsx-eeat-date{font-size:11.5px;color:var(--x-muted);margin-top:6px}
.ntsx-eeat-link{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--x-accent);margin-top:9px;text-decoration:none}
.ntsx-eeat-link:hover{text-decoration:underline}
@media(max-width:640px){.ntsx-eeat{grid-template-columns:1fr}}
.ntsx .nts-cta-form .form-message{margin-top:14px;padding:11px 15px;border-radius:11px;font-size:13.5px;display:none}

/* ============ Hero "Chuyên gia" (single-nts_reviewer.php) — riêng biệt, KHÔNG dùng chung .ntsx-shero ============ */
.nts-rvhero{position:relative;overflow:hidden;color:#fff;padding:64px 0 56px;
  background:linear-gradient(160deg,#1B325D 0%,#132445 70%)}
.nts-rvhero::before,.nts-rvhero::after{content:"";position:absolute;border-radius:50%;filter:blur(70px);opacity:.28;pointer-events:none}
.nts-rvhero::before{width:440px;height:440px;background:var(--x-accent-2);top:-180px;left:-100px}
.nts-rvhero::after{width:300px;height:300px;background:var(--x-cyan);bottom:-160px;left:32%}
.nts-rvhero .container{position:relative;z-index:1}
.nts-rvhero-inner{display:grid;grid-template-columns:1fr auto;gap:44px;align-items:center}
.nts-rvhero-inner.is-solo{grid-template-columns:1fr}

.nts-rvhero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;
  background:rgba(255,255,255,.1);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.02em;
  border:1px solid rgba(255,255,255,.18);margin-bottom:16px}
.nts-rvhero-badge svg{color:var(--x-accent-2);width:14px;height:14px;flex:none}

.nts-rvhero-name{font-size:clamp(28px,4vw,42px);color:#fff;letter-spacing:-.02em;line-height:1.1;margin:0 0 8px}
.nts-rvhero-role{font-size:16.5px;color:rgba(255,255,255,.72);margin:0 0 26px}

.nts-rvhero-stats{display:flex;flex-wrap:wrap;gap:14px}
.nts-rvhero-stat{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:16px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.nts-rvhero-stat-ico{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;flex:none;
  background:linear-gradient(135deg,var(--x-accent),var(--x-accent-2));color:#fff}
.nts-rvhero-stat-num{display:block;font-size:19px;font-weight:800;color:#fff;line-height:1.1}
.nts-rvhero-stat-label{display:block;font-size:12px;color:rgba(255,255,255,.6);margin-top:2px}

.nts-rvhero-photo{position:relative;width:172px;height:172px;border-radius:50%;padding:6px;flex:none;
  background:linear-gradient(135deg,var(--x-accent-2),rgba(255,255,255,.2))}
.nts-rvhero-photo img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;border:4px solid #132445}
.nts-rvhero-photo-fallback{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.08);color:rgba(255,255,255,.6);border:4px solid #132445}

@media(max-width:860px){
  .nts-rvhero-inner{grid-template-columns:1fr;text-align:center;justify-items:center}
  .nts-rvhero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}
  .nts-rvhero-stat{flex-direction:column;justify-content:center;text-align:center;padding:12px 6px;gap:7px;border-radius:14px}
  .nts-rvhero-stat-ico{margin:0 auto}
  .nts-rvhero-stat-num{font-size:15px}
  .nts-rvhero-stat-label{font-size:10px;line-height:1.3}
}
@media(max-width:420px){
  .nts-rvhero-stat{padding:9px 4px}
  .nts-rvhero-stat-ico{width:28px;height:28px}
  .nts-rvhero-stat-num{font-size:13px}
  .nts-rvhero-stat-label{font-size:9px}
}

/* ============ Hero "Bài viết kỹ thuật" (single-technical_article.php) — riêng biệt ============ */
.nts-tahero{position:relative;overflow:hidden;color:#fff;padding:52px 0 0;
  background:linear-gradient(160deg,#1B325D 0%,#132445 100%)}
.nts-tahero::after{content:"";position:absolute;inset:0;z-index:0;opacity:.4;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:42px 42px;-webkit-mask-image:radial-gradient(ellipse 75% 60% at 15% 20%,#000,transparent 72%);
  mask-image:radial-gradient(ellipse 75% 60% at 15% 20%,#000,transparent 72%)}
.nts-tahero .container{position:relative;z-index:1}
.nts-tahero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding-bottom:44px}
.nts-tahero-grid.is-solo{grid-template-columns:1fr;max-width:760px;margin:0 auto;text-align:center}

.nts-tahero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.nts-tahero-grid.is-solo .nts-tahero-badges{justify-content:center}
.nts-tahero-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:8px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.85);
  font-size:12.5px;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.nts-tahero-badge.is-level{background:linear-gradient(135deg,var(--x-accent),var(--x-accent-2));border-color:transparent;color:#fff}
.nts-tahero-badge svg{width:13px;height:13px;flex:none}

.nts-tahero-title{font-size:clamp(26px,3.6vw,42px);color:#fff;line-height:1.28;letter-spacing:-.02em;margin:0 0 18px}

.nts-tahero-meta{display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.nts-tahero-grid.is-solo .nts-tahero-meta{justify-content:center}
.nts-tahero-meta-item{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.65);font-size:13.5px}
.nts-tahero-meta-item svg{color:var(--x-accent-2);width:15px;height:15px;flex:none}

.nts-tahero-media{position:relative}
.nts-tahero-frame{position:relative;border-radius:var(--x-r-lg);overflow:hidden;aspect-ratio:4/3.1;
  box-shadow:0 40px 80px -28px rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.14)}
.nts-tahero-frame img{width:100%;height:100%;object-fit:cover;display:block}
.nts-tahero-corner{position:absolute;width:30px;height:30px;border-color:var(--x-accent-2);pointer-events:none}
.nts-tahero-corner.is-tl{top:-9px;left:-9px;border-top:3px solid;border-left:3px solid;border-radius:6px 0 0 0}
.nts-tahero-corner.is-br{bottom:-9px;right:-9px;border-bottom:3px solid;border-right:3px solid;border-radius:0 0 6px 0}

@media(max-width:900px){
  .nts-tahero-grid{grid-template-columns:1fr;text-align:center}
  .nts-tahero-media{order:-1;max-width:460px;margin:0 auto}
  .nts-tahero-badges,.nts-tahero-meta{justify-content:center}
}

.ntsx-partnergrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ntsx-partnercard{background:var(--x-surface);border:1px solid var(--x-line);border-radius:var(--x-r-lg);
  padding:26px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--x-shadow-sm);
  transition:transform .3s var(--x-ease),box-shadow .3s var(--x-ease),border-color .3s var(--x-ease)}
.ntsx-partnercard:hover{transform:translateY(-6px);box-shadow:var(--x-shadow-md);border-color:color-mix(in srgb,var(--x-accent) 35%,var(--x-line))}
.ntsx-partnercard-logo{height:60px;display:flex;align-items:center}
.ntsx-partnercard-logo img{max-height:100%;max-width:170px;width:auto;object-fit:contain}
.ntsx-partnercard-type{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;
  color:var(--x-accent-strong);background:var(--x-accent-soft);padding:5px 12px;border-radius:999px;align-self:flex-start}
.ntsx-partnercard-type svg{width:12px;height:12px;flex:none}
.ntsx-partnercard h3{font-size:17px}
.ntsx-partnercard p{font-size:13.5px;color:var(--x-muted);line-height:1.65;margin:0;flex:1}
.ntsx-partnercard-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;
  color:var(--x-accent);text-decoration:none;padding-top:14px;border-top:1px dashed var(--x-line);word-break:break-all}
.ntsx-partnercard-link:hover{color:var(--x-accent-strong)}
.ntsx-partnercard-link svg{width:14px;height:14px;flex:none}
@media(max-width:980px){.ntsx-partnergrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.ntsx-partnergrid{grid-template-columns:1fr}}

.ntsx-stats4{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
  max-width:920px;margin:44px auto 0}
.ntsx-stats4 .ntsx-stat span{display:flex;align-items:center;justify-content:center;gap:5px}
.ntsx-stats4 .ntsx-stat span svg{width:13px;height:13px;flex:none;color:var(--x-accent-2)}
@media(max-width:760px){.ntsx-stats4{grid-template-columns:repeat(2,1fr)}}

.ntsx-tabblock-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.ntsx-tab-card{cursor:pointer;position:relative;background:var(--x-surface);border:1px solid var(--x-line);
  border-radius:var(--x-r-md);padding:24px;box-shadow:var(--x-shadow-sm);overflow:hidden;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.ntsx-tab-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--x-accent),var(--x-accent-2));transform:scaleX(0);transform-origin:left;
  transition:transform .35s ease}
.ntsx-tab-card:hover{transform:translateY(-4px);box-shadow:var(--x-shadow-md)}
.ntsx-tab-card:hover::before,.ntsx-tab-card.is-active::before{transform:scaleX(1)}
.ntsx-tab-card.is-active{border-color:color-mix(in srgb,var(--x-accent) 40%,var(--x-line));box-shadow:var(--x-shadow-md)}
.ntsx-tab-card .ntsx-box-ico{margin-bottom:14px}
.ntsx-tab-card h3{font-size:16px;margin-bottom:6px}
.ntsx-tab-card p{font-size:13.5px;color:var(--x-muted);line-height:1.6;margin:0}

.ntsx-tabblock-panels{margin-top:34px}
.ntsx-tab-panel{display:none;background:var(--x-surface-2);border:1px solid var(--x-line);
  border-radius:var(--x-r-lg);padding:38px}
.ntsx-tab-panel.is-active{display:block;animation:ntsxTabFade .5s ease}
@keyframes ntsxTabFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.ntsx-tab-panel .ntsx-prose{max-width:none;margin:0 0 22px}
.ntsx-tab-panel .ntsx-prose:last-child{margin-bottom:0}
.ntsx-tab-panel-item + .ntsx-tab-panel-item{margin-top:28px;padding-top:28px;border-top:1px solid var(--x-line)}
.ntsx-tab-panel-item h4{font-size:17px;margin-bottom:12px;color:var(--x-ink)}
.ntsx-linelist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.ntsx-linelist li{position:relative;padding-left:22px;font-size:14.5px;line-height:1.65;color:var(--x-body)}
.ntsx-linelist li::before{content:"";position:absolute;left:0;top:8px;width:9px;height:9px;border-radius:50%;
  background:linear-gradient(135deg,var(--x-accent),var(--x-accent-2))}
.ntsx-section.is-dark .ntsx-linelist li{color:rgba(255,255,255,.78)}
.ntsx-problem-consequence{background:var(--x-surface);border:1px solid var(--x-line);border-radius:var(--x-r-md);
  padding:18px 20px;margin-bottom:22px}
.ntsx-problem-consequence-head{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;
  color:var(--x-ink);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}
.ntsx-problem-consequence-head svg{width:17px;height:17px;flex:none;color:var(--x-muted)}
.ntsx-problem-consequence div{font-size:14px;line-height:1.7;color:var(--x-body)}
.ntsx-problem-solution-head{font-size:13px;font-weight:700;color:var(--x-accent-strong);
  text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
@media(max-width:640px){.ntsx-tab-panel{padding:26px 20px}}

.ntsx-cinfo{display:flex;flex-direction:column}
.ntsx-cinfo-list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:12px}
.ntsx-cinfo-list li{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--x-line);border-radius:14px;background:linear-gradient(180deg,#fff,rgba(40,163,74,.03));transition:border-color .25s,box-shadow .25s,transform .25s}
.ntsx-cinfo-list li:hover{border-color:rgba(40,163,74,.45);box-shadow:0 10px 24px -14px rgba(40,163,74,.5);transform:translateY(-2px)}
.ntsx-cinfo-ico{flex:none;width:42px;height:42px;border-radius:12px;background:var(--x-accent-soft);color:var(--x-accent-strong);display:grid;place-items:center}
.ntsx-cinfo-list small{display:block;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--x-muted);margin-bottom:2px}
.ntsx-cinfo-list b,.ntsx-cinfo-list a{font-size:15px;font-weight:600;color:var(--x-ink);text-decoration:none;line-height:1.45}
.ntsx-cinfo-list a:hover{color:var(--x-accent-strong)}
.ntsx-cinfo-sub{margin:26px 0 12px;font-size:15px;font-weight:800;color:var(--x-ink)}
.ntsx-cinfo-chips{display:flex;flex-wrap:wrap;gap:8px}
.ntsx-cinfo-chips span{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;background:var(--x-accent-soft);color:var(--x-accent-strong);font-size:13px;font-weight:600}
.ntsx-cinfo-chips svg{width:12px;height:12px;flex:none}
.ntsx-cinfo-call{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:9px;padding:12px 20px;border-radius:12px;background:var(--x-ink);color:#fff;font-weight:700;font-size:14px;text-decoration:none;transition:background .25s,transform .25s}
.ntsx-cinfo-call:hover{background:var(--x-accent-strong);transform:translateY(-2px);color:#fff}
.ntsx-cinfo-chips+.ntsx-cinfo-call{margin-top:26px}

/* ═══ Thư viện component bài viết MỞ RỘNG (.nts-*) — dùng trong .ntsx-prose ═══ */
.ntsx-prose{--x-warn:#B7791F;--x-warn-soft:rgba(217,119,6,.10);--x-info:#2B5FB4;--x-info-soft:rgba(43,95,180,.09)}

.nts-summary{margin:0 0 28px;padding:22px 26px;border-radius:var(--x-r-md);background:linear-gradient(180deg,var(--x-accent-soft),rgba(40,163,74,.03));border:1px solid rgba(40,163,74,.25);box-shadow:var(--x-shadow-sm)}
.nts-summary-title{display:block;margin:0 0 12px;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--x-accent-strong)}
.nts-summary ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.nts-summary li{position:relative;padding-left:28px;color:var(--x-ink);line-height:1.6}
.nts-summary li::before{content:"✓";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:var(--x-accent-strong);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center}

.nts-callout{margin:24px 0;padding:18px 22px 18px 24px;border-radius:var(--x-r-md);border:1px solid var(--x-line);border-left:4px solid var(--x-info);background:var(--x-info-soft);box-shadow:var(--x-shadow-sm)}
.nts-callout-title{display:block;margin:0 0 6px;font-weight:800;font-size:14.5px;color:var(--x-info)}
.nts-callout p:last-child{margin-bottom:0}
.nts-callout.is-tip{border-left-color:var(--x-accent-strong);background:var(--x-accent-soft)}
.nts-callout.is-tip .nts-callout-title{color:var(--x-accent-strong)}
.nts-callout.is-warning{border-left-color:var(--x-warn);background:var(--x-warn-soft)}
.nts-callout.is-warning .nts-callout-title{color:var(--x-warn)}
.nts-callout.is-danger{border-left-color:var(--x-danger);background:var(--x-danger-soft)}
.nts-callout.is-danger .nts-callout-title{color:var(--x-danger)}

.nts-stats{margin:26px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.nts-stat{padding:20px 16px;text-align:center;border-radius:var(--x-r-md);background:var(--x-surface);border:1px solid var(--x-line);box-shadow:var(--x-shadow-sm)}
.nts-stat b{display:block;font-size:clamp(24px,3.4vw,32px);font-weight:800;color:var(--x-accent-strong);line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.nts-stat span{display:block;margin-top:6px;font-size:13px;color:var(--x-muted);line-height:1.4}

.nts-timeline{list-style:none;margin:26px 0;padding:0 0 0 22px;position:relative;border-left:2px solid var(--x-line)}
.nts-timeline > li{position:relative;padding:0 0 22px 18px}
.nts-timeline > li::before{content:"";position:absolute;left:-30px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--x-accent);box-shadow:0 0 0 4px var(--x-accent-soft)}
.nts-timeline > li:last-child{padding-bottom:0}
.nts-timeline time,.nts-timeline-date{display:block;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--x-accent-strong);margin-bottom:3px}
.nts-timeline h3{margin:0 0 4px;font-size:16px;color:var(--x-ink)}
.nts-timeline p{margin:0;color:var(--x-body)}

.nts-facts{margin:26px 0;padding:6px 22px;border-radius:var(--x-r-md);background:var(--x-surface);border:1px solid var(--x-line);border-top:3px solid var(--x-accent);box-shadow:var(--x-shadow-sm)}
.nts-facts-title{display:block;padding:14px 0 4px;font-weight:800;color:var(--x-ink);font-size:15px}
.nts-facts dl{margin:0;display:grid;grid-template-columns:minmax(120px,32%) 1fr;gap:0}
.nts-facts dt,.nts-facts dd{margin:0;padding:12px 0;border-top:1px solid var(--x-line)}
.nts-facts dt:first-child,.nts-facts dt:first-child + dd{border-top:none}
.nts-facts dt{font-weight:700;color:var(--x-muted);font-size:13.5px}
.nts-facts dd{color:var(--x-ink);font-weight:600}
@media(max-width:560px){.nts-facts dl{grid-template-columns:1fr}.nts-facts dt{padding-bottom:0;border-top:1px solid var(--x-line)}.nts-facts dd{border-top:none;padding-top:2px}}

.nts-quote{margin:28px 0;padding:22px 26px 20px 30px;border-radius:var(--x-r-md);background:var(--x-surface-2);border-left:4px solid var(--x-accent);position:relative;box-shadow:var(--x-shadow-sm)}
.nts-quote::before{content:"“";position:absolute;right:20px;top:-6px;font-size:84px;line-height:1;color:var(--x-accent);opacity:.18;font-family:Georgia,serif}
.nts-quote p{margin:0 0 10px;font-size:17.5px;line-height:1.7;font-style:italic;color:var(--x-ink)}
.nts-quote cite{display:block;font-style:normal;font-size:13.5px;font-weight:700;color:var(--x-accent-strong)}
.nts-quote cite span{display:block;font-weight:500;color:var(--x-muted)}

.nts-proscons{margin:26px 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.nts-pros,.nts-cons{padding:20px 22px;border-radius:var(--x-r-md);border:1px solid var(--x-line);box-shadow:var(--x-shadow-sm)}
.nts-pros{background:var(--x-accent-soft);border-top:3px solid var(--x-accent-strong)}
.nts-cons{background:var(--x-danger-soft);border-top:3px solid var(--x-danger)}
.nts-pros h3,.nts-cons h3{margin:0 0 10px;font-size:15px}
.nts-pros h3{color:var(--x-accent-strong)}.nts-cons h3{color:var(--x-danger)}
.nts-pros ul,.nts-cons ul{margin:0;padding-left:20px}.nts-pros li,.nts-cons li{margin-bottom:7px}
@media(max-width:640px){.nts-proscons{grid-template-columns:1fr}}

.nts-case{margin:28px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.nts-case > div{padding:20px 22px;border-radius:var(--x-r-md);background:var(--x-surface);border:1px solid var(--x-line);box-shadow:var(--x-shadow-sm)}
.nts-case h3{margin:0 0 8px;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--x-accent-strong)}
.nts-case p{margin:0;color:var(--x-body)}
.nts-case .is-result{background:var(--x-accent-soft);border-color:rgba(40,163,74,.3)}
@media(max-width:640px){.nts-case{grid-template-columns:1fr}}

.nts-checklist{list-style:none;margin:22px 0;padding:0;display:grid;gap:10px}
.nts-checklist li{position:relative;padding:12px 16px 12px 46px;border-radius:12px;background:var(--x-surface);border:1px solid var(--x-line);color:var(--x-ink)}
.nts-checklist li::before{content:"✓";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:7px;background:var(--x-accent-soft);color:var(--x-accent-strong);font-weight:800;font-size:13px;display:grid;place-items:center}

.nts-glossary{margin:24px 0;display:grid;gap:10px}
.nts-glossary dt{margin:0;font-weight:800;color:var(--x-ink)}
.nts-glossary dd{margin:0 0 8px;padding:0 0 12px;border-bottom:1px solid var(--x-line);color:var(--x-body)}

.nts-gallery{margin:26px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.nts-gallery figure{margin:0}
.nts-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--x-r-md);margin:0;box-shadow:var(--x-shadow-sm)}
.nts-gallery figcaption{font-size:12.5px;color:var(--x-muted);text-align:center;margin-top:6px}

.nts-sources{margin:30px 0 8px;padding:16px 20px;border-radius:var(--x-r-md);background:var(--x-bg);border:1px dashed var(--x-line);font-size:13.5px;color:var(--x-muted)}
.nts-sources-title{display:block;margin:0 0 6px;font-weight:800;color:var(--x-ink);font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.nts-sources ol,.nts-sources ul{margin:0;padding-left:20px}

.nts-steps-inline{counter-reset:ntsstep;list-style:none;margin:22px 0;padding:0}
.nts-steps-inline > li{counter-increment:ntsstep;position:relative;padding:0 0 18px 50px}
.nts-steps-inline > li::before{content:counter(ntsstep);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--x-accent),var(--x-accent-2));color:#fff;font-weight:800;display:grid;place-items:center}
.nts-steps-inline > li:not(:last-child)::after{content:"";position:absolute;left:16px;top:38px;bottom:4px;width:2px;background:var(--x-line)}

.nts-badge{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--x-accent-soft);color:var(--x-accent-strong);font-size:12px;font-weight:800;letter-spacing:.04em;vertical-align:middle}
.nts-badge.is-warn{background:var(--x-warn-soft);color:var(--x-warn)}
.nts-badge.is-danger{background:var(--x-danger-soft);color:var(--x-danger)}

.ntsx-section.is-dark .nts-summary,.ntsx-section.is-dark .nts-callout,.ntsx-section.is-dark .nts-facts,.ntsx-section.is-dark .nts-stat,.ntsx-section.is-dark .nts-case > div,.ntsx-section.is-dark .nts-checklist li,.ntsx-section.is-dark .nts-quote{background:rgba(255,255,255,.06);color:rgba(255,255,255,.88);box-shadow:none}
.ntsx-prose .nts-checklist,.ntsx-prose .nts-summary ul,.ntsx-prose .nts-steps-inline,.ntsx-prose .nts-sources ol{margin-left:0}
.ntsx-prose .nts-checklist,.ntsx-prose .nts-summary ul,.ntsx-prose .nts-steps-inline{padding-left:0}
.ntsx-prose .nts-checklist li,.ntsx-prose .nts-summary li{margin:0}
.ntsx-prose .nts-timeline{padding-left:22px;margin-left:6px}
.ntsx-prose .nts-pros ul,.ntsx-prose .nts-cons ul{padding-left:20px}

.ntsx-intro3-block{break-inside:avoid;margin:0 0 16px}
.ntsx-intro3-block p{margin:0 0 12px}
.ntsx-intro3-block > :last-child{margin-bottom:0}
.ntsx-intro3-cols.is-single{column-count:1;margin-bottom:22px}
.ntsx-desc-list{list-style:none;margin:6px 0 14px;padding:0;display:grid;gap:8px}
.ntsx-desc-list li{position:relative;padding:10px 14px 10px 42px;border-radius:12px;background:var(--x-surface);border:1px solid var(--x-line);color:var(--x-ink);line-height:1.55;break-inside:avoid;margin:0}
.ntsx-desc-list li::before{content:"✓";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:6px;background:var(--x-accent-soft);color:var(--x-accent-strong);font-weight:800;font-size:12px;display:grid;place-items:center}
.ntsx-intro2-body .ntsx-desc-list{margin-top:10px}

/* ===== Thương hiệu (archive-brand / single-brand / single-brand_product) ===== */
.ntsx-brandbar{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between;margin-bottom:36px}
.ntsx-brandbar .ntsx-catpills{margin:0;justify-content:flex-start}
.ntsx-brandsearch{display:flex;gap:8px;flex:0 1 320px;min-width:230px}
.ntsx-brandsearch input{flex:1;min-width:0;height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--x-line);background:var(--x-surface);color:var(--x-ink);font:inherit;font-size:14.5px}
.ntsx-brandsearch input:focus{outline:none;border-color:var(--x-accent);box-shadow:0 0 0 3px var(--x-accent-soft)}
.ntsx-brandsearch button{height:44px;padding:0 20px;border-radius:12px;border:0;background:var(--x-navy-2);color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:background .2s}
.ntsx-brandsearch button:hover{background:var(--x-accent)}

.ntsx-brandgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:18px}
.ntsx-brandcard{background:var(--x-surface);border:1px solid var(--x-line);border-radius:var(--x-r-lg);padding:16px;display:flex;flex-direction:column;gap:11px;
  box-shadow:var(--x-shadow-sm);text-decoration:none;color:inherit;
  transition:transform .3s var(--x-ease),box-shadow .3s var(--x-ease),border-color .3s var(--x-ease)}
.ntsx-brandcard:hover{transform:translateY(-6px);box-shadow:var(--x-shadow-md);border-color:color-mix(in srgb,var(--x-accent) 35%,var(--x-line))}
.ntsx-brandcard-logo{height:88px;display:flex;align-items:center;justify-content:center;padding:16px;border-radius:14px;background:var(--x-surface-2);border:1px solid var(--x-line)}
.ntsx-brandcard-logo img{max-height:100%;max-width:100%;width:auto;object-fit:contain}
.ntsx-brandcard-initial{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:22px;color:#fff;background:linear-gradient(135deg,var(--x-navy-2),var(--x-accent))}
.ntsx-brandcard h3{font-size:16.5px;margin:0}
.ntsx-brandcard p{font-size:13.5px;color:var(--x-muted);line-height:1.65;margin:0;flex:1}
.ntsx-brandcard-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px dashed var(--x-line);font-size:13px}
.ntsx-brandcard-meta{color:var(--x-muted)}
.ntsx-brandcard-meta b{color:var(--x-ink)}
.ntsx-brandcard .ntsx-relcard-link{margin:0}

.ntsx-bhero-card{align-self:center;background:#fff;border-radius:var(--x-r-xl);padding:30px;box-shadow:0 30px 60px -24px rgba(0,0,0,.45);color:var(--x-ink)}
.ntsx-bhero-logo{height:150px;display:flex;align-items:center;justify-content:center;padding:6px 10px}
.ntsx-bhero-logo img{max-height:100%;max-width:100%;width:auto;object-fit:contain}
.ntsx-bhero-facts{margin:20px 0 0;padding-top:18px;border-top:1px solid var(--x-line);display:grid;gap:12px}
.ntsx-bhero-facts div{display:flex;justify-content:space-between;gap:16px;font-size:14px}
.ntsx-bhero-facts dt{color:var(--x-muted);font-weight:500}
.ntsx-bhero-facts dd{margin:0;font-weight:700;text-align:right;color:var(--x-ink)}
.ntsx-bhero-card.is-product{padding:18px}
.ntsx-bhero-card.is-product img{display:block;width:100%;height:auto;max-height:380px;object-fit:contain;border-radius:14px}

.ntsx-bcover{border-radius:var(--x-r-lg);overflow:hidden;margin-bottom:28px;box-shadow:var(--x-shadow-sm)}
.ntsx-bcover img{display:block;width:100%;height:auto}
.ntsx-bchecks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ntsx-bchecks li{position:relative;padding-left:32px;line-height:1.55;font-size:14.5px}
.ntsx-bchecks li::before{content:"✓";position:absolute;left:0;top:1px;width:21px;height:21px;border-radius:7px;background:var(--x-accent-soft);color:var(--x-accent-strong);font-weight:800;font-size:12px;display:grid;place-items:center}
.ntsx-bsitelink{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;color:var(--x-accent);text-decoration:none;word-break:break-all}
.ntsx-bsitelink:hover{color:var(--x-accent-strong)}
.ntsx-bsitelink svg{width:15px;height:15px;flex:none}
.ntsx-bfeatures{margin-top:34px}
.ntsx-bfeatures h3{font-size:20px;margin:0 0 14px}
.ntsx-bbrandlink{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--x-ink);font-weight:700}
.ntsx-bbrandlink img{width:84px;height:52px;object-fit:contain;background:var(--x-surface-2);border:1px solid var(--x-line);border-radius:10px;padding:6px}
.ntsx-bbrandlink:hover{color:var(--x-accent)}
.ntsx-bspecs{display:grid;gap:0}
.ntsx-bspecs>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px dashed var(--x-line);font-size:14px}
.ntsx-bspecs>div:last-child{border-bottom:0}
.ntsx-bspecs span{color:var(--x-muted)}
.ntsx-bspecs b{text-align:right;font-weight:700}
.ntsx-bspecs .is-wide{display:block}
.ntsx-bspecs .is-wide b{text-align:left;font-weight:600}
.ntsx-btn-block{width:100%;justify-content:center}

.ntsx-prodline-h{display:flex;align-items:center;gap:12px;font-size:20px;margin:0 0 18px}
.ntsx-prodline-h::after{content:"";flex:1;height:1px;background:var(--x-line)}
.ntsx-prodline-h span{order:2;font-size:12px;font-weight:700;color:var(--x-accent-strong);background:var(--x-accent-soft);padding:3px 11px;border-radius:999px}
.ntsx-prodline{margin-bottom:44px}
.ntsx-prodline:last-child{margin-bottom:0}
.ntsx-relcard-body .ntsx-partnercard-type{margin-bottom:8px}

@media(max-width:600px){
  .ntsx-brandgrid{grid-template-columns:repeat(2,1fr);gap:12px}
  .ntsx-brandbar{flex-direction:column;align-items:stretch}
  .ntsx-brandsearch{flex:1 1 auto}
  .ntsx-bhero-card{padding:22px}
}

.ntsx-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:18px}
.ntsx-pcard{display:flex;flex-direction:column;background:var(--x-surface);border:1px solid var(--x-line);border-radius:var(--x-r-lg);overflow:hidden;
  box-shadow:var(--x-shadow-sm);text-decoration:none;color:inherit;
  transition:transform .3s var(--x-ease),box-shadow .3s var(--x-ease),border-color .3s var(--x-ease)}
.ntsx-pcard:hover{transform:translateY(-6px);box-shadow:var(--x-shadow-md);border-color:color-mix(in srgb,var(--x-accent) 35%,var(--x-line))}
.ntsx-pcard-media{position:relative;display:grid;place-items:center;aspect-ratio:4/3;background:#fff;border-bottom:1px solid var(--x-line);padding:14px;overflow:hidden}
.ntsx-pcard-media img{width:100%;height:100%;object-fit:contain;transition:transform .5s var(--x-ease)}
.ntsx-pcard:hover .ntsx-pcard-media img{transform:scale(1.05)}
.ntsx-pcard-glyph{color:var(--x-muted)}
.ntsx-pcard-body{display:flex;flex-direction:column;gap:7px;padding:14px 16px 16px;flex:1}
.ntsx-pcard-body h3{font-size:16px;margin:0}
.ntsx-pcard-body p{font-size:13px;color:var(--x-muted);line-height:1.65;margin:0;flex:1}
.ntsx-pcard-body .ntsx-partnercard-type{align-self:flex-start}
.ntsx-pcard-body .ntsx-relcard-link{margin-top:6px}
@media(max-width:560px){.ntsx-pgrid{grid-template-columns:repeat(2,1fr);gap:12px}}

.ntsx-pchips{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.ntsx-pchips li{display:inline-flex;align-items:center;gap:8px;margin:0;padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;
  color:rgba(255,255,255,.92);background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18)}
.ntsx-pchips li svg{width:15px;height:15px;flex:none;opacity:.85}

/* ===== Thương hiệu — làm sang hơn ===== */
.ntsx-brandhero{background:radial-gradient(120% 90% at 85% 10%,#24437a 0%,#1B325D 38%,#10203f 100%)}
.ntsx-brandhero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 70% 40%,#000,transparent 75%);mask-image:radial-gradient(ellipse 70% 80% at 70% 40%,#000,transparent 75%)}

.ntsx-brandhero .ntsx-hero-grid{padding:72px 0 56px}
.ntsx-brandhero .ntsx-hero-title,.ntsx-brandhero .ntsx-shero-title{font-size:clamp(38px,4.4vw,64px);letter-spacing:-.02em;line-height:1.06}

.ntsx-statline{display:flex;flex-wrap:wrap;gap:0;margin-top:34px}
.ntsx-statline>div{display:flex;flex-direction:column;gap:2px;padding:0 30px;border-left:1px solid rgba(255,255,255,.18)}
.ntsx-statline>div:first-child{padding-left:0;border-left:0}
.ntsx-statline b{font-size:38px;line-height:1.1;font-weight:800;letter-spacing:-.02em;color:#fff}
.ntsx-statline span{font-size:12.5px;color:rgba(255,255,255,.66);font-weight:500}

.ntsx-logowall{position:relative;height:460px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;overflow:hidden;
  transform:rotate(-7deg) scale(1.06);transform-origin:center;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%)}
.ntsx-logocol{display:flex;flex-direction:column;animation:ntsxLogoUp 46s linear infinite;will-change:transform}
.ntsx-logocol:nth-child(2){animation-direction:reverse;animation-duration:54s}
.ntsx-logocol:nth-child(3){animation-duration:60s}
.ntsx-logotile{flex:none;display:grid;place-items:center;aspect-ratio:4/3;margin-bottom:16px;padding:20px;border-radius:20px;background:#fff;
  box-shadow:0 18px 40px -18px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.6)}
.ntsx-logotile img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
@keyframes ntsxLogoUp{to{transform:translateY(-50%)}}
@media(prefers-reduced-motion:reduce){.ntsx-logocol{animation:none}}
@media(max-width:900px){.ntsx-logowall{display:none}}

.ntsx-bhero-card{position:relative;background:linear-gradient(165deg,#fff 0%,#f1f6fd 100%);border-radius:28px;padding:34px;
  box-shadow:0 40px 80px -30px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.5) inset}
.ntsx-bhero-card::before{content:"";position:absolute;z-index:-1;inset:-34px;border-radius:50%;pointer-events:none;
  background:repeating-radial-gradient(circle at 50% 50%,transparent 0 46px,rgba(255,255,255,.07) 46px 47px)}
.ntsx-bhero-logo{height:170px}
.ntsx-bhero-facts{grid-template-columns:1fr 1fr;gap:10px;border-top:0;padding-top:0;margin-top:22px}
.ntsx-bhero-facts div{flex-direction:column;justify-content:flex-start;gap:3px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--x-line)}
.ntsx-bhero-facts dt{font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;font-weight:700}
.ntsx-bhero-facts dd{text-align:left;font-size:14px;line-height:1.35}
.ntsx-bhero-card.is-product{padding:26px;background:radial-gradient(circle at 50% 38%,#fff 0%,#eef3fa 100%)}
.ntsx-bhero-card.is-product img{max-height:420px}
.ntsx-bhero-brandchip{position:absolute;left:22px;bottom:-20px;display:flex;align-items:center;gap:10px;padding:8px 18px 8px 10px;border-radius:999px;
  background:#fff;box-shadow:0 14px 30px -10px rgba(0,0,0,.4);text-decoration:none;color:var(--x-ink);font-weight:700;font-size:14px}
.ntsx-bhero-brandchip img{width:46px!important;height:30px!important;max-height:30px!important;object-fit:contain;border-radius:0!important}

.ntsx-brandcard{position:relative;overflow:hidden}
.ntsx-brandcard::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--x-accent),var(--x-accent-2));transform:scaleX(0);transform-origin:left;transition:transform .45s var(--x-ease)}
.ntsx-brandcard:hover::after{transform:scaleX(1)}
.ntsx-brandcard-logo{background:linear-gradient(180deg,#fff,var(--x-surface-2))}
.ntsx-brandcard-logo img{filter:saturate(.9);transition:transform .45s var(--x-ease),filter .3s}
.ntsx-brandcard:hover .ntsx-brandcard-logo img{transform:scale(1.07);filter:none}

.ntsx-brandbar{padding:14px 18px;border:1px solid var(--x-line);border-radius:18px;background:var(--x-surface);box-shadow:var(--x-shadow-sm)}
.ntsx-brandgrid{gap:20px}
.ntsx-section .ntsx-head h2{letter-spacing:-.015em}
.ntsx-bcover{aspect-ratio:21/9}
.ntsx-bcover img{height:100%;object-fit:cover}
.ntsx-prodline-h{font-size:22px;letter-spacing:-.01em}
@media(max-width:600px){.ntsx-statline>div{padding:0 16px}.ntsx-statline b{font-size:30px}.ntsx-bhero-facts{grid-template-columns:1fr}}
.ntsx-logowall{width:100%;max-width:560px;justify-self:end;height:400px;gap:14px;transform:rotate(-6deg)}
.ntsx-logotile{aspect-ratio:3/2;padding:14px 16px;margin-bottom:14px;border-radius:16px}

/* ===== Hero archive: tường logo mượt (không xoay, mờ mép 2 chiều) ===== */
.ntsx-logowall{transform:none;max-width:520px;height:440px;gap:16px;overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 24%,#000 76%,transparent 100%),linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(180deg,transparent 0,#000 24%,#000 76%,transparent 100%),linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);
  mask-composite:intersect}
.ntsx-logocol{will-change:transform;backface-visibility:hidden;animation-name:ntsxLogoUp3d;animation-timing-function:linear}
.ntsx-logocol:nth-child(1){animation-duration:52s}
.ntsx-logocol:nth-child(2){animation-duration:64s;animation-direction:reverse;animation-delay:-18s}
.ntsx-logocol:nth-child(3){animation-duration:58s;animation-delay:-30s}
@keyframes ntsxLogoUp3d{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}}
.ntsx-logotile{aspect-ratio:3/2;box-shadow:0 14px 30px -16px rgba(0,0,0,.5)}

/* ===== Trang single thương hiệu / sản phẩm (nbx) ===== */
.nbx-hero{position:relative;color:#fff;isolation:isolate;overflow:hidden;padding:0 0 128px;
  background:radial-gradient(110% 120% at 82% -10%,#2b4f8d 0%,#1B325D 42%,#0f1f3d 100%)}
.nbx-hero.is-product{padding-bottom:96px}
.nbx-hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 90% at 72% 40%,#000,transparent 78%);mask-image:radial-gradient(ellipse 70% 90% at 72% 40%,#000,transparent 78%)}
.nbx-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center;padding:56px 0 0}
.nbx-hero.is-solo .nbx-hero-grid{grid-template-columns:minmax(0,860px)}
.nbx-kicker{display:inline-flex;align-items:center;gap:8px;margin:22px 0 14px;font-size:12.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#7fe0a0}
.nbx-kicker svg{width:15px;height:15px}
.nbx-title{font-size:clamp(40px,4.6vw,68px);line-height:1.05;letter-spacing:-.025em;color:#fff;margin:0 0 20px;font-weight:800}
.nbx-lead{font-size:18px;line-height:1.7;color:rgba(255,255,255,.78);max-width:640px;margin:0 0 32px}
.nbx-actions{display:flex;flex-wrap:wrap;gap:14px}
.nbx-in{opacity:0;transform:translateY(24px);animation:nbxUp .95s var(--x-ease) forwards;animation-delay:calc(var(--i,0)*.12s + .05s)}
@keyframes nbxUp{to{opacity:1;transform:none}}
@keyframes nbxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes nbxSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.nbx-in{opacity:1;transform:none;animation:none}.nbx-logotile,.nbx-pimg,.nbx-ring{animation:none!important}}

.nbx-stage{position:relative;display:grid;place-items:center;width:100%;max-width:520px;min-height:360px;justify-self:center}
.nbx-ring{position:absolute;inset:0;margin:auto;border-radius:50%;pointer-events:none;border:1px solid rgba(255,255,255,.1)}
.nbx-ring.r1{width:440px;height:440px;border:1px dashed rgba(255,255,255,.2);animation:nbxSpin 70s linear infinite}
.nbx-ring.r2{width:600px;height:600px}
.nbx-logotile{position:relative;z-index:2;display:grid;place-items:center;width:min(100%,390px);aspect-ratio:16/10;padding:36px;border-radius:28px;background:#fff;
  box-shadow:0 44px 90px -34px rgba(0,0,0,.7);animation:nbxFloat 8s ease-in-out infinite}
.nbx-logotile img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.nbx-stage.has-cover{display:block}
.nbx-cover{position:relative;z-index:1;aspect-ratio:4/3;border-radius:28px;overflow:hidden;box-shadow:0 44px 90px -34px rgba(0,0,0,.7)}
.nbx-cover img{width:100%;height:100%;object-fit:cover;display:block}
.nbx-stage.has-cover .nbx-logotile{position:absolute;left:-22px;bottom:-28px;width:190px;aspect-ratio:3/2;padding:16px;border-radius:18px;animation:none}

.nbx-facts-wrap{position:relative;z-index:5;margin-top:-64px}
.nbx-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));background:#fff;border:1px solid var(--x-line);border-radius:24px;overflow:hidden;
  box-shadow:0 34px 70px -30px rgba(19,36,69,.38)}
.nbx-fact{display:flex;align-items:center;gap:14px;padding:24px 26px;border-left:1px solid var(--x-line)}
.nbx-fact:first-child{border-left:0}
.nbx-fact-ico{flex:none;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--x-accent-soft);color:var(--x-accent-strong)}
.nbx-fact-body small{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--x-muted);margin-bottom:3px}
.nbx-fact-body b{display:block;font-size:15.5px;line-height:1.3;color:var(--x-ink)}

.nbx-about{padding-top:96px!important}
.nbx-about-grid{display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);gap:88px;align-items:start}
.nbx-about-side{position:sticky;top:120px}
.nbx-about-side h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.02em;margin:14px 0 22px;line-height:1.12}
.nbx-sitebtn{display:inline-flex;align-items:center;gap:10px;padding:11px 20px;border-radius:999px;border:1px solid var(--x-line);color:var(--x-ink);text-decoration:none;font-weight:700;font-size:14px;word-break:break-all;
  transition:border-color .25s,color .25s,transform .25s var(--x-ease)}
.nbx-sitebtn:hover{border-color:var(--x-accent);color:var(--x-accent-strong);transform:translateY(-2px)}
.nbx-sitebtn svg{width:15px;height:15px;flex:none}
.nbx-prose{max-width:none;margin:0}
.nbx-prose p{font-size:16.5px;line-height:1.85}
.nbx-prose p:first-of-type{font-size:20px;line-height:1.7;color:var(--x-ink);font-weight:500}
.nbx-hl{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:40px}
.nbx-hl-item{display:flex;gap:16px;align-items:flex-start;padding:22px;border:1px solid var(--x-line);border-radius:18px;background:var(--x-surface);
  transition:transform .3s var(--x-ease),box-shadow .3s var(--x-ease),border-color .3s}
.nbx-hl-item:hover{transform:translateY(-4px);box-shadow:var(--x-shadow-md);border-color:color-mix(in srgb,var(--x-accent) 35%,var(--x-line))}
.nbx-hl-num{flex:none;font-size:26px;line-height:1;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--x-navy-2),var(--x-accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.nbx-hl-item p{margin:0;font-size:14.5px;line-height:1.6;color:var(--x-ink)}

.nbx-sechead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 48px;margin-bottom:40px}
.nbx-sechead h2{font-size:clamp(26px,2.8vw,38px);letter-spacing:-.02em;margin:12px 0 0;max-width:680px;line-height:1.15}
.nbx-sechead p{margin:0;max-width:420px;color:var(--x-muted);font-size:15px;line-height:1.7}
.nbx-more{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;color:var(--x-accent-strong);text-decoration:none}
.nbx-more svg{width:16px;height:16px;transition:transform .25s var(--x-ease)}
.nbx-more:hover svg{transform:translateX(4px)}

.nbx-brandline{display:inline-flex;align-items:center;flex-wrap:wrap;gap:12px;margin:22px 0 16px;color:#fff;text-decoration:none;font-weight:700;font-size:15px}
.nbx-brandline-logo{display:grid;place-items:center;width:62px;height:38px;padding:5px 8px;border-radius:10px;background:#fff}
.nbx-brandline-logo img{max-width:100%;max-height:100%;object-fit:contain}
.nbx-brandline em{font-style:normal;font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.9)}
.nbx-herospecs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:38px;max-width:640px}
.nbx-herospecs>div{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.nbx-herospecs small{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.6);font-weight:600;margin-bottom:4px}
.nbx-herospecs b{display:block;font-size:15px;color:#fff;line-height:1.3}

.nbx-pstage{position:relative;display:grid;place-items:center;min-height:460px}
.nbx-pstage .nbx-ring.r1{width:480px;height:480px}
.nbx-pstage .nbx-ring.r2{width:620px;height:620px}
.nbx-orb{position:absolute;width:410px;height:410px;border-radius:50%;
  background:radial-gradient(circle at 34% 28%,#fff 0%,#eef4fc 55%,#d5e2f4 100%);box-shadow:0 60px 100px -34px rgba(0,0,0,.65)}
.nbx-pimg{position:relative;z-index:2;display:block;width:min(100%,400px);height:auto;max-height:400px;object-fit:contain;mix-blend-mode:multiply;
  filter:drop-shadow(0 26px 22px rgba(15,31,61,.28));animation:nbxFloat 8s ease-in-out infinite}
.nbx-modeltag{position:absolute;z-index:3;top:34px;right:6px;padding:8px 16px;border-radius:999px;font-size:12.5px;font-weight:700;letter-spacing:.04em;color:#fff;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

.nbx-pbody{padding-top:84px!important}
.nbx-pbody-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:64px;align-items:start}
.nbx-block{margin-bottom:56px}
.nbx-block:last-child{margin-bottom:0}
.nbx-block>.ntsx-eyebrow{margin-bottom:18px}
.nbx-feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.nbx-feat{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;border:1px solid var(--x-line);background:var(--x-surface-2)}
.nbx-feat p{margin:0;font-size:14.5px;line-height:1.5;font-weight:600;color:var(--x-ink)}
.nbx-feat-ico{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--x-accent);color:#fff}
.nbx-spectable{border:1px solid var(--x-line);border-radius:20px;overflow:hidden}
.nbx-specrow{display:flex;justify-content:space-between;gap:24px;padding:15px 24px;font-size:15px}
.nbx-specrow:nth-child(even){background:var(--x-surface-2)}
.nbx-specrow span{color:var(--x-muted)}
.nbx-specrow b{text-align:right;color:var(--x-ink);font-weight:700}
.nbx-specrow.is-wide{display:block}
.nbx-specrow.is-wide b{text-align:left;font-weight:600}
.nbx-aside{position:sticky;top:112px}
.nbx-aside-card{display:flex;flex-direction:column;gap:20px;padding:26px;border-radius:24px;background:#fff;border:1px solid var(--x-line);box-shadow:0 30px 60px -32px rgba(19,36,69,.3)}
.nbx-aside-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--x-ink)}
.nbx-aside-logo{display:grid;place-items:center;width:84px;height:54px;padding:8px;border-radius:12px;background:var(--x-surface-2);border:1px solid var(--x-line)}
.nbx-aside-logo img{max-width:100%;max-height:100%;object-fit:contain}
.nbx-aside-brand small{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--x-muted);font-weight:700}
.nbx-aside-brand b{font-size:17px}
.nbx-aside-facts{margin:0;display:grid;gap:0;border-top:1px solid var(--x-line)}
.nbx-aside-facts div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px dashed var(--x-line);font-size:14px}
.nbx-aside-facts div:last-child{border-bottom:0}
.nbx-aside-facts dt{color:var(--x-muted)}
.nbx-aside-facts dd{margin:0;font-weight:700;text-align:right}
.nbx-aside-sec{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:14.5px;color:var(--x-navy-2);text-decoration:none;padding:12px;border-radius:12px;border:1px solid var(--x-line);transition:background .2s,border-color .2s}
.nbx-aside-sec:hover{background:var(--x-surface-2);border-color:var(--x-accent)}
.nbx-aside-sec svg{width:16px;height:16px}

@media(max-width:1100px){.nbx-about-grid{gap:48px}.nbx-pbody-grid{grid-template-columns:minmax(0,1fr) 310px;gap:40px}}
@media(max-width:900px){
  .nbx-hero-grid{grid-template-columns:1fr;gap:34px;padding-top:40px}
  .nbx-hero{padding-bottom:104px}
  .nbx-ring{display:none}
  .nbx-stage,.nbx-pstage{min-height:0;max-width:420px}
  .nbx-orb{width:310px;height:310px}
  .nbx-about-grid,.nbx-pbody-grid{grid-template-columns:1fr}
  .nbx-about-side,.nbx-aside{position:static}
  .nbx-about{padding-top:76px!important}
  .nbx-facts-wrap{margin-top:-52px}
  .nbx-fact{border-left:0;border-top:1px solid var(--x-line)}
  .nbx-fact:first-child{border-top:0}
}
@media(max-width:600px){
  .nbx-hl,.nbx-feats,.nbx-herospecs{grid-template-columns:1fr}
  .nbx-title{font-size:36px}
  .nbx-specrow{padding:13px 18px}
}

.nbx-orb{width:min(100%,430px);height:auto;aspect-ratio:1/1;border-radius:36px;background:#fff;box-shadow:0 60px 100px -34px rgba(0,0,0,.65),0 0 0 8px rgba(255,255,255,.08)}
.nbx-pimg{width:min(86%,370px);max-height:370px;mix-blend-mode:normal;filter:none;border-radius:20px}

/* ===== Hero archive thương hiệu: panel loại hình + dải logo ngang ===== */
.ntsx-brandhero{padding-bottom:130px}
.ntsx-brandhero .ntsx-hero-grid{padding:64px 0 24px}
.nbx-typepanel{justify-self:end;width:100%;max-width:470px;padding:26px;border-radius:28px;
  background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.2);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.nbx-typepanel-h{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.65);margin:0 0 14px 4px}
.nbx-typerow{display:flex;align-items:center;gap:14px;padding:15px 16px;margin-top:8px;border-radius:16px;color:#fff;text-decoration:none;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);transition:background .25s,transform .25s var(--x-ease),border-color .25s}
.nbx-typerow:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);transform:translateX(4px)}
.nbx-typerow-ico{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(127,224,160,.16);color:#7fe0a0}
.nbx-typerow-label{flex:1;font-size:15px;font-weight:600}
.nbx-typerow b{font-size:22px;font-weight:800;letter-spacing:-.01em}
.nbx-typerow>svg{opacity:.55;transition:transform .25s var(--x-ease),opacity .25s}
.nbx-typerow:hover>svg{opacity:1;transform:translateX(3px)}

.nbx-marquee-wrap{position:relative;z-index:5;margin-top:-62px}
.nbx-marquee{position:relative;overflow:hidden;background:#fff;border:1px solid var(--x-line);border-radius:24px;padding:26px 0;
  box-shadow:0 34px 70px -30px rgba(19,36,69,.38);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
.nbx-marquee-track{display:flex;align-items:center;width:max-content;animation:nbxMarquee 70s linear infinite;will-change:transform}
.nbx-marquee:hover .nbx-marquee-track{animation-play-state:paused}
.nbx-marquee-item{flex:none;display:grid;place-items:center;width:150px;height:48px;margin-right:64px}
.nbx-marquee-item img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.7;transition:filter .3s,opacity .3s}
.nbx-marquee-item:hover img{filter:none;opacity:1}
@keyframes nbxMarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(prefers-reduced-motion:reduce){.nbx-marquee-track{animation:none}}
.nbx-marquee-wrap + .ntsx-section{padding-top:84px}
@media(max-width:900px){.nbx-typepanel{justify-self:stretch;max-width:none}.ntsx-brandhero{padding-bottom:110px}}
.nbx-marquee{-webkit-mask-image:none;mask-image:none}
.nbx-marquee::before,.nbx-marquee::after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}
.nbx-marquee::before{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}
.nbx-marquee::after{right:0;background:linear-gradient(270deg,#fff,rgba(255,255,255,0))}
.nbx-marquee{padding:30px 0}

/* Dải logo: phẳng, nằm liền dưới hero, không đè chồng */
.ntsx-brandhero{padding-bottom:72px}
.nbx-marquee-wrap{margin-top:0;z-index:1;background:var(--x-surface-2);border-bottom:1px solid var(--x-line)}
.nbx-marquee{background:transparent;border:0;border-radius:0;box-shadow:none;padding:34px 0}
.nbx-marquee::before{width:min(14vw,220px);background:linear-gradient(90deg,var(--x-surface-2),rgba(255,255,255,0))}
.nbx-marquee::after{width:min(14vw,220px);background:linear-gradient(270deg,var(--x-surface-2),rgba(255,255,255,0))}
.nbx-marquee-wrap + .ntsx-section{padding-top:80px}

/* Archive thương hiệu: bỏ dải logo chạy */
.ntsx-brandhero{padding-bottom:84px}

/* ===== Hero archive: biểu đồ quỹ đạo thương hiệu (tĩnh, hiện dần 1 lần) ===== */
.ntsx-brandhero .ntsx-hero-grid{align-items:center}
.nbo{position:relative;width:600px;height:600px;justify-self:end;margin:-30px -20px -60px 0}
.nbo-ring{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.nbo-ring.r1{width:300px;height:300px;border:1px solid rgba(255,255,255,.2)}
.nbo-ring.r2{width:500px;height:500px;border:1px dashed rgba(255,255,255,.16)}
.nbo-ring.r3{width:600px;height:600px;border:1px solid rgba(255,255,255,.07)}
.nbo-core{position:absolute;left:50%;top:50%;width:156px;height:156px;margin:-78px 0 0 -78px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.18),rgba(255,255,255,.05));border:1px solid rgba(127,224,160,.55);
  box-shadow:0 0 0 10px rgba(255,255,255,.04),0 30px 60px -20px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.nbo-core b{font-size:46px;line-height:1;font-weight:800;letter-spacing:-.02em;color:#fff}
.nbo-core span{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.nbo-node{position:absolute;left:50%;top:50%;width:112px;height:70px;margin:-35px 0 0 -56px;display:grid;place-items:center;padding:12px 14px;border-radius:18px;background:#fff;
  transform:rotate(var(--a)) translateX(var(--r)) rotate(calc(var(--a) * -1));box-shadow:0 22px 40px -18px rgba(0,0,0,.6);
  animation:nboIn .9s ease backwards;animation-delay:calc(var(--n) * .09s + .35s);transition:box-shadow .3s}
.nbo-node:hover{box-shadow:0 0 0 3px rgba(127,224,160,.8),0 22px 40px -18px rgba(0,0,0,.6)}
.nbo-node img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
@keyframes nboIn{from{opacity:0}}
@media(prefers-reduced-motion:reduce){.nbo-node{animation:none}}
@media(max-width:1250px){.nbo{transform:scale(.82);transform-origin:right center;margin:-30px -60px -60px 0}}
@media(max-width:900px){.nbo{display:none}}
.nbo{width:460px;height:460px;margin:0}
.nbo-ring.r1{width:224px;height:224px}
.nbo-ring.r2{width:384px;height:384px}
.nbo-ring.r3{width:460px;height:460px}
.nbo-core{width:128px;height:128px;margin:-64px 0 0 -64px}
.nbo-core b{font-size:38px}
.nbo-core span{font-size:10.5px}
.nbo-node{width:96px;height:60px;margin:-30px 0 0 -48px;padding:10px 12px;border-radius:15px}
@media(max-width:1250px){.nbo{transform:none}}
.nbo{width:560px;height:560px}
.nbo-ring.r1{width:276px;height:276px}
.nbo-ring.r2{width:472px;height:472px}
.nbo-ring.r3{width:560px;height:560px}
.nbo-core{width:150px;height:150px;margin:-75px 0 0 -75px}
.nbo-core b{font-size:44px}
.nbo-node{width:132px;height:84px;margin:-42px 0 0 -66px;padding:14px 16px;border-radius:20px}
@media(max-width:1250px){.nbo{transform:scale(.85);transform-origin:right center}}

/* ===== Hero archive: lưới bento thương hiệu ===== */
.nbo{display:none}
.nbb{justify-self:end;width:100%;max-width:580px;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:132px;gap:14px}
.nbb-t{position:relative;display:flex;border-radius:24px;overflow:hidden;text-decoration:none;
  animation:nbbIn .8s var(--x-ease) backwards;animation-delay:calc(var(--n) * .07s + .2s);
  transition:transform .35s var(--x-ease),box-shadow .35s var(--x-ease)}
@keyframes nbbIn{from{opacity:0;transform:translateY(22px)}}
.nbb-logo{align-items:center;justify-content:center;padding:22px 26px;background:#fff;box-shadow:0 26px 50px -26px rgba(0,0,0,.65)}
.nbb-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.nbb-logo:hover{transform:translateY(-5px);box-shadow:0 34px 60px -24px rgba(0,0,0,.7),0 0 0 3px rgba(127,224,160,.75)}
.t1{grid-column:1/3}.t2{grid-column:3}.t3{grid-column:4;grid-row:1/3}.t4{grid-column:1}.t5{grid-column:2/4}.t6{grid-column:1/3}.t7{grid-column:3}.t8{grid-column:4}
.nbb-stat{flex-direction:column;justify-content:flex-end;gap:4px;padding:22px;color:#fff;background:linear-gradient(160deg,#33B85A 0%,#1F8B3E 100%);box-shadow:0 26px 50px -26px rgba(0,0,0,.6)}
.nbb-stat b{font-size:58px;line-height:1;font-weight:800;letter-spacing:-.03em}
.nbb-stat span{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.9}
.nbb-glass{flex-direction:column;justify-content:center;gap:4px;padding:22px 26px;color:#fff;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.nbb-glass b{font-size:44px;line-height:1;font-weight:800;letter-spacing:-.02em}
.nbb-glass span{font-size:13.5px;font-weight:600;color:rgba(255,255,255,.75)}
.nbb-go{align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#fff;text-align:center;font-weight:700;font-size:13px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);padding:12px}
.nbb-go:hover{background:#fff;color:var(--x-navy-2);transform:translateY(-5px)}
.nbb-go svg{width:22px;height:22px;transition:transform .3s var(--x-ease)}
.nbb-go:hover svg{transform:translateX(5px)}
@media(prefers-reduced-motion:reduce){.nbb-t{animation:none}}
@media(max-width:1250px){.nbb{max-width:500px;grid-auto-rows:114px}.nbb-stat b{font-size:46px}}
@media(max-width:900px){.nbb{display:none}}

/* ===== Thẻ thương hiệu (nbc) ===== */
.nbc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}
.nbc{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--x-line);border-radius:22px;overflow:hidden;text-decoration:none;color:inherit;
  box-shadow:0 1px 2px rgba(19,36,69,.04);transition:transform .35s var(--x-ease),box-shadow .35s var(--x-ease),border-color .35s}
.nbc:hover{transform:translateY(-6px);box-shadow:0 30px 56px -28px rgba(19,36,69,.35);border-color:color-mix(in srgb,var(--x-accent) 40%,var(--x-line))}
.nbc-media{position:relative;display:grid;place-items:center;height:156px;padding:26px 34px;
  background:radial-gradient(circle at 50% 120%,#e6eef9 0%,#f5f8fc 60%,#fbfcfe 100%);border-bottom:1px solid var(--x-line)}
.nbc-media img{max-width:78%;max-height:70px;width:auto;height:auto;object-fit:contain;transition:transform .5s var(--x-ease)}
.nbc:hover .nbc-media img{transform:scale(1.08)}
.nbc-chip{position:absolute;left:14px;top:14px;padding:5px 11px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:var(--x-accent-strong);background:var(--x-accent-soft)}
.nbc-body{display:flex;flex-direction:column;gap:6px;padding:20px 22px 8px;flex:1}
.nbc-meta{font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--x-accent-strong)}
.nbc-body h3{font-size:19px;margin:0;letter-spacing:-.01em}
.nbc-body p{margin:0;font-size:13.5px;line-height:1.65;color:var(--x-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nbc-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px 20px}
.nbc-prods{display:flex;align-items:center;gap:12px;min-width:0}
.nbc-thumbs{display:flex}
.nbc-thumbs span{width:34px;height:34px;margin-left:-9px;border-radius:50%;overflow:hidden;background:#fff;border:2px solid #fff;box-shadow:0 0 0 1px var(--x-line)}
.nbc-thumbs span:first-child{margin-left:0}
.nbc-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.nbc-count{font-size:13px;color:var(--x-muted);font-weight:600}
.nbc-count b{color:var(--x-ink);font-size:15px}
.nbc-go{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--x-surface-2);color:var(--x-navy-2);transition:background .3s,color .3s,transform .3s var(--x-ease)}
.nbc:hover .nbc-go{background:var(--x-accent);color:#fff;transform:translateX(3px)}
@media(max-width:560px){.nbc-grid{grid-template-columns:repeat(2,1fr);gap:12px}.nbc-media{height:110px;padding:16px}.nbc-body{padding:14px 14px 6px}.nbc-foot{padding:10px 14px 14px}.nbc-body h3{font-size:16px}.nbc-thumbs,.nbc-go{display:none}}

/* ===== Trang sản phẩm: hero sáng, ảnh studio ===== */
.nbx-hero.is-light{color:var(--x-ink);background:linear-gradient(100deg,#e9f0f9 0%,#f4f7fb 42%,#fff 64%);border-bottom:1px solid var(--x-line);padding-bottom:84px}
.nbx-hero.is-light::before{opacity:.55;background-image:linear-gradient(rgba(27,50,93,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(27,50,93,.05) 1px,transparent 1px);
  -webkit-mask-image:radial-gradient(ellipse 60% 100% at 18% 40%,#000,transparent 75%);mask-image:radial-gradient(ellipse 60% 100% at 18% 40%,#000,transparent 75%)}
.nbx-hero.is-light .ntsx-crumbs,.nbx-hero.is-light .ntsx-crumbs a{color:var(--x-muted)}
.nbx-hero.is-light .ntsx-crumbs a:hover{color:var(--x-accent)}
.nbx-hero.is-light .ntsx-crumbs .current{color:var(--x-ink);background:rgba(27,50,93,.07)}
.nbx-hero.is-light .nbx-title{color:var(--x-navy-2)}
.nbx-hero.is-light .nbx-lead{color:var(--x-muted)}
.nbx-hero.is-light .nbx-brandline{color:var(--x-navy-2)}
.nbx-hero.is-light .nbx-brandline-logo{background:#fff;border:1px solid var(--x-line);box-shadow:0 6px 16px -8px rgba(19,36,69,.25)}
.nbx-hero.is-light .nbx-brandline em{color:var(--x-accent-strong);background:var(--x-accent-soft);border-color:transparent}
.nbx-hero.is-light .ntsx-btn-ghost{background:#fff;color:var(--x-navy-2);border-color:var(--x-line)}
.nbx-hero.is-light .ntsx-btn-ghost:hover{background:var(--x-surface-2);color:var(--x-navy-2);border-color:var(--x-accent)}
.nbx-hero.is-light .nbx-herospecs>div{background:#fff;border:1px solid var(--x-line);box-shadow:0 10px 24px -16px rgba(19,36,69,.3);-webkit-backdrop-filter:none;backdrop-filter:none}
.nbx-hero.is-light .nbx-herospecs small{color:var(--x-muted)}
.nbx-hero.is-light .nbx-herospecs b{color:var(--x-ink)}
.nbx-hero.is-light .nbx-modeltag{color:var(--x-navy-2);background:#fff;border:1px solid var(--x-line);box-shadow:0 8px 20px -10px rgba(19,36,69,.3);-webkit-backdrop-filter:none;backdrop-filter:none}

.nbx-hero.is-light .nbx-pstage{min-height:480px}
.nbx-hero.is-light .nbx-pimg{width:min(100%,500px);max-height:500px;border-radius:0;animation:nbxFloat 9s ease-in-out infinite}
.nbx-hero.is-light .nbx-pstage::before{content:"";position:absolute;left:50%;top:50%;width:440px;height:440px;margin:-220px 0 0 -220px;border-radius:50%;border:1px solid rgba(27,50,93,.1)}
.nbx-hero.is-light .nbx-pstage::after{content:"";position:absolute;left:50%;bottom:22px;width:300px;height:26px;margin-left:-150px;border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(19,36,69,.22),rgba(19,36,69,0) 70%);filter:blur(4px)}

/* ===== Thân trang sản phẩm: thẻ trắng trên nền xám nhạt ===== */
.nbx-pbody{padding-top:72px!important}
.nbx-block{background:#fff;border:1px solid var(--x-line);border-radius:24px;padding:34px 38px;margin-bottom:22px;box-shadow:0 18px 40px -30px rgba(19,36,69,.25)}
.nbx-block>.ntsx-eyebrow{margin-bottom:20px}
.nbx-feat{background:var(--x-surface-2)}
.nbx-spectable{border-radius:16px}
@media(max-width:900px){.nbx-block{padding:24px 22px}.nbx-hero.is-light{background:linear-gradient(180deg,#eef3fa,#fff)}.nbx-hero.is-light .nbx-pstage::before{display:none}}
/* ===== Archive thương hiệu: responsive ===== */
@media(max-width:900px){
  .ntsx-brandhero .ntsx-hero-grid{padding:36px 0 8px}
  .ntsx-brandhero{padding-bottom:56px}
  .ntsx-statline{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:26px}
  .ntsx-statline>div{padding:0 14px}
  .ntsx-statline>div:first-child{padding-left:0}
  .ntsx-statline b{font-size:30px}
  .ntsx-statline span{font-size:11.5px;line-height:1.35}
  .nbx-in{animation-duration:.7s}
}
@media(max-width:600px){
  .ntsx-brandbar{padding:12px;gap:12px}
  .ntsx-brandbar .ntsx-catpills{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -2px;padding:2px;gap:8px}
  .ntsx-brandbar .ntsx-catpills::-webkit-scrollbar{display:none}
  .ntsx-brandbar .ntsx-catpill{flex:none;white-space:nowrap}
  .ntsx-brandsearch{flex:1 1 auto;width:100%;min-width:0}
  .nbc-grid{grid-template-columns:1fr;gap:14px}
  .nbc{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:1fr auto}
  .nbc-media{grid-row:1/3;height:auto;border-bottom:0;border-right:1px solid var(--x-line);padding:12px}
  .nbc-media img{max-width:92%;max-height:46px}
  .nbc-chip{display:none}
  .nbc-body{padding:14px 14px 2px}
  .nbc-body h3{font-size:16.5px}
  .nbc-body p{-webkit-line-clamp:2;font-size:13px}
  .nbc-foot{padding:8px 14px 12px}
  .nbc-thumbs{display:none}
  .nbc-go{width:32px;height:32px}
}

/* ===== Thanh lọc + tìm kiếm trên di động (làm lại) ===== */
@media(max-width:600px){
  .ntsx-brandbar{padding:0;border:0;box-shadow:none;background:transparent;gap:14px;margin-bottom:26px}
  .ntsx-brandbar .ntsx-catpills{display:grid;grid-template-columns:1fr 1fr;gap:10px;overflow:visible;flex-wrap:wrap;margin:0;padding:0;justify-content:stretch}
  .ntsx-brandbar .ntsx-catpill{display:flex;align-items:center;justify-content:space-between;gap:8px;white-space:normal;min-height:50px;padding:10px 14px;border-radius:16px;
    background:#fff;border:1px solid var(--x-line);font-size:13px;line-height:1.25;font-weight:600;color:var(--x-ink);text-align:left;box-shadow:0 8px 18px -14px rgba(19,36,69,.35)}
  .ntsx-brandbar .ntsx-catpill svg{flex:none}
  .ntsx-brandbar .ntsx-catpill .ntsx-catpill-count{flex:none;min-width:24px;height:24px;padding:0 7px;display:inline-grid;place-items:center;border-radius:999px;background:var(--x-surface-2);font-size:12px;font-weight:700;color:var(--x-ink);margin-left:auto}
  .ntsx-brandbar .ntsx-catpill.is-active{background:var(--x-accent);border-color:var(--x-accent);color:#fff;box-shadow:0 14px 26px -14px rgba(40,163,74,.7)}
  .ntsx-brandbar .ntsx-catpill.is-active .ntsx-catpill-count{background:rgba(255,255,255,.22);color:#fff}
  .ntsx-brandsearch{position:relative;display:block;width:100%;flex:none}
  .ntsx-brandsearch input{width:100%;height:54px;padding:0 104px 0 22px;border-radius:999px;font-size:15px;background:#fff;box-shadow:0 10px 24px -16px rgba(19,36,69,.4)}
  .ntsx-brandsearch button{position:absolute;right:6px;top:6px;height:42px;padding:0 22px;border-radius:999px;background:var(--x-navy-2);font-size:14px}
}
@media(max-width:600px){
  .ntsx-brandbar .ntsx-catpills{grid-template-columns:auto minmax(0,1fr)}
  .ntsx-brandbar .ntsx-catpill:last-child:nth-child(odd){grid-column:1/-1}
}

/* Thẻ sản phẩm lớn hơn */
.ntsx-pgrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.ntsx-pcard-media{aspect-ratio:1/1;padding:20px}
.ntsx-pcard-body{padding:20px 22px 24px;gap:9px}
.ntsx-pcard-body h3{font-size:19px}
.ntsx-pcard-body p{font-size:14px}
@media(max-width:560px){.ntsx-pgrid{grid-template-columns:repeat(2,1fr);gap:12px}.ntsx-pcard-media{padding:12px}.ntsx-pcard-body{padding:12px 14px 16px}.ntsx-pcard-body h3{font-size:15.5px}}

/* Thẻ sản phẩm trên điện thoại: thấp, gọn */
@media(max-width:560px){
  .ntsx-pcard{border-radius:16px}
  .ntsx-pcard-media{aspect-ratio:4/3;padding:8px}
  .ntsx-pcard-body{padding:10px 12px 12px;gap:5px}
  .ntsx-pcard-body .ntsx-partnercard-type{font-size:10px;padding:3px 9px}
  .ntsx-pcard-body h3{font-size:14.5px;line-height:1.3}
  .ntsx-pcard-body p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.5;flex:none}
  .ntsx-pcard-body .ntsx-relcard-link{margin-top:2px;font-size:12.5px}
}
@media(max-width:560px){
  .ntsx-pcard-body p{display:none}
  .ntsx-pcard-media{aspect-ratio:1/0.8}
}

/* Logo trong thẻ thương hiệu: to, đồng đều, nền trắng */
.nbc-media{height:176px;padding:22px 28px;background:#fff}
.nbc-media img{width:min(82%,230px);height:92px;max-width:none;max-height:none;object-fit:contain}
.nbc-media .ntsx-brandcard-initial{width:76px;height:76px;font-size:26px}
@media(max-width:560px){
  .nbc-media{height:128px;padding:14px 18px}
  .nbc-media img{width:min(86%,160px);height:64px}
}
@media(max-width:600px){
  .nbc-media{height:auto;min-height:100%;padding:12px}
  .nbc-media img{width:92%;height:52px}
}

/* ===== Thanh lọc / sắp xếp thương hiệu (nbf) ===== */
.nbf{margin-bottom:34px;padding:22px 24px;border:1px solid var(--x-line);border-radius:22px;background:#fff;box-shadow:0 18px 40px -30px rgba(19,36,69,.3)}
.nbf-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px}
.nbf-top .ntsx-catpills{margin:0}
.nbf-selects{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-top:20px;padding-top:20px;border-top:1px dashed var(--x-line)}
.nbf-select{display:flex;flex-direction:column;gap:6px}
.nbf-select>span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--x-muted)}
.nbf-select select{width:100%;height:46px;padding:0 40px 0 14px;border:1px solid var(--x-line);border-radius:13px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231B325D' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 14px center;
  color:var(--x-ink);font:inherit;font-size:14.5px;font-weight:600;-webkit-appearance:none;appearance:none;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.nbf-select select:hover{border-color:color-mix(in srgb,var(--x-accent) 45%,var(--x-line))}
.nbf-select select:focus{outline:none;border-color:var(--x-accent);box-shadow:0 0 0 3px var(--x-accent-soft)}
.nbf-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;font-size:14px;color:var(--x-muted)}
.nbf-count b{color:var(--x-ink);font-size:16px}
.nbf-reset{font-weight:700;color:var(--x-accent-strong);text-decoration:none}
.nbf-reset:hover{text-decoration:underline}
.nbf .ntsx-brandsearch{flex:0 1 320px}
.nbc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.nbc-tags span{padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:600;color:var(--x-navy-2);background:var(--x-surface-2);border:1px solid var(--x-line)}
@media(max-width:600px){
  .nbf{padding:14px;border-radius:18px}
  .nbf-selects{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;padding-top:14px}
  .nbf-select select{height:44px;font-size:13.5px;padding-left:12px}
  .nbf-top .ntsx-catpills{width:100%}
  .nbf .ntsx-brandsearch{flex:1 1 100%;width:100%}
}

/* ===== Ô chọn thả xuống (nbf) — giao diện tự vẽ ===== */
.nbf-select.ntsx-field{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:0;padding:0;background:none;border:0;border-radius:0;flex:initial}
.nbf-select.ntsx-field>span{pointer-events:none}
.nbf-select .ntsx-select-trigger{flex:none;height:48px;padding:0 16px;border:1px solid var(--x-line);border-radius:14px;background:#fff;font-size:14.5px;font-weight:600;color:var(--x-ink);
  box-shadow:0 1px 2px rgba(19,36,69,.04);transition:border-color .2s,box-shadow .2s,background .2s}
.nbf-select .ntsx-select-trigger:hover{border-color:color-mix(in srgb,var(--x-accent) 45%,var(--x-line))}
.nbf-select.is-open .ntsx-select-trigger{border-color:var(--x-accent);box-shadow:0 0 0 3px var(--x-accent-soft);background:#fff}
.nbf-select .ntsx-select-trigger::after{width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B325D' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}
.nbf-select .ntsx-select-panel{top:calc(100% + 8px);min-width:min(260px,86vw);padding:8px;border-radius:18px;border:1px solid var(--x-line);
  box-shadow:0 30px 60px -24px rgba(19,36,69,.42),0 0 0 1px rgba(19,36,69,.02);max-height:320px;transform:translateY(-8px) scale(.98);transform-origin:top left;
  transition:opacity .22s var(--x-ease),transform .22s var(--x-ease),visibility .22s}
.nbf-select .ntsx-select-panel.is-open{transform:none}
.nbf-select .ntsx-select-option{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;font-size:14.5px;font-weight:500;color:var(--x-ink)}
.nbf-select .ntsx-select-option:hover{background:var(--x-surface-2)}
.nbf-select .ntsx-select-option.is-selected{background:var(--x-accent-soft);color:var(--x-accent-strong);font-weight:700}
.nbf-select .ntsx-select-option.is-selected::after{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:var(--x-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 12.5 10.5 17 18 8'/%3E%3C/svg%3E") no-repeat center/11px}
.nbf-select .ntsx-select-panel::-webkit-scrollbar{width:8px}
.nbf-select .ntsx-select-panel::-webkit-scrollbar-thumb{background:var(--x-line);border-radius:8px}
.nbf-select:nth-child(n+3) .ntsx-select-panel{left:auto;right:0;transform-origin:top right}
@media(max-width:600px){
  .nbf-select .ntsx-select-trigger{height:44px;font-size:13.5px;padding:0 12px}
  .nbf-select .ntsx-select-panel{min-width:100%;left:0;right:auto}
  .nbf-select:nth-child(even) .ntsx-select-panel{left:auto;right:0}
}