.blog-hero{padding:76px 0 68px;background:#17141f;color:white}
.blog-hero .eyebrow{color:#9c91ae}
.eyebrow-dot{width:6px;height:6px;flex:none;border-radius:50%;background:#17e3b8}
.blog-hero h1{font-size:clamp(42px,5.5vw,68px);font-weight:500;line-height:1.08;letter-spacing:-.06em;max-width:920px;margin-top:24px}
.blog-hero h1>span{color:#bca5ef}
.blog-hero>.container>p:last-child{max-width:590px;color:#afa6bd;font-size:16px;line-height:1.8;margin-top:22px}
.blog-list{padding-top:40px;padding-bottom:80px}
.blog-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.blog-list-card{display:flex;flex-direction:column;align-items:flex-start;padding:30px;border:1px solid #e7e2d8;background:#fffdf9;border-radius:18px;text-decoration:none;min-height:285px;transition:transform .2s,box-shadow .2s}
.blog-list-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #20152609}
.blog-list-card h2{font-size:29px;line-height:1.18;font-weight:500;letter-spacing:-.04em;margin:23px 0 15px}
.blog-list-card p{font-size:14px;line-height:1.75;color:#77707b;margin-bottom:25px}
.blog-list-card .blog-card-link{margin-top:auto}
.article-page{background:#faf9f6}
.article-container{max-width:890px;padding-top:27px;padding-bottom:75px}
.breadcrumbs{display:flex;gap:7px;flex-wrap:wrap;font-size:10px;line-height:1.7;color:#a39ba9}
.breadcrumbs a{color:#806b94;text-decoration:none}
.article-header{max-width:780px;margin:50px auto 0}
.article-header .eyebrow{color:#9377b0}
.article-header h1{font-size:clamp(38px,4.7vw,58px);line-height:1.12;font-weight:500;letter-spacing:-.05em;margin-top:23px}
.article-deck{margin-top:23px;font-size:18px;line-height:1.75;color:#78707f;max-width:730px}
.article-meta{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;border-block:1px solid #e8e4dc;padding:17px 0;color:#9b91a2;font-size:10px;line-height:1.5}
.article-content{max-width:700px;margin:33px auto 0}
.article-content p{font-size:16px;line-height:1.9;color:#5e5868}
.article-content .article-intro{font-size:18px;line-height:1.85;color:#4e4758}
.article-content section{margin-top:38px}
.article-content h2{font-size:27px;font-weight:500;line-height:1.25;letter-spacing:-.035em;margin-bottom:14px}
.article-takeaway{padding:27px;background:#eee9f5;border:1px solid #e2d8ed;border-radius:16px;margin:36px 0}
.article-takeaway h2{font-size:23px}
.article-takeaway p{font-size:15px}
.article-faq details{border-bottom:1px solid var(--line)}
.article-faq details:first-of-type{border-top:1px solid var(--line)}
.article-faq summary{padding:18px 0;cursor:pointer;font-weight:500;font-size:15px;line-height:1.55}
.article-faq details p{font-size:14px;margin-bottom:20px}
.article-end{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:40px}
.article-end>a:first-child{font-size:13px;color:#84669c;text-decoration:none}
@media(max-width:700px){.blog-hero{padding:47px 0 43px}.blog-hero h1{font-size:44px;line-height:1.12;margin-top:20px}.blog-hero>.container>p:last-child{font-size:14px;line-height:1.8;margin-top:18px}.blog-list{padding-top:25px;padding-bottom:55px}.blog-list-grid{grid-template-columns:1fr;gap:13px}.blog-list-card{padding:24px;min-height:260px}.blog-list-card h2{font-size:27px;margin-top:20px}.blog-list-card p{font-size:14px;line-height:1.8}.article-container{padding-top:22px;padding-bottom:55px}.article-header{margin-top:33px}.article-header h1{font-size:38px;line-height:1.15;margin-top:19px}.article-deck{font-size:15px;line-height:1.8;margin-top:20px}.article-meta{gap:8px 15px;font-size:9px;padding:14px 0;margin-top:23px}.article-content{margin-top:27px}.article-content .article-intro{font-size:16px;line-height:1.9}.article-content p{font-size:15px;line-height:1.9}.article-content h2{font-size:24px;line-height:1.3}.article-content section{margin-top:30px}.article-takeaway{padding:22px;margin:30px 0}.article-takeaway p{font-size:14px}.article-end{flex-direction:column;align-items:flex-start;gap:22px}.article-faq summary{font-size:14px}.article-faq details p{font-size:14px}}
@media(max-width:380px){.blog-hero h1{font-size:39px}.article-header h1{font-size:34px}.blog-list-card h2{font-size:25px}.article-content h2{font-size:23px}}