/* w21 case template: video hero + inline diagrams */
.p21-hero .p21-grid{grid-template-columns:1fr!important}
.p21-hero .p21-photo,.p21-hero .p21-lead{display:none!important}
.p21-hero .p21-h1{max-width:900px}
.c21-video{margin:36px 0 0;border-radius:28px;overflow:hidden;aspect-ratio:16/9;background:#04210F;box-shadow:0 30px 60px -30px rgba(4,33,15,.45)}
.c21-video iframe{width:100%;height:100%;border:0;display:block}
.c21-vid-id{display:none!important}
.p21-sect .w-richtext .c21,.c21{margin:44px 0;padding:28px;border-radius:24px;background:#F2F6F3;font-family:Inter,system-ui,sans-serif}
.c21 figcaption{margin-top:18px;font-size:14px;color:#5A645E;text-align:left}
.c21 small{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#0A6E35;font-weight:500}
.c21-ba{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.c21-ba figcaption{grid-column:1/-1;margin-top:4px}
.c21-card{background:#fff;border-radius:18px;padding:18px;position:relative;min-height:230px}
.c21-card b{display:block;font-size:16px;font-weight:500;line-height:1.35;margin:6px 0 10px;color:#0A0A0A}
.c21-dots{position:relative;height:110px}
.c21-dots i{position:absolute;left:var(--x);top:var(--y);width:12px;height:12px;border-radius:50%;background:#C9D1CB;transition:all 1.2s cubic-bezier(.2,.7,.2,1)}
.c21-dots.off i{animation:c21blink 2.4s infinite;animation-delay:calc(var(--x)*0.02s)}
@keyframes c21blink{0%,100%{opacity:1}50%{opacity:.25}}
.c21.in .c21-dots.pool i{left:calc(42% + (var(--x) - 50%)*.12);top:calc(40% + (var(--y) - 50%)*.12);background:#14CB62;box-shadow:0 0 0 6px rgba(20,203,98,.12)}
.c21-chips{display:flex;flex-wrap:wrap;gap:6px}
.c21-chips span{font-size:12px;padding:5px 10px;border-radius:999px;background:#EEF6F0;color:#0A6E35;opacity:.3;transition:all .5s;transition-delay:calc(1s + var(--d)*.25s)}
.c21.in .c21-chips span{opacity:1;background:#14CB62;color:#04210F}
.c21-flow ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:s}
.c21-flow li{position:relative;background:#fff;border-radius:16px;padding:16px;margin:0!important;opacity:.25;transform:translateY(10px);transition:all .6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--d)*.35s)}
.c21-flow li::after{content:"";position:absolute;right:-12px;top:50%;width:12px;height:2px;background:#14CB62}
.c21-flow li:last-child::after{display:none}
.c21-flow li b{display:block;font-size:16px;font-weight:500;color:#0A0A0A}
.c21-flow li span{display:block;font-size:13.5px;line-height:1.4;color:#5A645E;margin-top:4px}
.c21.in .c21-flow li,.c21-flow.in li{opacity:1;transform:none}
.c21-flow.in li:last-child{background:#14CB62}.c21-flow.in li:last-child span{color:#04210F}
.c21-row{display:grid;grid-template-columns:150px 1fr 70px;gap:12px;align-items:center;margin:10px 0}
.c21-row span{font-size:14.5px;color:#2A332E}.c21-row b{font-size:14.5px;font-weight:600;text-align:right;color:#0A0A0A}
.c21-row em{display:block;height:12px;border-radius:99px;background:#fff;overflow:hidden}
.c21-row em i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#0E9E4C,#14CB62);transition:width 1.2s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--d)*.15s)}
.c21.in .c21-row em i{width:calc(var(--v)*1%)}
.c21-scale{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;height:56px;border-radius:14px;overflow:hidden;background:linear-gradient(90deg,#F7D9D6,#fff 45%,#fff 55%,#D9F2E3)}
.c21-scale span{display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;font-size:12.5px;color:#5A645E}
.c21-needle{position:absolute;top:6px;bottom:24px;width:4px;border-radius:4px;background:#0A0A0A;left:82%;transition:left 1.6s cubic-bezier(.2,.7,.2,1) .3s}
.c21.in .c21-needle{left:50%;background:#14CB62}
.c21-val{display:flex;gap:12px;align-items:baseline;margin-top:14px}.c21-val b{font-size:28px;font-weight:500}.c21-val small{text-transform:none;letter-spacing:0;color:#5A645E;font-size:14px}
.c21-bill{background:#fff;border:1px solid #E3E6E1}
.c21-line{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #F0F2EF;opacity:0;transform:translateX(-8px);transition:all .5s;transition-delay:calc(var(--d)*.3s)}
.c21-line span{color:#2A332E}.c21-line b{font-weight:600}.c21-line.tot{border:0;font-size:18px}.c21-line.tot b{color:#0A6E35}
.c21.in .c21-line{opacity:1;transform:none}
@media(max-width:760px){.c21-ba,.c21-flow ol{grid-template-columns:1fr}.c21-flow li::after{display:none}.c21-row{grid-template-columns:110px 1fr 60px}}
@media(prefers-reduced-motion:reduce){.c21 *{transition:none!important;animation:none!important}}

.w-richtext figure.c21{max-width:100%!important;width:100%;display:grid}
.w-richtext figure.c21-flow,.w-richtext figure.c21-bars,.w-richtext figure.c21-gauge,.w-richtext figure.c21-bill{display:block}
.w-richtext figure.c21-ba{display:grid}
.c21 b{color:#0A0A0A!important;-webkit-text-fill-color:#0A0A0A!important;background:none!important}
.c21-line.tot b{color:#0A6E35!important;-webkit-text-fill-color:#0A6E35!important}
.c21-flow.in li:last-child b{color:#04210F!important;-webkit-text-fill-color:#04210F!important}
.c21 .c21-line span,.c21 .c21-row span{font-size:15px!important;line-height:1.4}
.c21 .c21-line b,.c21 .c21-row b{font-size:15px!important}
.c21 .c21-line.tot span,.c21 .c21-line.tot b{font-size:18px!important}
.c21 .c21-val b{font-size:28px!important}
.c21 .c21-chips span{font-size:12px!important}
.c21 .c21-scale span{font-size:12.5px!important}
.c21 .c21-flow li span{font-size:13.5px!important}
.c21-val{justify-content:flex-start}