:root{
  --bg:#020815;
  --bg-2:#051126;
  --panel:#071a36;
  --panel-2:#092044;

  --text:#f5f9ff;
  --soft:#b8c9df;
  --muted:#7187a8;

  --cyan:#00e5ff;
  --cyan2:#27b9fd;
  --blue:#3b82f6;
  --blue2:#1c54e5;
  --green:#00e676;
  --teal:#23ddb0;
  --purple:#8b5cf6;
  --violet:#733efd;
  --gold:#f5c51e;
  --orange:#ff9800;
  --red:#ff4d67;

  --line:rgba(89,151,226,.23);
  --line-strong:rgba(0,229,255,.34);

  --radius:14px;
  --radius-lg:20px;
}

*{
  box-sizing:border-box;
}

html{
  background:var(--bg);
  scroll-behavior:smooth;
}

body{
  margin:0;
  min-width:0;
  overflow-x:hidden;
  color:var(--text);
  background:
    radial-gradient(
      circle at 12% 2%,
      rgba(0,229,255,.12),
      transparent 28rem
    ),
    radial-gradient(
      circle at 88% 8%,
      rgba(115,62,253,.16),
      transparent 32rem
    ),
    linear-gradient(
      180deg,
      #020816,
      #041127 40%,
      #020815
    );
  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  line-height:1.45;
  -webkit-font-smoothing:antialiased;
}

a{
  color:inherit;
}

button,
input,
summary{
  font:inherit;
}

button,
a,
summary{
  -webkit-tap-highlight-color:transparent;
}

img,
svg{
  display:block;
  max-width:100%;
}

.shell{
  width:min(
    1600px,
    calc(100% - 36px)
  );
  margin-inline:auto;
}

.skip-link{
  position:fixed;
  top:-100px;
  left:15px;
  z-index:10000;
  padding:10px 14px;
  color:#00141b;
  background:var(--cyan);
  border-radius:8px;
  font-weight:900;
  text-decoration:none;
}

.skip-link:focus{
  top:15px;
}


/* =========================================================
   HEADER
========================================================= */

.topbar{
  position:sticky;
  top:0;
  z-index:1000;
  border-bottom:1px solid rgba(52,137,246,.28);
  background:
    linear-gradient(
      90deg,
      rgba(2,14,36,.97),
      rgba(4,24,57,.96),
      rgba(8,15,42,.97)
    );
  backdrop-filter:blur(18px);
}

.topbar-inner{
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
}

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

.brand-logo-shell{
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:10px;
  background:
    radial-gradient(
      circle,
      rgba(0,229,255,.16),
      transparent 68%
    );
}

.brand-logo-shell img{
  width:40px;
  height:40px;
  object-fit:contain;
}

.brand-text strong{
  display:block;
  color:#fff;
  font-size:17px;
  letter-spacing:.05em;
  line-height:1;
}

.brand-text small{
  display:block;
  margin-top:6px;
  color:#bfd3ef;
  font-size:7px;
  font-weight:900;
  letter-spacing:.34em;
}

.desktop-nav{
  display:flex;
  align-items:center;
  gap:7px;
}

.desktop-nav a{
  padding:9px 12px;
  border-radius:7px;
  color:#d6e4f6;
  text-decoration:none;
  font-size:11px;
  font-weight:750;
}

.desktop-nav a:hover{
  color:#fff;
  background:rgba(0,229,255,.07);
}

.desktop-nav a.active{
  color:#fff;
  border:1px solid rgba(39,185,253,.30);
  background:
    linear-gradient(
      180deg,
      rgba(28,84,229,.40),
      rgba(20,58,142,.35)
    );
}

.top-actions{
  display:flex;
  align-items:center;
  gap:8px;
}

.trial-button,
.login-button{
  min-width:91px;
  padding:9px 15px;
  border-radius:8px;
  text-align:center;
  text-decoration:none;
  font-size:11px;
  font-weight:900;
}

.trial-button{
  color:#fff;
  background:
    linear-gradient(
      110deg,
      #00d9e9,
      #3b82f6 52%,
      #8b5cf6
    );
  box-shadow:
    0 0 24px rgba(0,229,255,.17);
}

.login-button{
  border:1px solid rgba(139,92,246,.68);
  color:#e9e4ff;
  background:rgba(25,19,63,.48);
}

.mobile-menu{
  display:none;
  position:relative;
}

.mobile-menu summary{
  list-style:none;
  cursor:pointer;
  padding:8px 10px;
  border:1px solid rgba(0,229,255,.28);
  border-radius:8px;
  color:#fff;
}

.mobile-menu summary::-webkit-details-marker{
  display:none;
}

.mobile-menu-popover{
  position:absolute;
  top:45px;
  right:0;
  width:225px;
  padding:8px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#061329;
  box-shadow:0 25px 65px rgba(0,0,0,.55);
}

.mobile-menu-popover a{
  display:block;
  padding:10px;
  border-radius:7px;
  color:#cfddf2;
  text-decoration:none;
  font-size:12px;
}

.mobile-menu-popover a:hover{
  background:rgba(0,229,255,.08);
}


/* =========================================================
   HERO
========================================================= */

.hero{
  position:relative;
  min-height:350px;
  overflow:hidden;
  border-bottom:1px solid rgba(39,185,253,.20);
  background:
    linear-gradient(
      110deg,
      rgba(2,16,39,.96) 0%,
      rgba(3,26,61,.89) 48%,
      rgba(4,9,35,.96) 100%
    );
}

.hero-grid-overlay{
  position:absolute;
  inset:0;
  opacity:.18;
  background-image:
    linear-gradient(
      rgba(39,185,253,.13) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(39,185,253,.13) 1px,
      transparent 1px
    );
  background-size:52px 52px;
  mask-image:
    linear-gradient(
      90deg,
      transparent,
      black 30%,
      black
    );
}

.hero-glow{
  position:absolute;
  border-radius:999px;
  filter:blur(45px);
}

.glow-one{
  width:500px;
  height:280px;
  left:-120px;
  top:60px;
  background:rgba(0,229,255,.11);
}

.glow-two{
  width:500px;
  height:330px;
  right:-80px;
  top:-40px;
  background:rgba(115,62,253,.18);
}

.hero-layout{
  position:relative;
  z-index:2;
  min-height:350px;
  display:grid;
  grid-template-columns:
    minmax(0,.9fr)
    minmax(470px,1.1fr);
  gap:28px;
  align-items:center;
}

.hero-copy{
  padding:34px 0 30px;
}

.hero-kicker{
  color:#3eeefe;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.12em;
}

.hero h1{
  margin:10px 0 4px;
  max-width:720px;
  color:#fff;
  font-size:clamp(35px,4.25vw,65px);
  line-height:.93;
  letter-spacing:-.048em;
}

.hero h1 span{
  color:transparent;
  background:
    linear-gradient(
      100deg,
      #6eeaff,
      #38bdf8 44%,
      #a78bfa
    );
  -webkit-background-clip:text;
  background-clip:text;
}

.hero h2{
  margin:11px 0 5px;
  color:#eef6ff;
  font-size:16px;
  line-height:1.25;
}

.hero-copy > p{
  max-width:720px;
  margin:0;
  color:#aec3dc;
  font-size:12px;
}

.hero-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}

.hero-badge{
  min-width:145px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:8px 11px;
  border:1px solid;
  border-radius:12px;
  background:rgba(3,15,34,.68);
}

.hero-badge > span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  font-weight:1000;
}

.hero-badge strong{
  display:block;
  font-size:10px;
}

.hero-badge small{
  display:block;
  margin-top:2px;
  color:#8196b1;
  font-size:7px;
}

.badge-green{
  border-color:rgba(0,230,118,.62);
}

.badge-green > span{
  color:#c0ffd6;
  background:rgba(0,230,118,.22);
}

.badge-purple{
  border-color:rgba(139,92,246,.63);
}

.badge-purple > span{
  color:#eadfff;
  background:rgba(139,92,246,.25);
}

.badge-red{
  border-color:rgba(255,77,103,.66);
}

.badge-red > span{
  color:#ffd8df;
  background:rgba(255,77,103,.20);
}

.badge-blue{
  border-color:rgba(59,130,246,.70);
}

.badge-blue > span{
  color:#d5e9ff;
  background:rgba(59,130,246,.23);
}


/* hero visual */

.hero-visual{
  position:relative;
  min-height:340px;
}

.candles{
  position:absolute;
  left:0;
  right:100px;
  top:34px;
  height:160px;
  opacity:.65;
}

.candles span{
  position:absolute;
  bottom:0;
  width:13px;
  border-radius:2px;
  box-shadow:
    0 0 14px currentColor;
}

.candles span::before{
  content:"";
  position:absolute;
  width:2px;
  left:50%;
  transform:translateX(-50%);
  top:-18px;
  bottom:-16px;
  background:currentColor;
  opacity:.8;
}

.candles span:nth-child(1){
  left:5%; height:40px; color:#00e676;
}

.candles span:nth-child(2){
  left:12%; height:76px; color:#ff4d67;
}

.candles span:nth-child(3){
  left:20%; height:55px; color:#00e676;
}

.candles span:nth-child(4){
  left:28%; height:104px; color:#00e676;
}

.candles span:nth-child(5){
  left:37%; height:83px; color:#ff4d67;
}

.candles span:nth-child(6){
  left:47%; height:129px; color:#00e676;
}

.candles span:nth-child(7){
  left:57%; height:94px; color:#ff4d67;
}

.candles span:nth-child(8){
  left:65%; height:145px; color:#00e676;
}

.candles span:nth-child(9){
  left:73%; height:117px; color:#00e676;
}

.candles span:nth-child(10){
  left:81%; height:84px; color:#ff4d67;
}

.candles span:nth-child(11){
  left:89%; height:133px; color:#00e676;
}

.candles span:nth-child(12){
  left:96%; height:101px; color:#ff4d67;
}

.bull-svg{
  position:absolute;
  width:min(650px,82%);
  right:120px;
  bottom:-18px;
  opacity:.94;
}

.world-orb{
  position:absolute;
  right:65px;
  top:30px;
  width:175px;
  height:175px;
  border:2px solid rgba(0,229,255,.35);
  border-radius:50%;
  box-shadow:
    0 0 50px rgba(0,229,255,.12),
    inset 0 0 40px rgba(59,130,246,.12);
}

.world-orb::before,
.world-orb::after{
  content:"";
  position:absolute;
  inset:18px 46px;
  border:1px solid rgba(0,229,255,.25);
  border-radius:50%;
}

.world-orb::after{
  inset:46px 18px;
}

.orb-line{
  position:absolute;
  left:14px;
  right:14px;
  height:1px;
  background:rgba(0,229,255,.20);
}

.orb-a{ top:30%; }
.orb-b{ top:50%; }
.orb-c{ top:70%; }

.hero-words{
  position:absolute;
  right:0;
  top:73px;
  display:grid;
  gap:2px;
  text-align:left;
}

.hero-words strong{
  color:#55f0ff;
  font-size:13px;
  letter-spacing:.22em;
}

.hero-words > span{
  width:42px;
  height:2px;
  margin:7px 0 8px;
  background:var(--gold);
}

.hero-words small{
  color:#93badc;
  font-size:8px;
  font-weight:900;
  letter-spacing:.20em;
}


/* =========================================================
   DASHBOARD
========================================================= */

.dashboard-shell{
  position:relative;
  padding:10px 0 32px;
  background:
    radial-gradient(
      circle at 0% 20%,
      rgba(115,62,253,.10),
      transparent 26rem
    ),
    radial-gradient(
      circle at 100% 30%,
      rgba(0,229,255,.08),
      transparent 30rem
    );
}

.range-panel{
  display:grid;
  grid-template-columns:
    240px
    minmax(0,1fr)
    160px
    190px;
  gap:8px;
  align-items:center;
  padding:8px;
  border:1px solid var(--line-strong);
  border-radius:10px;
  background:
    linear-gradient(
      100deg,
      rgba(6,30,68,.96),
      rgba(4,23,54,.96)
    );
  box-shadow:
    0 14px 40px rgba(0,0,0,.20);
}

.range-intro{
  display:flex;
  align-items:center;
  gap:10px;
  padding:3px 9px;
}

.range-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:8px;
  color:#fff;
  background:
    linear-gradient(
      145deg,
      #3b82f6,
      #1c54e5
    );
  box-shadow:
    0 0 22px rgba(59,130,246,.30);
}

.range-intro strong{
  display:block;
  color:#fff;
  font-size:12px;
}

.range-intro small{
  display:block;
  max-width:160px;
  margin-top:2px;
  color:#8ca4c4;
  font-size:8px;
  line-height:1.15;
}

.period-controls{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:7px;
}

.period-controls button,
.lifetime-selector,
.custom-selector{
  min-height:43px;
  border:1px solid rgba(39,185,253,.30);
  border-radius:7px;
  cursor:pointer;
  color:#e7f2ff;
  background:
    linear-gradient(
      180deg,
      rgba(15,58,125,.76),
      rgba(5,32,76,.82)
    );
  font-size:11px;
  font-weight:850;
}

.period-controls button:hover,
.period-controls button.active{
  border-color:#27b9fd;
  color:#fff;
  background:
    linear-gradient(
      180deg,
      rgba(28,84,229,.72),
      rgba(8,46,108,.82)
    );
  box-shadow:
    inset 0 0 18px rgba(39,185,253,.13);
}

.lifetime-selector{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border-color:rgba(245,197,30,.75);
  color:#fff6bd;
  background:
    linear-gradient(
      145deg,
      rgba(111,79,0,.78),
      rgba(47,37,7,.90)
    );
  box-shadow:
    0 0 23px rgba(245,197,30,.14);
}

.lifetime-selector.active{
  border-color:#ffd740;
  box-shadow:
    0 0 28px rgba(245,197,30,.27),
    inset 0 0 18px rgba(245,197,30,.15);
}

.lifetime-selector > span{
  color:var(--gold);
  font-size:20px;
}

.lifetime-selector strong,
.lifetime-selector small{
  display:block;
}

.lifetime-selector small{
  color:#ccba71;
  font-size:8px;
}

.custom-selector{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.custom-range-panel{
  display:flex;
  gap:12px;
  align-items:flex-end;
  padding:12px;
  margin-top:8px;
  border:1px solid rgba(39,185,253,.22);
  border-radius:10px;
  background:#061731;
}

.custom-range-panel[hidden]{
  display:none;
}

.custom-range-panel label{
  display:grid;
  gap:5px;
  color:#8da5c5;
  font-size:9px;
  font-weight:800;
}

.custom-range-panel input{
  min-height:39px;
  padding:8px 10px;
  border:1px solid rgba(39,185,253,.24);
  border-radius:7px;
  outline:none;
  color:#fff;
  color-scheme:dark;
  background:#041128;
}

.custom-range-panel button{
  min-height:39px;
  padding:8px 16px;
  border:0;
  border-radius:7px;
  cursor:pointer;
  color:#00141c;
  background:var(--cyan);
  font-weight:900;
}


/* =========================================================
   SUMMARY CARDS
========================================================= */

.summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  margin-top:9px;
}

.summary-card{
  position:relative;
  overflow:hidden;
  min-height:146px;
  padding:14px 15px;
  border:1px solid;
  border-radius:10px;
  box-shadow:
    0 18px 45px rgba(0,0,0,.20);
}

.summary-card::after{
  content:"";
  position:absolute;
  width:170px;
  height:170px;
  right:-80px;
  top:-80px;
  border-radius:50%;
  background:rgba(255,255,255,.06);
  filter:blur(12px);
}

.lifetime-card{
  border-color:rgba(139,92,246,.80);
  background:
    linear-gradient(
      140deg,
      rgba(65,28,163,.92),
      rgba(22,14,80,.95)
    );
}

.today-card{
  border-color:rgba(0,230,118,.72);
  background:
    linear-gradient(
      140deg,
      rgba(2,114,84,.90),
      rgba(2,50,49,.96)
    );
}

