/* NelioPay landing. Dark only, like the checkout it introduces.
   Radius scale: outer surfaces 20px, controls and nested boxes 12px, small chips 8px, tags full. */
:root{
  color-scheme:dark;
  --bg:var(--np-bg);--surface:var(--np-surface);--surface-2:var(--np-surface-2);--surface-3:var(--np-surface-3);
  --line:var(--np-line);--line-strong:var(--np-line-strong);
  --ink:var(--np-ink);--ink-2:var(--np-ink-2);--muted:var(--np-muted);
  --accent:var(--np-accent);--accent-ink:var(--np-accent-ink);--accent-soft:var(--np-accent-soft);--accent-line:var(--np-accent-line);
  --fill:var(--np-accent-fill);--fill-hover:var(--np-accent-fill-hover);
  --glow:rgb(91 77 240 / .16);
  --ease:var(--np-ease);--ease-out:var(--np-ease-out);
  --shell:1240px;
}

/* The page carries both languages; the server picks one through <html lang>. */
html[lang=ru] [data-l=en],html[lang=en] [data-l=ru]{display:none!important}
.when-in,.signed-in .when-out{display:none}
.signed-in .when-in{display:inline}

*,*::before,*::after{box-sizing:border-box}
html{
  background:var(--bg);color:var(--ink);font-family:var(--np-font);font-size:16px;line-height:1.5;
  -webkit-text-size-adjust:100%;text-size-adjust:100%;font-synthesis:none;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  scroll-behavior:smooth;scroll-padding-top:84px;scrollbar-color:var(--line-strong) var(--bg);
}
body{margin:0;min-height:100vh;min-height:100dvh;overflow-x:clip}
::selection{background:var(--np-selection);color:var(--ink)}
img,svg{display:block}
h1,h2,h3,p,ul,ol,pre{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;margin:0;cursor:pointer}
code,pre{font-family:var(--np-mono)}
[hidden]{display:none!important}
.is-booting *,.is-booting *::before,.is-booting *::after{transition:none!important}
:focus{outline:none}
:focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--np-focus);border-radius:8px}

.icon{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}
.icon-12{width:12px;height:12px;stroke-width:2.6}
.icon-20{width:20px;height:20px;stroke-width:1.8}
.icon-dot{fill:currentColor;stroke:none}

.shell{width:100%;max-width:var(--shell);margin:0 auto;padding:0 32px}
.skip-link{position:absolute;top:8px;left:8px;z-index:var(--np-z-toast);padding:10px 14px;border-radius:12px;background:var(--surface-2);transform:translateY(-200%)}
.skip-link:focus-visible{transform:none}

/* Navigation */
.nav{position:sticky;top:0;z-index:var(--np-z-sticky);border-bottom:1px solid rgb(255 255 255 / .06);background:rgb(12 14 19 / .8);-webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px)}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.nav{background:var(--bg)}}
.nav-inner{display:flex;align-items:center;gap:40px;height:64px}
.brand{display:inline-flex;flex:none;align-items:center;gap:10px;font-size:16px;font-weight:600;letter-spacing:-.01em}
.brand img{width:28px;height:28px;border-radius:8px}
.nav-links{display:flex;gap:28px;font-size:14px;color:var(--muted)}
.nav-links a{transition:color var(--np-dur-2) var(--ease)}
.nav-links a:hover{color:var(--ink)}
.nav-actions{display:flex;align-items:center;gap:8px;margin-left:auto}

/* Buttons */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;font-weight:600;line-height:1;white-space:nowrap;transition:background-color var(--np-dur-2) var(--ease),transform var(--np-dur-1) var(--ease)}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--fill);color:#fff}
.btn-primary:hover{background:var(--fill-hover)}
.btn-nav{height:38px;padding:0 14px;font-size:14px}
.btn-large{height:52px;padding:0 22px;font-size:16px}
.btn-arrow{transition:transform var(--np-dur-2) var(--ease)}
.btn:hover .btn-arrow{transform:translateX(3px)}

