/* ============================================================
   маракуйя · zoomer edition — стили
   язык: Apple-стекло и типографика + неоновый зумерский неон
   ============================================================ */

/* ---------- токены ---------- */
:root{
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Inter, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

  --bg:#07060f;
  --bg2:#100c1f;
  --ink:#f6f4ff;
  --dim:rgba(246,244,255,.62);
  --dim2:rgba(246,244,255,.42);
  --line:rgba(255,255,255,.11);
  --line2:rgba(255,255,255,.06);
  --glass:rgba(255,255,255,.055);
  --glass2:rgba(255,255,255,.09);
  --card:rgba(255,255,255,.04);
  --shadow:0 30px 80px -30px rgba(0,0,0,.85), 0 2px 0 rgba(255,255,255,.04) inset;

  --acid:#c6ff3d;
  --magenta:#ff3ddc;
  --violet:#7b5cff;
  --cyan:#22e0ff;
  --orange:#ff8a2b;
  --yellow:#ffe24d;
  --on-acid:#0b0a14;

  --r-s:14px;
  --r-m:22px;
  --r-l:30px;
  --r-xl:44px;

  --spring:cubic-bezier(.34,1.56,.64,1);
  --ease:cubic-bezier(.22,1,.36,1);
  --fast:.22s var(--ease);
}

[data-theme="light"]{
  --bg:#f2f0fd;
  --bg2:#ffffff;
  --ink:#0c0a17;
  --dim:rgba(12,10,23,.66);
  --dim2:rgba(12,10,23,.45);
  --line:rgba(12,10,23,.12);
  --line2:rgba(12,10,23,.07);
  --glass:rgba(255,255,255,.62);
  --glass2:rgba(255,255,255,.85);
  --card:rgba(255,255,255,.7);
  --shadow:0 30px 70px -34px rgba(40,20,90,.35), 0 1px 0 rgba(255,255,255,.9) inset;
  --magenta:#e02ac0;
  --violet:#5b3cf0;
  --cyan:#0091c2;
  --acid:#a8e815;
  --on-acid:#0c0a17;
}

/* ---------- сброс ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  min-height:100vh;
  font-family:var(--font);
  color:var(--ink);
  background:var(--bg);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  letter-spacing:-.01em;
}
img,svg,canvas{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
::selection{background:var(--acid);color:var(--on-acid)}
s{text-decoration-thickness:2px}

/* scrollbar */
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:linear-gradient(var(--violet),var(--magenta));border-radius:99px;border:3px solid transparent;background-clip:padding-box}

/* ---------- декоративный слой ---------- */
.fx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.fx__noise{
  position:absolute;inset:-50%;opacity:.35;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
  animation:noiseShift 6s steps(6,end) infinite;
}
[data-theme="light"] .fx__noise{opacity:.22;mix-blend-mode:multiply}
.fx__grid{
  position:absolute;inset:0;opacity:.35;
  background-image:linear-gradient(var(--line2) 1px,transparent 1px),linear-gradient(90deg,var(--line2) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(120% 70% at 50% 0%,#000 10%,transparent 75%);
  -webkit-mask-image:radial-gradient(120% 70% at 50% 0%,#000 10%,transparent 75%);
}
.fx__blob{position:absolute;filter:blur(90px);opacity:.5;border-radius:50%;will-change:transform}
[data-theme="light"] .fx__blob{opacity:.42;filter:blur(80px)}
.fx__blob--1{width:48vw;height:48vw;left:-12vw;top:-14vw;background:radial-gradient(circle at 30% 30%,var(--violet),transparent 65%);animation:float1 22s ease-in-out infinite}
.fx__blob--2{width:42vw;height:42vw;right:-10vw;top:6vw;background:radial-gradient(circle at 60% 40%,var(--magenta),transparent 65%);animation:float2 27s ease-in-out infinite}
.fx__blob--3{width:52vw;height:52vw;left:22vw;top:52vw;background:radial-gradient(circle at 50% 50%,var(--cyan),transparent 65%);animation:float3 31s ease-in-out infinite}

.spot{
  position:fixed;z-index:1;width:520px;height:520px;left:0;top:0;pointer-events:none;
  margin:-260px 0 0 -260px;border-radius:50%;opacity:.16;
  background:radial-gradient(circle,var(--acid),transparent 62%);
  transition:opacity .4s var(--ease);mix-blend-mode:screen;
}
[data-theme="light"] .spot{mix-blend-mode:multiply;opacity:.14}

.progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;background:transparent}
.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--acid),var(--cyan),var(--magenta));box-shadow:0 0 18px var(--magenta)}

/* ---------- общие блоки ---------- */
main{position:relative;z-index:2}
.sec{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:clamp(72px,9vw,140px) clamp(18px,4vw,40px)}
.sec__head{max-width:920px;margin-bottom:clamp(28px,4vw,56px)}
.kicker{
  display:inline-block;margin-bottom:14px;padding:7px 14px;border-radius:99px;
  font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;
  color:var(--on-acid);background:var(--acid);box-shadow:0 8px 26px -10px var(--acid);
}
.h2{margin:0 0 14px;font-size:clamp(30px,4.4vw,60px);line-height:1.02;letter-spacing:-.035em;font-weight:900;text-wrap:balance}
.h2--big{font-size:clamp(34px,5.6vw,76px)}
.h3{margin:0 0 10px;font-size:clamp(22px,2.4vw,32px);letter-spacing:-.03em;font-weight:800}
.lead{margin:0;font-size:clamp(16px,1.55vw,20px);line-height:1.5;color:var(--dim)}
.fine{margin:16px 0 0;font-size:13.5px;line-height:1.6;color:var(--dim2);max-width:90ch}