.week-card{
  border-color:rgba(39,185,253,.76);
  background:
    linear-gradient(
      140deg,
      rgba(5,87,184,.91),
      rgba(5,38,91,.96)
    );
}

.selected-card{
  border-color:rgba(245,197,30,.72);
  background:
    linear-gradient(
      140deg,
      rgba(123,82,4,.91),
      rgba(55,39,7,.96)
    );
}

.summary-head{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:10px;
}

.summary-icon{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:8px;
  color:#fff;
  background:rgba(255,255,255,.14);
  font-size:19px;
}

.summary-head strong{
  display:block;
  font-size:13px;
}

.summary-head small{
  display:block;
  color:rgba(230,240,255,.70);
  font-size:8px;
}

.summary-main{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:end;
  margin-top:12px;
}

.summary-number{
  display:block;
  font-size:33px;
  line-height:.95;
  letter-spacing:-.04em;
}

.summary-main span{
  display:block;
  margin-top:5px;
  color:rgba(230,240,255,.75);
  font-size:9px;
}

.sparkline{
  height:47px;
  min-width:70px;
}

.sparkline svg{
  width:100%;
  height:100%;
}

.summary-stats{
  position:relative;
  z-index:2;
  display:flex;
  gap:15px;
  margin-top:9px;
}

.summary-stats span{
  color:rgba(229,239,255,.69);
  font-size:7px;
}

.summary-stats b{
  display:block;
  color:#fff;
  font-size:10px;
}


/* =========================================================
   MAIN PANELS
========================================================= */

.live-and-chart-grid{
  display:grid;
  grid-template-columns:
    minmax(0,1.35fr)
    minmax(0,.85fr)
    minmax(260px,.7fr);
  gap:9px;
  margin-top:9px;
}

.panel{
  overflow:hidden;
  border:1px solid rgba(39,185,253,.28);
  border-radius:10px;
  background:
    linear-gradient(
      150deg,
      rgba(5,25,55,.96),
      rgba(3,15,34,.98)
    );
  box-shadow:
    0 14px 38px rgba(0,0,0,.18);
}

.panel-title-row{
  min-height:45px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 12px;
  border-bottom:1px solid rgba(74,130,205,.15);
}

.panel-title-row h3{
  margin:2px 0 0;
  color:#fff;
  font-size:12px;
}

.panel-kicker{
  color:#29e4ff;
  font-size:7px;
  font-weight:900;
  letter-spacing:.12em;
}

.panel-title-group{
  display:flex;
  align-items:center;
  gap:8px;
}

.panel-title-group strong{
  font-size:12px;
}

.panel-title-group strong small{
  color:#83a0c3;
  font-size:8px;
}

.live-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--green);
  box-shadow:
    0 0 13px rgba(0,230,118,.85);
  animation:livePulse 1.5s ease-in-out infinite;
}

@keyframes livePulse{
  50%{
    transform:scale(.75);
    opacity:.58;
  }
}

.live-pill{
  padding:3px 7px;
  border:1px solid rgba(0,230,118,.34);
  border-radius:5px;
  color:#79ffad;
  background:rgba(0,230,118,.12);
  font-size:8px;
  font-weight:1000;
}

.safe-view-pill{
  padding:5px 8px;
  border:1px solid rgba(139,92,246,.35);
  border-radius:6px;
  color:#cfc0ff;
  background:rgba(139,92,246,.10);
  font-size:7px;
  font-weight:800;
}

.live-meta-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:6px 12px;
  color:#7790b1;
  background:rgba(0,229,255,.025);
  font-size:8px;
}

.live-meta-row b{
  color:#79ffad;
}

.live-table-wrap{
  overflow:auto;
}

.live-table{
  width:100%;
  border-collapse:collapse;
  min-width:590px;
}

.live-table th,
.live-table td{
  padding:8px 10px;
  border-bottom:1px solid rgba(74,130,205,.12);
  text-align:left;
  font-size:8px;
}

.live-table th{
  color:#5ecfff;
  font-size:7px;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.live-table td{
  color:#dae6f7;
}

.live-status-chip,
.state-chip,
.access-chip{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:3px 7px;
  border-radius:5px;
  font-size:7px;
  font-weight:900;
}

.live-status-chip{
  color:#7dffc0;
  background:rgba(0,230,118,.12);
}

.state-profit{
  color:#79ffad;
  background:rgba(0,230,118,.13);
}

.state-loss{
  color:#ff9ba9;
  background:rgba(255,77,103,.13);
}

.state-watch{
  color:#ffe77c;
  background:rgba(245,197,30,.12);
}

.access-chip{
  color:#bcd7f7;
  background:rgba(59,130,246,.12);
}

.range-badge{
  padding:5px 8px;
  border:1px solid rgba(39,185,253,.23);
  border-radius:6px;
  color:#9fdfff;
  background:rgba(39,185,253,.08);
  font-size:8px;
  font-weight:900;
}

.chart-stat-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-bottom:1px solid rgba(74,130,205,.15);
}

.chart-stat-grid > div{
  padding:10px;
  text-align:center;
  border-right:1px solid rgba(74,130,205,.13);
}

.chart-stat-grid > div:last-child{
  border-right:0;
}

.chart-stat-grid strong{
  display:block;
  color:#43f0d3;
  font-size:18px;
}

.chart-stat-grid span{
  color:#7993b6;
  font-size:7px;
}

.main-chart{
  min-height:210px;
  padding:10px 8px 6px;
}

.main-chart svg{
  width:100%;
  height:210px;
}

.bar-list{
  display:grid;
  gap:9px;
  padding:12px;
}

.bar-row{
  display:grid;
  grid-template-columns:67px 1fr 36px;
  gap:8px;
  align-items:center;
}

.bar-row strong{
  overflow:hidden;
  color:#dbe7f8;
  font-size:8px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.bar-row span{
  text-align:right;
  color:#dce7f7;
  font-size:8px;
  font-weight:800;
}

.bar-row svg{
  width:100%;
  height:10px;
}


/* =========================================================
   SECONDARY ANALYTICS
========================================================= */

.secondary-analytics-grid{
  display:grid;
  grid-template-columns:
    minmax(220px,.65fr)
    minmax(260px,.75fr)
    minmax(260px,.75fr);
  gap:9px;
  margin-top:9px;
}

.donut-wrap,
.timeframe-chart{
  min-height:170px;
  display:grid;
  place-items:center;
  padding:10px;
}

.donut-wrap svg{
  width:175px;
  height:160px;
}

.timeframe-chart svg{
  width:100%;
  height:155px;
}

.detail-list{
  display:grid;
  padding:8px 12px 12px;
}

.detail-list > div{
  display:flex;
  justify-content:space-between;
  gap:15px;
  padding:10px 0;
  border-bottom:1px solid rgba(74,130,205,.12);
}

.detail-list > div:last-child{
  border-bottom:0;
}

.detail-list span{
  color:#6e89aa;
  font-size:8px;
}

.detail-list strong{
  color:#e5f0ff;
  font-size:8px;
  text-align:right;
}


/* =========================================================
   CAPABILITIES
========================================================= */

.capabilities,
.ecosystem{
  margin-top:9px;
  border:1px solid rgba(39,185,253,.26);
  border-radius:10px;
  background:rgba(4,19,43,.94);
}

.section-inline-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  min-height:40px;
  padding:8px 11px;
  border-bottom:1px solid rgba(74,130,205,.13);
}

.section-inline-heading > div{
  display:flex;
  align-items:center;
  gap:8px;
}

.section-inline-heading > div > span{
  color:var(--cyan);
}

.section-inline-heading strong{
  font-size:10px;
}

.section-inline-heading small{
  color:#6682a6;
  font-size:7px;
}

.section-inline-heading a{
  color:#8bdfff;
  text-decoration:none;
  font-size:7px;
  font-weight:800;
}

.capability-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:7px;
  padding:8px;
}

.capability-card{
  min-width:0;
  min-height:70px;
  display:grid;
  grid-template-columns:31px 1fr;
  align-items:center;
  gap:8px;
  padding:9px;
  border:1px solid rgba(74,130,205,.20);
  border-radius:8px;
  background:rgba(6,30,65,.65);
}

.capability-card > span{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border-radius:8px;
  color:#fff;
  font-size:17px;
}

.capability-card strong{
  display:block;
  font-size:8px;
  line-height:1.12;
}

.capability-card small{
  grid-column:2;
  margin-top:-10px;
  color:#607b9d;
  font-size:6px;
  line-height:1.15;
}

.cap-cyan > span{
  background:rgba(0,229,255,.22);
  box-shadow:0 0 20px rgba(0,229,255,.10);
}

.cap-blue > span{
  background:rgba(59,130,246,.24);
}

.cap-purple > span{
  background:rgba(139,92,246,.27);
}

.cap-violet > span{
  background:rgba(115,62,253,.26);
}

.cap-green > span{
  background:rgba(0,230,118,.20);
}

.cap-gold > span{
  background:rgba(245,197,30,.20);
}


/* =========================================================
   ECOSYSTEM
========================================================= */

.ecosystem-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:7px;
  padding:8px;
}

.eco-card{
  min-width:0;
  min-height:55px;
  display:grid;
  grid-template-columns:32px 1fr 12px;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border:1px solid;
  border-radius:8px;
  text-decoration:none;
}

.eco-card > span{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:rgba(255,255,255,.12);
}

.eco-card strong{
  display:block;
  font-size:8px;
}

.eco-card small{
  display:block;
  margin-top:2px;
  color:rgba(218,230,247,.63);
  font-size:6px;
}

.eco-card b{
  font-size:20px;
  font-weight:400;
}

.eco-purple{
  border-color:rgba(139,92,246,.65);
  background:
    linear-gradient(
      110deg,
      rgba(73,33,160,.67),
      rgba(35,18,83,.85)
    );
}

.eco-blue{
  border-color:rgba(59,130,246,.67);
  background:
    linear-gradient(
      110deg,
      rgba(13,76,159,.70),
      rgba(7,36,85,.86)
    );
}

.eco-cyan{
  border-color:rgba(0,229,255,.62);
  background:
    linear-gradient(
      110deg,
      rgba(5,87,108,.66),
      rgba(5,39,66,.86)
    );
}

.eco-gold{
  border-color:rgba(245,197,30,.62);
  background:
    linear-gradient(
      110deg,
      rgba(111,75,4,.68),
      rgba(49,35,7,.86)
    );
}


/* =========================================================
   CMS
========================================================= */

.cms-market-strip{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:9px;
  padding:9px 11px;
  border:1px solid rgba(0,229,255,.17);
  border-radius:8px;
  background:
    linear-gradient(
      90deg,
      rgba(0,229,255,.045),
      rgba(115,62,253,.04)
    );
}

.cms-dot{
  width:8px;
  height:8px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 12px rgba(0,229,255,.7);
}

.cms-market-strip strong{
  display:block;
  font-size:9px;
}

.cms-market-strip small{
  display:block;
  margin-top:2px;
  color:#6682a5;
  font-size:7px;
}


/* =========================================================
   NOTICE / FOOTER
========================================================= */

.important-notice{
  border-top:1px solid rgba(245,197,30,.20);
  border-bottom:1px solid rgba(245,197,30,.14);
  background:
    linear-gradient(
      90deg,
      rgba(245,197,30,.055),
      rgba(4,18,40,.96)
    );
}

.notice-inner{
  min-height:64px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:14px;
  padding-block:9px;
}

.notice-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:8px;
  color:#171000;
  background:var(--gold);
  font-weight:1000;
}

.notice-inner strong{
  color:#ffe65d;
  font-size:10px;
}

.notice-inner p{
  max-width:1000px;
  margin:3px 0 0;
  color:#7187a7;
  font-size:7px;
}

.notice-links{
  display:flex;
  gap:12px;
}

.notice-links a{
  color:#a8bfdc;
  text-decoration:none;
  font-size:7px;
}

.site-footer{
  background:#020711;
}

.footer-main{
  min-height:105px;
  display:grid;
  grid-template-columns:260px 1fr 260px;
  gap:28px;
  align-items:center;
  padding-block:18px;
}

.footer-logo-line{
  display:flex;
  align-items:center;
  gap:9px;
}

.footer-logo-line img{
  width:36px;
  height:36px;
  object-fit:contain;
}

.footer-logo-line strong{
  display:block;
  font-size:13px;
}

.footer-logo-line small{
  color:#7890ad;
  font-size:6px;
  letter-spacing:.22em;
}

.footer-brand > span{
  display:block;
  margin-top:7px;
  color:var(--cyan);
  font-size:7px;
  letter-spacing:.10em;
}

.footer-brand p{
  margin:5px 0 0;
  color:#536a88;
  font-size:7px;
}

.footer-nav{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px 15px;
}

.footer-nav a{
  color:#7790af;
  text-decoration:none;
  font-size:7px;
}

.business-identity{
  display:grid;
  justify-content:end;
  gap:3px;
  text-align:right;
}

.business-identity strong{
  color:#cddbee;
  font-size:8px;
}

.business-identity span{
  color:#5f7695;
  font-size:7px;
}

.footer-bottom{
  border-top:1px solid rgba(74,130,205,.12);
  color:#4f6684;
  font-size:7px;
}

.footer-bottom .shell{
  padding-block:9px;
  text-align:center;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width:1250px){

  .desktop-nav{
    display:none;
  }

  .mobile-menu{
    display:block;
  }

  .range-panel{
    grid-template-columns:
      200px
      minmax(0,1fr)
      145px;
  }

  .custom-selector{
    grid-column:1 / -1;
  }

  .live-and-chart-grid{
    grid-template-columns:
      1.15fr
      .85fr;
  }

  .breakdown-panel{
    grid-column:1 / -1;
  }

  .capability-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  .ecosystem-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

}

@media (max-width:920px){

  .hero-layout{
    grid-template-columns:1fr;
  }

  .hero-copy{
    padding-bottom:0;
  }

  .hero-visual{
    min-height:300px;
  }

  .summary-grid{
    grid-template-columns:1fr 1fr;
  }

  .range-panel{
    grid-template-columns:1fr;
  }

  .period-controls{
    grid-template-columns:repeat(6,1fr);
  }

  .lifetime-selector,
  .custom-selector{
    grid-column:auto;
  }

  .live-and-chart-grid,
  .secondary-analytics-grid{
    grid-template-columns:1fr;
  }

  .breakdown-panel{
    grid-column:auto;
  }

  .footer-main{
    grid-template-columns:1fr;
  }

  .footer-nav{
    justify-content:flex-start;
  }

  .business-identity{
    justify-content:start;
    text-align:left;
  }

}

