#demo-inline{
  --ink:#111a2e; --ink2:#5b6478; --ink3:#8a93a6; --line:#e6e8f2;
  --ind:#4f46e5; --ind-soft:#eef0fe; --page:#f3f4fc;
}
#demo-inline{box-sizing:border-box;margin:0;padding:0}
#demo-inline{
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  background:
    radial-gradient(900px 520px at 50% 8%, rgba(37,99,235,.20), transparent 65%),
    radial-gradient(700px 420px at 85% 85%, rgba(29,78,216,.14), transparent 70%),
    linear-gradient(180deg,#05070d 0%,#070d1a 45%,#0a1526 100%);
  min-height:unset;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:56px;padding:60px 40px 80px;overflow-x:hidden;overflow-y:auto;
}
/* transform handled entirely by fitRow() in JS */
#demo-inline #row{display:flex;align-items:center;justify-content:center;gap:56px}

/* ── intro copy ── */
#demo-inline #intro{width:340px;flex-shrink:0;color:#e6ecff}
#demo-inline #intro .eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#6ea8ff;background:rgba(37,99,235,.12);border:1px solid rgba(96,140,255,.28);border-radius:9999px;padding:6px 12px;margin-bottom:18px;line-height:1.4}
#demo-inline #intro .eyebrow i{width:6px;height:6px;border-radius:9999px;background:#3b82f6;display:block}
#demo-inline #intro h1{font-size:32px;line-height:1.14;font-weight:700;letter-spacing:-.02em;margin-bottom:14px}
#demo-inline #intro h1 em{font-style:normal;color:#3b82f6}
#demo-inline #intro p{font-size:13px;line-height:1.7;color:#9fb0cc;margin-bottom:18px}
#demo-inline #intro ul{list-style:none;margin-top:4px}
#demo-inline #intro li{font-size:12.5px;line-height:1.55;color:#c3cee0;padding:0 0 9px 16px;text-indent:-16px}
#demo-inline #intro li::before{content:"—";color:#3b82f6;margin-right:7px}
#demo-inline #intro li b{color:#fff;font-weight:600}

/* ── timeline ── */
#demo-inline #stage{display:flex;flex-direction:column;gap:18px}
#demo-inline #tl{display:flex;align-items:flex-start;justify-content:space-between;padding:0 4px}
#demo-inline #tl .tstep{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:7px;flex-shrink:0;width:100px}
#demo-inline #tl .tdot{position:relative;width:18px;height:18px;border-radius:9999px;border:1.5px solid rgba(150,175,220,.35);background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;transition:all .3s ease-out}
#demo-inline #tl .tdot svg{opacity:0;transition:opacity .2s ease-out}
#demo-inline #tl .tdot::after{content:"";position:absolute;inset:-2.5px;border-radius:9999px;border:2px solid transparent;opacity:0;transition:opacity .2s ease-out}
#demo-inline #tl .tstep.done .tdot{background:#16a34a;border-color:#16a34a}
#demo-inline #tl .tstep.done .tdot svg{opacity:1}
#demo-inline #tl .tstep.act .tdot{border-color:rgba(59,130,246,.35)}
#demo-inline #tl .tstep.act .tdot::after{opacity:1;border-top-color:#3b82f6;border-right-color:#3b82f6;animation:tspin .9s linear infinite}
@keyframes tspin{to{transform:rotate(360deg)}}
#demo-inline #tl .tstep:hover .tlbl{color:#fff}
#demo-inline #tl .tstep:hover .tdot{border-color:rgba(120,170,255,.7)}
#demo-inline #tl .tlbl{font-size:10.5px;color:#7f90ac;white-space:nowrap;text-align:center;transition:color .3s ease-out}
#demo-inline #tl .tstep.done .tlbl{color:#cfe0ff}
#demo-inline #tl .tstep.act .tlbl{color:#fff;font-weight:600}
#demo-inline #tl .tbar{flex:1;height:1.5px;background:rgba(150,175,220,.2);margin:9px -14px 13px;position:relative;overflow:hidden}
#demo-inline #tl .tbar i{position:absolute;inset:0;width:0;background:#16a34a;transition:width .4s ease-out;display:block}
#demo-inline #tl .tstep.done + .tbar i{width:100%}
#demo-inline #tl .tbar:has(+ .tstep.act) i{width:100%;background:#3b82f6;transition:width 1.2s linear}

/* ── app frame ── */
#demo-inline #wrap{width:1140px;height:700px;background:var(--page);border-radius:12px;overflow:hidden;position:relative;display:flex;border:1px solid rgba(96,140,255,.18);box-shadow:0 30px 80px rgba(0,0,0,.55)}
#demo-inline #pgb{position:absolute;bottom:0;left:0;height:2px;background:var(--ind);width:0;z-index:99;transition:width .8s linear}

/* sidebar */
#demo-inline .sb{width:150px;background:#fff;border-right:1px solid var(--line);flex-shrink:0;display:flex;flex-direction:column;padding:14px 0}
#demo-inline .sb-logo{padding:0 14px 14px;display:flex;flex-direction:column;gap:3px}
#demo-inline .sb-logo .lg{display:flex;align-items:center;gap:6px}
#demo-inline .sb-logo img{width:18px;height:18px}
#demo-inline .sb-logo b{font-size:14px;font-weight:700;color:#0b2154;letter-spacing:-.02em}
#demo-inline .sb-logo b i{font-style:normal;color:#3b82f6}
#demo-inline .sb-logo span{font-size:7.5px;color:var(--ink3);letter-spacing:.02em}
#demo-inline .sb-nav{display:flex;flex-direction:column;gap:1px;padding:6px}
#demo-inline .sn{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--ink2);padding:7px 9px;border-radius:6px;transition:all .2s ease-out}
#demo-inline .sn .ic{width:11px;height:11px;border-radius:3px;background:#c7cbdb;flex-shrink:0}
#demo-inline .sn.act{background:var(--ind-soft);color:var(--ind);font-weight:600}
#demo-inline .sn.act .ic{background:var(--ind)}
#demo-inline .sb-foot{margin-top:auto;padding:10px 14px;font-size:7.5px;color:#b6bccb;line-height:1.5}

/* main */
#demo-inline .main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#f6f7fd 0%,#eef1fb 60%,#eaf3f5 100%)}
#demo-inline .tb{height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#fff;border-bottom:1px solid var(--line)}
#demo-inline .tb .crumb{font-size:8px;color:var(--ink3);letter-spacing:.02em}
#demo-inline .tb h2{font-size:12.5px;font-weight:600;color:var(--ink);letter-spacing:-.01em}
#demo-inline .tb .usr{display:flex;align-items:center;gap:7px}
#demo-inline .tb .av{width:20px;height:20px;border-radius:9999px;background:var(--ind);color:#fff;font-size:8px;font-weight:600;display:flex;align-items:center;justify-content:center}
#demo-inline .tb .un{font-size:9px;color:var(--ink);font-weight:500;line-height:1.3}
#demo-inline .tb .un s{display:block;text-decoration:none;font-size:7.5px;color:var(--ink3);font-weight:400}

#demo-inline .body{flex:1;overflow:hidden;position:relative}
#demo-inline .sc{position:absolute;inset:0;padding:14px 16px;opacity:0;pointer-events:none;transition:opacity .35s ease-out;overflow:hidden}
#demo-inline .sc.on{opacity:1;pointer-events:auto}

#demo-inline .card{background:#fff;border:1px solid var(--line);border-radius:10px}
#demo-inline .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}
#demo-inline .stat{padding:10px 12px}
#demo-inline .stat .k{font-size:8.5px;color:var(--ink3);letter-spacing:.04em;text-transform:uppercase;margin-bottom:5px}
#demo-inline .stat .v{font-size:22px;font-weight:600;color:var(--ink);letter-spacing:-.02em;line-height:1}
#demo-inline .stat .s{font-size:8px;color:var(--ink3);margin-top:5px}
#demo-inline .stat .s.up{color:#16a34a}

#demo-inline .chd{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--line)}
#demo-inline .chd .t{font-size:11.5px;font-weight:600;color:var(--ink)}
#demo-inline .chd .t s{text-decoration:none;font-weight:400;font-size:8.5px;color:var(--ink3);margin-left:6px}
#demo-inline .chips{display:flex;gap:5px}
#demo-inline .chip{font-size:8.5px;color:var(--ink2);border:1px solid var(--line);border-radius:9999px;padding:3px 8px;background:#fff}
#demo-inline .chip.on{background:var(--ind-soft);border-color:#d5d9fb;color:var(--ind);font-weight:600}
#demo-inline .btn{font-size:9px;font-weight:600;border-radius:6px;padding:5px 10px;border:1px solid var(--line);background:#fff;color:var(--ink);display:inline-flex;align-items:center;gap:5px}
#demo-inline .btn.pri{background:var(--ind);border-color:var(--ind);color:#fff}
#demo-inline .btn.dark{background:#0f172a;border-color:#0f172a;color:#fff}

#demo-inline table{width:100%;border-collapse:collapse}
#demo-inline th{font-size:7.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);text-align:left;font-weight:500;padding:7px 10px;border-bottom:1px solid var(--line)}
#demo-inline td{font-size:9.5px;color:var(--ink);padding:7px 10px;border-bottom:1px solid #f1f2f8}
#demo-inline td .sub{font-size:7.5px;color:var(--ink3)}
#demo-inline tr.hl{background:#f7f8fe}
#demo-inline .badge{display:inline-block;font-size:7.5px;font-weight:600;border-radius:9999px;padding:2px 7px}
#demo-inline .b-rev{background:#fee2e2;color:#b91c1c}
#demo-inline .b-cond{background:#fef3c7;color:#a16207}
#demo-inline .b-clear{background:#dcfce7;color:#15803d}
#demo-inline .b-blue{background:#e0e7ff;color:#4338ca}
#demo-inline .b-gray{background:#eef0f5;color:#5b6478}
#demo-inline .mono{font-family:'Geist Mono',ui-monospace,monospace}

