/* SABFAB.DEV · Website-Hilfe landing page v1 */

.help-page {
  --help-paper: #f0eee6;
  --help-paper-deep: #e4e1d6;
  background: var(--ink);
}

.help-page h1,
.help-page h2,
.help-page h3 {
  overflow-wrap: normal;
  word-break: normal;
  -webkit-hyphens: none;
  hyphens: none;
}

.help-page .section-index { font-size: .66rem; }

.help-header {
  grid-template-columns: 1fr auto;
  border-bottom-color: rgba(255,255,255,.08);
  background: rgba(10,10,9,.68);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.help-header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.5rem;
}

.help-home-link {
  padding-block: .65rem;
  color: rgba(255,255,255,.64);
  font: 600 .62rem/1 var(--font-mono);
  letter-spacing: .07em;
  text-transform: uppercase;
  transition: color .2s ease;
}

.help-home-link:hover { color: var(--white); }
.help-header-cta { min-height: 2.8rem; padding: .75rem 1rem; }

.help-grid {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 8.5rem 8.5rem;
  -webkit-mask-image: linear-gradient(to bottom, #000 10%, rgba(0,0,0,.5) 72%, transparent);
  mask-image: linear-gradient(to bottom, #000 10%, rgba(0,0,0,.5) 72%, transparent);
}

.help-hero {
  position: relative;
  min-height: 100svh;
  overflow: hidden;
  padding-top: calc(var(--header-height) + clamp(3rem, 6vh, 5rem));
  padding-bottom: clamp(4rem, 8vh, 7rem);
  border-bottom: 1px solid var(--line-dark);
  background:
    radial-gradient(circle at 78% 32%, rgba(var(--signal-rgb),.09), transparent 23rem),
    linear-gradient(145deg, #0a0a09, #10100e 70%, #080807);
}

.help-orbit {
  position: absolute;
  pointer-events: none;
  border: 1px solid rgba(var(--signal-rgb),.2);
  border-radius: 50%;
}

.help-orbit::after {
  position: absolute;
  width: .55rem;
  height: .55rem;
  content: "";
  border-radius: 50%;
  background: var(--signal);
  box-shadow: 0 0 0 .4rem rgba(var(--signal-rgb),.12);
}

.help-orbit-a { top: 10%; right: 2%; width: 42rem; height: 42rem; }
.help-orbit-a::after { top: 18%; left: 9%; }
.help-orbit-b { right: 21%; bottom: -28%; width: 28rem; height: 28rem; border-color: rgba(255,255,255,.1); }
.help-orbit-b::after { top: 40%; right: -0.3rem; }

.help-hero-layout {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(30rem, .98fr);
  min-height: calc(100svh - var(--header-height) - clamp(7rem, 14vh, 12rem));
  align-items: center;
  gap: clamp(3rem, 7vw, 8rem);
}

.help-hero-copy { min-width: 0; }
.help-hero-copy .eyebrow { margin-bottom: 1.4rem; }

.help-hero h1 {
  max-width: 10ch;
  font-size: clamp(4rem, 6.4vw, 7.1rem);
  font-weight: 500;
  letter-spacing: -.072em;
  line-height: .86;
}

.help-hero h1 span { display: block; color: var(--signal); }

.help-hero-intro {
  max-width: 42rem;
  margin-top: 2rem;
  color: rgba(255,255,255,.7);
  font-size: clamp(1rem, 1.22vw, 1.2rem);
  line-height: 1.6;
}

.help-price-inline {
  display: flex;
  max-width: 39rem;
  align-items: baseline;
  justify-content: space-between;
  gap: 1.5rem;
  margin-top: 2rem;
  padding-block: 1rem;
  border-top: 1px solid rgba(var(--signal-rgb),.5);
  border-bottom: 1px solid var(--line-dark);
}

.help-price-inline strong {
  color: var(--white);
  font-size: clamp(1.7rem, 2.4vw, 2.55rem);
  font-weight: 500;
  letter-spacing: -.05em;
}

.help-price-inline span {
  color: var(--muted-dark);
  font: 600 .65rem/1.4 var(--font-mono);
  letter-spacing: .05em;
  text-align: right;
  text-transform: uppercase;
}

.help-hero-actions {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-top: 2rem;
}

.help-secondary-link {
  display: inline-flex;
  align-items: center;
  gap: .8rem;
  padding-block: .9rem;
  color: rgba(255,255,255,.72);
  border-bottom: 1px solid rgba(255,255,255,.25);
  font: 600 .66rem/1 var(--font-mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  transition: color .2s ease, border-color .2s ease;
}

.help-secondary-link:hover { color: var(--white); border-color: var(--signal); }

.help-hero-facts {
  display: flex;
  flex-wrap: wrap;
  gap: .8rem 1.8rem;
  margin-top: 2rem;
  color: var(--muted-dark);
  font: 600 .59rem/1.5 var(--font-mono);
  letter-spacing: .04em;
  text-transform: uppercase;
}

.help-hero-facts li { display: flex; align-items: center; gap: .65rem; }
.help-hero-facts li::before { width: .4rem; height: .4rem; content: ""; border-radius: 50%; background: var(--signal); }

.diagnostic-shell {
  position: relative;
  min-width: 0;
  color: var(--white);
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(12,12,10,.9);
  box-shadow: 0 2rem 6rem rgba(0,0,0,.42), 0 0 0 1rem rgba(255,255,255,.015);
}

.diagnostic-topbar,
.diagnostic-footer {
  display: grid;
  align-items: center;
  color: rgba(255,255,255,.48);
  background: rgba(255,255,255,.035);
  font: 600 .55rem/1 var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.diagnostic-topbar {
  grid-template-columns: 1fr auto 1fr;
  min-height: 3.2rem;
  padding-inline: 1rem;
  border-bottom: 1px solid var(--line-dark);
}

.diagnostic-dots { display: flex; gap: .35rem; }
.diagnostic-dots i { width: .42rem; height: .42rem; border-radius: 50%; background: rgba(255,255,255,.22); }
.diagnostic-dots i:first-child { background: var(--signal); }
.diagnostic-topbar b { display: flex; align-items: center; justify-self: end; gap: .5rem; color: rgba(255,255,255,.74); font: inherit; }
.diagnostic-topbar b i { width: .42rem; height: .42rem; border-radius: 50%; background: #63d99a; box-shadow: 0 0 .8rem rgba(99,217,154,.6); animation: help-pulse 2s ease-in-out infinite; }

.diagnostic-body { padding: clamp(1.2rem, 2.4vw, 2rem); }

.diagnostic-meta {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .5rem 1rem;
  padding-bottom: 1.4rem;
  border-bottom: 1px solid var(--line-dark);
  font: 600 .56rem/1.3 var(--font-mono);
  letter-spacing: .07em;
}

.diagnostic-meta span { color: rgba(255,255,255,.35); }
.diagnostic-meta b { color: rgba(255,255,255,.72); font-weight: 600; }

.diagnostic-status li {
  display: grid;
  grid-template-columns: 2rem 1fr auto;
  align-items: center;
  gap: .85rem;
  min-height: 5rem;
  border-bottom: 1px solid rgba(255,255,255,.09);
  opacity: 1;
}

.js .diagnostic-status li { opacity: 0; transform: translateY(.8rem); }
.js .is-ready .diagnostic-status li { animation: diagnostic-row-in .65s var(--ease-out) forwards; animation-delay: var(--delay); }

.diagnostic-status > li > span { color: var(--signal); font: 600 .58rem/1 var(--font-mono); }
.diagnostic-status div { display: grid; gap: .25rem; }
.diagnostic-status b { font-size: .9rem; font-weight: 500; }
.diagnostic-status small { color: rgba(255,255,255,.42); font-size: .72rem; line-height: 1.35; }
.diagnostic-status > li > i { padding: .35rem .45rem; color: rgba(255,255,255,.45); border: 1px solid rgba(255,255,255,.13); font: 600 .48rem/1 var(--font-mono); letter-spacing: .06em; font-style: normal; }

.diagnostic-progress { height: 2px; margin-top: 1.5rem; overflow: hidden; background: rgba(255,255,255,.08); }
.diagnostic-progress span { display: block; width: 100%; height: 100%; background: var(--signal); transform: scaleX(.08); transform-origin: left; }
.js .is-ready .diagnostic-progress span { animation: diagnostic-progress 4.2s var(--ease-out) .2s forwards; }

.diagnostic-footer { grid-template-columns: 1fr auto; gap: 1rem; min-height: 3rem; padding-inline: 1rem; border-top: 1px solid var(--line-dark); }

@keyframes diagnostic-row-in { to { opacity: 1; transform: translateY(0); } }
@keyframes diagnostic-progress { to { transform: scaleX(1); } }
@keyframes help-pulse { 50% { opacity: .45; box-shadow: 0 0 1.3rem rgba(99,217,154,.8); } }

.help-hero-reveal { opacity: 1; transform: none; }
.js .help-hero-reveal { opacity: 0; transform: translateY(1.4rem); transition: opacity .9s var(--ease-out), transform 1s var(--ease-out); }
.js .is-ready .help-hero-reveal { opacity: 1; transform: translateY(0); }
.js .is-ready .help-hero-copy .help-hero-reveal:nth-child(2) { transition-delay: .06s; }
.js .is-ready .help-hero-copy .help-hero-reveal:nth-child(3) { transition-delay: .12s; }
.js .is-ready .help-hero-copy .help-hero-reveal:nth-child(4) { transition-delay: .18s; }
.js .is-ready .help-hero-copy .help-hero-reveal:nth-child(5) { transition-delay: .24s; }
.js .diagnostic-shell.help-hero-reveal { transition-delay: .16s; }

.help-section-heading {
  display: grid;
  grid-template-columns: minmax(5rem,.2fr) minmax(0,1fr);
  gap: clamp(2rem, 6vw, 8rem);
}

.help-section-heading > div { max-width: 68rem; }
.help-section-heading .eyebrow { margin-bottom: 1.3rem; }
.help-section-heading h2,
.help-price-copy h2,
.help-faq-intro h2,
.help-request-copy h2 {
  font-size: clamp(3rem, 5.8vw, 6.7rem);
  font-weight: 500;
  letter-spacing: -.068em;
  line-height: .9;
  text-wrap: balance;
}

.help-section-heading > div > p:last-child {
  max-width: 42rem;
  margin-top: 2rem;
  color: var(--muted-light);
  font-size: clamp(1rem,1.2vw,1.18rem);
  line-height: 1.65;
}

.help-problems { padding-block: clamp(7rem, 11vw, 12rem); }
.problem-rows { margin-top: clamp(4rem,7vw,7rem); border-top: 2px solid var(--ink); }
.problem-row {
  display: grid;
  grid-template-columns: 4rem minmax(18rem,1fr) minmax(20rem,.85fr);
  align-items: center;
  gap: clamp(1rem,3vw,4rem);
  min-height: 7rem;
  padding-block: 1.5rem;
  border-bottom: 1px solid var(--line-light);
}

.problem-row > span { color: var(--signal-on-light,#c93411); font: 600 .64rem/1 var(--font-mono); }
.problem-row h3 { font-size: clamp(1.55rem,2.5vw,2.6rem); font-weight: 500; letter-spacing: -.055em; line-height: 1; }
.problem-row p { color: var(--muted-light); line-height: 1.6; }
.help-scope-note { max-width: 65rem; margin-top: 2rem; color: var(--muted-light); font: 600 .68rem/1.6 var(--font-mono); letter-spacing: .03em; text-transform: uppercase; }

.help-process { padding-block: clamp(7rem, 11vw, 12rem); background: var(--ink); }
.help-section-heading-dark h2 { color: var(--white); }
.process-steps { display: grid; grid-template-columns: repeat(3,1fr); margin-top: clamp(5rem,8vw,8rem); border-top: 1px solid var(--line-dark); }
.process-steps li { min-height: 22rem; padding: 2rem clamp(1rem,2.5vw,2.6rem) 2rem 0; border-right: 1px solid var(--line-dark); }
.process-steps li + li { padding-left: clamp(1rem,2.5vw,2.6rem); }
.process-steps li:last-child { border-right: 0; }
.process-steps span { color: var(--signal); font: 600 .64rem/1 var(--font-mono); }
.process-steps h3 { max-width: 12ch; margin-top: 5rem; font-size: clamp(2.2rem,3.4vw,4rem); font-weight: 500; letter-spacing: -.06em; line-height: .92; }
.process-steps p { max-width: 25rem; margin-top: 1.5rem; color: var(--muted-dark); line-height: 1.65; }

.help-trust-band { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 3rem; border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.help-trust-band span { position: relative; display: flex; min-height: 5rem; align-items: center; padding: 1rem 1.4rem 1rem 1.6rem; color: rgba(255,255,255,.64); border-right: 1px solid var(--line-dark); font: 600 .62rem/1.45 var(--font-mono); letter-spacing: .04em; text-transform: uppercase; }
.help-trust-band span:last-child { border-right: 0; }
.help-trust-band span::before { position: absolute; left: 0; width: .4rem; height: .4rem; content: ""; border-radius: 50%; background: var(--signal); }

.help-price { padding-block: clamp(7rem, 11vw, 12rem); }
.help-price-layout { display: grid; grid-template-columns: minmax(20rem,.78fr) minmax(0,1.22fr); gap: clamp(4rem,9vw,10rem); align-items: start; }
.help-price-number { container-type: inline-size; display: grid; grid-template-rows: auto auto 1fr; min-height: clamp(19rem,25vw,24rem); padding: 2rem; color: var(--white); background: var(--ink); }
.help-price-number .section-index { color: var(--muted-dark); }
.help-price-number > span { margin-top: .45rem; color: var(--muted-dark); font: 600 .66rem/1 var(--font-mono); letter-spacing: .06em; text-transform: uppercase; }
.help-price-number strong { display: flex; align-items: baseline; align-self: end; gap: .65rem; width: 100%; margin-top: 2rem; padding-top: 1.5rem; color: var(--signal); border-top: 1px solid var(--line-dark); font-size: clamp(3.1rem,6.2vw,7.2rem); font-weight: 500; letter-spacing: -.08em; line-height: .8; white-space: nowrap; }
.help-price-number strong small { font-size: .34em; font-weight: 600; letter-spacing: -.03em; }
@supports (font-size: 1cqi) {
  .help-price-number strong { font-size: clamp(3.1rem,22cqi,7.2rem); }
}
.help-price-copy .eyebrow { margin-bottom: 1.3rem; }
.help-price-copy h2 { font-size: clamp(3rem,5vw,5.8rem); }
.help-price-copy ul { display: grid; gap: 0; margin-top: 3rem; border-top: 1px solid var(--line-light); }
.help-price-copy li { display: flex; align-items: center; gap: .8rem; min-height: 3.5rem; color: var(--muted-light); border-bottom: 1px solid var(--line-light); }
.help-price-copy li span { width: .42rem; height: .42rem; border-radius: 50%; background: var(--signal-on-light,#c93411); }
.help-price-fineprint { max-width: 39rem; margin-top: 1.5rem; color: var(--muted-light); font-size: .78rem; line-height: 1.6; }
.help-price-copy .button { margin-top: 2rem; }
.help-faq { padding-block: clamp(7rem,11vw,12rem); background: var(--ink-soft); }
.help-faq-layout { display: grid; grid-template-columns: minmax(18rem,.72fr) minmax(0,1.28fr); gap: clamp(4rem,9vw,10rem); }
.help-faq-intro { position: sticky; top: calc(var(--header-height) + 3rem); align-self: start; }
.help-faq-intro .eyebrow { margin-top: 2rem; }
.help-faq-intro h2 { margin-top: 1.3rem; color: var(--white); font-size: clamp(3rem,4.6vw,5.5rem); }
.help-faq-intro > a { display: inline-flex; gap: .7rem; margin-top: 2.2rem; padding-bottom: .8rem; color: var(--muted-dark); border-bottom: 1px solid var(--line-dark); font: 600 .66rem/1.4 var(--font-mono); }
.faq-list { border-top: 1px solid var(--line-dark); }
.faq-list details { border-bottom: 1px solid var(--line-dark); }
.faq-list summary { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 1.5rem; min-height: 6rem; color: var(--white); cursor: pointer; font-size: clamp(1.15rem,1.8vw,1.65rem); font-weight: 500; letter-spacing: -.03em; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { display: grid; width: 2.3rem; height: 2.3rem; place-items: center; color: var(--signal); border: 1px solid var(--line-dark); border-radius: 50%; transition: transform .3s var(--ease-out); }
.faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list details p { max-width: 48rem; padding: 0 4rem 2rem 0; color: var(--muted-dark); line-height: 1.7; }

.help-request { padding-block: clamp(7rem,11vw,12rem); }
.help-request-layout { display: grid; grid-template-columns: minmax(18rem,.82fr) minmax(0,1.18fr); gap: clamp(4rem,9vw,10rem); align-items: start; }
.help-request-copy { position: sticky; top: calc(var(--header-height) + 3rem); }
.help-request-copy .eyebrow { margin-top: 2rem; }
.help-request-copy h2 { margin-top: 1.3rem; font-size: clamp(3.2rem,5vw,6rem); }
.help-request-copy > p:not(.section-index,.eyebrow) { max-width: 34rem; margin-top: 2rem; color: var(--muted-light); font-size: 1.05rem; line-height: 1.65; }
.help-request-copy ul { display: grid; gap: .8rem; margin-top: 2rem; color: var(--muted-light); font: 600 .65rem/1.4 var(--font-mono); letter-spacing: .04em; text-transform: uppercase; }
.help-request-copy li { display: flex; align-items: center; gap: .7rem; }
.help-request-copy li span { width: .4rem; height: .4rem; border-radius: 50%; background: var(--signal-on-light,#c93411); }

.help-form-anchor { min-width: 0; scroll-margin-top: calc(var(--header-height) + 1rem); }
.help-form { padding-top: 2rem; border-top: 2px solid var(--ink); }
.help-form-row { padding-block: 1.1rem; border-bottom: 1px solid var(--line-light); }
.help-form-row-split { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2rem; }
.help-form-row label { display: grid; gap: .55rem; min-width: 0; }
.help-form-row label > span { color: var(--muted-light); font: 600 .59rem/1.3 var(--font-mono); letter-spacing: .06em; text-transform: uppercase; }
.help-form-row label small { font: inherit; opacity: .65; }
.help-form-row input,
.help-form-row textarea,
.help-form-row select {
  width: 100%;
  min-width: 0;
  padding: .45rem 0;
  color: var(--ink);
  border: 0;
  border-radius: 0;
  outline: 0;
  background: transparent;
  font-size: 1rem;
  line-height: 1.5;
}
.help-form-row textarea { resize: vertical; }
.help-form-row select { appearance: none; padding-right: 1.5rem; background-image: linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%); background-position: calc(100% - 8px) 50%,100% 50%; background-repeat: no-repeat; background-size: 8px 8px; }
.help-form-row:focus-within { border-color: var(--signal-on-light,#c93411); }
.help-form-row input:focus-visible,
.help-form-row textarea:focus-visible,
.help-form-row select:focus-visible { outline: 2px solid var(--signal-on-light,#c93411); outline-offset: 5px; }
.help-form-consent { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: .8rem; margin-block: 1.5rem; color: var(--muted-light); font-size: .75rem; line-height: 1.55; }
.help-form-consent input { width: 1rem; height: 1rem; margin-top: .1rem; accent-color: var(--signal-on-light,#c93411); }
.help-form-consent a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--signal-on-light,#c93411); text-underline-offset: .2rem; }
.help-form .button { width: 100%; }
.help-form .button[disabled] { cursor: wait; opacity: .62; transform: none; }
.help-form-status { min-height: 1.5rem; margin-bottom: .6rem; color: #8d230d; font-size: .8rem; line-height: 1.4; }
.help-form-status[data-state="error"] { padding: .75rem; border-left: 2px solid #b72d10; background: rgba(183,45,16,.08); }
.help-form-status[data-state="loading"] { color: var(--muted-light); }
.help-form-note { margin-top: 1rem; color: var(--muted-light); font: 600 .58rem/1.5 var(--font-mono); letter-spacing: .04em; text-align: center; text-transform: uppercase; }
.help-honeypot { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; }

.help-footer { padding-top: clamp(4rem,7vw,7rem); }
.help-mobile-cta { display: none; }

.help-success { position: relative; display: grid; min-height: 100svh; place-items: center; overflow: hidden; padding-block: calc(var(--header-height) + 3rem) 4rem; background: radial-gradient(circle at 50% 30%,rgba(var(--signal-rgb),.09),transparent 24rem),var(--ink); }
.help-success-inner { position: relative; z-index: 2; max-width: 68rem; text-align: center; }
.help-success-signal { display: grid; width: 5rem; height: 5rem; margin: 0 auto 2rem; place-items: center; color: var(--ink); border-radius: 50%; background: var(--signal); font-size: 2rem; }
.help-success h1 { max-width: 10ch; margin: 1rem auto 0; font-size: clamp(4rem,8vw,8rem); font-weight: 500; letter-spacing: -.075em; line-height: .86; }
.help-success-inner > p:not(.eyebrow) { max-width: 42rem; margin: 2rem auto 0; color: var(--muted-dark); font-size: clamp(1rem,1.3vw,1.2rem); line-height: 1.65; }
.help-success-actions { display: flex; align-items: center; justify-content: center; gap: 2rem; margin-top: 2.5rem; }

@media (max-width: 1100px) {
  .help-hero-layout { grid-template-columns: minmax(0,1fr) minmax(25rem,.85fr); gap: 3rem; }
  .help-hero h1 { font-size: clamp(3.7rem,6.7vw,5.8rem); }
  .problem-row { grid-template-columns: 3rem minmax(16rem,1fr) minmax(17rem,.8fr); }
  .help-price-layout,
  .help-faq-layout,
  .help-request-layout { gap: 4rem; }
}

@media (max-width: 820px) {
  .help-header { grid-template-columns: 1fr auto; }
  .help-home-link { display: none; }
  .help-header-actions { gap: .7rem; }
  .help-header-cta { display: inline-flex; min-height: 2.65rem; font-size: .58rem; }
  .help-hero { min-height: auto; padding-top: calc(var(--header-height) + 3rem); }
  .help-hero-layout { grid-template-columns: minmax(0,1fr); min-height: 0; gap: 3rem; }
  .help-hero h1 { max-width: 11ch; font-size: clamp(3.7rem,12vw,5.6rem); }
  .diagnostic-shell { width: min(100%,42rem); }
  .help-orbit-a { right: -19rem; width: 34rem; height: 34rem; }
  .help-section-heading { grid-template-columns: 3.2rem minmax(0,1fr); gap: 1.5rem; }
  .problem-row { grid-template-columns: 2.5rem minmax(0,1fr); gap: 1rem; }
  .problem-row p { grid-column: 2; }
  .process-steps { grid-template-columns: 1fr; }
  .process-steps li,
  .process-steps li + li { min-height: 0; padding: 2.5rem 0; border-right: 0; border-bottom: 1px solid var(--line-dark); }
  .process-steps h3 { margin-top: 2rem; }
  .help-trust-band { grid-template-columns: repeat(2,1fr); }
  .help-trust-band span:nth-child(2) { border-right: 0; }
  .help-trust-band span:nth-child(-n+2) { border-bottom: 1px solid var(--line-dark); }
  .help-price-layout,
  .help-faq-layout,
  .help-request-layout { grid-template-columns: minmax(0,1fr); }
  .help-price-number { min-height: clamp(13.5rem,40vw,18rem); }
  .help-faq-intro,
  .help-request-copy { position: static; }
  .help-mobile-cta { position: fixed; right: 1rem; bottom: calc(1rem + env(safe-area-inset-bottom)); left: 1rem; z-index: 950; display: flex; min-height: 3.5rem; align-items: center; justify-content: space-between; padding-inline: 1.2rem; color: var(--ink); background: var(--signal); box-shadow: 0 1rem 3rem rgba(0,0,0,.35); font: 700 .68rem/1 var(--font-mono); letter-spacing: .06em; text-transform: uppercase; transition: opacity .25s ease, transform .25s var(--ease-out); }
  .help-mobile-cta.is-hidden { pointer-events: none; opacity: 0; transform: translateY(1rem); }
  .help-page { padding-bottom: calc(4.7rem + env(safe-area-inset-bottom)); }
  .help-success-page { padding-bottom: 0; }
}

@media (max-width: 560px) {
  .help-header-cta { padding-inline: .8rem; letter-spacing: .03em; }
  .help-hero { padding-top: calc(var(--header-height) + 2rem); padding-bottom: 4rem; }
  .help-hero h1 { font-size: clamp(3.35rem,14.8vw,4.7rem); line-height: .87; }
  .help-hero-intro { margin-top: 1.5rem; font-size: .98rem; }
  .help-price-inline { align-items: flex-start; flex-direction: column; gap: .5rem; }
  .help-price-inline span { text-align: left; }
  .help-hero-actions { align-items: flex-start; flex-direction: column; gap: .65rem; margin-top: 1.5rem; }
  .help-hero-actions .button { width: 100%; }
  .help-hero-facts { display: grid; }
  .diagnostic-topbar { grid-template-columns: 1fr auto; }
  .diagnostic-topbar > span { display: none; }
  .diagnostic-status li { grid-template-columns: 1.7rem 1fr; min-height: 4.75rem; }
  .diagnostic-status > li > i { display: none; }
  .diagnostic-footer { grid-template-columns: 1fr; gap: .35rem; padding-block: .7rem; }
  .help-section-heading { grid-template-columns: minmax(0,1fr); }
  .help-section-heading h2,
  .help-price-copy h2,
  .help-faq-intro h2,
  .help-request-copy h2 { font-size: clamp(3rem,13.4vw,4.8rem); }
  .problem-row { grid-template-columns: 2rem minmax(0,1fr); }
  .problem-row h3 { font-size: clamp(1.7rem,8vw,2.35rem); }
  .help-trust-band { grid-template-columns: 1fr; }
  .help-trust-band span { border-right: 0; border-bottom: 1px solid var(--line-dark); }
  .help-trust-band span:last-child { border-bottom: 0; }
  .help-price-number { min-height: 13.5rem; padding: 1.6rem; }
  .help-price-number strong { font-size: clamp(3.1rem,22cqi,6rem); }
  .help-form-row-split { grid-template-columns: minmax(0,1fr); gap: 0; padding-block: 0; border-bottom: 0; }
  .help-form-row-split label { padding-block: 1.1rem; border-bottom: 1px solid var(--line-light); }
  .faq-list summary { min-height: 5.5rem; font-size: 1.08rem; }
  .faq-list details p { padding-right: 0; }
  .help-success h1 { font-size: clamp(3.6rem,15vw,5.2rem); }
  .help-success-actions { align-items: stretch; flex-direction: column; gap: .6rem; }
}

@media (max-width: 380px) {
  .help-header-cta { font-size: .52rem; padding-inline: .65rem; }
  .help-page .brand-type { font-size: .66rem; }
}

@media (max-height: 500px) and (min-width: 600px) {
  .help-hero { min-height: 100svh; padding-top: calc(var(--header-height) + .8rem); padding-bottom: 1.2rem; }
  .help-hero-layout { display: block; min-height: 0; }
  .help-hero-copy { display: grid; grid-template-columns: minmax(13rem,1fr) auto; column-gap: 1.2rem; }
  .help-hero-copy .eyebrow { grid-column: 1 / -1; margin-bottom: .45rem; }
  .help-hero h1 { grid-column: 1 / -1; max-width: none; font-size: clamp(2.8rem,7vw,3.7rem); line-height: .88; }
  .help-hero h1 span { display: inline; }
  .help-hero-intro { grid-column: 1 / -1; max-width: 48rem; margin-top: .65rem; font-size: .86rem; line-height: 1.42; }
  .help-price-inline { grid-column: 1; width: auto; margin-top: .7rem; padding-block: .55rem; }
  .help-price-inline strong { font-size: 1.55rem; }
  .help-price-inline span { font-size: .56rem; }
  .help-hero-actions { grid-column: 2; align-self: stretch; margin-top: .7rem; }
  .help-hero-actions .button { min-height: 100%; }
  .help-secondary-link,
  .help-hero-facts,
  .diagnostic-shell { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .help-orbit::after,
  .diagnostic-topbar b i,
  .diagnostic-status li,
  .diagnostic-progress span { animation: none !important; }
  .js .diagnostic-status li,
  .js .help-hero-reveal { opacity: 1; transform: none; }
  .js .diagnostic-progress span { transform: scaleX(1); }
}