.tools-directory main{max-width:1320px}.tools-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding:28px 0 65px;overflow:hidden}.tools-hero h1{font-size:clamp(50px,6vw,80px);line-height:1.04;letter-spacing:-3.5px}.tools-hero h1 span{color:#ff8752}.tools-hero .lede{max-width:490px;font-size:18px;color:#c9d0be}.tools-hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin:30px 0}.tools-hero-actions>a:last-child{font-size:12px;text-decoration:none}.tools-primary{display:inline-flex;gap:25px;align-items:center;padding:12px 18px;border-radius:6px;background:#ff8752;color:#21180f;font-size:13px;text-decoration:none;font-weight:700}.tools-facts{display:flex;gap:19px;font-size:11px;color:#a7b49b;margin:0}.tools-facts span+span{border-left:1px solid #4a5541;padding-left:19px}.tools-hero-art{position:relative;height:490px;min-width:0;background:radial-gradient(ellipse at 50% 55%,#303c26 0,transparent 70%)}.hero-design{position:absolute;object-fit:contain;box-shadow:0 24px 45px #0006;border-radius:5px;border:1px solid #ffffff20}.hero-cover{height:355px;width:auto;left:5%;top:55px;transform:rotate(-11deg)}.hero-poster{height:405px;width:auto;right:3%;top:12px;transform:rotate(8deg)}.hero-art-note{position:absolute;bottom:0;left:12%;right:0;border-top:1px solid #657454;padding-top:16px;font-size:12px}.hero-art-note span{display:block;color:#ffad83;font-size:8px;letter-spacing:2px;margin-bottom:8px}.hero-art-note strong{font-weight:400;color:#cbd3be}.tools-library{border-top:1px solid var(--line);padding-top:40px;scroll-margin-top:25px}.tools-library-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:27px}.tools-library-heading h2{font-size:32px;max-width:500px;margin:0}.tools-library-heading .eyebrow{font-size:9px}.tools-library-heading label{display:block;font-size:11px;margin-bottom:8px;color:#c1ccb3}.tool-search-box{display:flex;gap:8px}.tool-search-box input{font:inherit;font-size:13px;background:#192016;border:1px solid #56624a;color:#f4f2e7;padding:12px;border-radius:5px;width:270px}.tool-search-box button{font:inherit;font-size:11px;padding:10px;border:1px solid #56624a;border-radius:5px;background:transparent;color:#cad5bb;cursor:pointer}.tools-filters{display:flex;gap:8px;flex-wrap:wrap}.tools-filters a{display:inline-flex;align-items:center;gap:12px;font-size:11px;padding:7px 12px;border:1px solid #3e4934;border-radius:25px;text-decoration:none;color:#c0cdb1}.tools-filters a[aria-current]{background:#ff8752;color:#21180f;border-color:#ff8752}.tools-filters span{font-size:9px;opacity:.75}.tool-count{font-size:11px;color:#a5b293;margin:15px 0 25px}.tools-group{padding:25px 0 42px;scroll-margin-top:25px}.tools-group>header{display:flex;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:25px;margin-bottom:20px}.tools-group h2{font-size:26px;margin:0}.tools-group>header>p{font-size:12px;color:#aab89a;margin:0}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-card{background:#1a2016;border:1px solid #ffffff18;border-radius:10px;overflow:hidden;min-width:0;display:flex;flex-direction:column;transition:border-color .15s,transform .15s}.tool-card:hover{border-color:#ff875275;transform:translateY(-3px)}.tool-card-image{display:block;aspect-ratio:1.5;overflow:hidden;background:#141a17}.tool-card-image img{width:100%;height:100%;object-fit:contain;display:block}.tool-card-copy{padding:23px;display:flex;flex-direction:column;flex:1}.tool-card h3{font-size:23px;line-height:1.2;margin:0 0 13px}.tool-card h3 a{text-decoration:none;color:#f4f1e6}.tool-card h3 a:hover{color:#ffad83}.tool-card .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:13px}.tool-card-copy>p:not(.eyebrow){font-size:13px;color:#adbca0;margin:0 0 22px;line-height:1.75}.tool-card-bottom{margin-top:auto;padding-top:16px;border-top:1px solid #ffffff15;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.tool-card-bottom>span{font-size:9px;color:#9eae90}.tool-card-bottom>a{font-size:11px;text-decoration:none;color:#ffad83}.tools-workflow{margin:20px 0 55px;display:grid;grid-template-columns:1.2fr 1fr;gap:55px;padding:38px;background:#20291a;border:1px solid #ffffff18;border-radius:12px}.tools-workflow h2{font-size:34px}.tools-workflow p{font-size:14px;color:#b6c6a5;max-width:510px}.tools-workflow .eyebrow{font-size:9px}.tools-secondary{font-size:12px;display:inline-block;margin:14px 0 0 18px;text-decoration:none}.tools-guide-links{border-left:1px solid #556147;padding-left:30px}.tools-guide-links h3{margin:0 0 15px;font-size:20px}.tools-guide-links>a{display:block;padding:13px 0;border-bottom:1px solid #ffffff1a;font-size:13px;color:#d5dfc8;text-decoration:none}.tools-faq{max-width:800px;margin:0 auto 70px}.tools-faq h2{font-size:31px}.tools-faq details{border-bottom:1px solid var(--line);padding:18px 0}.tools-faq summary{font-size:16px;cursor:pointer}.tools-faq details p{font-size:14px;color:#b1c0a1}.no-tools{border:1px dashed #59684c;border-radius:10px;padding:30px;margin:25px 0 45px}.no-tools p{color:#b3c0a5;font-size:14px}[data-tool][hidden],[data-tool-group][hidden],#tool-search-controls[hidden],#no-tools[hidden]{display:none}.tools-directory input:focus-visible,.tools-directory button:focus-visible{outline:3px solid #ffad83;outline-offset:3px}
@media(max-width:1050px){.tools-hero{gap:15px}.tools-hero-art{height:420px}.hero-cover{height:290px;left:3%;top:60px}.hero-poster{height:330px;right:0;top:25px}.tools-hero h1{font-size:63px}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-library-heading{align-items:start}.tool-search-box input{width:225px}.tools-group>header{align-items:start;flex-direction:column;gap:8px}.tools-workflow{gap:30px;padding:28px}.tools-guide-links{padding-left:23px}.tools-workflow h2{font-size:29px}}
@media(max-width:680px){.tools-hero{grid-template-columns:1fr;padding-top:12px;padding-bottom:35px;gap:20px}.tools-hero h1{font-size:58px;letter-spacing:-2.8px}.tools-hero .lede{font-size:17px}.tools-hero-art{height:400px;max-width:420px;width:100%;margin:0 auto}.hero-cover{height:285px;top:35px;left:9%}.hero-poster{height:320px;top:0;right:7%}.hero-art-note{bottom:0;left:7%;right:7%}.tools-hero-actions{margin:23px 0}.tools-facts{font-size:10px;gap:12px}.tools-facts span+span{padding-left:12px}.tools-library-heading{display:block}.tools-library-heading h2{font-size:28px}.tools-library-heading label{margin-top:22px}.tool-search-box{width:100%}.tool-search-box input{width:100%;min-width:0}.tools-filters{gap:7px}.tools-filters a{font-size:10px;padding:6px 10px;gap:8px}.tools-grid{grid-template-columns:1fr;gap:20px}.tool-card-copy{padding:22px}.tool-card h3{font-size:25px}.tool-card-copy>p:not(.eyebrow){font-size:14px}.tool-card-bottom>a{font-size:12px}.tools-group{padding-bottom:25px}.tools-workflow{grid-template-columns:1fr;padding:23px;gap:30px;margin-bottom:45px}.tools-guide-links{padding-left:0;border-left:0;border-top:1px solid #556147;padding-top:25px}.tools-secondary{margin-left:0;display:block}.tools-faq h2{font-size:28px}.tools-faq{margin-bottom:45px}.tools-directory .blog-header nav{gap:14px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.tool-card{transition:none}.tool-card:hover{transform:none}}
