:root{--ink:#17171b;--pink:#f32986;--cyan:#31d4e7;--yellow:#f9ec3c;--paper:#f8f8f5}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #3158dd;outline-offset:3px}h1,h2,h3,.brand,.eyebrow{font-family:'Space Grotesk',sans-serif}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px clamp(18px,5vw,80px);background:#fff;border-bottom:1px solid #dedee4}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;letter-spacing:-.05em}.brand img{object-fit:contain}.brand small{display:block;font:700 9px 'DM Sans',sans-serif;letter-spacing:2px;color:#555}.site-header nav{display:flex;gap:22px;font-size:13px;font-weight:700}.site-header nav a:hover{color:#a50e59}
.intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);gap:30px;align-items:center;padding:55px clamp(20px,7vw,120px);background:#17171b;color:#fff}.intro-copy{max-width:650px}.eyebrow{margin:0 0 9px;color:#a51962;font-size:12px;font-weight:800;letter-spacing:1.6px}.intro .eyebrow{color:var(--cyan)}h1{margin:0 0 18px;font-size:clamp(43px,5.5vw,76px);line-height:1.02;letter-spacing:-3px}h1 em{font-style:normal;color:var(--cyan)}.intro-copy>p:last-child{max-width:590px;margin:0;color:#dedee5;font-size:17px}.intro-art{display:grid;gap:10px;transform:rotate(-7deg)}.intro-art span{display:block;padding:7px 20px;background:var(--yellow);color:var(--ink);font:800 clamp(34px,5vw,70px)/1.15 'Space Grotesk',sans-serif;letter-spacing:-3px;box-shadow:8px 8px 0 var(--pink)}.intro-art span:nth-child(2){background:var(--cyan);transform:translateX(25px)}.intro-art span:nth-child(3){background:var(--pink);color:#fff;transform:translateX(-10px)}
.directory{max-width:1420px;margin:auto;padding:50px clamp(20px,5vw,80px) 75px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-head h2{margin:0;font-size:clamp(29px,3vw,45px);line-height:1.12}.search{display:grid;gap:7px;width:min(100%,350px);font-size:12px;font-weight:800}.search input{width:100%;padding:13px 16px;border:1px solid #bfc1cb;border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-size:14px}.categories{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.categories button{padding:9px 15px;border:1px solid #c5c5d0;border-radius:30px;background:#fff;color:#343344;font:700 13px 'DM Sans',sans-serif;cursor:pointer}.categories button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}#directory-status{color:#5d5b67;font-size:14px}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.client-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #dcdce3;border-radius:13px;background:#fff;box-shadow:0 7px 22px #17171b0d}.card-image{width:100%;height:240px;object-fit:contain;background:#f0f0f4;border-bottom:1px solid #e4e4e8}.card-body{display:flex;flex-direction:column;flex:1;padding:21px}.card-title{display:flex;align-items:center;gap:11px}.card-logo{width:54px;height:54px;object-fit:contain;border:1px solid #ddd;border-radius:10px;background:#fff}.card-title h3{margin:0;font-size:22px;line-height:1.14}.card-category{display:inline-block;margin:13px 0 9px;color:#a51962;font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.card-services{margin:0 0 15px;white-space:pre-line;color:#43414d;font-size:14px}.card-detail{margin:5px 0;color:#52505d;font-size:13px}.card-detail strong{color:#222}.card-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:17px}.card-links a{padding:8px 11px;border:1px solid #bfc2cc;border-radius:25px;font-size:12px;font-weight:800}.card-links a:hover{border-color:var(--pink);color:#a51962}.card-links a.primary{border-color:var(--yellow);background:var(--yellow);color:#17171b}.empty{grid-column:1/-1;padding:50px 24px;border:1px dashed #b6b6c2;border-radius:12px;text-align:center;background:#fff;color:#53515f}
.join{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:47px clamp(20px,7vw,120px);background:#e9fbfd}.join h2{margin:0 0 10px;font-size:clamp(28px,3vw,42px);line-height:1.12}.join p:last-child{max-width:740px;margin:0}.join-button{flex:none;padding:15px 23px;border-radius:30px;background:var(--yellow);font-size:14px;font-weight:900;text-align:center}footer{display:flex;justify-content:space-between;gap:20px;padding:26px clamp(20px,5vw,80px);background:#17171b;color:#fff;font-size:13px}
@media(max-width:960px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-art span{font-size:42px}}
@media(max-width:700px){.site-header{flex-wrap:wrap}.site-header nav{width:100%;gap:16px;flex-wrap:wrap}.intro{grid-template-columns:1fr;padding:42px 6%}.intro-art{display:none}.intro-copy>p:last-child{font-size:15px}.section-head{display:block}.search{margin-top:25px;width:100%}.directory{padding:38px 6% 55px}.directory-grid{grid-template-columns:1fr}.card-image{height:235px}.join{display:block;padding:42px 6%}.join-button{display:inline-block;margin-top:21px}footer{flex-wrap:wrap}}