@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/inter-ca157063339a.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: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/inter-71d5ee93cc1e.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/inter-6e9e020a25f9.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/inter-1be3448e292f.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/inter-5c66f9e07e90.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: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/inter-34b9c504cab7.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/inter-3100e775e861.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: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/inter-ca157063339a.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: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/inter-71d5ee93cc1e.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/inter-6e9e020a25f9.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/inter-1be3448e292f.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/inter-5c66f9e07e90.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: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/inter-34b9c504cab7.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/inter-3100e775e861.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: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/inter-ca157063339a.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: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/inter-71d5ee93cc1e.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/inter-6e9e020a25f9.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/inter-1be3448e292f.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/inter-5c66f9e07e90.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: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/inter-34b9c504cab7.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/inter-3100e775e861.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: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/inter-ca157063339a.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: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/inter-71d5ee93cc1e.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/inter-6e9e020a25f9.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/inter-1be3448e292f.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/inter-5c66f9e07e90.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: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/inter-34b9c504cab7.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/inter-3100e775e861.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;
}



    .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}
    @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;
      }
    }
  


    body { font-variant-numeric: tabular-nums; }

    button { user-select: none; }

    [style*="cursor:pointer"], [style*="cursor: pointer"] { user-select: none; }
    @keyframes spn-spin { to { transform: rotate(360deg); } }
    @keyframes spn-pulse { 0%,100% { opacity: 1; } 50% { opacity: .35; } }

    .sc-bg-ribbon-clip {
      position: fixed; inset: 0; overflow: hidden; z-index: -1; pointer-events: none;
      background-color: #f6f7fa;
      background-image:
        radial-gradient(ellipse 820px 520px at 88% -8%, rgba(37,99,235,0.10), transparent 60%),
        radial-gradient(ellipse 620px 480px at -8% 38%, rgba(37,99,235,0.06), transparent 60%),
        radial-gradient(ellipse 700px 460px at 50% 115%, rgba(37,99,235,0.05), transparent 65%);
    }
    .sc-bg-ribbon { position: absolute; inset: 0; background-repeat: repeat; }
    .sc-bg-ribbon--light { background-image: url('/assets/patterns/bg-dotgrid-light.svg'); opacity: 0.55; }
    .sc-page-decor {
      position: absolute; top: -60px; right: -80px; width: 560px; height: 490px;
      background-image: url('/assets/patterns/network-nodes.svg'); background-repeat: no-repeat; background-size: contain;
      pointer-events: none; z-index: 0;
    }
    @media (max-width: 900px) { .sc-page-decor { display: none; } }

    .sc-help-tip { position: relative; cursor: default; }
    .sc-help-tip-bubble {
      position: absolute; bottom: calc(100% + 9px); left: 50%; transform: translateX(-50%) translateY(4px);
      width: 240px; padding: 10px 12px; border-radius: 10px; background: #12141a; color: #fff;
      font-size: 12px; font-weight: 500; line-height: 1.45; text-align: left; white-space: normal;
      box-shadow: 0 10px 24px rgba(0,0,0,0.25); opacity: 0; visibility: hidden; pointer-events: none;
      transition: opacity 0.14s ease, transform 0.14s ease; z-index: 60;
    }
    .sc-help-tip-bubble::after {
      content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%);
      border: 6px solid transparent; border-top-color: #12141a;
    }
    .sc-help-tip:hover .sc-help-tip-bubble, .sc-help-tip:focus-within .sc-help-tip-bubble {
      opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0);
    }
    @media (max-width: 480px) {
      .sc-help-tip-bubble { width: 200px; }
    }

    @keyframes spn-sonar { 0% { transform: scale(1); opacity: 0.55; } 100% { transform: scale(1.7); opacity: 0; } }
    .spn-boot-logo-wrap { position: relative; width: 64px; height: 64px; }
    .spn-sonar-ring { position: absolute; inset: 0; border: 2px solid #2563EB; animation: spn-sonar 1.6s ease-out infinite; }
    .spn-boot-ring { border-radius: 16px; }

    .spn-sonar-dot-wrap { position: relative; width: 44px; height: 44px; }
    .spn-sonar-ring--circle { border-radius: 50%; border-color: var(--accent, #2563EB); }
    .spn-sonar-dot { position: absolute; inset: 0; margin: auto; width: 10px; height: 10px; border-radius: 50%; background: var(--accent, #2563EB); }

    @keyframes spn-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
    .sc-skeleton {
      display: inline-block;
      height: 0.85em;
      width: 4.5em;
      max-width: 100%;
      border-radius: 5px;
      vertical-align: middle;
      background: linear-gradient(90deg, var(--input-bg, #eef0f4) 25%, var(--border, #dde1e8) 50%, var(--input-bg, #eef0f4) 75%);
      background-size: 250% 100%;
      animation: spn-shimmer 1.3s ease-in-out infinite;
    }
    @keyframes spn-toast-in { from { opacity:0; transform: translateX(28px) scale(0.96); } to { opacity:1; transform: translateX(0) scale(1); } }
    @keyframes spn-toast-out { from { opacity:1; transform: translateX(0) scale(1); } to { opacity:0; transform: translateX(28px) scale(0.96); } }
    @keyframes spn-row-in { from { opacity:0; transform: translateY(-6px); } to { opacity:1; transform: translateY(0); } }
    @keyframes spn-count { from { opacity:.4; } to { opacity:1; } }
    @keyframes spn-pop { 0% { transform: scale(0.4); opacity:0; } 60% { transform: scale(1.08); opacity:1; } 100% { transform: scale(1); opacity:1; } }
    @keyframes spn-fade-in { from { opacity:0; } to { opacity:1; } }

    @keyframes spnAvShimmer { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
    @keyframes spnAvShine { from { left: -40%; } to { left: 140%; } }
    .sc-net-avatar {
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      color: #fff;
      font-family: 'Inter', sans-serif;
      font-weight: 700;
      letter-spacing: 0.02em;
      text-shadow: 0 1px 3px rgba(0,0,0,0.35), 0 0 1px rgba(255,255,255,0.4);
      background-image: linear-gradient(120deg, var(--av-base), var(--av-light), var(--av-base));
      background-size: 220% 220%;
      animation: spnAvShimmer 5s ease-in-out infinite;
      animation-delay: var(--av-shimmer-delay, 0s);
      box-sizing: border-box;
    }
    .sc-net-avatar-rotator { position: absolute; top: -60%; left: -60%; width: 220%; height: 220%; transform: rotate(22deg); pointer-events: none; }
    .sc-net-avatar-shine {
      position: absolute; top: 0; left: -40%; width: 16%; height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.65), transparent);
      filter: blur(1px);
      animation: spnAvShine 3.6s ease-in-out infinite;
      animation-delay: var(--av-shine-delay, 0s);
    }
    .sc-net-avatar-letter { position: relative; z-index: 2; }
    @media (prefers-reduced-motion: reduce) {
      .sc-net-avatar { animation: none; background-image: none; background-color: var(--av-base); }
      .sc-net-avatar-shine { animation: none; display: none; }
    }
    @keyframes spn-modal-in { from { opacity:0; transform: translateY(14px) scale(0.97); } to { opacity:1; transform: translateY(0) scale(1); } }
    @keyframes spn-step-in { from { opacity:0; transform: translateX(10px); } to { opacity:1; transform: translateX(0); } }

    html { background:#f5f6f8; }
    body { margin:0; font-family: 'Inter', sans-serif; background:#f5f6f8; -webkit-font-smoothing:antialiased; }
    * { box-sizing: border-box; }

    html, body, * {
      scrollbar-width: thin !important;
      scrollbar-color: #2f6bff transparent !important;
    }
    .spn-theme-scope[data-theme="dark"],
    .spn-theme-scope[data-theme="dark"] * {
      scrollbar-color: var(--scrollbar-thumb, #508BFF) transparent !important;
    }
    ::-webkit-scrollbar { width:8px; height:8px; }
    ::-webkit-scrollbar-track { background:transparent; }
    ::-webkit-scrollbar-thumb {
      min-height:32px; background:#2f6bff; border:2px solid transparent;
      background-clip:padding-box; border-radius:999px;
    }
    ::-webkit-scrollbar-thumb:hover { background:#2558d9; background-clip:padding-box; }
    .spn-theme-scope[data-theme="dark"] ::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb, #508BFF); background-clip:padding-box; }
    .spn-theme-scope[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: var(--link-hover, #7AAEFF); background-clip:padding-box; }

    html,
    [style*="overflow-y:auto"], [style*="overflow-y: auto"],
    [style*="overflow-y:scroll"], [style*="overflow-y: scroll"],
    [style*="overflow:auto"], [style*="overflow: auto"],
    [style*="overflow-x:auto"], [style*="overflow-x: auto"],
    .sc-dd-list, .spn-session-list, .spn-scroll-preserve { scrollbar-gutter:stable both-edges; }
    a { color:#2f6bff; text-decoration:none; }
    a:hover { color:#2558d9; text-decoration:underline; }
    .spn-hero-nav-desktop { display:none; }
    .spn-hero-actions-desktop { display:none; }
    .spn-hero-burger { display:flex; }
    .spn-hero-h1 { font-size:52px; }
    .spn-glass-btn {
      background: rgba(255,255,255,0.28);
      backdrop-filter: blur(24px) saturate(180%);
      -webkit-backdrop-filter: blur(24px) saturate(180%);
      border: 1px solid rgba(255,255,255,0.5) !important;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.7), inset 0 -1px 2px rgba(255,255,255,0.25), 0 8px 20px rgba(18,20,26,0.10);
      transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.12s ease;
    }
    .spn-glass-btn:hover {
      background: rgba(255,255,255,0.42);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 -1px 2px rgba(255,255,255,0.3), 0 10px 26px rgba(18,20,26,0.14);
      transform: translateY(-1px);
    }
    .spn-glass-btn-primary {
      background: linear-gradient(180deg, rgba(84,138,255,0.42) 0%, rgba(47,107,255,0.38) 100%);
      backdrop-filter: blur(24px) saturate(180%);
      -webkit-backdrop-filter: blur(24px) saturate(180%);
      border: 1px solid rgba(255,255,255,0.45) !important;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), inset 0 -2px 4px rgba(13,45,145,0.2), 0 10px 26px rgba(47,107,255,0.25);
      text-shadow: 0 1px 4px rgba(13,45,145,0.4);
      transition: transform 0.12s ease, box-shadow 0.12s ease;
    }
    .spn-glass-btn-primary:hover {
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), inset 0 -2px 4px rgba(13,45,145,0.35), 0 12px 30px rgba(47,107,255,0.45);
      transform: translateY(-1px);
    }
    @media (min-width:768px) {
      .spn-hero-nav-desktop { display:flex; }
      .spn-hero-actions-desktop { display:flex; }
      .spn-hero-burger { display:none; }
      .spn-hero-h1 { font-size:76px; }
    }
    @media (min-width:1024px) {
      .spn-hero-h1 { font-size:98px; }
    }

    .sc-stack-lg > *, .sc-stack-md > *, .sc-app-footer-grid > * { min-width: 0; }
    @media (max-width:900px) {
      .sc-stack-lg { grid-template-columns: 1fr !important; }
    }
    @media (max-width:900px) {
      .sc-stack-md { grid-template-columns: 1fr 1fr !important; }
    }
    @media (max-width:560px) {
      .sc-stack-md { grid-template-columns: 1fr !important; }
    }

    .sc-mobile-cards { display: none; }
    @media (max-width:900px) {
      .sc-desktop-only { display: none !important; }
      .sc-mobile-cards { display: flex !important; flex-direction: column; gap: 12px; }
    }

    .sc-finance-mobile-balance { display: none; }
    @media (max-width:767px) {
      .sc-finance-desktop-balance { display: none !important; }
      .sc-finance-mobile-balance { display: block !important; }
    }

    .sc-dd-trigger { transition: border-color 0.12s ease, box-shadow 0.12s ease; }
    .sc-dd-trigger:hover { border-color: var(--accent) !important; }
    .sc-dd-trigger:focus-visible { outline: none; border-color: var(--accent) !important; box-shadow: 0 0 0 3px var(--accent-soft); }

    .spn-theme-scope .sc-dd-trigger > svg { color: var(--text3); stroke: var(--text3) !important; opacity: 0.82; stroke-width: 1.8; }
    .spn-theme-scope .sc-dd-trigger:hover > svg,
    .spn-theme-scope .sc-dd-trigger:focus-visible > svg { color: var(--accent); stroke: var(--accent) !important; opacity: 1; }
    .sc-dd-trigger > svg, .spn-amount-stepper { display: none !important; }
    .sc-dd-item { transition: background 0.1s ease; }
    .sc-dd-item:hover { background: var(--input-bg) !important; }
    .sc-dd-item:focus { background: var(--input-bg) !important; outline: 2px solid var(--accent); outline-offset: -2px; }

    @media (max-width: 900px) {
      .sc-dd-item { min-height: 44px !important; }
      .sc-btn-touch { min-height: 44px !important; }
    }

    /* Finance transaction card — shared by all transaction types/widths. A long
       crypto address used to be dumped inline next to the amount (dealSuffix);
       now it's its own row with overflow-wrap:anywhere so it can never overlap
       or overflow, and min-width:0 everywhere flex/grid children need to shrink. */
    .sc-tx-list { display: flex; flex-direction: column; gap: 6px; }
    .sc-tx-card { background: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: 10px 12px; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
    .sc-tx-row { display: flex; align-items: center; min-width: 0; }
    .sc-tx-row-top { justify-content: space-between; gap: 8px; }
    .sc-tx-date { color: var(--text3); font-size: 11px; min-width: 0; overflow-wrap: anywhere; }
    .sc-tx-status { font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 999px; flex-shrink: 0; white-space: nowrap; }
    .sc-tx-meta { font-size: 12.5px; color: var(--text2); flex-wrap: wrap; gap: 4px; overflow-wrap: anywhere; }
    .sc-tx-amount { font-weight: 700; font-size: 15px; font-variant-numeric: tabular-nums; }
    .sc-tx-field { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 5px 8px; border-radius: 8px; background: var(--surface2); min-width: 0; }
    .sc-tx-field-label { font-size: 10px; color: var(--text3); flex-shrink: 0; white-space: nowrap; }
    .sc-tx-field-value { font-family: monospace; font-size: 11.5px; min-width: 0; flex: 1 1 auto; overflow-wrap: anywhere; word-break: break-all; }
    .sc-tx-copy-btn { flex-shrink: 0; margin-left: auto; font-size: 10px; font-weight: 700; color: var(--accent); background: transparent; border: 1px solid var(--border); border-radius: 999px; padding: 3px 8px; cursor: pointer; white-space: nowrap; }
    @media (min-width: 640px) {
      .sc-tx-card { flex-direction: row; flex-wrap: wrap; align-items: center; column-gap: 12px; row-gap: 4px; padding: 8px 14px; }
      .sc-tx-row-top { flex: 0 0 auto; gap: 10px; }
      .sc-tx-meta { flex: 1 1 160px; min-width: 0; }
      .sc-tx-amount { flex: 0 0 auto; margin-left: auto; }
      .sc-tx-field { flex: 1 1 100%; }
    }

    .sc-deal-header { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; row-gap: 14px; margin-bottom: 24px; }

    .sc-deal-header-title { grid-column: 1; }
    .sc-deal-header-countdown { grid-column: 2; justify-self: center; white-space: nowrap; }
    .sc-deal-header-actions { grid-column: 3; justify-self: end; }
    @media (max-width: 640px) {
      .sc-deal-header { grid-template-columns: 1fr; }
      .sc-deal-header-title, .sc-deal-header-countdown, .sc-deal-header-actions { grid-column: 1; }
      .sc-deal-header-countdown { justify-self: center; }
      .sc-deal-header-actions { justify-self: start; }
    }

    .sc-ipage-eyebrow { display: inline-flex; align-items: center; gap: 7px; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 12.5px; letter-spacing: 0.07em; text-transform: uppercase; color: #1d54b5; margin-bottom: 14px; }
    .sc-ipage-eyebrow::before { content: ''; width: 16px; height: 2px; border-radius: 2px; background: #3478F6; }

    .sc-ipage-card {
      background: #fff; border: 1px solid #e7e9ee; border-radius: 16px; padding: 26px;
      transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
    }
    .sc-ipage-card--hover:hover { border-color: #c7d6fb; box-shadow: 0 12px 28px rgba(37,99,235,0.09); transform: translateY(-2px); }

    .sc-ipage-icon-badge {
      width: 44px; height: 44px; border-radius: 12px; background: rgba(37,99,235,0.1); color: #3478F6;
      display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-bottom: 16px;
    }

    .sc-ipage-grid { display: grid; gap: 20px; }
    .sc-ipage-grid--2 { grid-template-columns: repeat(2, 1fr); }
    .sc-ipage-grid--3 { grid-template-columns: repeat(3, 1fr); }
    .sc-ipage-grid--4 { grid-template-columns: repeat(4, 1fr); }
    @media (max-width: 980px) {
      .sc-ipage-grid--3, .sc-ipage-grid--4 { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 640px) {
      .sc-ipage-grid--2, .sc-ipage-grid--3, .sc-ipage-grid--4 { grid-template-columns: 1fr; }
    }

    .sc-ipage-section--tint { background: linear-gradient(180deg, rgba(37,99,235,0.045), rgba(37,99,235,0) 70%); }
    .sc-ipage-section--dark { background: #0D1526; color: #f2f4f8; }

    .sc-ipage-btn-primary, a.sc-ipage-btn-primary[href] {
      display: inline-flex; align-items: center; justify-content: center; gap: 8px;
      padding: 14px 26px; border-radius: 999px; border: none; background: #2563EB; color: #fff;
      font-weight: 700; font-size: 14.5px; cursor: pointer; text-decoration: none; transition: filter 0.15s ease, transform 0.15s ease;
    }
    .sc-ipage-btn-primary:hover { filter: brightness(1.08); transform: translateY(-1px); }
    .sc-ipage-btn-secondary, a.sc-ipage-btn-secondary[href] {
      display: inline-flex; align-items: center; justify-content: center; gap: 8px;
      padding: 13.5px 26px; border-radius: 999px; border: 1.5px solid #e2e5ec; background: #fff; color: #12141a;
      font-weight: 600; font-size: 14.5px; cursor: pointer; text-decoration: none; transition: border-color 0.15s ease, transform 0.15s ease;
    }
    .sc-ipage-btn-secondary:hover { border-color: #3478F6; transform: translateY(-1px); }
    .sc-ipage-btn-ghost-light {
      display: inline-flex; align-items: center; justify-content: center; gap: 8px;
      padding: 13.5px 26px; border-radius: 999px; border: 1.5px solid rgba(255,255,255,0.22); background: transparent; color: #fff;
      font-weight: 600; font-size: 14.5px; cursor: pointer; text-decoration: none; transition: border-color 0.15s ease, background 0.15s ease;
    }
    .sc-ipage-btn-ghost-light:hover { border-color: rgba(255,255,255,0.5); background: rgba(255,255,255,0.06); }

    .sc-ipage-step-num {
      width: 36px; height: 36px; border-radius: 999px; background: #2563EB; color: #fff; font-weight: 800; font-size: 14px;
      display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    }

    .sc-ipage-empty-state {
      border: 1.5px dashed #d7dce6; border-radius: 16px; padding: 44px 32px; text-align: center; background: rgba(37,99,235,0.025);
    }

    .sc-footer-link { padding: 7px 0; display: inline-block; line-height: 1.3; transition: color 0.15s ease; }
    .sc-footer-link:hover { color: var(--accent, #5A95F5) !important; }

    /* Binance-style nav active indicator — accent text + bottom bar */
    .spn-nav-item { position: relative; }
    .spn-nav-item.spn-nav-item-active { color: var(--accent) !important; }
    .spn-nav-item.spn-nav-item-active::after {
      content: ""; position: absolute; left: 10px; right: 10px; bottom: 0;
      height: 3px; border-radius: 3px 3px 0 0; background: var(--accent);
    }
    .spn-nav-item:hover { color: var(--accent); }

    .sc-network-card {
      transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
      box-shadow: 0 3px 12px rgba(20, 30, 60, 0.05);
    }
    .sc-network-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 12px 28px rgba(20, 30, 60, 0.14);
      border-color: var(--accent-soft-border, var(--accent));
    }
    .sc-network-logo { width:36px; height:36px; flex:0 0 36px; border-radius:10px; background:#12141a; display:inline-flex; align-items:center; justify-content:center; padding:5px; box-sizing:border-box; }
    /* CSS plus belongs to the functional amount stepper, not a disclosure control. */
    .sc-ui-step-icon{position:relative;display:inline-block;flex:0 0 16px;width:16px;height:16px;color:inherit;vertical-align:middle}
    .sc-ui-step-icon::before,.sc-ui-step-icon--plus::after{content:"";position:absolute;left:2px;top:7px;width:12px;height:2px;border-radius:1px;background:currentColor}
    .sc-ui-step-icon--plus::after{transform:rotate(90deg)}
    .sc-network-logo img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; }
    .sc-network-logo--large { width:80px; height:80px; flex-basis:80px; border-radius:16px; padding:8px; }

    .sc-notif-item:hover { background: var(--input-bg); }

    input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 2px solid var(--accent, #2f6bff) !important; outline-offset: 2px; }

    .sc-amt-input:focus-visible { outline: none !important; }
    .sc-amt-wrap:focus-within { border-color: var(--accent, #2f6bff) !important; box-shadow: 0 0 0 2px var(--accent-soft, rgba(47,107,255,0.18)); }

    input, textarea, select { color: var(--text, #12141a); }
    input::placeholder, textarea::placeholder { color: var(--text3, #64708a); opacity: 1; }

    input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
      -webkit-box-shadow: 0 0 0 1000px var(--input-bg, #f1f3f7) inset !important;
      -webkit-text-fill-color: var(--text, #12141a) !important;
      caret-color: var(--text, #12141a);
      transition: background-color 9999s ease-in-out 0s;
    }

    .spn-theme-scope {
      color: var(--text, #12141a);
      color-scheme: light;
      caret-color: var(--accent, #2f6bff);
      --link: var(--accent, #2f6bff);
      --link-hover: var(--accent, #2558d9);
      --chart-point-ring: var(--card, #fff);
      --scrollbar-thumb: var(--input-border, rgba(100,112,138,0.45));
      --scrollbar-track: var(--card, #f5f6f8);
      --selection-bg: var(--accent-soft, rgba(47,107,255,0.20));
      --accent-row: var(--accent-soft, rgba(47,107,255,0.06));
    }
    .spn-theme-scope[data-theme="dark"] { color-scheme: dark; }
    .spn-theme-scope, .spn-theme-scope * { scrollbar-color: var(--accent) transparent; }
    .spn-theme-scope ::selection { color: var(--text); background: var(--selection-bg); }
    .spn-theme-scope input, .spn-theme-scope textarea, .spn-theme-scope select { caret-color: var(--accent); }
    .spn-theme-scope input[type="checkbox"], .spn-theme-scope input[type="radio"], .spn-theme-scope input[type="range"] { accent-color: var(--accent); }
    .spn-theme-scope select option { color: var(--text); background: var(--surface3); }
    .spn-theme-scope input::file-selector-button {
      color: var(--text2); background: var(--surface3); border: 1px solid var(--input-border);
      border-radius: 8px; padding: 7px 10px; margin-right: 10px; cursor: pointer;
    }
    .spn-theme-scope :disabled { opacity: 0.72; }
    .spn-theme-scope a:not([style]) { color: var(--link); }
    .spn-theme-scope a:not([style]):hover { color: var(--link-hover); }

    .spn-amount-stepper {
      align-self: stretch; width: 36px; min-height: 40px; margin: 3px 1px 3px 4px;
      display: grid; grid-template-rows: 1fr 1fr; overflow: hidden;
      border: 1px solid var(--accent-soft-border); border-radius: 12px; background: var(--accent-soft);
    }
    .spn-amount-stepper-button {
      min-width: 0; min-height: 0; padding: 0; border: 0; background: transparent;
      color: var(--accent); display: flex; align-items: center; justify-content: center;
      cursor: pointer; transition: color 0.12s ease, background 0.12s ease;
    }
    .spn-theme-scope .spn-amount-stepper-button svg { color: var(--accent) !important; stroke: var(--accent) !important; opacity: 1; }
    .spn-amount-stepper-button + .spn-amount-stepper-button { border-top: 1px solid var(--accent-soft-border); }
    .spn-amount-stepper-button:hover { color: var(--text); background: var(--accent-soft-border); }
    .spn-amount-stepper-button:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }

    /* Primary action buttons in the app are inline-styled (background:var(--accent))
       with no shared class — these rules add real hover/active/focus feedback to all
       of them in one place instead of editing every call site. Same attribute-selector
       pattern already used above for [style*="cursor:pointer"]. */
    .spn-theme-scope [style*="background: var(--accent)"],
    .spn-theme-scope [style*="background:var(--accent)"] { transition: background-color 0.14s ease, transform 0.08s ease; }
    .spn-theme-scope [style*="background: var(--accent)"]:not(:disabled):hover,
    .spn-theme-scope [style*="background:var(--accent)"]:not(:disabled):hover { background: var(--accent-hover) !important; }
    .spn-theme-scope [style*="background: var(--accent)"]:not(:disabled):active,
    .spn-theme-scope [style*="background:var(--accent)"]:not(:disabled):active { transform: scale(0.98); }
    .spn-theme-scope [style*="background: var(--accent)"]:focus-visible,
    .spn-theme-scope [style*="background:var(--accent)"]:focus-visible { outline: 2px solid var(--accent-hover); outline-offset: 2px; }

    input[type="number"] { -moz-appearance: textfield; -webkit-appearance: none; appearance: none; }
    select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: none !important; }
    input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

    .sc-dd-list { scrollbar-gutter: stable; }

    .spn-language-dropdown-list { overflow-x:hidden !important; scrollbar-gutter:stable; contain:paint; clip-path:inset(0 round 14px); }
    @media (max-width:640px) { .spn-language-dropdown-list { clip-path:inset(0 round 20px 20px 0 0); } }

    .spn-session-list {
      max-height: 280px;
      overflow-y: auto;
      overscroll-behavior: contain;
      scrollbar-gutter: stable;
      padding-right: 10px;
    }

    .spn-completion-summary { min-width:0; overflow-wrap:anywhere; }
    .spn-completion-money { min-width:0; max-width:100%; font-size:13px !important; overflow-wrap:anywhere; word-break:break-word; }

    @media (max-width:640px) {
      .sc-dd-list {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        bottom: 0 !important;
        max-width: 100% !important;
        max-height: 65vh !important;
        border-radius: 20px 20px 0 0 !important;
        box-shadow: 0 -12px 32px rgba(0,0,0,0.28) !important;
        padding: 22px 6px 6px !important;
        animation: sc-dd-sheet-in 0.2s ease;
      }
      .sc-dd-list::before {
        content: '';
        position: absolute;
        top: 8px;
        left: 50%;
        transform: translateX(-50%);
        width: 36px;
        height: 4px;
        border-radius: 999px;
        background: var(--border);
      }
    }
    @keyframes sc-dd-sheet-in {
      from { transform: translateY(24px); opacity: 0; }
      to { transform: translateY(0); opacity: 1; }
    }

    @media (max-width:900px) {

      .spn-hero-video { display: none !important; }
      .spn-hero-section { background: transparent !important; }
    }

    @media (max-width:480px) {
      .sc-age-range { flex-direction: column; }
    }

    .spn-landing-header-bar { background:rgba(245,246,248,0.9); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); border-bottom:1px solid #e7e9ee; }
    @media (min-width:901px) {
      .spn-landing-header-bar { background:none; backdrop-filter:none; -webkit-backdrop-filter:none; border-bottom:none; }
    }

    @media (max-width:900px) {
      .spn-landing-header-wrap { position:relative !important; }
    }

    @media (max-width:900px) {
      #landing-top { position:relative !important; inset:auto !important; overflow:visible !important; }
    }
    @media (max-width:900px) {
      .sc-table-scroll { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
      .sc-table-scroll > * { min-width: 720px; }
      .sc-table-scroll > .sc-mobile-cards { min-width: 0; }

      .sc-table-scroll {
        background-image:
          linear-gradient(to right, var(--card) 0%, rgba(255,255,255,0) 100%),
          linear-gradient(to left, var(--card) 0%, rgba(255,255,255,0) 100%),
          linear-gradient(to right, rgba(0,0,0,0.16), rgba(0,0,0,0)),
          linear-gradient(to left, rgba(0,0,0,0.16), rgba(0,0,0,0)) !important;
        background-repeat: no-repeat !important;
        background-size: 24px 100%, 24px 100%, 12px 100%, 12px 100% !important;
        background-position: 0 0, 100% 0, 0 0, 100% 0 !important;
        background-attachment: local, local, scroll, scroll !important;
      }
    }

    .sc-dash-card { min-height: 376px; }

    @media (max-width:900px) {
      .sc-dash-card { min-height: 297px; }
    }

    .sc-kpi-value { font-size: 24px; }
    @media (max-width:900px) {
      .sc-kpi-grid { grid-template-columns: repeat(2,1fr) !important; }
      .sc-kpi-grid > *:last-child:nth-child(odd) { grid-column: 1 / -1; }
      .sc-kpi-value { font-size: 19px; }
    }

    /* Size columns by available content space, including the dashboard sidebar. */
    .sc-networks-grid { grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; }
    @media (max-width:900px) { .sc-networks-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
    @media (max-width:600px) { .sc-networks-grid { grid-template-columns:1fr; } }
    .sc-network-card { box-sizing:border-box; gap:16px; }
    .sc-network-heading { display:flex; align-items:center; gap:14px; min-width:0; }
    .sc-network-card .sc-network-art-frame { width:72px; height:72px; flex:0 0 72px; align-self:center; }
    .sc-network-name { margin:0; min-width:0; font-size:17px; font-weight:700; line-height:1.4; word-break:normal; overflow-wrap:normal; hyphens:none; }
    .sc-network-desc { margin:0; font-size:13px; color:var(--text2); line-height:1.6; word-break:normal; overflow-wrap:normal; hyphens:none; }
    .sc-network-categories { display:flex; flex-wrap:wrap; align-content:flex-start; gap:6px; }
    .sc-network-category { max-width:100%; box-sizing:border-box; padding:5px 10px; border-radius:999px; background:var(--input-bg); color:var(--text2); font-size:12px; line-height:1.4; word-break:normal; }
    .sc-network-cta { margin-top:auto; padding-top:4px; color:var(--accent); font-weight:700; font-size:13px; line-height:1.5; white-space:nowrap; }

    .sc-dash-summary-value { font-size: 26px; }
    @media (max-width:900px) {
      .sc-dash-summary-value { font-size: 21px; }
    }

    @media (max-width:900px) {
      .sc-app-main { padding-bottom: 96px !important; }
    }

    @media (max-width:640px) {
      .sc-auth-wrap { align-items: flex-start !important; padding-top: 48px !important; }
    }

    @media (max-width:560px) {
      .sc-tabbar-pill { border-radius: 16px !important; }
    }

    @media (max-width:480px) {
      .sc-ladder-marker-label { display: none; }
    }

    .sc-app-header-probe { position:fixed; top:-9999px; left:0; visibility:hidden; pointer-events:none; z-index:-1; display:flex; align-items:center; gap:12px; padding:14px 20px; white-space:nowrap; }
    .sc-app-header-probe * { white-space:nowrap; }
    .spn-compact-balances { display:flex; align-items:center; gap:8px; min-width:0; flex-shrink:1; }
    .spn-compact-balance { min-width:0; max-width:112px; }
    .spn-compact-balance-value { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:'Inter',sans-serif; font-weight:700; font-size:clamp(13px, 1.7vw, 15px); line-height:1.15; font-variant-numeric:tabular-nums; }
    .sc-app-burger { position:relative; z-index:102; isolation:isolate; max-height:calc(100vh - 69px); overflow-y:auto; overscroll-behavior:contain; background-color:var(--card) !important; box-shadow:0 18px 30px rgba(13,15,20,0.18); }
    @media (max-width:640px) {
      .sc-app-header-row { gap:6px !important; padding:14px 8px !important; }
      .spn-app-header-spacer { display:none; }
      .spn-compact-balances { flex:0 1 180px; margin-left:auto; flex-direction:column; align-items:flex-start; justify-content:center; gap:2px; padding:5px 7px; box-sizing:border-box; background:var(--input-bg); border:1px solid var(--input-border); border-radius:12px; }
      .spn-compact-balance { display:flex; align-items:baseline; gap:4px; width:100%; max-width:none; }
      .spn-compact-balance-label { display:inline !important; flex-shrink:0; font-size:clamp(8px, 2.35vw, 10px) !important; }
      .spn-compact-balance-value { min-width:0; font-size:clamp(13px, 3.8vw, 15px); }
      .spn-compact-avatar, .spn-compact-avatar img { width:32px !important; height:32px !important; }
      .spn-app-menu-button { width:40px !important; height:40px !important; }
    }
    @media (max-width:480px) {
      .spn-header-notifications { display:none !important; }
    }
    @media (max-width:380px) {
      .sc-app-header-row { gap:4px !important; padding-left:6px !important; padding-right:6px !important; }
      .spn-compact-avatar, .spn-compact-avatar img { width:30px !important; height:30px !important; }
      .spn-app-menu-button { width:38px !important; height:38px !important; }
    }

    @media (max-width:767px) {
      .spn-guarantees-grid { grid-template-columns: 1fr !important; }
    }

    @media (max-width:900px) {
      .spn-subpage-cta { margin-bottom: 56px !important; }
    }

    @media (max-width:900px) {
      .spn-networks-stat-item { width: 100%; }
    }

    @media (max-width:900px) {
      .spn-geo-grid { grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)) !important; }
    }

    .spn-toast-stack { top: 84px !important; }
    @media (max-width:640px) {
      .spn-toast-stack { left:12px !important; right:12px !important; align-items:stretch !important; }
    }

    html, body { overflow-x: clip; max-width: 100%; }

    html, body { overscroll-behavior-y: none; }

    .sc-range { -webkit-appearance:none; appearance:none; width:calc(100% - 18px); height:4px; border-radius:999px; background:var(--input-bg); border:1px solid var(--input-border); outline:none; cursor:pointer; margin:8px 9px; }
    .sc-range::-webkit-slider-runnable-track { height:4px; border-radius:999px; background:transparent; }
    .sc-range::-webkit-slider-thumb { -webkit-appearance:none; appearance:none; width:18px; height:18px; border-radius:50%; background:var(--accent); border:3px solid var(--card); box-shadow:0 1px 4px rgba(0,0,0,0.3); margin-top:-7.5px; cursor:pointer; transition:box-shadow 0.12s ease; }
    .sc-range::-moz-range-track { height:4px; border-radius:999px; background:var(--input-bg); border:1px solid var(--input-border); }
    .sc-range::-moz-range-thumb { width:18px; height:18px; border-radius:50%; background:var(--accent); border:3px solid var(--card); box-shadow:0 1px 4px rgba(0,0,0,0.3); cursor:pointer; transition:box-shadow 0.12s ease; }
    .sc-range::-webkit-slider-thumb:hover, .sc-range::-moz-range-thumb:hover { transform:scale(1.1); }
    .sc-range::-webkit-slider-thumb:active, .sc-range::-moz-range-thumb:active { transform:scale(0.95); }
    .sc-range:focus-visible::-webkit-slider-thumb, .sc-range:focus-visible::-moz-range-thumb { box-shadow:0 0 0 4px var(--accent-soft), 0 1px 4px rgba(0,0,0,0.3); }

    .spn-duration-range { width:calc(100% + 18px); margin:8px -9px; background:linear-gradient(to right, var(--accent) 0%, var(--accent) var(--range-progress), var(--input-bg) var(--range-progress), var(--input-bg) 100%); }
    .spn-duration-range::-moz-range-progress { height:4px; border-radius:999px; background:var(--accent); }

    .spn-deal-modal-body [style*="border-radius:50%"][title] { width:18px !important; height:18px !important; background:var(--card) !important; }
    .spn-deal-modal-body [style*="max-width:80vw"][style*="box-shadow:0 12px 32px"],
    .spn-deal-modal-body [style*="max-width: 80vw"][style*="box-shadow: 0 12px 32px"] { top:24px !important; z-index:170 !important; width:300px !important; background:var(--card) !important; border:1px solid var(--border) !important; border-radius:14px !important; padding:14px 16px !important; }

    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
      /* Loading spinners communicate active progress, not decoration — killing
         them under reduced-motion leaves the UI looking frozen/broken (this is
         what made deal creation look stuck on Chrome/Linux, where Chromium
         often reports prefers-reduced-motion:reduce by default when no desktop
         a11y portal is present). Keep these spinning, just slower. */
      .spn-loading-spinner { animation-duration: 1.4s !important; animation-iteration-count: infinite !important; }
    }
  /* Information pages extend the existing sc-ipage design system. Public pages stay light. */
.fp-page {color:#12141a; background:#f5f6f8; flex:1; min-width:0;}
.fp-wrap {max-width:1120px; margin:0 auto;}
.fp-hero {padding:52px 40px 48px; border-bottom:1px solid #e2e5ec; background:linear-gradient(135deg,#f5f6f8,#edf3ff);}
.fp-page h1 {font:700 clamp(30px,4.1vw,56px)/1.14 'Inter',sans-serif;letter-spacing:-.035em;max-width:820px;margin:14px 0 22px;overflow-wrap:anywhere;}
.fp-section {padding:64px 40px;color:#12141a;}
.fp-section:nth-of-type(even) {background:#fff;}
.fp-section h2,.fp-article h2 {font:700 clamp(23px,2.5vw,32px)/1.25 'Inter',sans-serif;margin:0 0 28px;letter-spacing:-.02em;}
.fp-section h3 {font-size:18px;margin:12px 0;}
.fp-section p,.fp-article p {line-height:1.8;color:#454b57;max-width:72ch;}
.fp-lead {font-size:17px;line-height:1.8;color:#454b57;max-width:760px;}
.fp-split {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:40px;align-items:start;}
.fp-page img,.fp-section img {max-width:100%;height:auto;display:block;}
.fp-split figure {margin:0;min-width:0;}
.fp-note {font-size:14px;padding:18px 22px;border-left:3px solid #3478F6;background:#f1f5ff;border-radius:0 12px 12px 0;}
.fp-section a,.fp-article a {color:#1d54b5;text-underline-offset:4px;}
.fp-search {display:grid;grid-template-columns:1fr;gap:10px;max-width:760px;margin:0 0 28px;}
.fp-search label {font-size:13px;font-weight:700;}
.fp-search input,.fp-search select {box-sizing:border-box;width:100%;font:16px Inter,sans-serif;padding:14px;border:1px solid #bbc5d6;border-radius:12px;background:#fff;color:#12141a;min-height:48px;}
.fp-results {max-width:900px;}
.fp-answer {border:1px solid #e2e5ec;background:#fff;border-radius:14px;margin:12px 0;padding:0 22px;}
.fp-answer summary {padding:21px 0;font-weight:700;cursor:pointer;min-height:24px;}
.fp-answer p {margin:0 0 20px;}
.fp-answer a {display:inline-block;margin:0 0 22px;}
.fp-guide-list {list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.fp-guide-list > li {border:1px solid #dbe2ed;border-radius:16px;background:#fff;padding:28px;scroll-margin-top:24px;min-width:0;}
.fp-guide-list > li::before {content:none;}
.fp-steps {padding-left:24px;line-height:2.2;}
.fp-brand-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.fp-brand-preview {border-radius:12px;min-height:160px;height:160px;display:grid;place-items:center;}
.fp-brand-preview img {width:auto;max-width:90%;max-height:112px;object-fit:contain;}
.fp-downloads {display:flex;gap:28px;}
.fp-downloads a {min-height:44px;display:flex;align-items:center;font-weight:700;}
.fp-news-links {padding:0;list-style:none;}
.fp-news-links li {padding:20px 0;border-bottom:1px solid #e2e5ec;display:flex;gap:22px;flex-wrap:wrap;}
.fp-news-links time {font-size:13px;color:#68738b;}
.fp-metrics {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;}
.fp-metrics>div {border-top:2px solid #3478F6;padding:22px 0;}
.fp-metrics dt {font-weight:800;font-size:24px;margin-bottom:12px;}
.fp-metrics dd {margin:0;line-height:1.7;color:#454b57;}
.fp-reading {max-width:760px;}
.fp-blog-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;}
.fp-blog-card {padding:0!important;overflow:hidden;}
.fp-blog-card:first-child {grid-column:1/-1;display:block;border-top:3px solid #3478F6;}
.fp-blog-card h2 {font-size:23px;margin:12px 0;}
.fp-blog-card h2 a {text-decoration:none;color:#12141a;}
.fp-card-body {padding:26px;}
.fp-blog-card time {display:block;color:#68738b;font-size:13px;margin:16px 0;}
.fp-article {max-width:800px;padding:64px 32px;}
.fp-article>img {width:100%;margin:30px 0;border-radius:20px;}
.fp-article time {display:block;color:#68738b;font-size:13px;}
.fp-article section {margin:40px 0;scroll-margin-top:110px;}
.fp-article>ul {line-height:2;}
.fp-toc {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;padding:24px;border:1px solid #dbe2ed;border-radius:14px;background:#fff;}
.fp-timeline article {display:grid;grid-template-columns:150px 1fr;gap:32px;border-top:1px solid #dbe2ed;padding:32px 0;}
.fp-timeline time {color:#68738b;font-size:14px;}
.fp-timeline h2 {margin:10px 0;}



















.fp-page [id],.fi-existing [id] {scroll-margin-top:24px;}
@media(hover:hover) and (pointer:fine){.fp-section a:hover {text-decoration:underline;}}
@media(max-width:1024px){.fp-split{gap:24px;}.fp-hero{padding:52px 28px;}.fp-section{padding:48px 28px;}}
@media(max-width:600px){.fp-split,.fp-brand-grid,.fp-guide-list,.fp-metrics,.fp-blog-grid{grid-template-columns:1fr;}.fp-hero{padding:40px 22px 30px;}.fp-section{padding:36px 22px;}.fp-hero figure{max-width:400px;}.fp-blog-card:first-child{display:block;grid-column:auto;}.fp-article{padding:40px 22px;}.fp-timeline article{grid-template-columns:1fr;gap:12px;}.fp-channel{gap:12px;}.fp-page input,.fp-page select,.fp-page textarea{font-size:16px!important;}}



/* Footer completion: scoped helpers preserve the established app themes. */
.fi-existing {min-width:0;flex:1;background:#f5f6f8;}
.fi-existing h1 {font-family:Inter,sans-serif;letter-spacing:-.03em;line-height:1.2;overflow-wrap:anywhere;}
.fi-existing a {overflow-wrap:anywhere;}
.fi-network-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.fi-network-grid article {display:grid;grid-template-columns:112px minmax(0,1fr);gap:8px 24px;align-content:start;}
.sc-network-art {display:block;object-fit:contain;object-position:center;max-width:100%;}
.sc-network-art-frame {width:112px;height:112px;flex:0 0 112px;align-self:flex-start;}
.sc-network-art-frame > .sc-network-art {width:100%;height:100%;}
.fi-network-grid .sc-network-art {width:112px;height:112px;grid-row:1/4;}
@media(max-width:600px){.sc-network-art-frame{width:88px;height:88px;flex-basis:88px;}}
.fi-network-grid article h3,.fi-network-grid article p {margin:0;}
.fi-network-grid article a {justify-self:start;}
@media(max-width:1024px){.fi-network-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
.fi-feature-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 40px;}
.fi-feature-list article {padding:24px 0;border-top:1px solid #dbe2ed;}
.fi-reading {max-width:800px;}
.fi-instructions {list-style:none;counter-reset:instruction;padding:0;line-height:1.75;color:#454b57;}
.fi-instructions > li {counter-increment:instruction;display:grid;grid-template-columns:2.5rem minmax(0,1fr);column-gap:16px;margin:18px 0;padding:0;border:0;}
.fi-instructions > li::before {content:counter(instruction,decimal-leading-zero);font:700 18px/1.75 Inter,sans-serif;color:#1d54b5;}
.fi-legal-heading {font:700 19px/1.45 Inter,sans-serif;margin:0 0 14px;}
.fi-legal-toc {margin:28px 0 36px;border:1px solid #e2e5ec;border-left:3px solid #3478F6;border-radius:12px;gap:12px;font-size:14px;line-height:1.6;}





@media(max-width:600px){.fi-network-grid,.fi-feature-list{grid-template-columns:1fr;}.fi-network-grid img{grid-row:auto;}.fi-network-grid article h3{align-self:center;}.fi-network-grid article p,.fi-network-grid article > a{grid-column:1/-1;}.fi-legal-toc{padding:20px;}}
@media(hover:hover) and (pointer:fine){.fp-answer summary:hover{color:#1d54b5;}}
.fp-answer summary:focus-visible {outline:2px solid #3478F6;outline-offset:4px;}
.fp-answer[open]{border-color:#a9c2ed;box-shadow:0 8px 24px rgba(17,42,84,.08)}
.fp-answer[open]>summary{color:#1d54b5}
.fp-answer>summary::after,.fp-disclosure-card>summary::after{content:none!important}
.fp-disclosure-card>summary{transition:color 150ms ease,background-color 150ms ease}
.fp-disclosure-card[open]{border-color:#a9c2ed!important;box-shadow:0 8px 24px rgba(17,42,84,.08)}
.fp-disclosure-card[open]>summary{color:#1d54b5}
.api-docs-code{display:block;max-width:100%;overflow:auto;padding:16px 18px;border:1px solid #d9e2f1;border-radius:12px;background:#f4f7fc;color:#0b1220;font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre}
.api-docs-notice{margin:24px 0;padding:22px 24px;border-left:3px solid #3478f6;border-radius:0 12px 12px 0;background:#eef4ff;color:#334155}






@media(max-width:600px){.fi-existing input,.fi-existing textarea,.fi-existing select{font-size:16px!important;}}


/* Keep the existing weekly chart readable on narrow account screens. */
@media(max-width:600px){.spn-theme-scope .sc-dash-axis-labels > div:not(:nth-child(3n+1)){display:none;}}

/* Public document flow: intrinsic header height replaces fixed offsets. */
.public-header {flex:none;min-width:0;background:#f5f6f8;}
.public-header header {gap:20px;min-width:0;}
.public-header header > * {min-width:0;}
.public-header svg {flex-shrink:0;max-width:100%;}
.fp-page,.fi-existing {overflow-wrap:anywhere;}
.fp-guide-cards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0;}
.fp-guide-card {display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:28px;border:1px solid #dbe2ed;border-radius:16px;background:#fff;}
.fp-guide-card h3 {margin:0 0 12px;line-height:1.4;}
.fp-guide-card h3 a {text-decoration:none;}
.fp-guide-card p {margin:0 0 20px;max-width:65ch;}
.fp-guide-action {margin-top:auto;min-height:44px;display:inline-flex;align-items:center;}
.fp-guide-list > li h3 {margin:0 0 16px;line-height:1.4;}
.fp-guide-list > li > a {display:inline-flex;align-items:center;min-height:44px;}
.fp-guide-card a:focus-visible,.fp-guide-list a:focus-visible,.fp-toc a:focus-visible {outline:3px solid #3478f6;outline-offset:4px;border-radius:3px;}

.fp-toc a {padding:10px 0;min-width:0;line-height:1.5;}
@media(hover:hover) and (pointer:fine){.fp-guide-card a:hover,.fp-guide-list a:hover{text-decoration:underline;}}
@media(max-width:600px){.public-header header{padding:18px 22px !important;gap:12px;}.public-header header button{padding:10px 12px !important;}.fp-guide-cards,.fp-toc{grid-template-columns:1fr;}.fp-guide-card,.fp-guide-list > li{padding:22px;}.fi-instructions > li{grid-template-columns:2rem minmax(0,1fr);column-gap:12px;}}

.public-header .spn-landing-header-bar{flex-wrap:wrap;row-gap:16px}
.public-header .spn-hero-nav-desktop{flex-wrap:wrap;row-gap:12px}
@media(min-width:901px) and (max-width:1200px){.public-header .spn-hero-nav-desktop{order:3;flex-basis:100%;justify-content:center}}

/* Public advertiser brief: layout belongs to the component, not inline columns. */
.fi-existing .sc-adv-hero-grid {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px;}
@media(max-width:768px){.fi-existing .sc-adv-hero-grid{grid-template-columns:1fr;gap:32px;}.fi-existing .sc-adv-step-connector{display:none;}}

/* Shared Footer: one local contract for static public HTML and the SPA. */
.fp-footer {background:#0B101B;color:#aeb8ce;border-top:1px solid #263248;padding:0;flex-shrink:0;}
.fp-footer-wrap {max-width:1200px;margin:0 auto;padding:0 40px 28px;box-sizing:border-box;}
.fp-footer-top {display:flex;align-items:center;justify-content:space-between;gap:32px;padding:32px 0;border-bottom:1px solid #263248;}
.fp-footer-top p {max-width:440px;margin:8px 0 0;font-size:14px;line-height:1.6;color:#aeb8ce;}
.fp-footer .fp-logo {display:inline-flex;align-items:center;}
.fp-footer .fp-logo img {display:block;object-fit:contain;object-position:left center;width:150px;height:38px;}
.fp-footer-top > div:last-child {display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.mg-lang-caption {font-size:12px;line-height:1.5;color:#A3B1C6;white-space:nowrap;}
.mg-lang-trigger {display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:10px 14px;border-radius:11px;border:1px solid #2A3548;background:#141C2B;color:#F1F5F9;font:600 14px Inter,sans-serif;cursor:pointer;white-space:nowrap;box-sizing:border-box;transition:border-color 150ms ease,background 150ms ease;}
.mg-lang-trigger:hover {border-color:#3478F6;background:#172238;}
.mg-lang-trigger:focus-visible {outline:2px solid #3478F6;outline-offset:2px;}
.mg-lang-caret {flex-shrink:0;color:#A3B1C6;transition:transform 150ms ease;}
.mg-lang-trigger[aria-expanded="true"] .mg-lang-caret {transform:rotate(180deg);}
.mg-lang-list {width:200px;max-width:min(200px,calc(100vw - 32px));background:#141C2B;border:1px solid #2A3548;border-radius:12px;padding:8px;box-shadow:0 16px 40px rgba(2,6,16,0.45);overflow-y:auto;box-sizing:border-box;}
.mg-lang-item {display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:9px 12px;border-radius:9px;color:#F1F5F9;font-size:14px;font-weight:500;cursor:pointer;}
.mg-lang-item:hover {background:#253248;}
.mg-lang-item--active {background:rgba(52,120,246,0.16);color:#8fb4ff;font-weight:700;}
.mg-lang-item:focus-visible {outline:2px solid #3478F6;outline-offset:-2px;background:#253248;}
.mg-lang-check {color:#3478F6;flex-shrink:0;}
.mg-lang-flag {width:18px;height:13px;flex-shrink:0;object-fit:cover;border-radius:2px;display:block;}
.mg-lang-item-main {display:flex;align-items:center;gap:8px;min-width:0;}
.mg-lang-item-main span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* Light app theme: footer language switcher follows the active MediaGUI theme (var() tokens already set by .spn-theme-scope[data-theme]); outside the app (public pages, no theme scope) the dark defaults above remain in effect. */
.spn-theme-scope[data-theme="light"] .mg-lang-caption {color:var(--text2);}
.spn-theme-scope[data-theme="light"] .mg-lang-trigger {border-color:var(--border);background:var(--card);color:var(--text);}
.spn-theme-scope[data-theme="light"] .mg-lang-trigger:hover {border-color:var(--accent);background:var(--surface2);}
.spn-theme-scope[data-theme="light"] .mg-lang-trigger:focus-visible {outline-color:var(--accent);}
.spn-theme-scope[data-theme="light"] .mg-lang-caret {color:var(--text2);}
.spn-theme-scope[data-theme="light"] .mg-lang-list {background:var(--card);border-color:var(--border);box-shadow:0 16px 40px rgba(15,23,42,0.14);}
.spn-theme-scope[data-theme="light"] .mg-lang-item {color:var(--text);}
.spn-theme-scope[data-theme="light"] .mg-lang-item:hover {background:var(--surface2);}
.spn-theme-scope[data-theme="light"] .mg-lang-item--active {background:var(--accent-soft);color:var(--accent);}
.spn-theme-scope[data-theme="light"] .mg-lang-item:focus-visible {outline-color:var(--accent);background:var(--surface2);}
.spn-theme-scope[data-theme="light"] .mg-lang-check {color:var(--accent);}
.fp-footer-grid {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:24px;padding:28px 0;}
.fp-footer-grid > * {min-width:0;}
.fp-footer .sc-footer-acc > summary {font:700 12px/1.5 Inter,sans-serif;letter-spacing:.035em;text-transform:uppercase;color:#f2f4f8;list-style:none;margin:0 0 12px;}
.fp-footer .sc-footer-acc > summary::-webkit-details-marker {display:none;}
.fp-footer .sc-footer-acc > summary::after {content:none!important;}
.fp-footer .sc-footer-acc[open] > summary {color:#fff;}
.fp-footer .sc-footer-acc > summary {transition:color 150ms ease;}
.fp-footer .fp-footer-language {display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.fp-footer .sc-footer-acc > div {display:flex;flex-direction:column;gap:2px;}
.fp-footer a[href] {color:#b9c5da;text-decoration:none;overflow-wrap:anywhere;line-height:1.6;}
.fp-footer .sc-footer-link {display:block;padding:5px 0;font-size:13px;}
.fp-footer .fp-footer-contact {display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:12px;font-weight:600;margin-top:10px;padding-top:12px;border-top:1px solid #263248;}
.fp-footer :is(a,summary):focus-visible {outline:2px solid #7eacff;outline-offset:4px;border-radius:4px;}
.fp-footer-legal {display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid #263248;padding:20px 0;font-size:12px;}
.fp-footer-bottom {border-top:1px solid #263248;padding-top:12px;color:#9eabc0;font-size:11px;line-height:1.8;}
.fp-footer-bottom p {margin:8px 0;}
.fp-footer :is(a,summary),.fp-footer .mg-lang-trigger,.fp-footer .mg-lang-item,.fp-search :is(input,select) {touch-action:manipulation;}
@media(min-width:601px){.fp-footer .sc-footer-acc > summary{pointer-events:none;}.fp-footer .sc-footer-acc > div{display:flex;}}
@media(max-width:1100px){.fp-footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;}}
@media(max-width:600px){.fp-footer-wrap{padding:0 22px calc(24px + env(safe-area-inset-bottom,0px));}.fp-footer-top{align-items:flex-start;flex-direction:column;gap:20px;padding:24px 0;}.mg-lang-caption{display:none;}.mg-lang-list{right:auto;left:0;}.fp-footer-grid{grid-template-columns:1fr;gap:0;padding:12px 0;}.fp-footer .sc-footer-acc{border-bottom:1px solid #263248;}.fp-footer .sc-footer-acc > summary{display:flex;justify-content:space-between;gap:16px;cursor:pointer;min-height:24px;padding:16px 0;margin:0;}.fp-footer .sc-footer-acc > summary::after{content:none;}.fp-footer .sc-footer-acc[open] > summary::after{content:none;}.fp-footer .sc-footer-acc:not([open]) > div{display:none;}.fp-footer .sc-footer-acc[open] > div{padding-bottom:20px;}.fp-footer .sc-footer-link{min-height:28px;display:flex;align-items:center;padding:8px 0;}.fp-footer-legal{gap:16px;}}
@media(max-width:900px){.sc-app-main ~ .fp-footer .fp-footer-wrap{padding-bottom:112px;}}
@media(hover:hover) and (pointer:fine){.fp-footer a[href]:hover{color:#fff;text-decoration:underline;text-underline-offset:4px;}}

/* Recovery: composition and contracts scoped to existing public components. */
.fp-hero .fp-wrap > div:first-child {max-width:760px;}

.fp-article > a:first-child {display:block;margin-bottom:24px;}
.fp-article > h2 {margin-top:40px;}
.fi-legal-toc > strong {grid-column:1/-1;margin-bottom:4px;}
.fp-section :is(.sc-ipage-btn-primary,.sc-ipage-btn-secondary) {margin:8px 12px 8px 0;max-width:100%;white-space:normal;}
.fp-intake {padding:28px 32px;background:#fff;border:1px solid #dbe2ed;border-radius:16px;}
.fp-intake h2 {font:700 20px/1.4 Inter,sans-serif;margin:0 0 20px;}
.fp-intake ul {list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;}
.fp-intake li {font-size:14px;padding-bottom:12px;border-bottom:1px solid #e2e5ec;}
.fp-intake p {font-size:14px;line-height:1.7;color:#454b57;margin:20px 0 0;}
.fp-community-layout {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:start;}
.fp-contact-panel {background:#0B101B;color:#fff;border-radius:18px;padding:36px;}
.fp-contact-panel .sc-ipage-eyebrow {color:#9abfff;}
.fp-contact-panel h2 {font-size:clamp(28px,3vw,38px);margin:8px 0 20px;}
.fp-contact-panel p {color:#c1cbdd;max-width:48ch;}
.fp-contact-panel .fp-contact-secondary {display:block;color:#c1d4ff;margin-top:18px;text-underline-offset:4px;}
.fp-contact-safety h2 {font-size:24px;line-height:1.4;margin:0 0 20px;}
.fp-resource-list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;}
.fp-resource-list article {border-top:2px solid #dbe2ed;padding-top:16px;}
.fp-resource-list article h3 {margin:0 0 12px;}
.fp-resource-list p {margin:0;font-size:15px;}
.fp-process {list-style:none;counter-reset:process;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:0;margin:28px 0;}
.fp-process > li {counter-increment:process;border-top:1px solid #dbe2ed;padding-top:20px;min-width:0;}
.fp-process > li::before {content:counter(process,decimal-leading-zero);display:block;font:700 14px/1.5 Inter,sans-serif;color:#1d54b5;margin-bottom:16px;}
.fp-process > li h3 {margin:0 0 12px;}


.fp-hero a:focus-visible,.fi-existing a:focus-visible,.fp-contact-panel a:focus-visible {outline:3px solid #3478F6;outline-offset:4px;}
@media(max-width:768px){.fp-community-layout,.fp-resource-list,.fp-process{grid-template-columns:1fr;gap:28px;}.fp-contact-panel{padding:28px;}.fp-resource-list article{padding-top:20px;}.fi-network-grid article{grid-template-columns:88px minmax(0,1fr);gap:8px 18px;}.fi-network-grid .sc-network-art{width:88px;height:88px;}}
@media(max-width:480px){.fp-intake{padding:22px;}.fp-intake ul{grid-template-columns:1fr;}}

/* UI navigation: text links, native disclosure and compact contact without arrow decoration. */
.sc-ui-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.sc-disclosure-icon{display:none!important}
summary{list-style:none}summary::-webkit-details-marker{display:none}summary::marker{content:""}
summary>.sc-disclosure-icon{margin-left:auto}
.fp-answer>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}
.sc-dd-trigger,[role="button"][aria-expanded]{touch-action:manipulation}
.sc-dd-trigger:focus-visible,[role="button"][aria-expanded]:focus-visible{outline:2px solid var(--accent,#3478F6);outline-offset:3px;border-radius:10px}
.sc-dd-trigger[aria-expanded="true"]{border-color:var(--accent,#3478F6)!important;background:var(--accent-soft,rgba(52,120,246,.08))}
/* Footer language switcher: dark palette by default (public pages have no .spn-theme-scope ancestor, so these override the generic var()-based .sc-dd-trigger/.sc-dd-item rules above, which resolve to transparent/undefined there) — the .spn-theme-scope[data-theme="light"] rules below take precedence inside the app when the light theme is active, since they are more specific. */
.mg-lang-trigger[aria-expanded="true"]{border-color:#3478F6!important;background:#172238!important;}
.mg-lang-item:hover{background:#253248!important;}
.mg-lang-item:focus-visible{background:#253248!important;outline:2px solid #3478F6!important;outline-offset:-2px!important;}
.spn-theme-scope[data-theme="light"] .mg-lang-trigger[aria-expanded="true"]{border-color:var(--accent)!important;background:var(--surface2)!important;}
.spn-theme-scope[data-theme="light"] .mg-lang-item:hover{background:var(--surface2)!important;}
.spn-theme-scope[data-theme="light"] .mg-lang-item:focus-visible{background:var(--surface2)!important;outline:2px solid var(--accent)!important;outline-offset:-2px!important;}
.fp-footer .sc-footer-acc>summary{transition:color 150ms ease,background-color 150ms ease}
.fp-footer .sc-footer-acc[open]>summary{color:#a9c7ff}
.public-language[open]>summary{border-color:#84a9e8;background:#edf4ff;color:#1d54b5}
.fp-footer .fp-footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:1px;max-width:100%;line-height:1.5;min-height:44px;text-decoration:none;overflow-wrap:normal}
.fp-footer .fp-contact-name{font-size:12px;font-weight:600}
.fp-footer .fp-contact-handle{font-size:13px;font-weight:600;white-space:nowrap}
.fp-footer .fp-footer-contact:hover .fp-contact-handle{text-decoration:underline;text-underline-offset:4px}
@media(min-width:601px){.fp-footer .sc-footer-acc>summary>.sc-disclosure-icon{display:none}}
@media(max-width:600px){.fp-footer .sc-footer-acc>summary{padding:16px 10px;border-radius:8px}.fp-footer .sc-footer-acc[open]>summary{background:rgba(52,120,246,.12)}}
#public-main .fp-section a:not([class*="btn"]):not([class*="card"]):not(.fp-logo){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
#public-main a[class*="btn"],.sc-app-main a,.public-header nav a,.fp-footer a{transition:color 150ms ease,background-color 150ms ease,text-decoration-color 150ms ease}
a[class*="btn"]:focus-visible,#public-main a:focus-visible,.sc-app-main a:focus-visible{outline:2px solid var(--accent,#3478F6);outline-offset:4px}
@media(hover:hover) and (pointer:fine){#public-main .fp-section a:not([class*="btn"]):hover{color:#1d54b5;text-decoration-thickness:2px}.public-header nav a:hover{text-decoration:underline;text-underline-offset:.22em}}
@media(prefers-reduced-motion:reduce){.sc-disclosure-icon::after,#public-main a,.sc-app-main a,.public-header nav a,.fp-footer a{transition:none!important}}

/* Content lessons extend the existing public cards; no account or financial behavior. */
/* Home only: normal flow keeps the headline and CTA in the first viewport. */
#landing-top .spn-hero-section{min-height:0!important;background:linear-gradient(135deg,#f8faff,#edf3fc)!important}

#landing-top .spn-hero-section>div:not(.spn-hero-video){position:relative!important;inset:auto!important}
#landing-top .spn-hero-section>div:not(.spn-hero-video)>div{flex:none!important;overflow:visible!important;padding:clamp(40px,5vw,72px) 24px!important}
#landing-top .spn-hero-h1{overflow-wrap:anywhere}
@media(max-width:600px){#landing-top .spn-hero-section>div:not(.spn-hero-video)>div{padding:32px 20px 40px!important}}


/* BEGIN_GUIDES */
/* Practical guides reuse MediaGUI fonts, surfaces and brand colors. */
.mg-guides{font-size:17px;line-height:1.75;color:#334155}
.mg-guides .mg-guide-wrap{width:min(1400px,100%);margin:0 auto;padding:0 40px;min-width:0}
.mg-guides .mg-guide-heading{padding:44px 0 28px;background:#f5f6f8}
.mg-guides h1{font:700 clamp(30px,3.4vw,48px)/1.15 Inter,sans-serif;letter-spacing:-.035em;color:#0b1220;margin:8px 0 20px;max-width:26ch}
.mg-guides h2{font:700 clamp(23px,2.2vw,30px)/1.3 Inter,sans-serif;letter-spacing:-.02em;color:#0b1220;margin:0 0 18px}
.mg-guides h3{font-size:20px;line-height:1.4;color:#0b1220;margin:0 0 12px}
.mg-guides p{margin:0 0 20px;max-width:76ch;overflow-wrap:anywhere}
.mg-guides a{color:#1d54b5;text-underline-offset:.22em;overflow-wrap:anywhere}
.mg-guides a:focus-visible{outline:2px solid #3478f6;outline-offset:5px}
.mg-guides .mg-guide-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;padding-top:20px;padding-bottom:64px}
.mg-guides .mg-guide-toc{position:sticky;top:24px;align-self:start;font-size:15px;line-height:1.55;min-width:0}
.mg-guides .mg-guide-toc strong{display:block;color:#0b1220;margin-bottom:12px}
.mg-guides .mg-guide-toc a{display:block;padding:8px 0;text-decoration:none;color:#475569}
.mg-guides .mg-guide-toc a[aria-current=page]{color:#1d54b5;font-weight:700}
.mg-guides .mg-guide-stages{list-style:none;padding:0;margin:0;counter-reset:none}
.mg-guides .mg-guide-stage{padding:32px 0;border-bottom:1px solid #dbe2ed;display:grid;grid-template-columns:42px minmax(0,1fr);gap:20px;scroll-margin-top:24px}
.mg-guides .mg-guide-stage:first-child{padding-top:8px}
.mg-guides .mg-guide-number{font:700 17px/1.7 Inter,sans-serif;color:#64748b}
.mg-guides .mg-guide-stage-content{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:32px;align-items:start;min-width:0}
.mg-guides .mg-guide-stage-content>div{min-width:0}
.mg-guides .mg-guide-stage-content .mg-guide-example{font-size:16px;background:#edf3fc;border-radius:12px;padding:18px 20px;margin:0}
.mg-guides .mg-guide-example strong{display:block;color:#1d54b5;font-size:13px;margin-bottom:6px}
.mg-guides .mg-guide-open{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.mg-guides .mg-guide-contact{margin-top:36px;padding-top:28px;border-top:1px solid #dbe2ed}
.mg-guides .mg-guide-article{min-width:0}
.mg-guides .mg-guide-article section{scroll-margin-top:24px;margin-bottom:40px}
.mg-guides .mg-guide-article ol{padding-left:26px;margin:0;max-width:78ch}
.mg-guides .mg-guide-article ol>li{padding-left:8px;margin-bottom:18px;overflow-wrap:anywhere}
.mg-guides .mg-guide-note{padding:18px 22px;border-left:3px solid #3478f6;background:#edf3fc;border-radius:0 10px 10px 0}
.mg-guides figure{margin:22px 0 28px;min-width:0}
.mg-guides figure a{display:block}
.mg-guides figure img{display:block;width:100%;height:auto;border:1px solid #dbe2ed;border-radius:12px;background:#fff}
.mg-guides figcaption{font-size:14px;line-height:1.6;color:#64748b;margin-top:12px;max-width:85ch}
.mg-guides .mg-guide-problems{display:grid;gap:18px;padding:0;list-style:none}
.mg-guides .mg-guide-problems li{padding-left:18px;border-left:2px solid #cbd5e1}
.mg-guides .mg-guide-related,.mg-guides .mg-guide-pager{display:flex;flex-wrap:wrap;gap:12px 28px}
.mg-guides .mg-guide-related a,.mg-guides .mg-guide-pager a{display:inline-flex;min-height:44px;align-items:center}
.mg-guides .mg-guide-pager{border-top:1px solid #dbe2ed;padding-top:24px;margin-top:40px;justify-content:space-between}
@media(min-width:1600px){.mg-guides .mg-guide-wrap{width:min(1540px,100%)}.mg-guides .mg-guide-layout{grid-template-columns:260px minmax(0,1fr);gap:64px}}
@media(max-width:1100px){.mg-guides .mg-guide-stage-content{grid-template-columns:1fr}.mg-guides .mg-guide-stage-content .mg-guide-example{margin-top:14px}.mg-guides .mg-guide-layout{grid-template-columns:200px minmax(0,1fr);gap:32px}}
@media(max-width:767px){.mg-guides .mg-guide-wrap{padding:0 22px}.mg-guides .mg-guide-heading{padding:32px 0 20px}.mg-guides .mg-guide-layout{display:block;padding-top:0;padding-bottom:40px}.mg-guides .mg-guide-toc{position:static;padding:18px 0 24px;margin-bottom:20px;border-bottom:1px solid #dbe2ed}.mg-guides .mg-guide-toc a{min-height:44px}.mg-guides .mg-guide-stage{grid-template-columns:28px minmax(0,1fr);gap:12px;padding:26px 0}.mg-guides .mg-guide-stage-content .mg-guide-example{padding:16px}.mg-guides figure img{border-radius:8px}.mg-guides .mg-guide-article section{margin-bottom:32px}}
.mg-guides .mg-guide-stage{position:relative}
.mg-guides .mg-guide-stage>span[id]{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.mg-guides details.mg-guide-toc>summary{display:none;cursor:pointer;min-height:44px;color:#0b1220;font-weight:600}
@media(max-width:767px){.mg-guides details.mg-guide-toc{padding:0 0 14px}.mg-guides details.mg-guide-toc>summary{display:list-item;padding:10px 0}.mg-guides details.mg-guide-toc[open]>nav{padding-top:12px}}
@media(max-width:480px){.mg-guides .mg-guide-stage{display:block}.mg-guides .mg-guide-number{display:block;margin-bottom:8px;font-size:16px}.mg-guides .mg-guide-stage-content{width:100%}}

/* END_GUIDES */

/* BEGIN_NEWS */
/* News hub (/news, /news/:slug) — editorial color tokens per MEDIAGUI_NEWS_ARCHIVE_2023_2026_REPORT.md. */
.mg-news{--mg-news-text:#0B1220;--mg-news-accent:#3478F6;--mg-news-muted:#64748B;--mg-news-bg:#F8FAFC;--mg-news-card:#FFFFFF;--mg-news-border:#E2E8F0}
.mg-news .mg-news-section,.mg-news .mg-news-links-section{background:var(--mg-news-bg)!important}
.mg-news .fp-wrap{max-width:1180px}
.mg-news-toolbar{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-end;margin-bottom:36px}
.mg-news-filter-group{display:flex;flex-direction:column;gap:8px;min-width:200px}
.mg-news-filter-label{font:700 12.5px/1.3 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--mg-news-muted)}
.mg-news-toolbar select{min-height:44px;padding:0 36px 0 14px;border:1px solid var(--mg-news-border);border-radius:10px;background:var(--mg-news-card) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" sc-camel-view-box="0 0 10 6"><path d="M1 1l4 4 4-4" fill="none" stroke="%2364748B" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat right 14px center;appearance:none;-webkit-appearance:none;font:600 15px/1.3 Inter,sans-serif;color:var(--mg-news-text);cursor:pointer}
.mg-news-toolbar select:focus-visible{outline:2px solid var(--mg-news-accent);outline-offset:2px}
.mg-news-meta{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.mg-news-chip{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;background:rgba(52,120,246,.1);color:var(--mg-news-accent);font:700 12px/1.4 Inter,sans-serif;letter-spacing:.02em;text-transform:uppercase}
.mg-news-meta time{font-size:13px;color:var(--mg-news-muted)}
.mg-news-featured{display:grid;grid-template-columns:260px minmax(0,1fr);gap:0;background:var(--mg-news-card);border:1px solid var(--mg-news-border);border-radius:20px;overflow:hidden;margin-bottom:40px}
.mg-news-featured-art{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#eef3ff,#dbe8ff);min-height:180px}
.mg-news-featured-art span{font:700 56px/1 Inter,sans-serif;color:rgba(52,120,246,.35);letter-spacing:-.02em}
.mg-news-featured-body{padding:32px 36px}
.mg-news-featured h2{font:700 clamp(22px,2.2vw,28px)/1.3 Inter,sans-serif;letter-spacing:-.01em;margin:0 0 14px;color:var(--mg-news-text)}
.mg-news-featured p{margin:0 0 20px;color:var(--mg-news-muted);max-width:60ch;line-height:1.7}
.mg-news-catalog-heading{font:700 clamp(20px,2vw,24px)/1.3 Inter,sans-serif;letter-spacing:-.01em;color:var(--mg-news-text);margin:0 0 22px}
.mg-news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;align-items:start}
.mg-news-card{display:flex;flex-direction:column;background:var(--mg-news-card);border:1px solid var(--mg-news-border);border-radius:16px;padding:24px;transition:border-color 150ms ease,box-shadow 150ms ease}
.mg-news-card h3{font:700 18px/1.4 Inter,sans-serif;margin:0 0 10px;color:var(--mg-news-text)}
.mg-news-card p{margin:0 0 16px;color:var(--mg-news-muted);font-size:15px;line-height:1.65;flex:1}
.mg-news-card-title{color:inherit;text-decoration:none}
@media(hover:hover) and (pointer:fine){.mg-news-card:hover{border-color:var(--mg-news-accent);box-shadow:0 8px 24px rgba(11,18,32,.06)}.mg-news-card-title:hover{color:var(--mg-news-accent)}}
.mg-news-btn{display:inline-flex;align-items:center;min-height:44px;color:var(--mg-news-accent);font:600 15px/1.3 Inter,sans-serif;text-decoration:none;background:none;border:none;padding:0;cursor:pointer}
.mg-news-btn:hover{text-decoration:underline;text-underline-offset:.22em}
.mg-news-pagination{display:flex;justify-content:center;margin-top:40px}
.mg-news-pagination .mg-news-btn{padding:0 28px;min-height:48px;border:1px solid var(--mg-news-border);border-radius:999px;background:var(--mg-news-card)}
.mg-news-pagination .mg-news-btn:hover{text-decoration:none;border-color:var(--mg-news-accent)}
.mg-news-empty{text-align:center;padding:64px 20px;border:1px dashed var(--mg-news-border);border-radius:20px}
.mg-news-empty h2{font:700 clamp(20px,2vw,24px)/1.3 Inter,sans-serif;color:var(--mg-news-text);margin:0 0 10px}
.mg-news-empty p{color:var(--mg-news-muted);margin:0 0 20px;max-width:52ch;margin-inline:auto}
.mg-news-links-section h2{font:700 clamp(20px,2vw,24px)/1.3 Inter,sans-serif;color:var(--mg-news-text)}
.mg-news-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:8px}
.mg-news-links article{min-width:0}
.mg-news-links h3{font-size:17px;margin:0 0 8px}
.mg-news-links p{color:var(--mg-news-muted);font-size:14.5px;line-height:1.6;margin:0}
.mg-news-article .mg-back-link{display:inline-flex;min-height:44px;align-items:center;margin-bottom:8px;color:var(--mg-news-muted);font-size:14px}
.mg-news-article h1{color:var(--mg-news-text)}
.mg-news-details h2{font:700 clamp(20px,2vw,24px)/1.3 Inter,sans-serif}
.mg-news-note{display:block;margin:28px 0;padding:18px 22px;border-left:3px solid var(--mg-news-accent);background:rgba(52,120,246,.06);border-radius:0 10px 10px 0;color:var(--mg-news-text);font-size:15px;line-height:1.65}
.mg-related-news{margin-top:48px;padding-top:32px;border-top:1px solid var(--mg-news-border)}
.mg-related-news .fp-news-links li{display:flex;align-items:baseline;gap:16px;padding:16px 0}
.mg-related-news .fp-news-links a{color:var(--mg-news-text);text-decoration:none;font-weight:600}
@media(hover:hover) and (pointer:fine){.mg-related-news .fp-news-links a:hover{color:var(--mg-news-accent);text-decoration:underline}}
.mg-news-article>.mg-news-btn:last-child{margin-top:28px}
@media(max-width:900px){.mg-news-featured{grid-template-columns:1fr}.mg-news-featured-art{min-height:120px}.mg-news-links{grid-template-columns:1fr}}
@media(max-width:600px){.mg-news-toolbar{gap:16px}.mg-news-filter-group{min-width:0;flex:1 1 140px}.mg-news-featured-body{padding:24px 20px}.mg-news-grid{grid-template-columns:1fr}.mg-related-news .fp-news-links li{flex-direction:column;gap:4px}}
/* END_NEWS */

/* Agencies page (/agencies) — scoped editorial layout, see MEDIAGUI_AGENCIES_PAGE_REPORT.md */
.mg-agencies .mg-ag-container { max-width: 1120px; margin: 0 auto; }
.mg-agencies .mg-ag-hero-grid { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 56px; align-items: start; }
.mg-agencies .mg-ag-hero-panel { background: #fff; border: 1px solid #E2E8F0; border-radius: 20px; padding: 28px; margin-top: 6px; }
.mg-agencies .mg-ag-hero-panel-label { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 11.5px; letter-spacing: 0.06em; text-transform: uppercase; color: #64748B; margin-bottom: 18px; }
.mg-agencies .mg-ag-hero-step { display: flex; align-items: flex-start; gap: 14px; padding: 13px 0; border-top: 1px solid #E2E8F0; }
.mg-agencies .mg-ag-hero-step:first-of-type { border-top: none; padding-top: 0; }
.mg-agencies .mg-ag-hero-step-num { width: 26px; height: 26px; border-radius: 999px; background: rgba(52,120,246,0.1); color: #3478F6; font-weight: 800; font-size: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.mg-agencies .mg-ag-hero-step-text { font-size: 13.5px; line-height: 1.5; color: #0B1220; padding-top: 3px; }
.mg-agencies .mg-ag-hero-note { color: #64748B; font-size: 13px; line-height: 1.6; margin-top: 20px; }

.mg-agencies .mg-ag-fit-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 44px; }
.mg-agencies .mg-ag-fit-item { padding: 24px 0; border-top: 1px solid #E2E8F0; }
.mg-agencies .mg-ag-fit-grid .mg-ag-fit-item:nth-child(-n+2) { border-top: none; padding-top: 0; }
.mg-agencies .mg-ag-fit-title { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 15.5px; color: #0B1220; margin: 0 0 8px; }
.mg-agencies .mg-ag-fit-body { color: #64748B; font-size: 13.5px; line-height: 1.65; margin: 0; }

.mg-agencies .mg-ag-track { display: grid; grid-template-columns: 64px 1fr; gap: 20px; padding: 28px 0; border-top: 1px solid #E2E8F0; }
.mg-agencies .mg-ag-track:first-of-type { border-top: none; padding-top: 0; }
.mg-agencies .mg-ag-track-num { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 20px; color: #3478F6; }
.mg-agencies .mg-ag-track-title { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 16px; color: #0B1220; margin: 0 0 8px; }
.mg-agencies .mg-ag-track-body { color: #64748B; font-size: 13.5px; line-height: 1.65; margin: 0; max-width: 680px; }
.mg-agencies .mg-ag-tracks-note { color: #64748B; font-size: 12.5px; line-height: 1.6; margin: 24px 0 0; padding-top: 20px; border-top: 1px solid #E2E8F0; }

.mg-agencies .mg-ag-process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.mg-agencies .mg-ag-process-step { border-top: 3px solid #3478F6; padding-top: 18px; }
.mg-agencies .mg-ag-process-num { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 13px; color: #3478F6; letter-spacing: 0.04em; margin-bottom: 10px; }
.mg-agencies .mg-ag-process-title { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 14.5px; color: #0B1220; margin: 0 0 8px; }
.mg-agencies .mg-ag-process-body { color: #64748B; font-size: 13px; line-height: 1.6; margin: 0; }

.mg-agencies .mg-ag-prep-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 44px; }
.mg-agencies .mg-ag-prep-item { display: flex; gap: 14px; padding: 18px 0; border-top: 1px dashed #E2E8F0; }
.mg-agencies .mg-ag-prep-grid .mg-ag-prep-item:nth-child(-n+2) { border-top: none; padding-top: 0; }
.mg-agencies .mg-ag-prep-marker { width: 7px; height: 7px; border-radius: 999px; background: #3478F6; flex-shrink: 0; margin-top: 7px; }
.mg-agencies .mg-ag-prep-title { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 14px; color: #0B1220; margin: 0 0 5px; }
.mg-agencies .mg-ag-prep-body { color: #64748B; font-size: 13px; line-height: 1.6; margin: 0; }
.mg-agencies .mg-ag-prep-note { color: #64748B; font-size: 12.5px; line-height: 1.6; margin: 22px 0 0; font-style: italic; }

.mg-agencies .mg-ag-why-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.mg-agencies .mg-ag-why-item { padding: 0 30px; border-left: 1px solid #E2E8F0; }
.mg-agencies .mg-ag-why-grid .mg-ag-why-item:first-child { border-left: none; padding-left: 0; }
.mg-agencies .mg-ag-why-title { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 14.5px; color: #0B1220; margin: 0 0 10px; }
.mg-agencies .mg-ag-why-body { color: #64748B; font-size: 13px; line-height: 1.65; margin: 0; }

.mg-agencies .mg-ag-form-field { margin-bottom: 18px; }
.mg-agencies .mg-ag-form-label { display: block; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 13px; color: #0B1220; margin-bottom: 7px; }
.mg-agencies .mg-ag-form-input, .mg-agencies .mg-ag-form-textarea { width: 100%; padding: 13px 14px; border-radius: 10px; border: 1.5px solid #E2E8F0; background: #F8FAFC; font-size: 14px; outline: none; box-sizing: border-box; font-family: inherit; transition: border-color 0.15s ease; }
.mg-agencies .mg-ag-form-input:focus, .mg-agencies .mg-ag-form-textarea:focus { border-color: #3478F6; }
.mg-agencies .mg-ag-form-hint { color: #64748B; font-size: 12px; line-height: 1.5; margin: 7px 0 0; }
.mg-agencies .mg-ag-form-feedback { padding: 16px 18px; border-radius: 12px; margin-bottom: 16px; }
.mg-agencies .mg-ag-form-feedback--success { background: #eaf6ee; }
.mg-agencies .mg-ag-form-feedback--error { background: #fdeceb; }
.mg-agencies .mg-ag-form-feedback-title { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 14px; margin-bottom: 6px; }
.mg-agencies .mg-ag-form-feedback--success .mg-ag-form-feedback-title { color: #1c7a3f; }
.mg-agencies .mg-ag-form-feedback--error .mg-ag-form-feedback-title { color: #c0392b; }
.mg-agencies .mg-ag-form-feedback-body { color: #454b57; font-size: 13px; line-height: 1.6; margin: 0 0 4px; }
.mg-agencies .mg-ag-form-feedback-body:last-child { margin-bottom: 0; }

.mg-agencies .mg-ag-faq-item { background: #fff; border: 1px solid #E2E8F0; border-radius: 12px; padding: 16px 20px; }
.mg-agencies .mg-ag-faq-item + .mg-ag-faq-item { margin-top: 10px; }
.mg-agencies .mg-ag-faq-item > summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; font-weight: 700; font-size: 14.5px; color: #0B1220; cursor: pointer; list-style: none; }
.mg-agencies .mg-ag-faq-item > summary::-webkit-details-marker { display: none; }
.mg-agencies .mg-ag-faq-marker { width: 22px; height: 22px; border-radius: 999px; border: 1.5px solid #E2E8F0; color: #3478F6; font-size: 15px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.mg-agencies .mg-ag-faq-marker::before { content: '+'; }
.mg-agencies .mg-ag-faq-item[open] .mg-ag-faq-marker::before { content: '\2212'; }
.mg-agencies .mg-ag-faq-item[open] { border-color: #a9c2ed; }
.mg-agencies .mg-ag-faq-body { color: #64748B; font-size: 13.5px; line-height: 1.65; margin: 12px 0 0; }

.mg-agencies .mg-ag-related { display: flex; gap: 40px; flex-wrap: wrap; }
.mg-agencies .mg-ag-related-item { flex: 1 1 220px; }
.mg-agencies .mg-ag-related-item a { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 14.5px; color: #0B1220; text-decoration: none; }
.mg-agencies .mg-ag-related-item a:hover { color: #3478F6; }
.mg-agencies .mg-ag-related-item p { color: #64748B; font-size: 13px; line-height: 1.6; margin: 8px 0 0; }

@media (max-width: 980px) {
  .mg-agencies .mg-ag-hero-grid { grid-template-columns: 1fr; gap: 32px; }
  .mg-agencies .mg-ag-process-grid { grid-template-columns: repeat(2, 1fr); gap: 28px 24px; }
  .mg-agencies .mg-ag-why-grid { grid-template-columns: 1fr; }
  .mg-agencies .mg-ag-why-item { border-left: none; padding: 20px 0 0; border-top: 1px solid #E2E8F0; }
  .mg-agencies .mg-ag-why-grid .mg-ag-why-item:first-child { border-top: none; padding-top: 0; }
}
@media (max-width: 640px) {
  .mg-agencies .mg-ag-fit-grid, .mg-agencies .mg-ag-prep-grid { grid-template-columns: 1fr; }
  .mg-agencies .mg-ag-fit-grid .mg-ag-fit-item, .mg-agencies .mg-ag-prep-grid .mg-ag-prep-item { border-top: 1px solid #E2E8F0; padding-top: 20px; }
  .mg-agencies .mg-ag-fit-grid .mg-ag-fit-item:first-child, .mg-agencies .mg-ag-prep-grid .mg-ag-prep-item:first-child { border-top: none; padding-top: 0; }
  .mg-agencies .mg-ag-process-grid { grid-template-columns: 1fr; }
  .mg-agencies .mg-ag-process-step { border-top: none; border-left: 3px solid #3478F6; padding: 0 0 0 16px; }
  .mg-agencies .mg-ag-track { grid-template-columns: 1fr; gap: 10px; }
  .mg-agencies .mg-ag-related { gap: 24px; }
}

/* Deposit confirmation modal redesign (crypto payment invoice step). */
.mg-dep-modal-box{width:600px;max-width:calc(100vw - 32px);background:var(--card);border-radius:20px;padding:28px;margin:auto;max-height:calc(100vh - 48px);overflow-y:auto;}
.mg-dep-modal-box--wide{width:600px;}
.mg-dep-qr{width:280px;height:280px;max-width:100%;}
.mg-dep-sum{font-size:28px;}
.mg-dep-asset-row{display:flex;align-items:center;gap:12px;}
.mg-dep-status-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;}
.mg-dep-warning{border-left:3px solid var(--warning);background:var(--warning-soft);border-radius:8px;padding:12px 14px;font-size:12.5px;line-height:1.55;color:var(--text2);}
.mg-dep-method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:16px;}
.mg-dep-method-card{display:flex;align-items:center;gap:10px;text-align:left;padding:12px;border-radius:14px;border:1.5px solid var(--input-border);background:var(--card);cursor:pointer;min-height:64px;box-sizing:border-box;transition:border-color 120ms ease,background 120ms ease;}
.mg-dep-method-card:hover{border-color:var(--accent);}
.mg-dep-method-card--active{border-color:var(--accent);background:var(--accent-soft);}
.mg-dep-method-check{margin-left:auto;flex-shrink:0;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:11px;font-weight:700;}
.mg-dep-breakdown{background:var(--surface2);border-radius:12px;padding:14px 16px;margin-bottom:20px;font-size:13px;}
.mg-dep-breakdown-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:5px 0;}
.mg-dep-breakdown-row+.mg-dep-breakdown-row{border-top:1px solid var(--border);}
.mg-dep-breakdown-row--total{font-weight:700;}
.mg-dep-sum-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:var(--surface2);border-radius:12px;padding:14px 16px;margin-bottom:14px;}
.mg-dep-addr-group{background:var(--surface2);border-radius:12px;padding:14px 16px;margin-bottom:14px;}
@media (max-width:640px){
  .mg-dep-modal-box--wide{width:100%;padding:22px;}
  .mg-dep-modal-box{width:100%;padding:22px;}
  .mg-dep-qr{width:240px;height:240px;}
  .mg-dep-sum{font-size:24px;}
  .mg-dep-sum-row{flex-direction:column;align-items:stretch;}
}
@media (max-width:360px){
  .mg-dep-qr{width:220px;height:220px;}
}


html{scroll-padding-top:100px}body{margin:0;background:#f5f6f8;color:#12141a}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none!important}a{color:inherit}main{display:block;min-width:0}button,input,textarea,select{font:inherit}input,select,textarea{font-size:16px!important}button,a,summary{touch-action:manipulation}button:disabled{cursor:wait;opacity:.7}button,a,summary,input,textarea,select{outline-offset:4px}.public-skip{position:fixed;top:8px;left:8px;transform:translateY(-180%);z-index:999;background:#fff;border:2px solid #3478f6;border-radius:8px;padding:12px}.public-skip:focus{transform:none}.public-breadcrumbs{max-width:1120px;margin:20px auto 0;padding:0 28px;display:flex;flex-wrap:wrap;gap:8px;font-size:13px;line-height:1.7;color:#454b57}.public-breadcrumbs a{color:#1d54b5}.public-language{position:relative;min-width:118px;color:inherit;font-size:14px}.public-language summary{cursor:pointer;list-style:none;padding:12px;border:1px solid #39465e;border-radius:10px;min-height:44px}.public-language summary::-webkit-details-marker{display:none}.public-language summary{display:flex;align-items:center;gap:8px}.public-language summary:after{content:none}.public-language ul{list-style:none;position:absolute;right:0;bottom:100%;min-width:180px;max-height:300px;overflow:auto;background:#141f35;color:#f2f4f8;border:1px solid #39465e;border-radius:12px;margin:4px 0;padding:6px;z-index:90;box-shadow:0 8px 26px #0002}.public-language a{display:block;padding:9px 12px;min-height:40px;text-decoration:none!important}.public-language [aria-current]{background:#263b60;border-radius:6px}.public-header-language ul{top:100%;bottom:auto}.public-header-language{color:#12141a}.public-header-language summary{background:#fff9;border-color:#c1cbdc}.public-mobile-nav{position:relative}.public-mobile-nav summary{cursor:pointer;display:grid;place-items:center;width:44px;height:44px;border:1px solid #c1cbdc;border-radius:10px;list-style:none;background:#fff}.public-mobile-nav summary::-webkit-details-marker{display:none}.public-mobile-nav nav{position:absolute;top:52px;right:0;background:#fff;border:1px solid #dbe2ed;border-radius:12px;box-shadow:0 8px 24px #0002;width:min(300px,90vw);padding:12px;z-index:100}.public-mobile-nav nav a{display:block;color:#12141a;padding:12px;min-height:44px;text-decoration:none}fieldset{border:0;min-width:0;padding:0;margin:0}.public-enquiry-success{background:#eaf6ee;color:#195d36;padding:18px;border-radius:12px;line-height:1.7}.public-search-note{font-size:14px;line-height:1.7}.fp-blog-grid.is-filtered .fp-blog-card{grid-column:auto;display:block}.public-footer-language-label{font-size:12px}.fp-footer .public-language summary{color:#f2f4f8;text-transform:none;letter-spacing:normal;font-weight:500;margin:0!important;padding:12px!important}.fp-footer .public-language summary::after{content:none!important}.fp-footer .public-language li a{color:#f2f4f8;font-size:14px}.public-hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.fp-footer :focus-visible,main :focus-visible,header :focus-visible{outline:2px solid #3478f6}.spn-hero-h1{overflow-wrap:normal}.sc-host{min-width:0}.spn-hero-nav-desktop a,.spn-hero-actions-desktop a{white-space:nowrap}.public-section-link{display:inline-flex;align-items:center;min-height:44px}.public-language a:focus-visible{outline:2px solid #8db7ff}@media(max-width:600px){.public-breadcrumbs{padding:0 22px;font-size:12px}.public-language{font-size:16px}.public-hero-poster{display:none}.spn-hero-section .spn-hero-h1{font-size:clamp(30px,8.5vw,42px)!important}.fp-footer .public-language{min-width:145px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}@media(hover:hover)and(pointer:fine){.public-language a:hover{background:#263b60}.public-mobile-nav nav a:hover{background:#edf3ff}}

.public-language-flag{display:inline-block;width:18px;height:13px;object-fit:cover;border-radius:2px;margin-right:8px;vertical-align:middle;flex-shrink:0}

.fp-page .fp-split:has(> :only-child){grid-template-columns:minmax(0,1fr)}

/* Preserve the original glass material on the landing screen controls. */
.spn-landing-header-bar a.sc-ipage-btn-primary[href],
.spn-hero-section a.sc-ipage-btn-primary[href] {
  background:linear-gradient(180deg,rgba(84,138,255,.42) 0%,rgba(47,107,255,.38) 100%);
  -webkit-backdrop-filter:blur(24px) saturate(180%);
  backdrop-filter:blur(24px) saturate(180%);
  color:#fff;
  border:1px solid rgba(255,255,255,.45);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 4px rgba(13,45,145,.2),0 10px 26px rgba(47,107,255,.25);
  text-shadow:0 1px 4px rgba(13,45,145,.4);
}
.spn-landing-header-bar a.sc-ipage-btn-primary[href]{padding:10px 20px;font-size:14px}
.spn-hero-section a.sc-ipage-btn-primary[href]{padding:14px 28px;font-size:16px}
.spn-landing-header-bar a.sc-ipage-btn-primary[href]:hover,
.spn-hero-section a.sc-ipage-btn-primary[href]:hover{
  filter:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 4px rgba(13,45,145,.35),0 12px 30px rgba(47,107,255,.45);
}
.spn-landing-header-bar .public-header-language>summary,
.spn-landing-header-bar .public-mobile-nav>summary{
  background:rgba(255,255,255,.28);
  -webkit-backdrop-filter:blur(24px) saturate(180%);
  backdrop-filter:blur(24px) saturate(180%);
  border:1px solid rgba(255,255,255,.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 2px rgba(255,255,255,.25),0 8px 20px rgba(18,20,26,.1);
}
.spn-landing-header-bar .public-header-language>summary{border-radius:999px;padding:10px 14px;font-weight:600;font-size:14px}

/* Shared public navigation and editorial pages */
.public-breadcrumbs{margin:0 auto;padding:12px 28px 0;gap:7px;color:#64748b;font-size:13px}
.public-breadcrumbs a{color:#475569;text-decoration:none;text-underline-offset:3px}
.public-breadcrumbs a:hover{text-decoration:underline}
.mg-public-header{position:relative;z-index:40;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;width:min(1240px,100%);min-height:72px;margin:0 auto;padding:10px 28px;border-bottom:1px solid #e2e8f0;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#0b1220}
.mg-brand{display:flex;align-items:center;min-width:140px;text-decoration:none}.mg-brand img{display:block;width:144px;height:auto;max-height:38px;object-fit:contain;object-position:left center}
.mg-public-links,.mg-public-actions{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.5vw,22px);min-width:0}.mg-public-links>a,.mg-public-links summary,.mg-public-actions>a,.mg-mobile-menu nav>a,.mg-mobile-actions>a{min-height:42px;display:inline-flex;align-items:center;color:#334155;font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap}.mg-public-links>a:hover,.mg-public-links summary:hover,.mg-public-actions .mg-login:hover{color:#1d54b5}.mg-public-links>a[aria-current=page]{color:#1d54b5}.mg-public-links a:focus-visible,.mg-public-actions a:focus-visible,.mg-mobile-menu summary:focus-visible,.mg-mobile-menu a:focus-visible{outline:2px solid #3478f6;outline-offset:3px;border-radius:6px}.mg-resources,.mg-mobile-menu{position:relative}.mg-resources>summary{cursor:pointer;list-style:none}.mg-resources>summary::-webkit-details-marker,.mg-mobile-menu>summary::-webkit-details-marker{display:none}.mg-resources>div{position:absolute;top:calc(100% + 4px);left:0;display:grid;min-width:200px;padding:7px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 12px 30px #0b12201c}.mg-resources>div a{padding:10px 12px;border-radius:7px;color:#334155;text-decoration:none;font-size:14px}.mg-resources>div a:hover{background:#f1f5f9}.mg-public-actions{justify-content:flex-end;gap:10px}.mg-public-actions .mg-login{padding:0 9px;color:#334155;text-decoration:none}.mg-public-actions .mg-register,.mg-mobile-actions .mg-register{justify-content:center;min-height:40px;padding:0 15px;border-radius:9px;background:#3478f6;color:#fff;font-weight:600;text-decoration:none}.mg-public-actions .mg-register:hover,.mg-mobile-actions .mg-register:hover{background:#2865d4}.mg-public-actions .public-header-language{min-width:0;font-size:13px}.mg-public-actions .public-header-language>summary{min-height:40px;padding:8px 10px;border-color:#d7dfeb;background:#fff;border-radius:9px}.mg-mobile-menu{display:none}.mg-mobile-menu>summary{width:44px;height:44px;display:grid;align-content:center;justify-items:center;gap:5px;border:1px solid #d7dfeb;border-radius:10px;background:#fff;cursor:pointer;list-style:none}.mg-mobile-menu>summary span{width:18px;height:2px;border-radius:2px;background:#0b1220}.mg-mobile-menu nav{position:absolute;top:calc(100% + 8px);right:0;display:grid;gap:2px;width:min(350px,calc(100vw - 32px));max-height:calc(100vh - 90px);overflow:auto;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 18px 44px #0b122024}.mg-mobile-menu nav>a{padding:0 11px;border-radius:8px}.mg-mobile-menu nav>a:hover,.mg-mobile-menu nav>a[aria-current=page]{background:#f1f5f9;color:#1d54b5}.mg-mobile-menu nav>strong{padding:14px 11px 4px;color:#64748b;font-size:12px}.mg-mobile-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:10px 8px 4px;border-top:1px solid #e2e8f0}.mg-mobile-actions>.public-language{min-width:0}.mg-compact-hero{padding:30px 28px 25px!important}.mg-compact-hero .fp-wrap{max-width:1120px;margin:0 auto}.mg-compact-hero h1{margin:8px 0 10px!important}.mg-compact-hero .fp-lead{margin:0;max-width:68ch}.mg-editorial-page .mg-news-section{padding-top:26px}.mg-news-toolbar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.mg-news-toolbar label{display:grid;gap:6px;color:#64748b;font-size:12px;font-weight:600}.mg-news-toolbar select{min-width:190px;min-height:44px;padding:0 38px 0 12px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#0b1220}.mg-news-featured,.mg-news-card{padding:25px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}.mg-news-featured{margin-bottom:15px}.mg-news-featured-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:#64748b;font-size:13px}.mg-news-featured-meta>span{color:#1d54b5;font-weight:600}.mg-news-featured h2,.mg-news-card h2{margin:13px 0 8px;font-size:clamp(20px,2vw,26px);line-height:1.3}.mg-news-featured h2 a,.mg-news-card h2 a{color:#0b1220;text-decoration:none}.mg-news-featured h2 a:hover,.mg-news-card h2 a:hover{color:#1d54b5}.mg-news-featured p,.mg-news-card p{max-width:72ch;color:#475569;line-height:1.7}.mg-news-action{display:inline-flex;align-items:center;min-height:42px;margin-top:7px;color:#1d54b5;font-weight:600;text-decoration:underline;text-decoration-color:#94b8f9;text-underline-offset:4px}.mg-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.mg-news-card h2{font-size:20px}.mg-news-empty{margin:16px 0;color:#64748b}.mg-news-article{max-width:850px;padding-top:28px;padding-bottom:60px}.mg-back-link{display:inline-flex;align-items:center;min-height:42px;color:#1d54b5;text-underline-offset:4px}.mg-news-article>.mg-news-featured-meta{margin:24px 0 10px}.mg-news-article>h1{margin:8px 0 12px;font-size:clamp(32px,5vw,48px);line-height:1.12;letter-spacing:-.035em}.mg-news-details{margin:30px 0;padding:22px 24px;border-left:3px solid #3478f6;border-radius:0 12px 12px 0;background:#f8fafc}.mg-news-details h2,.mg-related-news h2{font-size:20px}.mg-news-details p{line-height:1.8;color:#334155}.mg-related-news{margin-top:48px}.mg-related-news .fp-news-links{padding-left:20px}.mg-related-news li{margin:10px 0}.mg-related-news time{display:block;color:#64748b;font-size:12px}.mg-history-section{padding:48px 28px 54px;background:#f8fafc}.mg-history-wrap{max-width:1120px;margin:0 auto}.mg-history-wrap>h2{margin:8px 0;font-size:clamp(26px,3vw,36px);letter-spacing:-.025em}.mg-history-intro{max-width:75ch;color:#475569;line-height:1.75}.mg-history-event{display:grid;grid-template-columns:96px minmax(0,1fr);gap:24px;margin-top:26px;padding:23px;background:#fff;border:1px solid #e2e8f0;border-radius:14px}.mg-history-event>time{font-size:22px;font-weight:700;color:#1d54b5}.mg-history-event h3{margin:0 0 7px;font-size:19px}.mg-history-event p{margin:0;color:#475569;line-height:1.7}.mg-history-event ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:18px 0 0;padding-left:18px}.mg-history-event li{padding-left:3px}.mg-history-event li time{display:block;color:#64748b;font-size:12px}.mg-history-event li a{color:#1d54b5;text-underline-offset:3px}
@media(max-width:1120px){.mg-public-header{grid-template-columns:auto 1fr auto;gap:16px;padding-inline:22px}.mg-public-links,.mg-public-actions{display:none}.mg-mobile-menu{display:block;justify-self:end}}
@media(max-width:600px){.public-breadcrumbs{padding:10px 22px 0;font-size:12px}.mg-public-header{min-height:64px;padding:8px 18px}.mg-brand{min-width:0}.mg-brand img{width:132px;max-height:34px}.mg-compact-hero{padding:24px 22px 18px!important}.mg-news-toolbar{display:grid;grid-template-columns:1fr 1fr}.mg-news-toolbar label,.mg-news-toolbar select{min-width:0;width:100%}.mg-news-featured,.mg-news-card{padding:19px;border-radius:13px}.mg-news-grid{grid-template-columns:1fr}.mg-news-article{padding-top:20px;padding-bottom:42px}.mg-history-section{padding:34px 22px}.mg-history-event{grid-template-columns:1fr;gap:10px;padding:18px}.mg-history-event ul{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.mg-public-header *{scroll-behavior:auto}}
.fi-existing[data-info-page="About"]>div:first-child{padding:32px 48px 40px!important}
@media(max-width:600px){.fi-existing[data-info-page="About"]>div:first-child{padding:26px 22px 30px!important}}

/* Emergency layout fix: size navigation by content; compact before it collides. */
.mg-public-header{display:flex;flex-wrap:wrap;width:min(1440px,100%);gap:24px}
.mg-brand{flex:0 0 144px;min-width:144px}
.mg-public-links{flex:1 0 auto;gap:20px;width:max-content}
.mg-public-links>*{flex-shrink:0}
.mg-public-actions{flex:0 0 auto;white-space:nowrap}
.mg-mobile-menu{margin-left:auto}
.mg-public-header.mg-compact .mg-public-links,.mg-public-header.mg-compact .mg-public-actions{display:none}
.mg-public-header.mg-compact .mg-mobile-menu{display:block}
.mg-public-header.mg-measuring .mg-public-links,.mg-public-header.mg-measuring .mg-public-actions{display:flex;position:absolute;visibility:hidden;width:max-content;flex:none;pointer-events:none}
@media(max-width:1120px){.mg-public-header .mg-public-links,.mg-public-header .mg-public-actions{display:none}.mg-public-header .mg-mobile-menu{display:block}}
@media(max-width:600px){.mg-brand{flex-basis:132px;min-width:132px}.mg-mobile-menu nav>a{white-space:normal;overflow-wrap:anywhere}.mg-mobile-actions>a{white-space:normal}}

/* Home only: normal flow keeps the headline and CTA in the first viewport. */
#landing-top .spn-hero-section{min-height:0!important;background:linear-gradient(135deg,#f8faff,#edf3fc)!important}

#landing-top .spn-hero-section>div:not(.spn-hero-video){position:relative!important;inset:auto!important}
#landing-top .spn-hero-section>div:not(.spn-hero-video)>div{flex:none!important;overflow:visible!important;padding:clamp(40px,5vw,72px) 24px!important}
#landing-top .spn-hero-h1{overflow-wrap:anywhere}
@media(max-width:600px){#landing-top .spn-hero-section>div:not(.spn-hero-video)>div{padding:32px 20px 40px!important}}

#landing-top .spn-hero-section a.sc-ipage-btn-primary[href]{background:#2563eb;color:#fff;text-shadow:none}

/* Restore glass controls and edge-to-edge public bands without changing content widths. */
html{scrollbar-gutter:auto}
.mg-public-header{width:100%;max-width:none;gap:20px;padding-inline:max(28px,calc((100% - 1384px)/2));background:linear-gradient(180deg,rgba(255,255,255,.58),rgba(255,255,255,.28));border-bottom:1px solid rgba(255,255,255,.7);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 6px 22px rgba(18,20,26,.04)}
.mg-public-actions .public-header-language>summary,.mg-public-actions .mg-login,.mg-mobile-menu>summary{background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.65);border-radius:999px;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -1px 2px rgba(255,255,255,.25),0 5px 14px rgba(18,20,26,.08)}
.mg-public-actions .mg-login{padding-inline:16px}
#landing-top .spn-hero-section a.sc-ipage-btn-primary[href],.mg-public-actions .mg-register,.mg-mobile-actions .mg-register{background:linear-gradient(180deg,rgba(84,138,255,.42),rgba(47,107,255,.38));color:#0b234f;border:1px solid rgba(255,255,255,.65);border-radius:999px;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -2px 4px rgba(13,45,145,.2),0 10px 26px rgba(47,107,255,.2);text-shadow:0 1px 0 rgba(255,255,255,.45)}
@media(max-width:600px){.mg-public-header{padding-inline:18px}}

.mg-public-actions .mg-register:hover,.mg-mobile-actions .mg-register:hover{background:linear-gradient(180deg,rgba(84,138,255,.5),rgba(47,107,255,.46));color:#0b234f}

/* Owner requested the complete original aircraft background back; preserve its full frame. */
#landing-top .spn-hero-section{background-color:#e6e5e9!important;background-image:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,0) 65%),url('/hero-poster.jpg')!important;background-size:100% 100%,contain!important;background-position:center,center bottom!important;background-repeat:no-repeat!important;min-height:calc(100svh - 72px)!important}
#landing-top .spn-hero-section a.sc-ipage-btn-primary[href]{background:linear-gradient(180deg,rgba(220,232,255,.8),rgba(133,172,255,.7));color:#0b234f}
@media(max-width:900px){#landing-top .spn-hero-section{min-height:0!important;background-size:100% 100%,100% auto!important}#landing-top .spn-hero-section>div:not(.spn-hero-video)>div{padding-bottom:calc(clamp(140px,28vw,240px) + 40px)!important}}

/* Keep the risk guidance paragraph in regular weight. */
main[data-info-page="RiskWarning"] .sc-ipage-card p:nth-child(3){font-weight:400}

/* Optimistic auth state (see public.js __client_uat check): default render is the guest
   header, matching the server-rendered markup crawlers see; html.mg-maybe-authed flips it
   to a single dashboard link without changing header height/geometry. Real verification
   still happens once the user actually lands on /dashboard via the existing Clerk flow. */
.mg-dashboard-link{display:none!important;min-height:40px;padding:0 15px;border-radius:9px;background:#3478f6;color:#fff;font-weight:600;text-decoration:none;align-items:center;white-space:nowrap}
.mg-dashboard-link:hover{background:#2865d4}
html.mg-maybe-authed .mg-guest-actions{display:none!important}
html.mg-maybe-authed .mg-dashboard-link{display:inline-flex!important}
.mg-mobile-actions .mg-dashboard-link{justify-content:center}
#landing-top .mg-dashboard-link{padding:10px 20px;border-radius:999px}

/* Practical guides reuse MediaGUI fonts, surfaces and brand colors. */
.mg-guides{font-size:17px;line-height:1.75;color:#334155}
.mg-guides .mg-guide-wrap{width:min(1400px,100%);margin:0 auto;padding:0 40px;min-width:0}
.mg-guides .mg-guide-heading{padding:44px 0 28px;background:#f5f6f8}
.mg-guides h1{font:700 clamp(30px,3.4vw,48px)/1.15 Inter,sans-serif;letter-spacing:-.035em;color:#0b1220;margin:8px 0 20px;max-width:26ch}
.mg-guides h2{font:700 clamp(23px,2.2vw,30px)/1.3 Inter,sans-serif;letter-spacing:-.02em;color:#0b1220;margin:0 0 18px}
.mg-guides h3{font-size:20px;line-height:1.4;color:#0b1220;margin:0 0 12px}
.mg-guides p{margin:0 0 20px;max-width:76ch;overflow-wrap:anywhere}
.mg-guides a{color:#1d54b5;text-underline-offset:.22em;overflow-wrap:anywhere}
.mg-guides a:focus-visible{outline:2px solid #3478f6;outline-offset:5px}
.mg-guides .mg-guide-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;padding-top:20px;padding-bottom:64px}
.mg-guides .mg-guide-toc{position:sticky;top:24px;align-self:start;font-size:15px;line-height:1.55;min-width:0}
.mg-guides .mg-guide-toc strong{display:block;color:#0b1220;margin-bottom:12px}
.mg-guides .mg-guide-toc a{display:block;padding:8px 0;text-decoration:none;color:#475569}
.mg-guides .mg-guide-toc a[aria-current=page]{color:#1d54b5;font-weight:700}
.mg-guides .mg-guide-stages{list-style:none;padding:0;margin:0;counter-reset:none}
.mg-guides .mg-guide-stage{padding:32px 0;border-bottom:1px solid #dbe2ed;display:grid;grid-template-columns:42px minmax(0,1fr);gap:20px;scroll-margin-top:24px}
.mg-guides .mg-guide-stage:first-child{padding-top:8px}
.mg-guides .mg-guide-number{font:700 17px/1.7 Inter,sans-serif;color:#64748b}
.mg-guides .mg-guide-stage-content{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:32px;align-items:start;min-width:0}
.mg-guides .mg-guide-stage-content>div{min-width:0}
.mg-guides .mg-guide-stage-content .mg-guide-example{font-size:16px;background:#edf3fc;border-radius:12px;padding:18px 20px;margin:0}
.mg-guides .mg-guide-example strong{display:block;color:#1d54b5;font-size:13px;margin-bottom:6px}
.mg-guides .mg-guide-open{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.mg-guides .mg-guide-contact{margin-top:36px;padding-top:28px;border-top:1px solid #dbe2ed}
.mg-guides .mg-guide-article{min-width:0}
.mg-guides .mg-guide-article section{scroll-margin-top:24px;margin-bottom:40px}
.mg-guides .mg-guide-article ol{padding-left:26px;margin:0;max-width:78ch}
.mg-guides .mg-guide-article ol>li{padding-left:8px;margin-bottom:18px;overflow-wrap:anywhere}
.mg-guides .mg-guide-note{padding:18px 22px;border-left:3px solid #3478f6;background:#edf3fc;border-radius:0 10px 10px 0}
.mg-guides figure{margin:22px 0 28px;min-width:0}
.mg-guides figure a{display:block}
.mg-guides figure img{display:block;width:100%;height:auto;border:1px solid #dbe2ed;border-radius:12px;background:#fff}
.mg-guides figcaption{font-size:14px;line-height:1.6;color:#64748b;margin-top:12px;max-width:85ch}
.mg-guides .mg-guide-problems{display:grid;gap:18px;padding:0;list-style:none}
.mg-guides .mg-guide-problems li{padding-left:18px;border-left:2px solid #cbd5e1}
.mg-guides .mg-guide-related,.mg-guides .mg-guide-pager{display:flex;flex-wrap:wrap;gap:12px 28px}
.mg-guides .mg-guide-related a,.mg-guides .mg-guide-pager a{display:inline-flex;min-height:44px;align-items:center}
.mg-guides .mg-guide-pager{border-top:1px solid #dbe2ed;padding-top:24px;margin-top:40px;justify-content:space-between}
@media(min-width:1600px){.mg-guides .mg-guide-wrap{width:min(1540px,100%)}.mg-guides .mg-guide-layout{grid-template-columns:260px minmax(0,1fr);gap:64px}}
@media(max-width:1100px){.mg-guides .mg-guide-stage-content{grid-template-columns:1fr}.mg-guides .mg-guide-stage-content .mg-guide-example{margin-top:14px}.mg-guides .mg-guide-layout{grid-template-columns:200px minmax(0,1fr);gap:32px}}
@media(max-width:767px){.mg-guides .mg-guide-wrap{padding:0 22px}.mg-guides .mg-guide-heading{padding:32px 0 20px}.mg-guides .mg-guide-layout{display:block;padding-top:0;padding-bottom:40px}.mg-guides .mg-guide-toc{position:static;padding:18px 0 24px;margin-bottom:20px;border-bottom:1px solid #dbe2ed}.mg-guides .mg-guide-toc a{min-height:44px}.mg-guides .mg-guide-stage{grid-template-columns:28px minmax(0,1fr);gap:12px;padding:26px 0}.mg-guides .mg-guide-stage-content .mg-guide-example{padding:16px}.mg-guides figure img{border-radius:8px}.mg-guides .mg-guide-article section{margin-bottom:32px}}
.mg-guides .mg-guide-stage{position:relative}
.mg-guides .mg-guide-stage>span[id]{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.mg-guides details.mg-guide-toc>summary{display:none;cursor:pointer;min-height:44px;color:#0b1220;font-weight:600}
@media(max-width:767px){.mg-guides details.mg-guide-toc{padding:0 0 14px}.mg-guides details.mg-guide-toc>summary{display:list-item;padding:10px 0}.mg-guides details.mg-guide-toc[open]>nav{padding-top:12px}}
@media(max-width:480px){.mg-guides .mg-guide-stage{display:block}.mg-guides .mg-guide-number{display:block;margin-bottom:8px;font-size:16px}.mg-guides .mg-guide-stage-content{width:100%}}