/* HNGT concept page. Shared HashMo typography and navigation come from site.css.
   All page-specific declarations are scoped to the HNGT surface. */
.hngt-site{--hngt-a:#cbb2ff;--hngt-b:#5ee3f1;--hngt-line:rgba(196,181,253,.19);--hngt-panel:rgba(15,23,42,.72)}
.hngt-site .hngt-shell{display:block}
.hngt-content{padding:clamp(46px,6vw,100px) 0 66px}
.hngt-hero{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:clamp(34px,5vw,76px);align-items:center}
.hngt-kicker,.hngt-overline{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:11px;font-weight:800;letter-spacing:.2em;color:#c6adff;text-transform:uppercase}
.hngt-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#82e9ef;box-shadow:0 0 0 4px rgba(130,233,239,.13),0 0 18px rgba(130,233,239,.65)}
.hngt-stage{display:inline-flex;margin:25px 0 9px;padding:8px 12px;border:1px solid rgba(251,191,36,.32);border-radius:100px;background:rgba(251,191,36,.08);font:800 10px/1.5 Inter,system-ui,sans-serif;letter-spacing:.14em;color:#fde4a2}
.hngt-hero h1{margin:10px 0 20px;font:700 clamp(49px,5.3vw,91px)/.99 'Space Grotesk',Inter,system-ui,sans-serif;letter-spacing:-.065em}
.hngt-gradient{background:linear-gradient(110deg,#f1dcff 8%,#be9aff 42%,#5ce5f4 98%);color:transparent;background-clip:text;-webkit-background-clip:text}
.hngt-lead{color:#cbd4e7;max-width:610px;font-size:clamp(15px,1.1vw,18px);line-height:1.85}
.hngt-lead strong{color:#fff;font-weight:600}
.hngt-clarity{margin:19px 0 0;color:#f8dfb8;border-left:2px solid #e7b65d;padding:10px 14px;background:linear-gradient(90deg,rgba(251,191,36,.075),transparent);max-width:600px;font-size:13px;line-height:1.65}
.hngt-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hngt-button{display:inline-flex;gap:14px;align-items:center;justify-content:center;min-height:48px;padding:13px 19px;border:1px solid rgba(196,181,253,.28);border-radius:12px;text-decoration:none;font-weight:700;font-size:13px;transition:transform .2s,border-color .2s,box-shadow .2s}
.hngt-button:hover{transform:translateY(-2px)}
.hngt-button:focus-visible,.hngt-site a:focus-visible,.hngt-site summary:focus-visible{outline:3px solid #81e4ef;outline-offset:3px}
.hngt-button-primary{background:linear-gradient(110deg,#9056e6,#556fdc 70%,#258aab);color:#fff;border-color:rgba(199,176,253,.7);box-shadow:0 13px 35px rgba(115,68,201,.26)}
.hngt-button-ghost{background:rgba(15,23,42,.62);color:#dfe6f5}
.hngt-button-ghost:hover{border-color:#bba4f3}
.hngt-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}
.hngt-chips span{border:1px solid var(--hngt-line);border-radius:100px;background:rgba(99,102,241,.06);padding:9px 12px;font-size:11px;font-weight:650;color:#c6c3dd}
.hngt-visual{margin:0;min-width:0}
.hngt-window{border:1px solid rgba(175,154,245,.3);border-radius:21px;overflow:hidden;background:linear-gradient(143deg,#121a2a,#0b1021 70%);box-shadow:0 30px 75px rgba(0,0,0,.53),inset 0 1px rgba(255,255,255,.08);transform:rotate(-1deg)}
.hngt-window-top{min-height:51px;display:flex;align-items:center;gap:13px;padding:11px 16px;border-bottom:1px solid rgba(177,165,231,.14);background:rgba(0,0,0,.14)}
.hngt-window-top strong{font:750 clamp(9px,.8vw,11px) Inter,system-ui,sans-serif;letter-spacing:.12em;color:#d3cafa;white-space:nowrap}
.hngt-lights{display:flex;gap:5px}.hngt-lights i{display:block;width:7px;height:7px;border-radius:50%;background:#b17cec}.hngt-lights i:nth-child(2){background:#5bd6d7}.hngt-lights i:nth-child(3){background:#8e8fdd}
.hngt-proposed{margin-left:auto;border:1px solid rgba(251,191,36,.24);border-radius:6px;padding:5px 6px;color:#e6cca4;font-size:9px;letter-spacing:.05em}
.hngt-pipeline{padding:clamp(13px,2vw,23px)}
.hngt-pipeline-head{display:flex;justify-content:space-between;gap:15px;font:800 10px Inter,system-ui,sans-serif;letter-spacing:.1em;color:#a9b2d1;margin:0 0 12px}
.hngt-comparison{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:clamp(210px,23vw,350px)}
.hngt-scene{position:relative;overflow:hidden;border:1px solid rgba(145,189,219,.16);border-radius:13px;background:radial-gradient(circle at 62% 29%,rgba(164,129,246,.2),transparent 30%),linear-gradient(180deg,#19294a 0%,#253c54 47%,#163142 73%,#0c2029 100%)}
.hngt-scene:before{position:absolute;content:"";inset:0;background:repeating-linear-gradient(90deg,transparent 0 29px,rgba(255,255,255,.028) 30px 31px),linear-gradient(180deg,transparent,rgba(0,0,0,.2));pointer-events:none}
.hngt-scene-low{filter:saturate(.65) contrast(1.04)}
.hngt-scene-low .hngt-moon,.hngt-scene-low .hngt-tower,.hngt-scene-low .hngt-hill,.hngt-scene-low .hngt-orb,.hngt-scene-low .hngt-gate{filter:blur(1.4px)}
.hngt-moon{position:absolute;top:15%;right:18%;width:18%;aspect-ratio:1;border-radius:50%;background:#cfdaff;box-shadow:0 0 25px 8px rgba(182,190,250,.26)}
.hngt-hill{position:absolute;bottom:-10%;border-radius:40% 50% 0 0;transform:rotate(-5deg);width:90%;height:45%;background:#233b48}
.hngt-hill.back{left:-25%;bottom:14%;background:#34506a}
.hngt-hill.front{right:-25%;bottom:-6%;height:38%;background:#142a37}
.hngt-tower{position:absolute;bottom:26%;left:27%;width:38%;height:45%;background:linear-gradient(90deg,#53607f,#8291a6 34%,#45546f);clip-path:polygon(10% 14%,35% 14%,35% 0,66% 0,66% 14%,90% 14%,90% 100%,10% 100%)}
.hngt-tower:after{position:absolute;content:"";left:43%;top:27%;width:15%;height:25%;border-radius:9px 9px 0 0;background:#bda9e9;box-shadow:0 0 24px 5px rgba(177,127,243,.3)}
.hngt-gate{position:absolute;bottom:18%;left:37%;height:27%;width:17%;border-radius:60% 60% 0 0;background:#152536;border:8px solid #6f728c;border-bottom:0}
.hngt-orb{position:absolute;bottom:29%;right:18%;width:10%;aspect-ratio:1;border-radius:50%;background:#6de1ed;box-shadow:0 0 30px 7px rgba(82,204,231,.62)}
.hngt-resolution{position:absolute;bottom:10px;left:10px;border-radius:5px;padding:6px 8px;font:850 9px Inter,system-ui,sans-serif;letter-spacing:.08em;color:#dbeafa;background:rgba(5,11,22,.76);border:1px solid rgba(190,202,255,.2)}
.hngt-separator{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid rgba(233,215,255,.46);border-radius:50%;background:#2c3257;padding:9px 13px;font-weight:900;color:#bdeeff;box-shadow:0 0 25px rgba(9,11,27,.65)}
.hngt-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:16px 0 0}
.hngt-flow-step{display:grid;gap:6px;border:1px solid rgba(150,166,199,.12);border-radius:9px;padding:11px 7px;background:rgba(24,35,56,.62)}
.hngt-flow-step span{color:#62dceb;font-size:10px;letter-spacing:.16em;font-weight:800}
.hngt-flow-step b{font-size:12px;color:#f6f2ff}.hngt-flow-step small{font-size:10px;line-height:1.4;color:#aeb9d5}
.hngt-visual figcaption{margin:14px 0 0;text-align:center;color:#a6adc3;font-size:11px;line-height:1.5}
.hngt-value-bar{margin:80px 0 102px;border:1px solid var(--hngt-line);border-radius:14px;padding:20px 26px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:rgba(18,24,42,.78)}
.hngt-value-bar span{font-size:12px;line-height:1.55;font-weight:700;color:#dfe5f3}.hngt-value-bar b{display:block;margin-bottom:7px;color:#78e5ec;font-size:11px;letter-spacing:.15em}
.hngt-section{padding:0 0 90px;scroll-margin-top:25px}
.hngt-section h2,.hngt-band h2,.hngt-faq h2,.hngt-interest h2{margin:14px 0 18px;font:700 clamp(33px,3.4vw,56px)/1.12 'Space Grotesk',Inter,system-ui,sans-serif;letter-spacing:-.048em}
.hngt-section-lead{max-width:790px;color:#bfc7db;font-size:16px;line-height:1.8}
.hngt-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:35px 0 0}
.hngt-feature,.hngt-status-card{border:1px solid var(--hngt-line);border-radius:17px;background:linear-gradient(156deg,rgba(29,35,58,.9),rgba(11,19,35,.78));padding:27px;min-width:0;display:flex;flex-direction:column;box-shadow:inset 0 1px rgba(255,255,255,.045)}
.hngt-feature-num{font-size:11px;letter-spacing:.12em;font-weight:800;color:#a9c8ff}
.hngt-feature h3,.hngt-status-card h3{margin:22px 0 9px;font:650 23px/1.22 'Space Grotesk',Inter,system-ui,sans-serif;letter-spacing:-.035em}
.hngt-feature p,.hngt-status-card p{font-size:13px;color:#b9c6d7;line-height:1.78}
.hngt-feature-state{margin-top:auto;padding-top:25px;color:#bfaee9;font-size:11px;font-weight:750}
.hngt-band{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);padding:44px clamp(22px,5vw,70px);border:1px solid rgba(127,171,230,.25);border-radius:22px;background:radial-gradient(circle at 10% 20%,rgba(91,72,158,.2),transparent 45%),rgba(13,24,42,.82);margin-bottom:100px}
.hngt-band p{margin:0 0 16px;color:#ccd2e4;font-size:15px;line-height:1.83}.hngt-band strong{color:#f1e7ff}
.hngt-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}
.hngt-status-card{min-height:300px}.hngt-status-card h3{font-size:22px}
.hngt-status-card small{display:block;color:#aab1c8;font-size:11px;line-height:1.6;margin-top:auto;padding-top:20px}
.hngt-state-done,.hngt-state-progress,.hngt-state-planned{font-size:10px;letter-spacing:.15em;font-weight:850;color:#8aefd5}
.hngt-state-progress{color:#9dddfa}.hngt-state-planned{color:#f5d297}
.hngt-faq{padding:0 0 90px;max-width:960px}
.hngt-faq details{margin:10px 0;border:1px solid var(--hngt-line);border-radius:12px;background:rgba(13,22,40,.72);padding:0 20px}
.hngt-faq summary{padding:20px 0;cursor:pointer;font-weight:650;color:#f5f3ff;line-height:1.55}
.hngt-faq details[open]{border-color:rgba(157,141,239,.42)}
.hngt-faq details p{margin:0 0 20px;color:#bfc9da;font-size:14px;line-height:1.7}
.hngt-interest{display:grid;grid-template-columns:1.4fr .6fr;gap:45px;padding:clamp(24px,4vw,55px);border:1px solid rgba(129,195,246,.3);border-radius:23px;background:linear-gradient(135deg,rgba(39,27,76,.72),rgba(11,35,52,.83));box-shadow:0 23px 60px rgba(0,0,0,.22)}
.hngt-interest .hngt-stage{margin:0}.hngt-interest h2{font-size:clamp(30px,3.2vw,51px)}
.hngt-interest p{max-width:685px;color:#cbd2e1;font-size:14px;line-height:1.8}
.hngt-interest .hngt-closed{display:inline-block;color:#f9e5b8;border:1px solid rgba(246,195,119,.25);border-radius:10px;background:rgba(255,197,92,.05);padding:14px 18px;font-size:12px}
.hngt-interest-side{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:9px;border-left:1px solid var(--hngt-line);padding-left:33px;color:#bcb5d9;font:650 20px/1.45 'Space Grotesk',Inter,sans-serif}
.hngt-interest-side strong{color:#e1faff;font-size:22px}
.hngt-interest-side a{margin-top:20px;font-family:Inter,system-ui,sans-serif;font-size:12px}
.hngt-site .footer{margin-top:80px}
@media(max-width:1170px){
  .hngt-hero{grid-template-columns:1fr}.hngt-copy{max-width:790px}.hngt-visual{max-width:850px;width:100%;margin:0 auto}
  .hngt-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hngt-value-bar{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:750px){
  .hngt-content{padding-top:25px}
  .hngt-hero h1{font-size:clamp(49px,11.5vw,75px)}
  .hngt-window{transform:none}
  .hngt-band,.hngt-interest{grid-template-columns:1fr;gap:20px}
  .hngt-interest-side{border:0;border-top:1px solid var(--hngt-line);padding:23px 0 0}
  .hngt-status-grid{grid-template-columns:1fr}
  .hngt-value-bar{margin:55px 0 75px}
  .hngt-section{padding-bottom:65px}
  .hngt-band{margin-bottom:70px}
}
@media(max-width:510px){
  .hngt-kicker{font-size:10px;letter-spacing:.14em}
  .hngt-hero h1{font-size:clamp(45px,12.5vw,62px)}
  .hngt-feature-grid{grid-template-columns:1fr}
  .hngt-pipeline-head{font-size:8px;letter-spacing:0}
  .hngt-comparison{min-height:200px;gap:5px}
  .hngt-gate{border-width:5px}
  .hngt-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hngt-value-bar{grid-template-columns:1fr 1fr;padding:18px 14px;gap:15px}
  .hngt-value-bar span{font-size:11px}
  .hngt-window-top{gap:7px;padding:11px}
  .hngt-window-top strong{font-size:8px}
  .hngt-proposed{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.hngt-button{transition:none}.hngt-button:hover{transform:none}}


/* Astra-approved Neural Graphics Trainer logo. Keep originals transparent;
   no glow, paint or shadows are baked into the logo artwork. */
.hngt-site .topbar .brand-logo.hngt-nav-mark{
  width:66px;height:66px;max-width:66px;flex:0 0 66px;
  border:1px solid rgba(143,123,245,.42);
  background:linear-gradient(135deg,#080c1b,#17132f);
  border-radius:14px;object-fit:contain;
}
.hngt-brand-lockup{
  display:block;width:clamp(185px,18vw,232px);
  max-width:100%;height:auto;object-fit:contain;
  margin:0 0 18px;
}
@media(max-width:650px){
  .hngt-site .topbar .brand-logo.hngt-nav-mark{
    width:55px;height:55px;max-width:55px;flex-basis:55px;
  }
  .hngt-brand-lockup{width:182px;margin-bottom:14px}
}