/* Xenyra licences page (H34). Light, thin typography; uses the hub header and footer styles. */
.xl-main{max-width:1100px;margin:0 auto;padding:clamp(28px,5vw,64px) clamp(18px,4vw,66px) 24px}
.xl-main h1{margin:0 0 10px;font:400 clamp(32px,4.4vw,48px)/1.1 Cardo,Georgia,serif;letter-spacing:-.5px;color:var(--ink)}
.xl-intro{margin:0 0 32px;max-width:640px;font-size:16px;font-weight:350;line-height:1.6;color:var(--muted)}
.xl-wrap{overflow-x:auto;border:1px solid rgba(203,214,238,.7);border-radius:20px;background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.xl-table{width:100%;min-width:720px;border-collapse:separate;border-spacing:0}
.xl-table th,.xl-table td{padding:14px 16px;text-align:center;font-size:14px;font-weight:400;color:#46546f;border-bottom:1px solid rgba(219,229,247,.7)}
.xl-table tbody tr:last-child th,.xl-table tbody tr:last-child td{border-bottom:0}
.xl-table tbody th{text-align:left;font-weight:400;color:var(--ink);position:sticky;left:0;background:rgba(250,252,255,.94);min-width:230px}
.xl-table thead th{vertical-align:top;padding-top:22px;position:relative}
.xl-table thead th::before{content:"";position:absolute;left:16px;right:16px;top:0;height:3px;border-radius:0 0 3px 3px;background:#c9d4ec}
.xl-table thead th:first-child::before{display:none}
.xl-table thead th[data-plan=personal]::before{background:var(--blue)}
.xl-table thead th[data-plan=business]::before{background:linear-gradient(90deg,var(--blue),var(--violet))}
.xl-table thead th[data-plan=enterprise]::before{background:#16224b}
.xl-plan{display:block;font-size:17px;font-weight:500;color:var(--ink)}
.xl-price{display:block;margin-top:3px;font-size:12.5px;font-weight:400;color:var(--muted)}
.xl-mine{display:inline-block;margin-top:8px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:400;letter-spacing:.2px;color:var(--blue);background:rgba(39,113,255,.08);border:1px solid rgba(39,113,255,.28)}
.xl-table thead th.xl-is-mine .xl-plan{color:var(--blue)}
.xl-yes{display:inline-block;width:20px;height:20px;border-radius:50%;background:rgba(39,113,255,.12);position:relative}
.xl-yes::after{content:"";position:absolute;left:7px;top:4px;width:5px;height:9px;border:solid var(--blue);border-width:0 2px 2px 0;transform:rotate(40deg)}
.xl-no{color:#aab5cc}
.xl-table td[data-v=ltd],.xl-table td[data-v=pack],.xl-table td[data-v=shared],.xl-table td[data-v=custom]{font-size:13px;color:var(--ink-2)}
.xl-table td[data-v=soon]{font-size:13px;color:#8592ac;font-style:italic}
.xl-table td[data-v=custom]{color:#6b7894}
@media(max-width:700px){.xl-table{min-width:540px}.xl-table th,.xl-table td{padding:11px 8px;font-size:13px}.xl-table tbody th{min-width:128px;max-width:128px;font-size:13px;line-height:1.3}.xl-plan{font-size:15px}}

.xl-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.xl-close{flex:none;display:grid;place-items:center;width:40px;height:40px;margin-top:6px;border:1px solid rgba(190,203,232,.9);border-radius:50%;background:rgba(255,255,255,.7);color:var(--muted);cursor:pointer;transition:color .18s,border-color .18s,background-color .18s}
.xl-close:hover,.xl-close:focus-visible{color:var(--blue);border-color:rgba(39,113,255,.55);background:#fff;outline:none}