:root{--ink:#13231a;--muted:#5a6d61;--green:#287c4d;--gold:#b78926;--line:#d7e2db}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:"DM Sans",Arial,sans-serif;background:#f6faf7}.agents-page{min-height:100vh;background:linear-gradient(90deg,rgba(247,251,248,.78),rgba(247,251,248,.64)),url("assets/office-bonsai.png") right top/auto 100% no-repeat fixed}.agents-header{height:92px;padding:0 max(5vw,calc((100vw - 1220px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(27,72,47,.12);background:rgba(255,255,255,.8);backdrop-filter:blur(14px)}.brand{display:block;width:164px;height:76px;overflow:hidden;background:url("../assets/bonsai-logo.png") center 45%/145% auto no-repeat}.brand img{width:100%;height:100%;opacity:0}.back-link{color:var(--green);font-size:.9rem;font-weight:700;text-decoration:none}.agents-shell{width:min(1220px,90vw);margin:0 auto;padding:70px 0 48px}.intro{max-width:620px;margin-bottom:36px}.eyebrow{margin:0 0 10px;color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.16em}.intro h1{margin:0 0 13px;font:600 clamp(2.3rem,4vw,4rem) "Playfair Display",Georgia,serif;line-height:1.03}.intro>p:last-child{margin:0;color:var(--muted);font-size:1.05rem}.agents-layout{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start}.agent-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.agent-button{padding:0 0 10px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(rgba(255,255,255,.3),rgba(255,255,255,.3)),url("assets/office-bonsai.png") right top/auto 100% no-repeat;overflow:hidden;color:var(--ink);cursor:pointer;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.agent-button:hover,.agent-button[aria-pressed="true"]{border-color:var(--green);box-shadow:0 12px 28px rgba(30,90,54,.14);transform:translateY(-2px)}.agent-button img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;object-position:center bottom;transform:translateY(7px) scale(.95);transform-origin:center center}.agent-button span{display:block;padding:9px 10px 0;font-size:.78rem;font-weight:800;line-height:1.15}.agent-feature{display:grid;grid-template-columns:minmax(230px,340px) 1fr;gap:clamp(28px,5vw,68px);min-height:480px;padding:clamp(22px,4vw,48px);border:1px solid rgba(38,102,63,.2);border-radius:28px;background:rgba(255,255,255,.92);box-shadow:0 28px 70px rgba(28,73,47,.12)}.agent-photo{align-self:stretch;min-height:390px;overflow:hidden;border-radius:22px;background:linear-gradient(rgba(255,255,255,.18),rgba(255,255,255,.18)),url("assets/office-bonsai.png") right top/auto 100% no-repeat}.agent-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}.agent-copy{align-self:center}.agent-copy h2{margin:0 0 14px;font:600 clamp(2rem,3.4vw,3.25rem) "Playfair Display",Georgia,serif;line-height:1.05}.agent-copy>p{max-width:560px;margin:0;color:var(--muted);font-size:1.02rem;line-height:1.7}.states-section{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.states-section h3{margin:0 0 14px;font-size:.86rem}.state-list{display:flex;flex-wrap:wrap;gap:7px}.state-list button{min-width:38px;height:31px;padding:0 8px;border:1px solid #c8d9ce;border-radius:8px;background:#fff;color:#40554a;font:800 .7rem "DM Sans",sans-serif;cursor:pointer}.state-list button:hover,.state-list button[aria-pressed="true"]{border-color:var(--green);background:var(--green);color:#fff}.availability{min-height:24px;margin:14px 0 0;color:var(--green);font-size:.88rem;font-weight:700}.disclaimer{max-width:860px;margin:32px auto 0;color:#62766a;text-align:center;font-size:.82rem;line-height:1.55}@media(max-width:760px){.agents-page{background:linear-gradient(rgba(247,251,248,.78),rgba(247,251,248,.72)),url("assets/office-bonsai.png") right top/auto 100% no-repeat fixed}.agents-header{height:68px;padding:0 16px}.brand{width:102px;height:59px}.back-link{font-size:.72rem}.agents-shell{width:min(100% - 30px,620px);padding:45px 0 34px}.intro{margin-bottom:25px}.intro h1{font-size:2.35rem}.intro>p:last-child{font-size:.92rem}.agents-layout{grid-template-columns:1fr;gap:18px}.agent-picker{grid-template-columns:repeat(3,1fr);gap:8px}.agent-button{border-radius:12px;padding-bottom:7px}.agent-button span{padding:7px 7px 0;font-size:.65rem}.agent-feature{grid-template-columns:1fr;gap:21px;min-height:0;padding:18px;border-radius:20px}.agent-photo{min-height:340px;max-height:430px}.agent-copy h2{font-size:2.1rem}.agent-copy>p{font-size:.92rem;line-height:1.6}.states-section{margin-top:22px;padding-top:19px}.state-list{gap:6px}.state-list button{min-width:34px;height:29px;font-size:.65rem}.disclaimer{margin-top:24px;font-size:.74rem}}