.trace-page{--navy:#0b1d3a;--navy-2:#0e2647;--brand:#376fd1;--brand-600:#2f63bd;--brand-lite:#79a6ec;--ink:#152238;--slate:#3c4a61;--muted:#6a7890;--canvas:#f4f7fc;--surface:#fff;--line:#dce4f0;--line-2:#c9d5e8;--high:#0f9d63;--high-bg:#e7f6ee;--shadow-sm:0 1px 2px #0b1d3a0f, 0 2px 8px #0b1d3a0d;--shadow-md:0 20px 48px -28px #0b1d3a80, 0 2px 8px #0b1d3a0f;--shadow-lg:0 50px 100px -40px #040c1ca6;--font-head:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-ui:"Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", "Cascadia Code", Menlo, monospace;--maxw:1120px;background:var(--canvas);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:17px;line-height:1.6}html{scroll-behavior:smooth}body:has(.trace-page){background:#f4f7fc}.trace-page h1,.trace-page h2,.trace-page h3{font-family:var(--font-head);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:700}.trace-page p{margin:0}.trace-page section{padding:74px 0}.trace-page .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}.trace-page [id]{scroll-margin-top:80px}.trace-page .hero{background:radial-gradient(120% 90% at 82% -8%, #163257 0%, #16325700 55%), radial-gradient(90% 80% at 10% 4%, #123056 0%, #102b4a00 50%), linear-gradient(180deg, var(--navy) 0%, var(--navy-2) 100%);color:#fff;border-bottom:1px solid #ffffff0f;position:relative;overflow:hidden}.trace-page .hero .grat{opacity:.5;pointer-events:none;background-image:repeating-linear-gradient(0deg,#78a6ec12 0 1px,#0000 1px 58px),repeating-linear-gradient(90deg,#78a6ec12 0 1px,#0000 1px 58px);position:absolute;inset:0;mask-image:radial-gradient(120% 100% at 50% 20%,#000 55%,#0000 100%)}.trace-page .hero .wrap{padding:64px 28px 72px;position:relative}.trace-page .hero-grid{grid-template-columns:1fr;align-items:center;gap:44px;display:grid}@media (width>=1000px){.trace-page .hero-grid{justify-items:center;gap:40px}.trace-page .hero-grid>div:first-child{text-align:center;width:100%;max-width:980px}.trace-page .hero .lede{margin-left:auto;margin-right:auto}.trace-page .hero .btns{justify-content:center}}.trace-page .hero h1{text-wrap:normal;margin:22px 0 0;font-size:clamp(30px,4.4vw,46px);line-height:1.06}.trace-page .hero h1 em{color:var(--brand-lite);font-style:normal}.trace-page .hero .lede{color:#c5d2e6;max-width:36em;margin-top:20px;font-size:19px;line-height:1.55}.trace-page .hero .btns{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.trace-page .trace-btn{cursor:pointer;border:1px solid #0000;border-radius:11px;align-items:center;gap:9px;padding:13px 22px;font-size:15.5px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.trace-page .trace-btn-primary{background:var(--brand);color:#fff;box-shadow:0 12px 30px -12px #376fd1cc}.trace-page .trace-btn-primary:hover{background:var(--brand-600);transform:translateY(-1px)}.trace-page .window{box-shadow:var(--shadow-lg);background:#0a1730;border:1px solid #79a6ec38;border-radius:16px;overflow:hidden}.trace-page .window .bar{background:#0c1a34;border-bottom:1px solid #ffffff12;align-items:center;gap:8px;padding:11px 14px;display:flex}.trace-page .window .bar .dot{background:#26365a;border-radius:50%;width:11px;height:11px}.trace-page .window .bar .url{font-family:var(--font-mono);color:#7d8fb0;align-items:center;gap:7px;margin-left:12px;font-size:12px;display:flex}.trace-page .window .bar .url svg{opacity:.8;width:12px;height:12px}.trace-page .sec-head{max-width:760px;margin-bottom:40px}.trace-page .sec-head h2{margin-top:12px;font-size:clamp(26px,3.4vw,38px);line-height:1.1}.trace-page .sec-head h2 em{color:var(--brand);font-style:normal}.trace-page .sec-head p{color:var(--slate);margin-top:16px;font-size:18px}.trace-page .gap{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trace-page .steps{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=860px){.trace-page .steps{grid-template-columns:repeat(3,1fr)}}.trace-page .step{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:16px;padding:28px 24px 26px;position:relative}.trace-page .step .n{font-family:var(--font-head);background:var(--brand);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:700;display:flex}.trace-page .step h3{margin:16px 0 8px;font-size:19px}.trace-page .step p{color:var(--slate);font-size:15px;line-height:1.55}.trace-page .step .ic{color:#c3d2ea;position:absolute;top:26px;right:24px}.trace-page .usecases .sec-head{max-width:900px}.trace-page .uc-group{margin-top:38px}.trace-page .uc-label{font-family:var(--font-head);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:20px;font-weight:700}.trace-page .uc-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=780px){.trace-page .uc-grid{grid-template-columns:repeat(2,1fr)}}.trace-page .uc-card{background:var(--canvas);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:14px;padding:22px 22px 24px}.trace-page .uc-card .nm{font-family:var(--font-head);letter-spacing:-.01em;color:var(--ink);font-size:16.5px;font-weight:700}.trace-page .uc-card .nt{color:var(--slate);margin-top:9px;font-size:14.5px;line-height:1.58}.trace-page .uc-group.env .uc-card .nm{color:var(--brand)}.trace-page .complement{color:var(--ink);margin-top:16px;font-size:18px;font-weight:600;line-height:1.5}.trace-page .sec-head h2.narro-h2{text-wrap:normal;font-size:clamp(22px,2.4vw,26px);line-height:1.18}.trace-page .gap-solution{max-width:960px;margin:10px auto 0}.trace-page .gs-arrow{color:var(--brand);opacity:.75;justify-content:center;margin-bottom:4px;display:flex}.trace-page .gs-arrow svg{display:block}.trace-page .gs-card{color:var(--ink);box-shadow:var(--shadow-sm);background:linear-gradient(#376fd11a,#376fd10d);border:1px solid #376fd157;border-radius:14px;padding:20px 24px;font-size:16.5px;line-height:1.6}.trace-page .gs-lead{font-family:var(--font-head);color:var(--brand);font-weight:700}.trace-page .journey-label{font-family:var(--font-head);color:var(--ink);letter-spacing:-.01em;margin:2px 0 16px;font-size:18px;font-weight:700}.trace-page .tradeflow{background:radial-gradient(78% 120% at 72% -18%,#2d5c9e8c,#2d5c9e00 58%),linear-gradient(#0c1d3b,#0a1a33);border:1px solid #79a6ec38;border-radius:16px;margin:34px 0 0;padding:26px 20px 20px;box-shadow:0 24px 60px -30px #040c1cb3}.trace-page .tf-scroll{overflow-x:auto}.trace-page .tradeflow svg{width:100%;min-width:640px;height:auto;display:block}.trace-page .journey{flex-wrap:wrap;align-items:stretch;gap:12px;display:flex}.trace-page .jstep{background:var(--surface);border:1px solid var(--line);min-width:180px;box-shadow:var(--shadow-sm);border-radius:14px;flex:1;padding:20px 22px;position:relative}.trace-page .jstep.on{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand) inset, var(--shadow-sm)}.trace-page .jstep .t{font-family:var(--font-head);align-items:center;gap:9px;font-size:18px;font-weight:700;display:flex}.trace-page .jstep .t .b{background:var(--canvas);width:22px;height:22px;color:var(--muted);border-radius:7px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.trace-page .jstep.on .t .b{background:var(--brand);color:#fff}.trace-page .jstep p{color:var(--slate);margin-top:8px;font-size:14px}.trace-page .jstep .tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--brand);font-size:10px;position:absolute;top:16px;right:18px}.trace-page .formsec{background:var(--surface);border-top:1px solid var(--line)}.trace-page .form-grid{grid-template-columns:1fr;align-items:start;gap:44px;display:grid}@media (width>=940px){.trace-page .form-grid{grid-template-columns:.9fr 1.1fr}}.trace-page .form-copy h2{font-size:clamp(26px,3.4vw,36px);line-height:1.1}.trace-page .form-copy h2 em{color:var(--brand);font-style:normal}.trace-page .form-copy p{color:var(--slate);margin-top:16px;font-size:17px}.trace-page .form-card{background:var(--canvas);border:1px solid var(--line);box-shadow:var(--shadow-md);border-radius:18px;padding:30px}.trace-page .form-error{color:#a02c2c;background:#fdecec;border:1px solid #f3b8b8;border-radius:9px;margin:12px 0 0;padding:11px 14px;font-size:14px;line-height:1.45;display:none}.trace-page .form-error.show{display:block}.trace-page .hp-field{width:1px;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden}.trace-page button.submit[disabled]{opacity:.65;cursor:default;transform:none}.trace-page .frow{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=560px){.trace-page .frow.two{grid-template-columns:1fr 1fr}}.trace-page .field{flex-direction:column;gap:6px;display:flex}.trace-page .field label{color:var(--ink);font-size:13.5px;font-weight:700}.trace-page .field label .opt{color:var(--muted);font-weight:500}.trace-page .field input,.trace-page .field select{font-family:var(--font-ui);color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:10px;width:100%;padding:11px 13px;font-size:15px;transition:all .15s}.trace-page .field input:focus,.trace-page .field select:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #376fd129}.trace-page .consent{color:var(--muted);align-items:flex-start;gap:11px;margin-top:4px;font-size:13px;line-height:1.5;display:flex}.trace-page .consent input{width:17px;height:17px;accent-color:var(--brand);flex:none;margin-top:2px}.trace-page .submit{justify-content:center;width:100%;margin-top:6px;padding:14px;font-size:16px}.trace-page .form-note{color:var(--muted);text-align:center;margin-top:14px;font-size:12.5px}.trace-page .success{text-align:center;padding:26px 10px;display:none}.trace-page .success.show{display:block}.trace-page .success .badge{background:var(--high-bg);width:56px;height:56px;color:var(--high);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.trace-page .success h3{font-size:22px}.trace-page .success p{color:var(--slate);margin-top:10px;font-size:15.5px}.trace-page form.hide{display:none}.trace-page .reveal{opacity:0;transform:translateY(16px)}.trace-page .reveal.in{opacity:1;transition:opacity .6s,transform .6s;transform:none}@media (prefers-reduced-motion:reduce){.trace-page .reveal{opacity:1!important;transform:none!important}html{scroll-behavior:auto}}.trace-page .tf-rail{fill:none;stroke:#2a3d63;stroke-width:3px}.trace-page .tf-seg{fill:none;stroke-width:4px;stroke-linecap:round}.trace-page .tf-trade{stroke:#7387a8}.trace-page .tf-trace{stroke:#6aa5ff;filter:url(#tfGlow)}.trace-page .tf-node{fill:#0c1d3b;stroke-width:3px}.trace-page .tf-node.trade{stroke:#7387a8}.trace-page .tf-node.trace{stroke:#79a6ec;filter:url(#tfGlow)}.trace-page .tf-hub{fill:#eaf1fb;stroke:#9cc0ff;stroke-width:2.6px;filter:url(#tfGlow)}.trace-page .tf-lab{fill:#b9c8e4;font-family:Manrope,system-ui,sans-serif;font-size:12px}.trace-page .tf-brk{fill:none;stroke-width:1.6px}.trace-page .tf-brk.trade{stroke:#7387a8}.trace-page .tf-brk.trace{stroke:#79a6ec}.trace-page .tf-tag{font-family:Manrope,system-ui,sans-serif;font-size:13px;font-weight:700}.trace-page .tf-tag.trade{fill:#aab8d0}.trace-page .tf-tag.trace{fill:#8fbaff}.trace-page .tf-stop{fill:#8ea0bd;letter-spacing:.04em;font-family:ui-monospace,Menlo,monospace;font-size:10.5px}.trace-page .tf-div{stroke:#46608c;stroke-width:1.4px;stroke-dasharray:3 5}.trace-page .tf-dot{opacity:0}.trace-page .tf-dot.trade{fill:#8497b8}.trace-page .tf-dot.trace{fill:#8fc4ff;filter:url(#tfGlow)}@media (prefers-reduced-motion:no-preference){.trace-page .tf-seg.tf-trade{stroke-dasharray:365;stroke-dashoffset:365px;animation:.9s .4s forwards tfdraw}.trace-page .tf-seg.tf-trace{stroke-dasharray:325;stroke-dashoffset:325px;animation:1s 1.4s forwards tfdraw}.trace-page .tf-lit{opacity:0;animation:.9s 1.5s forwards tffade}.trace-page .tf-g-trade{opacity:0;animation:.5s .4s forwards tffade}.trace-page .tf-g-trace{opacity:0;animation:.5s 1.5s forwards tffade}.trace-page .tf-g-stop{opacity:0;animation:.4s 1.15s forwards tffade}.trace-page .tf-dot.trade{animation:2.6s linear infinite tfflowR}.trace-page .tf-dot.trace{animation:2.6s linear infinite tfflowL}.trace-page .tf-d1{animation-delay:2.2s}.trace-page .tf-d2{animation-delay:3.07s}.trace-page .tf-d3{animation-delay:3.93s}.trace-page .tf-d4{animation-delay:2.6s}.trace-page .tf-d5{animation-delay:3.47s}.trace-page .tf-d6{animation-delay:4.33s}}@keyframes tfdraw{to{stroke-dashoffset:0}}@keyframes tffade{to{opacity:1}}@keyframes tfflowR{0%{opacity:0;transform:translate(0)}12%{opacity:1}82%{opacity:1}to{opacity:0;transform:translate(330px)}}@keyframes tfflowL{0%{opacity:0;transform:translate(0)}12%{opacity:1}82%{opacity:1}to{opacity:0;transform:translate(-300px)}}