/* workspace header */
#demo-inline .wsh{padding:12px 14px;margin-bottom:10px}
#demo-inline .wsh .nm{display:flex;align-items:center;gap:8px;margin-bottom:10px}
#demo-inline .wsh .nm .btn{flex-shrink:0}
#demo-inline .wsh .nm b{font-size:14px;font-weight:600;color:var(--ink)}
#demo-inline .wsh .nm span{font-size:8.5px;color:var(--ink3)}
#demo-inline .wsh .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 16px}
#demo-inline .wsh .f .k{font-size:7.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);margin-bottom:2px}
#demo-inline .wsh .f .v{font-size:10px;color:var(--ink);font-weight:500}
#demo-inline .tabs{display:flex;gap:14px;padding:0 4px;margin-bottom:10px;border-bottom:1px solid var(--line)}
#demo-inline .tab{font-size:10px;color:var(--ink2);padding:7px 2px;border-bottom:2px solid transparent}
#demo-inline .tab.on{color:var(--ind);border-bottom-color:var(--ind);font-weight:600}

#demo-inline .banner{display:flex;gap:9px;align-items:flex-start;border-radius:9px;padding:10px 12px;margin-bottom:10px;font-size:10px}
#demo-inline .banner b{display:block;font-size:10.5px;font-weight:600;margin-bottom:2px}
#demo-inline .banner.warn{background:#fefce8;border:1px solid #fde68a;color:#854d0e}
#demo-inline .banner.ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}

#demo-inline .drop{border:1px dashed #cfd4e8;border-radius:8px;padding:22px;text-align:center;background:#fbfcff}
#demo-inline .drop .a{font-size:10px;color:var(--ind);font-weight:500}
#demo-inline .drop .b{font-size:8px;color:var(--ink3);margin-top:4px}
#demo-inline .frow{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line);border-radius:7px;margin-top:6px;background:#fff;opacity:0;transform:translateY(4px);transition:all .3s ease-out}
#demo-inline .frow.in{opacity:1;transform:none}
#demo-inline .frow .fn{font-size:9.5px;color:var(--ink);font-family:'Geist Mono',monospace}
#demo-inline .frow .ft{font-size:7px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
#demo-inline .frow .fs{font-size:7.5px;color:var(--ink3);margin-left:auto}

#demo-inline .split{display:grid;grid-template-columns:300px 1fr;gap:10px}
#demo-inline .exc{padding:8px 10px;border:1px solid var(--line);border-radius:8px;margin-bottom:6px;background:#fff;transition:all .25s ease-out}
#demo-inline .exc.sel{border-color:#c7d2fe;box-shadow:0 0 0 3px rgba(79,70,229,.08)}
#demo-inline .exc .top{display:flex;align-items:center;gap:6px;margin-bottom:4px}
#demo-inline .exc .ti{font-size:10px;color:var(--ink)}
#demo-inline .exc .st{margin-left:auto;font-size:7.5px;color:var(--ink3)}
#demo-inline .exc .st.ap{color:#16a34a;font-weight:600}
#demo-inline .exc .st.ov{color:#2563eb;font-weight:600}

#demo-inline .evd{background:#f6f7fb;border:1px solid var(--line);border-radius:7px;padding:7px 9px;font-family:'Geist Mono',monospace;font-size:8.5px;color:var(--ink2);margin:8px 0}
#demo-inline .acts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#demo-inline .act-b{text-align:center;font-size:9.5px;padding:6px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink2);transition:all .25s ease-out}
#demo-inline .act-b.on{background:var(--ind);border-color:var(--ind);color:#fff;font-weight:600}
#demo-inline .note{border:1px solid var(--line);border-radius:7px;padding:8px;min-height:52px;font-size:9px;color:var(--ink);background:#fbfcff;margin-top:8px}

#demo-inline .bars{display:flex;align-items:flex-end;gap:5px;height:86px;padding-top:6px}
#demo-inline .bars .bcol{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%}
#demo-inline .bars .bar{width:100%;background:#6366f1;border-radius:2px 2px 0 0;height:0;transition:height .7s cubic-bezier(.22,1,.36,1)}
#demo-inline .bars .bar.miss{background:#fca5a5}
#demo-inline .bars .bl{font-size:6.5px;color:var(--ink3)}

#demo-inline .lrow{display:flex;justify-content:space-between;font-size:9.5px;color:var(--ink2);padding:4px 0;border-bottom:1px solid #f4f5fa}
#demo-inline .lrow b{color:var(--ink);font-weight:600}
#demo-inline .lrow.tot{border-bottom:0;padding-top:8px;font-size:11px}
#demo-inline .lrow.tot b{color:var(--ind);font-size:15px}

#demo-inline .check{display:flex;gap:7px;align-items:flex-start;padding:7px 0;border-bottom:1px solid #f4f5fa;font-size:9px;color:var(--ink2)}
#demo-inline .check b{display:block;color:var(--ink);font-size:9.5px;font-weight:600;margin-bottom:2px}
#demo-inline .check .dot{width:11px;height:11px;border-radius:9999px;background:#dcfce7;color:#16a34a;font-size:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
#demo-inline .check.flag{background:#fef2f2;border:1px solid #fecaca;border-radius:7px;padding:8px;margin-top:6px}
#demo-inline .check.flag .dot{background:#fee2e2;color:#dc2626}

#demo-inline .lifeline{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
#demo-inline .lifeline .st{font-size:8px;color:var(--ink3);border:1px solid var(--line);border-radius:9999px;padding:3px 9px;background:#fff}
#demo-inline .lifeline .st.done{background:#eef0fe;border-color:#dcdffb;color:var(--ind)}
#demo-inline .lifeline .st.now{background:var(--ind);border-color:var(--ind);color:#fff;font-weight:600}
#demo-inline .lifeline .sep{width:9px;height:1px;background:var(--line)}

#demo-inline .ev{display:grid;grid-template-columns:92px 74px 56px 1fr;gap:8px;font-size:8.5px;color:var(--ink2);padding:5px 0;border-bottom:1px solid #f4f5fa;opacity:0;transform:translateY(3px);transition:all .3s ease-out}
#demo-inline .ev.in{opacity:1;transform:none}
#demo-inline .ev .who{color:var(--ink);font-weight:500}
#demo-inline .ev .tag{justify-self:start}

#demo-inline #s-done{position:absolute;inset:0;z-index:60;background:rgba(15,23,42,.55);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .4s}

/* ── password save prompt (login) ── */
#demo-inline #pwsave{position:absolute;top:14px;right:16px;transform:translateY(-10px);width:258px;background:#fff;border:1px solid #dfe3ec;border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.18);padding:12px 13px 10px;z-index:70;opacity:0;pointer-events:none;transition:opacity .28s ease-out,transform .28s ease-out}
#demo-inline #pwsave.in{opacity:1;transform:translateY(0)}
#demo-inline #pwsave{z-index:85}
#demo-inline #pwsave .hd{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;font-weight:600;color:#111a2e;margin-bottom:9px}
#demo-inline #pwsave .hd s{text-decoration:none;color:#9aa2b2;font-size:12px}
#demo-inline #pwsave .fld{display:flex;align-items:center;gap:7px;border:1px solid #e6e8f2;border-radius:6px;padding:6px 8px}
#demo-inline #pwsave .fld .tx{flex:1;line-height:1.35}
#demo-inline #pwsave .fld .h{font-size:8px;color:#9aa2b2}
#demo-inline #pwsave .fld .v{font-size:10px;color:#111a2e}
#demo-inline #pwsave .ft{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:10px}
#demo-inline #pwsave .ft .nv{font-size:10px;color:#5b6478}
#demo-inline #pwsave .ft .sv{font-size:10px;font-weight:600;color:#fff;background:#4f46e5;border-radius:5px;padding:5px 12px}

