.np-showcase{background:#0d3029}.np-showcase .section-head{align-items:start}.np-demo{border:1px solid #668479;border-radius:24px;overflow:hidden;background:#173e33;color:#faf7f2;margin-top:38px;box-shadow:0 18px 65px #001c2533}.np-demo-top{padding:20px 26px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #ffffff25}.np-demo-top>span{display:flex;align-items:center;gap:10px;font:500 24px var(--display)}.np-demo-top small{color:#c0d3c6;font-size:12px}.np-demo-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:16px 24px;border-bottom:1px solid #ffffff25}.np-demo-tabs button{font:500 14px var(--sans);color:#faf7f2;border:1px solid transparent;border-radius:10px;background:transparent;padding:12px 17px;cursor:pointer;min-height:44px}.np-demo-tabs button:hover{background:#ffffff12}.np-demo-tabs button[aria-selected=true]{background:#f0b354;color:#102a24}.np-demo-tabs button:focus-visible,.np-demo-panel:focus-visible{outline:3px solid #f0b354;outline-offset:-3px}.np-demo-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;padding:36px;min-height:480px}.np-demo-panel[hidden]{display:none}.np-demo-kicker{font:500 11px var(--mono);letter-spacing:.1em;color:#f0b354}.np-demo-caption h3{font:500 clamp(24px,3vw,35px)/1.2 var(--display);margin:16px 0}.np-demo-caption p{color:#cfddd2;font-size:15px;line-height:1.75;max-width:36ch}.np-demo-surface{background:#fbf6ec;color:#183b2e;border-radius:16px;padding:24px;min-width:0}.np-demo-source{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:#416154;margin-bottom:22px}.np-demo-pill{padding:5px 9px;border-radius:6px;background:#e1eadc;font-size:11px;margin-left:auto}.np-demo-dot{height:9px;width:9px;background:#357e5b;border-radius:100%;display:inline-block;flex-shrink:0}.np-demo-dot.gold{background:#d98c1f}.np-demo-surface h4{font:500 21px/1.3 var(--display);margin-bottom:16px}.np-demo-surface blockquote{font-size:15px;line-height:1.7;padding-left:15px;border-left:3px solid #c4d3bf;margin:18px 0}.np-demo-draft{padding:18px;background:#e8eedf;border-radius:12px}.np-demo-draft>span,.np-demo-idea>span{font:500 10px var(--mono);letter-spacing:.1em;color:#42634e}.np-demo-draft p{margin-top:10px;font-size:15px;line-height:1.7}.np-demo-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.np-demo-actions span{border-radius:8px;padding:9px 12px;border:1px solid #bfccbc;font-size:12px}.np-demo-actions span:first-child{background:#f0b354;border-color:#f0b354}.np-demo-note{font-size:12px!important;line-height:1.65;color:#526953;margin-top:20px}.np-demo-meter{display:flex;gap:6px;margin-bottom:22px}.np-demo-meter i{flex:1;height:8px;border-radius:4px;background:#52815a}.np-demo-meter i.empty{background:#dce4d4}.np-demo-phrase{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #d4ddce;font-size:14px}.np-demo-phrase b{font-size:10px;text-transform:uppercase;color:#346b45}.np-demo-phrase.muted{opacity:.65}.np-demo-history{list-style:none;padding:0}.np-demo-history li{display:flex;align-items:baseline;gap:14px;padding:15px 0;border-bottom:1px solid #d4ddce}.np-demo-history b{font-size:14px}.np-demo-history p{font-size:13px;margin-top:5px;line-height:1.65}.np-demo-idea{padding:17px 0;border-bottom:1px solid #d4ddce}.np-demo-idea h4{margin:8px 0;font-size:20px}.np-demo-idea p{font-size:13px;line-height:1.65}.np-demo-idea small{display:block;color:#526953;margin-top:10px;font-size:11px}.np-setup-handoff{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;margin-top:60px}.np-setup-handoff h3{font:500 30px/1.2 var(--display);margin:14px 0}.np-setup-handoff p{font-size:14px;line-height:1.75;color:#cfddd2}.np-setup-handoff ol{list-style:none;padding:0;display:grid;gap:12px}.np-setup-handoff li{display:grid;grid-template-columns:170px 1fr;gap:16px;border-bottom:1px solid #ffffff25;padding:15px 0}.np-setup-handoff b{font-size:13px;color:#f0b354}.np-setup-handoff li span{font-size:14px;color:#cfddd2}.np-included ul{display:grid;grid-template-columns:1fr 1fr;gap:20px 32px}.np-included li{margin:0!important}.np-example-label{font:500 11px var(--mono);color:#526953;margin-bottom:14px}@media(max-width:740px){.np-demo-panel{grid-template-columns:1fr;padding:22px;gap:24px;min-height:0}.np-demo-caption p{max-width:none}.np-demo-top{padding:18px;align-items:flex-start;flex-direction:column}.np-demo-tabs{padding:12px;display:grid;grid-template-columns:1fr 1fr}.np-demo-tabs button{padding:11px 8px;font-size:13px}.np-demo-surface{padding:18px}.np-demo-pill{margin-left:0}.np-setup-handoff{grid-template-columns:1fr;gap:18px}.np-setup-handoff li{grid-template-columns:1fr;gap:6px}.np-included ul{grid-template-columns:1fr}.np-demo-phrase{font-size:12px}.np-demo-panel{scroll-margin-top:90px}}