.page-agents .breadcrumb{color:var(--text2);margin-bottom:1.5rem;font-size:.85rem}.page-agents .breadcrumb a{color:var(--text2)}.page-agents .breadcrumb a:hover{color:var(--accent)}.page-agents .hero-section{background:radial-gradient(ellipse 60% 80% at 80% 0%, rgba(var(--accent-rgb), .06), transparent 60%), linear-gradient(180deg, var(--bg2) 0%, var(--bg) 100%);border:1px solid var(--border);border-top:3px solid var(--accent);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);margin:0 0 3rem;padding:2.5rem 2rem 2.25rem;position:relative;overflow:hidden}.page-agents .hero-gradient{opacity:.5;pointer-events:none;background-image:repeating-linear-gradient(45deg,#ffffff0d 0 1px,#0000 1px 7px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(115deg,#0000 55%,#000 100%);mask-image:linear-gradient(115deg,#0000 55%,#000 100%)}.page-agents .hero-content{z-index:1;max-width:900px;position:relative}.page-agents .hero-content:before{content:"Cosmetics Database";font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:block}.page-agents .hero-content h1{margin-bottom:1rem;font-size:clamp(2.2rem,5vw,3.2rem);line-height:1}.page-agents .hero-content>p{color:var(--text2);max-width:700px;margin-bottom:2rem;font-size:1rem}.page-agents .hero-stats{border-top:1px solid var(--border);flex-wrap:wrap;gap:0;margin-top:1.75rem;padding-top:1.25rem;display:flex}.page-agents .stat{border-right:1px solid var(--border);flex-direction:column;gap:.3rem;margin-right:2rem;padding:0 2rem 0 0;display:flex}.page-agents .stat:last-child{border-right:none;margin-right:0;padding-right:0}.page-agents .stat-value{font-family:var(--font-display);color:var(--accent);font-size:2rem;font-style:italic;font-weight:800;line-height:1}.page-agents .stat-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.09em;color:var(--text2);font-size:.78rem;font-weight:600}.page-agents .tier-system{background:var(--bg2);border:1px solid var(--border);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);border-radius:2px;margin:2.5rem 0;padding:2rem}.page-agents .tier-system h2{margin:0 0 1.5rem}.page-agents .tier-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.page-agents .tier-card{background:var(--bg3);border:1px solid var(--border);border-top:3px solid var(--accent);text-align:center;border-radius:2px;padding:1.25rem 1.35rem;transition:border-color .12s,transform .12s}.page-agents .tier-card:hover{border-color:var(--accent);transform:translateY(-2px)}.page-agents .tier-icon{margin-bottom:.75rem;font-size:2rem}.page-agents .tier-card h3{margin:0 0 .5rem;font-size:1.1rem;font-style:italic}.page-agents .tier-card p{color:var(--text2);margin:0;font-size:.85rem;line-height:1.5}.page-agents .agents-section{margin:3rem 0}.page-agents .section-header{margin-bottom:2rem}.page-agents .section-header h2{margin:0 0 .5rem;font-size:1.8rem}.page-agents .section-header p{color:var(--text2);font-size:.95rem}.page-agents .agents-container{background:var(--bg2);border:1px solid var(--border);border-radius:2px;padding:1.5rem}.page-agents .agents-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.page-agents .agent-card{background:var(--bg3);border:1px solid var(--border);border-radius:2px;padding:1.25rem;transition:border-color .12s,transform .12s;position:relative;overflow:hidden}.page-agents .agent-card:before{content:"";background:var(--accent);height:3px;position:absolute;top:0;left:0;right:0}.page-agents .ct-agent:before{background:var(--ct)}.page-agents .t-agent:before{background:var(--t)}.page-agents .agent-card:hover{border-color:var(--accent);transform:translateY(-2px)}.page-agents .ct-agent:hover{border-color:var(--ct)}.page-agents .t-agent:hover{border-color:var(--t)}.page-agents .agent-tier{color:var(--tier-color);margin-bottom:.5rem;font-size:1.5rem}.page-agents .agent-card h3{letter-spacing:.03em;margin:0 0 .75rem;font-size:1.05rem;line-height:1.3}.page-agents .agent-info{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.page-agents .faction-badge,.page-agents .operation-badge{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:0;padding:.2rem .6rem;font-size:.7rem;font-weight:700;display:inline-block;transform:skew(-10deg)}.page-agents .faction-badge{color:var(--blue);border:1px solid var(--blue);background:#5aa9ff26}.page-agents .faction-badge.ct{color:var(--ct);border-color:var(--ct);background:#5aa9ff26}.page-agents .faction-badge.t{color:var(--t);border-color:var(--t);background:#f0b64a26}.page-agents .operation-badge{background:rgba(var(--accent-rgb), .15);color:var(--accent);border:1px solid var(--accent)}.page-agents .agent-meta{border-top:1px solid var(--border);padding-top:.75rem}.page-agents .tier-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:.76rem;font-weight:700;display:inline-block}.page-agents .music-section{margin:3rem 0}.page-agents .music-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin:1.5rem 0;display:grid}.page-agents .music-card{background:var(--bg2);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:2px;flex-direction:column;padding:1.25rem 1.35rem;transition:border-color .12s,transform .12s;display:flex}.page-agents .music-card:hover{border-color:var(--accent);transform:translateY(-2px)}.page-agents .music-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.page-agents .music-header h3{flex:1;margin:0;font-size:1.15rem;font-style:italic}.page-agents .kit-count{background:var(--accent);color:#0b0d12;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:0;padding:.2rem .6rem;font-size:.72rem;font-weight:800;display:inline-block;transform:skew(-10deg)}.page-agents .music-kits{flex-direction:column;flex:1;gap:.5rem;margin-bottom:1rem;display:flex}.page-agents .music-kit-item{background:var(--bg3);border:1px solid var(--border);border-left:3px solid var(--accent);color:var(--text2);white-space:nowrap;border-radius:0;padding:.35rem .75rem;font-size:.8rem;display:inline-block}.page-agents .music-description{color:var(--text2);margin:0 0 1rem;font-size:.85rem}.page-agents .music-link{color:var(--accent);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700;transition:color .2s;display:inline-block}.page-agents .music-link:hover{color:var(--accent2)}.page-agents .factions-section{background:var(--bg2);border:1px solid var(--border);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);border-radius:2px;margin:3rem 0;padding:2rem}.page-agents .factions-section h2{margin:0 0 1.5rem}.page-agents .factions-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.page-agents .faction-card{background:var(--bg3);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:2px;padding:1.25rem 1.35rem;transition:border-color .12s,transform .12s}.page-agents .faction-card:hover{border-color:var(--accent);transform:translateY(-2px)}.page-agents .faction-card h3{color:var(--accent);margin:0 0 .75rem;font-size:1.15rem;font-style:italic}.page-agents .faction-card>p{color:var(--text2);margin:0 0 1rem;font-size:.9rem;line-height:1.5}.page-agents .faction-card ul{margin:0;padding:0;list-style:none}.page-agents .faction-card li{color:var(--text2);border-bottom:1px solid var(--border);padding:.4rem 0;font-size:.85rem}.page-agents .faction-card li:last-child{border-bottom:none}.page-agents .faq-section{background:var(--bg2);border:1px solid var(--border);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);border-radius:2px;margin:3rem 0;padding:2rem}.page-agents .faq-section h2{margin:0 0 1.5rem}.page-agents .faq{margin:0}.page-agents .faq dt{color:var(--text);border-top:1px solid var(--border);padding:1rem 0 .5rem;font-size:1rem;font-weight:700}.page-agents .faq dt:first-child{border-top:none;padding-top:0}.page-agents .faq dd{color:var(--text2);margin:0;padding:0 0 1.25rem;font-size:.9rem;line-height:1.6}.page-agents .related-section{margin:3rem 0}.page-agents .related-section h2{margin-bottom:1.5rem}.page-agents .internal-links{background:var(--bg2);border:1px solid var(--border);border-radius:2px;flex-wrap:wrap;gap:.75rem;padding:1rem;display:flex}@media (max-width:768px){.page-agents .hero-section{padding:1.75rem 1.15rem 1.5rem}.page-agents .hero-stats{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.page-agents .stat{border-right:none;margin:0;padding:0}.page-agents .agents-list,.page-agents .music-grid{grid-template-columns:1fr}.page-agents .tier-grid{grid-template-columns:repeat(2,1fr)}.page-agents .factions-grid{grid-template-columns:1fr}.page-agents .music-header,.page-agents .agent-info{flex-direction:column;align-items:flex-start}}
