/* Сгенерировано tools/extract_chrome_css.py из handoff/2026-11-04/landing-pixel-r30/css/landing_pixel.css — руками не править.
   Исходный текст только тех правил лендинга р30, что применяются к шапке, подвалу, «Наверх», плитам, табличкам,
   кнопкам, стене, облакам и FAQ (проверено WebKit на DOM лендинга); порядок и @media сохранены. @font-face — в site.css. */
:root { --bv-blue: #1E90FF; --bv-blue-dark: #0E68D6; --bv-deep: #1670DA; --bv-navy: #0A2A5E; --bv-blue-4: #5EB2FF; --bv-blue-5: #B5DCFF; --bv-light: #EAF4FF; --text-ink: #15161D; --text-body: #343C50; --text-meta: #566073; --sky-top: #DCEBFF; --sky-bottom: #F5F9FE; --wall-0: #1E2740; --wall-1: #4A5876; --wall-2: #8795B0; --wall-3: #B4C0D4; --wall-4: #D2DBE8; --plate-face: #D5DDE9; --plate-hi: #F7F9FC; --plate-cut: #3E4B68; --plate-shd: #98A5BE; --oak-face: #A0794A; --oak-shadow: #1E1208; --sea: #1670D8; --sea-foam: #D6EAFF; --sea-shallow: #6FB8FF; --lamp-ok: #1CA85A; --state-green: #17834A; --state-off: #C23030; --paper: #FBFCFE; --k: 4; --kp: 3; --kg: 3; --km: 3; --gut: 48px; --maxw: 1200px; --f-head: "Press Start 2P", "Rubik", monospace; --f-text: "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif; --f-sign: "Tiny5", "Rubik", monospace; --f-cta: var(--f-head); --f-link: "FusionPixel12", "Rubik", monospace; --h1: 400 40px/56px var(--f-head); --h2: 400 32px/44px var(--f-head); --h3: 400 16px/24px var(--f-head); --num: 400 24px/32px var(--f-head); --price: 400 32px/40px var(--f-head); --cta: 400 16px/16px var(--f-cta); --t-lead: 400 20px/30px var(--f-text); --t-body: 400 17px/26px var(--f-text); --t-small: 400 15px/22px var(--f-text); --t-strong: 600; --head-ws: -0.375em; --head-tt: none; --head-smooth: none; }
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; overflow-x: clip; }
body { margin: 0; overflow-x: clip; background: var(--sky-bottom); color: var(--text-ink); font: var(--t-body); -webkit-font-smoothing: antialiased; }
img { display: block; max-width: none; }
a { color: inherit; }
.px { image-rendering: pixelated; image-rendering: crisp-edges; }
.sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.wrap { width: 100%; max-width: calc(var(--maxw) + 2 * var(--gut)); margin: 0 auto; padding: 0 var(--gut); position: relative; }
:focus-visible { outline: 3px solid var(--bv-blue); outline-offset: 3px; }
.h1, .h2, .h3, .num, .price, .cta, .typeline { word-spacing: var(--head-ws); text-transform: var(--head-tt); -webkit-font-smoothing: var(--head-smooth); }
.sign { display: inline-flex; align-items: center; gap: 10px; margin: 3px; padding: 5px 12px 4px 14px; background: var(--plate-hi); box-shadow: 0 -3px 0 0 var(--wall-0), 0 3px 0 0 var(--wall-0), -3px 0 0 0 var(--wall-0), 3px 0 0 0 var(--wall-0), inset 0 -3px 0 0 var(--wall-3); color: var(--plate-cut); font: 400 24px/27px var(--f-sign); text-transform: uppercase; letter-spacing: 0; text-shadow: 3px 3px 0 #FFFFFF; -webkit-font-smoothing: none; }
.sign i { width: 9px; height: 9px; background: var(--bv-blue); box-shadow: 3px 3px 0 var(--bv-navy); flex-shrink: 0; }
.sign i.ok { background: var(--lamp-ok); box-shadow: 3px 3px 0 #0E5A30; }
.sign--oak { background: var(--oak-face); color: #FFFFFF; text-shadow: 3px 3px 0 var(--oak-shadow); box-shadow: 0 -3px 0 0 #2E1C0F, 0 3px 0 0 #2E1C0F, -3px 0 0 0 #2E1C0F, 3px 0 0 0 #2E1C0F, inset 0 3px 0 0 #AC8656, inset 0 -3px 0 0 #73532F; }
.sign--sm { font-size: 16px; line-height: 18px; padding: 4px 9px 3px 10px; text-shadow: 2px 2px 0 #fff; }
.plate { position: relative; border-style: solid; border-width: 0; border-image: url("../img/pixel/plate_stone_9slice.png") 3 fill / calc(3px * var(--kp)) / 0 round; image-rendering: pixelated; }
.plate > * { image-rendering: auto; }
.plate .px, .plate img { image-rendering: pixelated; }
.cta { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 64px; padding: 0 30px; border-style: solid; border-width: 0; border-radius: 0; border-image: url("../img/pixel/plate_deep_9slice.png") 3 fill / calc(3px * var(--kp)) / 0 round; background: transparent; image-rendering: pixelated; color: #FFFFFF; font: var(--cta); text-transform: uppercase; text-decoration: none; text-shadow: 2px 2px 0 var(--bv-navy); cursor: pointer; box-shadow: 0 6px 0 0 var(--bv-navy); transition: transform 60ms steps(1), box-shadow 60ms steps(1), filter 80ms steps(2); }
.cta:hover { filter: brightness(1.12) saturate(1.05); }
.cta:active { transform: translateY(4px); box-shadow: 0 2px 0 0 var(--bv-navy); }
.cta:focus-visible { outline: 3px solid var(--bv-navy); outline-offset: 6px; }
.cta--stone { border-image-source: url("../img/pixel/plate_stone_9slice.png"); color: var(--text-ink); text-shadow: 2px 2px 0 #FFFFFF; box-shadow: 0 6px 0 0 var(--wall-1); }
.cta--stone:active { box-shadow: 0 2px 0 0 var(--wall-1); }
.cta--full { width: 100%; }
.chip { --fc: var(--wall-0); position: relative; height: 40px; padding: 0 15px; margin: 3px; display: inline-flex; align-items: center; gap: 8px; border: 0; background: var(--plate-hi); color: var(--text-ink); font: 600 15px/1 var(--f-text); text-decoration: none; cursor: pointer; white-space: nowrap; box-shadow: 0 -3px 0 0 var(--fc), 0 3px 0 0 var(--fc), -3px 0 0 0 var(--fc), 3px 0 0 0 var(--fc), inset 0 -3px 0 0 var(--wall-3); }
.chip:hover { background: #FFFFFF; }
.chip:active { transform: translateY(2px); box-shadow: 0 -3px 0 0 var(--fc), 0 3px 0 0 var(--fc), -3px 0 0 0 var(--fc), 3px 0 0 0 var(--fc), inset 0 3px 0 0 var(--wall-3); }
.chip:focus-visible { --fc: var(--bv-blue); outline: 3px solid var(--bv-blue-5); outline-offset: 5px; }
.chip--blue { background: var(--bv-deep); color: #fff; box-shadow: 0 -3px 0 0 var(--bv-navy), 0 3px 0 0 var(--bv-navy), -3px 0 0 0 var(--bv-navy), 3px 0 0 0 var(--bv-navy), inset 0 -3px 0 0 #0F4FB0; }
.chip--blue:hover { background: #0F4FB0; }
.wall { --rows: 1; position: relative; z-index: 2; height: calc(12px * var(--k) + 24px * var(--k) * var(--rows)); background: url("../img/pixel/wall_crenel_tile.png") var(--wx, 0) 0 / calc(23px * var(--k)) calc(12px * var(--k)) repeat-x; image-rendering: pixelated; }
.wall::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: calc(11px * var(--k)); background: url("../img/pixel/brick_tile_stone.png") 0 0 / calc(52px * var(--k)) calc(24px * var(--k)) repeat; image-rendering: pixelated; }
.bricks { background: #8795B0 url("../img/pixel/brick_tile_stone.png") 0 0 / calc(52px * var(--k)) calc(24px * var(--k)) repeat; image-rendering: pixelated; }
.sky { position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 0; }
.cloud { position: absolute; image-rendering: pixelated; animation: drift 70s linear infinite alternate; }
.cloud.c26 { width: calc(26px * var(--k)); }
.cloud.c18 { width: calc(18px * var(--k)); }
.cloud.c14 { width: calc(14px * var(--k)); }
.cloud.slow { animation-duration: 110s; animation-direction: alternate-reverse; }
.top { position: sticky; top: 0; z-index: 50; background: rgba(220, 235, 255, 0.94); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); box-shadow: 0 3px 0 0 var(--wall-3); }
.top .wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; height: 76px; }
.logo { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; flex-shrink: 0; }
.nav { display: flex; align-items: center; gap: 8px; }
.nav__links { display: flex; align-items: center; gap: 4px; }
.nav__links a { padding: 10px 10px; font: 500 15px/1 var(--f-text); color: var(--text-body); text-decoration: none; }
.nav__links a:hover { color: var(--bv-blue-dark); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; }
.burger { display: none; }
.mnav { display: none; }
.spot__tip { position: absolute; left: 50%; bottom: calc(100% + 10px); transform: translateX(-50%); white-space: nowrap; pointer-events: none; display: none; margin: 0; }
.spot:hover .spot__tip, .spot:focus-visible .spot__tip, .spot.is-on .spot__tip { display: inline-flex; }
.spot.edge-r .spot__tip { left: auto; right: 0; transform: none; }
.spot.edge-l .spot__tip { left: 0; transform: none; }
.plan .term { position: absolute; left: 18px; top: 0; transform: translateY(-50%); z-index: 2; white-space: nowrap; }
.plan .cta { width: 100%; margin-top: 10px; }
.qa { margin: 0; }
.qa summary { list-style: none; cursor: pointer; display: grid; grid-template-columns: 1fr 30px; gap: 16px; align-items: center; padding: 20px 24px; font: 600 19px/27px var(--f-text); color: var(--text-ink); }
:root:root .qa summary { font-weight: 500; }
.qa summary::-webkit-details-marker { display: none; }
.qa summary:focus-visible { outline: 3px solid var(--bv-blue); outline-offset: -6px; }
.qa .chev { width: 30px; height: 30px; display: grid; place-items: center; background: var(--bv-deep); box-shadow: 0 0 0 3px var(--bv-navy); }
.qa .chev svg { width: 14px; height: 8px; }
.qa[open] .chev svg { transform: rotate(180deg); }
.qa .ans { padding: 0 24px 24px; color: var(--text-body); }
.qa .ans p { margin: 0; max-width: 760px; }
.qa[open] summary { padding-bottom: 12px; }
.foot { position: relative; padding: 36px 0 44px; }
.foot__grid { display: grid; grid-template-columns: 1.2fr 1fr 1.25fr 1fr; gap: 20px; align-items: start; }
.tab { padding: 20px 22px 22px; display: grid; gap: 10px; align-content: start; }
.tab h3 { margin: 0 0 4px; justify-self: start; }
.tab ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.tab a { font: 500 15px/22px var(--f-text); color: var(--text-ink); text-decoration: none; }
.tab a:hover { color: var(--bv-blue-dark); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.tab p { margin: 0; font: var(--t-small); color: var(--text-body); }
.foot__copy { margin-top: 20px; display: flex; justify-content: center; }
.foot__copy .plate { padding: 10px 18px; font: 500 14px/20px var(--f-text); color: var(--wall-0); text-align: center; }
.paydlg .x { position: absolute; right: 16px; top: 16px; }
.paydlg .sign { justify-self: start; margin-right: 56px; }
.paydlg .x { right: 18px; top: 22px; }
@media (max-width: 1180px) {
  :root { --gut: 32px; }
  .nav__links a { padding: 10px 7px; font-size: 14px; }
  .foot__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 1100px) {
  :root { --k: 3; --km: 2; }
}
@media (max-width: 980px) {
  .nav__links { display: none; }
  .burger { display: inline-flex; }
  .mnav { position: absolute; left: 0; right: 0; top: 100%; background: var(--sky-bottom); box-shadow: 0 3px 0 0 var(--wall-3); padding: 12px var(--gut) 18px; }
  .mnav.open { display: grid; gap: 4px; }
  .mnav a { padding: 12px 4px; font: 600 17px/1 var(--f-text); color: var(--text-ink); text-decoration: none; box-shadow: 0 3px 0 0 var(--wall-4); }
}
@media (max-width: 700px) {
  :root { --kp: 2; --kg: 2; --gut: 16px; --h1: 400 32px/44px var(--f-head); --h2: 400 24px/36px var(--f-head); --h3: 400 16px/24px var(--f-head); --num: 400 24px/32px var(--f-head); --price: 400 24px/32px var(--f-head); --t-lead: 400 18px/27px var(--f-text); --t-body: 400 16px/25px var(--f-text); --t-small: 400 14px/21px var(--f-text); }
  .top .wrap { height: 64px; }
  .logo { gap: 9px; }
  .nav .lang, .nav .cab { display: none; }
  .sign { font-size: 16px; line-height: 18px; padding: 4px 9px 3px 10px; text-shadow: 2px 2px 0 #fff; }
  .sign--oak { text-shadow: 2px 2px 0 var(--oak-shadow); }
  .sign i { width: 6px; height: 6px; box-shadow: 2px 2px 0 var(--bv-navy); }
  .cta { min-height: 58px; padding: 0 18px; }
  .qa summary { padding: 16px 16px; font-size: 17px; line-height: 24px; gap: 12px; }
  .qa .ans { padding: 0 16px 18px; }
  .foot__grid { grid-template-columns: 1fr; }
}
@media (max-width: 380px) {
  :root { --h1: 400 24px/36px var(--f-head); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .cloud, .vest, .slime, .typeline .caret, .btower:hover .flag { animation: none !important; }
}
:root { --toph: 76px; }
.cta--2nd { min-width: 0; }
@media (max-width: 700px) {
  :root { --toph: 64px; }
  .hero .cta--2nd, .hero .hero__bot { display: none; }
  .hero .hero__actions .cta { width: 100%; }
  .hero .sign { font-size: 16px; line-height: 18px; }
}
.fz-slow__sign { position: absolute; left: 30px; top: -96px; margin: 0; }
@media (max-width: 700px) {
  .fz-slow__sign { left: 20px; top: -72px; }
}
.lf { width: 48px; height: 30px; flex-shrink: 0; box-shadow: 0 0 0 2px var(--wall-0); }
.lf--css { display: block; }
@media (max-width: 700px) {
  .lf { width: 32px; height: 20px; }
}
.vsign { position: absolute; left: 50%; top: -30px; transform: translateX(-50%); margin: 0; z-index: 3; white-space: nowrap; }
.payi { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; align-items: center; }
.payi li { height: 28px; min-width: 44px; padding: 0 6px; display: inline-flex; align-items: center; justify-content: center; gap: 4px; background: #fff; box-shadow: 0 0 0 3px var(--wall-0); margin: 3px; }
.payi__visa b { font: italic 900 14px/1 "Rubik", sans-serif; color: #1A1F71; letter-spacing: 0.02em; }
.payi__mc i { width: 16px; height: 16px; border-radius: 50%; background: #EB001B; }
.payi__mc i + i { background: #F79E1B; margin-left: -8px; mix-blend-mode: multiply; }
.payi__sbp .sbp-mark { width: 16px; height: 16px; background: conic-gradient(#5B57A2 0 25%, #D90751 0 50%, #FAB718 0 75%, #0F754E 0); }
.payi__sbp b { font: 800 12px/1 "Rubik", sans-serif; color: var(--text-ink); }
.payi__btc { background: #F7931A !important; }
.payi__btc b { font: 800 16px/1 "Rubik", sans-serif; color: #fff; }
.payi__usdt { background: #26A17B !important; }
.payi__usdt b { font: 800 16px/1 "Rubik", sans-serif; color: #fff; }
.lf { width: 24px; height: 15px; }
.foot .payi { flex-wrap: nowrap; gap: 4px; }
.foot .payi li { height: 18px; min-width: 0; padding: 0 4px; margin: 2px; box-shadow: 0 0 0 2px var(--wall-0); }
.foot .payi li b { font-size: 10px !important; }
.foot .payi__mc i { width: 11px; height: 11px; }
.foot .payi__mc i + i { margin-left: -5px; }
.foot .payi__sbp .sbp-mark { width: 11px; height: 11px; }
.payi__mir b { font: 900 italic 12px/1 "Rubik", sans-serif; color: #0F754E; }
.vsign { top: auto !important; bottom: 10px; z-index: 4; }
.tab .payi { display: flex !important; grid-template-columns: none; }
.vsign { bottom: 40px !important; z-index: 6 !important; left: 58% !important; }
@media (max-width: 700px) {
  .vsign { left: 62% !important; bottom: 36px !important; }
}
.faq2col .qa summary { grid-template-columns: 24px 1fr 30px; }
.totop { position: fixed; z-index: 55; right: calc(16px + env(safe-area-inset-right)); bottom: calc(16px + env(safe-area-inset-bottom)); display: inline-flex; align-items: center; gap: 6px; height: 48px; padding: 0 12px; background: var(--plate-face); color: var(--text-ink); text-decoration: none; font: 900 20px/1 "Rubik", sans-serif; box-shadow: 0 -3px 0 0 var(--wall-0), 0 3px 0 0 var(--wall-0), -3px 0 0 0 var(--wall-0), 3px 0 0 0 var(--wall-0), inset 3px 3px 0 #F7F9FC, inset -3px -3px 0 #98A5BE, 4px 6px 0 rgba(30, 39, 64, 0.2); }
.totop[hidden] { display: none; }
.totop:hover { background: #fff; }
.totop:focus-visible { outline: 3px solid var(--bv-blue); outline-offset: 4px; }
@media (max-width: 700px) {
  .totop { height: 44px; right: calc(10px + env(safe-area-inset-right)); bottom: calc(10px + env(safe-area-inset-bottom)); }
}
.faqcat { justify-self: start; margin: 6px 3px 0; }
.totop { width: 52px; height: 40px; padding: 0; display: grid; place-items: center; background: none; box-shadow: none; gap: 0; }
.totop.plate { border-image: url("../img/pixel/plate_stone_9slice.png") 3 fill / calc(3px * var(--kp)) / 0 round; }
.faq2col .qa summary { grid-template-columns: 1fr 30px; }
.tx2 { display: none; }
[data-off] *, [data-off] *::before, [data-off] *::after, :root[data-modal] body > :not(dialog) *, :root[data-modal] body > :not(dialog) *::before, :root[data-modal] body > :not(dialog) *::after { animation-play-state: paused !important; }
.plan:not(.plan--hot) .pop-badge, .plan:not(.plan--hot) .garg-corner { display: none; }
.m1-cub, .m1-tag, .m1-pair, .m1-note, .pop-sub { display: none; }
:root:root:root .plan--y2 .pop-sub, .plan--m1 .m1-pair small { display: block; font: 600 11px/13px var(--f-text); text-transform: none; text-shadow: none; letter-spacing: 0; -webkit-font-smoothing: auto; }
.plan--m1 .m1-pair { background: var(--bv-light); color: var(--bv-deep); text-shadow: 2px 2px 0 #fff; box-shadow: 0 -3px 0 0 var(--wall-2), 0 3px 0 0 var(--wall-2), -3px 0 0 0 var(--wall-2), 3px 0 0 0 var(--wall-2); }
.plan--m1 .m1-pair small { color: var(--plate-cut); }
html { scroll-padding-top: var(--toph, 76px); }
.m-only { display: none; }
@media (max-width: 700px) {
  .m-only { display: inline; }
}
.langdd { position: relative; display: inline-flex; }
.langdd__car { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid currentColor; margin-left: 2px; }
.langdd.open .langdd__car { border-top: 0; border-bottom: 5px solid currentColor; }
.langdd__menu { position: absolute; right: 0; top: calc(100% + 8px); z-index: 60; min-width: 190px; margin: 0; padding: 8px; list-style: none; display: grid; gap: 4px; }
.langdd__menu[hidden] { display: none; }
.langdd__menu li { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.langdd__menu a { flex: 1 1 auto; display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 0 10px; font: 600 15px/1 var(--f-text); color: var(--text-ink); text-decoration: none; }
.langdd__menu a b { font: 400 16px/16px var(--f-sign); color: var(--bv-deep); -webkit-font-smoothing: none; min-width: 22px; }
.langdd__menu a:hover, .langdd__menu a:focus-visible { background: #FFF6CC; outline: none; box-shadow: inset 0 0 0 3px var(--bv-blue); }
.langdd__menu a[aria-current="true"] { background: var(--bv-light); }
.langdd__menu a[aria-current="true"]::after { content: "✓"; margin-left: auto; color: var(--state-green); font-weight: 700; }
@media (max-width: 700px) {
  .nav .cab { display: inline-flex; height: 40px; padding: 0 12px; }
}
@media (max-width: 700px) {
  .locdlg__head .x { flex: none; }
}
.lang__f { width: 21px !important; height: 14px !important; flex: none; box-shadow: 0 0 0 2px var(--wall-0); image-rendering: pixelated; }
.langbtn { appearance: none; border: 0; margin: 3px; height: 40px; padding: 0 10px; display: inline-flex; align-items: center; gap: 8px; background: transparent; cursor: pointer; font: 500 14px/1 var(--f-text); color: var(--text-body); }
.langbtn:hover, .langdd.open .langbtn { background: rgba(255, 255, 255, 0.6); color: var(--text-ink); box-shadow: inset 0 -3px 0 0 var(--wall-3); }
.langbtn:focus-visible { outline: 3px solid var(--bv-blue); outline-offset: 0; }
.langdd__menu a .lang__f { margin-right: 2px; }
.mlang { display: block; position: relative; box-shadow: 0 3px 0 0 var(--wall-4); }
.mlang__btn { appearance: none; border: 0; background: transparent; width: 100%; display: flex; align-items: center; gap: 10px; padding: 12px 4px; cursor: pointer; font: 600 17px/1 var(--f-text); color: var(--text-ink); text-align: left; }
.mlang__btn .langdd__car { margin-left: auto; }
.mlang__btn:focus-visible { outline: 3px solid var(--bv-blue); outline-offset: -3px; }
.mlang__menu { margin: 0 0 10px; padding: 6px; list-style: none; display: grid; gap: 4px; background: var(--plate-hi); box-shadow: 0 0 0 3px var(--wall-0); }
.mlang__menu[hidden] { display: none; }
.mlang__menu li { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.mnav .mlang__menu a { flex: 1 1 auto; display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 10px; box-shadow: none; font: 600 16px/1 var(--f-text); }
.mlang__menu a b { font: 400 16px/16px var(--f-sign); color: var(--bv-deep); -webkit-font-smoothing: none; min-width: 22px; }
.mlang__menu a[aria-current="true"] { background: var(--bv-light); }
.mlang__menu a[aria-current="true"]::after { content: "✓"; margin-left: auto; color: var(--state-green); font-weight: 700; }
.mlang__menu a:focus-visible { outline: none; box-shadow: inset 0 0 0 3px var(--bv-blue); }
.totop, .botfab { filter: drop-shadow(0 2px 0 rgba(10, 42, 94, 0.55)); transition: translate 80ms steps(2), filter 80ms steps(2); }
.totop svg, .botfab img { transition: translate 80ms steps(2); }
@media (hover: hover) and (pointer: fine) {
  .totop:hover, .botfab:hover { translate: 0 -2px; filter: brightness(1.1) drop-shadow(0 4px 0 rgba(10, 42, 94, 0.7)); }
  .totop:hover svg { translate: 0 -2px; }
}
.totop:focus-visible, .botfab:focus-visible { translate: 0 -2px; filter: brightness(1.1) drop-shadow(0 4px 0 rgba(10, 42, 94, 0.7)); outline: 3px solid var(--bv-blue); outline-offset: 4px; }
.totop:active, .botfab:active, .totop:hover:active, .botfab:hover:active { translate: 0 2px; filter: brightness(0.9) drop-shadow(0 0 0 rgba(10, 42, 94, 0)); }
.totop:active svg, .botfab:active img { translate: 0 0; }
@media (prefers-reduced-motion: reduce) {
  .totop, .botfab, .totop svg, .botfab img { transition: none; }
  .totop:hover, .botfab:hover, .totop:focus-visible, .botfab:focus-visible, .totop:hover svg, .botfab:hover img, .botfab:focus-visible img { translate: none; }
}
@media (max-width: 700px) {
  .trial .cta, .loc-more .cta, .final__actions .cta { width: 100%; flex: 1 1 100%; }
}
.logo .logo__v { display: none; width: auto; height: auto; image-rendering: pixelated; flex-shrink: 0; }
.logo { gap: 0; min-height: 44px; }
:root:root .top .l97x3 { display: block; }
@media (max-width: 1039px) and (min-width: 981px) {
  :root:root .top .l97x3 { display: none; }
  :root:root .top .l97x2 { display: block; }
}
@media (max-width: 700px) {
  :root:root .top .l97x3 { display: none; }
  :root:root .top .l89x2 { display: block; }
}
@media (max-width: 384px) {
  :root:root .top .l89x2 { display: none; }
  :root:root .top .l89tw { display: block; }
}
:root:root .logo--foot .l97x2 { display: block; }
@media (max-width: 700px) {
  :root:root .logo--foot .l97x2 { display: none; }
  :root:root .logo--foot .l89x2 { display: block; }
}
@keyframes drift { from { transform: translateX(0); } to { transform: translateX(96px); } }