:root {
  --research-white: #ffffff;
  --research-bg: #f6faff;
  --research-blue: #2386f7;
  --research-blue-soft: #e3f0fe;
  --research-milk: #f9fcff;
  --research-navy: #263873;
  --research-ink: #202636;
  --research-muted: #6b7280;
  --research-soft-text: #46556f;
  --research-footer: #12151e;
  --research-border: rgba(35, 134, 247, 0.14);
  --research-shadow: 0 10px 24px rgba(38, 56, 115, 0.055);
  --research-radius: 8px;
  --research-page-width: min(1440px, 90vw);
  --research-section-y: clamp(30px, 4.5vw, 58px);
}

html,
body {
  background:
    linear-gradient(90deg, rgba(35, 134, 247, 0.025) 1px, transparent 1px),
    linear-gradient(180deg, rgba(35, 134, 247, 0.025) 1px, transparent 1px),
    var(--research-white) !important;
  background-size: 30px 30px;
  color: var(--research-ink) !important;
  scroll-behavior: smooth;
}

body {
  font-family: Georgia, "Times New Roman", serif !important;
  line-height: 1.58;
  font-size: 15px;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands):not([class^="fa-"]):not([class*=" fa-"]) {
  font-family: Georgia, "Times New Roman", serif !important;
}

