.tl-stock-demo{--ink:#142d36;--green:#126853;font:16px/1.6 system-ui,sans-serif;color:var(--ink);background:#f4f6f2;border-radius:24px;padding:clamp(20px,5vw,60px);max-width:1080px;margin:24px auto;box-sizing:border-box}.tl-stock-demo *{box-sizing:border-box}.tl-stock-demo h1,.tl-stock-demo h2,.tl-stock-demo p{color:inherit;margin:0 0 16px}.tl-stock-demo h1{font-size:clamp(32px,5vw,58px);line-height:1.08;letter-spacing:-2px;max-width:700px}.tl-stock-demo h2{font-size:24px;line-height:1.3}.tl-stock-demo .eyebrow{font-size:12px;letter-spacing:2px;font-weight:750;text-transform:uppercase;color:var(--green)}.tl-stock-demo .intro{max-width:600px;color:#52666c}.tl-stock-demo .steps{display:flex;gap:8px;margin:28px 0}.tl-stock-demo .step{flex:1;border-top:3px solid #d6dfda;padding-top:10px;font-size:13px}.tl-stock-demo .step.active{border-color:var(--green);font-weight:750}.tl-stock-demo .grid{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.tl-stock-demo .card{background:white;border:1px solid #dde5de;border-radius:18px;padding:26px}.tl-stock-demo .dark{background:var(--ink);color:white}.tl-stock-demo .badge{display:inline-block;background:#e6f3ea;padding:5px 10px;border-radius:30px;font-size:12px;font-weight:700;color:#245c45;margin-bottom:15px}.tl-stock-demo label{display:block;font-weight:650;margin:20px 0 8px}.tl-stock-demo input[type=range]{width:100%;accent-color:var(--green);min-height:34px}.tl-stock-demo .big{font-size:40px;line-height:1.2;font-weight:700;letter-spacing:-1px;margin:8px 0 20px}.tl-stock-demo .row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #dce5df}.tl-stock-demo .dark .row{border-color:#ffffff26}.tl-stock-demo button,.tl-stock-demo a.cta{font:inherit;font-weight:700;cursor:pointer;display:inline-block;padding:13px 20px;border-radius:10px;border:1px solid var(--green);background:var(--green);color:white;text-decoration:none;line-height:1.4;margin:10px 8px 0 0}.tl-stock-demo button.secondary{background:white;color:var(--ink);border-color:#cdd9d1}.tl-stock-demo button[aria-pressed=true]{outline:3px solid #8ebd99;outline-offset:2px}.tl-stock-demo button:focus-visible,.tl-stock-demo a:focus-visible,.tl-stock-demo input:focus-visible{outline:3px solid #d3a53b;outline-offset:4px}.tl-stock-demo button:disabled{opacity:.45;cursor:not-allowed}.tl-stock-demo .note{font-size:13px;color:#5c6d72;margin-top:24px}.tl-stock-demo .tip{background:#edf4ed;border-left:3px solid #8db295;padding:16px;margin:20px 0 0;border-radius:0 8px 8px 0}.tl-stock-demo svg{width:100%;height:140px;display:block;margin:15px 0}.tl-stock-demo .course{background:#f3dca0;border-radius:18px;padding:28px;margin-top:20px}.tl-stock-demo .course p{max-width:650px}.tl-stock-demo .small{font-size:13px}.tl-stock-demo .amount{font-variant-numeric:tabular-nums}.tl-stock-demo .bar{display:flex;height:12px;border-radius:10px;overflow:hidden;background:#dfe8df;margin-top:20px}.tl-stock-demo .bar span{background:#a5d4ae}.tl-stock-demo .footer{display:flex;justify-content:space-between;gap:12px;margin-top:24px;font-size:12px;color:#62716b}@media(max-width:650px){.tl-stock-demo .grid{grid-template-columns:1fr}.tl-stock-demo .card{padding:20px}.tl-stock-demo .step{font-size:11px}.tl-stock-demo .footer{display:block}.tl-stock-demo h1{letter-spacing:-1px}}
.tl-stock-demo input[type=email]{display:block;width:100%;border:1px solid #aabbad;border-radius:8px;padding:12px;margin-top:8px;font:inherit;background:white;color:#142d36}.tl-stock-demo .tls-check{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:400}.tl-stock-demo .tls-check input{margin-top:5px;flex-shrink:0}.tl-stock-demo .tls-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.tl-stock-demo .tls-error:not(:empty){background:#fff0ed;color:#842c22;padding:14px;border-radius:8px}.tl-stock-demo .tls-logo{max-width:180px;max-height:70px;object-fit:contain;margin:15px 0}.tl-stock-demo a{color:var(--green)}.tl-stock-demo .row strong{white-space:nowrap}.tl-stock-demo .card{min-width:0}@media(prefers-reduced-motion:no-preference){.tl-stock-demo .card,.tl-stock-demo .course{animation:tls-in .25s ease-out}@keyframes tls-in{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:none}}}
.tl-stock-demo .tls-copy{white-space:pre-wrap;overflow-wrap:anywhere}.tl-stock-demo .tls-chart{height:auto;min-height:180px}.tl-stock-demo .tls-tiles{display:grid;grid-template-columns:repeat(10,1fr);gap:7px;max-width:500px;margin:24px 0}.tl-stock-demo .tls-tiles span{height:30px;background:#e0e9df;border-radius:5px}.tl-stock-demo .tls-tiles .owned{background:var(--green)}.tl-stock-demo .tls-equation{font-size:28px;margin:20px 0}.tl-stock-demo .tls-glossary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.tl-stock-demo details{background:#fff;border:1px solid #dce5df;border-radius:10px;padding:15px}.tl-stock-demo summary{cursor:pointer;font-weight:650}.tl-stock-demo details p{margin-top:12px}.tl-stock-demo .tls-table-wrap{overflow-x:auto}.tl-stock-demo .tls-table{width:100%;border-collapse:collapse;font-size:14px}.tl-stock-demo .tls-table th,.tl-stock-demo .tls-table td{text-align:left;padding:12px 10px;border-bottom:1px solid #dde5de;white-space:nowrap}.tl-stock-demo .bar span{transition:width .2s ease}.tl-stock-demo .footer{align-items:center}@media(max-width:650px){.tl-stock-demo .tls-glossary{grid-template-columns:1fr}.tl-stock-demo .tls-chart{min-height:150px}.tl-stock-demo .tls-equation{font-size:24px}}@media(prefers-reduced-motion:reduce){.tl-stock-demo .bar span{transition:none}}

.tl-stock-demo .tls-chart-scroll{overflow-x:auto}.tl-stock-demo .tls-chart-scroll .tls-chart{min-width:650px;min-height:180px;width:100%}

.tl-stock-demo .tls-buy-panel{border-top:1px solid #dce5df;margin-top:20px;padding-top:20px}.tl-stock-demo .tls-buy-panel h3{font-size:20px;color:inherit}.tl-stock-demo input[type=number]{display:block;width:100%;max-width:220px;padding:12px;border:1px solid #aabbad;border-radius:8px;font:inherit;color:var(--ink);background:white}

.tl-stock-demo .tls-guide-picker{margin:28px 0}.tl-stock-demo .tls-guide-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tl-stock-demo .tls-guide-cards h3{font-size:20px;color:inherit;line-height:1.35}.tl-stock-demo .tls-guide-cards .card{padding:20px}.tl-stock-demo .tip h3{font-size:20px;color:inherit}@media(max-width:800px){.tl-stock-demo .tls-guide-cards{grid-template-columns:1fr}}