nav [aria-current="page"]{color:#6547da;font-weight:700}
.blog-intro{padding-block:76px 48px;max-width:1200px}.blog-intro h1{font-size:clamp(42px,5vw,66px);line-height:1.12;letter-spacing:-.055em;margin-bottom:24px}.blog-intro>p:last-child{font-size:19px;color:var(--muted);max-width:570px;margin:0}
.blog-posts{padding-bottom:30px}.post-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 12px 36px #10173208}.post-featured{display:grid;grid-template-columns:1.12fr 1fr;align-items:center}.post-image{display:block;background:linear-gradient(110deg,#f3faff,#fbf5ff);overflow:hidden}.post-image img{width:100%;height:auto;transition:transform .25s}.post-image:hover img{transform:scale(1.015)}.post-featured .post-image{align-self:stretch;display:flex;align-items:center;padding:16px}.post-copy{padding:34px}.post-category{font-size:10px;letter-spacing:.12em;color:#6c51c7;font-weight:700;margin-bottom:19px}.post-copy h2{font-size:clamp(25px,2.4vw,33px);letter-spacing:-.04em;line-height:1.24;margin-bottom:18px}.post-copy h2 a:hover{color:#5e46c2}.post-description{font-size:15px;color:var(--muted);line-height:1.7}.post-meta{display:flex;flex-direction:column;font-size:11px;gap:3px;margin-bottom:24px;color:var(--muted)}.post-meta>span:first-child{font-weight:650;color:var(--ink)}.post-copy .text-link{color:#5e46c2}.more-title{font-size:30px;margin:55px 0 24px}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.blog-cta{margin-block:65px 75px;padding:42px 48px;border:1px solid #e4def4;border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:36px;background:linear-gradient(110deg,#f1f9ff,#f7f2ff)}.blog-cta h2{font-size:32px;margin-bottom:16px;line-height:1.2}.blog-cta .eyebrow{color:#6c51c7;margin-bottom:17px}.blog-cta p:last-child{font-size:14px;color:var(--muted);margin:0}.blog-cta .text-link{flex-shrink:0;color:#6043c3;text-decoration:underline;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center;gap:10px}
.article-header{max-width:950px;padding-top:42px}.back-link{display:inline-block;font-size:13px;color:var(--muted);font-weight:550}.back-link:hover{color:var(--purple)}.article-header>.back-link{margin-bottom:40px}.article-header .post-category{margin-bottom:19px}.article-header h1{font-size:clamp(34px,4.25vw,57px);line-height:1.13;letter-spacing:-.05em;max-width:920px;margin-bottom:24px}.article-subtitle{font-size:21px;line-height:1.6;color:var(--muted);max-width:760px;margin-bottom:30px}.article-byline{display:flex;align-items:center;gap:13px;margin-bottom:42px}.article-byline>img{border-radius:50%;width:48px;height:48px;object-fit:cover}.author-name{font-size:13px;font-weight:650;display:block}.author-role{font-weight:400;color:var(--muted)}.article-date{display:block;font-size:12px;color:var(--muted);margin-top:3px}.article-hero{max-width:1100px;margin-block:0 52px}.article-hero img{width:100%;height:auto;border-radius:18px;border:1px solid #edf0f7}
.article-body,.article-end{width:min(720px,calc(100% - 48px));margin-inline:auto}.article-body{font-size:18px;line-height:1.85;color:#303b51;overflow-wrap:break-word}.article-body p{margin:0 0 22px}.article-body h2{font-size:30px;line-height:1.3;letter-spacing:-.035em;margin:48px 0 24px;color:var(--ink)}.article-body h3{font-size:24px;line-height:1.3;margin:32px 0 18px;color:var(--ink)}.article-body blockquote{margin:28px 0;padding:23px 27px;border-left:3px solid #8470de;border-radius:0 12px 12px 0;background:linear-gradient(110deg,#f3f8ff,#f9f4ff);font-size:19px;line-height:1.8;color:#293652}.article-body blockquote p{margin:0}.article-body hr{border:0;border-top:1px solid var(--line);margin-block:44px}.article-body a{color:#6043c3;text-decoration:underline;text-underline-offset:3px}.article-body ul{list-style:disc;padding-left:24px}.article-body ol{padding-left:24px}.article-body li{margin-block:10px}.article-end{margin-top:45px}.article-share{border-top:1px solid var(--line);padding-top:25px}.article-share>span{font-size:13px;font-weight:650;display:block;margin-bottom:13px}.article-share>div{display:flex;flex-wrap:wrap;gap:10px}.article-share button,.article-share a{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:550;color:var(--ink);background:white;border:1px solid #dfe3ed;border-radius:7px;padding:9px 14px;min-height:44px}.article-share button:hover,.article-share a:hover{border-color:#8973d6;background:#faf8ff}.share-status{font-size:12px;color:#54647b;min-height:24px;margin-top:10px}.share-status input{display:block;width:100%;padding:8px}.author-card{display:flex;gap:22px;padding:28px;background:#f7f9fd;border-radius:16px;margin-block:28px}.author-card>img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0}.author-card h2{font-size:21px;margin-bottom:5px}.author-card p{font-size:13px;line-height:1.7;margin-bottom:13px}.author-card .author-role{font-size:12px}.author-card .text-link{font-size:12px}
@media(min-width:801px) and (max-width:950px){.site-header nav{gap:15px}}
@media(max-width:800px){.blog-intro{padding-block:45px 32px}.blog-intro>p:last-child{font-size:17px}.post-featured{grid-template-columns:1fr}.post-featured .post-image{padding:0}.post-copy{padding:26px}.post-copy h2{font-size:28px}.post-meta{font-size:12px}.post-grid{grid-template-columns:1fr}.blog-cta{flex-direction:column;align-items:flex-start;padding:30px;margin-block:44px 50px;gap:25px}.blog-cta h2{font-size:30px}.article-header{padding-top:30px}.article-header>.back-link{margin-bottom:30px}.article-header h1{font-size:clamp(33px,6vw,46px)}.article-subtitle{font-size:18px}.article-byline{align-items:flex-start;margin-bottom:30px}.author-role{display:block}.article-hero{margin-bottom:33px}.article-hero img{border-radius:12px}.article-body{font-size:17px;line-height:1.8}.article-body h2{font-size:27px;margin-top:37px}.article-body blockquote{font-size:17px;padding:20px}.author-card{padding:24px;gap:16px}.author-card>img{width:54px;height:54px}}
@media(max-width:400px){.blog-cta{padding:25px}.blog-cta .text-link{font-size:14px}.author-card{flex-direction:column}.article-byline .author-name{font-size:12px}}
