*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --noir:      #0C0C0E;
  --noir-2:    #111116;
  --noir-3:    #1A1A22;
  --noir-4:    #22222D;
  --gold:      #ed5804;
  --gold-dim:  #f37e3b;
  --gold-pale: #F0E8C8;
  --gold-glow: rgba(191,161,74,.35);
  --gold-bg:   rgba(191,161,74,.08);
  --accent:    #7B68EE;
  --accent-dim:rgba(123,104,238,.12);
  --text:      #E8E6E0;
  --text-dim:  #8A8880;
  --text-muted:#4A4840;
  --success:   #4ECDC4;
  --danger:    #FF6B6B;
  --border:    rgba(191,161,74,.14);
  --border-hi: rgba(191,161,74,.35);
  --nav-h:     74px;
  --radius:    8px;
  --radius-lg: 16px;
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'Outfit', system-ui, sans-serif;
  --font-mono:    'Fira Code', monospace;
  --transition:   0.26s cubic-bezier(.4,0,.2,1);
  --shadow-gold:  0 0 40px rgba(191,161,74,.18);
  --shadow-card:  0 8px 40px rgba(0,0,0,.4);
}

html { scroll-behavior: smooth; font-size: 16px; }

body {
  font-family: var(--font-body);
  background: var(--noir);
  color: var(--text);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  cursor: none;
}

a, button, [role="tab"] { cursor: none; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
ul, ol { list-style: none; }
button { border: none; background: none; font: inherit; }
select { font: inherit; }

.sr-only { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap; }

.noise-overlay {
  position: fixed; inset: 0; z-index: 9999;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");
  opacity: .028;
}

.nc3-cursor { position: fixed; top: 0; left: 0; z-index: 9998; pointer-events: none; }
.nc3-cursor__dot {
  position: absolute; width: 5px; height: 5px;
  background: var(--gold); border-radius: 50%;
  transform: translate(-50%,-50%);
  transition: transform .1s ease;
}
.nc3-cursor__ring {
  position: absolute; width: 32px; height: 32px;
  border: 1.5px solid rgba(191,161,74,.5); border-radius: 50%;
  transform: translate(-50%,-50%);
  transition: width .25s ease, height .25s ease, opacity .25s ease, border-color .2s ease;
}
.nc3-cursor__trail {
  position: absolute; width: 8px; height: 8px;
  background: rgba(191,161,74,.15); border-radius: 50%;
  transform: translate(-50%,-50%);
  transition: width .4s ease, height .4s ease, opacity .4s ease;
}
body.cursor-hovering .nc3-cursor__ring { width: 52px; height: 52px; border-color: var(--gold); opacity: .6; }

.nc3-tag {
  display: inline-block;
  font-family: var(--font-mono); font-size: .65rem;
  letter-spacing: .22em; text-transform: uppercase;
  color: var(--gold); margin-bottom: .875rem;
  position: relative;
  padding-left: 1rem;
}
.nc3-tag::before {
  content: ''; position: absolute; left: 0; top: 50%;
  width: .5rem; height: 1px;
  background: var(--gold);
  transform: translateY(-50%);
}

.nc3-section-head { margin-bottom: 3.5rem; }
.nc3-section-head h2 {
  font-family: var(--font-display);
  font-size: clamp(2rem, 4vw, 3.5rem);
  font-weight: 600; line-height: 1.1;
  color: var(--text); margin-bottom: 1rem;
}
.nc3-section-head h2 em { font-style: italic; color: var(--gold); }
.nc3-section-head p { font-size: 1.0625rem; color: var(--text-dim); max-width: 540px; }
.nc3-section-head--center { text-align: center; }
.nc3-section-head--center p { margin: 0 auto; }

.nc3-btn-primary {
  display: inline-flex; align-items: center; gap: .5rem;
  background: var(--gold); color: var(--noir);
  font-family: var(--font-body); font-weight: 600; font-size: .9rem;
  padding: .75rem 1.75rem; border-radius: var(--radius);
  transition: background var(--transition), box-shadow var(--transition), transform var(--transition);
}
.nc3-btn-primary:hover { background: var(--gold-dim); box-shadow: var(--shadow-gold); transform: translateY(-2px); }
.nc3-btn-primary--gold { background: linear-gradient(135deg, var(--gold), var(--gold-dim)); }
.nc3-btn-primary--outline {
  background: transparent;
  border: 1.5px solid var(--gold); color: var(--gold);
}
.nc3-btn-primary--outline:hover { background: var(--gold-bg); }

.nc3-container { max-width: 1160px; margin: 0 auto; padding: 0 1.5rem; }

.nc3-header {
  position: fixed; top: 0; left: 0; right: 0; z-index: 700;
  background: rgba(12,12,14,.92);
  backdrop-filter: blur(18px) saturate(150%);
  border-bottom: 1px solid var(--border);
  transition: border-color var(--transition), box-shadow var(--transition);
}
.nc3-header.scrolled { border-color: var(--border-hi); box-shadow: 0 4px 24px rgba(0,0,0,.5); }

.sidebar-open-btn {
  position: absolute; left: 1.5rem; top: 50%; transform: translateY(-50%);
  display: flex; flex-direction: column; gap: 5px;
  width: 28px; padding: 4px;
}
.sidebar-open-btn span {
  display: block; height: 1.5px;
  background: var(--text-dim);
  transition: background var(--transition);
}
.sidebar-open-btn:hover span { background: var(--gold); }

.nc3-nav {
  display: flex; align-items: center; justify-content: space-between;
  height: var(--nav-h);
  max-width: 1160px; margin: 0 auto; padding: 0 4rem;
}

.nc3-brand { display: flex; align-items: center; gap: .625rem; }
.nc3-brand__mark {
  width: 34px; height: 34px; border-radius: 50%;
  background: var(--gold);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-display); font-size: 1.1rem; font-weight: 700;
  color: var(--noir); line-height: 1;
  transition: box-shadow var(--transition);
}
.nc3-brand:hover .nc3-brand__mark { box-shadow: var(--shadow-gold); }
.nc3-brand__name {
  font-family: var(--font-display); font-size: 1.4rem; font-weight: 600;
  color: var(--text); letter-spacing: .02em;
}

.nc3-nav__list { display: flex; gap: 2rem; align-items: center; }
.nc3-nav__item {
  font-size: .875rem; font-weight: 500; color: var(--text-dim);
  position: relative; padding-bottom: 2px;
  transition: color var(--transition);
}
.nc3-nav__item::after {
  content: ''; position: absolute; bottom: -2px; left: 0;
  width: 0; height: 1px; background: var(--gold);
  transition: width var(--transition);
}
.nc3-nav__item:hover { color: var(--gold-pale); }
.nc3-nav__item:hover::after, .nc3-nav__item.active::after { width: 100%; }
.nc3-nav__item.active { color: var(--gold); }