/* ── PDF viewer overlay ── */
#demo-inline #pdfv{position:absolute;inset:0;z-index:80;background:transparent;display:none;opacity:0;transition:opacity .3s ease-out;pointer-events:none}
#demo-inline #pdfv .win{position:absolute;left:9.5%;top:1.5%;width:55%;height:97%;background:#f6f6f8;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 22px 60px rgba(0,0,0,.45),0 0 0 1px rgba(15,23,42,.14)}
#demo-inline #pdfv .bar{height:26px;flex-shrink:0;background:#e9eaee;border-bottom:1px solid #d6d8de;display:flex;align-items:center;gap:8px;padding:0 9px}
#demo-inline #pdfv .tl{display:flex;gap:5px}
#demo-inline #pdfv .tl i{width:9px;height:9px;border-radius:9999px;display:block}
#demo-inline #pdfv .name{font-size:8.5px;color:#4b5262;font-weight:500}
#demo-inline #pdfv .name s{text-decoration:none;display:block;font-size:7px;color:#8b91a1;font-weight:400}
#demo-inline #pdfv .tools{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:8px;color:#7b8290}
#demo-inline #pdfv .tools .search{border:1px solid #d6d8de;border-radius:5px;background:#fff;padding:2px 16px 2px 6px}
#demo-inline #pdfv .in{flex:1;display:flex;min-height:0}
#demo-inline #pdfv .rail{width:92px;flex-shrink:0;background:#242427;overflow:hidden;scroll-behavior:auto;padding:10px 0;display:flex;flex-direction:column;align-items:center;gap:9px}
#demo-inline #pdfv .th{width:58px;height:80px;background:#fff;border-radius:2px;position:relative;flex-shrink:0;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.4)}
#demo-inline #pdfv .th.on{outline:2.5px solid #2f7cf6}
#demo-inline #pdfv .th .ln{position:absolute;left:6px;right:6px;height:1.6px;background:#dcdee6;border-radius:1px}
#demo-inline #pdfv .th .ln.t{background:#c3c7d4}
#demo-inline #pdfv .th .ln.r{background:#f0b9b9}
#demo-inline #pdfv .thn{font-size:7px;color:#a8adba;text-align:center;margin-top:-6px}
#demo-inline #pdfv .page{flex:1;overflow:hidden;background:#f6f6f8;display:flex;justify-content:center;padding:14px}
#demo-inline #pdfv .sheet{width:100%;max-width:560px;background:#fff;box-shadow:0 2px 12px rgba(15,23,42,.14);padding:20px 22px;font-size:8px;color:#1c2233;transition:opacity .28s ease-out}
#demo-inline #pdfv h4{font-size:15px;font-weight:700;color:#0f3f6e;letter-spacing:-.01em}
#demo-inline #pdfv .sub{font-size:7px;color:#5b6478;padding-bottom:5px;border-bottom:1.5px solid #d5a24a;margin-bottom:9px}
#demo-inline #pdfv .sh{font-size:9px;font-weight:700;color:#0f3f6e;letter-spacing:.02em}
#demo-inline #pdfv .shs{font-size:7px;color:#5b6478;margin-bottom:8px}
#demo-inline #pdfv .sumbox{background:#f2f4f8;border-radius:3px;padding:7px 9px;margin-bottom:10px}
#demo-inline #pdfv .sumbox div{display:flex;justify-content:space-between;font-size:8px;padding:1.5px 0;color:#1c2233}
#demo-inline #pdfv .sumbox b{font-weight:600}
#demo-inline #pdfv .sumbox .g{color:#12833f}
#demo-inline #pdfv .sumbox .r{color:#b4232a}
#demo-inline #pdfv table{width:100%;border-collapse:collapse}
#demo-inline #pdfv th{font-size:6.5px;letter-spacing:.05em;color:#5b6478;border-bottom:1px solid #dfe2ea;padding:3px 2px;text-transform:uppercase;font-weight:600}
#demo-inline #pdfv td{font-size:7.5px;padding:2.5px 2px;border-bottom:1px solid #f0f1f5;color:#1c2233}
#demo-inline #pdfv td.n{text-align:right;font-variant-numeric:tabular-nums}
#demo-inline #pdfv td.pos{color:#12833f}
#demo-inline #pdfv td.neg{color:#1c2233}

/* ── drag-in file pills ── */
#demo-inline #dragpool{display:flex;flex-direction:column;align-items:flex-end;gap:5px;z-index:75;pointer-events:none}
#demo-inline #dragpool .pgrp{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
#demo-inline #dragpool .pill{font-family:'Geist Mono',monospace;font-size:8.5px;color:#0b4bb8;background:#cfe0ff;border-radius:3px;padding:2px 6px;position:relative;transition:transform .55s cubic-bezier(.4,0,.2,1),opacity .3s ease-out}
#demo-inline #dragpool .pill.gone{opacity:0}
#demo-inline #dragpool .pill .cur{position:absolute;right:-16px;top:-2px;display:none;align-items:center;gap:2px}
#demo-inline #dragpool .pill.fly .cur{display:flex}
#demo-inline #dragpool .pill .cur i{width:9px;height:9px;border-radius:9999px;display:block;font-size:6px;color:#fff;text-align:center;line-height:9px}

#demo-inline #pause-btn{position:absolute;top:-30px;right:0;font-family:inherit;font-size:10px;font-weight:600;color:#cfe0ff;background:rgba(37,99,235,.16);border:1px solid rgba(96,140,255,.34);border-radius:9999px;padding:5px 13px;cursor:pointer;transition:all .2s ease-out}
#demo-inline #pause-btn:hover{background:rgba(37,99,235,.3);color:#fff}
#demo-inline #stage{position:relative}

/* ── documents screen (video-matched) ── */
#demo-inline .drop{padding:13px !important;background:#fff !important;border-color:#d3d8ea !important}
#demo-inline .drop .ico{font-size:13px;color:var(--ind);line-height:1;margin-bottom:5px}
#demo-inline .drop .a{font-size:10px;color:var(--ink);font-weight:500}
#demo-inline .drop .a b{color:var(--ind);font-weight:500}
#demo-inline .drop .b{font-size:8px;color:var(--ink3);margin-top:4px}
#demo-inline .frow{gap:7px;padding:7px 10px;margin-top:5px}
#demo-inline .frow .di{font-size:9px;color:var(--ind);opacity:.7;flex-shrink:0}
#demo-inline .frow .ft{white-space:nowrap}
#demo-inline .frow .fs{font-size:7.5px;color:var(--ink3);font-family:'Geist Mono',monospace;margin-left:0 !important;white-space:nowrap}
#demo-inline .frow .fx{margin-left:auto;font-size:10px;color:#b6bccb;flex-shrink:0}
#demo-inline .dfoot{display:flex;align-items:center;justify-content:space-between;margin-top:11px}
#demo-inline .dfoot .samp{font-size:9px;color:var(--ind);font-weight:500}
#demo-inline .chd > div:last-child{flex-shrink:0}
#demo-inline .rst{font-size:8px;color:var(--ink3);white-space:nowrap;flex-shrink:0}
#demo-inline .aichip{display:inline-flex !important;align-items:center;gap:4px;font-size:7.5px;font-weight:600;color:#15803d;background:#eafaf0;border:1px solid #c6ecd4;border-radius:9999px;padding:3px 8px;white-space:nowrap;flex-shrink:0}
#demo-inline .wsh .nm .btn{flex-shrink:0}

/* ── loan file screen (video-matched) ── */
#demo-inline #s3{overflow-y:auto !important}
#demo-inline #s3::-webkit-scrollbar{width:5px}
#demo-inline #s3::-webkit-scrollbar-thumb{background:#c9cfe0;border-radius:9px}
#demo-inline .vbanner{display:flex;align-items:center;gap:10px;background:#fde8ea;border:1px solid #f8ccd2;border-radius:9px;padding:10px 12px;margin-bottom:9px}
#demo-inline .vbanner .vi{width:18px;height:18px;border-radius:9999px;border:1.4px solid #dc2626;color:#dc2626;font-size:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#demo-inline .vbanner .vh{font-size:13px;font-weight:600;color:#b91c1c}
#demo-inline .vbanner .vd{font-size:7.5px;letter-spacing:.08em;color:#dc2626;font-weight:600;vertical-align:middle}
#demo-inline .vbanner .vs{font-size:9px;color:#9f3d3d;margin-top:1px}
#demo-inline .vbanner .vb{margin-left:auto;display:flex;gap:6px;flex-shrink:0}
#demo-inline .vstrip{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:10px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 12px;margin-bottom:9px}
#demo-inline .vstrip .n{font-size:14px;font-weight:600;color:var(--ink)}
#demo-inline .lk{font-size:9px;color:var(--ind);font-weight:600;white-space:nowrap}
#demo-inline .hint{font-size:8px;color:var(--ink3);margin:3px 0 6px}
#demo-inline .dchips{display:flex;flex-wrap:wrap;gap:5px}
#demo-inline .dchip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:7px;padding:4px 8px;background:#fff;white-space:nowrap}
#demo-inline .dchip .di{font-size:8px;color:var(--ind);opacity:.6}
#demo-inline .dchip .nm{font-family:'Geist Mono',monospace;font-size:8.5px;color:var(--ink)}
#demo-inline .dchip .ty{font-size:6.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3)}
#demo-inline .dchip .ok{font-size:7px;font-weight:600;color:#15803d;background:#eafaf0;border-radius:9999px;padding:2px 6px}
#demo-inline .dchip .cf{font-size:6.5px;color:var(--ink3)}
#demo-inline .chart{display:flex;gap:6px;height:96px;margin-top:8px}
#demo-inline .chart .yax{display:flex;flex-direction:column;justify-content:space-between;font-size:6px;color:var(--ink3);padding-bottom:11px;flex-shrink:0}
#demo-inline .chart .plot{flex:1;display:flex;align-items:flex-end;gap:4px;position:relative;border-bottom:1px solid var(--line)}
#demo-inline .chart .avgline{position:absolute;left:0;right:0;top:22%;border-top:1px dashed #a5b4fc}
#demo-inline .chart .bcol{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;height:100%}
#demo-inline .chart .bar{width:100%;background:#6366f1;border-radius:2px 2px 0 0;height:0;transition:height .7s cubic-bezier(.22,1,.36,1)}
#demo-inline .chart .bar.miss{background:transparent;border:1px dashed #f8b4b4}
#demo-inline .chart .bl{font-size:5.5px;color:var(--ink3);white-space:nowrap;position:absolute;bottom:-9px}
#demo-inline .chart .bcol{position:relative}
#demo-inline .lgd{display:flex;gap:12px;font-size:7px;color:var(--ink3);margin-top:13px;align-items:center}
#demo-inline .lgd i{display:inline-block;width:5px;height:5px;border-radius:1px;margin-right:3px}
#demo-inline .qbox{display:flex;align-items:center;justify-content:space-between;background:#f6f7fd;border:1px solid #e4e7f7;border-radius:8px;padding:8px 10px;margin-top:8px;font-size:10px;color:var(--ink)}
#demo-inline .qbox b{font-size:17px;font-weight:600;color:var(--ind)}
#demo-inline .qbox.alt b{font-size:14px;color:var(--ink)}
#demo-inline .lrow sup{font-size:6px;color:#a5b4fc;margin-left:1px}
#demo-inline .ck{display:flex;gap:7px;align-items:flex-start;border:1px solid var(--line);border-radius:8px;padding:8px 9px;margin-top:6px;font-size:8.5px;line-height:1.5;color:var(--ink2);background:#fff}
#demo-inline .ck b{display:block;color:var(--ink);font-size:9.5px;font-weight:600;margin-bottom:2px}
#demo-inline .ck .dot{width:12px;height:12px;border-radius:9999px;background:#eafaf0;color:#16a34a;font-size:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
#demo-inline .ck.bad{background:#fdeaec;border-color:#f8ccd2;color:#9f3d3d}
#demo-inline .ck.bad b{color:#b91c1c}
#demo-inline .ck.bad .dot{background:#fbd5da;color:#dc2626}
#demo-inline .flag{float:right;font-size:6.5px;font-weight:600;letter-spacing:.06em;color:#b91c1c;background:#fbd5da;border-radius:3px;padding:2px 5px}
#demo-inline .sendrev{display:inline-flex;align-items:center;gap:4px;margin-top:7px;font-size:8.5px;font-weight:600;color:#fff;background:#dc2626;border-radius:6px;padding:5px 9px}
#demo-inline .intgh{font-size:8px;color:var(--ink2);margin:9px 0 5px}
#demo-inline .intg{border:1px solid var(--line);border-radius:8px;padding:7px 9px;margin-bottom:6px;background:#fff}
#demo-inline .intg .ih{display:flex;align-items:center;gap:6px;margin-bottom:4px}
#demo-inline .intg .ih .di{font-size:8px;color:var(--ind);opacity:.6}
#demo-inline .intg .ih .fn{font-family:'Geist Mono',monospace;font-size:8.5px;color:var(--ink)}
#demo-inline .intg .ih .cl{margin-left:auto;font-size:6.5px;font-weight:600;color:#15803d;background:#eafaf0;border-radius:3px;padding:2px 5px}
#demo-inline .intg .ih .sc100{font-size:7px;color:var(--ink3)}
#demo-inline .intg .ir{display:grid;grid-template-columns:62px 26px 1fr;gap:6px;align-items:center;font-size:7.5px;color:var(--ink2);padding:2px 0}
#demo-inline .intg .ir .mono{font-family:'Geist Mono',monospace;font-size:7px;color:var(--ink2)}
#demo-inline .intg .ir .info{font-size:6px;font-weight:600;color:#15803d;background:#eafaf0;border-radius:2px;padding:1px 4px;text-align:center}

