:root{
  --bg:#06080b;
  --bg-soft:#0d1218;
  --panel:#141a22;
  --panel-soft:#1a212b;
  --text:#f4f7fb;
  --muted:#9ea8b6;
  --muted-2:#d6dde6;
  --gold:#d6a34a;
  --gold-2:#efc46d;
  --green:#30d49b;
  --red:#ff6b77;
  --line:rgba(255,255,255,.08);
  --radius:22px;
  --shadow:0 16px 60px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  font-family:Inter,system-ui,sans-serif;
  background:
    radial-gradient(circle at 15% 10%, rgba(214,163,74,.05), transparent 22%),
    linear-gradient(180deg, #05070a 0%, #0a0d11 50%, #05070a 100%);
}
a{text-decoration:none;color:inherit}
.container{width:min(1200px, calc(100% - 32px));margin:0 auto}

.site-header{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(5,7,10,.84);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.04);
}
.header-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-height:84px;
}
.brand{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
}
.brand-svg{
  width:42px;
  height:42px;
  display:block;
}
.nav-toggle{
  display:none;
  width:42px;
  height:42px;
  padding:0;
  border:none;
  background:transparent;
  cursor:pointer;
}
.nav-toggle span{
  display:block;
  width:20px;
  height:2px;
  margin:5px auto;
  background:#e8ecf1;
}
.nav-panel{
  display:flex;
  align-items:center;
}
.nav-links{
  display:flex;
  align-items:center;
  gap:14px;
}
.nav-link{
  color:var(--muted-2);
  font-weight:600;
  font-size:.96rem;
}
.small-btn{padding:11px 16px;border-radius:14px}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px 20px;
  border-radius:16px;
  border:1px solid transparent;
  font-weight:700;
  transition:.2s ease;
  cursor:pointer;
}
.btn:hover{transform:translateY(-1px)}
.btn-gold{
  color:#141414;
  background:linear-gradient(135deg, var(--gold), var(--gold-2));
}
.btn-outline{
  color:var(--text);
  background:rgba(255,255,255,.02);
  border-color:rgba(214,163,74,.22);
}
.btn-block{width:100%}

.hero-section{
  padding:72px 0 52px;
}
.hero-grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(420px, 500px);
  gap:48px;
  align-items:start;
}
.hero-copy{
  max-width:620px;
  padding-top:12px;
}
.eyebrow{
  display:inline-block;
  margin-bottom:14px;
  color:var(--gold-2);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.hero-copy h1,
.page-hero h1,
.auth-card h1,
.editorial-copy h2,
.pricing-head h2{
  margin:0;
  font-family:Manrope,Inter,sans-serif;
  font-weight:700;
  letter-spacing:-.035em;
  line-height:1.02;
}
.hero-copy h1{
  font-size:clamp(2.8rem, 5.2vw, 4.7rem);
  max-width:12ch;
}
.hero-copy p,
.page-hero p,
.auth-card p,
.editorial-copy p,
.editorial-list p,
.pricing-head p,
.price-card p,
.footer-copy,
.footer-meta{
  color:var(--muted);
}
.hero-copy p{
  max-width:58ch;
  margin:18px 0 0;
  line-height:1.8;
  font-size:1.04rem;
}
.hero-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin:28px 0 16px;
}
.hero-note{
  color:var(--muted);
  font-size:.95rem;
}

