.qtx-hero{ position: relative; padding: 76px 0 64px; background: radial-gradient(circle at 12% 18%, rgba(249,115,22,.09), transparent 30%), radial-gradient(circle at 92% 10%, rgba(99,102,241,.07), transparent 26%); }
.qtx-hero::after{ content: ""; position: absolute; inset: auto 0 0; height: 1px; background: linear-gradient(90deg,transparent,var(--qtx-line),transparent); }
.qtx-hero-grid{ display: grid; grid-template-columns: minmax(0,1.1fr) minmax(360px,.75fr); gap: 76px; align-items: center; }
.qtx-hero h1{ max-width: 800px; margin: 0; font-size: clamp(46px, 7vw, 82px); line-height: .98; letter-spacing: -.065em; font-weight: 950; text-wrap: balance; }
.qtx-hero-lead{ max-width: 680px; margin: 24px 0 0; color: #475467; font-size: clamp(19px,2vw,23px); line-height: 1.52; text-wrap: pretty; }
.qtx-hero-actions{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.qtx-hero-panel{ position: relative; padding: 28px; border: 1px solid rgba(255,255,255,.75); border-radius: var(--qtx-radius-lg); background: linear-gradient(145deg,#111a2d,#090f1c); color: #fff; box-shadow: 0 34px 90px rgba(11,18,32,.25); overflow: hidden; }
.qtx-hero-panel::before{ content: ""; position: absolute; width: 260px; height: 260px; top: -140px; right: -100px; border-radius: 50%; background: rgba(249,115,22,.18); filter: blur(2px); }
.qtx-panel-badge{ position: relative; z-index: 1; display: inline-flex; padding: 7px 10px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; background: rgba(255,255,255,.08); color: #e5e7eb; font-size: 11px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.qtx-hero-panel h2{ position: relative; z-index: 1; margin: 20px 0 18px; font-size: 30px; line-height: 1.1; letter-spacing: -.04em; }
.qtx-quick-links{ position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.qtx-quick-links a{ padding: 8px 10px; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; background: rgba(255,255,255,.06); color: #d0d5dd; text-decoration: none; font-size: 12px; font-weight: 700; }
.qtx-quick-links a:hover{ background: rgba(255,255,255,.12); color: #fff; }
.qtx-category-grid{ display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.qtx-category-card{ display: grid; grid-template-columns: 44px minmax(0,1fr) auto; gap: 13px; align-items: center; min-height: 104px; padding: 18px; border: 1px solid var(--qtx-line); border-radius: 20px; background: #fff; text-decoration: none; box-shadow: 0 8px 22px rgba(16,24,40,.04); transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.qtx-category-card:hover{ transform: translateY(-3px); border-color: #fdba74; box-shadow: var(--qtx-shadow-sm); }
.qtx-category-icon{ display: grid; width: 44px; height: 44px; place-items: center; border-radius: 14px; background: #fff7ed; color: var(--qtx-accent-dark); font-weight: 950; }
.qtx-category-copy{ display: grid; min-width: 0; }
.qtx-category-copy strong{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; }
.qtx-category-copy small{ margin-top: 3px; color: var(--qtx-muted); font-size: 12px; }
.qtx-category-arrow{ color: #98a2b3; }
.qtx-trust-section{ background: #fff; border-top: 1px solid var(--qtx-line); }
.qtx-trust-grid{ display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; align-items: start; }
.qtx-trust-grid h2{ margin: 0; font-size: clamp(34px,4.5vw,54px); line-height: 1.05; letter-spacing: -.05em; }
.qtx-trust-list{ display: grid; gap: 0; border-top: 1px solid var(--qtx-line); }
.qtx-trust-list > div{ display: grid; grid-template-columns: 52px 1fr; gap: 12px; padding: 22px 0; border-bottom: 1px solid var(--qtx-line); }
.qtx-trust-list > div > span{ color: var(--qtx-accent); font-size: 12px; font-weight: 900; }
.qtx-trust-list p{ margin: 0; color: var(--qtx-muted); font-size: 14px; }
.qtx-trust-list strong{ display: block; margin-bottom: 4px; color: var(--qtx-ink); font-size: 16px; }
.qtx-conversion-band{ padding: 54px 0; background: var(--qtx-navy); color: #fff; }
.qtx-conversion-inner{ display: grid; grid-template-columns: 1fr auto; gap: 34px; align-items: center; }
.qtx-conversion-inner h2{ margin: 0; max-width: 820px; font-size: clamp(30px,4vw,46px); line-height: 1.08; letter-spacing: -.045em; }
.qtx-conversion-inner p{ margin: 12px 0 0; max-width: 760px; color: #98a2b3; }
@media (max-width: 1100px){.qtx-hero-grid{ gap: 42px; }
.qtx-category-grid{ grid-template-columns: repeat(2,minmax(0,1fr)); }}
@media (max-width: 860px){.qtx-hero{ padding: 52px 0 48px; }
.qtx-hero-grid{ grid-template-columns: 1fr; }
.qtx-hero-panel{ max-width: 680px; }
.qtx-trust-grid{ grid-template-columns: 1fr; gap: 42px; }
.qtx-conversion-inner{ grid-template-columns: 1fr; }
.qtx-conversion-inner .qtx-btn{ justify-self: start; }}
@media (max-width: 640px){.qtx-hero h1{ font-size: clamp(42px,14vw,62px); }
.qtx-hero-lead{ font-size: 18px; }
.qtx-hero-actions{ flex-direction: column; }
.qtx-hero-panel{ padding: 20px; border-radius: 24px; }
.qtx-category-grid{ grid-template-columns: 1fr; }
.qtx-category-card{ min-height: 92px; }}

/* Phase 1451 homepage authority surface */
.qtx-brand-authority{border-top:1px solid rgba(15,23,42,.06);border-bottom:1px solid rgba(15,23,42,.06)}


/* Phase 1546 — homepage editorial spacing */
.qtx-home-guides-section{padding-top:70px}.qtx-home-guides-section + .qtx-trust-section{border-top:0}.qtx-home-guides-section .qtx-section-heading{margin-bottom:24px}@media (max-width:640px){.qtx-home-guides-section{padding-top:44px}}

/* Phase 1562 — Homepage desktop editorial grid & overflow closure */
.qtx-home-guides-section .qtx-container,
.qtx-home-guides-section .qtx-guides-grid,
.qtx-home-guides-section .qtx-guide-card-home,
.qtx-home-guides-section .qtx-card-body,
.qtx-home-guides-section .qtx-card-topline,
.qtx-home-guides-section .qtx-card-badges{
  min-width:0;
}
.qtx-home-guides-section .qtx-guides-grid{
  width:100%;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:24px;
  overflow:visible;
}
.qtx-home-guides-section .qtx-guides-grid > .qtx-guide-card-home{
  grid-column:span 4;
  width:100%;
  max-width:100%;
}
.qtx-home-guides-section .qtx-guide-card--featured{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(380px,.98fr);
  min-height:400px;
  overflow:hidden;
}
.qtx-home-guides-section .qtx-guide-card--featured .qtx-card-media{
  min-width:0;
  height:100%;
  min-height:400px;
  aspect-ratio:auto;
}
.qtx-home-guides-section .qtx-guide-card--featured .qtx-card-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.qtx-home-guides-section .qtx-guide-card--featured .qtx-card-body{
  justify-content:center;
  padding:36px 38px 32px;
}
.qtx-home-guides-section .qtx-guide-card--featured .qtx-card-title{
  max-width:15ch;
  margin:18px 0 12px;
  font-size:clamp(32px,3.3vw,44px);
  line-height:1.03;
  letter-spacing:-.055em;
}
.qtx-home-guides-section .qtx-guide-card-home .qtx-card-title,
.qtx-home-guides-section .qtx-guide-card-home .qtx-card-title a{
  min-width:0;
  max-width:100%;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
.qtx-home-guides-section .qtx-guide-card-home:not(.qtx-guide-card--featured) .qtx-card-title{
  font-size:24px;
  line-height:1.13;
  letter-spacing:-.04em;
}
.qtx-home-guides-section .qtx-guide-card-home:not(.qtx-guide-card--featured) .qtx-card-media{
  aspect-ratio:1.72 / 1;
}
.qtx-home-guides-section .qtx-guide-card-home:not(.qtx-guide-card--featured) .qtx-card-body{
  padding:21px 22px 20px;
}
.qtx-home-guides-section .qtx-guide-card--featured .qtx-card-excerpt{
  max-width:52ch;
  -webkit-line-clamp:4;
  font-size:16px;
  line-height:1.62;
}
.qtx-home-guides-section .qtx-card-topline{
  width:100%;
}
.qtx-home-guides-section .qtx-card-badges{
  flex:1 1 auto;
}
.qtx-home-guides-section .qtx-card-time{
  flex:0 0 auto;
}
.qtx-home-guides-section .qtx-card-meta-row{
  width:100%;
}

@media (max-width:1100px){
  .qtx-home-guides-section .qtx-guides-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
  }
  .qtx-home-guides-section .qtx-guides-grid > .qtx-guide-card-home{
    grid-column:auto;
  }
  .qtx-home-guides-section .qtx-guide-card--featured{
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);
    min-height:360px;
  }
  .qtx-home-guides-section .qtx-guide-card--featured .qtx-card-media{
    min-height:360px;
    aspect-ratio:auto;
  }
  .qtx-home-guides-section .qtx-guide-card--featured .qtx-card-body{
    padding:30px 30px 28px;
  }
  .qtx-home-guides-section .qtx-guide-card--featured .qtx-card-title{
    max-width:16ch;
    font-size:clamp(30px,4vw,39px);
  }
}

@media (max-width:860px){
  .qtx-home-guides-section .qtx-guide-card--featured{
    display:flex;
    min-height:0;
  }
  .qtx-home-guides-section .qtx-guide-card--featured .qtx-card-media{
    min-height:0;
    aspect-ratio:1.9 / 1;
  }
  .qtx-home-guides-section .qtx-guide-card--featured .qtx-card-body{
    padding:24px;
  }
  .qtx-home-guides-section .qtx-guide-card--featured .qtx-card-title{
    max-width:none;
    font-size:29px;
    line-height:1.08;
  }
}

@media (max-width:640px){
  .qtx-home-guides-section .qtx-guides-grid{
    grid-template-columns:1fr;
    gap:18px;
  }
  .qtx-home-guides-section .qtx-guide-card--featured{
    grid-column:auto;
  }
  .qtx-home-guides-section .qtx-guide-card--featured .qtx-card-media,
  .qtx-home-guides-section .qtx-guide-card-home:not(.qtx-guide-card--featured) .qtx-card-media{
    aspect-ratio:2.05 / 1;
  }
  .qtx-home-guides-section .qtx-guide-card--featured .qtx-card-body,
  .qtx-home-guides-section .qtx-guide-card-home:not(.qtx-guide-card--featured) .qtx-card-body{
    padding:18px 18px 17px;
  }
  .qtx-home-guides-section .qtx-guide-card--featured .qtx-card-title,
  .qtx-home-guides-section .qtx-guide-card-home:not(.qtx-guide-card--featured) .qtx-card-title{
    max-width:none;
    margin:14px 0 9px;
    font-size:20px;
    line-height:1.14;
  }
  .qtx-home-guides-section .qtx-guide-card--featured .qtx-card-excerpt{
    font-size:14px;
    line-height:1.55;
    -webkit-line-clamp:3;
  }
}

/* Phase 1563 — Homepage magazine hero + deterministic secondary grid */
.qtx-home-guides-section .qtx-home-featured-guide{
  display:block;
  width:100%;
  min-width:0;
  margin:0 0 30px;
}
.qtx-home-guides-section .qtx-home-featured-guide > .qtx-guide-card--featured{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(360px,.92fr);
  width:100%;
  min-width:0;
  min-height:390px;
  border-radius:30px;
  overflow:hidden;
  box-shadow:0 20px 54px rgba(16,24,40,.075);
}
.qtx-home-guides-section .qtx-home-featured-guide .qtx-card-media{
  display:block;
  width:100%;
  min-width:0;
  min-height:390px;
  height:100%;
  aspect-ratio:auto;
  background:linear-gradient(145deg,#eef2f7,#f8fafc);
}
.qtx-home-guides-section .qtx-home-featured-guide .qtx-card-media img,
.qtx-home-guides-section .qtx-home-featured-guide .qtx-card-placeholder{
  width:100%;
  height:100%;
  min-height:390px;
}
.qtx-home-guides-section .qtx-home-featured-guide .qtx-card-media img{
  object-fit:cover;
  object-position:center;
}
.qtx-home-guides-section .qtx-home-featured-guide .qtx-card-body{
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:center;
  padding:36px 38px 34px;
}
.qtx-home-guides-section .qtx-home-featured-guide .qtx-card-title{
  max-width:16ch;
  margin:18px 0 13px;
  font-size:clamp(34px,3.25vw,46px);
  line-height:1.02;
  letter-spacing:-.055em;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  text-wrap:balance;
}
.qtx-home-guides-section .qtx-home-featured-guide .qtx-card-excerpt{
  max-width:54ch;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  overflow:hidden;
  font-size:16px;
  line-height:1.62;
}
.qtx-home-guides-section .qtx-home-featured-guide .qtx-card-meta-row{
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid #eef0f3;
}
.qtx-home-guides-section .qtx-guides-grid-secondary{
  display:grid;
  width:100%;
  min-width:0;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
}
.qtx-home-guides-section .qtx-guides-grid-secondary > .qtx-guide-card-home{
  grid-column:auto;
  width:100%;
  min-width:0;
  max-width:none;
}
.qtx-home-guides-section .qtx-guides-grid-secondary .qtx-card-media{
  width:100%;
  aspect-ratio:1.72 / 1;
}
.qtx-home-guides-section .qtx-guides-grid-secondary .qtx-card-title{
  margin:15px 0 10px;
  font-size:24px;
  line-height:1.12;
  letter-spacing:-.04em;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  text-wrap:balance;
}
.qtx-home-guides-section .qtx-guides-grid-secondary .qtx-card-excerpt{
  -webkit-line-clamp:3;
}
.qtx-home-guides-section .qtx-guides-grid-secondary .qtx-card-meta-row{
  margin-top:auto;
}

@media (max-width:1080px){
  .qtx-home-guides-section .qtx-home-featured-guide > .qtx-guide-card--featured{
    grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr);
    min-height:350px;
  }
  .qtx-home-guides-section .qtx-home-featured-guide .qtx-card-media,
  .qtx-home-guides-section .qtx-home-featured-guide .qtx-card-media img,
  .qtx-home-guides-section .qtx-home-featured-guide .qtx-card-placeholder{
    min-height:350px;
  }
  .qtx-home-guides-section .qtx-home-featured-guide .qtx-card-body{
    padding:30px;
  }
  .qtx-home-guides-section .qtx-home-featured-guide .qtx-card-title{
    max-width:17ch;
    font-size:clamp(31px,3.8vw,40px);
  }
  .qtx-home-guides-section .qtx-guides-grid-secondary{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
  }
}

@media (max-width:760px){
  .qtx-home-guides-section .qtx-home-featured-guide{
    margin-bottom:22px;
  }
  .qtx-home-guides-section .qtx-home-featured-guide > .qtx-guide-card--featured{
    display:flex;
    min-height:0;
    border-radius:25px;
  }
  .qtx-home-guides-section .qtx-home-featured-guide .qtx-card-media,
  .qtx-home-guides-section .qtx-home-featured-guide .qtx-card-media img,
  .qtx-home-guides-section .qtx-home-featured-guide .qtx-card-placeholder{
    min-height:0;
    height:auto;
  }
  .qtx-home-guides-section .qtx-home-featured-guide .qtx-card-media{
    aspect-ratio:1.9 / 1;
  }
  .qtx-home-guides-section .qtx-home-featured-guide .qtx-card-body{
    padding:22px;
  }
  .qtx-home-guides-section .qtx-home-featured-guide .qtx-card-title{
    max-width:none;
    margin:14px 0 9px;
    font-size:27px;
    line-height:1.07;
  }
  .qtx-home-guides-section .qtx-home-featured-guide .qtx-card-excerpt{
    font-size:14px;
    line-height:1.55;
    -webkit-line-clamp:3;
  }
  .qtx-home-guides-section .qtx-guides-grid-secondary{
    grid-template-columns:1fr;
    gap:18px;
  }
}

@media (max-width:480px){
  .qtx-home-guides-section .qtx-home-featured-guide .qtx-card-title,
  .qtx-home-guides-section .qtx-guides-grid-secondary .qtx-card-title{
    font-size:20px;
    line-height:1.14;
  }
  .qtx-home-guides-section .qtx-home-featured-guide .qtx-card-body,
  .qtx-home-guides-section .qtx-guides-grid-secondary .qtx-card-body{
    padding:18px 18px 17px;
  }
}
