/* Exact s13 presentation styles, isolated from the homepage cascade. */
#agents{--ink:#111;--muted:#6b6b6b;--blue:#BFDDFB;--deep:#2F80ED;--gray:#F5F5F5;--line:#E6E6E6;--body-size:18px;position:relative;padding:94px 0 100px;min-height:calc(100svh - 70px);border-top:0;border-bottom:1px solid var(--line);scroll-margin-top:0;background:#fafafa;font:16px Inter,system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
#agents .wrap{width:min(1280px,calc(100% - 128px));margin:auto}
#agents p{line-height:1.55}
#agents h2{font-family:Inter,system-ui,sans-serif;font-size:clamp(36px,4.3vw,62px);font-weight:500;letter-spacing:-.045em;line-height:1.08;max-width:1150px;margin:24px 0 35px}
#agents .kicker{display:flex;align-items:center;gap:12px;font:12px/1.55 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.055em;color:var(--muted)}
#agents .kicker:before{content:none}
#agents .lead{font:var(--body-size)/1.55 Inter,system-ui,sans-serif;color:#3a3a3a;max-width:860px;margin:0 0 36px}
#agents .lead:before{content:'::';font-family:'JetBrains Mono',monospace;color:var(--deep);margin-right:12px}
#agents .marketing-foundation{padding:26px;background:var(--blue);border-radius:20px;text-align:center;font-size:22px;font-weight:500;margin:36px 0 28px}
#agents .marketing-foundation span{padding:0 12px;color:#1f4f8a}
#agents .marketing-branches{display:grid;grid-template-columns:1fr 1fr;gap:28px}
#agents .marketing-branch{position:relative;border:1px solid var(--line);border-radius:22px;padding:30px;display:flex;flex-direction:column}
#agents .marketing-branch:before{content:'';position:absolute;left:50%;top:-29px;height:28px;border-left:2px solid var(--blue)}
#agents .marketing-branch .branch-label{font:13px 'JetBrains Mono',monospace;color:#1f4f8a;margin:0 0 20px}
#agents .marketing-branch h3{font:500 28px/1.15 Inter,system-ui,sans-serif;letter-spacing:-.025em;margin:0 0 26px}
#agents .branch-step{background:var(--gray);border-radius:16px;padding:24px;margin-bottom:28px;flex:1}
#agents .branch-step strong{font-size:21px}
#agents .branch-step p{font:var(--body-size)/1.55 Inter,system-ui,sans-serif;margin:14px 0 0}
#agents .branch-result{position:relative;background:var(--blue);padding:24px;border-radius:16px}
#agents .branch-result:before{content:'↓';position:absolute;top:-28px;left:50%;color:#2F80ED}
#agents .branch-result span{display:block;font:12px 'JetBrains Mono',monospace;margin-bottom:10px;color:#1f4f8a}
#agents .branch-result strong{font-size:24px;font-weight:500;line-height:1.2;display:block}
#agents .result-strip{background:var(--ink);color:#fff;border:0;border-radius:20px;padding:30px;text-align:center;max-width:760px!important;margin:40px auto 0!important}
@media(min-width:1600px){#agents .wrap{max-width:1360px}#agents{padding-top:110px}}
@media(max-width:1000px){#agents{--body-size:17px;padding:75px 0 85px}#agents .wrap{width:calc(100% - 64px)}}
@media(max-width:600px){#agents{padding:60px 0 72px;min-height:auto}#agents .wrap{width:calc(100% - 40px)}#agents .kicker{font-size:10px;gap:8px}#agents h2{font-size:36px!important;margin:22px 0 27px}#agents .lead{margin-bottom:25px}#agents .marketing-branches{grid-template-columns:1fr}#agents .marketing-branch{padding:22px}#agents .marketing-foundation{font-size:20px}#agents .marketing-branch:nth-child(2):before{display:none}}

/* Original September 17 Telegram demos; deliberately separate from the light diagram. */
#agent-demos{background:#111;color:#fff;padding:80px 0;border:0}
#agent-demos .wrap{width:min(1280px,calc(100% - 128px))}
#agent-demos h2{max-width:none;margin:0 0 40px}
#agent-demos .agent-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
#agent-demos article{min-width:0;border:1px solid #444;border-radius:22px;overflow:hidden;background:#1b1b1b}
#agent-demos .agent-demo-copy{padding:30px}
#agent-demos .agent-demo-label{font:12px/1.5 'JetBrains Mono',monospace;color:#BFDDFB;margin-bottom:18px}
#agent-demos h3{font-size:28px;margin-bottom:14px}
#agent-demos p{font-size:17px;line-height:1.55;color:#ddd}
#agent-demos .agent-demo-date{font:12px/1.5 'JetBrains Mono',monospace;color:#aaa;margin-top:20px}
#agent-demos video{display:block;width:100%;height:auto;aspect-ratio:560/760;max-height:680px;object-fit:contain;background:#000}
@media(max-width:1000px){#agent-demos .wrap{width:calc(100% - 64px)}}
@media(max-width:600px){#agent-demos{padding:56px 0}#agent-demos .wrap{width:calc(100% - 40px)}#agent-demos h2{font-size:36px;margin-bottom:28px}#agent-demos .agent-demo-grid{grid-template-columns:1fr;gap:24px}#agent-demos .agent-demo-copy{padding:24px}#agent-demos h3{font-size:26px}}