/* === TTerminal sub-page styles === */
/* Shared design system for all secondary pages: platform, markets, tools, legal, etc. */

.page-body{min-height:100vh}

/* ==== HERO ==== */
.pg-hero{
  position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;
  text-align:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,0.04);
  background:#000;
}
.pg-hero::before{
  content:'';position:absolute;inset:0;z-index:0;
  background:url('/newlanding/assets/hero-bg.webp') center right / cover no-repeat;
  opacity:0.5;
}
.pg-hero::after{
  content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 30%,rgba(0,255,178,0.08) 0%,transparent 55%),
    linear-gradient(180deg,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.7) 100%);
}















/* Help page hero — open manual with magnifying glass */
.pg-hero--help::before{
    background:url('/newlanding/assets/help-hero.webp') right center / auto 170% no-repeat !important;
    opacity:1 !important;
}
.pg-hero--help::after{
    background:
        linear-gradient(180deg, transparent 0%, transparent 50%, rgba(0,0,0,0.55) 78%, rgba(0,0,0,0.92) 95%, #000 100%),
        linear-gradient(90deg, #000 0%, rgba(0,0,0,0.82) 26%, rgba(0,0,0,0.42) 50%, transparent 82%) !important;
}

/* Contact page hero — vintage rotary phone */
.pg-hero--contact::before{
    background:url('/newlanding/assets/contact-hero.webp') right center / auto 170% no-repeat !important;
    opacity:1 !important;
}
.pg-hero--contact::after{
    background:
        linear-gradient(180deg, transparent 0%, transparent 50%, rgba(0,0,0,0.55) 78%, rgba(0,0,0,0.92) 95%, #000 100%),
        linear-gradient(90deg, #000 0%, rgba(0,0,0,0.82) 26%, rgba(0,0,0,0.42) 50%, transparent 82%) !important;
}

/* Blog page hero — open trading journal with notes */
.pg-hero--blog::before{
    background:url('/newlanding/assets/blog-hero.webp') right center / auto 170% no-repeat !important;
    opacity:1 !important;
}
.pg-hero--blog::after{
    background:
        linear-gradient(180deg, transparent 0%, transparent 50%, rgba(0,0,0,0.55) 78%, rgba(0,0,0,0.92) 95%, #000 100%),
        linear-gradient(90deg, #000 0%, rgba(0,0,0,0.82) 26%, rgba(0,0,0,0.42) 50%, transparent 82%) !important;
}

/* About page hero — solo workspace at night */
.pg-hero--about::before{
    background:url('/newlanding/assets/about-hero.webp') right center / auto 170% no-repeat !important;
    opacity:1 !important;
}
.pg-hero--about::after{
    background:
        linear-gradient(180deg, transparent 0%, transparent 50%, rgba(0,0,0,0.55) 78%, rgba(0,0,0,0.92) 95%, #000 100%),
        linear-gradient(90deg, #000 0%, rgba(0,0,0,0.82) 26%, rgba(0,0,0,0.42) 50%, transparent 82%) !important;
}

/* Partners page hero — interlocking rings */
.pg-hero--partners::before{
    background:url('/newlanding/assets/partners-hero.webp') right center / auto 170% no-repeat !important;
    opacity:1 !important;
}
.pg-hero--partners::after{
    background:
        linear-gradient(180deg, transparent 0%, transparent 50%, rgba(0,0,0,0.55) 78%, rgba(0,0,0,0.92) 95%, #000 100%),
        linear-gradient(90deg, #000 0%, rgba(0,0,0,0.82) 26%, rgba(0,0,0,0.42) 50%, transparent 82%) !important;
}

/* Company page hero — hands + holographic chart */
.pg-hero--company::before{
    background:url('/newlanding/assets/company-hero.webp') right center / auto 170% no-repeat !important;
    opacity:1 !important;
}
.pg-hero--company::after{
    background:
        linear-gradient(180deg, transparent 0%, transparent 50%, rgba(0,0,0,0.55) 78%, rgba(0,0,0,0.92) 95%, #000 100%),
        linear-gradient(90deg, #000 0%, rgba(0,0,0,0.82) 26%, rgba(0,0,0,0.42) 50%, transparent 82%) !important;
}

/* Resources page hero — floating research documents */
.pg-hero--resources::before{
    background:url('/newlanding/assets/resources-hero.webp') right center / auto 170% no-repeat !important;
    opacity:1 !important;
}
.pg-hero--resources::after{
    background:
        linear-gradient(180deg, transparent 0%, transparent 50%, rgba(0,0,0,0.55) 78%, rgba(0,0,0,0.92) 95%, #000 100%),
        linear-gradient(90deg, #000 0%, rgba(0,0,0,0.82) 26%, rgba(0,0,0,0.42) 50%, transparent 82%) !important;
}

/* Markets / Stocks page hero — charging bull statue */
.pg-hero--markets-stocks::before{
    background:url('/newlanding/assets/stocks-hero.webp') right center / auto 170% no-repeat !important;
    opacity:1 !important;
}
.pg-hero--markets-stocks::after{
    background:
        linear-gradient(180deg, transparent 0%, transparent 50%, rgba(0,0,0,0.55) 78%, rgba(0,0,0,0.92) 95%, #000 100%),
        linear-gradient(90deg, #000 0%, rgba(0,0,0,0.82) 26%, rgba(0,0,0,0.42) 50%, transparent 82%) !important;
}

/* Markets / Futures page hero — term structure curves */
.pg-hero--markets-futures::before{
    background:url('/newlanding/assets/futures-hero.webp') right center / auto 170% no-repeat !important;
    opacity:1 !important;
}
.pg-hero--markets-futures::after{
    background:
        linear-gradient(180deg, transparent 0%, transparent 50%, rgba(0,0,0,0.55) 78%, rgba(0,0,0,0.92) 95%, #000 100%),
        linear-gradient(90deg, #000 0%, rgba(0,0,0,0.82) 26%, rgba(0,0,0,0.42) 50%, transparent 82%) !important;
}

/* Markets / Crypto page hero — uses crypto-hero.webp (blockchain hash matrix) */
.pg-hero--markets-crypto::before{
    background:url('/newlanding/assets/crypto-hero.webp') right center / auto 170% no-repeat !important;
    opacity:1 !important;
}
.pg-hero--markets-crypto::after{
    background:
        linear-gradient(180deg, transparent 0%, transparent 50%, rgba(0,0,0,0.55) 78%, rgba(0,0,0,0.92) 95%, #000 100%),
        linear-gradient(90deg, #000 0%, rgba(0,0,0,0.82) 26%, rgba(0,0,0,0.42) 50%, transparent 82%) !important;
}

/* Markets / Commodities page hero */
.pg-hero--markets-commodities::before{
    background:url('/newlanding/assets/commodities-hero.webp') right center / auto 170% no-repeat !important;
    opacity:1 !important;
}
.pg-hero--markets-commodities::after{
    background:
        linear-gradient(180deg, transparent 0%, transparent 50%, rgba(0,0,0,0.55) 78%, rgba(0,0,0,0.92) 95%, #000 100%),
        linear-gradient(90deg, #000 0%, rgba(0,0,0,0.82) 26%, rgba(0,0,0,0.42) 50%, transparent 82%) !important;
}

/* Markets / Indices page hero — uses indices-hero.webp (stacked index waveforms) */
.pg-hero--markets-indices::before{
    background:url('/newlanding/assets/indices-hero.webp') right center / auto 170% no-repeat !important;
    opacity:1 !important;
}
.pg-hero--markets-indices::after{
    background:
        linear-gradient(180deg, transparent 0%, transparent 50%, rgba(0,0,0,0.55) 78%, rgba(0,0,0,0.92) 95%, #000 100%),
        linear-gradient(90deg, #000 0%, rgba(0,0,0,0.82) 26%, rgba(0,0,0,0.42) 50%, transparent 82%) !important;
}

/* Markets / Forex page hero — uses forex-hero.webp (currency constellation) */
.pg-hero--markets-forex::before{
    background:url('/newlanding/assets/forex-hero.webp') right center / auto 170% no-repeat !important;
    opacity:1 !important;
}
.pg-hero--markets-forex::after{
    background:
        linear-gradient(180deg, transparent 0%, transparent 50%, rgba(0,0,0,0.55) 78%, rgba(0,0,0,0.92) 95%, #000 100%),
        linear-gradient(90deg, #000 0%, rgba(0,0,0,0.82) 26%, rgba(0,0,0,0.42) 50%, transparent 82%) !important;
}

/* Markets overview page hero — uses markets-hero.webp (Earth + trading network) */
.pg-hero--markets::before{
    background:url('/newlanding/assets/markets-hero.webp') right center / auto 170% no-repeat !important;
    opacity:1 !important;
}
.pg-hero--markets::after{
    background:
        linear-gradient(180deg, transparent 0%, transparent 50%, rgba(0,0,0,0.55) 78%, rgba(0,0,0,0.92) 95%, #000 100%),
        linear-gradient(90deg, #000 0%, rgba(0,0,0,0.82) 26%, rgba(0,0,0,0.42) 50%, transparent 82%) !important;
}

/* Platform page specific hero — uses platform-hero.webp instead of default */
.pg-hero--platform::before{
    background:url('/newlanding/assets/platform-hero.webp') right center / auto 170% no-repeat !important;
    opacity:1 !important;
}
.pg-hero--platform::after{
    background:
        linear-gradient(180deg, transparent 0%, transparent 50%, rgba(0,0,0,0.55) 78%, rgba(0,0,0,0.92) 95%, #000 100%),
        linear-gradient(90deg, #000 0%, rgba(0,0,0,0.82) 26%, rgba(0,0,0,0.42) 50%, transparent 82%) !important;
}

.pg-hero__inner{
  position:relative;z-index:2;max-width:880px;margin:0 auto;
  padding:120px 28px 80px;width:100%;
}
.pg-hero__eyebrow{display:none}
.pg-hero__title{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:clamp(36px,5.5vw,68px);font-weight:900;letter-spacing:-0.04em;line-height:1.05;
  margin:0 0 22px;color:#fff;
}
.pg-hero__title .accent-text{color:#00FFB2}
.pg-hero__lead{
  font-size:clamp(16px,1.6vw,19px);line-height:1.6;color:rgba(255,255,255,0.7);
  max-width:680px;margin:0 auto 32px;
}
.pg-hero__ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ==== SECTION ==== */
.pg-section{
  max-width:1100px;margin:0 auto;padding:80px 28px;
  position:relative;
}
.pg-section--narrow{max-width:760px}
.pg-section--wide{max-width:1280px}
.pg-section__head{text-align:center;margin-bottom:48px}
.pg-section__eyebrow{
  display:inline-block;color:#00FFB2;font:800 10.5px var(--font-mono,'JetBrains Mono',monospace);
  letter-spacing:0.14em;text-transform:uppercase;margin-bottom:14px;
}
.pg-section__title{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:clamp(28px,3.4vw,42px);font-weight:800;letter-spacing:-0.03em;line-height:1.1;
  margin:0 0 14px;color:#fff;
}
.pg-section__sub{
  font-size:15.5px;line-height:1.65;color:rgba(255,255,255,0.62);
  max-width:640px;margin:0 auto;
}

/* ==== FEATURE GRID ==== */
.pg-grid{
  display:grid;gap:18px;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
}
.pg-grid--2{grid-template-columns:repeat(2,1fr)}
.pg-grid--3{grid-template-columns:repeat(3,1fr)}
.pg-grid--4{grid-template-columns:repeat(4,1fr)}
.pg-card{
  padding:24px 22px;border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.01));
  border:1px solid rgba(255,255,255,0.07);
  transition:all .25s ease;position:relative;overflow:hidden;
}
.pg-card:hover{
  transform:translateY(-3px);
  border-color:rgba(0,255,178,0.3);
  box-shadow:0 14px 40px rgba(0,0,0,0.4),0 0 0 1px rgba(0,255,178,0.12);
}
.pg-card__icon{
  width:42px;height:42px;border-radius:10px;
  background:linear-gradient(135deg,rgba(0,255,178,0.14),rgba(0,255,178,0.02));
  border:1px solid rgba(0,255,178,0.22);
  display:flex;align-items:center;justify-content:center;color:#00FFB2;
  margin-bottom:16px;
}
.pg-card__icon svg{width:22px;height:22px}
.pg-card__title{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:17px;font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:-0.01em;
}
.pg-card__desc{font-size:13.5px;line-height:1.55;color:rgba(255,255,255,0.6)}
.pg-card__link{
  display:inline-flex;align-items:center;gap:6px;margin-top:14px;
  color:#00FFB2;font-size:12.5px;font-weight:700;
  letter-spacing:0.04em;text-transform:uppercase;text-decoration:none;
}
.pg-card__link:hover{text-decoration:underline;text-underline-offset:3px}

/* ==== PROSE (legal/blog content) ==== */
.pg-prose{
  max-width:780px;margin:0 auto;padding:60px 28px 100px;
  color:rgba(255,255,255,0.78);font-size:15.5px;line-height:1.75;
}
.pg-prose h1{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:clamp(32px,4vw,46px);font-weight:900;letter-spacing:-0.03em;line-height:1.08;
  margin:0 0 12px;color:#fff;
}
.pg-prose h2{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:24px;font-weight:800;letter-spacing:-0.02em;line-height:1.2;
  margin:50px 0 14px;color:#fff;
}
.pg-prose h3{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:18px;font-weight:700;line-height:1.3;
  margin:30px 0 10px;color:#fff;
}
.pg-prose p{margin:0 0 16px}
.pg-prose ul,.pg-prose ol{margin:0 0 18px;padding-left:22px}
.pg-prose li{margin-bottom:6px}
.pg-prose a{color:#00FFB2;text-decoration:underline;text-underline-offset:3px}
.pg-prose a:hover{color:#fff}
.pg-prose strong{color:#fff;font-weight:700}
.pg-prose__meta{
  font-size:12.5px;color:rgba(255,255,255,0.5);
  border-bottom:1px solid rgba(255,255,255,0.08);
  padding-bottom:18px;margin-bottom:32px;
  font-family:var(--font-mono,'JetBrains Mono',monospace);letter-spacing:0.04em;
}
.pg-prose blockquote{
  margin:24px 0;padding:16px 22px;
  background:rgba(0,255,178,0.04);border-left:3px solid #00FFB2;border-radius:0 8px 8px 0;
  font-size:14.5px;color:rgba(255,255,255,0.78);
}
.pg-prose code{
  background:rgba(255,255,255,0.06);padding:2px 6px;border-radius:4px;
  font-family:var(--font-mono,'JetBrains Mono',monospace);font-size:13px;color:#00FFB2;
}
.pg-prose .toc{
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.07);
  border-radius:12px;padding:18px 22px;margin:30px 0;
}
.pg-prose .toc h4{margin:0 0 10px;font-size:11px;color:#00FFB2;font-family:var(--font-mono,'JetBrains Mono',monospace);letter-spacing:0.14em;text-transform:uppercase;font-weight:800}
.pg-prose .toc ul{list-style:none;padding:0;margin:0;columns:2;column-gap:24px}
.pg-prose .toc li{margin-bottom:6px;break-inside:avoid}
.pg-prose .toc a{font-size:13.5px;text-decoration:none;color:rgba(255,255,255,0.75)}
.pg-prose .toc a:hover{color:#00FFB2}

/* ==== CTA BANNER ==== */
.pg-cta{
  max-width:1100px;margin:60px auto 80px;padding:0 28px;
}
.pg-cta__inner{
  position:relative;border-radius:18px;overflow:hidden;
  background:linear-gradient(135deg,#04080a 0%,#0a1014 50%,#070a0c 100%);
  border:1px solid rgba(0,255,178,0.18);
  padding:54px 56px;text-align:center;
}
.pg-cta__inner::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 0%,rgba(0,255,178,0.12),transparent 60%);
  pointer-events:none;
}
.pg-cta__title{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:clamp(28px,3.4vw,40px);font-weight:900;letter-spacing:-0.03em;line-height:1.1;
  margin:0 0 14px;color:#fff;position:relative;
}
.pg-cta__sub{font-size:15px;color:rgba(255,255,255,0.65);margin:0 auto 26px;max-width:520px;position:relative}
.pg-cta__buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative}

/* ==== TABLE (for status/specs) ==== */
.pg-table{
  width:100%;border-collapse:collapse;
  background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.08);
  border-radius:12px;overflow:hidden;
  font-size:14px;
}
.pg-table th,.pg-table td{
  text-align:left;padding:14px 18px;
  border-bottom:1px solid rgba(255,255,255,0.06);
}
.pg-table th{
  font:700 11px var(--font-mono,'JetBrains Mono',monospace);
  letter-spacing:0.1em;text-transform:uppercase;
  color:rgba(255,255,255,0.55);background:rgba(255,255,255,0.03);
}
.pg-table td{color:rgba(255,255,255,0.85)}
.pg-table tbody tr:last-child td{border-bottom:0}
.pg-table tbody tr:hover td{background:rgba(0,255,178,0.04)}
.pg-status-pill{
  display:inline-flex;align-items:center;gap:6px;
  padding:3px 10px;border-radius:12px;font:700 11px var(--font-mono,'JetBrains Mono',monospace);
  letter-spacing:0.06em;
}
.pg-status-pill--ok{background:rgba(0,255,178,0.1);color:#00FFB2;border:1px solid rgba(0,255,178,0.25)}
.pg-status-pill--warn{background:rgba(255,184,28,0.1);color:#FFB81C;border:1px solid rgba(255,184,28,0.25)}
.pg-status-pill--err{background:rgba(255,80,80,0.1);color:#ff5050;border:1px solid rgba(255,80,80,0.25)}
.pg-status-pill::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}

/* ==== STATS ROW ==== */
.pg-stats{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;
  margin:40px 0;
}
.pg-stat{
  padding:22px;border-radius:12px;
  background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);
}
.pg-stat__value{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:34px;font-weight:900;letter-spacing:-0.03em;color:#fff;line-height:1;
}
.pg-stat__label{
  margin-top:8px;font:700 11px var(--font-mono,'JetBrains Mono',monospace);
  letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.55);
}
.pg-stat__sub{margin-top:4px;font-size:13px;color:rgba(255,255,255,0.65)}

/* ==== CONTACT FORM ==== */
.pg-form{
  display:grid;gap:14px;max-width:560px;margin:0 auto;
}
.pg-form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pg-form label{
  font:700 11px var(--font-mono,'JetBrains Mono',monospace);
  letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.55);
  display:block;margin-bottom:6px;
}
.pg-form input,.pg-form textarea,.pg-form select{
  width:100%;padding:12px 14px;
  background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);
  border-radius:10px;color:#fff;font-size:14px;font-family:inherit;
  transition:border .2s,background .2s;
}
.pg-form input:focus,.pg-form textarea:focus,.pg-form select:focus{
  outline:0;border-color:#00FFB2;background:rgba(0,255,178,0.04);
}
.pg-form textarea{min-height:140px;resize:vertical}
.pg-form__msg{font-size:13px;min-height:20px}
.pg-form__msg.ok{color:#00FFB2}
.pg-form__msg.err{color:#ff5050}

/* ==== JOB LIST ==== */
.pg-jobs{display:flex;flex-direction:column;gap:10px}
.pg-job{
  display:flex;justify-content:space-between;align-items:center;gap:18px;
  padding:18px 22px;border-radius:12px;
  background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);
  text-decoration:none;color:inherit;transition:all .2s;
}
.pg-job:hover{border-color:rgba(0,255,178,0.3);transform:translateY(-2px)}
.pg-job__role{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:16px;color:#fff;margin-bottom:4px}
.pg-job__meta{font-size:12.5px;color:rgba(255,255,255,0.5)}
.pg-job__arrow{color:#00FFB2;font-size:18px}

/* ==== BLOG LIST ==== */
.pg-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px}
.pg-post{
  padding:22px;border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.01));
  border:1px solid rgba(255,255,255,0.07);
  display:block;text-decoration:none;color:inherit;
  transition:all .2s;
}
.pg-post:hover{border-color:rgba(0,255,178,0.3);transform:translateY(-3px)}
.pg-post__tag{
  display:inline-block;font:800 10px var(--font-mono,'JetBrains Mono',monospace);
  letter-spacing:0.12em;text-transform:uppercase;color:#00FFB2;
  background:rgba(0,255,178,0.08);padding:3px 8px;border-radius:4px;margin-bottom:12px;
}
.pg-post__title{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:18px;font-weight:800;color:#fff;margin:0 0 8px;line-height:1.25;letter-spacing:-0.01em;
}
.pg-post__excerpt{font-size:13.5px;line-height:1.55;color:rgba(255,255,255,0.62)}
.pg-post__meta{margin-top:14px;font-size:12px;color:rgba(255,255,255,0.45)}

/* ==== Responsive ==== */
@media (max-width:960px){
  .pg-grid--3,.pg-grid--4{grid-template-columns:repeat(2,1fr)}
  .pg-prose .toc ul{columns:1}
}
@media (max-width:720px){
  .pg-hero{min-height:380px}
  





.pg-hero__inner{padding:100px 20px 50px}
  .pg-section{padding:50px 20px}
  .pg-prose{padding:40px 20px 60px;font-size:15px}
  .pg-prose h2{font-size:21px;margin:36px 0 10px}
  .pg-grid--3,.pg-grid--4,.pg-grid--2{grid-template-columns:1fr}
  .pg-cta__inner{padding:36px 24px}
  .pg-stats{gap:12px}
  .pg-stat{padding:18px}
  .pg-stat__value{font-size:28px}
  .pg-form__row{grid-template-columns:1fr}
  .pg-cta{margin:40px auto 60px;padding:0 20px}
}