.ap-link{color:var(--accent);white-space:nowrap;align-items:center;gap:6px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.ap-link:hover{text-decoration:underline}.ap-head :is(a,button),.ap-hero :is(a,button),.ap-grid-section :is(a,button){border-radius:6px}.ap-head :is(a,button):focus-visible,.ap-hero :is(a,button):focus-visible,.ap-grid-section :is(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ap-head{max-width:1100px;margin:0 auto;padding:140px 24px 40px}.ap-title{letter-spacing:-.025em;color:var(--text);margin-bottom:12px;font-size:clamp(2rem,4vw,3rem);line-height:1.05}.ap-lede{color:var(--text-muted);max-width:580px;margin-bottom:20px;font-size:1.02rem;line-height:1.8}.ap-badges{flex-wrap:wrap;gap:10px;list-style:none;display:flex}.ap-badge{color:var(--text-muted);align-items:center;gap:7px;font-size:.85rem;font-weight:600;display:inline-flex}.ap-badge svg{flex-shrink:0}.ap-hero-wrap{max-width:1100px;margin:0 auto;padding:0 24px 56px}.ap-hero{border:1px solid var(--border);border-radius:24px;grid-template-columns:1fr auto;align-items:center;gap:48px;padding:52px 56px;display:grid}.ap-flag{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:16px;font-size:.8rem;font-weight:600;display:inline-flex}.ap-hero-name{letter-spacing:-.025em;color:var(--text);margin-bottom:12px;font-size:clamp(1.9rem,3.5vw,2.6rem)}.ap-hero-desc{color:var(--text-muted);max-width:460px;margin-bottom:28px;font-size:1rem;line-height:1.8}.ap-badge-link{margin-bottom:24px;display:inline-block}.ap-hero-links{flex-wrap:wrap;gap:22px;display:flex}.ap-hero-visual{position:relative}.ap-hero-shot{filter:drop-shadow(0 24px 48px #00000047);border-radius:20px;width:100%;max-width:520px;height:auto;display:block}.ap-hero-mark{border-radius:14px;position:absolute;bottom:16px;right:16px;box-shadow:0 8px 24px #00000059}.ap-grid-section{max-width:1100px;margin:0 auto;padding:0 24px 96px}.ap-filters{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.ap-chip{font-family:var(--font-body);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;background:0 0;padding:7px 18px;font-size:.85rem;font-weight:600;transition:background .18s,color .18s,border-color .18s}.ap-chip:hover{border-color:var(--accent);color:var(--accent)}.ap-chip-active{background:var(--accent);border-color:var(--accent);color:var(--btn-text)}.ap-chip-active:hover{background:var(--accent-2);border-color:var(--accent-2);color:var(--btn-text)}.ap-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@keyframes apFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ap-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;padding:28px 24px;transition:transform .18s,box-shadow .18s;animation:.28s both apFade;display:flex}.ap-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px #0000001a}.ap-tile{border-radius:16px;justify-content:center;align-items:center;height:148px;margin-bottom:20px;display:flex}.ap-tile img{border-radius:14px}.ap-card-name{color:var(--text);margin-bottom:6px;font-size:1.1rem}.ap-card-desc{color:var(--text-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-bottom:14px;font-size:.88rem;line-height:1.7;display:-webkit-box;overflow:hidden}.ap-tags{flex-wrap:wrap;gap:8px;margin-bottom:20px;list-style:none;display:flex}.ap-tag{color:var(--text-muted);background:var(--bg-2);border-radius:var(--radius-pill);white-space:nowrap;padding:4px 12px;font-size:.72rem;font-weight:600}.ap-card-actions{align-items:center;gap:18px;margin-top:auto;display:flex}.ap-get{background:var(--accent);color:var(--btn-text);border-radius:var(--radius-pill);align-items:center;padding:7px 22px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .18s;display:inline-flex}.ap-get:hover{background:var(--accent-2)}@media (prefers-reduced-motion:reduce){.ap-card{animation:none}.ap-card,.ap-get,.ap-chip{transition:none}.ap-card:hover{transform:none}}@media (max-width:900px){.ap-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.ap-head{padding-top:104px}.ap-hero{grid-template-columns:1fr;gap:32px;padding:36px 28px}.ap-hero-visual{justify-content:center;display:flex}.ap-grid{grid-template-columns:1fr}}