.nc3-nav__actions { display: flex; align-items: center; gap: 1rem; }

.nc3-mobile-burger {
  display: none; flex-direction: column; gap: 6px;
  width: 28px; padding: 3px;
}
.nc3-mobile-burger span {
  display: block; height: 1.5px;
  background: var(--text-dim);
  border-radius: 2px;
  transition: transform var(--transition), opacity var(--transition), background var(--transition);
}
.nc3-mobile-burger.open span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); background: var(--gold); }
.nc3-mobile-burger.open span:nth-child(2) { opacity: 0; }

.nc3-mobile-panel {
  display: none; position: fixed;
  top: var(--nav-h); left: 0; right: 0; z-index: 699;
  background: var(--noir-2);
  border-bottom: 1px solid var(--border);
  padding: 1.5rem 2rem 2rem;
  transform: translateY(-8px); opacity: 0; pointer-events: none;
  transition: transform var(--transition), opacity var(--transition);
}
.nc3-mobile-panel.open { transform: translateY(0); opacity: 1; pointer-events: auto; }

.nc3-mobile-panel ul { display: flex; flex-direction: column; gap: .5rem; }
.nc3-mobile-panel a {
  font-size: 1.125rem; font-weight: 500;
  color: var(--text-dim); padding: .625rem 0;
  border-bottom: 1px solid var(--border); display: block;
  transition: color var(--transition);
}
.nc3-mobile-panel a:hover { color: var(--gold); }
.panel-cta-link {
  color: var(--gold) !important; font-weight: 600 !important;
  border: none !important;
}

.nc3-panel-close {
  position: absolute; top: 1rem; right: 1.5rem;
  font-size: .875rem; color: var(--text-muted);
  transition: color var(--transition);
}
.nc3-panel-close:hover { color: var(--gold); }

.nc3-sidebar { position: fixed; inset: 0; z-index: 800; pointer-events: none; }
.nc3-sidebar[aria-hidden="false"] { pointer-events: auto; }

.sidebar-backdrop {
  position: absolute; inset: 0;
  background: rgba(0,0,0,.75);
  opacity: 0; transition: opacity .3s ease;
}
.nc3-sidebar[aria-hidden="false"] .sidebar-backdrop { opacity: 1; }

.sidebar-panel {
  position: absolute; left: 0; top: 0; bottom: 0;
  width: min(360px, 85vw);
  background: var(--noir-2);
  border-right: 1px solid var(--border);
  padding: 2rem 1.75rem;
  overflow-y: auto;
  transform: translateX(-100%);
  transition: transform .35s cubic-bezier(.4,0,.2,1);
}
.nc3-sidebar[aria-hidden="false"] .sidebar-panel { transform: translateX(0); }

.sidebar-close-btn {
  position: absolute; top: 1rem; right: 1rem;
  font-size: .875rem; color: var(--text-muted);
  width: 30px; height: 30px;
  border: 1px solid var(--border); border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  transition: color var(--transition), border-color var(--transition);
}
.sidebar-close-btn:hover { color: var(--gold); border-color: var(--gold); }

.sidebar-logo {
  display: flex; align-items: center; gap: .625rem;
  font-family: var(--font-display); font-size: 1.3rem; font-weight: 600;
  color: var(--text); margin-bottom: 1rem;
}
.sidebar-logo .nc3-brand__mark { flex-shrink: 0; }

.sidebar-tagline { font-size: .9rem; color: var(--text-dim); margin-bottom: 2rem; line-height: 1.6; }

.sidebar-block { margin-bottom: 1.75rem; }
.sidebar-block h3 {
  font-family: var(--font-mono); font-size: .65rem;
  letter-spacing: .2em; text-transform: uppercase;
  color: var(--gold); margin-bottom: .875rem;
}
.sidebar-block ul { display: flex; flex-direction: column; gap: .625rem; }
.sidebar-block li {
  display: flex; align-items: flex-start; gap: .625rem;
  font-size: .875rem; color: var(--text-dim);
}
.sidebar-block svg { flex-shrink: 0; margin-top: 2px; color: var(--gold); opacity: .7; }

.sidebar-newsletter { display: flex; flex-direction: column; gap: .5rem; }
.sidebar-newsletter input {
  background: var(--noir-3); border: 1px solid var(--border);
  border-radius: var(--radius); padding: .625rem .875rem;
  font-family: var(--font-body); font-size: .875rem; color: var(--text);
  outline: none; transition: border-color var(--transition);
}
.sidebar-newsletter input:focus { border-color: var(--gold); }
.sidebar-newsletter input::placeholder { color: var(--text-muted); }
.sidebar-newsletter button {
  background: var(--gold); color: var(--noir);
  font-weight: 600; font-size: .85rem;
  padding: .625rem; border-radius: var(--radius);
  transition: background var(--transition);
}
.sidebar-newsletter button:hover { background: var(--gold-dim); }

.sidebar-socials { display: flex; gap: .5rem; }
.sidebar-socials a {
  width: 34px; height: 34px;
  background: var(--noir-3); border: 1px solid var(--border);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: .75rem; font-weight: 700; color: var(--text-muted);
  transition: color var(--transition), border-color var(--transition), background var(--transition);
}
.sidebar-socials a:hover { color: var(--gold); border-color: var(--gold); background: var(--gold-bg); }

.sidebar-risk {
  padding: 1rem; border: 1px solid rgba(255,107,107,.15);
  border-radius: var(--radius); background: rgba(255,107,107,.05);
  margin-top: 1.5rem;
}
.sidebar-risk p { font-size: .78rem; color: rgba(255,107,107,.7); line-height: 1.6; }

.nc3-banner {
  position: relative; min-height: 100svh;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  padding-top: var(--nav-h); overflow: hidden;
}

.banner-bg { position: absolute; inset: 0; z-index: 0; }
#banner-canvas { width: 100%; height: 100%; position: absolute; }
.banner-grid-overlay {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(191,161,74,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(191,161,74,.04) 1px, transparent 1px);
  background-size: 60px 60px;
  mask-image: radial-gradient(ellipse 80% 70% at 50% 50%, black 30%, transparent 100%);
}

