.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; }
}.etg-editorial {max-width:880px;margin-inline:auto;min-width:0}
.etg-editorial p,.etg-editorial li {color:#c7d7e8;font-size:18px;line-height:1.85;text-align:start}
.etg-editorial h2 {color:#fff;font-size:30px;line-height:1.3;margin:0 0 22px;text-align:start}
.etg-editorial a,.etg-evidence a {color:#74e4ef;text-decoration:underline !important;text-underline-offset:4px}
.etg-editorial ul {padding-inline-start:24px}
.etg-editorial li {margin-block:10px}
.etg-editorial-section {padding:48px 0;border-bottom:1px solid #263b56}
.etg-editorial-byline {color:#b9cedf;font-size:15px;margin:18px auto 0;text-align:center}
.etg-editorial-byline a {color:#74e4ef;text-decoration:underline !important}
.etg-evidence {margin:24px auto 0;max-width:850px;text-align:center;line-height:1.8;color:#c7d7e8}
.etg-evidence p {color:inherit}
.geo-panel .etg-evidence {color:#314755}
.geo-panel .etg-evidence a {color:#263eaa}
.etg-evidence-links {display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;margin-top:16px}
.etg-case-preview {margin:32px auto;max-width:280px}
.etg-case-preview img {display:block;width:100%;height:auto;border:1px solid #38516b;border-radius:8px}
.etg-case-preview figcaption {color:#bbcedf;font-size:14px;margin-top:12px;text-align:center}
.etg-case-link {margin-block:14px;color:#233ba2 !important;text-decoration:underline !important;font-weight:700;display:inline-block}
@media (max-width:980px) {
main > #site-planning {order:4}
main > :is(#selected-work,#about-etgaric,#examples-and-planning,#cost-planning) {order:9}
main > #who-answers {order:2}
main > .etg-editorial-hero + .wrap {order:2}
}
@media (max-width:600px) {.etg-editorial h2{font-size:26px}.etg-editorial-section{padding:32px 0}.etg-editorial p,.etg-editorial li{font-size:17px}}.etg-editorial-hero.hero {background:linear-gradient(rgba(5,12,28,.82),rgba(5,12,28,.86)),url(//etgaric.digital/wp-content/plugins/etgaric-site-assets-20261021/assets/Picz/ServicePages/WebP/Business%20WEbsite/ChatGPT%20Image%20May%2011%2C%202026%2C%2002_08_58%20AM.webp) center/cover !important;min-height:460px;padding-block:110px 48px}
.etg-editorial-hero.hero h1 {font-size:46px;line-height:1.2;max-width:1000px;white-space:normal;letter-spacing:0}
.etg-editorial-hero.hero .lead {max-width:900px}
.etg-editorial-hero.hero .hero__content {padding-block:0}
@media(max-width:980px){.etg-editorial-hero.hero{min-height:0;padding-block:124px 44px}.etg-editorial-hero.hero h1{font-size:36px}.etg-editorial-hero.hero .hero__actions{grid-template-columns:1fr}.etg-editorial-hero.hero .hero__actions .btn{grid-column:1/-1;width:100%}}
@media(max-width:480px){.etg-editorial-hero.hero h1{font-size:30px}}body[data-visual-system] {
--font-display:"Rubik","Segoe UI",Arial,sans-serif;
--font-body:"Rubik","Segoe UI",Arial,sans-serif;
--v-ink:#f5f7ff; --v-muted:#c5cde2; --v-bg:#0b1030; --v-panel:#151e42;
--v-line:#35456c; --v-highlight:#cad8f8; --v-cyan:#b8ccf5; --v-paper:#e5effb;
--v-dark:#172445; --v-dim:#43516b; --v-accent:#354f8a;
background:var(--v-bg)!important; color:var(--v-ink); letter-spacing:0;
}
body[data-visual-system] *,body[data-visual-system] *::before,body[data-visual-system] *::after {box-sizing:border-box;letter-spacing:0}
body[data-visual-system] :focus-visible {outline:3px solid #556c98!important;outline-offset:5px!important}
body[data-visual-system] :is(button,a,summary,input) {-webkit-tap-highlight-color:transparent}
body[data-visual-system] :is(button,summary) {cursor:pointer}
body[data-visual-system] .icon {width:22px;height:22px;flex:0 0 22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body[data-visual-system] .v-skip {position:fixed;top:8px;left:16px;z-index:2147483647;padding:14px 20px;background:var(--v-highlight);color:#151a24;transform:translateY(-150%);border-radius:4px}
body[data-visual-system] .v-skip:focus {transform:none}
body[data-visual-system] #main.v-page {display:block;max-width:none;width:100%;padding:0;margin:0;background:transparent!important;isolation:isolate;color:var(--v-ink)}
body[data-visual-system] #main.v-page::before {display:none!important;content:none!important} body[data-visual-system] #main.v-page>section {background:var(--v-bg)!important;color:var(--v-ink)} body[data-visual-system] .landing-beta-page {background:transparent!important}
body[data-visual-system] #main.v-page .wrap {width:min(1240px,calc(100% - 64px));max-width:1240px;margin-inline:auto;padding:0}
body[data-visual-system] #main.v-page :is(section[id],article[id]) {scroll-margin-top:110px}
body[data-visual-system] #main.v-page .section {padding:80px 0;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent!important;overflow:visible}
body[data-visual-system] #main.v-page [data-surface="paper"] {--v-ink:#172445;--v-muted:#43516b;--v-panel:#f8fbff;--v-line:#bacbe2;--v-highlight:#354f8a;--v-cyan:#354f8a;background:var(--v-paper)!important;color:var(--v-ink)}
body[data-visual-system] #main.v-page [data-surface="quiet"] {background:#111939!important}
body[data-visual-system] #main.v-page h1 {font-size:52px!important;line-height:1.16;letter-spacing:0;text-wrap:balance}
body[data-visual-system] #main.v-page h2 {font-size:36px;line-height:1.25;color:var(--v-ink)!important;text-wrap:balance}
body[data-visual-system] #main.v-page h3 {font-size:23px;line-height:1.35;color:var(--v-ink);text-wrap:balance}
body[data-visual-system] #main.v-page p {font-size:18px;line-height:1.8;color:var(--v-muted)!important}
body[data-visual-system] #main.v-page :is(h1,h2,h3,p,figcaption) {text-align:center!important}
body[data-visual-system] #main.v-page :is(.etg-editorial,.story,.geo-panel,.industry-row__copy,.semantic-delivery-card,.service-card) {text-align:center}
body[data-visual-system] #main.v-page .etg-editorial>p {margin-inline:auto!important}
body[data-visual-system] #main.v-page .etg-editorial-byline {text-align:center!important;margin-inline:auto}
body[data-visual-system] #main.v-page .etg-editorial-byline a {color:var(--v-highlight)!important}
body[data-visual-system] #main.v-page :is(.hero__actions,.cta-panel__actions,.pricing-hero__actions,.media-copy__actions) {justify-content:center!important;justify-items:center!important;margin-inline:auto}
body[data-visual-system] #main.v-page :is(.etg-editorial,.media-copy,.story,.geo-panel)>a.btn {width:fit-content;max-width:100%;margin-inline:auto} body[data-visual-system] #main.v-page :is(ul,ol) {text-align:start}
body[data-visual-system] #main.v-page :is(.faq,.price-faq) details p {text-align:start!important}
body[data-visual-system] #main.v-page :is(.section__head,.client-head-copy) {display:block;text-align:center;max-width:890px;margin:0 auto 36px}
body[data-visual-system] #main.v-page .section__head h2 {margin:12px 0 16px}
body[data-visual-system] #main.v-page .section__head>div {min-width:0;max-width:100%;width:100%}
body[data-visual-system] #main.v-page :is(.section-note,.section-kicker) {max-width:760px;margin-inline:auto;text-align:center}
body[data-visual-system] #main.v-page .section-note {font-size:18px;line-height:1.8;color:var(--v-muted)!important}
body[data-visual-system] #main.v-page .section-kicker {display:flex;flex-direction:row!important;align-items:center;justify-content:center;gap:10px;color:var(--v-highlight)!important;font-size:15px;font-weight:750;line-height:1.5}
body[data-visual-system] #main.v-page .section-kicker .icon {width:20px;height:20px;flex-basis:20px}
body[data-visual-system] #main.v-page .section-kicker {white-space:normal!important;overflow-wrap:break-word;max-width:100%;min-width:0}
body[data-visual-system] #main.v-page :is(.etg-editorial,.media-copy) {max-width:850px;min-width:0}
body[data-visual-system] #main.v-page .etg-editorial {margin-inline:auto}
body[data-visual-system] #main.v-page .etg-editorial :is(p,li) {color:var(--v-muted);line-height:1.85;font-size:18px}
body[data-visual-system] #main.v-page :is(.etg-editorial,.etg-evidence) a {color:var(--v-highlight);text-decoration-thickness:1px!important;text-underline-offset:5px}
body[data-visual-system] #main.v-page .etg-editorial h2 {text-align:center;margin-bottom:24px}
body[data-visual-system] #main.v-page :is(.etg-editorial p,.media-copy>p) {margin:0 auto 20px}
body[data-visual-system] #main.v-page .media-copy>p {color:var(--v-muted)!important;text-align:center!important}
body[data-visual-system] #main.v-page .hero {border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;width:100%!important;max-width:none;min-height:510px!important;padding:140px 32px 64px;overflow:hidden;isolation:isolate}
body[data-visual-system] #main.v-page .hero {grid-template-columns:minmax(0,1fr)!important}
body[data-visual-system] #main.v-page .hero::after {content:none!important;display:none!important}
body[data-visual-system] #main.v-page .hero__content {width:100%!important;max-width:1180px;min-width:0;margin-inline:auto;position:relative;z-index:2;padding:0!important;min-height:0!important}
body[data-visual-system] #main.v-page .hero h1 {color:#fff!important;max-width:1000px;margin:0 auto 22px;text-align:center;text-shadow:none}
body[data-visual-system] #main.v-page .hero .lead {max-width:840px;margin:0 auto 28px;color:#dae6ee!important;font-size:20px;line-height:1.75;text-align:center}
body[data-visual-system] #main.v-page .hero__actions {width:min(720px,100%)!important;margin:22px auto 0!important;gap:12px;justify-content:center!important;justify-items:center!important;align-items:stretch!important}
body[data-visual-system] #main.v-page .hero__actions .btn {align-self:stretch!important}
body[data-visual-system] #main.v-page .btn {min-height:50px;height:auto;border:1px solid #7db7de;border-radius:6px!important;padding:13px 22px;font-size:17px;line-height:1.35;background:#3566d5!important;color:#fff!important;box-shadow:none!important;text-shadow:none;transition:background .2s,border-color .2s,transform .2s}
body[data-visual-system] #main.v-page .btn::before,body[data-visual-system] #main.v-page .btn::after {display:none}
body[data-visual-system] #main.v-page .btn {display:flex!important;align-items:center;justify-content:center;gap:9px!important;text-align:center}
body[data-visual-system] #main.v-page .btn>.icon {position:static!important;inset:auto!important;transform:none!important;width:20px;height:20px;flex:0 0 20px}
body[data-visual-system] #main.v-page .btn:hover {background:#2355c5!important;transform:translateY(-2px)}
body[data-visual-system] #main.v-page .btn--light {background:#e5f2fa!important;color:#233e7a!important;border-color:#bfd5e9}
body[data-visual-system] #main.v-page .btn--light:hover {background:#fff!important;color:#153473!important}
body[data-visual-system] #main.v-page .btn--gold {background:#c5cedf!important;color:#1c2433!important;border-color:#c5cedf}
body[data-visual-system] #main.v-page .hero__facts {margin:0 auto!important;padding:28px 0!important;gap:0!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--v-line)}
body[data-visual-system] #main.v-page .fact {background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:16px 28px!important;min-width:0}
body[data-visual-system] #main.v-page .fact+.fact {border-inline-start:1px solid var(--v-line)!important}
body[data-visual-system] #main.v-page .fact strong {font-size:25px;color:var(--v-highlight)!important;line-height:1.3;display:block;margin:8px 0}
body[data-visual-system] #main.v-page .fact span {font-size:16px;line-height:1.7;color:var(--v-muted)!important}
body[data-visual-system] #main.v-page :is(.core-jump-nav,.semantic-jump-nav) {display:flex!important;flex-direction:row!important;justify-content:center!important;flex-wrap:wrap;gap:8px!important;margin:24px auto 0!important;padding:0!important}
body[data-visual-system] #main.v-page :is(.core-jump-nav,.semantic-jump-nav) a {flex:0 1 auto!important;width:auto!important;max-width:none!important}
body[data-visual-system] #main.v-page :is(.core-jump-nav,.semantic-jump-nav) a {display:flex;align-items:center;justify-content:center;min-height:44px;background:transparent;border:1px solid var(--v-line);border-radius:4px;padding:10px 17px;font-size:15px;color:#dbe8ef;box-shadow:none;line-height:1.4}
body[data-visual-system] #main.v-page :is(.core-jump-nav,.semantic-jump-nav) a:hover {background:#26365c;color:#d7dde9;border-color:#8597bb}
body[data-visual-system] #main.v-page :is(.card,.home-choice-card,.link-card,.semantic-delivery-card,.project-card,.service-card,.legal-card,.pricing-choice-card) {border:1px solid var(--v-line)!important;border-radius:8px!important;background:var(--v-panel)!important;box-shadow:none!important;color:var(--v-ink);min-width:0;overflow:hidden}
body[data-visual-system] #main.v-page :is(.card,.home-choice-card,.link-card,.semantic-delivery-card) {padding:26px}
body[data-visual-system] #main.v-page :is(.card,.home-choice-card,.link-card,.semantic-delivery-card,.project-card,.service-card) :is(h3,strong) {color:var(--v-ink)!important}
body[data-visual-system] #main.v-page :is(.card,.home-choice-card,.link-card,.semantic-delivery-card,.project-card,.service-card) :is(p,li,.semantic-link-note,.semantic-category-note) {color:var(--v-muted)!important;line-height:1.75}
body[data-visual-system] #main.v-page :is(.home-choice-card,.link-card) {transition:border-color .2s,background .2s,transform .2s;text-decoration:none}
body[data-visual-system] #main.v-page :is(.home-choice-card,.link-card):hover {border-color:var(--v-highlight)!important;transform:translateY(-3px)}
body[data-visual-system] #main.v-page .home-choice-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body[data-visual-system] #main.v-page .home-choice-card {display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center!important;padding:26px}
body[data-visual-system] #main.v-page .home-choice-card>.v-choice-icon {width:32px;height:32px;color:var(--v-highlight)}
body[data-visual-system] #main.v-page .home-choice-card>strong {font-size:23px;line-height:1.35}
body[data-visual-system] #main.v-page .home-choice-card>span {color:var(--v-muted);font-size:17px;line-height:1.7}
body[data-visual-system] #main.v-page .home-choice-card>.v-choice-arrow {margin-top:auto;color:var(--v-highlight)}
body[data-visual-system] #main.v-page .home-choice-note {max-width:830px;text-align:center;margin:26px auto 0}
body[data-visual-system] #main.v-page :is(.home-choice-note,.contact-intent-note,.pricing-choice-note,.industry-intro__note) {background:#182549!important;border:1px solid #45616c!important;border-radius:6px;padding:20px;color:#dce1eb!important}
body[data-visual-system] #main.v-page .industry-intro__note a {color:#b9c4d8!important}
body[data-visual-system] #main.v-page .industry-intro p {color:var(--v-muted)!important}
body[data-visual-system] #main.v-page .media-band {display:grid;grid-template-columns:1fr 1.06fr;gap:48px;align-items:center;margin-block:32px}
body[data-visual-system] #main.v-page .media-band>:is(.media-copy,.image-frame) {grid-column:auto!important;grid-row:auto!important;width:100%;margin-inline:auto}
body[data-visual-system] #main.v-page :is(.image-frame,.industry-row__visual) {padding:0;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;margin:0;overflow:hidden;min-width:0}
body[data-visual-system] #main.v-page .image-frame img {width:100%;height:auto;display:block;border-radius:4px;object-fit:contain;filter:none}
body[data-visual-system] #main.v-page :is(.image-frame__label,.industry-row__visual figcaption) {position:static;background:transparent;color:var(--v-muted);padding:14px 0 0;font-size:14px;line-height:1.6;border:0;box-shadow:none}
body[data-visual-system] #main.v-page :is(.feature-grid,.include-grid) {gap:20px}
body[data-visual-system] #main.v-page :is(.card__icon,.process-step__icon) {width:44px;height:44px;display:grid;place-items:center;background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important;color:var(--v-highlight)!important;margin:0 auto 14px}
body[data-visual-system] #main.v-page :is(.card__icon,.process-step__icon) .icon {width:30px;height:30px}
body[data-visual-system] #main.v-page .include-column h3 {display:flex;gap:12px;align-items:center;justify-content:center}
body[data-visual-system] #main.v-page .include-column a {color:var(--v-ink);text-decoration:underline;text-underline-offset:4px}
body[data-visual-system] #main.v-page .include-column ul {display:block;margin:16px 0 0;padding:0;list-style:none}
body[data-visual-system] #main.v-page .include-column li {padding:10px 0;border-top:1px solid var(--v-line);line-height:1.6}
body[data-visual-system] #main.v-page .include-column li::before {display:none}
body[data-visual-system] #main.v-page .v-card-image {display:block;width:calc(100% + 52px);max-width:none;margin:-26px -26px 24px;overflow:hidden;aspect-ratio:3/2}
body[data-visual-system] #main.v-page .v-card-image img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}
body[data-visual-system] #main.v-page .include-column:hover .v-card-image img {transform:scale(1.025)}
body[data-visual-system] #main.v-page .intro-grid {gap:32px;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);align-items:start}
body[data-visual-system] #main.v-page .story {border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:0;color:var(--v-ink)}
body[data-visual-system] #main.v-page .story :is(p,li) {color:var(--v-muted);font-size:18px;line-height:1.8}
body[data-visual-system] #main.v-page .semantic-decision-list li {background:transparent!important;border:0;border-top:1px solid var(--v-line);border-radius:0;padding:16px 32px}
body[data-visual-system] #main.v-page .semantic-decision-list li::before {color:var(--v-highlight)}
body[data-visual-system] #main.v-page .semantic-decision-route {background:#182549;border-radius:6px;border-inline-start:3px solid #97a6c4;padding:18px;color:#dae8ec!important}
body[data-visual-system] #main.v-page .semantic-decision-route a {color:#bbc5d9;text-decoration:underline}
body[data-visual-system] #main.v-page .price {background:#ced5e3!important;color:#1c2433!important;border:0!important;border-radius:8px;box-shadow:none;padding:32px;position:sticky;top:110px}
body[data-visual-system] #main.v-page .price :is(p,div,span,strong) {color:#1c2433!important}
body[data-visual-system] #main.v-page .price__label {font-size:16px;margin-bottom:18px}
body[data-visual-system] #main.v-page .price__value {font-size:32px;line-height:1.4;text-wrap:balance;margin-bottom:18px}
body[data-visual-system] #main.v-page .process-grid {gap:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--v-line);padding-top:28px}
body[data-visual-system] #main.v-page .process-step {background:transparent!important;border:0!important;border-radius:0!important;padding:0 22px;box-shadow:none!important}
body[data-visual-system] #main.v-page .process-step+.process-step {border-inline-start:1px solid var(--v-line)!important}
body[data-visual-system] #main.v-page .process-step__head {display:flex;align-items:center;flex-direction:column;gap:6px}
body[data-visual-system] #main.v-page .process-step__meta {color:var(--v-muted)!important;font-size:13px}
body[data-visual-system] #main.v-page .semantic-delivery {margin-top:44px;background:transparent!important;padding:30px 0 0;border:0;border-top:1px solid var(--v-line);border-radius:0;box-shadow:none}
body[data-visual-system] #main.v-page .semantic-delivery__head {text-align:center;margin:0 auto 24px;max-width:750px}
body[data-visual-system] #main.v-page .semantic-delivery-grid {gap:16px}
body[data-visual-system] #main.v-page .semantic-delivery-card h3 {font-size:21px}
body[data-visual-system] #main.v-page .link-grid {gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-visual-system] #main.v-page .link-card {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;min-height:124px}
body[data-visual-system] #main.v-page .link-card>.icon {color:var(--v-highlight);width:28px;height:28px;flex-basis:28px;margin:2px 0}
body[data-visual-system] #main.v-page .semantic-link-title {font-size:20px;line-height:1.4}
body[data-visual-system] #main.v-page .semantic-link-note {font-size:16px;line-height:1.7;margin-top:8px}
body[data-visual-system] #main.v-page :is(.faq,.price-faq) {max-width:960px;margin-inline:auto}
body[data-visual-system] #main.v-page :is(.faq,.price-faq) details {border:0!important;border-bottom:1px solid var(--v-line)!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;margin:0;padding:0}
body[data-visual-system] #main.v-page :is(.faq,.price-faq) summary {min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--v-ink)!important;padding:20px 0;font-size:20px;line-height:1.5;background:transparent}
body[data-visual-system] #main.v-page :is(.faq,.price-faq) summary::after {color:var(--v-highlight);border:0;box-shadow:none;background:transparent;flex:0 0 24px}
body[data-visual-system] #main.v-page :is(.faq,.price-faq) details p {padding:0 0 22px;margin:0;text-align:start;color:var(--v-muted)!important;font-size:18px}
body[data-visual-system] #main.v-page .geo-grid {gap:42px;align-items:center}
body[data-visual-system] #main.v-page .geo-panel {padding:0;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0;color:var(--v-ink)}
body[data-visual-system] #main.v-page .geo-panel p {color:var(--v-muted)!important}
body[data-visual-system] #main.v-page .geo-panel a:not(.btn) {color:var(--v-highlight)!important}
body[data-visual-system] #main.v-page .cta-panel {display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.8fr);gap:40px;align-items:center;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0;background:transparent!important}
body[data-visual-system] #main.v-page #contact {background:#182549!important;--v-ink:#f8f9fb;--v-muted:#d2d8e5;--v-highlight:#c5cedf}
body[data-visual-system] #main.v-page .cta-panel h2 {color:#f8f9fb!important;margin:0 0 18px}
body[data-visual-system] #main.v-page .cta-panel p {color:#d2d8e5!important}
body[data-visual-system] #main.v-page .cta-panel__actions {width:100%;min-width:0;gap:12px}
body[data-visual-system] #main.v-page .service-directory {margin-top:40px;background:transparent!important;border:1px solid #546077;border-radius:6px;box-shadow:none;color:#f1f3f7}
body[data-visual-system] #main.v-page .service-directory summary {background:transparent!important;color:inherit!important;padding:20px}
body[data-visual-system] #main.v-page .service-directory__summary-title {color:inherit!important;font-size:18px}
body[data-visual-system] #main.v-page .service-directory__summary-hint {color:#c8d0df!important;font-size:14px}
body[data-visual-system] #main.v-page .service-directory__grid a {background:transparent!important;color:#e7eaf1!important;border-color:#455064!important;border-radius:4px;padding:12px;line-height:1.5}
body[data-visual-system] #main.v-page .service-directory__grid a:hover {background:#273145!important}
body[data-visual-system] #main.v-page .v-projects {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}
body[data-visual-system] #main.v-page .v-project {display:block;text-decoration:none!important;color:var(--v-ink);border-bottom:1px solid var(--v-line);padding-bottom:16px;min-width:0}
body[data-visual-system] #main.v-page .v-project img {width:100%;height:340px;object-fit:cover;object-position:top;display:block;border-radius:4px;background:#e8f1f2;transition:object-position 5s ease}
body[data-visual-system] #main.v-page .v-project:hover img {object-position:bottom}
body[data-visual-system] #main.v-page .v-project>span {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;font-size:20px;font-weight:750;color:var(--v-ink)}
body[data-visual-system] #main.v-page .v-project .icon {color:var(--v-highlight)}
body[data-visual-system] #main.v-page .v-about-band {display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
body[data-visual-system] #main.v-page .v-about-band picture img {width:100%;height:auto;display:block;border-radius:4px}
body[data-visual-system] #main.v-page .v-about-band .etg-editorial {max-width:none}
body[data-visual-system] #main.v-page .industry-row {gap:48px;padding:48px 0;margin:0;border-top:1px solid var(--v-line);background:transparent!important;border-radius:0;box-shadow:none}
body[data-visual-system] #main.v-page .industry-row__copy :is(p,li) {color:var(--v-muted)!important;font-size:18px;line-height:1.85}
body[data-visual-system] #main.v-page .industry-row__copy h3 {font-size:29px}
body[data-visual-system] #main.v-page .industry-row__kicker {color:var(--v-highlight)!important}
body[data-visual-system] #main.v-page .industry-row__deliver {padding:20px;background:#162d36;border-inline-start:3px solid #95a5c3;border-radius:4px}
body[data-visual-system] #main.v-page .industry-row__visual img {display:block;width:100%;height:auto;object-fit:contain;border-radius:4px}
body[data-visual-system] #main.v-page .portfolio-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body[data-visual-system] #main.v-page .project-card {display:flex;flex-direction:column;align-items:stretch;padding:20px;gap:16px}
body[data-visual-system] #main.v-page .project-card__media {display:block;width:100%;padding:0;margin:0;background:#0b1522;border-radius:4px;overflow:hidden;border:0}
body[data-visual-system] #main.v-page .project-card__media img {width:100%;height:390px;object-fit:cover;object-position:top;border:0;border-radius:0;margin:0;max-width:none}
body[data-visual-system] #main.v-page .project-card__body {padding:0;min-width:0;display:flex;flex-direction:column;flex:1}
body[data-visual-system] #main.v-page .project-card__body :is(h2,h3) {font-size:25px}
body[data-visual-system] #main.v-page .project-card :is(.project-card__domain,.project-card__category,.project-card__tag,.tag) {color:var(--v-highlight)!important;background:transparent!important;font-size:14px;line-height:1.5}
body[data-visual-system] #main.v-page .project-card :is(.project-card__type,.project-card__number) {color:var(--v-muted)!important;background:transparent!important}
body[data-visual-system] #main.v-page .project-card .project-card__link {background:#2d4f95!important;color:#fff!important;border:1px solid #617fba;box-shadow:none}
body[data-visual-system] #main.v-page .project-card .btn {margin-top:auto;width:100%}
body[data-visual-system] #main.v-page .etg-case-link {color:var(--v-highlight)!important}
body[data-visual-system] #main.v-page .v-hero-backdrop {position:absolute;inset:0;z-index:0;display:block;pointer-events:none}
body[data-visual-system] #main.v-page .v-hero-backdrop img {width:100%;height:100%;object-fit:cover;object-position:center 48%;opacity:.28;filter:none}
body[data-visual-system] #main.v-page .v-hero-backdrop::after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,19,29,.85),rgba(9,19,29,.34),rgba(9,19,29,.85))}
body[data-visual-system] #main.v-page .etg-editorial-hero {background:#0a1030!important}
body[data-visual-system] #main.v-page .etg-editorial-hero::before,body[data-visual-system] #main.v-page .etg-editorial-hero::after {display:none!important}
body[data-visual-system] #main.v-page .v-reading-shell {display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;align-items:start;padding-block:40px 64px}
body[data-visual-system] #main.v-page .v-toc {position:sticky;top:108px;border-inline-end:1px solid var(--v-line);padding-inline-end:24px;color:#d6e4ea}
body[data-visual-system] #main.v-page .v-toc summary {display:flex;gap:12px;align-items:center;font-size:18px;font-weight:750;min-height:48px;color:var(--v-highlight)}
body[data-visual-system] #main.v-page .v-toc a {display:block;font-size:16px;color:#c2d4df;padding:12px 10px;border-inline-start:2px solid transparent;text-decoration:none;line-height:1.6}
body[data-visual-system] #main.v-page .v-toc a:hover,body[data-visual-system] #main.v-page .v-toc a[aria-current="location"] {color:#d7dde9;border-color:#b9c4d8;background:#202e54}
body[data-visual-system] #main.v-page .v-reading-body {min-width:0}
body[data-visual-system] #main.v-page .v-reading-body .etg-editorial-section {padding:40px 0;border-color:var(--v-line)}
body[data-visual-system] #main.v-page .v-reading-body .etg-editorial h2 {text-align:center;font-size:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
body[data-visual-system] #main.v-page .v-reading-body .etg-editorial :is(h2,p) {text-align:center!important}
body[data-visual-system] #main.v-page .v-reading-body .etg-editorial li {text-align:start!important}
body[data-visual-system] #main.v-page .v-reading-body .etg-editorial h2 .icon {margin-top:6px;color:var(--v-highlight);flex-basis:26px;width:26px;height:26px}
body[data-visual-system] #main.v-page .v-reading-body .etg-editorial-byline {margin:0;padding:10px 0 24px;text-align:center;color:var(--v-muted)}
body[data-visual-system] #main.v-page .v-reading-body .etg-editorial-byline a {color:var(--v-highlight)}
body[data-visual-system] #main.v-page .v-reading-body #contact {padding:32px;margin-top:36px;border-radius:8px}
body[data-visual-system] #main.v-page .v-reading-body .cta-panel {display:block}
body[data-visual-system] #main.v-page .v-reading-body .cta-panel__actions {margin-top:24px;display:flex;flex-wrap:wrap}
body[data-visual-system] #main.v-page .v-reading-body .service-directory {padding:0}
body[data-visual-system] #main.v-page .etg-case-preview {max-width:420px;margin:28px auto}
body[data-visual-system] #main.v-page .etg-case-preview img {width:100%;max-height:580px;object-fit:cover;object-position:top;border:0;border-radius:4px}
body[data-visual-system] #main.v-page .v-guide-index {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:40px 0}
body[data-visual-system] #main.v-page .v-guide-index .etg-editorial-section {padding:0 0 24px;border:1px solid var(--v-line);border-radius:8px;background:#151e42;overflow:hidden}
body[data-visual-system] #main.v-page .v-guide-index .etg-editorial {padding:24px 28px 0}
body[data-visual-system] #main.v-page .v-guide-index h2 {font-size:27px;text-align:center}
body[data-visual-system] #main.v-page .v-guide-index picture img {display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
body[data-visual-system] #main.v-page .v-guide-index+.section {padding:40px}
body[data-visual-system] #main.v-page .v-article-visual {margin:0 0 24px}
body[data-visual-system] #main.v-page .v-article-visual img {display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:4px} body[data-page-kind="price"] #main.v-page>section {padding:64px max(32px,calc((100% - 1240px)/2));width:100%;max-width:none;margin:0;border-radius:0;box-shadow:none}
body[data-page-kind="price"] #main.v-page .pricing-hero {padding-top:134px;background:#111939!important}
body[data-page-kind="price"] #main.v-page .pricing-hero__layout {gap:40px}
body[data-page-kind="price"] #main.v-page .pricing-hero__panel {background:#ced5e3;border-radius:8px;box-shadow:none;border:0}
body[data-page-kind="price"] #main.v-page .pricing-hero__panel :is(h2,p,span,strong) {color:#202838!important}
body[data-page-kind="price"] #main.v-page .pricing-hero__panel-title {font-size:24px}
body[data-page-kind="price"] #main.v-page .pricing-choice-guide {background:transparent;border:0;padding:36px 0 0;box-shadow:none}
body[data-page-kind="price"] #main.v-page .pricing-choice-card {padding:22px}
body[data-page-kind="price"] #main.v-page .pricing-choice-card :is(strong,em) {color:#c8d0e0}
body[data-page-kind="price"] #main.v-page :is(.pricing-choice-card span,.pricing-choice-note) {color:var(--v-muted)}
body[data-page-kind="price"] #main.v-page :is(.service-group,.legal-section,.price-faq) {background:transparent;border-radius:0;box-shadow:none;border:0}
body[data-page-kind="price"] #main.v-page .services-grid {gap:16px}
body[data-page-kind="price"] #main.v-page .service-card {padding:24px;text-align:start}
body[data-page-kind="price"] #main.v-page .service-price {font-size:22px;color:#b9c4d8;margin-block:12px}
body[data-page-kind="price"] #main.v-page .legal-card {padding:24px}
body[data-page-kind="price"] #main.v-page .legal-card strong {color:var(--v-ink)!important}
body[data-page-kind="price"] #main.v-page .service-group-title {background:transparent!important;color:var(--v-ink)!important;border:0;border-bottom:1px solid var(--v-line);border-radius:0;box-shadow:none;padding:16px 0;text-align:center}
body[data-page-kind="price"] #main.v-page .price-faq a {color:var(--v-highlight)!important;text-decoration:underline;text-underline-offset:4px}
body[data-page-kind="price"] #main.v-page .client-footer-note {color:var(--v-muted)!important;background:transparent!important;text-align:center;line-height:1.7}
body[data-page-kind="price"] #main.v-page .global-switch-wrap {flex:0 0 auto}
body[data-page-kind="price"] #main.v-page #cost-planning .wrap {width:100%;background:transparent!important;box-shadow:none}
body[data-page-kind="price"] #main.v-page #cost-planning .wrap::before,
body[data-page-kind="price"] #main.v-page .pricing-card::before {content:none!important;display:none!important} body[data-visual-system] .desktop-header__inner {background:#0a1030!important;border-bottom:1px solid #35456c!important;box-shadow:0 6px 20px #02091030!important}
body[data-visual-system] :is(.desktop-header__price,.desktop-header__cta,.desktop-header__portfolio,.desktop-services>summary) {border-radius:6px!important;font-size:16px!important;line-height:1.3!important;min-height:44px!important;background:#162b45!important;border-color:#426079!important;box-shadow:none!important}
body[data-visual-system] .desktop-header__cta {background:#315fcc!important}
body[data-visual-system] .desktop-header__price {color:#e7eefb!important}
body[data-visual-system] .desktop-header__signal .icon {color:#b8c9e6!important;filter:none!important}
body[data-visual-system] .desktop-social {width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;background:#163453!important;box-shadow:none!important}
body[data-visual-system] .desktop-services__panel {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:26px!important;padding:26px!important;width:min(1100px,calc(100vw - 48px))!important;max-height:calc(100dvh - 116px)!important;overflow:auto!important;overscroll-behavior:contain;background:#101936!important;border:1px solid #3c4e76!important;border-radius:6px!important;scrollbar-width:thin;scrollbar-color:#8793a8 #101936;box-shadow:0 12px 32px #0004!important}
body[data-visual-system] .desktop-services:not([open])>.desktop-services__panel {display:none!important}
body[data-visual-system] .v-nav-group {min-width:0;display:flex;flex-direction:column;gap:2px;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
body[data-visual-system] .v-nav-group h3 {display:block;font-family:var(--font-display)!important;font-size:16px!important;line-height:1.5;font-weight:700!important;color:#f5f7ff!important;margin:0 0 8px;padding:0 10px 10px;border-bottom:1px solid #35456c;text-align:start!important}
body[data-visual-system] .desktop-services__panel .v-nav-group a {display:block!important;min-height:44px!important;padding:10px!important;font-family:var(--font-display)!important;font-size:15px!important;font-weight:500!important;line-height:1.5!important;background:transparent!important;color:#d2dcf0!important;border:0!important;border-radius:4px!important;box-shadow:none!important;text-align:start!important;white-space:normal!important;text-decoration:none!important}
body[data-visual-system] .desktop-services__panel a:hover,body[data-visual-system] .desktop-services__panel a[aria-current="page"] {background:#263e70!important;color:#ffffff!important}
body[data-visual-system] .v-nav-language {font-size:11px;color:#b8c6de;display:inline-block;margin-inline-start:6px;white-space:nowrap;font-weight:400}
body[data-visual-system] .v-footer-resources .v-nav-language {color:#b8c6de}
body[data-visual-system] .service-menu__panel {max-height:calc(100dvh - 104px)!important;overflow:auto!important;overscroll-behavior:contain;padding:14px!important;background:#101936!important;color:#f5f7ff!important;border:1px solid #3c4e76!important;border-radius:6px!important;scrollbar-width:thin;scrollbar-color:#8793a8 #101936;box-shadow:0 12px 28px #0004!important}
html[lang="he"] body[data-visual-system] .service-menu__panel {direction:rtl!important}
html[lang="ru"] body[data-visual-system] .service-menu__panel {direction:ltr!important}
body[data-visual-system] .v-nav-quick {display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}
body[data-visual-system] .service-menu__panel .v-nav-quick>a {display:flex!important;align-items:center;justify-content:center;min-height:44px;padding:9px!important;background:#1c2c53!important;border:1px solid #405781!important;border-radius:4px!important;color:#e8efff!important;font-family:var(--font-display)!important;font-size:14px!important;font-weight:500!important;line-height:1.4!important;box-shadow:none!important;text-align:center!important}
body[data-visual-system] .v-mobile-group {border:0!important;border-top:1px solid #35456c!important;border-radius:0!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
body[data-visual-system] .v-mobile-group>summary {display:flex!important;align-items:center;justify-content:space-between!important;gap:12px!important;padding:14px 6px!important;min-height:50px;color:#f5f7ff!important;font-family:var(--font-display)!important;font-size:16px!important;line-height:1.45!important;font-weight:600!important;list-style:none!important;text-align:start!important;background:transparent!important;border:0!important;border-radius:0!important}
body[data-visual-system] .v-mobile-group>summary::before,body[data-visual-system] .v-mobile-group>summary::after {content:none!important;display:none!important}
body[data-visual-system] .v-mobile-group>summary::-webkit-details-marker {display:none}
body[data-visual-system] .v-mobile-group>summary>.v-chevron {margin-inline-start:auto;width:16px;height:16px;flex:0 0 16px;color:#b8c6de;transition:transform .2s}
body[data-visual-system] .v-mobile-group[open]>summary>.v-chevron {transform:rotate(180deg)}
body[data-visual-system] .v-mobile-group>div {padding:0 0 8px!important}
body[data-visual-system] .service-menu__panel .v-mobile-group a {display:block!important;min-height:44px;padding:10px 14px!important;color:#d2dcf0!important;font-family:var(--font-display)!important;font-size:15px!important;font-weight:500!important;line-height:1.55!important;text-align:start!important;background:transparent!important;border:0!important;border-inline-start:2px solid transparent!important;border-radius:0!important;margin:0!important;box-shadow:none!important;white-space:normal!important}
body[data-visual-system] .service-menu__panel .v-mobile-group a:hover,body[data-visual-system] .service-menu__panel .v-mobile-group a[aria-current="page"],body[data-visual-system] .service-menu__panel .v-nav-quick a[aria-current="page"] {background:#263e70!important;border-inline-start-color:#456aad!important;color:#ffffff!important}
body[data-visual-system] .etg-site-footer {background:#0a1030!important;border-top:1px solid #35456c;color:#d3e0e8}
body[data-visual-system] .etg-site-footer {width:100%!important;max-width:100%;margin-inline:0!important}
body[data-visual-system] .etg-footer-grid>:is(.etg-footer-brand,.etg-footer-col) {justify-self:center!important;min-width:0;max-width:100%;margin-inline:auto}
body[data-visual-system] :is(.etg-footer-services-actions,.etg-footer-contact) {justify-self:center!important;min-width:0;max-width:100%;margin-inline:auto}
body[data-visual-system] .v-footer-resources {width:min(1240px,calc(100% - 48px));margin:0 auto 32px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px 24px;border-bottom:1px solid #35456c;padding:28px 0}
body[data-visual-system] .v-footer-resources a {color:#c0cadc;line-height:1.6;font-size:15px;padding:8px 0}
body[data-visual-system] .mobile-cta {padding-bottom:max(8px,env(safe-area-inset-bottom))} body[data-visual-system] #main.about-visual :is(h1,h2,h3,p,figcaption,.ab-kicker,.ab-brand,.ab-era-date,.ab-era-period) {text-align:center!important}
body[data-visual-system] #main.about-visual :is(.ab-section-heading,.ab-section-heading p,.ab-hero .lead) {margin-inline:auto}
body[data-visual-system] #main.about-visual :is(.ab-actions,.ab-ai-principles,.ab-project-link,.ab-signature) {justify-content:center}
body[data-visual-system] #main.about-visual .ab-heading-row {flex-direction:column;align-items:center;text-align:center}
body[data-visual-system] #main.about-visual .ab-principles .ab-shell {justify-content:center;justify-items:center}
body[data-visual-system] #main.about-visual .ab-faq-list :is(summary,p) {text-align:start!important}
body[data-page-kind="price"] #main.v-page .pricing-hero {position:relative}
body[data-page-kind="price"] #main.v-page .pricing-hero__layout {display:block;position:relative;z-index:1;min-height:0;padding:0}
body[data-page-kind="price"] #main.v-page .pricing-hero__content {width:100%;max-width:900px;margin:auto;text-align:center;background:transparent!important;box-shadow:none!important;border:0!important;padding:0;border-radius:0}
body[data-page-kind="price"] #main.v-page .pricing-hero .eyebrow {color:#cad8f8!important;background:transparent!important;border:0;box-shadow:none}
body[data-page-kind="price"] #main.v-page .pricing-hero__actions {justify-content:center}
body[data-page-kind="price"] #main.v-page .pricing-hero__button {background:#2d4f95!important;color:#fff!important;border:1px solid #6886c0;box-shadow:none;border-radius:6px;font-family:var(--font-body);min-height:48px}
body[data-page-kind="price"] #main.v-page .pricing-hero__button--ghost {background:#e2ecfb!important;color:#223b77!important;border-color:#b8c9e0}
body[data-page-kind="price"] #main.v-page .pricing-hero__lead {color:#dae6ee!important}
body[data-page-kind="price"] #main.v-page .v-pricing-context__inner {display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:36px;align-items:start}
body[data-page-kind="price"] #main.v-page .v-pricing-context .pricing-choice-guide {padding:0}
body[data-page-kind="price"] #main.v-page .v-pricing-context .pricing-choice-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} body[data-page-kind="price"] #main.v-page #pricing {padding:56px 24px!important}
body[data-page-kind="price"] #main.v-page #pricingBoard {width:100%;max-width:1800px;margin-inline:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px;align-items:start}
body[data-page-kind="price"] #main.v-page .pricing-card {--v-ink:#172445;--v-muted:#43516b;background:#f8fbff!important;color:var(--v-ink);border:1px solid #b8c9e0;border-radius:8px!important;box-shadow:none!important;padding:18px;gap:12px;min-width:0;font-family:var(--font-body)}
body[data-page-kind="price"] #main.v-page .pricing-card :is(h3,h4,.price-label,.price-sub,.status-row,.summary-chip,.summary-top,.addon-main strong,.addon-price,.addon-price strong) {color:#172445!important}
body[data-page-kind="price"] #main.v-page .pricing-card .card-title {font-family:var(--font-display);font-size:20px!important;line-height:1.4;margin:0}
body[data-page-kind="price"] #main.v-page .pricing-card .card-desc {font-size:14px!important;line-height:1.6;display:block;-webkit-line-clamp:unset;overflow:visible;min-height:0;margin:0}
body[data-page-kind="price"] #main.v-page :is(p,.card-desc,.price-label,.price-sub,.summary-chip span,.services-topbar p,.quote-actions-title) {font-weight:400!important}
body[data-page-kind="price"] #main.v-page :is(h2,h3,h4,.price-value,.summary-top>strong) {font-weight:700!important}
body[data-page-kind="price"] #main.v-page .pricing-card :is(.addon-main strong,.status-row strong,.summary-chip strong,.toggle-side,.card-badge) {font-weight:600!important}
body[data-page-kind="price"] #main.v-page .pricing-card .card-stage {height:auto!important;min-height:0;overflow:visible;display:grid;border-radius:0}
body[data-page-kind="price"] #main.v-page .pricing-card .card-view {position:static;inset:auto;grid-area:1/1;min-width:0;display:none;transform:none!important;opacity:1!important;transition:none!important;will-change:auto;gap:12px}
body[data-page-kind="price"] #main.v-page .pricing-card:not(.services-open) .card-overview,
body[data-page-kind="price"] #main.v-page .pricing-card.services-open .card-services {display:grid;pointer-events:auto}
body[data-page-kind="price"] #main.v-page .pricing-card .price-panel {background:#e2ecfb!important;border:0!important;border-radius:4px!important;box-shadow:none!important;padding:16px 12px}
body[data-page-kind="price"] #main.v-page .pricing-card .price-value {color:#223b77!important;font-size:24px!important;line-height:1.5;white-space:normal;overflow-wrap:normal}
body[data-page-kind="price"] #main.v-page .pricing-card :is(.mini-panel,.summary-panel,.status-row,.summary-chip) {background:transparent!important;box-shadow:none!important;border-radius:0!important;border-color:#c2cfe1!important;min-width:0}
body[data-page-kind="price"] #main.v-page .pricing-card :is(.open-services-btn,.back-btn) {border-radius:4px!important;min-height:44px!important;background:#2d4f95!important;color:#fff!important;font-family:inherit;font-size:14px!important;line-height:1.45;white-space:normal;box-shadow:none!important;animation:none!important;padding:10px 14px}
body[data-page-kind="price"] #main.v-page .pricing-card :is(.open-services-btn,.back-btn)::before,
body[data-page-kind="price"] #main.v-page .pricing-card :is(.open-services-btn,.back-btn)::after {display:none!important}
body[data-page-kind="price"] #main.v-page .pricing-card .card-mobile-switch {border-radius:4px;background:#e2ecfb;box-shadow:none;padding:8px 4px;gap:6px}
body[data-page-kind="price"] #main.v-page .pricing-card .toggle-side {color:#172445;font-size:13px!important;line-height:1.4;padding:5px}
body[data-page-kind="price"] #main.v-page .toggle-side {font-size:14px!important;line-height:1.4;color:#172445!important}
body[data-page-kind="price"] #main.v-page .toggle-side.active {background:#ced5e3!important;border-color:#7b8ba9!important;color:#1b222f!important;box-shadow:none!important}
body[data-page-kind="price"] #main.v-page .pricing-card :is(.addon-main strong,.services-topbar p,.status-row strong,.quote-actions-title) {font-size:14px!important;line-height:1.5}
body[data-page-kind="price"] #main.v-page .pricing-card :is(.addon-price,.addon-price strong,.addon-price s,.summary-chip span,.summary-chip strong,.summary-top span,.price-label,.price-sub) {font-size:13px!important;line-height:1.5}
body[data-page-kind="price"] #main.v-page .pricing-card .summary-top>strong {font-size:18px!important}
body[data-page-kind="price"] #main.v-page .pricing-card :is(.summary-inline,.summary-discount) {display:grid;grid-template-columns:1fr;gap:0}
body[data-page-kind="price"] #main.v-page .pricing-card .summary-chip {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;text-align:start}
body[data-page-kind="price"] #main.v-page .pricing-card .summary-chip span {color:#43516b!important;white-space:normal;max-width:65%}
body[data-page-kind="price"] #main.v-page .pricing-card .summary-chip strong {color:#172445!important;white-space:normal}
body[data-page-kind="price"] #main.v-page .pricing-card .services-panel {background:transparent;border:0;padding:0;border-radius:0;min-width:0;display:grid;gap:12px}
body[data-page-kind="price"] #main.v-page .pricing-card .services-topbar {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;padding:0}
body[data-page-kind="price"] #main.v-page .pricing-card .services-topbar h4 {font-size:16px;line-height:1.4;margin:0 0 6px}
body[data-page-kind="price"] #main.v-page .pricing-card .addons-list {max-height:390px;overflow:auto;overscroll-behavior:contain;padding:0 4px;scrollbar-width:thin;scrollbar-color:#778db2 #e2ecfb}
body[data-page-kind="price"] #main.v-page .pricing-card .addon-row {display:grid;grid-template-columns:20px minmax(0,1fr);gap:4px 10px;padding:12px 6px;background:#f8fbff!important;border:0;border-bottom:1px solid #c2cfe1;border-radius:0;box-shadow:none;align-items:start;text-align:start}
body[data-page-kind="price"] #main.v-page .pricing-card .addon-row input {grid-column:1;grid-row:1/3;accent-color:#365bb0;width:18px;height:18px;margin:2px 0}
body[data-page-kind="price"] #main.v-page .pricing-card .addon-main {grid-column:2;min-width:0}
body[data-page-kind="price"] #main.v-page .pricing-card .addon-price {grid-column:2;display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;white-space:normal;text-align:start}
body[data-page-kind="price"] #main.v-page .pricing-card .addon-price s {color:#596780!important}
body[data-page-kind="price"] #main.v-page .pricing-card :is(.included-pill,.card-badge,.status-mark,.global-hint) {color:#243e76!important;background:#e0e9fa!important;border:1px solid #b7c8e3;box-shadow:none}
body[data-page-kind="price"] #main.v-page .global-hint {color:#243e76!important;background:#e0e9fa!important;border-color:#b7c8e3;box-shadow:none}
body[data-page-kind="price"] #main.v-page .pricing-card :is(.quote-whatsapp-panel,.services-footer) {background:transparent!important;box-shadow:none;border:0;padding:12px 0 0;border-top:1px solid #c2cfe1;border-radius:0}
body[data-page-kind="price"] #main.v-page .pricing-card :is(.quote-whatsapp-btn,.quote-email-btn) {display:flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 12px;font-size:14px;font-family:inherit;line-height:1.4;border-radius:4px;background:#2d4f95!important;color:#fff!important;border:1px solid #2d4f95!important;box-shadow:none!important;white-space:normal}
body[data-page-kind="price"] #main.v-page .pricing-card .quote-email-btn {background:#e2ecfb!important;color:#223b77!important;border-color:#b8c9e0!important}
body[data-page-kind="price"] #main.v-page :is(.summary-discount,.pricing-discount-note) {background:#e2ecfb!important;color:#243e76!important;border-color:#b7c8e3!important;box-shadow:none}
body[data-page-kind="price"] #main.v-page .pricing-card :is(.quote-whatsapp-btn,.quote-email-btn) .icon * {fill:none!important;stroke:currentColor!important}
@media(min-width:1700px) {body[data-page-kind="price"] #main.v-page #pricingBoard {grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:1199px) {body[data-page-kind="price"] #main.v-page #pricingBoard {grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:719px) {
body[data-page-kind="price"] #main.v-page #pricing {padding:40px 16px!important}
body[data-page-kind="price"] #main.v-page #pricingBoard {grid-template-columns:1fr!important;max-width:540px;gap:24px}
}
body[data-page-kind="price"] #main.v-page .switch-shell input {display:block!important;position:absolute;width:1px;height:1px;opacity:0}
body[data-page-kind="price"] #main.v-page .switch-shell input:focus-visible+label {outline:3px solid #34425c!important;outline-offset:4px} body[data-visual-system] .v-page .reveal {opacity:1!important;transform:none!important;visibility:visible!important;transition:none!important}
body[data-visual-system].v-motion .v-page .v-reveal-pending {opacity:0!important;transform:translateY(22px)!important}
body[data-visual-system].v-motion .v-page .v-reveal-ready {opacity:1!important;transform:none!important;transition:opacity .65s ease var(--v-delay,0ms),transform .65s cubic-bezier(.2,.7,.25,1) var(--v-delay,0ms)!important}
body[data-visual-system] .v-scan-figure {position:relative;isolation:isolate;overflow:hidden}
body[data-visual-system] .v-scan-figure::after {content:"";position:absolute;left:-5%;right:-5%;height:1px;top:20%;pointer-events:none;background:#ced6e4;box-shadow:0 0 18px 2px #8597bb33;opacity:0}
body[data-visual-system].v-motion .v-scan-figure.v-in-view::after {animation:vScan 9s ease-in-out infinite!important}
@keyframes vScan {0%,100%{transform:translateY(0);opacity:0}12%{opacity:.6}75%{opacity:.2}85%{transform:translateY(320px);opacity:0}}
body[data-visual-system].v-document-hidden .v-scan-figure::after {animation-play-state:paused!important}
body[data-visual-system]:not(.v-motion) .v-page :is(.v-project img,.v-card-image img,.btn,.link-card,.home-choice-card) {transition:none!important;transform:none!important}
@media(min-width:981px) {
body[data-page-kind="home"] #main.v-page .hero {padding:112px 32px 50px;min-height:0!important;background:#081324!important}
body[data-page-kind="home"] #main.v-page .hero::after,body[data-page-kind="home"] #main.v-page .hero::before {display:none!important}
body[data-page-kind="home"] #main.v-page .hero__content {display:grid!important;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:36px;width:min(1400px,100%);max-width:1400px;direction:ltr}
body[data-page-kind="home"] #main.v-page .hero__copy {direction:rtl;width:100%;max-width:none}
html[lang="ru"] body[data-page-kind="home"] #main.v-page .hero__copy {direction:ltr}
body[data-page-kind="home"] #main.v-page .hero h1 {font-size:46px!important;line-height:1.18!important;margin-bottom:20px}
body[data-page-kind="home"] #main.v-page .hero .lead {font-size:18px;line-height:1.75;margin-bottom:24px}
body[data-page-kind="home"] #main.v-page .hero__actions {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;margin:0 auto!important}
body[data-page-kind="home"] #main.v-page .hero__action--wide:not(:first-child) {grid-column:auto!important}
body[data-page-kind="home"] #main.v-page .hero__actions .btn {min-height:48px;padding:12px 18px}
body[data-page-kind="home"] #main.v-page .desktop-hero-visual {width:100%;min-width:0;min-height:0!important;display:block!important;margin:0;padding:0;background:transparent;box-shadow:none;align-self:center}
body[data-page-kind="home"] #main.v-page .desktop-hero-visual__stage {aspect-ratio:1094/720;min-height:0;width:100%;background:transparent;border:0;box-shadow:none}
body[data-page-kind="home"] #main.v-page .desktop-hero-visual__image {display:block;width:100%;height:auto;filter:none!important;mix-blend-mode:normal!important}
}
@media(min-width:1600px) {
body[data-page-kind="home"] #main.v-page .hero {padding-block:120px 64px}
body[data-page-kind="home"] #main.v-page .hero h1 {font-size:54px!important}
body[data-page-kind="home"] #main.v-page .hero .lead {font-size:20px}
}
@media(min-width:981px) and (max-width:1240px) {
body[data-visual-system] :is(.desktop-header__price,.desktop-header__cta,.desktop-header__portfolio,.desktop-services>summary) {padding-inline:8px!important;font-size:14px!important}
body[data-visual-system] .desktop-header__signal {grid-template-columns:1fr;gap:5px!important;justify-items:end}
body[data-visual-system] .desktop-header__contact-divider {display:none}
body[data-visual-system] .desktop-header__inner {grid-template-columns:52px minmax(12px,1fr) auto minmax(12px,1fr) auto!important;padding-inline:16px!important}
body[data-visual-system] .desktop-header__actions {gap:5px!important}
body[data-page-kind="home"] #main.v-page .hero h1 {font-size:38px!important}
body[data-page-kind="home"] #main.v-page .hero__content {gap:24px}
}
@media(max-width:980px) {
body[data-visual-system] :is(.v-progress,#main.about-visual .ab-scroll-progress) {display:none!important}
body[data-visual-system] #main.v-page .wrap {width:calc(100% - 40px)}
body[data-visual-system] #main.v-page .section {padding:56px 0}
body[data-visual-system] #main.v-page .hero {padding:120px 24px 42px;min-height:0!important}
body[data-visual-system] #main.v-page h1 {font-size:40px!important}
body[data-visual-system] #main.v-page h2 {font-size:31px}
body[data-visual-system] #main.v-page .hero .lead {font-size:19px}
body[data-visual-system] #main.v-page :is(.media-band,.intro-grid,.geo-grid,.v-about-band) {grid-template-columns:1fr;gap:28px}
body[data-visual-system] #main.v-page .price {position:static}
body[data-visual-system] #main.v-page .media-copy {max-width:720px;margin-inline:auto}
body[data-visual-system] #main.v-page .process-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
body[data-visual-system] #main.v-page .process-step+.process-step {border:0!important}
body[data-visual-system] #main.v-page .process-step {padding:0 14px 22px;border-bottom:1px solid var(--v-line)!important}
body[data-visual-system] #main.v-page .cta-panel {grid-template-columns:1fr;gap:26px}
body[data-visual-system] #main.v-page .cta-panel__actions {width:min(600px,100%);margin:auto}
body[data-visual-system] #main.v-page .portfolio-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-visual-system] #main.v-page .industry-row {gap:24px;padding-block:36px}
body[data-visual-system] #main.v-page .v-reading-shell {display:block;padding-top:24px}
body[data-visual-system] #main.v-page .v-toc {position:static;border:1px solid var(--v-line);padding:12px 18px;border-radius:6px;margin-bottom:24px}
body[data-visual-system] #main.v-page .v-reading-body .etg-editorial-section {padding:30px 0}
body[data-page-kind="price"] #main.v-page>section {padding:48px 24px}
body[data-page-kind="price"] #main.v-page .pricing-hero {padding-top:124px}
body[data-visual-system] .etg-site-footer {padding-bottom:112px}
}
@media(max-width:600px) {
body[data-visual-system] #main.v-page .wrap {width:calc(100% - 32px)}
body[data-visual-system] #main.v-page .section {padding:44px 0}
body[data-visual-system] #main.v-page h1 {font-size:33px!important;line-height:1.25}
body[data-visual-system] #main.v-page h2 {font-size:28px;line-height:1.3}
body[data-visual-system] #main.v-page h3 {font-size:22px}
body[data-visual-system] #main.v-page :is(p,.section-note,.media-copy>p,.etg-editorial p,.etg-editorial li) {font-size:17px;line-height:1.8}
body[data-visual-system] #main.v-page .hero {padding:118px 20px 32px}
body[data-visual-system] #main.v-page .hero .lead {font-size:18px;line-height:1.7}
html[lang="ru"] body[data-page-kind="home"] #main.v-page .hero {padding-top:96px;padding-bottom:28px}
html[lang="ru"] body[data-page-kind="home"] #main.v-page .hero h1 {font-size:28px!important;line-height:1.2!important;margin-bottom:16px}
html[lang="ru"] body[data-page-kind="home"] #main.v-page .hero .lead {font-size:17px;line-height:1.65;margin-bottom:18px}
html[lang="ru"] body[data-page-kind="home"] #main.v-page .hero__actions {margin-top:18px!important}
body[data-visual-system] #main.v-page .hero__actions {gap:10px}
body[data-visual-system] #main.v-page .hero>.hero__content .hero__actions {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
body[data-visual-system] #main.v-page .hero>.hero__content .hero__actions .btn {grid-column:auto!important;width:100%!important;min-width:0;padding:12px;white-space:normal}
body[data-visual-system] #main.v-page .hero>.hero__content .hero__actions .btn:first-child {grid-column:1/-1!important}
body[data-visual-system] #main.v-page .hero__actions .btn {font-size:16px;min-height:50px}
body[data-visual-system] #main.v-page .hero__facts {grid-template-columns:1fr;padding:12px 0!important}
body[data-visual-system] #main.v-page .fact {display:grid;grid-template-columns:1fr;gap:8px;align-items:center;padding:18px 4px!important;text-align:center}
body[data-visual-system] #main.v-page .fact+.fact {border-inline-start:0!important;border-top:1px solid var(--v-line)!important}
body[data-visual-system] #main.v-page .fact strong {font-size:22px;margin:0;overflow-wrap:break-word}
body[data-visual-system] #main.v-page .fact span {font-size:15px;line-height:1.65}
body[data-visual-system] #main.v-page :is(.core-jump-nav,.semantic-jump-nav) {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}
body[data-visual-system] #main.v-page :is(.core-jump-nav,.semantic-jump-nav) a {font-size:14px;padding:10px 8px;min-height:48px}
body[data-visual-system] #main.v-page :is(.home-choice-grid,.feature-grid,.include-grid,.link-grid,.semantic-delivery-grid,.portfolio-grid,.v-projects,.v-guide-index) {grid-template-columns:1fr!important;gap:18px}
body[data-visual-system] #main.v-page .home-choice-card {grid-template-columns:32px 1fr 20px;gap:10px 12px;padding:22px}
body[data-visual-system] #main.v-page .home-choice-card>.v-choice-icon {width:30px;height:30px}
body[data-visual-system] #main.v-page .home-choice-card>strong {font-size:22px}
body[data-visual-system] #main.v-page .home-choice-card>span {font-size:16px}
body[data-visual-system] #main.v-page .home-choice-card>.v-choice-arrow {width:18px;height:18px}
body[data-visual-system] #main.v-page .section__head {margin-bottom:26px}
body[data-visual-system] #main.v-page .media-band {gap:26px;margin-block:24px}
body[data-visual-system] #main.v-page .process-grid {display:block;border-top:0;padding:0}
body[data-visual-system] #main.v-page .process-step {padding:24px 0!important;display:grid;grid-template-columns:1fr;gap:18px;text-align:center;border-bottom:1px solid var(--v-line)!important}
body[data-visual-system] #main.v-page .process-step__head {display:block;text-align:center}
body[data-visual-system] #main.v-page .process-step h3 {font-size:21px}
body[data-visual-system] #main.v-page .process-step p {margin:0;font-size:16px;line-height:1.8}
body[data-visual-system] #main.v-page .process-step__icon {margin-bottom:10px}
html[lang="ru"] body[data-visual-system] #main.v-page .process-step {grid-template-columns:1fr;gap:16px}
html[lang="ru"] body[data-visual-system] #main.v-page .process-step__head {display:flex;flex-direction:column;justify-content:center;gap:14px;text-align:center;align-items:center;min-width:0}
html[lang="ru"] body[data-visual-system] #main.v-page .process-step__icon {margin:0;flex:0 0 44px}
html[lang="ru"] body[data-visual-system] #main.v-page .process-step__title {min-width:0}
html[lang="ru"] body[data-visual-system] #main.v-page .process-step h3 {font-size:22px;overflow-wrap:break-word}
body[data-visual-system] #main.v-page .price {padding:26px}
body[data-visual-system] #main.v-page .price__value {font-size:29px}
body[data-visual-system] #main.v-page :is(.faq,.price-faq) summary {font-size:18px;gap:16px;padding:20px 0}
body[data-visual-system] #main.v-page :is(.faq,.price-faq) details p {font-size:17px}
body[data-visual-system] #main.v-page .v-project img {height:340px}
body[data-visual-system] #main.v-page .project-card__media img {height:390px}
body[data-visual-system] #main.v-page .industry-row__copy h3 {font-size:26px}
body[data-visual-system] #main.v-page .industry-row__copy :is(p,li) {font-size:17px}
body[data-visual-system] #main.v-page .v-reading-body .etg-editorial h2 {font-size:26px;gap:10px}
body[data-visual-system] #main.v-page .v-reading-body .etg-editorial h2 .icon {width:22px;height:22px;flex-basis:22px}
body[data-visual-system] #main.v-page .v-reading-body #contact {padding:24px}
body[data-page-kind="price"] #main.v-page>section {padding-inline:16px}
body[data-page-kind="price"] #main.v-page .pricing-hero__content h1 {font-size:33px}
body[data-page-kind="price"] #main.v-page .pricing-hero__panel {padding:24px}
body[data-page-kind="price"] #main.v-page .v-pricing-context__inner {grid-template-columns:1fr;gap:28px}
body[data-page-kind="price"] #main.v-page .v-pricing-context .pricing-choice-grid {grid-template-columns:1fr}
body[data-visual-system] .v-footer-resources {display:grid;grid-template-columns:1fr;text-align:center;gap:4px}
}
@media(max-width:600px) and (max-height:740px) {
html[lang="ru"] body[data-page-kind="home"] #main.v-page .hero h1 {font-size:26px!important}
}
@media(prefers-reduced-motion:reduce) {
html {scroll-behavior:auto!important}
body[data-visual-system]:not(.v-motion) *,body[data-visual-system]:not(.v-motion) *::before,body[data-visual-system]:not(.v-motion) *::after {animation:none!important;transition:none!important}
}
@media print {
body[data-visual-system] :is(.v-progress,.desktop-header,.topbar,.mobile-cta,.v-toc) {display:none!important}
body[data-visual-system] #main.v-page {background:#fff!important;color:#111;--v-ink:#111;--v-muted:#333}
body[data-visual-system] #main.v-page .v-reveal-pending {opacity:1!important;transform:none!important}
} html body .v-progress,
html body #main.about-visual .ab-scroll-progress {display:none!important}  html body[data-visual-system] #main.v-page .image-frame {
margin-inline: 0 !important;
width: 100%;
max-width: 100%;
}
html body[data-visual-system] #main.v-page .media-band > .image-frame:only-child {
grid-column: 1 / -1 !important;
justify-self: center;
max-width: 960px;
} html body[data-visual-system] .service-next__link {
text-align: center;
} html body[data-page-kind="price"] #main.v-page,
html body[data-page-kind="price"] #main.v-page .wrap {
font-family:var(--font-body);
}
html body[data-page-kind="price"] #main.v-page :is(h1,h2,h3,h4) {
font-family:var(--font-display);
}
html body[data-page-kind="price"] #main.v-page .v-pricing-context .pricing-hero__panel {
grid-template-columns:minmax(0,1fr);
min-width:0;
width:100%;
}
html body[data-page-kind="price"] #main.v-page .v-pricing-context .pricing-hero__panel-title {
margin:0;
padding:0;
border:0;
text-align:center;
}
html body[data-page-kind="price"] #main.v-page .v-pricing-context .pricing-hero__option strong {
font-weight:700;
}
html body[data-page-kind="price"] #main.v-page .v-pricing-context .pricing-hero__option span {
font-weight:400;
line-height:1.65;
} html body[data-visual-system] nav.mobile-cta .etga-whatsapp-icon,
html body[data-visual-system] nav.mobile-cta .etga-whatsapp-icon>path {
fill:currentColor!important;
stroke:none!important;
stroke-width:0!important;
}
html body[data-visual-system] nav.mobile-cta .etga-whatsapp-icon {
width:24px;
height:24px;
flex:0 0 24px;
}
@media(max-width:980px) {
html body[data-page-kind="price"] #main.v-page .v-pricing-context__inner {
grid-template-columns:minmax(0,1fr);
}
}   @media screen and (min-width: 981px) {
html body[data-visual-system] .desktop-header {
top: 0 !important;
--etg-nav-ink: #edf1ff;
--etg-nav-muted: #b9c3dd;
--etg-nav-line: rgba(171, 190, 235, .14);
}
html body[data-visual-system] .desktop-header__inner {
width: 100% !important;
max-width: none !important;
min-height: 80px !important;
grid-template-columns: 52px minmax(24px, 1fr) auto minmax(24px, 1fr) auto !important;
gap: 0 !important;
padding: 12px 32px !important;
border: 0 !important;
border-bottom: 1px solid var(--etg-nav-line) !important;
border-radius: 0 !important;
background: rgba(10, 15, 39, .97) !important;
box-shadow: 0 8px 30px rgba(2, 5, 19, .12) !important;
filter: none !important;
backdrop-filter: blur(20px) !important;
-webkit-backdrop-filter: blur(20px) !important;
}
html body[data-visual-system] .desktop-header__inner::before {
content: none !important;
}
html body[data-visual-system] .desktop-brand {
width: 52px !important;
height: 52px !important;
align-self: center;
background: none !important;
border: 0 !important;
box-shadow: none !important;
filter: none !important;
}
html body[data-visual-system] .desktop-brand::before,
html body[data-visual-system] .desktop-brand::after,
html body[data-visual-system] .desktop-header__actions > .desktop-services::before {
content: none !important;
}
html body[data-visual-system] .desktop-brand img {
width: 52px !important;
height: 52px !important;
object-fit: contain;
border-radius: 13px !important;
border: 1px solid rgba(150, 172, 224, .2) !important;
outline: 0 !important;
box-shadow: 0 3px 12px rgba(0, 0, 0, .18) !important;
filter: none !important;
}
html body[data-visual-system] .desktop-header__actions {
width: auto !important;
height: 44px !important;
gap: 6px !important;
align-items: center !important;
padding: 0 !important;
}
html body[data-visual-system] .desktop-header__actions > :is(a, button, details) {
flex: 0 0 auto !important;
}
html body[data-visual-system] .desktop-header .language-switch--desktop {
position: relative;
display: block !important;
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
min-height: 44px !important;
}
html body[data-visual-system] .desktop-header :is(.desktop-header__price, .desktop-header__portfolio, .desktop-header__contact, .desktop-services > summary) {
position: relative;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 0 !important;
height: 44px !important;
min-height: 44px !important;
padding: 0 13px !important;
gap: 8px !important;
border: 1px solid transparent !important;
border-radius: 10px !important;
background: transparent !important;
color: var(--etg-nav-ink) !important;
box-shadow: none !important;
font-family: var(--font-display) !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1.3 !important;
white-space: nowrap !important;
text-decoration: none !important;
text-shadow: none !important;
transform: none !important;
transition: background-color .18s ease, color .18s ease, border-color .18s ease !important;
}
html body[data-visual-system] .desktop-header :is(.desktop-header__price, .desktop-header__portfolio, .desktop-services > summary):hover,
html body[data-visual-system] .desktop-services[open] > summary {
background: rgba(165, 186, 240, .08) !important;
color: #fff !important;
}
html body[data-visual-system] .desktop-header :is(.desktop-header__price, .desktop-header__portfolio):is([aria-current="page"], .is-current),
html body[data-visual-system][data-page-kind="price"] .desktop-header .desktop-header__price,
html body[data-visual-system][data-page-kind="portfolio"] .desktop-header .desktop-header__portfolio {
color: #c4d5ff !important;
background: rgba(127, 158, 229, .07) !important;
text-decoration: underline !important;
text-decoration-color: #8caaff !important;
text-decoration-thickness: 2px !important;
text-underline-offset: 7px;
}
html body[data-visual-system] .desktop-header .desktop-header__contact.desktop-header__cta {
padding-inline: 17px !important;
background: #dce5ff !important;
border-color: #dce5ff !important;
color: #172344 !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5) !important;
font-weight: 500 !important;
}
html body[data-visual-system] .desktop-header .desktop-header__contact:is(:hover, :focus-visible) {
background: #eef2ff !important;
border-color: #eef2ff !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .65) !important;
}
html body[data-visual-system] .desktop-header :is(.desktop-header__price, .desktop-header__portfolio, .desktop-header__contact) > .icon {
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
flex: 0 0 18px !important;
opacity: .85;
filter: none !important;
}
html body[data-visual-system] .desktop-services > summary::before {
content: none !important;
}
html body[data-visual-system] .desktop-header :is(.desktop-header__price, .desktop-header__portfolio, .desktop-header__contact)::before,
html body[data-visual-system] .desktop-header :is(.desktop-header__price, .desktop-header__portfolio, .desktop-header__contact)::after {
content: none !important;
}
html body[data-visual-system] .desktop-services > summary::after {
content: "" !important;
position: static !important;
display: block !important;
inset: auto !important;
width: 6px !important;
height: 6px !important;
margin: 0 !important;
border-width: 0 0 1.5px 1.5px !important;
border-style: solid !important;
border-color: currentColor !important;
background: none !important;
box-shadow: none !important;
transform: rotate(-45deg) translateY(-1px) !important;
opacity: .7;
filter: none !important;
}
html body[data-visual-system] .desktop-services[open] > summary::after {
transform: rotate(135deg) translateY(-1px) !important;
}
html body[data-visual-system] .desktop-header .desktop-social {
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
min-height: 44px !important;
padding: 0 !important;
border: 1px solid transparent !important;
border-radius: 10px !important;
background: transparent !important;
color: var(--etg-nav-muted) !important;
box-shadow: none !important;
text-shadow: none !important;
transform: none !important;
transition: background-color .18s ease, color .18s ease !important;
}
html body[data-visual-system] .desktop-header .desktop-social:is(:hover, :focus-visible) {
background: rgba(165, 186, 240, .08) !important;
color: #fff !important;
}
html body[data-visual-system] .desktop-header .desktop-social > :is(svg, .icon) {
width: 19px !important;
height: 19px !important;
min-width: 19px !important;
flex: 0 0 19px !important;
filter: none !important;
}
html body[data-visual-system] .desktop-header .desktop-language-mark {
min-width: 0;
color: inherit !important;
font-size: 13px !important;
font-weight: 500 !important;
}
html body[data-visual-system] .desktop-header__signal {
display: flex !important;
align-items: center !important;
gap: 16px !important;
padding: 0 !important;
}
html body[data-visual-system] .desktop-header__signal > a {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 44px;
gap: 8px !important;
color: var(--etg-nav-muted) !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1.4 !important;
text-decoration: none !important;
text-shadow: none !important;
}
html body[data-visual-system] .desktop-header__signal > a > span {
font-weight: 400 !important;
}
html body[data-visual-system] .desktop-header__signal > a:hover {
color: #fff !important;
}
html body[data-visual-system] .desktop-header__signal .icon {
width: 17px !important;
height: 17px !important;
min-width: 17px !important;
flex: 0 0 17px !important;
color: inherit !important;
opacity: .8;
}
html body[data-visual-system] .desktop-header__contact-divider {
display: block !important;
width: 1px !important;
height: 18px !important;
background: var(--etg-nav-line) !important;
box-shadow: none !important;
}
html body[data-visual-system] .desktop-header :is(a, button, summary):focus-visible {
outline: 2px solid #b0c5ff !important;
outline-offset: 3px !important;
}
html body[data-visual-system] .desktop-services__panel {
top: 92px !important;
width: min(1120px, calc(100vw - 64px)) !important;
max-height: calc(100dvh - 112px) !important;
padding: 28px !important;
gap: 28px 32px !important;
border: 1px solid rgba(169, 190, 235, .18) !important;
border-radius: 18px !important;
background: #10172f !important;
box-shadow: 0 24px 64px rgba(0, 4, 19, .4), inset 0 1px 0 rgba(255, 255, 255, .025) !important;
scrollbar-color: #566383 #10172f;
scrollbar-gutter: stable;
}
html body[data-visual-system] .desktop-services__panel .v-nav-group h3 {
padding: 0 10px 12px !important;
margin: 0 0 8px !important;
border-bottom: 1px solid rgba(169, 190, 235, .13) !important;
color: #edf1ff !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1.5 !important;
}
html body[data-visual-system] .desktop-services__panel .v-nav-group a {
padding: 11px 10px !important;
min-height: 44px !important;
border-radius: 8px !important;
color: #bfc8e1 !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.55 !important;
transition: background-color .18s ease, color .18s ease;
}
html body[data-visual-system] .desktop-services__panel .v-nav-group a:is(:hover, :focus-visible, [aria-current="page"]) {
background: rgba(132, 161, 237, .1) !important;
color: #fff !important;
}
html body[data-visual-system] .language-switch--desktop .language-switch__panel {
top: calc(100% + 30px) !important;
}
html body[data-visual-system] > .desktop-header-portal-panel.language-switch__panel {
top: 92px !important;
}
html body[data-visual-system] .language-switch--desktop .language-switch__panel,
html body[data-visual-system] > .desktop-header-portal-panel.language-switch__panel {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 4px !important;
padding: 6px !important;
width: 154px !important;
min-width: 154px !important;
border: 1px solid rgba(169, 190, 235, .18) !important;
border-radius: 12px !important;
background: #10172f !important;
box-shadow: 0 16px 36px rgba(0, 4, 19, .35) !important;
}
html body[data-visual-system] .language-switch--desktop .language-switch__panel > :is(a, span),
html body[data-visual-system] > .desktop-header-portal-panel.language-switch__panel > :is(a, span) {
min-width: 44px;
min-height: 44px;
border-radius: 8px !important;
font-weight: 500 !important;
color: #d7e1fc !important;
background: transparent !important;
border: 1px solid transparent !important;
}
html body[data-visual-system] .language-switch--desktop .language-switch__panel > :is(a:hover, a:focus-visible, .is-current),
html body[data-visual-system] > .desktop-header-portal-panel.language-switch__panel > :is(a:hover, a:focus-visible, .is-current) {
background: #263654 !important;
border-color: #5b78ad !important;
color: #fff !important;
}
html body.admin-bar[data-visual-system] .desktop-header {
top: 32px !important;
}
html body.admin-bar[data-visual-system] .desktop-services__panel,
html body.admin-bar[data-visual-system] > .desktop-header-portal-panel.language-switch__panel {
top: 124px !important;
max-height: calc(100dvh - 144px) !important;
}
}
@media screen and (min-width: 981px) and (max-width: 1279px) {
html body[data-visual-system] .desktop-header__inner {
padding-inline: 24px !important;
grid-template-columns: 52px minmax(16px, 1fr) auto minmax(16px, 1fr) auto !important;
}
html body[data-visual-system] .desktop-header :is(.desktop-header__price, .desktop-header__portfolio, .desktop-header__contact, .desktop-services > summary) {
padding-inline: 10px !important;
font-size: 14px !important;
}
html body[data-visual-system] .desktop-header__actions { gap: 4px !important; }
html body[data-visual-system] .desktop-header__signal { gap: 6px !important; }
html body[data-visual-system] .desktop-header__contact-divider { display: none !important; }
html body[data-visual-system] .desktop-header__email { width: 44px; }
html body[data-visual-system] .desktop-header__email > span { display: none !important; }
}
@media screen and (min-width: 981px) and (prefers-reduced-motion: reduce) {
html body[data-visual-system] header.desktop-header .desktop-header__inner * { transition: none !important; }
html body[data-visual-system] > .desktop-header-portal-panel * { transition: none !important; }
}
@media screen and (min-width: 981px) and (forced-colors: active) {
html body[data-visual-system] .desktop-header :is(a, button, summary) {
border: 1px solid ButtonText !important;
}
html body[data-visual-system] .desktop-header__inner,
html body[data-visual-system] .desktop-services__panel,
html body[data-visual-system] > .desktop-header-portal-panel {
background: Canvas !important;
color: CanvasText !important;
}
}html body[data-visual-system] #main.v2-page { padding-block-end: 48px; }
html body[data-visual-system] #main.v2-page .v2-hero { display:block; padding:64px 24px 28px; min-height:0; text-align:center; background:none; }
html body[data-visual-system] #main.v2-page .v2-hero .hero__content { display:block; width:min(100%,1100px); margin-inline:auto; padding:0; }
html body[data-visual-system] #main.v2-page .v2-hero h1 { max-width:24ch; margin:0 auto 22px; font-family:Rubik,Arial,sans-serif; font-size:clamp(32px,3.7vw,54px); line-height:1.13; font-weight:650; text-wrap:balance; color:#f5f7ff; }
html body[data-visual-system] #main.v2-page .v2-hero .lead { max-width:68ch; margin:0 auto 24px; font-size:19px; font-weight:400; line-height:1.7; color:#cad5eb; }
.v2-eyebrow { color:#9eb5e8; font:500 12px/1.5 Rubik,Arial,sans-serif; letter-spacing:.1em; margin-block:0 16px; }
html body[data-visual-system] #main.v2-page .hero__actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }
html body[data-visual-system] #main.v2-page .hero__actions .btn { min-height:48px; width:auto; min-width:180px; padding-inline:24px; }
.v2-breadcrumb { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; font-size:13px; line-height:1.6; margin-block-end:24px; color:#b6c5e4; }
.v2-breadcrumb a { color:inherit; text-decoration:underline; text-underline-offset:4px; }
.v2-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; max-width:1000px; margin:24px auto 0; }
.v2-facts span { border:1px solid #344466; border-radius:12px; padding:16px; font-size:14px; font-weight:500; line-height:1.5; color:#dbe5fb; }
.v2-toc { width:min(100% - 40px,1000px); display:flex; justify-content:center; flex-wrap:wrap; gap:10px; padding:4px 0; margin:24px auto 40px; }
.v2-toc a { min-width:0; max-width:100%; border:1px solid #344466; border-radius:16px; padding:11px 16px; min-height:44px; display:flex; align-items:center; justify-content:center; text-align:center; white-space:normal; overflow-wrap:anywhere; color:#cbd7ed; font-size:14px; line-height:1.5; }
html body[data-visual-system] #main .v2-section { max-width:1000px; margin:0 auto; padding:38px 28px; border-block-start:1px solid #2c3856; scroll-margin-top:110px; }
html body[data-visual-system] #main .v2-section h2 { font-family:Rubik,Arial,sans-serif; font-size:clamp(23px,2.2vw,31px); line-height:1.3; font-weight:600; color:#e7eeff; margin-block:0 18px; text-align:center; text-wrap:balance; }
html body[data-visual-system] #main .v2-section p,html body[data-visual-system] #main .v2-section li { font-family:Rubik,Arial,sans-serif; font-size:17px; line-height:1.8; font-weight:400; color:#c5d0e7; text-align:center; }
.v2-section p { margin-block:0 16px; }
.v2-section ul { padding-inline:0; margin-block:0; list-style-position:inside; }
.v2-section li+li { margin-block-start:12px; }
.v2-section a { color:#b5d9ff; text-decoration:underline; text-underline-offset:4px; }
.v2-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
html body[data-visual-system] #main .v2-card { display:flex; flex-direction:column; justify-content:flex-start; align-items:center; text-align:center; gap:12px; min-width:0; padding:24px; border:1px solid #344466; border-radius:16px; background:#111c35; text-decoration:none; transition:border-color .15s,background .15s; }
html body[data-visual-system] #main .v2-card:hover { border-color:#a9c1f9; background:#172441; }
html body[data-visual-system] #main .v2-card strong { font-size:20px; line-height:1.4; color:#eef3ff; font-weight:550; }
html body[data-visual-system] #main .v2-card span { font-size:15px; line-height:1.7; color:#bbcbe9; font-weight:400; }
.v2-table-scroll { max-width:100%; border:1px solid #344466; border-radius:14px; }
html body[data-visual-system] #main .v2-table-scroll table { width:100%; min-width:0; border-collapse:collapse; margin:0; table-layout:fixed; }
.v2-table-scroll th,.v2-table-scroll td { padding:18px; border:0; border-block-end:1px solid #2d3b58; text-align:center; font:400 16px/1.65 Rubik,Arial,sans-serif; color:#d5def0; vertical-align:top; background:#101a31; overflow-wrap:anywhere; }
.v2-table-scroll th { font-weight:550; background:#192642; color:#f1f5ff; }
.v2-table-scroll tr:last-child td { border-block-end:0; }
html body[data-visual-system] #main .v2-faq details { padding:18px 0; border:0; border-block-end:1px solid #2c3856; background:none; }
html body[data-visual-system] #main .v2-faq summary { min-height:44px; font:500 18px/1.6 Rubik,Arial,sans-serif; color:#ecf2ff; cursor:pointer; }
html body[data-visual-system] #main .v2-faq p { margin:14px 0 0; }
html body[data-visual-system] #main .v2-cta { border:1px solid #49618f; border-radius:20px; margin-block:32px; background:#14213f; }
html body[data-visual-system] #main .v2-cta h2,html body[data-visual-system] #main .v2-cta p { text-align:center; }
.v2-related { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; }
.v2-related a { display:flex; align-items:center; padding:12px 16px; border:1px solid #435777; border-radius:12px; min-height:44px; text-decoration:none; font-size:15px; }
.v2-source-note { font-size:13px!important; color:#aebdd8!important; }
.v2-home-art { display:block; margin:26px auto 0; max-width:600px; }
.v2-home-art img { width:100%; height:auto; display:block; }
.v2-inline-links { margin-block:20px; }
.v2-inline-links a { margin-inline-end:16px; display:inline-flex; padding-block:8px; }
.v2-preview-status { padding:14px; border:1px solid #6783b2; border-radius:8px; color:#e6efff; background:#14213f; } html body[data-visual-system] #main.v2-page .v2-hero .lead { font-weight:400!important; line-height:1.7!important; }
html body[data-visual-system] #main .v2-section h2 { text-align:center!important; font-weight:600!important; }
html body[data-visual-system] #main .v2-section :is(p,li) { text-align:center!important; font-weight:400!important; line-height:1.8!important; }
html body[data-visual-system] #main .v2-card :is(strong,span) { text-align:center!important; }
html body[data-visual-system] #main .v2-card span { font-weight:400!important; }
html body[data-visual-system] #main .v2-cta :is(h2,p) { text-align:center!important; }
html body[data-visual-system] .v2-section a:focus-visible,html body[data-visual-system] .v2-toc a:focus-visible,.v2-table-scroll:focus-visible { outline:3px solid #d9e6ff; outline-offset:4px; }
@media (max-width:680px) {
html body[data-visual-system] #main.v2-page .v2-hero { padding:32px 20px 12px; }
html body[data-visual-system] #main.v2-page .v2-hero .lead { font-size:17px; }
.v2-facts { grid-template-columns:1fr; gap:8px; }
.v2-facts span { padding:11px 15px; }
.v2-toc { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding-block:4px; margin-block:12px 24px; }
.v2-toc a { width:100%; }
html body[data-visual-system] #main .v2-section { padding:28px 20px; }
html body[data-visual-system] #main .v2-section p,html body[data-visual-system] #main .v2-section li { font-size:16px; line-height:1.75; }
.v2-cards { grid-template-columns:1fr; }
html body[data-visual-system] #main .v2-card { padding:20px; }
html body[data-visual-system] #main .v2-cta { margin:24px 12px; }
.v2-table-scroll th,.v2-table-scroll td { padding:12px; font-size:15px; }
.v2-breadcrumb { font-size:12px; }
}
@media (max-width:480px) { .v2-toc { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { .v2-card { transition:none!important; } }
@media print { .v2-toc,.v2-cta .hero__actions { display:none; } .v2-table-scroll { overflow:visible; } }html body[data-visual-system] #main .auto-art { display:block; width:min(100% - 40px,920px); margin:16px auto 36px; border:1px solid #344565; border-radius:24px; overflow:hidden; background:#0b1030; }
html body[data-visual-system] #main .auto-art img { display:block; width:100%; max-width:100%; height:auto; margin:0; aspect-ratio:3/2; object-fit:contain; }
html body[data-visual-system] #main .auto-flow { list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; padding:0; margin:24px 0 0; }
html body[data-visual-system] #main .auto-flow li { margin:0; padding:20px; border:1px solid #435777; border-radius:16px; background:#14213f; min-width:0; }
html body[data-visual-system] #main .auto-flow__number { display:block; color:#a6caff; font-size:26px; line-height:1.2; font-weight:650; margin-block-end:14px; }
html body[data-visual-system] #main .auto-steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-block-start:24px; }
html body[data-visual-system] #main .auto-step { border-block-start:2px solid #6b94e6; padding:20px 0; min-width:0; }
html body[data-visual-system] #main .auto-step h3 { font-size:21px; text-align:center; font-weight:600; margin:0 0 12px; }
html body[data-visual-system] #main .auto-step p { margin:0; }
html body[data-visual-system] #main .automation-discovery { margin:32px auto; border-block:1px solid #344466; }
.service-directory__grid .auto-directory-title { grid-column:1/-1; font-size:16px; margin-block:18px 4px; }
@media(min-width:1280px){
html body[data-visual-system] .desktop-services__panel { grid-template-columns:repeat(4,minmax(0,1fr))!important; }
}
@media(max-width:760px){
html body[data-visual-system] #main .auto-flow { grid-template-columns:repeat(2,minmax(0,1fr)); }
html body[data-visual-system] #main .auto-art { border-radius:16px; margin-block-end:24px; }
}
@media(max-width:480px){
html body[data-visual-system] #main .auto-flow,html body[data-visual-system] #main .auto-steps { grid-template-columns:1fr; }
html body[data-visual-system] #main .auto-flow li { padding:16px; display:flex; flex-direction:column; align-items:center; gap:12px; }
html body[data-visual-system] #main .auto-flow__number { margin:0; min-width:34px; font-size:24px; }
} html body[data-visual-system] main#main :is(h1,h2,h3,h4,h5,h6,p,li,th,td,summary,figcaption,label,legend) { text-align:center!important; }
html body[data-visual-system] main#main #price-faq details p { text-align:center!important; }
html body[data-visual-system] #main.v-page :is(.faq,.price-faq) details p,
html body[data-visual-system] #main.v-page .v-reading-body .etg-editorial li,
html body[data-visual-system] #main.about-visual .ab-faq-list :is(summary,p) { text-align:center!important; }
html body[data-product] #main.product-page :is(.product-feature-grid,.product-faq,.product-legal) details p,
html body[data-product] #main.product-page :is(.product-compatibility,.product-support)>p,
html body[data-product] #main.product-page .product-design .product-design-palettes { text-align:center!important; }
html body[data-visual-system] #main .auto-flow__number { text-align:center; }
html body[data-visual-system] #main .v2-section > p { max-width:76ch; margin-inline:auto; }
html body[data-visual-system] #main :is(.v2-card,.auto-step) { text-align:center; }
html body[data-visual-system] #main :is(.v2-card,.v2-related a,.v2-toc a) { justify-content:center; text-align:center; }
html body[data-visual-system] #main .v-reading-body .etg-editorial :is(ul,ol) { padding-inline:0; list-style-position:inside; text-align:center; }
html body[data-visual-system] #main :is(.v2-card,.auto-flow) svg { margin-inline:auto; }
html body[data-visual-system] #main :is(.v2-table-scroll,.product-comparison) { overflow:visible!important; }
html body[data-visual-system] #main .v2-responsive-table { width:100%!important; min-width:0!important; max-width:100%; table-layout:fixed; }
html body[data-visual-system] #main .v2-responsive-table :is(th,td) { overflow-wrap:anywhere; white-space:normal; }
.v2-cell-label { display:none; }
@media(min-width:681px){
html body[data-visual-system] #main .v2-table-scroll table { border-collapse:separate; border-spacing:0; }
.v2-table-scroll thead th:first-child { border-start-start-radius:13px; }
.v2-table-scroll thead th:last-child { border-start-end-radius:13px; }
.v2-table-scroll tbody tr:last-child td:first-child { border-end-start-radius:13px; }
.v2-table-scroll tbody tr:last-child td:last-child { border-end-end-radius:13px; }
}
@media(max-width:680px){
html body[data-visual-system] #main :is(.v2-table-scroll,.product-comparison) { border:0; border-radius:0; background:none; }
html body[data-visual-system] #main .v2-responsive-table { display:block; border:0; }
html body[data-visual-system] #main .v2-responsive-table thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
html body[data-visual-system] #main .v2-responsive-table tbody { display:grid; gap:14px; }
html body[data-visual-system] #main .v2-responsive-table tbody tr { display:grid; grid-template-columns:1fr; border:1px solid #344466; border-radius:14px; background:#101a31; }
html body[data-visual-system] #main .v2-responsive-table[data-columns="3"] tbody tr { grid-template-columns:repeat(2,minmax(0,1fr)); }
html body[data-visual-system] #main .v2-responsive-table tbody :is(th,td) { display:block; min-width:0; padding:14px 12px; border:0!important; background:none!important; color:#d5def0!important; font-size:15px; line-height:1.65; }
html body[data-visual-system] #main .v2-responsive-table tbody :is(th,td):first-child { grid-column:1/-1; border-block-end:1px solid #344466!important; font-weight:600; color:#f1f5ff!important; }
html body[data-visual-system] #main .v2-cell-label { display:block; margin-block-end:6px; font-size:12px; line-height:1.5; font-weight:600; color:#afc7ed; }
}
html body[data-visual-system] #main.v-page .v2-section :is(p,li) a { text-decoration:underline!important; text-decoration-thickness:1px!important; text-underline-offset:4px!important; }
html body[data-visual-system] .service-next .service-next__link .service-next__label { color:#14285a!important; opacity:1!important; }
@media(max-width:680px){
html body.v2-content-page[data-visual-system] main#main.v-page.v2-page .hero__actions { display:flex!important; flex-direction:column!important; align-items:stretch!important; }
html body.v2-content-page[data-visual-system] main#main.v-page.v2-page .hero__actions :is(.btn,.btn--light) { width:100%!important; min-width:0!important; flex:1 1 100%!important; }
}