.quality-page{background:#f9fcff}.quality-hero{position:relative;overflow:hidden;background:#fff;border-bottom:1px solid #cfe1ef}.quality-hero .hero-bg{position:absolute;inset:0;background:url("../images/quality-redesign/quality-blueprint-background-v1.png") center/cover no-repeat;opacity:.66}.quality-hero-grid{position:relative;z-index:1;min-height:610px;display:grid;grid-template-columns:42% 58%;align-items:stretch}.quality-copy{display:flex;flex-direction:column;justify-content:center;padding:70px 38px 70px 0;position:relative;z-index:2}.quality-copy:after{content:"";position:absolute;z-index:-1;inset:0 -190px 0 -100vw;background:linear-gradient(90deg,#fff 0%,#fff 72%,rgba(255,255,255,.88) 82%,rgba(255,255,255,0) 100%)}.quality-copy>span{align-self:flex-start;border:1px solid #7bb9f3;border-radius:5px;background:#f6fbff;color:#0879e8;padding:9px 13px;font:800 10px Consolas,monospace;letter-spacing:.05em}.quality-copy h1{font-size:clamp(43px,4vw,65px);line-height:1.05;letter-spacing:-.05em;color:#082c56;margin:26px 0 21px}.quality-copy p{max-width:560px;font-size:13px;line-height:1.85;color:#456582;margin:0}.quality-hero figure{margin:0;position:relative;min-height:610px;overflow:hidden}.quality-hero figure:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.92),transparent 24%),linear-gradient(0deg,rgba(255,255,255,.5),transparent 26%)}.quality-hero figure img{width:100%;height:100%;object-fit:cover;object-position:center}.quality-hero figcaption{position:absolute;z-index:2;right:20px;bottom:24px;border:1px solid #b6d6ed;border-radius:4px;background:rgba(255,255,255,.91);color:#0879e8;padding:8px 13px;font:700 9px Consolas,monospace}
.quality-content{padding:55px 0 80px;background:#fbfdff url("../images/quality-redesign/quality-blueprint-background-v1.png") center top/100% auto repeat-y}.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cert-grid article{min-height:330px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;padding:28px 34px;background:rgba(255,255,255,.94);border:1px solid #cfe0ed;border-radius:7px;box-shadow:0 10px 24px rgba(12,56,91,.05)}.cert-grid article:hover{transform:translateY(-3px);border-color:#8fc3ef;box-shadow:0 15px 30px rgba(12,56,91,.09)}.quality-icon{background-image:url("../images/quality-redesign/quality-icons-sprite-v1.png");background-repeat:no-repeat;background-size:400% 300%;width:118px;height:105px;flex:0 0 auto}.icon-shield{background-position:0 0}.icon-award{background-position:33.333% 0}.icon-document{background-position:66.667% 0}.icon-factory{background-position:100% 0}.icon-sorting{background-position:0 50%}.icon-xray{background-position:33.333% 50%}.icon-bms{background-position:66.667% 50%}.icon-aging{background-position:100% 50%}.icon-globe{background-position:100% 100%}.cert-grid h2{font:800 18px/1.2 Consolas,monospace;color:#092d55;margin:18px 0 13px}.cert-grid article>span{display:inline-block;color:#18866e;border:1px solid #86cdbb;background:#f2fcf9;border-radius:3px;padding:5px 10px;font:800 8px Consolas,monospace;letter-spacing:.05em}.cert-grid p{max-width:300px;color:#4e6b84;font-size:11px;line-height:1.6;margin:16px 0 0}
.inspection{position:relative;padding-top:60px}.inspection header{text-align:center}.inspection header h2{color:#082c56;font-size:28px;letter-spacing:-.025em;margin:0 0 8px}.inspection header p{color:#55728c;font-size:11px;margin:0 0 18px}.inspection header button{border:1px solid #0879e8;border-radius:5px;background:#fff;color:#0879e8;padding:12px 19px;font-size:11px;font-weight:800}.inspection header button:hover{background:#0879e8;color:#fff}.inspection-flow{height:36px;margin:0 24px;position:relative}.inspection-flow:before{content:"";position:absolute;left:0;right:0;bottom:8px;height:2px;background:#1588f6}.inspection-flow:after{content:"";position:absolute;left:0;bottom:4px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid #1588f6}.stage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:55px;position:relative}.stage-grid article{position:relative;min-height:360px;padding:23px 23px 25px;background:rgba(255,255,255,.96);border:1px solid #9acaf2;border-radius:7px;text-align:center;clip-path:polygon(0 0,87% 0,91% 4%,100% 4%,100% 100%,0 100%)}.stage-arrow{position:absolute;z-index:4;top:45%;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fbfdff;color:#0879e8;font:800 30px/1 Arial;transform:translate(-50%,-50%)}.stage-arrow.arrow-one{left:25%}.stage-arrow.arrow-two{left:50%}.stage-arrow.arrow-three{left:75%}.stage-grid article>b{display:block;text-align:left;color:#0879e8;font:800 11px Consolas,monospace;letter-spacing:.07em}.stage-grid .quality-icon{width:120px;height:108px;margin:18px auto 3px}.stage-grid h3{font:800 17px/1.13 Consolas,monospace;color:#092d55;margin:10px 0 13px}.stage-grid p{color:#4f6b84;font-size:10px;line-height:1.6;margin:0}.dialog-badge{display:inline-block;background:#eaf6ff;color:#0879e8;padding:6px 9px;border-radius:3px;font:800 9px Consolas,monospace}.quality-page dialog h2{color:#082c56}.quality-page dialog p{color:#5b7288;font-size:12px;line-height:1.6}.quality-page #download-form,.quality-page #rfq-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.quality-page #download-form label,.quality-page #rfq-form label{font-size:10px;font-weight:750;color:#4f667c}.quality-page #download-form label:last-of-type,.quality-page #rfq-form label:last-of-type{grid-column:1/-1}.quality-page #download-form input,.quality-page #download-form select,.quality-page #rfq-form input,.quality-page #rfq-form textarea{display:block;width:100%;border:1px solid #ccdbe7;border-radius:5px;padding:10px;margin-top:5px;background:#fff}.quality-page #download-form button,.quality-page #rfq-form button{grid-column:1/-1;border:0;background:#0879e8;color:#fff;padding:12px;border-radius:5px;font-weight:800}
@media(max-width:1080px){.quality-hero-grid{grid-template-columns:48% 52%}.cert-grid{grid-template-columns:repeat(2,1fr)}.stage-grid{grid-template-columns:repeat(2,1fr);gap:24px}.stage-arrow,.inspection-flow{display:none}}
@media(max-width:700px){.quality-hero-grid{display:block;min-height:auto}.quality-copy{padding:55px 0 35px}.quality-copy:after{inset:0 -12px}.quality-copy h1{font-size:42px}.quality-hero figure{min-height:360px;margin:0 -12px}.quality-hero figure:before{background:linear-gradient(0deg,rgba(255,255,255,.65),transparent 35%)}.quality-content{padding-top:30px}.cert-grid,.stage-grid{grid-template-columns:1fr}.cert-grid article{min-height:290px}.inspection{padding-top:45px}.inspection header h2{font-size:24px}.stage-grid article{min-height:330px}.quality-page #download-form,.quality-page #rfq-form{grid-template-columns:1fr}.quality-page #download-form label:last-of-type,.quality-page #rfq-form label:last-of-type,.quality-page #download-form button,.quality-page #rfq-form button{grid-column:auto}}
.stage-arrow.arrow-one{left:calc(25% - 14px)}.stage-arrow.arrow-three{left:calc(75% + 14px)}

/* 2026 quality page concept implementation */
.quality-content{padding:0 0 64px;background:#fbfdff url("../images/quality-redesign/quality-certification-bg-v2.png") center top/cover no-repeat}
.cert-heading{text-align:center;padding:42px 0 24px;max-width:820px;margin:auto}
.cert-heading>span{font:800 10px/1 Consolas,monospace;letter-spacing:.14em;color:#0879e8}
.cert-heading h2{font:800 32px/1.1 Arial,sans-serif;letter-spacing:-.035em;color:#082c56;margin:12px 0 8px}
.cert-heading p{max-width:650px;margin:auto;color:#58738c;font-size:11px;line-height:1.55}
.cert-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cert-grid article{min-height:180px;display:grid;grid-template-columns:90px 1fr;grid-template-rows:auto auto 1fr;align-items:center;text-align:left;justify-content:initial;padding:20px 22px;background:rgba(255,255,255,.96);border:1px solid #9ed3f5;border-radius:6px;box-shadow:0 8px 22px rgba(12,56,91,.055);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}
.quality-icon{grid-column:1;grid-row:1/4;width:72px;height:72px;background-image:url("../images/quality-redesign/quality-icons-sprite-v2.png");background-size:500% 200%;margin:0}
.icon-shield{background-position:0 0}.icon-award{background-position:25% 0}.icon-document{background-position:50% 0}.icon-factory{background-position:75% 0}.icon-xray{background-position:100% 0}.icon-globe{background-position:0 100%}
.cert-grid h2{grid-column:2;margin:0 0 6px;font:800 15px/1.15 Consolas,monospace}
.cert-grid article>span{grid-column:2;justify-self:start;padding:4px 8px;margin-bottom:7px;font-size:7px}
.cert-grid article>span:before{content:"✓";display:inline-grid;place-items:center;width:13px;height:13px;margin-right:5px;border-radius:50%;background:#20a998;color:#fff}
.cert-grid p{grid-column:2;max-width:none;margin:0;font-size:9px;line-height:1.45}
.inspection{padding-top:54px}
.inspection header{position:relative;text-align:left;padding-right:250px;margin-bottom:22px}
.inspection header h2{font-size:29px;margin-bottom:6px}
.inspection header p{font-size:11px;margin:0}
.inspection header button{position:absolute;right:0;top:4px;background:#0879e8;color:#fff;border-color:#0879e8;padding:12px 18px}
.inspection-flow{height:22px;margin:0;position:relative}
.inspection-flow:before{bottom:10px}
.inspection-flow:after{display:none}
.stage-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.stage-arrow{display:none}
.stage-grid article{min-height:360px;padding:0 0 18px;text-align:left;border-color:#a9d4f3;border-radius:5px;clip-path:none;overflow:hidden;box-shadow:0 8px 20px rgba(12,56,91,.045)}
.stage-grid article:before{content:"";position:absolute;z-index:3;top:-34px;left:18px;width:30px;height:30px;border-radius:50%;background:#0879e8;border:4px solid #f8fcff;box-shadow:0 0 0 1px #0879e8}
.stage-grid article img{display:block;width:100%;height:170px;object-fit:cover;margin:0 0 14px}
.stage-grid article>b,.stage-grid h3,.stage-grid p{margin-left:16px;margin-right:16px}
.stage-grid article>b{font-size:9px;margin-bottom:7px}
.stage-grid h3{font-size:15px;line-height:1.15;margin-top:0;margin-bottom:11px}
.stage-grid p{font-size:9px;line-height:1.5}
@media(min-width:821px){.cert-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stage-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.inspection-flow{display:block}}
@media(max-width:820px){.cert-grid,.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inspection header{padding-right:0}.inspection header button{position:static;margin-top:16px}.inspection-flow{display:none}.stage-grid article:before{display:none}}
@media(max-width:560px){.cert-grid,.stage-grid{grid-template-columns:1fr}.cert-grid article{grid-template-columns:80px 1fr}.cert-heading h2{font-size:26px}.stage-grid article{min-height:auto}}