#demo-inline .note:empty::before{content:attr(data-ph);color:#a8b0c2}
#demo-inline .acts{gap:7px}
#demo-inline .act-b{padding:7px}
#demo-inline .exc .ti{line-height:1.4}

/* ── lifecycle screen (video-matched) ── */
#demo-inline .lifeline .st{font-size:8px;color:var(--ink3);background:#f4f5fa;border:1px solid transparent;border-radius:9999px;padding:4px 11px}
#demo-inline .lifeline .st.done{background:#eef0fe;border-color:#dcdffb;color:var(--ind);font-weight:500}
#demo-inline .lifeline .st.now{background:var(--ind);border-color:var(--ind);color:#fff;font-weight:600}
#demo-inline .lifeline .sep{width:11px;height:1px;background:#dfe2ee}
#demo-inline #s6 .ev{grid-template-columns:112px 84px 62px 1fr;gap:10px;padding:5px 0;font-size:8.5px;align-items:center}
#demo-inline #s6 .ev .tm{color:var(--ink3)}
#demo-inline #s6 .ev .who{color:var(--ink);font-weight:600}
#demo-inline #s6 .ev .ac{color:var(--ink2)}
#demo-inline #s6 .ev .dt{color:var(--ink3);font-style:italic}

#demo-inline #s6{overflow-y:auto !important}
#demo-inline #s6::-webkit-scrollbar{width:5px}
#demo-inline #s6::-webkit-scrollbar-thumb{background:#c9cfe0;border-radius:9px}

/* ── calculators screen (video-matched) ── */
#demo-inline #s4{overflow-y:auto !important}
#demo-inline #s4::-webkit-scrollbar{width:5px}
#demo-inline #s4::-webkit-scrollbar-thumb{background:#c9cfe0;border-radius:9px}
#demo-inline .calcbar{display:flex;align-items:center;gap:9px;margin-bottom:8px}
#demo-inline .calcbar .back{font-size:8.5px;font-weight:600;color:var(--ink2);white-space:nowrap}
#demo-inline .calcbar .ctx{font-size:7.5px;color:var(--ink3);white-space:nowrap}
#demo-inline .calcbar .pf{margin-left:auto;font-size:8.5px;font-weight:600;color:var(--ind);background:#eef0fe;border:1px solid #dcdffb;border-radius:6px;padding:5px 10px;white-space:nowrap;transition:all .2s ease-out}
#demo-inline .calcbar .pf s{text-decoration:none;font-weight:400;color:#8a93a6;font-size:7.5px}
#demo-inline .calcbar .pf.hit{background:var(--ind);border-color:var(--ind);color:#fff}
#demo-inline .calcbar .pf.hit s{color:#c7cbf7}
#demo-inline .mtabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:4px;margin-bottom:8px}
#demo-inline .mt{text-align:center;font-size:9px;color:var(--ink2);padding:6px;border-radius:7px}
#demo-inline .mt.on{background:#fff;color:var(--ind);font-weight:600;border:1px solid #e0e4f8;box-shadow:0 1px 2px rgba(17,26,46,.05)}
#demo-inline .yb{font-family:'Geist Mono',monospace;font-size:9px;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:4px 12px;background:#fbfcff}
#demo-inline .samcard{background:linear-gradient(180deg,#eef1fe 0%,#e8edfd 100%);border:1px solid #dfe4fb;border-radius:10px;padding:12px;margin-bottom:9px}
#demo-inline .samcard .ci{width:20px;height:20px;border-radius:5px;background:#fff;border:1px solid #dfe4fb;color:var(--ind);font-size:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#demo-inline .samcard .big{font-size:24px;font-weight:600;color:var(--ind);letter-spacing:-.02em;line-height:1.15}
#demo-inline .samcard .big span{font-size:11px;color:#7d86bd;font-weight:400}
#demo-inline .samcard .yrs{display:flex;gap:26px;margin:10px 0 8px;padding-left:29px}
#demo-inline .samcard .yl{font-size:7px;color:#8a93a6}
#demo-inline .samcard .yv{font-size:11px;font-weight:600;color:var(--ink)}
#demo-inline .samcard .yv span{font-size:8px;color:#8a93a6;font-weight:400}
#demo-inline .samcard .ya{font-size:7px;color:#a3abbd}
#demo-inline .acc{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 11px;margin-bottom:5px}
#demo-inline .acc .ch{font-size:9px;color:#a8b0c2}
#demo-inline .acc .ttl{font-size:9.5px;font-weight:600;color:var(--ink)}
#demo-inline .acc .frm{font-size:7px;color:var(--ink3);font-family:'Geist Mono',monospace}
#demo-inline .acc .cnt{font-size:6.5px;color:var(--ind);background:#eef0fe;border-radius:9999px;padding:1px 5px}
#demo-inline .acc .tot{margin-left:auto;font-size:8.5px;font-weight:600;color:var(--ind)}
#demo-inline .acc.open{border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0;border-bottom-color:transparent}
#demo-inline .wsheet{background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 9px 9px;padding:9px 11px;margin-bottom:5px}
#demo-inline .wsheet .wh{display:flex;align-items:center;gap:9px;padding-bottom:7px}
#demo-inline .wsheet .wh b{font-size:9.5px;font-weight:600;color:var(--ink)}
#demo-inline .wsheet .own{margin-left:auto;font-size:8px;color:var(--ink2);display:flex;align-items:center;gap:4px}
#demo-inline .wsheet .del{font-size:8px;color:#b6bccb}
#demo-inline .whead{display:grid;grid-template-columns:1fr 62px 62px;gap:8px;font-size:6.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);border-bottom:1px solid var(--line);padding-bottom:4px}
#demo-inline .whead span:not(:first-child){text-align:center}
#demo-inline .sect{font-size:6.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ind);margin:7px 0 3px;font-weight:600}
#demo-inline .wrow{display:grid;grid-template-columns:1fr 62px 62px;gap:8px;align-items:center;padding:2.5px 0}
#demo-inline .wrow .li{font-size:8.5px;color:var(--ink);display:flex;align-items:baseline;gap:4px}
#demo-inline .wrow .li s{text-decoration:none;font-size:6.5px;color:var(--ink3)}
#demo-inline .wrow .li .ch{font-size:7px;color:#c1c7d6}
#demo-inline .ib{font-family:'Geist Mono',monospace;font-size:8px;color:var(--ink);border:1px solid var(--line);border-radius:9999px;padding:3px 0;text-align:center;background:#fff}
#demo-inline .ib.sm{border-radius:5px;padding:2px 7px;width:auto}
#demo-inline .wsub{display:grid;grid-template-columns:1fr 62px 62px;gap:8px;font-size:8px;color:var(--ink2);padding:4px 0;border-top:1px solid #f1f2f8;margin-top:4px}
#demo-inline .wsub span:not(:first-child){text-align:center;font-family:'Geist Mono',monospace;color:var(--ink)}
#demo-inline .wtot{display:grid;grid-template-columns:1fr 62px 62px;gap:8px;font-size:9px;font-weight:600;color:var(--ink);padding:6px 0;border-top:1px solid var(--line)}
#demo-inline .wtot span:not(:first-child){text-align:center;font-family:'Geist Mono',monospace;color:var(--ind)}

