.q-page .q-hero>p{width:537px;margin-top:64px;margin-left:auto}.q-intro{padding-left:221px;min-height:716px}.q-intro h2{max-width:759px}.q-intro>div{max-width:537px;margin-top:32px;margin-left:333px}.q-intro p+p{margin-top:12px}.q-checks{background:var(--background-color-light)}.q-checks h2{max-width:648px;text-align:center;margin:auto}.q-chain{position:relative;height:788px;margin-top:96px}.q-chain article{position:absolute;width:32.5457%}.q-page h3{font-size:32px;line-height:normal;margin:0 0 12px;font-weight:300}.q-chain__village{top:190px;left:0}.q-chain__union{top:356px;right:0}.q-chain__lab{top:675px;left:16.8445%}.q-pack{position:absolute;left:50%;top:27px;transform:translateX(-50%) rotate(-11.67deg);width:325px;height:579.987px}.q-pack>div{position:relative;width:100%;height:100%;overflow:hidden}.q-pack img{position:absolute;height:125.19%;width:223.4%;max-width:none;left:-61.97%;top:-15.65%}.q-questions h2{max-width:648px}.q-questions__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:96px}.q-questions__grid article>span{display:block;font-size:54px;line-height:normal;color:#2249c126;margin-bottom:24px}.q-cold{background:var(--background-color);color:white}.q-cold>.os-container{display:grid;grid-template-columns:41% 49.39%;justify-content:space-between;align-items:center}.q-cold h2{color:white}.q-cold__copy{margin-top:96px;padding-left:111px}.q-cold__copy p{color:#dedede;margin-bottom:32px}.q-cold .os-button{letter-spacing:4px;white-space:normal}.q-cold__image{width:100%;height:720px;object-fit:cover;border-radius:32px}.q-page .os-certificates article:nth-child(3) p{max-width:234px}.q-page .os-certificates article:nth-child(4) p{max-width:164px}.q-documentation{padding-block:96px;background:var(--background-color);color:white}.q-documentation>.os-container{display:flex;justify-content:space-between;align-items:end;gap:64px}.q-documentation h2{width:648px;color:white}.q-documentation .os-container>div{width:427px}.q-documentation p{color:#dedede;margin-bottom:32px}.q-page .os-nav a[aria-current=page]{color:var(--primary-color)}.q-page .os-nav a[aria-current=page]:before{content:'';display:inline-block;width:4px;height:4px;background:var(--primary-color);border-radius:50%;vertical-align:middle;margin-right:4px}
@media(min-width:1400px){.q-hero>p{min-height:78px}.q-intro{padding-bottom:195px}.q-questions{padding-bottom:197px}}
@media(max-width:1399px){.q-intro{padding-left:16.84%}.q-intro>div{margin-left:auto}.q-chain article{width:30%}.q-cold__copy{padding-left:17%}}
@media(max-width:1100px){.q-intro{min-height:0;padding-left:12%}.q-intro>div{margin-left:auto}.q-chain{height:740px}.q-pack{width:260px;height:464px}.q-chain__village{top:140px}.q-chain__union{top:310px}.q-chain__lab{top:575px}.q-cold__copy{padding-left:0;margin-top:48px}.q-cold__image{height:600px}.q-documentation h2{width:52%}.q-documentation .os-container>div{width:38%}.q-questions__grid{margin-top:64px}}
@media(max-width:700px){.q-page .q-hero>p{width:100%;margin-top:40px}.q-intro{padding-left:0}.q-intro>div{margin-top:32px}.q-chain{display:flex;flex-direction:column;height:auto;gap:40px;margin-top:40px}.q-pack{position:relative;left:auto;top:auto;transform:rotate(-11.67deg);width:240px;height:428px;margin:20px auto 40px}.q-chain article{position:static;width:100%}.q-questions__grid{grid-template-columns:1fr;gap:40px;margin-top:40px}.q-cold>.os-container{display:flex;flex-direction:column;gap:40px;align-items:stretch}.q-cold__copy{margin-top:32px}.q-cold .os-button{font-size:12px;letter-spacing:2px}.q-cold__image{height:420px;border-radius:20px}.q-documentation{padding-block:72px}.q-documentation>.os-container{flex-direction:column;align-items:start;gap:32px}.q-documentation h2,.q-documentation .os-container>div{width:100%}}
/* Quality-specific corrections against Figma 1016:2. */
.q-page .os-standards__intro>p,.q-page .os-certificates p{line-height:20px}

@media(min-width:1101px){.q-page .os-header__row{min-height:100px}}

/* Keep the testing steps readable when the desktop composition no longer fits. */
@media(min-width:701px) and (max-width:1000px){
 .q-chain{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:auto;gap:40px 32px;align-items:center}
 .q-pack{position:relative;left:auto;top:auto;transform:rotate(-11.67deg);width:240px;height:428px;margin:24px auto 40px;grid-column:1/-1}
 .q-chain article{position:static;width:auto}
 .q-chain__lab{grid-column:1/-1;max-width:537px}
}
.q-page .q-intro p,.q-page .q-chain p,.q-page .q-questions p,.q-page .q-cold__copy p,.q-page .q-documentation p{line-height:20px}
.q-page h3{line-height:41px}
.q-questions__grid article>span{line-height:69px}
@media(min-width:1400px){.q-questions{padding-bottom:200px}}

/* Use one compact mobile gap between the closing CTA and newsletter. */
@media(max-width:700px){.q-page .q-documentation{padding-bottom:24px}.q-page .os-footer{padding-top:40px}}