/* Language menu: the same control as on the payment page. */
.lang{position:relative}
.lang-button{position:relative;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 8px 0 9px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);font-size:13px;font-weight:500;letter-spacing:.02em;transition:background-color var(--np-dur-2) var(--ease),border-color var(--np-dur-2) var(--ease),color var(--np-dur-2) var(--ease)}
.lang-button:hover,.lang-button[aria-expanded=true]{border-color:var(--line);background:var(--surface-2);color:var(--ink)}
.lang-code{min-width:2.5ch;text-align:left}
.lang-chev{transition:transform var(--np-dur-2) var(--ease)}
.lang-button[aria-expanded=true] .lang-chev{transform:rotate(180deg)}
.lang-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:var(--np-z-dropdown);display:grid;gap:2px;min-width:180px;padding:4px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface-2);box-shadow:var(--np-shadow-lg);transform-origin:top right;animation:menu-in var(--np-dur-2) var(--ease-out)}
.lang-item{display:flex;align-items:center;justify-content:space-between;gap:16px;height:38px;padding:0 10px 0 12px;border:0;border-radius:8px;background:transparent;color:var(--ink-2);font-size:14px;font-weight:500;text-align:left}
.lang-item:hover{background:var(--surface-3);color:var(--ink)}
.lang-item:focus-visible{background:var(--surface-3);color:var(--ink);box-shadow:inset 0 0 0 2px var(--accent)}
.lang-item[aria-checked=true]{color:var(--ink)}
.lang-tick{color:var(--accent);visibility:hidden}
.lang-item[aria-checked=true] .lang-tick{visibility:visible}