.grad,.grad2{
  background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:slide 7s linear infinite;
}
.grad{background-image:linear-gradient(96deg,var(--acid),var(--cyan),var(--violet),var(--acid))}
.grad2{background-image:linear-gradient(96deg,var(--magenta),var(--orange),var(--yellow),var(--magenta))}

.chip{
  display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:99px;
  border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(14px) saturate(180%);
  -webkit-backdrop-filter:blur(14px) saturate(180%);
  font-size:13px;font-weight:600;letter-spacing:-.005em;color:var(--ink);
  transition:transform var(--fast),background var(--fast),border-color var(--fast)
}
.chip:hover{transform:translateY(-2px) scale(1.03);border-color:var(--acid)}
.chip--mini{font-size:12px;padding:7px 12px}
.chip--dim{color:var(--dim)}

/* ---------- кнопки ---------- */
.btn{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:16px 26px;border-radius:99px;font-weight:800;font-size:16px;letter-spacing:-.01em;
  border:1px solid var(--line);overflow:hidden;isolation:isolate;
  transition:transform .3s var(--spring),box-shadow .3s var(--ease),background .3s var(--ease),border-color .3s var(--ease);
  will-change:transform
}
.btn--s{padding:11px 18px;font-size:14.5px}
.btn:hover{transform:translateY(-3px) scale(1.02)}
.btn:active{transform:translateY(0) scale(.97)}

.btn--acid{background:var(--acid);color:var(--on-acid);border-color:transparent;box-shadow:0 14px 40px -14px var(--acid)}
.btn--acid:hover{box-shadow:0 22px 50px -14px var(--acid)}

.btn--glass{background:var(--glass);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);color:var(--ink)}
.btn--glass:hover{border-color:var(--cyan);box-shadow:0 18px 44px -22px var(--cyan)}

.btn--download{
  background:linear-gradient(100deg,var(--acid) 0%,var(--cyan) 55%,var(--magenta) 100%);
  background-size:220% 100%;color:var(--on-acid);border-color:transparent;font-weight:900;
  animation:slide 9s linear infinite;box-shadow:0 20px 60px -20px var(--violet)
}
.btn--download:hover{box-shadow:0 28px 70px -18px var(--magenta)}
.btn--download .btn__arrow{transition:transform .35s var(--spring)}
.btn--download:hover .btn__arrow{transform:translateX(6px)}
.btn__spark{
  position:absolute;inset:0;z-index:-1;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.75) 50%,transparent 70%);
  transform:translateX(-120%);animation:sheen 3.6s ease-in-out infinite
}

/* стикеры */
.stk{
  display:inline-block;padding:8px 14px;border-radius:14px;font-weight:900;font-size:13px;
  text-transform:uppercase;letter-spacing:.06em;color:var(--on-acid);background:var(--yellow);
  box-shadow:0 16px 40px -18px rgba(0,0,0,.6);
  animation:wobble 5s var(--ease) infinite;white-space:nowrap
}

/* ---------- шапка ---------- */
.nav{
  position:sticky;top:14px;z-index:50;display:flex;align-items:center;gap:18px;
  max-width:1240px;margin:14px auto 0;padding:10px 14px;
  border:1px solid var(--line);border-radius:99px;
  background:var(--glass);backdrop-filter:blur(26px) saturate(200%);-webkit-backdrop-filter:blur(26px) saturate(200%);
  box-shadow:var(--shadow);transition:padding .3s var(--ease),top .3s var(--ease),background .3s var(--ease)
}
.nav__links{display:flex;align-items:center;gap:4px;margin:0 auto}
.nav__link{
  position:relative;display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:99px;
  font-size:14.5px;font-weight:650;color:var(--dim);transition:color var(--fast),background var(--fast)
}
.nav__link i{width:6px;height:6px;border-radius:50%;background:var(--acid);opacity:0;transform:scale(.4);transition:all var(--fast)}
.nav__link:hover{color:var(--ink);background:var(--glass2)}
.nav__link.is-active{color:var(--ink);background:var(--glass2)}
.nav__link.is-active i{opacity:1;transform:scale(1);box-shadow:0 0 10px var(--acid)}
.nav__side{display:flex;align-items:center;gap:8px}

.logo{display:inline-flex;align-items:center;gap:9px;font-weight:900;font-size:17px;letter-spacing:-.03em}
.logo__mark{font-size:22px;animation:spin3d 7s var(--ease) infinite;display:inline-block}
.logo__word{background:linear-gradient(96deg,var(--ink),var(--dim));-webkit-background-clip:text;background-clip:text;color:transparent}
.logo--sm{font-size:15px}

.lang{display:inline-flex;padding:3px;border-radius:99px;background:var(--glass2);border:1px solid var(--line)}
.lang__btn{padding:6px 11px;border-radius:99px;font-size:12.5px;font-weight:800;color:var(--dim);transition:all var(--fast)}
.lang__btn.is-on{background:var(--acid);color:var(--on-acid);box-shadow:0 8px 20px -10px var(--acid)}

.iconbtn{position:relative;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--glass);display:grid;place-items:center;font-size:16px;overflow:hidden;transition:transform var(--fast),border-color var(--fast)}
.iconbtn:hover{transform:rotate(-12deg) scale(1.08);border-color:var(--acid)}
.iconbtn__sun,.iconbtn__moon{position:absolute;transition:transform .45s var(--spring),opacity .3s var(--ease)}
[data-theme="dark"] .iconbtn__sun{opacity:0;transform:translateY(120%)}
[data-theme="light"] .iconbtn__moon{opacity:0;transform:translateY(-120%)}

.burger{display:none;width:44px;height:40px;border-radius:14px;border:1px solid var(--line);background:var(--glass);position:relative}
.burger i{position:absolute;left:12px;right:12px;height:2px;background:var(--ink);transition:all .3s var(--ease)}
.burger i:first-child{top:16px}
.burger i:last-child{top:22px}
.burger.is-on i:first-child{transform:translateY(3px) rotate(45deg)}
.burger.is-on i:last-child{transform:translateY(-3px) rotate(-45deg)}