.banner-pill {
  position: absolute; z-index: 5;
  display: flex; align-items: center; gap: .5rem;
  background: rgba(26,26,34,.9);
  border: 1px solid var(--border);
  border-radius: 100px;
  padding: .4rem .875rem;
  font-family: var(--font-mono); font-size: .65rem;
  letter-spacing: .1em; color: var(--text-dim);
  animation: pillFloat 6s ease-in-out infinite;
  backdrop-filter: blur(8px);
}
.banner-pill--tl { top: 20%; left: 8%; animation-delay: 0s; }
.banner-pill--br { bottom: 30%; right: 8%; animation-delay: 2s; }

@keyframes pillFloat {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

.pill-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--success); animation: dot-pulse 2s ease infinite; }
.pill-dot--gold { background: var(--gold); }
@keyframes dot-pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.5)} }

.banner-content {
  position: relative; z-index: 5;
  text-align: center;
  padding: 4rem 1.5rem 2rem;
  max-width: 900px;
  margin: 0 auto;
}

.banner-eyebrow {
  display: flex; align-items: center; justify-content: center;
  gap: .875rem; margin-bottom: 2rem;
  font-family: var(--font-mono); font-size: .7rem;
  letter-spacing: .2em; text-transform: uppercase;
  color: var(--gold);
  animation: fadeUp .8s ease both;
}
.eyebrow-line { display: block; width: 40px; height: 1px; background: var(--gold); opacity: .5; }

.nc3-banner h1 {
  font-family: var(--font-display);
  font-weight: 300; line-height: 1.06;
  margin-bottom: 1.75rem;
}
.banner-h1__top, .banner-h1__mid {
  display: block;
  font-size: clamp(3rem, 8vw, 7rem);
  color: var(--text);
  letter-spacing: -.01em;
}
.banner-h1__bot {
  display: block;
  font-size: clamp(3rem, 8vw, 7rem);
  color: var(--gold);
  letter-spacing: -.01em;
}
.banner-h1__top { animation: fadeUp .8s .1s ease both; }
.banner-h1__mid { animation: fadeUp .8s .2s ease both; }
.banner-h1__bot { animation: fadeUp .8s .3s ease both; }

.typewriter-wrap { position: relative; display: inline-block; }
#typewriter { font-style: italic; }

.banner-desc {
  font-size: clamp(1rem, 1.8vw, 1.15rem); color: var(--text-dim);
  max-width: 620px; margin: 0 auto 2.5rem;
  animation: fadeUp .8s .4s ease both;
}

.banner-form-wrap {
  animation: fadeUp .8s .5s ease both;
  max-width: 480px; margin: 0 auto;
}
.banner-form {
  display: flex; gap: .5rem;
  background: rgba(26,26,34,.9);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: .375rem .375rem .375rem .875rem;
  backdrop-filter: blur(8px);
}
.banner-form input {
  flex: 1; background: transparent; border: none; outline: none;
  font-family: var(--font-body); font-size: .9375rem; color: var(--text);
}
.banner-form input::placeholder { color: var(--text-muted); }
.banner-submit-btn { flex-shrink: 0; }

.banner-form-note {
  display: flex; align-items: center; gap: .4rem;
  justify-content: center; margin-top: .75rem;
  font-size: .78rem; color: var(--text-muted);
}
.banner-form-note svg { color: var(--gold); flex-shrink: 0; }

.banner-counters {
  position: relative; z-index: 5;
  display: flex; align-items: stretch;
  width: 100%; margin-top: auto;
  border-top: 1px solid var(--border);
  animation: fadeUp .8s .6s ease both;
}
.bc-item {
  flex: 1; display: flex; flex-direction: column;
  align-items: center; gap: .25rem;
  padding: 1.75rem 1rem;
  border-right: 1px solid var(--border);
}
.bc-item:last-child { border-right: none; }
.bc-sep { width: 0; }

.bc-val {
  font-family: var(--font-display);
  font-size: clamp(1.6rem, 3vw, 2.25rem); font-weight: 600;
  color: var(--gold); line-height: 1;
}
.bc-label {
  font-family: var(--font-mono); font-size: .65rem;
  letter-spacing: .12em; text-transform: uppercase;
  color: var(--text-muted);
}

@keyframes fadeUp { from{opacity:0;transform:translateY(22px)} to{opacity:1;transform:translateY(0)} }

.nc3-instruments { padding: 6rem 0; background: var(--noir-2); }

.instruments-ticker-wrap {
  overflow: hidden; margin-bottom: 2.5rem;
  background: var(--noir-3);
  border: 1px solid var(--border); border-radius: var(--radius);
  padding: .75rem 0;
}
.instruments-ticker {
  display: flex; gap: 2.5rem; width: max-content;
  white-space: nowrap;
  animation: tickerRun 32s linear infinite;
  font-family: var(--font-mono); font-size: .78rem;
}
.instruments-ticker:hover { animation-play-state: paused; }
.it-item { display: flex; align-items: center; gap: .5rem; flex-shrink: 0; }
.it-sym { color: var(--gold); font-weight: 500; letter-spacing: .06em; }
.it-price { color: var(--text); }
.it-chg { font-weight: 500; }
.it-chg.up { color: var(--success); }
.it-chg.dn { color: var(--danger); }
.it-sep { color: var(--text-muted); opacity: .3; }
@keyframes tickerRun { from{transform:translateX(0)} to{transform:translateX(-50%)} }

.instruments-table-wrap { overflow-x: auto; margin-bottom: 3rem; border-radius: var(--radius); border: 1px solid var(--border); }
.instruments-table-header {
  display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr 1.2fr .8fr;
  padding: .875rem 1.25rem;
  background: var(--noir-3);
  font-family: var(--font-mono); font-size: .65rem; letter-spacing: .12em;
  text-transform: uppercase; color: var(--text-muted);
  border-bottom: 1px solid var(--border);
}
.it-row {
  display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr 1.2fr .8fr;
  padding: .875rem 1.25rem;
  border-bottom: 1px solid rgba(255,255,255,.04);
  align-items: center;
  transition: background var(--transition);
}
.it-row:hover { background: rgba(191,161,74,.04); }
.it-row:last-child { border-bottom: none; }

.it-asset { display: flex; align-items: center; gap: .75rem; }
.it-coin-icon {
  width: 32px; height: 32px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-display); font-size: .65rem; font-weight: 700;
}
.it-asset-name { font-weight: 600; font-size: .9375rem; color: var(--text); }
.it-asset-sym { font-family: var(--font-mono); font-size: .7rem; color: var(--text-muted); }

.it-price-cell { font-family: var(--font-mono); font-size: .9rem; color: var(--text); }
.it-change-cell { font-family: var(--font-mono); font-size: .85rem; font-weight: 600; }
.it-change-cell.up { color: var(--success); }
.it-change-cell.dn { color: var(--danger); }

