/* Shared HVI visual language, scoped to the working application. */
body.hvi-demo{--hvi-bg:#010b14;--hvi-surface:#041725;--hvi-surface-2:#082132;--hvi-rule:#21485d;--hvi-line:#21485d;--hvi-text:#edf7ff;--hvi-copy:#b1c8d7;--hvi-accent:#59d6ff;background:#010b14!important;color:var(--hvi-text)!important;font-family:'HVI Sans',Arial,sans-serif!important;max-width:1440px;margin:0 auto!important;line-height:1.6}
.hvi-demo:before{display:none!important}.hvi-demo #app{min-height:calc(100vh - var(--hvi-nav-height));background:radial-gradient(ellipse at 85% 5%,#06375488,transparent 55%)}
.hvi-demo .shell,.hvi-demo .shell.hvi-control-shell{width:100%!important;max-width:1440px!important;margin:0 auto!important;padding:24px clamp(20px,4vw,58px) 60px!important;min-width:0}
.hvi-demo .top{padding:0 0 16px!important;margin:0 0 20px!important;border-bottom:1px solid #21485d!important;min-height:40px}.hvi-demo .top .brandlock{display:none!important}.hvi-demo .top:before{content:'HVI ACCESS · REFERENCE BETA';color:#75dfff;font-size:12px;font-weight:700;letter-spacing:1.3px}
.hvi-demo .hvi-control-nav{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;display:flex!important;flex-wrap:wrap;gap:8px!important;align-items:center;padding:0 0 20px!important;margin:0 0 22px!important;background:none!important;border:0!important;border-bottom:1px solid #21485d!important;box-shadow:none!important;z-index:1!important}
.hvi-demo .hvi-control-nav:before,.hvi-demo .hvi-control-nav:after,.hvi-demo .hvi-nav-kicker,.hvi-demo .hvi-nav-section,.hvi-demo .hvi-nav-foot{display:none!important}.hvi-demo .hvi-control-nav button{width:auto!important;margin:0!important;padding:9px 16px!important;border:1px solid #27546c!important;border-radius:24px!important;background:#062034!important;font-size:13px!important;min-height:40px!important;color:#d9edfa!important}.hvi-demo .hvi-control-nav button:hover{background:#0b3a55!important;border-color:#55ceff!important}
.hvi-demo .hero,.hvi-demo .hero.compact,.hvi-demo .institutional-home{padding:32px 0!important;margin:0 0 24px!important;border-bottom:1px solid #21485d!important;max-width:none!important;background:none!important}.hvi-demo .hero:before{margin-bottom:14px!important;color:#60d6ff!important;font-size:12px!important}.hvi-demo .hero h1,.hvi-demo .institutional-home h1{font-size:clamp(32px,3.4vw,48px)!important;line-height:1.13!important;letter-spacing:-.025em!important;max-width:900px!important;font-weight:700!important;margin:0 0 18px!important}.hvi-demo .hero p,.hvi-demo .institutional-home p{font-size:16px!important;line-height:1.75!important;color:#b5cddd!important;max-width:850px!important;margin:12px 0!important}
.hvi-demo .panel,.hvi-demo .metric,.hvi-demo .trust-row div,.hvi-demo .architecture div{background:linear-gradient(130deg,#062032,#03131f)!important;border:1px solid #214d65!important;border-radius:12px!important;padding:24px!important;box-shadow:0 12px 32px #0003!important;min-width:0}.hvi-demo h2{font-size:25px!important;line-height:1.25!important;letter-spacing:-.02em!important}.hvi-demo h3{font-size:20px!important;line-height:1.35!important}.hvi-demo p{line-height:1.7}.hvi-demo .muted,.hvi-demo .tag{color:#b0c8d8!important}.hvi-demo a{color:#71dfff}.hvi-demo .grid,.hvi-demo .meeting{gap:22px!important}.hvi-demo .grid>*{min-width:0}
.hvi-demo button{background:#08283b!important;border:1px solid #37637b!important;border-radius:24px!important;color:#e6f6ff!important;font-size:14px!important;line-height:1.4!important;padding:10px 17px!important;min-height:42px!important;letter-spacing:0!important}.hvi-demo button.primary,.hvi-demo #login,.hvi-demo #register,.hvi-demo #create{background:linear-gradient(120deg,#00a9ff,#0088e4)!important;border-color:#1eb9ff!important;color:#fff!important;font-weight:700!important}.hvi-demo button:hover{filter:brightness(1.15)}.hvi-demo button:focus-visible,.hvi-demo a:focus-visible{outline:3px solid #75dfff;outline-offset:3px}.hvi-demo button.danger{border-color:#c27080!important;color:#ffc7d0!important}
.hvi-demo input:not([type=checkbox]):not([type=radio]),.hvi-demo select,.hvi-demo textarea{max-width:100%;background:#010f1b!important;color:#ecf7ff!important;border:1px solid #37637b!important;border-radius:7px!important;padding:12px 14px!important;font-size:16px!important;line-height:1.5!important;min-height:46px!important}.hvi-demo input:focus,.hvi-demo textarea:focus{outline:2px solid #54ccff!important;outline-offset:1px}.hvi-demo input::placeholder{color:#8ca9bb!important}.hvi-demo .row{flex-wrap:wrap}.hvi-demo .row>*{min-width:0}.hvi-demo .metric b{font-size:30px!important;color:#76dfff!important}.hvi-demo .status{font-size:28px!important}
.hvi-demo .hvi-auth-grid{background:none!important;border:0!important;gap:22px!important}.hvi-demo .hvi-auth-grid>.panel{padding:26px!important;background:linear-gradient(130deg,#062032,#03131f)!important;border:1px solid #214d65!important;border-radius:12px!important}.hvi-demo .hvi-auth-grid h2{font-size:24px!important;margin-bottom:18px!important}.hvi-demo .hvi-access-heading{margin:24px 0 18px!important}.hvi-demo .hvi-access-heading span{font-size:12px!important;color:#b3cad9!important}
.hvi-demo .hvi-story section{margin-top:28px!important;padding:24px 0!important;border-color:#21485d!important}.hvi-demo .hvi-story h2{font-size:27px!important}.hvi-demo .trust-row,.hvi-demo .architecture{gap:18px!important;margin-top:20px!important}.hvi-demo .trust-row span{color:#b3cad9!important}.hvi-demo .architecture div{font-size:19px!important}.hvi-demo .architecture small{color:#b3cad9!important}
.hvi-demo .hvi-definition-band,.hvi-demo .hvi-beta-note{padding:20px 0!important;margin:24px 0!important;border-color:#21485d!important;gap:24px!important}.hvi-demo .hvi-definition-band p,.hvi-demo .hvi-beta-note span{font-size:14px!important;color:#b3cad9!important}.hvi-demo .hvi-definition-band span,.hvi-demo .hvi-beta-note strong{font-size:12px!important;color:#72dfff!important}
.hvi-demo .hvi-trust-explainer{margin-top:36px!important;padding:28px 0!important}.hvi-demo .hvi-explainer-head{grid-template-columns:180px 1fr 1fr!important;gap:24px!important}.hvi-demo .hvi-explainer-head h2{font-size:28px!important}.hvi-demo .hvi-explainer-head p{font-size:15px!important;color:#b3cad9!important}.hvi-demo .hvi-explainer-head>span{font-size:12px!important;color:#72dfff!important}.hvi-demo .hvi-trust-flow{margin-top:24px!important;border-color:#21485d!important}.hvi-demo .hvi-trust-flow>div{padding:22px!important;min-height:145px!important}.hvi-demo .hvi-trust-flow strong{font-size:16px!important}.hvi-demo .hvi-trust-flow span,.hvi-demo .hvi-principles p{font-size:14px!important;color:#b3cad9!important}.hvi-demo .hvi-trust-flow b{font-size:12px!important;color:#72dfff!important;margin-bottom:14px!important}.hvi-demo .hvi-principles{gap:22px!important;margin-top:26px!important}.hvi-demo .hvi-principles span{font-size:14px!important;color:#e2f5ff!important}
.hvi-demo .tile,.hvi-demo .person,.hvi-demo .historyitem,.hvi-demo .opsroom{border-color:#214d65!important;background:#020f19!important;border-radius:10px!important}.hvi-demo .truststrip span{color:#b9d1df!important;border-color:#326079!important}.hvi-demo .log,.hvi-demo pre{overflow:auto;overflow-wrap:anywhere}.hvi-demo .record{overflow-wrap:anywhere}.hvi-demo .check{font-size:15px!important}.hvi-demo .verification-note{font-size:14px!important}
@media(max-width:900px){.hvi-demo .hvi-explainer-head{grid-template-columns:1fr!important}.hvi-demo .grid,.hvi-demo .meeting,.hvi-demo .hvi-auth-grid{grid-template-columns:1fr!important}.hvi-demo .hvi-definition-band,.hvi-demo .hvi-beta-note{grid-template-columns:1fr!important;gap:10px!important}}
@media(max-width:600px){.hvi-demo .shell,.hvi-demo .shell.hvi-control-shell{padding:18px 18px 40px!important}.hvi-demo .panel{padding:20px!important}.hvi-demo .top:before{font-size:10px;letter-spacing:.7px}.hvi-demo .hero{padding:24px 0!important}.hvi-demo .hvi-control-nav{gap:7px!important}.hvi-demo .hvi-control-nav button{padding:8px 12px!important;font-size:12px!important}.hvi-demo .trust-row{grid-template-columns:1fr!important}.hvi-demo .sectionhead{flex-wrap:wrap}.hvi-demo .navbuttons{justify-content:flex-start!important}}
.hvi-demo .hvi-control-nav{flex-direction:row!important;justify-content:flex-start!important;align-content:flex-start!important}.hvi-demo .top{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;background:none!important;box-shadow:none!important;min-height:42px!important}.hvi-demo .top:before{display:block!important;position:static!important;width:auto!important;height:auto!important;background:none!important;margin:0!important;flex:1}.hvi-demo .top:after{display:none!important}