.demo-homepage{min-height:100vh;background:#0f0f0f;color:#f5f1ea;display:flex;flex-direction:column;font-family:Commissioner,Inter,system-ui,sans-serif}.demo-homepage--no-left{width:100%}.demo-homepage__left{background:#141414;border-right:1px solid rgba(255,255,255,.06);padding:20px 18px;display:flex;flex-direction:column;gap:24px}.demo-homepage__logo{font-weight:700;letter-spacing:.04em;color:#f5f1ea}.demo-homepage__nav{display:grid;gap:10px}.demo-homepage__nav-item{display:flex;align-items:center;gap:10px;border:none;background:transparent;color:#cbbfae;font-size:13px;cursor:pointer;text-align:left}.demo-homepage__nav-item:hover{color:#f0c673}.demo-homepage__nav-icon{width:16px;height:16px}.demo-homepage__main{display:flex;flex-direction:column;min-height:100vh}.demo-homepage__topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px 36px;border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:5}.demo-homepage__brand{display:flex;align-items:center;min-width:72px}.demo-homepage__brand img{width:72px;height:72px;object-fit:contain;display:block;opacity:1;filter:none}.demo-homepage__topnav{display:flex;gap:20px;font-size:13px;color:#cbbfae;justify-self:center}.demo-homepage__topnav a{color:inherit;text-decoration:none}.demo-homepage__actions{display:flex;gap:10px;justify-self:end}.demo-homepage__actions button{border-radius:10px;padding:8px 14px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#f5f1ea;cursor:pointer}.demo-homepage__actions .solid{background:#f0c673;color:#1c1508;border-color:#f0c673;font-weight:600}.demo-homepage__center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 140px);padding:60px 24px 40px;gap:18px}.demo-homepage__badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#e6e6e6;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;gap:6px}.demo-homepage__badge-mark{background:rgba(185,60,60,.3);color:#f0b1a8;border-radius:8px;padding:2px 6px;font-size:11px;letter-spacing:.08em;text-decoration:none;display:inline-flex;align-items:center}.demo-homepage__center h1{font-size:clamp(28px,3vw,42px);font-weight:700;text-align:center}.demo-homepage__chat{width:min(920px,100%);display:grid;gap:16px;align-items:center;justify-items:center}.demo-homepage__input{width:100%;background:linear-gradient(180deg,rgba(24,24,24,.92),rgba(17,17,17,.92));border-radius:16px;border:1px solid rgba(255,255,255,.08);padding:16px;display:grid;gap:8px;box-shadow:0 18px 42px rgba(0,0,0,.38)}.demo-homepage__input textarea{width:100%;min-height:92px;border:none;resize:none;outline:none;background:transparent;color:#f5f1ea;font-size:16px;line-height:1.6}.demo-homepage__footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-homepage__footer-left{display:inline-flex;gap:8px;align-items:center}.demo-homepage__plus{width:34px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(12,12,12,.7);color:#cdbb9e;font-size:18px;justify-content:center}.demo-homepage__pill,.demo-homepage__plus{font-weight:600;cursor:pointer;display:inline-flex;align-items:center}.demo-homepage__pill{gap:6px;padding:6px 12px;border-radius:10px;border:1px solid rgba(125,168,255,.4);background:rgba(60,96,180,.15);color:#dbe6ff;font-size:13px}.demo-homepage__pill-close{opacity:0;width:0;overflow:hidden;transition:all .2s ease}.demo-homepage__pill:hover .demo-homepage__pill-close{opacity:1;width:10px;margin-left:4px}.demo-homepage__send{width:36px;height:36px;border-radius:10px;border:none;background:#f0c673;color:#1c1508;font-size:18px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(240,198,115,.25)}.demo-homepage__responses{width:min(920px,100%);display:grid;gap:10px;margin-top:12px}.demo-homepage__message{padding:14px 16px;border-radius:14px;font-size:14px;line-height:1.6;background:rgba(20,20,20,.8);border:1px solid rgba(255,255,255,.08)}.demo-homepage__message--user{border-color:rgba(240,198,115,.35);background:rgba(36,28,16,.7)}.demo-homepage__message--assistant{background:rgba(16,16,16,.9);border-color:rgba(125,168,255,.25)}.demo-homepage__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.demo-homepage__chip{display:inline-flex;align-items:center;gap:8px;border-radius:10px;padding:8px 14px;background:rgba(20,20,20,.7);border:1px solid rgba(255,255,255,.08);color:#e9e2d7;font-size:13px;cursor:pointer;transition:all .2s ease}.demo-homepage__chip.active,.demo-homepage__chip:hover{border-color:rgba(240,198,115,.6);box-shadow:0 12px 24px rgba(0,0,0,.3);transform:translateY(-1px)}.demo-homepage__chip-icon,.demo-homepage__menu-icon{width:16px;height:16px;color:#cdbb9e}.demo-homepage__more{position:relative}.demo-homepage__more-menu{position:absolute;right:0;top:46px;background:#151515;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.5);padding:8px;min-width:220px;display:grid;gap:6px;z-index:40}.demo-homepage__more-item{display:flex;align-items:center;gap:8px;border:none;background:transparent;color:#e9e2d7;padding:8px 10px;border-radius:8px;font-size:13px;text-align:left;cursor:pointer}.demo-homepage__more-item:hover{background:rgba(255,255,255,.06)}.demo-homepage__submenu{width:min(900px,100%);display:grid;gap:12px}.demo-homepage__submenu-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#cbbfae}.demo-homepage__submenu-actions{display:flex;gap:10px;flex-wrap:wrap}.demo-homepage__helper{border:none;background:none;color:#e0cfae;font-size:12px;cursor:pointer}.demo-homepage__submenu-chips{display:flex;flex-wrap:wrap;gap:8px}.demo-homepage__as-seen{position:relative;width:min(900px,100%);margin:-10px auto 40px;min-height:120px}.demo-homepage__divider{color:#5a5145}.demo-homepage__modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:100}.demo-homepage__modal{width:min(360px,92vw);background:#1a1a1a;border-radius:16px;border:1px solid rgba(255,255,255,.12);padding:20px;display:grid;gap:12px;color:#f5f1ea;box-shadow:0 30px 70px rgba(0,0,0,.5)}.demo-homepage__modal-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#cbbfae}.demo-homepage__modal-header button{border:none;background:transparent;color:#cbbfae;cursor:pointer;font-size:18px}.demo-homepage__modal-actions{display:grid;gap:8px}.demo-homepage__modal-actions button{border-radius:10px;padding:10px 14px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#f5f1ea;cursor:pointer}.demo-homepage__modal-actions .solid{background:#f0c673;color:#1c1508;border-color:#f0c673;font-weight:600}.demo-homepage__modal p{font-size:12px;color:#cbbfae;text-align:center}@media (max-width:900px){.demo-homepage{grid-template-columns:1fr}.demo-homepage__left{display:none}}