.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@font-face{font-family:CPXRoboto;src:url(//www.artrixglobal.com/wp-content/themes/artrix/front-end/assets/cubox-pro-2026/fonts/roboto-regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:CPXRoboto;src:url(//www.artrixglobal.com/wp-content/themes/artrix/front-end/assets/cubox-pro-2026/fonts/roboto-300.woff2) format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:CPXRoboto;src:url(//www.artrixglobal.com/wp-content/themes/artrix/front-end/assets/cubox-pro-2026/fonts/roboto-700.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:CPXRoboto;src:url(//www.artrixglobal.com/wp-content/themes/artrix/front-end/assets/cubox-pro-2026/fonts/roboto-900.woff2) format('woff2');font-weight:900;font-display:swap}
.cpx2026{--cpx-heading:clamp(26px,2.34375vw,45px);--cpx-body:clamp(16px,1.3021vw,25px);--cpx-control:clamp(44px,4.6875vw,90px);--cpx-control-bottom:clamp(24px,3.28125vw,63px);--cpx-header-height:100px;--cpx-scroll-offset:calc(var(--cpx-header-height) + 20px);position:relative;isolation:isolate;width:100%;max-width:1920px;margin:0 auto;background:#fff;color:#242424;font-family:CPXRoboto,Roboto,Arial,sans-serif;font-size:var(--cpx-body);font-weight:300;line-height:1.48;font-synthesis:none;overflow-wrap:anywhere}
.cpx2026,.cpx2026 *,.cpx2026 *::before,.cpx2026 *::after{box-sizing:border-box}
.cpx2026 h1,.cpx2026 h2,.cpx2026 h3,.cpx2026 p,.cpx2026 dl,.cpx2026 dd{margin:0;padding:0;color:inherit;font-family:inherit}
.cpx2026 h1{font-size:clamp(32px,2.6042vw,50px);font-weight:700;line-height:1.2}
.cpx2026 h2{font-size:var(--cpx-heading);font-weight:700;line-height:1.28;letter-spacing:0}
.cpx2026 h3{font-size:clamp(21px,1.5625vw,30px);font-weight:700;line-height:1.3}
.cpx2026 p{font-size:inherit;line-height:1.48;font-weight:300}
.cpx2026 a{color:inherit;text-decoration:none;box-shadow:none}
.cpx2026 button{appearance:none;-webkit-appearance:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;line-height:inherit;letter-spacing:0;text-transform:none;cursor:pointer;box-shadow:none}
.cpx2026 button:focus-visible,.cpx2026 a:focus-visible,.cpx2026 summary:focus-visible{outline:3px solid #e81919;outline-offset:5px}
.cpx2026 img{display:block;width:100%;max-width:100%;height:auto;margin:0;border:0;box-shadow:none}
.cpx2026 picture{display:block;margin:0}
.cpx2026 section[id]{scroll-margin-top:var(--cpx-scroll-offset)}
.cpx2026 .cpx-header-gap{height:var(--cpx-header-height);width:100%}
.cpx2026 .cpx-container{width:81%;max-width:1560px;margin:0 auto}
.cpx2026 .cpx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cpx2026 .cpx-hero{position:relative;background:#edf2f9;overflow:hidden;text-align:center}
.cpx2026 .cpx-hero-background{position:absolute;inset:0;z-index:0;width:100%;height:100%}
.cpx2026 .cpx-hero-background img{width:100%;height:100%;object-fit:fill}
.cpx2026 .cpx-hero-art{position:relative;z-index:1;width:100%;aspect-ratio:1920/694}
.cpx2026 .cpx-hero-wordmark{position:absolute;left:15.208%;top:45.965%;width:74.948%;z-index:1}
.cpx2026 .cpx-hero-devices{position:absolute;left:35.625%;top:24.64%;width:34.167%;z-index:2}
.cpx2026 .cpx-hero-copy{position:relative;z-index:1;padding:0 24px 4.843854%}
.cpx2026 .cpx-hero-copy h1{margin:0 0 12px;font-size:clamp(30px,2.714417vw,52.1168px);line-height:clamp(36px,3.200938vw,61.458px)}
.cpx2026 .cpx-hero-copy p{font-size:clamp(18px,1.800729vw,34.574px);line-height:clamp(21.6px,2.123438vw,40.77px);font-weight:300}
.cpx2026 .cpx-highlights{position:relative;isolation:isolate;padding:4.6% 0 5.45%;background:#f4f6fb}
.cpx2026 .cpx-highlights>.cpx-container{position:relative;z-index:1}
.cpx2026 .cpx-highlights-background,.cpx2026 .cpx-specs-background{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}
.cpx2026 .cpx-highlights-background img,.cpx2026 .cpx-specs-background img{display:block;width:100%;height:100%;object-fit:fill}
.cpx2026 .cpx-highlights h2{text-align:center;margin:0 0 4.8%}
.cpx2026 .cpx-highlights-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(6px,.52vw,10px)}
.cpx2026 [data-cpx-carousel="highlights"],.cpx2026 [data-cpx-carousel="highlights"] .cpx-carousel-track{display:contents}
.cpx2026 .cpx-highlight-card{position:relative;display:grid;grid-template:1fr/1fr;grid-column:span 2;overflow:hidden;min-width:0}
.cpx2026 .cpx-highlight-card:nth-child(4),.cpx2026 .cpx-highlight-card:nth-child(5){grid-column:span 3}
.cpx2026 .cpx-highlight-card>picture,.cpx2026 .cpx-highlight-card>img{grid-area:1/1;width:100%;height:100%}
.cpx2026 .cpx-highlight-card picture img{width:100%;height:100%;object-fit:cover}
.cpx2026 .cpx-card-title{grid-area:1/1;position:relative;z-index:1;align-self:start;display:block;max-width:85%;padding:5% 4%;font-size:clamp(15px,1.5625vw,30px);font-weight:700;line-height:1.25;color:#fff}
.cpx2026 .cpx-highlight-card[data-cpx-key="airflow"] .cpx-card-title{max-width:100%;justify-self:stretch;text-align:center;color:#242424}
.cpx2026 .cpx-highlight-card[data-cpx-key="blinker"] .cpx-card-title{justify-self:end;max-width:68%;padding-right:7%}
.cpx2026 .cpx-highlight-card[data-cpx-key="oil"] .cpx-card-title{max-width:100%;font-size:clamp(14px,1.1979vw,23px);text-align:center;color:#242424}
.cpx2026 .cpx-highlight-card:hover{filter:brightness(1.025)}
.cpx2026 .cpx-specs{position:relative;isolation:isolate;grid-column:span 4;overflow:hidden;padding:3.2% 4%;background:#94ace0;color:#fff}
.cpx2026 .cpx-specs>:not(.cpx-specs-background){position:relative;z-index:1}
.cpx2026 .cpx-highlights-grid.is-specs-only .cpx-specs{grid-column:1/-1}
.cpx2026 .cpx-specs h3{margin-bottom:4%;font-size:clamp(18px,1.4583vw,28px)}
.cpx2026 .cpx-specs-columns{display:grid;grid-template-columns:1fr 1fr;gap:5%}
.cpx2026 .cpx-specs,.cpx2026 .cpx-specs p,.cpx2026 .cpx-specs dt,.cpx2026 .cpx-specs dd{font-size:clamp(13px,1.1979vw,23px);font-weight:400;line-height:1.6}
.cpx2026 .cpx-specs dl{display:grid;grid-template-columns:auto 1fr;gap:3px 7px}
.cpx2026 .cpx-specs dt{font-weight:700}
.cpx2026 .cpx-scene{position:relative;display:grid;grid-template:1fr/1fr;overflow:hidden;background:#fff}
.cpx2026 .cpx-screen{background:#e1e6ee}
.cpx2026 .cpx-scene-art{grid-area:1/1;position:relative;min-width:0}
.cpx2026 .cpx-scene-desktop{display:block;width:100%;height:auto}
.cpx2026 .cpx-scene-desktop img{width:100%;height:auto}
.cpx2026 .cpx-screen .cpx-scene-desktop{aspect-ratio:1920/1045}
.cpx2026 .cpx-voltage .cpx-scene-desktop{aspect-ratio:1920/1091}
.cpx2026 .cpx-blinker .cpx-scene-desktop{aspect-ratio:1920/981}
.cpx2026 .cpx-screen .cpx-scene-desktop img,.cpx2026 .cpx-voltage .cpx-scene-desktop img,.cpx2026 .cpx-blinker .cpx-scene-desktop img{width:100%;height:100%;object-fit:cover}
.cpx2026 .cpx-scene-mobile{display:none}
.cpx2026 .cpx-scene-copy{grid-area:1/1;position:relative;z-index:1;align-self:start;width:52%;max-width:1000px;margin:0 auto;padding:5.2% 0 3%;text-align:center}
.cpx2026 .cpx-scene-copy h2{margin-bottom:3.5%}
.cpx2026 .cpx-scene-copy p+p{margin-top:1em}
.cpx2026 .cpx-voltage .cpx-scene-copy{width:30%;max-width:580px;margin-left:20.5%;padding-top:17.5%;padding-bottom:15%;text-align:left}
.cpx2026 .cpx-oil .cpx-scene-desktop{aspect-ratio:1920/1122;overflow:hidden;object-fit:cover;object-position:bottom}
.cpx2026 .cpx-oil .cpx-scene-desktop img{width:100%;height:100%;aspect-ratio:1920/1122;object-fit:cover;object-position:bottom}
.cpx2026 .cpx-oil .cpx-scene-copy{width:60%;max-width:1150px;padding-top:13.6%;padding-bottom:25%}
.cpx2026 .cpx-blinker .cpx-scene-copy{width:60%;max-width:1150px;padding-top:4.85%}
.cpx2026 .cpx-airflow{padding:7.2% 0 3.55%;background:#fff}
.cpx2026 .cpx-airflow>.cpx-container{position:relative}
.cpx2026 .cpx-airflow-slides{display:grid;grid-template:1fr/1fr}
.cpx2026 .cpx-airflow-slide{grid-area:1/1;display:grid;grid-template-columns:40% 54%;gap:6%;align-items:start;min-width:0;visibility:hidden;pointer-events:none}
.cpx2026 .cpx-airflow-slide.is-active{visibility:visible;pointer-events:auto}
.cpx2026 .cpx-airflow-copy{padding:0 3.5% calc(var(--cpx-control) + var(--cpx-control-bottom) + 17px)}
.cpx2026 .cpx-airflow-copy h2{margin-bottom:5.5%}
.cpx2026 .cpx-airflow-copy p+p{margin-top:1em}
.cpx2026 .cpx-airflow-media{width:100%;aspect-ratio:815/656;border-radius:20px;overflow:hidden;background:#a8bde8}
.cpx2026 .cpx-airflow-media picture,.cpx2026 .cpx-airflow-media img{width:100%;height:100%;object-fit:cover}
.cpx2026 .cpx-airflow-slide[data-cpx-key="anticlog"] .cpx-airflow-media img{object-fit:contain}
.cpx2026 .cpx-airflow-controls{position:absolute;left:3.4%;bottom:var(--cpx-control-bottom);display:flex;gap:clamp(10px,.57vw,11px);z-index:2}
.cpx2026 .cpx-airflow-controls button{display:grid;place-items:center;width:var(--cpx-control);height:var(--cpx-control);border:1.5px solid #111;border-radius:50%;background:#fff;color:#111;font-size:0}
.cpx2026 .cpx-airflow-controls button::after{content:none}
.cpx2026 .cpx-airflow-controls button[data-cpx-airflow-next]{border-color:#f00000;background:#f00000;color:#fff}
.cpx2026 .cpx-airflow-controls button[data-cpx-airflow-prev] img{display:block;width:64.444%;height:43.333%;max-width:none;object-fit:contain;transform:rotate(90deg)}
.cpx2026 .cpx-airflow-controls button[data-cpx-airflow-next] img{display:block;width:43.333%;height:64.444%;max-width:none;object-fit:contain}
.cpx2026 .cpx-airflow-controls button:hover{filter:brightness(.94)}
.cpx2026 .cpx-gallery{padding:5.8% 0 8%;text-align:center;background:#fff}
.cpx2026 .cpx-gallery h2{margin-bottom:12px}
.cpx2026 .cpx-gallery>p,.cpx2026 .cpx-gallery .cpx-container>p{font-size:clamp(18px,1.8229vw,35px)}
.cpx2026 .cpx-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12%;width:65%;max-width:1250px;margin:5.2% auto 0;align-items:start}
.cpx2026 .cpx-gallery-card{display:block;width:100%;transition:transform .2s}
.cpx2026 .cpx-gallery-card img{width:100%;height:clamp(180px,28.28vw,543px);object-fit:contain}
.cpx2026 .cpx-gallery-card:hover{transform:translateY(-6px)}
.cpx2026 .cpx-faq{padding:0 0 3%;background:#fff}
.cpx2026 .cpx-faq h2{text-align:center;margin-bottom:5.4%;font-size:clamp(30px,3.90625vw,75px);font-weight:900}
.cpx2026 .cpx-faq-item{margin:0;border-bottom:1px solid #777}
.cpx2026 .cpx-faq-item summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:clamp(50px,4.53125vw,87px);padding:12px 12px;font-size:clamp(15px,1.263vw,24.25px);font-weight:900;line-height:1.4;list-style:none;cursor:pointer}
.cpx2026 .cpx-faq-item summary::-webkit-details-marker{display:none}
.cpx2026 .cpx-faq-item summary::after{content:none}
.cpx2026 .cpx-faq-item summary img{display:block;flex:none;width:clamp(16px,1.7708vw,34px);height:auto;transition:transform .2s}
.cpx2026 .cpx-faq-item[open] summary img{transform:rotate(180deg)}
.cpx2026 .cpx-faq-item>p,.cpx2026 .cpx-faq-answer{padding:12px 12px 24px;color:#666;font-size:clamp(15px,1.1458vw,22px);line-height:1.55}
.cpx2026 .cpx-contact{text-align:center;padding:0 16px 5.4%;background:#fff}
.cpx2026 .cpx-contact h2{font-size:clamp(28px,3.90625vw,75px);font-weight:900;margin:0 0 3.3%}
.cpx2026 .cpx-contact-link{display:inline-flex;align-items:center;justify-content:center;min-width:clamp(140px,13.44vw,258px);min-height:clamp(44px,3.86vw,74px);padding:8px 18px;border-radius:24px;background:#f00000;color:#fff;font-size:clamp(20px,2.179vw,41.84px);font-weight:400;line-height:1.2}
.cpx2026 .cpx-contact-link:hover{background:#da0808;color:#fff}
.cpx2026 .cpx-voice{padding:0 0 6%;background:#fff;overflow:hidden}
.cpx2026 .cpx-voice h2{text-align:center;margin:0 0 5.2%;font-size:clamp(30px,3.90625vw,75px)}
.cpx2026 .cpx-voice .cpx-carousel-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3.4%;width:81%;max-width:1560px;margin:0 auto}
.cpx2026 .cpx-voice-card{display:block;min-width:0;text-align:left}
.cpx2026 .cpx-voice-card[data-cpx-clone]{display:none}
.cpx2026 .cpx-voice-card>img,.cpx2026 .cpx-voice-card>picture{width:100%;height:auto}
.cpx2026 .cpx-voice-meta{padding:7.5% 1.5% 0}
.cpx2026 .cpx-voice-card h3{font-size:clamp(18px,1.5625vw,30px);line-height:1.25;margin:12px 0}
.cpx2026 .cpx-voice-card p,.cpx2026 .cpx-voice-card time{font-size:clamp(12px,.9375vw,18px);color:#999;line-height:1.4}
.cpx2026 .cpx-pagination{display:none}
.cpx2026 .cpx-gallery-dialog{position:fixed;inset:0;margin:auto;width:min(600px,calc(100vw - 32px));max-width:600px;max-height:90dvh;padding:36px;border:0;border-radius:16px;background:#fff;color:#242424;box-shadow:0 24px 100px #17233c33;overflow:auto;font-family:CPXRoboto,Roboto,Arial,sans-serif}
.cpx2026 .cpx-gallery-dialog:not([open]){display:none}
.cpx2026 .cpx-gallery-dialog::backdrop{background:#17243880;backdrop-filter:blur(4px)}
.cpx2026 .cpx-gallery-dialog h2{text-align:center;margin:20px 0;font-size:30px}
.cpx2026 .cpx-gallery-dialog [data-cpx-dialog-image]{display:block;width:auto;max-width:80%;max-height:62dvh;margin:20px auto 0;object-fit:contain}
.cpx2026 .cpx-gallery-dialog [data-cpx-dialog-close]{position:absolute;right:15px;top:12px;padding:6px 11px;border-radius:5px;background:#f1f3f7;font-size:13px;line-height:1.4}
@media(max-width:799px){
.cpx2026 .cpx-mobile-line{display:block}
.cpx2026 .cpx-scene-copy p,.cpx2026 .cpx-airflow-copy p{font-weight:400}
.cpx2026{--cpx-heading:26px;--cpx-body:15px;--cpx-control:44px;--cpx-control-bottom:0px;--cpx-header-height:80px;font-size:15px}
.cpx2026 p{line-height:1.33}
.cpx2026 .cpx-container{width:92%;max-width:600px}
.cpx2026 h1{font-size:30px}
.cpx2026 .cpx-hero-art{aspect-ratio:375/276}
.cpx2026 .cpx-hero-wordmark{left:4%;top:51.087%;width:92%}
.cpx2026 .cpx-hero-devices{left:20.8%;top:25%;width:64.267%}
.cpx2026 .cpx-hero-copy{padding:0 15px 9.333%}
.cpx2026 .cpx-hero-copy h1{margin-bottom:9px;font-size:30px;line-height:36px}
.cpx2026 .cpx-hero-copy p{font-size:20px;line-height:1.2}
.cpx2026 .cpx-highlights{padding:9.6% 0 15%}
.cpx2026 .cpx-highlights h2{margin-bottom:7%;font-size:26px;font-weight:400}
.cpx2026 .cpx-highlights-grid{display:block}
.cpx2026 [data-cpx-carousel="highlights"]{display:block;touch-action:pan-y}
.cpx2026 [data-cpx-carousel="highlights"] .cpx-carousel-track{display:block}
.cpx2026 .cpx-highlight-card{display:none;grid-template:minmax(66px,auto) auto/1fr;background:transparent;overflow:visible}
.cpx2026 .cpx-highlight-card.is-active{display:grid}
.cpx2026 .cpx-highlight-card>picture,.cpx2026 .cpx-highlight-card>img{grid-area:2/1;width:100%;height:auto;aspect-ratio:345/232;overflow:hidden;border-radius:4px}
.cpx2026 .cpx-highlight-card picture img{width:100%;height:100%;object-fit:cover}
.cpx2026 .cpx-card-title,.cpx2026 .cpx-highlight-card:nth-child(n) .cpx-card-title{grid-area:1/1;align-self:start;justify-self:stretch;max-width:100%;padding:0 0 12px;font-size:20px;font-weight:400;line-height:1.46;text-align:center;color:#242424}
.cpx2026 .cpx-highlight-card[data-cpx-key="anticlog"] picture img{object-fit:contain;background:#abc0e9}
.cpx2026 .cpx-specs{margin-top:10%;padding:6.6% 8%;border-radius:11px}
.cpx2026 .cpx-highlights-grid.is-specs-only .cpx-specs{margin-top:0}
.cpx2026 .cpx-specs h3{margin-bottom:5%;font-size:26px}
.cpx2026 .cpx-specs-columns{display:block}
.cpx2026 .cpx-specs-columns>*+*{margin-top:0}
.cpx2026 .cpx-specs,.cpx2026 .cpx-specs p,.cpx2026 .cpx-specs dt,.cpx2026 .cpx-specs dd{font-size:18.58px;line-height:1.5}
.cpx2026 .cpx-specs dl{display:block}
.cpx2026 .cpx-specs dt,.cpx2026 .cpx-specs dd{display:inline}
.cpx2026 .cpx-specs dt::after{content:': '}
.cpx2026 .cpx-specs dd::after{content:'';display:block}
.cpx2026 .cpx-scene-desktop{display:none}
.cpx2026 .cpx-scene-mobile{position:relative;display:block;width:100%;height:100%;overflow:hidden}
.cpx2026 .cpx-mobile-background{display:block;width:100%;height:auto}
.cpx2026 .cpx-mobile-foreground{position:absolute;display:block;height:auto}
.cpx2026 .cpx-screen .cpx-scene-mobile{aspect-ratio:375/474}
.cpx2026 .cpx-screen .cpx-mobile-foreground{left:16.8%;top:48.523%;width:64.8%}
.cpx2026 .cpx-voltage .cpx-scene-mobile{aspect-ratio:375/493}
.cpx2026 .cpx-voltage .cpx-mobile-foreground{left:0;top:0;width:100%}
.cpx2026 .cpx-oil .cpx-scene-mobile{aspect-ratio:375/473}
.cpx2026 .cpx-oil .cpx-mobile-foreground{left:14.4%;top:2.96%;width:85.6%}
.cpx2026 .cpx-blinker .cpx-scene-mobile{aspect-ratio:375/482}
.cpx2026 .cpx-scene-copy{width:92%;max-width:600px;padding:10% 0 57%;font-size:15px}
.cpx2026 .cpx-scene-copy h2{font-size:26px;line-height:1.2;margin-bottom:3%}
.cpx2026 .cpx-voltage .cpx-scene-copy{width:92%;max-width:600px;margin:0 auto;padding:66.4% 0 8%;text-align:left}
.cpx2026 .cpx-oil .cpx-scene-copy{width:92%;padding:8% 0 60%}
.cpx2026 .cpx-blinker .cpx-scene-copy{width:92%;padding:11% 0 60%}
.cpx2026 .cpx-airflow{padding:10% 0 15%}
.cpx2026 .cpx-airflow-slide{grid-template-columns:1fr;gap:0}
.cpx2026 .cpx-airflow-copy{padding:0 3.2%;font-size:15px}
.cpx2026 .cpx-airflow-copy h2{margin-bottom:4.5%;font-size:25px}
.cpx2026 .cpx-airflow-media{margin-top:100px;aspect-ratio:344/277;border-radius:20px}
.cpx2026 .cpx-airflow.cpx-single-slide .cpx-airflow-media{margin-top:30px}
.cpx2026 .cpx-airflow-controls{left:50%;bottom:auto;top:calc(var(--cpx-airflow-copy-height,200px) + 24px);transform:translateX(-50%);gap:26px}
.cpx2026 .cpx-airflow-controls button[data-cpx-airflow-prev] img{width:63.636%;height:43.182%}
.cpx2026 .cpx-airflow-controls button[data-cpx-airflow-next] img{width:43.182%;height:63.636%}
.cpx2026 .cpx-gallery{padding:13% 0 11%}
.cpx2026 .cpx-gallery h2{margin-bottom:7px;font-size:26px}
.cpx2026 .cpx-gallery>p,.cpx2026 .cpx-gallery .cpx-container>p{font-size:16px}
.cpx2026 .cpx-gallery-grid{width:92%;gap:10%;margin-top:12%}
.cpx2026 .cpx-gallery-card img{height:clamp(140px,43.2vw,240px);object-fit:contain}
.cpx2026 .cpx-faq{padding:0 0 9%}
.cpx2026 .cpx-faq h2{font-size:34px;margin-bottom:8%}
.cpx2026 .cpx-faq-item summary{min-height:40px;padding:9px 5px;font-size:13px;gap:12px}
.cpx2026 .cpx-faq-item summary img{width:16px}
.cpx2026 .cpx-faq-item>p,.cpx2026 .cpx-faq-answer{font-size:15px;padding:10px 5px 18px}
.cpx2026 .cpx-contact{padding:0 15px 19%}
.cpx2026 .cpx-contact h2{font-size:30px;margin-bottom:6%}
.cpx2026 .cpx-contact-link{min-width:113px;min-height:36px;padding:7px 14px;border-radius:18px;font-size:18px}
.cpx2026 .cpx-voice{padding-bottom:8%}
.cpx2026 .cpx-voice h2{font-size:32px;margin-bottom:12%}
.cpx2026 [data-cpx-carousel="voice"]{touch-action:pan-y}
.cpx2026 .cpx-carousel-viewport{width:100%;overflow:hidden}
.cpx2026 .cpx-voice .cpx-carousel-track{display:flex;flex-wrap:nowrap;gap:5.6%;width:100%;max-width:none;margin:0;transform:translateX(calc(var(--cpx-index,1) * -73.6%));transition:transform .4s ease}
.cpx2026 .cpx-voice-card,.cpx2026 .cpx-voice-card[data-cpx-clone]{display:block;flex:0 0 68%;width:68%;min-width:0}
.cpx2026 .cpx-voice-card:first-child{margin-left:16%}
.cpx2026 .cpx-voice-meta{padding-top:9%}
.cpx2026 .cpx-voice-card h3{font-size:17px;margin:10px 0}
.cpx2026 .cpx-voice-card p,.cpx2026 .cpx-voice-card time{font-size:10px}
.cpx2026 .cpx-pagination{display:flex;justify-content:center;align-items:center;gap:0;margin:12px auto 0;min-height:40px}
.cpx2026 .cpx-pagination button{position:relative;display:grid;place-items:center;min-width:27px;width:27px;height:40px;font-size:0}
.cpx2026 .cpx-pagination button::after{content:'';display:block;width:9px;height:9px;border-radius:20px;background:#707070;transition:width .2s}
.cpx2026 .cpx-pagination button.is-active{width:40px}
.cpx2026 .cpx-pagination button.is-active::after{width:31px;background:#494949}
.cpx2026 [data-cpx-carousel="voice"] .cpx-pagination{margin-top:8%}
.cpx2026 [data-cpx-carousel="voice"] .cpx-pagination button{width:35px}
.cpx2026 [data-cpx-carousel="voice"] .cpx-pagination button.is-active{width:57px}
.cpx2026 [data-cpx-carousel="voice"] .cpx-pagination button::after{width:12px;height:12px}
.cpx2026 [data-cpx-carousel="voice"] .cpx-pagination button.is-active::after{width:39px}
.cpx2026 .cpx-gallery-dialog{padding:30px 22px}
.cpx2026 .cpx-gallery-dialog h2{font-size:25px}
} .cpx2026 .cpx-hero.is-text-only .cpx-hero-art{display:none}
.cpx2026 .cpx-hero.is-text-only .cpx-hero-copy{width:81%;max-width:1100px;margin:0 auto;padding:clamp(40px,5.5vw,100px) 0}
.cpx2026 .cpx-scene.is-text-only{display:block}
.cpx2026 .cpx-scene.is-text-only .cpx-scene-art{display:none}
.cpx2026 .cpx-scene.is-text-only .cpx-scene-copy{width:81%;max-width:1100px;margin:0 auto;padding:clamp(40px,5.5vw,100px) 0;text-align:center}
.cpx2026 .cpx-airflow.cpx-without-controls .cpx-airflow-copy{padding-bottom:0}
@supports selector(:has(*)){
.cpx2026 .cpx-airflow:not(:has(.cpx-airflow-controls button)) .cpx-airflow-copy{padding-bottom:0}
}
@media(max-width:799px){
.cpx2026 .cpx-hero.is-text-only .cpx-hero-copy{width:92%;padding:40px 0}
.cpx2026 .cpx-scene.is-text-only .cpx-scene-copy{width:92%;padding:40px 0}
.cpx2026 .cpx-scene-mobile.cpx-mobile-whole-scene>.cpx-mobile-background{width:100%;height:100%;object-fit:cover;object-position:center}
.cpx2026 .cpx-oil .cpx-scene-mobile.cpx-mobile-whole-scene>.cpx-mobile-background{object-position:bottom}
.cpx2026 .cpx-scene-mobile.cpx-mobile-whole-scene>.cpx-mobile-foreground{display:none}
.cpx2026 .cpx-airflow.cpx-without-controls .cpx-airflow-media{margin-top:30px}
@supports selector(:has(*)){
.cpx2026 .cpx-airflow:not(:has(.cpx-airflow-controls button)) .cpx-airflow-media{margin-top:30px}
}
}
@media(prefers-reduced-motion:reduce){.cpx2026 *,.cpx2026 *::before,.cpx2026 *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}} @media (min-width: 800px) {
.cpx2026 .cpx-highlight-card[data-cpx-key="voltage"] .cpx-card-title {
justify-self: end;
text-align: right;
max-width: 100%;
padding: 5% 5% 5% 0;
}
} .cpx2026 .cpx-airflow{overflow:hidden}
.cpx2026 .cpx-airflow-slides{position:relative;isolation:isolate}
.cpx2026 .cpx-airflow-slide{will-change:opacity,transform}
.cpx2026 .cpx-airflow-slide.is-entering,.cpx2026 .cpx-airflow-slide.is-leaving{visibility:visible}
.cpx2026 .cpx-airflow-slide.is-entering{z-index:2}
.cpx2026 .cpx-airflow-slide.is-leaving{z-index:1;pointer-events:none}
.cpx2026 .cpx-airflow-copy{min-height:var(--motion-copy-height,0px)}
.cpx2026 .cpx-airflow-controls{z-index:5}
.cpx2026 .cpx-airflow-controls button:disabled{cursor:default}
@media(prefers-reduced-motion:reduce){.cpx2026 .cpx-airflow-slide{will-change:auto}} .cpx2026 .cpx-faq{padding:min(100px,5.2083333333vw) 0}
.cpx2026 .cpx-faq>.cpx-container{width:min(1520px,79.1666666667vw);max-width:1520px;margin-inline:auto}
.cpx2026 .cpx-faq h2{margin-bottom:min(60px,3.125vw);font-size:min(48px,2.5vw);font-weight:700;line-height:1.2}
.cpx2026 .cpx-faq-item{border-bottom:0;box-shadow:inset 0 -1px #777}
.cpx2026 .cpx-faq-item summary{gap:0;min-height:0;padding:min(30px,1.5625vw) 0;font-size:min(24px,1.25vw);font-weight:700;line-height:1.5}
.cpx2026 .cpx-faq-item summary>span{min-width:0;flex:1}
.cpx2026 .cpx-faq-item summary img{width:min(32px,1.6666666667vw);height:min(32px,1.6666666667vw);object-fit:contain}
.cpx2026 .cpx-faq-item>p,.cpx2026 .cpx-faq-answer{max-width:min(1300px,67.7083333333vw);padding:min(20px,1.0416666667vw) 0;font-size:min(20px,1.0416666667vw);font-weight:300;line-height:1.4}
.cpx2026 .cpx-faq-answer p{font-size:inherit;font-weight:inherit;line-height:inherit}
.cpx2026 .cpx-contact-link{width:auto;min-width:0;min-height:0;padding:0 2em;border-radius:.25em;font-size:min(20px,1.0416666667vw);font-weight:400;line-height:2.5}
@media(max-width:1024px){
.cpx2026 .cpx-faq{padding:50px 0}
.cpx2026 .cpx-faq>.cpx-container{width:auto;max-width:none;margin-inline:8vw}
.cpx2026 .cpx-faq h2{margin-bottom:30px;font-size:20px}
.cpx2026 .cpx-faq-item summary{padding:15px 0;font-size:16px}
.cpx2026 .cpx-faq-item summary img{width:18px;height:18px}
.cpx2026 .cpx-faq-item>p,.cpx2026 .cpx-faq-answer{max-width:none;padding:10px 0;font-size:16px}
.cpx2026 .cpx-contact-link{font-size:16px}
}
@media(max-width:750px){
.cpx2026 .cpx-contact-link{padding:0 1em;line-height:2}
}
@media(max-width:799px){
.cpx2026 .cpx-highlights,
.cpx2026 .cpx-highlights h2,
.cpx2026 .cpx-highlights h3,
.cpx2026 .cpx-highlights p,
.cpx2026 .cpx-highlights .cpx-card-title,
.cpx2026 .cpx-highlights .cpx-highlight-card:nth-child(n) .cpx-card-title,
.cpx2026 .cpx-highlights .cpx-specs,
.cpx2026 .cpx-highlights .cpx-specs dt,
.cpx2026 .cpx-highlights .cpx-specs dd{font-weight:700}
}