.tools-page{--tools-border:rgba(17,43,73,.12);--tools-soft:rgba(255,250,243,.72)}
.tools-shell{width:min(calc(100% - 40px),1180px);margin:0 auto;padding:148px 0 84px}
.tools-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);gap:54px;align-items:end;padding:24px 0 56px}
.tools-eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800;color:#2d68c4}.tools-eyebrow span{display:inline-block;width:24px;height:2px;background:#d78f2b;vertical-align:middle;margin-right:10px}
.tools-hero h1{max-width:800px;margin:0;color:#112b49;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,6.6vw,6rem);font-weight:500;line-height:.96;letter-spacing:-.055em}.tools-hero-copy>p:last-child{max-width:680px;margin:26px 0 0;color:#5f6670;font-size:1.12rem;line-height:1.7}
.tools-summary{display:grid;grid-template-columns:repeat(3,1fr);padding:22px 0;border-top:1px solid var(--tools-border);border-bottom:1px solid var(--tools-border)}.tools-summary div{padding:0 18px;border-left:1px solid var(--tools-border)}.tools-summary div:first-child{border-left:0;padding-left:0}.tools-summary strong{display:block;color:#112b49;font-family:Georgia,serif;font-size:2rem}.tools-summary span{display:block;margin-top:4px;color:#6f6253;font-size:.74rem;text-transform:uppercase;letter-spacing:.1em}
.tools-discovery{position:sticky;top:92px;z-index:20;margin-bottom:48px;padding:18px;border:1px solid var(--tools-border);border-radius:22px;background:rgba(249,244,236,.9);box-shadow:0 18px 50px rgba(17,43,73,.1);backdrop-filter:blur(18px)}
.tools-search{display:flex;align-items:center;gap:12px;padding:0 16px;height:54px;border:1px solid rgba(17,43,73,.18);border-radius:14px;background:#fff}.tools-search>span{font-size:1.5rem;color:#2d68c4}.tools-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#112b49;font:inherit;font-size:1rem}.tools-search kbd{padding:3px 8px;border:1px solid var(--tools-border);border-radius:6px;color:#6f6253;background:#f5f0e8}
.tools-filters{display:flex;gap:8px;overflow-x:auto;padding:14px 0 2px;scrollbar-width:none}.tools-filter{flex:none;min-height:38px;padding:7px 13px;border:1px solid var(--tools-border);border-radius:999px;background:transparent;color:#4c5a69;font:inherit;font-size:.79rem;font-weight:700;cursor:pointer}.tools-filter span{margin-left:4px;opacity:.65}.tools-filter:hover,.tools-filter.is-active{border-color:#112b49;background:#112b49;color:#fff}
.tools-sort{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid var(--tools-border);color:#6f6253;font-size:.82rem}.tools-sort label{display:flex;align-items:center;gap:8px}.tools-sort select{border:0;background:transparent;color:#112b49;font:inherit;font-weight:700}
.tool-group{margin:0 0 64px}.tool-group>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.tool-group h2{margin:0;color:#112b49;font-family:Georgia,serif;font-size:2rem;font-weight:500}.tool-group>header>span{color:#6f6253;font-size:.8rem}
.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tool-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--tools-border);border-radius:24px;background:var(--tools-soft);color:inherit;text-decoration:none;box-shadow:0 10px 28px rgba(17,43,73,.06);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.tool-card:hover{transform:translateY(-5px);border-color:rgba(45,104,196,.35);box-shadow:0 24px 54px rgba(17,43,73,.14)}
.tool-thumb{position:relative;isolation:isolate;min-height:190px;padding:22px;overflow:hidden;color:#fff;background:linear-gradient(135deg,#112b49,#2d68c4)}.tool-thumb--teal{background:linear-gradient(135deg,#093f48,#0d9b8a)}.tool-thumb--gold{background:linear-gradient(135deg,#754b18,#d78f2b)}.tool-thumb--coral{background:linear-gradient(135deg,#703e46,#d36d5d)}.tool-thumb--navy{background:linear-gradient(135deg,#07192d,#244d76)}.tool-thumb-grid{position:absolute;inset:0;z-index:-1;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom right,#000,transparent)}.tool-thumb:after{content:"";position:absolute;right:-44px;bottom:-62px;z-index:-1;width:180px;height:180px;border:34px solid rgba(255,255,255,.14);border-radius:50%}.tool-thumb b{display:grid;width:54px;height:54px;place-items:center;margin-bottom:28px;border:1px solid rgba(255,255,255,.28);border-radius:16px;background:rgba(255,255,255,.12);font-size:1.7rem;backdrop-filter:blur(6px)}.tool-thumb small{display:block;margin-bottom:7px;text-transform:uppercase;letter-spacing:.12em;font-size:.64rem;opacity:.78}.tool-thumb strong{display:block;max-width:85%;font-family:Georgia,serif;font-size:1.35rem;font-weight:500;line-height:1.12}
.tool-card-body{display:flex;flex:1;flex-direction:column;padding:20px}.tool-card-meta{display:flex;justify-content:space-between;gap:10px;color:#746b61;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.tool-card-meta span:last-child{text-align:right}.tool-card h3{margin:15px 0 8px;color:#112b49;font-size:1.08rem}.tool-card p{margin:0;color:#67645f;font-size:.88rem;line-height:1.58}.tool-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;color:#2d68c4;font-size:.82rem;font-weight:800}.tool-card-foot b{font-size:1.1rem;transition:transform .2s}.tool-card:hover .tool-card-foot b{transform:translateX(4px)}
.tool-card-stats{display:flex;gap:18px;margin-top:18px;padding-top:14px;border-top:1px solid var(--tools-border);color:#776e64;font-size:.68rem}.tool-card-stats span{display:flex;flex-direction:column;gap:2px}.tool-card-stats b{color:#112b49;font-size:.85rem}
.tools-empty{text-align:center;padding:70px 20px;border:1px dashed var(--tools-border);border-radius:24px}.tools-empty strong{color:#112b49;font-family:Georgia,serif;font-size:2rem}.tools-empty p{color:#6f6253}.tools-empty button{min-height:44px;padding:0 18px;border:0;border-radius:999px;background:#112b49;color:#fff;font-weight:800}
.tools-note{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:88px;padding:42px;border-radius:28px;background:#112b49;color:#fff}.tools-note .tools-eyebrow{color:#80d8ce}.tools-note h2{margin:0;font-family:Georgia,serif;font-size:2.2rem;font-weight:500}.tools-note>p{margin:0;color:#d9e2eb;line-height:1.75}
@media(max-width:900px){.tools-hero{grid-template-columns:1fr}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-discovery{top:76px}}
@media(max-width:620px){.tools-shell{width:min(calc(100% - 24px),1180px);padding-top:118px}.tools-hero{gap:34px;padding-bottom:38px}.tools-hero h1{font-size:clamp(2.75rem,14vw,4.3rem)}.tools-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.tools-summary div{padding:0 8px}.tools-summary strong{font-size:1.55rem}.tools-summary span{font-size:.58rem}.tools-discovery{position:relative;top:auto;margin-bottom:36px;padding:12px}.tools-search kbd{display:none}.tools-sort{align-items:flex-start}.tool-grid{grid-template-columns:1fr}.tool-group{margin-bottom:48px}.tool-group>header{padding:0 4px}.tools-note{grid-template-columns:1fr;padding:28px}.tool-thumb{min-height:176px}}
@media(prefers-reduced-motion:reduce){.tool-card,.tool-card-foot b{transition:none}}