.acc-green{--acc:#0ba678}.acc-coral{--acc:#ff6a4d}.acc-teal{--acc:#0e7490}.acc-blue{--acc:#1d4ed8}.acc-violet{--acc:#7c3aed}.dark .acc-green{--acc:#2dd4a7}.dark .acc-coral{--acc:#ff8a6d}.dark .acc-teal{--acc:#38bdf8}.dark .acc-blue{--acc:#60a5fa}.dark .acc-violet{--acc:#a78bfa}.hero-bg{z-index:0;background:radial-gradient(58% 80% at 84% -12%, color-mix(in srgb, var(--brand) 24%, transparent), transparent 70%), radial-gradient(48% 68% at 2% 4%, color-mix(in srgb, var(--teal) 15%, transparent), transparent 72%);position:absolute;inset:0}.hero-bg:after{content:"";background-image:linear-gradient(to right, color-mix(in srgb, var(--border) 70%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--border) 70%, transparent) 1px, transparent 1px);opacity:.6;background-size:46px 46px;position:absolute;inset:0;mask-image:radial-gradient(72% 62% at 50% -6%,#000,#0000 76%)}.search-wrap{position:relative}.search-wrap>svg{width:1.15rem;height:1.15rem;color:var(--muted-foreground);pointer-events:none;position:absolute;top:50%;left:1.05rem;transform:translateY(-50%)}#blog-search{border:1px solid var(--border);background:var(--card);width:100%;height:3.35rem;color:var(--foreground);border-radius:9999px;padding:0 1.25rem 0 3rem;font-size:1rem;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 2px #0000000a,0 8px 24px -18px #00000040}#blog-search::placeholder{color:var(--muted-foreground)}#blog-search:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 18%, transparent);outline:none}#blog-search::-webkit-search-cancel-button{cursor:pointer}.filter-bar{-webkit-backdrop-filter:blur(8px)}.pill-row{scrollbar-width:none}.pill-row::-webkit-scrollbar{display:none}.pill{white-space:nowrap;border:1px solid var(--border);background:var(--card);font-family:var(--font-display);color:var(--muted-foreground);cursor:pointer;border-radius:9999px;align-items:center;gap:.4rem;padding:.42rem .9rem;font-size:.82rem;font-weight:600;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.pill:hover{color:var(--foreground);border-color:color-mix(in srgb, var(--acc,var(--brand)) 45%, var(--border))}.pill>span{opacity:.7;font-size:.72rem;font-weight:500}.pill.is-active{color:#fff;background:var(--acc,var(--brand));border-color:#0000}.pill.is-active>span{opacity:.85}.dark .pill.is-active{color:#0b1220}.badge-img{font-family:var(--font-display);letter-spacing:.01em;color:#fff;background:var(--acc);border-radius:9999px;align-items:center;padding:.24rem .65rem;font-size:.68rem;font-weight:600;display:inline-flex;box-shadow:0 2px 10px -3px #0006}.dark .badge-img{color:#0b1220}.icon-chip{width:2.6rem;height:2.6rem;color:var(--acc);background:color-mix(in srgb, var(--acc) 13%, var(--card));border:1px solid color-mix(in srgb, var(--acc) 26%, transparent);border-radius:.85rem;flex-shrink:0;place-items:center;display:grid}.icon-chip svg{width:1.3rem;height:1.3rem}.post-card{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s}.post-card:hover{border-color:color-mix(in srgb, var(--acc) 55%, var(--border));box-shadow:0 18px 40px -24px color-mix(in srgb, var(--acc) 70%, #000);transform:translateY(-4px)}.group:hover .post-title{color:var(--acc)}.post-title{transition:color .2s}.read-more{color:var(--acc)}.feature-lead>div,.feature-rail>div{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s}.feature-lead:hover>div,.feature-rail:hover>div{border-color:color-mix(in srgb, var(--acc) 55%, var(--border));box-shadow:0 20px 44px -26px color-mix(in srgb, var(--acc) 70%, #000)}.feature-rail:hover>div{transform:translateY(-3px)}.ph{background:radial-gradient(120% 120% at 100% 0%, color-mix(in srgb, var(--acc) 28%, transparent), transparent 60%), color-mix(in srgb, var(--acc) 9%, var(--card));color:color-mix(in srgb, var(--acc) 60%, var(--muted-foreground))}.ph svg{opacity:.55;width:3rem;height:3rem}.cta{background:radial-gradient(120% 140% at 12% 0%, #ffffff24, transparent 55%), linear-gradient(120deg, var(--brand), var(--teal) 92%);position:relative}.cta:after{content:"";opacity:.4;background-image:radial-gradient(#ffffff29 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;mask-image:radial-gradient(80% 100% at 50% 0,#000,#0000 70%)}.cta-btn{font-family:var(--font-display);color:#0b6e4f;background:#fff;border-radius:9999px;padding:.85rem 1.6rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 30px -12px #00000080}.cta-btn:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 16px 38px -14px #0000008c}.rise{opacity:0;animation:.7s cubic-bezier(.2,.7,.2,1) forwards blog-rise;animation-delay:var(--d,0s)}@keyframes blog-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}[data-reveal] .reveal:not(.in){opacity:0;transform:translateY(16px)}[data-reveal] .reveal.in{opacity:1;transition:opacity .55s,transform .55s cubic-bezier(.2,.7,.2,1);transform:none}
