/* TradeXX white / black / violet landing theme v10.7.48
 * Upstox-inspired visual direction: white canvas, bold black typography,
 * violet actions/highlights, generous spacing and restrained card surfaces.
 * Public landing page only; trading gain/loss status colours remain unchanged.
 */

body.landing-page{
  --gt-landing-purple:#6d28d9;
  --gt-landing-purple-dark:#4c1d95;
  --gt-landing-purple-soft:#f4f0ff;
  --gt-landing-black:#111111;
  --gt-landing-text:#18181b;
  --gt-landing-muted:#667085;
  --gt-landing-line:#e7e7ec;
  --gt-landing-card:#ffffff;
  background:#ffffff!important;
  color:#111111!important;
}

/* Header: clean white first row */
body.landing-page .landing-announcement{
  display:none!important;
}
body.landing-page .landing-header{
  top:0!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid #ececf1!important;
  box-shadow:none!important;
  backdrop-filter:blur(14px)!important;
}
body.landing-page .landing-header .landing-brand-text{
  color:#111111!important;
  font-weight:900!important;
}
body.landing-page .landing-header .landing-brand-text b{
  color:#6d28d9!important;
}
body.landing-page .landing-header .landing-brand-mark{
  background:linear-gradient(135deg,#7c3aed,#5b21b6)!important;
  box-shadow:0 7px 18px rgba(109,40,217,.18)!important;
}
body.landing-page .landing-header .landing-nav a{
  color:#26232b!important;
  font-weight:750!important;
}
body.landing-page .landing-header .landing-nav a:hover{
  color:#6d28d9!important;
}
body.landing-page .landing-search{
  background:#ffffff!important;
  border:1px solid #dedee5!important;
  color:#6f6b76!important;
  box-shadow:none!important;
}
body.landing-page .landing-search input{
  color:#111111!important;
}
body.landing-page .landing-search input::placeholder{
  color:#8a8690!important;
}
body.landing-page .landing-login{
  background:#fff!important;
  border:1px solid #d9d8df!important;
  color:#111!important;
  box-shadow:none!important;
}
body.landing-page .landing-signup{
  background:#6d28d9!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.landing-page .landing-menu-button{
  background:#fff!important;
  border:1px solid #dedee5!important;
  color:#111!important;
}

/* Row 2: compact pricing/benefit strip below header */
body.landing-page .gt-top-attraction{
  position:relative!important;
  z-index:60!important;
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid #ececf1!important;
  color:#111!important;
}
body.landing-page .gt-top-attraction-inner{
  min-height:72px!important;
  background:#fff!important;
}
body.landing-page .gt-top-attraction-item{
  background:#fff!important;
  color:#111!important;
  border-right:1px solid #ececf1!important;
}
body.landing-page .gt-top-attraction-item strong{
  color:#111!important;
  font-size:20px!important;
  font-weight:950!important;
}
body.landing-page .gt-top-attraction-item span{
  color:#59545f!important;
  font-size:10px!important;
  font-weight:750!important;
}

/* Hero: white canvas + bold black heading + violet accent */
body.landing-page .landing-hero{
  position:relative;
  background:
    radial-gradient(circle at 84% 18%,rgba(109,40,217,.08),transparent 28%),
    #fff!important;
  color:#111!important;
  padding-top:56px!important;
}
body.landing-page .landing-hero::before{
  content:none!important;
}
body.landing-page .landing-kicker{
  background:#f4f0ff!important;
  border:0!important;
  color:#5b21b6!important;
  font-weight:800!important;
}
body.landing-page .landing-hero-copy h1{
  color:#111!important;
  font-weight:950!important;
  letter-spacing:-.055em!important;
}
body.landing-page .landing-hero-copy h1 em,
body.landing-page .landing-hero-copy h1 span{
  color:#6d28d9!important;
}
body.landing-page .landing-hero-copy>p{
  color:#67626d!important;
}
body.landing-page .landing-primary-cta{
  background:#6d28d9!important;
  color:#fff!important;
  border:1px solid #6d28d9!important;
  box-shadow:none!important;
}
body.landing-page .landing-primary-cta:hover{
  background:#5b21b6!important;
}
body.landing-page .landing-secondary-cta{
  background:#fff!important;
  color:#111!important;
  border:1px solid #d9d8df!important;
}
body.landing-page .landing-proof-grid div{
  border-color:#e7e7ec!important;
}
body.landing-page .landing-proof-grid strong{
  color:#111!important;
  font-weight:900!important;
}
body.landing-page .landing-proof-grid span{
  color:#77717d!important;
}

/* Original desktop/mobile product snapshot treatment: clean white device stage */
body.landing-page .landing-product-stage{
  isolation:isolate;
}
body.landing-page .landing-product-stage .blob-one{
  background:#eee8ff!important;
  opacity:.70!important;
}
body.landing-page .landing-product-stage .blob-two{
  background:#f7f4ff!important;
  opacity:.95!important;
}
body.landing-page .laptop-screen{
  background:#fafafa!important;
  border-color:#161616!important;
  box-shadow:0 24px 50px rgba(17,17,17,.15)!important;
}
body.landing-page .landing-phone{
  border-color:#161616!important;
  background:#161616!important;
  box-shadow:0 20px 38px rgba(17,17,17,.18)!important;
}
body.landing-page .mock-topbar{
  background:#fff!important;
  border-bottom:1px solid #eeeeef!important;
  color:#66616c!important;
}
body.landing-page .mock-logo{
  color:#111!important;
}
body.landing-page .mock-logo i{
  background:#6d28d9!important;
  color:#fff!important;
}
body.landing-page .mock-logo b{
  color:#6d28d9!important;
}
body.landing-page .mock-nav.active{
  color:#5b21b6!important;
}
body.landing-page .mock-nav.active:after{
  background:#6d28d9!important;
}
body.landing-page .mock-kpis>div,
body.landing-page .mock-chart-card,
body.landing-page .mock-watchlist{
  background:#fff!important;
  border-color:#ececf1!important;
  box-shadow:0 8px 26px rgba(17,17,17,.045)!important;
}
body.landing-page .mock-periods b{
  background:#f4f0ff!important;
  color:#5b21b6!important;
}
body.landing-page .mock-line{
  stroke:#6d28d9!important;
}
body.landing-page .phone-screen{
  background:#fff!important;
}
body.landing-page .phone-index-tabs b{
  color:#5b21b6!important;
  border-color:#6d28d9!important;
}

/* White section system */
body.landing-page .landing-section,
body.landing-page .gt-landing-account-info,
body.landing-page .landing-footer{
  background:#fff!important;
  color:#111!important;
}
body.landing-page .landing-section{
  border-top:1px solid #f0f0f3!important;
}
body.landing-page .landing-section h2,
body.landing-page .landing-section h3,
body.landing-page .landing-pricing-grid h2,
body.landing-page .gt-landing-account-info h2,
body.landing-page .gt-landing-account-info h3{
  color:#111!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
}
body.landing-page .landing-section p,
body.landing-page .gt-landing-account-info p{
  color:#6c6671!important;
}
body.landing-page .eyebrow,
body.landing-page .gt-landing-account-info .gt-li-eyebrow{
  background:#f4f0ff!important;
  border:0!important;
  color:#5b21b6!important;
}

/* Cards: flat, spacious, restrained like current brokerage landing pages */
body.landing-page .three-feature-grid article,
body.landing-page .landing-feature-grid>a,
body.landing-page .landing-price-card,
body.landing-page .gt-li-open-card,
body.landing-page .gt-li-step,
body.landing-page .gt-li-price,
body.landing-page .gt-li-product,
body.landing-page .gt-li-list>div,
body.landing-page .gt-li-faq details{
  background:#fff!important;
  border:1px solid #e8e8ed!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
body.landing-page .three-feature-grid article:hover,
body.landing-page .landing-feature-grid>a:hover{
  border-color:#cfc3f4!important;
  box-shadow:0 10px 28px rgba(76,29,149,.06)!important;
}
body.landing-page .feature-icon,
body.landing-page .tile-icon,
body.landing-page .gt-li-step b,
body.landing-page .gt-li-open-list b,
body.landing-page .gt-li-product i{
  background:#f4f0ff!important;
  color:#5b21b6!important;
}
body.landing-page .landing-feature-grid strong,
body.landing-page .three-feature-grid strong,
body.landing-page .gt-li-product strong,
body.landing-page .gt-li-list strong{
  color:#111!important;
  font-weight:900!important;
}

/* Expanded account information */
body.landing-page .gt-landing-account-info{
  --gt-green:#6d28d9!important;
  --gt-green-dark:#5b21b6!important;
  --gt-text:#111111!important;
  --gt-muted:#6c6671!important;
  --gt-line:#e8e8ed!important;
  --gt-soft:#faf9ff!important;
}
body.landing-page .gt-landing-account-info .gt-li-hero{
  background:#fff!important;
}
body.landing-page .gt-landing-account-info .gt-li-hero h1{
  color:#111!important;
  font-weight:950!important;
}
body.landing-page .gt-landing-account-info .gt-li-hero h1 span,
body.landing-page .gt-li-trust-item strong{
  color:#6d28d9!important;
}
body.landing-page .gt-landing-account-info .gt-li-primary{
  background:#6d28d9!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.landing-page .gt-landing-account-info .gt-li-secondary{
  background:#fff!important;
  border-color:#d9d8df!important;
  color:#111!important;
}
body.landing-page .gt-li-open-card{
  border-top:1px solid #e8e8ed!important;
}

/* Pricing: clean white cards, black numbers, purple labels */
body.landing-page .landing-price-card{
  background:#fff!important;
  color:#111!important;
  border:1px solid #e8e8ed!important;
}
body.landing-page .landing-price-card span{
  color:#6d28d9!important;
  font-weight:900!important;
}
body.landing-page .landing-price-card strong{
  color:#111!important;
  font-weight:950!important;
}
body.landing-page .landing-price-card p,
body.landing-page .landing-price-card small{
  color:#716b76!important;
}
body.landing-page .landing-price-card a{
  color:#5b21b6!important;
  font-weight:900!important;
}

/* Trust strip */
body.landing-page .trust-grid{
  background:#faf9ff!important;
  border:1px solid #ece7f8!important;
  color:#111!important;
  border-radius:16px!important;
}
body.landing-page .trust-grid>div{
  border-color:#e7e1f2!important;
}
body.landing-page .trust-grid strong{
  color:#111!important;
}
body.landing-page .trust-grid span{
  color:#706a75!important;
}

/* Showcase/simulator remains light, with violet accents */
body.landing-page .landing-simulator{
  background:#faf9ff!important;
  border:1px solid #ebe5f7!important;
  color:#111!important;
}
body.landing-page .landing-simulator h2,
body.landing-page .landing-simulator h3,
body.landing-page .landing-simulator strong{
  color:#111!important;
}
body.landing-page .landing-simulator p,
body.landing-page .landing-simulator small{
  color:#6d6773!important;
}
body.landing-page .sim-order-card,
body.landing-page .sim-portfolio-card{
  background:#fff!important;
  border:1px solid #e8e8ed!important;
  color:#111!important;
}

/* Bottom CTA: white section, not a dark block */
body.landing-page .landing-bottom-cta{
  background:#fff!important;
  color:#111!important;
  border-top:1px solid #eeeeef!important;
}
body.landing-page .landing-bottom-cta h2{
  color:#111!important;
  font-weight:950!important;
}
body.landing-page .landing-bottom-cta p{
  color:#6d6773!important;
}
body.landing-page .landing-bottom-cta .landing-primary-cta{
  background:#6d28d9!important;
  color:#fff!important;
}
body.landing-page .landing-bottom-cta .landing-secondary-cta{
  background:#fff!important;
  border-color:#d9d8df!important;
  color:#111!important;
}

/* Footer */
body.landing-page .landing-footer{
  border-top:1px solid #ececf1!important;
}
body.landing-page .landing-footer p,
body.landing-page .landing-footer a{
  color:#6e6874!important;
}
body.landing-page .landing-footer .landing-brand-text{
  color:#111!important;
}
body.landing-page .landing-footer .landing-brand-text b{
  color:#6d28d9!important;
}

/* Disclosure remains neutral and clear */
body.landing-page .gt-li-disclosure{
  background:#fafafa!important;
  border-color:#e5e5e8!important;
}
body.landing-page .gt-li-disclosure h3{
  color:#111!important;
}
body.landing-page .gt-li-disclosure .gt-li-reg strong{
  color:#55515a!important;
}

/* Mobile: keep the same white brokerage-style hierarchy */
@media(max-width:680px){
  body.landing-page .landing-header{
    background:#fff!important;
  }
  body.landing-page .gt-top-attraction-inner{
    grid-template-columns:1fr 1fr!important;
    min-height:0!important;
  }
  body.landing-page .gt-top-attraction-item{
    min-height:55px!important;
    padding:8px 9px!important;
    justify-content:flex-start!important;
    text-align:left!important;
    border-bottom:1px solid #ececf1!important;
  }
  body.landing-page .gt-top-attraction-item strong{
    min-width:34px!important;
    font-size:16px!important;
    color:#111!important;
  }
  body.landing-page .gt-top-attraction-item span{
    font-size:8.5px!important;
    color:#605b65!important;
  }
  body.landing-page .landing-hero{
    padding-top:34px!important;
  }
  body.landing-page .landing-hero-copy h1{
    font-size:42px!important;
    line-height:1.02!important;
    color:#111!important;
  }
  body.landing-page .landing-primary-cta,
  body.landing-page .landing-secondary-cta{
    width:100%!important;
  }
  body.landing-page .landing-product-stage{
    filter:none!important;
  }
}