/* ═══════════════════════════════════════════════════════════════════
   KATARMAL — HOME V4 · "COMMAND DECK"
   A precision HUD / interface aesthetic: blueprint grid, monospace
   telemetry, corner-bracket framing, scan lines, reticle-locked robot.
   Scoped under .home-v2 + .hud-* classes. Other pages untouched.
   ═══════════════════════════════════════════════════════════════════ */

html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}

.home-v2{
  --fm:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --hud:#22d3ee;            /* primary neon (cyan) */
  --hud2:#38bdf8;           /* secondary neon (blue) */
  --hud-line:rgba(56,189,248,.16);
  --hud-line-2:rgba(56,189,248,.30);
  --hud-bg:#04070e;
  --hud-panel:rgba(7,15,28,.62);
  --hud-ease:cubic-bezier(.16,1,.3,1);
  background:var(--hud-bg);
}

/* ── Blueprint grid + scanline backdrop (fixed) ── */
.hud-bg{position:fixed;inset:0;z-index:-1;pointer-events:none}
.hud-bg::before{content:'';position:absolute;inset:0;
  background-image:
    linear-gradient(var(--hud-line) 1px,transparent 1px),
    linear-gradient(90deg,var(--hud-line) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask:radial-gradient(ellipse 90% 70% at 50% 30%,#000 0%,rgba(0,0,0,.35) 60%,transparent 100%);
          mask:radial-gradient(ellipse 90% 70% at 50% 30%,#000 0%,rgba(0,0,0,.35) 60%,transparent 100%);
  opacity:.5}
.hud-bg::after{content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(37,99,235,.12),transparent 70%)}
/* moving scanline */
.hud-scan{position:fixed;left:0;right:0;height:140px;z-index:0;pointer-events:none;
  background:linear-gradient(to bottom,transparent,rgba(56,189,248,.04),transparent);
  animation:hudScan 9s linear infinite}
@keyframes hudScan{0%{top:-140px}100%{top:100%}}
@media(prefers-reduced-motion:reduce){.hud-scan{display:none}}

/* ── Monospace label / tag ── */
.hud-tag{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--fm);
  font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--hud)}
.hud-tag .dot{width:6px;height:6px;border-radius:50%;background:var(--hud);
  box-shadow:0 0 8px var(--hud);animation:hudBlink 1.6s steps(1) infinite}
@keyframes hudBlink{0%,60%{opacity:1}61%,100%{opacity:.25}}
.hud-tag .br{color:var(--hud2);opacity:.7}

/* mono micro text */
.hud-mono{font-family:var(--fm);font-size:.72rem;letter-spacing:.05em;color:var(--t4)}

/* ── Corner-bracket frame helper (TL + BR) ── */
.hud-cut{position:relative}
.hud-cut::before,.hud-cut::after{content:'';position:absolute;width:12px;height:12px;
  border:1.5px solid var(--hud);pointer-events:none}
.hud-cut::before{top:-1px;left:-1px;border-right:0;border-bottom:0}
.hud-cut::after{bottom:-1px;right:-1px;border-left:0;border-top:0}

/* ════════════════ BOOT LOADER ════════════════ */
.hud-loader{position:fixed;inset:0;z-index:100000;background:#03050b;
  display:flex;flex-direction:column;justify-content:center;padding:clamp(1.5rem,6vw,5rem);
  font-family:var(--fm);animation:hudLoadAuto 0s linear 4s forwards}
.hud-loader.done{opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s}
@keyframes hudLoadAuto{to{opacity:0;visibility:hidden}}
.hud-boot{max-width:560px;width:100%}
.hud-boot-line{font-size:.8rem;color:var(--t3);margin-bottom:.5rem;opacity:0;
  display:flex;gap:.7rem}
.hud-boot-line .ok{color:var(--hud);margin-left:auto}
.hud-boot-line.show{opacity:1}
.hud-boot-bar{margin-top:1.4rem;height:3px;background:rgba(56,189,248,.12);position:relative;overflow:hidden}
.hud-boot-bar i{position:absolute;inset:0;transform:scaleX(0);transform-origin:left;
  background:linear-gradient(90deg,var(--hud2),var(--hud))}
