.tools-page{background:#f5f9fc;color:#071b3b}.tools-hero{overflow:hidden;padding:84px 0 72px;background:radial-gradient(circle at 78% 18%,rgba(9,178,190,.22),transparent 27%),radial-gradient(circle at 10% 8%,rgba(51,112,255,.13),transparent 30%),linear-gradient(145deg,#f7fcff 0%,#eef9fb 52%,#fff8ed 100%)}.tools-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;gap:70px}.tools-hero h1,.tools-category-hero h1,.tool-shell-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(3rem,6vw,5.8rem);line-height:.95;letter-spacing:-.055em;margin:12px 0 24px;color:#061c3f}.tools-hero p{max-width:720px;font-size:1.18rem;line-height:1.75;color:#536a85}.tools-search{display:flex;gap:10px;max-width:690px;margin-top:32px;padding:8px;background:#fff;border:1px solid #d7e4eb;border-radius:17px;box-shadow:0 18px 40px rgba(12,49,75,.12)}.tools-search input{flex:1;min-width:0;border:0;background:transparent;padding:0 16px;font:inherit;outline:0}.tools-trust{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px;color:#395a70;font-size:.88rem}.tools-trust span:before{content:'✓';color:#039da5;font-weight:900;margin-right:8px}.tools-hero-orbit{position:relative;min-height:430px;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(208,243,244,.75));border:1px solid rgba(8,154,166,.18);box-shadow:inset 0 0 60px rgba(255,255,255,.85),0 40px 90px rgba(18,70,92,.14)}.orbit-core,.orbit-card{position:absolute;display:grid;place-items:center;border-radius:24px;background:#fff;box-shadow:0 20px 45px rgba(13,54,83,.18);font-weight:900}.orbit-core{inset:31% 28%;text-align:center;background:linear-gradient(145deg,#073f7d,#00a8ad);color:#fff}.orbit-core strong{font-size:3.2rem;line-height:1}.orbit-core span{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em}.orbit-card{width:92px;height:92px;color:#fff}.orbit-card.primary{left:8%;top:12%;background:#fa5e63;transform:rotate(-8deg)}.orbit-card.image{right:7%;top:17%;background:#0674ce;transform:rotate(8deg)}.orbit-card.calc{right:17%;bottom:4%;background:#f4a800;transform:rotate(-5deg)}.tools-section{padding:78px 0}.tools-catalog-section,.tools-related{background:#fff}.tools-section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:30px}.tools-section-head h2,.tool-guide h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.04em;margin:6px 0}.tools-section-head>p{max-width:560px;color:#607287;line-height:1.65}.tool-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-category{position:relative;display:block;padding:26px;min-height:210px;border:1px solid #dbe8ee;border-radius:22px;background:linear-gradient(150deg,#fff,#f5fbfc);color:inherit;text-decoration:none;box-shadow:0 12px 32px rgba(13,54,83,.06);transition:.2s ease}.tool-category:hover{transform:translateY(-4px);border-color:#63cbd0;box-shadow:0 24px 46px rgba(13,54,83,.12)}.tool-category h3{font-size:1.35rem;margin:24px 0 8px}.tool-category p{color:#61738a;line-height:1.55}.tool-category small{color:#008e98;font-weight:800}.tool-category-count{position:absolute;right:22px;top:20px;width:45px;height:45px;display:grid;place-items:center;border-radius:15px;background:#e6f8f8;color:#008d96;font-weight:900}.tool-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tool-card{display:flex;flex-direction:column;min-height:305px;padding:22px;border:1px solid #dce7ee;border-radius:22px;background:#fff;box-shadow:0 11px 28px rgba(14,49,79,.06);transition:.2s ease}.tool-card:hover{transform:translateY(-4px);box-shadow:0 22px 42px rgba(14,49,79,.12)}.tool-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.tool-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,#087dca,#02aeb0);color:#fff;font-weight:900;box-shadow:0 10px 20px rgba(3,122,164,.18)}.tool-state{display:inline-flex;padding:6px 10px;border-radius:99px;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.tool-state.ready{background:#dff7ec;color:#08784f}.tool-state.preview{background:#fff3cf;color:#875c00}.tool-card h3{font-size:1.2rem;margin:22px 0 10px;line-height:1.25}.tool-card h3 a{color:inherit;text-decoration:none}.tool-card p{color:#63758b;line-height:1.55;font-size:.92rem}.tool-card-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:18px}.tool-card-meta span{padding:5px 8px;border-radius:8px;background:#f2f7fa;color:#607287;font-size:.7rem}.tool-card-link{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:15px;border-top:1px solid #edf2f5;color:#078e97;text-decoration:none;font-weight:850}.tools-empty{text-align:center;padding:50px;color:#607287}.tools-category-hero,.tool-shell-hero{padding:54px 0;background:linear-gradient(140deg,#edfaff,#fff8ec)}.tools-category-hero h1,.tool-shell-hero h1{font-size:clamp(2.8rem,5vw,4.8rem)}.tools-category-hero>.container>p,.tool-shell-heading p{max-width:790px;color:#5d7188;font-size:1.08rem;line-height:1.7}.tool-breadcrumb{display:flex;gap:9px;align-items:center;color:#678096;font-size:.85rem;margin-bottom:30px}.tool-breadcrumb a{color:#087f92;text-decoration:none;font-weight:800}.tools-honesty-note{max-width:850px;margin-top:25px;padding:16px 20px;border-left:4px solid #f4a800;border-radius:8px;background:#fff8dc;color:#6f570d}.tool-shell-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.tool-privacy-badge{flex:0 0 165px;padding:22px;border-radius:22px;background:#082e5c;color:#fff;text-align:center}.tool-privacy-badge strong,.tool-privacy-badge span{display:block}.tool-privacy-badge strong{font-size:1.2rem}.tool-privacy-badge span{margin-top:5px;opacity:.72;font-size:.78rem}.tool-workspace-section{padding:55px 0}.tool-workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:25px;align-items:start}.tool-workspace,.tool-policy-card{border:1px solid #d9e6ed;border-radius:24px;background:#fff;box-shadow:0 16px 38px rgba(13,48,76,.08)}.tool-workspace{padding:28px}.tool-workspace-head{display:flex;justify-content:space-between;gap:20px}.tool-workspace-head h2{margin:4px 0;font-size:1.7rem}.tool-workspace-head>span{font-size:.72rem;color:#698096}.tool-unavailable,.tool-dropzone{margin-top:25px;padding:55px 25px;border:2px dashed #cbdde6;border-radius:20px;text-align:center;background:#f7fbfd}.tool-unavailable>span{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 18px;border-radius:20px;background:#fff2c4;color:#8b6500;font-size:1.4rem}.tool-unavailable h3{font-size:1.35rem;margin:0 0 10px}.tool-unavailable p{max-width:580px;margin:0 auto 22px;color:#63758b;line-height:1.65}.tool-policy-card{padding:25px}.tool-policy-card h2{margin-top:0}.tool-policy-card dl div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #eaf0f3}.tool-policy-card dt{color:#6b7d91}.tool-policy-card dd{margin:0;font-weight:800;text-align:right}.tool-policy-card p{color:#63758b;line-height:1.6;font-size:.86rem}.tool-guide{background:#071f42;color:#fff}.tool-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.tool-guide h2{color:#fff}.tool-guide p,.tool-guide li span{color:#b9cadc;line-height:1.65}.tool-guide ol{padding-left:22px}.tool-guide li{padding:12px}.tool-guide li strong,.tool-guide li span{display:block}.tools-related .tool-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.tools-hero-grid{grid-template-columns:1fr}.tools-hero-orbit{display:none}.tool-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.tools-hero{padding:58px 0}.tools-search{display:grid}.tools-section{padding:52px 0}.tools-section-head,.tool-shell-heading{display:block}.tool-category-grid,.tool-card-grid,.tools-related .tool-card-grid,.tool-workspace-grid,.tool-guide-grid{grid-template-columns:1fr}.tool-privacy-badge{margin-top:24px}.tools-hero h1{font-size:3.2rem}}

/* Product-quality refinement: familiar controls, tighter rhythm and restrained
   surfaces keep attention on the task rather than decorative containers. */
.tools-page {
  --tools-ink: #071b3b;
  --tools-muted: #3f5870;
  --tools-line: #cbdbe4;
  --tools-surface: #fff;
  --tools-canvas: #f4f8fb;
  --tools-accent: #087f88;
  font-family: "Aptos", "Segoe UI Variable", "Segoe UI", ui-sans-serif, system-ui, sans-serif;
  background: var(--tools-canvas);
}
.tools-hero {
  padding: 68px 0 62px;
  background: linear-gradient(135deg, #f4fbfd 0%, #eaf5f8 68%, #f8fbfd 100%);
  border-bottom: 1px solid var(--tools-line);
}
.tools-hero-grid { gap: 54px; }
.tools-hero h1,
.tools-category-hero h1,
.tool-shell-hero h1 {
  max-width: 780px;
  margin: 10px 0 20px;
  color: var(--tools-ink);
  font-family: inherit;
  font-size: clamp(2.7rem, 5.4vw, 4.65rem);
  font-weight: 820;
  line-height: 1;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.tools-hero p,
.tools-category-hero > .container > p,
.tool-shell-heading p,
.tools-section-head > p,
.tool-card p,
.tool-category p,
.tool-policy-card p { color: var(--tools-muted); }
.tools-search {
  max-width: 680px;
  margin-top: 28px;
  padding: 7px;
  border-color: var(--tools-line);
  border-radius: 12px;
  box-shadow: 0 4px 8px rgba(7, 27, 59, .07);
}
.tools-search input { min-height: 44px; color: var(--tools-ink); }
.tools-search input::placeholder { color: #516b80; opacity: 1; }
.tools-trust { gap: 18px; color: #314e63; }
.tools-hero-orbit {
  min-height: 390px;
  border-radius: 16px;
  background: #e4f3f5;
  border-color: #bcd9df;
  box-shadow: none;
}
.orbit-core,
.orbit-card { border-radius: 14px; box-shadow: 0 4px 8px rgba(7, 27, 59, .12); }
.orbit-core { background: #075a70; }
.tools-section { padding: 64px 0; }
.tools-section-head h2,
.tool-guide h2 { font-size: clamp(1.85rem, 3.2vw, 2.65rem); letter-spacing: -.03em; text-wrap: balance; }
.tool-category-grid,
.tool-card-grid { gap: 14px; }
.tool-category,
.tool-card {
  border-color: var(--tools-line);
  border-radius: 14px;
  background: var(--tools-surface);
  box-shadow: none;
}
.tool-category { min-height: 190px; padding: 22px; }
.tool-card { min-height: 290px; padding: 20px; }
.tool-category:hover,
.tool-card:hover { transform: translateY(-2px); border-color: #6ab6bd; box-shadow: 0 4px 8px rgba(7, 27, 59, .08); }
.tool-category-count,
.tool-icon { border-radius: 11px; box-shadow: none; }
.tools-category-hero,
.tool-shell-hero { padding: 46px 0; background: #edf6f8; border-bottom: 1px solid var(--tools-line); }
.tools-category-hero h1,
.tool-shell-hero h1 { font-size: clamp(2.35rem, 4.2vw, 3.75rem); }
.tools-honesty-note {
  padding: 15px 18px;
  border: 1px solid #e2c45c;
  border-radius: 10px;
  background: #fff8dc;
  color: #5c4806;
}
.tool-privacy-badge { border-radius: 12px; background: #063e63; }
.tool-workspace,
.tool-policy-card { border-color: var(--tools-line); border-radius: 14px; box-shadow: none; }
.tool-workspace { padding: 24px; }
.tool-dropzone,
.tool-unavailable { border-radius: 12px; background: #f6fafc; }
.tool-unavailable > span { border-radius: 10px; }
.tool-guide { background: #071f42; }
.tool-guide p,
.tool-guide li span { color: #d0dce7; }
.tool-card-link,
.tool-breadcrumb a { color: #066f78; }
.tool-card-link:focus-visible,
.tool-category:focus-visible,
.tools-search input:focus-visible { outline: 3px solid rgba(8, 127, 136, .28); outline-offset: 3px; }
@media (max-width: 760px) {
  .tools-hero { padding: 48px 0; }
  .tools-hero h1 { font-size: clamp(2.45rem, 12vw, 3.35rem); }
  .tools-section { padding: 48px 0; }
  .tool-workspace { padding: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .tool-category,
  .tool-card { transition: none; }
  .tool-category:hover,
  .tool-card:hover { transform: none; }
}

.tool-card-actions,
.tool-heading-actions { display: flex; align-items: center; gap: 8px; }
.tool-heading-actions { align-items: stretch; flex: 0 0 auto; }
.tool-favorite-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 38px;
  min-height: 38px;
  padding: 7px 10px;
  border: 1px solid #b9cdd8;
  border-radius: 9px;
  color: #24465d;
  background: #fff;
  font: inherit;
  font-size: .86rem;
  font-weight: 750;
  cursor: pointer;
}
.tool-favorite-toggle:hover { border-color: #087f88; color: #066f78; background: #f0f9fa; }
.tool-favorite-toggle[aria-pressed="true"] { border-color: #d79a00; color: #704e00; background: #fff6d7; }
.tool-favorite-toggle:focus-visible { outline: 3px solid rgba(8, 127, 136, .28); outline-offset: 2px; }
.tool-card h3 a { display: inline-flex; align-items: center; min-height: 44px; }
.tool-card-link,
.tool-favorite-toggle { min-height: 44px; }
.tool-favorite-toggle { min-width: 44px; }
.tool-favorite-hero { align-self: stretch; min-width: 110px; }
.tools-personal { padding: 26px 0; border-bottom: 1px solid var(--tools-line); background: #fff; }
.tools-personal-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.tools-personal-head { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.tools-personal-head h2 { margin: 0; color: var(--tools-ink); font-size: 1.12rem; letter-spacing: -.015em; }
.tools-personal-head p { margin: 3px 0 0; color: var(--tools-muted); font-size: .8rem; }
.tools-personal-head button { border: 0; color: #536a7d; background: transparent; font: inherit; font-size: .78rem; font-weight: 750; cursor: pointer; }
.tools-personal-head button:hover { color: #8c2f38; text-decoration: underline; }
.tools-personal-links { display: flex; flex-wrap: wrap; gap: 8px; }
.tools-personal-links a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 6px 11px 6px 7px;
  border: 1px solid var(--tools-line);
  border-radius: 9px;
  color: #173b55;
  background: #f8fbfc;
  text-decoration: none;
  font-size: .82rem;
}
.tools-personal-links a:hover { border-color: #72b6bc; background: #f0f9fa; }
.tools-personal-links a > span { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 7px; color: #fff; background: #087f88; font-size: .72rem; font-weight: 850; }
@media (max-width: 760px) {
  .tool-heading-actions { width: 100%; margin-top: 20px; }
  .tool-favorite-hero { flex: 1; }
  .tools-personal-grid { grid-template-columns: 1fr; gap: 22px; }
}