/* Home page of the new site. Values follow the design files one to one:
 * B24U Главная E (root), B24UHeroE, B24UHow; later blocks are added below them.
 * Scroll-driven elements are moved by home.js through transform and opacity only, and
 * carry no CSS transition on those properties (the design trembled when both were mixed).
 */

/* Root of "B24U Главная E": h2 headings keep their lines (split by <br>); home.js
 * shrinks the font of a line that does not fit instead of wrapping it. */
.home h2 { white-space: nowrap !important; text-wrap: nowrap !important; }

/* Every block after the first screen paints above the fixed video layers, the footer too
 * (it lies outside main; unpositioned, it was painted under the video and was invisible). */
/* The hero menu (.menu--hero, a div in main) is excluded: this rule outranked its
 * position: fixed and put it in the page flow, half off the screen (2026-10-05). */
.home main > section, .home main > div:not(.hero):not(.menu), .home .ftr { position: relative; }

/* ------------------------------------------------------------------------------------
 * B24UHeroE: first screen
 * ---------------------------------------------------------------------------------- */
.hero { position: relative; height: 260vh; min-height: 1600px; overflow: visible; color: rgba(255,255,255,var(--b24u-main, 1)); font-family: 'Geologica', system-ui, sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased; background: #1d2a24; }

/* A scene that is not shown is hidden after its fade, so at most two videos are ever
 * composited (during a change). */
.hero__scene { position: fixed; inset: 0; opacity: 0; visibility: hidden; transition: opacity 1.6s ease, visibility 0s linear 1.6s; contain: strict; transform: translateZ(0); }
.hero__scene.is-on { opacity: 1; visibility: visible; transition: opacity 1.6s ease, visibility 0s; }
.hero__scene-in { position: absolute; inset: -4%; transform: scale(1.04); opacity: var(--b24u-vid, 1); }
.hero__video { display: block; width: 100%; height: 100%; object-fit: cover; filter: brightness(var(--b24u-bright, 1)); }
.hero__tint { position: fixed; inset: 0; pointer-events: none; opacity: min(1, var(--b24u-tint, 1)); background: linear-gradient(90deg, rgba(var(--b24u-tc, 10,16,13), .72) 0%, rgba(var(--b24u-tc, 10,16,13), .42) 50%, rgba(var(--b24u-tc, 10,16,13), .22) 100%); }
.hero__tint-full { position: fixed; inset: 0; pointer-events: none; opacity: max(0, calc(var(--b24u-tint, 1) - 1)); background: rgb(var(--b24u-tc, 10,16,13)); }
.hero__shade { position: fixed; left: 0; right: 0; bottom: 0; height: 40%; pointer-events: none; background: linear-gradient(to top, rgba(0,0,0,.6), rgba(0,0,0,0)); }

/* Bar shown when scrolling up below the first screen. */
.hbar { position: fixed; top: 0; left: 0; right: 0; z-index: 40; transform: translateY(-110%); transition: transform .35s cubic-bezier(.2,.7,.2,1); background: rgba(14,15,16,min(1, calc(.5 * var(--b24u-pl, 1)))); -webkit-backdrop-filter: blur(18px) saturate(1.2); backdrop-filter: blur(18px) saturate(1.2); border-bottom: 1px solid rgba(255,255,255,min(1, calc(.12 * var(--b24u-bd, 1)))); font-family: 'Geologica', sans-serif; color: #fff; }
.hbar.is-on { transform: translateY(0); }
.hbar__in { max-width: 1600px; margin: 0 auto; height: 64px; padding: 0 clamp(16px, 3.5vw, 64px); display: flex; align-items: center; gap: 28px; }
.hbar__logo { display: flex; align-items: center; min-height: 44px; margin-right: auto; }
.hbar__nav { display: none; align-items: center; gap: 28px; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; }
.hbar__sol-btn { padding: 0; border: 0; background: none; color: inherit; font: inherit; letter-spacing: inherit; text-transform: inherit; cursor: pointer; opacity: min(1, calc(.75 * var(--b24u-tx, 1))); display: flex; align-items: center; gap: 6px; }
.hbar__sol-btn:hover, .hbar__link:hover { opacity: 1; }
.hbar__sol-btn .arrow, .hbar__login .arrow { font-size: 10px; }
.hbar__link { opacity: min(1, calc(.75 * var(--b24u-tx, 1))); }
.hbar__lang, .hero__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))); }
.hbar__lang:hover, .hero__lang:hover { opacity: 1; }
.hbar__lang, .hbar__login { display: none; }
.hbar__login { position: relative; flex: none; }
.hbar__login > summary { font-size: 13px; letter-spacing: .06em; text-transform: uppercase; opacity: min(1, calc(.75 * var(--b24u-tx, 1))); list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.hbar__login > summary::-webkit-details-marker, .hero__login > summary::-webkit-details-marker { display: none; }
.hbar__start { min-height: 40px; padding: 0 18px; display: inline-flex; align-items: center; gap: 8px; border-radius: 999px 999px 999px 0; border: 1px solid rgba(255,255,255,min(1, calc(.7 * var(--b24u-bd, 1)))); font-size: 13px; letter-spacing: .06em; text-transform: uppercase; }
.hbar__start:hover { background: rgba(255,255,255,.12); opacity: 1; }
.hbar__burger, .hero__burger { min-height: 44px; width: 44px; padding: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; border: 1px solid rgba(255,255,255,min(1, calc(.35 * var(--b24u-bd, 1)))); background: none; color: #fff; font: inherit; cursor: pointer; }
.hbar__sol { max-width: 1600px; margin: 0 auto; padding: 8px clamp(16px, 3.5vw, 64px) 28px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 4px 32px; border-top: 1px solid rgba(255,255,255,min(1, calc(.1 * var(--b24u-bd, 1)))); }
.hbar__sol[hidden] { display: none; }
.hbar__sol-item { display: flex; flex-direction: column; gap: 4px; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,min(1, calc(.1 * var(--b24u-bd, 1)))); opacity: .9; }
.hbar__sol-item:hover { opacity: 1; }
.hbar__sol-item .t { font-size: 17px; }
.hbar__sol-item .d { font-size: 14px; line-height: 1.45; color: rgba(255,255,255,min(1, calc(.65 * var(--b24u-tx, 1)))); }

/* Sticky layer of the first screen. */
.hero__fg { position: sticky; top: 0; height: 100vh; min-height: 640px; max-width: 1600px; margin: 0 auto; will-change: opacity; padding: 0 clamp(16px, 3.5vw, 64px); padding: 0 clamp(16px, 3.5cqi, 64px); display: flex; flex-direction: column; pointer-events: none; }
.hero__hdr { position: relative; z-index: 20; height: 80px; flex: none; display: flex; align-items: center; gap: 32px; border-bottom: 1px solid rgba(255,255,255,min(1, calc(.12 * var(--b24u-bd, 1)))); pointer-events: auto; }
.hero__logo { display: flex; align-items: center; gap: 10px; margin-right: auto; }
.hero__nav { display: none; gap: 30px; font-family: 'Geologica', sans-serif; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; }
.hero__sol-btn { padding: 0; border: 0; background: none; color: #fff; font: inherit; letter-spacing: inherit; text-transform: inherit; cursor: pointer; opacity: .7; display: flex; align-items: center; gap: 6px; }
.hero.is-sol-open .hero__sol-btn { opacity: 1; }
.hero__sol-btn .arrow, .hero__login .arrow { font-size: 10px; }
.hero__link { opacity: min(1, calc(.7 * var(--b24u-tx, 1))); }
.hero__link:hover { opacity: 1; }
.hero__login { position: relative; flex: none; }
.hero__login > summary { font-family: 'Geologica', sans-serif; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; padding: 8px 14px; border: 1px solid rgba(255,255,255,min(1, calc(.35 * var(--b24u-bd, 1)))); border-radius: 999px; list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.hero__sol { display: none; position: absolute; top: 80px; left: 0; right: 0; padding-top: 8px; }
.hero.is-sol-open .hero__sol { display: block; }
.hero__sol-panel { padding: clamp(24px, 3vw, 40px); border-radius: 28px 28px 28px 0; background: rgba(14,15,16,min(1, calc(.42 * var(--b24u-pl, 1)))); border: 1px solid rgba(255,255,255,min(1, calc(.16 * var(--b24u-bd, 1)))); display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 40px; box-shadow: inset 0 0 0 999px rgba(12,13,14,min(1, calc(.3 * var(--b24u-pl, 1)))); -webkit-backdrop-filter: var(--b24u-bf, none); backdrop-filter: var(--b24u-bf, none); }
.hero__sol-title { font-family: 'Geologica', sans-serif; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,min(1, calc(.55 * var(--b24u-tx, 1)))); }
.hero__sol-grid { margin-top: 16px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 32px; }
.hero__sol-list { margin-top: 16px; display: flex; flex-direction: column; gap: 4px; }
.hero__sol-item { padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,min(1, calc(.08 * var(--b24u-bd, 1)))); display: flex; flex-direction: column; gap: 4px; }
.hero__sol-item:hover { opacity: 1; border-bottom-color: rgba(255,255,255,min(1, calc(.4 * var(--b24u-tx, 1)))); }
.hero__sol-item .t { font-family: 'Geologica', sans-serif; font-size: 18px; letter-spacing: -0.01em; }
.hero__sol-item .d { font-size: 14px; line-height: 1.45; color: rgba(255,255,255,min(1, calc(.65 * var(--b24u-tx, 1)))); }

.hero__body { flex: 1; min-height: 0; display: flex; flex-direction: column; justify-content: center; justify-content: safe center; gap: clamp(22px, 3vw, 44px); gap: clamp(22px, 3cqi, 44px); padding: 32px 0; transition: opacity .35s ease; }
.hero.is-sol-open .hero__body, .hero.is-sol-open .hero__tabs,
.hero.is-menu-open .hero__body, .hero.is-menu-open .hero__tabs { opacity: 0; }
.hero__modes { display: flex; align-self: flex-start; gap: 24px; pointer-events: auto; }
.hero__mode { height: 32px; padding: 0; border: 0; border-bottom: 1px solid transparent; background: none; font: inherit; font-size: 15px; letter-spacing: .02em; cursor: pointer; color: #fff; opacity: min(1, calc(.6 * var(--b24u-tx, 1))); transition: opacity .3s, border-color .3s; }
.hero__mode.is-on { opacity: 1; border-bottom-color: #fff; }
.hero__h1 { margin: 0; font-size: clamp(48px, 7.6vw, 144px); font-size: clamp(48px, 7.6cqi, 144px); line-height: 1; letter-spacing: -0.04em; font-weight: 200; font-family: 'Geologica', sans-serif; text-wrap: balance; }
.hero__h1b { color: rgba(255,255,255,min(1, calc(.6 * var(--b24u-tx, 1)))); display: inline-block; opacity: 0; transform: translateY(18px); transition: opacity .5s ease, transform .5s ease; }
.hero.is-intro .hero__h1b { opacity: 1; transform: none; }
.hero__row { display: flex; flex-wrap: wrap; gap: 32px clamp(32px, 6vw, 120px); gap: 32px clamp(32px, 6cqi, 120px); align-items: flex-end; justify-content: space-between; }
.hero__left { flex: 1 1 520px; max-width: 660px; pointer-events: auto; }
.hero__lead { margin: 0 0 24px; font-size: clamp(18px, 1.5vw, 23px); font-size: clamp(18px, 1.5cqi, 23px); line-height: 1.45; text-wrap: pretty; }
.hero__lead-off { color: transparent; }
.hero__form { display: flex; flex-wrap: wrap; gap: 18px 24px; align-items: center; margin: 0; opacity: 0; transform: translateY(12px); transition: opacity .5s ease .12s, transform .5s ease .12s; }
.hero.is-intro .hero__form { opacity: 1; transform: none; }
/* The design's underline stays here; the form fields are boxes (owner, 2026-10-04). */
.hero__field { flex: 999 1 260px; height: 52px; border-bottom: 1px solid rgba(255,255,255,min(1, calc(.55 * var(--b24u-bd, 1)))); display: flex; align-items: center; }
.hero__field input { width: 100%; height: 100%; padding: 0; border: 0; background: none; color: #fff; font: inherit; font-size: 18px; outline: none; }
/* Placeholders read as hints, not as typed values (owner, 2026-10-04): with the theme's text
   contrast the design's formula made them pure white. */
.hero__field input::placeholder { color: rgba(255,255,255,.45); opacity: 1; }
.hero__field:focus-within { border-bottom-color: #fff; }
.hero[data-mode="prt"] [data-biz-only] { display: none; }
.hero__cta { flex: 0 0 auto; height: 52px; padding: 0 26px; border-radius: 999px 999px 999px 0; border: 1px solid rgba(255,255,255,min(1, calc(.7 * var(--b24u-bd, 1)))); background: rgba(255,255,255,.06); box-shadow: inset 0 0 0 999px rgba(12,13,14,min(1, calc(.3 * var(--b24u-pl, 1)))); color: #fff; display: inline-flex; align-items: center; justify-content: center; gap: 12px; font: inherit; font-size: 17px; cursor: pointer; transition: background .3s; -webkit-backdrop-filter: var(--b24u-bf, none); backdrop-filter: var(--b24u-bf, none); }
.hero__cta:hover { background: rgba(255,255,255,.18); }
.hero__cta .arrow { font-size: 18px; font-weight: 300; }
.hero__note { margin-top: 16px; font-size: 14px; color: rgba(255,255,255,min(1, calc(.72 * var(--b24u-tx, 1)))); opacity: 0; transition: opacity .5s ease .2s; }
.hero.is-intro .hero__note { opacity: 1; }
.hero.is-swap .hero__h1b { opacity: 0; transform: translateY(18px); }
.hero.is-swap .hero__form { opacity: 0; transform: translateY(12px); }
.hero.is-swap .hero__note { opacity: 0; }

.hero__notes { flex: 0 1 380px; min-width: 0; }
.hero__note-set { display: flex; flex-direction: column; gap: 8px; }
.hero__note-set[hidden] { display: none; }
.hero__card { display: flex; gap: 12px; align-items: center; padding: 10px 14px; border-radius: 14px 14px 14px 0; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,min(1, calc(.22 * var(--b24u-bd, 1)))); color: #fff; box-shadow: inset 0 0 0 999px rgba(12,13,14,min(1, calc(.3 * var(--b24u-pl, 1)))); opacity: 0; transform: translateY(14px); -webkit-backdrop-filter: var(--b24u-bf, none); backdrop-filter: var(--b24u-bf, none); }
.hero__card .dot { width: 6px; height: 6px; flex: none; border-radius: 50%; }
.hero__card .txt { flex: 1; min-width: 0; }
.hero__card .t { display: block; font-size: 15px; font-weight: 400; }
.hero__card .s { display: block; font-size: 13px; color: rgba(255,255,255,min(1, calc(.72 * var(--b24u-tx, 1)))); margin-top: 1px; }
.hero__card .time { font-family: 'Geologica', sans-serif; font-size: 12px; color: rgba(255,255,255,min(1, calc(.65 * var(--b24u-tx, 1)))); }

/* Scene switcher, wide screens only; on phones the scenes change by themselves. */
.hero__tabs { display: none; flex: none; grid-template-columns: auto repeat(5, minmax(0, 1fr)); border-top: 1px solid rgba(255,255,255,min(1, calc(.14 * var(--b24u-bd, 1)))); pointer-events: auto; transition: opacity .35s ease; }
.hero__tabs-you { height: 64px; display: flex; align-items: center; padding-right: clamp(8px, 2vw, 32px); font-size: clamp(14px, 1.1vw, 16px); font-size: clamp(14px, 1.1cqi, 16px); color: rgba(255,255,255,min(1, calc(.6 * var(--b24u-tx, 1)))); }
.hero__tab { position: relative; height: 64px; padding: 0 8px 0 clamp(10px, 1.6vw, 24px); padding: 0 8px 0 clamp(10px, 1.6cqi, 24px); background: none; border: 0; color: #fff; font: inherit; font-size: clamp(14px, 1.1vw, 16px); font-size: clamp(14px, 1.1cqi, 16px); letter-spacing: .02em; cursor: pointer; opacity: min(1, calc(.55 * var(--b24u-tx, 1))); text-align: left; }
.hero__tab.is-on { opacity: 1; }
.hero__tab .bar { position: absolute; left: 0; right: 0; top: -1px; height: 1px; background: #fff; transform: scaleX(0); transform-origin: left center; }
.hero__tab.is-on .bar { animation: heroFill 9s linear forwards; }
@keyframes heroFill { from { transform: scaleX(0); } to { transform: scaleX(1); } }

@media (min-width: 1100px) {
	.hero__nav, .hbar__nav { display: flex; }
	.hbar__lang { display: inline-flex; }
	.hbar__login { display: block; }
	.hero__burger, .hbar__burger { display: none; }
	.hero__tabs { display: grid; }
}

/* Full-screen menu of the home page (B24UHeroE): no blur, own type scale. */
.menu--hero { z-index: 50; overscroll-behavior: contain; background: rgba(14,15,16,min(1, calc(.55 * var(--b24u-pl, 1)))); -webkit-backdrop-filter: none; backdrop-filter: none; display: flex; flex-direction: column; }
.menu--hero[hidden] { display: none; }
.menu--hero .menu__bar { flex: none; border-bottom-color: rgba(255,255,255,min(1, calc(.12 * var(--b24u-bd, 1)))); }
.menu--hero .menu__label { color: rgba(255,255,255,min(1, calc(.65 * var(--b24u-tx, 1)))); }
.menu--hero .menu__close { border-color: rgba(255,255,255,min(1, calc(.35 * var(--b24u-bd, 1)))); }
.menu--hero__nav { margin-top: 8px; display: flex; flex-direction: column; font-family: 'Geologica', sans-serif; font-weight: 200; font-size: clamp(32px, 9vw, 56px); line-height: 1; letter-spacing: -0.035em; }
.menu--hero__group { padding: 14px 0 6px; font-size: 13px; font-weight: 400; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,min(1, calc(.55 * var(--b24u-tx, 1)))); }
.menu--hero__sol { padding: 6px 0; font-size: clamp(18px, 4.6vw, 24px); line-height: 1.3; letter-spacing: -0.01em; color: rgba(255,255,255,min(1, calc(.9 * var(--b24u-tx, 1)))); }
.menu--hero__rule { height: 14px; border-bottom: 1px solid rgba(255,255,255,min(1, calc(.1 * var(--b24u-bd, 1)))); }
.menu--hero__link { padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,min(1, calc(.1 * var(--b24u-bd, 1)))); }

/* ------------------------------------------------------------------------------------
 * B24UHow
 * ---------------------------------------------------------------------------------- */
.how { position: relative; min-height: 100vh; min-height: 100svh; display: flex; align-items: center; color: rgba(255,255,255,var(--b24u-main, 1)); font-family: 'Geologica', system-ui, sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased; }
.how__in { width: 100%; max-width: 1600px; margin: 0 auto; padding: clamp(64px, 10vh, 120px) clamp(16px, 3.5vw, 64px); }
.how__kicker { font-weight: 400; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,min(1, calc(.7 * var(--b24u-tx, 1)))); }
.how__h2 { margin: clamp(16px, 3vh, 28px) 0 0; font-weight: 200; font-size: clamp(32px, 5.6vw, 120px); line-height: 1; letter-spacing: -0.04em; text-wrap: balance; }
.how__h2b { color: rgba(255,255,255,min(1, calc(.6 * var(--b24u-tx, 1)))); }
.how__p { margin: clamp(20px, 3vh, 32px) 0 0; max-width: 30em; font-size: clamp(17px, 1.4vw, 21px); line-height: 1.45; color: rgba(255,255,255,min(1, calc(.82 * var(--b24u-tx, 1)))); text-wrap: pretty; }
.how__scroll { margin-top: clamp(32px, 6vh, 64px); display: flex; align-items: center; gap: 12px; font-size: 14px; color: rgba(255,255,255,min(1, calc(.7 * var(--b24u-tx, 1)))); }
.how__scroll .line { width: 1px; height: 40px; background: linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,0)); }
[data-rise], [data-rise-fade] { opacity: 0; }
[data-rise] { transform: translateY(28px); }

/* ------------------------------------------------------------------------------------
 * B24UFlow: lead path (business mode). Wide >= 900 px (row), narrow < 640 px.
 * ---------------------------------------------------------------------------------- */
.flow { position: relative; height: 650vh; height: 650svh; color: rgba(255,255,255,var(--b24u-main, 1)); font-family: 'Geologica', system-ui, sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased; font-variant-numeric: tabular-nums; }
.flow[hidden] { display: none; }
.flow__sticky { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; display: flex; flex-direction: column; }
.flow__main { position: relative; flex: 1; min-height: 0; width: 100%; max-width: 1600px; margin: 0 auto; padding: clamp(20px, 4vh, 48px) clamp(16px, 3.5vw, 64px) 16px; display: flex; flex-direction: column; gap: clamp(16px, 4vw, 96px); align-items: stretch; opacity: 0; }
.flow__cap { flex: none; min-width: 0; display: flex; flex-direction: column; gap: clamp(12px, 2.4vh, 28px); }
.flow__meta { display: flex; align-items: baseline; gap: 18px; font-family: 'Geologica', sans-serif; font-weight: 400; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,min(1, calc(.7 * var(--b24u-tx, 1)))); }
.flow__clock { color: #fff; font-size: 15px; letter-spacing: .04em; }
.flow__caps { display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; }
.flow__capitem { grid-area: 1 / 1; opacity: 0; transform: translateY(14px); transition: opacity .6s ease, transform .6s ease; pointer-events: none; }
.flow__capitem.is-on { opacity: 1; transform: none; }
.flow__capitem.is-before { transform: translateY(-14px); }
.flow__h2 { margin: 0; font-family: 'Geologica', sans-serif; font-weight: 200; font-size: 48px; line-height: 1; letter-spacing: -0.035em; }
.flow__h2 .nw { white-space: nowrap; }
.flow__h2 .dim { color: rgba(255,255,255,min(1, calc(.6 * var(--b24u-tx, 1)))); }
.flow__p { margin: clamp(10px, 2vh, 24px) 0 0; max-width: 30em; font-size: 15px; line-height: 1.45; color: rgba(255,255,255,min(1, calc(.82 * var(--b24u-tx, 1)))); text-wrap: pretty; }
.flow__box { position: relative; flex: 1 1 0; height: auto; min-height: 0; width: 100%; max-width: 600px; align-self: center; }

.flow__track { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; gap: 10px; }
.flow__label { font-family: 'Geologica', sans-serif; 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)))); margin-bottom: 6px; }
.flow__tr { display: flex; gap: 14px; align-items: baseline; padding: 14px 16px; border-radius: 14px 14px 14px 0; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,min(1, calc(.16 * var(--b24u-bd, 1)))); box-shadow: inset 0 0 0 999px rgba(12,13,14,min(1, calc(.3 * var(--b24u-pl, 1)))); opacity: 0; -webkit-backdrop-filter: var(--b24u-bf, none); backdrop-filter: var(--b24u-bf, none); }
.flow__tr .k, .flow__field .k { flex: none; font-family: 'Geologica', sans-serif; font-weight: 400; font-size: 12px; color: rgba(255,255,255,min(1, calc(.6 * var(--b24u-tx, 1)))); }
.flow__tr .k { width: 88px; }
.flow__tr .v, .flow__field .v { flex: 1; min-width: 0; font-size: 15px; }
.flow__intent { margin-top: 10px; padding: 14px 16px; border-radius: 14px 14px 14px 0; border: 1px solid rgba(255,255,255,min(1, calc(.16 * var(--b24u-bd, 1)))); box-shadow: inset 0 0 0 999px rgba(12,13,14,min(1, calc(.3 * var(--b24u-pl, 1)))); -webkit-backdrop-filter: var(--b24u-bf, none); backdrop-filter: var(--b24u-bf, none); }
.flow__intent .row { display: flex; justify-content: space-between; font-size: 14px; }
.flow__intent .k { color: rgba(255,255,255,min(1, calc(.7 * var(--b24u-tx, 1)))); }
.flow__intent .bar { margin-top: 10px; height: 2px; background: rgba(255,255,255,.14); }
.flow__intent .fill { height: 2px; width: 100%; background: rgb(var(--b24u-acc, 196,176,110)); transform: scaleX(0); transform-origin: left center; }

