/* FIDE Labs global site CSS — extracted from bundled artifact pages */

.sc-placeholder{background:color-mix(in srgb,currentColor 8%,transparent);
      border:1px solid color-mix(in srgb,currentColor 50%,transparent);
      border-radius:2px;box-sizing:border-box;overflow:hidden}
@keyframes sc-shine{0%{background-position:100% 50%}100%{background-position:0% 50%}}
html.sc-dc-streaming .sc-placeholder,
    html.sc-dc-streaming .sc-interp.sc-missing{position:relative;
      background:color-mix(in srgb,currentColor 5%,transparent);
      border-color:transparent}
html.sc-dc-streaming .sc-placeholder::before,
    html.sc-dc-streaming .sc-interp.sc-missing::before{content:'';
      position:absolute;inset:0;pointer-events:none;
      background:linear-gradient(90deg,rgba(217,119,87,0) 25%,rgba(247,225,211,.95) 37%,rgba(217,119,87,0) 63%);
      background-size:400% 100%;animation:sc-shine 1.4s ease infinite}
html.sc-dc-streaming .sc-placeholder:nth-child(n+9 of .sc-placeholder)::before,
    html.sc-dc-streaming .sc-interp.sc-missing:nth-child(n+9 of .sc-interp.sc-missing)::before{animation:none;
      background:color-mix(in srgb,currentColor 8%,transparent)}
.sc-placeholder-error{padding:4px 8px;font:11px/1.4 ui-monospace,monospace;
      color:color-mix(in srgb,currentColor 70%,transparent);word-break:break-word}
.sc-interp.sc-missing{display:inline-block;width:2em;height:1em;overflow:hidden;
      vertical-align:text-bottom;background:rgba(255,255,255,.3);border:1px solid rgba(0,0,0,.5);
      border-radius:2px;box-sizing:border-box;color:transparent;
      user-select:none}
.sc-interp.sc-unresolved{font-family:ui-monospace,monospace;font-size:.85em;
      color:color-mix(in srgb,currentColor 50%,transparent);
      background:color-mix(in srgb,currentColor 10%,transparent);border-radius:3px;
      padding:0 3px}
.sc-host.sc-has-error{position:relative}
.sc-logic-error{position:absolute;top:8px;left:8px;z-index:2147483647;max-width:60ch;
      padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
      border-radius:4px;white-space:pre-wrap;pointer-events:none}
    /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts — keep both
       in sync until dc-runtime regains a build step. */
    @media print {
      @page { margin: 0.5cm; }
figure, table { break-inside: avoid; }
#dc-root, #dc-root > .sc-host { height: auto; }
*, *::before, *::after {
        print-color-adjust: exact; -webkit-print-color-adjust: exact;
        backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
        animation-delay: -99s !important; animation-duration: .001s !important;
        animation-iteration-count: 1 !important; animation-fill-mode: both !important;
        animation-play-state: running !important; transition-duration: 0s !important;
      }
    }
x-dc{display:none!important}
.fx{display:flex}
.col{display:flex;flex-direction:column}
.grid{display:grid}
.ac{align-items:center}
.jc{justify-content:center}
.jb{justify-content:space-between}
.f1{flex:1}
.noshrink{flex-shrink:0}
.wrap{flex-wrap:wrap}
.fw5{font-weight:500}
.fw6{font-weight:600}
.fw7{font-weight:700}
.fw8{font-weight:800}
.fs11{font-size:11px}
.fs12{font-size:12px}
.fs13{font-size:13px}
.fs14{font-size:14px}
.fs15{font-size:15px}
.fs16{font-size:16px}
.fs20{font-size:20px}
.fs22{font-size:22px}
.upper{text-transform:uppercase}
.tc{text-align:center}
.nowrap{white-space:nowrap}
.gap8{gap:8px}
.gap10{gap:10px}
.gap12{gap:12px}
.gap16{gap:16px}
.gap24{gap:24px}
.m0{margin:0}
.mt8{margin-top:8px}
.mt12{margin-top:12px}
.mt16{margin-top:16px}
.mb8{margin-bottom:8px}
.mb12{margin-bottom:12px}
.mb16{margin-bottom:16px}
.posrel{position:relative}
.posabs{position:absolute}
.round{border-radius:50%}
.ohide{overflow:hidden}
.bbox{box-sizing:border-box}
.pointer{cursor:pointer}
.w100{width:100%}
.b0{border:none}