/* ── audit trail screen (video-matched) ── */
#demo-inline #s7{overflow-y:auto !important}
#demo-inline #s7::-webkit-scrollbar{width:5px}
#demo-inline #s7::-webkit-scrollbar-thumb{background:#c9cfe0;border-radius:9px}
#demo-inline .atbar{display:flex;align-items:center;justify-content:space-between;background:#eef0fe;border:1px solid #dcdffb;border-radius:8px;padding:6px 10px}
#demo-inline .atbar .chip2{font-size:8.5px;color:var(--ind)}
#demo-inline .atbar .chip2 s{text-decoration:none;color:#8a93a6}
#demo-inline .atbar .clr{font-size:8px;color:var(--ind);font-weight:600}
#demo-inline #s7 .stat .k{display:flex;align-items:center;gap:4px}
#demo-inline #s7 .fw{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
#demo-inline #s7 .fw span{font-size:7px;color:var(--ind);background:#eef0fe;border:1px solid #e2e5fb;border-radius:5px;padding:3px 6px}
#demo-inline .ledbar{margin:2px 0 6px}
#demo-inline .ledbar .lock{font-size:7.5px;color:var(--ink3)}
#demo-inline .ledfilters{display:flex;align-items:center;gap:5px;margin-bottom:7px}
#demo-inline .ledfilters .chip s{text-decoration:none;color:#a8b0c2;margin-left:3px}
#demo-inline .ledfilters .live{margin-left:auto;font-size:7.5px;color:var(--ink3)}
#demo-inline .lhead,#demo-inline .lrw{display:grid;grid-template-columns:88px 128px 68px 42px 1fr 12px;gap:9px;align-items:center}
#demo-inline .lhead{font-size:6.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);padding:8px 0 6px;border-bottom:1px solid var(--line)}
#demo-inline .lrw{padding:6px 0;border-bottom:1px solid #f4f5fa;opacity:0;transform:translateY(3px);transition:all .3s ease-out}
#demo-inline .lrw.in{opacity:1;transform:none}
#demo-inline .lrw .tm{font-size:7.5px;color:var(--ink2);line-height:1.35}
#demo-inline .lrw .tm s{display:block;text-decoration:none;font-size:6.5px;color:var(--ink3)}
#demo-inline .lrw .ac2{display:flex;align-items:center;gap:5px}
#demo-inline .lrw .av2{width:14px;height:14px;border-radius:9999px;background:#eef0fe;color:var(--ind);font-size:6px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#demo-inline .lrw .nm2{font-size:8.5px;font-weight:600;color:var(--ink);line-height:1.3}
#demo-inline .lrw .nm2 s{display:block;text-decoration:none;font-size:6.5px;font-weight:400;color:var(--ink3)}
#demo-inline .lrw .rl{font-size:7.5px;color:var(--ink2)}
#demo-inline .lrw .dt2{font-size:8px;color:var(--ink2)}
#demo-inline .lrw .cv{font-size:9px;color:#c1c7d6;text-align:right}
#demo-inline .lfoot{font-size:7.5px;color:var(--ink3);margin-top:7px}
#demo-inline .gnote{display:flex;gap:8px;background:#fdf6e8;border:1px solid #f6e4bd;border-radius:8px;padding:9px 11px;margin-bottom:9px;font-size:8.5px;color:#7a5a1e;line-height:1.5}
#demo-inline .gnote .gi{width:15px;height:15px;border-radius:9999px;border:1.3px solid #c99a2e;color:#c99a2e;font-size:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
#demo-inline .gnote b{color:#5f4514}
#demo-inline .gdis{font-size:6.5px;letter-spacing:.06em;text-transform:uppercase;color:#b08c3c;margin-top:3px;font-weight:600}
#demo-inline .gstrip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--line);margin-top:10px;padding-top:9px}
#demo-inline .gstrip .n{font-size:14px;font-weight:600;color:var(--ink)}
#demo-inline .gcard{background:#fff;border:1px solid var(--line);border-radius:9px;padding:11px 12px;margin-bottom:8px}
#demo-inline .gcard .gh{display:flex;align-items:baseline;gap:7px;font-size:11.5px;font-weight:600;color:var(--ink);margin-bottom:5px}
#demo-inline .gcard .gn{font-family:'Geist Mono',monospace;font-size:7px;color:var(--ind)}
#demo-inline .gcard p{font-size:8.5px;line-height:1.55;color:var(--ink2)}
#demo-inline .gcard .gb{display:flex;gap:6px;align-items:flex-start;font-size:8px;color:var(--ink2);margin-top:5px}
#demo-inline .gcard .gb .dot{width:11px;height:11px;border-radius:9999px;background:#eafaf0;color:#16a34a;font-size:6.5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
#demo-inline .gstat{display:flex;gap:9px;align-items:flex-start;background:#f6f7fd;border:1px solid #e4e7f7;border-radius:8px;padding:9px 10px;margin-top:7px}
#demo-inline .gstat b{font-size:17px;font-weight:600;color:var(--ind);line-height:1}
#demo-inline .gstat span{font-size:8px;color:var(--ink2);line-height:1.5}

#demo-inline .btn{white-space:nowrap}
/* cleared verdict variant */
#demo-inline .vbanner.ok{background:#eefaf1;border-color:#c6ecd4}
#demo-inline .vbanner.ok .vi{border-color:#16a34a;color:#16a34a}
#demo-inline .vbanner.ok .vh{color:#15803d}
#demo-inline .vbanner.ok .vd{color:#16a34a}
#demo-inline .vbanner.ok .vs{color:#3d7a52}
#demo-inline .vlock{font-size:7.5px;color:#4d7a5e;text-align:right;margin-top:5px}
/* pipeline extras */
#demo-inline #s1 .samp2{font-size:6px;letter-spacing:.05em;text-transform:uppercase;color:#a8b0c2;border:1px solid #e6e8f2;border-radius:3px;padding:1px 4px}
#demo-inline #s1 .spark{display:flex;gap:2px;margin-top:2px}
#demo-inline #s1 .spark i{display:block;width:7px;height:2px;border-radius:1px;background:#dfe2ee}
#demo-inline #s1 .spark i.f{background:#6366f1}
#demo-inline #s1 td{padding:5px 8px;font-size:9px}
#demo-inline #s1 th{padding:6px 8px}
#demo-inline #s1 .av3{width:14px;height:14px;border-radius:9999px;background:#eef0fe;color:var(--ind);font-size:6px;font-weight:600;display:flex;align-items:center;justify-content:center}
#demo-inline .attn{display:inline-flex;align-items:center;gap:4px;font-size:8px;font-weight:600;color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:9999px;padding:3px 8px}
#demo-inline .tbchip{display:inline-flex;align-items:center;gap:4px;font-size:8px;font-weight:600;color:#15803d;background:#eafaf0;border:1px solid #c6ecd4;border-radius:9999px;padding:3px 8px}
#demo-inline .tbbtn{font-size:8.5px;color:var(--ink2);border:1px solid var(--line);border-radius:6px;padding:4px 9px;background:#fff;white-space:nowrap}
#demo-inline .tb .extras{display:flex;align-items:center;gap:7px;margin-right:10px}

#demo-inline #s1{overflow-y:auto !important}
#demo-inline #s1::-webkit-scrollbar{width:5px}
#demo-inline #s1::-webkit-scrollbar-thumb{background:#c9cfe0;border-radius:9px}
#demo-inline .tb{gap:8px}

#demo-inline .badge{white-space:nowrap}
#demo-inline .attn{white-space:nowrap}
#demo-inline .attn b{font-weight:700}
#demo-inline #s1 td .sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
#demo-inline #s1 table{table-layout:auto}
#demo-inline #s1 td:nth-child(7),#demo-inline #s1 th:nth-child(7){white-space:nowrap}
#demo-inline #pause-btn{top:-32px;right:-4px}
#demo-inline .tb .un{white-space:nowrap}
#demo-inline .tb h2{white-space:nowrap}
#demo-inline .tb .crumb{white-space:nowrap}

/* calculators fidelity pass */
#demo-inline .acc{padding:9px 12px;margin-bottom:6px}
#demo-inline .acc .ttl{font-size:10px;white-space:nowrap}
#demo-inline .acc .frm{white-space:nowrap}
#demo-inline .mt{font-size:9.5px;padding:7px 4px;white-space:nowrap}
#demo-inline .yb{font-size:9.5px;padding:5px 15px}
#demo-inline .samcard{padding:14px}
#demo-inline .samcard .big{font-size:27px}
#demo-inline .samcard .big span{font-size:12px}
#demo-inline .samcard .ci{width:23px;height:23px;font-size:11px}
#demo-inline .samcard .yrs{gap:30px;margin:12px 0 10px;padding-left:32px}
#demo-inline .samcard .yv{font-size:12px}
#demo-inline .calcbar .back{font-size:9px}
#demo-inline .calcbar .ctx{font-size:8px}
#demo-inline .wrow .li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#demo-inline .wsheet .wh b{font-size:10px}