/* ---------- первый экран ---------- */
.hero{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:clamp(46px,6vw,86px) clamp(18px,4vw,40px) clamp(30px,4vw,60px);text-align:center}
.hero__stickers{position:absolute;inset:0;pointer-events:none}
.stk--1{position:absolute;left:4%;top:12%;transform:rotate(-9deg);background:var(--magenta);color:#fff;animation-delay:-.4s}
.stk--2{position:absolute;right:3%;top:26%;transform:rotate(8deg);background:var(--cyan)}
.stk--3{position:absolute;left:2%;top:44%;font-size:26px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(10px);animation-delay:-1.4s}
.stk--4{position:absolute;right:8%;top:6%;transform:rotate(-14deg);background:var(--violet);color:#fff}
.stk--cta{position:absolute;right:6%;top:-6%;transform:rotate(11deg)}

tagline{display:none}
.tagline{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;padding:8px 16px;border-radius:99px;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(14px);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--dim)}
.tagline__pulse{width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 0 var(--acid);animation:pulse 2s infinite}

.hero__title{margin:0 0 22px;font-size:clamp(38px,8.2vw,112px);line-height:.94;font-weight:900;letter-spacing:-.05em}
.hero__title .line{display:block;overflow:hidden}
.hero__title .line>span{display:inline-block;animation:riseIn 1s var(--ease) both}
.hero__title .line:nth-child(2)>span{animation-delay:.09s}
.hero__title .line:nth-child(3)>span{animation-delay:.17s}
.hero__lead{max-width:64ch;margin:0 auto 30px;font-size:clamp(16px,1.6vw,20.5px);line-height:1.5;color:var(--dim)}
.hero__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.hero__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}

/* ---------- макет приложения ---------- */
.mock{position:relative;margin:clamp(38px,5vw,68px) auto 0;max-width:1080px}
.mock__glow{position:absolute;inset:8% 4% -6%;z-index:-1;background:linear-gradient(100deg,var(--violet),var(--magenta),var(--cyan));filter:blur(70px);opacity:.45;border-radius:60px}
.mock__hint{display:inline-block;margin-bottom:14px;padding:7px 14px;border-radius:99px;background:var(--glass);border:1px dashed var(--line);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}

