.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);
}.semantic-jump-nav {
order:4;
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
margin:24px auto 0;
}
.semantic-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);
font-size:var(--fs-sm);
font-weight:800;
line-height:1.35;
}
.semantic-jump-nav a:hover,
.semantic-jump-nav a:focus-visible {
border-color:#4c5fd8;
background:#dfe9ff;
outline:none;
box-shadow:0 8px 20px rgba(76,95,216,.12);
}
#problem,#included,#process,#faq { scroll-margin-top:110px; }
.semantic-decision-heading { margin-bottom:18px; }
.semantic-decision-heading .section-kicker { margin:0 0 8px; }
.semantic-decision-heading h2 {
margin:0;
color:var(--ink);
font-family:var(--font-display);
font-size:clamp(1.55rem,2.7vw,2.35rem);
line-height:1.16;
}
.semantic-decision-list {
display:grid;
gap:10px;
margin:20px 0 0;
padding:0;
list-style:none;
}
.semantic-decision-list li {
position:relative;
margin:0;
padding:12px 46px 12px 14px;
border:1px solid rgba(76,95,216,.16);
border-radius:10px;
background:rgba(255,255,255,.58);
color:#263733;
font-size:var(--fs-body);
line-height:1.5;
}
.semantic-decision-list li::before {
content:"✓";
position:absolute;
top:12px;
right:14px;
color:#2531a4;
font-weight:900;
}
.semantic-decision-route {
margin-top:18px!important;
padding:14px 16px;
border-right:4px solid #4c5fd8;
border-radius:8px;
background:#f4f7ff;
font-size:var(--fs-body)!important;
}
.semantic-decision-route a { color:#2531a4; font-weight:800; }
.semantic-delivery { margin-top:28px; }
.semantic-delivery__head {
display:flex;
align-items:end;
justify-content:space-between;
gap:18px;
margin-bottom:16px;
}
.semantic-delivery__head h3 {
margin:0;
font-family:var(--font-display);
font-size:clamp(1.35rem,2vw,1.85rem);
line-height:1.2;
}
.semantic-delivery__head p { max-width:590px; margin:0; color:var(--muted); }
.semantic-delivery-grid {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
}
.semantic-delivery-card {
min-width:0;
padding:20px;
border:1px solid var(--line);
border-radius:14px;
background:#f8fcff;
}
.semantic-delivery-card h3 {
margin:0 0 9px;
color:#2531a4;
font-family:var(--font-display);
font-size:var(--fs-h3);
line-height:1.25;
}
.semantic-delivery-card p { margin:0; color:#34433f; 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);
font-family:var(--font-body);
font-size:clamp(.78rem,.95vw,.9rem);
font-weight:500;
line-height:1.38;
}
.semantic-proof {
margin-top:18px;
padding-top:18px;
border-top:1px solid var(--line);
}
.semantic-proof p { margin:0 0 14px; }
.semantic-proof .btn { width:max-content; max-width:100%; }
@media (max-width:760px) {
.semantic-jump-nav { grid-template-columns:repeat(2,minmax(0,1fr)); padding-inline:16px; }
.semantic-jump-nav a { min-height:48px; padding:9px 10px; }
.semantic-decision-list li { padding:11px 42px 11px 12px; }
.semantic-delivery__head { display:block; }
.semantic-delivery__head p { margin-top:8px; }
.semantic-delivery-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;
}
}.desktop-header__signal { display:none; }
@media (min-width:981px) {
body .desktop-header {
top:0 !important;
left:0 !important;
right:0 !important;
width:100% !important;
max-width:none !important;
margin:0 !important;
}
body .desktop-header__inner {
width:100% !important;
max-width:none !important;
margin:0 !important;
min-height:78px !important;
grid-template-columns:64px minmax(28px, 1fr) auto minmax(28px, 1fr) auto !important;
gap:0 !important;
padding:8px 24px !important;
border:0 !important;
border-bottom:1px solid rgba(103, 224, 255, .34) !important;
border-radius:0 !important;
clip-path:none !important;
overflow:visible !important;
background:linear-gradient(90deg, rgba(7, 14, 50, .99), rgba(12, 25, 76, .985) 52%, rgba(7, 14, 50, .99)) !important;
box-shadow:0 12px 34px rgba(1, 6, 28, .24), inset 0 -1px 0 rgba(77, 205, 255, .08) !important;
filter:none !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
direction:ltr;
}
body .desktop-header__inner::before,
body .desktop-header__edge-fx,
body .desktop-header__left { display:none !important; }
body .desktop-brand {
grid-column:1;
grid-row:1;
width:56px !important;
height:56px !important;
border-radius:12px !important;
justify-self:start;
}
body .desktop-brand::before {
inset:-3px !important;
border-radius:15px !important;
border-color:rgba(83, 218, 255, .35) !important;
box-shadow:0 0 14px rgba(67, 199, 255, .25) !important;
animation:none !important;
}
body .desktop-brand img {
width:56px !important;
height:56px !important;
border-radius:12px !important;
box-shadow:none !important;
}
body .desktop-header__signal {
grid-column:5;
grid-row:1;
position:relative;
min-width:0;
min-height:54px;
display:grid;
grid-template-columns:auto 1px auto;
align-content:center;
align-items:center;
justify-content:end;
justify-self:stretch;
gap:clamp(12px, 1.4vw, 24px);
padding:2px 4px;
color:#eaf8ff;
direction:ltr;
isolation:isolate;
}
body .desktop-header__phone,
body .desktop-header__email {
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
color:#f5fbff;
font-size:15px;
font-weight:850;
line-height:1;
letter-spacing:0;
text-decoration:none;
white-space:nowrap;
text-shadow:0 0 11px rgba(74, 183, 255, .26);
transition:color .2s ease, text-shadow .2s ease, filter .2s ease;
}
body .desktop-header__phone:hover,
body .desktop-header__phone:focus-visible,
body .desktop-header__email:hover,
body .desktop-header__email:focus-visible {
color:#8eeeff;
text-shadow:0 0 6px rgba(216, 250, 255, .7), 0 0 16px rgba(93, 222, 255, .62);
filter:brightness(1.08);
}
body .desktop-header__phone .icon,
body .desktop-header__email .icon {
width:16px;
height:16px;
color:#72dcff;
filter:drop-shadow(0 0 5px rgba(91, 219, 255, .44));
}
body .desktop-header__email {
color:#dbe7ff;
}
body .desktop-header__email .icon {
color:#9b8cff;
filter:drop-shadow(0 0 6px rgba(129, 103, 255, .58));
}
body .desktop-header__contact-divider {
width:1px;
height:30px;
background:linear-gradient(transparent, rgba(111, 227, 255, .66), rgba(126, 101, 255, .58), transparent);
box-shadow:0 0 8px rgba(86, 195, 255, .38);
}
body .desktop-header__actions {
grid-column:3;
grid-row:1;
width:auto !important;
height:auto !important;
display:flex !important;
align-items:center;
justify-content:flex-start !important;
gap:8px !important;
padding:0 !important;
direction:rtl;
}
body .desktop-header__actions > * { flex:0 0 auto; margin:0 !important; }
body .desktop-header__actions > .language-switch--desktop { order:1 !important; }
body .desktop-header__actions > .desktop-social--facebook { order:2 !important; }
body .desktop-header__actions > .desktop-header__contact { order:3 !important; }
body .desktop-header__actions > .desktop-header__price { order:4 !important; }
body .desktop-header__actions > .desktop-header__portfolio { order:5 !important; }
body .desktop-header__actions > .desktop-services { order:6 !important; width:auto !important; }
body .desktop-services summary,
body .desktop-header__price,
body .desktop-header__cta,
body .desktop-header__portfolio {
position:relative;
min-height:42px !important;
padding:0 15px !important;
gap:8px !important;
border:1px solid rgba(90, 191, 255, .24) !important;
border-radius:12px !important;
color:#eaf8ff !important;
background:linear-gradient(180deg, rgba(33, 55, 137, .54), rgba(13, 26, 76, .68)) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08), inset 0 -10px 24px rgba(4, 12, 46, .24) !important;
text-shadow:none !important;
font-family:var(--font-display) !important;
font-size:15px !important;
font-weight:800 !important;
line-height:1 !important;
text-decoration:none;
}
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,
body .desktop-header__portfolio:hover,
body .desktop-header__portfolio:focus-visible {
color:#fff !important;
border-color:rgba(111, 229, 255, .62) !important;
background:linear-gradient(180deg, rgba(54, 91, 190, .66), rgba(18, 38, 104, .78)) !important;
box-shadow:0 0 18px rgba(68, 190, 255, .18), inset 0 1px 0 rgba(255,255,255,.12) !important;
text-shadow:none !important;
transform:none !important;
}
body .desktop-header__cta {
border-color:rgba(103, 229, 255, .72) !important;
background:linear-gradient(135deg, #4358d5, #168fd0) !important;
box-shadow:0 0 20px rgba(39, 169, 231, .2), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
body .desktop-header__portfolio {
display:inline-flex;
align-items:center;
justify-content:center;
}
body .desktop-header__price {
color:#ffe9a8 !important;
border-color:rgba(234, 193, 91, .5) !important;
background:linear-gradient(180deg, rgba(74, 61, 119, .52), rgba(25, 28, 76, .74)) !important;
}
body .desktop-header__actions .icon {
width:15px;
height:15px;
flex:0 0 15px;
filter:drop-shadow(0 0 6px rgba(103, 226, 255, .34));
}
body .desktop-social {
width:38px !important;
min-width:38px !important;
height:38px !important;
min-height:38px !important;
padding:0 !important;
border:1px solid rgba(96, 217, 255, .26) !important;
border-radius:50% !important;
color:#edfaff !important;
background:radial-gradient(circle at 35% 30%, rgba(67, 99, 206, .88), rgba(18, 31, 91, .92) 72%) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.11), 0 0 14px rgba(76, 173, 255, .12) !important;
text-shadow:none !important;
}
body .desktop-services__panel,
body > .desktop-header-portal-panel.desktop-services__panel {
top:88px !important;
width:min(1700px, calc(100vw - 104px)) !important;
border-radius:6px !important;
background:rgba(7, 14, 50, .985) !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
}
}
@media (min-width:981px) and (max-width:1180px) {
body .desktop-header__inner {
width:100% !important;
max-width:none !important;
margin:0 !important;
grid-template-columns:52px minmax(18px, 1fr) auto minmax(18px, 1fr) auto !important;
gap:0 !important;
padding:7px 14px !important;
}
body .desktop-header__actions { gap:2px !important; }
body .desktop-header__signal {
gap:10px;
padding-inline:6px;
}
body .desktop-header__phone,
body .desktop-header__email { font-size:12px; }
body .desktop-header__contact-divider { height:24px; }
body .desktop-services summary,
body .desktop-header__price,
body .desktop-header__cta,
body .desktop-header__portfolio {
padding:0 8px !important;
font-size:14px !important;
}
body .desktop-brand,
body .desktop-brand img { width:48px !important; height:48px !important; }
}