/* Qinghe Growth / responsive campaign composition. All art is local SVG. */
.growth-home { --bg: #fafbf6; background: var(--bg); color: var(--ink); font: 15px/1.7 var(--font); }
.growth-home :is(h1,h2,h3,h4) { font-family: var(--display); }
.growth-home .qh-hero-copy h1, .growth-home .qh-section-heading h2,
.growth-home .split-heading h2 { font-weight: 600; letter-spacing: -.02em; }
.growth-home .qh-header-row .brand strong { letter-spacing: .02em; }
.growth-home :is(.qh-eyebrow, .qh-kicker, .qh-art-label, .qh-art-caption) { font-family: var(--mono); }
@media (prefers-reduced-motion: no-preference) {
  [data-motion-ready="true"] .growth-home .qh-grow-word svg path { stroke-dasharray: 220; animation: growth-accent-sweep .72s 1.05s both; }
  .growth-home .qh-kicker > span { animation: hero-signal-pulse 2.4s ease-out infinite; }
}
@keyframes growth-accent-sweep { from { stroke-dashoffset: 220; } to { stroke-dashoffset: 0; } }
.growth-home a { text-decoration: none; }
.qh-wrap { width: min(1240px, calc(100% - 96px)); margin-inline: auto; }
.qh-skip { position: fixed; top: -100px; left: 20px; z-index: 100; padding: 10px 18px; background: var(--brand); color: #fff; }
.qh-skip:focus { top: 10px; }
.growth-home .home-header { position: relative; inset: auto; width: 100%; padding: 0; border: 0; border-bottom: 1px solid #e2e8dc; background: #fafbf6; box-shadow: none; z-index: 20; }
.qh-header-row { display: flex; align-items: center; gap: 28px; min-height: 96px; }
.qh-header-row .brand { gap: 11px; flex: 0 0 auto; }
.qh-header-row .brand strong { font-size: 25px; letter-spacing: -.04em; line-height: 1.3; }
.qh-brand-suffix { font-size: 15px; margin-left: 8px; letter-spacing: 0; }
.qh-header-row .brand small { font: 9px/1.8 var(--font); letter-spacing: 1.2px; margin-top: 2px; }
.qh-nav { display: flex; align-items: center; gap: 27px; margin-inline: auto; }
.qh-nav a { color: #46594d; font-size: 13px; white-space: nowrap; padding: 12px 0; }
.qh-nav a:hover, .qh-login:hover { color: var(--brand); text-decoration: underline; text-underline-offset: 7px; }
.qh-header-actions { display: flex; align-items: center; gap: 22px; }
.qh-login { font-size: 12px; color: var(--ink); white-space: nowrap; }
.growth-home .home-header .home-cta { font-size: 12px; min-height: 43px; padding: 10px 16px; display: flex; gap: 18px; }
.qh-mobile-menu { display: none; }
.qh-hero { overflow: hidden; }
.qh-hero-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 24px; padding-block: 56px 26px; }
.qh-hero-copy { padding-bottom: 22px; position: relative; z-index: 2; }
.qh-kicker { display: inline-flex; align-items: center; gap: 9px; font-size: 12px; letter-spacing: 1px; margin: 0 0 25px; color: #4d6856; }
.qh-kicker > span { width: 7px; height: 7px; background: #5d8054; border-radius: 100%; }
.qh-hero-copy h1 { font-size: clamp(44px,4.1vw,63px); letter-spacing: -.055em; line-height: 1.34; font-weight: 750; margin: 0 0 25px; color: #173f30; }
.qh-grow-word { position: relative; color: #5a7941; }
.qh-grow-word svg { position: absolute; width: 105%; bottom: -8px; left: 0; height: 17px; fill: none; stroke: #d59b6a; stroke-width: 5; stroke-linecap: round; }
.qh-hero-description { font-size: 16px; line-height: 1.95; color: #627062; margin: 0; }
.qh-small-break { display: none; }
.qh-hero-actions { display: flex; gap: 14px; align-items: center; margin-top: 29px; }
.growth-home .qh-primary { padding: 14px 24px; font-size: 14px; min-height: 52px; }
.qh-secondary { display: inline-flex; align-items: center; justify-content: center; gap: 20px; min-height: 52px; border: 1px solid #cad6c4; padding: 12px 21px; border-radius: 9px; color: var(--brand); font-size: 14px; font-weight: 600; background: transparent; }
.qh-secondary:hover { border-color: var(--brand); background: #eef3e7; }
.qh-hero-note { display: flex; gap: 11px; align-items: center; margin-top: 29px; }
.qh-note-symbol { width: 31px; height: 35px; display: grid; place-items: center; background: #e8efdd; color: #587148; border-radius: 10px 10px 16px 16px; font-size: 15px; }
.qh-hero-note p { margin: 0; font-size: 10px; color: #75816e; line-height: 1.8; }
.qh-hero-note strong { color: #50614d; font-size: 11px; font-weight: 600; }
.qh-hero-art { position: relative; width: 100%; aspect-ratio: 640/600; min-width: 0; }
.qh-path-art { position: absolute; inset: 0; width: 100%; height: auto; }
.qh-art-caption { position: absolute; top: 6%; left: 8%; font-size: 8px; letter-spacing: 1.4px; line-height: 1.6; color: #70846b; transform: rotate(-6deg); }
.qh-art-card { position: absolute; border: 1px solid #d7e1d2; border-radius: 12px; background: #fffefb; box-shadow: 0 12px 30px #29472a0d; }
.qh-art-resume { top: 28%; left: 0; width: 54%; padding: 18px; transform: rotate(-5deg); }
.qh-art-card-head { display: flex; align-items: center; gap: 9px; }
.qh-art-card-head strong { display: block; font-size: 13px; font-weight: 700; color: #244531; }
.qh-art-card-head span { display: block; font-size: 9px; color: #7b8576; }
.qh-art-card-head > b { margin-left: auto; color: #6b8060; font-size: 18px; }
.qh-paper-lines { display: grid; gap: 7px; margin: 18px 0 12px; }
.qh-paper-lines i { display: block; height: 5px; width: 96%; background: #e5eadd; border-radius: 4px; }
.qh-paper-lines i:last-child { width: 70%; }
.qh-art-resume > p { font-size: 10px; color: #50683d; padding: 8px; background: #eef3e2; border-radius: 5px; margin: 0 0 14px; }
.qh-art-resume > p span { margin-right: 5px; }
.qh-art-card-foot { display: flex; align-items: center; gap: 12px; font-size: 9px; color: #718265; }
.qh-art-card-foot b { margin-left: auto; font: 18px/1 Georgia,serif; }
.qh-art-job { right: 0; top: 39%; width: 43%; padding: 19px; transform: rotate(5deg); }
.qh-art-label { font-size: 8px; letter-spacing: 1.1px; }
.qh-art-job .qh-art-label { color: #8c694e; }
.qh-art-job strong { display: flex; justify-content: space-between; gap: 4px; font-size: 12px; margin: 10px 0 14px; }
.qh-art-job > div { display: flex; gap: 6px; }
.qh-art-job > div span { font-size: 9px; border-radius: 4px; background: #f8ede2; color: #8b6140; padding: 4px 9px; }
.qh-art-progress { background: #174c3c; color: #fff; width: 63%; bottom: 8%; left: 22%; padding: 21px; transform: rotate(-2deg); border-color: #174c3c; }
.qh-art-progress > div { display: flex; justify-content: space-between; color: #c1d8aa; align-items: center; }
.qh-art-progress > div b { font: 21px/1 Georgia,serif; }
.qh-art-progress > strong { font-size: 13px; display: block; margin: 7px 0 16px; }
.qh-art-progress ol { list-style: none; padding: 0; margin: 0; display: flex; justify-content: space-between; }
.qh-art-progress li { position: relative; font-size: 9px; color: #d2dfcc; padding-top: 17px; flex: 1; }
.qh-art-progress li::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #658875; position: absolute; top: 0; left: 0; z-index: 1; }
.qh-art-progress li.done::before { background: #d5e9aa; }
.qh-art-progress li:not(:last-child)::after { content: ''; position: absolute; top: 3px; left: 6px; width: calc(100% - 6px); height: 1px; background: #658875; }
.qh-art-sticker { position: absolute; bottom: 17%; left: 0; background: #f4c399; border: 1px solid #dba77d; width: 86px; height: 86px; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 11px; line-height: 1.7; transform: rotate(-14deg); color: #72512f; }
.qh-demo-label { position: absolute; right: 6%; bottom: 0; font-size: 9px; color: #7d8776; }
.qh-hero-foot { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #dfe5d7; padding-block: 21px; color: #718067; font-size: 11px; }
.qh-hero-foot a { display: inline-flex; gap: 32px; color: var(--brand); }
.qh-section { padding-block: 78px; }
.qh-features { background: #f0f3e9; border-block: 1px solid #e2e7d9; }
.qh-section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 35px; margin-bottom: 35px; }
.qh-eyebrow { color: #71825b; font-size: 10px; letter-spacing: 1.8px; line-height: 1.5; font-weight: 600; margin: 0 0 13px; }
.qh-section-heading h2 { font-size: clamp(26px,2.5vw,36px); letter-spacing: -.045em; line-height: 1.4; margin: 0; font-weight: 700; }
.qh-section-heading > p { font-size: 13px; color: #728066; margin: 0; line-height: 1.8; }
.qh-feature-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px; }
.qh-feature-card { display: flex; flex-direction: column; background: #fffefb; border: 1px solid #dce3d3; border-radius: 13px; overflow: hidden; transition: border-color .15s, transform .15s; }
.qh-feature-card:not(:has(.qh-card-extra)) { padding-bottom: 40px; }
.qh-feature-card:hover { border-color: #8fa782; transform: translateY(-3px); }
.qh-feature-card > a:first-child { display: flex; flex-direction: column; flex: 1; padding: 25px 23px 18px; color: inherit; }
.qh-feature-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 27px; }
.qh-feature-top img { width: 48px; height: 48px; }
.qh-feature-top > span { font-size: 8px; letter-spacing: .8px; color: #748269; }
.qh-feature-card h3 { font-size: 21px; margin: 0 0 14px; font-weight: 650; letter-spacing: -.03em; }
.qh-feature-card p { font-size: 12px; color: #6d7967; line-height: 1.9; margin: 0 0 24px; min-height: 68px; }
.qh-mini { height: 115px; padding: 17px; border-radius: 7px; margin-top: auto; margin-bottom: 23px; font-size: 9px; }
.qh-mini > span { display: block; margin-bottom: 10px; font-weight: 600; }
.qh-mini-resume { background: #eef3e8; }
.qh-mini-resume > i { display: block; width: 85%; height: 4px; background: #d4dec7; margin-bottom: 6px; }
.qh-mini-resume > i:nth-of-type(2) { width: 63%; }
.qh-mini-resume b { font-size: 8px; color: #537341; font-weight: 500; }
.qh-mini-jobs { background: #f8efe5; color: #8b6346; }
.qh-mini-jobs div { display: flex; gap: 6px; }
.qh-mini-jobs b { border: 1px solid #e6d7c6; padding: 4px 9px; border-radius: 4px; font-weight: 400; }
.qh-mini-jobs i { display: block; margin-top: 12px; width: 80%; height: 4px; background: #e6d7c6; }
.qh-mini-progress { background: #edf0f6; color: #536786; }
.qh-mini-progress > div { display: flex; align-items: center; padding-top: 12px; gap: 5px; }
.qh-mini-progress b { font-size: 8px; font-weight: 500; }
.qh-mini-progress i { height: 1px; background: #afc0d7; flex: 1; min-width: 6px; }
.qh-mini-autofill { background: #f1ecf5; color: #75647e; }
.qh-mini-autofill > div { display: flex; justify-content: space-between; background: #fff9; padding: 4px 8px; align-items: center; margin-top: 5px; }
.qh-mini-autofill i { height: 4px; width: 75%; background: #dfd3e7; }
.qh-mini-autofill b { font-size: 9px; }
.qh-feature-link { display: flex; justify-content: space-between; font-size: 12px; color: var(--brand); align-items: center; font-weight: 600; }
.qh-feature-link b { font-size: 20px; line-height: 1; }
.qh-card-extra { padding: 9px 23px 14px; color: #758169; font-size: 10px; display: flex; justify-content: space-between; min-height: 38px; }
.qh-card-extra:hover { color: var(--brand); text-decoration: underline; }
.growth-home .revision-section { padding-block: 84px; border-bottom: 1px solid var(--line-strong); background: #fafbf6; }
.growth-home .home-container { width: min(1240px,calc(100% - 96px)); }
.growth-home .split-heading { grid-template-columns: 1.3fr 1fr; align-items: end; gap: 80px; margin-bottom: 32px; }
.growth-home .split-heading h2 { font-size: 34px; border: 0; padding: 0; line-height: 1.4; font-weight: 700; letter-spacing: -.04em; }
.growth-home .split-heading h2::after { display: none; }
.growth-home .split-heading p { font-size: 13px; line-height: 1.9; color: #6c7a64; }
.growth-home .split-heading .eyebrow { font-size: 10px; margin-bottom: 14px; color: #71825b; }
.growth-home .revision-console-layout { grid-template-columns: 230px minmax(0,1fr); gap: 24px; }
.growth-home .revision-mode-switch { gap: 10px; }
.growth-home .revision-mode-switch button { background: transparent; border: 1px solid #dfe5d7; border-radius: 9px; box-shadow: none; color: #304e3c; padding: 18px; }
.growth-home .revision-mode-switch button.active { background: #eaf0dd; border-color: #9eaf8b; color: var(--brand); }
.growth-home .revision-mode-switch button span { color: #668453; }
.growth-home .revision-mode-switch button small { color: #64745a; }
.growth-home .revision-mode-switch button strong { font-family: var(--display); font-size: 16px; }
.growth-home .revision-console { background: #fffefb; color: #244431; border: 1px solid #d3deca; border-radius: 13px; box-shadow: 0 12px 28px #203b3105; }
.growth-home .revision-console-bar { background: #eaf0e1; border-bottom: 1px solid #d5dfcc; color: #718263; }
.growth-home .revision-console-bar i { background: #9bad8b; }
.growth-home .revision-console-bar span { color: #647358; }
.growth-home .console-file { border-color: #e0e6d9; background: #f7f9f1; }
.growth-home .console-file :is(small,span) { color: #78896a; }
.growth-home .console-editor { color: var(--ink); background: #fffefb; }
.growth-home .console-source-line { color: #76572e; background: #fbf0dc; border-color: #e3c7a4; }
.growth-home .console-muted-line,.growth-home .console-line-no { color: #78856c; }
.growth-home .console-inspector { background: #f0f4e8; border-color: #d4dfc7; }
.growth-home .console-inspector :is(span,p,li) { color: #66785b; }
.growth-home .console-inspector strong,.growth-home .console-inspector li b { color: #365334; }
.growth-home .revision-console-panel code { background: #edf2e4; color: #6d7e5d; border-color: #d6dfcb; }
.growth-home .console-question-list p { color: #3f5938; }
.growth-home .console-question-list p b { color: #806544; }
.growth-home .console-diff.added { color: #35613c; background: #e8f0dd; }
.growth-home .console-diff.removed { color: #9a563e; background: #fbede4; }
.growth-home .revision-console-progress i { background: #d6dfc8; }
.growth-home .revision-console-progress i:first-child { background: #5f7951; }
.growth-home .revision-console[data-active-mode] .revision-console-progress i { background: #d6dfc8; }
.growth-home .revision-console[data-active-mode="source"] .revision-console-progress i:nth-child(1),.growth-home .revision-console[data-active-mode="evidence"] .revision-console-progress i:nth-child(2),.growth-home .revision-console[data-active-mode="revision"] .revision-console-progress i:nth-child(3) { background: #5f7951; }
.growth-home .console-scan-beam,.growth-home .console-caret { display: none; }
.qh-step-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); list-style: none; gap: 32px; padding: 0; margin: 45px 0 0; }
.qh-step-grid li { border-top: 1px solid #d0dbc6; padding-top: 22px; position: relative; }
.qh-step-grid li::before { content: ''; width: 7px; height: 7px; background: #839b6b; position: absolute; top: -4px; left: 0; border-radius: 50%; }
.qh-step-grid li > span { font-size: 11px; color: #798f64; letter-spacing: 1px; }
.qh-step-grid h3 { font-size: 19px; margin: 13px 0 12px; }
.qh-step-grid p { font-size: 12px; color: #748168; line-height: 1.9; margin: 0 0 15px; }
.qh-step-grid a, .qh-inline-link { font-size: 11px; font-weight: 600; color: var(--brand); display: inline-block; padding-block: 7px; }
.qh-support-section { padding-top: 0; }
.qh-support-panel { background: #f2ecdf; border: 1px solid #e4dccb; border-radius: 15px; display: flex; align-items: center; gap: 29px; padding: 32px 40px; }
.qh-support-mark { width: 100px; height: 110px; border-radius: 60px 60px 12px 12px; background: #748064; display: grid; place-items: center; flex: 0 0 auto; }
.qh-support-panel h2 { font-size: 24px; line-height: 1.5; margin: 0 0 10px; font-weight: 650; }
.qh-support-panel p:not(.qh-eyebrow) { font-size: 12px; color: #7f7b65; line-height: 1.8; margin: 0; }
.qh-support-panel .qh-eyebrow { font-size: 9px; color: #8e815d; margin-bottom: 8px; }
.qh-support-panel .qh-secondary { margin-left: auto; flex: 0 0 auto; border-color: #c6c7b0; font-size: 12px; }
.qh-final { background: #174c3c; color: #fffef2; text-align: center; padding: 70px 0 62px; position: relative; overflow: hidden; }
.qh-final::before { content: ''; position: absolute; width: 340px; height: 340px; border: 1px solid #3d6850; border-radius: 50%; top: -150px; left: -160px; }
.qh-final::after { content: ''; position: absolute; width: 440px; height: 440px; border: 1px solid #3d6850; border-radius: 50%; bottom: -230px; right: -200px; }
.qh-final .qh-wrap { position: relative; z-index: 1; }
.qh-final-flower { display: block; font-size: 42px; color: #deedb8; line-height: 1; margin-bottom: 18px; }
.qh-final .qh-eyebrow { color: #b8d09c; font-size: 9px; }
.qh-final h2 { font-size: clamp(28px,3vw,43px); font-weight: 650; margin: 0 0 18px; color: #fffef2; letter-spacing: -.03em; }
.qh-final p:not(.qh-eyebrow) { color: #bed0b8; font-size: 12px; margin: 0 0 28px; }
.growth-home .qh-final .btn-primary { background: #dfedbc; color: #204b36; padding: 13px 32px; border-color: #dfedbc; min-height: 48px; }
.growth-home .qh-final .btn-primary:hover { background: #edf5d4; }
.qh-final-link { display: block; width: fit-content; margin: 16px auto 0; color: #c1d5b5; font-size: 10px; padding: 6px; }
.qh-footer { background: #fafbf6; padding: 39px 0 26px; }
.qh-footer-top { display: flex; justify-content: space-between; align-items: center; gap: 30px; padding-bottom: 30px; }
.qh-footer-top .brand { gap: 10px; }
.qh-footer-top nav { display: flex; gap: 27px; flex-wrap: wrap; }
.qh-footer-top nav a { font-size: 11px; color: #6b7c5f; padding: 8px 0; }
.qh-footer-bottom { padding-top: 22px; border-top: 1px solid #e0e6d6; display: flex; justify-content: space-between; gap: 70px; }
.qh-footer-bottom p { font-size: 9px; color: #79866f; max-width: 740px; margin: 0; line-height: 1.9; }
.qh-footer-bottom > span { font-size: 8px; letter-spacing: .8px; color: #79866f; flex: 0 0 auto; }
.growth-home .home-back-to-top { background: #fffefb; color: var(--brand); border: 1px solid #c7d4bb; border-radius: 50%; box-shadow: none; }
.growth-home .home-back-to-top:hover { background: #e5efda; }
@media (min-width:1600px) { .qh-hero-grid { padding-block: 70px 40px; } }
@media (max-width:1200px) {
  .qh-wrap,.growth-home .home-container { width: calc(100% - 64px); }
  .qh-nav { gap: 17px; }.qh-login { display: none; }.qh-header-row { gap: 20px; }
  .qh-hero-copy h1 { font-size: 48px; }.qh-hero-description { font-size: 14px; }
  .qh-art-resume { padding: 14px; }.qh-art-card-head img { width: 32px; height: 32px; }
  .qh-art-job { padding: 15px; }.qh-art-progress { padding: 16px; }.qh-art-progress > strong { font-size: 12px; }
  .qh-feature-card > a:first-child { padding-inline: 18px; }.qh-feature-card h3 { font-size: 18px; }
  .qh-feature-top > span { font-size: 7px; }.qh-feature-top img { width: 40px; height: 40px; }.qh-feature-grid { gap: 12px; }
  .qh-mini { padding: 13px; }.qh-mini-jobs b { padding: 4px 6px; }.qh-feature-card p { min-height: 91px; }
  .growth-home .split-heading { gap: 35px; }.qh-footer-bottom { flex-direction: column; gap: 18px; }
}
@media (max-width:960px) {
  .qh-nav,.qh-header-actions { display: none; }.qh-header-row { min-height: 82px; justify-content: space-between; }
  .qh-mobile-menu { display: block; }.qh-mobile-menu summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 12px; font-size: 12px; min-height: 44px; padding: 10px 12px; border: 1px solid #cdd9c3; border-radius: 8px; }
  .qh-mobile-menu summary::-webkit-details-marker { display: none; }
  .qh-mobile-menu nav { position: absolute; right: 32px; left: 32px; top: 74px; display: flex; flex-direction: column; background: #fffefb; border: 1px solid #d6e0cb; padding: 12px; border-radius: 12px; box-shadow: 0 14px 25px #21492d12; }
  .qh-mobile-menu nav a { padding: 12px 14px; color: var(--brand); min-height: 46px; border-radius: 6px; font-size: 14px; }
  .qh-mobile-menu nav a:hover { background: #eef3e5; }
  .qh-hero-grid { gap: 10px; padding-top: 40px; }.qh-hero-copy h1 { font-size: 39px; }.qh-kicker { font-size: 10px; letter-spacing: 0; margin-bottom: 20px; }
  .qh-hero-description { font-size: 13px; }.qh-hero-actions { gap: 9px; flex-wrap: wrap; }.growth-home .qh-primary,.qh-secondary { padding: 11px 14px; font-size: 12px; min-height: 46px; }
  .qh-hero-note { margin-top: 21px; }.qh-hero-note p { font-size: 9px; }.qh-hero-note strong { font-size: 10px; }
  .qh-art-resume { top: 24%; padding: 12px; width: 57%; }.qh-art-card-head { gap: 6px; }.qh-art-card-head strong { font-size: 10px; }.qh-art-card-head span { font-size: 8px; }.qh-art-card-head img { width: 27px; height: 27px; }
  .qh-paper-lines { margin-top: 10px; }.qh-art-resume > p { font-size: 8px; padding: 5px; margin-bottom: 9px; }.qh-art-card-foot { gap: 6px; font-size: 8px; }
  .qh-art-job { padding: 12px; right: -1%; }.qh-art-job strong { font-size: 9px; }.qh-art-job .qh-art-label { font-size: 6px; }.qh-art-job > div span { padding: 3px 5px; font-size: 7px; }
  .qh-art-progress { width: 67%; bottom: 3%; padding: 14px; }.qh-art-progress > strong { font-size: 10px; margin-bottom: 11px; }.qh-art-sticker { width: 65px; height: 65px; font-size: 9px; bottom: 8%; }.qh-demo-label { bottom: -4%; font-size: 8px; }
  .qh-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }.qh-feature-card > a:first-child { padding: 24px 24px 18px; }.qh-feature-top { margin-bottom: 21px; }.qh-feature-top img { width: 48px; height: 48px; }.qh-feature-top > span { font-size: 9px; }.qh-feature-card h3 { font-size: 23px; }.qh-feature-card p { min-height: 68px; }.qh-mini { height: 108px; padding: 15px; }.qh-card-extra { padding-inline: 24px; }
  .qh-section { padding-block: 60px; }.growth-home .split-heading h2 { font-size: 28px; }.growth-home .revision-console-layout { grid-template-columns: 180px minmax(0,1fr); gap: 15px; }.growth-home .revision-mode-switch button { padding: 13px; }.growth-home .revision-mode-switch button strong { font-size: 14px; }
  .qh-step-grid { gap: 20px; }.qh-step-grid h3 { font-size: 16px; }.qh-step-grid p { font-size: 11px; }
  .qh-support-panel { flex-wrap: wrap; padding: 28px; gap: 22px; }.qh-support-panel h2 { font-size: 20px; }.qh-support-panel .qh-secondary { margin-left: 122px; }.qh-support-section { padding-top: 0; }
  .qh-footer-top { align-items: flex-start; }.qh-footer-top nav { gap: 12px 20px; max-width: 300px; justify-content: flex-end; }
}
@media (max-width:640px) {
  .qh-wrap,.growth-home .home-container { width: calc(100% - 40px); }
  .qh-header-row { min-height: 76px; }.qh-header-row .brand strong { font-size: 23px; }.qh-brand-suffix { font-size: 13px; }.qh-header-row .brand small { font-size: 7px; letter-spacing: .8px; }.qh-header-row .brand img { width: 37px; height: 37px; }.qh-header-row .brand { gap: 8px; }
  .qh-mobile-menu summary { font-size: 11px; padding: 10px; }.qh-mobile-menu nav { left: 20px; right: 20px; top: 69px; }
  .qh-hero-grid { grid-template-columns: 1fr; padding-top: 38px; gap: 14px; padding-bottom: 14px; }.qh-hero-copy { padding-bottom: 0; }.qh-kicker { font-size: 10px; margin-bottom: 18px; }.qh-hero-copy h1 { font-size: clamp(37px,10.5vw,55px); line-height: 1.36; margin-bottom: 24px; }.qh-hero-description { font-size: 13px; line-height: 1.9; }.qh-small-break { display: block; }
  .qh-hero-actions { margin-top: 22px; gap: 10px; flex-wrap: nowrap; }.growth-home .qh-primary { padding-inline: 17px; font-size: 12px; flex: 0 0 auto; }.qh-hero-actions .qh-secondary { font-size: 11px; gap: 12px; padding-inline: 13px; }.qh-hero-note { margin-top: 21px; }.qh-hero-note strong { font-size: 10px; }.qh-hero-note p { font-size: 9px; }
  .qh-hero-art { max-width: 440px; margin: 8px auto 14px; }.qh-art-resume { top: 28%; padding: 13px; width: 54%; }.qh-art-card-head strong { font-size: 10px; }.qh-art-card-head span { font-size: 8px; }.qh-art-card-head img { width: 28px; height: 28px; }.qh-art-progress { bottom: 4%; padding: 14px; }.qh-art-progress > strong { font-size: 11px; }.qh-art-job { top: 40%; }.qh-art-job strong { font-size: 10px; }.qh-art-sticker { width: 67px; height: 67px; bottom: 12%; }.qh-demo-label { bottom: -2%; }.qh-art-caption { font-size: 7px; }
  .qh-hero-foot { padding-block: 17px; gap: 12px; font-size: 9px; }.qh-hero-foot a { gap: 10px; flex: 0 0 auto; }
  .qh-section { padding-block: 45px; }.qh-section-heading { display: block; margin-bottom: 25px; }.qh-section-heading h2 { font-size: 25px; }.qh-section-heading > p { margin-top: 13px; font-size: 11px; }.qh-section-heading > p br { display: none; }.qh-eyebrow { font-size: 8px; margin-bottom: 10px; }
  .qh-feature-grid { gap: 12px; }.qh-feature-card > a:first-child { padding: 17px 13px 14px; }.qh-feature-top { display: block; margin-bottom: 17px; }.qh-feature-top img { width: 41px; height: 41px; }.qh-feature-top > span { display: block; font-size: 6px; margin-top: 12px; }.qh-feature-card h3 { font-size: 16px; letter-spacing: -.04em; margin-bottom: 10px; }.qh-feature-card p { font-size: 10px; line-height: 1.9; min-height: 95px; margin-bottom: 15px; }.qh-mini { height: 96px; padding: 10px; margin-bottom: 14px; font-size: 8px; }.qh-mini-jobs b { padding: 3px 4px; font-size: 7px; }.qh-mini-jobs div { gap: 3px; }.qh-mini-progress b { font-size: 7px; }.qh-mini-progress > div { flex-wrap: wrap; row-gap: 8px; }.qh-mini-progress > div b:last-child { flex-basis: 100%; }.qh-mini-progress > div i:last-of-type { display: none; }.qh-feature-link { font-size: 10px; }.qh-feature-link b { font-size: 17px; }.qh-card-extra { padding: 6px 13px 12px; font-size: 8px; gap: 4px; min-height: 36px; }
  .growth-home .revision-section { padding-block: 45px; }.growth-home .split-heading { display: block; margin-bottom: 22px; }.growth-home .split-heading h2 { font-size: 25px; }.growth-home .split-heading > p { font-size: 11px; margin-top: 14px; }.growth-home .split-heading .eyebrow { font-size: 8px; }
  .growth-home .revision-console-layout { grid-template-columns: 1fr; gap: 14px; }.growth-home .revision-mode-switch { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }.growth-home .revision-mode-switch button { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; padding: 11px; min-width: 0; }.growth-home .revision-mode-switch button strong { font-size: 12px; }.growth-home .revision-mode-switch button small { font-size: 8px; }.growth-home .revision-mode-switch button span { font-size: 9px; }.growth-home #revisionModeCopy { grid-column: 1/-1; margin: 3px 0; font-size: 10px; }.growth-home .revision-console { min-height: 0; }.growth-home .console-inspector { padding: 15px; }
  .qh-step-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 27px 20px; margin-top: 27px; }.qh-step-grid h3 { font-size: 17px; }.qh-step-grid p { font-size: 10px; }.qh-step-grid a { font-size: 10px; }.qh-inline-link { margin-top: 12px; }
  .qh-support-section { padding-top: 0; }.qh-support-panel { padding: 23px; gap: 20px; }.qh-support-mark { width: 64px; height: 70px; }.qh-support-mark img { width: 60px; height: 60px; }.qh-support-panel > div:nth-child(2) { flex: 1 1 210px; }.qh-support-panel h2 { font-size: 20px; }.qh-support-panel p:not(.qh-eyebrow) { font-size: 11px; }.qh-support-panel .qh-secondary { margin-left: 0; }.qh-support-panel .qh-eyebrow { font-size: 7px; }
  .qh-final { padding: 45px 0; }.qh-final h2 { font-size: 29px; }.qh-final p:not(.qh-eyebrow) { font-size: 11px; max-width: 260px; margin-inline: auto; }.qh-final-flower { font-size: 34px; }.qh-final-link { font-size: 9px; }
  .qh-footer { padding-top: 29px; }.qh-footer-top { flex-direction: column; gap: 18px; padding-bottom: 21px; }.qh-footer-top nav { max-width: none; gap: 5px 20px; justify-content: flex-start; }.qh-footer-top nav a { font-size: 10px; }.qh-footer-bottom p { font-size: 9px; }.qh-footer-bottom > span { font-size: 7px; }.growth-home .home-back-to-top { width: 44px; height: 44px; right: 15px; bottom: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .growth-home *, .growth-home *::before, .growth-home *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .qh-feature-card:hover { transform: none; }
}

/* 0.9.7 shell integration: retain the six core links and an always-visible
   account/update area alongside the approved growth homepage. */
.growth-home .qh-header-row { gap: 18px; }
.growth-home .qh-nav { gap: 15px; }
.growth-home .qh-header-actions { gap: 8px; }
.growth-home .qh-header-actions .qh-update-label { display: none; }
@media (max-width: 1200px) {
  .growth-home .qh-nav { display: none; }
  .growth-home .qh-header-actions { display: flex; margin-left: auto; }
  .growth-home .qh-header-actions .home-cta { display: none; }
  .growth-home .qh-mobile-menu { display: block; }
  .growth-home .qh-mobile-menu > summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 8px; font-size: 12px; min-height: 44px; padding: 10px; border: 1px solid #cdd9c3; border-radius: 8px; }
  .growth-home .qh-mobile-menu > summary::-webkit-details-marker { display: none; }
  .growth-home .qh-mobile-menu > nav { position: absolute; right: 32px; left: 32px; top: calc(100% - 4px); display: flex; flex-direction: column; max-height: calc(100dvh - 110px); overflow-y: auto; background: #fffefb; border: 1px solid #d6e0cb; padding: 12px; border-radius: 12px; box-shadow: 0 14px 25px #21492d12; }
  .growth-home .qh-mobile-menu nav a { padding: 12px 14px; color: var(--brand); min-height: 44px; font-size: 14px; }
  .growth-home .qh-mobile-menu .qh-nav-more-menu { position: static; box-shadow: none; }
}
@media (max-width: 640px) {
  .growth-home .qh-header-row { gap: 7px; }
  .growth-home .qh-header-actions { gap: 5px; }
  .growth-home .qh-mobile-menu > nav { left: 20px; right: 20px; }
  .growth-home .qh-header-row .brand strong { font-size: 21px; }
  .growth-home .qh-brand-suffix { font-size: 11px; margin-left: 5px; }
}

/* Review: keep navigation adjacent to actions; contextual paper notes. */
.growth-home .qh-nav { margin-left: auto; margin-right: 0; }
.growth-home .home-motion-tooltip { width: 300px; padding: 18px 20px; border: 1px solid #cbd8c0; border-radius: 16px; background: #fbfcf6; color: #254c3e; box-shadow: 0 10px 30px #264b3218; }
.growth-home .home-motion-tooltip > strong { color: #244b3b; font-family: var(--display); font-size: 19px; }
.growth-home .home-motion-tooltip > p { color: #62715e; font-size: 12px; margin: 8px 0 12px; }
.growth-home .tooltip-head small { color: #6a7a5d; letter-spacing: .08em; }
.growth-home .tooltip-motion { border-color: #dce4d5; color: #62715e; }
.growth-home .tooltip-motion span, .growth-home .tooltip-motion .is-done { color: #315e48; }
.growth-home .tooltip-motion i { background: #cdd9c3; }
.growth-home .tooltip-motion > b { background: #799d63; box-shadow: 0 0 0 4px #799d6318; }