:root{--surface:#fff;--surface-soft:#f6f7f9;--body:#fff;--text:#263444}html{background:var(--body);color:var(--text);color-scheme:light}body{background:var(--body)}[hidden]{display:none!important}.header{height:auto;min-height:96px;padding-top:20px;padding-bottom:20px;flex-wrap:wrap}.header nav{gap:20px;flex-wrap:wrap}.theme-toggle{background:none;color:var(--ink);border:1px solid var(--line);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:20px}.ctl-explainer{background:var(--surface);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 20px 70px -35px #182a3a55}.explainer-step{display:flex;gap:16px;padding:20px 24px;align-items:flex-start}.explainer-step>b{font-size:.75rem;flex-shrink:0;color:var(--blue);background:var(--pale);width:30px;height:30px;display:grid;place-items:center;border-radius:50%;margin-top:2px}.explainer-step strong{font-size:.94rem}.explainer-step p{font-size:.8rem;margin-top:4px}.your-control{background:var(--surface-soft);border-top:1px solid var(--line)}.explain-chart{padding:0 24px 10px;color:var(--ink)}.explain-chart svg{width:100%;height:auto;display:block}.explain-chart small{display:block;text-align:center;color:var(--muted);font-size:.68rem}.market-section{padding-top:55px}.market-picker{display:flex;gap:8px;overflow:auto;padding-bottom:18px}.market-tab{white-space:nowrap;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:24px;padding:9px 20px;font-size:.85rem}.market-tab.active{background:var(--ink);border-color:var(--ink);color:var(--body)}.trading-chart{height:540px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft);margin-bottom:12px}.tradingview-widget-container{height:100%;width:100%}.tradingview-widget-container__widget{height:calc(100% - 32px);width:100%}.tradingview-widget-copyright{font-size:12px;text-align:center;height:32px;padding-top:5px;color:var(--muted)}.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.editorial-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface);display:block;transition:transform .2s,box-shadow .2s}.editorial-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #0000000c}.editorial-cover{aspect-ratio:16/9;background:var(--surface-soft);position:relative;display:grid;place-items:center}.editorial-cover img{width:100%;height:100%;object-fit:cover;position:absolute}.cover-mark{color:var(--muted);font-size:1.5rem;text-align:center;font-weight:600}.cover-mark small{font-size:.6rem;letter-spacing:.14em}.editorial-copy{padding:24px}.editorial-copy>small{font-size:.7rem;letter-spacing:.06em;color:var(--muted)}.editorial-copy h3{margin:12px 0}.editorial-copy p{font-size:.88rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.editorial-copy .text-link{font-size:.82rem;margin-top:20px}.course-callout{display:flex;justify-content:space-between;gap:24px;align-items:center;background:var(--surface-soft);border-radius:20px;padding:45px;max-width:1152px}.course-callout p{margin-top:15px;max-width:640px}.compatibility{text-align:center}.compatibility h2{font-size:1.8rem}.compatibility p{font-size:.8rem;max-width:750px;margin:24px auto 0}.broker-strip{display:flex;justify-content:center;align-items:center;gap:45px;flex-wrap:wrap;margin:35px 0}.broker-logo{display:grid;place-items:center;min-width:110px;height:75px;color:var(--ink);font-size:1.7rem;font-weight:700;letter-spacing:-.06em}.broker-logo img{max-width:145px;max-height:52px;object-fit:contain}.site-version{font-size:.65rem;opacity:.65;white-space:nowrap}.course-player{aspect-ratio:16/9;margin:28px 0;border-radius:16px;overflow:hidden;background:#111}.course-player iframe{width:100%;height:100%;border:0}.course-watch{display:block;width:100%;height:100%;position:relative}.course-watch img{width:100%;height:100%;object-fit:cover}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#000a;color:white;display:grid;place-items:center;width:62px;height:45px;border-radius:12px}.editorial-article img{max-width:100%;height:auto}.editorial-admin-list{display:grid;gap:12px}.editorial-admin-item{width:100%;text-align:left;background:var(--surface);color:var(--text)}.presentation-row{padding:18px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.3fr 1fr auto;gap:15px;align-items:end}.presentation-row label{font-size:.8rem}.presentation-row input{width:100%}.presentation-row .radio-label{display:flex;align-items:center;gap:8px;align-self:center}.presentation-row input[type=radio]{width:auto}.row-actions{display:flex;gap:5px;align-self:center}.presentation-row button{background:var(--surface-soft);border:1px solid var(--line);border-radius:5px;color:var(--text);padding:7px}.download-card .download-description{font-size:1.1rem;margin:15px 0 24px}.release-details{margin-top:20px;font-size:.85rem;color:var(--muted)}.release-details summary{cursor:pointer;color:var(--ink)}.release-details p{margin-top:12px}.download-version{display:inline-block;padding:4px 12px;border:1px solid var(--line);border-radius:20px;font-size:.8rem;color:var(--muted);margin:14px 0}.download-help{display:block;text-align:center;margin-top:16px;font-size:.9rem}.key-details{margin:15px 0}.key-details summary{cursor:pointer;color:var(--blue);font-size:.9rem}.key-details .key{margin-top:12px}
html[data-theme=dark]{color-scheme:dark;--body:#161617;--surface:#202022;--surface-soft:#28282a;--text:#e4e4e7;--ink:#f5f5f7;--muted:#aaaab1;--line:#38383c;--blue:#9bc5eb;--pale:#292e35;background:var(--body);color:var(--text)}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3{color:var(--ink)}[data-theme=dark] .hero h1 span{color:#a1a1a8}[data-theme=dark] .card,[data-theme=dark] .guide-card,[data-theme=dark] dialog,[data-theme=dark] .terminal,[data-theme=dark] .mini-badge,[data-theme=dark] .button.outline{background:var(--surface)!important;color:var(--text);border-color:var(--line)}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:#1a1a1c;color:var(--text);border-color:var(--line)}[data-theme=dark] .button:not(.outline):not(.danger){background:#e5e5e7;color:#1d1d1f;border-color:#e5e5e7}[data-theme=dark] .key,[data-theme=dark] .notice,[data-theme=dark] .terminal-info,[data-theme=dark] th,[data-theme=dark] pre{background:var(--surface-soft);color:var(--text);border-color:var(--line)}[data-theme=dark] .status{background:#22362d;color:#b3dec5}[data-theme=dark] .status.suspended,[data-theme=dark] .error{background:#40272a;color:#ffced0}[data-theme=dark] .tabs button{background:var(--surface);color:var(--text);border-color:var(--line)}[data-theme=dark] .tabs button.active{background:#e5e5e7;color:#171718}[data-theme=dark] .close{color:var(--text)}[data-theme=dark] .broker-logo img{background:#f5f5f7;border-radius:8px;padding:7px}[data-theme=dark] .chart{background-image:linear-gradient(#333 1px,transparent 1px),linear-gradient(90deg,#333 1px,transparent 1px)}
@media(max-width:1000px){.header{justify-content:center}.header nav{justify-content:center;gap:14px}.hero{gap:35px}.presentation-row{grid-template-columns:1fr 1fr}.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.header{padding:18px 20px}.header nav{font-size:.78rem;gap:12px}.header .button.small{padding:7px 11px}.hero{grid-template-columns:1fr;padding-top:45px;gap:30px}.hero h1{font-size:2.8rem}.hero .intro{font-size:.96rem}.editorial-grid{grid-template-columns:1fr}.trading-chart{height:440px}.section-heading{align-items:start;flex-direction:column;gap:15px}.section{padding:44px 20px}.course-callout{margin:0 20px;display:block;padding:30px}.course-callout .button{margin-top:24px}.presentation-row{grid-template-columns:1fr}.broker-strip{gap:22px}.broker-logo{min-width:85px}.ctl-explainer .terminal-head{font-size:.75rem}.explainer-step{padding:17px}.legal{gap:10px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.broker-logo{display:flex;align-items:center;gap:12px;letter-spacing:-.04em}.broker-logo img{width:36px;height:36px;object-fit:contain}.broker-logo span{font-size:1.5rem}

/* One content column and a consistent vertical rhythm across the homepage. */
.home-hero,.home-section{width:calc(100% - 80px);max-width:1120px;margin-inline:auto;padding-inline:0}
.home-hero{padding-block:64px;gap:56px;grid-template-columns:1.05fr 1fr}
.home-hero h1{font-size:clamp(2.5rem,4.4vw,3.75rem);line-height:1.4}
.home-hero .intro{max-width:500px;line-height:1.85}
.home-section{padding-block:48px}
.home-section .eyebrow{margin-bottom:12px}
.home-section h2{font-size:clamp(1.6rem,2.5vw,2rem);line-height:1.45}
.home-section .section-heading{margin-bottom:24px}
.home-section.market-section{border-top:1px solid var(--line)}
.home-section .trading-chart{height:500px}
.home-section .editorial-grid>p:only-child{grid-column:1/-1;padding:28px 32px;background:var(--surface-soft);border:1px solid var(--line);border-radius:16px;font-size:.95rem}
.home-section.course-callout{margin-block:0 16px;padding:32px 36px;gap:32px;border:1px solid var(--line);border-radius:16px}
.home-section.course-callout p{margin-top:8px;max-width:620px;font-size:.95rem}
.home-section.course-callout>.button{flex-shrink:0}
.home-section.compatibility{padding-block:40px 48px;border-top:1px solid var(--line);text-align:left}
.home-section.compatibility .broker-strip{justify-content:flex-start;margin-block:22px;gap:20px}
.home-section.compatibility p{margin:0;max-width:850px}
.broker-logo{min-width:160px;height:72px;padding:12px 22px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.broker-logo img{width:40px;height:40px;border-radius:8px}
[data-theme=dark] .broker-logo img{padding:0;background:transparent}
@media(max-width:800px){.home-hero,.home-section{width:calc(100% - 40px)}.home-hero{display:grid;grid-template-columns:1fr;padding-block:40px;gap:32px}.home-hero .intro{max-width:100%}.home-section{padding-block:32px}.home-section.course-callout{padding:24px;display:block;margin-block:0 12px}.home-section.course-callout>.button{margin-top:20px}.home-section.compatibility{padding-block:32px}.home-section.compatibility .broker-strip{gap:12px}.broker-logo{min-width:0;padding:10px 14px;gap:10px;height:64px}.broker-logo span{font-size:1.2rem}.home-section .trading-chart{height:420px}.home-section .editorial-grid>p:only-child{padding:24px}.home-section .section-heading .text-link{margin-top:0}}
[data-theme=dark] .broker-logo img{background:#fff;padding:4px}
.header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--body) 88%,transparent);backdrop-filter:blur(18px)}
html{scroll-behavior:smooth;scroll-padding-top:170px}
.section-nav{position:sticky;top:96px;z-index:25;display:flex;justify-content:center;gap:6px;padding:9px 20px;background:color-mix(in srgb,var(--body) 92%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);font-size:.78rem;overflow:auto}
.section-nav a{padding:6px 16px;border-radius:20px;white-space:nowrap;color:var(--muted);transition:background .2s,color .2s}.section-nav a.active{background:var(--pale);color:var(--blue)}
.demo-canvas{padding:20px 20px 0;color:var(--ink)}.demo-canvas svg{display:block;width:100%;height:auto}.demo-steps{display:flex;gap:8px;padding:18px 20px 0;font-size:.68rem;color:var(--muted)}.demo-steps span{padding:5px 8px;border-radius:6px;transition:background .3s,color .3s}.demo-steps .active{color:var(--blue);background:var(--pale)}.demo-legend{display:flex;justify-content:center;gap:18px;font-size:.7rem;color:var(--ink)}.demo-legend span:nth-child(2){color:#629acf}.demo-legend span:nth-child(3){color:#ca956b}.demo-controls{padding:20px 24px 24px}.demo-controls label{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted)}.demo-controls output{color:var(--ink);font-variant-numeric:tabular-nums}.demo-controls input[type=range]{width:100%;padding:0;margin:12px 0 18px;accent-color:var(--blue);cursor:pointer}.demo-controls .actions{gap:10px}.demo-controls p{font-size:.68rem;margin-top:14px}.demo-controls .demo-caption{font-size:.78rem;color:var(--ink);border-top:1px solid var(--line);padding-top:14px;line-height:1.7}
.reveal-section{animation:section-in .65s ease both;animation-play-state:paused}.reveal-section.is-visible{animation-play-state:running}@keyframes section-in{from{opacity:.4;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.editorial-cover img{transition:transform .4s ease}.editorial-card:hover .editorial-cover img{transform:scale(1.035)}.broker-logo{transition:transform .2s,box-shadow .2s}.broker-logo:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000000b}.button:active{transform:scale(.98)}.theme-toggle{transition:transform .3s,background .3s}.theme-toggle:active{transform:rotate(35deg)}body,.header,.card,.ctl-explainer,.course-callout,.broker-logo{transition:background-color .3s,color .3s,border-color .3s}
@media(max-width:1000px){.header{position:relative}.section-nav{top:0;justify-content:flex-start}html{scroll-padding-top:70px}}@media(max-width:680px){.section-nav{padding-inline:12px;gap:0}.section-nav a{padding-inline:12px}.demo-steps{gap:3px;font-size:.61rem}.demo-controls{padding:18px}.demo-canvas{padding:14px 12px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-section{animation:none;opacity:1;transform:none}*{transition:none!important}}
.demo-risk{margin:16px 20px 0;padding:14px;background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;font-size:.72rem}.demo-risk>strong{display:flex;justify-content:space-between;color:var(--ink)}.demo-risk small{font-size:.62rem;color:var(--muted);font-weight:400}.demo-risk>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}.demo-risk span{color:var(--muted)}.demo-risk b{display:block;color:var(--ink);font-size:.85rem;font-variant-numeric:tabular-nums}.demo-risk>small{display:block}.demo-canvas{padding-top:12px}
