/* =========================================================
   TYSON TRADES — HOME V2
   Approved cinematic public Home + compact icon rail.
   Uses the SAME approved Tyson logo on every public page.
   ========================================================= */

body.tt-home-v2 {
  --home-bg:#03070c;
  --home-surface:#0a1017;
  --home-surface-2:#0d141d;
  --home-border:rgba(212,175,55,.22);
  --home-gold:#d4af37;
  --home-gold-2:#f0c75e;
  --home-text:#f5f2e9;
  --home-text-2:#c8d0da;
  --home-muted:#8f9baa;
  --home-green:#20ca78;
  --home-blue:#5c91ff;
  --home-orange:#f2a20a;
  margin:0;
  background:
    radial-gradient(circle at 73% 23%,rgba(212,175,55,.055),transparent 25%),
    radial-gradient(circle at 30% 90%,rgba(48,83,120,.04),transparent 28%),
    var(--home-bg);
  color:var(--home-text);
  min-height:100vh;
}
html[data-theme="white"] body.tt-home-v2{
  --home-bg:#f7f5ef;
  --home-surface:#ffffff;
  --home-surface-2:#f2efe7;
  --home-border:rgba(142,101,28,.20);
  --home-gold:#b8862b;
  --home-gold-2:#c99532;
  --home-text:#151a21;
  --home-text-2:#4d5967;
  --home-muted:#747f8d;
  background:
    radial-gradient(circle at 76% 20%,rgba(184,134,43,.09),transparent 30%),
    #f7f5ef;
}

.tt-home-v2 .tt-navbar{
  border-bottom:1px solid var(--home-border);
  background:rgba(3,7,12,.88);
  backdrop-filter:blur(18px);
}
html[data-theme="white"] .tt-home-v2 .tt-navbar{
  background:rgba(247,245,239,.92);
}
.tt-home-v2 .tt-navbar-inner{
  width:min(calc(100% - 58px),1510px);
  height:78px;
}
.tt-home-v2 .tt-brand{
  width:210px;
  height:54px;
  display:flex;
  align-items:center;
}
.tt-home-v2 .tt-brand img{
  width:198px!important;
  height:54px!important;
  object-fit:contain;
  object-position:left center;
}
.tt-home-v2 .tt-brand-wordmark{display:none!important}

.tt-home-v2 .tt-nav{
  gap:7px;
}
.tt-home-v2 .tt-nav a{
  padding:28px 12px 24px;
  color:var(--home-muted);
  font-size:10px;
  letter-spacing:.11em;
  font-weight:800;
}
.tt-home-v2 .tt-nav a:hover{color:var(--home-text)}
.tt-home-v2 .tt-nav a.active{
  color:var(--home-gold-2);
  background:transparent;
}
.tt-home-v2 .tt-nav a.active:after{
  bottom:14px;
  left:11px;right:11px;
  background:var(--home-gold);
  box-shadow:0 0 14px rgba(212,175,55,.7);
}
.tt-home-v2 .tt-nav-actions{gap:8px}
.tt-home-v2 .tt-icon-btn{
  width:43px;height:43px;border-radius:10px;
  color:var(--home-text-2);
  background:var(--home-surface);
  border-color:var(--home-border);
}
.tt-home-v2 .tt-icon-btn:hover{
  color:var(--home-gold-2);
  border-color:rgba(212,175,55,.42);
  box-shadow:0 0 18px rgba(212,175,55,.12);
}
.tt-home-v2 .tt-icon-btn svg{width:20px;height:20px;stroke:currentColor}
.tt-home-v2 .tt-btn{border-color:var(--home-border)}
.tt-home-v2 .tt-profile-chip{
  min-width:132px;
  height:43px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 12px;
  border:1px solid var(--home-border);
  border-radius:10px;
  color:var(--home-text);
  background:var(--home-surface);
  text-decoration:none;
}
.tt-profile-dot{
  width:28px;height:28px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid rgba(212,175,55,.45);
  color:var(--home-gold-2);
  font-size:10px;font-weight:900;
  background:rgba(212,175,55,.06);
}
.tt-profile-copy{display:grid;line-height:1.13}
.tt-profile-name{font-size:10px;font-weight:800}
.tt-profile-role{font-size:8px;color:var(--home-muted);margin-top:3px}

