.hub-hero{padding-bottom:44px}.hub-hero h1{max-width:900px}.hub-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.hub-stat{min-width:150px;padding:14px 16px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.06)}.hub-stat strong{display:block;font-size:24px;color:#fff}.hub-stat span{display:block;margin-top:3px;font-size:12px;color:#b8c7dc}.hub-finder-wrap{position:relative;z-index:3;margin-top:-28px}.hub-finder{background:#fff;border:1px solid #dfe7f0;border-radius:20px;box-shadow:0 18px 45px rgba(7,23,46,.12);padding:20px}.hub-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.hub-search{position:relative}.hub-search input{width:100%;height:52px;border:1px solid #cfd9e6;border-radius:13px;padding:0 48px 0 18px;font:inherit;color:#10233d;background:#f9fbfd;outline:none}.hub-search input:focus{border-color:#1c67d2;box-shadow:0 0 0 3px rgba(28,103,210,.12);background:#fff}.hub-search kbd{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:11px;color:#718198;border:1px solid #d7e0eb;border-bottom-width:2px;border-radius:6px;padding:3px 6px;background:#fff}.hub-result-count{font-size:13px;color:#63748a;white-space:nowrap}.hub-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.hub-filter{border:1px solid #d7e0eb;background:#fff;color:#28415f;border-radius:999px;padding:8px 12px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.hub-filter:hover,.hub-filter:focus-visible{border-color:#9db3ce}.hub-filter.active{background:#0b5bd3;color:#fff;border-color:#0b5bd3}.hub-intro{padding:58px 0 22px}.hub-intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:start}.hub-intro-copy h2{font-size:clamp(27px,4vw,42px);margin:8px 0 14px}.hub-intro-copy p{color:#63748a;line-height:1.7}.hub-principles{display:grid;gap:10px}.hub-principle{border:1px solid #e0e7ef;border-radius:14px;padding:15px 17px;background:#fff}.hub-principle strong{display:block;color:#10233d;margin-bottom:4px}.hub-principle span{font-size:13px;color:#6c7c91;line-height:1.5}.hub-pathways{padding:28px 0 54px}.hub-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hub-path{display:block;text-decoration:none;border:1px solid #dfe6ef;border-radius:16px;background:#fff;padding:20px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.hub-path:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(7,23,46,.08);border-color:#c2d1e2}.hub-path span{font-size:11px;font-weight:800;letter-spacing:.08em;color:#6e7e92}.hub-path h3{margin:8px 0 7px;color:#122943;font-size:18px}.hub-path p{margin:0;color:#6a7a8f;line-height:1.55;font-size:13px}.hub-featured{padding:54px 0;background:#07172e;color:#fff}.hub-featured .page-head h2{color:#fff}.hub-featured .page-head p{color:#b7c6d9}.hub-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hub-feature{display:flex;flex-direction:column;min-height:210px;padding:22px;border-radius:17px;background:#0b1b31;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.08)}.hub-feature:nth-child(even){background:#132a47}.hub-feature small{font-size:11px;letter-spacing:.08em;color:#8fb3e6;font-weight:800}.hub-feature h3{margin:13px 0 8px;font-size:20px;color:#fff}.hub-feature p{margin:0;color:#b9c8db;line-height:1.55;font-size:13px}.hub-feature b{margin-top:auto;padding-top:18px;color:#fff}.hub-catalog-intro{padding:52px 0 18px}.hub-catalog-intro h2{margin:7px 0 10px;font-size:clamp(28px,4vw,42px)}.hub-catalog-intro p{max-width:780px;color:#66778d;line-height:1.7}.hub-empty{display:none;margin:28px auto 56px;max-width:760px;padding:24px;border:1px dashed #bbc9d9;border-radius:16px;text-align:center;color:#68798e;background:#f7f9fc}.hub-empty.show{display:block}.hub-section-hidden{display:none!important}.hub-backtop{display:inline-flex;margin-top:18px;font-size:12px;font-weight:800;text-decoration:none;color:#37618e}.page-section .card-grid .info-card[hidden]{display:none!important}.hub-footer-cta{padding:54px 0}.hub-footer-cta .callout-panel{align-items:center}.hub-footer-cta p{max-width:720px}.category-strip{display:none!important}@media(max-width:1000px){.hub-path-grid,.hub-feature-grid{grid-template-columns:repeat(2,1fr)}.hub-intro-grid{grid-template-columns:1fr}}@media(max-width:700px){.hub-search-row{grid-template-columns:1fr}.hub-result-count{white-space:normal}.hub-path-grid,.hub-feature-grid{grid-template-columns:1fr}.hub-finder{padding:15px}.hub-finder-wrap{margin-top:-18px}.hub-stats{display:grid;grid-template-columns:1fr 1fr}.hub-stat{min-width:0}.hub-feature{min-height:185px}}

/* Task-first Engineering Tool Hub */
.tools-hub-v2 .hub-secondary-section{display:none}.tools-hub-v2 .hub-finder-wrap{margin-top:0;padding-top:34px;padding-bottom:30px}.hub-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 3px}.tool-priority-section{padding:68px 0 54px;background:#f7f9fc;border-bottom:1px solid #e3eaf2}.tool-problem-section{padding:62px 0;background:#fff}.tool-type-section{padding:62px 0;background:#f7f9fc;border-top:1px solid #e4eaf1;border-bottom:1px solid #e4eaf1}.tool-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.52fr);gap:34px;align-items:end;margin-bottom:34px}.tool-section-head>div>span{display:block;color:#0f67d8;font-size:.66rem;font-weight:900;letter-spacing:.13em}.tool-section-head h2{margin:8px 0 0;color:#0b2340;font-size:clamp(2rem,3.6vw,3.35rem);line-height:1.08;letter-spacing:-.035em}.tool-section-head>p{margin:0;color:#65758a;font-size:.9rem;line-height:1.7}.tool-priority-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.tool-priority-card{display:flex;min-height:214px;flex-direction:column;padding:21px;border:1px solid #d9e3ed;border-radius:14px;background:#fff;color:#10243d;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.tool-priority-card:hover{transform:translateY(-3px);border-color:#b8cde6;box-shadow:0 13px 30px rgba(15,42,74,.08)}.tool-priority-card small{color:#0f67d8;font-size:.62rem;font-weight:900;letter-spacing:.1em}.tool-priority-card strong{margin:24px 0 8px;font-size:1.05rem;line-height:1.3}.tool-priority-card span{color:#687a8e;font-size:.78rem;line-height:1.55}.tool-priority-card b{margin-top:auto;padding-top:17px;color:#173b65;font-size:.75rem}.tool-problem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tool-problem-grid button,.tool-problem-grid a{display:flex;min-height:190px;flex-direction:column;padding:22px;border:1px solid #dce5ee;border-radius:15px;background:#fff;color:#10243d;text-align:left;text-decoration:none;font:inherit;cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.tool-problem-grid button:hover,.tool-problem-grid a:hover{transform:translateY(-2px);border-color:#b7c9dd;box-shadow:0 12px 28px rgba(14,42,75,.07)}.tool-problem-grid small{color:#0f67d8;font-size:.62rem;font-weight:900;letter-spacing:.1em}.tool-problem-grid strong{margin:22px 0 8px;font-size:1.08rem;line-height:1.3}.tool-problem-grid span{color:#66778b;font-size:.78rem;line-height:1.55}.tool-problem-grid .tool-problem-ai{border-color:#12375f;background:linear-gradient(145deg,#07172e,#0d3157);color:#fff}.tool-problem-grid .tool-problem-ai small{color:#6ee7f1}.tool-problem-grid .tool-problem-ai span{color:#a8bdd2}.tool-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.tool-type-grid button,.tool-type-grid a{display:flex;min-height:245px;flex-direction:column;padding:25px;border:1px solid #d8e2ec;border-radius:16px;background:#fff;color:#10243d;text-align:left;text-decoration:none;font:inherit;cursor:pointer}.tool-type-grid small{color:#0f67d8;font-size:.64rem;font-weight:900;letter-spacing:.11em}.tool-type-grid strong{margin:29px 0 10px;font-size:1.38rem}.tool-type-grid span{color:#65778b;font-size:.82rem;line-height:1.6}.tool-type-grid b{margin-top:auto;padding-top:20px;color:#173b65;font-size:.78rem}.tool-type-grid .tool-type-workflow{border-color:#102d52;background:#07172e;color:#fff}.tool-type-grid .tool-type-workflow small{color:#6ee7f1}.tool-type-grid .tool-type-workflow span{color:#9fb3c9}.tool-type-grid .tool-type-workflow b{color:#fff}.hub-type-filters{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:14px 0 0;padding-top:14px;border-top:1px solid #e4eaf1}.hub-type-filters>span{margin-right:3px;color:#718196;font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.hub-type-filters button{padding:7px 11px;border:1px solid #d5dfe9;border-radius:999px;background:#fff;color:#3d536d;font:inherit;font-size:.72rem;font-weight:760;cursor:pointer}.hub-type-filters button.active{border-color:#173b65;background:#173b65;color:#fff}.engineering-workflow-section{padding:70px 0;background:#07172e;color:#fff}.engineering-workflow-section .tool-section-head h2{color:#fff}.engineering-workflow-section .tool-section-head>div>span{color:#6ee7f1}.engineering-workflow-section .tool-section-head>p{color:#9fb3c9}.engineering-workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.engineering-workflow-grid a{display:flex;min-height:205px;flex-direction:column;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.045);color:#fff;text-decoration:none;transition:transform .18s ease,background .18s ease}.engineering-workflow-grid a:hover{transform:translateY(-2px);background:rgba(255,255,255,.075)}.engineering-workflow-grid small{color:#6ee7f1;font-size:.62rem;font-weight:900;letter-spacing:.1em}.engineering-workflow-grid strong{margin:23px 0 8px;font-size:1.1rem}.engineering-workflow-grid span{color:#a7b9cc;font-size:.78rem;line-height:1.55}.engineering-workflow-grid .workflow-all{background:#0d3157}.tools-hub-v2 .hub-catalog-intro{padding-top:58px}.tools-hub-v2 #find-tool{scroll-margin-top:110px}.tools-hub-v2 #most-used,.tools-hub-v2 #engineering-workflows{scroll-margin-top:110px}@media(max-width:1050px){.tool-priority-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-problem-grid,.engineering-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-section-head{grid-template-columns:1fr}.tool-section-head>p{max-width:720px}.tool-type-grid{grid-template-columns:1fr 1fr}.tool-type-grid .tool-type-workflow{grid-column:1/-1;min-height:205px}}@media(max-width:700px){.hub-hero-actions{align-items:stretch;flex-direction:column}.hub-hero-actions .button{text-align:center}.tool-priority-section,.tool-problem-section,.tool-type-section,.engineering-workflow-section{padding:52px 0}.tool-priority-grid,.tool-problem-grid,.tool-type-grid,.engineering-workflow-grid{grid-template-columns:1fr}.tool-type-grid .tool-type-workflow{grid-column:auto}.tool-priority-card,.tool-problem-grid button,.tool-problem-grid a,.tool-type-grid button,.tool-type-grid a,.engineering-workflow-grid a{min-height:0}.tool-section-head{gap:16px;margin-bottom:27px}.tools-hub-v2 .hub-finder-wrap{padding-top:25px}.hub-type-filters{align-items:flex-start}.hub-type-filters>span{width:100%;margin-bottom:2px}}

/* Page-by-page visual QA: unify task cards and keep filters usable on small screens. */
.tool-section-head{align-items:start}
.tool-section-head>p{max-width:620px;font-size:1rem;line-height:1.7}
.tool-section-head>div>span,.tool-priority-card small,.tool-problem-grid small,.tool-type-grid small,.engineering-workflow-grid small{font-size:.75rem;line-height:1.35}
.tool-priority-card,.tool-problem-grid button,.tool-problem-grid a,.tool-type-grid button,.tool-type-grid a,.engineering-workflow-grid a{border-radius:14px;padding:24px}
.tool-priority-card strong,.tool-problem-grid strong,.engineering-workflow-grid strong{font-size:1.125rem}
.tool-priority-card span,.tool-problem-grid span,.tool-type-grid span,.engineering-workflow-grid span{font-size:.9375rem;line-height:1.65}
.tool-priority-card b,.tool-type-grid b{font-size:.875rem;font-weight:700}
.tool-type-grid strong{font-size:1.3rem;line-height:1.25}
.hub-stat{border-radius:14px;padding:15px 17px}
.hub-stat span{font-size:.8125rem;line-height:1.45}
@media(max-width:700px){
  .hub-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .hub-filters::-webkit-scrollbar{display:none}
  .hub-filter{flex:0 0 auto;white-space:nowrap}
  .hub-type-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .hub-type-filters::-webkit-scrollbar{display:none}
  .hub-type-filters>span{display:none}
  .hub-type-filters button{flex:0 0 auto;white-space:nowrap}
  .tool-priority-card,.tool-problem-grid button,.tool-problem-grid a,.tool-type-grid button,.tool-type-grid a,.engineering-workflow-grid a{padding:20px}
  .hub-stats{gap:8px}
  .hub-stat{padding:13px 14px}
}