.ux{--navy:#0a2540;--navy-2:#0b1f3a;--ink:#12233b;--muted:#5a6b81;--faint:#8494a7;--blue:#1268ed;--blue-d:#0d52c6;--orange:#f59b0b;--orange-d:#e08800;--bg:#fff;--bg-soft:#f6f8fb;--bg-line:#e7ecf2;--line:#e2e8f0;--radius:16px;--maxw:1200px;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}.ux *{box-sizing:border-box}.ux img,.ux svg{max-width:100%;display:block}.ux a{color:inherit;text-decoration:none}.ux .wrap{width:min(var(--maxw),calc(100% - 48px));margin:0 auto}.ux .eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--blue);font-size:13px;font-weight:600}.ux .section{padding:96px 0}.ux h1,.ux h2,.ux h3{letter-spacing:-.03em;margin:0;font-weight:700;line-height:1.05}.ux .lead{color:var(--muted);font-size:19px;font-weight:400;line-height:1.6}.ux .reveal{opacity:0;transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);transform:translateY(18px)}.ux .reveal.in{opacity:1;transform:none}.ux .btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;height:46px;padding:0 22px;font-size:15px;font-weight:600;transition:transform .12s,background .16s,border-color .16s,box-shadow .16s;display:inline-flex}.ux .btn:active{transform:translateY(1px)}.ux .btn-primary{background:var(--blue);color:#fff;box-shadow:0 8px 20px #1268ed38}.ux .btn-primary:hover{background:var(--blue-d)}.ux .btn-accent{background:var(--orange);color:#1c1200;box-shadow:0 8px 20px #f59b0b47}.ux .btn-accent:hover{background:var(--orange-d)}.ux .btn-ghost{color:var(--ink);border-color:var(--line);background:#fff}.ux .btn-ghost:hover{background:var(--bg-soft);border-color:#c7d2e0}.ux .btn-sm{height:40px;padding:0 16px;font-size:14px}.ux .nav{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--bg-line);background:#ffffffd1;position:sticky;top:0}.ux .nav-inner{justify-content:space-between;align-items:center;height:68px;display:flex}.ux .brand{letter-spacing:-.04em;font-size:23px;font-weight:800}.ux .brand .pay{color:var(--navy)}.ux .brand .unexa{color:var(--orange)}.ux .nav-links{gap:34px;display:flex}.ux .nav-links a{color:var(--muted);font-size:15px;font-weight:500;transition:color .15s;position:relative}.ux .nav-links a:after{content:"";background:var(--blue);height:2px;transition:right .2s;position:absolute;bottom:-6px;left:0;right:100%}.ux .nav-links a:hover{color:var(--ink)}.ux .nav-links a:hover:after{right:0}.ux .nav-right{align-items:center;gap:18px;display:flex}.ux .nav-right .signin{color:var(--ink);font-size:15px;font-weight:500}.ux .nav-right .sales{color:var(--muted);font-size:15px;font-weight:500}.ux .nav-toggle{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:42px;height:42px;display:none}.ux .nav-toggle span{background:var(--ink);border-radius:2px;width:18px;height:2px;transition:transform .2s,opacity .2s}.ux .nav-toggle.open span:first-child{transform:translateY(6px)rotate(45deg)}.ux .nav-toggle.open span:nth-child(2){opacity:0}.ux .nav-toggle.open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.ux .mobile-menu{display:none}.ux .hero{text-align:center;background:radial-gradient(1200px 520px at 50% -8%,#1268ed14,#0000 60%),linear-gradient(#fbfcfe 0%,#fff 60%);padding:104px 0 88px;position:relative;overflow:hidden}.ux .hero-net{z-index:0;pointer-events:none;opacity:.9;position:absolute;inset:0}.ux .hero-inner{z-index:1;max-width:900px;margin:0 auto;position:relative}.ux .hero h1{letter-spacing:-.045em;font-size:clamp(38px,6.2vw,76px)}.ux .hero h1 .grad{color:var(--blue)}.ux .hero .lead{max-width:640px;margin:26px auto 0;font-size:20px}.ux .hero-cta{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:36px;display:flex}.ux .hero-badge{border:1px solid var(--bg-line);color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:8px;margin-bottom:26px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.ux .hero-badge .dot{background:var(--orange);border-radius:50%;width:7px;height:7px}.ux .trust{border-top:1px solid var(--bg-line);border-bottom:1px solid var(--bg-line);background:var(--bg-soft);padding:40px 0}.ux .trust-title{text-align:center;color:var(--muted);margin-bottom:22px;font-size:15px;font-weight:500}.ux .trust-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 44px;display:flex}.ux .trust-row span{color:var(--navy);letter-spacing:-.02em;opacity:.85;font-size:16px;font-weight:650}.ux .sec-head{max-width:680px;margin-bottom:52px}.ux .sec-head.center{text-align:center;margin-left:auto;margin-right:auto}.ux .sec-head h2{margin-top:14px;font-size:clamp(30px,4vw,46px)}.ux .sec-head .lead{margin-top:16px}.ux .prod-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.ux .prod-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:28px;transition:border-color .2s,box-shadow .2s,transform .2s;overflow:hidden}.ux .prod-card:hover{border-color:#cfdaea;transform:translateY(-3px);box-shadow:0 18px 40px #10264914}.ux .prod-card h3{font-size:21px}.ux .prod-card p{color:var(--muted);margin:8px 0 20px;font-size:15px;line-height:1.55}.ux .prod-visual{border:1px solid var(--bg-line);background:var(--bg-soft);border-radius:12px;flex-direction:column;justify-content:center;gap:10px;min-height:168px;padding:16px;display:flex}.ux .mini-row{justify-content:space-between;align-items:center;font-size:12px;display:flex}.ux .mini-field{border:1px solid var(--line);height:30px;color:var(--faint);background:#fff;border-radius:7px;align-items:center;padding:0 10px;font-size:12px;display:flex}.ux .mini-btn{background:var(--blue);color:#fff;border-radius:8px;justify-content:center;align-items:center;height:34px;margin-top:2px;font-size:13px;font-weight:600;display:flex}.ux .mini-amt{color:var(--navy);letter-spacing:-.03em;font-size:20px;font-weight:800}.ux .mini-pill{color:#06966a;background:#eaf9f3;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}.ux .mini-muted{color:var(--faint);font-size:12px}.ux .mini-chip{color:var(--blue);background:#eef5ff;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700}.ux .code-mini{color:#c8d3e4;background:var(--navy-2);border-radius:10px;width:100%;min-height:168px;padding:14px 16px;font-family:SF Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.7;overflow:hidden}.ux .code-mini .k{color:#79b8ff}.ux .code-mini .s{color:#f7b955}.ux .code-mini .p{color:#8fa8c7}.ux .code-mini .c{color:#5f7189}.ux .tl{flex-direction:column;gap:12px;display:flex}.ux .tl-item{align-items:center;gap:10px;font-size:13px;display:flex}.ux .tl-dot{border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:grid}.ux .tl-dot.ok{color:#06966a;background:#eaf9f3}.ux .tl-dot.now{background:var(--blue);color:#fff}.ux .tl-dot.wait{color:#8494a7;background:#eef2f7}.ux .dev{background:var(--navy);color:#e9eef6;border-radius:0}.ux .dev .sec-head h2{color:#fff}.ux .dev .sec-head .lead{color:#a9b8cc}.ux .dev-grid{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:28px;display:grid}.ux .code-panel{background:#071a30;border:1px solid #ffffff14;border-radius:14px;overflow:hidden;box-shadow:0 30px 60px #00000059}.ux .code-bar{border-bottom:1px solid #ffffff12;align-items:center;gap:7px;padding:12px 16px;display:flex}.ux .code-bar i{background:#33456a;border-radius:50%;width:11px;height:11px;display:block}.ux .code-bar .fn{color:#8fa8c7;margin-left:10px;font-family:ui-monospace,monospace;font-size:12px}.ux .code-body{color:#d7e0ee;padding:20px 22px;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:14px;line-height:1.85;overflow-x:auto}.ux .code-body .k{color:#79b8ff}.ux .code-body .s{color:#f7b955}.ux .code-body .n{color:#f78c6c}.ux .code-body .p{color:#8fa8c7}.ux .code-body .c{color:#5f7189}.ux .life{background:#0c223d;border:1px solid #ffffff14;border-radius:14px;padding:26px}.ux .life h3{color:#fff;margin-bottom:20px;font-size:17px}.ux .life-step{align-items:center;gap:13px;padding:11px 0;display:flex;position:relative}.ux .life-step .ls-dot{color:#8fa8c7;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;flex:0 0 26px;place-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:grid}.ux .life-step.on .ls-dot{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 0 0 4px #1268ed2e}.ux .life-step.done .ls-dot{color:#fff;background:#06966a;border-color:#06966a}.ux .life-step span{color:#cdd8e8;font-size:14px}.ux .life-step .ls-line{background:#ffffff1f;width:1px;height:16px;position:absolute;top:37px;left:13px}.ux .life-step:last-child .ls-line{display:none}.ux .showcase{background:var(--bg-soft)}.ux .browser{border:1px solid var(--line);background:#fff;border-radius:16px;max-width:940px;margin:0 auto;overflow:hidden;box-shadow:0 40px 80px #1026491f}.ux .browser-bar{border-bottom:1px solid var(--bg-line);background:#f2f5f9;align-items:center;gap:8px;padding:12px 16px;display:flex}.ux .browser-bar i{background:#d3dbe6;border-radius:50%;width:11px;height:11px;display:block}.ux .browser-url{border:1px solid var(--bg-line);max-width:340px;height:26px;color:var(--faint);background:#fff;border-radius:7px;flex:1;align-items:center;margin-left:12px;padding:0 12px;font-size:12px;display:flex}.ux .browser-url b{color:#06966a;margin-right:5px;font-weight:700}.ux .co{grid-template-columns:1.7fr 1fr;gap:0;display:grid}.ux .co-main{border-right:1px solid var(--bg-line);padding:26px 28px}.ux .co-side{background:#fbfcfe;padding:26px 24px}.ux .co-brand{letter-spacing:-.03em;margin-bottom:4px;font-size:19px;font-weight:800}.ux .co-brand .pay{color:var(--navy)}.ux .co-brand .unexa{color:var(--orange)}.ux .co-h{margin:18px 0 4px;font-size:16px;font-weight:700}.ux .co-sub{color:var(--muted);margin-bottom:14px;font-size:12px}.ux .co-label{color:var(--ink);margin:12px 0 5px;font-size:11px;font-weight:650}.ux .co-field{border:1px solid var(--line);height:36px;color:var(--faint);background:#fff;border-radius:8px;align-items:center;padding:0 11px;font-size:12px;display:flex}.ux .co-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ux .co-pay{background:var(--orange);color:#1c1200;border-radius:9px;justify-content:center;align-items:center;height:44px;margin-top:18px;font-size:14px;font-weight:800;display:flex}.ux .co-srow{border-bottom:1px solid var(--bg-line);color:var(--muted);justify-content:space-between;padding:9px 0;font-size:13px;display:flex}.ux .co-srow.total{color:var(--ink);border-bottom:0;padding-top:12px;font-size:17px;font-weight:800}.ux .co-trust{color:var(--muted);align-items:center;gap:8px;margin-top:12px;font-size:11px;display:flex}.ux .co-check{color:#06966a;background:#eaf9f3;border-radius:50%;flex:0 0 16px;place-items:center;width:16px;height:16px;font-size:9px;font-weight:800;display:grid}.ux .co-amtbox{background:linear-gradient(135deg,#f4f9ff,#edf6ff);border:1px solid #cfe2ff;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:12px 14px;display:flex}.ux .co-amtbox .v{color:var(--blue);letter-spacing:-.03em;font-size:20px;font-weight:800}.ux .sec-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.ux .sec-block{border:1px solid var(--line);background:#fff;border-radius:14px;padding:26px 22px;transition:border-color .2s,transform .2s}.ux .sec-block:hover{border-color:#cfdaea;transform:translateY(-3px)}.ux .sec-ico{width:42px;height:42px;color:var(--blue);background:#eef5ff;border-radius:11px;place-items:center;margin-bottom:16px;display:grid}.ux .sec-block h3{font-size:16px}.ux .sec-block p{color:var(--muted);margin-top:7px;font-size:13.5px;line-height:1.55}.ux .globe{text-align:center;position:relative;overflow:hidden}.ux .globe .sec-head{margin-left:auto;margin-right:auto}.ux .globe-map{margin-top:40px;position:relative}.ux .globe-map svg{width:100%;max-width:980px;height:auto;margin:0 auto}.ux .cta{padding:110px 0}.ux .cta-box{background:linear-gradient(120deg,var(--navy) 0%,#0e3d78 100%);text-align:center;color:#fff;border-radius:24px;padding:72px 40px;position:relative;overflow:hidden}.ux .cta-box:after{content:"";pointer-events:none;background:radial-gradient(600px 300px at 80% -20%,#f59b0b2e,#0000 60%);position:absolute;inset:0}.ux .cta-box h2{z-index:1;font-size:clamp(30px,4.4vw,50px);position:relative}.ux .cta-box .lead{color:#bcd0ea;z-index:1;max-width:560px;margin:18px auto 0;position:relative}.ux .cta-box .hero-cta{z-index:1;margin-top:34px;position:relative}.ux .foot{border-top:1px solid var(--bg-line);background:#fff;padding:64px 0 34px}.ux .foot-top{grid-template-columns:1.4fr repeat(5,1fr);gap:28px;margin-bottom:44px;display:grid}.ux .foot-brand .brand{margin-bottom:12px;font-size:22px}.ux .foot-brand p{color:var(--muted);max-width:240px;font-size:13.5px;line-height:1.6}.ux .foot-col h4{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin:0 0 14px;font-size:12px;font-weight:700}.ux .foot-col a{color:var(--muted);padding:6px 0;font-size:14px;transition:color .15s;display:block}.ux .foot-col a:hover{color:var(--blue)}.ux .foot-bottom{border-top:1px solid var(--bg-line);color:var(--faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:24px;font-size:13px;display:flex}@media (max-width:960px){.ux .nav-links,.ux .nav-right .signin,.ux .nav-right .sales{display:none}.ux .nav-toggle{display:flex}.ux .mobile-menu.open{border-bottom:1px solid var(--bg-line);background:#fff;display:block}.ux .mobile-menu .wrap{flex-direction:column;gap:4px;padding:16px 0 22px;display:flex}.ux .mobile-menu a{color:var(--ink);border-bottom:1px solid var(--bg-soft);padding:12px 0;font-size:16px}.ux .mobile-menu .mm-cta{gap:10px;margin-top:14px;display:flex}.ux .dev-grid{grid-template-columns:1fr}.ux .sec-grid{grid-template-columns:1fr 1fr}.ux .foot-top{grid-template-columns:1fr 1fr 1fr}.ux .foot-brand{grid-column:1/-1}.ux .co{grid-template-columns:1fr}.ux .co-main{border-right:0;border-bottom:1px solid var(--bg-line)}}@media (max-width:640px){.ux .wrap{width:calc(100% - 32px)}.ux .section{padding:64px 0}.ux .prod-grid,.ux .sec-grid{grid-template-columns:1fr}.ux .foot-top{grid-template-columns:1fr 1fr}.ux .hero{padding:72px 0 60px}.ux .cta-box{padding:48px 24px}.ux .hero-cta .btn,.ux .cta-box .btn{flex:auto;justify-content:center}}@media (prefers-reduced-motion:reduce){.ux .reveal{opacity:1;transition:none;transform:none}.ux .hero-net .flow{animation:none}}
