:root{--q19-navy:#06263b;--q19-navy-2:#0b3b55;--q19-orange:#f47b00;--q19-ink:#102b3a;--q19-muted:#60717c;--q19-line:#dce5e9;--q19-soft:#f3f6f8}
.q19-hero{min-height:520px;position:relative;display:flex;align-items:center;color:#fff;background:url('/biliton-cms/public/images/quality/quality-control-laboratory-hero.webp') center/cover no-repeat;overflow:hidden}
.q19-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,23,38,.98) 0%,rgba(3,30,48,.88) 39%,rgba(3,31,49,.34) 68%,rgba(3,31,49,.08) 100%)}
.q19-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(90deg,var(--q19-orange) 0 18%,rgba(244,123,0,.15) 18% 100%)}
.q19-hero-inner{position:relative;z-index:1;width:min(1180px,calc(100% - 40px));margin-inline:auto;padding:58px 0}
.q19-hero-copy{max-width:690px}
.q19-hero h1{font-size:clamp(3rem,4.7vw,4.45rem);line-height:1.03;letter-spacing:-.046em;margin:12px 0 20px;max-width:690px}
.q19-hero-copy>p:not(.eyebrow){font-size:1.05rem;line-height:1.75;color:#dce8ed;max-width:660px}
.q19-hero-points{display:flex;gap:15px 30px;flex-wrap:wrap;margin:28px 0 0;color:#fff;font-size:.82rem;font-weight:800}
.q19-hero-points span::first-letter{color:var(--q19-orange)}
.q19-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.q19-proof{background:#fff;border-bottom:1px solid var(--q19-line);box-shadow:0 10px 34px rgba(4,34,52,.045)}
.q19-proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.q19-proof article{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:center;padding:23px 20px;border-left:1px solid var(--q19-line)}
.q19-proof article:last-child{border-right:1px solid var(--q19-line)}
.q19-proof article>span{font-size:.7rem;font-weight:900;color:var(--q19-orange)}
.q19-proof strong,.q19-proof small{display:block}.q19-proof strong{font-size:.86rem;color:var(--q19-ink);margin-bottom:3px}.q19-proof small{font-size:.72rem;line-height:1.45;color:var(--q19-muted)}
.q19-section{padding:78px 0}
.q19-soft{background:var(--q19-soft)}
.q19-intro{display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:center}
.q19-intro-media,.q19-process-media{position:relative}
.q19-intro-media img,.q19-process-media img{display:block;width:100%;height:430px;object-fit:cover;border-radius:14px}
.q19-intro-media:before,.q19-process-media:before{content:"";position:absolute;z-index:-1;width:56%;height:56%;background:var(--q19-orange);opacity:.12;border-radius:20px}
.q19-intro-media:before{left:-18px;bottom:-18px}.q19-process-media:before{right:-18px;top:-18px}
.q19-intro-media>div,.q19-process-media>div{position:absolute;left:28px;right:28px;bottom:26px;padding:20px 22px;background:rgba(5,35,54,.93);color:#fff;border-left:4px solid var(--q19-orange);box-shadow:0 18px 45px rgba(2,24,39,.2)}
.q19-intro-media strong,.q19-intro-media span,.q19-process-media strong,.q19-process-media span{display:block}
.q19-intro-media strong,.q19-process-media strong{font-size:1.05rem;margin-bottom:4px}.q19-intro-media span,.q19-process-media span{font-size:.85rem;color:#cedde4;line-height:1.55}
.q19-intro-copy h2,.q19-heading h2,.q19-process-copy>h2{font-size:clamp(2.25rem,3.8vw,3.4rem);line-height:1.08;letter-spacing:-.04em;color:var(--q19-ink);margin:10px 0 20px}
.q19-intro-copy>p:not(.eyebrow),.q19-process-copy>p,.q19-heading>p{font-size:1.04rem;color:var(--q19-muted);line-height:1.78}
.q19-intro-copy ul{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.q19-intro-copy li{position:relative;padding:14px 12px 14px 42px;background:#f5f8fa;border:1px solid var(--q19-line);font-size:.86rem;font-weight:800;color:var(--q19-ink)}
.q19-intro-copy li:before{content:"✓";position:absolute;left:15px;color:var(--q19-orange);font-weight:900}
.q19-heading{display:flex;justify-content:space-between;gap:55px;align-items:end;margin-bottom:34px}
.q19-heading>div{max-width:780px}.q19-heading>p{max-width:440px;margin:0 0 10px}
.q19-test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.q19-test-grid article{position:relative;background:#fff;padding:25px 26px;border:1px solid var(--q19-line);min-height:248px;box-shadow:0 12px 30px rgba(4,34,52,.05);transition:transform .22s,box-shadow .22s;overflow:hidden}
.q19-test-grid article:after{content:"";position:absolute;left:0;bottom:0;width:46px;height:3px;background:var(--q19-orange)}
.q19-test-grid article:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(4,34,52,.1)}
.q19-test-grid article>span{display:inline-grid;place-items:center;width:42px;height:42px;background:var(--q19-navy);color:#fff;font-size:.76rem;font-weight:900;border-radius:50%}
.q19-test-grid small{display:block;margin-top:22px;color:var(--q19-orange);text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:.66rem}
.q19-test-grid h3{font-size:1.35rem;margin:7px 0 10px;color:var(--q19-ink)}
.q19-test-grid p{color:var(--q19-muted);line-height:1.7;font-size:.91rem;margin:0}
.q19-process{display:grid;grid-template-columns:.92fr 1.08fr;gap:62px;align-items:center}
.q19-workflow{margin-top:35px;border-top:1px solid var(--q19-line)}
.q19-workflow article{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--q19-line)}
.q19-workflow article>span{font-size:.74rem;font-weight:900;color:var(--q19-orange);padding-top:4px}
.q19-workflow h3{font-size:1.06rem;margin:0 0 4px;color:var(--q19-ink)}
.q19-workflow p{font-size:.87rem;line-height:1.6;color:var(--q19-muted);margin:0}
.q19-process-media img{height:520px}
.q19-doc-section{background:linear-gradient(125deg,#08283c,#0a3c56);color:#fff}
.q19-heading-light h2{color:#fff}.q19-heading-light>p{color:#bed0d8}
.q19-doc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.q19-doc-grid article{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);padding:28px;min-height:240px}
.q19-doc-grid b{display:grid;place-items:center;width:54px;height:54px;background:var(--q19-orange);color:#fff;font-size:.8rem;letter-spacing:.05em}
.q19-doc-grid h3{font-size:1.18rem;margin:26px 0 10px}.q19-doc-grid p{color:#c1d2d9;line-height:1.7;font-size:.88rem}
@media(max-width:980px){.q19-hero{min-height:520px;background-position:58% center}.q19-hero:before{background:linear-gradient(90deg,rgba(3,23,38,.97),rgba(3,30,48,.78),rgba(3,31,49,.3))}.q19-proof-grid{grid-template-columns:repeat(2,1fr)}.q19-intro,.q19-process{grid-template-columns:1fr;gap:45px}.q19-process-copy{order:1}.q19-process-media{order:2}.q19-test-grid{grid-template-columns:repeat(2,1fr)}.q19-doc-grid{grid-template-columns:repeat(2,1fr)}.q19-heading{align-items:flex-start;flex-direction:column;gap:12px}.q19-intro-media img,.q19-process-media img{height:430px}}
@media(max-width:620px){.q19-hero{min-height:560px;background-position:64% center}.q19-hero:before{background:linear-gradient(90deg,rgba(3,23,38,.98),rgba(3,30,48,.9),rgba(3,31,49,.62))}.q19-hero-inner{width:min(100% - 28px,1180px);padding:52px 0}.q19-hero h1{font-size:2.55rem}.q19-hero-copy>p:not(.eyebrow){font-size:.96rem}.q19-hero-points{display:grid;grid-template-columns:1fr 1fr;gap:11px;font-size:.71rem}.q19-actions{align-items:stretch;flex-direction:column}.q19-actions .site-btn{width:100%}.q19-proof-grid{grid-template-columns:1fr}.q19-proof article,.q19-proof article:last-child{border-right:1px solid var(--q19-line)}.q19-section{padding:62px 0}.q19-intro-media img,.q19-process-media img{height:330px;border-radius:10px}.q19-intro-media>div,.q19-process-media>div{left:12px;right:12px;bottom:12px;padding:14px}.q19-intro-copy h2,.q19-heading h2,.q19-process-copy>h2{font-size:2.05rem}.q19-intro-copy ul,.q19-test-grid,.q19-doc-grid{grid-template-columns:1fr}.q19-test-grid article{min-height:auto}.q19-doc-grid article{min-height:auto}.q19-process-media img{height:380px}}
