.comp-intro{margin:clamp(18px,3vw,26px) 0 0;max-width:52ch;font-size:clamp(1.02rem,1.6vw,1.18rem);line-height:1.55;color:var(--color-text-muted)}.comp-grid{list-style:none;margin:clamp(40px,6vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,22px)}.comp-card{display:flex;flex-direction:column;padding:clamp(22px,3vw,30px)}.comp-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:var(--color-brand-soft);border:1px solid rgb(124 77 255/.28);background:rgb(124 77 255/.1)}.comp-kicker{margin:1.1rem 0 0;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-faint)}.comp-title{margin:.35rem 0 0;font-family:var(--font-serif);font-weight:420;font-size:clamp(1.45rem,2.6vw,1.75rem);line-height:1.1;letter-spacing:-.01em;color:var(--color-text)}.comp-list{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.6rem}.comp-list li{position:relative;padding-left:1.25rem;color:var(--color-text-muted);font-size:.98rem;line-height:1.5}.comp-list li:before{content:"";position:absolute;left:.1rem;top:.6em;width:6px;height:6px;border-radius:999px;background:var(--color-brand)}.comp-link{align-self:flex-start;margin-top:auto;padding-top:1.1rem;display:inline-flex;align-items:center;gap:.4em;min-height:44px;color:var(--color-brand-soft);font-family:var(--font-mono);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .25s ease}.comp-link:hover{color:var(--color-text)}.comp-link:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px;border-radius:4px}@media (max-width:900px){.comp-grid{grid-template-columns:1fr}}