.blog-body{background:#07111f;color:#f7f9fc}.blog-main{padding-top:98px}.blog-hero{padding:92px 0 54px;position:relative;overflow:hidden}.blog-hero:after{content:"";position:absolute;width:680px;height:680px;border-radius:50%;right:-260px;top:-280px;background:radial-gradient(circle,rgba(124,102,242,.2),transparent 68%);pointer-events:none}.blog-hero h1{max-width:980px;font:700 clamp(44px,7vw,92px)/.94 var(--display,system-ui);letter-spacing:-.055em;margin:18px 0 24px}.blog-hero>.wrap>p{max-width:760px;color:#94a3b6;font-size:18px}.blog-filter{display:grid;grid-template-columns:minmax(0,1fr) 240px auto;gap:10px;margin-top:36px;max-width:900px}.blog-filter input,.blog-filter select{height:52px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.055);color:#fff;padding:0 16px}.blog-filter option{background:#0b1b2e}.blog-filter button{border:1px solid rgba(49,200,227,.28);border-radius:15px;padding:0 24px;background:linear-gradient(90deg,rgba(49,200,227,.17),rgba(124,102,242,.25));color:#fff;font-weight:800}.blog-list,.blog-related{padding:28px 0 100px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.blog-card{overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:24px;transition:.28s ease}.blog-card:hover{transform:translateY(-6px);border-color:rgba(49,200,227,.25);box-shadow:0 32px 80px rgba(0,0,0,.24)}.blog-card-media{display:block;aspect-ratio:16/9;overflow:hidden}.blog-card-media img{width:100%;height:100%;object-fit:cover;transition:.5s ease}.blog-card:hover img{transform:scale(1.035)}.blog-card-copy{padding:22px}.blog-meta{display:flex;flex-wrap:wrap;gap:10px;color:#7f91a8;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.blog-meta span:first-child{color:#4edcf0}.blog-card h2{font:700 24px/1.12 var(--display,system-ui);letter-spacing:-.035em;margin:13px 0}.blog-card p{color:#91a1b5;line-height:1.75}.blog-read{display:inline-flex;margin-top:8px;font-weight:800;font-size:12px}.blog-empty{padding:50px;border-radius:24px;color:#8fa0b5}.blog-post{padding:72px 0 80px}.blog-post-wrap{max-width:1180px}.blog-breadcrumb{display:flex;gap:8px;align-items:center;color:#73859b;font-size:12px}.blog-breadcrumb a{color:#9eb0c6}.blog-post-hero{max-width:980px;padding:54px 0 36px}.blog-post-hero h1{font:700 clamp(46px,7vw,88px)/.96 var(--display,system-ui);letter-spacing:-.055em;margin:17px 0 24px}.blog-deck{font-size:20px;line-height:1.6;color:#9aabbe;max-width:840px}.blog-cover{overflow:hidden;border-radius:30px;aspect-ratio:16/8}.blog-cover img{width:100%;height:100%;object-fit:cover}.blog-article-grid{display:grid;grid-template-columns:170px minmax(0,760px);gap:60px;justify-content:center;padding:58px 0}.blog-share{position:sticky;top:120px;align-self:start;display:grid;gap:12px;font-size:12px}.blog-share span{color:#566b83;font-size:10px;letter-spacing:.14em}.blog-share a{color:#a6b5c7}.blog-content{font-size:18px;line-height:1.9;color:#c2ccda}.blog-content p{margin:0 0 28px}.blog-inline-cta{margin-top:46px;padding:28px;border-radius:22px}.blog-inline-cta span{font-size:11px;color:#31c8e3}.blog-inline-cta h3{font-size:28px;margin:8px 0 20px}.home-blog{padding-top:52px;padding-bottom:72px}.home-blog-head{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:28px}.home-blog-head h2{max-width:800px}.home-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-blog-card{display:block;overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.09);transition:.28s}.home-blog-card:hover{transform:translateY(-5px);border-color:rgba(49,200,227,.25)}.home-blog-media{aspect-ratio:16/9;overflow:hidden}.home-blog-media img{width:100%;height:100%;object-fit:cover;transition:.45s}.home-blog-card:hover img{transform:scale(1.04)}.home-blog-copy{padding:20px}.home-blog-meta{display:flex;justify-content:space-between;color:#6f8299;font-size:10px;text-transform:uppercase}.home-blog-meta span:first-child{color:#31c8e3}.home-blog-copy h3{font-size:23px;letter-spacing:-.03em;margin:12px 0}.home-blog-copy p{color:#91a1b5;line-height:1.65}.home-blog-copy strong{display:block;margin-top:16px;font-size:12px}.home-blog-copy strong i{font-style:normal;color:#31c8e3}.blog-menu-btn{display:none!important}
@media(max-width:900px){.blog-grid,.home-blog-grid{grid-template-columns:1fr 1fr}.blog-filter{grid-template-columns:1fr 1fr}.blog-filter button{grid-column:1/-1;height:48px}.blog-article-grid{grid-template-columns:1fr;gap:25px}.blog-share{position:static;display:flex}.home-blog-head{align-items:flex-start;flex-direction:column}.blog-menu-btn{display:flex!important}}
@media(max-width:620px){.blog-main{padding-top:76px}.blog-hero{padding:58px 0 36px}.blog-hero h1{font-size:46px}.blog-grid,.home-blog-grid{grid-template-columns:1fr}.blog-filter{grid-template-columns:1fr}.blog-filter button{grid-column:auto}.blog-post{padding-top:42px}.blog-post-hero{padding-top:34px}.blog-post-hero h1{font-size:44px}.blog-deck{font-size:17px}.blog-cover{border-radius:20px;aspect-ratio:16/10}.blog-article-grid{padding-top:34px}.blog-content{font-size:16px}.home-blog{padding-top:34px}}

/* M05.4 homepage featured blog */
.home-blog-single{display:grid;gap:12px}.home-blog-featured{display:grid;grid-template-columns:1fr;overflow:hidden}.home-blog-featured .home-blog-media{min-height:250px}.home-blog-more{padding:24px;border-radius:22px;display:flex;flex-direction:column;justify-content:flex-end;min-height:260px;position:relative;overflow:hidden}.home-blog-more:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;right:-90px;top:-110px;background:linear-gradient(135deg,var(--cyan),var(--violet));filter:blur(30px);opacity:.12}.home-blog-more span{font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--cyan)}.home-blog-more h3{font:700 26px/1.05 var(--display);letter-spacing:-.04em;margin:16px 0 10px}.home-blog-more p{color:var(--muted);line-height:1.7}.home-blog-more a{font-weight:800;font-size:11px;margin-top:12px;color:var(--cyan)}
@media(min-width:900px){.home-blog-single{grid-template-columns:minmax(0,1.65fr) minmax(260px,.65fr)}.home-blog-featured{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr)}.home-blog-featured .home-blog-media{min-height:360px}}