.pp-agents-hero{border-bottom:1px solid var(--pp-line);position:relative;overflow:hidden}.pp-agents-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(85% 75% at 62% 42%,#000 25%,#0000 78%);mask-image:radial-gradient(85% 75% at 62% 42%,#000 25%,#0000 78%)}.pp-agents-hero__inner{z-index:1;max-width:1600px;padding:clamp(56px, 6vw, 104px) var(--pp-gutter) clamp(72px, 7vw, 120px);grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:center;gap:clamp(32px,4vw,80px);margin:0 auto;display:grid;position:relative}.pp-agents-hero__title{font:800 clamp(50px, 5.8vw, 104px) / .94 var(--pp-display), sans-serif;letter-spacing:-.048em;text-wrap:balance}.pp-agents-hero__lead{max-width:580px;color:var(--pp-muted);margin-top:30px;font-size:clamp(17px,1.35vw,20px);line-height:1.6}.pp-agents-hero__actions{flex-wrap:wrap;gap:12px;margin-top:38px;display:flex}.pp-agents-hero__note{color:var(--pp-muted);font:500 12px/1.4 var(--pp-mono), monospace;letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:10px 22px;margin-top:30px;padding:0;list-style:none;display:flex}.pp-agents-hero__note li{align-items:center;gap:9px;display:inline-flex}.pp-agents-hero__note li:before{content:"";border-bottom:2px solid var(--pp-accent);border-left:2px solid var(--pp-accent);width:9px;height:5px;transform:rotate(-45deg)translateY(-2px)}.pp-agents-term{border:1px solid var(--pp-line-strong);background:var(--pp-surface);box-shadow:0 50px 120px #0009,0 0 0 1px #0009}.pp-agents-term__bar{border-bottom:1px solid var(--pp-line);background:#17171b;align-items:center;gap:7px;height:38px;padding:0 14px;display:flex}.pp-agents-term__bar span:not(.pp-agents-term__title){background:#2d2d34;width:10px;height:10px}.pp-agents-term__title{color:var(--pp-muted);font:500 12px/1 var(--pp-mono), monospace;margin-left:14px}.pp-agents-term__body{font:500 clamp(12px, 1vw, 14px) / 1.5 var(--pp-mono), monospace;gap:9px;padding:clamp(20px,2.4vw,32px);display:grid}.pp-agents-term__line{color:var(--pp-muted);overflow-wrap:anywhere}.pp-agents-term__line--command{color:var(--pp-text)}.pp-agents-term__line--command:before{content:"$ ";color:var(--pp-accent-text)}.pp-agents-term__line--command:not(:first-child){margin-top:12px}.pp-agents-term__line--ask{border-left:2px solid var(--pp-accent);background:var(--pp-raised);color:var(--pp-text);margin-top:12px;padding:10px 12px}.pp-agents-term__line--tool{grid-template-columns:13ch minmax(0,1fr) auto;gap:12px;display:grid}.pp-agents-term__line--tool:after{content:"✓";color:var(--pp-accent-text)}.pp-agents-term__tool{color:var(--pp-accent-text)}.pp-agents-section{max-width:var(--pp-max);padding:clamp(80px, 9vw, 150px) var(--pp-gutter) 0;margin:0 auto}.pp-agents-head{max-width:1000px;margin-bottom:clamp(36px,4vw,60px)}.pp-agents-head h2,.pp-agents-own h2{font:800 clamp(40px, 4.8vw, 80px) / .97 var(--pp-display), sans-serif;letter-spacing:-.045em;text-wrap:balance}.pp-agents-head>p:not(.pp-eyebrow){max-width:660px;color:var(--pp-muted);margin-top:22px;font-size:clamp(17px,1.3vw,19px);line-height:1.6}.pp-agents-steps{border-top:1px solid var(--pp-line-strong);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.pp-agents-steps li{min-width:0;padding:30px 28px 36px 0;position:relative}.pp-agents-steps li:nth-child(2){border-left:1px solid var(--pp-line);padding-left:28px}.pp-agents-steps li:before{content:"";background:var(--pp-accent);width:56px;height:3px;position:absolute;top:-2px;left:0}.pp-agents-steps li:nth-child(2):before{left:28px}.pp-agents-steps .pp-agents-steps__wide{border-top:1px solid var(--pp-line-strong);grid-column:1/-1;padding-right:0}.pp-agents-steps h3{font:800 clamp(24px, 2.2vw, 34px) / 1.04 var(--pp-display), sans-serif;letter-spacing:-.035em}.pp-agents-steps p{max-width:680px;color:var(--pp-muted);margin-top:12px;line-height:1.6}.pp-agents-steps .pp-agents-steps__small{font-size:15px}.pp-agents-steps p code,.pp-agents-own code{color:var(--pp-text);font:500 .9em/1 var(--pp-mono), monospace;white-space:nowrap}.pp-agents-code{border:1px solid var(--pp-line-strong);border-left:3px solid var(--pp-accent);background:var(--pp-surface);color:var(--pp-text);font:500 14px/1.6 var(--pp-mono), monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0 0;padding:16px 18px}.pp-agents-code code{font:inherit;-webkit-user-select:all;user-select:all}.pp-agents-setups{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px;margin-top:28px;display:grid}.pp-agents-setups__column{align-content:start;gap:20px;min-width:0;display:grid}.pp-agents-setup{min-width:0;margin:0}.pp-agents-setup figcaption{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;display:flex}.pp-agents-setup__agent{font-weight:700}.pp-agents-setup__where{color:var(--pp-muted);font:500 12px/1.4 var(--pp-mono), monospace;letter-spacing:.06em}.pp-agents-setup .pp-agents-code{margin-top:10px}.pp-agents-grid{border-top:1px solid var(--pp-line-strong);border-left:1px solid var(--pp-line);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.pp-agents-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.pp-agents-grid li{border-right:1px solid var(--pp-line);border-bottom:1px solid var(--pp-line);min-width:0;padding:28px 28px 32px}.pp-agents-grid h3{font:800 clamp(21px, 1.7vw, 26px) / 1.1 var(--pp-display), sans-serif;letter-spacing:-.03em}.pp-agents-grid p{color:var(--pp-muted);margin-top:12px;line-height:1.6}.pp-agents-grid p a{color:var(--pp-accent-text);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.pp-agents-grid .pp-agents-grid__tools{color:var(--pp-accent-text);font:500 12px/1.5 var(--pp-mono), monospace;letter-spacing:.02em;margin-top:18px}.pp-agents-prompts{grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:16px 40px;margin-top:clamp(40px,4vw,64px);display:grid}.pp-agents-prompts h3{color:var(--pp-accent-text);font:600 12px/1.6 var(--pp-mono), monospace;letter-spacing:.14em;text-transform:uppercase}.pp-agents-prompts ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px;margin:0;padding:0;list-style:none;display:grid}.pp-agents-prompts li{border-left:2px solid var(--pp-accent);padding-left:18px;font-size:clamp(17px,1.3vw,19px);line-height:1.45}.pp-agents-own{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:24px clamp(32px,6vw,120px);display:grid}.pp-agents-own__text{max-width:720px;color:var(--pp-muted);gap:16px;padding-top:8px;font-size:clamp(17px,1.4vw,21px);line-height:1.6;display:grid}.pp-agents-own__text p:first-child{color:var(--pp-text)}.pp-agents-own a{color:var(--pp-accent-text);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.pp-agents-final{padding:clamp(56px, 6vw, 104px) max(var(--pp-gutter), calc((100% - var(--pp-max)) / 2 + var(--pp-gutter)));background:var(--pp-accent);color:var(--pp-on-accent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px 56px;margin-top:clamp(96px,10vw,170px);display:flex;position:relative;overflow:hidden}.pp-agents-final:after{content:"";pointer-events:none;background:repeating-conic-gradient(#00000029 0% 25%,#0000 0% 50%) 0 0/44px 44px;width:min(42%,520px);position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 70%);mask-image:linear-gradient(90deg,#0000,#000 70%)}.pp-agents-final h2{z-index:1;max-width:920px;font:800 clamp(46px, 6.2vw, 108px) / .94 var(--pp-display), sans-serif;letter-spacing:-.05em;text-wrap:balance;position:relative}.pp-agents-final .pp-button{z-index:1;position:relative}@media (width<=1100px){.pp-agents-hero__inner{grid-template-columns:minmax(0,1fr)}.pp-agents-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.pp-agents-steps{grid-template-columns:minmax(0,1fr)}.pp-agents-steps li,.pp-agents-steps li:nth-child(2){border-left:0;padding:28px 0 32px}.pp-agents-steps li+li{border-top:1px solid var(--pp-line-strong)}.pp-agents-steps li:nth-child(2):before{left:0}.pp-agents-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-agents-setups,.pp-agents-prompts,.pp-agents-prompts ul,.pp-agents-own{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.pp-agents-grid,.pp-agents-grid--four{grid-template-columns:minmax(0,1fr)}.pp-agents-term__line--tool{grid-template-columns:minmax(0,1fr) auto}.pp-agents-term__line--tool span:last-child{grid-area:2/1/auto/-1}}
