/* FiveCore 2.26.0 — public site.
   One stylesheet for every public page (home, systems, commands, Pro, servers, policies).
   "Soft luxury": a night-purple page with layered solid surfaces, a lacquer edge on each
   raised surface, deep soft shadows, three corner sizes, gold only for Pro.
   No gradients, glows or glass. */

:root{
  color-scheme:dark;
  --night:#120a1a;
  --deep:#0c0612;
  --velvet:#1b1026;
  --velvet-2:#24162f;
  --velvet-3:#2e1e3b;
  --plum:#6a2aa6;
  --plum-hover:#7a36ba;
  --lilac:#d6b7ff;
  --gold:#ffb224;
  --gold-hover:#ffc24d;
  --gold-ink:#231400;
  --text:#f5f0fa;
  --soft:#ddd3e8;
  --muted:#b4a8c3;
  --ok:#5fd8a4;
  --warn:#ffc14d;
  --bad:#ff8f8f;
  --info:#9ccfff;
  --line:rgba(214,183,255,.11);
  --line-strong:rgba(214,183,255,.22);
  --edge:inset 0 1px 0 rgba(255,255,255,.05);
  --lift-1:inset 0 1px 0 rgba(255,255,255,.05),0 14px 30px -20px rgba(0,0,0,.75);
  --lift-2:inset 0 1px 0 rgba(255,255,255,.06),0 34px 70px -34px rgba(0,0,0,.9);
  --r-sm:10px;
  --r-md:18px;
  --r-lg:28px;
  --font-display:"Alexandria","Tajawal",system-ui,sans-serif;
  --font-body:"Tajawal",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-code:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --fs-xxs:12px;
  --fs-xs:13px;
  --fs-sm:14.5px;
  --fs-md:16px;
  --fs-lg:19px;
  --fs-xl:24px;
  --fs-2xl:34px;
  --fs-hero:clamp(34px,5vw,58px);
  --wrap:1180px;
  --gutter:24px;
  --ease:cubic-bezier(.2,.7,.2,1);
}

