/* Homepage sections under the video — built from the owner-approved design canvas (14 Sep 2026):
   offer, networks, stats band, the problem, how it works, call flow, trades, comparison, trust.
   Desktop first; ≤1000px tightens; ≤760px follows the phone artboard. Colours and type come from nmac-home.css. */
.ns-cta{padding:64px 0 48px}
.ns-cta-card{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;padding:56px 40px;border-radius:24px;background:radial-gradient(ellipse at 95% 0,#dbf5e6,transparent 65%),#f1f9f5}
.ns-cta-card h2{font-size:44px;letter-spacing:-1.6px;line-height:1.12;margin:0}
.ns-cta-button.button{min-height:58px;padding:14px 30px;font-size:17px;gap:14px;box-shadow:0 8px 22px #069c6126}
.ns-cta-terms{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;margin:0;font-size:15px;color:var(--ink-muted)}
.ns-cta-terms [aria-hidden]{color:#a1b3c6}
.ns-cta-privacy{font-size:14px;color:var(--ink-muted);text-decoration:underline;text-underline-offset:3px}
.ns-cta-privacy:hover{color:var(--green)}

.ns-networks{display:flex;flex-direction:column;align-items:center;gap:20px;padding:0 0 64px;text-align:center}
.ns-networks-title{margin:0;font-size:12px;letter-spacing:1.4px;font-weight:750;text-transform:uppercase;color:var(--ink-muted)}
.ns-networks-list{list-style:none;margin:0;padding:0;align-self:stretch;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.ns-networks-list li{min-height:64px;display:grid;place-items:center;padding:6px;border:1px solid var(--line);border-radius:14px;font-size:17px;font-weight:720;letter-spacing:-.4px;line-height:1.1;color:var(--navy)}
.ns-networks-notes{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:0;font-size:14px;color:var(--ink-muted)}
.ns-networks-notes span{display:flex;align-items:center;gap:8px}

.ns svg,.ns-check{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.ns-check{width:18px;height:18px;color:var(--green)}

.ns-stats{padding:0 0 88px}
.ns-stats-band{display:flex;flex-direction:column;gap:34px;padding:56px 48px 40px;border-radius:18px;color:var(--navy);background:#fff;border:1px solid var(--line);border-top:3px solid var(--green);box-shadow:0 6px 18px #17354a0a}
.ns-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;text-align:center}
.ns-stat{display:flex;flex-direction:column;align-items:center;gap:8px}
.ns-stat-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:var(--mint);color:var(--green)}
.ns-stat-icon svg{width:24px;height:24px}
.ns-stat strong{display:block;margin-top:8px;font-size:48px;font-weight:780;letter-spacing:-2px;line-height:1.05;color:var(--green)}
.ns-stat b{font-size:16px;font-weight:650;color:var(--navy)}
.ns-stat p{margin:0;max-width:220px;font-size:14px;line-height:1.5;color:var(--ink-muted)}
.ns-stats-note{margin:0;text-align:center;font-size:13px;color:#6b8196}

.ns-band{padding:88px 0}
.ns-band.ns-tint{background:#f7fafc;border-top:1px solid #edf1f4}
.ns-head{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:780px;margin:0 auto 48px;text-align:center}
.ns-head .eyebrow{margin:0}
.ns-head h2{font-size:40px;letter-spacing:-1.6px;line-height:1.12;margin:0;text-wrap:balance}
.ns-head h2 span,.ns-green{color:var(--green)}
.ns-lede{margin:0;font-size:18px;line-height:1.6;color:var(--ink-muted);text-wrap:pretty}
.ns-lede b{color:var(--navy);font-weight:650}

.ns-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ns-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.ns-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 6px 18px #17354a0a}
.ns-problem .ns-card,.ns-how .ns-card{display:flex;flex-direction:column;gap:14px;padding:32px}
.ns-problem .ns-card{border-top:3px solid var(--green)}
.ns-card h3{margin:6px 0 0;font-size:21px;letter-spacing:-.5px;line-height:1.25}
.ns-card p{margin:0;font-size:16px;line-height:1.6;color:var(--ink-muted)}
.ns-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:var(--mint);color:var(--green);flex-shrink:0}
.ns-icon svg{width:24px;height:24px}
.ns-icon-solid{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#17BC6E,#0A7A42);color:#fff;box-shadow:0 8px 18px #0a7a4230}
.ns-ticks{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15px}
.ns-ticks li{display:flex;align-items:center;gap:10px}

.ns-flow .ns-head{margin-bottom:40px}
.ns-flow .ns-head h2{font-size:34px;letter-spacing:-1.4px}
.ns-flow .ns-lede{font-size:17px}
.ns-flow-row{display:flex;justify-content:center;align-items:stretch;gap:20px}
.ns-flow-step{width:240px;padding:28px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.ns-flow-step .ns-icon{border-radius:50%}
.ns-flow-step strong{font-size:18px;font-weight:700;line-height:1.25;color:var(--navy)}
.ns-flow-step span:last-child{font-size:14px;line-height:1.45;color:var(--ink-muted)}
.ns-flow-step div{display:flex;flex-direction:column;gap:4px}
.ns-flow-step.ns-flow-ciara{width:260px;padding:32px 20px;border:1.5px solid #8bd8b4;box-shadow:0 12px 30px #0F9E581f}
.ns-flow-ciara .ns-icon{background:linear-gradient(135deg,#17BC6E,#0A7A42);color:#fff}
.ns-flow-line .ns-icon{background:#eef3f8;color:var(--navy)}
.ns-flow-arrow{align-self:center;flex:none;width:26px;height:26px;color:#a1b3c6}

.ns-trades .ns-grid-3{gap:20px}
.ns-trade{display:flex;gap:16px;align-items:flex-start;padding:24px}
.ns-trade div{display:flex;flex-direction:column;gap:6px}
.ns-trade strong{font-size:18px;font-weight:700;letter-spacing:-.3px}
.ns-trade p{font-size:15px;line-height:1.55}

.ns-compare .ns-head{margin-bottom:40px}
.ns-table-wrap{max-width:1000px;margin:0 auto;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 6px 18px #17354a0a}
.ns-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:15px}
.ns-table th,.ns-table td{padding:18px 12px;text-align:center;border-bottom:1px solid #edf1f4}
.ns-table tr:last-child td{border-bottom:0}
.ns-table thead th{border-bottom:1px solid var(--line);color:var(--ink-muted);font-weight:650;vertical-align:middle}
.ns-table th[scope=row],.ns-table thead th:first-child{text-align:left;padding-left:24px;color:var(--navy);font-weight:600}
.ns-table thead th:first-child{color:var(--ink-muted);font-weight:650}
.ns-table .ns-us{background:#f3fbf6}
.ns-table thead .ns-us{background:var(--mint);color:var(--navy);font-weight:750}
.ns-table thead .ns-us small{display:block;margin-top:2px;font-size:12px;font-weight:600;color:#087c51}
.ns-table td{color:var(--ink-muted)}
.ns-yes,.ns-no{display:inline-block;vertical-align:middle}
.ns-yes{width:22px;height:22px;color:var(--green)}
.ns-no{width:20px;height:20px;color:#c5534a}
.ns-narrow{display:none}
.ns-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.ns-trust{padding-bottom:96px}
.ns-trust-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 22px;text-align:center}
.ns-trust-card strong{margin-top:4px;font-size:18px;font-weight:700}
.ns-trust-card p{font-size:14px;line-height:1.55}

@media(max-width:1000px){
  .ns-networks-list{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ns-stats-band{padding:44px 28px 32px}
  .ns-stat strong{font-size:40px}
  .ns-head h2{font-size:34px}
  .ns-problem .ns-card,.ns-how .ns-card{padding:26px}
  .ns-grid-3{gap:16px}
  .ns-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ns-flow-row{gap:12px}
  .ns-flow-step,.ns-flow-step.ns-flow-ciara{width:auto;flex:1}
}
@media(max-width:760px){
  .ns-cta{padding:32px 0 28px}
  .ns-cta-card{gap:16px;padding:32px 22px;border-radius:18px}
  .ns-cta-card h2{font-size:28px;letter-spacing:-1px;text-wrap:balance}
  .ns-cta-button.button{align-self:stretch;min-height:52px;font-size:16px;gap:12px}
  .ns-cta-terms{font-size:13px;gap:6px 16px}
  .ns-cta-terms [aria-hidden]{display:none} /* a wrapped line left a dot dangling at its end */
  .ns-cta-privacy{font-size:13px}
  .ns-networks{gap:14px;padding:4px 0 36px}
  .ns-networks-title{max-width:300px;font-size:11px;letter-spacing:1px;line-height:1.6}
  .ns-networks-list{gap:8px}
  .ns-networks-list li{min-height:48px;border-radius:11px;font-size:12px;letter-spacing:-.2px}
  .ns-networks-notes{font-size:13px;gap:8px 16px}
  .ns-networks-notes span{gap:6px}
  .ns-stats{padding:0 0 44px}
  .ns-stats-band{gap:24px;padding:32px 20px 26px;border-radius:18px}
  .ns-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}
  .ns-stat{gap:5px}
  .ns-stat-icon{width:40px;height:40px;border-radius:11px}
  .ns-stat-icon svg{width:20px;height:20px}
  .ns-stat strong{margin-top:6px;font-size:34px;letter-spacing:-1.4px}
  .ns-stat b{font-size:14px}
  .ns-stat p{font-size:12px;line-height:1.45}
  .ns-stats-note{font-size:11px}
  .ns-band{padding:48px 0}
  .ns-head{gap:10px;margin-bottom:28px}
  .ns-head h2,.ns-flow .ns-head h2{font-size:28px;letter-spacing:-1px;line-height:1.15}
  .ns-lede,.ns-flow .ns-lede{font-size:15px}
  .ns-grid-3{grid-template-columns:1fr;gap:14px}
  .ns-problem .ns-card,.ns-how .ns-card{display:grid;grid-template-columns:44px 1fr;align-items:center;column-gap:12px;row-gap:10px;padding:22px}
  .ns-problem .ns-card .ns-icon,.ns-how .ns-card .ns-icon{width:44px;height:44px;border-radius:12px}
  .ns-problem .ns-card .ns-icon svg,.ns-how .ns-card .ns-icon svg{width:22px;height:22px}
  .ns-card h3{margin:0;font-size:18px;letter-spacing:-.4px}
  .ns-problem .ns-card p,.ns-how .ns-card p,.ns-ticks{grid-column:1/-1}
  .ns-card p{font-size:15px;line-height:1.55}
  .ns-ticks{margin:0;gap:8px;font-size:14px}
  .ns-ticks li{gap:8px}
  .ns-ticks .ns-check{width:17px;height:17px}
  .ns-flow-row{flex-direction:column;align-items:stretch;gap:8px}
  .ns-flow-step,.ns-flow-step.ns-flow-ciara{flex-direction:row;gap:12px;padding:14px 16px;text-align:left;box-shadow:0 6px 18px #17354a0a}
  .ns-flow-step .ns-icon{width:44px;height:44px}
  .ns-flow-step .ns-icon svg{width:20px;height:20px}
  .ns-flow-step div{display:flex;flex-direction:column;gap:2px}
  .ns-flow-step strong{font-size:16px}
  .ns-flow-step span:last-child{font-size:13px}
  .ns-flow-arrow{align-self:center;width:22px;height:22px;transform:rotate(90deg)}
  .ns-trades .ns-grid-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ns-trade{flex-direction:column;gap:10px;padding:16px 14px}
  .ns-trade .ns-icon{width:38px;height:38px;border-radius:11px}
  .ns-trade .ns-icon svg{width:20px;height:20px}
  .ns-trade strong{font-size:15px;line-height:1.3}
  .ns-trade p{display:none}
  .ns-table-wrap{border-radius:16px}
  .ns-table{font-size:13px}
  .ns-table th,.ns-table td{padding:14px 4px}
  .ns-table th[scope=row],.ns-table thead th:first-child{padding-left:12px;width:36%}
  .ns-table thead th{font-size:12px}
  .ns-yes{width:18px;height:18px}
  .ns-no{width:16px;height:16px}
  .ns-table td{font-size:12px}
  .ns-wide{display:none}
  .ns-narrow{display:inline}
  .ns-trust{padding-bottom:56px}
  .ns-grid-4{gap:10px}
  .ns-trust-card{align-items:flex-start;gap:8px;padding:18px 14px;text-align:left}
  .ns-trust-card .ns-icon{width:38px;height:38px;border-radius:11px}
  .ns-trust-card .ns-icon svg{width:20px;height:20px}
  .ns-trust-card strong{margin:0;font-size:15px}
  .ns-trust-card p{font-size:12px;line-height:1.5}
}
@media(max-width:360px){.ns-cta-card{padding:28px 16px}.ns-cta-button.button{padding:12px 14px;gap:10px;font-size:15px;white-space:nowrap}.ns-cta-card h2{font-size:26px}}