:root{--vb-navy:#0f1e5c;--vb-navy-2:#14276f;--vb-blue:#2b5ee8;--vb-deep-blue:#1a3fc4;--vb-green:#7dc832;--vb-pale-blue:#eef1fa;--vb-pale-green:#f0fae0;--vb-white:#fff;--vb-off-white:#fcfcfd;--vb-muted:#6b7a99;--vb-sub:#9aa8c8;--vb-border:#0f1e5c1f;color:var(--vb-navy);background:var(--vb-off-white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}body:before{content:"";z-index:-2;background:radial-gradient(circle at 14% 6%,#7dc83247,#0000 30%),radial-gradient(circle at 92% 14%,#2b5ee829,#0000 34%),linear-gradient(#eef1fa 0%,#fcfcfd 52%,#f0fae0 100%);position:fixed;inset:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.shell{max-width:1480px;min-height:100vh;margin:0 auto;padding:24px}.heroPanel{color:#fff;background:linear-gradient(135deg,#0f1e5cf5,#14276ff0),radial-gradient(circle at 82% 2%,#2b5ee875,#0000 35%);border-radius:24px;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:28px;min-height:300px;padding:34px;display:grid;position:relative;overflow:hidden}.heroPanel:before{content:"";opacity:.35;background-image:radial-gradient(#ffffff2e 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0 0 0 52%}.heroPanel:after{background:linear-gradient(90deg, var(--vb-blue), var(--vb-green));content:"";height:10px;position:absolute;bottom:0;left:0;right:0}.heroPanel.errorPanel{min-height:420px}.heroCopy,.heroAside{z-index:1;position:relative}.brandLockup{align-items:center;gap:10px;margin-bottom:34px;display:inline-flex}.brandLockup img{background:#fff;border-radius:14px;width:42px;height:42px;padding:7px}.brandLockup span{font-size:1.18rem;font-weight:800}.eyebrow{color:var(--vb-muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:.74rem;font-weight:800}.heroPanel .eyebrow{color:#ffffff9e}h1,h2,p{margin-top:0}h1{color:#fff;letter-spacing:0;max-width:820px;margin:0;font-family:Instrument Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(2.6rem,5vw,5.2rem);font-weight:800;line-height:.94}h2{color:var(--vb-navy);margin-bottom:0;font-size:1.2rem;line-height:1.22}.heroText{color:#ffffffb8;max-width:660px;margin:20px 0 0;font-size:1.08rem;line-height:1.55}.heroAside{flex-direction:column;justify-content:space-between;align-items:stretch;gap:18px;display:flex}.walletBar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.connectButton,.primary,.secondary,.iconButton,.quickPrompts button{border:1px solid #0f1e5c26;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:800;transition:border-color .16s,box-shadow .16s,transform .16s,background .16s;display:inline-flex}.connectButton:hover,.primary:hover,.secondary:hover,.iconButton:hover,.quickPrompts button:hover{transform:translateY(-1px)}.compact{min-height:44px}.connectButton,.primary{background:var(--vb-green);color:var(--vb-navy)}.heroPanel .secondary,.heroPanel .iconButton{color:#fff;background:#ffffff1f;border-color:#ffffff3d}.secondary,.iconButton,.quickPrompts button{background:var(--vb-white);color:var(--vb-navy)}.iconButton{aspect-ratio:1;width:44px;padding:0}.iconButton.active{border-color:var(--vb-blue);color:var(--vb-blue);box-shadow:0 0 0 4px #2b5ee824}.heroVisual{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:22px;grid-template-columns:158px minmax(0,1fr);align-self:flex-end;align-items:flex-end;gap:10px;width:min(100%,460px);min-height:172px;padding:18px 20px 18px 0;display:grid;overflow:hidden}.heroVisual img{filter:drop-shadow(0 22px 28px #00000047);align-self:end;width:100%;max-width:190px;margin:0 0 -28px -12px}.heroVisual strong,.heroVisual span{display:block}.heroVisual strong{color:#fff;margin-bottom:8px;font-size:1.08rem}.heroVisual span{color:#ffffffa3;line-height:1.35}.statusGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0;display:grid}.statusTile{border:1px solid var(--vb-border);background:#ffffffe0;border-radius:18px;min-height:104px;padding:18px;position:relative;overflow:hidden}.statusTile:after{background:var(--vb-pale-blue);content:"";border-radius:999px;width:42px;height:9px;position:absolute;top:18px;left:18px}.statusTile.green:after{background:var(--vb-green)}.statusTile.blue:after{background:var(--vb-blue)}.statusTile.navy:after{background:var(--vb-navy)}.statusTile span{color:var(--vb-muted);letter-spacing:.08em;text-transform:uppercase;margin:20px 0 10px;font-size:.76rem;font-weight:800;display:block}.statusTile strong{color:var(--vb-navy);overflow-wrap:anywhere;font-family:Instrument Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(1.05rem,2vw,1.75rem);font-weight:800;line-height:1.05;display:block}.workspace{grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:18px;display:grid}.conversationPanel,.sidePanel,.composerBand{border:1px solid var(--vb-border);background:#ffffffe6;border-radius:22px;box-shadow:0 18px 50px #0f1e5c14}.conversationPanel{overflow:hidden}.panelHeader{background:var(--vb-pale-blue);border-bottom:1px solid var(--vb-border);justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.panelHeader span{background:var(--vb-pale-green);color:var(--vb-navy);white-space:nowrap;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:800}.conversation{flex-direction:column;gap:12px;height:min(54vh,620px);min-height:420px;padding:20px;display:flex;overflow:auto}.message{white-space:pre-line;border-radius:20px;max-width:min(760px,100%);padding:15px 17px;line-height:1.45}.message.agent{background:var(--vb-pale-blue);color:var(--vb-navy);align-self:flex-start}.message.user{background:var(--vb-navy);color:#fff;align-self:flex-end}.message.loading{align-items:center;gap:9px;display:inline-flex}.message.loading svg{animation:1s linear infinite spin}.messageTitle{margin-bottom:6px;font-weight:900}.message p{margin-bottom:0}.message a{color:var(--vb-blue);margin-top:10px;font-weight:900;display:inline-block}.sidePanel{flex-direction:column;gap:16px;padding:18px;display:flex}.safety{background:var(--vb-pale-green);border:1px solid #7dc83247;border-radius:18px;align-items:flex-start;gap:12px;padding:16px;display:flex}.safety svg{color:var(--vb-green);flex:none}.safety strong{color:var(--vb-navy)}.safety p,.preview p,.contracts dd,.sources{color:var(--vb-muted)}.preview{background:var(--vb-pale-blue);border:1px solid #2b5ee81f;border-radius:18px;padding:17px}.preview.muted{align-items:flex-start;gap:12px;display:flex}.preview.muted svg{color:var(--vb-blue);flex:none}.preview ul{margin:14px 0 0;padding-left:19px}.preview li{margin:8px 0}.contracts{padding:2px 4px 0}.contracts dl{grid-template-columns:132px minmax(0,1fr);gap:9px 12px;margin:0;display:grid}.contracts dt{color:var(--vb-navy);font-weight:900}.contracts dd{overflow-wrap:anywhere;margin:0}.composerBand{margin-top:18px;padding:16px}.quickPrompts{flex-wrap:wrap;gap:9px;margin-bottom:12px;display:flex}.quickPrompts button{background:var(--vb-pale-blue);min-height:38px}.quickPrompts button:hover{background:var(--vb-pale-green);border-color:#7dc8326b}.composer{grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.composer input{color:var(--vb-navy);background:#fff;border:1px solid #0f1e5c29;border-radius:999px;outline:none;min-height:52px;padding:0 18px}.composer input:focus{border-color:var(--vb-blue);box-shadow:0 0 0 4px #2b5ee824}.send{min-height:52px;padding:0 20px}.sources{overflow-wrap:anywhere;margin:12px 0 0;font-size:.76rem}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1080px){.heroPanel,.workspace{grid-template-columns:1fr}.walletBar{justify-content:flex-start}.heroVisual{align-self:stretch}.statusGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.shell{padding:14px}.heroPanel{border-radius:18px;padding:24px 20px}.heroPanel:before{inset:0}.brandLockup{margin-bottom:28px}h1{font-size:clamp(2.3rem,13vw,3.6rem)}.heroVisual{grid-template-columns:128px minmax(0,1fr)}.statusGrid{grid-template-columns:1fr}.panelHeader{flex-direction:column;align-items:flex-start}.conversation{height:auto}.composer{grid-template-columns:46px minmax(0,1fr)}.send{grid-column:1/-1}}
