*{box-sizing:border-box}
body{margin:0;font:1rem/1.6 system-ui,sans-serif;color:#e0ebf1;background:radial-gradient(ellipse at 95% 15%,#123e5266,transparent 45%),linear-gradient(155deg,#020507,#071017 65%,#102633)}
a:focus-visible{outline:3px solid #7adfdc;outline-offset:4px}
.agent-nav,.agent-hero,.agent-process,.agent-invite{width:min(1120px,calc(100% - 2.5rem));margin-inline:auto}
.agent-nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:1.25rem 0}
.agent-brand{font-weight:800;color:#f5f9fc;text-decoration:none}
.agents-tools{display:flex;gap:.65rem;flex-wrap:wrap}
.agent-lang,.agent-cta{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem 1rem;border-radius:999px;font-weight:750;text-decoration:none}
.agent-lang{border:1px solid #607784;color:#e0ebf1}
.agent-cta{background:linear-gradient(110deg,#075dcb,#087a9b);color:white}
.agent-cta:hover{background:#086f9a}
.agent-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(1.5rem,5vw,4rem);padding:clamp(2.5rem,8vw,6.25rem) 0}
.agent-label{color:#7adfdc;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em}
.agent-copy h1{color:#f9fcff;font-size:clamp(2.35rem,5vw,4.2rem);line-height:1.06;letter-spacing:-.045em;margin:.65rem 0 1rem}
.agent-copy p:not(.agent-label){color:#bdced8;max-width:52ch;margin-bottom:1.5rem}
.agent-hero img{width:100%;height:auto;aspect-ratio:6/5;object-fit:cover;display:block;border-radius:1.25rem;border:1px solid #487286;box-shadow:0 30px 80px #0008}
.agent-process{width:100%;background:#f5f8fc;color:#132540;padding:clamp(2rem,6vw,4rem) max(1.25rem,calc((100% - 1120px)/2));border-radius:1.5rem 1.5rem 0 0}
.agent-process h2,.agent-invite h2{line-height:1.2;font-size:clamp(1.55rem,3vw,2.25rem)}
.agent-process ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;list-style:none;padding:0}
.agent-process li{border-top:2px solid #2562a4;padding-top:1rem}
.agent-step{color:#1557a6;font-weight:800}
.agent-process h3{margin:.4rem 0}
.agent-process li p{margin:0;color:#435974}
.agent-invite{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1.5rem 0}
.agent-invite h2{margin:0}
@media(max-width:740px){.agent-hero,.agent-process ol{grid-template-columns:1fr}.agent-hero img{aspect-ratio:3/2}}