/* Tabler Icons (MIT), downloaded locally to /assets/icons/ and recolored via CSS mask */
.ti{display:inline-block;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;flex:none}
.ti-wallet{-webkit-mask-image:url(/assets/icons/wallet.svg);mask-image:url(/assets/icons/wallet.svg)}
.ti-calendar{-webkit-mask-image:url(/assets/icons/calendar.svg);mask-image:url(/assets/icons/calendar.svg)}
.ti-coin{-webkit-mask-image:url(/assets/icons/coin.svg);mask-image:url(/assets/icons/coin.svg)}
.ti-arrows-left-right{-webkit-mask-image:url(/assets/icons/arrows-left-right.svg);mask-image:url(/assets/icons/arrows-left-right.svg)}
.ti-droplet{-webkit-mask-image:url(/assets/icons/droplet.svg);mask-image:url(/assets/icons/droplet.svg)}
.ti-adjustments-horizontal{-webkit-mask-image:url(/assets/icons/adjustments-horizontal.svg);mask-image:url(/assets/icons/adjustments-horizontal.svg)}
.ti-user{-webkit-mask-image:url(/assets/icons/user.svg);mask-image:url(/assets/icons/user.svg)}
.ti-device-mobile{-webkit-mask-image:url(/assets/icons/device-mobile.svg);mask-image:url(/assets/icons/device-mobile.svg)}
.ti-plug{-webkit-mask-image:url(/assets/icons/plug.svg);mask-image:url(/assets/icons/plug.svg)}
.ti-send{-webkit-mask-image:url(/assets/icons/send.svg);mask-image:url(/assets/icons/send.svg)}
.ti-route{-webkit-mask-image:url(/assets/icons/route.svg);mask-image:url(/assets/icons/route.svg)}
.ti-circle-check{-webkit-mask-image:url(/assets/icons/circle-check.svg);mask-image:url(/assets/icons/circle-check.svg)}
.ti-lock{-webkit-mask-image:url(/assets/icons/lock.svg);mask-image:url(/assets/icons/lock.svg)}
.ti-trending-up{-webkit-mask-image:url(/assets/icons/trending-up.svg);mask-image:url(/assets/icons/trending-up.svg)}
.ti-headset{-webkit-mask-image:url(/assets/icons/headset.svg);mask-image:url(/assets/icons/headset.svg)}
.ti-mood-smile{-webkit-mask-image:url(/assets/icons/mood-smile.svg);mask-image:url(/assets/icons/mood-smile.svg)}
.ti-key{-webkit-mask-image:url(/assets/icons/key.svg);mask-image:url(/assets/icons/key.svg)}
.ti-alert-triangle{-webkit-mask-image:url(/assets/icons/alert-triangle.svg);mask-image:url(/assets/icons/alert-triangle.svg)}
.ti-map-pin{-webkit-mask-image:url(/assets/icons/map-pin.svg);mask-image:url(/assets/icons/map-pin.svg)}
.ti-world{-webkit-mask-image:url(/assets/icons/world.svg);mask-image:url(/assets/icons/world.svg)}
.ti-clock{-webkit-mask-image:url(/assets/icons/clock.svg);mask-image:url(/assets/icons/clock.svg)}
.ti-external-link{-webkit-mask-image:url(/assets/icons/external-link.svg);mask-image:url(/assets/icons/external-link.svg)}
.ti-messages{-webkit-mask-image:url(/assets/icons/messages.svg);mask-image:url(/assets/icons/messages.svg)}
.ti-news{-webkit-mask-image:url(/assets/icons/news.svg);mask-image:url(/assets/icons/news.svg)}
.ti-info-circle{-webkit-mask-image:url(/assets/icons/info-circle.svg);mask-image:url(/assets/icons/info-circle.svg)}
.ti-shield{-webkit-mask-image:url(/assets/icons/shield.svg);mask-image:url(/assets/icons/shield.svg)}
.ti-shield-check{-webkit-mask-image:url(/assets/icons/shield-check.svg);mask-image:url(/assets/icons/shield-check.svg)}
.ti-refresh{-webkit-mask-image:url(/assets/icons/refresh.svg);mask-image:url(/assets/icons/refresh.svg)}
.ti-users-group{-webkit-mask-image:url(/assets/icons/users-group.svg);mask-image:url(/assets/icons/users-group.svg)}
.ti-network{-webkit-mask-image:url(/assets/icons/network.svg);mask-image:url(/assets/icons/network.svg)}
.ti-video{-webkit-mask-image:url(/assets/icons/video.svg);mask-image:url(/assets/icons/video.svg)}
.ti-check{-webkit-mask-image:url(/assets/icons/check.svg);mask-image:url(/assets/icons/check.svg)}
.ti-building-bank{-webkit-mask-image:url(/assets/icons/building-bank.svg);mask-image:url(/assets/icons/building-bank.svg)}
.ti-chevron-down{-webkit-mask-image:url(/assets/icons/chevron-down.svg);mask-image:url(/assets/icons/chevron-down.svg)}
.ti-chevron-left{-webkit-mask-image:url(/assets/icons/chevron-left.svg);mask-image:url(/assets/icons/chevron-left.svg)}
.ti-chevron-right{-webkit-mask-image:url(/assets/icons/chevron-right.svg);mask-image:url(/assets/icons/chevron-right.svg)}
.ti-x{-webkit-mask-image:url(/assets/icons/x.svg);mask-image:url(/assets/icons/x.svg)}
.ti-percentage{-webkit-mask-image:url(/assets/icons/percentage.svg);mask-image:url(/assets/icons/percentage.svg)}
.ti-list-check{-webkit-mask-image:url(/assets/icons/list-check.svg);mask-image:url(/assets/icons/list-check.svg)}
.ti-star{-webkit-mask-image:url(/assets/icons/star.svg);mask-image:url(/assets/icons/star.svg)}
.ti-credit-card{-webkit-mask-image:url(/assets/icons/credit-card.svg);mask-image:url(/assets/icons/credit-card.svg)}
.ti-arrows-shuffle{-webkit-mask-image:url(/assets/icons/arrows-shuffle.svg);mask-image:url(/assets/icons/arrows-shuffle.svg)}
.ti-receipt-2{-webkit-mask-image:url(/assets/icons/receipt-2.svg);mask-image:url(/assets/icons/receipt-2.svg)}
.ti-gauge{-webkit-mask-image:url(/assets/icons/gauge.svg);mask-image:url(/assets/icons/gauge.svg)}
.ti-flag{-webkit-mask-image:url(/assets/icons/flag.svg);mask-image:url(/assets/icons/flag.svg)}
.ti-search{-webkit-mask-image:url(/assets/icons/search.svg);mask-image:url(/assets/icons/search.svg)}
.ti-link{-webkit-mask-image:url(/assets/icons/link.svg);mask-image:url(/assets/icons/link.svg)}

