html,body.a3post-body{background:#07090b!important}
.a3post .t-feed__post-popup{position:static!important;display:block!important;background:transparent!important;overflow:visible!important;height:auto!important}
.a3post .t-feed__post-popup__container{padding:30px var(--g) 80px!important;max-width:900px;margin:0 auto!important;background:transparent!important}
.a3post .t-feed__post-popup__content{width:100%!important;max-width:none!important;margin:0!important;float:none!important}
.a3post__menu{display:flex;gap:34px;font-size:13px;letter-spacing:.04em}
.a3post__menu a{opacity:.85}.a3post__menu a:hover{opacity:1}
.a3post__crumbs{display:flex;gap:10px;font-size:12px;color:rgba(242,242,238,.5);margin-bottom:26px}.a3post__crumbs i{font-style:normal;opacity:.5}
.a3post .t-feed__post-popup__date,.a3post .t-uptitle{font-family:var(--m)!important;font-size:12px!important;letter-spacing:.12em;color:rgba(242,242,238,.5)!important}
.a3post .t-feed__post-popup__title{font-family:var(--d)!important;font-weight:800!important;font-size:clamp(28px,4.2vw,56px)!important;line-height:1.08!important;color:#f2f2ee!important;margin:14px 0 40px!important}
.a3post .t-feed__post-popup__text,.a3post .t-redactor__text{font-family:system-ui,sans-serif!important;font-size:18px!important;line-height:1.7!important;color:rgba(242,242,238,.82)!important}
.a3post .t-redactor__text:first-child{font-size:22px!important;line-height:1.5!important;color:#f2f2ee!important}
.a3post .t-redactor__h2{font-family:var(--d)!important;font-weight:800!important;font-size:clamp(22px,2.4vw,30px)!important;line-height:1.2!important;color:#f2f2ee!important;margin:56px 0 18px!important;padding-top:28px;border-top:1px solid rgba(242,242,238,.14)}
.a3post .t-redactor__text ul{padding-left:0;list-style:none;display:grid;gap:10px}
.a3post .t-redactor__text li{padding:16px 20px;border:1px solid rgba(242,242,238,.14);border-radius:6px}
.a3post .t-redactor__text a{color:#f2f2ee;border-bottom:1px solid currentColor}
.a3post .t-redactor__text b,.a3post .t-redactor__text strong{color:#f2f2ee}
.a3post .a3c__cta{margin-top:70px}
/* blog posts get a plain black footer instead of the blue gradient used on case pages */
.a3post ~ .a3c-foot{background:#07090b}
@media(max-width:900px){.a3post__menu{display:none}.a3post .t-feed__post-popup__text,.a3post .t-redactor__text{font-size:16px!important}.a3post .t-redactor__text:first-child{font-size:19px!important}}

/* «Экосистема» in the blog header: opens on hover */
.a3post__menu{align-items:center}
.a3eco{position:relative}
.a3eco__btn{cursor:default;display:inline-flex;gap:6px;align-items:center;opacity:.85}
.a3eco__btn i{font-style:normal;font-size:10px;transition:transform .25s}
.a3eco:hover .a3eco__btn{opacity:1}.a3eco:hover .a3eco__btn i{transform:rotate(180deg)}
.a3eco__list{position:absolute;top:100%;left:50%;min-width:260px;padding:18px 8px 8px;display:grid;gap:2px;opacity:0;pointer-events:none;transform:translate(-50%,-6px);transition:opacity .25s,transform .25s}
.a3eco__list::before{content:'';position:absolute;inset:10px 0 0;z-index:-1;border:1px solid rgba(242,242,238,.16);border-radius:12px;background:rgba(8,10,14,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.a3eco:hover .a3eco__list{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.a3eco__list a{display:grid;gap:3px;padding:10px 14px;border-radius:8px;opacity:1!important}
.a3eco__list a:hover{background:rgba(242,242,238,.06)}
.a3eco__list b{font-weight:500;color:#f2f2ee}
.a3eco__list span{font-family:system-ui,sans-serif;font-size:12px;letter-spacing:0;color:rgba(242,242,238,.5)}
/* the blog list page */
.a3blog{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='198' height='198'%3E%3Cpath d='M99 85v28M85 99h28' stroke='%23fff' stroke-opacity='.28' stroke-width='1.3'/%3E%3C/svg%3E") fixed,linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/24.75px 24.75px fixed,linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/24.75px 24.75px fixed,radial-gradient(60vw 60vh at 82% 8%,rgba(18,42,130,.55),transparent 70%) fixed,radial-gradient(50vw 50vh at 12% 92%,rgba(16,70,92,.45),transparent 70%) fixed,#04060a}
/* the blog footer continues the same fixed background, so there is no seam */
.a3blog ~ .a3c-foot{background-attachment:fixed}

.a3blog__in{padding:40px var(--g) 0;max-width:1400px;margin:0 auto}
.a3blog__title{font-family:var(--d);font-weight:800;font-size:clamp(44px,8vw,120px);line-height:1;margin:10px 0 24px}
.a3blog__lead{max-width:640px;font-family:system-ui,sans-serif;font-size:18px;line-height:1.6;color:rgba(242,242,238,.7)}
.a3blog__list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px}
.a3blog__card{display:flex;flex-direction:column;gap:14px;padding:28px;border:1px solid rgba(242,242,238,.14);border-radius:8px;transition:border-color .25s,background .25s}
.a3blog__card:hover{border-color:rgba(242,242,238,.45);background:rgba(242,242,238,.03)}
.a3blog__meta{display:flex;gap:14px;font-size:12px;letter-spacing:.08em;color:rgba(242,242,238,.5)}
.a3blog__meta i{font-style:normal}.a3blog__meta time{margin-left:auto}
.a3blog__card h2,.a3blog__card h3{margin:0;font-family:var(--d);font-weight:800;font-size:22px;line-height:1.2}
.a3blog__card p{font-family:system-ui,sans-serif;font-size:15px;line-height:1.55;color:rgba(242,242,238,.65)}
.a3blog__card b{margin-top:auto;font-weight:500;font-size:13px}
.a3more{margin-top:80px;padding-top:50px;border-top:1px solid rgba(242,242,238,.15)}
.a3more__title{margin:0;font-family:var(--d);font-weight:800;font-size:clamp(24px,2.6vw,34px)}
.a3more .a3blog__list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:30px}
.a3more__all{display:inline-block;margin-top:28px;font-size:13px;border-bottom:1px solid currentColor}
@media(max-width:900px){.a3blog__in{padding:20px var(--g) 60px}.a3blog__list{grid-template-columns:1fr}}
.a3more .a3blog__card h3{font-size:18px;hyphens:auto;overflow-wrap:anywhere}
/* the header as on the site pages: no bar, a dark fade under it that keeps the text from showing through */
.a3post .a3c__nav,.a3blog .a3c__nav{background:none}
.a3post .a3c__nav::before,.a3blog .a3c__nav::before{content:'';position:absolute;inset:0 0 -30px;background:linear-gradient(#04060a 35%,transparent);pointer-events:none;z-index:-1}
.a3post .a3c__nav::before{background:linear-gradient(#07090b 35%,transparent)}
/* phones: burger and a full-screen menu */
.a3burger{display:none}
@media(max-width:900px){
  .a3burger{all:unset;display:grid;gap:7px;width:28px;cursor:pointer;z-index:2}
  .a3burger i{display:block;height:1.5px;background:#f2f2ee;transition:transform .3s}
  .a3c__nav.open .a3burger i:first-child{transform:translateY(4.25px) rotate(45deg)}
  .a3c__nav.open .a3burger i:last-child{transform:translateY(-4.25px) rotate(-45deg)}
  .a3c__nav .a3c__btn{display:none}
  .a3c__nav.open .a3post__menu{display:flex;position:fixed;inset:0;z-index:1;flex-direction:column;align-items:flex-start;justify-content:center;gap:22px;padding:0 var(--g);background:#07090b;font-family:var(--d);font-weight:800;font-size:30px;letter-spacing:0}
  .a3c__nav.open .a3eco{display:grid;gap:12px}
  .a3c__nav.open .a3eco__btn{font-size:30px}.a3c__nav.open .a3eco__btn i{display:none}
  .a3c__nav.open .a3eco__list{position:static;opacity:1;pointer-events:auto;transform:none;padding:0;min-width:0}
  .a3c__nav.open .a3eco__list::before{display:none}
  .a3c__nav.open .a3eco__list a{padding:2px 0;font-family:var(--m);font-weight:400}
  .a3c__nav.open .a3eco__list b{font-size:15px}.a3c__nav.open .a3eco__list span{display:none}
  .a3nav-open,.a3nav-open body{overflow:hidden}
  .a3c__nav .a3c__logo{position:relative;z-index:2}
}
/* tables in articles (html blocks of the post editor) */
.a3post .t-feed__post-popup__text table{width:100%;border-collapse:collapse;margin:24px 0;font-family:system-ui,sans-serif;font-size:15px;line-height:1.5;color:rgba(242,242,238,.82)}
.a3post .t-feed__post-popup__text th{text-align:left;font-family:var(--m);font-weight:500;font-size:12px;letter-spacing:.08em;color:rgba(242,242,238,.55);padding:12px 14px;border-bottom:1px solid rgba(242,242,238,.3)}
.a3post .t-feed__post-popup__text td{padding:12px 14px;border-bottom:1px solid rgba(242,242,238,.12);vertical-align:top}
.a3post .t-feed__post-popup__text h3,.a3post .t-redactor__h3{font-family:var(--d)!important;font-weight:800!important;font-size:20px!important;color:#f2f2ee!important;margin:34px 0 12px!important}
@media(max-width:900px){.a3post .t-feed__post-popup__text table{display:block;overflow-x:auto;font-size:14px}}