:root{--grat-funnel-radius:12px;--grat-funnel-radius-sm:6px;--grat-funnel-section-gap:40px;--grat-funnel-gap-xs:10px;--grat-funnel-gap-sm:20px;--grat-funnel-gap-md:30px;--grat-funnel-card-bg:#fff}.grat-funnel-archive .container{max-width:800px;margin:0 auto;padding:0 20px}.grat-funnel-archive__form{max-width:480px;margin:var(--grat-funnel-gap-sm) auto 0;padding:var(--grat-funnel-gap-md);background:var(--grat-funnel-card-bg);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.grat-funnel-archive>section{padding:var(--grat-funnel-section-gap) var(--grat-funnel-gap-md)}.grat-funnel-archive__hero{text-align:center;background:#f5f5f5}.grat-funnel-archive__title{margin:0 0 var(--grat-funnel-gap-xs);font-size:clamp(40px,5vw,60px);font-weight:800}.grat-funnel-archive__description{margin:0 auto var(--grat-funnel-gap-sm);max-width:600px;font-size:22px;color:#475569}.grat-funnel-archive__category{background:#eee}.grat-funnel-archive__category:nth-child(2n){background:#ddd}.grat-funnel-archive__category-title{display:inline-block;margin:0 0 var(--grat-funnel-gap-md);padding-bottom:var(--grat-funnel-gap-xs);font-size:30px;font-weight:700;border-bottom:3px solid var(--grat-funnel-cta-bg,#22c55e)}.grat-funnel-archive__category-desc{margin:0 0 var(--grat-funnel-gap-md);color:#64748b}.grat-funnel-archive__items{list-style:none;padding:0;margin:0}.grat-funnel-archive__link{display:flex;text-decoration:none;color:inherit;background:var(--grat-funnel-card-bg);border:1px solid #e0e3e7;border-radius:var(--grat-funnel-radius);box-shadow:0 2px 8px rgba(0,0,0,.08);transition:box-shadow .2s,transform .2s,border-color .2s}.grat-funnel-archive__link:hover{border-color:var(--grat-funnel-cta-bg,#22c55e);box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-4px)}.grat-funnel-archive__link:focus-visible{outline:3px solid var(--grat-funnel-cta-bg,#22c55e);outline-offset:2px}.grat-funnel-archive__thumbnail{display:flex;align-items:center;justify-content:center}.grat-funnel-archive__img{height:auto;width:auto}.grat-funnel-archive__content{display:flex;flex-direction:column}.grat-funnel-archive__item-title{margin:0;font-size:22px;font-weight:700;line-height:1.3}.grat-funnel-archive__excerpt{margin-top:var(--grat-funnel-gap-xs);font-size:18px;color:#64748b;line-height:1.5}.grat-funnel-archive__social-proof{margin-top:var(--grat-funnel-gap-xs);padding:5px 10px;font-size:15px;font-weight:600;color:#16a34a;background:#dcfce7;border-radius:4px}.grat-funnel-archive__cta{display:inline-block;margin-top:var(--grat-funnel-gap-sm);padding:10px 20px;font-size:18px;font-weight:600;color:#fff;background:var(--grat-funnel-cta-bg,#22c55e);border-radius:var(--grat-funnel-radius-sm);transition:filter .2s}.grat-funnel-archive__link:hover .grat-funnel-archive__cta{filter:brightness(.9)}.grat-funnel-archive__empty{text-align:center;color:#64748b}.grat-funnel-archive--grid .grat-funnel-archive__items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:var(--grat-funnel-gap-md)}.grat-funnel-archive--grid .grat-funnel-archive__link{flex-direction:column;height:100%;overflow:hidden}.grat-funnel-archive--grid .grat-funnel-archive__thumbnail{padding:var(--grat-funnel-gap-sm);background:#f8fafc;flex-shrink:0}.grat-funnel-archive--grid .grat-funnel-archive__img{max-width:100%;max-height:200px;transition:transform .3s}.grat-funnel-archive--grid .grat-funnel-archive__link:hover .grat-funnel-archive__img{transform:scale(1.03)}.grat-funnel-archive--grid .grat-funnel-archive__content{flex-grow:1;padding:var(--grat-funnel-gap-sm);text-align:center}.grat-funnel-archive--grid .grat-funnel-archive__excerpt{flex-grow:1}.grat-funnel-archive--grid .grat-funnel-archive__social-proof{margin-top:var(--grat-funnel-gap-sm);padding:10px}.grat-funnel-archive--list .grat-funnel-archive__items{display:flex;flex-direction:column;gap:var(--grat-funnel-gap-md)}.grat-funnel-archive--list .grat-funnel-archive__link{position:relative;flex-wrap:wrap;gap:var(--grat-funnel-gap-sm);align-items:center;padding:var(--grat-funnel-gap-sm)}.grat-funnel-archive--list .grat-funnel-archive__content{flex:1 1 200px}.grat-funnel-archive--list .grat-funnel-archive__img{max-width:120px;max-height:120px}.grat-funnel-archive--list .grat-funnel-archive__badge{position:absolute;top:-10px;right:10px;padding:3px 9px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#666;background:#fff;border:1px solid #e0e3e7;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.12)}.grat-funnel-archive--list .grat-funnel-archive__cta,.grat-funnel-archive--list .grat-funnel-archive__social-proof{align-self:flex-start}