@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--fl-border:var(--fl-line);--fl-bg:var(--fl-soft);color-scheme:light}
#frameland-header{position:sticky;top:0;z-index:80;min-height:80px}.fl-header{font-family:Manrope,Arial,sans-serif;color:var(--fl-ink);background:#fffffff5;border-bottom:1px solid var(--fl-border);backdrop-filter:blur(16px)}.fl-header *,.fl-dialog *{box-sizing:border-box}.fl-header-inner{max-width:1512px;height:80px;display:flex;align-items:center;gap:48px;padding:0 42px;margin:auto}.fl-header a{text-decoration:none}.fl-brand{display:flex;gap:9px;align-items:center;color:var(--fl-ink);font:600 23px/1 Manrope,Arial,sans-serif;letter-spacing:-1px;white-space:nowrap}.fl-brand img{display:block;width:35px;height:35px}.fl-nav{display:flex;align-items:stretch;height:100%;gap:30px}.fl-nav a{display:flex;align-items:center;color:#747384;font-size:13px;font-weight:600;position:relative;white-space:nowrap}.fl-nav a:hover{color:var(--fl-accent)}.fl-nav a[aria-current]{color:var(--fl-accent)}.fl-nav a[aria-current]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--fl-accent);border-radius:3px 3px 0 0}.fl-actions{display:flex;gap:17px;align-items:center;margin-left:auto}.fl-header button{cursor:pointer;font-family:inherit;line-height:1.4}.fl-header svg,.fl-dialog svg{height:18px;width:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.fl-credits{border:1px solid #eae5fb;background:#f5f3ff;color:#6855ca;padding:10px 13px;border-radius:10px;display:flex;gap:8px;align-items:center}.fl-credits span{font-size:12px;font-weight:600;color:var(--fl-ink)}.fl-credits em{font-style:normal;font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;background:#fff;color:#6b6880}.fl-account-wrap{position:relative}.fl-account{display:flex;gap:8px;align-items:center;border:0;background:transparent;padding:2px;color:#7d758f}.fl-account>svg{width:12px}.fl-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:3px solid #fff;outline:1px solid #e3ddee;background:#eae4f9;color:#6b54b2;overflow:hidden;font-size:12px;font-weight:700}.fl-avatar .av{display:contents}.fl-avatar img{width:100%;height:100%;object-fit:cover}.fl-account-menu{position:absolute;right:0;top:49px;width:240px;padding:8px;background:white;border:1px solid var(--fl-border);border-radius:13px;box-shadow:0 12px 40px #28234317}.fl-account-menu[hidden]{display:none!important}.fl-identity{padding:10px 11px 14px;border-bottom:1px solid var(--fl-border);margin-bottom:5px}.fl-identity strong,.fl-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fl-identity strong{font-size:13px}.fl-identity small{font-size:10px;color:#91899d;margin-top:5px}.fl-account-menu a,.fl-account-menu button{display:block;padding:10px 11px;font-size:12px;border-radius:7px;color:#686173;width:100%;text-align:left;background:none;border:0}.fl-account-menu a:hover,.fl-account-menu button:hover{background:#f4f1fb;color:var(--fl-accent)}.fl-account-menu p{font-size:11px;margin:12px;color:#81788e}.fl-menu-toggle{display:none;border:0;background:transparent;padding:6px;color:var(--fl-ink)}.fl-header :focus-visible,.fl-dialog :focus-visible{outline:3px solid #b5a9f5;outline-offset:3px}.fl-dialog{font-family:Manrope,Arial,sans-serif;max-width:490px;width:calc(100% - 36px);padding:35px;border:1px solid var(--fl-border);border-radius:18px;background:white;color:var(--fl-ink);box-shadow:0 25px 90px #28213833}.fl-dialog::backdrop{background:#28233c60;backdrop-filter:blur(4px)}.fl-dialog h2{font:700 27px/1.2 Manrope,Arial,sans-serif;letter-spacing:-.9px;margin:20px 0 16px}.fl-dialog p{font-size:13px;color:var(--fl-muted);line-height:1.8;margin:0}.fl-dialog-close{position:absolute;right:14px;top:14px;background:#f4f2fa;border:0;border-radius:50%;padding:7px;display:grid;place-items:center;cursor:pointer}.fl-note{padding:17px;border-radius:10px;background:#f4f2fa;font-size:12px;line-height:1.7;color:#7b728b;margin:22px 0}.fl-label{display:inline-block;padding:5px 9px;border-radius:5px;background:#eeebf7;color:#8b7ba7;font-size:10px;font-weight:600}.fl-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 17px;border-radius:9px;background:var(--fl-accent);color:white;font-size:12px;font-weight:600;text-decoration:none}.fl-skip{position:absolute;top:-100px}.fl-skip:focus{position:fixed;top:10px;left:10px;z-index:150;background:white;padding:12px;color:var(--fl-accent)}
@media(max-width:1000px){.fl-header-inner{padding:0 28px;gap:27px}.fl-nav{gap:20px}.fl-nav a{font-size:12px}.fl-actions{gap:12px}}
@media(max-width:720px){#frameland-header{min-height:70px}.fl-header-inner{height:70px;padding:0 20px;gap:12px}.fl-brand{font-size:20px}.fl-brand img{width:28px;height:28px}.fl-actions{gap:9px}.fl-credits{padding:7px 9px;gap:5px}.fl-credits svg{width:13px;height:13px}.fl-credits span{font-size:11px}.fl-credits em{font-size:9px;padding:1px 5px}.fl-avatar{width:30px;height:30px;font-size:10px}.fl-account>svg{display:none}.fl-menu-toggle{display:flex}.fl-nav{display:none;position:absolute;top:69px;left:0;right:0;height:auto;padding:10px 20px;background:white;border-bottom:1px solid var(--fl-border);gap:0;box-shadow:0 8px 12px #30254908}.fl-nav.is-open{display:grid;grid-template-columns:repeat(3,1fr)}.fl-nav a{display:block;text-align:center;padding:13px 5px;border-radius:7px;font-size:11px}.fl-nav a[aria-current]{background:#eeebfc}.fl-nav a[aria-current]:after{display:none}.fl-account-menu{right:-35px}.fl-dialog{padding:28px}}
@media(max-width:360px){.fl-brand span{display:none}}

/* Nav badges and the see-through header used over dark heroes (body data-header="overlay"). */
.fl-soon{margin-left:6px;padding:2px 5px;border-radius:5px;background:#efebfe;color:#4a2bb8;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1.3}
.fl-header{transition:background-color .3s ease,border-color .3s ease,color .3s ease}
.fl-header--overlay:not(.is-solid):not(.is-open){background:transparent;border-bottom-color:transparent;backdrop-filter:none;color:#fff}
.fl-header--overlay:not(.is-solid):not(.is-open) .fl-brand,.fl-header--overlay:not(.is-solid):not(.is-open) .fl-menu-toggle,.fl-header--dark:not(.is-open) .fl-brand,.fl-header--dark:not(.is-open) .fl-menu-toggle{color:#fff}
.fl-header--overlay:not(.is-solid):not(.is-open) .fl-nav a,.fl-header--dark:not(.is-open) .fl-nav a{color:rgba(255,255,255,.74)}
.fl-header--overlay:not(.is-solid):not(.is-open) .fl-nav a:hover,.fl-header--overlay:not(.is-solid):not(.is-open) .fl-nav a[aria-current],.fl-header--dark:not(.is-open) .fl-nav a:hover,.fl-header--dark:not(.is-open) .fl-nav a[aria-current]{color:#fff}
.fl-header--overlay:not(.is-solid):not(.is-open) .fl-nav a[aria-current]:after,.fl-header--dark:not(.is-open) .fl-nav a[aria-current]:after{background:#c4b5fd}
.fl-header--overlay:not(.is-solid):not(.is-open) .fl-soon,.fl-header--dark:not(.is-open) .fl-soon{background:rgba(255,255,255,.16);color:#fff}
.fl-header--overlay:not(.is-solid):not(.is-open) .fl-credits,.fl-header--dark:not(.is-open) .fl-credits{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#c4b5fd}
.fl-header--overlay:not(.is-solid):not(.is-open) .fl-credits span,.fl-header--dark:not(.is-open) .fl-credits span{color:#fff}
.fl-header--overlay:not(.is-solid):not(.is-open) .fl-credits em,.fl-header--dark:not(.is-open) .fl-credits em{background:rgba(255,255,255,.16);color:#fff}
.fl-header--overlay:not(.is-solid):not(.is-open) .fl-account,.fl-header--dark:not(.is-open) .fl-account{color:rgba(255,255,255,.8)}
.fl-header--overlay:not(.is-solid):not(.is-open) .fl-avatar,.fl-header--dark:not(.is-open) .fl-avatar{border-color:rgba(255,255,255,.16);outline-color:rgba(255,255,255,.24);background:rgba(255,255,255,.12);color:#fff}
@media(max-width:1180px){.fl-header-inner{gap:28px}.fl-nav{gap:20px}}
@media(max-width:1000px){.fl-nav{gap:14px}.fl-soon{display:none}}
@media(max-width:860px){#frameland-header{min-height:70px}.fl-header-inner{height:70px;padding:0 20px;gap:12px}.fl-menu-toggle{display:flex}.fl-nav{display:none;position:absolute;top:69px;left:0;right:0;height:auto;padding:10px 20px;background:white;border-bottom:1px solid var(--fl-border);gap:0;box-shadow:0 8px 12px #30254908}.fl-nav.is-open{display:grid;grid-template-columns:repeat(3,1fr)}.fl-nav a{display:block;text-align:center;padding:13px 5px;border-radius:7px;font-size:12px;color:#5f5b70}.fl-nav a[aria-current]{background:#eeebfc}.fl-nav a[aria-current]:after{display:none}.fl-soon{display:none}}

.fl-header--dark:not(.is-open){background:rgba(13,11,20,.86);border-bottom-color:rgba(255,255,255,.08);color:#fff}

/* Credits panel */
.fl-credit-dialog{padding:0;max-width:460px;overflow:hidden;border:0;background:#fff}
.fl-cd-top{position:relative;overflow:hidden;padding:30px 30px 26px;color:#fff;background:radial-gradient(120% 90% at 85% -10%,#7b3cff 0%,#3a1a7a 38%,#14101f 78%);isolation:isolate}
.fl-cd-top::after{content:"";position:absolute;inset:auto -30% -60% auto;width:260px;height:260px;border-radius:50%;background:var(--fl-accent);filter:blur(90px);opacity:.35;z-index:-1}
.fl-credit-dialog .fl-dialog-close{background:#ffffff1f;color:#fff}
.fl-credit-dialog .fl-dialog-close:hover{background:#ffffff33}
.fl-cd-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 8px;border-radius:999px;background:#ffffff1a;border:1px solid #ffffff2b;font-size:11px;font-weight:700;letter-spacing:.2px}
.fl-cd-pill svg{width:13px;height:13px;fill:#c9b8ff;stroke:none}
.fl-credit-dialog h2{color:#fff;margin:18px 0 6px;font-size:24px}
.fl-cd-bal{display:flex;align-items:baseline;gap:8px;margin:2px 0 12px}
.fl-cd-bal strong{font:300 52px/1 Manrope,Arial,sans-serif;letter-spacing:-2px;color:#cbbcff}
.fl-cd-bal span{font-size:13px;color:#d9d0f5;font-weight:600}
.fl-credit-dialog .fl-cd-top p{color:#d9d0f5;font-size:13px;line-height:1.65;max-width:34ch}
.fl-cd-body{padding:24px 30px 28px}
.fl-cd-body h3{margin:0 0 12px;font:700 11px/1 Manrope,Arial,sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:#8b819c}
.fl-cd-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fl-cd-list li{display:flex;align-items:center;gap:13px;padding:12px 13px;border:1px solid var(--fl-border);border-radius:12px}
.fl-cd-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#f1ecff;color:var(--fl-accent);flex:none}
.fl-cd-list div{min-width:0;flex:1}
.fl-cd-list b{display:block;font-size:13px;font-weight:700}
.fl-cd-list small{display:block;font-size:12px;color:var(--fl-muted);line-height:1.45;margin-top:2px}
.fl-cd-list em{font-style:normal;font-size:10px;font-weight:700;color:#7a6aa0;background:#f1edf9;padding:3px 7px;border-radius:999px;flex:none}
.fl-credit-dialog .fl-note{margin:16px 0 18px}
.fl-credit-dialog .fl-note b{color:var(--fl-ink);font-weight:700}
.fl-cd-actions{display:flex;gap:10px;flex-wrap:wrap}
.fl-cd-actions .fl-button{flex:1 1 150px;gap:7px;padding:13px 16px;font-size:13px}
.fl-cd-actions .fl-button svg{width:15px;height:15px}
.fl-button--ghost{background:#fff;color:var(--fl-ink);border:1px solid var(--fl-border)}
.fl-button--ghost:hover{border-color:#cfc6e6}
@media(max-width:520px){.fl-cd-top{padding:26px 22px 22px}.fl-cd-body{padding:20px 22px 24px}.fl-cd-bal strong{font-size:44px}}

/* Overlay header after the first scroll, while still over the dark hero */
.fl-header--overlay.is-scrolled:not(.is-solid):not(.is-open){background:rgba(13,11,20,.74);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);border-bottom-color:rgba(255,255,255,.08)}
/* Light header is frosted glass too: page content stays visible, softly blurred, as it scrolls underneath */
.fl-header{background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom-color:rgba(18,14,34,.07);box-shadow:inset 0 -1px 0 rgba(255,255,255,.5)}
.fl-header.is-open{background:rgba(255,255,255,.97)}
.fl-header--dark:not(.is-open){background:rgba(13,11,20,.72);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);box-shadow:none}
.fl-header--overlay:not(.is-solid):not(.is-open){box-shadow:none}
/* The full menu needs about 1120px. Below that it folds into the menu button (it overlapped the logo between 1001 and 1100px). */
@media(min-width:861px) and (max-width:1120px){.fl-menu-toggle{display:flex}.fl-nav{display:none;position:absolute;top:79px;left:0;right:0;height:auto;padding:10px 28px;background:white;border-bottom:1px solid var(--fl-border);gap:0;box-shadow:0 8px 12px #30254908}.fl-nav.is-open{display:grid;grid-template-columns:repeat(4,1fr)}.fl-nav a{display:block;text-align:center;padding:13px 5px;border-radius:7px;font-size:13px;color:#5f5b70}.fl-nav a[aria-current]{background:#eeebfc}.fl-nav a[aria-current]:after{display:none}.fl-soon{display:none}}