body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#0b0f1a;color:#fff}
.bg{position:fixed;inset:0;z-index:0;background:radial-gradient(circle at 30% 20%,#1b2440,#05070f)}
.top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:8px 20px;background:rgba(0,0,0,.3)}
.brand{display:flex;gap:12px;align-items:center}
.mark{background:#00f5d4;color:#001;padding:5px 10px;border-radius:8px;font-weight:bold;font-size:14px}
.t1{font-weight:bold;font-size:18px}
.hints .kbd{border:1px solid #777;padding:2px 6px;margin-right:4px;border-radius:4px;font-size:16px}
.deck{position:relative;z-index:1;height:calc(100vh - 88px);display:flex;align-items:center;justify-content:center}
.slide{display:none;width:min(1200px,calc(100vw - 48px))}
.slide.active{display:block}
h1{font-size:72px}
h2{font-size:54px}
.lead{font-size:30px;color:#ddd}
.card{background:rgba(255,255,255,.08);padding:16px;border-radius:10px;margin-top:16px}
.cols{display:flex;gap:20px}
.glow{box-shadow:0 0 20px rgba(0,245,212,.4)}
.bot{position:fixed;bottom:0;z-index:2;width:100%;display:flex;justify-content:space-between;align-items:center;padding:6px 20px;font-size:16px;box-sizing:border-box;background:rgba(0,0,0,.4)}.pname{flex:1;text-align:right;padding-left:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notes{display:none}.hero{border:1px solid rgba(0,245,212,.5);background:rgba(0,245,212,.08)}.big{padding-left:20px;line-height:2}.big li{font-size:24px}.acc{color:#00f5d4;font-weight:bold}.cap{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#aaa;margin-bottom:8px}.sep{margin:0 6px;color:#666}.mini{font-size:17px;color:#aaa}.fragment{opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease}.fragment.visible{opacity:1;transform:none}
:fullscreen .top{display:none}:fullscreen .bot{display:none}:fullscreen .deck{height:100vh}
@media(max-width:768px){.top,.bot,.deck{display:none!important}.mobile-notes{display:block!important}}
.mobile-notes{display:none;padding:24px;font-size:18px;line-height:1.8;color:#eee;background:#111;min-height:100vh}
.mobile-notes h3{color:#00f5d4;font-size:15px;text-transform:uppercase;letter-spacing:.1em;margin:32px 0 8px;border-top:1px solid #333;padding-top:16px}
.mobile-notes h3:first-child{border-top:none;margin-top:0}
.chat-demo{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.cd-user{align-self:flex-end;background:rgba(0,245,212,.12);border:1px solid rgba(0,245,212,.25);border-radius:12px 12px 3px 12px;padding:7px 12px;font-size:15px;color:#ddd;max-width:90%;font-style:italic}
.cd-ai{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0}
.cd-chip{padding:5px 11px;border-radius:20px;font-size:13px;font-weight:bold;white-space:nowrap}
.c1{background:rgba(99,179,237,.15);border:1px solid rgba(99,179,237,.4);color:#90cdf4}
.c2{background:rgba(154,230,180,.15);border:1px solid rgba(154,230,180,.4);color:#9ae6b4}
.c3{background:rgba(246,173,85,.15);border:1px solid rgba(246,173,85,.4);color:#f6ad55}
.c4{background:rgba(183,148,246,.15);border:1px solid rgba(183,148,246,.4);color:#b794f4}
.cd-confirm{align-self:flex-start;background:rgba(0,245,212,.08);border:1px solid rgba(0,245,212,.35);border-radius:8px;padding:6px 14px;font-size:14px;color:#00f5d4;font-weight:bold}
.notespanel{display:none;position:fixed;inset:0;z-index:3;background:#111;padding:32px;overflow:auto;font-size:18px;line-height:1.8}.notespanel.open{display:block}.deck.hidden{display:none}