@media (max-width:650px){

  .shell{
    width:calc(100% - 16px);
  }

  .topbar-inner{
    min-height:63px;
  }

  .brand-logo-shell{
    width:38px;
    height:38px;
  }

  .brand-logo-shell img{
    width:36px;
    height:36px;
  }

  .brand-text strong{
    font-size:13px;
  }

  .brand-text small{
    font-size:5px;
  }

  .login-button{
    display:none;
  }

  .trial-button{
    min-width:78px;
    padding-inline:10px;
    font-size:10px;
  }

  .hero-layout{
    display:block;
  }

  .hero-copy{
    padding-top:27px;
  }

  .hero h1{
    font-size:39px;
  }

  .hero h2{
    font-size:14px;
  }

  .hero-copy > p{
    font-size:11px;
  }

  .hero-badges{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .hero-badge{
    min-width:0;
  }

  .hero-visual{
    min-height:285px;
    margin-top:5px;
  }

  .bull-svg{
    width:94%;
    right:28px;
    bottom:-6px;
  }

  .world-orb{
    width:125px;
    height:125px;
    right:5px;
    top:35px;
  }

  .hero-words{
    display:none;
  }

  .candles{
    right:10px;
  }

  .range-panel{
    margin-top:0;
    padding:9px;
  }

  .period-controls{
    grid-template-columns:repeat(3,1fr);
  }

  .summary-grid{
    grid-template-columns:1fr 1fr;
  }

  .summary-card{
    min-height:165px;
    padding:12px;
  }

  .summary-main{
    grid-template-columns:1fr;
  }

  .sparkline{
    height:40px;
  }

  .summary-stats{
    gap:8px;
    flex-wrap:wrap;
  }

  .live-table{
    min-width:610px;
  }

  .panel-title-row{
    align-items:flex-start;
    flex-direction:column;
  }

  .safe-view-pill{
    align-self:flex-start;
  }

  .section-inline-heading{
    align-items:flex-start;
    flex-direction:column;
  }

  .section-inline-heading > div{
    align-items:flex-start;
    flex-wrap:wrap;
  }

  .capability-grid{
    grid-template-columns:1fr 1fr;
  }

  .ecosystem-grid{
    grid-template-columns:1fr 1fr;
  }

  .notice-inner{
    grid-template-columns:auto 1fr;
  }

  .notice-links{
    grid-column:1 / -1;
  }

}

@media (max-width:420px){

  .summary-grid{
    grid-template-columns:1fr;
  }

  .hero h1{
    font-size:34px;
  }

  .hero-badges{
    grid-template-columns:1fr 1fr;
  }

  .period-controls{
    grid-template-columns:repeat(2,1fr);
  }

  .custom-range-panel{
    align-items:stretch;
    flex-direction:column;
  }

  .capability-grid,
  .ecosystem-grid{
    grid-template-columns:1fr;
  }

}

/* =========================================================
   BHAVYA_LIVE_TERMINAL_V2C3_REFERENCE_POLISH
   Reference matching visual refinement only.
========================================================= */


/* ---------- HEADER / BRAND ---------- */

.topbar-inner{
  min-height:60px;
}

.brand{
  gap:12px;
}

.brand-logo-shell{
  width:50px;
  height:50px;
  overflow:hidden;
  border-radius:12px;
  background:
    radial-gradient(
      circle,
      rgba(0,229,255,.22),
      rgba(59,130,246,.05) 55%,
      transparent 72%
    );
}

.brand-logo-shell img{
  width:48px;
  height:48px;
  transform:scale(1.13);
  filter:
    drop-shadow(
      0 0 9px rgba(0,229,255,.22)
    );
}

.brand-text strong{
  font-size:18px;
  letter-spacing:.055em;
}

.brand-text small{
  margin-top:5px;
  font-size:7px;
  letter-spacing:.31em;
}

.desktop-nav{
  gap:5px;
}

.desktop-nav a{
  padding:9px 13px;
}


/* ---------- HERO: MORE LIKE REFERENCE ---------- */

.hero{
  min-height:0;
}

.hero-layout{
  min-height:385px;

  grid-template-columns:
    minmax(0,1fr)
    minmax(550px,1.08fr);

  gap:22px;
}

.hero-copy{
  padding:
    27px
    0
    25px;
}

.hero-kicker{
  font-size:9px;
}

.hero h1{
  max-width:820px;

  margin:
    9px
    0
    5px;

  font-size:
    clamp(
      40px,
      3.7vw,
      59px
    );

  line-height:.94;
}

.hero h2{
  margin:
    10px
    0
    5px;

  max-width:720px;

  font-size:15px;
}

.hero-copy > p{
  max-width:715px;
  font-size:11px;
  line-height:1.45;
}


/* Four trust badges remain in one row on desktop */

.hero-badges{
  display:grid;

  grid-template-columns:
    repeat(
      4,
      minmax(0,1fr)
    );

  gap:7px;

  max-width:735px;

  margin-top:15px;
}

.hero-badge{
  min-width:0;

  padding:
    7px
    8px;

  gap:7px;
}

.hero-badge > span{
  width:27px;
  height:27px;

  font-size:13px;
}

.hero-badge strong{
  font-size:9px;
  white-space:nowrap;
}

.hero-badge small{
  font-size:6.5px;
}


/* ---------- RICHER MARKET VISUAL ---------- */

.hero-visual{
  min-height:365px;
}

.hero-visual::before{
  content:"";

  position:absolute;

  width:520px;
  height:270px;

  left:16%;
  bottom:10px;

  border-radius:50%;

  background:
    radial-gradient(
      ellipse,
      rgba(0,229,255,.17),
      rgba(59,130,246,.08) 42%,
      rgba(139,92,246,.04) 58%,
      transparent 72%
    );

  filter:blur(12px);

  pointer-events:none;
}

.hero-visual::after{
  content:"";

  position:absolute;

  left:8%;
  right:15%;
  bottom:39px;

  height:2px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(0,229,255,.16),
      rgba(59,130,246,.50),
      rgba(139,92,246,.34),
      transparent
    );

  box-shadow:
    0 0 18px rgba(0,229,255,.25);

  pointer-events:none;
}

.bull-svg{
  width:min(
    680px,
    84%
  );

  right:105px;
  bottom:-4px;

  opacity:1;

  filter:
    drop-shadow(
      0 0 10px rgba(0,229,255,.30)
    )
    drop-shadow(
      0 0 28px rgba(59,130,246,.18)
    );
}

/* Give body more substance instead of only thin line art */

.bull-svg g:first-of-type > path:first-child{
  fill:rgba(18,66,160,.24);

  stroke-width:5.5;
}

.bull-svg g:first-of-type > path:nth-child(2),
.bull-svg g:first-of-type > path:nth-child(3){
  stroke-width:5.5;
}

.world-orb{
  width:158px;
  height:158px;

  right:67px;
  top:43px;

  opacity:.86;
}

.hero-words{
  right:0;
  top:84px;
}


/* ---------- RANGE CONTROL ---------- */

.range-panel{
  padding:7px 8px;

  box-shadow:
    0 13px 35px rgba(0,0,0,.22),
    inset 0 0 28px rgba(0,229,255,.025);
}

.period-controls button,
.lifetime-selector,
.custom-selector{
  min-height:45px;
}

.lifetime-selector{
  box-shadow:
    0 0 22px rgba(245,197,30,.13),
    inset 0 0 15px rgba(245,197,30,.06);
}


/* ---------- KPI CARDS ---------- */

.summary-grid{
  gap:10px;
}

.summary-card{
  min-height:138px;

  padding:
    13px
    15px;
}

.summary-head strong{
  font-size:13px;
}

.summary-number{
  font-size:31px;
}

.summary-main{
  margin-top:10px;
}

.sparkline{
  height:43px;
}

.summary-stats{
  margin-top:7px;
}


/* ---------- MAIN DASHBOARD ALIGNMENT ---------- */

/*
 * This is the important screenshot fix:
 * do not stretch short panels to the height of the tallest panel.
 */

.live-and-chart-grid{
  align-items:start;
}

.live-panel,
.performance-panel,
.breakdown-panel{
  align-self:start;
  height:auto;
}

.secondary-analytics-grid{
  align-items:start;
}

.direction-panel,
.timeframe-panel,
.details-panel{
  align-self:start;
}


/* ---------- LIVE TABLE: REMOVE DESKTOP HORIZONTAL BAR ---------- */

@media (min-width:651px){

  .live-table-wrap{
    overflow-x:hidden;
  }

  .live-table{
    width:100%;
    min-width:0;

    table-layout:fixed;
  }

  .live-table th,
  .live-table td{
    padding:
      8px
      7px;

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;
  }

  .live-table th:nth-child(1),
  .live-table td:nth-child(1){
    width:16%;
  }

  .live-table th:nth-child(2),
  .live-table td:nth-child(2){
    width:16%;
  }

  .live-table th:nth-child(3),
  .live-table td:nth-child(3){
    width:16%;
  }

  .live-table th:nth-child(4),
  .live-table td:nth-child(4){
    width:16%;
  }

  .live-table th:nth-child(5),
  .live-table td:nth-child(5){
    width:18%;
  }

  .live-table th:nth-child(6),
  .live-table td:nth-child(6){
    width:18%;
  }

}


/* Public disclosure should not dominate header */

.safe-view-pill{
  max-width:330px;

  line-height:1.3;

  text-align:left;
}


/* ---------- CHARTS ---------- */

.performance-panel{
  min-height:315px;
}

.main-chart{
  min-height:215px;
  padding-top:8px;
}

.main-chart svg{
  height:215px;
}

.breakdown-panel{
  min-height:315px;
}

.bar-list{
  padding:
    11px
    14px
    13px;
}


/* ---------- SECONDARY DATA ---------- */

.secondary-analytics-grid{
  margin-top:10px;
}

.donut-wrap,
.timeframe-chart{
  min-height:190px;
}

.donut-wrap svg{
  width:190px;
  height:175px;
}

.timeframe-chart svg{
  height:175px;
}


/* ---------- PLATFORM CAPABILITIES ---------- */

.capabilities,
.ecosystem{
  margin-top:10px;
}

.section-inline-heading{
  min-height:44px;
}

.section-inline-heading strong{
  font-size:11px;
}

.section-inline-heading small{
  font-size:7.5px;
}

.capability-grid{
  gap:8px;
  padding:10px;
}

.capability-card{
  min-height:82px;

  padding:
    10px
    9px;
}

.capability-card strong{
  font-size:9px;
}

.capability-card small{
  font-size:7px;
  line-height:1.25;
}


/* ---------- ECOSYSTEM ---------- */

.ecosystem-grid{
  gap:8px;
  padding:10px;
}

.eco-card{
  min-height:63px;
  padding:9px 11px;
}

.eco-card strong{
  font-size:9px;
}

.eco-card small{
  font-size:7px;
}


/* ---------- FOOTER BRAND ---------- */