.hud-boot-pct{margin-top:.6rem;font-size:.72rem;color:var(--hud);letter-spacing:.1em}

/* ════════════════ NAV ════════════════ */
.home-v2 #hdr::after{opacity:0!important}
.home-v2 #hdr:not(.on)::before{opacity:0!important}
.home-v2 .nl,.home-v2 .logo-tag{font-family:var(--fm)}
.home-v2 .nl{font-size:.78rem;letter-spacing:.04em}

/* ════════════════ HERO ════════════════ */
.home-v2 .hero{min-height:100svh;display:flex;align-items:center;
  padding:clamp(110px,14vh,150px) 0 clamp(70px,9vh,110px);overflow:clip}
.home-v2 .hero-spline-bg{z-index:1}
.home-v2 .hero-spline-bg spline-viewer{transform:scale(1.02) translateY(6%);transform-origin:center 40%}
.home-v2 .spline-overlay{background:
  linear-gradient(to bottom,rgba(4,7,14,.55) 0%,transparent 30%,transparent 60%,rgba(4,7,14,.92) 100%),
  radial-gradient(ellipse 55% 40% at 50% 50%,transparent 45%,rgba(4,7,14,.3) 100%)}
.home-v2 .spline-tint{opacity:.5}

.hud-hero-grid{position:relative;z-index:10;display:grid;
  grid-template-columns:1fr;gap:2rem;width:100%}
.hud-hero-main{max-width:760px}
.hud-hero-h1{font-family:var(--fh);font-weight:900;letter-spacing:-.04em;line-height:.96;
  font-size:clamp(2.6rem,7.5vw,6.4rem);color:var(--t0);margin:1.4rem 0 1.4rem;
  text-shadow:0 2px 40px rgba(0,0,0,.6)}
.hud-hero-h1 em{font-style:normal;color:var(--hud)}
.hud-hero-sub{font-family:var(--fm);font-size:clamp(.85rem,1.2vw,1rem);color:var(--t2);
  line-height:1.7;max-width:520px;border-left:2px solid var(--hud-line-2);padding-left:1rem}
.hud-hero-btns{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}

/* reticle frame around robot (4 corners) */
.hud-reticle{position:absolute;inset:clamp(60px,12vh,130px) clamp(20px,12vw,180px);
  z-index:6;pointer-events:none}
.hud-reticle span{position:absolute;width:26px;height:26px;border:2px solid var(--hud-line-2)}
.hud-reticle .tl{top:0;left:0;border-right:0;border-bottom:0}
.hud-reticle .tr{top:0;right:0;border-left:0;border-bottom:0}
.hud-reticle .bl{bottom:0;left:0;border-right:0;border-top:0}
.hud-reticle .br{bottom:0;right:0;border-left:0;border-top:0}
.hud-reticle .cross{top:50%;left:50%;width:14px;height:14px;border:0;transform:translate(-50%,-50%);
  background:
    linear-gradient(var(--hud),var(--hud)) center/2px 14px no-repeat,
    linear-gradient(var(--hud),var(--hud)) center/14px 2px no-repeat;opacity:.5}
/* data callouts */
.hud-callout{position:absolute;z-index:7;font-family:var(--fm);font-size:.66rem;
  letter-spacing:.08em;color:var(--hud);display:flex;align-items:center;gap:.5rem;pointer-events:none}
.hud-callout::before{content:'';width:clamp(20px,4vw,46px);height:1px;background:var(--hud-line-2)}
.hud-callout .v{color:var(--t1)}
.hud-c1{top:24%;left:4%}
.hud-c2{top:42%;right:5%;flex-direction:row-reverse}
.hud-c2::before{background:var(--hud-line-2)}
.hud-c3{bottom:26%;left:7%}

