/* === Product mockups (slides 9 & 10) === */
.shotFrame{position:relative;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:#fff;border:1px solid rgba(18,28,48,.10);box-shadow:0 24px 60px rgba(15,23,42,.18),0 4px 12px rgba(15,23,42,.06);max-width:100%;max-height:100%}
.shotChrome{display:flex;align-items:center;gap:7px;padding:9px 14px;background:linear-gradient(180deg,#fafbfc,#f0f2f5);border-bottom:1px solid rgba(18,28,48,.08);flex-shrink:0}
.shotChrome span{width:11px;height:11px;border-radius:50%}
.shotChrome span:nth-child(1){background:#ff5f57}
.shotChrome span:nth-child(2){background:#febc2e}
.shotChrome span:nth-child(3){background:#28c840}
.shotUrl{flex:1;text-align:center;font:500 10.5px "JetBrains Mono",monospace;color:#8a92a0;letter-spacing:.04em;padding:3px 10px;background:rgba(255,255,255,.7);border-radius:6px;margin:0 60px 0 8px}
.shotBody{flex:1;display:flex;min-height:0;background:#f6f7f9;overflow:hidden}

/* === SIDEBAR (shared) === */
.sb{width:188px;flex-shrink:0;background:#f0f1f4;border-right:1px solid rgba(18,28,48,.06);display:flex;flex-direction:column;padding:10px 8px;gap:2px}
.sb-head{padding:4px 8px 14px;display:flex;align-items:center;gap:6px;font:700 13px Inter;color:#0b1020}
.sb-head .dot{width:18px;height:18px;border-radius:5px;background:var(--grad)}
.sb-new{display:flex;align-items:center;gap:7px;padding:7px 10px;margin:0 2px 8px;background:#fff;border:1px solid rgba(18,28,48,.08);border-radius:8px;font:600 11.5px Inter;color:#0b1020;box-shadow:0 1px 0 rgba(11,16,32,.03)}
.sb-new::before{content:"+";font-size:14px;color:var(--blue);margin-right:2px}
.sb-nav{display:flex;flex-direction:column;gap:1px;padding:2px}
.sb-nav-item{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:6px;font:500 11.5px Inter;color:#3a4252;cursor:default}
.sb-nav-item.active{background:rgba(1,97,224,.08);color:#0161E0;font-weight:600}
.sb-nav-item svg{width:14px;height:14px;flex-shrink:0;opacity:.7}
.sb-nav-item.active svg{opacity:1}
.sb-section{font:600 9.5px "JetBrains Mono",monospace;color:#9aa0ac;letter-spacing:.14em;text-transform:uppercase;padding:14px 10px 4px}
.sb-chat{padding:5px 10px;border-radius:6px;font:500 11px Inter;color:#5a6273;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}
.sb-chat.active{background:rgba(11,16,32,.05);color:#0b1020}

/* === CHAT MAIN === */
.cm{flex:1;display:flex;flex-direction:column;background:#fafbfc;min-width:0}
.cm-top{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid rgba(18,28,48,.06);background:#fff}
.cm-title{font:600 12.5px Inter;color:#0b1020}
.cm-pills{display:flex;gap:6px}
.cm-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid rgba(18,28,48,.10);border-radius:999px;font:500 10px Inter;color:#5a6273;background:#fff}
.cm-pill .pd{width:5px;height:5px;border-radius:50%;background:var(--grad)}
.cm-body{flex:1;overflow:hidden;padding:14px 22px;display:flex;flex-direction:column;gap:10px}
.msg{display:flex;gap:10px;max-width:88%}
.msg.assistant{align-self:flex-start}
.msg.user{align-self:flex-end;flex-direction:row-reverse}
.av{width:22px;height:22px;border-radius:50%;flex-shrink:0;background:var(--grad);display:flex;align-items:center;justify-content:center;color:#fff;font:700 9px Inter}
.msg.user .av{background:#0b1020}
.bub{padding:9px 12px;border-radius:12px;font:400 11.5px/1.45 Inter;color:#1b2436;background:#fff;border:1px solid rgba(18,28,48,.06)}
.msg.user .bub{background:#0b1020;color:#fff;border-color:transparent}
.mem{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;margin:6px 4px 0 0;border-radius:6px;background:rgba(1,97,224,.06);border:1px solid rgba(1,97,224,.15);font:500 9.5px "JetBrains Mono",monospace;color:#0161E0;text-decoration:none}
.mem::before{content:"◆";font-size:8px}
.cm-input{margin:8px 18px 14px;padding:9px 12px;background:#fff;border:1px solid rgba(18,28,48,.10);border-radius:12px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 14px rgba(15,23,42,.04)}
.cm-input::before{content:"Ask anything — your memory & tools available";font:400 11.5px Inter;color:#9aa0ac;flex:1}
.cm-input .send{width:24px;height:24px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;color:#fff;font:700 12px Inter}

/* === APPS / SKILLS VIEW === */
.vw{flex:1;display:flex;flex-direction:column;background:#fafbfc;min-width:0;padding:16px 18px 12px}
.vw-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.vw-title{font:700 22px Inter;letter-spacing:-.02em;color:#0b1020}
.vw-tabs{display:flex;background:#eef0f3;border-radius:8px;padding:2px;gap:1px}
.vw-tab{padding:5px 12px;border-radius:6px;font:600 11px Inter;color:#5a6273}
.vw-tab.active{background:#fff;color:#0b1020;box-shadow:0 1px 2px rgba(11,16,32,.06)}
.vw-controls{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.vw-search{flex:1;padding:6px 10px;background:#fff;border:1px solid rgba(18,28,48,.10);border-radius:8px;font:400 11px Inter;color:#9aa0ac}
.vw-search::before{content:"🔍  Search…"}
.vw-cats{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}
.vw-cat{padding:4px 9px;background:#fff;border:1px solid rgba(18,28,48,.10);border-radius:999px;font:500 10px Inter;color:#5a6273}
.vw-cat.active{background:#0b1020;color:#fff;border-color:#0b1020}
.grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;overflow:hidden;align-content:start}
.tile{background:#fff;border:1px solid rgba(18,28,48,.08);border-radius:10px;padding:10px 11px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 0 rgba(11,16,32,.02)}
.tile-top{display:flex;align-items:center;gap:8px}
.orb{width:28px;height:28px;border-radius:8px;flex-shrink:0;background:var(--grad);box-shadow:inset 0 -6px 10px rgba(255,255,255,.25),0 2px 6px rgba(1,97,224,.25)}
.orb.v2{background:linear-gradient(135deg,#FF7849,#FF3D9A)}
.orb.v3{background:linear-gradient(135deg,#7B5CFF,#3DD9FF)}
.orb.v4{background:linear-gradient(135deg,#0BA36B,#5CE0A8)}
.orb.v5{background:linear-gradient(135deg,#FFB13D,#FF5C7A)}
.orb.v6{background:linear-gradient(135deg,#0b1020,#3a4252)}
.tile-name{font:600 11.5px Inter;color:#0b1020;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile-desc{font:400 10px/1.4 Inter;color:#6b7384;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tile-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:4px}
.tile-meta{font:500 9px "JetBrains Mono",monospace;color:#9aa0ac;letter-spacing:.04em}
.tile-btn{font:600 9.5px Inter;color:#0161E0;padding:3px 8px;border:1px solid rgba(1,97,224,.25);border-radius:999px;background:rgba(1,97,224,.04)}

/* === slim sidebar variant === */
.sb-slim{width:48px;padding:8px 6px;align-items:center}
.sb-slim .sb-head{padding:4px 0 10px}
.sb-slim .sb-nav{align-items:center}
.sb-slim .sb-nav-item{padding:7px;justify-content:center;border-radius:7px}
.sb-slim .sb-nav-item svg{width:16px;height:16px}

/* === narrow chat variant === */
.cm-narrow{max-width:280px;width:280px;flex:0 0 280px;border-right:1px solid rgba(18,28,48,.08)}
.cm-narrow .cm-body{padding:10px 12px}
.cm-narrow .bub{font-size:11px;padding:7px 10px}
.cm-narrow .av{width:18px;height:18px;font-size:8px}
.cm-narrow .msg{max-width:100%}

/* === MINI-APP (wide, slide 9 right) === */
.ma{flex:1;display:flex;flex-direction:column;background:#fff;min-width:0;overflow:hidden}
.ma-top{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;border-bottom:1px solid rgba(18,28,48,.08);background:linear-gradient(180deg,#fafbfc,#f1f3f6);gap:14px}
.ma-tabs{display:flex;align-items:center;gap:14px}
.ma-tab{padding:4px 10px;border-radius:6px;font:700 11px Inter;color:#0b1020;background:#fff;box-shadow:0 1px 0 rgba(11,16,32,.06),inset 0 0 0 1px rgba(18,28,48,.08)}
.ma-tab-sub{font:500 10.5px Inter;color:#6b7384;cursor:default}
.ma-tab-sub:hover{color:#0b1020}
.ma-actions{display:flex;align-items:center;gap:10px}
.ma-status{font:500 9.5px "JetBrains Mono",monospace;color:#0BA36B;letter-spacing:.04em}
.ma-dots{font:600 13px Inter;color:#9aa0ac}
.ma-body{flex:1;display:flex;flex-direction:column;gap:10px;padding:12px;min-height:0;overflow:hidden;background:#f6f7f9}


/* foot */
.ma-foot{padding:9px 12px;border-radius:10px;background:#fff;border:1px solid rgba(1,97,224,.18);display:flex;align-items:center;justify-content:space-between;gap:12px}
.ma-rec{font:400 10.5px/1.4 Inter;color:#1b2436;flex:1}
.ma-rec b{font-weight:700;color:#0161E0}
.ma-cta{padding:6px 12px;border:none;border-radius:7px;background:var(--grad);color:#fff;font:700 10.5px Inter;cursor:pointer;box-shadow:0 4px 12px rgba(1,97,224,.25)}
.ma-cta-2{padding:6px 12px;border:1px solid rgba(18,28,48,.12);border-radius:7px;background:#fff;color:#0b1020;font:600 10.5px Inter;cursor:pointer}

/* === QUOTE COMPARISON === */
.qc-head{padding:10px 14px;border-radius:10px;background:#fff;border:1px solid rgba(18,28,48,.08)}
.qc-title{font:700 14px Inter;color:#0b1020;letter-spacing:-.01em;margin-bottom:2px}
.qc-sub{font:500 11px Inter;color:#6b7384}

.qc-grid{flex:1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;min-height:0}
.qc-col{position:relative;display:flex;flex-direction:column;padding:14px 14px 12px;background:#fff;border:1px solid rgba(18,28,48,.10);border-radius:12px;gap:6px}
.qc-win{border-color:rgba(1,97,224,.35);background:linear-gradient(180deg,#fff,rgba(1,97,224,.04));box-shadow:0 8px 24px rgba(1,97,224,.10)}
.qc-badge{position:absolute;top:-9px;left:14px;padding:3px 8px;border-radius:10px;background:var(--grad);color:#fff;font:700 9px Inter;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 4px 10px rgba(1,97,224,.30)}
.qc-carrier{font:700 13px Inter;color:#0b1020;letter-spacing:-.01em}
.qc-price{font:800 26px Inter;color:#0b1020;letter-spacing:-.02em;line-height:1;margin:2px 0 8px}
.qc-price span{font:600 11px Inter;color:#6b7384;letter-spacing:0;margin-left:3px}
.qc-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-top:1px solid rgba(18,28,48,.06);font:500 11px Inter;color:#5a6273}
.qc-row b{font:600 11px Inter;color:#0b1020}
.qc-row.good b{color:#0BA36B}
.qc-row.warn b{color:#E0265A}
.qc-score{margin-top:auto;padding-top:8px;border-top:1px solid rgba(18,28,48,.08);font:600 10px Inter;color:#6b7384;letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between}
.qc-score b{font:800 18px Inter;color:#0b1020;letter-spacing:-.02em}
.qc-score-win b{color:#0161E0}

/* mini-app foot (kept) */
.ma-foot{padding:9px 12px;border-radius:10px;background:#fff;border:1px solid rgba(1,97,224,.18);display:flex;align-items:center;justify-content:space-between;gap:12px}
.ma-rec{font:400 11px/1.4 Inter;color:#1b2436;flex:1}
.ma-rec b{font-weight:700;color:#0161E0}
.ma-cta{padding:6px 12px;border:none;border-radius:7px;background:var(--grad);color:#fff;font:700 10.5px Inter;cursor:pointer;box-shadow:0 4px 12px rgba(1,97,224,.25)}
.ma-cta-2{padding:6px 12px;border:1px solid rgba(18,28,48,.12);border-radius:7px;background:#fff;color:#0b1020;font:600 10.5px Inter;cursor:pointer}
/* not used — deck uses base.css + components.css + deck.css */

/* === slide 11: endpoint cards === */
.epGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;gap:10px;max-width:1180px;margin:0 auto;width:100%}
.ep{padding:11px 13px;border-radius:12px;background:#fff;border:1px solid rgba(18,28,48,.08);display:flex;flex-direction:column;gap:7px;box-shadow:0 2px 8px rgba(11,18,35,.04)}
.ep-head{display:flex;align-items:center;gap:8px}
.ep-method{padding:2px 7px;border-radius:5px;font:800 9.5px JetBrains Mono;letter-spacing:.04em;color:#fff}
.ep-blue-m{background:#0161E0}
.ep-green-m{background:#0BA36B}
.ep-purple-m{background:#7C3AED}
.ep-path{font:700 12px JetBrains Mono;color:#0b1020;letter-spacing:-.01em}
.ep-title{font:500 11.5px Inter;color:#5a6273;line-height:1.3}
.ep-code{margin:0;padding:8px 10px;border-radius:7px;background:#0b1020;color:#cfe4ff;font:500 10px/1.45 JetBrains Mono;white-space:pre-wrap;word-break:break-word;border:1px solid rgba(1,97,224,.18)}
.ep-blue{border-color:rgba(1,97,224,.20)}
.ep-green{border-color:rgba(11,163,107,.22)}
.ep-purple{border-color:rgba(124,58,237,.22)}

.ep-meta{padding:13px 15px;border-radius:12px;background:linear-gradient(180deg,rgba(1,97,224,.04),rgba(1,97,224,.01));border:1px solid rgba(1,97,224,.18);display:flex;flex-direction:column;gap:6px;justify-content:center}
.ep-meta-head{font:800 10px JetBrains Mono;color:#0161E0;letter-spacing:.06em;margin-bottom:3px}
.ep-meta-row{display:flex;align-items:baseline;gap:8px;font:500 11.5px Inter;color:#5a6273;padding:3px 0;border-top:1px solid rgba(1,97,224,.10)}
.ep-meta-row:nth-child(2){border-top:none}
.ep-meta-row b{font:700 11.5px Inter;color:#0b1020;min-width:70px}
.ep-meta-row code{font:600 10.5px JetBrains Mono;color:#0161E0;background:rgba(1,97,224,.08);padding:1px 5px;border-radius:4px}

/* === slide 11 v2: three primitives === */
.triCard{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:14px;max-width:1180px;margin:0 auto;width:100%}
.tc{position:relative;padding:18px 18px 16px;border-radius:14px;background:#fff;border:1px solid rgba(18,28,48,.08);display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 10px rgba(11,18,35,.04)}
.tc-num{position:absolute;top:14px;right:16px;font:800 11px JetBrains Mono;letter-spacing:.08em;color:#9aa3b5}
.tc-h{font:800 18px/1.2 Inter;color:#0b1020;letter-spacing:-.01em}
.tc-p{font:500 12.5px/1.45 Inter;color:#5a6273}
.tc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.tc-chips-stack{flex-direction:column;flex-wrap:nowrap;gap:5px}
.tc-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:7px;background:rgba(1,97,224,.04);border:1px solid rgba(1,97,224,.14);font:500 11.5px Inter;color:#1b2436;line-height:1.3}
.tc-chip b{font:700 11.5px Inter;color:#0b1020;min-width:96px;display:inline-block}
.tc-chip code{font:600 10.5px JetBrains Mono;color:#0161E0;background:rgba(1,97,224,.08);padding:1px 5px;border-radius:4px}
.tc-foot{margin-top:auto;padding-top:10px;border-top:1px solid rgba(18,28,48,.06);font:600 10.5px JetBrains Mono;color:#5a6273;line-height:1.6}
.tc-foot code{color:#0b1020;background:transparent;padding:0}

.tc-blue{border-color:rgba(1,97,224,.22)}
.tc-blue .tc-h{color:#0161E0}
.tc-green{border-color:rgba(11,163,107,.24)}
.tc-green .tc-h{color:#0BA36B}
.tc-green .tc-chip{background:rgba(11,163,107,.05);border-color:rgba(11,163,107,.18)}
.tc-green .tc-chip code{color:#0BA36B;background:rgba(11,163,107,.10)}
.tc-purple{border-color:rgba(124,58,237,.22)}
.tc-purple .tc-h{color:#7C3AED}
.tc-purple .tc-chip{background:rgba(124,58,237,.05);border-color:rgba(124,58,237,.18)}
.tc-purple .tc-chip code{color:#7C3AED;background:rgba(124,58,237,.10)}

/* === slide 11 v3: dev-platform style cards === */
.pp-grid{display:grid;grid-template-columns:1fr 1fr 1.05fr;gap:18px;max-width:1180px;margin:0 auto;width:100%}
.pp-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(18,28,48,.10);border-radius:14px;overflow:hidden;transition:all .25s ease}
.pp-card:hover{border-color:rgba(1,97,224,.35);box-shadow:0 8px 30px -8px rgba(1,97,224,.15);transform:translateY(-2px)}
.pp-banner{height:96px;border-bottom:1px solid rgba(18,28,48,.08);position:relative;overflow:hidden}
.pp-banner-ingest{background:linear-gradient(135deg,#0A1628 0%,#0D2847 50%,#0A1628 100%)}
.pp-banner-retrieve{background:linear-gradient(135deg,#06231a 0%,#0a3a2a 50%,#06231a 100%)}
.pp-banner-ship{background:linear-gradient(135deg,#1a0d2e 0%,#2a164a 50%,#1a0d2e 100%)}
.pp-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.pp-tag{display:inline-block;align-self:flex-start;font:600 10px Inter;text-transform:uppercase;letter-spacing:.08em;color:#0161E0;background:rgba(1,97,224,.08);border-radius:4px;padding:3px 8px}
.pp-tag-green{color:#0BA36B;background:rgba(11,163,107,.08)}
.pp-tag-purple{color:#7C3AED;background:rgba(124,58,237,.08)}
.pp-title{font:700 20px/1.2 Inter;letter-spacing:-.025em;color:#0b1020;margin:2px 0 0}
.grad-g{background:linear-gradient(92deg,#0BA36B 0%,#0CCDFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.grad-p{background:linear-gradient(92deg,#7C3AED 0%,#0CCDFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.pp-desc{font:400 12.5px/1.5 Inter;color:#5a6273;margin:0}
.pp-list{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:4px}
.pp-list li{font:500 12px/1.4 Inter;color:#1b2436;padding-left:14px;position:relative}
.pp-list li::before{content:"→";position:absolute;left:0;color:#0161E0;font-weight:700}
.pp-list-kv li{display:flex;align-items:center;gap:8px;padding-left:0}
.pp-list-kv li::before{display:none}
.pp-list-kv b{font:700 11.5px Inter;color:#0b1020;min-width:96px}
.pp-list-kv code{font:600 10.5px JetBrains Mono;color:#7C3AED;background:rgba(124,58,237,.08);padding:1px 6px;border-radius:4px}
.pp-list-kv span{font:500 11.5px Inter;color:#5a6273}
.pp-foot{margin-top:auto;padding-top:10px;border-top:1px solid rgba(18,28,48,.06);display:flex;flex-wrap:wrap;gap:6px}
.pp-foot code{font:600 10.5px JetBrains Mono;color:#0b1020;background:rgba(1,97,224,.06);padding:2px 7px;border-radius:5px;border:1px solid rgba(1,97,224,.12)}

/* === slide 11 v4: dev-platform banners, blue only === */
.pp-bg-a{background:linear-gradient(135deg,#0C1A2A 0%,#0F2744 50%,#0A1628 100%)}
.pp-bg-b{background:linear-gradient(135deg,#081420 0%,#0B2240 50%,#061830 100%)}
.pp-bg-c{background:linear-gradient(135deg,#0A1628 0%,#0D2847 50%,#0A1628 100%)}
.pp-banner{height:130px}
.pp-banner svg{display:block}

.pp-tag,
.pp-tag-green,
.pp-tag-purple{color:#0161E0;background:rgba(1,97,224,.08)}

.pp-list li::before{color:#0161E0}
.pp-list-kv code{color:#0161E0;background:rgba(1,97,224,.08)}

/* === slide 1: subtitle under title === */
.title .tb-sub{
  margin-top:22px;
  font:500 18px/1.55 Inter,system-ui,sans-serif;
  color:var(--ink-2,#5a6b85);
  text-align:center;
  max-width:720px;
  letter-spacing:-.01em;
}