/* XWEB page introduction. All selectors stay inside the component. */
.xwi{--xwi-bg:#080b12;--xwi-face:#d9d9d9;--xwi-blue:#52718f;--xwi-line:#799cb9;--xwi-muted:#8c9cad;position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;overflow:hidden;background:var(--xwi-bg);color:var(--xwi-face);font-family:Arial,sans-serif;isolation:isolate;animation:xwi-failsafe 1ms 5s forwards}
.xwi[data-theme=light]{--xwi-bg:#fff;--xwi-face:#0a0d14;--xwi-muted:#516477;--xwi-line:#52718f}
.xwi::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,#52718f18,transparent 62%);pointer-events:none}
.xwi-grid{position:absolute;inset:0;background-image:linear-gradient(#7899b20b 1px,transparent 1px),linear-gradient(90deg,#7899b20b 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse,#000 12%,transparent 68%);opacity:0;pointer-events:none}
.xwi-center{width:clamp(380px,60vw,960px);max-width:calc(100vw - 64px);position:relative;text-align:center}
.xwi-art{display:block;width:100%;height:auto;overflow:visible;shape-rendering:geometricPrecision}
.xwi-fill{fill:var(--xwi-face);opacity:0}.xwi-fill[data-blue]{fill:var(--xwi-blue)}
.xwi-outline{fill:none;stroke:var(--xwi-line);stroke-width:1.25px;stroke-linejoin:miter;stroke-miterlimit:4;stroke-linecap:butt;vector-effect:non-scaling-stroke;opacity:0}
.xwi-guide{stroke:var(--xwi-line);stroke-width:1;opacity:0;fill:none}
.xwi-sheen{opacity:0}.xwi-ring{fill:none;stroke:var(--xwi-line);stroke-width:1.25px;vector-effect:non-scaling-stroke;opacity:0;transform-box:view-box;transform-origin:1545.5px 474.5px}
.xwi-dot{transform-box:view-box;transform-origin:1545.5px 474.5px}.xwi:focus{outline:none}
.xwi-caption{display:flex;justify-content:center;gap:24px;align-items:center;margin-top:30px;font-size:10px;font-weight:600;letter-spacing:.28em;color:var(--xwi-muted);text-transform:uppercase;opacity:0}
.xwi-caption i{width:3px;height:3px;background:var(--xwi-blue);border-radius:50%}




@keyframes xwi-failsafe{to{visibility:hidden;pointer-events:none}}
@media(max-width:600px){.xwi-center{width:86vw;max-width:calc(100vw - 40px)}.xwi-caption{gap:14px;font-size:8px;letter-spacing:.2em;margin-top:24px}.xwi-grid{background-size:44px 44px}.xwi-outline{stroke-width:1.15px}.xwi-guide{stroke-width:1.5}}
@media(max-height:460px) and (orientation:landscape){.xwi-center{width:52vw;max-width:640px}.xwi-caption{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.xwi *{animation:none!important}.xwi-art{filter:none}}
.xwi-center{display:flex;flex-direction:column;align-items:center}
.xwi-caption{order:-1;font-size:14px;letter-spacing:.3em;gap:28px;margin:0 0 30px;color:#a8b8c7}
@media(max-width:700px){.xwi-caption{font-size:11px;letter-spacing:.22em;gap:18px;margin-bottom:24px}}
.xwi-caption{font-size:16px}
@media(max-width:700px){.xwi-caption{font-size:13px;letter-spacing:.2em}}
/* Identical geometry before and after the signature handoff. */
.xwi-center,.signature-center{width:clamp(380px,60vw,960px);max-width:calc(100vw - 64px)}
.xwi-caption,.signature-caption{font-family:Arial,sans-serif;font-size:16px;font-weight:600;line-height:1.4;letter-spacing:.3em;gap:28px;margin:0 0 30px;color:#a8b8c7}
@media(max-width:900px) and (orientation:portrait){
 .xwi-center,.signature-center{width:min(580px,calc(100vw - 48px));max-width:calc(100vw - 48px)}
 .xwi-caption,.signature-caption{font-size:13px;line-height:1.4;letter-spacing:.2em;gap:20px;margin:0 0 22px}
}
@media(max-width:370px) and (orientation:portrait){.xwi-center,.signature-center{width:calc(100vw - 40px);max-width:calc(100vw - 40px)}.xwi-caption,.signature-caption{font-size:12px;gap:14px}}
@media(max-height:460px) and (orientation:landscape){.xwi-center,.signature-center{width:52vw;max-width:640px}.xwi-caption,.signature-caption{font-size:11px;gap:20px;margin-bottom:16px}}

@media(max-height:600px) and (orientation:landscape){
 .xwi-center,.signature-center{width:min(52vw,calc((100dvh - 290px)*3.98));min-width:160px;max-width:640px}
 .xwi-caption,.signature-caption{font-size:11px;gap:20px;margin-bottom:12px}
}