.bl-page .sc-hero{background:linear-gradient(126deg,#fbfcf8 50%,#e4f0e7)}
.bl-stack{display:grid;gap:8px;margin:26px 0 0}
.bl-stack>div{background:#f9fbf7;border:1px solid #cfdbce;padding:20px 24px;display:grid;grid-template-columns:95px 1fr 260px;align-items:center;gap:20px}
.bl-stack>div:nth-child(2){background:#eaf1e6}
.bl-stack>div:nth-child(3){background:#e1ece1}
.bl-stack span,.bl-triangle span,.bl-flow small{font-size:10px;letter-spacing:.13em;color:#38754e;font-weight:750}
.bl-stack strong{font-size:22px;color:#254933;line-height:1.25}
.bl-stack p{font-size:12px;margin:0}
.bl-triangle{margin:25px 0 24px;background:#fff;border:1px solid #d7e1d4;padding:30px 24px 18px;text-align:center}
.bl-triangle>div{margin:0 auto 7px;padding:15px 18px;background:#e7f1e6;border:1px solid #c9dbc9}
.bl-triangle .bl-tip{width:34%;background:#244c35;color:white}
.bl-triangle .bl-tip span,.bl-triangle .bl-tip strong{color:white}
.bl-triangle .bl-mid{width:55%;background:#d5e8d6}
.bl-triangle .bl-foundation{width:78%;background:#e4eee0}
.bl-triangle .bl-base{width:100%;background:#f5f7f1;border-style:dashed}
.bl-triangle span{display:block;margin-bottom:7px}
.bl-triangle strong{font-size:19px;color:#244b33}
.bl-triangle p{font-size:12px;line-height:1.45;margin:7px 0 0;color:#4b6855}
.bl-triangle .bl-tip p{color:#e4f1e6}
.bl-triangle figcaption{color:#66806c;font-size:12px;line-height:1.6;margin-top:12px}
.bl-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:25px 0}
.bl-flow>div{flex:1 1 150px;min-height:96px;border:1px solid #cfdbce;padding:15px;background:#fbfcf8}
.bl-flow strong{display:block;color:#244b33;font-size:15px;line-height:1.4;margin-top:7px}
.bl-flow>span{font-size:25px;color:#3c8354}
@media(max-width:900px){.bl-stack>div{grid-template-columns:75px 1fr}.bl-stack p{grid-column:2}.bl-triangle .bl-tip{width:46%}.bl-triangle .bl-mid{width:66%}.bl-triangle .bl-foundation{width:84%}}
@media(max-width:700px){.bl-stack>div{grid-template-columns:1fr;gap:5px}.bl-stack p{grid-column:1}.bl-triangle{padding:18px 10px}.bl-triangle .bl-tip{width:76%}.bl-triangle .bl-mid{width:84%}.bl-triangle .bl-foundation{width:92%}.bl-triangle strong{font-size:15px}.bl-flow>span{display:none}}
.bl-nexus{background:#e8f1e8;border:1px solid #cadfcd;padding:22px 25px;margin:23px 0}
.bl-nexus>span{font-size:10px;letter-spacing:.14em;font-weight:750;color:#35764c}
.bl-nexus h3{margin:9px 0 8px!important;font-size:22px!important}
.bl-nexus p{font-size:13px;margin:0}
.bl-nexus a{text-decoration:underline;text-underline-offset:3px;color:#215e39}
.bl-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}
.bl-examples article{border:1px solid #cfddce;background:#f8faf6;padding:21px}
.bl-examples article>span{font-size:10px;font-weight:750;letter-spacing:.1em;color:#33734a}
.bl-examples h3{font-size:20px!important;margin:9px 0 13px!important;line-height:1.28}
.bl-examples p{font-size:12px;line-height:1.6;margin-bottom:9px}
.bl-examples a,.bl-page .sc-callout a{color:#246a3e;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.bl-examples{grid-template-columns:1fr}}