/* Quadro homepage choreography, rebuilt in ALMS's existing Raleway / Playfair / Inter system. */
.qx-help { --qx-header: 92px; --qx-scene: calc(100svh - var(--qx-header)); --qx-number-height: calc(var(--qx-scene) * .78); --qx-paper: #f9f9f9; --qx-ink: #0f0f0f; --qx-muted: #777; width: 100%; }
.qx-help img { height: auto; }
.qx-shell { margin-inline: auto; max-width: 1200px; padding-inline: 66px; width: 100%; }
.qx-help h1, .qx-help h2, .qx-help h3 { font-family: "Raleway", Arial, sans-serif; font-weight: 500; letter-spacing: -.045em; }
.qx-help p { font-family: "Inter", Arial, sans-serif; font-size: 1rem; line-height: 1.6; }
.qx-help .ac-button { font-size: 1rem; }
.qx-top { position: relative; isolation: isolate; }
.qx-background { color: #f9f9f9; height: var(--qx-scene); min-height: 650px; position: sticky; top: var(--qx-header); z-index: -1; }
.qx-puzzle { height: 100%; inset: 0; overflow: hidden; position: absolute; width: 100%; }
.qx-puzzle-scene { height: 100%; inset: 0; overflow: hidden; pointer-events: none; position: absolute; width: 100%; }
.qx-puzzle-scene > .qx-puzzle-background-photo { height: 100%; inset: 0; object-fit: cover; position: absolute; width: 100%; }
.qx-puzzle-foreground { inset: 0; opacity: var(--qx-hero-foreground, 1); position: absolute; transition: opacity 800ms cubic-bezier(.4,0,.4,1); }
.qx-puzzle-foreground > img { height: 100%; max-width: none; position: absolute; right: 0; top: 0; width: auto; }
.qx-puzzle-horizontal-grid, .qx-puzzle-vertical-grid { inset: 0; position: absolute; }
.qx-puzzle-horizontal-grid { background-image: linear-gradient(180deg, #fff3 1px, transparent 1px); background-size: 100% 25%; }
.qx-puzzle-vertical-grid { background-image: linear-gradient(90deg, #fff3 1px, transparent 1px); background-size: calc(100% / var(--qx-puzzle-columns, 5)) 100%; }
.qx-puzzle-tiles { height: 100%; inset: 0; position: absolute; }
.qx-puzzle.qx-puzzle-ready > [data-aq-scene] { visibility: hidden; }
.qx-puzzle-tile { background: none; border: 0; border-radius: 0; cursor: grab; height: calc(100% / 4); left: 0; margin: 0; overflow: hidden; padding: 0; position: absolute; top: 0; touch-action: pan-y; transition: transform var(--qx-puzzle-duration, 1000ms) var(--qx-spring); width: calc(100% / var(--qx-puzzle-columns, 5)); will-change: transform; }
.qx-puzzle-tile > .qx-puzzle-scene { height: var(--qx-puzzle-height); inset: auto; width: var(--qx-puzzle-width); }
.qx-puzzle-tile:disabled { opacity: 1; }
.qx-puzzle-tile.qx-dragging { transition: none; }
.qx-puzzle-tile.qx-dragging { box-shadow: 0 16px 35px #0f0f0f65; cursor: grabbing; pointer-events: none; z-index: 5; }
.qx-puzzle-tile[aria-pressed="true"] { box-shadow: inset 0 0 0 3px #f9f9f9; z-index: 2; }
.qx-puzzle-tile:focus-visible { outline: 2px solid #f9f9f9 !important; outline-offset: -5px !important; }
.qx-puzzle-note { bottom: 32px; color: #f9f9f9bd; opacity: var(--qx-hero-foreground, 1); position: absolute; right: 28px; transition: opacity 800ms cubic-bezier(.4,0,.4,1); width: 190px; z-index: 2; }
.qx-puzzle-note p { font-size: .875rem; }
.qx-puzzle-reset { background: transparent; border: 0; border-bottom: 1px solid currentColor; color: inherit; cursor: pointer; font: 500 .875rem/1.5 "Inter", sans-serif; margin-top: 10px; padding: 3px 0; }
.qx-hero { color: #f9f9f9; height: var(--qx-scene); min-height: 650px; inset: 0 0 auto; position: absolute; z-index: 2; pointer-events: none; }
.qx-hero .qx-shell { display: flex; flex-direction: column; height: 100%; justify-content: space-between; max-width: 1320px; padding-block: 8% 8%; }
.qx-hero-question { font-family: "Raleway", Arial, sans-serif !important; font-size: clamp(1.5rem, 3.66vw, 3.125rem) !important; letter-spacing: -.035em; line-height: 1.12 !important; }
.qx-highlight { color: #f9f9f9; display: inline-block; line-height: 1.1; padding-inline: .04em; }
.qx-help h1.qx-hero-title { font-size: clamp(5rem, 11.7vw, 10rem); letter-spacing: -.055em; line-height: .88; margin-block: 35px; text-transform: none; }
.qx-hero-title > span { display: block; white-space: nowrap; }
.qx-hero-title > span + span { margin-top: .085em; }
.qx-hero-bottom { max-width: 465px; }
.qx-hero-bottom p { max-width: 455px; }
.qx-hero-bottom .ac-button { color: var(--qx-ink); margin-top: 24px; pointer-events: auto; }
.qx-opening-gap { height: 100px; }
.qx-problem { align-items: center; color: #f9f9f9; display: flex; height: var(--qx-scene); justify-content: center; min-height: 650px; padding: 48px 60px; position: sticky; top: var(--qx-header); z-index: 1; }
.qx-problem h2 { font-size: clamp(3.6rem, 7.62vw, 6.5rem); line-height: .96; max-width: 1180px; text-align: center; text-transform: none; }
.qx-cards { display: grid; gap: 24px; grid-template-columns: repeat(3, 1fr); padding: 0 48px 90px; position: relative; z-index: 2; }
.qx-pain-card { background: var(--qx-paper); border-radius: 20px; color: var(--qx-ink); padding: 38px; position: relative; }
.qx-pain-card h3 { font-size: clamp(2.2rem, 3.66vw, 3.125rem); line-height: 1; }
.qx-pain-card p { color: #777; margin-top: 26px; }
.qx-quote-mark { color: #efefef; font-family: "Raleway", Arial, sans-serif; font-size: 8rem; line-height: 1; position: absolute; right: 20px; top: 20px; }
.qx-live .qx-cards { display: block; height: calc(var(--qx-scene) * 1.44); padding: 0; }
.qx-live .qx-pain-card { height: 425px; left: calc(50% - 225px); padding: 40px; position: absolute; top: calc(var(--qx-scene) * .06); transform-origin: center; width: 450px; will-change: transform; }
.qx-live .qx-pain-card:nth-child(2) { top: calc(var(--qx-scene) * .54); }
.qx-live .qx-pain-card:nth-child(3) { top: calc(var(--qx-scene) * 1.02); }
.qx-outcomes { background: var(--qx-paper); padding-top: 240px; position: relative; z-index: 4; }
.qx-heading { margin-inline: auto; max-width: 1180px; position: relative; text-align: center; z-index: 2; }
.qx-help .qx-heading h2 { font-size: clamp(2.6rem, 4.25vw, 3.625rem); line-height: 1.1; margin: 44px auto 0; max-width: 1080px; text-transform: none; }
.qx-heading h2 em { text-transform: none; }
.qx-pill { background: #efefef; border-radius: 99px; display: inline-block; font-size: .875rem !important; font-weight: 500; letter-spacing: .03em; padding: 8px 18px; }
.qx-number-pin { align-items: center; display: none; height: var(--qx-scene); justify-content: center; margin-bottom: calc(var(--qx-scene) * -1); pointer-events: none; position: sticky; top: var(--qx-header); z-index: 0; }
.qx-live .qx-number-pin { display: flex; }
.qx-number-stack { height: var(--qx-number-height); overflow: visible; position: absolute; text-align: center; top: calc(var(--qx-scene) * .1); width: 100%; will-change: transform; }
.qx-number-pin { clip-path: inset(0); }
.qx-number-stack span { align-items: center; color: #efefef; display: flex; font: 500 calc(var(--qx-scene) * .76)/1 "Raleway", sans-serif; height: var(--qx-number-height); justify-content: center; }
.qx-outcome-list { position: relative; z-index: 1; }
.qx-outcome { align-items: center; display: flex; flex-direction: column; height: calc(var(--qx-scene) * .65); justify-content: start; padding: calc(var(--qx-scene) * .43) 24px 0; text-align: center; }
.qx-help .qx-outcome h3 { font-size: clamp(3.4rem, 7.62vw, 6.5rem); line-height: 1.12; text-transform: none; }
.qx-outcome h3, .qx-outcome p { flex-shrink: 0; }
.qx-outcome-line { flex-shrink: 0; background: var(--qx-ink); height: 1px; margin: 30px auto 24px; max-width: 660px; transform: scaleX(var(--qx-line, 1)); width: 62%; }
.qx-outcome p { color: #777; max-width: 350px; }
.qx-outcome-bottom { padding-block: calc(var(--qx-scene) * .43) 240px; position: relative; z-index: 2; }
.qx-benefits { display: grid; gap: 70px; grid-template-columns: repeat(3, 1fr); }
.qx-benefits h3 { font-size: 2.375rem; line-height: 1.1; }
.qx-benefits p { color: #777; margin-top: 20px; }
.qx-outcome-cta { margin: 150px auto 0; max-width: 610px; text-align: center; }
.qx-outcome-cta h3 { font-size: 1.75rem; text-transform: none; }
.qx-outcome-cta p { color: #777; margin-block: 24px 30px; }
.qx-photo-chapter { color: var(--qx-paper); isolation: isolate; position: relative; }
.qx-chapter-background { height: var(--qx-scene); min-height: 650px; overflow: hidden; position: sticky; top: var(--qx-header); z-index: -1; }
.qx-chapter-scene { height: 100%; inset: 0; position: absolute; width: 100%; }
.qx-chapter-scene > .qx-chapter-background-photo { height: 100%; inset: 0; object-fit: cover; position: absolute; width: 100%; }
.qx-chapter-columns { display: none; height: 100%; inset: 0; pointer-events: none; position: absolute; }
.qx-chapter-column { flex: 1; height: 100%; min-width: 0; overflow: hidden; position: relative; }
.qx-chapter-column-clip { clip-path: inset(calc((1 - var(--qx-column-wipe, 1)) * 100%) 0 0 0); inset: 0; position: absolute; }
.qx-chapter-column-clip > .qx-chapter-scene { left: calc(var(--qx-column-index) * var(--qx-chapter-width) / -5); width: var(--qx-chapter-width); }
.qx-chapter-portrait { inset: 0; opacity: var(--qx-story-foreground, 1); position: absolute; transition: opacity 800ms cubic-bezier(.4,0,.4,1); }
.qx-chapter-portrait > img { border-radius: 8px; height: 100%; left: 72%; max-width: none; position: absolute; top: 0; transform: translateX(-50%); width: auto; }
.qx-chapter-grid { background-image: linear-gradient(90deg, #f9f9f925 1px, transparent 1px); background-size: 20% 100%; inset: 0; position: absolute; z-index: 1; }
.qx-brand-story { align-items: center; display: flex; margin-top: calc(var(--qx-scene) * -1); min-height: var(--qx-scene); padding: 140px 20%; position: relative; z-index: 1; }
.qx-story-inner { max-width: 800px; }
.qx-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 36px; }
.qx-tags span { background: #f9f9f918; border: 1px solid #f9f9f936; border-radius: 90px; font-size: .875rem; padding: 5px 14px; }
.qx-help .qx-brand-story h2 { font-size: clamp(2.8rem, 4.1vw, 3.5rem); line-height: 1.15; }
.qx-help .qx-story-credit { font-size: .875rem; margin-top: 30px; }
.qx-brand-story .ac-button { color: var(--qx-ink); margin-top: 36px; }
.qx-services { padding-block: 240px 400px; position: relative; z-index: 2; }
.qx-photo-chapter .qx-pill { background: #f9f9f918; }
.qx-service-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 140px auto 0; max-width: 810px; }
.qx-service { background: #f9f9f910; border: 1px solid #f9f9f925; display: flex; flex-direction: column; min-height: 480px; padding: 32px; }
.qx-service-tag { align-self: start; background: #f9f9f916; border-radius: 90px; font-size: .875rem; line-height: 1.4; padding: 6px 10px; }
.qx-service h3 { font-size: 1.75rem; line-height: 1.08; margin-block: 50px 24px; }
.qx-service p { color: #f9f9f9b8; }
.qx-service strong { font-family: "Inter", sans-serif; font-size: 1rem; font-weight: 500; margin-top: auto; padding-top: 30px; }
.qx-service .ac-button { align-self: start; color: var(--qx-ink); font-size: .875rem; margin-top: 34px; min-height: 44px; padding: 10px 18px; }
.qx-live .qx-service:first-child { transform: translateY(calc(var(--qx-service-offset, 95px) * -1)); }
.qx-live .qx-service:last-child { transform: translateY(var(--qx-service-offset, 95px)); }
.qx-process { background: var(--qx-paper); padding-block: 240px 100px; }
.qx-process-content { margin-top: 175px; position: relative; }
.qx-process-watermark { color: #efefef; font: 500 clamp(5rem, 13vw, 11rem)/.85 "Raleway", sans-serif; left: 0; position: absolute; text-align: center; top: -60px; white-space: nowrap; width: 100%; }
.qx-process-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); position: relative; }
.qx-process-grid article { background: linear-gradient(#f9f9f980, #f9f9f9); border-left: 1px solid #77777760; min-height: 260px; padding: 22px; }
.qx-step-number { color: #777; font-family: "Inter", sans-serif; font-size: .875rem; }
.qx-process-grid h3 { font-size: 1.75rem; margin-block: 30px 18px; }
.qx-process-grid p { color: #777; }
.qx-process-content > .ac-text-link { font-size: .875rem; margin-top: 40px; }
.qx-about { background: var(--qx-paper); padding-block: 140px 160px; }
.qx-about-grid { align-items: center; display: grid; gap: 130px; grid-template-columns: 1fr 1fr; }
.qx-small-label { color: #777; font-size: .875rem !important; font-weight: 500; letter-spacing: .04em; }
.qx-about h2 { font-size: clamp(2.6rem, 3.66vw, 3.125rem); line-height: 1.1; margin-block: 64px 28px; }
.qx-about-copy > p:last-of-type { color: #777; }
.qx-about .ac-button { margin-top: 60px; }
.qx-image-stack { height: 670px; margin-right: 40px; position: relative; }
.qx-image-stack img { height: 100%; object-fit: cover; object-position: center top; position: absolute; width: 100%; }
.qx-image-stack img:nth-child(1) { transform: rotate(-8deg); }
.qx-image-stack img:nth-child(2) { transform: rotate(8deg); }
.qx-image-stack img:nth-child(3) { transform: rotate(0); }
.qx-facts { display: grid; gap: 40px; grid-template-columns: repeat(4, 1fr); margin-top: 140px; text-align: center; }
.qx-facts strong { display: block; font: 500 3.125rem/1.1 "Raleway", sans-serif; }
.qx-facts [data-qx-fact] > span { color: #777; display: block; font-size: 1rem; margin-top: 16px; }
.qx-help .qx-facts-note { color: #777; font-size: .875rem; margin-top: 26px; padding-inline: 20px; text-align: center; }
.qx-about-signoff { margin-top: 90px !important; text-align: center; }
.qx-insights { background: var(--qx-paper); padding-block: 160px 140px; }
.qx-insight-list { display: grid; gap: 120px; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); margin-top: 175px; }
.qx-insight { display: flex; flex-direction: column; gap: 32px; height: 640px; min-width: 0; }
.qx-insight + .qx-insight { margin-top: 0; }
.qx-insight h3 { font-size: 1.375rem; line-height: 1.3; margin-block: 22px 16px; }
.qx-insight p:not(.qx-small-label) { color: #777; font-size: .875rem; line-height: 1.5; }
.qx-insight .ac-text-link { font-size: .875rem; margin-top: 24px; }
.qx-insight-image { display: block; flex: 1; min-height: 0; overflow: hidden; }
.qx-insight-image img { height: 100%; object-fit: cover; object-position: center top; transition: transform 800ms cubic-bezier(.2,.7,.2,1); width: 100%; }
.qx-insight-image:hover img { transform: scale(1.04); }
.qx-insight--reverse { flex-direction: column-reverse; }
.qx-insight--reverse .qx-insight-copy { grid-column: 2; grid-row: 1; }
.qx-insight--reverse .qx-insight-image { grid-column: 1; grid-row: 1; }
.qx-insight-end { margin: 100px auto 0; max-width: 750px; padding-inline: 24px; text-align: center; }
.qx-insight-end p { color: #777; margin-bottom: 30px; }
.qx-contact { padding-block: 200px 400px; position: relative; z-index: 2; }
.qx-contact .qx-heading > p:last-child { color: #f9f9f9b8; margin: 30px auto 0; max-width: 550px; padding-inline: 24px; }
.qx-contact-form { display: grid; gap: 40px; grid-template-columns: repeat(2, 1fr); margin: 80px auto 0; max-width: 810px; }
.qx-contact-form input[type=text], .qx-contact-form input[type=email], .qx-contact-form textarea { background: #0f0f0f38; border: 1px solid #f9f9f915; border-radius: 0; color: #f9f9f9; font: 400 1rem/1.5 "Inter", sans-serif; min-height: 48px; padding: 12px; width: 100%; }
.qx-contact-form input::placeholder, .qx-contact-form textarea::placeholder { color: #f9f9f9bd; opacity: 1; }
.qx-contact-form input[type=email] { margin-top: 16px; }
.qx-contact-form fieldset { border: 0; margin: 36px 0 0; padding: 0; }
.qx-contact-form legend { font-size: 1rem; margin-bottom: 24px; }
.qx-contact-form label:not(.ac-visually-hidden) { align-items: center; display: flex; font-size: .875rem; gap: 12px; margin-bottom: 14px; }
.qx-contact-form input[type=checkbox] { accent-color: #f9f9f9; height: 20px; width: 20px; }
.qx-contact-form textarea { min-height: 275px; resize: vertical; }
.qx-contact-form .qx-form-right > p { color: #f9f9f9b8; font-size: .875rem; margin-top: 28px; }
.qx-contact-form .ac-button { color: var(--qx-ink); cursor: pointer; margin-top: 30px; }
.qx-form-privacy { display: block; font-size: .875rem; margin-top: 14px; text-decoration: underline !important; }
.qx-faq { background: var(--qx-paper); padding-block: 240px 0; }
.qx-faq-grid { display: grid; gap: 150px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 140px; }
.qx-faq .qx-heading h2 { font-size: clamp(2rem, 3.125vw, 2.625rem); }
.qx-faq summary { font-size: 1rem; }
.qx-faq .ac-faq-items p { font-size: 1rem; }
.qx-faq-end { margin-top: 65px !important; padding-inline: 24px; text-align: center; }
.qx-help .qx-word { display: inline-block; white-space: nowrap; }
.qx-help .qx-letter { display: inline-block; }
.qx-live [data-qx-read] .qx-letter { opacity: .22; }
.qx-live [data-qx-reveal] { opacity: 0; transform: translateY(60px); transition: opacity 700ms ease, transform 900ms cubic-bezier(.2,.7,.2,1); }
.qx-live [data-qx-reveal].qx-visible { opacity: 1; transform: none; }
.qx-hero-title .qx-letter { animation: qx-letter-in 850ms cubic-bezier(.2,.7,.2,1) both; animation-delay: calc(var(--qx-letter-index, 0) * 22ms); }
@keyframes qx-letter-in { from { opacity: 0; transform: translateY(.75em) rotate(7deg); filter: blur(5px); } to { opacity: 1; transform: none; filter: none; } }
@media (max-width: 1199.98px) {
  .qx-help { --qx-header: 88px; }
  .qx-shell { padding-inline: 40px; }
  .qx-hero .qx-shell { padding-block: 12% 8%; }
  .qx-help h1.qx-hero-title { font-size: 11vw; }
  .qx-problem { padding-inline: 28px; }
  .qx-benefits { gap: 32px; }
  .qx-service-grid { margin-inline: 40px; }
  .qx-service { padding: 24px; }
  .qx-service h3 { font-size: 1.55rem; }
  .qx-brand-story { padding-inline: 14%; }
  .qx-about-grid { gap: 70px; }
  .qx-image-stack { height: 570px; margin-right: 0; }
  .qx-about h2 { font-size: 2.6rem; }
  .qx-process-grid { grid-template-columns: repeat(2, 1fr); gap: 36px 0; }
  .qx-process-grid h3 { font-size: 1.8rem; }
  .qx-process-watermark { font-size: 12vw; }
  .qx-insight { gap: 50px; }
  .qx-contact-form { margin-inline: 40px; }
  .qx-faq-grid { gap: 65px; }
}
@media (max-width: 809.98px) {
  .qx-shell { padding-inline: 24px; }
  .qx-background, .qx-hero, .qx-problem, .qx-chapter-background { min-height: 620px; }
  .qx-hero .qx-shell { justify-content: space-between; padding-block: 46px 70px; }
  .qx-hero-question { font-size: clamp(2rem, 10.15vw, 2.375rem) !important; line-height: 1.2 !important; max-width: 320px; }
  .qx-help h1.qx-hero-title { font-size: clamp(3rem, 17.5vw, 5rem); line-height: .88; margin-block: 30px; }
  .qx-hero-title > span { white-space: normal; }
  .qx-hero-bottom { max-width: 310px; }
  .qx-hero-bottom p { font-size: 1rem; }
  .qx-hero-bottom .ac-button { font-size: .875rem; padding-inline: 16px; }
  .qx-puzzle-note { bottom: 16px; left: 24px; right: auto; width: auto; }
  .qx-puzzle-note p { font-size: .75rem; }
  .qx-puzzle-note p br { display: none; }
  .qx-puzzle-reset { font-size: .75rem; margin: 0 0 0 10px; padding: 0; }
  .qx-puzzle-note { align-items: center; display: flex; flex-wrap: wrap; gap: 4px; }
  .qx-problem h2 { font-size: clamp(2.8rem, 15.5vw, 3.625rem); line-height: 1.04; max-width: 100%; }
  .qx-problem .qx-highlight { max-width: 100%; }
  .qx-opening-gap { height: 60px; }
  .qx-live .qx-cards { height: calc(var(--qx-scene) * 1.65); }
  .qx-live .qx-pain-card { height: 355px; left: calc(50% - 145px); padding: 30px; width: 290px; }
  .qx-live .qx-pain-card:nth-child(2) { top: calc(var(--qx-scene) * .61); }
  .qx-live .qx-pain-card:nth-child(3) { top: calc(var(--qx-scene) * 1.16); }
  .qx-pain-card h3 { font-size: 2.375rem; }
  .qx-pain-card p { font-size: 1rem; margin-top: 20px; }
  .qx-cards { grid-template-columns: 1fr; padding: 0 24px 60px; }
  .qx-outcomes { padding-top: 150px; }
  .qx-help .qx-heading h2 { font-size: clamp(2rem, 10.15vw, 2.375rem); margin-top: 30px; }
  .qx-heading { padding-inline: 24px; }
  .qx-pill { font-size: .75rem !important; padding: 8px 14px; }
  .qx-outcome { height: calc(var(--qx-scene) * .68); padding-top: calc(var(--qx-scene) * .38); }
  .qx-help .qx-outcome h3 { font-size: clamp(2.8rem, 15.5vw, 3.625rem); }
  .qx-outcome-line { margin-block: 26px 22px; width: 80%; }
  .qx-outcome p { font-size: 1rem; max-width: 300px; }
  .qx-outcome-bottom { padding-block: 140px 150px; }
  .qx-benefits { gap: 44px; grid-template-columns: 1fr; }
  .qx-benefits h3 { font-size: 2rem; }
  .qx-benefits h3 br { display: none; }
  .qx-outcome-cta { margin-top: 90px; }
  .qx-outcome-cta h3 { font-size: 1.65rem; }
  .qx-brand-story { min-height: max(var(--qx-scene), 620px); padding: 90px 24px; }
  .qx-help .qx-brand-story h2 { font-size: 2.25rem; }
  .qx-tags { gap: 6px; margin-bottom: 26px; }
  .qx-tags span { font-size: .75rem; padding-inline: 10px; }
  .qx-help .qx-story-credit { font-size: .75rem; }
  .qx-services { padding-block: 150px 200px; }
  .qx-service-grid { gap: 32px; grid-template-columns: 1fr; margin: 90px 24px 0; }
  .qx-service { min-height: 400px; padding: 30px; }
  .qx-service h3 { font-size: 2rem; margin-top: 36px; }
  .qx-service-tag { font-size: .875rem; }
  .qx-live .qx-service:first-child, .qx-live .qx-service:last-child { transform: none; }
  .qx-process { padding-block: 150px 90px; }
  .qx-process-content { margin-top: 110px; }
  .qx-process-grid { gap: 30px 0; grid-template-columns: 1fr; }
  .qx-process-grid article { min-height: 0; padding: 24px; }
  .qx-process-grid h3 { margin-block: 20px 16px; }
  .qx-process-grid h3 br { display: none; }
  .qx-process-watermark { font-size: 11.8vw; top: -32px; }
  .qx-about { padding-block: 110px 120px; }
  .qx-about-grid { gap: 85px; grid-template-columns: 1fr; }
  .qx-about h2 { font-size: 2.5rem; margin-top: 36px; }
  .qx-about .ac-button { margin-top: 36px; }
  .qx-image-stack { height: 470px; margin-inline: 25px; }
  .qx-facts { gap: 46px 24px; grid-template-columns: repeat(2, 1fr); margin-top: 110px; }
  .qx-facts [data-qx-fact] > span { font-size: .875rem; }
  .qx-about-signoff { margin-top: 60px !important; }
  .qx-insights { padding-block: 120px 100px; }
  .qx-insight-list { gap: 80px; grid-template-columns: 1fr; margin-top: 90px; }
  .qx-insight { gap: 32px; height: auto; }
  .qx-insight-image { aspect-ratio: .82; flex: none; }
  .qx-insight--reverse .qx-insight-image { aspect-ratio: 1.37; }
  .qx-insight + .qx-insight { margin-top: 0; }
  .qx-insight--reverse .qx-insight-copy, .qx-insight--reverse .qx-insight-image { grid-column: auto; grid-row: auto; }
  .qx-insight h3 { font-size: 1.375rem; }
  .qx-insight-end { margin-top: 75px; }
  .qx-contact { padding-block: 150px 200px; }
  .qx-contact .qx-heading > p:last-child { padding-inline: 0; }
  .qx-contact-form { gap: 40px; grid-template-columns: 1fr; margin: 65px 24px 0; }
  .qx-contact-form textarea { min-height: 220px; }
  .qx-faq { padding-block: 150px 0; }
  .qx-faq-grid { gap: 0; grid-template-columns: 1fr; margin-top: 75px; }
}
.qx-still .qx-background { position: absolute; top: 0; }
.qx-still .qx-hero { height: max(var(--qx-scene), 650px); position: relative; }
.qx-still .qx-problem { background: var(--qx-ink); height: auto; min-height: 0; padding-block: 90px; position: relative; top: 0; }
.qx-still .qx-cards { background: var(--qx-ink); padding-block: 0 90px; }
.qx-still .qx-number-pin { display: none; }
.qx-still .qx-outcome { height: auto; padding-block: 80px; }
.qx-still .qx-outcome-bottom { padding-top: 90px; }
@media (prefers-reduced-motion: reduce) {
  .qx-help *, .qx-help *::before, .qx-help *::after { animation: none !important; scroll-behavior: auto !important; transition: none !important; }
  .qx-help [data-qx-read] .qx-letter, .qx-help [data-qx-reveal] { opacity: 1 !important; transform: none !important; }
}

/* Reference measurements: full viewport opening, 500px cards, and four rotating faces. */
body.alms-help-mirror { --qx-accent: #ff595c; }
.qx-help { --qx-header: 0px; --qx-scene: 100svh; --qx-accent: #ff595c; }
.qx-help h1, .qx-help h2, .qx-help h3 { font-weight: 500; letter-spacing: -.04em; }
.qx-help em, .qx-help .qx-plan-phrase { font-family: "Playfair Display", Georgia, serif; font-style: italic; font-weight: 400; letter-spacing: -.045em; }
.qx-help p { font-size: 15px; line-height: 1.5; }
.qx-help .ac-button, .qx-help .ac-button--dark { background: var(--qx-ink); border: 1px solid #ffffff28; border-radius: 12px; box-shadow: none; color: #f9f9f9; font-size: 14px; font-weight: 500; line-height: 1.4; min-height: 42px; padding: 11px 30px; text-transform: none; transition: background 240ms ease, transform 240ms ease; }
.qx-help .ac-button:hover { background: #4a4742; transform: translateY(-2px); }
.qx-background, .qx-problem, .qx-chapter-background { top: 0; }
.qx-puzzle-tile[aria-pressed="true"] { box-shadow: inset 0 0 0 3px var(--qx-accent); }
.qx-hero .qx-shell { display: block; max-width: none; padding: 0 80px; position: relative; }
.qx-hero-question { font-size: clamp(38px, 3.66vw, 50px) !important; font-weight: 500; letter-spacing: -.025em; line-height: 1 !important; position: absolute; top: 19.23%; }
.qx-highlight { background: transparent; color: #f9f9f9; font-family: "Playfair Display", Georgia, serif; font-style: italic; font-weight: 400; isolation: isolate; position: relative; white-space: nowrap; }
.qx-highlight::before { background: var(--qx-accent); content: ''; inset: .08em -.07em -.12em; pointer-events: none; position: absolute; transform: scaleX(1); z-index: -1; }
.qx-help h1.qx-hero-title { font-size: clamp(64px, 8.1vw, 112px); letter-spacing: -.045em; line-height: 1.12; margin: 0; position: absolute; top: calc(50% - 132px); }
.qx-hero-title > span + span { margin-top: 8px; }
.qx-hero-bottom { bottom: 120px; max-width: 455px; position: absolute; }
.qx-hero-bottom .ac-button { color: #f9f9f9; }
.qx-problem h2 { font-size: clamp(58px, 7.715vw, 104px); line-height: 1.12; max-width: 1200px; }
.qx-cards, .qx-live .qx-cards { align-items: center; display: flex; flex-direction: column; gap: 200px; height: auto; padding: 0; }
.qx-pain-card, .qx-live .qx-pain-card { height: auto; left: auto; min-height: 311px; padding: 48px; position: relative; top: auto; width: min(500px, 86%); }
.qx-live .qx-pain-card:nth-child(2), .qx-live .qx-pain-card:nth-child(3) { top: auto; }
.qx-pain-card h3 { font-size: 50px; font-weight: 500; line-height: 1; }
.qx-pain-card h3 em { color: var(--qx-accent); }
.qx-pain-card p { font-size: 14px; margin-top: 20px; }
.qx-quote-mark { color: #ededeb; right: 35px; top: 18px; }
.qx-outcomes { padding-top: 0; }
.qx-outcomes > .qx-heading { padding-top: 240px; }
.qx-help .qx-heading h2 { font-size: 58px; letter-spacing: -.02em; line-height: 1.1; margin-top: 48px; }
.qx-help .qx-services .qx-heading h2, .qx-help .qx-contact .qx-heading h2 { line-height: 1; }
.qx-heading h2 em { text-transform: inherit; }
.qx-pill { font-size: 12px !important; line-height: 1.5 !important; padding: 8px 18px; }
.qx-number-pin { clip-path: none; top: 0; }
.qx-live .qx-number-pin { display: block; }
.qx-number-cube { height: 500px; left: calc(50% - 250px); position: absolute; top: calc(50% - 250px); transform: perspective(1200px) rotateX(0deg) rotateY(90deg); transform-style: preserve-3d; width: 500px; will-change: transform; }
.qx-number-face { background: var(--qx-paper); height: 500px; position: absolute; transform-style: preserve-3d; width: 500px; }
.qx-number-face > span { color: #ededeb; font: 900 560px/.9 "Raleway", sans-serif; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.qx-number-face--4 { left: 0; top: -250px; transform: rotateX(90deg); }
.qx-number-face--4 > span { transform: translate(-50%, -50%) rotate(90deg); }
.qx-number-face--3 { left: 250px; top: 0; transform: rotateX(90deg) rotateY(90deg); }
.qx-number-face--3 > span { transform: translate(-50%, -50%) rotate(90deg); }
.qx-number-face--2 { left: 0; top: 250px; transform: rotateX(90deg); }
.qx-number-face--2 > span { transform: translate(-50%, -50%) rotate(-90deg) rotateY(-180deg); }
.qx-number-face--1 { left: -250px; top: 0; transform: rotateY(-90deg); }
.qx-outcome { height: auto; padding: 400px 24px 0; }
.qx-help .qx-outcome h3 { font-size: clamp(58px, 7.715vw, 104px); line-height: 1.12; }
.qx-outcome-line { background: var(--qx-accent); height: 2px; margin: 24px auto; max-width: calc(100vw - 48px); width: var(--qx-rule-width, 60%); }
.qx-outcome p { color: #4a4742; }
.qx-outcome-bottom { padding-block: 400px 240px; }
.qx-number-container { bottom: -1000px; left: 0; overflow: clip; pointer-events: none; position: absolute; right: 0; top: 0; z-index: 0; }
.qx-number-container .qx-number-pin { margin-bottom: 0; }
.qx-benefits { gap: 64px; margin-inline: auto; max-width: 1280px; width: 80%; }
.qx-benefits article { align-items: flex-start; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); background: #ffffff66; border-left: 1px solid var(--qx-accent); display: flex; flex-direction: column; height: 360px; justify-content: space-between; min-width: 0; padding: 24px; }
.qx-benefits .qx-benefit-icon { flex: none; height: 32px; width: 32px; }
.qx-benefits h3 { font-size: 38px; font-weight: 700; letter-spacing: -.02em; line-height: 1.1; }
.qx-benefits p { color: #000b; font-size: 15px; line-height: 1.5; margin: 0; }
.qx-outcome-cta { margin-top: 160px; }
.qx-outcome-cta h3 { font-size: 28px; line-height: 1.1; }
.qx-outcome-cta p { margin-block: 24px 32px; }
.qx-photo-chapter { padding-top: 40px; }
.qx-brand-story { min-height: 0; padding: 0 20%; }
.qx-story-inner { margin-inline: 0; max-width: none; width: 66.6667%; }
.qx-tags { margin-bottom: 56px; }
.qx-tags span { font-size: 12px; }
.qx-help .qx-brand-story h2 { font-size: 58px; font-weight: 500; letter-spacing: -.04em; line-height: 1.15; text-transform: none; }
.qx-help .qx-story-credit { font-size: 14px; margin-top: 56px; }
.qx-brand-story .ac-button { margin-top: 56px; }
.qx-service-grid { gap: 1px; margin-top: 200px; }
.qx-service-tag { font-size: 12px; }
.qx-service h3 { font-size: 28px; font-weight: 700; line-height: 1.1; text-transform: none; }
.qx-service strong { font-size: 17px; }
.qx-service .ac-button { color: #f9f9f9; font-size: 14px; margin-top: 32px; min-height: 42px; padding: 11px 18px; }
.qx-process { padding-block: 240px 160px; }
.qx-process-content { margin-top: 160px; }
.qx-process-watermark { color: #ededeb; font-weight: 500; letter-spacing: -.04em; }
.qx-process-grid article { background: linear-gradient(#f9f9f900, #f9f9f9 42%); border-left-color: var(--qx-accent); min-height: 360px; padding: 32px; }
.qx-step-number { color: var(--qx-accent); font-size: 14px; }
.qx-process-grid h3 { font-size: 28px; font-weight: 700; line-height: 1.1; margin-block: 30px 24px; }
.qx-about { padding-block: 240px 0; }
.qx-about-grid { min-height: 548px; }
.qx-about h2 { font-size: 50px; font-weight: 500; line-height: 1; margin-block: 48px 24px; }
.qx-about .ac-button { margin-top: 48px; }
.qx-image-stack { height: 548px; }
.qx-facts { margin-top: 160px; }
.qx-facts strong { font-weight: 700; line-height: 1; }
.qx-facts [data-qx-fact] > span { font-size: 15px; margin-top: 24px; }
.qx-trust-row { align-items: center; display: flex; flex-direction: column; gap: 28px; margin-top: 160px; min-height: 254px; padding-inline: 24px; text-align: center; }
.qx-trust-badge { align-items: center; border: 1px solid #dededb; display: inline-flex; font-size: 14px; gap: 12px; padding: 12px 18px; }
.qx-trust-portraits { display: flex; padding-left: 8px; }
.qx-trust-portraits img { border: 2px solid var(--qx-paper); border-radius: 50%; height: 36px; margin-left: -8px; object-fit: cover; width: 36px; }
.qx-help .qx-facts-note { font-size: 12px; margin: 32px auto 0; max-width: 720px; }
.qx-trust-row > p:not(.qx-facts-note) { max-width: 600px; }
.qx-trust-row a { text-decoration: underline; text-underline-offset: 4px; }
.qx-social { align-items: center; display: flex; gap: 20px; justify-content: center; }
.qx-social a { align-items: center; display: flex; height: 30px; justify-content: center; width: 30px; }
.qx-social svg { height: 22px; width: 22px; }
.qx-insights { padding-block: 160px; }
.qx-insight-list { margin-top: 240px; }
.qx-insight h3 { font-weight: 700; }
.qx-insight-image:hover img { transform: scale(1.01); }
.qx-insight-end { margin-top: 160px; }
.qx-insight-end p { margin-bottom: 32px; }
.qx-contact { padding-top: 240px; }
.qx-contact .qx-heading > p:last-child { margin-top: 32px; }
.qx-contact-form .ac-button { color: #f9f9f9; }
.qx-contact-form input[type=checkbox] { accent-color: var(--qx-accent); }
.qx-contact-form .qx-form-right > p, .qx-form-privacy { font-size: 12px; }
.qx-faq { padding-block: 240px 0; }
.qx-help .qx-faq .qx-heading h2 { font-size: 42px; line-height: 1.1; }
.qx-faq-grid { gap: 160px; margin-top: 80px; }
.qx-faq summary { font-size: 15px; min-height: 100px; padding-block: 36px; }
.qx-faq .ac-faq-items p { font-size: 15px; }
.qx-faq details { transition: border-color 300ms ease; }
.qx-faq details[open] { border-color: var(--qx-accent); }
.qx-faq summary::after { color: var(--qx-accent); top: 35px; }
.qx-faq-end { margin-top: 80px !important; }
@media (max-width: 1100px) {
  .qx-hero .qx-shell { padding-inline: 40px; }
  .qx-hero-title { max-width: calc(100% - 80px); }
  .qx-about h2 { font-size: 42px; }
}
@media (max-width: 809.98px) {
  .qx-hero .qx-shell { padding: 0 20px; }
  .qx-hero-question { font-size: 38px !important; line-height: 1 !important; max-width: calc(100% - 40px); top: 15.588%; }
  .qx-help h1.qx-hero-title { font-size: clamp(38px, 10.5vw, 70px); line-height: 1.16; max-width: calc(100% - 40px); top: calc(50% - 68px); }
  .qx-hero-bottom { bottom: 70px; max-width: calc(100% - 40px); width: calc(100% - 40px); }
  .qx-hero-bottom .ac-button { font-size: 14px; padding: 11px 30px; width: 100%; }
  .qx-problem h2 { font-size: 58px; line-height: 1.12; }
  .qx-problem h2 > br { display: none; }
  .qx-problem .qx-highlight { margin-inline: .05em; }
  .qx-opening-gap { height: 100px; }
  .qx-pain-card, .qx-live .qx-pain-card { height: auto; min-height: 266px; padding: 32px; width: 86%; }
  .qx-pain-card h3 { font-size: 38px; }
  .qx-pain-card p { font-size: 14px; }
  .qx-outcomes > .qx-heading { padding-top: 120px; }
  .qx-help .qx-heading h2 { font-size: 38px; margin-top: 48px; }
  .qx-heading { padding-inline: 20px; }
  .qx-number-face > span { font-size: 420px; }
  .qx-outcome { padding-top: 320px; }
  .qx-help .qx-outcome h3 { font-size: 58px; }
  .qx-outcome p { font-size: 15px; max-width: 290px; }
  .qx-outcome-bottom { padding-block: 160px 120px; }
  .qx-benefits { gap: 0; max-width: none; width: 100%; }
  .qx-benefits article { align-items: center; backdrop-filter: none; -webkit-backdrop-filter: none; background: none; border-bottom: 1px solid var(--qx-accent); border-left: 0; gap: 24px; height: auto; justify-content: center; padding: 64px 20px; text-align: center; }
  .qx-benefits article:last-child { border-bottom: 0; }
  .qx-benefits p { max-width: 400px; }
  .qx-benefits h3 { font-size: 32px; }
  .qx-outcome-cta { margin-top: 80px; padding-inline: 20px; }
  .qx-brand-story { padding: 0 20px; }
  .qx-story-inner { width: 100%; }
  .qx-help .qx-brand-story h2 { font-size: 38px; }
  .qx-services { padding-block: 160px 240px; }
  .qx-service-grid { gap: 30px; margin: 160px 20px 0; }
  .qx-service { min-height: 405px; padding: 32px; }
  .qx-service h3 { font-size: 28px; }
  .qx-process { padding-block: 160px 120px; }
  .qx-process-content { margin-top: 160px; }
  .qx-process-grid { gap: 0; }
  .qx-process-grid article { min-height: 280px; padding: 32px; }
  .qx-about { padding-block: 160px 0; }
  .qx-about h2 { font-size: 38px; }
  .qx-image-stack { height: 420px; }
  .qx-facts { gap: 64px 24px; margin-top: 120px; }
  .qx-trust-row { margin-top: 160px; min-height: 277px; }
  .qx-insights { padding-block: 160px; }
  .qx-insight-list, .qx-insight-end { margin-top: 160px; }
  .qx-contact { padding-block: 160px 240px; }
  .qx-contact-form { margin: 80px 20px 0; }
  .qx-contact-form textarea { min-height: 275px; }
  .qx-faq { padding-block: 160px 0; }
  .qx-help .qx-faq .qx-heading h2 { font-size: 32px; }
  .qx-faq-grid { gap: 0; margin-top: 80px; }
}
@media (max-width: 360px) {
  body.alms-help-mirror .alms-page-brand img { width: 130px; }
  .qx-hero-question { font-size: 32px !important; }
  .qx-help h1.qx-hero-title { font-size: 38px; }
  .qx-problem h2, .qx-help .qx-outcome h3 { font-size: 48px; }
  .qx-help .qx-heading h2, .qx-pain-card h3 { font-size: 32px; }
}
@media (max-width: 809.98px) and (max-height: 730px) {
  .qx-hero-question { top: 19%; }
  .qx-help h1.qx-hero-title { font-size: clamp(38px, 10.5vw, 70px); top: calc(50% - 56px); }
  .qx-hero-bottom { bottom: 55px; }
  .qx-hero-bottom p { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  body.alms-help-mirror *, .qx-number-cube { transition: none !important; }
}
/* Use ALMS's lining figures for the reference's full-height numerical faces. */
.qx-number-face > span, .qx-facts strong { font-variant-numeric: lining-nums; }

.qx-hero-title .qx-plan-phrase { display: inline-block; white-space: nowrap; }

/* Source-specific motion; no generic section reveal or guessed parallax. */
.qx-page-reveal { display: flex; inset: 0; pointer-events: none; position: fixed; z-index: 10000; }
.qx-page-reveal > span { animation: qx-page-clear 600ms cubic-bezier(.44,0,.56,1) both; background: #000; flex: 1; }
@keyframes qx-page-clear { to { background: transparent; } }
.qx-help { background: var(--qx-ink); }
.qx-coral { color: var(--qx-accent); }
.qx-scale-copy { display: block; transform-origin: center; }
.qx-help .qx-glyph { display: inline-block; }
.qx-letter-text .qx-word { display: inline-flex; }
.qx-letter-text .qx-letter { white-space: pre; }
.qx-live [data-qx-scale] .qx-letter { clip-path: inset(0); overflow: hidden; }
.qx-live [data-qx-scale] { padding-inline: var(--qx-letter-padding, 0px); }
.qx-live [data-qx-scale] .qx-letter,
.qx-live .qx-hero-title .qx-letter,
.qx-live [data-qx-count] .qx-letter { padding-inline: var(--qx-letter-padding, 0px); margin-inline: calc(-1 * var(--qx-letter-padding, 0px)); }
.qx-scale-copy { text-wrap: balance; }
.qx-live [data-qx-read] .qx-letter { transition: opacity 350ms var(--qx-step-spring); }
.qx-live .qx-highlight::before { transform: scaleX(0); transform-origin: left center; transition: transform 800ms cubic-bezier(.22,1,.36,1) var(--qx-highlight-delay, .6s); }
.qx-live .qx-highlight-visible .qx-highlight::before { transform: scaleX(1); }
/* The reference pads each mask by the magnitude of negative tracking, then
   compensates with margins. This preserves both complete glyphs and the reveal. */
.qx-live .qx-hero-title .qx-letter { animation: none; clip-path: inset(0); overflow: hidden; }
.qx-live .qx-hero-title .qx-glyph { animation: qx-mount-letter 600ms var(--qx-spring) both; animation-delay: calc(1600ms + var(--qx-letter-index) * 55ms); }
.qx-hero-title > span { --qx-letter-y: 160px; }
.qx-hero-title > span + span { --qx-letter-y: -160px; }
.qx-live .qx-hero-bottom p { animation: qx-mount-copy 800ms var(--qx-spring) 2000ms both; }
.qx-live .qx-hero-bottom .ac-button { animation: qx-mount-copy 800ms var(--qx-spring) 2200ms both; }
@keyframes qx-mount-letter { from { opacity: .001; transform: translateY(var(--qx-letter-y)); } to { opacity: 1; transform: translateY(0); } }
@keyframes qx-mount-fade { from { opacity: .001; } to { opacity: 1; } }
@keyframes qx-mount-copy { from { opacity: .001; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }
.qx-help [data-qx-wipe] { isolation: isolate; position: relative; }
.qx-wipe-layer { inset: 0; pointer-events: none; position: absolute; z-index: -1; }
.qx-wipe-pin { display: none; height: var(--qx-scene); }
.qx-wipe-pin > span { background: var(--qx-paper); flex: 1; transform: scaleX(var(--qx-wipe, 1)); transform-origin: left center; }
.qx-photo-chapter::before { background: var(--qx-paper); content: ''; inset: 0; position: absolute; z-index: -2; }
@media (min-width: 1200px) {
  .qx-live [data-qx-wipe] { background: transparent; }
  .qx-live .qx-wipe-pin,
  .qx-live .qx-chapter-columns { display: flex; height: var(--qx-scene); left: 0; position: fixed; top: 0; visibility: hidden; width: 100%; }
  .qx-live .qx-wipe-pin.qx-panel-visible,
  .qx-live .qx-chapter-columns.qx-panel-visible { visibility: visible; }
  .qx-live :is(.qx-process, .qx-faq).qx-wipe-complete { background: var(--qx-paper); }
  .qx-live :is(.qx-process, .qx-faq).qx-wipe-complete .qx-wipe-pin { visibility: hidden; }
  .qx-live .qx-chapter-background > [data-qx-chapter-scene] { visibility: hidden; }
  .qx-live .qx-chapter-background { overflow: visible; }
}
.qx-claim { align-items: center; display: flex; flex-direction: column; position: relative; z-index: 1; }
.qx-outcome-line { transform: scaleX(var(--qx-line, 0)); transition: none; }
.qx-help:not(.qx-live) .qx-outcome-line { transform: none; }
.qx-puzzle.qx-puzzle-ready[data-state="solved"]:not(.qx-puzzle-interacting) > [data-aq-scene] { visibility: visible; }
.qx-puzzle.qx-puzzle-ready[data-state="solved"]:not(.qx-puzzle-interacting) .qx-puzzle-tile { will-change: auto; }
.qx-puzzle.qx-puzzle-ready[data-state="solved"]:not(.qx-puzzle-interacting) .qx-puzzle-tile > .qx-puzzle-scene { visibility: hidden; }
.qx-chapter-full { display: none; inset: 0; position: absolute; }
.qx-chapter-columns.qx-photo-complete > .qx-chapter-column { visibility: hidden; }
.qx-chapter-columns.qx-photo-complete > .qx-chapter-full { display: block; }
.qx-number-cube { opacity: 0; transition: none; }
.qx-outcome-ticker { align-items: center; display: flex; height: 100%; inset: 0; opacity: 0; overflow: hidden; position: absolute; transition: none; }
.qx-ticker-track { display: flex; white-space: nowrap; will-change: transform; }
.qx-ticker-track > span { color: #ededeb; flex: none; font: 900 480px/.8 "Raleway", sans-serif; letter-spacing: -.02em; text-transform: none; }
.qx-live .qx-reference-fade { opacity: 0; transition: none; }
.qx-live .qx-reference-fade.qx-visible { opacity: 1; transition: opacity 600ms cubic-bezier(.44,0,.56,1); }
.qx-live .qx-facts [data-qx-count] .qx-glyph { opacity: .001; transform: translateY(60px); transition: opacity 600ms var(--qx-spring), transform 600ms var(--qx-spring); transition-delay: calc(var(--qx-fact-delay) + var(--qx-letter-index) * 55ms); }
.qx-live .qx-facts [data-qx-count] .qx-letter { clip-path: inset(0); overflow: hidden; }
.qx-live .qx-facts [data-qx-fact] > span { opacity: 0; transform: translateY(-20px); transition: opacity 800ms var(--qx-spring), transform 800ms var(--qx-spring); transition-delay: var(--qx-fact-delay); }
.qx-live .qx-facts.qx-facts-visible [data-qx-count] .qx-glyph, .qx-live .qx-facts.qx-facts-visible [data-qx-fact] > span { opacity: 1; transform: translateY(0); }
.qx-image-stack img:nth-child(1) { transform: rotate(8deg); }
.qx-image-stack img:nth-child(2) { transform: none; }
.qx-image-stack img:nth-child(3) { display: none; }
.qx-live .qx-insight-image { isolation: isolate; position: relative; }
.qx-live .qx-insight-image::before { background: var(--qx-accent); content: ''; inset: 0; position: absolute; transform: scaleX(0); transform-origin: left center; transition: transform 800ms var(--qx-spring) 100ms; z-index: -1; }
.qx-live .qx-insight-image img { clip-path: inset(0 100% 0 0); transition: clip-path 800ms var(--qx-spring) 200ms, transform 600ms var(--qx-spring); }
.qx-live .qx-insight-image.qx-image-visible::before { transform: scaleX(1); }
.qx-live .qx-insight-image.qx-image-visible img { clip-path: inset(0); }
.qx-insight-image:hover img { transform: scale(1.05); }
@media (max-width: 1199.98px) {
  .qx-puzzle { --qx-puzzle-columns: 3; }
  .qx-puzzle-tile { pointer-events: none; }
  .qx-puzzle-note, .qx-chapter-grid { display: none !important; }
  .qx-live [data-qx-scale] .qx-letter, .qx-live [data-qx-scale] .qx-glyph { clip-path: none; overflow: visible; transform: none; }
  .qx-live .qx-hero-title .qx-glyph { animation: none; }
  .qx-live .qx-hero-title .qx-letter { clip-path: none; overflow: visible; }
  .qx-live .qx-hero-title > span { animation: qx-mount-fade 1400ms var(--qx-spring) 1600ms both; }
  .qx-live .qx-hero-bottom p { animation-name: qx-mount-fade; }
  .qx-live .qx-hero-bottom .ac-button { animation-name: qx-mount-fade; }
}
@media (max-width: 809.98px) {
  .qx-outcome-ticker { display: none; }
  .qx-problem h2 { min-width: 0; width: 100%; }
  .qx-live .qx-facts [data-qx-count] .qx-glyph, .qx-live .qx-facts [data-qx-fact] > span { opacity: 1; transform: none; transition: none; }
  .qx-live .qx-facts [data-qx-count] .qx-letter { clip-path: none; overflow: visible; }
}
@media (prefers-reduced-motion: reduce) {
  .qx-help .qx-glyph, .qx-help .qx-reference-fade { animation: none !important; opacity: 1 !important; transform: none !important; }
  .qx-help .qx-highlight::before { transform: scaleX(1) !important; }
  .qx-help .qx-insight-image img { clip-path: none !important; }
  .qx-help .qx-outcome-ticker { display: none; }
}
/* Wheel and touch use native scrolling, with no additional smoothing queue. */
html:has(body.alms-help-mirror) { scroll-behavior: auto !important; }
@media (max-width: 809.98px) {
  .qx-puzzle { --qx-puzzle-columns: 2; }
}
@media (min-width: 810px) and (max-width: 1199.98px) {
  .qx-help .qx-heading h2 { font-size: 54px; }
  .qx-outcomes > .qx-heading { padding-top: 160px; }
  .qx-outcome { padding-top: 320px; }
  .qx-outcome-bottom { padding-block: 320px 160px; }
  .qx-brand-story { padding-inline: 40px; }
  .qx-help .qx-brand-story h2 { font-size: 54px; }
  .qx-benefits { gap: 40px; padding-inline: 40px; width: 100%; }
  .qx-benefits h3 { font-size: 36px; }
  .qx-outcome-cta { margin-top: 120px; }
}
@media (min-width: 1600px) {
  .qx-help .qx-heading h2, .qx-help .qx-brand-story h2 { font-size: 64px; }
  .qx-benefits h3 { font-size: 48px; }
}

/* Restore the full conversation and the larger ALMS headline hierarchy. */
.qx-help h1, .qx-help h2, .qx-help h3 { font-weight: 600 !important; text-transform: none; }
.qx-help .qx-heading h2 { letter-spacing: -.045em; }
.qx-help .qx-service h3 { font-size: 36px; line-height: 1.2; }
.qx-help .qx-hero-question { font-family: "Raleway", Arial, sans-serif !important; font-size: clamp(32px, 3.66vw, 50px) !important; font-weight: 600; letter-spacing: -.035em; line-height: 1.2 !important; text-transform: none; }
.qx-help h1.qx-hero-title { font-size: clamp(96px, 9.5vw, 144px); line-height: 1.1; top: calc(50% - 140px); }
.qx-help .qx-pain-card h3 { font-size: clamp(56px, 4.4vw, 64px); font-weight: 900 !important; line-height: 1.02; letter-spacing: -.05em; }
.qx-help .qx-pain-card p { font-size: 15px; }
.qx-help .qx-outcome h3 { font-size: clamp(48px, 6.5vw, 88px); line-height: 1.15; }
.qx-help .qx-heading h2 { font-size: clamp(48px, 4.5vw, 64px); line-height: 1.18; }
.qx-help .qx-benefits article { height: auto; min-height: 360px; gap: 24px; }
.qx-help .qx-outcome-cta h3 { font-size: 36px; line-height: 1.2; }
.qx-live .qx-hero-title .qx-letter,
.qx-live [data-qx-scale] .qx-letter,
.qx-live [data-qx-count] .qx-letter {
  padding-block: .2em .24em;
  margin-block: -.2em -.24em;
  padding-inline: max(.08em, var(--qx-letter-padding, 0px));
  margin-inline: calc(-1 * max(.08em, var(--qx-letter-padding, 0px)));
}
.qx-help .qx-outcomes { padding-bottom: 0; }
.qx-help .qx-highlight { color: inherit; }
.qx-live .qx-highlight-visible .qx-highlight { color: #fff; transition: color 1ms linear calc(var(--qx-highlight-delay, .6s) + 800ms); }
.qx-still .qx-highlight { color: #fff; }
@media (max-width: 809.98px) {
  .qx-help .qx-hero-question { font-size: clamp(26px, 6.6vw, 38px) !important; max-width: calc(100% - 40px); top: 16%; }
  .qx-help h1.qx-hero-title { font-size: clamp(52px, 13.8vw, 82px); top: calc(50% - 132px); }
  .qx-help .qx-hero-title > span { white-space: normal; }
  /* Four headline lines need space above the supporting copy on shorter phones. */
  .qx-help .qx-background, .qx-help .qx-hero { min-height: 760px; }
  .qx-help .qx-hero .qx-shell { display: flex; gap: 24px; padding: 112px 20px 40px; }
  .qx-help .qx-hero-question, .qx-help h1.qx-hero-title, .qx-help .qx-hero-bottom { position: static; max-width: 100%; width: 100%; }
  .qx-help .qx-hero-question { flex-shrink: 0; }
  .qx-help h1.qx-hero-title { flex-shrink: 0; margin: 0; }
  .qx-help .qx-hero-title > span { display: block; }
  .qx-help .qx-mobile-hero-line { display: block; }
  .qx-help .qx-hero-bottom { flex-shrink: 0; }
  .qx-help .qx-hero-bottom p { max-width: 455px; }
  .qx-help .qx-problem h2 { font-size: clamp(38px, 10.6vw, 58px); line-height: 1.2; }
  .qx-help .qx-problem h2 > br { display: inline; }
  .qx-help .qx-problem-last-line { display: block; font-size: clamp(26px, 7.2vw, 48px); line-height: 1.25; margin-top: .2em; white-space: nowrap; }
  .qx-help .qx-problem-last-line > br { display: none; }
  /* Keep the heading and first outcome together; later outcomes retain their scroll spacing. */
  .qx-help .qx-outcome:first-child { padding-top: 80px; }
  .qx-help .qx-pain-card, .qx-live .qx-pain-card { padding-inline: 24px; }
  .qx-help .qx-pain-card h3 { font-size: clamp(38px, 10.6vw, 58px); }
  .qx-help .qx-heading h2, .qx-help .qx-faq .qx-heading h2 { font-size: clamp(38px, 9.6vw, 48px); }
  .qx-help .qx-outcome h3 { font-size: clamp(38px, 10vw, 56px); }
  .qx-help .qx-service h3 { font-size: clamp(30px, 8vw, 36px); }
  .qx-help .qx-outcome-cta h3 { font-size: 32px; }
  .qx-help .qx-benefits article { min-height: 0; }
}
@media (min-width: 810px) and (max-height: 780px) {
  .qx-help .qx-hero-question { top: 15%; }
  .qx-help h1.qx-hero-title { font-size: clamp(80px, 8vw, 96px); top: calc(50% - 130px); }
  .qx-help .qx-hero-bottom { bottom: 56px; }
}
@media (prefers-reduced-motion: reduce) {
  .qx-help .qx-highlight { color: #fff; }
}
/* Pull both mobile story backgrounds to the section edge without moving the tags. */
@media (max-width: 809.98px) {
  /* Keep photos tall enough when the browser bars retract, without resizing on every swipe. */
  .qx-help { --qx-photo-scene: max(620px, 100lvh); }
  .qx-help .qx-background,
  .qx-help .qx-chapter-background { height: var(--qx-photo-scene); }
  .qx-help .qx-photo-chapter { padding-top: 0; }
  .qx-help .qx-photo-chapter > .qx-brand-story {
    margin-top: calc(-1 * var(--qx-photo-scene));
    padding-top: 40px;
  }
}

/* Each wrapped quote fragment gets a compact swipe with white lettering. */
.qx-help .qx-brand-story .qx-quote-swipe {
  background: var(--qx-accent);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #fff !important;
  padding: .04em .07em .08em;
}
.qx-help .qx-quote-swipe .qx-letter { opacity: 1 !important; }

/* Keep the existing white copy readable over the replacement photo layers. */
.qx-help .qx-puzzle-scene::after,
.qx-help .qx-chapter-scene::after {
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}
.qx-help .qx-puzzle-scene::after {
  background: linear-gradient(90deg, rgba(28, 22, 18, .54), rgba(28, 22, 18, .42) 58%, rgba(28, 22, 18, .16));
}
.qx-help .qx-chapter-scene::after {
  background: var(--qx-chapter-shade);
}

/* Continue each photo backdrop across the full chapter, including its padding. */
.qx-help .qx-photo-chapter {
  --qx-chapter-backdrop: url("/assets/media/alms-help-trial/quote-one-photo-background.webp");
  --qx-chapter-shade: linear-gradient(90deg, rgba(28, 22, 18, .44), rgba(28, 22, 18, .44) 64%, rgba(28, 22, 18, .10));
}
.qx-help .qx-photo-chapter--last {
  --qx-chapter-backdrop: url("/assets/media/alms-help-trial/quote-two-photo-background.webp");
  --qx-chapter-shade: linear-gradient(90deg, rgba(28, 22, 18, .10), rgba(28, 22, 18, .44) 36%, rgba(28, 22, 18, .44));
}
.qx-help .qx-photo-chapter--last .qx-chapter-portrait > img { left: 28%; }
@media (min-width: 810px) {
  .qx-help .qx-photo-chapter--last > .qx-brand-story { justify-content: flex-end; padding-inline: 20%; }
}
.qx-help .qx-photo-chapter--last .qx-story-inner { text-align: right; }
.qx-help .qx-photo-chapter--last .qx-tags { justify-content: flex-end; }
@media (min-width: 1200px) {
  .qx-live .qx-process:not(.qx-wipe-complete)::before { background: linear-gradient(#1c161870, #1c161870), url("/assets/media/alms-help-trial/quote-one-photo-background.webp") center / cover; content: ""; inset: 0; position: absolute; z-index: -2; }
  .qx-live .qx-faq:not(.qx-wipe-complete)::before { background: linear-gradient(#1c161870, #1c161870), url("/assets/media/alms-help-trial/quote-two-photo-background.webp") center / cover; content: ""; inset: 0; position: absolute; z-index: -2; }
}
.qx-help .qx-photo-chapter::before {
  background: var(--qx-chapter-shade), var(--qx-chapter-backdrop) center / cover no-repeat;
}