/* telemetry strip */
.hud-telemetry{position:absolute;left:0;right:0;bottom:20px;z-index:10;
  display:flex;gap:clamp(1rem,4vw,3rem);justify-content:center;flex-wrap:wrap;
  font-family:var(--fm);font-size:.66rem;letter-spacing:.1em;color:var(--t4);
  border-top:1px solid var(--hud-line);padding-top:.9rem;margin:0 clamp(20px,5vw,60px)}
.hud-telemetry b{color:var(--hud);font-weight:500}

/* ════════════════ HUD BUTTON ════════════════ */
.hud-btn{position:relative;display:inline-flex;align-items:center;gap:.6rem;
  font-family:var(--fm);font-size:.82rem;font-weight:500;letter-spacing:.06em;cursor:none;
  padding:14px 24px;text-decoration:none;text-transform:uppercase;
  transition:background .25s,color .25s,box-shadow .25s}
.hud-btn-p{background:var(--hud);color:#04141a}
.hud-btn-p:hover{box-shadow:0 0 30px rgba(34,211,238,.4)}
.hud-btn-g{background:transparent;color:var(--hud);border:1px solid var(--hud-line-2)}
.hud-btn-g:hover{background:rgba(34,211,238,.08);border-color:var(--hud)}
.hud-btn svg{transition:transform .25s}
.hud-btn:hover svg{transform:translateX(4px)}

/* ════════════════ SECTION SCAFFOLD ════════════════ */
.hud-sec{position:relative;padding:clamp(80px,13vh,160px) 0}
.hud-sec .container{position:relative;z-index:2}
.hud-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;
  gap:1.2rem;padding-bottom:1.4rem;border-bottom:1px solid var(--hud-line);
  margin-bottom:clamp(2.5rem,5vw,4rem)}
.hud-head-l{max-width:640px}
.hud-head h2{font-family:var(--fh);font-weight:900;letter-spacing:-.035em;line-height:1.04;
  font-size:clamp(2rem,4.6vw,3.5rem);color:var(--t0);margin-top:1rem}
.hud-head h2 em{font-style:normal;color:var(--hud)}
.hud-head-r{font-family:var(--fm);font-size:.72rem;color:var(--t4);letter-spacing:.06em;text-align:right}

/* ════════════════ TERMINAL BRIEF ════════════════ */
.hud-terminal{position:relative;padding:clamp(1.5rem,3vw,2.4rem);
  background:var(--hud-panel);border:1px solid var(--hud-line-2);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.hud-terminal-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:1.4rem;
  padding-bottom:1rem;border-bottom:1px solid var(--hud-line)}
.hud-terminal-bar i{width:9px;height:9px;border-radius:50%;background:var(--hud-line-2)}
.hud-terminal-bar i:first-child{background:var(--hud)}
.hud-terminal-bar span{font-family:var(--fm);font-size:.7rem;color:var(--t4);margin-left:.6rem;letter-spacing:.08em}
.hud-terminal-body{font-family:var(--fm);font-size:clamp(1rem,2vw,1.45rem);line-height:1.7;color:var(--t1)}
.hud-terminal-body .pr{color:var(--hud);margin-right:.5rem}
.hud-terminal-body .muted{color:var(--t4)}
.hud-terminal-body em{font-style:normal;color:var(--hud)}
.hud-caret{display:inline-block;width:10px;height:1.1em;background:var(--hud);vertical-align:text-bottom;
  margin-left:2px;animation:hudCaret 1s steps(1) infinite}
@keyframes hudCaret{0%,50%{opacity:1}51%,100%{opacity:0}}

/* ════════════════ MODULE GRID (capabilities/solutions) ════════════════ */
.hud-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--hud-line);border:1px solid var(--hud-line)}
.hud-module{position:relative;background:var(--hud-bg);padding:clamp(1.6rem,2.6vw,2.2rem);
  text-decoration:none;color:inherit;display:flex;flex-direction:column;min-height:230px;
  overflow:hidden;transition:background .3s}
