/* NAHANG design tokens v1.0 — edit this file before touching component rules. */
.nhp-app {
  --nhp-font: "Vazir", "Vazirmatn", Tahoma, sans-serif;
  --nhp-bg: #f6f9fe; --nhp-bg-alt: #edf4fd; --nhp-surface: #ffffff; --nhp-surface-glass: rgb(255 255 255 / .72);
  --nhp-ink: #091b38; --nhp-muted: #546783; --nhp-quiet: #8392aa;
  --nhp-line: rgb(20 73 137 / .12); --nhp-line-strong: rgb(27 102 181 / .23);
  --nhp-primary: #155eff; --nhp-primary-hover: #074ee9; --nhp-aqua: #03b8e9;
  --nhp-gradient: linear-gradient(120deg, #216bff, #059eee);
  --nhp-glow: rgb(14 117 255 / .17); --nhp-shadow: 0 26px 85px rgb(19 63 119 / .09);
  --nhp-header-bg: rgb(247 250 255 / .92); --nhp-text-on-accent: #fff;
  --nhp-radius-sm: 12px; --nhp-radius: 22px; --nhp-radius-lg: 30px;
  --nhp-container: 1240px; --nhp-gutter: clamp(20px,4.25vw,56px);
  --nhp-space-1: 8px; --nhp-space-2: 12px; --nhp-space-3: 16px; --nhp-space-4: 24px;
  --nhp-space-5: 32px; --nhp-space-6: 48px; --nhp-space-7: 72px; --nhp-space-8: 104px;
  --nhp-ease: cubic-bezier(.2,.7,.2,1); --nhp-fast: 180ms; --nhp-medium: 360ms;
  --nhp-display: clamp(2.65rem, 4.2vw, 4.45rem); --nhp-title: clamp(2.1rem,4vw,3.75rem);
  background: var(--nhp-bg); color: var(--nhp-ink); font-family: var(--nhp-font); direction: rtl;
}
html[data-nh-theme="dark"] .nhp-app {
  --nhp-bg: #061124; --nhp-bg-alt: #091a35; --nhp-surface: #0c1d39; --nhp-surface-glass: rgb(12 29 55 / .76);
  --nhp-ink: #eff7ff; --nhp-muted: #aabbd2; --nhp-quiet: #6f86a5;
  --nhp-line: rgb(113 168 245 / .15); --nhp-line-strong: rgb(103 167 249 / .29);
  --nhp-primary: #3387ff; --nhp-primary-hover: #1d71fa; --nhp-aqua: #19c9e8;
  --nhp-gradient: linear-gradient(115deg,#216bff,#05b5ec);
  --nhp-glow: rgb(16 119 255 / .22); --nhp-shadow: 0 28px 96px rgb(0 0 0 / .24);
  --nhp-header-bg: rgb(5 15 31 / .94);
}

/* Page foundation: one owner per component, all selectors scoped to nhp-* classes. */
.nhp-app,.nhp-app *,.nhp-app *::before,.nhp-app *::after{box-sizing:border-box}
.nhp-app { min-height:100vh; overflow:clip; }
.nhp-app :where(h1,h2,h3,h4,p,figure){margin:0}
.nhp-app :where(button,input,select,textarea){font:inherit}
.nhp-app :where(button,a){-webkit-tap-highlight-color:transparent}
.nhp-app :where(a){color:inherit;text-decoration:none}
.nhp-app :where(img){max-width:100%;height:auto;display:block}
.nhp-app :where(button){cursor:pointer}
.nhp-app :where([hidden]){display:none!important}
.nhp-app :where(:focus-visible){outline:3px solid var(--nhp-aqua);outline-offset:4px}
.nhp-sprite{width:0;height:0;position:absolute;overflow:hidden}
.nhp-icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nhp-icon--flip{transform:rotate(180deg)}
.nhp-container{width:min(var(--nhp-container),calc(100% - var(--nhp-gutter)*2));margin-inline:auto}
.nhp-skip{position:fixed;z-index:9999;top:8px;right:16px;padding:12px 20px;border-radius:12px;background:#fff;color:#05142c;transform:translateY(-150%)}
.nhp-skip:focus{transform:translateY(0)}
.nhp-overline{font-size:.77rem;font-weight:800;letter-spacing:.12em;color:var(--nhp-primary);display:inline-flex;align-items:center;gap:10px}
.nhp-overline__dot{width:8px;height:8px;background:var(--nhp-aqua);border-radius:50%;box-shadow:0 0 0 5px var(--nhp-glow)}
.nhp-section{padding-block:clamp(72px,10vw,136px);position:relative}
.nhp-section__head{display:flex;align-items:end;justify-content:space-between;gap:clamp(24px,6vw,100px);margin-bottom:42px}
.nhp-section__head>div{flex:1}
.nhp-section__head h2,.nhp-infra h2,.nhp-about h2,.nhp-contact h2{font-size:var(--nhp-title);line-height:1.34;letter-spacing:-.045em;font-weight:850;margin-top:18px}
.nhp-section__head h2 span,.nhp-infra h2 span,.nhp-about h2 span,.nhp-contact h2 span{color:var(--nhp-primary)}
.nhp-section__head>p{font-size:1rem;line-height:2.05;max-width:43ch;color:var(--nhp-muted);padding-bottom:8px}
.nhp-section__foot{text-align:center;margin-top:32px}
.nhp-btn{border:1px solid transparent;display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:48px;padding:12px 21px;border-radius:12px;font-size:.9rem;font-weight:750;transition:background var(--nhp-fast),border-color var(--nhp-fast),color var(--nhp-fast),transform var(--nhp-fast);white-space:nowrap}
.nhp-btn:hover{transform:translateY(-2px)}
.nhp-btn--primary{background:var(--nhp-gradient);color:#fff!important;box-shadow:0 8px 24px var(--nhp-glow)}
.nhp-btn--primary:hover{background:var(--nhp-primary-hover)}
.nhp-btn--secondary{border-color:var(--nhp-line-strong);background:var(--nhp-surface-glass);color:var(--nhp-ink)}
.nhp-btn--secondary:hover,.nhp-btn--ghost:hover{border-color:var(--nhp-primary);background:var(--nhp-bg-alt)}
.nhp-btn--ghost{background:transparent;color:var(--nhp-ink);border-color:var(--nhp-line-strong)}
.nhp-btn--light{color:#08326b!important;background:#f8fcff;box-shadow:0 10px 26px rgb(0 0 0 / .13)}
.nhp-icon-btn{display:inline-grid;place-items:center;min-width:44px;min-height:44px;border-radius:12px;border:1px solid var(--nhp-line);background:var(--nhp-surface-glass);color:var(--nhp-ink);transition:border-color var(--nhp-fast),background var(--nhp-fast)}
.nhp-icon-btn:hover{border-color:var(--nhp-primary);background:var(--nhp-bg-alt)}
.nhp-text-link{display:inline-flex;align-items:center;gap:10px;color:var(--nhp-primary)!important;font-weight:750;margin-top:23px}
.nhp-text-link:hover{gap:15px}

/* Hero */
.nhp-hero{position:relative;min-height:min(820px,calc(100svh - 82px));display:flex;flex-direction:column;justify-content:center;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 16% 22%,rgb(37 127 244 / .12),transparent 55%),var(--nhp-bg)}
.nhp-hero__ambient{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,transparent 25%,var(--nhp-bg) 88%),var(--nhp-scene-image);background-size:cover;background-position:center;opacity:.38}

.nhp-hero__inner{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(26px,5vw,80px);align-items:center;flex:1;padding-block:55px 35px;min-height:575px}
.nhp-hero__copy{position:relative;z-index:2}
.nhp-hero__slides{display:grid;align-items:start;min-height:310px}
.nhp-hero__slide{grid-area:1/1;min-width:0}
.nhp-hero__slides>.nhp-hero__slide[hidden]{display:block!important;visibility:hidden;pointer-events:none}
.nhp-hero__slides h1,.nhp-hero__slides h2{font-size:var(--nhp-display);line-height:1.23;letter-spacing:0;max-width:12ch;font-weight:800;margin:24px 0}
.nhp-hero__slides h1 span,.nhp-hero__slides h2 span{color:var(--nhp-primary)}
.nhp-hero__slides p{color:var(--nhp-muted);font-size:1.03rem;line-height:2;max-width:47ch}
.nhp-hero__buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.nhp-hero__controls{display:flex;align-items:center;gap:13px;margin-top:52px;direction:ltr;justify-content:flex-end}
.nhp-hero__controls .nhp-icon-btn{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%}
.nhp-hero__dots{display:flex;align-items:center;gap:8px}
.nhp-hero__dots button{width:17px;height:5px;background:var(--nhp-line-strong);border:0;border-radius:9px;padding:0;transition:background var(--nhp-fast),width var(--nhp-fast)}
.nhp-hero__dots [aria-current="true"]{width:39px;background:var(--nhp-primary)}
.nhp-hero__counter{font:600 .72rem system-ui,sans-serif;color:var(--nhp-muted);margin-left:10px}
.nhp-hero__visual{position:relative;height:470px;min-height:0;display:block;isolation:isolate}

.nhp-hero__visual-slide{position:absolute;inset:0;width:100%;height:100%;min-height:0;display:grid;place-items:center;isolation:isolate}
.nhp-hero__whale{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 29px rgb(11 96 207 / .13))}
.nhp-hero__tech{position:absolute;bottom:-3%;left:1%;width:40%;max-width:280px;z-index:3;filter:drop-shadow(0 16px 24px rgb(0 48 105 / .22))}
.nhp-hero__focus{width:100%;height:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 20px 32px rgb(6 39 80 / .17))}



.nhp-hero__footer{display:flex;gap:32px;align-items:center;border-top:1px solid var(--nhp-line);padding-block:20px 25px;color:var(--nhp-muted);font-size:.85rem}
.nhp-hero__footer span,.nhp-hero__footer a{display:flex;align-items:center;gap:9px;white-space:nowrap}
.nhp-hero__footer .nhp-icon{color:var(--nhp-primary)}
.nhp-hero__footer a{margin-right:auto;color:var(--nhp-primary);font-weight:750}

/* Services */
.nhp-section--services{background:var(--nhp-bg-alt)}
.nhp-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.nhp-service-card{background:var(--nhp-surface-glass);border:1px solid var(--nhp-line);border-radius:var(--nhp-radius);padding:20px;min-width:0;display:flex;flex-direction:column;transition:transform var(--nhp-medium) var(--nhp-ease),border-color var(--nhp-medium),box-shadow var(--nhp-medium)}
.nhp-service-card:hover{transform:translateY(-6px);border-color:var(--nhp-line-strong);box-shadow:var(--nhp-shadow)}
.nhp-service-card__icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;color:var(--nhp-primary);background:var(--nhp-glow);margin-bottom:9px}
.nhp-service-card>img{width:100%;height:178px;object-fit:contain;margin-bottom:18px}
.nhp-service-card h3{font-size:1rem;margin-bottom:10px;letter-spacing:-.025em}
.nhp-service-card p{font-size:.82rem;line-height:1.85;color:var(--nhp-muted);min-height:50px}
.nhp-service-card>a{display:flex;align-items:center;gap:8px;color:var(--nhp-primary);font-size:.81rem;font-weight:750;margin-top:auto;padding-top:15px}
.nhp-service-card>a .nhp-icon{width:17px;height:17px}

