.adoption-path{max-width:860px;margin:38px auto 28px;display:grid;grid-template-columns:270px minmax(0,1fr);grid-template-rows:repeat(3,96px);column-gap:42px;align-items:stretch}.pyramid-shape{grid-column:1;grid-row:1/4;display:grid;grid-template-rows:repeat(3,1fr);filter:drop-shadow(0 14px 18px #173e2e18)}.pyramid-tier{position:relative;display:flex;align-items:center;justify-content:center;color:#fff;font:700 26px/1 var(--display);letter-spacing:-.04em}.pyramid-tier span{transform:translateY(4px)}.pyramid-tier-3{background:#174d3d;clip-path:polygon(50% 0,68% 100%,32% 100%)}.pyramid-tier-2{background:#6f985c;clip-path:polygon(32% 0,68% 0,84% 100%,16% 100%);margin-top:3px}.pyramid-tier-1{background:#dce8cf;color:#42633d;clip-path:polygon(16% 0,84% 0,100% 100%,0 100%);margin-top:3px}.adoption-level{position:relative;grid-column:2;display:flex;flex-direction:column;justify-content:center;padding:8px 0 8px 25px;border-left:1px solid #cbd6c5}.adoption-level::before{content:"";position:absolute;left:-43px;top:50%;width:42px;border-top:1px solid #cbd6c5}.adoption-level::after{content:"";position:absolute;left:-4px;top:calc(50% - 4px);width:7px;height:7px;border-radius:50%;background:#789a63}.adoption-level-3{grid-row:1}.adoption-level-2{grid-row:2}.adoption-level-1{grid-row:3}.adoption-level>.crumb{font-size:8px;letter-spacing:.14em;color:#668059;margin-bottom:5px}.adoption-level>h3{font-size:clamp(18px,2vw,23px);line-height:1.08;margin:0 0 5px;letter-spacing:-.035em}.adoption-level>p{font-size:12.5px;line-height:1.45;color:#5c6862;margin:0;max-width:470px}.adoption-level-3::after{background:#174d3d}.adoption-level-2::after{background:#6f985c}.adoption-level-1::after{background:#a9c489}.adoption-path+.note-box{max-width:860px;margin:24px auto 0}
@media(max-width:720px){.adoption-path{max-width:100%;grid-template-columns:1fr;grid-template-rows:210px auto auto auto;row-gap:12px;margin-top:30px}.pyramid-shape{grid-column:1;grid-row:1;width:210px;justify-self:center}.adoption-level{grid-column:1;padding:8px 0 8px 18px}.adoption-level::before{display:none}.adoption-level-1{grid-row:2}.adoption-level-2{grid-row:3}.adoption-level-3{grid-row:4}.adoption-level>h3{font-size:17px}.adoption-level>p{font-size:11.5px}.pyramid-tier{font-size:22px}}
.adoption-path.sequence-ready .pyramid-tier{opacity:0}.adoption-path.sequence-ready .typed-char{opacity:0}.adoption-path.sequence-active .pyramid-tier-1{animation:pyramid-roll-left .72s cubic-bezier(.2,.75,.24,1) both}.adoption-path.sequence-active .pyramid-tier-2{animation:pyramid-roll-right .72s 1.75s cubic-bezier(.2,.75,.24,1) both}.adoption-path.sequence-active .pyramid-tier-3{animation:pyramid-roll-left .72s 3.5s cubic-bezier(.2,.75,.24,1) both}.adoption-level-1{--typing-start:.68s}.adoption-level-2{--typing-start:2.43s}.adoption-level-3{--typing-start:4.18s}.adoption-path.sequence-active .typed-char{animation:type-letter .01s calc(var(--typing-start) + var(--char-delay)) linear forwards}.typed-word{display:inline-block;white-space:nowrap}.typed-space{white-space:pre}@keyframes pyramid-roll-left{0%{opacity:0;transform:translateX(-180px) rotate(-210deg) scale(.72)}72%{opacity:1;transform:translateX(8px) rotate(7deg) scale(1)}100%{opacity:1;transform:none}}@keyframes pyramid-roll-right{0%{opacity:0;transform:translateX(180px) rotate(210deg) scale(.72)}72%{opacity:1;transform:translateX(-8px) rotate(-7deg) scale(1)}100%{opacity:1;transform:none}}@keyframes type-letter{to{opacity:1}}
@media(prefers-reduced-motion:reduce){.adoption-path.sequence-ready .pyramid-tier,.adoption-path.sequence-ready .typed-char{opacity:1}.adoption-path.sequence-active .pyramid-tier,.adoption-path.sequence-active .typed-char{animation:none}}