.flow__chat { position: absolute; inset: 0; display: flex; flex-direction: column; border-radius: 22px 22px 22px 0; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,min(1, calc(.16 * var(--b24u-bd, 1)))); box-shadow: inset 0 0 0 999px rgba(12,13,14,min(1, calc(.3 * var(--b24u-pl, 1)))); overflow: hidden; opacity: 0; pointer-events: none; -webkit-backdrop-filter: var(--b24u-bf, none); backdrop-filter: var(--b24u-bf, none); --hl: 0; }
.flow__chat-hdr { flex: none; display: flex; align-items: center; gap: 10px; padding: 14px 18px; border-bottom: 1px solid rgba(255,255,255,min(1, calc(.12 * var(--b24u-bd, 1)))); }
.flow__chat-hdr .dot { width: 6px; height: 6px; border-radius: 50%; background: #3d9a5f; }
.flow__chat-hdr .name { font-size: 15px; font-weight: 400; }
.flow__chat-hdr .tag { margin-left: auto; font-family: 'Geologica', sans-serif; font-weight: 400; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,min(1, calc(.55 * var(--b24u-tx, 1)))); }
.flow__msgs { flex: 1; min-height: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 0 16px 16px; overflow: hidden; }
.flow__stack { flex: none; }
.flow__msg { display: flex; justify-content: flex-start; opacity: 0; }
.flow__msg--u { justify-content: flex-end; }
.flow__msg .bubble { max-width: 82%; margin-top: 10px; padding: 10px 14px; font-size: 15px; line-height: 1.45; border-radius: 16px 16px 16px 0; background: rgba(255,255,255,.07); }
.flow__msg--u .bubble { border-radius: 16px 16px 0 16px; background: rgba(255,255,255,.18); }
.flow__msg mark { color: inherit; background: rgba(196,176,110,calc(.5 * var(--hl, 0))); border-radius: 3px; box-shadow: 0 0 0 2px rgba(196,176,110,calc(.5 * var(--hl, 0))); }

