/* A concise route from the homepage to the complete brand-anchor method. */
body .qa-home-anchor, .qa-home-anchor * { box-sizing: border-box; }
body .qa-home-anchor { padding: 88px 0; background: #1c0f36; color: #fff; font-family: "PingFang SC", "Microsoft YaHei", sans-serif; scroll-margin-top: 80px; }
.qa-home-anchor .qa-home-wrap { width: min(calc(100% - 96px), 1440px); margin: auto; display: grid; grid-template-columns: .85fr 1.5fr; gap: clamp(40px, 7vw, 120px); align-items: center; }
.qa-home-anchor .qa-home-kicker { margin: 0 0 30px; color: #b7a9cf; font-size: 11px; line-height: 1.7; letter-spacing: .1em; }
.qa-home-anchor h2 { margin: 0; color: #fff; font-weight: 400; font-size: clamp(34px, 3.5vw, 56px); line-height: 1.3; letter-spacing: -.04em; }
.qa-home-anchor h2 sup { position: relative; top: -.6em; color: #ccf80b; font-size: .26em; vertical-align: baseline; margin-left: .4em; }
.qa-home-anchor .qa-home-lead { margin: 26px 0 30px; color: #beb3d0; font-size: 15px; line-height: 1.9; }
.qa-home-anchor .qa-home-link { display: inline-flex; align-items: center; gap: 36px; padding-bottom: 10px; border-bottom: 1px solid #9986b5; color: #fff; font-size: 13px; text-decoration: none; }
.qa-home-anchor .qa-home-link span { color: #ccf80b; font-size: 22px; }
.qa-home-anchor .qa-home-step { display: grid; grid-template-columns: 40px 1fr 1.2fr 24px; gap: 20px; align-items: center; padding: 32px 0; border-top: 1px solid #5a486f; color: #fff; text-decoration: none; transition: border-color .2s, background-color .2s; }
.qa-home-anchor .qa-home-step:last-of-type { border-bottom: 1px solid #5a486f; }
.qa-home-anchor .qa-home-number { color: #ccf80b; font-size: 12px; font-variant-numeric: tabular-nums; }
.qa-home-anchor h3 { margin: 0; color: #fff; font-size: clamp(22px, 2vw, 28px); line-height: 1.4; font-weight: 400; }
.qa-home-anchor .qa-home-step p { margin: 8px 0 0; color: #beb3d0; font-size: 13px; line-height: 1.7; }
.qa-home-anchor .qa-home-output { color: #beb3d0; font-size: 12px; line-height: 1.9; }
.qa-home-anchor .qa-home-arrow { font-size: 22px; color: #ccf80b; transition: transform .2s; }
.qa-home-anchor .qa-home-step:hover { border-color: #ccf80b; background: rgba(255,255,255,.035); }
.qa-home-anchor .qa-home-step:hover .qa-home-arrow { transform: translate(3px,-3px); }
.qa-home-anchor .qa-home-footnote { margin: 24px 0 0; color: #a797bc; font-size: 12px; line-height: 1.8; }
.qa-home-anchor a:focus-visible { outline: 2px solid #ccf80b; outline-offset: 5px; }
@media (max-width: 1100px) { .qa-home-anchor .qa-home-wrap { grid-template-columns: .8fr 1.4fr; gap: 40px; }.qa-home-anchor .qa-home-step { grid-template-columns: 28px 1fr 22px; gap: 14px; }.qa-home-anchor .qa-home-output { display: none; } }
@media (max-width: 760px) { body .qa-home-anchor { padding: 56px 0; }.qa-home-anchor .qa-home-wrap { width: calc(100% - 40px); grid-template-columns: 1fr; gap: 38px; }.qa-home-anchor h2 br { display: none; }.qa-home-anchor h2 { max-width: 12em; }.qa-home-anchor .qa-home-kicker { margin-bottom: 20px; }.qa-home-anchor .qa-home-step { padding: 26px 0; }.qa-home-anchor .qa-home-lead { margin: 20px 0; } }
@media (prefers-reduced-motion: reduce) { .qa-home-anchor * { transition: none !important; }.qa-home-anchor .qa-home-step:hover .qa-home-arrow { transform: none; } }

/* Rounded photographic cards and a continuous two-panel brand feature. */
body.qm-home-black .qm-service-chart .qm-service-option{border-radius:18px!important;overflow:hidden!important}
body.qm-home-black .qm-service-chart .qm-service-image{border-radius:18px 18px 0 0!important;overflow:hidden!important}
body.qm-home-black .qm-service-chart .qm-service-image img{border-radius:inherit!important}
body.qm-home-black #home-selected-projects .qh-project-photo{
 display:block;border-radius:18px!important;overflow:hidden;isolation:isolate;
}
body.qm-home-black #home-selected-projects .qh-project-photo img{border-radius:inherit!important}
body.qm-home-black .qm-brand-system .qm-system-feature{border-radius:20px!important;overflow:hidden;isolation:isolate}
@media(max-width:760px){
 body.qm-home-black .qm-service-chart .qm-service-option{border-radius:14px!important}
 body.qm-home-black .qm-service-chart .qm-service-image{border-radius:14px 14px 0 0!important}
 body.qm-home-black #home-selected-projects .qh-project-photo{border-radius:12px!important}
 body.qm-home-black .qm-brand-system .qm-system-feature{border-radius:14px!important}
}