:root{--ub-color-brand:#2563eb;--ub-color-brand-dark:#1d4ed8;--ub-color-brand-light:#3b82f6;--ub-color-cyan-glow:#38bdf8;--ub-color-navy-950:#050a18;--ub-color-navy-900:#0a1330;--ub-color-navy-800:#0f1d4a;--ub-color-navy-700:#142a66;--ub-color-navy-600:#1c3a8a;--ub-color-blue-50:#eff6ff;--ub-color-blue-100:#dbeafe;--ub-color-blue-200:#bfdbfe;--ub-color-blue-300:#93c5fd;--ub-color-blue-400:#60a5fa;--ub-color-blue-500:#3b82f6;--ub-color-blue-600:#2563eb;--ub-color-blue-700:#1d4ed8;--ub-color-background:#fff;--ub-color-foreground:#0b1220;--ub-color-muted:#64748b;--ub-color-border:#0f1d4a14;--ub-color-surface-subtle:#f6f8ff;--ub-color-success:#10b981;--ub-color-warning:#f59e0b;--ub-color-danger:#f43f5e;--ub-font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--ub-font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--ub-font-features:"cv11", "ss01", "calt";--ub-radius-xs:.25rem;--ub-radius-sm:.5rem;--ub-radius-md:.75rem;--ub-radius-lg:1rem;--ub-radius-xl:1.25rem;--ub-radius-2xl:1.5rem;--ub-shadow-glow:0 0 0 1px #2563eb59, 0 10px 40px -10px #2563eb99, 0 20px 60px -30px #38bdf899}.ub-gradient-hero{background:radial-gradient(80% 60% at 50% -10%,#2563eb59,#0000 60%),radial-gradient(60% 50% at 20% 110%,#38bdf82e,#0000 60%),linear-gradient(#050a18 0%,#0a1330 60%,#050a18 100%)}.ub-gradient-text-blue{background:linear-gradient(90deg,#1d4ed8 0%,#2563eb 50%,#38bdf8 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.ub-glow{box-shadow:var(--ub-shadow-glow)}.ub-glass{-webkit-backdrop-filter:blur(14px);background:#ffffff0a;border:1px solid #ffffff14}.ub-glass-light{-webkit-backdrop-filter:blur(14px);background:#ffffffb3;border:1px solid #0f1d4a14}.ub-root{background:var(--ub-color-background);color:var(--ub-color-foreground);font-family:var(--ub-font-sans);font-feature-settings:var(--ub-font-features);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;letter-spacing:-.005em}:root{--ub-container-max:1280px;--ub-gutter:20px;--ub-space-1:4px;--ub-space-2:8px;--ub-space-3:12px;--ub-space-4:16px;--ub-space-5:20px;--ub-space-6:24px;--ub-space-8:32px;--ub-space-12:48px;--ub-space-16:64px;--ub-control-height:48px;--ub-control-compact:44px;--ub-radius-action:999px;--ub-color-text-secondary:#475569;--ub-color-control-border:#8492a6;--ub-focus-width:3px;--ub-focus-offset:2px;--ub-motion-fast:.14s;--ub-motion-state:.18s;--ub-motion-sheet:.24s;--ub-ease:cubic-bezier(.2,.8,.2,1);--ub-layer-header:50;--ub-layer-dialog:100}@media (min-width:1024px){:root{--ub-gutter:32px}}
:root{--sweep:var(--ub-color-surface-subtle);--graphite:var(--ub-color-foreground);--graphite-2:var(--ub-color-navy-900);--aluminum:#d9dee5;--blue:var(--ub-color-brand);--blue-deep:var(--ub-color-brand-dark);--blue-light:var(--ub-color-blue-300);--link-green:#17b26a;--amber:#f5a524;--steel:var(--ub-color-text-secondary);--white:#fff;--line:#1114181f;--line-dark:#ffffff29;--font-sans:var(--font-inter), var(--ub-font-sans);--font-mono:var(--font-jetbrains), "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--max:calc(var(--ub-container-max) - 2 * var(--ub-gutter));--gutter:var(--ub-gutter);--radius-s:var(--ub-radius-sm);--radius-m:var(--ub-radius-lg);--header-h:72px;--ease:var(--ub-ease);--t-fast:var(--ub-motion-fast);--t-state:var(--ub-motion-state);--t-sheet:var(--ub-motion-sheet);--focus:var(--blue)}*,:before,:after{box-sizing:border-box}html{background:var(--sweep);color:var(--graphite);-webkit-text-size-adjust:100%}body{background:var(--sweep);min-width:320px;color:var(--graphite);font-family:var(--font-sans);text-rendering:optimizelegibility;margin:0;font-size:16px;font-stretch:100%;line-height:1.55}img,video{max-width:100%;height:auto;display:block}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;font-weight:600}p{margin:0}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:2px}.on-dark{--focus:var(--blue-light)}::selection{background:var(--blue);color:var(--white)}.skip-link{z-index:200;background:var(--graphite);color:var(--white);border-radius:var(--radius-s);transition:transform var(--t-fast) var(--ease);padding:12px 16px;font-weight:700;text-decoration:none;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.shell{width:min(100% - 2 * var(--gutter), var(--max));margin-inline:auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.t-display{letter-spacing:-.02em;font-weight:600;font-stretch:100%;line-height:1.06}.t-section{letter-spacing:-.015em;font-size:clamp(28px,3.1vw,44px);font-weight:600;font-stretch:100%;line-height:1.12}.t-faceplate{text-transform:uppercase;letter-spacing:.02em;font-weight:600;font-stretch:100%;line-height:1}.t-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:500;line-height:1.3}.t-lede{color:var(--steel);max-width:62ch;font-size:clamp(17px,1.5vw,20px);line-height:1.5}.t-muted{color:var(--steel)}.btn{border-radius:var(--ub-radius-action);letter-spacing:.005em;cursor:pointer;white-space:normal;text-align:center;min-height:48px;transition:background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:10px 24px;font-size:14px;font-weight:600;font-stretch:100%;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--blue);color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--blue-deep)}.btn-secondary{color:var(--graphite);border-color:var(--graphite);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--graphite);color:var(--white)}.btn-light{background:var(--white);color:var(--graphite)}.btn-light:hover:not(:disabled){background:var(--aluminum)}.btn-ghost{color:var(--white);background:0 0;border-color:#ffffff8c}.btn-ghost:hover:not(:disabled){border-color:var(--white);background:#ffffff1a}.btn-small{min-height:var(--ub-control-compact);padding:8px 18px;font-size:14px}.text-link{color:var(--blue);text-underline-offset:3px;font-weight:650;text-decoration:underline;text-decoration-thickness:1px}.text-link:hover{color:var(--blue-deep)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}body{font-feature-settings:var(--ub-font-features)}html{scroll-padding-top:150px}.reference{gap:24px;padding-block:48px;display:grid}.reference section{border-top:1px solid var(--line);gap:20px;padding-block:32px;display:grid}.reference-row{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.reference-swatch{border:1px solid var(--ub-color-control-border);border-radius:var(--ub-radius-sm);width:96px;height:64px}.reference-field{gap:8px;max-width:480px;font-weight:600;display:grid}.reference-field input{border:1px solid var(--ub-color-control-border);border-radius:var(--ub-radius-sm);background:#fff;min-height:48px;padding:12px 16px}.reference-field input[aria-invalid]{border-color:#b42318}.reference-card{border:1px solid var(--line);border-radius:var(--radius-m);background:#fff;justify-items:start;gap:12px;padding:24px;display:grid}