.hero h1{font-size:clamp(48px,4.6vw,66px);letter-spacing:-3px}.agent-diagram{padding:32px 24px;text-align:center}.input-modes{color:#dddde5;font-size:15px}.input-modes span{color:#666976;margin:0 20px}.agent-diagram .main-agent{width:100%;max-width:280px}.browser-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.browser-actions span{padding:14px 4px;border:1px solid var(--line);border-radius:9px;font-size:11px;background:#ffffff04}.monitor-row{margin-top:28px;border-block:1px solid var(--line);padding:20px 0;font-size:12px;color:#c1c4cf}.diagram-note{font-size:10px;margin-top:20px}.monitor-panel{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:42px}.monitor-panel h2+p{font-size:14px;line-height:1.9;margin-top:24px}.monitor-flow{padding:0;margin:0;list-style:none}.monitor-flow li{display:flex;gap:22px;padding:20px 0;border-bottom:1px solid var(--line)}.monitor-flow li:first-child{padding-top:0}.monitor-flow li>span{color:#757d90;font-size:12px}.monitor-flow h3{font-size:17px;margin-bottom:8px}.monitor-flow p{font-size:13px}.monitor-limit{font-size:11px;max-width:850px;margin-top:20px}pre{white-space:pre-wrap;background:#151517;border:1px solid var(--line);border-radius:8px;padding:12px;font-size:12px}code{overflow-wrap:anywhere;color:#c6cbd5}.steps p code{font-size:11px}@media(max-width:900px){.monitor-panel{grid-template-columns:1fr;gap:35px;padding:30px}.hero h1{font-size:clamp(44px,7vw,66px)}}@media(max-width:600px){.hero h1{font-size:40px;letter-spacing:-1.8px}.monitor-panel{padding:24px}.agent-diagram{padding:26px 16px}.browser-actions{gap:5px}.browser-actions span{font-size:10px}.monitor-row{font-size:11px}}