/* ── approve & seal modal ── */
#demo-inline #sealmodal{position:absolute;inset:0;z-index:88;background:rgba(15,23,42,.32);display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease-out}
#demo-inline #sealmodal .smw{width:270px;background:#fff;border:1px solid #dfe3ee;border-radius:9px;box-shadow:0 16px 40px rgba(15,23,42,.22);overflow:hidden}
#demo-inline #sealmodal .smh{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:var(--ink);padding:10px 12px}
#demo-inline #sealmodal .smh span{color:#a8b0c2;font-size:11px}
#demo-inline #sealmodal .smb{padding:0 12px}
#demo-inline #sealmodal .sml{font-size:6.5px;letter-spacing:.06em;text-transform:uppercase;color:#8a93a6;margin-bottom:4px}
#demo-inline #sealmodal .smta{border:1px solid var(--line);border-radius:7px;padding:8px 9px;min-height:44px;font-size:8.5px;line-height:1.5;color:var(--ink);background:#fff}
#demo-inline #sealmodal .smta:empty::before{content:attr(data-ph);color:#a8b0c2}
#demo-inline #sealmodal .smf{display:flex;justify-content:flex-end;gap:7px;padding:10px 12px}
#demo-inline #toast{position:absolute;bottom:14px;left:50%;transform:translate(-50%,8px);z-index:90;background:#0f172a;color:#fff;font-size:9px;border-radius:7px;padding:6px 11px;display:flex;align-items:center;gap:9px;opacity:0;transition:all .28s ease-out}
#demo-inline #toast span{color:#8b93a6}
#demo-inline #toast.in{opacity:1;transform:translate(-50%,0)}
#demo-inline .fin{border:1px solid var(--line);border-radius:6px;padding:5px 8px;font-size:8.5px;color:#a8b0c2;background:#fff}
#demo-inline #s6 .ev .dt{font-style:italic}

#demo-inline #sealed-cards .mono{white-space:nowrap;max-width:380px;font-size:6.8px;line-height:1.6}
#demo-inline #sealed-cards .card > div > div:first-child{min-width:0}

/* ── repurchase-ready binder ── */
#demo-inline #s8{overflow-y:auto !important;background:#f7f8fc}
#demo-inline #s8::-webkit-scrollbar{width:5px}
#demo-inline #s8::-webkit-scrollbar-thumb{background:#c9cfe0;border-radius:9px}
#demo-inline .bwrap{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:start}
#demo-inline .btoc{position:sticky;top:0;background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 10px}
#demo-inline .btoc .tl2{font-size:6.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin-bottom:6px}
#demo-inline .tocr{display:flex;gap:7px;align-items:baseline;font-size:8.5px;color:var(--ink2);padding:4px 6px;border-radius:5px}
#demo-inline .tocr .mono{font-size:7px;color:#a8b0c2}
#demo-inline .tocr.on{background:#eef0fe;color:var(--ind);font-weight:600}
#demo-inline .tocr.on .mono{color:var(--ind)}
#demo-inline .btoc .tfoot{font-size:6.5px;color:var(--ink3);margin-top:8px;line-height:1.5}
#demo-inline .bdoc{display:flex;flex-direction:column;gap:10px;max-width:560px}
#demo-inline .bcard{background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px 15px}
#demo-inline .bhd{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:7px}
#demo-inline .beye{font-size:6.5px;letter-spacing:.09em;text-transform:uppercase;color:#c08a2e;font-weight:600}
#demo-inline .btitle{font-size:16px;font-weight:600;letter-spacing:-.02em;color:var(--ink);margin:2px 0 2px}
#demo-inline .bsub{font-size:8.5px;color:var(--ink2)}
#demo-inline .bappr{font-size:8px;font-weight:600;color:#15803d;background:#eafaf0;border:1px solid #c6ecd4;border-radius:9999px;padding:3px 9px}
#demo-inline .bfv{font-size:6px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin-top:3px}
#demo-inline .bp{font-size:8px;line-height:1.6;color:var(--ink2);margin-bottom:8px}
#demo-inline .bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#fafbfe;border:1px solid #eef0f6;border-radius:8px;padding:9px 10px}
#demo-inline .bk{font-size:6px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3);margin-bottom:2px}
#demo-inline .bv2{font-size:8.5px;font-weight:600;color:var(--ink)}
#demo-inline .bhash{display:flex;align-items:center;gap:9px;background:#101828;border-radius:8px;padding:8px 10px;margin-top:9px}
#demo-inline .bhl{font-size:5.5px;letter-spacing:.09em;text-transform:uppercase;color:#7d879c;flex-shrink:0;max-width:64px;line-height:1.4}
#demo-inline .bhv{font-size:7px;color:#dfe4ee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#demo-inline .bhok{margin-left:auto;font-size:6.5px;font-weight:600;color:#6ee7a8;background:rgba(22,163,74,.16);border-radius:9999px;padding:2px 7px;flex-shrink:0}
#demo-inline .bsh{display:flex;align-items:baseline;gap:8px;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:5px}
#demo-inline .bsh .mono{font-size:8px;color:#c08a2e}
#demo-inline .bsh s{text-decoration:none;margin-left:auto;font-size:7px;color:var(--ink3);font-weight:400;white-space:nowrap}
#demo-inline .bhead,#demo-inline .brow{display:grid;grid-template-columns:1fr 92px 62px;gap:8px;align-items:center}
#demo-inline .bhead{font-size:6px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3);border-bottom:1px solid var(--line);padding-bottom:4px}
#demo-inline .bhead span:not(:first-child),#demo-inline .brow span:not(:first-child){text-align:right}
#demo-inline .brow{padding:5px 0;border-bottom:1px solid #f4f5fa;font-size:8.5px;color:var(--ink)}
#demo-inline .brow .bd{font-family:'Geist Mono',monospace;font-size:8px}
#demo-inline .brow .bt{font-family:'Geist Mono',monospace;font-size:7px;color:var(--ink3)}
#demo-inline .brow .bv{font-size:7px;font-weight:600;color:#15803d;background:#eafaf0;border-radius:9999px;padding:2px 6px;justify-self:end}
#demo-inline .bfoot{font-size:7px;color:var(--ink3);margin-top:8px;line-height:1.5}
#demo-inline .rhead,#demo-inline .rrow{display:grid;grid-template-columns:1fr 106px 58px 38px;gap:8px;align-items:center}
#demo-inline .rhead{font-size:6px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3);border-bottom:1px solid var(--line);padding-bottom:4px}
#demo-inline .rhead span:not(:first-child){text-align:right}
#demo-inline .rrow{padding:4px 0;border-bottom:1px solid #f6f7fb;font-size:8.5px;color:var(--ink)}
#demo-inline .rp{font-size:7px;color:var(--ink2);text-align:right}
#demo-inline .rs{font-size:6px;font-weight:600;letter-spacing:.05em;border-radius:3px;padding:2px 5px;justify-self:end;white-space:nowrap}
#demo-inline .rs.bl{color:#b91c1c;background:#fde8ea}
#demo-inline .rs.ad{color:#a16207;background:#fdf4dc}
#demo-inline .rr{font-size:6.5px;font-weight:600;color:#15803d;background:#eafaf0;border-radius:9999px;padding:2px 7px;justify-self:end}
#demo-inline .exb{border:1px solid var(--line);border-radius:8px;padding:9px 10px}
#demo-inline .exbh{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:600;color:var(--ink)}
#demo-inline .eid{font-size:6.5px;color:var(--ink3);background:#f4f5fa;border-radius:4px;padding:2px 5px;font-weight:400}
#demo-inline .exbh .rs{margin-left:auto}
#demo-inline .exbg{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
#demo-inline .evlink{font-size:7.5px;color:var(--ind)}
#demo-inline .exbg .bv2{display:flex;align-items:center;gap:5px;font-size:8px}
#demo-inline .exbg .bv2 s{text-decoration:none;font-size:7px;color:var(--ink3);font-weight:400}
#demo-inline .exnote{background:#fafbfe;border:1px solid #eef0f6;border-radius:7px;padding:7px 9px;margin-top:8px;font-size:8px;color:var(--ink)}
#demo-inline .ck.warn2{background:#fefaf0;border-color:#f7e6bd;color:#7a5a1e}
#demo-inline .ck.warn2 b{color:#5f4514}
#demo-inline .ck.warn2 .dot{background:#fbeccd;color:#c08a2e}
#demo-inline .flag2{font-size:6.5px;font-weight:600;color:#a16207;background:#fdf4dc;border-radius:9999px;padding:2px 7px}
#demo-inline .chainok{margin-left:auto;font-size:6.5px;font-weight:600;color:#15803d;background:#eafaf0;border:1px solid #c6ecd4;border-radius:9999px;padding:2px 7px}
#demo-inline .ahead,#demo-inline .arow{display:grid;grid-template-columns:64px 1fr 84px;gap:9px;align-items:start}
#demo-inline .ahead{font-size:6px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3);background:#fafbfe;border-radius:6px 6px 0 0;padding:5px 8px}
#demo-inline .ahead span:last-child{text-align:right}
#demo-inline .arow{padding:6px 8px;border-bottom:1px solid #f4f5fa;background:#fff}
#demo-inline .arow .at{font-size:7px;color:var(--ink3);line-height:1.4}
#demo-inline .arow .at s{display:block;text-decoration:none}
#demo-inline .arow .aa{font-size:8px;color:var(--ink)}
#demo-inline .arow .aa b{font-weight:600}
#demo-inline .arow .aa em{font-style:normal;font-size:7.5px;font-weight:600}
#demo-inline .arow .aa em.ap{color:#15803d}
#demo-inline .arow .aa em.ov{color:#4338ca}
#demo-inline .arow .aa em.fl{color:#a16207}
#demo-inline .arow .aa em.nu{color:var(--ink2)}
#demo-inline .arow .aa s{display:block;text-decoration:none;font-size:7.5px;color:var(--ink2);margin-top:1px}
#demo-inline .arow .rtag{font-size:6px;color:var(--ink3);background:#f4f5fa;border-radius:3px;padding:1px 4px}
#demo-inline .arow .ah{font-size:6.5px;color:var(--ink3);text-align:right;line-height:1.5}
#demo-inline .arow .ah b{display:block;color:var(--ink);font-weight:600}
#demo-inline .attest{display:flex;gap:11px;background:#101828;border-radius:10px;padding:14px 16px}
#demo-inline .atshield{width:22px;height:22px;border-radius:6px;background:rgba(255,255,255,.08);color:#c08a2e;font-size:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#demo-inline .atk{font-size:6px;letter-spacing:.09em;text-transform:uppercase;color:#7d879c}
#demo-inline .attitle{font-size:12px;font-weight:600;color:#fff;margin:3px 0 5px}
#demo-inline .attest p{font-size:8px;line-height:1.6;color:#b6bfd0}
#demo-inline .attest p b{color:#fff}
#demo-inline .atfoot{font-size:6.5px;color:#7d879c;margin-top:9px;border-top:1px solid rgba(255,255,255,.08);padding-top:7px}
#demo-inline .atfoot b{color:#dfe4ee}