.flow__fields { position: absolute; left: 4%; right: 4%; bottom: 4%; padding: 18px 18px 14px; border-radius: 18px 18px 18px 0; background: rgba(22,32,26,.82); border: 1px solid rgba(var(--b24u-acc, 196,176,110),min(1, calc(.55 * var(--b24u-acc-a, 1)))); box-shadow: inset 0 0 0 999px rgba(12,13,14,min(1, calc(.3 * var(--b24u-pl, 1)))); opacity: 0; pointer-events: none; -webkit-backdrop-filter: var(--b24u-bf, none); backdrop-filter: var(--b24u-bf, none); }
.flow__fields-title { font-family: 'Geologica', sans-serif; font-weight: 400; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: rgb(var(--b24u-acc, 196,176,110)); margin-bottom: 8px; }
.flow__field { display: flex; gap: 12px; align-items: baseline; padding: 7px 0; border-top: 1px solid rgba(255,255,255,min(1, calc(.1 * var(--b24u-bd, 1)))); opacity: 0; }
.flow__field .k { width: 92px; }

.flow__board { position: absolute; inset: 0; opacity: 0; pointer-events: none; }
.flow__col { position: absolute; top: 0; bottom: 0; border-left: 1px solid rgba(255,255,255,min(1, calc(.12 * var(--b24u-bd, 1)))); padding-left: 10px; }
.flow__col .n { font-family: 'Geologica', sans-serif; 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)))); }
.flow__col[hidden], .flow__ghost[hidden] { display: none; }
.flow__ghost { position: absolute; padding: 12px 14px; display: flex; flex-direction: column; gap: 4px; background: rgba(255,255,255,.04); box-shadow: inset 0 0 0 999px rgba(12,13,14,min(1, calc(.3 * var(--b24u-pl, 1)))); border-radius: 12px 12px 12px 0; border: 1px solid rgba(255,255,255,min(1, calc(.1 * var(--b24u-bd, 1)))); -webkit-backdrop-filter: var(--b24u-bf, none); backdrop-filter: var(--b24u-bf, none); }
.flow__ghost .r1 { display: flex; justify-content: space-between; gap: 8px; font-size: 14px; }
.flow__ghost .who { display: flex; align-items: center; gap: 7px; }
.flow__ghost .dot { width: 5px; height: 5px; border-radius: 50%; }
.flow__ghost .tm { font-size: 12px; color: rgba(255,255,255,min(1, calc(.6 * var(--b24u-tx, 1)))); }
.flow__ghost .r2 { font-size: 12px; color: rgba(255,255,255,min(1, calc(.72 * var(--b24u-tx, 1)))); }