.it-vol-cell { font-family: var(--font-mono); font-size: .8rem; color: var(--text-dim); }

.it-spark { display: flex; align-items: center; gap: 1px; height: 28px; }
.it-spark span {
  display: block; width: 3px; border-radius: 1px;
  transition: height var(--transition);
}

.it-trade-btn {
  display: inline-flex; align-items: center; gap: .3rem;
  font-size: .78rem; font-weight: 600; color: var(--gold);
  border: 1px solid var(--border); border-radius: 100px;
  padding: .3rem .75rem;
  transition: background var(--transition), border-color var(--transition);
}
.it-trade-btn:hover { background: var(--gold-bg); border-color: var(--gold); }

.instruments-chart-row {
  display: grid; grid-template-columns: 1fr 340px;
  gap: 1.5rem; align-items: start;
}
.ic-chart-card {
  background: var(--noir-3); border: 1px solid var(--border);
  border-radius: var(--radius-lg); padding: 1.5rem;
}
.ic-chart-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.25rem; }
.ic-asset-select { display: flex; gap: .3rem; }
.ic-asset-btn {
  font-family: var(--font-mono); font-size: .7rem; letter-spacing: .1em;
  padding: .35rem .75rem; border-radius: 100px;
  border: 1px solid var(--border); color: var(--text-muted);
  transition: color var(--transition), border-color var(--transition), background var(--transition);
}
.ic-asset-btn.active, .ic-asset-btn:hover { color: var(--gold); border-color: var(--gold); background: var(--gold-bg); }
.ic-price-display { display: flex; align-items: baseline; gap: .5rem; }
.ic-price { font-family: var(--font-display); font-size: 1.5rem; font-weight: 600; color: var(--text); }
.ic-change { font-family: var(--font-mono); font-size: .8rem; font-weight: 600; }
.ic-change.up { color: var(--success); }
.ic-change.dn { color: var(--danger); }
.ic-canvas { width: 100%; height: 220px; display: block; }

.ic-info-stack { display: flex; flex-direction: column; gap: 1rem; }
.ic-info-card {
  background: var(--noir-3); border: 1px solid var(--border);
  border-radius: var(--radius); padding: 1.25rem;
  display: flex; gap: 1rem; align-items: flex-start;
  transition: border-color var(--transition);
}
.ic-info-card:hover { border-color: var(--gold); }
.ic-info-card svg { color: var(--gold); flex-shrink: 0; margin-top: .15rem; }
.ic-info-card strong { display: block; font-weight: 600; color: var(--text); margin-bottom: .3rem; }
.ic-info-card p { font-size: .85rem; color: var(--text-dim); }

.nc3-about { padding: 6rem 0; background: var(--noir); }
.about-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; }

.about-visual__frame {
  position: relative; border-radius: var(--radius-lg);
  background: var(--noir-3); border: 1px solid var(--border);
  overflow: hidden; aspect-ratio: 1;
}
#about-canvas { width: 100%; height: 100%; display: block; }
.about-visual__badge {
  position: absolute; bottom: 1.25rem; left: 1.25rem;
  background: rgba(12,12,14,.9); border: 1px solid var(--border);
  border-radius: var(--radius); padding: .75rem 1rem;
  display: flex; gap: .625rem; align-items: center;
  backdrop-filter: blur(8px);
}
.badge-icon { font-size: 1.25rem; color: var(--gold); }
.about-visual__badge strong { display: block; font-size: .9375rem; color: var(--text); font-weight: 600; }
.about-visual__badge span { font-family: var(--font-mono); font-size: .65rem; color: var(--text-muted); letter-spacing: .08em; }

.about-progress-list { margin-top: 2rem; display: flex; flex-direction: column; gap: 1.125rem; }
.apr-item {}
.apr-meta { display: flex; justify-content: space-between; align-items: center; margin-bottom: .4rem; font-size: .875rem; color: var(--text-dim); }
.apr-val { font-family: var(--font-mono); font-size: .8rem; color: var(--gold); font-weight: 500; }
.apr-track { height: 4px; background: rgba(255,255,255,.06); border-radius: 2px; overflow: hidden; }
.apr-fill { height: 100%; width: 0%; border-radius: 2px; transition: width 1.4s cubic-bezier(.4,0,.2,1); box-shadow: 0 0 8px rgba(191,161,74,.3); }

.about-text > h2 {
  font-family: var(--font-display);
  font-size: clamp(2rem, 4vw, 3.25rem); font-weight: 600; line-height: 1.1;
  color: var(--text); margin-bottom: 1.25rem;
}
.about-text > h2 em { font-style: italic; color: var(--gold); }
.about-lead { font-size: 1.0625rem; color: var(--text); margin-bottom: 1rem; line-height: 1.75; }
.about-text > p { font-size: .9375rem; color: var(--text-dim); margin-bottom: 2rem; line-height: 1.75; }

.about-pillars { display: grid; grid-template-columns: 1fr; gap: .75rem; }
.ap-card {
  display: flex; align-items: flex-start; gap: .875rem;
  background: var(--noir-3); border: 1px solid var(--border);
  border-radius: var(--radius); padding: 1.125rem;
  transition: border-color var(--transition), transform var(--transition);
  outline: none;
}
.ap-card:hover, .ap-card:focus { border-color: var(--gold); transform: translateX(4px); }
.ap-icon { width: 40px; height: 40px; background: var(--gold-bg); border-radius: var(--radius-sm,6px); display: flex; align-items: center; justify-content: center; color: var(--gold); flex-shrink: 0; }
.ap-card strong { display: block; font-size: .9375rem; font-weight: 600; color: var(--text); margin-bottom: .25rem; }
.ap-card p { font-size: .85rem; color: var(--text-dim); }

.nc3-account { position: relative; padding: 6rem 0; overflow: hidden; background: var(--noir-2); }
.account-bg { position: absolute; inset: 0; z-index: 0; }
#account-canvas { width: 100%; height: 100%; }
.account-inner { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }

.account-text h2 {
  font-family: var(--font-display); font-size: clamp(2rem, 4vw, 3rem); font-weight: 600; line-height: 1.1;
  color: var(--text); margin-bottom: 1.25rem;
}
.account-text h2 em { font-style: italic; color: var(--gold); }
.account-text > p { font-size: .9375rem; color: var(--text-dim); margin-bottom: 2rem; }

