.tools-directory{color:#20242c;background:radial-gradient(120% 60% at 50% 0,#eef2fb 0%,#f5f7fb 46% 100%)}.tools-directory-hero{background:linear-gradient(135deg,#0e1422 0%,#1b2334 52%,#263143 100%);padding:84px 0 70px;position:relative;overflow:hidden}.tools-directory-hero-glow{filter:blur(8px);pointer-events:none;background:radial-gradient(closest-side,#ff75026b,#ff750200);width:520px;height:520px;position:absolute;top:-200px;right:-180px}.tools-directory-hero:after{content:"";pointer-events:none;background:radial-gradient(closest-side,#3850828c,#38508200);width:460px;height:460px;position:absolute;bottom:-260px;left:-160px}.tools-directory-hero-content{z-index:1;max-width:880px;position:relative}.tools-directory-eyebrow{color:#ffc48f;letter-spacing:.02em;text-transform:uppercase;background:#ffffff0f;border:1px solid #ffb36659;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.4rem;padding:.4rem .9rem .4rem .7rem;font-size:.8rem;font-weight:700;display:inline-flex}.tools-directory-eyebrow-dot{background:#ff7502;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #ff750240}.tools-directory-hero h1{color:#fff;letter-spacing:-.02em;margin-bottom:1.1rem;font-size:clamp(2.3rem,4.6vw,4rem);font-weight:850;line-height:1.04}.tools-directory-hero h1 span{background:linear-gradient(135deg,#ff7502 0%,#ffb366 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.tools-directory-hero p{color:#cdd5e3;max-width:760px;margin:0;font-size:1.12rem;line-height:1.75}.tools-directory-hero-badges{flex-wrap:wrap;gap:.6rem;margin:1.8rem 0 0;padding:0;list-style:none;display:flex}.tools-directory-hero-badges li{color:#e7ecf5;background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.88rem;font-weight:600;display:inline-flex}.tools-directory-hero-badges svg{color:#ffb366;font-size:.95rem}.tools-directory-hero-nav{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1.8rem;padding:1rem 1.25rem;display:flex}.tools-directory-hero-nav-label{color:#8a9bb8;white-space:nowrap;font-size:.85rem;font-weight:500}.tools-directory-hero-nav-actions{flex-wrap:wrap;gap:.6rem;display:flex}.tools-directory-hero-nav-btn{color:#dde5f4;border:1px solid #fff3;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.tools-directory-hero-nav-btn svg{font-size:.75rem;transition:transform .2s}.tools-directory-hero-nav-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff59;text-decoration:none}.tools-directory-hero-nav-btn:hover svg{transform:translate(3px)}.tools-directory-hero-nav-btn--primary{color:#fff;background:linear-gradient(135deg,#ff7502 0%,#ffb366 100%);border-color:#0000}.tools-directory-hero-nav-btn--primary:hover{color:#fff;background:linear-gradient(135deg,#e86800 0%,#ff9f44 100%);border-color:#0000}.tools-directory-list{padding:56px 0 64px}.tools-directory-section-header{justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1.8rem;display:flex}.tools-directory-section-kicker{color:#ff7502;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;font-size:.78rem;font-weight:850;display:block}.tools-directory-section-header h2{color:#161a22;letter-spacing:-.01em;margin:0;font-size:clamp(1.7rem,2.6vw,2.15rem);font-weight:850}.tools-directory-section-header p{color:#606775;max-width:520px;margin:0;line-height:1.6}.tools-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.tools-directory-card{color:inherit;background:#fff;border:1px solid #11182712;border-radius:20px;flex-direction:column;min-height:290px;padding:1.5rem;text-decoration:none;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #1118270a,0 12px 30px #1118270f}.tools-directory-card:before{content:"";opacity:0;transform-origin:0;background:linear-gradient(135deg,#ff7502 0%,#ffb366 100%);height:4px;transition:transform .3s,opacity .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.tools-directory-card:hover{color:inherit;border-color:#ff750266;text-decoration:none;transform:translateY(-5px);box-shadow:0 18px 44px #ff750229}.tools-directory-card:hover:before{opacity:1;transform:scaleX(1)}.tools-directory-card-top{justify-content:space-between;align-items:center;margin-bottom:1.1rem;display:flex}.tools-directory-card-icon{color:#ff7502;background:linear-gradient(135deg,#fff1e4 0%,#ffe2c7 100%);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.4rem;transition:transform .25s,background .25s,color .25s;display:inline-flex}.tools-directory-card:hover .tools-directory-card-icon{color:#fff;background:linear-gradient(135deg,#ff7502 0%,#ffb366 100%);transform:scale(1.05)rotate(-3deg)}.tools-directory-card-badge{color:#4a5160;letter-spacing:.02em;text-transform:uppercase;background:#f1f4f9;border-radius:999px;padding:.38rem .7rem;font-size:.72rem;font-weight:800}.tools-directory-card h3{color:#161a22;letter-spacing:-.01em;margin-bottom:.6rem;font-size:1.18rem;font-weight:850;line-height:1.3}.tools-directory-card p{color:#5c6270;flex:1;margin-bottom:.9rem;font-size:.95rem;line-height:1.6}.tools-directory-card small{color:#8a92a1;margin-bottom:1.15rem;font-size:.77rem;line-height:1.45;display:block}.tools-directory-card-action{color:#ff7502;align-items:center;gap:.45rem;margin-top:auto;font-size:.92rem;font-weight:850;display:inline-flex}.tools-directory-card-action svg{transition:transform .25s}.tools-directory-card:hover .tools-directory-card-action svg{transform:translate(5px)}.tools-directory-cta{background:#fff;border-top:1px solid #eef1f6;padding:64px 0 72px}.tools-directory-cta-card{background:linear-gradient(135deg,#ff7502 0%,#ff9233 50%,#ffb366 100%);border-radius:28px;padding:clamp(2.5rem,5vw,4rem) clamp(1.5rem,4vw,3.5rem);position:relative;overflow:hidden;box-shadow:0 26px 60px #ff750247}.tools-directory-cta-glow{pointer-events:none;background:radial-gradient(closest-side,#fff6,#fff0);width:360px;height:360px;position:absolute;top:-140px;right:-60px}.tools-directory-cta-content{text-align:center;z-index:1;max-width:720px;margin:0 auto;position:relative}.tools-directory-cta-icon{color:#fff;background:#fff3;border:1px solid #ffffff59;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.4rem;font-size:1.6rem;display:inline-flex}.tools-directory-cta-content h2{color:#fff;letter-spacing:-.02em;margin-bottom:.9rem;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:850;line-height:1.12}.tools-directory-cta-content p{color:#ffffffeb;max-width:600px;margin:0 auto 1.8rem;font-size:1.1rem;line-height:1.7}.tools-directory-cta-button{color:#d8480a;letter-spacing:-.01em;background:#fff;border-radius:999px;align-items:center;gap:.6rem;padding:1rem 1.9rem;font-size:1.02rem;font-weight:850;text-decoration:none;transition:transform .25s,box-shadow .25s,color .25s;display:inline-flex;box-shadow:0 12px 28px #1118272e}.tools-directory-cta-button svg{transition:transform .25s}.tools-directory-cta-button:hover{color:#d8480a;text-decoration:none;transform:translateY(-3px);box-shadow:0 18px 38px #11182742}.tools-directory-cta-button:hover svg{transform:translate(5px)}.tools-directory-cta-badges{flex-wrap:wrap;justify-content:center;gap:.6rem 1.4rem;margin:1.8rem 0 0;padding:0;list-style:none;display:flex}.tools-directory-cta-badges li{color:#fffffff2;align-items:center;gap:.45rem;font-size:.9rem;font-weight:700;display:inline-flex}.tools-directory-cta-badges svg{font-size:.95rem}@media screen and (max-width:991px){.tools-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-directory-section-header{flex-direction:column;align-items:flex-start;gap:.6rem}}@media screen and (max-width:640px){.tools-directory-hero{padding:58px 0 48px}.tools-directory-grid{grid-template-columns:1fr}.tools-directory-card{min-height:auto}.tools-directory-cta-button{justify-content:center;width:100%}}