:root { --ink:#eaf7ed; --muted:#9db8a6; --green:#4bea91; --green-bright:#65f0a0; --deep:#031d14; --panel:#06261a; --line:rgba(137,226,165,.2); --gold:#e6bd6d; font-family:"Aptos Display","Segoe UI Variable",Bahnschrift,sans-serif; color-scheme:dark; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:#02180f; color:var(--ink); min-width:320px; } a { color:inherit; text-decoration:none; } button { font:inherit; } main { overflow:hidden; background:radial-gradient(circle at 70% 4%,rgba(58,137,90,.21),transparent 24rem),#031b12; }
.nav-shell { height:57px; padding:0 clamp(22px,5vw,76px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); position:relative; z-index:5; background:rgba(2,24,15,.9); backdrop-filter:blur(18px); }
.brand { display:flex; align-items:center; gap:11px; font:800 clamp(22px,2vw,28px)/1 Bahnschrift,"Arial Narrow",sans-serif; letter-spacing:-1px; white-space:nowrap; } .brand svg { width:42px; height:40px; fill:none; stroke:var(--green); stroke-linecap:round; stroke-linejoin:round; stroke-width:3; } .brand .brand-trend { stroke:#80ffb1; stroke-width:2.5; }
.nav-links { display:flex; align-items:center; gap:clamp(22px,3.2vw,54px); margin-left:40px; font-weight:650; } .nav-links a { color:#dbece0; font-size:14px; transition:color .2s ease; } .nav-links a:hover { color:var(--green); } .nav-actions { display:flex; align-items:center; gap:22px; } .market-pill { border:1px solid var(--line); color:#b9d3c1; padding:9px 14px; border-radius:999px; font-size:11px; text-transform:uppercase; letter-spacing:.7px; display:flex; align-items:center; gap:7px; white-space:nowrap; } .market-pill i,.live-dot { width:9px; height:9px; background:var(--green); box-shadow:0 0 12px var(--green); border-radius:50%; display:inline-block; } .market-pill b { margin-left:8px; color:var(--green); } .nav-sign-in { border:1px solid var(--green); border-radius:8px; padding:11px 17px; color:var(--green); font-size:14px; font-weight:700; white-space:nowrap; } .nav-sign-in span { font-size:17px; margin-left:6px; }
.hero { min-height:430px; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(530px,.9fr); align-items:center; gap:28px; padding:clamp(40px,5vw,66px) clamp(22px,5vw,76px) 32px; position:relative; isolation:isolate; overflow:hidden; border-bottom:1px solid var(--line); background:#031b12; }
.hero::before { content:""; position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,rgba(2,24,15,.88) 0%,rgba(2,24,15,.58) 42%,rgba(2,24,15,.14) 74%,rgba(2,24,15,.5) 100%),linear-gradient(0deg,rgba(2,24,15,.54),transparent 52%),url("/landing-assets/assets/market-valley.png") 38% 12% / cover no-repeat; }
.hero::after { content:""; position:absolute; inset:0; z-index:-1; background-image:radial-gradient(circle at 50% 25%,rgba(255,222,135,.96) 0 10px,rgba(255,206,97,.4) 11px 22px,rgba(255,206,97,.12) 23px 46px,transparent 47px),linear-gradient(rgba(99,224,141,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(99,224,141,.06) 1px,transparent 1px); background-size:auto,48px 48px,48px 48px; background-repeat:no-repeat,repeat,repeat; mask-image:linear-gradient(90deg,black,transparent 58%); pointer-events:none; }
.hero-copy,.market-console { grid-row:1; }.hero-ticker-field,.hero>.sr-only { display:none; }
.ticker-row { position:absolute; inset:6px 0; display:flex; }.ticker-row-two,.ticker-row-three { display:none; }
.ticker-track { display:flex; width:max-content; animation:ticker-left 38s linear infinite; }.ticker-set { display:flex; flex:none; align-items:center; gap:10px; padding:0 5px; }.ticker-chip { min-width:max-content; border:1px solid; border-radius:5px; padding:8px 10px; background:#041e14; font:800 10px/1 Bahnschrift,"Arial Narrow",sans-serif; letter-spacing:.35px; box-shadow:0 4px 12px rgba(0,0,0,.18); }.ticker-chip::before { content:"▲"; margin-right:5px; font-size:8px; }.ticker-chip b { margin-left:6px; font-size:11px; }.ticker-chip.up { color:#8bffb9; border-color:rgba(78,234,145,.52); }.ticker-chip.down { color:#ff8b84; border-color:rgba(255,110,101,.5); }.ticker-chip.down::before { content:"▼"; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@keyframes ticker-left { from { transform:translateX(0); } to { transform:translateX(-50%); } } @keyframes ticker-right { from { transform:translateX(-50%); } to { transform:translateX(0); } }
.hero-copy { position:relative; z-index:1; align-self:center; max-width:680px; } .eyebrow { color:var(--green); font-size:11px; font-weight:800; letter-spacing:2px; text-transform:uppercase; margin:0 0 15px; } h1,h2,p { margin-top:0; } h1 { max-width:620px; font-size:clamp(48px,5.5vw,79px); line-height:.98; letter-spacing:-3.5px; margin-bottom:22px; } h1 em { color:var(--green); font-style:normal; } .hero-summary { color:#d0e0d5; font-size:clamp(17px,1.55vw,23px); line-height:1.42; max-width:650px; } .hero-actions { display:flex; gap:15px; margin-top:28px; }.button { display:inline-flex; align-items:center; justify-content:center; gap:16px; min-height:52px; padding:0 22px; border-radius:8px; font-weight:800; transition:transform .2s ease,box-shadow .2s ease; } .button:hover { transform:translateY(-2px); } .button.primary { color:#032317; background:linear-gradient(105deg,#55e88b,#78f5aa); box-shadow:0 10px 28px rgba(61,230,130,.18); } .button.primary span { font-size:23px; line-height:0; } .button.ghost { border:1px solid var(--green); color:#eefaf0; } .play { border:1px solid currentColor; width:24px; height:24px; display:inline-grid; place-items:center; border-radius:50%; font-size:10px; }
.market-console { position:relative; z-index:1; align-self:center; border:1px solid rgba(108,216,145,.42); border-radius:12px; background:linear-gradient(145deg,rgba(2,28,18,.96),rgba(4,22,15,.91)); box-shadow:0 22px 70px rgba(0,0,0,.3); padding:15px 19px 16px; } .market-console header { padding-bottom:12px; display:flex; align-items:center; gap:8px; border-bottom:1px solid var(--line); font-size:11px; text-transform:uppercase; letter-spacing:1px; color:var(--green); } .market-console header small { margin-left:auto; color:#8fa99a; letter-spacing:0; text-transform:none; }.console-main { display:grid; grid-template-columns:1fr 1fr 1.08fr; padding:14px 0; }.index-tile { padding:0 14px; border-right:1px solid var(--line); }.index-tile:first-child { padding-left:0; }.index-tile span,.leadership p { color:#b5cbbd; text-transform:uppercase; letter-spacing:.8px; font-size:10px; }.index-tile strong { display:block; margin-top:8px; font-size:23px; letter-spacing:-1px; }.index-tile strong b { color:var(--green); font-size:12px; margin-left:5px; }.positive,.leadership b,.signal-log b { color:var(--green); }.index-tile small { display:block; font-size:11px; font-weight:700; margin:7px 0; }.index-tile svg { width:100%; height:36px; }.index-tile path { fill:none; stroke:var(--green); stroke-width:2.2; }.leadership { padding-left:17px; }.leadership p { color:var(--gold); margin:0 0 5px; }.leadership div { display:flex; justify-content:space-between; font-size:12px; padding:3px 0; }.leadership b { font-size:11px; }.signal-log { border-top:1px solid var(--line); padding-top:10px; }.signal-heading { text-transform:uppercase; color:#cce7d2; letter-spacing:.8px; font-size:10px; font-weight:800; margin-bottom:5px; }.signal-heading button { color:var(--green); background:none; border:0; float:right; text-transform:uppercase; font-size:10px; font-weight:800; cursor:pointer; }.signal-log>div:not(.signal-heading) { display:grid; grid-template-columns:64px 72px 1fr auto; align-items:center; gap:8px; padding:6px 0; font-size:11px; }.signal-log span { text-align:center; padding:4px; border-radius:999px; text-transform:uppercase; font-size:9px; font-weight:900; }.signal-buy { background:#147b45;color:#a9ffd0; }.signal-hold { background:#735728;color:#ffdd81; }.signal-watch { background:#53625b;color:#d0dbd5; }.signal-log small { color:#a8beb0; }
.stats-band { padding:18px clamp(22px,5vw,76px); display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid var(--line); background:#042116; }.stats-band article { min-height:59px; display:flex; align-items:center; justify-content:center; gap:16px; border-right:1px solid var(--line); }.stats-band article:last-child { border:0; }.stat-icon { color:var(--green); font:42px/1 Bahnschrift,sans-serif; }.stat-icon.bars { font-size:38px; }.stat-icon.bolt { font-size:48px; }.stats-band strong { display:block; font-size:25px; letter-spacing:-1px; }.stats-band small { color:#b7ccbc; font-size:12px; }
.feature-section { padding:32px clamp(22px,5vw,76px) 12px; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.feature-card { min-height:178px; padding:24px; border:1px solid var(--line); border-radius:10px; background:linear-gradient(140deg,#082d1e,#062218); display:grid; grid-template-columns:52px 1fr 36px; gap:15px; position:relative; overflow:hidden; }.feature-card::after { content:""; position:absolute; inset:auto -20px -40px auto; width:170px; height:110px; background:repeating-linear-gradient(90deg,transparent 0 17px,rgba(71,234,139,.1) 18px 19px),linear-gradient(20deg,transparent 45%,rgba(78,238,145,.17)); opacity:.65; }.feature-icon { width:44px; height:44px; display:grid; place-items:center; border-radius:10px; color:var(--green); background:rgba(74,235,142,.08); font-size:29px; }.feature-card h2 { margin:0 0 8px; font-size:20px; letter-spacing:-.6px; }.feature-card p { color:#bed2c4; font-size:13px; line-height:1.45; margin:0 0 14px; }.tags { display:flex; flex-wrap:wrap; gap:6px; }.tags span { border:1px solid var(--line); background:#082b1e; border-radius:999px; padding:5px 8px; color:#ccdfd1; font-size:10px; }.feature-card>a { width:34px; height:34px; border-radius:50%; display:grid; place-items:center; position:relative; z-index:1; border:1px solid var(--line); color:var(--green); font-size:20px; }
.sector-panel { margin:14px clamp(22px,5vw,76px) 0; padding:28px; border:1px solid var(--line); border-radius:10px; background:linear-gradient(120deg,#092b1e,#061f15); display:grid; grid-template-columns:310px 1fr; gap:30px; }.sector-panel h2,.method-section h2 { font-size:31px; letter-spacing:-1.5px; margin:0 0 14px; }.sector-intro>p:last-child,.method-copy>p:last-child { color:#b9cec0; line-height:1.5; font-size:15px; }.sector-chart-area { min-width:0; }.sector-chip-row { display:flex; gap:8px; overflow-x:auto; padding-bottom:12px; }.sector-chip-row button { color:#d8e8dc; border:1px solid var(--line); background:#08271b; min-width:66px; padding:7px 12px; border-radius:999px; font-size:11px; cursor:pointer; white-space:nowrap; }.sector-chip-row button.active { color:#042617; background:var(--green); border-color:var(--green); font-weight:800; }.chart-meta { display:flex; align-items:center; justify-content:space-between; padding:3px 5px 0; font-size:12px; color:#bcd1c3; }.chart-meta strong { padding:4px 8px; color:#042719; background:var(--green); font-size:11px; border-radius:4px; }.sector-chart-area svg { width:100%; height:auto; display:block; overflow:visible; }.grid path { stroke:rgba(154,208,171,.15); stroke-width:1; }.curve { fill:none; stroke:var(--green); stroke-width:3.5; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 0 5px rgba(73,235,140,.38)); transition:d .35s ease; }.chart-dates { display:flex; justify-content:space-between; color:#83a490; font-size:10px; }
.method-section { padding:78px clamp(22px,9vw,180px); display:grid; grid-template-columns:1fr 1fr; gap:80px; }.method-copy h2 { font-size:clamp(34px,4vw,58px); line-height:1.02; }.method-section ol { list-style:none; padding:0; margin:0; display:grid; gap:7px; }.method-section li { display:grid; grid-template-columns:55px 1fr; gap:12px; padding:18px 0; border-bottom:1px solid var(--line); }.method-section li span { color:var(--green); font-size:13px; font-weight:900; }.method-section li strong { font-size:20px; }.method-section li p { color:#b7cbbd; margin:6px 0 0; font-size:14px; }
.closing-cta { margin:0 clamp(22px,5vw,76px) 48px; padding:31px clamp(20px,4vw,54px); border:1px solid rgba(86,236,145,.4); border-radius:12px; background:radial-gradient(circle at 80% 100%,rgba(28,122,66,.38),transparent 26rem),#073020; display:flex; align-items:center; justify-content:space-between; gap:30px; }.closing-cta>div { display:flex; align-items:center; gap:20px; }.target-mark { color:var(--green); font-size:54px; }.closing-cta h2 { margin:0 0 7px; font-size:clamp(26px,3vw,42px); letter-spacing:-1.5px; }.closing-cta p { color:#c1d5c6; margin:0; max-width:760px; line-height:1.5; }.closing-cta aside { display:grid; gap:14px; justify-items:end; text-align:right; }.closing-cta small { color:#a9c1b0; font-size:10px; line-height:1.4; }
.reveal { animation:rise-in .7s both; } .market-console.reveal { animation-delay:.12s; } @keyframes rise-in { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:none; } }
@media (max-width:1050px) { .nav-links { gap:20px; margin-left:15px; }.hero { grid-template-columns:1fr; }.hero-copy,.market-console { grid-row:auto; }.market-console { max-width:720px; width:100%; }.sector-panel { grid-template-columns:1fr; }.sector-intro { display:grid; grid-template-columns:1fr 1fr; gap:15px; }.sector-intro .eyebrow { grid-column:1/-1; margin:0; }.method-section { padding-inline:8vw; gap:40px; } }
@media (max-width:760px) { .nav-shell { height:50px; padding-inline:18px; }.brand { font-size:21px; }.brand svg { width:32px; }.nav-links,.market-pill { display:none; }.nav-actions { margin-left:auto; }.nav-sign-in { padding:8px 11px; }.hero { padding:42px 22px 26px; min-height:auto; background-size:auto; }.hero::before { background-position:60% center; }.hero::after { background-size:32px 32px; }.hero-copy h1 { font-size:50px; letter-spacing:-2.5px; }.hero-summary { font-size:17px; }.hero-actions { flex-direction:column; align-items:stretch; }.market-console { padding:13px; }.console-main { grid-template-columns:1fr 1fr; }.leadership { grid-column:1/-1; padding:14px 0 0; margin-top:10px; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr; column-gap:20px; }.leadership p { grid-column:1/-1; }.signal-log>div:not(.signal-heading) { grid-template-columns:56px 66px 1fr; }.signal-log small { display:none; }.stats-band { grid-template-columns:1fr 1fr; gap:13px 0; }.stats-band article { justify-content:flex-start; padding-left:9px; }.stats-band article:nth-child(2) { border-right:0; }.feature-section { grid-template-columns:1fr; }.sector-panel { margin-inline:14px; padding:21px; }.sector-intro { display:block; }.method-section { grid-template-columns:1fr; padding:58px 26px; }.closing-cta { margin:0 14px 22px; display:block; }.closing-cta>div { align-items:flex-start; }.closing-cta aside { justify-items:stretch; text-align:left; margin-top:20px; }.closing-cta .button { width:100%; } }
.hero { min-height:215px; padding-top:24px; padding-bottom:22px; }.hero h1 { font-size:clamp(31px,3.4vw,46px); line-height:.96; margin-bottom:10px; }.hero .eyebrow { margin-bottom:7px; font-size:9px; }.hero-summary { max-width:480px; font-size:14px; line-height:1.3; margin-bottom:0; }.hero-actions { margin-top:13px; }.hero .button { min-height:39px; padding-inline:14px; font-size:12px; }.market-console { width:100%; max-width:520px; justify-self:end; margin-right:-24px; padding:8px 11px 9px; }.market-console header { padding-bottom:6px; font-size:8px; }.console-main { padding:7px 0; }.index-tile { padding-inline:8px; }.index-tile strong { margin-top:4px; font-size:16px; }.index-tile small { margin:3px 0; font-size:8px; }.index-tile svg { height:21px; }.leadership { padding-left:10px; }.leadership div { padding:1px 0; font-size:9px; }.leadership p { margin-bottom:2px; }.signal-log { padding-top:5px; }.signal-heading { margin-bottom:1px; }.signal-log>div:not(.signal-heading) { padding:2px 0; font-size:8px; }.signal-log span { padding:2px; font-size:7px; }.negative { color:#ff8b84; }
.nav-sign-in { border-color:var(--line); border-radius:999px; padding:9px 14px; color:#b9d3c1; background:rgba(2,24,15,.62); font-size:11px; font-weight:800; letter-spacing:.7px; text-transform:uppercase; display:flex; align-items:center; gap:7px; }.nav-sign-in::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 10px var(--green); }.nav-sign-in span { color:var(--green); font-size:14px; margin-left:2px; }
.market-pill.closed { color:#ffb0aa; border-color:rgba(255,127,120,.35); }.market-pill.closed i { background:#ff7f78; box-shadow:0 0 10px #ff7f78; }
.stats-band { padding:6px clamp(22px,5vw,76px); }.stats-band article { min-height:34px; gap:10px; }.stat-icon { width:28px; height:28px; display:grid; place-items:center; color:var(--green); font-size:0; }.stat-icon svg { width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }.stat-icon.bars,.stat-icon.bolt { font-size:0; }.stats-band strong { font-size:20px; line-height:1; }.stats-band small { font-size:9px; line-height:1.2; }
.market-pill i,.nav-sign-in::before { animation:status-pulse 2.4s ease-in-out infinite; }.hero::before { animation:hero-scene 16s ease-in-out infinite alternate; }.market-console { overflow:hidden; }.market-console::after { content:""; position:absolute; inset:-70% 42% auto -35%; height:210%; pointer-events:none; transform:rotate(18deg) translateX(-140%); background:linear-gradient(90deg,transparent,rgba(113,245,167,.08),transparent); animation:console-sheen 9s ease-in-out infinite; }.feature-card { transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease; }.feature-card:hover { transform:translateY(-5px); border-color:rgba(78,234,145,.48); box-shadow:0 16px 30px rgba(0,0,0,.22); }.stats-band article { transition:background .25s ease; }.stats-band article:hover { background:rgba(70,226,132,.055); }.motion-target { opacity:0; transform:translateY(18px); transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1); }.motion-target.in-view { opacity:1; transform:none; }.motion-target:nth-child(2) { transition-delay:.08s; }.motion-target:nth-child(3) { transition-delay:.16s; }
@keyframes status-pulse { 0%,100% { opacity:.72; transform:scale(.86); } 50% { opacity:1; transform:scale(1.12); } } @keyframes hero-scene { from { background-position:38% 12%; } to { background-position:42% 16%; } } @keyframes console-sheen { 0%,62%,100% { transform:rotate(18deg) translateX(-140%); } 78% { transform:rotate(18deg) translateX(260%); } }
.feature-icon svg { width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
@media (max-width:1050px) { .market-console { margin-right:0; } }

/* The hero is intentionally tall on desktop so the valley is part of the page, not a cropped texture. */
@media (min-width:1051px) {
  .hero { min-height:620px; grid-template-columns:minmax(0,.86fr) minmax(620px,1.14fr); gap:42px; padding:74px clamp(52px,5.2vw,100px) 66px; }
  .hero::before { animation:none; background:linear-gradient(90deg,rgba(2,22,14,.94) 0%,rgba(2,22,14,.78) 31%,rgba(2,22,14,.18) 54%,rgba(2,22,14,.58) 100%),linear-gradient(0deg,rgba(2,20,13,.55),transparent 48%),url("/landing-assets/assets/hero-valley-v2.png") center center / cover no-repeat; }
  .hero::after { background-image:linear-gradient(rgba(99,224,141,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(99,224,141,.055) 1px,transparent 1px); background-size:56px 56px; background-repeat:repeat; mask-image:linear-gradient(90deg,black,transparent 68%); }
  .hero-copy { max-width:650px; align-self:center; }
  .hero h1 { max-width:650px; font-size:clamp(55px,4.55vw,76px); line-height:.96; letter-spacing:-3.8px; margin-bottom:22px; }
  .hero .eyebrow { margin-bottom:16px; font-size:11px; }
  .hero-summary { max-width:610px; font-size:19px; line-height:1.4; }
  .hero-actions { margin-top:29px; }
  .hero .button { min-height:52px; padding-inline:22px; font-size:14px; }
  .market-console { width:100%; max-width:760px; margin-right:0; padding:19px 22px 20px; border-radius:16px; background:linear-gradient(145deg,rgba(2,28,18,.93),rgba(2,18,12,.9)); box-shadow:0 30px 70px rgba(0,0,0,.38); }
  .market-console header { padding-bottom:14px; font-size:11px; }
  .console-index-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding:17px 0; }
  .market-console .index-tile { min-height:150px; padding:16px 18px 11px; border:1px solid rgba(105,223,151,.2); border-radius:10px; background:rgba(2,34,21,.44); }
  .market-console .index-tile:first-child { padding-left:18px; }
  .market-console .index-tile span { font-size:11px; }
  .market-console .index-tile strong { margin-top:10px; font-size:29px; }
  .market-console .index-tile small { margin:8px 0; font-size:12px; }
  .market-console .index-tile svg { height:39px; }
  .console-sectors { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; border-top:1px solid var(--line); padding:16px 0 18px; }
  .console-sectors p { grid-column:1/-1; color:var(--gold); margin:0 0 2px; font-size:10px; font-weight:800; letter-spacing:.9px; text-transform:uppercase; }
  .console-sectors div { padding:12px 10px; border:1px solid rgba(101,223,151,.16); border-radius:8px; background:rgba(3,34,21,.35); }
  .console-sectors span { display:block; color:#d8e9dd; font-size:11px; }
  .console-sectors b { display:block; margin-top:7px; color:var(--green); font-size:14px; }
  .signal-log { padding-top:14px; }
  .signal-heading { margin-bottom:8px; font-size:11px; }
  .signal-log>div:not(.signal-heading) { grid-template-columns:70px 88px 1fr auto; gap:12px; padding:9px 0; font-size:12px; }
  .signal-log span { padding:5px; font-size:9px; }
}

@media (max-width:1050px) {
  .hero { min-height:auto; grid-template-columns:1fr; padding:52px 26px 34px; }
  .hero::before { background:linear-gradient(90deg,rgba(2,24,15,.84),rgba(2,24,15,.48)),url("/landing-assets/assets/hero-valley-v3.png") center / cover no-repeat; }
  .hero::after { display:none; }
  .hero-copy h1 { font-size:clamp(42px,8vw,60px); }
  .market-console { max-width:760px; width:100%; margin:0; }
  .console-index-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:14px 0; }
  .console-sectors { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; border-top:1px solid var(--line); padding:14px 0; }
  .console-sectors p { grid-column:1/-1; margin:0; color:var(--gold); font-size:10px; text-transform:uppercase; }
  .console-sectors div { border:1px solid var(--line); border-radius:7px; padding:8px; }
  .console-sectors span,.console-sectors b { display:block; font-size:11px; }
  .console-sectors b { color:var(--green); margin-top:4px; }
}

/* Reference composition: left copy, visible sunrise, and a compact research console on the right. */
@media (min-width:1051px) {
  .hero { min-height:500px; grid-template-columns:minmax(0,1.05fr) minmax(560px,.95fr); gap:54px; padding:58px clamp(54px,5.3vw,102px) 50px; }
  .hero::before { background:linear-gradient(90deg,rgba(2,22,14,.91) 0%,rgba(2,22,14,.7) 33%,rgba(2,22,14,.14) 57%,rgba(2,22,14,.48) 100%),linear-gradient(0deg,rgba(1,17,10,.38),transparent 54%),url("/landing-assets/assets/hero-valley-v3.png") center 35% / cover no-repeat; }
  .hero-copy { max-width:590px; }
  .hero h1 { max-width:590px; font-size:clamp(48px,4vw,67px); line-height:.97; letter-spacing:-3.3px; margin-bottom:15px; }
  .hero .eyebrow { margin-bottom:13px; font-size:10px; }
  .hero-summary { max-width:530px; font-size:16px; line-height:1.35; }
  .hero-actions { margin-top:23px; gap:14px; }
  .hero .button { min-height:43px; padding-inline:19px; font-size:12px; border-radius:7px; }
  .hero .button.primary span { font-size:19px; }
  .hero .signal-bars { color:var(--green); font-size:20px; line-height:1; }
  .market-console { max-width:670px; padding:15px 18px 16px; border-radius:14px; background:linear-gradient(145deg,rgba(1,26,16,.94),rgba(2,20,13,.9)); }
  .market-console header { padding-bottom:11px; font-size:9px; }
  .market-console header small { font-size:9px; }
  .console-index-row { gap:11px; padding:12px 0; }
  .market-console .index-tile { min-height:97px; padding:12px 13px 8px; border-radius:8px; }
  .market-console .index-tile:first-child { padding-left:13px; }
  .market-console .index-tile span { font-size:9px; }
  .market-console .index-tile strong { margin-top:6px; font-size:22px; }
  .market-console .index-tile strong b { font-size:10px; }
  .market-console .index-tile small { margin:4px 0; font-size:9px; }
  .market-console .index-tile svg { height:24px; }
  .console-sectors { gap:8px; padding:11px 0 12px; }
  .console-sectors p { margin-bottom:0; font-size:8px; }
  .console-sectors::after { content:"Today's performance"; grid-column:4/-1; grid-row:1; align-self:center; justify-self:end; color:#90ad9a; font-size:8px; letter-spacing:.75px; text-transform:uppercase; }
  .console-sectors div { padding:8px 7px; border-radius:6px; }
  .console-sectors span { font-size:9px; }
  .console-sectors b { margin-top:5px; font-size:11px; }
  .signal-log { padding-top:10px; }
  .signal-heading { display:flex; justify-content:space-between; margin-bottom:5px; font-size:8px; }
  .signal-heading span { color:#92ad9a; font-size:8px; font-weight:700; }
  .signal-log .signal-row { display:grid; grid-template-columns:26px 112px 1fr 45px 18px; align-items:center; gap:7px; padding:7px 0; border-top:1px solid rgba(137,226,165,.12); font-size:8px; }
  .signal-log .signal-row>small { color:#bdd3c4; text-transform:uppercase; letter-spacing:.3px; font-size:7px; }
  .signal-log .signal-row>div strong { display:block; font-size:9px; }
  .signal-log .signal-row>div small { display:block; margin-top:2px; color:#91aa9a; font-size:8px; }
  .signal-mark { width:24px; height:24px; display:grid; place-items:center; border-radius:7px; color:var(--green); background:rgba(66,229,132,.12); font-style:normal; font-size:17px; }
  .signal-mark.momentum { color:#b7f35a; }.signal-mark.accumulation { color:#7cf5b2; }
  .signal-action { border-radius:4px; padding:4px 3px; text-align:center; font-size:7px; letter-spacing:.4px; text-transform:uppercase; }
  .signal-action.buy { color:#b9ffd1; background:#147b45; }.signal-action.watch { color:#ffe08a; background:#69551e; }
  .signal-log .signal-bars { color:#63ef9c; font-style:normal; font-size:16px; }
}

.market-console .console-title { display:flex; align-items:center; gap:8px; }
.market-console .console-meta { margin-left:auto; }
.market-console .console-status { display:flex; align-items:center; gap:7px; margin-left:15px; color:var(--green); font-size:9px; letter-spacing:.65px; text-transform:uppercase; white-space:nowrap; }
.market-console .console-status i { width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 10px var(--green); }
.market-console .console-status.closed { color:#ffaaa4; }.market-console .console-status.closed i { background:#ff7f78; box-shadow:0 0 10px #ff7f78; }

/* Dedicated live-market panel dimensions and visual language from the supplied reference. */
@media (min-width:1051px) {
  .market-console { max-width:670px; padding:16px; border:1px solid #176d3d; border-radius:14px; background:linear-gradient(145deg,rgba(0,31,18,.97),rgba(0,20,12,.96)); box-shadow:0 14px 40px rgba(0,0,0,.38),inset 0 1px rgba(111,247,165,.08); }
  .market-console header { min-height:28px; padding:0 0 10px; border-color:rgba(93,219,142,.22); font:800 9px/1 "Bahnschrift","Arial Narrow",sans-serif; letter-spacing:.8px; }
  .market-console .live-dot { width:8px; height:8px; }
  .market-console .console-meta { color:#8ca698; font-size:8px; }
  .market-console .console-status { margin-left:14px; font-size:8px; letter-spacing:.65px; }
  .market-console .console-status i { width:7px; height:7px; }
  .console-index-row { gap:10px; padding:12px 0 14px; }
  .market-console .index-tile { min-height:115px; padding:13px 14px 9px; border-color:rgba(65,196,113,.25); border-radius:8px; background:linear-gradient(145deg,rgba(0,42,24,.76),rgba(0,28,16,.36)); }
  .market-console .index-tile:first-child { padding-left:14px; }
  .market-console .index-tile span { color:#b6ccbd; font:800 9px/1 "Bahnschrift","Arial Narrow",sans-serif; letter-spacing:.7px; }
  .market-console .index-tile strong { margin-top:8px; color:#e9f6ed; font-size:23px; letter-spacing:-.8px; }
  .market-console .index-tile small { margin:7px 0 5px; font-size:10px; }
  .market-console .index-tile svg { height:27px; opacity:.98; }
  .market-console .index-tile path { stroke:#4bea91; stroke-width:2.35; }
  .console-sectors { gap:8px; border-color:rgba(93,219,142,.2); padding:12px 0 14px; }
  .console-sectors p { position:relative; display:flex; justify-content:space-between; align-items:center; margin:0; color:#b5c8bb; font:800 8px/1 "Bahnschrift","Arial Narrow",sans-serif; letter-spacing:1px; }
  .console-sectors p small { color:#789486; font-size:8px; letter-spacing:.55px; }
  .console-sectors::after { content:none; }
  .console-sectors div { position:relative; min-height:55px; padding:10px 9px; border-color:rgba(60,182,107,.2); border-radius:6px; background:rgba(0,38,21,.62); }
  .console-sectors span { color:#bad1c0; font:800 8px/1 "Bahnschrift","Arial Narrow",sans-serif; letter-spacing:.55px; text-transform:uppercase; }
  .console-sectors b { margin-top:8px; font-size:11px; }
  .mini-bars { position:absolute; right:9px; bottom:9px; height:18px; display:flex; align-items:end; gap:2px; }
  .mini-bars i { display:block; width:3px; border-radius:2px 2px 0 0; background:#47e58d; }
  .mini-bars i:nth-child(1) { height:6px; }.mini-bars i:nth-child(2) { height:9px; }.mini-bars i:nth-child(3) { height:12px; }.mini-bars i:nth-child(4) { height:15px; }.mini-bars i:nth-child(5) { height:18px; }
  .signal-log { border-color:rgba(93,219,142,.2); padding-top:11px; }
  .signal-heading { margin-bottom:7px; color:#b5c8bb; font:800 8px/1 "Bahnschrift","Arial Narrow",sans-serif; letter-spacing:1px; }
  .signal-heading span { color:#789486; font-size:8px; letter-spacing:.55px; }
  .signal-log .signal-row { grid-template-columns:28px 115px 1fr 42px 18px; min-height:42px; gap:8px; padding:6px 9px; border:1px solid rgba(54,177,99,.23); border-radius:6px; background:rgba(0,40,23,.56); }
  .signal-log .signal-row + .signal-row { margin-top:5px; }
  .signal-mark { width:24px; height:24px; padding:0; background:transparent; color:#48e990; }
  .signal-mark svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
  .signal-log .signal-row>small { color:#b4c8bb; font:800 7px/1.1 "Bahnschrift","Arial Narrow",sans-serif; letter-spacing:.45px; }
  .signal-log .signal-row>div strong { color:#e6f3e9; font:800 9px/1 "Bahnschrift","Arial Narrow",sans-serif; letter-spacing:.3px; }
  .signal-log .signal-row>div small { color:#93aa9b; font-size:8px; line-height:1.15; }
  .signal-action { padding:4px 2px; border-radius:4px; font:800 7px/1 "Bahnschrift","Arial Narrow",sans-serif; letter-spacing:.35px; }
  .signal-action.buy { background:#168345; color:#b9ffd1; }.signal-action.watch { background:#68521c; color:#ffdc75; }
  .signal-log .signal-bars { color:#51e993; font-size:15px; }
}

/* Compact reference panel: each interior element is reduced with the outer card. */
@media (min-width:1051px) {
  .market-console { max-width:380px; padding:9px; border-radius:9px; }
  .market-console header { min-height:16px; padding-bottom:6px; font-size:6px; letter-spacing:.55px; }
  .market-console .live-dot { width:5px; height:5px; }
  .market-console .console-title { gap:5px; }.market-console .console-meta { font-size:6px; }.market-console .console-status { margin-left:8px; gap:4px; font-size:6px; letter-spacing:.35px; }.market-console .console-status i { width:5px; height:5px; }
  .console-index-row { gap:6px; padding:7px 0 8px; }
  .market-console .index-tile { min-height:66px; padding:8px 9px 5px; border-radius:5px; }.market-console .index-tile:first-child { padding-left:9px; }
  .market-console .index-tile span { font-size:6px; letter-spacing:.45px; }.market-console .index-tile strong { margin-top:4px; font-size:14px; letter-spacing:-.45px; }.market-console .index-tile strong b { font-size:7px; }.market-console .index-tile small { margin:4px 0 2px; font-size:6px; }.market-console .index-tile svg { height:16px; }
  .console-sectors { gap:4px; padding:7px 0 8px; }.console-sectors p { font-size:6px; letter-spacing:.65px; }.console-sectors p small { font-size:6px; letter-spacing:.35px; }
  .console-sectors div { min-height:32px; padding:6px 5px; border-radius:4px; }.console-sectors span { font-size:5px; letter-spacing:.3px; }.console-sectors b { margin-top:4px; font-size:7px; }
  .mini-bars { right:5px; bottom:5px; height:10px; gap:1px; }.mini-bars i { width:2px; }.mini-bars i:nth-child(1) { height:3px; }.mini-bars i:nth-child(2) { height:5px; }.mini-bars i:nth-child(3) { height:7px; }.mini-bars i:nth-child(4) { height:8px; }.mini-bars i:nth-child(5) { height:10px; }
  .signal-log { padding-top:7px; }.signal-heading { margin-bottom:4px; font-size:6px; letter-spacing:.65px; }.signal-heading span { font-size:6px; letter-spacing:.35px; }
  .signal-log .signal-row { grid-template-columns:17px 66px 1fr 26px 10px; min-height:25px; gap:4px; padding:4px 5px; border-radius:4px; }.signal-log .signal-row + .signal-row { margin-top:3px; }
  .signal-mark { width:14px; height:14px; }.signal-mark svg { width:14px; height:14px; stroke-width:2; }.signal-log .signal-row>small { font-size:5px; letter-spacing:.2px; }.signal-log .signal-row>div strong { font-size:6px; letter-spacing:.2px; }.signal-log .signal-row>div small { margin-top:1px; font-size:5px; }.signal-action { padding:3px 1px; border-radius:3px; font-size:5px; }.signal-log .signal-bars { font-size:9px; }
}

@media (min-width:1051px) {
  .hero-copy { align-self:start; padding-top:12px; }
}
.nav-shell { height:45.6px; }
.nav-shell .brand svg { height:32px; width:34px; }
.nav-shell .market-pill,.nav-shell .nav-sign-in { padding-block:6px; }
@media (max-width:760px) { .nav-shell { height:40px; } }
.hero .eyebrow { font-size:5px; letter-spacing:1px; }
.hero h1 { font-size:clamp(24px,2vw,33.5px); letter-spacing:-1.65px; }
@media (max-width:1050px) { .hero-copy h1 { font-size:clamp(21px,4vw,30px); } }
@media (min-width:1051px) {
  .console-sectors p,.console-sectors p small,.signal-heading,.signal-heading span { font-size:14px; }
  .console-sectors p,.signal-heading { flex-wrap:wrap; gap:6px; }
  .console-sectors span { font-size:14px; letter-spacing:0; }
  .console-sectors b { font-size:20px; }
  .console-sectors div { min-height:66px; padding:8px 4px; }
  .console-sectors .mini-bars { bottom:5px; right:4px; opacity:.55; }
  .signal-log .signal-row { grid-template-columns:24px 110px minmax(0,1fr) 42px 18px; min-height:65px; }
  .signal-log .signal-row>small { font-size:14px; overflow-wrap:anywhere; }
  .signal-log .signal-row>div strong { font-size:18px; overflow-wrap:anywhere; }
  .signal-log .signal-row>div small { font-size:16px; line-height:1.25; }
  .signal-log .signal-action { font-size:14px; }
}
.hero-copy .stats-band { margin-top:20px; padding:12px 0; gap:10px; background:rgba(2,25,16,.65); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.hero-copy .stats-band article { justify-content:flex-start; min-height:38px; gap:7px; padding-right:8px; }
.hero-copy .stats-band strong { font-size:15px; letter-spacing:-.4px; white-space:nowrap; }
.hero-copy .stats-band small { font-size:8px; }
.hero-copy .stat-icon { flex:0 0 22px; width:22px; height:22px; }
.hero-copy .stat-icon svg { width:21px; height:21px; }
.stock-name-strip { overflow:hidden; padding:14px 0; border-bottom:1px solid var(--line); background:#042116; }
.stock-name-track { display:flex; width:max-content; animation:ticker-left 36s linear infinite; }
.stock-name-track>div { display:flex; flex:none; gap:40px; padding-right:40px; }
.stock-name-track span { color:#bce9ce; font-size:12px; font-weight:750; letter-spacing:1px; white-space:nowrap; }
.stock-name-strip:hover .stock-name-track { animation-play-state:paused; }
@media (max-width:760px) { .hero-copy .stats-band { grid-template-columns:1fr 1fr; }.stock-name-track>div { gap:24px; padding-right:24px; } }
.research-heading { grid-column:1/-1; text-align:center; padding:12px 0 20px; }
.research-heading p { color:var(--green); text-transform:uppercase; letter-spacing:5px; font-size:10px; }
.research-heading h2 { font:600 clamp(25px,3.2vw,46px)/1.1 Georgia,serif; margin:0; }
.research-heading em { color:var(--green); font-style:normal; }
.feature-section { gap:22px; padding-top:34px; }
.feature-card { display:flex; flex-direction:column; gap:0; padding:22px; background:radial-gradient(ellipse at 60% 25%,rgba(19,107,61,.18),transparent 75%),linear-gradient(145deg,#06281b,#021c12); border-color:rgba(73,231,138,.32); border-radius:16px; }
.feature-card::after { display:none; }
.feature-card>header { display:flex; gap:18px; align-items:start; margin-bottom:20px; }
.research-number { font:40px/1 Georgia,serif; color:var(--green); padding-right:16px; border-right:1px solid var(--line); }
.feature-card h2 { font:500 clamp(21px,2vw,29px)/1.1 Georgia,serif; margin-bottom:8px; }
.feature-card p { font-size:13px; margin:0; }
.research-visual { height:250px; position:relative; overflow:hidden; border:1px solid var(--line); border-radius:9px; background:rgba(0,19,11,.5); }
.visual-caption { display:flex; justify-content:space-between; padding:9px 10px; font-size:10px; color:#bce5ca; }
.visual-caption span { color:#789e88; font-size:9px; }
.research-heatmap { display:grid; grid-template-columns:repeat(4,1fr); grid-template-rows:repeat(3,1fr); height:212px; gap:3px; padding:3px; }
.heat-cell { display:flex; flex-direction:column; justify-content:center; padding:6px; background:#126b42; border:1px solid rgba(100,255,164,.12); }
.heat-cell strong { font-size:9px; }.heat-cell small { font-size:8px; margin-top:4px; color:#b7d7c2; }
.cell-1,.cell-4 { background:#169853; }.cell-5,.cell-11 { background:#65322d; }.cell-8 { background:#0a462e; }
.rotation-line { position:absolute; width:100%; height:70px; top:100px; filter:drop-shadow(0 0 5px #4bea91); }
.rotation-line path { fill:none; stroke:#8df6b6; stroke-width:2; }.rotation-line circle { fill:#b3ffd0; offset-path:path('M5 68Q90 60 155 25T270 22T355 65'); cx:0; cy:0; animation:heatmap-travel 5s ease-in-out infinite alternate; }
.heat-cell { transition:background-color 1.2s ease; }
.heat-change { display:block; margin-top:5px; font-size:12px; color:#e6ffed; }
.rotation-line { animation:heatmap-drift 7s ease-in-out infinite alternate; }
@keyframes heatmap-travel { from { offset-distance:0%; } to { offset-distance:100%; } }
@keyframes heatmap-drift { from { transform:translateY(-8px); } to { transform:translateY(12px); } }
.research-chart { width:100%; height:210px; position:relative; z-index:1; }
.research-grid { fill:none; stroke:rgba(119,201,145,.1); }.research-trend { fill:none; stroke:#63d992; stroke-width:1.3; }
.research-candle { stroke:#5cf39e; fill:#5cf39e; }.research-candle.down { stroke:#e57669; fill:#e57669; }
.plan-zone { position:absolute; right:0; width:37%; }.reward { background:rgba(39,178,103,.2); top:65px; height:65px; }.risk { background:rgba(201,68,58,.16); top:130px; height:45px; }
.plan-level { position:absolute; right:6px; z-index:2; font-size:10px; padding:3px 8px; border-radius:4px; }
.plan-level::before { content:''; position:absolute; right:100%; width:100px; top:50%; border-top:1px dashed currentColor; }
.target { top:58px; color:#a5ffd0; background:#086139; }.entry { top:122px; background:#758a7d; color:#00190f; }.stop { top:167px; color:#ffc1b7; background:#88392e; }
.inspector-visual { border:0; background:transparent; }
.analysis-lens { position:absolute; width:190px; height:190px; left:50%; top:50%; transform:translate(-50%,-50%); border:1px solid #48cd83; border-radius:50%; overflow:hidden; padding:27px 15px; background:#03271a; box-shadow:0 0 24px rgba(66,221,130,.12); text-align:center; }
.analysis-lens strong { display:block; font-size:13px; }.analysis-lens small { font-size:9px; color:var(--muted); }.analysis-lens svg { height:115px; }
.analysis-orbit { position:absolute; width:210px; height:210px; border:1px dashed rgba(74,234,145,.35); border-radius:50%; top:20px; left:calc(50% - 105px); animation:orbit-turn 40s linear infinite; }
.analysis-node { position:absolute; z-index:3; padding:8px; font-size:9px; border:1px solid var(--line); background:#052d1d; border-radius:7px; color:#aacdb6; }.analysis-node b { color:#6eef9e; font-size:11px; }.node-a { top:18px; left:0; }.node-b { top:18px; right:0; }.node-c { bottom:18px; left:0; }.node-d { bottom:18px; right:0; }
.feature-card footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:22px; }
.feature-card footer small { font-size:9px; color:#91b49e; max-width:58%; line-height:1.5; }
.feature-card footer a { color:#66eda1; font-size:12px; white-space:nowrap; }.feature-card footer a span { margin-left:6px; }
@keyframes orbit-turn { to { transform:rotate(360deg); } }
.analysis-lens { animation:inspector-heartbeat 2.4s ease-in-out infinite; }
.inspector-visual::before,.inspector-visual::after { content:''; position:absolute; width:190px; height:190px; left:50%; top:50%; border:1px solid rgba(137,255,180,.65); border-radius:50%; pointer-events:none; opacity:0; animation:inspector-ripple 2.4s ease-out infinite; }
.inspector-visual::after { animation-delay:.38s; }
@keyframes inspector-ripple {
  0%,8% { transform:translate(-50%,-50%) scale(1); opacity:0; }
  12% { opacity:.65; }
  65%,100% { transform:translate(-50%,-50%) scale(1.32); opacity:0; }
}
@keyframes inspector-heartbeat {
  0%,35%,100% { transform:translate(-50%,-50%) scale(1); box-shadow:0 0 16px rgba(66,221,130,.12); }
  12% { transform:translate(-50%,-50%) scale(1.045); box-shadow:0 0 30px rgba(66,221,130,.32); }
  22% { transform:translate(-50%,-50%) scale(1.012); }
  28% { transform:translate(-50%,-50%) scale(1.03); box-shadow:0 0 24px rgba(66,221,130,.24); }
}
@media (max-width:1100px) and (min-width:761px) { .feature-section { grid-template-columns:1fr; }.research-visual { height:260px; }.feature-card h2 { font-size:29px; } }
.motion-target { opacity:1; transform:none; }
.motion-target.in-view { animation:section-enter .65s ease both; }
.signal-bars svg,.target-mark svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.target-mark { display:block; flex:0 0 48px; width:48px; height:48px; }
.signal-bars { display:block; width:18px; height:18px; font-style:normal; }
.signal-log .signal-row { display:grid; grid-template-columns:24px 110px minmax(0,1fr) 38px 18px; align-items:center; gap:7px; min-height:38px; padding:7px; }
.signal-log .signal-row>div { min-width:0; }
.signal-log .signal-row>div small { display:block; }
.signal-log .signal-row .signal-mark { grid-column:1; grid-row:1; }
.signal-log .signal-row>small { grid-column:2; grid-row:1; }
.signal-log .signal-row>div { grid-column:3; grid-row:1; }
.signal-log .signal-row .signal-action { grid-column:4; grid-row:1; }
.signal-log .signal-row .signal-bars { grid-column:5; grid-row:1; }
.index-tile path { stroke-dasharray:260; stroke-dashoffset:0; animation:chart-trace 1.8s ease both; }
.mini-bars i { transform-origin:bottom; animation:bar-breathe 3.5s ease-in-out infinite alternate; }
.mini-bars i:nth-child(2n) { animation-delay:.5s; }
.button,.feature-card>a { transition:transform .25s ease,box-shadow .25s ease; }
.button:hover,.feature-card>a:hover { box-shadow:0 6px 24px rgba(75,234,145,.22); transform:translateY(-2px); }
@media (min-width:1051px) {
  .market-console { max-width:480px; align-self:start; margin-top:12px; padding:12px; }
  .market-console header,.market-console .console-status,.market-console .console-meta { font-size:8px; }
  .market-console .index-tile { min-height:85px; }
  .market-console .index-tile span { font-size:9px; }
  .market-console .index-tile strong { font-size:20px; }
  .market-console .index-tile small { font-size:9px; }
  .market-console .index-tile svg { height:22px; }
  .console-sectors p,.console-sectors p small { font-size:7px; }
  .console-sectors div { min-height:43px; }
  .console-sectors span { font-size:7px; }.console-sectors b { font-size:10px; }
  .signal-heading,.signal-heading span { font-size:7px; }
  .signal-log .signal-row>small { font-size:7px; }
  .signal-log .signal-row>div strong { font-size:9px; }
  .signal-log .signal-row>div small { font-size:8px; }
  .signal-action { font-size:7px; }
  .signal-mark,.signal-mark svg { width:21px; height:21px; }
}
@media (max-width:760px) {
  .signal-log .signal-row { grid-template-columns:22px minmax(0,1fr) 35px; }
  .signal-log .signal-row>small,.signal-log .signal-row .signal-bars { display:none; }
  .signal-log .signal-row>div { grid-column:2; }.signal-log .signal-row .signal-action { grid-column:3; }
  .signal-mark svg { width:20px; height:20px; }
}
@keyframes section-enter { from { opacity:.5; transform:translateY(14px); } to { opacity:1; transform:none; } }
@keyframes chart-trace { from { stroke-dashoffset:260; } to { stroke-dashoffset:0; } }
@keyframes bar-breathe { from { opacity:.65; transform:scaleY(.8); } to { opacity:1; transform:scaleY(1); } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; } }