*{margin:0;padding:0;box-sizing:border-box}
html,body{background:#0D0D0D;color:#FFF;font-family:'Montserrat',sans-serif;overflow:hidden;height:100vh;width:100vw;perspective:1600px;perspective-origin:50% 50%}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 30% 20%,rgba(196,162,101,.06),transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(196,162,101,.04),transparent 55%);z-index:0}

.slide{position:absolute;top:0;left:0;width:100vw;height:100vh;padding:3vh 3.5vw 5vh;opacity:0;transform:translateZ(-180px) rotateY(-12deg) scale(.97);transform-origin:50% 50%;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);pointer-events:none;display:flex;flex-direction:column;will-change:opacity,transform;transform-style:preserve-3d;backface-visibility:hidden;z-index:1}
.slide.active{opacity:1;transform:translateZ(0) rotateY(0) scale(1);pointer-events:auto;z-index:2}
.slide.prev{transform:translateZ(-180px) rotateY(12deg) scale(.97)}

.hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:1vh;flex-shrink:0}
.eva-svg{height:5.5vh;width:auto;display:inline-block;object-fit:contain}
.pills{display:flex;gap:.7vw}
.pill{border:1px solid rgba(255,255,255,.12);border-radius:.4vh;padding:.5vh 1vw;display:flex;align-items:center;gap:.4vw;background:rgba(255,255,255,.03)}
.pill-l{font-size:.55vw;font-weight:500;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.06vw}
.pill-v{font-size:1.05vw;font-weight:700;color:#FFF}
.gold-bar{height:2px;background:linear-gradient(90deg,#C4A265 0%,#D4B87A 40%,rgba(212,184,122,0) 100%);margin-bottom:2vh;flex-shrink:0}

.stitle{font-size:1.6vw;font-weight:300;letter-spacing:.1vw;margin-bottom:2vh;color:rgba(255,255,255,.7)}
.stitle b{font-weight:700;color:#C4A265}

.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5vw;margin-bottom:2vh;flex-shrink:0;transform-style:preserve-3d}
.gc{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.07);border-radius:.6vh;padding:2.5vh 1.8vw;position:relative;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.04);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;transform-style:preserve-3d}
.gc:hover{transform:translateZ(20px) rotateX(2deg);box-shadow:0 20px 50px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06)}
.gc::before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,#C4A265,rgba(196,162,101,0))}
.gc-n{font-size:.65vw;font-weight:600;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.15vw;margin-bottom:1vh}
.gc-a{font-size:3.8vw;font-weight:800;line-height:1;margin-bottom:.3vh;color:#FFF;font-variant-numeric:tabular-nums}
.gc-t{font-size:.72vw;color:rgba(255,255,255,.35);margin-bottom:1vh}
.gc-t b{color:rgba(255,255,255,.55);font-weight:600}
.gc-v{font-size:.85vw;font-weight:600;color:#E74C3C;margin-bottom:1.2vh}
.gc-v.ok{color:#3DD68C}
.gc-bar{height:.5vh;background:rgba(255,255,255,.06);border-radius:1vh;overflow:hidden}
.gc-fill{height:100%;border-radius:1vh;transition:width 1.2s cubic-bezier(.2,.7,.2,1)}
.gc-p{font-size:.6vw;color:rgba(255,255,255,.35);margin-top:.3vh;text-align:right;font-weight:600}

.tw{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:.6vh;padding:1.8vh 1.7vw;flex:1;overflow:hidden;display:flex;flex-direction:column}
.tw-t{font-size:.65vw;font-weight:600;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.1vw;margin-bottom:1.2vh}
table.t{width:100%;border-collapse:collapse}
table.t th{font-size:.55vw;font-weight:600;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.06vw;padding:.8vh .5vw;text-align:right;border-bottom:1px solid rgba(255,255,255,.08)}
table.t th:first-child{text-align:left}
table.t td{font-size:1.05vw;font-weight:500;padding:1vh .5vw;text-align:right;border-bottom:1px solid rgba(255,255,255,.04);font-variant-numeric:tabular-nums}
table.t td:first-child{text-align:left;font-weight:600;color:rgba(255,255,255,.85)}
table.t tr.tot td{font-weight:700;border-top:1px solid rgba(255,255,255,.15);border-bottom:none;padding-top:1.2vh;color:#FFF;font-size:1.1vw}
.cg{color:#C4A265}.cr{color:#E74C3C}.cm{color:rgba(255,255,255,.25)}.cok{color:#3DD68C}

.dh{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5vh;flex-shrink:0}
.dh-l{font-size:.65vw;font-weight:600;color:#C4A265;text-transform:uppercase;letter-spacing:.2vw;margin-bottom:.5vh}
.dh-a{font-size:5.5vw;font-weight:800;line-height:1;color:#FFF;font-variant-numeric:tabular-nums}
.dh-t{font-size:.95vw;color:rgba(255,255,255,.35);margin-top:.4vh}
.dh-t b{color:rgba(255,255,255,.55)}
.dh-vb{font-size:2.8vw;font-weight:800;color:#E74C3C;line-height:1;font-variant-numeric:tabular-nums}
.dh-vb.ok{color:#3DD68C}
.dh-vl{font-size:.55vw;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.08vw;margin-top:.3vh}
.dh-r{text-align:right}

.cs{flex:1;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:.6vh;padding:2vh 2.5vw;display:flex;flex-direction:column;min-height:0}
.cs-t{font-size:.65vw;font-weight:600;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.1vw;margin-bottom:1vh}
.cs-leg{display:flex;gap:1.5vw;margin-bottom:1.2vh}
.lg{display:flex;align-items:center;gap:.3vw;font-size:.6vw;color:rgba(255,255,255,.5)}
.ld{width:.65vw;height:.65vw;border-radius:.1vw}
.la{background:#C4A265}.lt{background:rgba(255,255,255,.18)}

.chart{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:5vw;padding:3vh 0 3vh;position:relative;min-height:0}
.chart::after{content:"";position:absolute;bottom:2.5vh;left:1vw;right:1vw;height:1px;background:rgba(255,255,255,.08)}

.bg{display:flex;flex-direction:column;align-items:center;gap:.3vh;transform-style:preserve-3d}
.bp{display:flex;align-items:flex-end;gap:.45vw;height:36vh;transform-style:preserve-3d}
.b{width:3.8vw;border-radius:.3vh .3vh 0 0;position:relative;min-height:1px;transition:height 1s cubic-bezier(.2,.7,.2,1),transform .4s ease;transform-style:preserve-3d}
.bg:hover .b{transform:translateZ(8px)}
.b::after{content:"";position:absolute;right:-.18vw;top:0;width:.18vw;height:100%;background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.3));transform-origin:left;transform:skewY(-45deg);border-radius:0 .15vh 0 0;opacity:.65}
.ba{background:linear-gradient(180deg,#D4B87A,#C4A265);box-shadow:0 0 18px rgba(196,162,101,.25),inset 0 1px 0 rgba(255,255,255,.25)}
.ba::after{background:linear-gradient(180deg,#9C7F3F,#7A6230)}
.bt{background:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.bv{position:absolute;top:-2.7vh;left:50%;transform:translateX(-50%);font-size:.9vw;font-weight:700;white-space:nowrap;color:#FFF;font-variant-numeric:tabular-nums}
.bvt{color:rgba(255,255,255,.4);font-weight:400}
.bg-l{font-size:.72vw;font-weight:600;color:rgba(255,255,255,.55);text-align:center;margin-top:.4vh}
.bg-p{font-size:.65vw;font-weight:700}
.tsep{margin-left:3vw;padding-left:3vw;border-left:1px solid rgba(255,255,255,.1)}

/* Pace slide */
.pace-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5vw;margin-bottom:2vh}
.pace-card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.07);border-radius:.6vh;padding:2vh 1.5vw;position:relative;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.04);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;transform-style:preserve-3d}
.pace-card:hover{transform:translateZ(20px) rotateX(2deg);box-shadow:0 20px 50px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06)}
.pace-card::before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,#C4A265,rgba(196,162,101,0))}
.pace-l{font-size:.6vw;font-weight:600;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.12vw;margin-bottom:.8vh}
.pace-v{font-size:2.6vw;font-weight:800;color:#FFF;line-height:1;font-variant-numeric:tabular-nums}
.pace-sub{font-size:.7vw;color:rgba(255,255,255,.4);margin-top:.6vh}
.pace-sub b{color:#C4A265;font-weight:700}

.lc{flex:1;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:.6vh;padding:2vh 2.5vw;display:flex;flex-direction:column;min-height:0}
.lc svg{flex:1;width:100%;height:100%}
.lc-axis{stroke:rgba(255,255,255,.08);stroke-width:1}
.lc-grid{stroke:rgba(255,255,255,.05);stroke-width:1;stroke-dasharray:3 3}
.lc-target{stroke:rgba(255,255,255,.3);stroke-width:1.5;stroke-dasharray:6 4;fill:none}
.lc-actual{stroke:#C4A265;stroke-width:2.5;fill:none;filter:drop-shadow(0 0 8px rgba(196,162,101,.4))}
.lc-fill{fill:url(#paceGradient);opacity:.6}
.lc-tick{font-size:.55vw;fill:rgba(255,255,255,.35);font-family:'Montserrat',sans-serif}
.lc-marker{fill:#C4A265;stroke:#0D0D0D;stroke-width:2}

/* Fullscreen toggle */
.fs-btn{position:fixed;bottom:3vh;left:2vw;display:flex;align-items:center;gap:.5vw;padding:.7vh 1vw;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:.5vh;cursor:pointer;z-index:99;opacity:.6;transition:opacity .35s ease,background .25s,border-color .25s,color .25s;color:#FFF;-webkit-appearance:none;font-family:'Montserrat',sans-serif;font-size:.55vw;font-weight:600;text-transform:uppercase;letter-spacing:.15vw}
.fs-btn:hover{opacity:1!important;background:rgba(196,162,101,.12);border-color:#C4A265;color:#C4A265}
.fs-btn svg{width:1.6vh;height:1.6vh;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.fs-btn .fs-exit{display:none}
.fs-btn .fs-label-out{display:none}
:fullscreen .fs-btn .fs-enter,:-webkit-full-screen .fs-btn .fs-enter{display:none}
:fullscreen .fs-btn .fs-exit,:-webkit-full-screen .fs-btn .fs-exit{display:block}
:fullscreen .fs-btn .fs-label-in,:-webkit-full-screen .fs-btn .fs-label-in{display:none}
:fullscreen .fs-btn .fs-label-out,:-webkit-full-screen .fs-btn .fs-label-out{display:inline}

/* Auto-hide the exit button in fullscreen unless mouse is moving or hovering */
:fullscreen .fs-btn,:-webkit-full-screen .fs-btn{opacity:0;pointer-events:auto}
:fullscreen.show-controls .fs-btn,:-webkit-full-screen.show-controls .fs-btn,:fullscreen .fs-btn:hover,:-webkit-full-screen .fs-btn:hover{opacity:.85}

.dots{position:fixed;bottom:2.5vh;left:50%;transform:translateX(-50%);display:flex;gap:.5vw;z-index:100}
.dot{width:.45vw;height:.45vw;border-radius:50%;background:rgba(255,255,255,.18);cursor:pointer;transition:all .4s}
.dot.active{background:#C4A265;width:1.8vw;border-radius:.25vw;box-shadow:0 0 12px rgba(196,162,101,.5)}

.fline{position:fixed;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#C4A265,#D4B87A,rgba(212,184,122,0));z-index:90}

/* Syberra footer mark */
.syb{position:fixed;bottom:3.5vh;right:2vw;display:flex;align-items:center;gap:.5vw;z-index:99;opacity:.85;transition:opacity .3s}
.syb:hover{opacity:1}
.syb-mark{display:inline-flex;gap:3px;align-items:center;margin-left:.2vw}
.syb-mark .sq{width:14px;height:10px;display:inline-block;background:#E11D2C;border-radius:1px}
.syb-txt{font-size:.6vw;font-weight:600;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.18vw}
.syb-txt b{color:#FFF;font-weight:800}

/* Live indicator */
.live{position:fixed;top:3vh;right:3.5vw;display:none;align-items:center;gap:.4vw;z-index:99;background:rgba(196,162,101,.15);padding:.5vh 1vw;border-radius:1vh;border:1px solid rgba(196,162,101,.3);font-size:.55vw;color:#C4A265;font-weight:700;text-transform:uppercase;letter-spacing:.1vw;animation:fadeOut 3s forwards}
.live::before{content:"";width:.6vw;height:.6vw;border-radius:50%;background:#C4A265;box-shadow:0 0 8px #C4A265;animation:pulse 1s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
@keyframes fadeOut{0%,70%{opacity:1}100%{opacity:0}}

/* Animated entrance for bars */
@keyframes barGrow{from{height:0!important;transform:translateZ(-30px)}}
.slide.active .b{animation:barGrow 1s cubic-bezier(.2,.7,.2,1) both}

/* 3D entrance for cards and headers */
@keyframes fadeUp3d{from{opacity:0;transform:translateY(14px) translateZ(-40px) rotateX(-4deg)}to{opacity:1;transform:translateY(0) translateZ(0) rotateX(0)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.slide.active .gc-a,.slide.active .dh-a,.slide.active .pace-v{animation:fadeUp .7s ease both}

.slide.active .gc{animation:fadeUp3d .8s cubic-bezier(.2,.7,.2,1) both}
.slide.active .gc:nth-child(2){animation-delay:.1s}
.slide.active .gc:nth-child(3){animation-delay:.2s}

.slide.active .pace-card{animation:fadeUp3d .8s cubic-bezier(.2,.7,.2,1) both}
.slide.active .pace-card:nth-child(2){animation-delay:.1s}
.slide.active .pace-card:nth-child(3){animation-delay:.2s}

table.t tr{animation:none}
.slide.active table.t tbody tr{animation:fadeUp .5s ease both}
.slide.active table.t tbody tr:nth-child(1){animation-delay:.1s}
.slide.active table.t tbody tr:nth-child(2){animation-delay:.16s}
.slide.active table.t tbody tr:nth-child(3){animation-delay:.22s}
.slide.active table.t tbody tr:nth-child(4){animation-delay:.28s}
.slide.active table.t tbody tr:nth-child(5){animation-delay:.34s}

/* ---------- NPS additions ---------- */

.split{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:1.5vw;min-height:0;transform-style:preserve-3d}

.pill-inline{display:inline-block;padding:.1vh .6vw;background:rgba(231,76,60,.18);color:#FF7B6F;border-radius:.3vh;font-weight:700;font-size:.95em}
.pill-inline.ok{background:rgba(61,214,140,.18);color:#3DD68C}

.cs .ppd-row{display:flex;justify-content:space-around;align-items:flex-end;flex:1;padding:2vh 0 1vh}
.ppd-block{text-align:center}
.ppd-num{font-size:4.5vw;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:#FFF}
.ppd-pct{font-size:1.1vw;font-weight:600;color:rgba(255,255,255,.5);margin-top:.5vh}
.ppd-lab{font-size:.7vw;font-weight:600;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.15vw;margin-top:.3vh}
.ppd-block.promoter .ppd-num{color:#3DD68C}
.ppd-block.passive .ppd-num{color:#D4890A}
.ppd-block.detractor .ppd-num{color:#E74C3C}

.cs .ppd-bar{height:1.6vh;border-radius:.4vh;overflow:hidden;display:flex;margin-top:1.5vh;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.ppd-bar > span{transition:width 1.2s cubic-bezier(.2,.7,.2,1);display:block;height:100%}
.ppd-bar .p-prom{background:linear-gradient(180deg,#48E29E,#3DD68C)}
.ppd-bar .p-pass{background:linear-gradient(180deg,#E29A2F,#C4811F)}
.ppd-bar .p-det{background:linear-gradient(180deg,#E74C3C,#C0392B)}

.ld.lp{background:#3DD68C}
.ld.lps{background:#C4811F}
.ld.ldr{background:#E74C3C}

.hbars{flex:1;display:flex;flex-direction:column;justify-content:center;gap:1.4vh;padding:1vh 0}
.hbar{display:flex;align-items:center;gap:1vw}
.hbar-l{flex:0 0 9vw;font-size:.85vw;font-weight:600;color:rgba(255,255,255,.75);text-align:right;padding-right:.5vw}
.hbar-t{flex:1;height:1.8vh;background:rgba(255,255,255,.06);border-radius:.4vh;overflow:hidden;position:relative}
.hbar-f{height:100%;background:linear-gradient(90deg,#9C7F3F,#C4A265 60%,#D4B87A);border-radius:.4vh;box-shadow:0 0 12px rgba(196,162,101,.25);transition:width 1.3s cubic-bezier(.2,.7,.2,1)}
.hbar-v{flex:0 0 3vw;font-size:1.1vw;font-weight:700;color:#FFF;text-align:left;font-variant-numeric:tabular-nums}

.chart.small{padding:2vh 0 3vh;gap:3vw}
.chart.small .b{width:3.2vw}
.chart.small .bp{height:24vh}

.risk-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2vw;flex:1;padding:1.5vh 0}
.risk-card{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:.6vh;padding:2vh 1.2vw;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.risk-card:hover{transform:translateZ(15px) rotateX(2deg)}
.risk-card::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%}
.risk-card.r-high::before{background:#E74C3C}
.risk-card.r-medium::before{background:#D4890A}
.risk-card.r-low::before{background:#3DD68C}
.risk-card.r-term::before{background:rgba(255,255,255,.4)}
.risk-card-n{font-size:.7vw;font-weight:700;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.2vw;margin-bottom:.6vh}
.risk-card-v{font-size:3.5vw;font-weight:800;color:#FFF;line-height:1;font-variant-numeric:tabular-nums}
.risk-card.r-high .risk-card-v{color:#E74C3C}
.risk-card.r-medium .risk-card-v{color:#D4890A}
.risk-card.r-low .risk-card-v{color:#3DD68C}
.risk-card-p{font-size:.75vw;font-weight:600;color:rgba(255,255,255,.5);margin-top:.5vh}

.hr-list{flex:1;display:flex;flex-direction:column;gap:.9vh;padding:1vh 0;overflow:hidden}
.hr-row{display:flex;align-items:center;gap:.8vw;padding:1vh 1vw;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-left:3px solid #E74C3C;border-radius:.4vh}
.hr-row-num{font-size:.85vw;font-weight:700;color:#C4A265;flex:0 0 5vw;font-variant-numeric:tabular-nums}
.hr-row-msg{flex:1;font-size:.8vw;color:rgba(255,255,255,.8)}
.hr-empty{color:rgba(255,255,255,.4);font-size:.85vw;text-align:center;padding:2vh}

.goals-list{flex:1;display:flex;flex-direction:column;gap:1.3vh;padding:1.5vh 0;overflow:hidden}
.goal-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:1.5vw;align-items:center;padding:1.6vh 1.5vw;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.07);border-radius:.6vh;box-shadow:0 8px 20px rgba(0,0,0,.35);transition:transform .35s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}
.goal-row:hover{transform:translateZ(15px) rotateX(2deg)}
.goal-idx{font-family:'Bodoni Moda',serif;font-weight:900;font-size:2.2vw;color:#C4A265;line-height:1;width:3vw;text-align:center}
.goal-name{font-size:1.1vw;font-weight:600;color:#FFF}
.goal-stat{display:flex;flex-direction:column;align-items:flex-end;font-size:.7vw;color:rgba(255,255,255,.5)}
.goal-stat b{font-size:1.4vw;color:#FFF;font-weight:700;font-variant-numeric:tabular-nums}
.goal-dot{width:1.6vh;height:1.6vh;border-radius:50%;box-shadow:0 0 12px currentColor}
.goal-dot.green{background:#3DD68C;color:#3DD68C}
.goal-dot.amber{background:#D4890A;color:#D4890A}
.goal-dot.red{background:#E74C3C;color:#E74C3C}
.goal-dot.unknown{background:rgba(255,255,255,.3);color:rgba(255,255,255,.3);box-shadow:none}

.slide.active .goal-row{animation:fadeUp3d .8s cubic-bezier(.2,.7,.2,1) both}
.slide.active .goal-row:nth-child(1){animation-delay:.05s}
.slide.active .goal-row:nth-child(2){animation-delay:.13s}
.slide.active .goal-row:nth-child(3){animation-delay:.21s}
.slide.active .goal-row:nth-child(4){animation-delay:.29s}
.slide.active .goal-row:nth-child(5){animation-delay:.37s}

.slide.active .risk-card{animation:fadeUp3d .8s cubic-bezier(.2,.7,.2,1) both}
.slide.active .risk-card:nth-child(2){animation-delay:.1s}
.slide.active .risk-card:nth-child(3){animation-delay:.2s}
.slide.active .risk-card:nth-child(4){animation-delay:.3s}

.chart.small::after{bottom:1.5vh}