/* QIFENG SPRING Premium V3 visual system
   Scope: front-end polish only. Designed for qifeng-b2b theme integration.
   Do not paste into wp-admin editor if theme files can be edited safely by deployment script.
*/

:root {
  --qf-bg: #f6f8fb;
  --qf-surface: #ffffff;
  --qf-surface-2: #f0f4f8;
  --qf-ink: #0b1220;
  --qf-ink-2: #233044;
  --qf-muted: #697789;
  --qf-line: rgba(17, 24, 39, .10);
  --qf-navy: #0b1b2e;
  --qf-navy-2: #102a46;
  --qf-blue: #0e6fb6;
  --qf-blue-2: #39a8f2;
  --qf-cyan: #6dd3ff;
  --qf-red: #c71f2d;
  --qf-gold: #c8a663;
  --qf-radius-sm: 10px;
  --qf-radius: 18px;
  --qf-radius-lg: 28px;
  --qf-shadow-sm: 0 8px 24px rgba(15, 23, 42, .08);
  --qf-shadow: 0 22px 60px rgba(15, 23, 42, .14);
  --qf-shadow-strong: 0 34px 90px rgba(2, 8, 23, .25);
  --qf-container: min(1200px, calc(100vw - 40px));
  --qf-font: "IBM Plex Sans", "Barlow", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

html { scroll-behavior: smooth; }
body {
  background: var(--qf-bg);
  color: var(--qf-ink);
  font-family: var(--qf-font);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(circle at 8% 0%, rgba(57, 168, 242, .12), transparent 30vw),
    radial-gradient(circle at 92% 10%, rgba(199, 31, 45, .08), transparent 28vw),
    linear-gradient(180deg, #f9fbfd 0%, #f3f6fa 44%, #eef3f8 100%);
}

/* Header */
.site-header,
.qf-site-header,
header[role="banner"] {
  position: sticky;
  top: 0;
  z-index: 1000;
  backdrop-filter: blur(18px);
  background: rgba(255, 255, 255, .88);
  border-bottom: 1px solid rgba(15, 23, 42, .08);
  box-shadow: 0 6px 28px rgba(15, 23, 42, .06);
}

.site-header a,
.qf-site-header a,
header[role="banner"] a {
  color: var(--qf-ink-2);
  text-decoration: none;
}

.site-header .current-menu-item > a,
.site-header a:hover,
.qf-site-header .current-menu-item > a,
.qf-site-header a:hover {
  color: var(--qf-blue);
}

/* Generic containers */
.qf-section,
.section,
.home-section {
  padding-block: clamp(70px, 8vw, 118px);
}

.qf-container,
.container,
.wrap {
  width: var(--qf-container);
  margin-inline: auto;
}

.qf-eyebrow,
.eyebrow,
.section-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  color: var(--qf-blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.qf-eyebrow::before,
.eyebrow::before,
.section-kicker::before {
  content: "";
  width: 34px;
  height: 1px;
  background: linear-gradient(90deg, var(--qf-blue), var(--qf-cyan));
}

h1, h2, h3 {
  letter-spacing: -.035em;
  color: var(--qf-ink);
}
h1 { font-size: clamp(42px, 6vw, 76px); line-height: .98; }
h2 { font-size: clamp(30px, 4vw, 52px); line-height: 1.03; }
h3 { font-size: clamp(20px, 2vw, 28px); line-height: 1.16; }
p { color: var(--qf-muted); line-height: 1.75; }

/* Premium hero */
.qf-hero,
.hero,
.front-hero {
  position: relative;
  min-height: clamp(620px, 88vh, 850px);
  display: grid;
  align-items: center;
  overflow: hidden;
  color: #fff;
  background: #07111f;
  isolation: isolate;
}
.qf-hero::before,
.hero::before,
.front-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(3, 10, 22, .92) 0%, rgba(3, 10, 22, .72) 42%, rgba(3, 10, 22, .18) 72%, rgba(3, 10, 22, .50) 100%),
    radial-gradient(circle at 18% 20%, rgba(57,168,242,.35), transparent 34vw),
    linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.72));
}
.qf-hero::after,
.hero::after,
.front-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .28;
  background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(90deg, #000, transparent 82%);
}
.qf-hero img,
.hero img,
.front-hero img {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: contrast(1.04) saturate(.92) brightness(.82);
  transform: scale(1.02);
}
.qf-hero-content,
.hero-content,
.front-hero .content {
  width: var(--qf-container);
  margin-inline: auto;
  max-width: 760px;
  padding-block: 120px;
}
.qf-hero h1,
.hero h1,
.front-hero h1 {
  color: #fff;
  text-wrap: balance;
  max-width: 760px;
  margin: 0 0 22px;
  text-shadow: 0 18px 50px rgba(0,0,0,.35);
}
.qf-hero p,
.hero p,
.front-hero p {
  color: rgba(235, 244, 252, .88);
  font-size: clamp(17px, 1.35vw, 21px);
  max-width: 660px;
}
.qf-hero .qf-hero-proof,
.hero .hero-proof {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  padding: 8px 13px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  color: rgba(255,255,255,.88);
  background: rgba(255,255,255,.10);
  backdrop-filter: blur(12px);
  font-size: 13px;
  font-weight: 700;
}

