.agt-directory-filters {
  display: grid;
  grid-template-columns: minmax(220px, 1.6fr) repeat(3, minmax(145px, .8fr)) auto;
  gap: 10px;
  margin-bottom: 26px;
  padding: 14px;
  border: 1px solid var(--agt-line, #e4e7ec);
  border-radius: 16px;
  background: var(--agt-surface, #fff);
  box-shadow: 0 10px 30px rgba(16, 24, 40, .05);
}
.agt-directory-filters input,
.agt-directory-filters select,
.agt-form input:not([type="checkbox"]),
.agt-form select,
.agt-form textarea,
.agt-compare-form select,
.comment-form-rating select {
  width: 100%;
  min-height: 45px;
  padding: 10px 12px;
  border: 1px solid var(--agt-line, #d0d5dd);
  border-radius: 10px;
  background: var(--agt-surface, #fff);
  color: var(--agt-ink, #101828);
}
.agt-form textarea { resize: vertical; }
.agt-tool-card {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 300px;
  flex-direction: column;
  padding: 20px;
  border: 1px solid var(--agt-line, #e4e7ec);
  border-radius: var(--agt-radius, 18px);
  background: var(--agt-surface, #fff);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.agt-tool-card:hover { transform: translateY(-4px); border-color: rgba(75, 77, 237, .45); box-shadow: var(--agt-shadow, 0 18px 48px rgba(16,24,40,.09)); }
.agt-tool-card__top { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.agt-tool-card__logo,
.agt-tool-logo {
  display: grid;
  overflow: hidden;
  place-items: center;
  border: 1px solid var(--agt-line, #e4e7ec);
  border-radius: 15px;
  background: var(--agt-soft, #f5f7ff);
  color: var(--agt-brand, #4b4ded);
  font-size: 1.4rem;
  font-weight: 850;
}
.agt-tool-card__logo { width: 58px; height: 58px; }
.agt-tool-logo { width: 92px; height: 92px; }
.agt-tool-card__logo img,
.agt-tool-logo img { width: 100%; height: 100%; object-fit: contain; padding: 8px; background: #fff; }
.agt-favourite-icon {
  display: grid; width: 38px; height: 38px; place-items: center;
  border: 1px solid var(--agt-line, #e4e7ec); border-radius: 10px;
  background: transparent; color: var(--agt-muted, #667085); font-size: 1.2rem;
}
.agt-favourite-icon.is-saved { border-color: #fda4af; background: #fff1f2; color: #e11d48; }
.agt-tool-card__tags { display: flex; min-height: 28px; align-items: center; gap: 7px; margin-top: 14px; flex-wrap: wrap; }
.agt-tool-card__tags a,
.agt-tool-card__tags span,
.agt-badge,
.agt-tool-hero__badges a {
  padding: 4px 8px;
  border-radius: 99px;
  background: var(--agt-soft, #f5f7ff);
  color: var(--agt-brand, #4b4ded);
  font-size: .68rem;
  font-weight: 750;
}
.agt-tool-card__tags span, .agt-badge--featured { background: #ecfdf3; color: #027a48; }
.agt-tool-card h3 { margin: 10px 0 6px; font-size: 1.22rem; letter-spacing: -.02em; }
.agt-tool-card h3 a { color: var(--agt-ink, #101828); }
.agt-tool-card > p { flex: 1; margin: 0 0 18px; color: var(--agt-muted, #667085); font-size: .9rem; }
.agt-tool-card__bottom { display: flex; align-items: center; gap: 10px; padding-top: 14px; border-top: 1px solid var(--agt-line, #e4e7ec); color: var(--agt-muted, #667085); font-size: .76rem; }
.agt-tool-card__bottom span { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.agt-tool-card__bottom strong { margin-left: auto; color: #b54708; white-space: nowrap; }
.agt-tool-card__bottom a { color: var(--agt-brand, #4b4ded); font-weight: 750; white-space: nowrap; }

.agt-directory-pagination ul { display: flex; justify-content: center; gap: 7px; margin: 34px 0 0; padding: 0; list-style: none; }
.agt-directory-pagination a,
.agt-directory-pagination span { display: grid; min-width: 40px; min-height: 40px; place-items: center; border: 1px solid var(--agt-line, #e4e7ec); border-radius: 9px; color: var(--agt-ink, #101828); }
.agt-directory-pagination .current { background: var(--agt-brand, #4b4ded); color: #fff; border-color: var(--agt-brand, #4b4ded); }

.agt-form { position: relative; max-width: 900px; padding: 28px; border: 1px solid var(--agt-line, #e4e7ec); border-radius: 20px; background: var(--agt-surface, #fff); box-shadow: 0 14px 38px rgba(16, 24, 40, .06); }
.agt-form__intro { margin-bottom: 22px; padding-bottom: 14px; border-bottom: 1px solid var(--agt-line, #e4e7ec); }
.agt-form__intro h2 { margin: 0 0 6px; }
.agt-form__intro p { margin: 0; color: var(--agt-muted, #667085); }
.agt-form__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 18px; }
.agt-form p { margin: 0 0 17px; }
.agt-form label { display: block; margin-bottom: 6px; font-weight: 700; }
.agt-form small { display: block; margin-top: 4px; color: var(--agt-muted, #667085); }
.agt-form__privacy { margin-top: 12px !important; color: var(--agt-muted, #667085); font-size: .78rem; }
.agt-form__honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.agt-checkbox label { font-weight: 500; }
.agt-checkbox input { margin-right: 6px; }
.agt-notice { margin: 0 0 18px; padding: 13px 16px; border: 1px solid; border-radius: 11px; }
.agt-notice--success { border-color: #6ce9a6; background: #ecfdf3; color: #05603a; }
.agt-notice--error { border-color: #fda29b; background: #fef3f2; color: #912018; }
.agt-notice--warning { border-color: #fec84b; background: #fffaeb; color: #93370d; }

.agt-tool-hero { padding: 58px 0 46px; border-bottom: 1px solid var(--agt-line, #e4e7ec); background: linear-gradient(180deg, var(--agt-soft, #f5f7ff), var(--agt-surface, #fff)); }
.agt-tool-hero__grid { display: grid; grid-template-columns: 92px minmax(0, 1fr) 250px; gap: 24px; align-items: center; }
.agt-tool-hero__badges { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 8px; }
.agt-tool-hero h1 { margin: 0 0 7px; font-size: clamp(2.2rem, 5vw, 4rem); line-height: 1.05; letter-spacing: -.05em; }
.agt-tool-hero p { max-width: 700px; margin: 0; color: var(--agt-muted, #667085); font-size: 1.05rem; }
.agt-tool-hero__meta { display: flex; flex-wrap: wrap; gap: 7px 14px; margin-top: 14px; color: var(--agt-muted, #667085); font-size: .8rem; }
.agt-rating { color: #b54708; }
.agt-tool-hero__action { display: flex; align-items: stretch; flex-direction: column; gap: 9px; text-align: center; }
.agt-tool-hero__action small { color: var(--agt-muted, #667085); font-size: .68rem; }
.agt-overview-box { margin-bottom: 30px; padding: 23px; border: 1px solid rgba(75, 77, 237, .22); border-radius: 16px; background: linear-gradient(135deg, rgba(75,77,237,.07), rgba(20,184,166,.06)); }
.agt-overview-box h2 { margin: 4px 0 7px !important; }
.agt-overview-box p { margin: 0; }
.agt-feature-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 16px; padding: 0; list-style: none; }
.agt-feature-list li { position: relative; padding: 11px 13px 11px 38px; border: 1px solid var(--agt-line, #e4e7ec); border-radius: 11px; }
.agt-feature-list li::before { content: "✓"; position: absolute; left: 13px; color: #079455; font-weight: 800; }
.agt-pros-cons { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.agt-pros-cons > div { padding: 20px; border: 1px solid var(--agt-line, #e4e7ec); border-radius: 15px; }
.agt-pros-cons > div:first-child { background: rgba(18, 183, 106, .05); }
.agt-pros-cons > div:last-child { background: rgba(245, 158, 11, .05); }
.agt-pros-cons h3 { margin: 0 0 9px !important; }
.agt-pros-cons ul { margin: 0; padding-left: 20px; }
.agt-faqs details { margin: 10px 0; padding: 15px 17px; border: 1px solid var(--agt-line, #e4e7ec); border-radius: 12px; background: var(--agt-surface, #fff); }
.agt-faqs summary { cursor: pointer; font-weight: 750; }
.agt-faqs details p { margin-bottom: 0; color: var(--agt-muted, #667085); }
.agt-related { margin-top: 42px; }
.agt-related .agt-tool-grid { grid-template-columns: repeat(2, 1fr); }
.agt-related .agt-tool-card:nth-child(n+3) { display: none; }
.agt-facts { margin: 0; }
.agt-facts div { display: flex; align-items: start; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid var(--agt-line, #e4e7ec); }
.agt-facts div:last-child { border: 0; }
.agt-facts dt { color: var(--agt-muted, #667085); }
.agt-facts dd { margin: 0; text-align: right; font-weight: 700; }
.agt-comment-rating { margin: 0 0 5px; color: #f59e0b; letter-spacing: .08em; }
.comment-form-rating label { display: block; }
.comment-form-rating select { max-width: 280px; }
.agt-review-disclosure { margin-bottom: 24px; padding: 14px 17px; border-left: 4px solid var(--agt-brand, #4b4ded); background: var(--agt-soft, #f5f7ff); font-size: .9rem; }

.agt-compare-form { display: grid; grid-template-columns: minmax(180px, 1fr) auto minmax(180px, 1fr) auto; gap: 18px; align-items: end; margin: 25px 0 35px; padding: 22px; border: 1px solid var(--agt-line, #e4e7ec); border-radius: 16px; }
.agt-compare-form label { display: block; margin-bottom: 5px; font-weight: 700; }
.agt-compare-form > span { align-self: center; color: var(--agt-brand, #4b4ded); font-weight: 850; }
.agt-compare-table-wrap { overflow-x: auto; }
.agt-compare-table { width: 100%; border-collapse: collapse; }
.agt-compare-table th, .agt-compare-table td { min-width: 180px; padding: 15px; border: 1px solid var(--agt-line, #e4e7ec); text-align: left; vertical-align: top; }
.agt-compare-table th { background: var(--agt-soft, #f5f7ff); }
.agt-sitemap-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.agt-sitemap-grid h2 { margin-top: 0; }
.agt-sitemap-grid ul { padding-left: 18px; }

@media (max-width: 1000px) {
  .agt-directory-filters { grid-template-columns: repeat(2, 1fr); }
  .agt-directory-filters .agt-filter-search { grid-column: 1 / -1; }
  .agt-directory-filters button { width: 100%; }
}
@media (max-width: 820px) {
  .agt-tool-hero__grid { grid-template-columns: 76px 1fr; }
  .agt-tool-logo { width: 76px; height: 76px; }
  .agt-tool-hero__action { grid-column: 1 / -1; align-items: start; }
  .agt-tool-hero__action .agt-button { width: 100%; }
  .agt-compare-form { grid-template-columns: 1fr; }
  .agt-compare-form > span { justify-self: center; }
  .agt-sitemap-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .agt-directory-filters, .agt-form__grid, .agt-feature-list, .agt-pros-cons, .agt-sitemap-grid { grid-template-columns: 1fr; }
  .agt-directory-filters .agt-filter-search { grid-column: auto; }
  .agt-form { padding: 20px 16px; }
  .agt-tool-hero__grid { grid-template-columns: 1fr; text-align: center; }
  .agt-tool-logo { margin: 0 auto; }
  .agt-tool-hero__badges, .agt-tool-hero__meta { justify-content: center; }
  .agt-tool-hero__action { grid-column: auto; }
  .agt-related .agt-tool-grid { grid-template-columns: 1fr; }
}