:root{
  --bg:#04070a; --bg2:#070c0f;
  --panel:rgba(16,26,22,.72); --panel2:rgba(12,20,17,.6);
  --em:#2ee6a0; --em2:#12c98a; --emDim:#1a7d5c;
  --tx:#d9efe6; --mut:#7c9a8e; --mut2:#4f6a5f;
  --up:#2ee6a0; --dn:#ff5c7a;
  --line:rgba(46,230,160,.10);
  --max:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--tx);background:var(--bg);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-2;
  background:
    radial-gradient(900px 520px at 50% -6%,rgba(46,230,160,.12),transparent 60%),
    radial-gradient(700px 500px at 92% 20%,rgba(18,201,138,.07),transparent 60%),
    radial-gradient(700px 500px at 4% 60%,rgba(46,230,160,.05),transparent 60%),
    var(--bg);}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(46,230,160,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(46,230,160,.045) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:radial-gradient(1200px 700px at 50% 0%,#000,transparent 78%);
  mask-image:radial-gradient(1200px 700px at 50% 0%,#000,transparent 78%);}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--max);margin:0 auto;padding:0 22px}
.mono{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace}
h1,h2,h3,.brand{font-family:"Space Grotesk",Inter,sans-serif}

.btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;padding:13px 24px;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:.18s;font-family:"Space Grotesk",sans-serif}
.btn-em{background:linear-gradient(180deg,#39f0ad,#12c98a);color:#022016;box-shadow:0 10px 30px rgba(46,230,160,.28)}
.btn-em:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(46,230,160,.45)}
.btn-ghost{background:rgba(255,255,255,.03);border-color:var(--line);color:var(--tx)}
.btn-ghost:hover{border-color:var(--em);color:var(--em)}

.nav{position:sticky;top:0;z-index:60;background:rgba(4,7,10,.7);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav .row{display:flex;align-items:center;justify-content:space-between;height:66px}
.brand{font-weight:700;font-size:19px;letter-spacing:.2px;display:flex;align-items:center;gap:10px}
.brand .mk{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,#39f0ad,#0c9e6c);display:flex;align-items:center;justify-content:center}
.brand .mk svg{width:15px;height:15px;stroke:#04140d;fill:none;stroke-width:2.4}
.brand b{color:var(--em)}
.nlinks{display:flex;align-items:center;gap:26px}
.nlinks a.l{color:var(--mut);font-weight:500;font-size:14px}
.nlinks a.l:hover{color:var(--tx)}
@media(max-width:760px){.nlinks a.l{display:none}}
@media(max-width:540px){.brand{font-size:15px;gap:7px}.brand .mk{width:22px;height:22px}.nav .btn-em{padding:9px 14px;font-size:13px}.nav .row{height:60px}}

.hero{text-align:center;padding:26px 0 20px}
.sysrow{display:flex;justify-content:space-between;align-items:center;color:var(--mut2);font-size:12px;letter-spacing:.12em;padding:18px 4px 40px}
.sysrow .r{color:var(--em);display:inline-flex;align-items:center;gap:8px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--em);box-shadow:0 0 0 0 rgba(46,230,160,.6);animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(46,230,160,.55)}70%{box-shadow:0 0 0 9px rgba(46,230,160,0)}100%{box-shadow:0 0 0 0 rgba(46,230,160,0)}}
.pill{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:.14em;color:var(--em);border:1px solid rgba(46,230,160,.3);background:rgba(46,230,160,.06);padding:8px 16px;border-radius:100px;font-family:"JetBrains Mono",monospace}
h1{font-size:clamp(40px,7.4vw,88px);line-height:.98;letter-spacing:-1.5px;margin:22px auto 0;max-width:14ch;font-weight:700}
h1 .glow{color:var(--em);text-shadow:0 0 34px rgba(46,230,160,.55),0 0 70px rgba(46,230,160,.3);display:block}
.sub{color:var(--mut);font-size:18px;max-width:600px;margin:22px auto 0}
.cta{display:flex;gap:13px;justify-content:center;flex-wrap:wrap;margin-top:30px}

.stage{position:relative;margin:46px auto 0;max-width:1080px}
.stage .frame{position:relative;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#050a0c;box-shadow:0 40px 120px rgba(0,0,0,.6),0 0 0 1px rgba(46,230,160,.04)}
.stage .frame .bar{display:flex;align-items:center;gap:7px;padding:11px 15px;border-bottom:1px solid var(--line);background:rgba(8,14,12,.85)}
.stage .frame .bar i{width:11px;height:11px;border-radius:50%}
.stage .frame .bar .t{margin-left:10px;color:var(--mut);font-size:12px;font-weight:600}
.stage .frame img{display:block;width:100%;height:auto}
.fcard{position:absolute;background:rgba(9,16,13,.92);border:1px solid rgba(46,230,160,.28);border-radius:12px;padding:11px 14px;backdrop-filter:blur(6px);box-shadow:0 16px 40px rgba(0,0,0,.5)}
.fcard .lab{font-size:10px;letter-spacing:.14em;color:var(--mut);font-family:"JetBrains Mono",monospace}
.fcard .val{font-size:16px;font-weight:700;margin-top:3px;font-family:"Space Grotesk",sans-serif}
.fc1{top:16%;left:-14px}.fc2{top:44%;right:-16px}.fc3{bottom:12%;left:24px}
@media(max-width:720px){.fcard{display:none}}

.tick{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(7,12,10,.6);margin-top:52px;overflow:hidden}
.tick .in{display:flex;gap:44px;align-items:center;padding:13px 22px;font-family:"JetBrains Mono",monospace;font-size:13px;white-space:nowrap;color:var(--mut);flex-wrap:wrap;justify-content:center}
.tick b{color:var(--tx);font-weight:600}.tick .g{color:var(--em)}

section{padding:76px 0}
.eyebrow{font-family:"JetBrains Mono",monospace;color:var(--em);font-weight:600;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase}
h2{font-size:clamp(28px,4vw,44px);margin:12px 0 12px;letter-spacing:-.6px;line-height:1.05}
.lead{color:var(--mut);font-size:17px;max-width:640px}
.center{text-align:center}.center .lead{margin-left:auto;margin-right:auto}

.steps{margin-top:44px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
@media(max-width:820px){.steps{grid-template-columns:1fr}}
.step{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px;transition:.18s}
.step:hover{border-color:rgba(46,230,160,.35);transform:translateY(-3px)}
.step .n{font-family:"JetBrains Mono",monospace;color:var(--em);font-size:12px;letter-spacing:.16em}
.step h3{font-size:20px;margin:12px 0 8px}.step p{color:var(--mut);font-size:14.5px;margin:0}

.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
@media(max-width:920px){.cats{grid-template-columns:1fr}}
.cat{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px}
.cat .h{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.cat .ic{width:38px;height:38px;border-radius:10px;background:rgba(46,230,160,.10);border:1px solid rgba(46,230,160,.22);display:flex;align-items:center;justify-content:center}
.cat .ic svg{width:20px;height:20px;stroke:var(--em);fill:none;stroke-width:1.8}
.cat h3{font-size:16.5px;margin:0}
.chips{display:flex;flex-wrap:wrap;gap:7px}
.chip{font-size:12.5px;color:var(--tx);background:rgba(46,230,160,.05);border:1px solid var(--line);border-radius:8px;padding:5px 10px;font-weight:500}
.chip:hover{border-color:rgba(46,230,160,.4);color:var(--em)}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:20px}
@media(max-width:720px){.stats{grid-template-columns:repeat(2,1fr)}}
.stat{text-align:center;padding:26px 14px;background:var(--panel2);border:1px solid var(--line);border-radius:16px}
.stat .b{font-family:"Space Grotesk",sans-serif;font-size:34px;font-weight:700;color:var(--em)}
.stat .c{color:var(--mut);font-size:13.5px;margin-top:4px}

.prose{max-width:960px;margin:0 auto}
.prose p,.prose li{color:var(--mut);font-size:17px;line-height:1.72}
.prose p{margin:0 0 16px}
.prose p b,.prose li b,.prose strong{color:var(--tx)}
.prose h2{margin-top:38px}
.prose h3{font-size:20px;margin:26px 0 8px;color:var(--tx)}
.prose ul,.prose ol{margin:0 0 18px;padding-left:22px}
.prose li{margin-bottom:8px}
.prose a{color:var(--em);text-decoration:underline;text-underline-offset:3px}
.callout{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--em);border-radius:12px;padding:16px 18px;margin:22px 0}
.callout p{margin:0;color:var(--tx);font-size:15px}
.crumb{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--mut2);letter-spacing:.06em;padding-top:26px}
.crumb a{color:var(--mut)}.crumb a:hover{color:var(--em)}

.gcards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px;text-align:left}
@media(max-width:920px){.gcards{grid-template-columns:1fr}}
.gc{display:block;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;transition:.18s}
.gc:hover{border-color:rgba(46,230,160,.4);transform:translateY(-3px)}
.gc .k{font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--em);letter-spacing:.12em}
.gc h3{font-size:17px;margin:9px 0 6px}
.gc p{color:var(--mut);font-size:14px;margin:0}
.gc .rd{color:var(--em);font-size:13px;font-weight:600;margin-top:12px;display:inline-block}

.faq{max-width:820px;margin:36px auto 0}
.faq details{border:1px solid var(--line);border-radius:12px;background:var(--panel2);margin-bottom:12px;overflow:hidden}
.faq summary{cursor:pointer;list-style:none;padding:17px 19px;font-weight:600;font-size:15.5px;display:flex;justify-content:space-between;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--em);font-size:22px}
.faq details[open] summary::after{content:"\2013"}
.faq p{color:var(--mut);padding:0 19px 17px;margin:0;font-size:14.5px}

.band{text-align:center;background:radial-gradient(600px 300px at 50% 0%,rgba(46,230,160,.12),transparent 70%),var(--panel2);border:1px solid rgba(46,230,160,.2);border-radius:24px;padding:56px 24px}

footer{border-top:1px solid var(--line);padding:36px 0;color:var(--mut2);font-size:13.5px}
.frow{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
.frow a{color:var(--mut)}.frow a:hover{color:var(--em)}
.fnav{display:flex;gap:22px;flex-wrap:wrap}
.disc{margin-top:16px;font-size:12.5px;max-width:900px;line-height:1.55}

/* ---- economic calendar ---- */
.calfilters{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:22px 0 8px}
.calfilters button{font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:600;padding:8px 14px;border-radius:9px;background:var(--panel2);border:1px solid var(--line);color:var(--mut);cursor:pointer;transition:.15s}
.calfilters button:hover{color:var(--tx)}
.calfilters button.on{background:rgba(46,230,160,.12);border-color:rgba(46,230,160,.45);color:var(--em)}
.calwrap{max-width:920px;margin:18px auto 0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel2)}
.calday{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.08em;color:var(--em);background:rgba(46,230,160,.06);padding:10px 16px;border-top:1px solid var(--line);text-transform:uppercase}
.calday:first-child{border-top:0}
.calrow{display:grid;grid-template-columns:52px 46px 14px 1fr 84px 84px 84px;align-items:center;gap:8px;padding:11px 16px;border-top:1px solid rgba(46,230,160,.05);font-size:13.5px}
.calrow:hover{background:rgba(46,230,160,.03)}
.caltime{font-family:"JetBrains Mono",monospace;color:var(--mut);font-size:12.5px}
.calcur{font-family:"JetBrains Mono",monospace;font-weight:700;font-size:11px;color:var(--mut);text-align:center;padding:3px 0;border:1px solid var(--line);border-radius:6px}
.calcur.usd{color:var(--em);border-color:rgba(46,230,160,.4);background:rgba(46,230,160,.06)}
.caldot{width:9px;height:9px;border-radius:50%;justify-self:center}
.caltitle{color:var(--tx);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.calval{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--mut);text-align:right}
.calval i{color:var(--mut2);font-style:normal;font-size:10px;margin-right:4px}
.calval.act{color:var(--em);font-weight:600}
.callegend{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:14px;font-size:12px;color:var(--mut2);font-family:"JetBrains Mono",monospace}
.callegend span{display:inline-flex;align-items:center;gap:6px}
.callegend i{width:9px;height:9px;border-radius:50%;display:inline-block}
@media(max-width:640px){
  .calrow{grid-template-columns:44px 40px 12px 1fr;grid-row-gap:2px;padding:10px 12px}
  .caltitle{white-space:normal}
  .calval{grid-column:4;text-align:left;font-size:11px}
  .caltime,.calcur{align-self:start}
}

/* ---- news prediction ---- */
.calpred{display:inline-block;margin-left:9px;font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:700;letter-spacing:.04em;padding:2px 7px;border-radius:6px;border:1px solid var(--line);vertical-align:middle}
.calpred.hot{color:#ff5c7a}.calpred.cool{color:#4fd6c8}.calpred.mild{color:#9aa4b2}
.calpred.strong{border-color:rgba(46,230,160,.55);background:rgba(46,230,160,.06)}
.calpred.moderate{border-color:rgba(245,166,35,.5)}
.calpred.noedge{opacity:.6}
.predwrap{max-width:920px;margin:14px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:720px){.predwrap{grid-template-columns:repeat(2,1fr)}}
.predcard{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 14px;text-align:center}
.predcard .pe{font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--mut);letter-spacing:.06em}
.predcard .pl{font-family:"Space Grotesk",sans-serif;font-size:24px;font-weight:700;margin:6px 0 2px}
.predcard .pl.hot{color:#ff5c7a}.predcard .pl.cool{color:#4fd6c8}.predcard .pl.mild{color:#9aa4b2}
.predcard .pm{font-size:11px;color:var(--mut)}
.predcard .pr{margin-top:8px;font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;display:inline-block}
.pr.strong{color:var(--em);border:1px solid rgba(46,230,160,.5);background:rgba(46,230,160,.06)}
.pr.moderate{color:#f5a623;border:1px solid rgba(245,166,35,.4)}
.pr.noedge{color:var(--mut2);border:1px solid var(--line)}
.prednote{max-width:820px;margin:16px auto 0;font-size:12.5px;color:var(--mut2);line-height:1.55;text-align:center;font-family:"JetBrains Mono",monospace}

/* ---- blog SVG hero + card thumbnails ---- */
.bfig{margin:6px 0 26px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;overflow:hidden}
.bsvg{display:block;width:100%;height:auto}
.gthumb{margin:-6px -6px 12px;height:132px;background:radial-gradient(120% 120% at 50% 0,rgba(46,230,160,.06),transparent 70%),var(--panel2);border-bottom:1px solid var(--line);border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:8px 10px}
.gthumb .bsvg{max-height:116px}
.gc{overflow:hidden}

/* ================= BLOG magazine layout ================= */
.btag{display:inline-block;font-family:"JetBrains Mono",monospace;font-size:10.5px;font-weight:700;letter-spacing:.14em;color:var(--em);background:rgba(46,230,160,.08);border:1px solid rgba(46,230,160,.3);border-radius:6px;padding:4px 10px}
.gmeta{margin-top:12px;font-family:"JetBrains Mono",monospace;font-size:11.5px;color:var(--mut2)}
.gc .btag{margin:12px 0 8px}

/* hero */
.bhero{display:grid;grid-template-columns:1.06fr .94fr;gap:44px;align-items:center;margin:16px 0 26px}
@media(max-width:900px){.bhero{grid-template-columns:1fr;gap:26px}}
.btitle{font-size:clamp(32px,5.2vw,52px);line-height:1.04;letter-spacing:-1px;margin:14px 0 16px;max-width:none;text-align:left}
.bexc{color:var(--mut);font-size:18px;line-height:1.6;margin:0 0 18px;max-width:56ch}
.bmeta{display:flex;gap:20px;color:var(--mut2);font-family:"JetBrains Mono",monospace;font-size:12.5px;margin-bottom:20px}
.bcta{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 16px;max-width:440px;font-size:13.5px;color:var(--mut)}
.bcta .bctad{flex:none}.bcta b{color:var(--em);white-space:nowrap;margin-left:auto;font-family:"Space Grotesk",sans-serif}
.bcta:hover{border-color:rgba(46,230,160,.4)}
.bherofig{margin:0;background:radial-gradient(120% 120% at 70% 10%,rgba(46,230,160,.12),transparent 60%),var(--panel2);border:1px solid rgba(46,230,160,.22);border-radius:18px;padding:20px;box-shadow:0 30px 90px rgba(0,0,0,.5),0 0 60px rgba(46,230,160,.05)}
.bherofig .bsvg{max-height:300px}
.btkr{display:inline-flex;align-items:center;gap:12px;margin-top:14px;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:8px 14px;font-family:"JetBrains Mono",monospace;font-size:13px}
.btkl{color:var(--mut)}.btkp{color:var(--tx);font-weight:700}.btkc{color:var(--em)}

/* numbered sections */
.bbody{margin-top:10px}
.bsec{display:grid;grid-template-columns:56px 1fr 118px;gap:26px;align-items:start;padding:30px 0;border-top:1px solid var(--line)}
.bnum{width:40px;height:40px;border-radius:50%;border:1px solid rgba(46,230,160,.4);background:rgba(46,230,160,.05);display:flex;align-items:center;justify-content:center;font-family:"JetBrains Mono",monospace;font-weight:700;color:var(--em);font-size:14px}
.bsectxt{min-width:0}
.bsectxt h2{font-size:clamp(21px,2.6vw,27px);margin:2px 0 10px;text-align:left}
.bsectxt p,.bsectxt li{color:var(--mut);font-size:16.5px;line-height:1.72}
.bsectxt p{margin:0 0 14px}.bsectxt p b,.bsectxt strong{color:var(--tx)}
.bsectxt ul{margin:0 0 14px;padding-left:20px}.bsectxt li{margin-bottom:7px}
.bsectxt a{color:var(--em);text-decoration:underline;text-underline-offset:3px}
.bseci{align-self:start;height:104px;background:radial-gradient(120% 120% at 50% 10%,rgba(46,230,160,.10),transparent 65%),var(--panel);border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:center}
.secic{width:42px;height:42px}
@media(max-width:760px){.bsec{grid-template-columns:40px 1fr;gap:16px}.bseci{display:none}}

/* related */
.brel{margin:44px 0 10px}
.brelhead{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.brelhead h2{text-align:left;margin:0}

/* ---- columned footer ---- */
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.7fr;gap:26px;align-items:start}
@media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr;gap:24px}}
@media(max-width:520px){.fgrid{grid-template-columns:1fr}}
.fbrand .ftag{color:var(--mut);font-size:13px;margin:12px 0 0;max-width:34ch;line-height:1.6}
.fcol{display:flex;flex-direction:column;gap:9px}
.fcol h4{color:var(--tx);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-family:"JetBrains Mono",monospace}
.fcol a{color:var(--mut);font-size:14px}.fcol a:hover{color:var(--em)}
.fcta{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}
.fcta .fctat{font-family:"Space Grotesk",sans-serif;font-weight:700;color:var(--tx);font-size:16px;margin-bottom:6px}
.fcta p{color:var(--mut);font-size:13px;margin:0 0 12px}
.disc{margin-top:26px;border-top:1px solid var(--line);padding-top:16px}
.bsecfig{margin:22px 0 6px;padding:14px 16px;background:var(--panel2);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.bsecfig svg{display:block;width:100%;height:auto}
@media(max-width:760px){.bsecfig{padding:10px 10px}}
