.bl-hero{position:relative;isolation:isolate;overflow:hidden;padding-top:7rem;padding-bottom:1.5rem}.bl-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}.bl-bg .blob{position:absolute;border-radius:999px;filter:blur(70px)}.bl-blob-a{width:32rem;height:32rem;background:var(--color-violet);opacity:.13;top:-12rem;right:-8rem}.bl-blob-b{width:28rem;height:28rem;background:var(--color-teal);opacity:.16;top:-5rem;left:-10rem}.bl-hero-inner{max-width:52rem;padding-block:2rem 1rem}.bl-crumb{font-size:.85rem;color:var(--color-ink-soft);margin-bottom:1.2rem}.bl-crumb a{color:var(--color-teal-deep);text-decoration:none}.bl-crumb span{margin-inline:.3rem}.bl-crumb a:hover{text-decoration:underline}.bl-h1{font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;line-height:1.07;font-size:clamp(1.7rem,4.2vw,2.5rem);margin:1rem 0 0}.bl-h1-bar{display:block;width:4.2rem;height:.32rem;border-radius:999px;margin-top:.9rem;background:linear-gradient(100deg,var(--color-teal),var(--color-violet))}.bl-intro{color:var(--color-ink-soft);font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.65;margin-top:1.1rem}.bl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.1rem;margin-top:1.4rem;font-size:.88rem;color:var(--color-ink-soft)}.bl-meta>span{display:inline-flex;align-items:center;gap:.4rem}.bl-meta svg{color:var(--color-teal-deep);flex:none}.bl-meta time{color:var(--color-ink);font-weight:500}.bl-cat{color:var(--color-violet);font-weight:600;text-decoration:none}.bl-cat:hover{text-decoration:underline}.bl-body{display:grid;grid-template-columns:1fr;gap:2.6rem}.bl-article{min-width:0}.bl-toc{border:1px solid var(--color-line);border-radius:1rem;padding:1.1rem 1.3rem;background:var(--color-mist);margin-bottom:2.2rem}.bl-toc h2{font-family:var(--font-display);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-soft);margin:0 0 .7rem}.bl-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;counter-reset:toc}.bl-toc li{counter-increment:toc;display:flex;gap:.6rem;align-items:baseline;font-size:.94rem}.bl-toc li:before{content:counter(toc,decimal-leading-zero);font-family:var(--font-display);font-weight:700;font-size:.78rem;color:var(--color-teal-deep)}.bl-toc a{color:var(--color-ink);text-decoration:none}.bl-toc a:hover{color:var(--color-violet)}.bl-prose{font-size:1.04rem;line-height:1.8;color:var(--color-ink-soft)}.bl-prose>:first-child{margin-top:0}.bl-prose h2{font-family:var(--font-display);font-weight:700;font-size:clamp(1.35rem,2.6vw,1.75rem);line-height:1.15;letter-spacing:-.02em;color:var(--color-ink);margin:2.6rem 0 .9rem;scroll-margin-top:6rem}.bl-prose h3{font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:var(--color-ink);margin:1.9rem 0 .6rem;scroll-margin-top:6rem}.bl-prose p{margin:0 0 1.15rem}.bl-prose strong{color:var(--color-ink);font-weight:600}.bl-prose a{color:var(--color-teal-deep);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--color-teal) 45%,var(--color-line))}.bl-prose a:hover{color:var(--color-violet);border-color:var(--color-violet)}.bl-prose ul,.bl-prose ol{margin:0 0 1.3rem;padding:0;display:grid;gap:.5rem}.bl-prose ul{list-style:none}.bl-prose ul li{position:relative;padding-left:1.35rem}.bl-prose ul li:before{content:"";position:absolute;left:0;top:.72rem;width:.5rem;height:.5rem;border-radius:999px;background:linear-gradient(120deg,var(--color-teal),var(--color-violet))}.bl-prose ol{list-style:decimal;padding-left:1.4rem}.bl-prose ol li::marker{font-family:var(--font-display);font-weight:700;color:var(--color-violet)}.bl-prose blockquote{margin:1.6rem 0;padding:1rem 1.3rem;border-left:4px solid var(--color-teal);background:var(--color-mist);border-radius:0 1rem 1rem 0;color:var(--color-ink);font-style:italic}.bl-prose blockquote p:last-child{margin-bottom:0}.bl-prose table{width:100%;border-collapse:collapse;margin:1.4rem 0 1.8rem;font-size:.95rem;display:block;overflow-x:auto}.bl-prose th,.bl-prose td{text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--color-line);vertical-align:top}.bl-prose th{font-family:var(--font-display);font-weight:600;color:var(--color-ink);background:var(--color-mist)}.bl-prose code{font-size:.9em;background:var(--color-mist2);padding:.12rem .4rem;border-radius:.35rem;color:var(--color-ink)}.bl-prose hr{border:0;border-top:1px solid var(--color-line);margin:2.4rem 0}.bl-prose img{max-width:100%;height:auto;border-radius:1rem;border:1px solid var(--color-line)}.bl-tldr{border:1px solid color-mix(in srgb,var(--color-violet) 25%,var(--color-line));border-radius:1.2rem;padding:1.2rem 1.4rem;margin-bottom:2.2rem;background:linear-gradient(135deg,color-mix(in srgb,var(--color-teal) 8%,#fff),color-mix(in srgb,var(--color-violet) 8%,#fff))}.bl-tldr-lbl{font-family:var(--font-display);font-weight:700;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-violet);display:block;margin-bottom:.45rem}.bl-tldr p{margin:0;color:var(--color-ink);line-height:1.7}.bl-faq{margin-top:2.6rem}.bl-faq .faq-item{border:1px solid var(--color-line);border-radius:1rem;padding:0 1.1rem;margin-bottom:.7rem;background:#fff}.bl-faq .faq-q{font:inherit;margin:0;letter-spacing:inherit}.bl-faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;font-family:var(--font-display);font-weight:600;padding:1.05rem 0;list-style:none}.bl-faq summary::-webkit-details-marker{display:none}.bl-faq summary svg{color:var(--color-violet);flex:none;transition:transform .25s ease}.bl-faq .faq-item[open] summary svg{transform:rotate(45deg)}.bl-faq .faq-item p{color:var(--color-ink-soft);line-height:1.7;padding-bottom:1.1rem;margin-top:-.2rem}.bl-more{margin-top:2.6rem;padding-top:2rem;border-top:1px solid var(--color-line)}.bl-more h2{font-family:var(--font-display);font-weight:700;font-size:1.25rem;margin:0 0 .9rem}.bl-more ul{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.bl-more li{display:flex;align-items:flex-start;gap:.55rem;color:var(--color-ink-soft);line-height:1.6}.bl-more li svg{flex:none;margin-top:.28rem;color:var(--color-teal-deep)}.bl-more a{color:var(--color-ink);font-weight:600;text-decoration:none;border-bottom:1px solid var(--color-line)}.bl-more a:hover{border-color:var(--color-ink)}.bl-author{display:flex;gap:1rem;align-items:flex-start;margin-top:2.6rem;padding:1.3rem 1.4rem;border:1px solid var(--color-line);border-radius:1.2rem;background:#fff}.bl-author-avatar{flex:none;width:52px;height:52px;border-radius:999px;display:grid;place-items:center;color:#fff;font-family:var(--font-display);font-weight:800;font-size:1.1rem;background:linear-gradient(120deg,var(--color-teal),var(--color-violet))}.bl-author strong{font-family:var(--font-display);color:var(--color-ink)}.bl-author p{margin:.25rem 0 0;color:var(--color-ink-soft);font-size:.93rem;line-height:1.6}.bl-aside{display:grid;gap:1.4rem;align-content:start}.bl-card{background:var(--color-ink);color:#fff;border-radius:1.3rem;padding:1.6rem}.bl-card h3{font-size:1.2rem;font-weight:700}.bl-card p{color:#ffffffb8;margin:.5rem 0 1.1rem;font-size:.95rem;line-height:1.6}.bl-card .btn{width:100%;justify-content:center}.bl-links{border:1px solid var(--color-line);border-radius:1.3rem;padding:1.4rem 1.5rem}.bl-links h3{font-family:var(--font-display);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-soft);margin-bottom:.9rem}.bl-links a{display:block;color:var(--color-ink);text-decoration:none;padding:.45rem 0;font-size:.93rem;line-height:1.4;border-bottom:1px solid var(--color-line);transition:color .2s ease}.bl-links a:last-child{border-bottom:0}.bl-links a:hover{color:var(--color-violet)}.bl-links small{display:block;color:var(--color-ink-soft);font-size:.8rem;margin-top:.15rem}.bl-grid{display:grid;grid-template-columns:1fr;gap:1.2rem;margin-top:2rem}.bl-post{display:flex;flex-direction:column;gap:.6rem;padding:1.5rem 1.5rem 1.4rem;background:#fff;border:1px solid var(--color-line);border-radius:1.4rem;text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.bl-post:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,var(--color-teal),var(--color-violet));opacity:0;transition:opacity .3s ease}.bl-post:hover{transform:translateY(-4px);box-shadow:0 26px 50px -30px #0b122059;border-color:color-mix(in srgb,var(--color-violet) 35%,var(--color-line))}.bl-post:hover:before{opacity:1}.bl-post-top{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;font-size:.8rem;color:var(--color-ink-soft)}.bl-post-cat{font-family:var(--font-display);font-weight:600;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-violet)}.bl-post h2,.bl-post h3{font-family:var(--font-display);font-weight:700;font-size:1.18rem;line-height:1.25;letter-spacing:-.01em;color:var(--color-ink);margin:0}.bl-post p{color:var(--color-ink-soft);font-size:.95rem;line-height:1.65;margin:0}.bl-post-more{margin-top:auto;padding-top:.5rem;display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-display);font-weight:600;font-size:.9rem;color:var(--color-teal-deep)}.bl-post:hover .bl-post-more{color:var(--color-violet)}.bl-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.6rem}.bl-filters a{text-decoration:none}.bl-filters .chip.is-active{background:var(--color-ink);color:#fff;border-color:var(--color-ink)}.bl-empty{margin-top:2rem;color:var(--color-ink-soft)}.bl-rss{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.4rem;font-size:.85rem;color:var(--color-ink-soft);text-decoration:none}.bl-rss:hover{color:var(--color-flow-orange)}.home-blog-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem}.home-blog-all{white-space:nowrap}@media(min-width:720px){.bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:940px){.bl-body{grid-template-columns:minmax(0,1fr) 20rem;gap:3.4rem;align-items:start}.bl-aside{position:sticky;top:6rem}.bl-grid.bl-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.bl-blob-c{width:18rem;height:18rem;background:var(--color-flow-rose);opacity:.12;bottom:-6rem;left:38%}.bl-blob-d{width:16rem;height:16rem;background:var(--color-flow-orange);opacity:.12;top:30%;right:22%}.bl-hero-grid{display:grid;gap:2.2rem;align-items:center;padding-block:1.5rem 2.5rem}.bl-hero-text{min-width:0}.bl-hero-text .bl-intro{max-width:34rem}.bl-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.2rem;margin-top:1.3rem;font-size:.85rem;color:var(--color-ink-soft)}.bl-hero-meta>span{font-family:var(--font-display);font-weight:600;color:var(--color-ink)}.bl-hero-meta .bl-rss{margin-top:0}.bl-feature{position:relative;display:flex;flex-direction:column;gap:.8rem;min-width:0;padding:1.6rem 1.6rem 1.4rem;border-radius:1.4rem;text-decoration:none;color:inherit;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(130deg,var(--color-teal),var(--color-violet) 55%,var(--color-flow-rose)) border-box;border:2px solid transparent;box-shadow:0 30px 60px -32px #7c3aed73;transition:transform .3s ease,box-shadow .3s ease}.bl-feature:hover{transform:translateY(-4px) rotate(-.3deg);box-shadow:0 36px 70px -30px #7c3aed8c}.bl-feature-tag{position:absolute;top:-.85rem;left:1.4rem;padding:.3rem .8rem;border-radius:999px;font-family:var(--font-display);font-weight:700;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:linear-gradient(100deg,var(--color-flow-rose),var(--color-flow-orange))}.bl-feature-title{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;line-height:1.15;font-size:clamp(1.2rem,2.2vw,1.5rem);color:var(--color-ink)}.bl-feature-desc{color:var(--color-ink-soft);line-height:1.6;font-size:.97rem}.bl-feature:hover .bl-post-more{color:var(--color-violet)}@media(min-width:960px){.bl-hero-grid{grid-template-columns:1.1fr .9fr;gap:3.5rem;padding-block:2rem 3rem}}.bl-marquee{overflow:hidden;border-block:1px solid var(--color-line);background:#fff}.bl-marquee-track{display:inline-flex;white-space:nowrap;will-change:transform;animation:bl-marquee 45s linear infinite;padding-block:.9rem}.bl-marquee-item{font-family:var(--font-display);font-weight:700;font-size:clamp(1rem,1.8vw,1.3rem);color:var(--color-ink);display:inline-flex;align-items:center}.bl-marquee-star{margin-inline:1.1rem;color:var(--color-flow-rose)}.bl-marquee-item:nth-child(4n+1) .bl-marquee-star{color:var(--color-teal-deep)}.bl-marquee-item:nth-child(4n+2) .bl-marquee-star{color:var(--color-violet)}.bl-marquee-item:nth-child(4n+3) .bl-marquee-star{color:var(--color-flow-orange)}@keyframes bl-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.bl-marquee-track{animation:none}}
