/* =========================================================
   DESIGN TOKENS  (navy + blue, sampled from mreaglemedia.com)
   ========================================================= */
:root{
  --ink:#060918;          /* header / footer / dark sections */
  --ink-2:#0E1526;        /* "how it works" section */
  --ink-3:#0D1321;        /* dark cards */
  --ink-4:#0B0F1A;        /* hero background */
  --ink-line:#1C2437;     /* borders on dark */
  --blue:#3D89FF;         /* brand blue (text, icons) */
  --blue-solid:#2563EB;   /* flat blue buttons */
  --cyan:#06B6D4;         /* secondary accent underline */
  --blue-bright:#59A5FF;  /* step numbers */
  --blue-deep:#1D4ED8;    /* headline underline */
  --blue-g1:#1D4ED8;      /* button gradient start */
  --blue-g2:#3B82F6;      /* button gradient end */
  --paper:#FBFCFE;        /* light section */
  --blush:#F4F8FE;        /* tinted light section */
  --card:#FFFFFF;
  --line:#DEE5EF;         /* borders on light */
  --icon-bg:#E8F1FE;      /* icon squares */
  --check-bg:#E8F1FE;
  --text:#0D1526;         /* headings / dark text */
  --muted:#5B6880;        /* body text on light */
  --muted-dark:#A1ADBB;   /* body text on dark */
  --muted-dark-2:#94A3B8; /* body text on dark cards */
  --label:#7F879B;        /* small labels on dark */
  --display:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --body:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --r-card:20px;
  --grid:56px;            /* background grid spacing */
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--body);font-size:14px;line-height:1.6;color:var(--text);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;font-family:var(--display);color:var(--text);letter-spacing:-0.02em}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.i{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;display:inline-block;vertical-align:middle}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}

/* containers: two widths, like the reference */
.wrap{width:100%;max-width:1280px;margin:0 auto;padding:0 32px}     /* 1216 content */
.wrap-n{width:100%;max-width:1152px;margin:0 auto;padding:0 32px}   /* 1088 content */

