/* Public demo entry uses the same role-specific login pages as the application. */
body.nx-home .nxhd-demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:34px;align-items:center;max-width:1200px;width:calc(100% - 48px);margin:32px auto 38px;padding:32px;border:1px solid #cfe3df;border-radius:22px;background:linear-gradient(120deg,#eef7f4,#f9fbfa);box-shadow:0 12px 35px #164b4710;color:#183c46;box-sizing:border-box;scroll-margin-top:100px}
body.nx-home .nxhd-demo *{box-sizing:border-box;font-weight:400!important}
body.nx-home .nxhd-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:12px;line-height:1.5;color:#247564}
body.nx-home .nxhd-eyebrow>span{width:8px;height:8px;flex:none;border-radius:50%;background:#23816b;box-shadow:0 0 0 4px #23816b12}
body.nx-home .nxhd-demo h2{margin:0 0 14px;font-size:clamp(25px,2.4vw,33px);line-height:1.2;letter-spacing:-.7px;color:#12394b}
body.nx-home .nxhd-intro>p:not(.nxhd-eyebrow){margin:0;font-size:14px;line-height:1.7;color:#567271}
body.nx-home .nxhd-intro .nxhd-note{display:flex;align-items:center;gap:8px;margin-top:18px!important;font-size:12px!important;color:#247564!important}
body.nx-home .nxhd-note svg{width:18px;height:18px;flex:none}
body.nx-home .nxhd-profile-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
body.nx-home .nxhd-profile-heading p{margin:0;font-size:14px}
body.nx-home .nxhd-profile-heading>span{font-size:11px;color:#607b77;white-space:nowrap}
body.nx-home .nxhd-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.nx-home .nxhd-role{display:grid;grid-template-columns:1fr auto;gap:12px 6px;min-width:0;padding:15px;border:1px solid #dce8e3;border-radius:13px;background:#fff;text-decoration:none;color:#234550;transition:background .15s,border-color .15s,box-shadow .15s}
body.nx-home .nxhd-role-individual{border-color:#a9cec3;background:#f6fcf9}
body.nx-home .nxhd-role-icon{display:flex;align-items:center;color:#247564}
body.nx-home .nxhd-role-icon svg{width:22px;height:22px}
body.nx-home .nxhd-role-arrow{grid-column:2;grid-row:1;align-self:center;color:#72928a}
body.nx-home .nxhd-role-arrow svg{width:16px;height:16px}
body.nx-home .nxhd-role-copy{grid-column:1/-1;display:grid;gap:5px;min-width:0}
body.nx-home .nxhd-role-title{font-size:15px;line-height:1.4}
body.nx-home .nxhd-role-copy small{font-size:11px;line-height:1.5;color:#627b7a}
body.nx-home .nxhd-role:hover{background:#ecf7f2;border-color:#71ab9b;box-shadow:0 3px 9px #164b4710}
body.nx-home .nxhd-role:focus-visible{outline:3px solid #247564;outline-offset:3px}
body.nx-home .nxhd-login-note{margin:12px 0 0;font-size:11px;line-height:1.6;color:#607b77}
@media(max-width:960px){body.nx-home .nxhd-demo{grid-template-columns:1fr;gap:24px;padding:26px}body.nx-home .nxhd-intro{max-width:640px}}
@media(max-width:560px){body.nx-home .nxhd-demo{width:calc(100% - 32px);padding:20px;margin:24px auto 30px;gap:22px;border-radius:18px}body.nx-home .nxhd-roles{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}body.nx-home .nxhd-role{padding:12px}body.nx-home .nxhd-profile-heading{align-items:flex-start;flex-wrap:wrap;gap:6px}body.nx-home .nxhd-profile-heading>span{font-size:10px}body.nx-home .nxhd-role-copy small{overflow-wrap:anywhere}}