.flow__card { position: absolute; padding: 14px; border-radius: 14px 14px 14px 0; background: rgba(28,40,33,.92); border: 1px solid rgba(196,176,110,.55); box-shadow: inset 0 0 0 999px rgba(12,13,14,min(1, calc(.3 * var(--b24u-pl, 1)))); opacity: 0; pointer-events: none; -webkit-backdrop-filter: var(--b24u-bf, none); backdrop-filter: var(--b24u-bf, none); }
.flow__card--big { left: 4%; top: 40%; width: 92%; transform-origin: 0 0; }
.flow__card .r1 { display: flex; align-items: center; gap: 8px; }
.flow__card .r1 .dot { width: 6px; height: 6px; border-radius: 50%; background: rgb(var(--b24u-acc, 196,176,110)); }
.flow__card .who { font-size: 15px; font-weight: 400; }
.flow__card .tm { margin-left: auto; font-family: 'Geologica', sans-serif; font-weight: 400; font-size: 11px; color: rgba(255,255,255,min(1, calc(.6 * var(--b24u-tx, 1)))); }
.flow__card .r2 { margin-top: 6px; font-size: 13px; color: rgba(255,255,255,min(1, calc(.8 * var(--b24u-tx, 1)))); }
.flow__card .sum > div { margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,min(1, calc(.12 * var(--b24u-bd, 1)))); font-size: 14px; line-height: 1.45; color: rgba(255,255,255,min(1, calc(.85 * var(--b24u-tx, 1)))); }
.flow__card .glow { position: absolute; inset: -1px; border-radius: inherit; border: 1px solid rgba(196,176,110,.9); box-shadow: 0 0 24px rgba(196,176,110,.35); opacity: 0; pointer-events: none; }

