/* Geologica (SIL Open Font License 1.1), variable weight, served from our own host:
 * Google Fonts domains are unreliable from the RU zone. One file per character set
 * covers weights 200-500. */
@font-face {
	font-family: 'Geologica';
	font-style: normal;
	font-weight: 200 500;
	font-display: swap;
	src: url('../fonts/geologica-cyrillic-ext.woff2') format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
	font-family: 'Geologica';
	font-style: normal;
	font-weight: 200 500;
	font-display: swap;
	src: url('../fonts/geologica-cyrillic.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
	font-family: 'Geologica';
	font-style: normal;
	font-weight: 200 500;
	font-display: swap;
	src: url('../fonts/geologica-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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: 'Geologica';
	font-style: normal;
	font-weight: 200 500;
	font-display: swap;
	src: url('../fonts/geologica-latin.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;
}

/* ------------------------------------------------------------------------------------
 * Base. Values follow the design files (design_handoff_b24u_site); the inline styles of
 * B24UHeader / B24UFooter are reproduced as classes one to one.
 * ---------------------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
/* Jitter fight (owner, 2026-10-05: «давай пока включим noblur — без размытия фона»): no
 * backdrop blur anywhere on the site (tested first with a temporary switch, after which the
 * blinking became rarer or stopped, owner's words). A backdrop blur re-samples the
 * moving video under it on every frame and was a suspect for the page blinking and jerking
 * while scrolling. If the jitter comes back with this in place, blur is NOT the cause - look
 * elsewhere. Only the site's own blurs are listed: the widget lives in the same document,
 * and its own blurs and the HDR glow overlay stay as they are. */
body { --b24u-bf: none !important; }
.srbar, .srchat__x, .hdr__login-menu, .hdr__sol-panel, .menu, .hbar, .st__play, .jr__play { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
/* Browser autofill (owner, 2026-10-05: «криво и так во всех инпутах», «тоже пиздец, проверь все
   формы»). The browser paints a picked value's field light blue with !important, which no site
   rule outranks; delaying it with a long transition did not hold in current Chrome, and white
   text on that blue was unreadable. So the browser's background is clipped to the letters
   (background-clip: text) and the letters are painted white over it: the field keeps its own
   look. !important: the fields' own "background" shorthand outweighs these selectors and reset
   the clip (caught by a simulation on /partner-signup). No font rule: "font: inherit" here
   outweighed each field's own size. The fields that
   have a faint fill get it back as an inset shadow (a shadow ignores background-clip).
   The suggestion preview while hovering Chrome's list is drawn by the browser itself. */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-text-fill-color: #fff !important; caret-color: #fff; -webkit-background-clip: text !important; background-clip: text !important; }
input:autofill, textarea:autofill, select:autofill { -webkit-text-fill-color: #fff !important; caret-color: #fff; -webkit-background-clip: text !important; background-clip: text !important; }
.aform input:-webkit-autofill, .aform textarea:-webkit-autofill, .srb__in:-webkit-autofill, .cl__f input:-webkit-autofill, .sa__input:-webkit-autofill { box-shadow: inset 0 0 0 1000px rgba(255,255,255,.06); }
html, body { overflow-anchor: none; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
	margin: 0;
	background: #0e0f10;
	color: #fff;
	font-family: 'Geologica', system-ui, sans-serif;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a { color: inherit; text-decoration: none; }
a:hover { opacity: .85; }
.home a:hover { opacity: .8; }
h1, h2 { text-wrap: balance; }
.num { font-variant-numeric: tabular-nums; }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ------------------------------------------------------------------------------------
 * Header of inner pages (B24UHeader). Navigation shows from 1100 px; below it the
 * full-screen menu opens from the burger button.
 * ---------------------------------------------------------------------------------- */
.hdr { position: relative; z-index: 30; max-width: 1600px; margin: 0 auto; padding: 0 clamp(16px, 3.5vw, 64px); color: #fff; font-family: 'Geologica', system-ui, sans-serif; font-weight: 300; }
.hdr__bar { height: 80px; display: flex; align-items: center; gap: 28px; border-bottom: 1px solid rgba(255,255,255,min(1, calc(.12 * var(--b24u-bd, 1)))); }
.hdr__logo { flex: none; display: flex; align-items: center; margin-right: auto; }
.hdr__nav { display: none; align-items: center; gap: 30px; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; text-shadow: 0 1px 12px rgba(0,0,0,.4); }
.hdr__sol-btn { padding: 0; border: 0; background: none; color: #fff; font: inherit; letter-spacing: inherit; text-transform: inherit; cursor: pointer; display: flex; align-items: center; gap: 6px; opacity: .8; }
.hdr__sol-btn.is-active, .hdr.is-sol-open .hdr__sol-btn { opacity: 1; }
.hdr__sol-btn .arrow { font-size: 10px; }
.hdr__link { opacity: .8; border-bottom: 1px solid transparent; padding: 4px 0; }
.hdr__link.is-active { opacity: 1; border-bottom-color: #fff; }
.hdr__lang { flex: none; font-size: 13px; letter-spacing: .06em; display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px; opacity: min(1, calc(.75 * var(--b24u-tx, 1))); }
.hdr__lang:hover { opacity: 1; }
/* Tap targets of at least 44 x 44 px without moving anything: an invisible hit area around
 * links that are narrower or lower than that (mobile check, 2026-10-04). */
.hdr__lang, .hbar__lang, .hero__lang, .hbar__logo, .sol__row a.k, .sol__kick a { position: relative; }
.hdr__lang::before, .hbar__lang::before, .hero__lang::before, .hbar__logo::before { content: ''; position: absolute; top: 0; bottom: 0; left: -9px; right: -9px; }
.sol__row a.k::before, .sol__kick a::before { content: ''; position: absolute; left: 0; right: 0; top: -14px; bottom: -14px; }
.hdr__login { position: relative; flex: none; }
.hdr__login > summary { flex: none; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; padding: 8px 14px; border: 1px solid rgba(255,255,255,.4); border-radius: 999px; list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.hdr__login > summary::-webkit-details-marker { display: none; }
.hdr__login > summary .arrow { font-size: 10px; }
.hdr__login-menu { position: absolute; right: 0; top: calc(100% + 10px); z-index: 60; min-width: 240px; padding: 8px; border-radius: 18px 18px 18px 0; background: rgba(14,15,16,.92); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); border: 1px solid rgba(255,255,255,.14); display: flex; flex-direction: column; font-size: 16px; letter-spacing: 0; text-transform: none; }
.hdr__login-menu a { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border-radius: 12px; }
.hdr__login-menu a:hover { background: rgba(255,255,255,.08); opacity: 1; }
.hdr__login-menu a span { font-size: 13px; color: rgba(255,255,255,.6); }
.hdr__burger { width: 44px; height: 44px; padding: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; border: 1px solid rgba(255,255,255,.4); background: none; color: #fff; cursor: pointer; }

/* Solutions panel (wide screens). It stays open while the pointer travels from the
 * button to the panel: closing waits 250 ms (site.js). */
.hdr__sol { display: none; position: absolute; top: 80px; left: clamp(16px, 3.5vw, 64px); right: clamp(16px, 3.5vw, 64px); padding-top: 8px; }
.hdr.is-sol-open .hdr__sol { display: block; }
.hdr__sol-panel { padding: clamp(24px, 3vw, 40px); border-radius: 28px 28px 28px 0; background: rgba(14,15,16,.82); border: 1px solid rgba(255,255,255,.16); -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 40px; }
.hdr__sol-title { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,.6); }
.hdr__sol-grid { margin-top: 16px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 32px; }
.hdr__sol-list { margin-top: 16px; display: flex; flex-direction: column; gap: 4px; }
.hdr__sol-item { padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.1); display: flex; flex-direction: column; gap: 4px; }
.hdr__sol-item:hover { opacity: 1; border-bottom-color: rgba(255,255,255,.45); }
.hdr__sol-item .t { font-size: 18px; }
.hdr__sol-item .d { font-size: 14px; line-height: 1.45; color: rgba(255,255,255,.72); }

@media (min-width: 1100px) {
	.hdr__nav { display: flex; }
	.hdr__burger { display: none; }
}

/* Full-screen menu (narrow screens; the home hero uses it on every width). */
.menu { position: fixed; inset: 0; z-index: 60; height: 100vh; height: 100svh; overflow-y: auto; padding: 0 clamp(16px, 3.5vw, 64px) 32px; background: rgba(14,15,16,.94); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); color: #fff; }
.menu[hidden] { display: none; }
.menu__bar { position: sticky; top: 0; height: 72px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.12); }
.menu__label { font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,.65); }
/* The cross is an SVG centred by flex: the text glyph ✕ came from a fallback font whose
   metrics put it off centre on iPhone (owner, 2026-10-05: «крестик не по центру на мобилке»). */
.menu__close { width: 44px; height: 44px; padding: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid rgba(255,255,255,.4); background: none; color: #fff; cursor: pointer; }
.menu__close svg { display: block; flex: none; }
.menu__group { padding: 16px 0 6px; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,.6); }
.menu__sol { display: block; padding: 7px 0; font-weight: 200; font-size: clamp(20px, 5vw, 28px); line-height: 1.3; }
.menu__rule { margin-top: 16px; border-top: 1px solid rgba(255,255,255,.12); }
.menu__link { display: block; padding: 12px 0; font-weight: 200; font-size: clamp(28px, 8vw, 44px); line-height: 1.1; border-bottom: 1px solid rgba(255,255,255,.1); }
body.is-menu-open { overflow: hidden; }
/* While the menu is open, the page's own header is hidden: without the backdrop blur its logo,
   «Войти» and burger showed faintly through the menu bar (owner, 2026-10-05: «прячь шапку
   пока меню открыто»). The menus are siblings of these headers, not inside them. */
body.is-menu-open .hero__hdr, body.is-menu-open .hdr, body.is-menu-open .hbar { visibility: hidden; }

/* ------------------------------------------------------------------------------------
 * Footer (B24UFooter).
 * ---------------------------------------------------------------------------------- */
.ftr { max-width: 1600px; margin: 0 auto; padding: clamp(48px, 6vw, 88px) clamp(16px, 3.5vw, 64px) 32px; font-family: 'Geologica', system-ui, sans-serif; font-weight: 300; font-size: 15px; color: rgba(255,255,255,min(1, calc(.7 * var(--b24u-tx, 1)))); border-top: 1px solid rgba(255,255,255,min(1, calc(.12 * var(--b24u-bd, 1)))); }
.ftr__cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: 36px 32px; }
.ftr__col { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ftr__title { font-weight: 400; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,min(1, calc(.5 * var(--b24u-tx, 1)))); padding-bottom: 10px; }
.ftr__col a { display: flex; align-items: center; min-height: 40px; color: #fff; font-size: 16px; }
.ftr__col a:hover { opacity: .7; }
.ftr__bottom { margin-top: clamp(40px, 5vw, 64px); padding-top: 24px; border-top: 1px solid rgba(255,255,255,min(1, calc(.1 * var(--b24u-bd, 1)))); display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; font-size: 14px; }
.ftr__legal { display: flex; align-items: center; gap: 12px; margin-right: auto; }
.ftr__legal svg { color: #fff; }
.ftr__bottom a { color: inherit; display: inline-flex; align-items: center; min-height: 44px; }
.ftr__bottom a:hover { color: #fff; opacity: 1; }

/* ------------------------------------------------------------------------------------
 * Buttons (README: 1 px outline, radius 999, height 44-52 px) and the 404 page.
 * ---------------------------------------------------------------------------------- */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 28px; border-radius: 999px; border: 1px solid rgba(255,255,255,min(1, calc(.75 * var(--b24u-bd, 1)))); background: transparent; color: inherit; font: inherit; font-weight: 400; font-size: 17px; cursor: pointer; }
.btn:hover { background: rgba(255,255,255,.12); opacity: 1; }
.nf { max-width: 1600px; margin: 0 auto; padding: clamp(64px, 12vw, 160px) clamp(16px, 3.5vw, 64px); }
.nf__title { margin: 0; font-weight: 200; font-size: clamp(40px, 7vw, 88px); line-height: 1.05; letter-spacing: -.01em; }
.nf__text { margin: 20px 0 32px; font-size: 18px; line-height: 1.5; color: rgba(255,255,255,.72); }

/* ------------------------------------------------------------------------------------
 * Application forms (business and partner), shared by the home page and the signup pages
 * (templates/partials/form-*.php, js/forms.js). Moved here from home.css.
 * ---------------------------------------------------------------------------------- */
.af-cap { font-weight: 400; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,min(1, calc(.6 * var(--b24u-tx, 1)))); }
.af-btn { height: 56px; padding: 0 28px; border-radius: 999px 999px 999px 0; border: 1px solid rgba(255,255,255,min(1, calc(.75 * var(--b24u-bd, 1)))); background: rgba(255,255,255,.08); box-shadow: inset 0 0 0 999px rgba(12,13,14,min(1, calc(.3 * var(--b24u-pl, 1)))); color: #fff; font: inherit; font-size: 17px; font-weight: 400; display: inline-flex; align-items: center; justify-content: center; gap: 12px; cursor: pointer; text-decoration: none; }
.af-btn:hover { background: rgba(255,255,255,.14); }
.af-btn:disabled { opacity: .45; cursor: default; }
.af-btn--s { height: auto; min-height: 44px; padding: 0 20px; font-size: 15px; border-color: rgba(255,255,255,min(1, calc(.55 * var(--b24u-bd, 1)))); background: transparent; box-shadow: none; }

/* Sheen on the main calls to action (owner, 2026-10-07: «эффект блика на кнопках слева направо,
   чистый, стильный, не супер яркий, как слайд у айфона, приглашает кликнуть»). A soft slanted
   band (18 % white at its peak) crosses the button in 1.4 s every 6 s; the buttons start at
   different moments so they never flash together. Moved by transform only, so it is drawn apart
   from the page and costs scrolling and the background video nothing. Stops on hover and is
   absent for visitors who asked the system for reduced motion. Secondary, ghost and small
   buttons, the search lens and the tuning panel keep no sheen. */
.hero__cta, .pflow__cta, .sol__cta, .st__cta, .price__cta .af-btn, .op__cta .af-btn, .cl__cta, .aform__submit, .sa__btn:not(.sa__btn--ghost) { position: relative; overflow: hidden; }
.hero__cta::after, .pflow__cta::after, .sol__cta::after, .st__cta::after, .price__cta .af-btn::after, .op__cta .af-btn::after, .cl__cta::after, .aform__submit::after, .sa__btn:not(.sa__btn--ghost)::after {
	content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 40%; pointer-events: none;
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.18) 50%, rgba(255,255,255,0) 100%);
	transform: translateX(-130%) skewX(-18deg);
	animation: b24sheen 6s ease-in-out infinite; animation-delay: var(--sheen-at, 1.2s);
}
.pflow__cta, .aform__submit { --sheen-at: 2.6s; }
.sol__cta, .price__cta .af-btn { --sheen-at: 1.8s; }
.st__cta, .op__cta .af-btn, .cl__cta { --sheen-at: 3.4s; }
.hero__cta:hover::after, .pflow__cta:hover::after, .sol__cta:hover::after, .st__cta:hover::after, .price__cta .af-btn:hover::after, .op__cta .af-btn:hover::after, .cl__cta:hover::after, .aform__submit:hover::after, .sa__btn:not(.sa__btn--ghost):hover::after { animation: none; }
@keyframes b24sheen { 0% { transform: translateX(-130%) skewX(-18deg); } 23%, 100% { transform: translateX(280%) skewX(-18deg); } }
@media (prefers-reduced-motion: reduce) {
	.hero__cta::after, .pflow__cta::after, .sol__cta::after, .st__cta::after, .price__cta .af-btn::after, .op__cta .af-btn::after, .cl__cta::after, .aform__submit::after, .sa__btn:not(.sa__btn--ghost)::after { display: none; }
}
.aform { flex: 1 1 440px; min-width: 0; max-width: 620px; box-sizing: border-box; padding: clamp(24px, 3vw, 40px); border-radius: 28px 28px 28px 0; background: rgba(14,15,16,min(1, calc(.55 * var(--b24u-pl, 1)))); border: 1px solid rgba(255,255,255,min(1, calc(.18 * var(--b24u-bd, 1)))); box-shadow: inset 0 0 0 999px rgba(12,13,14,min(1, calc(.42 * var(--b24u-pl, 1)))); -webkit-backdrop-filter: var(--b24u-bf, none); backdrop-filter: var(--b24u-bf, none); display: flex; flex-direction: column; gap: 22px; color: #fff; font-family: 'Geologica', system-ui, sans-serif; font-weight: 300; }
/* Fields are boxes, not the design's underline: the line read as a divider, not as a place to
   type (owner, 2026-10-04). */
.aform input[type=text], .aform input[type=email], .aform input[type=tel], .aform textarea { width: 100%; box-sizing: border-box; height: 52px; padding: 0 16px; border: 1px solid rgba(255,255,255,min(1, calc(.28 * var(--b24u-bd, 1)))); border-radius: 12px; background: rgba(255,255,255,.06); color: #fff; font: inherit; font-size: 18px; outline: none; -webkit-appearance: none; appearance: none; transition: border-color .15s ease, background-color .15s ease; }
.aform textarea { height: auto; min-height: 88px; padding: 12px 16px; font-size: 17px; line-height: 1.45; resize: vertical; }
.aform input:focus, .aform textarea:focus { border-color: rgba(255,255,255,.8); background: rgba(255,255,255,.09); }
.aform input::placeholder, .aform textarea::placeholder { color: rgba(255,255,255,.4); opacity: 1; }
.aform input.is-bad { border-color: #d9826b; }
.aform__hd { display: flex; justify-content: space-between; gap: 12px; font-weight: 400; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,min(1, calc(.65 * var(--b24u-tx, 1)))); }
.aform__bar { height: 2px; background: rgba(255,255,255,.14); }
.aform__bar > div { height: 2px; width: 100%; background: rgb(var(--b24u-acc, 196,176,110)); transform-origin: 0 50%; transform: scaleX(.5); }
.aform__step { display: flex; flex-direction: column; gap: 22px; }
.aform__step[hidden], .aform__done[hidden], .aform__check[hidden], .aform__err[hidden] { display: none; }
.aform__f { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.aform__two { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 22px 24px; }
.aform__check { display: flex; flex-direction: column; gap: 8px; font-size: 15px; }
.aform__st { display: flex; gap: 10px; align-items: center; }
.aform__st::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.5); flex: none; }
.aform__st.is-ok::before { background: #3d9a5f; }
.aform__st.is-bad::before { background: #d9826b; }
.aform__go { align-self: flex-start; }
.aform__ok { display: flex; gap: 12px; align-items: flex-start; font-size: 14px; line-height: 1.45; color: rgba(255,255,255,min(1, calc(.75 * var(--b24u-tx, 1)))); cursor: pointer; }
.aform__ok input { margin: 2px 0 0; width: 18px; height: 18px; accent-color: rgb(var(--b24u-acc, 196,176,110)); flex: none; }
.aform__ok a { text-decoration: underline; color: inherit; }
.aform__btns { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.aform__back { height: 56px; padding: 0 12px; border: 0; background: none; color: rgba(255,255,255,min(1, calc(.75 * var(--b24u-tx, 1)))); font: inherit; font-size: 15px; cursor: pointer; }
.aform__submit { flex: 1 1 auto; }
.aform__note { font-size: 14px; line-height: 1.45; color: rgba(255,255,255,min(1, calc(.75 * var(--b24u-tx, 1)))); }
.aform__err { font-size: 14px; line-height: 1.45; color: #e9a594; }
.aform__sites-hd { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.aform__sites-hd .t { font-size: 20px; font-weight: 400; }
.aform__sites-hd .acc { font-size: 14px; color: rgb(var(--b24u-acc, 196,176,110)); }
.aform__site { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 16px; align-items: center; }
.aform__site input[type=text] { height: 46px; }
.aform__site .st { font-size: 14px; white-space: nowrap; color: rgba(255,255,255,min(1, calc(.6 * var(--b24u-tx, 1)))); }
.aform__site .st.is-ok { color: rgba(255,255,255,min(1, calc(.85 * var(--b24u-tx, 1)))); }
.aform__site .st.is-bad { color: #e9a594; }
.aform__done { display: flex; flex-direction: column; gap: 16px; align-items: flex-start; }
.aform__done .t { font-size: clamp(26px, 2.2vw, 34px); letter-spacing: -0.02em; }
.aform__done p { margin: 0; font-size: 16px; line-height: 1.5; color: rgba(255,255,255,min(1, calc(.8 * var(--b24u-tx, 1)))); }
.aform__f--co { position: relative; gap: 8px; }
.aform__cos { display: flex; flex-direction: column; border: 1px solid rgba(255,255,255,min(1, calc(.18 * var(--b24u-bd, 1)))); border-radius: 14px; overflow: hidden; background: rgba(14,15,16,.92); }
.aform__cos[hidden] { display: none; }
.aform__co { display: flex; justify-content: space-between; gap: 12px; padding: 12px 14px; border: 0; border-bottom: 1px solid rgba(255,255,255,.08); background: none; color: #fff; font: inherit; font-size: 15px; text-align: left; cursor: pointer; }
.aform__co:last-child { border-bottom: 0; }
.aform__co:hover { background: rgba(255,255,255,.08); }
.aform__co .inn { flex: none; color: rgba(255,255,255,.55); font-size: 13px; }
.aform__hint { font-size: 13px; color: rgba(255,255,255,.55); }

/* "What's next" after a partner application: home page (B24UAfter) and /partner-signup. */
.psteps { display: flex; flex-direction: column; border-top: 1px solid rgba(255,255,255,min(1, calc(.18 * var(--b24u-bd, 1)))); }
.psteps__it { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; gap: 4px 16px; padding: 16px 0; border-bottom: 1px solid rgba(255,255,255,min(1, calc(.12 * var(--b24u-bd, 1)))); align-items: baseline; }
.psteps__it .n { font-size: 13px; color: rgba(255,255,255,min(1, calc(.55 * var(--b24u-tx, 1)))); }
.psteps__it .t { font-size: 17px; font-weight: 400; }
.psteps__it .tm { font-size: 13px; color: rgb(var(--b24u-acc, 196,176,110)); }
.psteps__it .d { grid-column: 2 / -1; font-size: 15px; line-height: 1.45; color: rgba(255,255,255,min(1, calc(.72 * var(--b24u-tx, 1)))); }
.aform__hint--l { font-size: 15px; line-height: 1.5; color: rgba(255,255,255,min(1, calc(.78 * var(--b24u-tx, 1)))); }

/* Phone type scale, the same ranges as home.css (owner, 2026-10-05). */
@media (max-width: 599.98px) {
	.nf__title { font-size: clamp(28px, 8.6vw, 40px); }
	/* Menu on a phone, the same sizes as the home page menu (owner, 2026-10-05: «шрифты
	 * размером с дом»). */
	.menu__link { font-size: clamp(22px, 6.4vw, 28px); }
	.menu__sol { font-size: clamp(16px, 4.4vw, 18px); }
}