/* ───────── Base ───────── */
*,*::before,*::after{box-sizing:border-box}
html{background:var(--night);scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-height:100vh;background:var(--night);color:var(--text);font:400 var(--fs-md)/1.8 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
html[lang="en"] body{line-height:1.65}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:600;line-height:1.3;letter-spacing:0;text-wrap:balance}
html[lang="en"] h1,html[lang="en"] h2{letter-spacing:-.01em}
p{margin:0}
ul,ol{margin:0;padding:0}
code{font-family:var(--font-code);font-size:1em}
::selection{background:rgba(214,183,255,.3);color:#fff}
:focus-visible{outline:2px solid var(--lilac);outline-offset:3px;border-radius:6px}
.fc-icon{flex:0 0 auto;width:20px;height:20px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}
html{scrollbar-color:#3a2649 var(--night);scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--night)}
::-webkit-scrollbar-thumb{background:#3a2649;border:2px solid var(--night);border-radius:999px}

.fc-wrap{width:min(var(--wrap),100% - var(--gutter)*2);margin-inline:auto}
.fc-main{display:block}
.fc-lede{color:var(--muted);font-size:var(--fs-lg);line-height:1.75}
html[lang="en"] .fc-lede{line-height:1.6}
.fc-link{display:inline-flex;align-items:center;gap:6px;color:var(--lilac);font-weight:600;text-decoration:underline;text-decoration-color:rgba(214,183,255,.35);text-underline-offset:5px;transition:text-decoration-color .15s ease}
.fc-link:hover{text-decoration-color:var(--lilac)}

/* ───────── Buttons: primary (plum), secondary (outline), quiet (text), gold (Pro only) ───────── */
.fc-btn,.button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;
  border:1px solid var(--line-strong);border-radius:var(--r-sm);background:transparent;color:var(--text);
  font:600 15px/1.2 var(--font-body);white-space:nowrap;cursor:pointer;text-decoration:none;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease;
}
.fc-btn .fc-icon,.button .fc-icon{width:18px;height:18px}
.fc-btn:hover,.button:hover{background:var(--velvet-2);border-color:rgba(214,183,255,.34)}
.fc-btn-primary,.button.primary{border-color:transparent;background:var(--plum);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 12px 24px -16px rgba(0,0,0,.8)}
.fc-btn-primary:hover,.button.primary:hover{background:var(--plum-hover);border-color:transparent}
.fc-btn-gold,.button.gold{border-color:transparent;background:var(--gold);color:var(--gold-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.fc-btn-gold:hover,.button.gold:hover{background:var(--gold-hover);border-color:transparent;color:var(--gold-ink)}
.fc-btn-quiet{min-height:40px;padding:0 8px;border-color:transparent;color:var(--lilac)}
.fc-btn-quiet:hover{background:none;border-color:transparent;text-decoration:underline;text-underline-offset:5px}
.fc-btn-lg,.button.large{min-height:52px;padding:0 24px;font-size:var(--fs-md)}
.button.small{min-height:36px;padding:0 14px;font-size:var(--fs-xs)}
.button.full{width:100%}
.button.ghost{background:transparent}
.fc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}

/* ───────── Chips and tier badges ───────── */
.fc-chip{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 9px;border-radius:999px;font:700 var(--fs-xxs)/1 var(--font-body);vertical-align:middle;white-space:nowrap}
.fc-chip .fc-icon{width:13px;height:13px}
.fc-chip-pro{background:rgba(255,178,36,.15);color:var(--gold)}
.fc-chip-new{background:rgba(214,183,255,.14);color:var(--lilac);letter-spacing:.04em}
.fc-tier{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 12px;border-radius:999px;font-size:var(--fs-xs);font-weight:600;white-space:nowrap}
.fc-tier .fc-icon{width:15px;height:15px}
.fc-tier-free{background:var(--velvet-3);color:var(--soft)}
.fc-tier-mixed{background:rgba(255,178,36,.09);color:#ffd27e}
.fc-tier-pro{background:rgba(255,178,36,.15);color:var(--gold)}

/* ───────── Navigation ───────── */
.fc-nav{position:sticky;top:0;z-index:60;background:var(--night);border-bottom:1px solid var(--line)}
.fc-nav-in{display:flex;align-items:center;gap:24px;width:min(var(--wrap),100% - var(--gutter)*2);height:72px;margin-inline:auto}
.fc-brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font:700 19px/1 var(--font-display)}
.fc-brand img{width:36px;height:36px}
.fc-nav-links{display:flex;align-items:center;gap:4px}
.fc-nav-links a{display:inline-flex;align-items:center;min-height:40px;padding:0 13px;border-radius:var(--r-sm);color:var(--soft);font-size:15px;font-weight:500;transition:background-color .15s ease,color .15s ease}
.fc-nav-links a:hover{background:var(--velvet);color:#fff}
.fc-nav-links a[aria-current]{background:var(--velvet-2);color:#fff}
.fc-nav-actions{display:flex;align-items:center;gap:10px;margin-inline-start:auto}
.fc-lang{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 10px;border-radius:var(--r-sm);color:var(--muted);font-size:var(--fs-sm);font-weight:500}
.fc-lang .fc-icon{width:18px;height:18px}
.fc-lang:hover{background:var(--velvet);color:#fff}
.fc-pro-link{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border:1px solid rgba(255,178,36,.4);border-radius:var(--r-sm);color:var(--gold);font-size:15px;font-weight:600;transition:background-color .15s ease}
.fc-pro-link .fc-icon{width:18px;height:18px}
.fc-pro-link:hover,.fc-pro-link[aria-current]{background:rgba(255,178,36,.09)}
.fc-pro-link.is-active{border-color:transparent;background:var(--gold);color:var(--gold-ink)}
.fc-nav-owner .fc-icon{width:18px;height:18px}
.fc-nav-profile{position:relative;margin:0}
.fc-nav-profile button{display:block;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}
.fc-nav-profile img{width:38px;height:38px;border:2px solid var(--velvet-3);border-radius:50%;object-fit:cover;transition:border-color .15s ease}
.fc-nav-profile button:hover img,.fc-nav-profile button:focus-visible img{border-color:var(--lilac)}
.fc-nav-profile-hint{position:absolute;top:calc(100% + 10px);inset-inline-end:0;display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:var(--r-sm);background:var(--velvet-2);box-shadow:var(--lift-2);color:var(--text);font-size:var(--fs-xs);font-weight:600;white-space:nowrap;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .15s ease,transform .15s ease}
.fc-nav-profile-hint .fc-icon{width:15px;height:15px}
.fc-nav-profile button:hover .fc-nav-profile-hint,.fc-nav-profile button:focus-visible .fc-nav-profile-hint{opacity:1;transform:none}
.fc-menu{display:none;position:relative}
.fc-menu>summary{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line-strong);border-radius:var(--r-sm);cursor:pointer;list-style:none}
.fc-menu>summary::-webkit-details-marker{display:none}
.fc-menu>summary span,.fc-menu>summary span::before,.fc-menu>summary span::after{display:block;width:18px;height:2px;border-radius:2px;background:var(--text);transition:transform .2s var(--ease),opacity .2s ease}
.fc-menu>summary span{position:relative}
.fc-menu>summary span::before,.fc-menu>summary span::after{content:"";position:absolute;inset-inline-start:0}
.fc-menu>summary span::before{top:-6px}
.fc-menu>summary span::after{top:6px}
.fc-menu[open]>summary span{background:transparent}
.fc-menu[open]>summary span::before{transform:translateY(6px) rotate(45deg)}
.fc-menu[open]>summary span::after{transform:translateY(-6px) rotate(-45deg)}
.fc-menu-panel{position:absolute;top:calc(100% + 12px);inset-inline-end:0;display:flex;flex-direction:column;width:min(280px,calc(100vw - 32px));padding:8px;border-radius:var(--r-md);background:var(--velvet);box-shadow:var(--lift-2)}
.fc-menu-panel a{display:flex;align-items:center;gap:8px;min-height:46px;padding:0 14px;border-radius:var(--r-sm);color:var(--soft);font-weight:500}
.fc-menu-panel a:hover,.fc-menu-panel a[aria-current]{background:var(--velvet-2);color:#fff}

/* ───────── Footer ───────── */
.fc-footer{margin-top:120px;border-top:1px solid var(--line);background:var(--deep)}
.fc-footer-in{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:40px;width:min(var(--wrap),100% - var(--gutter)*2);margin-inline:auto;padding:56px 0 40px}
.fc-footer-brand p{max-width:34ch;margin:14px 0 12px;color:var(--muted);font-size:var(--fs-sm)}
.fc-footer-brand .fc-lang{margin-inline-start:-10px}
.fc-footer-col{display:flex;flex-direction:column;align-items:flex-start}
.fc-footer-col b{margin-bottom:8px;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600}
.fc-footer-col a{padding:5px 0;color:var(--muted);font-size:var(--fs-sm)}
.fc-footer-col a:hover{color:var(--text)}
.fc-footer-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;width:min(var(--wrap),100% - var(--gutter)*2);margin-inline:auto;padding:20px 0 28px;border-top:1px solid var(--line);color:var(--muted);font-size:var(--fs-xs)}

/* ───────── A FiveCore message drawn like Discord ───────── */
.dc-window{width:100%;max-width:520px;padding:16px 16px 18px;border-radius:var(--r-sm);background:#313338;box-shadow:var(--lift-1);color:#dbdee1;font:400 15px/1.45 var(--font-body);text-align:start}
.dc-msg{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px}
.dc-msg+.dc-msg{margin-top:14px}
.dc-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}
.dc-avatar-user{display:grid;place-items:center;background:#5865f2;color:#fff;font-weight:700}
.dc-main{min-width:0}
.dc-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:2px}
.dc-head b{color:#f2f3f5;font-weight:600}
.dc-app{padding:1px 5px;border-radius:4px;background:#5865f2;color:#fff;font-size:10px;font-weight:700;line-height:1.4}
.dc-head time{color:#949ba4;font-size:12px}
.dc-content{white-space:pre-line;overflow-wrap:anywhere}
.dc-embed{display:grid;gap:6px;max-width:440px;margin-top:4px;padding:10px 14px 14px 12px;border-inline-start:4px solid #8b5cf6;border-radius:4px;background:#2b2d31}
.dc-author{display:flex;align-items:center;gap:8px;color:#f2f3f5;font-size:13px;font-weight:600}
.dc-author img{width:20px;height:20px;border-radius:50%}
.dc-title{color:#f2f3f5;font-weight:700;font-size:15px}
.dc-desc{font-size:14px;white-space:pre-line;overflow-wrap:anywhere}
.dc-quote{display:block;padding-inline-start:10px;border-inline-start:3px solid #4e5058}
.dc-mention{padding:0 2px;border-radius:3px;background:rgba(88,101,242,.3);color:#c9cdfb;font-weight:500;direction:ltr;unicode-bidi:isolate}
.dc-window code{direction:ltr;unicode-bidi:isolate}
.dc-desc code,.dc-field code{padding:1px 4px;border-radius:4px;background:#1e1f22;font-size:13px}
.dc-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;margin-top:2px}
.dc-field{display:flex;flex-direction:column;gap:1px;min-width:0;font-size:14px}
.dc-field.is-wide{grid-column:1/-1}
.dc-field b{color:#f2f3f5;font-size:13px;font-weight:600}
.dc-field span{white-space:pre-line;overflow-wrap:anywhere}
.dc-image{width:100%;margin-top:6px;border-radius:4px}
.dc-footer{margin-top:4px;color:#b5bac1;font-size:12px}
.dc-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.dc-button{display:inline-flex;align-items:center;min-height:32px;padding:0 14px;border-radius:4px;background:#4e5058;color:#fff;font-size:14px;font-weight:500}
.dc-button.is-primary{background:#5865f2}
.dc-select{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:440px;min-height:40px;margin-top:8px;padding:0 12px;border:1px solid #1e1f22;border-radius:4px;background:#1e1f22;color:#b5bac1;font-size:14px}
.dc-select i{width:8px;height:8px;border-inline-end:2px solid #b5bac1;border-bottom:2px solid #b5bac1;transform:translateY(-2px) rotate(45deg)}
.dc-select-menu{max-width:440px;margin-top:4px;padding:6px;border-radius:4px;background:#2b2d31;list-style:none;box-shadow:0 8px 16px rgba(0,0,0,.24)}
.dc-select-menu li{padding:7px 8px;border-radius:4px;color:#dbdee1;font-size:14px}
.dc-select-menu li:first-child{background:#393c41}
.dc-system{display:flex;align-items:center;gap:10px;color:#949ba4;font-size:14px}
.dc-system b{color:#f2f3f5;font-weight:600}
.dc-system-mark{color:#23a55a;font-size:18px;line-height:1}
.dc-system time{font-size:12px}
.dc-member{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px;border-radius:8px;background:#2b2d31}
.dc-member b{display:block;color:#f2f3f5}
.dc-member small{display:block;color:#949ba4;font-size:12px}
.dc-roles{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}
.dc-roles i{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:4px;background:#232428;color:#dbdee1;font-size:12px;font-style:normal}
.dc-roles i::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--role)}
.dc-reactions{display:flex;gap:6px;margin-top:6px}
.dc-reactions span{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid #5865f2;border-radius:8px;background:rgba(88,101,242,.15);font-size:13px}
.dc-reactions b{color:#dee0fc;font-weight:600}
.dc-line-image{margin-top:6px;padding:10px 0}
.dc-line-image i{display:block;height:6px;max-width:360px;border-radius:3px;background:#8b5cf6}
.dc-window.is-compact{padding:14px}
.dc-window.is-compact .dc-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ───────── Home: hero with a layered product stack ───────── */
.fc-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);align-items:center;gap:56px;padding-block:76px 64px}
.fc-hero h1{max-width:15ch;font-size:var(--fs-hero);font-weight:700;line-height:1.2}
html[lang="en"] .fc-hero h1{max-width:16ch;line-height:1.1}
.fc-hero .fc-lede{max-width:560px;margin-top:22px}
.fc-hero .fc-actions{margin-top:32px}
.fc-hero-note{margin-top:18px;color:var(--muted);font-size:var(--fs-sm)}
.fc-stack{position:relative;min-height:470px;padding:0 0 70px 0}
.fc-stack-panel{position:relative;width:88%;margin-inline-start:auto;border:1px solid var(--line);border-radius:var(--r-md);background:var(--velvet);box-shadow:var(--lift-2);overflow:hidden}
.fc-stack-bar{display:flex;align-items:center;gap:10px;height:42px;padding:0 16px;border-bottom:1px solid var(--line);background:var(--deep)}
.fc-stack-bar i{display:none}
.fc-stack-bar span{padding:3px 12px;border-radius:999px;background:var(--velvet);color:var(--muted);font:500 12px/1.6 var(--font-code);direction:ltr}
.fc-stack-body{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:330px}
.fc-stack-side{display:flex;flex-direction:column;gap:2px;padding:12px 10px;border-inline-end:1px solid var(--line);list-style:none}
.fc-stack-side li{display:flex;align-items:center;gap:9px;min-height:36px;padding:0 10px;border-radius:var(--r-sm);color:var(--muted);font-size:var(--fs-xs)}
.fc-stack-side .fc-icon{width:17px;height:17px}
.fc-stack-side li.is-on{background:var(--plum);color:#fff}
.fc-stack-form{display:flex;flex-direction:column;gap:12px;padding:18px 20px}
.fc-stack-form>b{font-family:var(--font-display);font-size:var(--fs-md);font-weight:600}
.fc-stack-form label{display:flex;flex-direction:column;gap:5px;min-width:0}
.fc-stack-form label span{color:var(--muted);font-size:var(--fs-xxs)}
.fc-stack-form label i{display:block;min-height:38px;padding:8px 12px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--deep);color:var(--soft);font-size:var(--fs-xs);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fc-stack-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px}
.fc-swatch{position:relative}
.fc-swatch::after{content:"";position:absolute;inset:8px 10px;border-radius:5px;background:#8b5cf6}
.fc-stack-save{align-self:flex-end;display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:var(--r-sm);background:var(--plum);color:#fff;font-size:var(--fs-xs);font-weight:600}
.fc-stack-message{position:absolute;bottom:0;inset-inline-end:46%;width:min(360px,62%);z-index:2}
html[dir="rtl"] .fc-stack-message{inset-inline-end:auto;inset-inline-start:0}
html[dir="ltr"] .fc-stack-message{inset-inline-end:auto;inset-inline-start:0}
.fc-stack-message .dc-window{box-shadow:var(--lift-2)}
.fc-stack-toast{position:absolute;top:-18px;inset-inline-end:-14px;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--r-sm);background:var(--velvet-3);box-shadow:var(--lift-2);color:var(--text);font-size:var(--fs-xs);font-weight:600}
.fc-stack-toast .fc-icon{width:17px;height:17px;color:var(--ok)}
@keyframes fcRise{from{opacity:0;transform:translateY(12px)}}
.fc-stack-panel{animation:fcRise .7s var(--ease) both}
.fc-stack-message{animation:fcRise .7s .14s var(--ease) both}
.fc-stack-toast{animation:fcRise .6s .5s var(--ease) both}

/* ───────── Home: facts, feature rows, systems index, commands, security, Pro ───────── */
.fc-facts p{max-width:820px;margin-inline:auto;padding:26px 0;border-block:1px solid var(--line);color:var(--muted);font-size:var(--fs-lg);text-align:center}
.fc-facts b{color:var(--text);font-family:var(--font-display);font-size:var(--fs-xl);font-weight:600}
.fc-rows{display:flex;flex-direction:column;gap:112px;padding-block:112px 24px}
.fc-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:64px}
.fc-row.is-flipped .fc-row-copy{order:2}
.fc-row h2{font-size:var(--fs-2xl);font-weight:600}
.fc-row h2 .fc-chip{margin-inline-start:6px;transform:translateY(-4px)}
.fc-row-copy>p{max-width:520px;margin-top:16px;color:var(--muted);font-size:var(--fs-md)}
.fc-row-copy .fc-ticks{margin-top:20px}
.fc-row-copy .fc-link{margin-top:22px}
.fc-row-art{display:flex;justify-content:center;padding:18px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--velvet);box-shadow:var(--lift-1)}
.fc-ticks{display:flex;flex-direction:column;gap:10px;list-style:none}
.fc-ticks li{position:relative;padding-inline-start:28px;color:var(--soft)}
.fc-ticks li::before{content:"";position:absolute;top:.42em;inset-inline-start:5px;width:6px;height:11px;border-right:2px solid var(--lilac);border-bottom:2px solid var(--lilac);transform:rotate(45deg)}
.fc-ticks-lg{gap:14px}
.fc-ticks-lg li{font-size:var(--fs-md)}

.fc-section-head{max-width:640px;margin-bottom:36px}
.fc-section-head h2{font-size:var(--fs-2xl)}
.fc-section-head p{margin-top:12px;color:var(--muted);font-size:var(--fs-md)}
.fc-index-section{padding-top:120px}
.fc-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-bottom:32px}
.fc-index-group h3{padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid var(--line);color:var(--lilac);font-size:var(--fs-sm);font-weight:600}
.fc-index-group ul{list-style:none}
.fc-index-group a{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 8px;margin-inline:-8px;border-radius:var(--r-sm);color:var(--soft);font-size:15px;transition:background-color .15s ease,color .15s ease}
.fc-index-group a:hover{background:var(--velvet);color:#fff}
.fc-index-icon{display:grid;place-items:center;width:22px;color:var(--muted)}
.fc-index-icon .fc-icon{width:19px;height:19px}
.fc-index-group a:hover .fc-index-icon{color:var(--lilac)}
.fc-index-name{flex:1 1 auto;min-width:0}

.fc-cmds{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;margin-top:120px;padding:48px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--velvet);box-shadow:var(--lift-1)}
.fc-cmds h2{font-size:var(--fs-xl)}
.fc-cmds p{margin:12px 0 18px;color:var(--muted)}
.fc-cmd-cloud{display:flex;flex-wrap:wrap;gap:10px;list-style:none}
.fc-cmd-cloud a{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--deep);color:var(--lilac);font-size:14px;transition:border-color .15s ease,color .15s ease}
.fc-cmd-cloud a:hover{border-color:var(--line-strong);color:#fff}

.fc-security{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;padding-top:120px;scroll-margin-top:80px}
.fc-security-mark{display:grid;place-items:center;width:52px;height:52px;margin-bottom:20px;border-radius:var(--r-sm);background:var(--velvet-2);color:var(--lilac)}
.fc-security-mark .fc-icon{width:26px;height:26px}
.fc-security h2{font-size:var(--fs-2xl)}
.fc-security-copy p{max-width:460px;margin-top:14px;color:var(--muted);font-size:var(--fs-md)}
.fc-security-list{list-style:none;border-top:1px solid var(--line)}
.fc-security-list li{display:flex;align-items:flex-start;gap:14px;padding:18px 0;border-bottom:1px solid var(--line);color:var(--soft)}
.fc-security-list .fc-icon{margin-top:4px;width:18px;height:18px;color:var(--ok)}

.fc-proband{margin-top:120px}
.fc-proband-in{display:flex;align-items:center;gap:28px;padding:36px 40px;border:1px solid rgba(255,178,36,.3);border-radius:var(--r-lg);background:var(--velvet);box-shadow:var(--lift-1)}
.fc-proband-crown{display:grid;place-items:center;flex:0 0 auto;width:60px;height:60px;border-radius:50%;background:rgba(255,178,36,.13);color:var(--gold)}
.fc-proband-crown .fc-icon{width:28px;height:28px}
.fc-proband-in>div{flex:1 1 auto;min-width:0}
.fc-proband h2{font-size:var(--fs-xl)}
.fc-proband p{margin-top:6px;color:var(--muted)}

.fc-closing{display:flex;flex-direction:column;align-items:center;padding-top:120px;text-align:center}
.fc-closing img{width:72px;height:72px}
.fc-closing h2{margin-top:20px;font-size:var(--fs-2xl)}
.fc-closing p{max-width:480px;margin:10px 0 28px;color:var(--muted);font-size:var(--fs-md)}

/* ───────── Page headings (systems, commands, servers) ───────── */
.fc-page-head{padding-block:64px 36px}
.fc-page-head h1{font-size:clamp(32px,4vw,44px);font-weight:700}
.fc-page-head .fc-lede{max-width:720px;margin-top:14px}
.fc-page-head-split{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}
.fc-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.fc-jump a{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--soft);font-size:var(--fs-sm);font-weight:500;transition:background-color .15s ease}
.fc-jump a:hover{background:var(--velvet-2);color:#fff}
.fc-jump small{color:var(--muted);font-size:var(--fs-xs)}
.fc-crumbs{display:flex;align-items:center;gap:10px;padding-top:32px;color:var(--muted);font-size:var(--fs-sm)}
.fc-crumbs a{color:var(--lilac)}
.fc-crumbs a:hover{text-decoration:underline;text-underline-offset:4px}

/* ───────── Systems index ───────── */
.fc-groups{display:flex;flex-direction:column;gap:28px}
.fc-group{padding:28px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--velvet);box-shadow:var(--lift-1);scroll-margin-top:96px}
.fc-group>h2{margin-bottom:12px;font-size:var(--fs-xl)}
.fc-sys-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;list-style:none}
.fc-sys-list li{border-bottom:1px solid var(--line)}
.fc-sys-list a{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:84px;padding:14px 10px;margin-inline:-10px;border-radius:var(--r-sm);transition:background-color .15s ease}
.fc-sys-list a:hover{background:var(--velvet-2)}
.fc-sys-icon{display:grid;place-items:center;color:var(--lilac)}
.fc-sys-icon .fc-icon{width:22px;height:22px}
.fc-sys-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.fc-sys-copy b{font-size:var(--fs-md);font-weight:600}
.fc-sys-copy>span{color:var(--muted);font-size:var(--fs-sm);line-height:1.6}

/* ───────── One system ───────── */
.fc-sys-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px;padding-block:28px 72px}
.fc-sys-hero-icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:22px;border-radius:var(--r-md);background:var(--velvet-2);box-shadow:var(--edge);color:var(--lilac)}
.fc-sys-hero-icon .fc-icon{width:28px;height:28px}
.fc-sys-hero h1{font-size:clamp(34px,4.4vw,50px);font-weight:700}
.fc-sys-hero .fc-lede{max-width:520px;margin-top:14px}
.fc-sys-tier{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px}
.fc-pro-note{display:flex;align-items:flex-start;gap:8px;max-width:520px;margin-top:14px;padding:12px 14px;border-inline-start:3px solid var(--gold);border-radius:0 var(--r-sm) var(--r-sm) 0;background:rgba(255,178,36,.06);color:#ffe2a8;font-size:var(--fs-sm);line-height:1.7}
html[dir="rtl"] .fc-pro-note{border-radius:var(--r-sm) 0 0 var(--r-sm)}
.fc-pro-note .fc-icon{width:17px;height:17px;margin-top:3px;color:var(--gold)}
.fc-sys-hero .fc-actions{margin-top:28px}
.fc-sys-hero-art{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--velvet);box-shadow:var(--lift-2)}
.fc-art-note{color:var(--muted);font-size:var(--fs-xs);text-align:center}
.fc-sys-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:56px}
.fc-sys-main{display:flex;flex-direction:column;gap:56px;min-width:0}
.fc-block>h2{margin-bottom:20px;font-size:var(--fs-xl)}
.fc-steps{display:flex;flex-direction:column;gap:12px;list-style:none;counter-reset:fcstep}
.fc-steps li{position:relative;counter-increment:fcstep;min-height:52px;padding:13px 16px;padding-inline-start:60px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--velvet);color:var(--soft)}
.fc-steps li::before{content:counter(fcstep);position:absolute;top:12px;inset-inline-start:14px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--plum);color:#fff;font:600 var(--fs-xs)/1 var(--font-display)}
.fc-sys-aside{position:sticky;top:100px}
.fc-aside-card{padding:22px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--velvet);box-shadow:var(--lift-1)}
.fc-aside-card h2{margin-bottom:10px;font-size:var(--fs-md)}
.fc-aside-card ul{margin-bottom:14px;list-style:none}
.fc-aside-card li+li{border-top:1px solid var(--line)}
.fc-aside-card a{display:flex;align-items:flex-start;gap:10px;padding:12px 0}
.fc-aside-card a .fc-index-icon{margin-top:3px}
.fc-aside-card a b{display:block;font-weight:600}
.fc-aside-card a small{display:block;color:var(--muted);font-size:var(--fs-xs);line-height:1.6}
.fc-aside-card a:hover b{color:var(--lilac)}

/* ───────── Commands ───────── */
.fc-search{position:relative;display:flex;align-items:center;max-width:560px;margin-top:28px}
.fc-search .fc-icon{position:absolute;inset-inline-start:16px;width:19px;height:19px;color:var(--muted);pointer-events:none}
.fc-search input{width:100%;min-height:52px;padding:0 18px;padding-inline-start:46px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--velvet);color:var(--text);font-size:var(--fs-md)}
.fc-search input::placeholder{color:#8e829c}
.fc-search input:focus{outline:0;border-color:var(--lilac);box-shadow:0 0 0 3px rgba(214,183,255,.16)}
.fc-cmd-layout{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:start;gap:48px}
.fc-cmd-toc{position:sticky;top:100px;display:flex;flex-direction:column;gap:2px}
.fc-cmd-toc a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:0 12px;border-radius:var(--r-sm);color:var(--soft);font-size:var(--fs-sm)}
.fc-cmd-toc a:hover{background:var(--velvet);color:#fff}
.fc-cmd-toc small{color:var(--muted);font-size:var(--fs-xs)}
.fc-cmd-groups{display:flex;flex-direction:column;gap:28px;min-width:0}
.fc-cmd-group{padding:24px 28px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--velvet);box-shadow:var(--lift-1);scroll-margin-top:96px}
.fc-cmd-group>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.fc-cmd-group h2{font-size:var(--fs-xl)}
.fc-cmd-group h2 a:hover{color:var(--lilac)}
.fc-cmd-hint{margin-bottom:16px;color:var(--muted);font-size:var(--fs-sm)}
.fc-cmd-table{display:flex;flex-direction:column}
.fc-cmd-row{display:grid;grid-template-columns:170px minmax(0,1fr);gap:20px;padding:16px 0;border-top:1px solid var(--line);scroll-margin-top:110px}
.fc-cmd-row:first-child{border-top:0}
.fc-cmd-row>code{align-self:start;justify-self:start;padding:5px 10px;border-radius:var(--r-sm);background:var(--deep);color:var(--lilac);font-size:15px;font-weight:600}
.fc-cmd-row:target{margin-inline:-14px;padding-inline:14px;border-radius:var(--r-sm);background:var(--velvet-2)}
.fc-cmd-row p{color:var(--soft)}
.fc-opts{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;list-style:none}
.fc-opts li{display:inline-flex;align-items:baseline;gap:6px;color:var(--muted);font-size:var(--fs-xs)}
.fc-opts code{color:var(--soft);font-size:var(--fs-xs)}
.fc-opts li.is-required code{color:var(--text)}
.fc-opts li.is-required code::after{content:"*";margin-inline-start:2px;color:var(--gold)}
.fc-cmd-empty{padding:24px;color:var(--muted);text-align:center}
.fc-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 28px}
.fc-games-group h3{margin-bottom:6px;color:var(--lilac);font-size:var(--fs-sm);font-weight:600}
.fc-games-group ul{list-style:none}
.fc-games-group li{display:flex;align-items:center;gap:10px;min-height:42px;border-bottom:1px solid var(--line);font-size:15px}
.fc-games-group li>span:first-child{flex:1 1 auto}
.fc-games-group code{padding:2px 9px;border-radius:var(--r-sm);background:var(--deep);color:var(--lilac);font-family:var(--font-body);font-size:var(--fs-xs)}

/* ───────── Server picker ───────── */
.fc-pro-strip{display:flex;align-items:center;gap:14px;flex:0 0 auto;max-width:380px;padding:14px 18px;border:1px solid rgba(255,178,36,.35);border-radius:var(--r-md);background:var(--velvet);transition:background-color .15s ease}
.fc-pro-strip:hover{background:var(--velvet-2)}
.fc-pro-strip-mark{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:rgba(255,178,36,.14);color:var(--gold)}
.fc-pro-strip.is-active .fc-pro-strip-mark{background:var(--gold);color:var(--gold-ink)}
.fc-pro-strip b{display:block;color:var(--gold);font-weight:600}
.fc-pro-strip small{display:block;color:var(--muted);font-size:var(--fs-xs)}
.fc-list-meta{margin-bottom:12px;color:var(--muted);font-size:var(--fs-sm)}
.fc-server-list{padding:8px 24px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--velvet);box-shadow:var(--lift-1);list-style:none}
.fc-server{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;align-items:center;gap:16px;min-height:88px;padding:16px 0;border-top:1px solid var(--line)}
.fc-server:first-child{border-top:0}
.fc-server-avatar{display:grid;place-items:center;width:52px;height:52px;overflow:hidden;border-radius:50%;background:var(--velvet-3);color:var(--lilac);font:600 var(--fs-md)/1 var(--font-display)}
.fc-server-avatar img{width:100%;height:100%;object-fit:cover}
.fc-server-copy{display:flex;flex-direction:column;min-width:0}
.fc-server-copy b{overflow:hidden;font-size:var(--fs-md);font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.fc-server-state{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:var(--fs-sm)}
.fc-server-state i{width:8px;height:8px;border-radius:50%;background:#7b6f87}
.fc-server.is-ready .fc-server-state i{background:var(--ok)}
.fc-server .fc-btn{grid-column:4;min-width:150px}
.fc-server>.fc-chip{grid-column:3}
.fc-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:64px 24px;border:1px dashed var(--line-strong);border-radius:var(--r-lg);text-align:center}
.fc-empty-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--velvet-2);color:var(--lilac)}
.fc-empty h2{font-size:var(--fs-xl)}
.fc-empty p{max-width:440px;color:var(--muted)}

/* ───────── Policies ───────── */
.fc-legal-layout{display:grid;grid-template-columns:250px minmax(0,1fr);align-items:start;gap:64px;padding-top:56px}
.fc-legal-toc{position:sticky;top:100px;display:flex;flex-direction:column;gap:28px}
.fc-legal-toc nav{display:flex;flex-direction:column}
.fc-legal-toc b{margin-bottom:8px;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600}
.fc-legal-toc a{padding:6px 0;color:var(--muted);font-size:var(--fs-sm);line-height:1.5}
.fc-legal-toc a:hover{color:var(--text)}
.fc-legal-doc{max-width:760px}
.fc-legal-kicker{color:var(--lilac);font-size:var(--fs-sm);font-weight:600}
.fc-legal-doc h1{margin-top:8px;font-size:clamp(32px,4vw,44px);font-weight:700}
.fc-legal-doc .fc-lede{margin-top:16px}
.fc-legal-date{margin-top:14px;color:var(--muted);font-size:var(--fs-xs)}
.fc-callout{margin-top:32px;padding:18px 20px;border:1px solid rgba(255,178,36,.28);border-radius:var(--r-md);background:rgba(255,178,36,.05)}
.fc-callout b{color:#ffd27e}
.fc-callout p{margin-top:6px;color:var(--soft)}
.fc-legal-doc section{padding-top:40px;scroll-margin-top:96px}
.fc-legal-doc section h2{margin-bottom:12px;font-size:var(--fs-xl)}
.fc-legal-doc section p+p{margin-top:12px}
.fc-legal-doc section p,.fc-legal-doc section li{color:var(--soft)}
.fc-legal-doc section ul{display:flex;flex-direction:column;gap:6px;margin-top:12px;padding-inline-start:22px}
.fc-legal-doc>.fc-actions{margin-top:48px}

/* ───────── Centered pages (errors, bot missing) ───────── */
.fc-center-main{display:grid;place-items:center;min-height:calc(100vh - 220px);padding:48px 16px}
.fc-center-card{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(560px,100%);padding:44px 36px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--velvet);box-shadow:var(--lift-2);text-align:center}
.fc-center-card .fc-brand{margin-bottom:12px}
.fc-error-code{color:var(--lilac);font:700 72px/1 var(--font-display)}
.fc-center-kicker{color:var(--lilac);font-size:var(--fs-sm);font-weight:600}
.fc-center-card h1{font-size:var(--fs-2xl)}
.fc-center-card>p{color:var(--muted)}
.fc-center-card .fc-actions{justify-content:center;margin-top:12px}
.fc-center-card .fc-pro-note{text-align:start}
.fc-center ~ .fc-footer,.fc-center .fc-footer{margin-top:0}

/* ───────── The Pro page (markup from 2.25.x, restyled) ───────── */
.pro-main{display:flex;flex-direction:column;gap:28px;width:min(var(--wrap),100% - var(--gutter)*2);margin-inline:auto;padding:56px 0 24px}
.pro-main section[id]{scroll-margin-top:96px}
.pro-hero{display:flex;flex-direction:column;align-items:center;max-width:820px;margin:0 auto;padding:12px 0 20px;text-align:center}
.pro-kicker{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 14px;border-radius:999px;background:rgba(255,178,36,.13);color:var(--gold);font-size:var(--fs-xs);font-weight:600}
.pro-kicker .fc-icon{width:16px;height:16px}
.pro-hero h1{margin:20px 0 14px;font-size:var(--fs-hero);font-weight:700;line-height:1.2}
.pro-hero h1 span{display:block;color:var(--gold)}
.pro-hero p{max-width:640px;color:var(--muted);font-size:var(--fs-lg);line-height:1.75}
.pro-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px}
.pro-hero-actions .button{min-height:52px;padding:0 24px;font-size:var(--fs-md)}
.pro-section{padding:36px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--velvet);box-shadow:var(--lift-1)}
.pro-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:28px}
.pro-heading.center{justify-content:center;text-align:center}
.pro-heading.center p{margin-inline:auto}
.pro-heading span{color:var(--lilac);font-size:var(--fs-sm);font-weight:600}
.pro-heading h2{margin-top:4px;font-size:var(--fs-2xl)}
.pro-heading p{max-width:66ch;margin-top:10px;color:var(--muted)}
.pro-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pro-plan{position:relative;display:flex;flex-direction:column;gap:14px;min-width:0;min-height:480px;padding:30px 26px 26px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--velvet-2);box-shadow:var(--edge)}
.pro-plan.is-best{border:2px solid var(--gold);padding:29px 25px 25px}
.pro-plan-flag{position:absolute;top:-13px;inset-inline-start:22px;display:inline-flex;align-items:center;min-height:26px;padding:0 12px;border-radius:999px;background:var(--gold);color:var(--gold-ink);font-size:var(--fs-xxs);font-weight:700}
.pro-plan-crown{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:rgba(255,178,36,.12);color:var(--gold)}
.pro-plan-crown .fc-icon{width:26px;height:26px}
.pro-plan h3{font-size:var(--fs-xl)}
.pro-plan-desc{flex:1 1 auto;color:var(--muted);font-size:var(--fs-sm);line-height:1.75}
.pro-plan-price{display:flex;flex-direction:column;justify-content:flex-end;gap:2px;min-height:104px}
.pro-plan-price strong{color:#fff;font:700 44px/1.1 var(--font-display);font-variant-numeric:tabular-nums}
.pro-plan-price strong.pro-plan-contact{color:var(--gold);font-size:30px}
.pro-plan-price small{color:var(--muted);font-size:var(--fs-xs)}
/* 2.26.0: a discount you cannot miss: a ribbon, the old price struck through, and how much you save */
.pro-plan.is-sale{border-color:rgba(95,216,164,.38)}
.pro-plan.is-sale.is-best{border-color:var(--gold)}
.pro-plan-sale{position:absolute;top:-13px;inset-inline-end:22px;display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:0 12px;overflow:hidden;border-radius:999px;background:var(--ok);color:#05261a;font-size:var(--fs-xxs);font-weight:800;box-shadow:0 10px 22px -12px rgba(0,0,0,.8)}
.pro-plan-sale b{font-weight:800}
.pro-plan-sale::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);transform:translateX(-130%);animation:fcShine 4.5s 1.2s ease-in-out infinite;pointer-events:none}
@keyframes fcShine{0%{transform:translateX(-130%)}28%,100%{transform:translateX(130%)}}
.pro-plan-deal{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:6px}
.pro-plan-deal del{position:relative;color:#ab9fb8;font:600 22px/1.2 var(--font-display);text-decoration:none;font-variant-numeric:tabular-nums}
.pro-plan-deal del::after{content:"";position:absolute;inset-inline:-5px;top:52%;height:3px;border-radius:2px;background:#ff6b81;transform:rotate(-12deg);transform-origin:left center;animation:fcStrike .55s .35s var(--ease) backwards}
@keyframes fcStrike{from{transform:rotate(-12deg) scaleX(0)}}
.pro-plan-deal b{padding:3px 10px;border-radius:999px;background:rgba(95,216,164,.14);color:var(--ok);font-size:var(--fs-xs);font-weight:700}
.pro-plan .button{min-height:52px;margin-top:4px;font-size:15px}
.pro-plans-note{margin-top:20px;color:var(--muted);font-size:var(--fs-sm);text-align:center}
.pro-compare{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.pro-compare-head,.pro-compare-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr)}
.pro-compare-head>span,.pro-compare-row>span{display:flex;align-items:center;gap:7px;min-width:0;padding:17px 22px}
.pro-compare-head{background:var(--velvet-3);font:600 var(--fs-md)/1.4 var(--font-display)}
.pro-compare-head .pro-col{color:var(--gold)}
.pro-compare-row{border-top:1px solid var(--line);font-size:15.5px}
.pro-compare-row>span:first-child{color:var(--text);font-weight:500}
.pro-compare-row .free{color:var(--soft)}
.pro-compare-row .free.is-no{color:#a99db4}
.pro-compare-row .pro-col{background:rgba(255,178,36,.04);color:#ffd27e;font-weight:600}
.pro-compare .fc-icon{width:17px;height:17px;stroke-width:2.4}
.pro-faq{display:flex;flex-direction:column;max-width:860px;margin:0 auto;border-top:1px solid var(--line)}
.pro-faq details{border-bottom:1px solid var(--line)}
.pro-faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:14px 4px;font-size:var(--fs-md);font-weight:600;cursor:pointer;list-style:none}
.pro-faq summary::-webkit-details-marker{display:none}
.pro-faq summary::after{content:"";flex:0 0 auto;width:9px;height:9px;border-inline-end:2px solid var(--lilac);border-bottom:2px solid var(--lilac);transform:rotate(45deg);transition:transform .2s var(--ease)}
.pro-faq details[open] summary::after{transform:rotate(-135deg)}
.pro-faq p{padding:0 4px 20px;color:var(--muted);line-height:1.85}
.pro-support{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;color:var(--gold);font-weight:600}
.pro-support .fc-icon{width:18px;height:18px}
.pro-support:hover span{text-decoration:underline;text-underline-offset:4px}
.pro-key-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;max-width:640px}
.pro-key-form input{min-height:54px;padding:0 18px;border:1px solid rgba(255,178,36,.3);border-radius:var(--r-sm);background:var(--deep);color:#fff;font:600 var(--fs-md)/1.4 var(--font-code);letter-spacing:.06em;text-transform:uppercase}
.pro-key-form input::placeholder{color:#7c7088;letter-spacing:.04em}
.pro-key-form input:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,178,36,.16)}
.pro-key-form .button{min-height:54px;padding:0 26px}
.pro-key-help{display:block;margin-top:10px;color:var(--muted);font-size:var(--fs-xs)}
.pro-chip{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 11px;border-radius:999px;background:var(--velvet-3);color:var(--soft);font-size:var(--fs-xxs);font-weight:700;white-space:nowrap}
.pro-chip.ok{background:rgba(95,216,164,.12);color:var(--ok)}
.pro-chip.warn{background:rgba(255,178,36,.12);color:var(--warn)}
.pro-chip.bad{background:rgba(255,143,143,.12);color:var(--bad)}
.pro-chip.info{background:rgba(156,207,255,.12);color:var(--info)}
.pro-chip.muted{color:#b1a5bf}
.pro-chip.pro{background:rgba(255,178,36,.15);color:var(--gold)}
.pro-note{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--velvet-2);font-size:var(--fs-sm);line-height:1.7}
.pro-note>.fc-icon{width:20px;height:20px;color:var(--lilac)}
.pro-note b{display:block}
.pro-note span{color:var(--soft)}
.pro-note small{display:block;margin-top:2px;color:#a99db4;font-size:var(--fs-xxs);overflow-wrap:anywhere}
.pro-note.warn{border-color:rgba(255,178,36,.3);background:rgba(255,178,36,.05)}
.pro-note.warn>.fc-icon{color:var(--warn)}
.pro-note.bad{border-color:rgba(255,143,143,.3);background:rgba(255,143,143,.05)}
.pro-note.bad>.fc-icon{color:var(--bad)}
.pro-mine>.pro-note,.pro-mine>.pro-status{margin-bottom:18px}
.pro-status{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px;padding:20px 24px;border:1px solid rgba(255,178,36,.3);border-radius:var(--r-md);background:var(--velvet-2)}
.pro-status-main{display:flex;align-items:center;gap:12px}
.pro-status-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--gold);color:var(--gold-ink)}
.pro-status-mark .fc-icon{width:22px;height:22px;stroke-width:2.4}
.pro-status-main small{display:block;color:var(--muted);font-size:var(--fs-xs)}
.pro-status-main b{font-size:17px}
.pro-status-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}
.pro-status-facts>div{padding:10px 14px;border-radius:var(--r-sm);background:var(--velvet-3)}
.pro-status-facts dt{color:var(--muted);font-size:var(--fs-xxs)}
.pro-status-facts dd{margin:3px 0 0;color:#fff;font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}
.pro-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.pro-slot{display:flex;flex-direction:column;gap:14px;min-width:0;padding:22px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--velvet-2);box-shadow:var(--edge)}
.pro-slot>.pro-actions,.pro-slot>.pro-token-form{margin-top:auto}
.pro-slot.is-done{border-color:rgba(95,216,164,.26)}
.pro-slot:target{outline:2px solid var(--gold);outline-offset:2px}
.pro-slot-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.pro-slot-head b{display:block;font:600 var(--fs-lg)/1.4 var(--font-display)}
.pro-slot-head small{color:var(--muted);font-size:var(--fs-xs)}
.pro-slot-end{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.pro-slot-end small{color:#a99db4;font-size:var(--fs-xxs);font-variant-numeric:tabular-nums}
.pro-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none}
.pro-steps li{display:flex;align-items:center;gap:8px;min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:var(--r-sm);color:#b1a5bf;font-size:var(--fs-xxs);font-weight:600;line-height:1.35}
.pro-steps li i{display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:var(--velvet-3);color:var(--soft);font-size:var(--fs-xxs);font-style:normal;font-weight:700}
.pro-steps li i .fc-icon{width:14px;height:14px;stroke-width:2.6}
.pro-steps li.done{border-color:rgba(95,216,164,.24);color:#c3f0db}
.pro-steps li.done i{background:rgba(95,216,164,.18);color:var(--ok)}
.pro-steps li.now{border-color:rgba(255,178,36,.45);background:rgba(255,178,36,.07);color:#fff}
.pro-steps li.now i{background:var(--gold);color:var(--gold-ink)}
.pro-where{display:flex;align-items:center;gap:9px;padding:10px 13px;border-radius:var(--r-sm);background:rgba(95,216,164,.08);color:#c3f0db;font-size:var(--fs-sm)}
.pro-where .fc-icon{width:18px;height:18px;color:var(--ok)}
.pro-where b{color:#fff}
.pro-bot{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border-radius:var(--r-sm);background:var(--deep)}
.pro-avatar{display:grid;place-items:center;width:44px;height:44px;overflow:hidden;border-radius:50%;background:var(--velvet-3);color:var(--lilac);font-family:var(--font-display);font-weight:600}
.pro-avatar img{width:100%;height:100%;object-fit:cover}
.pro-bot b{display:block;overflow:hidden;font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap}
.pro-bot small{display:block;margin-top:2px;color:var(--muted);font-size:var(--fs-xxs)}
.pro-bot code{color:var(--soft);font-size:var(--fs-xxs)}
.pro-actions{display:flex;flex-wrap:wrap;gap:8px}
.pro-actions form{display:contents}
.pro-actions .button{min-height:40px;padding:0 16px;font-size:var(--fs-xs)}
.pro-token-form{display:flex;flex-direction:column;gap:8px}
.pro-token-form>label{color:var(--text);font-size:var(--fs-xs);font-weight:600}
.pro-token-form>small{color:var(--muted);font-size:var(--fs-xxs);line-height:1.6}
.pro-token-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch}
.pro-token-row>.button{min-height:50px;padding:0 20px}
.token-secret-input{position:relative;display:flex;align-items:center;min-height:50px;border:1px solid rgba(255,178,36,.26);border-radius:var(--r-sm);background:var(--deep);direction:ltr}
.token-secret-input input{flex:1 1 auto;min-width:0;min-height:48px;padding:0 14px;border:0;background:transparent;color:#fff;font-family:var(--font-code);font-size:var(--fs-xs)}
.token-secret-input input:focus{outline:0}
.token-secret-input:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,178,36,.14)}
.token-visibility-button{display:grid;place-items:center;width:44px;height:44px;margin-inline-end:3px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}
.token-visibility-button:hover{background:var(--velvet-2);color:#fff}
.token-visibility-button .fc-icon{width:17px;height:17px}
.pro-renew{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px dashed rgba(255,178,36,.45);border-radius:var(--r-sm);color:#ffd88f;font-size:var(--fs-xs)}
.pro-help{margin-top:18px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--velvet-2)}
.pro-help>summary{display:flex;align-items:center;gap:12px;padding:18px 20px;cursor:pointer;list-style:none}
.pro-help>summary::-webkit-details-marker{display:none}
.pro-help>summary>.fc-icon{width:22px;height:22px;color:var(--lilac)}
.pro-help>summary b{display:block}
.pro-help>summary small{display:block;color:var(--muted);font-size:var(--fs-xs)}
.pro-help>summary::after{content:"";flex:0 0 auto;width:9px;height:9px;margin-inline-start:auto;border-inline-end:2px solid var(--lilac);border-bottom:2px solid var(--lilac);transform:rotate(45deg);transition:transform .2s var(--ease)}
.pro-help[open]>summary::after{transform:rotate(-135deg)}
.pro-howto{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 20px 4px;list-style:none;counter-reset:step}
.pro-howto li{counter-increment:step;display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:var(--r-sm);background:var(--deep);font-size:var(--fs-xs);line-height:1.7}
.pro-howto li::before{content:counter(step);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--plum);color:#fff;font-weight:700;font-size:var(--fs-xxs)}
.pro-howto li span{color:var(--muted)}
.pro-security{display:flex;align-items:center;gap:8px;margin:14px 20px 20px;color:var(--muted);font-size:var(--fs-xs)}
.pro-security .fc-icon{width:16px;height:16px;color:var(--ok)}
.pro-history{display:grid;grid-template-columns:1fr;gap:16px;margin-top:18px}
.pro-history h3{margin-bottom:10px;font-size:var(--fs-md)}
.pro-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-md);list-style:none;overflow:hidden}
.pro-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--line)}
.pro-list li:first-child{border-top:0}
.pro-list b{display:block;font-size:var(--fs-sm)}
.pro-list small{color:var(--muted);font-size:var(--fs-xxs)}
.pro-faq summary:focus-visible,.pro-help>summary:focus-visible{outline:2px solid var(--lilac);outline-offset:2px}

/* ───────── Toast after an action ───────── */
.flash-toast{position:fixed;top:88px;inset-inline-end:24px;z-index:90;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;width:min(400px,calc(100vw - 32px));padding:16px 18px;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--velvet-2);box-shadow:var(--lift-2);animation:fcRise .35s var(--ease) both}
.flash-toast.is-closing{opacity:0;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease}
.flash-toast-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--velvet-3);color:var(--lilac);font-weight:700}
.flash-toast.success .flash-toast-icon{background:rgba(95,216,164,.16);color:var(--ok)}
.flash-toast.error .flash-toast-icon{background:rgba(255,143,143,.16);color:var(--bad)}
.flash-toast.premium .flash-toast-icon{background:rgba(255,178,36,.16);color:var(--gold)}
.flash-toast-copy strong{display:block;font-size:var(--fs-sm)}
.flash-toast-copy p{margin-top:2px;color:var(--soft);font-size:var(--fs-xs);line-height:1.6}

/* ───────── Page transitions (body.page-leaving is set by app.js) ───────── */
@keyframes fcPageIn{from{opacity:0}}
body>main,body>.fc-nav,body>.fc-footer{animation:fcPageIn .25s ease backwards;transition:opacity .16s ease}
body.page-leaving>main,body.page-leaving>.fc-footer{opacity:0}
body::after{content:"";position:fixed;top:0;inset-inline-start:0;width:0;height:2px;z-index:200;background:var(--lilac);transition:width .3s ease;pointer-events:none}
body.page-leaving::after{width:100%}

/* ───────── Narrower screens ───────── */
@media (max-width:1100px){
  .fc-index{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fc-sys-body{grid-template-columns:1fr}
  .fc-sys-aside{position:static}
  .pro-slots{grid-template-columns:1fr}
  .pro-plans{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pro-plan{min-height:0}
  .pro-status{grid-template-columns:1fr}
}
@media (max-width:980px){
  .fc-nav-links,.fc-nav-actions>.fc-lang,.fc-nav-owner{display:none}
  .fc-menu{display:block}
  .fc-hero,.fc-row,.fc-sys-hero,.fc-security,.fc-cmds{grid-template-columns:1fr}
  .fc-hero{gap:48px;padding-top:48px}
  .fc-hero h1{max-width:none}
  .fc-row{gap:32px}
  .fc-row.is-flipped .fc-row-copy{order:0}
  .fc-rows{gap:80px;padding-top:80px}
  .fc-cmd-layout,.fc-legal-layout{grid-template-columns:1fr;gap:28px}
  .fc-cmd-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:8px}
  .fc-cmd-toc a{border:1px solid var(--line-strong)}
  .fc-legal-toc{position:static}
  .fc-legal-toc nav:first-child{display:none}
  .fc-legal-others{flex-direction:row!important;flex-wrap:wrap;gap:4px 16px}
  .fc-page-head-split{flex-direction:column;align-items:stretch}
  .fc-pro-strip{max-width:none}
  .fc-games{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  :root{--gutter:16px;--fs-2xl:28px;--fs-xl:21px;--fs-lg:17px}
  .fc-nav-in{gap:12px;height:64px}
  .fc-nav-actions{gap:8px}
  .fc-nav-actions>.fc-pro-link{display:none}
  .fc-hero{padding-block:36px 40px}
  .fc-hero .fc-actions .fc-btn{width:100%}
  .fc-stack{min-height:0;padding-bottom:0}
  .fc-stack-panel{width:100%}
  .fc-stack-body{grid-template-columns:1fr}
  .fc-stack-side{display:none}
  .fc-stack-message{position:relative;inset:auto!important;width:auto;margin:-28px 12px 0}
  .fc-stack-form{padding-bottom:44px}
  .dc-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fc-stack-toast{top:-14px;inset-inline-end:10px}
  .fc-index{grid-template-columns:1fr;gap:20px}
  .fc-cmds{margin-top:80px;padding:28px 22px}
  .fc-security,.fc-proband,.fc-index-section,.fc-closing{padding-top:80px}
  .fc-proband{margin-top:80px;padding-top:0}
  .fc-proband-in{flex-direction:column;align-items:flex-start;padding:28px 22px}
  .fc-proband-in .fc-btn{width:100%}
  .fc-group,.fc-cmd-group{padding:20px 18px}
  .fc-sys-list{grid-template-columns:1fr}
  .fc-sys-list a{grid-template-columns:24px minmax(0,1fr);min-height:76px}
  .fc-sys-list .fc-tier{grid-column:2;justify-self:start}
  .fc-cmd-row{grid-template-columns:1fr;gap:8px}
  .fc-games{grid-template-columns:1fr}
  .fc-server{grid-template-columns:44px minmax(0,1fr) auto;gap:12px}
  .fc-server-avatar{width:44px;height:44px}
  .fc-server .fc-btn{grid-column:1/-1;width:100%}
  .fc-server>.fc-chip{grid-column:3;grid-row:1}
  .fc-server-list{padding:4px 16px}
  .fc-footer{margin-top:80px}
  .fc-footer-in{grid-template-columns:1fr 1fr;gap:28px}
  .fc-footer-brand{grid-column:1/-1}
  .fc-center-card{padding:36px 22px}
  .pro-main{gap:18px;padding-top:32px}
  .pro-section{padding:22px 18px}
  .pro-plans,.pro-howto{grid-template-columns:1fr}
  .pro-plan-price{min-height:0}
  .pro-plan-price strong{font-size:38px}
  .pro-status-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pro-steps{grid-template-columns:1fr}
  .pro-token-row,.pro-key-form{grid-template-columns:1fr}
  .pro-bot{grid-template-columns:auto minmax(0,1fr)}
  .pro-bot>.pro-chip{grid-column:1/-1;justify-self:start}
  .pro-actions .button{flex:1 1 auto}
  .pro-compare-head>span,.pro-compare-row>span{padding:13px 10px;font-size:var(--fs-xs)}
  .pro-compare-head,.pro-compare-row{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) minmax(0,1fr)}
  .pro-compare-row .pro-col .fc-icon{display:none}
  .pro-note{grid-template-columns:auto minmax(0,1fr)}
  .pro-note>.button{grid-column:1/-1}
  .pro-renew{flex-direction:column;align-items:stretch}
  .flash-toast{top:76px;inset-inline-end:16px}
}
@media (max-width:420px){
  .fc-brand span{display:none}
  .fc-dash-btn{padding:0 14px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}