.tools-hub-page{max-width:1360px;margin:0 auto;padding:72px 28px 100px}
.tools-hero{text-align:center;max-width:980px;margin:0 auto 64px}
.tools-hero .eyebrow{display:inline-block;border:1px solid #9a7200;color:#ffc400;border-radius:999px;padding:9px 18px;font-weight:800;font-size:.82rem;letter-spacing:.03em}
.tools-hero h1{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.05;margin:28px 0 18px;color:#f5f7fb}
.tools-hero p{font-size:1.15rem;color:#a9bfd7;max-width:760px;margin:0 auto}
.tools-category{margin-top:58px}
.category-heading{display:flex;gap:18px;align-items:flex-start;margin-bottom:22px}
.category-heading>span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid #0d92d4;color:#20c6ff;font-weight:800;background:#05243a}
.category-kicker{margin:0 0 5px;color:#20c6ff;font-weight:800;font-size:.82rem;letter-spacing:.09em}
.category-heading h2{margin:0;color:#fff;font-size:1.7rem}
.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tool-card{background:linear-gradient(145deg,#071b2a,#05111b);border:1px solid #174e6e;border-radius:22px;padding:26px;min-height:285px;display:flex;flex-direction:column;box-shadow:0 18px 50px rgba(0,0,0,.18);transition:.2s transform,.2s border-color}
.tool-card:hover{transform:translateY(-4px);border-color:#1cbcf4}
.tool-logo{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:#082b43;border:1px solid #087eb7;color:#fff;font-weight:900;font-size:1.05rem;margin-bottom:18px}
.tool-meta{color:#ffc400;font-size:.78rem;font-weight:700;margin-bottom:8px}
.tool-card h3{font-size:1.45rem;color:#fff;margin:0 0 10px}
.tool-card p{color:#a9bfd7;line-height:1.65;margin:0 0 25px}
.tool-card a{margin-top:auto;color:#16c9ff;font-weight:900;text-decoration:none;letter-spacing:.02em}
.tool-card a:hover{color:#ffc400}
@media(max-width:900px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.tools-hub-page{padding:48px 18px 70px}.tools-grid{grid-template-columns:1fr}.tools-hero h1{font-size:2.4rem}}

main{max-width:1400px;margin:0 auto;padding:72px 28px 100px}
.saas-hero{text-align:center;max-width:980px;margin:0 auto 38px}
.saas-eyebrow{display:inline-block;color:#ffc400;border:1px solid #846500;border-radius:999px;padding:9px 17px;font-size:.8rem;font-weight:900;letter-spacing:.08em}
.saas-hero h1{font-size:clamp(2.6rem,5vw,4.6rem);line-height:1.04;color:#f7f9fc;margin:24px 0 17px}
.saas-hero p{max-width:830px;margin:0 auto;color:#a9bfd7;font-size:1.08rem;line-height:1.65}
.saas-note{max-width:980px;margin:0 auto 65px;padding:16px 18px;border:1px solid #174e6e;border-radius:14px;background:#061624;color:#a9bfd7;text-align:center}
.saas-note strong{color:#20c8ff}
.saas-category{margin-top:68px}
.saas-category-head{display:flex;gap:18px;align-items:flex-start;margin-bottom:24px}
.saas-category-head>span{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:50%;border:1px solid #0f89bd;color:#20c8ff;background:#06243a;font-weight:900}
.saas-category-head p{margin:0;color:#ffc400;font-size:.77rem;font-weight:900;letter-spacing:.08em}
.saas-category-head h2{margin:5px 0 0;color:#fff;font-size:2rem}
.saas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.saas-card{min-height:350px;padding:24px;border:1px solid #174e6e;border-radius:20px;background:linear-gradient(145deg,#071c2c,#041019);display:flex;flex-direction:column;transition:.2s}
.saas-card:hover{transform:translateY(-4px);border-color:#1dbcf3}
.saas-logo{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:#082c44;border:1px solid #0c7faf;color:#fff;font-weight:900;margin-bottom:18px}
.saas-meta{color:#65d8ff;font-size:.76rem;font-weight:900}
.saas-card h3{color:#fff;font-size:1.4rem;margin:8px 0 10px}
.saas-card p{color:#9fb4c6;line-height:1.6;margin:0 0 18px}
.saas-commission{color:#ffc400;font-size:.88rem;font-weight:800;margin-top:auto;margin-bottom:16px}
.saas-card a{display:block;text-align:center;text-decoration:none;padding:12px 14px;border-radius:10px;background:linear-gradient(135deg,#ffd24a,#ffb300);color:#07111a;font-size:.8rem;font-weight:900}
.saas-final{text-align:center;margin-top:78px;padding:48px 24px;border:1px solid #6d5200;border-radius:22px;background:#07131d}
.saas-final span{color:#ffc400;font-size:.78rem;font-weight:900;letter-spacing:.08em}
.saas-final h2{color:#fff;font-size:2.2rem;margin:14px 0 10px}
.saas-final p{color:#a9bfd7}
@media(max-width:950px){.saas-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){main{padding:48px 18px 72px}.saas-grid{grid-template-columns:1fr}.saas-hero h1{font-size:2.45rem}}

.saas-cta {
  display: inline-block;
  margin-top: 22px;
  padding: 14px 32px;
  background: #ffbd16;
  color: #050b11;
  font-weight: 800;
  font-size: 13px;
  text-decoration: none;
  border-radius: 8px;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.saas-cta:hover {
  transform: translateY(-2px);
  opacity: 0.92;
}