/* ==========================================================================
   ARTΞMIDA UI V202 — второй слой поверх ui-v200.css
   Шрифты Manrope + Unbounded, настоящее «жидкое стекло», липкая шапка,
   меню ⋯ снизу справа, раскрывающаяся боковая панель, FAQ, главная.
   ========================================================================== */

@font-face{font-family:"Manrope UI";font-style:normal;font-display:swap;font-weight:200 800;src:url(/static/fonts/manrope-cyrillic-wght-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Manrope UI";font-style:normal;font-display:swap;font-weight:200 800;src:url(/static/fonts/manrope-greek-wght-normal.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:"Manrope UI";font-style:normal;font-display:swap;font-weight:200 800;src:url(/static/fonts/manrope-latin-wght-normal.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:"Unbounded UI";font-style:normal;font-display:swap;font-weight:200 900;src:url(/static/fonts/unbounded-cyrillic-wght-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Unbounded UI";font-style:normal;font-display:swap;font-weight:200 900;src:url(/static/fonts/unbounded-latin-wght-normal.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}

:root{
  --ui-font:"Manrope UI",-apple-system,BlinkMacSystemFont,"Segoe UI Variable Text","Segoe UI",Roboto,Arial,sans-serif;
  --ui-font-display:"Unbounded UI","Manrope UI",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;

  /* Жидкое стекло: прозрачная заливка с бликом + световой кант по краю */
  --lg-fill:linear-gradient(135deg,rgb(255 255 255/.12) 0%,rgb(255 255 255/.045) 34%,rgb(255 255 255/.02) 62%,rgb(255 255 255/.075) 100%);
  --lg-tint:rgb(18 16 22/.30);
  --lg-edge:rgb(255 255 255/.12);
  --lg-shadow:inset 0 1px .5px rgb(255 255 255/.34),inset 0 -1px .5px rgb(255 255 255/.08),inset 1px 0 .5px rgb(255 255 255/.10),inset -1px 0 .5px rgb(255 255 255/.05),inset 0 0 22px rgb(255 255 255/.035),0 22px 50px -22px rgb(0 0 0/.7);
  --lg-blur:blur(16px) saturate(190%) brightness(1.06);
  --lg-blur-strong:blur(20px) saturate(200%) brightness(1.08);
  --lg-nested:linear-gradient(135deg,rgb(255 255 255/.06),rgb(255 255 255/.025));
}
html[data-theme="pearl"]{
  --lg-fill:linear-gradient(135deg,rgb(255 255 255/.86) 0%,rgb(255 255 255/.6) 45%,rgb(255 255 255/.72) 100%);
  --lg-tint:rgb(255 255 255/.18);
  --lg-edge:rgb(255 255 255/.9);
  --lg-shadow:inset 0 1px .5px rgb(255 255 255/1),inset 0 -1px .5px rgb(255 255 255/.6),0 0 0 1px rgb(60 20 45/.06),0 18px 44px -20px rgb(80 20 55/.28);
  --lg-nested:linear-gradient(135deg,rgb(255 255 255/.7),rgb(255 255 255/.45));
}

/* ---------- Шрифты ---------- */
html:not(#ui) body{font-weight:500;letter-spacing:0}
html:not(#ui) body :where(b,strong){font-weight:700}
html:not(#ui) body main :is(h1,h2),html:not(#ui) body .landing-main h1,html:not(#ui) body :is(.auth-panel-head,.modal-head) :is(h2,h3),html:not(#ui) body .handoff-card h1{
  font-family:var(--ui-font-display)!important;font-weight:600!important;letter-spacing:-.025em!important}
html:not(#ui) body main h1{font-size:clamp(1.85rem,1.2rem + 2.5vw,3.15rem)!important;line-height:1.08!important}
html:not(#ui) body main h2{font-size:clamp(1.3rem,1rem + 1.05vw,1.95rem)!important;line-height:1.15!important}
html:not(#ui) body main h3{font-family:var(--ui-font)!important;font-weight:750!important;letter-spacing:-.01em!important}
html:not(#ui) body :is(.overline,.eyebrow,.faq-kicker,.ov-badge,.legal-kicker,.section-kicker,.kicker){font-weight:750!important;letter-spacing:.09em!important}
html:not(#ui) body.landing-page .landing-hero h1 span{font-family:var(--ui-font-display)!important;font-weight:700!important;letter-spacing:-.035em!important}

/* Кнопки: главные — Unbounded, остальные — Manrope 700. Стрелки — ровные иконки. */
html:not(#ui) body :is(.btn,.landing-buy,.landing-telegram-bot,.own-vpn-register,.soft-action){font-family:var(--ui-font)!important;font-weight:700!important;font-size:15px!important;letter-spacing:-.005em!important}
html:not(#ui) body .btn.primary{font-weight:800!important}
html:not(#ui) body :is(.landing-buy,.ui-home .btn.primary,.hero-actions .btn.primary,.checkout-card .btn.primary){font-family:var(--ui-font-display)!important;font-weight:600!important;font-size:14px!important;letter-spacing:.01em!important}
html:not(#ui) body .ui-arrow{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;margin-right:-2px}
html:not(#ui) body .btn .ui-arrow{opacity:.9}

/* ---------- Липкая шапка ---------- */
html:not(#ui) body{overflow-x:clip!important}
html:not(#ui) body:not(.modal-open):not(.review-modal-open){overflow-y:visible!important}
html:not(#ui) body:is(.modal-open,.review-modal-open){overflow:hidden!important}
html:not(#ui) body :is(.landing-shell,.legal-shell,.app-content,.faq-public-shell,.review-page-shell,.all-reviews-shell,.own-vpn-shell){overflow:visible!important;contain:none!important}
html:not(#ui) body .site-top-hub{position:sticky!important;top:max(10px,env(safe-area-inset-top))!important;margin-top:10px!important;
  transition:background-color .35s ease,box-shadow .35s ease!important}
html:not(#ui) body .site-top-hub.ui-scrolled{--lg-tint:rgb(16 14 20/.55)}
html[data-theme="pearl"]:not(#ui) body .site-top-hub.ui-scrolled{--lg-tint:rgb(255 255 255/.55)}
@media (max-width:820px){
  html:not(#ui) body .site-top-hub{transition:transform .35s var(--ui-ease),background-color .35s ease!important}
  html:not(#ui) body .site-top-hub.ui-hidden{transform:translateY(calc(-100% - 16px))!important}
}

/* ---------- Жидкое стекло ---------- */
html:not(#ui) body :is(.glass-panel,.glass-card,.site-top-hub,.mobile-nav,.sidebar,.legal-hub.ui-fab > summary,.legal-hub.ui-fab > nav,.theme-popover,.landing-auth-panel,.modal,.purchase-auto-note,.ui-glass){
  background:var(--lg-fill),var(--lg-tint)!important;
  border:1px solid var(--lg-edge)!important;
  box-shadow:var(--lg-shadow)!important;
  -webkit-backdrop-filter:var(--lg-blur)!important;backdrop-filter:var(--lg-blur)!important}
html:not(#ui) body :is(.site-top-hub,.mobile-nav,.legal-hub.ui-fab > summary,.sidebar){-webkit-backdrop-filter:var(--lg-blur-strong)!important;backdrop-filter:var(--lg-blur-strong)!important}
/* Настоящее преломление по краям (Chrome/Edge): фильтр строит ui-v200.js под размер элемента */
html:not(#ui) body .ui-refract{-webkit-backdrop-filter:var(--lg-blur-strong) var(--ui-refract)!important;backdrop-filter:var(--lg-blur-strong) var(--ui-refract)!important}
/* Окна и меню чуть плотнее — чтобы текст читался */
html:not(#ui) body :is(.theme-popover,.landing-auth-panel,.modal,.legal-hub.ui-fab > nav,.purchase-auto-note){--lg-tint:rgb(16 14 20/.78)}
html[data-theme="pearl"]:not(#ui) body :is(.theme-popover,.landing-auth-panel,.modal,.legal-hub.ui-fab > nav,.purchase-auto-note){--lg-tint:rgb(255 255 255/.75)}
/* Вложенные блоки: лёгкая заливка без размытия (быстро) */
html:not(#ui) body :is(.glass-panel,.glass-card) :is(.glass-panel,.glass-card),html:not(#ui) body :is(.glass-panel,.glass-card) .glass-mini{
  background:var(--lg-nested)!important;border:1px solid var(--ui-stroke)!important;box-shadow:inset 0 1px 0 rgb(255 255 255/.06)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* Блик-«капля» в верхнем углу у шапки, панели и меню */
html:not(#ui) body :is(.site-top-hub,.mobile-nav,.sidebar){isolation:isolate}
html:not(#ui) body :is(.site-top-hub,.mobile-nav)::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;border-radius:inherit!important;pointer-events:none!important;z-index:-1!important;
  background:radial-gradient(120% 140% at 0% 0%,rgb(255 255 255/.10),transparent 42%),radial-gradient(80% 120% at 100% 100%,rgb(var(--ui-accent)/.08),transparent 55%)!important;opacity:1!important;transform:none!important;filter:none!important}
html[data-theme="pearl"]:not(#ui) body :is(.site-top-hub,.mobile-nav)::before{background:radial-gradient(120% 140% at 0% 0%,rgb(255 255 255/.7),transparent 45%)!important}

/* Цветное свечение позади стекла — чтобы стеклу было что преломлять */
html:not(#ui) body .background-glow{display:block!important;opacity:.16!important;filter:blur(90px)!important;width:clamp(380px,38vw,620px)!important;height:clamp(380px,38vw,620px)!important;
  animation:ui-drift-a 38s ease-in-out infinite alternate!important;will-change:transform}
html:not(#ui) body .background-glow.glow-b{animation-name:ui-drift-b!important;animation-duration:46s!important;opacity:.13!important}
html[data-theme="pearl"]:not(#ui) body .background-glow{opacity:.12!important}
@keyframes ui-drift-a{from{transform:translate3d(0,0,0)}to{transform:translate3d(18vw,22vh,0)}}
@keyframes ui-drift-b{from{transform:translate3d(0,0,0)}to{transform:translate3d(-16vw,-20vh,0)}}

/* ---------- Меню ⋯ — плавающая кнопка снизу справа ---------- */
html:not(#ui) body .legal-hub.ui-fab{position:fixed!important;z-index:176!important;left:auto!important;top:auto!important;
  right:max(18px,env(safe-area-inset-right))!important;bottom:calc(18px + env(safe-area-inset-bottom))!important;width:auto!important;height:auto!important;margin:0!important;display:block!important}
html:not(#ui) body .legal-hub.ui-fab > summary{list-style:none;cursor:pointer;width:56px!important;height:56px!important;min-width:0!important;padding:0!important;display:grid!important;place-items:center!important;
  border-radius:50%!important;color:var(--ui-text)!important;position:relative!important;inset:auto!important;
  transition:transform .25s var(--ui-spring),box-shadow .3s ease!important}
html:not(#ui) body .legal-hub.ui-fab > summary::-webkit-details-marker{display:none}
html:not(#ui) body .legal-hub.ui-fab > summary::before,html:not(#ui) body .legal-hub.ui-fab > summary::after{display:none!important}
html:not(#ui) body .legal-hub.ui-fab > summary .ui-dots{width:24px;height:24px;transition:transform .35s var(--ui-spring)}
html:not(#ui) body .legal-hub.ui-fab > summary .ui-dots circle{fill:currentColor}
html:not(#ui) body .legal-hub.ui-fab[open] > summary .ui-dots{transform:rotate(90deg)}
html:not(#ui) body .legal-hub.ui-fab > summary:active{transform:scale(.92)!important}
html:not(#ui) body .legal-hub.ui-fab > nav{position:absolute!important;top:auto!important;left:auto!important;right:0!important;bottom:calc(100% + 12px)!important;
  width:min(300px,calc(100vw - 24px))!important;max-height:none!important;padding:6px!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:2px!important;
  border-radius:22px!important;transform-origin:bottom right;animation:ui-fab-pop .34s var(--ui-spring) backwards!important;opacity:1;visibility:visible;transform:none}
@keyframes ui-fab-pop{from{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}
html:not(#ui) body .legal-hub.ui-fab > nav a{display:flex!important;align-items:center!important;gap:12px!important;padding:9px 10px!important;border-radius:15px!important;color:var(--ui-text)!important;background:transparent!important;border:0!important;box-shadow:none!important;transition:background-color var(--ui-fast) ease!important;animation:ui-enter .32s var(--ui-ease) backwards}
html:not(#ui) body .legal-hub.ui-fab > nav a:nth-child(2){animation-delay:.03s}html:not(#ui) body .legal-hub.ui-fab > nav a:nth-child(3){animation-delay:.06s}
html:not(#ui) body .legal-hub.ui-fab > nav a:nth-child(4){animation-delay:.09s}html:not(#ui) body .legal-hub.ui-fab > nav a:nth-child(n+5){animation-delay:.12s}
html:not(#ui) body .legal-hub.ui-fab > nav a:hover{background:var(--ui-fill-hover)!important}
html:not(#ui) body .legal-hub.ui-fab > nav a b{display:block;font-size:14px!important;font-weight:700!important;color:var(--ui-text)!important}
html:not(#ui) body .legal-hub.ui-fab > nav a small{display:block;font-size:12px!important;color:var(--ui-text-3)!important;line-height:1.35}
html:not(#ui) body .legal-hub.ui-fab .hub-link-icon{width:36px!important;height:36px!important;flex:0 0 36px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:rgb(var(--ui-accent)/.13)!important;color:rgb(var(--ui-accent))!important;border:0!important;box-shadow:none!important}
html:not(#ui) body .legal-hub.ui-fab .hub-link-icon :is(.ui-icon,.vicon){width:17px!important;height:17px!important}
html[data-theme="pearl"]:not(#ui) body .legal-hub.ui-fab .hub-link-icon{color:rgb(var(--ui-accent-2))!important}
@media (max-width:1024px){
  html:not(#ui) body:has(.mobile-nav) .legal-hub.ui-fab{right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important}
  html:not(#ui) body:has(.mobile-nav) .legal-hub.ui-fab > summary{width:62px!important;height:62px!important;border-radius:22px!important}
  html:not(#ui) body:has(.mobile-nav) .mobile-nav{right:80px!important;left:10px!important;margin:0!important;max-width:none!important}
}
@media (max-width:700px){
  html:not(#ui) body:not(:has(.mobile-nav)) .legal-hub.ui-fab{right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important}
  html:not(#ui) body:not(:has(.mobile-nav)) .legal-hub.ui-fab > summary{width:52px!important;height:52px!important}
  html:not(#ui) body .ui-site-footer{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}
}

/* ---------- Боковая панель кабинета: раскрывается при наведении ---------- */
@media (min-width:1025px){
  html:not(#ui) body .sidebar{width:64px!important;transition:width .34s var(--ui-ease),box-shadow .3s ease!important;overflow:hidden!important;z-index:150!important;align-items:stretch!important}
  html:not(#ui) body .sidebar:is(:hover,:focus-within){width:232px!important}
  html:not(#ui) body .sidebar :is(.side-link,.side-brand),html:not(#ui) body .sidebar:hover :is(.side-link,.side-brand),html:not(#ui) body .sidebar :is(.side-link,.side-brand):hover{
    width:100%!important;justify-content:flex-start!important;padding:0 0 0 11px!important;gap:13px!important;overflow:hidden}
  html:not(#ui) body .sidebar .side-link[aria-label]:hover::after{display:none!important;content:none!important}
  html:not(#ui) body .sidebar .side-copy{display:flex!important;flex-direction:column!important;justify-content:center;min-width:150px;opacity:0;white-space:nowrap;pointer-events:none;
    transition:opacity .18s ease!important;line-height:1.2}
  html:not(#ui) body .sidebar:is(:hover,:focus-within) .side-copy{opacity:1;transition:opacity .28s ease .08s!important}
  html:not(#ui) body .sidebar .side-copy b{font-size:14px!important;font-weight:700!important;color:var(--ui-text)!important;letter-spacing:-.005em}
  html:not(#ui) body .sidebar .side-copy small{font-size:12px!important;color:var(--ui-text-3)!important;font-weight:500!important}
  html:not(#ui) body .sidebar .side-link.active .side-copy b{color:rgb(var(--ui-accent))!important}
  html:not(#ui) body .sidebar .side-brand .brand-copy{flex-direction:row!important;align-items:baseline;gap:5px}
  html:not(#ui) body .sidebar .side-brand .brand-copy b{font-size:14px!important;letter-spacing:.04em}
  html:not(#ui) body .sidebar .side-brand .brand-copy small{color:rgb(var(--ui-accent))!important;font-weight:700!important;letter-spacing:.14em}
  html:not(#ui) body .sidebar .side-brand .brand-mark{flex:0 0 24px;width:24px!important;height:24px!important}
  html:not(#ui) body .sidebar .side-status{width:auto!important;justify-content:flex-start!important;padding-left:20px!important;gap:16px;display:flex!important;align-items:center}
  html:not(#ui) body .sidebar .side-status .side-copy{min-width:0;font-size:12px;color:var(--ui-text-3)}
}

/* ---------- Элементы, которые раньше позиционировались через transform ---------- */
html:not(#ui) body .password-visibility,html:not(#ui) body .password-visibility:hover,html:not(#ui) body .password-visibility:active{top:0!important;bottom:0!important;margin:auto 0!important;transform:none!important;translate:none!important}
html:not(#ui) body .password-visibility:active{opacity:.7}

/* ---------- FAQ ---------- */
html:not(#ui) body .faq-search-main input#faqInput,html:not(#ui) body .faq-search-main input#faqInput:focus{
  border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;height:100%!important;padding:0!important;border-radius:0!important;font-size:16px!important}
html:not(#ui) body .faq-search-main{height:56px!important;padding:0 10px 0 18px!important;border-radius:18px!important;gap:12px!important}
html:not(#ui) body .faq-search-icon{width:20px!important;height:20px!important;flex:0 0 20px;background:currentColor!important;-webkit-mask:url('/static/vendor/lucide-pack/search.svg') center/contain no-repeat!important;mask:url('/static/vendor/lucide-pack/search.svg') center/contain no-repeat!important;color:var(--ui-text-3)!important;border:0!important;box-shadow:none!important}
html:not(#ui) body .faq-search-icon::before,html:not(#ui) body .faq-search-icon::after{display:none!important}
html:not(#ui) body #faqClear{width:34px!important;height:34px!important;border-radius:50%!important;border:0!important;background:var(--ui-fill-3)!important;color:var(--ui-text-2)!important;font-size:18px!important;display:grid;place-items:center;box-shadow:none!important}
html:not(#ui) body #faqChips{display:flex!important;flex-direction:column!important;gap:4px!important}
html:not(#ui) body #faqChips button{display:flex!important;align-items:center!important;gap:12px!important;min-height:46px!important;padding:6px 12px 6px 7px!important;border-radius:14px!important;text-align:left;
  font-size:14px!important;font-weight:600!important;color:var(--ui-text-2)!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important}
html:not(#ui) body #faqChips button:hover{background:var(--ui-fill-hover)!important;color:var(--ui-text)!important}
html:not(#ui) body #faqChips button.active{background:rgb(var(--ui-accent)/.12)!important;border-color:rgb(var(--ui-accent)/.3)!important;color:var(--ui-text)!important}
html:not(#ui) body .faq-topic-icon{width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:10px!important;position:relative;display:block!important;background:var(--ui-fill-3)!important;border:0!important;box-shadow:none!important}
html:not(#ui) body .faq-topic-icon::before{content:""!important;position:absolute!important;inset:8px!important;background:currentColor!important;-webkit-mask:var(--topic-icon) center/contain no-repeat!important;mask:var(--topic-icon) center/contain no-repeat!important;color:rgb(var(--ui-accent));transform:none!important}
html:not(#ui) body #faqChips button.active .faq-topic-icon{background:rgb(var(--ui-accent)/.18)!important}
html:not(#ui) body .faq-topic-name{flex:1;min-width:0}
html:not(#ui) body .faq-topic-count{font-size:12px!important;font-weight:700!important;color:var(--ui-text-3)!important;min-width:26px;height:22px;display:grid;place-items:center;border-radius:999px;background:var(--ui-fill-2)}
@media (max-width:900px){
  html:not(#ui) body #faqChips{flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none;padding-bottom:4px;scroll-snap-type:x proximity}
  html:not(#ui) body #faqChips::-webkit-scrollbar{display:none}
  html:not(#ui) body #faqChips button{flex:0 0 auto!important;min-height:42px!important;scroll-snap-align:start}
}
html:not(#ui) body .faq-item .answer :is(ul,ol){padding-left:1.25em}
html:not(#ui) body .faq-item .answer li{margin:.2em 0}
html:not(#ui) body .faq-item .answer a{color:rgb(var(--ui-accent));text-decoration:underline;text-decoration-color:rgb(var(--ui-accent)/.4);text-underline-offset:3px}
html:not(#ui) body .faq-question .toggle{transition:transform .3s var(--ui-ease)!important}
html:not(#ui) body .faq-item.open .faq-question .toggle{transform:rotate(45deg)!important}

/* ---------- Попап оформления: 2 фона крупно ---------- */
html:not(#ui) body .ui-bg-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html:not(#ui) body .ui-bg-choice small{display:block;font-size:11.5px;color:var(--ui-text-3);padding:0 4px;margin-top:-4px}
html:not(#ui) body .ui-bg-preview{height:64px!important}

/* Фон живёт на <html>, а <body> прозрачный — иначе фон body перекрывал холст с лепестками */
html{background:radial-gradient(120% 80% at 15% 0%,rgb(var(--theme-rgb,255 159 188)/.10),transparent 60%),radial-gradient(90% 70% at 100% 100%,rgb(var(--theme-rgb-2,220 90 137)/.08),transparent 60%),var(--theme-base,#08090b)!important;background-attachment:fixed!important;min-height:100%}
html[data-theme="pearl"]{background:radial-gradient(120% 80% at 15% 0%,rgb(226 85 139/.10),transparent 60%),#f6f3f7!important}
html:not(#ui) body{background:transparent!important}
html:not(#ui) body .ui-bg-canvas{z-index:-1!important;opacity:1!important}

/* ==========================================================================
   Главная: секции с анимацией
   ========================================================================== */
html:not(#ui) body .ui-home{width:min(var(--ui-wrap),calc(100% - 32px));margin:0 auto;display:flex;flex-direction:column;gap:clamp(72px,10vw,140px);padding:clamp(56px,8vw,110px) 0 clamp(40px,6vw,80px)}
html:not(#ui) body .ui-home h2{font-family:var(--ui-font-display)!important;font-weight:600!important;font-size:clamp(1.55rem,1.05rem + 1.9vw,2.6rem)!important;line-height:1.12!important;letter-spacing:-.03em!important;margin:12px 0 14px;color:var(--ui-text)}
html:not(#ui) body .ui-home h2 em{font-style:normal;color:transparent;background:linear-gradient(100deg,rgb(var(--ui-accent)),color-mix(in srgb,rgb(var(--ui-accent)),rgb(var(--ui-accent-2)) 60%));-webkit-background-clip:text;background-clip:text}
html:not(#ui) body .ui-home p{color:var(--ui-text-2);font-size:clamp(15px,1.1vw,17px);line-height:1.6;margin:0}
html:not(#ui) body .ui-hsec-head{text-align:center;max-width:720px;margin:0 auto 36px}
html:not(#ui) body .ui-center{display:flex;justify-content:center;margin-top:28px}
html:not(#ui) body .ui-ico{display:inline-block;width:20px;height:20px;flex:0 0 auto;background:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}

/* Появление */
html:not(#ui) body .ui-home [data-anim]{opacity:0;transform:translate3d(0,26px,0);transition:opacity .8s var(--ui-ease),transform .9s var(--ui-ease);transition-delay:calc(var(--d,0) * 90ms)}
html:not(#ui) body .ui-home [data-anim="scale"]{transform:scale(.94)}
html:not(#ui) body .ui-home [data-anim].in{opacity:1;transform:none}

/* Hero: орбиты и параллакс эмблемы */
html:not(#ui) body.landing-page .landing-brand-stage{--mx:0;--my:0}
html:not(#ui) body.landing-page .artemida-emblem{transform:translate3d(calc(var(--mx)*18px),calc(var(--my)*14px),0)!important;transition:transform .6s var(--ui-ease)!important;position:relative}
html:not(#ui) body.landing-page .artemida-emblem::before,html:not(#ui) body.landing-page .artemida-emblem::after{content:"";position:absolute;inset:-18%;border-radius:50%;border:1px solid rgb(var(--ui-accent)/.16);pointer-events:none;
  -webkit-mask:conic-gradient(from 0deg,#000 0 30%,transparent 45% 70%,#000 85%);mask:conic-gradient(from 0deg,#000 0 30%,transparent 45% 70%,#000 85%);animation:ui-spin 26s linear infinite}
html:not(#ui) body.landing-page .artemida-emblem::after{inset:-34%;border-color:rgb(var(--ui-accent)/.09);animation-duration:40s;animation-direction:reverse}
@keyframes ui-spin{to{transform:rotate(360deg)}}
html:not(#ui) body.landing-page .landing-hero h1{transform:translate3d(calc(var(--mx)*-8px),calc(var(--my)*-6px),0);transition:transform .7s var(--ui-ease)}

/* --- Сеть --- */
html:not(#ui) body .ui-net{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,5vw,72px);align-items:center}
html:not(#ui) body .ui-net-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:26px 0 18px}
html:not(#ui) body .ui-net-stats > div{padding:16px 16px 14px;border-radius:20px}
html:not(#ui) body .ui-net-stats b{display:block;font-family:var(--ui-font-display);font-weight:600;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.03em;color:var(--ui-text);line-height:1.1}
html:not(#ui) body .ui-net-stats span{display:block;font-size:13px;color:var(--ui-text-3);margin-top:4px;font-weight:600}
html:not(#ui) body .ui-flag-cloud{display:flex;flex-wrap:wrap;gap:8px}
html:not(#ui) body .ui-flag{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px 0 9px;border-radius:999px!important;font-size:13px;font-weight:600;color:var(--ui-text);
  opacity:0;transform:translateY(8px) scale(.96);transition:opacity .5s var(--ui-ease),transform .5s var(--ui-ease);transition-delay:calc(var(--d) * 35ms);-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html:not(#ui) body .ui-flag-cloud.ready .ui-flag{opacity:1;transform:none}
html:not(#ui) body .ui-flag img{width:20px;height:15px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgb(255 255 255/.12)}
html:not(#ui) body .ui-globe-wrap{position:relative;aspect-ratio:1;width:100%;max-width:600px;justify-self:center}
html:not(#ui) body .ui-globe{position:absolute;inset:0;width:100%;height:100%;cursor:grab}
html:not(#ui) body .ui-globe-halo{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgb(var(--ui-accent)/.22),transparent 65%);filter:blur(30px);animation:ui-breathe 6s ease-in-out infinite}
@keyframes ui-breathe{50%{opacity:.6;transform:scale(1.04)}}
html:not(#ui) body .ui-globe-badge{position:absolute;right:6%;bottom:10%;display:inline-flex;align-items:center;gap:9px;height:38px;padding:0 14px;border-radius:999px!important;font-size:13px;font-weight:700;color:var(--ui-text)}
html:not(#ui) body .ui-globe-badge i{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 0 rgb(74 222 128/.6);animation:ui-live 2s ease-out infinite}
@keyframes ui-live{to{box-shadow:0 0 0 10px rgb(74 222 128/0)}}

/* --- Стойка серверов, собирается при прокрутке --- */
html:not(#ui) body .ui-rack-sec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,6vw,90px);align-items:center;--p:0}
html:not(#ui) body .ui-rack-stage{position:relative;perspective:1100px;padding:20px 0}
html:not(#ui) body .ui-rack{display:flex;flex-direction:column;gap:12px;transform:rotateX(10deg) rotateY(-14deg);transform-style:preserve-3d}
html:not(#ui) body .ui-unit{--pe:clamp(0,calc(var(--p) * 1.75 - var(--i) * .14),1);
  position:relative;height:58px;border-radius:16px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;padding:0 18px;
  background:var(--lg-fill),rgb(22 20 26/.55);border:1px solid var(--lg-edge);box-shadow:var(--lg-shadow);
  opacity:var(--pe);transform:translate3d(calc((1 - var(--pe)) * var(--dir) * 180px),calc((1 - var(--pe)) * 40px),calc((1 - var(--pe)) * -120px)) rotateY(calc((1 - var(--pe)) * var(--dir) * -38deg));
  will-change:transform,opacity}
html[data-theme="pearl"]:not(#ui) body .ui-unit{background:var(--lg-fill)}
html:not(#ui) body .ui-unit-leds{display:flex;gap:6px}
html:not(#ui) body .ui-unit-leds i{width:7px;height:7px;border-radius:50%;background:rgb(var(--ui-accent)/.35)}
html:not(#ui) body .ui-rack-sec.assembled .ui-unit-leds i{animation:ui-led 1.6s steps(2,jump-none) infinite;animation-delay:calc(var(--i) * 170ms)}
html:not(#ui) body .ui-rack-sec.assembled .ui-unit-leds i:first-child{background:#4ade80;box-shadow:0 0 10px #4ade80;animation:none}
html:not(#ui) body .ui-rack-sec.assembled .ui-unit-leds i:nth-child(3){animation-duration:1.1s}
@keyframes ui-led{0%{background:rgb(var(--ui-accent));box-shadow:0 0 10px rgb(var(--ui-accent))}100%{background:rgb(var(--ui-accent)/.25);box-shadow:none}}
html:not(#ui) body .ui-unit-vents{height:22px;border-radius:6px;background:repeating-linear-gradient(90deg,rgb(255 255 255/.10) 0 2px,transparent 2px 7px);opacity:.7}
html[data-theme="pearl"]:not(#ui) body .ui-unit-vents{background:repeating-linear-gradient(90deg,rgb(60 20 45/.14) 0 2px,transparent 2px 7px)}
html:not(#ui) body .ui-unit-meter{width:clamp(56px,8vw,96px);height:6px;border-radius:99px;background:var(--ui-fill-3);overflow:hidden}
html:not(#ui) body .ui-unit-meter i{display:block;height:100%;width:calc(var(--w) * var(--pe));border-radius:inherit;background:linear-gradient(90deg,rgb(var(--ui-accent)),rgb(var(--ui-accent-2)))}
html:not(#ui) body .ui-rack-sec.assembled .ui-unit-meter i{animation:ui-meter 3.2s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.5s)}
@keyframes ui-meter{from{width:calc(var(--w) * .55)}to{width:var(--w)}}
html:not(#ui) body .ui-unit-tag{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--ui-text-3)}
html:not(#ui) body .ui-rack-floor{position:absolute;left:8%;right:8%;bottom:-16px;height:40px;border-radius:50%;background:radial-gradient(ellipse,rgb(var(--ui-accent)/.35),transparent 70%);filter:blur(14px);opacity:calc(var(--p) * .9)}
html:not(#ui) body .ui-feature-list{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-direction:column;gap:18px}
html:not(#ui) body .ui-feature-list li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start}
html:not(#ui) body .ui-feature-list .ui-ico{width:44px;height:44px;-webkit-mask:none;mask:none;background:none;border-radius:14px;position:relative;background-color:rgb(var(--ui-accent)/.12);border:1px solid rgb(var(--ui-accent)/.2)}
html:not(#ui) body .ui-feature-list .ui-ico::before{content:"";position:absolute;inset:12px;background:rgb(var(--ui-accent));-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
html:not(#ui) body .ui-feature-list b{display:block;font-size:16px;font-weight:800;color:var(--ui-text);margin:2px 0 3px}
html:not(#ui) body .ui-feature-list span{font-size:14.5px;color:var(--ui-text-2);line-height:1.5}

/* --- Шаги --- */
html:not(#ui) body .ui-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;position:relative}
html:not(#ui) body .ui-steps::before{content:"";position:absolute;left:12%;right:12%;top:52px;height:2px;border-radius:2px;background:linear-gradient(90deg,rgb(var(--ui-accent)/.0),rgb(var(--ui-accent)/.6),rgb(var(--ui-accent)/.0));transform-origin:left;transform:scaleX(var(--p,0));z-index:-1}
html:not(#ui) body .ui-steps li{position:relative;padding:26px 24px 22px;border-radius:26px!important;display:flex;flex-direction:column;gap:10px;transition:border-color .3s ease,background-color .3s ease}
html:not(#ui) body .ui-steps li > .ui-ico{width:46px;height:46px;border-radius:15px;background:none;-webkit-mask:none;mask:none;position:relative;background-color:rgb(var(--ui-accent)/.13);border:1px solid rgb(var(--ui-accent)/.22)}
html:not(#ui) body .ui-steps li > .ui-ico::before{content:"";position:absolute;inset:12px;background:rgb(var(--ui-accent));-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
html:not(#ui) body .ui-step-n{position:absolute;right:22px;top:20px;font-family:var(--ui-font-display);font-weight:700;font-size:40px;letter-spacing:-.04em;line-height:1;color:transparent;-webkit-text-stroke:1px rgb(var(--ui-accent)/.35)}
html:not(#ui) body .ui-steps b{font-size:18px;font-weight:800;color:var(--ui-text);margin-top:6px}
html:not(#ui) body .ui-steps p{font-size:14.5px!important}
html:not(#ui) body .ui-steps a{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px;color:rgb(var(--ui-accent));width:max-content}
html:not(#ui) body .ui-steps a .ui-arrow{width:15px;height:15px;transition:transform .25s var(--ui-ease)}
html:not(#ui) body .ui-steps a:hover .ui-arrow{transform:translateX(3px)}
@media (hover:hover){html:not(#ui) body .ui-steps li:hover{border-color:rgb(var(--ui-accent)/.35)!important}}
html:not(#ui) body .ui-devices{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}
html:not(#ui) body .ui-devices > span{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;font-size:13.5px;font-weight:650;color:var(--ui-text-2);background:var(--ui-fill-2);border:1px solid var(--ui-stroke)}
html:not(#ui) body .ui-devices .ui-ico{width:16px;height:16px;color:rgb(var(--ui-accent))}

/* --- Цены --- */
html:not(#ui) body .ui-prices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
html:not(#ui) body .ui-price{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px 20px;border-radius:24px!important;color:var(--ui-text);text-decoration:none;
  transition:border-color .3s ease,box-shadow .4s ease,transform .45s var(--ui-ease)!important}
html:not(#ui) body .ui-price span{font-size:14px;font-weight:700;color:var(--ui-text-2)}
html:not(#ui) body .ui-price b{font-family:var(--ui-font-display);font-weight:600;font-size:clamp(24px,2.2vw,32px);letter-spacing:-.035em;line-height:1.1}
html:not(#ui) body .ui-price small{font-size:13px;color:var(--ui-text-3);font-weight:600}
html:not(#ui) body .ui-price em{position:absolute;top:-11px;right:16px;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px;color:var(--ui-on-accent);background:linear-gradient(180deg,var(--ui-btn-a),var(--ui-btn-b));box-shadow:0 6px 16px -6px rgb(var(--ui-accent-2)/.7)}
html:not(#ui) body .ui-price.is-best{border-color:rgb(var(--ui-accent)/.5)!important;box-shadow:var(--lg-shadow),0 0 0 3px rgb(var(--ui-accent)/.12)!important}
@media (hover:hover){html:not(#ui) body .ui-price.in:hover{border-color:rgb(var(--ui-accent)/.45)!important;transform:translateY(-4px)!important}}
html:not(#ui) body .ui-price-note{text-align:center;margin-top:18px!important;font-size:14px!important;color:var(--ui-text-3)!important}

/* --- Финальный призыв --- */
html:not(#ui) body .ui-cta-card{position:relative;overflow:hidden;text-align:center;padding:clamp(40px,6vw,72px) clamp(20px,5vw,64px);border-radius:36px!important}
html:not(#ui) body .ui-cta-card p{max-width:560px;margin:0 auto!important}
html:not(#ui) body .ui-cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}
html:not(#ui) body .ui-cta-actions .btn{min-height:52px!important}
html:not(#ui) body .ui-cta-orbit{position:absolute;inset:0;pointer-events:none;z-index:-1}
html:not(#ui) body .ui-cta-orbit i{position:absolute;left:50%;top:50%;width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);border-radius:50%;border:1px solid rgb(var(--ui-accent)/.14);animation:ui-spin var(--t) linear infinite}
html:not(#ui) body .ui-cta-orbit i::after{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:rgb(var(--ui-accent));box-shadow:0 0 14px rgb(var(--ui-accent))}
html:not(#ui) body .ui-cta-orbit i:nth-child(1){--s:420px;--t:22s}html:not(#ui) body .ui-cta-orbit i:nth-child(2){--s:640px;--t:34s;animation-direction:reverse}html:not(#ui) body .ui-cta-orbit i:nth-child(3){--s:880px;--t:48s}

/* Отзывы на главной и подвал — в одну ширину с секциями */
html:not(#ui) body .featured-reviews-shell{width:min(var(--ui-wrap),calc(100% - 32px))!important;margin:0 auto 20px!important}

@media (max-width:980px){
  html:not(#ui) body :is(.ui-net,.ui-rack-sec){grid-template-columns:1fr}
  html:not(#ui) body .ui-globe-wrap{max-width:460px;order:-1}
  html:not(#ui) body .ui-rack-stage{max-width:520px;width:100%;justify-self:center}
  html:not(#ui) body .ui-prices{grid-template-columns:repeat(3,minmax(0,1fr))}
  html:not(#ui) body .ui-steps{grid-template-columns:1fr}
  html:not(#ui) body .ui-steps::before{display:none}
}
@media (max-width:600px){
  html:not(#ui) body .ui-prices{grid-template-columns:repeat(2,minmax(0,1fr))}
  html:not(#ui) body .ui-price.is-best{grid-column:1/-1}
  html:not(#ui) body .ui-net-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  html:not(#ui) body .ui-net-stats > div{padding:12px}
  html:not(#ui) body .ui-unit{gap:10px;padding:0 12px;height:50px}
  html:not(#ui) body .ui-unit-tag{display:none}
  html:not(#ui) body .ui-rack{transform:rotateX(8deg) rotateY(-8deg)}
  html:not(#ui) body .ui-cta-actions .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  html:not(#ui) body .ui-home [data-anim]{opacity:1!important;transform:none!important}
  html:not(#ui) body .ui-unit{opacity:1!important;transform:none!important}
}
html:not(#ui) body .legal-hub.ui-fab > summary{animation:none!important}
html:not(#ui) body .legal-hub.ui-fab{transition:none!important;animation:none!important}
@media (min-width:1025px){
  html:not(#ui) body .sidebar .side-brand .brand-copy{margin:0!important;justify-content:flex-start!important;text-align:left!important;width:auto!important;flex:0 1 auto!important}
}
html:not(#ui) body .developer-side-link .ui-icon,html:not(#ui) body .mobile-link[href="/developer-api"] .ui-icon{--icon:url('/static/vendor/lucide-pack/code-xml.svg')!important}
/* Плитки выбора и стрелки внутри ссылок — никаких сдвигов ни в каком состоянии */
html:not(#ui) body :is(.os-picker button,.install-key-option,.app-option,.choice,.review-kind-card,.period-card):not(:active){transform:none!important;translate:none!important}
html:not(#ui) body .proxy-vpn-cta i,html:not(#ui) body .proxy-vpn-cta:hover i,html:not(#ui) body .proxy-vpn-cta svg{transform:none!important}
@media (max-width:1024px){
  html:not(#ui) body .mobile-nav .mobile-link[href="/developer-api"]{display:none!important}
  html:not(#ui) body .mobile-nav .mobile-link b{font-size:10px!important;font-weight:700!important}
}
@media (max-width:360px){html:not(#ui) body .mobile-nav .mobile-link b{display:none!important}html:not(#ui) body .mobile-nav .mobile-link :is(.ui-icon,.vicon){width:23px!important;height:23px!important}}