:root {
  --nb-black: #050505;
  --nb-ink: #101410;
  --nb-muted: #647067;
  --nb-green: #00E676;
  --nb-green-dark: #00B85C;
  --nb-green-soft: #E9FFF3;
  --nb-paper: #F6F8F6;
  --nb-line: #DDE8E0;
  --nb-white: #FFFFFF;
  --nb-shadow: 0 24px 70px rgba(5, 5, 5, .10);
  --nb-shadow-sm: 0 12px 34px rgba(5, 5, 5, .07);
  --nb-radius: 22px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body {
  --nb-mx: 50vw;
  --nb-my: 30vh;
  --nb-grid-x: 0px;
  --nb-grid-y: 0px;
  min-height: 100vh;
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--nb-paper);
  color: var(--nb-ink);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }

.nb-page { position: relative; background: var(--nb-paper); }
.nb-page::before { content: ''; position: fixed; inset: 0; z-index: -2; pointer-events: none; background: radial-gradient(circle 520px at var(--nb-mx) var(--nb-my), rgba(0, 230, 118, .22), transparent 66%), var(--nb-paper); }
.nb-page::after { content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: .42; background-image: linear-gradient(rgba(5,5,5,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(5,5,5,.055) 1px, transparent 1px); background-size: 42px 42px; background-position: var(--nb-grid-x) var(--nb-grid-y); }
.nb-container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }

.nb-nav {
  position: sticky;
  top: 0;
  z-index: 50;
  background: var(--nb-black);
  border-bottom: 0;
}
.nb-nav__inner {
  min-height: 66px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.nb-brand { display: inline-flex; align-items: center; gap: 12px; color: var(--nb-white); }
.nb-brand__mark {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: var(--nb-green);
  color: #031108;
  font-weight: 950;
  letter-spacing: -.08em;
}
.nb-brand__text { display: grid; line-height: 1; gap: 4px; }
.nb-brand__name { color: var(--nb-white); font-size: 17px; font-weight: 950; letter-spacing: -.04em; }
.nb-brand__tag { color: var(--nb-green); font-size: 10px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.nb-nav__links { display: flex; align-items: center; gap: 24px; list-style: none; }
.nb-nav__links a {
  position: relative;
  color: rgba(255,255,255,.82);
  font-size: 13px;
  font-weight: 800;
  padding: 28px 0;
}
.nb-nav__links a::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  height: 2px;
  border-radius: 999px;
  background: var(--nb-green);
  transform: scaleX(0);
  transition: transform .2s ease;
}
.nb-nav__links a:hover { color: var(--nb-white); }
.nb-nav__links a:hover::after { transform: scaleX(1); }
.nb-nav__actions { display: flex; align-items: center; gap: 12px; }

.nb-link, .nb-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 46px;
  padding: 0 18px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 900;
  transition: transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.nb-link { color: var(--nb-white); border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.06); }
