.tool-intro-main{padding:var(--page-content-top) 0 64px}.tool-intro-shell{width:min(var(--page-max),calc(100% - var(--page-gutter)));margin:0 auto;display:grid;grid-gap:32px;gap:32px}.tool-intro-heading{max-width:920px}.tool-intro-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tool-intro-actions .ui-button{gap:7px}.tool-intro-preview{overflow:hidden}.tool-intro-preview>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;border-bottom:1px solid var(--border);background:var(--panel-soft)}.tool-intro-preview>header span{color:var(--text);font-size:var(--type-card-title);font-weight:700}.tool-intro-preview>header h2{margin:3px 0 0;color:var(--text);font-size:var(--type-section-title);letter-spacing:0}.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:18px 16px;border-right: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:4px;color:var(--text);font-size:1.65rem;letter-spacing:0}.tool-intro-metric strong.is-positive{color:var(--positive)}.tool-intro-metric strong.is-negative{color:var(--negative)}.tool-intro-metric small{margin-top: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:40px;gap:40px}.tool-intro-access h2,.tool-intro-content h2{margin:0;color:var(--text);font-size:var(--type-section-title);letter-spacing:0}.tool-intro-feature-list{margin-top:12px}.tool-intro-feature-list article{display:grid;grid-template-columns:20px minmax(0,1fr);grid-gap:10px;gap:10px;padding:13px 0;border-top:1px solid var(--border)}.tool-intro-feature-list svg{margin-top:2px;color:var(--cobalt)}.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:3px;color:var(--text-muted);font-size:var(--type-meta);line-height:1.5}.tool-intro-workflow{margin:12px 0 0;padding:0;list-style:none;counter-reset:tool-intro-step}.tool-intro-workflow li{display:grid;grid-template-columns:28px minmax(0,1fr);grid-gap:10px;gap:10px;padding:13px 0;border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--type-meta);line-height:1.5;counter-increment:tool-intro-step}.tool-intro-workflow li:before{display:grid;width:26px;height:26px;place-items:center;border:1px solid var(--border-strong);border-radius:4px;color:var(--cobalt);font-size:var(--type-meta);font-weight:700;content:counter(tool-intro-step)}.tool-intro-access{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.tool-intro-access p{max-width:720px;margin:5px 0 0;color:var(--text-muted);font-size:var(--type-meta)}@media (max-width:760px){.tool-intro-shell{gap: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:1px solid var(--border)}.tool-intro-content{grid-template-columns:1fr;gap:24px}.tool-intro-access{align-items:flex-start;flex-direction:column}}@media (max-width:520px){.tool-intro-main{padding-bottom: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:1px solid var(--border)}.tool-intro-metric:last-child{border-bottom:0}}