/* Explainer animations (homepage + case studies).
   Scenes are drawn at a fixed size (data-w x data-h) and scaled to fit by
   js/qz-anim.js. They only play while on screen (.is-live) and can be
   paused with the button on each scene. */

.qa-fit { position: relative; width: 100%; margin: 0 auto; overflow: hidden; }
.qa-stage { position: absolute; left: 0; top: 0; transform-origin: 0 0; font-family: var(--qz-sans, 'Inter', system-ui, sans-serif); color: #f4f2ec; line-height: 1.45; }
.qa-stage * { box-sizing: border-box; }
.qa-mono { font-family: var(--qz-mono, 'JetBrains Mono', ui-monospace, monospace); }

/* Desktop scene or phone version */
.qa-mob { display: none; }
@media (max-width: 820px) {
    .qa-desk { display: none; }
    .qa-mob { display: block; }
}

/* Play only while visible; pause button */
.qa-scene:not(.is-live) *, .qa-scene.is-paused * { animation-play-state: paused !important; }
/* Scenes play for every visitor once they are on screen (site owner's
   choice), also with "reduce motion" on; the pause button stops them. */
.qa-scene { position: relative; }
.qa-pause {
    position: absolute; right: 12px; bottom: 12px; z-index: 2;
    width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;
    border-radius: 50%; background: #161a44; color: #f4f2ec; border: 1.5px solid rgba(244,242,236,0.25); cursor: pointer;
}
.qa-pause:focus-visible { outline: 3px solid #FEC107; outline-offset: 2px; }
.qa-pause .qa-ic-play { display: none; }
.qa-scene.is-paused .qa-pause .qa-ic-play { display: block; }
.qa-scene.is-paused .qa-pause .qa-ic-pause { display: none; }

/* Shared pieces */
.qa-dot { position: absolute; left: 0; top: 0; width: 10px; height: 10px; border-radius: 50%; offset-anchor: 50% 50%; offset-rotate: 0deg; opacity: 0; }
.qa-stack { display: grid; }
.qa-stack > * { grid-area: 1 / 1; }
.qa-label { position: absolute; font-family: var(--qz-mono, 'JetBrains Mono', monospace); font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(244,242,236,0.72); }
.qa-card { position: absolute; background: #161a44; border: 1.5px solid rgba(244,242,236,0.14); border-radius: 14px; }
.qa-step { min-height: 38px; display: flex; align-items: center; gap: 10px; padding: 0 12px; border: 1.5px solid rgba(244,242,236,0.1); border-radius: 10px; font-family: var(--qz-mono, 'JetBrains Mono', monospace); font-size: 13px; font-weight: 700; }

/* ---------- A1: sources -> processing -> report (5 s) ---------- */
@keyframes qaP0{0%,3.9%{opacity:0;offset-distance:0%}4.4%{opacity:1;offset-distance:0%}18.9%{opacity:1;offset-distance:100%}20.4%,100%{opacity:0;offset-distance:100%}}
@keyframes qaP1{0%,7.8%{opacity:0;offset-distance:0%}8.3%{opacity:1;offset-distance:0%}22.8%{opacity:1;offset-distance:100%}24.3%,100%{opacity:0;offset-distance:100%}}
@keyframes qaP2{0%,11.7%{opacity:0;offset-distance:0%}12.2%{opacity:1;offset-distance:0%}26.7%{opacity:1;offset-distance:100%}28.2%,100%{opacity:0;offset-distance:100%}}
@keyframes qaP3{0%,15.6%{opacity:0;offset-distance:0%}16.1%{opacity:1;offset-distance:0%}30.6%{opacity:1;offset-distance:100%}32.1%,100%{opacity:0;offset-distance:100%}}
@keyframes qaP4{0%,19.5%{opacity:0;offset-distance:0%}20%{opacity:1;offset-distance:0%}34.4%{opacity:1;offset-distance:100%}35.9%,100%{opacity:0;offset-distance:100%}}
@keyframes qaO0{0%,65.1%{opacity:0;offset-distance:0%}65.6%{opacity:1;offset-distance:0%}74.4%{opacity:1;offset-distance:100%}75.9%,100%{opacity:0;offset-distance:100%}}
@keyframes qaO1{0%,67.3%{opacity:0;offset-distance:0%}67.8%{opacity:1;offset-distance:0%}76.7%{opacity:1;offset-distance:100%}78.2%,100%{opacity:0;offset-distance:100%}}
@keyframes qaS0{0%,3.9%,10.4%,100%{border-color:rgba(244,242,236,0.12);box-shadow:0 0 0 0 rgba(68,186,163,0)}5.4%{border-color:#44BAA3;box-shadow:0 0 0 4px rgba(68,186,163,0.2)}}
@keyframes qaS1{0%,7.8%,14.3%,100%{border-color:rgba(244,242,236,0.12);box-shadow:0 0 0 0 rgba(68,186,163,0)}9.3%{border-color:#44BAA3;box-shadow:0 0 0 4px rgba(68,186,163,0.2)}}
@keyframes qaS2{0%,11.7%,18.2%,100%{border-color:rgba(244,242,236,0.12);box-shadow:0 0 0 0 rgba(68,186,163,0)}13.2%{border-color:#44BAA3;box-shadow:0 0 0 4px rgba(68,186,163,0.2)}}
@keyframes qaS3{0%,15.6%,22.1%,100%{border-color:rgba(244,242,236,0.12);box-shadow:0 0 0 0 rgba(68,186,163,0)}17.1%{border-color:#44BAA3;box-shadow:0 0 0 4px rgba(68,186,163,0.2)}}
@keyframes qaS4{0%,19.5%,26%,100%{border-color:rgba(244,242,236,0.12);box-shadow:0 0 0 0 rgba(68,186,163,0)}21%{border-color:#44BAA3;box-shadow:0 0 0 4px rgba(68,186,163,0.2)}}
@keyframes qaGlow{0%,25%,67%,100%{border-color:rgba(244,242,236,0.14);box-shadow:0 0 0 0 rgba(254,193,7,0)}28%,63%{border-color:#FEC107;box-shadow:0 0 0 6px rgba(254,193,7,0.12)}}
@keyframes qaSt1{0%,26%,97.5%,100%{background:rgba(244,242,236,0.03);border-color:rgba(244,242,236,0.1);opacity:.55}27%,39.5%{background:rgba(254,193,7,0.14);border-color:#FEC107;opacity:1}40%,96.5%{background:rgba(68,186,163,0.12);border-color:rgba(68,186,163,0.6);opacity:1}}
@keyframes qaSt2{0%,39.5%,97.5%,100%{background:rgba(244,242,236,0.03);border-color:rgba(244,242,236,0.1);opacity:.55}40%,52.8%{background:rgba(254,193,7,0.14);border-color:#FEC107;opacity:1}53.3%,96.5%{background:rgba(68,186,163,0.12);border-color:rgba(68,186,163,0.6);opacity:1}}
@keyframes qaSt3{0%,52.8%,97.5%,100%{background:rgba(244,242,236,0.03);border-color:rgba(244,242,236,0.1);opacity:.55}53.3%,63.9%{background:rgba(254,193,7,0.14);border-color:#FEC107;opacity:1}64.4%,96.5%{background:rgba(68,186,163,0.12);border-color:rgba(68,186,163,0.6);opacity:1}}
@keyframes qaCk1{0%,39.5%,97.5%,100%{opacity:0}40%,96.5%{opacity:1}}
@keyframes qaCk2{0%,52.8%,97.5%,100%{opacity:0}53.3%,96.5%{opacity:1}}
@keyframes qaCk3{0%,63.9%,97.5%,100%{opacity:0}64.4%,96.5%{opacity:1}}
@keyframes qaMessy{0%,44%,98.5%,100%{opacity:1}48%,96.5%{opacity:0}}
@keyframes qaTidy{0%,44%,98.5%,100%{opacity:0}48%,96.5%{opacity:1}}
@keyframes qaPw{0%,26%,98.5%,100%{opacity:1}27%,96.5%{opacity:0}}
@keyframes qaPb{0%,26%,64.4%,100%{opacity:0}27%,63.9%{opacity:1}}
@keyframes qaPk{0%,63.9%,97.5%,100%{opacity:0}64.4%,96.5%{opacity:1}}
@keyframes qaDw{0%,70%,98.5%,100%{opacity:1}72%,96.5%{opacity:0}}
@keyframes qaDd{0%,70%,97.5%,100%{opacity:0}72%,96.5%{opacity:1}}
@keyframes qaK0{0%,71.7%{opacity:0;transform:translateY(8px)}75.2%,96.5%{opacity:1;transform:none}98.5%,100%{opacity:0;transform:translateY(8px)}}
@keyframes qaK1{0%,75.1%{opacity:0;transform:translateY(8px)}78.6%,96.5%{opacity:1;transform:none}98.5%,100%{opacity:0;transform:translateY(8px)}}
@keyframes qaK2{0%,78.4%{opacity:0;transform:translateY(8px)}81.9%,96.5%{opacity:1;transform:none}98.5%,100%{opacity:0;transform:translateY(8px)}}
@keyframes qaBar{0%,77.3%{transform:scaleY(0)}86.7%,96.5%{transform:scaleY(1)}98.5%,100%{transform:scaleY(0)}}
@keyframes qaLine{0%,82.2%{stroke-dashoffset:420;opacity:1}92.2%,96.5%{stroke-dashoffset:0;opacity:1}98.5%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:420;opacity:0}}
@keyframes qaSent{0%,91.7%{opacity:0;transform:translateY(6px)}93.5%,96.5%{opacity:1;transform:none}98.5%,100%{opacity:0;transform:translateY(6px)}}
@keyframes qaProg{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}

/* ---------- B: one scene per project ---------- */
@keyframes bDot{0%{opacity:0;offset-distance:0%}2%{opacity:1;offset-distance:0%}16%{opacity:1;offset-distance:100%}19%,100%{opacity:0;offset-distance:100%}}
@keyframes bDot6{0%{opacity:0;offset-distance:0%}2%{opacity:1;offset-distance:0%}14%{opacity:1;offset-distance:100%}17%,100%{opacity:0;offset-distance:100%}}
@keyframes bPulse{0%,12%,100%{border-color:rgba(244,242,236,0.14);box-shadow:0 0 0 0 rgba(68,186,163,0)}4%{border-color:#44BAA3;box-shadow:0 0 0 4px rgba(68,186,163,0.2)}}
@keyframes bRow{0%,100%{background:rgba(244,242,236,0.12)}6%{background:rgba(68,186,163,0.45)}14%{background:rgba(244,242,236,0.12)}}
@keyframes bWave{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
@keyframes bIn15{0%,14%{opacity:0;transform:translateY(6px)}19%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(6px)}}
@keyframes bIn20{0%,19%{opacity:0;transform:translateY(6px)}24%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(6px)}}
@keyframes bIn25{0%,24%{opacity:0;transform:translateY(6px)}29%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(6px)}}
@keyframes bIn30{0%,29%{opacity:0;transform:translateY(6px)}34%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(6px)}}
@keyframes bIn35{0%,34%{opacity:0;transform:translateY(6px)}39%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(6px)}}
@keyframes bIn40{0%,39%{opacity:0;transform:translateY(6px)}44%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(6px)}}
@keyframes bIn50{0%,49%{opacity:0;transform:translateY(6px)}54%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(6px)}}
@keyframes bIn55{0%,54%{opacity:0;transform:translateY(6px)}59%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(6px)}}
@keyframes bIn60{0%,59%{opacity:0;transform:translateY(6px)}64%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(6px)}}
@keyframes bIn62{0%,61%{opacity:0;transform:translateY(6px)}66%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(6px)}}
@keyframes bIn65{0%,64%{opacity:0;transform:translateY(6px)}69%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(6px)}}
@keyframes bIn68{0%,67%{opacity:0;transform:translateY(6px)}72%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(6px)}}
@keyframes bIn70{0%,69%{opacity:0;transform:translateY(6px)}74%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(6px)}}
@keyframes bIn80{0%,79%{opacity:0;transform:translateY(6px)}84%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(6px)}}
@keyframes bIn84{0%,83%{opacity:0;transform:translateY(6px)}87%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(6px)}}
@keyframes bIn85{0%,84%{opacity:0;transform:translateY(6px)}88%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(6px)}}
@keyframes bGrow55{0%,55%{transform:scaleY(0)}67%,94%{transform:scaleY(1)}98%,100%{transform:scaleY(0)}}
@keyframes bFill{0%,62%{transform:scaleX(0)}74%,94%{transform:scaleX(1)}98%,100%{transform:scaleX(0)}}
@keyframes bShrink{0%,72%{transform:scaleX(0)}86%,94%{transform:scaleX(1)}98%,100%{transform:scaleX(0)}}
@keyframes bLine1{0%,48%{transform:scaleX(0)}56%,94%{transform:scaleX(1)}98%,100%{transform:scaleX(0)}}
@keyframes bLine2{0%,53%{transform:scaleX(0)}61%,94%{transform:scaleX(1)}98%,100%{transform:scaleX(0)}}
@keyframes bLine3{0%,58%{transform:scaleX(0)}66%,94%{transform:scaleX(1)}98%,100%{transform:scaleX(0)}}
@keyframes bLineF1{0%,72%{transform:scaleX(0)}78%,94%{transform:scaleX(1)}98%,100%{transform:scaleX(0)}}
@keyframes bLineF2{0%,75%{transform:scaleX(0)}81%,94%{transform:scaleX(1)}98%,100%{transform:scaleX(0)}}
@keyframes bLineF3{0%,78%{transform:scaleX(0)}84%,94%{transform:scaleX(1)}98%,100%{transform:scaleX(0)}}
@keyframes bDraw{0%,42%{stroke-dashoffset:520;opacity:1}58%,94%{stroke-dashoffset:0;opacity:1}98%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:520;opacity:0}}
@keyframes bLit20{0%,19%,97%,100%{background:rgba(244,242,236,0.03);border-color:rgba(244,242,236,0.1);opacity:.55}20%,34%{background:rgba(254,193,7,0.14);border-color:#FEC107;opacity:1}35%,94%{background:rgba(68,186,163,0.12);border-color:rgba(68,186,163,0.6);opacity:1}}
@keyframes bLit35{0%,34%,97%,100%{background:rgba(244,242,236,0.03);border-color:rgba(244,242,236,0.1);opacity:.55}35%,49%{background:rgba(254,193,7,0.14);border-color:#FEC107;opacity:1}50%,94%{background:rgba(68,186,163,0.12);border-color:rgba(68,186,163,0.6);opacity:1}}
@keyframes bLit30{0%,29%,97%,100%{background:rgba(244,242,236,0.03);border-color:rgba(244,242,236,0.1);opacity:.55}30%,39%{background:rgba(254,193,7,0.14);border-color:#FEC107;opacity:1}40%,94%{background:rgba(68,186,163,0.12);border-color:rgba(68,186,163,0.6);opacity:1}}
@keyframes bLit40{0%,39%,97%,100%{background:rgba(244,242,236,0.03);border-color:rgba(244,242,236,0.1);opacity:.55}40%,49%{background:rgba(254,193,7,0.14);border-color:#FEC107;opacity:1}50%,94%{background:rgba(68,186,163,0.12);border-color:rgba(68,186,163,0.6);opacity:1}}
@keyframes bLit50{0%,49%,97%,100%{background:rgba(244,242,236,0.03);border-color:rgba(244,242,236,0.1);opacity:.55}50%,59%{background:rgba(254,193,7,0.14);border-color:#FEC107;opacity:1}60%,94%{background:rgba(68,186,163,0.12);border-color:rgba(68,186,163,0.6);opacity:1}}
@keyframes bProg{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}

/* Phone version of a project scene: four steps that light up in turn */
.qa-vsteps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; position: relative; }
.qa-vsteps::before { content: ''; position: absolute; left: 21px; top: 22px; bottom: 22px; width: 2px; background: rgba(244,242,236,0.14); }
.qa-vsteps li { position: relative; display: flex; gap: 14px; align-items: flex-start; padding: 12px 14px 12px 12px; border-radius: 14px; border: 1.5px solid rgba(244,242,236,0.1); background: #161a44; opacity: .55; }
.qa-vsteps .qa-vnum { width: 20px; height: 20px; flex-shrink: 0; margin-top: 1px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #0d1030; border: 2px solid rgba(244,242,236,0.3); font-family: var(--qz-mono, monospace); font-size: 11px; font-weight: 800; position: relative; z-index: 1; }
.qa-vsteps b { display: block; font-size: 15px; font-weight: 600; }
.qa-vsteps span.qa-vtxt { font-size: 14px; color: rgba(244,242,236,0.72); }
.qa-vsteps li:nth-child(1) { animation: qaV1 5s linear infinite both; }
.qa-vsteps li:nth-child(2) { animation: qaV2 5s linear infinite both; }
.qa-vsteps li:nth-child(3) { animation: qaV3 5s linear infinite both; }
.qa-vsteps li:nth-child(4) { animation: qaV4 5s linear infinite both; }
@keyframes qaV1{0%,4%,97%,100%{opacity:.55;border-color:rgba(244,242,236,0.1)}5%,22%{opacity:1;border-color:#FEC107}23%,94%{opacity:1;border-color:rgba(68,186,163,0.6)}}
@keyframes qaV2{0%,24%,97%,100%{opacity:.55;border-color:rgba(244,242,236,0.1)}25%,42%{opacity:1;border-color:#FEC107}43%,94%{opacity:1;border-color:rgba(68,186,163,0.6)}}
@keyframes qaV3{0%,44%,97%,100%{opacity:.55;border-color:rgba(244,242,236,0.1)}45%,62%{opacity:1;border-color:#FEC107}63%,94%{opacity:1;border-color:rgba(68,186,163,0.6)}}
@keyframes qaV4{0%,64%,97%,100%{opacity:.55;border-color:rgba(244,242,236,0.1)}65%,94%{opacity:1;border-color:#44BAA3;background:rgba(68,186,163,0.12)}}

/* ---------- C4: demo teaser (5 s) ---------- */
@keyframes c4Buzz{0%,16%,26%,100%{transform:rotate(0)}18%{transform:rotate(-3deg)}20%{transform:rotate(3deg)}22%{transform:rotate(-2deg)}24%{transform:rotate(2deg)}}
@keyframes c4Typing{0%,4%{opacity:0}6%,16%{opacity:1}18%,100%{opacity:0}}
@keyframes c4Msg{0%,16%{opacity:0;transform:translateY(8px)}22%,92%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes c4Row{0%,40%{opacity:0;transform:translateX(-14px);max-height:0}48%,92%{opacity:1;transform:none;max-height:60px}98%,100%{opacity:0;max-height:60px}}
@keyframes c4Tl{0%,62%{opacity:0}68%,92%{opacity:1}98%,100%{opacity:0}}
@keyframes c4Dot{0%,80%,100%{opacity:.25}40%{opacity:1}}

/* ---------- Page sections ---------- */
.qa-section-lead { max-width: 720px; margin: -8px 0 28px; color: var(--qz-text-dim, rgba(244,242,236,0.72)); font-size: 18px; }
.qa-case-anim { margin-top: 32px; max-width: 960px; }
.qa-case-anim .qa-fit, .qa-home-anim .qa-fit { border-radius: 20px; }
.qa-shops { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 560px); gap: 48px; align-items: center; }
.qa-shops ul { margin: 20px 0 28px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; }
.qa-shops li { display: flex; gap: 10px; align-items: flex-start; font-size: 17px; }
.qa-shops li svg { flex-shrink: 0; margin-top: 3px; color: var(--qz-teal, #44BAA3); }
.qa-shops-cta, .qz-redesign .qa-shops-cta { display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding: 0 24px; border-radius: 999px; background: var(--qz-teal, #44BAA3); color: var(--qz-ink, #0d1030); font-family: var(--qz-mono, monospace); font-weight: 800; text-decoration: none; }
.qa-shops-cta:hover, .qz-redesign .qa-shops-cta:hover { background: var(--qz-gold, #FEC107); color: var(--qz-ink, #0d1030); }
.qa-shops-note { margin-top: 12px; font-size: 14px; color: var(--qz-text-dim, rgba(244,242,236,0.72)); }
@media (max-width: 900px) {
    .qa-shops { grid-template-columns: minmax(0, 1fr); gap: 28px; }
}

/* Waterprof scene uses slightly faster steps */
@keyframes bLit20w{0%,19%,97%,100%{background:rgba(244,242,236,0.03);border-color:rgba(244,242,236,0.1);opacity:.55}20%,31%{background:rgba(254,193,7,0.14);border-color:#FEC107;opacity:1}32%,94%{background:rgba(68,186,163,0.12);border-color:rgba(68,186,163,0.6);opacity:1}}
@keyframes bLit32{0%,31%,97%,100%{background:rgba(244,242,236,0.03);border-color:rgba(244,242,236,0.1);opacity:.55}32%,45%{background:rgba(254,193,7,0.14);border-color:#FEC107;opacity:1}46%,94%{background:rgba(68,186,163,0.12);border-color:rgba(68,186,163,0.6);opacity:1}}
.qa-vhead { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.qa-vhead .qa-pause { position: static; }

/* Call button under "Three steps" */
.qa-steps-cta { margin-top: 36px; display: flex; justify-content: center; }

/* Phone scenes on the case studies: pause button sits just below the scene */
.qa-case-anim .qa-mob { padding-bottom: 56px; }
.qa-case-anim .qa-mob .qa-pause { right: 0; bottom: 0; }

/* Homepage: AI training block, facts card next to the text */
.qa-train-facts { display: flex; flex-direction: column; gap: 14px; padding: 28px; border-radius: 20px; background: #161a44; border: 1px solid rgba(244,242,236,0.1); }
.qa-train-facts .qa-tf-row { display: flex; gap: 14px; align-items: flex-start; }
.qa-train-facts .qa-tf-ic { width: 40px; height: 40px; flex-shrink: 0; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: rgba(68,186,163,0.16); color: #44BAA3; }
.qa-train-facts b { display: block; font-family: var(--qz-mono, monospace); font-size: 15px; font-weight: 800; color: #f4f2ec; }
.qa-train-facts span { font-size: 15px; color: rgba(244,242,236,0.72); }
.qa-train-tools { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 6px; border-top: 1px solid rgba(244,242,236,0.1); }
.qa-train-tools span { padding: 5px 12px; border-radius: 999px; background: #090b26; font-family: var(--qz-mono, monospace); font-size: 12px; font-weight: 700; color: #f4f2ec; }
@media (min-width: 901px) {
    .qa-shops.qa-train { grid-template-columns: minmax(0, 440px) minmax(0, 1fr); }
    .qa-train .qa-train-facts { order: -1; }
}