/* Infrastructure */
.nhp-infra{background:radial-gradient(ellipse at 20% 55%,rgb(22 100 211 / .12),transparent 55%),#06162d;color:#eaf4ff}
.nhp-infra__grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,7vw,100px)}
.nhp-infra__visual{position:relative;border:1px solid rgb(119 173 255 / .12);background:linear-gradient(145deg,rgba(18,54,110,.38),rgba(3,11,30,.25));border-radius:28px;min-height:365px;display:grid;place-items:center;overflow:hidden}
.nhp-infra__visual::before{content:"";position:absolute;inset:10%;background:radial-gradient(circle,rgba(6,108,251,.22),transparent 65%)}
.nhp-infra__visual img{position:relative;width:86%;max-height:430px;object-fit:contain}
.nhp-infra h2 span{color:#409dff}
.nhp-infra__text>p{color:#a8bdd5;line-height:2;max-width:51ch;margin:21px 0 29px}
.nhp-infra__features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.nhp-infra__features div{display:grid;gap:11px;justify-items:start;border:1px solid rgb(131 182 255 / .2);padding:17px 12px;border-radius:14px;background:rgba(4,27,59,.46)}
.nhp-infra__features .nhp-icon{color:#479aff;width:27px;height:27px}
.nhp-infra__features span{font-size:.78rem;font-weight:650}
.nhp-infra .nhp-text-link{color:#58adff!important}

/* Store */
.nhp-section--store{background:var(--nhp-bg)}
.nhp-store__toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:18px}
.nhp-tabs{display:inline-flex;gap:4px;border:1px solid var(--nhp-line);padding:5px;border-radius:14px;background:var(--nhp-surface)}
.nhp-tabs button{border:0;background:none;color:var(--nhp-muted);padding:10px 18px;font-size:.84rem;font-weight:700;border-radius:10px}
.nhp-tabs button[aria-selected="true"]{background:var(--nhp-gradient);color:#fff;box-shadow:0 4px 12px var(--nhp-glow)}
.nhp-store__note{color:var(--nhp-quiet);font-size:.76rem}
.nhp-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.nhp-product{border:1px solid var(--nhp-line);border-radius:20px;padding:18px;background:var(--nhp-surface-glass);min-width:0;position:relative;overflow:hidden;transition:transform var(--nhp-medium),border-color var(--nhp-medium)}
.nhp-product:hover{transform:translateY(-5px);border-color:var(--nhp-line-strong)}
.nhp-product::before{content:"";pointer-events:none;position:absolute;top:20px;left:30px;right:30px;height:170px;background:radial-gradient(ellipse, var(--nhp-glow),transparent 72%)}
.nhp-product img{height:210px;width:100%;object-fit:contain;position:relative;filter:drop-shadow(0 12px 20px rgb(12 69 137 / .09));transition:transform var(--nhp-medium)}
.nhp-product:hover img{transform:translateY(-4px) scale(1.025)}
.nhp-product h3{font-size:.97rem;margin-top:18px;margin-bottom:5px}
.nhp-product span{font-size:.76rem;color:var(--nhp-muted)}

/* About / process */
.nhp-about{background:radial-gradient(circle at 75% 40%,rgba(5,110,248,.17),transparent 52%),#06152d;color:#edf8ff;overflow:hidden}
.nhp-about__grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(35px,6vw,85px)}
.nhp-about h2 span{color:#55a8ff}
.nhp-about__content>p{line-height:2;color:#aebfd9;max-width:51ch;margin:24px 0 34px}
.nhp-about__principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.nhp-about__principles div{display:flex;flex-direction:column;gap:7px;border:1px solid rgba(100,160,241,.2);border-radius:16px;padding:17px 12px;background:rgba(16,44,84,.42)}
.nhp-about__principles .nhp-icon{color:#5ab0ff;width:25px;height:25px;margin-bottom:7px}
.nhp-about__principles strong{font-size:.88rem}
.nhp-about__principles small{color:#90a9c6;font-size:.74rem}
.nhp-about__visual{position:relative;min-height:400px;display:grid;place-items:center}
.nhp-about__visual img{position:relative;z-index:1;width:min(100%,630px);filter:drop-shadow(0 14px 38px rgb(0 101 255 / .18))}
.nhp-about__halo{position:absolute;width:75%;aspect-ratio:1;border:1px solid rgba(50,149,255,.24);border-radius:50%;box-shadow:0 0 70px rgba(12,102,243,.22)}
.nhp-process{background:var(--nhp-bg-alt)}
.nhp-process__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0}
.nhp-process__steps li{border:1px solid var(--nhp-line);padding:25px 20px;border-radius:17px;background:var(--nhp-surface-glass)}
.nhp-process__steps li span{color:var(--nhp-primary);font:750 1.35rem system-ui,sans-serif;display:block;margin-bottom:27px}
.nhp-process__steps h3{font-size:1.02rem;margin-bottom:10px}
.nhp-process__steps p{color:var(--nhp-muted);font-size:.84rem;line-height:1.85}

/* Magazine */
.nhp-magazine{background:var(--nhp-bg)}
.nhp-magazine__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.nhp-article{overflow:hidden;border-radius:18px;border:1px solid var(--nhp-line);background:var(--nhp-surface)}
.nhp-article img{width:100%;aspect-ratio:16/10;object-fit:cover}
.nhp-article div{padding:20px}
.nhp-article span{font-size:.75rem;color:var(--nhp-primary);font-weight:700}
.nhp-article h3{font-size:.96rem;line-height:1.8;margin-top:8px}

/* Contact & footer */
.nhp-contact{background:var(--nhp-bg-alt);padding-block:55px 95px}
.nhp-contact__panel{min-height:345px;border-radius:28px;overflow:hidden;position:relative;display:grid;grid-template-columns:1.25fr .8fr;align-items:center;padding:40px clamp(28px,5vw,75px);background:radial-gradient(ellipse at 72% 60%,rgba(50,158,255,.22),transparent 48%),linear-gradient(120deg,#103b86,#061b3b);color:white}
.nhp-contact__content{position:relative;z-index:1}
.nhp-contact .nhp-overline{color:#9ddbff}
.nhp-contact h2{font-size:clamp(2rem,4.15vw,3.9rem);line-height:1.28}
.nhp-contact h2 span{color:#66caff}
.nhp-contact p{line-height:1.9;margin:18px 0 24px;max-width:47ch;color:#d5e5f6}
.nhp-contact img{max-height:330px;width:100%;object-fit:contain}
@media (max-width:1100px){
  .nhp-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nhp-magazine__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nhp-hero__slides{min-height:270px}
}
@media (max-width:760px){
  .nhp-section{padding-block:76px}
  .nhp-section__head{display:block;margin-bottom:30px}
  .nhp-section__head>p{margin-top:19px}
  .nhp-hero__inner{grid-template-columns:1fr;gap:0;padding-block:45px 20px}
  .nhp-hero__copy{order:1}
  .nhp-hero__visual{order:0;height:280px;min-height:0}
  .nhp-hero__visual-slide{height:100%;min-height:0}
  .nhp-hero__visual::before{width:54%;max-width:250px}
  .nhp-hero__whale{width:min(90%,510px)}
  .nhp-hero__tech{width:32%;left:7%;bottom:8%}
  .nhp-hero__focus{max-height:100%}
  .nhp-hero__slides{min-height:0}
  .nhp-hero__slides h1,.nhp-hero__slides h2{font-size:clamp(2.25rem,8vw,4.5rem);margin:15px 0 18px;max-width:17ch}
  .nhp-hero__slides p{font-size:.91rem;max-width:48ch}
  .nhp-hero__buttons{margin-top:26px}
  .nhp-hero__controls{margin-top:30px}
  .nhp-hero__footer{flex-wrap:wrap;gap:12px 20px;justify-content:center;font-size:.72rem}
  .nhp-hero__footer a{margin-right:0}
  .nhp-infra__grid,.nhp-about__grid{grid-template-columns:1fr}
  .nhp-infra__visual{min-height:260px}
  .nhp-infra__visual img{max-height:100%}
  .nhp-products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nhp-product img{height:160px}
  .nhp-process__steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nhp-about__visual{min-height:260px}
  .nhp-contact__panel{grid-template-columns:1fr;gap:18px;padding:36px 26px}
  .nhp-contact img{max-height:190px;width:62%;justify-self:center}
}
@media (max-width:460px){
  .nhp-hero__footer span:nth-child(3){display:none}
  .nhp-hero__buttons .nhp-btn{padding:10px 13px;font-size:.81rem}
  .nhp-hero__visual{height:240px}
  .nhp-service-grid{gap:12px}
  .nhp-service-card{padding:13px}
  .nhp-service-card>img{height:110px}
  .nhp-service-card h3{font-size:.88rem}
  .nhp-service-card p{font-size:.74rem;min-height:60px}
  .nhp-infra__features{grid-template-columns:1fr 1fr}
  .nhp-about__principles{gap:7px}
  .nhp-about__principles div{padding:12px 8px}
  .nhp-about__principles strong{font-size:.74rem}
  .nhp-about__principles small{font-size:.68rem}
  .nhp-store__toolbar{align-items:start;flex-direction:column}
  .nhp-product{padding:13px}
  .nhp-product img{height:115px}
  .nhp-product h3{font-size:.84rem;line-height:1.55}
  .nhp-process__steps li{padding:17px 14px}
  .nhp-magazine__grid{gap:10px}
  .nhp-article div{padding:13px}
  .nhp-article h3{font-size:.83rem}
}
.nhp-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Complete light-theme counterparts for otherwise cinematic dark sections.
   Scoped override: ocean story still intentionally progresses light -> dark in BOTH site themes. */
html:not([data-nh-theme="dark"]) .nhp-infra{
  background:radial-gradient(ellipse at 20% 55%,rgb(22 100 211 / .10),transparent 55%),var(--nhp-bg-alt);
  color:var(--nhp-ink);
}
html:not([data-nh-theme="dark"]) .nhp-infra__text>p{color:var(--nhp-muted)}
html:not([data-nh-theme="dark"]) .nhp-infra__visual{background:linear-gradient(145deg,rgb(255 255 255 / .75),rgb(217 235 255 / .36));border-color:var(--nhp-line)}
html:not([data-nh-theme="dark"]) .nhp-infra__features div{background:var(--nhp-surface-glass);border-color:var(--nhp-line)}
html:not([data-nh-theme="dark"]) .nhp-infra h2 span{color:var(--nhp-primary)}
html:not([data-nh-theme="dark"]) .nhp-infra .nhp-text-link{color:var(--nhp-primary)!important}
html:not([data-nh-theme="dark"]) .nhp-about{
  background:radial-gradient(circle at 75% 40%,rgba(5,110,248,.10),transparent 52%),var(--nhp-bg);
  color:var(--nhp-ink);
}
html:not([data-nh-theme="dark"]) .nhp-about h2 span{color:var(--nhp-primary)}
html:not([data-nh-theme="dark"]) .nhp-about__content>p{color:var(--nhp-muted)}
html:not([data-nh-theme="dark"]) .nhp-about__principles div{background:var(--nhp-surface-glass);border-color:var(--nhp-line)}
html:not([data-nh-theme="dark"]) .nhp-about__principles small{color:var(--nhp-muted)}
/* WordPress integration is scoped to this body. Existing Header/Footer keep their owners. */
.nhp-app{font-size:16px;line-height:1.9;font-weight:450;padding:0;border:0;margin:0;max-width:none;width:100%;font-family:var(--nhp-font)}.nhp-app :is(h1,h2,h3){font-family:inherit;letter-spacing:0}.nhp-app section[id],.nhp-app [id=request]{scroll-margin-top:100px}.nhp-app .nhp-svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.nhp-app .nhp-hero__whale{opacity:1;filter:none}.nhp-app .nhp-product{color:var(--nhp-ink);text-decoration:none}.nhp-app .nhp-hero__focus{object-fit:contain}.nhp-app .nhp-section__foot{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.nhp-app .nhp-magazine__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.nhp-app .nhp-article img{height:230px;width:100%;object-fit:cover}.nhp-app .nhp-article p{font-size:14px;color:var(--nhp-muted);line-height:1.9}
.nhp-hero__ambient::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(320px circle at var(--home-x,30%) var(--home-y,45%),rgb(35 128 255 / .12),transparent 75%)}
.nhp-in-view{animation:nhp-arrive .6s ease both}@keyframes nhp-arrive{from{opacity:.65;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.nhp-hero__ambient::after{display:none}.nhp-app *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Authored scene layers: backdrop -> restrained light -> subject -> equipment -> DOM copy. */
.nhp-app{--nhp-scene-image:url("../media/nahang/home-bg-light-58e105034029.webp");--nhp-energy-orbit:url("../media/nahang/home-orbit-3af904ad1481.webp");--nhp-energy-ribbon:url("../media/nahang/home-ribbon-904d76c1b5a2.webp")}
html[data-nh-theme="dark"] .nhp-app{--nhp-scene-image:url("../media/nahang/home-hero-bg-dark-e2bfd7ab0160.webp")}

.nhp-hero__energy-orbit{position:absolute;pointer-events:none;inset:20% 3% 4%;z-index:0;background:var(--nhp-energy-orbit) center/contain no-repeat;opacity:.12;transform:translate3d(var(--home-dx,0px),var(--home-dy,0px),0)}
.nhp-hero[data-home-scene="1"] .nhp-hero__energy-orbit{opacity:.12}.nhp-hero[data-home-scene="2"] .nhp-hero__energy-orbit{opacity:.09}
.nhp-hero__visual-slide{z-index:1}.nhp-hero__tech{object-fit:contain;width:40%;max-width:250px;bottom:4%;left:2%;filter:none}
.nhp-infra__visual{position:relative;isolation:isolate}.nhp-infra__visual>img{position:relative;z-index:1}.nhp-infra__ribbon{position:absolute;inset:45% -6% -5%;pointer-events:none;background:var(--nhp-energy-ribbon) center/contain no-repeat;opacity:.18;z-index:0}
.nhp-app[data-home-lite=true] .nhp-hero__ambient{background-image:none}.nhp-app[data-home-lite=true] .nhp-hero__ambient::after{display:none}.nhp-app[data-home-lite=true] .nhp-hero__energy-orbit,.nhp-app[data-home-lite=true] .nhp-infra__ribbon{display:none}
@media(max-width:760px){.nhp-hero__tech{width:32%;max-width:160px;bottom:8%;left:7%}.nhp-hero__energy-orbit{inset:14% 8% 4%;opacity:.1}}
@media(prefers-reduced-motion:reduce){.nhp-hero__energy-orbit{transform:none}.nhp-infra__ribbon{opacity:.1}}

@media(max-width:760px){.nhp-app{--nhp-scene-image:url("../media/nahang/home-bg-light-mobile-a91ad9081042.webp")}html[data-nh-theme="dark"] .nhp-app{--nhp-scene-image:url("../media/nahang/home-bg-dark-mobile-342a599d574e.webp")}}

.nhp-hero__visual-slide>picture{display:grid;place-items:center;width:100%;height:100%;min-height:0}.nhp-hero__visual-slide>picture>img{max-height:100%;min-height:0}