@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

#judice-complete .brand-signals{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}
#judice-complete .hub{overflow:hidden}
#judice-complete .hub::before{content:'';position:absolute;inset:-50% 0;width:80%;background:linear-gradient(90deg,transparent,#6ce5ff35,transparent);transform:translateX(var(--hub-scan,-150%)) skewX(-20deg);opacity:var(--hub-on,0);pointer-events:none}
#judice-complete .hub::after{content:'';position:absolute;left:0;bottom:0;height:2px;width:var(--hub-progress,0%);background:#55dcf5;opacity:var(--hub-on,0);pointer-events:none}

#judice-complete{--j-ink:#10344e;--j-blue:#009fce;--j-cyan:#13bce8;--j-muted:#57758b;background:#f6fbfd;color:var(--j-ink);font-family:Manrope,Arial,sans-serif;overflow:hidden;border-radius:10px}
#judice-complete *{box-sizing:border-box}
#judice-complete button,#judice-complete a{font:inherit}
#judice-complete .review{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:#e8f1f6;padding:12px 24px;font-size:10px;letter-spacing:1.4px}
#judice-complete .controls{display:flex;gap:6px;flex-wrap:wrap;letter-spacing:0}
#judice-complete .controls button{font-size:11px;color:#31566e;border:1px solid #bdd3df;background:#f7fbfd;border-radius:5px;padding:9px 11px}
#judice-complete header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:23px 36px;background:#fff;border-bottom:1px solid #e4eff4}
#judice-complete .logo{width:164px;height:auto;display:block}
#judice-complete .signature{font-size:11px;line-height:1.6;color:#54768d;text-align:right}
#judice-complete .hero{padding:48px 36px 30px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 73% 40%,#d9f4fc 0%,#eff9fc 40%,#fff 79%)}
#judice-complete .hero::before{content:'';position:absolute;inset:0;z-index:-1;opacity:.35;background-image:linear-gradient(#bedce94a 1px,transparent 1px),linear-gradient(90deg,#bedce94a 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent 35%,#000)}
#judice-complete .layout{display:grid;grid-template-columns:.79fr 1.21fr;gap:16px;align-items:center}
#judice-complete .copy{position:relative;z-index:3}
#judice-complete .eyebrow{text-transform:uppercase;letter-spacing:1.5px;font-size:9px;color:#42788f;line-height:1.7;margin:0 0 22px}
#judice-complete h1{font-size:clamp(39px,5.1vw,56px);line-height:1.06;letter-spacing:-2.6px;font-weight:800;margin:0 0 24px}
#judice-complete h1 span{display:block}
#judice-complete h1 .accent{color:#00a4d4}
#judice-complete .lead{max-width:350px;font-size:14px;line-height:1.85;color:#496a81;margin:0 0 27px}
#judice-complete .cta{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:17px 20px;background:#007eae;color:#fff;border-radius:5px;font-size:12px;font-weight:700;text-decoration:none;box-shadow:0 9px 24px #009dc629}
#judice-complete .cta:hover{background:#09678c}
#judice-complete .micro{font-size:10px;color:#638498;margin-top:12px;line-height:1.7}
#judice-complete .scene{position:relative;min-height:740px;isolation:isolate}
#judice-complete .sources{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:0 5px}
#judice-complete .source{min-width:0;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #c5dfe9;border-radius:6px;padding:13px 10px;box-shadow:0 5px 17px #365d7610;font-size:10px;position:relative;overflow:hidden;transition:border-color .35s,background .35s,transform .45s}
#judice-complete .source i{width:15px;height:15px;flex:none;color:#008fbd}
#judice-complete .source.active{border-color:#12b3dd;background:#e7f9ff;transform:translateY(-3px)}
#judice-complete .source.done{border-color:#88c6d9}
#judice-complete .source .sweep{position:absolute;left:0;top:0;width:100%;height:2px;background:#1bc1e8;transform:scaleX(0);transform-origin:left}
#judice-complete .dataflow{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
#judice-complete .hub{position:absolute;left:50%;top:158px;transform:translateX(-50%);z-index:3;display:flex;align-items:center;justify-content:center;gap:11px;padding:12px 18px;background:#0b3d5c;color:#eafbff;border:1px solid #42bad9;border-radius:6px;box-shadow:0 9px 30px #008bb625;font-size:10px;letter-spacing:1.4px;white-space:nowrap}
#judice-complete .hub i{height:16px;width:16px;color:#56d9f7}
#judice-complete .judy{position:absolute;left:-2%;top:209px;height:490px;max-width:53%;object-fit:contain;z-index:2;filter:drop-shadow(0 20px 18px #174b6b22)}
#judice-complete .workbench{position:absolute;left:47%;right:0;top:231px;min-height:295px;z-index:4;perspective:800px}
#judice-complete .terminal{position:absolute;inset:0;background:#0e344e;border-radius:7px;color:#c2e8f1;padding:17px 17px 20px;box-shadow:0 16px 30px #31658024;transform-origin:left center}
#judice-complete .terminal-title{font-size:9px;letter-spacing:1.4px;color:#7dcadd;display:flex;align-items:center;gap:8px;padding-bottom:14px;border-bottom:1px solid #28536a;margin-bottom:17px}
#judice-complete .terminal-title i{height:14px;width:14px}
#judice-complete .code-line{font:10px/1.85 monospace;min-height:20px;white-space:pre-wrap;overflow-wrap:anywhere;color:#acd8e6}
#judice-complete .code-line.key{color:#55d0f3}
#judice-complete .code-line.note{color:#85aebf;padding-bottom:9px}
#judice-complete .process-detail{font-size:10px;line-height:1.6;color:#b7d9e7;border-top:1px solid #28536a;padding-top:14px;margin-top:17px;min-height:48px}
#judice-complete .result{position:relative;background:#fff;border:1px solid #a8d9e8;border-top:3px solid #04aed7;border-radius:6px;padding:20px;box-shadow:0 18px 35px #28567422;min-height:295px}
#judice-complete .result-kicker{font-size:9px;letter-spacing:1.3px;color:#0086af;margin-bottom:13px}
#judice-complete .result h2{font-size:20px;line-height:1.3;letter-spacing:-.8px;margin:0 0 17px;font-weight:800}
#judice-complete .result-row{padding:12px 0;border-top:1px solid #e1edf3;display:grid;grid-template-columns:17px 1fr;gap:9px;font-size:10px;line-height:1.6;color:#507189}
#judice-complete .result-row i{width:14px;height:14px;margin-top:3px;color:#008eaf}
#judice-complete .result-row strong{font-size:11px;display:block;color:#153d55;font-weight:700}
#judice-complete .review-note{font-size:9px;line-height:1.5;color:#5e7f91;margin-top:9px}
#judice-complete .scene-status{position:absolute;top:113px;left:0;right:0;text-align:center;font-size:10px;color:#38718a;letter-spacing:.3px}
#judice-complete .scene-caption{font-size:9px;color:#6b8b9d;line-height:1.6;text-align:right;margin-top:3px}
#judice-complete .journey{border-top:1px solid #cadfe9;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:24px;padding-top:19px}
#judice-complete .phase{padding-bottom:13px;position:relative;font-size:11px;color:#6d8798;line-height:1.5}
#judice-complete .phase b{display:inline-block;font-weight:500;color:#009ac4;margin-right:9px}
#judice-complete .phase.active{color:#103d57}
#judice-complete .phase::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#dbeaf1}
#judice-complete .phase-fill{position:absolute;left:0;bottom:0;height:2px;background:#05b0d9;z-index:1;width:0}
#judice-complete .next{background:#e9f5fa;border-top:1px solid #d2e6ee;padding:27px 36px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
#judice-complete .next strong{font-size:17px;line-height:1.5;letter-spacing:-.4px}
#judice-complete .next span{font-size:11px;line-height:1.6;color:#4f738a;max-width:275px}
#judice-complete .terminal{opacity:0;pointer-events:none}
@media(max-width:760px){#judice-complete header{padding:22px 25px}#judice-complete .hero{padding:36px 25px 27px}#judice-complete .layout{grid-template-columns:1fr;gap:30px}#judice-complete h1{font-size:54px}#judice-complete .lead{max-width:490px}#judice-complete .scene{width:min(100%,560px);margin:auto}#judice-complete .scene-caption{text-align:center}#judice-complete .next{padding:25px}#judice-complete .journey{gap:15px}}
@media(max-width:420px){#judice-complete .review{padding:12px 15px}#judice-complete header{padding:19px 18px}#judice-complete .logo{width:142px}#judice-complete .signature{font-size:9px;max-width:105px}#judice-complete .hero{padding:32px 18px 24px}#judice-complete h1{font-size:40px;letter-spacing:-2px}#judice-complete .sources{gap:7px;padding:0;grid-template-columns:repeat(2,1fr)}#judice-complete .source{padding:12px 9px;font-size:10px}#judice-complete .scene{min-height:1230px}#judice-complete .scene-status{top:171px}#judice-complete .hub{top:206px}#judice-complete .judy{height:400px;max-width:78%;left:-8%;top:255px}#judice-complete .workbench{left:0;right:0;top:700px;min-height:298px}#judice-complete .terminal{padding:17px}#judice-complete .result{padding:18px;min-height:298px}#judice-complete .result h2{font-size:20px}#judice-complete .journey{gap:11px}#judice-complete .phase{font-size:10px}#judice-complete .phase b{display:block;margin-bottom:4px}#judice-complete .next{padding:23px 18px}}
@media(prefers-reduced-motion:reduce){#judice-complete *{transition:none!important}}