:root {
    --primary: #F9670B;
    --primary-pressed: #DE5C00;
    --page: #f3f1ed;
    --card: #ffffff;
    --elev: #ffffff;
    --line: #eeeeee;
    --text: #121212;
    --muted: #5c5854;
    --soft: #7a726c;
    --success: #22C55E;
    --danger: #EF4444;
    --radius: 18px;
    --nav-link: #3a3632;
    --nav-link-hover: #121212;
    --nav-scrolled: rgba(255,255,255,.94);
    --nav-shadow: 0 12px 40px rgba(18,16,14,.08);
    --ghost-border: #ddd8d2;
    --ghost-color: #121212;
    --lede: #3a3632;
    --trust-bg: #ebe8e3;
    --menu-panel: #ffffff;
    --tab-color: #121212;
    --cta-fine: #E8E2DC;
    --foot-link: #3a3632;
    --mobile-cta: #ffffff;
    --footer: #ffffff;
  }
  html[data-bs-theme="dark"] {
    --page: #000000;
    --card: #171717;
    --elev: #1F1F1F;
    --line: #2A2A2A;
    --text: #FFFFFF;
    --muted: #A39A93;
    --soft: #7A726C;
    --nav-link: #E8E2DC;
    --nav-link-hover: #fff;
    --nav-scrolled: rgba(23,23,23,.92);
    --nav-shadow: 0 12px 40px rgba(0,0,0,.35);
    --ghost-border: #3A3A3A;
    --ghost-color: #fff;
    --lede: #D8D0C8;
    --trust-bg: #0A0A0A;
    --menu-panel: #171717;
    --tab-color: #fff;
    --cta-fine: #E8E2DC;
    --foot-link: #D8D0C8;
    --mobile-cta: #111111;
    --footer: #111111;
  }
  * { box-sizing: border-box; }
  html { scroll-behavior: smooth; color-scheme: light; }
  html[data-bs-theme="dark"] { color-scheme: dark; }
  body {
    margin: 0;
    background: var(--page);
    color: var(--text);
    font-family: Inter, system-ui, sans-serif;
    line-height: 1.5;
  }
  img { max-width: 100%; display: block; }
  a { color: inherit; }
  .skip {
    position: absolute;
    left: 16px;
    top: -48px;
    z-index: 80;
    background: var(--primary);
    color: #fff;
    padding: 8px 14px;
    border-radius: 999px;
    font-weight: 600;
    text-decoration: none;
  }
  .skip:focus { top: 12px; }
  .wrap { width: min(1120px, calc(100% - 40px)); margin: 0 auto; }
  section[id] { scroll-margin-top: 88px; }
  .site-header {
    position: sticky;
    top: 0;
    z-index: 40;
    padding: 16px 0 0;
    transition: padding .25s ease;
  }
  .nav {
    position: relative;
    width: min(1120px, calc(100% - 32px));
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 10px 14px 10px 16px;
    border-radius: 999px;
    background: transparent;
    border: 1px solid transparent;
    transition: background .25s ease, border-color .25s ease, box-shadow .25s ease;
  }
  body.is-scrolled .site-header { padding-top: 10px; }
  body.is-scrolled .nav,
  .nav.is-open {
    background: var(--nav-scrolled);
    border-color: var(--line);
    box-shadow: var(--nav-shadow);
    backdrop-filter: blur(12px);
  }
  .brand { display: flex; align-items: center; gap: 8px; font-weight: 700; letter-spacing: -.03em; text-decoration: none; }
  .brand img { width: 40px; height: 40px; }
  .brand-mark-dark { display: none; }
  html[data-bs-theme="dark"] .brand-mark-light { display: none; }
  html[data-bs-theme="dark"] .brand-mark-dark { display: block; }
  .brand span { color: var(--primary); }
  .links { display: flex; gap: 18px; margin-left: 8px; }
  .links a { color: var(--nav-link); text-decoration: none; font-size: 14px; }
  .links a:hover { color: var(--nav-link-hover); }
  .links .nav-login { display: none; }
  .end { margin-left: auto; display: flex; gap: 8px; align-items: center; }
  .theme-toggle {
    width: 40px; height: 40px;
    border: 0;
    background: transparent;
    color: var(--text);
    border-radius: 999px;
    display: grid;
    place-items: center;
    cursor: pointer;
    font-size: 18px;
  }
  .theme-toggle:hover { background: var(--elev); }
  .menu-btn {
    display: none;
    width: 40px; height: 40px;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: var(--card);
    color: var(--text);
    cursor: pointer;
  }
  .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 18px;
    border-radius: 999px;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid transparent;
    font-size: 14px;
    transition: transform .2s ease, background .2s ease, border-color .2s ease;
  }
  .btn:hover { transform: translateY(-1px); }
  .btn:focus-visible, .menu-btn:focus-visible, .tab:focus-visible, summary:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 3px;
  }
  .btn-ghost { border-color: var(--ghost-border); color: var(--ghost-color); background: transparent; }
  .btn-orange { background: var(--primary); color: #fff; }
  .btn-orange:hover { background: var(--primary-pressed); }
  .btn-arrow { margin-left: 6px; display: inline-block; transition: transform .2s ease; }
  .btn:hover .btn-arrow,
  .tool-go:hover .btn-arrow { transform: translateX(4px); }
  .btn-light { background: #fff; color: #111; }
  .hero {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 28px;
    align-items: center;
    padding: 28px 0 36px;
  }
  .eyebrow {
    color: var(--primary);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin: 0 0 12px;
  }
  h1 {
    margin: 0 0 16px;
    font-size: clamp(42px, 7vw, 76px);
    line-height: .94;
    letter-spacing: -.045em;
    font-weight: 800;
  }
  h1 em { color: var(--primary); font-style: normal; }
  .lede { max-width: 520px; color: var(--lede); font-size: 18px; margin: 0 0 22px; }
  .hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; }
  .hero-checks {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    color: var(--muted);
    font-size: 13px;
    margin: 0;
  }
  .hero-checks span { display: inline-flex; align-items: center; gap: 8px; }
  .hero-checks span::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 2px;
    background: var(--primary);
    flex-shrink: 0;
  }
  .phone .bar, .phone-static .bar {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: var(--muted);
  }
  .phone-logo { width: 16px; height: 16px; border-radius: 4px; }
  .fine { color: var(--muted); font-size: 14px; margin: 0 0 8px; }
  .risk-tiny { color: var(--soft); font-size: 12px; margin: 0; }
  .hero-visual { position: relative; min-height: 520px; }
  .hero-visual img.person {
    width: 100%;
    height: 560px;
    object-fit: cover;
    object-position: center 12%;
    border-radius: 28px;
    filter: saturate(1.05);
  }
  .phone {
    position: absolute;
    left: 16px;
    bottom: 24px;
    width: 236px;
    background: #111;
    color: #fff;
    border-radius: 28px;
    padding: 14px 12px 16px;
    border: 1px solid #2A2A2A;
    box-shadow: 0 24px 60px rgba(0,0,0,.45);
  }
  .phone h3 { margin: 8px 0 10px; font-size: 22px; letter-spacing: -.03em; }
  .pill {
    display: inline-block;
    background: var(--primary);
    color: #fff;
    border-radius: 999px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 700;
  }
  .digits { display: flex; gap: 3px; margin: 12px 0; }
  .digits span {
    flex: 1;
    min-width: 0;
    height: 22px;
    border-radius: 5px;
    background: #2a2a2a;
    font-size: 11px;
    display: grid;
    place-items: center;
  }
  .digits .on { background: var(--primary); }
  .row2 { display: flex; justify-content: space-between; gap: 8px; font-size: 12px; color: #D6D6D6; }
  .row2 b { display: block; color: #fff; font-size: 15px; }
  .auto-line {
    margin-top: 12px;
    background: var(--primary);
    color: #fff;
    border-radius: 999px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    padding: 8px 10px;
  }
  .auto-meta { display: flex; justify-content: space-between; margin-top: 8px; font-size: 11px; color: #C9C2BB; }
  .trust {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px;
    align-items: center;
    padding: 18px 16px;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    color: var(--lede);
    font-size: 14px;
    background: var(--trust-bg);
  }
  #contracts, #ticket, #tools, #payments, #steps, #faq {
    scroll-margin-top: 88px;
  }
  section { padding: 56px 0; }
  h2 { font-size: clamp(28px, 4vw, 44px); letter-spacing: -.04em; margin: 0 0 12px; }
  .sub { color: var(--muted); margin: 0 0 28px; max-width: 560px; }
  .center { text-align: center; }
  .center .sub { margin-left: auto; margin-right: auto; }
  .facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
  .facts-3 { grid-template-columns: repeat(3, 1fr); }
  .fact {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 22px;
  }
  .facts-3 .fact {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .fact-num {
    display: block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .08em;
    color: var(--primary);
  }
  .fact b { display: block; font-size: 28px; letter-spacing: -.03em; margin-bottom: 6px; }
  .facts-3 .fact b { font-size: 22px; margin-bottom: 0; }
  .fact span { color: var(--muted); font-size: 14px; }
  .facts-3 .fact .fact-num { color: var(--primary); }
  .fact-link {
    margin-top: auto;
    padding-top: 10px;
    font-size: 14px;
    font-weight: 600;
    color: var(--primary);
    text-decoration: none;
  }
  .fact-link:hover { text-decoration: underline; }
  .how-trade {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    gap: 36px;
    align-items: center;
  }
  .how-trade-copy h2 { margin: 0 0 6px; }
  .trade-walk {
    list-style: none;
    margin: 22px 0 24px;
    padding: 0;
    display: grid;
    gap: 8px;
  }
  .trade-walk-item {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    text-align: left;
    font: inherit;
    border: 1px solid var(--line);
    background: var(--card);
    color: inherit;
    border-radius: 16px;
    padding: 14px 16px;
    cursor: pointer;
    transition: border-color .25s ease, background .25s ease, transform .25s ease, box-shadow .25s ease;
  }
  .trade-walk-item strong { display: block; font-size: 16px; margin-bottom: 2px; }
  .trade-walk-item span span { color: var(--muted); font-size: 14px; }
  .trade-walk-item:hover { border-color: rgba(249,103,11,.45); }
  .trade-walk-item:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
  }
  .trade-walk-item.is-on {
    border-color: var(--primary);
    box-shadow: 0 10px 28px rgba(249,103,11,.12);
    transform: translateX(4px);
  }
  .trade-walk-num {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    border-radius: 999px;
    display: grid;
    place-items: center;
    font-size: 13px;
    font-weight: 700;
    background: var(--elev);
    color: var(--text);
    border: 1px solid var(--line);
  }
  .trade-walk-item.is-on .trade-walk-num {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary);
    animation: tradeWalkPulse 1.8s ease-in-out infinite;
  }
  .trade-shot {
    background: #0c0e12;
    color: #fff;
    border: 1px solid #22262c;
    border-radius: 24px;
    padding: 18px;
    box-shadow: 0 20px 50px rgba(249,103,11,.14);
    min-width: 0;
    max-width: 100%;
  }
  .trade-shot .digits { margin: 8px 2px 10px; }
  .tw-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 12px;
  }
  .tw-region {
    border-radius: 14px;
    padding: 10px;
    border: 1px solid transparent;
    transition: border-color .35s ease, box-shadow .35s ease, background .35s ease;
  }
  .tw-region.is-lit {
    border-color: rgba(249,103,11,.7);
    background: rgba(249,103,11,.1);
    box-shadow: 0 0 0 4px rgba(249,103,11,.14);
  }
  .tw-contracts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }
  .tw-chips, .tw-confirm {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }
  .tw-contracts span {
    text-align: center;
    padding: 7px 8px;
    font-size: 12px;
  }
  .tw-contracts span, .tw-chips span, .tw-confirm span {
    border-radius: 999px;
    padding: 7px 12px;
    font-size: 13px;
    font-weight: 600;
    background: #1a1d22;
    color: #d8d0c8;
    transition: background .3s ease, color .3s ease, transform .3s ease;
  }
  .tw-region.is-lit .tw-contracts span.is-on,
  .tw-region.is-lit .tw-chips span.is-on,
  .tw-region.is-lit .tw-confirm span.is-on {
    animation: tradeWalkPulse 1.4s ease-in-out infinite;
  }
  .tw-contracts span.is-on, .tw-chips span.is-on, .tw-confirm span.is-on {
    background: var(--primary);
    color: #fff;
  }
  .tw-digits { margin: 4px 0 8px; }
  .tw-label { font-size: 12px; color: #a39a93; margin-bottom: 8px; }
  .tw-stake {
    margin-top: 8px;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -.04em;
  }
  .tw-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    font-size: 14px;
    color: #a39a93;
    padding: 6px 0;
    border-top: 1px solid #22262c;
  }
  .tw-row:first-child { border-top: 0; padding-top: 0; }
  .tw-row b { color: #fff; }
  .tw-confirm { margin-top: 2px; }
  .tw-confirm span { flex: 1; text-align: center; padding: 12px; border-radius: 999px; }
  .tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 20px; }
  .tab {
    border: 1px solid var(--line);
    background: var(--card);
    color: var(--tab-color);
    border-radius: 999px;
    padding: 8px 14px;
    font-weight: 600;
    cursor: pointer;
  }
  .tab.is-on { background: var(--primary); border-color: var(--primary); color: #fff; }
  .market-copy p { color: var(--lede); }
  .phone-static {
    background: #111;
    color: #fff;
    border: 1px solid var(--line);
    border-radius: 32px;
    padding: 18px;
    min-height: 420px;
    box-shadow: 0 20px 50px rgba(249,103,11,.12);
  }
  .band {
    background: var(--primary);
    color: #fff;
    text-align: center;
    padding: 56px 20px;
  }
  .band h2 { color: #fff; margin-bottom: 10px; }
  .band p { color: rgba(255,255,255,.88); margin: 0 0 18px; }
  .tools-band {
    background: #07080a;
    color: #fff;
  }
  .tools-band h2 { color: #fff; }
  .tools-band .sub {
    color: #A39A93;
    max-width: 560px;
    margin-bottom: 32px;
  }
  .tools {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    align-items: stretch;
  }
  .tool-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 268px;
    padding: 26px 24px 22px;
    border: 1px solid #22262c;
    border-radius: 20px;
    background: #101318;
  }
  .tool-icon {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    background: var(--primary);
    color: #0b0b0b;
    display: grid;
    place-items: center;
    margin-bottom: 18px;
    font-size: 20px;
  }
  .tool-icon i { font-size: 20px; line-height: 1; }
  .tool-card h3 {
    margin: 0 0 8px;
    font-size: 22px;
    letter-spacing: -.03em;
    color: #fff;
  }
  .tool-card p {
    margin: 0;
    color: #A39A93;
    font-size: 15px;
    line-height: 1.55;
  }
  .tool-go {
    margin-top: auto;
    padding-top: 22px;
    color: var(--primary);
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }
  .tool-go:hover { color: #ff8a38; }
  .tool-go:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 3px;
    border-radius: 4px;
  }
  .tool-aside {
    overflow: hidden;
    background:
      radial-gradient(120% 80% at 80% 20%, rgba(249,103,11,.16), transparent 55%),
      #0c0e12;
  }
  .tool-aside > :not(.tool-aside-chart) {
    position: relative;
    z-index: 1;
  }
  .tool-aside-chart {
    position: absolute;
    inset: 6% -14% -22% -10%;
    width: 124%;
    height: 108%;
    pointer-events: none;
    opacity: .62;
  }
  .tool-aside.is-in .tool-scan-sweep {
    transform-origin: 268px 128px;
    transform-box: view-box;
    animation: toolScanSweep 9s linear infinite;
  }
  .tool-aside.is-in .tool-scan-lock {
    transform-origin: 176px 70px;
    transform-box: view-box;
    animation: toolScanLock 2.4s ease-in-out infinite;
  }
  .tool-aside.is-in .tool-auto-bar {
    transform-box: fill-box;
    transform-origin: center bottom;
    animation: toolBarPulse 2.8s ease-in-out infinite;
    animation-delay: calc(var(--i) * .14s);
  }
  .tool-aside.is-in .tool-chart-line {
    stroke-dasharray: 14 10;
    animation: toolChartFlow 4.8s linear infinite;
  }
  .tool-aside.is-in .tool-chart-line-soft {
    animation-duration: 7s;
    animation-direction: reverse;
  }
  .tool-aside.is-in .tool-chart-fill {
    animation: toolChartFill 5.5s ease-in-out infinite;
  }
  .setup { display: grid; gap: 8px; }
  .setup div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    border-top: 1px solid var(--line);
    padding-top: 10px;
    font-size: 14px;
  }
  .setup b { font-size: 16px; font-weight: 700; }
  .setup span { color: var(--muted); }
  .why { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
  .why article, .sec article, .risk-grid article {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 22px;
  }
  .risk-grid article { padding: 16px 18px; }
  .why h3, .sec h3, .risk-grid h3 { margin: 0 0 8px; font-size: 18px; }
  .why p, .sec p, .risk-grid p { margin: 0; color: var(--muted); }
  .icon {
    width: 44px; height: 44px;
    border-radius: 12px;
    background: var(--elev);
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    color: var(--primary);
    margin-bottom: 12px;
    transition: transform .25s ease;
  }
  .why article:hover .icon { transform: translateY(-2px); }
  .icon i { font-size: 22px; }
  .pay { display: grid; grid-template-columns: .95fr 1.05fr; gap: 36px; align-items: center; }
  .pay img { width: 100%; height: 420px; object-fit: cover; object-position: center 15%; border-radius: 24px; }
  .pay .setup { margin: 18px 0; }
  .pay .fine { margin-top: 14px; }
  .pay-cta { margin-top: 16px; }
  .methods { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
  .chip { background: var(--elev); border: 1px solid var(--line); border-radius: 999px; padding: 6px 12px; font-size: 13px; }
  .steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
  .step {
    text-align: center;
    position: relative;
  }
  .step-ill {
    width: 100%;
    max-width: 320px;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: contain;
    display: block;
    margin: 0 auto 16px;
    border-radius: 16px;
    border: 1px solid var(--line);
    background: var(--card);
  }
  .step-num {
    width: 36px; height: 36px;
    border-radius: 999px;
    background: var(--primary);
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    display: grid;
    place-items: center;
    margin: 0 auto 12px;
  }
  .steps h3 { margin: 0 0 6px; text-transform: uppercase; font-size: 15px; letter-spacing: .04em; }
  .steps p { margin: 0; color: var(--muted); }
  .risk-grid, .sec { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
  .faq { max-width: 760px; margin: 0 auto; }
  details {
    border-bottom: 1px solid var(--line);
    padding: 14px 0;
  }
  summary {
    cursor: pointer;
    font-weight: 600;
    list-style: none;
    display: flex;
    justify-content: space-between;
    gap: 16px;
  }
  summary::-webkit-details-marker { display: none; }
  summary::after { content: "+"; color: var(--primary); font-size: 22px; }
  details[open] summary::after { content: "–"; }
  details p { color: var(--muted); margin: 10px 0 0; }
  .cta {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    border-radius: 24px;
    padding: 64px 28px;
    text-align: center;
    background: #111;
  }
  .cta::before {
    content: "";
    position: absolute;
    inset: -8%;
    z-index: -2;
    background: url("../images/mockup/cta-bg.png") center 28% / cover no-repeat;
    animation: ctaKen 22s ease-in-out infinite alternate;
  }
  .cta::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(105deg, rgba(249,103,11,.78) 0%, rgba(17,17,17,.72) 52%, rgba(0,0,0,.88) 100%);
  }
  .cta h2 { margin-bottom: 10px; color: #fff; }
  .cta .fine { color: var(--cta-fine); }
  .cta .risk-tiny { color: rgba(255,255,255,.75); }
  .cta .btn-ghost { border-color: rgba(255,255,255,.45); color: #fff; }
  .cta .hero-actions { justify-content: center; }
  .faq-intro a, .faq a { color: var(--primary); text-decoration: none; font-weight: 600; }
  .faq-intro a:hover, .faq a:hover { text-decoration: underline; }
  footer.site {
    padding: 48px 0 32px;
    color: var(--muted);
    font-size: 14px;
    background: var(--footer);
    border-top: 1px solid var(--line);
  }
  .foot-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 24px; margin-bottom: 28px; }
  .foot-grid h4 { margin: 0 0 12px; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--text); }
  .foot-grid a { display: block; color: var(--foot-link); text-decoration: none; margin: 6px 0; }
  .foot-grid a:hover { color: var(--primary); }
  .foot-brand { margin-bottom: 12px; }
  .foot-grid p { margin: 0; max-width: 280px; }
  .legal {
    font-size: 12px;
    color: var(--soft);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
    padding-top: 16px;
    border-top: 1px solid var(--line);
  }
  .chat {
    position: fixed;
    right: 18px;
    bottom: 18px;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: var(--primary);
    color: #fff;
    display: grid;
    place-items: center;
    text-decoration: none;
    box-shadow: 0 10px 30px rgba(249,103,11,.4);
    z-index: 30;
    font-size: 22px;
  }
  .mobile-cta {
    display: none;
    position: fixed;
    left: 0; right: 0; bottom: 0;
    padding: 12px 16px;
    background: var(--mobile-cta);
    border-top: 1px solid var(--line);
    z-index: 25;
  }
  @media (max-width: 960px) {
    section { padding: 48px 0; }
    .band { padding: 48px 20px; }
    .hero, .how-trade, .pay, .facts, .why, .risk-grid, .sec, .steps { grid-template-columns: 1fr; }
    .how-trade-visual { order: -1; }
    .tools { grid-template-columns: 1fr 1fr; }
    .tools > :last-child { grid-column: 1 / -1; min-height: 220px; }
    .facts, .why { grid-template-columns: 1fr 1fr; }
    .facts-3 { grid-template-columns: 1fr; }
    .foot-grid { grid-template-columns: 1fr 1fr; }
    .foot-grid > :first-child { grid-column: 1 / -1; }
    .links { display: none; }
    .menu-btn { display: grid; place-items: center; }
    .links.is-open {
      display: flex;
      flex-direction: column;
      position: absolute;
      top: calc(100% + 8px);
      right: 0;
      left: auto;
      width: min(240px, calc(100% - 16px));
      background: var(--menu-panel);
      border: 1px solid var(--line);
      border-radius: 16px;
      padding: 12px 14px 16px;
      box-shadow: var(--nav-shadow);
      z-index: 45;
    }
    .end .btn { display: none; }
    .links.is-open .nav-login {
      display: inline-flex;
      margin-top: 8px;
      align-self: flex-start;
    }
    .hero-visual { min-height: 420px; }
    .hero-visual img.person { height: 420px; object-position: center 18%; }
    .phone { width: 210px; }
    .phone .row2 { font-size: 11px; }
    .phone .row2 b { font-size: 13px; }
    .mobile-cta { display: block; }
    .mobile-cta .btn { width: 100%; }
    .chat { bottom: 84px; right: 16px; }
    .cta { padding: 72px 22px 56px; }
    .cta::after {
      background: linear-gradient(180deg, rgba(17,17,17,.5) 0%, rgba(249,103,11,.84) 40%, rgba(0,0,0,.92) 100%);
    }
    body { padding-bottom: 76px; }
    footer.site { padding-bottom: 20px; }
    .legal { padding-right: 80px; padding-bottom: 12px; gap: 10px; }
  }
  @media (max-width: 640px) {
    .tools { grid-template-columns: 1fr; }
    .tools > :last-child { grid-column: auto; }
    .facts, .why { grid-template-columns: 1fr; }
    .foot-grid { grid-template-columns: 1fr; }
    .foot-grid > :first-child { grid-column: auto; }
    h1 { font-size: 42px; }
    .cta { padding: 80px 20px 48px; }
    .cta::before { background-position: center 18%; }
  }
  .reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .65s ease, transform .65s ease;
    transition-delay: var(--delay, 0ms);
  }
  .reveal.is-in { opacity: 1; transform: none; }
  .tab-pop { animation: tabPop .4s ease; }
  @keyframes tabPop {
    from { opacity: .4; transform: translateY(8px); }
    to { opacity: 1; transform: none; }
  }
  @keyframes riseIn {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: none; }
  }
  @keyframes phoneFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
  }
  @keyframes digitGlow {
    0%, 100% { box-shadow: 0 0 0 0 rgba(249,103,11,.0); filter: brightness(1); }
    50% { box-shadow: 0 0 12px 2px rgba(249,103,11,.45); filter: brightness(1.15); }
  }
  @keyframes lineShine {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
  }
  @keyframes ctaKen {
    from { transform: scale(1); }
    to { transform: scale(1.08); }
  }
  @keyframes chatPulse {
    0%, 100% { transform: scale(1); box-shadow: 0 10px 30px rgba(249,103,11,.4); }
    50% { transform: scale(1.05); box-shadow: 0 12px 36px rgba(249,103,11,.55); }
  }
  @keyframes toolScanSweep {
    to { transform: rotate(360deg); }
  }
  @keyframes toolScanLock {
    0%, 100% { transform: scale(1); opacity: .8; }
    50% { transform: scale(1.16); opacity: 1; }
  }
  @keyframes toolBarPulse {
    0%, 100% { transform: scaleY(1); }
    50% { transform: scaleY(.58); }
  }
  @keyframes toolChartFlow {
    to { stroke-dashoffset: -96; }
  }
  @keyframes tradeWalkPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.08); }
  }
  @keyframes bandSheen {
    0% { transform: translateX(-120%); }
    100% { transform: translateX(120%); }
  }
  .hero .eyebrow { animation: riseIn .7s ease both; }
  .hero h1 { animation: riseIn .7s ease .1s both; }
  .hero .lede { animation: riseIn .7s ease .2s both; }
  .hero-copy .hero-actions { animation: riseIn .7s ease .3s both; }
  .hero-checks { animation: riseIn .7s ease .4s both; }
  .hero-visual { animation: riseIn .8s ease .16s both; }
  .phone { animation: phoneFloat 5.5s ease-in-out infinite; }
  .digits .on { animation: digitGlow 1.8s ease-in-out infinite; }
  .auto-line {
    background: linear-gradient(90deg, var(--primary) 0%, #ff8a3d 45%, var(--primary) 100%);
    background-size: 180% 100%;
    animation: lineShine 2.8s linear infinite;
  }
  .band { position: relative; overflow: hidden; }
  .band::after {
    content: "";
    position: absolute;
    top: 0; bottom: 0;
    width: 40%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);
    animation: bandSheen 5.5s ease-in-out infinite;
    pointer-events: none;
  }
  .chat { animation: chatPulse 2.8s ease-in-out infinite; }
  .ba-support-widget-landing .ba-support-widget-toggle {
    animation: chatPulse 2.8s ease-in-out infinite;
  }
  .ba-support-widget-landing .ba-support-widget-toggle[aria-expanded="true"] {
    animation: none;
  }
  @media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .nav, .site-header, .reveal, .btn { transition: none; }
    .reveal { opacity: 1; transform: none; }
    .hero .eyebrow, .hero h1, .hero .lede, .hero-copy .hero-actions, .hero-checks, .hero-visual,
    .phone, .trade-shot, .digits .on, .auto-line, .cta::before, .chat, .band::after, .tab-pop,
    .tool-scan-sweep, .tool-scan-lock, .tool-auto-bar, .tool-chart-line, .tool-chart-fill,
    .ba-support-widget-landing .ba-support-widget-toggle, .btn-arrow, .trade-walk-item.is-on .trade-walk-num,
    .tw-region.is-lit .tw-contracts span.is-on, .tw-region.is-lit .tw-chips span.is-on,
    .tw-region.is-lit .tw-confirm span.is-on {
      animation: none !important;
    }
    .btn:hover .btn-arrow,
    .tool-go:hover .btn-arrow { transform: none; }
    .trade-walk-item.is-on { transform: none; }
    .why article:hover .icon { transform: none; }
  }