.market-board{
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
  border:1px solid var(--line);
  border-radius:28px;
  padding:20px;
  box-shadow:var(--shadow);
}
.market-board-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
.market-tabs{
  display:flex;
  gap:22px;
}
.tab{
  background:transparent;
  border:none;
  color:var(--muted);
  font-size:1rem;
  font-weight:700;
  padding:0 0 12px;
  cursor:pointer;
  position:relative;
}
.tab.active{
  color:#f4f6fa;
}
.tab.active::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:36px;
  height:4px;
  border-radius:999px;
  background:var(--gold-2);
}
.market-link{
  color:var(--muted);
  font-size:.95rem;
}
.market-chart-panel{
  padding:16px 16px 12px;
  border-radius:20px;
  background:rgba(255,255,255,.018);
  border:1px solid rgba(255,255,255,.05);
  margin-bottom:16px;
}
.market-chart-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}
.market-chart-meta span{
  color:#f3f6f9;
  font-weight:700;
}
.market-chart-meta strong{
  color:var(--gold-2);
  font-size:1.05rem;
}
#marketChartSvg{
  width:100%;
  height:170px;
  display:block;
}
#marketChartArea{
  fill:rgba(214,163,74,.08);
}
#marketChartPath{
  fill:none;
  stroke:url(#chartStroke);
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.market-rows{
  display:grid;
  gap:10px;
}
.market-row{
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:18px;
  padding:14px 0;
  border-top:1px solid rgba(255,255,255,.05);
  background:transparent;
  border-left:none;
  border-right:none;
  border-bottom:none;
  color:inherit;
  width:100%;
  cursor:pointer;
  text-align:left;
}
.market-row:first-child{border-top:none}
.market-row.is-active .market-symbol strong{color:#fff}
.market-row.is-skeleton{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  color:var(--muted);
  cursor:default;
}
.market-symbol{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.coin-icon{
  width:40px;
  height:40px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-weight:800;
  font-size:1.1rem;
  color:#fff;
}
.coin-icon.btc{background:#f7931a}
.coin-icon.eth{background:#627eea}
.coin-icon.bnb{background:#f3ba2f;color:#111}
.coin-icon.xrp{background:#20242f}
.coin-icon.sol{background:#111827;border:1px solid rgba(255,255,255,.08)}
.market-symbol strong{
  display:block;
  font-size:1rem;
}
.market-symbol span{
  display:block;
  color:var(--muted);
  font-size:.92rem;
}
.market-price{
  color:#f6f8fb;
  font-weight:700;
  font-size:1rem;
}
.market-change{
  font-weight:800;
  font-size:1rem;
}
.market-change.up{color:var(--green)}
.market-change.down{color:var(--red)}

.signal-strip{
  padding:0 0 28px;
}
.strip-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  border-top:1px solid rgba(255,255,255,.05);
  border-bottom:1px solid rgba(255,255,255,.05);
}
.strip-item{
  padding:18px 12px;
}
.strip-item:not(:last-child){
  border-right:1px solid rgba(255,255,255,.05);
}
.strip-item span{
  display:block;
  color:var(--muted);
  margin-bottom:6px;
}
.strip-item strong{
  display:block;
  color:#f1f4f8;
  font-size:1rem;
}

.editorial-section{
  padding:58px 0;
}
.editorial-grid{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:48px;
}
.editorial-copy h2,
.pricing-head h2{
  font-size:clamp(2rem, 4vw, 3.1rem);
  max-width:13ch;
  margin-bottom:12px;
}
.editorial-copy p{
  max-width:56ch;
  line-height:1.8;
}
.editorial-list{
  display:grid;
  gap:0;
}
.editorial-list article{
  padding:22px 0;
  border-top:1px solid rgba(255,255,255,.06);
}
.editorial-list article:last-child{
  border-bottom:1px solid rgba(255,255,255,.06);
}
.editorial-list h3{
  margin:0 0 8px;
  font-size:1.06rem;
}
.editorial-list p{
  margin:0;
  line-height:1.8;
}

.pricing-section{
  padding:24px 0 70px;
}
.pricing-head{
  margin-bottom:24px;
}
.pricing-head p{
  max-width:62ch;
  line-height:1.8;
}
.pricing-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:18px;
}
.price-card{
  position:relative;
  padding:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
  border:1px solid var(--line);
  border-radius:24px;
  box-shadow:var(--shadow);
}
.price-card.featured{
  border-color:rgba(214,163,74,.28);
}
.badge{
  position:absolute;
  top:16px;
  right:16px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(214,163,74,.10);
  border:1px solid rgba(214,163,74,.18);
  color:var(--gold-2);
  font-size:.74rem;
  font-weight:800;
}
.price-card h3{
  margin:0 0 10px;
  font-size:1.16rem;
}
.price{
  font-size:2.6rem;
  font-weight:800;
  margin:10px 0 4px;
}
.price small{
  font-size:.95rem;
  color:var(--muted);
}
.price-card ul{
  list-style:none;
  padding:0;
  margin:18px 0 0;
  display:grid;
  gap:10px;
}
.price-card li{
  position:relative;
  padding-left:16px;
  color:var(--muted);
}
.price-card li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:6px;
  height:6px;
  border-radius:999px;
  background:linear-gradient(135deg, var(--gold), var(--gold-2));
}
.price-actions{
  display:grid;
  gap:10px;
  margin-top:18px;
}

.page-hero{
  padding:72px 0 16px;
}
.page-hero h1{
  font-size:clamp(2.4rem, 4.8vw, 4rem);
  max-width:12ch;
}
.page-hero p{
  max-width:58ch;
  line-height:1.8;
  margin-top:14px;
}

.auth-section{
  padding:56px 0 72px;
}
.auth-shell{
  display:grid;
  grid-template-columns:1fr;
}
.auth-card{
  max-width:720px;
  padding:30px;
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
  border:1px solid var(--line);
  border-radius:24px;
  box-shadow:var(--shadow);
}
.auth-card h1{
  font-size:clamp(2.1rem, 4vw, 3rem);
}
.auth-card p{
  line-height:1.8;
}
.auth-form{
  display:grid;
  gap:14px;
  margin-top:18px;
}
label{
  display:grid;
  gap:8px;
  font-size:.95rem;
  font-weight:700;
}
input,.select-input{
  width:100%;
  padding:14px 15px;
  border-radius:15px;
  border:1px solid var(--line);
  background:#0d1218;
  color:var(--text);
  outline:none;
}
input:focus,.select-input:focus{
  border-color:rgba(214,163,74,.34);
  box-shadow:0 0 0 4px rgba(214,163,74,.08);
}
.alert{
  margin-top:14px;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(224,96,96,.10);
  border:1px solid rgba(224,96,96,.20);
  color:#ffd8d8;
}
.invoice-box{
  margin-top:24px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.06);
}
.invoice-box h3{
  margin:0 0 14px;
}
.invoice-grid{
  display:grid;
  gap:12px;
}
.invoice-grid div{
  display:grid;
  gap:4px;
}
.invoice-grid span{
  color:var(--muted);
  font-size:.9rem;
}
.invoice-grid strong{
  color:#f4f7fb;
}
.mono{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  word-break:break-all;
}
.smallmono{font-size:.82rem}

.site-footer{
  border-top:1px solid rgba(255,255,255,.05);
  padding:28px 0 24px;
}
.footer-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}
.footer-brand{
  width:40px;
  height:40px;
}
.footer-copy{
  display:grid;
  gap:4px;
}
.footer-copy strong{
  color:#f3f6fa;
  font-size:1rem;
}

@media (max-width:1100px){
  .hero-grid,
  .editorial-grid,
  .pricing-grid,
  .strip-grid{
    grid-template-columns:1fr;
  }
  .strip-item:not(:last-child){
    border-right:none;
    border-bottom:1px solid rgba(255,255,255,.05);
  }
}

@media (max-width:860px){
  .nav-toggle{display:block}
  .nav-panel{
    position:absolute;
    top:84px;
    left:0;
    right:0;
    background:rgba(6,8,11,.98);
    border-top:1px solid rgba(255,255,255,.05);
    padding:16px;
    display:none;
  }
  body.nav-open .nav-panel{display:block}
  .nav-links{
    flex-direction:column;
    align-items:flex-start;
  }
  .hero-section{padding:44px 0 38px}
  .hero-copy h1{max-width:none;font-size:2.8rem}
  .page-hero h1{max-width:none;font-size:2.4rem}
  .hero-actions{flex-direction:column;align-items:stretch}
  .btn{width:100%}
}

@media (max-width:560px){
  .container{width:min(100% - 20px, 1200px)}
  .header-row{min-height:72px}
  .brand{width:42px;height:42px}
  .brand-svg{width:36px;height:36px}
  .hero-copy h1{font-size:2.3rem}
  .page-hero h1,.auth-card h1,.editorial-copy h2,.pricing-head h2{font-size:2rem}
  .market-board,.price-card,.auth-card{padding:18px}
  .market-row{grid-template-columns:1fr auto;gap:12px}
  .market-change{grid-column:2}
}

.brand{
  width:auto !important;
  height:auto !important;
}

.brand-lockup{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.brand-icon{
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.brand-icon .brand-svg{
  width:40px;
  height:40px;
  display:block;
}

.brand-wordmark{
  height:40px;
  width:auto;
  display:block;
  object-fit:contain;
}

.footer-brand-lockup{
  display:inline-flex;
  align-items:center;
  gap:10px;
}

.footer-brand-icon{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.footer-brand-icon .brand-svg{
  width:30px;
  height:30px;
  display:block;
}

.footer-brand-wordmark{
  height:30px;
  width:auto;
  display:block;
  object-fit:contain;
}

.pricing-grid{
  align-items:stretch !important;
}

.price-card{
  height:100%;
  display:flex;
  flex-direction:column;
}

.price-card p{
  min-height:88px;
}

.price-card ul{
  flex:1 1 auto;
}

.price-actions{
  margin-top:auto !important;
}

.price-actions .btn,
.price-actions form{
  width:100%;
}

.price-actions form{
  margin:0;
}

.price-card h3{
  min-height:28px;
}

.price{
  min-height:64px;
  display:flex;
  align-items:flex-end;
}

@media (max-width:860px){
  .brand-wordmark{
    height:30px;
  }

  .brand-icon{
    width:30px;
    height:30px;
    flex:0 0 30px;
  }

  .brand-icon .brand-svg{
    width:30px;
    height:30px;
  }

  .footer-brand-wordmark{
    height:24px;
  }

  .footer-brand-icon{
    width:24px;
    height:24px;
    flex:0 0 24px;
  }

  .footer-brand-icon .brand-svg{
    width:24px;
    height:24px;
  }
}

.brand-lockup{
  display:inline-flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
}

.brand-icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.brand-icon .brand-svg{
  width:34px;
  height:34px;
  display:block;
}

.brand-wordmark{
  height:26px;
  width:auto;
  display:block;
  object-fit:contain;
}

header .brand,
.site-header .brand,
.navbar .brand{
  width:auto !important;
  min-width:0 !important;
}

.hero-actions,
.cta-row,
.action-row{
  margin-top:30px !important;
  gap:14px !important;
}

.pricing-grid,
.plan-grid,
.plans-grid{
  align-items:stretch !important;
  gap:24px !important;
  margin-top:34px !important;
}

.price-card,
.plan-card,
.pricing-card{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}

.price-card ul,
.plan-card ul,
.pricing-card ul{
  flex:1 1 auto !important;
}

.price-actions,
.plan-actions,
.pricing-actions{
  margin-top:auto !important;
  display:grid !important;
  gap:12px !important;
}

.price-actions .btn,
.plan-actions .btn,
.pricing-actions .btn{
  width:100% !important;
}

.market-card,
.market-panel,
.hero-market,
.market-shell{
  background:linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.02)) !important;
  border:1px solid rgba(226,182,80,0.16) !important;
  box-shadow:none !important;
}

.market-chart,
.chart-card,
.chart-shell,
.market-graph{
  background:rgba(255,255,255,0.03) !important;
  border:1px solid rgba(255,255,255,0.06) !important;
  min-height:220px !important;
  border-radius:22px !important;
}

.market-chart svg,
.chart-card svg,
.chart-shell svg,
.market-graph svg{
  opacity:1 !important;
}

.market-chart path,
.chart-card path,
.chart-shell path,
.market-graph path{
  stroke-width:3 !important;
}

#features{
  scroll-margin-top:110px;
}

#pricing{
  scroll-margin-top:110px;
}

.services-grid,
.features-grid{
  margin-top:28px !important;
}

.services-grid .card,
.features-grid .card,
.feature-list .item{
  background:transparent !important;
  border:0 !important;
  border-top:1px solid rgba(255,255,255,0.08) !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.nav-links a[href="/services"],
.nav-links a[href="/#features"]{
  opacity:1 !important;
}

@media (max-width: 860px){
  .brand-wordmark{
    height:22px;
  }

  .brand-icon{
    width:30px;
    height:30px;
    flex:0 0 30px;
  }

  .brand-icon .brand-svg{
    width:30px;
    height:30px;
  }

  .pricing-grid,
  .plan-grid,
  .plans-grid{
    gap:18px !important;
  }
}

/* ===== TRADOVIQ LANDING HOTFIX V3 ===== */

.brand-lockup,
.brand{
  display:inline-flex !important;
  align-items:center !important;
  gap:12px !important;
}

.brand-wordmark{
  height:24px !important;
  width:auto !important;
  display:block !important;
  object-fit:contain !important;
}

.hero-actions,
.cta-row,
.action-row{
  margin-top:30px !important;
  margin-bottom:28px !important;
  gap:14px !important;
}

#pricing{
  scroll-margin-top:120px !important;
}

.pricing-grid,
.plan-grid,
.plans-grid{
  margin-top:42px !important;
  gap:24px !important;
  align-items:stretch !important;
}

.price-card,
.plan-card,
.pricing-card{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}

.price-card ul,
.plan-card ul,
.pricing-card ul{
  flex:1 1 auto !important;
}

.price-actions,
.plan-actions,
.pricing-actions{
  margin-top:auto !important;
  display:grid !important;
  gap:12px !important;
}

.price-actions .btn,
.plan-actions .btn,
.pricing-actions .btn{
  width:100% !important;
}

.tv-strip{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:0 !important;
  border-top:1px solid rgba(255,255,255,0.08) !important;
  border-bottom:1px solid rgba(255,255,255,0.08) !important;
  margin:32px 0 18px !important;
}

.tv-strip-item{
  padding:18px 10px 18px 0 !important;
  border-right:1px solid rgba(255,255,255,0.08) !important;
}

.tv-strip-item:last-child{
  border-right:0 !important;
}

.tv-strip-label{
  display:block !important;
  font-size:13px !important;
  color:rgba(255,255,255,0.56) !important;
  margin-bottom:8px !important;
}

.tv-strip-item strong{
  display:block !important;
  font-size:20px !important;
  line-height:1.25 !important;
  color:#F5F7FB !important;
  font-weight:600 !important;
}

.tv-market-widget{
  background:linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.02)) !important;
  border:1px solid rgba(226,182,80,0.14) !important;
  border-radius:28px !important;
  padding:22px !important;
}