.footer-logo-line img{
  width:44px;
  height:44px;

  filter:
    drop-shadow(
      0 0 8px rgba(0,229,255,.18)
    );
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width:1100px){

  .hero-layout{
    grid-template-columns:
      minmax(0,1fr)
      minmax(450px,1fr);
  }

  .hero-badges{
    grid-template-columns:
      1fr
      1fr;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:650px){

  .topbar-inner{
    min-height:61px;
  }

  .brand-logo-shell{
    width:44px;
    height:44px;
  }

  .brand-logo-shell img{
    width:42px;
    height:42px;
  }

  .hero{
    min-height:0;
  }

  .hero-copy{
    padding-top:24px;
  }

  .hero h1{
    font-size:
      clamp(
        33px,
        10vw,
        43px
      );

    line-height:.96;
  }

  .hero h2{
    font-size:13px;
  }

  .hero-copy > p{
    font-size:10.5px;
  }

  .hero-badges{
    grid-template-columns:
      1fr
      1fr;

    max-width:none;
  }

  .hero-badge strong{
    white-space:normal;
  }

  .hero-visual{
    min-height:255px;
  }

  .bull-svg{
    width:95%;
    right:18px;
    bottom:0;
  }

  .world-orb{
    width:112px;
    height:112px;

    right:5px;
    top:43px;
  }

  .summary-card{
    min-height:155px;
  }

  /*
   * On mobile horizontal table scrolling is acceptable,
   * because squeezing six columns would make it unreadable.
   */

  .live-table-wrap{
    overflow-x:auto;
  }

  .live-table{
    min-width:600px;
    table-layout:auto;
  }

  .performance-panel,
  .breakdown-panel{
    min-height:0;
  }

  .capability-card{
    min-height:78px;
  }

  .eco-card{
    min-height:62px;
  }

}


/* =========================================================
   SMALL PHONE
========================================================= */

@media (max-width:420px){

  .hero-badges{
    grid-template-columns:1fr 1fr;
  }

  .summary-grid{
    grid-template-columns:1fr;
  }

}


/* =========================================================
   BHAVYA_LIVE_TERMINAL_V2C4
========================================================= */

.hero-visual .bull-svg-v2{
  width:min(720px,89%);
  right:72px;
  bottom:-2px;
  overflow:visible;

  filter:
    drop-shadow(0 0 9px rgba(0,229,255,.25))
    drop-shadow(0 0 26px rgba(59,130,246,.17));
}

.hero-words small{
  line-height:1.45;
}

.hero-words small b{
  display:block;
  margin-top:3px;

  color:#57eaff;

  font-size:8px;
  line-height:1.35;
  letter-spacing:.10em;

  text-shadow:
    0 0 10px rgba(0,229,255,.28);
}


/* Live P/L */

.live-pl-stack{
  min-width:125px;
  display:grid;
  gap:4px;
}

.live-pl-progress{
  width:100%;
  height:4px;

  overflow:hidden;

  border-radius:999px;

  background:
    rgba(70,106,153,.23);
}

.live-pl-fill{
  display:block;

  min-width:4px;
  height:100%;

  border-radius:inherit;

  transition:width .35s ease;
}

.live-pl-fill.positive{
  background:
    linear-gradient(
      90deg,
      #00ad65,
      #00e676,
      #60f8a0
    );

  box-shadow:
    0 0 8px rgba(0,230,118,.42);
}

.live-pl-fill.negative{
  background:
    linear-gradient(
      90deg,
      #b92b45,
      #ff4d67,
      #ff8898
    );

  box-shadow:
    0 0 8px rgba(255,77,103,.37);
}

.live-pl-fill.neutral{
  background:
    linear-gradient(
      90deg,
      #a7861b,
      #f5c51e
    );
}

.live-pl-note{
  color:#526f94;
  font-size:6px;
  white-space:nowrap;
}


@media (min-width:651px){

  .live-table th:nth-child(1),
  .live-table td:nth-child(1){
    width:14%;
  }

  .live-table th:nth-child(2),
  .live-table td:nth-child(2){
    width:14%;
  }

  .live-table th:nth-child(3),
  .live-table td:nth-child(3){
    width:13%;
  }

  .live-table th:nth-child(4),
  .live-table td:nth-child(4){
    width:14%;
  }

  .live-table th:nth-child(5),
  .live-table td:nth-child(5){
    width:27%;
  }

  .live-table th:nth-child(6),
  .live-table td:nth-child(6){
    width:18%;
  }

}


@media (max-width:650px){

  .hero-visual .bull-svg-v2{
    width:98%;
    right:4px;
    bottom:0;
  }

  .live-pl-stack{
    min-width:125px;
  }

}


/* =========================================================
   BHAVYA MARKET ANALYTICS — V2C5 FINAL
========================================================= */


/* Original uploaded bull */

.bull-hero-image{
  position:absolute;

  width:min(745px,92%);
  height:auto;

  right:55px;
  bottom:-43px;

  object-fit:contain;

  pointer-events:none;
  user-select:none;

  z-index:3;

  filter:
    drop-shadow(0 0 14px rgba(0,229,255,.24))
    drop-shadow(0 0 38px rgba(88,64,255,.23));
}


/* Larger section titles */

.performance-panel .panel-title-row,
.breakdown-panel .panel-title-row,
.direction-panel .panel-title-row,
.timeframe-panel .panel-title-row,
.details-panel .panel-title-row{
  min-height:58px;

  padding:12px 16px;
}

.performance-panel .panel-title-row h3,
.breakdown-panel .panel-title-row h3,
.direction-panel .panel-title-row h3,
.timeframe-panel .panel-title-row h3,
.details-panel .panel-title-row h3{
  font-size:16px;
}

.performance-panel .panel-kicker,
.breakdown-panel .panel-kicker,
.direction-panel .panel-kicker,
.timeframe-panel .panel-kicker,
.details-panel .panel-kicker{
  font-size:9px;
}


/* Live trades: lots of rows, no visible scrollbar */

.live-table-wrap{
  max-height:400px;

  overflow-y:auto;

  scrollbar-width:none;
  -ms-overflow-style:none;

  overscroll-behavior:contain;
}

.live-table-wrap::-webkit-scrollbar{
  width:0;
  height:0;

  display:none;
}

.live-table th{
  position:sticky;

  top:0;

  z-index:5;

  background:#061a36;

  font-size:9px;
}

.live-table td{
  font-size:10px;
}


/* Aggregate Performance */

.performance-panel{
  min-height:410px;
}

.chart-stat-grid > div{
  padding:15px 10px;
}

.chart-stat-grid strong{
  font-size:25px;
}

.chart-stat-grid span{
  font-size:9px;
}

.main-chart{
  min-height:285px;

  overflow-x:auto;
  overflow-y:hidden;

  padding:12px 12px 8px;

  scrollbar-width:none;
  -ms-overflow-style:none;
}

.main-chart::-webkit-scrollbar{
  width:0;
  height:0;

  display:none;
}

.main-chart svg{
  width:auto;
  min-width:100%;

  height:270px;

  max-width:none;
}

.main-chart svg text{
  font-size:10px;
}


/* Market Mix / Symbol Breakdown */

.breakdown-panel{
  min-height:410px;
}

.bar-list{
  max-height:335px;

  overflow-y:auto;

  gap:12px;

  padding:15px 16px 18px;

  scrollbar-width:none;
  -ms-overflow-style:none;
}

.bar-list::-webkit-scrollbar{
  width:0;
  height:0;

  display:none;
}

.bar-row{
  grid-template-columns:
    minmax(82px,105px)
    minmax(110px,1fr)
    46px;

  gap:11px;
}

.bar-row strong,
.bar-row span{
  font-size:11px;
}

.bar-row svg{
  height:14px;
}


/* Historical Mix */

.direction-panel{
  min-height:325px;
}

.donut-wrap{
  min-height:255px;

  padding:14px;
}

.donut-wrap svg{
  width:245px;
  height:230px;
}

.direction-panel svg text{
  font-size:10px;
}


/* Timeframe Performance */

.timeframe-panel{
  min-height:325px;
}

.timeframe-chart{
  min-height:255px;

  display:block;

  overflow-x:auto;
  overflow-y:hidden;

  padding:15px;

  scrollbar-width:none;
  -ms-overflow-style:none;
}

.timeframe-chart::-webkit-scrollbar{
  width:0;
  height:0;

  display:none;
}

.timeframe-chart svg{
  width:auto;
  min-width:100%;

  height:225px;

  max-width:none;
}

.timeframe-panel svg text{
  font-size:10px;
}


/* Analytics Details */

.details-panel{
  min-height:325px;
}

.detail-list{
  padding:10px 17px 17px;
}

.detail-list > div{
  padding:15px 0;
}

.detail-list span,
.detail-list strong{
  font-size:11px;
}

.detail-list strong{
  max-width:65%;
}


/* More room in lower analytics */

.secondary-analytics-grid{
  grid-template-columns:
    minmax(290px,.78fr)
    minmax(355px,.96fr)
    minmax(355px,.96fr);

  gap:12px;
}


@media (min-width:1251px){

  .live-and-chart-grid{
    grid-template-columns:
      minmax(0,1.30fr)
      minmax(450px,.92fr)
      minmax(350px,.74fr);

    gap:11px;
  }

}


@media (max-width:1250px){

  .bull-hero-image{
    width:90%;

    right:25px;
    bottom:-32px;
  }

  .secondary-analytics-grid{
    grid-template-columns:
      1fr
      1fr;
  }

  .details-panel{
    grid-column:
      1 / -1;
  }

}


@media (max-width:650px){

  .bull-hero-image{
    width:104%;

    right:-3%;
    bottom:-22px;
  }

  .performance-panel,
  .breakdown-panel,
  .direction-panel,
  .timeframe-panel,
  .details-panel{
    min-height:0;
  }

  .live-table-wrap{
    max-height:360px;
  }

  .main-chart{
    min-height:245px;
  }

  .main-chart svg{
    height:230px;
  }

  .bar-list{
    max-height:300px;
  }

  .direction-panel .donut-wrap{
    min-height:230px;
  }

  .timeframe-chart{
    min-height:230px;
  }

}


/* =========================================================
   BHAVYA MARKET ANALYTICS — V2C5.1 VISUAL QA
   Screenshot-derived precision fixes
========================================================= */


/* ---------------------------------------------------------
   LIVE MARKET SIGNALS
   Keep columns readable with invisible horizontal scrolling
--------------------------------------------------------- */

.live-table-wrap{
  overflow-x:auto !important;
  overflow-y:auto;

  scrollbar-width:none;
  -ms-overflow-style:none;
}

.live-table-wrap::-webkit-scrollbar{
  width:0;
  height:0;
  display:none;
}

.live-table{
  width:100%;

  min-width:760px;

  table-layout:auto;
}

.live-table th,
.live-table td{
  white-space:nowrap;

  overflow:visible;

  text-overflow:clip;
}

.live-table th{
  padding-left:12px;
  padding-right:12px;
}

.live-table td{
  padding-left:12px;
  padding-right:12px;
}


/* Give Live P/L enough space */

.live-table th:nth-child(5),
.live-table td:nth-child(5){
  min-width:165px;
}


/* Access badge should not crush other columns */

.live-table th:last-child,
.live-table td:last-child{
  min-width:120px;
}


/* ---------------------------------------------------------
   HISTORICAL MIX
   Prevent donut + legend from clipping
--------------------------------------------------------- */

.direction-panel{
  overflow:hidden;
}

.direction-panel .donut-wrap{
  min-height:270px;

  width:100%;

  display:flex;

  align-items:center;
  justify-content:center;

  overflow-x:auto;
  overflow-y:visible;

  padding:
    16px
    18px
    20px;

  scrollbar-width:none;
  -ms-overflow-style:none;
}

.direction-panel .donut-wrap::-webkit-scrollbar{
  width:0;
  height:0;
  display:none;
}

.direction-panel .donut-wrap svg{
  width:auto;

  min-width:455px;

  max-width:none;

  height:240px;

  margin:
    0
    auto;

  overflow:visible;
}


/* ---------------------------------------------------------
   TIMEFRAME PERFORMANCE
   Give first/last bars breathing room
--------------------------------------------------------- */

.timeframe-chart{
  min-height:270px;

  overflow-x:auto;
  overflow-y:visible;

  padding:
    20px
    22px
    16px
    30px;

  scrollbar-width:none;
  -ms-overflow-style:none;

  scroll-padding-left:30px;
}

.timeframe-chart::-webkit-scrollbar{
  width:0;
  height:0;
  display:none;
}

.timeframe-chart svg{
  min-width:520px;

  height:235px;

  margin-left:18px;
  margin-right:18px;

  overflow:visible;
}


/* ---------------------------------------------------------
   SELECTED RANGE
   Slight readability improvement
--------------------------------------------------------- */

.details-panel .detail-list{
  padding:
    15px
    24px
    22px;
}

.details-panel .detail-list > div{
  min-height:66px;

  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:24px;
}

.details-panel .detail-list span{
  font-size:12px;
}

.details-panel .detail-list strong{
  font-size:12px;

  line-height:1.4;

  text-align:right;
}


/* ---------------------------------------------------------
   SYMBOL BREAKDOWN
   Slightly larger labels without increasing card height
--------------------------------------------------------- */

.breakdown-panel .bar-row strong,
.breakdown-panel .bar-row span{
  font-size:12px;
}

.breakdown-panel .bar-row{
  min-height:30px;
}


/* ---------------------------------------------------------
   Tablet/mobile safeguards
--------------------------------------------------------- */

@media (max-width:900px){

  .live-table{
    min-width:720px;
  }

  .direction-panel .donut-wrap svg{
    min-width:420px;
  }

}


@media (max-width:650px){

  .live-table{
    min-width:690px;
  }

  .direction-panel .donut-wrap{
    justify-content:flex-start;
  }

  .direction-panel .donut-wrap svg{
    min-width:430px;
  }

  .timeframe-chart{
    padding-left:22px;
  }

  .timeframe-chart svg{
    min-width:540px;
  }

}


/* =========================================================
   BHAVYA MARKET ANALYTICS — V2C5.2
   Bull sizing + right branding clearance + timeframe clip fix
========================================================= */

/* ---------------- HERO BULL / RIGHT BRANDING ---------------- */

/* keep hero text above and safe */
.hero-section,
.hero-grid,
.hero-content,
.hero-copy{
  position: relative;
  z-index: 2;
}

/* bull visual area */
.hero-visual,
.hero-art,
.hero-illustration{
  position: relative;
  z-index: 1;
  overflow: visible;
}

/* reduce bull dominance slightly */
.hero-visual img,
.hero-art img,
.hero-illustration img,
.hero-bull,
.hero-bull img{
  max-width: 88% !important;
  width: 88% !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: 1.5rem !important;
  display: block;
}

/* make sure the right-side branding text gets breathing room */
.hero-visual .hero-side-copy,
.hero-art .hero-side-copy,
.hero-illustration .hero-side-copy,
.hero-visual .hero-brand-copy,
.hero-art .hero-brand-copy,
.hero-illustration .hero-brand-copy,
.hero-visual .hero-powered-copy,
.hero-art .hero-powered-copy,
.hero-illustration .hero-powered-copy{
  position: absolute !important;
  right: 0.75rem !important;
  top: 52% !important;
  transform: translateY(-50%) !important;
  max-width: 220px !important;
  z-index: 3 !important;
  text-align: left !important;
}

/* extra desktop spacing so bull and text don’t collide */
@media (min-width: 1100px){
  .hero-grid,
  .hero-layout{
    grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr) !important;
    column-gap: 1.25rem !important;
  }

  .hero-visual img,
  .hero-art img,
  .hero-illustration img,
  .hero-bull,
  .hero-bull img{
    max-width: 84% !important;
    width: 84% !important;
    margin-right: 2.25rem !important;
  }
}

/* ---------------- TIMEFRAME PERFORMANCE ---------------- */

.timeframe-panel,
.timeframe-card{
  overflow: hidden !important;
}

