/* Homepage-only blog preview. Scoped to .hn-home-blog to avoid changing shared site styles. */
.hn-home-blog{--hb-ink:#211b35;--hb-purple:#6941e8;position:relative;isolation:isolate;overflow:hidden;padding:clamp(54px,6vw,86px) 20px;background:radial-gradient(ellipse at 8% 15%,rgba(141,122,255,.14),transparent 36%),radial-gradient(ellipse at 92% 88%,rgba(65,176,157,.12),transparent 34%),linear-gradient(135deg,#fff 0%,#f8f5ff 55%,#fbfaff 100%)}
.hn-home-blog:before,.hn-home-blog:after{content:"";position:absolute;z-index:-1;width:330px;height:330px;border:1px solid rgba(105,65,232,.12);border-radius:50%;pointer-events:none}.hn-home-blog:before{left:-225px;top:5%}.hn-home-blog:after{right:-225px;bottom:-25%}
.hn-home-blog-inner{max-width:1240px;margin:0 auto}.hn-home-blog-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.hn-home-blog-kicker{font-size:11px;font-weight:800;letter-spacing:2px;color:#6941e8}.hn-home-blog-heading h2{margin:10px 0;color:var(--hb-ink);font-size:clamp(28px,4vw,44px);line-height:1.12;font-weight:800}.hn-home-blog-heading h2 em{font-style:normal;color:#6941e8}.hn-home-blog-heading p{margin:0;color:#706a7d;font-size:14px}.hn-home-blog-all{flex:0 0 auto;color:var(--hb-purple);font-size:13px;font-weight:800;text-decoration:none;padding:12px 16px;border:1px solid #dfd9f1;border-radius:999px;background:#fff;box-shadow:0 8px 20px #2e205c0c}.hn-home-blog-all span{margin-left:8px}
.hn-home-blog-stage{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:10px;align-items:center;perspective:1400px}.hn-home-blog-viewport{overflow:hidden;padding:18px 8px 28px}.hn-home-blog-track{display:flex;gap:22px;align-items:stretch;transition:transform .65s cubic-bezier(.2,.75,.25,1);will-change:transform}.hn-home-blog-card{flex:0 0 calc((100% - 44px)/3);min-width:0;overflow:hidden;border:1px solid rgba(93,76,150,.15);border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 18px 42px rgba(39,27,78,.10),inset 0 1px #fff;transform:rotateY(-3deg) translateZ(0);transition:transform .4s,box-shadow .4s,border-color .4s}.hn-home-blog-card:nth-child(3n+2){transform:translateY(-8px) rotateY(0)}.hn-home-blog-card:hover{transform:translateY(-10px) rotateY(0) scale(1.012);box-shadow:0 26px 55px rgba(39,27,78,.17);border-color:#c2b8e4}.hn-home-blog-image{height:190px;display:block;position:relative;overflow:hidden;background:linear-gradient(135deg,#e7e2f8,#dff4ee)}.hn-home-blog-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .65s}.hn-home-blog-card:hover .hn-home-blog-image img{transform:scale(1.06)}.hn-home-blog-image-tag{position:absolute;left:14px;top:14px;padding:7px 10px;border:1px solid #ffffff9c;border-radius:999px;background:#ffffffdf;color:#6941e8;font-size:9px;font-weight:900;letter-spacing:1px;backdrop-filter:blur(8px)}.hn-home-blog-image-go{position:absolute;right:14px;bottom:14px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#6941e8;font-size:18px;box-shadow:0 7px 18px #1d143b26}.hn-home-blog-card-copy{padding:20px 21px 22px}.hn-home-blog-meta{display:flex;justify-content:space-between;gap:10px;color:#898294;font-size:10px}.hn-home-blog-card h3{margin:12px 0 9px;font-size:19px;line-height:1.3;color:#272139}.hn-home-blog-card h3 a{color:inherit;text-decoration:none}.hn-home-blog-card p{margin:0;color:#706a7b;font-size:13px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hn-home-blog-read{display:inline-flex;gap:9px;align-items:center;margin-top:17px;color:#6941e8;font-size:12px;font-weight:800;text-decoration:none}.hn-home-blog-arrow{width:40px;height:40px;border:1px solid #e0dced;border-radius:50%;background:#fff;color:#6941e8;font-size:29px;line-height:1;cursor:pointer;box-shadow:0 8px 20px #3324641a;transition:transform .2s,background .2s,color .2s}.hn-home-blog-arrow:hover{background:#6941e8;color:#fff;transform:scale(1.08)}.hn-home-blog-dots{display:flex;justify-content:center;gap:7px;margin-top:2px}.hn-home-blog-dots button{width:7px;height:7px;padding:0;border:0;border-radius:20px;background:#c3bdd8;cursor:pointer;transition:width .25s,background .25s}.hn-home-blog-dots button[aria-current=true]{width:24px;background:#6941e8}.hn-home-blog-empty{display:flex;align-items:center;gap:16px;padding:24px;border:1px solid #e4e0f2;border-radius:18px;background:#ffffffc9}.hn-home-blog-empty>span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#ebe6f9;color:#6941e8;font-size:22px}.hn-home-blog-empty b{color:#2e2843}.hn-home-blog-empty p{margin:4px 0 0;color:#777184;font-size:13px}.hn-home-blog-empty a{margin-left:auto;color:#6941e8;font-size:12px;font-weight:800;text-decoration:none}
@media(max-width:900px){.hn-home-blog-card{flex-basis:calc((100% - 22px)/2)}}@media(max-width:620px){.hn-home-blog{padding:52px 12px}.hn-home-blog-heading{align-items:flex-start;flex-direction:column;gap:16px}.hn-home-blog-heading p{font-size:13px}.hn-home-blog-stage{grid-template-columns:30px minmax(0,1fr) 30px;gap:4px}.hn-home-blog-arrow{width:30px;height:30px;font-size:23px}.hn-home-blog-viewport{padding:14px 3px 22px}.hn-home-blog-card{flex-basis:100%;transform:none!important}.hn-home-blog-image{height:180px}.hn-home-blog-empty{align-items:flex-start;flex-wrap:wrap}.hn-home-blog-empty a{margin-left:60px}}@media(prefers-reduced-motion:reduce){.hn-home-blog-track,.hn-home-blog-card,.hn-home-blog-image img,.hn-home-blog-arrow{transition:none!important}}