/* QA 2026-09-18: навигация доступна на мобильном; CTA в шапке не переносится */
@media(max-width:840px){
  footer .navlinks{display:flex!important;flex-wrap:wrap;gap:10px 18px}
  footer .navlinks a{font-size:.88rem;padding:2px 0}
}
@media(max-width:520px){
  header .btn,header .navcta .btn,header .hdr-cta .btn,header .pill-link{
    white-space:nowrap;font-size:.78rem;padding:8px 12px}
}

/* QA 2026-09-18 · типографика: висячие строки и длина строки */
h1,h2,h3{text-wrap:balance}
p,li,figcaption,blockquote{text-wrap:pretty}
/* комфортная длина строки для прозы (не трогает карточки и таблицы) */
main section > .wrap > p,
main section > .wrap > ul > li,
details > p, details .faq-body p, details .qa-a,
.faq-body p, .qa p, .tp-review > p{max-width:74ch}

/* мягкий предел длины строки: связывает только в блоках шире ~700px */
main p,main li{max-width:78ch}
main .wrap > p[align=center],main [style*="text-align:center"] p{max-width:none}
main table p,main td p,main th p{max-width:none}

/* QA 2026-09-18 · узкие экраны 320–400px: шапка и бегущие строки не выталкивают страницу */
@media(max-width:400px){
  header .wrap{padding-left:14px;padding-right:14px;gap:8px}
  header .brandtext{font-size:.88rem;line-height:1.2}
  header .brand .mark{width:26px;height:26px}
  header .btn,header .pill-link,header .navcta .btn{font-size:.72rem;padding:7px 10px;white-space:nowrap}
  header .navcta{min-width:0;flex-shrink:1}
  header .brand{min-width:0;flex-shrink:1}
}
/* бегущие строки и любые дорожки не должны растягивать документ */
.marquee,.marquee-wrap,[class*="marquee"]{overflow:hidden;max-width:100%}
.navtoggle,.navtoggle *{max-width:100%}
@media(max-width:820px){
  header .navlinks{max-width:100%;flex-wrap:wrap}
}

/* QA 2026-09-18 (правка) · до 400px шапка переносится в два ряда, а не распирает страницу */
@media(max-width:400px){
  header .wrap{flex-wrap:wrap;height:auto;min-height:0;row-gap:8px;
    padding-top:10px;padding-bottom:10px;align-items:center}
  header .brand{flex:1 1 auto;min-width:0}
  header .navcta{flex:0 0 auto;min-width:0}
  header .btn,header .pill-link,header .navcta .btn{
    white-space:normal;font-size:.72rem;padding:7px 10px;max-width:100%}
  header .brandtext{font-size:.85rem}
}