.hud-module::before{content:'';position:absolute;top:0;left:0;width:0;height:2px;
  background:linear-gradient(90deg,var(--hud),var(--hud2));transition:width .5s var(--hud-ease)}
.hud-module:hover{background:rgba(10,20,36,.7)}
.hud-module:hover::before{width:100%}
.hud-module-top{display:flex;justify-content:space-between;align-items:flex-start;
  font-family:var(--fm);font-size:.7rem;color:var(--hud);letter-spacing:.1em;margin-bottom:1.6rem}
.hud-module-top .idx{color:var(--t4)}
.hud-module-ico{color:var(--hud)}
.hud-module h3{font-family:var(--fh);font-size:1.3rem;font-weight:800;letter-spacing:-.02em;
  color:var(--t0);margin-bottom:.6rem}
.hud-module p{font-size:.95rem;color:var(--t3);line-height:1.6;flex:1}
.hud-module-go{font-family:var(--fm);font-size:.72rem;letter-spacing:.1em;color:var(--hud);
  margin-top:1.4rem;display:flex;align-items:center;gap:.5rem;text-transform:uppercase;
  opacity:.55;transition:opacity .3s,gap .3s}
.hud-module:hover .hud-module-go{opacity:1;gap:.8rem}

/* ════════════════ PIPELINE (method) ════════════════ */
.hud-pipe{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.hud-pipe::before{content:'';position:absolute;top:18px;left:6%;right:6%;height:1px;
  background:var(--hud-line-2)}
.hud-pipe::after{content:'';position:absolute;top:18px;left:6%;width:24px;height:1px;
  background:var(--hud);box-shadow:0 0 8px var(--hud);animation:hudFlow 4s linear infinite}
@keyframes hudFlow{0%{left:6%}100%{left:90%}}
.hud-node{position:relative;padding:0 clamp(.8rem,2vw,1.6rem)}
.hud-node-dot{width:38px;height:38px;border-radius:50%;border:1px solid var(--hud-line-2);
  background:var(--hud-bg);display:grid;place-items:center;font-family:var(--fm);font-size:.7rem;
  color:var(--hud);position:relative;z-index:1;margin-bottom:1.6rem}
.hud-node:hover .hud-node-dot{border-color:var(--hud);box-shadow:0 0 16px rgba(34,211,238,.35)}
.hud-node h4{font-family:var(--fh);font-size:1.2rem;font-weight:800;color:var(--t0);
  letter-spacing:-.02em;margin-bottom:.5rem}
.hud-node p{font-size:.92rem;color:var(--t3);line-height:1.55}

/* ════════════════ TELEMETRY STATS ════════════════ */
.hud-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hud-line);
  border:1px solid var(--hud-line)}
.hud-stat{background:var(--hud-bg);padding:clamp(1.6rem,3vw,2.4rem)}
.hud-stat-top{font-family:var(--fm);font-size:.66rem;color:var(--t4);letter-spacing:.12em;
  display:flex;justify-content:space-between;margin-bottom:1.2rem}
.hud-stat-top .live{color:var(--hud)}
.hud-stat-n{font-family:var(--fh);font-weight:900;letter-spacing:-.03em;line-height:.9;
  font-size:clamp(2.6rem,5.5vw,4.4rem);color:var(--t0)}
.hud-stat-n .u{color:var(--hud)}
.hud-stat-l{margin-top:.9rem;font-family:var(--fm);font-size:.74rem;color:var(--t4);letter-spacing:.04em}
.hud-stat-track{margin-top:1rem;height:2px;background:rgba(56,189,248,.12);overflow:hidden}
.hud-stat-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--hud2),var(--hud));
  transition:width 1.4s var(--hud-ease)}

/* ════════════════ CTA — command prompt ════════════════ */
.hud-cta{position:relative;text-align:center;padding:clamp(90px,14vh,170px) 0;overflow:clip}
.hud-cta-glow{position:absolute;width:min(800px,110vw);height:480px;left:50%;top:50%;
  transform:translate(-50%,-50%);pointer-events:none;
  background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(34,211,238,.16),transparent 70%);filter:blur(30px)}
