.pin-clash-card-section{background:var(--color-bg);color:var(--color-text-primary);padding:var(--space-2xl) 0}.categories-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);max-width:1400px;margin:0 auto;padding:0 var(--space-md)}.category-pills{display:flex;flex-wrap:wrap;gap:var(--space-sm);grid-column:1 / -1;position:relative;justify-content:center}.category-pill{appearance:none;border:1px solid var(--color-accent);background:transparent;color:var(--color-text-primary);border-radius:.375rem;padding:8px 14px;font-size:var(--size-h3);font-weight:var(--weight-medium);cursor:pointer;transition:all .2s ease;position:relative;z-index:1}.category-pill.active{color:var(--color-accent-foreground)}.category-pill:hover{border-color:var(--color-accent)}.pill-highlight{position:absolute;top:0;left:0;height:100%;border-radius:.375rem;background:var(--color-accent);transform:translate(0);width:0;transition:transform .2s ease,width .2s ease,height .2s ease;z-index:0}.inline-grid{grid-column:1 / -1;border:1px solid var(--color-black-700);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.inline-grid-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-md);border-bottom:1px solid var(--color-black-700);padding-bottom:var(--space-sm)}.inline-grid-header .nav-button{justify-self:start}.inline-grid-header .nav-button.next-button{justify-self:end}.inline-controls{display:flex;align-items:center;gap:var(--space-sm)}.category-card{background:var(--color-card-bg);border:1px solid var(--color-black-700);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:row;align-items:center;gap:var(--space-lg);min-height:140px;position:relative;overflow:hidden;text-align:left}.category-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--color-accent),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.category-card:hover{border-color:var(--color-accent);transform:translateY(-8px);box-shadow:0 16px 32px #0003}.category-card:hover:before{opacity:.05}.category-card:not(.cta-card){position:relative}.category-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.category-card-title{font-size:var(--size-h3);font-weight:var(--weight-bold);font-family:var(--font-heading);color:var(--color-text-primary);margin:0;flex:1;line-height:1.3}.capability-badge{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;background:var(--color-accent);color:var(--color-accent-foreground);border-radius:var(--radius-md);font-weight:var(--weight-bold);font-family:var(--font-mono);font-size:.875rem;flex-shrink:0}.category-card-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:var(--radius-lg);background:var(--color-black-800);border:1px solid var(--color-black-700);color:var(--color-accent);transition:all .3s ease;flex-shrink:0}.category-card-icon svg{width:48px;height:48px}.category-card:hover .category-card-icon{background:var(--color-accent);color:var(--color-accent-foreground);transform:scale(1.05);border-color:var(--color-accent)}.category-card-content{display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.category-card-description{font-size:var(--size-body-sm);color:var(--color-text-secondary);margin:0;flex-grow:1;line-height:1.5}.category-card-footer{display:flex;justify-content:flex-end;align-items:center;margin-top:auto}.arrow-icon{font-size:1.5rem;color:var(--color-accent);transition:transform .3s ease}.category-card:hover .arrow-icon{transform:translate(4px)}.cta-card{background:var(--color-card-bg);border:1px solid var(--color-black-700);cursor:default;min-height:auto;padding:var(--space-md)}.cta-card:hover{border-color:var(--color-accent)}.cta-card:hover:before{opacity:0}.cta-content{flex-grow:1;display:flex;align-items:center;justify-content:center}.cta-link{display:inline-flex;align-items:center;gap:8px;font-size:var(--size-body-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);text-decoration:none;background:var(--color-black-800);border:1px solid var(--color-black-700);border-radius:.375rem;padding:6px 10px;transition:border-color .2s ease,color .2s ease}.cta-link:hover{border-color:var(--color-accent);color:var(--color-accent)}.cta-link-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--whitesmoke-100);border:1px solid var(--black-600);border-radius:.25rem;color:var(--color-accent)}.cta-message{font-size:var(--size-body-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0}.cta-title{font-size:var(--size-body-xs);color:var(--color-text-secondary);margin:var(--space-xs) 0 0 0;text-align:center}.modal-overlay{display:none;position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);z-index:1000;align-items:center;justify-content:center;padding:var(--space-md)}.modal-overlay.open{display:flex;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--color-surface);border:1px solid var(--color-black-700);border-radius:var(--radius-xl);padding:var(--space-lg);max-width:1200px;width:100%;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);border-bottom:1px solid var(--color-black-700);padding-bottom:var(--space-md)}.modal-title{font-size:var(--size-h2);font-weight:var(--weight-bold);font-family:var(--font-heading);color:var(--color-text-primary);margin:0;text-align:center}.close-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer;border-radius:var(--radius-md);transition:all .2s ease;flex-shrink:0}.close-button:hover{background:var(--color-black-700);color:var(--color-text-primary)}.grid-content-wrapper{flex:1;overflow-y:auto;min-height:300px;padding:var(--space-md) 0}.capabilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-sm);width:100%}.capability-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-md);padding:var(--space-md);text-align:center;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);min-height:120px;justify-content:center;box-shadow:var(--shadow-sm);position:relative;text-decoration:none;color:inherit}.capability-card:hover{transform:translateY(-4px);border-color:var(--color-accent);box-shadow:var(--shadow-lg)}.capability-card:hover .capability-icon{background:var(--color-accent);color:var(--color-accent-foreground);transform:scale(1.05)}.capability-card:hover .capability-link-icon{opacity:1;transform:scale(1.1)}.capability-link-icon{position:absolute;top:8px;right:8px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:var(--color-accent);background:var(--whitesmoke-100);border:1px solid var(--black-900);border-radius:.25rem;opacity:.9;transition:all .2s ease}[data-theme=dark] .cta-link-icon{background:var(--whitesmoke-100);border-color:var(--black-700);color:var(--color-primary)}[data-theme=dark] .capability-link-icon{border-color:var(--black-700);color:var(--color-accent)}.capability-number{font-size:.75rem;font-weight:var(--weight-bold);color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:.1em;opacity:.6;align-self:flex-start;width:100%;text-align:left}.capability-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-surface-border);color:var(--color-accent);transition:all .3s ease;flex-shrink:0}.capability-icon svg{width:24px;height:24px}.capability-name{display:block;font-size:var(--size-body-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);line-height:1.3}.modal-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);border-top:1px solid var(--color-black-700);padding-top:var(--space-md)}.nav-button{padding:var(--space-sm) var(--space-lg);background:var(--color-black-800);border:1px solid var(--color-black-700);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--size-body-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all .2s ease;white-space:nowrap}.nav-button:hover:not(:disabled){background:var(--color-black-800);border-color:var(--color-black-700)}.nav-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:767px){.category-pills{justify-content:flex-start;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:var(--space-xs)}.category-pill{padding:6px 12px;font-size:clamp(1.25rem,4vw,1.75rem)}.categories-container{grid-template-columns:1fr;gap:var(--space-md);padding:0 var(--space-sm)}.category-card{min-height:120px;padding:var(--space-md);flex-direction:row}.category-card-icon{width:60px;height:60px}.category-card-icon svg{width:36px;height:36px}.category-card-title{font-size:var(--size-h4)}.category-card-description{font-size:var(--size-body-xs)}.capability-badge{min-width:36px;height:36px;font-size:.75rem}.inline-grid{padding:var(--space-md);gap:var(--space-md)}.inline-grid-header{grid-template-columns:1fr;gap:var(--space-sm);text-align:center}.inline-grid-header .nav-button,.inline-grid-header .nav-button.next-button{justify-self:center}.modal-title{font-size:clamp(1.75rem,5vw,2.5rem)}.capabilities-grid{grid-template-columns:1fr;gap:var(--space-xs)}.capability-card{min-height:100px;padding:var(--space-sm)}.capability-icon{width:40px;height:40px}.capability-icon svg{width:20px;height:20px}.capability-name{font-size:var(--size-body-xs)}.inline-controls{flex-wrap:wrap}.nav-button{padding:4px 8px;font-size:var(--size-body-xs);min-width:80px}}@media(min-width:768px){.categories-container{grid-template-columns:repeat(2,1fr)}.capabilities-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.categories-container{grid-template-columns:repeat(3,1fr)}.capabilities-grid{grid-template-columns:repeat(4,1fr)}.category-card{min-height:160px;flex-direction:row}.category-card-icon{width:80px;height:80px}.category-card-icon svg{width:48px;height:48px}.capability-card{min-height:160px}.capability-icon{width:56px;height:56px}.capability-icon svg{width:28px;height:28px}}@media(min-width:1280px){.categories-container{grid-template-columns:repeat(3,1fr)}.capabilities-grid{grid-template-columns:repeat(5,1fr)}}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb{background:var(--color-black-700);border-radius:var(--radius-md)}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-black-600)}.grid-content-wrapper::-webkit-scrollbar{width:6px}.grid-content-wrapper::-webkit-scrollbar-track{background:transparent}.grid-content-wrapper::-webkit-scrollbar-thumb{background:var(--color-black-700);border-radius:var(--radius-md)}.grid-content-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-black-600)}