/* ===== PDFly — main.css ===== */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap');

*, *::before, *::after { box-sizing: border-box; }

.nav-dd-desktop { display: none; }
@media (min-width: 1024px) { .nav-dd-desktop { display: flex; align-items: center; gap: 2px; margin-right: 4px; } }
.nav-dd { position: relative; }
.nav-dd summary { list-style: none; cursor: pointer; }
.nav-dd summary::-webkit-details-marker { display: none; }
.nav-dd summary::marker { content: ""; }
.nav-dd-chev { transition: transform .2s ease; }
.nav-dd[open] .nav-dd-chev { transform: rotate(180deg); }
.nav-dd-panel { position: absolute; top: 100%; left: 0; margin-top: 6px; min-width: 190px; z-index: 60; box-shadow: 0 10px 30px rgba(0,0,0,.12); }
.nav-dd-panel a { font-weight: 500; }
.nav-dd-see-all { font-weight: 600; }

:root {
  --forge-50: #f0fdfa; --forge-100: #ccfbf1;
  --forge-400: #0f766e; --forge-500: #0f766e;
  --forge-600: #115e59; --forge-700: #134e4a;
  --ink-50: #f8f7f4; --ink-100: #f0ede6;
  --ink-200: #e2ddd4; --ink-300: #c9c2b6;
  --ink-400: #9c9287; --ink-500: #6b6358;
  --ink-700: #3a342c; --ink-800: #1c1a16;
  --ink-900: #0e0d0b; --ink-950: #080807;
  --radius: 16px; --radius-sm: 10px;
  --shadow: 0 4px 24px rgba(0,0,0,.08);
  --shadow-lg: 0 8px 48px rgba(0,0,0,.14);
}

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--ink-200); border-radius: 3px; }
.dark ::-webkit-scrollbar-thumb { background: #2a2820; }

.hidden { display: none !important; }

/* ---- Article body typography (used across blog & tool pages) ---- */
.prose-content, .prose { max-width: 68ch; }
.prose-content h2, .prose h2 { font-family: 'Syne', sans-serif; font-weight: 700; font-size: 1.35rem; color: var(--ink-800); margin: 1.75rem 0 0.75rem; }
.dark .prose-content h2, .dark .prose h2 { color: #fff; }
.prose-content h3, .prose h3 { font-family: 'Syne', sans-serif; font-weight: 700; font-size: 1.1rem; color: var(--ink-800); margin: 1.5rem 0 0.6rem; }
.dark .prose-content h3, .dark .prose h3 { color: #fff; }
.prose-content p, .prose p { margin: 0 0 1rem; }
.prose-content ul, .prose ul { list-style: disc; padding-left: 1.35rem; margin: 0 0 1rem; }
.prose-content ol, .prose ol { list-style: decimal; padding-left: 1.35rem; margin: 0 0 1rem; }
.prose-content li, .prose li { margin-bottom: 0.4rem; }
.prose-content a, .prose a { color: var(--forge-500); text-decoration: underline; text-decoration-color: rgba(15,118,110,.3); }
.prose-content a:hover, .prose a:hover { text-decoration-color: currentColor; }
.prose-content strong, .prose strong { font-weight: 600; color: var(--ink-800); }
.dark .prose-content strong, .dark .prose strong { color: #f0ede6; }
.prose-content blockquote, .prose blockquote { border-left: 3px solid var(--forge-400); padding-left: 1rem; font-style: italic; color: var(--ink-500); margin: 1.25rem 0; }
.prose-content code, .prose code { background: var(--ink-100); border-radius: 4px; padding: 0.15em 0.4em; font-size: 0.9em; }
.dark .prose-content code, .dark .prose code { background: rgba(255,255,255,.08); }
.prose-intro { font-size: 1.05rem; color: var(--ink-500); line-height: 1.65; margin-bottom: 1.5rem; }
.dark .prose-intro { color: #9c9287; }
.prose-ink { color: var(--ink-800); }
.dark .prose-ink { color: #f0ede6; }

/* ---- FAQ section wrapper spacing (accordion items themselves styled below) ---- */
.faq-section { }
.faq-q { font-family: 'Syne', sans-serif; font-weight: 600; font-size: 15px; color: var(--ink-800); margin: 0 0 0.4rem; }
.dark .faq-q { color: #f0ede6; }
.faq-a { font-size: 14px; color: var(--ink-500); line-height: 1.7; }
.dark .faq-a { color: #9c9287; }

/* ---- Per-tool-page content blocks (byline, best-practices, related-tools) ---- */
.pdfly-meta-byline { }
.pdfly-best-practices { }
.pdfly-people-also-use { }

html { scroll-behavior: smooth; }
body { font-family: 'DM Sans', sans-serif; -webkit-font-smoothing: antialiased; }

.tool-hero {
  padding-top: 104px; padding-bottom: 48px; text-align: center;
  background: linear-gradient(180deg, var(--forge-50) 0%, transparent 100%);
  position: relative; overflow: hidden;
}
.dark .tool-hero { background: linear-gradient(180deg, rgba(15,118,110,.06) 0%, transparent 100%); }

.step-pill {
  display: inline-flex; align-items: center; gap: 6px;
  background: white; border: 1px solid var(--ink-200); border-radius: 40px;
  padding: 6px 16px; font-size: 12px; font-family: 'Syne', sans-serif;
  font-weight: 600; color: var(--ink-500); margin-bottom: 20px; letter-spacing: .3px;
  box-shadow: 0 1px 8px rgba(0,0,0,.06);
}
.dark .step-pill { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.1); color: #9c9287; }

.tool-section { max-width: 640px; margin: 0 auto; padding: 0 16px 80px; }

.drop-zone {
  border: 2px dashed var(--ink-200); border-radius: var(--radius);
  padding: 48px 24px; text-align: center; cursor: pointer;
  transition: all .25s ease; background: white; position: relative; overflow: hidden;
}
.dark .drop-zone { background: rgba(255,255,255,.03); border-color: rgba(255,255,255,.1); }
.drop-zone:hover, .drop-zone.drag-over {
  border-color: var(--forge-500); background: var(--forge-50);
  transform: scale(1.005); box-shadow: 0 0 0 4px rgba(15,118,110,.08);
}
.dark .drop-zone:hover, .dark .drop-zone.drag-over { background: rgba(15,118,110,.06); border-color: var(--forge-500); }

.file-item {
  display: flex; align-items: center; gap: 12px; padding: 12px 14px;
  background: white; border: 1px solid var(--ink-200); border-radius: var(--radius-sm);
  transition: all .2s; user-select: none;
}
.dark .file-item { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.08); }
.file-item:hover { box-shadow: var(--shadow); }
.file-item.drag-over { border-color: var(--forge-500); background: var(--forge-50); }
.dark .file-item.drag-over { background: rgba(15,118,110,.08); }

.file-item-remove {
  padding: 4px; border-radius: 6px; color: var(--ink-400);
  transition: all .15s; line-height: 0; background: none; border: none; cursor: pointer;
}
.file-item-remove:hover { color: #ef4444; background: rgba(239,68,68,.08); }

.range-input {
  width: 100%; padding: 10px 14px; border-radius: var(--radius-sm);
  border: 1px solid var(--ink-200); font-size: 14px; color: var(--ink-800);
  background: var(--ink-50); transition: all .2s; font-family: 'DM Sans', sans-serif; outline: none;
}
.dark .range-input { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.1); color: #f0ede6; }
.range-input:focus { border-color: var(--forge-500); box-shadow: 0 0 0 3px rgba(15,118,110,.12); }

input[type="range"] { -webkit-appearance: none; width: 100%; height: 6px; border-radius: 3px; background: var(--ink-200); outline: none; cursor: pointer; }
.dark input[type="range"] { background: rgba(255,255,255,.12); }
input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 18px; height: 18px; border-radius: 50%; background: var(--forge-500); cursor: pointer; box-shadow: 0 2px 8px rgba(15,118,110,.4); transition: transform .15s; }
input[type="range"]::-webkit-slider-thumb:hover { transform: scale(1.2); }

.btn-primary {
  display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px;
  background: linear-gradient(135deg, var(--forge-500), var(--forge-600)); color: white;
  font-family: 'Syne', sans-serif; font-weight: 700; font-size: 14px; border-radius: var(--radius-sm);
  border: none; cursor: pointer; transition: all .2s; letter-spacing: .2px;
  box-shadow: 0 4px 16px rgba(15,118,110,.3); text-decoration: none;
}
.btn-primary:hover { transform: translateY(-1px); box-shadow: 0 6px 24px rgba(15,118,110,.4); background: linear-gradient(135deg, var(--forge-400), var(--forge-500)); }
.btn-primary:active { transform: translateY(0); }
.btn-primary:disabled { opacity: .6; cursor: not-allowed; transform: none; }

.btn-secondary {
  display: inline-flex; align-items: center; gap: 8px; padding: 11px 22px;
  background: white; color: var(--ink-700); font-family: 'Syne', sans-serif;
  font-weight: 600; font-size: 14px; border-radius: var(--radius-sm);
  border: 1px solid var(--ink-200); cursor: pointer; transition: all .2s; text-decoration: none;
}
.dark .btn-secondary { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.1); color: #f0ede6; }
.btn-secondary:hover { border-color: var(--forge-500); color: var(--forge-600); box-shadow: var(--shadow); }

.result-card { padding: 20px; background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: var(--radius); }
.dark .result-card { background: rgba(34,197,94,.08); border-color: rgba(34,197,94,.2); }

.progress-bar-wrap { width: 100%; height: 6px; background: var(--ink-100); border-radius: 3px; overflow: hidden; }
.dark .progress-bar-wrap { background: rgba(255,255,255,.08); }
.progress-bar { height: 100%; background: linear-gradient(90deg, var(--forge-400), var(--forge-600)); border-radius: 3px; transition: width .4s ease; }

.toast-container { position: fixed; bottom: 24px; right: 24px; z-index: 9999; display: flex; flex-direction: column; gap: 10px; pointer-events: none; }
.toast { display: flex; align-items: center; gap: 10px; padding: 12px 18px; background: var(--ink-900); color: white; border-radius: var(--radius-sm); font-size: 13px; font-family: 'DM Sans', sans-serif; box-shadow: 0 8px 32px rgba(0,0,0,.25); animation: toastIn .3s ease forwards; pointer-events: auto; max-width: 320px; }
.dark .toast { background: #2a2820; }
.toast.success { border-left: 3px solid #22c55e; }
.toast.error { border-left: 3px solid #ef4444; }
.toast.info { border-left: 3px solid var(--forge-500); }
.toast.leaving { animation: toastOut .3s ease forwards; }

@keyframes toastIn { from { opacity: 0; transform: translateX(20px) scale(.95); } to { opacity: 1; transform: translateX(0) scale(1); } }
@keyframes toastOut { from { opacity: 1; transform: translateX(0) scale(1); } to { opacity: 0; transform: translateX(20px) scale(.95); } }

.ad-leaderboard { width: 100%; height: 90px; }
.ad-rectangle { width: 100%; height: 250px; }
.ad-in-content { width: 100%; min-height: 250px; flex-direction: column; gap: 4px; padding: 8px; }
.ad-skyscraper { width: 100%; min-height: 600px; flex-direction: column; gap: 4px; padding: 8px; }
.ad-footer { width: 100%; height: 60px; }

.faq-item { border-bottom: 1px solid var(--ink-100); padding: 20px 0; }
.dark .faq-item { border-color: rgba(255,255,255,.06); }
.faq-question { width: 100%; display: flex; justify-content: space-between; align-items: center; text-align: left; background: none; border: none; cursor: pointer; font-family: 'Syne', sans-serif; font-weight: 600; font-size: 15px; color: var(--ink-800); gap: 16px; padding: 0; }
.dark .faq-question { color: #f0ede6; }
.faq-icon { width: 24px; height: 24px; flex-shrink: 0; border-radius: 50%; border: 1.5px solid var(--ink-200); display: flex; align-items: center; justify-content: center; transition: all .25s; color: var(--ink-400); }
.dark .faq-icon { border-color: rgba(255,255,255,.12); }
.faq-item.open .faq-icon { background: var(--forge-500); border-color: var(--forge-500); color: white; transform: rotate(45deg); }
.faq-answer { display: none; font-size: 14px; color: var(--ink-500); line-height: 1.8; padding-top: 12px; }
.dark .faq-answer { color: #9c9287; }
.faq-item.open .faq-answer { display: block; }

.spinner { width: 18px; height: 18px; border: 2px solid rgba(255,255,255,.3); border-top-color: white; border-radius: 50%; animation: spin .7s linear infinite; flex-shrink: 0; }
@keyframes spin { to { transform: rotate(360deg); } }

@media (max-width: 640px) {
  .tool-hero { padding-top: 80px; padding-bottom: 32px; }
  .drop-zone { padding: 36px 16px; }
  .tool-hero-v2 { padding-top: 76px; padding-bottom: 20px; }
  .drop-zone-v2 { padding: 32px 16px; }
  .drop-zone-v2-icon { width: 68px; height: 68px; }
  .drop-zone-v2-icon svg { width: 32px; height: 32px; }
}

/* ===== Premium tool hero v2 ===== */
.tool-hero-v2 {
  padding-top: 96px; padding-bottom: 28px; text-align: center;
  position: relative; overflow: hidden;
  background:
    radial-gradient(ellipse 700px 380px at 18% -10%, rgba(15,118,110,.10), transparent 60%),
    radial-gradient(ellipse 600px 340px at 85% 0%, rgba(139,92,246,.09), transparent 60%),
    linear-gradient(180deg, var(--forge-50) 0%, transparent 75%);
}
.dark .tool-hero-v2 {
  background:
    radial-gradient(ellipse 700px 380px at 18% -10%, rgba(15,118,110,.14), transparent 60%),
    radial-gradient(ellipse 600px 340px at 85% 0%, rgba(139,92,246,.12), transparent 60%),
    linear-gradient(180deg, rgba(15,118,110,.07) 0%, transparent 75%);
}
.hero-blob { position: absolute; border-radius: 999px; filter: blur(48px); pointer-events: none; }
.hero-float-icon {
  position: absolute; opacity: .5; pointer-events: none;
  animation: heroFloat 6s ease-in-out infinite;
}
.hero-float-icon.delay-1 { animation-delay: 1.2s; }
.hero-float-icon.delay-2 { animation-delay: 2.4s; }
@keyframes heroFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@media (max-width: 640px) { .hero-float-icon { display: none; } }

.hero-badges-row {
  display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center;
  gap: 4px; padding: 6px; margin-top: 22px;
  background: white; border: 1px solid var(--ink-200); border-radius: 999px;
  box-shadow: 0 2px 12px rgba(0,0,0,.05);
}
.dark .hero-badges-row { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.1); }
.hero-badge-chip {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 12.5px; font-weight: 600; color: var(--ink-500);
  padding: 6px 12px; border-radius: 999px;
}
.dark .hero-badge-chip { color: #b3aa9d; }
.hero-badge-chip svg { width: 14px; height: 14px; color: #22c55e; flex-shrink: 0; }

.drop-zone-v2 {
  border: 2px dashed rgba(15,118,110,.35);
  border-radius: 20px; padding: 44px 24px; text-align: center; cursor: pointer;
  transition: all .25s ease; position: relative; overflow: hidden;
  background: linear-gradient(180deg, rgba(15,118,110,.05), rgba(255,255,255,.6));
  box-shadow: 0 0 0 6px rgba(15,118,110,.05), 0 12px 40px -12px rgba(15,118,110,.25);
}
.dark .drop-zone-v2 {
  background: linear-gradient(180deg, rgba(15,118,110,.09), rgba(255,255,255,.02));
  box-shadow: 0 0 0 6px rgba(15,118,110,.08), 0 12px 40px -12px rgba(0,0,0,.4);
}
.drop-zone-v2:hover, .drop-zone-v2.drag-over {
  border-color: var(--forge-500); transform: scale(1.008);
  box-shadow: 0 0 0 8px rgba(15,118,110,.1), 0 16px 48px -12px rgba(15,118,110,.35);
}
.drop-zone-v2-icon {
  width: 84px; height: 84px; margin: 0 auto 18px; border-radius: 22px;
  background: linear-gradient(135deg, var(--forge-500), #7c3aed);
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 8px 24px -6px rgba(15,118,110,.5);
}
.drop-zone-v2-icon svg { width: 40px; height: 40px; color: white; }

.feature-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
@media (max-width: 640px) { .feature-strip { grid-template-columns: repeat(2, 1fr); } }
.feature-strip-item {
  padding: 16px 10px; text-align: center; background: white;
  border: 1px solid var(--ink-200); border-radius: 14px; transition: all .2s;
}
.dark .feature-strip-item { background: rgba(255,255,255,.03); border-color: rgba(255,255,255,.08); }
.feature-strip-item:hover { border-color: var(--forge-400); box-shadow: var(--shadow); transform: translateY(-2px); }
.feature-strip-item .emoji { font-size: 22px; display: block; margin-bottom: 6px; }
.feature-strip-item p { font-size: 12.5px; font-weight: 700; font-family: 'Syne', sans-serif; color: var(--ink-700); }
.dark .feature-strip-item p { color: #d8d2c6; }
/* ============================================================
   PDFly ALL PDF TOOLS MEGA MENU — iLovePDF-style list layout
   ============================================================ */
.nav-dd-mega { position: relative; }
.nav-dd-mega-panel {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  left: auto;
  width: min(1180px, calc(100vw - 24px));
  max-width: 96vw;
  max-height: 78vh;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 70;
  background: #fff;
  border: 1px solid rgba(15,118,110,.14);
  border-radius: 14px;
  box-shadow: 0 20px 50px rgba(15,23,42,.16);
}
.nav-dd-mega[open] .nav-dd-mega-panel { display: block; }
.dark .nav-dd-mega-panel { background: #111827; border-color: rgba(255,255,255,.10); }
.nav-dd-mega-panel::before {
  content: ""; display:block; height: 3px;
  background: #0f766e;
}
.nav-dd-mega-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 28px;
  padding: 34px 32px 28px;
}
.nav-dd-mega-col { display:flex; flex-direction:column; min-width:0; }
.nav-dd-mega-heading {
  display:flex; align-items:center; gap:8px;
  margin:0 0 14px;
  font-size:13px; font-weight:700; letter-spacing:.01em;
  text-transform:uppercase; color:#6b7280;
}
.dark .nav-dd-mega-heading { color:#a1a1aa; }
.nav-dd-mega-heading::before {
  content:""; width:7px; height:7px; border-radius:2px;
  background:var(--dot-color,#0f766e); flex:0 0 auto;
}
.nav-dd-mega-col:nth-child(1) .nav-dd-mega-heading {--dot-color:#f06a4f}
.nav-dd-mega-col:nth-child(2) .nav-dd-mega-heading {--dot-color:#79b64b}
.nav-dd-mega-col:nth-child(3) .nav-dd-mega-heading {--dot-color:#e7c91f}
.nav-dd-mega-col:nth-child(4) .nav-dd-mega-heading {--dot-color:#4777b8}
.nav-dd-mega-col:nth-child(5) .nav-dd-mega-heading {--dot-color:#a95a91}
.nav-dd-mega-col:nth-child(6) .nav-dd-mega-heading {--dot-color:#4777b8}
.nav-dd-mega-link {
  display:flex; align-items:center; gap:9px;
  min-width:0; margin:0 0 8px;
  padding:2px 0;
  color:#27272a; font-size:13.5px; line-height:1.35;
  text-decoration:none; white-space:nowrap;
  transition:color .15s ease, transform .15s ease;
}
.dark .nav-dd-mega-link {color:#d4d4d8}
.nav-dd-mega-link:hover { color:#0f766e; transform:translateX(2px); }
.nav-tool-icon {
  display:inline-flex; align-items:center; justify-content:center;
  width:20px; height:20px; flex:0 0 20px;
  border-radius:4px;
  background:#eef2f3; color:#0f766e;
  font-size:10px; font-weight:800; line-height:1;
  font-family:Arial,sans-serif;
}
.nav-dd-mega-col:nth-child(1) .nav-tool-icon {background:#fff0ec;color:#ef654a}
.nav-dd-mega-col:nth-child(2) .nav-tool-icon {background:#edf8e9;color:#65a83f}
.nav-dd-mega-col:nth-child(3) .nav-tool-icon {background:#fff9d9;color:#b49a00}
.nav-dd-mega-col:nth-child(4) .nav-tool-icon {background:#edf4fb;color:#4777b8}
.nav-dd-mega-col:nth-child(5) .nav-tool-icon {background:#f8eaf4;color:#a95a91}
.nav-dd-mega-col:nth-child(6) .nav-tool-icon {background:#edf4fb;color:#4777b8}
.nav-tool-label {min-width:0; overflow:hidden; text-overflow:ellipsis;}
.nav-dd-mega-spotlight {
  background:transparent;
  border:0; border-radius:0; padding:0; margin:0;
}
.nav-dd-mega-spotlight .nav-dd-mega-heading {--dot-color:#6d55c7}
.nav-dd-mega-spotlight .nav-tool-icon {background:#f0edff;color:#6d55c7}
.nav-dd-mega-badge {
  font-size:9px; font-weight:700; letter-spacing:.04em; color:#fff;
  background:#6d55c7; border-radius:4px; padding:2px 5px; line-height:1.3;
}
/* Put the AI list below the first two columns, like the reference layout. */
.nav-dd-mega-spotlight { grid-column:1 / span 2; }
.nav-dd-mega-spotlight .nav-dd-mega-link {display:inline-flex; width:calc(50% - 10px); margin-right:10px;}
@media (max-width: 1100px) {
  .nav-dd-mega-grid {grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; padding:24px;}
  .nav-dd-mega-spotlight {grid-column:1 / span 2;}
}
@media (max-width: 700px) {
  .nav-dd-mega-panel {right:0; width:min(94vw,520px); max-height:80vh;}
  .nav-dd-mega-grid {grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; padding:20px;}
  .nav-dd-mega-spotlight {grid-column:1 / -1;}
}
@media (max-width: 480px) {
  .nav-dd-mega-grid {grid-template-columns:1fr;}
  .nav-dd-mega-spotlight {grid-column:auto;}
  .nav-dd-mega-spotlight .nav-dd-mega-link {width:100%; margin-right:0;}
}

/* Homepage mega menu: same iLovePDF-style tool list, using the existing #megaMenu JS toggle. */
#megaMenu { display:block; overflow:auto; max-height:78vh; border-radius:14px; }
#megaMenu.pdfly-mega-open { display:block; }
#megaMenu .pdfly-mega-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:28px; padding:34px 32px 28px; }
#megaMenu .pdfly-mega-col { display:flex; flex-direction:column; min-width:0; }
#megaMenu .pdfly-mega-heading { display:flex; align-items:center; gap:8px; margin:0 0 14px; font-size:13px; font-weight:700; text-transform:uppercase; color:#6b7280; }
#megaMenu .pdfly-mega-heading > span:first-child { width:7px; height:7px; border-radius:2px; flex:0 0 auto; }
#megaMenu .pdfly-mega-link { display:flex; align-items:center; gap:9px; min-width:0; margin:0 0 8px; padding:2px 0; color:#27272a; font-size:13.5px; line-height:1.35; text-decoration:none; white-space:nowrap; transition:color .15s ease,transform .15s ease; }
#megaMenu .pdfly-mega-link:hover { color:#0f766e; transform:translateX(2px); }
#megaMenu .nav-tool-label { overflow:hidden; text-overflow:ellipsis; }
#megaMenu .nav-tool-icon { display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; flex:0 0 20px; border-radius:4px; background:#eef2f3; color:#0f766e; font:800 10px/1 Arial,sans-serif; }
#megaMenu .pdfly-mega-col:nth-child(1) .nav-tool-icon {background:#fff0ec;color:#ef654a}
#megaMenu .pdfly-mega-col:nth-child(2) .nav-tool-icon {background:#edf8e9;color:#65a83f}
#megaMenu .pdfly-mega-col:nth-child(3) .nav-tool-icon {background:#fff9d9;color:#b49a00}
#megaMenu .pdfly-mega-col:nth-child(4) .nav-tool-icon {background:#edf4fb;color:#4777b8}
#megaMenu .pdfly-mega-col:nth-child(5) .nav-tool-icon {background:#f8eaf4;color:#a95a91}
#megaMenu .pdfly-mega-col:nth-child(6) .nav-tool-icon {background:#edf4fb;color:#4777b8}
#megaMenu .pdfly-mega-ai { grid-column:1 / span 2; }
#megaMenu .pdfly-mega-ai .pdfly-mega-link { display:inline-flex; width:calc(50% - 10px); margin-right:10px; }
#megaMenu .pdfly-mega-ai .nav-tool-icon {background:#f0edff;color:#6d55c7}
#megaMenu .pdfly-mega-footer { grid-column:1 / -1; padding-top:14px; border-top:1px solid rgba(148,163,184,.25); display:flex; justify-content:space-between; align-items:center; gap:16px; }
#megaMenu .pdfly-mega-footer p { margin:0; font-size:13px; color:#9ca3af; }
#megaMenu .pdfly-mega-footer a { font-size:13px; font-weight:600; color:#0f766e; text-decoration:none; }
.dark #megaMenu .pdfly-mega-heading {color:#a1a1aa}
.dark #megaMenu .pdfly-mega-link {color:#d4d4d8}
.dark #megaMenu .pdfly-mega-link:hover {color:#5eead4}
@media (max-width:1100px){#megaMenu .pdfly-mega-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:24px;gap:22px}#megaMenu .pdfly-mega-ai{grid-column:1 / span 2}}
@media (max-width:700px){#megaMenu{width:94vw;right:0}#megaMenu .pdfly-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px;gap:18px}#megaMenu .pdfly-mega-ai{grid-column:1 / -1}}
@media (max-width:480px){#megaMenu .pdfly-mega-grid{grid-template-columns:1fr}#megaMenu .pdfly-mega-ai{grid-column:auto}#megaMenu .pdfly-mega-ai .pdfly-mega-link{width:100%;margin-right:0}#megaMenu .pdfly-mega-footer{display:block}#megaMenu .pdfly-mega-footer a{display:inline-block;margin-top:8px}}