*, *::before, *::after { box-sizing: border-box; } .site { margin: 0; background: var(--ground); color: var(--ink); font-family: var(--f-sans); font-size: var(--s-0); line-height: var(--lh); -webkit-font-smoothing: antialiased; } img { max-width: 100%; height: auto; display: block; } .b { container: b / inline-size; padding-block: var(--pad-y); position: relative; } .b h2, .b h3 { margin: 0; font-family: var(--f-display); font-weight: var(--fw-head); letter-spacing: var(--ls-h); line-height: 1.12; text-wrap: balance; overflow-wrap: anywhere; } .b h2 { font-size: var(--s-4); } .b h3 { font-size: var(--s-1); line-height: 1.3; } .b p { margin: 0; } .b a { color: var(--accent); text-underline-offset: .2em; } .b-wrap { width: min(100% - 2 * var(--gap), var(--wrap)); margin-inline: auto; } .b-head { max-width: 44rem; margin-bottom: clamp(1.75rem, 4vw, 3rem); } .b-head h2 + p { margin-top: .8rem; color: var(--ink-2); font-size: var(--s-1); } .b-eyebrow { display: inline-block; margin-bottom: .9rem; font-family: var(--f-mono); font-size: .75rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); } .b .b-btn { display: inline-flex; align-items: center; gap: .5rem; padding: .85rem 1.5rem; border-radius: var(--r-btn); background: var(--grad, var(--accent)); color: var(--on-accent); font-weight: 700; font-size: var(--s--1); text-decoration: none; transition: transform .15s ease, box-shadow .15s ease; } .b .b-btn:hover { transform: translateY(-1px); box-shadow: var(--shadow-soft); } .b-btn:focus-visible, .b summary:focus-visible, .b a:focus-visible { outline: none; box-shadow: var(--focus-ring); } .b-link { font-weight: 600; text-decoration: none; color: var(--accent); } .b-link::after { content: " →"; } .trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } .b :where(table:not([class])) { display: block; width: max-content; max-width: 100%; overflow-x: auto; margin: 1.4em 0 0; border-collapse: collapse; font-size: var(--s--1); line-height: 1.4; font-variant-numeric: tabular-nums; } .b :where(table:not([class])) :where(th, td) { padding: .55em .8em; border: 1px solid var(--rule); text-align: left; vertical-align: top; color: var(--ink-2); overflow-wrap: normal; } .b :where(table:not([class])) :where(th) { background: var(--sunken); color: var(--ink); font-weight: 700; } .b :where(table:not([class])) :where(caption) { caption-side: top; padding-bottom: .5em; text-align: left; color: var(--muted); } .b :where(table:not([class])) :where(p + p) { margin-top: .4em; } :root { --m-rise: 0px; --m-dur: .55s; --m-step: 0ms; --m-blur: 0px; --m-scale: 1; --m-ease: cubic-bezier(.2, .7, .2, 1); } [data-anim="lively"] { --m-rise: 22px; --m-dur: .7s; --m-step: 70ms; } [data-anim="bold"] { --m-rise: 40px; --m-dur: .9s; --m-step: 90ms; --m-blur: 8px; --m-scale: .97; } :root { --m-deco: running; } [data-anim="calm"], [data-anim="off"] { --m-deco: paused; } @media (prefers-reduced-motion: reduce) { :root, [data-anim] { --m-deco: paused; } } @media (prefers-reduced-motion: no-preference) { html.m-js:not([data-anim="off"]) [data-m].m-enter { transition: opacity var(--m-dur) var(--m-ease), transform var(--m-dur) var(--m-ease), filter var(--m-dur) var(--m-ease); transition-delay: calc(min(var(--m-k, var(--i, 0)), 8) * var(--m-step)); } html.m-js:not([data-anim="off"]) [data-m]:not(.is-in) { opacity: 0; transform: translateY(var(--m-rise)) scale(var(--m-scale)); filter: blur(var(--m-blur)); } @supports (animation-timeline: view()) { [data-anim="bold"] [data-m-par] { animation: m-par linear both; animation-timeline: view(); animation-range: cover; } } } @keyframes m-par { from { transform: translateY(-6%) scale(1.12); } to { transform: translateY(6%) scale(1.12); } } [data-look="polden"] { color-scheme: light; --ground: #f6f7fc; --sunken: #eceff8; --ink: #14161f; --ink-2: #4a5162; --muted: #656d80; --rule: #dfe3ef; --hair: #e3e7f1; --accent: #4f46e5; --accent-2: #0d9488; --on-accent: #ffffff; --grad: linear-gradient(135deg, #4f46e5 0%, #6d5ef0 52%, #0d9488 100%); --card-bg: #ffffff; --shadow: 0 1px 2px rgba(20,22,31,.05), 0 14px 34px -18px rgba(31,35,60,.28); --shadow-soft: 0 1px 2px rgba(20,22,31,.05), 0 10px 26px -16px rgba(31,35,60,.28); --focus-ring: 0 0 0 3px rgba(79,70,229,.5); --f-display: "Segoe UI Variable Display", "SF Pro Display", Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; --f-sans: "Segoe UI Variable Text", "SF Pro Text", Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; --f-mono: ui-monospace, "Cascadia Mono", Consolas, "Segoe UI Mono", monospace; --lh: 1.68; --fw-head: 700; --ls-h: -0.032em; --s--1: .8125rem; --s-0: 1rem; --s-1: 1.125rem; --s-2: 1.375rem; --s-3: 1.75rem; --s-4: 2.25rem; --s-5: clamp(2.4rem, 5.4vw, 4rem); --gap: clamp(1rem, 2.4vw, 1.75rem); --pad-y: clamp(3rem, 7vw, 6rem); --wrap: 72rem; --r: 14px; --r-btn: 10px; --r-panel: 18px; --r-chip: 999px; } @font-face{font-family:"Geologica";font-weight:100 900;font-style:normal;font-display:swap;src:url(tema-1.a7dc739efa.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:"Geologica";font-weight:100 900;font-style:normal;font-display:swap;src:url(tema-2.b14f1edee9.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Geologica";font-weight:100 900;font-style:normal;font-display:swap;src:url(tema-3.85ea5e8563.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:"Golos Text";font-weight:400 900;font-style:normal;font-display:swap;src:url(tema-4.17d048ca05.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:"Golos Text";font-weight:400 900;font-style:normal;font-display:swap;src:url(tema-5.9a69d0aa47.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Golos Text";font-weight:400 900;font-style:normal;font-display:swap;src:url(tema-6.05befabe48.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:"JetBrains Mono";font-weight:100 800;font-style:normal;font-display:swap;src:url(tema-7.18be452724.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"JetBrains Mono";font-weight:100 800;font-style:normal;font-display:swap;src:url(tema-8.d274604c40.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} :root[data-look="polden"]{color-scheme:light;--_rastvor:multiply;--ground:#FFFFFF;--sunken:#F4F6FB;--ink:#0A0F2C;--ink-2:#464C69;--muted:#868BA4;--rule:#E3E6EF;--hair:#ECEFF7;--accent:#4353FF;--accent-2:#2F3CE6;--on-accent:#FFFFFF;--grad:#4353FF;--card-bg:#FFFFFF;--shadow:0 0 0 1px rgba(10, 15, 44, .08), 0 30px 60px -36px rgba(10, 15, 44, .45);--shadow-soft:0 10px 24px -16px rgba(10, 15, 44, .35);--focus-ring:0 0 0 3px rgba(67, 83, 255, .45);--f-display:"Geologica", "Golos Text", system-ui, sans-serif;--f-sans:"Golos Text", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--lh:1.6;--fw-head:500;--ls-h:-0.035em;--s--1:.8125rem;--s-0:1.03125rem;--s-1:1.125rem;--s-2:1.375rem;--s-3:1.75rem;--s-4:clamp(2rem, 3.7vw, 3.25rem);--s-5:clamp(2.5rem, 4.3vw, 3.875rem);--gap:clamp(18px, 5vw, 32px);--pad-y:clamp(80px, 9vw, 128px);--wrap:1200px;--r:12px;--r-btn:12px;--r-panel:20px;--r-chip:99px} picture{display:contents} .v-shapka-x-kl-shapka{position: sticky;top: 0;z-index: 30;padding: 0;background: rgba(255, 255, 255, .82);-webkit-backdrop-filter: blur(16px) saturate(1.5);backdrop-filter: blur(16px) saturate(1.5);transition: box-shadow .3s;} .v-shapka-x-kl-shapka[data-x-sc]{box-shadow: 0 1px 0 var(--rule);} .v-shapka-x-kl-shapka .row{display: flex;align-items: center;gap: 28px;height: 72px;} .v-shapka-x-kl-shapka .logo{display: block;flex: none;} .v-shapka-x-kl-shapka .logo svg{display: block;height: 30px;width: auto;} .v-shapka-x-kl-shapka .nav{display: flex;gap: 2px;margin-left: 12px;} .v-shapka-x-kl-shapka .nav a{padding: 8px 12px;border-radius: 8px;font-size: 15px;line-height: 1.4;color: var(--ink-2);text-decoration: none;transition: color .2s, background .2s;} .v-shapka-x-kl-shapka .nav a:hover{color: var(--ink);background: var(--sunken);} .v-shapka-x-kl-shapka .rt{margin-left: auto;display: flex;align-items: center;gap: 8px;} .v-shapka-x-kl-shapka .rt .vh{padding: 8px 14px;font-size: 15px;line-height: 1.4;font-weight: 500;color: var(--ink-2);text-decoration: none;} .v-shapka-x-kl-shapka .rt .vh:hover{color: var(--ink);} .v-shapka-x-kl-shapka .rt .b-btn{height: 42px;padding: 0 18px;font-size: 14.5px;border-radius: 10px;} @media (max-width: 1100px){.v-shapka-x-kl-shapka .nav{display: none;}} @media (max-width: 640px){.v-shapka-x-kl-shapka .row{height: 64px;} .v-shapka-x-kl-shapka .rt .vh{display: none;}} .v-pervyy-ekran-x-kl-pervyy{padding-block: clamp(48px, 6vw, 84px) clamp(64px, 7vw, 100px);background: linear-gradient(180deg, var(--sunken), var(--ground) 78%);overflow: hidden;} .v-pervyy-ekran-x-kl-pervyy::before{content: "";position: absolute;inset: 0;background-image: linear-gradient(var(--rule) 1px, transparent 1px), linear-gradient(90deg, var(--rule) 1px, transparent 1px);background-size: 56px 56px;-webkit-mask: radial-gradient(70% 70% at 70% 30%, #000, transparent 75%);mask: radial-gradient(70% 70% at 70% 30%, #000, transparent 75%);opacity: .55;pointer-events: none;} .v-pervyy-ekran-x-kl-pervyy .wv{position: absolute;left: 0;right: 0;bottom: 0;width: 100%;height: 62%;pointer-events: none;-webkit-mask: linear-gradient(90deg, transparent 18%, #000 55%);mask: linear-gradient(90deg, transparent 18%, #000 55%);} .v-pervyy-ekran-x-kl-pervyy .in{position: relative;display: grid;grid-template-columns: .92fr 1.08fr;gap: clamp(30px, 4vw, 64px);align-items: center;} .v-pervyy-ekran-x-kl-pervyy .tx{min-width: 0;} .v-pervyy-ekran-x-kl-pervyy .new{display: inline-flex;align-items: center;gap: 10px;padding: 5px 14px 5px 5px;border-radius: 99px;background: #fff;box-shadow: inset 0 0 0 1px var(--rule), 0 4px 14px -8px rgba(10, 15, 44, .2);font-size: 14px;line-height: 1.4;color: var(--ink-2);} .v-pervyy-ekran-x-kl-pervyy .new b{padding: 4px 9px;border-radius: 99px;background: var(--kl-soft, #EEF0FF);color: var(--accent);font-size: 12px;font-weight: 600;} .v-pervyy-ekran-x-kl-pervyy .new i{font-style: normal;color: var(--muted);} .v-pervyy-ekran-x-kl-pervyy h1{margin: 22px 0 0;font-family: var(--f-display);font-weight: 500;font-size: clamp(40px, 4.3vw, 62px);letter-spacing: -.045em;line-height: 1.02;text-wrap: balance;overflow-wrap: anywhere;} .v-pervyy-ekran-x-kl-pervyy h1 span{color: var(--accent);} .v-pervyy-ekran-x-kl-pervyy .kl-lede{margin-top: 22px;max-width: 52ch;} .v-pervyy-ekran-x-kl-pervyy .cta{display: flex;flex-wrap: wrap;gap: 10px;margin: 32px 0 0;} .v-pervyy-ekran-x-kl-pervyy .proof{display: flex;flex-wrap: wrap;gap: 8px 22px;margin: 26px 0 0;padding: 0;list-style: none;font-size: 14px;color: var(--ink-2);} .v-pervyy-ekran-x-kl-pervyy .proof li{display: flex;align-items: center;gap: 8px;} .v-pervyy-ekran-x-kl-pervyy .proof svg{width: 16px;height: 16px;flex: none;color: var(--kl-ok, #13A87D);} .v-pervyy-ekran-x-kl-pervyy .proof b{font-weight: inherit;} @media (prefers-reduced-motion: no-preference){html:not([data-anim="off"]):not([data-anim="calm"]) .v-pervyy-ekran-x-kl-pervyy .tx > *{animation: v-pervyy-ekran-x-kl-pervyy__rise .9s cubic-bezier(.22, 1, .36, 1) both;animation-delay: calc(var(--i, 0) * 80ms);}} @keyframes v-pervyy-ekran-x-kl-pervyy__rise{from{opacity: 0;transform: translateY(22px);}} .v-pervyy-ekran-x-kl-pervyy .hv{position: relative;container-type: inline-size;aspect-ratio: 1 / .8;min-width: 0;} .v-pervyy-ekran-x-kl-pervyy .hv-in{position: absolute;inset: 0;transform: perspective(1800px) rotateY(var(--ry, 0deg)) rotateX(var(--rx, 0deg));transition: transform .8s cubic-bezier(.22, 1, .36, 1);} .v-pervyy-ekran-x-kl-pervyy .bw{position: absolute;left: 0;top: 8cqw;width: 84cqw;border-radius: 1.8cqw;background: #fff;overflow: hidden;box-shadow: 0 0 0 1px rgba(10, 15, 44, .07), 0 2cqw 4cqw -1.5cqw rgba(10, 15, 44, .16), 0 8cqw 14cqw -6cqw rgba(47, 60, 230, .32);} .v-pervyy-ekran-x-kl-pervyy .bw .bar{display: flex;align-items: center;gap: .9cqw;height: 5cqw;padding: 0 1.8cqw;background: #F7F8FB;border-bottom: 1px solid var(--rule);} .v-pervyy-ekran-x-kl-pervyy .bw .bar i{width: 1cqw;height: 1cqw;border-radius: 50%;background: #D9DCE6;} .v-pervyy-ekran-x-kl-pervyy .bw .bar span{display: flex;align-items: center;gap: .7cqw;margin: 0 0 0 1.6cqw;padding: .7cqw 2.6cqw;border-radius: .8cqw;background: #fff;box-shadow: inset 0 0 0 1px var(--rule);font-size: 1.5cqw;line-height: 1;color: var(--ink-2);} .v-pervyy-ekran-x-kl-pervyy .bw .bar span svg{width: 1.4cqw;height: 1.4cqw;color: var(--kl-ok, #13A87D);} .v-pervyy-ekran-x-kl-pervyy .bw .scr{position: relative;aspect-ratio: 16 / 10.4;} .v-pervyy-ekran-x-kl-pervyy .edb{position: absolute;inset: .6cqw;border-radius: 1cqw;box-shadow: inset 0 0 0 .25cqw var(--accent);pointer-events: none;z-index: 5;} .v-pervyy-ekran-x-kl-pervyy .edb em{position: absolute;left: 0;bottom: 0;padding: .5cqw 1cqw;border-radius: 0 .8cqw 0 .8cqw;background: var(--accent);color: #fff;font: 600 1.3cqw/1 var(--f-sans);font-style: normal;} .v-pervyy-ekran-x-kl-pervyy .tb{position: absolute;z-index: 8;right: 17cqw;top: 10.9cqw;display: flex;align-items: center;gap: .4cqw;padding: .5cqw;border-radius: 1.2cqw;background: var(--kl-navy, #080C24);color: #fff;box-shadow: 0 1.6cqw 3cqw -1cqw rgba(8, 12, 36, .6);font-size: 1.5cqw;line-height: 1;white-space: nowrap;} .v-pervyy-ekran-x-kl-pervyy .tb button{height: 3.6cqw;min-width: 3.6cqw;padding: 0 1cqw;border: 0;border-radius: .8cqw;display: grid;place-items: center;background: none;color: inherit;font: inherit;cursor: pointer;transition: background .2s, transform .15s;} .v-pervyy-ekran-x-kl-pervyy .tb button:hover,.v-pervyy-ekran-x-kl-pervyy .tb button[data-x-prs]{background: rgba(255, 255, 255, .14);} .v-pervyy-ekran-x-kl-pervyy .tb button[data-x-prs]{transform: scale(.92);} .v-pervyy-ekran-x-kl-pervyy .tb .vw{padding: 0 1.2cqw;display: flex;gap: .8cqw;align-items: baseline;} .v-pervyy-ekran-x-kl-pervyy .tb .vw b{font-weight: 600;} .v-pervyy-ekran-x-kl-pervyy .tb .vw span{color: #9DA3C7;} .v-pervyy-ekran-x-kl-pervyy .tb .sep{width: 1px;height: 2.4cqw;background: rgba(255, 255, 255, .18);margin: 0 .4cqw;} .v-pervyy-ekran-x-kl-pervyy .tb .ai{color: #B9C0FF;} .v-pervyy-ekran-x-kl-pervyy .ph{position: absolute;right: 0;top: 29cqw;width: 25cqw;aspect-ratio: 9 / 18.5;border-radius: 3.8cqw;background: #0D1130;padding: .9cqw;box-shadow: 0 0 0 1px rgba(10, 15, 44, .2), 0 4cqw 8cqw -3cqw rgba(10, 15, 44, .5);} .v-pervyy-ekran-x-kl-pervyy .ph .scr2{position: relative;height: 100%;border-radius: 3cqw;overflow: hidden;background: #fff;} .v-pervyy-ekran-x-kl-pervyy .ph .scr2::before{content: "";position: absolute;z-index: 9;left: 50%;top: 1cqw;width: 7cqw;height: 1.8cqw;border-radius: 2cqw;background: #0D1130;transform: translateX(-50%);} .v-pervyy-ekran-x-kl-pervyy .nt{position: absolute;z-index: 9;left: -3cqw;bottom: 2cqw;width: 41cqw;display: flex;gap: 1.6cqw;align-items: center;padding: 1.7cqw 2cqw;border-radius: 1.8cqw;background: #fff;line-height: 1.3;box-shadow: 0 0 0 1px rgba(10, 15, 44, .06), 0 2.6cqw 5cqw -2cqw rgba(10, 15, 44, .3);transition: opacity .5s cubic-bezier(.22, 1, .36, 1), transform .7s cubic-bezier(.22, 1, .36, 1);} .v-pervyy-ekran-x-kl-pervyy[data-x-gotov] .nt:not([data-x-show]){opacity: 0;transform: translateY(2cqw) scale(.97);} .v-pervyy-ekran-x-kl-pervyy .nt i{flex: none;width: 5cqw;height: 5cqw;border-radius: 50%;display: grid;place-items: center;background: var(--kl-soft, #EEF0FF);color: var(--accent);font: 600 2cqw/1 var(--f-display);font-style: normal;} .v-pervyy-ekran-x-kl-pervyy .nt b{display: block;font-size: 1.75cqw;font-weight: 600;} .v-pervyy-ekran-x-kl-pervyy .nt small{display: block;font-size: 1.45cqw;color: var(--ink-2);margin-top: .3cqw;} .v-pervyy-ekran-x-kl-pervyy .nt time{margin-left: auto;align-self: flex-start;font-size: 1.3cqw;color: var(--muted);} .v-pervyy-ekran-x-kl-pervyy .spd{position: absolute;z-index: 9;right: 22cqw;top: 0;display: flex;align-items: center;gap: 1.6cqw;padding: 1.4cqw 2.2cqw 1.4cqw 1.4cqw;border-radius: 1.8cqw;background: #fff;box-shadow: 0 0 0 1px rgba(10, 15, 44, .06), 0 2cqw 4cqw -2cqw rgba(10, 15, 44, .25);} .v-pervyy-ekran-x-kl-pervyy .spd svg{width: 6.4cqw;height: 6.4cqw;transform: rotate(-90deg);} .v-pervyy-ekran-x-kl-pervyy .spd .rg{position: relative;display: grid;place-items: center;} .v-pervyy-ekran-x-kl-pervyy .spd .rg b{position: absolute;font: 600 2cqw/1 var(--f-display);color: var(--kl-ok, #13A87D);} .v-pervyy-ekran-x-kl-pervyy .spd circle{fill: none;stroke-width: 3.4;} .v-pervyy-ekran-x-kl-pervyy .spd .bg{stroke: #E6F6F0;} .v-pervyy-ekran-x-kl-pervyy .spd .fg{stroke: var(--kl-ok, #13A87D);stroke-linecap: round;stroke-dasharray: 100;stroke-dashoffset: 0;} @media (prefers-reduced-motion: no-preference){html:not([data-anim="off"]):not([data-anim="calm"]) .v-pervyy-ekran-x-kl-pervyy .spd .fg{animation: v-pervyy-ekran-x-kl-pervyy__ring 1.8s cubic-bezier(.22, 1, .36, 1) .7s both;}} @keyframes v-pervyy-ekran-x-kl-pervyy__ring{from{stroke-dashoffset: 100;}} .v-pervyy-ekran-x-kl-pervyy .spd p{margin: 0;font-size: 1.45cqw;color: var(--ink-2);line-height: 1.35;} .v-pervyy-ekran-x-kl-pervyy .spd p strong{display: block;font-size: 1.75cqw;color: var(--ink);font-weight: 600;} .v-pervyy-ekran-x-kl-pervyy .cur{display: none;position: absolute;z-index: 20;left: 60cqw;top: 60cqw;width: 3cqw;height: 3cqw;overflow: visible;transition: left .9s cubic-bezier(.22, 1, .36, 1), top .9s cubic-bezier(.22, 1, .36, 1);pointer-events: none;filter: drop-shadow(0 .4cqw .6cqw rgba(0, 0, 0, .3));} .v-pervyy-ekran-x-kl-pervyy[data-x-gotov] .cur{display: block;} .v-pervyy-ekran-x-kl-pervyy .ms{container: ms / inline-size;position: absolute;inset: 0;overflow: hidden;background: #fff;color: #1D1A15;font-family: var(--f-sans);line-height: 1.3;--g: #2F4A3A;--m: #6E675C;--c: #F4F1EB;} .v-pervyy-ekran-x-kl-pervyy .ms-nav{position: absolute;z-index: 3;left: 4cqw;right: 4cqw;top: 0;height: 7.4cqw;display: flex;align-items: center;gap: 3cqw;font-size: 1.6cqw;transition: color .6s;} .v-pervyy-ekran-x-kl-pervyy .ms-logo{display: flex;align-items: center;gap: 1cqw;font: 600 2cqw/1 var(--f-display);letter-spacing: -.02em;white-space: nowrap;} .v-pervyy-ekran-x-kl-pervyy .ms-logo i{width: 2.4cqw;height: 2.4cqw;border-radius: .7cqw;background: var(--g);} .v-pervyy-ekran-x-kl-pervyy .ms-links{display: flex;gap: 2.4cqw;margin-left: auto;color: var(--m);} .v-pervyy-ekran-x-kl-pervyy .ms-tel{font-weight: 600;white-space: nowrap;} .v-pervyy-ekran-x-kl-pervyy .ms-in{position: absolute;left: 0;right: 0;top: 7.4cqw;bottom: 0;display: grid;padding: 2cqw 4cqw 4cqw;gap: 1.5cqw 4cqw;align-content: center;grid-template-columns: 1.05fr 1fr;grid-template-areas: "e img" "h img" "p img" "b img" "l l";} .v-pervyy-ekran-x-kl-pervyy .ms-in > *{min-width: 0;} .v-pervyy-ekran-x-kl-pervyy .ms-e{grid-area: e;font-size: 1.4cqw;font-weight: 600;letter-spacing: .14em;text-transform: uppercase;color: var(--g);} .v-pervyy-ekran-x-kl-pervyy .ms-h{grid-area: h;font: 600 4.5cqw/1.04 var(--f-display);letter-spacing: -.035em;max-width: 15ch;} .v-pervyy-ekran-x-kl-pervyy .ms-p{grid-area: p;font-size: 1.7cqw;line-height: 1.5;color: var(--m);max-width: 38ch;} .v-pervyy-ekran-x-kl-pervyy .ms-b{grid-area: b;justify-self: start;padding: 1.5cqw 2.6cqw;border-radius: 99px;background: var(--g);color: #fff;font-size: 1.6cqw;font-weight: 600;white-space: nowrap;transition: background .6s, color .6s;} .v-pervyy-ekran-x-kl-pervyy .ms-img{grid-area: img;position: relative;align-self: stretch;min-height: 27cqw;border-radius: 1.4cqw;overflow: hidden;background: linear-gradient(135deg, #C9B79C, #6E5A42);} .v-pervyy-ekran-x-kl-pervyy .ms-img img{position: absolute;inset: 0;width: 100%;height: 100%;max-width: none;object-fit: cover;object-position: 50% 55%;} .v-pervyy-ekran-x-kl-pervyy .ms-img::after{content: "";position: absolute;inset: 0;background: var(--ov, none);} .v-pervyy-ekran-x-kl-pervyy .ms-l{grid-area: l;list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(3, 1fr);gap: 1.5cqw;} .v-pervyy-ekran-x-kl-pervyy .ms-l li{padding: 1.5cqw 1.8cqw;border-radius: 1.2cqw;background: var(--c);transition: background .6s;} .v-pervyy-ekran-x-kl-pervyy .ms-l b{display: block;font: 600 2cqw/1.1 var(--f-display);letter-spacing: -.02em;white-space: nowrap;} .v-pervyy-ekran-x-kl-pervyy .ms-l span{display: block;font-size: 1.35cqw;color: var(--m);margin-top: .4cqw;} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v="2"]{color: #fff;--m: rgba(255, 255, 255, .78);--c: rgba(255, 255, 255, .12);} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v="2"] .ms-in{grid-template-columns: 1fr;grid-template-areas: "e" "h" "p" "b" "l";align-content: end;padding-bottom: 4cqw;} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v="2"] .ms-img{position: absolute;inset: -7.4cqw 0 0 0;min-height: 0;border-radius: 0;z-index: 0;--ov: linear-gradient(90deg, rgba(14, 18, 13, .82), rgba(14, 18, 13, .35) 62%, rgba(14, 18, 13, .1));} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v="2"] .ms-in > :not(.ms-img){position: relative;z-index: 1;} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v="2"] .ms-e{color: #CFE3C9;} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v="2"] .ms-h{font-size: 5.2cqw;} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v="2"] .ms-b{background: #fff;color: #1D1A15;} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v="2"] .ms-l{width: 70%;-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v="3"] .ms-in{grid-template-columns: 1fr;grid-template-areas: "e" "h" "p" "b" "img";justify-items: center;text-align: center;align-content: start;padding-top: 3cqw;} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v="3"] .ms-h{max-width: 22ch;} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v="3"] .ms-b{justify-self: center;} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v="3"] .ms-img{min-height: 21cqw;justify-self: stretch;} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v="3"] .ms-l{grid-area: img;align-self: end;justify-self: stretch;margin: 0 2cqw 2cqw;text-align: left;position: relative;z-index: 1;} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v="3"] .ms-l li{background: rgba(255, 255, 255, .92);} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v="4"] .ms-in{grid-template-columns: .95fr 1fr;grid-template-areas: "e e" "h h" "img p" "img l" "img b";align-content: start;padding-top: 3cqw;} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v="4"] .ms-h{font-size: 6.4cqw;line-height: .98;max-width: none;letter-spacing: -.045em;} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v="4"] .ms-img{min-height: 21cqw;} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v="4"] .ms-l{grid-template-columns: 1fr;gap: 0;} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v="4"] .ms-l li{background: none;border-radius: 0;border-top: 1px solid #E2DDD3;padding: 1cqw 0;display: flex;justify-content: space-between;align-items: baseline;} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v="4"] .ms-l span{margin: 0;} @container ms (max-width: 360px){.v-pervyy-ekran-x-kl-pervyy .ms-nav{height: 17cqw;left: 6cqw;right: 6cqw;font-size: 4cqw;padding-top: 3cqw;} .v-pervyy-ekran-x-kl-pervyy .ms-logo{font-size: 5cqw;gap: 2cqw;} .v-pervyy-ekran-x-kl-pervyy .ms-logo i{width: 5.5cqw;height: 5.5cqw;border-radius: 1.6cqw;} .v-pervyy-ekran-x-kl-pervyy .ms-links,.v-pervyy-ekran-x-kl-pervyy .ms-tel{display: none;} .v-pervyy-ekran-x-kl-pervyy .ms-nav::after{content: "";margin-left: auto;width: 6cqw;height: 3.4cqw;border-top: 1.6cqw double currentColor;} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v] .ms-in{top: 17cqw;grid-template-columns: 1fr;grid-template-areas: "img" "e" "h" "p" "b" "l";align-content: start;justify-items: start;text-align: left;padding: 3cqw 6cqw 6cqw;gap: 3.4cqw;} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v="2"] .ms-in{grid-template-areas: "e" "h" "p" "b" "l";align-content: end;} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v="2"] .ms-img{inset: -17cqw 0 0 0;--ov: linear-gradient(180deg, rgba(14, 18, 13, .15), rgba(14, 18, 13, .86) 60%);} .v-pervyy-ekran-x-kl-pervyy .ms-e{font-size: 3.3cqw;} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v] .ms-h{font-size: 9.4cqw;max-width: none;} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v="4"] .ms-h{font-size: 12cqw;} .v-pervyy-ekran-x-kl-pervyy .ms-p{font-size: 4cqw;} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v] .ms-b{justify-self: start;padding: 3.4cqw 6cqw;font-size: 4cqw;} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v] .ms-img{min-height: 56cqw;border-radius: 3cqw;} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v="2"] .ms-img{border-radius: 0;} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v] .ms-l{grid-area: l;grid-template-columns: 1fr;gap: 2cqw;width: 100%;margin: 0;align-self: auto;} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v] .ms-l li{padding: 3cqw 4cqw;border-radius: 3cqw;display: block;} .v-pervyy-ekran-x-kl-pervyy .ms[data-x-v="4"] .ms-l li{border-radius: 0;padding: 2.6cqw 0;} .v-pervyy-ekran-x-kl-pervyy .ms-l b{font-size: 5cqw;} .v-pervyy-ekran-x-kl-pervyy .ms-l span{font-size: 3.4cqw;margin-top: 1cqw;}} @media (max-width: 980px){.v-pervyy-ekran-x-kl-pervyy .in{grid-template-columns: 1fr;} .v-pervyy-ekran-x-kl-pervyy .hv{max-width: 640px;width: 100%;margin: 0 auto;}} @media (max-width: 640px){.v-pervyy-ekran-x-kl-pervyy h1{font-size: 38px;} .v-pervyy-ekran-x-kl-pervyy .cta .b-btn,.v-pervyy-ekran-x-kl-pervyy .cta .kl-btn-l{flex: 1 1 100%;} .v-pervyy-ekran-x-kl-pervyy .nt{left: 0;width: 56cqw;}} .v-svobodnyy-x-kl-fakty{padding: 0;border-block: 1px solid var(--rule);background: var(--ground);} .v-svobodnyy-x-kl-fakty .ls{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(5, 1fr);} .v-svobodnyy-x-kl-fakty li{display: flex;gap: 14px;align-items: flex-start;padding: 26px 22px;border-left: 1px solid var(--rule);} .v-svobodnyy-x-kl-fakty li:first-child{border-left: 0;padding-left: 0;} .v-svobodnyy-x-kl-fakty .kl-ico{color: var(--accent);margin-top: 2px;} .v-svobodnyy-x-kl-fakty b{display: block;font: 500 16px/1.25 var(--f-display);letter-spacing: -.02em;} .v-svobodnyy-x-kl-fakty li > span > span{display: block;font-size: 13.5px;color: var(--muted);margin-top: 4px;line-height: 1.4;} @media (max-width: 1100px){.v-svobodnyy-x-kl-fakty .ls{grid-template-columns: repeat(3, 1fr);} .v-svobodnyy-x-kl-fakty li:nth-child(3n + 1){border-left: 0;padding-left: 0;} .v-svobodnyy-x-kl-fakty li:nth-child(n + 4){border-top: 1px solid var(--rule);}} @media (max-width: 640px){.v-svobodnyy-x-kl-fakty .ls{grid-template-columns: 1fr 1fr;} .v-svobodnyy-x-kl-fakty li,.v-svobodnyy-x-kl-fakty li:nth-child(3n + 1){border-left: 0;padding: 18px 0;border-top: 1px solid var(--rule);} .v-svobodnyy-x-kl-fakty li:nth-child(-n + 2){border-top: 0;} .v-svobodnyy-x-kl-fakty li:nth-child(2n){padding-left: 14px;}} .v-etapy-x-kl-shagi .steps{display: grid;grid-template-columns: repeat(3, 1fr);gap: 18px;} .v-etapy-x-kl-shagi .stc{display: flex;flex-direction: column;border-radius: var(--r-panel);background: var(--card-bg);box-shadow: inset 0 0 0 1px var(--rule);overflow: hidden;transition: box-shadow .5s, transform .6s cubic-bezier(.22, 1, .36, 1);} .v-etapy-x-kl-shagi .stc.on{box-shadow: inset 0 0 0 1.5px var(--accent), 0 24px 50px -30px rgba(47, 60, 230, .55);transform: translateY(-4px);} .v-etapy-x-kl-shagi .pr{height: 3px;background: var(--kl-mist-2, #ECEFF7);} .v-etapy-x-kl-shagi .pr i{display: block;height: 100%;width: 0;background: var(--accent);} .v-etapy-x-kl-shagi .stc.on .pr i{width: 100%;transition: width var(--sd, 4s) linear;} .v-etapy-x-kl-shagi .stc.done .pr i{width: 100%;} .v-etapy-x-kl-shagi .tx{padding: 22px 24px 0;} .v-etapy-x-kl-shagi .n{font: 600 12.5px/1 var(--f-sans);letter-spacing: .08em;text-transform: uppercase;color: var(--accent);} .v-etapy-x-kl-shagi h3{margin-top: 12px;font-size: 22px;font-weight: 500;letter-spacing: -.03em;line-height: 1.05;} .v-etapy-x-kl-shagi .tx p{margin: 8px 0 0;font-size: 15px;color: var(--ink-2);line-height: 1.55;} .v-etapy-x-kl-shagi .demo{position: relative;margin: 20px 16px 16px;height: 178px;border-radius: 14px;background: var(--sunken);overflow: hidden;display: grid;place-items: center;padding: 16px;line-height: 1.4;} .v-etapy-x-kl-shagi .d1{display: grid;gap: 12px;justify-items: center;width: 100%;} .v-etapy-x-kl-shagi .d1 .em{width: min(100%, 260px);height: 40px;display: flex;align-items: center;gap: 8px;padding: 0 14px;border-radius: 10px;background: #fff;box-shadow: inset 0 0 0 1px var(--rule);font-size: 14px;color: var(--ink-2);} .v-etapy-x-kl-shagi .d1 .em svg{width: 16px;height: 16px;flex: none;color: var(--muted);} .v-etapy-x-kl-shagi .d1 .dg{display: flex;gap: 7px;} .v-etapy-x-kl-shagi .d1 .dg i{width: 32px;height: 40px;border-radius: 9px;background: #fff;box-shadow: inset 0 0 0 1px var(--rule);display: grid;place-items: center;font: 500 18px/1 var(--f-mono);font-style: normal;transition: box-shadow .3s;} .v-etapy-x-kl-shagi .d1 .dg i.f{box-shadow: inset 0 0 0 1.5px var(--accent);} .v-etapy-x-kl-shagi .okk{display: flex;align-items: center;gap: 6px;font-size: 13.5px;font-weight: 600;color: var(--kl-ok, #13A87D);opacity: 0;transform: translateY(4px);transition: opacity .4s, transform .5s cubic-bezier(.22, 1, .36, 1);} .v-etapy-x-kl-shagi .okk.on{opacity: 1;transform: none;} .v-etapy-x-kl-shagi .okk svg{width: 16px;height: 16px;} .v-etapy-x-kl-shagi .d2{width: 100%;display: grid;gap: 10px;} .v-etapy-x-kl-shagi .d2 .q{font-size: 13.5px;color: var(--ink-2);} .v-etapy-x-kl-shagi .d2 .ch{display: flex;flex-wrap: wrap;gap: 6px;} .v-etapy-x-kl-shagi .d2 .ch span{padding: 6px 11px;border-radius: 99px;background: #fff;box-shadow: inset 0 0 0 1px var(--rule);font-size: 13px;line-height: 1.3;transition: background .3s, color .3s, box-shadow .3s;} .v-etapy-x-kl-shagi .d2 .ch span.on{background: var(--ink);color: #fff;box-shadow: none;} .v-etapy-x-kl-shagi .d2 .ct{height: 34px;display: flex;align-items: center;padding: 0 12px;border-radius: 9px;background: #fff;box-shadow: inset 0 0 0 1px var(--rule);font-size: 13.5px;} .v-etapy-x-kl-shagi .d2 .ct::after{content: "";width: 1.5px;height: 16px;margin-left: 1px;background: var(--accent);animation: v-etapy-x-kl-shagi__bl 1s steps(1) infinite;animation-play-state: var(--m-deco, running);} .v-etapy-x-kl-shagi .d2 .bar{height: 6px;border-radius: 6px;background: var(--kl-mist-2, #ECEFF7);overflow: hidden;} .v-etapy-x-kl-shagi .d2 .bar i{display: block;height: 100%;width: 100%;background: var(--accent);border-radius: 6px;} .v-etapy-x-kl-shagi .d2 .bl{font-size: 12.5px;color: var(--muted);} @keyframes v-etapy-x-kl-shagi__bl{50%{opacity: 0;}} .v-etapy-x-kl-shagi .d3{width: 100%;display: grid;grid-template-columns: 1fr auto;gap: 12px;align-items: center;} .v-etapy-x-kl-shagi .d3 .mini{position: relative;height: 118px;border-radius: 10px;overflow: hidden;background: linear-gradient(90deg, rgba(14, 18, 13, .8), rgba(14, 18, 13, .15)), linear-gradient(135deg, #B79D7C, #5D4A36 60%, #2E2620);padding: 12px;color: #fff;display: flex;flex-direction: column;justify-content: flex-end;gap: 5px;} .v-etapy-x-kl-shagi .d3 .mini b{font: 600 13px/1.1 var(--f-display);} .v-etapy-x-kl-shagi .d3 .mini i{display: block;height: 4px;width: 70%;border-radius: 4px;background: rgba(255, 255, 255, .5);} .v-etapy-x-kl-shagi .d3 .pub{display: grid;place-items: center;height: 38px;padding: 0 14px;border-radius: 9px;background: var(--accent);color: #fff;font-size: 13.5px;font-weight: 600;transition: transform .15s, background .2s;} .v-etapy-x-kl-shagi .d3 .pub.prs{transform: scale(.94);background: var(--accent-2);} .v-etapy-x-kl-shagi .d3 .tst{grid-column: 1 / -1;display: flex;align-items: center;gap: 8px;padding: 9px 12px;border-radius: 9px;background: #fff;box-shadow: 0 8px 20px -12px rgba(10, 15, 44, .4);font-size: 13px;opacity: 0;transform: translateY(8px);transition: opacity .4s, transform .5s cubic-bezier(.22, 1, .36, 1);} .v-etapy-x-kl-shagi .d3 .tst.on{opacity: 1;transform: none;} .v-etapy-x-kl-shagi .d3 .tst svg{width: 15px;height: 15px;flex: none;color: var(--kl-ok, #13A87D);} .v-etapy-x-kl-shagi .d3 .code{font: 500 12px/1 var(--f-mono);color: var(--accent);} .v-etapy-x-kl-shagi .act{margin-top: 32px;} @media (max-width: 980px){.v-etapy-x-kl-shagi .steps{grid-template-columns: 1fr;max-width: 560px;margin: 0 auto;}} .v-svobodnyy-x-kl-vidy{padding-top: 0;} .v-svobodnyy-x-kl-vidy .vid{display: grid;grid-template-columns: .84fr 1.16fr;gap: clamp(30px, 4vw, 64px);align-items: start;} .v-svobodnyy-x-kl-vidy .vl{display: grid;gap: 8px;margin-top: 30px;} .v-svobodnyy-x-kl-vidy .opt{position: relative;display: grid;grid-template-columns: auto 1fr;gap: 2px 14px;align-items: center;text-align: left;padding: 14px 16px;border-radius: 14px;box-shadow: inset 0 0 0 1px var(--rule);background: var(--card-bg);overflow: hidden;cursor: pointer;transition: box-shadow .3s, background .3s;} .v-svobodnyy-x-kl-vidy .opt:hover{box-shadow: inset 0 0 0 1px var(--kl-line-2, #D3D8E6);} .v-svobodnyy-x-kl-vidy .opt.on{box-shadow: inset 0 0 0 1.5px var(--ink);background: var(--sunken);} .v-svobodnyy-x-kl-vidy .opt .k{grid-row: span 2;width: 30px;height: 30px;border-radius: 8px;display: grid;place-items: center;background: var(--kl-mist-2, #ECEFF7);font: 500 13px/1 var(--f-mono);color: var(--ink-2);transition: background .3s, color .3s;} .v-svobodnyy-x-kl-vidy .opt.on .k{background: var(--ink);color: #fff;} .v-svobodnyy-x-kl-vidy .opt b{font: 500 16px/1.2 var(--f-display);letter-spacing: -.02em;} .v-svobodnyy-x-kl-vidy .opt small{font-size: 13.5px;line-height: 1.4;color: var(--muted);} .v-svobodnyy-x-kl-vidy .opt .t{position: absolute;left: 0;bottom: 0;height: 2px;width: 0;background: var(--accent);} .v-svobodnyy-x-kl-vidy[data-x-gotov] .opt.on .t{animation: v-svobodnyy-x-kl-vidy__tline 4.5s linear forwards;} .v-svobodnyy-x-kl-vidy[data-x-gotov] .vid:hover .opt.on .t{animation-play-state: paused;} @keyframes v-svobodnyy-x-kl-vidy__tline{to{width: 100%;}} .v-svobodnyy-x-kl-vidy .data{margin-top: 18px;padding: 16px 18px;border-radius: 14px;background: var(--kl-navy, #080C24);color: #C7CCEB;font: 400 13px/1.75 var(--f-mono);} .v-svobodnyy-x-kl-vidy .data .hd{display: flex;flex-wrap: wrap;gap: 2px 14px;justify-content: space-between;color: #fff;font-family: var(--f-sans);font-size: 13.5px;font-weight: 600;margin-bottom: 8px;} .v-svobodnyy-x-kl-vidy .data .hd span{color: #7FE3BF;font-weight: 500;} .v-svobodnyy-x-kl-vidy .data .hd b{font-weight: inherit;} .v-svobodnyy-x-kl-vidy .data .kk{color: #8F98FF;} .v-svobodnyy-x-kl-vidy .data .s{color: #F6D58E;} .v-svobodnyy-x-kl-vidy .bwx{border-radius: 18px;background: #fff;overflow: hidden;box-shadow: 0 0 0 1px rgba(10, 15, 44, .08), 0 30px 60px -36px rgba(10, 15, 44, .45);} .v-svobodnyy-x-kl-vidy .bwx .bar{display: flex;align-items: center;gap: 7px;height: 40px;padding: 0 14px;background: #F7F8FB;border-bottom: 1px solid var(--rule);} .v-svobodnyy-x-kl-vidy .bwx .bar i{width: 10px;height: 10px;border-radius: 50%;background: #D9DCE6;} .v-svobodnyy-x-kl-vidy .bwx .bar span{margin: 0 auto;padding: 5px 18px;border-radius: 7px;background: #fff;box-shadow: inset 0 0 0 1px var(--rule);font-size: 12.5px;line-height: 1.3;color: var(--ink-2);} .v-svobodnyy-x-kl-vidy .bwx .scr{position: relative;aspect-ratio: 16 / 9.6;} .v-svobodnyy-x-kl-vidy .pb{container: pb / inline-size;position: absolute;inset: 0;overflow: hidden;background: #FBFAF7;color: #1D1A15;line-height: 1.3;display: grid;gap: 3cqw;padding: 4cqw 5cqw;align-content: center;grid-template-columns: repeat(3, 1fr);grid-template-areas: "hd hd hd" "i1 i2 i3";--g: #2F4A3A;--m: #6E675C;} .v-svobodnyy-x-kl-vidy .pb > *{min-width: 0;} .v-svobodnyy-x-kl-vidy .pb-hd{grid-area: hd;text-align: center;justify-self: center;max-width: 46ch;} .v-svobodnyy-x-kl-vidy .pb-hd span{font-size: 1.9cqw;font-weight: 600;letter-spacing: .14em;text-transform: uppercase;color: var(--g);} .v-svobodnyy-x-kl-vidy .pb-hd b{display: block;margin-top: 1cqw;font: 600 5.2cqw/1.05 var(--f-display);letter-spacing: -.035em;} .v-svobodnyy-x-kl-vidy .pb-hd p{margin: 1.2cqw 0 0;font-size: 2.2cqw;color: var(--m);line-height: 1.45;} .v-svobodnyy-x-kl-vidy .pi{position: relative;display: flex;flex-direction: column;gap: 1.2cqw;padding: 1.4cqw 1.4cqw 2.2cqw;border-radius: 1.8cqw;background: #fff;box-shadow: 0 0 0 1px #ECE7DD;} .v-svobodnyy-x-kl-vidy .pi.i1{grid-area: i1;} .v-svobodnyy-x-kl-vidy .pi.i2{grid-area: i2;box-shadow: 0 0 0 .25cqw var(--g);} .v-svobodnyy-x-kl-vidy .pi.i3{grid-area: i3;} .v-svobodnyy-x-kl-vidy .pp{position: relative;display: block;aspect-ratio: 4 / 3;border-radius: 1.2cqw;overflow: hidden;background: linear-gradient(135deg, #C9B79C, #6E5A42);} .v-svobodnyy-x-kl-vidy .pp img{position: absolute;width: 220%;max-width: none;height: auto;left: calc(-120% * var(--xf, .5));top: 55%;transform: translateY(-55%);} .v-svobodnyy-x-kl-vidy .pp::after{content: "";position: absolute;inset: 0;background: var(--ov, none);} .v-svobodnyy-x-kl-vidy .pi .nm{padding: 0 1cqw;} .v-svobodnyy-x-kl-vidy .pi .nm b{display: block;font: 600 2.9cqw/1.15 var(--f-display);letter-spacing: -.02em;} .v-svobodnyy-x-kl-vidy .pi .nm small{display: block;font-size: 1.9cqw;color: var(--m);margin-top: .4cqw;} .v-svobodnyy-x-kl-vidy .pi em{padding: 0 1cqw;font: 600 2.7cqw/1 var(--f-display);font-style: normal;color: var(--g);white-space: nowrap;} .v-svobodnyy-x-kl-vidy .pi .tg{position: absolute;z-index: 2;left: 2.4cqw;top: 2.4cqw;padding: .8cqw 1.4cqw;border-radius: 99px;background: var(--g);color: #fff;font-size: 1.6cqw;font-weight: 600;white-space: nowrap;} .v-svobodnyy-x-kl-vidy .pb[data-x-v="2"]{grid-template-columns: 1fr;grid-template-areas: "hd" "i1" "i2" "i3";gap: 0;align-content: center;padding-inline: 7cqw;} .v-svobodnyy-x-kl-vidy .pb[data-x-v="2"] .pb-hd{text-align: left;justify-self: start;margin-bottom: 3cqw;} .v-svobodnyy-x-kl-vidy .pb[data-x-v="2"] .pi{display: grid;grid-template-columns: 1fr auto;align-items: center;padding: 3cqw 0;border-radius: 0;background: none;box-shadow: none;border-top: 1px solid #E2DDD3;} .v-svobodnyy-x-kl-vidy .pb[data-x-v="2"] .pi.i3{border-bottom: 1px solid #E2DDD3;} .v-svobodnyy-x-kl-vidy .pb[data-x-v="2"] .pi .pp{display: none;} .v-svobodnyy-x-kl-vidy .pb[data-x-v="2"] .pi .nm{display: flex;gap: 2cqw;align-items: baseline;padding: 0;} .v-svobodnyy-x-kl-vidy .pb[data-x-v="2"] .pi .nm b{min-width: 19cqw;} .v-svobodnyy-x-kl-vidy .pb[data-x-v="2"] .pi .tg{position: static;grid-column: 1;justify-self: start;margin-top: 1cqw;order: 3;} .v-svobodnyy-x-kl-vidy .pb[data-x-v="2"] .pi em{font-size: 3.2cqw;} .v-svobodnyy-x-kl-vidy .pb[data-x-v="3"]{grid-template-columns: .85fr 1.3fr;grid-template-areas: "hd i1" "hd i2" "hd i3";gap: 1.8cqw 4cqw;} .v-svobodnyy-x-kl-vidy .pb[data-x-v="3"] .pb-hd{text-align: left;justify-self: start;align-self: center;} .v-svobodnyy-x-kl-vidy .pb[data-x-v="3"] .pb-hd b{font-size: 5cqw;} .v-svobodnyy-x-kl-vidy .pb[data-x-v="3"] .pi{display: grid;grid-template-columns: 13cqw 1fr auto;align-items: center;gap: 2cqw;padding: 1.2cqw 2cqw 1.2cqw 1.2cqw;} .v-svobodnyy-x-kl-vidy .pb[data-x-v="3"] .pi .pp{aspect-ratio: 1;border-radius: 1cqw;} .v-svobodnyy-x-kl-vidy .pb[data-x-v="3"] .pi .nm{padding: 0;} .v-svobodnyy-x-kl-vidy .pb[data-x-v="3"] .pi .tg{left: auto;right: 1.4cqw;top: -1.4cqw;} .v-svobodnyy-x-kl-vidy .pb[data-x-v="4"]{grid-template-columns: 1.25fr 1fr;grid-template-areas: "hd hd" "i2 i1" "i2 i3";gap: 2.2cqw;align-content: center;} .v-svobodnyy-x-kl-vidy .pb[data-x-v="4"] .pb-hd{text-align: left;justify-self: start;max-width: none;} .v-svobodnyy-x-kl-vidy .pb[data-x-v="4"] .pi.i2{justify-content: flex-end;min-height: 30cqw;padding: 3cqw;color: #fff;overflow: hidden;} .v-svobodnyy-x-kl-vidy .pb[data-x-v="4"] .pi.i2 .pp{position: absolute;inset: 0;aspect-ratio: auto;border-radius: 0;--ov: linear-gradient(180deg, transparent 30%, rgba(14, 18, 13, .85));} .v-svobodnyy-x-kl-vidy .pb[data-x-v="4"] .pi.i2 .pp img{width: 100%;height: 100%;left: 0;top: 0;transform: none;object-fit: cover;object-position: 50% 55%;} .v-svobodnyy-x-kl-vidy .pb[data-x-v="4"] .pi.i2 .nm,.v-svobodnyy-x-kl-vidy .pb[data-x-v="4"] .pi.i2 em{position: relative;padding: 0;} .v-svobodnyy-x-kl-vidy .pb[data-x-v="4"] .pi.i2 .nm b{font-size: 3.6cqw;} .v-svobodnyy-x-kl-vidy .pb[data-x-v="4"] .pi.i2 .nm small{color: rgba(255, 255, 255, .75);} .v-svobodnyy-x-kl-vidy .pb[data-x-v="4"] .pi.i2 em{color: #CFE3C9;font-size: 3.2cqw;} .v-svobodnyy-x-kl-vidy .pb[data-x-v="4"] .pi.i2 .tg{background: #fff;color: #1D1A15;} .v-svobodnyy-x-kl-vidy .pb[data-x-v="4"] .pi.i1,.v-svobodnyy-x-kl-vidy .pb[data-x-v="4"] .pi.i3{display: grid;grid-template-columns: 9cqw 1fr;grid-template-rows: auto auto;gap: .6cqw 2cqw;align-items: center;padding: 1.4cqw;} .v-svobodnyy-x-kl-vidy .pb[data-x-v="4"] .pi.i1 .pp,.v-svobodnyy-x-kl-vidy .pb[data-x-v="4"] .pi.i3 .pp{grid-row: span 2;aspect-ratio: 1;border-radius: 1cqw;} .v-svobodnyy-x-kl-vidy .pb[data-x-v="4"] .pi.i1 .nm,.v-svobodnyy-x-kl-vidy .pb[data-x-v="4"] .pi.i3 .nm,.v-svobodnyy-x-kl-vidy .pb[data-x-v="4"] .pi.i1 em,.v-svobodnyy-x-kl-vidy .pb[data-x-v="4"] .pi.i3 em{padding: 0;} @media (max-width: 980px){.v-svobodnyy-x-kl-vidy .vid{grid-template-columns: 1fr;}} .v-svobodnyy-x-kl-vozmozhnosti{padding-top: 0;} .v-svobodnyy-x-kl-vozmozhnosti .bento{display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;} .v-svobodnyy-x-kl-vozmozhnosti .fx{display: flex;flex-direction: column;border-radius: 22px;background: var(--card-bg);box-shadow: inset 0 0 0 1px var(--rule);overflow: hidden;transition: box-shadow .4s, transform .6s cubic-bezier(.22, 1, .36, 1);} .v-svobodnyy-x-kl-vozmozhnosti .fx:hover{box-shadow: inset 0 0 0 1px var(--kl-line-2, #D3D8E6), 0 26px 50px -34px rgba(10, 15, 44, .4);transform: translateY(-3px);} .v-svobodnyy-x-kl-vozmozhnosti .fx.w2{grid-column: span 2;} .v-svobodnyy-x-kl-vozmozhnosti .fx .tx{padding: 24px 26px 0;} .v-svobodnyy-x-kl-vozmozhnosti .fx h3{font-size: 21px;font-weight: 500;letter-spacing: -.03em;line-height: 1.05;display: flex;align-items: center;gap: 10px;} .v-svobodnyy-x-kl-vozmozhnosti .fx h3 .kl-ico{color: var(--accent);} .v-svobodnyy-x-kl-vozmozhnosti .fx p{margin: 8px 0 0;font-size: 15px;color: var(--ink-2);line-height: 1.55;} .v-svobodnyy-x-kl-vozmozhnosti .fx .tag{display: inline-block;margin-top: 10px;padding: 4px 9px;border-radius: 99px;background: #FFF4E5;color: #9A5B0B;font-size: 12px;line-height: 1.3;font-weight: 600;} .v-svobodnyy-x-kl-vozmozhnosti .vis{position: relative;margin: 20px 14px 14px;height: 236px;border-radius: 15px;background: var(--sunken);overflow: hidden;display: grid;place-items: center;padding: 18px;line-height: 1.4;} @keyframes v-svobodnyy-x-kl-vozmozhnosti__bl{50%{opacity: 0;}} .v-svobodnyy-x-kl-vozmozhnosti .e-wrap{width: 100%;max-width: 560px;display: grid;grid-template-columns: 1fr 170px;gap: 14px;align-items: center;} .v-svobodnyy-x-kl-vozmozhnosti .e-blk{position: relative;padding: 20px 20px 18px;border-radius: 12px;background: #fff;box-shadow: 0 10px 24px -16px rgba(10, 15, 44, .35);} .v-svobodnyy-x-kl-vozmozhnosti .e-tb{position: absolute;left: 14px;top: -17px;display: flex;gap: 2px;padding: 3px;border-radius: 9px;background: var(--kl-navy, #080C24);color: #fff;font-size: 12px;line-height: 1.2;} .v-svobodnyy-x-kl-vozmozhnosti .e-tb span{padding: 5px 8px;border-radius: 6px;} .v-svobodnyy-x-kl-vozmozhnosti .e-tb .ai{color: #B9C0FF;transition: background .2s;} .v-svobodnyy-x-kl-vozmozhnosti .e-tb .ai.prs{background: rgba(255, 255, 255, .18);} .v-svobodnyy-x-kl-vozmozhnosti .e-h{min-height: 31px;font: 600 23px/1.25 var(--f-display);letter-spacing: -.03em;color: #1D1A15;border-radius: 3px;transition: background .2s;} .v-svobodnyy-x-kl-vozmozhnosti .e-h::after{content: "";display: inline-block;width: 2px;height: 22px;margin-left: 2px;vertical-align: -3px;background: var(--accent);animation: v-svobodnyy-x-kl-vozmozhnosti__bl 1s steps(1) infinite;animation-play-state: var(--m-deco, running);} .v-svobodnyy-x-kl-vozmozhnosti .e-h.sel{background: rgba(67, 83, 255, .18);} .v-svobodnyy-x-kl-vozmozhnosti .e-blk i{display: block;height: 7px;border-radius: 7px;background: var(--kl-mist-2, #ECEFF7);margin-top: 12px;width: 86%;} .v-svobodnyy-x-kl-vozmozhnosti .e-blk i + i{width: 60%;margin-top: 8px;} .v-svobodnyy-x-kl-vozmozhnosti .e-side{display: grid;gap: 8px;font-size: 12.5px;} .v-svobodnyy-x-kl-vozmozhnosti .st{display: flex;align-items: center;gap: 7px;padding: 8px 11px;border-radius: 9px;background: #fff;box-shadow: inset 0 0 0 1px var(--rule);font-weight: 500;} .v-svobodnyy-x-kl-vozmozhnosti .st::before{content: "";width: 7px;height: 7px;border-radius: 50%;background: currentColor;flex: none;} .v-svobodnyy-x-kl-vozmozhnosti .st.dr{color: #9A5B0B;} .v-svobodnyy-x-kl-vozmozhnosti .st.ok{color: var(--kl-ok, #13A87D);} .v-svobodnyy-x-kl-vozmozhnosti .e-side small{color: var(--muted);line-height: 1.45;padding: 0 2px;} .v-svobodnyy-x-kl-vozmozhnosti .ld{list-style: none;margin: 0;padding: 0;width: 100%;max-width: 330px;display: grid;gap: 8px;} .v-svobodnyy-x-kl-vozmozhnosti .ld li{display: flex;gap: 11px;align-items: center;padding: 10px 12px;border-radius: 12px;background: #fff;box-shadow: 0 8px 18px -14px rgba(10, 15, 44, .4);} .v-svobodnyy-x-kl-vozmozhnosti .ld li.nw{animation: v-svobodnyy-x-kl-vozmozhnosti__ldin .7s cubic-bezier(.22, 1, .36, 1);} @keyframes v-svobodnyy-x-kl-vozmozhnosti__ldin{from{opacity: 0;transform: translateY(-14px) scale(.97);}} .v-svobodnyy-x-kl-vozmozhnosti .ld li i{flex: none;width: 32px;height: 32px;border-radius: 50%;display: grid;place-items: center;font: 600 13px/1 var(--f-display);font-style: normal;background: var(--kl-soft, #EEF0FF);color: var(--accent);} .v-svobodnyy-x-kl-vozmozhnosti .ld b{display: block;font-size: 13.5px;} .v-svobodnyy-x-kl-vozmozhnosti .ld small{display: block;font-size: 12px;color: var(--muted);} .v-svobodnyy-x-kl-vozmozhnosti .ld time{margin-left: auto;font-size: 11.5px;color: var(--muted);white-space: nowrap;} .v-svobodnyy-x-kl-vozmozhnosti .cat{width: 100%;max-width: 330px;} .v-svobodnyy-x-kl-vozmozhnosti .cat .chs{display: flex;gap: 5px;margin-bottom: 10px;} .v-svobodnyy-x-kl-vozmozhnosti .cat .chs span{padding: 5px 10px;border-radius: 99px;background: #fff;box-shadow: inset 0 0 0 1px var(--rule);font-size: 12.5px;line-height: 1.3;transition: background .3s, color .3s;} .v-svobodnyy-x-kl-vozmozhnosti .cat .chs span.on{background: var(--ink);color: #fff;box-shadow: none;} .v-svobodnyy-x-kl-vozmozhnosti .cat .g{display: grid;grid-template-columns: repeat(4, 1fr);gap: 6px;min-height: 104px;align-content: start;} .v-svobodnyy-x-kl-vozmozhnosti .cat .g > span{position: relative;display: block;height: 49px;border-radius: 8px;overflow: hidden;background: linear-gradient(135deg, #C9B79C, #6E5A42);box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05);} .v-svobodnyy-x-kl-vozmozhnosti .cat .g > span.h{display: none;} .v-svobodnyy-x-kl-vozmozhnosti .cat .g img{position: absolute;width: 340%;max-width: none;height: auto;left: calc(-240% * var(--xf, .5));top: calc(var(--yf, .5) * 100%);transform: translateY(calc(var(--yf, .5) * -100%));} .v-svobodnyy-x-kl-vozmozhnosti .cat .u{display: flex;justify-content: space-between;margin-top: 9px;font: 400 12px/1 var(--f-mono);color: var(--muted);} .v-svobodnyy-x-kl-vozmozhnosti .cat .u b{color: var(--accent);font-weight: 500;} .v-svobodnyy-x-kl-vozmozhnosti .sr{width: 100%;max-width: 330px;} .v-svobodnyy-x-kl-vozmozhnosti .sr .q{display: flex;align-items: center;gap: 9px;height: 42px;padding: 0 13px;border-radius: 11px;background: #fff;box-shadow: inset 0 0 0 1.5px var(--accent);font-size: 14.5px;} .v-svobodnyy-x-kl-vozmozhnosti .sr .q svg{width: 16px;height: 16px;flex: none;color: var(--muted);} .v-svobodnyy-x-kl-vozmozhnosti .sr .q span::after{content: "";display: inline-block;width: 1.5px;height: 16px;margin-left: 1px;vertical-align: -3px;background: var(--accent);animation: v-svobodnyy-x-kl-vozmozhnosti__bl 1s steps(1) infinite;animation-play-state: var(--m-deco, running);} .v-svobodnyy-x-kl-vozmozhnosti .sr ul{list-style: none;margin: 8px 0 0;padding: 4px;border-radius: 11px;background: #fff;box-shadow: 0 10px 24px -16px rgba(10, 15, 44, .35);} .v-svobodnyy-x-kl-vozmozhnosti .sr li{padding: 7px 10px;font-size: 13.5px;border-radius: 7px;opacity: 0;transform: translateY(4px);transition: opacity .35s, transform .45s cubic-bezier(.22, 1, .36, 1);} .v-svobodnyy-x-kl-vozmozhnosti .sr li.on{opacity: 1;transform: none;} .v-svobodnyy-x-kl-vozmozhnosti .sr li mark{background: #FFF1C9;color: inherit;border-radius: 3px;padding: 0 2px;} .v-svobodnyy-x-kl-vozmozhnosti .sr li small{display: block;font-size: 11.5px;color: var(--muted);} .v-svobodnyy-x-kl-vozmozhnosti .dm{width: 100%;max-width: 320px;} .v-svobodnyy-x-kl-vozmozhnosti .dm .url{display: flex;align-items: center;gap: 8px;height: 40px;padding: 0 13px;border-radius: 10px;background: #fff;box-shadow: inset 0 0 0 1px var(--rule);font: 400 14px/1 var(--f-mono);} .v-svobodnyy-x-kl-vozmozhnosti .dm .url svg{width: 15px;height: 15px;flex: none;color: var(--muted);transition: color .3s;} .v-svobodnyy-x-kl-vozmozhnosti .dm .url.ok svg{color: var(--kl-ok, #13A87D);} .v-svobodnyy-x-kl-vozmozhnosti .dm ul{list-style: none;margin: 10px 0 0;padding: 0;display: grid;gap: 7px;font-size: 13.5px;} .v-svobodnyy-x-kl-vozmozhnosti .dm li{display: flex;align-items: center;gap: 9px;color: var(--muted);transition: color .3s;} .v-svobodnyy-x-kl-vozmozhnosti .dm li i{flex: none;width: 18px;height: 18px;border-radius: 50%;box-shadow: inset 0 0 0 1.5px var(--kl-line-2, #D3D8E6);display: grid;place-items: center;font-style: normal;font-size: 11px;color: transparent;transition: background .3s, box-shadow .3s, color .3s;} .v-svobodnyy-x-kl-vozmozhnosti .dm li.run{color: var(--ink);} .v-svobodnyy-x-kl-vozmozhnosti .dm li.run i{box-shadow: inset 0 0 0 2px var(--accent);animation: v-svobodnyy-x-kl-vozmozhnosti__spin .8s linear infinite;background: conic-gradient(var(--accent) 0 25%, transparent 25%);-webkit-mask: radial-gradient(circle 6px, transparent 98%, #000);mask: radial-gradient(circle 6px, transparent 98%, #000);} .v-svobodnyy-x-kl-vozmozhnosti .dm li.ok{color: var(--ink);} .v-svobodnyy-x-kl-vozmozhnosti .dm li.ok i{background: var(--kl-ok, #13A87D);box-shadow: none;color: #fff;} @keyframes v-svobodnyy-x-kl-vozmozhnosti__spin{to{transform: rotate(1turn);}} .v-svobodnyy-x-kl-vozmozhnosti .ya{width: 100%;max-width: 340px;} .v-svobodnyy-x-kl-vozmozhnosti .ya .sn{padding: 12px 14px;border-radius: 11px;background: #fff;box-shadow: 0 10px 24px -16px rgba(10, 15, 44, .35);} .v-svobodnyy-x-kl-vozmozhnosti .ya .sn small{display: flex;align-items: center;gap: 6px;font-size: 12px;color: #3B7B33;} .v-svobodnyy-x-kl-vozmozhnosti .ya .sn small i{width: 14px;height: 14px;border-radius: 4px;background: #2F4A3A;} .v-svobodnyy-x-kl-vozmozhnosti .ya .sn b{display: block;margin-top: 4px;font-size: 15px;font-weight: 500;color: #1D3AD6;line-height: 1.3;} .v-svobodnyy-x-kl-vozmozhnosti .ya .sn p{margin: 4px 0 0;font-size: 12.5px;color: var(--ink-2);line-height: 1.45;} .v-svobodnyy-x-kl-vozmozhnosti .ya .mt{display: flex;align-items: flex-end;gap: 12px;margin-top: 10px;padding: 10px 12px;border-radius: 11px;background: #fff;box-shadow: inset 0 0 0 1px var(--rule);} .v-svobodnyy-x-kl-vozmozhnosti .ya .mt div{font-size: 11.5px;color: var(--muted);line-height: 1.3;max-width: 90px;} .v-svobodnyy-x-kl-vozmozhnosti .ya .mt div b{display: block;font: 600 18px/1.1 var(--f-display);color: var(--ink);} .v-svobodnyy-x-kl-vozmozhnosti .ya .mt svg{flex: 1;height: 36px;} .v-svobodnyy-x-kl-vozmozhnosti .ya .mt path.l{fill: none;stroke: var(--accent);stroke-width: 2;stroke-linecap: round;stroke-dasharray: 300;stroke-dashoffset: 0;transition: stroke-dashoffset 2s cubic-bezier(.22, 1, .36, 1) .3s;} .v-svobodnyy-x-kl-vozmozhnosti .ya .mt path.a{opacity: 1;transition: opacity 1s .9s;} .v-svobodnyy-x-kl-vozmozhnosti .ya .mt path.a:not([fill]){fill: rgba(67, 83, 255, .1);} @media (prefers-reduced-motion: no-preference){html.m-js:not([data-anim="off"]):not([data-anim="calm"]) .v-svobodnyy-x-kl-vozmozhnosti .fx[data-m]:not(.is-in) .ya .mt path.l{stroke-dashoffset: 300;} html.m-js:not([data-anim="off"]):not([data-anim="calm"]) .v-svobodnyy-x-kl-vozmozhnosti .fx[data-m]:not(.is-in) .ya .mt path.a{opacity: 0;}} .v-svobodnyy-x-kl-vozmozhnosti .an{width: 100%;max-width: 320px;display: grid;gap: 14px;} .v-svobodnyy-x-kl-vozmozhnosti .an .sg{display: grid;grid-template-columns: repeat(3, 1fr);padding: 3px;border-radius: 10px;background: #fff;box-shadow: inset 0 0 0 1px var(--rule);} .v-svobodnyy-x-kl-vozmozhnosti .an .sg span{text-align: center;padding: 7px 0;border-radius: 7px;font-size: 12.5px;line-height: 1.3;color: var(--ink-2);transition: background .3s, color .3s;} .v-svobodnyy-x-kl-vozmozhnosti .an .sg span.on{background: var(--ink);color: #fff;} .v-svobodnyy-x-kl-vozmozhnosti .an .bx{display: grid;grid-template-columns: repeat(3, 1fr);gap: 8px;} .v-svobodnyy-x-kl-vozmozhnosti .an .bx i{height: 64px;border-radius: 10px;background: #fff;box-shadow: 0 8px 18px -14px rgba(10, 15, 44, .4);display: block;} .v-svobodnyy-x-kl-vozmozhnosti .an .bx i::before{content: "";display: block;margin: 12px;height: 8px;width: 55%;border-radius: 8px;background: var(--kl-mist-2, #ECEFF7);} @media (prefers-reduced-motion: no-preference){html:not([data-anim="off"]):not([data-anim="calm"]) .v-svobodnyy-x-kl-vozmozhnosti .an.l1 .bx i{animation: v-svobodnyy-x-kl-vozmozhnosti__a1 1.6s cubic-bezier(.22, 1, .36, 1) infinite;animation-delay: calc(var(--k) * .15s);} html:not([data-anim="off"]):not([data-anim="calm"]) .v-svobodnyy-x-kl-vozmozhnosti .an.l2 .bx i{animation: v-svobodnyy-x-kl-vozmozhnosti__a2 1.6s cubic-bezier(.22, 1, .36, 1) infinite;animation-delay: calc(var(--k) * .15s);}} @keyframes v-svobodnyy-x-kl-vozmozhnosti__a1{0%{opacity: 0;}35%, 100%{opacity: 1;}} @keyframes v-svobodnyy-x-kl-vozmozhnosti__a2{0%{opacity: 0;transform: translateY(16px) scale(.94);}40%, 100%{opacity: 1;transform: none;}} .v-svobodnyy-x-kl-vozmozhnosti .hs{width: 100%;max-width: 330px;} .v-svobodnyy-x-kl-vozmozhnosti .hs ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 6px;} .v-svobodnyy-x-kl-vozmozhnosti .hs li{display: flex;align-items: center;gap: 10px;padding: 8px 11px;border-radius: 9px;background: #fff;font-size: 13px;box-shadow: inset 0 0 0 1px var(--rule);transition: opacity .4s, background .3s;} .v-svobodnyy-x-kl-vozmozhnosti .hs li time{margin-left: auto;font: 400 11.5px/1 var(--f-mono);color: var(--muted);} .v-svobodnyy-x-kl-vozmozhnosti .hs li i{width: 7px;height: 7px;border-radius: 50%;background: var(--accent);flex: none;} .v-svobodnyy-x-kl-vozmozhnosti .hs li.un{opacity: .45;text-decoration: line-through;} .v-svobodnyy-x-kl-vozmozhnosti .hs li.un i{background: var(--muted);} .v-svobodnyy-x-kl-vozmozhnosti .hs .row{display: flex;justify-content: flex-end;margin-top: 10px;} .v-svobodnyy-x-kl-vozmozhnosti .hs .row span{display: inline-flex;align-items: center;gap: 6px;padding: 7px 12px;border-radius: 9px;background: var(--ink);color: #fff;font-size: 12.5px;font-weight: 500;transition: transform .15s;} .v-svobodnyy-x-kl-vozmozhnosti .hs .row span.prs{transform: scale(.94);} @media (max-width: 1100px){.v-svobodnyy-x-kl-vozmozhnosti .bento{grid-template-columns: 1fr 1fr;}} @media (max-width: 640px){.v-svobodnyy-x-kl-vozmozhnosti .bento{grid-template-columns: 1fr;} .v-svobodnyy-x-kl-vozmozhnosti .fx.w2{grid-column: auto;} .v-svobodnyy-x-kl-vozmozhnosti .e-wrap{grid-template-columns: 1fr;} .v-svobodnyy-x-kl-vozmozhnosti .e-side{display: none;} .v-svobodnyy-x-kl-vozmozhnosti .vis{height: 230px;}} .v-svobodnyy-x-kl-skorost{background: var(--kl-navy, #080C24);color: #fff;overflow: hidden;} .v-svobodnyy-x-kl-skorost .b-eyebrow{color: #8F98FF;} .v-svobodnyy-x-kl-skorost .kl-lede{color: #A9AFD3;} .v-svobodnyy-x-kl-skorost .spd-g{display: grid;grid-template-columns: .9fr 1.1fr;gap: clamp(30px, 5vw, 80px);align-items: center;} .v-svobodnyy-x-kl-skorost .stats{display: grid;grid-template-columns: repeat(3, 1fr);margin-top: 36px;border-top: 1px solid rgba(255, 255, 255, .12);} .v-svobodnyy-x-kl-skorost .stats > div{padding: 22px 18px 0 0;} .v-svobodnyy-x-kl-skorost .stats b{display: block;font: 500 clamp(30px, 3vw, 44px)/1 var(--f-display);letter-spacing: -.04em;font-variant-numeric: tabular-nums;white-space: nowrap;} .v-svobodnyy-x-kl-skorost .stats > div > span{display: block;margin-top: 8px;font-size: 13.5px;color: #9CA2C8;line-height: 1.4;} .v-svobodnyy-x-kl-skorost .chart{padding: 28px;border-radius: 22px;background: var(--kl-navy-2, #10153A);box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);} .v-svobodnyy-x-kl-skorost .chart .hd{display: flex;justify-content: space-between;gap: 20px;font-size: 13.5px;line-height: 1.4;color: #9CA2C8;} .v-svobodnyy-x-kl-skorost .chart .hd p{margin: 0;} .v-svobodnyy-x-kl-skorost .chart .hd b{color: #fff;font-weight: 600;white-space: nowrap;} .v-svobodnyy-x-kl-skorost .grp{margin-top: 26px;} .v-svobodnyy-x-kl-skorost .grp > span{font-size: 13px;color: #9CA2C8;letter-spacing: .06em;text-transform: uppercase;} .v-svobodnyy-x-kl-skorost .br{display: grid;grid-template-columns: 110px 1fr 86px;gap: 14px;align-items: center;margin-top: 12px;font-size: 14px;line-height: 1.3;} .v-svobodnyy-x-kl-skorost .br em{font-style: normal;color: #C9CDEA;} .v-svobodnyy-x-kl-skorost .metka{display: block;margin-bottom: 4px;padding: 1px 8px;border-radius: 99px;background: rgba(255, 255, 255, .1);color: #fff;font-size: 11px;} .v-svobodnyy-x-kl-skorost .br .tr{height: 14px;border-radius: 7px;background: rgba(255, 255, 255, .06);overflow: hidden;} .v-svobodnyy-x-kl-skorost .br .tr i{display: block;height: 100%;width: var(--w);border-radius: 7px;background: #5A6180;transition: width 1.6s cubic-bezier(.22, 1, .36, 1);} .v-svobodnyy-x-kl-skorost .br.wp .tr i{background: linear-gradient(90deg, #6E7BFF, #9AA4FF);} @media (prefers-reduced-motion: no-preference){html.m-js:not([data-anim="off"]):not([data-anim="calm"]) .v-svobodnyy-x-kl-skorost .chart[data-m]:not(.is-in) .tr i{width: 0;}} .v-svobodnyy-x-kl-skorost .br b{text-align: right;white-space: nowrap;font: 500 15px/1 var(--f-display);font-variant-numeric: tabular-nums;} .v-svobodnyy-x-kl-skorost .nt2{margin: 24px 0 0;padding-top: 16px;border-top: 1px solid rgba(255, 255, 255, .08);font-size: 12.5px;color: #8087B0;line-height: 1.5;} @media (max-width: 980px){.v-svobodnyy-x-kl-skorost .spd-g{grid-template-columns: 1fr;}} @media (max-width: 640px){.v-svobodnyy-x-kl-skorost .stats b{font-size: 26px;} .v-svobodnyy-x-kl-skorost .br{grid-template-columns: 80px 1fr 74px;gap: 10px;font-size: 13px;} .v-svobodnyy-x-kl-skorost .chart{padding: 20px;}} .v-svobodnyy-x-kl-claude .cl{display: grid;grid-template-columns: 1.05fr .95fr;gap: clamp(30px, 5vw, 80px);align-items: center;} .v-svobodnyy-x-kl-claude .chat{border-radius: var(--r-panel);background: #fff;box-shadow: 0 0 0 1px rgba(10, 15, 44, .08), 0 34px 70px -40px rgba(10, 15, 44, .5);overflow: hidden;line-height: 1.4;} .v-svobodnyy-x-kl-claude .chat .top{display: flex;align-items: center;gap: 10px;padding: 14px 18px;border-bottom: 1px solid var(--rule);font-size: 14px;font-weight: 600;} .v-svobodnyy-x-kl-claude .chat .top i{width: 26px;height: 26px;border-radius: 8px;background: #D97757;display: grid;place-items: center;color: #fff;font-style: normal;font-size: 14px;} .v-svobodnyy-x-kl-claude .chat .top small{margin-left: auto;display: flex;align-items: center;gap: 6px;font-weight: 500;color: var(--kl-ok, #13A87D);font-size: 12.5px;} .v-svobodnyy-x-kl-claude .chat .top small::before{content: "";width: 7px;height: 7px;border-radius: 50%;background: var(--kl-ok, #13A87D);} .v-svobodnyy-x-kl-claude .chat .bd{padding: 18px;display: grid;gap: 10px;min-height: 400px;align-content: start;background: var(--sunken);} .v-svobodnyy-x-kl-claude .chat .m{max-width: 86%;justify-self: end;padding: 12px 15px;border-radius: 14px 14px 4px 14px;background: var(--ink);color: #fff;font-size: 14.5px;line-height: 1.5;} .v-svobodnyy-x-kl-claude .chat .tl{display: flex;align-items: center;gap: 10px;padding: 9px 12px;border-radius: 10px;background: #fff;box-shadow: inset 0 0 0 1px var(--rule);font-size: 13.5px;color: var(--ink-2);} .v-svobodnyy-x-kl-claude .chat .tl .code{font: 500 12px/1 var(--f-mono);padding: 4px 7px;border-radius: 6px;background: var(--kl-soft, #EEF0FF);color: var(--accent);} .v-svobodnyy-x-kl-claude .chat .tl .s{margin-left: auto;width: 18px;height: 18px;border-radius: 50%;box-shadow: inset 0 0 0 1.5px var(--kl-line-2, #D3D8E6);display: grid;place-items: center;font-size: 11px;color: transparent;flex: none;} .v-svobodnyy-x-kl-claude .chat .tl.ok .s{background: var(--kl-ok, #13A87D);color: #fff;box-shadow: none;} .v-svobodnyy-x-kl-claude .chat .x{opacity: 0;transform: translateY(8px);transition: opacity .45s, transform .55s cubic-bezier(.22, 1, .36, 1);} .v-svobodnyy-x-kl-claude .chat .x.on{opacity: 1;transform: none;} .v-svobodnyy-x-kl-claude .chat .res{display: flex;gap: 12px;align-items: center;padding: 12px;border-radius: 12px;background: #fff;box-shadow: 0 10px 24px -16px rgba(10, 15, 44, .4);} .v-svobodnyy-x-kl-claude .chat .res .tn{position: relative;width: 84px;height: 54px;border-radius: 8px;overflow: hidden;flex: none;background: linear-gradient(135deg, #C9B79C, #6E5A42);} .v-svobodnyy-x-kl-claude .chat .res .tn img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;} .v-svobodnyy-x-kl-claude .chat .res .tn::after{content: "";position: absolute;inset: 0;background: linear-gradient(90deg, rgba(14, 18, 13, .7), rgba(14, 18, 13, .1));} .v-svobodnyy-x-kl-claude .chat .res b{display: block;font-size: 14px;} .v-svobodnyy-x-kl-claude .chat .res .code{font: 500 12.5px/1 var(--f-mono);color: var(--accent);} .v-svobodnyy-x-kl-claude .chat .ft{display: flex;justify-content: space-between;align-items: center;padding: 12px 18px;border-top: 1px solid var(--rule);font-size: 13px;color: var(--muted);} .v-svobodnyy-x-kl-claude .chat .ft .eshche{display: none;} .v-svobodnyy-x-kl-claude[data-x-gotov] .chat .ft .eshche{display: inline;} .v-svobodnyy-x-kl-claude .chat .ft button{padding: 0;border: 0;background: none;font: inherit;font-weight: 600;color: var(--accent);cursor: pointer;} .v-svobodnyy-x-kl-claude .chk{list-style: none;margin: 26px 0 0;padding: 0;display: grid;gap: 14px;} .v-svobodnyy-x-kl-claude .chk li{display: flex;gap: 12px;font-size: 16px;color: var(--ink-2);line-height: 1.5;} .v-svobodnyy-x-kl-claude .chk li b{color: var(--ink);font-weight: 600;} .v-svobodnyy-x-kl-claude .chk svg{flex: none;width: 22px;height: 22px;padding: 4px;border-radius: 50%;background: var(--kl-soft, #EEF0FF);color: var(--accent);margin-top: 1px;} @media (max-width: 980px){.v-svobodnyy-x-kl-claude .cl{grid-template-columns: 1fr;}} .v-svobodnyy-x-kl-studii{padding-top: 0;} .v-svobodnyy-x-kl-studii .stu{display: grid;grid-template-columns: 1fr 1fr;gap: clamp(30px, 5vw, 70px);align-items: center;} .v-svobodnyy-x-kl-studii .iso-w{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;align-items: center;margin-top: 34px;} .v-svobodnyy-x-kl-studii .iso{position: relative;height: 300px;} .v-svobodnyy-x-kl-studii .pl{position: absolute;left: 50%;top: 58%;width: 170px;height: 170px;margin: -85px 0 0 -85px;border-radius: 22px;transform: rotateX(58deg) rotateZ(-42deg) translateZ(calc(var(--n) * 44px));background: linear-gradient(135deg, #fff, #E3E7F3);box-shadow: inset 0 0 0 1px #C6CCDF, 0 16px 26px -16px rgba(10, 15, 44, .35);transition: transform .7s cubic-bezier(.22, 1, .36, 1), background .5s, box-shadow .5s;} .v-svobodnyy-x-kl-studii .pl span{position: absolute;left: 16px;right: 0;bottom: 14px;font: 600 13px/1 var(--f-display);color: var(--muted);transition: color .4s;} .v-svobodnyy-x-kl-studii .pl.on{transform: rotateX(58deg) rotateZ(-42deg) translateZ(calc(var(--n) * 44px + 22px));background: linear-gradient(135deg, #6573FF, var(--accent));box-shadow: 0 0 0 1px rgba(255, 255, 255, .3), 0 30px 40px -20px rgba(47, 60, 230, .6);} .v-svobodnyy-x-kl-studii .pl.on span{color: #fff;} .v-svobodnyy-x-kl-studii .lv{list-style: none;margin: 0;padding: 0;display: grid;gap: 4px;} .v-svobodnyy-x-kl-studii .lv li{padding: 12px 14px;border-radius: 12px;transition: background .4s;} .v-svobodnyy-x-kl-studii .lv li b{display: flex;align-items: center;gap: 10px;font: 500 16px/1.2 var(--f-display);letter-spacing: -.02em;color: var(--muted);transition: color .4s;} .v-svobodnyy-x-kl-studii .lv li b > span:first-child{font: 500 12px/1 var(--f-mono);color: var(--accent);} .v-svobodnyy-x-kl-studii .lv li p{margin: 4px 0 0 30px;font-size: 13.5px;color: var(--muted);line-height: 1.45;} .v-svobodnyy-x-kl-studii .lv li.on{background: var(--sunken);} .v-svobodnyy-x-kl-studii .lv li.on b{color: var(--ink);} .v-svobodnyy-x-kl-studii .cards3{display: grid;gap: 12px;} .v-svobodnyy-x-kl-studii .pc{display: grid;grid-template-columns: auto 1fr;gap: 4px 20px;align-items: center;padding: 22px 24px;border-radius: 18px;background: var(--card-bg);box-shadow: inset 0 0 0 1px var(--rule);} .v-svobodnyy-x-kl-studii .pc .big{grid-row: span 2;font: 500 44px/1 var(--f-display);letter-spacing: -.05em;color: var(--accent);min-width: 110px;white-space: nowrap;} .v-svobodnyy-x-kl-studii .pc b{font: 500 17px/1.25 var(--f-display);letter-spacing: -.02em;} .v-svobodnyy-x-kl-studii .pc p{margin: 0;font-size: 14.5px;color: var(--ink-2);line-height: 1.5;} .v-svobodnyy-x-kl-studii .pc.hl{background: var(--kl-navy, #080C24);color: #fff;box-shadow: none;} .v-svobodnyy-x-kl-studii .pc.hl .big{color: #9AA4FF;} .v-svobodnyy-x-kl-studii .pc.hl p{color: #A9AFD3;} @media (max-width: 980px){.v-svobodnyy-x-kl-studii .stu{grid-template-columns: 1fr;}} @media (max-width: 640px){.v-svobodnyy-x-kl-studii .iso-w{grid-template-columns: 1fr;} .v-svobodnyy-x-kl-studii .iso{height: 250px;} .v-svobodnyy-x-kl-studii .pc{grid-template-columns: 1fr;} .v-svobodnyy-x-kl-studii .pc .big{grid-row: auto;}} .v-raboty-x-kl-raboty{padding-top: 0;} .v-raboty-x-kl-raboty .cases{display: grid;grid-template-columns: repeat(3, 1fr);gap: 18px;} .v-raboty-x-kl-raboty .case{border-radius: var(--r-panel);background: var(--card-bg);box-shadow: inset 0 0 0 1px var(--rule);overflow: hidden;transition: box-shadow .4s, transform .6s cubic-bezier(.22, 1, .36, 1);} .v-raboty-x-kl-raboty .case:hover{box-shadow: inset 0 0 0 1px var(--kl-line-2, #D3D8E6), 0 30px 60px -36px rgba(10, 15, 44, .45);transform: translateY(-4px);} .v-raboty-x-kl-raboty .fr{margin: 12px 12px 0;border-radius: 12px;overflow: hidden;box-shadow: 0 0 0 1px var(--rule);} .v-raboty-x-kl-raboty .fr .bar{display: flex;gap: 5px;padding: 8px 10px;background: #F7F8FB;border-bottom: 1px solid var(--rule);} .v-raboty-x-kl-raboty .fr .bar i{width: 7px;height: 7px;border-radius: 50%;background: #D9DCE6;} .v-raboty-x-kl-raboty .fr .im{aspect-ratio: 16 / 10;overflow: hidden;background: var(--sunken);} .v-raboty-x-kl-raboty .fr img{width: 100%;height: 100%;object-fit: cover;object-position: top;transition: transform 1.4s cubic-bezier(.22, 1, .36, 1);} .v-raboty-x-kl-raboty .case:hover img{transform: scale(1.04);} .v-raboty-x-kl-raboty .tx{padding: 18px 20px 22px;} .v-raboty-x-kl-raboty small{font-size: 12.5px;line-height: 1.3;color: var(--accent);font-weight: 600;letter-spacing: .06em;text-transform: uppercase;} .v-raboty-x-kl-raboty h3{margin-top: 8px;font-size: 19px;font-weight: 500;letter-spacing: -.025em;line-height: 1.25;} .v-raboty-x-kl-raboty dl{position: relative;display: grid;grid-template-columns: repeat(3, 1fr);margin: 16px 0 0;padding-top: 14px;border-top: 1px solid var(--rule);} .v-raboty-x-kl-raboty dt{font: 500 19px/1 var(--f-display);letter-spacing: -.03em;font-variant-numeric: tabular-nums;white-space: nowrap;} .v-raboty-x-kl-raboty dd{margin: 5px 0 0;font-size: 12px;color: var(--muted);} .v-raboty-x-kl-raboty dd .sep{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap;} .v-raboty-x-kl-raboty .act{margin-top: 28px;} @media (max-width: 980px){.v-raboty-x-kl-raboty .cases{grid-template-columns: 1fr;}} .v-ceny-x-kl-tarify{padding-top: 0;} .v-ceny-x-kl-tarify .plans{display: grid;grid-template-columns: repeat(4, 1fr);gap: 14px;} .v-ceny-x-kl-tarify .plan{position: relative;display: flex;flex-direction: column;padding: 26px 24px;border-radius: var(--r-panel);background: var(--card-bg);box-shadow: inset 0 0 0 1px var(--rule);} .v-ceny-x-kl-tarify .plan.hot{box-shadow: inset 0 0 0 2px var(--accent), 0 30px 60px -40px rgba(47, 60, 230, .6);} .v-ceny-x-kl-tarify .badge{position: absolute;top: -11px;left: 24px;padding: 5px 11px;border-radius: 99px;background: var(--accent);color: #fff;font-size: 12px;line-height: 1.2;font-weight: 600;} .v-ceny-x-kl-tarify h3{font-size: 20px;font-weight: 500;letter-spacing: -.025em;line-height: 1.05;} .v-ceny-x-kl-tarify .sm{margin: 8px 0 0;font-size: 14px;color: var(--ink-2);line-height: 1.5;min-height: 63px;} .v-ceny-x-kl-tarify .plan .pr{display: flex;flex-wrap: wrap;align-items: baseline;gap: 6px;margin-top: 18px;} .v-ceny-x-kl-tarify .plan .pr b{font: 500 40px/1 var(--f-display);letter-spacing: -.05em;font-variant-numeric: tabular-nums;white-space: nowrap;} .v-ceny-x-kl-tarify .plan .pr span{font-size: 13.5px;color: var(--muted);} .v-ceny-x-kl-tarify .inc{margin: 20px 0 24px;padding: 18px 0 0;border-top: 1px solid var(--rule);font-size: 14px;color: var(--ink-2);line-height: 1.45;} .v-ceny-x-kl-tarify .inc ul,.v-ceny-x-kl-tarify .inc ol{list-style: none;margin: 0;padding: 0;display: grid;gap: 9px;} .v-ceny-x-kl-tarify .inc li{position: relative;padding-left: 24px;} .v-ceny-x-kl-tarify .inc li::before{content: "";position: absolute;left: 3px;top: 5px;width: 9px;height: 5px;border-left: 2px solid var(--accent);border-bottom: 2px solid var(--accent);transform: rotate(-45deg);} .v-ceny-x-kl-tarify .inc p + p{margin-top: 9px;} .v-ceny-x-kl-tarify .plan > a{margin-top: auto;height: 46px;width: 100%;} .v-ceny-x-kl-tarify .mast{display: flex;flex-wrap: wrap;align-items: center;gap: 16px 30px;margin-top: 14px;padding: 22px 26px;border-radius: var(--r-panel);background: var(--sunken);} .v-ceny-x-kl-tarify .mast b{font: 500 18px/1.2 var(--f-display);letter-spacing: -.02em;} .v-ceny-x-kl-tarify .mast p{margin: 4px 0 0;font-size: 14.5px;line-height: 1.5;color: var(--ink-2);} .v-ceny-x-kl-tarify .mast .pr{margin-left: auto;font: 500 26px/1 var(--f-display);letter-spacing: -.04em;white-space: nowrap;} .v-ceny-x-kl-tarify .mast .pr small{font: 400 13.5px/1 var(--f-sans);color: var(--muted);letter-spacing: 0;} .v-ceny-x-kl-tarify .note{margin-top: 18px;font-size: 13.5px;color: var(--muted);} .v-ceny-x-kl-tarify .act{margin-top: 24px;} @media (max-width: 1100px){.v-ceny-x-kl-tarify .plans{grid-template-columns: 1fr 1fr;}} @media (max-width: 640px){.v-ceny-x-kl-tarify .plans{grid-template-columns: 1fr;} .v-ceny-x-kl-tarify .mast .pr{margin-left: 0;}} .v-svobodnyy-x-kl-sravnenie{margin-top: calc(-1 * var(--pad-y));padding-top: 40px;} .v-svobodnyy-x-kl-sravnenie h2{margin-bottom: 24px;font-size: var(--s-3);} .v-svobodnyy-x-kl-sravnenie .cmp{overflow-x: auto;border-radius: 18px;box-shadow: inset 0 0 0 1px var(--rule);} .v-svobodnyy-x-kl-sravnenie .cmp table{display: table;width: 100%;min-width: 720px;max-width: none;margin: 0;border-collapse: collapse;font-size: 14.5px;line-height: 1.6;} .v-svobodnyy-x-kl-sravnenie .cmp th,.v-svobodnyy-x-kl-sravnenie .cmp td{padding: 14px 18px;text-align: center;vertical-align: middle;border: 0;border-bottom: 1px solid var(--rule);color: var(--ink);} .v-svobodnyy-x-kl-sravnenie .cmp tr:last-child td{border-bottom: 0;} .v-svobodnyy-x-kl-sravnenie .cmp th{font: 500 15px/1.2 var(--f-display);background: var(--sunken);} .v-svobodnyy-x-kl-sravnenie .cmp th:first-child,.v-svobodnyy-x-kl-sravnenie .cmp td:first-child{text-align: left;color: var(--ink-2);} .v-svobodnyy-x-kl-sravnenie .cmp td{font-variant-numeric: tabular-nums;} .v-svobodnyy-x-kl-sravnenie .cmp td:nth-child(4),.v-svobodnyy-x-kl-sravnenie .cmp th:nth-child(4){background-image: linear-gradient(rgba(67, 83, 255, .035), rgba(67, 83, 255, .035));} .v-svobodnyy-x-kl-sravnenie .cmp strong,.v-svobodnyy-x-kl-sravnenie .cmp b{color: var(--accent);font-weight: 400;} .v-svobodnyy-x-kl-sravnenie .cmp em,.v-svobodnyy-x-kl-sravnenie .cmp i{color: var(--kl-line-2, #D3D8E6);font-style: normal;} .v-svobodnyy-x-kl-sravnenie .cmp caption{padding: 14px 18px 0;text-align: left;color: var(--muted);} .v-svobodnyy-x-kl-sravnenie .note{margin-top: 14px;font-size: 13.5px;color: var(--muted);} .v-svobodnyy-x-kl-karta{padding-top: 0;} .v-svobodnyy-x-kl-karta .road-bar{position: relative;height: 6px;border-radius: 6px;background: var(--kl-mist-2, #ECEFF7);margin-bottom: 22px;overflow: hidden;} .v-svobodnyy-x-kl-karta .road-bar i{position: absolute;inset: 0 auto 0 0;width: var(--w);border-radius: 6px;background: linear-gradient(90deg, var(--kl-ok, #13A87D), var(--kl-warn, #E8962B));transition: width 2s cubic-bezier(.22, 1, .36, 1) .2s;} @media (prefers-reduced-motion: no-preference){html.m-js:not([data-anim="off"]):not([data-anim="calm"]) .v-svobodnyy-x-kl-karta .road-bar[data-m]:not(.is-in) i{width: 0;}} .v-svobodnyy-x-kl-karta .road{display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;} .v-svobodnyy-x-kl-karta .rc{padding: 26px;border-radius: var(--r-panel);background: var(--card-bg);box-shadow: inset 0 0 0 1px var(--rule);} .v-svobodnyy-x-kl-karta .rc .hd{display: flex;align-items: center;gap: 10px;font: 500 18px/1 var(--f-display);letter-spacing: -.02em;} .v-svobodnyy-x-kl-karta .rc .hd i{width: 12px;height: 12px;border-radius: 50%;flex: none;} .v-svobodnyy-x-kl-karta .rc.r1 .hd i{background: var(--kl-ok, #13A87D);} .v-svobodnyy-x-kl-karta .rc.r2 .hd i{background: var(--kl-warn, #E8962B);box-shadow: 0 0 0 0 rgba(232, 150, 43, .5);animation: v-svobodnyy-x-kl-karta__pu 2s infinite;animation-play-state: var(--m-deco, running);} .v-svobodnyy-x-kl-karta .rc.r3 .hd i{box-shadow: inset 0 0 0 2px var(--muted);} @keyframes v-svobodnyy-x-kl-karta__pu{70%{box-shadow: 0 0 0 9px rgba(232, 150, 43, 0);}100%{box-shadow: 0 0 0 0 rgba(232, 150, 43, 0);}} .v-svobodnyy-x-kl-karta .rc .hd small{margin-left: auto;font: 400 13px/1 var(--f-sans);letter-spacing: 0;color: var(--muted);} .v-svobodnyy-x-kl-karta .rc ul{list-style: none;margin: 18px 0 0;padding: 0;display: grid;gap: 2px;} .v-svobodnyy-x-kl-karta .rc li{display: flex;gap: 10px;padding: 9px 0;border-top: 1px solid var(--rule);font-size: 14.5px;line-height: 1.45;color: var(--ink-2);} .v-svobodnyy-x-kl-karta .rc li::before{content: "";flex: none;width: 6px;height: 6px;margin-top: 8px;border-radius: 50%;background: var(--kl-line-2, #D3D8E6);} .v-svobodnyy-x-kl-karta .rc.r1 li::before{background: var(--kl-ok, #13A87D);} .v-svobodnyy-x-kl-karta .rc.r2 li::before{background: var(--kl-warn, #E8962B);} .v-svobodnyy-x-kl-karta .rc li > span:last-child{flex: 1;} .v-svobodnyy-x-kl-karta .metka{flex: none;align-self: flex-start;margin-top: 2px;padding: 1px 8px;border-radius: 99px;background: #FFF4E5;color: #9A5B0B;font-size: 12px;line-height: 1.5;} @media (max-width: 980px){.v-svobodnyy-x-kl-karta .road{grid-template-columns: 1fr;}} .v-faq-x-kl-voprosy{padding-top: 0;} .v-faq-x-kl-voprosy .faq-g{display: grid;grid-template-columns: .8fr 1.2fr;gap: clamp(30px, 5vw, 80px);} .v-faq-x-kl-voprosy .act{margin-top: 26px;} .v-faq-x-kl-voprosy .fi{border-bottom: 1px solid var(--rule);interpolate-size: allow-keywords;} .v-faq-x-kl-voprosy .fi:first-child{border-top: 1px solid var(--rule);} .v-faq-x-kl-voprosy summary{display: flex;justify-content: space-between;align-items: center;gap: 20px;padding: 22px 0;cursor: pointer;list-style: none;font: 500 clamp(17px, 1.4vw, 20px)/1.3 var(--f-display);letter-spacing: -.02em;} .v-faq-x-kl-voprosy summary::-webkit-details-marker{display: none;} .v-faq-x-kl-voprosy summary .q{margin: 0;font: inherit;letter-spacing: inherit;} .v-faq-x-kl-voprosy .pm{flex: none;position: relative;width: 30px;height: 30px;border-radius: 50%;box-shadow: inset 0 0 0 1px var(--kl-line-2, #D3D8E6);transition: transform .5s cubic-bezier(.22, 1, .36, 1), background .3s, color .3s;} .v-faq-x-kl-voprosy .pm::before,.v-faq-x-kl-voprosy .pm::after{content: "";position: absolute;left: 50%;top: 50%;width: 11px;height: 1.6px;background: currentColor;transform: translate(-50%, -50%);} .v-faq-x-kl-voprosy .pm::after{transform: translate(-50%, -50%) rotate(90deg);} .v-faq-x-kl-voprosy .fi[open] .pm{transform: rotate(45deg);background: var(--ink);color: #fff;box-shadow: none;} .v-faq-x-kl-voprosy .a{padding: 0 50px 22px 0;color: var(--ink-2);line-height: 1.6;} .v-faq-x-kl-voprosy .a p + p,.v-faq-x-kl-voprosy .a ul,.v-faq-x-kl-voprosy .a ol{margin-top: .6em;} .v-faq-x-kl-voprosy .fi::details-content{block-size: 0;overflow: hidden;transition: block-size .5s cubic-bezier(.22, 1, .36, 1), content-visibility .5s allow-discrete;} .v-faq-x-kl-voprosy .fi[open]::details-content{block-size: auto;} @media (prefers-reduced-motion: reduce){.v-faq-x-kl-voprosy .fi::details-content{transition: none;}} html[data-anim="off"] .v-faq-x-kl-voprosy .fi::details-content{transition: none;} @media (max-width: 980px){.v-faq-x-kl-voprosy .faq-g{grid-template-columns: 1fr;}} @media (max-width: 640px){.v-faq-x-kl-voprosy .a{padding-right: 0;}} .v-svobodnyy-x-kl-final{overflow: hidden;background: var(--kl-navy, #080C24);color: #fff;text-align: center;padding-block: clamp(90px, 10vw, 140px);} .v-svobodnyy-x-kl-final .wv{position: absolute;inset: 0;width: 100%;height: 100%;pointer-events: none;} .v-svobodnyy-x-kl-final .in{position: relative;} .v-svobodnyy-x-kl-final .lg svg{display: block;height: 52px;width: auto;margin: 0 auto;filter: drop-shadow(0 20px 40px rgba(67, 83, 255, .6));} .v-svobodnyy-x-kl-final h2{margin: 30px auto 0;font-size: clamp(36px, 4.6vw, 64px);max-width: 16ch;letter-spacing: -.045em;} .v-svobodnyy-x-kl-final .kl-lede{margin: 18px auto 0;color: #A9AFD3;text-align: center;} .v-svobodnyy-x-kl-final .cta{display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;margin: 32px 0 0;} .v-svobodnyy-x-kl-final .kl-btn-l{background: transparent;color: #fff;box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25);} .v-svobodnyy-x-kl-final .kl-btn-l:hover{background: rgba(255, 255, 255, .08);box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .4);} .v-podval-x-kl-podval{padding: 0;background: var(--kl-navy, #080C24);color: #9CA2C8;font-size: 14.5px;border-top: 1px solid rgba(255, 255, 255, .08);} .v-podval-x-kl-podval .cols{display: grid;grid-template-columns: 1.4fr repeat(4, 1fr);gap: 30px;padding: 56px 0 40px;} .v-podval-x-kl-podval .lg{display: inline-block;} .v-podval-x-kl-podval .lg svg{display: block;height: 28px;width: auto;} .v-podval-x-kl-podval .o p{margin: 16px 0 0;max-width: 30ch;line-height: 1.55;font-size: 14px;} .v-podval-x-kl-podval h4{margin: 0 0 14px;font: 500 14px/1 var(--f-display);color: #fff;} .v-podval-x-kl-podval ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 9px;} .v-podval-x-kl-podval .k a,.v-podval-x-kl-podval .pr a{color: #9CA2C8;text-decoration: none;transition: color .2s;} .v-podval-x-kl-podval .k a:hover,.v-podval-x-kl-podval .pr a:hover{color: #fff;} .v-podval-x-kl-podval .bt{display: flex;flex-wrap: wrap;gap: 14px 30px;justify-content: space-between;align-items: center;padding: 20px 0 34px;border-top: 1px solid rgba(255, 255, 255, .08);font-size: 13.5px;} .v-podval-x-kl-podval .bt .copy{margin: 0;} .v-podval-x-kl-podval .bt .pr{display: flex;flex-wrap: wrap;gap: 8px 22px;} @media (max-width: 1100px){.v-podval-x-kl-podval .cols{grid-template-columns: 1fr 1fr 1fr;} .v-podval-x-kl-podval .cols > .o{grid-column: 1 / -1;}} @media (max-width: 640px){.v-podval-x-kl-podval .cols{grid-template-columns: 1fr 1fr;}} .v-pervyy-ekran-krupno { padding-block: clamp(3rem, 9cqi, 7rem) clamp(2.5rem, 7cqi, 5rem); } .v-pervyy-ekran-krupno .kicker { margin-bottom: clamp(1rem, 2.4cqi, 1.75rem); font-size: var(--s-0); font-weight: 600; line-height: 1.4; color: var(--ink-2); max-width: 36rem; text-wrap: balance; } .v-pervyy-ekran-krupno h1 { margin: 0; max-width: 18ch; font-family: var(--f-display); font-weight: var(--fw-head); letter-spacing: calc(var(--ls-h) * 1.4); font-size: clamp(2.5rem, .9rem + 7cqi, 7rem); line-height: .98; text-wrap: balance; overflow-wrap: anywhere; } .v-pervyy-ekran-krupno h1.is-long { max-width: 24ch; font-size: clamp(2rem, .9rem + 4.6cqi, 4.75rem); line-height: 1.02; } .v-pervyy-ekran-krupno .under { display: grid; gap: 1.5rem; margin-top: clamp(1.5rem, 4cqi, 3rem); } .v-pervyy-ekran-krupno .lead { font-size: clamp(var(--s-1), .9rem + .9cqi, var(--s-2)); line-height: 1.5; color: var(--ink-2); max-width: 36rem; text-wrap: pretty; } .v-pervyy-ekran-krupno .act { display: flex; flex-wrap: wrap; gap: .75rem; } .v-pervyy-ekran-krupno .act .b-btn { padding: 1.05rem 1.75rem; font-size: var(--s-0); } .v-pervyy-ekran-krupno .alt { display: inline-flex; align-items: center; padding: 1.05rem 1.6rem; border: 1.5px solid color-mix(in oklab, var(--ink) 22%, transparent); border-radius: var(--r-btn); color: var(--ink); font-weight: 700; font-size: var(--s-0); text-decoration: none; transition: border-color .2s ease, color .2s ease; } .v-pervyy-ekran-krupno .alt:hover { border-color: var(--accent); color: var(--accent); } @container b (max-width: 30rem) { .v-pervyy-ekran-krupno .act > * { flex: 1 1 100%; justify-content: center; text-align: center; } } @container b (min-width: 52rem) { .v-pervyy-ekran-krupno .under { grid-template-columns: minmax(0, 1fr) auto; align-items: end; column-gap: clamp(2rem, 6cqi, 5rem); } .v-pervyy-ekran-krupno .act { justify-content: flex-end; } .v-pervyy-ekran-krupno .under > .act:only-child { grid-column: 1 / -1; justify-content: flex-start; } } .v-pervyy-ekran-krupno .facts { margin: clamp(2.5rem, 7cqi, 5rem) 0 0; padding-top: clamp(1.1rem, 2.4cqi, 1.75rem); border-top: 2px solid var(--ink); display: grid; gap: 1.5rem var(--gap); grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); } .v-pervyy-ekran-krupno .fact { min-width: 0; } .v-pervyy-ekran-krupno .fact dt { font-family: var(--f-display); font-weight: var(--fw-head); letter-spacing: var(--ls-h); font-size: clamp(1.75rem, 1rem + 2cqi, 2.75rem); line-height: 1.05; color: var(--ink); font-variant-numeric: lining-nums; overflow-wrap: anywhere; } .v-pervyy-ekran-krupno .facts:has(.fact:nth-child(4)) dt { font-size: clamp(1.6rem, .9rem + 1.6cqi, 2.25rem); } .v-pervyy-ekran-krupno .fact dd { margin: .5rem 0 0; font-size: var(--s--1); line-height: 1.45; color: var(--ink-2); max-width: 22rem; text-wrap: pretty; } .site{--kl-navy: #080C24;--kl-navy-2: #10153A;--kl-navy-3: #1A2050;--kl-ok: #13A87D;--kl-warn: #E8962B;--kl-soft: #EEF0FF;--kl-mist-2: #ECEFF7;--kl-line-2: #D3D8E6;--kl-ink-3: #868BA4;--kl-ease: cubic-bezier(.22, 1, .36, 1);--m-ease: cubic-bezier(.22, 1, .36, 1);overflow-x: clip;} html[data-anim="lively"] .site{--m-dur: .9s;--m-step: 80ms;} .site .b{scroll-margin-top: 80px;} .site :where(.b) h2{line-height: 1.05;} .site :where(.b) :focus-visible{outline: 2px solid var(--accent);outline-offset: 3px;border-radius: 6px;} .site :where(.b) picture{display: contents;} .site :where(.b-eyebrow){display: inline-flex;align-items: center;gap: 8px;margin: 0;font: 600 12.5px/1 var(--f-sans);letter-spacing: .08em;text-transform: uppercase;color: var(--accent);} .site :where(.b-eyebrow)::before{content: "";width: 18px;height: 1.5px;background: currentColor;} .site :where(.b-eyebrow) + h2{margin-top: 16px;} .site :where(.kl-hd){display: grid;grid-template-columns: 1fr 1fr;gap: 20px 40px;align-items: end;margin-bottom: clamp(36px, 4.5vw, 56px);} .site p:where(.kl-lede){margin: 18px 0 0;max-width: 60ch;font-size: clamp(16.5px, 1.2vw, 18.5px);line-height: 1.6;color: var(--ink-2);} .site p:where(.kl-hd .kl-lede){margin: 0;} @media (max-width: 980px){.site :where(.kl-hd){grid-template-columns: 1fr;}} .site .b-btn{display: inline-flex;align-items: center;justify-content: center;gap: 10px;height: 52px;padding: 0 24px;border-radius: var(--r-btn);background: var(--accent);color: var(--on-accent);font: 600 15.5px/1 var(--f-sans);text-decoration: none;box-shadow: 0 1px 0 rgba(255, 255, 255, .25) inset, 0 10px 24px -10px rgba(67, 83, 255, .7);transition: background .3s, transform .4s var(--kl-ease), box-shadow .4s;} .site .b-btn:hover{background: var(--accent-2);transform: translateY(-1px);box-shadow: 0 1px 0 rgba(255, 255, 255, .25) inset, 0 16px 30px -12px rgba(67, 83, 255, .8);} .site .b-btn svg{width: 16px;height: 16px;transition: transform .4s var(--kl-ease);} .site .b-btn:hover svg{transform: translateX(3px);} .site a:where(.kl-btn-l){display: inline-flex;align-items: center;justify-content: center;height: 52px;padding: 0 22px;border-radius: var(--r-btn);background: #fff;color: var(--ink);font: 600 15.5px/1 var(--f-sans);text-decoration: none;box-shadow: inset 0 0 0 1px var(--kl-line-2);transition: box-shadow .3s, background .3s;} .site a:where(.kl-btn-l):hover{box-shadow: inset 0 0 0 1px var(--kl-ink-3);background: var(--sunken);} .site :where(.kl-ico){width: 20px;height: 20px;flex: none;fill: none;stroke: currentColor;stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round;}