/* Coin marks share the checkout palette. */
.coin{display:grid;flex:none;place-items:center;width:44px;height:44px;border-radius:50%;background:#4a5262;color:#fff;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .1)}
.coin svg{width:62%;height:62%}
.coin-sm{width:22px;height:22px}
.coin-xs{width:20px;height:20px}
.coin[data-coin=BTC]{background:#f7931a}
.coin[data-coin=ETH]{background:#627eea}
.coin[data-coin=USDT]{background:#26a17b}
.coin[data-coin=USDC]{background:#2775ca}
.coin[data-coin=TON]{background:#0098ea}
.coin[data-coin=SOL]{background:#0b0b10;color:#19fb9b;box-shadow:inset 0 0 0 1px rgb(153 69 255 / .6)}
.coin[data-coin=LTC]{background:#345d9d}
.coin[data-coin=DOGE]{background:#c2a633}
.coin[data-coin=BNB]{background:#f3ba2f}
.coin[data-coin=TRX]{background:#e5303f}
.coin[data-coin=POL]{background:#8247e5}

/* Hero */
.hero{position:relative;padding:72px 0 96px}
.hero::before{content:"";position:absolute;top:-180px;right:-8%;width:62%;height:820px;background:radial-gradient(closest-side,var(--glow),transparent);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);align-items:center;gap:64px}
.hero h1{font-size:clamp(36px,3.6vw,52px);font-weight:600;line-height:1.06;letter-spacing:-.035em;text-wrap:balance}
.hero-lead{max-width:46ch;margin-top:22px;font-size:18px;line-height:1.55;color:var(--ink-2);text-wrap:pretty}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px;margin-top:36px}
.closed-note{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}

/* Live preview of the buyer's payment page */
.hero-visual{position:relative;justify-self:end;width:100%;max-width:460px}
.demo{border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,var(--surface),#101319);box-shadow:inset 0 1px 0 rgb(255 255 255 / .04),var(--np-shadow-lg)}
.demo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px 18px;border-bottom:1px solid var(--line)}
.demo-order{font-size:13px;color:var(--muted)}
.demo-price{margin-top:2px;font-size:28px;font-weight:600;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.demo-price span{font-size:16px;font-weight:500;letter-spacing:0;color:var(--ink-2)}
.demo-tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border:1px solid var(--accent-line);border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-size:12px;font-weight:500}
.demo-body{padding:18px 24px 22px}
.demo-label{margin-bottom:8px;font-size:12px;font-weight:500;color:var(--muted)}
.demo-coins{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:16px}
.demo-networks{display:flex;flex-wrap:wrap;gap:6px;min-height:32px;margin-bottom:18px}
.demo-chip{display:inline-flex;align-items:center;gap:8px;min-width:0;border:1px solid var(--line);background:transparent;color:var(--ink-2);font-weight:600;transition:border-color var(--np-dur-2) var(--ease),background-color var(--np-dur-2) var(--ease),color var(--np-dur-2) var(--ease)}
.demo-coin{height:40px;padding:0 10px;border-radius:12px;font-size:13px}
.demo-net{height:32px;padding:0 11px;border-radius:8px;font-size:12px}
.demo-chip:hover{border-color:#3f4859;color:var(--ink)}
.demo-chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}
.demo-amount{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.demo-amount .demo-label{margin-bottom:4px}
.demo-sum{font-family:var(--np-mono);font-size:28px;font-weight:500;line-height:1.2;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}
.demo-ticker{font-family:var(--np-font);font-size:16px;letter-spacing:0;color:var(--ink-2)}
.demo-status{display:grid;gap:11px;margin-top:18px}
.demo-status li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;font-size:13px;color:var(--muted);transition:color var(--np-dur-2) var(--ease)}
.demo-dot{display:grid;place-items:center;width:18px;height:18px;border:1px solid var(--line-strong);border-radius:50%;transition:border-color var(--np-dur-2) var(--ease),background-color var(--np-dur-2) var(--ease)}
.demo-step-meta{font-family:var(--np-mono);font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.demo-status .is-current,.demo-status .is-done{color:var(--ink)}
.demo-status .is-current .demo-dot{border-color:var(--accent)}
.demo-status .is-current .demo-dot::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);animation:breathe 1.6s var(--ease) infinite}
.demo-status .is-done .demo-dot{border-color:var(--np-success-line);background:var(--np-success-soft)}
.demo-status .is-done .demo-dot::after{content:"";width:7px;height:4px;margin-top:-2px;border-bottom:2px solid var(--np-success);border-left:2px solid var(--np-success);transform:rotate(-45deg)}
.demo-status [data-step=paid].is-done{color:var(--np-success);font-weight:600}
.demo-webhook{position:absolute;right:-28px;bottom:-30px;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;border:1px solid var(--line-strong);border-radius:12px;background:rgb(25 29 38 / .94);box-shadow:var(--np-shadow-lg);font-size:13px;line-height:1.35;opacity:0;transform:translateY(10px) scale(.98);transition:opacity .4s var(--ease),transform .5s var(--ease-out);pointer-events:none}
.demo-webhook.is-shown{opacity:1;transform:none}
.demo-webhook-icon{display:grid;flex:none;place-items:center;width:30px;height:30px;border:1px solid var(--np-success-line);border-radius:50%;background:var(--np-success-soft);color:var(--np-success)}
.demo-webhook strong{display:block;font-weight:500;color:var(--ink)}
.demo-webhook code{font-size:12px;color:var(--muted)}

/* Sections */
h2{max-width:24ch;font-size:clamp(28px,3.1vw,40px);font-weight:600;line-height:1.12;letter-spacing:-.03em;text-wrap:balance}
.section-lead{max-width:58ch;margin-top:14px;font-size:17px;line-height:1.55;color:var(--ink-2);text-wrap:pretty}

.coins{padding:88px 0;border-top:1px solid var(--line)}
.coin-wall{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:24px 16px;margin-top:44px}
.coin-wall li{display:grid;justify-items:start;gap:4px}
.coin-wall .coin{margin-bottom:10px}
.coin-ticker{font-size:15px;font-weight:600;letter-spacing:-.01em}
.coin-name{font-size:13px;color:var(--muted)}
.stable-nets{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:44px;padding-top:28px;border-top:1px solid var(--line)}
.stable-nets p{font-size:14px;font-weight:500;color:var(--ink-2)}
.stable-nets ul{display:flex;flex-wrap:wrap;gap:8px}
.stable-nets li{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px 0 8px;border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:500}
.net-std{color:var(--muted);font-weight:400}
.net-only{display:inline-flex;align-items:center;height:20px;margin-left:2px;padding:0 7px;border-radius:999px;background:var(--surface-3);font-size:11px;font-weight:500;color:var(--ink-2)}

.features{padding:96px 0 104px;border-top:1px solid var(--line)}
.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:44px}
.cell{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:32px;min-width:0;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden}
.cell h3{font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.015em}
.cell p{max-width:46ch;margin-top:8px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.cell-custody{grid-column:span 4;background:radial-gradient(90% 120% at 100% 0%,var(--glow),transparent 60%),var(--surface)}
.cell-exact{grid-column:span 2}
.cell-live{grid-column:span 3}
.cell-api{grid-column:span 3}
.cell-telegram{grid-column:span 6;flex-direction:row;align-items:center;background:linear-gradient(100deg,var(--surface) 45%,rgb(91 77 240 / .1)),var(--surface)}
.cell-telegram .cell-copy{flex:1}

.flow-line{display:flex;align-items:flex-start}
.flow-node{display:grid;flex:none;justify-items:center;gap:4px;width:128px;font-size:14px;font-weight:500;line-height:1.35;text-align:center;color:var(--ink-2)}
.flow-node code{font-size:12px;font-weight:400;color:var(--muted)}
.flow-icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:8px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface-2);color:var(--ink)}
.flow-node.is-owner .flow-icon{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-ink)}
.flow-node.is-owner{color:var(--ink)}
.flow-track{position:relative;flex:1;height:2px;margin-top:27px;border-radius:2px;background:var(--line-strong);overflow:hidden}
.flow-pulse{position:absolute;inset:0 auto 0 0;width:32%;background:linear-gradient(90deg,transparent,var(--accent),transparent);transform:translateX(-100%)}

.exact-list{display:grid;gap:8px}
.exact-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);font-size:13px;color:var(--muted)}
.exact-list code{font-size:15px;color:var(--ink);font-variant-numeric:tabular-nums}
.exact-list mark{padding:0 2px;border-radius:4px;background:var(--accent-soft);color:var(--accent-ink)}

.confirm-ticks{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:4px}
.confirm-ticks i{height:30px;border:1px solid var(--line-strong);border-radius:3px;transform-origin:bottom;transition:transform .5s var(--ease-out),opacity .5s var(--ease);transition-delay:calc(var(--i,0) * 35ms)}
.confirm-ticks i:nth-child(-n+14){border-color:transparent;background:var(--accent)}
.confirm-meter p{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:13px;color:var(--muted)}
.confirm-meter strong{font-family:var(--np-mono);font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}
.hook-row{display:flex;align-items:center;gap:10px;margin-top:18px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);font-size:13px;color:var(--ink)}
.hook-row code{margin-left:auto;font-size:12px;color:var(--muted)}
.hook-icon{display:grid;flex:none;place-items:center;width:24px;height:24px;border:1px solid var(--np-success-line);border-radius:50%;background:var(--np-success-soft);color:var(--np-success)}
.hook-icon .icon{width:12px;height:12px;stroke-width:2.6}

.code{padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#0a0c10;font-size:13px;line-height:1.7;color:var(--muted);white-space:pre;overflow-x:auto;tab-size:2}
.code code{font-family:inherit}
.c-method{font-weight:600;color:var(--ink)}
.c-key{color:var(--ink-2)}
.c-str{color:var(--accent-ink)}
.c-ok{font-weight:600;color:var(--np-success)}

.tg-message{display:grid;flex:none;gap:6px;width:min(100%,340px)}
.tg-bubble{padding:14px 16px;border:1px solid var(--line-strong);border-radius:12px 12px 12px 4px;background:var(--surface-2);font-size:14px;line-height:1.5;color:var(--ink-2)}
.tg-bubble strong{font-weight:600;color:var(--ink)}
.tg-bubble code{font-weight:600;color:var(--ink);letter-spacing:.06em}
.tg-from{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--accent-ink)}
.tg-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.tg-buttons>span{display:grid;place-items:center;height:38px;border-radius:8px;background:rgb(255 255 255 / .06);font-size:13px;font-weight:500;color:var(--ink)}

.flow{padding:96px 0;border-top:1px solid var(--line)}
.flow-steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:48px}
.flow-steps::before{content:"";position:absolute;top:22px;left:22px;right:calc((100% - 80px) / 3 - 22px);height:1px;background:linear-gradient(90deg,var(--accent-line),var(--line-strong))}
.flow-steps li{position:relative}
.flow-step-icon{position:relative;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface-2);color:var(--accent-ink)}
.flow-steps h3{margin-top:22px;font-size:18px;font-weight:600;letter-spacing:-.01em}
.flow-steps p{max-width:34ch;margin-top:8px;font-size:15px;line-height:1.55;color:var(--ink-2)}

.cta{padding:8px 0 112px}
.cta-inner{display:grid;justify-items:center;gap:16px;padding:72px 32px;border:1px solid var(--line);border-radius:20px;text-align:center;background:radial-gradient(60% 130% at 50% 0%,rgb(91 77 240 / .2),transparent 70%),var(--surface)}
.cta h2{max-width:none}
.cta p{max-width:46ch;font-size:17px;line-height:1.55;color:var(--ink-2)}
.cta .btn{margin-top:12px}

.footer{padding:28px 0 36px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.footer-inner{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.brand-sm{gap:8px;font-size:14px;color:var(--ink)}
.brand-sm img{width:22px;height:22px;border-radius:6px}
.footer-copy{margin-left:auto}

/* Motion. Everything below is skipped for reduced motion. */
@media (prefers-reduced-motion:no-preference){
  .hero-copy>*{animation:rise .8s var(--ease-out) both}
  .hero-copy>:nth-child(2){animation-delay:.07s}
  .hero-copy>:nth-child(3){animation-delay:.14s}
  .hero-visual{animation:rise .9s .18s var(--ease-out) both}
  .reveal{transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
  .reveal.reveal-pending{opacity:0;transform:translateY(18px)}
  .cell-custody.is-visible .flow-pulse{animation:flow 2.6s var(--ease) infinite}
  .cell-custody.is-visible .flow-track+.flow-node+.flow-track .flow-pulse{animation-delay:1.3s}
  .cell-live.reveal-pending .confirm-ticks i:nth-child(-n+14){opacity:.2;transform:scaleY(.2)}
}
@keyframes rise{from{opacity:0;transform:translateY(14px)}}
@keyframes flow{to{transform:translateX(320%)}}
@keyframes breathe{50%{opacity:.35}}
@keyframes menu-in{from{opacity:0;transform:translateY(-4px) scale(.98)}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Tablet */
@media (max-width:1023px){
  .nav-inner{gap:28px}
  .hero{padding:56px 0 88px}
  .hero-grid{grid-template-columns:minmax(0,1fr);gap:56px}
  .hero-copy{max-width:640px}
  .hero-visual{justify-self:start;max-width:520px}
  .coin-wall{grid-template-columns:repeat(5,minmax(0,1fr))}
  .bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cell-custody,.cell-api,.cell-telegram{grid-column:span 2}
  .cell-exact,.cell-live{grid-column:span 1}
}

/* Phone */
@media (max-width:767px){
  .shell{padding:0 20px}
  .nav-links{display:none}
  .nav-inner{gap:12px;height:60px}
  .btn-nav{height:36px;padding:0 12px;font-size:13px}
  .lang-button{padding:0 6px}
  .lang-item{height:44px}
  .hero{padding:40px 0 72px}
  .hero::before{top:220px;right:-30%;width:120%;height:640px}
  .hero h1{font-size:clamp(34px,9.4vw,42px)}
  .hero-lead{margin-top:16px;font-size:16px}
  .hero-actions{margin-top:28px;gap:14px}
  .hero-actions .btn-large{width:100%}
  .hero-visual{max-width:none}
  .demo-head{padding:18px 18px 16px}
  .demo-body{padding:16px 18px 18px}
  .demo-coin{gap:6px;padding:0 8px}
  .demo-networks{min-height:70px;align-content:flex-start}
  .demo-webhook{position:relative;right:auto;bottom:auto;margin-top:12px}
  .coins,.features,.flow{padding:64px 0}
  .coin-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px;margin-top:32px}
  .stable-nets{margin-top:36px}
  .bento{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:32px}
  .cell-custody,.cell-api,.cell-telegram,.cell-exact,.cell-live{grid-column:auto}
  .cell{gap:24px;padding:22px}
  .cell-telegram{flex-direction:column;align-items:stretch}
  .tg-message{width:100%}
  .flow-node{width:84px;font-size:12px}
  .flow-node code{font-size:11px}
  .flow-icon{width:44px;height:44px;margin-bottom:6px}
  .flow-track{margin-top:21px}
  .code{font-size:12px}
  .flow-steps{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:32px}
  .flow-steps::before{top:22px;bottom:22px;left:22px;right:auto;width:1px;height:auto;background:linear-gradient(180deg,var(--accent-line),var(--line-strong))}
  .flow-steps li{padding-left:64px}
  .flow-step-icon{position:absolute;top:0;left:0}
  .flow-steps h3{margin-top:10px}
  .cta{padding:0 0 72px}
  .cta-inner{padding:48px 22px}
  .cta .btn{width:100%}
  .footer-copy{margin-left:0}
}