
.ndh-hero{--mx:50%;--my:50%;min-height:min(900px,92vh);position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);align-items:center;gap:clamp(2rem,5vw,6rem);padding:clamp(32px,5vw,86px);direction:rtl;color:#153a68;background:radial-gradient(circle at 78% 42%,rgba(85,183,232,.23),transparent 27%),radial-gradient(circle at 18% 22%,rgba(36,86,166,.10),transparent 30%),linear-gradient(135deg,#fff 0%,#f8fcff 50%,#eaf7fc 100%);font-family:inherit}
.ndh-pointer-glow{position:absolute;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(87,193,239,.16),transparent 62%);transition:opacity .4s}
.ndh-mesh{position:absolute;inset:0;z-index:-3;opacity:.5;background-image:linear-gradient(rgba(36,86,166,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(36,86,166,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to left,#000,transparent 76%)}
.ndh-ambient{position:absolute;border-radius:50%;filter:blur(2px);z-index:-2;opacity:.55}.ndh-a1{width:360px;height:360px;right:-120px;top:-140px;background:rgba(85,183,232,.16);animation:ndhAmbient 9s ease-in-out infinite}.ndh-a2{width:280px;height:280px;left:10%;bottom:-160px;background:rgba(36,86,166,.08);animation:ndhAmbient 12s ease-in-out -3s infinite reverse}
.ndh-content{max-width:760px;position:relative;z-index:6}
.ndh-eyebrow{display:inline-flex;align-items:center;gap:.55rem;padding:.62rem 1rem;border:1px solid rgba(36,86,166,.11);background:rgba(255,255,255,.7);backdrop-filter:blur(14px);border-radius:999px;color:#2456a6;font-size:.92rem;box-shadow:0 12px 38px rgba(21,58,104,.06)}
.ndh-eyebrow i{width:9px;height:9px;background:#55b7e8;border-radius:50%;box-shadow:0 0 0 0 rgba(85,183,232,.4);animation:ndhPulse 2.2s infinite}
.ndh-title{font-size:clamp(2.8rem,5.2vw,5.7rem);line-height:1.06;margin:1.15rem 0 .85rem;letter-spacing:-2.5px;color:#153a68}.ndh-latin{display:block;color:#55b7e8;font-size:clamp(1.05rem,2vw,2rem);line-height:1.25;letter-spacing:-.02em;margin:0 0 .5rem;font-weight:700;direction:ltr;text-align:right}
.ndh-lead{font-size:clamp(1rem,1.35vw,1.18rem);line-height:2;color:#5d7591;max-width:680px}.ndh-lead p{margin:0}
.ndh-actions{display:flex;gap:.85rem;flex-wrap:wrap;margin:1.9rem 0 2.2rem}.ndh-btn{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;border-radius:16px;padding:1rem 1.35rem;font-weight:700;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.ndh-primary{color:#fff!important;background:linear-gradient(135deg,#2456a6,#347bc3);box-shadow:0 15px 38px rgba(36,86,166,.23)}.ndh-secondary{color:#2456a6!important;background:rgba(255,255,255,.78);border:1px solid rgba(36,86,166,.12)}.ndh-btn:hover{transform:translateY(-5px) scale(1.02)}.ndh-primary:hover{box-shadow:0 22px 46px rgba(36,86,166,.3)}.ndh-primary span{transition:transform .3s}.ndh-primary:hover span{transform:translateX(-5px)}
.ndh-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;perspective:800px}.ndh-feature{min-height:94px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem 1.1rem;border-radius:20px;background:rgba(255,255,255,.64);border:1px solid rgba(255,255,255,.92);backdrop-filter:blur(18px);box-shadow:0 18px 46px rgba(21,58,104,.075);transition:.42s cubic-bezier(.2,.8,.2,1)}.ndh-feature:before{content:"";position:absolute;inset:auto -30% -70% -30%;height:100%;background:radial-gradient(circle,rgba(85,183,232,.22),transparent 65%);transition:.45s}.ndh-feature:hover{transform:translateY(-10px) rotateX(5deg);box-shadow:0 28px 60px rgba(21,58,104,.14)}.ndh-feature:hover:before{transform:translateY(-28%)}.ndh-feature b{position:relative;z-index:2;color:#2456a6;line-height:1.8}.ndh-feature-no{position:absolute;left:10px;top:7px;font-size:.7rem;color:rgba(36,86,166,.26);font-weight:800}
.ndh-stage{position:relative;min-height:650px;display:grid;place-items:center;perspective:1200px;transform-style:preserve-3d}
.ndh-orb{position:absolute;width:min(35vw,500px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.98),rgba(85,183,232,.20) 38%,rgba(36,86,166,.08) 68%,transparent 72%);box-shadow:inset -35px -35px 80px rgba(36,86,166,.07),0 50px 110px rgba(36,86,166,.13);animation:ndhOrb 6s ease-in-out infinite;will-change:transform}
.ndh-ring{position:absolute;width:min(42vw,600px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(36,86,166,.16);transform-style:preserve-3d;will-change:transform}.ndh-ring-1{transform:rotateX(68deg) rotateZ(-12deg);animation:ndhRing1 13s linear infinite}.ndh-ring-2{width:min(34vw,485px);border-color:rgba(85,183,232,.12);transform:rotateY(70deg) rotateZ(22deg);animation:ndhRing2 17s linear infinite reverse}.ndh-ring i{position:absolute;width:12px;height:12px;border-radius:50%;background:#55b7e8;top:20%;right:5%;box-shadow:0 0 0 7px rgba(85,183,232,.1),0 0 28px #55b7e8}
.ndh-product-wrap{position:relative;z-index:4;transform-style:preserve-3d;animation:ndhFloat 4.2s ease-in-out infinite;will-change:transform}.ndh-product{display:block;width:min(23vw,330px);max-height:520px;object-fit:contain;filter:drop-shadow(0 38px 28px rgba(21,58,104,.22));transform:translateZ(50px);transition:filter .3s}.ndh-product-shine{position:absolute;inset:3% 15%;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.42) 48%,transparent 60%);mix-blend-mode:screen;transform:translateX(-90%);animation:ndhShine 5s ease-in-out infinite}
.ndh-shadow{position:absolute;z-index:1;width:250px;height:40px;border-radius:50%;background:rgba(21,58,104,.17);filter:blur(20px);bottom:108px;animation:ndhShadow 4.2s ease-in-out infinite}
.ndh-badge{position:absolute;z-index:7;max-width:250px;padding:.9rem 1.05rem;border-radius:17px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.95);backdrop-filter:blur(18px);box-shadow:0 18px 45px rgba(21,58,104,.11);font-size:.9rem;font-weight:700;transition:.35s cubic-bezier(.2,.8,.2,1);animation:ndhBadge 4.8s ease-in-out infinite}.ndh-badge:hover{transform:translateY(-9px) scale(1.055)!important;box-shadow:0 26px 58px rgba(21,58,104,.17)}.ndh-one{top:18%;right:0}.ndh-two{bottom:20%;left:-2%;animation-delay:-2.1s}
.ndh-dot{position:absolute;border-radius:50%;background:linear-gradient(145deg,#fff,#55b7e8);box-shadow:0 10px 28px rgba(36,86,166,.18);animation:ndhDot 4s ease-in-out infinite}.ndh-d1{width:35px;height:35px;top:17%;left:8%}.ndh-d2{width:18px;height:18px;bottom:17%;right:10%;animation-delay:-1s}.ndh-d3{width:11px;height:11px;top:44%;right:2%;animation-delay:-2s}.ndh-d4{width:8px;height:8px;bottom:35%;left:14%;animation-delay:-3s}
.ndh-scroll{position:absolute;bottom:22px;right:50%;transform:translateX(50%);font-size:.76rem;color:#7890aa;text-align:center}.ndh-scroll i{display:block;width:1px;height:28px;background:linear-gradient(#7890aa,transparent);margin:8px auto 0;transform-origin:top;animation:ndhScroll 1.6s ease-in-out infinite}
.ndh-reveal{opacity:0;transform:translateY(38px) scale(.98)}.ndh-hero.ndh-in .ndh-reveal{animation:ndhEnter .9s cubic-bezier(.16,1,.3,1) forwards}.ndh-hero.ndh-in .ndh-r2{animation-delay:.1s}.ndh-hero.ndh-in .ndh-r3{animation-delay:.2s}.ndh-hero.ndh-in .ndh-r4{animation-delay:.32s}.ndh-hero.ndh-in .ndh-feature{animation:ndhCard .75s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.48s + var(--i)*.09s)}
@keyframes ndhEnter{to{opacity:1;transform:none}}@keyframes ndhCard{from{opacity:0;transform:translateY(28px) rotateX(-14deg)}to{opacity:1;transform:none}}@keyframes ndhFloat{0%,100%{transform:translate3d(0,0,35px) rotateZ(-.4deg)}50%{transform:translate3d(0,-22px,65px) rotateZ(.8deg)}}@keyframes ndhShadow{50%{transform:scale(.78);opacity:.55}}@keyframes ndhOrb{50%{transform:scale(1.045) translateY(-8px)}}@keyframes ndhRing1{to{transform:rotateX(68deg) rotateZ(348deg)}}@keyframes ndhRing2{to{transform:rotateY(70deg) rotateZ(382deg)}}@keyframes ndhBadge{50%{transform:translateY(-12px)}}@keyframes ndhDot{50%{transform:translate3d(7px,-16px,0) scale(1.08)}}@keyframes ndhPulse{70%{box-shadow:0 0 0 10px rgba(85,183,232,0)}}@keyframes ndhShine{0%,60%{transform:translateX(-100%);opacity:0}72%{opacity:.8}90%,100%{transform:translateX(100%);opacity:0}}@keyframes ndhAmbient{50%{transform:translate3d(25px,-18px,0) scale(1.08)}}@keyframes ndhScroll{50%{transform:scaleY(.45);opacity:.35}}
@media(max-width:900px){.ndh-hero{grid-template-columns:1fr;padding:30px 20px 72px;min-height:auto}.ndh-content{text-align:center;margin:auto}.ndh-latin{text-align:center}.ndh-actions{justify-content:center}.ndh-stage{min-height:480px;grid-row:1}.ndh-product{width:min(49vw,260px)}.ndh-orb{width:min(78vw,430px)}.ndh-ring-1{width:min(90vw,500px)}.ndh-ring-2{width:min(72vw,410px)}.ndh-features{grid-template-columns:1fr}.ndh-badge{max-width:190px;font-size:.78rem}.ndh-one{right:2%;top:16%}.ndh-two{left:1%;bottom:17%}.ndh-mesh{opacity:.22}}
@media(max-width:600px){.ndh-stage{min-height:400px}.ndh-title{font-size:clamp(2.2rem,12vw,3.6rem)}.ndh-badge{display:none}.ndh-dot{opacity:.7}.ndh-product{width:min(56vw,230px)}}
@media(prefers-reduced-motion:reduce){.ndh-hero *{animation:none!important;transition:none!important}.ndh-reveal{opacity:1!important;transform:none!important}}

.ndh-product-wrap{animation-duration:var(--ndh-float-speed,4.2s)}.ndh-ring-1{animation-duration:var(--ndh-orbit-speed,13s)}.ndh-ring-2{animation-duration:calc(var(--ndh-orbit-speed,13s)*1.3)}.ndh-hero.ndh-in .ndh-reveal{animation-duration:var(--ndh-enter,.9s)}
.ndh-custom-icon{width:20px;height:20px;object-fit:contain}.ndh-badge{display:flex;align-items:center;gap:8px}.ndh-badge-icon{width:22px;height:22px;object-fit:contain}.ndh-scroll{border:0;background:transparent;cursor:pointer;font-family:inherit;padding:6px 12px;z-index:10}.ndh-scroll:hover{color:#2456a6}.ndh-scroll img{width:30px;height:30px;object-fit:contain}.ndh-hero[data-motion=""] *,.ndh-hero[data-motion="no"] *{animation:none!important}.ndh-hero[data-float=""] .ndh-product-wrap,.ndh-hero[data-float="no"] .ndh-product-wrap{animation:none!important}.ndh-hero[data-orbit=""] .ndh-ring,.ndh-hero[data-orbit="no"] .ndh-ring{animation:none!important}

.ndh-hero[data-continuous="yes"]{padding-bottom:clamp(70px,8vw,125px);background:radial-gradient(circle at 78% 42%,rgba(85,183,232,.23),transparent 27%),radial-gradient(circle at 18% 22%,rgba(36,86,166,.10),transparent 30%),linear-gradient(180deg,#fff 0%,#f7fcff 58%,#f1faff 100%)}
.ndh-hero[data-continuous="yes"]:after{content:"";position:absolute;z-index:-2;left:0;right:0;bottom:-1px;height:150px;background:linear-gradient(to bottom,transparent,#f4fbff 78%,#f4fbff);pointer-events:none}

/* v1.5.1 — true LTR composition for English product pages */
html[dir="ltr"] .ndh-hero,.rr-product-ltr .ndh-hero{direction:ltr;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr)}
html[dir="ltr"] .ndh-content,.rr-product-ltr .ndh-content{text-align:left;grid-column:1;grid-row:1}
html[dir="ltr"] .ndh-stage,.rr-product-ltr .ndh-stage{grid-column:2;grid-row:1}
html[dir="ltr"] .ndh-latin,.rr-product-ltr .ndh-latin{text-align:left}
html[dir="ltr"] .ndh-lead,.rr-product-ltr .ndh-lead{text-align:left;margin-inline-right:auto}
html[dir="ltr"] .ndh-eyebrow,.rr-product-ltr .ndh-eyebrow{direction:ltr}
html[dir="ltr"] .ndh-feature,.rr-product-ltr .ndh-feature{direction:ltr}
html[dir="ltr"] .ndh-feature-no,.rr-product-ltr .ndh-feature-no{left:auto;right:10px}
html[dir="ltr"] .ndh-one,.rr-product-ltr .ndh-one{right:auto;left:0}
html[dir="ltr"] .ndh-two,.rr-product-ltr .ndh-two{left:auto;right:-2%}
@media(max-width:900px){html[dir="ltr"] .ndh-content,.rr-product-ltr .ndh-content{grid-column:1;grid-row:2;text-align:center}html[dir="ltr"] .ndh-stage,.rr-product-ltr .ndh-stage{grid-column:1;grid-row:1}html[dir="ltr"] .ndh-latin,.rr-product-ltr .ndh-latin,html[dir="ltr"] .ndh-lead,.rr-product-ltr .ndh-lead{text-align:center}html[dir="ltr"] .ndh-one,.rr-product-ltr .ndh-one{left:2%;right:auto}html[dir="ltr"] .ndh-two,.rr-product-ltr .ndh-two{right:1%;left:auto}}
