.desktop-services__panel a.desktop-services__portfolio {
min-height: 42px;
border: 1px solid rgba(104, 225, 255, .88);
border-radius: 12px;
color: #e9fdff;
background: rgba(24, 199, 216, .14);
box-shadow:
inset 0 0 0 1px rgba(104, 225, 255, .18),
0 10px 24px rgba(24, 199, 216, .14);
}
.desktop-services__panel a.desktop-services__portfolio:hover,
.desktop-services__panel a.desktop-services__portfolio:focus-visible,
.desktop-services__panel a.desktop-services__portfolio.is-current {
color: #ffffff;
border-color: rgba(151, 241, 255, .98);
background: rgba(24, 199, 216, .24);
box-shadow:
inset 0 0 0 1px rgba(151, 241, 255, .24),
0 12px 30px rgba(24, 199, 216, .22);
}.core-jump-nav {
order:4;
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
margin:24px auto 0;
}
.core-jump-nav a {
min-height:52px;
display:flex;
align-items:center;
justify-content:center;
padding:10px 14px;
border:1px solid rgba(76,95,216,.24);
border-radius:12px;
background:#edf7ff;
color:#2531a4;
text-align:center;
text-decoration:none;
font-family:var(--font-display,inherit);
font-weight:800;
line-height:1.35;
}
.home-choice-grid,.contact-intent-grid,.pricing-choice-grid {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}
.home-choice-card,.contact-intent-card,.pricing-choice-card {
min-width:0;
display:grid;
gap:7px;
padding:20px;
border:1px solid rgba(76,95,216,.2);
border-radius:14px;
background:#f7fbff;
color:#172824;
text-decoration:none;
box-shadow:0 8px 20px rgba(38,74,87,.06);
}
.home-choice-card:hover,.home-choice-card:focus-visible,
.contact-intent-card:hover,.contact-intent-card:focus-visible,
.pricing-choice-card:hover,.pricing-choice-card:focus-visible {
border-color:#4c5fd8;
background:#e9efff;
outline:none;
}
.home-choice-card strong,.contact-intent-card strong,.pricing-choice-card strong {
color:#2531a4;
font-family:var(--font-display,inherit);
font-size:clamp(1.05rem,1.45vw,1.25rem);
line-height:1.25;
}
.home-choice-card span,.contact-intent-card span,.pricing-choice-card span {
color:var(--muted,#596966);
line-height:1.5;
}
.home-choice-note,.contact-intent-note,.pricing-choice-note {
margin-top:16px;
padding:15px 18px;
border-right:4px solid #4c5fd8;
border-radius:10px;
background:#f1f5ff;
color:#30403b;
line-height:1.55;
}
.semantic-link-copy { min-width:0; display:grid; gap:4px; }
.semantic-link-title { color:inherit; font:inherit; }
.semantic-link-note {
color:var(--muted,#596966);
font-family:var(--font-body,inherit);
font-size:clamp(.78rem,.95vw,.9rem);
font-weight:500;
line-height:1.38;
}
.portfolio-service-links {
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:7px;
margin-top:4px;
}
.portfolio-service-links a {
display:inline-flex;
align-items:center;
min-height:34px;
padding:6px 10px;
border:1px solid rgba(76,95,216,.2);
border-radius:8px;
background:#eef4ff;
color:#2531a4;
text-decoration:none;
font-size:.88rem;
font-weight:700;
}
.portfolio-service-links a:hover,.portfolio-service-links a:focus-visible {
border-color:#4c5fd8;
background:#dfe9ff;
outline:none;
}
.pricing-choice-guide {
margin-top:28px;
padding:clamp(22px,4vw,36px);
border:1px solid rgba(76,95,216,.18);
border-radius:18px;
background:#f5f9ff;
}
.pricing-choice-guide h2 { margin:0 0 8px; }
.pricing-choice-guide > p { margin:0 0 18px; color:#596966; }
.pricing-choice-card em { color:#182a26; font-style:normal; font-weight:800; }
.price-faq {
margin-top:28px;
padding:clamp(24px,4vw,42px);
border:1px solid rgba(76,95,216,.16);
border-radius:18px;
background:#f8fcff;
}
.price-faq h2 { margin:0 0 8px; }
.price-faq > p { margin:0 0 18px; color:#596966; }
.price-faq details {
margin-top:10px;
padding:14px 16px;
border:1px solid rgba(76,95,216,.16);
border-radius:12px;
background:#fff;
}
.price-faq summary { cursor:pointer; color:#172824; font-weight:800; }
.price-faq details p { margin:10px 0 0; color:#455451; line-height:1.55; }
@media (max-width:760px) {
.core-jump-nav { grid-template-columns:repeat(2,minmax(0,1fr)); padding-inline:16px; }
.core-jump-nav a { min-height:48px; padding:9px 10px; }
.home-choice-grid,.contact-intent-grid,.pricing-choice-grid { grid-template-columns:1fr; }
.semantic-link-copy { text-align:center; }
}body::before,
body::after,
main .section::before,
main .section::after,
main .story::after,
main .price::before,
main .price::after,
main .card::after,
main .process-step::before,
main .process-step::after,
main .geo-panel::before,
main .geo-panel::after,
main .faq details::after,
main .service-directory::after,
.service-next::before,
.service-next::after,
.pricing-hero::before,
.pricing-hero::after {
content:none !important;
display:none !important;
background:none !important;
animation:none !important;
}
.desktop-header__inner {
background:linear-gradient(90deg, rgba(29,42,112,.96), rgba(4,6,17,.98) 50%, rgba(29,42,112,.96)) !important;
}
.desktop-header__inner::before {
background:none !important;
}
.cta-panel {
background:linear-gradient(135deg, #354bba, #087d9b) !important;
}
.etg-site-footer {
background:linear-gradient(90deg, #171f52 0%, #0d143f 22%, #040611 44%, #010207 50%, #040611 56%, #0d143f 78%, #171f52 100%) !important;
}
.project-card--featured {
background:linear-gradient(135deg, rgba(255,255,255,.98), rgba(232,237,255,.92)) !important;
}
.not-found-hero {
background:linear-gradient(135deg, #f6fbff 0%, #eef7f5 52%, #fff8e8 100%) !important;
}
body:not(.landing-beta-page) {
background:linear-gradient(180deg, #c8e5f7 0%, #d6e4fb 100%) !important;
}
body:not(.landing-beta-page) > .wrap {
background:linear-gradient(145deg, #c8e5f7 0%, #d6e4fb 100%) !important;
}
body:not(.landing-beta-page) > .wrap::before {
content:none !important;
display:none !important;
background:none !important;
}html,
body,
body.elementor-page,
body.page-template-elementor_canvas,
body .elementor-widget-html > .elementor-widget-container,
body > .landing-beta-page,
body > main,
.landing-beta-page main {
background:linear-gradient(90deg, #171f52 0%, #0d143f 22%, #040611 44%, #010207 50%, #040611 56%, #0d143f 78%, #171f52 100%) !important;
}
main {
position:relative;
isolation:isolate;
}
main::before {
content:"" !important;
display:block !important;
position:fixed;
inset:0;
z-index:0;
pointer-events:none;
background:radial-gradient(ellipse at 50% 50%, rgba(0, 0, 8, .86) 0%, rgba(0, 0, 12, .62) 26%, rgba(1, 2, 10, .22) 54%, transparent 76%);
opacity:.28;
transform:scale(.72);
transform-origin:center;
will-change:transform, opacity;
animation:etgGlobalCanvasBreathing 10s ease-in-out infinite;
}
main > * {
position:relative;
z-index:1;
}
main > :is(.section, .section--warm, .section--green),
.service-next {
background:transparent !important;
}
main .section__head h2 {
color:#f5f8ff !important;
}
main .section__head .section-kicker {
color:#73ddff !important;
}
main .section__head .section-note,
main .media-copy > p {
color:rgba(235, 244, 255, .82) !important;
}
@keyframes etgGlobalCanvasBreathing {
0%, 100% {
opacity:.28;
transform:scale(.72);
}
50% {
opacity:.68;
transform:scale(1.3);
}
}
@media (prefers-reduced-motion: reduce) {
main::before {
animation:none;
opacity:.42;
transform:scale(1);
}
}@media (min-width:981px) {
body .desktop-header {
top:0 !important;
}
body .desktop-header__inner {
min-height:118px !important;
grid-template-columns:minmax(0, 1fr) 82px minmax(0, 1fr) !important;
gap:34px !important;
padding:10px 40px !important;
border:0 !important;
border-radius:0 !important;
clip-path:none !important;
isolation:isolate;
background:none center / 100% 100% no-repeat !important;
-webkit-backdrop-filter:none !important;
backdrop-filter:none !important;
box-shadow:none;
filter:
drop-shadow(0 12px 18px rgba(0, 0, 0, .34))
drop-shadow(0 0 12px rgba(72, 82, 255, .13));
}
body .desktop-header__left,
body .desktop-header__actions {
align-self:center;
width:100% !important;
min-width:0;
height:34px;
transform:none;
}
body .desktop-header__left {
display:grid !important;
grid-template-columns:38px minmax(0, 1fr);
gap:14px !important;
padding:0 38px 0 12px;
}
body .desktop-header__nav {
width:100%;
min-width:0 !important;
display:grid !important;
grid-template-columns:repeat(4, minmax(0, 1fr));
align-items:center;
gap:0 !important;
}
body .desktop-header__actions {
display:grid !important;
grid-template-columns:38px minmax(72px, .9fr) minmax(62px, .72fr) minmax(128px, 1.35fr);
align-items:center;
gap:10px !important;
padding:0 12px 0 38px;
justify-self:stretch !important;
}
body .desktop-header__nav a,
body .desktop-services summary,
body .desktop-header__price,
body .desktop-header__cta {
position:relative;
min-width:0 !important;
min-height:30px !important;
padding:0 7px !important;
border:0 !important;
border-radius:0 !important;
color:#eafaff !important;
background:none !important;
box-shadow:none !important;
text-shadow:0 0 5px rgba(90, 214, 255, .7), 0 1px 2px rgba(0, 0, 0, .92);
font-size:16px !important;
font-weight:900 !important;
line-height:1 !important;
transform:none !important;
}
body .desktop-header__nav a:not(:last-child)::before,
body .desktop-header__actions > .desktop-header__contact::before,
body .desktop-header__actions > .desktop-header__price::before,
body .desktop-header__actions > .desktop-services::before {
content:"";
position:absolute;
top:7px;
bottom:7px;
inset-inline-end:0;
width:1px;
background:linear-gradient(transparent, rgba(95, 221, 255, .5), transparent);
box-shadow:0 0 7px rgba(72, 207, 255, .36);
pointer-events:none;
}
body .desktop-header__actions > .desktop-header__contact,
body .desktop-header__actions > .desktop-header__price,
body .desktop-header__actions > .desktop-services {
position:relative;
}
body .desktop-header__nav a::after,
body .desktop-header__price::after,
body .desktop-header__cta::after {
content:"";
position:absolute;
right:24%;
bottom:1px;
left:24%;
height:1px;
background:#65e6ff;
box-shadow:0 0 8px #526dff;
opacity:0;
transform:scaleX(.35);
transition:opacity .18s ease, transform .18s ease;
}
body .desktop-header__nav a:hover,
body .desktop-header__nav a:focus-visible,
body .desktop-header__nav a.is-active,
body .desktop-services summary:hover,
body .desktop-services summary:focus-visible,
body .desktop-header__price:hover,
body .desktop-header__price:focus-visible,
body .desktop-header__cta:hover,
body .desktop-header__cta:focus-visible {
color:#ffffff !important;
background:none !important;
box-shadow:none !important;
text-shadow:0 0 8px rgba(95, 226, 255, .95), 0 0 18px rgba(80, 91, 255, .5), 0 1px 2px #000;
outline:none;
}
body .desktop-header__nav a:hover::after,
body .desktop-header__nav a:focus-visible::after,
body .desktop-header__nav a.is-active::after,
body .desktop-header__price:hover::after,
body .desktop-header__price:focus-visible::after,
body .desktop-header__cta:hover::after,
body .desktop-header__cta:focus-visible::after {
opacity:1;
transform:scaleX(1);
}
body .desktop-header__nav a.is-active {
color:#aef4ff !important;
}
body .desktop-header__price {
color:#ffe59a !important;
text-shadow:0 0 7px rgba(255, 201, 61, .72), 0 1px 2px #000;
}
body .desktop-header__cta {
color:#baf6ff !important;
text-shadow:0 0 7px rgba(64, 220, 255, .78), 0 1px 2px #000;
}
body .desktop-services {
width:100%;
min-width:0;
margin:0 !important;
}
body .desktop-services summary {
width:100%;
gap:7px !important;
color:#f5fcff !important;
}
body .desktop-services summary::before {
width:15px;
height:11px;
flex-basis:15px;
}
body .desktop-social {
width:34px !important;
min-width:34px !important;
height:34px !important;
min-height:34px !important;
padding:0 !important;
border:1px solid rgba(102, 225, 255, .54) !important;
border-radius:50% !important;
color:#ffffff !important;
background:radial-gradient(circle at 38% 32%, rgba(88, 120, 255, .92), rgba(12, 23, 78, .96) 72%) !important;
box-shadow:inset 0 0 9px rgba(82, 235, 255, .28), 0 0 10px rgba(72, 87, 255, .42) !important;
text-shadow:0 0 5px rgba(255,255,255,.7);
transform:none !important;
}
body .desktop-social:hover,
body .desktop-social:focus-visible {
border-color:rgba(171, 246, 255, .92) !important;
background:radial-gradient(circle at 38% 32%, rgba(92, 194, 255, .98), rgba(31, 42, 137, .98) 72%) !important;
box-shadow:inset 0 0 12px rgba(145, 244, 255, .4), 0 0 17px rgba(73, 193, 255, .64) !important;
outline:none;
}
body .desktop-social__svg {
width:16px;
height:16px;
}
@media (min-width:981px) and (max-width:1120px) {
body .desktop-header__inner {
grid-template-columns:minmax(0, 1fr) 66px minmax(0, 1fr) !important;
gap:24px !important;
padding-left:24px !important;
padding-right:24px !important;
}
body .desktop-header__left {
grid-template-columns:32px minmax(0, 1fr);
gap:8px !important;
padding:0 24px 0 6px;
}
body .desktop-header__actions {
grid-template-columns:32px minmax(58px, .85fr) minmax(48px, .7fr) minmax(112px, 1.4fr);
gap:4px !important;
padding:0 6px 0 24px;
}
body .desktop-header__nav a,
body .desktop-services summary,
body .desktop-header__price,
body .desktop-header__cta {
min-height:28px !important;
padding-left:4px !important;
padding-right:4px !important;
font-size:14px !important;
}
body .desktop-services summary {
gap:4px !important;
}
body .desktop-services summary::before {
width:12px;
height:9px;
flex-basis:12px;
}
body .desktop-social {
width:30px !important;
min-width:30px !important;
height:30px !important;
min-height:30px !important;
}
}
body .desktop-header__inner::before {
content:none !important;
display:none !important;
}
body .desktop-header__edge-fx {
position:absolute;
inset:0;
z-index:0;
width:100%;
height:100%;
display:block;
pointer-events:none;
-webkit-mask:none center / 100% 100% no-repeat;
mask:none center / 100% 100% no-repeat;
}
body > .desktop-header-portal-panel.desktop-services__panel {
position:fixed !important;
left:50% !important;
width:min(1180px, calc(100vw - 44px)) !important;
display:grid !important;
transform:translateX(-50%) !important;
z-index:2147483200 !important;
}
body > .desktop-header-portal-panel.language-switch__panel {
position:fixed !important;
width:64px !important;
display:grid !important;
transform:translateX(-50%) !important;
z-index:2147483200 !important;
}
}
@media (min-width:981px) and (max-width:1120px) {
html[lang^="ru"] body .desktop-header__nav a,
html[lang^="ru"] body .desktop-services summary,
html[lang^="ru"] body .desktop-header__price,
html[lang^="ru"] body .desktop-header__cta {
font-size:12px !important;
}
}