.timeframe-chart{
  overflow-x: auto !important;
  overflow-y: visible !important;
  padding: 24px 24px 18px 54px !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.timeframe-chart::-webkit-scrollbar{
  width: 0;
  height: 0;
  display: none;
}

/* larger left breathing room for first bar/label */
.timeframe-chart svg{
  min-width: 560px !important;
  height: 240px !important;
  margin-left: 34px !important;
  margin-right: 18px !important;
  overflow: visible !important;
  display: block;
}

/* if chart uses inner wrappers, keep them open */
.timeframe-chart > div,
.timeframe-chart .chart-inner,
.timeframe-chart .svg-wrap{
  overflow: visible !important;
  min-width: max-content;
}

/* mobile/tablet safety */
@media (max-width: 900px){
  .hero-visual img,
  .hero-art img,
  .hero-illustration img,
  .hero-bull,
  .hero-bull img{
    max-width: 92% !important;
    width: 92% !important;
    margin-right: 0.5rem !important;
  }

  .hero-visual .hero-side-copy,
  .hero-art .hero-side-copy,
  .hero-illustration .hero-side-copy,
  .hero-visual .hero-brand-copy,
  .hero-art .hero-brand-copy,
  .hero-illustration .hero-brand-copy,
  .hero-visual .hero-powered-copy,
  .hero-art .hero-powered-copy,
  .hero-illustration .hero-powered-copy{
    right: 0.25rem !important;
    max-width: 170px !important;
  }

  .timeframe-chart{
    padding-left: 28px !important;
  }

  .timeframe-chart svg{
    min-width: 520px !important;
    margin-left: 24px !important;
  }
}


/* =========================================================
   BHAVYA AI — V2C5.3
   Hero branding reposition + timeframe chart full visibility
========================================================= */

/* ---------------- HERO RIGHT-SIDE BRANDING TEXT ---------------- */

/* keep hero visual area open */
.hero-visual,
.hero-art,
.hero-illustration,
.hero-media,
.hero-right{
  position: relative !important;
  overflow: visible !important;
}

/* keep bull slightly lower priority than branding copy */
.hero-visual img,
.hero-art img,
.hero-illustration img,
.hero-media img,
.hero-bull,
.hero-bull img{
  position: relative !important;
  z-index: 1 !important;
}

/* right-side branding / analyze-learn-explore-grow block */
.hero-side-copy,
.hero-brand-copy,
.hero-powered-copy,
.hero-copy-vertical,
.hero-visual .hero-side-copy,
.hero-visual .hero-brand-copy,
.hero-visual .hero-powered-copy,
.hero-art .hero-side-copy,
.hero-art .hero-brand-copy,
.hero-art .hero-powered-copy,
.hero-illustration .hero-side-copy,
.hero-illustration .hero-brand-copy,
.hero-illustration .hero-powered-copy{
  position: absolute !important;
  top: 19% !important;
  right: 1.2rem !important;
  transform: none !important;
  z-index: 4 !important;
  width: 250px !important;
  max-width: 250px !important;
  text-align: left !important;
  padding: 0.35rem 0.2rem !important;
  pointer-events: none !important;
}

/* main stacked words */
.hero-side-copy .stack-word,
.hero-brand-copy .stack-word,
.hero-powered-copy .stack-word,
.hero-side-copy .hero-word,
.hero-brand-copy .hero-word,
.hero-powered-copy .hero-word,
.hero-side-copy .hero-side-title,
.hero-brand-copy .hero-side-title,
.hero-powered-copy .hero-side-title{
  display: block !important;
  font-size: 2.05rem !important;
  line-height: 1.08 !important;
  letter-spacing: 0.18em !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  color: #59d7ff !important;
  text-shadow:
    0 0 10px rgba(36, 210, 255, 0.28),
    0 0 18px rgba(118, 97, 255, 0.18) !important;
}

/* alternate brand color feel */
.hero-side-copy .stack-word:nth-child(2),
.hero-side-copy .stack-word:nth-child(4),
.hero-brand-copy .stack-word:nth-child(2),
.hero-brand-copy .stack-word:nth-child(4),
.hero-powered-copy .stack-word:nth-child(2),
.hero-powered-copy .stack-word:nth-child(4){
  color: #9a8cff !important;
}

/* underline/accent line */
.hero-side-copy .hero-accent,
.hero-brand-copy .hero-accent,
.hero-powered-copy .hero-accent,
.hero-side-copy .accent-line,
.hero-brand-copy .accent-line,
.hero-powered-copy .accent-line{
  width: 72px !important;
  height: 4px !important;
  margin: 16px 0 14px 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #14d8ff 0%, #8f6cff 55%, #ffd644 100%) !important;
  box-shadow: 0 0 12px rgba(20, 216, 255, 0.32) !important;
}

/* small supporting text */
.hero-side-copy .hero-subtext,
.hero-brand-copy .hero-subtext,
.hero-powered-copy .hero-subtext,
.hero-side-copy .hero-powered-label,
.hero-brand-copy .hero-powered-label,
.hero-powered-copy .hero-powered-label,
.hero-side-copy .hero-powered-name,
.hero-brand-copy .hero-powered-name,
.hero-powered-copy .hero-powered-name{
  display: block !important;
  color: #b9d7ff !important;
  font-size: 0.98rem !important;
  line-height: 1.5 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  text-shadow: 0 0 8px rgba(0,0,0,0.25) !important;
}

.hero-side-copy .hero-powered-name,
.hero-brand-copy .hero-powered-name,
.hero-powered-copy .hero-powered-name{
  color: #45d8ff !important;
  font-size: 1.08rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.16em !important;
}

/* more room on large screens */
@media (min-width: 1200px){
  .hero-side-copy,
  .hero-brand-copy,
  .hero-powered-copy,
  .hero-visual .hero-side-copy,
  .hero-visual .hero-brand-copy,
  .hero-visual .hero-powered-copy,
  .hero-art .hero-side-copy,
  .hero-art .hero-brand-copy,
  .hero-art .hero-powered-copy,
  .hero-illustration .hero-side-copy,
  .hero-illustration .hero-brand-copy,
  .hero-illustration .hero-powered-copy{
    top: 16% !important;
    right: 0.7rem !important;
    width: 275px !important;
    max-width: 275px !important;
  }

  .hero-side-copy .stack-word,
  .hero-brand-copy .stack-word,
  .hero-powered-copy .stack-word,
  .hero-side-copy .hero-word,
  .hero-brand-copy .hero-word,
  .hero-powered-copy .hero-word,
  .hero-side-copy .hero-side-title,
  .hero-brand-copy .hero-side-title,
  .hero-powered-copy .hero-side-title{
    font-size: 2.18rem !important;
  }
}

/* small screens keep balanced */
@media (max-width: 980px){
  .hero-side-copy,
  .hero-brand-copy,
  .hero-powered-copy{
    top: 10% !important;
    right: 0.25rem !important;
    width: 170px !important;
    max-width: 170px !important;
  }

  .hero-side-copy .stack-word,
  .hero-brand-copy .stack-word,
  .hero-powered-copy .stack-word,
  .hero-side-copy .hero-word,
  .hero-brand-copy .hero-word,
  .hero-powered-copy .hero-word,
  .hero-side-copy .hero-side-title,
  .hero-brand-copy .hero-side-title,
  .hero-powered-copy .hero-side-title{
    font-size: 1.2rem !important;
    letter-spacing: 0.11em !important;
  }

  .hero-side-copy .hero-subtext,
  .hero-brand-copy .hero-subtext,
  .hero-powered-copy .hero-subtext,
  .hero-side-copy .hero-powered-label,
  .hero-brand-copy .hero-powered-label,
  .hero-powered-copy .hero-powered-label,
  .hero-side-copy .hero-powered-name,
  .hero-brand-copy .hero-powered-name,
  .hero-powered-copy .hero-powered-name{
    font-size: 0.76rem !important;
    letter-spacing: 0.08em !important;
  }
}

/* ---------------- TIMEFRAME PERFORMANCE CHART FIX ---------------- */

.timeframe-performance,
.timeframe-panel,
.timeframe-card,
.timeframe-performance-card{
  overflow: hidden !important;
}

.timeframe-chart,
.timeframe-performance .chart-wrap,
.timeframe-performance .chart-container,
.timeframe-card .chart-wrap,
.timeframe-card .chart-container{
  overflow-x: auto !important;
  overflow-y: visible !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  padding: 22px 26px 22px 72px !important;
}

.timeframe-chart::-webkit-scrollbar,
.timeframe-performance .chart-wrap::-webkit-scrollbar,
.timeframe-performance .chart-container::-webkit-scrollbar,
.timeframe-card .chart-wrap::-webkit-scrollbar,
.timeframe-card .chart-container::-webkit-scrollbar{
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/* ensure first bar never clips */
.timeframe-chart svg,
.timeframe-performance svg,
.timeframe-card svg{
  display: block !important;
  min-width: 640px !important;
  width: max-content !important;
  height: 260px !important;
  margin-left: 54px !important;
  margin-right: 24px !important;
  overflow: visible !important;
}

/* allow inner groups and labels to breathe */
.timeframe-chart svg g,
.timeframe-performance svg g,
.timeframe-card svg g,
.timeframe-chart .chart-inner,
.timeframe-performance .chart-inner,
.timeframe-card .chart-inner{
  overflow: visible !important;
}

/* if labels are clipped by parent wrappers */
.timeframe-chart > *,
.timeframe-performance .chart-wrap > *,
.timeframe-performance .chart-container > *,
.timeframe-card .chart-wrap > *,
.timeframe-card .chart-container > *{
  min-width: max-content !important;
}

/* keep card title area readable */
.timeframe-performance h3,
.timeframe-card h3,
.timeframe-performance .card-title,
.timeframe-card .card-title{
  margin-bottom: 8px !important;
}

/* medium screens */
@media (max-width: 1200px){
  .timeframe-chart,
  .timeframe-performance .chart-wrap,
  .timeframe-performance .chart-container,
  .timeframe-card .chart-wrap,
  .timeframe-card .chart-container{
    padding-left: 56px !important;
  }

  .timeframe-chart svg,
  .timeframe-performance svg,
  .timeframe-card svg{
    min-width: 600px !important;
    margin-left: 42px !important;
  }
}

/* mobile screens */
@media (max-width: 768px){
  .timeframe-chart,
  .timeframe-performance .chart-wrap,
  .timeframe-performance .chart-container,
  .timeframe-card .chart-wrap,
  .timeframe-card .chart-container{
    padding-left: 34px !important;
    padding-right: 14px !important;
  }

  .timeframe-chart svg,
  .timeframe-performance svg,
  .timeframe-card svg{
    min-width: 540px !important;
    margin-left: 28px !important;
    height: 240px !important;
  }
}



/* =========================================================
   BHAVYA AI — V2C5.4 EXACT TARGETS
========================================================= */


/* ---------------------------------------------------------
   RIGHT HERO BRANDING
   Actual elements are marked by live-terminal JS.
--------------------------------------------------------- */

.bhavya-hero-brand-word-v2c54,
.bhavya-hero-brand-meta-v2c54,
.bhavya-hero-brand-powered-v2c54,
.bhavya-hero-brand-company-v2c54,
.bhavya-hero-brand-support-v2c54{
  position:relative !important;

  z-index:12 !important;

  transform:
    translateY(-105px) !important;

  pointer-events:none !important;
}


/* ANALYZE / LEARN / EXPLORE / GROW */

.bhavya-hero-brand-word-v2c54{
  font-size:
    clamp(
      17px,
      1.08vw,
      22px
    ) !important;

  line-height:1.34 !important;

  letter-spacing:.20em !important;

  font-weight:800 !important;

  text-transform:uppercase !important;

  color:#54ddff !important;

  text-shadow:
    0 0 9px rgba(28,213,255,.44),
    0 0 22px rgba(93,84,255,.20) !important;
}


.bhavya-hero-brand-word-v2c54[data-bhavya-word="LEARN"],
.bhavya-hero-brand-word-v2c54[data-bhavya-word="GROW"]{
  color:#9c8cff !important;

  text-shadow:
    0 0 9px rgba(151,126,255,.42),
    0 0 20px rgba(31,203,255,.16) !important;
}


/* GLOBAL MARKETS */

.bhavya-hero-brand-meta-v2c54{
  font-size:
    clamp(
      11px,
      .68vw,
      14px
    ) !important;

  line-height:1.4 !important;

  letter-spacing:.22em !important;

  font-weight:800 !important;

  color:#cae7ff !important;
}


/* POWERED BY */

.bhavya-hero-brand-powered-v2c54{
  font-size:
    clamp(
      10px,
      .64vw,
      13px
    ) !important;

  line-height:1.4 !important;

  letter-spacing:.20em !important;

  font-weight:700 !important;

  color:#8faee6 !important;
}


/* BHAVYA AI™ SMART SOFTWARE */

.bhavya-hero-brand-company-v2c54{
  font-size:
    clamp(
      11px,
      .72vw,
      15px
    ) !important;

  line-height:1.4 !important;

  letter-spacing:.15em !important;

  font-weight:900 !important;

  color:#4de4ff !important;

  text-shadow:
    0 0 10px rgba(23,218,255,.38),
    0 0 20px rgba(113,87,255,.18) !important;
}


/*
 * If all support copy lives inside one wrapper,
 * move that wrapper once and do not stack child transforms.
 */

.bhavya-hero-brand-support-v2c54{
  transform:
    translateY(-105px) !important;

  z-index:12 !important;
}

.bhavya-hero-brand-support-v2c54
.bhavya-hero-brand-meta-v2c54,
.bhavya-hero-brand-support-v2c54
.bhavya-hero-brand-powered-v2c54,
.bhavya-hero-brand-support-v2c54
.bhavya-hero-brand-company-v2c54{
  transform:none !important;
}


/* bull stays behind brand copy */

.bull-hero-image{
  z-index:3 !important;
}


/* ---------------------------------------------------------
   TIMEFRAME PERFORMANCE — REAL SVG VIEWPORT FIX
--------------------------------------------------------- */

#timeframeChart.bhavya-timeframe-scroll-v2c54{
  position:relative !important;

  display:block !important;

  width:100% !important;

  max-width:100% !important;

  overflow-x:auto !important;

  overflow-y:hidden !important;

  padding:
    18px
    18px
    20px !important;

  box-sizing:border-box !important;

  scrollbar-width:none !important;

  -ms-overflow-style:none !important;

  cursor:grab !important;

  overscroll-behavior:
    contain !important;

  touch-action:
    pan-x !important;
}


#timeframeChart.bhavya-timeframe-scroll-v2c54.is-dragging{
  cursor:grabbing !important;

  user-select:none !important;
}


#timeframeChart.bhavya-timeframe-scroll-v2c54::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;

  display:none !important;
}


#timeframeChart.bhavya-timeframe-scroll-v2c54 svg{
  display:block !important;

  flex:0 0 auto !important;

  height:245px !important;

  margin:0 !important;

  overflow:visible !important;
}


/*
 * Kill old V2C5.1 / V2C5.2 / V2C5.3 left-offset hacks.
 * ViewBox now owns the breathing room correctly.
 */

.timeframe-chart{
  padding:
    18px
    18px
    20px !important;
}


.timeframe-chart svg{
  margin-left:0 !important;

  margin-right:0 !important;

  position:relative !important;

  left:0 !important;

  transform:none !important;

  overflow:visible !important;
}


@media (max-width:768px){

  .bhavya-hero-brand-word-v2c54,
  .bhavya-hero-brand-meta-v2c54,
  .bhavya-hero-brand-powered-v2c54,
  .bhavya-hero-brand-company-v2c54,
  .bhavya-hero-brand-support-v2c54{
    transform:
      translateY(-68px) !important;
  }


  .bhavya-hero-brand-support-v2c54
  .bhavya-hero-brand-meta-v2c54,
  .bhavya-hero-brand-support-v2c54
  .bhavya-hero-brand-powered-v2c54,
  .bhavya-hero-brand-support-v2c54
  .bhavya-hero-brand-company-v2c54{
    transform:none !important;
  }


  #timeframeChart.bhavya-timeframe-scroll-v2c54 svg{
    height:230px !important;
  }

}



/* =========================================================
   BHAVYA AI — V2C5.5 HERO FINAL
   Timeframe intentionally untouched.
========================================================= */


/* Kill old scattered branding completely */

.bhavya-v2c55-old-brand-hidden{
  display:none !important;
}


/* Hero positioning context */

.hero-visual.bhavya-v2c55-hero-ready{
  position:relative !important;

  overflow:hidden !important;
}


/* ---------------------------------------------------------
   BULL
   Slightly smaller than V2C5.4, not dramatically smaller.
--------------------------------------------------------- */

.hero-visual.bhavya-v2c55-hero-ready
.bull-hero-image{
  position:absolute !important;

  width:
    min(
      690px,
      79%
    ) !important;

  max-width:
    79% !important;

  height:auto !important;

  right:
    58px !important;

  bottom:
    -24px !important;

  margin:
    0 !important;

  z-index:
    4 !important;

  transform:
    none !important;
}


/* ---------------------------------------------------------
   NEW PROFESSIONAL BRAND OVERLAY
--------------------------------------------------------- */

.bhavya-brand-overlay-v2c55{
  position:absolute !important;

  top:
    62px !important;

  right:
    24px !important;

  width:
    210px !important;

  z-index:
    2 !important;

  pointer-events:
    none !important;

  text-align:
    left !important;

  user-select:
    none !important;
}


/*
 * Bull is z-index 4 and this text is z-index 2,
 * so the tail/body can naturally pass in front of it.
 */

.bhavya-brand-mantra-v2c55{
  display:flex !important;

  flex-direction:
    column !important;

  align-items:
    flex-start !important;

  gap:
    5px !important;

  margin:
    0 !important;
}


.bhavya-brand-mantra-v2c55 span{
  display:block !important;

  margin:
    0 !important;

  padding:
    0 !important;

  font-size:
    17px !important;

  line-height:
    1.16 !important;

  font-weight:
    900 !important;

  letter-spacing:
    .20em !important;

  text-transform:
    uppercase !important;

  color:
    #49ddff !important;

  text-shadow:
    0 0 8px rgba(45,215,255,.35),
    0 0 18px rgba(57,105,255,.16) !important;
}


.bhavya-brand-mantra-v2c55
span:nth-child(2),
.bhavya-brand-mantra-v2c55
span:nth-child(4){
  color:
    #9a8cff !important;

  text-shadow:
    0 0 8px rgba(146,122,255,.34) !important;
}


.bhavya-brand-rule-v2c55{
  width:
    52px !important;

  height:
    3px !important;

  margin:
    15px
    0
    13px !important;

  border-radius:
    999px !important;

  background:
    linear-gradient(
      90deg,
      #20ddff 0%,
      #806eff 55%,
      #ffd538 100%
    ) !important;

  box-shadow:
    0 0 10px rgba(31,214,255,.28) !important;
}


.bhavya-brand-market-v2c55{
  margin-bottom:
    5px !important;

  font-size:
    10px !important;

  line-height:
    1.35 !important;

  font-weight:
    800 !important;

  letter-spacing:
    .22em !important;

  color:
    #d0e8ff !important;
}


.bhavya-brand-powered-v2c55{
  margin-bottom:
    5px !important;

  font-size:
    9px !important;

  line-height:
    1.35 !important;

  font-weight:
    700 !important;

  letter-spacing:
    .20em !important;

  color:
    #819fd8 !important;
}


.bhavya-brand-company-v2c55{
  max-width:
    205px !important;

  font-size:
    10px !important;

  line-height:
    1.45 !important;

  font-weight:
    900 !important;

  letter-spacing:
    .14em !important;

  color:
    #40deff !important;

  text-shadow:
    0 0 9px rgba(31,216,255,.30) !important;
}


/* ---------------------------------------------------------
   LARGE DESKTOP
--------------------------------------------------------- */

@media (min-width:1500px){

  .hero-visual.bhavya-v2c55-hero-ready
  .bull-hero-image{
    width:
      min(
        710px,
        79%
      ) !important;

    right:
      66px !important;
  }


  .bhavya-brand-overlay-v2c55{
    top:
      68px !important;

    right:
      28px !important;

    width:
      220px !important;
  }


  .bhavya-brand-mantra-v2c55 span{
    font-size:
      18px !important;
  }

}


/* ---------------------------------------------------------
   TABLET
--------------------------------------------------------- */

@media (max-width:1100px){

  .hero-visual.bhavya-v2c55-hero-ready
  .bull-hero-image{
    width:
      82% !important;

    max-width:
      82% !important;

    right:
      22px !important;
  }


  .bhavya-brand-overlay-v2c55{
    top:
      42px !important;

    right:
      10px !important;

    width:
      170px !important;
  }


  .bhavya-brand-mantra-v2c55 span{
    font-size:
      13px !important;

    letter-spacing:
      .16em !important;
  }


  .bhavya-brand-market-v2c55,
  .bhavya-brand-company-v2c55{
    font-size:
      8px !important;
  }


  .bhavya-brand-powered-v2c55{
    font-size:
      7px !important;
  }

}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width:650px){

  .hero-visual.bhavya-v2c55-hero-ready
  .bull-hero-image{
    width:
      92% !important;

    max-width:
      92% !important;

    right:
      2% !important;

    bottom:
      -10px !important;
  }


  .bhavya-brand-overlay-v2c55{
    top:
      18px !important;

    right:
      5px !important;

    width:
      130px !important;
  }


  .bhavya-brand-mantra-v2c55{
    gap:
      3px !important;
  }


  .bhavya-brand-mantra-v2c55 span{
    font-size:
      10px !important;

    letter-spacing:
      .12em !important;
  }


  .bhavya-brand-rule-v2c55{
    margin:
      9px
      0
      8px !important;
  }


  .bhavya-brand-market-v2c55,
  .bhavya-brand-company-v2c55{
    font-size:
      6.5px !important;
  }


  .bhavya-brand-powered-v2c55{
    font-size:
      6px !important;
  }

}



