html.nbx-intro-on:not(.nbx-landed) :is(.nbo-one,.nbo-two),
html.nbx-intro-on:not(.nbx-landed) .nbo-core::after { animation-play-state:paused!important; }
html.nbx-intro-on:not(.nbx-landed) :is(.nbo-track,.nbo-violet,.nbo-outer,.nbo-three) { opacity:0; }
.nbo-track,.nbo-violet,.nbo-outer,.nbo-three { transition:opacity 1.2s cubic-bezier(.16,1,.3,1) .3s; }
html[lang="hi"] .nbi-cap,html[lang="hi"] .nbi-skip { letter-spacing:.06em!important; }

html.guide-site .nbx-hero-fx { -webkit-mask-image:linear-gradient(180deg,#000 62%,transparent); mask-image:linear-gradient(180deg,#000 62%,transparent); }

html.nbg-motion.guide-site .nbo-host>.nbo { transform:perspective(900px) rotateX(var(--nbg-rx,0deg)) rotateY(var(--nbg-ry,0deg)); transition:transform .9s cubic-bezier(.16,1,.3,1); }

@keyframes nbgFade { from { opacity:0; } }
@keyframes nbgRise { from { opacity:0; translate:0 16px; } }
@keyframes nbgDraw { from { transform:scaleX(0); } }
@keyframes nbgMark { from { opacity:0; translate:0 28px; } }
@keyframes nbgPing { 0% { box-shadow:0 0 0 0 rgba(61,107,255,.45); } 70%,100% { box-shadow:0 0 0 9px rgba(61,107,255,0); } }
.guide-kicker::after { content:''; position:absolute; inset-inline:0; bottom:-1px; height:1px; background:linear-gradient(90deg,var(--accent),rgba(61,107,255,.35) 45%,rgba(61,107,255,0) 80%); transform-origin:left; pointer-events:none; }
[dir="rtl"] .guide-kicker::after { background:linear-gradient(270deg,var(--accent),rgba(61,107,255,.35) 45%,rgba(61,107,255,0) 80%); transform-origin:right; }
html.nbg-motion .guide-kicker::after { animation:nbgDraw 1.3s cubic-bezier(.16,1,.3,1) .12s both; }
html.nbg-motion .guide-kicker { animation:nbgFade .6s ease both; }
html.nbg-motion .guide-kicker-group::before { animation:nbgPing 2.8s ease-out 1s infinite; }
html.nbg-motion.guide-site .slide:not(.cover)::before { animation:nbgMark 1.4s cubic-bezier(.16,1,.3,1) .1s both; }
html.nbg-motion:not(.guide-at-home) .guide-breadcrumb { animation:nbgFade .5s ease both; }
html.nbg-motion:not(.guide-at-home) .guide-article-footer { animation:nbgFade .6s ease .2s both; }

@media (hover:hover) and (pointer:fine) {
  html.guide-site .slide .nbx-lift:hover { border-color:rgba(61,107,255,.4)!important; box-shadow:0 1px 2px rgba(19,28,59,.04),0 26px 56px -28px rgba(61,107,255,.42)!important; }
  html.guide-site :is(.account-card,.tr-kpi,#s13 .fin5 .fs,.guide-directory-nav .toc-group) { transition:translate .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .35s ease,opacity .7s ease; }
  html.guide-site :is(.account-card,.tr-kpi,#s13 .fin5 .fs,.guide-directory-nav .toc-group):hover { translate:0 -4px; border-color:rgba(61,107,255,.4); box-shadow:0 26px 56px -30px rgba(61,107,255,.42)!important; }
  .guide-sidebar .guide-topic-nav a { transition:background .15s,color .15s,padding .25s cubic-bezier(.16,1,.3,1); }
  .guide-sidebar .guide-topic-nav a:not([aria-current]):hover { padding-inline-start:16px; }
  .guide-related a:hover .guide-related-title { color:var(--accent); }
}

.tr-v,.tr-mv { font-variant-numeric:tabular-nums; }
html.nbg-motion .tr-mt i { transform-origin:bottom; }
html.nbg-motion .tr-months:not(.nbg-on) .tr-mt i { transform:scaleY(0); }
html.nbg-motion .tr-months.nbg-on .tr-mt i { animation:nbgGrow 1.1s cubic-bezier(.16,1,.3,1) calc(var(--nbg-i,0) * 75ms + .12s) both; }
@keyframes nbgGrow { from { transform:scaleY(0); } }
html.nbg-motion .tr-heat:not(.nbg-on)>i { opacity:0; }
html.nbg-motion .tr-heat.nbg-on>i { animation:nbgCell .55s cubic-bezier(.16,1,.3,1) calc(var(--nbg-x,0) * 1ms + .1s) both; }
@keyframes nbgCell { from { opacity:0; transform:scale(.3); } }
html.nbg-motion .guide-directory-nav:not(.nbg-on) .toc-group,html.nbg-motion #s13 .fin3:not(.nbg-on) .fs { opacity:0; }
html.nbg-motion .guide-directory-nav.nbg-on .toc-group,html.nbg-motion #s13 .fin3.nbg-on .fs { animation:nbgRise .8s cubic-bezier(.16,1,.3,1) both; }
html.nbg-motion :is(.guide-directory-nav,#s13 .fin3).nbg-on>:nth-child(2) { animation-delay:.09s; }
html.nbg-motion :is(.guide-directory-nav,#s13 .fin3).nbg-on>:nth-child(3) { animation-delay:.18s; }
html.nbg-motion :is(.guide-directory-nav,#s13 .fin3).nbg-on>:nth-child(4) { animation-delay:.27s; }
html.nbg-motion :is(.guide-directory-nav,#s13 .fin3).nbg-on>:nth-child(5) { animation-delay:.36s; }
html.nbg-motion :is(.guide-directory-nav,#s13 .fin3).nbg-on>:nth-child(n+6) { animation-delay:.45s; }
html.nbg-motion #s13 .fin3.nbg-on .fs-b { animation:nbgStep .9s cubic-bezier(.16,1,.3,1) both; }
html.nbg-motion #s13 .fin3.nbg-on>:nth-child(2) .fs-b { animation-delay:.25s; }
html.nbg-motion #s13 .fin3.nbg-on>:nth-child(3) .fs-b { animation-delay:.5s; }
html.nbg-motion #s13 .fin3.nbg-on>:nth-child(4) .fs-b { animation-delay:.75s; }
html.nbg-motion #s13 .fin3.nbg-on>:nth-child(5) .fs-b { animation-delay:1s; }
@keyframes nbgStep { 0% { scale:.6; box-shadow:0 0 0 0 rgba(61,107,255,.5); } 55% { scale:1.08; } 100% { scale:1; box-shadow:0 0 0 12px rgba(61,107,255,0); } }

.nbg-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.nbg-progress { margin:0 0 24px; padding:14px 14px 12px; border:1px solid var(--line); border-radius:14px; background:var(--surface); transition:border-color .5s ease, box-shadow .5s ease; }
.nbg-progress-head { display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.nbg-progress-title { font:600 11px/1.6 'JetBrains Mono',monospace; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-3); }
html[lang="ar"] .nbg-progress-title,html[lang="hi"] .nbg-progress-title { letter-spacing:0; font-family:inherit; font-size:12.5px; text-transform:none; }
.nbg-progress-count { font:500 12px/1 'JetBrains Mono',monospace; color:var(--ink-3); font-variant-numeric:tabular-nums; white-space:nowrap; direction:ltr; unicode-bidi:isolate; }
.nbg-progress-count b { display:inline-block; font-size:15px; font-weight:700; color:var(--accent); }
.nbg-track { position:relative; height:6px; margin-top:11px; border-radius:99px; background:var(--surface-alt); overflow:hidden; }
.nbg-track i { position:absolute; inset:0; border-radius:inherit; background:linear-gradient(90deg,#3D6BFF,#6F8FFF); transform-origin:left; transform:scaleX(var(--nbg-p,0)); transition:transform 1.1s cubic-bezier(.16,1,.3,1); }
[dir="rtl"] .nbg-track i { transform-origin:right; background:linear-gradient(270deg,#3D6BFF,#6F8FFF); }
.nbg-progress-text { margin:9px 0 0; font-size:12.5px; line-height:1.5; color:var(--ink-3); }
.nbg-progress.is-complete { border-color:rgba(61,107,255,.4); box-shadow:0 0 0 4px rgba(61,107,255,.08); }
.nbg-progress.is-complete .nbg-progress-text,.guide-directory.is-complete .nbg-dir-text { color:var(--accent); font-weight:600; }
html.nbg-motion .nbg-progress.just-moved .nbg-progress-count b { animation:nbgPop .7s cubic-bezier(.16,1,.3,1); }
@keyframes nbgPop { 40% { transform:scale(1.45); } }
.guide-topic-nav a[href^="#"] { position:relative; padding-inline-end:34px; }
.guide-topic-nav a.is-read::after,.guide-directory-nav a.is-read::after { content:''; flex:none; width:18px; height:18px; border-radius:50%; background:rgba(61,107,255,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.3l2.2 2.2 4.6-4.9' fill='none' stroke='%233D6BFF' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat; }
.guide-topic-nav a.is-read::after { position:absolute; inset-inline-end:10px; top:50%; margin-top:-9px; }
.guide-directory-nav a.is-read::after { transform:none!important; }
html.nbg-motion .guide-topic-nav a.just-read::after,html.nbg-motion .guide-directory-nav a.just-read::after { animation:nbgCheck .8s cubic-bezier(.16,1,.3,1); }
@keyframes nbgCheck { 0% { scale:0; } 55% { scale:1.35; } 100% { scale:1; } }
.nbg-dir-head { display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; gap:18px 32px; margin:0 0 24px; }
.guide-directory .nbg-dir-head>h2 { margin:0; }
.nbg-dir-progress { display:flex; align-items:center; flex-wrap:wrap; gap:14px 22px; }
.nbg-dir-meter { display:grid; gap:8px; width:220px; }
.nbg-dir-text { font-size:13px; line-height:1.4; color:var(--ink-3); }
.nbg-dir-meter .nbg-track { margin:0; }
.nbg-resume { display:inline-flex; align-items:center; gap:10px; max-width:100%; min-height:44px; box-sizing:border-box; padding:10px 20px; border-radius:999px; background:var(--accent); color:#fff!important; text-decoration:none; font-size:14px; line-height:1.3; box-shadow:0 12px 28px -14px rgba(61,107,255,.75); transition:translate .25s cubic-bezier(.16,1,.3,1), box-shadow .25s ease; }
.nbg-resume[hidden] { display:none; }
.nbg-resume span { font-weight:500; opacity:.82; white-space:nowrap; }
.nbg-resume b { font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
.nbg-resume::after { content:'→'; flex:none; transition:transform .25s cubic-bezier(.16,1,.3,1); }
[dir="rtl"] .nbg-resume::after { content:'←'; }
.nbg-resume:hover { translate:0 -1px; box-shadow:0 16px 34px -14px rgba(61,107,255,.85); }
.nbg-resume:hover::after { transform:translateX(3px); }
[dir="rtl"] .nbg-resume:hover::after { transform:translateX(-3px); }
.nbg-resume:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.nbg-scroll { position:fixed; z-index:120; top:var(--deck-header); left:0; right:0; height:2px; pointer-events:none; }
.nbg-scroll i { display:block; height:100%; background:linear-gradient(90deg,#3D6BFF,#6F8FFF); transform-origin:left; transform:scaleX(0); box-shadow:0 0 10px rgba(61,107,255,.45); }
[dir="rtl"] .nbg-scroll i { transform-origin:right; }
html.guide-at-home .nbg-scroll { display:none; }

@media (max-width:760px) {
  .nbg-scroll { top:0; }
  .nbg-dir-head { align-items:stretch; flex-direction:column; flex-wrap:nowrap; }
  .nbg-dir-progress { align-items:stretch; flex-direction:column; flex-wrap:nowrap; }
  .nbg-dir-head>*,.nbg-dir-progress>* { min-width:0; }
  .nbg-dir-meter { width:100%; }
  .nbg-resume { justify-content:space-between; }
}
@media print {
  .nbg-scroll,.nbg-progress,.nbg-dir-progress { display:none!important; }
}

@media (max-width:1180px) {
  html.guide-site .nbx-vtip { bottom:auto; top:calc(100% + 12px); transform-origin:20px 0; translate:0 -8px; }
  html.guide-site[dir="rtl"] .nbx-vtip { transform-origin:calc(100% - 20px) 0; }
  html.guide-site .nbx-vtip::after { top:auto; bottom:100%; border-top-color:transparent; border-bottom-color:#3D6BFF; }
}