/* lp.css — the home page's design system (fonts, nav, hero, browser frame, step cards,
   feature rows, FAQ), extracted from public/index.html so guide pages can be built as landing
   pages. Regenerate rather than hand-diverge if the home page design changes. */
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.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;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/L0x5DF4xlVMF-BfR8bXMIjhGq3-OXg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/L0x5DF4xlVMF-BfR8bXMIjhPq3-OXg.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/L0x5DF4xlVMF-BfR8bXMIjhIq3-OXg.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/L0x5DF4xlVMF-BfR8bXMIjhEq3-OXg.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;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/L0x5DF4xlVMF-BfR8bXMIjhFq3-OXg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/L0x5DF4xlVMF-BfR8bXMIjhLq38.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/L0x5DF4xlVMF-BfR8bXMIjhGq3-OXg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/L0x5DF4xlVMF-BfR8bXMIjhPq3-OXg.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/L0x5DF4xlVMF-BfR8bXMIjhIq3-OXg.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/L0x5DF4xlVMF-BfR8bXMIjhEq3-OXg.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;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/L0x5DF4xlVMF-BfR8bXMIjhFq3-OXg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/L0x5DF4xlVMF-BfR8bXMIjhLq38.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/L0x5DF4xlVMF-BfR8bXMIjhGq3-OXg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/L0x5DF4xlVMF-BfR8bXMIjhPq3-OXg.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/L0x5DF4xlVMF-BfR8bXMIjhIq3-OXg.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/L0x5DF4xlVMF-BfR8bXMIjhEq3-OXg.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;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/L0x5DF4xlVMF-BfR8bXMIjhFq3-OXg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/L0x5DF4xlVMF-BfR8bXMIjhLq38.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/L0x5DF4xlVMF-BfR8bXMIjhGq3-OXg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/L0x5DF4xlVMF-BfR8bXMIjhPq3-OXg.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/L0x5DF4xlVMF-BfR8bXMIjhIq3-OXg.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/L0x5DF4xlVMF-BfR8bXMIjhEq3-OXg.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;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/L0x5DF4xlVMF-BfR8bXMIjhFq3-OXg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/L0x5DF4xlVMF-BfR8bXMIjhLq38.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;
}
/* vietnamese */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/V8mDoQDjQSkFtoMM3T6r8E7mPb54C-s0.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;
}
/* latin-ext */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/V8mDoQDjQSkFtoMM3T6r8E7mPb94C-s0.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.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;
}
:root{--bg:      #06090e;
      --sidebar: #090d14;
      --surface: #0e141d;
      --border:  #1c2531;
      --accent:  #00d4ff;
      --accent-2:#7a9bff;
      --violet:  #a78bfa;
      --buy:     #00e676;
      --sell:    #ff3d57;
      --text:    #cbd7e4;
      --muted:   #55677d;
      --mono:    'Roboto Mono', monospace;
      --sans:    'Inter', -apple-system, 'Segoe UI', sans-serif;
      --display: 'Space Grotesk', 'Inter', sans-serif;
      --sub-color: #f0f7ff;   
      --sub-size:  15px;
      --sub-weight: 300;    
      --card-bg: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.012));
      --card-border: rgba(255,255,255,0.08);
      --ring: rgba(0,212,255,0.35);}