.hud-cta .hud-tag{margin-bottom:1.6rem}
.hud-cta-prompt{font-family:var(--fm);font-size:clamp(.85rem,1.6vw,1.05rem);color:var(--hud);
  margin-bottom:1.4rem;letter-spacing:.05em}
.hud-cta h2{font-family:var(--fh);font-weight:900;letter-spacing:-.04em;line-height:.98;
  font-size:clamp(2.4rem,7vw,6rem);color:var(--t0);position:relative;z-index:2;
  max-width:16ch;margin:0 auto}
.hud-cta h2 em{font-style:normal;color:var(--hud)}
.hud-cta-acts{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2.4rem;
  position:relative;z-index:2}

.home-v2 .text-center{text-align:center}

/* ════════════════ RESPONSIVE ════════════════ */
@media(max-width:1024px){
  .hud-modules{grid-template-columns:repeat(2,1fr)}
  .hud-pipe{grid-template-columns:repeat(2,1fr);gap:2.5rem 0}
  .hud-pipe::before,.hud-pipe::after{display:none}
  .hud-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .hud-reticle,.hud-callout{display:none}
  .hud-bg::before{background-size:48px 48px}
  .home-v2 .hero-spline-bg spline-viewer{transform:scale(1) translateY(2%);transform-origin:center 44%}
  .hud-hero-h1{font-size:clamp(2.3rem,11vw,3.6rem)}
  .hud-modules{grid-template-columns:1fr}
  .hud-pipe{grid-template-columns:1fr}
  .hud-stats{grid-template-columns:1fr 1fr}
  .hud-telemetry{font-size:.6rem;gap:1rem}
  .hud-head{flex-direction:column;align-items:flex-start}
  .hud-head-r{text-align:left}
}
@media(max-width:480px){
  .hud-hero-btns{width:100%}
  .hud-hero-btns .hud-btn{flex:1;justify-content:center}
  .hud-stats{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){
  .hud-tag .dot,.hud-pipe::after,.hud-caret,.hud-scan{animation:none}
  .hud-loader{animation:hudLoadAuto 0s linear .2s forwards}
}

/* ═══════════════════════════════════════════════════════════════════
   INNER PAGES — HUD SKIN
   Applied to about / services / solutions / contact via the .home-v2
   class + the .hud-bg backdrop. Reskins the existing markup so every
   page matches the command-deck home page. (No structural rewrite.)
   ═══════════════════════════════════════════════════════════════════ */

/* let the blueprint grid breathe through opaque section backgrounds */
.home-v2 .page-hero,.home-v2 .section,.home-v2 .about-section,
.home-v2 .why-section,.home-v2 .cta-section,.home-v2 .svcp-item,
.home-v2 .sol-detail,.home-v2 .orb-section{background:transparent!important}
.home-v2 main,.home-v2 body{background:transparent}

/* page hero — cyan accent line + tighter type, sits over the grid */
.home-v2 .page-hero{position:relative;z-index:5}
.home-v2 .ph-c::before{content:'';display:block;width:42px;height:1px;
  background:var(--hud);margin:0 auto 1.5rem;box-shadow:0 0 8px var(--hud)}
.home-v2 .ph-c h1{font-family:var(--fh);letter-spacing:-.035em}
.home-v2 .ph-c p{font-family:var(--fm);font-size:.86rem;letter-spacing:.02em;color:var(--t3)}
.home-v2 .gt,.home-v2 .gi{color:var(--hud2)}

/* eyebrow pills → mono HUD tag */
.home-v2 .pill{font-family:var(--fm);font-size:.68rem;font-weight:500;letter-spacing:.16em;
  text-transform:uppercase;color:var(--hud);background:rgba(34,211,238,.05);
  border:1px solid var(--hud-line-2);border-radius:0;padding:.5rem .85rem}
.home-v2 .pill .pd{background:var(--hud);box-shadow:0 0 8px var(--hud)}

/* tag chips → mono HUD chips */
.home-v2 .chip{font-family:var(--fm);font-size:.68rem;letter-spacing:.04em;color:var(--hud2);
  background:rgba(56,189,248,.05);border:1px solid var(--hud-line);border-radius:0;text-transform:uppercase}

/* section titles */
.home-v2 .st{font-family:var(--fh);letter-spacing:-.03em}
.home-v2 .sh.c p:first-child{font-family:var(--fm)!important;color:var(--hud)!important;opacity:1!important}

/* solution number + label */
.home-v2 .sd-num{font-family:var(--fh);color:transparent;-webkit-text-stroke:1px var(--hud-line-2)}
.home-v2 .sd-label{font-family:var(--fm);color:var(--hud);letter-spacing:.14em;text-transform:uppercase}

/* panels → dark glass with cyan hairline (sharp corners) */
.home-v2 .svcp-vis > div,.home-v2 .sd-vis,.home-v2 .fc,.home-v2 .cm,
.home-v2 .why-card,.home-v2 .astat,.home-v2 .cta-box,.home-v2 .orb-detail,
.home-v2 .pl,.home-v2 .av{border-radius:0!important}
.home-v2 .sd-vis,.home-v2 .fc,.home-v2 .why-card,.home-v2 .astat,
.home-v2 .cm,.home-v2 .orb-detail{
  background:var(--hud-panel)!important;border:1px solid var(--hud-line-2)!important}
.home-v2 .why-card:hover,.home-v2 .cm:hover{border-color:var(--hud)!important;
  box-shadow:0 0 24px rgba(34,211,238,.12)!important}

/* corner brackets on the headline panels */
.home-v2 .fc,.home-v2 .cta-box{position:relative}
.home-v2 .fc::before,.home-v2 .cta-box::before,
.home-v2 .fc::after,.home-v2 .cta-box::after{content:'';position:absolute;width:13px;height:13px;
  border:1.5px solid var(--hud);pointer-events:none;z-index:2}
.home-v2 .fc::before,.home-v2 .cta-box::before{top:-1px;left:-1px;border-right:0;border-bottom:0}
.home-v2 .fc::after,.home-v2 .cta-box::after{bottom:-1px;right:-1px;border-left:0;border-top:0}

/* form inputs → HUD */
.home-v2 .fg label{font-family:var(--fm);font-size:.68rem;letter-spacing:.08em;
  text-transform:uppercase;color:var(--t3)}
.home-v2 .fg input,.home-v2 .fg select,.home-v2 .fg textarea{
  font-family:var(--fm);background:rgba(4,7,14,.7);border:1px solid var(--hud-line);border-radius:0}
.home-v2 .fg input:focus,.home-v2 .fg select:focus,.home-v2 .fg textarea:focus{
  border-color:var(--hud);box-shadow:0 0 0 1px rgba(34,211,238,.25);outline:none}

/* buttons → square + cyan primary, to match the deck */
.home-v2 .btn{border-radius:0;font-family:var(--fm);letter-spacing:.04em;text-transform:uppercase;font-size:.82rem}
.home-v2 .btn-p{background:var(--hud);color:#04141a}
.home-v2 .btn-p:hover{background:var(--hud);box-shadow:0 0 30px rgba(34,211,238,.4)}
.home-v2 .btn-o{border:1px solid var(--hud-line-2);color:var(--hud)}
.home-v2 .btn-o:hover{background:rgba(34,211,238,.08);border-color:var(--hud)}

/* about stats numbers + process list dots → cyan */
.home-v2 .as-n{color:var(--hud2)}
.home-v2 .pi-n{background:var(--hud)!important;color:#04141a!important;border-radius:0!important}
.home-v2 .av-d{background:var(--hud)!important}
.home-v2 .wi{color:var(--hud)!important;border-radius:0!important}

/* contact "what to expect" numbered dots → square cyan */
.home-v2 .cm-ico{border-radius:0!important}