.agents-page{--blue: #0073e6;color:#081245;background:#fff;font:16px/1.7 Inter,sans-serif}.agents-page .wrap{width:min(1036px,calc(100% - 64px));margin-inline:auto}.agents-page h1,.agents-page h2,.agents-page h3{font-family:Outfit,Inter,sans-serif;font-weight:600;letter-spacing:-.035em;line-height:1.15;color:#081245;margin:0}.agents-page h2{font-size:46px}.agents-page h3{font-size:32px}.agents-page a{text-decoration:none}.agents-page a:hover{text-decoration:underline}.agents-page a:focus-visible,.agents-page button:focus-visible{outline:3px solid #0073e6;outline-offset:4px}.agents-page .agents-hero{background:#0b1242;color:#fff;text-align:center;padding:160px 24px 90px}.agents-page .agents-hero h1{color:#fff;font-size:72px;line-height:1.08}.agents-page .agents-hero h1 span{color:#00bce6}.agents-page .intro{max-width:650px;margin:28px auto 30px;color:#b3b9d1;font-size:20px;line-height:1.5}.agents-page .actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.agents-page .button{display:inline-flex;align-items:center;gap:12px;justify-content:center;border:1px solid #c9cdd8;border-radius:9px;padding:10px 20px;font:500 16px/1.5 Inter,sans-serif;background:#fff;color:#081245;cursor:pointer;text-decoration:none}.agents-page .button:hover{background:#eef5fd}.agents-page .button.primary{background:#0073e6;border-color:#0073e6;color:#fff}.agents-page .button.primary:hover{background:#0064c8}.agents-page .agents-hero .button:not(.primary){background:transparent;color:#fff}.agents-page .start-band{padding:95px 0 65px;background:#f5f5f3;border-radius:40px 40px 0 0;margin-top:-32px;position:relative}.agents-page .section-heading{max-width:690px;margin-bottom:40px}.agents-page .centered{text-align:center;margin-inline:auto}.agents-page .eyebrow{font-size:12px;letter-spacing:.1em;font-weight:600;color:#0073e6;margin:0 0 14px}.agents-page .section-heading>p:last-child:not(.eyebrow){color:#666c7a;margin-top:22px}.agents-page .prompt-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.agents-page .prompt-card{display:flex;flex-direction:column;align-items:flex-start;border-radius:14px;background:#fff;padding:30px}.agents-page .prompt-card h3{font-size:24px}.agents-page .prompt-card p{color:#626778;font:14px/1.8 ui-monospace,monospace;flex:1;margin:18px 0 25px;overflow-wrap:anywhere}.agents-page .prompt-card .button{border-color:#0073e6;color:#0073e6}.agents-page .assistant-logos{display:flex;align-items:center;justify-content:center;gap:28px;margin:38px 0 0}.agents-page .assistant-logos span{font-size:14px;color:#737784}.agents-page .assistant-logos img{-o-object-fit:contain;object-fit:contain}.agents-page .copy-status{text-align:center;min-height:25px;font-size:14px;color:#0073e6}.agents-page .connections{padding-top:95px}.agents-page .connections>.section-heading{text-align:center;margin-inline:auto}.agents-page .connection{display:grid;grid-template-columns:1fr 1fr;gap:26px 65px;align-items:center;padding:58px 0;scroll-margin-top:130px}.agents-page .route-label{grid-column:1;display:flex;align-items:center;gap:12px;font-size:13px;color:#0073e6;margin-bottom:-10px}.agents-page .route-label>span{display:none}.agents-page .connection>div:nth-child(2){grid-column:1}.agents-page .connection>div:nth-child(2)>p{color:#626778;margin:22px 0}.agents-page .example{grid-column:2;grid-row:1 / span 2;align-self:stretch;margin-top:-40px;background:#f3f5f8;border:1px solid #e5e8f0;border-radius:12px;overflow:hidden;transform:rotate(3deg);box-shadow:0 20px 45px #0812450c}.agents-page .example-chrome{display:flex;gap:5px;align-items:center;padding:13px 15px;border-bottom:1px solid #e2e5ed;background:#fff}.agents-page .example-chrome i{width:6px;height:6px;border-radius:50%;background:#d2d7e2}.agents-page .example-chrome span{margin:auto;font-size:12px;color:#737784}.agents-page .example-body{padding:24px}.agents-page .example code,.agents-page .example pre{font:13px/1.8 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.agents-page .example pre{margin-top:22px}.agents-page .example .terminal-comment{color:#7f8aa5;font:12px ui-monospace,monospace;margin:0 0 18px}.agents-page .example-cli,.agents-page .example-rest-api{background:#0b1242;color:#c6e4ff}.agents-page .example .example-note{font-size:12px;color:#8591ab;margin:25px 0 0}.agents-page .chat-question{background:#fff;border-radius:12px 12px 2px;padding:16px;margin:0 0 25px;font-size:14px}.agents-page .chat-answer{font-size:14px}.agents-page .chat-answer p{line-height:1.7}.agents-page .chat-answer>span{color:#0073e6}.agents-page .text-link{color:#0073e6;font-weight:500}.agents-page .use-cases{padding-block:80px}.agents-page .use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.agents-page .use-grid h3{font-size:25px}.agents-page .use-grid p,.agents-page .access p:not(.eyebrow){color:#626778}.agents-page .access{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-top:1px solid #e6e7eb;padding-block:65px 90px}.agents-page footer.wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:25px;border-top:1px solid #e6e7eb;padding-block:35px}.agents-page footer .brand{font:600 27px Outfit,sans-serif}.agents-page footer nav{display:flex;flex-wrap:wrap;gap:25px;font-size:14px}.agents-page .skip{position:absolute;top:-80px;z-index:100;padding:12px;background:#fff}.agents-page .skip:focus{top:8px}@media(max-width:700px){.agents-page .wrap{width:calc(100% - 40px)}.agents-page .agents-hero{padding:140px 22px 75px}.agents-page .agent-signal{height:130px}.agents-page .agents-hero h1{font-size:52px}.agents-page h2{font-size:35px}.agents-page .intro{font-size:18px}.agents-page .prompt-grid,.agents-page .use-grid,.agents-page .access,.agents-page .connection{grid-template-columns:1fr}.agents-page .example{grid-column:1;grid-row:auto;margin:20px 5px 0}.agents-page .start-band{padding:60px 0 35px}.agents-page .prompt-card{padding:23px}.agents-page .assistant-logos{flex-wrap:wrap;gap:20px}.agents-page .assistant-logos span{width:100%;text-align:center}.agents-page .connection{gap:25px;padding:35px 0}.agents-page .connections{padding-top:60px}.agents-page .access{gap:20px}.agents-page .use-cases{padding-block:50px}}.agents-page .agents-hero{padding:175px 0 125px;text-align:left;background:radial-gradient(ellipse at 90% 40%,#173876 0,#0b1242 60%)}.agents-page .hero-workspace{display:grid;grid-template-columns:1.1fr 1fr;gap:58px;align-items:center}.agents-page .agents-hero .eyebrow{color:#80c6ff;margin-bottom:24px}.agents-page .agents-hero h1{font-size:clamp(42px,5vw,66px)}.agents-page .agents-hero .intro{margin:24px 0 30px;font-size:18px}.agents-page .agents-hero .actions{justify-content:flex-start}.agents-page .hero-board{background:#eff3f9;border:1px solid #829bcb;border-radius:20px;padding:24px;color:#081245;box-shadow:0 25px 75px #0004;transform:rotate(2deg)}.agents-page .board-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#646d82}.agents-page .board-brand{font:600 23px Outfit,sans-serif;color:#081245}.agents-page .board-question{margin:28px 0 16px 28px;background:#e1eafb;border-radius:14px 14px 3px;padding:16px;font-size:15px;line-height:1.5}.agents-page .board-question>span,.agents-page .board-caption{display:block;font-size:10px;letter-spacing:.1em;color:#54637e;margin-bottom:8px}.agents-page .board-result{background:#fff;border:1px solid #d9e0eb;border-radius:14px;padding:20px}.agents-page .board-result>strong{display:block;font:500 24px/1.25 Outfit,sans-serif;margin-bottom:16px}.agents-page .board-result>div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #edf0f5;padding:12px 0;font-size:12px}.agents-page .board-result small{color:#0064c8;white-space:nowrap}.agents-page .board-result p{color:#727b8d;font-size:10px;margin:8px 0 0}.agents-page .board-connections{display:flex;gap:8px;margin-top:20px}.agents-page .board-connections>span{flex:1;background:#fff;border:1px solid #d9e0eb;border-radius:8px;padding:8px 12px;font-size:12px}.agents-page .board-connections b{float:right;color:#0073e6}@media(max-width:800px){.agents-page .hero-workspace{grid-template-columns:1fr;gap:45px}.agents-page .agents-hero{padding:140px 0 85px}.agents-page .hero-board{max-width:470px;width:100%;box-sizing:border-box;transform:none}}