/* =========================================================
   BHAVYA AI — V2C5.6
   FINAL DEDICATED HERO COMPOSITION
========================================================= */


/* absolutely suppress all previous branding fragments */

.bhavya-v2c56-hide-old-brand,
.bhavya-hero-brand-word-v2c54,
.bhavya-hero-brand-meta-v2c54,
.bhavya-hero-brand-powered-v2c54,
.bhavya-hero-brand-company-v2c54,
.bhavya-hero-brand-support-v2c54,
.bhavya-brand-overlay-v2c55{
  display:none !important;
  visibility:hidden !important;
}


/* hero visual becomes a controlled composition surface */

.hero-visual.bhavya-v2c56-ready{
  position:relative !important;

  overflow:hidden !important;

  isolation:isolate !important;
}


/* ---------------------------------------------------------
   BULL
   Slightly smaller and moved left to create a real
   dedicated right-side branding lane.
--------------------------------------------------------- */

.hero-visual.bhavya-v2c56-ready
.bull-hero-image{
  position:absolute !important;

  width:
    min(
      660px,
      67%
    ) !important;

  max-width:
    67% !important;

  height:auto !important;

  right:
    215px !important;

  bottom:
    -8px !important;

  margin:
    0 !important;

  z-index:
    4 !important;

  transform:
    none !important;

  filter:
    drop-shadow(
      0 0 13px
      rgba(0,229,255,.23)
    )
    drop-shadow(
      0 0 33px
      rgba(91,68,255,.20)
    ) !important;
}


/* ---------------------------------------------------------
   RIGHT BRAND RAIL
--------------------------------------------------------- */

.bhavya-brand-rail-v2c56{
  position:absolute !important;

  top:
    68px !important;

  right:
    24px !important;

  width:
    178px !important;

  box-sizing:
    border-box !important;

  z-index:
    6 !important;

  padding:
    16px
    8px
    16px
    17px !important;

  border-left:
    2px solid
    rgba(64,218,255,.34) !important;

  pointer-events:
    none !important;

  user-select:
    none !important;

  text-align:
    left !important;

  background:
    linear-gradient(
      90deg,
      rgba(5,25,55,.20),
      rgba(5,25,55,0)
    ) !important;
}


/* ANALYZE / LEARN / EXPLORE / GROW */

.bhavya-rail-mantra-v2c56{
  display:flex !important;

  flex-direction:
    column !important;

  gap:
    6px !important;
}


.bhavya-rail-mantra-v2c56 span{
  display:block !important;

  margin:
    0 !important;

  padding:
    0 !important;

  font-size:
    16px !important;

  line-height:
    1.12 !important;

  font-weight:
    900 !important;

  letter-spacing:
    .16em !important;

  color:
    #4addff !important;

  white-space:
    nowrap !important;

  text-shadow:
    0 0 9px rgba(42,216,255,.30) !important;
}


.bhavya-rail-mantra-v2c56
span:nth-child(2),
.bhavya-rail-mantra-v2c56
span:nth-child(4){
  color:
    #9b8aff !important;

  text-shadow:
    0 0 9px rgba(151,126,255,.30) !important;
}


/* premium cyan -> purple -> gold divider */

.bhavya-rail-divider-v2c56{
  width:
    58px !important;

  height:
    3px !important;

  margin:
    16px
    0
    14px !important;

  border-radius:
    999px !important;

  background:
    linear-gradient(
      90deg,
      #24dcff 0%,
      #846dff 58%,
      #ffd338 100%
    ) !important;

  box-shadow:
    0 0 9px
    rgba(35,214,255,.25) !important;
}


.bhavya-rail-market-v2c56{
  margin-bottom:
    5px !important;

  font-size:
    9px !important;

  line-height:
    1.3 !important;

  font-weight:
    800 !important;

  letter-spacing:
    .18em !important;

  color:
    #d5eaff !important;
}


.bhavya-rail-powered-v2c56{
  margin-bottom:
    6px !important;

  font-size:
    8px !important;

  line-height:
    1.3 !important;

  font-weight:
    700 !important;

  letter-spacing:
    .18em !important;

  color:
    #839fce !important;
}


.bhavya-rail-company-v2c56{
  font-size:
    9.5px !important;

  line-height:
    1.55 !important;

  font-weight:
    900 !important;

  letter-spacing:
    .12em !important;

  color:
    #42ddff !important;

  text-shadow:
    0 0 8px
    rgba(41,215,255,.27) !important;
}


/* ---------------------------------------------------------
   LARGE DESKTOP
--------------------------------------------------------- */

@media (min-width:1500px){

  .hero-visual.bhavya-v2c56-ready
  .bull-hero-image{
    width:
      min(
        680px,
        68%
      ) !important;

    max-width:
      68% !important;

    right:
      220px !important;
  }


  .bhavya-brand-rail-v2c56{
    top:
      72px !important;

    right:
      28px !important;

    width:
      184px !important;
  }


  .bhavya-rail-mantra-v2c56 span{
    font-size:
      17px !important;
  }

}


/* ---------------------------------------------------------
   MEDIUM DESKTOP / TABLET
--------------------------------------------------------- */

@media (max-width:1200px){

  .hero-visual.bhavya-v2c56-ready
  .bull-hero-image{
    width:
      72% !important;

    max-width:
      72% !important;

    right:
      150px !important;
  }


  .bhavya-brand-rail-v2c56{
    top:
      45px !important;

    right:
      10px !important;

    width:
      145px !important;

    padding-left:
      12px !important;
  }


  .bhavya-rail-mantra-v2c56 span{
    font-size:
      12px !important;
  }


  .bhavya-rail-market-v2c56,
  .bhavya-rail-company-v2c56{
    font-size:
      7px !important;
  }


  .bhavya-rail-powered-v2c56{
    font-size:
      6.5px !important;
  }

}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width:650px){

  .hero-visual.bhavya-v2c56-ready
  .bull-hero-image{
    width:
      87% !important;

    max-width:
      87% !important;

    right:
      8% !important;

    bottom:
      -6px !important;
  }


  .bhavya-brand-rail-v2c56{
    top:
      15px !important;

    right:
      4px !important;

    width:
      105px !important;

    padding:
      8px
      3px
      8px
      8px !important;
  }


  .bhavya-rail-mantra-v2c56{
    gap:
      2px !important;
  }


  .bhavya-rail-mantra-v2c56 span{
    font-size:
      8px !important;

    letter-spacing:
      .10em !important;
  }


  .bhavya-rail-divider-v2c56{
    margin:
      7px
      0 !important;

    width:
      34px !important;
  }


  .bhavya-rail-market-v2c56,
  .bhavya-rail-company-v2c56{
    font-size:
      5.5px !important;
  }


  .bhavya-rail-powered-v2c56{
    font-size:
      5px !important;
  }

}

/* V2C5_7_HORN_FIX_START */
@media (min-width: 1100px) {
  /* keep hero height stable */
  .hero-section,
  .market-hero,
  .live-terminal-hero {
    overflow: hidden !important;
  }

  /* allow bull visual box to breathe */
  .hero-visual,
  .hero-right,
  .hero-art,
  .hero-graphic,
  .hero-media,
  .market-hero-visual,
  .market-hero-right,
  .market-hero-art {
    overflow: visible !important;
  }

  /* move bull slightly right + tiny downscale so left horn is fully visible */
  .hero-visual img[src*="bull"],
  .hero-right img[src*="bull"],
  .hero-art img[src*="bull"],
  .hero-graphic img[src*="bull"],
  .hero-media img[src*="bull"],
  .market-hero-visual img[src*="bull"],
  .market-hero-right img[src*="bull"],
  .market-hero-art img[src*="bull"],
  .hero-bull,
  .hero-bull-image,
  .hero-bull-wrap,
  .market-bull,
  .market-bull-image,
  .market-bull-wrap {
    transform: translateX(26px) scale(0.965) !important;
    transform-origin: center center !important;
    max-width: none !important;
  }

  /* keep branding readable on the right */
  .hero-brand-overlay,
  .hero-brand-stack,
  .hero-brand-copy,
  .hero-overlay-copy,
  .market-hero-brand,
  .market-hero-overlay {
    z-index: 3 !important;
  }
}
/* V2C5_7_HORN_FIX_END */

/* =========================================================
   BHAVYA AI — V2C5.8
   Exact bull horn visibility fix
========================================================= */


/*
 * V2C5.6 used right-based positioning.
 * On this desktop width that pushes the left horn outside
 * the hero visual boundary.
 *
 * Anchor from LEFT instead so the complete horn stays inside.
 */

@media (min-width:1201px){

  .hero-visual.bhavya-v2c56-ready
  .bull-hero-image{

    left:
      24px !important;

    right:
      auto !important;

    width:
      min(
        650px,
        69%
      ) !important;

    max-width:
      69% !important;

    height:
      auto !important;

    bottom:
      -8px !important;

    margin:
      0 !important;

    transform:
      none !important;

    transform-origin:
      center center !important;
  }

}


/* medium screens */

@media (min-width:651px) and (max-width:1200px){

  .hero-visual.bhavya-v2c56-ready
  .bull-hero-image{

    left:
      16px !important;

    right:
      auto !important;

    width:
      71% !important;

    max-width:
      71% !important;

    transform:
      none !important;
  }

}


/* mobile remains balanced */

@media (max-width:650px){

  .hero-visual.bhavya-v2c56-ready
  .bull-hero-image{

    left:
      3% !important;

    right:
      auto !important;

    width:
      87% !important;

    max-width:
      87% !important;

    transform:
      none !important;
  }

}



/* =========================================================
   BHAVYA AI — V2C5.9
   Bottom UI Readability + Brand Mapping
   Cyan #22D9FF • Blue #2F7CFF • Violet #815CFF • Gold #F6C623
========================================================= */

:root{
  --bhavya-cyan-v2c59:#22d9ff;
  --bhavya-blue-v2c59:#2f7cff;
  --bhavya-violet-v2c59:#815cff;
  --bhavya-gold-v2c59:#f6c623;
  --bhavya-text-v2c59:#eef7ff;
  --bhavya-muted-v2c59:#8fa7c7;
  --bhavya-panel-v2c59:#071b36;
}


/* =========================================================
   SECTION HEADERS
========================================================= */

.bhavya-capabilities-v2c59,
.bhavya-ecosystem-v2c59{
  border-color:
    rgba(
      34,
      217,
      255,
      .30
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.015),
    0 0 24px rgba(30,120,255,.025) !important;
}


.bhavya-capabilities-v2c59
.bhavya-bottom-heading-v2c59,
.bhavya-ecosystem-v2c59
.bhavya-bottom-heading-v2c59{
  font-size:
    17px !important;

  line-height:
    1.25 !important;

  font-weight:
    800 !important;

  letter-spacing:
    .01em !important;

  color:
    var(--bhavya-text-v2c59) !important;
}


/* secondary descriptive header text */

.bhavya-capabilities-v2c59
small,
.bhavya-ecosystem-v2c59
small{
  font-size:
    11px !important;

  line-height:
    1.4 !important;

  color:
    var(--bhavya-muted-v2c59) !important;
}


/* =========================================================
   PLATFORM CAPABILITY CARDS
========================================================= */

.bhavya-capability-card-v2c59{
  min-height:
    138px !important;

  padding:
    20px
    16px !important;

  border:
    1px solid
    rgba(
      47,
      124,
      255,
      .28
    ) !important;

  border-radius:
    13px !important;

  background:
    linear-gradient(
      145deg,
      rgba(9,34,68,.96),
      rgba(7,25,53,.98)
    ) !important;

  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease !important;
}


.bhavya-capability-card-v2c59:hover{
  transform:
    translateY(-2px) !important;

  border-color:
    rgba(
      34,
      217,
      255,
      .55
    ) !important;

  box-shadow:
    0 10px 26px rgba(0,0,0,.16),
    0 0 20px rgba(34,217,255,.05) !important;
}


.bhavya-card-title-v2c59{
  font-size:
    14px !important;

  line-height:
    1.25 !important;

  font-weight:
    800 !important;

  color:
    #f2f7ff !important;
}


/* capability description */

.bhavya-capability-card-v2c59
p,
.bhavya-capability-card-v2c59
small,
.bhavya-capability-card-v2c59
span:not(.bhavya-card-title-v2c59){
  font-size:
    11.5px !important;

  line-height:
    1.45 !important;
}


/* capability icons */

.bhavya-capability-card-v2c59
[class*="icon"],
.bhavya-capability-card-v2c59
svg{
  transform:
    scale(1.10);
}


/* =========================================================
   ECOSYSTEM BUTTON / CARDS
========================================================= */

.bhavya-ecosystem-card-v2c59{
  min-height:
    108px !important;

  padding:
    18px
    17px !important;

  border-radius:
    13px !important;

  transition:
    transform .18s ease,
    filter .18s ease,
    box-shadow .18s ease !important;
}


.bhavya-ecosystem-card-v2c59:hover{
  transform:
    translateY(-2px) !important;

  filter:
    brightness(1.08) !important;

  box-shadow:
    0 10px 28px
    rgba(0,0,0,.18) !important;
}


.bhavya-ecosystem-title-v2c59{
  font-size:
    15px !important;

  line-height:
    1.25 !important;

  font-weight:
    800 !important;

  color:
    #f5f8ff !important;
}


.bhavya-ecosystem-card-v2c59
small,
.bhavya-ecosystem-card-v2c59
p{
  margin-top:
    5px !important;

  font-size:
    11.5px !important;

  line-height:
    1.4 !important;

  color:
    #a9bad4 !important;
}


/* Bigger ecosystem icons */

.bhavya-ecosystem-card-v2c59
[class*="icon"],
.bhavya-ecosystem-card-v2c59
svg{
  transform:
    scale(1.12);
}


/* Analytics Panel: violet */

.bhavya-ecosystem-card-v2c59:nth-of-type(1){
  border-color:
    rgba(129,92,255,.62) !important;

  box-shadow:
    inset 0 0 24px rgba(129,92,255,.04) !important;
}


/* Billing: electric blue */

.bhavya-ecosystem-card-v2c59:nth-of-type(2){
  border-color:
    rgba(47,124,255,.60) !important;
}


/* Custom: cyan */

.bhavya-ecosystem-card-v2c59:nth-of-type(3){
  border-color:
    rgba(34,217,255,.62) !important;
}


/* Product: controlled gold */

.bhavya-ecosystem-card-v2c59:nth-of-type(4){
  border-color:
    rgba(246,198,35,.60) !important;
}


/* Pricing: violet */

.bhavya-ecosystem-card-v2c59:nth-of-type(5){
  border-color:
    rgba(129,92,255,.60) !important;
}


/* Regulatory: blue */

.bhavya-ecosystem-card-v2c59:nth-of-type(6){
  border-color:
    rgba(47,124,255,.58) !important;
}


/* =========================================================
   MARKET ANALYTICS INFO STRIP
========================================================= */

.bhavya-info-strip-v2c59{
  min-height:
    78px !important;

  padding:
    16px
    22px !important;

  border:
    1px solid
    rgba(34,217,255,.28) !important;

  background:
    linear-gradient(
      90deg,
      rgba(2,41,66,.68),
      rgba(9,20,54,.78)
    ) !important;
}


.bhavya-info-title-v2c59{
  font-size:
    14.5px !important;

  line-height:
    1.3 !important;

  font-weight:
    800 !important;

  color:
    #eff8ff !important;
}


.bhavya-info-strip-v2c59
p,
.bhavya-info-strip-v2c59
small{
  margin-top:
    5px !important;

  font-size:
    11.5px !important;

  line-height:
    1.5 !important;

  color:
    #9fb3d1 !important;
}


/* =========================================================
   IMPORTANT NOTICE
========================================================= */