html{scroll-behavior:smooth}
body{margin:0;background:#fff;font-family:Geist,system-ui,sans-serif;color:#111827;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#2F54EB;text-decoration:none}
a:hover{color:#1A3CC7}
summary::-webkit-details-marker{display:none}
@keyframes fl-marquee{from{transform:translateX(0)}
to{transform:translateX(-50%)}}
@keyframes fl-fade{from{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:translateY(0)}}
@keyframes fl-pulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.7;transform:scale(1.06)}}
@keyframes fl-rise{from{opacity:1;transform:translateY(24px) scale(.985)}
to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes fl-lid{0%{transform:rotateX(0) translateY(0)}55%{transform:rotateX(-64deg) translateY(-10px)}100%{transform:rotateX(-58deg) translateY(-8px)}}
@keyframes fl-boxglow{0%{opacity:0;transform:scaleX(.4)}100%{opacity:1;transform:scaleX(1)}}
@keyframes fl-scan{0%{transform:translateY(-100%)}100%{transform:translateY(240%)}}
@keyframes fl-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes fl-shimmer{0%{transform:translateX(-120%)}100%{transform:translateX(220%)}}
@keyframes fl-ring{0%{opacity:.5;transform:scale(.9)}100%{opacity:0;transform:scale(1.5)}}
@keyframes fl-heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes fl-grad{from{background-position:0% 50%}
to{background-position:100% 50%}}
@keyframes fl-dot{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.35);opacity:1}}
@keyframes fl-skel{0%{background-position:100% 50%}100%{background-position:0 50%}}
@keyframes fl-spin{from{transform:rotate(0deg)}
to{transform:rotate(360deg)}}
@keyframes fl-ambient{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}
@keyframes fl-xpop{0%{transform:scale(1)}45%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes fl-xring{0%{transform:scale(.7);opacity:.5}100%{transform:scale(1.75);opacity:0}}

/* FIDE Labs responsive layer.
   Everything else in this project is inline-styled, so these adaptive overrides
   must carry !important to win. Desktop (>= 1001px) is deliberately untouched. */

html, body { max-width: 100%; }
img, video, svg, table, pre { max-width: 100%; }

/* burger is desktop-hidden until a breakpoint asks for it */
.fl-burger { display: none; position: fixed; top: 17px; right: 32px; z-index: 51; }

/* ---------- tablet + mobile: hamburger replaces the nav ---------- */
@media (max-width: 1000px) {
  header nav,
  header > div > a[href$="Checkout.dc.html"],
  header > div > a[href$="checkout.html"] { display: none !important; }
.fl-burger {
    display: flex !important;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid #E5E7EB;
    border-radius: 11px;
    background: rgba(255, 255, 255, .72);
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, transform .18s cubic-bezier(.2, .8, .2, 1);
  }
.fl-burger:hover { border-color: #14B8A6; background: #F0FDFA; }
.fl-burger:active { transform: scale(.95); }
.fl-burger span {
    position: absolute;
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: #0D1526;
    transition: transform .3s cubic-bezier(.2, .8, .2, 1), opacity .2s ease;
  }
.fl-burger span:nth-child(1) { transform: translateY(-6px); }
.fl-burger span:nth-child(3) { transform: translateY(6px); }
.fl-burger[aria-expanded="true"] span:nth-child(1) { transform: rotate(45deg); }
.fl-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.fl-burger[aria-expanded="true"] span:nth-child(3) { transform: rotate(-45deg); }
}

/* the panel itself: animated open/close, glass to match the header */
.fl-mobile-menu {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 49;
  max-height: calc(100vh - 76px);
  overflow-y: auto;
  padding: 18px 24px 26px;
  background: rgba(255, 255, 255, .94);
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  border-bottom: 1px solid #E5E7EB;
  box-shadow: 0 24px 44px -26px rgba(13, 21, 38, .3);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-12px);
  transition: opacity .26s ease, transform .3s cubic-bezier(.2, .8, .2, 1), visibility .3s;
}
.fl-mobile-menu[data-open="true"] { opacity: 1; visibility: visible; transform: translateY(0); }
.fl-mobile-menu nav { display: flex; flex-direction: column; gap: 2px; }
.fl-mobile-menu a {
  display: block;
  padding: 13px 12px;
  border-radius: 9px;
  font-family: Geist, system-ui, sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #374151;
  transition: background .16s ease, color .16s ease;
}
.fl-mobile-menu a:hover { background: #F9FAFB; color: #0D1526; }
.fl-mobile-menu .fl-mm-group {
  padding: 16px 12px 6px;
  font-family: Geist, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .7px;
  color: #9CA3AF;
}
.fl-mobile-menu .fl-mm-sub { padding-left: 24px; font-size: 14px; }
.fl-mobile-menu .fl-mm-cta {
  margin-top: 18px;
  text-align: center;
  padding: 15px 22px;
  border-radius: 999px;
  background: linear-gradient(135deg, #03A291, #2F54EB);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  box-shadow: 0 4px 14px rgba(47, 84, 235, .24);
}
.fl-mobile-menu .fl-mm-cta:hover { background: linear-gradient(135deg, #2F54EB, #03A291); color: #fff; }

/* ---------- tablet ---------- */
@media (max-width: 1000px) {
  section > div { max-width: 100% !important; }

  /* hero art stops being a full-bleed cover and scales down with the content */
  section[data-hero] { background-size: contain !important; background-position: center bottom !important; }
section[data-hero] > div[style*="position:absolute"],
  section[data-hero] > div[style*="position: absolute"] { background-size: contain !important; background-position: center bottom !important; }
h1 { font-size: clamp(30px, 5.2vw, 42px) !important; }
h2 { font-size: clamp(24px, 3.9vw, 34px) !important; }
}

/* ---------- mobile ---------- */
@media (max-width: 640px) {
  section { padding-left: 20px !important; padding-right: 20px !important; }
section > div { padding-left: 0 !important; padding-right: 0 !important; }
h1 { font-size: clamp(26px, 7.4vw, 34px) !important; letter-spacing: -1px !important; }
h2 { font-size: clamp(21px, 5.8vw, 28px) !important; letter-spacing: -.8px !important; }
h3 { font-size: 16px !important; }

  /* hero image proportionally smaller so the CTA stays reachable */
  section[data-hero] { background-size: 118% auto !important; background-position: center bottom !important; }
section[data-hero] > div[style*="position:absolute"],
  section[data-hero] > div[style*="position: absolute"] { background-size: 118% auto !important; background-position: center bottom !important; }
section[data-hero] [data-hero-art] { transform: scale(.72); transform-origin: center top; }
header > div { padding: 12px 20px !important; }
.fl-burger { top: 13px !important; right: 20px !important; }
header img { height: 38px !important; }

  /* grids and rails collapse rather than squeeze */
  [style*="grid-template-columns"] { grid-template-columns: minmax(0, 1fr) !important; }
[style*="repeat(3,minmax(0,1fr))"],
  [style*="repeat(2,minmax(0,1fr))"] { grid-template-columns: minmax(0, 1fr) !important; }
table { font-size: 12.5px !important; }
pre { font-size: 12px !important; }
}

/* dark-section hand-off, fed by scene.js */
[data-scene="whitelabel"] { opacity: var(--fl-wl-opacity, 1); transition: opacity 120ms linear; }
@media (prefers-reduced-motion: reduce) {
  [data-scene="whitelabel"] { opacity: 1 !important; }
}
@keyframes fl-ld-logo{from{opacity:0;transform:scale(.94) translateY(4px)}
to{opacity:1;transform:scale(1) translateY(0)}}
@keyframes fl-ld-spin{to{transform:rotate(360deg)}}
html[data-fl-out] #fl-loader{pointer-events:none}
html[data-fl-done] #fl-loader{display:none!important;opacity:0!important;visibility:hidden!important}
body[data-fl-lock]{overflow:hidden}
@media (prefers-reduced-motion:reduce){
#fl-loader *{animation:none!important}
html[data-fl-out] #fl-loader{transition:none}
}
html,body{height:100%;margin:0}
#dc-root,#dc-root>.sc-host{height:100%}


@keyframes fl-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes fl-glow{0%,100%{opacity:.45;transform:scale(1)}50%{opacity:.8;transform:scale(1.14)}}
@keyframes fl-draw{to{stroke-dashoffset:0}}
@keyframes fl-step{from{opacity:0;transform:translateY(7px) scale(.88)}
to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes fl-line{from{opacity:0}
to{opacity:.32}}
@keyframes fl-particle{0%,100%{transform:translate(0,0) scale(1);opacity:.5}50%{transform:translate(0,-11px) scale(1.3);opacity:.95}}
@keyframes fl-ripple{from{transform:scale(.62);opacity:.5}
to{transform:scale(1.85);opacity:0}}
@keyframes fl-pop{0%{transform:scale(.72)}60%{transform:scale(1.06)}100%{transform:scale(1)}}


@keyframes fl-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
img[data-shot][data-active="false"]{opacity:0 !important}
img[data-shot][data-active="true"]{opacity:1 !important}

[data-fl-state="error"]{transition:none !important;border:1px solid #DC2626 !important;background:#FEF2F2 !important}
[data-fl-state="success"]{transition:none !important;border:1px solid #16A34A !important;background:#F0FDF4 !important}
[data-fl-state="warning"]{transition:none !important;border:1px solid #D97706 !important;background:#FFFBEB !important}



@font-face{
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/font-b50a9d90a5264f20.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face{
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/font-776f6dcaf03636cd.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/font-a79fdb52d4a5c765.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family: 'Geist';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/assets/font-2317fa4bb293c9c0.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face{
  font-family: 'Geist';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/assets/font-6894439694946a58.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face{
  font-family: 'Geist';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/assets/font-8fa40e5d24824773.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face{
  font-family: 'Geist';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/assets/font-824f485b5d26e2f2.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family: 'Geist';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/assets/font-19f9c92546aa300c.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ===== interaction states (hover/active/focus), ported from original bundle ===== */
/* --- content/home.html --- */
.fl-ix-scp4:hover { transform: translateY(-3px) !important; box-shadow: rgba(20, 184, 166, 0.42) 0px 16px 34px !important; background: linear-gradient(135deg, rgb(47, 84, 235), rgb(3, 162, 145)) !important; color: rgb(255, 255, 255) !important; }
.fl-ix-scp5:active { transform: translateY(1px) scale(0.98) !important; }
.fl-ix-scp6:hover { border-color: rgb(20, 184, 166) !important; color: rgb(13, 148, 136) !important; transform: translateY(-2px) !important; }
.fl-ix-scp7:hover { transform: translateX(4px) !important; color: rgb(13, 21, 38) !important; }
.fl-ix-scp8:hover { transform: translateY(-4px) !important; box-shadow: rgba(13, 21, 38, 0.22) 0px 16px 32px -18px !important; }
.fl-ix-scp9:hover { border-color: rgb(255, 255, 255) !important; background: rgba(255, 255, 255, 0.12) !important; color: rgb(255, 255, 255) !important; transform: translateY(-2px) !important; }
.fl-ix-scpa:hover { transform: translateY(-4px) !important; box-shadow: rgba(13, 21, 38, 0.24) 0px 14px 30px -18px !important; }
.fl-ix-scpb:hover { transform: translateY(-2px) !important; }
.fl-ix-scpc:hover { color: rgb(206, 255, 251) !important; gap: 18px !important; border-color: rgb(206, 255, 251) !important; }
.fl-ix-scpd:hover { transform: translateY(-2px) !important; box-shadow: rgba(0, 0, 0, 0.24) 0px 12px 28px !important; color: rgb(13, 21, 38) !important; }
.fl-ix-scpe:hover { transform: translateY(-4px) !important; box-shadow: rgba(13, 148, 136, 0.45) 0px 16px 32px -20px !important; }
.fl-ix-scpf:hover { --x-bg: #FEE2E2 !important; --x-scale: 1.05 !important; }
.fl-ix-scpg:hover { color: rgb(47, 84, 235) !important; gap: 13px !important; }
.fl-ix-scph:active { color: rgb(26, 60, 199) !important; }
.fl-ix-scp1:hover > div:nth-child(1) { transform: translateY(-16px) rotate(-1.8deg) !important; opacity: 1 !important; }
.fl-ix-scp1:hover > div:nth-child(2) { transform: translateY(-30px) rotate(2.6deg) !important; opacity: 1 !important; }
.fl-ix-scp1:hover > div:nth-child(3) { transform: translateY(6px) rotate(-0.4deg) !important; box-shadow: 0 26px 44px -22px rgba(13, 21, 38, 0.26) !important; }
.fl-ix-scp1:nth-child(1):hover > div:nth-child(3) { border-color: #0D9488 !important; }
.fl-ix-scp1:nth-child(2):hover > div:nth-child(3) { border-color: #2F54EB !important; }
.fl-ix-scp1:nth-child(3):hover > div:nth-child(3) { border-color: #374151 !important; }

/* --- content/not-found.html --- */
.fl-nf-scp3:hover { transform: translateY(-3px) !important; box-shadow: rgba(20, 184, 166, 0.4) 0px 12px 28px !important; background: linear-gradient(135deg, rgb(47, 84, 235), rgb(3, 162, 145)) !important; color: rgb(255, 255, 255) !important; }
.fl-nf-scp4:active { transform: translateY(1px) scale(0.98) !important; }
.fl-nf-scp5:hover { border-color: rgb(20, 184, 166) !important; color: rgb(13, 148, 136) !important; transform: translateY(-2px) !important; }

/* --- content/about.html --- */
.fl-ab-scp4:active { transform: translateY(1px) scale(0.98) !important; }
.fl-ab-scp5:hover { transform: translateY(-3px) !important; border-color: rgb(20, 184, 166) !important; box-shadow: rgba(13, 148, 136, 0.35) 0px 18px 38px -20px !important; }
.fl-ab-scp6:hover { transform: translateY(-2px) !important; box-shadow: rgba(0, 0, 0, 0.24) 0px 12px 28px !important; color: rgb(13, 21, 38) !important; }
.fl-ab-scp7:hover { border-color: rgb(255, 255, 255) !important; background: rgba(255, 255, 255, 0.12) !important; color: rgb(255, 255, 255) !important; transform: translateY(-2px) !important; }

/* --- content/checkout.html --- */
.fl-ck-scp4:active { transform: translateY(1px) scale(0.98) !important; }
.fl-ck-scp5:focus { border-color: rgb(20, 184, 166) !important; box-shadow: rgba(20, 184, 166, 0.15) 0px 0px 0px 3px !important; }
.fl-ck-scp6:hover { transform: translateY(-3px) !important; box-shadow: rgba(20, 184, 166, 0.4) 0px 12px 28px !important; background: linear-gradient(135deg, rgb(47, 84, 235), rgb(3, 162, 145)) !important; }

/* --- content/contact.html --- */
.fl-ct-scp4:active { transform: translateY(1px) scale(0.98) !important; }
.fl-ct-scp5:focus { border-color: rgb(20, 184, 166) !important; box-shadow: rgba(20, 184, 166, 0.15) 0px 0px 0px 3px !important; }
.fl-ct-scp6:hover { transform: translateY(-3px) !important; box-shadow: rgba(20, 184, 166, 0.4) 0px 12px 28px !important; background: linear-gradient(135deg, rgb(47, 84, 235), rgb(3, 162, 145)) !important; }
.fl-ct-scp7:hover { color: rgb(15, 118, 110) !important; }
.fl-ct-scp8:hover { border-color: rgb(20, 184, 166) !important; color: rgb(13, 148, 136) !important; transform: translateY(-2px) !important; }

/* --- content/documentation.html --- */
.fl-dc-scp1:hover { background: rgb(240, 253, 250) !important; color: rgb(13, 148, 136) !important; }
.fl-dc-scp5:focus { border-color: rgb(20, 184, 166) !important; background: rgb(255, 255, 255) !important; box-shadow: rgba(20, 184, 166, 0.14) 0px 0px 0px 3px !important; }
.fl-dc-scp6:hover { background: rgb(249, 250, 251) !important; color: rgb(55, 65, 81) !important; }
.fl-dc-scp8:hover { transform: translateY(-3px) !important; border-color: rgb(20, 184, 166) !important; box-shadow: rgba(13, 148, 136, 0.5) 0px 16px 32px -22px !important; }
.fl-dc-scp9:hover { color: rgb(13, 148, 136) !important; }

/* --- content/error.html --- */
.fl-er-scp3:hover { transform: translateY(-3px) !important; box-shadow: rgba(20, 184, 166, 0.4) 0px 12px 28px !important; background: linear-gradient(135deg, rgb(47, 84, 235), rgb(3, 162, 145)) !important; color: rgb(255, 255, 255) !important; }
.fl-er-scp4:active { transform: translateY(1px) scale(0.98) !important; }
.fl-er-scp5:hover { transform: translateY(-3px) !important; box-shadow: rgba(20, 184, 166, 0.4) 0px 12px 28px !important; background: linear-gradient(135deg, rgb(47, 84, 235), rgb(3, 162, 145)) !important; }
.fl-er-scp6:hover { border-color: rgb(20, 184, 166) !important; color: rgb(13, 148, 136) !important; transform: translateY(-2px) !important; }

/* --- content/founders.html --- */
.fl-fd-scp4:active { transform: translateY(1px) scale(0.98) !important; }
.fl-fd-scp5:hover { transform: translateY(-3px) !important; box-shadow: rgba(20, 184, 166, 0.42) 0px 16px 34px !important; background: linear-gradient(135deg, rgb(47, 84, 235), rgb(3, 162, 145)) !important; color: rgb(255, 255, 255) !important; }
.fl-fd-scp6:hover { border-color: rgb(20, 184, 166) !important; color: rgb(13, 148, 136) !important; transform: translateY(-2px) !important; }
.fl-fd-scp7:hover { transform: translateY(-4px) !important; box-shadow: rgba(13, 21, 38, 0.2) 0px 16px 32px -18px !important; border-color: rgb(206, 255, 251) !important; }
.fl-fd-scp8:hover { transform: translateY(-3px) !important; box-shadow: rgba(13, 21, 38, 0.16) 0px 14px 30px -16px !important; border-color: rgb(206, 255, 251) !important; }
.fl-fd-scp9:hover { transform: translateY(-2px) !important; box-shadow: rgba(0, 0, 0, 0.24) 0px 12px 28px !important; color: rgb(13, 21, 38) !important; }
.fl-fd-scpa:hover { border-color: rgb(255, 255, 255) !important; background: rgba(255, 255, 255, 0.12) !important; color: rgb(255, 255, 255) !important; transform: translateY(-2px) !important; }

/* --- content/license.html --- */
.fl-lc-scp3:hover { transform: translateY(-3px) !important; box-shadow: rgba(20, 184, 166, 0.4) 0px 12px 28px !important; background: linear-gradient(135deg, rgb(47, 84, 235), rgb(3, 162, 145)) !important; color: rgb(255, 255, 255) !important; }
.fl-lc-scp4:active { transform: translateY(1px) scale(0.98) !important; }
.fl-lc-scp5:hover { transform: translateY(-3px) !important; box-shadow: rgba(13, 21, 38, 0.55) 0px 18px 36px -14px !important; color: rgb(13, 21, 38) !important; }

/* --- content/offline.html --- */
.fl-ofl-scp3:hover { transform: translateY(-3px) !important; box-shadow: rgba(20, 184, 166, 0.4) 0px 12px 28px !important; background: linear-gradient(135deg, rgb(47, 84, 235), rgb(3, 162, 145)) !important; color: rgb(255, 255, 255) !important; }
.fl-ofl-scp4:active { transform: translateY(1px) scale(0.98) !important; }
.fl-ofl-scp5:hover { transform: translateY(-3px) !important; box-shadow: rgba(20, 184, 166, 0.4) 0px 12px 28px !important; background: linear-gradient(135deg, rgb(47, 84, 235), rgb(3, 162, 145)) !important; }
.fl-ofl-scp6:hover { border-color: rgb(20, 184, 166) !important; color: rgb(13, 148, 136) !important; transform: translateY(-2px) !important; }

/* --- content/privacy.html --- */
.fl-pv-scp4:active { transform: translateY(1px) scale(0.98) !important; }
.fl-pv-scp5:hover { transform: translateY(-3px) !important; box-shadow: rgba(13, 21, 38, 0.55) 0px 18px 36px -14px !important; color: rgb(13, 21, 38) !important; }

/* --- content/security.html --- */
.fl-sec-scp3:hover { transform: translateY(-3px) !important; box-shadow: rgba(20, 184, 166, 0.4) 0px 12px 28px !important; background: linear-gradient(135deg, rgb(47, 84, 235), rgb(3, 162, 145)) !important; color: rgb(255, 255, 255) !important; }
.fl-sec-scp4:active { transform: translateY(1px) scale(0.98) !important; }
.fl-sec-scp5:hover { transform: translateY(-3px) !important; border-color: rgb(20, 184, 166) !important; box-shadow: rgba(13, 148, 136, 0.35) 0px 18px 38px -20px !important; }
.fl-sec-scp6:hover { border-color: rgb(20, 184, 166) !important; color: rgb(13, 148, 136) !important; transform: translateY(-2px) !important; }

/* --- content/support.html --- */
.fl-sup-scp4:active { transform: translateY(1px) scale(0.98) !important; }
.fl-sup-scp5:hover { transform: translateY(-3px) !important; border-color: rgb(20, 184, 166) !important; box-shadow: rgba(13, 148, 136, 0.35) 0px 18px 38px -20px !important; }
.fl-sup-scp6:hover { gap: 12px !important; color: rgb(13, 148, 136) !important; }
.fl-sup-scp7:hover { transform: translateY(-3px) !important; border-color: rgb(20, 184, 166) !important; box-shadow: rgba(13, 148, 136, 0.35) 0px 18px 38px -20px !important; --ax: 3px !important; --ay: -3px !important; --ac: #0D9488 !important; }
.fl-sup-scp8:hover { transform: translateY(-2px) !important; box-shadow: rgba(0, 0, 0, 0.24) 0px 12px 28px !important; color: rgb(13, 21, 38) !important; }
.fl-sup-scp9:hover { border-color: rgb(255, 255, 255) !important; background: rgba(255, 255, 255, 0.12) !important; color: rgb(255, 255, 255) !important; transform: translateY(-2px) !important; }

/* --- content/terms.html --- */
.fl-tm-scp4:active { transform: translateY(1px) scale(0.98) !important; }
.fl-tm-scp5:hover { transform: translateY(-3px) !important; box-shadow: rgba(13, 21, 38, 0.55) 0px 18px 36px -14px !important; color: rgb(13, 21, 38) !important; }

/* --- content/thank-you.html --- */
.fl-ty-scp3:hover { transform: translateY(-3px) !important; box-shadow: rgba(20, 184, 166, 0.4) 0px 12px 28px !important; background: linear-gradient(135deg, rgb(47, 84, 235), rgb(3, 162, 145)) !important; color: rgb(255, 255, 255) !important; }
.fl-ty-scp4:active { transform: translateY(1px) scale(0.98) !important; }
.fl-ty-scp5:hover { border-color: rgb(20, 184, 166) !important; color: rgb(13, 148, 136) !important; transform: translateY(-2px) !important; }

/* --- content/white-label-showcase.html --- */
.fl-wl-scp4:active { transform: translateY(1px) scale(0.98) !important; }
.fl-wl-scp5:hover { transform: translateY(-2px) !important; }
.fl-wl-scp6:hover { border-color: rgb(20, 184, 166) !important; }
.fl-wl-scp7:hover { transform: translateY(-3px) !important; box-shadow: rgba(13, 21, 38, 0.16) 0px 14px 30px -16px !important; border-color: rgb(206, 255, 251) !important; }
.fl-wl-scp8:hover { border-color: rgb(20, 184, 166) !important; color: rgb(13, 148, 136) !important; transform: translateY(-2px) !important; }
.fl-wl-scp9:hover { transform: translateY(-2px) !important; box-shadow: rgba(0, 0, 0, 0.24) 0px 12px 28px !important; color: rgb(13, 21, 38) !important; }
.fl-wl-scpa:hover { border-color: rgb(255, 255, 255) !important; background: rgba(255, 255, 255, 0.12) !important; color: rgb(255, 255, 255) !important; transform: translateY(-2px) !important; }/* --- content/header.html --- */
.fl-hd-scp0:hover { color: rgb(13, 21, 38) !important; }
.fl-hd-scp1:hover { color: rgb(13, 148, 136) !important; }
.fl-hd-scp2:hover { background: rgb(249, 250, 251) !important; color: rgb(13, 21, 38) !important; }
.fl-hd-scp3:hover { transform: translateY(-3px) !important; box-shadow: rgba(20, 184, 166, 0.4) 0px 12px 28px !important; background: linear-gradient(135deg, rgb(47, 84, 235), rgb(3, 162, 145)) !important; color: rgb(255, 255, 255) !important; }
.fl-hd-scp4:active { transform: translateY(1px) scale(0.98) !important; }
.fl-hd-navdd:hover .fl-hd-dd-menu { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; }
.fl-hd-navdd:hover .fl-hd-dd-caret { transform: rotate(180deg) !important; }

/* --- content/footer.html --- */
.fl-ft-scp6:hover { color: rgb(20, 184, 166) !important; text-decoration: underline !important; }
.fl-ft-scp7:hover { color: rgb(20, 184, 166) !important; }