.nb-link:hover { background: rgba(255,255,255,.12); transform: translateY(-1px); }
.nb-button { color: #031108; border: 1px solid var(--nb-green); background: var(--nb-green); box-shadow: 0 14px 30px rgba(0, 230, 118, .22); }
.nb-button:hover { background: var(--nb-green-dark); border-color: var(--nb-green-dark); transform: translateY(-2px); }
.nb-button--dark { background: var(--nb-black); border-color: var(--nb-black); color: var(--nb-white); box-shadow: none; }
.nb-button--dark:hover { background: #101410; border-color: #101410; color: var(--nb-white); }
.nb-button--light { background: var(--nb-white); border-color: var(--nb-line); color: var(--nb-black); box-shadow: none; }
.nb-button--light:hover { border-color: var(--nb-green); color: var(--nb-black); }

.nb-hero { position: relative; padding: 0; background: var(--nb-black); color: var(--nb-white); overflow: hidden; }
.nb-hero::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px); background-size: 46px 46px; background-position: var(--nb-grid-x) var(--nb-grid-y); opacity: .42; }
.nb-hero .nb-container { position: relative; z-index: 1; }
.nb-hero__grid { min-height: 214px; display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: 20px; align-items: center; padding: 26px 0 28px; }
.nb-hero__copy {
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background: transparent;
  color: var(--nb-white);
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  text-align: left;
  overflow: hidden;
}
.nb-eyebrow {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  border-radius: 999px;
  background: rgba(0, 230, 118, .13);
  border: 1px solid rgba(0, 230, 118, .26);
  color: #B8F7D0;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.nb-hero h1 {
  max-width: 790px;
  margin: 10px 0 9px;
  font-size: clamp(28px, 4vw, 50px);
  line-height: 1;
  letter-spacing: -.065em;
  font-weight: 950;
}
.nb-highlight { display: inline; padding: 0 .12em; border-radius: 14px; background: var(--nb-green); color: #031108; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.nb-hero__lead { max-width: 680px; color: rgba(255,255,255,.74); font-size: 14.5px; line-height: 1.55; margin-bottom: 13px; }
.nb-actions { display: flex; justify-content: flex-start; gap: 10px; flex-wrap: wrap; }
.nb-actions--center { justify-content: center; }
.nb-hero-search { display: none; }
.nb-hero-search span { min-width: 0; display: inline-flex; align-items: center; gap: 9px; }
.nb-hero-search i { color: var(--nb-black); font-size: 18px; }
.nb-hero-search a { min-height: 34px; display: inline-flex; align-items: center; justify-content: center; padding: 0 12px; border-radius: 8px; background: var(--nb-black); color: var(--nb-white); font-size: 11px; font-weight: 950; white-space: nowrap; }
.nb-hero-search a:hover { background: #101410; color: var(--nb-green); }
.nb-proof { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 7px; margin-top: 12px; }
.nb-proof span { display: inline-flex; align-items: center; gap: 6px; padding: 6px 9px; border-radius: 10px; color: rgba(255,255,255,.78); background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); font-size: 11.5px; font-weight: 750; }
.nb-proof i { color: var(--nb-green); }

.nb-hero__panel { display: flex; justify-content: flex-end; }
.nb-hero__panel .nb-panel { display: none; }
.nb-hero__panel .nb-mini-grid { width: 220px; display: grid; grid-template-columns: 1fr; gap: 9px; }
.nb-hero__panel .nb-mini { padding: 12px; border-radius: 10px; box-shadow: none; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.13); }
.nb-hero__panel .nb-mini i { width: 32px; height: 32px; margin-bottom: 7px; border-radius: 8px; }
.nb-hero__panel .nb-mini b { color: var(--nb-white); font-size: 13px; }
.nb-hero__panel .nb-mini span { color: rgba(255,255,255,.64); font-size: 11.5px; }
.nb-panel, .nb-card, .nb-module, .nb-price, .nb-faq details {
  background: var(--nb-white);
  border: 1px solid var(--nb-line);
  border-radius: var(--nb-radius);
  box-shadow: var(--nb-shadow-sm);
}
.nb-panel { overflow: hidden; border-radius: 12px; box-shadow: 0 18px 44px rgba(0,0,0,.28); }
.nb-panel__top { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 20px; border-bottom: 1px solid var(--nb-line); }
.nb-panel__brand { display: flex; align-items: center; gap: 10px; font-weight: 950; color: var(--nb-black); }
.nb-panel__brand i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 13px; background: var(--nb-black); color: var(--nb-green); }
.nb-live { color: var(--nb-green-dark); font-size: 12px; font-weight: 900; }
.nb-panel__body { padding: 20px; display: grid; gap: 14px; }
.nb-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.nb-kpi { padding: 16px; border-radius: 20px; background: #F8FBF9; border: 1px solid var(--nb-line); }
.nb-kpi strong { display: block; color: var(--nb-black); font-size: 22px; font-weight: 950; letter-spacing: -.04em; }
.nb-kpi span { color: var(--nb-muted); font-size: 12px; font-weight: 750; }
.nb-panel__list { display: grid; gap: 10px; }
.nb-panel__list div { display: flex; justify-content: space-between; gap: 12px; padding: 13px 14px; border-radius: 18px; background: #F8FBF9; color: var(--nb-muted); font-size: 13px; font-weight: 750; }
.nb-panel__list b { color: var(--nb-black); }
.nb-mini-grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
.nb-mini { padding: 16px; border-radius: 16px; }
.nb-mini i { width: 42px; height: 42px; display: grid; place-items: center; margin-bottom: 12px; border-radius: 15px; background: var(--nb-green-soft); color: var(--nb-green-dark); font-size: 19px; }
.nb-mini b { display: block; color: var(--nb-black); font-size: 16px; margin-bottom: 4px; }
.nb-mini span { color: var(--nb-muted); font-size: 13px; }

.nb-trust { display: none; }
.nb-trust__item { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 12px; background: rgba(255,255,255,.075); border: 1px solid rgba(255,255,255,.13); border-radius: 10px; box-shadow: none; color: rgba(255,255,255,.78); font-size: 12px; font-weight: 850; }
.nb-trust__item i { color: var(--nb-green); font-size: 17px; }

.nb-section { padding: 58px 0; }
.nb-section--white { background: var(--nb-white); }
.nb-section__head { max-width: 760px; margin: 0 auto 30px; text-align: center; }
.nb-section__head h2 { margin: 14px 0 12px; color: var(--nb-black); font-size: clamp(28px, 3.4vw, 44px); line-height: 1.02; letter-spacing: -.07em; font-weight: 950; }
.nb-section__head p { color: var(--nb-muted); font-size: 16px; line-height: 1.75; }

.nb-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.nb-card { padding: 26px; }
.nb-card:hover, .nb-module:hover, .nb-price:hover { transform: translateY(-4px); border-color: #B8F7D0; box-shadow: var(--nb-shadow); }
.nb-card, .nb-module, .nb-price { transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.nb-icon { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 18px; background: var(--nb-black); color: var(--nb-green); font-size: 22px; margin-bottom: 16px; }
.nb-card h3 { color: var(--nb-black); font-size: 18px; line-height: 1.25; margin-bottom: 8px; }
.nb-card p { color: var(--nb-muted); font-size: 14px; }

.nb-modules { display: grid; gap: 22px; }
.nb-module { display: grid; grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); gap: 22px; align-items: center; padding: 22px; }
.nb-module:nth-child(even) { grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); }
.nb-module:nth-child(even) .nb-module__text { order: 2; }
.nb-module h3 { color: var(--nb-black); font-size: clamp(25px, 3vw, 39px); line-height: 1.07; letter-spacing: -.055em; margin: 12px 0; }
.nb-module p { color: var(--nb-muted); margin-bottom: 18px; }
.nb-module ul { list-style: none; display: grid; gap: 11px; }
.nb-module li { display: flex; gap: 10px; color: var(--nb-muted); }
.nb-module li i { color: var(--nb-green-dark); margin-top: 3px; }
.nb-module li b { color: var(--nb-black); }
.nb-screen { min-height: 260px; border-radius: 24px; background: var(--nb-black); padding: 18px; color: var(--nb-white); display: grid; align-content: center; gap: 12px; }
.nb-screen__bar { height: 44px; border-radius: 16px; background: #101410; display: flex; align-items: center; padding: 0 14px; color: var(--nb-green); font-weight: 900; }
.nb-screen__content { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.nb-screen__tile { min-height: 84px; border-radius: 18px; background: #101410; border: 1px solid #26352D; padding: 14px; }
.nb-screen__tile b { display: block; color: var(--nb-white); margin-bottom: 5px; }
.nb-screen__tile span { color: rgba(255,255,255,.62); font-size: 12px; }

.nb-pricing { display: grid; grid-template-columns: 1.2fr .8fr; gap: 18px; align-items: stretch; }
.nb-price { padding: 34px; }
.nb-price--main { border: 2px solid var(--nb-green); }
.nb-price__name { color: var(--nb-green-dark); font-size: 13px; font-weight: 950; text-transform: uppercase; letter-spacing: .12em; }
.nb-price__value { margin: 8px 0 8px; color: var(--nb-black); font-size: 52px; font-weight: 950; letter-spacing: -.07em; }
.nb-price__value small { font-size: 15px; color: var(--nb-muted); letter-spacing: 0; }
.nb-price p { color: var(--nb-muted); margin-bottom: 18px; }
.nb-price ul { list-style: none; display: grid; gap: 10px; }
.nb-price li { display: flex; gap: 10px; color: var(--nb-muted); }
.nb-price li i { color: var(--nb-green-dark); margin-top: 3px; }

.nb-faq { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.nb-faq details { padding: 0; overflow: hidden; }
.nb-faq summary { cursor: pointer; list-style: none; padding: 20px 22px; color: var(--nb-black); font-weight: 900; display: flex; justify-content: space-between; gap: 14px; }
.nb-faq summary::-webkit-details-marker { display: none; }
.nb-faq summary::after { content: '+'; color: var(--nb-green-dark); font-size: 22px; line-height: 1; }
.nb-faq details[open] summary::after { content: '−'; }
.nb-faq p { padding: 0 22px 20px; color: var(--nb-muted); font-size: 14px; }

.nb-final { padding: 76px 0; }
.nb-final__box { border-radius: 26px; background: var(--nb-black); color: var(--nb-white); padding: clamp(36px, 6vw, 70px); text-align: center; box-shadow: var(--nb-shadow); }
.nb-final h2 { max-width: 760px; margin: 0 auto 12px; font-size: clamp(32px, 4.5vw, 58px); line-height: 1; letter-spacing: -.07em; }
.nb-final p { max-width: 560px; margin: 0 auto 26px; color: rgba(255,255,255,.72); }

.nb-footer { background: var(--nb-black); color: rgba(255,255,255,.68); border-top: 3px solid var(--nb-green); padding: 34px 0; }
.nb-footer__row { display: flex; justify-content: space-between; gap: 18px; flex-wrap: wrap; font-size: 13px; font-weight: 700; }

@media (max-width: 1040px) {
  .nb-nav__links { display: none; }
  .nb-hero__grid, .nb-module, .nb-module:nth-child(even), .nb-pricing { grid-template-columns: 1fr; }
  .nb-module:nth-child(even) .nb-module__text { order: initial; }
  .nb-hero__copy { min-height: auto; }
  .nb-hero__panel { display: none; }
  .nb-trust, .nb-grid-3, .nb-faq { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 680px) {
  .nb-container { width: min(100% - 28px, 1180px); }
  .nb-nav__inner { min-height: auto; padding: 14px 0; align-items: flex-start; flex-direction: column; }
  .nb-nav__actions { width: 100%; display: grid; grid-template-columns: 1fr 1fr; }
  .nb-link, .nb-button { width: 100%; }
  .nb-hero { padding-top: 0; }
  .nb-hero__grid { min-height: auto; padding: 22px 0; }
  .nb-hero__copy { border-radius: 0; padding: 0; }
  .nb-final__box { border-radius: 28px; padding: 28px; }
  .nb-hero h1 { font-size: clamp(29px, 10vw, 44px); }
  .nb-hero__lead { font-size: 14px; }
  .nb-trust, .nb-grid-3, .nb-faq, .nb-kpis, .nb-mini-grid, .nb-screen__content { grid-template-columns: 1fr; }
  .nb-section { padding: 58px 0; }
  .nb-module { padding: 20px; border-radius: 24px; }
  .nb-footer__row { text-align: center; justify-content: center; }
}

.nb-flow { display: none; }
.nb-flow__item { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); border-radius: 10px; padding: 10px 12px; color: rgba(255,255,255,.74); font-size: 12px; }
.nb-flow__item strong { display: block; color: var(--nb-white); font-size: 14px; margin-bottom: 4px; }
.nb-flow__item span { color: var(--nb-green); font-size: 11px; font-weight: 950; letter-spacing: .12em; text-transform: uppercase; }
.nb-summary-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.nb-summary { padding: 22px; }
.nb-summary b { display: block; color: var(--nb-black); font-size: 18px; margin: 10px 0 6px; }
.nb-summary p { color: var(--nb-muted); font-size: 13px; }
.nb-summary i { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; background: var(--nb-black); color: var(--nb-green); font-size: 19px; }
@media (max-width: 1040px) { .nb-flow, .nb-summary-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 680px) { .nb-flow, .nb-summary-grid { grid-template-columns: 1fr; } }