/* Buttons */
.qf-btn,
.button,
.wp-block-button__link,
input[type="submit"],
button[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 14px 22px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-weight: 800;
  letter-spacing: .01em;
  text-decoration: none;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}
.qf-btn-primary,
.button-primary,
.wp-block-button__link,
input[type="submit"],
button[type="submit"] {
  color: #fff;
  background: linear-gradient(135deg, var(--qf-blue), #074e86 60%, #083a63);
  box-shadow: 0 14px 32px rgba(14,111,182,.28);
}
.qf-btn-secondary,
.button-secondary {
  color: #fff;
  border-color: rgba(255,255,255,.28);
  background: rgba(255,255,255,.10);
  backdrop-filter: blur(12px);
}
.qf-btn:hover,
.button:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 44px rgba(14,111,182,.24);
}

/* Stat bar */
.qf-stat-bar,
.stats,
.hero-stats {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1px;
  margin: -54px auto 0;
  width: var(--qf-container);
  position: relative;
  z-index: 5;
  border-radius: var(--qf-radius-lg);
  overflow: hidden;
  box-shadow: var(--qf-shadow-strong);
  background: rgba(255,255,255,.16);
  backdrop-filter: blur(18px);
}
.qf-stat,
.stat,
.hero-stats > * {
  min-height: 120px;
  padding: 26px 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.95));
  border: 1px solid rgba(255,255,255,.35);
}
.qf-stat strong,
.stat strong,
.hero-stats strong {
  display: block;
  color: var(--qf-navy);
  font-size: clamp(25px, 2.4vw, 36px);
  letter-spacing: -.04em;
}
.qf-stat span,
.stat span,
.hero-stats span {
  display: block;
  margin-top: 8px;
  color: var(--qf-muted);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

/* Cards */
.qf-card,
.product-card,
.news-card,
.trust-card,
.service-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: var(--qf-radius);
  background: rgba(255,255,255,.92);
  box-shadow: var(--qf-shadow-sm);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.qf-card::before,
.product-card::before,
.news-card::before,
.trust-card::before,
.service-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,.42), transparent 34%, rgba(57,168,242,.06));
  opacity: .8;
}
.qf-card:hover,
.product-card:hover,
.news-card:hover,
.trust-card:hover,
.service-card:hover {
  transform: translateY(-6px);
  border-color: rgba(14,111,182,.22);
  box-shadow: var(--qf-shadow);
}
.qf-card img,
.product-card img,
.news-card img,
.trust-card img,
.service-card img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
  transition: transform .55s ease, filter .55s ease;
}
.product-card img { object-fit: contain; background: linear-gradient(180deg,#fff,#f4f7fb); padding: 18px; }
.qf-card:hover img,
.product-card:hover img,
.news-card:hover img,
.trust-card:hover img,
.service-card:hover img { transform: scale(1.04); filter: contrast(1.04); }
.qf-card-body,
.product-card .card-body,
.news-card .card-body,
.trust-card .card-body { padding: 24px; }

/* High-end section alternates */
.qf-dark,
.section-dark,
.process-section {
  position: relative;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 20% 0%, rgba(57,168,242,.18), transparent 34vw),
    linear-gradient(135deg, #06111e 0%, #0a1c30 48%, #07111f 100%);
}
.qf-dark h2,
.qf-dark h3,
.section-dark h2,
.section-dark h3,
.process-section h2,
.process-section h3 { color: #fff; }
.qf-dark p,
.section-dark p,
.process-section p { color: rgba(232,242,255,.72); }
.qf-dark::after,
.section-dark::after,
.process-section::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .17;
  background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 64px 64px;
  pointer-events: none;
}

.qf-process-grid,
.process-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 12px;
}
.qf-process-step,
.process-step {
  position: relative;
  padding: 22px 14px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(12px);
}
.qf-process-step b,
.process-step b {
  display: block;
  margin-bottom: 14px;
  color: var(--qf-cyan);
  font-size: 12px;
  letter-spacing: .16em;
}

/* Product archive premium */
.qf-product-grid,
.product-grid,
.products-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}
.product-card h3 { margin: 0 0 10px; font-size: 22px; }
.product-card .meta,
.product-card .category,
.product-card small {
  display: inline-flex;
  margin-bottom: 12px;
  color: var(--qf-blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.product-card a { color: var(--qf-ink); text-decoration: none; }

/* Inquiry form */
.qf-inquiry,
.inquiry-form,
form.qifeng-inquiry-form {
  padding: clamp(26px, 4vw, 42px);
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: var(--qf-radius-lg);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,248,252,.95));
  box-shadow: var(--qf-shadow);
}
.qf-inquiry input,
.qf-inquiry textarea,
.qf-inquiry select,
.inquiry-form input,
.inquiry-form textarea,
.inquiry-form select,
form.qifeng-inquiry-form input,
form.qifeng-inquiry-form textarea,
form.qifeng-inquiry-form select {
  width: 100%;
  min-height: 48px;
  border: 1px solid rgba(15,23,42,.12);
  border-radius: 14px;
  padding: 13px 15px;
  color: var(--qf-ink);
  background: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
}
.qf-inquiry input:focus,
.qf-inquiry textarea:focus,
.qf-inquiry select:focus,
.inquiry-form input:focus,
.inquiry-form textarea:focus,
.inquiry-form select:focus,
form.qifeng-inquiry-form input:focus,
form.qifeng-inquiry-form textarea:focus,
form.qifeng-inquiry-form select:focus {
  outline: 3px solid rgba(57,168,242,.16);
  border-color: rgba(14,111,182,.52);
}

