/* NBJDEX — Polar dawn. A light surface makes the blue silver mark the anchor. */
:root{
  color-scheme:light;
  --ink:#17324c;
  --muted:#5e758d;
  --blue:#1864d9;
  --accent-dark:#0e4fab;
  --cyan:#137da2;
  --ice:#f0f7fb;
  --line:#d9e6ef;
  --hero-text:#14324e;
  --hero-muted:#546f88;
  --hero-line:#2a668b26;
  --hero-panel:#ffffff94;
  --hero-ink:#14324e;
  --modal-overlay:#163d5e46;
  --polar-snow:#fbfefd;
  --polar-sky:#eaf5fc;
  --polar-glass:#ffffffb8;
  --polar-header:#f8fdfdb8;
  --polar-header-scrolled:#fbfefdE8;
  --polar-teal:#147c91;
  --polar-mint:#dcf5ed;
  --polar-cobalt:#2d72c3;
  --polar-shadow:#335f8c0d;
  --polar-ring:#4b97c02b;
  --polar-white-shadow:#ffffffbb;
  --polar-aura:#81cde747;
  --polar-footer:#f0f7fa;
  --nb-surface:#f8fcff;
  --nb-soft-blue:#eaf2fe;
  --nb-pale-cyan:#eefbf8;
  --nb-soft-ink:#3e607c;
  --nb-blue-shadow:#2e698714;
  --nb-mascot-glow:#99e7d647;
  --nb-orbit-line:#9bcbdd70;
}
body{background:var(--polar-snow)}
.site-header{
  color:var(--hero-text);
  background:var(--polar-header);
  border-bottom-color:var(--hero-line);
  backdrop-filter:blur(18px) saturate(130%);
}
.has-scrolled .site-header{
  background:var(--polar-header-scrolled);
  box-shadow:0 8px 34px var(--polar-shadow);
}
.desktop-nav a{color:var(--hero-muted)}
.desktop-nav a:hover,.footer-top nav a:hover,.footer-top nav button:hover{color:var(--blue)}
.header-wallet{background:var(--polar-glass);box-shadow:0 3px 12px var(--polar-shadow)}
.header-wallet:hover{background:var(--white);border-color:var(--blue)}
.wordmark small{color:var(--hero-muted)}
.hero{
  background:linear-gradient(150deg,var(--polar-snow) 0%,var(--polar-snow) 27%,var(--polar-sky) 100%);
  color:var(--hero-text);
}
.hero-atmosphere{background:none}
.hero-atmosphere::after{display:none}
.hero-tag{color:var(--polar-teal)}
.hero-tag>span{background:var(--polar-teal)}
.hero h1{color:var(--hero-text)}
.hero h1 span{
  color:var(--blue);
  background:linear-gradient(108deg,var(--blue) 0%,var(--polar-cobalt) 50%,var(--polar-teal) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.hero-intro{color:var(--hero-muted)}
.secondary-button{background:var(--polar-glass);color:var(--hero-text);border-color:var(--hero-line);box-shadow:0 3px 12px var(--polar-shadow)}
.secondary-button:hover{background:var(--white);border-color:var(--blue)}
.hero-disclosure{color:var(--hero-muted);opacity:1}
.hero-visual figcaption{color:var(--hero-muted)}
.hero-visual figcaption button{background:var(--polar-glass);color:var(--hero-muted);border-color:var(--hero-line)}
.hero-visual figcaption button:hover{color:var(--blue);background:var(--white)}
.scene-note{color:var(--hero-muted);opacity:.75}
.orbit-floor{opacity:.85;filter:none}
.orbit-floor::before{
  content:'';position:absolute;inset:12% 9% 0;border-radius:50%;
  background:radial-gradient(ellipse,var(--polar-aura),transparent 68%);
  filter:blur(10px);transform:scaleY(.55);
}
.orbit-floor>i{border-color:var(--polar-ring);box-shadow:0 1px 0 var(--polar-white-shadow)}
.hero-info{border-color:var(--hero-line)}
.hero-info-title>strong{color:var(--polar-teal);background:var(--polar-mint);border-color:var(--hero-line)}
.hero-details:hover{color:var(--blue)}
.nb-vision{background:var(--polar-snow);border-top:1px solid var(--line)}
.nb-sale{background:var(--white)}
.nb-sale-panel{background:linear-gradient(150deg,var(--white),var(--nb-surface));box-shadow:0 22px 70px -20px var(--nb-blue-shadow)}
.nb-sale-status>span{background:var(--nb-soft-blue)}
.nb-brand-stage{background:linear-gradient(115deg,var(--nb-surface),var(--nb-pale-cyan));border-color:var(--line)}
.nb-roadmap{background:var(--ice)}
.site-footer{color:var(--hero-text);background:var(--polar-footer);border-top:1px solid var(--line)}
.footer-bottom{border-top-color:var(--line)}
.mobile-nav{background:var(--polar-header-scrolled);border-color:var(--line);box-shadow:0 16px 45px var(--polar-shadow)}
.mobile-nav a,.mobile-nav button{color:var(--hero-text)}
.mobile-nav a:hover,.mobile-nav button:hover{color:var(--blue)}
.mobile-sale-bar{background:var(--polar-header-scrolled);color:var(--hero-text);border-color:var(--hero-line);box-shadow:0 7px 26px var(--polar-shadow);backdrop-filter:blur(18px)}
.mobile-sale-bar>div>span{color:var(--hero-muted)}
@media(max-width:760px){
  .hero-disclosure{font-size:10px}
  .hero-info-terms span{font-size:10px}
  .hero-tag{font-size:11px}
  .scene-note{opacity:.8}
}
@media(prefers-reduced-motion:reduce){
  .site-header,.has-scrolled .site-header{backdrop-filter:none}
}