.agents-page-container{z-index:2;min-height:80vh;padding:180px 0 120px;position:relative}.agents-page-back{max-width:1040px;margin:0 auto 32px}.btn-back{color:var(--text-muted);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.btn-back:hover{color:var(--cobalt-main);background:#002fa70a}.agents-page-header{text-align:center;flex-direction:column;gap:16px;max-width:700px;margin:0 auto 72px;display:flex}.agents-pre-title{font-family:var(--font-display);letter-spacing:.15em;color:var(--cobalt-main);text-transform:uppercase;font-size:.78rem;font-weight:700}.agents-page-title{font-family:var(--font-display-jp);color:var(--text-bright);letter-spacing:.04em;font-size:3rem;font-weight:500;line-height:1.25}.agents-page-desc{font-family:var(--font-body);color:var(--text-muted);max-width:520px;margin:0 auto;font-size:1rem}.agents-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1040px;margin:0 auto;display:grid}.agent-card{-webkit-backdrop-filter:blur(20px);cursor:pointer;aspect-ratio:1;background:#ffffff4d;border:1px solid #ffffff80;border-radius:24px;flex-direction:column;padding:24px 24px 0;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0f172a0a,inset 0 1px #fff9}.agent-card:hover{background:#ffffff80;border-color:#ffffffb3;transform:translateY(-6px);box-shadow:0 20px 40px #0f172a0f,inset 0 1px #fffc}.agent-card--cobalt:hover{box-shadow:0 20px 40px #002fa70a,inset 0 1px #fffc}.agent-card--amber:hover{box-shadow:0 20px 40px #d977060a,inset 0 1px #fffc}.agent-card-image-wrap{background:0 0;border-radius:12px 12px 0 0;flex-grow:1;width:100%;height:0;margin-top:16px;position:relative;overflow:hidden}.agent-card-image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);-webkit-mask-image:radial-gradient(circle,#000 30%,#000000d9 50%,#00000040 75%,#0000 100%);mask-image:radial-gradient(circle,#000 30%,#000000d9 50%,#00000040 75%,#0000 100%)}.agent-card:hover .agent-card-image{transform:scale(1.05)}.agent-card-image-overlay{pointer-events:none;background:linear-gradient(#0000 70%,#ffffff0d);position:absolute;inset:0}.agent-card-header{justify-content:center;margin-top:0;margin-bottom:0;display:flex}.agent-card-title-area{text-align:center;flex-direction:column;align-items:center;gap:3px;display:flex}.agent-card-name{font-family:"Zen Kaku Gothic New", var(--font-body), sans-serif;color:var(--text-bright);font-size:1.15rem;font-weight:500}.agent-card-tagline{font-family:var(--font-display);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:600}@media (max-width:1024px){.agents-grid{grid-template-columns:repeat(2,1fr);padding:0 24px}.agents-page-back{padding:0 24px}}@media (max-width:768px){.agents-page-container{padding:120px 0 80px}.agents-page-title{font-size:2.2rem}.agents-grid{grid-template-columns:1fr;gap:16px}.agent-card{min-height:auto;padding:20px 20px 0}.agent-card-image-wrap{height:0;margin-top:12px}}