.native-chart{color:#f2f1ed;background:#0a0c0d;width:100%;font-family:Inter,sans-serif;position:relative;overflow:hidden}.native-chart-toolbar{align-items:center;gap:14px;height:54px;padding:18px 20px 0;font-size:11px;font-weight:400;display:flex}.native-chart-toolbar>span{white-space:nowrap;border:1px solid #292d30;padding:7px 10px}.native-chart-toolbar small{color:#74ccd0;letter-spacing:.05em;white-space:nowrap;align-items:center;gap:7px;margin-left:auto;font:9px IBM Plex Mono,monospace;display:flex}.native-chart-toolbar i{background:#74ccd0;border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #74ccd050}.native-chart-toolbar button{color:#f2f1ed;background:0 0;border:1px solid #424448;border-radius:2px;flex-shrink:0;place-items:center;width:33px;height:33px;padding:0;display:grid}.native-chart-svg{width:100%;height:auto;display:block;overflow:hidden}.native-chart-grid line{stroke:#ffffff06;stroke-width:1px}.native-chart-volume{fill:#82888e;opacity:.14}.native-chart-trend{fill:none;stroke:#e3062f;stroke-width:1.8px;stroke-linejoin:round}.native-chart-trend-soft{fill:none;stroke:#e3062f;stroke-width:7px;opacity:.055}.native-chart-reversal-line{stroke-width:1.3px}.native-chart-long{color:#26b8ab}.native-chart-sell{color:#f04d68}.native-chart-long-tag{fill:#174c47;fill-opacity:.9;stroke:#26b8ab;stroke-opacity:.75;stroke-width:1.3px;stroke-linejoin:round}.native-chart-sell .native-chart-long-tag{fill:#602330;stroke:#f04d68}.native-chart-long text{fill:#e8f6f3;font:400 14px Inter,sans-serif}.native-chart-axis{fill:#a5a6ab;font:10px Inter,sans-serif}.native-chart-price{fill:#fff;font:11px IBM Plex Mono,monospace}.native-chart-scanner{will-change:transform;animation:9s linear infinite card-chart-scan}.native-chart-beacon{animation:3.6s ease-in-out infinite card-chart-pulse;animation-delay:var(--marker-delay);opacity:.3}.native-chart.is-paused *{animation-play-state:paused!important}@keyframes card-chart-scan{0%{transform:translate(0)}to{transform:translate(600px)}}@keyframes card-chart-pulse{0%,to{opacity:.15}50%{opacity:.7}}@media (prefers-reduced-motion:reduce){.native-chart *{animation:none!important}.native-chart-scanner{display:none}}@media (max-width:480px){.native-chart-toolbar{gap:8px;height:45px;padding:12px 12px 0}.native-chart-toolbar small{font-size:8px}.native-chart-toolbar>span{font-size:10px}.native-chart-toolbar button{width:30px;height:30px}}
.product-demo-canvas{background:#0c0e0e;border:1px solid #c59a8159;width:100%;height:clamp(270px,29vw,470px);display:block;box-shadow:0 24px 70px #0005}.journal-product-demo{color:#eee9e4;background:#0b0d0d;border:1px solid #c59a8159;flex-direction:column;gap:clamp(16px,2vw,30px);width:100%;min-height:clamp(270px,29vw,470px);padding:clamp(18px,2vw,34px);display:flex;overflow:hidden;box-shadow:0 24px 70px #0005}.journal-product-demo header{letter-spacing:.13em;border-bottom:1px solid #c59a813d;align-items:center;gap:16px;padding-bottom:16px;font-family:IBM Plex Mono,monospace;font-size:9px;display:flex}.journal-product-demo header strong{color:#e3062f;font-weight:400}.journal-product-demo header small{color:#948a83;margin-left:auto;font-size:8px}.journal-demo-grid{border:1px solid #c59a8133;grid-template-columns:repeat(3,1fr);display:grid}.journal-demo-grid section{border-right:1px solid #c59a8133;padding:clamp(14px,1.8vw,26px)}.journal-demo-grid section:last-child{border-right:0}.journal-demo-grid small,.journal-demo-grid span{color:#9e948d;letter-spacing:.1em;font-family:IBM Plex Mono,monospace;font-size:clamp(7px,.65vw,10px);display:block}.journal-demo-grid strong{margin:10px 0 7px;font-size:clamp(26px,3vw,48px);font-weight:400;display:block}.journal-demo-grid .positive{color:#53deb9}.journal-demo-chart{background:repeating-linear-gradient(0deg,#0000 0 29px,#ffffff0b 29px 30px),repeating-linear-gradient(90deg,#0000 0 74px,#ffffff0b 74px 75px);border:1px solid #c59a8126;flex:1;min-height:120px;position:relative;overflow:hidden}.journal-demo-chart svg{width:100%;height:calc(100% - 14px);position:absolute;inset:14px 0 0}.journal-demo-chart path{fill:none;stroke:#e3062f;stroke-width:2.2px;vector-effect:non-scaling-stroke;stroke-dasharray:900;stroke-dashoffset:900px;animation:2.2s ease-out .2s forwards journal-line}.journal-demo-chart .journal-demo-fill{fill:url(#none);stroke:none;opacity:.08}.journal-demo-chart span,.journal-demo-chart b{letter-spacing:.12em;font-family:IBM Plex Mono,monospace;font-size:8px;position:absolute}.journal-demo-chart span{color:#9e948d;top:12px;left:13px}.journal-demo-chart b{color:#53deb9;font-weight:400;animation:1s 1.7s both journal-status;bottom:11px;right:13px}.journal-product-demo.is-paused *{animation-play-state:paused!important}@keyframes journal-line{to{stroke-dashoffset:0}}@keyframes journal-status{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.product-demo-canvas,.journal-product-demo{height:300px;min-height:300px}.journal-demo-grid{grid-template-columns:1fr 1fr}.journal-demo-grid section:nth-child(3){border-top:1px solid #c59a8133;grid-column:1/-1}.journal-demo-grid strong{font-size:28px}.journal-product-demo{gap:14px;padding:16px}}@media (prefers-reduced-motion:reduce){.journal-product-demo *{animation:none!important}.journal-demo-chart path{stroke-dashoffset:0}}