/* Shared mdv client-area palette and frosted-glass surfaces. */
:root{--bg:#fbfbf9;--bg2:#f4f4f1;--ink:#141416;--ink-dim:#5f636b;--line:rgba(20,20,22,.12)}
body{background:radial-gradient(ellipse at 12% 48%,#dfe2e5 0,transparent 48%),radial-gradient(ellipse at 95% 78%,#e6e8e9 0,transparent 44%),var(--bg2);color:var(--ink);font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
header img{filter:none}
header a:last-child,p,.card small,footer{color:var(--ink-dim)}
.eyebrow{color:var(--ink-dim)}
h1,.card strong{font-family:'Inter Tight','Inter',system-ui,sans-serif}
h1{letter-spacing:-.045em}
.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.card{background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.92);border-radius:22px;box-shadow:inset 0 1px 0 #fff,0 12px 36px rgba(20,20,22,.055),0 0 0 1px rgba(20,20,22,.04);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
a.card{padding:24px 30px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,background .2s}
a.card:hover{background:rgba(255,255,255,.78);border-color:white;box-shadow:inset 0 1px 0 #fff,0 18px 44px rgba(20,20,22,.09);transform:translateY(-4px)}
.card small{line-height:1.6;margin-top:12px;margin-bottom:20px}
.card span{color:var(--ink);margin-top:auto;padding-top:8px}
a:focus-visible,input:focus-visible,button:focus-visible{outline:2px solid #5f636b;outline-offset:5px}
.card:focus-visible{outline:2px solid #5f636b}
footer{border-color:var(--line);flex-wrap:wrap}
.brand span{color:var(--ink-dim)}
input{background:rgba(255,255,255,.8);color:var(--ink);border-color:#b9bdc3}
input:focus{outline-color:#5f636b}
button,#lock{background:#232329;color:#f7f7f4}
@supports not (backdrop-filter:blur(1px)){.card{background:#f9f9f8}}
@media(max-width:600px){.grid{grid-template-columns:1fr}.card{padding:28px}.card strong{font-size:34px}main{padding-top:48px}h1{font-size:clamp(40px,10vw,60px)}header,main,footer{width:calc(100% - 40px)}}
@media(prefers-reduced-motion:reduce){a.card{transition:none}a.card:hover{transform:none}}

.client-language{display:flex;justify-content:flex-end;gap:16px;width:min(100% - 48px,1040px);margin:18px auto 0;font-size:12px;color:var(--ink-dim)}
.client-language [aria-current]{color:var(--ink);font-weight:600}
.client-language a{text-decoration:none;color:inherit}

@media(max-width:600px){a.card{padding:22px 26px}}

/* Compact client selection cards without a description row. */
.grid > a.card:has(> strong):not(:has(> small)){padding:20px 28px;gap:20px}
.grid > a.card:has(> strong):not(:has(> small)) > span{padding-top:0}
@media(max-width:600px){.grid > a.card:has(> strong):not(:has(> small)){padding:20px 24px;gap:16px}}