
:root{--green:#066d38;--deep:#005f2f;--orange:#ef8b00;--gold:#f4c564;--text:#151815;--muted:#49524b;--line:#e1e5df;--soft:#fafbf8}
.quality-page{background:#fff;color:var(--text)}
.qc-container{width:904px;max-width:calc(100% - 64px);margin:0 auto}

/* HERO: photo and typography are separate layers; image never stretched */
.qc-hero{height:274px;position:relative;overflow:hidden;background:#f7f4ed;border-bottom:1px solid #eef0ec}
.qc-hero-photo{position:absolute;right:0;top:0;height:100%;width:65%;object-fit:cover;object-position:center center;display:block}
.qc-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(249,246,239,.99) 0%,rgba(249,246,239,.96) 29%,rgba(249,246,239,.80) 43%,rgba(249,246,239,.30) 59%,rgba(249,246,239,0) 77%)}
.qc-hero-inner{height:100%;position:relative;z-index:2;display:flex;align-items:center}
.qc-hero-copy{width:360px;padding-left:20px}
.qc-hero h1{margin:0 0 14px;color:var(--green);font-size:50px;line-height:1.02;font-weight:800;letter-spacing:-.7px}
.qc-hero p{margin:0;color:#303831;font-size:15px;line-height:1.65;max-width:340px}

.qc-section{padding:24px 0 0}
.qc-heading{display:flex;align-items:center;justify-content:center;gap:13px;color:var(--green);font-size:24px;font-weight:800;line-height:1.1;margin:0 0 22px}
.qc-heading .rule{width:34px;height:1px;background:#d8ddd7;position:relative}
.qc-heading .rule:after{content:"";position:absolute;width:13px;height:7px;background:var(--green);top:-3px;border-radius:100% 0 100% 0}
.qc-heading .left:after{right:-4px;transform:rotate(22deg)}.qc-heading .right:after{left:-4px;transform:rotate(-22deg)}

/* 7-step QC flow */
.qc-process{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:26px}
.qc-step{text-align:center;position:relative;padding-top:2px}
.qc-step:not(:last-child):before{content:"";position:absolute;top:14px;left:64%;right:-36%;border-top:1px dashed #d7dbd5;z-index:0}
.qc-num{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-size:12px;font-weight:800;margin:0 auto 9px;position:relative;z-index:2}
.qc-step-icon{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#0b8045,#006531);color:#fff;margin:0 auto 10px;box-shadow:inset 0 -3px 7px rgba(0,0,0,.12)}
.qc-step-icon svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.qc-step h3{font-size:13px;line-height:1.25;margin:0;color:#202620;font-weight:700;min-height:34px}

/* Six detailed cards */
.qc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:26px}
.qc-card{border:1px solid #dfe3de;border-radius:8px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.045);overflow:hidden}
.qc-card-photo{height:118px;position:relative;overflow:visible;background:#f0f2ef}
.qc-card-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.qc-card-badge{position:absolute;left:16px;bottom:-23px;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.qc-card-badge svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.qc-card-body{padding:33px 15px 14px}
.qc-card h3{font-size:15px;line-height:1.3;margin:0 0 10px;color:#202620;font-weight:800}
.qc-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.qc-list li{position:relative;padding-left:18px;color:#475047;font-size:12.3px;line-height:1.42}
.qc-list li:before{content:"✓";position:absolute;left:0;top:1px;width:12px;height:12px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:8px;font-weight:900}

/* Certification logos, rebuilt as crisp vector/text blocks */
.cert-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:26px}
.cert-logo{height:78px;border:1px solid #e1e4df;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,.025);overflow:hidden;padding:8px;text-align:center}
.cert-logo svg{width:100%;height:58px;display:block}

.partner-band{background:linear-gradient(90deg,#fffefa,#fafaf6);border-top:1px solid #f2f0e8;border-bottom:1px solid #f2f0e8;padding:8px 0 6px;margin-bottom:22px}
.partner-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.partner-item{text-align:center;padding:8px 20px 10px;position:relative}
.partner-item:not(:last-child):after{content:"";position:absolute;right:0;top:16px;bottom:12px;width:1px;background:#dfe2dc}
.partner-icon{height:68px;display:grid;place-items:center;color:var(--green);margin-bottom:6px}
.partner-icon svg{width:58px;height:58px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.partner-item h3{font-size:15px;margin:0 0 5px;color:#242a25}.partner-item p{font-size:12.3px;line-height:1.5;color:#4c554d;margin:0}

.qc-cta{height:80px;border-radius:10px;border:1px solid #f1e1c9;background:linear-gradient(90deg,#fff9ef,#fff5e7);display:grid;grid-template-columns:1fr auto 220px;align-items:center;gap:16px;overflow:hidden;margin:0 0 22px}
.qc-cta-copy{padding-left:22px}.qc-cta h3{margin:0 0 5px;color:var(--green);font-size:20px}.qc-cta p{margin:0;font-size:12.5px;color:#495149}
.qc-cta-actions{display:flex;gap:10px;align-items:center}
.qc-btn{height:36px;padding:0 18px;border-radius:6px;display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800}
.qc-btn.green{background:var(--green);color:#fff}.qc-btn.outline{background:#fff;color:var(--orange);border:1px solid #f0ad55}
.qc-cta-photo{height:100%;overflow:hidden}.qc-cta-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}

@media(min-width:1180px){.qc-container{width:min(1080px,calc(100% - 100px))}.qc-hero{height:302px}.qc-hero h1{font-size:54px}.qc-hero-copy{width:400px}.qc-hero p{font-size:16px;max-width:370px}.qc-step-icon{width:76px;height:76px}.qc-step-icon svg{width:43px;height:43px}.qc-card-photo{height:132px}.qc-card h3{font-size:16px}.qc-list li{font-size:13px}.cert-logo{height:84px}.partner-item h3{font-size:16px}.partner-item p{font-size:13px}.qc-cta{height:86px}}
@media(max-width:860px){.qc-container{max-width:calc(100% - 36px)}.qc-hero{height:300px}.qc-hero-photo{width:72%;}.qc-hero-copy{width:330px;padding-left:0}.qc-hero h1{font-size:44px}.qc-process{grid-template-columns:repeat(4,1fr);row-gap:24px}.qc-step:nth-child(4):before{display:none}.qc-cards{grid-template-columns:1fr 1fr}.cert-strip{grid-template-columns:repeat(3,1fr)}.partner-grid{grid-template-columns:1fr 1fr}.partner-item:nth-child(2):after{display:none}.qc-cta{grid-template-columns:1fr auto}.qc-cta-photo{display:none}}
@media(max-width:520px){.qc-hero{height:320px}.qc-hero-photo{width:100%;opacity:.40}.qc-hero:after{background:rgba(249,246,239,.74)}.qc-hero-copy{width:100%}.qc-hero h1{font-size:40px}.qc-hero p{font-size:14px}.qc-heading{font-size:20px}.qc-process{grid-template-columns:repeat(2,1fr)}.qc-step:nth-child(2n):before{display:none}.qc-step-icon{width:68px;height:68px}.qc-cards{grid-template-columns:1fr}.qc-card-photo{height:160px}.cert-strip{grid-template-columns:1fr 1fr}.partner-grid{grid-template-columns:1fr}.partner-item:after{display:none!important}.qc-cta{height:auto;grid-template-columns:1fr;padding:16px}.qc-cta-copy{padding-left:0}.qc-cta-actions{flex-wrap:wrap}}
