/* Approved Figma file Im57HzeYf9JVHNZegNbKWG, October 2026.
 * Shared foundation. Page modules below retain native WooCommerce behavior. */
:root {
	--ink: #07070c;
	--panel: #0e0e17;
	--panel-2: #14141f;
	--txt: #f4f2ff;
	--muted: #aaa7c2;
	--body: #d4d1e2;
	--line: rgb(255 255 255 / 10%);
	--gold: #f7c23b;
	--gold-2: #ffe08a;
	--gold-ink: #ffe08a;
	--bz-primary: #f7c23b;
	--bz-primary-ink: #17161d;
	--bz-radius: 14px;
	--bz-page-max: 1440px;
	--bz-ease: cubic-bezier(.22, 1, .36, 1);
	color-scheme: dark;
}
[data-theme="light"] {
	--ink: #f4f3fa;
	--panel: #fff;
	--panel-2: #f4f3fa;
	--txt: #17161d;
	--muted: #686574;
	--body: #33313c;
	--line: rgb(23 22 29 / 10%);
	--gold: #f0b32a;
	--gold-2: #8f5d06;
	--gold-ink: #8f5d06;
	--bz-primary: #2f3c4b;
	--bz-primary-ink: #fff;
	color-scheme: light;
}
html {scroll-padding-top: 104px;}
body,[data-theme="light"] body {background: var(--ink);color: var(--txt);}
body {font-weight: 400;}
button,input,select,textarea {font: inherit;}
button,a,input,select,textarea {-webkit-tap-highlight-color: transparent;}
::selection {background: #f7c23b;color: #17161d;}
:focus-visible {outline: 2px solid var(--gold-ink);outline-offset: 3px;}
input,textarea {caret-color: var(--gold-ink);}
* {scrollbar-color: var(--muted) var(--ink);scrollbar-width: thin;}
.wrap,.bz-about-page .wrap {width: 100%;max-width: var(--bz-page-max);padding-inline: 40px;}
.crumbs {display: flex;flex-wrap: wrap;align-items: center;gap: 8px;font-size: 13px;line-height: 1.5;color: var(--txt);}
.crumbs .cur {color: var(--txt);font-weight: 500;}
.crumbs .sep {color: var(--muted);opacity: 1;}
.bz-design-image {position: relative;display: inline-block;flex: 0 0 auto;vertical-align: middle;line-height: 0;}
.bz-design-image img {display: block;max-width: none;}
.bz-design-image .bz-design-image__light {display: none;}
[data-theme="light"] .bz-design-image .bz-design-image__light {display: block;}
[data-theme="light"] .bz-design-image .bz-design-image__dark {display: none;}
.bz-design-logo {width: 168px;height: 56px;}
.bz-design-logo--mobile,.bz-design-mobile-cart {display: none;}
.bz-design-icon {width: 21.6px;height: 21.6px;}
.bz-design-saga {width: 77.357px;height: 38px;overflow: hidden;}
.bz-design-saga img {position: absolute;left: -3.619px;top: -2.036px;}
.site-nav,[data-theme="light"] .site-nav {background: var(--ink);border: 0;box-shadow: none;backdrop-filter: none;}
.site-nav .nav-in {height: 88px;max-width: var(--bz-page-max);padding: 16px 40px;gap: 24px;}
.site-nav .nav-l {gap: 56px;min-width: 0;}
.site-nav .logo {display: block;flex: 0 0 auto;}
.site-nav .nav-links {display: flex;align-items: center;gap: 22px;font-size: 16px;line-height: 1.2;letter-spacing: 0;}
.site-nav .nav-links a,[data-theme="light"] .site-nav .nav-links a {color: var(--txt);font-weight: 400;white-space: nowrap;}
.site-nav .nav-links a.on,.site-nav .nav-links a.current-menu-item {font-weight: 600;color: var(--gold-ink);}
.site-nav .nav-links a::after {bottom: -9px;background: var(--gold-ink);}
.site-nav .nav-links .bz-saga-link::after {display: none;}
.site-nav .nav-right {display: flex;align-items: center;gap: 8px;}
.site-nav .hmenu {display: flex;align-items: center;gap: 8px;}
.site-nav .hitem,.site-nav .account-control {position: relative;display: flex;align-items: center;justify-content: center;width: 37.6px;height: 37.6px;padding: 8px;gap: 0;background: transparent;border: 0;border-radius: 8px;}
.site-nav .hitem > svg,.site-nav .hitem > span:not(.bz-design-image),.site-nav .account-control > :not(.bz-design-image) {display: none;}
.site-nav .hitem:hover,.site-nav .account-control:hover {background: var(--panel);box-shadow: none;transform: none;}
.site-nav .hitem .tag {position:absolute;top:0;right:0;left:auto;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:18px;width:auto;height:18px;padding:0 4px;margin:0;border:0;border-radius:99px;background:var(--gold);color:#17161d;box-shadow:0 0 0 2px var(--ink);font:500 10px/1 Rubik,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap;pointer-events:none;}
.site-nav .hitem .tag.is-empty {display:none;}
.site-nav .theme-toggle,.site-nav .burger {display: none;}
.site-nav [data-tip]::after {content: attr(data-tip);position: absolute;top: calc(100% + 8px);left: 50%;transform: translate(-50%, -3px);padding: 8px 10px;background: var(--panel);border: 1px solid var(--line);border-radius: 7px;color: var(--txt);font-size: 12px;white-space: nowrap;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity .14s,transform .14s;}
.site-nav [data-tip]:hover::after,.site-nav [data-tip]:focus-visible::after {opacity: 1;visibility: visible;transform: translate(-50%,0);}
body > footer {margin-top: auto;background: #0e0e17;color: #f4f2ff;border: 0;}
body > footer .wrap {max-width: var(--bz-page-max);}
footer .foot-in {display: grid;grid-template-columns: 363fr 194fr 259fr 285fr;gap: clamp(24px,5.97vw,86px);padding: 60px 0 52px;}
footer .foot-brand {max-width: none;}
footer .logo {display: block;width: 168px;height: 56px;}
footer .foot-tagline {max-width: 340px;margin: 18px 0 22px;color: #f4f2ff;font-size: 13px;line-height: 1.6;}
footer .foot-social {display: flex;gap: 10px;}
footer .foot-social a {width: 40px;height: 40px;border-radius: 7px;box-shadow: none;}
footer .foot-social .mail-btn {background: #f7c23b;color: #17161d;border: 0;}
footer .mail-btn > svg {display: none;}
footer .foot-social .vk-btn,footer .foot-social .tg-btn {background: rgb(255 255 255 / 3%);border-color: rgb(255 255 255 / 8%);color: #f4f2ff;}
footer .foot-col h4 {margin: 0 0 16px;color: #f4f2ff;font: 400 13px/1.2 'Rubik',sans-serif;letter-spacing: 0;}
footer .foot-links {display: flex;flex-direction: column;gap: 11px;}
footer .foot-links a,footer .foot-mail {font-size: 13px;font-weight: 400;color: #f4f2ff;line-height: 1.2;}
footer .foot-phone {display: block;margin: 0 0 10px;color: #f4f2ff;font: 600 20px/1.2 'Unbounded',sans-serif;white-space: nowrap;letter-spacing: -.02em;}
footer .foot-address {margin-top: 14px;color: #f4f2ff;font-size: 13px;line-height: 1.55;}
footer .foot-sub-note {margin: 0 0 16px;font-size: 13px;line-height: 1.5;color: #f4f2ff;}
footer .sub-row {display: flex;gap: 8px;padding: 6px 6px 6px 18px;border: 1px solid rgb(255 255 255 / 8%);border-radius: 8px;background: rgb(255 255 255 / 3%);}
footer .sub-row input {width: 0;min-width: 0;flex: 1;border: 0;background: transparent;padding: 0;color: #f4f2ff;font-size: 13px;}
footer .sub-row button {flex: 0 0 auto;min-height: 38px;padding: 11px 20px;border: 0;border-radius: 5px;background: #f0b32a;color: #17161d;font-size: 13px;font-weight: 400;box-shadow: none;}
footer .consent {display: flex;align-items: flex-start;gap: 9px;margin-top: 12px;font-size: 13px;line-height: 1.25;color: #f4f2ff;}
footer .consent input {width: 13px;height: 13px;margin: 1px 0 0;flex: 0 0 auto;accent-color: #f7c23b;}
footer .consent a {color: inherit;text-decoration: none;}
footer .foot-bot {display: flex;justify-content: space-between;align-items: center;gap: 20px;padding: 22px 0 30px;border-top: 1px solid rgb(255 255 255 / 8%);color: #f4f2ff;font-size: 13px;}
.bz-theme-choice {display: inline-flex;flex: 0 0 auto;gap: 2px;padding: 3px;border: 1px solid rgb(255 255 255 / 16%);border-radius: 99px;}
.bz-theme-choice button {display: flex;align-items: center;gap: 6px;padding: 6px 12px 6px 10px;border: 0;border-radius: 99px;background: transparent;color: #f4f2ff;font-size: 13px;line-height: 1.2;cursor: pointer;}
.bz-theme-choice button[aria-pressed="true"] {background: rgb(255 255 255 / 16%);}
.foot-brand-row {display:flex;align-items:center;justify-content:space-between;gap:16px;}.foot-brand-row .bz-theme-choice--mobile {display:none;}
.dock {bottom: calc(26px + env(safe-area-inset-bottom));padding: 5px;gap: 2px;max-width: calc(100% - 24px);border-radius: 99px;box-shadow: 0 10px 30px rgb(24 20 50 / 12%);}
.dock {display:none;}
.dock .dock-logo,.dock .di,.dock .dock-ava {width: 40px;height: 40px;flex: 0 0 40px;padding: 0;border-radius: 20px;}
.dock .dock-items {gap: 2px;}
.dock .dock-sep {margin-inline: 1px;height: 22px;}
.dock .dbadge {font-size: 9px;}
[data-theme="light"] .gold,[data-theme="light"] .bz-project-cta {background: #2f3c4b;color: #fff;box-shadow: none;}
.gold,.ghost {border-radius: 10px;font-size: 16px;font-weight: 400;box-shadow: none;}

/* About: 688:543, 992:770, 1004:1390 and their dark mobile counterpart. */
.bz-about-page {padding: 24px 0 100px;}
.bz-about-page .crumbs {padding: 0;margin-bottom: 32px;color: var(--txt);}
.bz-about-page .crumbs .cur {color: var(--txt);}
.bz-about-page .ab-hero {position: relative;isolation: isolate;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;gap: 20px;height: 440px;max-width: none;margin: 0;padding: 64px;border: 1px solid rgb(240 179 42 / 30%);border-radius: 14px;background: #17141c;overflow: hidden;}
[data-theme="light"] .bz-about-page .ab-hero,[data-theme="light"] .bz-about-page .ab-cta {background: #fff4d6;border-color: rgb(240 179 42 / 35%);}
.bz-about-page .ab-hero h1 {position: relative;margin: 0;color: var(--txt);font: 600 44px/1.1 'Unbounded',sans-serif;letter-spacing:normal;}
[data-theme="light"] .bz-about-page .ab-hero h1,[data-theme="light"] .bz-about-page .ab-lead {color: #2f3c4b;}
.bz-about-page .ab-lead {position: relative;max-width: 820px;margin: 0;font-size: 20px;line-height: 1.45;color: var(--txt);font-weight: 400;}
.bz-about-page .ab-principles {display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 24px;margin-top: 40px;}
.bz-about-page .ab-fact {display: flex;flex-direction: column;align-items: flex-start;gap: 10px;min-height: 188px;padding: 28px;border: 1px solid var(--line);border-radius: 10px;background: var(--panel);box-shadow: none;}
.bz-about-page .ab-fact h2 {margin: 0;font: 600 20px/1.25 'Unbounded',sans-serif;letter-spacing: -.02em;color: var(--txt);}
.bz-about-page .ab-fact p {margin: 0;font-size: 16px;line-height: 1.5;color: var(--txt);}
.bz-about-page .ab-platform-logos {display: flex;align-items: center;gap: 28px;max-width: 100%;margin-top: auto;padding-top: 20px;}
.bz-about-page .ab-body {display: grid;grid-template-columns: 344fr 960fr;gap: 56px;align-items: start;margin: 100px 0 0;}
.bz-about-page .ab-body > h2,.bz-about-page .partners h2 {margin: 0;font: 600 36px/1.15 'Unbounded',sans-serif;letter-spacing:normal;color:var(--txt);}
.bz-about-page .ab-text {display: grid;gap: 16px;}
.bz-about-page .ab-text p {margin: 0;color: var(--txt);font-size: 16px;line-height: 1.6;}
.bz-about-page .partners {display: grid;grid-template-columns: 344fr 960fr;gap: 56px;align-items: center;margin: 140px 0 0;padding: 0;border: 0;background: none;box-shadow: none;}
.bz-about-page .partners .row {display: flex;align-items: center;gap: 32px;margin: 0;}
.bz-about-page .plogo {display: block;width: auto;max-width: 220px;min-height: 0;margin: 0;padding: 0;border: 0;border-radius: 0;background: transparent;box-shadow: none;}
.bz-about-page .plogo img {display: block;width: auto;max-width: 200px;max-height: 100px;object-fit: contain;filter: none;opacity: 1;}
.bz-about-page .ab-cta {position: relative;isolation: isolate;display: flex;align-items: center;justify-content: space-between;gap: 32px;margin-top: 120px;padding: 40px 48px;border: 1px solid rgb(240 179 42 / 30%);border-radius: 14px;background: #17141c;overflow: hidden;box-shadow: none;}
.bz-about-page .ab-cta > div {position: relative;}
.bz-about-page .ab-cta h2 {margin: 0;font: 600 20px/1.3 'Unbounded',sans-serif;letter-spacing: -.02em;color: var(--txt);}
.bz-about-page .ab-cta p {margin-top: 8px;font-size: 14px;line-height: 1.5;color: var(--txt);}
[data-theme="light"] .bz-about-page .ab-cta h2,[data-theme="light"] .bz-about-page .ab-cta p {color: #2f3c4b;}
.bz-about-page .ab-cta .acts {display: flex;flex: 0 0 auto;gap: 12px;}
.bz-about-page .ab-cta .acts a {display: flex;align-items: center;justify-content: center;min-height: 48px;margin: 0;padding: 14px 20px;border-radius: 10px;font-size: 14px;font-weight: 400;white-space: nowrap;}
.bz-shader-canvas {position: absolute;inset: 0;z-index: -1;width: 100%;height: 100%;border-radius: inherit;pointer-events: none;}
[data-bz-shader="cloud"] {position:relative;isolation:isolate;background:#17141c;}
[data-theme="light"] [data-bz-shader="cloud"] {background:#fff4d6;}
/* Static frames of the authored cloud keep unsupported HTTP/WebGPU readable. */
html [data-bz-shader="cloud"][data-bz-shader-preset="showcase"] {background:#17171f url('../figma-2026-10-17/fallbacks/cloud-showcase.png') center/cover;}
[data-bz-shader="sheen"] {position: relative;isolation: isolate;}
[data-bz-shader="sheen"] .bz-shader-canvas {z-index: 1;}
[data-bz-shader="sheen"][data-bz-shader-state="ready"] img {visibility: hidden;}
footer .sub-row[data-bz-shader] {position: relative;isolation: isolate;}
@media (max-width: 1100px) {
	.site-nav .nav-in {padding-inline: 24px;}
	.site-nav .nav-l {gap: 24px;}
	.site-nav .nav-links {display:none;}
	.site-nav .burger {display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:10px;border:1px solid var(--line);border-radius:12px;background:transparent;}
	footer .foot-in {grid-template-columns: 1.3fr 1fr;gap: 40px;}
	footer .foot-bot {flex-wrap: wrap;}
	.bz-about-page .ab-hero {padding: 40px;}
	.bz-about-page .ab-principles {gap: 16px;}
	.bz-about-page .ab-fact {padding: 20px;}
	.bz-about-page .ab-platform-logos {gap: 12px;flex-wrap: wrap;}
	.bz-about-page .ab-cta {padding: 32px;}
}
@media (min-width:768px) and (max-width:1100px) {
	body.home .site-nav {display:block;}
	body.home {padding-bottom:0;}
	.site-nav .nav-l {flex:1;}
	.site-nav .nav-right {flex:0 0 auto;}
}
@media (max-width: 767px) {
	html {scroll-padding-top:83px;scroll-padding-bottom:calc(104px + env(safe-area-inset-bottom));}
	.wrap,.bz-about-page .wrap {padding-inline: 16px;}
	.site-nav {display: block;border-bottom: 1px solid var(--line);}
	.home .site-nav {display: none;}
	.site-nav .nav-in {height: 67px;padding: 12px 16px;}
	.site-nav .nav-links,.site-nav .hmenu .hitem:not([data-tip="Корзина"]),.site-nav .account-control {display: none;}
	.site-nav .nav-right {gap: 8px;}
	.site-nav .hitem,.site-nav .burger {display: flex;width: 40px;height: 40px;border: 1px solid var(--line);border-radius: 12px;}
	.site-nav .burger {align-items: center;justify-content: center;flex-direction: column;gap: 4px;background: transparent;padding: 10px;}
	.site-nav .burger i {width: 18px;height: 1.5px;background: var(--txt);}
	.site-nav .logo {width: 126px;height: 42px;}
	.site-nav .bz-design-logo--desktop,.site-nav .hitem > .bz-design-icon {display: none;}
	.site-nav .bz-design-logo--mobile {display: block;width: 126px;height: 42px;}
	.site-nav .bz-design-mobile-cart {display: block;width: 20px;height: 20px;}
	.site-nav [data-tip]::after {display: none;}
	footer .foot-in {grid-template-columns: minmax(0,1fr);gap: 36px;padding: 40px 0 36px;}
	footer .foot-tagline {max-width: 358px;}
	footer .foot-col--nav h4 {display: none;}
	footer .foot-links {display: grid;grid-template-columns: 1fr 1fr;grid-auto-flow: column;grid-template-rows: repeat(3,auto);gap: 14px 16px;}
	footer .foot-links a {font-size: 16px;line-height: 20px;}
	footer .foot-col--contact h4 {display: none;}
	footer .foot-phone {font-size: 20px;}
	footer .foot-mail {font-size: 16px;line-height: 22px;}
	footer .foot-address {margin-top: 8px;font-size: 14px;line-height: 20px;}
	footer .foot-col--sub {padding: 20px 16px;border: 1px solid rgb(255 255 255 / 8%);border-radius: 16px;}
	footer .foot-col--sub h4 {font: 600 16px/1.25 'Unbounded',sans-serif;margin-bottom: 12px;}
	footer .foot-sub-note {font-size: 14px;line-height: 20px;margin-bottom: 12px;}
	footer .sub-row {display: flex;flex-wrap: wrap;padding: 0;border: 0;background: transparent;gap: 12px;}
	footer .sub-row input {width: 100%;flex-basis: 100%;height: 48px;padding: 14px;border: 1px solid rgb(255 255 255 / 16%);border-radius: 8px;}
	footer .sub-row button {width: 100%;height: 48px;border-radius: 8px;font-size: 16px;font-weight: 500;}
	footer .sub-row>.bz-shader-canvas {display:none;}
	footer .consent {gap: 10px;margin-top: 12px;font-size: 12px;line-height: 18px;}
	footer .consent input {width: 18px;height: 18px;margin: 0;}
	footer .foot-bot {display: grid;grid-template-columns: 1fr auto;align-items: start;gap: 6px 12px;padding: 0 0 110px;border: 0;font-size: 13px;line-height: 18px;}
	footer .foot-bot .bz-theme-choice--desktop {display:none;}
	footer .foot-brand-row .bz-theme-choice--mobile {display:inline-flex;}
	footer .foot-brand-row .bz-theme-choice button {width:36px;height:36px;justify-content:center;padding:0;}
	footer .foot-brand-row .bz-theme-choice button>span:last-child {display:none;}
	footer .foot-brand-row .bz-theme-choice .bz-design-image {display:block;width:18px;height:18px;}
	footer .foot-brand-row .logo,footer .foot-brand-row .bz-design-logo {width:152px;height:50.667px;}
	footer .foot-bot .foot-legal {grid-column: 1;}
	footer .foot-bot > a,footer .foot-bot .foot-privacy {grid-column: 1;}
	footer .foot-bot > span:last-child {grid-column: 2;grid-row: 1 / 3;width: 137px;text-align: right;}
	.dock .dock-logo {display: flex;}
	.dock {display:flex;left:50%;right:auto;width:max-content;transform:translate3d(-50%,0,0);background:rgb(14 14 23 / 92%);border:1px solid rgb(255 255 255 / 12%);backdrop-filter:blur(9px);}
	[data-theme="light"] .dock {background:rgb(255 255 255 / 97%);border-color:var(--line);}
	.dock.hide {transform:translate3d(-50%,calc(100% + 70px),0);}
	.dock .dock-ava {display: flex;}
	.bz-about-page {padding: 24px 0 56px;}
	.bz-about-page .ab-hero {height: 440px;padding: 20px 16px;}
	.bz-about-page .ab-hero h1 {font-size: 28px;line-height: 1.1;}
	.bz-about-page .ab-lead {font-size: 20px;line-height: 1.45;}
	.bz-about-page .ab-principles {grid-template-columns: 1fr;gap: 16px;}
	.bz-about-page .ab-fact {min-height: 0;padding: 20px;}
	.bz-about-page .ab-fact h2 {font-size: 18px;}
	.bz-about-page .ab-platform-logos {padding-top: 20px;gap: 20px;}
	.bz-about-page .ab-body {grid-template-columns: 1fr;gap: 24px;margin-top: 56px;}
	.bz-about-page .ab-body > h2,.bz-about-page .partners h2 {font-size: 24px;}
	.bz-about-page .partners {grid-template-columns: 1fr;gap: 24px;margin-top: 56px;}
	.bz-about-page .ab-cta {flex-direction: column;align-items: stretch;gap: 24px;margin-top: 56px;padding: 24px 20px;}
	.bz-about-page .ab-cta h2 {font-size: 20px;}
	.bz-about-page .ab-cta .acts {flex-direction: column;gap: 12px;}
}
@media (prefers-reduced-motion: reduce) {
	*,*::before,*::after {scroll-behavior: auto;transition-duration: .01ms;animation-duration: .01ms;animation-iteration-count: 1;}
}