#demo-inline #s8 .lrow span,#demo-inline #s8 .lrow b{white-space:nowrap}
#demo-inline #s8 .lrow{gap:10px}

#demo-inline #dragpool{align-items:flex-start !important}
#demo-inline #dragpool .pgrp{align-items:flex-start !important}

/* ── rules & analytics screens ── */
#demo-inline #s9,#demo-inline #s10{overflow-y:auto !important}
#demo-inline #s9::-webkit-scrollbar,#demo-inline #s10::-webkit-scrollbar{width:5px}
#demo-inline #s9::-webkit-scrollbar-thumb,#demo-inline #s10::-webkit-scrollbar-thumb{background:#c9cfe0;border-radius:9px}
#demo-inline .rhd{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:5px}
#demo-inline .rtitle{font-size:14px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}
#demo-inline .rsubt{font-size:8.5px;color:var(--ink3);margin-top:1px}
#demo-inline .rintro{font-size:8px;color:var(--ink2);line-height:1.55;margin-bottom:7px;max-width:520px}
#demo-inline .ranges{display:flex;align-items:center;gap:5px}
#demo-inline .rg{font-size:7.5px;color:var(--ink3);border-radius:5px;padding:3px 7px}
#demo-inline .rg.on{background:#eef0fe;color:var(--ind);font-weight:600}
#demo-inline .rbar{display:flex;align-items:center;gap:8px;margin-bottom:8px}
#demo-inline .rc{font-size:8.5px;color:var(--ink2)}
#demo-inline .rc b{color:var(--ink);font-weight:600}
#demo-inline .rc.bl2{color:#b91c1c;font-weight:600}
#demo-inline .rc.ad2{color:#a16207;font-weight:600}
#demo-inline .rsrc{margin-left:auto;font-size:7.5px;color:var(--ink3);border:1px solid var(--line);border-radius:6px;padding:4px 8px;background:#fff;white-space:nowrap}
#demo-inline .rsrc b{color:var(--ink);font-family:'Geist Mono',monospace;font-size:7.5px}
#demo-inline .ruhead,#demo-inline .rurow{display:grid;grid-template-columns:1fr 116px 116px 40px;gap:9px;align-items:center}
#demo-inline .ruhead{font-size:6px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3);padding:8px 0 6px;border-bottom:1px solid var(--line)}
#demo-inline .ruhead span:not(:first-child){text-align:center}
#demo-inline .rgrp{font-size:6.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);background:#f6f7fb;border-radius:5px;padding:5px 8px;margin:7px 0 3px;font-weight:600}
#demo-inline .rurow{padding:6px 0;border-bottom:1px solid #f5f6fa}
#demo-inline .rname{font-size:9px;font-weight:600;color:var(--ink);display:flex;align-items:baseline;gap:6px}
#demo-inline .rid{font-size:6.5px;color:var(--ink3);font-weight:400}
#demo-inline .rcat{font-size:6px;letter-spacing:.07em;text-transform:uppercase;color:#a8b0c2;margin-top:2px}
#demo-inline .rparam{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:7px;color:var(--ink3)}
#demo-inline .rparam .ib{width:38px;text-align:center}
#demo-inline .ru{font-size:7px;color:var(--ink3)}
#demo-inline .rsev{display:flex;gap:4px;justify-content:center}
#demo-inline .sv{font-size:7.5px;color:var(--ink3);border:1px solid var(--line);border-radius:5px;padding:3px 7px;background:#fff}
#demo-inline .sv.on{background:#f4f5fa;color:var(--ink);font-weight:600;border-color:#dfe2ee}
#demo-inline .rstat{display:block;text-align:center;font-size:6.5px;font-weight:600;border-radius:9999px;padding:3px 7px;white-space:nowrap}
#demo-inline .rstat.bl{color:#b91c1c;background:#fde8ea}
#demo-inline .rstat.ad{color:#a16207;background:#fdf4dc}
#demo-inline .rtog{display:flex;justify-content:center}
#demo-inline .sw{width:20px;height:11px;border-radius:9999px;background:#dfe2ee;position:relative;display:block}
#demo-inline .sw.on{background:var(--ind)}
#demo-inline .sw::after{content:"";position:absolute;top:1.5px;left:1.5px;width:8px;height:8px;border-radius:9999px;background:#fff}
#demo-inline .sw.on::after{left:auto;right:1.5px}
#demo-inline .cht{font-size:10px;font-weight:600;color:var(--ink);display:flex;align-items:baseline;gap:7px;margin-bottom:6px}
#demo-inline .cht s{text-decoration:none;font-size:7px;color:var(--ink3);font-weight:400}
#demo-inline .lgd2{margin-left:auto;display:flex;gap:9px;font-size:6.5px;color:var(--ink3);font-weight:400}
#demo-inline .lgd2 i{display:inline-block;width:5px;height:5px;border-radius:1px;margin-right:3px}
#demo-inline .lchart{width:100%;height:74px;display:block}
#demo-inline .xax{display:flex;justify-content:space-between;font-size:5.5px;color:var(--ink3);margin-top:2px}
#demo-inline .frow2{display:grid;grid-template-columns:56px 1fr 18px;gap:7px;align-items:center;padding:2.5px 0}
#demo-inline .fl2{font-size:7.5px;color:var(--ink2);text-align:right}
#demo-inline .fbar{height:11px;background:#f2f4f9;border-radius:2px;overflow:hidden}
#demo-inline .fbar i{display:block;height:100%;background:#818cf8;border-radius:2px}
#demo-inline .fn2{font-size:7.5px;color:var(--ink);text-align:right;font-family:'Geist Mono',monospace}
#demo-inline .hrow{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:center;padding:2.5px 0}
#demo-inline .hl{font-size:7px;color:var(--ink3);text-align:right;font-family:'Geist Mono',monospace}
#demo-inline .hbar{height:12px}
#demo-inline .hbar i{display:block;height:100%;border-radius:2px}
#demo-inline .hbar i.bl{background:#dc2626}
#demo-inline .hbar i.ad{background:#eab308}
#demo-inline .donutrow{display:flex;align-items:center;gap:16px;padding:4px 0 0}
#demo-inline .donut{width:62px;height:62px;border-radius:9999px;background:conic-gradient(#16a34a 0 62%,#eab308 62% 90.5%,#dc2626 90.5% 100%);position:relative;flex-shrink:0}
#demo-inline .donut::after{content:"";position:absolute;inset:16px;background:#fff;border-radius:9999px}
#demo-inline .dleg div{display:flex;align-items:center;gap:6px;font-size:8px;color:var(--ink2);padding:1.5px 0}
#demo-inline .dleg i{display:inline-block;width:6px;height:6px;border-radius:9999px}
#demo-inline .dleg b{color:var(--ink);font-weight:600}
#demo-inline .dtot{color:var(--ink3);font-size:7.5px;margin-top:3px}
#demo-inline .mtc{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
#demo-inline .mtc .mv{font-size:29px;font-weight:600;color:var(--ind);letter-spacing:-.02em}
#demo-inline .mtc .ms{font-size:7.5px;color:var(--ink3);max-width:150px;margin-top:3px;line-height:1.5}

