.ccf{--rule:hsl(var(--border));--sheet:hsl(var(--card));--ink:hsl(var(--foreground));--muted:hsl(var(--muted-foreground));--blue:hsl(var(--primary))}.ccf .stage{--sbg:#0d1726;--sfg:#e9eef6;--smut:#8b98ab;--win:#ffffff;--wpap:#f5f4ef;--wink:#111a27;--wmut:#5f6774;--wrule:#dfe2e6;--wblue:#1b3354;--wmist:#e4eaf2;--wseal:#9a1d22;--wgood:#2f6b4f;--wgoodbg:#e3efe8;--wwarn:#8a5a12;--wwarnbg:#f6ecd9;--wbad:#9a1d22;--wbadbg:#f7e4e4;position:relative;aspect-ratio:16/9;max-width:100%;container-type:inline-size;background:radial-gradient(120% 90% at 85% 10%,#1d3150 0,var(--sbg) 55%);border-radius:16px;overflow:hidden;color:var(--sfg);box-shadow:0 40px 80px -50px rgba(13,23,38,.9)}.ccf .stage *{box-sizing:border-box}.ccf .sv-side{position:absolute;left:4cqw;top:6cqw;bottom:6cqw;width:24cqw;display:grid;align-content:space-between}.ccf .sv-num{font:700 9cqw/1 var(--font-serif),Georgia,serif;color:#9db8dc;letter-spacing:-.02em;transition:opacity .4s}.ccf .sv-title{font:600 2.6cqw/1.15 var(--font-serif),Georgia,serif;margin-top:1.4cqw;color:var(--sfg)}.ccf .sv-sub{font:400 1.35cqw/1.5 var(--font-sans),system-ui,sans-serif;color:var(--smut);margin-top:1cqw}.ccf .sv-steps{list-style:none;margin:0;padding:0;display:grid;gap:.9cqw}.ccf .sv-steps li{display:grid;grid-template-columns:2.2cqw 1fr;gap:1cqw;align-items:center;font:500 1.25cqw var(--font-sans),system-ui,sans-serif;color:var(--smut);transition:color .3s}.ccf .sv-steps li i{width:1.4cqw;height:1.4cqw;border-radius:50%;border:.2cqw solid #3a4e6c;display:block;transition:all .3s}.ccf .sv-steps li.on{color:var(--sfg)}.ccf .sv-steps li.on i{background:#9db8dc;border-color:#9db8dc;box-shadow:0 0 0 .5cqw rgba(157,184,220,.18)}.ccf .sv-steps li.done i{background:#3a4e6c;border-color:#3a4e6c}.ccf .win{position:absolute;right:4cqw;top:5cqw;bottom:5cqw;left:31cqw;background:var(--win);border-radius:1.2cqw;overflow:hidden;box-shadow:0 2cqw 5cqw -1.5cqw rgba(0,0,0,.55);color:var(--wink)}.ccf .wbar{height:3.4cqw;background:var(--wpap);border-bottom:1px solid var(--wrule);display:flex;align-items:center;gap:.7cqw;padding:0 1.4cqw}.ccf .wbar i{width:.9cqw;height:.9cqw;border-radius:50%;background:#d4d7dc}.ccf .wurl{margin-left:1.4cqw;flex:1;max-width:46%;height:2cqw;border-radius:1cqw;background:var(--win);border:1px solid var(--wrule);font:500 1.05cqw/2cqw ui-monospace,Menlo,monospace;color:var(--wmut);padding:0 1cqw}.ccf .wmark{margin-left:auto;font:700 1.35cqw var(--font-serif),Georgia,serif}.ccf .wbody{position:absolute;inset:3.4cqw 0 0 0}.ccf .sc{position:absolute;inset:0;opacity:0;transition:opacity .45s ease;pointer-events:none}.ccf .stage[data-scene="1"] .sc1,.ccf .stage[data-scene="2"] .sc2,.ccf .stage[data-scene="3"] .sc3,.ccf .stage[data-scene="4"] .sc3,.ccf .stage[data-scene="5"] .sc5{opacity:1}.ccf .t{transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s ease,background-color .4s,width .9s ease}.ccf .sc1 .dz{position:absolute;left:12%;right:12%;top:16%;bottom:16%;border:.18cqw dashed #9fb2cb;border-radius:1.2cqw;display:grid;place-items:center;align-content:center;gap:1cqw;transition:background .3s,border-color .3s}.ccf .sc1 .dz b{font:600 1.7cqw var(--font-sans),system-ui,sans-serif;color:var(--wblue)}.ccf .sc1 .dz small{font:400 1.1cqw var(--font-sans),system-ui,sans-serif;color:var(--wmut)}.ccf .stage[data-scene="1"] .dz{background:var(--wmist);border-color:var(--wblue);transition-delay:1.3s}.ccf .sc1 .dz b,.ccf .sc1 .dz small{transition:opacity .3s}.ccf .stage[data-scene="1"] .dz b,.ccf .stage[data-scene="1"] .dz small{opacity:0;transition-delay:1s}.ccf .sc1 .rd{position:absolute;left:37%;width:26%;top:65%;font:500 1cqw var(--font-sans),system-ui,sans-serif;color:var(--wblue);text-align:center;opacity:0;transition:opacity .3s}.ccf .stage[data-scene="1"] .rd{opacity:1;transition-delay:1.6s}.ccf .sc1 .file{position:absolute;left:58%;top:-30%;width:26%;padding:1.1cqw 1.2cqw;background:var(--win);border:1px solid var(--wrule);border-radius:.8cqw;box-shadow:0 1.4cqw 3cqw -1cqw rgba(17,26,39,.45);display:grid;grid-template-columns:2.6cqw 1fr;gap:1cqw;align-items:center;transform:rotate(8deg)}.ccf .sc1 .file svg{width:2.6cqw;height:2.6cqw;color:var(--wblue)}.ccf .sc1 .file b{font:600 1.15cqw var(--font-sans),system-ui,sans-serif;display:block}.ccf .sc1 .file span{font:400 .95cqw ui-monospace,Menlo,monospace;color:var(--wmut)}.ccf .stage[data-scene="1"] .file{top:40%;left:37%;transform:rotate(0);transition-delay:.3s;transition-duration:1.1s}.ccf .sc1 .prog{position:absolute;left:37%;width:26%;top:62%;height:.5cqw;border-radius:.3cqw;background:var(--wmist);overflow:hidden;opacity:0}.ccf .sc1 .prog i{display:block;height:100%;width:0;background:var(--wblue);transition:width 1.6s ease}.ccf .stage[data-scene="1"] .prog{opacity:1;transition-delay:1.5s}.ccf .stage[data-scene="1"] .prog i{width:100%;transition-delay:1.7s}.ccf .sc2 .doc{position:absolute;left:4%;top:7%;bottom:7%;width:58%;background:var(--wpap);border-radius:.8cqw;padding:2.2cqw 2.4cqw;font:400 1.42cqw/1.75 var(--font-serif),Georgia,serif;color:var(--wink)}.ccf .sc2 .doc .fn{display:block;font:500 .95cqw ui-monospace,Menlo,monospace;color:var(--wmut);margin-bottom:1cqw}.ccf .hl{background:linear-gradient(var(--wmist),var(--wmist)) no-repeat 0 0/0 100%;transition:background-size .7s ease;border-radius:.2cqw;padding:0 .15cqw}.ccf .hl.u{background-image:linear-gradient(var(--wwarnbg),var(--wwarnbg))}.ccf .stage[data-scene="2"] .hl{background-size:100% 100%}.ccf .stage[data-scene="2"] .hl:nth-of-type(2){transition-delay:.2s}.ccf .stage[data-scene="2"] .hl:nth-of-type(3){transition-delay:.8s}.ccf .stage[data-scene="2"] .hl:nth-of-type(4){transition-delay:1.4s}.ccf .stage[data-scene="2"] .hl:nth-of-type(5){transition-delay:2s}.ccf .sc2 .facts{position:absolute;right:4%;top:7%;width:31%;display:grid;gap:1cqw}.ccf .sc2 .facts .h{font:500 .95cqw ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--wmut)}.ccf .fc{display:grid;grid-template-columns:auto 1fr;gap:.8cqw;align-items:center;background:var(--win);border:1px solid var(--wrule);border-radius:.7cqw;padding:.9cqw 1cqw;font:500 1.12cqw/1.3 var(--font-sans),system-ui,sans-serif;opacity:0;transform:translateX(3cqw)}.ccf .fc em{font:600 .8cqw ui-monospace,Menlo,monospace;font-style:normal;text-transform:uppercase;padding:.25cqw .5cqw;border-radius:.3cqw;background:var(--wgoodbg);color:var(--wgood)}.ccf .fc.u em{background:var(--wwarnbg);color:var(--wwarn)}.ccf .stage[data-scene="2"] .fc{opacity:1;transform:none}.ccf .stage[data-scene="2"] .fc:nth-child(2){transition-delay:.5s}.ccf .stage[data-scene="2"] .fc:nth-child(3){transition-delay:1.1s}.ccf .stage[data-scene="2"] .fc:nth-child(4){transition-delay:1.7s}.ccf .stage[data-scene="2"] .fc:nth-child(5){transition-delay:2.3s}.ccf .sc3 .vh{position:absolute;left:4%;right:4%;top:6%;display:flex;justify-content:space-between;align-items:center}.ccf .sc3 .vh b{font:600 1.9cqw var(--font-serif),Georgia,serif}.ccf .sc3 .bar{display:flex;gap:.25cqw;width:30%;height:1cqw;border-radius:.5cqw;overflow:hidden}.ccf .sc3 .bar i{height:100%;transform:scaleX(0);transform-origin:left;transition:transform .8s ease}.ccf .stage[data-scene="3"] .sc3 .bar i,.ccf .stage[data-scene="4"] .sc3 .bar i{transform:none;transition-delay:2.1s}.ccf .rows{position:absolute;left:4%;right:4%;top:17%;display:grid;gap:.8cqw}.ccf .rw{display:grid;grid-template-columns:.45cqw 9cqw 1fr 12cqw;gap:1.4cqw;align-items:center;background:var(--win);border:1px solid var(--wrule);border-radius:.8cqw;padding:1cqw 1.4cqw 1cqw 0;overflow:hidden;opacity:0;transform:translateY(1.4cqw)}.ccf .rw .str{align-self:stretch;margin:-1cqw 0}.ccf .rw .law{font:600 .9cqw ui-monospace,Menlo,monospace;color:var(--wblue);letter-spacing:.06em}.ccf .rw .nm{font:600 1.3cqw var(--font-sans),system-ui,sans-serif}.ccf .rw .nm small{display:block;font:400 1cqw var(--font-sans),system-ui,sans-serif;color:var(--wmut);margin-top:.2cqw;max-height:0;overflow:hidden;transition:max-height .6s ease}.ccf .rw .stp{justify-self:end;font:600 1cqw var(--font-sans),system-ui,sans-serif;padding:.45cqw .9cqw;border-radius:2cqw;opacity:0;transform:scale(1.8) rotate(-8deg);transition:transform .35s cubic-bezier(.3,1.6,.5,1),opacity .2s}.ccf .stage[data-scene="3"] .rw,.ccf .stage[data-scene="3"] .rw .stp,.ccf .stage[data-scene="4"] .rw,.ccf .stage[data-scene="4"] .rw .stp{opacity:1;transform:none}.ccf .stage[data-scene="4"] .rw .nm small{max-height:3cqw}.ccf .rw:nth-child(2),.ccf .rw:nth-child(2) .stp{transition-delay:.35s}.ccf .rw:nth-child(3),.ccf .rw:nth-child(3) .stp{transition-delay:.7s}.ccf .rw:nth-child(4),.ccf .rw:nth-child(4) .stp{transition-delay:1.05s}.ccf .rw:nth-child(5),.ccf .rw:nth-child(5) .stp{transition-delay:1.4s}.ccf .rw .stp{transition-delay:calc(var(--k) * .35s + .5s)!important}.ccf .srcs4{position:absolute;right:4%;bottom:5%;display:flex;gap:.7cqw;opacity:0;transform:translateY(1cqw)}.ccf .srcs4 span{font:500 .95cqw ui-monospace,Menlo,monospace;background:var(--wmist);color:var(--wblue);padding:.4cqw .7cqw;border-radius:.4cqw}.ccf .stage[data-scene="4"] .srcs4{opacity:1;transform:none;transition-delay:.4s}.ccf .tip4{position:absolute;left:50%;top:21%;background:var(--wink);color:#fff;font:500 1cqw/1.4 var(--font-sans),system-ui,sans-serif;padding:.8cqw 1cqw;border-radius:.6cqw;width:24%;opacity:0;transform:translateY(.8cqw)}.ccf .tip4 b{font:600 .9cqw ui-monospace,Menlo,monospace;color:#9db8dc;display:block}.ccf .stage[data-scene="4"] .tip4{opacity:1;transform:none;transition-delay:1.2s}.ccf .sc5 .paper{position:absolute;left:31%;top:7%;bottom:7%;width:34%;background:var(--win);border:1px solid var(--wrule);border-radius:.4cqw;box-shadow:0 2cqw 4cqw -2cqw rgba(17,26,39,.5);padding:2.2cqw;display:grid;align-content:start;gap:1cqw;opacity:0;transform:translateY(4cqw) rotate(-2deg)}.ccf .sc5 .paper .m{font:500 .85cqw ui-monospace,Menlo,monospace;color:var(--wmut)}.ccf .sc5 .paper b{font:700 1.6cqw/1.2 var(--font-serif),Georgia,serif}.ccf .sc5 .paper span{display:block;height:.55cqw;border-radius:.3cqw;background:var(--wmist)}.ccf .sc5 .paper .s{font:600 1cqw var(--font-sans),system-ui,sans-serif;margin-top:.6cqw}.ccf .seal5{position:absolute;right:1.6cqw;bottom:1.6cqw;width:9cqw;height:9cqw;border:.3cqw solid var(--wseal);border-radius:50%;color:var(--wseal);display:grid;place-items:center;text-align:center;font:700 .95cqw/1.25 ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.06em;opacity:0;transform:scale(2.6) rotate(-35deg)}.ccf .seal5:before{content:"";position:absolute;inset:.6cqw;border:.12cqw solid var(--wseal);border-radius:50%}.ccf .stage[data-scene="5"] .paper{opacity:1;transform:none}.ccf .stage[data-scene="5"] .seal5{opacity:1;transform:scale(1) rotate(-12deg);transition:transform .3s cubic-bezier(.3,1.4,.5,1) 1.3s,opacity .1s 1.3s}.ccf .sc5 .stats{position:absolute;left:4%;top:50%;transform:translateY(-50%);display:grid;gap:1cqw;width:23%}.ccf .sc5 .stats div{background:var(--wpap);border-radius:.8cqw;padding:1cqw 1.2cqw;opacity:0;transform:translateX(-2cqw)}.ccf .sc5 .stats b{font:700 2.4cqw/1 var(--font-serif),Georgia,serif;display:block}.ccf .sc5 .stats span{font:400 1cqw var(--font-sans),system-ui,sans-serif;color:var(--wmut)}.ccf .stage[data-scene="5"] .stats div{opacity:1;transform:none}.ccf .stage[data-scene="5"] .stats div:nth-child(2){transition-delay:.25s}.ccf .stage[data-scene="5"] .stats div:nth-child(3){transition-delay:.5s}.ccf .sc5 .dl{position:absolute;right:4%;top:50%;transform:translateY(-50%);display:grid;gap:1cqw;width:24%}.ccf .sc5 .dl div{font:600 1.15cqw var(--font-sans),system-ui,sans-serif;padding:1.1cqw 1.2cqw;border-radius:.7cqw;background:var(--wblue);color:#fff;opacity:0;transform:translateX(2cqw);display:flex;justify-content:space-between}.ccf .sc5 .dl div.g{background:var(--win);color:var(--wblue);border:1px solid var(--wrule)}.ccf .stage[data-scene="5"] .dl div{opacity:1;transform:none;transition-delay:1.8s}.ccf .stage[data-scene="5"] .dl div:nth-child(2){transition-delay:2.05s}.ccf .cur{position:absolute;width:2.2cqw;height:2.2cqw;left:80%;top:80%;transition:left 1.1s cubic-bezier(.5,0,.2,1),top 1.1s cubic-bezier(.5,0,.2,1);z-index:5;filter:drop-shadow(0 .3cqw .4cqw rgba(0,0,0,.35))}.ccf .stage[data-scene="1"] .cur{left:66%;top:60%;transition-delay:.4s}.ccf .stage[data-scene="2"] .cur{left:52%;top:56%}.ccf .stage[data-scene="3"] .cur{left:88%;top:44%}.ccf .stage[data-scene="4"] .cur{left:60%;top:33%;transition-delay:.6s}.ccf .stage[data-scene="5"] .cur{left:88%;top:57%;transition-delay:1.6s}.ccf .fctl{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.ccf .fctl button.pp{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--rule);background:var(--sheet);color:var(--ink);width:40px;height:40px;border-radius:50%;cursor:pointer;display:grid;place-items:center}.ccf .dots button:focus-visible,.ccf .fctl button.pp:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.ccf .dots{display:flex;gap:8px;flex:1;min-width:220px}.ccf .dots button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;flex:1;background:none;cursor:pointer;padding:6px 0;display:grid;gap:5px;text-align:left}.ccf .dots button span{display:block;height:4px;border-radius:2px;background:var(--rule);overflow:hidden}.ccf .dots button span i{display:block;height:100%;width:0;background:var(--blue)}.ccf .dots button small{font:500 12px var(--font-sans),system-ui,sans-serif;color:var(--muted)}.ccf .dots button[aria-current=true] small{color:var(--ink);font-weight:600}@container (max-width:560px){.ccf .sv-side{display:none}.ccf .win{left:3cqw;right:3cqw}}@media (prefers-reduced-motion:reduce){.ccf *{transition:none!important;animation:none!important}}