.flow__notif { position: absolute; left: 0; right: 0; bottom: 0; display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: 16px 16px 16px 0; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,min(1, calc(.28 * var(--b24u-bd, 1)))); box-shadow: inset 0 0 0 999px rgba(12,13,14,min(1, calc(.42 * var(--b24u-pl, 1)))); opacity: 0; pointer-events: none; -webkit-backdrop-filter: var(--b24u-bf, none); backdrop-filter: var(--b24u-bf, none); }
.flow__notif .dot { width: 6px; height: 6px; flex: none; margin-top: 7px; border-radius: 50%; background: #3d9a5f; }
.flow__notif .txt { flex: 1; min-width: 0; }
.flow__notif .t { display: block; font-size: 15px; font-weight: 400; }
.flow__notif .s { display: block; margin-top: 2px; font-size: 13px; color: rgba(255,255,255,min(1, calc(.78 * var(--b24u-tx, 1)))); }
.flow__notif .s2 { display: block; margin-top: 2px; font-size: 13px; color: rgba(255,255,255,min(1, calc(.6 * var(--b24u-tx, 1)))); }
.flow__notif .tm { font-family: 'Geologica', sans-serif; font-weight: 400; font-size: 12px; color: rgba(255,255,255,min(1, calc(.65 * var(--b24u-tx, 1)))); }

.flow__rail-wrap { position: relative; flex: none; width: 100%; max-width: 1600px; margin: 0 auto; padding: 0 clamp(16px, 3.5vw, 64px); opacity: 0; }
.flow__rail { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border-top: 1px solid rgba(255,255,255,min(1, calc(.14 * var(--b24u-bd, 1)))); }
.flow__rail-btn { position: relative; height: 56px; padding: 0 0 0 clamp(4px, 1.4vw, 24px); background: none; border: 0; color: #fff; font: inherit; font-size: clamp(12px, 1.1vw, 15px); text-align: left; cursor: pointer; opacity: min(1, calc(.55 * var(--b24u-tx, 1))); transition: opacity .3s; }
.flow__rail-btn.is-on { opacity: 1; }
.flow__rail-btn .bar { position: absolute; left: 0; right: 0; top: -1px; height: 1px; background: #fff; transform: scaleX(0); transform-origin: left center; }

@media (max-width: 639.98px) {
	.flow__h2 { font-size: 34px; }
	.flow__rail-btn { height: 44px; }
	.flow__rail-btn .lbl { display: none; }
}
@media (min-width: 900px) {
	.flow__main { flex-direction: row; align-items: center; }
	.flow__cap { flex: 1 1 0; }
	.flow__h2 { font-size: clamp(48px, 5.6vw, 104px); }
	.flow__p { font-size: clamp(17px, 1.4vw, 21px); }
	.flow__box { flex: 0 0 min(560px, 46%); height: min(640px, calc(100vh - 200px)); height: min(640px, calc(100svh - 200px)); }
}

/* ------------------------------------------------------------------------------------
 * B24UPartnerFlow: partner path (partner mode); shares the .flow__* frame.
 * ---------------------------------------------------------------------------------- */
.pflow { position: relative; height: 800vh; height: 800svh; color: rgba(255,255,255,var(--b24u-main, 1)); font-family: 'Geologica', system-ui, sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased; font-variant-numeric: tabular-nums; }
.pflow[hidden] { display: none; }
.pflow__capitem.is-on { pointer-events: auto; }
.pflow__actions { margin-top: clamp(16px, 3vh, 32px); display: flex; flex-wrap: wrap; gap: 14px 28px; align-items: center; }
.pflow__cta { display: inline-flex; align-items: center; gap: 12px; height: 52px; padding: 0 26px; border-radius: 26px 26px 26px 0; border: 1px solid rgba(255,255,255,min(1, calc(.7 * var(--b24u-bd, 1)))); color: #fff; font-size: 16px; font-weight: 400; box-shadow: inset 0 0 0 999px rgba(12,13,14,min(1, calc(.3 * var(--b24u-pl, 1)))); -webkit-backdrop-filter: var(--b24u-bf, none); backdrop-filter: var(--b24u-bf, none); }
.pflow__cta:hover { background: rgba(255,255,255,.1); opacity: 1; }
.pflow__again { background: none; border: 0; padding: 0; color: rgba(255,255,255,min(1, calc(.8 * var(--b24u-tx, 1)))); font: inherit; font-size: 15px; cursor: pointer; border-bottom: 1px solid rgba(255,255,255,min(1, calc(.35 * var(--b24u-bd, 1)))); }
.pflow__rail { grid-template-columns: repeat(8, minmax(0, 1fr)); }
.pflow__rail-btn { padding-left: clamp(4px, 1.2vw, 20px); font-size: clamp(12px, 1vw, 15px); }

.pf-layer { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; gap: 10px; opacity: 0; }
.pf-layer--gap14 { gap: 14px; }
.pf-layer--gap16 { gap: 16px; }
.pf-glass { box-shadow: inset 0 0 0 999px rgba(12,13,14,min(1, calc(.3 * var(--b24u-pl, 1)))); -webkit-backdrop-filter: var(--b24u-bf, none); backdrop-filter: var(--b24u-bf, none); }
.pf-label { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,min(1, calc(.6 * var(--b24u-tx, 1)))); }
.pf-label--mt { margin-top: 8px; }
.pf-label--mb { margin-bottom: 6px; }
.pf-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.pf-head .tag { font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,min(1, calc(.55 * var(--b24u-tx, 1)))); }
.pf-scan-hdr, .pf-row, .pf-dmmsg, .pf-dmsite, .pf-plat, .pf-code, .pf-ok, .pf-day, .pf-note, .pf-plan, .pf-inv, .pf-inv-sw, .pf-renew { box-shadow: inset 0 0 0 999px rgba(12,13,14,min(1, calc(.3 * var(--b24u-pl, 1)))); -webkit-backdrop-filter: var(--b24u-bf, none); backdrop-filter: var(--b24u-bf, none); }
.pf-scan-hdr { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 14px 14px 14px 0; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,min(1, calc(.2 * var(--b24u-bd, 1)))); }
.pf-scan-hdr .k { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,min(1, calc(.6 * var(--b24u-tx, 1)))); }
.pf-scan-hdr .url { flex: 1; min-width: 0; font-size: 16px; }
.pf-scan-hdr .tm { font-size: 15px; color: rgb(var(--b24u-acc, 196,176,110)); }
.pf-bar { height: 2px; background: rgba(255,255,255,.14); }
.pf-bar .fill { height: 2px; background: rgb(var(--b24u-acc, 196,176,110)); transform: scaleX(0); transform-origin: left center; }
.pf-row { display: flex; gap: 14px; align-items: center; padding: 12px 16px; border-radius: 14px 14px 14px 0; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,min(1, calc(.14 * var(--b24u-bd, 1)))); }
.pf-row[data-pf-scan-row] { opacity: 0; }
.pf-row .k { flex: 1; min-width: 0; font-size: 15px; }
.pf-row .s { font-size: 13px; color: rgba(255,255,255,min(1, calc(.55 * var(--b24u-tx, 1)))); }
.pf-row.is-done .s { color: rgb(var(--b24u-acc, 196,176,110)); }
.pf-row--check { padding: 14px 16px; }
.pf-row--check .kv { flex: 1; min-width: 0; }
.pf-row--check .kv .k { display: block; font-size: 15px; }
.pf-row--check .kv .v { display: block; margin-top: 2px; font-size: 13px; color: rgba(255,255,255,min(1, calc(.6 * var(--b24u-tx, 1)))); }
.pf-row--check .sw { position: relative; flex: none; width: 38px; height: 22px; border-radius: 11px; background: rgba(255,255,255,.2); transition: background .3s; }
.pf-row--check .knob { position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: transform .3s; }
.pf-row--check.is-on .sw { background: #3d9a5f; }
.pf-row--check.is-on .knob { transform: translateX(16px); }
.pf-dmmsg { align-self: flex-end; max-width: 86%; padding: 14px 16px; border-radius: 16px 16px 0 16px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,min(1, calc(.24 * var(--b24u-bd, 1)))); opacity: 0; }
.pf-dmmsg .t { font-size: 15px; line-height: 1.45; }
.pf-dmmsg .u { margin-top: 6px; font-size: 14px; color: rgb(var(--b24u-acc, 196,176,110)); }
.pf-dmsite { border-radius: 18px 18px 18px 0; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,min(1, calc(.16 * var(--b24u-bd, 1)))); overflow: hidden; opacity: 0; }
.pf-dmsite .hdr { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-bottom: 1px solid rgba(255,255,255,min(1, calc(.12 * var(--b24u-bd, 1)))); font-size: 13px; color: rgba(255,255,255,min(1, calc(.65 * var(--b24u-tx, 1)))); }
.pf-dmsite .hdr .dot, .pf-ok .dot, .pf-renew .dot { width: 6px; height: 6px; flex: none; border-radius: 50%; background: #3d9a5f; }
.pf-dmsite .hdr .tag { margin-left: auto; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.pf-dmsite .msgs { padding: 14px; display: flex; flex-direction: column; gap: 10px; }
.pf-dm { display: flex; justify-content: flex-start; opacity: 0; }
.pf-dm--u { justify-content: flex-end; }
.pf-dm .bubble { max-width: 82%; padding: 10px 14px; font-size: 14px; line-height: 1.45; border-radius: 14px 14px 14px 0; background: rgba(255,255,255,.07); }
.pf-dm--u .bubble { border-radius: 14px 14px 0 14px; background: rgba(255,255,255,.16); }
.pf-plats { display: flex; flex-wrap: wrap; gap: 8px; }
.pf-plat { padding: 9px 16px; border-radius: 14px 14px 14px 0; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.05); font-size: 14px; transition: background .3s, border-color .3s; }
.pf-plat.is-on { border-color: rgba(var(--b24u-acc, 196,176,110),min(1, calc(.8 * var(--b24u-acc-a, 1)))); background: rgba(var(--b24u-acc, 196,176,110),min(1, calc(.16 * var(--b24u-acc-a, 1)))); }
.pf-code { padding: 16px; border-radius: 14px 14px 14px 0; background: rgba(10,16,13,.6); border: 1px solid rgba(255,255,255,min(1, calc(.14 * var(--b24u-bd, 1)))); font-family: ui-monospace, Menlo, monospace; font-size: 13px; line-height: 1.45; color: rgba(255,255,255,min(1, calc(.85 * var(--b24u-tx, 1)))); word-break: break-all; }
.pf-ok { display: flex; align-items: center; gap: 10px; padding: 14px 16px; border-radius: 14px 14px 14px 0; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,min(1, calc(.24 * var(--b24u-bd, 1)))); font-size: 15px; opacity: 0; }
.pf-days { height: min(260px, 34vh); display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 10px; align-items: end; padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,min(1, calc(.2 * var(--b24u-bd, 1)))); }
.pf-day { border-radius: 10px 10px 0 0; background: rgba(var(--b24u-acc, 196,176,110),min(1, calc(.28 * var(--b24u-acc-a, 1)))); border: 1px solid rgba(var(--b24u-acc, 196,176,110),min(1, calc(.6 * var(--b24u-acc-a, 1)))); border-bottom: 0; transform: scaleY(0); transform-origin: center bottom; }
.pf-day.is-weekend { background: rgba(var(--b24u-acc, 196,176,110),min(1, calc(.55 * var(--b24u-acc-a, 1)))); }
.pf-daynames { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 10px; font-size: 12px; color: rgba(255,255,255,min(1, calc(.6 * var(--b24u-tx, 1)))); }
.pf-note { padding: 14px 16px; border-radius: 14px 14px 14px 0; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,min(1, calc(.24 * var(--b24u-bd, 1)))); font-size: 15px; opacity: 0; }
.pf-plan { display: flex; gap: 14px; align-items: baseline; padding: 14px 16px; border-radius: 14px 14px 14px 0; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.14); transition: background .4s, border-color .4s; }
.pf-plan .n { flex: none; width: 80px; font-size: 16px; }
.pf-plan .d { flex: 1; min-width: 0; font-size: 13px; color: rgba(255,255,255,min(1, calc(.7 * var(--b24u-tx, 1)))); }
.pf-plan.is-on { background: rgba(var(--b24u-acc, 196,176,110),min(1, calc(.16 * var(--b24u-acc-a, 1)))); border-color: rgba(var(--b24u-acc, 196,176,110),min(1, calc(.8 * var(--b24u-acc-a, 1)))); }
.pf-inv { margin-top: 10px; padding: 16px; border-radius: 16px 16px 16px 0; background: rgba(22,32,26,.82); border: 1px solid rgba(var(--b24u-acc, 196,176,110),min(1, calc(.55 * var(--b24u-acc-a, 1)))); opacity: 0; }
.pf-inv .hd { display: flex; justify-content: space-between; align-items: baseline; }
.pf-inv .hd .k { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: rgb(var(--b24u-acc, 196,176,110)); }
.pf-inv .hd .st { font-size: 13px; color: rgba(255,255,255,min(1, calc(.75 * var(--b24u-tx, 1)))); }
.pf-inv-sw { position: relative; margin-top: 12px; display: grid; grid-template-columns: 1fr 1fr; border-radius: 12px 12px 12px 0; border: 1px solid rgba(255,255,255,min(1, calc(.18 * var(--b24u-bd, 1)))); overflow: hidden; font-size: 14px; }
.pf-inv-sw .hl { position: absolute; top: 0; bottom: 0; left: 0; width: 50%; background: rgba(255,255,255,.14); transition: transform .4s ease; }
.pf-inv-sw .hl.is-alt { transform: translateX(100%); }
.pf-inv-sw > span:not(.hl) { position: relative; padding: 10px 12px; text-align: center; }
.pf-income { font-weight: 200; font-size: clamp(56px, 6.4vw, 112px); line-height: .9; letter-spacing: -0.04em; color: rgb(var(--b24u-acc, 196,176,110)); }
.pf-income-sub { display: flex; gap: 18px; font-size: 15px; color: rgba(255,255,255,min(1, calc(.82 * var(--b24u-tx, 1)))); }
.pf-months { height: min(170px, 22vh); display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 8px; align-items: end; padding-bottom: 6px; border-bottom: 1px solid rgba(255,255,255,min(1, calc(.2 * var(--b24u-bd, 1)))); }
.pf-month { height: 100%; border-radius: 6px 6px 0 0; background: rgba(var(--b24u-acc, 196,176,110),min(1, calc(.3 * var(--b24u-acc-a, 1)))); transform: scaleY(0); transform-origin: center bottom; }
.pf-month.is-past { background: rgba(var(--b24u-acc, 196,176,110),min(1, calc(.6 * var(--b24u-acc-a, 1)))); }
.pf-renew { display: flex; gap: 12px; align-items: center; padding: 14px 16px; border-radius: 16px 16px 16px 0; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,min(1, calc(.24 * var(--b24u-bd, 1)))); box-shadow: inset 0 0 0 999px rgba(12,13,14,min(1, calc(.42 * var(--b24u-pl, 1)))); }
.pf-renew .t { flex: 1; min-width: 0; font-size: 14px; }
.pf-renew .m { font-size: 12px; color: rgba(255,255,255,min(1, calc(.65 * var(--b24u-tx, 1)))); }

