.tools-catalog-section{padding-top:clamp(58px,7vw,92px);padding-bottom:80px}.tools-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);align-items:end;gap:8vw;margin-bottom:34px}.tools-heading h1{font-family:Georgia,serif;font-size:clamp(42px,4.6vw,70px);font-weight:400;line-height:.98;max-width:760px;margin:18px 0 0}.tools-heading p{max-width:430px;margin:0 0 8px;font-family:Georgia,serif;font-size:18px;line-height:1.55}.tools-catalog-section .filters{display:flex;gap:30px;border-bottom:1px solid rgba(11,58,47,.25);margin:0;padding:0;overflow-x:auto}.tools-catalog-section .filter-button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:12px 0 10px;color:var(--green);white-space:nowrap;cursor:pointer}.tools-catalog-section .filter-button.active{background:transparent;color:var(--green);border-color:var(--lime)}.tools-catalog-section .subcategory-filters{gap:20px;border-bottom:0;padding-top:5px;font-size:13px}.tools-catalog-section .subcategory-filters .filter-button{padding:8px 0}.tools-catalog-section .tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}.catalog-tool-card{border:1px solid rgba(11,58,47,.28);background:transparent;display:flex;flex-direction:column;min-width:0}.catalog-tool-preview{position:relative;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid rgba(11,58,47,.22);background:#eeeee8}.catalog-tool-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#f8f6ef;opacity:0;transition:opacity .45s ease}.catalog-tool-slide.active{opacity:1}.catalog-tool-placeholder{height:100%;display:grid;place-items:center;color:rgba(11,58,47,.55);font-size:12px;letter-spacing:.12em}.catalog-tool-dots{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);display:flex;gap:5px;padding:5px 7px;background:rgba(255,253,250,.85)}.catalog-tool-dots span{width:5px;height:5px;border-radius:50%;border:1px solid var(--green)}.catalog-tool-dots span.active{background:var(--green)}.catalog-tool-body{display:flex;flex:1;flex-direction:column;padding:19px}.catalog-tool-meta{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.catalog-tool-body h3{font:28px/1.05 Georgia,serif;margin:14px 0 9px}.catalog-tool-body p{color:#65746d;line-height:1.55;margin:0 0 18px}.catalog-tool-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.catalog-tool-actions .button{min-width:0;padding:11px 8px;font-size:11px;text-align:center}.catalog-tool-actions .disabled{opacity:.52;pointer-events:none}.tool-modal[hidden]{display:none}.tool-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.tool-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(8,43,35,.68)}.tool-modal-dialog{position:relative;width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fffdf8;border:1px solid var(--green);padding:40px}.tool-modal-close{position:absolute;right:20px;top:18px;border:0;background:transparent;font-size:28px;color:var(--green);cursor:pointer}.tool-modal-dialog>small{letter-spacing:.16em;text-transform:uppercase}.tool-modal-dialog h2{font:38px/1.05 Georgia,serif;margin:14px 35px 15px 0}.tool-modal-dialog>p{color:#5f7068;line-height:1.65}.tool-modal-included{border-top:1px solid #cfd6d1;margin-top:24px;padding-top:18px}.tool-modal-included h3{font:20px Georgia,serif}.tool-modal-included li{margin:9px 0}.tool-modal-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #cfd6d1;margin-top:24px;padding-top:20px}.tool-modal-footer>div{display:flex;gap:8px}.tool-modal-open{overflow:hidden}
@media(max-width:900px){.tools-heading{grid-template-columns:1fr;gap:18px}.tools-catalog-section .tool-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.tools-catalog-section{padding-top:42px}.tools-heading h1{font-size:43px}.tools-catalog-section .tool-grid{grid-template-columns:1fr}.tools-catalog-section .filters{gap:22px}.tool-modal-dialog{padding:32px 24px}.tool-modal-footer{align-items:stretch;flex-direction:column}.tool-modal-footer>div{display:grid;grid-template-columns:1fr 1fr}}
.tools-page{background:var(--h-paper);color:var(--h-green)}.tools-page .home-header{position:sticky;top:0}