/* ===== NOORTECH hero rotator — 7 hero designs + matching menu themes ===== */
.nt-hx{position:relative;display:grid;overflow:hidden;background:#221d4e;font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif}
.nt-hx>.hx-slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s;position:relative;min-height:100vh;padding:72px 0 0;display:flex;align-items:center;overflow:hidden}
.nt-hx>.hx-slide.is-active{opacity:1;visibility:visible;z-index:2}
.nt-hx>.nt-hero.hx-slide{align-items:stretch;flex-direction:column;display:flex}
.hx-in{position:relative;z-index:2;width:100%}
.hx-serif{font-family:'Fraunces',Georgia,serif;font-weight:700}
.hx-eye{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}
.hx-eye:before{content:'';width:26px;height:2px;background:#f0b429}
.hx-h{font-family:'Fraunces',Georgia,serif;font-weight:700;letter-spacing:-.03em;line-height:1.05;margin:22px 0 0;font-size:clamp(36px,5.4vw,76px)}
.hx-sub{font-size:clamp(16px,1.4vw,19px);line-height:1.7;margin:22px 0 0;max-width:560px}
.hx-btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.hx-btn{display:inline-block;padding:16px 30px;border-radius:100px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em;text-decoration:none !important;transition:transform .2s,box-shadow .2s,background .2s}
.hx-btn:hover{transform:translateY(-3px)}
.hx-gold{background:#f0b429;color:#2b2560 !important}.hx-gold:hover{background:#ffc83d}
.hx-ind{background:#4a3f96;color:#fff !important}
.hx-gd{border:1.5px solid rgba(255,255,255,.4);color:#fff !important}.hx-gd:hover{background:rgba(255,255,255,.12)}
.hx-gl{border:1.5px solid #4a3f96;color:#4a3f96 !important}.hx-gl:hover{background:#4a3f96;color:#fff !important}
.hx-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.hx-dark{background:radial-gradient(120% 90% at 12% 0%,rgba(139,131,212,.55),transparent 55%),radial-gradient(100% 80% at 92% 100%,rgba(111,102,189,.5),transparent 58%),linear-gradient(150deg,#3a3179,#2b2560 48%,#221d4e);color:#fff}
.hx-tag{display:inline-block;padding:14px 22px;border-radius:100px;font-weight:700;font-size:14px}

/* S2 aurora glass */
.hx-a{background:#1b1745;color:#fff}
.hx-a .b{position:absolute;border-radius:50%;filter:blur(120px)}
.hx-a .b1{width:640px;height:640px;background:#6f66bd;opacity:.75;left:-120px;top:-160px}
.hx-a .b2{width:520px;height:520px;background:#f0b429;opacity:.4;right:-100px;top:60px}
.hx-a .b3{width:560px;height:560px;background:#4a3f96;opacity:.9;right:25%;bottom:-300px}
.hx-a .glass{max-width:960px;margin:0 auto;padding:clamp(28px,5vw,64px);border-radius:36px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 40px 90px rgba(0,0,0,.35);text-align:center}
.hx-a .hx-eye{justify-content:center;color:#f0b429}.hx-a .hx-h em{color:#f0b429;font-style:normal}
.hx-a .hx-sub{margin-left:auto;margin-right:auto;opacity:.85}.hx-a .hx-btns{justify-content:center}
.hx-a .chips{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.hx-a .hx-tag{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);color:#fff}
.hx-a .hx-tag.g{background:#f0b429;color:#2b2560;border-color:#f0b429}

/* S3 poster */
.hx-p{background:#f4efe3;color:#2b2560;align-items:stretch !important;flex-direction:column;padding-bottom:0 !important}
.hx-p .hx-in{flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:20px;padding-bottom:40px}
.hx-p .hx-eye{color:#4a3f96}
.hx-p .big{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:clamp(56px,13vw,200px);line-height:.88;letter-spacing:-.05em;margin:18px 0 0;color:#2b2560}
.hx-p .big em{color:#5b53a5}
.hx-p .row{display:flex;gap:40px;align-items:center;flex-wrap:wrap;margin-top:34px}
.hx-p .row p{max-width:420px;margin:0;font-size:17px;line-height:1.65;color:#535575}
.hx-p .badge{position:absolute;right:6%;top:34%;width:clamp(120px,13vw,190px);aspect-ratio:1;border-radius:50%;background:#f0b429;display:grid;place-items:center;text-align:center;color:#2b2560;font-weight:800;font-size:14px;line-height:1.3;transform:rotate(-10deg);box-shadow:0 20px 50px rgba(43,37,96,.2);z-index:3}
.hx-p .strip{background:#2b2560;color:#fff;height:64px;overflow:hidden;display:flex;align-items:center;white-space:nowrap}
.hx-p .strip div{display:flex;gap:48px;padding-left:40px;font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;animation:hx-mq 28s linear infinite}
.hx-p .strip b{color:#f0b429}
@keyframes hx-mq{to{transform:translateX(-50%)}}

/* S4 devices */
.hx-d{color:#fff}
.hx-d .hx-eye{color:#f0b429}.hx-d .hx-h em{color:#f0b429;font-style:normal}.hx-d .hx-sub{opacity:.8}
.hx-d .stage{position:relative;height:460px}
.hx-d .lap{position:absolute;left:0;top:20px;width:88%;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 40px 90px rgba(0,0,0,.4);overflow:hidden;height:340px}
.hx-d .lap .bar{height:34px;background:#f6f5fd;display:flex;align-items:center;padding:0 14px;gap:6px}
.hx-d .lap .bar i{width:9px;height:9px;border-radius:50%;background:#e8697d}.hx-d .lap .bar i:nth-child(2){background:#f0b429}.hx-d .lap .bar i:nth-child(3){background:#8b83d4}
.hx-d .lap .bd{display:flex;height:306px}.hx-d .lap .sd{width:19%;background:#2b2560}
.hx-d .lap .mn{flex:1;padding:18px}.hx-d .lap .t{height:56px;background:#f6f5fd;border-radius:10px}
.hx-d .lap .ch{margin-top:12px;height:170px;background:#f6f5fd;border-radius:10px;display:flex;align-items:flex-end;gap:10px;padding:14px}
.hx-d .lap .ch i{flex:1;border-radius:5px;background:#8b83d4}.hx-d .lap .ch i:nth-child(2n){background:#6f66bd}.hx-d .lap .ch i:last-child{background:#f0b429}
.hx-d .base{position:absolute;left:-3%;top:360px;width:94%;height:12px;background:#d9d5f5;border-radius:0 0 20px 20px}
.hx-d .ph{position:absolute;right:0;top:100px;width:200px;height:380px;background:#16142e;border-radius:34px;padding:9px;box-shadow:0 40px 80px rgba(0,0,0,.5)}
.hx-d .ph .sc{height:100%;border-radius:26px;background:#fff;padding:20px 14px;color:#16142e;font-size:12.5px}
.hx-d .ph .k{margin:12px 0 8px;background:#4a3f96;color:#fff;border-radius:12px;padding:12px}
.hx-d .ph .o{margin-top:7px;background:#f6f5fd;border-radius:10px;padding:10px}
.hx-d .ph .n{margin-top:7px;background:#f0b429;color:#2b2560;border-radius:10px;padding:10px;font-weight:700}
.hx-d .toast{position:absolute;left:4%;bottom:10px;padding:14px 20px;border-radius:14px;background:#fff;color:#4a3f96;font-weight:700;font-size:14px;box-shadow:0 20px 50px rgba(0,0,0,.3)}

/* S5 layers */
.hx-l{background:#fbfaff;color:#16142e}
.hx-l .hx-eye{color:#5b53a5}.hx-l .hx-h em{color:#5b53a5;font-style:normal}.hx-l .hx-sub{color:#535575}
.hx-l .iso{position:relative;height:520px;perspective:1600px}
.hx-l .iso .pl{position:absolute;inset:0;transform:rotateX(58deg) rotateZ(-38deg);transform-style:preserve-3d}
.hx-l .iso .pl i{position:absolute;left:25%;top:12%;width:55%;aspect-ratio:1;border-radius:26px;box-shadow:30px 30px 50px rgba(43,37,96,.25)}
.hx-l .iso .pl i:nth-child(1){background:#2b2560}.hx-l .iso .pl i:nth-child(2){background:#4a3f96;transform:translateZ(60px)}.hx-l .iso .pl i:nth-child(3){background:#8b83d4;transform:translateZ(120px)}.hx-l .iso .pl i:nth-child(4){background:#f0b429;transform:translateZ(180px)}
.hx-l .lb{position:absolute;right:0;font-weight:700;font-size:14px;color:#2b2560}
.hx-l .lb1{top:14%}.hx-l .lb2{top:34%}.hx-l .lb3{top:54%}.hx-l .lb4{top:74%}

/* S6 code */
.hx-c{background:#171434;color:#fff}
.hx-c:before{content:'';position:absolute;right:-100px;top:-120px;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(111,102,189,.5),transparent 65%)}
.hx-c .hx-eye{color:#f0b429}.hx-c .hx-h em{color:#f0b429;font-style:normal}.hx-c .hx-sub{opacity:.78}
.hx-c .win{border-radius:16px;background:#1e1a46;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 90px rgba(0,0,0,.5);overflow:hidden;color:#c9c4ee}
.hx-c .win .tb{height:42px;background:#27225a;display:flex;align-items:center;padding:0 16px;gap:7px;font-size:12px}
.hx-c .win .tb i{width:10px;height:10px;border-radius:50%;background:#e8697d}.hx-c .win .tb i:nth-child(2){background:#f0b429}.hx-c .win .tb i:nth-child(3){background:#8b83d4}
.hx-c pre{margin:0;padding:22px 24px;font:14px/1.85 Consolas,Menlo,monospace;color:#c9c4ee;background:none;overflow:auto}
.hx-c pre .k{color:#8b83d4}.hx-c pre .f{color:#f0b429}.hx-c pre .s{color:#a9e3b8}
.hx-c .res{border-top:1px solid rgba(255,255,255,.12);padding:14px 24px;background:#17143a;font:13.5px Consolas,Menlo,monospace}
.hx-c .res b{color:#f0b429}

/* S7 gold */
.hx-g{background:#f0b429;color:#2b2560}
.hx-g .c1{position:absolute;right:-160px;top:-160px;width:640px;height:640px;border-radius:50%;background:#2b2560}
.hx-g .c2{position:absolute;right:10%;bottom:8%;width:260px;height:260px;border-radius:50%;border:44px solid #4a3f96;opacity:.9}
.hx-g .hx-eye{color:#2b2560}.hx-g .hx-eye:before{background:#2b2560}
.hx-g .hx-h{font-size:clamp(40px,7vw,108px);line-height:.98;letter-spacing:-.04em;max-width:900px}
.hx-g .hx-sub{opacity:.85}
.hx-g .hx-btn.d{background:#2b2560;color:#fff !important}.hx-g .hx-btn.o{border:1.5px solid #2b2560;color:#2b2560 !important}
.hx-g .stat{position:absolute;right:6%;top:26%;text-align:right;color:#fff;z-index:3}
.hx-g .stat b{display:block;font-family:'Fraunces',Georgia,serif;font-size:clamp(56px,7vw,100px);line-height:1;color:#f0b429}
.hx-g .stat span{opacity:.85;font-size:16px}

/* dots */
.hx-dots{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:10px;z-index:6}
.hx-dots button{width:10px;height:10px;border-radius:10px;border:0;padding:0;background:rgba(255,255,255,.4);cursor:pointer;transition:width .3s,background .3s}
.hx-dots button.on{width:30px;background:#f0b429}
.nt-hx[data-theme=light] .hx-dots button{background:rgba(43,37,96,.3)}
.nt-hx[data-theme=light] .hx-dots button.on{background:#4a3f96}

@media(max-width:991px){
 .hx-split{grid-template-columns:minmax(0,1fr);gap:34px}
 .hx-d .stage{height:400px}.hx-d .ph{width:150px;height:290px;top:120px}.hx-d .ph .sc{font-size:10.5px}
 .hx-l .iso{height:340px}.hx-l .lb{display:none}
 .hx-p .badge{display:none}.hx-g .stat,.hx-g .c2{display:none}
 .nt-hx>.hx-slide{padding-bottom:60px}
}
@media(prefers-reduced-motion:reduce){.nt-hx>.hx-slide{transition:none}.hx-p .strip div{animation:none}}

/* ===== Navigation themes (menu changes with the hero) ===== */
#nt-navbar[data-hx]{transition:background .6s ease,box-shadow .6s ease}
#nt-navbar[data-hx=glass]{background:rgba(255,255,255,.07) !important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.14)}
#nt-navbar[data-hx=ink]{background:rgba(23,20,52,.94) !important}
#nt-navbar[data-hx=cream],#nt-navbar[data-hx=white],#nt-navbar[data-hx=gold]{box-shadow:0 1px 0 rgba(43,37,96,.1) !important}
#nt-navbar[data-hx=cream]{background:rgba(244,239,227,.94) !important}
#nt-navbar[data-hx=white]{background:rgba(251,250,255,.94) !important}
#nt-navbar[data-hx=gold]{background:#f0b429 !important}
#nt-navbar[data-hx=cream] .nt-nav-logo-name,#nt-navbar[data-hx=white] .nt-nav-logo-name,#nt-navbar[data-hx=gold] .nt-nav-logo-name{color:#2b2560}
#nt-navbar[data-hx=cream] .nt-nav-logo-tagline,#nt-navbar[data-hx=white] .nt-nav-logo-tagline,#nt-navbar[data-hx=gold] .nt-nav-logo-tagline{color:rgba(43,37,96,.55)}
#nt-navbar[data-hx=cream] .nt-nav-links li a,#nt-navbar[data-hx=white] .nt-nav-links li a,#nt-navbar[data-hx=gold] .nt-nav-links li a{color:rgba(43,37,96,.8)}
#nt-navbar[data-hx=cream] .nt-nav-links li a:hover,#nt-navbar[data-hx=white] .nt-nav-links li a:hover,#nt-navbar[data-hx=gold] .nt-nav-links li a:hover,#nt-navbar[data-hx=cream] .nt-nav-links li.nt-active a,#nt-navbar[data-hx=white] .nt-nav-links li.nt-active a,#nt-navbar[data-hx=gold] .nt-nav-links li.nt-active a{color:#2b2560;background:rgba(43,37,96,.07)}
#nt-navbar[data-hx=gold] .nt-nav-links li a::after{background:#2b2560}
#nt-navbar[data-hx=gold] .nt-nav-cta{background:#2b2560;color:#fff !important;box-shadow:none}
#nt-navbar[data-hx=cream] .nt-hamburger span,#nt-navbar[data-hx=white] .nt-hamburger span,#nt-navbar[data-hx=gold] .nt-hamburger span{background:#2b2560}
#nt-navbar[data-hx=cream] .nt-hamburger,#nt-navbar[data-hx=white] .nt-hamburger,#nt-navbar[data-hx=gold] .nt-hamburger{border-color:rgba(43,37,96,.25);background:rgba(43,37,96,.05)}
@media(max-width:991px){
 .nt-hx>.hx-slide:not(.nt-hero):not(.hx-p){align-items:flex-start;padding-top:104px;padding-bottom:70px}
 .hx-l .iso{height:300px;overflow:hidden;margin-top:10px}
 .hx-l .iso .pl i{left:22%;top:8%;width:50%}
 .hx-d .stage{margin-top:6px}
 .hx-a .glass{border-radius:26px}
 .hx-g .hx-h{font-size:clamp(38px,10vw,64px)}
}
.nt-hx .hx-h,.nt-hx .hx-sub,.nt-hx .hx-p .big{color:inherit !important}
.nt-hx .hx-h em{color:inherit}
.nt-hx .hx-a .hx-h em,.nt-hx .hx-d .hx-h em,.nt-hx .hx-c .hx-h em,.hx-a .hx-h em,.hx-d .hx-h em,.hx-c .hx-h em{color:#f0b429 !important}
.hx-l .hx-h em{color:#5b53a5 !important}
.hx-p .big em{color:#5b53a5 !important}
.hx-g .hx-h em{color:#4a3f96 !important}
.hx-h{margin-left:0;margin-right:0}
@media(max-width:991px){.hx-g .c1{width:240px;height:240px;right:-90px;top:-90px}}
@media(min-width:992px) and (max-width:1300px){.hx-g .c1{width:520px;height:520px}.hx-g .hx-h{max-width:640px}}
body:has(#nt-hx) .nt-nav-spacer{display:none}
@media(max-width:991px){.hx-p .hx-in{justify-content:flex-start;padding-top:56px}}
/* uploaded logo is the light (white-text) version: flip it on light nav themes */
#nt-navbar[data-hx=cream] .nt-nav-logo-img,#nt-navbar[data-hx=white] .nt-nav-logo-img,#nt-navbar[data-hx=gold] .nt-nav-logo-img{filter:invert(1) hue-rotate(180deg)}