body{margin:0;background:#171716}
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;450;500;600&display=swap');
#qc-check-introduction{background:#171716;color:#e9e6df;font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:normal;text-align:left}
#qc-check-introduction *{box-sizing:border-box}
#qc-check-introduction a{color:inherit;text-decoration:none}
#qc-check-introduction a:focus-visible,#qc-check-introduction button:focus-visible{outline:2px solid #d0ed9a;outline-offset:5px}
#qc-check-introduction .site-header{height:105px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #383834;gap:25px}
#qc-check-introduction .brand{font-size:19px;font-weight:700;letter-spacing:-.5px;white-space:nowrap}
#qc-check-introduction .brand span{display:block;font-size:9px;letter-spacing:2.3px;font-weight:400;color:#9d9c94;margin-top:7px}
#qc-check-introduction nav{display:flex;gap:40px;align-items:center;font-size:12px}
#qc-check-introduction .contact-link{border:1px solid #66675d;border-radius:30px;padding:12px 19px}
#qc-check-introduction .contact-link span{margin-left:23px}
#qc-check-introduction .page{padding:40px 5% 0;max-width:1600px;margin:auto}
#qc-check-introduction .back{font-size:12px;color:#babbad}
#qc-check-introduction .intro{margin:45px 0 35px}
#qc-check-introduction .eyebrow{font-size:10px;letter-spacing:2px;color:#9d9c94;margin:0 0 16px;line-height:1.6}
#qc-check-introduction h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(32px,4.2vw,65px);font-weight:450;letter-spacing:-2px;line-height:1.13;margin:16px 0 0}
#qc-check-introduction h2{font-size:28px;line-height:1.3;font-weight:450;letter-spacing:-.8px;margin:0 0 20px}
#qc-check-introduction h3{font-size:18px;line-height:1.4;font-weight:450;letter-spacing:-.35px;margin:0 0 12px}
#qc-check-introduction p{font-size:15px;line-height:1.85;color:#bebeb5;margin:0 0 18px}
#qc-check-introduction .overview{display:grid;grid-template-columns:2fr 1fr;gap:65px;margin-bottom:40px}
#qc-check-introduction .overview h2{font-size:25px;letter-spacing:-.7px;line-height:1.35}
#qc-check-introduction .overview p{font-size:16px;line-height:1.8;max-width:760px;margin:0}
#qc-check-introduction aside{border-left:1px solid #383834;padding-left:30px}
#qc-check-introduction aside h3{font-size:10px;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;color:#9d9c94;margin:0 0 18px}
#qc-check-introduction dl{margin:0;display:grid;grid-template-columns:82px 1fr;gap:12px 10px;font-size:12px;line-height:1.5}
#qc-check-introduction dt{color:#9d9c94}#qc-check-introduction dd{margin:0;color:#bebeb5}
#qc-check-introduction figure{margin:0}#qc-check-introduction .hero-image img{display:block;width:100%;height:auto}
#qc-check-introduction figcaption{display:flex;justify-content:space-between;gap:15px;font-size:11px;line-height:1.6;color:#9d9c94;margin-top:14px}
#qc-check-introduction .contents{margin:35px 0 0;padding:22px 0;border-top:1px solid #383834;border-bottom:1px solid #383834;flex-wrap:wrap;gap:20px 35px}
#qc-check-introduction .contents>span{margin-right:auto;font-size:9px;letter-spacing:1.5px;color:#9d9c94}
#qc-check-introduction .contents a{font-size:12px;color:#bebeb5}
#qc-check-introduction .contents a:hover{color:#d0ed9a}
#qc-check-introduction section{scroll-margin-top:25px}
#qc-check-introduction .editorial{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding:70px 0;border-bottom:1px solid #383834}
#qc-check-introduction .section-label>span{display:block;font-size:9px;letter-spacing:1.6px;color:#9d9c94;margin-bottom:24px;line-height:1.6}
#qc-check-introduction .prose p:last-child{margin-bottom:0}
#qc-check-introduction .section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
#qc-check-introduction .section-top h2{margin-bottom:0;font-size:30px}
#qc-check-introduction .section-top>p{font-size:12px;line-height:1.7;margin:0;color:#9d9c94}
#qc-check-introduction .workflow,#qc-check-introduction .foundation,#qc-check-introduction .development{padding:65px 0;border-bottom:1px solid #383834}
#qc-check-introduction .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
#qc-check-introduction .steps article{border-top:1px solid #383834;padding-top:20px}
#qc-check-introduction .step-number{display:block;font-size:11px;letter-spacing:1px;color:#a2aa90;margin-bottom:25px}
#qc-check-introduction .caption{font-size:11px;color:#9d9c94}
#qc-check-introduction .principles{display:grid;grid-template-columns:1fr 1fr;gap:36px 60px}
#qc-check-introduction .principles article{display:flex;gap:20px;border-top:1px solid #383834;padding-top:24px}
#qc-check-introduction .principle-index{font-size:11px;color:#a2aa90;padding-top:5px}
#qc-check-introduction .principles p{font-size:14px;margin:0}
#qc-check-introduction .pagination{border-top:1px solid #383834;margin-top:35px;padding:30px 0 55px;display:grid;grid-template-columns:1fr auto 1fr;gap:30px;font-size:13px}
#qc-check-introduction .pagination a:last-child{text-align:right}
#qc-check-introduction .pagination span{display:block;font-size:9px;letter-spacing:1.5px;color:#9d9c94;margin-bottom:12px}
#qc-check-introduction .pagination a:nth-child(2){font-size:9px;color:#9d9c94;letter-spacing:1.3px}
#qc-check-introduction .editorial{grid-template-columns:minmax(215px,1fr) minmax(0,1.8fr);gap:64px}
#qc-check-introduction .screenshot-button{display:block;position:relative;width:100%;padding:0;border:1px solid #45453f;background:#20201f;color:#e9e6df;text-align:left;cursor:zoom-in;font:inherit}
#qc-check-introduction .screenshot-button[hidden]{display:none}
#qc-check-introduction .screenshot-button img{display:block;width:100%;height:auto}
#qc-check-introduction .zoom-hint{position:absolute;right:15px;bottom:15px;padding:9px 13px;border:1px solid #77776d;background:#171716ed;color:#e9e6df;font-size:11px;line-height:1.5}
#qc-check-introduction .screenshot-button:hover .zoom-hint{background:#e9e6df;color:#171716}
#qc-check-introduction .host-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px}
#qc-check-introduction .host-block{border-top:1px solid #383834;padding-top:24px}
#qc-check-introduction .host-block .eyebrow{font-size:10px;margin:0 0 12px}
#qc-check-introduction .host-block h3{font-size:23px;margin-bottom:20px}
#qc-check-introduction .host-block dl{grid-template-columns:120px minmax(0,1fr);gap:0 16px;font-size:14px;line-height:1.7}
#qc-check-introduction .host-block dl > *{padding:12px 0;border-top:1px solid #383834}
#qc-check-introduction .host-block dt{color:#e9e6df}
#qc-check-introduction .support-note{margin:24px 0 0;color:#a7a69c;font-size:12px}
#qc-check-introduction .preset-image{margin-top:26px;max-width:680px}
#qc-check-introduction strong{font-weight:600;color:#e9e6df}
#qc-check-introduction code{font-size:.9em;color:#d0d6bb;overflow-wrap:anywhere}
#qc-check-introduction .principles{margin-top:28px}
#qc-check-introduction .pagination{grid-template-columns:1fr auto;border-top:0;margin-top:0;align-items:end}
#qc-check-introduction .sc-image-viewer{width:min(96%,1200px);max-width:none;max-height:90dvh;padding:12px;margin:auto;border:1px solid #55554e;background:#171716;color:#e9e6df;overflow:auto}
#qc-check-introduction .sc-image-viewer.inline-viewer{position:static;width:100%;max-height:none;margin:0}
#qc-check-introduction .inline-viewer .iv-stage{max-height:480px}
#qc-check-introduction .inline-viewer .iv-stage:not(.actual-size) img{max-height:480px}
#qc-check-introduction .sc-image-viewer::backdrop{background:#090908ec}
#qc-check-introduction .iv-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:12px}
#qc-check-introduction .iv-actions{display:flex;gap:8px}
#qc-check-introduction .iv-toolbar button{font:inherit;padding:10px 14px;border:1px solid #55554e;border-radius:4px;background:#252523;color:inherit;cursor:pointer;min-height:44px}
#qc-check-introduction .iv-stage img{display:block;max-width:100%;max-height:min(72dvh,647px);height:auto;object-fit:contain;margin:auto}
#qc-check-introduction .iv-stage{max-height:min(72dvh,647px);overflow:auto}
#qc-check-introduction .iv-stage.actual-size img{max-width:none;max-height:none;margin:0}
#qc-check-introduction .iv-footer{text-align:center;font-size:12px;color:#bebeb5;padding:12px 0 0}
@media(max-width:1024px){
 #qc-check-introduction .site-header nav{gap:24px}
 #qc-check-introduction .overview{gap:35px}
 #qc-check-introduction .editorial{gap:34px}
 #qc-check-introduction .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 #qc-check-introduction .host-columns,#qc-check-introduction .principles{gap:30px}
 #qc-check-introduction .host-block dl{grid-template-columns:100px minmax(0,1fr);gap:0 12px}
}
@media(max-width:850px){
 #qc-check-introduction .site-header{height:auto;padding-top:22px;padding-bottom:22px;align-items:flex-start;flex-direction:column;gap:20px}
 #qc-check-introduction .site-header nav{flex-wrap:wrap;gap:12px 20px}
 #qc-check-introduction .contact-link{padding:7px 13px}
 #qc-check-introduction .contact-link span{margin-left:8px}
}
@media(max-width:700px){
 #qc-check-introduction .brand{font-size:15px;white-space:normal}
 #qc-check-introduction .site-header nav{font-size:11px}
 #qc-check-introduction .contact-link{display:none}
 #qc-check-introduction .page{padding-top:25px}
 #qc-check-introduction .intro{margin:30px 0 24px}
 #qc-check-introduction h1{letter-spacing:-1px}
 #qc-check-introduction .overview,#qc-check-introduction .editorial,#qc-check-introduction .host-columns,#qc-check-introduction .principles{grid-template-columns:minmax(0,1fr);gap:24px}
 #qc-check-introduction .overview h2{font-size:22px}
 #qc-check-introduction .overview p,#qc-check-introduction p{font-size:14px}
 #qc-check-introduction aside{border-left:0;border-top:1px solid #383834;padding:20px 0 0}
 #qc-check-introduction dl{gap:8px 10px}
 #qc-check-introduction .editorial,#qc-check-introduction .workflow{padding:40px 0}
 #qc-check-introduction .section-label>span{margin-bottom:16px}
 #qc-check-introduction h2,#qc-check-introduction .section-top h2{font-size:25px}
 #qc-check-introduction .section-label h2{margin-bottom:0}
 #qc-check-introduction .section-label h2 br{display:none}
 #qc-check-introduction .section-top{display:block;margin-bottom:24px}
 #qc-check-introduction .section-top>p{margin-top:12px}
 #qc-check-introduction .section-top>p br{display:none}
 #qc-check-introduction .steps{gap:25px}
 #qc-check-introduction .steps h3{font-size:16px}
 #qc-check-introduction .step-number{margin-bottom:13px}
 #qc-check-introduction .contents{gap:15px 22px}
 #qc-check-introduction .contents>span{width:100%}
 #qc-check-introduction figcaption{display:block}
 #qc-check-introduction figcaption span{display:block}
 #qc-check-introduction .zoom-hint{right:8px;bottom:8px;padding:6px 8px}
}
@media(max-width:420px){
 #qc-check-introduction .steps{grid-template-columns:minmax(0,1fr)}
}