@media (max-width: 639.98px) {
	.pflow__rail-btn { height: 28px; }
}
@media (min-width: 900px) {
	.pflow__h2 { font-size: clamp(48px, 5.2vw, 96px); }
}

/* ------------------------------------------------------------------------------------
 * B24UMap: activity map. Pulses animate only while the map is on screen.
 * ---------------------------------------------------------------------------------- */
@keyframes b24ring { 0% { transform: scale(.4); opacity: .9; } 100% { transform: scale(2.6); opacity: 0; } }
.amap { position: relative; max-width: 1600px; margin: 0 auto; padding: clamp(80px, 10vw, 160px) clamp(16px, 3.5vw, 64px) clamp(40px, 5vw, 80px); color: #fff; font-family: 'Geologica', system-ui, sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased; font-variant-numeric: tabular-nums; }
.amap__top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px 24px; font-weight: 400; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,min(1, calc(.65 * var(--b24u-tx, 1)))); }
.amap__live { display: flex; align-items: center; gap: 10px; }
.amap__live .dot { width: 7px; height: 7px; border-radius: 50%; background: #3d9a5f; }
.amap__h2 { margin: clamp(16px, 2.4vw, 28px) 0 0; font-weight: 200; font-size: clamp(32px, 5.6vw, 104px); line-height: 1; letter-spacing: -0.04em; white-space: nowrap; }
.amap__h2 .dim { color: rgba(255,255,255,min(1, calc(.6 * var(--b24u-tx, 1)))); }
/* The map is the shared engine (web/assets/js/activity-map.js + activity-map.css, Leaflet);
   below: its framed box and the new palette. Leads gold, conversations white, visits dim. */
/* Edge to edge (owner, 2026-10-04): the box spans the window width (minus a classic
   scrollbar, --sbw from home.js, so no horizontal scroll), starts under the heading and
   goes on under the legend; the text lies above it. */
.amap__top, .amap__h2, .amap__foot { position: relative; z-index: 1; }
.amap__box { position: relative; z-index: 0; isolation: isolate; width: calc(100vw - var(--sbw, 0px)); margin: calc(-1 * clamp(56px, 8vw, 150px)) 0 calc(-1 * clamp(32px, 4vw, 72px)) calc(50% - (100vw - var(--sbw, 0px)) / 2); aspect-ratio: 220 / 100; min-height: 440px; max-height: 92vh; }
.amap .activity-map-wrap--box { position: absolute; inset: 0; opacity: 0; transition: opacity .9s ease;
  /* edge to edge across; only the top and bottom fade into the page */
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 14%, #000 86%, transparent);
  mask-image: linear-gradient(to bottom, transparent, #000 14%, #000 86%, transparent); }
.amap .activity-map-wrap--box.is-shown { opacity: 1; }
.amap .activity-map { height: 100%; }
.amap .leaflet-container { background: transparent; font-family: 'Geologica', system-ui, sans-serif; }
.amap .activity-ping { --c: #fff; }
.amap .activity-ping.is-lead { --c: rgb(var(--b24u-acc, 196,176,110)); }
.amap .activity-ping.is-message { --c: rgba(255,255,255,.6); }
.amap .activity-ping.is-visit-site,
.amap .activity-ping.is-visit-partner,
.amap .activity-ping.is-visit-client { --c: rgba(255,255,255,.45); }
.amap .activity-ping__count { font-family: 'Geologica', system-ui, sans-serif; font-weight: 500; color: #0e0f10; }
.amap .activity-ping__label { font-family: 'Geologica', system-ui, sans-serif; font-weight: 400; background: rgba(14,15,16,.82); }
.amap__foot { margin-top: clamp(20px, 3vw, 36px); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 12px 32px; border-top: 1px solid rgba(255,255,255,min(1, calc(.18 * var(--b24u-bd, 1)))); padding-top: 18px; }
.amap__legend { display: flex; flex-wrap: wrap; gap: 8px 28px; font-size: 15px; color: rgba(255,255,255,min(1, calc(.8 * var(--b24u-tx, 1)))); }
.amap__legend .it { display: flex; align-items: center; gap: 8px; }
.amap__legend .sw { width: 8px; height: 8px; border-radius: 50%; }
.amap__legend .sw--lead { background: rgb(var(--b24u-acc, 196,176,110)); }
.amap__legend .sw--dialog { background: #fff; }
.amap__legend .sw--visit { width: 5px; height: 5px; background: rgba(255,255,255,.45); }
.amap__day:not(.is-visible), .amap__msgs:not(.is-visible) { display: none; }
.amap__note { font-size: 12px; color: rgba(255,255,255,min(1, calc(.55 * var(--b24u-tx, 1)))); }
@media (prefers-reduced-motion: reduce) { .amap .activity-map-wrap--box { transition: none; } }

/* Reduced motion: no video (posters only), no typing, everything visible at once. */
@media (prefers-reduced-motion: reduce) {
	.hero__scene { transition: none; }
	.hero__h1b, .hero__form, .hero__note, .hero__mode, .hbar { transition: none; }
	.hero__tab.is-on .bar { animation: none; transform: scaleX(1); }
}

/* ------------------------------------------------------------------------------------
 * B24UAfter: everything below the activity map. Elements with [data-rv] appear on scroll
 * (home.js, transform and opacity only); scroll-driven numbers are set by home.js.
 * ---------------------------------------------------------------------------------- */
.af { max-width: 1600px; margin: 0 auto; box-sizing: border-box; padding: clamp(64px, 8vw, 120px) clamp(16px, 3.5vw, 64px); color: rgba(255,255,255,var(--b24u-main, 1)); font-family: 'Geologica', system-ui, sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased; font-variant-numeric: tabular-nums; }
.af .dim { color: rgba(255,255,255,min(1, calc(.6 * var(--b24u-tx, 1)))); }
.af .acc { color: rgb(var(--b24u-acc, 196,176,110)); }
.af-kick { font-weight: 400; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,min(1, calc(.65 * var(--b24u-tx, 1)))); }
.af-kick--live { display: flex; align-items: center; gap: 10px; }
.af-kick--live .dot, .deal__dl .dot { width: 7px; height: 7px; border-radius: 50%; background: #3d9a5f; flex: none; }
.af-h2 { margin: 0; font-weight: 200; font-size: clamp(32px, 5.6vw, 104px); line-height: 1; letter-spacing: -0.04em; }
.af-h2--k { margin-top: clamp(16px, 2.4vw, 28px); }
.af-h2--m { font-size: clamp(32px, 3.6vw, 60px); letter-spacing: -0.035em; }
.af-lead { margin: 24px 0 0; max-width: 34em; font-size: clamp(17px, 1.4vw, 21px); line-height: 1.45; color: rgba(255,255,255,min(1, calc(.82 * var(--b24u-tx, 1)))); text-wrap: pretty; }
.af-lead--s { margin-top: 20px; max-width: 40em; font-size: 15px; color: rgba(255,255,255,min(1, calc(.7 * var(--b24u-tx, 1)))); }
.af-lead--28 { max-width: 28em; }
.af-lead--26 { max-width: 26em; }
.pyear__txt .af-lead { margin-top: 20px; }
.af-note { margin: 14px 0 0; max-width: 60em; font-weight: 400; font-size: 12px; line-height: 1.45; color: rgba(255,255,255,min(1, calc(.55 * var(--b24u-tx, 1)))); }
.af-note .b { display: block; }
.af-glass { border-radius: 24px 24px 24px 0; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,min(1, calc(.14 * var(--b24u-bd, 1)))); box-shadow: inset 0 0 0 999px rgba(12,13,14,min(1, calc(.3 * var(--b24u-pl, 1)))); -webkit-backdrop-filter: var(--b24u-bf, none); backdrop-filter: var(--b24u-bf, none); }
.af-grid { margin-top: clamp(40px, 5vw, 72px); display: grid; gap: 16px; }
.af-grid--300 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); }
.af-grid--340 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); margin-top: clamp(40px, 5vw, 80px); }
.af-grid--280 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); }
.af-link { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-weight: 400; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: #fff; }
.af-link--mt { margin-top: 24px; }
.af-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.af-chip { display: inline-flex; align-items: center; min-height: 30px; padding: 0 12px; border-radius: 999px; border: 1px solid rgba(255,255,255,min(1, calc(.22 * var(--b24u-bd, 1)))); font-size: 14px; }
.af-chip.is-acc { background: rgb(var(--b24u-acc, 196,176,110)); color: #14130f; border-color: transparent; }
.af-stats { margin-top: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); border-top: 1px solid rgba(255,255,255,min(1, calc(.18 * var(--b24u-bd, 1)))); }
.af-stats--w { margin-top: clamp(48px, 6vw, 96px); grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); }
.af-stat { padding: 22px clamp(0px, 1.6vw, 24px) 22px 0; border-bottom: 1px solid rgba(255,255,255,min(1, calc(.12 * var(--b24u-bd, 1)))); display: flex; flex-direction: column; gap: 6px; }
.af-stat .t { font-size: 15px; color: rgba(255,255,255,min(1, calc(.72 * var(--b24u-tx, 1)))); }
.af-stat .v { font-size: clamp(28px, 2.8vw, 44px); letter-spacing: -0.03em; color: rgba(255,255,255,min(1, calc(.85 * var(--b24u-tx, 1)))); min-height: 1.2em; }
.af-stat .v.acc { color: rgb(var(--b24u-acc, 196,176,110)); }
.af-stat .d { font-size: 14px; color: rgba(255,255,255,min(1, calc(.6 * var(--b24u-tx, 1)))); min-height: 1.4em; }

