:root{
  --brand:#16233a; --brand-dark:#0c1626; --ink:#0c1626; --body:#2b3648;
  --muted:#5b6b7f; --line:#e3e7ee; --soft:#f5f7fb; --ok:#16a34a; --white:#fff;
  --radius:12px; --maxw:1080px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--body);line-height:1.6;background:var(--white)}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{color:var(--ink);line-height:1.25}
h1{font-size:2.1rem;margin:.2em 0 .4em}
h2{font-size:1.5rem;margin:1.6em 0 .5em}
h3{font-size:1.15rem;margin:1.2em 0 .4em}
.riskbar{background:var(--ink);color:#cdd5e0;font-size:.72rem;text-align:center;
  padding:6px 14px;letter-spacing:.2px}
.site-head{display:flex;align-items:center;gap:18px;padding:12px 22px;max-width:var(--maxw);
  margin:0 auto;flex-wrap:wrap;position:sticky;top:0;background:rgba(255,255,255,.96);
  backdrop-filter:blur(8px);z-index:20;border-bottom:1px solid var(--line)}
.logo{font-weight:800;font-size:1.5rem;color:var(--ink);display:flex;align-items:center;gap:0}
.logo-img{height:30px;width:auto;display:block}
.logo span{color:var(--brand)}
.logo small{font-size:.7rem;color:var(--muted);font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-left:8px}
.mainnav{display:flex;gap:14px;flex-wrap:wrap;margin-right:auto;font-size:.86rem;font-weight:600}
.mainnav a{color:var(--body)}
.mainnav a.active{color:var(--brand)}
.btn{display:inline-block;background:var(--brand);color:#fff;padding:11px 20px;border-radius:999px;
  font-weight:700;font-size:.9rem;white-space:nowrap;transition:.15s}
.btn:hover{background:var(--brand-dark);text-decoration:none;transform:translateY(-1px)}
.btn-big{padding:15px 30px;font-size:1.02rem}
main{min-height:50vh}
.wrap{max-width:var(--maxw);margin:0 auto;padding:34px 22px}
.wrap.soft{background:var(--soft);max-width:none}
.wrap.soft>.inner{max-width:var(--maxw);margin:0 auto}
.hero{background:linear-gradient(160deg,#0c1626 0%,#16233a 55%,#1d3252 100%);color:#fff;
  padding:56px 22px}
.hero-in{max-width:var(--maxw);margin:0 auto}
.hero h1{color:#fff;font-size:2.5rem;max-width:18ch}
.hero .lede{font-size:1.15rem;color:#d4dae6;max-width:60ch;margin:.4em 0 1.4em}
.hero-meta{margin-top:16px;color:#9fb0c7;font-size:.9rem}
.badge{display:inline-block;background:rgba(255,214,10,.16);color:#ffe178;border:1px solid #d9b400;
  padding:5px 14px;border-radius:999px;font-size:.78rem;font-weight:700;margin-bottom:14px;
  text-transform:uppercase;letter-spacing:.5px}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.fact{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);padding:18px;text-align:center}
.fact b{display:block;font-size:1.3rem;color:var(--ink)}
.fact span{font-size:.82rem;color:var(--muted)}
.ticks{list-style:none;padding:0;display:grid;gap:8px}
.ticks li{padding-left:30px;position:relative}
.ticks li:before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:800}
.tablewrap{overflow-x:auto;margin:14px 0}
.hourwrap{margin:16px 0}
.hourlbl{font-size:.82rem;color:var(--muted);margin:0 0 4px}
.hourbars{display:flex;align-items:flex-end;gap:2px;height:44px}
.hourbars .hb{flex:1;background:var(--brand);opacity:.45;border-radius:2px 2px 0 0;min-height:5px}
.hourbars .hb-hot{opacity:1}
.hourbars .hb-na{background:transparent;border-bottom:2px solid var(--line)}
.houraxis{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted);margin-top:3px}
table{border-collapse:collapse;width:100%;font-size:.92rem}
th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line)}
thead th{background:var(--ink);color:#fff;font-size:.82rem;text-transform:uppercase;letter-spacing:.4px}
tbody tr:nth-child(even){background:var(--soft)}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:10px 0}
.card{border:1px solid var(--line);border-radius:var(--radius);padding:20px;background:#fff;
  box-shadow:0 1px 3px rgba(16,23,38,.04)}
.card h3{margin-top:0}
a.card.cardlink{display:block;color:var(--body);transition:.15s}
a.card.cardlink:hover{border-color:var(--brand);text-decoration:none;transform:translateY(-2px);
  box-shadow:0 4px 14px rgba(16,23,38,.08)}
a.card.cardlink h3{color:var(--brand)}
.steps{counter-reset:s;list-style:none;padding:0;display:grid;gap:12px}
.steps li{counter-increment:s;padding:14px 16px 14px 56px;position:relative;background:var(--soft);
  border:1px solid var(--line);border-radius:var(--radius)}
.steps li:before{content:counter(s);position:absolute;left:14px;top:50%;transform:translateY(-50%);
  width:28px;height:28px;background:var(--brand);color:#fff;border-radius:50%;display:flex;
  align-items:center;justify-content:center;font-weight:700;font-size:.9rem}
.callout{background:#fff4f4;border:1px solid #f3c4c4;color:#8a1f2b;padding:14px 18px;
  border-radius:var(--radius);font-size:.92rem;margin:14px 0}