.account-features { display: flex; flex-direction: column; gap: .75rem; margin-bottom: 2rem; }
.account-features li { display: flex; align-items: flex-start; gap: .625rem; font-size: .9375rem; color: var(--text-dim); }
.af-check { color: var(--gold); font-size: .8rem; flex-shrink: 0; margin-top: .15rem; }

.account-mockup {
  border-radius: var(--radius-lg);
  overflow: hidden; background: var(--noir-3);
  border: 1px solid var(--border);
  aspect-ratio: 4/3;
}
#mockup-canvas { width: 100%; height: 100%; display: block; }

.nc3-choose { padding: 6rem 0; background: var(--noir); }

.choose-compare { margin-bottom: 4rem; border-radius: var(--radius-lg); border: 1px solid var(--border); overflow: hidden; }
.cc-header {
  display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr;
  padding: 1rem 1.5rem;
  background: var(--noir-3);
  border-bottom: 1px solid var(--border);
  font-family: var(--font-mono); font-size: .65rem; letter-spacing: .14em;
  text-transform: uppercase; color: var(--text-muted);
}
.cc-nevo { color: var(--gold) !important; }

.cc-row {
  display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid rgba(255,255,255,.04);
  align-items: center;
  transition: background var(--transition);
}
.cc-row:last-child { border-bottom: none; }
.cc-row:hover { background: rgba(191,161,74,.03); }
.cc-feature { font-size: .9rem; color: var(--text); font-weight: 500; }
.cc-val { font-family: var(--font-mono); font-size: .8rem; }
.cc-val.yes { color: var(--success); }
.cc-val.no { color: var(--danger); }
.cc-val.part { color: var(--text-muted); }
.cc-val.nevo-val { color: var(--gold); font-weight: 600; }

.choose-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.cg-card {
  background: var(--noir-3); border: 1px solid var(--border);
  border-radius: var(--radius-lg); padding: 2rem 1.75rem;
  position: relative; overflow: hidden;
  transition: transform var(--transition), border-color var(--transition), box-shadow var(--transition);
}
.cg-card::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, var(--gold), var(--accent));
  transform: scaleX(0); transform-origin: left;
  transition: transform var(--transition);
}
.cg-card:hover { transform: translateY(-5px); border-color: rgba(191,161,74,.3); box-shadow: var(--shadow-gold); }
.cg-card:hover::before { transform: scaleX(1); }

.cg-num { font-family: var(--font-display); font-size: 3rem; font-weight: 300; color: rgba(191,161,74,.08); position: absolute; top: 1rem; right: 1.25rem; line-height: 1; pointer-events: none; }
.cg-icon { width: 48px; height: 48px; background: var(--gold-bg); border-radius: var(--radius); display: flex; align-items: center; justify-content: center; color: var(--gold); margin-bottom: 1.25rem; }
.cg-card h3 { font-family: var(--font-display); font-size: 1.25rem; font-weight: 600; color: var(--text); margin-bottom: .625rem; }
.cg-card p { font-size: .875rem; color: var(--text-dim); line-height: 1.65; }

.nc3-hiw { padding: 6rem 0; background: var(--noir-2); }

.hiw-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin-bottom: 4rem; }

.hiw-step { display: flex; flex-direction: column; gap: 1.5rem; }
.hiw-step__num { display: flex; align-items: center; gap: 1rem; }
.hiw-step__num span {
  font-family: var(--font-display); font-size: 3.5rem; font-weight: 300;
  color: var(--gold); line-height: 1; flex-shrink: 0;
}
.step-connector { flex: 1; height: 1px; background: linear-gradient(90deg, var(--gold), transparent); }
.hiw-step:last-child .step-connector { display: none; }

.hiw-step__body {
  background: var(--noir-3); border: 1px solid var(--border);
  border-radius: var(--radius-lg); padding: 1.75rem;
  transition: border-color var(--transition);
}
.hiw-step__body:hover { border-color: rgba(191,161,74,.3); }

.hiw-step__icon { width: 52px; height: 52px; background: var(--gold-bg); border-radius: var(--radius); display: flex; align-items: center; justify-content: center; color: var(--gold); margin-bottom: 1.25rem; }
.hiw-step__body h3 { font-family: var(--font-display); font-size: 1.375rem; font-weight: 600; color: var(--text); margin-bottom: .75rem; }
.hiw-step__body p { font-size: .9rem; color: var(--text-dim); margin-bottom: 1rem; line-height: 1.7; }

.hiw-step__meta { display: flex; gap: .5rem; flex-wrap: wrap; }
.meta-pill { font-family: var(--font-mono); font-size: .65rem; color: var(--text-muted); background: var(--noir); border: 1px solid var(--border); border-radius: 100px; padding: .2rem .625rem; }

.hiw-estimator { background: var(--noir-3); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 2.5rem; }
.he-label-row { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 2rem; flex-wrap: wrap; gap: .5rem; }
.he-label-row h3 { font-family: var(--font-display); font-size: 1.5rem; font-weight: 600; color: var(--text); }
.he-disclaimer { font-family: var(--font-mono); font-size: .65rem; color: var(--text-muted); letter-spacing: .06em; }

.he-controls { display: flex; align-items: flex-end; gap: 2rem; flex-wrap: wrap; margin-bottom: 2rem; }
.he-slider-group { flex: 1; min-width: 200px; }
.he-slider-group label { display: block; font-size: .875rem; color: var(--text-dim); margin-bottom: .75rem; }
.he-slider-group strong { color: var(--gold); }
.he-slider-group input[type="range"] { width: 100%; height: 4px; appearance: none; background: rgba(191,161,74,.15); border-radius: 2px; outline: none; }
.he-slider-group input[type="range"]::-webkit-slider-thumb { appearance: none; width: 18px; height: 18px; border-radius: 50%; background: var(--gold); border: 3px solid var(--noir); box-shadow: 0 0 10px var(--gold-glow); }

.he-period-group { display: flex; gap: .375rem; }
.he-period {
  font-family: var(--font-mono); font-size: .7rem; letter-spacing: .08em;
  padding: .4rem .75rem; border: 1px solid var(--border); border-radius: var(--radius);
  color: var(--text-muted);
  transition: color var(--transition), border-color var(--transition), background var(--transition);
}
.he-period.active, .he-period:hover { color: var(--gold); border-color: var(--gold); background: var(--gold-bg); }

