/* Altward hero — rolling real QQQ3 period with real-operation markers */
.hero.hero-livechart{position:relative;min-height:660px;background:#061821;color:#fff;isolation:isolate;overflow:hidden}
.hero-chart-bg{position:absolute;inset:0;z-index:0;opacity:.92;pointer-events:none}
.hero-candles{position:absolute;inset:-8px -14px -14px -14px;opacity:1;background:linear-gradient(180deg,rgba(7,28,38,.18),rgba(4,20,28,.035));transition:opacity .35s ease}
.hero-candles.chart-failed{background-image:linear-gradient(rgba(92,165,170,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(92,165,170,.05) 1px,transparent 1px);background-size:64px 64px}
.hero-candles canvas{filter:saturate(.90) brightness(.94) contrast(1.04)}

.hero-chart-shade{position:absolute;inset:0;z-index:1;background:
  linear-gradient(90deg,rgba(3,16,23,.87) 0%,rgba(3,16,23,.76) 24%,rgba(4,18,26,.52) 47%,rgba(4,18,26,.25) 69%,rgba(4,18,26,.35) 100%),
  linear-gradient(180deg,rgba(3,15,22,.08) 0%,rgba(3,15,22,.015) 47%,rgba(3,15,22,.61) 100%)}
.hero-live-inner{position:relative;z-index:3;min-height:660px;display:grid;grid-template-columns:minmax(560px,1fr) 330px;gap:58px;padding:70px 0;align-items:center}
.hero-live-copy{max-width:700px}
.hero-livechart .eyebrow{color:#63e4c9;font-size:11px;letter-spacing:.2em;margin-bottom:16px}
.hero-livechart h1{font-size:clamp(52px,5.35vw,74px);line-height:.98;letter-spacing:-.055em;margin:0 0 20px;max-width:720px;text-shadow:0 4px 28px rgba(0,0,0,.22)}
.hero-livechart h1 span{color:#20d1a9}
.hero-livechart .hero-sub{font-size:18px;line-height:1.45;margin-bottom:12px;color:#f3f8f9}
.hero-livechart .lead{font-size:17px;line-height:1.65;max-width:640px;color:#cbdadf}
.hero-livechart .actions{margin-top:26px}
.hero-livechart .hero-quote{font-size:13.5px;line-height:1.55;margin-top:22px;color:#b9c9cf}

.hero-live-message{align-self:center;justify-self:end;width:min(100%,320px);padding:26px 27px 23px;border-radius:20px;background:rgba(3,20,28,.40);border:1px solid rgba(103,226,200,.20);backdrop-filter:blur(12px) saturate(1.08);box-shadow:0 24px 70px rgba(0,0,0,.18);text-align:left}
.hero-live-label{font-size:9.5px;letter-spacing:.18em;color:#6fe3ca;font-weight:800;margin-bottom:19px}
.hero-live-words{display:grid;gap:8px;color:#e6f0f2}
.hero-live-words span{display:flex;align-items:baseline;justify-content:space-between;gap:18px;font-size:10px;letter-spacing:.12em;color:#a8bbc1;font-weight:700}
.hero-live-words b{color:#fff;font-size:10.5px;letter-spacing:.09em;font-weight:800}
.hero-live-rule{width:46px;height:2px;background:linear-gradient(90deg,#23d6ad,transparent);margin:20px 0 17px}
.hero-live-message strong{display:block;font-size:14px;line-height:1.2;letter-spacing:.12em;color:#93aab1}
.hero-live-message strong em{display:block;margin-top:5px;font-style:normal;color:#fff;font-size:16px;line-height:1.2;letter-spacing:.035em}
.hero-chart-credit{display:block;margin-top:16px;color:#90a8b0;font-size:9.3px!important;line-height:1.55;letter-spacing:.02em}
.hero-livechart:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(85,225,195,.23),transparent);z-index:4}

@media(max-width:1080px){
  .hero-live-inner{grid-template-columns:minmax(0,1fr) 285px;gap:38px}
}
@media(max-width:900px){
  .hero.hero-livechart{min-height:auto}
  .hero-live-inner{grid-template-columns:1fr;min-height:640px;align-content:center;gap:28px;padding:56px 0 44px}
  .hero-live-copy{max-width:760px}
  .hero-live-message{justify-self:start;width:300px;padding:21px 23px}
  .hero-chart-shade{background:
    linear-gradient(90deg,rgba(3,16,23,.86),rgba(3,16,23,.65) 58%,rgba(3,16,23,.40)),
    linear-gradient(180deg,rgba(3,15,22,.07),rgba(3,15,22,.62))}
  .hero-candles{inset:-8px -70px -12px -70px}
}
@media(max-width:620px){
  .hero-live-inner{min-height:590px;padding:46px 0 34px;gap:24px}
  .hero-livechart h1{font-size:clamp(42px,12.5vw,55px)}
  .hero-livechart .hero-sub{font-size:16px}
  .hero-livechart .lead{font-size:15.5px}
  .hero-live-message{width:100%;max-width:none;padding:18px 20px;border-radius:16px}
  .hero-live-label{margin-bottom:14px}
  .hero-live-message strong em{font-size:14px}
  .hero-chart-credit{font-size:8.8px!important}
  .hero-chart-bg{opacity:.78}
  .hero-candles{inset:-6px -110px -10px -120px}
}
@media(prefers-reduced-motion:reduce){
  .hero-candles{opacity:1;transition:none}
}