/* shared type */
.kicker{display:block;font:600 12px/1 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--blue);margin-bottom:16px}
.h2{font-size:38px;line-height:1.06;font-weight:800}
.h2.big{font-size:38px;line-height:1.06}
.lead{font-size:16px;line-height:1.6;color:var(--muted);max-width:720px;margin-top:18px}
.dark .h2,.dark .h3{color:#fff}
.dark .lead{color:var(--muted-dark)}
em.red{font-style:normal;color:var(--blue)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:51px;padding:0 24px;border-radius:10px;font:600 14px/1 var(--body);white-space:nowrap;cursor:pointer;border:1px solid transparent;transition:transform .18s ease,filter .18s ease,background .18s ease,border-color .18s ease}
.btn .i{font-size:16px;stroke-width:2.2}
.btn:hover{transform:translateY(-1px)}
.btn-grad{background:linear-gradient(90deg,var(--blue-g1) 0%,var(--blue-g2) 100%);color:#fff;box-shadow:0 10px 30px rgba(37,99,235,.28)}
.btn-grad:hover{filter:brightness(1.06)}
.btn-ghost{background:rgba(255,255,255,.1);border-color:#38486B;color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.16)}
.btn-dark{background:var(--ink);color:#fff;height:44px;padding:0 20px}
.btn-dark:hover{background:#0E1626}
.btn-outline{background:#fff;color:var(--text);border:1.5px solid var(--ink);height:51px}
.btn-outline:hover{background:#F1F5FB}
.btn-steel{background:#111A2C;color:#fff;border-color:#2B3A55;height:52px}
.btn-steel:hover{background:#18223A}
.btn-pill{border-radius:999px;height:40px;padding:0 20px}

/* =========================================================
   HEADER
   ========================================================= */
.site-header{position:sticky;top:0;z-index:60;background:var(--ink);color:#fff}
.site-header .wrap{display:flex;align-items:center;height:72px;gap:24px;position:relative}
.logo{display:flex;align-items:center;gap:12px;flex:none}
.logo-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#1E90F0 0%,#2563EB 100%);display:grid;place-items:center;color:#fff;font-size:20px;box-shadow:0 6px 16px rgba(37,99,235,.3)}
.logo-mark .i{stroke-width:2.4}
.logo-text{font:700 18px/1 var(--display);letter-spacing:-0.02em;color:#fff}
.logo-text b{font-weight:700;color:var(--blue)}
.nav{display:flex;align-items:center;gap:28px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.nav a{position:relative;font:600 14px/1 var(--body);color:var(--blue);padding:8px 0;transition:color .18s}
.nav a:hover,.nav a.active{color:#fff}
.nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:#2563EB;border-radius:2px}
.hdr-actions{display:flex;align-items:center;gap:8px;flex:none;margin-left:auto}
.login{position:relative}
.login-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px 0 18px;border-radius:999px;background:#111A2C;border:1px solid #2B3A55;color:#fff;font:500 14px/1 var(--body);cursor:pointer}
.login-btn .i{font-size:16px;transition:transform .2s}
.login.open .login-btn .i{transform:rotate(180deg)}
.login-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:200px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:0 18px 50px rgba(0,0,0,.25);display:none;z-index:70}
.login.open .login-menu{display:block}
.login-menu a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;color:var(--text);font:500 14px/1.2 var(--body)}
.login-menu a:hover{background:var(--blush);color:var(--blue)}
.login-menu a .i{font-size:14px;color:var(--blue)}
.btn-start{background:var(--blue-solid);color:#fff}
.btn-start:hover{background:#3B82F6}
.burger{display:none;width:44px;height:44px;border-radius:12px;background:#111A2C;border:1px solid #2B3A55;color:#fff;place-items:center;font-size:22px;cursor:pointer}
.mnav{display:none;background:var(--ink);border-top:1px solid rgba(255,255,255,.08)}
.mnav.open{display:block}
.mnav a{display:flex;align-items:center;justify-content:space-between;padding:14px 32px;font:600 16px/1 var(--body);color:#fff;border-bottom:1px solid rgba(255,255,255,.06)}
.mnav a .i{font-size:16px;color:var(--blue)}
.mnav .m-login{padding:16px 32px 20px;display:grid;gap:10px}
.mnav .m-login a{border:1px solid #2B3A55;border-radius:999px;justify-content:center;background:#111A2C;padding:12px 16px;border-bottom:1px solid #2B3A55}

/* =========================================================
   HERO
   ========================================================= */
.hero{position:relative;background:var(--ink-4);color:#fff;overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;
  background-image:linear-gradient(to right,#141C2E 1px,transparent 1px),linear-gradient(to bottom,#141C2E 1px,transparent 1px);
  background-size:var(--grid) var(--grid);opacity:.9}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(820px 520px at 100% 100%,rgba(37,99,235,.22),transparent 65%)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) 560px;gap:68px;align-items:center;padding-top:113px;padding-bottom:113px}
.pill{display:inline-flex;align-items:center;gap:10px;height:28px;padding:0 16px 0 14px;border-radius:999px;background:#101830;border:1px solid #23304D;font:500 12px/1 var(--body);color:#C3D2E8;white-space:nowrap}
.pill .dot{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px rgba(37,99,235,.9)}
.hero h1{margin-top:26px;font-size:64px;line-height:.96;font-weight:800;letter-spacing:-0.005em;color:#fff;max-width:640px}
.hl{position:relative;display:inline-block;z-index:0}
.hl::after{content:"";position:absolute;left:-3px;right:-3px;bottom:3px;height:13px;border-radius:7px;background:var(--blue-deep);z-index:-1}
.hero .sub{margin-top:32px;font-size:18px;line-height:1.56;color:var(--muted-dark);max-width:580px}
.hero .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}
.hero .rule{height:1px;background:#1C2437;max-width:513px;margin-top:49px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:545px;margin-top:34px;gap:16px}
.stat b{display:block;font:800 28px/1 var(--display);color:#fff;letter-spacing:-0.02em}
.stat span{display:block;margin-top:12px;font:500 12px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--label)}

/* count-up numbers (main.js): only the digits sit in .cu, so the $ and the K+
   around them stay put while the number climbs. tabular-nums keeps every digit
   the same width so nothing jitters frame to frame.
   The long selector list is deliberate. .cu on its own (0,1,0) loses to rules
   like `.stat span` (0,1,1), which would then style the number as if it were
   the little grey label sitting under it. Scoping it to each target wins the
   cascade without reaching for !important. Everything is pinned back to
   inherit so the wrapper is invisible: it must look exactly like its parent. */
.stat b .cu,.num .cu,.step .n .cu,.vnum .n .cu,[data-count] .cu,.cu{
  display:inline-block;margin:0;padding:0;
  font:inherit;color:inherit;letter-spacing:inherit;text-transform:none;
  text-align:center;
  font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;
}
.hero-card{position:relative;border-radius:var(--r-card);overflow:hidden;border:1px solid rgba(37,99,235,.35);box-shadow:0 30px 80px rgba(37,99,235,.22),0 10px 30px rgba(0,0,0,.35);aspect-ratio:560/323;background:#111}
.hero-card img{width:100%;height:100%;object-fit:cover}
.hero-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.78) 100%)}
.hero-card .cap{position:absolute;left:24px;right:24px;bottom:22px;z-index:1}
.hero-card .cap b{display:block;font:700 14.5px/1.3 var(--display);letter-spacing:-0.01em;color:#fff}
.hero-card .cap span{display:block;margin-top:6px;font:400 12px/1.5 var(--body);color:#94A3B8}

/* ticker */
.ticker{height:52px;background:linear-gradient(90deg,#070B18 0%,#0C1426 50%,#102A52 100%);border-top:1px solid rgba(255,255,255,.07);overflow:hidden;position:relative}
.ticker .track{display:flex;width:max-content;height:52px;align-items:center;animation:marquee 46s linear infinite}
.ticker:hover .track{animation-play-state:paused}
.ticker ul{display:flex;align-items:center}
.ticker li{display:flex;align-items:center;font:500 12px/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:#8FA0BC;white-space:nowrap}
.ticker li::after{content:"";width:5px;height:5px;border-radius:50%;background:#2563EB;margin:0 44px}
@keyframes marquee{to{transform:translateX(-50%)}}

/* =========================================================
   SECTIONS
   ========================================================= */
section{position:relative}
.sec-pad{padding:96px 0 100px}

/* who we are */
.about{background:var(--paper)}
.about .wrap-n{display:grid;grid-template-columns:464px minmax(0,1fr);gap:48px;padding-top:96px;padding-bottom:100px;align-items:start}
.about .copy p{font-size:16px;line-height:1.625;color:var(--muted)}
.about .copy p + p{margin-top:20px}
.link{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:8px 0;font:600 16px/1 var(--body);color:var(--blue)}
.link .i{font-size:16px;stroke-width:2.2;transition:transform .2s}
.link:hover .i{transform:translateX(3px)}

/* advertisers / publishers */
.sides{background:var(--blush);padding:96px 0 110px}
.sides .wrap-n{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.side-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:32px 32px 32px}
.side-card h3{font-size:28px;line-height:1.15;font-weight:800;margin-top:16px}
.side-card p{margin-top:18px;font-size:14px;line-height:1.6;color:var(--muted);max-width:450px}
.checks{display:grid;gap:14px;margin-top:24px}
.checks li{display:flex;align-items:center;gap:12px;font:500 14px/1.45 var(--body);color:var(--text)}
.ck{width:20px;height:20px;border-radius:50%;background:var(--check-bg);display:grid;place-items:center;color:var(--blue);flex:none}
.ck .i{font-size:12px;stroke-width:3}
.side-card .btn{margin-top:32px}

/* services */
.services{background:var(--paper);padding:88px 0 100px}
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:56px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}
.scell{padding:28px 28px 32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.scell:nth-child(3n){border-right:0}
.scell:nth-last-child(-n+3){border-bottom:0}
.ibox{width:44px;height:44px;border-radius:10px;background:var(--icon-bg);display:grid;place-items:center;color:var(--blue);font-size:18px}
.scell h3{font-size:18px;line-height:1.25;font-weight:700;letter-spacing:0;margin-top:24px}
.scell p{margin-top:10px;font-size:14px;line-height:1.6;color:var(--muted)}

/* verticals */
.verticals{background:var(--ink);color:#fff;padding:96px 0 93px;overflow:hidden}
.verticals::before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.035) 1px,transparent 1px);background-size:var(--grid) var(--grid);pointer-events:none}
.verticals .wrap-n{position:relative}
.chips{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:50px}
.chip{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 16px 0 15px;border-radius:999px;background:#101830;border:1px solid rgba(255,255,255,.5);font:500 14px/1 var(--body);color:#C3D2E8;transition:border-color .18s,background .18s}
.chip:hover{border-color:#fff;background:#18223A}
.chip .i{font-size:16px;color:var(--blue)}
.verticals .btn{margin-top:44px}

/* payouts */
.payouts{background:var(--blush);padding:103px 0 96px}
.pay-card{position:relative;overflow:hidden;background:var(--ink);border-radius:24px;padding:60px 32px 58px;text-align:center;color:#fff}
.pay-card::before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);background-size:var(--grid) var(--grid)}
.pay-card::after{content:"";position:absolute;inset:0;background:radial-gradient(420px 260px at 50% 30%,rgba(37,99,235,.34),transparent 70%)}
.pay-card > *{position:relative;z-index:1}
.pay-card .kicker{margin-bottom:18px}
.pay-card .num{font:800 86px/1 var(--display);letter-spacing:-0.03em;color:#fff}
.pay-card .lbl{margin-top:18px;font:700 20px/1.2 var(--display);color:#fff;letter-spacing:-0.01em}
.pay-card p{margin-top:12px;font-size:14px;color:var(--muted-dark)}

/* technology */
.tech{background:var(--paper);padding:99px 0 100px}
.tech .wrap-n{display:grid;grid-template-columns:504px minmax(0,1fr);gap:64px;align-items:center}
.feats{display:grid;gap:28px;margin-top:38px}
.feat{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start}
.feat h3{font-size:16px;line-height:1.3;font-weight:700;letter-spacing:0;padding-top:2px}
.feat p{margin-top:6px;font-size:14px;line-height:1.6;color:var(--muted)}
.tech-visual{position:relative;padding-bottom:20px}
.tech-card{position:relative;border-radius:24px;overflow:hidden;border:1px solid #DEE5EF;box-shadow:0 24px 60px rgba(13,21,38,.08);aspect-ratio:520/385;background:#DCE7F7}
.tech-card img{width:100%;height:100%;object-fit:cover}
.float-card{position:absolute;left:8%;bottom:0;width:318px;max-width:84%;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px 22px;box-shadow:0 14px 34px rgba(0,0,0,.1)}
.float-card b{display:block;font:700 15px/1.3 var(--display);color:var(--text);letter-spacing:-0.01em}
.float-card p{margin-top:6px;font-size:12px;line-height:1.6;color:var(--muted)}

/* traffic channels */
.channels{background:var(--blush);padding:97px 0 93px}
.cgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:50px}
.ccard{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px 24px 24px;transition:transform .2s,box-shadow .2s}
.ccard:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(13,21,38,.07)}
.ccard .i{font-size:20px;color:var(--blue)}
.ccard h3{font-size:16px;line-height:1.3;font-weight:700;letter-spacing:0;margin-top:16px}
.ccard p{margin-top:11px;font-size:14px;line-height:1.6;color:var(--muted)}

/* compliance */
.compliance{background:var(--paper);padding:101px 0 96px}
.compliance .wrap-n{display:grid;grid-template-columns:minmax(0,1fr) 546px;gap:48px;align-items:start}
.qgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.qcard{display:flex;gap:12px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px;font:400 14px/1.6 var(--body);color:var(--text)}
.qcard .ck{margin-top:2px}

/* how it works */
.how{background:var(--ink-2);color:#fff;padding:97px 0 100px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}
.step{background:var(--ink-3);border:1px solid var(--ink-line);border-radius:18px;padding:24px 24px 28px}
.step .n{font:800 32px/1 var(--display);color:var(--blue-bright);letter-spacing:-0.01em}
.step h3{font-size:16px;line-height:1.3;font-weight:700;letter-spacing:0;color:#fff;margin-top:20px}
.step p{margin-top:10px;font-size:14px;line-height:1.6;color:var(--muted-dark-2)}

/* why */
.why{background:var(--blush);padding:99px 0 90px}
.wgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:44px}
.wcard{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px 24px 28px;transition:transform .2s,box-shadow .2s}
.wcard:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(13,21,38,.07)}
.gbox{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#1E90F0 0%,#2563EB 100%);display:grid;place-items:center;color:#fff;font-size:18px;box-shadow:0 8px 18px rgba(37,99,235,.28)}
.wcard h3{font-size:17px;line-height:1.3;font-weight:700;letter-spacing:0;margin-top:20px}
.wcard p{margin-top:10px;font-size:14px;line-height:1.6;color:var(--muted)}

/* dual cta */
.cta{background:var(--paper);padding:18px 0 95px}
.cta .wrap-n{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.cta-card{border-radius:var(--r-card);padding:40px 40px 40px}
.cta-card.dark{background:linear-gradient(135deg,#070B18 0%,#0D1526 55%,#14315F 100%);color:#fff}
.cta-card.light{background:var(--card);border:1px solid var(--line)}
.cta-card h2{font-size:30px;line-height:1.18;font-weight:800;letter-spacing:-0.01em}
.cta-card.dark h2{color:#fff}
.cta-card p{margin-top:14px;font-size:14px;line-height:1.6;color:var(--muted)}
.cta-card.dark p{color:var(--muted-dark)}
.cta-card .row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}

/* contact (added section) */
.contact{background:var(--blush);padding:96px 0 100px}
.contact .wrap-n{display:grid;grid-template-columns:464px minmax(0,1fr);gap:64px;align-items:start}
.cinfo{display:grid;gap:18px;margin-top:34px}
.cinfo a,.cinfo div{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;font:500 14px/1.5 var(--body);color:var(--text)}
.cinfo small{display:block;font:500 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.cinfo a:hover span{color:var(--blue)}
.form-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:32px}
.form-card h3{font-size:22px;font-weight:800}
.form-card .hint{margin-top:6px;font-size:14px;color:var(--muted)}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.field{display:grid;gap:7px}
.field.full{grid-column:1/-1}
.field label{font:600 13px/1 var(--body);color:var(--text)}
.field input,.field select,.field textarea{width:100%;height:48px;border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:0 14px;font:400 14px/1.3 var(--body);color:var(--text);transition:border-color .18s,box-shadow .18s;appearance:none;-webkit-appearance:none}
.field textarea{height:auto;min-height:124px;padding:12px 14px;resize:vertical}
.field select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236F6F67' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}
.field input::placeholder,.field textarea::placeholder{color:#94A3B8}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 4px rgba(37,99,235,.14);background:#fff}
.form-card .btn{width:100%;margin-top:22px}
.form-note{margin-top:14px;font-size:13px;color:var(--muted);text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}
.form-note .i{font-size:14px;color:var(--blue)}
.alert{display:none;margin-bottom:18px;padding:14px 16px;border-radius:12px;font:500 14px/1.45 var(--body)}
.alert.show{display:flex;gap:10px;align-items:flex-start}
.alert.ok{background:#EAF7EE;color:#1C6B3A;border:1px solid #BFE5CB}
.alert.err{background:#FDF0EC;color:#9B2A0E;border:1px solid #F3C5B6}
.alert .i{font-size:18px;margin-top:1px}
.honey{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* =========================================================
   FOOTER
   ========================================================= */
footer{background:var(--ink);color:#fff;padding-top:68px}
.ftop{display:grid;grid-template-columns:268px repeat(4,1fr);column-gap:47px;row-gap:40px}
.fbrand p{margin-top:28px;font-size:14px;line-height:1.6;color:#A1ADBB;max-width:268px}
.fcontact{display:grid;gap:12px;margin-top:32px}
.fcontact a,.fcontact div{display:flex;gap:10px;align-items:flex-start;font:400 14px/1.4 var(--body);color:#fff}
.fcontact .i{font-size:16px;color:var(--blue);margin-top:2px}
.fcontact a:hover{color:var(--blue)}
.fcol h4{font:700 14px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:22px}
.fcol ul{display:grid;gap:15px}
.fcol a{font:400 14px/1.2 var(--body);color:#A1ADBB;transition:color .18s}
.fcol a:hover{color:#fff}
.fbot{margin-top:70px;border-top:1px solid rgba(255,255,255,.1);padding:20px 0 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font:400 13px/1.4 var(--body);color:#94A3B8}
.fbot .links{display:flex;gap:20px}
.fbot .links a:hover{color:#fff}

/* reveal */
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.ticker .track{animation:none}}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:1180px){
  .nav{gap:18px}
  .nav a{font-size:14px}
  .hero .wrap{grid-template-columns:minmax(0,1fr) 46%;gap:40px}
  .hero h1{font-size:52px}
}
@media (max-width:1024px){
  .hero .wrap{grid-template-columns:1fr;gap:48px;padding-top:80px;padding-bottom:80px}
  .hero-card{max-width:640px}
  .about .wrap-n,.compliance .wrap-n,.contact .wrap-n{grid-template-columns:1fr;gap:40px}
  .tech .wrap-n{grid-template-columns:1fr;gap:56px}
  .tech-visual{max-width:640px}
  .sgrid{grid-template-columns:1fr 1fr}
  .scell:nth-child(3n){border-right:1px solid var(--line)}
  .scell:nth-child(2n){border-right:0}
  .scell:nth-last-child(-n+3){border-bottom:1px solid var(--line)}
  .scell:nth-last-child(-n+2){border-bottom:0}
  .cgrid,.wgrid,.steps{grid-template-columns:1fr 1fr}
  .ftop{grid-template-columns:1fr 1fr 1fr}
  .fbrand{grid-column:1/-1}
  .fbrand p{max-width:520px}
}
@media (max-width:860px){
  .nav,.login{display:none}
  .burger{display:grid}
  .hdr-actions{margin-left:auto}
  .site-header .wrap{height:64px;gap:12px}
  .sides .wrap-n,.cta .wrap-n{grid-template-columns:1fr}
  .qgrid{grid-template-columns:1fr}
  .h2,.h2.big{font-size:32px;line-height:1.1}
  .sec-pad,.about .wrap-n,.sides,.services,.verticals,.payouts,.tech,.channels,.compliance,.how,.why,.contact{padding-top:72px;padding-bottom:72px}
  .about .wrap-n{padding-top:72px;padding-bottom:72px}
}
@media (max-width:640px){
  .wrap,.wrap-n{padding:0 20px}
  .btn-start{height:40px;padding:0 16px;border-radius:999px}
  .hero .wrap{padding-top:56px;padding-bottom:64px}
  .hero h1{font-size:42px;letter-spacing:-0.01em;line-height:1}
  .hl::after{height:9px;bottom:2px}
  .hero .sub{font-size:16px;line-height:1.6;margin-top:24px}
  .hero .actions{margin-top:30px}
  .hero .actions .btn{width:100%}
  .stats{gap:10px}
  .stat b{font-size:24px}
  .stat span{font-size:10.5px;letter-spacing:.08em}
  .side-card{padding:26px 22px}
  .side-card h3{font-size:24px}
  .sgrid{grid-template-columns:1fr}
  .scell,.scell:nth-child(3n){border-right:0}
  .scell:nth-last-child(-n+3),.scell:nth-last-child(-n+2){border-bottom:1px solid var(--line)}
  .scell:last-child{border-bottom:0}
  .cgrid,.wgrid,.steps{grid-template-columns:1fr}
  .pay-card{padding:44px 20px}
  .pay-card .num{font-size:56px}
  .pay-card .lbl{font-size:19px}
  .float-card{left:5%;max-width:90%;padding:16px 18px}
  .cta-card{padding:28px 22px}
  .cta-card h2{font-size:26px}
  .form-card{padding:22px 18px}
  .fgrid{grid-template-columns:1fr}
  .ftop{grid-template-columns:1fr 1fr;column-gap:24px}
  .fbot{justify-content:flex-start}
  .ticker li::after{margin:0 28px}
  .verticals .btn,.btn-steel{width:100%}
}
@media (max-width:400px){
  .ftop{grid-template-columns:1fr}
  .logo-text{font-size:17px}
}

/* =========================================================
   INNER PAGES — shared components
   ========================================================= */

/* page hero (no image) */
.phero{position:relative;background:var(--ink-4);color:#fff;overflow:hidden;isolation:isolate}
.phero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(to right,#141C2E 1px,transparent 1px),linear-gradient(to bottom,#141C2E 1px,transparent 1px);background-size:var(--grid) var(--grid);opacity:.9}
.phero::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(820px 520px at 100% 100%,rgba(37,99,235,.26),transparent 65%)}
.phero .wrap-n{padding-top:100px;padding-bottom:96px}
.phero .kicker{margin-bottom:18px}
.phero h1{font-size:56px;line-height:.98;font-weight:800;letter-spacing:-0.005em;color:#fff;max-width:780px}
.phero p{margin-top:26px;font-size:18px;line-height:1.56;color:var(--muted-dark);max-width:680px}
.phero .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}
.phero.short .wrap-n{padding-bottom:98px}

/* generic section paddings */
.sec{padding:96px 0 100px}
.sec.paper{background:var(--paper)}
.sec.blush{background:var(--blush)}
.sec.dark{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.sec.dark::before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.035) 1px,transparent 1px);background-size:var(--grid) var(--grid);pointer-events:none}
.sec.dark > *{position:relative}
.sec .h2{max-width:800px}

/* light info cards (3 / 4 columns) */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:48px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:48px}
.icard{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px 24px 26px;transition:transform .2s,box-shadow .2s}
.icard:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(13,21,38,.07)}
.icard h3{font-size:17px;line-height:1.3;font-weight:700;letter-spacing:0;margin-top:20px}
.icard p{margin-top:10px;font-size:14px;line-height:1.6;color:var(--muted)}

/* pricing model cards (dark) */
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}
.pcard{background:#0D1321;border:1px solid #1C2437;border-radius:16px;padding:26px 24px 28px}
.pcard .abbr{font:800 28px/1 var(--display);letter-spacing:-0.01em;color:var(--blue-bright)}
.pcard .lbl{margin-top:16px;font:600 14px/1.2 var(--body);letter-spacing:.14em;text-transform:uppercase;color:#fff}
.pcard p{margin-top:12px;font-size:14px;line-height:1.6;color:#94A3B8}

/* operations list (2 columns, divider rows) */
.ops{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;margin-top:44px}
.op{display:grid;grid-template-columns:40px 1fr;gap:16px;align-items:start;padding:24px 0 28px;border-top:1px solid var(--line)}
.op .gbox{width:40px;height:40px;border-radius:10px;font-size:17px}
.op h3{font-size:17px;line-height:1.3;font-weight:700;letter-spacing:0;padding-top:1px}
.op p{margin-top:8px;font-size:14px;line-height:1.6;color:var(--muted)}

/* dark channel cards (icon inline with title) */
.tgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tcard{background:#0D1321;border:1px solid #1C2437;border-radius:16px;padding:20px 20px 22px}
.tcard h3{display:flex;align-items:center;gap:10px;font-size:16px;line-height:1.3;font-weight:700;letter-spacing:0;color:#fff}
.tcard h3 .i{font-size:18px;color:var(--blue)}
.tcard p{margin-top:12px;font-size:14px;line-height:1.6;color:#94A3B8}
.split{display:grid;grid-template-columns:464px minmax(0,1fr);gap:50px;align-items:start}
.split .lead{max-width:460px}

/* plain text cards (payout terms) */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:48px}
.ncard{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px 24px 26px}
.ncard h3{font-size:17px;line-height:1.3;font-weight:700;letter-spacing:0}
.ncard p{margin-top:10px;font-size:14px;line-height:1.6;color:var(--muted)}

/* chips on light */
.chips.light{margin-top:36px;max-width:none}
.chips.light .chip{background:#fff;border-color:var(--line);color:var(--text)}
.chips.light .chip:hover{border-color:var(--blue)}

/* form sections */
.fsec{padding:96px 0 97px}
.fsec .wrap-n{display:grid;grid-template-columns:464px minmax(0,1fr);gap:40px;align-items:start}
.fsec .checks{margin-top:28px;gap:14px}
.fsec .checks li{font-size:14px}
.fcard{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:32px 32px 32px;box-shadow:0 24px 60px rgba(13,21,38,.06)}
.fcard h3{font-size:24px;line-height:1.2;font-weight:800;letter-spacing:-0.01em}
.fcard .hint{margin-top:10px;font-size:14px;line-height:1.6;color:var(--muted)}
.fcard .fgrid{margin-top:26px;gap:18px 20px}
.fcard .field label{font:500 14px/1.2 var(--body);color:var(--text)}
.fcard .field{gap:8px}
.fcard .field input,.fcard .field select,.fcard .field textarea{background-color:#fff;font-size:14px}
.fcard .field textarea{min-height:124px}
.fcard .frow{display:flex;align-items:center;gap:12px;margin-top:26px}
.fcard .frow .btn{height:auto;min-height:51px;padding:14px 22px;text-align:center;white-space:normal;max-width:156px;line-height:1.3}
.fcard .frow .note{font-size:13px;line-height:1.5;color:var(--muted)}
.fcard .alert{margin:18px 0 0}

/* verticals detail cards */
.vlist{display:grid;gap:26px;margin-top:56px}
.vcard{display:grid;grid-template-columns:64px minmax(0,1fr) 444px;gap:32px;align-items:start;background:var(--card);border:1px solid #DEE5EF;border-radius:24px;padding:40px 40px 40px}
.vcard:nth-child(even){background:#F4F8FE}
.vcard .vnum{display:grid;gap:18px;justify-items:start}
.vcard .gbox{width:64px;height:64px;border-radius:16px;font-size:26px}
.vcard .n{font:600 13px/1 var(--body);color:#7F879B;padding-left:2px}
.vcard h3{font-size:30px;line-height:1.1;font-weight:800;letter-spacing:-0.01em;padding-top:6px}
.vcard .vd{margin-top:14px;font-size:16px;line-height:1.55;color:var(--muted);max-width:560px}
.vex{background:#F7FAFF;border:1px solid #DEE5EF;border-radius:16px;padding:22px 22px 20px}
.vex .kicker{margin-bottom:16px;font-size:12px}
.vex ul{display:grid;gap:12px}
.vex li{display:flex;align-items:center;gap:12px;font:400 14px/1.3 var(--body);color:var(--text)}
.vex li::before{content:"";width:6px;height:6px;border-radius:50%;background:#59A5FF;flex:none}

/* dark CTA band */
.band{background:var(--ink);color:#fff;padding:80px 0;position:relative;overflow:hidden}
.band::before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.035) 1px,transparent 1px);background-size:var(--grid) var(--grid);pointer-events:none}
.band .wrap-n{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px}
.band h2{font-size:36px;line-height:1.1;font-weight:800;color:#fff;max-width:600px}
.band p{margin-top:16px;font-size:14px;line-height:1.6;color:var(--muted-dark);max-width:560px}

/* about */
.mission .wrap-n{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:72px;align-items:start}
.mission .copy{max-width:500px}
.mission .copy p{margin-top:22px;font-size:16px;line-height:1.625;color:var(--muted)}
.mission .copy .h2 + p{margin-top:26px}
.photo{margin:72px 0 0;border-radius:24px;overflow:hidden;border:1px solid #DEE5EF;box-shadow:0 24px 60px rgba(13,21,38,.08);aspect-ratio:520/335;background:#DCE7F7}
.photo img{width:100%;height:100%;object-fit:cover}
.ctawide{background:var(--paper);padding:80px 0}
.ctawide .wrap{max-width:1216px}
.ctabox{border-radius:28px;padding:60px 48px 60px;background:linear-gradient(100deg,#070B18 0%,#0D1526 55%,#14315F 100%);color:#fff}
.ctabox h2{font-size:38px;line-height:1.08;font-weight:800;color:#fff;max-width:640px}
.ctabox p{margin-top:22px;font-size:14px;line-height:1.6;color:var(--muted-dark);max-width:580px}
.ctabox .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}

/* contact page */
.cpage{padding:96px 0 98px}
.cpage .wrap-n{display:grid;grid-template-columns:441px minmax(0,1fr);gap:48px;align-items:start}
.cstack{display:grid;gap:18px}
.ccardx{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px 24px 28px}
.ccardx h3{font-size:20px;line-height:1.2;font-weight:800;letter-spacing:-0.01em}
.ccardx p{margin-top:10px;font-size:14px;line-height:1.6;color:var(--muted)}
.ccardx .mail{display:inline-block;margin-top:14px;font:600 14px/1.3 var(--body);color:var(--blue)}
.ccardx .mail:hover{text-decoration:underline}
.biz{display:grid;gap:14px;margin-top:20px}
.biz li{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;font:400 14px/1.45 var(--body);color:var(--text)}
.biz li .i{font-size:17px;color:var(--blue);margin-top:2px}
.biz li.muted{color:var(--muted)}
.biz a:hover{color:var(--blue)}
.ccardx.first{padding-top:30px;padding-bottom:30px}

/* login pages */
.login-page{background:var(--blush);padding:80px 0 82px}
.login-page .wrap-n{display:grid;grid-template-columns:480px minmax(0,1fr);gap:72px;align-items:start}
.login-page .kicker{margin-bottom:18px}
.login-page h1{font-size:38px;line-height:1.08;font-weight:800;letter-spacing:-0.01em}
.login-page .lead{margin-top:22px;font-size:16px;line-height:1.6;max-width:460px}
.locks{display:grid;gap:14px;margin-top:30px}
.locks li{display:flex;align-items:center;gap:14px;font:400 14px/1.4 var(--body);color:var(--text)}
.locks li .i{font-size:14px;color:var(--blue);stroke-width:2.2}
.need{margin-top:34px;font-size:14px;color:var(--muted)}
.need a{font-weight:600;color:var(--blue)}
.need a:hover{text-decoration:underline}
.lcard{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:32px 32px 32px;box-shadow:0 24px 60px rgba(13,21,38,.06)}
.lcard .field{gap:10px;margin-bottom:22px}
.lcard .field label{font:500 14px/1.2 var(--body);color:var(--text)}
.lcard .field input{background-color:#fff;font-size:14px}
.pw{position:relative}
.pw input{padding-right:46px}
.pw .toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:transparent;color:#5B6880;display:grid;place-items:center;cursor:pointer;border-radius:8px;font-size:18px}
.pw .toggle:hover{color:var(--text);background:var(--blush)}
.lrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-4px 0 26px}
.remember{display:flex;align-items:center;gap:10px;font:400 14px/1.3 var(--body);color:var(--text);cursor:pointer}
.remember input{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:4px;border:1.5px solid #C6D2E4;background:#fff;display:grid;place-items:center;margin:0;cursor:pointer;transition:background .15s,border-color .15s}
.remember input:checked{background:var(--blue-solid);border-color:var(--blue-solid)}
.remember input:checked::after{content:"";width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.forgot{font:600 14px/1.3 var(--body);color:var(--blue)}
.forgot:hover{text-decoration:underline}
.lcard .btn{width:100%;height:48px;border-radius:12px;font-size:15px}
.lcard .lnote{margin-top:18px;font-size:13px;line-height:1.6;color:var(--muted)}
.lcard .alert{margin:0 0 20px}

/* responsive — inner pages */
@media (max-width:1024px){
  .phero h1{font-size:48px}
  .grid3,.pgrid{grid-template-columns:1fr 1fr}
  .grid4{grid-template-columns:1fr 1fr}
  .split,.fsec .wrap-n,.cpage .wrap-n,.login-page .wrap-n,.mission .wrap-n{grid-template-columns:1fr;gap:40px}
  .photo{margin:0;max-width:640px}
  .vcard{grid-template-columns:64px minmax(0,1fr);gap:24px 28px}
  .vcard .vex{grid-column:1/-1}
  .band .wrap-n{flex-direction:column;align-items:flex-start}
}
@media (max-width:860px){
  .phero .wrap-n{padding-top:72px;padding-bottom:72px}
  .sec,.fsec,.cpage{padding-top:72px;padding-bottom:72px}
  .ops{grid-template-columns:1fr}
  .grid2,.tgrid{grid-template-columns:1fr}
  .ctabox{padding:44px 28px}
  .ctabox h2{font-size:32px}
  .band h2{font-size:30px}
}
@media (max-width:640px){
  .phero h1{font-size:38px}
  .phero p{font-size:16px}
  .phero .actions .btn{width:100%}
  .grid3,.grid4,.pgrid{grid-template-columns:1fr}
  .vcard{grid-template-columns:1fr;padding:26px 20px}
  .vcard .vnum{grid-template-columns:56px 1fr;align-items:center}
  .vcard .gbox{width:56px;height:56px;font-size:24px}
  .vcard h3{font-size:26px;padding-top:0}
  .vcard .vd{font-size:15px}
  .fcard,.lcard{padding:22px 18px;border-radius:18px}
  .fcard .frow{flex-direction:column;align-items:stretch}
  .fcard .frow .btn{max-width:none}
  .login-page{padding:56px 0 64px}
  .login-page h1{font-size:32px}
  .lrow{flex-direction:column;align-items:flex-start;gap:12px}
  .ctabox h2{font-size:28px}
  .band{padding:64px 0}
  .band .btn{width:100%}
  .mission .copy .h2 + p{margin-top:20px}
}