.qm-page { background:#f5f8fd; color:#314761; padding:118px 0 64px; }
.qm-page * { box-sizing:border-box; }
.qm-page .qm-nav { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 28px; }
.qm-page .qm-nav a { padding:10px 15px; border:1px solid #cbd8e9; border-radius:24px; color:#183b69; background:#fff; min-height:44px; }
.qm-page .qm-nav a[aria-current=page] { color:#fff; background:#153961; border-color:#153961; }
.qm-page .qm-hero { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:36px; padding:40px; background:#071f49; border-radius:22px; color:#d5e1f3; }
.qm-page .qm-eyebrow { font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; color:#f4c66c; }
.qm-page h1 { color:#fff; font-size:clamp(32px,4vw,52px); line-height:1.14; margin:12px 0 20px; }
.qm-page p,.qm-page li { line-height:1.75; }
.qm-page .qm-lead { font-size:18px; }
.qm-page .qm-fit { border:1px solid #4c6487; border-radius:14px; padding:24px; align-self:center; }
.qm-page .qm-fit h2 { color:#f4c66c; font-size:21px; }
.qm-page .qm-fit ul { padding-left:20px; margin-bottom:0; }
.qm-page .qm-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.qm-page .qm-button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 20px; background:#f4c66c; color:#10294a; border-radius:8px; font-weight:700; text-align:center; }
.qm-page .qm-secondary { background:transparent; border:1px solid #8095b3; color:#fff; }
.qm-page .qm-section { padding:40px 0 0; overflow:visible; scroll-margin-top:100px; }
.qm-page .qm-section > h2 { color:#102c54; font-size:29px; margin-bottom:12px; }
.qm-page .qm-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:22px; }
.qm-page .qm-card { background:#fff; border:1px solid #dbe4f0; border-radius:14px; padding:24px; }
.qm-page .qm-card h3 { color:#153961; font-size:20px; line-height:1.35; margin-bottom:12px; }
.qm-page .qm-card p { margin:0; }
.qm-page .qm-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; padding:0; gap:16px; counter-reset:workflow; margin:24px 0 0; }
.qm-page .qm-flow li { counter-increment:workflow; border-top:3px solid #bdcedf; padding:20px; background:#eaf0f8; border-radius:0 0 12px 12px; }
.qm-page .qm-flow li::before { content:counter(workflow, decimal-leading-zero); display:block; color:#245bd1; font-size:24px; font-weight:800; margin-bottom:10px; }
.qm-page .qm-flow h3 { font-size:19px; color:#153961; }
.qm-page .qm-flow p { margin:0; }
.qm-page .qm-review { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.qm-page .qm-review h3 { font-size:21px; color:#153961; }
.qm-page .qm-review ul { padding-left:20px; margin-bottom:0; }
.qm-page .qm-note { margin:20px 0 0; font-size:15px; color:#536881; }
.qm-page .qm-next { background:#071f49; border-radius:18px; padding:30px; color:#d5e1f3; margin-top:40px; }
.qm-page .qm-next h2 { color:#fff; font-size:27px; }
.qm-page a:hover { text-decoration:underline; }
.qm-page a:focus-visible { outline:3px solid #b47713; outline-offset:4px; }
@media(max-width:1024px) { .qm-page .qm-grid,.qm-page .qm-flow { grid-template-columns:repeat(2,minmax(0,1fr)); } .qm-page .qm-hero { gap:24px; padding:30px; } }
@media(max-width:767px) { .qm-page .qm-hero,.qm-page .qm-review { grid-template-columns:minmax(0,1fr); } .qm-page .qm-grid { grid-template-columns:minmax(0,1fr); } .qm-page .qm-section > h2 { font-size:25px; } }
@media(max-width:480px) { .qm-page { padding-top:100px; } .qm-page .qm-hero,.qm-page .qm-card,.qm-page .qm-next { padding:22px; } .qm-page .qm-fit { padding:18px; } .qm-page .qm-flow { grid-template-columns:minmax(0,1fr); } .qm-page .qm-button { width:100%; } .qm-page .qm-nav a { padding:10px 12px; } }

.qm-page .qm-visual { min-width:0; align-self:center; }
.qm-page .qm-art { margin:0 0 18px; border-radius:14px; overflow:hidden; background:#eee9df; }
.qm-page .qm-art img { display:block; width:100%; height:auto; aspect-ratio:3 / 2; object-fit:contain; }