.bhavya-notice-v2c59{
  min-height:
    96px !important;

  padding:
    20px
    26px !important;

  border-top:
    1px solid
    rgba(246,198,35,.28) !important;

  border-bottom:
    1px solid
    rgba(246,198,35,.12) !important;

  background:
    linear-gradient(
      90deg,
      rgba(246,198,35,.035),
      rgba(7,24,51,.62) 28%,
      rgba(7,24,51,.90)
    ) !important;
}


.bhavya-notice-title-v2c59{
  font-size:
    16px !important;

  line-height:
    1.3 !important;

  font-weight:
    800 !important;

  color:
    #ffd84b !important;
}


.bhavya-notice-v2c59
p,
.bhavya-notice-v2c59
small{
  font-size:
    11.5px !important;

  line-height:
    1.55 !important;

  color:
    #a8b8d0 !important;
}


.bhavya-notice-v2c59
a{
  font-size:
    11.5px !important;

  color:
    #c7d8ef !important;
}


/* =========================================================
   FOOTER
========================================================= */

.bhavya-footer-v2c59{
  padding:
    30px
    28px
    20px !important;

  border-top:
    1px solid
    rgba(34,217,255,.12) !important;

  background:
    linear-gradient(
      180deg,
      #030d1d 0%,
      #020814 100%
    ) !important;
}


.bhavya-footer-v2c59
strong{
  font-size:
    15px !important;

  line-height:
    1.35 !important;

  color:
    #f4f8ff !important;
}


.bhavya-footer-v2c59
p,
.bhavya-footer-v2c59
small{
  font-size:
    11.5px !important;

  line-height:
    1.55 !important;

  color:
    #8fa6c6 !important;
}


.bhavya-footer-v2c59
a{
  font-size:
    11.5px !important;

  line-height:
    1.4 !important;

  color:
    #a9bfdc !important;

  transition:
    color .16s ease !important;
}


.bhavya-footer-v2c59
a:hover{
  color:
    var(--bhavya-cyan-v2c59) !important;
}


/* Brand accent text in footer */

.bhavya-footer-v2c59
[class*="accent"],
.bhavya-footer-v2c59
[class*="tagline"]{
  color:
    var(--bhavya-cyan-v2c59) !important;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width:1200px){

  .bhavya-capability-card-v2c59{
    min-height:
      128px !important;
  }


  .bhavya-ecosystem-card-v2c59{
    min-height:
      102px !important;
  }

}


@media (max-width:700px){

  .bhavya-capability-card-v2c59{
    min-height:
      118px !important;

    padding:
      16px
      14px !important;
  }


  .bhavya-ecosystem-card-v2c59{
    min-height:
      96px !important;

    padding:
      15px
      14px !important;
  }


  .bhavya-card-title-v2c59,
  .bhavya-ecosystem-title-v2c59{
    font-size:
      13px !important;
  }


  .bhavya-footer-v2c59{
    padding:
      24px
      18px
      18px !important;
  }

}

/* V2C5.10 FOOTER BRANDING START */
.v2c510-footer-root{
  position:relative;
}

.v2c510-footer-root .v2c510-footer-brand,
.v2c510-footer-root .v2c510-footer-meta,
.v2c510-footer-root .v2c510-footer-nav{
  color:#d7e8ff;
}

.v2c510-footer-root .v2c510-footer-brand{
  font-size:18px;
  line-height:1.72;
}

.v2c510-footer-root .v2c510-footer-brand a,
.v2c510-footer-root .v2c510-footer-brand strong{
  color:#57e8ff !important;
}

.v2c510-footer-root .v2c510-footer-meta{
  font-size:16px;
  line-height:1.9;
}

.v2c510-footer-root .v2c510-footer-meta *{
  color:#d8e5ff !important;
}

.v2c510-footer-root .v2c510-footer-nav{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:20px;
  font-size:18px;
  line-height:1.7;
  margin:10px auto 22px auto;
}

.v2c510-footer-root .v2c510-footer-nav a{
  color:#cfe2ff !important;
  font-weight:600;
  letter-spacing:.01em;
  transition:all .22s ease;
}

.v2c510-footer-root .v2c510-footer-nav a:hover{
  color:#52e6ff !important;
  text-shadow:0 0 12px rgba(82,230,255,.22);
}

.v2c510-footer-root .v2c510-copyright-line{
  text-align:center !important;
  font-size:28px !important;
  line-height:1.45 !important;
  font-weight:600 !important;
  color:#e9f4ff !important;
  letter-spacing:.01em;
  margin:26px auto 18px auto !important;
  padding:12px 18px !important;
  max-width:1200px;
}

.v2c510-footer-root .v2c510-brand-gradient{
  background:linear-gradient(90deg,#42f3ff 0%, #2ec5ff 22%, #5b7cff 48%, #8d63ff 74%, #ffb44d 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent !important;
  font-weight:800;
  display:inline-block;
  text-shadow:none !important;
}

.v2c510-footer-root .v2c510-important-notice{
  font-size:18px;
  line-height:1.8;
}

.v2c510-footer-root .v2c510-important-notice strong,
.v2c510-footer-root .v2c510-important-notice b{
  color:#ffd24d !important;
}

.v2c510-footer-root .v2c510-important-notice,
.v2c510-footer-root .v2c510-footer-brand,
.v2c510-footer-root .v2c510-footer-meta,
.v2c510-footer-root .v2c510-copyright-line{
  text-rendering:optimizeLegibility;
}

@media (max-width: 1280px){
  .v2c510-footer-root .v2c510-copyright-line{
    font-size:24px !important;
  }
  .v2c510-footer-root .v2c510-footer-nav{
    font-size:17px;
    gap:16px;
  }
}

@media (max-width: 900px){
  .v2c510-footer-root .v2c510-copyright-line{
    font-size:20px !important;
    line-height:1.5 !important;
    margin:18px auto 14px auto !important;
  }
  .v2c510-footer-root .v2c510-footer-nav{
    gap:12px;
    font-size:16px;
  }
  .v2c510-footer-root .v2c510-footer-brand,
  .v2c510-footer-root .v2c510-footer-meta,
  .v2c510-footer-root .v2c510-important-notice{
    font-size:15px;
    line-height:1.75;
  }
}

@media (max-width: 640px){
  .v2c510-footer-root .v2c510-copyright-line{
    font-size:18px !important;
    padding:10px 12px !important;
  }
  .v2c510-footer-root .v2c510-footer-nav{
    justify-content:flex-start;
    font-size:15px;
    gap:10px 14px;
  }
}
/* V2C5.10 FOOTER BRANDING END */


/* =========================================================
   BHAVYA AI — V2C6E OFFICIAL PRODUCT BRAND SYSTEM

   Exact product-page brand palette:
   Green   #60f8a0
   Cyan    #20ecf0
   Sky     #27b9fd
   Blue    #1c54e5
   Violet  #733efd
   Red     #f5582e
   Orange  #f69b25
   Gold    #f5c51e
========================================================= */

:root{
  --bh-brand-green:#60f8a0;
  --bh-brand-cyan:#20ecf0;
  --bh-brand-sky:#27b9fd;
  --bh-brand-blue:#1c54e5;
  --bh-brand-violet:#733efd;
  --bh-brand-red:#f5582e;
  --bh-brand-orange:#f69b25;
  --bh-brand-gold:#f5c51e;

  --bh-brand-gradient:
    linear-gradient(
      90deg,
      var(--bh-brand-green),
      var(--bh-brand-cyan),
      var(--bh-brand-sky),
      var(--bh-brand-blue),
      var(--bh-brand-violet),
      var(--bh-brand-red),
      var(--bh-brand-orange),
      var(--bh-brand-gold)
    );

  --bh-brand-action:
    linear-gradient(
      118deg,
      var(--bh-brand-green),
      var(--bh-brand-cyan),
      var(--bh-brand-sky),
      var(--bh-brand-blue)
    );
}


/* Main conversion action */

.trial-button{
  border-color:
    rgba(39,185,253,.72) !important;

  background:
    var(--bh-brand-action) !important;

  box-shadow:
    0 9px 27px rgba(28,84,229,.23),
    0 0 24px rgba(32,236,240,.10) !important;
}


/* Secondary secure login */

.login-button{
  border-color:
    rgba(115,62,253,.68) !important;

  color:
    #f6f2ff !important;

  background:
    linear-gradient(
      140deg,
      rgba(25,21,63,.97),
      rgba(50,24,105,.83)
    ) !important;
}


/* Analytics section identity */

.panel-kicker,
.section-kicker{
  color:
    var(--bh-brand-cyan) !important;

  text-shadow:
    0 0 10px
    rgba(32,236,240,.14) !important;
}


/* Main analytics cards */

.performance-panel,
.breakdown-panel,
.direction-panel,
.timeframe-panel,
.details-panel{
  border-color:
    rgba(39,185,253,.32) !important;

  box-shadow:
    inset 0 1px 0
    rgba(96,248,160,.018) !important;
}


/* Official full-spectrum company branding */

.v2c510-brand-gradient,
.bhavya-brand-gradient,
.bhavya-rail-company-v2c56,
.bhavya-brand-company-v2c55{
  background:
    var(--bh-brand-gradient) !important;

  -webkit-background-clip:
    text !important;

  background-clip:
    text !important;

  color:
    transparent !important;

  text-shadow:
    none !important;
}


/* Ecosystem hover uses product-family cyan/blue */

.bhavya-ecosystem-card-v2c59:hover,
.eco-card:hover{
  border-color:
    rgba(32,236,240,.56) !important;

  box-shadow:
    0 10px 28px rgba(28,84,229,.12),
    0 0 20px rgba(32,236,240,.06) !important;
}


/* Premium / lifetime keeps official gold */

[data-range="all"],
[data-range="lifetime"]{
  border-color:
    rgba(245,197,30,.70) !important;
}


/*
 * Semantic states intentionally preserved:
 * GREEN = positive/live
 * RED   = loss/risk
 */



/* =====================================================================
   BHAVYA AI — V2C6F.1
   EXACT FULL-PAGE BRAND COLOR SYSTEM

   Official Bhavya AI Product Palette
   Green   #60f8a0
   Cyan    #20ecf0
   Sky     #27b9fd
   Blue    #1c54e5
   Violet  #733efd
   Red     #f5582e
   Orange  #f69b25
   Gold    #f5c51e
===================================================================== */

:root{
  --bh-full-green:#60f8a0;
  --bh-full-cyan:#20ecf0;
  --bh-full-sky:#27b9fd;
  --bh-full-blue:#1c54e5;
  --bh-full-violet:#733efd;
  --bh-full-red:#f5582e;
  --bh-full-orange:#f69b25;
  --bh-full-gold:#f5c51e;

  --bh-full-white:#f3f8ff;
  --bh-full-soft:#b9cae5;
  --bh-full-muted:#89a5c9;

  --bh-full-bg:#020b19;
  --bh-full-panel:#061b39;
  --bh-full-panel2:#08234a;

  --bh-full-brand:
    linear-gradient(
      90deg,
      var(--bh-full-green) 0%,
      var(--bh-full-cyan) 14%,
      var(--bh-full-sky) 29%,
      var(--bh-full-blue) 44%,
      var(--bh-full-violet) 60%,
      var(--bh-full-red) 75%,
      var(--bh-full-orange) 87%,
      var(--bh-full-gold) 100%
    );

  --bh-full-cool:
    linear-gradient(
      118deg,
      var(--bh-full-green) 0%,
      var(--bh-full-cyan) 31%,
      var(--bh-full-sky) 59%,
      var(--bh-full-blue) 100%
    );

  --bh-full-purple:
    linear-gradient(
      118deg,
      var(--bh-full-blue),
      var(--bh-full-violet)
    );

  --bh-full-warm:
    linear-gradient(
      118deg,
      var(--bh-full-red),
      var(--bh-full-orange),
      var(--bh-full-gold)
    );
}


/* =========================================================
   GLOBAL PAGE SURFACE
========================================================= */

body{
  background:
    radial-gradient(
      circle at 10% 12%,
      rgba(32,236,240,.045),
      transparent 29%
    ),
    radial-gradient(
      circle at 88% 11%,
      rgba(115,62,253,.055),
      transparent 31%
    ),
    radial-gradient(
      circle at 54% 70%,
      rgba(28,84,229,.035),
      transparent 34%
    ),
    var(--bh-full-bg) !important;

  color:
    var(--bh-full-soft);
}


/* soft default copy — still highly readable */

main p,
main small{
  color:
    var(--bh-full-soft);
}


/* =========================================================
   HEADER / NAVIGATION
========================================================= */

header{
  background:
    linear-gradient(
      90deg,
      rgba(3,21,49,.985),
      rgba(4,28,65,.985) 52%,
      rgba(15,17,69,.985)
    ) !important;

  border-bottom:
    1px solid
    rgba(39,185,253,.22) !important;

  box-shadow:
    0 8px 28px rgba(0,0,0,.15),
    inset 0 -1px 0 rgba(32,236,240,.025);
}


header .brand-text,
header .brand strong,
header .brand-text strong{
  background:
    var(--bh-full-brand);

  -webkit-background-clip:
    text;

  background-clip:
    text;

  color:
    transparent !important;
}


header nav a,
header .nav-link{
  color:
    #dceaff !important;

  transition:
    color .18s ease,
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}


header nav a:hover,
header .nav-link:hover{
  color:
    var(--bh-full-cyan) !important;
}


header nav a.active,
header .nav-link.active,
header a[aria-current="page"]{
  color:
    #fff !important;

  background:
    linear-gradient(
      135deg,
      rgba(28,84,229,.52),
      rgba(115,62,253,.33)
    ) !important;

  border-color:
    rgba(39,185,253,.52) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 18px rgba(39,185,253,.06);
}


/* Existing CTA semantics retained */

.trial-button{
  background:
    var(--bh-full-cool) !important;

  color:
    #fff !important;

  border-color:
    rgba(39,185,253,.75) !important;

  box-shadow:
    0 9px 27px rgba(28,84,229,.23),
    0 0 22px rgba(32,236,240,.10) !important;
}


.login-button{
  background:
    linear-gradient(
      135deg,
      rgba(36,22,91,.96),
      rgba(71,28,145,.92)
    ) !important;

  border-color:
    rgba(115,62,253,.70) !important;

  color:
    #f7f2ff !important;
}


/* =========================================================
   HERO
========================================================= */

section.hero{
  background:
    radial-gradient(
      circle at 16% 38%,
      rgba(32,236,240,.075),
      transparent 30%
    ),
    radial-gradient(
      circle at 74% 38%,
      rgba(28,84,229,.14),
      transparent 37%
    ),
    radial-gradient(
      circle at 91% 29%,
      rgba(115,62,253,.16),
      transparent 32%
    ),
    linear-gradient(
      110deg,
      #02142b 0%,
      #041b3d 46%,
      #111653 100%
    ) !important;
}


/* kicker */

.hero-kicker{
  color:
    var(--bh-full-cyan) !important;

  text-shadow:
    0 0 14px
    rgba(32,236,240,.18);
}


/* Full hero product name = official brand gradient */

.hero-copy h1{
  background:
    var(--bh-full-brand);

  -webkit-background-clip:
    text;

  background-clip:
    text;

  color:
    transparent !important;

  text-shadow:
    none !important;
}


/*
 * Protect gradient inheritance for nested title span.
 * Audit confirms h1 > span contains Live Market Analytics Center.
 */

.hero-copy h1 span{
  color:
    inherit !important;

  -webkit-text-fill-color:
    transparent !important;
}


.hero-copy > h2,
.hero-copy .hero-subtitle{
  color:
    #edf6ff !important;
}


.hero-copy > p{
  color:
    #b8cee9 !important;
}


/* hero badges */

.hero-badge{
  background:
    rgba(4,24,53,.72) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025);
}


.hero-badge.badge-green{
  border-color:
    rgba(96,248,160,.58) !important;

  background:
    linear-gradient(
      135deg,
      rgba(5,66,57,.78),
      rgba(3,35,45,.88)
    ) !important;
}


