/* ==========================================================
   Veltrix Prime Ltd - Design System
   Light premium fintech / Royal Blue on White / Ice Blue
   ========================================================== */
:root{
  --white:#FFFFFF;
  --ice:#F0F6FF;
  --ice-2:#E6F0FF;
  --blue:#1769FF;
  --blue-600:#0F55D9;
  --blue-700:#0B44B3;
  --blue-50:#EAF2FF;
  --navy:#101D38;
  --navy-2:#1B2B4F;
  --ink:#101D38;
  --muted:#5B6B8A;
  --muted-2:#8A98B3;
  --line:#E3ECFA;
  --line-2:#D4E2F8;
  --green:#12B76A;
  --red:#F04438;
  --radius-sm:10px;
  --radius:16px;
  --radius-lg:24px;
  --radius-xl:32px;
  --shadow-xs:0 1px 2px rgba(16,29,56,.06);
  --shadow-sm:0 4px 14px -4px rgba(16,29,56,.08);
  --shadow:0 18px 40px -18px rgba(23,105,255,.28), 0 4px 12px -6px rgba(16,29,56,.08);
  --shadow-lg:0 40px 80px -30px rgba(23,105,255,.35), 0 10px 30px -12px rgba(16,29,56,.12);
  --shadow-img:0 30px 60px -25px rgba(16,29,56,.30), 0 12px 24px -12px rgba(23,105,255,.25);
  --font-head:"Plus Jakarta Sans",system-ui,sans-serif;
  --font-body:"Inter",system-ui,sans-serif;
  --container:1200px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:clip;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font-body);color:var(--ink);background:var(--white);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
