.sticky-header {
position: sticky;
top: 0;  z-index: 9999;
background: #fff; width: 100%;
box-shadow: 0 2px 8px rgba(0,0,0,.06); } .wp-site-blocks { overflow: visible; } .has-sticky-spacer {
padding-top: 72px; }
.sticky-header .wp-block-navigation__container {
flex-wrap: nowrap; }
.sticky-header .wp-block-navigation__container > .wp-block-navigation-item {
white-space: nowrap; } .lang-switch a {
text-decoration: none !important;
padding: 4px 10px; margin-left: 8px;
font-size: 14px;
color: #505556;
}
.lang-switch a:hover { color: #0693e3;
text-decoration: none;
} .pc-only { display: inline-flex !important; align-items: center; } .sp-only { display: none !important; } @media (max-width: 782px) {
.pc-only { display: none !important; }
.sp-only { display: inline-flex !important; }
} .wp-block-navigation__responsive-container:not(.is-menu-open) .sp-only {
display: none !important;
}
.sticky-header .wp-block-site-title{
white-space: nowrap; word-break: keep-all;
display: inline-block;
margin: 0;
flex: 0 0 auto; } h1.custom-title a,
h1.wp-block-heading.custom-title a {
font-size: var(--wp--preset--font-size--x-large, 2rem) !important;
color: #212728 !important; text-decoration: none !important;
font-weight: 600 !important;
font-style: normal !important;
line-height: 1.2 !important;
white-space: nowrap; word-break: keep-all;
display: inline-block;
margin: 0;
flex: 0 0 auto; } h1.custom-title a:hover,
h1.custom-title a:focus,
h1.custom-title a:active {
color: #212728 !important;
text-decoration: none !important;
}  .site-footer ul {
list-style: none; margin: 0;
padding: 0;
} .site-footer ul li a {
color: inherit; text-decoration: none; display: block;
margin-bottom: 8px; transition: color .2s;
} .site-footer ul li a:hover {
color: #000;
}
@media (max-width: 782px) {
.tech-spw { padding-right:0 !important;
padding-left:0 !important;
}
} .wpcf7 form {
max-width: 680px;
margin: 0 auto;
padding: 0 16px;
font-size: 16px;
} .wpcf7 form label {
display: block;
margin: 0 0 16px;
color: #111;
} .wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea {
width: 100%;
box-sizing: border-box;
padding: 12px 14px;
border: 1px solid #cfd3d7;
border-radius: 6px;
background: #fff;
color: #111;
outline: none;
transition: border-color .2s, box-shadow .2s;
appearance: none; }
.wpcf7 textarea { min-height: 160px; resize: vertical; } .wpcf7 input:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
border-color: #2b7cff;
box-shadow: 0 0 0 3px rgba(43,124,255,.12);
} .wpcf7 ::placeholder { color: #9aa3ab; } .wpcf7 input[type="submit"] {
width: 100%;
max-width: 220px;
padding: 12px 16px;
border: none;
border-radius: 999px;
background: #2b7cff;
color: #fff;
font-weight: 700;
cursor: pointer;
transition: opacity .2s, transform .02s ease-in;
}
.wpcf7 input[type="submit"]:hover { opacity: .9; }
.wpcf7 input[type="submit"]:active { transform: translateY(1px); }
.submit-wrap { text-align: center; margin-top: 8px; } .wpcf7 .policy {
display: flex;
align-items: center;
gap: 10px;
margin: 8px 0 20px;
}
.wpcf7 .policy input[type="checkbox"] { width: 18px; height: 18px; } .wpcf7 input[type="submit"]:disabled {
background: #cfd3d7; color: #888;
cursor: not-allowed;
opacity: 0.7;
transform: none; box-shadow: none;
} .wpcf7 form.invalid .wpcf7-response-output { border-color:#ff3b30; }
.wpcf7 form.sent .wpcf7-response-output { border-color:#28a745; } .cta-link{
display:inline-flex; align-items:center; gap:.6rem;
color:#1e66ff; text-decoration:none; font-weight:600;
letter-spacing:.02em;
transition:opacity .2s, transform .05s ease;
}
.cta-link .icon{ width:22px; height:22px; flex:0 0 22px; color:currentColor; }
.cta-link:hover{ opacity:.9; }
.cta-link:active{ transform:translateY(1px); } .cta-link:focus-visible{
outline: 2px solid #1e66ff; outline-offset:3px; border-radius:6px;
}  .cta-right { text-align: right; }
@media (max-width: 768px) {
.cta-right {
text-align: center !important;
}
.cta-right .wp-block-buttons,
.cta-right .link-cta {
text-align: center !important;
align-items: center !important;
}
.cta-right a {
display: inline-block; }
} p.link-cta a{
position: relative;
display: inline-flex;
align-items: center;
gap: .6rem;
color: #fff; text-decoration: none; font-weight: 700;
letter-spacing: .02em;
transition: color .2s ease, transform .2s ease;
} p.link-cta a::before,
p.link-cta a::after{
content: "";
width: 22px; height: 22px;
display: inline-block;
background: currentColor;
-webkit-mask-size: contain; mask-size: contain;
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-position: center; mask-position: center;
transition: transform .2s ease;
} p.link-cta a::before{
margin-right: .1rem;
-webkit-mask-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path d='M12 3v9m0 0l4-4m-4 4L8 8M4 15v3a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-3' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>");
mask-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path d='M12 3v9m0 0l4-4m-4 4L8 8M4 15v3a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-3' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>");
} p.link-cta a::after{
margin-left: .1rem;
-webkit-mask-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path d='M5 12h14M13 5l7 7-7 7' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>");
mask-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path d='M5 12h14M13 5l7 7-7 7' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>");
} p.link-cta a:hover{
color: #dbe8ff; transform: translateX(4px); }
p.link-cta a:hover::after{ transform: translateX(3px); } p.link-cta a:focus-visible{
outline: 2px solid rgba(255,255,255,.9);
outline-offset: 3px;
border-radius: 6px;
}
.btn-hov-outline .wp-element-button {
border-color:#646FE9 !important;
}
.btn-hov-outline .wp-element-button:hover{
background-color: transparent !important;
color: var(--wp--preset--color--white) !important;
border:1px solid #fff !important;
}  @media (max-width: 768px) {
.tech-icon {
width: 120px; margin-bottom: 12px;
}
} @media (max-width: 480px) {
.tech-icon { width: 100px; }
}