/* NS Learning Point theme — generated from the prototype.
   Every selector is scoped to .ns-theme so the legacy Bootstrap pages
   are untouched. Do not edit by hand: regenerate from the prototype. */
/* ===== styles.css ===== *//* ═══════════════════════════════════════════════════════════
   NS CLASSES — "Sapphire & Brass"
   Light system on the blue-grey ground (#DCE4E9).
   Sapphire navy carries every piece of type; gold is treated as
   METAL (fills, hairlines, badges, rings) and never as body text.
   Supporting hues are one tight family: sapphire, teal, brass, terracotta.
   One warm cream band and one deep-sapphire footer break up the cool.
   ═══════════════════════════════════════════════════════════ *//* ---------- 1. TOKENS ---------- */.ns-theme{
  /* ground - the client blue-grey, plus one warm band for relief */
  --paper:#DCE4E9;
  --paper-2:#D2DCE3;
  --paper-3:#EDF1F4;
  --cream:#F7F2E7;      /* the only warm surface - used sparingly */
  --surface:#FFFFFF;
  --surface-2:#F4F8FB;

  /* ink - sapphire navy rather than grey-black, so the page reads blue */
  --ink-900:#0C1F3D;
  --ink-800:#123058;
  --text:#0F2745;
  --muted:rgba(15,39,69,.72);
  --faint:rgba(15,39,69,.71);
  --line:rgba(15,39,69,.11);
  --line-2:rgba(15,39,69,.20);

  /* DOMINANT accent - sapphire carries all the type */
  --blue-1:#2C63B5;
  --blue-2:#1B4B96;
  --blue-3:#0F2C5C;
  --accent-text:linear-gradient(135deg,#2C63B5 0%,#1B4B96 44%,#0F2C5C 100%);

  /* gold is METAL: fills, hairlines, badges, rings.
     --gold-3 is the one tone dark enough to set small type in. */
  --gold-1:#F3DFA8;
  --gold-2:#D9B45C;
  --gold-3:#7A5A12;
  --gold-fill:linear-gradient(135deg,#F6E7BC 0%,#D9B45C 46%,#A8801F 100%);

  /* supporting family - one warm, two cool, all siblings of the sapphire */
  --terra:#C2451F;
  --teal:#0F6E75;
  --brass:#9A7420;

  --coral:#C2451F;      /* the single bold spend: primary CTA */
  --coral-soft:#E0693F;
  --mint:#0F7A52;       /* semantic only: live indicators */

  /* elevation */
  --sh-sm:0 2px 6px rgba(12,31,61,.06);
  --sh-md:0 16px 36px -20px rgba(12,31,61,.38),0 2px 8px rgba(12,31,61,.06);
  --sh-lg:0 36px 74px -34px rgba(12,31,61,.46),0 4px 14px rgba(12,31,61,.07);

  /* type */
  --display:"Playfair Display",Georgia,"Times New Roman",serif;
  --body:"Plus Jakarta Sans","Segoe UI",Helvetica,Arial,sans-serif;
  --label:"Plus Jakarta Sans","Segoe UI",Helvetica,Arial,sans-serif;
  --num:"IBM Plex Sans","Plus Jakarta Sans","Segoe UI",Helvetica,Arial,sans-serif;

  /* layout */
  --shell:min(1800px,95vw);
  --r-lg:24px;
  --r-md:18px;
  --r-sm:12px;

  /* motion */
  --ease:cubic-bezier(.22,1,.36,1);
  --ease-io:cubic-bezier(.65,0,.35,1);
}
.ns-theme *,.ns-theme *::before,.ns-theme *::after{box-sizing:border-box}
.ns-theme{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px;overflow-x:clip}
body.ns-theme{
  margin:0;
  background:var(--paper);
  color:var(--text);
  font-family:var(--body);
  font-size:17px;
  line-height:1.65;
  font-weight:400;
  letter-spacing:.002em;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.ns-theme img,.ns-theme svg{display:block;max-width:100%}
.ns-theme a{color:inherit;text-decoration:none}
.ns-theme button,.ns-theme input{font:inherit;color:inherit}
.ns-theme h1,.ns-theme h2,.ns-theme h3,.ns-theme h4{margin:0;font-family:var(--display);font-weight:600;line-height:1.12;letter-spacing:-.012em;text-wrap:balance}
.ns-theme p{margin:0}
.ns-theme ul{margin:0;padding:0;list-style:none}
.ns-theme ::selection{background:var(--blue-2);color:#fff}
.ns-theme .sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ns-theme .skip{position:fixed;top:-100px;left:16px;z-index:999;background:var(--ink-900);color:#fff;padding:10px 18px;border-radius:8px;transition:top .25s}
.ns-theme .skip:focus{top:16px}
.ns-theme :focus-visible{outline:2px solid var(--blue-1);outline-offset:3px;border-radius:4px}
.ns-theme .shell{width:var(--shell);margin-inline:auto}
/* Every section paints its own ground and carries a hairline, so the eye has
   something to land on when scrolling. The tinted bands used to be gradients
   that faded back to --paper at both edges, which is why the page read as one
   continuous column with no divisions. */.ns-theme .section{position:relative;padding:clamp(11px,1.23vw,19px) 0;background:var(--paper)}
.ns-theme .section + .section{border-top:1px solid var(--line)}
.ns-theme .section--tint{background:var(--paper-3)}
/* ---------- 2. ATMOSPHERE ---------- */.ns-theme .grain{
  position:fixed;inset:-50%;z-index:9998;pointer-events:none;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:ns-grainShift 8s steps(6) infinite;
  mix-blend-mode:multiply;
}
@keyframes ns-grainShift{
  0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}
  60%{transform:translate(-2%,-2%)}80%{transform:translate(3%,1%)}100%{transform:translate(0,0)}
}
.ns-theme .progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:9997;pointer-events:none;background:rgba(12,23,37,.07)}
.ns-theme .progress span{display:block;height:100%;width:0;background:var(--gold-fill);box-shadow:0 0 12px rgba(168,123,34,.55)}
/* ---------- 3. PRIMITIVES ---------- */.ns-theme .btn{
  position:relative;display:inline-flex;align-items:center;gap:10px;
  padding:15px 28px;border-radius:100px;border:1px solid transparent;
  font-size:15px;font-weight:600;letter-spacing:.01em;white-space:nowrap;
  isolation:isolate;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease),color .3s,background .3s;
}
.ns-theme .btn svg{width:18px;height:18px;flex:none;transition:transform .45s var(--ease)}
.ns-theme .btn:hover svg{transform:translateX(5px)}
.ns-theme .btn::after{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .4s var(--ease)}
.ns-theme .btn--gold{background:var(--gold-fill);color:#241A05;box-shadow:0 12px 30px -14px rgba(168,123,34,.85)}
.ns-theme .btn--gold::after{background:linear-gradient(135deg,#F8E9C2,#E3BE64 50%,#B98A2E)}
.ns-theme .btn--gold:hover{transform:translateY(-3px);box-shadow:0 20px 44px -16px rgba(168,123,34,.95)}
.ns-theme .btn--gold:hover::after{opacity:1}
.ns-theme .btn--coral{background:var(--coral);color:#fff;box-shadow:0 12px 32px -14px rgba(217,58,30,.8)}
.ns-theme .btn--coral::after{background:linear-gradient(135deg,#EC5334,#B92D14)}
.ns-theme .btn--coral:hover{transform:translateY(-3px);box-shadow:0 22px 46px -16px rgba(217,58,30,.9)}
.ns-theme .btn--coral:hover::after{opacity:1}
.ns-theme .btn--wire{border-color:var(--line-2);color:var(--text);background:rgba(255,255,255,.7);backdrop-filter:blur(8px);box-shadow:var(--sh-sm)}
.ns-theme .btn--wire:hover{transform:translateY(-3px);border-color:var(--gold-2);color:var(--gold-3);background:#fff;box-shadow:var(--sh-md)}
.ns-theme .btn--wire .play{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--gold-fill);color:#241A05;flex:none}
.ns-theme .btn--wire .play svg{width:16px;height:16px}
.ns-theme .btn--wire:hover .play svg{transform:none}
.ns-theme .rnd{
  width:48px;height:48px;border-radius:50%;display:grid;place-items:center;
  border:1px solid var(--line-2);background:rgba(255,255,255,.8);color:var(--text);
  box-shadow:var(--sh-sm);transition:.35s var(--ease);
}
.ns-theme .rnd svg{width:20px;height:20px}
.ns-theme .rnd:hover{background:var(--gold-fill);color:#241A05;border-color:transparent;transform:scale(1.08);box-shadow:var(--sh-md)}
.ns-theme .rnd:active{transform:scale(.95)}
.ns-theme .kicker{
  display:inline-flex;align-items:center;gap:12px;margin-bottom:9px;
  font-family:var(--label);font-size:11.5px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--blue-2);
}
.ns-theme .kicker span{
  display:grid;place-items:center;min-width:30px;height:22px;padding:0 8px;border-radius:100px;
  border:1px solid rgba(27,75,150,.28);color:var(--blue-2);font-size:10.5px;letter-spacing:.1em;background:rgba(27,75,150,.09);
}
.ns-theme .title{font-size:clamp(21px,3.24vw,44px);letter-spacing:-.018em}
.ns-theme .title em{font-style:italic;font-weight:400;background:var(--accent-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.ns-theme .lede{margin-top:11px;max-width:56ch;color:var(--muted);font-size:clamp(16px,1.35vw,18.5px);line-height:1.72}
.ns-theme .head{margin-bottom:clamp(13px,1.43vw,20px)}
.ns-theme .head--center{text-align:center;display:flex;flex-direction:column;align-items:center}
.ns-theme .head--center .lede{text-align:center;max-width:none}
.ns-theme .head--split{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;flex-wrap:wrap}
.ns-theme .head__side{max-width:400px}
.ns-theme .head--split .lede{margin-top:0;max-width:44ch;font-size:15.5px}
.ns-theme .head--split > div > .lede{margin-top:8px}
.ns-theme .head__side p{color:var(--muted);font-size:15.5px;margin-bottom:24px}
/* reveal — only ever hidden when JS is present to bring it back */.ns-theme .js .reveal{opacity:0;transform:translateY(26px);filter:blur(7px);
  transition:opacity .95s var(--ease),transform .95s var(--ease),filter .95s var(--ease)}
.ns-theme .js .reveal.in{opacity:1;transform:none;filter:none}
/* ---------- 4. NAV ---------- */.ns-theme .nav:not(.nav-tabs):not(.nav-pills){position:fixed;top:0;left:0;right:0;z-index:900;transition:.5s var(--ease)}
.ns-theme .nav::before{
  content:"";position:absolute;inset:0;opacity:0;transition:opacity .5s var(--ease);
  background:linear-gradient(180deg,rgba(231,237,241,.94),rgba(220,228,233,.8));
  backdrop-filter:blur(18px) saturate(1.2);
  border-bottom:1px solid var(--line);
  box-shadow:0 10px 30px -22px rgba(11,21,35,.5);
}
.ns-theme .nav.is-stuck::before{opacity:1}
.ns-theme .nav__inner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 0;transition:padding .5s var(--ease);position:relative}
.ns-theme .nav.is-stuck .nav__inner{padding:13px 0}
.ns-theme .svg-defs{position:absolute;width:0;height:0;overflow:hidden}
.ns-theme .brand{display:flex;align-items:center;flex:none}
.ns-theme .nslogo{height:46px;width:auto;flex:none;overflow:visible;transition:height .5s var(--ease)}
.ns-theme .nslogo--badge{display:none}
.ns-theme .nav.is-stuck .nslogo{height:40px}
/* the monogram sits inside the disc; the wordmark takes the surrounding text colour */.ns-theme .nslogo__ns{
  font-family:var(--body);font-size:33px;font-weight:800;font-style:italic;
  letter-spacing:-.02em;
}
.ns-theme .nslogo__word{
  font-family:var(--display);font-size:31px;font-weight:700;font-style:italic;
  letter-spacing:.012em;fill:currentColor;
}
.ns-theme .brand:hover .nslogo{transform:none}
.ns-theme .nslogo__disc{transition:filter .45s var(--ease)}
.ns-theme .brand:hover .nslogo__disc{filter:brightness(1.14)}
.ns-theme .brand--foot .nslogo{height:52px}
.ns-theme .nav__links{display:flex;align-items:center;gap:6px}
.ns-theme .nav__links a{position:relative;padding:9px 15px;font-size:14.5px;font-weight:500;color:var(--muted);transition:color .3s;border-radius:100px}
.ns-theme .nav__links a span{position:relative;z-index:1}
.ns-theme .nav__links a::before{
  content:"";position:absolute;left:15px;right:15px;bottom:4px;height:1px;
  background:var(--gold-fill);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease);
}
.ns-theme .nav__links a:hover{color:var(--text)}
.ns-theme .nav__links a.is-active{color:var(--text);font-weight:600}
.ns-theme .nav__links a.is-active::before{transform:scaleX(1)}
.ns-theme .nav__links a:hover::before{transform:scaleX(1);transform-origin:left}
.ns-theme .nav__actions{display:flex;align-items:center;gap:14px}
.ns-theme .ghostlink{display:flex;align-items:center;gap:8px;font-family:var(--label);font-size:13px;color:var(--muted);letter-spacing:.02em;transition:color .3s}
.ns-theme .ghostlink svg{width:17px;height:17px;color:var(--blue-2)}
.ns-theme .ghostlink:hover{color:var(--blue-2)}
.ns-theme .burger{display:none;width:44px;height:44px;border:1px solid var(--line-2);background:rgba(255,255,255,.7);border-radius:12px;padding:0;place-items:center;gap:5px}
.ns-theme .burger i{display:block;width:17px;height:1.5px;background:var(--text);border-radius:2px;transition:.4s var(--ease)}
.ns-theme .burger[aria-expanded="true"] i:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.ns-theme .burger[aria-expanded="true"] i:nth-child(2){opacity:0;transform:scaleX(.2)}
.ns-theme .burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.ns-theme .drawer{
  position:fixed;inset:0;z-index:890;background:rgba(231,237,241,.98);backdrop-filter:blur(22px);
  clip-path:circle(0% at calc(100% - 46px) 46px);transition:clip-path .8s var(--ease);
  visibility:hidden;
}
.ns-theme .drawer.is-open{clip-path:circle(160% at calc(100% - 46px) 46px);visibility:visible}
.ns-theme .drawer__inner{height:100%;display:flex;flex-direction:column;justify-content:center;gap:6px;width:var(--shell);margin-inline:auto;padding:110px 0 40px}
.ns-theme .drawer__inner>a{
  display:flex;align-items:baseline;gap:18px;padding:14px 0;border-bottom:1px solid var(--line);
  font-family:var(--display);font-size:clamp(30px,8vw,46px);letter-spacing:-.03em;
  opacity:0;transform:translateY(20px);transition:.6s var(--ease);
}
.ns-theme .drawer.is-open .drawer__inner>a{opacity:1;transform:none}
.ns-theme .drawer.is-open .drawer__inner>a:nth-child(1){transition-delay:.16s}
.ns-theme .drawer.is-open .drawer__inner>a:nth-child(2){transition-delay:.22s}
.ns-theme .drawer.is-open .drawer__inner>a:nth-child(3){transition-delay:.28s}
.ns-theme .drawer.is-open .drawer__inner>a:nth-child(4){transition-delay:.34s}
.ns-theme .drawer.is-open .drawer__inner>a:nth-child(5){transition-delay:.40s}
.ns-theme .drawer.is-open .drawer__inner>a:nth-child(6){transition-delay:.46s}
.ns-theme .drawer__n{font-family:var(--label);font-size:12px;color:var(--blue-2);letter-spacing:.1em}
.ns-theme .drawer__foot{margin-top:40px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.ns-theme .drawer__foot p{font-family:var(--label);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
/* ---------- 5. HERO ---------- *//* justify-content:center was pushing the column out of its own padding
   whenever the content grew taller than the viewport, which slid the headline
   and the marks chip up underneath the fixed nav. Start from the top instead
   and let min-height only guarantee a full-height hero. */.ns-theme .hero{
  position:relative;min-height:min(78svh,720px);display:flex;flex-direction:column;justify-content:flex-start;
  padding:clamp(83px,8.8vh,107px) 0 0;overflow:hidden;
  background:linear-gradient(180deg,#F0F4F7 0%,var(--paper) 60%);
}
.ns-theme .hero__inner{display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(30px,4vw,64px);align-items:center;position:relative;z-index:2;padding-bottom:32px}
.ns-theme .hero__aurora{position:absolute;inset:0;z-index:0;filter:blur(90px);opacity:.85}
.ns-theme .blob{position:absolute;border-radius:50%}
.ns-theme .blob--a{width:46vw;height:46vw;left:-12vw;top:-8vw;background:radial-gradient(circle,rgba(217,180,92,.42),transparent 66%);animation:ns-drift 22s var(--ease-io) infinite alternate}
.ns-theme .blob--b{width:40vw;height:40vw;right:-8vw;top:8vw;background:radial-gradient(circle,rgba(44,99,181,.28),transparent 66%);animation:ns-drift 27s var(--ease-io) infinite alternate-reverse}
.ns-theme .blob--c{width:34vw;height:34vw;left:32vw;bottom:-14vw;background:radial-gradient(circle,rgba(194,69,31,.15),transparent 66%);animation:ns-drift 19s var(--ease-io) infinite alternate}
@keyframes ns-drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(5vw,-4vw,0) scale(1.18)}}
.ns-theme .hero__mesh{
  position:absolute;inset:0;z-index:1;opacity:.7;
  background-image:linear-gradient(rgba(12,23,37,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(12,23,37,.055) 1px,transparent 1px);
  background-size:74px 74px;
  mask-image:radial-gradient(ellipse 90% 65% at 50% 40%,#000 25%,transparent 78%);
  -webkit-mask-image:radial-gradient(ellipse 90% 65% at 50% 40%,#000 25%,transparent 78%);
}
.ns-theme .eyebrow{
  display:inline-flex;align-items:center;gap:11px;padding:8px 17px 8px 13px;border-radius:100px;
  border:1px solid var(--line-2);background:rgba(255,255,255,.72);backdrop-filter:blur(8px);
  font-family:var(--label);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--blue-2);
  box-shadow:var(--sh-sm);
}
.ns-theme .pulse{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 0 rgba(14,143,92,.55);animation:ns-pulse 2.2s infinite}
@keyframes ns-pulse{70%{box-shadow:0 0 0 9px rgba(14,143,92,0)}100%{box-shadow:0 0 0 0 rgba(14,143,92,0)}}
.ns-theme .hero__title{margin:10px 0 0;font-size:clamp(21px,3.24vw,44px);line-height:1;letter-spacing:-.022em;font-weight:600}
.ns-theme .hero__title .line{display:block;overflow:hidden;padding-bottom:.06em}
.ns-theme .hero__title .w{
  display:inline-block;
  transform:translateY(110%) rotate(5deg);opacity:0;
  animation:ns-wordUp 1.15s var(--ease) forwards;
  animation-delay:calc(var(--i) * 95ms + 150ms);
}
@keyframes ns-wordUp{to{transform:none;opacity:1}}
.ns-theme .hero__title .gold{
  font-style:italic;font-weight:400;
  background:var(--accent-text);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.ns-theme .hero__sub{margin-top:30px;max-width:50ch;color:var(--muted);font-size:clamp(16px,1.35vw,18.5px);line-height:1.74}
.ns-theme ".hero__cta{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap}
/* the figures that used to sit in their own band, moved into the hero */.ns-theme .hero__stats{display:flex;flex-wrap:wrap;gap:clamp(16px,2.4vw,36px);margin-top:46px;padding-top:28px;border-top:1px solid var(--line)}
.ns-theme .hero__stats div{position:relative;display:flex;flex-direction:column;gap:5px}
.ns-theme .hero__stats div + div{padding-left:clamp(16px,2.4vw,36px)}
.ns-theme .hero__stats div + div::before{content:;position:absolute;left:0;top:4%;bottom:4%;width:1px;background:var(--line-2)}
.ns-theme .hero__stats b{font-family:var(--display);font-size:clamp(26px,3vw,40px);font-weight:700;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;background:var(--accent-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.ns-theme .hero__stats span{font-family:var(--label);font-weight:600;font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--faint)}
@media (max-width:640px){.ns-theme .hero__stats{gap:14px}
.ns-theme .hero__stats div{flex:1 1 42%}
.ns-theme .hero__stats div + div{padding-left:0}
.ns-theme .hero__stats div + div::before{display:none}}
/* hero art */.ns-theme .hero__art{position:relative;height:min(560px,58vw);display:grid;place-items:center}
.ns-theme .orb{position:absolute;width:76%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 30%,rgba(217,180,92,.36),transparent 62%);filter:blur(14px)}
.ns-theme .ring{position:absolute;border-radius:50%;border:1px solid var(--line);pointer-events:none}
.ns-theme .ring--1{width:63%;aspect-ratio:1;animation:ns-spin 34s linear infinite;border-style:dashed;border-color:rgba(12,23,37,.16)}
.ns-theme .ring--2{width:85%;aspect-ratio:1;border-color:rgba(12,23,37,.08)}
@keyframes ns-spin{to{transform:rotate(360deg)}}
.ns-theme .panel{
  position:relative;z-index:3;width:min(400px,92%);
  background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(242,247,250,.92));
  border:1px solid var(--line);border-radius:var(--r-lg);
  padding:20px 20px 16px;backdrop-filter:blur(18px);
  box-shadow:var(--sh-lg),inset 0 1px 0 #fff;
}
.ns-theme .panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.ns-theme .panel__tag{font-family:var(--label);font-weight:600;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--blue-2)}
.ns-theme .panel__live{display:inline-flex;align-items:center;gap:6px;font-family:var(--label);font-weight:600;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mint)}
.ns-theme .panel__live i{width:6px;height:6px;border-radius:50%;background:var(--mint);animation:ns-pulse 2s infinite}
.ns-theme .chart{width:100%;height:132px}
.ns-theme .chart__grid line{stroke:rgba(12,23,37,.11);stroke-width:1;stroke-dasharray:3 6}
.ns-theme .chart__line{stroke-dasharray:520;stroke-dashoffset:520;animation:ns-draw 2.4s var(--ease) .7s forwards}
@keyframes ns-draw{to{stroke-dashoffset:0}}
.ns-theme .chart__area{opacity:0;animation:ns-fadeIn 1.4s ease 2.1s forwards}
@keyframes ns-fadeIn{to{opacity:1}}
.ns-theme .chart__dot{fill:var(--blue-2);opacity:0;animation:ns-fadeIn .6s ease 2.6s forwards,ns-bob 2.6s ease-in-out 2.6s infinite}
@keyframes ns-bob{50%{transform:translateY(-4px)}}
.ns-theme .panel__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:13px;border-top:1px solid var(--line)}
.ns-theme .panel__foot span{font-size:11.5px;color:var(--faint);letter-spacing:.03em}
.ns-theme .panel__foot b{font-family:var(--label);font-size:11.5px;color:var(--blue-2);letter-spacing:.03em}
.ns-theme .chip{
  position:absolute;z-index:4;display:flex;align-items:center;gap:12px;
  padding:13px 18px;border-radius:16px;
  background:linear-gradient(150deg,#fff,rgba(242,247,250,.96));
  border:1px solid var(--line);backdrop-filter:blur(14px);
  box-shadow:var(--sh-md);
}
.ns-theme .chip span{font-size:11.5px;line-height:1.42;color:var(--muted)}
.ns-theme .chip em{font-style:normal;color:var(--faint);font-size:10.5px}
.ns-theme .chip--marks{left:-4%;top:17%}
.ns-theme .chip--marks b{font-family:var(--display);font-size:38px;font-weight:600;letter-spacing:-.03em;background:var(--accent-text);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.ns-theme .chip--support{right:-6%;bottom:9%}
.ns-theme .chip__ico{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(14,143,92,.11);color:var(--mint);flex:none}
.ns-theme .chip__ico svg{width:19px;height:19px}
.ns-theme .float-a{animation:ns-floatA 9s ease-in-out infinite}
.ns-theme .float-b{animation:ns-floatA 7s ease-in-out .6s infinite reverse}
.ns-theme .float-c{animation:ns-floatA 8s ease-in-out 1.2s infinite}
@keyframes ns-floatA{50%{transform:translateY(-14px)}}
.ns-theme .ticker{position:relative;z-index:2;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:rgba(255,255,255,.55);backdrop-filter:blur(8px)}
.ns-theme .ticker__track{display:flex;align-items:center;gap:34px;padding:15px 0;width:max-content;animation:ns-marquee 42s linear infinite}
.ns-theme .ticker__track span{font-family:var(--label);font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--faint);white-space:nowrap}
.ns-theme .ticker__track i{color:var(--gold-3);font-style:normal;font-size:10px}
@keyframes ns-marquee{to{transform:translateX(-50%)}}
/* ---------- 6. OFFERINGS / SERVICE CARDS ---------- */
.ns-theme .svcs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:14px}

/* Each card is tinted in its own accent, so the eight tracks read as a mosaic
   against the blue-grey ground rather than eight identical white boxes. The
   title sits on the icon's line, which is what keeps the card short. */
.ns-theme .svc{
  --accent:var(--blue-2);
  position:relative;display:block;min-height:186px;padding:18px 20px 46px;
  border-radius:20px;overflow:hidden;
  background:
    linear-gradient(158deg,
      color-mix(in srgb,var(--accent) 9%,#fff) 0%,
      color-mix(in srgb,var(--accent) 3%,#fff) 52%,
      var(--surface) 100%);
  border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));
  box-shadow:var(--sh-sm);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s;
}
.ns-theme .svc:hover{
  transform:translateY(-7px);
  box-shadow:0 30px 60px -30px color-mix(in srgb,var(--accent) 62%,transparent),0 4px 14px rgba(12,31,61,.07);
  border-color:color-mix(in srgb,var(--accent) 46%,transparent);
}

/* accent bloom in the top-right corner — colour without a heavy fill */
.ns-theme .svc::before{
  content:"";position:absolute;right:-38%;top:-58%;width:112%;aspect-ratio:1;pointer-events:none;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,transparent),transparent 64%);
  opacity:.55;transition:opacity .45s var(--ease),transform .45s var(--ease);
}
.ns-theme .svc:hover::before{opacity:1;transform:scale(1.08)}

/* diagonal shine on hover */
.ns-theme .svc::after{
  content:"";position:absolute;inset:-1px;pointer-events:none;
  background:linear-gradient(115deg,transparent 22%,rgba(255,255,255,.66) 48%,transparent 74%);
  transform:translateX(-150%);transition:transform .75s var(--ease-io);
}
.ns-theme .svc:hover::after{transform:translateX(150%)}

/* icon and title share one line */
.ns-theme .svc__top{display:flex;align-items:center;gap:12px;position:relative;z-index:2;padding-right:26px}
.ns-theme .svc__ico{
  display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 78%,#fff),var(--accent));
  color:#fff;box-shadow:0 10px 20px -10px color-mix(in srgb,var(--accent) 85%,transparent);
  transition:.4s var(--ease);
}
.ns-theme .svc__ico svg{width:21px;height:21px}
.ns-theme .svc:hover .svc__ico{transform:rotate(-7deg) scale(1.07);box-shadow:0 14px 26px -10px color-mix(in srgb,var(--accent) 95%,transparent)}
.ns-theme .svc__num{
  position:absolute;top:16px;right:18px;z-index:2;
  font-family:var(--label);font-weight:700;font-size:10px;letter-spacing:.16em;
  color:color-mix(in srgb,var(--accent) 46%,transparent);transition:color .4s;
}
.ns-theme .svc:hover .svc__num{color:color-mix(in srgb,var(--accent) 82%,#0B1523)}

.ns-theme .svc h3{
  position:relative;z-index:2;margin:0;font-size:18px;letter-spacing:-.022em;
  color:color-mix(in srgb,var(--accent) 55%,var(--ink-900));
}
.ns-theme .svc p{position:relative;z-index:2;margin-top:11px;font-size:13px;line-height:1.62;color:var(--muted)}

.ns-theme .svc__arrow{
  position:absolute;right:18px;bottom:14px;z-index:2;
  display:grid;place-items:center;width:32px;height:32px;border-radius:50%;
  border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line-2));
  background:rgba(255,255,255,.6);color:var(--accent);transition:.4s var(--ease);
}
.ns-theme .svc__arrow svg{width:16px;height:16px}
.ns-theme .svc:hover .svc__arrow{background:var(--accent);color:#fff;border-color:transparent;transform:translateX(3px)}

/* ---------- 7. BENEFITS ---------- */
.ns-theme .benefits{background:linear-gradient(180deg,var(--paper),var(--paper-3) 42%,var(--paper))}
.ns-theme .benefits__glow{position:absolute;left:50%;top:12%;width:70vw;height:70vw;max-width:900px;max-height:900px;transform:translateX(-50%);pointer-events:none;
  background:radial-gradient(circle,rgba(217,180,92,.26),transparent 62%);filter:blur(50px)}
.ns-theme .benefits__layout{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:clamp(26px,3vw,48px);align-items:center;position:relative;z-index:2}

.ns-theme .orbit{position:relative;aspect-ratio:1;width:100%;max-width:540px;margin-inline:auto;display:grid;place-items:center}
.ns-theme .orbit__svg{width:100%;height:100%;overflow:visible}
.ns-theme .orbit__dash{transform-origin:200px 200px;animation:spin 46s linear infinite}
.ns-theme .orbit__arc{transform-origin:200px 200px;transform:rotate(-90deg);opacity:.30;transition:opacity .5s,stroke-width .5s var(--ease)}
.ns-theme .orbit__arc.is-on{opacity:1;stroke-width:32}
.ns-theme .orbit__comet{transform-origin:200px 200px;animation:spin 9s linear infinite;filter:drop-shadow(0 0 7px rgba(217,180,92,.9))}
.ns-theme .orbit__core{
  position:absolute;display:grid;place-items:center;gap:2px;
  width:38%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 40% 34%,#fff,var(--surface-2));
  border:1px solid var(--line);box-shadow:var(--sh-md),inset 0 1px 0 #fff;
}
.ns-theme .orbit__core svg{width:34px;height:34px;color:var(--blue-2);margin-bottom:4px}
.ns-theme .orbit__core b{font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:-.02em}
.ns-theme .orbit__core em{font-family:var(--label);font-style:normal;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}
.ns-theme .orbit__node{
  position:absolute;padding:7px 14px;border-radius:100px;white-space:nowrap;
  font-family:var(--label);font-weight:600;font-size:10px;letter-spacing:.13em;text-transform:uppercase;
  background:rgba(255,255,255,.92);border:1px solid var(--line-2);color:var(--muted);
  backdrop-filter:blur(8px);box-shadow:var(--sh-sm);transition:.45s var(--ease);
}
.ns-theme .orbit__node.is-on{border-color:var(--blue-2);color:var(--blue-2);transform:scale(1.08);box-shadow:0 0 24px -6px rgba(27,75,150,.45),var(--sh-sm)}
.ns-theme .orbit__node--1{top:-4%;left:50%;transform:translateX(-50%)}
.ns-theme .orbit__node--1.is-on{transform:translateX(-50%) scale(1.08)}
.ns-theme .orbit__node--2{right:-8%;top:50%;transform:translateY(-50%)}
.ns-theme .orbit__node--2.is-on{transform:translateY(-50%) scale(1.08)}
.ns-theme .orbit__node--3{bottom:-4%;left:50%;transform:translateX(-50%)}
.ns-theme .orbit__node--3.is-on{transform:translateX(-50%) scale(1.08)}
.ns-theme .orbit__node--4{left:-8%;top:50%;transform:translateY(-50%)}
.ns-theme .orbit__node--4.is-on{transform:translateY(-50%) scale(1.08)}

.ns-theme .bcards{grid-column:2 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-content:center}
.ns-theme .bcard{
  --accent:var(--gold-2);
  position:relative;display:flex;flex-direction:column;gap:16px;padding:24px 26px;border-radius:var(--r-md);
  background:linear-gradient(150deg,var(--surface),var(--surface-2));
  border:1px solid var(--line);overflow:hidden;box-shadow:var(--sh-sm);
  transition:transform .55s var(--ease),border-color .45s,box-shadow .55s var(--ease);
}
.ns-theme .bcard::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);
  transform:scaleY(0);transform-origin:top;transition:transform .6s var(--ease);
}
.ns-theme .bcard:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--accent) 38%,transparent);box-shadow:var(--sh-md)}
.ns-theme .bcard:hover::before{transform:scaleY(1)}
.ns-theme .bcard__ico{
  display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:13px;
  background:color-mix(in srgb,var(--accent) 11%,transparent);
  border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);
  color:var(--accent);transition:.55s var(--ease);
}
.ns-theme .bcard__ico svg{width:23px;height:23px}
.ns-theme .bcard:hover .bcard__ico{transform:rotate(-8deg) scale(1.07)}
.ns-theme .bcard h3{font-size:clamp(18px,1.7vw,22px);margin-bottom:8px;letter-spacing:-.02em}
.ns-theme .bcard p{font-size:14.5px;line-height:1.7;color:var(--muted)}
.ns-theme .bcard b{color:var(--blue-2);font-weight:600}
.ns-theme .bcard em{font-style:italic;color:var(--text)}
.ns-theme .bcard .more{display:none}
.ns-theme .bcard.is-open .more{display:inline}
.ns-theme .readmore{
  margin-top:12px;padding:0;background:none;border:0;
  font-family:var(--label);font-weight:600;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 74%,#0B1523);
  display:inline-flex;align-items:center;gap:7px;transition:gap .35s var(--ease),opacity .3s;
}
.ns-theme .readmore::after{content:"";width:14px;height:1px;background:currentColor;transition:width .35s var(--ease)}
.ns-theme .readmore:hover{gap:11px}
.ns-theme .readmore:hover::after{width:22px}

/* ---------- 8. STATS ---------- */
.ns-theme .stats{position:relative;padding:38px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:linear-gradient(90deg,rgba(44,99,181,.13),rgba(217,180,92,.24) 52%,rgba(194,69,31,.09))}
.ns-theme .stats__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.ns-theme .stat{display:flex;flex-direction:column;gap:6px;position:relative;padding-left:24px}
.ns-theme .stat::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:1px;background:var(--line-2)}
.ns-theme .stat b{font-family:var(--display);font-size:clamp(34px,4vw,52px);font-weight:600;letter-spacing:-.035em;background:var(--accent-text);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.ns-theme .stat span{font-family:var(--label);font-weight:600;font-size:10.5px;letter-spacing:.17em;text-transform:uppercase;color:var(--muted)}

/* ---------- 9. TOPPERS ---------- */
.ns-theme .toppers{overflow:hidden}
.ns-theme .tp__nav{display:flex;gap:10px}
.ns-theme .tp{
  display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:8px max(5vw,calc((100vw - 1260px)/2)) 34px;
  scrollbar-width:none;-ms-overflow-style:none;
}
.ns-theme .tp::-webkit-scrollbar{display:none}
.ns-theme .tp__card{
  --a:#E8C878;--b:#A87B22;
  position:relative;flex:0 0 clamp(250px,25vw,296px);scroll-snap-align:start;
  padding:26px 24px 24px;border-radius:var(--r-lg);text-align:center;
  background:linear-gradient(168deg,var(--surface),var(--surface-2));
  border:1px solid var(--line);overflow:hidden;box-shadow:var(--sh-sm);
  transition:transform .6s var(--ease),border-color .5s,box-shadow .6s var(--ease);
}
.ns-theme .tp__card::before{
  content:"";position:absolute;left:50%;top:-46%;width:150%;aspect-ratio:1;transform:translateX(-50%);
  background:radial-gradient(circle,color-mix(in srgb,var(--b) 14%,transparent),transparent 62%);
  opacity:0;transition:opacity .6s;pointer-events:none;
}
.ns-theme .tp__card:hover{transform:translateY(-9px);border-color:color-mix(in srgb,var(--b) 42%,transparent);box-shadow:var(--sh-lg)}
.ns-theme .tp__card:hover::before{opacity:1}
.ns-theme .tp__badge{
  position:absolute;top:16px;right:16px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;
  background:linear-gradient(135deg,var(--a),var(--b));color:#fff;
  box-shadow:0 8px 20px -8px color-mix(in srgb,var(--b) 80%,transparent);
}
.ns-theme .tp__badge svg{width:17px;height:17px}
.ns-theme .tp__avatar{
  position:relative;width:96px;height:96px;margin:0 auto 16px;border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(150deg,var(--a),var(--b));
  box-shadow:0 0 0 6px #fff,0 0 0 7px color-mix(in srgb,var(--b) 32%,transparent),0 14px 28px -14px rgba(11,21,35,.5);
  transition:transform .6s var(--ease);
}
.ns-theme .tp__card:hover .tp__avatar{transform:scale(1.05) rotate(-3deg)}
.ns-theme .tp__avatar span{font-family:var(--display);font-size:33px;font-weight:600;color:#fff;letter-spacing:-.02em;text-shadow:0 1px 3px rgba(11,21,35,.28)}
.ns-theme .tp__avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.ns-theme .tp__card h3{font-size:17.5px;letter-spacing:-.02em;margin-bottom:4px}
.ns-theme .tp__meta{font-family:var(--label);font-weight:600;font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--faint)}
.ns-theme .tp__score{display:flex;align-items:baseline;justify-content:center;gap:7px;margin:12px 0 10px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ns-theme .tp__score b{
  font-family:var(--display);font-size:41px;font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums;
  background:linear-gradient(135deg,color-mix(in srgb,var(--b) 88%,#0B1523),color-mix(in srgb,var(--b) 48%,#0B1523));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.ns-theme .tp__score span{font-family:var(--label);font-weight:600;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}
.ns-theme .tp__quote{font-size:13.5px;line-height:1.62;color:var(--muted);font-style:italic}
.ns-theme .tp__foot{display:flex;justify-content:center;margin-top:8px}

/* ---------- 10. TESTIMONIALS ---------- */
.ns-theme .says{background:linear-gradient(180deg,var(--paper),var(--paper-3) 55%,var(--paper))}
.ns-theme .says__wall{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;
  width:var(--shell);margin-inline:auto;height:640px;overflow:hidden;
  mask-image:linear-gradient(180deg,transparent,#000 12%,#000 86%,transparent);
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 86%,transparent);
}
.ns-theme .says__col{display:flex;flex-direction:column;gap:18px;will-change:transform}
.ns-theme .says__col[data-dir="up"]{animation:scrollUp 46s linear infinite}
.ns-theme .says__col[data-dir="down"]{animation:scrollDown 52s linear infinite}
@keyframes scrollUp{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes scrollDown{from{transform:translateY(-50%)}to{transform:translateY(0)}}
.ns-theme .says__wall:hover .says__col{animation-play-state:paused}

.ns-theme .quote{
  position:relative;margin:0;padding:28px 26px 24px;border-radius:var(--r-md);
  background:linear-gradient(158deg,var(--surface),var(--surface-2));
  border:1px solid var(--line);box-shadow:var(--sh-sm);
  transition:border-color .45s,transform .5s var(--ease),box-shadow .5s var(--ease);
}
.ns-theme .quote:hover{border-color:var(--line-2);transform:scale(1.017);box-shadow:var(--sh-md)}
.ns-theme .quote__mark{position:absolute;top:6px;right:20px;font-family:var(--display);font-size:66px;line-height:1;color:rgba(217,180,92,.55)}
.ns-theme .quote p{font-size:15px;line-height:1.72;color:var(--text);position:relative}
.ns-theme .quote em{font-style:italic;color:var(--blue-2)}
.ns-theme .quote figcaption{display:flex;flex-direction:column;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.ns-theme .quote figcaption b{font-family:var(--display);font-size:16px;font-weight:600;letter-spacing:-.015em}
.ns-theme .quote figcaption span{font-family:var(--label);font-weight:600;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--faint);margin-top:4px}
.ns-theme .stars{position:absolute;bottom:24px;right:24px;font-size:11px;letter-spacing:2px;color:var(--gold-3)}

/* ---------- 12. FOOTER (two dark bands, as on the current site) ---------- */
.ns-theme .foot{
  /* re-declare the token set for a dark ground */
  --text:#EDE9E1;
  --muted:rgba(237,233,225,.68);
  --faint:rgba(237,233,225,.60);
  --line:rgba(233,214,166,.14);
  --line-2:rgba(233,214,166,.26);
  --gold-1:#F7E3B0;
  --gold-2:#E0B457;
  --gold-3:#DCB560;
  --gold-fill:linear-gradient(135deg,#F7E3B0,#E0B457 46%,#B98A2E);
  --blue-2:#8FB6F0;                       /* sapphire, lifted for a dark ground */
  --accent-text:linear-gradient(135deg,#F7E3B0,#E0B457 60%,#C79A38);
  position:relative;color:var(--text);overflow:hidden;
}
.ns-theme .foot__glow{position:absolute;left:-10%;bottom:-30%;width:60vw;height:60vw;pointer-events:none;z-index:0;
  background:radial-gradient(circle,rgba(224,180,87,.09),transparent 62%);filter:blur(60px)}
.ns-theme .foot .shell{position:relative;z-index:2}

/* --- band one: important links & downloads --- */
.ns-theme .foot-a{position:relative;background:#12294A;padding:clamp(44px,5vw,64px) 0;border-bottom:1px solid var(--line)}
.ns-theme .foot-a__grid{display:grid;grid-template-columns:1.55fr .85fr;gap:clamp(32px,4.5vw,64px);align-items:start}
.ns-theme .fgroup__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:6px}

/* --- band two: policy / quick links / follow --- */
.ns-theme .foot-b{position:relative;background:var(--ink-900);padding:clamp(40px,4.6vw,58px) 0 26px}
.ns-theme .foot-b__grid{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:clamp(28px,4vw,56px);padding-bottom:34px;border-bottom:1px solid var(--line)}

.ns-theme .fgroup h4,.ns-theme .fcol h4{
  font-family:var(--label);font-size:12.5px;font-weight:700;letter-spacing:.02em;
  color:var(--text);margin-bottom:18px;
}
.ns-theme .fcol a{display:flex;align-items:center;gap:9px;padding:6px 0;font-size:14px;color:var(--muted);transition:color .3s,transform .35s var(--ease)}
.ns-theme .fcol a svg{width:16px;height:16px;color:var(--gold-2);flex:none}
.ns-theme .fcol a:hover{color:var(--gold-1);transform:translateX(4px)}

.ns-theme .fcol--follow .foot__social{margin-top:0}
.ns-theme .foot__social{display:flex;gap:10px;flex-wrap:wrap}
.ns-theme .foot__social a{
  display:grid;place-items:center;width:40px;height:40px;border-radius:50%;
  border:1px solid var(--line);color:var(--muted);transition:.4s var(--ease);
}
.ns-theme .foot__social a svg{width:18px;height:18px}
.ns-theme .foot__social a:hover{background:var(--gold-fill);color:#241A05;border-color:transparent;transform:translateY(-4px)}
.ns-theme .fcol__contacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 20px;margin-top:20px}
.ns-theme .fcol__contacts a{font-size:13px}

/* --- enquiry --- */
.ns-theme .foot__enqKick{font-family:var(--label);font-weight:600;font-size:10.5px;letter-spacing:.19em;text-transform:uppercase;color:var(--gold-2);margin-bottom:14px}
.ns-theme .enq{display:grid;gap:11px;padding:22px;border-radius:var(--r-md);border:1px solid var(--line);
  background:rgba(255,255,255,.05)}
.ns-theme .enq input{
  width:100%;padding:13px 16px;border-radius:12px;
  background:rgba(5,10,18,.45);border:1px solid var(--line);color:var(--text);font-size:14px;
  transition:border-color .35s,background .35s;
}
.ns-theme .enq input::placeholder{color:var(--faint)}
.ns-theme .enq input:focus{outline:none;border-color:var(--gold-2);background:rgba(5,10,18,.72)}
.ns-theme .enq input:user-invalid{border-color:var(--coral-soft)}
.ns-theme .enq .btn{justify-content:center;margin-top:3px}
.ns-theme .enq__note{font-family:var(--label);font-weight:600;font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--faint);text-align:center}
.ns-theme .enq__note.is-ok{color:#5FD69C}
.ns-theme .enq__note.is-err{color:#FF8A6E}

/* --- bottom bar --- */
.ns-theme .foot__bar{display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:28px}
.ns-theme .foot__pay{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.ns-theme .foot__pay span{padding:6px 12px;border-radius:7px;border:1px solid var(--line);background:rgba(255,255,255,.04);
  font-family:var(--label);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.ns-theme .foot__copy{font-family:var(--label);font-size:12px;letter-spacing:.02em;color:var(--faint);text-align:center}

/* ---------- 13. FABS ---------- */
.ns-theme .fab{
  position:fixed;z-index:880;display:grid;place-items:center;border-radius:50%;
  border:1px solid var(--line-2);transition:.45s var(--ease);
}
.ns-theme .fab--wa{
  right:22px;bottom:22px;width:56px;height:56px;color:#fff;
  background:linear-gradient(140deg,#25B462,#0E7D3C);border-color:transparent;
  box-shadow:0 14px 32px -12px rgba(14,125,60,.7);
}
.ns-theme .fab--wa svg{width:27px;height:27px}
.ns-theme .fab--wa::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(14,125,60,.4);animation:ripple 2.6s ease-out infinite}
@keyframes ripple{0%{transform:scale(.9);opacity:.8}100%{transform:scale(1.45);opacity:0}}
.ns-theme .fab--wa:hover{transform:scale(1.08)}
.ns-theme .fab__label{
  position:absolute;right:calc(100% + 12px);white-space:nowrap;padding:8px 14px;border-radius:100px;
  background:#fff;border:1px solid var(--line-2);color:var(--text);box-shadow:var(--sh-md);
  font-family:var(--label);font-weight:600;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;
  opacity:0;transform:translateX(8px);transition:.4s var(--ease);pointer-events:none;
}
.ns-theme .fab--wa:hover .fab__label{opacity:1;transform:none}

.ns-theme .fab--top{
  right:26px;bottom:92px;width:46px;height:46px;padding:0;
  background:rgba(255,255,255,.92);color:var(--blue-2);backdrop-filter:blur(10px);
  box-shadow:var(--sh-md);
  opacity:0;visibility:hidden;transform:translateY(12px);
}
.ns-theme .fab--top svg{width:19px;height:19px}
.ns-theme .fab--top.is-on{opacity:1;visibility:visible;transform:none}
.ns-theme .fab--top:hover{background:var(--gold-fill);color:#241A05;border-color:transparent}

/* ---------- 13b. MOBILE ACTION BAR ---------- */
/* Phone-only bar pinned to the bottom: call, WhatsApp, and the one CTA that
   matters. It carries a z-index above the third-party chat pill (which pins
   itself to bottom:0 with inline !important and cannot be moved from here) —
   the bar's own WhatsApp button covers what that pill offered. */
.ns-theme .mbar{
  display:none;position:fixed;z-index:1000010;
  left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));
  grid-template-columns:1fr 1fr 1.2fr;gap:6px;padding:6px;
  border-radius:22px;
  background:rgba(255,255,255,.9);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border:1px solid var(--line-2);
  box-shadow:0 18px 44px -14px rgba(12,31,61,.5);
}
.ns-theme .mbar__b{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  min-height:54px;padding:8px 4px;border-radius:16px;
  font-family:var(--label);font-weight:700;font-size:11px;letter-spacing:.04em;
  color:var(--blue-2);text-align:center;
  transition:transform .3s var(--ease),background .3s;
}
.ns-theme .mbar__b svg{width:21px;height:21px;flex:none}
.ns-theme .mbar__b:active{transform:scale(.96)}
.ns-theme .mbar__b--wa{color:#0E7D3C}
.ns-theme .mbar__b--cta{background:var(--coral);color:#fff;box-shadow:0 10px 22px -10px rgba(194,69,31,.9)}

@media (max-width:767px){
.ns-theme .mbar{display:grid}
.ns-theme .fab--wa{display:none}
.ns-theme .fab--top{bottom:96px}
body.ns-theme{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
}
/* ---------- 14. RESPONSIVE ---------- */
@media (max-width:1180px){
.ns-theme .nav__links{display:none}
.ns-theme .burger{display:grid}
.ns-theme .ghostlink{display:none}
.ns-theme .hero__inner{grid-template-columns:1fr;gap:56px;padding-bottom:70px}
.ns-theme .hero__art{height:min(420px,72vw);max-width:520px;margin-inline:auto;width:100%}
.ns-theme .hero__title{font-size:clamp(46px,10vw,82px)}
.ns-theme .benefits__layout{grid-template-columns:1fr;gap:52px}
.ns-theme .bcards{grid-column:1}
.ns-theme .orbit{max-width:440px}
.ns-theme .foot-a__grid{grid-template-columns:1fr;gap:40px}
.ns-theme .foot-b__grid{grid-template-columns:1fr 1fr;gap:36px}
.ns-theme .fcol--follow{grid-column:1 / -1}
}
@media (max-width:1180px){
.ns-theme .svcs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
.ns-theme .svcs{grid-template-columns:repeat(2,minmax(0,1fr))}
.ns-theme .stats__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}
.ns-theme .says__wall{grid-template-columns:repeat(2,minmax(0,1fr));height:560px}
.ns-theme .says__col:nth-child(3){display:none}
}
@media (max-width:640px){
.ns-theme :root{--r-lg:20px}
.ns-theme body{font-size:16px}
.ns-theme .nav__inner{padding:16px 0}
.ns-theme .nslogo--full{display:none}
.ns-theme .nslogo--badge{display:block;height:44px}
.ns-theme .hero{padding-top:118px}
.ns-theme .hero__cta .btn{flex:1 1 100%;justify-content:center}
.ns-theme .chip--marks{left:-2%;top:2%;padding:10px 14px}
.ns-theme .chip--marks b{font-size:30px}
.ns-theme .chip--support{right:-2%;bottom:2%;padding:10px 14px}
.ns-theme .svcs{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}
.ns-theme .svc{min-height:auto;padding-bottom:46px}
.ns-theme .bcards{grid-template-columns:minmax(0,1fr)}
.ns-theme .stats__grid{grid-template-columns:minmax(0,1fr)}
.ns-theme .says__wall{grid-template-columns:minmax(0,1fr);height:520px}
.ns-theme .says__col:nth-child(2){display:none}
.ns-theme .fgroup__cols{grid-template-columns:minmax(0,1fr);gap:0}
.ns-theme .foot-b__grid{grid-template-columns:minmax(0,1fr);gap:30px}
.ns-theme .fcol__contacts{grid-template-columns:minmax(0,1fr)}
.ns-theme .fab--wa{width:50px;height:50px;right:16px;bottom:16px}
.ns-theme .fab--top{right:19px;bottom:96px}
}

/* ---------- 15. MOTION PREFERENCE ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
.ns-theme .js .reveal{opacity:1;transform:none;filter:none}
.ns-theme .hero__title .w{opacity:1;transform:none}
.ns-theme .chart__line{stroke-dashoffset:0}
.ns-theme .chart__area,.ns-theme .chart__dot{opacity:1}
.ns-theme .grain{display:none}
}
/* ---------- 6b. DEMO LECTURES ---------- */.ns-theme .vdemo{background:var(--paper)}
.ns-theme .vcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ns-theme .vcard{
  position:relative;display:block;padding:12px 12px 16px;
  border-radius:22px;overflow:hidden;
  background:linear-gradient(165deg,var(--surface),var(--surface-2));
  border:1px solid var(--line);box-shadow:var(--sh-sm);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s;
}
.ns-theme .vcard:hover{transform:translateY(-7px);box-shadow:var(--sh-lg);border-color:color-mix(in srgb,var(--blue-2) 40%,transparent)}
.ns-theme .vcard__thumb{
  position:relative;display:block;aspect-ratio:16/9;border-radius:14px;overflow:hidden;
  background:var(--paper-3);
}
.ns-theme .vcard__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}
.ns-theme .vcard:hover .vcard__thumb img{transform:scale(1.05)}
/* the play badge sits over the still, mirroring the hero's "watch" button */.ns-theme .vcard__play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  display:grid;place-items:center;width:46px;height:46px;border-radius:50%;
  background:var(--gold-fill,#D9B45C);color:#241A05;box-shadow:var(--sh-sm);
  transition:transform .4s var(--ease);
}
.ns-theme .vcard:hover .vcard__play{transform:translate(-50%,-50%) scale(1.1)}
.ns-theme .vcard__play svg{width:20px;height:20px;margin-left:2px}
.ns-theme .vcard h3{margin:14px 4px 5px;font-size:16px;line-height:1.35;letter-spacing:-.018em}
.ns-theme .vcard p{margin:0 4px;font-family:var(--label);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.ns-theme .vcards__empty{grid-column:1/-1;padding:26px;border:1px dashed var(--line-2);border-radius:18px;color:var(--muted);font-size:15px}
@media (max-width:900px){.ns-theme .vcards{grid-template-columns:1fr}}
/* ---------- 7. BENEFITS ---------- */.ns-theme .benefits{background:var(--paper-3);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ns-theme .benefits__glow{position:absolute;left:50%;top:12%;width:70vw;height:70vw;max-width:900px;max-height:900px;transform:translateX(-50%);pointer-events:none;
  background:radial-gradient(circle,rgba(217,180,92,.26),transparent 62%);filter:blur(50px)}
.ns-theme .benefits__layout{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:clamp(26px,3vw,48px);align-items:center;position:relative;z-index:2}
.ns-theme .orbit{position:relative;aspect-ratio:1;width:100%;max-width:540px;margin-inline:auto;display:grid;place-items:center}
.ns-theme .orbit__svg{width:100%;height:100%;overflow:visible}
.ns-theme .orbit__dash{transform-origin:200px 200px;animation:ns-spin 46s linear infinite}
.ns-theme .orbit__arc{transform-origin:200px 200px;transform:rotate(-90deg);opacity:.30;transition:opacity .5s,stroke-width .5s var(--ease)}
.ns-theme .orbit__arc.is-on{opacity:1;stroke-width:32}
.ns-theme .orbit__comet{transform-origin:200px 200px;animation:ns-spin 9s linear infinite;filter:drop-shadow(0 0 7px rgba(217,180,92,.9))}
.ns-theme .orbit__core{
  position:absolute;display:grid;place-items:center;gap:2px;
  width:38%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 40% 34%,#fff,var(--surface-2));
  border:1px solid var(--line);box-shadow:var(--sh-md),inset 0 1px 0 #fff;
}
.ns-theme .orbit__core svg{width:34px;height:34px;color:var(--blue-2);margin-bottom:4px}
.ns-theme .orbit__core b{font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:-.02em}
.ns-theme .orbit__core em{font-family:var(--label);font-style:normal;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}
.ns-theme .orbit__node{
  position:absolute;padding:7px 14px;border-radius:100px;white-space:nowrap;
  font-family:var(--label);font-weight:600;font-size:10px;letter-spacing:.13em;text-transform:uppercase;
  background:rgba(255,255,255,.92);border:1px solid var(--line-2);color:var(--muted);
  backdrop-filter:blur(8px);box-shadow:var(--sh-sm);transition:.45s var(--ease);
}
.ns-theme .orbit__node.is-on{border-color:var(--blue-2);color:var(--blue-2);transform:scale(1.08);box-shadow:0 0 24px -6px rgba(27,75,150,.45),var(--sh-sm)}
.ns-theme .orbit__node--1{top:-4%;left:50%;transform:translateX(-50%)}
.ns-theme .orbit__node--1.is-on{transform:translateX(-50%) scale(1.08)}
.ns-theme .orbit__node--2{right:-8%;top:50%;transform:translateY(-50%)}
.ns-theme .orbit__node--2.is-on{transform:translateY(-50%) scale(1.08)}
.ns-theme .orbit__node--3{bottom:-4%;left:50%;transform:translateX(-50%)}
.ns-theme .orbit__node--3.is-on{transform:translateX(-50%) scale(1.08)}
.ns-theme .orbit__node--4{left:-8%;top:50%;transform:translateY(-50%)}
.ns-theme .orbit__node--4.is-on{transform:translateY(-50%) scale(1.08)}
.ns-theme .bcards{grid-column:2 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-content:center}
.ns-theme .bcard{
  --accent:var(--gold-2);
  position:relative;display:flex;flex-direction:column;gap:16px;padding:24px 26px;border-radius:var(--r-md);
  background:linear-gradient(150deg,var(--surface),var(--surface-2));
  border:1px solid var(--line);overflow:hidden;box-shadow:var(--sh-sm);
  transition:transform .55s var(--ease),border-color .45s,box-shadow .55s var(--ease);
}
.ns-theme .bcard::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);
  transform:scaleY(0);transform-origin:top;transition:transform .6s var(--ease);
}
.ns-theme .bcard:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--accent) 38%,transparent);box-shadow:var(--sh-md)}
.ns-theme .bcard:hover::before{transform:scaleY(1)}
.ns-theme .bcard__ico{
  display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:13px;
  background:color-mix(in srgb,var(--accent) 11%,transparent);
  border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);
  color:var(--accent);transition:.55s var(--ease);
}
.ns-theme .bcard__ico svg{width:23px;height:23px}
.ns-theme .bcard:hover .bcard__ico{transform:rotate(-8deg) scale(1.07)}
.ns-theme .bcard h3{font-size:clamp(18px,1.7vw,22px);margin-bottom:8px;letter-spacing:-.02em}
.ns-theme .bcard p{font-size:14.5px;line-height:1.7;color:var(--muted)}
.ns-theme .bcard b{color:var(--blue-2);font-weight:600}
.ns-theme .bcard em{font-style:italic;color:var(--text)}
.ns-theme .bcard .more{display:none}
.ns-theme .bcard.is-open .more{display:inline}
.ns-theme .readmore{
  margin-top:12px;padding:0;background:none;border:0;
  font-family:var(--label);font-weight:600;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 74%,#0B1523);
  display:inline-flex;align-items:center;gap:7px;transition:gap .35s var(--ease),opacity .3s;
}
.ns-theme .readmore::after{content:"";width:14px;height:1px;background:currentColor;transition:width .35s var(--ease)}
.ns-theme .readmore:hover{gap:11px}
.ns-theme .readmore:hover::after{width:22px}
/* ---------- 8. STATS ---------- */.ns-theme .stats{position:relative;padding:38px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:linear-gradient(90deg,rgba(44,99,181,.13),rgba(217,180,92,.24) 52%,rgba(194,69,31,.09))}
.ns-theme .stats__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.ns-theme .stat{display:flex;flex-direction:column;gap:6px;position:relative;padding-left:24px}
.ns-theme .stat::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:1px;background:var(--line-2)}
.ns-theme .stat b{font-family:var(--display);font-size:clamp(34px,4vw,52px);font-weight:600;letter-spacing:-.035em;background:var(--accent-text);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.ns-theme .stat span{font-family:var(--label);font-weight:600;font-size:10.5px;letter-spacing:.17em;text-transform:uppercase;color:var(--muted)}
/* ---------- 9. TOPPERS ---------- */.ns-theme .toppers{overflow:hidden;background:var(--paper)}
.ns-theme .tp__nav{display:flex;gap:10px}
.ns-theme .tp{
  display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:8px max(5vw,calc((100vw - 1260px)/2)) 34px;
  scrollbar-width:none;-ms-overflow-style:none;
}
.ns-theme .tp::-webkit-scrollbar{display:none}
.ns-theme .tp__card{
  --a:#E8C878;--b:#A87B22;
  position:relative;flex:0 0 clamp(250px,25vw,296px);scroll-snap-align:start;
  padding:26px 24px 24px;border-radius:var(--r-lg);text-align:center;
  background:linear-gradient(168deg,var(--surface),var(--surface-2));
  border:1px solid var(--line);overflow:hidden;box-shadow:var(--sh-sm);
  transition:transform .6s var(--ease),border-color .5s,box-shadow .6s var(--ease);
}
.ns-theme .tp__card::before{
  content:"";position:absolute;left:50%;top:-46%;width:150%;aspect-ratio:1;transform:translateX(-50%);
  background:radial-gradient(circle,color-mix(in srgb,var(--b) 14%,transparent),transparent 62%);
  opacity:0;transition:opacity .6s;pointer-events:none;
}
.ns-theme .tp__card:hover{transform:translateY(-9px);border-color:color-mix(in srgb,var(--b) 42%,transparent);box-shadow:var(--sh-lg)}
.ns-theme .tp__card:hover::before{opacity:1}
.ns-theme .tp__badge{
  position:absolute;top:16px;right:16px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;
  background:linear-gradient(135deg,var(--a),var(--b));color:#fff;
  box-shadow:0 8px 20px -8px color-mix(in srgb,var(--b) 80%,transparent);
}
.ns-theme .tp__badge svg{width:17px;height:17px}
.ns-theme .tp__avatar{
  position:relative;width:96px;height:96px;margin:0 auto 16px;border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(150deg,var(--a),var(--b));
  box-shadow:0 0 0 6px #fff,0 0 0 7px color-mix(in srgb,var(--b) 32%,transparent),0 14px 28px -14px rgba(11,21,35,.5);
  transition:transform .6s var(--ease);
}
.ns-theme .tp__card:hover .tp__avatar{transform:scale(1.05) rotate(-3deg)}
.ns-theme .tp__avatar span{font-family:var(--display);font-size:33px;font-weight:600;color:#fff;letter-spacing:-.02em;text-shadow:0 1px 3px rgba(11,21,35,.28)}
.ns-theme .tp__avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.ns-theme .tp__card h3{font-size:17.5px;letter-spacing:-.02em;margin-bottom:4px}
.ns-theme .tp__meta{font-family:var(--label);font-weight:600;font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--faint)}
.ns-theme .tp__score{display:flex;align-items:baseline;justify-content:center;gap:7px;margin:12px 0 10px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ns-theme .tp__score b{
  font-family:var(--display);font-size:41px;font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums;
  background:linear-gradient(135deg,color-mix(in srgb,var(--b) 88%,#0B1523),color-mix(in srgb,var(--b) 48%,#0B1523));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.ns-theme .tp__score span{font-family:var(--label);font-weight:600;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}
.ns-theme .tp__quote{font-size:13.5px;line-height:1.62;color:var(--muted);font-style:italic}
.ns-theme .tp__foot{display:flex;justify-content:center;margin-top:8px}
/* ---------- 10. TESTIMONIALS ---------- */.ns-theme .says{background:var(--paper-3);border-top:1px solid var(--line)}
.ns-theme .says__wall{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;
  width:var(--shell);margin-inline:auto;height:640px;overflow:hidden;
  mask-image:linear-gradient(180deg,transparent,#000 12%,#000 86%,transparent);
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 86%,transparent);
}
.ns-theme .says__col{display:flex;flex-direction:column;gap:18px;will-change:transform}
.ns-theme .says__col[data-dir="up"]{animation:ns-scrollUp 46s linear infinite}
.ns-theme .says__col[data-dir="down"]{animation:ns-scrollDown 52s linear infinite}
@keyframes ns-scrollUp{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes ns-scrollDown{from{transform:translateY(-50%)}to{transform:translateY(0)}}
.ns-theme .says__wall:hover .says__col{animation-play-state:paused}
.ns-theme .quote{
  position:relative;margin:0;padding:28px 26px 24px;border-radius:var(--r-md);
  background:linear-gradient(158deg,var(--surface),var(--surface-2));
  border:1px solid var(--line);box-shadow:var(--sh-sm);
  transition:border-color .45s,transform .5s var(--ease),box-shadow .5s var(--ease);
}
.ns-theme .quote:hover{border-color:var(--line-2);transform:scale(1.017);box-shadow:var(--sh-md)}
.ns-theme .quote__mark{position:absolute;top:6px;right:20px;font-family:var(--display);font-size:66px;line-height:1;color:rgba(217,180,92,.55)}
.ns-theme .quote p{font-size:15px;line-height:1.72;color:var(--text);position:relative}
.ns-theme .quote em{font-style:italic;color:var(--blue-2)}
.ns-theme .quote figcaption{display:flex;flex-direction:column;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.ns-theme .quote figcaption b{font-family:var(--display);font-size:16px;font-weight:600;letter-spacing:-.015em}
.ns-theme .quote figcaption span{font-family:var(--label);font-weight:600;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--faint);margin-top:4px}
.ns-theme .stars{position:absolute;bottom:24px;right:24px;font-size:11px;letter-spacing:2px;color:var(--gold-3)}
/* ---------- 12. FOOTER (two dark bands, as on the current site) ---------- */.ns-theme .foot{
  /* re-declare the token set for a dark ground */
  --text:#EDE9E1;
  --muted:rgba(237,233,225,.68);
  --faint:rgba(237,233,225,.60);
  --line:rgba(233,214,166,.14);
  --line-2:rgba(233,214,166,.26);
  --gold-1:#F7E3B0;
  --gold-2:#E0B457;
  --gold-3:#DCB560;
  --gold-fill:linear-gradient(135deg,#F7E3B0,#E0B457 46%,#B98A2E);
  --blue-2:#8FB6F0;                       /* sapphire, lifted for a dark ground */
  --accent-text:linear-gradient(135deg,#F7E3B0,#E0B457 60%,#C79A38);
  position:relative;color:var(--text);overflow:hidden;
}
.ns-theme .foot__glow{position:absolute;left:-10%;bottom:-30%;width:60vw;height:60vw;pointer-events:none;z-index:0;
  background:radial-gradient(circle,rgba(224,180,87,.09),transparent 62%);filter:blur(60px)}
.ns-theme .foot .shell{position:relative;z-index:2}
/* --- band one: important links & downloads --- */.ns-theme .foot-a{position:relative;background:#12294A;padding:clamp(44px,5vw,64px) 0;border-bottom:1px solid var(--line)}
.ns-theme .foot-a__grid{display:grid;grid-template-columns:1.55fr .85fr;gap:clamp(32px,4.5vw,64px);align-items:start}
.ns-theme .fgroup__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:6px}
/* --- band two: policy / quick links / follow --- */.ns-theme .foot-b{position:relative;background:var(--ink-900);padding:clamp(40px,4.6vw,58px) 0 26px}
.ns-theme .foot-b__grid{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:clamp(28px,4vw,56px);padding-bottom:34px;border-bottom:1px solid var(--line)}
.ns-theme .fgroup h4,.ns-theme .fcol h4{
  font-family:var(--label);font-size:12.5px;font-weight:700;letter-spacing:.02em;
  color:var(--text);margin-bottom:18px;
}
.ns-theme .fcol a{display:flex;align-items:center;gap:9px;padding:6px 0;font-size:14px;color:var(--muted);transition:color .3s,transform .35s var(--ease)}
.ns-theme .fcol a svg{width:16px;height:16px;color:var(--gold-2);flex:none}
.ns-theme .fcol a:hover{color:var(--gold-1);transform:translateX(4px)}
.ns-theme .fcol--follow .foot__social{margin-top:0}
.ns-theme .foot__social{display:flex;gap:10px;flex-wrap:wrap}
.ns-theme .foot__social a{
  display:grid;place-items:center;width:40px;height:40px;border-radius:50%;
  border:1px solid var(--line);color:var(--muted);transition:.4s var(--ease);
}
.ns-theme .foot__social a svg{width:18px;height:18px}
.ns-theme .foot__social a:hover{background:var(--gold-fill);color:#241A05;border-color:transparent;transform:translateY(-4px)}
.ns-theme .fcol__contacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 20px;margin-top:20px}
.ns-theme .fcol__contacts a{font-size:13px}
/* --- enquiry --- */.ns-theme .foot__enqKick{font-family:var(--label);font-weight:600;font-size:10.5px;letter-spacing:.19em;text-transform:uppercase;color:var(--gold-2);margin-bottom:14px}
.ns-theme .enq{display:grid;gap:11px;padding:22px;border-radius:var(--r-md);border:1px solid var(--line);
  background:rgba(255,255,255,.05)}
.ns-theme .enq input{
  width:100%;padding:13px 16px;border-radius:12px;
  background:rgba(5,10,18,.45);border:1px solid var(--line);color:var(--text);font-size:14px;
  transition:border-color .35s,background .35s;
}
.ns-theme .enq input::placeholder{color:var(--faint)}
.ns-theme .enq input:focus{outline:none;border-color:var(--gold-2);background:rgba(5,10,18,.72)}
.ns-theme .enq input:user-invalid{border-color:var(--coral-soft)}
.ns-theme .enq .btn{justify-content:center;margin-top:3px}
.ns-theme .enq__note{font-family:var(--label);font-weight:600;font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--faint);text-align:center}
.ns-theme .enq__note.is-ok{color:#5FD69C}
.ns-theme .enq__note.is-err{color:#FF8A6E}
/* --- bottom bar --- */.ns-theme .foot__bar{display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:28px}
.ns-theme .foot__pay{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.ns-theme .foot__pay span{padding:6px 12px;border-radius:7px;border:1px solid var(--line);background:rgba(255,255,255,.04);
  font-family:var(--label);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.ns-theme .foot__copy{font-family:var(--label);font-size:12px;letter-spacing:.02em;color:var(--faint);text-align:center}
/* ---------- 13. FABS ---------- */.ns-theme .fab{
  position:fixed;z-index:880;display:grid;place-items:center;border-radius:50%;
  border:1px solid var(--line-2);transition:.45s var(--ease);
}
.ns-theme .fab--wa{
  right:22px;bottom:22px;width:56px;height:56px;color:#fff;
  background:linear-gradient(140deg,#25B462,#0E7D3C);border-color:transparent;
  box-shadow:0 14px 32px -12px rgba(14,125,60,.7);
}
.ns-theme .fab--wa svg{width:27px;height:27px}
.ns-theme .fab--wa::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(14,125,60,.4);animation:ns-ripple 2.6s ease-out infinite}
@keyframes ns-ripple{0%{transform:scale(.9);opacity:.8}100%{transform:scale(1.45);opacity:0}}
.ns-theme .fab--wa:hover{transform:scale(1.08)}
.ns-theme .fab__label{
  position:absolute;right:calc(100% + 12px);white-space:nowrap;padding:8px 14px;border-radius:100px;
  background:#fff;border:1px solid var(--line-2);color:var(--text);box-shadow:var(--sh-md);
  font-family:var(--label);font-weight:600;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;
  opacity:0;transform:translateX(8px);transition:.4s var(--ease);pointer-events:none;
}
.ns-theme .fab--wa:hover .fab__label{opacity:1;transform:none}
.ns-theme .fab--top{
  right:26px;bottom:92px;width:46px;height:46px;padding:0;
  background:rgba(255,255,255,.92);color:var(--blue-2);backdrop-filter:blur(10px);
  box-shadow:var(--sh-md);
  opacity:0;visibility:hidden;transform:translateY(12px);
}
.ns-theme .fab--top svg{width:19px;height:19px}
.ns-theme .fab--top.is-on{opacity:1;visibility:visible;transform:none}
.ns-theme .fab--top:hover{background:var(--gold-fill);color:#241A05;border-color:transparent}
/* ---------- 13b. MOBILE ACTION BAR ---------- */
/* Phone-only bar pinned to the bottom: call, WhatsApp, and the one CTA that
   matters. It carries a z-index above the third-party chat pill (which pins
   itself to bottom:0 with inline !important and cannot be moved from here) —
   the bar's own WhatsApp button covers what that pill offered. */
.ns-theme .mbar{
  display:none;position:fixed;z-index:1000010;
  left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));
  grid-template-columns:1fr 1fr 1.2fr;gap:6px;padding:6px;
  border-radius:22px;
  background:rgba(255,255,255,.9);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border:1px solid var(--line-2);
  box-shadow:0 18px 44px -14px rgba(12,31,61,.5);
}
.ns-theme .mbar__b{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  min-height:54px;padding:8px 4px;border-radius:16px;
  font-family:var(--label);font-weight:700;font-size:11px;letter-spacing:.04em;
  color:var(--blue-2);text-align:center;
  transition:transform .3s var(--ease),background .3s;
}
.ns-theme .mbar__b svg{width:21px;height:21px;flex:none}
.ns-theme .mbar__b:active{transform:scale(.96)}
.ns-theme .mbar__b--wa{color:#0E7D3C}
.ns-theme .mbar__b--cta{background:var(--coral);color:#fff;box-shadow:0 10px 22px -10px rgba(194,69,31,.9)}

@media (max-width:767px){
.ns-theme .mbar{display:grid}
.ns-theme .fab--wa{display:none}
.ns-theme .fab--top{bottom:96px}
body.ns-theme{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
}
/* ---------- 14. RESPONSIVE ---------- */@media (max-width:1180px){.ns-theme .nav__links{display:none}
.ns-theme .burger{display:grid}
.ns-theme .ghostlink{display:none}
.ns-theme .hero__inner{grid-template-columns:1fr;gap:56px;padding-bottom:26px}
.ns-theme .hero__art{height:min(420px,72vw);max-width:520px;margin-inline:auto;width:100%}
.ns-theme .hero__title,.ns-theme .title{font-size:clamp(21px,4.5vw,37px)}
.ns-theme .benefits__layout{grid-template-columns:1fr;gap:52px}
.ns-theme .bcards{grid-column:1}
.ns-theme .orbit{max-width:440px}
.ns-theme .foot-a__grid{grid-template-columns:1fr;gap:40px}
.ns-theme .foot-b__grid{grid-template-columns:1fr 1fr;gap:36px}
.ns-theme .fcol--follow{grid-column:1 / -1}}
@media (max-width:1180px){.ns-theme .svcs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.ns-theme .svcs{grid-template-columns:repeat(2,minmax(0,1fr))}
.ns-theme .stats__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}
.ns-theme .says__wall{grid-template-columns:repeat(2,minmax(0,1fr));height:560px}
.ns-theme .says__col:nth-child(3){display:none}}
@media (max-width:640px){.ns-theme{--r-lg:20px}
body.ns-theme{font-size:16px}
.ns-theme .nav__inner{padding:16px 0}
.ns-theme .nslogo--full{display:none}
.ns-theme .nslogo--badge{display:block;height:44px}
.ns-theme .hero{padding-top:77px}
.ns-theme .hero__cta .btn{flex:1 1 100%;justify-content:center}
.ns-theme .chip--marks{left:-2%;top:2%;padding:10px 14px}
.ns-theme .chip--marks b{font-size:30px}
.ns-theme .chip--support{right:-2%;bottom:2%;padding:10px 14px}
.ns-theme .svcs{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}
.ns-theme .svc{min-height:auto;padding-bottom:46px}
.ns-theme .bcards{grid-template-columns:minmax(0,1fr)}
.ns-theme .stats__grid{grid-template-columns:minmax(0,1fr)}
.ns-theme .says__wall{grid-template-columns:minmax(0,1fr);height:520px}
.ns-theme .says__col:nth-child(2){display:none}
.ns-theme .fgroup__cols{grid-template-columns:minmax(0,1fr);gap:0}
.ns-theme .foot-b__grid{grid-template-columns:minmax(0,1fr);gap:30px}
.ns-theme .fcol__contacts{grid-template-columns:minmax(0,1fr)}
.ns-theme .fab--wa{width:50px;height:50px;right:16px;bottom:16px}
.ns-theme .fab--top{right:19px;bottom:96px}}
/* ---------- 15. MOTION PREFERENCE ---------- */@media (prefers-reduced-motion:reduce){.ns-theme *,.ns-theme *::before,.ns-theme *::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
.ns-theme .js .reveal{opacity:1;transform:none;filter:none}
.ns-theme .hero__title .w{opacity:1;transform:none}
.ns-theme .chart__line{stroke-dashoffset:0}
.ns-theme .chart__area,.ns-theme .chart__dot{opacity:1}
.ns-theme .grain{display:none}}
/* ===== pages.css ===== *//* ═══════════════════════════════════════════════════════════
   NS CLASSES — inner-page components
   Loaded after styles.css. Inherits every token from it.
   ═══════════════════════════════════════════════════════════ *//* ---------- 1. PAGE HEADER ---------- */.ns-theme .phero{
  position:relative;overflow:hidden;padding:118px 0 44px;
  background:linear-gradient(180deg,#F0F4F7 0%,var(--paper) 78%);
  border-bottom:1px solid var(--line);
}
.ns-theme .phero__mesh{
  position:absolute;inset:0;opacity:.6;pointer-events:none;
  background-image:linear-gradient(rgba(12,23,37,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(12,23,37,.05) 1px,transparent 1px);
  background-size:74px 74px;
  mask-image:radial-gradient(ellipse 80% 70% at 30% 40%,#000 20%,transparent 76%);
  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 30% 40%,#000 20%,transparent 76%);
}
.ns-theme .phero__glow{position:absolute;right:-8%;top:-60%;width:52vw;height:52vw;pointer-events:none;
  background:radial-gradient(circle,rgba(217,180,92,.30),transparent 62%);filter:blur(70px)}
.ns-theme .phero__inner{position:relative;z-index:2;display:grid;grid-template-columns:1.4fr .9fr;gap:clamp(24px,4vw,60px);align-items:end}
.ns-theme .crumb{display:flex;align-items:center;gap:9px;margin-bottom:16px;
  font-family:var(--label);font-weight:600;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.ns-theme .crumb a{color:var(--blue-2);transition:color .3s}
.ns-theme .crumb a:hover{color:var(--blue-3)}
.ns-theme .crumb span{opacity:.55}
.ns-theme .phero h1{font-size:clamp(34px,4.6vw,58px);letter-spacing:-.016em}
.ns-theme .phero h1 em{font-style:italic;font-weight:700;background:var(--accent-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.ns-theme .phero__lede{margin-top:16px;max-width:54ch;color:var(--muted);font-size:16px;line-height:1.7}
.ns-theme .pmeta{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.ns-theme .pmeta div{
  padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.78);
  border:1px solid var(--line);box-shadow:var(--sh-sm);backdrop-filter:blur(8px);min-width:104px;
}
.ns-theme .pmeta b{display:block;font-family:var(--display);font-size:26px;font-weight:700;letter-spacing:-.02em;
  background:var(--accent-text);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.ns-theme .pmeta span{font-family:var(--label);font-weight:600;font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--faint)}
/* The [hidden] attribute must beat our own display rules on .pcard, .batch,
   .vrow and .channel — an author-level `display` otherwise overrides the UA rule
   and filtered-out items keep painting. */.ns-theme [hidden]{display:none !important}
/* ---------- 2. LAYOUT ---------- */.ns-theme .layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:start}
.ns-theme .layout--wide{grid-template-columns:minmax(0,1fr)}
.ns-theme .toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.ns-theme .toolbar__count{font-family:var(--label);font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.ns-theme .toolbar__count b{color:var(--text);font-family:var(--num);font-variant-numeric:tabular-nums}
.ns-theme .selectwrap{position:relative}
.ns-theme .selectwrap select{
  appearance:none;-webkit-appearance:none;padding:11px 40px 11px 16px;border-radius:100px;
  border:1px solid var(--line-2);background:#fff;color:var(--text);font-size:13.5px;font-weight:600;
  box-shadow:var(--sh-sm);cursor:pointer;
}
.ns-theme .selectwrap::after{content:"";position:absolute;right:16px;top:50%;width:7px;height:7px;margin-top:-5px;
  border-right:1.6px solid var(--blue-2);border-bottom:1.6px solid var(--blue-2);transform:rotate(45deg);pointer-events:none}
.ns-theme .filterbtn{display:none;align-items:center;gap:9px;padding:11px 18px;border-radius:100px;
  border:1px solid var(--line-2);background:#fff;font-size:13.5px;font-weight:600;box-shadow:var(--sh-sm)}
.ns-theme .filterbtn svg{width:16px;height:16px;color:var(--blue-2)}
.ns-theme .filterbtn b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:100px;
  background:var(--blue-2);color:#fff;font-size:10px}
/* ---------- 3. FILTER PANEL ---------- */.ns-theme .filters{
  position:sticky;top:96px;padding:22px;border-radius:20px;
  background:linear-gradient(165deg,var(--surface),var(--surface-2));
  border:1px solid var(--line);box-shadow:var(--sh-sm);
}
.ns-theme #closeFilters{display:none;width:36px;height:36px}
.ns-theme .filters__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.ns-theme .filters__head h2{font-family:var(--label);font-size:12.5px;font-weight:700;letter-spacing:.02em}
.ns-theme .filters__clear{background:none;border:0;padding:0;font-family:var(--label);font-weight:600;
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#9E3312;cursor:pointer}
.ns-theme .filters__clear:hover{text-decoration:underline}
.ns-theme .fgrp{padding:16px 0;border-bottom:1px solid var(--line)}
.ns-theme .fgrp:last-child{border-bottom:0;padding-bottom:0}
.ns-theme .fgrp h3{font-family:var(--label);font-weight:600;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin-bottom:12px}
.ns-theme .fopt{display:flex;align-items:center;gap:10px;padding:6px 0;cursor:pointer;font-size:13.5px;color:var(--muted);transition:color .25s}
.ns-theme .fopt:hover{color:var(--text)}
.ns-theme .fopt input{position:absolute;opacity:0;width:0;height:0}
.ns-theme .fbox{
  position:relative;flex:none;width:17px;height:17px;border-radius:5px;
  border:1.5px solid var(--line-2);background:#fff;transition:.25s var(--ease);
}
.ns-theme .fbox::after{content:"";position:absolute;left:5px;top:1.5px;width:4px;height:8px;
  border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg) scale(0);transition:transform .25s var(--ease)}
.ns-theme .fopt input:checked + .fbox{background:var(--blue-2);border-color:var(--blue-2)}
.ns-theme .fopt input:checked + .fbox::after{transform:rotate(45deg) scale(1)}
.ns-theme .fopt input:focus-visible + .fbox{outline:2px solid var(--blue-1);outline-offset:2px}
.ns-theme .fopt input:checked ~ .fopt__label{color:var(--text);font-weight:600}
.ns-theme .fopt__n{margin-left:auto;font-family:var(--num);font-size:10.5px;font-weight:600;color:var(--faint)}
/* ---------- 4. PRODUCT CARD ---------- */.ns-theme .plist{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:18px}
.ns-theme .pcard{
  --accent:var(--blue-2);
  position:relative;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;
  background:linear-gradient(165deg,var(--surface),var(--surface-2));
  border:1px solid var(--line);box-shadow:var(--sh-sm);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s;
}
.ns-theme .pcard:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);border-color:color-mix(in srgb,var(--accent) 38%,transparent)}
.ns-theme .pcard__thumb{
  position:relative;aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden;
  background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 88%,#fff),color-mix(in srgb,var(--accent) 55%,#0B1523));
}
.ns-theme .pcard__thumb img{width:100%;height:100%;object-fit:cover}
.ns-theme .pcard__mono{font-family:var(--display);font-size:40px;font-weight:700;font-style:italic;color:rgba(255,255,255,.94);letter-spacing:-.02em}
.ns-theme .pcard__tag{position:absolute;left:12px;top:12px;padding:5px 11px;border-radius:100px;
  background:rgba(255,255,255,.94);color:var(--text);
  font-family:var(--label);font-weight:700;font-size:9.5px;letter-spacing:.13em;text-transform:uppercase}
.ns-theme .pcard__dur{position:absolute;right:12px;bottom:12px;padding:5px 11px;border-radius:100px;
  background:rgba(11,21,35,.72);color:#fff;backdrop-filter:blur(6px);
  font-family:var(--num);font-weight:600;font-size:10px;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.ns-theme .pcard__body{display:flex;flex-direction:column;flex:1;padding:18px 18px 0}
.ns-theme .pcard h3{font-size:17px;line-height:1.3;letter-spacing:-.01em;margin-bottom:8px}
.ns-theme .pcard__by{font-family:var(--label);font-size:11.5px;font-weight:600;color:var(--blue-2);margin-bottom:12px}
.ns-theme .pcard__chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.ns-theme .pcard__chips li{padding:4px 10px;border-radius:100px;border:1px solid var(--line-2);
  font-family:var(--label);font-weight:600;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.ns-theme .pcard__foot{margin-top:auto;padding:14px 18px 18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}
.ns-theme .price{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.ns-theme .price b{font-family:var(--num);font-size:21px;font-weight:700;letter-spacing:-.015em;color:var(--text);font-variant-numeric:tabular-nums}
.ns-theme .price s{font-family:var(--num);font-size:12.5px;color:var(--faint);font-variant-numeric:tabular-nums}
.ns-theme .price i{font-style:normal;padding:3px 8px;border-radius:100px;background:rgba(11,106,68,.13);color:#0A6A44;
  font-family:var(--label);font-weight:700;font-size:9.5px;letter-spacing:.08em}
.ns-theme .price small{display:block;width:100%;font-family:var(--label);font-size:9.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.ns-theme .pcard__go{
  display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;
  border:1px solid var(--line-2);color:var(--accent);transition:.35s var(--ease);
}
.ns-theme .pcard__go svg{width:17px;height:17px}
.ns-theme .pcard:hover .pcard__go{background:var(--accent);color:#fff;border-color:transparent;transform:translateX(3px)}
/* ---------- 5. F2F BATCH ROWS ---------- */.ns-theme .batches{display:flex;flex-direction:column;gap:16px}
.ns-theme .batch{
  --accent:var(--blue-2);
  position:relative;display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:22px;align-items:center;
  padding:22px;border-radius:20px;
  background:linear-gradient(165deg,var(--surface),var(--surface-2));
  border:1px solid var(--line);box-shadow:var(--sh-sm);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s;
}
.ns-theme .batch:hover{transform:translateY(-5px);box-shadow:var(--sh-md);border-color:color-mix(in srgb,var(--accent) 36%,transparent)}
.ns-theme .batch__date{
  display:grid;place-items:center;padding:14px 8px;border-radius:16px;text-align:center;
  background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 92%,#fff),color-mix(in srgb,var(--accent) 58%,#0B1523));
  color:#fff;
}
.ns-theme .batch__date b{font-family:var(--display);font-size:30px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.ns-theme .batch__date span{font-family:var(--label);font-weight:700;font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin-top:4px;opacity:.92}
.ns-theme .batch h3{font-size:19px;letter-spacing:-.014em;margin-bottom:12px}
.ns-theme .batch__specs{display:flex;flex-wrap:wrap;gap:10px 26px}
.ns-theme .batch__specs div{display:flex;flex-direction:column;gap:2px}
.ns-theme .batch__specs dt{font-family:var(--label);font-weight:600;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.ns-theme .batch__specs dd{margin:0;font-size:13.5px;font-weight:600;color:var(--text)}
.ns-theme .batch__note{margin-top:12px;padding:9px 13px;border-radius:10px;background:rgba(217,180,92,.14);
  border:1px solid rgba(168,128,31,.22);font-size:12.5px;color:var(--muted)}
.ns-theme .batch__cta{display:flex;flex-direction:column;align-items:flex-end;gap:12px;text-align:right}
.ns-theme .seats{width:150px}
.ns-theme .seats__bar{height:6px;border-radius:100px;background:rgba(12,23,37,.10);overflow:hidden}
.ns-theme .seats__bar i{display:block;height:100%;border-radius:100px;background:var(--gold-fill)}
.ns-theme .seats span{display:block;margin-top:6px;font-family:var(--label);font-weight:600;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.ns-theme .badge-live{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:100px;
  background:rgba(14,143,92,.12);color:var(--mint);
  font-family:var(--label);font-weight:700;font-size:9.5px;letter-spacing:.13em;text-transform:uppercase}
.ns-theme .badge-live i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:ns-pulse 2s infinite}
.ns-theme .badge-closed{background:rgba(12,23,37,.07);color:var(--faint)}
.ns-theme .badge-closed i{animation:none}
/* ---------- 6. FREE VIDEO GALLERY ---------- */.ns-theme .vcats{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:16px;margin-bottom:34px}
.ns-theme .vcat{
  --accent:var(--blue-2);
  position:relative;padding:20px;border-radius:18px;text-align:left;cursor:pointer;
  background:linear-gradient(165deg,var(--surface),var(--surface-2));
  border:1px solid var(--line);box-shadow:var(--sh-sm);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s;
}
.ns-theme .vcat:hover{transform:translateY(-5px);box-shadow:var(--sh-md)}
.ns-theme .vcat[aria-pressed="true"]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--sh-md)}
.ns-theme .vcat__ico{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;margin-bottom:14px;
  background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--accent)}
.ns-theme .vcat__ico svg{width:21px;height:21px}
.ns-theme .vcat h3{font-size:15.5px;line-height:1.35;letter-spacing:-.01em;margin-bottom:6px}
.ns-theme .vcat span{font-family:var(--label);font-weight:600;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--faint)}
.ns-theme .vlist{display:flex;flex-direction:column;gap:10px}
.ns-theme .vrow{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;
  padding:15px 18px;border-radius:15px;
  background:linear-gradient(165deg,var(--surface),var(--surface-2));
  border:1px solid var(--line);box-shadow:var(--sh-sm);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s;
}
.ns-theme .vrow:hover{transform:translateX(5px);box-shadow:var(--sh-md);border-color:var(--line-2)}
.ns-theme .vrow__play{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:50%;
  background:rgba(194,69,31,.10);color:var(--coral);transition:.35s var(--ease)}
.ns-theme .vrow__play svg{width:19px;height:19px;margin-left:2px}
.ns-theme .vrow:hover .vrow__play{background:var(--coral);color:#fff;transform:scale(1.06)}
.ns-theme .vrow h4{font-size:15px;letter-spacing:-.008em;margin-bottom:4px}
.ns-theme .vrow p{font-family:var(--label);font-weight:600;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--faint)}
.ns-theme .vrow__free{padding:5px 12px;border-radius:100px;background:rgba(14,143,92,.12);color:var(--mint);
  font-family:var(--label);font-weight:700;font-size:9.5px;letter-spacing:.13em;text-transform:uppercase}
/* ---------- 7. UPDATES TIMELINE ---------- */.ns-theme .chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px}
.ns-theme .chipbtn{
  padding:9px 17px;border-radius:100px;border:1px solid var(--line-2);background:#fff;
  font-family:var(--label);font-weight:600;font-size:11px;letter-spacing:.11em;text-transform:uppercase;
  color:var(--muted);cursor:pointer;box-shadow:var(--sh-sm);transition:.3s var(--ease);
}
.ns-theme .chipbtn:hover{border-color:var(--blue-2);color:var(--blue-2)}
.ns-theme .chipbtn[aria-pressed="true"]{background:var(--blue-2);border-color:var(--blue-2);color:#fff}
.ns-theme .tl{position:relative;padding-left:34px}
.ns-theme .tl::before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:1px;
  background:linear-gradient(180deg,transparent,var(--line-2) 8%,var(--line-2) 92%,transparent)}
.ns-theme .tlitem{position:relative;margin-bottom:16px}
.ns-theme .tlitem::before{
  content:"";position:absolute;left:-30px;top:26px;width:11px;height:11px;border-radius:50%;
  background:var(--gold-fill);box-shadow:0 0 0 4px var(--paper),0 0 0 5px var(--line-2);
}
.ns-theme .tlcard{
  padding:22px 24px;border-radius:18px;
  background:linear-gradient(165deg,var(--surface),var(--surface-2));
  border:1px solid var(--line);box-shadow:var(--sh-sm);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s;
}
.ns-theme .tlcard:hover{transform:translateX(5px);box-shadow:var(--sh-md);border-color:var(--line-2)}
.ns-theme .tlcard__top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:11px}
.ns-theme .tldate{font-family:var(--label);font-weight:700;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-2)}
.ns-theme .tltag{padding:4px 11px;border-radius:100px;font-family:var(--label);font-weight:700;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase}
.ns-theme .tltag--amend{background:rgba(168,128,31,.14);color:var(--gold-3)}
.ns-theme .tltag--icai{background:rgba(27,75,150,.11);color:var(--blue-2)}
.ns-theme .tltag--book{background:rgba(15,110,117,.12);color:var(--teal)}
.ns-theme .tltag--market{background:rgba(194,69,31,.11);color:var(--coral)}
.ns-theme .tlcard h3{font-size:19px;letter-spacing:-.014em;margin-bottom:9px}
.ns-theme .tlcard p{font-size:14.5px;line-height:1.72;color:var(--muted)}
.ns-theme .dlist{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.ns-theme .dlink{
  display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:12px;
  border:1px solid var(--line);background:rgba(27,75,150,.04);
  font-size:13.5px;font-weight:600;color:var(--text);transition:.3s var(--ease);
}
.ns-theme .dlink svg{width:17px;height:17px;flex:none;color:var(--blue-2)}
.ns-theme .dlink__name{flex:1;min-width:0}
.ns-theme .dlink span{margin-left:auto;font-family:var(--label);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.ns-theme .dlink:hover{background:rgba(27,75,150,.09);border-color:color-mix(in srgb,var(--blue-2) 34%,transparent);transform:translateX(3px)}
/* ---------- 8. CHAT & QUERY ---------- */.ns-theme .channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:16px;margin-bottom:38px}
.ns-theme .channel{
  --accent:var(--blue-2);
  display:flex;flex-direction:column;padding:24px;border-radius:20px;
  background:linear-gradient(165deg,var(--surface),var(--surface-2));
  border:1px solid var(--line);box-shadow:var(--sh-sm);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s;
}
.ns-theme .channel:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);border-color:color-mix(in srgb,var(--accent) 38%,transparent)}
.ns-theme .channel__ico{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;margin-bottom:18px;
  background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--accent);transition:.4s var(--ease)}
.ns-theme .channel__ico svg{width:24px;height:24px}
.ns-theme .channel:hover .channel__ico{background:var(--accent);color:#fff;transform:rotate(-7deg) scale(1.05)}
.ns-theme .channel h3{font-size:18px;margin-bottom:8px;letter-spacing:-.014em}
.ns-theme .channel p{font-size:13.5px;line-height:1.66;color:var(--muted);margin-bottom:14px}
.ns-theme .channel__hrs{display:inline-flex;align-items:center;gap:7px;margin-bottom:16px;
  font-family:var(--label);font-weight:600;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.ns-theme .channel__hrs i{width:6px;height:6px;border-radius:50%;background:var(--mint)}
.ns-theme .channel .btn{margin-top:auto;justify-content:center}
.ns-theme .qgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,3.4vw,44px);align-items:start}
.ns-theme .qform{
  padding:28px;border-radius:22px;
  background:linear-gradient(165deg,var(--surface),var(--surface-2));
  border:1px solid var(--line);box-shadow:var(--sh-md);
}
.ns-theme .qform h2{font-size:26px;margin-bottom:6px;letter-spacing:-.016em}
.ns-theme .qform > p{font-size:14px;color:var(--muted);margin-bottom:22px}
.ns-theme .frow{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:13px}
.ns-theme .field{display:flex;flex-direction:column;gap:7px}
.ns-theme .field--full{grid-column:1 / -1}
.ns-theme .field label{font-family:var(--label);font-weight:600;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.ns-theme .field input,.ns-theme .field select,.ns-theme .field textarea{
  width:100%;padding:13px 15px;border-radius:12px;font-size:14px;
  border:1px solid var(--line-2);background:#fff;color:var(--text);
  transition:border-color .3s,box-shadow .3s;
}
.ns-theme .field select{appearance:none;-webkit-appearance:none;cursor:pointer}
.ns-theme .field textarea{min-height:110px;resize:vertical;font-family:inherit;line-height:1.6}
.ns-theme .field input::placeholder,.ns-theme .field textarea::placeholder{color:var(--faint)}
.ns-theme .field input:focus,.ns-theme .field select:focus,.ns-theme .field textarea:focus{
  outline:none;border-color:var(--blue-2);box-shadow:0 0 0 3px rgba(27,75,150,.12)}
.ns-theme .field input:user-invalid,.ns-theme .field textarea:user-invalid{border-color:var(--coral)}
.ns-theme .qform .btn{width:100%;justify-content:center;margin-top:6px}
.ns-theme .qnote{margin-top:12px;text-align:center;font-family:var(--label);font-weight:600;
  font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--faint)}
.ns-theme .qnote.is-ok{color:var(--mint)}
.ns-theme .qnote.is-err{color:var(--coral)}
.ns-theme .faq{display:flex;flex-direction:column;gap:10px}
.ns-theme .faq__q{
  width:100%;display:flex;align-items:center;gap:14px;padding:17px 20px;border-radius:15px;text-align:left;
  background:linear-gradient(165deg,var(--surface),var(--surface-2));
  border:1px solid var(--line);box-shadow:var(--sh-sm);cursor:pointer;
  font-size:15px;font-weight:600;color:var(--text);transition:.3s var(--ease);
}
.ns-theme .faq__q:hover{border-color:var(--line-2);box-shadow:var(--sh-md)}
.ns-theme .faq__q::after{content:"";flex:none;margin-left:auto;width:9px;height:9px;
  border-right:1.8px solid var(--blue-2);border-bottom:1.8px solid var(--blue-2);
  transform:rotate(45deg) translateY(-2px);transition:transform .35s var(--ease)}
.ns-theme .faq__q[aria-expanded="true"]::after{transform:rotate(-135deg) translateY(-2px)}
.ns-theme .faq__a{display:none;padding:2px 22px 18px;font-size:14px;line-height:1.72;color:var(--muted)}
.ns-theme .faq__a.is-open{display:block}
/* ---------- 9. SHARED BITS ---------- */.ns-theme .pagesec{padding:clamp(11px,1.12vw,17px) 0;background:var(--paper)}
.ns-theme .pagesec + .pagesec{border-top:1px solid var(--line)}
.ns-theme .pagesec--tint{background:var(--paper-3)}
.ns-theme .sectitle{font-size:clamp(26px,3vw,38px);letter-spacing:-.018em;margin-bottom:8px}
.ns-theme .sectitle em{font-style:italic;font-weight:700;background:var(--accent-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.ns-theme .secsub{color:var(--muted);font-size:15px;max-width:56ch;margin-bottom:26px}
.ns-theme .empty{padding:56px 24px;text-align:center;border-radius:20px;border:1px dashed var(--line-2);color:var(--faint)}
.ns-theme .empty b{display:block;font-family:var(--display);font-size:20px;color:var(--text);margin-bottom:6px}
.ns-theme .helpbar{
  display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;
  margin-top:34px;padding:24px 28px;border-radius:20px;
  background:linear-gradient(118deg,var(--cream) 0%,rgba(217,180,92,.40) 50%,rgba(44,99,181,.14) 100%);
  border:1px solid rgba(168,128,31,.26);
}
.ns-theme .helpbar h3{font-size:22px;letter-spacing:-.016em;margin-bottom:5px}
.ns-theme .helpbar p{font-size:14px;color:var(--muted)}
.ns-theme .helpbar__btns{display:flex;gap:11px;flex-wrap:wrap}
/* ---------- 10. RESPONSIVE ---------- */@media (max-width:1024px){.ns-theme .phero__inner{grid-template-columns:1fr;gap:26px}
.ns-theme .pmeta{justify-content:flex-start}
.ns-theme .qgrid{grid-template-columns:1fr}}
@media (max-width:900px){.ns-theme .layout{grid-template-columns:minmax(0,1fr)}
.ns-theme .filterbtn{display:inline-flex}
.ns-theme .filters{
    position:fixed;left:0;right:0;bottom:0;top:auto;z-index:880;max-height:78vh;overflow-y:auto;
    border-radius:22px 22px 0 0;transform:translateY(101%);transition:transform .45s var(--ease);
    box-shadow:0 -20px 60px -20px rgba(11,21,35,.45);
  }
.ns-theme .filters.is-open{transform:none}
.ns-theme #closeFilters{display:grid}
.ns-theme .filters__head{position:sticky;top:0;background:var(--surface);margin:-22px -22px 0;padding:20px 22px 14px;z-index:2}
.ns-theme .batch{grid-template-columns:76px minmax(0,1fr);gap:18px}
.ns-theme .batch__cta{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;width:100%;text-align:left}}
@media (max-width:640px){.ns-theme .phero{padding:94px 0 34px}
.ns-theme .frow{grid-template-columns:1fr}
.ns-theme .plist{grid-template-columns:minmax(0,1fr)}
.ns-theme .vcats{grid-template-columns:minmax(0,1fr)}
.ns-theme .batch{grid-template-columns:minmax(0,1fr)}
.ns-theme .batch__date{width:76px}
.ns-theme .seats{width:100%}
.ns-theme .helpbar{flex-direction:column;align-items:flex-start}
.ns-theme .tl{padding-left:26px}
.ns-theme .tlitem::before{left:-22px}
.ns-theme .vrow{grid-template-columns:auto minmax(0,1fr);gap:13px}
.ns-theme .vrow__free{grid-column:2}}
/* ---------- TOP SCORERS WALL (hand-added; mirrored in pages.css section 10) ---------- */
.ns-theme .tpbar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  margin-bottom:20px;
}
.ns-theme .tpbar__filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ns-theme .tpsearch{position:relative}
.ns-theme .tpsearch input{
  width:210px;padding:11px 16px 11px 40px;border-radius:100px;
  border:1px solid var(--line-2);background:#fff;color:var(--text);
  font-size:13.5px;font-weight:500;box-shadow:var(--sh-sm);
  transition:border-color .3s var(--ease),width .3s var(--ease);
}
.ns-theme .tpsearch input::placeholder{color:var(--faint);font-weight:500}
.ns-theme .tpsearch input:focus{outline:none;border-color:var(--blue-2);width:244px}
.ns-theme .tpsearch svg{position:absolute;left:15px;top:50%;width:15px;height:15px;margin-top:-7.5px;
  color:var(--faint);pointer-events:none}
.ns-theme .tpband{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0 0 22px;
  font-family:var(--label);font-weight:600;font-size:10.5px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--faint)}
.ns-theme .tpband i{display:inline-flex;align-items:center;gap:7px;font-style:normal}
.ns-theme .tpband i::before{content:"";width:10px;height:10px;border-radius:50%;
  background:linear-gradient(135deg,var(--a),var(--b));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--b) 16%,transparent)}
.ns-theme .tpwall{display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:18px}
.ns-theme .tpwall .tp__card{flex:none;width:auto;scroll-snap-align:none;padding:28px 22px 24px}
.ns-theme .tpwall .tp__card h3{font-size:17.5px}
.ns-theme .tpwall .tp__score{margin:14px 0 0;padding:12px 0 0;border-bottom:0}
.ns-theme .tpwall .tp__score b{font-size:38px}
.ns-theme .tp__scale{display:block;height:3px;margin:12px 2px 0;border-radius:3px;background:var(--line);overflow:hidden}
.ns-theme .tp__scale i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--a),var(--b))}
@media (max-width:640px){
.ns-theme .tpbar{flex-direction:column;align-items:stretch}
.ns-theme .tpsearch input,.ns-theme .tpsearch input:focus{width:100%}
.ns-theme .tpwall{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px}
.ns-theme .tpwall .tp__card{padding:22px 14px 18px}
.ns-theme .tpwall .tp__avatar{width:84px;height:84px;margin-bottom:14px}
.ns-theme .tpwall .tp__card h3{font-size:15.5px}
.ns-theme .tpwall .tp__score b{font-size:32px}}

/* ═══════════════════════════════════════════════════════════
   CATALOGUE LISTINGS — slim page header + horizontal filter bar
   Courses, Books and Test Series all render from ns/_listing.php
   and share this bar: the checkbox groups sit in dropdown chips
   in one row with the page stats and the sort select.
   The older sidebar panel (.filters) above is no longer used by
   any page; it is kept only so the mobile bottom-sheet rules and
   the .fopt / .fbox styles the chips inherit stay intact.
   ═══════════════════════════════════════════════════════════ */
.ns-theme .phero--slim{padding-bottom:18px}
.ns-theme .phero--slim .crumb{margin-bottom:0}

.ns-theme .fbar{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  margin:0 0 20px;padding:8px 14px;border-radius:15px;
  background:linear-gradient(165deg,var(--surface),var(--surface-2));
  border:1px solid var(--line);box-shadow:var(--sh-sm);
}
.ns-theme .fbar__drops{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

/* dropdown chip — native <details>, so no extra JS */
.ns-theme .fdrop{position:relative}
.ns-theme .fdrop>summary{
  list-style:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;
  padding:8px 14px;border-radius:100px;border:1px solid var(--line-2);background:#fff;
  font-family:var(--label);font-size:13.5px;font-weight:600;color:var(--text);
  box-shadow:var(--sh-sm);transition:border-color .25s,color .25s;
}
.ns-theme .fdrop>summary::-webkit-details-marker{display:none}
.ns-theme .fdrop>summary::marker{content:""}
.ns-theme .fdrop>summary:hover{border-color:var(--blue-2)}
.ns-theme .fdrop>summary svg{width:14px;height:14px;color:var(--blue-2);transition:transform .25s var(--ease)}
.ns-theme .fdrop[open]>summary{border-color:var(--blue-2);color:var(--blue-3)}
.ns-theme .fdrop[open]>summary svg{transform:rotate(180deg)}
.ns-theme .fdrop__panel{
  position:absolute;z-index:60;top:calc(100% + 9px);left:0;min-width:252px;max-height:330px;overflow-y:auto;
  padding:10px 14px;border-radius:16px;background:var(--surface);
  border:1px solid var(--line);box-shadow:var(--sh-lg);
}
.ns-theme .fbar .filters__clear{padding:6px 2px;display:inline-flex;align-items:center;gap:7px}
.ns-theme .fbar .filters__clear b{display:grid;place-items:center;min-width:19px;height:19px;padding:0 6px;
  border-radius:100px;background:var(--blue-2);color:#fff;font-family:var(--num);font-size:10px}

/* the three page stats, re-used inline in the bar */
.ns-theme .pmeta--bar{margin-left:auto;gap:8px;flex-wrap:nowrap;justify-content:flex-end}
.ns-theme .pmeta--bar div{display:flex;align-items:baseline;gap:7px;padding:6px 13px;border-radius:10px;min-width:0}
.ns-theme .pmeta--bar b{display:inline;font-family:var(--num);font-size:16px;letter-spacing:-.01em;line-height:1.2}
.ns-theme .pmeta--bar span{font-size:8.5px;letter-spacing:.12em;white-space:nowrap;line-height:1.2}
.ns-theme .fbar .selectwrap select{padding:8px 36px 8px 14px}

@media (max-width:1100px){.ns-theme .fbar__drops{flex:1 1 auto}
.ns-theme .fbar .selectwrap{margin-left:auto}
.ns-theme .pmeta--bar{order:3;width:100%;margin-left:0;justify-content:flex-start;flex-wrap:wrap}}
@media (max-width:640px){.ns-theme .fbar{gap:10px;padding:12px}
.ns-theme .fdrop__panel{min-width:min(252px,74vw)}}

/* ═══════════════════════════════════════════════════════════
   FREE LECTURES — "the classroom"
   The page is a stage plus a syllabus rail. Nothing here invents
   a new palette: sapphire carries type, gold stays METAL (the play
   control, the now-playing hairline), coral remains the one CTA.
   ═══════════════════════════════════════════════════════════ */
.ns-theme .pagesec--tight{padding-top:6px}
.ns-theme .u-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}

.ns-theme .thtr__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end;margin:0 0 26px}
.ns-theme .thtr__head h1{font-size:clamp(30px,4vw,52px);line-height:1.06;letter-spacing:-.025em;margin:0 0 12px}
.ns-theme .thtr__head .phero__lede{margin:0;max-width:62ch}

.ns-theme .thtr{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(320px,.95fr);gap:22px;align-items:start}

/* ---------- stage ---------- */
.ns-theme .stage{position:sticky;top:96px}
.ns-theme .stage__frame{
  position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--r-lg);
  background:var(--ink-900);border:1px solid var(--line);box-shadow:var(--sh-lg);
}
.ns-theme .stage__poster{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform 1.1s var(--ease),opacity .32s var(--ease)}
.ns-theme .stage__frame:hover .stage__poster{transform:scale(1.03)}
.ns-theme .stage__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.ns-theme .stage__scrim{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(12,31,61,.34) 0%,rgba(12,31,61,0) 34%,rgba(12,31,61,.06) 62%,rgba(12,31,61,.62) 100%)}
.ns-theme .stage.is-live .stage__scrim,
.ns-theme .stage.is-live .stage__play,
.ns-theme .stage.is-live .stage__tag{opacity:0;pointer-events:none}

/* the play control is a physical object, so it is the one place gold is a fill */
.ns-theme .stage__play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  display:grid;place-items:center;width:82px;height:82px;border-radius:50%;border:0;cursor:pointer;
  background:var(--gold-fill);color:var(--ink-900);
  box-shadow:0 18px 44px -14px rgba(12,31,61,.7);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),opacity .3s var(--ease);
}
.ns-theme .stage__play svg{width:30px;height:30px;margin-left:4px;position:relative;z-index:1}
.ns-theme .stage__play:hover{transform:translate(-50%,-50%) scale(1.08)}
.ns-theme .stage__play:focus-visible{outline:3px solid var(--gold-1);outline-offset:5px}
.ns-theme .stage__playring{position:absolute;inset:-1px;border-radius:50%;border:1.5px solid var(--gold-2);
  animation:stagepulse 2.9s var(--ease-io) infinite}
@keyframes stagepulse{0%{transform:scale(1);opacity:.85}70%,100%{transform:scale(1.42);opacity:0}}

.ns-theme .stage__tag{
  position:absolute;left:18px;bottom:16px;margin:0;padding:7px 13px;border-radius:100px;
  background:rgba(255,255,255,.14);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);
  border:1px solid rgba(255,255,255,.26);color:#fff;
  font-family:var(--label);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  transition:opacity .3s var(--ease);
}

.ns-theme .stage__meta{padding:20px 4px 0}
.ns-theme .stage__meta h2{font-size:clamp(21px,2.3vw,29px);line-height:1.2;letter-spacing:-.022em;margin:0 0 13px}
.ns-theme .stage__row{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.ns-theme .chiprow{display:flex;flex-wrap:wrap;gap:7px;margin:0}
.ns-theme .chip{
  display:inline-block;padding:5px 11px;border-radius:100px;border:1px solid var(--line-2);
  background:var(--surface);font-family:var(--label);font-size:10.5px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--muted);
}
.ns-theme .chip--num{border-color:transparent;background:var(--blue-3);color:#fff}
.ns-theme .chip--note{border-style:dashed;color:var(--brass)}
.ns-theme .stage__out{
  display:inline-flex;align-items:center;gap:7px;font-family:var(--label);font-size:12.5px;font-weight:600;
  color:var(--muted);text-decoration:none;white-space:nowrap;transition:color .25s var(--ease)
}
.ns-theme .stage__out svg{width:14px;height:14px}
.ns-theme .stage__out:hover{color:var(--blue-2)}

/* ---------- rail ---------- */
.ns-theme .rail{
  display:flex;flex-direction:column;min-width:0;
  border-radius:var(--r-lg);border:1px solid var(--line);
  background:linear-gradient(168deg,var(--surface),var(--surface-2));box-shadow:var(--sh-sm);
  padding:15px 15px 6px;max-height:calc(100vh - 132px);position:sticky;top:96px;
}
.ns-theme .rail__ctl{display:flex;flex-direction:column;gap:11px}
.ns-theme .rail__chips{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.ns-theme .rail__chips::-webkit-scrollbar{display:none}
.ns-theme .pill{
  display:inline-flex;align-items:center;gap:7px;white-space:nowrap;cursor:pointer;
  padding:7px 13px;border-radius:100px;border:1px solid var(--line-2);background:#fff;
  font-family:var(--label);font-size:12.5px;font-weight:600;color:var(--text);
  transition:border-color .25s,background .25s,color .25s;
}
.ns-theme .pill b{font-family:var(--num);font-size:10.5px;color:var(--faint)}
.ns-theme .pill:hover{border-color:var(--blue-2)}
.ns-theme .pill[aria-pressed="true"]{background:var(--blue-3);border-color:var(--blue-3);color:#fff}
.ns-theme .pill[aria-pressed="true"] b{color:rgba(255,255,255,.66)}

.ns-theme .rsearch{position:relative;display:block}
.ns-theme .rsearch svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);
  width:15px;height:15px;color:var(--faint);pointer-events:none}
.ns-theme .rsearch input{
  width:100%;padding:10px 13px 10px 36px;border-radius:11px;border:1px solid var(--line-2);
  background:#fff;font-family:var(--body);font-size:14px;color:var(--text);
  transition:border-color .25s,box-shadow .25s;
}
.ns-theme .rsearch input::placeholder{color:var(--faint)}
.ns-theme .rsearch input:focus{outline:0;border-color:var(--blue-2);box-shadow:0 0 0 3px rgba(27,75,150,.12)}

.ns-theme .rail__papers{display:flex;flex-wrap:wrap;gap:6px}
.ns-theme .tag{
  cursor:pointer;padding:4px 10px;border-radius:100px;border:1px dashed var(--line-2);background:transparent;
  font-family:var(--label);font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:var(--muted);transition:.22s var(--ease);
}
.ns-theme .tag:hover{border-color:var(--blue-2);color:var(--blue-2)}
.ns-theme .tag[aria-pressed="true"]{border-style:solid;border-color:var(--teal);background:rgba(15,110,117,.09);color:var(--teal)}

.ns-theme .rail__count{margin:13px 2px 7px;font-family:var(--label);font-size:10px;font-weight:700;
  letter-spacing:.15em;text-transform:uppercase;color:var(--faint)}
.ns-theme .rail__count b{font-family:var(--num);font-size:12px;color:var(--text)}

/* ---------- library folders ----------
   One collapsible folder per series. The header is the whole clickable row, so
   the target is large; the panel animates on grid-template-rows so the list can
   keep its natural height without a hard-coded max-height. */
.ns-theme .rail__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 2px 7px}
.ns-theme .rail__bar .rail__count{margin:0}
.ns-theme .foldall{
  display:inline-flex;align-items:center;gap:6px;cursor:pointer;flex:none;
  padding:5px 11px;border-radius:100px;border:1px solid var(--line-2);background:#fff;
  font-family:var(--label);font-size:11px;font-weight:700;letter-spacing:.07em;
  text-transform:uppercase;color:var(--muted);transition:.22s var(--ease);
}
.ns-theme .foldall svg{width:13px;height:13px}
.ns-theme .foldall:hover{border-color:var(--blue-2);color:var(--blue-2)}
.ns-theme .foldall[data-open="1"] svg{transform:rotate(180deg)}

.ns-theme .rail__body{overflow-y:auto;flex:1 1 auto;padding-right:4px;scrollbar-width:thin}
.ns-theme .rail__body::-webkit-scrollbar{width:6px}
.ns-theme .rail__body::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:100px}

.ns-theme .fold{border-bottom:1px solid var(--line)}
.ns-theme .fold:last-child{border-bottom:0}
.ns-theme .fold__h{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit}
.ns-theme .fold__hd{
  width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;gap:11px;align-items:center;
  padding:11px 6px;border:0;background:none;cursor:pointer;text-align:left;color:inherit;
  border-radius:12px;transition:background .25s var(--ease);
  /* the theme sets every h1-h4 in the display serif; a folder header is
     navigation, not editorial copy, so it resets to the UI sans */
  font-family:var(--label);
}
.ns-theme .fold__hd:hover{background:var(--paper-3)}
.ns-theme .fold__hd:focus-visible{outline:2px solid var(--blue-2);outline-offset:-2px}
.ns-theme .fold__cover{
  display:grid;place-items:center;width:38px;height:38px;border-radius:10px;overflow:hidden;
  background:var(--paper-2);color:var(--blue-2);border:1px solid var(--line);
}
.ns-theme .fold__cover img{width:100%;height:100%;object-fit:cover;display:block}
.ns-theme .fold__cover svg{width:19px;height:19px}
.ns-theme .fold__meta{min-width:0}
.ns-theme .fold__name{
  display:block;font-family:var(--label);font-size:14px;font-weight:600;line-height:1.32;
  letter-spacing:-.016em;color:var(--ink-800);
  font-feature-settings:"ss01" 1,"cv05" 1;   /* Jakarta's single-storey g / straighter l */
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.ns-theme .fold.is-open .fold__name{color:var(--blue-3);font-weight:700}
.ns-theme .fold__n{display:block;margin-top:2px;font-family:var(--label);font-size:9.5px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.ns-theme .fold__n b{font-family:var(--num);font-size:11px;color:var(--gold-3)}
.ns-theme .fold__chev{width:18px;height:18px;color:var(--faint);transition:transform .3s var(--ease)}
.ns-theme .fold.is-open .fold__chev{transform:rotate(180deg);color:var(--blue-2)}

/* panel: 0fr -> 1fr animates without knowing the content height */
.ns-theme .fold__wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .34s var(--ease)}
.ns-theme .fold.is-open .fold__wrap{grid-template-rows:1fr}
.ns-theme .fold__list{overflow:hidden;list-style:none;margin:0;padding:0}
.ns-theme .fold.is-open .fold__list{padding:0 0 8px}
/* a hairline runs down the open folder so its lectures read as children */
.ns-theme .fold.is-open .fold__list{border-left:1px solid var(--line);margin-left:24px;padding-left:6px}

@media (prefers-reduced-motion:reduce){
  .ns-theme .fold__wrap{transition:none}
  .ns-theme .fold__chev{transition:none}
}


.ns-theme .vitem{
  position:relative;display:grid;grid-template-columns:22px 104px minmax(0,1fr);gap:11px;align-items:center;
  padding:8px 9px 8px 6px;border-radius:13px;text-decoration:none;color:inherit;
  transition:background .25s var(--ease),transform .25s var(--ease);
}
.ns-theme .vitem::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:2px;height:0;border-radius:100px;background:var(--gold-fill);transition:height .3s var(--ease);
}
.ns-theme .vitem:hover{background:var(--paper-3);transform:translateX(2px)}
.ns-theme .vitem:hover::before{height:44%}
.ns-theme .vitem:focus-visible{outline:2px solid var(--blue-2);outline-offset:2px}
.ns-theme .vitem.is-on{background:var(--paper-3)}
.ns-theme .vitem.is-on::before{height:66%}
.ns-theme .vitem__n{font-size:11px;color:var(--faint);text-align:right;font-variant-numeric:tabular-nums}
.ns-theme .vitem.is-on .vitem__n{color:var(--gold-3)}
.ns-theme .vitem__thumb{position:relative;aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:var(--paper-2)}
.ns-theme .vitem__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease)}
.ns-theme .vitem:hover .vitem__thumb img{transform:scale(1.06)}
.ns-theme .vitem.is-on .vitem__thumb::after{content:"";position:absolute;inset:0;background:rgba(12,31,61,.5)}

/* now-playing equaliser - three bars, only on the active row */
.ns-theme .vitem__eq{position:absolute;inset:0;z-index:2;display:none;align-items:center;justify-content:center;gap:3px}
.ns-theme .vitem.is-on .vitem__eq{display:flex}
.ns-theme .vitem__eq i{width:3px;height:9px;border-radius:2px;background:var(--gold-1);animation:eq .9s var(--ease-io) infinite alternate}
.ns-theme .vitem__eq i:nth-child(2){animation-delay:.3s}
.ns-theme .vitem__eq i:nth-child(3){animation-delay:.55s}
@keyframes eq{from{height:5px}to{height:17px}}

.ns-theme .vitem__body{min-width:0}
.ns-theme .vitem__t{display:block;font-size:13.5px;line-height:1.34;letter-spacing:-.008em;font-weight:600;
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ns-theme .vitem.is-on .vitem__t{color:var(--blue-3)}
.ns-theme .vitem__sub{display:block;margin-top:3px;font-family:var(--label);font-size:9.5px;font-weight:600;
  letter-spacing:.11em;text-transform:uppercase;color:var(--faint);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ns-theme .vitem__sub em{font-style:normal;color:var(--gold-3);margin-right:7px}

.ns-theme .rail__empty{padding:22px 6px;font-size:14.5px;color:var(--muted)}
.ns-theme .linkbtn{border:0;background:none;padding:0;cursor:pointer;color:var(--blue-2);
  font:inherit;text-decoration:underline;text-underline-offset:3px}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .ns-theme .thtr{grid-template-columns:minmax(0,1fr)}
  .ns-theme .stage,.ns-theme .rail{position:static;top:auto}
  .ns-theme .rail{max-height:none}
  .ns-theme .rail__body{max-height:520px}
}
@media (max-width:820px){
  .ns-theme .thtr__head{grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}
  .ns-theme .pmeta{justify-content:flex-start}
}
@media (max-width:560px){
  .ns-theme .stage__play{width:62px;height:62px}
  .ns-theme .stage__play svg{width:23px;height:23px}
  .ns-theme .stage__meta{padding-top:16px}
  .ns-theme .vitem{grid-template-columns:88px minmax(0,1fr);gap:10px}
  .ns-theme .vitem__n{display:none}
  .ns-theme .rail{padding:12px 12px 4px}
  /* the YouTube escape hatch reads as a footnote under the chips, not beside them */
  .ns-theme .stage__row{flex-direction:column;align-items:flex-start;gap:12px}
}
@media (prefers-reduced-motion:reduce){
  .ns-theme .stage__playring,.ns-theme .vitem__eq i{animation:none}
  .ns-theme .stage__frame:hover .stage__poster,.ns-theme .vitem:hover .vitem__thumb img{transform:none}
}