.he-output { display: grid; grid-template-columns: 1fr 1.2fr 1fr; gap: 1rem; margin-bottom: 1.5rem; }
.he-out-item {
  background: var(--noir); border: 1px solid var(--border);
  border-radius: var(--radius); padding: 1.25rem;
  display: flex; flex-direction: column; gap: .3rem;
  transition: border-color var(--transition);
}
.he-out-item:hover { border-color: rgba(191,161,74,.3); }
.he-out-item--mid { background: var(--gold-bg); border-color: rgba(191,161,74,.25); }
.he-out-item span { font-family: var(--font-mono); font-size: .65rem; color: var(--text-muted); letter-spacing: .08em; }
.he-num { font-family: var(--font-display); font-size: 1.5rem; font-weight: 600; color: var(--gold); transition: all .3s ease; }
.he-chart { width: 100%; height: 100px; display: block; }

.nc3-global { padding: 6rem 0; background: var(--noir); }
.global-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }

.global-stats { display: flex; gap: 2rem; margin: 2rem 0; }
.gs-item { }
.gs-num { display: block; font-family: var(--font-display); font-size: 2rem; font-weight: 600; color: var(--gold); }
.gs-item span:last-child { font-family: var(--font-mono); font-size: .7rem; color: var(--text-muted); letter-spacing: .1em; text-transform: uppercase; }

.global-feed { margin-top: 2rem; }
.gf-item {
  display: flex; align-items: center; gap: .75rem;
  padding: .625rem 0;
  border-bottom: 1px solid rgba(255,255,255,.05);
  font-family: var(--font-mono); font-size: .75rem; color: var(--text-dim);
  animation: feedIn .5s ease;
}
@keyframes feedIn { from{opacity:0;transform:translateX(-10px)} to{opacity:1;transform:translateX(0)} }
.gf-flag { font-size: 1rem; }
.gf-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--success); flex-shrink: 0; animation: dot-pulse 2s ease infinite; }
.gf-amount { color: var(--gold); font-weight: 500; }

.global-map { position: relative; }
#world-map-canvas { width: 100%; height: 380px; display: block; }
.map-pings { position: absolute; inset: 0; pointer-events: none; }
.map-ping {
  position: absolute; width: 10px; height: 10px;
  border-radius: 50%; background: var(--gold); opacity: .8;
  transform: translate(-50%, -50%);
}
.map-ping::after {
  content: ''; position: absolute; inset: -4px;
  border-radius: 50%; border: 1px solid var(--gold);
  animation: pingRipple 2s ease-out infinite;
}
@keyframes pingRipple { 0%{transform:scale(0);opacity:.8} 100%{transform:scale(3);opacity:0} }

.nc3-testimonials { padding: 6rem 0; background: var(--noir-2); }

.testi-carousel-wrap { margin-bottom: 3.5rem; }
.testi-carousel { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; transition: transform .4s ease; }
.tc3-card {
  background: var(--noir-3); border: 1px solid var(--border);
  border-radius: var(--radius-lg); padding: 2rem;
  display: flex; flex-direction: column; gap: 1.25rem;
  transition: transform var(--transition), border-color var(--transition), box-shadow var(--transition);
}
.tc3-card:hover { transform: translateY(-4px); border-color: rgba(191,161,74,.25); box-shadow: var(--shadow-card); }

.tc3-stars { color: var(--gold); font-size: .9rem; letter-spacing: .12em; }
.tc3-text { font-family: var(--font-display); font-size: 1.0625rem; font-style: italic; font-weight: 400; color: var(--text-dim); line-height: 1.7; flex: 1; }
.tc3-footer { display: flex; align-items: center; gap: .875rem; }
.tc3-avatar {
  width: 42px; height: 42px; border-radius: 50%;
  background: var(--gold-bg); border: 1px solid var(--border);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-display); font-size: .8rem; font-weight: 700; color: var(--gold);
  flex-shrink: 0;
}
.tc3-name { font-weight: 600; color: var(--text); font-size: .9375rem; }
.tc3-role { font-family: var(--font-mono); font-size: .65rem; color: var(--text-muted); }
.tc3-result { margin-left: auto; font-family: var(--font-mono); font-size: .7rem; color: var(--success); }

.testi-nav { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-top: 1.5rem; }
.testi-nav-btn { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--border); color: var(--text-dim); display: flex; align-items: center; justify-content: center; transition: color var(--transition), border-color var(--transition), background var(--transition); }
.testi-nav-btn:hover { color: var(--gold); border-color: var(--gold); background: var(--gold-bg); }
.testi-dots { display: flex; gap: .4rem; }
.td3 { width: 8px; height: 8px; border-radius: 50%; background: var(--text-muted); border: none; transition: background var(--transition), transform var(--transition); }
.td3.active { background: var(--gold); transform: scale(1.3); }

.testi-experts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; margin-top: 2rem; }
.te-card {
  background: var(--noir); border: 1px solid var(--border);
  border-radius: var(--radius); padding: 1.75rem;
  position: relative;
  transition: border-color var(--transition);
}
.te-card:hover { border-color: rgba(191,161,74,.25); }
.te-quote { font-family: var(--font-display); font-size: 3rem; font-weight: 300; color: rgba(191,161,74,.2); line-height: 1; margin-bottom: .5rem; }
.te-card > p { font-style: italic; font-size: .9rem; color: var(--text-dim); margin-bottom: 1.25rem; line-height: 1.7; }
.te-person { display: flex; align-items: center; gap: .75rem; }
.te-avatar { width: 38px; height: 38px; border-radius: 50%; background: var(--gold-bg); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-size: .7rem; font-weight: 700; color: var(--gold); flex-shrink: 0; }
.te-person strong { font-size: .9rem; color: var(--text); display: block; }
.te-person span { font-family: var(--font-mono); font-size: .65rem; color: var(--text-muted); }

.nc3-team { padding: 6rem 0; background: var(--noir); }
.team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }
.team-card {
  background: var(--noir-3); border: 1px solid var(--border);
  border-radius: var(--radius-lg); padding: 2rem 1.5rem;
  text-align: center;
  transition: border-color var(--transition), transform var(--transition), box-shadow var(--transition);
  outline: none;
}
.team-card:hover, .team-card:focus { border-color: rgba(191,161,74,.3); transform: translateY(-4px); box-shadow: var(--shadow-gold); }

.team-card__avatar { position: relative; width: 80px; margin: 0 auto 1.25rem; }
.avatar-initials {
  width: 80px; height: 80px; border-radius: 50%;
  background: var(--gold-bg); border: 2px solid var(--border);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-display); font-size: 1.375rem; font-weight: 600; color: var(--gold);
  transition: border-color var(--transition), box-shadow var(--transition);
  overflow: hidden;
}

