:root{
  --ink:#fff;
  --mute:#b8b8b8;
  --paper:#000;
  --panel:#1b1b1b;
  --line:#2a1a00;
  --orange:#ff9000;
  --orange-d:#e57f00;
  --ok:#9ae6b4;
  --err:#ff5a5a;
  --r:4px;
  --wrap:1120px;
  --head:64px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0}
body{
  font-family:Arial,Helvetica,sans-serif;
  color:var(--ink);
  background:var(--paper);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  padding-top:var(--head);
}
img{max-width:100%;display:block}
button,input,select{font:inherit}
a{color:var(--orange);text-decoration:none}
a:hover{text-decoration:underline}
.ch-skip{position:absolute;left:-999px;top:0}
.ch-skip:focus{left:12px;z-index:80;background:#111;padding:8px 12px}
.ch-wrap{width:min(var(--wrap),calc(100% - 40px));margin:0 auto}
.ch-prog{position:fixed;top:0;left:0;right:0;height:3px;z-index:1100;pointer-events:none}
.ch-prog i{display:block;height:100%;width:0;background:var(--orange)}

.ch-head{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:#000;border-bottom:1px solid #1f1f1f;
}
.ch-head-in{display:flex;align-items:center;gap:24px;min-height:var(--head)}
.ch-logo{
  display:flex;align-items:center;gap:0;text-decoration:none;white-space:nowrap;
  font-weight:900;font-size:22px;letter-spacing:-.03em;color:#fff;
}
.ch-logo:hover{text-decoration:none}
.ch-logo-a{padding:2px 2px 2px 0}
.ch-logo-b{
  background:var(--orange);color:#000;border-radius:4px;padding:2px 8px 3px;margin-left:1px;
}
.ch-nav{display:flex;gap:22px;margin-left:auto;align-items:center}
.ch-nav a{color:var(--mute);font-size:14px;font-weight:700;text-decoration:none}
.ch-nav a:hover{color:#fff}
.ch-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:0 22px;border:0;border-radius:var(--r);cursor:pointer;
  font-weight:800;background:var(--orange);color:#000;text-decoration:none;
}
.ch-btn:hover{background:var(--orange-d);text-decoration:none}
.ch-btn--sm{min-height:38px;padding:0 14px;font-size:14px}
.ch-btn.cta,.ch-btn--go{background:var(--orange);color:#000}
.ch-burger{
  display:none;width:40px;height:40px;border:0;background:transparent;padding:10px;cursor:pointer;
}
.ch-burger span{display:block;height:2px;background:#fff;margin:5px 0}
.ch-back{margin-left:auto;color:var(--mute);font-size:14px}

.ch-hero{
  padding:48px 0 64px;
  background-image:radial-gradient(rgba(255,144,0,.14) 1px, transparent 1px);
  background-size:24px 24px;
}
.ch-hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.ch-kicker{margin:0 0 10px;color:var(--orange);font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.ch-hero h1{
  margin:0 0 14px;font-size:clamp(32px,4.6vw,52px);line-height:1.05;font-weight:900;letter-spacing:-.03em;
}
.ch-nums{
  display:grid;grid-template-columns:repeat(3,max-content);
  grid-template-rows:auto auto;
  column-gap:32px;row-gap:4px;
  list-style:none;margin:0 0 18px;padding:0;width:max-content;max-width:100%;
}
.ch-nums li{display:contents}
.ch-nums b{
  grid-row:1;white-space:nowrap;
  font-size:13px;font-weight:800;color:#fff;line-height:1.3;
}
.ch-nums span{
  grid-row:2;white-space:nowrap;
  font-size:12px;color:var(--mute);line-height:1.35;
}
.ch-lead{margin:0 0 22px;max-width:44ch;color:var(--mute);font-size:16px}
.ch-hero-act{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%}
.ch-row{display:flex;flex-wrap:wrap;gap:12px}

.ch-stage{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;perspective:980px}
.ch-world{
  position:relative;width:min(520px,100%);min-height:572px;
  display:flex;flex-direction:column;align-items:center;
  transform-style:preserve-3d;
  --tx: -10deg; --ty: 8deg;
}
.ch-world .ch-phone{
  transform:rotateY(var(--tx)) rotateX(var(--ty));
  transform-style:preserve-3d;
  transition:transform .18s ease;
  box-shadow:
    0 0 0 1px #0c0c0c,
    14px 22px 0 -6px #070707,
    0 36px 80px rgba(0,0,0,.6),
    inset 0 0 0 1px rgba(255,144,0,.12);
}
.ch-mesh{
  position:absolute;z-index:1;pointer-events:none;
  transform-style:preserve-3d;
}
.ch-mesh--card{left:0;top:78px;animation:ch-orbit 7s ease-in-out infinite}
.ch-mesh--sim{right:10px;top:168px;z-index:4;animation:ch-orbit 8s ease-in-out infinite reverse}
.ch-mesh--miss{left:8px;bottom:52px;animation:ch-orbit 6.4s ease-in-out infinite}
.ch-slab{
  width:112px;height:148px;position:relative;transform-style:preserve-3d;
  transform:rotateY(-28deg) rotateX(12deg);
}
.ch-slab-f,.ch-slab-k{
  position:absolute;inset:0;border-radius:12px;backface-visibility:hidden;
}
.ch-slab-f{
  background:linear-gradient(180deg,#242424,#141414);
  border:1px solid #3a2200;padding:12px 10px;text-align:center;
  box-shadow:0 12px 28px rgba(0,0,0,.45);
}
.ch-slab-f i{
  display:flex;width:36px;height:36px;border-radius:50%;margin:0 auto 8px;
  background:#2a1400;color:var(--orange);align-items:center;justify-content:center;
  font-style:normal;font-weight:900;
}
.ch-slab-f b{display:block;font-size:13px}
.ch-slab-f em{display:block;margin-top:4px;font-style:normal;font-size:10px;color:var(--mute)}
.ch-slab-k{
  background:#ff9000;transform:translateZ(-10px) rotateY(180deg);
}
.ch-sim{
  width:72px;height:52px;border-radius:8px;
  background:linear-gradient(145deg,#ffb347,#ff9000 55%,#c56a00);
  transform:rotateY(24deg) rotateX(16deg) rotateZ(-8deg);
  box-shadow:8px 14px 0 -2px #5a3200, 0 16px 24px rgba(0,0,0,.4);
  position:relative;
}
.ch-sim::before{
  content:"";position:absolute;left:8px;top:10px;width:18px;height:22px;border-radius:3px;
  background:repeating-linear-gradient(90deg,#2a1400 0 2px,transparent 2px 4px);
  opacity:.55;
}
.ch-sim::after{
  content:"+7";position:absolute;right:8px;bottom:8px;font-size:9px;font-weight:900;color:#2a1400;
}
.ch-token{
  width:64px;height:64px;border-radius:50%;
  background:radial-gradient(circle at 30% 30%,#3a1a00,#1a0c00);
  border:2px solid var(--orange);color:var(--orange);
  display:flex;align-items:center;justify-content:center;font-weight:900;font-size:22px;
  transform:rotateY(-18deg) rotateX(18deg);
  box-shadow:0 14px 24px rgba(0,0,0,.45);
}
.ch-float{
  position:absolute;inset:0;z-index:4;pointer-events:none;
  list-style:none;margin:0;padding:0;
}
.ch-float li{
  position:absolute;background:#1b1b1b;border:1px solid #3a2200;color:#fff;
  font-size:11px;font-weight:800;padding:6px 10px;border-radius:999px;
  box-shadow:0 8px 18px rgba(0,0,0,.35);
}
.ch-float li:nth-child(1){right:4px;top:28px;animation:ch-bob 3.6s ease-in-out infinite}
.ch-float li:nth-child(2){left:6px;top:44%;animation:ch-bob 4.2s ease-in-out infinite .4s}
.ch-float li:nth-child(3){right:8px;bottom:86px;animation:ch-bob 3.8s ease-in-out infinite .8s}
.ch-ico{
  width:48px;height:48px;margin:0 0 12px;border-radius:10px;
  background:#111;border:1px solid #3a2200;position:relative;
  transform:rotateY(-16deg) rotateX(10deg);transform-style:preserve-3d;
  box-shadow:6px 10px 0 -3px #0a0a0a;
}
.ch-ico--log::before{content:"";position:absolute;left:12px;top:12px;right:12px;height:4px;border-radius:2px;background:var(--orange);box-shadow:0 10px 0 #333,0 20px 0 #333}
.ch-ico--card::before{content:"А";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--orange);font-weight:900}
.ch-ico--msg::before{content:"";position:absolute;left:12px;top:14px;width:24px;height:16px;border-radius:4px;background:#2a1400;border:2px solid var(--orange)}
.ch-pull{background:#111}
.ch-pull-in{display:grid;grid-template-columns:160px 1fr;gap:32px;align-items:center}
.ch-pull-in .ch-slab{margin:0 auto}
.ch-pull-in h2{margin:0 0 8px}
.ch-pull-in p{margin:0 0 16px;color:var(--mute);max-width:40ch}
@keyframes ch-orbit{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(6px,-10px,12px)}
}
@keyframes ch-bob{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-7px)}
}
.js-3d main h1,.js-3d .ch-htxt h2,.js-3d .ch-copy h2,.js-3d .ch-inside h2,.js-3d .ch-pull h2{
  transform-origin:left center;
}
.js-3d main h1.ch-t3d,.js-3d .ch-htxt h2.ch-t3d,.js-3d .ch-copy h2.ch-t3d,.js-3d .ch-inside h2.ch-t3d,.js-3d .ch-pull h2.ch-t3d{
  animation:ch-flip-in .72s cubic-bezier(.2,.8,.2,1) both;
  animation-delay:var(--d,0s);
}
.js-3d main h1.ch-t3d-live,.js-3d .ch-htxt h2.ch-t3d-live,.js-3d .ch-copy h2.ch-t3d-live,.js-3d .ch-inside h2.ch-t3d-live,.js-3d .ch-pull h2.ch-t3d-live{
  animation:ch-tumble 8s ease-in-out infinite;
}
@keyframes ch-flip-in{
  from{opacity:0;transform:perspective(900px) rotateX(58deg) rotateY(-16deg) translateZ(-28px)}
  to{opacity:1;transform:perspective(900px) rotateX(0) rotateY(0) translateZ(0)}
}
@keyframes ch-tumble{
  0%,100%{transform:perspective(900px) rotateX(0) rotateY(0) translateZ(0)}
  32%{transform:perspective(900px) rotateX(6deg) rotateY(8deg) translateZ(8px)}
  64%{transform:perspective(900px) rotateX(-4deg) rotateY(-7deg) translateZ(5px)}
}
.ch-blob{
  position:absolute;left:50%;top:50%;width:340px;height:340px;
  background:radial-gradient(circle,rgba(255,144,0,.28),transparent 68%);
  transform:translate(-50%,-50%);z-index:0;pointer-events:none;
}
.ch-blob--sm{width:240px;height:240px}
.ch-phone{
  position:relative;z-index:3;
  width:280px;height:572px;padding:11px 10px 13px;
  background:#111;border-radius:42px;
  box-shadow:0 0 0 1px #0c0c0c,0 28px 70px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,144,0,.12);
}
.ch-phone::before{
  content:"";position:absolute;left:-3px;top:108px;width:3px;height:26px;background:#111;
  box-shadow:0 36px 0 0 #111,0 70px 0 0 #111;
}
.ch-phone::after{
  content:"";position:absolute;right:-3px;top:148px;width:3px;height:52px;background:#111;
}
.ch-phone--sm{width:230px;height:470px;border-radius:36px;padding:9px 8px 11px}
.ch-frame{
  height:100%;background:#121212;border-radius:32px;overflow:hidden;
  display:flex;flex-direction:column;position:relative;
}
.ch-phone--sm .ch-frame{border-radius:28px}
.ch-notch{
  position:absolute;top:9px;left:50%;transform:translateX(-50%);
  width:78px;height:22px;background:#000;border-radius:12px;z-index:4;
}
.ch-home{
  position:absolute;bottom:6px;left:50%;transform:translateX(-50%);
  width:88px;height:4px;background:#3a3a3a;border-radius:4px;z-index:4;
}
.ch-status{
  display:flex;justify-content:space-between;align-items:center;
  padding:32px 18px 2px;font-size:12px;font-weight:700;position:relative;z-index:3;
}
.ch-status-ic{
  width:54px;height:12px;flex:0 0 54px;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 12'><rect x='0' y='7.2' width='2.6' height='4.8' rx='.5' fill='%23fff'/><rect x='4' y='5.2' width='2.6' height='6.8' rx='.5' fill='%23fff'/><rect x='8' y='3' width='2.6' height='9' rx='.5' fill='%23fff'/><rect x='12' y='1' width='2.6' height='11' rx='.5' fill='%23fff' opacity='.28'/><path d='M24.5 10.6a3.6 3.6 0 0 1 5 0' fill='none' stroke='%23fff' stroke-width='1.3' stroke-linecap='round'/><path d='M22.6 8.4a6.2 6.2 0 0 1 8.8 0' fill='none' stroke='%23fff' stroke-width='1.3' stroke-linecap='round'/><circle cx='27' cy='11.2' r='.9' fill='%23fff'/><rect x='36' y='2' width='15.2' height='8.2' rx='1.6' fill='none' stroke='%23fff' stroke-width='1.2'/><rect x='37.4' y='3.3' width='10.6' height='5.6' rx='.8' fill='%23fff'/><rect x='51.6' y='4.2' width='1.5' height='3.8' rx='.4' fill='%23fff'/></svg>") no-repeat center / contain;
}
.ch-appbar{
  display:flex;align-items:center;justify-content:center;gap:6px;
  padding:2px 14px 8px;font-weight:800;font-size:13px;z-index:3;
}
.ch-appbar b{color:var(--orange)}
.ch-scan{
  display:none;position:absolute;left:0;right:0;height:2px;z-index:3;top:56px;pointer-events:none;
  background:linear-gradient(90deg,transparent,#ff9000,transparent);
}
.ch-app.is-busy .ch-scan{display:block;animation:ch-scan 1.6s linear infinite}
.ch-screens{flex:1;position:relative;overflow:hidden;min-height:0}
.ch-screen{display:none;padding:0 12px 18px;flex:1;min-height:0}
.ch-screen.is-on{display:flex;flex-direction:column}
.ch-screens .ch-screen{
  display:flex;flex-direction:column;position:absolute;inset:0;padding:0 12px 18px;
  opacity:0;transform:translateX(22px);pointer-events:none;
  transition:opacity .36s ease,transform .36s cubic-bezier(.2,.8,.2,1);
}
.ch-screens .ch-screen.is-on{opacity:1;transform:none;pointer-events:auto;z-index:1}
.ch-screens .ch-screen.is-back{opacity:0;transform:translateX(-18px)}

.ch-search{
  display:flex;align-items:center;gap:8px;background:#1c1c1c;border-radius:10px;
  padding:10px 12px;margin:4px 0 10px;color:var(--mute);font-size:12px;font-weight:700;
}
.ch-search i{
  width:14px;height:14px;border:2px solid #ff9000;border-radius:50%;position:relative;flex:0 0 14px;
}
.ch-search i::after{
  content:"";position:absolute;right:-3px;bottom:-2px;width:6px;height:2px;background:#ff9000;transform:rotate(45deg);
}
.ch-go{
  background:var(--orange);color:#000;border:0;border-radius:999px;font-weight:800;
  padding:10px;text-align:center;margin:8px 0 10px;cursor:pointer;width:100%;
  position:relative;z-index:2;pointer-events:auto;
}
.ch-go:hover{background:var(--orange-d)}
.ch-card{
  background:#1c1c1c;border-radius:14px;padding:12px;flex:0 1 auto;overflow:hidden;
}
.ch-card > p{margin:0 0 8px;font-size:12px;font-weight:800}
.ch-ava-lg{
  width:64px;height:64px;border-radius:50%;margin:4px auto 10px;
  background:#2a1400;color:var(--orange);display:flex;align-items:center;justify-content:center;
  font-size:22px;font-weight:900;
}
.ch-card .ch-name{margin:0;text-align:center;font-size:16px;font-weight:900}
.ch-card .ch-sub{margin:4px 0 10px;text-align:center;font-size:11px;color:var(--mute)}
.ch-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.ch-tag{
  background:#111;color:var(--mute);border-radius:999px;padding:5px 10px;font-size:10px;font-weight:700;
  opacity:.35;
}
.ch-tag.is-on{opacity:1;color:#000;background:var(--orange)}
.ch-facts{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:5px}
.ch-facts .ch-tag{
  display:flex;justify-content:space-between;align-items:baseline;gap:8px;
  width:100%;border-radius:8px;padding:7px 10px;opacity:.22;
  background:#111;color:var(--mute);
}
.ch-facts .ch-tag.is-on{opacity:1;background:#2a1400;color:#fff}
.ch-facts .ch-tag b{font-size:10px;font-weight:700;color:var(--mute)}
.ch-facts .ch-tag.is-on b{color:var(--orange)}
.ch-facts .ch-tag span{font-size:11px;font-weight:800;color:#fff;text-align:right}
.ch-phone--sm .ch-facts .ch-tag:nth-child(n+5){display:none}
.ch-hit{display:none}
.ch-miss.is-found .ch-wait{display:none}
.ch-miss.is-found .ch-hit{display:block;animation:ch-in .4s ease both}
.ch-calls{list-style:none;margin:0;padding:0}
.ch-call{display:flex;align-items:center;gap:8px;padding:8px 2px}
.ch-call em{font-style:normal;font-size:10px;color:var(--mute);margin-left:auto}
.ch-call.is-live em{color:var(--err);font-weight:700}
.ch-ava{
  width:32px;height:32px;border-radius:50%;flex:0 0 32px;
  background:#2a1400;color:var(--orange);display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:800;
}
.ch-call div{flex:1;min-width:0}
.ch-call b{display:block;font-size:12px}
.ch-call span{display:block;font-size:10px;color:var(--mute);margin-top:1px}
.ch-miss.is-found .ch-call.is-live em{color:var(--ok)}
.ch-miss.is-found .ch-ava .ch-wait{display:none}
.ch-miss.is-found .ch-ava .ch-hit{display:inline}
.ch-phone--sm .ch-call--dim{display:none}
.ch-tabs{position:relative;z-index:1;display:flex;gap:6px;justify-content:center;margin-top:16px;flex-wrap:wrap}
.ch-tabs button{
  border:1px solid #333;background:#111;color:var(--mute);border-radius:999px;
  padding:8px 12px;font-size:12px;font-weight:800;cursor:pointer;
}
.ch-tabs button.is-on{background:var(--orange);border-color:var(--orange);color:#000}
@keyframes ch-scan{0%{transform:translateY(0);opacity:0}12%{opacity:1}100%{transform:translateY(220px);opacity:0}}
@keyframes ch-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .ch-app.is-busy .ch-scan,.ch-miss.is-found .ch-hit{animation:none}
  .ch-screens .ch-screen{transition:none}
  .ch-miss .ch-hit{display:block}
  .ch-miss .ch-wait{display:none}
  .ch-mesh,.ch-float li,.ch-sim,.ch-token,.ch-world .ch-phone{animation:none;transform:none}
  .js-3d main h1,.js-3d .ch-htxt h2,.js-3d .ch-copy h2,.js-3d .ch-inside h2,.js-3d .ch-pull h2{animation:none;transform:none}
}

.ch-sec{padding:64px 0;scroll-margin-top:calc(var(--head) + 12px)}
.ch-sec--dim{background:#0d0d0d}
h2,.ch-copy h2,.ch-htxt h2,.ch-doc h1{
  margin:0 0 12px;font-size:32px;line-height:1.15;font-weight:900;letter-spacing:-.03em;
}
.ch-sub{margin:0;color:var(--mute)}
.ch-hrow{margin-bottom:16px}
.ch-split-in{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.ch-split.is-flip .ch-split-in{direction:rtl}
.ch-split.is-flip .ch-split-in > *{direction:ltr}
.ch-copy{display:flex;flex-direction:column;justify-content:center;gap:12px}
.ch-copy h2{margin:0}
.ch-copy p{margin:0;color:var(--mute);max-width:46ch}

.ch-inside{background:#111;padding:64px 0}
.ch-inside h2{text-align:center;margin:0 0 32px}
.ch-feat{list-style:none;margin:0;padding:0;border-top:1px solid #2a1a00}
.ch-feat li{border-bottom:1px solid #2a1a00}
.ch-feat a{
  display:flex;gap:28px;width:100%;color:inherit;text-decoration:none;padding:18px 4px;
}
.ch-feat a:hover{text-decoration:none}
.ch-feat h3{margin:0;flex:0 0 200px;font-size:20px;color:var(--orange)}
.ch-feat p{margin:0;flex:1;color:rgba(255,255,255,.72);font-size:15px}

.ch-from{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ch-from li{background:var(--panel);border-radius:8px;padding:22px 20px}
.ch-from h3{margin:0 0 8px;font-size:20px}
.ch-from p{margin:0;color:var(--mute);font-size:15px}

.ch-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ch-step{background:var(--panel);border-radius:8px;padding:16px 18px 20px}
.ch-n{display:block;margin:10px 0 6px;font-size:12px;font-weight:800;color:var(--orange);text-transform:uppercase;letter-spacing:.04em}
.ch-step h3{margin:0}
.ch-step p{margin:6px 0 0;color:var(--mute);font-size:15px}
.ch-limits{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ch-limits li{background:var(--panel);border-radius:8px;padding:16px 18px 18px}
.ch-limits h3{margin:10px 0 6px;font-size:20px}
.ch-limits p{margin:0;color:var(--mute);font-size:15px}

.ch-play{
  position:relative;height:92px;border-radius:8px;overflow:hidden;
  background:#111;display:flex;align-items:center;justify-content:center;
}
.ch-play-hit{opacity:0}
.ch-play .ch-play-wait{animation:ch-fadeout 4.4s ease infinite}
.ch-play .ch-play-hit{animation:ch-fadein 4.4s ease infinite}
.ch-play[data-play="paste"]{flex-direction:column;gap:8px;padding:0 16px}
.ch-play-bar{
  display:flex;align-items:center;gap:8px;width:100%;height:32px;padding:0 10px;
  background:#1c1c1c;border-radius:999px;color:var(--mute);font-size:12px;font-weight:700;
}
.ch-play-bar i{width:8px;height:8px;border-radius:50%;border:2px solid var(--orange);flex:0 0 8px}
.ch-play-bar em{
  font-style:normal;overflow:hidden;white-space:nowrap;max-width:0;
}
.ch-play .ch-play-bar em{animation:ch-type 4.4s steps(16,end) infinite}
.ch-play-go{
  display:block;width:100%;text-align:center;background:var(--orange);color:#000;
  border-radius:999px;font-size:11px;font-weight:800;padding:7px 0;opacity:.4;
}
.ch-play .ch-play-go{animation:ch-pulse 4.4s ease infinite}
.ch-play[data-play="card"] strong{font-size:13px;font-weight:800;line-height:1.2;grid-row:2}
.ch-play[data-play="card"]{
  display:grid;grid-template-rows:36px 18px 22px;justify-items:center;align-content:center;row-gap:4px;padding:10px 12px;
}
.ch-play-ava{grid-row:1}
.ch-play-pills{grid-row:3}
.ch-play-ava{
  width:36px;height:36px;border-radius:50%;background:#2a1400;color:var(--orange);
  display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;
}
.ch-play-ava{position:relative}
.ch-play-ava b{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;
}
.ch-play[data-play="card"] strong{
  font-size:13px;font-weight:800;line-height:1.2;grid-row:2;grid-column:1;
}
.ch-play-pills{display:flex;gap:4px;grid-row:3}
.ch-play-pills i{
  font-style:normal;font-size:9px;font-weight:800;background:#1c1c1c;color:var(--mute);
  border-radius:999px;padding:3px 7px;opacity:.3;
}
.ch-play .ch-play-pills i{animation:ch-on 4.4s ease infinite}
.ch-play .ch-play-pills i:nth-child(2){animation-delay:.18s}
.ch-play .ch-play-pills i:nth-child(3){animation-delay:.32s}
.ch-play[data-play="log"]{padding:0 12px}
.ch-play-row{display:flex;align-items:center;gap:8px;width:100%}
.ch-play-row i{
  width:32px;height:32px;border-radius:50%;flex:0 0 32px;background:#2a1400;color:var(--orange);
  display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:900;font-size:12px;
}
.ch-play-row i{position:relative}
.ch-play-row i b{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;
}
.ch-play-row span{flex:1;min-width:0;position:relative;height:2.35em}
.ch-play-row b{display:block;font-size:12px;font-weight:800;position:absolute;left:0;top:0}
.ch-play-row span em{display:block;font-style:normal;font-size:10px;color:var(--mute);position:absolute;left:0;top:1.2em}
.ch-play-t{margin-left:auto;font-size:10px;color:var(--err);font-weight:700;font-style:normal;position:relative;flex:0 0 auto}
.ch-play .ch-play-t{animation:ch-okt 4.4s ease infinite}

.ch-book{
  position:relative;width:118px;padding:8px 10px;border-radius:8px;
  background:#1c1c1c;border:1px solid #333;
}
.ch-book-row{display:flex;align-items:center;gap:8px;margin:4px 0}
.ch-book-row i{width:14px;height:14px;border-radius:50%;background:#2a1400;flex:0 0 14px}
.ch-book-row b{display:block;height:4px;flex:1;border-radius:2px;background:#333}
.ch-book-row:nth-child(2) b{width:70%}
.ch-book-row:nth-child(3) b{width:55%}
.ch-play[data-play="book"] .ch-book{animation:ch-dim 4.6s ease infinite}
.ch-src{
  font-size:11px;font-weight:800;border-radius:999px;padding:7px 10px;
  background:#1c1c1c;color:var(--mute);opacity:.35;
}
.ch-play[data-play="src"]{gap:8px}
.ch-play[data-play="src"] .ch-src{animation:ch-on 4.6s ease infinite}
.ch-play[data-play="src"] .ch-src:nth-child(2){animation-delay:.18s}
.ch-play[data-play="src"] .ch-src:nth-child(3){animation-delay:.32s}
.ch-dev{
  width:34px;height:62px;border-radius:8px;border:2px solid #444;position:relative;margin:0 10px;
  background:#161616;
}
.ch-dev--ios i{
  position:absolute;left:50%;top:5px;width:10px;height:3px;margin-left:-5px;
  border-radius:2px;background:#555;
}
.ch-dev--and{border-color:var(--orange);box-shadow:0 0 0 0 rgba(255,144,0,.35)}
.ch-dev--and b{
  position:absolute;left:50%;bottom:5px;width:8px;height:8px;margin-left:-4px;
  border-radius:50%;border:2px solid var(--orange);
}
.ch-play[data-play="ios"] .ch-dev--ios{animation:ch-dim 4.6s ease infinite}
.ch-play[data-play="ios"] .ch-dev--and{animation:ch-glow 4.6s ease infinite}
.ch-x{
  position:absolute;left:50%;top:50%;width:34px;height:34px;border-radius:50%;
  border:2px solid var(--err);color:var(--err);font-size:20px;font-weight:900;
  display:flex;align-items:center;justify-content:center;line-height:1;
  background:rgba(0,0,0,.5);opacity:0;pointer-events:none;z-index:2;
  transform:translate(-50%,-50%) scale(.4) rotate(-18deg);
}
.ch-play .ch-x{animation:ch-stamp 4.6s ease infinite}
.ch-limits li:nth-child(2) .ch-x{animation-delay:.15s}
.ch-limits li:nth-child(3) .ch-x{animation-delay:.28s}

@keyframes ch-type{0%,8%{max-width:0}38%,78%{max-width:12em}100%{max-width:0}}
@keyframes ch-pulse{0%,18%{opacity:.35}40%,72%{opacity:1}100%{opacity:.35}}
@keyframes ch-fadeout{0%,22%{opacity:1}40%,78%{opacity:0}92%,100%{opacity:1}}
@keyframes ch-fadein{0%,22%{opacity:0}40%,78%{opacity:1}92%,100%{opacity:0}}
@keyframes ch-on{0%,28%{opacity:.3;color:var(--mute);background:#1c1c1c}42%,78%{opacity:1;color:#000;background:var(--orange)}92%,100%{opacity:.3;color:var(--mute);background:#1c1c1c}}
@keyframes ch-okt{0%,28%{color:var(--err)}42%,78%{color:var(--ok)}92%,100%{color:var(--err)}}
@keyframes ch-dim{0%,30%{opacity:1}42%,78%{opacity:.35}100%{opacity:1}}
@keyframes ch-glow{0%,30%{box-shadow:0 0 0 0 rgba(255,144,0,0)}42%,70%{box-shadow:0 0 16px 2px rgba(255,144,0,.4)}100%{box-shadow:0 0 0 0 rgba(255,144,0,0)}}
@keyframes ch-stamp{0%,30%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-18deg)}42%,78%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-12deg)}90%,100%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-18deg)}}
@media (prefers-reduced-motion:reduce){
  .ch-play *{animation:none !important}
  .ch-play-wait{opacity:0}
  .ch-play-hit{opacity:1}
  .ch-play-bar em{max-width:12em}
  .ch-play-go,.ch-play-pills i,.ch-src{opacity:1}
  .ch-play-pills i,.ch-src{color:#000;background:var(--orange)}
  .ch-x{opacity:1;transform:translate(-50%,-50%) rotate(-12deg)}
  .ch-play[data-play="ios"] .ch-dev--ios{opacity:.35}
  .ch-play-t{color:var(--ok)}
}

.ch-gate-wrap{max-width:560px;margin:0 auto}
.ch-try{display:flex;justify-content:center;margin:0 0 18px}
.ch-try[hidden],#veil[hidden],#veilNote[hidden]{display:none !important}
.ch-try .ch-btn{min-width:220px}
body.ch-armed #tryWrap,body.ch-tried #tryWrap{display:none}
.ch-curtain{
  position:relative;height:68px;border-radius:8px;overflow:hidden;
  background:#1c1c1c;user-select:none;touch-action:none;outline:none;
  --pull:0;--knob:56px;
}
.ch-swipe-done{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;
  font-weight:800;color:#000;background:var(--orange);opacity:0;transform:scale(.86);
}
.ch-swipe-done i{
  display:inline-flex;width:22px;height:22px;border-radius:50%;background:#000;color:var(--orange);
  align-items:center;justify-content:center;font-style:normal;font-size:13px;font-weight:800;
}
.ch-swipe-rail{position:absolute;inset:0}
.ch-swipe-fill{
  position:absolute;left:0;top:0;bottom:0;width:calc(var(--pull) * 1%);
  background:linear-gradient(90deg,#5a3200,#ff9000);
}
.ch-swipe-hint{
  position:absolute;inset:0 64px 0 72px;display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:15px;letter-spacing:.04em;
  background:linear-gradient(90deg,#666 0%,#666 36%,#fff 50%,#666 64%,#8b8b8b 100%);
  background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  animation:ch-shine 2.2s linear infinite;
  pointer-events:none;opacity:calc(1 - var(--pull) / 28);
}
.ch-curtain-grip{
  position:absolute;top:6px;z-index:2;
  left:calc(6px + (100% - var(--knob) - 12px) * var(--pull) / 100);
  width:var(--knob);height:var(--knob);border-radius:50%;
  background:var(--orange);color:#000;font-size:28px;line-height:56px;text-align:center;font-weight:900;
}
.ch-curtain.is-back .ch-swipe-fill,.ch-curtain.is-back .ch-curtain-grip{
  transition:width .32s cubic-bezier(.2,.8,.2,1),left .32s cubic-bezier(.2,.8,.2,1);
}
.ch-curtain.ok{background:var(--orange)}
.ch-curtain.ok .ch-swipe-rail{opacity:0;pointer-events:none}
.ch-curtain.ok .ch-swipe-done{opacity:1;animation:ch-pop .48s cubic-bezier(.2,1.4,.3,1) both}
@keyframes ch-shine{0%{background-position:120% 0}100%{background-position:-120% 0}}
@keyframes ch-pop{0%{opacity:0;transform:scale(.7)}100%{opacity:1;transform:scale(1)}}
.ch-note{
  display:flex;justify-content:space-between;gap:10px;margin:12px 0 0;color:var(--mute);font-size:14px;white-space:nowrap;
}
.ch-unlocked{margin-top:16px}
.ch-ok{color:var(--ok);font-weight:700}

.ch-need{
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-thickness:1px;
}
.ch-faqs{display:grid;gap:8px}
.ch-faq{background:var(--panel);border-radius:8px;padding:0 16px}
.ch-faq summary{cursor:pointer;font-weight:800;padding:14px 0;list-style:none}
.ch-faq summary::-webkit-details-marker{display:none}
.ch-faq p{margin:0 0 14px;color:var(--mute);font-size:15px}

.ch-foot{
  background:#000;border-top:1px solid #1f1f1f;padding:18px 0 22px;
  color:var(--mute);font-size:11px;line-height:1.35;
}
.ch-foot-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:16px 48px}
.ch-foot .ch-logo{margin:0 0 6px;font-size:16px}
.ch-foot p{margin:0 0 3px}
.ch-req-t{margin:0 0 5px;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--mute)}
.ch-legal{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0}
.ch-legal b{color:#fff}

.ch-dock{
  display:none;position:fixed;left:0;right:0;bottom:0;z-index:30;
  padding:10px 16px calc(10px + env(safe-area-inset-bottom));
  background:#000;border-top:1px solid #1f1f1f;
}
.ch-dock .ch-btn{width:100%}

.ch-ov{
  position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.72);
  display:grid;place-items:center;padding:20px;
}
.ch-ov[hidden]{display:none}
.ch-panel{
  width:min(440px,100%);background:#1b1b1b;border-radius:8px;padding:28px 24px 24px;
  position:relative;max-height:min(90vh,720px);overflow:auto;border:1px solid #2a1a00;
}
.ch-x{
  position:absolute;top:10px;right:10px;width:36px;height:36px;border:0;background:transparent;
  font-size:22px;cursor:pointer;color:var(--mute);
}
.ch-panel-head h3{margin:0 0 8px;font-size:20px}
.ch-panel-head p{margin:0 0 16px;color:var(--mute);font-size:14px}
.ch-panel label{display:block;margin:0 0 12px;font-size:13px;font-weight:700}
.ch-panel input,.ch-panel select{
  display:block;width:100%;margin-top:6px;min-height:44px;padding:8px 12px;
  border:1px solid #333;border-radius:var(--r);background:#111;color:#fff;
}
.ch-panel .ch-btn{width:100%;margin-top:8px}
.ch-check{display:flex;gap:8px;font-weight:400;color:var(--mute)}
.ch-check input{width:auto;min-height:0;margin-top:4px}
.ch-hp{position:absolute;left:-9999px;opacity:0;height:0}
.ch-err{color:var(--err);font-size:13px}
.ch-toast{
  position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:2100;
  background:var(--orange);color:#000;padding:12px 18px;border-radius:var(--r);font-size:14px;font-weight:800;
}
.ch-toast[hidden],.ch-unlocked[hidden]{display:none}
.ch-doc{padding:48px 0 80px}
.ch-doc h2{margin:28px 0 10px;font-size:20px}
.ch-doc p,.ch-doc li{color:var(--mute)}
.ch-doc .upd{font-size:13px}
.js-rv .rv{opacity:0;transition:opacity .5s ease}
.js-rv .rv.in{opacity:1}

@media (max-width:980px){
  .ch-hero-in,.ch-split-in,.ch-pull-in{grid-template-columns:1fr}
  .ch-mesh{display:none}
  .ch-world{min-height:0;width:auto}
  .ch-split.is-flip .ch-split-in{direction:ltr}
  .ch-copy p{max-width:none}
  h2{font-size:26px}
  .ch-foot-grid{grid-template-columns:1fr 1fr}
  .ch-hero{padding:28px 0 36px}
}
@media (max-width:860px){
  :root{--head:56px}
  .ch-wrap{width:min(var(--wrap),calc(100% - 28px))}
  body{padding-top:calc(var(--head) + env(safe-area-inset-top,0px));padding-bottom:env(safe-area-inset-bottom,0px)}
  .ch-head{padding-top:env(safe-area-inset-top,0px)}
  .ch-nav{
    display:none;position:absolute;top:100%;left:0;right:0;
    background:#000;flex-direction:column;padding:12px 20px 20px;border-bottom:1px solid #1f1f1f;
    align-items:flex-start;gap:12px;
  }
  .ch-nav.open{display:flex}
  .ch-burger{display:block;margin-left:auto}
  .ch-head-in .ch-btn--sm{display:none}
  .ch-dock{display:none}
  body.ch-armed .ch-dock{display:block}
  body:not(.ch-tried) #veil,
  body:not(.ch-tried) #veilNote{display:none !important}
  body.ch-armed{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .ch-try,.ch-try .ch-btn,#tryBtn,.ch-hero-act,.ch-hero-act .ch-row,.ch-hero-act .ch-btn{width:100%}
  .ch-nums{
    grid-template-columns:repeat(3,max-content);
    column-gap:clamp(16px,4vw,28px);
    width:max-content;max-width:100%;
  }
  .ch-nums b,.ch-nums span{white-space:nowrap}
  .ch-hero h1{font-size:clamp(28px,8vw,36px)}
  .ch-phone{width:min(220px,72vw);height:430px;border-radius:34px;padding:8px}
  .ch-phone--sm{width:min(190px,58vw);height:380px}
  .ch-tabs{width:100%;max-width:280px}
  .ch-tabs button{flex:1;padding:8px 4px;font-size:11px}
  .ch-sec,.ch-inside{padding:40px 0}
  .ch-steps,.ch-limits,.ch-from{grid-template-columns:1fr}
  .ch-feat a{flex-direction:column;gap:8px}
  .ch-feat h3{flex-basis:auto}
  .ch-gate-wrap{max-width:none}
  .ch-curtain{height:64px;--knob:52px}
  .ch-curtain-grip{line-height:52px;font-size:26px}
  .ch-note{font-size:11px}
  .ch-ov{align-items:end;padding:0;place-items:end stretch}
  .ch-panel{width:100%;border-radius:16px 16px 0 0;max-height:min(92vh,760px)}
  .ch-toast{bottom:calc(84px + env(safe-area-inset-bottom,0px));left:16px;right:16px;transform:none;text-align:center}
}
@media (max-width:560px){
  .ch-foot-grid{grid-template-columns:1fr}
  .ch-phone{width:min(210px,76vw);height:360px}
  .ch-nums{
    width:100%;
    grid-template-columns:repeat(3,minmax(0,1fr));
    column-gap:12px;
  }
  .ch-nums b,.ch-nums span{white-space:normal}
}
