:root{color-scheme:light;--bg:#f7f7f8;--text:#222128;--muted:#68656f;--line:#dcdbe1;--card-line:#e2e0e7;--purple:#7250b4;--bright:#59358e}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--purple);outline-offset:5px}
a:hover{color:var(--purple)}
.wrap{max-width:1400px;margin:auto;padding:0 72px}
.skip{position:absolute;top:-60px;left:20px;padding:12px;background:var(--text);color:#fff;z-index:5}
.skip:focus{top:10px}
.ui-icon{width:19px;height:19px;display:block;flex:0 0 19px;transition:transform .2s ease,color .2s ease}

/* Header */
header{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:112px;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:12px;font-size:23px;font-weight:700;letter-spacing:-1px}
.brand-text b{color:var(--purple);font-weight:inherit}
.brand img{width:34px;height:34px;border-radius:9px;display:block}
nav{display:flex;gap:30px;font-size:14px;color:var(--muted)}
.header-actions{display:flex;align-items:center;gap:28px}
.header-contact{display:inline-flex;align-items:center;gap:10px;font-size:14px}
.language-switch{display:flex;gap:2px;font:12px ui-monospace,monospace}
.language-switch a{display:grid;place-items:center;min-width:35px;min-height:38px;color:var(--muted)}
.language-switch a[aria-current=page]{color:var(--text);text-decoration:underline;text-underline-offset:7px}

/* Hero */
.hero{padding-top:58px}
.hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:center}
.hero-copy{padding:16px 0}
.eyebrow,.index,.category,.number,.status{font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px}
.eyebrow{color:var(--muted)}
.eyebrow span{padding:0 12px;color:var(--purple)}
h1{font-size:clamp(42px,5.25vw,73px);font-weight:500;letter-spacing:-.065em;line-height:1.1;margin:38px 0 30px}
h1 em{font-family:Georgia,'Times New Roman',serif;color:var(--purple);font-weight:400;letter-spacing:-.055em}
.hero-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:29px}
.intro{font-size:17px;line-height:1.7;color:var(--muted);margin:0;max-width:560px}
.cta{display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px}
.button{display:inline-flex;align-items:center;gap:24px;border-radius:100px;padding:16px 22px 16px 25px;min-height:56px;font-size:15px;font-weight:500;background:#29242f;color:#fff;border:1px solid #29242f;box-shadow:0 3px 8px #25202d0c;transition:background .2s,border-color .2s,box-shadow .2s}
.button:hover{background:var(--purple);border-color:var(--purple);color:#fff;box-shadow:0 5px 16px #7250b41a}
.button .ui-icon{width:18px;height:18px;flex-basis:18px;opacity:.75}
.button:hover .ui-icon{transform:translate(2px,-2px)}
.status{display:inline-flex;align-items:center;gap:10px;color:var(--purple)}
.status i{width:8px;height:8px;border-radius:50%;background:var(--purple);box-shadow:0 0 0 4px #7250b41f}
/* Hero mosaic: exchanges and wallets add up to one total. Real HTML+CSS instead of a
   screenshot, so it stays crisp at any DPI and is localized per page. Sizes follow the
   figure width (container units), so three columns hold down to a 400px column; below
   that the tiles reflow into two columns (see @container mosaic after the breakpoints). */
.mosaic{margin:0;position:relative;container:mosaic/inline-size}
.mosaic figcaption{display:flex;justify-content:space-between;gap:15px;margin:16px 4px 0;font-size:12px;color:var(--muted)}
.mosaic-tray{--logo:clamp(34px,9.17cqw,44px);--tpad:clamp(10px,2.92cqw,14px);--name:clamp(12px,2.71cqw,13px);--sum:clamp(15px,3.75cqw,18px);--coin:clamp(20px,5cqw,24px);--icon:clamp(30px,7.5cqw,36px);--big:clamp(44px,12.1cqw,58px);--gap-sum:clamp(14px,4.17cqw,20px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto minmax(0,1fr);gap:12px;height:530px;padding:12px;border-radius:27px 27px 100px 27px;background:#eeecf2;box-shadow:0 24px 60px #2b20400f,0 0 0 1px var(--card-line);overflow:hidden}
.tile{display:flex;flex-direction:column;justify-content:space-between;gap:9px;min-width:0;padding:14px var(--tpad) 13px;background:#fff;border:1px solid var(--card-line);border-radius:15px}
.tile-wallets{grid-column:span 2}
.logos{display:flex;gap:6px}
.logo{display:flex;align-items:center;justify-content:center;flex:none;width:var(--logo);height:var(--logo);border:1px solid var(--card-line);border-radius:12px;background:#fff;overflow:hidden}
.logo img{display:block;width:68%;height:auto}
.logo .sz-m{width:78%}
.logo .sz-l{width:97%}
.tile-text{display:flex;flex-direction:column;gap:4px;min-width:0}
.tile-name{font-size:var(--name);line-height:16px;color:var(--muted)}
.tile-sum{font-size:var(--sum);line-height:1.22;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.tile-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.coins{display:flex;gap:4px;padding-bottom:1px}
.coin{display:flex;align-items:center;justify-content:center;width:var(--coin);height:var(--coin);border-radius:50%;color:#fff;font-size:8px;font-weight:700;letter-spacing:.2px}
.coin-btc{background:#f7931a}
.coin-eth{background:#627eea}
.coin-sol{background:#1d1b24}
.coin-ton{background:#0098ea}
.total{grid-column:1/-1;position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:0;padding:22px 22px 16px;background:var(--purple);color:#fff;border-radius:15px 15px 88px 15px;overflow:hidden}
.total-head,.total-sum,.total-delta,.total-period{position:relative}
/* The chart stretches with the card; the stroke keeps its width and the end dot is HTML, so nothing gets distorted.
   The card needs about the design height (234px) or the rising line runs into the text, so below 1100px the tray grows to fit. */
.total-chart{position:absolute;inset:0;display:block;width:100%;height:100%}
.total-dot{position:absolute;left:94.74%;top:49.57%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px #ffffff2e}
.total-head{display:flex;align-items:center;gap:12px;font:11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px;color:#ffffffbf}
.total-head img{display:block;flex:none;width:var(--icon);height:var(--icon);border-radius:9px;box-shadow:0 0 0 1px #ffffff47}
.total-sum{display:flex;align-items:flex-start;margin:var(--gap-sum) 0 0 -1px;font-size:var(--big);line-height:1;letter-spacing:-.035em;white-space:nowrap}
.total-sum small{font-size:.45em;letter-spacing:0;margin-top:.23em}
.total-sum small:first-child{margin-right:.08em}
.total-sum small:last-child{margin-left:.08em}
.total-delta{margin-top:14px;font-size:15px;font-weight:700;line-height:1;white-space:nowrap}
.total-delta span{font-weight:400;color:#ffffffcc}
.total-period{margin-top:9px;font:10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px;color:#ffffffa3}
/* One-time entrance: sources rise in one by one, then the total gathers under them.
   Fill "backwards" only: the keyframes have just a "from", so once played nothing is held on the tiles. */
@keyframes mosaic-rise{from{opacity:0;transform:translateY(14px)}}
@keyframes mosaic-gather{from{opacity:0;transform:translateY(20px) scale(.97)}}
.mosaic-tray>*{animation:mosaic-rise .45s cubic-bezier(.2,.7,.3,1) backwards}
.mosaic-tray>:nth-child(2){animation-delay:.07s}
.mosaic-tray>:nth-child(3){animation-delay:.14s}
.mosaic-tray>:nth-child(4){animation-delay:.21s}
.mosaic-tray>:nth-child(5){animation-delay:.28s}
.mosaic-tray>.total{animation:mosaic-gather .6s cubic-bezier(.2,.7,.3,1) .5s backwards;transform-origin:50% 0}
.hero-foot{display:flex;justify-content:space-between;gap:25px;padding:32px 0 27px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);margin-top:30px}
.hero-foot a{display:inline-flex;align-items:center;gap:10px}

/* Sections */
.section{padding-top:75px}
.section-title{display:flex;justify-content:space-between;align-items:baseline;gap:25px;margin-bottom:42px}
.index{color:var(--muted)}
h2{font-size:34px;line-height:1.2;font-weight:400;letter-spacing:-1.2px;margin:0}
h2 em{font-family:Georgia,'Times New Roman',serif;color:var(--purple);font-style:italic;letter-spacing:-.04em}
.accent{color:var(--purple)}
.lede{font-size:17px;line-height:1.7;color:var(--muted);margin:-18px 0 36px;max-width:700px}

/* Features */
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.feature{display:flex;flex-direction:column;border:1px solid var(--card-line);border-radius:14px;background:#fff;padding:28px 26px 24px;min-width:0}
.card-top{display:flex;justify-content:space-between}
.category{color:var(--purple)}
.number{color:var(--muted)}
h3{font-size:28px;line-height:1.2;font-weight:400;letter-spacing:-1px;margin:22px 0 14px}
.feature>p{font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 18px}
.points{list-style:none;margin:auto 0 0;padding:0;border-top:1px solid var(--line)}
.points li{font-size:14.5px;line-height:1.6;padding:12px 0 12px 22px;border-bottom:1px solid var(--line);position:relative}
.points li:last-child{border-bottom:0;padding-bottom:0}
.points li:before{content:"";position:absolute;left:2px;top:21px;width:7px;height:7px;border-radius:50%;border:1.5px solid var(--purple)}
.points b{font-weight:600}

/* Screens carousel */
.shots{display:flex;gap:22px;overflow-x:auto;padding:4px 2px 26px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.shot{flex:0 0 auto;width:258px;margin:0;scroll-snap-align:start}
.shot img{display:block;width:100%;height:auto;border-radius:22px;border:1px solid var(--card-line);background:#fff;box-shadow:0 14px 34px #2b20400d}
.shot figcaption{margin:16px 2px 0}
.shot .number{display:block;margin-bottom:8px}
.shot b{display:block;font-size:16px;font-weight:600;margin-bottom:4px}
.shot span{display:block;font-size:13.5px;line-height:1.55;color:var(--muted)}
.fine{font-size:12px;color:var(--muted);margin:6px 0 0}

/* Platforms */
.platforms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px}
.platform{display:flex;flex-direction:column;gap:6px;border:1px solid var(--card-line);border-radius:14px;padding:22px 20px;background:#fff;min-height:108px}
.platform-name{font-size:17px;font-weight:600}
.platform-description{font-size:14px;line-height:1.55;color:var(--muted)}
.networks{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 22px;padding:22px 0;border-block:1px solid var(--line)}
.networks .index{margin-right:8px}
.networks span:not(.index){font-size:15px}

/* Privacy (about-style) */
.about{margin-top:76px;padding:64px 0;border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:64px}
.about>.index{padding-top:9px}
.about h2{font-size:43px;letter-spacing:-1.7px;line-height:1.13}
.about p{font-size:17px;line-height:1.8;color:var(--muted);margin:26px 0;max-width:520px}
.tags{display:flex;flex-wrap:wrap;gap:20px}
.tags span{font-size:12px;color:var(--purple)}
.text-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;margin-top:30px}
.text-link .ui-icon{width:16px;height:16px;flex-basis:16px;color:var(--muted)}
.text-link:hover .ui-icon{transform:translate(2px,-2px);color:var(--purple)}

/* Links */
.links{padding-bottom:78px}
.social{display:flex;align-items:center;gap:24px;padding:26px 0;border-bottom:1px solid var(--line)}
.social:first-of-type{border-top:1px solid var(--line)}
.social-logo{width:38px;height:38px;display:grid;place-items:center;color:var(--muted);flex-shrink:0}
.social-logo svg{width:25px;height:25px}
.social-title{font-size:25px;letter-spacing:-.7px}
.social-title small{font-size:14px;letter-spacing:0;color:var(--muted);display:block;margin-top:7px}
.handle{margin-left:auto;font:13px ui-monospace,monospace;color:var(--muted)}
.social>.ui-icon{margin-left:38px;color:var(--muted)}
.social:hover>.ui-icon{transform:translate(2px,-2px);color:var(--purple)}

/* Footer */
footer{border-top:1px solid var(--line);padding:32px 0}
.footer-line{display:flex;justify-content:space-between;align-items:center;gap:25px}
.footer-line>span,.footer-line>a:last-child{font-size:12px;color:var(--muted)}
.footer-line>a:last-child{display:inline-flex;align-items:center;gap:10px}
.footer-line .brand{font-size:21px}
.footer-line .brand img{width:28px;height:28px;border-radius:7px}
footer p{color:var(--muted);font-size:12px;line-height:1.6;margin:23px 0 0}
footer p a{text-decoration:underline;text-underline-offset:3px}

/* 404 */
.not-found{min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:60px 0}
.not-found h1{margin:24px 0 20px}
.not-found p{font-size:17px;line-height:1.7;color:var(--muted);max-width:520px;margin:0 0 30px}

@media(min-width:1500px){.hero{padding-top:72px}.mosaic-tray{height:585px}h1{font-size:76px}}
@media(max-width:1100px){.wrap{padding:0 40px}nav{display:none}.hero-grid{gap:30px;grid-template-columns:1.2fr 1fr}.mosaic-tray{height:auto}.total{min-height:234px}h1{font-size:clamp(39px,5.7vw,65px)}.eyebrow{font-size:11px;letter-spacing:.5px}.eyebrow span{padding:0 5px}.about{gap:38px}.section-title h2{font-size:29px}.platforms{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.feature-grid{grid-template-columns:1fr}}
@media(max-width:760px){.wrap{padding:0 24px}header{min-height:85px}.header-contact{display:none}.brand{font-size:22px}.hero{padding-top:28px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero-copy{padding:6px 0 0}.eyebrow{font-size:11px;letter-spacing:.7px}h1{font-size:clamp(38px,9.5vw,68px);margin:27px 0 22px;letter-spacing:-.055em}.hero-bottom{gap:24px}.intro{font-size:16px}.button{min-height:54px;padding:15px 22px}.mosaic-tray{border-radius:20px 20px 75px 20px}.total{border-radius:15px 15px 63px 15px}.hero-foot{margin-top:5px;padding:25px 0;font-size:11px;line-height:1.6}.hero-foot>span{max-width:210px}.hero-foot>a{flex-shrink:0}.section{padding-top:48px}.section-title{flex-direction:column;align-items:flex-start;gap:17px;margin-bottom:32px}.section-title h2{font-size:30px}.lede{margin:-8px 0 26px;font-size:16px}.feature{padding:22px 18px 20px}h3{font-size:25px}.shot{width:224px}.platforms{grid-template-columns:1fr;gap:10px}.platform{min-height:0;padding:18px 16px}.about{margin-top:48px;padding:44px 0;grid-template-columns:1fr;gap:25px}.about h2{font-size:37px}.about p{font-size:16px}.social{gap:16px;padding:24px 0}.social-title{font-size:22px}.social-title small{font-size:13px;line-height:1.5}.handle{display:none}.social>.ui-icon{margin-left:auto}.social-logo{width:28px}.links{padding-bottom:50px}.footer-line{flex-wrap:wrap;gap:18px}.footer-line>span{order:3;width:100%}.footer-line>a:last-child{margin-left:auto}}
@container mosaic (max-width:399.98px){.mosaic-tray{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;--logo:40px;--tpad:14px;--name:13px;--sum:18px;--coin:24px}.total{min-height:234px}}
/* Browsers without container units (Safari 15, Chrome before 105) would get invalid cqw sizes and no @container reflow.
   They get fixed sizes that fit the narrowest three-column tray (400px), the design sizes where the tray is 480px+,
   and two columns by viewport where the tray is under 400px (phones up to 447px, 761-989px). */
@supports not (width:1cqw){.mosaic-tray{--logo:34px;--tpad:10px;--name:12px;--sum:15px;--coin:20px;--icon:30px;--big:44px;--gap-sum:14px}@media(min-width:1280px),(min-width:528px) and (max-width:760px){.mosaic-tray{--logo:44px;--tpad:14px;--name:13px;--sum:18px;--coin:24px;--icon:36px;--big:58px;--gap-sum:20px}}@media(max-width:447.98px),(min-width:761px) and (max-width:989.98px){.mosaic-tray{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;--logo:40px;--tpad:14px;--name:13px;--sum:18px;--coin:24px}.total{min-height:234px}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.mosaic-tray>*{animation:none!important}}

/* Inner pages: privacy, support */
.doc{padding-bottom:78px}
.page-head{padding:64px 0 44px;border-bottom:1px solid var(--line);margin-bottom:42px}
.page-head .index span{color:var(--purple);padding:0 8px}
.page-head h1{margin:30px 0 18px}
.doc-sub{font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px;color:var(--muted);margin:0 0 22px;text-transform:uppercase}
.doc-lede{font-size:17px;line-height:1.75;color:var(--muted);margin:0;max-width:760px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.chips a{border:1px solid var(--card-line);background:#fff;border-radius:100px;padding:8px 15px;font-size:13.5px;transition:border-color .2s,background .2s}
.chips a:hover{border-color:#bbb0cb;background:#fcfbff}
.doc-list{display:grid;gap:18px}
.doc-card{border:1px solid var(--card-line);border-radius:14px;background:#fff;padding:28px 30px 26px;scroll-margin-top:24px;min-width:0}
.doc-card h2{font-size:28px;letter-spacing:-1px;margin:20px 0 12px}
.doc-card p{font-size:16px;line-height:1.75;color:var(--muted);margin:14px 0 0;max-width:860px}
.doc-card p a,.doc-lede a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
.doc-card ul{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid var(--line);max-width:900px}
.doc-card li{font-size:15px;line-height:1.7;padding:13px 0 13px 24px;border-bottom:1px solid var(--line);position:relative}
.doc-card li:before{content:"";position:absolute;left:3px;top:23px;width:7px;height:7px;border-radius:50%;border:1.5px solid var(--purple)}
.doc-card code{font:13px ui-monospace,SFMono-Regular,Consolas,monospace;background:#f1eff5;border-radius:5px;padding:2px 6px;color:var(--text)}
.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
/* Инструкции /keys/: нумерованные шаги, ссылки в списках, текущая площадка в чипах */
.doc-card ol.steps{list-style:none;counter-reset:step;margin:18px 0 0;padding:0;border-top:1px solid var(--line);max-width:900px}
.doc-card ol.steps>li{counter-increment:step;padding-left:40px}
.doc-card ol.steps>li:before{content:counter(step);top:13px;left:0;width:24px;height:24px;border:0;background:var(--purple);color:#fff;font:700 12px/24px Arial,sans-serif;text-align:center}
.doc-card li a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
.chips a[aria-current="page"]{border-color:var(--purple);color:var(--purple)}
.doc .links{padding-bottom:0}
@media(max-width:860px){.support-grid{grid-template-columns:1fr}}
@media(max-width:760px){.page-head{padding:36px 0 30px;margin-bottom:28px}.page-head h1{margin:22px 0 14px}.doc-lede{font-size:16px}.doc-card{padding:22px 18px 20px}.doc-card h2{font-size:24px}.doc-card li{font-size:14.5px}.doc{padding-bottom:50px}}

/* App Store badge (official artwork, hotlinked from Apple Marketing Tools; not modified) */
.store-badge{display:inline-block;line-height:0;padding:0;border-radius:9px}
.store-badge img{display:block;height:56px;width:auto}
.store-badge:hover{opacity:.85}
.beta-note{font-size:13px;color:var(--muted);margin:22px 0 0}
.beta-note a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}