:root {
--font-body:"Nunito Sans", "Segoe UI", Arial, system-ui, sans-serif;
--font-display:"Rubik", "Nunito Sans", "Segoe UI", Arial, system-ui, sans-serif;
--fs-xs:12px;
--fs-sm:13px;
--fs-base:16px;
--fs-ui:15px;
--fs-body-lg:17px;
--fs-card-title:18px;
--fs-hero:clamp(38px, 6vw, 66px);
--fs-section:clamp(30px, 3.7vw, 42px);
--fs-subsection:clamp(22px, 2.7vw, 30px);
--fs-price:clamp(30px, 4.2vw, 40px);
--milk:#eef8ff;
--paper:#ecebff;
--warm:#f3e8ff;
--linen:#d9e8ff;
--ink:#17211f;
--text:#263330;
--muted:#66736e;
--line:rgba(39, 51, 47, .13);
--aqua:#18c7d8;
--aqua-deep:#087d9b;
--violet:#6757d8;
--violet-soft:#b8aaff;
--ice:#e9fbff;
--pearl:#f0e8ff;
--rose:#f4b6cf;
--green:var(--aqua-deep);
--green-dark:#354bba;
--mint:var(--ice);
--gold:#c7a45a;
--coral:#de7c93;
--shadow:0 24px 70px rgba(71, 69, 132, .14);
--soft-shadow:0 14px 36px rgba(71, 69, 132, .11);
--radius:22px;
--wrap:min(1160px, calc(100% - 32px));
}
* { box-sizing:border-box; }
:is(.landing-beta-page, .seo-start-page),
:is(.landing-beta-page, .seo-start-page) * {
box-sizing:border-box;
}
:is(.landing-beta-page, .seo-start-page) {
width:100%;
min-width:0;
overflow-x:clip;
font-family:var(--font-body) !important;
color:var(--text);
background:#d9efff;
line-height:1.62;
position:relative;
z-index:1;
}
:is(.landing-beta-page, .seo-start-page) :where(a, button, summary) {
font-family:inherit;
-webkit-tap-highlight-color:transparent;
}
:is(.landing-beta-page, .seo-start-page) :where(a, a:hover, a:focus, a:active, a:visited) {
text-decoration:none !important;
}
:is(.landing-beta-page, .seo-start-page) :where(button) {
appearance:none;
-webkit-appearance:none;
}
html {
scroll-behavior:smooth;
background:#d9efff;
width:100%;
min-width:0;
overflow-x:clip;
}
body {
position:relative;
margin:0;
padding:0;
width:100%;
min-width:0;
overflow-x:clip;
font-family:var(--font-body);
font-size:var(--fs-base);
color:var(--text);
background:#d9efff;
line-height:1.62;
text-rendering:optimizeLegibility;
}
body.elementor-page,
body.page-template-elementor_canvas {
background:#d9efff !important;
margin:0 !important;
padding:0 !important;
overflow-x:clip !important;
}
body.elementor-page #page,
body.elementor-page .site,
body.elementor-page .entry-content,
body.elementor-page .elementor,
body.elementor-page .e-con,
body.elementor-page .e-con-full,
body.elementor-page .e-con-inner,
body.elementor-page .elementor-section,
body.elementor-page .elementor-container,
body.elementor-page .elementor-widget,
body.elementor-page .elementor-widget-wrap,
body.elementor-page .elementor-widget-html,
body.elementor-page .elementor-widget-container,
body.page-template-elementor_canvas #page,
body.page-template-elementor_canvas .site,
body.page-template-elementor_canvas .entry-content,
body.page-template-elementor_canvas .elementor,
body.page-template-elementor_canvas .e-con,
body.page-template-elementor_canvas .e-con-full,
body.page-template-elementor_canvas .e-con-inner,
body.page-template-elementor_canvas .elementor-section,
body.page-template-elementor_canvas .elementor-container,
body.page-template-elementor_canvas .elementor-widget,
body.page-template-elementor_canvas .elementor-widget-wrap,
body.page-template-elementor_canvas .elementor-widget-html,
body.page-template-elementor_canvas .elementor-widget-container {
max-width:none !important;
width:100% !important;
margin-left:0 !important;
margin-right:0 !important;
padding-left:0 !important;
padding-right:0 !important;
overflow:visible !important;
}
body.elementor-page .elementor-widget-html > .elementor-widget-container,
body.page-template-elementor_canvas .elementor-widget-html > .elementor-widget-container {
width:100vw !important;
margin-left:calc(50% - 50vw) !important;
margin-right:calc(50% - 50vw) !important;
background:#d9efff !important;
}
body::before,
body::after {
content:"";
position:fixed;
pointer-events:none;
}
body::before {
left:-18vw;
top:16vh;
width:48vw;
height:48vw;
z-index:0;
border-radius:42% 58% 64% 36%;
background:rgba(122, 218, 249, .16);
opacity:.82;
transform:translate3d(0,0,0);
animation:ambientFloat 26s ease-in-out infinite alternate;
}
body::after {
right:-15vw;
top:34vh;
width:44vw;
height:44vw;
z-index:0;
border-radius:60% 40% 38% 62%;
background:rgba(163, 154, 239, .14);
opacity:.72;
animation:ambientFloat 30s ease-in-out infinite alternate-reverse;
}
body > * {
position:relative;
z-index:1;
}
@keyframes ambientFloat {
from { transform:translate3d(-1.1vw, -1vh, 0) scale(1); }
to { transform:translate3d(1.2vw, 1.2vh, 0) scale(1.04); }
}
img, svg { display:block; }
img { max-width:100%; height:auto; }
a { color:inherit; }
.sr-only {
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0;
}
.wrap {
width:var(--wrap);
margin:0 auto;
}
.icon {
width:1.12em;
height:1.12em;
min-width:1.12em;
flex:0 0 auto;
stroke:currentColor;
stroke-width:2;
fill:none;
stroke-linecap:round;
stroke-linejoin:round;
}
:is(.landing-beta-page, .seo-start-page) .icon,
:is(.landing-beta-page, .seo-start-page) .icon * {
stroke:currentColor !important;
fill:none !important;
} .desktop-header{position:fixed;top:18px;left:0;right:0;z-index:2147482500;display:none;pointer-events:none;--desktop-header-width:min(1180px,calc(100vw - 44px));}
.desktop-header__inner{position:relative;width:var(--desktop-header-width);min-height:78px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:50px;padding:10px 14px;direction:ltr;pointer-events:auto;border:1px solid rgba(123,210,255,.22);border-radius:26px;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.98) 0 22%,rgba(5,10,34,.94) 42%,rgba(17,29,82,.86) 72%,rgba(29,42,112,.78) 100%);box-shadow:0 22px 70px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(104,225,255,.08);backdrop-filter:blur(18px);}
.desktop-header__inner::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,rgba(104,225,255,.18),transparent 24%,transparent 76%,rgba(158,125,255,.18)),radial-gradient(circle at 50% 0,rgba(104,225,255,.16),transparent 42%);opacity:.72;}
.desktop-header__nav,.desktop-header__actions,.desktop-brand{position:relative;z-index:1;}
.desktop-header__nav{display:flex;align-items:center;justify-content:flex-start;gap:6px;direction:ltr;}
.desktop-header__nav a,.desktop-services summary,.desktop-header__price,.desktop-social{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;text-decoration:none;white-space:nowrap;font-size:15px;font-weight:800;line-height:1;transition:transform .18s ease,color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;}
.desktop-header__nav a{padding:0 14px;color:#dff7ff;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);}
.desktop-header__nav a:hover,.desktop-header__nav a:focus-visible,.desktop-header__nav a.is-active{color:#fff;background:rgba(104,225,255,.13);border-color:rgba(104,225,255,.34);outline:none;box-shadow:0 0 24px rgba(104,225,255,.14);transform:translateY(-1px);}
.desktop-header__nav a.is-active{background:rgba(104,225,255,.16);border-color:rgba(104,225,255,.54);box-shadow:0 0 28px rgba(104,225,255,.2),inset 0 1px 0 rgba(255,255,255,.12);}
.desktop-brand{width:62px;height:62px;display:grid;place-items:center;border-radius:19px;color:#fff;text-decoration:none;}
.desktop-brand::before{content:"";position:absolute;inset:-7px;border-radius:24px;border:1px solid rgba(104,225,255,.52);box-shadow:0 0 12px rgba(104,225,255,.52),0 0 30px rgba(104,225,255,.32),0 0 48px rgba(154,114,255,.24);animation:brandGlowPulse 2.8s ease-in-out infinite;}
.desktop-brand img{position:relative;z-index:1;width:62px;height:62px;border-radius:18px;object-fit:cover;border:1px solid rgba(184,170,255,.36);box-shadow:0 12px 34px rgba(0,0,0,.34);}
.desktop-header__actions{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:10px;direction:ltr;}
.desktop-services{position:static;order:10;margin-left:auto;}
.desktop-services summary{padding:0 17px;cursor:pointer;list-style:none;color:#effcff;background:linear-gradient(135deg,rgba(41,66,156,.86),rgba(12,25,72,.92));border:1px solid rgba(104,225,255,.38);box-shadow:0 0 26px rgba(104,225,255,.14),inset 0 1px 0 rgba(255,255,255,.14);}
.desktop-services summary::-webkit-details-marker{display:none;}
.desktop-services summary::before{content:"";width:18px;height:14px;flex:0 0 18px;background:linear-gradient(currentColor,currentColor) 0 0/100% 2px no-repeat,linear-gradient(currentColor,currentColor) 0 50%/100% 2px no-repeat,linear-gradient(currentColor,currentColor) 0 100%/100% 2px no-repeat;opacity:.9;filter:drop-shadow(0 0 8px rgba(104,225,255,.32));}
.desktop-services summary::after{content:"";width:7px;height:7px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg) translateY(-1px);opacity:.78;transition:transform .18s ease;}
.desktop-services[open] summary::after{transform:rotate(135deg) translateY(-2px);}
.desktop-services summary:hover,.desktop-services summary:focus-visible{color:#fff;border-color:rgba(104,225,255,.62);background:linear-gradient(135deg,rgba(56,86,190,.94),rgba(10,35,96,.96));box-shadow:0 0 34px rgba(104,225,255,.22),inset 0 1px 0 rgba(255,255,255,.18);outline:none;}
.desktop-services__panel{position:fixed;top:108px;left:50%;width:var(--desktop-header-width);max-height:min(70vh,620px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:16px;overflow:auto;border:1px solid rgba(184,170,255,.24);border-radius:24px;background:rgba(7,12,36,.96);box-shadow:0 28px 80px rgba(0,0,0,.42),0 0 40px rgba(104,225,255,.08);backdrop-filter:blur(18px);direction:ltr;transform:translateX(-50%);z-index:2147482501;}
.desktop-services__group{display:flex;flex-direction:column;gap:7px;min-width:0;padding:10px;border:1px solid rgba(184,170,255,.14);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));}
.desktop-services__group h3{margin:0 0 4px;color:#bff7ff;font-family:var(--font-display);font-size:15px;font-weight:850;line-height:1.22;letter-spacing:0;}
.desktop-services__panel a{min-height:42px;display:flex;align-items:center;padding:10px 11px;border:1px solid rgba(184,170,255,.14);border-radius:14px;color:#e9f9ff;background:rgba(80,108,220,.12);text-decoration:none;font-size:14px;font-weight:750;line-height:1.35;}
.desktop-services__panel a:hover,.desktop-services__panel a:focus-visible{color:#fff;border-color:rgba(104,225,255,.38);background:rgba(104,225,255,.14);outline:none;}
.desktop-services__panel a.is-current{color:#fff;border-color:rgba(104,225,255,.52);background:linear-gradient(135deg,rgba(75,92,220,.38),rgba(24,199,216,.2));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 24px rgba(104,225,255,.13);}
.desktop-header__price {
order:9;
min-height:46px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
padding:0 17px;
border:1px solid rgba(255, 220, 132, .72);
border-radius:999px;
color:#fff4c8 !important;
background:linear-gradient(135deg, rgba(41,66,156,.86), rgba(12,25,72,.92));
box-shadow:0 0 26px rgba(214, 169, 65, .14), inset 0 1px 0 rgba(255,255,255,.14);
text-decoration:none !important;
white-space:nowrap;
font-size:15px;
font-weight:900;
line-height:1;
transition:transform .18s ease, color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.desktop-header__price:hover,
.desktop-header__price:focus-visible {
color:#fff8dc !important;
border-color:rgba(255, 237, 183, .94);
background:linear-gradient(135deg, rgba(56,86,190,.94), rgba(10,35,96,.96));
box-shadow:0 0 34px rgba(214, 169, 65, .24), inset 0 1px 0 rgba(255,255,255,.18);
transform:translateY(-1px);
outline:none;
}
.service-menu__panel a.service-menu__price {
min-height:42px;
margin-bottom:4px;
border:1px solid rgba(255, 220, 132, .82);
border-radius:12px;
color:#fff4c8;
background:rgba(86, 119, 214, .16);
box-shadow:inset 0 0 0 1px rgba(255, 220, 132, .18), 0 10px 24px rgba(214, 169, 65, .12);
}
.service-menu__panel a.service-menu__price:hover,
.service-menu__panel a.service-menu__price:focus-visible {
color:#fff8dc;
border-color:rgba(255, 237, 183, .96);
background:rgba(255, 220, 132, .1);
box-shadow:inset 0 0 0 1px rgba(255, 237, 183, .24), 0 12px 30px rgba(214, 169, 65, .2);
}
:is(.landing-beta-page, .landing-conversion-page) .service-menu__panel a.service-menu__price,
:is(.landing-beta-page, .landing-conversion-page) .service-menu__panel a.service-menu__price:hover,
:is(.landing-beta-page, .landing-conversion-page) .service-menu__panel a.service-menu__price:focus,
:is(.landing-beta-page, .landing-conversion-page) .service-menu__panel a.service-menu__price:focus-visible,
:is(.landing-beta-page, .landing-conversion-page) .service-menu__panel a.service-menu__price:active,
:is(.landing-beta-page, .landing-conversion-page) .service-menu__panel a.service-menu__price:visited {
color:#fff4c8 !important;
}
.desktop-social{width:42px;min-width:42px;height:42px;min-height:42px;padding:0;border:1px solid rgba(255,255,255,.16);color:#fff!important;box-shadow:0 10px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.18);}
.desktop-social--facebook{order:1;background:#1877f2;border-color:rgba(151,202,255,.42);} .desktop-social--whatsapp{order:2;background:#16b96f;border-color:rgba(142,255,211,.42);} .desktop-social--phone{order:3;background:#4052d8;border-color:rgba(184,170,255,.46);}
.desktop-social:hover,.desktop-social:focus-visible{color:#fff!important;transform:translateY(-1px);outline:none;}
.desktop-social__svg{width:20px;height:20px;display:block;fill:currentColor;stroke:none;}
.desktop-social--language{order:4;background:#293caa;border-color:rgba(184,170,255,.46);}
.desktop-social__svg--globe{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.language-switch{position:relative;display:inline-grid;place-items:center;}
.language-switch summary{list-style:none;cursor:pointer;}
.language-switch summary::-webkit-details-marker{display:none;}
.language-switch__panel{position:absolute;top:calc(100% + 10px);left:50%;width:58px;display:grid;gap:6px;padding:8px;border:1px solid rgba(184,170,255,.22);border-radius:16px;background:rgba(7,12,36,.96);box-shadow:0 18px 48px rgba(0,0,0,.34),0 0 24px rgba(104,225,255,.12);backdrop-filter:blur(16px);transform:translateX(-50%);z-index:2147482502;}
.language-switch__panel a,.language-switch__panel span{min-height:32px;display:grid;place-items:center;border:1px solid rgba(184,170,255,.16);border-radius:11px;color:#eaf8ff!important;background:rgba(80,108,220,.14);font-size:13px;font-weight:850;line-height:1;text-decoration:none!important;text-transform:lowercase;}
.language-switch__panel a:hover,.language-switch__panel a:focus-visible{color:#fff!important;border-color:rgba(104,225,255,.42);background:rgba(104,225,255,.16);outline:none;}
.language-switch__panel .is-current{color:#fff!important;border-color:rgba(104,225,255,.54);background:linear-gradient(135deg,rgba(75,92,220,.38),rgba(24,199,216,.22));}
.language-switch__panel .is-disabled{opacity:.45;cursor:not-allowed;}
@media (min-width:981px){.desktop-header{display:block;}}
@media (min-width:981px) and (max-width:1180px){.desktop-header{--desktop-header-width:min(1080px,calc(100vw - 28px));}.desktop-header__inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:50px;}.desktop-header__nav a,.desktop-services summary{font-size:14px;min-height:44px;padding-left:12px;padding-right:12px;}.desktop-services__panel{grid-template-columns:repeat(3,minmax(0,1fr));}} .topbar {
position:fixed !important;
top:0 !important;
left:0 !important;
right:0 !important;
z-index:2147483000 !important;
display:none;
width:100%;
max-width:100%;
margin:0;
background:
linear-gradient(90deg, #171f52 0%, #0d143f 22%, #040611 44%, #010207 50%, #040611 56%, #0d143f 78%, #171f52 100%) !important;
border-bottom:1px solid rgba(184, 170, 255, .26);
backdrop-filter:blur(18px);
box-shadow:0 12px 34px rgba(20, 24, 72, .18);
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translateY(-100%);
transition:opacity .24s ease, visibility .24s ease, transform .24s ease;
}
.topbar.is-visible {
opacity:1;
visibility:visible;
pointer-events:auto;
transform:translateY(0);
}
.topbar__inner {
min-height:70px;
display:grid;
grid-template-columns:minmax(220px, 1fr) auto minmax(360px, 1fr);
gap:20px;
align-items:center;
}
.brand {
position:relative;
display:inline-flex;
align-items:center;
justify-self:center;
width:58px;
height:58px;
justify-content:center;
text-decoration:none;
color:#edf8ff;
font-size:0;
line-height:0;
}
.brand::before {
content:"";
position:absolute;
inset:-7px;
border-radius:22px;
pointer-events:none;
border:1px solid rgba(104, 225, 255, .48);
box-shadow:
0 0 10px rgba(104, 225, 255, .45),
0 0 22px rgba(104, 225, 255, .28),
0 0 34px rgba(184, 170, 255, .2);
animation:brandGlowPulse 2.6s ease-in-out infinite;
}
.brand__logo {
position:relative;
z-index:1;
width:56px;
height:56px;
flex:0 0 56px;
border-radius:16px;
object-fit:cover;
object-position:center;
border:1px solid rgba(184, 170, 255, .38);
color:transparent;
font-size:0;
box-shadow:
0 0 0 1px rgba(24,199,216,.16),
0 10px 28px rgba(0,0,0,.28),
0 0 24px rgba(24,199,216,.16);
}
@keyframes brandGlowPulse {
0%, 100% {
opacity:.58;
box-shadow:
0 0 8px rgba(104, 225, 255, .32),
0 0 18px rgba(104, 225, 255, .2),
0 0 26px rgba(184, 170, 255, .14);
}
50% {
opacity:1;
box-shadow:
0 0 14px rgba(104, 225, 255, .62),
0 0 30px rgba(104, 225, 255, .38),
0 0 46px rgba(184, 170, 255, .28);
}
}
.nav {
display:flex;
justify-content:flex-end;
align-items:center;
gap:4px;
}
.nav a {
min-height:40px;
display:inline-flex;
align-items:center;
padding:0 12px;
border-radius:999px;
text-decoration:none;
color:#eaf8ff;
font-size:var(--fs-ui);
font-weight:700;
}
.nav a:hover,
.nav a:focus-visible {
background:rgba(232, 251, 255, .12);
color:#bff7ff;
outline:none;
}
.service-menu {
position:relative;
justify-self:start;
}
.service-menu__button {
position:relative;
min-height:44px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
padding:0 15px;
border:1px solid rgba(184, 170, 255, .28);
border-radius:999px;
background:rgba(37, 49, 122, .82);
color:#edfaff;
font:inherit;
font-weight:800;
cursor:pointer;
box-shadow:0 12px 28px rgba(0,0,0,.16);
}
.service-menu__icon {
position:relative;
width:22px;
height:16px;
flex:0 0 22px;
display:block;
color:#eaf8ff;
background:linear-gradient(currentColor, currentColor) center / 100% 2px no-repeat;
pointer-events:none;
}
.service-menu__icon::before,
.service-menu__icon::after {
content:"";
position:absolute;
left:0;
width:100%;
height:2px;
border-radius:999px;
background:currentColor;
box-shadow:0 0 10px rgba(104, 225, 255, .22);
}
.service-menu__icon::before {
top:0;
}
.service-menu__icon::after {
bottom:0;
}
.service-menu__panel {
position:absolute;
top:calc(100% + 12px);
left:0;
width:min(440px, calc(100vw - 24px));
max-height:min(72vh, 620px);
display:none;
grid-template-columns:1fr;
gap:6px;
overflow:auto;
padding:12px;
border:1px solid rgba(184, 170, 255, .26);
border-radius:20px;
background:#17204f;
box-shadow:0 24px 70px rgba(0,0,0,.34);
}
.service-menu.is-open .service-menu__panel {
display:grid;
}
.service-menu__panel a {
min-height:42px;
display:flex;
align-items:center;
justify-content:center;
padding:9px 11px;
border:1px solid rgba(184, 170, 255, .16);
border-radius:12px;
color:#eaf8ff;
background:rgba(86, 119, 214, .16);
text-decoration:none;
text-align:center;
font-size:var(--fs-sm);
font-weight:700;
line-height:1.35;
}
.service-menu__panel a:hover,
.service-menu__panel a:focus-visible {
color:#ffffff;
border-color:rgba(24,199,216,.36);
background:rgba(77, 146, 220, .24);
outline:none;
}
.service-menu__panel a.is-current {
color:#ffffff;
border-color:rgba(104, 225, 255, .5);
background:rgba(76, 95, 216, .42);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.1), 0 0 18px rgba(104, 225, 255, .14);
pointer-events:none;
}
:is(.landing-beta-page, .seo-start-page) .service-menu__panel :is(a, a:hover, a:focus, a:focus-visible, a:active, a:visited) {
color:#eaf8ff !important;
}
:is(.landing-beta-page, .seo-start-page) .service-menu__panel :is(a.is-current, a.is-current:hover, a.is-current:focus, a.is-current:focus-visible, a.is-current:active, a.is-current:visited) {
color:#ffffff !important;
}
.page-nav-wrap {
display:flex;
align-items:center;
justify-content:flex-end;
gap:10px;
}
.top-actions {
display:flex;
align-items:center;
justify-content:flex-end;
gap:8px;
}
.icon-btn {
position:relative;
width:42px;
height:42px;
display:grid;
place-items:center;
border:1px solid var(--line);
border-radius:14px;
background:#d7ecff;
color:var(--green-dark);
text-decoration:none;
box-shadow:0 8px 22px rgba(32, 38, 34, .08);
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, color .18s ease;
}
.icon-btn:hover,
.icon-btn:focus-visible {
transform:translateY(-2px);
border-color:rgba(76, 95, 216, .42);
box-shadow:
0 12px 28px rgba(76, 95, 216, .16),
0 0 0 1px rgba(93, 219, 255, .22) inset,
0 0 24px rgba(93, 219, 255, .22);
outline:none;
}
.icon-btn:active {
transform:translateY(0) scale(.96);
box-shadow:
0 8px 18px rgba(76, 95, 216, .16),
0 0 0 1px rgba(93, 219, 255, .28) inset;
}
.menu-toggle { display:none; cursor:pointer; }
.btn {
position:relative;
min-height:48px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
padding:0 18px;
border:1px solid transparent;
border-radius:999px;
text-decoration:none;
font-family:var(--font-display);
font-size:var(--fs-ui);
font-weight:800;
line-height:1;
color:#fff;
background:#4c5fd8;
overflow:hidden;
box-shadow:
0 16px 38px rgba(75, 92, 214, .24),
0 0 0 1px rgba(255,255,255,.28) inset;
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.btn::before {
content:"";
position:absolute;
inset:1px;
border-radius:inherit;
border:1px solid rgba(125, 232, 255, .22);
pointer-events:none;
opacity:.68;
transition:opacity .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.btn::after {
content:"";
position:absolute;
top:15%;
left:-34%;
width:28%;
height:70%;
border-radius:999px;
background:rgba(255, 255, 255, .28);
filter:blur(10px);
transform:skewX(-18deg);
opacity:0;
pointer-events:none;
}
.btn > .icon,
.btn {
z-index:1;
}
.btn:hover,
.btn:focus-visible {
transform:translateY(-2px);
box-shadow:
0 20px 44px rgba(75, 92, 214, .3),
0 0 0 1px rgba(255,255,255,.36) inset,
0 0 30px rgba(24, 199, 216, .28),
0 0 0 5px rgba(93, 219, 255, .08);
outline:none;
}
.btn:hover::before,
.btn:focus-visible::before {
opacity:1;
border-color:rgba(141, 237, 255, .52);
box-shadow:0 0 22px rgba(93, 219, 255, .34);
}
.btn:hover::after,
.btn:focus-visible::after {
animation:buttonGlint .86s ease;
}
.btn:active {
transform:translateY(0) scale(.98);
box-shadow:
0 10px 24px rgba(75, 92, 214, .24),
0 0 0 1px rgba(255,255,255,.34) inset,
0 0 20px rgba(24, 199, 216, .2);
}
@keyframes buttonGlint {
0% { left:-34%; opacity:0; }
18% { opacity:.7; }
100% { left:108%; opacity:0; }
}
.btn--light {
color:#3440a7;
border-color:rgba(103, 87, 216, .18);
background:#d9eeff;
box-shadow:0 12px 30px rgba(71, 69, 132, .1);
}
:is(.landing-beta-page, .seo-start-page) :is(.btn, a.btn, .btn:hover, .btn:focus, .btn:focus-visible, .btn:active, .btn:visited) {
color:#fff !important;
background:#4c5fd8 !important;
}
:is(.landing-beta-page, .seo-start-page) :is(.btn--light, a.btn--light, .btn--light:hover, .btn--light:focus, .btn--light:focus-visible, .btn--light:active, .btn--light:visited) {
color:#3440a7 !important;
background:#d9eeff !important;
}
:is(.landing-beta-page, .seo-start-page) :is(.btn--gold, a.btn--gold, .btn--gold:hover, .btn--gold:focus, .btn--gold:focus-visible, .btn--gold:active, .btn--gold:visited) {
color:#261d08 !important;
background:#e2c06d !important;
}
:is(.landing-beta-page, .seo-start-page) :is(.icon-btn, a.icon-btn, .icon-btn:hover, .icon-btn:focus, .icon-btn:focus-visible, .icon-btn:active, .icon-btn:visited) {
color:var(--green-dark) !important;
}
.topbar .icon-btn {
border-color:rgba(184, 170, 255, .28);
color:#eaf8ff;
background:rgba(37, 49, 122, .82);
box-shadow:0 12px 28px rgba(0,0,0,.16);
}
:is(.landing-beta-page, .seo-start-page) .topbar :is(.service-menu__button, .service-menu__button:hover, .service-menu__button:focus, .service-menu__button:focus-visible, .service-menu__button:active, .icon-btn, .icon-btn:hover, .icon-btn:focus, .icon-btn:focus-visible, .icon-btn:active) {
color:#eaf8ff !important;
background:transparent !important;
border-color:transparent !important;
}
.btn--gold {
color:#261d08;
background:#e2c06d;
box-shadow:0 16px 38px rgba(200, 155, 54, .24);
}
.hero {
width:100vw;
max-width:100vw;
margin-left:calc(50% - 50vw);
margin-right:calc(50% - 50vw);
min-height:calc(100svh - 70px);
display:grid;
align-items:end;
position:relative;
isolation:isolate;
overflow:hidden;
color:#fff;
background:url(//etgaric.digital/wp-content/plugins/etgaric-site-assets-20261021/assets/Picz/ServicePages/WebP/SEO/ChatGPT%20Image%20May%2011%2C%202026%2C%2002_08_05%20AM.webp) center/cover no-repeat;
}
.hero::before {
content:"";
position:absolute;
inset:0;
z-index:-1;
background:rgba(14, 22, 38, .64);
}
.hero::after {
content:"";
position:absolute;
inset:auto 0 0;
height:40px;
background:#d9efff;
z-index:-1;
}
.hero__content {
width:var(--wrap);
margin:0 auto;
padding:clamp(76px, 10vw, 126px) 0 84px;
}
h1 {
max-width:880px;
margin:0 0 18px;
font-family:var(--font-display);
color:#fff;
font-size:var(--fs-hero);
font-weight:800;
line-height:1.03;
letter-spacing:0;
text-wrap:balance;
text-shadow:0 4px 24px rgba(0,0,0,.28);
}
h1 span {
display:block;
}
.lead {
max-width:820px;
margin:0;
color:rgba(255,255,255,.88);
font-size:var(--fs-body-lg);
line-height:1.62;
text-shadow:0 2px 18px rgba(0,0,0,.24);
}
.hero__actions {
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:30px;
}
.hero__facts {
width:var(--wrap);
margin:-48px auto 0;
position:relative;
z-index:4;
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:12px;
}
.fact {
min-height:112px;
padding:18px;
border:1px solid rgba(39, 51, 47, .12);
border-radius:18px;
background:#dcefff;
color:var(--ink);
box-shadow:var(--soft-shadow);
backdrop-filter:blur(16px);
}
.fact strong {
display:block;
font-family:var(--font-display);
font-size:var(--fs-subsection);
font-weight:800;
line-height:1.12;
color:var(--green-dark);
}
.fact span {
display:block;
margin-top:7px;
color:#405367;
font-size:var(--fs-ui);
font-weight:600;
line-height:1.45;
}
main {
position:relative;
overflow:hidden;
}
.section {
scroll-margin-top:82px;
padding:clamp(56px, 8vw, 92px) 0;
position:relative;
overflow:hidden;
background:rgba(223, 242, 255, .9);
}
.section::before,
.section::after {
content:"";
position:absolute;
z-index:0;
pointer-events:none;
opacity:.55;
}
.section::before {
left:-7rem;
top:-7rem;
width:22rem;
height:22rem;
border-radius:44% 56% 62% 38%;
background:rgba(111, 214, 248, .22);
}
.section::after {
right:-8rem;
bottom:-8rem;
width:24rem;
height:24rem;
border-radius:58% 42% 38% 62%;
background:rgba(155, 147, 236, .16);
}
#problem::before {
left:-5rem;
top:2rem;
width:20rem;
height:20rem;
border-radius:50%;
opacity:.42;
}
#problem::after {
right:5vw;
bottom:-9rem;
width:22rem;
height:22rem;
border-radius:22% 78% 28% 72%;
transform:rotate(18deg);
}
#value::before {
left:auto;
right:8vw;
top:-8rem;
width:24rem;
height:24rem;
border-radius:64% 36% 52% 48%;
}
#value::after {
right:auto;
left:-8rem;
bottom:-7rem;
width:21rem;
height:21rem;
border-radius:34% 66% 70% 30%;
}
#included::before {
left:-6rem;
top:5rem;
width:18rem;
height:18rem;
border-radius:0 0 80% 0;
transform:rotate(45deg);
opacity:.34;
}
#included::after {
right:7vw;
bottom:-10rem;
width:26rem;
height:26rem;
border-radius:50%;
opacity:.38;
}
#process::before {
left:auto;
right:-8rem;
top:-4rem;
width:22rem;
height:22rem;
border-radius:58% 42% 64% 36%;
}
#process::after {
right:auto;
left:6vw;
bottom:-9rem;
width:24rem;
height:24rem;
border-radius:18% 82% 22% 78%;
transform:rotate(12deg);
}
#geo::before {
left:-4rem;
top:3rem;
width:18rem;
height:18rem;
border-radius:28% 72% 50% 50%;
transform:rotate(30deg);
}
#geo::after {
right:-7rem;
bottom:3rem;
width:23rem;
height:23rem;
border-radius:50% 50% 12% 88%;
opacity:.42;
}
#bundle::before,
#faq::before,
#contact::before {
border-radius:50% 50% 12% 88%;
transform:rotate(-16deg);
}
#bundle::after,
#faq::after,
#contact::after {
border-radius:18% 82% 24% 76%;
transform:rotate(16deg);
}
.section > .wrap {
position:relative;
z-index:3;
}
.section--tight {
padding-top:42px;
}
#problem {
background:rgba(223, 242, 255, .9);
}
#value {
background:rgba(215, 237, 255, .9);
}
#included {
background:rgba(225, 233, 255, .9);
}
#process {
background:rgba(220, 239, 255, .9);
}
#bundle {
background:rgba(216, 240, 255, .9);
}
#faq {
background:rgba(229, 232, 255, .9);
}
#contact {
background:rgba(217, 239, 255, .94);
}
.section--warm {
background:rgba(220, 239, 255, .9);
}
.section--green {
color:var(--text);
background:rgba(216, 238, 255, .9);
}
.section__head {
display:grid;
grid-template-columns:minmax(0, .72fr) minmax(260px, .28fr);
gap:26px;
align-items:end;
margin-bottom:28px;
}
.section h2 {
margin:0;
font-family:var(--font-display);
color:var(--ink);
font-size:var(--fs-section);
font-weight:800;
line-height:1.12;
letter-spacing:0;
text-wrap:balance;
}
.section--green h2,
.section--green .section-kicker,
.section--green .section-note {
color:var(--ink);
}
.section-kicker {
display:inline-flex;
align-items:center;
gap:8px;
margin:0 0 10px;
color:#4150ba;
font-family:var(--font-display);
font-weight:800;
font-size:var(--fs-sm);
text-transform:uppercase;
letter-spacing:.06em;
}
.section-note {
margin:0;
color:var(--muted);
font-size:var(--fs-body-lg);
line-height:1.62;
}
.intro-grid {
display:grid;
grid-template-columns:minmax(0, .95fr) minmax(280px, .55fr);
gap:22px;
align-items:stretch;
}
.story {
position:relative;
overflow:hidden;
padding:clamp(24px, 4vw, 42px);
border:1px solid var(--line);
border-radius:var(--radius);
background:#dff1ff;
box-shadow:var(--soft-shadow);
}
.story::after {
content:"";
position:absolute;
right:-70px;
bottom:-86px;
width:220px;
height:220px;
border-radius:44% 56% 48% 52%;
background:rgba(155,147,236,.14);
pointer-events:none;
}
.story > * {
position:relative;
z-index:1;
}
.story p {
margin:0;
font-size:var(--fs-body-lg);
line-height:1.7;
color:#30403b;
}
.story p + p { margin-top:18px; }
.price {
position:relative;
overflow:hidden;
padding:28px;
border:1px solid rgba(200, 155, 54, .25);
border-radius:var(--radius);
background:#d9edff;
box-shadow:var(--shadow);
}
.price::before,
.price::after {
content:"";
position:absolute;
pointer-events:none;
}
.price::before {
left:-72px;
top:-76px;
width:190px;
height:190px;
border-radius:48% 52% 58% 42%;
background:rgba(226,192,109,.24);
}
.price::after {
right:-64px;
bottom:-72px;
width:210px;
height:210px;
border-radius:62% 38% 42% 58%;
background:rgba(111,214,248,.2);
}
.price > * {
position:relative;
z-index:1;
}
.price__label {
color:#684f12;
font-family:var(--font-display);
font-size:var(--fs-sm);
font-weight:800;
letter-spacing:.06em;
text-transform:uppercase;
}
.price__value {
margin:10px 0 12px;
font-family:var(--font-display);
color:#251b07;
font-size:var(--fs-price);
line-height:1.1;
font-weight:800;
}
.price p {
margin:0;
color:#5a4920;
font-weight:600;
}
.media-band {
display:grid;
grid-template-columns:1fr;
gap:22px;
align-items:start;
}
.media-copy {
display:grid;
gap:14px;
max-width:920px;
}
.media-copy p {
margin:0;
font-size:var(--fs-body-lg);
line-height:1.68;
color:#34423e;
}
.image-frame {
position:relative;
width:100%;
max-width:100%;
margin-left:0 !important;
margin-right:0 !important;
grid-column:1 / -1;
}
.image-frame img {
width:100%;
height:auto;
object-fit:contain;
overflow:hidden;
border:0;
border-radius:0;
box-shadow:0 22px 58px rgba(71, 69, 132, .12);
background:#edf6ff;
}
.image-frame__label {
width:var(--wrap);
margin:8px auto 0;
padding:0 2px;
color:#76817c;
background:transparent;
font-size:var(--fs-sm);
line-height:1.35;
font-weight:600;
}
.feature-grid,
.include-grid,
.process-grid,
.geo-grid,
.link-grid {
display:grid;
gap:14px;
}
.feature-grid {
grid-template-columns:repeat(3, minmax(0, 1fr));
}
.include-grid {
grid-template-columns:repeat(3, minmax(0, 1fr));
}
.process-grid {
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:18px;
}
.geo-grid {
grid-template-columns:1.05fr .95fr;
align-items:stretch;
}
.link-grid {
grid-template-columns:repeat(4, minmax(0, 1fr));
}
.card {
position:relative;
overflow:hidden;
min-width:0;
min-height:132px;
padding:20px;
border:1px solid var(--line);
border-radius:18px;
background:#dcefff;
box-shadow:0 12px 30px rgba(71, 69, 132, .09);
}
.card::after {
content:"";
position:absolute;
right:-72px;
bottom:-82px;
width:190px;
height:190px;
border-radius:42% 58% 52% 48%;
background:rgba(111, 214, 248, .16);
pointer-events:none;
}
.card > * {
position:relative;
z-index:1;
}
.card__icon {
width:42px;
height:42px;
display:grid;
place-items:center;
margin-bottom:14px;
border-radius:14px;
color:#4451bd;
background:#e9e8ff;
box-shadow:0 10px 22px rgba(103, 87, 216, .12);
}
.card h3 {
margin:0 0 8px;
font-family:var(--font-display);
color:var(--ink);
font-size:var(--fs-card-title);
font-weight:800;
line-height:1.28;
}
.card p,
.card li {
color:#4b5c59;
font-size:var(--fs-base);
font-weight:600;
line-height:1.58;
}
.card p { margin:0; }
.card ul {
display:grid;
gap:11px;
margin:0;
padding:0;
list-style:none;
}
.card li {
position:relative;
padding-left:21px;
}
.card li::before {
content:"";
position:absolute;
left:0;
top:.65em;
width:8px;
height:8px;
border-radius:50%;
background:#5866d7;
box-shadow:0 0 0 5px rgba(103, 87, 216, .1);
}
.include-column {
min-height:100%;
}
.include-column h3 {
display:flex;
align-items:center;
gap:9px;
}
.process-step {
position:relative;
min-height:218px;
display:grid;
align-content:start;
gap:18px;
padding:26px;
overflow:hidden;
border-color:rgba(103, 87, 216, .14);
background:#dcefff;
backdrop-filter:blur(16px);
isolation:isolate;
}
.process-step::before {
content:"";
position:absolute;
inset:-40% auto auto -18%;
width:230px;
height:230px;
border-radius:50%;
background:rgba(111, 214, 248, .18);
opacity:.9;
pointer-events:none;
z-index:-1;
animation:processGlow 9s ease-in-out infinite alternate;
}
.process-step::after {
content:"";
position:absolute;
right:-48px;
bottom:-58px;
width:190px;
height:190px;
border-radius:48px;
background:rgba(155, 147, 236, .14);
transform:rotate(18deg);
pointer-events:none;
z-index:-1;
animation:processFloat 11s ease-in-out infinite alternate;
}
@keyframes processGlow {
from { transform:translate3d(0,0,0) scale(1); opacity:.72; }
to { transform:translate3d(28px,18px,0) scale(1.12); opacity:1; }
}
@keyframes processFloat {
from { transform:rotate(18deg) translate3d(0,0,0); }
to { transform:rotate(24deg) translate3d(-16px,-10px,0); }
}
.process-step__head {
position:relative;
z-index:1;
display:flex;
align-items:flex-start;
gap:14px;
}
.process-step__icon {
width:50px;
height:50px;
flex:0 0 50px;
display:grid;
place-items:center;
border:1px solid rgba(103,87,216,.16);
border-radius:18px;
color:#4053c6;
background:#e9e8ff;
box-shadow:0 14px 28px rgba(77, 89, 190, .14);
}
.process-step__title {
min-width:0;
}
.process-step__meta {
display:block;
margin:2px 0 6px;
color:#77827f;
font-family:var(--font-display);
font-size:var(--fs-xs);
font-weight:800;
letter-spacing:.06em;
text-transform:uppercase;
}
.process-step .process-step__head h3 {
margin:0;
font-family:var(--font-display);
color:#171d35;
font-size:var(--fs-subsection);
font-weight:800;
line-height:1.18;
}
.process-step p {
position:relative;
z-index:1;
margin:0;
font-size:var(--fs-body-lg);
line-height:1.62;
color:#52615f;
}
.geo-panel {
position:relative;
overflow:hidden;
min-height:100%;
padding:clamp(22px, 3.2vw, 32px);
border:1px solid rgba(103, 87, 216, .1);
border-radius:var(--radius);
background:#d9ecfa;
}
.geo-panel::before,
.geo-panel::after {
content:"";
position:absolute;
pointer-events:none;
}
.geo-panel::before {
left:-76px;
top:-82px;
width:210px;
height:210px;
border-radius:46% 54% 60% 40%;
background:rgba(111,214,248,.2);
}
.geo-panel::after {
right:-70px;
bottom:-82px;
width:220px;
height:220px;
border-radius:58% 42% 40% 60%;
background:rgba(155,147,236,.15);
}
.geo-panel > * {
position:relative;
z-index:1;
}
.geo-panel h2 {
max-width:760px;
margin-bottom:16px;
font-family:var(--font-display);
color:#1d2730;
font-size:var(--fs-subsection);
font-weight:700;
line-height:1.2;
}
.geo-panel p {
margin:0;
color:#4f5f5d;
font-size:var(--fs-base);
line-height:1.68;
}
.geo-panel p + p { margin-top:16px; }
.cta-panel {
display:grid;
grid-template-columns:minmax(0, 1fr) auto;
gap:20px;
align-items:center;
padding:clamp(24px, 4vw, 40px);
border-radius:var(--radius);
color:#fff;
background:
radial-gradient(circle at 18% 15%, rgba(255,255,255,.16), transparent 12rem),
linear-gradient(135deg, #354bba, #087d9b);
box-shadow:var(--shadow);
}
.cta-panel h2 {
margin:0 0 10px;
font-family:var(--font-display);
color:#fff;
font-size:var(--fs-section);
font-weight:800;
line-height:1.12;
}
.cta-panel p {
margin:0;
color:rgba(255,255,255,.82);
font-size:var(--fs-body-lg);
line-height:1.62;
}
.cta-panel__actions {
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
gap:10px;
}
.faq {
display:grid;
gap:10px;
}
.faq details {
position:relative;
border:1px solid var(--line);
border-radius:18px;
background:#dcefff;
box-shadow:0 10px 28px rgba(71, 69, 132, .08);
overflow:hidden;
}
.faq details::after {
content:"";
position:absolute;
right:-64px;
bottom:-82px;
width:180px;
height:180px;
border-radius:46% 54% 62% 38%;
background:rgba(155,147,236,.12);
pointer-events:none;
}
.faq details > * {
position:relative;
z-index:1;
}
.faq summary {
min-height:64px;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
padding:16px 20px;
color:var(--ink);
cursor:pointer;
font-family:var(--font-display);
font-weight:700;
line-height:1.35;
list-style:none;
}
.faq summary::-webkit-details-marker { display:none; }
.faq summary::after {
content:"+";
width:30px;
height:30px;
flex:0 0 30px;
display:grid;
place-items:center;
border-radius:50%;
color:var(--green-dark);
background:rgba(103, 87, 216, .1);
font-size:20px;
line-height:1;
}
.faq details[open] summary::after {
content:"-";
}
.faq p {
margin:0;
padding:0 20px 20px;
color:var(--muted);
font-size:var(--fs-base);
font-weight:500;
line-height:1.62;
}
.service-directory {
position:relative;
margin-top:18px;
border:1px solid var(--line);
border-radius:18px;
background:#dcefff;
overflow:hidden;
}
.service-directory::after {
content:"";
position:absolute;
right:-78px;
bottom:-96px;
width:230px;
height:230px;
border-radius:58% 42% 44% 56%;
background:rgba(111,214,248,.14);
pointer-events:none;
}
.service-directory > * {
position:relative;
z-index:1;
}
.service-directory summary {
position:relative;
overflow:hidden;
cursor:pointer;
display:grid;
grid-template-columns:minmax(0, 1fr) auto;
align-items:center;
gap:16px;
padding:16px 18px;
color:var(--ink);
font-family:var(--font-display);
font-weight:700;
list-style:none;
background:#e7f5ff;
transition:border-color .24s ease, background .24s ease, box-shadow .24s ease, transform .2s ease;
}
.service-directory summary::-webkit-details-marker { display:none; }
.service-directory summary:hover,
.service-directory summary:focus-visible {
background:#e6e6ff;
outline:none;
box-shadow:inset 0 0 0 1px rgba(103, 87, 216, .16);
}
.service-directory summary::before {
content:"";
position:absolute;
inset:0;
border-radius:inherit;
border:1px solid rgba(103, 87, 216, .16);
opacity:.72;
pointer-events:none;
}
.service-directory summary::after {
content:"";
position:absolute;
left:18px;
right:18px;
bottom:0;
height:2px;
border-radius:999px;
background:#4c5fd8;
opacity:.56;
transform:scaleX(.18);
transform-origin:left center;
animation:directoryLine 2.4s ease-in-out infinite;
pointer-events:none;
}
.service-directory[open] summary {
border-bottom:1px solid rgba(103, 87, 216, .12);
}
.service-directory__summary-text {
display:grid;
gap:3px;
min-width:0;
}
.service-directory__summary-title {
font-size:var(--fs-body-lg);
font-weight:800;
line-height:1.22;
}
.service-directory__summary-hint {
color:#52615f;
font-family:var(--font-body);
font-size:var(--fs-sm);
font-weight:600;
line-height:1.35;
}
.service-directory__summary-action {
position:relative;
min-height:42px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
padding:0 15px;
border:1px solid rgba(103, 87, 216, .22);
border-radius:999px;
color:#fff;
background:#4c5fd8;
box-shadow:
0 12px 28px rgba(76, 95, 216, .24),
0 0 0 1px rgba(255,255,255,.22) inset;
white-space:nowrap;
animation:directoryPulse 2.2s ease-in-out infinite;
}
.service-directory__summary-lines {
width:22px;
display:grid;
gap:4px;
}
.service-directory__summary-lines span {
height:2px;
border-radius:999px;
background:currentColor;
opacity:.9;
transform-origin:left center;
animation:directoryBars 1.45s ease-in-out infinite;
}
.service-directory__summary-lines span:nth-child(2) {
width:75%;
animation-delay:.12s;
}
.service-directory__summary-lines span:nth-child(3) {
width:52%;
animation-delay:.24s;
}
.service-directory__summary-action-text::before {
content:"Открыть";
}
.service-directory[open] .service-directory__summary-action {
background:#354bba;
animation:none;
}
.service-directory[open] .service-directory__summary-action-text::before {
content:"Скрыть";
}
@keyframes directoryPulse {
0%, 100% { box-shadow:0 12px 28px rgba(76, 95, 216, .2), 0 0 0 1px rgba(255,255,255,.22) inset; }
50% { box-shadow:0 16px 34px rgba(76, 95, 216, .32), 0 0 0 1px rgba(255,255,255,.32) inset, 0 0 24px rgba(24, 199, 216, .2); }
}
@keyframes directoryBars {
0%, 100% { transform:scaleX(.72); opacity:.65; }
45% { transform:scaleX(1); opacity:1; }
}
@keyframes directoryLine {
0%, 100% { transform:scaleX(.18); opacity:.38; }
45% { transform:scaleX(1); opacity:.72; }
}
.service-directory__grid {
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:8px;
padding:0 20px 20px;
}
.service-directory a,
.link-card {
min-height:58px;
display:flex;
align-items:center;
gap:10px;
padding:12px 14px;
border:1px solid var(--line);
border-radius:14px;
background:#e7f5ff;
color:var(--ink);
text-decoration:none;
font-family:var(--font-display);
font-size:var(--fs-ui);
font-weight:700;
line-height:1.32;
}
.service-directory a:hover,
.link-card:hover,
.service-directory a:focus-visible,
.link-card:focus-visible {
border-color:rgba(103, 87, 216, .24);
color:var(--green-dark);
background:#e6e6ff;
outline:none;
box-shadow:0 10px 24px rgba(103, 87, 216, .1);
}
.service-directory a.is-current {
border-color:rgba(76, 95, 216, .34);
color:#2531a4;
background:#dfe6ff;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.3), 0 10px 24px rgba(76, 95, 216, .12);
pointer-events:none;
}
:is(.landing-beta-page, .seo-start-page) :is(.service-directory a, .service-directory a:hover, .service-directory a:focus, .service-directory a:focus-visible, .service-directory a:active, .service-directory a:visited, .link-card, .link-card:hover, .link-card:focus, .link-card:focus-visible, .link-card:active, .link-card:visited) {
color:var(--ink) !important;
}
:is(.landing-beta-page, .seo-start-page) :is(.service-directory a.is-current, .service-directory a.is-current:hover, .service-directory a.is-current:focus, .service-directory a.is-current:focus-visible, .service-directory a.is-current:active, .service-directory a.is-current:visited) {
color:#2531a4 !important;
}
.service-next {
position:relative;
overflow:hidden;
padding:42px 0 104px;
background:#d7edff;
border-top:1px solid rgba(76, 95, 216, .12);
}
.service-next::before,
.service-next::after {
content:"";
position:absolute;
pointer-events:none;
border-radius:40% 60% 55% 45%;
opacity:.55;
}
.service-next::before {
left:-10vw;
top:-44px;
width:34vw;
height:190px;
background:#bdeeff;
}
.service-next::after {
right:-8vw;
bottom:-70px;
width:32vw;
height:210px;
background:#d9d8ff;
}
.service-next__row {
position:relative;
z-index:1;
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:14px;
max-width:760px;
}
.service-next__link {
min-height:104px;
display:grid;
align-content:center;
gap:7px;
padding:20px 22px;
border:1px solid rgba(76, 95, 216, .16);
border-radius:22px;
background:rgba(232, 247, 255, .78);
color:var(--ink);
text-decoration:none;
box-shadow:0 16px 38px rgba(71, 69, 132, .11);
backdrop-filter:blur(10px);
transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
}
.service-next__label {
color:#354bba;
font-family:var(--font-display);
font-size:var(--fs-xs);
font-weight:800;
line-height:1.2;
letter-spacing:.08em;
text-transform:uppercase;
}
.service-next__title {
color:var(--ink);
font-family:var(--font-display);
font-size:var(--fs-card-title);
font-weight:800;
line-height:1.28;
}
.service-next__link:hover,
.service-next__link:focus-visible {
transform:translateY(-3px);
border-color:rgba(76, 95, 216, .3);
background:#e6f6ff;
outline:none;
box-shadow:0 20px 46px rgba(71, 69, 132, .16), 0 0 24px rgba(104, 225, 255, .16);
}
:is(.landing-beta-page, .seo-start-page) :is(.service-next__link, .service-next__link:hover, .service-next__link:focus, .service-next__link:focus-visible, .service-next__link:active, .service-next__link:visited) {
color:var(--ink) !important;
}
.mobile-cta {
position:fixed;
left:0;
right:0;
bottom:0;
z-index:50;
display:none;
grid-template-columns:1fr 46px 46px 46px;
gap:7px;
padding:7px 10px max(7px, env(safe-area-inset-bottom));
border:1px solid rgba(39, 51, 47, .12);
border-right:0;
border-bottom:0;
border-left:0;
border-radius:20px 20px 0 0;
background:rgba(219, 240, 255, .96);
box-shadow:0 -10px 32px rgba(32, 38, 34, .16);
backdrop-filter:blur(16px);
opacity:0;
pointer-events:none;
transform:translateY(100%);
transition:opacity .2s ease, transform .2s ease;
}
.mobile-cta.is-visible {
opacity:1;
pointer-events:auto;
transform:none;
}
.mobile-cta .icon-btn {
width:46px;
height:46px;
background:#d7e8ff;
}
.mobile-cta .language-switch {
display:grid;
place-items:center;
position:relative;
}
.mobile-cta .language-switch summary.icon-btn {
list-style:none;
cursor:pointer;
}
.mobile-cta .language-switch summary.icon-btn::-webkit-details-marker {
display:none;
}
.mobile-cta .language-switch__panel {
top:auto;
right:0;
bottom:calc(100% + 8px);
left:auto;
width:54px;
transform:none;
z-index:60;
}
.reveal {
opacity:0;
transform:translate3d(0, 22px, 0);
transition:
opacity .62s ease,
transform .62s cubic-bezier(.2, .72, .24, 1);
transition-delay:var(--reveal-delay, 0ms);
}
.reveal.is-visible {
opacity:1;
transform:translate3d(0, 0, 0);
} @media (min-width:1240px) {
.desktop-header__inner {
grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr) !important;
}
.desktop-header__nav {
justify-self:end !important;
min-width:0 !important;
}
.desktop-brand {
justify-self:center !important;
}
.desktop-header__actions {
width:auto !important;
min-width:0 !important;
justify-self:start !important;
}
}
@media (max-width: 980px) { .desktop-header {
display:none;
}
.topbar {
--topbar-icon-size:18px;
--topbar-service-icon-size:16px;
display:block;
opacity:1;
visibility:visible;
pointer-events:auto;
transform:none;
}
:root {
--mobile-sticky-header-offset:78px;
}
body {
padding-bottom:64px;
}
.hero__content {
padding-top:calc(48px + var(--mobile-sticky-header-offset, 78px));
}
.mobile-cta {
display:grid;
}
.topbar__inner {
grid-template-columns:40px minmax(0, 1fr) 40px;
min-height:62px;
}
.topbar .service-menu__button,
.topbar .menu-toggle {
width:40px;
height:40px;
display:grid;
place-items:center;
justify-content:center;
padding:0;
gap:0;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
line-height:0;
}
.topbar .service-menu__icon {
width:var(--topbar-service-icon-size);
height:12px;
flex-basis:var(--topbar-service-icon-size);
}
.service-menu__button .service-menu__label {
display:none;
}
.topbar__inner {
grid-template-columns:auto 1fr auto;
justify-content:space-between;
gap:10px;
}
.menu-toggle { display:grid; }
.nav {
position:absolute;
top:calc(100% + 1px);
left:16px;
right:16px;
display:none;
grid-template-columns:1fr;
gap:6px;
padding:12px;
border:1px solid var(--line);
border-radius:18px;
background:#17204f;
box-shadow:0 24px 70px rgba(0,0,0,.28);
}
.nav.is-open { display:grid; }
.nav a {
justify-content:flex-start;
min-height:44px;
background:rgba(86, 119, 214, .16);
}
.page-nav-wrap {
justify-content:flex-end;
}
.hero {
min-height:auto;
align-items:end;
}
.hero__content {
padding:88px 0 88px;
}
.hero__facts,
.section__head,
.intro-grid,
.media-band,
.geo-grid,
.cta-panel {
grid-template-columns:1fr;
}
.feature-grid,
.include-grid,
.process-grid,
.link-grid,
.service-directory__grid {
grid-template-columns:repeat(2, minmax(0, 1fr));
}
.cta-panel__actions {
justify-content:flex-start;
}
}
@media (min-width: 981px) {
.section {
padding:clamp(48px, 6vw, 74px) 0;
}
.section--tight {
padding-top:32px;
}
.section__head {
margin-bottom:24px;
}
#process,
#bundle,
#faq {
padding-top:58px;
padding-bottom:58px;
}
}
@media (max-width: 640px) {
.topbar {
--topbar-icon-size:18px;
--topbar-service-icon-size:16px;
display:block;
}
.topbar {
opacity:1;
visibility:visible;
pointer-events:auto;
transform:none;
}
:root {
--wrap:min(100% - 24px, 1160px);
--mobile-sticky-header-offset:78px;
--fs-body-lg:16px;
--fs-card-title:17px;
--fs-section:clamp(26px, 7vw, 31px);
--fs-subsection:22px;
--fs-price:clamp(28px, 8vw, 34px);
}
body {
padding-bottom:64px;
}
.topbar__inner {
grid-template-columns:40px minmax(0, 1fr) 40px;
min-height:62px;
}
.topbar .icon {
width:21px;
height:21px;
min-width:21px;
margin:0;
}
.brand {
width:50px;
height:50px;
}
.brand__logo {
width:48px;
height:48px;
flex-basis:48px;
border-radius:14px;
}
.topbar .service-menu__button {
width:40px;
height:40px;
display:grid;
place-items:center;
justify-content:center;
padding:0;
gap:0;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
line-height:0;
}
.topbar .service-menu__icon {
width:var(--topbar-service-icon-size);
height:12px;
flex-basis:var(--topbar-service-icon-size);
}
.image-frame {
width:calc(100% + 24px);
max-width:calc(100% + 24px);
margin-left:-12px !important;
margin-right:-12px !important;
}
.page-nav-wrap {
width:40px;
display:grid;
place-items:center;
justify-self:end;
}
.topbar .menu-toggle {
width:40px;
height:40px;
padding:0;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
place-items:center;
line-height:0;
}
.menu-toggle .icon {
grid-area:1 / 1;
}
.menu-toggle .icon--page-nav {
width:var(--topbar-icon-size);
height:var(--topbar-icon-size);
min-width:var(--topbar-icon-size);
}
.service-menu__button .service-menu__label {
display:none;
}
.service-menu__panel {
position:fixed;
top:74px;
left:12px;
right:12px;
width:auto;
max-height:calc(100dvh - 96px);
z-index:95;
}
.hero {
background-position:center top;
}
.hero__content {
padding:calc(48px + var(--mobile-sticky-header-offset, 78px)) 0 72px;
text-align:center;
}
h1 {
max-width:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
font-size:clamp(29px, 8vw, 34px);
line-height:1.1;
text-wrap:wrap;
overflow-wrap:break-word;
}
.lead {
margin-left:auto;
margin-right:auto;
text-align:center;
font-size:var(--fs-base);
line-height:1.62;
}
.hero__actions {
display:grid;
grid-template-columns:1fr 1fr;
margin-top:22px;
}
.hero__actions .btn:first-child {
grid-column:1 / -1;
}
.btn {
width:100%;
min-height:48px;
}
.hero__actions .btn--light {
min-height:44px;
font-size:var(--fs-ui);
}
.hero__facts {
margin-top:-32px;
grid-template-columns:1fr;
text-align:center;
}
.fact {
text-align:center;
}
.section {
padding:50px 0;
text-align:center;
}
.section--tight {
padding-top:28px;
}
.story,
.price,
.cta-panel,
.geo-panel {
padding:22px;
border-radius:18px;
text-align:center;
}
.section__head,
.media-copy,
.media-band {
text-align:center;
}
.section-kicker {
justify-content:center;
margin-left:auto;
margin-right:auto;
}
.section h2,
.section-note,
.media-copy p,
.story p,
.price p,
.geo-panel p,
.cta-panel p {
text-align:center;
}
.price__label,
.price__value {
text-align:center;
}
.feature-grid,
.include-grid,
.process-grid,
.link-grid,
.service-directory__grid {
grid-template-columns:1fr;
}
#value .feature-grid .card {
text-align:center;
}
#value .feature-grid .card__icon {
margin-left:auto;
margin-right:auto;
}
.include-column ul {
gap:13px;
}
.include-column h3 {
justify-content:center;
text-align:center;
}
.include-column li {
color:#40514e;
font-weight:600;
line-height:1.62;
text-align:left;
}
.card {
text-align:center;
}
.card__icon {
margin-left:auto;
margin-right:auto;
}
.card h3,
.card p {
text-align:center;
}
.include-column .card li,
.include-column li {
text-align:left;
padding-left:21px;
}
.include-column .card li::before,
.include-column li::before {
position:absolute;
left:0;
top:.65em;
display:block;
margin:0;
}
.process-step {
min-height:0;
padding:20px;
gap:13px;
}
.process-step::after {
right:-62px;
bottom:-70px;
width:170px;
height:170px;
}
.process-step__head {
justify-content:center;
text-align:center;
align-items:center;
gap:12px;
flex-direction:column;
}
.process-step__icon {
width:48px;
height:48px;
flex-basis:48px;
}
.process-step .process-step__head h3,
.process-step p {
text-align:center;
}
.process-step p {
font-size:var(--fs-base);
}
.image-frame__label {
font-size:var(--fs-xs);
text-align:center;
}
.faq summary {
align-items:center;
justify-content:space-between;
text-align:left;
}
.faq p {
text-align:left;
}
.link-card,
.service-directory a,
.service-directory summary {
justify-content:center;
text-align:center;
}
.service-directory summary {
grid-template-columns:1fr;
gap:12px;
padding:16px;
}
.service-directory__summary-text {
justify-items:center;
}
.service-directory__summary-action {
justify-self:center;
min-width:168px;
}
.cta-panel__actions {
justify-content:center;
}
.service-next {
padding:36px 0 118px;
}
.service-next__row {
grid-template-columns:1fr;
text-align:center;
}
.service-next__link {
min-height:92px;
border-radius:20px;
}
.mobile-cta {
display:grid;
}
.mobile-cta .btn {
min-height:46px;
padding:0 12px;
font-size:var(--fs-ui);
}
.reveal {
transform:translate3d(0, 38px, 0) scale(.985);
transition:
opacity .74s ease,
transform .74s cubic-bezier(.16, .82, .22, 1);
transition-delay:var(--reveal-delay, 0ms);
will-change:opacity, transform;
}
.reveal.is-visible {
transform:translate3d(0, 0, 0) scale(1);
}
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
scroll-behavior:auto !important;
transition:none !important;
animation:none !important;
}
.reveal {
opacity:1;
transform:none;
}
}
.etg-site-footer {
margin: 14px 0 0;
padding: clamp(26px, 4vw, 42px) clamp(16px, 3vw, 28px);
border: 1px solid rgba(184, 170, 255, .22);
border-radius: 24px 24px 0 0;
background:
radial-gradient(circle at 50% 0%, rgba(33, 230, 255, .12), transparent 18rem),
linear-gradient(90deg, #171f52 0%, #0d143f 22%, #040611 44%, #010207 50%, #040611 56%, #0d143f 78%, #171f52 100%);
color: #eaf8ff;
box-shadow: 0 -12px 36px rgba(5, 12, 38, .20), inset 0 1px 0 rgba(255,255,255,.08);
direction: ltr;
isolation: isolate;
}
.etg-site-footer,
.etg-site-footer * {
box-sizing: border-box;
}
.etg-footer-grid {
display: grid;
grid-template-columns: minmax(240px, 1.15fr) minmax(220px, .8fr) minmax(220px, .8fr);
gap: clamp(20px, 4vw, 42px);
align-items: start;
}
.etg-footer-brand,
.etg-footer-col,
.etg-footer-services-details,
.etg-footer-links,
.etg-footer-contact {
display: grid;
}
.etg-footer-brand {
gap: 14px;
justify-items: start;
}
.etg-footer-logo-row {
display: inline-flex;
align-items: center;
gap: 12px;
}
.etg-footer-logo {
width: 58px;
height: 58px;
border-radius: 16px;
object-fit: cover;
box-shadow: 0 0 12px rgba(33, 230, 255, .42), 0 0 24px rgba(76, 95, 216, .28);
}
.etg-footer-brand strong {
display: block;
color: #fff !important;
font-size: 23px;
line-height: 1.05;
font-weight: 950;
}
.etg-footer-brand span {
display: block;
margin-top: 3px;
color: rgba(234, 248, 255, .72) !important;
font-size: 13px;
font-weight: 800;
letter-spacing: .04em;
text-transform: uppercase;
}
.etg-footer-brand p,
.etg-footer-bottom {
margin: 0;
color: rgba(234, 248, 255, .74) !important;
font-size: 15px;
font-weight: 750;
line-height: 1.55;
}
.etg-footer-col {
gap: 10px;
}
.etg-footer-col h3 {
margin: 0 0 2px;
color: #fff !important;
font-size: 16px;
line-height: 1.15;
font-weight: 950;
}
.etg-footer-services-details,
.etg-footer-links,
.etg-footer-contact {
gap: 8px;
}
.etg-footer-services-details summary {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
width: fit-content;
padding: 9px 14px;
border: 1px solid rgba(184, 170, 255, .18);
border-radius: 999px;
background: rgba(255, 255, 255, .07);
color: #f0fbff !important;
font-size: 14px;
font-weight: 950;
line-height: 1.15;
cursor: pointer;
list-style: none;
}
.etg-footer-services-details summary::-webkit-details-marker {
display: none;
}
.etg-footer-services-details summary::after {
content: "";
width: 7px;
height: 7px;
margin-inline-start: 9px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg) translateY(-1px);
transition: transform .18s ease;
}
.etg-footer-services-details[open] summary::after {
transform: rotate(225deg) translateY(-1px);
}
.etg-footer-links a,
.etg-footer-contact a {
display: inline-flex;
align-items: center;
gap: 8px;
width: fit-content;
max-width: 100%;
color: rgba(234, 248, 255, .82) !important;
font-size: 14px;
font-weight: 850;
line-height: 1.25;
text-decoration: none !important;
}
.etg-footer-links a:hover,
.etg-footer-contact a:hover,
.etg-footer-links a:focus-visible,
.etg-footer-contact a:focus-visible {
color: #fff !important;
outline: none;
text-shadow: 0 0 14px rgba(33, 230, 255, .34);
}
.etg-footer-contact a {
min-height: 40px;
padding: 8px 11px;
border: 1px solid rgba(184, 170, 255, .16);
border-radius: 999px;
background: rgba(255,255,255,.055);
}
.etg-footer-phone {
direction: ltr;
unicode-bidi: bidi-override;
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
.etg-footer-contact a[href^="tel:"] {
direction: ltr;
unicode-bidi: isolate;
}
.etg-footer-contact .icon {
width: 18px;
height: 18px;
min-width: 18px;
}
.etg-footer-bottom {
display: flex;
justify-content: space-between;
gap: 14px;
margin-top: 28px;
padding-top: 18px;
border-top: 1px solid rgba(184, 170, 255, .18);
}
@media (max-width: 640px) {
body {
padding-bottom: 0;
}
.etg-site-footer {
width: 100vw;
margin: 10px calc(50% - 50vw) 0;
padding: 16px 16px calc(88px + env(safe-area-inset-bottom));
border-right: 0;
border-bottom: 0;
border-left: 0;
border-radius: 22px 22px 0 0;
background:
radial-gradient(circle at 50% 0%, rgba(33, 230, 255, .14), transparent 13rem),
linear-gradient(90deg, #171f52 0%, #081036 28%, #02040d 50%, #081036 72%, #171f52 100%);
box-shadow: 0 -12px 36px rgba(5, 12, 38, .22), inset 0 1px 0 rgba(255,255,255,.08);
}
.etg-footer-grid {
grid-template-columns: 1fr;
gap: 14px;
text-align: center;
justify-items: center;
}
.etg-footer-brand { order: 1; }
.etg-footer-contact-col { order: 2; }
.etg-footer-services { order: 3; }
.etg-footer-brand,
.etg-footer-col,
.etg-footer-links,
.etg-footer-contact {
justify-items: center;
}
.etg-footer-logo-row {
justify-content: center;
gap: 10px;
text-align: center;
}
.etg-footer-logo {
width: 44px;
height: 44px;
border-radius: 12px;
}
.etg-footer-brand {
gap: 8px;
}
.etg-footer-brand strong {
font-size: 20px;
}
.etg-footer-brand span {
font-size: 10px;
letter-spacing: .08em;
}
.etg-footer-brand p {
display: none;
}
.etg-footer-col {
gap: 9px;
width: min(100%, 304px);
}
.etg-footer-col h3 {
color: rgba(234, 248, 255, .86) !important;
font-size: 12px;
letter-spacing: .03em;
margin: 0;
}
.etg-footer-services-details summary {
width: auto;
min-height: 36px;
font-size: 12px;
}
.etg-footer-links {
grid-template-columns: 1fr;
gap: 6px;
width: min(100%, 260px);
margin-top: 0;
}
.etg-footer-links a {
display: flex;
justify-content: center;
width: 100%;
min-height: 32px;
padding: 7px 8px;
border: 1px solid rgba(184, 170, 255, .13);
border-radius: 12px;
background: rgba(255,255,255,.045);
color: rgba(234, 248, 255, .76) !important;
font-size: 12px;
line-height: 1.15;
}
.etg-footer-contact {
grid-template-columns: 1fr;
gap: 8px;
width: 100%;
}
.etg-footer-contact a {
display: flex;
justify-content: center;
width: 100%;
min-height: 42px;
padding: 9px 12px;
border-radius: 14px;
background: rgba(255, 255, 255, .075);
border-color: rgba(184, 170, 255, .18);
color: #eaf8ff !important;
font-size: 13px;
line-height: 1.12;
overflow: hidden;
text-overflow: ellipsis;
}
.etg-footer-contact a:first-child {
min-height: 44px;
background: #4c5fd8;
border-color: rgba(120, 137, 255, .42);
color: #fff !important;
font-size: 14px;
}
.etg-footer-contact a[href^="tel:"] {
grid-column: auto;
}
.etg-footer-contact .icon {
width: 15px;
height: 15px;
min-width: 15px;
}
.etg-footer-bottom {
flex-direction: column;
align-items: center;
text-align: center;
gap: 4px;
margin-top: 2px;
padding-top: 12px;
font-size: 11px;
line-height: 1.25;
}
.etg-footer-bottom span:last-child {
display: none;
}
} @media (min-width:981px) and (max-width:1239px) {
.desktop-header {
--desktop-header-width:calc(100vw - 28px) !important;
}
.desktop-header__inner {
grid-template-columns:minmax(0, 1fr) 58px minmax(0, 1fr) !important;
gap:45px !important;
padding:8px 10px !important;
min-height:74px !important;
}
.desktop-header__nav {
justify-self:end !important;
gap:5px !important;
}
.desktop-brand {
justify-self:center !important;
width:58px !important;
height:58px !important;
}
.desktop-header__actions {
width:auto !important;
min-width:0 !important;
justify-self:start !important;
gap:5px !important;
justify-content:flex-start !important;
}
.desktop-header__nav a,
.desktop-services summary,
.desktop-header__price,
.desktop-header__cta {
min-height:40px !important;
padding-left:10px !important;
padding-right:10px !important;
font-size:13px !important;
gap:5px !important;
}
.desktop-header__price {
padding-left:11px !important;
padding-right:11px !important;
font-size:13px !important;
}
.desktop-social,
.language-switch--desktop {
width:36px !important;
min-width:36px !important;
height:36px !important;
min-height:36px !important;
}
.desktop-services summary::before {
width:15px !important;
flex-basis:15px !important;
}
.desktop-services summary::after {
width:6px !important;
height:6px !important;
}
.desktop-brand img {
width:54px !important;
height:54px !important;
}
.desktop-services__panel {
top:98px !important;
width:calc(100vw - 28px) !important;
}
} @media (max-width: 980px) {
.desktop-header {
display:none !important;
}
.topbar {
--topbar-icon-size:18px;
--topbar-service-icon-size:16px;
display:block !important;
opacity:1;
visibility:visible;
pointer-events:auto;
transform:none;
}
.topbar__inner {
width:100% !important;
max-width:none !important;
direction:ltr;
min-height:62px;
margin:0 auto;
grid-template-columns:40px minmax(0, 1fr) 40px !important;
gap:10px;
justify-content:normal;
}
.topbar .wrap {
color:inherit;
font-family:inherit;
isolation:auto;
position:relative;
background:none;
box-shadow:none;
border:0;
border-radius:0;
padding:0;
}
.topbar .icon {
width:21px;
height:21px;
min-width:21px;
margin:0;
}
.brand {
width:50px;
height:50px;
}
.brand__logo {
width:48px;
height:48px;
flex-basis:48px;
border-radius:14px;
}
.topbar .service-menu__button,
.topbar .menu-toggle {
width:40px;
height:40px;
display:grid;
place-items:center;
justify-content:center;
padding:0;
gap:0;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
line-height:0;
}
.topbar .service-menu__icon {
width:var(--topbar-service-icon-size);
height:12px;
flex-basis:var(--topbar-service-icon-size);
}
.topbar .page-nav-wrap {
width:40px;
display:grid;
place-items:center;
justify-self:end;
}
.topbar .nav {
position:fixed;
top:74px;
left:12px;
right:12px;
width:auto;
max-height:calc(100dvh - 96px);
overflow:auto;
z-index:2147482600;
}
.topbar .nav a {
min-height:44px;
justify-content:center;
background:rgba(86, 119, 214, .18);
border:1px solid rgba(255,255,255,.08);
}
.menu-toggle .icon--page-nav {
width:var(--topbar-icon-size);
height:var(--topbar-icon-size);
min-width:var(--topbar-icon-size);
}
.service-menu__button .service-menu__label {
display:none !important;
}
.service-menu__panel {
position:fixed;
top:74px;
left:12px;
right:12px;
width:auto;
max-height:calc(100dvh - 96px);
z-index:2147482600;
}
.mobile-cta {
display:grid;
}
}  .etg-footer-services-actions {
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
align-items:start;
gap:10px;
width:min(100%, 360px);
max-width:100%;
}
.etg-footer-services-actions > .etg-footer-services-details {
grid-column:1 / -1;
order:3;
min-width:0;
width:100%;
}
.etg-footer-contact-page,
.etg-footer-language summary.etg-footer-language-btn {
min-height:38px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
width:fit-content;
max-width:100%;
padding:9px 14px;
border:1px solid rgba(184,170,255,.18);
border-radius:999px;
background:rgba(255,255,255,.07);
color:#f0fbff !important;
font-size:14px;
font-weight:950;
line-height:1.15;
text-decoration:none !important;
white-space:nowrap;
}
.etg-footer-contact-page,
.etg-footer-language,
.etg-footer-language summary.etg-footer-language-btn,
.etg-footer-services-actions > .etg-footer-services-details > summary {
width:100%;
max-width:100%;
}
.etg-footer-contact-page {
border-color:rgba(104,225,255,.34);
background:rgba(104,225,255,.11);
order:1;
}
.etg-footer-language {
position:relative;
display:inline-grid;
place-items:center;
order:2;
}
.etg-footer-language summary.etg-footer-language-btn {
cursor:pointer;
list-style:none;
}
.etg-footer-language summary.etg-footer-language-btn::-webkit-details-marker {
display:none;
}
.etg-footer-language .language-switch__panel {
top:auto;
bottom:calc(100% + 8px);
left:50%;
transform:translateX(-50%);
z-index:30;
}
.etg-footer-contact-page:hover,
.etg-footer-contact-page:focus-visible,
.etg-footer-language summary.etg-footer-language-btn:hover,
.etg-footer-language summary.etg-footer-language-btn:focus-visible {
color:#fff !important;
border-color:rgba(104,225,255,.48);
outline:none;
text-shadow:0 0 14px rgba(33,230,255,.34);
}
@media (min-width:641px) and (max-width:980px) {
.etg-site-footer {
text-align:center;
}
.etg-footer-grid {
grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
justify-items:center;
align-items:start;
column-gap:clamp(22px, 5vw, 48px) !important;
row-gap:20px !important;
}
.etg-footer-brand {
grid-column:1 / -1;
width:min(100%, 720px);
justify-items:center;
text-align:center;
}
.etg-footer-logo-row {
justify-content:center;
}
.etg-footer-col {
width:min(100%, 360px);
justify-items:center;
text-align:center;
}
.etg-footer-contact {
width:min(100%, 300px);
justify-items:center;
}
.etg-footer-contact a {
width:100%;
justify-content:center;
}
.etg-footer-bottom {
display:grid;
grid-template-columns:1fr;
justify-items:center;
text-align:center;
gap:6px;
}
}
@media (max-width:980px) {
.etg-footer-grid {
grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
gap:18px !important;
}
.etg-footer-brand {
grid-column:1 / -1;
}
.etg-footer-services-actions {
grid-template-columns:repeat(2, minmax(0, 1fr));
width:min(100%, 360px);
}
.etg-footer-contact-page,
.etg-footer-language summary.etg-footer-language-btn,
.etg-footer-services-actions > .etg-footer-services-details > summary {
min-height:42px;
}
}
@media (max-width:425px) {
.etg-footer-grid {
grid-template-columns:minmax(0, 1fr) !important;
gap:14px !important;
text-align:center;
justify-items:center;
}
.etg-footer-contact-col {
order:2;
}
.etg-footer-services {
order:3;
}
.etg-footer-col {
width:min(100%, 304px);
}
.etg-footer-services-actions {
grid-template-columns:minmax(0, 1fr);
width:100%;
}
.etg-footer-contact-page,
.etg-footer-language,
.etg-footer-services-actions > .etg-footer-services-details {
grid-column:1;
}
} main {
text-align:center !important;
}
main :is(h1, h2, h3, h4, h5, h6, p, li, a, button, summary, label, figcaption) {
text-align:center !important;
}
main h1,
main h2,
main h3,
main h4 {
text-align:center !important;
}
main .section-kicker {
justify-content:center;
width:max-content;
max-width:100%;
margin-left:auto;
margin-right:auto;
text-align:center !important;
}
main .price {
display:grid;
justify-items:center;
align-content:center;
text-align:center !important;
}
main .price > *,
main .price__label,
main .price__value,
main .price p {
width:100%;
max-width:46rem;
margin-left:auto;
margin-right:auto;
text-align:center !important;
}
main .card__icon {
margin-left:auto;
margin-right:auto;
}
main :is(
.hero__content,
.section__head,
.section__head > div,
.story,
.media-copy,
article.card,
.include-column,
.process-step,
.process-step__title,
.semantic-link-copy,
.semantic-delivery__head,
.semantic-delivery-card,
.semantic-proof,
.geo-panel,
.fact,
.project-card__body,
.home-choice-card,
.contact-intent-card,
.pricing-choice-card,
.legal-card
) {
justify-items:center;
text-align:center !important;
}
main :is(
.hero__actions,
.cta-panel__actions,
.etg-contact-actions,
.pricing-hero__actions,
.portfolio-service-links,
.core-jump-nav,
.semantic-jump-nav
) {
justify-content:center !important;
align-items:center;
text-align:center !important;
width:100%;
margin-left:auto;
margin-right:auto;
}
main :is(
.btn,
.link-card,
.service-directory a,
.project-card__link,
.pricing-hero__button,
.etg-contact-btn,
.service-card,
.core-jump-nav a,
.semantic-jump-nav a,
.portfolio-service-links a
) {
justify-content:center !important;
align-items:center;
text-align:center !important;
}
.btn:has(> .icon) {
position:relative;
padding-inline:48px;
text-align:center !important;
}
.btn:has(> .icon) > .icon {
position:absolute;
inset-inline-start:18px;
top:50%;
margin:0;
transform:translateY(-50%);
}
main .link-card {
flex-direction:column;
justify-content:center !important;
justify-items:center;
text-align:center !important;
}
main .link-card > .icon {
margin-left:auto;
margin-right:auto;
}
main :is(.include-column h3, article.card h3, .section-kicker):has(> .icon) {
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
gap:10px;
width:100%;
text-align:center !important;
}
main :is(
.section-kicker,
.process-step__head,
.process-step__title,
.semantic-link-copy,
.service-directory__summary-text,
.project-card__head
) {
justify-content:center;
justify-items:center;
align-items:center;
text-align:center !important;
}
main .process-step__head {
flex-direction:column;
gap:12px;
}
main :is(.card__icon, .process-step__icon) {
margin-left:auto !important;
margin-right:auto !important;
}
main :is(.include-column h3, article.card h3) {
justify-content:center;
width:100%;
text-align:center !important;
}
main :is(.include-column, article.card) :is(ul, ol) {
width:max-content;
max-width:100%;
margin-left:auto;
margin-right:auto;
}
main :is(.include-column, article.card) li {
width:100%;
padding-left:24px !important;
padding-right:24px !important;
text-align:center !important;
}
main :is(.include-column, article.card) li::before {
right:2px !important;
left:auto !important;
}
main .service-directory summary {
text-align:center !important;
}
main .service-directory__summary-text {
justify-items:center;
text-align:center !important;
}
main :is(.faq, .price-faq) :is(summary, p) {
text-align:center !important;
}
main :is(.home-choice-note, .contact-intent-note, .pricing-choice-note) {
text-align:center !important;
}
main .addon-row {
text-align:center !important;
}
main .addon-row > * {
justify-self:center;
text-align:center !important;
}
main :is(.addon-main, .addon-price, .included-pill) {
text-align:center !important;
}
.etg-site-footer {
text-align:center !important;
}
.etg-site-footer :is(h2, h3, p, a, summary, strong, span) {
text-align:center !important;
}
.etg-site-footer :is(
.etg-footer-logo-row,
.etg-footer-services-actions,
.etg-footer-contact,
.etg-footer-links,
.etg-footer-bottom
) {
justify-content:center;
justify-items:center;
align-items:center;
text-align:center !important;
}
.etg-site-footer :is(.etg-footer-brand, .etg-footer-col, .etg-footer-contact-col) {
justify-items:center;
text-align:center !important;
}  @media (min-width:641px) { main .intro-grid > *,
main .story,
main .media-copy,
main article.card,
main .project-card__body,
main .semantic-delivery-card,
main .semantic-proof,
main .geo-panel,
main .cta-panel,
main .fact {
text-align:center !important;
}
main .story > p,
main .media-copy > p,
main article > p,
main aside > p,
main .section-note,
main .semantic-link-note,
main .semantic-delivery__head p,
main .semantic-delivery-card p,
main .semantic-proof p,
main .fact p,
main figcaption,
main .image-frame__label {
margin-left:auto;
margin-right:auto;
text-align:center !important;
}
main .section__head,
main .section__head > div,
main .semantic-delivery__head {
justify-items:center;
text-align:center !important;
}
main .semantic-delivery__head {
display:grid;
grid-template-columns:1fr;
justify-content:center;
}
main .process-step__head {
justify-content:center;
align-items:center;
flex-direction:column;
gap:12px;
text-align:center !important;
}
main .process-step__title,
main .semantic-link-copy {
justify-items:center;
text-align:center !important;
}
main .include-column {
justify-items:center;
text-align:center !important;
}
main .include-column h3,
main article.card h3 {
justify-content:center;
width:100%;
text-align:center !important;
}
main .include-column ul,
main .include-column ol,
main article.card ul,
main article.card ol {
width:max-content;
max-width:100%;
margin-left:auto;
margin-right:auto;
justify-items:stretch;
}
main .include-column li,
main article.card li {
width:100%;
padding-left:24px !important;
padding-right:24px !important;
text-align:center !important;
}
main .include-column li::before,
main article.card li::before {
right:2px !important;
left:auto !important;
}
main .link-card,
main .btn,
main .cta-panel__actions,
main .hero__actions {
justify-content:center;
text-align:center !important;
}
main .faq summary {
text-align:center !important;
} .hero {
text-align:center;
}
.hero__content {
display:grid;
justify-items:center;
text-align:center;
}
.hero h1,
.hero .lead {
margin-left:auto;
margin-right:auto;
text-align:center;
}
.hero__actions,
.cta-panel__actions {
justify-content:center;
}
.hero__facts,
.fact {
text-align:center;
}
.section__head {
grid-template-columns:1fr !important;
justify-items:center;
text-align:center;
max-width:min(100%, 980px);
margin-left:auto;
margin-right:auto;
}
.section__head > div,
.section__head > div:first-child {
display:grid;
justify-items:center;
text-align:center;
}
.section-kicker {
justify-content:center;
margin-left:auto;
margin-right:auto;
}
.section-note {
max-width:min(100%, 820px);
margin-left:auto;
margin-right:auto;
text-align:center;
}
.geo-grid {
grid-template-columns:1fr !important;
justify-items:center;
}
.geo-panel {
display:grid;
justify-items:center;
width:100%;
text-align:center;
}
#geo .geo-panel h2 {
justify-self:center;
width:min(100%, 980px);
margin-left:auto !important;
margin-right:auto !important;
text-align:center !important;
}
#geo .geo-panel p {
justify-self:center;
max-width:min(100%, 860px);
margin-left:auto !important;
margin-right:auto !important;
text-align:center !important;
}
.geo-grid > .image-frame {
width:min(100%, 860px);
}
.cta-panel {
grid-template-columns:1fr !important;
justify-items:center;
text-align:center;
}
.cta-panel > div:first-child,
.cta-panel h2,
.cta-panel p {
text-align:center;
}
} .service-menu__panel a.service-menu__contact {
min-height:42px;
margin-bottom:8px;
border:1px solid rgba(43, 96, 235, .98);
border-radius:12px;
color:#eef4ff !important;
background:rgba(18, 45, 122, .38);
box-shadow:
inset 0 0 0 1px rgba(112, 153, 255, .2),
0 10px 24px rgba(13, 42, 122, .26);
}
.service-menu__panel a.service-menu__contact:hover,
.service-menu__panel a.service-menu__contact:focus-visible,
.service-menu__panel a.service-menu__contact.is-current {
color:#ffffff !important;
border-color:rgba(88, 137, 255, 1);
background:rgba(24, 64, 164, .54);
box-shadow:
inset 0 0 0 1px rgba(151, 181, 255, .24),
0 12px 30px rgba(15, 52, 151, .34);
}
.desktop-header__contact {
min-width:88px;
min-height:46px;
display:inline-flex;
flex:0 0 auto;
align-items:center;
justify-content:center;
gap:8px;
padding:0 17px;
box-sizing:border-box;
border:1px solid rgba(202, 180, 255, .72) !important;
border-radius:999px !important;
color:#ffffff !important;
background:linear-gradient(135deg, #7651d5, #238fd8) !important;
font-family:var(--font-display);
font-size:15px;
font-weight:900;
line-height:1;
text-decoration:none !important;
white-space:nowrap;
overflow:hidden;
box-shadow:
0 0 28px rgba(117, 81, 213, .32),
inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.desktop-header__contact:hover,
.desktop-header__contact:focus-visible,
.desktop-header__contact.is-current {
color:#ffffff !important;
border-color:rgba(226, 213, 255, .96) !important;
background:linear-gradient(135deg, #865ee7, #1aa6dc) !important;
box-shadow:
0 0 36px rgba(117, 81, 213, .4),
0 12px 28px rgba(0,0,0,.2),
inset 0 1px 0 rgba(255,255,255,.24) !important;
}
.desktop-header__contact.is-current {
pointer-events:none;
}
@media (min-width:981px) and (max-width:1120px) {
.desktop-header__contact {
min-width:0;
min-height:40px !important;
padding-left:9px !important;
padding-right:9px !important;
border-radius:999px !important;
}
}  .desktop-language-mark {
min-width:30px;
display:inline-flex;
align-items:center;
justify-content:center;
color:#ffffff;
font-family:var(--font-display);
font-size:13px;
font-weight:900;
line-height:1;
letter-spacing:0;
white-space:nowrap;
}
@media (min-width:981px) {
.desktop-header {
--desktop-header-width:min(1180px, calc(100vw - 44px));
}
.desktop-header__left {
position:relative;
z-index:1;
width:100%;
min-width:0;
display:flex;
align-items:center;
justify-content:flex-end;
gap:8px;
direction:ltr;
}
.desktop-header__left > .desktop-header__nav {
margin-left:0;
}
.desktop-header__left > .desktop-social--facebook {
order:-1 !important;
flex:0 0 auto;
}
.desktop-header__actions {
justify-content:flex-end;
gap:8px;
}
.desktop-header__actions > .language-switch--desktop {
order:1 !important;
}
.desktop-header__actions > .desktop-header__contact {
order:2 !important;
}
.desktop-header__actions > .desktop-header__price {
order:3 !important;
}
.desktop-header__actions > .desktop-services {
order:4 !important;
margin-left:0 !important;
}
}.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 14px 12px 46px;
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;
left:14px;
color:#2531a4;
font-weight:900;
}
.semantic-decision-route {
margin-top:18px!important;
padding:14px 16px;
border-left: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 12px 11px 42px; }
.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; }
}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;
}
}[data-etgl-register],[data-etgl-portal]{--etgl-ink:#142c48;--etgl-muted:#425975;--etgl-primary:#123b66;--etgl-border:#8395ad;color:var(--etgl-ink);font:16px/1.6 Arial,"Segoe UI",Tahoma,sans-serif;text-align:start;overflow-wrap:anywhere}[data-etgl-register] *,[data-etgl-portal] *{box-sizing:border-box}[data-etgl-register] [hidden],[data-etgl-portal] [hidden]{display:none!important}.etgl-request-form,.etgl-account-card{display:grid;gap:16px}.etgl-request-form{margin:0}.etgl-field{display:grid;gap:6px;font-weight:600}.etgl-field input{width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--etgl-border);border-radius:10px;background:#fff;color:#142c48;font:inherit;min-width:0}.etgl-consent{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:400}.etgl-consent input{flex:none;width:22px;height:22px;accent-color:#123b66;margin-top:2px}.etgl-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:11px 18px;border:1px solid #123b66;border-radius:10px;background:#123b66;color:#fff!important;font:700 15px/1.4 Arial,"Segoe UI",Tahoma,sans-serif;text-decoration:none;cursor:pointer;text-align:center;max-width:100%;white-space:normal}.etgl-button:hover{background:#204f7b}.etgl-secondary{background:#fff;color:#123b66!important}.etgl-secondary:hover{background:#e4edf9}.etgl-button:disabled,[data-etgl-download][aria-disabled=true]{opacity:.6;cursor:default}.etgl-status{margin:12px 0;color:#244c72}.etgl-status:empty{display:none}.etgl-error{background:#fff1f0;color:#8a2220;border:1px solid #b5463f;border-radius:10px;padding:12px}.etgl-small{font-size:13px;color:#425975}.etgl-small a{color:#174f88;text-decoration:underline}.etgl-actions{display:flex;flex-wrap:wrap;gap:10px}.etgl-account-card{padding:24px;border:1px solid #b2c5dc;border-radius:18px;background:#fff;margin:20px 0}.etgl-account-card h2{font-size:22px;line-height:1.4;margin:0}.etgl-account-card p{margin:0}.etgl-badge{padding:6px 12px;background:#e4edf9;color:#123b66;border-radius:8px;justify-self:start}.etgl-key{font-family:monospace!important;font-size:14px!important}.etgl-site{padding:16px;border:1px solid #c4cfde;border-radius:12px}.etgl-site summary{padding-block:10px;cursor:pointer;min-height:44px}.etgl-site p{margin-block:8px}.etgl-price{font-size:28px;font-weight:800}.etgl-account-page{margin:0;background:#eff6ff;color:#142c48;font:16px/1.6 Arial,"Segoe UI",Tahoma,sans-serif}.etgl-account-page main{width:min(760px,calc(100% - 32px));margin:40px auto}.etgl-account-header{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:20px;background:#123b66;color:#fff;flex-wrap:wrap}.etgl-account-header a{color:#fff;font-weight:700}.etgl-account-page h1{font-size:clamp(28px,6vw,40px)}[data-etgl-register] a:focus-visible,[data-etgl-portal] a:focus-visible,[data-etgl-register] button:focus-visible,[data-etgl-portal] button:focus-visible,[data-etgl-register] input:focus-visible,[data-etgl-portal] input:focus-visible,[data-etgl-portal] summary:focus-visible{outline:3px solid #9c5800;outline-offset:3px}@media(max-width:480px){.etgl-account-card{padding:16px}.etgl-actions .etgl-button{flex:1 1 130px}.etgl-button{width:100%}.etgl-request-form{gap:12px}}@media(forced-colors:active){.etgl-button,.etgl-account-card,.etgl-site,.etgl-error{border-color:ButtonText;background:Canvas;color:ButtonText!important}} body[data-product] #main.product-page .product-eyebrow {font-size:14px;font-weight:700;color:var(--v-highlight)!important;margin:0 auto 18px;letter-spacing:.04em;line-height:1.5}
body[data-product] #main.product-page .product-meta {max-width:850px;margin:22px auto 0;font-size:14px;line-height:1.7}
body[data-product] #main.product-page .product-intro {max-width:830px;margin:0 auto}
body[data-product] #main.product-page .product-section {border-top:1px solid var(--v-line)}
body[data-product] #main.product-page .semantic-jump-nav {padding-bottom:24px!important}
body[data-product] #main.product-page .product-tools-layout {display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:32px}
body[data-product] #main.product-page .product-preview {margin:0;width:min(100%,380px);text-align:center;min-width:0}
body[data-product] #main.product-page .product-preview-open {display:block;color:var(--v-ink);text-decoration:none;border-radius:10px;cursor:zoom-in}
body[data-product] #main.product-page .product-preview-open:hover {color:var(--v-highlight)}
body[data-product] #main.product-page .product-preview img {display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;box-sizing:border-box;border:1px solid var(--v-line);border-radius:8px}
body[data-product] #main.product-page .product-preview-hint {display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;font-size:15px;line-height:1.5;padding:8px}
body[data-product] #main.product-page .product-preview-hint .icon {width:22px;height:22px;flex:none}
body[data-product] #main.product-page .product-preview figcaption {font-size:13px;color:var(--v-muted);line-height:1.6;padding-top:12px}
body[data-product] #main.product-page .product-gallery {display:grid;justify-items:center;gap:20px;width:min(100%,720px);min-width:0;margin:0 auto}
body[data-product] #main.product-page .product-gallery [hidden] {display:none!important}
body[data-product] #main.product-page .product-gallery-heading {text-align:center;width:100%}
body[data-product] #main.product-page .product-gallery-heading h3 {font-size:clamp(21px,3vw,28px);line-height:1.45;margin:12px 0 8px;text-align:center}
body[data-product] #main.product-page .product-gallery-heading>p {font-size:15px;line-height:1.7;margin:0;text-align:center!important;color:var(--v-muted)}
body[data-product] #main.product-page .product-gallery-pro {display:inline-flex;align-items:center;min-height:28px;padding:2px 12px;border:1px solid #c6a768;border-radius:4px;color:#f2cf8d;font:800 13px/1.5 var(--font-body);letter-spacing:.1em;background:#302944}
body[data-product] #main.product-page .product-gallery-controls {width:min(100%,680px);min-width:0}
body[data-product] #main.product-page .product-gallery-toolbar {display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px}
body[data-product] #main.product-page .product-gallery :is(button,select) {box-sizing:border-box;min-height:44px;min-width:44px;border:1px solid #8095bc;border-radius:6px;background:var(--v-panel);color:var(--v-ink);font:600 15px/1.5 var(--font-body)}
body[data-product] #main.product-page .product-gallery button {display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;cursor:pointer;touch-action:manipulation}
body[data-product] #main.product-page .product-gallery button:hover {background:#243758;border-color:#b7caed}
body[data-product] #main.product-page .product-gallery button:active {background:#354d73}
body[data-product] #main.product-page .product-gallery button:disabled {cursor:default;color:#b3c0d9;border-color:#66799c;background:#192745}
body[data-product] #main.product-page .product-gallery :is(button,select,summary):focus-visible {outline:3px solid #f2c670;outline-offset:3px}
body[data-product] #main.product-page .product-gallery .icon {width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
body[data-product] #main.product-page .product-gallery-toolbar button>span {display:flex;align-items:center}
body[data-product] #main.product-page .product-gallery-toolbar output {min-width:66px;font:700 16px/1.5 var(--font-body);color:var(--v-ink);text-align:center;white-space:nowrap}
body[data-product] #main.product-page .product-gallery-options {width:100%;box-sizing:border-box;border:1px solid var(--v-line);border-radius:8px;background:var(--v-panel);color:var(--v-ink);overflow:visible}
body[data-product] #main.product-page .product-gallery-options>summary {display:flex;align-items:center;gap:12px;min-height:48px;box-sizing:border-box;padding:12px 16px;cursor:pointer;list-style:none;font:600 15px/1.6 var(--font-body);text-align:start;border-radius:8px}
body[data-product] #main.product-page .product-gallery-options>summary::after {content:'+';margin-inline-start:auto;font:400 24px/1 var(--font-body);flex:none}
body[data-product] #main.product-page .product-gallery-options[open]>summary::after {content:'−'}
body[data-product] #main.product-page .product-gallery-options[open]>summary {border-bottom:1px solid var(--v-line);border-radius:8px 8px 0 0}
body[data-product] #main.product-page .product-gallery-options>summary:hover {background:#203055}
body[data-product] #main.product-page .product-gallery-option-grid {display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:20px;padding:16px}
body[data-product] #main.product-page .product-gallery fieldset {margin:0;padding:0;border:0;min-width:0}
body[data-product] #main.product-page .product-gallery legend {display:block;padding:0;margin-bottom:10px;font:600 14px/1.5 var(--font-body);color:var(--v-ink)}
body[data-product] #main.product-page .product-gallery-swatches {display:flex;flex-wrap:wrap;gap:6px}
body[data-product] #main.product-page .product-gallery-swatches button {width:44px;height:44px;padding:5px;border-color:transparent;background:transparent;border-radius:50%}
body[data-product] #main.product-page .product-gallery-swatches button:hover {border-color:#a8bbdf;background:transparent}
body[data-product] #main.product-page .product-gallery-swatches button[aria-pressed=true] {border:2px solid #f2c670;padding:4px;background:transparent}
body[data-product] #main.product-page .product-gallery-swatch {display:grid;place-items:center;width:32px;height:32px;border:1px solid #a1b1ca;border-radius:50%;box-sizing:border-box;background:var(--gallery-swatch);color:#fff}
body[data-product] #main.product-page .product-gallery-swatch .icon {visibility:hidden;width:20px;height:20px;stroke-width:2.5}
body[data-product] #main.product-page [aria-pressed=true]>.product-gallery-swatch .icon {visibility:visible}
body[data-product] #main.product-page .product-gallery-icons-label {display:grid;gap:10px;font:600 14px/1.5 var(--font-body);color:var(--v-ink);min-width:0;text-align:start}
body[data-product] #main.product-page .product-gallery select {width:100%;padding:8px;color-scheme:dark;cursor:pointer}
body[data-product] #main.product-page .product-gallery :is(.product-gallery-note,.product-gallery-motion) {font-size:14px;line-height:1.7;margin:0;max-width:620px;text-align:center!important;color:var(--v-muted)}
body[data-product] #main.product-page .product-gallery-motion {padding-top:12px}
body[data-product] #main.product-page .product-gallery-status {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body[data-product] #main.product-page .product-gallery[data-state=error] .product-gallery-status {position:static;width:auto;height:auto;clip-path:none;white-space:normal;margin:12px 0 0;font-size:14px;line-height:1.7;text-align:center!important;color:var(--v-ink)}
body[data-product] #main.product-page .product-gallery[data-state=loading] .product-preview-hint {opacity:.6}
body[data-product] #main.product-page .product-feature-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;width:100%}
body[data-product] #main.product-page .product-download {background:linear-gradient(135deg,#356ce5,#244eb4)!important;border:1px solid #8caaff!important;color:#fff!important;box-shadow:0 6px 22px #254db438!important;gap:10px}
body[data-product] #main.product-page .product-download:hover {background:#244eb4!important;box-shadow:0 8px 24px #254db454!important}
body[data-product] #main.product-page .product-download[aria-disabled=true] {opacity:1!important;background:#29477b!important;border-color:#7899d0!important;color:#fff!important;cursor:not-allowed}
body[data-product] #main.product-page .product-download-status {font-size:14px;line-height:1.7;max-width:650px;margin:16px auto 0}
body[data-product] #main.product-page .product-download-status[hidden] {display:none}
body[data-product] #main.product-page .product-download-status a {color:var(--v-highlight);text-decoration:underline!important;text-underline-offset:3px;overflow-wrap:anywhere}
body[data-product] #main.product-page :is(.product-compatibility,.product-support) {padding:24px;margin-block-start:32px;border:1px solid var(--v-line);border-radius:8px;background:var(--v-panel);text-align:start}
body[data-product] #main.product-page :is(.product-compatibility,.product-support)>h3 {font-size:21px;line-height:1.5;margin:0 0 12px;text-align:start}
body[data-product] #main.product-page :is(.product-compatibility,.product-support)>p {font-size:16px;line-height:1.8;margin:12px 0;text-align:start!important}
body[data-product] #main.product-page .product-compatibility>a {display:inline-flex;align-items:center;min-height:44px;color:var(--v-highlight);text-decoration:underline;text-underline-offset:4px;font-size:15px;line-height:1.5}
body[data-product] .product-lightbox {box-sizing:border-box;padding:0;border:1px solid #53688f;border-radius:12px;width:min(1100px,calc(100vw - 24px));height:calc(100dvh - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;background:#111c35;color:#f5f7ff;font:400 16px/1.5 var(--font-body);overflow:hidden;box-shadow:0 20px 80px #0008}
body[data-product] .product-lightbox:not([open]) {display:none}
body[data-product] .product-lightbox[open] {display:flex;flex-direction:column}
body[data-product] .product-lightbox::backdrop {background:#02091be6}
body[data-product] .product-lightbox-header {display:flex;align-items:center;gap:16px;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #53688f;flex:none}
body[data-product] .product-lightbox-header h2 {color:#f5f7ff;font:700 17px/1.5 var(--font-body);margin:0;text-align:start;min-width:0}
body[data-product] .product-lightbox button {box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #7993c1;border-radius:6px;font:600 15px/1.4 var(--font-body);color:#f5f7ff;background:#23395f;cursor:pointer;flex:none}
body[data-product] .product-lightbox button:hover {background:#354f7d}
body[data-product] .product-lightbox button:active {background:#456393}
body[data-product] .product-lightbox button:disabled {opacity:.5;cursor:default}
body[data-product] .product-lightbox :is(button,[tabindex]):focus-visible,body[data-product] #main.product-page :is(.product-preview-open,.product-download):focus-visible {outline:3px solid #f2c670;outline-offset:3px}
body[data-product] .product-lightbox .icon {width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body[data-product] .product-lightbox-controls {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-bottom:1px solid #53688f;flex:none}
body[data-product] .product-lightbox output {font:600 15px/1.5 var(--font-body);min-width:52px;text-align:center;color:#f5f7ff}
body[data-product] .product-lightbox-stage {flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;background:#081225}
body[data-product] .product-lightbox-canvas {display:grid;place-items:center;box-sizing:border-box;min-width:100%;min-height:100%;width:max-content;height:max-content;padding:16px}
body[data-product] .product-lightbox-canvas img {display:block;max-width:none;max-height:none;object-fit:contain;border-radius:8px;background:#fff}
body[data-product] #main.product-page :is(.product-feature-grid,.product-faq,.product-legal) details {border:1px solid var(--v-line);border-radius:6px;background:var(--v-panel);min-width:0;box-shadow:none;margin:0}
body[data-product] #main.product-page :is(.product-feature-grid,.product-faq,.product-legal) summary {display:flex;align-items:center;gap:12px;cursor:pointer;min-height:64px;padding:16px 18px;font-size:17px;line-height:1.55;font-weight:600;list-style:none;color:var(--v-ink);text-align:start}
body[data-product] #main.product-page summary::-webkit-details-marker {display:none}
body[data-product] #main.product-page :is(.product-feature-grid,.product-faq,.product-legal) summary::after {content:'+';font:400 26px/1 var(--font-body);margin-inline-start:auto;flex:none;color:var(--v-highlight);background:transparent;border:0;width:auto;height:auto}
body[data-product] #main.product-page :is(.product-feature-grid,.product-faq,.product-legal) details[open]>summary::after {content:'−'}
body[data-product] #main.product-page :is(.product-feature-grid,.product-faq,.product-legal) details[open]>summary {border-bottom:1px solid var(--v-line)}
body[data-product] #main.product-page :is(.product-feature-grid,.product-faq,.product-legal) summary:hover {background:#203055}
body[data-product] #main.product-page .product-feature-grid .icon {color:var(--v-highlight);flex:none}
body[data-product] #main.product-page :is(.product-feature-grid,.product-faq,.product-legal) details>div {padding:0 20px 18px}
body[data-product] #main.product-page :is(.product-feature-grid,.product-faq,.product-legal) details p {margin:16px 0 0;font-size:16px;line-height:1.8;text-align:start!important}
body[data-product] #main.product-page .product-plans,body[data-product] #main.product-page .product-register-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
body[data-product] #main.product-page .product-plan,body[data-product] #main.product-page .product-register-card {padding:32px;border:1px solid var(--v-line);border-radius:8px;background:var(--v-panel);color:var(--v-ink);min-width:0;box-shadow:none}
body[data-product] #main.product-page .product-plan {display:flex;flex-direction:column}
body[data-product] #main.product-page .product-plan.paid {border:2px solid var(--v-accent);padding:31px}
body[data-product] #main.product-page :is(.product-plan,.product-register-card) h3 {margin:0 0 18px}
body[data-product] #main.product-page .product-plan .product-price {font-size:46px;line-height:1.2;font-weight:800;margin:0 0 12px;color:var(--v-ink)!important}
body[data-product] #main.product-page .product-plan .period {font-size:15px;line-height:1.7;margin:0;min-height:52px}
body[data-product] #main.product-page .product-plan ul {padding-inline-start:22px;margin:22px 0 28px}
body[data-product] #main.product-page .product-plan li {font-size:16px;line-height:1.8;margin-bottom:10px;color:var(--v-ink)}
body[data-product] #main.product-page .product-plan .btn {margin-top:auto;width:100%}
body[data-product] #main.product-page .product-price-note {font-size:14px;max-width:950px;margin:24px auto 0}
body[data-product] #main.product-page .product-comparison {margin-block-start:40px;text-align:start}
body[data-product] #main.product-page .product-comparison>h3 {margin:0 0 12px;text-align:center}
body[data-product] #main.product-page .product-comparison>p {max-width:950px;margin:0 auto 22px;font-size:16px;line-height:1.75}
body[data-product] #main.product-page .product-comparison table {width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid var(--v-line);font-size:16px;line-height:1.65;color:var(--v-ink);background:var(--v-panel)}
body[data-product] #main.product-page .product-comparison-label {width:28%}
body[data-product] #main.product-page .product-comparison-free {width:30%}
body[data-product] #main.product-page .product-comparison-pro {width:42%}
body[data-product] #main.product-page .product-comparison :is(th,td) {padding:16px;border:1px solid var(--v-line);vertical-align:top;text-align:start;overflow-wrap:anywhere}
body[data-product] #main.product-page .product-comparison thead th {background:var(--v-accent);color:#fff;font-weight:700}
body[data-product] #main.product-page .product-comparison tbody th {font-weight:600}
body[data-product] #main.product-page .product-comparison tbody td:last-child {background:var(--v-paper)}
body[data-product] #main.product-page .product-comparison-mobile-label {display:none}
body[data-product] #main.product-page .product-comparison .product-comparison-note {font-size:14px;margin-block:18px 6px}
body[data-product] #main.product-page .product-comparison-cta {display:flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;min-height:44px;padding:8px 12px;margin-inline:auto;color:var(--v-highlight);font-weight:600;text-align:center;text-decoration:underline;text-underline-offset:4px}
body[data-product] #main.product-page .product-design {margin-block-start:24px}
body[data-product] #main.product-page .product-design h4 {font-size:16px;line-height:1.5;margin-block:22px 8px}
body[data-product] #main.product-page .product-design .product-design-palettes {text-align:start!important;margin:0}
body[data-product] #main.product-page .product-design-icons {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;padding-inline-start:22px;margin-block:8px 20px;font-size:16px;line-height:1.7}
body[data-product] #main.product-page .product-design-icons li {text-align:start;overflow-wrap:normal;word-break:normal}
body[data-product] #main.product-page .product-design-icons bdi {white-space:nowrap}
body[data-product] #main.product-page .product-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:0;padding:0;margin:32px 0;counter-reset:product-step}
body[data-product] #main.product-page .product-steps li {min-width:0;padding:12px 24px;text-align:center;counter-increment:product-step}
body[data-product] #main.product-page .product-steps li+li {border-inline-start:1px solid var(--v-line)}
body[data-product] #main.product-page .product-steps li::before {content:'0' counter(product-step);display:block;font-size:24px;font-weight:700;line-height:1.4;color:var(--v-highlight);margin-bottom:12px}
body[data-product] #main.product-page .product-steps b {display:block;font-size:19px;color:var(--v-ink);line-height:1.5}
body[data-product] #main.product-page .product-steps p {font-size:16px;margin:12px 0 0}
body[data-product] #main.product-page .product-example {font-size:14px;max-width:960px;margin:24px auto 0}
body[data-product] #main.product-page .product-register-grid {align-items:start}
body[data-product] #main.product-page .product-register-card>p {font-size:16px;line-height:1.8;margin:0 0 18px}
body[data-product] #main.product-page [data-etgl-register] {font-family:var(--font-body);color:var(--v-ink)}
body[data-product] #main.product-page [data-etgl-register] :is(input,button) {font-family:inherit;border-radius:6px}
body[data-product] #main.product-page [data-etgl-register] .etgl-button {background:#3566d5;border-color:#3566d5;font-size:16px}
body[data-product] #main.product-page [data-etgl-register] .etgl-small {font-size:14px;line-height:1.75}
body[data-product] #main.product-page [data-etgl-register] .etgl-small a {color:#233e7a}
body[data-product] #main.product-page .product-manage {display:block;padding:12px;margin:24px auto 0;width:fit-content;max-width:100%;text-align:center;color:#233e7a;text-decoration:underline;text-underline-offset:4px}
body[data-product] #main.product-page .product-faq {display:grid;gap:12px;max-width:980px;margin-inline:auto}
body[data-product] #main.product-page .product-legal {padding-top:0}
body[data-product] #main.product-page .product-legal>.wrap {display:grid;gap:12px;max-width:980px}
body[data-product] #main.product-page .product-service-note {margin:14px auto 0;max-width:860px}
body[data-product] #main.product-page .product-service-note p {font-size:14px;line-height:1.8;margin:0 0 10px}
body[data-product] #main.product-page .product-bit-recipient {display:grid;gap:10px;justify-items:center;padding:20px 12px;margin-block:20px;border:1px solid var(--v-line);border-radius:6px;background:var(--v-paper);text-align:center}
body[data-product] #main.product-page .product-bit-recipient>span {font-size:15px;font-weight:600;color:var(--v-ink)}
body[data-product] #main.product-page .product-bit-phone {font:800 clamp(23px,4vw,29px)/1.25 var(--font-body);user-select:all;color:var(--v-ink)}
body[data-product] #main.product-page .product-copy-phone {min-height:44px;max-width:100%;padding:10px 16px;border:1px solid #6b8bb3;border-radius:6px;background:#f8fbff;color:#233e7a;cursor:pointer;font:600 15px/1.5 var(--font-body);white-space:normal}
body[data-product] #main.product-page .product-copy-phone:hover {background:#dceaff}
body[data-product] #main.product-page .product-copy-status {font-size:14px;margin:0}
body[data-product] #main.product-page .product-copy-status:empty {display:none}
body[data-product] #main.product-page .product-payment-email {width:100%;white-space:normal;min-width:0}
body[data-product] #main.product-page .product-payment-address {display:block;text-align:center;overflow-wrap:anywhere;min-height:44px;padding-block:12px;color:#233e7a;text-decoration:underline;text-underline-offset:4px}
body[data-product] #main.product-page .product-manual-payment .product-payment-note {font-size:14px;line-height:1.8}
body[data-product] #main.product-page .product-manual-payment .product-payment-note:last-child {padding-top:18px;border-top:1px solid var(--v-line);margin-bottom:0}
body[data-product] .language-switch__panel a {min-height:44px;display:flex;align-items:center;justify-content:center}
body[data-product] .mobile-cta .etga-whatsapp-icon,body[data-product] .mobile-cta .etga-whatsapp-icon>path {fill:currentColor!important;stroke:none!important;stroke-width:0!important}
body[data-product] .mobile-cta .etga-whatsapp-icon {width:24px;height:24px;flex:none}
@media(max-width:1100px){
body[data-product] #main.product-page .product-tools-layout {gap:24px}
}
@media(max-width:980px){
body[data-product] .mobile-cta:not([data-etga-toolbar]) {display:grid!important;grid-template-columns:repeat(4,46px);justify-content:space-between;gap:8px;opacity:1!important;transform:none!important;pointer-events:auto!important;direction:rtl}
body[data-product] .mobile-cta>.icon-btn,body[data-product] .mobile-cta>.language-switch>summary {display:flex;align-items:center;justify-content:center;width:46px;min-width:46px;height:46px;padding:0;border-radius:14px;margin:0}
body[data-product] #main.product-page :is(.product-plan,.product-register-card) {padding:24px}
body[data-product] #main.product-page .product-plan.paid {padding:23px}
}
@media(max-width:650px){
body[data-product] #main.product-page .product-gallery {gap:16px}
body[data-product] #main.product-page .product-gallery-option-grid {grid-template-columns:minmax(0,1fr);gap:18px;padding:14px}
body[data-product] #main.product-page .product-gallery-toolbar {gap:8px}
body[data-product] #main.product-page .product-gallery-toolbar [data-gallery-play-label] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body[data-product] #main.product-page .product-gallery-swatches {gap:8px}
body[data-product] #main.product-page .product-comparison {margin-block-start:30px}
body[data-product] #main.product-page .product-comparison table {display:block;border:0;background:transparent;font-size:15px;line-height:1.65}
body[data-product] #main.product-page .product-comparison colgroup {display:none}
body[data-product] #main.product-page .product-comparison thead {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
body[data-product] #main.product-page .product-comparison tbody {display:block}
body[data-product] #main.product-page .product-comparison tbody tr {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--v-line);border-radius:6px;overflow:hidden;margin-block-end:12px;background:var(--v-panel)}
body[data-product] #main.product-page .product-comparison tbody :is(th,td) {display:block;min-width:0;padding:12px;border:0}
body[data-product] #main.product-page .product-comparison tbody th {grid-column:1/-1;background:var(--v-paper);border-bottom:1px solid var(--v-line)}
body[data-product] #main.product-page .product-comparison tbody td:last-child {border-inline-start:1px solid var(--v-line)}
body[data-product] #main.product-page .product-comparison .product-comparison-mobile-label {display:block;font-size:13px;font-weight:700;margin-block-end:8px;color:var(--v-highlight)}
body[data-product] #main.product-page .product-design-icons {grid-template-columns:1fr}
body[data-product] #main.product-page .product-preview {width:min(100%,344px)}
body[data-product] #main.product-page .product-feature-grid {grid-template-columns:1fr}
body[data-product] #main.product-page :is(.product-compatibility,.product-support) {padding:20px}
body[data-product] .product-lightbox {width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
body[data-product] #main.product-page .product-plans,body[data-product] #main.product-page .product-register-grid {grid-template-columns:1fr;gap:18px}
body[data-product] #main.product-page .product-plan .period {min-height:0}
body[data-product] #main.product-page .product-plan .product-price {font-size:40px}
body[data-product] #main.product-page .product-steps {grid-template-columns:1fr;margin:24px 0}
body[data-product] #main.product-page .product-steps li {padding:24px 0}
body[data-product] #main.product-page .product-steps li+li {border-inline-start:0;border-top:1px solid var(--v-line)}
body[data-product] #main.product-page :is(.product-feature-grid,.product-faq,.product-legal) summary {font-size:16px;padding:14px;min-height:60px}
body[data-product] #main.product-page :is(.product-feature-grid,.product-faq,.product-legal) details>div {padding:0 16px 16px}
body[data-product] #main.product-page .hero__actions.product-buttons {grid-template-columns:1fr!important}
body[data-product] #main.product-page .hero>.hero__content .hero__actions.product-buttons {display:flex!important;flex-direction:column!important;align-items:stretch!important}
body[data-product] #main.product-page .hero__actions.product-buttons .btn {width:100%!important;max-width:none!important;justify-self:stretch!important;grid-column:1/-1!important}
}
@media(prefers-reduced-motion:reduce){
body[data-product] *,body[data-product] *::before,body[data-product] *::after,
body[data-product] #main.product-page *,body[data-product] #main.product-page *::before,body[data-product] #main.product-page *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
body[data-product] #main.product-page .v-reveal-pending {opacity:1!important;transform:none!important}
}
@media(forced-colors:active){
body[data-product] #main.product-page .product-gallery :is(button,select,summary,.product-gallery-options,.product-gallery-swatch) {background:Canvas;color:CanvasText;border-color:CanvasText;forced-color-adjust:auto}
body[data-product] #main.product-page .product-gallery-swatches button[aria-pressed=true] {border-color:Highlight}
body[data-product] #main.product-page .product-gallery-pro {color:CanvasText;background:Canvas;border-color:CanvasText}
body[data-product] #main.product-page .product-comparison :is(table,th,td),body[data-product] #main.product-page .product-comparison thead th,body[data-product] #main.product-page .product-comparison tbody td:last-child {background:Canvas;color:CanvasText;border-color:CanvasText}
body[data-product] #main.product-page :is(.product-plan,.product-register-card,details,.product-bit-recipient) {background:Canvas;color:CanvasText;border-color:CanvasText}
body[data-product] #main.product-page :is(.product-copy-phone,.btn) {background:ButtonFace!important;color:ButtonText!important;border-color:ButtonText}
}
@media print{
body[data-product] #main.product-page .product-gallery-controls {display:none}
body[data-product] #main.product-page :is(.product-preview,.product-buttons) {display:none}
body[data-product] #main.product-page .product-section {break-inside:avoid}
}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; }
}