/* ── integrations + fix&flip ── */
#demo-inline #s11,#demo-inline #s12{overflow-y:auto !important}
#demo-inline #s11::-webkit-scrollbar,#demo-inline #s12::-webkit-scrollbar{width:5px}
#demo-inline #s11::-webkit-scrollbar-thumb,#demo-inline #s12::-webkit-scrollbar-thumb{background:#c9cfe0;border-radius:9px}
#demo-inline .iic{width:22px;height:22px;border-radius:7px;background:#eef0fe;border:1px solid #e2e5fb;color:var(--ind);font-size:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#demo-inline .ip{font-size:8px;line-height:1.6;color:var(--ink2)}
#demo-inline .iflow{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:wrap}
#demo-inline .iflow span{font-size:7px;color:var(--ink2);background:#f4f5fa;border-radius:9999px;padding:3px 8px;white-space:nowrap}
#demo-inline .iflow span.ok2{background:#eafaf0;color:#15803d;font-weight:600}
#demo-inline .iflow i{font-style:normal;font-size:7px;color:#c1c7d6}
#demo-inline .igrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#demo-inline .icard{background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px 13px}
#demo-inline .ih2{display:flex;gap:9px;align-items:flex-start;margin-bottom:6px}
#demo-inline .in2{font-size:10px;font-weight:600;color:var(--ink)}
#demo-inline .iav{font-size:6.5px;font-weight:600;color:var(--ink3);background:#f4f5fa;border-radius:9999px;padding:2px 6px;margin-left:3px}
#demo-inline .is2{font-size:7px;color:var(--ink3);margin-top:1px}
#demo-inline .ibr{font-size:7px;color:var(--ink3);margin:7px 0}
#demo-inline .ibr b{color:var(--ink2);font-weight:600}
#demo-inline .iacts{display:flex;gap:7px;border-top:1px solid #f2f4f9;padding-top:8px;flex-wrap:wrap}
#demo-inline .ifoot{font-size:7px;color:var(--ink3);margin-top:9px}
#demo-inline #s12 .lrow b{text-align:right}
#demo-inline #s12 .wsh .nm .samp2{margin-left:2px}

#demo-inline #s12 .lrow span,#demo-inline #s12 .lrow b{white-space:nowrap}
#demo-inline #s12 .lrow{gap:12px}
#demo-inline .lrw .nm2{white-space:nowrap}
#demo-inline .lrw .dt2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ── ledger row drawer ── */
#demo-inline #ledgerdrawer{position:absolute;inset:0;z-index:86;background:rgba(15,23,42,.30);display:none;justify-content:flex-end;opacity:0;transition:opacity .28s ease-out}
#demo-inline #ledgerdrawer .ldw{width:330px;height:100%;background:#fff;border-left:1px solid #dfe3ee;box-shadow:-14px 0 40px rgba(15,23,42,.16);transform:translateX(22px);transition:transform .3s cubic-bezier(.22,1,.36,1);overflow:hidden;display:flex;flex-direction:column}
#demo-inline #ledgerdrawer.in{opacity:1}
#demo-inline #ledgerdrawer.in .ldw{transform:none}
#demo-inline .ldh{display:flex;justify-content:flex-end;padding:9px 11px 0}
#demo-inline .ldx{font-size:12px;color:#a8b0c2}
#demo-inline .ldb{padding:2px 14px 14px;overflow-y:auto}
#demo-inline .ldtop{display:flex;align-items:center;gap:7px;margin-bottom:5px}
#demo-inline .ldrow{font-size:7px;color:var(--ink3);font-family:'Geist Mono',monospace}
#demo-inline .ldtitle{font-size:13px;font-weight:600;color:var(--ink);letter-spacing:-.01em;margin-bottom:10px}
#demo-inline .ldgrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#demo-inline .ldgrid .bv2{display:flex;align-items:center;gap:5px;font-size:8.5px}
#demo-inline .ldnote{border:1px solid var(--line);border-radius:7px;padding:8px 9px;font-size:8.5px;color:var(--ink);background:#fbfcff;margin-top:3px}
#demo-inline .ldhh{display:flex;align-items:center;justify-content:space-between;margin:11px 0 5px;font-size:6.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3)}
#demo-inline .ldhash{background:#101828;border-radius:8px;padding:10px 11px;display:flex;flex-direction:column;gap:8px}
#demo-inline .ldhr span{display:block;font-size:5.5px;letter-spacing:.08em;text-transform:uppercase;color:#7d879c;margin-bottom:2px}
#demo-inline .ldhr b{display:block;font-family:'Geist Mono',monospace;font-size:7px;font-weight:400;color:#dfe4ee;line-height:1.5;word-break:break-all}
#demo-inline .ldok{background:#f0fdf4;border:1px solid #c6ecd4;border-radius:7px;padding:8px 9px;font-size:7.5px;line-height:1.5;color:#15803d;margin-top:9px}
#demo-inline .ldopen{margin-top:10px;text-align:center;font-size:9px;font-weight:600;color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:7px}

/* ═══════════════════════════════════════════════════════
   RESPONSIVE
   >900px  : fitRow() scales entire #row (intro + demo)
   ≤900px  : column layout — intro ওপরে, wrap JS-scale
   ═══════════════════════════════════════════════════════ */
@media(max-width:900px){
  #demo-inline{padding:20px 14px;gap:20px}
  #demo-inline #row{flex-direction:column;align-items:center;gap:18px;width:100%}

  /* intro: ওপরে, centered */
  #demo-inline #intro{
    display:block;width:100%;min-width:0;
    max-width:640px;text-align:center;
  }
  #demo-inline #intro .eyebrow{margin:0 auto 14px}
  #demo-inline #intro h1{font-size:26px}
  #demo-inline #intro ul{display:inline-block;text-align:left}

  /* stage: x-only clip যাতে scaled #wrap ফুটো না করে, কিন্তু #tl এর circle y-তে visible থাকে */
  #demo-inline #stage{width:100%;max-width:1140px;align-items:center;overflow-x:clip;overflow-y:visible}
  /* pause button: mobile এ right clip হয় না, ওপরে gap দাও */
  #demo-inline #pause-btn{position:static;margin-bottom:8px;align-self:flex-end}
  #demo-inline #tl{width:100%;justify-content:flex-start;align-items:center;gap:6px;min-height:0;flex-wrap:wrap;padding:2px 4px}

  /* timeline: future steps collapse, done সবসময় green */
  #demo-inline #tl .tbar{display:none}
  #demo-inline #tl .tstep:not(.act):not(.done){width:0;height:0;overflow:hidden;opacity:0;pointer-events:none;padding:0;margin:0;flex-shrink:1}
  #demo-inline #tl .tstep.done{width:auto;flex-shrink:0;opacity:1;transform:scale(0.82);transition:opacity .22s ease,transform .25s ease;pointer-events:auto;cursor:pointer}
  #demo-inline #tl .tstep.done .tdot{width:14px;height:14px;background:#16a34a;border-color:#16a34a}
  #demo-inline #tl .tstep.done .tdot svg{opacity:1}
  #demo-inline #tl .tstep.done .tlbl{font-size:8px;color:#86efac;white-space:nowrap;opacity:0.7}
  #demo-inline #tl .tstep.act{width:auto;flex-shrink:0;opacity:1;transform:scale(1.1);transform-origin:left center;transition:transform .22s ease;pointer-events:auto}
  #demo-inline #tl .tstep.act .tdot{width:22px;height:22px}
  #demo-inline #tl .tstep.act .tlbl{font-size:12px;color:#fff;font-weight:700;white-space:nowrap}
  /* hover: done steps একটু বড় + label উজ্জ্বল */
  #demo-inline #tl.hovering .tstep.done{transform:scale(0.95)}
  #demo-inline #tl.hovering .tstep.done .tlbl{opacity:1;color:#fff}
}

@media(max-width:700px){
  #demo-inline{padding:14px 10px;gap:14px}
  #demo-inline #intro h1{font-size:22px}
  #demo-inline #intro p{font-size:12px}
}

@media(max-width:480px){
  #demo-inline{padding:10px 6px;gap:10px}
  #demo-inline #intro{max-width:100%}
  #demo-inline #intro h1{font-size:18px}
  #demo-inline #intro p{font-size:11px}
  #demo-inline #intro li{font-size:11px}
}

/* ── demo-header: full-width eyebrow + h1 ── */
#demo-inline #demo-header {
  width: 100%;
  max-width: 1160px;
  text-align: center;
  box-sizing: border-box;
}
#demo-inline #demo-header .eyebrow {
  background: none;
  border: none;
  padding: 0;
  justify-content: center;
  margin-bottom: 16px;
}
#demo-inline #demo-header h1 {
  font-size: clamp(1.5rem, 4vw, 3rem);
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #ffffff;
  margin: 0;
  font-family: 'Inter', system-ui, sans-serif;
}
#demo-inline #demo-header h1 em {
  font-style: normal;
  color: #3b82f6;
}

/* ── sub-header: p + bullets ── */
#demo-inline #demo-header-sub {
  width: 100%;
  max-width: 652px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  box-sizing: border-box;
  text-align: center;
}

#demo-inline #demo-header-sub p {
  font-size: 15px;
  line-height: 1.7;
  color: #9fb0cc;
  margin: 0;
  max-width: 820px;
}
#demo-inline #demo-header-sub ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 40px;
  text-align: left;
}
#demo-inline #demo-header-sub li {
  font-size: 14px;
  line-height: 1.5;
  color: #c3cee0;
  padding-left: 20px;
  text-indent: -20px;
}
#demo-inline #demo-header-sub li::before {
  content: "—";
  color: #3b82f6;
  margin-right: 8px;
}
#demo-inline #demo-header-sub li b { color: #ffffff; font-weight: 600; }

/* ── demo-right: full width ── */
#demo-inline #demo-right {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ── mobile ── */
@media (max-width: 700px) {
  #demo-inline {
    padding: 48px 24px 60px !important;
  }
  #demo-inline #demo-header {
    text-align: left;
  }
  #demo-inline #demo-header .eyebrow {
    justify-content: flex-start;
  }
  #demo-inline #demo-header-sub {
    align-items: flex-start;
    text-align: left;
    max-width: 100%;
  }
  #demo-inline #demo-header-sub ul {
    grid-template-columns: 1fr;
  }
}