@import url("https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");
.site-ft{
  
  --blue-50:  #EDEFF6;
  --blue-100: #D5DBEC;
  --blue-200: #AEB9D8;
  --blue-300: #8090BE;
  --blue-400: #5268A1;
  --blue-500: #34508C;
  --blue-600: #223872;   
  --blue-700: #1B2D5C;
  --blue-800: #152347;
  --blue-900: #101A35;

  
  --orange-50:  #FDEDEA;
  --orange-100: #FBD6CF;
  --orange-200: #F6AE9F;
  --orange-300: #F2806A;
  --orange-400: #EF6249;
  --orange-500: #ED4D37;   
  --orange-600: #D43A24;
  --orange-700: #AE2D1A;

  
  --slate-0:   #FFFFFF;
  --slate-25:  #F7F9FC;
  --slate-50:  #F1F4F9;
  --slate-100: #E6EBF2;
  --slate-200: #D4DBE6;
  --slate-300: #B6C0D0;
  --slate-400: #8A96AC;
  --slate-500: #62708A;
  --slate-600: #45526B;
  --slate-700: #2E3A52;
  --slate-800: #1A2540;
  --slate-900: #0F1A33;
  --slate-950: #0A1226;   

  
  --green-50:  #E6F7F0;
  --green-100: #C2ECDC;
  --green-500: #0BA86D;   
  --green-600: #08905C;
  --green-700: #06734A;

  --red-50:  #FDECEC;
  --red-100: #FAD4D6;
  --red-500: #E5404A;     
  --red-600: #C8313B;
  --red-700: #A22831;

  --amber-50:  #FEF4E6;
  --amber-100: #FBE4BF;
  --amber-500: #F5A524;   
  --amber-600: #D98A0E;

  
  --bg-app:        var(--slate-25);
  --bg-subtle:     var(--slate-50);
  --surface-card:  var(--slate-0);
  --surface-raised:var(--slate-0);
  --surface-sunken:var(--slate-50);
  --surface-inverse: var(--slate-950);

  --border-subtle: var(--slate-100);
  --border-default:var(--slate-200);
  --border-strong: var(--slate-300);

  --text-strong:  var(--slate-950);
  --text-body:    var(--slate-800);
  --text-muted:   var(--slate-500);
  --text-subtle:  var(--slate-400);
  --text-inverse: var(--slate-0);
  --text-link:    var(--blue-500);

  --brand:        var(--blue-600);
  --brand-hover:  var(--blue-700);
  --brand-active: var(--blue-800);
  --brand-subtle: var(--blue-50);
  --brand-border: var(--blue-200);
  --on-brand:     #FFFFFF;

  --accent:        var(--orange-500);
  --accent-hover:  var(--orange-600);
  --accent-active: var(--orange-700);
  --accent-subtle: var(--orange-50);
  --accent-border: var(--orange-200);
  --on-accent:     #FFFFFF;

  --profit:       var(--green-600);
  --profit-bg:    var(--green-50);
  --loss:         var(--red-600);
  --loss-bg:      var(--red-50);
  --warning:      var(--amber-600);
  --warning-bg:   var(--amber-50);
  --info:         var(--blue-600);
  --info-bg:      var(--blue-50);

  --focus-ring:   color-mix(in oklab, var(--blue-500) 50%, transparent);
  --overlay:      color-mix(in oklab, var(--slate-950) 55%, transparent);
}
.site-ft{
  --font-display: 'Sora', 'Segoe UI', system-ui, sans-serif;
  --font-sans:    'Manrope', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  
  --fw-regular:  400; 
  --fw-medium:   500; 
  --fw-semibold: 600; 
  --fw-bold:     700; 
  --fw-extra:    800; 

  
  --fs-display:  56px;   
  --fs-h1:       40px;
  --fs-h2:       30px;
  --fs-h3:       24px;
  --fs-h4:       20px;
  --fs-lg:       18px;
  --fs-base:     16px;
  --fs-sm:       14px;
  --fs-xs:       12px;
  --fs-2xs:      11px;   

  
  --lh-tight:    1.1;   
  --lh-snug:     1.25;  
  --lh-normal:   1.5;   
  --lh-relaxed:  1.65;  

  
  --ls-tighter: -0.03em;  
  --ls-tight:   -0.015em; 
  --ls-normal:  0em;      
  --ls-wide:    0.04em;   
  --ls-caps:    0.08em;      

  
  --num-feature: "tnum" 1, "lnum" 1; 
}
.site-ft{
  --space-0:  0;
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-7:  32px;
  --space-8:  40px;
  --space-9:  48px;
  --space-10: 64px;
  --space-11: 80px;
  --space-12: 96px;
  --space-13: 128px;

  
  --radius-xs:  4px;
  --radius-sm:  8px;
  --radius-md:  12px;   
  --radius-lg:  16px;
  --radius-xl:  20px;
  --radius-2xl: 28px;
  --radius-full: 999px;

  
  --border-thin: 1px;
  --border-thick: 1.5px;

  
  --control-sm: 36px;
  --control-md: 44px;
  --control-lg: 52px;

  
  --container-max: 1200px;
  --container-narrow: 880px;
  --sidebar-w: 248px;
}
.site-ft{
  --shadow-xs:  0 1px 2px rgba(10, 18, 38, 0.06);
  --shadow-sm:  0 1px 3px rgba(10, 18, 38, 0.08), 0 1px 2px rgba(10, 18, 38, 0.04);
  --shadow-md:  0 4px 12px rgba(10, 18, 38, 0.08), 0 2px 4px rgba(10, 18, 38, 0.04);
  --shadow-lg:  0 12px 28px rgba(10, 18, 38, 0.12), 0 4px 8px rgba(10, 18, 38, 0.05);
  --shadow-xl:  0 24px 56px rgba(10, 18, 38, 0.16), 0 8px 16px rgba(10, 18, 38, 0.06);

  
  --shadow-brand: 0 6px 18px rgba(34, 56, 114, 0.30);

  
  --ring-width: 3px; 

  
  --dur-fast:   120ms;  
  --dur-base:   180ms;  
  --dur-slow:   280ms;  
  --dur-slower: 420ms;  

  --ease-standard: cubic-bezier(0.2, 0, 0, 1);     
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);  
  --ease-in:       cubic-bezier(0.4, 0, 1, 1);     
  --ease-spring:   cubic-bezier(0.34, 1.4, 0.64, 1); 
}
.site-ft *,.site-ft *::before,.site-ft *::after{ box-sizing: border-box; }
.site-ft h1,.site-ft h2,.site-ft h3,.site-ft h4,.site-ft h5{
  font-family: var(--font-display);
  color: var(--text-strong);
  letter-spacing: var(--ls-tight);
  line-height: var(--lh-snug);
  margin: 0;
  font-weight: var(--fw-bold);
}
.site-ft a{ color: var(--text-link); text-decoration: none; }
.site-ft a:hover{ text-decoration: underline; }
.site-ft *,.site-ft *::before,.site-ft *::after{ box-sizing:border-box; }
.site-ft h1,.site-ft h2,.site-ft h3,.site-ft h4{ font-family:var(--font-display); color:var(--text-strong); letter-spacing:var(--ls-tight);
  line-height:1.08; margin:0; text-wrap:balance; }