.tv-market-head{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:16px !important;
  margin-bottom:18px !important;
}

.tv-tabs{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

.tv-tab{
  appearance:none !important;
  border:0 !important;
  background:transparent !important;
  color:rgba(255,255,255,0.58) !important;
  font-size:16px !important;
  font-weight:600 !important;
  padding:0 0 8px !important;
  cursor:pointer !important;
  border-bottom:3px solid transparent !important;
}

.tv-tab.active{
  color:#F4F7FB !important;
  border-color:#D9A441 !important;
}

.tv-market-link{
  color:rgba(255,255,255,0.60) !important;
  font-size:14px !important;
}

.tv-chart-shell{
  background:rgba(255,255,255,0.03) !important;
  border:1px solid rgba(255,255,255,0.06) !important;
  border-radius:22px !important;
  padding:16px !important;
  margin-bottom:18px !important;
}

.tv-chart-meta{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  margin-bottom:10px !important;
}

.tv-chart-pair{
  color:#F5F7FB !important;
  font-size:16px !important;
  font-weight:700 !important;
}

.tv-chart-value{
  color:#E8B84A !important;
  font-size:16px !important;
  font-weight:700 !important;
}

#tvChart{
  width:100% !important;
  height:180px !important;
  display:block !important;
}

.tv-market-list{
  display:grid !important;
  gap:10px !important;
}