/* Partner income for the year (sticky, the month moves with the scroll) */
.pyear { position: relative; height: 260vh; }
.pyear__in { position: sticky; top: 0; min-height: 100vh; padding: clamp(80px, 10vw, 140px) clamp(16px, 3.5vw, 64px) clamp(40px, 5vw, 72px); display: flex; flex-direction: column; justify-content: flex-start; }
.pyear__top, .away__mid { margin-top: clamp(20px, 3vw, 40px); display: flex; flex-wrap: wrap; gap: 24px clamp(32px, 6vw, 120px); align-items: flex-end; }
.pyear__month, .away__big { flex: none; display: flex; align-items: baseline; gap: .12em; font-weight: 200; font-size: clamp(120px, 20vw, 340px); line-height: .8; letter-spacing: -0.06em; }
.pyear__month .w { font-size: .22em; letter-spacing: -0.02em; color: rgba(255,255,255,min(1, calc(.6 * var(--b24u-tx, 1)))); }
.away__big .pc { letter-spacing: -0.02em; }
.pyear__txt { flex: 1 1 360px; min-width: 0; max-width: 620px; }
/* Without the script: three times the design's height. home.js (initYear) sets the real
   height: one proportion on every screen, scaled down only to fit the pinned block (owner). */
.pyear__bars { margin-top: clamp(40px, 5vw, 80px); display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 6px; height: clamp(180px, 27vh, 330px); align-items: end; }
.pyear__bar { height: 100%; border-radius: 6px 6px 0 0; background: rgba(var(--b24u-acc, 196,176,110),min(1, calc(.18 * var(--b24u-acc-a, 1)))); transform-origin: 50% 100%; transform: scaleY(0); }
.pyear__bar.is-on { background: rgba(var(--b24u-acc, 196,176,110),min(1, calc(.6 * var(--b24u-acc-a, 1)))); }

/* Partner levels */
.af-why { margin-top: clamp(40px, 5vw, 72px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 32px clamp(24px, 3vw, 48px); }
.af-why__it { padding-top: 18px; border-top: 1px solid rgba(255,255,255,min(1, calc(.22 * var(--b24u-bd, 1)))); display: flex; flex-direction: column; gap: 10px; }
.af-why__it .n { font-size: 13px; color: rgba(255,255,255,min(1, calc(.6 * var(--b24u-tx, 1)))); }
.af-why__it .t { font-size: clamp(22px, 1.9vw, 28px); line-height: 1.2; letter-spacing: -0.02em; }
.af-why__it .d { font-size: 16px; line-height: 1.45; color: rgba(255,255,255,min(1, calc(.78 * var(--b24u-tx, 1)))); text-wrap: pretty; }
.tiers, .tiers__names { display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); gap: clamp(4px, .8vw, 12px); }
.tiers { margin-top: clamp(56px, 7vw, 104px); align-items: end; height: clamp(180px, 26vh, 300px); }
.tiers__col { display: flex; flex-direction: column; justify-content: flex-end; }
.tiers__bar { flex: 1; border-radius: 14px 14px 0 0; background: rgba(var(--b24u-acc, 196,176,110),min(1, calc(var(--a) * var(--b24u-acc-a, 1)))); border: 1px solid rgba(196,176,110,var(--b)); border-bottom: 0; }
.tiers__names { border-top: 1px solid rgba(255,255,255,min(1, calc(.3 * var(--b24u-bd, 1)))); }
.tiers__name { padding-top: 12px; min-width: 0; }
.tiers__name .no { font-size: 12px; color: rgba(255,255,255,min(1, calc(.55 * var(--b24u-tx, 1)))); }
.tiers__name .nm { margin-top: 4px; font-size: clamp(12px, 1.3vw, 20px); letter-spacing: -0.01em; overflow: hidden; text-overflow: ellipsis; }

