:root{--sp-gold:#cfa75a;--sp-ink:#07090a;--sp-deep:#0d1317;--sp-cream:#f6f2e9;--sp-line:rgba(207,167,90,.28)}
body{background:linear-gradient(180deg,#f6f3ed 0,#fbfaf7 54%,#f4f1ea 100%)}
.hero-compact{position:relative;overflow:hidden;min-height:330px;padding:72px 24px 62px;background:linear-gradient(90deg,rgba(4,6,7,.94) 0%,rgba(4,6,7,.78) 48%,rgba(4,6,7,.34) 100%),url('hero-final-clean.jpg') center 58%/cover no-repeat;color:#fff}
.hero-compact:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--sp-gold),transparent);opacity:.7}
.hero-compact .wrap{position:relative;z-index:1;max-width:1280px}
.hero-compact .kicker{color:#e0bd77;letter-spacing:.16em;font-size:12px;font-weight:800}
.hero-compact .page-title{max-width:860px;font-size:clamp(38px,5.2vw,72px);line-height:.98;margin:16px 0 20px;color:#fff;letter-spacing:-.035em}
.hero-compact p{max-width:760px;font-size:17px;line-height:1.7;color:rgba(255,255,255,.78)}
.dev-pill{background:rgba(207,167,90,.12);border:1px solid rgba(207,167,90,.42);color:#f1d59a;padding:6px 10px;letter-spacing:.06em}
.chat-shell{margin-top:-38px;position:relative;z-index:3;grid-template-columns:minmax(0,1fr) 350px;gap:24px}
.chat-panel{border:1px solid rgba(25,29,31,.12);border-radius:22px;box-shadow:0 28px 80px rgba(11,16,19,.14);background:#fff}
.chat-head{padding:19px 22px;background:linear-gradient(135deg,#07090a,#11191e);border-bottom:1px solid rgba(207,167,90,.28)}
.chat-head b{font-family:Georgia,'Times New Roman',serif;font-size:19px;font-weight:500;letter-spacing:.01em}
.chat-head small{color:rgba(255,255,255,.62)}
.chat-head .online{color:#e3c078;font-size:12px}
.chat-log{height:555px;padding:23px;background:radial-gradient(circle at top left,rgba(207,167,90,.055),transparent 28%),#f8f7f3}
.msg{font-size:14px;line-height:1.65;border-radius:16px;padding:13px 15px}
.msg.user{background:linear-gradient(135deg,#11191e,#1b2b34);box-shadow:0 8px 22px rgba(10,18,22,.12)}
.msg.ai{border:1px solid rgba(20,28,31,.10);box-shadow:0 6px 20px rgba(12,18,20,.055)}
.msg.system{background:#fbf5e8;border-color:#ead8ad;color:#705929}
.chat-compose{padding:15px 16px;border-top:1px solid rgba(17,25,29,.10)}
.chat-compose textarea{font:inherit;border-radius:14px;border-color:rgba(17,25,29,.14);padding:14px 15px;background:#fcfbf8}
.chat-compose textarea:focus{outline:none;border-color:rgba(207,167,90,.72);box-shadow:0 0 0 3px rgba(207,167,90,.12)}
.chat-side{gap:16px}
.context-card{border:1px solid rgba(20,28,31,.10);border-radius:19px;padding:20px;background:rgba(255,255,255,.94);box-shadow:0 15px 40px rgba(12,18,20,.06)}
.context-card .kicker{color:#997534;letter-spacing:.14em;font-size:10px;font-weight:900}
.context-card h3{font-family:Georgia,'Times New Roman',serif;font-size:22px;font-weight:500;color:#0a1114;margin:0 0 10px}
.context-card p{font-size:13px;line-height:1.65;color:#5b6468}
.context-list{display:grid;gap:9px;margin:12px 0 0;padding:0;list-style:none}
.context-list li{position:relative;padding-left:18px;font-size:12px;line-height:1.55;color:#444f54}
.context-list li:before{content:"";position:absolute;left:0;top:.64em;width:6px;height:6px;border-radius:50%;background:var(--sp-gold)}
.quick-grid{grid-template-columns:1fr 1fr;gap:8px}
.quick{border:1px solid rgba(20,28,31,.10);background:#fbfaf7;border-radius:12px;padding:10px 11px;color:#1a252a;transition:.18s ease}
.quick:hover{transform:translateY(-1px);border-color:rgba(207,167,90,.55);background:#fffaf0}
.context-card .btn-primary{background:linear-gradient(135deg,#c89e4d,#e0bd76);border-color:#c89e4d;color:#15110a;font-weight:900}
@media(max-width:900px){.hero-compact{min-height:280px;padding-top:58px}.chat-shell{margin-top:-28px;grid-template-columns:1fr}.chat-side{grid-template-columns:1fr 1fr}.chat-log{height:500px}}
@media(max-width:640px){.hero-compact{min-height:250px;padding:46px 18px}.hero-compact .page-title{font-size:40px}.hero-compact p{font-size:15px}.chat-shell{margin-top:-18px}.chat-side{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.chat-log{height:470px;padding:15px}.msg{max-width:92%}}

.sources-box{background:#f1eee6!important;border:1px solid rgba(207,167,90,.28)!important;color:#354148!important;max-width:92%!important}.sources-box summary{cursor:pointer;font-weight:800;color:#7b5a20}.sources-box ul{margin:10px 0 0;padding-left:20px}.sources-box li{margin:7px 0}.sources-box a{color:#5e4a22;text-decoration:underline;text-underline-offset:2px}