.tool-intro-main{padding:var(--page-content-top) 0 var(--size-64px)}.tool-intro-shell{width:min(var(--page-max),calc(100% - var(--page-gutter)));margin:0 auto;display:grid;grid-gap:var(--size-32px);gap:var(--size-32px)}.tool-intro-heading{max-width:var(--size-920px);order:0}.tool-intro-preview,.tool-intro-shell.backtest-overview>*{order:0}.tool-intro-actions{display:flex;flex-wrap:wrap;gap:var(--size-8px);margin-top:var(--size-16px)}.tool-intro-actions .ui-button{gap:var(--size-7px)}.tool-intro-preview{overflow:hidden}.tool-intro-preview>header{display:flex;align-items:center;justify-content:space-between;gap:var(--size-16px);padding:var(--size-13px) var(--size-16px);border-bottom:var(--size-1px) solid var(--border);background:var(--panel-soft)}.tool-intro-preview>header span{color:var(--text);font-size:var(--type-card-title);font-weight:var(--weight-medium)}.tool-intro-preview>header h2{margin:var(--size-3px) 0 0;color:var(--text);font-size:var(--type-section-title);letter-spacing:var(--tracking-heading)}.tool-intro-preview>header small{color:var(--text-muted);font-size:var(--type-meta)}.tool-intro-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.tool-intro-metric{min-width:0;padding:var(--size-18px) var(--size-16px);border-right:var(--size-1px) solid var(--border)}.tool-intro-metric:last-child{border-right:0}.tool-intro-metric small,.tool-intro-metric span{display:block}.tool-intro-metric span{color:var(--text-muted);font-size:var(--type-meta)}.tool-intro-metric strong{display:block;margin-top:var(--size-4px);color:var(--text);font-size:var(--type-stat-large);letter-spacing:var(--tracking-body)}.tool-intro-metric strong.is-positive{color:var(--positive)}.tool-intro-metric strong.is-negative{color:var(--negative)}.tool-intro-metric small{margin-top:var(--size-3px);color:var(--text-muted);font-size:var(--type-meta)}.tool-intro-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--size-40px);gap:var(--size-40px);order:2}.tool-intro-access h2,.tool-intro-content h2{margin:0;color:var(--text);font-size:var(--type-section-title);letter-spacing:var(--tracking-heading)}.tool-intro-feature-list{margin-top:var(--size-12px)}.tool-intro-feature-list article{display:grid;grid-template-columns:var(--size-20px) minmax(0,1fr);grid-gap:var(--size-10px);gap:var(--size-10px);padding:var(--size-13px) 0;border-top:var(--size-1px) solid var(--border)}.tool-intro-feature-list svg{margin-top:var(--size-2px);color:var(--accent)}.tool-intro-feature-list h3,.tool-intro-feature-list p{margin:0}.tool-intro-feature-list h3{color:var(--text);font-size:var(--type-card-title)}.tool-intro-feature-list p{margin-top:var(--size-3px);color:var(--text-muted);font-size:var(--type-meta);line-height:var(--line-body)}.tool-intro-workflow{margin:var(--size-12px) 0 0;padding:0;list-style:none;counter-reset:tool-intro-step}.tool-intro-workflow li{display:grid;grid-template-columns:var(--size-28px) minmax(0,1fr);grid-gap:var(--size-10px);gap:var(--size-10px);padding:var(--size-13px) 0;border-top:var(--size-1px) solid var(--border);color:var(--text-muted);font-size:var(--type-meta);line-height:var(--line-body);counter-increment:tool-intro-step}.tool-intro-workflow li:before{display:grid;width:var(--size-26px);height:var(--size-26px);place-items:center;border:var(--size-1px) solid var(--border-strong);border-radius:var(--radius-4px);color:var(--accent);font-size:var(--type-meta);font-weight:var(--weight-medium);content:counter(tool-intro-step)}.tool-intro-access{display:flex;align-items:center;justify-content:space-between;gap:var(--size-24px);padding:var(--size-22px) 0;border-top:var(--size-1px) solid var(--border);border-bottom:var(--size-1px) solid var(--border);order:4}.tool-intro-access p{max-width:var(--size-720px);margin:var(--size-5px) 0 0;color:var(--text-muted);font-size:var(--type-meta)}.tool-intro-showcase>h2{margin:0;color:var(--text);font-size:var(--type-section-title);letter-spacing:var(--tracking-heading)}.tool-intro-editorial{order:1}.tool-intro-showcase{order:3}.tool-intro-showcase-lead{max-width:var(--size-780px);margin:var(--size-6px) 0 0;color:var(--text-muted);font-size:var(--type-meta);line-height:var(--line-reading)}.tool-intro-editorial{max-width:var(--size-940px)}.tool-intro-editorial h2{margin:0;color:var(--text);font-size:var(--type-section-title);letter-spacing:var(--tracking-heading)}.tool-intro-editorial>p:not(.eyebrow){max-width:var(--size-860px);margin:var(--size-9px) 0 0}.tool-intro-editorial ul,.tool-intro-editorial>p:not(.eyebrow){color:var(--text-muted);font-size:var(--type-meta);line-height:var(--line-reading)}.tool-intro-editorial ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--size-8px) var(--size-28px);gap:var(--size-8px) var(--size-28px);margin:var(--size-16px) 0 0;padding:0 0 0 var(--size-18px)}.tool-intro-screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--size-16px);gap:var(--size-16px);margin-top:var(--size-16px)}.tool-intro-screenshot-grid figure{overflow:hidden;margin:0;border:var(--size-1px) solid var(--border);border-radius:var(--radius-md);background:var(--panel);box-shadow:var(--shadow-card)}.tool-intro-screenshot-button{display:block;width:100%;padding:0;border:0;background:var(--transparent);cursor:zoom-in}.tool-intro-screenshot-button img{display:block;width:100%;height:auto;image-rendering:auto;border-bottom:var(--size-1px) solid var(--border)}.tool-intro-screenshot-button:focus-visible{outline:var(--size-3px) solid var(--accent);outline-offset:var(--size-n3px)}.tool-intro-screenshot-grid figcaption{display:grid;grid-gap:var(--size-4px);gap:var(--size-4px);padding:var(--size-14px) var(--size-16px) var(--size-16px)}.tool-intro-screenshot-grid figcaption strong{color:var(--text);font-size:var(--type-card-title);font-weight:var(--weight-heading);line-height:var(--line-title);letter-spacing:var(--tracking-heading)}.tool-intro-screenshot-grid figcaption span{color:var(--text-muted);font-size:var(--type-supporting);line-height:var(--line-supporting);font-weight:var(--weight-supporting)}.tool-intro-lightbox{width:min(96vw,var(--size-1500px));max-width:none;max-height:96vh;padding:0;border:var(--size-1px) solid var(--border-strong);border-radius:var(--radius-md);background:var(--panel);color:var(--text);box-shadow:var(--shadow)}.tool-intro-lightbox::-webkit-backdrop{background:var(--overlay-backdrop)}.tool-intro-lightbox::backdrop{background:var(--overlay-backdrop)}.tool-intro-lightbox-panel{display:grid;grid-template-rows:auto minmax(0,1fr);max-height:96vh;overflow:hidden}.tool-intro-lightbox-header{position:-webkit-sticky;position:sticky;z-index:var(--layer-1);top:0;display:flex;align-items:center;justify-content:space-between;gap:var(--size-16px);padding:var(--size-10px) var(--size-12px);border-bottom:var(--size-1px) solid var(--border);background:var(--panel)}.tool-intro-lightbox-panel>img{display:block;width:min(100%,var(--size-1462px));height:calc(96vh - var(--size-52px));max-height:calc(96vh - var(--size-52px));object-fit:contain;margin:0 auto}.tool-intro-faq{max-width:var(--size-920px);order:5}.tool-intro-faq>h2{margin:0;color:var(--text);font-size:var(--type-section-title);letter-spacing:var(--tracking-heading)}.tool-intro-faq>div{display:grid;margin-top:var(--size-12px)}.tool-intro-faq article{padding:var(--size-14px) 0;border-top:var(--size-1px) solid var(--border)}.tool-intro-faq h3,.tool-intro-faq p{margin:0}.tool-intro-faq h3{color:var(--text);font-size:var(--type-card-title)}.tool-intro-faq p{max-width:var(--size-780px);margin-top:var(--size-5px);color:var(--text-muted);font-size:var(--type-meta);line-height:var(--line-reading)}@media (max-width:760px){.tool-intro-shell{gap:var(--size-24px)}.tool-intro-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-intro-metric:nth-child(2){border-right:0}.tool-intro-metric:nth-child(-n+2){border-bottom:var(--size-1px) solid var(--border)}.tool-intro-content{gap:var(--size-24px)}.tool-intro-content,.tool-intro-editorial ul,.tool-intro-screenshot-grid{grid-template-columns:1fr}.tool-intro-access{align-items:flex-start;flex-direction:column}}@media (max-width:520px){.tool-intro-main{padding-bottom:var(--size-40px)}.tool-intro-actions,.tool-intro-actions .ui-button{width:100%}.tool-intro-preview>header{align-items:flex-start;flex-direction:column}.tool-intro-metrics{grid-template-columns:1fr}.tool-intro-metric,.tool-intro-metric:nth-child(2){border-right:0;border-bottom:var(--size-1px) solid var(--border)}.tool-intro-metric:last-child{border-bottom:0}}