.nd-demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,6vw,90px);align-items:center;padding:90px max(24px,calc((100% - 1180px)/2));background:linear-gradient(130deg,transparent 22%,#31453255 22% 35%,transparent 35% 70%,#54604422 70% 83%,transparent 83%),#102218;color:#edf1e5;font-family:Manrope,Arial,sans-serif;isolation:isolate}
.nd-demo *{box-sizing:border-box}.nd-copy,.nd-stage{min-width:0}.nd-demo .nd-kicker{color:#d2b879;font-size:11px;font-weight:800;letter-spacing:.16em}.nd-demo h2{font:800 clamp(38px,5vw,66px)/1.04 Manrope,Arial,sans-serif;letter-spacing:-.055em;color:#edf1e5;margin:22px 0}.nd-demo h2 em{font:inherit;color:#d2b879}.nd-copy>p:not(.nd-kicker){font-size:15px;line-height:1.75;color:#c4cebd;max-width:440px}.nd-steps{display:grid;margin:30px 0;gap:6px}.nd-steps button{display:flex;align-items:center;gap:18px;width:100%;min-width:0;padding:16px 12px;border:0;border-radius:18px;background:transparent;color:#b8c7b4;text-align:left;cursor:pointer;font:inherit}.nd-steps button[aria-pressed=true]{background:#647a4630;color:#f1f3e9;box-shadow:inset 3px 0 #c9af70}.nd-steps button>span{font-size:13px;color:#d2b879}.nd-steps strong{display:block;font-size:16px}.nd-steps small{display:block;font-size:12px;line-height:1.5;margin-top:5px;color:#b8c7b4}.nd-demo .nd-note{font-size:11px!important;line-height:1.6!important;color:#aebbab!important}.nd-stage{display:grid;justify-items:center;background:radial-gradient(ellipse at center,#7d94632e,transparent 66%)}
.nd-phone{position:relative;width:min(100%,314px);height:570px;border-radius:44px;padding:54px 18px 26px;background:linear-gradient(135deg,#213928,#102017);border:5px solid #080e0a;box-shadow:0 0 0 1px #6d785c,16px 30px 65px #0007,inset 0 0 0 1px #81907244;overflow:hidden}.nd-island{position:absolute;width:88px;height:23px;top:12px;left:50%;transform:translateX(-50%);background:#070b08;border-radius:30px}.nd-brand{color:#d2b879;font-weight:800;font-size:18px;display:flex;align-items:center}.nd-brand>span{color:#edf1e5}.nd-brand>small{margin-left:auto;font-size:8px;letter-spacing:.13em;color:#d2b879}.nd-screen{margin-top:20px;animation:nd-enter .5s ease both}.nd-demo h3{font:800 22px/1.2 Manrope,Arial,sans-serif;letter-spacing:-.035em;color:#f1f3e9;margin:10px 0}.nd-screen p{font-size:11px;color:#c4cebd;line-height:1.5;margin:8px 0}.nd-visual{position:relative;background:#0c1912;border-radius:20px;overflow:hidden;margin:14px 0}.nd-visual img,.nd-screen>img{display:block;width:100%;height:210px;object-fit:contain}.nd-visual.is-scan::after{content:'';position:absolute;left:8%;right:8%;top:22%;height:2px;background:#d8c17e;box-shadow:0 0 15px #e5cd83;animation:nd-scan 2.5s ease-in-out infinite alternate}.nd-tag{font-size:9px;letter-spacing:.1em;color:#d5bd7c}.nd-pill{display:block;text-align:center;border-radius:20px;background:#d0ba7b;color:#152519;font-size:12px;font-weight:800;padding:13px;margin-top:16px}.nd-details{padding:12px 0;border-top:1px solid #70826166;color:#e7eddf;font-size:12px;display:flex;justify-content:space-between;gap:8px}.nd-details small{color:#b9c6ad}.nd-macros{display:flex;justify-content:space-between;gap:6px;margin:12px 0;color:#dec788;font-size:12px;font-weight:800}.nd-macros small{display:block;font-size:8px;font-weight:600;color:#bac9b2;margin-top:3px}.nd-row{display:flex;align-items:center;gap:12px;padding:17px 10px;margin:10px 0;border-radius:15px;background:#73955b12;color:#e6ecdf;font-size:12px}.nd-row div{flex:1}.nd-row strong,.nd-row small{display:block}.nd-row small{font-size:10px;line-height:1.5;color:#b8c9ae;margin-top:5px}.nd-row.is-added{background:#728e4c33;border:1px solid #c3ab6866}.nd-row img{width:45px;height:45px;object-fit:cover;border-radius:50%}.nd-home{position:absolute;bottom:11px;left:35%;width:30%;height:4px;border-radius:10px;background:#aeb9a3}.nd-controls{display:flex;align-items:center;gap:24px;margin-top:26px;color:#cbbb8f;font-size:11px}.nd-controls button{font:700 12px Manrope,Arial,sans-serif;min-height:44px;padding:10px 18px;background:transparent;color:#e0d0a8;border:1px solid #84916b;border-radius:99px;cursor:pointer}.nd-demo button:focus-visible{outline:2px solid #e2c978;outline-offset:4px}.nd-demo[data-paused=true] *{animation-play-state:paused!important}@keyframes nd-scan{to{top:78%}}@keyframes nd-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.nd-demo{grid-template-columns:minmax(0,1fr);padding:58px 22px;gap:28px}.nd-copy>p:not(.nd-kicker){max-width:none}.nd-phone{height:570px}.nd-steps button{padding:12px}.nd-stage{width:100%}}@media(prefers-reduced-motion:reduce){.nd-demo *{animation:none!important}}