.win{
  border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;text-align:left;
  background:linear-gradient(180deg,var(--glass2),var(--card));
  backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);
  box-shadow:var(--shadow);transform-style:preserve-3d;transition:transform .5s var(--ease)
}
.win__bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--glass)}
.tl{width:12px;height:12px;border-radius:50%}
.tl--r{background:#ff5f57}.tl--y{background:#febc2e}.tl--g{background:#28c840}
.win__name{margin-left:10px;font-size:13px;font-weight:700;color:var(--dim);font-family:var(--mono)}
.win__spacer{flex:1}
.win__badge{padding:5px 11px;border-radius:99px;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:var(--acid);color:var(--on-acid)}
.win__body{display:grid;grid-template-columns:248px 1fr;min-height:520px}

.side{padding:14px;border-right:1px solid var(--line);background:linear-gradient(180deg,transparent,var(--line2));display:flex;flex-direction:column;gap:6px}
.side__cap{margin:12px 0 4px;font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.18em;color:var(--dim2)}
.side__item,.side__chat{text-align:left;padding:9px 11px;border-radius:var(--r-s);font-size:13.5px;font-weight:650;color:var(--dim);transition:all var(--fast);border:1px solid transparent}
.side__item:hover,.side__chat:hover{background:var(--glass2);color:var(--ink);transform:translateX(3px)}
.side__item.is-on,.side__chat.is-on{background:var(--glass2);color:var(--ink);border-color:var(--line)}
.side__chat{display:flex;flex-direction:column;gap:3px}
.side__chat b{font-size:13.5px;font-weight:750}
.side__chat i{font-style:normal;font-size:11px;color:var(--dim2)}
.side__meter{margin-top:4px;display:flex;align-items:baseline;gap:6px}
.side__num{font-size:24px;font-weight:900;letter-spacing:-.03em;background:linear-gradient(96deg,var(--acid),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.side__unit{font-size:11px;color:var(--dim2)}
.side__cost{font-size:12px;color:var(--dim);font-weight:700;font-family:var(--mono)}

.work{display:flex;flex-direction:column;min-width:0}
.tabs{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--line);overflow-x:auto}
.tab{padding:8px 14px;border-radius:99px;font-size:13px;font-weight:750;color:var(--dim);white-space:nowrap;transition:all var(--fast);border:1px solid transparent}
.tab:hover{color:var(--ink);background:var(--glass2)}
.tab.is-on{background:var(--ink);color:var(--bg);border-color:transparent}
.tabs__spacer{flex:1}
.tab--replay{color:var(--magenta);border:1px dashed var(--line)}

.panes{position:relative;height:330px;overflow:hidden}
.pane{position:absolute;inset:0;padding:16px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .35s var(--ease),transform .35s var(--ease),visibility .35s}
.pane.is-on{opacity:1;visibility:visible;transform:none}
.pane__note{margin:14px 0 0;font-size:12.5px;line-height:1.55;color:var(--dim2)}

/* лента чата */
.feed{display:flex;flex-direction:column;gap:12px}
.msg{max-width:88%;padding:12px 15px;border-radius:var(--r-m);font-size:14px;line-height:1.5;animation:popIn .5s var(--spring) both}
.msg--user{align-self:flex-end;background:var(--ink);color:var(--bg);border-bottom-right-radius:6px;font-weight:600}
.msg--agent{align-self:flex-start;background:var(--glass2);border:1px solid var(--line);border-bottom-left-radius:6px}
.reason{border-left:2px solid var(--violet);padding:2px 0 2px 12px;font-size:13px;line-height:1.55;color:var(--dim);animation:popIn .5s var(--ease) both}
.narr{font-size:14px;line-height:1.55;animation:popIn .5s var(--ease) both}
.acts{display:flex;flex-direction:column;gap:8px}
.act{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border-radius:var(--r-s);border:1px solid var(--line);background:var(--glass);animation:popIn .45s var(--spring) both}
.act__ico{width:26px;height:26px;flex:0 0 26px;border-radius:9px;display:grid;place-items:center;font-size:13px;background:var(--glass2);border:1px solid var(--line)}
.act__b{min-width:0}
.act__t{font-size:13.5px;font-weight:800;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.act__t em{font-style:normal;font-size:10.5px;font-weight:900;padding:3px 8px;border-radius:99px;background:var(--acid);color:var(--on-acid);text-transform:uppercase;letter-spacing:.06em}
.act__d{font-family:var(--mono);font-size:11.5px;color:var(--dim2);margin-top:3px;white-space:pre-wrap;word-break:break-word}
.todo{display:flex;gap:9px;align-items:center;font-size:13px;color:var(--dim);padding:7px 11px;border-radius:12px;background:var(--glass)}
.todo i{font-style:normal;font-weight:900}
.todo.is-done{color:var(--dim2)}
.todo.is-done i{color:var(--acid)}
.todo.is-run{color:var(--ink);background:var(--glass2)}
.todo.is-run i{color:var(--cyan);animation:spin3d 1.6s linear infinite;display:inline-block}
.qcard{border:1px dashed var(--magenta);background:linear-gradient(140deg,color-mix(in srgb,var(--magenta) 14%,transparent),transparent);border-radius:var(--r-m);padding:14px;animation:popIn .5s var(--spring) both}
.qcard__q{font-size:14px;font-weight:750;margin:0 0 10px;line-height:1.45}
.qopts{display:flex;flex-direction:column;gap:7px}
.qopt{text-align:left;padding:10px 12px;border-radius:var(--r-s);border:1px solid var(--line);background:var(--glass);font-size:13px;font-weight:600;transition:all var(--fast)}
.qopt:hover{border-color:var(--magenta);transform:translateX(4px);background:var(--glass2)}
.typing::after{content:"▌";animation:blink 1s steps(2) infinite;color:var(--acid);margin-left:2px}
.live{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:var(--magenta);text-transform:uppercase;letter-spacing:.12em}
.live::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--magenta);animation:pulse 1.6s infinite}

/* терминал */
.term{font-family:var(--mono);font-size:12.5px;line-height:1.75;background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:var(--r-m);padding:14px;min-height:270px}
[data-theme="light"] .term{background:rgba(10,8,20,.92);color:#f2f0ff}
.term__line{white-space:pre-wrap;word-break:break-word}
.term__line--dim{color:var(--dim2)}
.term__line--ok,.term__ok{color:var(--acid)}
.term__line--run{color:var(--cyan)}
.term__ps{color:var(--magenta)}
.term__path{color:var(--violet)}
.term__cmd{color:var(--ink)}
[data-theme="light"] .term__cmd{color:#fff}
.cursor{display:inline-block;width:8px;height:14px;background:var(--acid);vertical-align:-2px;margin-left:4px;animation:blink 1s steps(2) infinite}

/* экран */
.screen{position:relative;height:280px;border-radius:var(--r-m);border:1px solid var(--line);background:linear-gradient(150deg,#141024,#0a0814);overflow:hidden;display:grid;grid-template-columns:120px 1fr}
.screen__side{padding:12px;border-right:1px solid var(--line);font-size:11.5px;line-height:2.4;color:var(--dim2)}
.screen__main{padding:12px;display:flex;flex-direction:column;gap:7px}
.screen__row{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:12px;background:var(--glass);border:1px solid var(--line2);font-size:12.5px;color:var(--dim)}
.screen__row b{color:var(--ink)}
.screen__row.is-target{border-color:var(--acid);box-shadow:0 0 0 1px var(--acid),0 12px 30px -16px var(--acid);animation:targetGlow 2.6s ease-in-out infinite}
.pointer{position:absolute;left:56%;top:58%;width:16px;height:16px;background:#fff;clip-path:polygon(0 0,0 78%,22% 60%,36% 100%,52% 92%,38% 54%,64% 50%);filter:drop-shadow(0 4px 10px rgba(0,0,0,.7));animation:mouseRun 7s var(--ease) infinite}
.keycap{position:absolute;right:14px;bottom:14px;padding:6px 11px;border-radius:10px;background:var(--glass2);border:1px solid var(--line);font-size:12px;font-weight:800;animation:keyTap 7s var(--ease) infinite}

/* браузер */
.brz{border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;background:var(--glass)}
.brz__bar{display:flex;align-items:center;gap:7px;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--glass2)}
.brz__addr{margin-left:10px;flex:1;padding:6px 12px;border-radius:99px;background:var(--glass);font-size:12px;font-family:var(--mono);color:var(--dim)}
.brz__page{padding:22px;display:flex;flex-direction:column;gap:10px;align-items:center}
.brz__h{font-weight:850;font-size:17px}
.brz__field{width:min(320px,100%);padding:11px 14px;border-radius:12px;border:1px solid var(--line);background:var(--glass);font-size:13px;color:var(--dim2)}
.brz__btn{padding:11px 26px;border-radius:12px;background:var(--acid);color:var(--on-acid);font-weight:800;font-size:14px;animation:pulseSoft 3s ease-in-out infinite}

/* поле ввода */
.composer{border-top:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:9px;background:var(--glass)}
.composer__row{display:flex;gap:9px}
.composer__input{flex:1;padding:13px 16px;border-radius:99px;border:1px solid var(--line);background:var(--glass2);font-size:14px;outline:none;transition:border-color var(--fast),box-shadow var(--fast)}
.composer__input:focus{border-color:var(--acid);box-shadow:0 0 0 4px color-mix(in srgb,var(--acid) 22%,transparent)}
.composer__pills{display:flex;flex-wrap:wrap;gap:7px}
.chip--model b{font-weight:850}
.chip--model:hover,.chip--trust:hover{border-color:var(--magenta)}
.drop{position:relative}
.drop__list{position:absolute;bottom:calc(100% + 8px);left:0;z-index:20;width:290px;max-height:260px;overflow:auto;display:none;padding:8px;border-radius:var(--r-m);border:1px solid var(--line);background:color-mix(in srgb,var(--bg2) 92%,transparent);backdrop-filter:blur(24px);box-shadow:var(--shadow)}
.drop__list.is-open{display:block;animation:popIn .3s var(--spring) both}
.drop__item{display:flex;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:9px 11px;border-radius:12px;font-size:13px;font-weight:650;transition:background var(--fast)}
.drop__item:hover{background:var(--glass2)}
.drop__item i{font-style:normal;font-size:11px;color:var(--dim2)}

/* ---------- бегущая строка ---------- */
.ticker{position:relative;z-index:2;margin:clamp(30px,4vw,60px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,var(--violet),var(--magenta),var(--orange),var(--acid));overflow:hidden;transform:rotate(-1.2deg)}
.ticker__track{display:flex;gap:34px;padding:13px 0;white-space:nowrap;animation:marquee 26s linear infinite;font-weight:900;font-size:15px;letter-spacing:.06em;color:#0b0a14;text-transform:uppercase}

/* ---------- секции: графики и карточки ---------- */
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:22px}

.card{position:relative;border:1px solid var(--line);border-radius:var(--r-l);padding:clamp(18px,2.2vw,28px);background:linear-gradient(180deg,var(--glass2),var(--card));backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:var(--shadow);transition:transform .45s var(--ease),border-color .3s var(--ease),box-shadow .45s var(--ease);transform-style:preserve-3d;overflow:hidden}
.card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(130deg,transparent,var(--acid),transparent 40%);opacity:0;transition:opacity .4s var(--ease);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.card:hover::after{opacity:.85}
.card:hover{transform:translateY(-6px)}
.card__top{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.card__tag{padding:6px 11px;border-radius:99px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line);color:var(--dim)}
.card__tag--hot{background:var(--magenta);color:#fff;border-color:transparent}
.card__title{margin:0 0 8px;font-size:clamp(24px,2.6vw,34px);font-weight:900;letter-spacing:-.035em}
.card__text{margin:0 0 16px;font-size:14.5px;line-height:1.55;color:var(--dim)}
.card__note{margin:16px 0 0;font-size:12.5px;line-height:1.6;color:var(--dim2)}
.card--first{border-color:color-mix(in srgb,var(--acid) 45%,var(--line));box-shadow:0 30px 70px -30px color-mix(in srgb,var(--acid) 45%,transparent),var(--shadow)}

.legend{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:20px}
.lg{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:var(--dim)}
.sw{width:14px;height:14px;border-radius:5px}
.sw--ours{background:linear-gradient(120deg,var(--acid),var(--cyan));box-shadow:0 0 14px color-mix(in srgb,var(--acid) 60%,transparent)}
.sw--them{background:var(--violet)}
.sw--other{background:var(--dim2)}

.chart{display:flex;flex-direction:column;gap:7px}
.chart__row{display:grid;grid-template-columns:minmax(0,1fr) 2.1fr 46px;align-items:center;gap:10px;padding:4px 6px;border-radius:10px;transition:background var(--fast),transform var(--fast)}
.chart__row:hover{background:var(--glass);transform:translateX(3px)}
.chart__label{font-size:12.5px;font-weight:650;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chart__track{position:relative;height:11px;border-radius:99px;background:var(--line2);overflow:hidden}
.chart__bar{display:block;height:100%;width:0;border-radius:99px;transition:width 1.15s var(--ease)}
.chart__value{font-size:12.5px;font-weight:850;font-family:var(--mono);text-align:right;color:var(--dim)}
.chart__row--ours .chart__label,.chart__row--ours .chart__value{color:var(--ink);font-weight:900}
.chart__row--ours .chart__bar{background:linear-gradient(90deg,var(--acid),var(--cyan));box-shadow:0 0 18px -4px var(--acid)}
.chart__row--them .chart__bar{background:linear-gradient(90deg,var(--violet),var(--magenta))}
.chart__row--other .chart__bar{background:var(--dim2)}
.chart__row--ours{background:color-mix(in srgb,var(--acid) 9%,transparent);outline:1px solid color-mix(in srgb,var(--acid) 26%,transparent)}
.unit{margin-top:14px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.16em;color:var(--dim2)}

.switcher{display:inline-flex;flex-wrap:wrap;gap:5px;margin:26px 0 16px;padding:5px;border-radius:99px;border:1px solid var(--line);background:var(--glass)}
.sw{padding:9px 16px;border-radius:99px;font-size:13px;font-weight:800;color:var(--dim);transition:all var(--fast)}
.sw:hover{color:var(--ink)}
.sw.is-on{background:var(--ink);color:var(--bg)}

.cmp{display:flex;flex-direction:column;gap:6px}
.cmp__row{display:grid;grid-template-columns:1.6fr 1fr 1fr;align-items:center;gap:14px;padding:13px 16px;border-radius:var(--r-s);border:1px solid var(--line2);background:var(--glass);transition:opacity .3s var(--ease),transform .3s var(--ease)}
.cmp__row--head{border:0;background:transparent;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:var(--dim2)}
.cmp__row--ours{border-color:color-mix(in srgb,var(--acid) 40%,var(--line));background:color-mix(in srgb,var(--acid) 8%,transparent)}
.cmp__row.is-dim{opacity:.28}
.cmp__name{font-size:14px;font-weight:750}
.cmp__cell{display:flex;align-items:center;gap:12px;font-family:var(--mono)}
.cmp__cell b{font-size:15px;min-width:52px}
.cmp__bar{flex:1;height:9px;border-radius:99px;background:var(--line2);overflow:hidden}
.cmp__bar em{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--acid),var(--cyan));transition:width 1.1s var(--ease)}
.cmp__row.is-ready .cmp__bar em{width:calc(var(--v) * 1%)}

/* ---------- экономика ---------- */
.econ{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.econ__card{border:1px solid var(--line);border-radius:var(--r-l);padding:26px;background:linear-gradient(180deg,var(--glass2),var(--card));box-shadow:var(--shadow)}
.econ__card--alt{border-color:color-mix(in srgb,var(--cyan) 40%,var(--line))}
.econ__num{font-size:clamp(36px,5vw,64px);font-weight:900;letter-spacing:-.05em;line-height:1;background:linear-gradient(96deg,var(--acid),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.econ__card--alt .econ__num{background:linear-gradient(96deg,var(--magenta),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
.econ__num small{font-size:.45em;color:var(--dim);-webkit-text-fill-color:var(--dim)}
.econ__label{margin-top:10px;font-size:14px;font-weight:700}
.econ__was{margin-top:8px;font-size:12.5px;color:var(--dim2)}
.econ__was s{color:var(--magenta);opacity:.8}
.econ__text{border:1px dashed var(--line);border-radius:var(--r-l);padding:24px;background:var(--glass)}
.econ__text p{margin:0 0 12px;font-size:14.5px;line-height:1.6;color:var(--dim)}
.econ__text p:last-child{margin:0}

/* ---------- слои ---------- */
.layers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.layer{position:relative;border:1px solid var(--line);border-radius:var(--r-l);padding:30px;background:var(--glass);overflow:hidden}
.layer--hot{border-color:color-mix(in srgb,var(--magenta) 45%,var(--line));background:linear-gradient(140deg,color-mix(in srgb,var(--magenta) 12%,transparent),transparent)}
.layer__n{font-family:var(--mono);font-size:12px;font-weight:900;color:var(--dim2);letter-spacing:.2em}
.layer__t{margin:10px 0 8px;font-size:clamp(20px,2.2vw,28px);font-weight:900;letter-spacing:-.03em}
.layer p{margin:0;font-size:14.5px;line-height:1.6;color:var(--dim)}
.layer__chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}

/* ---------- фичи ---------- */
.card--feat{display:flex;flex-direction:column;gap:8px}
.feat__ico{font-size:26px;filter:drop-shadow(0 8px 20px color-mix(in srgb,var(--violet) 60%,transparent));transition:transform .4s var(--spring)}
.card--feat:hover .feat__ico{transform:translateY(-4px) scale(1.16) rotate(-8deg)}
.card--feat h3{margin:0;font-size:18.5px;font-weight:850;letter-spacing:-.02em}
.card--feat p{margin:0;font-size:14px;line-height:1.55;color:var(--dim)}

.card--wide{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
.ticks{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.ticks li{position:relative;padding-left:26px;font-size:14px;line-height:1.5;color:var(--dim)}
.ticks li::before{content:"✓";position:absolute;left:0;top:0;width:17px;height:17px;border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:900;background:var(--acid);color:var(--on-acid)}

.diff{border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;background:rgba(0,0,0,.28)}
[data-theme="light"] .diff{background:rgba(10,8,20,.92)}
.diff__bar{display:flex;justify-content:space-between;gap:10px;padding:9px 13px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:12px;color:var(--dim)}
.diff__stat{color:var(--acid)}
.diff__code{margin:0;padding:13px;font-family:var(--mono);font-size:11.5px;line-height:1.7;color:#e9e6ff;overflow-x:auto}
.d-add{display:block;color:var(--acid);background:color-mix(in srgb,var(--acid) 10%,transparent)}
.todos{display:flex;flex-direction:column;gap:7px;margin:14px 0}
.tokens{border:1px solid var(--line);border-radius:var(--r-m);padding:14px;background:var(--glass);display:flex;flex-direction:column;gap:7px}
.tokens__row{display:flex;justify-content:space-between;font-size:12.5px;color:var(--dim);font-family:var(--mono)}
.tokens__row b{color:var(--ink)}
.tokens__track{height:8px;border-radius:99px;background:var(--line2);overflow:hidden;margin-top:4px}
.tokens__track i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--violet),var(--magenta));transition:width 1s var(--ease)}
.tokens__cap{font-size:11.5px;color:var(--dim2)}

/* ---------- модели ---------- */
.providers{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}
.prov{padding:10px 17px;border-radius:99px;border:1px solid var(--line);background:var(--glass);font-size:14px;font-weight:750;transition:all var(--spring)}
.prov:hover{transform:translateY(-3px) scale(1.04);border-color:var(--cyan)}
.prov.is-on{background:var(--ink);color:var(--bg);transform:translateY(-3px) scale(1.04)}
.prov--own{border-style:dashed;color:var(--magenta)}
.prov--own.is-on{background:var(--magenta);color:#fff}

.mlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:12px}
.mrow{display:flex;flex-direction:column;gap:8px;text-align:left;padding:15px;border-radius:var(--r-m);border:1px solid var(--line);background:var(--glass);transition:all .35s var(--ease);animation:popIn .45s var(--ease) both}
.mrow:hover{transform:translateY(-4px);border-color:var(--acid)}
.mrow__name{font-size:15.5px;font-weight:850;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mrow__name em{font-style:normal;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:99px;background:var(--acid);color:var(--on-acid)}
.mrow__meta{display:flex;gap:12px;flex-wrap:wrap;font-size:11.5px;font-family:var(--mono);color:var(--dim2)}
.mrow__bar{height:6px;border-radius:99px;background:var(--line2);overflow:hidden}
.mrow__bar i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet));width:var(--v)}

/* ---------- режимы доверия ---------- */
.modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mode{display:flex;flex-direction:column;gap:9px;text-align:left;padding:24px;border-radius:var(--r-l);border:1px solid var(--line);background:var(--glass);transition:all .4s var(--ease)}
.mode:hover{transform:translateY(-5px);border-color:var(--cyan)}
.mode.is-on{border-color:var(--acid);background:linear-gradient(160deg,color-mix(in srgb,var(--acid) 14%,transparent),transparent);box-shadow:0 26px 60px -28px var(--acid)}
.mode__n{font-family:var(--mono);font-size:12px;font-weight:900;letter-spacing:.2em;color:var(--dim2)}
.mode__t{font-size:19px;font-weight:900;letter-spacing:-.025em}
.mode__d{font-size:13.5px;line-height:1.55;color:var(--dim)}
.perm{position:relative;display:flex;align-items:center;gap:16px;margin-top:22px;padding:20px 24px;border-radius:var(--r-l);border:1px solid var(--line);background:linear-gradient(100deg,var(--glass2),var(--glass));overflow:hidden}
.perm__ico{font-size:28px;animation:wobble 4s var(--ease) infinite}
.perm__text{display:flex;flex-direction:column;gap:3px}
.perm__text b{font-size:16px;font-weight:850}
.perm__text span{font-size:13.5px;color:var(--dim)}
.perm__pulse{position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--acid) 40%,transparent),transparent 70%);animation:pulseSoft 4s ease-in-out infinite}

/* ---------- новости ---------- */
.news{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.news__item{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:var(--r-l);border:1px solid var(--line);background:var(--glass)}
.news__date{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.16em;color:var(--magenta)}
.news__item b{font-size:18px;font-weight:900}
.news__item span:last-child{font-size:13.5px;line-height:1.55;color:var(--dim)}

/* ---------- установка ---------- */
.sec--dl{scroll-margin-top:90px}
.os{display:inline-flex;flex-wrap:wrap;gap:5px;padding:5px;margin-bottom:22px;border-radius:99px;border:1px solid var(--line);background:var(--glass)}
.os__btn{position:relative;display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border-radius:99px;font-size:14.5px;font-weight:800;color:var(--dim);transition:all var(--fast)}
.os__btn:hover{color:var(--ink)}
.os__btn.is-on{background:var(--ink);color:var(--bg)}
.os__ico{font-size:16px}
.os__btn em{display:none;font-style:normal;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;padding:3px 8px;border-radius:99px;background:var(--acid);color:var(--on-acid)}
.os__btn.is-mine em{display:inline-block}
.os__panes{position:relative}
.osface{display:none;border:1px solid var(--line);border-radius:var(--r-l);padding:clamp(20px,2.4vw,32px);background:linear-gradient(180deg,var(--glass2),var(--card));box-shadow:var(--shadow)}
.osface.is-on{display:block;animation:popIn .5s var(--spring) both}
.osface__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.osface__head div{display:flex;flex-direction:column;gap:3px}
.osface__head b{font-size:clamp(20px,2.2vw,26px);font-weight:900;letter-spacing:-.03em}
.osface__head span{font-size:13px;color:var(--dim)}
.badge{padding:8px 14px;border-radius:99px;font-family:var(--mono);font-size:12.5px;font-weight:800;background:var(--glass2);border:1px solid var(--line)}
.osface p{margin:0 0 16px;font-size:14px;color:var(--dim)}
.osface__files{display:flex;flex-wrap:wrap;gap:10px}
.osface__files a{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:99px;border:1px solid var(--line);background:var(--glass);font-size:13.5px;font-weight:750;transition:all var(--fast)}
.osface__files a:hover{border-color:var(--acid);transform:translateY(-3px)}
.osface__files em{font-style:normal;font-family:var(--mono);font-size:11.5px;color:var(--dim2)}

/* ---------- финальный призыв ---------- */
.sec--cta{padding-bottom:clamp(60px,8vw,120px)}
.cta{position:relative;text-align:center;border:1px solid var(--line);border-radius:var(--r-xl);padding:clamp(34px,5vw,76px) clamp(20px,4vw,60px);background:linear-gradient(160deg,color-mix(in srgb,var(--violet) 18%,transparent),transparent 45%),var(--glass);box-shadow:var(--shadow);overflow:hidden}
.cta .lead{max-width:60ch;margin:0 auto 26px}
.form{display:flex;gap:9px;max-width:520px;margin:0 auto 18px}
.form__input{flex:1;padding:15px 20px;border-radius:99px;border:1px solid var(--line);background:var(--glass2);font-size:15px;outline:none;transition:border-color var(--fast),box-shadow var(--fast)}
.form__input:focus{border-color:var(--acid);box-shadow:0 0 0 4px color-mix(in srgb,var(--acid) 20%,transparent)}
.socials{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-bottom:26px}
.soc{display:inline-flex;align-items:center;gap:9px;padding:12px 20px;border-radius:99px;border:1px solid var(--line);background:var(--glass);font-size:14px;font-weight:750;transition:all var(--spring)}
.soc:hover{transform:translateY(-4px) scale(1.04);border-color:var(--acid)}
.cta__row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}

/* ---------- подвал ---------- */
.foot{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:34px clamp(18px,4vw,40px) 60px;border-top:1px solid var(--line)}
.foot__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}
.foot__nav{display:flex;flex-wrap:wrap;gap:18px}
.foot__nav a{font-size:13.5px;color:var(--dim);transition:color var(--fast)}
.foot__nav a:hover{color:var(--acid)}
.foot__row--dim{font-size:12.5px;color:var(--dim2);border-top:1px solid var(--line2);margin-top:12px;padding-top:20px}
.foot__made{display:inline-flex;gap:8px;align-items:center}

/* ---------- наверх и уведомление ---------- */
.totop{position:fixed;right:20px;bottom:20px;z-index:55;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:900;color:var(--on-acid);background:var(--acid);box-shadow:0 20px 44px -16px var(--acid);opacity:0;visibility:hidden;transform:translateY(16px) scale(.8);transition:all .35s var(--spring)}
.totop.is-on{opacity:1;visibility:visible;transform:none}
.totop:hover{transform:translateY(-4px) scale(1.07)}
.toast{position:fixed;left:50%;bottom:26px;z-index:70;transform:translate(-50%,140%);padding:14px 22px;border-radius:99px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg2) 90%,transparent);backdrop-filter:blur(20px);font-size:14px;font-weight:700;box-shadow:var(--shadow);transition:transform .5s var(--spring);max-width:min(92vw,560px)}
.toast.is-on{transform:translate(-50%,0)}

.pop{cursor:pointer}
.fly{position:fixed;z-index:80;pointer-events:none;font-size:18px;animation:fly .9s var(--ease) forwards}

/* ---------- появление при прокрутке ---------- */
.reveal{opacity:0;transform:translateY(38px) scale(.97);filter:blur(6px)}
.reveal.is-in{opacity:1;transform:none;filter:none;transition:opacity .8s var(--ease),transform .9s var(--spring),filter .8s var(--ease);transition-delay:var(--d,0ms)}
.is-in .reveal.is-in,.reveal.is-in{transition-delay:var(--d,0ms)}

/* ---------- анимации ---------- */
@keyframes riseIn{from{opacity:0;transform:translateY(110%) rotate(4deg)}to{opacity:1;transform:none}}
@keyframes popIn{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
@keyframes slide{from{background-position:0 0}to{background-position:220% 0}}
@keyframes sheen{0%,65%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes wobble{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-5px)}}
@keyframes spin3d{0%{transform:rotateY(0)}45%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--acid) 70%,transparent)}70%{box-shadow:0 0 0 12px transparent}100%{box-shadow:0 0 0 0 transparent}}
@keyframes pulseSoft{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.06);opacity:1}}
@keyframes blink{50%{opacity:0}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes noiseShift{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-2%)}80%{transform:translate(3%,1%)}100%{transform:translate(0,0)}}
@keyframes float1{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(6vw,4vw,0) scale(1.14)}}
@keyframes float2{0%,100%{transform:translate3d(0,0,0) scale(1.06)}50%{transform:translate3d(-5vw,6vw,0) scale(.94)}}
@keyframes float3{0%,100%{transform:translate3d(0,0,0) scale(.96)}50%{transform:translate3d(4vw,-6vw,0) scale(1.12)}}
@keyframes targetGlow{0%,100%{box-shadow:0 0 0 1px var(--acid),0 12px 30px -16px var(--acid)}50%{box-shadow:0 0 0 2px var(--acid),0 18px 46px -14px var(--acid)}}
@keyframes mouseRun{0%{left:54%;top:60%}18%{left:76%;top:46%}36%{left:76%;top:46%}52%{left:82%;top:88%}72%{left:44%;top:74%}100%{left:54%;top:60%}}
@keyframes keyTap{0%,30%{transform:scale(1)}36%{transform:scale(.86) translateY(2px)}42%,100%{transform:scale(1)}}
@keyframes fly{0%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}100%{opacity:0;transform:translate(var(--dx,0),var(--dy,-160px)) rotate(var(--rot,60deg)) scale(1.6)}}