.note{font-size:.85rem;color:var(--muted)}
.ph{margin:16px 0}
.ph img{display:block;width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--line)}
.ph figcaption{font-size:.78rem;color:var(--muted);margin-top:6px}
.wrap.lead{padding-top:26px;padding-bottom:6px}
.wrap.lead p{font-size:1.12rem;color:var(--ink);max-width:72ch;margin:0}
.faq{border:1px solid var(--line);border-radius:var(--radius);margin:10px 0;background:#fff}
.faq summary{cursor:pointer;padding:15px 18px;font-weight:700;color:var(--ink);list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";float:right;color:var(--brand);font-weight:800}
.faq[open] summary:after{content:"–"}
.faq-a{padding:0 18px 16px;color:var(--body)}
.calc{border:1px solid var(--line);border-radius:var(--radius);padding:18px;background:#fff;margin:14px 0;
  box-shadow:0 1px 3px rgba(16,23,38,.04)}
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.calc label{display:flex;flex-direction:column;gap:5px;font-size:.8rem;font-weight:700;color:var(--ink)}
.calc input,.calc select{font-size:1rem;font-weight:400;color:var(--body);background:#fff;
  padding:10px 12px;border:1px solid var(--line);border-radius:8px}
.calc input:focus,.calc select:focus{outline:none;border-color:var(--brand)}
.calc-out{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.calc-out div{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);padding:14px 12px;text-align:center}
.calc-out span{display:block;font-size:.78rem;color:var(--muted);margin-bottom:4px}
.calc-out b{font-size:1.4rem;color:var(--brand)}
@media(max-width:600px){.calc-grid{grid-template-columns:1fr}}
.related{display:flex;flex-wrap:wrap;gap:10px}
.related a{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:8px 16px;
  font-size:.88rem;font-weight:600;color:var(--body);background:var(--soft)}
.related a:hover{border-color:var(--brand);color:var(--brand);text-decoration:none}
.reviews h2{margin-top:0}
.rev-sum{font-size:1.02rem;line-height:1.6;color:var(--ink);font-weight:500;
  border-left:3px solid var(--brand);padding-left:14px;margin:0 0 20px}
.rev{margin:0 0 16px;padding:14px 16px;background:#fff;border:1px solid var(--line);
  border-radius:12px}
.stars{color:#f5a623;letter-spacing:1px;font-size:.95rem}
.rev blockquote{margin:8px 0 8px;padding:0;border:0;font-style:italic;color:var(--body);
  line-height:1.55}
.rev figcaption{font-size:.82rem;color:#6b7686;font-weight:600}
.rev-src{font-weight:400;color:#9aa3b0;margin-left:8px}
.rev-note{font-size:.74rem;color:#9aa3b0;margin:6px 0 0}
.btn-cta{box-shadow:0 4px 14px color-mix(in srgb, var(--brand) 30%, transparent)}
.hero .btn-cta{margin-top:6px}
/* ---- Trading Trends page ---- */
.tt-head{padding-bottom:6px}
.tt-date{display:inline-block;background:var(--soft);border:1px solid var(--line);color:var(--muted);
  font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:5px 12px;border-radius:999px}
.tt-head h1{margin:.4em 0 .2em}
.tt-sub{color:var(--muted);max-width:62ch;margin:0;font-size:1.04rem}
.tag{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;
  padding:3px 9px;border-radius:999px;background:var(--soft);color:var(--muted);border:1px solid var(--line)}
.chip{font-size:.74rem;font-weight:800;padding:3px 11px;border-radius:999px;white-space:nowrap}
.tr-up{background:rgba(21,163,74,.14);color:#15803d}
.tr-down{background:rgba(214,0,42,.12);color:#b00020}
.tr-flat{background:#eef1f6;color:#55617a}
/* avatar / logo badge */
.ava{flex:0 0 auto;width:54px;height:54px;border-radius:14px;display:flex;align-items:center;
  justify-content:center;font-weight:800;font-size:.95rem;color:#fff;background:var(--ink);overflow:hidden}
.ava-lg{width:88px;height:88px;border-radius:20px;font-size:1.5rem}
.ava-logo{background:#fff;border:1px solid var(--line);padding:9px}
.ava-logo img{width:100%;height:100%;object-fit:contain;display:block}
.ava-stocks{background:#1d2740}.ava-commodities{background:#b8860b}
.ava-forex{background:#0f766e}.ava-indices{background:#3730a3}.ava-macro{background:#7c2d3a}
/* featured headline story */
.hl{display:flex;gap:22px;align-items:flex-start;border-radius:18px;padding:26px;
  background:linear-gradient(155deg,#0c1626 0%,#1d3252 100%);color:#fff;
  box-shadow:0 10px 30px rgba(16,23,38,.22)}
.hl-body{flex:1 1 auto;min-width:0}
.hl-kick{display:inline-block;background:var(--brand);color:#fff;font-size:.7rem;font-weight:800;
  text-transform:uppercase;letter-spacing:1px;padding:5px 12px;border-radius:999px}
.hl-name{color:#fff;font-size:2rem;margin:.3em 0 .15em;line-height:1.1}
.hl-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:.15em 0 .1em}
.hl .tag{background:rgba(255,255,255,.12);color:#dbe3ef;border-color:rgba(255,255,255,.2)}
.hl-heat{color:#ffd29a;font-size:.85rem;font-weight:800}
.hl-blurb{color:#d7dde8;max-width:62ch;margin:.75em 0 .9em;font-size:1.06rem}
.hl-src{font-size:.82rem;color:#9fb0c7;margin:0 0 1.2em}
.hl-src a{color:#cfe0ff;font-weight:600}
.src-lbl{opacity:.75;margin-right:4px}
.hl-quote{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:.55em 0 .25em}
.q-price{font-size:1.65rem;font-weight:800;color:#fff;line-height:1}
.q-chg{font-size:.85rem;font-weight:800;padding:2px 9px;border-radius:999px}
.q-up{background:rgba(126,226,163,.18);color:#7ee2a3}
.q-down{background:rgba(255,154,166,.16);color:#ff9aa6}
.hl-spark{flex:0 0 auto;width:144px;height:45px;display:block;opacity:.9}
td.tight{background:rgba(126,226,163,.16)}
td.wide{background:rgba(255,154,166,.16)}
td.tight small,td.wide small{opacity:.7}
.rollwarn{border-left:4px solid #e0a23a}
.tzpick{display:inline-flex;flex-wrap:wrap;gap:.3rem;align-items:center;margin-top:.6rem;font-size:.82rem}
.tzpick button{cursor:pointer;border:1px solid rgba(127,139,214,.5);background:transparent;color:inherit;border-radius:999px;padding:.18rem .55rem;font:inherit;font-size:.82rem;line-height:1}
.tzpick button[aria-pressed=true]{background:#6f8bd6;color:#fff;border-color:#6f8bd6}
.loctime{white-space:nowrap;font-weight:600}
.hl-data{display:grid;grid-template-columns:repeat(auto-fit,minmax(116px,1fr));gap:1px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);border-radius:12px;
  overflow:hidden;margin:.7em 0 1.1em}
.hl-data div{background:#141d31;padding:10px 13px}
.hl-data dt{font-size:.63rem;text-transform:uppercase;letter-spacing:.6px;color:#93a0b6;margin:0 0 3px}
.hl-data dd{margin:0;font-size:.98rem;font-weight:800;color:#eef2f8;line-height:1.15}
.hl-data dd.q-up{color:#7ee2a3}
.hl-data dd.q-down{color:#ff9aa6}
.hl-data dd small{color:#93a0b6;font-weight:600;font-size:.78em}
.hl-outlook{margin:.2em 0 1em;border-top:1px solid rgba(255,255,255,.1);padding-top:.9em}
.ho-l{font-size:.64rem;text-transform:uppercase;letter-spacing:.6px;color:#93a0b6}
.ho-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:.15em 0 .12em}
.ho-big{font-size:1.5rem;font-weight:800;color:#fff}
.ho-imp{font-size:.85rem;font-weight:800;padding:2px 9px;border-radius:999px}
.ho-sub{font-size:.8rem;color:#9fb0c7}
.hl-bb{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:.9em 0 .2em}
.hl-bb .bb h4{margin:0 0 .4em;font-size:.82rem;color:#cdd5e0}
.hl-bb .bb.bull h4:before{content:"\25B2 ";color:#7ee2a3}
.hl-bb .bb.bear h4:before{content:"\25BC ";color:#ff9aa6}
.hl-bb ul{margin:0;padding-left:1.1em;display:grid;gap:5px}
.hl-bb li{font-size:.85rem;color:#c4ccd9;line-height:1.4}
.hl-disc{font-size:.7rem;color:#7e8aa0;margin:.7em 0 0;font-style:italic}
.hl-2{box-shadow:0 6px 20px rgba(16,23,38,.16)}
.hl-kick2{background:rgba(255,255,255,.14);color:#dbe3ef}
.ho-bull{font-size:.8rem;color:#cdd5e0;margin:.5em 0 0}
.ho-bull b{color:#fff}
@media(max-width:680px){.hl{padding:18px;gap:14px}.hl-bb{grid-template-columns:1fr}.hl-body{flex-basis:0;min-width:0}.hl .btn{white-space:normal;max-width:100%}.hl-data,.hl-quote,.ho-row{min-width:0}.hl-data{grid-template-columns:repeat(auto-fit,minmax(88px,1fr))}}
.hl-asof{font-size:.71rem;color:#7e8aa0;margin:.25em 0 1em}
/* two secondary cards */
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:8px 0}
.mini{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;
  padding:18px;background:#fff;box-shadow:0 1px 3px rgba(16,23,38,.05)}
.mini:hover{border-color:#cfd6e2;box-shadow:0 6px 18px rgba(16,23,38,.08)}
.mini-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.mini-price{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--ink);font-size:1.05rem;margin:-2px 0 .55em}
.mini-price .q-chg{font-size:.74rem}
.mini-name{font-weight:800;color:var(--ink);font-size:1.08rem;flex:1 1 auto;min-width:0}
.mini-blurb{color:var(--body);font-size:.93rem;margin:.2em 0 .7em;flex:1 1 auto}
.mini-src{font-size:.8rem;color:var(--muted);margin:0 0 .8em}
.mini-src a{color:var(--brand);font-weight:600}
.mini-cta{font-size:.88rem;font-weight:700}
.tt-note{font-size:.92rem}
@media(max-width:680px){
  .hl{flex-direction:column;gap:14px;padding:22px 18px;align-items:stretch}
  .hl-name{font-size:1.6rem}
  .mini-grid{grid-template-columns:1fr}
  .btn{white-space:normal;max-width:100%}
}
.site-foot{background:var(--ink);color:#aeb8c7;margin-top:30px}
.foot-partner{text-align:center;color:#ffce54;font-size:.92rem;font-weight:700;padding:18px 22px 4px;margin:0;letter-spacing:.2px}
.foot-cta{text-align:center;padding:40px 22px;border-bottom:1px solid #233048}
.foot-cta h3{color:#fff;margin-top:0}
.foot-links{max-width:var(--maxw);margin:0 auto;padding:26px 22px;display:flex;flex-wrap:wrap;gap:8px 20px}
.foot-links a{color:#aeb8c7;font-size:.86rem}
.risk-full,.disclaimer,.copy{max-width:var(--maxw);margin:0 auto;padding:0 22px 10px;font-size:.76rem;color:#7c8798}
.copy{padding-bottom:30px}
.goldprice{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;justify-content:space-between;
  background:linear-gradient(135deg,#161d2e 0%,#2a2412 70%,#4a3a12 100%);color:#fff;
  border-radius:16px;padding:26px 28px;box-shadow:0 6px 24px rgba(16,23,38,.18)}
.gp-now{display:flex;flex-direction:column;gap:4px}
.gp-label{font-size:.76rem;text-transform:uppercase;letter-spacing:1px;color:#cdb98a;font-weight:700}
.gp-price{font-size:2.6rem;font-weight:800;color:#ffd770;line-height:1.05}
.gp-chg{font-size:.95rem;font-weight:700}
.gp-up{color:#7ee2a3}.gp-down{color:#ff9a9a}.gp-flat{color:#cdd5e0}
.gp-ex{display:inline-block;margin-top:4px;background:rgba(255,215,112,.16);color:#ffd770;
  border:1px solid rgba(255,215,112,.4);padding:2px 10px;border-radius:999px;
  font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.gp-stats{display:flex;gap:26px}
.gp-stat{text-align:center}
.gp-stat b{display:block;font-size:1.2rem;color:#fff}
.gp-stat span{font-size:.72rem;color:#bcae8e;text-transform:uppercase;letter-spacing:.4px}
.gp-asof{flex-basis:100%;margin:2px 0 0;font-size:.76rem;color:#bcae8e}
.drivers{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:14px 0}
.driver{border:1px solid var(--line);border-left:3px solid #c8a64b;border-radius:var(--radius);
  padding:14px 16px;background:#fff;box-shadow:0 1px 3px rgba(16,23,38,.04)}
.driver h3{margin:0 0 .3em;font-size:1rem;color:var(--ink)}
.driver p{margin:0;font-size:.9rem;color:var(--body)}
@media(max-width:760px){
  .facts{grid-template-columns:repeat(2,1fr)}
  .cols{grid-template-columns:1fr}
  .hero h1{font-size:1.9rem}
  .mainnav{order:3;width:100%}
  .site-head .btn{order:2}
  .goldprice{gap:14px}
  .gp-price{font-size:2.1rem}
  .gp-stats{gap:20px}
}

/* ===== EXNESS FLEET COMPONENTS (calculators .exc + lead-chat .lc) — self-contained ===== */
.exc-head h1{letter-spacing:-.02em}
.exc{background:#0E1A2B;border:1px solid #22344F;border-radius:14px;padding:22px 22px 24px;margin:6px 0 14px}
.exc-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:20px}
.exc-in label{display:flex;flex-direction:column;gap:6px;font-size:.7rem;letter-spacing:.4px;text-transform:uppercase;color:#8DA0BC;font-weight:600}
.exc-in input,.exc-in select{background:#0B1524;border:1px solid #2A3D5A;border-radius:8px;color:#EAF0F8;font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:1rem;padding:10px 12px;width:100%}
.exc-in input:focus,.exc-in select:focus{outline:none;border-color:#F5C518}
.exc-out{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;background:#22344F;border:1px solid #22344F;border-radius:10px;overflow:hidden}
.exc-out>div{background:#0E1A2B;padding:15px 18px;display:flex;flex-direction:column;gap:4px}
.exc-out span{font-family:"JetBrains Mono",SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:1.3rem;font-weight:700;color:#F5C518}
.exc-out small{color:#8DA0BC;font-size:.74rem}
.exc-src{color:#6B7688;font-size:.8rem;font-style:italic;margin:12px 0 0}
/* Trading calculator: Simple/Pro mode toggle + risk-first planner (Pro). */
.exc-modes{display:inline-flex;gap:6px;margin:0 0 16px}
.exc-modes button,.exc-seg button{background:#0B1524;border:1px solid #2A3D5A;color:#8DA0BC;border-radius:8px;padding:8px 14px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .12s,color .12s,border-color .12s}
.exc-modes button.on,.exc-seg button.on{background:#F5C518;border-color:#F5C518;color:#0E1A2B}
.exc-seg{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0}
.exc-tkfoot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}
.exc-note{margin:0;color:#6B7688;font-size:.74rem;font-style:italic}
.exc-copy{background:#0B1524;border:1px solid #2A3D5A;color:#F5C518;border-radius:8px;padding:7px 13px;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap}
.exc-copy:hover{border-color:#F5C518}
.exc-plan{display:grid;grid-template-columns:1fr 1.15fr;gap:16px}
.exc-setup{display:flex;flex-direction:column;gap:12px}
.exc-ticket{background:#0B1524;border:1px solid #22344F;border-radius:12px;padding:16px}
.exc-tk-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:12px;border-bottom:1px solid #22344F}
.exc-tk-head .exc-tk-r{text-align:right}
.exc-tk-k{display:block;font-size:.64rem;letter-spacing:.5px;text-transform:uppercase;color:#8DA0BC;font-weight:600;margin-bottom:2px}
.exc-tk-big{font-family:"JetBrains Mono",SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:1.5rem;font-weight:700;color:#F5C518;line-height:1.15}
.exc-tk-u{font-size:1rem;color:#8DA0BC;font-weight:600}
.exc-duo{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#22344F;border:1px solid #22344F;border-radius:9px;overflow:hidden;margin:12px 0}
.exc-duo>div{background:#0B1524;padding:11px 13px;display:flex;flex-direction:column;gap:3px}
.exc-duo span{font-family:"JetBrains Mono",SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:1.15rem;font-weight:700}
.exc-duo small{color:#8DA0BC;font-size:.7rem}
.exc-neg{color:#FF7A7A}.exc-pos{color:#37D39B}
.exc-marg{margin:12px 0 4px}
.exc-marg-l{display:flex;justify-content:space-between;gap:10px;font-size:.78rem;color:#8DA0BC;margin-bottom:5px}
.exc-marg-l b{color:#F5C518;font-family:"JetBrains Mono",SFMono-Regular,ui-monospace,Menlo,monospace;font-weight:700}
.exc-marg-l em{font-style:normal;color:#8DA0BC}
.exc-bar{height:7px;background:#22344F;border-radius:6px;overflow:hidden}
.exc-bar>i{display:block;height:100%;width:0;background:#F5C518;border-radius:6px;transition:width .18s ease}
.exc-out.exc-out3{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
/* Lot-size Pro: ATR/ADR stop hint under the stop-loss field. */
.exc-atr{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.76rem;color:#8DA0BC;margin:-4px 0 2px}
.exc-atr b{color:#C6D2E2;font-family:"JetBrains Mono",SFMono-Regular,ui-monospace,Menlo,monospace}
.exc-atr button{background:#0B1524;border:1px solid #2A3D5A;color:#F5C518;border-radius:6px;padding:3px 9px;font-size:.72rem;font-weight:600;cursor:pointer}
.exc-atr button:hover{border-color:#F5C518}
/* Currency Pro: position value across account currencies (table). 5 колонок моноширинных сумм
   не влезают в ~390px → таблица живёт в скролл-обёртке, иначе горизонтальный overflow страницы. */
.exc-fxwrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.exc-fx{width:100%;border-collapse:collapse;font-size:.9rem;margin-top:2px}
.exc-fx th,.exc-fx td{padding:9px 10px;border-bottom:1px solid #22344F;text-align:right}
.exc-fx th{color:#8DA0BC;font-size:.7rem;letter-spacing:.4px;text-transform:uppercase;font-weight:600}
.exc-fx th:first-child,.exc-fx td:first-child{text-align:left;color:#8DA0BC;font-weight:600;text-transform:none;letter-spacing:0;font-size:.8rem}
.exc-fx td{font-family:"JetBrains Mono",SFMono-Regular,ui-monospace,Menlo,monospace;color:#F5C518;font-weight:700}
.exc-fx tr:last-child td{border-bottom:none}
@media(max-width:560px){.exc-plan{grid-template-columns:1fr}}
/* Lead-chat v2 (light, по одобренному мокапу): белая карточка-форма + чипы тем +
   двухколоночный блок «форма | как это работает» + карточки каналов + hollow-кнопка hero. */
.lc-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:24px;align-items:start;margin-top:6px}
.lcv2{background:#fff;border:1px solid #e6e9ef;border-radius:14px;padding:20px 22px 22px}
.lcv2 form{display:flex;flex-direction:column;gap:14px}
.lc-chips{display:flex;flex-wrap:wrap;gap:8px}
.lc-chip{background:#f6f8fb;border:1px solid #e6e9ef;color:#667085;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;line-height:1.3;transition:border-color .12s,color .12s,background .12s}
.lc-chip:hover{border-color:#F5C518;background:rgba(245,197,24,.14);color:#7a5c00}
.lc-l{display:flex;flex-direction:column;gap:7px;font-size:.72rem;letter-spacing:.4px;text-transform:uppercase;color:#667085;font-weight:600}
.lcv2 textarea,.lcv2 input{background:#fff;border:1px solid #d8dee9;border-radius:8px;color:#0e1726;font-family:inherit;font-size:1rem;padding:12px 14px;width:100%;resize:vertical}
.lcv2 textarea:focus,.lcv2 input:focus{outline:none;border-color:#F5C518;box-shadow:0 0 0 3px rgba(245,197,24,.18)}
.lc-btn{align-self:flex-start}
.lc-status{color:#7a5c00;font-size:.92rem;margin:0;min-height:1.2em}
.lcv2 .lc-priv{color:#667085;font-size:.8rem;margin:0}
.lc-aside h3{margin:2px 0 10px}
.lc-steps{margin:0;padding-left:20px;display:grid;gap:10px}
.lc-steps li::marker{color:#b98a00;font-weight:700}
.lc-note{margin-top:16px;background:rgba(245,197,24,.12);border:1px solid rgba(245,197,24,.5);border-radius:10px;padding:12px 14px;font-size:.92rem}
.lc-ch-k{font-size:.72rem;letter-spacing:.4px;text-transform:uppercase;color:#667085;font-weight:600;margin:0 0 4px}
.lc-ch-v{font-size:1.05rem;font-weight:800;color:#0e1726;margin:0 0 6px}
.lc-ch p:last-child{font-size:.92rem;color:#667085;margin:0}
.hero .btn-hollow{background:transparent;color:#EAF0F8;border:1px solid rgba(255,255,255,.45);margin-left:10px}
.hero .btn-hollow:hover{background:rgba(255,255,255,.08);color:#fff;border-color:#fff}
@media(max-width:820px){.lc-grid{grid-template-columns:1fr}.hero .btn-hollow{margin-left:0;margin-top:10px}}
/* Related pages — brand icon cards. Compound .related.related-cards (0,0,2,1) wins over base
   .related a AND the design-overlay .related a regardless of source order. */
.related.related-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;padding:0}
.related.related-cards a{display:flex;align-items:center;gap:13px;padding:13px 16px;min-width:0;border:1px solid #E4E8EE;border-radius:14px;background:#fff;color:#0E1A2B;font-weight:600;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.related.related-cards a:hover{border-color:#F5C518;box-shadow:0 8px 22px rgba(14,26,43,.10);transform:translateY(-2px);color:#0E1A2B;text-decoration:none}
.related.related-cards .ricon{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:rgba(245,197,24,.16);color:#A97E00;transition:background .15s ease,color .15s ease}
.related.related-cards a:hover .ricon{background:#F5C518;color:#0E1A2B}
.related.related-cards .ricon svg{width:21px;height:21px;display:block}
.related.related-cards .rlabel{font-size:.95rem;line-height:1.25;min-width:0;overflow-wrap:anywhere;hyphens:auto}
/* minmax(0,1fr): голый 1fr, у которого неявный минимум = min-content, на узких экранах
   распирал сетку длинными локализованными словами (Hesaplayıcılar/Calculadora) → +5..8px
   горизонтального скролла и красный mobile_check по всему не-EN флоту. */
@media (max-width:520px){.related.related-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Feedback invite under the calculators — soft warm callout → Live Help. */
.exc-invite{display:flex;align-items:center;gap:14px;background:#FFFDF5;border:1px solid #F0E4B8;border-radius:14px;padding:15px 18px;margin:16px 0 4px}
.exc-invite-ic{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:rgba(245,197,24,.18);color:#A97E00}
.exc-invite-ic svg{width:21px;height:21px;display:block}
.exc-invite p{margin:0;color:#3A4658;font-size:.95rem;line-height:1.5}
.exc-invite a{color:#0E1A2B;font-weight:700;text-decoration:none}
.exc-invite a:hover{text-decoration:underline}
.exc-invite small{color:#7E8AA0;font-size:.82rem}
/* ===== /live-spreads v3 (.lsp-*) — self-contained fleet component ===== */
.lsp-fresh{background:#f6f8fb;border-bottom:1px solid var(--line)}
.lsp-fresh-in{max-width:var(--maxw);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:9px 22px;font-size:.8rem;color:var(--muted)}
.lsp-fresh-in>b{color:var(--ink)}
.lsp-fdot{width:8px;height:8px;border-radius:50%;background:#16a34a;display:inline-block}
.lsp-fchip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:2px 11px;white-space:nowrap}
.lsp-fchip b{color:var(--ink);font-weight:600}
.lsp-dim{opacity:.7}
.lsp-fcsv{margin-left:auto;font-weight:700;white-space:nowrap}
.lsp-hero{padding:38px 22px 34px}
.lsp-hero h1{font-size:clamp(1.6rem,3.6vw,2.2rem);max-width:none}
.lsp-hero .lede{font-size:1rem;max-width:66ch;margin:.5em 0 1.2em}
.lsp-hero .lede b{color:#fff}
.lsp-statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:0 0 18px}
.lsp-stat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:13px 15px}
.lsp-stat .sname{font-size:.76rem;color:#9fb0c6}
.lsp-stat .sval{font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700;color:#fff;margin-top:3px}
.lsp-stat .sval small{font-size:.72rem;font-weight:400;color:#9fb0c6;margin-left:4px}
.lsp-stat .ssub{font-size:.72rem;color:#9fb0c6;margin-top:3px}
.lsp-stat.gold{border-color:rgba(245,197,24,.55);background:rgba(245,197,24,.10)}
.lsp-stat.gold .sname{color:#F5C518;font-weight:700}
.lsp-heroctas{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.lsp-heroctas .hero-meta{margin:0}
.lsp-hero .btn-cta{margin-top:0}
.lsp-secnav{position:sticky;top:0;z-index:19;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.lsp-secnav-in{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:4px;overflow-x:auto;padding:8px 22px}
.lsp-secnav-in a{font-size:.82rem;color:var(--muted);padding:5px 12px;border-radius:999px;white-space:nowrap;font-weight:600}
.lsp-secnav-in a:hover{text-decoration:none;color:var(--ink)}
.lsp-secnav-in a.on{background:#16233A;color:#fff}
.lsp-navcta{margin-left:auto;background:#F5C518;color:#16233A !important;font-weight:700}
section[data-lspnav]{scroll-margin-top:120px}
.lsp-controls{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:14px 0 12px}
.lsp-chips{display:flex;gap:6px;flex-wrap:wrap}
.lsp-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 13px;font-size:.82rem;color:var(--muted);cursor:pointer;font-family:inherit}
.lsp-chip.on{background:#16233A;border-color:#16233A;color:#fff}
.lsp-lots{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--muted)}
.lsp-seg{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.lsp-seg button{border:0;background:#fff;padding:5px 12px;font-size:.82rem;cursor:pointer;font-family:SFMono-Regular,ui-monospace,Menlo,monospace;color:var(--muted)}
.lsp-seg button.on{background:#F5C518;color:#16233A;font-weight:700}
.lsp-tablewrap{border:1px solid var(--line);border-radius:var(--radius)}
.lsp-tablewrap table{min-width:760px;font-size:.88rem}
.lsp-tablewrap thead th{background:#f6f8fb;color:var(--muted);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;font-weight:600;border-bottom:1px solid var(--line)}
.lsp-tablewrap tbody tr:nth-child(even){background:transparent}
.lsp-tablewrap td{padding:9px 12px;vertical-align:middle}
.lsp-ghead td{background:#f6f8fb;color:var(--ink);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;padding:7px 12px}
.lsp-iname{font-weight:600;color:var(--ink);white-space:nowrap}
.lsp-unit{font-size:.64rem;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:1px 5px;margin-left:7px;vertical-align:1px}
.lsp-nc{text-align:right;font-variant-numeric:tabular-nums}
th.lsp-nc{text-align:right}
.lsp-typ{font-weight:700;color:var(--ink);font-size:.95rem;font-family:SFMono-Regular,ui-monospace,Menlo,monospace}
.lsp-usd,.lsp-usds{font-family:SFMono-Regular,ui-monospace,Menlo,monospace}
.lsp-rangecell{min-width:130px}
.lsp-rstrip{position:relative;height:6px;border-radius:3px;background:var(--line);width:110px}
.lsp-rfill{position:absolute;height:100%;border-radius:3px;background:linear-gradient(90deg,#8fce9f,#d97706)}
.lsp-rmed{position:absolute;top:-3px;width:2px;height:12px;background:var(--ink);border-radius:1px}
.lsp-rlab{font-size:.66rem;color:var(--muted);font-family:SFMono-Regular,ui-monospace,Menlo,monospace;white-space:nowrap;margin-top:3px}
.lsp-stable{font-size:.7rem;color:#15803d;background:#ecf8f0;border:1px solid #cdeed8;border-radius:999px;padding:2px 9px;white-space:nowrap}
.lsp-adr{display:flex;align-items:center;gap:7px;min-width:110px}
.lsp-adr span{font-size:.76rem;font-family:SFMono-Regular,ui-monospace,Menlo,monospace}
.lsp-adrbar{height:6px;border-radius:3px;background:var(--line);width:64px;position:relative;overflow:hidden}
.lsp-adrfill{position:absolute;height:100%;border-radius:3px}
.lsp-adrfill.ok{background:#16a34a}.lsp-adrfill.warn{background:#d97706}.lsp-adrfill.hi{background:#dc2626}
.lsp-conf{display:inline-flex;gap:2.5px;vertical-align:middle}
.lsp-conf i{width:6px;height:6px;border-radius:50%;background:var(--line)}
.lsp-conf.c3 i,.lsp-conf.c2 i:nth-child(-n+2){background:#16a34a}
.lsp-conf.c1 i:first-child{background:#d97706}
.lsp-cnum{font-size:.76rem;color:var(--muted);font-family:SFMono-Regular,ui-monospace,Menlo,monospace}
.lsp-costnote{font-size:.62rem;color:var(--muted);white-space:nowrap}
.lsp-costnote-w{white-space:normal;max-width:230px;margin-left:auto;line-height:1.35}
tr.lsp-low td{opacity:.62}
.lsp-mut{color:var(--muted)}
.lsp-pos{color:#15803d;font-weight:600}
.lsp-neg{color:#dc2626;font-weight:600}
.lsp-trip{font-size:.66rem;background:#f6f8fb;border:1px solid var(--line);border-radius:5px;padding:1px 6px;color:var(--muted);white-space:nowrap}
.lsp-takeaways{background:#f6f8fb;border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px;margin-top:18px}
.lsp-takeaways h3{margin:0 0 8px;font-size:.95rem}
.lsp-takeaways ul{margin:0;padding-left:20px;font-size:.88rem}
.lsp-takeaways li{margin-bottom:5px}
.lsp-chartcard{border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}
.lsp-chartctl{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.lsp-chartmeta{font-size:.82rem;color:var(--muted);margin:2px 0 14px}
.lsp-chartmeta b{color:var(--ink)}
.lsp-bars{display:flex;align-items:flex-end;gap:3px;height:150px;border-bottom:1px solid var(--line)}
.lsp-bcol{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;min-width:0}
.lsp-bcol.lsp-bna{justify-content:center}
.lsp-bval{font-size:9px;font-family:SFMono-Regular,ui-monospace,Menlo,monospace;color:var(--muted);margin-bottom:2px;white-space:nowrap}
.lsp-bar{width:100%;max-width:26px;background:#16233A;border-radius:3px 3px 0 0;min-height:3px}
.lsp-bar.hot{background:#dc2626}
.lsp-hatch{width:100%;max-width:26px;height:100%;border-radius:3px;background:repeating-linear-gradient(45deg,transparent,transparent 4px,var(--line) 4px,var(--line) 6px)}
.lsp-axis{display:flex;gap:3px;margin-top:5px}
.lsp-axis span{flex:1;text-align:center;font-size:9.5px;color:var(--muted);font-family:SFMono-Regular,ui-monospace,Menlo,monospace;line-height:1.2}
.lsp-axis span small{display:block;font-size:8px;opacity:.75}
.lsp-sessions{display:flex;gap:3px;margin-top:8px}
.lsp-sess{height:18px;border-radius:4px;font-size:10px;display:flex;align-items:center;justify-content:center;color:var(--ink);opacity:.9;overflow:hidden;white-space:nowrap}
.lsp-sess.s-asia{background:#e8edf5}.lsp-sess.s-ldn{background:rgba(245,197,24,.28)}
.lsp-sess.s-ovl{background:#dbe7f7}.lsp-sess.s-ny{background:#f7e3db}.lsp-sess.s-roll{background:#eef1f6}
.lsp-legend{display:flex;gap:16px;font-size:.74rem;color:var(--muted);margin-top:12px;flex-wrap:wrap}
.lsp-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.lsp-legend .lg-avg{background:#16233A}
.lsp-legend .lg-hot{background:#dc2626}
.lsp-legend .lg-na{background:repeating-linear-gradient(45deg,transparent,transparent 3px,var(--line) 3px,var(--line) 5px)}
.lsp-islamic{display:flex;gap:14px;align-items:flex-start;background:#f2f9f4;border:1px solid #cdeed8;border-radius:var(--radius);padding:15px 18px;margin:6px 0 14px;font-size:.9rem}
.lsp-islamic .ic{font-size:20px;line-height:1.2}
.lsp-islamic b{color:var(--ink)}
.lsp-acctlede{max-width:80ch;font-size:.95rem}
.lsp-acctgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.lsp-acct{border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;background:#fff}
.lsp-acct.measured{border-color:#F5C518;box-shadow:0 0 0 3px rgba(245,197,24,.15)}
.lsp-acct h4{margin:6px 0 2px;font-size:.92rem;color:var(--ink)}
.lsp-acct .tag.m{color:#A97E00;background:rgba(245,197,24,.14);border-color:rgba(245,197,24,.5)}
.lsp-acct .big{font-family:SFMono-Regular,ui-monospace,Menlo,monospace;font-variant-numeric:tabular-nums;font-size:1.45rem;font-weight:700;color:var(--ink);margin:8px 0 2px}
.lsp-acct .big small{font-size:.8rem;color:var(--muted);font-weight:400}
.lsp-acct p{font-size:.82rem;color:var(--muted);margin:6px 0 0}
.lsp-spark{vertical-align:middle}
.lsp-excl{font-size:.72rem;color:#d97706;white-space:nowrap}
.lsp-trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:14px}
.lsp-tcard{background:#f6f8fb;border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;font-size:.85rem}
.lsp-tcard b{display:block;color:var(--ink);margin-bottom:3px;font-size:.88rem}
.lsp-ctaband{background:linear-gradient(180deg,#16233A,#0c1626);border-radius:var(--radius);color:#fff;padding:26px 28px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin-top:26px}
.lsp-ctaband h3{color:#fff;margin:0 0 4px;font-size:1.1rem}
.lsp-ctaband p{margin:0;color:#9fb0c6;font-size:.82rem}
.lsp-calc{margin-top:20px}
.lsp-calc h3{color:#fff;margin:0 0 14px;font-size:1rem}
.foot-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:22px}
.foot-cols .fcol{display:flex;flex-direction:column;gap:5px}
.foot-cols .fcol b{color:#e6ebf2;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}
@media (max-width:720px){
  .lsp-lots{margin-left:0}
  /* Wide measured tables (spreads/percentiles/volatility) live in a horizontal-scroll
     wrapper on phones. Without this, CJK headers wrap one glyph per line and blow the
     header row up to absurd height (the ugly stack seen on narrow zh screens). nowrap
     keeps each header on one line; .tablewrap's overflow-x:auto handles the scroll. */
  .tablewrap th{white-space:nowrap}
  .lsp-acctgrid{grid-template-columns:1fr}
  .lsp-fcsv{margin-left:0}
  #lsp-master table{min-width:0;display:block}
  #lsp-master thead{display:none}
  #lsp-master tbody{display:block}
  #lsp-master tr{display:block;border-bottom:1px solid var(--line);padding:10px 12px}
  #lsp-master tr:last-child{border-bottom:0}
  #lsp-master tr.lsp-ghead{background:#f6f8fb;padding:6px 12px}
  #lsp-master tr.lsp-ghead td{background:transparent;padding:0}
  #lsp-master td{display:inline-block;border:0;padding:2px 10px 2px 0}
  #lsp-master td.lsp-nc{text-align:left}
  #lsp-master td[data-l]::before{content:attr(data-l);font-size:.6rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;display:block}
  .lsp-bval{display:none}
}

/* ===== Exness visual layer (navy chrome + yellow accent) ===== */
:root{--accent:#ffd60a;--accent-dark:#d9b400}
.btn-cta{background:var(--accent)!important;color:#0c1626!important;border-color:var(--accent-dark)!important;
  box-shadow:0 6px 16px rgba(217,180,0,.30)!important;font-weight:700}
.btn-cta:hover{background:#ffdf33!important;color:#0c1626!important}
.hero .btn-cta{box-shadow:0 8px 22px rgba(217,180,0,.40)!important}
main h2{position:relative}
main h2:after{content:"";display:block;width:46px;height:3px;background:var(--accent);
  border-radius:2px;margin-top:9px}
.fact{border-top:3px solid var(--accent);box-shadow:0 3px 10px rgba(10,22,38,.06);background:#fff}
.card{box-shadow:0 4px 16px rgba(10,22,38,.07)}
.tablewrap{border:1px solid var(--line);border-radius:12px;overflow-x:auto;box-shadow:0 3px 10px rgba(10,22,38,.05)}
.tablewrap table{margin:0}
thead th{background:var(--ink);letter-spacing:.3px}
.site-head{border-bottom:2px solid var(--line);box-shadow:0 1px 6px rgba(10,22,38,.04)}
.rev-sum{border-left-color:var(--accent)}
.logo{align-items:center;gap:9px}
.logo-img{height:30px;width:auto;display:block}
@media(max-width:480px){.logo-img{height:25px}.logo small{display:none}}
@media(max-width:600px){.hero h1{font-size:2rem}}