.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;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.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;
}article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
} audio,
canvas,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  a {
background: transparent;
} a:focus {
outline: thin dotted;
} a:active,
a:hover {
outline: 0;
}  h1 {
font-size: 2em;
margin: 0.67em 0;
} abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} mark {
background: #ff0;
color: #000;
} code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
} pre {
white-space: pre-wrap;
} q {
quotes: "\201C" "\201D" "\2018" "\2019";
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 0;
}  fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } button,
input,
select,
textarea {
font-family: inherit; font-size: 100%; margin: 0; } button,
input {
line-height: normal;
} button,
select {
text-transform: none;
} button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} textarea {
overflow: auto; vertical-align: top; }  table {
border-collapse: collapse;
border-spacing: 0;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}:root {
--bg: #0b0b0c;
--section: #111114;
--card: #1a1a1e;
--text: #e8e6e1;
--muted: rgba(232, 230, 225, 0.6);
--faint: rgba(232, 230, 225, 0.4);
--line: rgba(255, 255, 255, 0.08);
--blue: #1a9bcd;
--container: min(1200px, calc(100% - 48px));
}
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
background: var(--bg);
color: var(--text);
font-family: Inter, Arial, sans-serif;
line-height: 1.625;
}
body.menu-open {
overflow: hidden;
}
a {
color: inherit;
text-decoration: none;
}
img {
display: block;
max-width: 100%;
}
button,
input,
textarea {
font: inherit;
}
.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;
}
.container {
width: var(--container);
margin: 0 auto;
}
.site-header {
position: fixed;
inset: 0 0 auto;
z-index: 20;
height: 72px;
transition: background 180ms ease, border-color 180ms ease;
}
.site-header.is-scrolled,
.site-header.menu-active {
background: rgba(11, 11, 12, 0.88);
border-bottom: 1px solid var(--line);
backdrop-filter: blur(14px);
}
.nav-shell {
width: min(1280px, 100%);
height: 72px;
margin: 0 auto;
padding: 0 40px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
}
.brand {
display: inline-flex;
align-items: center;
gap: 12px;
font-family: "Barlow Condensed", sans-serif;
font-size: 16px;
letter-spacing: 0.02em;
white-space: nowrap;
}
.brand-icon {
width: 24px;
height: 24px;
display: inline-grid;
place-items: center;
background: var(--blue);
}
.brand-icon::before {
content: "";
width: 8px;
height: 8px;
border: 1px solid #fff;
}
.nav-menu {
display: flex;
align-items: center;
gap: 32px;
font-family: "Barlow Condensed", sans-serif;
font-size: 14px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.nav-menu a {
color: rgba(232, 230, 225, 0.72);
transition: color 180ms ease;
}
.nav-menu a:hover,
.nav-menu a.is-active {
color: #fff;
}
.nav-menu .nav-cta {
padding: 8px 20px;
background: var(--blue);
color: #fff;
}
.nav-toggle {
display: none;
width: 42px;
height: 42px;
border: 1px solid var(--line);
background: rgba(255, 255, 255, 0.03);
padding: 12px;
}
.nav-toggle span:not(.sr-only) {
display: block;
height: 2px;
margin: 5px 0;
background: #fff;
transition: transform 180ms ease;
}
.nav-toggle.is-open span:nth-child(2) {
transform: translateY(3.5px) rotate(45deg);
}
.nav-toggle.is-open span:nth-child(3) {
transform: translateY(-3.5px) rotate(-45deg);
}
.hero {
position: relative;
min-height: 962px;
display: flex;
align-items: flex-start;
justify-content: center;
padding-top: 236px;
background:
linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4) 50%, var(--bg)),
url(https://proavx.com/wp-content/uploads/2026/06/8b4d0a3f-db51-41a5-a571-adc6256111fd.jpg) center/cover;
}
.hero::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgb(0 0 0 / 85%) 0%, rgb(0 0 0 / 60%) 50%, #0B0B0C 100%);
}
.hero-content {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: space-between;
}
.section-kicker {
position: relative;
display: inline-flex;
align-items: center;
gap: 12px;
margin: 0;
color: var(--blue);
font-family: "Barlow Condensed", sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.section-kicker::before {
content: "";
width: 24px;
height: 1px;
background: var(--blue);
}
.section-kicker.wide::before {
width: 32px;
}
h1,
h2,
h3,
h4 {
margin: 0;
font-family: Rajdhani, sans-serif;
font-weight: 700;
text-transform: uppercase;
}
h1 {
margin-top: 32px;
font-size: 72px;
line-height: 1;
}
h1 span,
h2 span {
color: var(--blue);
}
h2 {
margin-top: 16px;
font-size: 48px;
line-height: 1.25;
}
.small-title {
font-size: 36px;
}
.hero-subtitle {
margin: 24px 0 0;
color: var(--muted);
font-family: "Barlow Condensed", sans-serif;
font-size: 20px;
letter-spacing: 0.025em;
}
.hero-copy {
width: min(576px, 100%);
margin: 15px 0 0;
color: rgba(232, 230, 225, 0.5);
}
.button-row {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-top: 40px;
}
.button {
min-height: 52px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
border: 1px solid transparent;
padding: 16px 32px;
font-family: "Barlow Condensed", sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 20px;
letter-spacing: 0.18em;
text-align: center;
text-transform: uppercase;
cursor: pointer;
transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}
.button:hover {
transform: translateY(-2px);
}
.button-red {
background: var(--blue);
color: #fff;
}
.button-ghost {
border-color: rgba(255, 255, 255, 0.2);
color: #fff;
}
.button-white {
background: #fff;
color: var(--blue);
}
.explore {
position: absolute;
left: 50%;
bottom: 80px;
z-index: 1;
transform: translateX(-50%);
display: grid;
justify-items: center;
gap: 8px;
color: rgba(232, 230, 225, 0.3);
font-family: "Barlow Condensed", sans-serif;
font-size: 12px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.marquee {
height: 48px;
display: flex;
align-items: center;
overflow: hidden;
background: var(--blue);
}
.marquee-track {
display: flex;
min-width: max-content;
animation: marquee 28s linear infinite;
}
.marquee span {
position: relative;
padding: 0 32px 0 52px;
color: rgba(255, 255, 255, 0.82);
font-family: "Barlow Condensed", sans-serif;
font-size: 12px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.marquee span::before {
content: "";
position: absolute;
left: 32px;
top: 50%;
width: 4px;
height: 4px;
transform: translateY(-50%);
border-radius: 20px;
background: rgba(255, 255, 255, 0.60);
}
@keyframes marquee {
to {
transform: translateX(-50%);
}
}
.stats-section {
padding: 80px 0;
}
.stats-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
border-left: 1px solid rgba(255, 255, 255, 0.04);
}
.stats-grid article {
min-height: 172px;
padding: 40px 32px;
border-right: 1px solid rgba(255, 255, 255, 0.04);
}
.stats-grid strong {
display: block;
color: var(--blue);
font-family: Rajdhani, sans-serif;
font-size: 48px;
line-height: 1;
}
.stats-grid span {
display: block;
margin-top: 4px;
color: var(--text);
font-family: "Barlow Condensed", sans-serif;
font-size: 18px;
}
.stats-grid small {
color: rgba(232, 230, 225, 0.4);
font-size: 14px;
text-transform: uppercase;
font-family: "Barlow Condensed", sans-serif;
}
.section {
padding: 112px 0;
background: var(--section);
}
.section:nth-of-type(even) {
background: var(--bg);
}
.split {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 80px;
align-items: center;
}
.top-align {
align-items: start;
}
p {
color: var(--muted);
}
.technology p,
.materials p,
.glass p,
.contact p {
margin: 24px 0 0;
}
.feature-list,
.mini-list {
list-style: none;
margin: 28px 0 0;
padding: 0;
}
.two-col {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px 28px;
}
.feature-list li,
.mini-list li {
position: relative;
padding-left: 14px;
color: rgba(232, 230, 225, 0.7);
font-size: 14px;
}
.mini-list li {
min-height: 40px;
color: rgba(232, 230, 225, 0.5);
font-size: 12px;
}
.feature-list li::before,
.mini-list li::before {
content: "";
position: absolute;
left: 0;
top: 0.7em;
width: 5px;
height: 5px;
background: var(--blue);
}
.mini-list.hollow li::before {
background: transparent;
border: 1px solid var(--blue);
}
.image-card {
position: relative;
margin: 0;
background: var(--card);
}
.image-card img {
width: 100%;
height: 420px;
object-fit: cover;
opacity: 0.78;
}
.image-card::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(37deg, rgba(0, 0, 0, 0.6), transparent);
pointer-events: none;
}
.image-card figcaption {
position: absolute;
left: -20px;
bottom: -20px;
z-index: 1;
padding: 16px 24px;
background: var(--blue);
}
.glass-image figcaption {
left: 0;
right: 0;
padding: 20px 24px;
bottom: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent);
}
.image-card strong,
.image-card span {
display: block;
}
.image-card strong {
font-family: "Barlow Condensed", sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.18em;
text-transform: uppercase;
}
.image-card span {
color: rgba(255, 255, 255, 0.7);
font-size: 12px;
}
.compare-wrap {
margin-top: 96px;
}
.compare-wrap h3,
.center-title {
text-align: center;
}
.section-kicker.center-title {
justify-content: center;
margin: auto;
display: flex;
}
.section-kicker.center-title::after {
content: "";
width: 24px;
height: 1px;
background: var(--blue);
}
.compare-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
margin-top: 40px;
background: rgba(255, 255, 255, 0.08);
}
.compare-card {
padding: 32px;
}
.compare-card.muted {
background: rgba(26, 26, 30, 0.5);
}
.compare-card.active {
border-left: 2px solid var(--blue);
background: var(--bg);
}
.compare-card h4 {
color: var(--faint);
font-family: "Barlow Condensed", sans-serif;
font-size: 14px;
letter-spacing: 0.1em;
}
.compare-card.active h4 {
color: var(--blue);
}
.compare-card ul {
list-style: none;
margin: 20px 0 0;
padding: 0;
}
.compare-card li {
position: relative;
padding: 10px 0 10px 28px;
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
color: rgba(232, 230, 225, 0.4);
font-size: 14px;
}
.compare-card.active li {
color: rgba(232, 230, 225, 0.8);
}
.compare-card li::before {
content: "";
position: absolute;
left: 0;
top: 14px;
width: 14px;
height: 14px;
border: 1px solid rgba(232, 230, 225, 0.2);
border-radius: 50%;
}
.compare-card.active li::before {
border: none;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><g clip-path="url(%23clip0_1_177)"><path d="M14.534 6.66666C14.8385 8.16086 14.6215 9.71428 13.9192 11.0679C13.217 12.4214 12.0719 13.4934 10.675 14.1049C9.2781 14.7164 7.71376 14.8305 6.24287 14.4282C4.77199 14.026 3.48347 13.1316 2.59219 11.8943C1.70091 10.657 1.26075 9.15148 1.34511 7.62892C1.42948 6.10635 2.03326 4.65872 3.05577 3.52744C4.07829 2.39616 5.45773 1.64961 6.96405 1.4123C8.47037 1.17498 10.0125 1.46123 11.3333 2.22333" stroke="%231a9bcd" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 7.33341L8 9.33341L14.6667 2.66675" stroke="%231a9bcd" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_1_177"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>') center no-repeat;
}
.section-lede {
width: min(576px, 100%);
margin: 11px 0 0;
color: rgba(232, 230, 225, 0.5);
}
.system-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
margin-top: 64px;
background: rgba(255, 255, 255, 0.08);
}
.system-card {
background: var(--section);
display: flex;
flex-direction: column;
}
.system-card img {
width: 100%;
height: 225px;
object-fit: cover;
opacity: 0.7;
}
.system-card>div {
padding: 32px;
height: stretch;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.system-card h3 {
position: relative;
padding-left: 48px;
font-size: 20px;
line-height: 36px;
}
.system-card h3::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 36px;
height: 36px;
border: 1px solid rgba(26, 155, 205, 0.3);
background-color: rgba(26, 155, 205, 0.1);
background-position: center;
background-repeat: no-repeat;
}
.system-card:nth-child(1) h3::before {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M1.37466 7.768C1.3191 7.91767 1.3191 8.08232 1.37466 8.232C1.9158 9.54409 2.83434 10.666 4.01384 11.4554C5.19335 12.2448 6.58069 12.6663 8 12.6663C9.4193 12.6663 10.8066 12.2448 11.9861 11.4554C13.1657 10.666 14.0842 9.54409 14.6253 8.232C14.6809 8.08232 14.6809 7.91767 14.6253 7.768C14.0842 6.4559 13.1657 5.33402 11.9861 4.5446C10.8066 3.75517 9.4193 3.33374 8 3.33374C6.58069 3.33374 5.19335 3.75517 4.01384 4.5446C2.83434 5.33402 1.9158 6.4559 1.37466 7.768Z" stroke="%231a9bcd" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" stroke="%231a9bcd" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.system-card:nth-child(2) h3::before {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><g clip-path="url(%23clip0_1_262)"><path d="M8.55333 1.45325C8.37962 1.37401 8.19092 1.33301 8 1.33301C7.80907 1.33301 7.62037 1.37401 7.44666 1.45325L1.73333 4.05325C1.61503 4.10541 1.51445 4.19085 1.44384 4.29915C1.37323 4.40746 1.33563 4.53396 1.33563 4.66325C1.33563 4.79254 1.37323 4.91904 1.44384 5.02734C1.51445 5.13565 1.61503 5.22108 1.73333 5.27325L7.45333 7.87991C7.62704 7.95915 7.81574 8.00015 8.00666 8.00015C8.19759 8.00015 8.38629 7.95915 8.56 7.87991L14.28 5.27991C14.3983 5.22775 14.4989 5.14231 14.5695 5.03401C14.6401 4.9257 14.6777 4.7992 14.6777 4.66991C14.6777 4.54062 14.6401 4.41412 14.5695 4.30582C14.4989 4.19751 14.3983 4.11208 14.28 4.05991L8.55333 1.45325Z" stroke="%231a9bcd" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/><path d="M1.33332 8C1.333 8.12751 1.36926 8.25244 1.43779 8.35997C1.50633 8.46749 1.60426 8.55311 1.71998 8.60667L7.45332 11.2133C7.62612 11.2916 7.81362 11.3321 8.00332 11.3321C8.19301 11.3321 8.38051 11.2916 8.55332 11.2133L14.2733 8.61333C14.3913 8.56029 14.4913 8.47406 14.5612 8.36516C14.631 8.25625 14.6677 8.12937 14.6666 8" stroke="%231a9bcd" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/><path d="M1.33332 11.3333C1.333 11.4608 1.36926 11.5857 1.43779 11.6932C1.50633 11.8007 1.60426 11.8864 1.71998 11.9399L7.45332 14.5466C7.62612 14.6248 7.81362 14.6653 8.00332 14.6653C8.19301 14.6653 8.38051 14.6248 8.55332 14.5466L14.2733 11.9466C14.3913 11.8935 14.4913 11.8073 14.5612 11.6984C14.631 11.5895 14.6677 11.4626 14.6666 11.3333" stroke="%231a9bcd" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_1_262"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>');
}
.system-card:nth-child(3) h3::before {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><g clip-path="url(%23clip0_1_293)"><path d="M2.66668 9.33328C2.54053 9.33371 2.41684 9.29833 2.30998 9.23126C2.20313 9.1642 2.1175 9.06818 2.06305 8.95438C2.00859 8.84059 1.98754 8.71367 2.00235 8.58838C2.01715 8.4631 2.0672 8.34459 2.14668 8.24661L8.74668 1.44661C8.79619 1.38947 8.86365 1.35085 8.938 1.3371C9.01235 1.32335 9.08917 1.33529 9.15584 1.37095C9.22251 1.40661 9.27507 1.46388 9.30491 1.53335C9.33474 1.60283 9.34007 1.68038 9.32002 1.75328L8.04002 5.76661C8.00227 5.86763 7.9896 5.97629 8.00308 6.08328C8.01656 6.19028 8.05579 6.2924 8.11741 6.3809C8.17903 6.46939 8.2612 6.54162 8.35687 6.59139C8.45253 6.64115 8.55885 6.66696 8.66668 6.66661H13.3333C13.4595 6.66618 13.5832 6.70156 13.69 6.76863C13.7969 6.8357 13.8825 6.93171 13.937 7.04551C13.9914 7.15931 14.0125 7.28622 13.9977 7.41151C13.9829 7.53679 13.9328 7.65531 13.8533 7.75328L7.25335 14.5533C7.20384 14.6104 7.13638 14.649 7.06203 14.6628C6.98768 14.6765 6.91087 14.6646 6.8442 14.6289C6.77752 14.5933 6.72496 14.536 6.69513 14.4665C6.66529 14.3971 6.65996 14.3195 6.68002 14.2466L7.96002 10.2333C7.99776 10.1323 8.01043 10.0236 7.99695 9.91661C7.98347 9.80962 7.94424 9.70749 7.88262 9.619C7.821 9.5305 7.73883 9.45827 7.64317 9.40851C7.5475 9.35874 7.44119 9.33293 7.33335 9.33328H2.66668Z" stroke="%231a9bcd" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_1_293"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>');
}
.system-card p {
min-height: 160px;
margin: 16px 0 0;
color: var(--muted);
font-size: 14px;
line-height: 1.625;
}
.system-card .mini-list {
padding-top: 20px;
border-top: 1px solid var(--line);
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px 16px;
}
.material-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 64px;
margin-top: 64px;
}
.material-grid h3 {
position: relative;
padding-left: 24px;
font-size: 24px;
line-height: 32px;
}
.material-grid h3::before {
content: "";
position: absolute;
left: 0;
top: 10px;
width: 12px;
height: 12px;
background: var(--blue);
}
.material-grid h3.square-outline::before {
background: transparent;
border: 1px solid var(--blue);
}
.material-grid .mini-list li {
min-height: auto;
}
.spec-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
margin: 24px 0;
}
.spec-grid div {
padding: 13px;
border: 1px solid var(--line);
background: rgba(26, 26, 30, 0.5);
}
.spec-grid dt,
.material-grid h4,
.certs h3 {
color: rgba(232, 230, 225, 0.4);
font-family: "Barlow Condensed", sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.spec-grid dd {
margin: 4px 0 0;
color: var(--text);
font-weight: 600;
font-size: 14px;
}
.material-grid h4 {
margin: 0;
padding-top: 21px;
border-top: 1px solid var(--line);
}
.exterior {
min-height: 710px;
padding: 112px 0;
background:
linear-gradient(90deg, #0B0B0C 0%, rgb(11 11 12 / 92%) 50%, rgb(11 11 12 / 92%) 100%),
url(https://proavx.com/wp-content/uploads/2026/06/5e9f8dba-703c-412d-a921-f72cccb91fce.jpg) center/cover;
}
.exterior-content {
max-width: 672px;
}
.exterior-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
margin-top: 32px;
}
.exterior-grid article {
padding: 21px;
border: 1px solid var(--line);
background: rgba(17, 17, 20, 0.8);
}
.exterior-grid h3 {
font-size: 14px;
line-height: 20px;
}
.exterior-grid p {
margin: 8px 0 0;
color: rgba(232, 230, 225, 0.5);
font-size: 12px;
line-height: 1.625;
}
.glass-list {
margin-top: 24px;
}
.glass-list article {
position: relative;
padding: 16px 0 17px 20px;
border-bottom: 1px solid var(--line);
}
.glass-list article::before {
content: "";
position: absolute;
left: 0;
top: 20px;
bottom: 17px;
width: 4px;
background: var(--blue);
}
.glass-list h3 {
font-size: 14px;
line-height: 20px;
}
.glass-list p {
margin: 4px 0 0;
color: rgba(232, 230, 225, 0.55);
font-size: 14px;
line-height: 1.625;
}
.why {
padding: 112px 0;
}
.why-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
margin-top: 64px;
background: rgba(255, 255, 255, 0.08);
}
.why-grid article {
min-height: 313px;
padding: 32px;
background: var(--section);
}
.why-grid span {
width: 48px;
height: 48px;
display: grid;
place-items: center;
border: 1px solid rgba(26, 155, 205, 0.3);
background: rgba(26, 155, 205, 0.1);
color: var(--blue);
}
.why-grid h3 {
margin-top: 24px;
font-size: 18px;
line-height: 28px;
}
.why-grid p {
margin: 12px 0 0;
color: rgba(232, 230, 225, 0.55);
font-size: 14px;
}
.gallery-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
margin-top: 48px;
background: rgba(255, 255, 255, 0.08);
}
.gallery-grid img {
width: 100%;
aspect-ratio: 399 / 225;
object-fit: cover;
opacity: 0.75;
}
.deployments {
padding: 112px 0;
}
.deployment-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
margin-top: 48px;
background: rgba(255, 255, 255, 0.08);
}
.deployment-grid article {
min-height: 104px;
padding: 28px 30px;
background: var(--section);
border-left: 2px solid transparent;
}
.deployment-grid strong {
display: block;
color: var(--blue);
font-family: "Barlow Condensed", sans-serif;
font-size: 12px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.deployment-grid span {
display: flex;
margin-top: 12px;
color: rgba(232, 230, 225, 0.7);
font-size: 14px;
align-items: center;
}
.deployment-grid span::before {
content: " ";
margin-right: 12px;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M12.6667 7.3335H3.33333C2.59695 7.3335 2 7.93045 2 8.66683V13.3335C2 14.0699 2.59695 14.6668 3.33333 14.6668H12.6667C13.403 14.6668 14 14.0699 14 13.3335V8.66683C14 7.93045 13.403 7.3335 12.6667 7.3335Z" stroke="%23E8E6E1" stroke-opacity="0.2" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.66667 7.3335V4.66683C4.66667 3.78277 5.01786 2.93493 5.64298 2.30981C6.2681 1.68469 7.11595 1.3335 8.00001 1.3335C8.88406 1.3335 9.73191 1.68469 10.357 2.30981C10.9821 2.93493 11.3333 3.78277 11.3333 4.66683V7.3335" stroke="%23E8E6E1" stroke-opacity="0.2" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/></svg>') center no-repeat;
width: 16px;
height: 16px;
display: inline-block;
}
.cta {
padding: 96px 0;
background: var(--blue);
text-align: center;
}
.cta h2 {
margin: 0;
font-size: 60px;
line-height: 75px;
}
.cta p {
width: min(576px, 100%);
margin: 16px auto 0;
color: rgba(255, 255, 255, 0.7);
font-family: "Barlow Condensed", sans-serif;
font-size: 18px;
line-height: 28px;
}
.cta .button {
margin-top: 40px;
}
.contact-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: start;
}
.contact-list {
display: grid;
gap: 24px;
margin-top: 40px;
}
.contact-list a,
.contact-list div {
min-height: 42px;
display: grid;
grid-template-columns: 40px 1fr;
column-gap: 16px;
color: rgba(232, 230, 225, 0.8);
}
.contact-list span {
grid-row: span 2;
width: 40px;
height: 40px;
display: grid;
place-items: center;
border: 1px solid rgba(26, 155, 205, 0.3);
background: rgba(26, 155, 205, 0.1);
color: var(--blue);
}
.contact-list small {
color: rgba(232, 230, 225, 0.4);
font-family: "Barlow Condensed", sans-serif;
font-size: 12px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.certs {
margin-top: 40px;
padding-top: 33px;
border-top: 1px solid var(--line);
}
.certs span {
display: inline-flex;
margin: 16px 8px 0 0;
padding: 7px 12px;
border: 1px solid var(--line);
background: var(--card);
color: rgba(232, 230, 225, 0.5);
font-family: "Barlow Condensed", sans-serif;
font-size: 12px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.contact-form {
padding: 41px;
border: 1px solid var(--line);
background: var(--bg);
}
.contact-form h3 {
font-size: 20px;
line-height: 28px;
}
.contact-form>p {
margin: 4px 0 24px;
color: rgba(232, 230, 225, 0.4);
font-size: 12px;
}
.contact-form label {
display: block;
margin: 20px 0 8px;
color: rgba(232, 230, 225, 0.5);
font-family: "Barlow Condensed", sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea {
width: 100%;
border: 1px solid var(--line);
background: var(--section);
color: var(--text);
outline: 0;
transition: border-color 180ms ease;
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"] {
height: 46px;
padding: 0 17px;
}
.contact-form textarea {
min-height: 106px;
resize: vertical;
padding: 13px 17px;
}
.contact-form input::placeholder,
.contact-form textarea::placeholder {
color: rgba(232, 230, 225, 0.25);
}
.contact-form input:focus,
.contact-form textarea:focus {
border-color: rgba(26, 155, 205, 0.8);
}
.contact-form .has-error {
border-color: #ef4444;
}
.error-message {
min-height: 16px;
display: block;
margin-top: 4px;
color: #ff7a7a;
font-size: 12px;
}
.contact-form button,
.contact-form .wpcf7-submit {
width: 100%;
margin-top: 20px;
border: 0;
}
.form-status {
min-height: 20px;
margin: 12px 0 0;
color: rgba(232, 230, 225, 0.7);
font-size: 13px;
}
.footer {
padding: 41px 0;
background: var(--bg);
}
.footer-inner {
min-height: 24px;
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
gap: 32px;
}
.footer nav {
display: flex;
gap: 24px;
color: rgba(232, 230, 225, 0.5);
font-family: "Barlow Condensed", sans-serif;
font-size: 12px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.footer p {
margin: 0;
justify-self: end;
color: rgba(232, 230, 225, 0.4);
font-size: 12px;
}
#lightbox {
display: none;
}
.grecaptcha-badge {
top: -9999px;
}
@media (max-width: 1100px) {
.nav-shell {
padding: 0 24px;
}
.nav-toggle {
display: block;
}
.nav-menu {
position: fixed;
inset: 72px 16px auto;
display: grid;
gap: 0;
padding: 12px;
border: 1px solid var(--line);
background: rgba(11, 11, 12, 0.98);
transform: translateY(-12px);
opacity: 0;
pointer-events: none;
transition: transform 180ms ease, opacity 180ms ease;
}
.nav-menu.is-open {
transform: translateY(0);
opacity: 1;
pointer-events: auto;
}
.nav-menu a {
padding: 14px;
}
.nav-menu .nav-cta {
margin-top: 8px;
text-align: center;
}
.split,
.contact-grid,
.material-grid {
grid-template-columns: 1fr;
}
.system-grid,
.why-grid,
.gallery-grid,
.deployment-grid {
grid-template-columns: repeat(2, 1fr);
}
.hero {
padding-left: 16px;
padding-right: 16px;
}
.hero-content {
margin-left: 0;
margin-bottom: 80px;
width: 100%;
}
.footer-inner {
grid-template-columns: 1fr;
}
.footer p {
justify-self: start;
}
}
@media (max-width: 720px) {
:root {
--container: min(100% - 32px, 1200px);
}
.hero {
padding-top: 105px;
justify-content: flex-start;
padding-left: 16px;
padding-right: 16px;
}
h1 {
font-size: 48px;
}
h2,
.small-title {
font-size: 36px;
line-height: 1.16;
}
.stats-section {
padding: 55px 0;
}
.section,
.why,
.deployments,
.exterior {
padding: 55px 0;
}
.stats-grid,
.compare-grid,
.system-grid,
.why-grid,
.gallery-grid,
.deployment-grid,
.two-col,
.spec-grid,
.exterior-grid {
grid-template-columns: 1fr;
}
.stats-grid article {
min-height: auto;
padding: 28px 24px;
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.button,
.button-row {
width: 100%;
}
.image-card figcaption {
left: 0;
}
.system-card p {
min-height: auto;
}
.system-card .mini-list {
grid-template-columns: 1fr;
}
.cta h2 {
font-size: 38px;
line-height: 1.15;
}
.contact-form {
padding: 28px 20px;
}
.footer nav {
flex-wrap: wrap;
}
}