a {
  color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
.title,
.section-title,
.hero-title,
.page-title,
.blog-title,
.tool-title,
.form-title,
.template-title,
.section-heading,
.heading h1,
.heading h2,
.container h1,
.container h2 {
  color: var(--research-ink) !important;
  letter-spacing: -0.028em !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 700 !important;
}

h1 {
  font-size: clamp(1.8rem, 3vw, 2.9rem) !important;
  line-height: 1.12 !important;
}

h2 {
  font-size: clamp(1.55rem, 2.8vw, 2.65rem) !important;
  line-height: 1.12 !important;
}

h3 {
  font-size: clamp(1.08rem, 1.6vw, 1.35rem) !important;
  line-height: 1.2 !important;
}

p,
li,
.description,
.subtitle,
.meta,
.blog-meta,
.small-text,
.lead,
.intro,
.section-description,
.card-description,
.tool-description,
.template-description,
.form-description {
  color: var(--research-soft-text) !important;
  line-height: 1.68 !important;
  font-size: clamp(0.94rem, 1vw, 1.02rem);
}

strong,
b,
label,
.resume-label,
.form-label,
.field-label,
.card-title,
.tool-card h3,
.template-card h3,
.blog-card h3,
.article h3 {
  color: var(--research-navy) !important;
}

header {
  position: sticky !important;
  top: 0;
  z-index: 1200;
  background: rgba(255, 255, 255, 0.96) !important;
  border-bottom: 1px solid var(--research-border) !important;
  box-shadow: 0 6px 24px rgba(32, 38, 54, 0.04) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.header,
.nav-container {
  max-width: var(--research-page-width) !important;
  min-height: 66px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 20px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.mainLogo1,
.mainLogo,
.logo-container,
.footer-logo {
  justify-self: start;
}

.mainLogo1 img,
.mainLogo img,
.logo-container img,
.logo img {
  max-height: 58px !important;
  width: auto !important;
  object-fit: contain !important;
  border: 0 !important;
  box-shadow: none !important;
}

.navbar,
.nav-menu {
  justify-content: center !important;
  align-items: center !important;
  gap: 4px !important;
}

.navbar a,
.navbar2 a,
.nav-menu .nav-link,
.tools-toggle {
  color: var(--research-ink) !important;
  border-radius: var(--research-radius) !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  font-size: 0.92rem !important;
  padding: 9px 11px !important;
}

.navbar a:hover,
.navbar2 a:hover,
.nav-menu .nav-link:hover,
.tools-toggle:hover {
  color: var(--research-blue) !important;
  background: var(--research-blue-soft) !important;
}

.navbar a.is-active,
.navbar2 a.is-active,
.nav-menu .nav-link.active {
  background: var(--research-blue) !important;
  color: var(--research-white) !important;
  box-shadow: none !important;
}

.auth-options,
.header-actions {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 10px;
}

.tools-dropdown,
.navbar2 {
  background: var(--research-white) !important;
  border: 1px solid var(--research-border) !important;
  border-radius: var(--research-radius) !important;
  box-shadow: var(--research-shadow) !important;
}

.menuIcon,
.mobile-toggle {
  border-radius: var(--research-radius) !important;
  border: 1px solid var(--research-border) !important;
  background: var(--research-white) !important;
  color: var(--research-navy) !important;
}

main,
.Main-body,
.page-wrapper,
.blog-page,
.privacy-policy-section,
.terms-section {
  background: transparent !important;
}

.hero,
.hero-section,
.dashboard-hero,
.ats-hero,
.humanizer-hero,
.blog-hero,
.cover-hero,
.portfolio-hero,
.hero-area,
.main-hero {
  background: linear-gradient(180deg, var(--research-white) 0%, var(--research-bg) 100%) !important;
  border-radius: 0 !important;
  border-bottom: 1px solid var(--research-border);
  overflow: hidden;
  padding-top: clamp(54px, 8vw, 86px) !important;
  padding-bottom: clamp(34px, 6vw, 64px) !important;
}

.section-content,
.hero-content,
.hero-inner,
.dashboard-hero-inner,
.ats-hero-inner,
.humanizer-wrap,
.blog-container,
.blog-detail-container,
.form-holder,
.main-container,
.resume-wrapper,
.build-guide-container,
.faq-container,
.privacy-policy-section,
.terms-section,
.templates-container,
.portfolio-container,
.cover-container,
.ats-container,
.humanizer-container,
.page-container,
.content-container,
.container,
.footer,
footer > .container {
  max-width: var(--research-page-width) !important;
  width: 90vw !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.section-content,
.hero-content,
.hero-grid,
.dashboard-hero-inner,
.ats-hero-inner,
.cover-hero-inner,
.portfolio-hero-inner {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.88fr) !important;
  align-items: center !important;
  gap: clamp(20px, 3.2vw, 42px) !important;
}

.hero-details,
.hero-copy,
.hero-left {
  text-align: left !important;
}

.hero-details .title,
.hero-title,
.hero h1,
.dashboard-hero h1,
.ats-hero h1,
.humanizer-hero h1,
.blog-hero h1 {
  font-size: clamp(1.9rem, 3.35vw, 3.15rem) !important;
  line-height: 1.12 !important;
  font-weight: 700 !important;
  max-width: 11.5ch;
}

.hero-details .description,
.hero p,
.dashboard-hero p,
.ats-hero p,
.humanizer-hero p,
.blog-hero p {
  max-width: 62ch;
  color: var(--research-soft-text) !important;
  font-size: clamp(1rem, 1.3vw, 1.12rem) !important;
}

.hero-image-wrapper,
.hero-visual,
.preview-column,
.image-placeholder,
.mockup-resume,
.resume-preview,
.scan-shell,
.upload-panel {
  background: #ffffff00 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: clamp(14px, 2vw, 22px) !important;
}

.hero-image,
.hero-image-wrapper img,
.preview-column img,
.blog-card img,
.article img,
.template-card img,
.portfolio-card img,
.cover-template-card img {
  border-radius: var(--research-radius) !important;
}

.btn,
button,
.hero-button,
.primary-btn,
.secondary-btn,
.use-template-button,
.resume-submit-btn,
.resume-download-btn,
.download-now-btn,
.back-btn,
.copy-btn,
.analyze-btn,
.humanize-btn,
.select-plan-btn,
input[type="submit"] {
  border-radius: var(--research-radius) !important;
  font-weight: 800 !important;
  box-shadow: none !important;
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
}

.btn-primary,
.hero-button,
.primary-btn,
.resume-submit-btn,
.download-now-btn,
.analyze-btn,
.humanize-btn,
input[type="submit"] {
  background: var(--research-blue) !important;
  color: var(--research-white) !important;
  border: 1px solid var(--research-blue) !important;
}

.btn-secondary,
.secondary-btn,
.back-btn,
.copy-btn,
.resume-download-btn {
  background: var(--research-blue-soft) !important;
  color: var(--research-navy) !important;
  border: 1px solid rgba(35, 134, 247, 0.18) !important;
}

.btn:hover,
button:hover,
.hero-button:hover,
.primary-btn:hover,
.secondary-btn:hover,
.use-template-button:hover,
.resume-submit-btn:hover,
.resume-download-btn:hover,
.download-now-btn:hover,
.back-btn:hover,
.copy-btn:hover,
.analyze-btn:hover,
.humanize-btn:hover,
input[type="submit"]:hover {
  transform: translateY(-2px);
  background: var(--research-navy) !important;
  color: var(--research-white) !important;
  border-color: var(--research-navy) !important;
}

.card,
.review-card,
.rating-box,
.transparency-card,
.service-card,
.project-card,
.pricing-card,
.team-member,
.article,
.template-card,
.tool-card,
.blog-card,
.blog-post-card,
.ats-card,
.stat,
.stat-card,
.step-card,
.step-bottom,
.faq-item,
.resume-form-container,
.showresume,
.input-panel,
.output-panel,
.scan-panel,
.document-panel,
.humanizer-card,
.main-container .card,
.privacy-policy-section,
.terms-section {
  background: var(--research-white) !important;
  border: 1px solid var(--research-border) !important;
  border-radius: var(--research-radius) !important;
  box-shadow: var(--research-shadow) !important;
}

.card:hover,
.review-card:hover,
.transparency-card:hover,
.service-card:hover,
.project-card:hover,
.article:hover,
.template-card:hover,
.tool-card:hover,
.blog-card:hover,
.blog-post-card:hover,
.faq-item:hover {
  transform: translateY(-4px);
  border-color: rgba(35, 134, 247, 0.32) !important;
}

.templates,
.reviews-section,
.comparison-section,
.first,
.second,
.third,
.forth,
.transparency-section,
.trust-section,
.print-guide,
.main-container,
.build-guide-container,
.faq-container,
.blog-list-section,
.content-section,
.tool-section {
  background: var(--research-white) !important;
}

.templates:nth-of-type(even),
.second,
.forth,
.reviews-section,
.print-guide,
.faq-container,
.blog-list-section {
  background: var(--research-bg) !important;
}

.comparison-table,
table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: var(--research-white) !important;
  border-radius: var(--research-radius) !important;
  overflow: hidden;
}

.comparison-table thead th,
table thead th {
  background: var(--research-navy) !important;
  color: var(--research-white) !important;
}

.comparison-table tbody td,
table tbody td {
  border-bottom: 1px solid var(--research-border) !important;
  color: var(--research-ink) !important;
}

input,
textarea,
select,
.form-control,
.resume-input,
.resume-textarea,
.input-field {
  background: var(--research-white) !important;
  border: 1px solid var(--research-border) !important;
  border-radius: var(--research-radius) !important;
  color: var(--research-ink) !important;
  box-shadow: none !important;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus,
.resume-input:focus,
.resume-textarea:focus,
.input-field:focus {
  outline: 3px solid rgba(35, 134, 247, 0.14) !important;
  border-color: var(--research-blue) !important;
}

.badge,
.tag,
.chip,
.plan-badge,
.score-pill,
.status-badge {
  background: var(--research-blue-soft) !important;
  color: var(--research-navy) !important;
  border-radius: var(--research-radius) !important;
}

.stars,
.rating-stars,
.stars-green {
  color: #0f9f6e !important;
}

footer {
  background: var(--research-footer) !important;
  color: rgba(255, 255, 255, 0.82) !important;
  padding: 64px 0 28px !important;
}

.footer,
footer > .container {
  background: transparent !important;
}

.footer-links,
.footer-grid {
  display: grid !important;
  grid-template-columns: minmax(220px, 1.4fr) repeat(4, minmax(130px, 1fr)) !important;
  gap: 28px !important;
  align-items: start !important;
}

.footer-column,
.footer-col {
  display: grid !important;
  gap: 10px !important;
}

.footer-column h4,
.footer-col h4 {
  color: rgba(255, 255, 255, 0.62) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-size: 0.76rem !important;
  margin: 0 0 8px !important;
}

.footer-column a,
.footer-col a,
.footer p,
.footer-bottom,
footer p {
  color: rgba(255, 255, 255, 0.78) !important;
}

.footer-column a:hover,
.footer-col a:hover {
  color: var(--research-white) !important;
}

.footer > p,
.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  margin-top: 28px !important;
  padding-top: 18px !important;
}

.followus a,
.social-icon {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  color: var(--research-white) !important;
  border-radius: 999px !important;
}

.followus a:hover,
.social-icon:hover {
  background: var(--research-blue) !important;
  border-color: var(--research-blue) !important;
}

.followus a svg {
  color: var(--research-white) !important;
}

@media (max-width: 980px) {
  .header,
  .nav-container {
    display: flex !important;
  }

  .section-content,
  .hero-content,
  .hero-grid,
  .dashboard-hero-inner,
  .ats-hero-inner,
  .cover-hero-inner,
  .portfolio-hero-inner {
    grid-template-columns: 1fr !important;
  }

  .hero-details,
  .hero-copy,
  .hero-left {
    text-align: center !important;
  }

  .hero-details .title,
  .hero-title,
  .hero h1,
  .dashboard-hero h1,
  .ats-hero h1,
  .humanizer-hero h1,
  .blog-hero h1 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-details .description,
  .hero p,
  .dashboard-hero p,
  .ats-hero p,
  .humanizer-hero p,
  .blog-hero p {
    margin-left: auto;
    margin-right: auto;
  }

  .footer-links,
  .footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .section-content,
  .hero-content,
  .hero-inner,
  .dashboard-hero-inner,
  .ats-hero-inner,
  .humanizer-wrap,
  .blog-container,
  .blog-detail-container,
  .form-holder,
  .main-container,
  .resume-wrapper,
  .build-guide-container,
  .faq-container,
  .privacy-policy-section,
  .terms-section,
  .footer,
  footer > .container {
    width: calc(100% - 24px) !important;
  }

  .footer-links,
  .footer-grid {
    grid-template-columns: 1fr !important;
  }

  .hero-details .title,
  .hero-title,
  .hero h1,
  .dashboard-hero h1,
  .ats-hero h1,
  .humanizer-hero h1,
  .blog-hero h1 {
    font-size: clamp(1.75rem, 8vw, 2.4rem) !important;
  }
}

/* Final global alignment pass for all research-themed pages */
.research-themed,
main,
.Main-body,
.page-wrapper,
.dashboard-page,
.building-page,
.humanizer-page,
.ats-page,
.portfolio-page,
.cover-letter-page,
.blog-page {
  color: var(--research-ink) !important;
}

.hero,
.hero-section,
.dashboard-hero,
.ats-hero,
.humanizer-hero,
.blog-hero,
.cover-hero,
.portfolio-hero,
.hero-area,
.main-hero {
  position: relative;
  background:
    linear-gradient(90deg, rgba(35, 134, 247, 0.04) 1px, transparent 1px),
    linear-gradient(180deg, rgba(35, 134, 247, 0.04) 1px, transparent 1px),
    radial-gradient(circle at 82% 12%, rgba(227, 240, 254, 0.95), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  background-size: 28px 28px, 28px 28px, auto, auto !important;
}

.hero::before,
.hero-section::before,
.dashboard-hero::before,
.ats-hero::before,
.humanizer-hero::before,
.blog-hero::before,
.cover-hero::before,
.portfolio-hero::before {
  box-sizing: border-box;
}

.hero-details,
.hero-copy,
.hero-left,
.page-header,
.section-header,
.heading {
  max-width: none !important;
}

.page-header,
.section-header,
.heading {
  margin-bottom: clamp(16px, 2.4vw, 28px) !important;
}

.page-header h1,
.section-header h1,
.heading h1,
.page-header h2,
.section-header h2,
.heading h2 {
  margin-bottom: 8px !important;
}

.page-header p,
.section-header p,
.heading p {
  max-width: 820px;
}

.card,
.review-card,
.rating-box,
.transparency-card,
.service-card,
.project-card,
.pricing-card,
.team-member,
.article,
.template-card,
.tool-card,
.blog-card,
.blog-post-card,
.ats-card,
.stat,
.stat-card,
.step-card,
.step-bottom,
.faq-item,
.resume-form-container,
.showresume,
.input-panel,
.output-panel,
.scan-panel,
.document-panel,
.humanizer-card,
.main-container .card {
  color: var(--research-ink) !important;
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease !important;
}

.card:hover,
.review-card:hover,
.transparency-card:hover,
.service-card:hover,
.project-card:hover,
.article:hover,
.template-card:hover,
.tool-card:hover,
.blog-card:hover,
.blog-post-card:hover,
.faq-item:hover {
  box-shadow: 0 14px 32px rgba(38, 56, 115, 0.08) !important;
}

.template-card,
.blog-card,
.blog-post-card,
.article,
.portfolio-card,
.cover-template-card {
  overflow: hidden !important;
}

.template-card img,
.blog-card img,
.blog-post-card img,
.article img,
.portfolio-card img,
.cover-template-card img,
.proof-box img {
  display: block;
  width: 100% !important;
  background: #ffffff;
}

.template-card img,
.portfolio-card img,
.cover-template-card img {
  object-fit: contain !important;
}

.blog-card img,
.blog-post-card img,
.article img {
  object-fit: cover !important;
}

.form-row,
.form-grid,
.resume-grid,
.input-grid,
.tool-grid,
.tools-grid,
.template-grid,
.templates-grid,
.blog-grid,
.portfolio-grid,
.cover-template-grid,
.stats-grid,
.features-grid {
  align-items: stretch !important;
}

input,
textarea,
select,
.form-control,
.resume-input,
.resume-textarea,
.input-field {
  min-height: 42px;
  padding: 10px 12px !important;
  font-family: Georgia, "Times New Roman", serif !important;
}

button,
.btn,
.hero-button,
.primary-btn,
.secondary-btn,
.use-template-button,
.resume-submit-btn,
.resume-download-btn,
.download-now-btn,
.back-btn,
.copy-btn,
.analyze-btn,
.humanize-btn,
.select-plan-btn,
.navbar a,
.navbar2 a,
.nav-menu .nav-link,
.tools-toggle,
.footer-column a,
.footer-col a {
  font-family: Georgia, "Times New Roman", serif !important;
}

header,
header *,
.navbar,
.navbar *,
.navbar2,
.navbar2 *,
.nav-menu,
.nav-menu *,
.tools-toggle,
.auth-options,
.auth-options *,
.header-actions,
.header-actions * {
  font-family: "Inter", "Rubik", "Segoe UI", Arial, sans-serif !important;
}

.navbar a,
.navbar2 a,
.nav-menu .nav-link,
.tools-toggle,
header button,
header .btn,
.auth-options a,
.auth-options button,
.header-actions a,
.header-actions button {
  font-size: 0.76rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.11em !important;
  color: var(--research-navy) !important;
}

.navbar a,
.navbar2 a,
.nav-menu .nav-link,
.tools-toggle {
  padding: 10px 12px !important;
}

.navbar a:hover,
.navbar2 a:hover,
.nav-menu .nav-link:hover,
.tools-toggle:hover {
  color: var(--research-blue) !important;
}

textarea,
.resume-textarea {
  min-height: 110px;
}

table {
  width: 100% !important;
}

th,
td {
  padding: 12px 14px !important;
}

.footer,
footer > .container {
  width: 90vw !important;
  max-width: min(1440px, 90vw) !important;
}

@media (max-width: 768px) {
  .section-content,
  .hero-content,
  .hero-grid,
  .dashboard-hero-inner,
  .ats-hero-inner,
  .cover-hero-inner,
  .portfolio-hero-inner,
  .form-row,
  .form-grid,
  .resume-grid,
  .input-grid,
  .tool-grid,
  .tools-grid,
  .template-grid,
  .templates-grid,
  .blog-grid,
  .portfolio-grid,
  .cover-template-grid,
  .stats-grid,
  .features-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Site-wide research density layer */
section,
.section,
.templates,
.reviews-section,
.comparison-section,
.transparency-section,
.trust-section,
.blog-list-section,
.content-section,
.tool-section,
.print-guide,
.faq-container,
.build-guide-container,
.main-container,
.resume-wrapper,
.humanizer-section,
.ats-section,
.portfolio-section,
.cover-section,
.page-section,
.form-section,
.template-section,
.features-section,
.tools-section,
.download-section,
.result-section {
  margin-top: var(--research-section-y) !important;
  margin-bottom: var(--research-section-y) !important;
}

section:first-child,
.hero-section:first-child,
.hero:first-child,
.dashboard-hero:first-child,
.ats-hero:first-child,
.humanizer-hero:first-child,
.blog-hero:first-child {
  margin-top: 0 !important;
}

.research-paper-shell,
.templates,
.reviews-section,
.comparison-section,
.transparency-section,
.trust-section,
.blog-list-section,
.content-section,
.tool-section,
.print-guide,
.faq-container,
.build-guide-container,
.main-container,
.resume-wrapper,
.humanizer-section,
.ats-section,
.portfolio-section,
.cover-section,
.page-section,
.form-section,
.template-section,
.features-section,
.tools-section,
.download-section,
.result-section,
.seo-content-wrap > section,
.Main-body > section:not(.hero-section),
.Main-body > div:not(.hero-footer-img) {
  max-width: var(--research-page-width) !important;
  width: 90vw !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.templates,
.reviews-section,
.comparison-section,
.transparency-section,
.trust-section,
.blog-list-section,
.content-section,
.tool-section,
.print-guide,
.faq-container,
.build-guide-container,
.main-container,
.resume-wrapper,
.humanizer-section,
.ats-section,
.portfolio-section,
.cover-section,
.page-section,
.form-section,
.template-section,
.features-section,
.tools-section,
.download-section,
.result-section,
.seo-content-wrap > section,
.Main-body > section:not(.hero-section),
.Main-body > div:not(.hero-footer-img) {
  padding: clamp(20px, 3.2vw, 38px) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(249, 252, 255, 0.97)),
    var(--research-milk) !important;
  border: 1px solid var(--research-border) !important;
  border-top: 4px solid rgba(35, 134, 247, 0.72) !important;
  border-radius: var(--research-radius) !important;
  box-shadow: var(--research-shadow) !important;
}

.templates h2,
.reviews-section h2,
.comparison-section h2,
.transparency-section h2,
.trust-section h2,
.blog-list-section h2,
.content-section h2,
.tool-section h2,
.print-guide h2,
.faq-container h2,
.build-guide-container h2,
.main-container h2,
.resume-wrapper h2,
.humanizer-section h2,
.ats-section h2,
.portfolio-section h2,
.cover-section h2,
.seo-content-wrap h2,
.Main-body > section h2,
.Main-body > div h2 {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

.templates p,
.reviews-section p,
.comparison-section p,
.transparency-section p,
.trust-section p,
.blog-list-section p,
.content-section p,
.tool-section p,
.print-guide p,
.faq-container p,
.build-guide-container p,
.main-container p,
.resume-wrapper p,
.humanizer-section p,
.ats-section p,
.portfolio-section p,
.cover-section p,
.seo-content-wrap p,
.Main-body > section p,
.Main-body > div p {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

.card,
.review-card,
.rating-box,
.transparency-card,
.service-card,
.project-card,
.pricing-card,
.team-member,
.article,
.template-card,
.tool-card,
.blog-card,
.blog-post-card,
.ats-card,
.stat,
.stat-card,
.step-card,
.step-bottom,
.faq-item,
.resume-form-container,
.showresume,
.input-panel,
.output-panel,
.scan-panel,
.document-panel,
.humanizer-card,
.main-container .card {
  padding: clamp(16px, 2.2vw, 24px) !important;
}

.grid,
.cards-grid,
.tools-grid,
.template-grid,
.templates-grid,
.blog-grid,
.transparency-grid,
.features-grid,
.stats-grid,
.portfolio-grid,
.cover-template-grid {
  gap: clamp(14px, 2.2vw, 22px) !important;
}

img,
video,
canvas {
  max-width: 100%;
}

.section-divider,
hr {
  border: 0 !important;
  border-top: 1px solid var(--research-border) !important;
  margin: 22px 0 !important;
}

.btn,
button,
.hero-button,
.primary-btn,
.secondary-btn,
.use-template-button,
.resume-submit-btn,
.resume-download-btn,
.download-now-btn,
.back-btn,
.copy-btn,
.analyze-btn,
.humanize-btn,
.select-plan-btn,
input[type="submit"] {
  min-height: 42px;
  padding: 10px 17px !important;
  font-size: 0.94rem !important;
}

@media (max-width: 980px) {
  :root {
    --research-section-y: clamp(24px, 5vw, 42px);
  }

  .section-content,
  .hero-content,
  .hero-grid,
  .dashboard-hero-inner,
  .ats-hero-inner,
  .cover-hero-inner,
  .portfolio-hero-inner {
    gap: 24px !important;
  }
}

@media (max-width: 640px) {
  body {
    font-size: 14px;
  }

  .research-paper-shell,
  .templates,
  .reviews-section,
  .comparison-section,
  .transparency-section,
  .trust-section,
  .blog-list-section,
  .content-section,
  .tool-section,
  .print-guide,
  .faq-container,
  .build-guide-container,
  .main-container,
  .resume-wrapper,
  .humanizer-section,
  .ats-section,
  .portfolio-section,
  .cover-section,
  .seo-content-wrap > section,
  .Main-body > section:not(.hero-section),
  .Main-body > div:not(.hero-footer-img),
  .section-content,
  .hero-content,
  .hero-inner,
  .dashboard-hero-inner,
  .ats-hero-inner,
  .humanizer-wrap,
  .blog-container,
  .blog-detail-container,
  .form-holder,
  .footer,
  footer > .container {
    width: calc(100% - 20px) !important;
  }

  .templates,
  .reviews-section,
  .comparison-section,
  .transparency-section,
  .trust-section,
  .blog-list-section,
  .content-section,
  .tool-section,
  .print-guide,
  .faq-container,
  .build-guide-container,
  .main-container,
  .resume-wrapper,
  .humanizer-section,
  .ats-section,
  .portfolio-section,
  .cover-section,
  .seo-content-wrap > section,
  .Main-body > section:not(.hero-section),
  .Main-body > div:not(.hero-footer-img) {
    padding: 18px !important;
  }
}

/* Final navbar hard reset: slim uppercase research navigation */
body header .navbar,
body header .navbar2,
body header .tools-menu,
body header .tools-dropdown,
body #navbar2,
body #navbar2 * {
  font-family: "Inter", "Rubik", "Segoe UI", Arial, sans-serif !important;
}

body header .navbar a,
body header .navbar a.option,
body header .tools-toggle,
body header .tools-dropdown a,
body #navbar2 a,
body #navbar2 summary,
body #navbar2 .mobile-tools a,
body header .navbar a *,
body header .tools-toggle *,
body header .tools-dropdown a *,
body #navbar2 a *,
body #navbar2 summary * {
  font-family: "Inter", "Rubik", "Segoe UI", Arial, sans-serif !important;
  font-size: 11.5px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
  color: #263873 !important;
  text-decoration: none !important;
  padding: 10px 12px !important;
}

body header .navbar a:link,
body header .navbar a:visited,
body header .navbar a.option:link,
body header .navbar a.option:visited,
body header .tools-dropdown a:link,
body header .tools-dropdown a:visited,
body #navbar2 a:link,
body #navbar2 a:visited {
  color: #263873 !important;
  font-weight: 400 !important;
}

body header .tools-toggle {
  min-height: 0 !important;
  height: auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  margin: 0 !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

body header .tools-toggle i,
body header .tools-toggle .fa,
body header .tools-toggle .fas {
  display: inline-block !important;
  width: auto !important;
  min-width: 0 !important;
  margin-left: 2px !important;
  font-family: "Font Awesome 6 Free" !important;
  font-size: 0.68rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  color: currentColor !important;
}

body header .menuIcon i,
body header .menuIcon .fa,
body header .menuIcon .fas,
body #navbar2 i,
body #navbar2 .fa,
body #navbar2 .fas,
body .mobile-tools summary i,
body .mobile-tools summary .fa,
body .mobile-tools summary .fas,
body .footer-column i,
body .footer-col i {
  display: inline-block !important;
  width: auto !important;
  min-width: 1em !important;
  margin-right: 6px !important;
  font-family: "Font Awesome 6 Free" !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  color: currentColor !important;
}

body header .menuIcon {
  display: none;
  place-items: center;
  width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border: 1px solid rgba(35, 134, 247, 0.16) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #263873 !important;
  box-shadow: none !important;
}

body header .menuIcon i {
  margin: 0 !important;
  font-size: 1rem !important;
}

@media (max-width: 980px) {
  body header .menuIcon {
    display: grid !important;
  }

  body #navbar2 {
    font-family: "Inter", "Rubik", "Segoe UI", Arial, sans-serif !important;
  }

  body #navbar2 a,
  body #navbar2 summary {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  body #navbar2 i,
  body #navbar2 .fa,
  body #navbar2 .fas {
    flex: 0 0 auto !important;
    margin-right: 0 !important;
    font-size: 0.95rem !important;
  }
}

body .fa-bars::before {
  content: "\f0c9" !important;
}

body .fa-home::before {
  content: "\f015" !important;
}

body .fa-file-lines::before {
  content: "\f15c" !important;
}

body .fa-search::before {
  content: "\f002" !important;
}

body .fa-newspaper::before {
  content: "\f1ea" !important;
}

body .fa-info-circle::before {
  content: "\f05a" !important;
}

body .fa-chevron-down::before {
  content: "\f078" !important;
}

body .fa-pencil-alt::before {
  content: "\f303" !important;
}

body .fa-download::before {
  content: "\f019" !important;
}

body .fa-arrows-alt::before {
  content: "\f0b2" !important;
}

body .fa-palette::before {
  content: "\f53f" !important;
}

body .fa-book::before {
  content: "\f02d" !important;
}

body .fa-award::before {
  content: "\f559" !important;
}

body .fa-wand-magic-sparkles::before {
  content: "\e2ca" !important;
}

/* Navbar app download CTA */
body header .auth-options {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

body header .nav-app-download-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  background: linear-gradient(135deg, #1268ff 0%, #2386f7 58%, #55aaff 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(35, 134, 247, 0.5) !important;
  border-radius: 999px !important;
  padding: 5px 13px 5px 5px !important;
  box-shadow: 0 10px 22px rgba(35, 134, 247, 0.22) !important;
  white-space: nowrap !important;
  transform: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

body header .nav-app-download-btn:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(35, 134, 247, 0.48) !important;
  box-shadow: 0 12px 26px rgba(35, 134, 247, 0.3) !important;
}

body header .nav-app-icon {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border-radius: 7px !important;
  display: grid !important;
  place-items: center !important;
  background: #ffffff !important;
  color: #2386f7 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body header .nav-app-icon img {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  object-fit: contain !important;
}

body header .nav-app-text {
  display: grid !important;
  gap: 1px !important;
  color: #ffffff !important;
  font-family: "Inter", "Rubik", "Segoe UI", Arial, sans-serif !important;
  line-height: 1 !important;
}

body header .nav-app-text small,
body header .nav-app-text strong {
  display: block !important;
  color: #ffffff !important;
  font-family: "Inter", "Rubik", "Segoe UI", Arial, sans-serif !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body header .nav-app-text small {
  font-size: 8.5px !important;
  font-weight: 400 !important;
  opacity: 0.82 !important;
}

body header .nav-app-text strong {
  font-size: 11px !important;
  font-weight: 700 !important;
}

@media (max-width: 1100px) {
  body header .nav-app-text small {
    display: none !important;
  }
}

@media (max-width: 760px) {
  body header .nav-app-download-btn {
    padding: 5px !important;
    gap: 0 !important;
  }

  body header .nav-app-text {
    display: none !important;
  }
}

body header .navbar a:hover,
body header .navbar a.option:hover,
body header .tools-toggle:hover,
body header .tools-dropdown a:hover,
body #navbar2 a:hover,
body #navbar2 summary:hover {
  color: #2386f7 !important;
  background: #e3f0fe !important;
  transform: none !important;
}

body header .navbar a::after,
body header .navbar a.option::after {
  display: none !important;
}

/* Bigger frameless hero video on the main landing page */
body .Main-body .hero-section .section-content {
  grid-template-columns: minmax(360px, 0.86fr) minmax(420px, 1.14fr) !important;
  gap: clamp(12px, 1.7vw, 26px) !important;
  align-items: center !important;
  justify-content: center !important;
}

body .Main-body .hero-section .hero-details {
  max-width: 520px !important;
  padding-right: 0 !important;
}

body .Main-body .hero-section .hero-details .title {
  font-size: clamp(1.9rem, 3.15vw, 3.15rem) !important;
  line-height: 1.03 !important;
  max-width: 13.5ch !important;
}

body .Main-body .hero-section .hero-details .description {
  font-size: clamp(0.88rem, 0.95vw, 1rem) !important;
  line-height: 1.45 !important;
  max-width: 44ch !important;
}

body .Main-body .hero-section .hero-video-wrapper {
  width: fit-content !important;
  max-width: min(720px, 100%) !important;
  min-height: auto !important;
  padding: 0 !important;
  justify-self: end !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body .Main-body .hero-section .hero-video-wrapper::before {
  display: none !important;
}

body .Main-body .hero-section .hero-video {
  width: min(720px, 100%) !important;
  max-height: 720px !important;
  min-height: 420px !important;
  object-fit: contain !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 200px !important;
  box-shadow: none !important;
  filter: none !important;
}

@media (max-width: 1100px) {
  body .Main-body .hero-section .section-content {
    grid-template-columns: 1fr !important;
  }

  body .Main-body .hero-section .hero-video-wrapper {
    width: fit-content !important;
    max-width: min(760px, 100%) !important;
    justify-self: center !important;
  }

  body .Main-body .hero-section .hero-video {
    width: min(760px, 100%) !important;
    max-height: 620px !important;
    min-height: 0 !important;
  }
}

@media (max-width: 640px) {
  body .Main-body .hero-section .hero-video-wrapper {
    width: 100% !important;
  }

  body .Main-body .hero-section .hero-video {
    max-height: 430px !important;
  }
}