html{scroll-behavior: smooth;}
body{background: var(--bg);
      color: var(--text);
      font-family: var(--sans);
      font-weight: 450;
      font-size: 15px;
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;}
::selection{background: rgba(0,212,255,0.25); color: #fff;}
@keyframes pulse{
      0%, 100% { opacity: 1; transform: scale(1); }
      50% { opacity: 0.4; transform: scale(0.7); }
    }
nav{position: fixed; top: 0; left: 0; right: 0; z-index: 100;
      height: 64px;
      background: rgba(6,9,14,0.72);
      backdrop-filter: blur(20px) saturate(1.4);
      -webkit-backdrop-filter: blur(20px) saturate(1.4);
      border-bottom: 1px solid rgba(255,255,255,0.06);
      display: flex; align-items: center; justify-content: space-between;
      padding: 0 32px;
      gap: 16px;}
.nav-logo{font-family: var(--display);
      font-size: 19px; font-weight: 700; letter-spacing: 2.5px; color: #fff;
      white-space: nowrap;}
.nav-logo span{color: var(--accent);}
.nav-links{display: flex; align-items: center; gap: 2px;}
.nav-link{font-family: var(--sans);
      font-size: 11px; font-weight: 600; letter-spacing: 0.08em; color: #b7c5d6;
      text-decoration: none; cursor: pointer;
      padding: 8px 10px; border-radius: 8px;
      transition: color .15s ease, background .15s ease;
      white-space: nowrap;}
.nav-link:hover{color: #fff; background: rgba(255,255,255,0.06);}
.nav-cta-group{display: flex; align-items: center; gap: 10px;}
.btn-ghost{font-family: var(--sans); font-size: 12px; font-weight: 650; letter-spacing: 0.07em;
      padding: 9px 18px; border: 1px solid rgba(255,255,255,0.14); border-radius: 10px;
      background: rgba(255,255,255,0.03); color: #eaf2fa; cursor: pointer;
      transition: border-color .15s, background .15s, transform .15s;
      text-decoration: none; display: inline-block;}
.btn-ghost:hover{border-color: var(--ring); background: rgba(0,212,255,0.06);}
.btn-accent{font-family: var(--sans); font-size: 12px; font-weight: 700; letter-spacing: 0.07em;
      padding: 9px 18px; border: none; border-radius: 10px;
      background: linear-gradient(135deg, #22ddff, #00a9e8);
      color: #001018; cursor: pointer;
      box-shadow: 0 4px 18px rgba(0,212,255,0.28), inset 0 1px 0 rgba(255,255,255,0.35);
      transition: transform .15s, box-shadow .15s, filter .15s;
      text-decoration: none; display: inline-block;}
.btn-accent:hover{transform: translateY(-1px); box-shadow: 0 8px 26px rgba(0,212,255,0.4), inset 0 1px 0 rgba(255,255,255,0.35);}
.hero{position: relative;
      padding: 168px 32px 96px;
      overflow: hidden;
      background: var(--bg);}
.hero-bg{position: absolute; inset: 0; pointer-events: none;}
.hero-bg-grid{position: absolute; inset: 0;
      background:
        linear-gradient(rgba(255,255,255,0.028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.028) 1px, transparent 1px);
      background-size: 72px 72px;
      -webkit-mask-image: radial-gradient(ellipse 90% 68% at 50% 0%, #000 30%, transparent 78%);
      mask-image: radial-gradient(ellipse 90% 68% at 50% 0%, #000 30%, transparent 78%);}
.hero{--hx: 0px;
      --hy: 0px;
      --px: 0px;
      --py: 0px;
      --hlit: 0;}
.hero-spot{position: absolute;
      top: 0; left: 0;
      width: 760px; height: 760px;
      
      transform: translate3d(calc(var(--hx) - 380px), calc(var(--hy) - 380px), 0);
      border-radius: 50%;
      background: radial-gradient(closest-side,
        rgba(90, 214, 255, 0.20) 0%,
        rgba(60, 170, 255, 0.11) 38%,
        rgba(120, 90, 240, 0.055) 66%,
        transparent 100%);
      filter: blur(42px);
      opacity: var(--hlit);
      transition: opacity .45s ease;
      will-change: transform, opacity;}
.hero-aurora{position: absolute; border-radius: 50%; filter: blur(90px); opacity: .5;}
.hero-aurora.a1{width: 780px; height: 560px; top: -260px; left: 50%; transform: translateX(-78%);
      background: radial-gradient(closest-side, rgba(0,150,220,0.28), transparent);
      animation: auroraDrift 16s ease-in-out infinite alternate;}
.hero-aurora.a2{width: 640px; height: 520px; top: -180px; left: 50%; transform: translateX(-8%);
      background: radial-gradient(closest-side, rgba(120,90,240,0.22), transparent);
      animation: auroraDrift 19s ease-in-out infinite alternate-reverse;}
@keyframes auroraDrift{
      0%   { transform: translateX(calc(-70% + var(--px))) translateY(var(--py)); }
      100% { transform: translateX(calc(-48% + var(--px))) translateY(calc(34px + var(--py))); }
    }
.hero-content{position: relative; z-index: 2;
      display: flex; flex-direction: column; align-items: center;
      text-align: center; gap: 26px;
      max-width: 880px; margin: 0 auto;}
.hero-feats{display: flex; gap: 9px; flex-wrap: wrap; justify-content: center;
      margin-top: 2px;}
.hero-feat{display: inline-flex; align-items: center; gap: 8px;
      padding: 8px 15px; border-radius: 999px;
      background: rgba(255,255,255,0.045);
      border: 1px solid rgba(255,255,255,0.13);
      font-family: var(--mono);
      font-size: 9.5px; font-weight: 600; letter-spacing: 0.14em; color: #dfeaf6;}
.hero-feat svg{flex: none; opacity: 0.95;}
.hero-feat.f-cyan{color: #9fe8ff; border-color: rgba(0,212,255,0.32); background: rgba(0,212,255,0.07);}
.hero-feat.f-purple{color: #d6c6ff; border-color: rgba(167,139,250,0.34); background: rgba(167,139,250,0.08);}
.hero-free{display: flex; gap: 9px; flex-wrap: wrap; justify-content: center;
      margin-top: 2px;}
.hero-free-item{display: inline-flex; align-items: center; gap: 7px;
      padding: 7px 15px; border-radius: 999px;
      background: rgba(0,230,118,0.07);
      border: 1px solid rgba(0,230,118,0.28);
      font-family: var(--mono);
      font-size: 9.5px; font-weight: 600; letter-spacing: 0.14em; color: #b6f0d0;}
.hero-free-item i{font-style: normal; color: #00e676; font-size: 11px; line-height: 1;}
@media (max-width: 768px){
.hero-feats, .hero-free{gap: 7px;}
.hero-feat, .hero-free-item{padding: 6px 12px; font-size: 8.5px; letter-spacing: 0.1em;}
.hero-feat svg{width: 12px; height: 12px;}
}
@media (max-width: 480px){
.hero-feat, .hero-free-item{padding: 5px 10px; font-size: 8px; gap: 5px;}
.hero-feat svg{width: 11px; height: 11px;}
.hero-free-item i{font-size: 10px;}
}
.hero-badge{display: inline-flex; align-items: center; gap: 9px;
      background: rgba(245,197,66,0.065);
      border: 1px solid rgba(245,197,66,0.30);
      border-radius: 999px; padding: 8px 18px;
      -webkit-backdrop-filter: blur(16px) saturate(170%);
      backdrop-filter: blur(16px) saturate(170%);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.14), inset 0 -1px 0 rgba(245,197,66,0.08), 0 8px 26px rgba(0,0,0,0.30);
      font-family: var(--mono);
      font-size: 11.5px; font-weight: 600; letter-spacing: 0.06em; color: #f0dcae;}
.hero-badge-dot{width: 6px; height: 6px; border-radius: 50%;
      background: #f5c542;
      box-shadow: 0 0 10px rgba(245,197,66,0.9);
      animation: pulse 2s ease-in-out infinite;}
.hero-title{font-family: var(--display);
      font-size: clamp(42px, 6.4vw, 82px);
      font-weight: 700; letter-spacing: -0.028em; line-height: 1.02;
      color: #f4f9ff;}
.hero-title .accent{background: linear-gradient(100deg, #38e2ff 10%, #9fe9ff 55%, #eaf6ff 95%);
      -webkit-background-clip: text; background-clip: text;
      -webkit-text-fill-color: transparent; color: transparent;}
.hero-quote{font-family: var(--mono);
      font-size: 12px; font-weight: 600; letter-spacing: 0.22em;
      color: #7d93ac; text-transform: uppercase;
      margin-top: -8px;}
.hero-quote::before, .hero-quote::after{content: ""; display: inline-block; vertical-align: middle;
      width: 34px; height: 1px; margin: 0 14px;
      background: linear-gradient(90deg, transparent, rgba(0,212,255,0.5));}
.hero-quote::after{background: linear-gradient(90deg, rgba(0,212,255,0.5), transparent);}
.hero-sub{font-size: 17px; font-weight: 425; color: #94a9c0;
      line-height: 1.75; max-width: 620px; letter-spacing: 0.005em;}
.hero-actions{display: flex; gap: 14px; flex-wrap: wrap; justify-content: center; margin-top: 4px;}
.btn-hero-primary{font-family: var(--sans); font-size: 14px; font-weight: 700; letter-spacing: 0.05em;
      padding: 17px 36px;
      background: linear-gradient(135deg, #2fe0ff, #00a9e8 80%);
      color: #001018; border: none;
      border-radius: 14px; cursor: pointer;
      box-shadow: 0 10px 36px rgba(0,212,255,0.35), inset 0 1px 0 rgba(255,255,255,0.4);
      transition: transform .18s, box-shadow .18s;}
.btn-hero-primary:hover{transform: translateY(-2px); box-shadow: 0 16px 46px rgba(0,212,255,0.48), inset 0 1px 0 rgba(255,255,255,0.4);}
.btn-hero-secondary{font-family: var(--sans); font-size: 14px; font-weight: 650; letter-spacing: 0.05em;
      padding: 17px 32px; background: rgba(255,255,255,0.04); color: #e8f1fa;
      border: 1px solid rgba(255,255,255,0.14); border-radius: 14px; cursor: pointer;
      backdrop-filter: blur(6px);
      transition: border-color .18s, background .18s, transform .18s;}
.btn-hero-secondary:hover{border-color: var(--ring); background: rgba(0,212,255,0.06); transform: translateY(-2px);}
.hero-proof{display: flex; align-items: stretch; margin-top: 18px;
      border: 1px solid rgba(255,255,255,0.09);
      background: rgba(10,15,23,0.55);
      backdrop-filter: blur(10px);
      border-radius: 16px; overflow: hidden;}
.hero-proof-item{display: flex; flex-direction: column; gap: 6px;
      align-items: center; justify-content: center;
      padding: 16px 30px; min-width: 128px;}
.hero-proof-item + .hero-proof-item{border-left: 1px solid rgba(255,255,255,0.08);}
.hero-proof-val{font-family: var(--display); font-size: 19px; font-weight: 700; color: #fff; line-height: 1.1; text-align: center; letter-spacing: -0.01em;}
.hero-proof-lbl{font-family: var(--mono); font-size: 9px; font-weight: 600; letter-spacing: 0.18em; color: #7d93ac; text-align: center;}
a.hero-proof-link .hero-proof-val{color: #f5c518; text-shadow: 0 0 18px rgba(245,197,24,0.4);}
a.hero-proof-link .hero-proof-lbl{color: #cdb578;}
.hero-proof{display: grid; grid-template-columns: repeat(4, auto);}
.hero-proof .hero-proof-item.hero-proof-wide{grid-column: 1 / -1; flex-direction: row; gap: 10px; padding: 10px 16px;
      border-left: none; border-top: 1px solid rgba(255,255,255,0.08);}
.hero-proof-wide .hero-proof-val{font-size: 16px;}
@media (max-width: 768px){
.hero-proof{grid-template-columns: 1fr 1fr;}
}
.hero-gains{display: flex; gap: 9px; flex-wrap: wrap; justify-content: center;
      margin-top: 2px;}
.hero-gain{display: inline-flex; align-items: center; gap: 7px;
      padding: 7px 15px; border-radius: 999px;
      background: linear-gradient(135deg, var(--g1), var(--g2));
      border: 1px solid var(--gb);
      font-family: var(--mono);
      font-size: 9.5px; font-weight: 600; letter-spacing: 0.14em; color: #dfeaf6;}
.hero-gain i{font-style: normal; font-size: 11px; color: var(--gi); line-height: 1;}
.hero-gain.g-cyan{--g1: rgba(0,212,255,0.09);  --g2: rgba(0,150,255,0.12);  --gb: rgba(0,212,255,0.24);  --gi: #00d4ff;}
.hero-gain.g-teal{--g1: rgba(0,230,180,0.08);  --g2: rgba(0,212,255,0.11);  --gb: rgba(0,230,180,0.22);  --gi: #2de6b5;}
.hero-gain.g-blue{--g1: rgba(96,165,250,0.09); --g2: rgba(122,120,255,0.12);--gb: rgba(96,165,250,0.24); --gi: #60a5fa;}
.hero-gain.g-purple{--g1: rgba(122,120,255,0.09);--g2: rgba(167,139,250,0.13);--gb: rgba(167,139,250,0.26);--gi: #a78bfa;}
.hero-mtf{display: flex; align-items: center; gap: 16px;
      max-width: 640px; margin-top: 8px; padding: 14px 20px;
      border-radius: 14px; text-decoration: none; text-align: left;
      background: linear-gradient(120deg, rgba(0,212,255,0.14), rgba(90,110,255,0.16) 55%, rgba(167,139,250,0.21));
      border: 1px solid rgba(167,139,250,0.45);
      box-shadow: 0 0 46px rgba(122,120,255,0.22), inset 0 1px 0 rgba(255,255,255,0.09);
      transition: transform .15s, border-color .15s, box-shadow .15s;}
.hero-mtf:hover{transform: translateY(-2px); border-color: rgba(183,160,255,0.65); box-shadow: 0 10px 52px rgba(122,120,255,0.32), inset 0 1px 0 rgba(255,255,255,0.12);}
.hero-mtf-icon{flex-shrink: 0; width: 40px; height: 40px; border-radius: 10px;
      display: flex; align-items: center; justify-content: center;
      color: #b9a5ff; background: rgba(167,139,250,0.16); border: 1px solid rgba(167,139,250,0.45);}
.hero-mtf-copy{display: flex; flex-direction: column; gap: 3px; min-width: 0;}
.hero-mtf-title{font-family: var(--mono); font-size: 11px; font-weight: 700; letter-spacing: 0.2em;
      background: linear-gradient(100deg, #38e2ff 10%, #9fe9ff 55%, #eaf6ff 95%);
      -webkit-background-clip: text; background-clip: text;
      -webkit-text-fill-color: transparent; color: transparent;}
.hero-mtf-sub{font-size: 13px; color: #a3b6cb; line-height: 1.45;}
.hero-mtf-tfs{margin-left: auto; display: flex; align-items: center; gap: 6px; font-family: var(--mono); font-size: 10px; font-weight: 700; flex-shrink: 0;}
.hero-mtf-tfs span{padding: 4px 9px; border-radius: 6px; background-color: rgba(5,10,18,0.45);}
.hero-mtf-tfs .tf-trade{color: #4fe3ff; border: 1px solid rgba(0,212,255,0.5); box-shadow: 0 0 12px rgba(0,212,255,0.15);}
.hero-mtf-tfs .tf-sync{color: #b9a5ff; border: 1px solid rgba(167,139,250,0.5); box-shadow: 0 0 12px rgba(122,120,255,0.15);}
.hero-mtf-tfs i{font-style: normal; color: #7d93ac;}
.hero-shot{position: relative; z-index: 2;
      max-width: 1120px;
      margin: 72px auto 0;}
.hero-shot-glow{position: absolute; inset: -8% -6% auto;  height: 70%;
      background:
        radial-gradient(ellipse 60% 90% at 32% 20%, rgba(0,212,255,0.16), transparent 68%),
        radial-gradient(ellipse 52% 80% at 74% 16%, rgba(140,110,255,0.14), transparent 66%);
      filter: blur(28px);
      pointer-events: none;}
.browser-frame{position: relative;
      border-radius: 18px;
      border: 1px solid rgba(255,255,255,0.11);
      background: #0a1018;
      box-shadow:
        0 40px 120px rgba(0,0,0,0.65),
        0 0 0 1px rgba(0,0,0,0.4),
        0 0 90px rgba(0,150,220,0.10);
      overflow: hidden;}
.browser-bar{display: flex; align-items: center; gap: 14px;
      padding: 12px 18px;
      background: rgba(255,255,255,0.028);
      border-bottom: 1px solid rgba(255,255,255,0.07);}
.b-dots{display: flex; gap: 7px;}
.b-dot{width: 11px; height: 11px; border-radius: 50%;}
.b-dot.r{background: #ff5f57;}
.b-dot.y{background: #febc2e;}
.b-dot.g{background: #28c840;}
.browser-url{flex: 1; max-width: 380px; margin: 0 auto;
      display: flex; align-items: center; justify-content: center; gap: 8px;
      background: rgba(0,0,0,0.35); border: 1px solid rgba(255,255,255,0.06);
      border-radius: 8px; padding: 6px 14px;
      font-family: var(--mono); font-size: 11.5px; font-weight: 500; letter-spacing: 0.04em; color: #8ba0b8;}
.browser-url svg{flex-shrink: 0; color: var(--buy);}
.b-spacer{width: 47px;}
.browser-frame picture{display: block;}
.shot-img{display: block; width: 100%; height: auto;}
@keyframes smtfBlink{ 0%, 100% { opacity: 1; } 50% { opacity: .25; } }
.float-card{position: absolute; z-index: 3;
      display: flex; flex-direction: column; gap: 4px;
      padding: 14px 18px;
      background: rgba(13,20,30,0.82);
      border: 1px solid rgba(255,255,255,0.12);
      border-radius: 14px;
      backdrop-filter: blur(14px);
      box-shadow: 0 24px 60px rgba(0,0,0,0.55);
      animation: floatBob 6s ease-in-out infinite;}
.float-card .fc-lbl{font-family: var(--mono); font-size: 9px; font-weight: 600; letter-spacing: 0.18em; color: #7d93ac;}
.float-card .fc-val{font-family: var(--display); font-size: 22px; font-weight: 700; letter-spacing: -0.01em; color: #fff; display: flex; align-items: center; gap: 9px;}
.float-card .fc-val.up{color: var(--buy);}
.float-card .fc-val.cy{color: var(--accent);}
.fc-1{top: -26px; right: -30px; animation-delay: 0s;}
.fc-2{bottom: 12%; left: -44px; animation-delay: 1.6s;}
.fc-3{bottom: -24px; right: 8%; animation-delay: 3.1s;}
@keyframes floatBob{
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-9px); }
    }
@keyframes lastCandleGlow{
      0%, 100% { opacity: .25; }
      50% { opacity: .85; }
    }
.landing-data-source{display: inline-flex; align-items: center; gap: 8px;
      width: 100%; justify-content: center;
      padding: 26px 40px 0;
      background: var(--bg);
      font-family: var(--mono);
      font-size: 10px; font-weight: 600; letter-spacing: 0.16em;
      color: #7d93ac;
      white-space: nowrap;}
.landing-data-source img{width: 18px; height: 18px; object-fit: contain;
      display: block;}
section{padding: 128px 32px;}
.section-inner{max-width: 1160px; margin: 0 auto;}
.section-eyebrow{font-family: var(--mono);
      font-size: 11px; font-weight: 600; letter-spacing: 0.24em; color: var(--accent);
      margin-bottom: 18px;
      text-align: center;}
.section-title{font-family: var(--display);
      font-size: clamp(30px, 4vw, 50px); font-weight: 700; color: #f4f9ff; line-height: 1.1;
      margin-bottom: 18px; letter-spacing: -0.022em;
      text-align: center;}
.section-sub{font-size: var(--sub-size); font-weight: var(--sub-weight); color: var(--sub-color);
      line-height: 1.75; max-width: 560px; margin: 0 auto 64px;
      text-align: center;}
.community-copy .section-eyebrow, .community-copy .section-title, .community-copy .section-sub, .mockup-text .section-eyebrow, .mockup-text .section-title, .mockup-text .section-sub{text-align: left; margin-left: 0; margin-right: 0;}
.propsim-section .section-title span{background: linear-gradient(100deg, #f5c542, #ffe6a3 94%);
      -webkit-background-clip: text; background-clip: text; color: transparent;}
.fxscript-section .section-title span{background: linear-gradient(100deg, var(--fxs-coral-lit), #ffd9c6 92%);
      -webkit-background-clip: text; background-clip: text; color: transparent;}
.what-grid{display: grid; grid-template-columns: repeat(4, 1fr);
      gap: 18px;}
.what-card{background: var(--card-bg);
      border: 1px solid var(--card-border);
      border-radius: 18px; padding: 30px 26px;
      transition: border-color .25s, transform .25s, box-shadow .25s;
      position: relative; overflow: hidden;}
.what-card::before{content: ''; position: absolute; top: 0; left: 24px; right: 24px; height: 1px;
      background: linear-gradient(90deg, transparent, rgba(0,212,255,0.35), transparent);
      opacity: 0; transition: opacity .25s;}
.what-card:hover{border-color: rgba(0,212,255,0.32); transform: translateY(-4px); box-shadow: 0 18px 50px rgba(0,0,0,0.4);}
.what-card:hover::before{opacity: 1;}
.what-icon{width: 44px; height: 44px;
      background: linear-gradient(135deg, rgba(0,212,255,0.12), rgba(122,120,255,0.10));
      border: 1px solid rgba(0,212,255,0.22); border-radius: 12px;
      display: flex; align-items: center; justify-content: center;
      color: var(--accent); margin-bottom: 18px;}
.what-title{font-family: var(--display); font-size: 17px; font-weight: 700; color: #fff; letter-spacing: -0.01em; margin-bottom: 9px;}
.what-desc{font-size: 14px; font-weight: 450; color: var(--sub-color); line-height: 1.65;}
@media (max-width: 980px){
.what-grid{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 560px){
.what-grid{grid-template-columns: 1fr;}
}
.how-steps{display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
      gap: 18px; position: relative;}
.step-card{background: var(--card-bg);
      border: 1px solid var(--card-border);
      border-radius: 18px;
      padding: 34px 28px; position: relative; overflow: hidden;
      transition: border-color .25s, transform .25s;}
.step-card:hover{border-color: rgba(0,212,255,0.32); transform: translateY(-4px);}
.step-num{font-family: var(--display);
      font-size: 60px; font-weight: 700; letter-spacing: -0.03em;
      color: transparent;
      -webkit-text-stroke: 1px rgba(0,212,255,0.18);
      position: absolute; top: 18px; right: 22px; line-height: 1;}
.step-icon{width: 44px; height: 44px;
      background: linear-gradient(135deg, rgba(0,212,255,0.12), rgba(122,120,255,0.10));
      border: 1px solid rgba(0,212,255,0.22); border-radius: 12px;
      display: flex; align-items: center; justify-content: center;
      color: var(--accent); margin-bottom: 18px;}
.step-icon svg, .what-icon svg, .feat-icon svg{display: block;}
.step-title{font-family: var(--mono); font-size: 12px; font-weight: 700; color: #fff; letter-spacing: 0.16em; margin-bottom: 11px;}
.step-desc{font-size: 14px; font-weight: 450; color: var(--sub-color); line-height: 1.7;}
.mockup-section{background: var(--sidebar); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);}
.mockup-wrap{display: grid; grid-template-columns: 1fr 1.15fr; gap: 64px; align-items: start;}
.mockup-text{}
.mockup-features{display: flex; flex-direction: column; gap: 12px; margin-top: 36px;}
.feat-row{display: flex; align-items: flex-start; gap: 14px;
      padding: 15px 18px;
      background: var(--card-bg);
      border: 1px solid var(--card-border); border-radius: 14px;
      transition: border-color .2s, transform .2s;}
.feat-row:hover{border-color: rgba(0,212,255,0.32); transform: translateX(4px);}
.feat-icon{color: var(--accent); display: inline-flex; flex-shrink: 0;
      width: 34px; height: 34px; align-items: center; justify-content: center;
      background: rgba(0,212,255,0.08); border: 1px solid rgba(0,212,255,0.2); border-radius: 9px;}
.feat-name{font-family: var(--mono); font-size: 11px; font-weight: 700; color: #fff; letter-spacing: 0.12em; margin-bottom: 4px;}
.feat-desc{font-size: 13.5px; font-weight: 450; color: var(--sub-color); line-height: 1.55;}
.mockup-ui{background: #0a1018; border: 1px solid rgba(255,255,255,0.10); border-radius: 16px;
      overflow: hidden; box-shadow: 0 32px 90px rgba(0,0,0,0.6), 0 0 60px rgba(0,150,220,0.06);}
.mockup-topbar{background: rgba(255,255,255,0.025); border-bottom: 1px solid rgba(255,255,255,0.07);
      padding: 11px 16px; display: flex; align-items: center; justify-content: space-between;}
.mockup-pair{font-family: var(--mono); font-size: 12px; font-weight: 700; color: var(--accent); letter-spacing: 0.08em;}
.mockup-badge{font-family: var(--mono);
      font-size: 10px; font-weight: 700; padding: 3px 11px; border-radius: 999px;
      background: rgba(0,230,118,0.12); color: var(--buy); border: 1px solid rgba(0,230,118,0.4);}
.mockup-chart-area{position: relative; height: 200px; overflow: hidden;}
.mockup-stats{background: rgba(255,255,255,0.02); border-top: 1px solid rgba(255,255,255,0.07);
      padding: 14px 16px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px;}
@keyframes newLetterWave{
      0%, 18%, 100% { transform: translateY(0); }
      8% { transform: translateY(-4px); }
    }
@keyframes newLetterColor{
      0%, 100% { color: var(--accent); }
      42% { color: var(--buy); }
      72% { color: #ffffff; }
    }
footer{border-top: 1px solid var(--border);
      background: var(--sidebar);
      padding: 72px 32px 36px;}
.footer-grid{max-width: 1160px; margin: 0 auto;
      display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr;
      gap: 48px;}
.footer-brand{display: flex; flex-direction: column; gap: 16px; align-items: flex-start;}
.footer-logo{font-family: var(--display); font-size: 19px; font-weight: 700; letter-spacing: 2.5px; color: #fff;}
.footer-logo span{color: var(--accent);}
.footer-tagline{font-size: 13.5px; font-weight: 450; color: var(--sub-color); line-height: 1.7; max-width: 300px;}
.footer-data{display: inline-flex; align-items: center; gap: 8px;
      font-family: var(--mono); font-size: 9.5px; font-weight: 600; letter-spacing: 0.14em; color: #7d93ac;}
.footer-data img{width: 16px; height: 16px; object-fit: contain; display: block;}
.footer-col-title{font-family: var(--mono);
      font-size: 10px; font-weight: 700; letter-spacing: 0.22em; color: #fff;
      margin-bottom: 18px;}
.footer-col ul{list-style: none; display: flex; flex-direction: column; gap: 11px;}
.footer-col a{color: #8ba0b8; font-size: 13.5px; font-weight: 480; text-decoration: none;
      transition: color .15s;}
.footer-col a:hover{color: var(--accent);}
.footer-bottom{max-width: 1160px; margin: 56px auto 0;
      padding-top: 26px;
      border-top: 1px solid rgba(255,255,255,0.06);
      display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap;}
.footer-copy{font-size: 12.5px; font-weight: 450; color: var(--muted);}
.footer-risk-note{font-size: 12px; font-weight: 500; color: #b06a76; line-height: 1.5; text-align: right;}
.reveal{opacity: 0; transform: translateY(22px); transition: opacity 0.6s cubic-bezier(.2,.7,.3,1), transform 0.6s cubic-bezier(.2,.7,.3,1);}
.reveal.visible{opacity: 1; transform: translateY(0);}
@media (prefers-reduced-motion: reduce){
.reveal{opacity: 1; transform: none; transition: none;}
.hero-aurora, .float-card{animation: none;}
.hero-spot{display: none;}
}
@media (hover: none), (pointer: coarse){
.hero-spot{display: none;}
}
.nav-hamburger{display: none;
      flex-direction: column; justify-content: center; align-items: center;
      gap: 5px;
      width: 42px; height: 42px;
      background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.12); border-radius: 10px;
      cursor: pointer; padding: 0; flex-shrink: 0;}
.nav-hamburger span{display: block; width: 18px; height: 2px;
      background: var(--text); border-radius: 2px;
      transition: transform .2s, opacity .2s;}
.nav-hamburger.open span:nth-child(1){transform: translateY(7px) rotate(45deg);}
.nav-hamburger.open span:nth-child(2){opacity: 0;}
.nav-hamburger.open span:nth-child(3){transform: translateY(-7px) rotate(-45deg);}
.nav-mobile-ctas{display: none;}
@media (max-width: 1200px){
.nav-links{display: none;
        position: fixed; top: 64px; left: 0; right: 0;
        background: rgba(6,9,14,0.97);
        backdrop-filter: blur(20px);
        border-bottom: 1px solid var(--border);
        flex-direction: column; align-items: stretch;
        padding: 12px 0 20px; gap: 0; z-index: 99;}
.nav-links.open{display: flex;}
.nav-links .nav-link{font-size: 13px; letter-spacing: 0.1em;
        padding: 15px 24px; border-radius: 0;
        border-bottom: 1px solid rgba(255,255,255,0.04);}
.nav-mobile-ctas{display: flex; gap: 10px; padding: 16px 20px 0; flex-wrap: wrap;}
.nav-mobile-ctas .btn-ghost, .nav-mobile-ctas .btn-accent{flex: 1; text-align: center; padding: 12px 14px;}
.nav-hamburger{display: flex;}
.fc-1{right: 8px;}
.fc-2{left: 8px;}
}
@media (max-width: 900px){
.mockup-wrap{grid-template-columns: 1fr; gap: 40px;}
.float-card .fc-val{font-size: 17px;}
.float-card{padding: 10px 14px;}
.fc-1{top: -18px;}
.fc-3{bottom: -16px;}
}
@media (max-width: 768px){
nav{padding: 0 16px; height: 60px;}
.nav-links{top: 60px;}
.nav-cta-group{display: none;}
section{padding: 76px 18px;}
.section-sub{margin-bottom: 44px;}
.hero{padding: 120px 16px 64px;}
.hero-content{gap: 20px;}
.hero-title{font-size: clamp(34px, 10.5vw, 52px);}
.hero-quote{font-size: 10px; letter-spacing: 0.16em;}
.hero-quote::before, .hero-quote::after{width: 18px; margin: 0 8px;}
.hero-sub{font-size: 14.5px;}
.hero-actions{flex-direction: column; width: 100%; gap: 10px;}
.btn-hero-primary, .btn-hero-secondary{width: 100%; padding: 16px 24px;}
.hero-proof{flex-wrap: wrap; width: 100%;}
.hero-proof-item{flex: 1 1 50%; min-width: 0; padding: 13px 8px;}
.hero-proof-item + .hero-proof-item{border-left: none;}
.hero-proof-item:nth-child(even){border-left: 1px solid rgba(255,255,255,0.08);}
.hero-proof-item:nth-child(n+3){border-top: 1px solid rgba(255,255,255,0.08);}
.hero-proof-val{font-size: 15px;}
.hero-proof-lbl{font-size: 7.5px;}
.hero-gains{gap: 7px;}
.hero-gain{padding: 6px 12px; font-size: 8.5px; letter-spacing: 0.1em;}
.hero-mtf{width: 100%; display: grid; grid-template-columns: 40px 1fr; align-items: center; gap: 9px 12px; padding: 13px 16px;}
.hero-mtf-copy{display: contents;}
.hero-mtf-title{grid-column: 2;}
.hero-mtf-sub{grid-column: 1 / -1; font-size: 12.5px;}
.hero-mtf-tfs{grid-column: 1 / -1; margin-left: 0;}
.hero-shot{margin-top: 44px;}
.browser-frame{border-radius: 14px;}
.browser-url{font-size: 10px; padding: 5px 10px;}
.b-spacer{display: none;}
.float-card{display: none;}
.how-steps{grid-template-columns: 1fr; gap: 12px;}
.step-num{font-size: 44px;}
.mockup-chart-area{height: 160px;}
.mockup-stats{grid-template-columns: repeat(2, 1fr);}
.mockup-topbar{flex-wrap: wrap; gap: 8px;}
.mockup-pair{min-width: 0;}
.feat-row{padding: 12px 14px;}
.cta-actions .btn-hero-primary, .cta-actions .btn-hero-secondary{width: 100%;}
footer{padding: 52px 18px 28px;}
.footer-grid{grid-template-columns: 1fr 1fr; gap: 36px 20px;}
.footer-brand{grid-column: 1 / -1;}
.footer-bottom{margin-top: 40px; flex-direction: column; align-items: flex-start;}
.footer-risk-note{text-align: left;}
}
@media (max-width: 480px){
.hero{padding: 104px 14px 56px;}
.hero-badge{font-size: 9.5px; letter-spacing: 0.03em; padding: 7px 13px;}
.hero-proof-item{padding: 11px 6px;}
.hero-proof-val{font-size: 13.5px;}
.hero-proof-lbl{font-size: 7px;}
.hero-gain{padding: 5px 10px; font-size: 8px; gap: 5px;}
.hero-gain i{font-size: 10px;}
.hero-mtf{grid-template-columns: 34px 1fr; padding: 12px 13px;}
.hero-mtf-icon{width: 34px; height: 34px;}
.hero-mtf-title{font-size: 10px; letter-spacing: 0.16em;}
.hero-mtf-sub{font-size: 12px;}
.hero-mtf-tfs{font-size: 9px; gap: 5px;}
.hero-mtf-tfs span{padding: 4px 8px;}
.section-title{font-size: clamp(25px, 7.5vw, 34px);}
.mockup-stats{grid-template-columns: repeat(2, 1fr);}
.landing-data-source{font-size: 8.5px; padding: 20px 16px 0;}
.footer-grid{grid-template-columns: 1fr; gap: 30px;}
}