.article-hero,.article-page{overflow:hidden}.article-hero{position:relative;padding:128px 0 32px}.article-hero-inner{position:relative;z-index:1;max-width:760px}.article-hero .blog-breadcrumb{justify-content:flex-start}.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:22px;color:#8c8fa6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase}.article-meta span{padding:5px 12px;border-radius:999px;background:rgba(3,105,161,.1);color:#0369a1}.article-meta i{width:4px;height:4px;border-radius:999px;background:#cdcfdd}.article-hero h1{margin:18px 0 0;color:var(--ink);font-size:44px;font-weight:600;line-height:1.08;letter-spacing:-.03em}.article-hero p{margin:18px 0 0;color:#51546b;font-size:19px;line-height:1.6}.article-photo{padding:16px 24px 0}.article-photo>div{position:relative;overflow:hidden;aspect-ratio:21/8;border-radius:28px;background:#eef1f7;box-shadow:0 30px 70px -45px rgba(30,58,95,.4)}.article-photo img{object-fit:cover}.article-photo>div:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,13,22,.5),transparent 55%)}.article-photo span{position:absolute;left:28px;bottom:24px;z-index:1;color:hsla(0,0%,100%,.9);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.article-body{max-width:760px;padding:24px 24px 70px}.article-rule{height:1px;margin-bottom:36px;background:rgba(12,13,22,.08)}.article-prose h2{margin:36px 0 0;color:var(--ink);font-size:26px;font-weight:600;line-height:1.2;letter-spacing:-.02em}.article-prose p{margin:16px 0 0;color:#3d4058;font-size:17px;line-height:1.72}.article-prose ul{display:flex;flex-direction:column;gap:11px;margin:16px 0 0;padding:0;list-style:none}.article-prose li{display:flex;gap:12px;color:#3d4058;font-size:16.5px;line-height:1.6}.article-prose li span{display:grid;flex-shrink:0;place-items:center;width:22px;height:22px;margin-top:2px;border-radius:999px;background:rgba(3,105,161,.1);color:#0369a1}.article-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:48px;padding:30px;border:1px solid rgba(12,13,22,.08);border-radius:24px;background:#fafafc}.article-cta h3{margin:0;color:var(--ink);font-size:19px;font-weight:600}.article-cta p{max-width:380px;margin:6px 0 0;color:#62657d;font-size:15px;line-height:1.55}.article-related{margin-top:40px}.article-related>span{color:#8c8fa6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase}.article-related>div{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-top:16px}.related-card{padding:20px;border:1px solid rgba(12,13,22,.08);border-radius:18px;background:#fff;transition:transform .25s ease,box-shadow .25s ease}.related-card:hover{transform:translateY(-3px);box-shadow:0 20px 40px -28px rgba(30,58,95,.3)}.related-card small{color:#0369a1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase}.related-card.case small{color:#0ea5e9}.related-card.article small{color:#16a34a}.related-card h4{margin:8px 0 0;color:var(--ink);font-size:16px;font-weight:600;line-height:1.3}@media (max-width:860px){.article-hero{padding-top:118px}.article-hero h1{font-size:34px}.article-photo>div{aspect-ratio:16/10;border-radius:22px}.article-related>div{grid-template-columns:1fr}}