/* Page-scoped presentation of actual PLai work, 2026-10-22. */
.agent-rich{--ar-ink:#211d35;--ar-purple:#5844ba;--ar-paper:#f4f1fa}
.agent-rich .ar-hero{background:#f7f5fb;border-bottom:1px solid #e6e2ed}
.agent-rich .ar-hero__in{max-width:1320px;margin:auto;padding:76px 40px 56px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}
.agent-rich .ar-kicker{font-size:12px;font-weight:700;letter-spacing:.07em;color:#5844ba;display:flex;align-items:center;gap:12px;margin:0 0 26px;line-height:1.8}
.ar-kicker>span{display:block;width:28px;height:1px;background:currentColor}
.agent-rich .ar-hero h1{font-size:clamp(38px,4.5vw,66px);line-height:1.35;letter-spacing:-.045em;font-weight:900;margin:0;color:#211d35}
.agent-rich .ar-hero h1 em{color:#5844ba;font-style:normal}
.agent-rich .ar-lead{font-size:16px;line-height:2.05;color:#656175;margin:26px 0 0}
.ar-actions{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;margin-top:30px}
.agent-rich .ar-button{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;min-height:54px;padding:16px 24px;border-radius:6px;background:#5844ba;color:#fff;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s}
.agent-rich .ar-button:hover{background:#443397;transform:translateY(-2px)}
.agent-rich .ar-textlink{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;color:#5844ba;font-size:13px;font-weight:700;text-decoration:none;border-bottom:1px solid #b4aad6}
.agent-rich .ar-textlink:hover{color:#332378;border-color:currentColor}
.agent-rich .ar-hero__note{font-size:12px;color:#656175;margin-top:20px;line-height:1.9}
.ar-workspace{min-width:0;margin:0;background:#211f24;border:1px solid #403c49;border-radius:12px;box-shadow:0 22px 65px #24134224;overflow:hidden;transform:rotate(1deg)}
.ar-workspace__bar{display:flex;align-items:center;gap:10px;padding:15px 18px;font-size:11px;color:#e9e4f5;border-bottom:1px solid #ffffff1c}
.ar-workspace__bar>span:last-child{margin-left:auto;color:#c1b9ce;font-size:11px}
.ar-dot{width:7px;height:7px;border-radius:50%;background:#b5a4ef}
.ar-workspace>a{display:block;background:#1e1e1e}
.ar-workspace img{display:block;width:100%;height:auto}
.ar-workspace figcaption{display:flex;justify-content:space-between;gap:20px;padding:22px 24px;background:#211d35;color:#fff}
.ar-workspace figcaption strong{font-size:18px;line-height:1.7;font-weight:700}
.ar-workspace figcaption>span{font-size:11px;color:#c8c1d6;line-height:1.9;align-self:center}
.ar-hero__bottom{max-width:1240px;margin:auto;border-top:1px solid #ddd7e9;padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:22px}
.ar-hero__bottom>p{font-size:12px;color:#656175}
.ar-hero__bottom ul{list-style:none;display:flex;flex-wrap:wrap;gap:28px;color:#474052;font-size:13px;font-weight:700}
.ar-wrap{max-width:1240px;margin:auto;padding:68px 40px}
.ar-films{background:#211d35;color:#fff;scroll-margin-top:92px}
.ar-sectionhead{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:36px}
.ar-films .ar-kicker{color:#b9a8ff;margin-bottom:16px}
.agent-rich .ar-sectionhead h2{font-size:clamp(28px,3.1vw,42px);line-height:1.5;color:#fff;margin:0;letter-spacing:-.025em}
.ar-sectionhead>p{font-size:14px;line-height:2;color:#c6bfd5;max-width:400px;padding-bottom:5px}
.ar-filmgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.ar-film{min-width:0}
.ar-film__screen{background:#110e1b;border-radius:8px;overflow:hidden;aspect-ratio:16/9;border:1px solid #ffffff20}
.ar-film video{display:block;width:100%;height:100%;object-fit:contain;background:#110e1b}
.ar-film__caption{display:grid;grid-template-columns:32px 1fr;gap:16px;padding:25px 0 0}
.ar-film__number{font-size:16px;line-height:1.5;color:#b7a2ff;border-top:1px solid #a793e8;padding-top:4px;margin-top:3px}
.agent-rich .ar-meta{font-size:11px;color:#b7aed1;line-height:1.8;margin-bottom:10px}
.agent-rich .ar-film h3{font-size:23px;font-weight:700;line-height:1.6;color:#fff;margin:0 0 12px;letter-spacing:-.01em}
.ar-film__caption p:last-child{font-size:13px;line-height:1.95;color:#c6bfd5}
.ar-films__note{font-size:11px;color:#b7aed1;margin-top:26px}
.agent-rich .ar-textlink--light{color:#e3d9ff;border-color:#786b9b;margin-top:18px}
.agent-rich .ar-intro{padding-top:76px}
.agent-rich .ar-results{padding-top:64px}
.agent-rich .ar-results .pl-grid{gap:28px}
.agent-rich .ar-results .pl-card{padding:0 0 28px;border-radius:10px;overflow:hidden;background:#fbfaff}
.agent-rich .ar-results .pl-card>.num,.agent-rich .ar-results .pl-card>h3,.agent-rich .ar-results .pl-card>p{margin-left:28px;margin-right:28px}
.agent-rich .ar-results .review05-shot{border-radius:0;margin-bottom:26px;background:#f0edf8;border:0}
.agent-rich .ar-results .review05-shot img{border-radius:0;object-fit:contain}
.ar-case{max-width:1136px;margin:40px auto 52px;padding:40px 44px;border-left:4px solid #5844ba;background:#f6f3fc;display:flex;align-items:center;justify-content:space-between;gap:32px}
.agent-rich .ar-case .ar-kicker{margin-bottom:10px}
.agent-rich .ar-case h2{font-size:28px;line-height:1.6;margin-bottom:12px;letter-spacing:-.02em}
.ar-case p:last-child{font-size:14px;line-height:1.95;color:#656175}
.ar-case .ar-button{flex-shrink:0}
.agent-rich .ar-hero a:focus-visible,.agent-rich .ar-films a:focus-visible,.agent-rich .ar-case a:focus-visible,.agent-rich video:focus-visible{outline:3px solid #a78bfa;outline-offset:5px}
@media(min-width:1440px){.ar-workspace{margin-right:-12px}}
@media(max-width:1280px){.ar-hero__bottom{margin-inline:40px}.agent-rich .ar-hero__in{gap:40px}.ar-case{margin-inline:40px}}
@media(max-width:900px){.agent-rich .ar-hero__in{padding:50px 28px 40px;gap:30px}.agent-rich .ar-hero h1{font-size:40px}.agent-rich .ar-lead{font-size:14px}.ar-workspace figcaption{flex-direction:column;gap:10px;padding:18px}.ar-workspace figcaption>span{align-self:flex-start}.ar-workspace__bar>span:last-child{display:none}.ar-hero__bottom{margin-inline:28px;align-items:flex-start;flex-direction:column;gap:12px}.ar-wrap{padding:52px 28px}.ar-sectionhead{align-items:flex-start;flex-direction:column;gap:16px}.ar-filmgrid{gap:24px}.agent-rich .ar-film h3{font-size:20px}.ar-film__caption{grid-template-columns:24px 1fr;gap:12px}.ar-case{margin-inline:28px;padding:32px;align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.agent-rich .ar-hero__in{grid-template-columns:minmax(0,1fr);padding:36px 22px 32px;gap:32px}.agent-rich .ar-hero h1{font-size:clamp(36px,9.4vw,49px);line-height:1.37}.agent-rich .ar-kicker{margin-bottom:18px;font-size:11px}.agent-rich .ar-lead{font-size:14px;margin-top:20px}.ar-actions{gap:10px 20px;margin-top:22px}.agent-rich .ar-button{font-size:13px;padding:14px 20px;min-height:50px}.agent-rich .ar-hero__note{font-size:11px;margin-top:14px}.ar-workspace{transform:none}.ar-workspace figcaption{flex-direction:row;gap:16px;padding:18px}.ar-workspace figcaption strong{font-size:16px}.ar-workspace figcaption>span{font-size:11px;align-self:center}.ar-workspace__bar>span:last-child{display:block}.ar-hero__bottom{margin-inline:22px;padding:20px 0}.ar-hero__bottom ul{gap:12px 21px;font-size:12px}.ar-hero__bottom>p{font-size:11px}.ar-wrap{padding:42px 22px}.ar-sectionhead{margin-bottom:28px;gap:14px}.agent-rich .ar-sectionhead h2{font-size:28px}.ar-sectionhead>p{font-size:13px}.ar-sectionhead>p br{display:none}.ar-filmgrid{grid-template-columns:minmax(0,1fr);gap:34px}.ar-film__caption{padding-top:20px;grid-template-columns:28px 1fr}.agent-rich .ar-film h3{font-size:22px}.ar-films__note{line-height:1.8}.agent-rich .ar-intro{padding-top:44px}.agent-rich .ar-results .pl-card>.num,.agent-rich .ar-results .pl-card>h3,.agent-rich .ar-results .pl-card>p{margin-left:22px;margin-right:22px}.ar-case{margin:24px 22px 36px;padding:26px 22px;gap:24px}.agent-rich .ar-case h2{font-size:25px}.ar-case p:last-child{font-size:13px}.ar-case p br{display:none}}
@media(max-width:359px){.agent-rich .ar-hero__in{padding-inline:18px}.ar-wrap{padding-inline:18px}.ar-hero__bottom,.ar-case{margin-inline:18px}.ar-workspace figcaption{flex-direction:column}.ar-workspace figcaption>span{align-self:flex-start}.ar-workspace__bar{padding:12px;font-size:11px}.agent-rich .ar-film h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.agent-rich .ar-button{transition:none}.agent-rich .ar-button:hover{transform:none}}