/* Page shell */
.home2-main{position:relative;overflow:hidden}
.home2-shell{
  width:min(calc(100% - 110px),1460px);
  margin:0 auto;
  position:relative;
}
.home2-hero{
  min-height:575px;
  display:grid;
  grid-template-columns:minmax(500px,.88fr) minmax(620px,1.12fr);
  align-items:center;
  position:relative;
}
.home2-copy{
  position:relative;
  z-index:3;
  padding:62px 0 46px 96px;
}
.home2-kicker{
  display:flex;align-items:center;gap:10px;
  color:var(--home-gold-2);
  font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
}
.home2-kicker:before{
  content:"";width:7px;height:7px;border-radius:50%;
  background:var(--home-green);
  box-shadow:0 0 12px var(--home-green);
}
.home2-title{
  margin:22px 0 0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(50px,4.2vw,72px);
  line-height:.99;
  letter-spacing:-.035em;
  font-weight:700;
  max-width:700px;
}
.home2-title .gold{color:var(--home-gold-2)}
.home2-lead{
  max-width:500px;
  margin:22px 0 0;
  color:var(--home-text-2);
  font-size:15px;
  line-height:1.75;
}
.home2-actions{display:flex;gap:12px;margin-top:28px}
.home2-actions .tt-btn{
  min-height:48px;padding:0 22px;border-radius:7px;
  font-size:10px;
}
.home2-actions .tt-btn-primary{
  background:linear-gradient(135deg,#f0c75e,#b97c25);
  color:#080b0f;
  box-shadow:0 12px 32px rgba(184,124,37,.17);
}
.home2-actions .tt-btn-ghost{
  color:var(--home-text);
  background:rgba(11,16,23,.55);
}
html[data-theme="white"] .home2-actions .tt-btn-ghost{background:#fff}

/* ONE approved character only */
.home2-art{
  position:absolute;
  right:-40px;top:8px;
  width:min(58vw,850px);
  height:590px;
  background:url("../img/tyson-hero-approved-dark.png") center center/contain no-repeat;
  z-index:1;
  pointer-events:none;
}
html[data-theme="white"] .home2-art{background-image:url("../img/tyson-home-white-clean.png");}
.home2-art:after{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,var(--home-bg) 0%,rgba(3,7,12,.42) 12%,transparent 38%),
    linear-gradient(0deg,var(--home-bg) 0%,transparent 23%);
  pointer-events:none;
}
html[data-theme="white"] .home2-art:after{
  background:
    linear-gradient(90deg,var(--home-bg) 0%,rgba(247,245,239,.46) 12%,transparent 42%),
    linear-gradient(0deg,var(--home-bg) 0%,transparent 23%);
}

/* Floating icon-only quick rail */
.home2-rail{
  position:fixed;
  left:28px;
  top:50%;
  transform:translateY(-50%);
  z-index:880;
  display:flex;flex-direction:column;gap:7px;
  padding:8px 6px;
  border:1px solid var(--home-border);
  border-radius:16px;
  background:rgba(5,9,14,.72);
  backdrop-filter:blur(15px);
}
html[data-theme="white"] .home2-rail{background:rgba(255,255,255,.76)}
.home2-rail a{
  width:43px;height:43px;
  display:grid;place-items:center;
  border-radius:10px;
  color:var(--home-muted);
  position:relative;
  transition:transform .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease;
}
.home2-rail a img{
  width:21px;height:21px;object-fit:contain;
  opacity:.78;
  transition:transform .18s ease,filter .18s ease,opacity .18s ease;
}
.home2-rail a:hover,.home2-rail a.active{
  color:var(--home-gold-2);
  transform:scale(1.12);
  background:rgba(212,175,55,.10);
  box-shadow:0 0 18px rgba(212,175,55,.18);
}
.home2-rail a:hover img,.home2-rail a.active img{
  transform:scale(1.22);
  opacity:1;
  filter:drop-shadow(0 0 7px rgba(240,199,94,.78));
}
.home2-rail a:after{
  content:attr(data-label);
  position:absolute;left:58px;
  padding:7px 9px;border-radius:7px;
  color:var(--home-text);
  background:var(--home-surface);
  border:1px solid var(--home-border);
  font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  white-space:nowrap;
  opacity:0;pointer-events:none;transform:translateX(-5px);
  transition:.16s ease;
}
.home2-rail a:hover:after{opacity:1;transform:none}

/* Trading-style cards */
.home2-trades{
  position:relative;z-index:4;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin:0 0 18px 66px;
}
.home2-trade{
  min-height:175px;
  padding:22px 22px 15px 120px;
  border:1px solid var(--home-border);
  border-radius:14px;
  background:
    radial-gradient(circle at 20% 10%,rgba(212,175,55,.04),transparent 35%),
    rgba(8,14,21,.89);
  position:relative;overflow:hidden;
}
html[data-theme="white"] .home2-trade{background:rgba(255,255,255,.88)}
.home2-trade .mini-chart{
  position:absolute;left:20px;bottom:15px;width:86px;height:115px;object-fit:contain;
}
.home2-trade .trade-label{
  font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;
}
.home2-trade.scalp .trade-label{color:var(--home-green)}
.home2-trade.intraday .trade-label{color:var(--home-blue)}
.home2-trade.swing .trade-label{color:var(--home-orange)}
.home2-trade h3{
  font-family:Georgia,"Times New Roman",serif;
  font-size:25px;margin:12px 0 8px;
}
.home2-trade p{margin:0;color:var(--home-text-2);font-size:12.5px;line-height:1.6}

/* Feature strip */
.home2-features{
  position:relative;z-index:4;
  margin:0 0 38px 66px;
  padding:18px 22px;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  border:1px solid var(--home-border);border-radius:14px;
  background:rgba(8,14,21,.82);
}
html[data-theme="white"] .home2-features{background:rgba(255,255,255,.88)}
.home2-feature{
  display:flex;align-items:center;gap:14px;
  padding:4px 18px;
  border-right:1px solid var(--home-border);
}
.home2-feature:last-child{border-right:0}
.home2-feature-icon{
  width:42px;height:42px;border-radius:11px;
  display:grid;place-items:center;
  border:1px solid rgba(212,175,55,.25);
  background:rgba(212,175,55,.07);
  color:var(--home-gold-2);
  font-size:17px;
}
.home2-feature strong{
  display:block;font-size:11px;letter-spacing:.03em;
}
.home2-feature span{
  display:block;color:var(--home-muted);font-size:10px;margin-top:4px;
}

/* Public nav responsiveness */
@media(max-width:1250px){
  .home2-shell{width:min(calc(100% - 55px),1120px)}
  .home2-copy{padding-left:58px}
  .home2-hero{grid-template-columns:1fr 1fr}
  .home2-art{right:-150px}
}
@media(max-width:940px){
  .home2-rail{display:none}
  .home2-shell{width:min(calc(100% - 28px),850px)}
  .home2-hero{display:flex;flex-direction:column;min-height:auto}
  .home2-art{
    position:relative;order:0;right:auto;top:auto;
    width:100%;height:385px;
    background-position:center top;
  }
  .home2-copy{
    order:1;padding:0 10px 34px;text-align:center;margin-top:-58px;
  }
  .home2-kicker{justify-content:center}
  .home2-title{margin-inline:auto;font-size:50px}
  .home2-lead{margin-inline:auto}
  .home2-actions{justify-content:center}
  .home2-trades,.home2-features{margin-left:0}
  .home2-trades{grid-template-columns:1fr}
  .home2-features{grid-template-columns:1fr 1fr}
  .home2-feature:nth-child(2){border-right:0}
}
@media(max-width:620px){
  .tt-home-v2 .tt-navbar-inner{width:calc(100% - 20px);height:66px}
  .tt-home-v2 .tt-brand{width:156px;height:44px}
  .tt-home-v2 .tt-brand img{width:152px!important;height:44px!important}
  .tt-home-v2 .tt-nav-actions .tt-profile-chip{display:none}
  .home2-art{height:300px}
  .home2-copy{margin-top:-40px}
  .home2-title{font-size:40px}
  .home2-lead{font-size:13.5px}
  .home2-actions{flex-direction:column}
  .home2-actions .tt-btn{width:100%}
  .home2-trade{padding-left:106px;min-height:155px}
  .home2-trade .mini-chart{width:72px}
  .home2-features{grid-template-columns:1fr}
  .home2-feature{border-right:0;border-bottom:1px solid var(--home-border)}
  .home2-feature:last-child{border-bottom:0}
}


/* 02 cleanup: there must be ONE left rail on Home only. */
.tt-home-v2 > .tt-rail,
.tt-home-v2 #siteRail{display:none!important}

/* Light hero readability / richer navy contrast */
html[data-theme="white"] .home2-title{color:#0b1627}
html[data-theme="white"] .home2-title .gold{color:#b47a19}
html[data-theme="white"] .home2-lead{color:#41526a}
html[data-theme="white"] .home2-kicker{color:#a96f13}
html[data-theme="white"] .home2-art{
  opacity:1;
  filter:drop-shadow(0 18px 42px rgba(25,43,72,.08));
}
html[data-theme="white"] .home2-art:after{
  background:
    linear-gradient(90deg,#f7f5ef 0%,rgba(247,245,239,.34) 10%,transparent 35%),
    linear-gradient(0deg,#f7f5ef 0%,rgba(247,245,239,.12) 23%,transparent 45%);
}
html[data-theme="white"] .home2-trade h3,
html[data-theme="white"] .home2-feature strong{color:#13213a}
html[data-theme="white"] .home2-trade p,
html[data-theme="white"] .home2-feature span{color:#53657c}


/* ===== 03 LIGHT HOME — MATCH APPROVED REFERENCE ===== */
html[data-theme="white"] body.tt-home-v2{
  --home-bg:#f9f8f3;
  --home-surface:#ffffff;
  --home-surface-2:#f5f2e9;
  --home-border:rgba(148,111,47,.23);
  --home-gold:#b98122;
  --home-gold-2:#c99132;
  --home-text:#0b172a;
  --home-text-2:#40516a;
  --home-muted:#68778a;
  background:
    radial-gradient(circle at 74% 30%,rgba(201,145,50,.075),transparent 31%),
    #f9f8f3!important;
}
html[data-theme="white"] .home2-art{
  width:min(57vw,840px);
  height:570px;
  background-size:cover!important;
  background-position:center 44%!important;
  opacity:1!important;
  filter:none!important;
  border-radius:0;
}
html[data-theme="white"] .home2-art:after{
  background:
    linear-gradient(90deg,#f9f8f3 0%,rgba(249,248,243,.92) 7%,rgba(249,248,243,.28) 25%,transparent 46%),
    linear-gradient(0deg,#f9f8f3 0%,rgba(249,248,243,.72) 6%,transparent 30%)!important;
}
html[data-theme="white"] .home2-title{
  color:#0b172a!important;
  text-shadow:none!important;
}
html[data-theme="white"] .home2-title .gold{color:#bd8125!important}
html[data-theme="white"] .home2-lead{color:#3f5069!important}
html[data-theme="white"] .home2-kicker{color:#a86f17!important}
html[data-theme="white"] .home2-trade,
html[data-theme="white"] .home2-features{
  background:rgba(255,255,255,.92)!important;
  border-color:rgba(148,111,47,.20)!important;
  box-shadow:0 12px 34px rgba(28,44,66,.045);
}


/* ============================================================
   04 — HOME WHITE + CLASSIC
   ============================================================ */

/* WHITE: stronger separation, cleaner character scene */
html[data-theme="white"] body.tt-home-v2{
  --home-bg:#f4f6fa;
  --home-surface:#ffffff;
  --home-surface-2:#f8fafc;
  --home-border:rgba(48,72,108,.17);
  --home-gold:#b77a17;
  --home-gold-2:#c78c28;
  --home-text:#07182f;
  --home-text-2:#415775;
  --home-muted:#6c7b90;
  background:
    radial-gradient(circle at 76% 28%,rgba(193,137,42,.06),transparent 26%),
    radial-gradient(circle at 38% 82%,rgba(50,89,170,.035),transparent 28%),
    #f4f6fa!important;
}
html[data-theme="white"] .home2-art{
  width:min(55vw,820px)!important;
  height:560px!important;
  background-image:url("../img/tyson-home-white-clean.png")!important;
  background-size:cover!important;
  background-position:center center!important;
  opacity:.97!important;
}
html[data-theme="white"] .home2-art:after{
  background:
    linear-gradient(90deg,#f4f6fa 0%,rgba(244,246,250,.96) 5%,rgba(244,246,250,.36) 26%,transparent 47%),
    linear-gradient(0deg,#f4f6fa 0%,rgba(244,246,250,.78) 6%,transparent 31%)!important;
}
html[data-theme="white"] .home2-title{color:#07182f!important}
html[data-theme="white"] .home2-title .gold{color:#bd8121!important}
html[data-theme="white"] .home2-lead{color:#405673!important}
html[data-theme="white"] .home2-trade,
html[data-theme="white"] .home2-features{
  background:#fff!important;
  border-color:#d9e0ea!important;
  box-shadow:0 14px 36px rgba(26,48,82,.065)!important;
}
html[data-theme="white"] .home2-rail{
  background:rgba(255,255,255,.92)!important;
  border-color:#d6dee9!important;
  box-shadow:0 12px 30px rgba(29,49,79,.08);
}
html[data-theme="white"] .home2-rail a{color:#475d7a}
html[data-theme="white"] .home2-rail a:hover,
html[data-theme="white"] .home2-rail a.active{
  color:#b77a17;
  background:#fff8e8!important;
  box-shadow:0 0 18px rgba(190,127,28,.12);
}

/* CLASSIC — the YouTube thumbnail identity as a usable UI theme */
html[data-theme="classic"] body.tt-home-v2{
  --home-bg:#030715;
  --home-surface:#081225;
  --home-surface-2:#0c1830;
  --home-border:rgba(62,93,160,.36);
  --home-gold:#d4af37;
  --home-gold-2:#f0c75e;
  --home-text:#ffffff;
  --home-text-2:#c6d2e5;
  --home-muted:#8291aa;
  --home-blue:#4774ff;
  background:
    radial-gradient(circle at 75% 26%,rgba(47,78,198,.22),transparent 30%),
    radial-gradient(circle at 50% 55%,rgba(212,175,55,.045),transparent 34%),
    #030715!important;
}
html[data-theme="classic"] .home2-art{
  filter:saturate(.82) contrast(1.08) brightness(.82);
}
html[data-theme="classic"] .home2-art:after{
  background:
    linear-gradient(90deg,#030715 0%,rgba(3,7,21,.62) 15%,transparent 42%),
    linear-gradient(0deg,#030715 0%,transparent 25%),
    radial-gradient(circle at 58% 42%,rgba(50,83,219,.15),transparent 48%)!important;
}
html[data-theme="classic"] .home2-title{
  color:#fff!important;
  text-shadow:0 4px 28px rgba(0,0,0,.26);
}
html[data-theme="classic"] .home2-title .gold:first-of-type{
  color:#5278ff!important;
  text-shadow:0 0 25px rgba(65,104,255,.20);
}
html[data-theme="classic"] .home2-title .gold:last-of-type{
  color:#f0c75e!important;
}
html[data-theme="classic"] .home2-kicker{color:#f0c75e!important}
html[data-theme="classic"] .home2-lead{color:#c1cde0!important}
html[data-theme="classic"] .home2-trade,
html[data-theme="classic"] .home2-features{
  background:linear-gradient(145deg,rgba(8,18,37,.94),rgba(7,15,31,.90))!important;
  border-color:#263b6b!important;
  box-shadow:0 15px 40px rgba(0,0,0,.20);
}
html[data-theme="classic"] .home2-trade.intraday{
  border-color:rgba(71,116,255,.45)!important;
}
html[data-theme="classic"] .home2-rail{
  background:rgba(5,12,27,.86)!important;
  border-color:#263b6b!important;
}
html[data-theme="classic"] .home2-rail a:hover,
html[data-theme="classic"] .home2-rail a.active{
  color:#f0c75e!important;
  background:rgba(61,99,230,.13)!important;
  box-shadow:0 0 20px rgba(55,93,227,.18)!important;
}