/* Promo bar and tool framing on the site */
.nf-bar{background:#0B1F33;color:#fff;text-align:center;padding:10px 16px;font-size:14px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.nf-bar a{color:#FDBA74;font-weight:600;text-decoration:none}
.nf-tool-points{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;color:#3A4651}
.nf-tool-points li{padding-left:18px;position:relative}
.nf-tool-points li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:#C2410C}
.nf-tool-intro{display:flex;flex-direction:column;gap:18px}
.nf-tool-app{min-width:0}
.nf-tool-live #nf-app{max-width:560px}
@media (max-width:900px){.nf-tool-live #nf-app{max-width:none}}

/* Headline sits level with the tool */
.nf-tool{padding-top:28px}
.nf-tool-intro h1{margin-top:4px}

/* Wide mode: once the agent is past the first screen, the intro column goes away and the tool uses the width */
@media (min-width:900px){
  .nf-tool-live.is-wide{grid-template-columns:1fr}
  .nf-tool-live.is-wide .nf-tool-intro{display:none}
  .nf-tool-live.is-wide #nf-app{max-width:1100px}
  .nf-tool-live.is-wide #nf-app main{padding:20px 32px 32px}
  .nf-tool-live.is-wide #nf-app .list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .nf-tool-live.is-wide #nf-app .stickymsg{max-width:1100px}
}