:root{--bg:#0b0f12;--panel:#12191e;--panel2:#18222a;--line:#26323a;--ink:#eef1ef;--muted:#94a4ab;--gold:#d7b56e;--gold-soft:#d7b56e22;--green:#76b49b;--red:#e0827a}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;line-height:1.75;font-size:16px;-webkit-text-size-adjust:100%}
a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,.track:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#0b0f12ee;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.brand{display:flex;direction:ltr;align-items:center;gap:9px;font-family:Arial,sans-serif;font-size:19px;letter-spacing:.5px}
.brand-mark{display:grid;place-items:center;width:30px;height:32px;border:1px solid #b39356;border-radius:3px;color:var(--gold);font-weight:700;font-size:20px}
.brand em{font-style:normal;font-weight:400;color:var(--gold)}
.top nav{display:none;gap:26px;font-size:14px;color:#b8c3c8}.top nav a:hover{color:var(--gold)}
.acct{padding:7px 16px;border:1px solid var(--gold);border-radius:8px;color:var(--gold);font-size:14px;font-weight:500}.acct:hover{background:var(--gold-soft)}
main{max-width:760px;margin:0 auto;padding:0 16px 40px}
.block{padding:34px 0;border-bottom:1px solid var(--line)}.block:last-child{border-bottom:0}
h1,h2{margin:0 0 6px;font-weight:600;line-height:1.35}h1{font-size:30px}h2{font-size:24px}
.lead{margin:0 0 16px;color:var(--muted);font-size:15px;max-width:60ch}
.sub{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 14px;margin-bottom:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px}
.chip{padding:3px 12px;border-radius:99px;border:1px solid #4a4130;background:#221e14;color:var(--gold);font-size:13px;font-weight:500}
.chip.ok{border-color:#2f5446;background:#14251f;color:var(--green)}
.sub-note{flex:1;min-width:140px;color:var(--muted);font-size:13px}
.sub-btn{padding:6px 16px;border-radius:8px;background:var(--gold);color:#17130a;font-size:13px;font-weight:600}
.chat{border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden}
.chat-head{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);font-size:14px}
.dot{display:inline-block;width:7px;height:7px;margin-left:8px;border-radius:50%;background:var(--green)}
.chat-head button{border:0;background:none;font-size:22px;color:var(--muted);padding:0 4px}
.messages{height:340px;overflow-y:auto;padding:18px;scrollbar-width:thin;scrollbar-color:#3a4a45 transparent}
.welcome{text-align:center;padding:44px 10px}.welcome h3{margin:0 0 6px;font-size:19px;font-weight:500}.welcome p{margin:0 0 14px;color:var(--muted);font-size:14px}
.welcome a{display:inline-block;padding:9px 22px;border-radius:8px;background:var(--gold);color:#17130a;font-weight:600;font-size:14px}
.message{margin-bottom:16px;max-width:94%;font-size:14px}
.message.user{margin-right:auto;width:fit-content;padding:9px 14px;background:#27322f;border-radius:12px 12px 0 12px}
.message.assistant{padding:15px;background:var(--panel2);border:1px solid #2b3c43;border-radius:12px;white-space:pre-line}
.message.trade-msg{white-space:normal}.trade-msg .tl{text-align:left;font-family:Arial,sans-serif;font-size:15px;line-height:1.95}.trade-msg div{min-height:1em}
.chat-bottom{padding:12px 16px 14px;border-top:1px solid var(--line)}
.suggestions{margin-bottom:10px}.suggestions button{padding:7px 16px;border:1px solid #3a4a52;border-radius:8px;background:var(--panel2);color:#cdd6da;font-size:13px}.suggestions button:hover{border-color:var(--gold);color:var(--gold)}
#chat-form{display:flex;gap:8px;padding:6px;border:1px solid #3b494e;border-radius:10px;background:#0e151a}
#question{flex:1;min-width:0;border:0;background:none;padding:6px 8px;font-size:15px;outline:none}#question::placeholder{color:#6f858f}
.send{width:38px;border:0;border-radius:7px;background:var(--gold);color:#162126;font-size:22px}.send:disabled{opacity:.45;cursor:not-allowed}
.chat-caption,.journal-tally{margin:9px 0 0;text-align:center;font-size:11.5px;color:#7f929b}.journal-tally{color:#c9b98a;font-size:13px}
.ind-head{display:flex;align-items:center;gap:16px;margin-bottom:6px}.ind-head .lead{margin:0}
.ind-logo{width:84px;height:84px;flex:none;border-radius:18px;border:1px solid #4a4130;object-fit:cover}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 18px;padding:0;list-style:none}
.facts li{padding:11px 10px;background:var(--panel);border:1px solid var(--line);border-radius:10px;text-align:center}
.facts b{display:block;color:var(--gold);font-family:Arial,sans-serif;font-size:14px;font-weight:600}.facts span{display:block;color:var(--muted);font-size:11.5px;line-height:1.5;margin-top:2px}
.track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px}.track::-webkit-scrollbar{display:none}
.slide{flex:0 0 78%;max-width:340px;margin:0;scroll-snap-align:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.slide-img{display:block;width:100%;height:400px;padding:0;border:0;background:#080b0d}.slide-img img{width:100%;height:100%;object-fit:contain;display:block}
.slide figcaption{padding:12px 14px 14px;direction:rtl;text-align:right}.slide figcaption span{display:inline-block;padding:1px 10px;border-radius:99px;background:var(--gold-soft);color:var(--gold);font-size:11.5px}
.slide figcaption b{display:block;margin-top:6px;font-size:15px;font-weight:500}.slide figcaption p{margin:2px 0 0;color:var(--muted);font-size:13px;line-height:1.6}
.slider-bar{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:12px;font-family:Arial,sans-serif;color:var(--muted);font-size:14px}
.slider-bar button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--panel);font-size:22px;line-height:1;color:var(--gold)}.slider-bar button:hover{border-color:var(--gold)}
.note{margin:16px 0;color:#7f929b;font-size:12.5px;max-width:62ch}
.btn{display:inline-block;padding:10px 24px;border-radius:9px;background:var(--gold);color:#17130a;font-weight:600;font-size:14px}.btn:hover{background:#e6c88d}
.links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.links a{padding:9px 18px;border:1px solid var(--line);border-radius:9px;background:var(--panel);font-size:14px}.links a:hover{border-color:var(--gold);color:var(--gold)}
.faq details{border-bottom:1px solid var(--line);padding:14px 0}.faq summary{cursor:pointer;font-size:15px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:10px}
.faq summary::after{content:'+';color:var(--gold);font-size:20px;line-height:1.2}.faq details[open] summary::after{content:'−'}.faq p{margin:8px 0 0;color:var(--muted);font-size:14px;max-width:62ch}
footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;max-width:760px;margin:0 auto;padding:20px 16px 36px;border-top:1px solid var(--line);color:#7f929b;font-size:13px}footer a{color:var(--gold)}
dialog{width:min(92vw,520px);max-height:92vh;padding:12px;border:1px solid #4a4130;border-radius:12px;background:#0e1418;color:var(--ink)}dialog::backdrop{background:#04090dd9}
dialog img{display:block;max-width:100%;max-height:82vh;margin:auto;border-radius:8px}#zoom-close{position:absolute;top:6px;left:10px;border:0;background:none;font-size:30px;line-height:1;color:var(--ink);z-index:2}
@media(min-width:760px){.top{padding:14px 32px}.top nav{display:flex}h1{font-size:38px}h2{font-size:28px}main{padding:0 24px 56px}.slide{flex-basis:300px}.slide-img{height:420px}.messages{height:380px}.ind-logo{width:104px;height:104px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.cc{display:flex;align-items:center;gap:12px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:14px;transition:border-color .15s,transform .15s}
.cc:hover{border-color:var(--c,var(--gold));transform:translateY(-1px)}
.ci{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:13px;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);border:1px solid color-mix(in srgb,var(--c) 38%,transparent)}
.ci svg{width:26px;height:26px}
.ct{flex:1;min-width:0}.ct b{display:block;font-size:15px;font-weight:600}.ct small{display:block;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
.ca{color:var(--muted);font-size:22px;line-height:1}
.cc.wa{--c:#5fd08a}.cc.tg{--c:#5eb8e8}.cc.ig{--c:#e585b4}.cc.tt{--c:#7fe0d8}.cc.wh{--c:var(--gold)}
.cc.wh{display:flex}
@media(max-width:520px){.cgrid{grid-template-columns:1fr}}