@charset "UTF-8";
@font-face{font-family:QB Montserrat;src:url('montserrat-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--qb-ink:#252934;--qb-blue:#064fc2;--qb-red:#ec2025;--qb-gray:#f0f0f0;--qb-muted:#777;--qb-width:1400px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.qb-psd-body{margin:0;background:#fff;color:var(--qb-ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.45}
.qb-psd :where(h1,h2,h3,p,figure){margin:0}
.qb-psd :where(img){display:block;max-width:100%}
.qb-psd :where(a){color:inherit;text-decoration:none}
.qb-psd :where(button,input,textarea){font:inherit}
.qb-psd :where(a,button,summary):focus-visible{outline:3px solid #064fc2;outline-offset:3px}
.qb-container{width:min(var(--qb-width),calc(100% - 40px));margin-inline:auto}
.qb-header{height:106px;background:#fff}
.qb-header__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}
.qb-logo{display:flex;align-items:center;width:155px;height:88px;overflow:hidden;flex:none}
.qb-logo img{width:155px;height:116px;object-fit:contain}
.qb-nav{display:flex;align-items:center;justify-content:center;gap:48px;margin-left:80px;font-size:18px;font-weight:700;white-space:nowrap}
.qb-nav a:hover{color:var(--qb-blue)}
.qb-red-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 25px;border-radius:10px;background:var(--qb-red);color:#fff!important;font-size:16px;font-weight:700;white-space:nowrap;transition:background .2s ease}
.qb-red-button:hover{background:#cd171e}
.qb-header__quote{min-width:180px}
.qb-header__quote span{font-size:22px;line-height:0}
.qb-menu-toggle{display:none;border:0;background:none;font-size:28px;cursor:pointer}
.qb-hero{position:relative;width:100%;overflow:hidden}
.qb-hero picture>img{width:100%;height:auto;aspect-ratio:1920/796;object-fit:cover}
.qb-hero__links{position:absolute;left:54.4%;bottom:8.2%;display:grid;grid-template-columns:repeat(3,1fr);gap:3.7%;width:32.1%;height:32%}
.qb-hero__links a{display:block;border-radius:7px}
.qb-hero__links a span{display:grid;place-items:center;width:100%;height:21%;min-height:35px;border-radius:7px 7px 0 0;background:#064fc2;color:#fff;font-size:clamp(10px,.9vw,17px);font-weight:700;text-align:center;white-space:nowrap}
.qb-hero__links a:hover{outline:3px solid #064fc2;outline-offset:2px}
.qb-intro{padding-top:66px}
.qb-intro__top{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:394px}
.qb-intro__copy{padding-top:12px;padding-right:36px}
.qb-intro__copy h1{font-size:48px;line-height:1.02;letter-spacing:-.035em;font-weight:750}
.qb-intro__copy p{max-width:660px;margin-top:34px;color:#646874;font-size:16px;line-height:1.6}
.qb-intro__photo{position:relative}
.qb-intro__photo img{width:100%;height:394px;object-fit:cover}
.qb-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:70px;height:48px;border-radius:12px;background:#fff;color:#70899d;font-size:23px;transform:translate(-50%,-50%)}
.qb-stats{display:grid;grid-template-columns:repeat(4,1fr);height:227px;margin-top:28px;background:#ededed}
.qb-stats>div{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:110px}
.qb-stats>div:not(:last-child)::after{content:"";position:absolute;right:0;top:50px;bottom:27px;width:1px;background:#c6c6c6}
.qb-stats img{width:50px;height:50px;object-fit:contain;margin-bottom:4px}
.qb-stats strong{display:block;color:#050505;font-size:48px;line-height:1.15;letter-spacing:-.06em}
.qb-stats span{color:#777;font-size:18px;font-weight:700}
.qb-section-heading{text-align:center}
.qb-section-heading h2{color:#050505;font-size:48px;line-height:1.08;letter-spacing:-.035em}
.qb-section-heading p{margin-top:10px;color:#777;font-size:18px;font-weight:700}
.qb-products{padding-top:56px;padding-bottom:80px}
.qb-products .qb-section-heading{margin-bottom:56px}
.qb-products__featured{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.qb-product-feature{position:relative;display:block;height:370px;overflow:hidden}
.qb-product-feature img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.qb-product-feature:hover img{transform:scale(1.025)}
.qb-product-feature::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.53))}
.qb-product-feature__caption{position:absolute;z-index:1;left:28px;bottom:28px;color:#fff}
.qb-product-feature__caption strong{display:block;font-size:30px;line-height:1.1}
.qb-product-feature__caption small{display:block;margin-top:5px;font-size:14px;font-weight:700}
.qb-products__small{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:27px;text-align:center}
.qb-products__small img{width:100%;aspect-ratio:335/251;object-fit:cover;border:1px solid #e2e2e2}
.qb-products__small span,.qb-bath-grid span{display:block;padding-top:10px;color:#666;font-size:14px}
.qb-divider{height:12px;margin-top:32px;background:#efefef}
.qb-bath-heading{display:flex;align-items:center;justify-content:space-between;margin:48px 0 42px}
.qb-bath-heading h3{color:#050505;font-size:30px;line-height:1.1}
.qb-bath-heading p{margin-top:8px;color:#777;font-size:15px;font-weight:700}
.qb-bath-heading>a{display:flex;align-items:center;justify-content:center;gap:11px;min-width:180px;height:48px;border:1px solid #c9c9c9;border-radius:10px;color:#777;font-size:16px;font-weight:700}
.qb-bath-heading>a span{font-size:27px;line-height:1}
.qb-bath-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}
.qb-bath-grid img{width:100%;aspect-ratio:1;object-fit:cover}
.qb-advantages{padding:65px 0 76px;background:#eee}
.qb-advantages .qb-section-heading{margin-bottom:70px}
.qb-adv-tabs{position:relative;display:grid;grid-template-columns:repeat(4,1fr);padding-right:110px;margin-bottom:36px}
.qb-adv-tabs__line{position:absolute;left:0;right:110px;top:39px;height:1px;background:#bdbdbd}
.qb-adv-tab{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}
.qb-adv-tab strong{color:#999;font-size:23px}
.qb-adv-tab--active strong{color:var(--qb-blue)}
.qb-adv-tab i{width:12px;height:12px;border-radius:50%;background:#999}
.qb-adv-tab--active i{width:18px;height:18px;background:var(--qb-blue);box-shadow:0 0 0 7px #d5e1f7}
.qb-adv-tab span{margin-top:14px;color:#111;font-size:18px;line-height:1.24;font-weight:700}
.qb-adv-photo{position:relative;height:628px}
.qb-adv-photo>img{width:100%;height:100%;object-fit:cover}
.qb-adv-photo__panel{position:absolute;right:0;bottom:0;width:67%;min-height:190px;padding:18px 46px;background:rgba(0,74,191,.86);color:#fff}
.qb-adv-photo__panel h3{font-size:34px;line-height:1.15}
.qb-adv-photo__panel>div{display:flex;justify-content:space-between;gap:12px;margin:12px 0 18px;font-size:16px;font-weight:700}
.qb-adv-photo__panel .qb-red-button{min-height:48px}
.qb-partners{padding-top:100px;padding-bottom:92px}
.qb-partners__panel{background:#eee;text-align:center}
.qb-partners__panel h2{padding-top:40px;color:#050505;font-size:48px;line-height:1.1;letter-spacing:-.035em}
.qb-partners__panel>img{width:100%;height:auto;margin-top:15px}
.qb-oem{padding-bottom:140px}
.qb-oem .qb-section-heading{margin-bottom:88px}
.qb-oem__steps{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.qb-oem__step{position:relative;text-align:center}
.qb-oem__step::after{content:"";position:absolute;z-index:-1;left:75%;right:-30%;top:73px;height:2px;background:#ddd}
.qb-oem__step:last-child::after{display:none}
.qb-oem__icon{position:relative;display:grid;place-items:center;width:150px;height:150px;margin:0 auto 29px;border:3px solid #d4d4d4;border-radius:50%;background:#f4f4f4}
.qb-oem__icon img{width:50px;height:50px;object-fit:contain}
.qb-oem__icon b{position:absolute;right:-12px;top:8px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--qb-red);color:#fff;font-size:16px}
.qb-oem__step h3{color:#111;font-size:18px;line-height:1.2}
.qb-oem__step p{max-width:175px;margin:8px auto 0;color:#777;font-size:14px;line-height:1.35}
.qb-inquiry{min-height:753px;padding:110px 0;background:#888 url('faq_bg-qbopt-1920.webp') center/cover no-repeat}
.qb-inquiry__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.qb-inquiry__form{min-height:542px;padding:35px 20px 28px;background:#fff}
.qb-inquiry__form h2{margin:0 18px 24px;color:#050505;font-size:30px}
.qb-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qb-form-grid label span,.qb-message-label span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.qb-form-grid input,.qb-message-label textarea{display:block;width:100%;border:1px solid #d8d8d8;border-radius:13px;background:#fff;color:#252934;font-size:16px}
.qb-form-grid input{height:65px;padding:0 22px}
.qb-message-label textarea{height:155px;min-height:155px;margin-top:12px;padding:20px;resize:vertical}
.qb-inquiry__form button{min-width:247px;min-height:61px;margin-top:20px;padding:0 24px;border:0;border-radius:11px;background:var(--qb-blue);color:#fff;font-size:17px;font-weight:700;cursor:pointer}
.qb-inquiry__form button span{margin-left:15px;font-size:27px;vertical-align:-2px}
.qb-form-state{margin:0 0 15px;padding:9px 12px;background:#e5f1ff;color:#064077;font-size:14px}
.qb-honeypot{position:absolute;left:-9999px}
.qb-inquiry__faq h2{margin:-9px 0 16px;color:#fff;font-size:34px}
.qb-faq-list{background:#fff}
.qb-faq-list details{border-bottom:1px solid #d2d4d8}
.qb-faq-list summary{position:relative;display:flex;align-items:center;min-height:65px;padding:0 28px;list-style:none;color:#090909;font-size:16px;font-weight:700;cursor:pointer}
.qb-faq-list summary::-webkit-details-marker{display:none}
.qb-faq-list summary span{margin-left:auto;color:#777;font-size:28px}
.qb-faq-list summary span::after{content:"+"}
.qb-faq-list details[open] summary span::after{content:"−";color:var(--qb-blue)}
.qb-faq-list details>div{padding:16px 30px 22px;background:#f4f4f4;color:#666;font-size:14px;line-height:1.65}
.qb-news{padding-top:72px;padding-bottom:86px}
.qb-news .qb-section-heading{margin-bottom:78px}
.qb-news__grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.qb-news__lead-image{width:100%;aspect-ratio:687/386;object-fit:cover}
.qb-news__lead time{display:block;margin:14px 0 10px;color:#6b6b6b;font-size:14px}
.qb-news__lead h3{font-size:25px;line-height:1.24}
.qb-news__lead p{margin:18px 0 30px;color:#777;font-size:16px;line-height:1.5}
.qb-outline-button{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border:1px solid #ccc;border-radius:10px;color:#777;font-size:16px;font-weight:700}
.qb-news__side{display:flex;flex-direction:column;gap:22px}
.qb-news__side article{min-height:185px;background:#f1f1f1}
.qb-news__side a{display:grid;grid-template-columns:261px 1fr;gap:28px;align-items:center;padding:15px}
.qb-news__thumb{width:261px;height:147px;object-fit:cover}
.qb-news__side-text strong{display:block;font-size:24px;line-height:1.2}
.qb-news__side-text small{display:block;margin-top:20px;color:#777;font-size:16px;line-height:1.5}
.qb-footer{background:#f0f0f0}
.qb-footer__grid{display:grid;grid-template-columns:repeat(4,1fr);min-height:310px}
.qb-footer__grid>div{padding:70px 40px 35px;border-left:1px solid #dedede}
.qb-footer__grid>div:first-child{display:flex;align-items:center;padding-left:0;border-left:0}
.qb-footer__logo{width:155px;height:116px;object-fit:contain}
.qb-footer h3{margin:0 0 25px;font-size:15px}
.qb-footer a,.qb-footer p{display:block;margin:8px 0;color:#686868;font-size:13px}
.qb-footer a:hover{color:var(--qb-blue)}
.qb-footer__bottom{padding:18px 0;background:#d9d9d9;color:#6a6a6a;font-size:12px}
@media(max-width:1500px){.qb-nav{gap:28px;margin-left:0}.qb-stats>div{padding-left:70px}.qb-news__side a{grid-template-columns:38% 1fr}.qb-news__thumb{width:100%;height:auto;aspect-ratio:261/147}}
@media(max-width:1000px){.qb-header{height:82px}.qb-menu-toggle{display:block}.qb-nav{display:none;position:absolute;z-index:10;left:0;right:0;top:82px;flex-direction:column;gap:0;margin:0;padding:14px 20px;background:#fff;box-shadow:0 12px 25px rgba(0,0,0,.13)}.qb-nav--open{display:flex}.qb-nav a{display:block;width:100%;padding:12px}.qb-header__quote{margin-left:auto}.qb-intro__top{grid-template-columns:1fr;gap:30px}.qb-intro__photo img{height:auto}.qb-stats>div{padding-left:35px}.qb-stats strong{font-size:36px}.qb-adv-photo{height:auto}.qb-adv-photo__panel{width:78%}.qb-oem__steps{grid-template-columns:repeat(3,1fr);gap:45px}.qb-oem__step::after{display:none}.qb-inquiry__grid{grid-template-columns:1fr}.qb-inquiry__faq h2{margin-top:15px}.qb-inquiry{padding:70px 0}.qb-news__side a{grid-template-columns:34% 1fr}.qb-news__side-text strong{font-size:19px}}
@media(max-width:700px){.qb-container{width:calc(100% - 28px)}.qb-header{height:66px}.qb-logo{width:110px;height:60px}.qb-logo img{width:110px;height:83px}.qb-header__quote{min-width:0;min-height:38px;padding:0 12px;border-radius:6px;font-size:12px}.qb-menu-toggle{font-size:24px}.qb-nav{top:66px}.qb-hero picture>img{width:auto;max-width:none;height:420px;aspect-ratio:auto;object-fit:cover;object-position:43% center}.qb-hero__links{display:none}.qb-intro{padding-top:55px}.qb-intro__copy h1{font-size:32px}.qb-intro__copy p{margin-top:18px}.qb-stats{height:auto;grid-template-columns:repeat(2,1fr);margin-top:30px}.qb-stats>div{min-height:155px;padding-left:25px}.qb-stats>div::after{display:none}.qb-stats strong{font-size:30px}.qb-stats span{font-size:13px}.qb-section-heading h2,.qb-partners__panel h2{font-size:32px}.qb-section-heading p{font-size:13px}.qb-products{padding-top:55px;padding-bottom:50px}.qb-products .qb-section-heading{margin-bottom:32px}.qb-products__featured{grid-template-columns:1fr;gap:15px}.qb-product-feature{height:auto;aspect-ratio:685/370}.qb-product-feature__caption strong{font-size:22px}.qb-products__small{grid-template-columns:repeat(2,1fr)}.qb-products__small span,.qb-bath-grid span{font-size:12px}.qb-bath-heading{margin:36px 0 25px}.qb-bath-heading h3{font-size:23px}.qb-bath-heading p{max-width:220px;font-size:12px}.qb-bath-heading>a{min-width:95px;height:42px;font-size:12px}.qb-bath-grid{grid-template-columns:repeat(2,1fr);gap:12px}.qb-advantages{padding:55px 0}.qb-advantages .qb-section-heading{margin-bottom:35px}.qb-adv-tabs{padding-right:0;margin-bottom:22px}.qb-adv-tabs__line{right:0;top:25px}.qb-adv-tab strong{font-size:14px}.qb-adv-tab span{font-size:10px}.qb-adv-tab i{width:8px;height:8px}.qb-adv-tab--active i{width:12px;height:12px;box-shadow:0 0 0 4px #d5e1f7}.qb-adv-photo__panel{position:relative;width:100%;min-height:0;padding:18px}.qb-adv-photo__panel h3{font-size:24px}.qb-adv-photo__panel>div{display:grid;gap:4px;font-size:12px}.qb-partners{padding:55px 0}.qb-partners__panel h2{padding:28px 12px 5px;font-size:28px}.qb-oem{padding-bottom:65px}.qb-oem .qb-section-heading{margin-bottom:45px}.qb-oem__steps{grid-template-columns:repeat(2,1fr);gap:30px 10px}.qb-oem__icon{width:95px;height:95px;margin-bottom:18px}.qb-oem__icon b{right:-4px;width:25px;height:25px;font-size:12px}.qb-oem__step h3{font-size:14px}.qb-oem__step p{font-size:11px}.qb-inquiry{padding:50px 0}.qb-inquiry__form{min-height:0;padding:23px 16px}.qb-inquiry__form h2{margin:0 0 20px;font-size:23px}.qb-form-grid{gap:8px}.qb-form-grid input{height:49px;padding:0 12px;font-size:13px}.qb-message-label textarea{height:130px;min-height:130px;font-size:13px}.qb-inquiry__form button{min-width:180px;min-height:50px;font-size:14px}.qb-inquiry__faq h2{font-size:28px}.qb-faq-list summary{min-height:57px;padding:0 18px;font-size:13px}.qb-faq-list details>div{padding:12px 18px;font-size:12px}.qb-news{padding:55px 0}.qb-news .qb-section-heading{margin-bottom:38px}.qb-news__grid{grid-template-columns:1fr;gap:35px}.qb-news__lead h3{font-size:22px}.qb-news__side article{min-height:0}.qb-news__side a{grid-template-columns:34% 1fr;gap:12px;padding:10px}.qb-news__side-text strong{font-size:14px}.qb-news__side-text small{margin-top:5px;font-size:11px}.qb-footer__grid{grid-template-columns:repeat(2,1fr)}.qb-footer__grid>div{min-height:180px;padding:35px 15px}.qb-footer__grid>div:nth-child(3){border-left:0}.qb-footer__grid>div:first-child{padding-left:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.qb-red-button,.qb-product-feature img{transition:none}}