.pi-directory-page{--pi-directory-ink:#251931;--pi-directory-purple:#7132b5;--pi-directory-muted:#6f6575;max-width:1440px;margin:0 auto;padding:clamp(32px,6vw,78px) clamp(18px,4vw,64px) 72px;color:var(--pi-directory-ink)}
.pi-directory-page [hidden]{display:none!important}
.pi-directory-intro{max-width:760px;margin:0 0 30px}
.pi-directory-intro h1{font-size:clamp(30px,4.5vw,54px);font-weight:500;line-height:1.12;letter-spacing:-.035em;margin:9px 0 16px}
.pi-directory-intro>div{font-size:15px;line-height:1.75;color:var(--pi-directory-muted)}
.pi-directory-eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--pi-directory-purple);margin:0}
.pi-directory-featured{margin:28px 0 36px}
.pi-directory-featured>h2{font-size:20px;font-weight:500;margin:0 0 16px}
.pi-directory-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pi-directory-featured-card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px;min-height:122px;padding:20px 14px;border:1px solid #e8dfef;border-radius:16px;background:linear-gradient(145deg,#fff 0%,#faf8fc 55%,#eee5f7 100%);box-shadow:inset 0 1px 0 #fff,0 9px 24px -20px #54267c;color:var(--pi-directory-ink);text-decoration:none}
.pi-directory-featured-card img{max-width:140px;width:100%;height:48px;object-fit:contain}
.pi-directory-featured-card span{font-size:13px;font-weight:500}
pi-brand-index{display:block}
.pi-directory-controls{display:flex;align-items:end;gap:14px;padding:22px;border-radius:18px;background:linear-gradient(120deg,#fff,#f4eef8);border:1px solid #e8dfef}
.pi-directory-search-wrap{flex:1;max-width:560px}
.pi-directory-search-wrap label{display:block;margin:0 0 8px;font-size:13px;font-weight:600}
.pi-directory-search-field{position:relative}
.pi-directory-search-field svg{position:absolute;left:15px;top:15px;pointer-events:none;color:#82708e;width:20px;height:20px}
.pi-directory-search-field input{width:100%;min-height:50px;padding:12px 14px 12px 44px!important;font:inherit;font-size:16px;color:var(--pi-directory-ink);border:1px solid #dacde4;border-radius:10px;background:#fff;box-shadow:0 2px 5px #37234305;appearance:none}
.pi-directory-clear{min-height:48px;padding:10px 13px;background:transparent;border:0;text-decoration:underline;text-underline-offset:4px;font:inherit;font-size:12px;color:var(--pi-directory-purple);cursor:pointer}
.pi-directory-count{font-size:12px;color:var(--pi-directory-muted);min-height:20px;margin:14px 0 12px}
.pi-directory-alphabet{display:flex;flex-wrap:wrap;gap:5px;padding:0 0 22px;border-bottom:1px solid #e8dfef;margin:0 0 16px}
.pi-directory-alphabet a{display:flex;justify-content:center;align-items:center;min-width:36px;min-height:38px;padding:6px 9px;border:1px solid transparent;border-radius:8px;background:#fff;color:var(--pi-directory-ink);font-size:12px;text-decoration:none}
.pi-directory-alphabet a:hover,.pi-directory-alphabet a[aria-current]{background:#7132b5;color:#fff;border-color:#7132b5}
.pi-directory-group{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;padding:23px 0 27px;border-bottom:1px solid #e8dfef;scroll-margin-top:120px}
.pi-directory-group h2{font-size:32px;font-weight:400;line-height:1.2;margin:8px 0 0;color:var(--pi-directory-purple)}
.pi-directory-list{list-style:none!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 18px;margin:0!important;padding:0!important}
.pi-directory-list li{margin:0!important;padding:0!important;min-width:0}
.pi-directory-list a{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:10px 11px;color:var(--pi-directory-ink);text-decoration:none;font-size:13px;line-height:1.45;border-radius:8px;transition:background .16s ease,color .16s ease}
.pi-directory-list a:hover{background:#f1eaf7;color:var(--pi-directory-purple)}
.pi-directory-list a span{overflow-wrap:anywhere}
.pi-directory-list a::after{content:'↗';color:#a292ae;font-size:15px;flex:none}
.pi-directory-empty{font-size:14px;padding:30px 0;color:var(--pi-directory-muted)}
.pi-directory-page a:focus-visible,.pi-directory-page button:focus-visible,.pi-directory-page input:focus-visible,.pi-brand-directory__all-link:focus-visible{outline:2px solid #7132b5;outline-offset:3px}
.pi-brand-directory__all{display:flex;justify-content:center;margin:26px 0 0}
.pi-brand-directory__all-link{display:inline-flex;align-items:center;gap:14px;min-height:48px;padding:12px 23px;border:1px solid #d4c2e2;border-radius:999px;background:linear-gradient(110deg,#fff,#f2eaf8);box-shadow:inset 0 1px 0 #fff,0 8px 20px -17px #60347c;color:#452267;text-decoration:none;font-size:13px;font-weight:500}
.pi-brand-directory__all-link:hover{background:#eee4f7}
@media(max-width:899px){.pi-directory-list{grid-template-columns:repeat(2,minmax(0,1fr))}.pi-directory-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pi-directory-group{grid-template-columns:40px minmax(0,1fr);gap:10px}}
@media(max-width:599px){.pi-directory-page{padding:30px 18px 50px}.pi-directory-intro{margin-bottom:22px}.pi-directory-intro>div{font-size:14px}.pi-directory-controls{padding:16px;display:block}.pi-directory-clear{padding:8px 0;min-height:36px}.pi-directory-alphabet{gap:4px}.pi-directory-alphabet a{min-width:32px;min-height:36px;padding:5px 8px}.pi-directory-group{display:block;padding:18px 0}.pi-directory-group h2{font-size:26px;margin:0 0 10px}.pi-directory-list{gap:3px 7px}.pi-directory-list a{padding:9px 5px;font-size:12px;min-height:44px}.pi-directory-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pi-directory-featured-card{min-height:105px;padding:16px 10px}.pi-directory-featured-card img{max-width:110px;height:38px}}
@media(prefers-reduced-motion:reduce){.pi-directory-list a{transition:none}}