.avatar-initials img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-card:hover .avatar-initials { border-color: var(--gold); box-shadow: 0 0 20px var(--gold-glow); }
.avatar-ring {
  position: absolute; inset: -6px; border-radius: 50%;
  border: 1px solid transparent;
  transition: border-color var(--transition);
}
.team-card:hover .avatar-ring { border-color: rgba(191,161,74,.2); animation: teamRingSpin 4s linear infinite; }
@keyframes teamRingSpin { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

.team-card h3 { font-family: var(--font-display); font-size: 1.25rem; font-weight: 600; color: var(--text); margin-bottom: .2rem; }
.team-role { font-family: var(--font-mono); font-size: .65rem; letter-spacing: .1em; text-transform: uppercase; color: var(--gold); display: block; margin-bottom: .875rem; }
.team-card > p { font-size: .85rem; color: var(--text-dim); line-height: 1.65; margin-bottom: 1.25rem; }

.team-socials { display: flex; justify-content: center; gap: .5rem; }
.team-socials a { width: 30px; height: 30px; border-radius: 50%; background: var(--noir); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-size: .75rem; font-weight: 700; color: var(--text-muted); transition: color var(--transition), border-color var(--transition); }
.team-socials a:hover { color: var(--gold); border-color: var(--gold); }

.nc3-faq { padding: 6rem 0; background: var(--noir-2); }
.faq-layout { display: grid; grid-template-columns: 300px 1fr; gap: 5rem; align-items: start; }

.faq-sidebar { position: sticky; top: calc(var(--nav-h) + 2rem); }
.faq-sidebar h2 { font-family: var(--font-display); font-size: 2.5rem; font-weight: 600; line-height: 1.1; color: var(--text); margin-bottom: .75rem; }
.faq-sidebar h2 em { font-style: italic; color: var(--gold); }
.faq-sidebar > p { font-size: .9rem; color: var(--text-dim); margin-bottom: 1.5rem; }
.faq-sidebar .nc3-btn-primary--outline { font-size: .85rem; padding: .625rem 1.25rem; margin-bottom: 1.5rem; }

.faq-search { position: relative; }
.faq-search input {
  width: 100%; background: var(--noir-3);
  border: 1px solid var(--border); border-radius: var(--radius);
  padding: .75rem 2.5rem .75rem 1rem;
  font-family: var(--font-body); font-size: .875rem; color: var(--text);
  outline: none; transition: border-color var(--transition);
}
.faq-search input:focus { border-color: var(--gold); }
.faq-search input::placeholder { color: var(--text-muted); }
.faq-search svg { position: absolute; right: .875rem; top: 50%; transform: translateY(-50%); color: var(--text-muted); }

.faq-list { display: flex; flex-direction: column; gap: .5rem; }
.faq-item {
  background: var(--noir-3); border: 1px solid var(--border);
  border-radius: var(--radius); overflow: hidden;
  transition: border-color var(--transition);
}
.faq-item[open] { border-color: rgba(191,161,74,.3); }
.faq-item.hidden { display: none; }

.faq-item summary {
  padding: 1.125rem 1.5rem;
  font-size: .9375rem; font-weight: 500; color: var(--text);
  display: flex; justify-content: space-between; align-items: center; gap: 1rem;
  list-style: none; user-select: none;
  transition: color var(--transition);
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item[open] summary { color: var(--gold); }
.faq-item summary::after { content: '+'; font-size: 1.25rem; font-weight: 300; color: var(--text-muted); flex-shrink: 0; transition: transform var(--transition), color var(--transition); }
.faq-item[open] summary::after { transform: rotate(45deg); color: var(--gold); }

.faq-item p { padding: 0 1.5rem 1.125rem; font-size: .9rem; color: var(--text-dim); line-height: 1.75; border-top: 1px solid var(--border); padding-top: 1rem; }
.faq-no-results { font-size: .9rem; color: var(--text-muted); padding: 1.5rem; font-style: italic; }

.nc3-register { position: relative; padding: 6rem 0; overflow: hidden; background: var(--noir); }
.register-bg { position: absolute; inset: 0; z-index: 0; }
#register-canvas { width: 100%; height: 100%; }
.register-layout { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: start; }

.register-text h2 { font-family: var(--font-display); font-size: clamp(2rem, 4vw, 3rem); font-weight: 600; line-height: 1.1; color: var(--text); margin-bottom: 1rem; }
.register-text h2 em { font-style: italic; color: var(--gold); }
.register-text > p { font-size: .9375rem; color: var(--text-dim); margin-bottom: 2rem; }

.register-trust { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; margin-bottom: 2rem; }
.rt-item { display: flex; align-items: center; gap: .5rem; font-size: .875rem; color: var(--text-dim); }
.rt-icon { font-size: 1rem; }

.register-risk { background: rgba(255,107,107,.05); border: 1px solid rgba(255,107,107,.12); border-radius: var(--radius); padding: 1rem 1.25rem; }
.register-risk p { font-size: .78rem; color: rgba(255,107,107,.7); line-height: 1.7; }
.register-risk strong { color: rgba(255,107,107,.9); }

.register-card {
  background: var(--noir-3); border: 1px solid var(--border);
  border-radius: var(--radius-lg); padding: 2rem;
  box-shadow: var(--shadow-card);
}
.register-card__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.75rem; }
.register-card h3 { font-family: var(--font-display); font-size: 1.375rem; font-weight: 600; color: var(--text); }

.register-steps-indicator { display: flex; align-items: center; gap: 0; }
.rsi-step { width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid var(--text-muted); display: flex; align-items: center; justify-content: center; font-family: var(--font-mono); font-size: .65rem; color: var(--text-muted); transition: border-color var(--transition), background var(--transition), color var(--transition); }
.rsi-step.active { border-color: var(--gold); background: var(--gold); color: var(--noir); }
.rsi-step.done { border-color: var(--success); background: var(--success); color: var(--noir); }
.rsi-line { width: 30px; height: 1px; background: var(--border); }

.reg-step-panel { display: none; flex-direction: column; gap: 1rem; animation: panelIn .3s ease; }
.reg-step-panel.active { display: flex; }
@keyframes panelIn { from{opacity:0;transform:translateX(10px)} to{opacity:1;transform:translateX(0)} }

.rf-field { display: flex; flex-direction: column; gap: .375rem; }
.rf-field label { font-family: var(--font-mono); font-size: .65rem; letter-spacing: .14em; text-transform: uppercase; color: var(--text-dim); }
.rf-field input, .rf-field select {
  background: var(--noir-4); border: 1px solid var(--border);
  border-radius: var(--radius); padding: .75rem 1rem;
  font-family: var(--font-body); font-size: .9375rem; color: var(--text);
  outline: none; transition: border-color var(--transition), box-shadow var(--transition);
}
.rf-field input::placeholder { color: var(--text-muted); }
.rf-field input:focus, .rf-field select:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(191,161,74,.1); }
.rf-field select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%234A4840' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right .875rem center; padding-right: 2.25rem; }
select option { background: var(--noir-3); }