/* ---------- адаптив ---------- */
@media (max-width:1080px){
  .grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .econ{grid-template-columns:repeat(2,minmax(0,1fr))}
  .econ__text{grid-column:1/-1}
  .news{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .nav{flex-wrap:wrap;border-radius:26px;padding:10px 12px}
  .nav__side{margin-left:auto}
  .burger{display:block}
  .nav__links{order:3;flex-basis:100%;flex-direction:column;align-items:stretch;gap:2px;margin:6px 0 0;max-height:0;overflow:hidden;transition:max-height .4s var(--ease),opacity .3s var(--ease);opacity:0}
  .nav.is-open .nav__links{max-height:260px;opacity:1}
  .nav__link{padding:12px 14px;font-size:16px}
  .grid2,.grid3,.layers,.modes,.news,.card--wide{grid-template-columns:1fr}
  .econ{grid-template-columns:1fr}
  .win__body{grid-template-columns:1fr}
  .side{flex-direction:row;flex-wrap:wrap;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}
  .side__cap{flex-basis:100%;margin:6px 0 0}
  .side__item,.side__chat{flex:0 0 auto}
  .side__chat{width:auto}
  .side__meter,.side__cost{flex:0 0 auto}
  .panes{height:380px}
  .stk--2,.stk--4{display:none}
}
@media (max-width:640px){
  .hero__title{font-size:clamp(34px,11vw,54px)}
  .panes{height:440px}
  .chart__row{grid-template-columns:minmax(0,1fr) 1.4fr 40px}
  .chart__label{font-size:11.5px}
  .cmp__row{grid-template-columns:1fr 1fr;gap:10px}
  .cmp__row--head{display:none}
  .cmp__name{grid-column:1/-1;font-size:13.5px}
  .form{flex-direction:column}
  .stk{font-size:11px;padding:6px 11px}
  .perm{flex-direction:column;align-items:flex-start}
}

/* уважаем просьбу «меньше движения» */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.08s!important}
  .reveal{opacity:1;transform:none;filter:none}
}