/* Gallery */
.qf-gallery,
.gallery-grid,
.visual-gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.qf-gallery img,
.gallery-grid img,
.visual-gallery img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 18px;
  box-shadow: var(--qf-shadow-sm);
}

/* Footer */
.site-footer,
.qf-footer,
footer {
  color: rgba(255,255,255,.78);
  background: linear-gradient(135deg, #06111e, #0b1b2e 60%, #07111f);
}
.site-footer h2,
.site-footer h3,
.qf-footer h2,
.qf-footer h3,
footer h2,
footer h3 { color: #fff; }
.site-footer a,
.qf-footer a,
footer a { color: rgba(255,255,255,.82); text-decoration: none; }
.site-footer a:hover,
.qf-footer a:hover,
footer a:hover { color: var(--qf-cyan); }

/* Reveal animation, disabled when user prefers reduced motion */
.qf-reveal { opacity: 0; transform: translateY(24px); transition: opacity .72s ease, transform .72s ease; }
.qf-reveal.is-visible { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
  .qf-reveal { opacity: 1; transform: none; }
}

/* Responsive */
@media (max-width: 1100px) {
  .qf-stat-bar, .stats, .hero-stats { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .qf-product-grid, .product-grid, .products-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .qf-process-grid, .process-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 720px) {
  :root { --qf-container: min(100% - 28px, 1200px); }
  .qf-hero, .hero, .front-hero { min-height: 680px; }
  .qf-stat-bar, .stats, .hero-stats { grid-template-columns: repeat(2, minmax(0,1fr)); margin-top: -36px; }
  .qf-product-grid, .product-grid, .products-grid, .qf-gallery, .gallery-grid, .visual-gallery { grid-template-columns: 1fr; }
  .qf-section, .section, .home-section { padding-block: 58px; }
  h1 { font-size: clamp(38px, 12vw, 52px); }
}

/* qifeng-b2b premium integration */
body.qifeng-b2b-body {
  overflow-x: hidden;
}

.site-main {
  overflow: clip;
}

.content-section,
.cta-band,
.stats-band {
  padding-block: clamp(64px, 7vw, 104px);
}

.header-shell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  min-height: 82px;
}

.brand-mark {
  display: grid;
  gap: 2px;
}

.brand-mark__eyebrow {
  color: var(--qf-blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.brand-mark__name {
  color: var(--qf-navy);
  font-family: "Barlow", sans-serif;
  font-size: clamp(1.35rem, 1.8vw, 1.65rem);
  font-weight: 800;
  letter-spacing: .04em;
}

.brand-mark__tag {
  color: var(--qf-muted);
  font-size: 13px;
}

.nav-shell,
.header-utilities,
.menu-list,
.menu-fallback {
  display: flex;
  align-items: center;
  gap: 18px;
}

.nav-shell {
  margin-left: auto;
}

.menu-list,
.menu-fallback {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
}

.menu-list a,
.menu-fallback a,
.language-switcher a {
  color: var(--qf-ink-2);
}

.language-switcher {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 999px;
  background: rgba(255,255,255,.72);
}

.language-switcher a {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.qf-header-cta {
  white-space: nowrap;
}

.menu-toggle {
  display: none;
  padding: 0;
  border: 0;
  background: transparent;
}

.menu-toggle span {
  display: block;
  width: 28px;
  height: 2px;
  margin: 5px 0;
  background: var(--qf-navy);
}

.hero .eyebrow,
.qf-dark .eyebrow,
.site-footer .eyebrow {
  color: var(--qf-cyan);
}

.hero .eyebrow::before,
.qf-dark .eyebrow::before,
.site-footer .eyebrow::before {
  background: linear-gradient(90deg, var(--qf-cyan), rgba(255,255,255,.6));
}

.hero .lead,
.qf-dark .lead {
  max-width: 680px;
}

.qf-hero-content {
  position: relative;
  z-index: 2;
}

.qf-hero-proof-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}

.qf-hero-proof {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 10px 16px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  color: rgba(255,255,255,.9);
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(12px);
  font-size: 13px;
  font-weight: 700;
}

.qf-page-hero {
  padding-block: clamp(76px, 8vw, 112px);
}

.qf-page-hero .page-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
  gap: 32px;
  align-items: center;
}

.qf-page-hero .page-hero__content {
  max-width: 680px;
}

.qf-page-hero h1,
.qf-page-hero h2,
.qf-page-hero h3 {
  color: #fff;
}

.qf-page-hero .lead,
.qf-page-hero p {
  color: rgba(232, 242, 255, .82);
}

.qf-page-hero .page-hero__media,
.qf-product-overview-media,
.support-section__media,
.process-aside__thumb,
.trust-card__thumb,
.post-card__thumb,
.product-card__thumb,
.category-card__thumb {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.qf-page-hero .page-hero__media {
  min-height: 320px;
  background: rgba(255,255,255,.06);
}

.qf-page-hero .page-hero__media img,
.support-section__media img,
.trust-card__thumb img,
.post-card__thumb img,
.category-card__thumb img,
.process-aside__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card-grid,
.trust-grid,
.detail-grid,
.category-grid {
  display: grid;
  gap: 24px;
}

.card-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.trust-grid,
.detail-grid,
.qf-system-grid,
.qf-team-grid,
.qf-lab-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.category-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.split-panel,
.qf-overview-grid,
.process-layout {
  display: grid;
  gap: 28px;
  align-items: center;
}

.split-panel,
.process-layout {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.qf-overview-grid {
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
}

.section-heading {
  margin-bottom: 22px;
}

.section-heading.center {
  max-width: 920px;
  margin-inline: auto;
  text-align: center;
}

.section-heading h2,
.qf-product-summary h2,
.site-footer h2 {
  margin: 0;
  text-wrap: balance;
}

.section-content > :first-child,
.qf-product-summary > :first-child {
  margin-top: 0;
}

.section-content > :last-child,
.qf-product-summary > :last-child {
  margin-bottom: 0;
}

.product-card,
.news-card,
.trust-card,
.category-card {
  padding: 0;
  text-decoration: none;
  color: inherit;
}

.content-card,
.detail-card,
.category-card,
.contact-card,
.form-shell {
  border-radius: var(--qf-radius);
}

.product-card .card-body,
.news-card .card-body,
.trust-card .card-body,
.category-card .card-body,
.process-aside .card-body {
  position: relative;
  z-index: 2;
  padding: 24px;
}

.product-card h3,
.news-card h3,
.trust-card h3,
.category-card h3 {
  margin: 0 0 10px;
}

.product-card .category {
  margin-bottom: 10px;
}

.qf-trust-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  margin-bottom: 18px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(14,111,182,.12), rgba(57,168,242,.22));
}

.qf-trust-icon img {
  width: 22px;
  height: 22px;
}

.support-section__media,
.qf-product-overview-media,
.page-hero__media {
  min-height: 320px;
}

.qf-product-overview-media img {
  width: 100%;
  height: 100%;
  aspect-ratio: 4 / 3;
  object-fit: contain;
  background: linear-gradient(180deg, #fff, #f4f7fb);
  padding: 26px;
}

.qf-product-summary .feature-list {
  margin-top: 20px;
}

.qf-filter-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

.qf-filter-pill {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 999px;
  color: var(--qf-ink-2);
  background: rgba(255,255,255,.86);
  box-shadow: var(--qf-shadow-sm);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .04em;
  text-decoration: none;
  transition: transform .22s ease, border-color .22s ease, color .22s ease;
}

.qf-filter-pill:hover {
  transform: translateY(-2px);
  border-color: rgba(14,111,182,.26);
  color: var(--qf-blue);
}

.process-layout.qf-process-layout {
  grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
  align-items: start;
}

.process-aside {
  padding: 0;
}

.process-aside .card-body {
  padding-top: 22px;
}

.qf-news-grid .news-card {
  height: 100%;
}

.qf-section-link {
  margin-top: 26px;
}

.qf-note-card {
  padding: 28px;
}

.cta-shell {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: 28px;
  align-items: start;
  padding: clamp(28px, 4vw, 40px);
  border-radius: var(--qf-radius-lg);
}

.form-shell {
  padding: clamp(28px, 4vw, 40px);
}

.form-shell h3 {
  margin: 0 0 10px;
}

.form-shell__intro {
  margin: 0 0 22px;
}

.qf-inquiry h3,
.qf-inquiry p,
.qf-inquiry label,
.qf-inquiry small {
  color: var(--qf-ink-2);
}

.qf-inquiry .eyebrow {
  color: var(--qf-blue);
}

.qf-inquiry .eyebrow::before {
  background: linear-gradient(90deg, var(--qf-blue), var(--qf-cyan));
}

.footer-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .9fr) minmax(0, .8fr);
  gap: 28px;
  align-items: start;
}

.footer-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.footer-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-list li + li {
  margin-top: 10px;
}

.footer-meta {
  padding-top: 22px;
  margin-top: 28px;
  border-top: 1px solid rgba(255,255,255,.10);
}

.pagination-shell,
.center {
  text-align: center;
}

@media (max-width: 1180px) {
  .header-shell {
    flex-wrap: wrap;
  }

  .nav-shell {
    width: 100%;
    justify-content: space-between;
  }

  .card-grid,
  .qf-product-grid,
  .qf-news-grid,
  .trust-grid,
  .detail-grid,
  .qf-system-grid,
  .qf-team-grid,
  .qf-lab-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

@media (max-width: 900px) {
  .menu-toggle {
    display: inline-block;
    margin-left: auto;
  }

  .nav-shell {
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    padding-bottom: 14px;
  }

  .nav-shell.is-open {
    display: flex;
  }

  .menu-list,
  .menu-fallback,
  .header-utilities {
    flex-direction: column;
    align-items: flex-start;
  }

  .header-utilities {
    width: 100%;
  }

  .split-panel,
  .qf-overview-grid,
  .process-layout,
  .cta-shell,
  .qf-page-hero .page-hero__grid,
  .footer-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .brand-mark__tag {
    display: none;
  }

  .qf-hero-proof-list {
    gap: 10px;
  }

  .qf-hero-proof {
    width: 100%;
    justify-content: center;
  }

  .qf-stat {
    min-height: 104px;
    padding: 20px 14px;
  }

  .card-grid,
  .qf-product-grid,
  .qf-news-grid,
  .trust-grid,
  .detail-grid,
  .qf-system-grid,
  .qf-team-grid,
  .qf-lab-grid,
  .category-grid,
  .visual-gallery {
    grid-template-columns: 1fr;
  }

  .footer-cta-actions,
  .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .button,
  .qf-header-cta,
  .qf-filter-pill {
    justify-content: center;
  }
}