body.nxdemo-landing{background:radial-gradient(ellipse at 8% 0,#e9f5ef 0,transparent 42%),#f6f8f7;color:#193e4c}
.nxdemo-landing .nxdemo-page{max-width:1256px;padding:24px 28px 44px}
.nxdemo-landing .nxdemo-top{margin-bottom:24px;min-height:46px}
.nxdemo-landing .nxdemo-top nav{display:flex;gap:12px;align-items:center}
.nxdemo-landing .nxdemo-top nav a{padding:8px 13px;min-height:40px;border-radius:9px;font-size:12px}
.nxdemo-landing .nxdemo-top nav a:last-child{border:1px solid #d3e4db;background:#fff}
.nxdemo-landing .nxdemo-intro{grid-template-columns:minmax(0,1.3fr) minmax(240px,340px);gap:40px;padding:34px 38px;border:1px solid #d8e7e1;border-radius:24px;background:#ffffffd9;box-shadow:0 10px 32px #1c574508}
.nxdemo-landing .nxdemo-hero-copy{min-width:0}
.nxdemo-landing .nxdemo-tag{background:#edf7f1;border-color:#d4e8dd;padding:6px 12px;font-size:11px}
.nxdemo-landing h1{font-size:clamp(30px,3.4vw,46px);line-height:1.14;letter-spacing:-1.3px;margin:17px 0 18px;color:#123b51;font-weight:400}
.nxdemo-landing .nxdemo-lead{max-width:590px;line-height:1.75;font-size:14px;color:#5d777a}
.nxdemo-landing .nxdemo-facts{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 24px}
.nxdemo-landing .nxdemo-facts span{padding:5px 9px;border:1px solid #e0ebe4;border-radius:8px;background:#f7faf8;color:#527467;font-size:11px}
.nxdemo-landing .nxdemo-hero-link{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;min-height:46px;padding:11px 17px;border-radius:10px;border:1px solid #20725d;background:#20725d;color:#fff;text-decoration:none;font-size:13px}
.nxdemo-landing .nxdemo-hero-link:hover{background:#195b4b}
.nxdemo-landing .nxdemo-hero-hint{font-size:11px;color:#7b9086;line-height:1.7;margin:10px 0 0}
.nxdemo-landing .nxdemo-intro-note.nxhvi-demo-note{margin:0;border-radius:16px;border-color:#dce8df;box-shadow:0 6px 16px #1c574507}
.nxdemo-landing .nxhvi-demo-note>div{padding:14px 18px}
.nxdemo-landing .nxhvi-demo-note>div p{font-size:11px;line-height:1.6}
.nxdemo-landing .nxdemo-accounts{padding-top:32px;scroll-margin-top:24px}
.nxdemo-landing .nxdemo-accounts-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}
.nxdemo-landing .nxdemo-accounts-heading p{color:#648578;font-size:11px;margin:0 0 5px}
.nxdemo-landing .nxdemo-accounts-heading h2{font-size:27px;letter-spacing:-.65px;line-height:1.3;margin:0;font-weight:400;color:#193e4c}
.nxdemo-landing .nxdemo-accounts-heading>span{font-size:12px;color:#74897e}
.nxdemo-landing .nxdemo-role-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.nxdemo-landing .nxdemo-role-tabs a{display:inline-flex;align-items:center;min-height:40px;padding:8px 13px;color:#52756b;border:1px solid #dbe8e0;border-radius:9px;background:#fff;text-decoration:none;font-size:12px}
.nxdemo-landing .nxdemo-role-tabs a[aria-current]{background:#e8f5ee;color:#1f6b55;border-color:#b5d6c5}
.nxdemo-landing .nxdemo-role-tabs a:hover{background:#edf7f1}
.nxdemo-landing .nxdemo-grid{margin:0 0 30px;gap:16px}
.nxdemo-landing .nxdemo-card{padding:23px;border-radius:17px;border-color:#dce8e0;box-shadow:0 4px 15px #1a544406}
.nxdemo-landing .nxdemo-card.selected{border-color:#8ebca7;box-shadow:0 0 0 2px #5f9e7e0a;background:#fcfefc}
.nxdemo-landing .nxdemo-card-label{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:7px;min-height:24px;margin-bottom:16px;color:#809489;font-size:10px}
.nxdemo-landing .nxdemo-selected-label{padding:3px 7px;background:#eaf5ee;border-radius:6px;color:#3d8063}
.nxdemo-landing .nxdemo-card-heading{gap:11px;align-items:center;margin-bottom:12px}
.nxdemo-landing .nxdemo-role-icon{width:43px;height:43px;flex-basis:43px;border-radius:11px;background:#f0f7f3;border-color:#dae9df}
.nxdemo-landing .nxdemo-card h3{font-size:21px;line-height:1.3;letter-spacing:-.4px;margin:0;font-weight:400;color:#224856}
.nxdemo-landing .nxdemo-card>p{font-size:12px;line-height:1.7;margin-bottom:18px}
.nxdemo-landing .nxdemo-login-data{background:#f6f9f7;border-color:#e4ece7;gap:11px;padding:14px 13px;border-radius:10px}
.nxdemo-landing .nxdemo-login-data code{font-size:11px;line-height:1.6}
.nxdemo-landing .nxdemo-link{font-size:12px;padding:11px 14px;min-height:44px}
.nxdemo-landing .nxdemo-footer{border-color:#dce8df;padding-top:23px}
@media(max-width:1000px){.nxdemo-landing .nxdemo-intro{grid-template-columns:minmax(0,1fr) 280px;gap:26px;padding:28px}.nxdemo-landing .nxdemo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.nxdemo-landing .nxdemo-intro{grid-template-columns:minmax(0,1fr);gap:24px}.nxdemo-landing .nxdemo-intro-note.nxhvi-demo-note{width:100%;max-width:340px;justify-self:center;margin:0 auto}.nxdemo-landing .nxdemo-accounts-heading{align-items:flex-start;flex-direction:column;gap:9px}.nxdemo-landing .nxdemo-accounts-heading h2{font-size:25px}}
@media(max-width:600px){.nxdemo-landing .nxdemo-page{padding:18px 16px 32px}.nxdemo-landing .nxdemo-top{gap:12px;flex-wrap:wrap;margin-bottom:20px}.nxdemo-landing .nxdemo-top nav{gap:5px}.nxdemo-landing .nxdemo-top nav a{padding:7px 9px;font-size:11px}.nxdemo-landing .nxdemo-intro{display:grid;padding:24px 20px;border-radius:20px}.nxdemo-landing h1{font-size:32px;letter-spacing:-.9px}.nxdemo-landing .nxdemo-facts{gap:6px;margin:18px 0 20px}.nxdemo-landing .nxdemo-facts span{font-size:10px;padding:5px 7px}.nxdemo-landing .nxdemo-hero-link{width:100%}.nxdemo-landing .nxdemo-grid{grid-template-columns:minmax(0,1fr);gap:14px}.nxdemo-landing .nxdemo-card{padding:20px}.nxdemo-landing .nxdemo-role-tabs{gap:7px}.nxdemo-landing .nxdemo-role-tabs a{padding:7px 10px;font-size:11px}.nxdemo-landing .nxdemo-footer{gap:18px}.nxdemo-landing .nxdemo-accounts{padding-top:28px}}
@media(prefers-reduced-motion:no-preference){.nxdemo-landing{scroll-behavior:smooth}}