@import url('https://uxagent.io/wp-content/uploads/elementor/google-fonts/css/urbanist.css');
@import url('https://uxagent.io/wp-content/uploads/elementor/google-fonts/css/inter.css');

.uxapg-dialog,.uxapg-card{--pg-navy:#20355a;--pg-blue:#33548f;--pg-cyan:#11efe3;--pg-ink:#20355a;--pg-copy:#56667d;font-family:Inter,Arial,sans-serif;color:var(--pg-ink);box-sizing:border-box;text-align:left;letter-spacing:normal}
.uxapg-dialog *,.uxapg-card *{box-sizing:border-box}
.uxapg-dialog{width:min(500px,calc(100% - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid #d7e0ed;border-radius:22px;background:#fff;overflow:auto;box-shadow:0 30px 100px #07172b38}
.uxapg-dialog:not([open]){display:none}
.uxapg-dialog::backdrop{background:#0e2039b8;backdrop-filter:blur(7px)}
.uxapg-card{position:relative;padding:36px 38px 0;background:#fff;overflow:hidden;border-radius:inherit}
.uxapg-close{position:absolute;right:15px;top:15px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#f3f6fa;color:#53647f;cursor:pointer;text-decoration:none}
.uxapg-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}


.uxapg-card .uxapg-eyebrow{margin:0 0 10px;color:#586d8b;font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.065em;text-transform:uppercase}
.uxapg-card .uxapg-eyebrow{display:flex;align-items:center;gap:8px}
.uxapg-eyebrow>svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:#33548f;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.uxapg-card h2#uxapg-title{margin:0;color:#20355a;font-family:Urbanist,Inter,Arial,sans-serif;font-size:36px;line-height:1.1;letter-spacing:-.035em;font-weight:700}
.uxapg-card h2#uxapg-title span{color:#33548f}
.uxapg-card .uxapg-intro{margin:17px 0 0;max-width:36ch;color:#596a81;font-size:14px;line-height:1.7}
.uxapg-card .uxapg-project{margin:18px 0 20px;padding:0 0 0 10px;border-left:3px solid #11dcd1;color:#20355a;font-size:12px;font-weight:600;line-height:1.5}
.uxapg-project:empty{display:none}
.uxapg-form{margin:0;padding:0}
.uxapg-form>label{display:block;margin:0 0 8px;color:#20355a;font-size:12px;font-weight:600;line-height:1.5}
.uxapg-field{position:relative}
.uxapg-field input{display:block;width:100%;height:53px;margin:0;padding:12px 54px 12px 15px;border:1px solid #bac9df;border-radius:8px;box-shadow:none;background:#fff;color:#20355a;font:400 16px/1.4 Inter,Arial,sans-serif;letter-spacing:normal}
.uxapg-field input::placeholder{color:#8490a2;opacity:1}
.uxapg-field input[aria-invalid=true]{border-color:#a43d4c}
.uxapg-reveal{position:absolute;right:4px;top:4px;display:grid;place-items:center;width:45px;height:45px;padding:0;border:0;border-radius:6px;background:transparent;color:#657795;cursor:pointer}
.uxapg-reveal svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}
.uxapg-error{min-height:0;margin:0;color:#9b3546;font-size:12px;line-height:1.5}
.uxapg-error:not(:empty){margin:9px 0 0}
.uxapg-submit{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:52px;margin:14px 0 0;padding:14px 18px;border:1px solid #33548f;border-radius:8px;background:#33548f;color:#fff;font:600 14px/1.4 Inter,Arial,sans-serif;text-align:left;cursor:pointer;box-shadow:0 3px 0 #20355a0b}
.uxapg-submit svg,.uxapg-contact a svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.uxapg-submit:disabled{cursor:wait;opacity:.65}
.uxapg-card .uxapg-shared{display:flex;justify-content:center;align-items:center;gap:7px;margin:12px 0 24px;color:#6f7e92;font-size:10px;line-height:1.5}
.uxapg-shared svg{width:13px;height:13px;fill:none;stroke:#567498;stroke-width:1.8}
.uxapg-contact{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 -38px;padding:22px 38px;background:#f4f7fb;border-top:1px solid #e5ebf4}
.uxapg-contact p{margin:0;color:#20355a;font-size:12px;line-height:1.65;font-weight:600}
.uxapg-contact p span{color:#687a91;font-weight:400}
.uxapg-contact a{display:inline-flex;align-items:center;gap:7px;min-height:44px;color:#28497b;font-size:12px;line-height:1.4;font-weight:600;text-decoration:underline;text-decoration-color:#b1c1da;text-underline-offset:4px;white-space:nowrap}
.uxapg-dialog :focus-visible,.uxapg-card :focus-visible{outline:3px solid #099d98;outline-offset:3px}
.uxapg-locked-page{margin:0;background:#f3f6fa;color:#20355a;font-family:Inter,Arial,sans-serif}
.uxapg-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1280px;margin:auto;padding:25px 32px;border-bottom:1px solid #dfe6f0}
.uxapg-page-header>a{color:#20355a;font-size:13px;text-decoration:none;font-weight:600}
.uxapg-page-header a.uxapg-brand{font-family:Urbanist,Arial,sans-serif;font-size:26px;font-weight:800;letter-spacing:-.05em}
.uxapg-brand span{color:#9c69c2}
.uxapg-locked-main{display:grid;place-items:center;min-height:calc(100dvh - 90px);padding:30px 16px}
.uxapg-card--direct{width:min(500px,100%);border:1px solid #d7e0ed;border-radius:22px;box-shadow:0 18px 65px #20355a12}
.uxapg-badge{position:absolute;z-index:6;left:8px;top:9px;display:flex;align-items:center;gap:7px;max-width:calc(100% - 16px);padding:8px 10px;border:1px solid #d5dfed;border-radius:8px;background:#fff;color:#33548f;box-shadow:0 5px 17px #20355a0a;font:600 11px/1.3 Inter,Arial,sans-serif;pointer-events:none;white-space:nowrap}
.uxapg-badge svg,.uxapg-nav-lock{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.uxapg-notice{display:flex;align-items:center;gap:9px;max-width:70ch;margin:18px 0 0;color:#64738b;font:400 12px/1.6 Inter,Arial,sans-serif}
.uxapg-notice svg{width:16px;height:16px;fill:none;stroke:#42618c;stroke-width:1.5;flex-shrink:0}
body #selected-work .uxapg-notice,body #uxa-case-body #all-projects .uxapg-notice{margin:20px 0 48px}
.uxapg-nav-lock{margin-left:7px;vertical-align:middle}
.uxapg-nav-lock svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(hover:hover){.uxapg-close:hover,.uxapg-reveal:hover{background:#eaf0f9}.uxapg-submit:hover{background:#284574;border-color:#284574}.uxapg-badge>span{display:grid;grid-template-columns:0fr;opacity:0;max-width:0;overflow:hidden;transition:max-width 180ms ease,opacity 180ms ease}.uxapg-protected-link:hover .uxapg-badge>span,.uxapg-protected-link:focus-visible .uxapg-badge>span{display:block;max-width:180px;opacity:1}.uxapg-protected-link:not(:hover):not(:focus-visible) .uxapg-badge{gap:0}}
@media(prefers-reduced-motion:no-preference){.uxapg-dialog[open]{animation:uxapg-enter 180ms cubic-bezier(.2,.8,.2,1)}.uxapg-submit{transition:background 140ms ease,transform 100ms ease}.uxapg-submit:active{transform:translateY(1px)}@keyframes uxapg-enter{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.uxapg-badge>span{transition:none}}
@media(max-width:540px){.uxapg-dialog{max-height:calc(100dvh - 24px);border-radius:18px}.uxapg-card{padding:28px 25px 0}.uxapg-card h2#uxapg-title{font-size:32px}.uxapg-card .uxapg-intro{font-size:13px}.uxapg-contact{margin:0 -25px;padding:18px 25px;gap:12px}.uxapg-contact p,.uxapg-contact a{font-size:11px}.uxapg-card .uxapg-project{margin-top:14px}.uxapg-close{width:40px;height:40px;right:11px;top:11px}.uxapg-badge{top:4px;left:4px;font-size:10px;padding:7px 8px}.uxapg-notice{font-size:11px}.uxapg-page-header{padding:20px}}
@media(max-height:720px) and (min-width:541px){.uxapg-card{padding-top:25px}.uxapg-card h2#uxapg-title{font-size:32px}.uxapg-contact{padding-top:16px;padding-bottom:16px}}
@media(forced-colors:active){.uxapg-dialog,.uxapg-card,.uxapg-field input,.uxapg-submit,.uxapg-badge{border:1px solid CanvasText}}