/* Munawar.in Futuristic HUD Motion System — 2026-09-23
   Visual-only enhancement. Does not alter authored content or page data. */
:root{--hud-x:50vw;--hud-y:50vh;--hud-accent:#2f7cff;--hud-cyan:#64d9ff;--hud-line:rgba(88,150,230,.24);--hud-bg:rgba(8,18,34,.82);--hud-ease:cubic-bezier(.22,1,.36,1)}
html{scroll-behavior:smooth}body{overflow-x:clip}.section-art,.home-art-section:before,.home-art-section:after{display:none!important}
/* boot */
.hud-boot{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;background:#07101e;color:#eaf6ff;transition:opacity .42s ease,visibility .42s ease}.hud-boot.out{opacity:0;visibility:hidden}.hud-boot-box{width:min(440px,82vw);font:600 11px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.hud-boot-brand{font:800 clamp(28px,6vw,52px)/1 system-ui,sans-serif;letter-spacing:-.045em;margin-bottom:20px}.hud-boot-brand span{color:#67dcff}.hud-boot-line{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.09);padding:5px 0;opacity:0;transform:translateY(5px);animation:hudBoot .28s forwards}.hud-boot-line:nth-child(3){animation-delay:.12s}.hud-boot-line:nth-child(4){animation-delay:.24s}.hud-boot-line:nth-child(5){animation-delay:.36s}.hud-ok{color:#72e6bd}@keyframes hudBoot{to{opacity:1;transform:none}}
/* ambient spatial field */
.hud-field{position:fixed;width:520px;height:520px;left:0;top:0;z-index:2;pointer-events:none;border-radius:50%;transform:translate3d(calc(var(--hud-x) - 260px),calc(var(--hud-y) - 260px),0);background:radial-gradient(circle,rgba(64,153,255,.10),rgba(72,217,255,.035) 36%,transparent 68%);filter:blur(12px);mix-blend-mode:screen;opacity:.72;will-change:transform}
/* progress */
.hud-progress{position:fixed;top:0;left:0;height:2px;width:100%;z-index:9999;pointer-events:none;background:linear-gradient(90deg,var(--hud-accent),var(--hud-cyan));transform:scaleX(0);transform-origin:left;box-shadow:0 0 16px rgba(80,190,255,.45)}
/* system indicators */
.hud-status{position:fixed;left:18px;bottom:18px;z-index:1200;display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--hud-line);border-radius:999px;background:color-mix(in srgb,var(--hud-bg) 82%,transparent);backdrop-filter:blur(16px);color:#d8ecff;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;box-shadow:0 12px 38px rgba(0,0,0,.13)}.hud-status-dot{width:6px;height:6px;border-radius:50%;background:#69e5b3;box-shadow:0 0 12px #69e5b3;animation:hudPulse 2.4s ease-in-out infinite}.hud-status-sep{width:1px;height:10px;background:rgba(255,255,255,.18)}@keyframes hudPulse{50%{opacity:.45;transform:scale(.72)}}
/* intelligence orb */
.hud-orb-wrap{position:fixed;right:22px;bottom:22px;z-index:1300}.hud-orb{width:54px;height:54px;border-radius:50%;border:1px solid rgba(110,209,255,.48);background:radial-gradient(circle at 35% 28%,#9ceaff 0 5%,#327dff 24%,#102d63 58%,#071426 74%);box-shadow:0 0 0 7px rgba(65,153,255,.055),0 0 35px rgba(53,160,255,.30),inset 0 0 18px rgba(255,255,255,.25);cursor:pointer;position:relative;transition:.35s var(--hud-ease);animation:hudFloat 4s ease-in-out infinite}.hud-orb:before,.hud-orb:after{content:"";position:absolute;border-radius:50%;inset:7px;border:1px solid rgba(255,255,255,.28);animation:hudSpin 7s linear infinite}.hud-orb:after{inset:14px;border-style:dashed;animation-direction:reverse;animation-duration:5s}.hud-orb:hover{transform:scale(1.08);box-shadow:0 0 0 9px rgba(65,153,255,.07),0 0 48px rgba(53,160,255,.45),inset 0 0 18px rgba(255,255,255,.3)}@keyframes hudSpin{to{transform:rotate(360deg)}}@keyframes hudFloat{50%{translate:0 -4px}}
.hud-orb-menu{position:absolute;right:0;bottom:66px;width:238px;padding:9px;border:1px solid var(--hud-line);border-radius:18px;background:rgba(7,18,35,.93);backdrop-filter:blur(22px);box-shadow:0 22px 70px rgba(0,0,0,.32);opacity:0;visibility:hidden;transform:translateY(10px) scale(.96);transform-origin:bottom right;transition:.3s var(--hud-ease)}.hud-orb-wrap.open .hud-orb-menu{opacity:1;visibility:visible;transform:none}.hud-orb-title{padding:9px 10px 7px;color:#77dfff;font:700 9px/1 ui-monospace,monospace;letter-spacing:.15em}.hud-orb-menu a,.hud-orb-menu button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:11px 10px;border:0;border-radius:11px;background:transparent;color:#e8f5ff;text-decoration:none;font:650 12px/1.2 system-ui,sans-serif;text-align:left;cursor:pointer}.hud-orb-menu a:hover,.hud-orb-menu button:hover{background:rgba(90,176,255,.11)}
/* scanner + holographic cards */
.hud-target{position:relative;isolation:isolate}.hud-target:before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;z-index:5;background:linear-gradient(110deg,transparent 20%,rgba(110,222,255,.0) 35%,rgba(110,222,255,.62) 49%,rgba(110,222,255,0) 63%,transparent 80%) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;background-size:250% 100%;background-position:180% 0;opacity:0;transition:opacity .25s}.hud-target:hover:before{opacity:1;animation:hudBorder 1.35s ease forwards}@keyframes hudBorder{to{background-position:-70% 0}}
.hud-corners{position:absolute;inset:-5px;pointer-events:none;z-index:8;opacity:0;transition:.22s}.hud-target:hover>.hud-corners{opacity:1}.hud-corners:before,.hud-corners:after{content:"";position:absolute;width:11px;height:11px;border-color:#7cddff}.hud-corners:before{left:0;top:0;border-left:1px solid;border-top:1px solid}.hud-corners:after{right:0;bottom:0;border-right:1px solid;border-bottom:1px solid}.hud-scan-label{position:absolute;right:8px;top:8px;z-index:9;padding:4px 6px;border-radius:6px;background:rgba(7,18,34,.78);color:#8de5ff;font:700 7px/1 ui-monospace,monospace;letter-spacing:.13em;opacity:0;transform:translateY(-3px);transition:.22s;pointer-events:none}.hud-target:hover>.hud-scan-label{opacity:1;transform:none}
/* visible section entrance without content mutation */
@media (prefers-reduced-motion:no-preference){.hud-reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity .7s var(--hud-ease),transform .8s var(--hud-ease)}.hud-reveal.hud-in{opacity:1;transform:none}.hero .visual{transition:transform .18s linear;will-change:transform}.hud-target{transition:transform .32s var(--hud-ease),box-shadow .32s ease}.hud-target:hover{transform:translateY(-4px);box-shadow:0 22px 60px rgba(17,70,125,.12)}}
/* command center */
.hud-command{position:fixed;inset:0;z-index:50000;display:grid;place-items:start center;padding-top:min(15vh,130px);background:rgba(3,9,18,.58);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:.22s}.hud-command.open{opacity:1;visibility:visible}.hud-command-panel{width:min(680px,calc(100vw - 28px));border:1px solid rgba(115,196,255,.28);border-radius:22px;background:rgba(8,18,34,.96);box-shadow:0 35px 100px rgba(0,0,0,.42);overflow:hidden;transform:translateY(-10px) scale(.985);transition:.3s var(--hud-ease)}.hud-command.open .hud-command-panel{transform:none}.hud-command-head{display:flex;align-items:center;gap:12px;padding:17px 18px;border-bottom:1px solid rgba(255,255,255,.09)}.hud-command-head span{color:#74dcff;font-size:20px}.hud-command-input{flex:1;border:0!important;outline:0!important;background:transparent!important;color:#eef8ff!important;font:600 16px/1.2 system-ui,sans-serif!important;box-shadow:none!important}.hud-command-input::placeholder{color:#7890aa}.hud-command-key{padding:5px 7px;border:1px solid rgba(255,255,255,.13);border-radius:7px;color:#8ba3ba;font:700 9px/1 ui-monospace,monospace}.hud-command-results{padding:9px;max-height:420px;overflow:auto}.hud-command-item{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;border-radius:12px;color:#e9f5ff;text-decoration:none}.hud-command-item:hover,.hud-command-item.active{background:rgba(74,158,255,.12)}.hud-command-item strong{font:700 13px/1.2 system-ui,sans-serif}.hud-command-item small{display:block;margin-top:4px;color:#829bb3;font:500 10px/1.2 system-ui,sans-serif}.hud-command-item b{color:#76dcff;font:500 13px/1 system-ui,sans-serif}
/* preserve heading sharpness */
:is(h1,h2,h3,.section-head,.hero-title,.page-title){filter:none!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
@media(max-width:1024px){.hud-field{opacity:.38}.hud-target:hover{transform:none}.hud-scan-label,.hud-corners{display:none}.hud-rail{display:none}}
@media(max-width:820px){html{scroll-behavior:auto}.hud-field{display:none}.hud-status{left:10px;bottom:10px;padding:7px 8px}.hud-status .hud-device,.hud-status .hud-status-sep:last-of-type{display:none}.hud-orb-wrap{right:14px;bottom:14px}.hud-orb{width:50px;height:50px}.hud-target:before{display:none}.hud-reveal{transform:none!important;filter:none!important}.hero .visual{transform:none!important}:is(h1,h2,h3,.section-head,.eyebrow,.page-title){transform:none!important;filter:none!important;will-change:auto!important;backface-visibility:visible!important}}
@media(max-width:560px){.hud-status{font-size:8px}.hud-command{padding-top:8vh}.hud-command-panel{border-radius:17px}.hud-orb-menu{width:min(238px,calc(100vw - 28px))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.hud-boot{display:none!important}.hud-field{display:none}.hud-orb,.hud-orb:before,.hud-orb:after,.hud-status-dot{animation:none!important}.hud-reveal{opacity:1!important;transform:none!important}.hud-target,.hud-target:before{transition:none!important;animation:none!important}}

/* Inside Munawar.in — automatic cinematic overview */
html.hud-trailer-lock,html.hud-trailer-lock body{overflow:hidden!important}
.hud-trailer{position:fixed;inset:0;z-index:90000;background:radial-gradient(circle at 70% 20%,rgba(27,104,190,.22),transparent 32%),radial-gradient(circle at 18% 80%,rgba(46,204,224,.12),transparent 30%),#06101d;color:#edf8ff;opacity:0;visibility:hidden;transform:scale(.985);transition:opacity .35s ease,transform .55s var(--hud-ease),visibility .35s;overflow:hidden}.hud-trailer.open{opacity:1;visibility:visible;transform:none}.hud-trailer-grid{position:absolute;inset:-10%;opacity:.18;background-image:linear-gradient(rgba(111,193,255,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(111,193,255,.10) 1px,transparent 1px);background-size:54px 54px;transform:perspective(700px) rotateX(62deg) translateY(34%);transform-origin:center bottom;animation:hudGrid 10s linear infinite}.hud-trailer-glow{position:absolute;width:56vw;height:56vw;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(58,161,255,.18),rgba(63,223,255,.06) 32%,transparent 66%);filter:blur(10px);animation:hudTrailerGlow 5s ease-in-out infinite}.hud-trailer-top{position:absolute;left:clamp(18px,4vw,58px);right:clamp(18px,4vw,58px);top:clamp(16px,3vw,36px);z-index:4;display:flex;justify-content:space-between;align-items:center;color:#85dfff;font:700 9px/1 ui-monospace,monospace;letter-spacing:.18em}.hud-trailer-top button,.hud-trailer-controls button{border:1px solid rgba(119,211,255,.24);background:rgba(7,22,40,.56);color:#ccecff;border-radius:999px;padding:8px 11px;font:700 9px/1 ui-monospace,monospace;letter-spacing:.12em;cursor:pointer}.hud-trailer-stage{position:absolute;inset:0;z-index:2}.hud-trailer-scene{position:absolute;inset:0;display:grid;align-content:center;padding:clamp(70px,9vw,130px) clamp(22px,8vw,130px);opacity:0;transform:scale(1.08);filter:blur(12px)}.hud-trailer-scene.live{animation:hudSceneIn .8s var(--hud-ease) forwards}.hud-trailer-index{position:absolute;left:clamp(22px,8vw,130px);top:18%;font:700 10px/1 ui-monospace,monospace;letter-spacing:.16em;color:#6bcfff}.hud-trailer-ghost{position:absolute;left:-2vw;top:50%;transform:translateY(-52%);font:900 clamp(100px,23vw,340px)/.72 system-ui,sans-serif;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(114,203,255,.11);white-space:nowrap;animation:hudGhost 4s ease-out both}.hud-trailer-copy{position:relative;z-index:3;width:min(760px,72vw)}.hud-trailer-kicker{margin-bottom:16px;color:#75ddff;font:800 10px/1 ui-monospace,monospace;letter-spacing:.2em;opacity:0;animation:hudRise .6s .15s var(--hud-ease) forwards}.hud-trailer-copy h2{margin:0!important;color:#f2f9ff!important;font:850 clamp(46px,8.4vw,126px)/.84 system-ui,sans-serif!important;letter-spacing:-.065em!important;max-width:1000px;opacity:0;transform:translateY(36px) scale(.96);animation:hudTitle .85s .08s var(--hud-ease) forwards}.hud-trailer-copy p{max-width:640px;margin:24px 0 0!important;color:#a9c5da!important;font:550 clamp(13px,1.25vw,18px)/1.55 system-ui,sans-serif!important;opacity:0;transform:translateY(18px);animation:hudRise .7s .35s var(--hud-ease) forwards}.hud-trailer-cards{position:absolute;right:5vw;top:50%;width:min(39vw,540px);height:min(58vh,520px);transform:translateY(-50%);perspective:1000px}.hud-trailer-card{position:absolute;width:clamp(160px,18vw,260px);height:clamp(92px,12vw,150px);padding:16px 17px;border:1px solid rgba(123,211,255,.23);border-radius:18px;background:linear-gradient(145deg,rgba(17,43,72,.82),rgba(7,20,38,.64));backdrop-filter:blur(16px);box-shadow:0 30px 80px rgba(0,0,0,.25);opacity:0;overflow:hidden}.hud-trailer-card span{display:block;color:#68d9ff;font:700 9px/1 ui-monospace,monospace;letter-spacing:.15em}.hud-trailer-card strong{position:absolute;left:16px;bottom:16px;right:16px;font:800 clamp(11px,1.1vw,15px)/1.15 system-ui,sans-serif;letter-spacing:.02em}.hud-trailer-card i{position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#78e5ff,transparent);animation:hudScan 2.4s linear infinite}.hud-trailer-card.c1{left:0;top:4%;animation:hudCard1 .8s .2s var(--hud-ease) forwards}.hud-trailer-card.c2{right:0;top:25%;animation:hudCard2 .8s .32s var(--hud-ease) forwards}.hud-trailer-card.c3{left:8%;bottom:8%;animation:hudCard3 .8s .44s var(--hud-ease) forwards}.hud-trailer-card.c4{right:5%;bottom:1%;animation:hudCard4 .8s .56s var(--hud-ease) forwards}.hud-trailer-controls{position:absolute;z-index:5;left:clamp(18px,4vw,58px);right:clamp(18px,4vw,58px);bottom:clamp(16px,3vw,32px);display:flex;align-items:center;gap:12px}.hud-trailer-time{width:42px;color:#8fdfff;font:700 9px/1 ui-monospace,monospace}.hud-trailer-track{height:2px;flex:1;background:rgba(130,205,255,.13);overflow:hidden}.hud-trailer-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#347cff,#70e5ff);transform:scaleX(0);transform-origin:left;will-change:transform}.hud-trailer-actions{position:absolute;z-index:6;left:clamp(22px,8vw,130px);bottom:14%;display:flex;gap:10px;flex-wrap:wrap}.hud-trailer-actions a,.hud-trailer-actions button{padding:11px 15px;border:1px solid rgba(116,213,255,.26);border-radius:999px;background:rgba(14,43,72,.68);color:#e8f7ff;text-decoration:none;font:750 10px/1 system-ui,sans-serif;cursor:pointer}.hud-trailer-actions a:hover,.hud-trailer-actions button:hover{background:rgba(57,133,210,.30)}
@keyframes hudSceneIn{to{opacity:1;transform:none;filter:none}}@keyframes hudTitle{to{opacity:1;transform:none}}@keyframes hudRise{to{opacity:1;transform:none}}@keyframes hudGhost{from{transform:translate(-5vw,-52%) scale(.92)}to{transform:translate(3vw,-52%) scale(1.03)}}@keyframes hudCard1{from{opacity:0;transform:translate3d(90px,-40px,-180px) rotateY(-18deg)}to{opacity:1;transform:rotate(-4deg)}}@keyframes hudCard2{from{opacity:0;transform:translate3d(120px,20px,-240px) rotateY(-24deg)}to{opacity:1;transform:rotate(5deg)}}@keyframes hudCard3{from{opacity:0;transform:translate3d(-80px,70px,-160px) rotateY(16deg)}to{opacity:1;transform:rotate(3deg)}}@keyframes hudCard4{from{opacity:0;transform:translate3d(80px,90px,-220px) rotateY(-18deg)}to{opacity:.9;transform:rotate(-5deg) scale(.9)}}@keyframes hudScan{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes hudGrid{to{background-position:0 54px,54px 0}}@keyframes hudTrailerGlow{50%{transform:translate(-50%,-50%) scale(1.13);opacity:.7}}
@media(max-width:820px){.hud-trailer-scene{padding:82px 22px 86px;align-content:start;padding-top:22vh}.hud-trailer-index{left:22px;top:15%}.hud-trailer-ghost{top:37%;font-size:38vw}.hud-trailer-copy{width:100%}.hud-trailer-copy h2{font-size:clamp(42px,14vw,76px)!important}.hud-trailer-copy p{max-width:90%;font-size:13px!important}.hud-trailer-cards{left:22px;right:22px;top:auto;bottom:12%;width:auto;height:30vh;transform:none}.hud-trailer-card{width:42vw;height:86px;padding:12px;border-radius:14px}.hud-trailer-card strong{left:12px;right:12px;bottom:12px;font-size:10px}.hud-trailer-card.c1{left:0;top:0}.hud-trailer-card.c2{right:0;top:20px}.hud-trailer-card.c3{left:8%;bottom:0}.hud-trailer-card.c4{right:4%;bottom:4px}.hud-trailer-actions{left:22px;bottom:13%;right:22px}.hud-trailer-controls{gap:8px}.hud-trailer-controls button{padding:7px 8px;font-size:8px}.hud-trailer-time{display:none}}
@media(max-width:560px){.hud-trailer-top>span{font-size:7px}.hud-trailer-copy p{max-width:100%}.hud-trailer-cards{bottom:14%;height:26vh}.hud-trailer-card{height:74px}.hud-trailer-actions{bottom:15%}}
@media(prefers-reduced-motion:reduce){.hud-trailer-grid,.hud-trailer-glow,.hud-trailer-card,.hud-trailer-card i,.hud-trailer-ghost{animation:none!important}.hud-trailer-scene{opacity:1;transform:none;filter:none}.hud-trailer-kicker,.hud-trailer-copy h2,.hud-trailer-copy p,.hud-trailer-card{opacity:1;transform:none;animation:none!important}}