.hub-note{border:1px solid #46483d;border-left:4px solid #efed58;padding:25px 30px;font-size:18px;line-height:1.65;color:#fffdd0;margin:0 0 50px;max-width:100%}.hub-note strong{display:block;margin-bottom:8px}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0 0 80px}.tool-card{padding:40px;background:#151812;border:1px solid #3b3d31;display:flex;flex-direction:column;align-items:flex-start;gap:18px;border-radius:4px}.tool-no{font:600 13px/1.5 'Source Sans 3',sans-serif;letter-spacing:.1em;color:#efed58}.tool-card h2{font-size:clamp(32px,3.3vw,48px);line-height:1.2;margin:0;color:#fffdd0}.tool-card p{font-size:19px;line-height:1.55;margin:0 0 10px}.tool-card a{font-size:17px;text-underline-offset:5px}.tool-card .tool-link{background:#efed58;color:#171811;padding:14px 22px;border-radius:4px;text-decoration:none;font-weight:600;margin-top:auto}.tool-card .tool-link:hover{background:#fff98a;transform:translateY(-2px)}.tool-card:last-child{grid-column:1/-1}.hub-process{padding:0 0 70px;max-width:900px}.hub-process h2{font-size:clamp(36px,4vw,58px);margin:16px 0 25px;line-height:1.2}.hub-process p{font-size:20px;line-height:1.65}.demo-intro{padding-bottom:40px}.demo-intro h1{line-height:1.12}
@media(max-width:700px){.tool-grid{grid-template-columns:1fr}.tool-card{padding:28px}.hub-note{padding:20px}.demo-intro p{font-size:18px}.hub-process p{font-size:18px}}

.tool-preview{margin:0;width:100%}.tool-preview img{display:block;width:100%;height:auto;border:1px solid #46483d;border-radius:4px}.tool-preview figcaption{margin-top:10px;font-size:14px;line-height:1.5;color:#d1d2b9}.tool-card-preview{scroll-margin-top:24px}