/* Ready deal */
.deal { margin-top: clamp(40px, 5vw, 72px); padding: clamp(20px, 2.6vw, 40px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: 8px clamp(32px, 4vw, 72px); }
.deal__col { min-width: 0; display: flex; flex-direction: column; }
.deal__hd { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-bottom: 14px; }
.deal__hd .t { font-size: 20px; font-weight: 400; }
.deal__row { display: flex; flex-direction: column; gap: 6px; padding: 18px 0; border-top: 1px solid rgba(255,255,255,min(1, calc(.14 * var(--b24u-bd, 1)))); }
.deal__row .v { font-size: clamp(17px, 1.3vw, 20px); line-height: 1.45; text-wrap: pretty; }
.deal__row--g { gap: 12px; }
.deal__row--g .n { font-size: 15px; line-height: 1.45; color: rgba(255,255,255,min(1, calc(.75 * var(--b24u-tx, 1)))); }
.deal__row--last { gap: 4px; padding-bottom: 0; }
.deal__dl { display: flex; align-items: center; gap: 12px; min-height: 44px; font-size: 16px; border-bottom: 1px solid rgba(255,255,255,min(1, calc(.08 * var(--b24u-bd, 1)))); }
.deal__dl .dot { width: 6px; height: 6px; }
.deal__dl .w { flex: 1; min-width: 0; display: flex; flex-wrap: wrap; column-gap: 12px; padding: 8px 0; }
.deal__dl .t { font-weight: 400; }
.deal__dl .d, .deal__dl .tm { color: rgba(255,255,255,min(1, calc(.65 * var(--b24u-tx, 1)))); }
.deal__dl .tm { flex: none; font-size: 14px; }

/* Pinned blocks: home.js sets the wrapper height and the sticky offset (pinOf) */
.pin { position: relative; }
.pin__in { position: sticky; }

/* Live statistics (sticky, rows count up with the scroll) */
.live { position: relative; height: 300vh; }
.live__in { position: sticky; top: 0; min-height: 100vh; padding-top: clamp(32px, 5vh, 64px); padding-bottom: clamp(32px, 5vh, 64px); display: flex; flex-direction: column; justify-content: flex-start; }
.live__top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 12px 24px; }
.live__clock { font-weight: 400; font-size: 13px; letter-spacing: .06em; color: #fff; }
.live__body { margin: auto 0; padding: clamp(16px, 3vh, 40px) 0; display: flex; flex-wrap: wrap; gap: clamp(16px, 3vh, 40px) clamp(32px, 6vw, 120px); align-items: flex-end; }
.live__left { flex: 1 1 380px; min-width: 0; display: flex; flex-wrap: wrap; align-items: flex-end; gap: clamp(12px, 3vh, 48px) clamp(24px, 4vw, 64px); }
.live__h2 { flex: 0 1 auto; min-width: 0; font-size: clamp(32px, min(5.6vw, 9vh), 104px); }
.live__conv { flex: 0 1 auto; }
.live__conv .v { font-weight: 200; font-size: clamp(48px, min(11vw, 13vh), 200px); line-height: .85; letter-spacing: -0.05em; color: rgb(var(--b24u-acc, 196,176,110)); white-space: nowrap; }
.live__conv .l { margin-top: clamp(4px, 1.2vh, 16px); max-width: 16em; font-size: clamp(14px, 1.2vw, 18px); line-height: 1.45; color: rgba(255,255,255,min(1, calc(.82 * var(--b24u-tx, 1)))); }
.live__rows { flex: 1 1 520px; min-width: 0; border-top: 1px solid rgba(255,255,255,min(1, calc(.2 * var(--b24u-bd, 1)))); }
.live__row { padding: clamp(6px, 1.6vh, 22px) 0; border-bottom: 1px solid rgba(255,255,255,min(1, calc(.14 * var(--b24u-bd, 1)))); }
.live__rowl, .live__money { display: flex; justify-content: space-between; align-items: baseline; gap: 8px 24px; flex-wrap: wrap; }
.live__rowl .l, .live__money .l { font-size: clamp(15px, 1.2vw, 18px); color: rgba(255,255,255,min(1, calc(.8 * var(--b24u-tx, 1)))); }
.live__rowl .v { font-weight: 200; font-size: clamp(24px, min(3.8vw, 6vh), 68px); line-height: 1; letter-spacing: -0.04em; }
.live__pct { margin-top: clamp(2px, .8vh, 8px); text-align: right; font-size: 13px; color: rgba(255,255,255,min(1, calc(.6 * var(--b24u-tx, 1)))); }
.live__money { padding: clamp(10px, 2vh, 26px) 0 0; }
.live__money .v { font-weight: 200; font-size: clamp(36px, min(5.6vw, 9vh), 110px); line-height: .95; letter-spacing: -0.05em; color: rgb(var(--b24u-acc, 196,176,110)); white-space: nowrap; }

/* While you're away */
.af--away { padding-top: clamp(96px, 14vw, 200px); }
.away__sil { display: inline-block; }
.away__mid { margin-top: clamp(40px, 6vw, 96px); }

/* Platform, integrations, clients */
.plat { min-height: 220px; padding: clamp(24px, 2.2vw, 32px); display: flex; flex-direction: column; gap: 12px; color: #fff; text-decoration: none; }
.plat:hover { background: rgba(255,255,255,.1); }
.plat .t { margin-top: auto; font-size: clamp(24px, 2vw, 30px); line-height: 1.15; letter-spacing: -0.02em; }
.plat .d { font-size: 16px; line-height: 1.45; color: rgba(255,255,255,min(1, calc(.75 * var(--b24u-tx, 1)))); text-wrap: pretty; }
.plat .af-link { min-height: 0; }
.af-names { margin-top: clamp(48px, 6vw, 88px); border-top: 1px solid rgba(255,255,255,min(1, calc(.14 * var(--b24u-bd, 1)))); padding-top: 24px; display: flex; flex-wrap: wrap; align-items: center; gap: 16px 32px; }
.af-names__title { flex: 1 0 100%; }
.af-names__it { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-size: clamp(15px, 1.2vw, 18px); font-weight: 400; }
.af-names__it img { display: block; box-sizing: content-box; width: 18px; height: 18px; padding: 5px; border-radius: 8px; background: #fff; object-fit: contain; }
.af--logos { padding-top: 0; padding-bottom: clamp(32px, 4vw, 64px); }
.af-names--clients { margin-top: 0; gap: 12px 32px; }
.af-names--clients .af-names__it { font-size: clamp(16px, 1.3vw, 19px); }
.case { margin: 0; padding: clamp(24px, 2.4vw, 36px); display: flex; flex-direction: column; gap: 18px; }
.case .v { font-weight: 200; font-size: clamp(44px, 4.4vw, 76px); line-height: 1; letter-spacing: -0.04em; }
.case .l { font-size: 16px; margin-top: -8px; color: rgba(255,255,255,min(1, calc(.75 * var(--b24u-tx, 1)))); }
.case blockquote { margin: 8px 0 0; flex: 1; font-size: clamp(21px, 1.7vw, 26px); line-height: 1.45; text-wrap: pretty; }
.case figcaption { padding-top: 16px; border-top: 1px solid rgba(255,255,255,min(1, calc(.14 * var(--b24u-bd, 1)))); font-size: 14px; line-height: 1.45; }
.case figcaption .p { display: block; font-weight: 400; }
.case figcaption .r { color: rgba(255,255,255,min(1, calc(.65 * var(--b24u-tx, 1)))); }

/* Security, FAQ: two columns */
.af-split { display: flex; flex-wrap: wrap; gap: 32px clamp(32px, 6vw, 120px); align-items: flex-start; }
.af-split__a { flex: 1 1 420px; min-width: 0; }
.af-split__b { flex: 1 1 520px; min-width: 0; border-top: 1px solid rgba(255,255,255,min(1, calc(.18 * var(--b24u-bd, 1)))); }
.af-list__it { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 20px; padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,min(1, calc(.12 * var(--b24u-bd, 1)))); align-items: baseline; color: #fff; text-decoration: none; }
.af-list__it:hover { opacity: .8; }
.af-list__it .t { font-size: 18px; font-weight: 400; }
.af-list__it .s { font-weight: 400; font-size: 12px; color: rgba(255,255,255,min(1, calc(.6 * var(--b24u-tx, 1)))); }
.af-list__it .d { grid-column: 1 / -1; font-size: 15px; line-height: 1.45; color: rgba(255,255,255,min(1, calc(.72 * var(--b24u-tx, 1)))); }
.af--faq { padding-top: 0; }
.af--faq .af-split__a { flex: 1 1 360px; }
.af--faq .af-split__b { flex: 1.4 1 520px; border-top-color: rgba(255,255,255,min(1, calc(.14 * var(--b24u-bd, 1)))); }
.faq__it { border-bottom: 1px solid rgba(255,255,255,min(1, calc(.14 * var(--b24u-bd, 1)))); }
.faq__q { width: 100%; min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 16px; background: transparent; border: 0; padding: 16px 0; font: inherit; font-size: clamp(18px, 1.4vw, 21px); font-weight: 300; color: inherit; text-align: left; cursor: pointer; }
.faq__q .ic { flex: none; font-size: 22px; font-weight: 200; width: 22px; text-align: center; }
.faq__a { margin: 0; padding: 0 40px 22px 0; font-size: 17px; line-height: 1.5; color: rgba(255,255,255,min(1, calc(.8 * var(--b24u-tx, 1)))); text-wrap: pretty; }

/* Plans */
.af--pricing { padding-bottom: clamp(96px, 12vw, 180px); }
.af--pricing .af-lead { max-width: 32em; text-wrap: balance; }
.lvl { padding: clamp(24px, 2.4vw, 34px); background: rgba(255,255,255,.04); display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.lvl.is-tag { border-color: rgba(var(--b24u-acc, 196,176,110),.6); }
.lvl__hd { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.lvl__hd .acc { color: rgb(var(--b24u-acc, 196,176,110)); }
.lvl__t { font-size: clamp(26px, 2.2vw, 34px); line-height: 1.1; letter-spacing: -0.02em; }
.lvl__leads { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
/* A wide range breaks after the dash instead of leaving the card (digit groups never break). */
.lvl__leads .n { font-weight: 200; font-size: clamp(34px, 3vw, 48px); line-height: 1; letter-spacing: -0.04em; }
.lvl__leads .l, .lvl__plans { font-size: 14px; color: rgba(255,255,255,min(1, calc(.65 * var(--b24u-tx, 1)))); }
.lvl__plans { font-size: 13px; }
.lvl__f { flex: 1; border-top: 1px solid rgba(255,255,255,min(1, calc(.14 * var(--b24u-bd, 1)))); padding-top: 14px; display: flex; flex-direction: column; gap: 10px; font-size: 15px; line-height: 1.4; }
.lvl__f .it { display: flex; gap: 10px; align-items: baseline; }
.lvl__f .dot { width: 5px; height: 5px; flex: none; border-radius: 50%; background: rgb(var(--b24u-acc, 196,176,110)); transform: translateY(-2px); }
.trial { margin-top: 16px; padding: 18px 24px; background: rgba(255,255,255,.04); display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 24px; font-size: 16px; }
.price__cta { margin-top: 24px; display: flex; flex-wrap: wrap; align-items: center; gap: 16px 32px; }
.price__cta .af-btn { background: transparent; box-shadow: none; }
.price__cta .n { font-size: 15px; line-height: 1.5; max-width: 36em; color: rgba(255,255,255,min(1, calc(.65 * var(--b24u-tx, 1)))); }

/* Get started */
.start { position: relative; min-height: max(92vh, 640px); display: flex; align-items: center; }
.start__in { width: 100%; padding-top: 96px; padding-bottom: 96px; }
.start__h-prt { margin-bottom: clamp(40px, 5vw, 80px); }
.start__row { display: flex; flex-wrap: wrap; gap: 48px clamp(32px, 6vw, 120px); align-items: flex-start; }
.start__a { flex: 1 1 420px; min-width: 0; }
.start__h { font-size: clamp(32px, 5.6vw, 120px); }
.start__verify { margin-top: clamp(24px, 3vw, 40px); display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; font-size: 15px; color: rgba(255,255,255,min(1, calc(.72 * var(--b24u-tx, 1)))); }
.start__verify .af-btn { color: #fff; }
.home [hidden] { display: none !important; }