/* SwapAds · reference-led redesign. No framework or external requests. */
@font-face{font-family:Inter;src:url('assets/fonts/inter-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('assets/fonts/inter-semibold.woff2') format('woff2');font-weight:500 700;font-display:swap}
@font-face{font-family:Inter;src:url('assets/fonts/inter-extrabold.woff2') format('woff2');font-weight:800 900;font-display:swap}
:root{--bg:#050c1b;--panel:#0d172c;--white:#f7f9ff;--muted:#9aaac5;--cyan:#0fc7fa;--purple:#8145ff;--line:rgba(137,163,218,.15);--gradient:linear-gradient(110deg,#078bff 0%,#4053ff 55%,#963bff 100%);--radius:24px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body.dialog-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
img{max-width:100%;display:block}
svg{display:block}
::selection{background:#6d47e8;color:white}
:focus-visible{outline:3px solid #55d9ff;outline-offset:5px}
.svg-library{position:absolute;width:0;height:0;overflow:hidden}
.skip-link{position:fixed;top:10px;left:10px;z-index:100;background:white;color:#10192d;padding:14px;border-radius:8px;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.container{width:min(1404px,calc(100% - 8.6%));margin-inline:auto}
.section{padding:104px 0}
.icon{width:23px;height:23px;flex-shrink:0}
.site-header{position:absolute;inset:0 0 auto;z-index:20;border-bottom:1px solid rgba(124,155,220,.13);background:linear-gradient(100deg,rgba(3,9,18,.77),rgba(12,19,42,.76));backdrop-filter:blur(18px)}
.header-inner{height:88px;display:flex;align-items:center;gap:30px}
.brand{display:inline-flex;align-items:center;gap:13px;flex-shrink:0}
.brand-mark{width:52px;height:52px;filter:drop-shadow(0 4px 10px #1253ff24)}
.brand-copy{display:flex;flex-direction:column}
.brand-copy strong{font-size:31px;font-weight:800;line-height:1.06;letter-spacing:-1.1px}
.brand-copy strong span{color:#00b8f6}
.brand-copy small{font-size:12px;color:#b4bed3;margin-top:5px}
.main-nav{display:flex;align-items:center;gap:27px;margin-left:auto;white-space:nowrap}
.main-nav a{position:relative;font-size:13px;font-weight:600;padding-block:12px;transition:color .2s}
.main-nav a:after{content:'';position:absolute;bottom:4px;left:0;right:0;height:2px;background:var(--gradient);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.main-nav a:hover{color:#8ddfff}.main-nav a:hover:after{transform:scaleX(1)}
.header-actions{display:flex;align-items:center;gap:15px;flex-shrink:0}
.language{display:flex;align-items:center;gap:9px;font-size:13px;margin-right:14px}.language svg{width:23px;height:23px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:0 24px;border:1px solid transparent;border-radius:10px;font-weight:600;font-size:14px;transition:transform .2s,box-shadow .2s,background .2s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn-primary{color:#fff;background:var(--gradient);border-color:rgba(151,119,255,.3);box-shadow:0 4px 25px #354bff30,inset 0 1px 0 #ffffff1f}
.btn-primary:hover{box-shadow:0 8px 35px #5350ff70,inset 0 1px 0 #ffffff30}
.btn-ghost{border-color:#6855c26b;background:#0a122552;color:#fff}.btn-ghost:hover{background:#222447}
.btn-small{padding-inline:22px}.btn-small .icon{width:17px;height:17px}
.btn-large{min-height:68px;padding-inline:30px;border-radius:15px;font-size:18px;letter-spacing:-.3px}
.menu-toggle{display:none;width:44px;height:44px;background:transparent;border:1px solid var(--line);border-radius:10px;padding:10px}.menu-toggle span{height:2px;display:block;background:white;margin:5px 0;transition:transform .2s,opacity .2s}
.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}

/* One illustration layer. All website copy, CTAs and floating cards are live HTML. */
.hero{position:relative;isolation:isolate;overflow:hidden;height:min(66.6667vw,1152px);min-height:790px;background:#030d1d}
.hero:after{content:'';position:absolute;inset:auto 0 0;height:130px;background:linear-gradient(transparent,var(--bg));z-index:2;pointer-events:none}
.hero-stage{position:absolute;top:0;left:50%;width:max(100%,1185px);max-width:1728px;aspect-ratio:3/2;transform:translateX(-50%);pointer-events:none;z-index:0;container-type:inline-size}
.hero-scene{width:100%;height:100%;object-fit:cover}.hero-stage picture{display:block;width:100%;height:100%}
.hero-grid{position:relative;z-index:3;padding-top:clamp(150px,12vw,208px);pointer-events:none}
.hero-copy{width:49%;max-width:740px;pointer-events:auto}
.eyebrow{display:inline-flex;align-items:center;gap:12px;border-radius:999px;border:1px solid #3d6caa5e;padding:10px 15px;background:linear-gradient(90deg,#0e283354,#11234680);font-size:12px;letter-spacing:.045em;color:#c3d0e7;text-transform:uppercase;line-height:1.2;backdrop-filter:blur(8px)}
.dot{width:10px;height:10px;border-radius:50%;background:#00e6ac;box-shadow:0 0 17px #00ec9a9e;flex-shrink:0}
.hero h1{font-size:clamp(50px,4.42vw,77px);line-height:.98;letter-spacing:-2.9px;font-weight:800;margin:24px 0 22px;white-space:nowrap}
.hero h1 span{background:linear-gradient(100deg,#02c8ef 0%,#008eff 44%,#7941ff 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-lead{font-size:clamp(16px,1.24vw,21px);line-height:1.57;color:#c5cee2;letter-spacing:-.24px;margin:0;max-width:680px}
.hero-actions{margin-top:34px}.hero-action-row{display:flex;align-items:center;gap:27px}.hero-actions p{font-size:13px;line-height:1.5;color:#aebbd4;margin:13px 0 0}
.watch-link{display:flex;align-items:center;gap:12px;flex-shrink:0;font-size:15px;line-height:1.45;color:#e1e6f6}.play-circle{display:grid;place-items:center;width:56px;height:56px;border:1px solid #7769e780;border-radius:50%;background:#12234740;transition:background .2s,box-shadow .2s}.play-circle svg{width:23px;height:23px;transform:translateX(-2px)}.watch-link:hover .play-circle{background:#33338666;box-shadow:0 0 25px #4644bb44}
.platforms{display:flex;align-items:center;gap:24px;margin-top:35px;white-space:nowrap}.platform-item{display:flex;align-items:center;gap:10px}.platform-item>span:last-child{display:flex;flex-direction:column;gap:5px}.platform-item b{font-size:12px;font-weight:600}.platform-item small{font-size:10px;color:#afbdd5}.platform-icon{width:41px;height:41px;display:grid;place-items:center;border-radius:12px;color:white;box-shadow:inset 0 1px 1px #ffffff40,0 5px 16px #0005}.platform-icon svg{width:27px;height:27px}.platform-icon.tg{border-radius:50%;width:46px;height:46px;background:linear-gradient(140deg,#06caff,#008bea)}.platform-icon.max{background:linear-gradient(145deg,#6159ff,#4040ef)}.platform-icon.vk{background:linear-gradient(145deg,#3384dd,#1d4f97);font-size:20px;font-weight:800;letter-spacing:-2px;padding-right:2px}.platform-icon.disc{background:linear-gradient(145deg,#7475ff,#423bff)}.platform-icon.plus{border:1px solid #c1d4f7;background:#11315430;box-shadow:none;border-radius:50%;font-size:32px;font-weight:400}
.art-label{position:absolute;color:white;box-shadow:0 12px 35px #0004;backdrop-filter:blur(14px)}
.art-telegram{top:30.6%;left:46.2%;width:4.75%;aspect-ratio:1;border-radius:20%;background:linear-gradient(135deg,#66e8ff,#04bfff 45%,#0074eb);display:grid;place-items:center;transform:rotate(4deg);box-shadow:inset 0 1px 2px #fff9,0 9px 26px #048aec45}.art-telegram svg{width:62%;height:62%}
.art-subs{top:38.1%;left:46%;font-size:1cqw;font-weight:600;line-height:1.32;padding:.8cqw 1cqw;border:1px solid #a796ff82;background:linear-gradient(130deg,#25376de6,#111832f5);border-radius:1.15cqw}
.art-max{top:24.9%;left:82.5%;width:10%;aspect-ratio:.93;border-radius:1.6cqw;background:linear-gradient(135deg,#b14aff,#822adf 50%,#4931c8);transform:rotate(9deg);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #e8aaff8f;box-shadow:inset 1px 1px 12px #e693ff44,0 20px 50px #27166844}.art-max svg{width:39%;height:39%;margin-bottom:.25cqw}.art-max b{font-size:2.25cqw;line-height:1.15;letter-spacing:-.06em}.art-max small{font-size:.83cqw;margin-top:.35cqw}
.art-exchange{position:absolute;top:40.9%;left:62.7%;width:12%;height:9%;display:grid;place-items:center}.art-exchange span{position:relative;display:block;border-radius:1.3cqw;background:linear-gradient(135deg,white,#eff1ff);box-shadow:0 10px 30px #13114b38;color:#111642;text-align:center;font-size:1.03cqw;font-weight:600;line-height:1.35;padding:1.1cqw .8cqw;width:100%}.exchange-arrows{position:absolute;top:-90%;left:-4%;width:110%;height:280%;filter:drop-shadow(0 0 6px #b6dcff6e)}
.art-growth{top:50%;left:88.2%;width:8.6%;border:1px solid #af9bff64;border-radius:1.5cqw;background:linear-gradient(130deg,#7484d260,#182346e6);padding:1.5cqw .7cqw .8cqw}.growth-bars{display:flex;align-items:flex-end;gap:.5cqw;justify-content:center;height:3.8cqw}.growth-bars i{display:block;width:.85cqw;border-radius:.24cqw;background:linear-gradient(white,#f2edff);box-shadow:0 0 15px #bcaeff40}.growth-bars i:first-child{height:42%}.growth-bars i:nth-child(2){height:70%}.growth-bars i:nth-child(3){height:100%}.art-growth span{display:block;margin:1cqw -.4cqw -.6cqw;font-size:1cqw;font-weight:600;line-height:1.35;text-align:center;background:#101a3ddd;padding:.8cqw .1cqw;border-radius:1cqw}
.art-handwriting{position:absolute;right:4.5%;top:13.4%;transform:rotate(-12deg);color:#609cfd;font-family:Georgia,serif;font-style:italic;text-align:center;font-size:1.65cqw;line-height:1.12;opacity:.8}
.scroll-hint{position:absolute;bottom:29px;left:50%;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#bdc8e0b0;white-space:nowrap}.scroll-hint span{width:7px;height:7px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg) translateY(-2px)}

.art-growth{width:9.1%}.art-growth span{font-size:.95cqw}
/* Content sections continue the atmosphere of the first screen. */
.section-head{margin:0 auto 50px;max-width:800px}.section-head.center{text-align:center}.section-kicker{display:inline-block;font-size:11px;letter-spacing:.16em;font-weight:600;color:#64b8ff}.section-head h2,.benefits h2,.faq h2{font-size:clamp(30px,3vw,46px);line-height:1.13;letter-spacing:-1.7px;font-weight:800;margin:17px 0}.section-head p{font-size:16px;line-height:1.65;color:var(--muted);margin:0}.how{position:relative;padding-top:66px}.steps{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr;gap:14px;align-items:stretch}.step{position:relative;min-width:0;background:linear-gradient(140deg,#101d35c7,#0a132694);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px 27px;transition:transform .25s,border-color .25s}.step:hover{transform:translateY(-6px);border-color:#5d77c566}.step-art{height:190px;display:grid;place-items:center;margin-bottom:14px;background:radial-gradient(ellipse,#5d5aff1c,transparent 66%)}.step-art img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 10px 18px #4454ff22)}.step-top{display:flex;align-items:center;gap:10px}.step-num{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:#ad9aff;background:#7360ff24;border:1px solid #8275f637;font-size:12px;font-weight:600}.step-num.blue{color:#55c4ff;background:#088aff22;border-color:#48adff40}.step-num.green{color:#62e7c0;background:#0a9e7c22;border-color:#62e7c030}.step-num.orange{color:#ffc580;background:#eea63e22;border-color:#eab57030}.step-chip{font-size:9px;color:#889cbf;text-transform:uppercase;letter-spacing:.035em}.step h3{font-size:18px;line-height:1.3;margin:17px 0 10px;letter-spacing:-.45px}.step p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.step-arrow{align-self:center;color:#506894;font-size:23px;margin-top:-45px}
.showcase{background:radial-gradient(ellipse at 20% 55%,#18307833,transparent 55%);overflow:hidden}.showcase-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:70px;align-items:center}.dashboard-wrap{position:relative;padding:30px 0}.dashboard-card{color:#182138;min-height:435px;background:#f5f7fc;display:grid;grid-template-columns:133px 1fr;border-radius:20px;overflow:hidden;box-shadow:0 35px 80px #0005,0 0 70px #3b5fbb16;border:1px solid #697ca539;transform:perspective(1800px) rotateY(5deg) rotateX(2deg)}.dashboard-float{position:absolute;z-index:2;padding:11px 16px;border:1px solid #7f94d94d;border-radius:12px;background:#172540e8;backdrop-filter:blur(10px);box-shadow:0 10px 30px #0002;font-size:11px;color:#c6d5ed}.float-top{top:9px;right:25px}.float-top span{color:#34e0a8;margin-right:8px}.float-bottom{bottom:11px;left:100px}.float-bottom b{font-size:17px;color:#5ce8b8;margin-right:5px}.dash-side{background:linear-gradient(180deg,#131f38,#0e1829);padding:24px 12px;display:flex;flex-direction:column;color:#edf3ff}.dash-brand{font-size:14px;font-weight:800;margin-bottom:23px;white-space:nowrap}.dash-brand span{color:#39bfff}.dash-side nav{display:grid;gap:5px}.dash-side nav a{display:flex;gap:9px;padding:11px 9px;font-size:9px;color:#a2b2cd;border-radius:7px;white-space:nowrap}.dash-side nav a.active{background:#30415d;color:white}.nav-ico{font-size:14px;line-height:12px;width:14px}.dash-help{margin-top:auto;background:#ffffff07;border:1px solid #ffffff08;padding:12px;border-radius:10px;display:flex;flex-direction:column;font-size:9px;gap:5px}.dash-help span{font-size:8px;color:#9dabc0}.dash-main{padding:25px 20px;min-width:0}.dash-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.hello{font-size:9px;color:#8b98ad}.dash-title-row h3{font-size:19px;letter-spacing:-.6px;margin:5px 0}.dash-title-row button{border:0;background:var(--gradient);color:white;font-size:9px;padding:10px;border-radius:7px;white-space:nowrap}.dash-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:20px 0}.dash-stats>div{position:relative;border:1px solid #e1e7f2;background:white;min-height:89px;padding:12px 9px;border-radius:10px}.dash-stats b{display:block;font-size:19px;letter-spacing:-.5px}.dash-stats>div>span:last-child{font-size:7px;display:block;margin-top:5px;color:#8090a9}.metric-icon{display:none}.violet{color:#7451f1}.green-text{color:#19ad7d}.dash-grid-lower{display:grid;grid-template-columns:1fr;gap:15px}.active-exchanges{border:1px solid #e2e8f1;border-radius:10px;background:white;overflow:hidden}.exchanges-head{padding:12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f7}.exchanges-head>div{display:flex;flex-direction:column;gap:3px}.exchanges-head b{font-size:10px}.exchanges-head small{font-size:7px;color:#98a7b9}.exchanges-head a{font-size:8px;color:#5e6aef}.exchange-row{display:grid;grid-template-columns:29px 1fr auto;gap:8px;padding:10px 12px;border-bottom:1px solid #edf0f7;align-items:center}.exchange-row:last-child{border-bottom:0}.mini-avatar{width:29px;height:29px;overflow:hidden;border-radius:50%}.mini-avatar img{width:100%;height:100%;object-fit:cover}.exchange-row div{display:flex;flex-direction:column;gap:4px}.exchange-row b{font-size:9px}.exchange-row small{font-size:7px;color:#8a9bb4}.exchange-row time{display:none}.tag{font-size:7px;border-radius:5px;padding:5px 7px}.success{background:#e3f8ed;color:#139269}.warn{background:#fff4dc;color:#ad7c17}.planned{background:#edeaff;color:#7655ce}.mini-chart-card{display:none}
.benefits-lead{font-size:14px;line-height:1.75;color:var(--muted);margin-bottom:28px}.benefits article{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:15px;margin-top:22px}.benefit-icon{width:42px;height:42px;border:1px solid #647cc434;background:linear-gradient(140deg,#183953,#22204c);border-radius:12px;display:grid;place-items:center;color:#88c8ff;font-size:20px}.benefits h3{font-size:14px;margin:0 0 5px}.benefits article p{font-size:12px;line-height:1.6;color:#91a3bf;margin:0}
.stats-band{position:relative;overflow:hidden;padding:80px 0;border-block:1px solid var(--line);background:radial-gradient(ellipse at 50% 100%,#5140ba36,transparent 65%),linear-gradient(115deg,#0b1930,#101730 60%,#13162e)}.stats-grid{display:grid;grid-template-columns:.7fr .7fr 2.6fr .7fr .7fr;align-items:center;gap:22px}.stat{text-align:center}.stat b{font-size:21px;color:#a5beff;font-weight:600;letter-spacing:-.8px;white-space:nowrap}.stat span{display:block;font-size:10px;line-height:1.5;color:#9babca;margin-top:9px}.cta-card{text-align:center}.cta-card h2{font-size:34px;line-height:1.15;letter-spacing:-1.2px;margin:15px 0}.cta-card p{max-width:450px;margin:0 auto 25px;color:#a6b5d0;font-size:13px;line-height:1.65}.cta-card .btn{font-size:15px;min-height:57px}.cta-card small{display:block;font-size:10px;color:#8799b9;margin-top:13px}.stats-glow{display:none}
.three-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.three-cards article{position:relative;background:linear-gradient(135deg,#101d35,#0b1428);border:1px solid var(--line);border-radius:24px;padding:22px 26px 30px;transition:transform .25s,border-color .25s;overflow:hidden}.three-cards article:hover{transform:translateY(-5px);border-color:#6c73d572}.three-cards img{width:100%;height:170px;object-fit:cover;border-radius:14px;margin-bottom:24px}.three-cards>article>span{color:#8b79e3;font-size:11px;letter-spacing:.1em}.three-cards h3{font-size:23px;letter-spacing:-.7px;margin:12px 0}.three-cards p{font-size:13px;line-height:1.75;color:#9fafd0;margin:0;min-height:93px}.three-cards a{display:inline-block;font-size:12px;color:#8ecbff;font-weight:600;margin-top:25px}.three-cards a:hover{color:white}
.about-section{position:relative;background:radial-gradient(ellipse at 50% 90%,#4b34a522,transparent 60%);padding-top:30px}.about-inner{text-align:center;max-width:1000px}.about-inner h2{font-size:clamp(31px,3.3vw,49px);line-height:1.2;letter-spacing:-1.8px;margin:24px 0}.about-inner h2 span{color:#94baff}.about-inner p{max-width:660px;margin:0 auto;color:#9dabca;font-size:16px;line-height:1.8}.text-link{display:inline-flex;align-items:center;gap:10px;color:#6ccaff;font-size:14px;margin-top:26px}.text-link .icon{width:19px}.text-link:hover{color:white}
.faq{border-top:1px solid var(--line);background:#080f20}.faq-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:110px}.faq h2{font-size:38px}.faq-intro>p{color:#9aaac5;font-size:14px;line-height:1.8;max-width:420px}.faq-mini-card{display:flex;align-items:center;gap:13px;margin-top:30px}.faq-mini-card>span{display:grid;place-items:center;border:1px solid #8982fc42;background:#8075ff1a;border-radius:12px;width:40px;height:40px;color:#ac9cff;font-weight:600}.faq-mini-card>div{display:flex;flex-direction:column;gap:6px}.faq-mini-card b{font-size:12px}.faq-mini-card small{font-size:10px;color:#8393b3}.faq-list{display:grid;gap:13px;align-content:start}.faq details{border:1px solid var(--line);border-radius:15px;padding-inline:22px;background:#111b30a1}.faq details[open]{border-color:#5666a24d;background:linear-gradient(120deg,#152039,#141b31)}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:18px;list-style:none;font-size:14px;font-weight:600;line-height:1.4;padding:22px 0;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:23px;font-weight:400;color:#8e9ac4;line-height:1;flex-shrink:0}.faq details[open] summary:after{content:'−'}.faq details p{font-size:12px;color:#a8b6cf;line-height:1.8;margin:0 0 22px;max-width:94%}
.footer{padding:34px 0;border-top:1px solid var(--line);background:#050b17}.footer-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}.footer .brand-mark{width:43px;height:43px}.footer .brand-copy strong{font-size:24px}.footer .brand-copy small{font-size:9px}.footer p{color:#7485a5;font-size:10px;text-align:center;line-height:1.6;max-width:350px;justify-self:center}.footer-links{display:flex;gap:24px;font-size:10px;color:#a4b2cc}.footer-links a:hover{color:white}
.site-dialog{width:min(520px,calc(100% - 32px));padding:38px;border:1px solid #7f8fba4d;border-radius:26px;color:white;background:radial-gradient(ellipse at 50% 0,#1e3a6755,transparent 60%),#101b30;box-shadow:0 40px 130px #0009;text-align:center;max-height:calc(100dvh - 36px);overflow:auto}.site-dialog::backdrop{background:#020714c9;backdrop-filter:blur(10px)}.site-dialog>img{margin:0 auto 22px}.site-dialog .section-kicker{font-size:10px}.site-dialog h2{font-size:29px;line-height:1.2;letter-spacing:-1px;margin:15px 0}.site-dialog p{color:#bcc8df;font-size:14px;line-height:1.7}.dialog-close{position:absolute;top:14px;right:14px;width:35px;height:35px;background:#ffffff08;border:1px solid var(--line);border-radius:50%;color:#c2d0e6;font-size:25px}.dialog-steps{display:flex;justify-content:center;gap:8px;list-style:none;counter-reset:step;padding:15px 0;margin:8px 0}.dialog-steps li{counter-increment:step;font-size:10px;flex:1;color:#c2d0e9}.dialog-steps li:before{content:counter(step);display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:#484ccd44;color:#adbcff;margin:0 auto 10px}.site-dialog .demo-notice{font-size:11px;background:#9dafff09;border:1px solid var(--line);border-radius:12px;padding:12px}.dialog-action{width:100%;font-size:13px;min-height:54px;margin-top:14px;padding-inline:14px}

@media(min-width:1728px){.hero-grid{padding-top:208px}.hero-copy{width:51%}.hero h1{font-size:70px}}
@media(max-width:1390px){.header-inner{gap:22px}.main-nav{gap:20px}.main-nav a{font-size:11px}.header-actions{gap:10px}.language{margin-right:5px}.brand-copy strong{font-size:28px}.brand-copy small{font-size:10px}.brand-mark{width:46px;height:46px}.btn-small{padding-inline:16px;font-size:12px}.btn-ghost{font-size:12px;padding-inline:20px}.hero-action-row{gap:20px}.hero .btn-large{font-size:16px;min-height:61px;padding-inline:25px}.watch-link{font-size:13px;gap:10px}.play-circle{width:49px;height:49px}.platforms{gap:18px}.platform-item{gap:8px}.platform-item b{font-size:11px}.platform-item small{font-size:9px}.platform-icon{width:36px;height:36px}.platform-icon.tg{width:42px;height:42px}.hero h1{letter-spacing:-2.4px}.hero-lead{font-size:17px}.desktop-break{display:none}.showcase-grid{gap:42px}.step{padding-inline:17px}.step-art{height:165px}.stats-grid{gap:15px}.stat b{font-size:18px}.cta-card h2{font-size:30px}}
@media(max-width:1190px){.main-nav{position:absolute;right:4.3%;top:84px;width:300px;padding:15px;border:1px solid #687cb448;border-radius:18px;background:#0f1b30fa;box-shadow:0 20px 60px #0006;display:none;align-items:stretch;gap:3px;backdrop-filter:blur(20px)}.main-nav.open{display:flex;flex-direction:column}.main-nav a{font-size:14px;padding:15px}.main-nav a:after{display:none}.main-nav a:hover{background:#ffffff08;border-radius:10px}.header-actions{margin-left:auto}.menu-toggle{display:block;margin-left:4px}.hero h1{font-size:49px;letter-spacing:-2.1px}.hero-copy{width:52%}.hero-lead{font-size:16px;max-width:490px}.hero .btn-large{font-size:14px;padding-inline:20px;min-height:57px}.hero-action-row{gap:18px}.watch-link{font-size:12px}.watch-link br{display:none}.watch-link>span:last-child{max-width:100px}.play-circle{width:44px;height:44px}.platforms{gap:15px;margin-top:28px}.platform-item{gap:7px}.platform-item:last-child{display:none}.platform-item small{font-size:8px}.hero-actions{margin-top:28px}.art-handwriting{right:6%}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.step-arrow{display:none}.step-chip{font-size:8px}.step-art{height:150px}.step h3{font-size:16px}.step p{font-size:12px}.showcase-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:35px}.dashboard-card{grid-template-columns:100px 1fr}.dash-side{padding-inline:7px}.dash-brand{font-size:12px}.dash-side nav a{font-size:8px;gap:6px;padding-inline:5px}.dash-main{padding:20px 12px}.dash-title-row h3{font-size:16px}.dash-title-row button{font-size:8px}.dash-stats b{font-size:17px}.benefits h2{font-size:35px}.stats-grid{grid-template-columns:repeat(4,1fr);row-gap:40px}.cta-card{grid-column:1/-1;grid-row:1}.cta-card h2{font-size:38px;max-width:500px;margin-inline:auto}.faq-grid{gap:60px}}
@media(max-width:1000px){.hero{min-height:0;height:auto;padding-bottom:730px}.hero-stage{top:auto;bottom:-20px;width:1250px;left:50%;transform:translateX(-70%);max-width:none;mask-image:linear-gradient(transparent 0%,black 18%);z-index:1}.hero-grid{padding-top:145px;text-align:center;z-index:3}.hero-copy{width:100%;max-width:720px;margin:auto}.hero h1{font-size:67px;line-height:1.03;letter-spacing:-2.8px;margin:23px 0}.hero-lead{font-size:18px;max-width:630px;margin:auto}.hero-actions{margin-top:28px}.hero-action-row{justify-content:center;gap:27px}.hero .btn-large{font-size:17px;padding-inline:27px;min-height:62px}.watch-link{font-size:13px;text-align:left}.watch-link>span:last-child{max-width:120px}.watch-link br{display:block}.play-circle{width:52px;height:52px}.platforms{justify-content:center;margin-top:30px;gap:26px}.platform-item{text-align:left}.platform-item:last-child{display:flex}.platform-item b{font-size:12px}.platform-item small{font-size:9px}.art-handwriting{display:none}.art-max{left:83%}.art-growth{left:87%}.hero:after{height:120px}.scroll-hint{bottom:25px}.how{padding-top:60px}.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.step{padding:24px}.step-art{height:200px}.step-chip{font-size:10px}.step h3{font-size:21px}.step p{font-size:14px}.showcase-grid{grid-template-columns:1fr;gap:65px}.dashboard-wrap{width:min(760px,100%);margin:auto}.dashboard-card{grid-template-columns:145px 1fr;min-height:430px}.dash-side{padding:25px 14px}.dash-brand{font-size:16px}.dash-side nav a{font-size:10px;padding:12px 9px;gap:10px}.dash-main{padding:29px 22px}.dash-title-row h3{font-size:23px}.dash-title-row button{font-size:10px}.dash-stats b{font-size:23px}.dash-stats>div>span:last-child{font-size:9px}.exchange-row b{font-size:11px}.exchange-row small{font-size:9px}.exchange-row{padding:12px}.tag{font-size:9px}.benefits{max-width:760px;display:grid;grid-template-columns:1fr 1fr;gap:20px 35px;margin:auto}.benefits>.section-kicker,.benefits>h2,.benefits>.benefits-lead{grid-column:1/-1;margin-block:0}.benefits h2{font-size:42px}.benefits article{margin:0}.benefits-lead{margin-bottom:12px!important;max-width:650px}.three-cards{gap:16px}.three-cards article{padding:16px 19px 24px}.three-cards img{height:125px;margin-bottom:20px}.three-cards h3{font-size:19px}.three-cards p{font-size:12px;min-height:147px}.faq-grid{gap:30px}.faq h2{font-size:32px}.footer-inner{grid-template-columns:auto 1fr}.footer p{grid-column:1/-1;grid-row:2;max-width:none;margin:0}.footer-links{justify-content:flex-end}}
@media(max-width:700px){html{scroll-padding-top:24px}.container{width:calc(100% - 40px)}.header-inner{height:76px;gap:15px}.brand-mark{width:42px;height:42px}.brand{gap:9px}.brand-copy strong{font-size:25px}.brand-copy small{font-size:9px;margin-top:4px}.header-actions{gap:8px}.header-actions .btn-small,.language{display:none}.header-actions .btn-ghost{padding-inline:15px;min-height:39px;font-size:11px}.menu-toggle{width:39px;height:39px;padding:8px;margin:0}.main-nav{top:85px;right:20px;left:20px;width:auto}.hero{padding-bottom:520px}.hero-grid{padding-top:122px;text-align:left}.hero-copy{max-width:520px}.eyebrow{font-size:9px;gap:9px;padding:9px 11px;letter-spacing:.035em}.dot{width:8px;height:8px}.hero h1{font-size:clamp(35px,7.5vw,52px);letter-spacing:-1.8px;line-height:1.04;margin:23px 0 20px}.hero-lead{font-size:15px;line-height:1.65;max-width:none;letter-spacing:-.1px}.hero-action-row{gap:20px;justify-content:flex-start;flex-wrap:wrap}.hero .btn-large{font-size:15px;min-height:58px;flex:1;max-width:370px;padding-inline:20px}.watch-link{font-size:12px;gap:10px}.watch-link>span:last-child{max-width:none}.watch-link br{display:none}.play-circle{width:40px;height:40px}.play-circle svg{width:20px;height:20px}.hero-actions p{font-size:10px;margin-top:13px}.platforms{gap:17px;justify-content:flex-start;flex-wrap:wrap;margin-top:26px}.platform-icon{width:32px;height:32px;border-radius:10px}.platform-icon.tg{width:36px;height:36px}.platform-icon svg{width:22px;height:22px}.platform-item{gap:7px}.platform-item b{font-size:10px}.platform-item small{font-size:8px}.platform-item>span:last-child{gap:4px}.platform-item:last-child{display:none}.platform-icon.vk{font-size:17px}.hero-stage{width:900px;bottom:-15px;left:50%;transform:translateX(-70%);mask-image:linear-gradient(transparent,black 20%)}.art-growth{left:86.8%}.art-growth span{font-size:1.1cqw}.art-subs{font-size:1.15cqw}.art-exchange span{font-size:1.2cqw}.art-max{left:82%;top:25%;width:10%}.art-max small{font-size:1cqw}.scroll-hint{font-size:8px;bottom:22px}.hero:after{height:90px}.section{padding:70px 0}.how{padding-top:45px}.section-head{margin-bottom:35px}.section-head h2{font-size:32px;letter-spacing:-1.2px}.section-head p{font-size:14px}.section-kicker{font-size:9px;letter-spacing:.15em}.steps{gap:14px}.step{border-radius:20px;padding:16px}.step-art{height:160px}.step-top{gap:7px}.step-chip{font-size:7px;line-height:1.4;letter-spacing:0}.step-num{width:26px;height:26px;flex-shrink:0;border-radius:8px;font-size:10px}.step h3{font-size:17px}.step p{font-size:12px;line-height:1.65}.dashboard-card{grid-template-columns:100px 1fr;transform:none;min-height:420px;border-radius:17px}.dash-side{padding:25px 8px}.dash-brand{font-size:12px}.dash-side nav a{font-size:8px;padding:11px 5px;gap:6px}.dash-main{padding:24px 12px}.dash-title-row h3{font-size:17px}.dash-title-row button{font-size:8px;padding:8px}.dash-stats{grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.dash-stats>div{min-height:67px;padding:9px}.dash-stats b{font-size:20px}.dash-stats>div>span:last-child{font-size:8px}.exchanges-head b{font-size:9px}.exchanges-head a{font-size:7px}.exchange-row{grid-template-columns:25px 1fr;padding:9px;gap:7px}.mini-avatar{width:25px;height:25px}.exchange-row b{font-size:9px}.exchange-row small{font-size:7px}.exchange-row .tag{display:none}.dashboard-float{font-size:9px;padding:10px 13px}.float-bottom{left:35px}.benefits{gap:23px;grid-template-columns:1fr}.benefits article{grid-template-columns:42px 1fr}.benefits h2{font-size:34px;letter-spacing:-1.2px}.benefits-lead{font-size:14px}.benefits h3{font-size:15px}.benefits article p{font-size:12px}.showcase-grid{gap:38px}.stats-band{padding:60px 0}.stats-grid{grid-template-columns:1fr 1fr;row-gap:28px}.cta-card h2{font-size:33px}.cta-card p{font-size:13px}.cta-card .btn{font-size:14px;padding-inline:20px}.stat b{font-size:20px}.stat span{font-size:10px;margin-top:7px}.three-cards{grid-template-columns:1fr;gap:20px}.three-cards article{padding:22px 24px 26px}.three-cards img{height:auto;max-height:220px;object-fit:cover;margin-bottom:23px}.three-cards h3{font-size:24px}.three-cards p{min-height:0;font-size:14px}.three-cards a{font-size:13px}.about-section{padding-top:15px}.about-inner h2{font-size:32px;letter-spacing:-1.1px}.about-inner p{font-size:14px}.faq-grid{grid-template-columns:1fr;gap:33px}.faq h2{font-size:34px;letter-spacing:-1.2px}.faq-intro>p{font-size:13px}.faq-mini-card{margin-top:23px}.faq details{padding-inline:18px}.faq summary{font-size:13px;padding:20px 0}.faq details p{font-size:12px}.footer-inner{grid-template-columns:1fr;justify-items:center;gap:24px}.footer p{grid-row:3;max-width:320px}.footer-links{justify-content:center;font-size:10px}.footer .brand-copy small{font-size:10px}.site-dialog{padding:32px 23px}.site-dialog h2{font-size:27px}}
@media(max-width:430px){.container{width:calc(100% - 36px)}.brand-copy small{font-size:8px}.brand-copy strong{font-size:23px}.brand-mark{width:38px;height:38px}.header-actions .btn-ghost{padding:0 13px}.header-inner{gap:8px}.hero h1{font-size:8.35vw;letter-spacing:-1.4px}.hero-action-row{gap:17px}.hero .btn-large{flex-basis:100%;max-width:none}.watch-link{font-size:12px}.watch-link br{display:none}.hero-actions p{font-size:10px}.platforms{gap:12px 16px}.platform-item small{display:none}.platform-item b{font-size:10px}.platform-item{gap:6px}.platform-icon{width:30px;height:30px}.platform-icon.tg{width:33px;height:33px}.hero{padding-bottom:430px}.hero-stage{width:760px;transform:translateX(-70%);bottom:0}.art-growth{left:86%}.art-growth span{font-size:1.2cqw}.art-subs{font-size:1.2cqw}.art-max small{font-size:1.1cqw}.art-exchange span{font-size:1.3cqw}.art-max b{font-size:2.5cqw}.steps{grid-template-columns:1fr}.step{display:grid;grid-template-columns:105px 1fr;gap:8px 17px;padding:19px}.step-art{grid-column:1;grid-row:1/4;height:140px;margin:0;align-self:center}.step-top{grid-column:2}.step h3{grid-column:2;margin:2px 0 0;font-size:17px}.step p{grid-column:2;font-size:11px}.step-chip{font-size:7px}.step-num{width:24px;height:24px}.dashboard-card{grid-template-columns:1fr}.dash-side{display:none}.dash-main{padding:24px 18px}.dash-title-row h3{font-size:20px}.dash-title-row button{font-size:9px}.exchange-row{grid-template-columns:28px 1fr auto}.exchange-row .tag{display:block;font-size:7px}.exchange-row b{font-size:10px}.exchange-row small{font-size:8px}.float-bottom{left:15px}.float-top{right:15px}.section-head h2{font-size:30px}.faq h2{font-size:31px}}
@media(max-width:350px){.container{width:calc(100% - 28px)}.header-actions .btn-ghost{display:none}.hero h1{font-size:8.2vw;letter-spacing:-1px}.eyebrow{font-size:8px;padding-inline:9px}.hero-lead{font-size:14px}.platforms{gap:12px}.platform-item{gap:5px}.platform-icon{width:27px;height:27px}.platform-icon.tg{width:30px;height:30px}.platform-item b{font-size:9px}.step{grid-template-columns:87px 1fr;gap:8px 12px;padding:16px}.step-art{height:110px}.step h3{font-size:16px}.cta-card .btn{font-size:12px}.art-growth{display:none}}
/* Switch to the stacked composition before copy can collide with the phones. */
@media(min-width:1001px) and (max-width:1190px){
  .hero{min-height:0;height:auto;padding-bottom:730px}
  .hero-stage{top:auto;bottom:-20px;width:1250px;left:50%;transform:translateX(-70%);max-width:none;mask-image:linear-gradient(transparent 0%,black 18%);z-index:1}
  .hero-grid{padding-top:145px;text-align:center;z-index:3}
  .hero-copy{width:100%;max-width:720px;margin:auto}
  .hero h1{font-size:67px;line-height:1.03;letter-spacing:-2.8px;margin:23px 0}
  .hero-lead{font-size:18px;max-width:630px;margin:auto}
  .hero-actions{margin-top:28px}.hero-action-row{justify-content:center;gap:27px}
  .hero .btn-large{font-size:17px;padding-inline:27px;min-height:62px}
  .watch-link{font-size:13px;text-align:left}.watch-link>span:last-child{max-width:120px}.watch-link br{display:block}
  .play-circle{width:52px;height:52px}
  .platforms{justify-content:center;margin-top:30px;gap:26px}.platform-item{text-align:left}.platform-item:last-child{display:flex}
  .platform-item b{font-size:12px}.platform-item small{font-size:9px}
  .art-handwriting{display:none}.art-max{left:83%}.art-growth{left:87%}
}
@media(min-width:1728px){.hero h1{font-size:66px}}
@media(max-width:700px){.hero{padding-bottom:550px}}
@media(max-width:430px){.hero{padding-bottom:460px}.art-growth{width:11%;left:84%}.art-growth span{font-size:1.02cqw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* v12: feather the illustration itself, not the live text or floating cards.
   Two alpha masks intersect so every edge and corner reaches transparency. */
.hero { background: var(--bg); }
.hero-stage { -webkit-mask-image: none; mask-image: none; }
.hero-stage picture {
  --scene-mask-x: linear-gradient(to right,
    transparent 0%, rgba(0,0,0,.08) 2%, rgba(0,0,0,.45) 4%,
    rgba(0,0,0,.85) 6.5%, #000 9%, #000 91%,
    rgba(0,0,0,.85) 93.5%, rgba(0,0,0,.45) 96%,
    rgba(0,0,0,.08) 98%, transparent 100%);
  --scene-mask-y: linear-gradient(to bottom,
    transparent 0%, rgba(0,0,0,.08) 2%, rgba(0,0,0,.5) 4.5%,
    rgba(0,0,0,.9) 7%, #000 10%, #000 80%,
    rgba(0,0,0,.92) 85%, rgba(0,0,0,.5) 91%,
    rgba(0,0,0,.08) 97%, transparent 100%);
  -webkit-mask-image: var(--scene-mask-x), var(--scene-mask-y);
  mask-image: var(--scene-mask-x), var(--scene-mask-y);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}
@media (max-width:1190px) {
  .hero-stage picture {
    --scene-mask-y: linear-gradient(to bottom,
      transparent 0%, rgba(0,0,0,.1) 5%, rgba(0,0,0,.5) 11%,
      rgba(0,0,0,.9) 16%, #000 20%, #000 82%,
      rgba(0,0,0,.9) 87%, rgba(0,0,0,.45) 93%, transparent 100%);
  }
}

/* Give the headline its own safe area, separate from decorative labels. */
@media(min-width:1001px){.art-telegram{left:57%;top:23%}.art-subs{left:58%;top:33%}}
.hero .hero-release{font-size:13px;line-height:1.6;color:#e4d4a5;margin:16px 0 0;max-width:530px}
.hero .hero-release strong{color:#f6e3a9}.hero-actions{margin-top:24px}
@media(max-width:1000px){.hero .hero-release{margin-inline:auto}}
@media(max-width:430px){.platform-item.dim small{display:block;font-size:10px;color:#c5d3eb}.platform-item.dim>span:last-child{gap:4px}}