@font-face{font-family:Outfit;src:url('/assets/brand/fonts/outfit.78b1e336842f.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Fraunces;src:url('/assets/brand/fonts/fraunces.a42964125a62.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#1B3A33;--soft:#4C6660;--teal:#146B62;--mint:#DDEFEA;--line:#DDE8E3}
  html,body{margin:0;height:100%;background:transparent;overflow:hidden}
  body{font-family:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;
    display:flex;align-items:center;justify-content:center}
  #stage{position:relative;flex:none;width:480px;height:400px;overflow:hidden}
  .abs{position:absolute;left:0;top:0}
  .nw{white-space:nowrap}

  #head{left:20px;top:86px;font-size:11px;letter-spacing:.08em;font-weight:600;color:var(--soft)}
  .row{left:20px;width:200px;height:46px;border-bottom:1px solid var(--line);box-sizing:border-box;display:flex;align-items:center;font-size:13.5px}
  .row .d{flex:none;width:76px}
  .row .chip{position:relative;height:22px;width:62px;flex:none}
  .row .chip span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:6px;font-size:11px;font-weight:600}
  .row .pr{background:var(--mint);color:#2E5A52}
  .row .pd{background:var(--teal);color:#fff}
  .row .m{margin-left:auto;font-weight:600}

  #inv{left:236px;top:36px;width:228px;height:236px;border-radius:18px;background:#fff;border:1px solid var(--line);box-sizing:border-box;
    box-shadow:0 14px 30px rgba(30,70,65,.07);transform-origin:50% 50%}
  #invIn{left:236px;top:36px;width:228px;height:236px;transform-origin:50% 50%}
  #invIn .abs{position:absolute}
  .iT{left:18px;top:22px;font-size:12px}
  .pdf{left:126px;top:16px;font-size:11px;font-weight:600;padding:5px 9px;border-radius:7px;background:var(--mint);color:#2E5A52}
  .iDiv{left:18px;top:56px;width:192px;height:1px;background:var(--line)}
  .month{left:18px;top:72px;font-size:18px;font-weight:600}
  .ln{left:18px;height:6px;border-radius:3px;background:#DCE8E4;transform-origin:0 50%}
  .tot{left:18px;top:196px;font-size:12.5px}
  .sum{left:0;top:184px;width:210px;text-align:right;font-size:26px;color:var(--teal);font-variant-numeric:tabular-nums}
  .sent{left:118px;top:68px;font-size:11px;font-weight:600;color:#fff;background:var(--teal);padding:4px 8px;border-radius:999px;display:flex;gap:4px;align-items:center}

  #pill{left:0;top:300px;width:480px;display:flex;justify-content:center}
  #pill > div{display:flex;align-items:center;gap:10px;background:var(--mint);border-radius:12px;padding:10px 14px;font-size:13.5px;color:#14524A;font-weight:500}
  #pill small{font-size:11.5px;color:var(--soft);font-weight:400}
  #sw{position:relative;width:32px;height:18px;border-radius:9px;background:#B9CFC9}
  #knob{position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#fff}
  #env{width:34px;height:26px}
  .coin{width:26px;height:26px;border-radius:50%;background:#F5D9C6;border:2px solid #E8A27F;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#8A4325}