.rf-checkbox { display: flex; align-items: flex-start; gap: .625rem; font-size: .85rem; color: var(--text-dim); cursor: pointer; }
.rf-checkbox input[type="checkbox"] { position: absolute; opacity: 0; width: 0; height: 0; }
.rf-cb-custom { width: 18px; height: 18px; border-radius: 4px; border: 1.5px solid var(--border); flex-shrink: 0; transition: background var(--transition), border-color var(--transition); display: flex; align-items: center; justify-content: center; margin-top: 1px; }
.rf-checkbox:has(input:checked) .rf-cb-custom { background: var(--gold); border-color: var(--gold); }
.rf-checkbox:has(input:checked) .rf-cb-custom::after { content: '✓'; font-size: .7rem; color: var(--noir); }
.rf-checkbox a { color: var(--gold); }

.reg-next-btn { font-size: .9rem; padding: .875rem; justify-content: center; }
.reg-step2-btns, .reg-step3-btns { display: flex; gap: .75rem; }
.reg-back-btn { flex: 0 0 auto; padding: .875rem 1.25rem; border: 1px solid var(--border); border-radius: var(--radius); color: var(--text-muted); font-size: .9rem; transition: border-color var(--transition), color var(--transition); }
.reg-back-btn:hover { border-color: var(--gold); color: var(--gold); }
.reg-submit-btn { flex: 1; font-size: .9375rem; padding: .9375rem; }

.reg-summary { background: var(--noir-4); border: 1px solid var(--border); border-radius: var(--radius); padding: 1.125rem; display: flex; flex-direction: column; gap: .5rem; }
.rs-row { display: flex; justify-content: space-between; font-size: .875rem; }
.rs-row span:first-child { color: var(--text-muted); }
.rs-row span:last-child { color: var(--gold); font-weight: 500; }

.register-offer { font-family: var(--font-mono); font-size: .7rem; color: var(--text-muted); text-align: center; margin-top: 1rem; letter-spacing: .06em; }
.register-offer strong { color: var(--gold-dim); }

.nc3-footer { background: var(--noir-2); border-top: 1px solid var(--border); }
.footer-top { padding: 4rem 0; }
.footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 3rem; border-bottom: 1px solid var(--border); padding-bottom: 3rem; }
.footer-brand-link .nc3-brand__name { color: var(--text); }
.footer-brand-col > p { font-size: .875rem; color: var(--text-muted); margin: .875rem 0 1.25rem; max-width: 260px; }
.footer-socials { display: flex; gap: .375rem; }
.footer-socials a { width: 32px; height: 32px; border-radius: 50%; background: var(--noir-3); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-size: .75rem; font-weight: 700; color: var(--text-muted); transition: color var(--transition), border-color var(--transition), background var(--transition); }
.footer-socials a:hover { color: var(--gold); border-color: var(--gold); background: var(--gold-bg); }
.footer-nav-col h4 { font-family: var(--font-mono); font-size: .65rem; letter-spacing: .16em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 1.25rem; }
.footer-nav-col ul { display: flex; flex-direction: column; gap: .5rem; }
.footer-nav-col a { font-size: .875rem; color: var(--text-muted); transition: color var(--transition); }
.footer-nav-col a:hover { color: var(--gold); }
.footer-bottom { padding: 1.5rem 0; }
.footer-bottom-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; }
.footer-bottom p { font-size: .78rem; color: var(--text-muted); max-width: 700px; }
.footer-domain { font-family: var(--font-mono); font-size: .7rem; color: rgba(191,161,74,.3); letter-spacing: .14em; }

.nc3-toast {
  position: fixed; bottom: 2rem; right: 2rem; z-index: 999;
  background: var(--noir-3); border: 1px solid var(--gold);
  border-radius: var(--radius); padding: .875rem 1.25rem;
  font-size: .875rem; color: var(--text);
  box-shadow: var(--shadow-gold);
  transform: translateY(20px); opacity: 0; pointer-events: none;
  transition: transform .3s ease, opacity .3s ease;
  max-width: 320px;
}
.nc3-toast.show { transform: translateY(0); opacity: 1; }

.r3veal { opacity: 0; transform: translateY(24px); transition: opacity .6s ease, transform .6s ease; }
.r3veal.in { opacity: 1; transform: translateY(0); }
.r3d1 { transition-delay: .08s; }
.r3d2 { transition-delay: .16s; }
.r3d3 { transition-delay: .24s; }
.r3d4 { transition-delay: .32s; }

@media (max-width: 1100px) {
  .nc3-nav { padding: 0 3rem; }
  .nc3-nav__list { display: none; }
  .nc3-mobile-burger { display: flex; }
  .nc3-mobile-panel { display: block; }
  .choose-grid { grid-template-columns: repeat(2, 1fr); }
  .team-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-brand-col { grid-column: 1 / -1; }
  .instruments-chart-row { grid-template-columns: 1fr; }
  .ic-info-stack { display: grid; grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 860px) {
  .about-layout, .account-inner, .global-layout, .register-layout { grid-template-columns: 1fr; gap: 2.5rem; }
  .hiw-steps { grid-template-columns: 1fr; }
  .step-connector { display: none; }
  .testi-carousel { grid-template-columns: 1fr; }
  .testi-experts { grid-template-columns: 1fr; }
  .choose-compare { overflow-x: auto; }
  .cc-header, .cc-row { min-width: 600px; }
  .faq-layout { grid-template-columns: 1fr; gap: 2rem; }
  .faq-sidebar { position: static; }
  .he-output { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .nc3-nav { padding: 0 2rem; }
  .banner-counters { flex-wrap: wrap; }
  .bc-item { min-width: 50%; border-bottom: 1px solid var(--border); }
  .choose-grid { grid-template-columns: 1fr; }
  .team-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .instruments-table-header, .it-row { grid-template-columns: 1.5fr 1fr 1fr; }
  .instruments-table-header span:nth-child(n+4), .it-row > *:nth-child(n+4) { display: none; }
  .register-trust { grid-template-columns: 1fr; }
  .banner-pill { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
  body { cursor: auto; }
  .nc3-cursor { display: none; }
}

.logo{
  max-width: 150px;
}

html{
  overflow-x: hidden;
}

@media(max-width: 580px){
  .nc3-btn-primary, .sidebar-open-btn{
    display: none!important;
  }
}