h1,h2,h3,h4,h5{font-family:var(--font-head);font-weight:700;letter-spacing:-.02em;line-height:1.12;color:var(--navy)}
h1{font-size:clamp(2.4rem,5.2vw,4rem);font-weight:800;letter-spacing:-.035em}
h2{font-size:clamp(1.9rem,3.6vw,2.75rem);letter-spacing:-.03em}
h3{font-size:1.25rem}
p{color:var(--muted)}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}
.accent{color:var(--blue)}
.grad-text{background:linear-gradient(100deg,var(--blue) 0%,#4E8DFF 60%,#7AA8FF 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px;border-radius:999px;font-family:var(--font-head);font-weight:600;font-size:.95rem;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s;white-space:nowrap}
.btn svg{width:16px;height:16px;transition:transform .25s var(--ease)}
.btn:hover svg{transform:translateX(3px)}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 10px 24px -10px rgba(23,105,255,.7),inset 0 1px 0 rgba(255,255,255,.25)}
.btn-primary:hover{background:var(--blue-600);transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(23,105,255,.8)}
.btn-ghost{background:#fff;color:var(--navy);border:1px solid var(--line-2);box-shadow:var(--shadow-xs)}
.btn-ghost:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}
.btn-navy{background:var(--navy);color:#fff}
.btn-navy:hover{background:var(--navy-2);transform:translateY(-2px)}
.btn-white{background:#fff;color:var(--blue)}
.btn-white:hover{transform:translateY(-2px);box-shadow:0 14px 30px -10px rgba(0,0,0,.25)}
.btn-sm{height:40px;padding:0 18px;font-size:.88rem}
.link-arrow{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-weight:600;font-family:var(--font-head);font-size:.92rem}
.link-arrow svg{width:14px;height:14px;transition:transform .2s}
.link-arrow:hover svg{transform:translateX(3px)}

/* ---------- Eyebrow / pills ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--blue-50);color:var(--blue);font-family:var(--font-head);font-weight:700;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid #D6E5FF}
.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(23,105,255,.15);animation:pulse 2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(23,105,255,0)}}
.section{padding:110px 0;position:relative}
.section-ice{background:var(--ice)}
.section-head{max-width:680px;margin-bottom:56px}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center}
.section-head h2{margin:16px 0 14px}
.section-head p{font-size:1.06rem}
.split-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:48px;flex-wrap:wrap}
.split-head .section-head{margin-bottom:0}

/* ---------- Risk bar ---------- */
.riskbar{background:var(--navy);color:#C9D6EE;font-size:.76rem}
.riskbar .container{display:flex;justify-content:space-between;align-items:center;height:36px;gap:16px}
.riskbar strong{color:#fff;font-weight:600}
.riskbar .rb-links{display:flex;gap:18px;flex-shrink:0}
.riskbar .rb-links a:hover{color:#fff}
.riskbar .rb-msg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- Header ---------- */
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.header.scrolled{border-color:var(--line);box-shadow:0 8px 30px -20px rgba(16,29,56,.25)}
.nav{display:flex;align-items:center;justify-content:space-between;height:76px;gap:24px}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo svg{height:38px;width:auto}
.menu{display:flex;align-items:center;gap:4px;list-style:none}
.menu>li{position:relative}
.menu>li>a{display:flex;align-items:center;gap:4px;padding:10px 14px;border-radius:999px;font-weight:500;font-size:.93rem;color:var(--navy-2);transition:color .2s,background .2s}
.menu>li>a:hover,.menu>li>a.active{color:var(--blue);background:var(--blue-50)}
.menu .chev{width:12px;height:12px;opacity:.6;transition:transform .2s}
.menu>li:hover .chev{transform:rotate(180deg)}
.dropdown{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,8px);min-width:300px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:10px;opacity:0;visibility:hidden;transition:all .25s var(--ease)}
.dropdown::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}
.menu>li:hover .dropdown,.menu>li:focus-within .dropdown{opacity:1;visibility:visible;transform:translate(-50%,0)}
.dropdown a{display:flex;gap:12px;padding:12px;border-radius:12px;transition:background .2s}
.dropdown a:hover{background:var(--ice)}
.dd-ico{width:38px;height:38px;border-radius:10px;background:var(--blue-50);color:var(--blue);display:grid;place-items:center;flex-shrink:0}
.dd-ico svg{width:18px;height:18px}
.dropdown strong{display:block;font-family:var(--font-head);font-size:.9rem;color:var(--navy)}
.dropdown span{font-size:.8rem;color:var(--muted)}
.nav-cta{display:flex;align-items:center;gap:10px}
.nav-cta .login{font-weight:600;font-size:.93rem;padding:10px 14px;color:var(--navy)}
.nav-cta .login:hover{color:var(--blue)}
.burger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line-2);place-items:center}
.burger span,.burger span::before,.burger span::after{display:block;width:18px;height:2px;background:var(--navy);border-radius:2px;position:relative;transition:.3s}
.burger span::before,.burger span::after{content:"";position:absolute;left:0}
.burger span::before{top:-6px}.burger span::after{top:6px}
.nav-open .burger span{background:transparent}
.nav-open .burger span::before{top:0;transform:rotate(45deg)}
.nav-open .burger span::after{top:0;transform:rotate(-45deg)}
.mobile-menu{display:none}

/* ---------- Hero ---------- */
.hero{position:relative;padding:72px 0 40px;overflow:hidden;background:
  radial-gradient(60% 60% at 85% 20%,rgba(23,105,255,.12) 0%,rgba(23,105,255,0) 70%),
  radial-gradient(40% 50% at 10% 90%,rgba(122,168,255,.14) 0%,rgba(122,168,255,0) 70%),
  linear-gradient(180deg,#F7FAFF 0%,#FFFFFF 100%)}
.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(70% 60% at 50% 30%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 30%,transparent 80%);opacity:.55;pointer-events:none}
.hero .container{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hero h1{margin:22px 0 22px}
.hero-lead{font-size:1.15rem;max-width:520px;margin-bottom:34px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px}
.hero-trust{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--muted)}
.trust-item svg{width:20px;height:20px;color:var(--blue)}
.trust-item b{color:var(--navy);font-family:var(--font-head)}
.hero-visual{position:relative;min-height:540px}
.hero-orb{position:absolute;inset:6% 4% 0 10%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#DCE9FF 0%,#C2D8FF 35%,rgba(23,105,255,.18) 70%,transparent 72%);filter:blur(4px)}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 40px 50px rgba(23,105,255,.25));animation:float 7s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-14px)}}
.float-card{position:absolute;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.9);border-radius:18px;box-shadow:var(--shadow-lg);padding:16px 18px;z-index:2}
.fc-quote{top:8%;left:-4%;width:230px;animation:float 6s ease-in-out infinite .4s}
.fc-exec{bottom:16%;left:2%;width:220px;animation:float 8s ease-in-out infinite 1s}
.fc-spread{top:30%;right:-2%;width:200px;animation:float 7s ease-in-out infinite 1.6s}
.fc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.fc-sym{display:flex;align-items:center;gap:8px;font-family:var(--font-head);font-weight:700;font-size:.9rem}
.flag-pair{display:flex}
.flag-pair i{width:20px;height:20px;border-radius:50%;border:2px solid #fff;display:grid;place-items:center;font-style:normal;font-size:.6rem;font-weight:800;color:#fff}
.flag-pair i+i{margin-left:-7px}
.fc-price{font-family:var(--font-head);font-size:1.4rem;font-weight:800;letter-spacing:-.02em}
.chg{font-size:.78rem;font-weight:700;padding:2px 8px;border-radius:999px}
.chg.up{color:var(--green);background:#E7F8EF}
.chg.down{color:var(--red);background:#FEECEB}
.fc-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.fc-big{font-family:var(--font-head);font-size:2rem;font-weight:800;color:var(--blue);letter-spacing:-.03em;line-height:1.1}
.fc-big small{font-size:.8rem;color:var(--muted);font-weight:600;margin-left:4px}
.fc-exec .bar{height:6px;border-radius:6px;background:var(--ice-2);margin-top:10px;overflow:hidden}
.fc-exec .bar i{display:block;height:100%;width:92%;background:linear-gradient(90deg,var(--blue),#6FA2FF);border-radius:6px}
canvas.spark{width:100%;height:44px;display:block;margin-top:6px}

/* ---------- Ticker ---------- */
.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;overflow:hidden;position:relative}
.ticker::before,.ticker::after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}
.ticker::before{left:0;background:linear-gradient(90deg,#fff,transparent)}
.ticker::after{right:0;background:linear-gradient(-90deg,#fff,transparent)}
.ticker-track{display:flex;width:max-content;animation:marquee 45s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}
.tick{display:flex;align-items:center;gap:12px;padding:18px 30px;border-right:1px solid var(--line);font-size:.9rem;white-space:nowrap}
.tick b{font-family:var(--font-head);color:var(--navy)}
.tick .px{font-variant-numeric:tabular-nums;color:var(--navy-2);font-weight:500;transition:color .4s}
.tick .px.flash-up{color:var(--green)}
.tick .px.flash-down{color:var(--red)}

/* ---------- Stats strip ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-top:-1px}
.stat{padding:30px 28px;border-right:1px solid var(--line)}
.stat:last-child{border-right:0}
.stat-num{font-family:var(--font-head);font-size:2.4rem;font-weight:800;color:var(--navy);letter-spacing:-.03em;line-height:1}
.stat-num span{color:var(--blue)}
.stat p{margin-top:8px;font-size:.9rem}

/* ---------- Why (tabbed panel, cosmo-style) ---------- */
.why-panel{display:grid;grid-template-columns:380px 1fr;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}
.why-tabs{border-right:1px solid var(--line);padding:12px;background:linear-gradient(180deg,#FBFDFF,#F5F9FF)}
.why-tab{width:100%;display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;text-align:left;position:relative;transition:background .25s}
.why-tab:hover{background:#fff}
.why-tab.active{background:#fff;box-shadow:var(--shadow-sm)}
.why-tab.active::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:3px;background:var(--blue)}
.why-tab .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--ice);color:var(--muted);transition:.25s;flex-shrink:0}
.why-tab.active .ic{background:var(--blue);color:#fff;box-shadow:0 8px 18px -8px rgba(23,105,255,.8)}
.why-tab .ic svg{width:20px;height:20px}
.why-tab strong{display:block;font-family:var(--font-head);font-size:.95rem;color:var(--navy)}
.why-tab small{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);font-weight:600}
.why-tab .arr{margin-left:auto;width:16px;height:16px;color:var(--blue);opacity:0;transition:.25s}
.why-tab.active .arr{opacity:1}
.why-body{padding:48px;position:relative;overflow:hidden;min-height:420px}
.why-body::after{content:"";position:absolute;right:-120px;bottom:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(23,105,255,.12),transparent 70%)}
.why-pane{display:none;position:relative;z-index:1;animation:fadeUp .5s var(--ease)}
.why-pane.active{display:block}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.why-pane .big-ic{width:58px;height:58px;border-radius:16px;background:var(--blue);color:#fff;display:grid;place-items:center;box-shadow:0 14px 28px -12px rgba(23,105,255,.8);margin-bottom:28px}
.why-pane .big-ic svg{width:26px;height:26px}
.why-metric{display:flex;align-items:flex-end;gap:10px;margin-bottom:10px}
.why-metric b{font-family:var(--font-head);font-size:4.2rem;font-weight:800;letter-spacing:-.05em;line-height:.9;color:var(--navy)}
.why-metric span{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);line-height:1.3;padding-bottom:6px}
.why-pane h3{font-size:1.5rem;margin:18px 0 10px}
.why-pane p{max-width:500px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--ice);border:1px solid var(--line);font-size:.82rem;font-weight:600;color:var(--navy-2)}
.chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue)}

/* ---------- Terminal mockup ---------- */
.showcase{position:relative;padding:20px 0 0}
.device{position:relative;max-width:1040px;margin:0 auto}
.laptop-screen{background:#0E1A33;border-radius:22px 22px 0 0;padding:12px;box-shadow:var(--shadow-lg);border:1px solid #22345A}
.terminal{background:#fff;border-radius:12px;overflow:hidden;font-size:11px;color:var(--navy)}
.t-top{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line);background:#FAFCFF}
.t-top .logo svg{height:20px}
.t-tabs{display:flex;gap:4px}
.t-tabs span{padding:5px 10px;border-radius:6px;color:var(--muted);font-weight:500}
.t-tabs span.on{background:var(--blue-50);color:var(--blue);font-weight:600}
.t-acc{display:flex;gap:16px;align-items:center}
.t-acc div{line-height:1.2}
.t-acc small{display:block;color:var(--muted-2);font-size:9px}
.t-acc b{font-family:var(--font-head)}
.t-dep{background:var(--blue);color:#fff;padding:6px 12px;border-radius:6px;font-weight:600}
.t-body{display:grid;grid-template-columns:180px 1fr 200px;min-height:380px}
.t-watch{border-right:1px solid var(--line);padding:8px}
.t-watch h6,.t-order h6{font-family:var(--font-head);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);padding:6px 6px 8px}
.t-row{display:flex;justify-content:space-between;padding:7px 6px;border-radius:6px;font-variant-numeric:tabular-nums}
.t-row.on{background:var(--blue-50)}
.t-row b{font-weight:600}
.t-row .up{color:var(--green)}.t-row .down{color:var(--red)}
.t-chart{padding:12px;display:flex;flex-direction:column}
.t-chart-head{display:flex;align-items:center;gap:14px;margin-bottom:8px}
.t-chart-head b{font-family:var(--font-head);font-size:14px}
.t-tf{display:flex;gap:2px;margin-left:auto}
.t-tf span{padding:3px 7px;border-radius:5px;color:var(--muted)}
.t-tf span.on{background:var(--navy);color:#fff}
.t-chart canvas{flex:1;width:100%;min-height:300px}
.t-order{border-left:1px solid var(--line);padding:8px 12px}
.t-bs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:6px 0 12px}
.t-bs div{border-radius:8px;padding:8px;text-align:center;color:#fff;font-weight:700}
.t-bs .s{background:var(--red)}.t-bs .b{background:var(--green)}
.t-bs small{display:block;font-size:9px;font-weight:500;opacity:.85}
.t-field{border:1px solid var(--line);border-radius:7px;padding:7px 9px;margin-bottom:8px;display:flex;justify-content:space-between}
.t-field small{color:var(--muted-2)}
.t-place{background:var(--blue);color:#fff;border-radius:8px;padding:9px;text-align:center;font-weight:700;margin-top:4px}
.t-pos{margin-top:14px;border-top:1px solid var(--line);padding-top:8px}
.laptop-base{height:18px;background:linear-gradient(180deg,#D8E2F2,#B9C7DE);border-radius:0 0 14px 14px;margin:0 -50px;position:relative;box-shadow:0 30px 40px -20px rgba(16,29,56,.35)}
.laptop-base::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:140px;height:7px;background:#A8B7D0;border-radius:0 0 10px 10px}
.sc-badge{position:absolute;z-index:3}
.sc-b1{left:-70px;bottom:18%}
.sc-b2{right:-60px;top:-34px}

/* ---------- Platforms (device tabs) ---------- */
.plat-panel{display:grid;grid-template-columns:340px 1fr;gap:0;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.plat-list{display:flex;flex-direction:column}
.plat-item{display:flex;gap:14px;align-items:center;padding:26px 24px;border-bottom:1px solid var(--line);text-align:left;transition:background .25s;position:relative}
.plat-item:last-child{border-bottom:0}
.plat-item:hover{background:var(--ice)}
.plat-item.active{background:var(--ice)}
.plat-item.active::after{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:var(--blue)}
.plat-item .ic{width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--blue);flex-shrink:0}
.plat-item.active .ic{background:var(--blue);color:#fff;border-color:var(--blue)}
.plat-item .ic svg{width:20px;height:20px}
.plat-item strong{display:block;font-family:var(--font-head);color:var(--navy)}
.plat-item span{font-size:.85rem;color:var(--muted)}
.plat-stage{position:relative;background:linear-gradient(135deg,#F3F8FF 0%,#E3EEFF 100%);min-height:520px;overflow:hidden}
.plat-stage .pattern{position:absolute;inset:0;opacity:.5;background-image:radial-gradient(rgba(23,105,255,.22) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,#000 40%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%)}
.plat-pane{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:44px;gap:24px;opacity:0;visibility:hidden;transition:opacity .45s var(--ease)}
.plat-pane.active{opacity:1;visibility:visible}
.plat-pane h3{font-size:1.9rem;margin-bottom:12px}
.plat-pane ul{list-style:none;margin:20px 0 26px;display:grid;gap:10px}
.plat-pane li{display:flex;gap:10px;align-items:flex-start;font-size:.93rem;color:var(--navy-2)}
.plat-pane li svg{width:18px;height:18px;color:var(--blue);flex-shrink:0;margin-top:2px}
.plat-img{border-radius:22px;box-shadow:var(--shadow-img);height:420px;width:100%;object-fit:cover}

/* ---------- Product cards ---------- */
.cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s;position:relative;overflow:hidden}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:#CFE0FF}
.card .tag{display:inline-flex;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);background:var(--blue-50);padding:5px 10px;border-radius:999px;margin-bottom:22px}
.card .num{position:absolute;top:26px;right:26px;font-family:var(--font-head);font-weight:700;color:var(--line-2);font-size:.9rem}
.card .ic{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--blue),#4E8DFF);color:#fff;display:grid;place-items:center;margin-bottom:22px;box-shadow:0 12px 24px -10px rgba(23,105,255,.7)}
.card .ic svg{width:24px;height:24px}
.card h3{margin-bottom:10px}
.card p{font-size:.92rem;margin-bottom:22px}
.help-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:22px 28px;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--line);flex-wrap:wrap}
.help-bar p{color:var(--navy-2);font-weight:500}

/* ---------- Steps ---------- */
.steps-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}
.steps{display:grid;gap:18px;counter-reset:s}
.step{display:flex;gap:22px;padding:26px;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--line);transition:.3s;align-items:flex-start}
.step:hover{box-shadow:var(--shadow);border-color:#CFE0FF}
.step-n{font-family:var(--font-head);font-weight:800;font-size:2.6rem;line-height:.9;color:transparent;-webkit-text-stroke:1.5px var(--blue);min-width:44px}
.step h4{font-size:1.1rem;margin-bottom:6px}
.step p{font-size:.92rem}
.pay-logos{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.pay{height:28px;padding:0 10px;border-radius:7px;border:1px solid var(--line);display:inline-flex;align-items:center;font-size:.72rem;font-weight:800;letter-spacing:.02em;color:var(--navy-2);background:#fff}

/* ---------- Global / image blocks ---------- */
.img-frame{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-img);position:relative}
.img-frame img{width:100%;height:100%;object-fit:cover}
.media-split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.check-list{list-style:none;display:grid;gap:14px;margin:26px 0 32px}
.check-list li{display:flex;gap:12px;color:var(--navy-2)}
.check-list li svg{width:22px;height:22px;flex-shrink:0;color:#fff;background:var(--blue);border-radius:50%;padding:4px}
.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mini-stat{padding:18px;border-radius:16px;background:var(--ice);border:1px solid var(--line)}
.mini-stat b{display:block;font-family:var(--font-head);font-size:1.5rem;color:var(--navy);letter-spacing:-.02em}
.mini-stat span{font-size:.82rem;color:var(--muted)}

/* ---------- Markets table ---------- */
.mk-tabs{display:inline-flex;gap:4px;padding:5px;background:var(--ice);border:1px solid var(--line);border-radius:999px;margin-bottom:24px;flex-wrap:wrap}
.mk-tabs button{padding:9px 18px;border-radius:999px;font-weight:600;font-size:.88rem;color:var(--muted);font-family:var(--font-head)}
.mk-tabs button.active{background:#fff;color:var(--blue);box-shadow:var(--shadow-sm)}
.table-wrap{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:auto;box-shadow:var(--shadow)}
table.mk{width:100%;border-collapse:collapse;min-width:640px}
table.mk th{text-align:left;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);font-weight:600;padding:16px 22px;border-bottom:1px solid var(--line);background:#FAFCFF}
table.mk td{padding:16px 22px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;font-size:.93rem}
table.mk tr:last-child td{border-bottom:0}
table.mk tr:hover td{background:#FAFCFF}
.sym{display:flex;align-items:center;gap:12px}
.sym-ic{width:34px;height:34px;border-radius:10px;background:var(--blue-50);color:var(--blue);display:grid;place-items:center;font-family:var(--font-head);font-weight:800;font-size:.72rem}
.sym b{display:block;font-family:var(--font-head)}
.sym small{color:var(--muted);font-size:.78rem}
td canvas{width:90px;height:30px}

/* ---------- Accounts ---------- */
.acc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.acc{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px;display:flex;flex-direction:column;transition:.35s var(--ease);position:relative}
.acc:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.acc.featured{background:linear-gradient(160deg,var(--navy) 0%,#163066 100%);border-color:var(--navy);color:#fff;box-shadow:var(--shadow-lg)}
.acc.featured h3,.acc.featured .acc-price{color:#fff}
.acc.featured p,.acc.featured li{color:#C3D2EE}
.acc .badge{position:absolute;top:22px;right:22px;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--blue);color:#fff;padding:5px 10px;border-radius:999px}
.acc h3{font-size:1.35rem;margin-bottom:6px}
.acc-price{font-family:var(--font-head);font-size:2.6rem;font-weight:800;letter-spacing:-.04em;color:var(--navy);margin:20px 0 4px}
.acc-price small{font-size:.9rem;font-weight:600;color:var(--muted-2);letter-spacing:0}
.acc ul{list-style:none;display:grid;gap:12px;margin:24px 0 30px;flex:1}
.acc li{display:flex;justify-content:space-between;gap:10px;font-size:.92rem;color:var(--navy-2);padding-bottom:12px;border-bottom:1px dashed var(--line)}
.acc.featured li{border-color:rgba(255,255,255,.12)}
.acc li b{font-family:var(--font-head);font-weight:700}
.acc.featured li b{color:#fff}
.acc .btn{justify-content:center}

/* ---------- CTA band ---------- */
.cta-band{position:relative;border-radius:var(--radius-xl);background:linear-gradient(120deg,#0F55D9 0%,#1769FF 45%,#4E8DFF 100%);padding:64px;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;box-shadow:var(--shadow-lg)}
.cta-band::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(70% 90% at 80% 50%,#000,transparent);-webkit-mask-image:radial-gradient(70% 90% at 80% 50%,#000,transparent)}
.cta-band>*{position:relative}
.cta-band h2{color:#fff;margin-bottom:14px}
.cta-band p{color:#DCE8FF;font-size:1.06rem;margin-bottom:28px;max-width:520px}
.cta-band .eyebrow{background:rgba(255,255,255,.15);color:#fff;border-color:rgba(255,255,255,.25)}
.cta-band .eyebrow .dot{background:#fff}
.cta-phone{position:relative;justify-self:center;width:100%;max-width:320px}
.cta-phone img{border-radius:24px;box-shadow:0 40px 70px -25px rgba(0,0,0,.45);transform:rotate(-4deg)}

/* ---------- Page hero (inner) ---------- */
.page-hero{padding:80px 0 70px;background:
  radial-gradient(50% 80% at 90% 10%,rgba(23,105,255,.14),transparent 70%),
  linear-gradient(180deg,#F5F9FF,#fff);position:relative;overflow:hidden}
.page-hero .container{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.page-hero h1{font-size:clamp(2.2rem,4.4vw,3.4rem);margin:18px 0 18px}
.page-hero p.lead{font-size:1.1rem;max-width:560px;margin-bottom:28px}
.crumbs{font-size:.84rem;color:var(--muted-2);margin-bottom:6px}
.crumbs a:hover{color:var(--blue)}
.page-hero .ph-img{border-radius:var(--radius-xl);box-shadow:var(--shadow-img);aspect-ratio:4/3;object-fit:cover;width:100%}
.page-hero .ph-trans{max-height:420px;margin:0 auto;object-fit:contain}
.globe-img{width:100%;height:auto}

/* ---------- Feature list ---------- */
.feat{display:flex;gap:16px;padding:24px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);transition:.3s}
.feat:hover{box-shadow:var(--shadow);border-color:#CFE0FF}
.feat .ic{width:44px;height:44px;border-radius:12px;background:var(--blue-50);color:var(--blue);display:grid;place-items:center;flex-shrink:0}
.feat .ic svg{width:20px;height:20px}
.feat h4{font-size:1.02rem;margin-bottom:4px}
.feat p{font-size:.9rem}

/* ---------- FAQ ---------- */
.faq{max-width:820px;margin:0 auto;display:grid;gap:12px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:0 24px;transition:.3s}
.faq details[open]{box-shadow:var(--shadow);border-color:#CFE0FF}
.faq summary{list-style:none;cursor:pointer;padding:20px 0;font-family:var(--font-head);font-weight:600;color:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.4rem;color:var(--blue);font-weight:400;transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 22px;font-size:.95rem}

/* ---------- Contact ---------- */
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start}
.info-card{display:flex;gap:16px;padding:24px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);margin-bottom:14px}
.info-card .ic{width:46px;height:46px;border-radius:12px;background:var(--blue);color:#fff;display:grid;place-items:center;flex-shrink:0}
.info-card .ic svg{width:20px;height:20px}
.info-card h4{font-size:1rem;margin-bottom:4px}
.info-card p,.info-card a{font-size:.92rem;color:var(--muted)}
.info-card a:hover{color:var(--blue)}
.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-xl);padding:40px;box-shadow:var(--shadow)}
.form-card h3{font-size:1.5rem;margin-bottom:6px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}
.form-grid .full{grid-column:1/-1}
.field label{display:block;font-size:.84rem;font-weight:600;color:var(--navy-2);margin-bottom:7px}
.field input,.field select,.field textarea{width:100%;height:50px;padding:0 16px;border:1px solid var(--line-2);border-radius:12px;font:inherit;font-size:.95rem;color:var(--navy);background:#FBFDFF;transition:.2s}
.field textarea{height:130px;padding:14px 16px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 4px rgba(23,105,255,.12);background:#fff}
.consent{display:flex;gap:10px;font-size:.84rem;color:var(--muted);align-items:flex-start}
.consent input{margin-top:3px;accent-color:var(--blue)}
.form-note{font-size:.88rem;margin-top:14px;color:var(--green);display:none}
.form-note.show{display:block}

/* ---------- Timeline / values ---------- */
.values{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.value{padding:28px;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--line)}
.value b{font-family:var(--font-head);font-size:.8rem;color:var(--blue);letter-spacing:.1em}
.value h4{margin:12px 0 8px;font-size:1.1rem}
.value p{font-size:.9rem}

/* ---------- Footer ---------- */
.footer{background:var(--navy);color:#AFC0DF;padding:80px 0 30px;position:relative;overflow:hidden}
.footer::before{content:"";position:absolute;top:-200px;right:-200px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(23,105,255,.25),transparent 70%)}
.footer .container{position:relative}
.f-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap}
.f-top p{color:#AFC0DF;max-width:420px;margin-top:14px;font-size:.92rem}
.f-cols{display:grid;grid-template-columns:repeat(5,1fr);gap:30px;padding:44px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.f-cols h5{color:#fff;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}
.f-cols ul{list-style:none;display:grid;gap:11px}
.f-cols a{font-size:.9rem;transition:color .2s}
.f-cols a:hover{color:#fff}
.f-addr{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:34px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.f-addr h6{font-family:var(--font-head);color:#fff;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.f-addr p{color:#AFC0DF;font-size:.88rem}
.f-addr a:hover{color:#fff}
.f-legal{padding:30px 0;font-size:.78rem;line-height:1.7;display:grid;gap:14px}
.f-legal p{color:#8495B8}
.f-legal strong{color:#C9D6EE}
.f-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);font-size:.82rem;gap:16px;flex-wrap:wrap}
.f-bottom .links{display:flex;gap:20px;flex-wrap:wrap}
.f-bottom a:hover{color:#fff}
.f-pay{display:flex;gap:8px;flex-wrap:wrap}
.f-pay .pay{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#C9D6EE}

/* ---------- Reveal ---------- */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .menu,.nav-cta .login{display:none}
  .burger{display:grid}
  .mobile-menu{display:block;position:fixed;inset:76px 0 0 0;background:#fff;padding:20px 24px 40px;overflow:auto;transform:translateX(100%);visibility:hidden;transition:transform .35s var(--ease),visibility .35s;z-index:49;border-top:1px solid var(--line)}
  .nav-open .mobile-menu{transform:none;visibility:visible}
  .mobile-menu a{display:block;padding:16px 4px;border-bottom:1px solid var(--line);font-family:var(--font-head);font-weight:600;color:var(--navy)}
  .mobile-menu .sub a{padding-left:18px;font-weight:500;color:var(--muted);font-size:.93rem}
  .mobile-menu .btn{display:flex;justify-content:center;margin-top:20px;border:0;color:#fff}
  .cards-4{grid-template-columns:repeat(2,1fr)}
  .f-cols{grid-template-columns:repeat(3,1fr)}
  .values{grid-template-columns:repeat(2,1fr)}
  .sc-b1,.sc-b2{display:none}
}
@media (max-width:960px){
  .section{padding:80px 0}
  .hero .container,.page-hero .container,.media-split,.steps-wrap,.contact-grid,.cta-band{grid-template-columns:1fr}
  .hero-visual{min-height:440px}
  .why-panel,.plat-panel{grid-template-columns:1fr}
  .why-tabs{border-right:0;border-bottom:1px solid var(--line);display:flex;overflow-x:auto;gap:6px}
  .why-tab{min-width:220px}
  .why-tab .arr{display:none}
  .why-tab.active::before{left:14px;right:14px;top:auto;bottom:0;width:auto;height:3px}
  .plat-list{flex-direction:row;overflow-x:auto;border-bottom:1px solid var(--line)}
  .plat-item{min-width:220px;border-bottom:0;border-right:1px solid var(--line)}
  .plat-item.active::after{top:auto;left:0;width:auto;height:3px}
  .plat-stage{min-height:auto}
  .plat-pane{position:relative;grid-template-columns:1fr;display:none;padding:32px}
  .plat-pane.active{display:grid}
  .plat-img{height:300px}
  .stats{grid-template-columns:repeat(2,1fr)}
  .stat:nth-child(2){border-right:0}
  .stat:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .cards-3,.acc-grid{grid-template-columns:1fr}
  .t-body{grid-template-columns:1fr}
  .t-watch,.t-order{display:none}
  .t-tabs{display:none}
  .laptop-base{margin:0 -16px}
  .cta-band{padding:44px 32px}
  .f-addr{grid-template-columns:1fr}
}
@media (max-width:640px){
  .container{padding:0 16px}
  .riskbar .rb-links{display:none}
  .cards-4,.values,.mini-stats{grid-template-columns:1fr}
  .stat{padding:22px 18px}
  .stat-num{font-size:1.8rem}
  .fc-quote{left:0;width:200px}.fc-spread{right:0;width:170px}.fc-exec{left:0;width:190px}
  .why-body{padding:28px}
  .why-metric b{font-size:3.2rem}
  .form-grid{grid-template-columns:1fr}
  .form-card{padding:26px}
  .f-cols{grid-template-columns:repeat(2,1fr)}
  .nav-cta .btn{display:none}
  .split-head{flex-direction:column;align-items:flex-start}
  .help-bar{flex-direction:column;align-items:flex-start}
}

/* ==========================================================
   Responsive refinements v2
   ========================================================== */
img{height:auto}
.btn{touch-action:manipulation}
@media (max-width:1100px){
  .laptop-base{margin:0 -20px}
  .hero .container{gap:32px}
}
@media (max-width:960px){
  /* Why tabs -> grid instead of cut-off scroller */
  .why-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;overflow:visible;padding:10px}
  .why-tab{min-width:0;padding:12px;gap:10px}
  .why-tab .ic{width:36px;height:36px;border-radius:10px}
  .why-tab .ic svg{width:18px;height:18px}
  .why-tab strong{font-size:.86rem}
  .why-tab small{font-size:.64rem}
  .why-tab.active::before{left:12px;right:12px;bottom:0;top:auto;width:auto;height:3px}
  .why-body{min-height:0;padding:36px}
  /* Platform tabs -> grid */
  .plat-list{display:grid;grid-template-columns:repeat(4,1fr);overflow:visible}
  .plat-item{min-width:0;flex-direction:column;align-items:flex-start;gap:10px;padding:18px 16px;border-right:1px solid var(--line)}
  .plat-item:last-child{border-right:0}
  .plat-item strong{font-size:.9rem}
  .plat-item span span{font-size:.78rem}
  .plat-pane{padding:28px}
  .plat-img{height:auto;max-height:380px;aspect-ratio:4/3}
  /* hero */
  .hero{padding:48px 0 32px}
  .hero-visual{min-height:420px;max-width:560px;width:100%;margin:0 auto}
  .hero-lead{max-width:none}
  /* terminal */
  .t-chart-head>span:nth-of-type(2){display:none}
  .t-chart canvas{min-height:240px}
  /* misc */
  .acc-grid{max-width:560px;margin:0 auto}
  .media-split{gap:48px}
  .steps-wrap{gap:40px}
  .cta-phone{max-width:260px}
  .page-hero{padding:56px 0 48px}
  .page-hero .ph-img{max-width:620px;margin:0 auto}
  .page-hero .ph-trans{max-height:320px}
}
@media (max-width:640px){
  .section{padding:64px 0}
  .section-head{margin-bottom:36px}
  h1{font-size:clamp(2.1rem,9vw,2.6rem)}
  h2{font-size:clamp(1.65rem,7vw,2rem)}
  .hero-lead{font-size:1.02rem}
  .hero-actions{gap:10px}
  .hero-actions .btn{flex:1 1 100%;justify-content:center}
  .hero-trust{gap:12px;flex-direction:column;align-items:flex-start}
  .hero-visual{min-height:360px}
  .float-card{padding:12px 14px;border-radius:14px}
  .fc-quote{top:2%;left:0;width:180px}
  .fc-spread{top:36%;right:0;width:150px}
  .fc-exec{bottom:4%;left:4%;width:160px}
  .fc-price{font-size:1.15rem}
  .fc-big{font-size:1.5rem}
  canvas.spark{height:34px}
  .why-tabs{grid-template-columns:repeat(2,1fr)}
  .why-tab small{display:none}
  .why-body{padding:24px}
  .why-metric b{font-size:3rem}
  .why-pane h3{font-size:1.25rem}
  .why-pane .big-ic{width:48px;height:48px;margin-bottom:20px}
  .plat-list{grid-template-columns:repeat(2,1fr)}
  .plat-item{flex-direction:row;align-items:center;padding:14px;border-bottom:1px solid var(--line)}
  .plat-item:nth-child(2n){border-right:0}
  .plat-item:nth-child(n+3){border-bottom:0}
  .plat-item span span{display:none}
  .plat-item .ic{width:36px;height:36px}
  .plat-pane{padding:22px}
  .plat-pane h3{font-size:1.4rem}
  .t-top{padding:8px 10px}
  .t-acc div:not(:first-child){display:none}
  .t-chart{padding:8px}
  .t-chart-head{flex-wrap:wrap;gap:8px}
  .t-tf{margin-left:0;width:100%}
  .t-chart canvas{min-height:200px}
  .laptop-screen{padding:6px;border-radius:14px 14px 0 0}
  .laptop-base{height:12px;margin:0 -8px}
  .mini-stats{grid-template-columns:repeat(3,1fr);gap:8px}
  .mini-stat{padding:12px}
  .mini-stat b{font-size:1.15rem}
  .mini-stat span{font-size:.72rem;line-height:1.3;display:block}
  .step{padding:20px;gap:14px}
  .step-n{font-size:2rem;min-width:34px}
  .card{padding:22px}
  .acc{padding:26px}
  .acc-price{font-size:2.2rem}
  .cta-band{padding:36px 22px;border-radius:24px}
  .cta-band .hero-actions .btn{flex:1 1 100%}
  .cta-phone{max-width:220px}
  .page-hero h1{font-size:clamp(2rem,8.5vw,2.5rem)}
  .page-hero .hero-actions .btn{flex:1 1 100%;justify-content:center}
  .page-hero .ph-trans{max-height:260px}
  .cards-3[style*="repeat(2"]{grid-template-columns:1fr!important}
  #funding .cards-3{grid-template-columns:1fr!important}
  .mk-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none}
  .mk-tabs::-webkit-scrollbar{display:none}
  .mk-tabs button{flex-shrink:0}
  table.mk th,table.mk td{padding:12px 14px}
  .form-card{padding:22px;border-radius:24px}
  .info-card{padding:18px}
  .faq details{padding:0 18px}
  .faq summary{font-size:.95rem}
  .f-top{flex-direction:column;align-items:flex-start}
  .f-bottom{flex-direction:column;align-items:flex-start}
  .help-bar .btn{width:100%;justify-content:center}
  .split-head .btn{width:100%;justify-content:center}
}
@media (max-width:360px){
  .container{padding:0 14px}
  .fc-quote{width:160px}.fc-spread{width:132px}.fc-exec{width:140px}
  .why-tabs,.plat-list{grid-template-columns:1fr}
  .plat-item{border-right:0!important;border-bottom:1px solid var(--line)!important}
  .mini-stats{grid-template-columns:1fr}
  .f-cols{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr}
  .stat{border-right:0!important;border-bottom:1px solid var(--line)}
}
@media (max-width:640px){
  table.mk{min-width:0}
  table.live th:nth-child(3),table.live td:nth-child(3),
  table.live th:nth-child(6),table.live td:nth-child(6),
  table.live th:nth-child(7),table.live td:nth-child(7){display:none}
  table.pay-t th:nth-child(2),table.pay-t td:nth-child(2),table.pay-t th:nth-child(5),table.pay-t td:nth-child(5){display:none}
  table.matrix th{font-size:.6rem;padding:10px 4px}
  table.matrix td{padding:10px 4px;font-size:.8rem}
  table.matrix td:first-child{padding-left:12px}
  table.cmp td,table.cmp th{font-size:.8rem;padding:10px 8px}
  table.mk th,table.mk td{padding:12px 10px;font-size:.86rem}
  table.mk th{font-size:.66rem}
  .sym{gap:8px}.sym small{display:none}
  .sym-ic{width:28px;height:28px;font-size:.62rem;border-radius:8px}
  table.mk .chg{font-size:.72rem;padding:2px 6px}
}

/* ==========================================================
   Inner pages v3 - hero visuals, components, motion
   ========================================================== */
.page-hero.ih{padding:72px 0 64px}
.page-hero .hero-trust{margin-top:30px}
.page-hero .hero-actions{margin-bottom:0}
.crumbs span{margin:0 4px;opacity:.5}
.ph-blob{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;opacity:.55}
.ph-blob.b1{width:380px;height:380px;background:#CFE0FF;top:-120px;right:8%;animation:blob 14s ease-in-out infinite}
.ph-blob.b2{width:260px;height:260px;background:#E2D9FF;bottom:-80px;left:-60px;animation:blob 18s ease-in-out infinite reverse}
@keyframes blob{50%{transform:translate(30px,20px) scale(1.08)}}
.grad-text{background-size:200% 100%;animation:shimmer 8s ease-in-out infinite}
@keyframes shimmer{50%{background-position:100% 0}}

/* hero visual */
.ih-visual{position:relative;min-height:500px;display:grid;place-items:center}
.ih-orb{position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,#E3EEFF 0%,#C8DBFF 40%,rgba(23,105,255,.16) 68%,transparent 72%);left:50%;top:50%;transform:translate(-50%,-50%)}
.ih-ring{position:absolute;width:92%;aspect-ratio:1;border-radius:50%;border:1.5px dashed rgba(23,105,255,.25);left:50%;top:50%;translate:-50% -50%;animation:spin 60s linear infinite}
.ih-ring.r2{width:64%;border-style:solid;border-color:rgba(23,105,255,.12);animation-duration:40s;animation-direction:reverse}
.ih-ring::after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--blue);top:12%;left:12%;box-shadow:0 0 0 6px rgba(23,105,255,.15)}
@keyframes spin{to{rotate:360deg}}
.ih-media{position:relative;z-index:1;width:100%;display:grid;place-items:center;transition:transform .3s ease-out}
.ih-trans img{width:86%;max-height:460px;object-fit:contain;animation:float 7s ease-in-out infinite}
.ih-photo img{width:84%;aspect-ratio:1/1;object-fit:cover;border-radius:32px;box-shadow:var(--shadow-img);border:6px solid #fff}
.ih-card{z-index:3;transition:transform .3s ease-out}
.ih-card .fc-sub{font-size:.76rem;margin-top:2px;color:var(--muted)}
.ih-card .fc-big{font-size:1.7rem}
.c-tl{top:6%;left:-2%;width:220px;animation:float 6s ease-in-out infinite}
.c-tr{top:4%;right:-2%;width:220px;animation:float 7s ease-in-out infinite .6s}
.c-bl{bottom:8%;left:-2%;width:210px;animation:float 8s ease-in-out infinite 1.2s}
.c-br{bottom:6%;right:-2%;width:220px;animation:float 7s ease-in-out infinite 1.8s}
.c-ml{top:44%;left:-6%;width:190px;animation:float 6.5s ease-in-out infinite .9s}
.c-mr{top:40%;right:-6%;width:190px;animation:float 7.5s ease-in-out infinite .3s}
.fc-label{display:inline-flex;align-items:center;gap:7px}
.fc-ic{width:24px;height:24px;border-radius:7px;background:var(--blue-50);color:var(--blue);display:inline-grid;place-items:center}
.fc-ic svg{width:14px;height:14px}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(18,183,106,.5);animation:livepulse 1.8s infinite}
@keyframes livepulse{70%{box-shadow:0 0 0 8px rgba(18,183,106,0)}100%{box-shadow:0 0 0 0 rgba(18,183,106,0)}}
.ib{position:absolute;z-index:2;width:52px;height:52px;border-radius:16px;background:#fff;color:var(--blue);display:grid;place-items:center;box-shadow:var(--shadow);border:1px solid var(--line);transition:transform .3s ease-out}
.ib svg{width:24px;height:24px;animation:bob 4s ease-in-out infinite}
.ib1{top:-2%;left:34%}.ib2{top:26%;right:6%}.ib3{bottom:-2%;left:46%}.ib4{top:62%;left:4%}
.ib2 svg{animation-delay:.8s}.ib3 svg{animation-delay:1.6s}.ib4 svg{animation-delay:2.4s}
.ib1{background:var(--blue);color:#fff;border-color:var(--blue)}
@keyframes bob{50%{transform:translateY(-4px) rotate(-6deg)}}
.float-y{animation:float 7s ease-in-out infinite}

/* assets */
.assets{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.asset{grid-column:span 2;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s;scroll-margin-top:110px}
.asset:nth-child(4),.asset:nth-child(5){grid-column:span 3}
.asset:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:#CFE0FF}
.asset-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.asset-ic{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,var(--blue),#4E8DFF);color:#fff;display:grid;place-items:center;box-shadow:0 12px 24px -10px rgba(23,105,255,.7);transition:transform .4s var(--ease)}
.asset:hover .asset-ic,.card:hover .ic,.pchoose:hover .pc-ic,.channel:hover .ch-ic,.tile:hover .tile-ic{transform:rotate(-8deg) scale(1.06)}
.card .ic,.pc-ic,.ch-ic,.tile-ic{transition:transform .4s var(--ease)}
.asset-ic svg{width:26px;height:26px}
.asset .tag,.pchoose .tag,.mv .tag,.office .tag{display:inline-flex;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);background:var(--blue-50);padding:5px 10px;border-radius:999px}
.asset h3{font-size:1.4rem;margin-bottom:8px}
.asset p{font-size:.92rem;margin-bottom:18px}
.spec{list-style:none;display:grid;gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:18px}
.spec li{display:flex;justify-content:space-between;padding:10px 14px;font-size:.88rem;color:var(--muted);border-bottom:1px solid var(--line);background:#FBFDFF}
.spec li:last-child{border-bottom:0}
.spec b{color:var(--navy);font-family:var(--font-head)}
.asset-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px}
.asset-foot small{font-size:.8rem;color:var(--muted-2);font-weight:600}
.arrow-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--blue);transition:.3s;flex-shrink:0}
.arrow-btn svg{width:16px;height:16px}
.asset:hover .arrow-btn{background:var(--blue);color:#fff;border-color:var(--blue);transform:rotate(45deg)}
.footnote{font-size:.82rem;margin-top:22px;text-align:center;color:var(--muted-2)}

/* how CFD works */
.card.how .ic{margin-bottom:18px}
.how-demo{border-radius:14px;padding:14px 16px;background:#E7F8EF;display:grid;gap:4px;font-size:.84rem}
.how-demo span{color:var(--muted)}
.how-demo b{font-family:var(--font-head);color:#0B8A50}
.how-demo.warn{background:#FFF6E6}.how-demo.warn b{color:#B76E00}

/* calculators */
.calc{background:#fff;border:1px solid var(--line);border-radius:var(--radius-xl);padding:32px;box-shadow:var(--shadow-lg);display:grid;gap:18px}
.calc-head{display:flex;gap:14px;align-items:center}
.calc-head b{display:block;font-family:var(--font-head);font-size:1.15rem;color:var(--navy)}
.calc-head small{color:var(--muted-2);font-size:.82rem}
.calc-ic{width:48px;height:48px;border-radius:14px;background:var(--blue);color:#fff;display:grid;place-items:center;box-shadow:0 12px 24px -10px rgba(23,105,255,.7)}
.calc-ic svg{width:22px;height:22px}
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.calc-grid .full{grid-column:1/-1}
.calc label b{color:var(--blue)}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--blue) var(--p,10%),var(--ice-2) var(--p,10%));outline:0;border:0;padding:0;margin:10px 0}
.field input[type=range]{height:6px;padding:0;background:linear-gradient(90deg,var(--blue) var(--p,10%),var(--ice-2) var(--p,10%));border:0}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:5px solid var(--blue);box-shadow:0 4px 12px rgba(23,105,255,.4);cursor:pointer}
input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:5px solid var(--blue);cursor:pointer}
.calc-out{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.calc-out.two{grid-template-columns:1fr 1fr}
.calc-out>div{background:var(--ice);border:1px solid var(--line);border-radius:14px;padding:14px}
.calc-out small{display:block;font-size:.75rem;color:var(--muted);margin-bottom:4px}
.calc-out b{font-family:var(--font-head);font-size:1.15rem;color:var(--navy);font-variant-numeric:tabular-nums}
.calc-out b.big{font-size:1.6rem}

/* tables extra */
table.hours td:first-child b{font-family:var(--font-head)}
table.matrix th,table.matrix td{text-align:center}
table.matrix th:first-child,table.matrix td:first-child{text-align:left}
table.matrix th svg{width:16px;height:16px;display:block;margin:0 auto 4px;color:var(--blue)}
.yes{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#E7F8EF;color:var(--green)}
.yes svg{width:14px;height:14px}
.no{color:var(--muted-2)}
table.cmp th.hl,table.cmp td.hl{background:var(--blue-50);color:var(--navy);font-weight:600}
table.cmp th.hl{color:var(--blue)}
table.cmp td:first-child{color:var(--navy-2);font-weight:500}
table.pay-t .sym-ic svg{width:16px;height:16px}

/* platform chooser */
.pchoose{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;transition:.35s var(--ease)}
.pchoose:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:#CFE0FF}
.pc-ic{width:56px;height:56px;border-radius:16px;background:var(--ice);border:1px solid var(--line);color:var(--blue);display:grid;place-items:center}
.pc-ic svg{width:26px;height:26px}
.pchoose:hover .pc-ic{background:var(--blue);color:#fff;border-color:var(--blue)}
.pchoose h3{font-size:1.2rem}
.pchoose p{font-size:.9rem;flex:1}
.store-btns{display:flex;gap:12px;flex-wrap:wrap}
.store{display:inline-flex;align-items:center;gap:10px;background:var(--navy);color:#fff;padding:10px 18px;border-radius:14px;transition:.3s}
.store:hover{background:var(--blue);transform:translateY(-2px)}
.store svg{width:24px;height:24px}
.store span{font-family:var(--font-head);font-weight:700;line-height:1.1}
.store small{display:block;font-size:.66rem;font-weight:500;opacity:.75}
.mobile-visual{position:relative;max-width:380px;margin:0 auto;width:100%}
.mv-card{left:-40px;bottom:14%;width:220px;animation:float 6s ease-in-out infinite}
.tiltable{transition:transform .5s var(--ease)}

/* accounts extras */
.acc-ic{width:48px;height:48px;border-radius:14px;background:var(--blue-50);color:var(--blue);display:grid;place-items:center;margin-bottom:18px}
.acc-ic svg{width:22px;height:22px}
.acc.featured .acc-ic{background:rgba(255,255,255,.12);color:#fff}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;margin-bottom:48px}
.timeline::before{content:"";position:absolute;top:34px;left:12%;right:12%;height:2px;background:repeating-linear-gradient(90deg,var(--line-2) 0 8px,transparent 8px 14px)}
.timeline::after{content:"";position:absolute;top:34px;left:12%;height:2px;width:0;background:var(--blue);transition:width 1.6s var(--ease) .3s}
.timeline.in::after{width:76%}
.tl-step{text-align:center;position:relative;z-index:1}
.tl-ic{width:68px;height:68px;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);display:grid;place-items:center;margin:0 auto 18px;color:var(--blue);position:relative;transition:.35s var(--ease)}
.tl-step:hover .tl-ic{background:var(--blue);color:#fff;transform:translateY(-4px)}
.tl-ic svg{width:26px;height:26px}
.tl-ic i{position:absolute;top:-4px;right:-4px;width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;font-style:normal;font-size:.72rem;font-weight:700;display:grid;place-items:center;font-family:var(--font-head)}
.tl-step h4{margin-bottom:6px}
.tl-step p{font-size:.9rem;max-width:240px;margin:0 auto}
.docs{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.doc-card{display:flex;gap:16px;padding:26px;border-radius:var(--radius-lg);background:var(--ice);border:1px solid var(--line)}
.doc-card .ic{width:48px;height:48px;border-radius:14px;background:#fff;color:var(--blue);display:grid;place-items:center;flex-shrink:0;box-shadow:var(--shadow-sm)}
.doc-card .ic svg{width:22px;height:22px}
.doc-card h4{margin-bottom:6px}
.doc-card p{font-size:.92rem}

/* partners extras */
.tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.tier{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;text-align:center;transition:.35s var(--ease);position:relative;overflow:hidden}
.tier::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--blue),#7AA8FF);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.tier:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.tier:hover::before{transform:scaleX(1)}
.tier.top{background:linear-gradient(160deg,var(--navy),#163066);border-color:var(--navy)}
.tier.top *{color:#fff!important}
.tier-n{font-family:var(--font-head);font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.tier>b{display:block;font-family:var(--font-head);font-size:2.6rem;font-weight:800;letter-spacing:-.04em;color:var(--navy);margin:12px 0 0}
.tier small{color:var(--muted-2);font-size:.82rem}
.tier-vol{margin-top:20px;padding-top:16px;border-top:1px dashed var(--line);display:grid;gap:2px}
.tier.top .tier-vol{border-color:rgba(255,255,255,.15)}
.tier-vol span{font-size:.78rem;color:var(--muted)}
.tier-vol b{font-family:var(--font-head);color:var(--navy)}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tile{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:6px;transition:.3s}
.tile:hover{box-shadow:var(--shadow);border-color:#CFE0FF;transform:translateY(-4px)}
.tile-ic{width:44px;height:44px;border-radius:12px;background:var(--blue-50);color:var(--blue);display:grid;place-items:center;margin-bottom:8px}
.tile-ic svg{width:20px;height:20px}
.tile b{font-family:var(--font-head);color:var(--navy)}
.tile span{font-size:.86rem;color:var(--muted)}

/* about extras */
.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.mv{background:#fff;border:1px solid var(--line);border-radius:var(--radius-xl);padding:40px;position:relative;overflow:hidden;transition:.35s var(--ease)}
.mv:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.mv::after{content:"";position:absolute;right:-80px;bottom:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(23,105,255,.14),transparent 70%)}
.mv .ic{width:56px;height:56px;border-radius:16px;background:var(--blue);color:#fff;display:grid;place-items:center;margin-bottom:22px;box-shadow:0 12px 24px -10px rgba(23,105,255,.7)}
.mv .ic svg{width:26px;height:26px}
.mv h3{font-size:1.5rem;margin:14px 0 10px}
.mv.dark{background:linear-gradient(160deg,var(--navy),#163066);border-color:var(--navy)}
.mv.dark h3{color:#fff}.mv.dark p{color:#C3D2EE}
.mv.dark .tag{background:rgba(255,255,255,.12);color:#fff}
.mv.dark .ic{background:#fff;color:var(--blue)}
.v-ic{width:46px;height:46px;border-radius:14px;background:var(--blue-50);color:var(--blue);display:grid;place-items:center;margin-bottom:16px;transition:.35s var(--ease)}
.v-ic svg{width:22px;height:22px}
.value{transition:.35s var(--ease)}
.value:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.value:hover .v-ic{background:var(--blue);color:#fff}
.safety-visual{position:relative;display:grid;place-items:center;min-height:440px}
.safety-visual img{position:relative;z-index:1;width:78%;max-width:420px}
.safety-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.offices{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.office{background:#fff;border:1px solid var(--line);border-radius:var(--radius-xl);overflow:hidden;transition:.35s var(--ease)}
.office:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.office-map{height:170px;position:relative;background:linear-gradient(135deg,#EAF2FF,#DCE9FF);overflow:hidden}
.om-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(23,105,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(23,105,255,.12) 1px,transparent 1px);background-size:28px 28px;transform:perspective(400px) rotateX(45deg) scale(1.6);transform-origin:center 70%}
.om-pin{position:absolute;left:50%;top:44%;translate:-50% -50%;width:46px;height:46px;border-radius:50% 50% 50% 0;rotate:-45deg;background:var(--blue);display:grid;place-items:center;box-shadow:0 10px 20px -6px rgba(23,105,255,.7);z-index:2;animation:pinbob 3s ease-in-out infinite}
.om-pin svg{width:20px;height:20px;color:#fff;rotate:45deg}
@keyframes pinbob{50%{translate:-50% -62%}}
.om-pulse{position:absolute;left:50%;top:62%;width:60px;height:18px;border-radius:50%;translate:-50% -50%;background:rgba(23,105,255,.25);animation:pulse2 3s ease-in-out infinite}
@keyframes pulse2{50%{scale:.7;opacity:.5}}
.office-body{padding:26px 28px 30px}
.office-body h3{margin:12px 0 8px;font-size:1.3rem}
.office-body p{margin-bottom:16px;font-size:.94rem}

/* contact channels */
.channels{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.channel{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;display:flex;flex-direction:column;gap:8px;transition:.35s var(--ease)}
.channel:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:#CFE0FF}
.ch-ic{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--blue),#4E8DFF);color:#fff;display:grid;place-items:center;margin-bottom:10px;box-shadow:0 12px 24px -10px rgba(23,105,255,.7)}
.ch-ic svg{width:24px;height:24px}
.channel p{font-size:.9rem;flex:1}
.channel .link-arrow{word-break:break-all}

/* legal */
.legal-hero{padding:64px 0 50px}
.legal-hero h1{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.lg-ic{width:60px;height:60px;border-radius:18px;background:var(--blue);color:#fff;display:inline-grid;place-items:center;box-shadow:0 14px 28px -12px rgba(23,105,255,.8);flex-shrink:0;animation:bob 5s ease-in-out infinite}
.lg-ic svg{width:28px;height:28px}
.lg-meta{display:flex;gap:22px;flex-wrap:wrap;font-size:.86rem;color:var(--muted)}
.lg-meta span{display:inline-flex;align-items:center;gap:8px}
.lg-meta svg{width:16px;height:16px;color:var(--blue)}
.legal-wrap{padding-top:50px}
.legal{display:grid;grid-template-columns:280px 1fr;gap:56px;align-items:start}
.lg-toc{position:sticky;top:100px;display:grid;gap:2px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-sm)}
.lg-toc>b{font-family:var(--font-head);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);padding:4px 10px 10px}
.lg-toc a{display:flex;gap:10px;padding:9px 10px;border-radius:10px;font-size:.88rem;color:var(--navy-2);transition:.2s}
.lg-toc a span{font-family:var(--font-head);font-weight:700;font-size:.76rem;color:var(--muted-2);padding-top:2px}
.lg-toc a:hover{background:var(--ice)}
.lg-toc a.on{background:var(--blue-50);color:var(--blue);font-weight:600}
.lg-toc a.on span{color:var(--blue)}
.lg-help{margin-top:12px;padding:16px;border-radius:14px;background:var(--ice);display:grid;gap:6px}
.lg-help .ic{width:36px;height:36px;border-radius:10px;background:var(--blue);color:#fff;display:grid;place-items:center}
.lg-help .ic svg{width:18px;height:18px}
.lg-help p{font-size:.86rem;color:var(--navy-2)}
.lg-body{max-width:760px}
.lg-sec{padding:0 0 36px;margin-bottom:36px;border-bottom:1px solid var(--line);scroll-margin-top:110px}
.lg-sec:last-child{border-bottom:0}
.lg-sec h2{font-size:1.45rem;display:flex;gap:14px;align-items:baseline;margin-bottom:16px}
.lg-sec h2 span{font-size:.85rem;color:var(--blue);font-weight:700;min-width:26px}
.lg-sec p{margin-bottom:14px;font-size:1rem;line-height:1.75}
.lg-sec ul{list-style:none;display:grid;gap:10px;margin:6px 0 14px}
.lg-sec li{display:flex;gap:12px;color:var(--muted);line-height:1.6}
.lg-sec li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue);margin-top:8px;flex-shrink:0;box-shadow:0 0 0 4px var(--blue-50)}
.lg-others{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.lg-other{display:flex;align-items:center;gap:12px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);font-family:var(--font-head);font-weight:600;font-size:.92rem;color:var(--navy);transition:.3s}
.lg-other svg{width:18px;height:18px;color:var(--blue);flex-shrink:0}
.lg-other span{flex:1}
.lg-other:hover{border-color:var(--blue);box-shadow:var(--shadow);transform:translateY(-3px)}
.lg-other.on{border-color:var(--blue);background:var(--blue-50)}

/* ---------- responsive for v3 ---------- */
@media (max-width:1100px){
  .assets{grid-template-columns:repeat(2,1fr)}
  .asset,.asset:nth-child(4),.asset:nth-child(5){grid-column:auto}
  .asset:nth-child(5){grid-column:1/-1}
  .tiles,.channels{grid-template-columns:repeat(2,1fr)}
  .tiers{grid-template-columns:repeat(2,1fr)}
  .lg-others{grid-template-columns:repeat(2,1fr)}
  .c-ml{left:-2%}.c-mr{right:-2%}
}
@media (max-width:960px){
  .page-hero.ih{padding:52px 0 48px}
  .ih-visual{min-height:440px;max-width:560px;width:100%;margin:0 auto}
  .ih-photo img{aspect-ratio:4/3.6}
  .mv-grid,.docs,.offices{grid-template-columns:1fr}
  .timeline{grid-template-columns:repeat(2,1fr);row-gap:36px}
  .timeline::before,.timeline::after{display:none}
  .legal{grid-template-columns:1fr;gap:28px}
  .lg-toc{position:relative;top:0;grid-template-columns:repeat(2,1fr)}
  .lg-toc>b,.lg-help{grid-column:1/-1}
  .safety-visual{min-height:340px}
  .mv-card{left:0}
}
@media (max-width:640px){
  .ih-visual{min-height:360px}
  .ih-trans img{width:80%;max-height:320px}
  .ih-photo img{width:88%;border-radius:22px;border-width:4px}
  .ih-card{padding:10px 12px}
  .ih-card .fc-big{font-size:1.25rem}
  .ih-card .fc-sub{display:none}
  .ih-card canvas.spark{height:28px}
  .c-tl,.c-tr,.c-bl,.c-br,.c-ml,.c-mr{width:150px}
  .c-tl{left:0;top:2%}.c-tr{right:0;top:0}.c-bl{left:0;bottom:4%}.c-br{right:0;bottom:2%}
  .c-ml{left:0;top:auto;bottom:30%}.c-mr{right:0;top:auto;bottom:34%}
  .ib{width:40px;height:40px;border-radius:12px}
  .ib svg{width:18px;height:18px}
  .ib3,.ib4{display:none}
  .ib1{top:-4%;left:42%}.ib2{top:34%;right:-1%}
  .assets,.channels,.tiers,.lg-others,.safety-list{grid-template-columns:1fr}
  .asset:nth-child(5){grid-column:auto}
  .asset{padding:22px}
  .calc{padding:22px;border-radius:24px}
  .calc-grid{grid-template-columns:1fr}
  .calc-out{grid-template-columns:1fr 1fr}
  .calc-out>div:last-child:nth-child(3){grid-column:1/-1}
  .calc-out b.big{font-size:1.3rem}
  .timeline{grid-template-columns:1fr 1fr;gap:28px 14px}
  .tl-ic{width:58px;height:58px}
  .mv{padding:28px}
  .mv h3{font-size:1.25rem}
  .lg-toc{grid-template-columns:1fr}
  .lg-sec h2{font-size:1.2rem}
  .legal-hero h1{font-size:1.9rem}
  .lg-ic{width:48px;height:48px;border-radius:14px}
  .mv-card{width:180px;bottom:6%}
  .tiles{grid-template-columns:1fr 1fr;gap:12px}
  .tile{padding:16px}
  .table-wrap{-webkit-overflow-scrolling:touch}
  .office-map{height:130px}
}
@media (max-width:360px){
  .c-tl,.c-tr,.c-bl,.c-br,.c-ml,.c-mr{width:136px}
  .timeline{grid-template-columns:1fr}
}
@media (max-width:640px){
  .tiers{grid-template-columns:1fr 1fr;gap:12px}
  .tier{padding:20px 14px}.tier>b{font-size:2rem}
  .values{grid-template-columns:1fr 1fr;gap:12px}
  .value{padding:18px}.value h4{font-size:1rem}.value p{font-size:.84rem}
}
@media (max-width:360px){.tiers,.values{grid-template-columns:1fr}}

/* ==========================================================
   v4 - dedicated sub-pages
   ========================================================== */
a.pchoose{color:inherit}
a.pchoose .link-arrow{margin-top:4px}
/* related links */
.rels{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.rel{display:flex;align-items:center;gap:14px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);transition:.35s var(--ease)}
.rel:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#CFE0FF}
.rel>span:nth-child(2){flex:1;min-width:0}
.rel b{display:block;font-family:var(--font-head);color:var(--navy);font-size:.98rem}
.rel small{display:block;color:var(--muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rel-ic{width:46px;height:46px;border-radius:14px;background:var(--blue-50);color:var(--blue);display:grid;place-items:center;flex-shrink:0;transition:.35s var(--ease)}
.rel-ic svg{width:22px;height:22px}
.rel:hover .rel-ic{background:var(--blue);color:#fff;transform:rotate(-8deg)}
.rel:hover .arrow-btn{background:var(--blue);color:#fff;border-color:var(--blue);transform:rotate(45deg)}
/* drivers */
.card.driver .ic{margin-bottom:20px}
/* spec table */
table.spec-t td:first-child{white-space:nowrap}
table.spec-t .sym-ic{font-size:.62rem}
/* forex sessions */
.sessions{margin-top:40px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow)}
.ss-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.ss-head b{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-head);color:var(--navy)}
.ss-head b svg{width:18px;height:18px;color:var(--blue)}
.ss-now-label{font-size:.84rem;color:var(--muted)}
.ss-now-label em{font-style:normal;font-weight:700;color:var(--blue);font-family:var(--font-head)}
.ss-grid{position:relative;display:grid;gap:10px;--lab:96px}
.ss-hours{display:grid;grid-template-columns:var(--lab) 1fr}
.ss-hours div{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted-2);font-variant-numeric:tabular-nums}
.ss-row{display:grid;grid-template-columns:var(--lab) 1fr;align-items:center}
.ss-row b{font-family:var(--font-head);font-size:.88rem;color:var(--navy)}
.ss-track{position:relative;height:30px;border-radius:10px;background:repeating-linear-gradient(90deg,var(--ice) 0 calc(12.5% - 1px),var(--line) calc(12.5% - 1px) 12.5%)}
.ss-track i{position:absolute;top:4px;bottom:4px;border-radius:8px;background:linear-gradient(90deg,var(--blue),#6FA2FF);box-shadow:0 6px 14px -6px rgba(23,105,255,.7);transform-origin:left;animation:grow 1.2s var(--ease) both}
@keyframes grow{from{transform:scaleX(0)}}
.ss-now{position:absolute;top:22px;bottom:0;left:calc(var(--lab) + (100% - var(--lab)) * var(--f,0));width:2px;background:var(--red);border-radius:2px;box-shadow:0 0 0 3px rgba(240,68,56,.15)}
.ss-now::before{content:"";position:absolute;top:-4px;left:-4px;width:10px;height:10px;border-radius:50%;background:var(--red)}
/* methods */
.methods{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.method{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;display:flex;flex-direction:column;gap:12px;transition:.35s var(--ease)}
.method:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:#CFE0FF}
.method:hover .pc-ic{background:var(--blue);color:#fff;border-color:var(--blue);transform:rotate(-8deg)}
.method .pc-ic{transition:.35s var(--ease)}
.method h4{font-size:1.02rem}
.method .spec{margin:0}
.method .spec li{padding:8px 10px;font-size:.8rem}
.method .chip{align-self:flex-start;font-size:.74rem}
/* faq categories */
.faq-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px}
.faq-cats button{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid var(--line-2);background:#fff;font-family:var(--font-head);font-weight:600;font-size:.88rem;color:var(--navy-2);transition:.25s}
.faq-cats button svg{width:16px;height:16px;color:var(--blue)}
.faq-cats button:hover{border-color:var(--blue);color:var(--blue)}
.faq-cats button.active{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 10px 20px -10px rgba(23,105,255,.8)}
.faq-cats button.active svg{color:#fff}
.faq-tag{display:inline-flex;font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);background:var(--blue-50);padding:3px 8px;border-radius:999px;margin-right:auto;order:-1}
.faq summary{flex-wrap:wrap}
.faq details[data-cat] summary{display:grid;grid-template-columns:1fr auto;row-gap:8px}
.faq details[data-cat] summary .faq-tag{grid-column:1/-1;justify-self:start}
.faq details[data-cat] summary::after{grid-row:2;grid-column:2}
.faq details.pop{animation:fadeUp .4s var(--ease)}
/* money flow */
.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:start;gap:16px}
.flow-step{text-align:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px 22px;transition:.35s var(--ease)}
.flow-step:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.flow-step:hover .tl-ic{background:var(--blue);color:#fff}
.flow-step h4{margin-bottom:6px}
.flow-step p{font-size:.9rem}
.flow-arrow{align-self:center;width:44px;height:44px;border-radius:50%;background:var(--blue-50);color:var(--blue);display:grid;place-items:center;animation:nudge 2s ease-in-out infinite}
.flow-arrow svg{width:20px;height:20px}
@keyframes nudge{50%{transform:translateX(5px)}}
/* 3-step timeline in a column */
.timeline.three{grid-template-columns:repeat(3,1fr);margin-bottom:0}
.timeline.three::before{left:16%;right:16%}
.timeline.three.in::after{width:68%}
.timeline.three::after{left:16%}

@media (max-width:1100px){
  .rels{grid-template-columns:repeat(2,1fr)}
  .methods{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:960px){
  .flow{grid-template-columns:1fr}
  .flow-arrow{justify-self:center;transform:rotate(90deg);animation:none}
  .timeline.three{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:640px){
  .rels{grid-template-columns:1fr}
  .methods{grid-template-columns:1fr 1fr;gap:12px}
  .method{padding:16px}
  .methods .method:last-child{grid-column:1/-1}
  .sessions{padding:18px}
  .ss-grid{--lab:70px}
  .ss-row b{font-size:.76rem}
  .ss-hours div span:nth-child(even){visibility:hidden}
  .timeline.three{grid-template-columns:1fr 1fr 1fr;gap:10px}
  .timeline.three .tl-step p{font-size:.78rem}
  .timeline.three .tl-ic{width:50px;height:50px}
  .faq-cats{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
  .faq-cats::-webkit-scrollbar{display:none}
  .faq-cats button{flex-shrink:0}
  table.spec-t{min-width:0}
  table.spec-t th:nth-child(2),table.spec-t td:nth-child(2),table.spec-t th:nth-child(6),table.spec-t td:nth-child(6){display:none}
  table.spec-t th,table.spec-t td{padding:12px 10px;font-size:.82rem}
}
@media (max-width:360px){.methods{grid-template-columns:1fr}}
@media (max-width:640px){
  table.spec-t th,table.spec-t td{padding:10px 7px;font-size:.76rem}
  table.spec-t th{font-size:.6rem;letter-spacing:.04em}
  table.spec-t .sym{gap:6px}table.spec-t .sym-ic{display:none}
}

/* ==========================================================
   v5 - client revisions: sharper palette, duotone icons,
   MT5 terminal, mobile nav, animated hero gradients
   ========================================================== */
:root{
  --blue:#0F5CFF;--blue-600:#0049E0;--blue-700:#003BB8;--blue-50:#E8F0FF;
  --navy:#0A1A3F;--navy-2:#16274F;--ink:#0A1A3F;
  --muted:#4B5B7C;--muted-2:#7B8AA8;
  --line:#E1E9F7;--line-2:#CFDCF3;
  --ice:#F2F6FE;--ice-2:#E4EDFD;
  --duo:rgba(15,92,255,.16);
  --shadow:0 18px 40px -18px rgba(15,92,255,.30),0 4px 12px -6px rgba(10,26,63,.10);
  --shadow-lg:0 40px 80px -30px rgba(15,92,255,.38),0 10px 30px -12px rgba(10,26,63,.14);
}
h1,h2{font-weight:800}
h3,h4{font-weight:700}
.grad-text{background-image:linear-gradient(100deg,#0F5CFF 0%,#3A7BFF 45%,#00A3FF 100%)}

/* --- UniPayment-style duotone icons --- */
.ic svg,.dd-ico svg,.tile-ic svg,.rel-ic svg,.pc-ic svg,.ch-ic svg,.v-ic svg,.acc-ic svg,.asset-ic svg,.fc-ic svg,.ib svg,.tl-ic svg,.calc-ic svg,.trust-item svg,.why-tab .ic svg,.plat-item .ic svg,.sym-ic svg,.lg-ic svg{fill:currentColor;fill-opacity:.18}
.feat .ic,.tile-ic,.rel-ic,.v-ic,.acc-ic,.dd-ico,.doc-card .ic,.info-card .ic,.fc-ic{background:#fff;color:var(--blue);border:1px solid var(--line);box-shadow:0 8px 18px -8px rgba(15,92,255,.35)}
.feat .ic{width:48px;height:48px;border-radius:50%}
.feat{box-shadow:0 10px 30px -18px rgba(10,26,63,.18)}
.feat h4{font-weight:800;color:var(--navy)}
.tl-ic,.ib{box-shadow:0 14px 30px -12px rgba(15,92,255,.35)}
.info-card .ic{color:var(--blue)}
.card .ic,.asset-ic,.ch-ic,.calc-ic,.mv .ic{background:linear-gradient(135deg,#0F5CFF 0%,#3A7BFF 60%,#00A3FF 100%)}

/* --- MT5 terminal --- */
.terminal.mt5{background:#0B1530;color:#C9D4EE;font-size:10.5px;border-radius:10px;overflow:hidden;font-family:var(--font-body)}
.m5-title{display:flex;align-items:center;gap:12px;padding:7px 12px;background:#081026;border-bottom:1px solid #18244A}
.m5-title b{font-weight:600;color:#E6ECFA;font-size:11px}
.m5-dots{display:flex;gap:5px}.m5-dots i{width:9px;height:9px;border-radius:50%;background:#F0524B}.m5-dots i:nth-child(2){background:#F5B841}.m5-dots i:nth-child(3){background:#26C281}
.m5-acc{margin-left:auto;font-size:9.5px;padding:2px 8px;border-radius:999px;background:rgba(15,92,255,.25);color:#9DBBFF}
.m5-menu{display:flex;gap:14px;padding:5px 12px;background:#0D1834;border-bottom:1px solid #18244A;color:#9AA8C9}
.m5-tools{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#0D1834;border-bottom:1px solid #18244A}
.m5-btn{width:24px;height:22px;border-radius:5px;display:grid;place-items:center;background:#14214A;color:#8FB0FF}
.m5-btn svg,.m5-algo svg,.m5-new svg,.m5-nav svg{width:12px;height:12px}
.m5-sep{width:1px;height:18px;background:#22305A;margin:0 4px}
.m5-algo,.m5-new{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:5px;background:#14214A;color:#C9D4EE;font-weight:600}
.m5-algo svg{color:#26C281}
.m5-new{background:var(--blue);color:#fff}
.m5-tf{display:flex;gap:2px;margin-left:auto}
.m5-tf span{padding:3px 6px;border-radius:4px;color:#8C9AC0}
.m5-tf span.on{background:var(--blue);color:#fff}
.m5-body{display:grid;grid-template-columns:200px 1fr;min-height:330px}
.m5-side{border-right:1px solid #18244A;background:#0A132C}
.m5-ph{padding:6px 10px;font-weight:600;color:#E6ECFA;background:#0E1A3A;border-bottom:1px solid #18244A;font-size:10px}
.m5-mw{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.m5-mw th{text-align:left;font-weight:500;color:#7F8DB0;padding:4px 8px;font-size:9.5px}
.m5-mw td{padding:4px 8px;border-top:1px solid #121D3E}
.m5-mw td:first-child{display:flex;align-items:center;gap:6px;color:#E6ECFA;font-weight:600}
.m5-mw td:first-child i{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent}
.m5-mw tr.up td:first-child i{border-bottom:6px solid #26C281}
.m5-mw tr.down td:first-child i{border-top:6px solid #F0524B}
.m5-mw tr.up td:nth-child(2),.m5-mw tr.up td:nth-child(3){color:#5AA3FF}
.m5-mw tr.down td:nth-child(2),.m5-mw tr.down td:nth-child(3){color:#F0524B}
.m5-nav{list-style:none;padding:4px 0}
.m5-nav li{display:flex;align-items:center;gap:7px;padding:4px 10px;color:#9AA8C9}
.m5-nav svg{color:#F5B841}
.m5-chartwrap{position:relative;display:flex;flex-direction:column;background:#0B1530}
.m5-chart-label{position:absolute;top:8px;left:10px;z-index:2;display:flex;gap:10px;align-items:center;color:#9AA8C9;font-size:10px}
.m5-chart-label b{color:#E6ECFA}
.m5-ohlc em{font-style:normal;color:#5AA3FF}
.m5-oneclick{position:absolute;top:28px;left:10px;z-index:2;display:flex;align-items:stretch;border-radius:6px;overflow:hidden;box-shadow:0 8px 20px -8px rgba(0,0,0,.6)}
.m5-oneclick>div{padding:4px 9px;font-size:9px;font-weight:700;line-height:1.1;color:#fff}
.m5-oneclick .s{background:#E5484D}.m5-oneclick .b{background:var(--blue)}
.m5-oneclick b{display:block;font-family:var(--font-head);font-size:10px}
.m5-oneclick big{font-size:15px}.m5-oneclick sup{font-size:8px}
.m5-oneclick .lot{background:#E6ECFA;color:#0B1530;display:grid;place-items:center;font-size:10px}
.m5-chartwrap canvas{flex:1;width:100%;min-height:290px;display:block}
.m5-tabs{display:flex;gap:2px;padding:4px 6px 0;background:#0A132C;border-top:1px solid #18244A}
.m5-tabs span{padding:4px 10px;border-radius:5px 5px 0 0;color:#7F8DB0}
.m5-tabs span.on{background:#0B1530;color:#E6ECFA}
.m5-box{border-top:1px solid #18244A;background:#0A132C}
.m5-boxtabs{display:flex;gap:2px;padding:4px 6px 0}
.m5-boxtabs span{padding:4px 10px;color:#7F8DB0}
.m5-boxtabs span.on{color:#E6ECFA;border-bottom:2px solid var(--blue)}
.m5-trades{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.m5-trades th{text-align:left;font-weight:500;color:#7F8DB0;padding:5px 10px;border-bottom:1px solid #18244A}
.m5-trades td{padding:5px 10px;border-bottom:1px solid #121D3E}
.m5-trades b{color:#E6ECFA}
.m5-trades .buy{color:#5AA3FF}.m5-trades .sell{color:#F0524B}
.m5-trades .up{color:#26C281;font-weight:600}.m5-trades .down{color:#F0524B;font-weight:600}
.m5-bal{padding:6px 10px;color:#7F8DB0;font-size:10px;display:flex;flex-wrap:wrap;gap:4px 12px}
.m5-bal b{color:#E6ECFA;font-weight:600}
@media (max-width:960px){
  .m5-body{grid-template-columns:1fr}
  .m5-side{display:none}
  .m5-menu,.m5-tools .m5-btn,.m5-tools .m5-sep{display:none}
  .m5-tf{margin-left:0}
  .m5-trades th:nth-child(2),.m5-trades td:nth-child(2),.m5-trades th:nth-child(6),.m5-trades td:nth-child(6){display:none}
}
@media (max-width:640px){
  .terminal.mt5{font-size:9.5px}
  .m5-tools{flex-wrap:wrap}
  .m5-tf span:nth-child(n+7){display:none}
  .m5-chartwrap canvas{min-height:200px}
  .m5-trades th:nth-child(5),.m5-trades td:nth-child(5){display:none}
  .m5-trades th,.m5-trades td{padding:5px 6px}
  .m5-boxtabs span:nth-child(n+4){display:none}
  .m5-bal{font-size:9px}
  .m5-title b{font-size:9.5px}
}

/* --- Mobile navigation (rebuilt) --- */
.mnav{display:none}
@media (max-width:1100px){
  .mnav{display:block;position:fixed;inset:0;z-index:200;pointer-events:none}
  .mnav-overlay{position:absolute;inset:0;background:rgba(6,14,36,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .35s var(--ease)}
  .mnav-panel{position:absolute;top:0;right:0;bottom:0;width:min(420px,100%);background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .4s var(--ease);box-shadow:-30px 0 60px -20px rgba(6,14,36,.35);overflow-y:auto;-webkit-overflow-scrolling:touch}
  .nav-open .mnav{pointer-events:auto}
  .nav-open .mnav-overlay{opacity:1}
  .nav-open .mnav-panel{transform:none}
  body.nav-open{overflow:hidden}
  .mnav-top{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}
  .mnav-top .logo svg{height:34px}
  .mnav-close{width:42px;height:42px;border-radius:12px;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--navy)}
  .mnav-close svg{width:18px;height:18px}
  .mnav-list{padding:10px 20px;flex:1}
  .mnav-link,.mnav-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;padding:16px 4px;border-bottom:1px solid var(--line);font-family:var(--font-head);font-weight:700;font-size:1.05rem;color:var(--navy);text-align:left}
  .mnav-link.on{color:var(--blue)}
  .mnav-toggle .chev{width:16px;height:16px;transition:transform .3s var(--ease);color:var(--muted-2)}
  .mnav-group.open .mnav-toggle{color:var(--blue)}
  .mnav-group.open .mnav-toggle .chev{transform:rotate(180deg);color:var(--blue)}
  .mnav-sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}
  .mnav-sub>div{overflow:hidden}
  .mnav-group.open .mnav-sub{grid-template-rows:1fr}
  .mnav-sub a{display:flex;align-items:center;gap:12px;padding:10px 6px;border-radius:12px}
  .mnav-sub a:first-child{margin-top:8px}
  .mnav-sub a:hover{background:var(--ice)}
  .mnav-sub .dd-ico{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}
  .mnav-sub .dd-ico svg{width:18px;height:18px}
  .mnav-sub b{display:block;font-family:var(--font-head);font-size:.92rem;color:var(--navy)}
  .mnav-sub small{display:block;font-size:.78rem;color:var(--muted)}
  .mnav-sub a.mnav-all{justify-content:flex-start;gap:6px;color:var(--blue);font-weight:600;font-size:.88rem;margin:4px 0 12px;padding-left:56px}
  .mnav-sub a.mnav-all svg{width:14px;height:14px}
  .mnav-cta{display:grid;gap:10px;padding:16px 20px}
  .mnav-cta .btn{justify-content:center;height:52px}
  .mnav-contact{display:flex;align-items:center;gap:12px;margin:0 20px 24px;padding:14px;border-radius:16px;background:var(--ice)}
  .mnav-contact .dd-ico{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}
  .mnav-contact .dd-ico svg{width:18px;height:18px}
  .mnav-contact small{display:block;font-size:.76rem;color:var(--muted)}
  .mnav-contact a{font-weight:600;font-size:.88rem;color:var(--navy);word-break:break-all}
  .nav-open .burger span{background:transparent}
}

/* --- Animated gradient mesh in heroes --- */
.hero,.page-hero{isolation:isolate}
.hero>.container,.page-hero>.container{z-index:2}
.hero::before,.hero::after,.page-hero::before,.page-hero::after{content:"";position:absolute;z-index:0;border-radius:50%;filter:blur(70px);pointer-events:none;will-change:transform}
.hero::before,.page-hero::before{width:620px;height:620px;top:-180px;right:-120px;background:radial-gradient(circle,rgba(15,92,255,.38),rgba(0,163,255,.18) 45%,transparent 70%);animation:meshA 16s ease-in-out infinite alternate}
.hero::after,.page-hero::after{width:520px;height:520px;bottom:-220px;left:-140px;background:radial-gradient(circle,rgba(124,92,255,.30),rgba(15,92,255,.14) 50%,transparent 70%);animation:meshB 20s ease-in-out infinite alternate}
@keyframes meshA{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-120px,80px) scale(1.15)}100%{transform:translate(-40px,180px) scale(.95)}}
@keyframes meshB{0%{transform:translate(0,0) scale(1)}50%{transform:translate(140px,-60px) scale(1.1)}100%{transform:translate(60px,-160px) scale(1.2)}}
.hero-grid-bg,.ph-blob{z-index:1}
@media (max-width:960px){
  .hero,.page-hero{background-size:200% 200%;animation:heroShift 14s ease-in-out infinite}
  .hero{background-image:linear-gradient(160deg,#EAF1FF 0%,#FFFFFF 35%,#EEF0FF 65%,#E3F4FF 100%)}
  .page-hero{background-image:linear-gradient(160deg,#EAF1FF 0%,#FFFFFF 40%,#EFEBFF 70%,#E3F4FF 100%)}
  .hero::before,.page-hero::before{width:420px;height:420px;top:-120px;right:-160px;opacity:1}
  .hero::after,.page-hero::after{width:380px;height:380px;bottom:auto;top:40%;left:-180px}
}
@keyframes heroShift{0%,100%{background-position:0% 0%}50%{background-position:100% 100%}}
@media (prefers-reduced-motion:reduce){.hero::before,.hero::after,.page-hero::before,.page-hero::after{animation:none}}

/* ==========================================================
   v6 - client logo, MT5 images, dark-version icon colours,
   animated hero title gradient
   ========================================================== */
/* logo */
.logo img.logo-img{height:54px;width:auto;display:block}
.footer .logo img.logo-img{height:56px}
.mnav-top .logo img.logo-img{height:38px}
@media (max-width:640px){.header .logo img.logo-img{height:42px}}

/* transparent MT5 product images */
.img-frame.img-trans{box-shadow:none;border-radius:0;overflow:visible;background:none}
.img-frame.img-trans img{object-fit:contain;filter:drop-shadow(0 30px 40px rgba(11,26,68,.22))}
.mobile-visual.wide{max-width:560px}
.cta-phone{max-width:360px}
.cta-phone img{border-radius:0;box-shadow:none;transform:rotate(-3deg);filter:drop-shadow(0 30px 40px rgba(0,0,0,.35))}
.plat-img{filter:none}

/* icon colours (from the dark version): white chips, navy icon, blue duotone fill */
:root{--icon-navy:#0B1A44}
.feat .ic,.tile-ic,.rel-ic,.v-ic,.acc-ic,.dd-ico,.doc-card .ic,.fc-ic,.pc-ic,.mnav-sub .dd-ico,.mnav-contact .dd-ico{background:#fff;color:var(--icon-navy);border:1px solid #E3EAF8;box-shadow:0 10px 24px -10px rgba(15,92,255,.40);border-radius:50%}
.feat .ic svg,.tile-ic svg,.rel-ic svg,.v-ic svg,.acc-ic svg,.dd-ico svg,.pc-ic svg,.fc-ic svg,.tl-ic svg,.ib svg,.why-tab .ic svg,.plat-item .ic svg,.trust-item svg{fill:var(--blue);fill-opacity:.28}
.card .ic,.asset-ic,.ch-ic,.calc-ic,.mv .ic,.info-card .ic,.lg-ic,.why-pane .big-ic,.step-ic{background:linear-gradient(135deg,var(--icon-navy) 0%,var(--blue) 100%);color:#fff;border:0;border-radius:50%}
.card .ic svg,.asset-ic svg,.ch-ic svg,.calc-ic svg,.mv .ic svg,.info-card .ic svg,.lg-ic svg,.why-pane .big-ic svg{fill:#fff;fill-opacity:.22}
.mv.dark .ic{background:#fff;color:var(--icon-navy)}
.tl-ic{color:var(--icon-navy)}
.tl-ic i{background:var(--blue)}
.ib{color:var(--icon-navy)}
.ib1{background:linear-gradient(135deg,var(--icon-navy),var(--blue));color:#fff;border-color:transparent}
.ib1 svg{fill:#fff;fill-opacity:.22}
.why-tab .ic{background:#fff;color:var(--icon-navy);border:1px solid var(--line);border-radius:50%}
.why-tab.active .ic,.plat-item.active .ic{background:var(--icon-navy);color:#fff;border-color:var(--icon-navy)}
.plat-item .ic{border-radius:50%;color:var(--icon-navy)}
.trust-item svg{color:var(--icon-navy)}
.pchoose:hover .pc-ic,.method:hover .pc-ic,.rel:hover .rel-ic,.value:hover .v-ic,.flow-step:hover .tl-ic,.tl-step:hover .tl-ic{background:var(--icon-navy);color:#fff;border-color:var(--icon-navy)}
.lg-help .ic{background:var(--icon-navy)}

/* animated gradient on hero titles */
.hero h1 .grad-text,.page-hero h1 .grad-text{
  background-image:linear-gradient(90deg,#0B1A44 0%,#0F5CFF 20%,#00A3FF 40%,#7C5CFF 60%,#0F5CFF 80%,#0B1A44 100%);
  background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:titleFlow 6s linear infinite}
@keyframes titleFlow{from{background-position:0% 50%}to{background-position:-200% 50%}}
.hero h1,.page-hero h1{background:linear-gradient(90deg,#0B1A44,#16306E 60%,#0B1A44);-webkit-background-clip:text;background-clip:text}
.hero h1 .grad-text,.page-hero h1 .grad-text{display:inline;filter:drop-shadow(0 6px 18px rgba(15,92,255,.18))}
@media (prefers-reduced-motion:reduce){.hero h1 .grad-text,.page-hero h1 .grad-text{animation:none}}

/* v7 footer: 4 address columns + uppercase legal labels */
.f-addr{grid-template-columns:1.2fr 1.2fr .8fr 1.2fr}
.f-legal p{font-size:.8rem;line-height:1.75}
.f-legal strong{letter-spacing:.02em}
@media (max-width:960px){.f-addr{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.f-addr{grid-template-columns:1fr}}
/* v7 readability + tap targets */
.faq-tag{font-size:.7rem}
.sym-ic{font-size:.7rem}
.store small{font-size:.7rem}
@media (max-width:640px){table.spec-t th{font-size:.68rem}table.mk th{font-size:.68rem}}
table.spec-t .sym-ic,table.mk .sym-ic{font-size:.7rem}
.why-tab small{font-size:.7rem}