.site-ft p{ margin:0; text-wrap:pretty; }
.site-ft a{ color:inherit; text-decoration:none; }
.site-ft img{ max-width:100%; display:block; }
.site-ft .wrap{ width:100%; max-width:1180px; margin:0 auto; padding:0 20px; }
.site-ft .phero .wrap{ position:relative; z-index:1; }
.site-ft ul.checks{ padding:0; margin:18px 0 0; }
.site-ft .calc .wrap{ position:relative; z-index:1; padding:56px 20px; }
.site-ft .ctaband .wrap{ padding:60px 20px; }
.site-ft{ background:var(--slate-950); color:var(--slate-300); padding:48px 0 110px; }
.site-ft .ft-main{ display:grid; grid-template-columns:1fr; gap:32px; }
.site-ft .ft-brand img{ height:40px; }
.site-ft .ft-brand p{ font-size:13px; color:var(--slate-400); margin-top:14px; line-height:1.6; max-width:340px; }
.site-ft .ft-apps{ display:flex; gap:10px; margin-top:18px; flex-wrap:wrap; }
.site-ft .ft-app{ display:inline-flex; align-items:center; gap:8px; background:#fff; color:var(--slate-950); border-radius:10px; padding:9px 14px; font-size:13px; font-weight:700; }
.site-ft .ft-social{ display:flex; gap:10px; margin-top:18px; flex-wrap:wrap; }
.site-ft .ft-social a{ width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center; color:var(--slate-300); transition:background .15s,color .15s; }
.site-ft .ft-social a:hover{ background:var(--accent); color:#fff; }
.site-ft .ft-social svg{ width:17px; height:17px; }
.site-ft .ft-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
.site-ft .ft-grid h5{ color:#fff; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; margin:0 0 12px; }
.site-ft .ft-grid a{ display:block; font-size:13.5px; color:var(--slate-300); margin-bottom:9px; white-space:nowrap; }
.site-ft .ft-grid a:hover{ color:#fff; }
.site-ft .ft-reglinks{ margin-top:30px; padding-top:20px; border-top:1px solid rgba(255,255,255,.1); display:flex; flex-wrap:wrap; gap:8px 18px; }
.site-ft .ft-quick{ margin-top:30px; padding-top:20px; border-top:1px solid rgba(255,255,255,.1); display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; }
.site-ft .ft-quick__lbl{ font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--slate-500); }
.site-ft .ft-quick a{ font-size:13px; color:var(--slate-300); font-weight:600; }
.site-ft .ft-quick a:hover{ color:#fff; }
.site-ft .ft-reglinks{ margin-top:18px; }
.site-ft .ft-reglinks a{ font-size:12.5px; color:var(--slate-400); font-weight:600; }
.site-ft .ft-reglinks a:hover{ color:#fff; }
.site-ft .ft-reg{ margin-top:24px; font-size:12px; line-height:1.7; color:var(--slate-400); }
.site-ft .ft-reg b{ color:var(--slate-200); }
.site-ft .ft-disclosures{ margin-top:18px; display:grid; gap:10px; }
.site-ft .ft-disclosures p{ font-size:10.5px; line-height:1.65; color:var(--slate-500); margin:0; }
.site-ft .ft-disclosures a{ color:var(--blue-300); }
.site-ft .ft-risk{ color:var(--slate-300)!important; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:10px; padding:14px 16px; font-size:11px!important; }
.site-ft .ft-risk b{ color:#fff; }
.site-ft .ft-copy{ margin-top:18px; font-size:11px; color:var(--slate-500); }
.site-ft .ft-legal{ margin-top:24px; border-top:1px solid rgba(255,255,255,.1); }
.site-ft .ft-legal__toggle{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; background:none; border:0; cursor:pointer;
  color:var(--slate-300); font-family:var(--font-sans); font-weight:700; font-size:12px; letter-spacing:.05em; text-transform:uppercase; padding:18px 0 4px; text-align:left; }
.site-ft .ft-legal__toggle:hover{ color:#fff; }
.site-ft .ft-legal__chev{ flex:none; transition:transform .2s; }
.site-ft .ft-legal__toggle[aria-expanded="true"] .ft-legal__chev{ transform:rotate(180deg); }
.site-ft .ft-legal__body[hidden]{ display:none; }
.site-ft .ft-legal__body .ft-reg{ margin-top:18px; }
@media (min-width:768px){.site-ft .ft-main{ grid-template-columns:1.3fr 2fr; }.site-ft .ft-grid{ grid-template-columns:repeat(5,1fr); }.site-ft .calc .wrap{ padding:80px 20px; }}
.site-ft *,.site-ft *::before,.site-ft *::after{
  box-sizing: border-box;
  min-width: 0;
}
.site-ft img,.site-ft svg{
  max-width: 100%;
}
@media (max-width: 767px){.site-ft .wrap{
    padding: 0 16px;
  }.site-ft .ctaband .wrap{
    padding: 40px 16px;
  }}
@media (max-width: 767px){.site-ft .ft-main{
    grid-template-columns: 1fr !important;
  }.site-ft .ft-grid{
    grid-template-columns: repeat(2, 1fr) !important;
  }.site-ft .ft-brand img{
    height: 44px;
  }.site-ft .ft-quick{
    flex-wrap: wrap;
    gap: 8px;
  }}
@media (max-width: 767px){.site-ft .wrap > *{
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
  }}
@media (min-width: 768px) and (max-width: 979px){.site-ft .ft-grid{
    grid-template-columns: repeat(2, 1fr) !important;
  }}
.site-ft{font-family: var(--font-sans);line-height: var(--lh-normal);-webkit-font-smoothing: antialiased;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;}