.hero-badge.badge-purple{
  border-color:
    rgba(115,62,253,.62) !important;

  background:
    linear-gradient(
      135deg,
      rgba(54,30,125,.78),
      rgba(17,29,65,.88)
    ) !important;
}


.hero-badge.badge-red{
  border-color:
    rgba(245,88,46,.64) !important;

  background:
    linear-gradient(
      135deg,
      rgba(85,25,42,.74),
      rgba(31,22,48,.88)
    ) !important;
}


.hero-badge.badge-blue{
  border-color:
    rgba(39,185,253,.60) !important;

  background:
    linear-gradient(
      135deg,
      rgba(15,65,133,.76),
      rgba(6,31,66,.90)
    ) !important;
}


.hero-badge strong{
  color:
    #f6f9ff !important;
}


.hero-badge small{
  color:
    #a9c2df !important;
}


/* Right dedicated brand rail */

.bhavya-brand-rail-v2c56{
  border-left-color:
    rgba(39,185,253,.38) !important;
}


.bhavya-brand-rail-v2c56
.bhavya-rail-company-v2c56,
.bhavya-rail-company-v2c56{
  background:
    var(--bh-full-brand) !important;

  -webkit-background-clip:
    text !important;

  background-clip:
    text !important;

  color:
    transparent !important;
}


.bhavya-rail-market-v2c56{
  color:
    #dcecff !important;
}


/* =========================================================
   RANGE SELECTOR
========================================================= */

.range-panel{
  background:
    linear-gradient(
      90deg,
      rgba(5,29,66,.96),
      rgba(7,32,77,.96),
      rgba(13,24,76,.96)
    ) !important;

  border-color:
    rgba(39,185,253,.34) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 8px 24px rgba(0,0,0,.10);
}


.range-intro strong{
  color:
    #f3f8ff !important;
}


.range-intro small{
  color:
    #9fb9d8 !important;
}


.range-icon{
  background:
    var(--bh-full-purple) !important;

  border-color:
    rgba(39,185,253,.30) !important;
}


[data-range]{
  color:
    #e8f2ff !important;

  border-color:
    rgba(39,185,253,.32) !important;

  background:
    linear-gradient(
      135deg,
      rgba(10,49,105,.82),
      rgba(7,34,78,.90)
    ) !important;
}


[data-range]:hover{
  border-color:
    rgba(32,236,240,.58) !important;

  box-shadow:
    0 0 18px
    rgba(32,236,240,.07);
}


[data-range].active,
[data-range][aria-pressed="true"]{
  background:
    var(--bh-full-purple) !important;

  border-color:
    rgba(39,185,253,.72) !important;

  color:
    #fff !important;
}


/* lifetime/all-time remains premium */

[data-range="all"],
[data-range="lifetime"]{
  background:
    linear-gradient(
      135deg,
      rgba(91,65,5,.92),
      rgba(64,42,3,.94)
    ) !important;

  border-color:
    rgba(245,197,30,.78) !important;

  color:
    #fff3bf !important;
}


/* =========================================================
   SUMMARY CARDS
========================================================= */

.summary-card{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 10px 26px rgba(0,0,0,.14) !important;
}


.summary-card.lifetime-card{
  background:
    linear-gradient(
      135deg,
      rgba(72,36,174,.96),
      rgba(44,24,116,.98)
    ) !important;

  border-color:
    rgba(115,62,253,.72) !important;
}


.summary-card.today-card{
  background:
    linear-gradient(
      135deg,
      rgba(6,103,82,.96),
      rgba(4,76,67,.98)
    ) !important;

  border-color:
    rgba(96,248,160,.58) !important;
}


.summary-card.week-card{
  background:
    linear-gradient(
      135deg,
      rgba(15,83,167,.96),
      rgba(11,62,132,.98)
    ) !important;

  border-color:
    rgba(39,185,253,.64) !important;
}


.summary-card.selected-card{
  background:
    linear-gradient(
      135deg,
      rgba(107,73,5,.96),
      rgba(72,47,3,.98)
    ) !important;

  border-color:
    rgba(245,197,30,.68) !important;
}


.summary-head strong{
  color:
    #f7f9ff !important;
}


.summary-head small{
  color:
    #c3d4eb !important;
}


.summary-number{
  color:
    #ffffff !important;

  text-shadow:
    0 0 18px rgba(255,255,255,.055);
}


.lifetime-card .summary-number{
  color:
    #e5d8ff !important;
}


.today-card .summary-number{
  color:
    #bfffe7 !important;
}


.week-card .summary-number{
  color:
    #c8ecff !important;
}


.selected-card .summary-number{
  color:
    #fff0b0 !important;
}


.summary-stats,
.summary-stats strong,
.summary-stats span,
.summary-stats small{
  color:
    #edf5ff !important;
}


/* =========================================================
   COMMON ANALYTICS PANELS
========================================================= */

.panel{
  background:
    linear-gradient(
      180deg,
      rgba(5,28,61,.985),
      rgba(4,21,47,.99)
    ) !important;

  border-color:
    rgba(39,185,253,.28) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.024),
    0 12px 28px rgba(0,0,0,.10);
}


.panel-title-row{
  border-bottom-color:
    rgba(39,185,253,.12) !important;
}


.panel-title-row h3,
.panel-title-group strong{
  background:
    linear-gradient(
      90deg,
      #f5f9ff 0%,
      var(--bh-full-cyan) 54%,
      var(--bh-full-sky) 100%
    );

  -webkit-background-clip:
    text;

  background-clip:
    text;

  color:
    transparent !important;
}


.panel-kicker{
  color:
    var(--bh-full-cyan) !important;

  text-shadow:
    0 0 10px rgba(32,236,240,.12);
}


/* LIVE MARKET SIGNALS */

.live-panel{
  border-color:
    rgba(96,248,160,.32) !important;

  background:
    radial-gradient(
      circle at 8% 0%,
      rgba(96,248,160,.045),
      transparent 26%
    ),
    linear-gradient(
      180deg,
      rgba(5,29,61,.99),
      rgba(4,21,47,.99)
    ) !important;
}


.live-panel th{
  color:
    var(--bh-full-cyan) !important;

  border-bottom-color:
    rgba(39,185,253,.15) !important;
}


.live-panel td{
  color:
    #dceaff !important;

  border-bottom-color:
    rgba(39,185,253,.09) !important;
}


.live-panel .live-badge,
.live-panel .status-badge,
.live-panel [class*="active"]{
  border-color:
    rgba(96,248,160,.34);
}


/* PERFORMANCE */

.performance-panel{
  border-color:
    rgba(32,236,240,.37) !important;

  background:
    radial-gradient(
      circle at 45% 0%,
      rgba(32,236,240,.055),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      rgba(5,30,65,.99),
      rgba(4,21,47,.99)
    ) !important;
}


.performance-panel .chart-stat-grid strong,
.performance-panel .chart-stat-grid b{
  color:
    var(--bh-full-cyan) !important;
}


/* SYMBOL BREAKDOWN */

.breakdown-panel{
  border-color:
    rgba(39,185,253,.37) !important;
}


.breakdown-panel strong,
.breakdown-panel b{
  color:
    #edf6ff !important;
}


/* DIRECTION */

.direction-panel{
  border-color:
    rgba(115,62,253,.34) !important;

  background:
    radial-gradient(
      circle at 24% 0%,
      rgba(115,62,253,.045),
      transparent 31%
    ),
    linear-gradient(
      180deg,
      rgba(5,28,61,.99),
      rgba(4,21,47,.99)
    ) !important;
}


/* timeframe — visual positioning intentionally untouched */

.timeframe-panel{
  border-color:
    rgba(39,185,253,.36) !important;
}


.timeframe-chart text,
#timeframeChart text{
  fill:
    #b8cdeb !important;
}


/* details */

.details-panel{
  border-color:
    rgba(115,62,253,.30) !important;
}


.details-panel strong,
.details-panel b{
  color:
    #f2f6ff !important;
}


/* =========================================================
   CHART / PROGRESS BRANDING
========================================================= */

.main-chart text,
.main-chart .label,
.main-chart .axis-label{
  color:
    #aac2e2 !important;

  fill:
    #aac2e2 !important;
}


.breakdown-panel [class*="track"],
.performance-panel [class*="track"]{
  background:
    rgba(55,100,161,.18) !important;
}


/* =========================================================
   PLATFORM CAPABILITIES
========================================================= */

.capabilities{
  border-color:
    rgba(32,236,240,.30) !important;

  background:
    radial-gradient(
      circle at 0% 0%,
      rgba(32,236,240,.035),
      transparent 27%
    ),
    linear-gradient(
      180deg,
      rgba(5,27,58,.96),
      rgba(4,21,47,.98)
    ) !important;
}


.section-inline-heading strong{
  background:
    linear-gradient(
      90deg,
      var(--bh-full-cyan),
      var(--bh-full-sky),
      var(--bh-full-blue),
      var(--bh-full-violet)
    );

  -webkit-background-clip:
    text;

  background-clip:
    text;

  color:
    transparent !important;
}


.section-inline-heading small{
  color:
    #9fb8d8 !important;
}


.capability-card{
  background:
    linear-gradient(
      180deg,
      rgba(8,36,76,.94),
      rgba(6,29,61,.97)
    ) !important;

  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}


.capability-card:hover{
  transform:
    translateY(-2px);

  box-shadow:
    0 12px 27px rgba(0,0,0,.14),
    0 0 18px rgba(39,185,253,.055);
}


.capability-card strong{
  color:
    #f2f7ff !important;
}


.capability-card p,
.capability-card small{
  color:
    #b5c9e4 !important;
}


.capability-card.cap-cyan{
  border-color:
    rgba(32,236,240,.55) !important;
}


.capability-card.cap-blue{
  border-color:
    rgba(28,84,229,.62) !important;
}


.capability-card.cap-purple,
.capability-card.cap-violet{
  border-color:
    rgba(115,62,253,.58) !important;
}


.capability-card.cap-green{
  border-color:
    rgba(96,248,160,.48) !important;
}


.capability-card.cap-gold{
  border-color:
    rgba(245,197,30,.54) !important;
}


/* =========================================================
   ECOSYSTEM
========================================================= */

.ecosystem{
  border-color:
    rgba(39,185,253,.30) !important;

  background:
    linear-gradient(
      180deg,
      rgba(5,27,58,.96),
      rgba(4,21,47,.98)
    ) !important;
}


.eco-card{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 24px rgba(0,0,0,.12) !important;
}


.eco-card:nth-child(1){
  background:
    linear-gradient(
      135deg,
      rgba(82,39,180,.96),
      rgba(48,25,121,.98)
    ) !important;

  border-color:
    rgba(115,62,253,.70) !important;
}


.eco-card:nth-child(2){
  background:
    linear-gradient(
      135deg,
      rgba(19,78,165,.96),
      rgba(10,52,119,.98)
    ) !important;

  border-color:
    rgba(39,185,253,.56) !important;
}


.eco-card:nth-child(3){
  background:
    linear-gradient(
      135deg,
      rgba(5,93,116,.96),
      rgba(4,60,82,.98)
    ) !important;

  border-color:
    rgba(32,236,240,.58) !important;
}


.eco-card:nth-child(4){
  background:
    linear-gradient(
      135deg,
      rgba(108,76,8,.96),
      rgba(67,45,3,.98)
    ) !important;

  border-color:
    rgba(245,197,30,.66) !important;
}


.eco-card:nth-child(5){
  background:
    linear-gradient(
      135deg,
      rgba(75,34,169,.96),
      rgba(43,22,108,.98)
    ) !important;

  border-color:
    rgba(115,62,253,.64) !important;
}


.eco-card:nth-child(6){
  background:
    linear-gradient(
      135deg,
      rgba(17,75,159,.96),
      rgba(8,47,105,.98)
    ) !important;

  border-color:
    rgba(39,185,253,.58) !important;
}


.eco-card strong{
  color:
    #ffffff !important;
}


.eco-card p,
.eco-card small{
  color:
    #d0dff2 !important;
}


.eco-card:hover{
  transform:
    translateY(-2px);

  filter:
    brightness(1.06);

  box-shadow:
    0 13px 28px rgba(0,0,0,.16),
    0 0 20px rgba(32,236,240,.055) !important;
}


/* =========================================================
   MARKET ANALYTICS INFORMATION STRIP
========================================================= */

.cms-market-strip{
  background:
    linear-gradient(
      90deg,
      rgba(4,47,72,.96),
      rgba(6,35,77,.96) 55%,
      rgba(16,24,82,.96)
    ) !important;

  border-color:
    rgba(32,236,240,.35) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 0 22px rgba(32,236,240,.035);
}


#cmsTitle{
  background:
    var(--bh-full-brand);

  -webkit-background-clip:
    text;

  background-clip:
    text;

  color:
    transparent !important;
}


.cms-market-strip p,
.cms-market-strip span{
  color:
    #bed1ea !important;
}


/* =========================================================
   IMPORTANT NOTICE
========================================================= */

.important-notice{
  background:
    radial-gradient(
      circle at 8% 50%,
      rgba(245,197,30,.055),
      transparent 25%
    ),
    linear-gradient(
      90deg,
      rgba(8,28,57,.99),
      rgba(5,21,46,.99)
    ) !important;

  border-top:
    1px solid
    rgba(245,197,30,.33) !important;

  border-bottom:
    1px solid
    rgba(246,155,37,.16) !important;
}


.important-notice strong{
  color:
    var(--bh-full-gold) !important;

  text-shadow:
    0 0 13px rgba(245,197,30,.11);
}


.notice-icon{
  background:
    linear-gradient(
      135deg,
      var(--bh-full-gold),
      var(--bh-full-orange)
    ) !important;

  color:
    #152034 !important;

  box-shadow:
    0 0 18px rgba(245,197,30,.10);
}


.important-notice p{
  color:
    #c4d5eb !important;
}


.notice-links a{
  color:
    #dce8f8 !important;
}


.notice-links a:hover{
  color:
    var(--bh-full-cyan) !important;
}


/* =========================================================
   FOOTER
========================================================= */

.site-footer{
  background:
    radial-gradient(
      circle at 12% 22%,
      rgba(32,236,240,.035),
      transparent 28%
    ),
    radial-gradient(
      circle at 86% 16%,
      rgba(115,62,253,.040),
      transparent 29%
    ),
    linear-gradient(
      180deg,
      #020c1a,
      #010812
    ) !important;

  border-top:
    1px solid
    rgba(39,185,253,.18) !important;
}


.site-footer .footer-brand strong,
.site-footer .footer-logo-line strong,
.site-footer .v2c510-brand-gradient{
  background:
    var(--bh-full-brand) !important;

  -webkit-background-clip:
    text !important;

  background-clip:
    text !important;

  color:
    transparent !important;
}


.site-footer .footer-brand p,
.site-footer .footer-brand small,
.site-footer .footer-main p{
  color:
    #aec4df !important;
}


.site-footer .footer-nav a{
  color:
    #d7e6fa !important;
}


.site-footer .footer-nav a:hover{
  color:
    var(--bh-full-cyan) !important;

  text-shadow:
    0 0 12px
    rgba(32,236,240,.13);
}


.site-footer .footer-bottom{
  border-top-color:
    rgba(39,185,253,.12) !important;
}


.site-footer .v2c510-copyright-line{
  color:
    #f1f6ff !important;
}


.site-footer
.v2c510-copyright-line
.v2c510-brand-gradient{
  background:
    var(--bh-full-brand) !important;

  -webkit-background-clip:
    text !important;

  background-clip:
    text !important;

  color:
    transparent !important;
}


/* =========================================================
   ACCESSIBILITY / HIGH-CONTRAST TEXT PROTECTION
========================================================= */

.summary-card strong,
.panel h3,
.capability-card strong,
.eco-card strong,
.important-notice strong,
.site-footer strong{
  text-rendering:
    optimizeLegibility;
}


/* Never make ordinary paragraphs rainbow.
   Brand color is reserved for identity, hierarchy and data.
*/