1<!doctype html> 2 3 4 5 6 7 8 9 10 11 12<html lang="en"> 13<head> 14<meta charset="utf-8" /> 15<meta name="viewport" content="width=device-width, initial-scale=1" /> 16<title>CoinKeeper â answers to all your money questions</title> 17<meta name="description" content="CoinKeeper brings all your accounts, cards and spending into one place. Understand where money goes, budget as a family without fights and save for your goals." /> 18<link rel="canonical" href="https://coinkeeper.me" /> 19 20<meta property="og:type" content="website" /> 21<meta property="og:site_name" content="CoinKeeper" /> 22<meta property="og:locale" content="en_US" /> 23<meta property="og:locale:alternate" content="ru_RU" /> 24<meta property="og:title" content="CoinKeeper â answers to all your money questions" /> 25<meta property="og:description" content="CoinKeeper brings all your accounts, cards and spending into one place. Understand where money goes, budget as a family without fights and save for your goals." /> 26<meta property="og:url" content="https://coinkeeper.me" /> 27<meta property="og:image" content="https://coinkeeper.me/landing-assets/img/og-default-en.png?v=1790584696" /> 28<meta property="og:image:width" content="1200" /> 29<meta property="og:image:height" content="630" /> 30<meta property="og:image:alt" content="CoinKeeper" /> 31 32<meta name="twitter:card" content="summary_large_image" /> 33<meta name="twitter:title" content="CoinKeeper â answers to all your money questions" /> 34<meta name="twitter:description" content="CoinKeeper brings all your accounts, cards and spending into one place. Understand where money goes, budget as a family without fights and save for your goals." /> 35<meta name="twitter:image" content="https://coinkeeper.me/landing-assets/img/og-default-en.png?v=1790584696" />
vendor: 65 bytes, lines 35-37
35 36 37<script async src="https://www.googletagmanager.com/gtag/js?id=
37G-W3NJLXBFND
vendor: 12 bytes, line 37
37"></script>
38<script> 39
vendor: 133 bytes, lines 39-42
39window.dataLayer = window.dataLayer || []; 40 function gtag(){dataLayer.push(arguments);} 41 gtag('js', new Date()); 42 gtag('config', "
42G-W3NJLXBFND
vendor: 63 bytes, lines 42-46
42", { 43 send_page_view: true, 44 anonymize_ip: false 45 }); 46
46window.GA4_MEASUREMENT_ID = "G-W3NJLXBFND"; 47</script>
47 48 49<link rel="icon" type="image/png" href="/static/img/logo.png?v=1790584696" /> 50<link rel="apple-touch-icon" href="/static/img/logo.png?v=1790584696" /> 51<link rel="preconnect" href="https://fonts.googleapis.com" /> 52<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 53<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&family=DM+Serif+Display:ital@0;1&display=swap" rel="stylesheet" />
54<script defer src="/landing-assets/i18n.js?v=1790584696"></script>
vendor: 1 bytes, line 54
54
55<script src="https://widget.cloudpayments.ru/bundles/cloudpayments.js"></script>
vendor: 1 bytes, line 55
55
56<script defer src="/static/js/landing_new_payment.js?v=1790584696"></script>
56 57<style> 58 :root { 59 --bg: #FFF4E6; 60 --bg-2: #FFE5B8; 61 --ink: #1E2857; 62 --ink-2: #273572; 63 --ink-3: #4A557F; 64 --muted: #8B6F4E; 65 --muted-2: #B89572; 66 --blue: #1576EF; 67 --blue-dark: #074FAC; 68 --orange: #FF791F; 69 --orange-dark: #DB5900; 70 --orange-soft: #FFE8CC; 71 --green: #20C997; 72 --green-dark: #199E77; 73 --green-soft: #B0F2DF; 74 --yellow: #FFB433; 75 --yellow-soft: #FFE5B8; 76 --red: #F95050; 77 --red-soft: #FFC9C9; 78 --cyan: #3BC9DB; 79 --cyan-soft: #B8EDF4; 80 --card: #ffffff; 81 --line: #F4E8D4; 82 --line-2: #F6EFE2; 83 } 84 85 * { box-sizing: border-box; } 86 html, body { margin: 0; padding: 0; } 87 html { scroll-behavior: smooth; } 88 body { 89 font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; 90 color: var(--ink); 91 background: 92 radial-gradient(1100px 700px at 0% 0%, #FFFEFA 0%, transparent 60%), 93 radial-gradient(900px 500px at 100% 15%, #FFF1DE 0%, transparent 55%), 94 radial-gradient(700px 500px at 80% 90%, #FFEFD8 0%, transparent 60%), 95 linear-gradient(180deg, #FFFBF3 0%, #FFF1DC 100%); 96 min-height: 100vh; 97 -webkit-font-smoothing: antialiased; 98 -moz-osx-font-smoothing: grayscale; 99 } 100 101 .wrap { max-width: 1180px; margin: 0 auto; padding: 0 24px; } 102 .accent { 103 font-family: 'DM Serif Display', Georgia, serif; 104 font-style: italic; 105 font-weight: 400; 106 color: var(--orange-dark); 107 letter-spacing: -0.01em; 108 } 109 110 /* ââââââââââ NAV ââââââââââ */ 111 .nav-wrap { 112 padding: 16px 24px; 113 position: sticky; 114 top: 0; 115 z-index: 100; 116 background: rgba(255, 251, 243, 0.65); 117 backdrop-filter: saturate(160%) blur(6px); 118 -webkit-backdrop-filter: saturate(160%) blur(6px); 119 transition: background .2s ease; 120 } 121 .nav-wrap.is-scrolled { 122 background: rgba(255, 251, 243, 0.8); 123 } 124 .nav { 125 max-width: 1180px; margin: 0 auto; 126 padding: 6px 6px 6px 8px; 127 display: flex; align-items: center; justify-content: space-between; 128 } 129 .brand { display: inline-flex; align-items: center; } 130 .brand img { display: block; height: 32px; width: auto; } 131 /* ÐвÑÑ ÑÑовневое Ð¼ÐµÐ½Ñ (plan-site-navigation, Ñаза 2). ÐÑÐ½ÐºÑ Ð¿ÐµÑвого ÑÑÐ¾Ð²Ð½Ñ â 132 <button>, а не ÑÑÑлка: на ÑаÑ-ÑÑÑÑойÑÑÐ²Ð°Ñ Ð¿ÐµÑвÑй Ñап должен ÑаÑкÑÑваÑÑ 133 вÑпадаÑкÑ, а не ÑводиÑÑ Ñо ÑÑÑаниÑÑ. */ 134 .nav-links { 135 display: flex; gap: 30px; 136 list-style: none; margin: 0; padding: 0; 137 font-size: 15px; color: var(--ink); 138 } 139 .nav-item { position: relative; } 140 .nav-item-btn { 141 display: inline-flex; align-items: center; gap: 6px; 142 border: 0; background: transparent; padding: 8px 0; 143 font: inherit; font-size: 15px; font-weight: 600; 144 color: var(--ink); opacity: .85; cursor: pointer; 145 transition: opacity .2s ease, color .2s ease; 146 } 147 .nav-item-btn:hover, 148 .nav-item-btn[aria-expanded="true"] { opacity: 1; color: var(--orange-dark); } 149 .nav-caret { font-size: 10px; line-height: 1; opacity: .55; transition: transform .2s ease; } 150 .nav-item-btn[aria-expanded="true"] .nav-caret { transform: rotate(180deg); } 151 .nav-menu { 152 position: absolute; top: calc(100% + 12px); left: -14px; 153 z-index: 20; min-width: 246px; 154 padding: 10px; border-radius: 16px; 155 background: rgba(255, 251, 243, .96); 156 backdrop-filter: saturate(160%) blur(10px); 157 -webkit-backdrop-filter: saturate(160%) blur(10px); 158 border: 1.5px solid var(--line); 159 box-shadow: 0 18px 40px rgba(30, 40, 87, .14); 160 } 161 /* ÐоÑÑик ÑеÑез Ð·Ð°Ð·Ð¾Ñ Ð¼ÐµÐ¶Ð´Ñ Ð¿ÑнкÑом и вÑпадаÑкой: без него кÑÑÑÐ¾Ñ Ð¿Ð¾ доÑоге 162 Ð¿Ð¾ÐºÐ¸Ð´Ð°ÐµÑ .nav-item и запÑÑÐºÐ°ÐµÑ ÑÐ°Ð¹Ð¼ÐµÑ Ð·Ð°ÐºÑÑÑиÑ. */ 163 .nav-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px; } 164 .nav-menu[hidden] { display: none; } 165 .nav-menu-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; } 166 .nav-menu-list a { 167 display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; 168 padding: 8px 10px; border-radius: 10px; 169 color: var(--ink); text-decoration: none; 170 font-size: 14px; font-weight: 600; opacity: .9; 171 transition: background .15s ease, color .15s ease, opacity .15s ease; 172 } 173 .nav-menu-list a:hover, 174 .nav-menu-list a:focus-visible { background: var(--orange-soft); color: var(--orange-dark); opacity: 1; } 175 /* СÑÑелка = ÑÑ Ð¾Ð´ на дÑÑгой домен. У внÑÑÑÐµÐ½Ð½Ð¸Ñ ÑкоÑей ÐµÑ Ð½ÐµÑ. */ 176 .ext { font-size: 11px; line-height: 1; opacity: .45; } 177 .nav-menu-label { 178 margin: 10px 0 2px; padding: 0 10px; 179 font-size: 11px; font-weight: 800; letter-spacing: .08em; 180 text-transform: uppercase; color: var(--muted); 181 } 182 .nav-menu-platforms { flex-direction: row; flex-wrap: wrap; align-items: center; } 183 .nav-menu-platforms li { display: inline-flex; align-items: center; } 184 .nav-menu-platforms li + li::before { content: "·"; color: var(--muted); opacity: .6; } 185 .nav-menu-platforms a { padding: 6px 8px; } 186 .nav-menu-note { flex-basis: 100%; font-size: 12px; font-weight: 600; color: var(--muted); } 187 /* ÐодпиÑÑ Ð³ÑÑппÑ: оÑноÑиÑÑÑ ÐºÐ¾ вÑем калÑкÑлÑÑоÑам, а не к одной ÑÑÑлке. */ 188 .nav-menu-note-group { flex-basis: auto; margin: 2px 0 6px; padding: 0 10px; } 189 .nav-drawer-sub .nav-menu-note-group { padding: 0 2px; margin: 0 0 6px; } 190 .nav-menu-sep { border: 0; border-top: 1px solid var(--line); margin: 8px 10px; } 191 /* ÐÑ Ð¾Ð´ в веб-веÑÑиÑ. Ghost, а не orange: покÑпка в Ñапке должна оÑÑаÑÑÑÑ 192 единÑÑвенной ÑÑкой кнопкой. ÐÑÑÑÑп на Ñамой кнопке â ÑоÑеди в ÑÑом 193 inline-flex ÑÐ°Ð·Ð´ÐµÐ»ÐµÐ½Ñ ÑобÑÑвеннÑми margin-right, gap Ñ ÐºÐ¾Ð½ÑейнеÑа неÑ. */ 194 .nav-login { margin-right: 10px; } 195 196 /* ââââââââââ LANG SWITCH ââââââââââ */ 197 .lang-switch { 198 display: inline-flex; gap: 0; 199 padding: 3px; 200 background: #fff; 201 border: 1.5px solid var(--line); 202 border-radius: 999px; 203 margin-right: 12px; 204 } 205 .lang-switch button { 206 border: 0; background: transparent; 207 padding: 6px 12px; border-radius: 999px; 208 font: inherit; font-weight: 800; font-size: 12px; 209 letter-spacing: .04em; 210 color: var(--muted); cursor: pointer; 211 transition: background .2s ease, color .2s ease; 212 } 213 .lang-switch button:hover { color: var(--ink); } 214 .lang-switch button.active { background: var(--ink); color: #fff; } 215 216 /* ÐболоÑка-дÑопдаÑн вокÑÑг пилÑли RU|EN. С ÑÐ°Ð·Ñ 2 дÑопдаÑн ÑабоÑÐ°ÐµÑ Ð½Ð° вÑÐµÑ 217 ÑиÑÐ¸Ð½Ð°Ñ : в Ñапке видно ÑолÑко ÑекÑÑий ÑзÑк «RU â¾Â», ÑпиÑок из двÑÑ Ð¿ÑнкÑов 218 ÑаÑкÑÑваеÑÑÑ Ð¿Ð¾ кликÑ. ÐилÑÐ»Ñ RU|EN как вÑегда Ð²Ð¸Ð´Ð¸Ð¼Ð°Ñ Ð¿Ð°Ñа кнопок 219 оÑменена â она оÑÑедала меÑÑо Ñ Ð¾Ñанжевой кнопки покÑпки. */ 220 .lang-dd { position: relative; display: inline-flex; align-items: center; margin-right: 12px; } 221 .lang-dd-trigger { 222 display: inline-flex; align-items: center; gap: 5px; 223 padding: 7px 11px; 224 border: 1.5px solid var(--line); 225 border-radius: 999px; 226 background: #fff; color: var(--ink); 227 font: inherit; font-weight: 800; font-size: 12px; 228 letter-spacing: .04em; cursor: pointer; 229 transition: border-color .2s ease; 230 } 231 .lang-dd-trigger:hover { border-color: var(--orange); } 232 .lang-dd-caret { font-size: 10px; line-height: 1; opacity: .55; transition: transform .2s ease; } 233 .lang-dd.is-open .lang-dd-caret { transform: rotate(180deg); } 234 .lang-dd .lang-switch { 235 display: none; 236 position: absolute; top: calc(100% + 10px); right: 0; 237 z-index: 20; 238 flex-direction: column; 239 margin-right: 0; padding: 4px; 240 box-shadow: 0 14px 30px rgba(30, 40, 87, .14); 241 } 242 .lang-dd.is-open .lang-switch { display: flex; } 243 .lang-dd .lang-switch button { padding: 8px 16px; font-size: 12px; } 244 245 /* ââââââââââ MOBILE NAV: ÐУРÐÐÐ + ШТÐÐ ÐÐ ââââââââââ */ 246 .nav-burger { 247 display: none;
248 align-items: center; justify-content: center; 249 flex: none; 250 width: 40px; height: 40px; padding: 0; 251 margin-right: 10px; 252 border: 1.5px solid var(--line); 253 border-radius: 12px; 254 background: #fff; color: var(--ink); 255 cursor: pointer; 256 transition: border-color .2s ease; 257 } 258 .nav-burger:hover { border-color: var(--orange); } 259 .nav-burger span { 260 display: block; position: relative; 261 width: 18px; height: 2px; border-radius: 2px; 262 background: currentColor; 263 transition: background .2s ease; 264 } 265 .nav-burger span::before, .nav-burger span::after { 266 content: ''; position: absolute; left: 0; 267 width: 18px; height: 2px; border-radius: 2px; 268 background: currentColor; 269 transition: transform .2s ease; 270 } 271 .nav-burger span::before { top: -6px; } 272 .nav-burger span::after { top: 6px; } 273 .nav-burger[aria-expanded="true"] span { background: transparent; } 274 .nav-burger[aria-expanded="true"] span::before { transform: translateY(6px) rotate(45deg); } 275 .nav-burger[aria-expanded="true"] span::after { transform: translateY(-6px) rotate(-45deg); } 276 277 /* ШÑоÑка ÑаÑкÑÑваеÑÑÑ ÐÐÐ Ñапкой (top: 100% Ð¾Ñ sticky .nav-wrap), а не повеÑÑ Ð½ÐµÑ: 278 Ñапка Ñ backdrop-filter и .is-scrolled оÑÑаÑÑÑÑ Ð²Ð¸Ð´Ð¸Ð¼Ð¾Ð¹ и кликабелÑной, 279 бÑÑÐ³ÐµÑ Ð´Ð¾ÑÑÑпен Ð´Ð»Ñ Ð·Ð°ÐºÑÑÑиÑ, конÑликÑа z-index не возникаеÑ. */ 280 .nav-drawer { 281 position: absolute; 282 top: 100%; left: 0; right: 0; 283 height: calc(100vh - 100%); 284 display: block; 285 overflow-y: auto; 286 overscroll-behavior: contain; 287 background: #FFFBF3; 288 border-top: 1px solid var(--line-2); 289 } 290 .nav-drawer[hidden] { display: none; } 291 .nav-drawer-panel { 292 display: flex; flex-direction: column; 293 max-width: 1180px; margin: 0 auto; 294 padding: 8px 16px 32px; 295 } 296 .nav-drawer-link { 297 display: block; 298 padding: 15px 2px; 299 font-size: 18px; font-weight: 700; 300 color: var(--ink); text-decoration: none; 301 border-bottom: 1px solid var(--line-2); 302 } 303 .nav-drawer-link:hover { color: var(--orange); } 304 .nav-drawer-login { margin-top: 22px; align-self: stretch; justify-content: center; } 305 306 /* ÐккоÑдеон вÑоÑого ÑÑовнÑ: ÑаÑкÑÑÑие ÐÐ ÐÐÐÐУ, не по Ñ Ð¾Ð²ÐµÑÑ â на ÑаÑе 307 Ñ Ð¾Ð²ÐµÑ Ð´Ð°ÑÑ ÑанÑомное ÑÑабаÑÑвание. ÐÑÐ½ÐºÑ Ð¿ÐµÑвого ÑÑÐ¾Ð²Ð½Ñ â button, а не ÑÑÑлка. */ 308 .nav-drawer-toggle { 309 display: flex; align-items: center; justify-content: space-between; 310 width: 100%; padding: 15px 2px; 311 border: 0; border-bottom: 1px solid var(--line-2); 312 background: transparent; color: var(--ink); 313 font: inherit; font-size: 18px; font-weight: 700; 314 text-align: left; cursor: pointer; 315 } 316 .nav-drawer-toggle:hover { color: var(--orange); } 317 .nav-drawer-caret { 318 font-size: 13px; line-height: 1; opacity: .55; 319 transition: transform .2s ease; 320 } 321 .nav-drawer-toggle[aria-expanded="true"] .nav-drawer-caret { transform: rotate(180deg); } 322 .nav-drawer-sub { padding: 2px 2px 10px 14px; display: flex; flex-direction: column; } 323 .nav-drawer-sub[hidden] { display: none; } 324 .nav-drawer-sub a { 325 display: block; padding: 12px 2px; 326 font-size: 16px; font-weight: 600; 327 color: var(--muted); text-decoration: none; 328 } 329 .nav-drawer-sub a:hover { color: var(--orange); } 330 .nav-drawer-sub a { display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; } 331 .nav-drawer-sub .nav-menu-label { padding: 0; margin: 12px 0 2px; } 332 .nav-drawer-sub .nav-menu-sep { margin: 8px 0; align-self: stretch; } 333 body.nav-drawer-open { overflow: hidden; } 334 335 .btn { 336 display: inline-flex; align-items: center; gap: 10px; 337 background: var(--ink); color: #fff; 338 border: 0; cursor: pointer; 339 padding: 13px 22px; 340 border-radius: 999px; 341 font-family: inherit; font-size: 15px; font-weight: 700; 342 text-decoration: none; 343 transition: transform .12s ease, background .2s ease, box-shadow .2s ease; 344 } 345 .btn:hover { background: var(--ink-2); transform: translateY(-1px); } 346 .btn .arrow { display: inline-block; transition: transform .2s ease; } 347 .btn:hover .arrow { transform: translateX(3px); } 348 .btn-orange { background: var(--orange); } 349 .btn-orange:hover { background: var(--orange-dark); } 350 .btn-ghost { 351 background: transparent; color: var(--ink); 352 border: 1.5px solid rgba(30,40,87,.15); 353 } 354 .btn-ghost:hover { background: rgba(30,40,87,.04); border-color: rgba(30,40,87,.3); } 355 .btn-big { padding: 16px 28px; font-size: 16px; } 356 357 /* ââââââââââ HERO ââââââââââ */ 358 .hero { 359 max-width: 1180px; 360 margin: 0 auto; 361 padding: 110px 24px 60px; 362 text-align: center; 363 } 364 .hero-badge-row { display: block; margin-bottom: 26px; } 365 .badge { 366 display: inline-flex; align-items: center; gap: 8px; 367 padding: 7px 14px; 368 background: rgba(255,255,255,.7); 369 border: 1px solid rgba(219,89,0,.18); 370 border-radius: 999px; 371 font-size: 13px; font-weight: 700; 372 color: var(--orange-dark); 373 text-decoration: none; 374 transition: background .2s ease, border-color .2s ease, transform .12s ease; 375 } 376 a.badge:hover { 377 background: #fff; 378 border-color: rgba(219,89,0,.35); 379 transform: translateY(-1px); 380 } 381 .badge .arrow { display: inline-block; transition: transform .2s ease; } 382 a.badge:hover .arrow { transform: translateX(3px); } 383 .badge .dot { 384 width: 7px; height: 7px; border-radius: 50%; 385 background: var(--orange); 386 box-shadow: 0 0 0 4px rgba(255,121,31,.15); 387 } 388 h1 { 389 font-size: clamp(38px, 5.5vw, 72px); 390 line-height: 1.05; 391 letter-spacing: -0.02em; 392 font-weight: 800; 393 margin: 0 0 28px; 394 color: var(--ink); 395 } 396 .lede { 397 max-width: 640px; 398 margin: 0 auto 36px; 399 font-size: 18px; 400 line-height: 1.55; 401 color: var(--muted); 402 font-weight: 500; 403 } 404 .cta-row { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; } 405 .reassure { 406 margin-top: 24px; 407 display: flex; justify-content: center; gap: 32px; 408 flex-wrap: wrap; 409 font-size: 14px; color: var(--ink); font-weight: 600; 410 } 411 .reassure span { display: inline-flex; align-items: center; gap: 8px; } 412 .check { width: 16px; height: 16px; color: var(--orange-dark); flex-shrink: 0; } 413 414 /* ââââââââââ HERO TRUST STRIP ââââââââââ */ 415 .hero-trust { 416 display: inline-flex; align-items: center; 417 border-radius: 999px; 418 padding: 10px 4px; 419 margin-bottom: 28px; 420 flex-wrap: wrap; 421 justify-content: center; 422 gap: 0; 423 } 424 .ht-item { 425 display: inline-flex; flex-direction: column; align-items: center; 426 gap: 1px; padding: 0 20px; text-align: center; 427 } 428 .ht-sep { width: 1px; height: 36px; background: rgba(139,111,78,.22); flex-shrink: 0; } 429 .ht-big { font-size: 34px; font-weight: 900; color: var(--ink); line-height: 1; } 430 .ht-unit { font-size: 13px; font-weight: 700; color: var(--ink); line-height: 1.2; } 431 .ht-num { font-size: 34px; font-weight: 900; color: var(--ink); line-height: 1; } 432 .ht-label { color: var(--muted); font-weight: 500; font-size: 12px; line-height: 1.3; } 433 .ht-stars { color: var(--yellow); font-size: 12px; letter-spacing: 1.5px; line-height: 1; } 434 .ht-editors { flex-direction: column; font-weight: 700; color: var(--ink); gap: 2px; } 435 .ht-editors-top { display: flex; align-items: center; gap: 6px; } 436 .editors-badge { 437 display: block; 438 height: 68px; 439 width: auto; 440 mix-blend-mode: multiply; 441 } 442 443 /* ââââââââââ BROWSER CARD ââââââââââ */ 444 .card-wrap { padding: 40px 24px 80px; display: flex; justify-content: center; } 445 .browser { 446 width: 100%; 447 max-width: 680px; 448 background: #fff; 449 border-radius: 14px; 450 box-shadow: 0 10px 40px rgba(139, 90, 30, 0.12), 0 2px 6px rgba(139, 90, 30, 0.06); 451 overflow: hidden; 452 } 453 .browser-bar { 454 display: flex; align-items: center; gap: 8px; 455 padding: 12px 16px; 456 background: #FFFBF3; 457 border-bottom: 1px solid var(--line); 458 font-size: 13px; color: var(--muted); font-weight: 600; 459 } 460 .dots { display: flex; gap: 6px; margin-right: 12px; } 461 .dots i { display: block; width: 11px; height: 11px; border-radius: 50%; } 462 .dots i:nth-child(1) { background: #ec6a5e; } 463 .dots i:nth-child(2) { background: #f4be4f; } 464 .dots i:nth-child(3) { background: #61c554; } 465 .browser-body { padding: 24px 28px 28px; } 466 .browser-body h2 { 467 margin: 4px 0 18px; 468 font-size: 22px; font-weight: 700; 469 letter-spacing: -0.01em; color: var(--ink); 470 } 471 .row { 472 display: flex; align-items: center; justify-content: space-between; 473 padding: 12px 0; 474 border-bottom: 1px solid var(--line-2); 475 font-size: 15px; 476 } 477 .row:last-child { border-bottom: 0; } 478 .row-left { display: flex; align-items: center; gap: 12px; } 479 .cat-dot { 480 width: 32px; height: 32px; border-radius: 8px; 481 display: inline-flex; align-items: center; justify-content: center; 482 font-size: 16px; 483 } 484 .cat-dot.food { background: var(--yellow-soft); } 485 .cat-dot.cafe { background: var(--red-soft); } 486 .cat-dot.tx { background: var(--green-soft); } 487 .cat-dot.fun { background: #FFD8A8; } 488 .cat-dot.home { background: var(--cyan-soft); } 489 .cat-dot.car { background: #E6DDFF; } 490 .label { font-weight: 600; color: var(--ink); } 491 .sub { color: var(--muted); font-size: 13px; font-weight: 500; } 492 .amount { font-weight: 700; color: var(--ink); } 493 .amount.in { color: var(--green-dark); } 494 495 /* ââââââââââ TRUST STRIP ââââââââââ */ 496 .trust { 497 padding: 32px 24px 8px; 498 display: flex; justify-content: center; 499 } 500 .trust-inner { 501 display: flex; gap: 56px; flex-wrap: wrap; justify-content: center; 502 padding: 22px 36px; 503 background: rgba(255,255,255,.55); 504 border: 1px solid var(--line); 505 border-radius: 20px; 506 } 507 .trust-item { text-align: center; } 508 .trust-item b { 509 display: block; font-size: 26px; font-weight: 800; 510 color: var(--ink); letter-spacing: -.01em; 511 } 512 .trust-item span { 513 display: block; font-size: 13px; color: var(--muted); 514 font-weight: 600; margin-top: 2px; 515 } 516 517 /* ââââââââââ SECTION HEADERS ââââââââââ */ 518 section { padding: 100px 0 60px; } 519 .section-head { text-align: center; max-width: 720px; margin: 0 auto 56px; } 520 .eyebrow { 521 display: inline-block; 522 font-size: 13px; font-weight: 800; letter-spacing: .12em; 523 text-transform: uppercase; 524 color: var(--orange-dark); 525 margin-bottom: 14px; 526 } 527 h2 { 528 font-size: clamp(30px, 4vw, 48px); 529 line-height: 1.1; letter-spacing: -0.02em; 530 font-weight: 800; margin: 0 0 16px; color: var(--ink); 531 } 532 h2 .accent { font-size: inherit; } 533 .section-lede { 534 font-size: 17px; line-height: 1.6; 535 color: var(--muted); font-weight: 500; 536 max-width: 580px; margin: 0 auto; 537 } 538 539 /* ââââââââââ SEGMENTS (3 главнÑÑ JTBD) ââââââââââ */ 540 .segments { 541 display: grid; grid-template-columns: repeat(3, 1fr); 542 gap: 22px; 543 } 544 .seg-card { 545 background: #fff; 546 border: 1px solid var(--line); 547 border-radius: 22px; 548 padding: 28px 26px 26px; 549 box-shadow: 0 6px 24px rgba(139, 90, 30, .06); 550 display: flex; flex-direction: column; 551 transition: transform .2s ease, box-shadow .2s ease; 552 } 553 .seg-card:hover { transform: translateY(-3px); box-shadow: 0 14px 36px rgba(139, 90, 30, .12); } 554 .seg-header { 555 display: flex; align-items: center; gap: 14px; margin-bottom: 16px; 556 } 557 .seg-icon { 558 width: 48px; height: 48px; border-radius: 14px; 559 display: inline-flex; align-items: center; justify-content: center; 560 font-size: 24px; flex-shrink: 0; 561 } 562 .seg-icon.a { background: var(--orange-soft); } 563 .seg-icon.b { background: var(--green-soft); } 564 .seg-icon.c { background: var(--yellow-soft); } 565 .seg-card h3 { 566 font-size: 20px; line-height: 1.2; letter-spacing: -.01em; 567 font-weight: 800; margin: 0; color: var(--ink); 568 } 569 .seg-card p { 570 font-size: 15px; line-height: 1.55; color: var(--muted); 571 margin: 0 0 18px; font-weight: 500; 572 } 573 .seg-card ul { list-style: none; padding: 0; margin: 0 0 22px; } 574 .seg-card li { 575 display: flex; align-items: flex-start; gap: 10px; 576 font-size: 14px; color: var(--ink-3); font-weight: 600; 577 padding: 6px 0; 578 } 579 .seg-card li::before { 580 content: ""; display: inline-block; 581 width: 6px; height: 6px; border-radius: 50%; 582 background: var(--orange); 583 margin-top: 7px; flex-shrink: 0; 584 } 585 .seg-card .seg-link { 586 margin-top: 16px; 587 font-size: 14px; font-weight: 700; 588 color: var(--orange-dark); text-decoration: none; 589 display: inline-flex; align-items: center; gap: 6px; 590 } 591 .seg-card .seg-link:hover { color: var(--orange); } 592 593 /* portrait quote block inside seg-card */ 594 .seg-quote { 595 background: var(--orange-soft); 596 border-left: 3px solid var(--orange); 597 border-radius: 0 10px 10px 0; 598 padding: 12px 14px; 599 margin-top: 4px; 600 margin-bottom: 0; 601 font-size: 14px; 602 line-height: 1.5; 603 color: var(--ink); 604 font-style: italic; 605 font-weight: 600; 606 } 607 #segments { padding-top: 40px; } 608 .seg-persona { 609 font-size: 12px; 610 font-weight: 700; 611 color: var(--muted); 612 margin-top: 7px; 613 font-style: normal; 614 display: block; 615 } 616 617 /* ââââââââââ BENTO FEATURES ââââââââââ */ 618 .bento { 619 display: grid; 620 grid-template-columns: repeat(12, 1fr); 621 grid-auto-rows: minmax(140px, auto); 622 gap: 18px; 623 } 624 .tile { 625 background: #fff; 626 border: 1px solid var(--line); 627 border-radius: 22px; 628 padding: 24px; 629 box-shadow: 0 6px 24px rgba(139, 90, 30, .05); 630 position: relative; overflow: hidden; 631 display: flex; flex-direction: column; 632 } 633 .tile h4 { 634 font-size: 18px; font-weight: 800; letter-spacing: -.01em; 635 margin: 0 0 8px; color: var(--ink); line-height: 1.25; 636 } 637 .tile p { 638 font-size: 14px; line-height: 1.5; color: var(--muted); 639 margin: 0; font-weight: 500; 640 } 641 .tile .tile-icon { 642 width: 38px; height: 38px; border-radius: 10px; 643 display: inline-flex; align-items: center; justify-content: center; 644 font-size: 18px; margin-bottom: 14px; 645 } 646 .tile-head { 647 display: flex; align-items: center; gap: 12px; margin-bottom: 10px; 648 } 649 .tile-head .tile-icon { margin-bottom: 0; flex-shrink: 0; } 650 .tile-head h4 { margin: 0; } 651 .tile.big { 652 grid-column: span 7;
652 grid-row: span 2; 653 background: 654 radial-gradient(600px 280px at 100% 0%, #FFE5B8 0%, transparent 60%), 655 linear-gradient(180deg, #FFFBF3 0%, #FFF4E6 100%); 656 } 657 .tile.tall { grid-column: span 5; grid-row: span 2; } 658 .tile.wide { grid-column: span 8; } 659 .tile.s4 { grid-column: span 4; } 660 .tile.s5 { grid-column: span 5; } 661 .tile.s6 { grid-column: span 6; } 662 .tile.s7 { grid-column: span 7; } 663 .tile.s12 { grid-column: span 12; } 664 .tile.dark { 665 background: linear-gradient(135deg, var(--ink) 0%, var(--ink-2) 100%); 666 color: #fff; border-color: transparent; 667 } 668 .tile.dark h4 { color: #fff; } 669 .tile.dark p { color: rgba(255,255,255,.78); } 670 671 /* tile content elements */ 672 .mini-bars { display: flex; align-items: flex-end; gap: 8px; height: 110px; margin-top: 18px; } 673 .mini-bars i { 674 flex: 1; background: var(--orange-soft); border-radius: 8px 8px 0 0; 675 position: relative; 676 } 677 .mini-bars i::after { 678 content: ""; position: absolute; bottom: 0; left: 0; right: 0; 679 height: 50%; background: var(--orange); border-radius: 8px 8px 0 0; 680 } 681 .mini-bars i:nth-child(2)::after { height: 70%; } 682 .mini-bars i:nth-child(3)::after { height: 35%; } 683 .mini-bars i:nth-child(4)::after { height: 85%; background: var(--orange-dark); } 684 .mini-bars i:nth-child(5)::after { height: 55%; } 685 .mini-bars i:nth-child(6)::after { height: 75%; } 686 .mini-bars i:nth-child(7)::after { height: 45%; } 687 688 .goal { 689 margin-top: 18px; 690 background: #FFFBF3; 691 border: 1px solid var(--line); 692 border-radius: 14px; padding: 14px 16px; 693 } 694 .goal-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; } 695 .goal-title { font-weight: 700; font-size: 14px; color: var(--ink); } 696 .goal-num { font-weight: 800; font-size: 14px; color: var(--orange-dark); } 697 .goal-bar { height: 8px; background: var(--orange-soft); border-radius: 999px; overflow: hidden; } 698 .goal-bar i { display: block; height: 100%; background: linear-gradient(90deg, var(--orange) 0%, var(--orange-dark) 100%); border-radius: 999px; } 699 .goal-sub { display: flex; justify-content: space-between; margin-top: 8px; font-size: 12px; color: var(--muted); font-weight: 600; } 700 701 .cats { 702 display: grid; grid-template-columns: repeat(4, 1fr); 703 gap: 12px; margin-top: 16px; 704 } 705 .cats .c { 706 aspect-ratio: 1; border-radius: 14px; 707 display: flex; align-items: center; justify-content: center; 708 font-size: 22px; 709 } 710 711 .ai-chat { 712 margin-top: 14px; display: flex; flex-direction: column; gap: 8px; 713 } 714 .bubble { 715 padding: 10px 14px; border-radius: 14px; 716 font-size: 14px; line-height: 1.35; font-weight: 600; 717 max-width: 88%; 718 } 719 .bubble.user { 720 background: rgba(255,255,255,.12); color: #fff; 721 align-self: flex-end; border-bottom-right-radius: 4px; 722 } 723 .bubble.bot { 724 background: var(--orange); color: #fff; 725 align-self: flex-start; border-bottom-left-radius: 4px; 726 } 727 728 .sync-row { 729 display: flex; align-items: center; gap: 14px; margin-top: 18px; 730 } 731 .sync-pill { 732 padding: 8px 14px; background: #FFFBF3; 733 border: 1px solid var(--line); 734 border-radius: 999px; font-size: 13px; font-weight: 700; 735 display: inline-flex; align-items: center; gap: 8px; 736 color: var(--ink); 737 } 738 739 /* ââââââââââ HOW IT WORKS ââââââââââ */ 740 .steps { 741 display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; 742 } 743 .step { 744 background: #fff; border: 1px solid var(--line); 745 border-radius: 22px; padding: 30px 26px; 746 position: relative; 747 } 748 .step-num { 749 font-family: 'DM Serif Display', Georgia, serif; 750 font-style: italic; font-size: 54px; line-height: 1; 751 color: var(--orange); margin-bottom: 8px; 752 } 753 .step h3 { 754 font-size: 20px; font-weight: 800; letter-spacing: -.01em; 755 margin: 0 0 10px; color: var(--ink); 756 } 757 .step p { font-size: 15px; line-height: 1.55; color: var(--muted); margin: 0; font-weight: 500; } 758 759 /* ââââââââââ PREMIUM ROW (AI / Subscriptions / Investor) ââââââââââ */ 760 .duo { 761 display: grid; grid-template-columns: 7fr 5fr; gap: 22px; 762 align-items: stretch; 763 } 764 .duo.flip { grid-template-columns: 5fr 7fr; } 765 .panel { 766 background: #fff; 767 border: 1px solid var(--line); 768 border-radius: 26px; padding: 36px; 769 box-shadow: 0 8px 30px rgba(139, 90, 30, .06); 770 display: flex; flex-direction: column; justify-content: center; 771 } 772 .panel.dark { 773 background: 774 radial-gradient(500px 300px at 100% 0%, rgba(255,121,31,.25) 0%, transparent 60%), 775 linear-gradient(135deg, var(--ink) 0%, var(--ink-2) 100%); 776 color: #fff; border-color: transparent; 777 } 778 .panel.dark h3, .panel.dark .panel-tag { color: #fff; } 779 .panel.dark p { color: rgba(255,255,255,.78); } 780 .panel-tag { 781 display: inline-flex; align-items: center; gap: 8px; 782 font-size: 12px; font-weight: 800; letter-spacing: .1em; 783 text-transform: uppercase; color: var(--orange-dark); 784 margin-bottom: 16px; 785 } 786 .panel-tag::before { 787 content: "â¦"; font-family: 'DM Serif Display', serif; 788 font-style: italic; font-size: 16px; 789 } 790 .panel h3 { 791 font-size: clamp(24px, 3vw, 34px); line-height: 1.15; 792 font-weight: 800; letter-spacing: -.01em; 793 margin: 0 0 14px; color: var(--ink); 794 } 795 .panel p { 796 font-size: 16px; line-height: 1.6; color: var(--muted); 797 margin: 0 0 22px; font-weight: 500; 798 } 799 .panel-list { list-style: none; padding: 0; margin: 0; } 800 .panel-list li { 801 display: flex; gap: 12px; padding: 8px 0; 802 font-size: 15px; font-weight: 600; color: var(--ink-3); 803 } 804 .panel.dark .panel-list li { color: rgba(255,255,255,.85); } 805 .panel-list li::before { 806 content: "â"; color: var(--orange-dark); font-weight: 900; flex-shrink: 0; 807 } 808 .panel.dark .panel-list li::before { color: var(--yellow); } 809 810 .ai-demo { display: flex; flex-direction: column; gap: 10px; margin-top: 22px; } 811 .ai-demo .bubble.user { background: rgba(255,255,255,.14); } 812 .ai-demo .bubble.bot { background: var(--orange); } 813 814 .subs-list { 815 margin-top: 24px; display: flex; flex-direction: column; gap: 10px; 816 } 817 .sub-item { 818 display: flex; align-items: center; justify-content: space-between; 819 padding: 14px 16px; background: #FFFBF3; 820 border: 1px solid var(--line); border-radius: 14px; 821 } 822 .sub-item .sub-left { display: flex; align-items: center; gap: 12px; font-weight: 700; } 823 .sub-emoji { 824 width: 36px; height: 36px; border-radius: 10px; 825 display: inline-flex; align-items: center; justify-content: center; 826 font-size: 18px; 827 } 828 .sub-emoji.a { background: var(--red-soft); } 829 .sub-emoji.b { background: var(--green-soft); } 830 .sub-emoji.c { background: var(--cyan-soft); } 831 .sub-amt { font-weight: 800; color: var(--ink); font-size: 14px; } 832 .sub-warn { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--red); font-weight: 700; } 833 834 .wealth-cards { 835 display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; 836 margin-top: 22px; 837 } 838 .wcard { 839 background: rgba(255,255,255,.06); 840 border: 1px solid rgba(255,255,255,.1); 841 border-radius: 14px; padding: 16px; 842 } 843 .wcard .w-label { font-size: 12px; color: rgba(255,255,255,.6); font-weight: 700; text-transform: uppercase; letter-spacing: .08em; } 844 .wcard .w-val { font-size: 24px; font-weight: 800; margin-top: 6px; color: #fff; letter-spacing: -.01em; } 845 .wcard .w-delta { font-size: 13px; margin-top: 4px; color: var(--green); font-weight: 700; } 846 847 /* ââââââââââ TESTIMONIALS ââââââââââ */ 848 .reviews { 849 display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; 850 } 851 .review { 852 background: #fff; border: 1px solid var(--line); 853 border-radius: 22px; padding: 28px 26px; 854 box-shadow: 0 6px 24px rgba(139, 90, 30, .05); 855 display: flex; flex-direction: column; 856 } 857 .stars { display: flex; gap: 2px; margin-bottom: 14px; color: var(--yellow); } 858 .stars span { font-size: 18px; } 859 .review p { 860 font-size: 16px; line-height: 1.55; color: var(--ink); 861 margin: 0 0 22px; font-weight: 500; 862 flex: 1; 863 } 864 .review .who { display: flex; align-items: center; gap: 12px; } 865 .avatar { 866 width: 40px; height: 40px; border-radius: 50%; 867 display: inline-flex; align-items: center; justify-content: center; 868 font-weight: 800; color: #fff; font-size: 15px; 869 } 870 .avatar.a { background: var(--orange); } 871 .avatar.b { background: var(--green); } 872 .avatar.c { background: var(--blue); } 873 .avatar.d { background: var(--yellow); } 874 .avatar.e { background: var(--red); } 875 .who-name { font-weight: 700; font-size: 14px; color: var(--ink); } 876 .who-meta { font-size: 12px; color: var(--muted); font-weight: 600; } 877 878 /* ââââââââââ PRICING ââââââââââ */ 879 .pricing-toggle-wrap { 880 display: flex; justify-content: center; margin-bottom: 36px; 881 } 882 .pricing-toggle { 883 display: inline-flex; background: #fff; 884 border: 1.5px solid var(--line); 885 border-radius: 999px; padding: 4px; gap: 2px; 886 box-shadow: 0 4px 16px rgba(139, 90, 30, .06); 887 } 888 .pt-btn { 889 border: 0; background: transparent; 890 padding: 10px 22px; border-radius: 999px; 891 font: inherit; font-weight: 700; font-size: 14px; 892 color: var(--muted); cursor: pointer; 893 transition: background .2s ease, color .2s ease; 894 display: inline-flex; align-items: center; gap: 8px; 895 } 896 .pt-btn:hover { color: var(--ink); } 897 .pt-btn.active { background: var(--ink); color: #fff; } 898 .pt-save { 899 background: var(--green-soft); color: var(--green-dark); 900 font-size: 11px; font-weight: 800; 901 padding: 2px 7px; border-radius: 6px; letter-spacing: .02em; 902 } 903 .pt-btn.active .pt-save { background: rgba(255,255,255,.18); color: #fff; } 904 905 .plan-price-variant { display: none; } 906 .plan-price-variant.active { display: block; } 907 908 .plan-cta-variant { display: none; } 909 .plan-cta-variant.active { display: inline-flex; } 910 911 /* Email modal for checkout */ 912 .checkout-modal-backdrop { 913 position: fixed; inset: 0; 914 background: rgba(30, 40, 87, .55); 915 display: none;
916 align-items: center; justify-content: center; 917 padding: 20px; 918 z-index: 1000; 919 opacity: 0; 920 transition: opacity .18s ease; 921 } 922 .checkout-modal-backdrop.is-open { display: flex; opacity: 1; } 923 .checkout-modal { 924 width: 100%; 925 max-width: 460px; 926 background: #fff; 927 border-radius: 20px; 928 padding: 28px 28px 24px; 929 box-shadow: 0 24px 64px rgba(30, 40, 87, .25); 930 position: relative; 931 transform: translateY(8px); 932 transition: transform .18s ease; 933 } 934 .checkout-modal-backdrop.is-open .checkout-modal { transform: translateY(0); } 935 .checkout-modal-close { 936 position: absolute; top: 14px; right: 14px; 937 width: 32px; height: 32px; 938 display: inline-flex; align-items: center; justify-content: center; 939 background: transparent; border: none; cursor: pointer; 940 border-radius: 8px; 941 color: var(--ink-3); 942 font-size: 22px; line-height: 1; 943 transition: background .15s ease, color .15s ease; 944 } 945 .checkout-modal-close:hover { background: rgba(30, 40, 87, .06); color: var(--ink); } 946 .checkout-modal-title { 947 margin: 0 0 8px; 948 font-size: 22px; font-weight: 800; 949 color: var(--ink); 950 letter-spacing: -.01em; 951 } 952 .checkout-modal-sub { 953 margin: 0 0 18px; 954 font-size: 14px; font-weight: 500; 955 color: var(--ink-3); 956 } 957 .checkout-email-label { 958 display: block; 959 font-size: 13px; 960 font-weight: 700; 961 color: var(--ink-2); 962 margin-bottom: 8px; 963 } 964 .checkout-email-input { 965 width: 100%; 966 padding: 14px 18px; 967 font-family: inherit; 968 font-size: 16px; 969 font-weight: 500; 970 color: var(--ink); 971 background: #fff; 972 border: 1.5px solid var(--line); 973 border-radius: 12px; 974 outline: none; 975 transition: border-color .15s ease, box-shadow .15s ease; 976 } 977 .checkout-email-input:focus { 978 border-color: var(--orange); 979 box-shadow: 0 0 0 3px var(--orange-soft); 980 } 981 .checkout-email-input.is-invalid { 982 border-color: var(--red); 983 box-shadow: 0 0 0 3px var(--red-soft); 984 } 985 .checkout-email-error { 986 margin-top: 8px; 987 font-size: 13px; 988 font-weight: 600; 989 color: var(--red); 990 } 991 .checkout-modal-submit { 992 width: 100%; 993 margin-top: 18px; 994 justify-content: center; 995 } 996 .checkout-modal-note { 997 margin: 14px 0 0; 998 font-size: 12px; 999 color: var(--ink-3); 1000 text-align: center; 1001 } 1002 body.no-scroll { overflow: hidden; } 1003 1004 .promo-pill { 1005 display: inline-flex; align-items: center; gap: 8px; 1006 margin-top: 10px; margin-bottom: 8px; 1007 padding: 8px 14px; 1008 background: linear-gradient(135deg, #FFE8CC 0%, #FFD8A8 100%); 1009 border: 1.5px solid var(--orange); 1010 border-radius: 999px; 1011 font-family: inherit; 1012 font-size: 13px; font-weight: 800; 1013 color: var(--orange-dark); 1014 cursor: pointer; 1015 transition: transform .12s ease, box-shadow .2s ease, background .2s ease; 1016 box-shadow: 0 2px 8px rgba(255,121,31,.18); 1017 } 1018 .promo-pill:hover { 1019 transform: translateY(-1px); 1020 box-shadow: 0 6px 16px rgba(255,121,31,.28); 1021 background: linear-gradient(135deg, #FFD8A8 0%, #FFC68A 100%); 1022 } 1023 .promo-pill .promo-fire { font-size: 14px; line-height: 1; } 1024 .promo-pill .promo-arrow { transition: transform .2s ease; font-weight: 900; } 1025 .promo-pill:hover .promo-arrow { transform: translateX(3px); } 1026 .plan-feats li.feat-all { font-weight: 800; color: var(--ink); } 1027 .plan-feats li.feat-all::before { color: var(--green-dark); } 1028 .plan-feats .feat-note { display: block; margin-top: 3px; font-size: 13px; font-weight: 600; line-height: 1.35; color: var(--muted); } 1029 .plan.plan-dark .plan-feats .feat-note { color: rgba(255,255,255,.65); } 1030 1031 .pricing { 1032 display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; 1033 align-items: stretch; 1034 } 1035 .plan { 1036 background: #fff; border: 1.5px solid var(--line); 1037 border-radius: 26px; padding: 32px 28px; 1038 display: flex; flex-direction: column; 1039 box-shadow: 0 6px 24px rgba(139, 90, 30, .05); 1040 position: relative; 1041 } 1042 .plan.featured { 1043 background: 1044 radial-gradient(400px 220px at 0% 0%, #FFE8CC 0%, transparent 60%), 1045 linear-gradient(180deg, #FFFBF3 0%, #FFF4E6 100%); 1046 border-color: var(--orange); 1047 box-shadow: 0 14px 36px rgba(255,121,31,.18); 1048 } 1049 .plan-badge { 1050 position: absolute; top: -12px; left: 50%; transform: translateX(-50%); 1051 background: var(--orange); color: #fff; 1052 font-size: 12px; font-weight: 800; letter-spacing: .08em; 1053 text-transform: uppercase; 1054 padding: 6px 14px; border-radius: 999px; 1055 } 1056 .plan-name { font-size: 14px; font-weight: 800; color: var(--muted); letter-spacing: .08em; text-transform: uppercase; margin: 0 0 12px; } 1057 .plan-price { 1058 display: flex; align-items: baseline; gap: 8px; margin-bottom: 10px; 1059 } 1060 .plan-price .num { 1061 font-size: 44px; font-weight: 800; color: var(--ink); letter-spacing: -.02em; 1062 line-height: 1; 1063 } 1064 .plan-price .per { font-size: 14px; color: var(--muted); font-weight: 600; } 1065 .plan-strike { 1066 font-size: 14px; color: var(--muted); font-weight: 600; 1067 text-decoration: line-through; 1068 margin-bottom: 20px; 1069 } 1070 .plan-strike .save { color: var(--green-dark); margin-left: 6px; text-decoration: none; font-weight: 800; } 1071 .plan-desc { font-size: 14px; color: var(--muted); margin: 0 0 22px; line-height: 1.5; font-weight: 500; } 1072 .plan-feats { list-style: none; padding: 0; margin: 0 0 26px; flex: 1; } 1073 .plan-feats li { 1074 display: flex; gap: 10px; padding: 8px 0; 1075 font-size: 14px; color: var(--ink-3); font-weight: 600; 1076 border-bottom: 1px solid var(--line-2); 1077 } 1078 .plan-feats li:last-child { border-bottom: 0; } 1079 .plan-feats li::before { 1080 content: "â"; color: var(--orange-dark); font-weight: 900; flex-shrink: 0; 1081 } 1082 .plan .btn { width: 100%; justify-content: center; } 1083 1084 /* Platinum PLUS â dark premium */ 1085 .plan.plan-dark { 1086 background: 1087 radial-gradient(500px 320px at 100% 0%, rgba(255,121,31,.22) 0%, transparent 55%), 1088 radial-gradient(400px 280px at 0% 100%, rgba(112,72,232,.22) 0%, transparent 60%), 1089 linear-gradient(135deg, var(--ink) 0%, var(--ink-2) 100%); 1090 border-color: transparent; 1091 color: #fff; 1092 box-shadow: 0 14px 36px rgba(30,40,87,.28); 1093 } 1094 .plan.plan-dark .plan-name { color: rgba(255,255,255,.55); } 1095 .plan.plan-dark .plan-price .num { color: #fff; } 1096 .plan.plan-dark .plan-price .per { color: rgba(255,255,255,.6); } 1097 .plan.plan-dark .plan-strike { color: rgba(255,255,255,.45); } 1098 .plan.plan-dark .plan-strike .save { 1099 background: var(--yellow); color: var(--ink); 1100 padding: 2px 7px; border-radius: 6px; 1101 font-size: 11px; font-weight: 800; 1102 text-decoration: none; 1103 } 1104 .plan.plan-dark .plan-desc { color: rgba(255,255,255,.7); } 1105 .plan.plan-dark .plan-feats li { 1106 color: rgba(255,255,255,.85); 1107 border-bottom-color: rgba(255,255,255,.08); 1108 } 1109 .plan.plan-dark .plan-feats li::before { color: var(--yellow); } 1110 .plan.plan-dark .plan-feats li.feat-all { 1111 color: #fff; 1112 font-weight: 800; 1113 } 1114 .plan.plan-dark .plan-feats li.feat-all::before { color: var(--green); } 1115 .plan-badge-ai { 1116 background: linear-gradient(135deg, var(--yellow) 0%, var(--orange) 100%); 1117 color: var(--ink); 1118 box-shadow: 0 6px 16px rgba(255,180,51,.35); 1119 } 1120 .btn-premium { 1121 background: linear-gradient(135deg, var(--orange) 0%, var(--orange-dark) 100%); 1122 color: #fff; 1123 box-shadow: 0 8px 20px rgba(255,121,31,.35); 1124 } 1125 .btn-premium:hover { 1126 background: linear-gradient(135deg, var(--orange-dark) 0%, #B84A00 100%); 1127 box-shadow: 0 12px 28px rgba(255,121,31,.45); 1128 } 1129 1130 /* ââââââââââ FAQ ââââââââââ */ 1131 .faq { max-width: 760px; margin: 0 auto; } 1132 details.q { 1133 background: #fff; border: 1px solid var(--line); 1134 border-radius: 16px; padding: 18px 22px; 1135 margin-bottom: 12px; 1136 } 1137 details.q[open] { box-shadow: 0 8px 24px rgba(139, 90, 30, .08); } 1138 details.q summary { 1139 list-style: none; cursor: pointer; 1140 display: flex; align-items: center; justify-content: space-between; 1141 font-size: 16px; font-weight: 700; color: var(--ink); 1142 } 1143 details.q summary::-webkit-details-marker { display: none; } 1144 details.q summary::after { 1145 content: "+"; font-size: 22px; font-weight: 800; color: var(--orange); 1146 line-height: 1; transition: transform .2s ease; 1147 } 1148 details.q[open] summary::after { transform: rotate(45deg); } 1149 details.q p { 1150 margin: 14px 0 0; font-size: 15px; line-height: 1.6; 1151 color: var(--muted); font-weight: 500; 1152 } 1153 1154 /* ââââââââââ FINAL CTA ââââââââââ */ 1155 .final { 1156 margin: 80px auto 80px; 1157 max-width: 1180px; padding: 0 24px; 1158 } 1159 .final-inner { 1160 text-align: center; 1161 background: 1162 radial-gradient(500px 300px at 0% 0%, rgba(255,121,31,.35) 0%, transparent 60%), 1163 radial-gradient(500px 300px at 100% 100%, rgba(32,201,151,.18) 0%, transparent 60%), 1164 linear-gradient(135deg, var(--ink) 0%, var(--ink-2) 100%); 1165 border-radius: 32px; 1166 padding: 80px 40px; 1167 color: #fff; 1168 position: relative; overflow: hidden; 1169 } 1170 .final-inner h2 { color: #fff; } 1171 .final-inner h2 .accent { color: var(--yellow); } 1172 .final-inner .section-lede { color: rgba(255,255,255,.78); margin-bottom: 32px; } 1173 .final-stores { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; align-items: center; } 1174 .final-stores .store-badge { height: 52px; width: auto; display: block; transition: transform .15s ease; } 1175 .final-stores a:hover .store-badge { transform: translateY(-2px); } 1176 .store-badges { display: flex; flex-wrap: wrap; gap: 10px; margin: 12px 0; align-items: center; } 1177 .store-badges img { height: 40px; width: auto; display: block; transition: transform .15s ease; } 1178 .store-badges a:hover img { transform: translateY(-2px); } 1179 .tile.s5 p a { color: var(--orange-dark); text-decoration: none; font-weight: 700; border-bottom: 1px dashed currentColor; } 1180 .tile.s5 p a:hover { color: var(--orange); } 1181 .store { 1182 display: inline-flex; align-items: center; gap: 10px; 1183 padding: 14px 22px; 1184 background: #fff; color: var(--ink); 1185 border-radius: 14px; 1186 font-weight: 700; font-size: 15px; 1187 text-decoration: none; 1188 transition: transform .15s ease; 1189 } 1190 .store:hover { transform: translateY(-2px); } 1191 .store .store-sub { display: block; font-size: 11px; color: var(--muted); font-weight: 700; margin-bottom: 1px; } 1192 .store .store-name { display: block; font-size: 16px; font-weight: 800; } 1193 .store-icon { font-size: 26px; } 1194 1195 /* ââââââââââ FOOTER ââââââââââ */ 1196 footer { 1197 padding: 50px 24px 40px; 1198 border-top: 1px solid var(--line); 1199 background: rgba(255,255,255,.4); 1200 } 1201 .foot { 1202 max-width: 1180px; margin: 0 auto; 1203 display: grid; grid-template-columns: 1.4fr 1fr 1.1fr 1fr 1fr 1.1fr; 1204 gap: 28px 24px; 1205 } 1206 .foot-brand img { height: 28px; margin-bottom: 14px; } 1207 .foot-brand p { font-size: 13px; color: var(--muted); line-height: 1.5; margin: 0; max-width: 220px; font-weight: 500; } 1208 .foot-col h5 { 1209 font-size: 12px; font-weight: 800; letter-spacing: .1em; 1210 text-transform: uppercase; color: var(--ink); 1211 margin: 0 0 14px; 1212 } 1213 .foot-col a { 1214 display: block; font-size: 14px; color: var(--muted); 1215 text-decoration: none; padding: 5px 0; font-weight: 600; 1216 } 1217 .foot-col a:hover { color: var(--orange-dark); } 1218 .foot-col .foot-label { 1219 margin: 16px 0 4px; font-size: 11px; font-weight: 800; letter-spacing: .08em; 1220 text-transform: uppercase; color: var(--muted); 1221 } 1222 .foot-col .foot-note { margin: -2px 0 8px; font-size: 12px; font-weight: 600; color: var(--muted); } 1223 .foot-col .foot-sep { 1224 border: 0; border-top: 1px solid var(--line); margin: 12px 0 6px; 1225 } 1226 .foot-legal { 1227 max-width: 1180px; margin: 32px auto 0; 1228 padding-top: 24px; border-top: 1px solid var(--line); 1229 display: flex; justify-content: space-between; flex-wrap: wrap; gap: 14px; 1230 font-size: 13px; color: var(--muted); font-weight: 600; 1231 } 1232 1233 /* ââââââââââ RESPONSIVE ââââââââââ */ 1234 @media (max-width: 1100px) { 1235 .foot { grid-template-columns: 1fr 1fr 1fr; } 1236 } 1237 @media (max-width: 960px) { 1238 .segments, .steps, .reviews, .pricing { grid-template-columns: 1fr 1fr; gap: 16px; } 1239 .bento { grid-template-columns: repeat(6, 1fr); } 1240 .tile.big, .tile.tall, .tile.wide, .tile.s4, .tile.s5, .tile.s6, .tile.s7, .t
1240ile.s12 { grid-column: span 6; grid-row: auto; } 1241 .duo, .duo.flip { grid-template-columns: 1fr; } 1242 .foot { grid-template-columns: 1fr 1fr; } 1243 } 1244 /* ÐÑÑÐ³ÐµÑ Ð¸ ÑÑоÑка â до 900px. Ðдин бÑейкпоинÑ: еÑли показаÑÑ Ð±ÑÑÐ³ÐµÑ Ð½Ð° 900, 1245 а .nav-links пÑÑÑаÑÑ Ð½Ð° 720, Ð¼ÐµÐ¶Ð´Ñ Ð½Ð¸Ð¼Ð¸ Ð²Ð¸Ð´Ð½Ñ Ð¾Ð±Ð° Ð¼ÐµÐ½Ñ ÑÑазÑ. */ 1246 @media (max-width: 900px) { 1247 .nav-burger { display: inline-flex; } 1248 .nav .btn-orange { white-space: nowrap; } 1249 .nav { justify-content: flex-start; } 1250 .nav .brand { margin-right: auto; } 1251 .nav-links { display: none; } 1252 /* Ðве кнопки в Ñапке ÑелеÑон не деÑжиÑ: Ð·Ð°Ð¼ÐµÑ Ð² Chromium â Ñ Â«ÐойÑи» Ñапка 1253 пеÑеноÑиÑÑÑ Ð½Ð° вÑоÑÑÑ ÑÑÑÐ¾ÐºÑ Ñже на 414px, а на 320px даÑÑ Ð³Ð¾ÑизонÑалÑнÑÑ 1254 пÑокÑÑÑкÑ. УбиÑаем именно «ÐойÑи» из Ñапки â она болÑÑе не пÑопадаеÑ, 1255 а живÑÑ Ð² ÑÑоÑке (.nav-drawer-login). */ 1256 .nav-login { display: none; } 1257 1258 /* ÐÑопдаÑн ÑзÑка живÑÑ Ð² базовÑÑ ÑÑилÑÑ Ñ ÑÐ°Ð·Ñ 2; здеÑÑ ÑолÑко оÑÑÑÑп. */ 1259 .lang-dd { margin-right: 8px; } 1260 } 1261 @media (max-width: 720px) { 1262 .wrap { padding: 0 18px; } 1263 .nav-wrap { padding: 12px 16px; } 1264 .nav .btn { padding: 10px 14px; font-size: 13px; gap: 6px; } 1265 .lang-switch { margin-right: 8px; padding: 2px; } 1266 .lang-switch button { padding: 5px 9px; font-size: 11px; } 1267 1268 .hero { padding: 48px 18px 32px; } 1269 h1 { margin-bottom: 20px; } 1270 h1 br { display: none; } 1271 .lede { font-size: 16px; margin-bottom: 28px; padding: 0 4px; } 1272 .hero-badge-row { margin-bottom: 20px; } 1273 .cta-row { gap: 10px; } 1274 .cta-row .btn { width: 100%; justify-content: center; } 1275 .btn-big { padding: 14px 22px; font-size: 15px; } 1276 .reassure { gap: 14px 18px; font-size: 13px; margin-top: 20px; } 1277 1278 /* hero trust strip â compact, tighter */ 1279 .hero-trust { gap: 0; padding: 6px 0; margin-bottom: 22px; row-gap: 12px; } 1280 .ht-item { padding: 0 12px; } 1281 .ht-big, .ht-num { font-size: 22px; } 1282 .ht-unit { font-size: 11px; } 1283 .ht-label { font-size: 11px; } 1284 .ht-sep { height: 28px; } 1285 .editors-badge { height: 50px; } 1286 1287 section { padding: 56px 0 32px; } 1288 .section-head { margin-bottom: 32px; } 1289 .segments, .steps, .reviews, .pricing { grid-template-columns: 1fr; } 1290 1291 /* bento â single column on mobile */ 1292 .bento { grid-template-columns: 1fr; gap: 14px; } 1293 .tile, .tile.big, .tile.tall, .tile.wide, .tile.s4, .tile.s5, .tile.s6, .tile.s7, .tile.s12 { 1294 grid-column: 1 / -1; grid-row: auto; 1295 } 1296 .tile { padding: 20px; } 1297 1298 /* tile s7 «ÐмпоÑÑ Ð¸Ð· банков» â was row, now column */ 1299 .tile.s7[style*="flex-direction: row"] { flex-direction: column !important; gap: 18px !important; } 1300 .tile.s7 img[src*="import.gif"] { flex: 0 0 auto !important; width: 100% !important; max-width: 320px; margin: 0 auto; } 1301 .tile img[src*="repeat.png"] { width: 70% !important; } 1302 1303 .sync-row { gap: 8px; margin-top: 14px; } 1304 .sync-pill { font-size: 12px; padding: 6px 10px; } 1305 1306 .trust { padding: 24px 16px 0; } 1307 .trust-inner { gap: 24px; padding: 16px 20px; } 1308 .trust-item b { font-size: 22px; } 1309 1310 .panel { padding: 24px 20px; border-radius: 22px; } 1311 .panel p { font-size: 15px; } 1312 .wealth-cards { grid-template-columns: 1fr; gap: 10px; } 1313 .wcard { padding: 14px; } 1314 .wcard .w-val { font-size: 20px; } 1315 1316 /* block-tabs (ЧÑо важно именно вам?) */ 1317 .block-tabs { padding: 24px 18px; border-radius: 22px; margin-top: 48px; } 1318 .tabs-nav { flex-direction: column; padding: 4px; gap: 4px; } 1319 .tab-btn { padding: 12px 14px; font-size: 13px; } 1320 .tab-content.active { grid-template-columns: 1fr; gap: 10px; } 1321 .feat-row { padding: 14px; gap: 12px; } 1322 1323 /* block-ai */ 1324 .block-ai { padding: 32px 22px; border-radius: 22px; } 1325 .ai-grid { grid-template-columns: 1fr; gap: 14px; } 1326 .ai-panel { padding: 18px; } 1327 1328 /* seg-card */ 1329 .seg-card { padding: 22px 20px; border-radius: 20px; } 1330 .seg-card h3 { font-size: 18px; } 1331 .seg-icon { width: 42px; height: 42px; font-size: 22px; } 1332 1333 /* pricing */ 1334 .pricing-toggle { padding: 3px; } 1335 .pt-btn { padding: 9px 14px; font-size: 13px; } 1336 .pt-save { font-size: 10px; padding: 2px 5px; } 1337 .plan { padding: 26px 22px; } 1338 .plan-price .num { font-size: 38px; } 1339 .plan-badge { font-size: 11px; padding: 5px 12px; } 1340 1341 /* free pills */ 1342 .free-pill { font-size: 13px; padding: 8px 14px; } 1343 1344 /* reviews */ 1345 .review { padding: 24px 22px; } 1346 .review p { font-size: 15px; } 1347 1348 /* faq */ 1349 details.q { padding: 16px 18px; } 1350 details.q summary { font-size: 15px; } 1351 details.q p { font-size: 14px; } 1352 1353 /* final cta */ 1354 .final { margin: 56px auto; padding: 0 18px; } 1355 .final-inner { padding: 48px 22px; border-radius: 22px; } 1356 .final-stores { gap: 10px; } 1357 .final-stores .store-badge { height: 44px; } 1358 1359 /* footer */ 1360 footer { padding: 36px 18px 28px; } 1361 .foot { grid-template-columns: 1fr; gap: 24px; } 1362 .foot-legal { flex-direction: column; margin-top: 24px; } 1363 } 1364 1365 @media (max-width: 480px) { 1366 .hero { padding: 36px 14px 24px; } 1367 h1 { font-size: clamp(28px, 8vw, 34px); margin-bottom: 16px; } 1368 .lede { font-size: 15px; } 1369 .badge { font-size: 12px; padding: 6px 12px; } 1370 1371 /* hero trust â в Ð¾Ð´Ð½Ñ ÐºÐ¾Ð»Ð¾Ð½ÐºÑ Ð½Ð° мобилÑном */ 1372 .hero-trust { display: grid; grid-template-columns: 1fr; gap: 12px; padding: 0; } 1373 .ht-item { padding: 0; } 1374 .ht-sep { display: none; } 1375 .ht-big, .ht-num { font-size: 24px; } 1376 .editors-badge { height: 44px; } 1377 1378 .reassure { flex-direction: column; gap: 8px; align-items: center; } 1379 1380 section { padding: 44px 0 24px; } 1381 .section-head { margin-bottom: 24px; } 1382 .eyebrow { font-size: 11px; } 1383 1384 .nav .btn { font-size: 12px; padding: 9px 12px; } 1385 .nav .btn .arrow { display: none; } 1386 /* Ðа 320px в ÑÐ°Ð¿ÐºÑ Ð¾Ð´Ð½Ð¾Ð²Ñеменно вÑÑаÑÑ Ð±ÑÑгеÑ, логоÑип, «RU â¾Â» и покÑпка â 1387 поÑÑÐ¾Ð¼Ñ Ð·Ð´ÐµÑÑ Ð²ÑÑ ÑжимаеÑÑÑ ÐµÑÑ Ð½Ð° Ñаг (Ð·Ð°Ð¼ÐµÑ Ð² Chromium: 318px < 320px). */ 1388 .nav-wrap { padding: 12px 10px; } 1389 .nav { padding: 4px 0; } 1390 .brand img { height: 20px; } 1391 .nav-burger { width: 34px; height: 34px; margin-right: 6px; } 1392 .lang-dd { margin-right: 6px; } 1393 .lang-dd-trigger { padding: 6px 8px; font-size: 11px; gap: 3px; } 1394 1395 .seg-quote { font-size: 13px; padding: 10px 12px; } 1396 1397 .plan-price .num { font-size: 32px; } 1398 .plan-feats li { font-size: 13px; } 1399 1400 .final-stores .store-badge { height: 40px; } 1401 1402 .ht-stars { font-size: 11px; } 1403 } 1404 1405 /* ââ TIER BADGES ââ */ 1406 .tier { 1407 display: inline-flex; align-items: center; 1408 font-size: 10px; font-weight: 800; 1409 padding: 3px 8px; border-radius: 999px; 1410 vertical-align: middle; margin-left: 5px; letter-spacing: .04em; 1411 } 1412 .tier-plat { background: var(--yellow-soft); color: #7a5200; border: 1px solid var(--yellow); } 1413 .tier-plus { background: #EDE8FF; color: #5f3dc4; border: 1px solid #C4B5FD; } 1414 1415 /* ââ FEATURES TABS (Block 2) ââ */ 1416 .block-tabs { 1417 background: #fff; 1418 border: 1px solid var(--line); 1419 border-radius: 28px; 1420 padding: 40px; 1421 box-shadow: 0 8px 32px rgba(139,90,30,.07); 1422 margin-top: 80px; 1423 } 1424 .tabs-nav { 1425 display: flex; gap: 8px; margin-bottom: 32px; 1426 background: var(--bg); padding: 5px; border-radius: 14px; 1427 } 1428 .tab-btn { 1429 flex: 1; padding: 11px 16px; border-radius: 10px; border: none; 1430 font-family: 'Nunito', sans-serif; 1431 font-size: 14px; font-weight: 700; cursor: pointer; 1432 transition: all .18s; text-align: center; line-height: 1.3; 1433 background: transparent; color: var(--muted); 1434 } 1435 .tab-btn.active { 1436 background: #fff; color: var(--ink); 1437 box-shadow: 0 2px 10px rgba(139,90,30,.12); 1438 } 1439 .tab-content { display: none; } 1440 .tab-content.active { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } 1441 .feat-row { 1442 display: flex; gap: 14px; align-items: flex-start; 1443 padding: 16px; background: #FFFBF3; 1444 border: 1px solid var(--line-2); border-radius: 16px; 1445 } 1446 .feat-icon-box { 1447 width: 40px; height: 40px; border-radius: 12px; 1448 display: flex; align-items: center; justify-content: center; 1449 font-size: 20px; flex-shrink: 0; 1450 } 1451 .feat-name { font-size: 14px; font-weight: 700; margin-bottom: 4px; color: var(--ink); } 1452 .feat-desc { font-size: 12px; color: var(--muted); line-height: 1.45; font-weight: 500; } 1453 1454 /* ââ AI BLOCK (Block 3) ââ */ 1455 .block-ai { 1456 background: 1457 radial-gradient(600px 350px at 100% 0%, rgba(255,121,31,.22) 0%, transparent 55%), 1458 radial-gradient(400px 300px at 0% 100%, rgba(112,72,232,.25) 0%, transparent 60%), 1459 linear-gradient(135deg, var(--ink) 0%, var(--ink-2) 100%); 1460 border-radius: 28px; 1461 padding: 56px 48px; 1462 color: #fff; 1463 margin-top: 22px; 1464 } 1465 .block-ai .eyebrow { color: var(--yellow); } 1466 .block-ai h2 { color: #fff; margin-bottom: 14px; } 1467 .block-ai .section-lede { color: rgba(255,255,255,.72); text-align: left; max-width: 100%; margin-bottom: 40px; } 1468 .ai-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; } 1469 .ai-panel { 1470 background: rgba(255,255,255,.07); 1471 border: 1px solid rgba(255,255,255,.12); 1472 border-radius: 18px; padding: 22px; 1473 } 1474 .ai-panel-title { 1475 font-size: 11px; font-weight: 800; text-transform: uppercase; 1476 letter-spacing: .1em; color: rgba(255,255,255,.45); margin-bottom: 16px; 1477 } 1478 .input-method { 1479 display: flex; gap: 12px; align-items: flex-start; 1480 padding: 12px; border-radius: 12px; 1481 background: rgba(255,255,255,.06); margin-bottom: 8px; 1482 } 1483 .input-method:last-child { margin-bottom: 0; } 1484 .im-icon { 1485 width: 36px; height: 36px; border-radius: 10px; 1486 background: rgba(255,255,255,.1); 1487 display: flex; align-items: center; justify-content: center; 1488 font-size: 17px; flex-shrink: 0; 1489 } 1490 .im-title { font-size: 13px; font-weight: 700; color: #fff; margin-bottom: 3px; } 1491 .im-desc { font-size: 11px; color: rgba(255,255,255,.55); line-height: 1.4; } 1492 .ai-steps { display: flex; flex-direction: column; gap: 14px; } 1493 .ai-step { display: flex; gap: 14px; align-items: flex-start; } 1494 .ai-step-num { 1495 font-family: 'DM Serif Display', Georgia, serif; 1496 font-style: italic; font-size: 36px; line-height: 1; 1497 color: var(--yellow); flex-shrink: 0; min-width: 28px; 1498 } 1499 .ai-step-title { font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 4px; } 1500 .ai-step-desc { font-size: 12px; color: rgba(255,255,255,.55); line-height: 1.4; } 1501 1502 /* ââ FREE FEATURES (Block 4) ââ */ 1503 .free-pills { 1504 display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; 1505 max-width: 820px; margin: 0 auto; 1506 } 1507 .free-pill { 1508 display: flex; align-items: center; gap: 8px; 1509 padding: 10px 18px; background: #fff; 1510 border: 1px solid var(--line); border-radius: 999px; 1511 font-size: 14px; font-weight: 600; color: var(--ink-3); 1512 box-shadow: 0 2px 8px rgba(139,90,30,.05); 1513 } 1514
1515 /* ââ MOBILE OVERRIDES (must come after base styles defined later in CSS) ââ */ 1516 @media (max-width: 720px) { 1517 .tab-content.active { grid-template-columns: 1fr; gap: 10px; } 1518 .ai-grid { grid-template-columns: 1fr; gap: 14px; } 1519 .tabs-nav { flex-direction: column; padding: 4px; gap: 4px; } 1520 .tab-btn { padding: 12px 14px; font-size: 13px; } 1521 .feat-row { padding: 14px; gap: 12px; } 1522 .block-tabs { padding: 24px 18px; border-radius: 22px; margin-top: 48px; } 1523 .block-ai { padding: 32px 22px; border-radius: 22px; } 1524 .ai-panel { padding: 18px; } 1525 } 1526</style> 1527</head> 1528<body> 1529 1530<!-- âââââ NAV âââââ --> 1531<header class="nav-wrap"> 1532 <nav class="nav"> 1533 <button type="button" class="nav-burger" id="nav-burger" aria-label="ÐенÑ" aria-expanded="false" aria-controls="nav-drawer"><span></span></button> 1534 <a class="brand" href="#"><img src="/static/img/logoname.png?v=1790584696" alt="CoinKeeper" /></a> 1535 <ul class="nav-links"> 1536 <li class="nav-item"> 1537 <button type="button" class="nav-item-btn" data-nav-trigger aria-expanded="false" aria-controls="nav-menu-app">РпÑиложении<span class="nav-caret" aria-hidden="true">â¾</span></button> 1538 <div class="nav-menu" id="nav-menu-app" data-nav-section="о-пÑиложении" hidden> 1539 <ul class="nav-menu-list"> 1540 <li><a data-nav-item="ÐÐ»Ñ ÐºÐ¾Ð³Ð¾" href="#segments">ÐÐ»Ñ ÐºÐ¾Ð³Ð¾</a></li> 1541 <li><a data-nav-item="ÐозможноÑÑи" href="#features">ÐозможноÑÑи</a></li> 1542 <li><a data-nav-item="ТаÑиÑÑ" href="#pricing">ТаÑиÑÑ</a></li> 1543 <li><a data-nav-item="ÐÑзÑвÑ" href="#reviews">ÐÑзÑвÑ</a></li> 1544 <li><a data-nav-item="ÐопÑоÑÑ" href="#faq">ÐопÑоÑÑ</a></li> 1545 </ul> 1546 <p class="nav-menu-label">Ðде ÑабоÑаеÑ</p> 1547 <ul class="nav-menu-list nav-menu-platforms"> 1548 <li><a data-nav-item="iOS" href="https://apps.apple.com/app/id1335547405" target="_blank" rel="noopener">iOS<span class="ext" aria-hidden="true">â</span></a></li> 1549 <li><a data-nav-item="Android" href="https://play.google.com/store/apps/details?id=com.disrapp.coinkeeper3" target="_blank" rel="noopener">Android<span class="ext" aria-hidden="true">â</span></a></li> 1550 <li><a data-nav-item="Ðеб" href="https://web.coinkeeper.me/login?utm_source=landing&utm_medium=nav&utm_campaign=web_release">Ðеб<span class="ext" aria-hidden="true">â</span></a></li> 1551 </ul> 1552 <p class="nav-menu-label">Роадмап</p> 1553 <ul class="nav-menu-list"> 1554 <li><a data-nav-item="Ðдеи" href="https://roadmap.coinkeeper.me/?utm_source=landing&utm_medium=nav&utm_campaign=roadmap">Ðдеи<span class="ext" aria-hidden="true">â</span></a></li> 1555 <li><a data-nav-item="ÐланÑ" href="https://roadmap.coinkeeper.me/roadmap?utm_source=landing&utm_medium=nav&utm_campaign=roadmap">ÐланÑ<span class="ext" aria-hidden="true">â</span></a></li> 1556 <li><a data-nav-item="ЧÑо нового" href="https://roadmap.coinkeeper.me/changelog?utm_source=landing&utm_medium=nav&utm_campaign=roadmap">ЧÑо нового<span class="ext" aria-hidden="true">â</span></a></li> 1557 </ul> 1558 <!-- СÐРЫТРдо вÑкаÑа ÑÑÑÐ°Ð½Ð¸Ñ ÑÑавнений (purchase-pages, plan-purchase-pages-compare.md). ÐеÑнÑÑÑ Ð²Ð¼ÐµÑÑе Ñ /3/compare. 1559 <ul class="nav-menu-list"> 1560 <li><a data-nav-item="СÑавнениÑ" href="https://coinkeeper.me/3/compare">СÑавнениÑ<span class="ext" aria-hidden="true">â</span></a></li> 1561 </ul> 1562 --> 1563 </div> 1564 </li> 1565 <li class="nav-item"> 1566 <button type="button" class="nav-item-btn" data-nav-trigger aria-expanded="false" aria-controls="nav-menu-calc">ÐалÑкÑлÑÑоÑÑ<span class="nav-caret" aria-hidden="true">â¾</span></button> 1567 <div class="nav-menu" id="nav-menu-calc" data-nav-section="калÑкÑлÑÑоÑÑ" hidden> 1568 <p class="nav-menu-note nav-menu-note-group">
1568беÑплаÑно, без ÑегиÑÑÑаÑии</p> 1569 <ul class="nav-menu-list"> 1570 <li><a data-nav-item="ÐодÑÑка безопаÑноÑÑи" href="https://coinkeeper.me/calc/emergency-fund.html?utm_source=landing&utm_medium=nav&utm_campaign=calculators">ÐодÑÑка безопаÑноÑÑи<span class="ext" aria-hidden="true">â</span></a></li> 1571 <li><a data-nav-item="ÐоÑÑоÑное погаÑение" href="https://coinkeeper.me/calc/mortgage-prepay.html?utm_source=landing&utm_medium=nav&utm_campaign=calculators">ÐоÑÑоÑное погаÑение<span class="ext" aria-hidden="true">â</span></a></li> 1572 <li><a data-nav-item="Ð¦ÐµÐ»Ñ Ð¿Ð¾ накоплениÑ" href="https://coinkeeper.me/calc/purchase-savings-calculator.html?utm_source=landing&utm_medium=nav&utm_campaign=calculators">Ð¦ÐµÐ»Ñ Ð¿Ð¾ накоплениÑ<span class="ext" aria-hidden="true">â</span></a></li> 1573 <li><a data-nav-item="ÐенÑиÑ" href="https://coinkeeper.me/calc/pension-gap.html?utm_source=landing&utm_medium=nav&utm_campaign=calculators">ÐенÑиÑ<span class="ext" aria-hidden="true">â</span></a></li> 1574 <li><a data-nav-item="ФинанÑÐ¾Ð²Ð°Ñ Ñвобода" href="https://coinkeeper.me/calc/financial-freedom.html?utm_source=landing&utm_medium=nav&utm_campaign=calculators">ФинанÑÐ¾Ð²Ð°Ñ Ñвобода<span class="ext" aria-hidden="true">â</span></a></li> 1575 <li><a data-nav-item="ÐÑе 27 калÑкÑлÑÑоÑов" href="https://coinkeeper.me/calc/?utm_source=landing&utm_medium=nav&utm_campaign=calculators">ÐÑе 27 калÑкÑлÑÑоÑов<span class="ext" aria-hidden="true">â</span></a></li> 1576 </ul> 1577 <hr class="nav-menu-sep" /> 1578 <ul class="nav-menu-list"> 1579 <li><a data-nav-item="ÐбÑÑение" href="https://edu.coinkeeper.me/?utm_source=landing&utm_medium=nav">ÐбÑÑение<span class="ext" aria-hidden="true">â</span></a></li> 1580 <li><a data-nav-item="ÐовоÑÑи" href="https://t.me/coinkeeper">ÐовоÑÑи<span class="ext" aria-hidden="true">â</span></a></li> 1581 </ul> 1582 </div> 1583 </li> 1584 <li class="nav-item"> 1585 <button type="button" class="nav-item-btn" data-nav-trigger aria-expanded="false" aria-controls="nav-menu-help">ÐомоÑÑ<span class="nav-caret" aria-hidden="true">â¾</span></button> 1586 <div class="nav-menu" id="nav-menu-help" data-nav-section="помоÑÑ" hidden> 1587 <ul class="nav-menu-list"> 1588 <li><a data-nav-item="ÐопÑоÑÑ Ð¸ оÑвеÑÑ" href="https://ck3help.me/">ÐопÑоÑÑ Ð¸ оÑвеÑÑ<span class="ext" aria-hidden="true">â</span></a></li> 1589 <li><a data-nav-item="ÐапиÑаÑÑ Ð² Telegram" href="https://t.me/helpcoinkeeper_bot">ÐапиÑаÑÑ Ð² Telegram<span class="ext" aria-hidden="true">â</span></a></li> 1590 <li><a data-nav-item="ÐапиÑаÑÑ Ð½Ð° поÑÑÑ" href="mailto:[email protected]">ÐапиÑаÑÑ Ð½Ð° поÑÑÑ<span class="ext" aria-hidden="true">â</span></a></li> 1591 </ul> 1592 </div> 1593 </li> 1594 </ul> 1595 <div style="display: inline-flex; align-items: center;"> 1596 <div class="lang-dd" data-i18n-skip> 1597 <button type="button" class="lang-dd-trigger" id="lang-dd-trigger" aria-label="ÐÑÐ±Ð¾Ñ ÑзÑка" aria-expanded="false" aria-controls="lang-switch"><span class="lang-dd-current">RU</span><span class="lang-dd-caret" aria-hidden="true">â¾</span></button> 1598 <div class="lang-switch" id="lang-switch" role="menu" aria-label="Language"> 1599 <button type="button" role="menuitemradio" data-lang-btn="ru" aria-pressed="true" aria-checked="true">RU</button> 1600 <button type="button" role="menuitemradio" data-lang-btn="en" aria-pressed="false" aria-checked="false">EN</button> 1601 </div> 1602 </div> 1603 <a class="btn btn-ghost nav-login" href="https://web.coinkeeper.me/login?utm_source=landing&utm_medium=header&utm_campaign=web_release" data-cta-location="header-login">ÐойÑи</a> 1604 <a class="btn btn-orange" href="#pricing" data-cta-location="header">ÐÑпиÑÑ Ð¿Ð¾Ð´Ð¿Ð¸ÑÐºÑ <span class="arrow">â</span></a> 1605 </div> 1606 </nav> 1607 <div class="nav-drawer" id="nav-drawer" hidden> 1608 <div class="nav-drawer-panel" role="dialog" aria-modal="true" aria-label="ÐенÑ"> 1609 <button type="button" class="nav-drawer-toggle" data-accordion-trigger aria-expanded="true" aria-controls="nav-drawer-sub-app">
1609РпÑиложении<span class="nav-drawer-caret" aria-hidden="true">â¾</span></button> 1610 <div class="nav-drawer-sub" id="nav-drawer-sub-app" data-nav-section="о-пÑиложении"> 1611 <a data-nav-item="ÐÐ»Ñ ÐºÐ¾Ð³Ð¾" href="#segments">ÐÐ»Ñ ÐºÐ¾Ð³Ð¾</a> 1612 <a data-nav-item="ÐозможноÑÑи" href="#features">ÐозможноÑÑи</a> 1613 <a data-nav-item="ТаÑиÑÑ" href="#pricing">ТаÑиÑÑ</a> 1614 <a data-nav-item="ÐÑзÑвÑ" href="#reviews">ÐÑзÑвÑ</a> 1615 <a data-nav-item="ÐопÑоÑÑ" href="#faq">ÐопÑоÑÑ</a> 1616 <p class="nav-menu-label">Ðде ÑабоÑаеÑ</p> 1617 <a data-nav-item="iOS" href="https://apps.apple.com/app/id1335547405" target="_blank" rel="noopener">iOS<span class="ext" aria-hidden="true">â</span></a> 1618 <a data-nav-item="Android" href="https://play.google.com/store/apps/details?id=com.disrapp.coinkeeper3" target="_blank" rel="noopener">Android<span class="ext" aria-hidden="true">â</span></a> 1619 <a data-nav-item="Ðеб" href="https://web.coinkeeper.me/login?utm_source=landing&utm_medium=nav&utm_campaign=web_release">Ðеб<span class="ext" aria-hidden="true">â</span></a> 1620 <p class="nav-menu-label">Роадмап</p> 1621 <a data-nav-item="Ðдеи" href="https://roadmap.coinkeeper.me/?utm_source=landing&utm_medium=nav&utm_campaign=roadmap">Ðдеи<span class="ext" aria-hidden="true">â</span></a> 1622 <a data-nav-item="ÐланÑ" href="https://roadmap.coinkeeper.me/roadmap?utm_source=landing&utm_medium=nav&utm_campaign=roadmap">ÐланÑ<span class="ext" aria-hidden="true">â</span></a> 1623 <a data-nav-item="ЧÑо нового" href="https://roadmap.coinkeeper.me/changelog?utm_source=landing&utm_medium=nav&utm_campaign=roadmap">ЧÑо нового<span class="ext" aria-hidden="true">â</span></a> 1624 <!-- СÐРЫТРдо вÑкаÑа ÑÑÑÐ°Ð½Ð¸Ñ ÑÑавнений (purchase-pages, plan-purchase-pages-compare.md). ÐеÑнÑÑÑ Ð²Ð¼ÐµÑÑе Ñ /3/compare. 1625 <a data-nav-item="СÑавнениÑ" href="https://coinkeeper.me/3/compare">СÑавнениÑ<span class="ext" aria-hidden="true">â</span></a> 1626 --> 1627 </div> 1628 <button type="button" class="nav-drawer-toggle" data-accordion-trigger aria-expanded="false" aria-controls="nav-drawer-sub-calc">ÐалÑкÑлÑÑоÑÑ<span class="nav-drawer-caret" aria-hidden="true">â¾</span></button> 1629 <div class="nav-drawer-sub" id="nav-drawer-sub-calc" data-nav-section="калÑкÑлÑÑоÑÑ" hidden> 1630 <p class="nav-menu-note nav-menu-note-group">
1630беÑплаÑно, без ÑегиÑÑÑаÑии</p> 1631 <a data-nav-item="ÐодÑÑка безопаÑноÑÑи" href="https://coinkeeper.me/calc/emergency-fund.html?utm_source=landing&utm_medium=nav&utm_campaign=calculators">ÐодÑÑка безопаÑноÑÑи<span class="ext" aria-hidden="true">â</span></a> 1632 <a data-nav-item="ÐоÑÑоÑное погаÑение" href="https://coinkeeper.me/calc/mortgage-prepay.html?utm_source=landing&utm_medium=nav&utm_campaign=calculators">ÐоÑÑоÑное погаÑение<span class="ext" aria-hidden="true">â</span></a> 1633 <a data-nav-item="Ð¦ÐµÐ»Ñ Ð¿Ð¾ накоплениÑ" href="https://coinkeeper.me/calc/purchase-savings-calculator.html?utm_source=landing&utm_medium=nav&utm_campaign=calculators">Ð¦ÐµÐ»Ñ Ð¿Ð¾ накоплениÑ<span class="ext" aria-hidden="true">â</span></a> 1634 <a data-nav-item="ÐенÑиÑ" href="https://coinkeeper.me/calc/pension-gap.html?utm_source=landing&utm_medium=nav&utm_campaign=calculators">ÐенÑиÑ<span class="ext" aria-hidden="true">â</span></a> 1635 <a data-nav-item="ФинанÑÐ¾Ð²Ð°Ñ Ñвобода" href="https://coinkeeper.me/calc/financial-freedom.html?utm_source=landing&utm_medium=nav&utm_campaign=calculators">ФинанÑÐ¾Ð²Ð°Ñ Ñвобода<span class="ext" aria-hidden="true">â</span></a> 1636 <a data-nav-item="ÐÑе 27 калÑкÑлÑÑоÑов" href="https://coinkeeper.me/calc/?utm_source=landing&utm_medium=nav&utm_campaign=calculators">ÐÑе 27 калÑкÑлÑÑоÑов<span class="ext" aria-hidden="true">â</span></a> 1637 <hr class="nav-menu-sep" /> 1638 <a data-nav-item="ÐбÑÑение" href="https://edu.coinkeeper.me/?utm_source=landing&utm_medium=nav">ÐбÑÑение<span class="ext" aria-hidden="true">â</span></a> 1639 <a data-nav-item="ÐовоÑÑи" href="https://t.me/coinkeeper">ÐовоÑÑи<span class="ext" aria-hidden="true">â</span></a> 1640 </div> 1641 <button type="button" class="nav-drawer-toggle" data-accordion-trigger aria-expanded="false" aria-controls="nav-drawer-sub-help">ÐомоÑÑ<span class="nav-drawer-caret" aria-hidden="true">â¾</span></button> 1642 <div class="nav-drawer-sub" id="nav-drawer-sub-help" data-nav-section="помоÑÑ" hidden> 1643 <a data-nav-item="ÐопÑоÑÑ Ð¸ оÑвеÑÑ" href="https://ck3help.me/">ÐопÑоÑÑ Ð¸ оÑвеÑÑ<span class="ext" aria-hidden="true">â</span></a> 1644 <a data-nav-item="ÐапиÑаÑÑ Ð² Telegram" href="https://t.me/helpcoinkeeper_bot">ÐапиÑаÑÑ Ð² Telegram<span class="ext" aria-hidden="true">â</span></a> 1645 <a data-nav-item="ÐапиÑаÑÑ Ð½Ð° поÑÑÑ" href="mailto:[email protected]">ÐапиÑаÑÑ Ð½Ð° поÑÑÑ<span class="ext" aria-hidden="true">â</span></a> 1646 </div> 1647 <a class="btn btn-ghost nav-drawer-login" href="https://web.coinkeeper.me/login?utm_source=landing&utm_medium=header&utm_campaign=web_release" data-cta-location="drawer-login">ÐойÑи</a> 1648 </div> 1649 </div> 1650</header> 1651 1652<!-- âââââ HERO âââââ --> 1653<section class="hero"> 1654 <!-- ÐлаÑка hero â ÑолÑко под живое пÑомо. ÐÐµÑ Ð¿Ñомо â Ð½ÐµÑ Ð¿Ð»Ð°Ñки, ÑÑаÑое не возвÑаÑаÑÑ 1655 (ÑеÑение владелÑÑа 28.09.2026). РазмеÑка Ð´Ð»Ñ ÐºÐ°Ð¼Ð¿Ð°Ð½Ð¸Ð¸: 1656 <div class="hero-badge-row"> 1657 <a class="badge" href="â¦?utm_source=web&utm_medium=landing&utm_campaign=â¦&utm_content=hero-badge" data-cta-location="hero-badge"> 1658 <span class="dot"></span>ТекÑÑ <span class="arrow">â</span> 1659 </a> 1660 </div> 1661 --> 1662 <div class="hero-trust"> 1663 <span class="ht-item"> 1664 <b class="ht-big">10+</b> 1665 <span class="ht-label">миллионов<br>ÑÑÑановок</span> 1666 </span> 1667 <span class="ht-sep"></span> 1668 <span class="ht-item"> 1669 <b class="ht-big">4,7</b> 1670 <span class="ht-stars">â â â â â </span> 1671 <span class="ht-label">в App Store</span> 1672 </span> 1673 <span class="ht-sep"></span> 1674 <span class="ht-item"> 1675 <img class="editors-badge" src="/landing-assets/editors-choice-apple.webp?v=1790584696" alt="App Store Editor's Choice" /> 1676 </span> 1677 <span class="ht-sep"></span> 1678 <span class="ht-item"> 1679 <b class="ht-big">â 1</b>
1680 <span class="ht-label">в РоÑÑии <br>Ñ 2011 года</span> 1681 </span> 1682 </div> 1683 <h1>ÐÑвеÑÑ Ð½Ð° вÑе вопÑоÑÑ <br/>о ваÑÐ¸Ñ <span class="accent">денÑÐ³Ð°Ñ </span></h1> 1684 <p class="lede"> 1685 ÐÑда ÑÑ Ð¾Ð´ÑÑ Ð´ÐµÐ½Ñги, Ñ Ð²Ð°ÑÐ¸Ñ Ð»Ð¸ до заÑплаÑÑ, можно ли позволиÑÑ Ñебе оÑпÑÑк? 1686 CoinKeeper ÑобиÑÐ°ÐµÑ Ð²Ñе ÑÑеÑа, каÑÑÑ Ð¸ ÑÑаÑÑ Ð² одном меÑÑе â и оÑвеÑÐ°ÐµÑ 1687 на вопÑоÑÑ, коÑоÑÑе Ð²Ñ Ð±Ð¾ÑлиÑÑ Ð·Ð°Ð´Ð°ÑÑ ÑÐ²Ð¾ÐµÐ¼Ñ Ð±ÑджеÑÑ. 1688 </p> 1689 1690 <div class="cta-row"> 1691 <a class="btn btn-orange btn-big" href="#download">СкаÑаÑÑ Ð±ÐµÑплаÑно <span class="arrow">â</span></a> 1692 <a class="btn btn-ghost btn-big" href="#segments">ÐÐ¾Ð´Ñ Ð¾Ð´Ð¸Ñ Ð»Ð¸ мне?</a> 1693 </div> 1694 1695 <div class="reassure"> 1696 <span> 1697 <svg class="check" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 12 10 18 20 6"/></svg> 1698 AI аÑÑиÑÑÐµÐ½Ñ 1699 </span> 1700 <span>
1701 <svg class="check" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 12 10 18 20 6"/></svg> 1702 СемейнÑй ÑÑÐµÑ 1703 </span> 1704 <span> 1705 <svg class="check" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 12 10 18 20 6"/></svg> 1706 Ð¡Ð¸Ð½Ñ ÑонизаÑÐ¸Ñ Ð¼ÐµÐ¶Ð´Ñ ÑÑÑÑойÑÑвами 1707 </span> 1708 </div> 1709</section> 1710 1711 1712<!-- âââââ SEGMENTS âââââ --> 1713<section id="segments"> 1714 <div class="wrap"> 1715 <div class="section-head"> 1716 <span class="eyebrow">ÐÐ»Ñ ÐºÐ¾Ð³Ð¾ CoinKeeper</span> 1717 <h2>ТÑи ÑазнÑÑ <span class="accent">вопÑоÑа</span> â одно пÑиложение</h2> 1718 <p class="section-lede">ÐÑ Ð½Ðµ ÑÑим жиÑÑ Â«Ð¿Ð¾ жÑÑÑÐºÐ¾Ð¼Ñ Ð±ÑджеÑÑ». Ðомогаем понÑÑÑ, договоÑиÑÑÑÑ Ñ Ð±Ð»Ð¸Ð·ÐºÐ¸Ð¼Ð¸ и Ñпокойно идÑи к ÑелÑм.</p> 1719 </div> 1720 1721 <div class="segments"> 1722 <article class="seg-card"> 1723 <div class="seg-header"> 1724 <span class="seg-icon a">ð</span> 1725 <h3>«ÐÑда ÑÑ Ð¾Ð´ÑÑ Ð´ÐµÐ½Ñги?»</h3> 1726 </div> 1727 <p>ÐенÑги еÑÑÑ â но в конÑе меÑÑÑа Ð¸Ñ Ð½ÐµÑ. Ðе нÑжен жÑÑÑкий бÑджеÑ: нÑжно пÑоÑÑо ÑвидеÑÑ ÐºÐ°ÑÑÐ¸Ð½Ñ Ð¸ найÑи, где можно безболезненно ÑокÑаÑиÑÑ.</p> 1728 <ul> 1729 <li>ÐÑе ÑÑаÑÑ Ð² одной ленÑе â вÑе ÑаÑÑ Ð¾Ð´Ñ Ð² множеÑÑве гÑаÑиков</li> 1730 <li>ÐоказÑваем ÑÐµÐ¼Ð¿Ñ ÑаÑÑ Ð¾Ð´Ð¾Ð² внÑÑÑи меÑÑÑа</li> 1731 <li>Ðегко найÑи на ÑÑо Ð²Ñ ÑÑаÑиÑе болÑÑе вÑего</li> 1732 <li>ÐоиÑк и меÑки: найдÑÑе лÑбÑÑ Ð¾Ð¿ÐµÑаÑиÑ, коÑоÑÐ°Ñ Ð¼ÐµÑÐ°ÐµÑ Ð¿ÑидеÑживаÑÑÑÑ Ð¿Ð»Ð°Ð½Ð°</li> 1733 <li>AI-аÑÑиÑÑÐµÐ½Ñ Ð¿Ð¾Ð¼Ð¾Ð¶ÐµÑ ÑазобÑаÑÑÑÑ Ð¸ даÑÑ ÑовеÑÑ Ð¿Ð¾ опÑимизаÑии ÑÑаÑ</li> 1734 </ul> 1735 <div class="seg-quote"> 1736 «ÐаÑплаÑа 90Ð, в конÑе меÑÑÑа â 4000. Я не понимаÑ, кÑда ÑÑла. ÐÑоÑÑо Ñ Ð¾ÑÑ ÑазобÑаÑÑÑÑ.» 1737 <span class="seg-persona">â ÐаÑалÑÑ, 29 · менеджеÑ, ÐоÑква</span> 1738 </div> 1739 <a class="seg-link" href="#features">ÐоÑмоÑÑеÑÑ Ð°Ð½Ð°Ð»Ð¸ÑÐ¸ÐºÑ â</a> 1740 </article> 1741 1742 <article class="seg-card"> 1743 <div class="seg-header"> 1744 <span class="seg-icon b">ð</span> 1745 <h3>«Ðез ÑÑÐ¾Ñ Ð¾ денÑÐ³Ð°Ñ Ð² ÑемÑе»</h3> 1746 </div> 1747 <p>Ðело не в денÑÐ³Ð°Ñ â дело в Ñом, ÑÑо каждÑй Ð²Ð¸Ð´Ð¸Ñ ÑолÑко ÑÐ²Ð¾Ñ ÑаÑÑÑ. Ðогда оба ÑмоÑÑÑÑ Ð½Ð° Ð¾Ð´Ð½Ñ ÐºÐ°ÑÑинÑ, ÑпоÑов ÑÑановиÑÑÑ Ð¼ÐµÐ½ÑÑе.</p> 1748 <ul> 1749 <li>СемейнÑй ÑÑÑÑ Ð´Ð¾ 5 Ñеловек</li> 1750 <li>ÐиÑнÑе и обÑие ÑÑеÑа â ÑазделÑно</li> 1751 <li>ÐбÑие Ñели: оÑпÑÑк, ÑемонÑ, ипоÑеÑнÑй взноÑ</li> 1752 <li>Ðидно кÑо ÑколÑко поÑÑаÑил и на ÑÑо</li> 1753 <li>ÐомменÑаÑии к каждой опеÑаÑии: Ð´Ð»Ñ Ñего ÑÑо бÑло</li> 1754 </ul> 1755 <div class="seg-quote"> 1756 «Раз в меÑÑÑ Ð¾Ð´Ð¸Ð½ и ÑÐ¾Ñ Ð¶Ðµ Ñкандал: кÑо опÑÑÑ Ð¿Ð¾ÑÑаÑил ÑÑолÑко на ÑеÑÑоÑанÑ?» 1757 <span class="seg-persona">â ÐлекÑей и Ðлена, 35 · ÑемÑÑ, СанкÑ-ÐеÑеÑбÑÑг</span> 1758 </div> 1759 <a class="seg-link" href="#features">Ðак наÑÑÑоиÑÑ ÑемÑÑ â</a> 1760 </article> 1761 1762 <article class="seg-card"> 1763 <div class="seg-header"> 1764 <span class="seg-icon c">ð</span> 1765 <h3>
1765«ХоÑÑ Ð²Ð¸Ð´ÐµÑÑ ÑоÑÑ ÐºÐ°Ð¿Ð¸Ñала»</h3> 1766 </div> 1767 <p>ÐкладÑ, бÑокеÑÑкие ÑÑеÑа, накопиÑелÑнÑе â вÑÑ ÑазбÑоÑано. CoinKeeper ÑобиÑÐ°ÐµÑ Ð²ÑÑ Ð² один даÑбоÑд и показÑваеÑ, как ÑаÑÑÑÑ Ð²Ð°Ñ ÐºÐ°Ð¿Ð¸Ñал меÑÑÑ Ðº меÑÑÑÑ.</p> 1768 <ul> 1769 <li>ÐÑе ÑÑеÑа и акÑÐ¸Ð²Ñ Ð² одном меÑÑе</li> 1770 <li>Net worth â обÑий капиÑал и его ÑоÑÑ</li> 1771 <li>Цели Ñ Ð¿ÑогÑеÑÑ-баÑом и пÑогнозом даÑÑ</li> 1772 <li>УÑÑÑ Ð´Ð¾Ð»Ð³Ð¾Ð² и кÑедиÑов</li> 1773 <li>ÐÑокеÑÑкие ÑÑеÑа и инвеÑÑиÑии в одном меÑÑе</li> 1774 </ul> 1775 <div class="seg-quote"> 1776 «ÐаÑплаÑа вÑÑоÑла на 30%. ÐÑÑÑÐµÐ½Ð¸Ñ Ð½Ð°ÐºÐ¾Ð¿Ð»ÐµÐ½Ð¸Ð¹ â неÑ. Ðде вообÑе мои денÑги?» 1777 <span class="seg-persona">â ÐÐ¸Ñ Ð°Ð¸Ð», 38 · Ñимлид, ÐазанÑ</span> 1778 </div> 1779 <a class="seg-link" href="#features">ÐоÑÑиÑаÑÑ ÐºÐ°Ð¿Ð¸Ñал â</a> 1780 </article> 1781 </div> 1782 </div> 1783</section> 1784 1785<!-- âââââ FEATURES âââââ --> 1786<section id="features"> 1787 <div class="wrap"> 1788 1789 <div class="section-head"> 1790 <span class="eyebrow">ÐозможноÑÑи</span> 1791 <h2>ÐÑÑ, ÑÑо нÑжно Ð´Ð»Ñ <span class="accent">лиÑнÑÑ ÑинанÑов</span></h2> 1792 <p class="section-lede">ÐÑ Ð¿ÐµÑвой запиÑи до полного конÑÑÐ¾Ð»Ñ Ð½Ð°Ð´ капиÑалом â ÑаÑÑÑÑ Ð²Ð¼ÐµÑÑе Ñ Ð²Ð°Ð¼Ð¸.</p> 1793 </div> 1794 1795 <!-- ââ BLOCK 1: ÐÐЮЧÐÐЫРФУÐÐЦÐÐ ÐÐÐÐÐСÐÐ ââ --> 1796 <div class="section-head" style="margin-bottom: 24px;"> 1797 <span class="eyebrow">СамÑе попÑлÑÑнÑе ÑÑнкÑии</span> 1798 <h2 style="font-size: clamp(22px, 2.8vw, 34px);">ÐвÑомаÑизаÑÐ¸Ñ Ð¸ <span class="accent">ÑÐ¸Ð½Ñ ÑонизаÑиÑ</span></h2> 1799 </div> 1800 1801 <div class="bento"> 1802 <div class="tile s7" style="background: radial-gradient(600px 280px at 100% 0%, #FFE5B8 0%, transparent 60%), linear-gradient(180deg, #FFFBF3 0%, #FFF4E6 100%); flex-direction: row; align-items: center; gap: 24px;"> 1803 <div style="flex: 1 1 0; min-width: 0; display: flex; flex-direction: column;"> 1804 <div class="tile-head"> 1805 <span class="tile-icon" style="background: var(--orange-soft);">â¡</span> 1806 <h4>ÐмпоÑÑ Ð¸Ð· банков</h4> 1807 </div> 1808 <p>Тбанк, СбеÑ, ÐлÑÑа, ÐТÐ, РайÑÑайзен, ÐазпÑомбанк â опеÑаÑии загÑÑжаÑÑÑÑ Ð¸ ÑÑÐ°Ð·Ñ ÑаÑкладÑваÑÑÑÑ Ð¿Ð¾ каÑегоÑиÑм. ÐлÑÑ ÑаÑпознавание банковÑÐºÐ¸Ñ SMS.</p> 1809 <div class="sync-row" style="flex-wrap: wrap;"> 1810 <span class="sync-pill">ð¡ Тбанк</span> 1811 <span class="sync-pill">ð¢ СбеÑ</span> 1812 <span class="sync-pill">ð´ ÐлÑÑа</span> 1813 <span class="sync-pill">ðµ ÐТÐ</span> 1814 <span class="sync-pill">ð¡ РайÑÑайзен</span> 1815 <span class="sync-pill">ðµ ÐазпÑомбанк</span> 1816 </div> 1817 </div> 1818 <img src="/landing-assets/import.gif?v=1790584696" alt="ÐмпоÑÑ Ð¾Ð¿ÐµÑаÑий из банков" loading="lazy" style="flex: 0 0 38%; width: 38%; height: auto; border-radius: 14px; border: 1px solid var(--line); display: block; align-self: center;"> 1819 </div> 1820 1821 <div class="tile s5"> 1822 <div class="tile-head"> 1823 <span class="tile-icon" style="background: var(--cyan-soft);">ð</span> 1824 <h4>Ð¡Ð¸Ð½Ñ ÑонизаÑÐ¸Ñ ÑÑÑÑойÑÑв</h4> 1825 </div> 1826 <p>iPhone, iPad, Android â даннÑе ÑÐ¸Ð½Ñ ÑонизиÑÑÑÑÑÑ Ð¼Ð³Ð½Ð¾Ð²ÐµÐ½Ð½Ð¾. ÐблаÑнÑй бÑкап вÑегда вклÑÑÑн.</p> 1827 <div class="store-badges"> 1828 <a href="https://apps.apple.com/app/id1335547405" aria-label="СкаÑаÑÑ Ð² App Store" data-store="appstore"><img src="/static/img/appstore-badge.svg?v=1790584696" alt="App Store" /></a> 1829 <a href="https://play.google.com/store/apps/details?id=com.disrapp.c
1829oinkeeper3" aria-label="ÐоÑÑÑпно в Google Play" data-store="googleplay"><img src="/static/img/googleplay-badge.webp?v=1790584696" alt="Google Play" /></a> 1830 </div> 1831 <p>AI-аÑÑиÑÑÐµÐ½Ñ Ð² <a href="https://t.me/coinkeeper_fin_bot" target="_blank" rel="noopener">Telegram</a>, а ÑкоÑо â деÑкÑоп-пÑиложение</p> 1832 </div> 1833 1834 <div class="tile s4"> 1835 <div class="tile-head"> 1836 <span class="tile-icon" style="background: var(--orange-soft);">ð</span> 1837 <h4>ÐовÑоÑÑÑÑиеÑÑ Ð¿Ð»Ð°Ñежи</h4> 1838 </div> 1839 <p>ÐаÑплаÑа, аÑенда, подпиÑки â напомним и ÑÑÑÑм авÑомаÑиÑеÑки.</p> 1840 <img src="/landing-assets/repeat.png?v=1790584696" alt="ÐовÑоÑÑÑÑиеÑÑ Ð¿Ð»Ð°Ñежи" loading="lazy" style="width: 80%; height: auto; border-radius: 14px; border: 1px solid var(--line); display: block; margin: 16px auto 0;"> 1841 </div> 1842 1843 <div class="tile s4"> 1844 <div class="tile-head"> 1845 <span class="tile-icon" style="background: var(--green-soft);">ð¯</span> 1846 <h4>Цели и накоплениÑ</h4> 1847 </div> 1848 <p>ÐÑкладÑвайÑе на меÑÑÑ â Ñ Ð¿ÑогÑеÑÑ-баÑом и пÑогнозом даÑÑ.</p> 1849 <div class="goal"> 1850 <div class="goal-top"> 1851 <span class="goal-title">ÐÑпÑÑк в авгÑÑÑе</span> 1852 <span class="goal-num">68%</span> 1853 </div> 1854 <div class="goal-bar"><i style="width: 68%"></i></div> 1855 <div class="goal-sub"><span>68 000 â½</span><span>из 100 000 â½</span></div> 1856 </div> 1857 </div> 1858 1859 <div class="tile s4"> 1860 <div class="tile-head"> 1861 <span class="tile-icon" style="background: var(--red-soft);">ð³</span> 1862 <h4>УÑÑÑ Ð´Ð¾Ð»Ð³Ð¾Ð² и кÑедиÑов</h4> 1863 </div> 1864 <p>ÐÑо вам должен, ÐºÐ¾Ð¼Ñ Ð²Ñ â вÑÑ Ð² одном меÑÑе. ÐÐ°Ð¿Ð¾Ð¼Ð¸Ð½Ð°Ð½Ð¸Ñ Ð½Ðµ дадÑÑ Ð·Ð°Ð±ÑÑÑ.</p> 1865 </div> 1866 1867 </div> 1868 1869 <!-- ââ BLOCK 2: ТÐÐЫ ÐÐ ÐÐÐЯРââ --> 1870 <div class="block-tabs"> 1871 <div class="section-head" style="text-align: left; max-width: 100%; margin-bottom: 28px;"> 1872 <span class="eyebrow">Ðод ваÑÑ Ð·Ð°Ð´Ð°ÑÑ</span> 1873 <h2 style="font-size: clamp(22px, 2.8vw, 34px);">ЧÑо важно <span class="accent">именно вам?</span></h2> 1874 </div> 1875 <div class="tabs-nav"> 1876 <button class="tab-btn active" onclick="sw('t1',this)">«ÐÑда ÑÑ Ð¾Ð´ÑÑ Ð´ÐµÐ½Ñги?»</button> 1877 <button class="tab-btn" onclick="sw('t2',this)">«Ðез ÑÑÐ¾Ñ Ð¾ денÑÐ³Ð°Ñ Ð² ÑемÑе»</button> 1878 <button class="tab-btn" onclick="sw('t3',this)">«ХоÑÑ Ð²Ð¸Ð´ÐµÑÑ ÑоÑÑ ÐºÐ°Ð¿Ð¸Ñала»</button> 1879 </div> 1880 1881 <div id="t1" class="tab-content active"> 1882 <div class="feat-row"> 1883 <div class="feat-icon-box" style="background: var(--orange-soft);">ð</div> 1884 <div><div class="feat-name">ÐналиÑика по каÑегоÑиÑм</div><div class="feat-desc">Ðде пеÑÐµÐ±Ð¾Ñ â видно Ñ Ð¿ÐµÑвого взглÑда. Топ каÑегоÑий за лÑбой пеÑиод.</div></div> 1885 </div> 1886 <div class="feat-row"> 1887 <div class="feat-icon-box" style="background: var(--yellow-soft);">ð</div> 1888 <div><div class="feat-name">ÐÑаÑики меÑÑÑ Ðº меÑÑÑÑ</div><div class="feat-desc">СÑавниÑе апÑÐµÐ»Ñ Ñ Ð¼Ð°ÑÑом без ÑÐ°Ð±Ð»Ð¸Ñ â ÑÑÐ°Ð·Ñ Ð²Ð¸Ð´Ð½Ð¾, где ÑÑало болÑÑе.</div></div> 1889 </div> 1890 <div class="feat-row"> 1891 <div class="feat-icon-box" style="background: var(--orange-soft);">ð°</div> 1892 <div><div class="feat-name">ÐÑджеÑÑ Ð¸ лимиÑÑ</div><div class="feat-desc">УÑÑановиÑе Ð»Ð¸Ð¼Ð¸Ñ Ð½Ð° каÑегоÑÐ¸Ñ â пÑиложение пÑедÑпÑÐµÐ´Ð¸Ñ Ñ Ð³ÑаниÑÑ.</div></div> 1893 </div> 1894 <div class="feat-row"> 1895 <div class="feat-icon-box" style="background: var(--cyan-soft);">ð</div> 1896 <div><div class="feat-name">ÐоиÑк и Ñ ÑÑÑеги</div><div class="feat-desc">ÐайдÑÑе лÑбÑÑ Ð¾Ð¿ÐµÑаÑÐ¸Ñ Ð·Ð° ÑекÑндÑ. ÐомеÑайÑе: #оÑпÑÑк, #ÑабоÑа, #деÑи.</div></div> 1897 </div> 1898 </div> 1899 1900 <div id="t2" class="tab-content"> 1901 <div class="feat-row"> 1902 <div class="feat-icon-box" style="background: var(--yellow-soft);">ð¨âð©âð§</div> 1903 <div><div class="feat-name">ÐбÑий и лиÑнÑе бÑджеÑÑ</div><div class="feat-desc">СемейнÑе ÑаÑÑ Ð¾Ð´Ñ â вмеÑÑе. ÐиÑнÑе ÑÑаÑÑ â ÑолÑко ваÑи. Ðез конÑликÑов.</div></div> 1904 </div> 1905 <div class="feat-row"> 1906 <div class="feat-icon-box" style="background: var(--green-soft);">ðï¸</div> 1907 <div><div class="feat-name">ÐбÑие Ñели</div><div class="feat-desc">ÐÑпÑÑк, ÑемонÑ, пеÑвÑй Ð²Ð·Ð½Ð¾Ñ â копиÑе вмеÑÑе, видиÑе обÑий пÑогÑеÑÑ.</div></div> 1908 </div> 1909 <div class="feat-row"> 1910 <div class="feat-icon-box" style="background: var(--orange-soft);">
1910ð¬</div> 1911 <div><div class="feat-name">ÐомменÑаÑии к опеÑаÑиÑм</div><div class="feat-desc">ÐÑÑавлÑйÑе помеÑки â болÑÑе не бÑÐ´ÐµÑ Â«Ð° ÑÑо ÑÑо за пеÑевод?»</div></div> 1912 </div> 1913 <div class="feat-row"> 1914 <div class="feat-icon-box" style="background: var(--cyan-soft);">ðï¸</div> 1915 <div><div class="feat-name">ÐÑо ÑколÑко поÑÑаÑил</div><div class="feat-desc">ÐÑозÑаÑÐ½Ð°Ñ ÐºÐ°ÑÑина по ÐºÐ°Ð¶Ð´Ð¾Ð¼Ñ ÑÐ»ÐµÐ½Ñ ÑемÑи.</div></div> 1916 </div> 1917 </div> 1918 1919 <div id="t3" class="tab-content"> 1920 <div class="feat-row"> 1921 <div class="feat-icon-box" style="background: var(--green-soft);">ð¦</div> 1922 <div><div class="feat-name">ÐÑе ÑÑеÑа и акÑÐ¸Ð²Ñ Ð² одном</div><div class="feat-desc">ÐаÑÑÑ, вкладÑ, бÑокеÑÑкие, кÑипÑа â один даÑбоÑд вмеÑÑо деÑÑÑи пÑиложений.</div></div> 1923 </div> 1924 <div class="feat-row"> 1925 <div class="feat-icon-box" style="background: var(--yellow-soft);">ð</div> 1926 <div><div class="feat-name">Net worth и его ÑоÑÑ</div><div class="feat-desc">СÑÑоим пÑогноз ÑоÑÑа капиÑала на оÑнове ваÑÐ¸Ñ ÑÑаÑ, ÑбеÑежений и инвеÑÑиÑий. УÑиÑÑваем инÑлÑÑÐ¸Ñ Ð¸ Ð´Ð¾Ñ Ð¾Ð´Ð½Ð¾ÑÑÑ ÐºÐ°Ð¿Ð¸Ñала.</div></div> 1927 </div> 1928 <div class="feat-row"> 1929 <div class="feat-icon-box" style="background: var(--orange-soft);">ð¯</div> 1930 <div><div class="feat-name">Цели Ñ Ð¿Ñогнозом даÑÑ</div><div class="feat-desc">ÐакопиÑÑ 1 млн к авгÑÑÑÑ â CoinKeeper ÑкажеÑ, ÑеалÑно ли пÑи ÑекÑÑем Ñемпе.</div></div> 1931 </div> 1932 <div class="feat-row"> 1933 <div class="feat-icon-box" style="background: var(--red-soft);">ð³</div> 1934 <div><div class="feat-name">УÑÑÑ Ð´Ð¾Ð»Ð³Ð¾Ð² и кÑедиÑов</div><div class="feat-desc">ÐÑо вам должен, ÐºÐ¾Ð¼Ñ Ð²Ñ â вÑÑ Ð² одном меÑÑе Ñ Ð½Ð°Ð¿Ð¾Ð¼Ð¸Ð½Ð°Ð½Ð¸Ñми.</div></div> 1935 </div> 1936 </div> 1937 </div> 1938 1939 <!-- ââ BLOCK 3: AI ââ --> 1940 <div class="block-ai"> 1941 <span class="eyebrow">⨠ТолÑко в Platinum PLUS</span> 1942 <h2>AI-аÑÑиÑÑÐµÐ½Ñ Ð¿Ð¾ <span class="accent" style="color: var(--yellow);">ваÑим</span> ÑинанÑам</h2> 1943 <p class="section-lede">ÐобавлÑйÑе ÑÑаÑÑ ÐºÐ°Ðº вам Ñдобно, а поÑом ÑпÑоÑиÑе AI о ÑÑм Ñгодно â он Ð·Ð½Ð°ÐµÑ ÐºÐ°Ð¶Ð´ÑÑ Ð²Ð°ÑÑ Ð¾Ð¿ÐµÑаÑиÑ.</p> 1944 <div class="ai-grid"> 1945 <div class="ai-panel"> 1946 <div class="ai-panel-title">ÐобавлÑйÑе как Ñдобно</div> 1947 <div class="input-method"> 1948 <div class="im-icon">ðï¸</div> 1949 <div><div class="im-title">ÐолоÑом</div><div class="im-desc">«ÐоÑÑаÑил 450 ÑÑблей на обед» â AI ÑаÑÐ¿Ð¾Ð·Ð½Ð°ÐµÑ Ð¸ Ð´Ð¾Ð±Ð°Ð²Ð¸Ñ Ð² нÑжнÑÑ ÐºÐ°ÑегоÑиÑ</div></div> 1950 </div> 1951 <div class="input-method"> 1952 <div class="im-icon">ð¸</div> 1953 <div><div class="im-title">ФоÑо вÑпиÑки</div><div class="im-desc">СÑоÑогÑаÑиÑÑйÑе ÑкÑинÑÐ¾Ñ Ð¸Ð· банка â AI ÑазбеÑÑÑ Ð²Ñе позиÑии авÑомаÑиÑеÑки</div></div> 1954 </div> 1955 <div class="input-method"> 1956 <div class="im-icon">ð¬</div> 1957 <div><div class="im-title">ТекÑÑом в ÑаÑ</div><div class="im-desc">ÐапиÑиÑе как обÑÑное ÑообÑение â без ÑоÑм и полей</div></div> 1958 </div> 1959 </div> 1960 <div class="ai-panel"> 1961 <div class="ai-panel-title">СпÑоÑиÑе ÑÑо Ñгодно</div> 1962 <div class="ai-chat"> 1963 <span class="bubble user">ÐÑда Ñ Ð¼ÐµÐ½Ñ ÑÑ Ð¾Ð´Ð¸Ñ Ð±Ð¾Ð»ÑÑе вÑего денег?</span>
1964 <span class="bubble bot">Топ каÑегоÑий за май: ÑеÑÑоÑÐ°Ð½Ñ 12 400 â½, пÑодÑкÑÑ 9 800 â½, ÑакÑи 4 200 â½. РеÑÑоÑÐ°Ð½Ñ Ð²ÑÑоÑли на 34% к апÑелÑ.</span> 1965 <span class="bubble user">ЧÑо бÑдеÑ, еÑли пÑÐ¾Ð´Ð¾Ð»Ð¶Ñ ÑÑаÑиÑÑ Ñак же?</span> 1966 <span class="bubble bot">ÐÑи ÑекÑÑем Ñемпе к декабÑÑ Ð½Ð°ÐºÐ¾Ð¿Ð¸Ñе 48 000 â½ â на 60 000 менÑÑе ваÑей Ñели. СовеÑÑÑ ÑокÑаÑиÑÑ ÑеÑÑоÑÐ°Ð½Ñ Ð½Ð° 20%.</span> 1967 </div> 1968 </div> 1969 <div class="ai-panel"> 1970 <div class="ai-panel-title">Ðак ÑÑо ÑабоÑаеÑ</div> 1971 <div class="ai-steps"> 1972 <div class="ai-step"> 1973 <div class="ai-step-num">1</div> 1974 <div><div class="ai-step-title">ÐадайÑе вопÑÐ¾Ñ Ð¿ÑоÑÑÑм ÑзÑком</div><div class="ai-step-desc">Ðикакого ÑинÑакÑиÑа и ÑилÑÑÑов â пиÑиÑе как дÑÑгÑ</div></div> 1975 </div> 1976 <div class="ai-step"> 1977 <div class="ai-step-num">2</div> 1978 <div><div class="ai-step-title">AI анализиÑÑÐµÑ Ð²Ñе ваÑи ÑÑанзакÑии</div><div class="ai-step-desc">Ðо ÑеалÑнÑм даннÑм, не по ÑÑеднеÑÑаÑиÑÑиÑеÑким</div></div> 1979 </div> 1980 <div class="ai-step"> 1981 <div class="ai-step-num">3</div> 1982 <div><div class="ai-step-title">ТоÑнÑй оÑÐ²ÐµÑ Ð·Ð° ÑекÑндÑ</div><div class="ai-step-desc">С ÑиÑÑами, динамикой и ÑовеÑом ÑÑо измениÑÑ</div></div> 1983 </div> 1984 </div> 1985 </div> 1986 </div> 1987 </div> 1988 1989 <!-- ââ BLOCK 3b: ÐодпиÑки + ÐÐ»Ñ Ð¸Ð½Ð²ÐµÑÑоÑов ââ --> 1990 <div class="duo flip" style="margin-top: 40px;"> 1991 <div class="panel"> 1992 <span class="panel-tag">ÐодпиÑки</span> 1993 <h3>ÐайдиÑе и оÑмениÑе <span class="accent">забÑÑое</span></h3> 1994 <p>CoinKeeper подÑвеÑÐ¸Ñ Ð°Ð²ÑоÑпиÑаниÑ, о коÑоÑÑÑ Ð²Ñ Ð´Ð°Ð²Ð½Ð¾ забÑли: пÑобнÑе пеÑиодÑ, дÑбли, подпиÑки «на вÑÑкий ÑлÑÑай».</p> 1995 <div class="subs-list"> 1996 <div class="sub-item"> 1997 <div class="sub-left"> 1998 <span class="sub-emoji a">ðµ</span> 1999 <div> 2000 <div>ÐÑзÑка Premium</div> 2001 <div class="sub-warn">Ðе оÑкÑÑвали 60 дней</div> 2002 </div> 2003 </div> 2004 <div class="sub-amt">â299 â½/меÑ</div> 2005 </div> 2006 <div class="sub-item"> 2007 <div class="sub-left"> 2008 <span class="sub-emoji b">ðº</span> 2009 <div> 2010 <div>Ðнлайн-киноÑеаÑÑ</div> 2011 <div class="sub-warn">ÐÐ²Ð¾Ð¹Ð½Ð°Ñ Ð¿Ð¾Ð´Ð¿Ð¸Ñка</div> 2012 </div> 2013 </div> 2014 <div class="sub-amt">â599 â½/меÑ</div> 2015 </div> 2016 <div class="sub-item"> 2017 <div class="sub-left"> 2018 <span class="sub-emoji c">âï¸</span> 2019 <div> 2020 <div>Ðблако 2 ТÐ</div> 2021 <div class="sub-warn">Ðаполнено на 4%</div> 2022 </div> 2023 </div> 2024 <div class="sub-amt">â750 â½/меÑ</div> 2025 </div> 2026 </div> 2027 </div> 2028 <div class="panel dark"> 2029 <span class="panel-tag">ÐÐ»Ñ Ð¸Ð½Ð²ÐµÑÑоÑов</span> 2030 <h3>Net worth: Ð²Ð°Ñ ÐºÐ°Ð¿Ð¸Ñал на одном ÑкÑане</h3> 2031 <p>ÐодклÑÑиÑе бÑокеÑÑкие ÑÑеÑа и вкладÑ. ÐидиÑе обÑий капиÑал, ÑÐ°Ð·Ð±Ð¸Ð²ÐºÑ Ð¿Ð¾ акÑивам и Ð´Ð¸Ð½Ð°Ð¼Ð¸ÐºÑ Ð¼ÐµÑÑÑ Ðº меÑÑÑÑ.</p> 2032 <div class="wealth-cards"> 2033 <div class="wcard"> 2034 <div class="w-label">ÐапиÑал</div> 2035 <div class="w-val">4,82 Ð â½</div> 2036 <div class="w-delta">+3,1% за меÑÑÑ</div> 2037 </div> 2038 <div class="wcard"> 2039 <div class="w-label">ÐÑокеÑÑкий</div> 2040 <div class="w-val">2,14 Ð â½</div> 2041 <div class="w-delta">+4,8% за меÑÑÑ</div> 2042 </div> 2043 <div class="wcard"> 2044 <div class="w-label">ÐкладÑ</div> 2045 <div class="w-val">1,60 Ð â½</div> 2046 <div class="w-delta" style="color: var(--yellow);">+0,7% за меÑÑÑ</div> 2047 </div> 2048 <div class="wcard"> 2049 <div class="w-label">ÐÑÑ Ð¸ ÑÑеÑа</div> 2050 <div class="w-val">1,08 Ð â½</div> 2051 <div class="w-delta">+1,2% за меÑÑÑ</div> 2052 </div> 2053 </div> 2054 </div> 2055 </div> 2056 2057 <!-- ââ BLOCK 4: ÐÐСÐÐÐТÐÐ ââ --> 2058 <div class="section-head" style="margin-top: 80px; margin-bottom: 28px;">
2059 <span class="eyebrow" style="color: var(--green-dark);">ÐеÑплаÑно вÑегда</span> 2060 <h2 style="font-size: clamp(20px, 2.5vw, 30px); color: var(--ink-3);">ÐÑо еÑÑÑ Ñ Ð²ÑÐµÑ Ð¿Ð¾Ð»ÑзоваÑелей</h2> 2061 </div> 2062 <div class="free-pills"> 2063 <div class="free-pill">ð ÐналиÑика и оÑÑÑÑÑ</div> 2064 <div class="free-pill">ð ÐÑлÑÑивалÑÑноÑÑÑ</div> 2065 <div class="free-pill">ð FaceID и PIN</div> 2066 <div class="free-pill">ð ÐоиÑк по опеÑаÑиÑм</div> 2067 <div class="free-pill">ð¬ ÐомменÑаÑии к ÑÑаÑам</div> 2068 <div class="free-pill">ðï¸ ÐÑджеÑÑ Ð¿Ð¾ каÑегоÑиÑм</div> 2069 <div class="free-pill">ð³ ÐимиÑÑ ÐºÑедиÑнÑÑ ÐºÐ°ÑÑ</div> 2070 <div class="free-pill">ð± iOS + Android</div> 2071 <div class="free-pill">ð РабоÑÐ°ÐµÑ Ð¾Ñлайн</div> 2072 </div> 2073 2074 </div> 2075</section> 2076 2077<!-- âââââ REVIEWS âââââ --> 2078<section id="reviews"> 2079 <div class="wrap"> 2080 <div class="section-head"> 2081 <span class="eyebrow">ÐÑзÑвÑ</span> 2082 <h2>Ðолее 10 миллионов ÑÑиÑаÑÑ Ð²Ð¼ÐµÑÑе Ñ Ð½Ð°Ð¼Ð¸ <span class="accent">15 леÑ</span></h2> 2083 <p class="section-lede">CoinKeeper â одно из ÑÑаÑейÑÐ¸Ñ Ð¸ ÑамÑÑ Ð»ÑбимÑÑ Ð¿Ñиложений Ð´Ð»Ñ ÑинанÑов в РоÑÑии.</p> 2084 </div> 2085 2086 <div class="reviews"> 2087 <div class="review"> 2088 <div class="stars"><span>â </span><span>â </span><span>â </span><span>â </span><span>â </span></div> 2089 <p>«Ðного Ñаз пÑÑалÑÑ Ð¾ÑганизоваÑÑ ÑинанÑÑ, но не полÑÑалоÑÑ, пока не ÑкаÑал ваÑе пÑиложение! ÐÑаÑивÑй дизайн, ÑдобнÑй ÑÑнкÑионал и логика Ð¼ÐµÐ½Ñ Ð·Ð°ÑÑнÑли Ñ Ð¿ÐµÑвÑÑ Ð¼Ð¸Ð½ÑÑ. ÐолÑзÑÑÑÑ Ñже 4 меÑÑÑа и каждÑй Ñаз вноÑÑ Ñвои ÑаÑÑ Ð¾Ð´Ñ Ð¸ Ð´Ð¾Ñ Ð¾Ð´Ñ Ñ ÑдоволÑÑÑвием!»</p> 2090 <div class="who"> 2091 <span class="avatar a">K</span> 2092 <div> 2093 <div class="who-name">Khramchenkov</div> 2094 <div class="who-meta">App Store · 4 авг.</div> 2095 </div> 2096 </div> 2097 </div> 2098 <div class="review"> 2099 <div class="stars"><span>â </span><span>â </span><span>â </span><span>â </span><span>â </span></div> 2100 <p>«Ðолее 7 Ð»ÐµÑ Ð¿Ð¾Ð»ÑзÑÑÑÑ Ð´Ð°Ð½Ð½Ñм пÑиложением. ÐÑобовал дÑÑгие пÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ Ð¸ опÑÑÑ Ð²Ð¾Ð·Ð²ÑаÑалÑÑ Ð½Ð° Coinkeeper. СпаÑибо команде ÑазÑабоÑÑиков за пÑиложение! ÐÑделÑное ÑпаÑибо за импоÑÑ Ð¾Ð¿ÐµÑаÑий из онлайн-банка. РекомендÑÑ Ð²Ñем, кÑо ÑÐ»ÐµÐ´Ð¸Ñ Ð·Ð° Ñвоими ÑинанÑами.»</p> 2101 <div class="who"> 2102 <span class="avatar b">a</span> 2103 <div> 2104 <div class="who-name">andruxa_xa</div> 2105 <div class="who-meta">App Store · 2 маÑ</div> 2106 </div> 2107 </div> 2108 </div> 2109 <div class="review"> 2110 <div class="stars"><span>â </span><span>â </span><span>â </span><span>â </span><span>â </span></div> 2111 <p>«ÐолÑзÑÑÑÑ ÑеÑвиÑом Ñ 2014 года. ÐÑпил безлимиÑнÑй ÑаÑÐ¸Ñ Ð½Ð° поÑледнÑÑ Ð²ÐµÑÑÐ¸Ñ Ð¿ÑиложениÑ. ÐÑÐµÐ½Ñ ÐºÑÑÑо, ÑÑо не нÑжно ниÑего ÑÑками заноÑиÑÑ. ÐÑо огÑомнÑй плÑÑ ÑазÑабоÑÑикам. ÐÑÐµÐ½Ñ Ñдобно конÑÑолиÑоваÑÑ Ñвои ÑаÑÑ Ð¾Ð´Ñ. РекомендÑÑ Ð²Ñем. РазÑабоÑÑикам ÑпаÑибо!»</p> 2112 <div class="who"> 2113 <span class="avatar c">Ð</span> 2114 <div> 2115 <div class="who-name">ÐлекÑÐ°Ð½Ð´Ñ Ð¡ÑекÑов</div> 2116 <div class="who-meta">App Store · 9 иÑн.</div> 2117 </div> 2118 </div> 2119 </div> 2120 <div class="review"> 2121 <div class="stars"><span>â </span><span>â </span><span>â </span><span>â </span><span>â </span></div> 2122 <p>«ÐÑполÑзÑÑ Ð½ÐµÐ´Ð°Ð²Ð½Ð¾, Ð¼Ð¾Ð³Ñ Ð¾ÑмеÑиÑÑ, ÑÑо пÑиложение инÑÑиÑивно понÑÑное и Ñдобное. ÐÑиложение оÑÐµÐ½Ñ Ð½ÑавиÑÑÑ, ÑекомендÑÑ.»</p> 2123 <div class="who">
2124 <span class="avatar d">Ð</span> 2125 <div> 2126 <div class="who-name">ÐаÑина Ðопп</div> 2127 <div class="who-meta">App Store · 29 маÑ</div> 2128 </div> 2129 </div> 2130 </div> 2131 <div class="review"> 2132 <div class="stars"><span>â </span><span>â </span><span>â </span><span>â </span><span>â </span></div> 2133 <p>«С вами ÑÑÑÑÑ ÑкономиÑÑ Ð¸ ÑÑиÑаÑÑ ÑаÑÑ Ð¾Ð´Ñ. ÐÑоÑой меÑÑÑ ÑолÑко иÑполÑзÑÑ ÑÑо пÑиложение, но вÑводов Ñже Ñделала много) СпаÑибо!»</p> 2134 <div class="who"> 2135 <span class="avatar e">Ð</span> 2136 <div> 2137 <div class="who-name">ÐнаÑÑаÑÐ¸Ñ ÐокÑÑова</div> 2138 <div class="who-meta">App Store · 30 апÑ.</div> 2139 </div> 2140 </div> 2141 </div> 2142 </div> 2143 </div> 2144</section> 2145 2146<!-- âââââ CAMPAIGN (внÑÑÑи #pricing, Ð¼ÐµÐ¶Ð´Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ¾Ð¼ «ТаÑиÑÑ» и пеÑеклÑÑаÑелем пеÑиода) âââââ 2147 ÐеÑеиÑполÑзÑемÑй блок кампании: ÑÑÐ¾Ð¸Ñ ÐÐУТРРблока «ТаÑиÑÑ» и живÑÑ Ñовно 2148 ÑÑолÑко, ÑколÑко идÑÑ Ð¾ÐºÐ½Ð¾ (publications-rules.md §2.1). Ðне кампании 2149 div#campaign ÑдалÑеÑÑÑ/комменÑиÑÑеÑÑÑ Ñеликом â пÑÐ°Ð¹Ñ ÑабоÑÐ°ÐµÑ Ð±ÐµÐ· него. 2150 2151 â ï¸ Ð¦ÐµÐ½Ð° в каÑÑоÑÐºÐ°Ñ ÑаÑиÑов и ÑÑмма ÑпиÑÐ°Ð½Ð¸Ñ â ÑазнÑе меÑÑа. СпиÑÑÐ²Ð°ÐµÑ Ð±Ñкенд: 2152 LANDING_PRODUCTS беÑÑÑÑÑ Ð¸Ð· services/purchase-pages/promos.yaml (sale_price Ñ 2153 пÑодÑкÑа в запиÑÑÑ slug "" и "landing"); data-amount в ÑазмеÑке â ÑолÑко GA4. 2154 ÐенÑÑ ÑÐµÐ½Ñ Ð² каÑÑоÑке, менÑйÑе sale_price на ÑеÑвеÑе, инаÑе покажем одно, ÑпиÑем дÑÑгое. 2155 2156 ЧÑо менÑеÑÑÑ Ð¾Ñ ÐºÐ°Ð¼Ð¿Ð°Ð½Ð¸Ð¸ к кампании: пилÑлÑ-название, заголовок, две ÑенÑ, 2157 ÑÑÑока дедлайна, обе ÑÑÑлки. РазмеÑка, ÑÑили и ÑеÑка не ÑÑогаÑÑÑÑ. 2158 UTM обÑзаÑелÑÐ½Ñ Ð¸ вÑегда utm_source=web&utm_medium=landing â инаÑе покÑпка 2159 Ñ Ð²Ð¸ÑÑÐ¸Ð½Ñ Ð½Ðµ оÑлиÑаеÑÑÑ Ð¾Ñ Ð¿Ð¾ÐºÑпки по ÑаÑÑÑлке (§2.4). 2160 2161 data-i18n-skip: блок не пеÑеводиÑÑÑ. ÐÑÑÐµÑ Ð¸ оплаÑа ÑÑÑÑкоÑзÑÑнÑе, и подÑÑавлÑÑÑ 2162 EN-поÑеÑиÑÐµÐ»Ñ ÑÑловиÑ, коÑоÑÑми он не ÑÐ¼Ð¾Ð¶ÐµÑ Ð²Ð¾ÑполÑзоваÑÑÑÑ, незаÑем. 2163 2164 ÐÑедÑдÑÑÐ°Ñ ÐºÐ°Ð¼Ð¿Ð°Ð½Ð¸Ñ: WB-04, Ñелиз веб-веÑÑии, окно 07.09â13.09.2026. СнÑÑа 14.09.2026. 2165 2166 ÐÑедÑдÑÑÐ°Ñ ÐºÐ°Ð¼Ð¿Ð°Ð½Ð¸Ñ: WB-06, Ñелиз 4.4 и ÑÑавнение ÑаÑиÑов, окно 21â27.09.2026. 2167 СнÑÑа 28.09.2026 вмеÑÑе Ñ BN-12 и пÑомо-ÑÑÑаниÑей /compare. ЧÑо возвÑаÑали: 2168 1) ÑбÑаÑÑ div#campaign; 2169 2) PLUS «навÑегда»: 4 990 â½ â 14 990 â½ (Ñена, strike ÑкÑÑÑÑ, data-amount, ÑекÑÑ ÐºÐ½Ð¾Ð¿ÐºÐ¸), 2170 ÑбÑаÑÑ .promo-pill в годовом ваÑианÑе PLUS; 2171 3) бейдж в hero â ÑнÑÑ Ñеликом (Ñ 28.09.2026 без пÑомо плаÑки неÑ, пÑежнÑÑ Ð½Ðµ возвÑаÑаем); 2172 4) promos.yaml: ÑбÑаÑÑ sale_price Ñ platinum_plus_unlim_14990 в запиÑÑÑ "" и "landing". 2173 â ï¸ Ðод PLUS в блоке намеÑенно не показан: 2 490 â½ â ÑÑо и Ñена года в поÑÑоÑнном 2174 пÑайÑе, заÑÑÑкиваÑÑ ÐµÑ Ð½Ð° Ñой же ÑÑÑаниÑе неÑем. Скидка идÑÑ ÑолÑко на «навÑегда». 2175--> 2176 2177<!-- âââââ PRICING âââââ --> 2178<section id="pricing"> 2179 <div class="wrap"> 2180 <div class="section-head"> 2181 <span class="eyebrow">ТаÑиÑÑ</span> 2182 <h2>ÐаÑниÑе <span class="accent">беÑплаÑно</span></h2> 2183 <p class="section-lede">Ðез пÑобнÑÑ Ð¿ÐµÑиодов Ñ Ð¿Ð¾Ð´Ð²Ð¾Ñ Ð¾Ð¼. ÐлаÑнÑй ÑаÑÐ¸Ñ â ÑолÑко еÑли дейÑÑвиÑелÑно нÑÐ¶Ð½Ñ ÑаÑÑиÑеннÑе возможноÑÑи.</p> 2184 </div> 2185 2186 <div class="pricing-toggle-wrap"> 2187 <div class="pricing-toggle" role="tablist"> 2188 <button class="pt-btn" type="button" role="tab" onclick="switchPeriod('month', this)">1 меÑÑÑ</button> 2189 <button class="pt-btn active" type="button" role="tab" onclick="switchPeriod('year', this)">1 год <span class="pt-save">â75%</span></button> 2190 <button class="pt-btn" type="button" role="tab" onclick="switchPeriod('forever', this)">ÐавÑегда</button> 2191 </div> 2192 </div> 2193 2194 <div class="pricing"> 2195 <div class="plan"> 2196 <div class="plan-name">Free</div> 2197 <div class="plan-price">
2198 <span class="num">0 â½</span> 2199 <span class="per">навÑегда</span> 2200 </div> 2201 <div class="plan-strike" style="visibility: hidden;">·</div> 2202 <p class="plan-desc">ÐдеалÑно, ÑÑÐ¾Ð±Ñ Ð½Ð°ÑаÑÑ Ð²ÐµÑÑи бÑÐ´Ð¶ÐµÑ Ð¸ понÑÑÑ, кÑда ÑÑ Ð¾Ð´ÑÑ Ð´ÐµÐ½Ñги.</p> 2203 <ul class="plan-feats"> 2204 <li>ÐеогÑаниÑенное колиÑеÑÑво ÑÑеÑов и валÑÑ</li> 2205 <li>Ðо 10 каÑегоÑий</li> 2206 <li>1 иÑÑоÑник Ð´Ð¾Ñ Ð¾Ð´Ð°</li> 2207 <li>ÐÑÑÑÑÑ Ð¸ гÑаÑики</li> 2208 <li>ÐоиÑк по опеÑаÑиÑм</li> 2209 <li>ÐÑджеÑÑ ÐºÐ°ÑегоÑий</li> 2210 <li>ÐомменÑаÑии к опеÑаÑиÑм</li> 2211 <li>ÐезопаÑнÑй доÑÑÑп: PIN, FaceID</li> 2212 </ul> 2213 <a class="btn btn-ghost" href="#download">СкаÑаÑÑ Ð±ÐµÑплаÑно</a> 2214 </div> 2215 2216 <div class="plan featured"> 2217 <span class="plan-badge">ÐопÑлÑÑнÑй</span> 2218 <div class="plan-name">Platinum</div> 2219 2220 <div class="plan-price-variant" data-period="month"> 2221 <div class="plan-price"><span class="num">399 â½</span><span class="per">/ меÑÑÑ</span></div> 2222 <div class="plan-strike" style="visibility: hidden;">·</div> 2223 </div> 2224 <div class="plan-price-variant active" data-period="year"> 2225 <div class="plan-price"><span class="num">1 490 â½</span><span class="per">/ год</span></div> 2226 <div class="plan-strike">4 788 â½ <span class="save">â69%</span></div> 2227 <button type="button" class="promo-pill" onclick="switchPeriodByName('forever')"> 2228 <span class="promo-fire">ð¥</span> 2229 <span>ÐавÑегда по Ñене 2 леÑ</span> 2230 <span class="promo-arrow">â</span> 2231 </button> 2232 </div> 2233 <div class="plan-price-variant" data-period="forever"> 2234 <div class="plan-price"><span class="num">2 990 â½</span><span class="per">единоÑазово</span></div> 2235 <div class="plan-strike" style="visibility: hidden;">·</div> 2236 </div> 2237 2238 <p class="plan-desc">ÐолнÑй ÑÑÑÑ Ð±ÐµÐ· ÑÑÑинÑ: импоÑÑ Ð¸Ð· банков, долги, Ñели и бÑджеÑÑ Ð¿Ð¾Ð´ ваÑи задаÑи.</p> 2239 <ul class="plan-feats"> 2240 <li class="feat-all">ÐÑÑ Ð¸Ð· Free</li> 2241 <li><span>ÐмпоÑÑ Ð¸Ð· банков и авÑо-ÑаÑпÑеделение опеÑаÑий<span class="feat-note">СбеÑбанк, ÐТÐ, ÐазпÑомбанк, ÐлÑÑа-Ðанк, Т-Ðанк, РайÑÑайзен, Ðзон Ðанк и Ð¯Ð½Ð´ÐµÐºÑ ÐÑй. ÐоÑледние два â в веÑÑии 4.4 Ð´Ð»Ñ iOS</span></span></li> 2242 <li>Ð¡Ð¸Ð½Ñ ÑонизаÑÐ¸Ñ Ð¼ÐµÐ¶Ð´Ñ ÑазнÑми ÑÑÑÑойÑÑвами</li> 2243 <li>ÐÐµÐ·Ð»Ð¸Ð¼Ð¸Ñ ÐºÐ°ÑегоÑий ÑаÑÑ Ð¾Ð´Ð¾Ð² и Ð´Ð¾Ñ Ð¾Ð´Ð¾Ð²</li> 2244 <li>УÑÑÑ Ð´Ð¾Ð»Ð³Ð¾Ð²</li> 2245 <li>ÐовÑоÑÑÑÑиеÑÑ Ð¾Ð¿ÐµÑаÑии Ñ Ð½Ð°Ð¿Ð¾Ð¼Ð¸Ð½Ð°Ð½Ð¸Ñми</li> 2246 <li>ФинанÑовÑе Ñели</li> 2247 <li>#меÑки к опеÑаÑиÑм</li> 2248 <li>ÐÑджеÑÑ Ð·Ð° лÑбой пеÑиод и Ñ Ð»Ñбой даÑÑ</li> 2249 <li>ÐкÑпоÑÑ Ð² CSV</li> 2250 <li>Ðеб-веÑÑÐ¸Ñ Ð² бÑаÑзеÑе</li> 2251 </ul> 2252 <button type="button" class="btn btn-orange checkout-btn plan-cta-variant" data-period="month" 2253 data-product-key="platinum_1m" data-amount="399">ÐÑоÑмиÑÑ Ð·Ð° 399 â½ <span class="arrow">â</span></button> 2254 <button type="button" class="btn btn-orange checkout-btn plan-cta-variant active" data-period="year" 2255 data-product-key="platinum_1y_1490" data-amount="1490">ÐÑоÑмиÑÑ Ð·Ð° 1 490 â½ <span class="arrow">â</span></button> 2256 <button type="button" class="btn btn-orange checkout-btn plan-cta-variant" data-period="forever" 2257 data-product-key="platinum_unlim_2990" data-amount="2990">ÐÑоÑмиÑÑ Ð·Ð° 2 990 â½ <span class="arrow">â</span></button> 2258 </div> 2259 2260 <div class="plan plan-dark">
2261 <span class="plan-badge plan-badge-ai">⨠плÑÑ AI</span> 2262 <div class="plan-name">Platinum PLUS</div> 2263 2264 <div class="plan-price-variant" data-period="month"> 2265 <div class="plan-price"><span class="num">599 â½</span><span class="per">/ меÑÑÑ</span></div> 2266 <div class="plan-strike" style="visibility: hidden;">·</div> 2267 </div> 2268 <div class="plan-price-variant active" data-period="year"> 2269 <div class="plan-price"><span class="num">2 490 â½</span><span class="per">/ год</span></div> 2270 <div class="plan-strike">7 188 â½ <span class="save">â65%</span></div> 2271 </div> 2272 <div class="plan-price-variant" data-period="forever"> 2273 <div class="plan-price"><span class="num">14 990 â½</span><span class="per">единоÑазово</span></div> 2274 <div class="plan-strike" style="visibility: hidden;">·</div> 2275 </div> 2276 2277 <p class="plan-desc">AI-аÑÑиÑÑенÑ, ÑемейнÑй ÑÑÑÑ Ð¸ инвеÑÑиÑии â Ð´Ð»Ñ ÑÐµÑ , кÑо ведÑÑ ÑинанÑÑ Ð²Ñей ÑемÑи.</p> 2278 <ul class="plan-feats"> 2279 <li class="feat-all">ÐÑÑ Ð¸Ð· Platinum</li> 2280 <li>AI-аÑÑиÑÑÐµÐ½Ñ Ð¿Ð¾ ÑинанÑам</li> 2281 <li><span>Ð Ð°Ð·Ð±Ð¾Ñ Ð²ÑпиÑки из PDF и ÑкÑинÑоÑа из банка<span class="feat-note">в веÑÑии 4.4 Ð´Ð»Ñ iOS</span></span></li> 2282 <li>СемейнÑй ÑÑÑÑ Ð´Ð¾ 5 Ñеловек</li> 2283 <li>ÐеÑколÑко пÑоÑилей Ð´Ð»Ñ ÑазделÑного ÑÑÑÑа</li> 2284 <li>УÑÑÑ Ð¸Ð½Ð²ÐµÑÑиÑий Ñ Ð°Ð²ÑомаÑиÑеÑким импоÑÑом</li> 2285 <li>ÐÑклÑÑение ÑекламÑ</li> 2286 </ul> 2287 <button type="button" class="btn btn-premium checkout-btn plan-cta-variant" data-period="month" 2288 data-product-key="platinum_plus_1m_599" data-amount="599">ÐÑоÑмиÑÑ Ð·Ð° 599 â½ <span class="arrow">â</span></button> 2289 <button type="button" class="btn btn-premium checkout-btn plan-cta-variant active" data-period="year" 2290 data-product-key="platinum_plus_1y_2490" data-amount="2490">ÐÑоÑмиÑÑ Ð·Ð° 2 490 â½ <span class="arrow">â</span></button> 2291 <button type="button" class="btn btn-premium checkout-btn plan-cta-variant" data-period="forever" 2292 data-product-key="platinum_plus_unlim_14990" data-amount="14990">ÐÑоÑмиÑÑ Ð·Ð° 14 990 â½ <span class="arrow">â</span></button> 2293 </div> 2294 </div> 2295 </div> 2296</section> 2297 2298<!-- âââââ FAQ âââââ --> 2299<section id="faq"> 2300 <div class="wrap"> 2301 <div class="section-head"> 2302 <span class="eyebrow">ЧаÑÑÑе вопÑоÑÑ</span> 2303 <h2>ЧÑо обÑÑно <span class="accent">ÑпÑаÑиваÑÑ</span></h2> 2304 </div> 2305 2306 <div class="faq"> 2307 <details class="q"> 2308 <summary>ÐÑо пÑавда беÑплаÑно?</summary> 2309 <p>Ðа. ÐеÑплаÑнÑй ÑаÑÐ¸Ñ â навÑегда, без огÑаниÑÐµÐ½Ð¸Ñ Ð¿Ð¾ вÑемени. Ðго Ñ Ð²Ð°ÑаеÑ, ÑÑÐ¾Ð±Ñ Ð²ÐµÑÑи бÑджеÑ, ÑÑавиÑÑ Ñели и видеÑÑ Ð°Ð½Ð°Ð»Ð¸ÑикÑ. ÐлаÑÐ½Ð°Ñ Ð¿Ð¾Ð´Ð¿Ð¸Ñка нÑжна, еÑли Ñ Ð¾ÑеÑÑÑ AI, ÑемейнÑй ÑÑÑÑ, импоÑÑ Ð¸Ð· банков или инвеÑÑиÑии.</p> 2310 </details> 2311 <details class="q"> 2312 <summary>ÐезопаÑно ли подклÑÑаÑÑ Ð±Ð°Ð½ÐºÐ¾Ð²Ñкие каÑÑÑ?</summary> 2313 <p>ÐмпоÑÑ ÑабоÑÐ°ÐµÑ Ð² Ñежиме «ÑолÑко ÑÑение» â Ð½Ð¸ÐºÐ°ÐºÐ¸Ñ Ð¾Ð¿ÐµÑаÑий ÑовеÑÑаÑÑ Ð½ÐµÐ»ÑзÑ. ÐаннÑе ÑиÑÑÑÑÑÑÑ, доÑÑÑп к пÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ Ð·Ð°ÑиÑÑн PIN и FaceID. ÐÑ Ð½Ðµ пеÑедаÑм даннÑе ÑÑеÑÑим лиÑам и не иÑполÑзÑем ваÑи ÑиÑÑÑ Ð´Ð»Ñ ÑекламÑ.</p> 2314 </details> 2315 <details class="q"> 2316 <summary>Ðожно ли веÑÑи ÑÑÑÑ Ð²Ð´Ð²Ð¾Ñм Ñ Ð¿Ð°ÑÑнÑÑом или ÑемÑÑй?</summary> 2317 <p>Ðа, в Platinum PLUS можно подклÑÑиÑÑ Ð´Ð¾ 5 полÑзоваÑелей. У каждого Ñвои лиÑнÑе ÑÑеÑа и обÑÐ°Ñ ÑаÑÑÑ Ð±ÑджеÑа. Ðидно, кÑо и когда Ñделал опеÑаÑиÑ, можно комменÑиÑоваÑÑ Ð¸ помеÑаÑÑ ÑÑаÑÑ ÐºÐ°Ðº лиÑнÑе или обÑие.</p> 2318 </details> 2319 <details class="q"> 2320 <summary>Ðак ÑабоÑÐ°ÐµÑ AI-аÑÑиÑÑенÑ?</summary> 2321 <p>AI Ð²Ð¸Ð´Ð¸Ñ Ð²Ð°Ñи ÑÑеÑа, опеÑаÑии, бÑджеÑÑ Ð¸ Ñели â и оÑвеÑÐ°ÐµÑ Ð½Ð° вопÑоÑÑ Ð¿ÑоÑÑÑм ÑзÑком. Ðожно ÑпÑоÑиÑÑ Â«ÐºÑда ÑÑ Ð¾Ð´ÑÑ Ð´ÐµÐ½Ñги», Â«Ñ Ð²Ð°ÑÐ¸Ñ Ð»Ð¸ до заÑплаÑÑ», «на ÑÑм ÑÑкономиÑÑ» â он подÑÐºÐ°Ð¶ÐµÑ Ð½Ð° оÑнове ваÑÐ¸Ñ Ð´Ð°Ð½Ð½ÑÑ , без ÑаблоннÑÑ ÑовеÑов.</p> 2322 </details> 2323 <details class="q"> 2324 <summary>
2324РабоÑÐ°ÐµÑ Ð»Ð¸ без инÑеÑнеÑа?</summary> 2325 <p>Ðа, вÑÑ Ð¾Ñновное доÑÑÑпно оÑлайн. Ðогда поÑвиÑÑÑ ÑеÑÑ â даннÑе ÑÐ¸Ð½Ñ ÑонизиÑÑÑÑÑÑ Ð¼ÐµÐ¶Ð´Ñ Ð²Ð°Ñими ÑÑÑÑойÑÑвами и дÑÑгими Ñленами ÑемÑи.</p> 2326 </details> 2327 <details class="q"> 2328 <summary>ЧÑо еÑли Ñ Ð¿ÐµÑедÑÐ¼Ð°Ñ Ð¸ Ð·Ð°Ñ Ð¾ÑÑ Ð¾ÑмениÑÑ Ð¿Ð¾Ð´Ð¿Ð¸ÑкÑ?</summary> 2329 <p>ÐодпиÑка оÑменÑеÑÑÑ Ð² один Ñап ÑеÑез наÑÑÑойки Apple ID или Google Play. ÐоÑÑÑп к плаÑнÑм ÑÑнкÑиÑм ÑÐ¾Ñ ÑанÑеÑÑÑ Ð´Ð¾ конÑа оплаÑенного пеÑиода, а вÑе даннÑе оÑÑаÑÑÑÑ Ñ Ð²Ð°Ð¼Ð¸ навÑегда â даже на беÑплаÑном ÑаÑиÑе.</p> 2330 </details> 2331 </div> 2332 </div> 2333</section> 2334 2335<!-- âââââ FINAL CTA âââââ --> 2336<div class="final" id="download"> 2337 <div class="final-inner"> 2338 <h2>СÑиÑаÑÑ <span class="accent">пÑоÑе</span>, Ñем ÑÑаÑиÑÑ</h2> 2339 <p class="section-lede">СкаÑайÑе CoinKeeper и ÑеÑез минÑÑÑ ÑвидиÑе пеÑвÑÑ ÐºÐ°ÑÑÐ¸Ð½Ñ ÑÐ²Ð¾Ð¸Ñ ÑинанÑов. Ðез ÑегиÑÑÑаÑии, без ÑложнÑÑ Ð½Ð°ÑÑÑоек, без Ð¿Ð¾Ð´Ð²Ð¾Ñ Ð°.</p> 2340 <div class="final-stores"> 2341 <a href="https://apps.apple.com/app/id1335547405" aria-label="СкаÑаÑÑ Ð² App Store" data-store="appstore"><img class="store-badge" src="/static/img/appstore-badge.svg?v=1790584696" alt="App Store" /></a> 2342 <a href="https://play.google.com/store/apps/details?id=com.disrapp.coinkeeper3" aria-label="ÐоÑÑÑпно в Google Play" data-store="googleplay"><img class="store-badge" src="/static/img/googleplay-badge.webp?v=1790584696" alt="Google Play" /></a> 2343 </div> 2344 </div> 2345</div> 2346 2347<!-- âââââ FOOTER âââââ --> 2348<footer> 2349 <div class="foot"> 2350 <div class="foot-brand"> 2351 <img src="/static/img/logoname.png?v=1790584696" alt="CoinKeeper" /> 2352 <p>СÑиÑаÑÑ Ð¿ÑоÑе, Ñем ÑÑаÑиÑÑ. Ðомогаем понÑÑÑ, где ваÑи денÑги â Ñ 2011 года.</p> 2353 </div> 2354 <div class="foot-col"> 2355 <h5>ÐÑиложение</h5> 2356 <a href="#segments">ÐÐ»Ñ ÐºÐ¾Ð³Ð¾</a> 2357 <a href="#features">ÐозможноÑÑи</a> 2358 <a href="#pricing">ТаÑиÑÑ</a> 2359 <a href="#reviews">ÐÑзÑвÑ</a> 2360 <a href="#faq">ÐопÑоÑÑ</a> 2361 <p class="foot-label">Ðде ÑабоÑаеÑ</p> 2362 <a href="https://apps.apple.com/app/id1335547405" target="_blank" rel="noopener">iOS</a> 2363 <a href="https://play.google.com/store/apps/details?id=com.disrapp.coinkeeper3" target="_blank" rel="noopener">Android</a> 2364 <a href="https://web.coinkeeper.me/login?utm_source=landing&utm_medium=nav&utm_campaign=web_release">Ðеб</a> 2365 <p class="foot-label">Роадмап</p> 2366 <a href="https://roadmap.coinkeeper.me/?utm_source=landing&utm_medium=nav&utm_campaign=roadmap">Ðдеи</a> 2367 <a href="https://roadmap.coinkeeper.me/roadmap?utm_source=landing&utm_medium=nav&utm_campaign=roadmap">ÐланÑ</a> 2368 <a href="https://roadmap.coinkeeper.me/changelog?utm_source=landing&utm_medium=nav&utm_campaign=roadmap">ЧÑо нового</a> 2369 <!-- СÐРЫТРдо вÑкаÑа ÑÑÑÐ°Ð½Ð¸Ñ ÑÑавнений (purchase-pages, plan-purchase-pages-compare.md). ÐеÑнÑÑÑ Ð²Ð¼ÐµÑÑе Ñ /3/compare. 2370 <a href="https://coinkeeper.me/3/compare">СÑавнениÑ</a> 2371 --> 2372 </div> 2373 <div class="foot-col"> 2374 <h5>ÐалÑкÑлÑÑоÑÑ</h5> 2375 <p class="foot-note">
2375беÑплаÑно, без ÑегиÑÑÑаÑии</p> 2376 <a href="https://coinkeeper.me/calc/emergency-fund.html?utm_source=landing&utm_medium=nav&utm_campaign=calculators">ÐодÑÑка безопаÑноÑÑи</a> 2377 <a href="https://coinkeeper.me/calc/mortgage-prepay.html?utm_source=landing&utm_medium=nav&utm_campaign=calculators">ÐоÑÑоÑное погаÑение</a> 2378 <a href="https://coinkeeper.me/calc/purchase-savings-calculator.html?utm_source=landing&utm_medium=nav&utm_campaign=calculators">Ð¦ÐµÐ»Ñ Ð¿Ð¾ накоплениÑ</a> 2379 <a href="https://coinkeeper.me/calc/pension-gap.html?utm_source=landing&utm_medium=nav&utm_campaign=calculators">ÐенÑиÑ</a> 2380 <a href="https://coinkeeper.me/calc/financial-freedom.html?utm_source=landing&utm_medium=nav&utm_campaign=calculators">ФинанÑÐ¾Ð²Ð°Ñ Ñвобода</a> 2381 <a href="https://coinkeeper.me/calc/?utm_source=landing&utm_medium=nav&utm_campaign=calculators">ÐÑе 27 калÑкÑлÑÑоÑов</a> 2382 <hr class="foot-sep" /> 2383 <a href="https://edu.coinkeeper.me/?utm_source=landing&utm_medium=nav">ÐбÑÑение</a> 2384 <a href="https://t.me/coinkeeper">ÐовоÑÑи</a> 2385 </div> 2386 <div class="foot-col"> 2387 <h5>ÐомоÑÑ</h5> 2388 <a href="https://ck3help.me/">ÐопÑоÑÑ Ð¸ оÑвеÑÑ</a> 2389 <a href="https://t.me/helpcoinkeeper_bot">ÐапиÑаÑÑ Ð² Telegram</a> 2390 <a href="mailto:[email protected]">ÐапиÑаÑÑ Ð½Ð° поÑÑÑ</a> 2391 </div> 2392 <div class="foot-col"> 2393 <h5>СледиÑе за нами</h5> 2394 <a href="https://t.me/coinkeeper">Telegram</a> 2395 <a href="https://vk.com/coinkeeper">ÐконÑакÑе</a> 2396 <a href="https://www.instagram.com/coinkeeperapp">Instagram</a> 2397 <a href="https://www.threads.com/@coinkeeperapp">Threads</a> 2398 </div> 2399 <div class="foot-col"> 2400 <h5>ÐÑавовое</h5> 2401 <a href="https://about.coinkeeper.me/privacy">ÐолиÑика пÑиваÑноÑÑи</a> 2402 <a href="https://about.coinkeeper.me/terms">ÐиÑензионное ÑоглаÑение</a> 2403 <a href="https://about.coinkeeper.me/ethic">ÐÐ¾Ð´ÐµÐºÑ Ð´ÐµÐ»Ð¾Ð²Ð¾Ð³Ð¾ Ð¿Ð¾Ð²ÐµÐ´ÐµÐ½Ð¸Ñ Ð¸ ÑÑики</a> 2404 </div> 2405 </div> 2406 <div class="foot-legal"> 2407 <span>© 2011â2026 CoinKeeper · ÐÐР«ÐизÑапп»</span> 2408 <span>Сделано в РоÑÑии · Ñ Ð»ÑбовÑÑ Ðº ÑиÑÑам</span> 2409 </div> 2410</footer> 2411
2412<script> 2413 // Injected by FastAPI/Jinja: products allowed on this landing + CP public ID. 2414 window.LANDING_PRODUCTS = { 2415 2416 "platinum_1m": { 2417 "amount": 399, 2418 "originalPrice": null, 2419 "currency": "RUB", 2420 "tariffName": "PLATINUM", 2421 "displayName": "Platinum \u043d\u0430 \u043c\u0435\u0441\u044f\u0446", 2422 "cpDescription": "Coinkeeper Platinum \u043d\u0430 \u043c\u0435\u0441\u044f\u0446", 2423 "duration": "P1M", 2424 "recurrent": true, 2425 "recurrentAmount": null 2426 }, 2427 2428 "platinum_1y_1490": { 2429 "amount": 1490, 2430 "originalPrice": null, 2431 "currency": "RUB", 2432 "tariffName": "PLATINUM", 2433 "displayName": "Platinum \u043d\u0430 \u0433\u043e\u0434", 2434 "cpDescription": "Coinkeeper Platinum \u043d\u0430 \u0433\u043e\u0434", 2435 "duration": "P1Y", 2436 "recurrent": true, 2437 "recurrentAmount": null 2438 }, 2439 2440 "platinum_unlim_2990": { 2441 "amount": 2990, 2442 "originalPrice": null, 2443 "currency": "RUB", 2444 "tariffName": "PLATINUM", 2445 "displayName": "Platinum \u043d\u0430\u0432\u0441\u0435\u0433\u0434\u0430", 2446 "cpDescription": "Coinkeeper Platinum \u043d\u0430\u0432\u0441\u0435\u0433\u0434\u0430", 2447 "duration": "P999Y", 2448 "recurrent": false, 2449 "recurrentAmount": null 2450 }, 2451 2452 "platinum_plus_1m_599": { 2453 "amount": 599, 2454 "originalPrice": null, 2455 "currency": "RUB", 2456 "tariffName": "PLATINUMPLUS", 2457 "displayName": "Platinum Plus \u043d\u0430 \u043c\u0435\u0441\u044f\u0446", 2458 "cpDescription": "Coinkeeper Platinum Plus \u043d\u0430 \u043c\u0435\u0441\u044f\u0446", 2459 "duration": "P1M", 2460 "recurrent": true, 2461 "recurrentAmount": null 2462 }, 2463 2464 "platinum_plus_1y_2490": { 2465 "amount": 2490, 2466 "originalPrice": null, 2467 "currency": "RUB", 2468 "tariffName": "PLATINUMPLUS", 2469 "displayName": "Platinum Plus \u043d\u0430 \u0433\u043e\u0434", 2470 "cpDescription": "Coinkeeper Platinum Plus \u043d\u0430 \u0433\u043e\u0434", 2471 "duration": "P1Y", 2472 "recurrent": true, 2473 "recurrentAmount": null 2474 }, 2475 2476 "platinum_plus_unlim_14990": { 2477 "amount": 14990, 2478 "originalPrice": null, 2479 "currency": "RUB", 2480 "tariffName": "PLATINUMPLUS", 2481 "displayName": "Platinum Plus \u043d\u0430\u0432\u0441\u0435\u0433\u0434\u0430", 2482 "cpDescription": "Coinkeeper Platinum Plus \u043d\u0430\u0432\u0441\u0435\u0433\u0434\u0430", 2483 "duration": "P999Y", 2484 "recurrent": false, 2485 "recurrentAmount": null 2486 } 2487 2488 }; 2489 window.CP_PUBLIC_ID = "pk_52ea6efac5f4336b1d14bb2b30b7e"; 2490 window.LANDING_SLUG = "landing"; 2491</script>
2491 2492
2493<script> 2494function sw(id, btn) { 2495 document.querySelectorAll('.tab-content').forEach(function(t) { t.classList.remove('active'); }); 2496 document.querySelectorAll('.tab-btn').forEach(function(b) { b.classList.remove('active'); }); 2497 document.getElementById(id).classList.add('active'); 2498 btn.classList.add('active'); 2499} 2500 2501function switchPeriod(period, btn) { 2502 document.querySelectorAll('.pt-btn').forEach(function(b) { b.classList.remove('active'); }); 2503 btn.classList.add('active'); 2504 document.querySelectorAll('.plan-price-variant').forEach(function(v) { 2505 v.classList.toggle('active', v.dataset.period === period); 2506 }); 2507 document.querySelectorAll('.plan-cta-variant').forEach(function(v) { 2508 v.classList.toggle('active', v.dataset.period === period); 2509 }); 2510} 2511 2512function switchPeriodByName(period) { 2513 var btns = document.querySelectorAll('.pt-btn'); 2514 var target = null; 2515 btns.forEach(function(b) { 2516 if (b.getAttribute('onclick') && b.getAttribute('onclick').indexOf("'" + period + "'") !== -1) { 2517 target = b; 2518 } 2519 }); 2520 if (target) { 2521 switchPeriod(period, target); 2522 var pricing = document.getElementById('pricing'); 2523 if (pricing) pricing.scrollIntoView({ behavior: 'smooth', block: 'start' }); 2524 } 2525} 2526 2527(function () { 2528 var navWrap = document.querySelector('.nav-wrap'); 2529 if (!navWrap) return; 2530 var onScroll = function () { 2531 navWrap.classList.toggle('is-scrolled', window.scrollY > 4); 2532 }; 2533 onScroll(); 2534 window.addEventListener('scroll', onScroll, { passive: true }); 2535})(); 2536 2537/* âââââ MOBILE NAV: бÑÑÐ³ÐµÑ + ÑÑоÑка (plan-site-navigation, Ñаза 1) âââââ */ 2538(function () { 2539 var burger = document.getElementById('nav-burger'); 2540 var drawer = document.getElementById('nav-drawer'); 2541 if (!burger || !drawer) return; 2542 var FOCUSABLE = 'a[href], button:not([disabled]), input, select, textarea, [tabindex]:not([tabindex="-1"])'; 2543 var padBackup = ''; 2544 2545 // ÐÑÑÐ³ÐµÑ Ð²Ñ Ð¾Ð´Ð¸Ñ Ð² ловÑÑÐºÑ Ð¿ÐµÑвÑм: ÑÑоÑка виÑÐ¸Ñ Ð¿Ð¾Ð´ Ñапкой, и ÑÑо единÑÑвеннÑй 2546 // ÑпоÑоб закÑÑÑÑ ÐµÑ Ñ ÐºÐ»Ð°Ð²Ð¸Ð°ÑÑÑÑ ÐºÑоме Esc. 2547 function focusables() { 2548 var list = Array.prototype.slice.call(drawer.querySelectorAll(FOCUSABLE)); 2549 return [burger].concat(list.filter(function (el) { return el.offsetParent !== null; })); 2550 } 2551 2552 function openDrawer() { 2553 if (!drawer.hidden) return; 2554 drawer.hidden = false; 2555 burger.setAttribute('aria-expanded', 'true'); 2556 var gap = window.innerWidth - document.documentElement.clientWidth; 2557 padBackup = document.body.style.paddingRight; 2558 if (gap > 0) document.body.style.paddingRight = gap + 'px'; 2559 document.body.classList.add('nav-drawer-open'); 2560 } 2561 2562 function closeDrawer(returnFocus) { 2563 if (drawer.hidden) return; 2564 drawer.hidden = true; 2565 burger.setAttribute('aria-expanded', 'false'); 2566 document.body.classList.remove('nav-drawer-open'); 2567 document.body.style.paddingRight = padBackup; 2568 if (returnFocus !== false) burger.focus(); 2569 } 2570 2571 burger.addEventListener('click', function () { 2572 if (drawer.hidden) { 2573 openDrawer(); 2574 var f = focusables(); 2575 if (f[1]) f[1].focus(); 2576 } else { 2577 closeDrawer(); 2578 } 2579 }); 2580 2581 drawer.addEventListener('click', function (e) { 2582 if (e.target === drawer) { closeDrawer(); return; } // Ñап вне панели 2583 var link = e.target.closest && e.target.closest('a[href]'); 2584 // ÐÑÐ½ÐºÑ Ð¼ÐµÐ½Ñ: закÑÑваем ÑÑоÑкÑ, плавнÑй ÑкÑолл оÑÑабаÑÑÐ²Ð°ÐµÑ Ð½Ð°ÑивнÑй 2585 // scroll-behavior: smooth â ÑнимаÑÑ Ð±Ð»Ð¾ÐºÐ¸ÑÐ¾Ð²ÐºÑ Ð½Ð°Ð´Ð¾ до деÑолÑного пеÑÐµÑ Ð¾Ð´Ð°. 2586 if (link) closeDrawer(false); 2587 }); 2588 2589 document.addEventListener('keydown', function (e) { 2590 if (drawer.hidden) return; 2591 if (e.key === 'Escape' || e.key === 'Esc') { closeDrawer(); return; } 2592 if (e.key !== 'Tab') return; 2593 // Цикл ÑÑиÑаем вÑÑÑнÑÑ: бÑÑÐ³ÐµÑ ÑÑÐ¾Ð¸Ñ Ð² DOM ÐÐÐ ÐÐ ÑÑоÑкой, поÑÑÐ¾Ð¼Ñ Ð¿ÑовеÑки 2594 // «акÑивен пеÑвÑй/поÑледний» недоÑÑаÑоÑно â Tab Ñ Ð±ÑÑгеÑа ÑÑ Ð¾Ð´Ð¸Ð» в ÑапкÑ. 2595 var f = focusables(); 2596 if (!f.length) return; 2597 e.preventDefault(); 2598 var idx = f.indexOf(document.activeElement); 2599 if (idx === -1) { f[0].focus(); return; } 2600 f[(idx + (e.shiftKey ? -1 : 1) + f.length) % f.length].focus(); 2601 }); 2602 2603 window.addEventListener('resize', function () { 2604 if (!drawer.hidden && window.innerWidth > 900) closeDrawer(false); 2605 }); 2606})(); 2607 2608/* âââââ ÐеÑкÑопнÑе вÑпадаÑки Ñапки (plan-site-navigation, Ñаза 2) âââââ */ 2609(function () { 2610 var items = Array.prototype.slice.call(document.querySelectorAll('.nav-links .nav-item')); 2611 if (!items.length) return; 2612 var CLOSE_DELAY = 200; 2613 var timer = null; 2614 var hoverable = window.matchMedia ? window.matchMedia('(hover: hover)') : { matches: true }; 2615 2616 function btnOf(item) { return item.querySelector('[data-nav-trigger]'); } 2617 function menuOf(item) { return item.querySelector('.nav-menu'); } 2618 function linksOf(item) { 2619 var m = menuOf(item); 2620 return m ? Array.prototype.slice.call(m.querySelectorAll('a[href]')) : []; 2621 } 2622 2623 function close(item) { 2624 var b = btnOf(item), m = menuOf(item); 2625 if (!b || !m || m.hidden) return; 2626 m.hidden = true; 2627 b.setAttribute('aria-expanded', 'false'); 2628 } 2629 function closeAll(except) { 2630 clearTimeout(timer);
2631 items.forEach(function (it) { if (it !== except) close(it); }); 2632 } 2633 function open(item) { 2634 closeAll(item); 2635 var b = btnOf(item), m = menuOf(item); 2636 if (!b || !m || !m.hidden) return; 2637 m.hidden = false; 2638 b.setAttribute('aria-expanded', 'true'); 2639 } 2640 2641 items.forEach(function (item) { 2642 var b = btnOf(item); 2643 if (!b) return; 2644 2645 // Ðлик по пÑнкÑÑ, Ñже ÑаÑкÑÑÑÐ¾Ð¼Ñ Ñ Ð¾Ð²ÐµÑом, не должен его закÑÑваÑÑ: мÑÑÑ 2646 // вÑегда пÑÐ¾Ñ Ð¾Ð´Ð¸Ñ ÑеÑез mouseenter пеÑед click, инаÑе вÑпадаÑка мигаеÑ. 2647 var viaHover = false; 2648 b.addEventListener('click', function () { 2649 if (menuOf(item).hidden) { open(item); viaHover = false; return; } 2650 if (viaHover) { viaHover = false; return; } 2651 close(item); 2652 }); 2653 2654 // Ð¥Ð¾Ð²ÐµÑ â ÑолÑко Ñам, где еÑÑÑ Ð½Ð°ÑÑоÑÑий кÑÑÑоÑ: на ÑаÑ-ÑкÑане 2655 // mouseenter пÑÐ¸Ñ Ð¾Ð´Ð¸Ñ Ð²Ð¼ÐµÑÑе Ñ Ñапом и Ð»Ð¾Ð¼Ð°ÐµÑ toggle. 2656 item.addEventListener('mouseenter', function () { 2657 if (!hoverable.matches) return; 2658 if (menuOf(item).hidden) viaHover = true; 2659 open(item); 2660 }); 2661 item.addEventListener('mouseleave', function () { 2662 if (!hoverable.matches) return; 2663 clearTimeout(timer); 2664 timer = setTimeout(function () { close(item); }, CLOSE_DELAY); 2665 }); 2666 2667 item.addEventListener('keydown', function (e) { 2668 var list = linksOf(item); 2669 var idx = list.indexOf(document.activeElement); 2670 if (e.key === 'Escape' || e.key === 'Esc') { 2671 if (menuOf(item).hidden) return; 2672 close(item); b.focus(); return; 2673 } 2674 if (e.key === 'ArrowDown') { 2675 e.preventDefault(); 2676 if (menuOf(item).hidden) { open(item); list = linksOf(item); idx = -1; } 2677 (list[idx + 1] || list[0]).focus(); 2678 return; 2679 } 2680 if (e.key === 'ArrowUp') { 2681 e.preventDefault(); 2682 if (menuOf(item).hidden) { open(item); list = linksOf(item); } 2683 if (idx <= 0) b.focus(); else list[idx - 1].focus(); 2684 } 2685 }); 2686 }); 2687 2688 // Ðлик вне Ð¼ÐµÐ½Ñ Ð¸ ÑÑ Ð¾Ð´ ÑокÑÑа из Ñапки закÑÑваÑÑ Ð²ÑÑ. 2689 document.addEventListener('click', function (e) { 2690 if (!e.target.closest || !e.target.closest('.nav-links .nav-item')) closeAll(null); 2691 }); 2692 document.addEventListener('focusin', function (e) { 2693 if (!e.target.closest || !e.target.closest('.nav-links .nav-item')) closeAll(null); 2694 }); 2695})(); 2696 2697/* âââââ ЯзÑковой дÑопдаÑн «RU â¾Â» âââââ */ 2698(function () { 2699 var dd = document.querySelector('.lang-dd'); 2700 if (!dd) return; 2701 var trigger = dd.querySelector('.lang-dd-trigger'); 2702 var current = dd.querySelector('.lang-dd-current'); 2703 if (!trigger) return; 2704 2705 function setOpen(state) { 2706 dd.classList.toggle('is-open', state); 2707 trigger.setAttribute('aria-expanded', String(state)); 2708 } 2709 // i18n.js пÑÐ°Ð²Ð¸Ñ aria-pressed Ñ [data-lang-btn] â оÑÑÑда и беÑÑм ÑекÑÑий ÑзÑк. 2710 function sync() { 2711 var active = dd.querySelector('[data-lang-btn][aria-pressed="true"]'); 2712 if (active && current) current.textContent = active.getAttribute('data-lang-btn').toUpperCase(); 2713 // role="menuitemradio" ÑиÑаеÑÑÑ ÑеÑез aria-checked, а i18n.js пÑÐ°Ð²Ð¸Ñ ÑолÑко 2714 // aria-pressed â ÑÐ¸Ð½Ñ ÑонизиÑÑем здеÑÑ, ÑÑÐ¾Ð±Ñ Ð½Ðµ ÑÑогаÑÑ Ð¿ÐµÑеклÑÑаÑÐµÐ»Ñ ÑзÑка. 2715 Array.prototype.forEach.call(dd.querySelectorAll('[data-lang-btn]'), function (b) { 2716 b.setAttribute('aria-checked', b.getAttribute('aria-pressed') === 'true' ? 'true' : 'false'); 2717 }); 2718 } 2719 2720 trigger.addEventListener('click', function (e) { 2721 e.stopPropagation(); 2722 setOpen(trigger.getAttribute('aria-expanded') !== 'true'); 2723 }); 2724 Array.prototype.forEach.call(dd.querySelectorAll('[data-lang-btn]'), function (b) { 2725 b.addEventListener('click', function () { setOpen(false); }); 2726 if (window.MutationObserver) { 2727 new MutationObserver(sync).observe(b, { attributes: true, attributeFilter: ['aria-pressed'] }); 2728 } 2729 }); 2730 document.addEventListener('click', function (e) { 2731 if (!dd.contains(e.target)) setOpen(false); 2732 }); 2733 document.addEventListener('keydown', function (e) { 2734 if ((e.key === 'Escape' || e.key === 'Esc') && trigger.getAttribute('aria-expanded') === 'true') { 2735 setOpen(false); 2736 trigger.focus(); 2737 } 2738 }); 2739 sync(); 2740})(); 2741 2742/* âââââ ÐккоÑдеон: ÑаÑкÑÑÑие по кликÑ, не по Ñ Ð¾Ð²ÐµÑÑ. 2743 ÐÐµÑ Ð°Ð½Ð¸ÐºÐ° обÑаÑ, делегиÑованием; пÑнкÑÑ Ð²ÑоÑого ÑÑÐ¾Ð²Ð½Ñ Ð´Ð¾Ð±Ð°Ð²Ð¸Ñ Ñаза 2 плана. âââââ */ 2744document.addEventListener('click', function (e) { 2745 var t = e.target.closest && e.target.closest('[data-accordion-trigger]'); 2746 if (!t) return; 2747 var panel = document.getElementById(t.getAttribute('aria-controls')); 2748 var expanded = t.getAttribute('aria-expanded') === 'true'; 2749 t.setAttribute('aria-expanded', String(!expanded)); 2750 if (panel) panel.hidden = expanded; 2751}); 2752 2753/* âââââ GA4: клики по ÑÑÑлкам навигаÑии (plan-site-navigation, Ñаза 4). 2754 Ðдин делегиÑованнÑй ÑлÑÑаÑÐµÐ»Ñ Ð½Ð° вÑÑ Ð½Ð°Ð²Ð¸Ð³Ð°ÑÐ¸Ñ â и Ñапка, и ÑÑоÑка. 2755 СекÑÐ¸Ñ Ð±ÐµÑÑÑÑÑ Ð¸Ð· data-nav-section гÑÑппÑ, подпиÑÑ â из data-nav-item: 2756 он не пеÑеводиÑÑÑ i18n, поÑÑÐ¾Ð¼Ñ RU и EN даÑÑ Ð¾Ð´Ð½Ð¾ знаÑение в оÑÑÑÑе. âââââ */ 2757document.addEventListener('click', function (e) { 2758 if (typeof gtag !== 'function') return; 2759 var link = e.target.closest && e.target.closest('a[href]'); 2760 if (!link) return; 2761 var group = link.closest('[data-nav-section]'); 2762 if (!group) return; 2763 var item = link.getAttribute('data-nav-item'); 2764 if (!item) { 2765 var clone = link.cloneNode(true); 2766 Array.prototype.forEach.call(clone.querySelectorAll('.ext, .nav-menu-note'), function (n) { 2767 n.parentNode.removeChild(n); 2768 }); 2769 item = (clone.textContent || '').replace(/\u2192/g, '').trim(); 2770 } 2771 if (!item) return; 2772 gtag('event', 'nav_click', { 2773 nav_section: group.getAttribute('data-nav-section'), 2774 nav_item: item 2775 }); 2776}); 2777 2778</script>
2778 2779 2780<!-- âââââ CHECKOUT EMAIL MODAL âââââ --> 2781<div class="checkout-modal-backdrop" id="checkout-modal" role="dialog" aria-modal="true" aria-labelledby="checkout-modal-title" hidden> 2782 <div class="checkout-modal"> 2783 <button type="button" class="checkout-modal-close" id="checkout-modal-close" aria-label="ÐакÑÑÑÑ">Ã</button> 2784 <h3 class="checkout-modal-title" id="checkout-modal-title">ÐоÑÑи гоÑово</h3> 2785 <p class="checkout-modal-sub" id="checkout-modal-sub">УкажиÑе e-mail â пÑиÑлÑм Ñек и доÑÑÑп к подпиÑке.</p> 2786 <form id="checkout-modal-form" novalidate> 2787 <label class="checkout-email-label" for="checkout-email">E-mail</label> 2788 <input id="checkout-email" type="email" class="checkout-email-input" placeholder="[email protected]" autocomplete="email" value="" /> 2789 <div class="checkout-email-error" id="checkout-email-error" hidden>ÐведиÑе коÑÑекÑнÑй e-mail</div> 2790 <button type="submit" class="btn btn-orange checkout-modal-submit" id="checkout-modal-submit"> 2791 ÐÑодолжиÑÑ Ðº оплаÑе <span class="arrow">â</span> 2792 </button> 2793 <p class="checkout-modal-note">ÐплаÑа ÑеÑез CloudPayments. ÐаÑÑÑ Visa, Mastercard, ÐÐÐ .</p> 2794 </form> 2795 </div> 2796</div> 2797 2798</body> 2799</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.