.tv-market-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto auto !important;
  align-items:center !important;
  gap:16px !important;
  padding:12px 0 !important;
  border-bottom:1px solid rgba(255,255,255,0.06) !important;
}

.tv-market-row:last-child{
  border-bottom:0 !important;
}

.tv-market-coinwrap{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

.tv-coin{
  width:40px !important;
  height:40px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:14px !important;
  font-weight:700 !important;
  color:#fff !important;
}

.tv-coin-meta{
  display:flex !important;
  flex-direction:column !important;
  line-height:1.2 !important;
}

.tv-coin-meta strong{
  color:#F4F7FB !important;
  font-size:15px !important;
}

.tv-coin-meta span{
  color:rgba(255,255,255,0.52) !important;
  font-size:13px !important;
}

.tv-market-price{
  color:#F4F7FB !important;
  font-weight:600 !important;
  font-size:15px !important;
}

.tv-market-change{
  font-weight:700 !important;
  font-size:15px !important;
  text-align:right !important;
}

.tv-market-change.up{
  color:#37D39A !important;
}

.tv-market-change.down{
  color:#F27777 !important;
}

.tv-coin.btc{ background:#F39C33 !important; }
.tv-coin.eth{ background:#627EEA !important; }
.tv-coin.bnb{ background:#E4B93D !important; color:#1A1A1A !important; }
.tv-coin.xrp{ background:#222834 !important; }
.tv-coin.sol{ background:#18233D !important; }
.tv-coin.sei{ background:#D04C74 !important; }
.tv-coin.tia{ background:#5A70F5 !important; }
.tv-coin.arb{ background:#3B82F6 !important; }
.tv-coin.inj{ background:#1D9BF0 !important; }
.tv-coin.op{ background:#E5484D !important; }

@media (max-width: 980px){
  .tv-strip{
    grid-template-columns:1fr !important;
  }

  .tv-strip-item{
    border-right:0 !important;
    border-bottom:1px solid rgba(255,255,255,0.08) !important;
    padding-right:0 !important;
  }

  .tv-strip-item:last-child{
    border-bottom:0 !important;
  }

  .tv-market-row{
    grid-template-columns:1fr auto !important;
  }

  .tv-market-price{
    grid-column:2 !important;
    grid-row:1 !important;
  }

  .tv-market-change{
    grid-column:2 !important;
    grid-row:2 !important;
  }
}

@media (max-width: 768px){
  .brand-wordmark{
    height:21px !important;
  }

  .tv-market-head{
    flex-direction:column !important;
    align-items:flex-start !important;
  }
}


/* tradoviq_ui_fix_v6 */

.tvq-proof-row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin-top: 56px !important;
  margin-bottom: 28px !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

.tvq-proof-row > .tvq-proof-item {
  min-width: 0 !important;
  padding: 20px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 8px !important;
  border-right: 1px solid rgba(255,255,255,0.08) !important;
}

.tvq-proof-row > .tvq-proof-item:last-child {
  border-right: 0 !important;
}

.tvq-proof-row > .tvq-proof-item *:first-child {
  font-size: 12px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.58) !important;
}

.tvq-proof-row > .tvq-proof-item strong,
.tvq-proof-row > .tvq-proof-item b {
  font-size: 22px !important;
  line-height: 1.25 !important;
  color: #f5f7fb !important;
}

.tvq-price-card {
  display: flex !important;
  flex-direction: column !important;
}

.tvq-price-card ul,
.tvq-price-card ol,
.tvq-price-card .tvq-feature-list {
  margin-bottom: 26px !important;
}

.tvq-plan-actions {
  margin-top: auto !important;
  padding-top: 18px !important;
  display: grid !important;
  gap: 14px !important;
}

.tvq-plan-actions > * {
  width: 100% !important;
}

@media (max-width: 980px) {
  .tvq-proof-row {
    grid-template-columns: 1fr !important;
  }

  .tvq-proof-row > .tvq-proof-item {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  }

  .tvq-proof-row > .tvq-proof-item:last-child {
    border-bottom: 0 !important;
  }
}

/* ===== Landing cleanup v7 ===== */

#pricing{
  scroll-margin-top:120px !important;
}

.hero-actions{
  margin-bottom:28px !important;
}

.pricing-grid,
.plan-grid,
.plans-grid{
  margin-top:46px !important;
  align-items:stretch !important;
}

.tv-strip{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:0 !important;
  margin:34px 0 22px !important;
  border-top:1px solid rgba(255,255,255,0.08) !important;
  border-bottom:1px solid rgba(255,255,255,0.08) !important;
}

.tv-strip-item{
  min-width:0 !important;
  padding:20px 18px !important;
  border-right:1px solid rgba(255,255,255,0.08) !important;
}

.tv-strip-item:last-child{
  border-right:0 !important;
}

.tv-strip-label{
  display:block !important;
  font-size:12px !important;
  line-height:1.2 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:rgba(255,255,255,0.56) !important;
  margin-bottom:8px !important;
}

.tv-strip-item strong{
  display:block !important;
  font-size:20px !important;
  line-height:1.25 !important;
  color:#f5f7fb !important;
  font-weight:600 !important;
}

.tv-market-widget{
  background:linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.02)) !important;
  border:1px solid rgba(226,182,80,0.14) !important;
  border-radius:28px !important;
  padding:22px !important;
}

.tv-market-head{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:16px !important;
  margin-bottom:18px !important;
}

.tv-tabs{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

.tv-tab{
  appearance:none !important;
  border:0 !important;
  background:transparent !important;
  color:rgba(255,255,255,0.58) !important;
  font-size:16px !important;
  font-weight:600 !important;
  padding:0 0 8px !important;
  cursor:pointer !important;
  border-bottom:3px solid transparent !important;
}

.tv-tab.active{
  color:#F4F7FB !important;
  border-color:#D9A441 !important;
}

.tv-market-link{
  color:rgba(255,255,255,0.60) !important;
  font-size:14px !important;
}

.tv-chart-shell{
  background:rgba(255,255,255,0.03) !important;
  border:1px solid rgba(255,255,255,0.06) !important;
  border-radius:22px !important;
  padding:16px !important;
  margin-bottom:18px !important;
}

.tv-chart-meta{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  margin-bottom:10px !important;
}

.tv-chart-pair{
  color:#F5F7FB !important;
  font-size:16px !important;
  font-weight:700 !important;
}

.tv-chart-value{
  color:#E8B84A !important;
  font-size:16px !important;
  font-weight:700 !important;
}

#tvChart{
  width:100% !important;
  height:180px !important;
  display:block !important;
}

.tv-market-list{
  display:grid !important;
  gap:10px !important;
}

.tv-market-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto auto !important;
  align-items:center !important;
  gap:16px !important;
  padding:12px 0 !important;
  border-bottom:1px solid rgba(255,255,255,0.06) !important;
}

.tv-market-row:last-child{
  border-bottom:0 !important;
}

.tv-market-coinwrap{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

.tv-coin{
  width:40px !important;
  height:40px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:14px !important;
  font-weight:700 !important;
  color:#fff !important;
}

.tv-coin-meta{
  display:flex !important;
  flex-direction:column !important;
  line-height:1.2 !important;
}

.tv-coin-meta strong{
  color:#F4F7FB !important;
  font-size:15px !important;
}

.tv-coin-meta span{
  color:rgba(255,255,255,0.52) !important;
  font-size:13px !important;
}

.tv-market-price{
  color:#F4F7FB !important;
  font-weight:600 !important;
  font-size:15px !important;
}

.tv-market-change{
  font-weight:700 !important;
  font-size:15px !important;
  text-align:right !important;
}

.tv-market-change.up{ color:#37D39A !important; }
.tv-market-change.down{ color:#F27777 !important; }

.tv-coin.btc{ background:#F39C33 !important; }
.tv-coin.eth{ background:#627EEA !important; }
.tv-coin.bnb{ background:#E4B93D !important; color:#1A1A1A !important; }
.tv-coin.xrp{ background:#222834 !important; }
.tv-coin.sol{ background:#18233D !important; }
.tv-coin.sei{ background:#D04C74 !important; }
.tv-coin.tia{ background:#5A70F5 !important; }
.tv-coin.arb{ background:#3B82F6 !important; }
.tv-coin.inj{ background:#1D9BF0 !important; }
.tv-coin.op{ background:#E5484D !important; }

.tvq-price-card{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}

.tvq-price-card ul,
.tvq-price-card ol{
  margin-bottom:12px !important;
}

.tvq-plan-actions{
  margin-top:auto !important;
  padding-top:22px !important;
  display:grid !important;
  gap:14px !important;
}

.tvq-plan-actions > *{
  width:100% !important;
}

@media (max-width:980px){
  .tv-strip{
    grid-template-columns:1fr !important;
  }

  .tv-strip-item{
    border-right:0 !important;
    border-bottom:1px solid rgba(255,255,255,0.08) !important;
  }

  .tv-strip-item:last-child{
    border-bottom:0 !important;
  }

  .tv-market-row{
    grid-template-columns:1fr auto !important;
  }

  .tv-market-price{
    grid-column:2 !important;
    grid-row:1 !important;
  }

  .tv-market-change{
    grid-column:2 !important;
    grid-row:2 !important;
  }
}

@media (max-width:768px){
  .tv-market-head{
    flex-direction:column !important;
    align-items:flex-start !important;
  }
}



/* ===== tvq_cleanup_v8:start ===== */

#pricing{
  scroll-margin-top:120px !important;
}

.pricing-grid,
.plan-grid,
.plans-grid{
  margin-top:46px !important;
  align-items:stretch !important;
}

.tvq-proof-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:0 !important;
  margin:36px 0 22px !important;
  border-top:1px solid rgba(255,255,255,0.08) !important;
  border-bottom:1px solid rgba(255,255,255,0.08) !important;
}

.tvq-proof-item{
  min-width:0 !important;
  padding:20px 18px !important;
  border-right:1px solid rgba(255,255,255,0.08) !important;
}

.tvq-proof-item:last-child{
  border-right:0 !important;
}

.tvq-proof-item span{
  display:block !important;
  font-size:12px !important;
  line-height:1.2 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:rgba(255,255,255,0.56) !important;
  margin-bottom:8px !important;
}

.tvq-proof-item strong{
  display:block !important;
  font-size:20px !important;
  line-height:1.25 !important;
  color:#f5f7fb !important;
  font-weight:600 !important;
}

.tvq-market-widget{
  background:linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.02)) !important;
  border:1px solid rgba(226,182,80,0.14) !important;
  border-radius:28px !important;
  padding:22px !important;
}

.tvq-market-head{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:16px !important;
  margin-bottom:18px !important;
}

.tvq-tabs{
  display:flex !important;
  gap:12px !important;
  align-items:center !important;
}

.tvq-tab{
  appearance:none !important;
  border:0 !important;
  background:transparent !important;
  color:rgba(255,255,255,0.58) !important;
  font-size:16px !important;
  font-weight:600 !important;
  padding:0 0 8px !important;
  cursor:pointer !important;
  border-bottom:3px solid transparent !important;
}

.tvq-tab.active{
  color:#F4F7FB !important;
  border-color:#D9A441 !important;
}

.tvq-market-link{
  color:rgba(255,255,255,0.60) !important;
  font-size:14px !important;
}

.tvq-chart-shell{
  background:rgba(255,255,255,0.03) !important;
  border:1px solid rgba(255,255,255,0.06) !important;
  border-radius:22px !important;
  padding:16px !important;
  margin-bottom:18px !important;
}

.tvq-chart-meta{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  margin-bottom:10px !important;
}

.tvq-chart-pair{
  color:#F5F7FB !important;
  font-size:16px !important;
  font-weight:700 !important;
}

.tvq-chart-value{
  color:#E8B84A !important;
  font-size:16px !important;
  font-weight:700 !important;
}

#tvqChart{
  width:100% !important;
  height:180px !important;
  display:block !important;
}

.tvq-market-list{
  display:grid !important;
  gap:10px !important;
}

.tvq-market-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto auto !important;
  align-items:center !important;
  gap:16px !important;
  padding:12px 0 !important;
  border-bottom:1px solid rgba(255,255,255,0.06) !important;
}

.tvq-market-row:last-child{
  border-bottom:0 !important;
}

.tvq-market-coinwrap{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

.tvq-coin{
  width:40px !important;
  height:40px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:14px !important;
  font-weight:700 !important;
  color:#fff !important;
}

.tvq-coin-meta{
  display:flex !important;
  flex-direction:column !important;
  line-height:1.2 !important;
}

.tvq-coin-meta strong{
  color:#F4F7FB !important;
  font-size:15px !important;
}

.tvq-coin-meta span{
  color:rgba(255,255,255,0.52) !important;
  font-size:13px !important;
}

.tvq-market-price{
  color:#F4F7FB !important;
  font-weight:600 !important;
  font-size:15px !important;
}

.tvq-market-change{
  font-weight:700 !important;
  font-size:15px !important;
  text-align:right !important;
}

.tvq-market-change.up{ color:#37D39A !important; }
.tvq-market-change.down{ color:#F27777 !important; }

.tvq-coin.btc{ background:#F39C33 !important; }
.tvq-coin.eth{ background:#627EEA !important; }
.tvq-coin.bnb{ background:#E4B93D !important; color:#1A1A1A !important; }
.tvq-coin.xrp{ background:#222834 !important; }
.tvq-coin.sol{ background:#18233D !important; }
.tvq-coin.sei{ background:#D04C74 !important; }
.tvq-coin.tia{ background:#5A70F5 !important; }
.tvq-coin.arb{ background:#3B82F6 !important; }
.tvq-coin.inj{ background:#1D9BF0 !important; }
.tvq-coin.op{ background:#E5484D !important; }

.tvq-price-card{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}

.tvq-feature-list{
  margin-bottom:6px !important;
}

.tvq-plan-actions{
  margin-top:auto !important;
  padding-top:24px !important;
  display:grid !important;
  gap:14px !important;
}

.tvq-plan-actions > *{
  width:100% !important;
}

@media (max-width:980px){
  .tvq-proof-grid{
    grid-template-columns:1fr !important;
  }

  .tvq-proof-item{
    border-right:0 !important;
    border-bottom:1px solid rgba(255,255,255,0.08) !important;
  }

  .tvq-proof-item:last-child{
    border-bottom:0 !important;
  }

  .tvq-market-row{
    grid-template-columns:1fr auto !important;
  }

  .tvq-market-price{
    grid-column:2 !important;
    grid-row:1 !important;
  }

  .tvq-market-change{
    grid-column:2 !important;
    grid-row:2 !important;
  }
}

@media (max-width:768px){
  .tvq-market-head{
    flex-direction:column !important;
    align-items:flex-start !important;
  }
}

/* ===== tvq_cleanup_v8:end ===== */

/* === TRADOVIQ FORCE VISIBLE FINAL START === */

.tvq-market-panel{
  display:block;
  padding:22px;
  border:1px solid rgba(229,181,84,0.16);
  border-radius:28px;
  background:linear-gradient(180deg, rgba(19,22,29,0.98), rgba(8,10,16,0.98));
  box-shadow:0 18px 48px rgba(0,0,0,0.28);
}

.tvq-market-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
}

.tvq-market-tab{
  appearance:none;
  border:1px solid rgba(229,181,84,0.20);
  background:rgba(229,181,84,0.08);
  color:#f2d289;
  font-weight:700;
  font-size:14px;
  line-height:1;
  padding:11px 16px;
  border-radius:999px;
  cursor:pointer;
}

.tvq-market-tab.is-active{
  color:#141414;
  background:#e5b554;
  border-color:#e5b554;
  box-shadow:0 6px 18px rgba(229,181,84,0.24);
}

.tvq-market-caption{
  margin-left:auto;
  color:rgba(255,255,255,0.72);
  font-size:14px;
}

.tvq-chart-card{
  border:1px solid rgba(229,181,84,0.18);
  border-radius:24px;
  background:
    radial-gradient(circle at 75% 15%, rgba(255,209,102,0.16), rgba(20,22,28,0.98) 40%),
    linear-gradient(180deg, rgba(18,20,27,0.98), rgba(11,13,19,0.98));
  padding:18px 18px 12px;
  margin-bottom:14px;
}

.tvq-chart-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:10px;
}

.tvq-chart-symbol{
  color:#ffffff;
  font-size:18px;
  font-weight:800;
}

.tvq-chart-price{
  color:#ffd166;
  font-size:18px;
  font-weight:800;
}

.tvq-chart-wrap{
  height:192px;
  border-radius:18px;
  overflow:hidden;
}

.tvq-chart-svg{
  width:100%;
  height:100%;
  display:block;
}

.tvq-chart-bg{
  fill:rgba(255,255,255,0.03);
  stroke:rgba(255,209,102,0.12);
  stroke-width:1.2;
}

.tvq-grid-line{
  stroke:rgba(255,255,255,0.14);
  stroke-width:1.2;
}

.tvq-area-final{
  fill:url(#tvqAreaFillFinal);
}

.tvq-line-glow-final{
  fill:none;
  stroke:rgba(255,209,102,0.42);
  stroke-width:13;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:blur(6px);
}

.tvq-line-final{
  fill:none;
  stroke:#ffd166;
  stroke-width:5.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 12px rgba(255,209,102,0.95));
}

.tvq-dot-final{
  fill:#ffd166;
}

.tvq-dot-last-final{
  fill:#ffffff;
  stroke:#ffd166;
  stroke-width:2.8;
}

.tvq-dot-ring-final{
  fill:rgba(255,209,102,0.18);
  stroke:rgba(255,209,102,0.45);
  stroke-width:2;
}

.tvq-coin-right .is-negative{
  color:#ff6b7a !important;
}

.tvq-pricing-banner{
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  margin:0 auto !important;
}

.tvq-pricing-banner-title{
  display:block !important;
  width:fit-content !important;
  min-width:min(100%, 1180px) !important;
  max-width:1180px !important;
  text-align:center !important;
  margin:0 auto !important;
  padding:22px 60px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg, rgba(229,181,84,0.40), rgba(229,181,84,0.20)) !important;
  border:1px solid rgba(229,181,84,0.34) !important;
  box-shadow:0 16px 40px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.06) !important;
  font-size:clamp(38px, 4vw, 62px) !important;
  line-height:1.05 !important;
  letter-spacing:-0.03em !important;
  white-space:nowrap !important;
}

@media (max-width:1100px){
  .tvq-market-head{
    flex-wrap:wrap;
  }

  .tvq-market-caption{
    width:100%;
    margin-left:0;
    margin-top:6px;
  }

  .tvq-pricing-banner-title{
    white-space:normal !important;
    min-width:100% !important;
    max-width:100% !important;
    border-radius:28px !important;
    padding:16px 22px !important;
    font-size:clamp(32px, 7vw, 48px) !important;
  }
}

/* === TRADOVIQ FORCE VISIBLE FINAL END === */