*{box-sizing:border-box;margin:0;padding:0}
:root{--b1:#5B8EE1;--b2:#4f7fdc;--b3:#8db4ff;--ink:#0d0f1a}
body{font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.pg{display:none}.pg.on{display:block}
.wm{font-weight:800;letter-spacing:-.04em}.wm i{font-style:normal;color:var(--b1)}
.ic{display:inline-block;vertical-align:middle}
/* ---------- HOME (dark brand) ---------- */
.home{background:#0b0d17;color:#fff;min-height:100vh;overflow:hidden;position:relative}
.home::before{content:"";position:absolute;inset:-200px -100px auto;height:1100px;background:radial-gradient(40% 50% at 70% 35%,rgba(91,142,225,.38),transparent 70%),radial-gradient(35% 45% at 20% 10%,rgba(109,75,255,.30),transparent 70%),radial-gradient(30% 30% at 90% 80%,rgba(0,170,255,.18),transparent 70%);pointer-events:none}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px;position:relative}
.nav{display:flex;align-items:center;gap:34px;height:76px}
.logo{display:flex;align-items:center;gap:10px;font-size:25px}
.logo img{width:36px;height:36px;border-radius:10px}
.nav nav{display:flex;gap:28px;margin-left:24px;font-size:15px;font-weight:500;color:rgba(255,255,255,.72)}
.nav nav a.on{color:#fff}
.nav .r{margin-left:auto;display:flex;align-items:center;gap:14px}
.lang{font-size:14px;font-weight:600;color:rgba(255,255,255,.7);padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.06)}
.btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:14px;font-weight:650;font-size:15px;white-space:nowrap}
.btn.pri{background:linear-gradient(180deg,#6d9bf0,#4f7fdc);color:#fff;box-shadow:0 8px 24px rgba(79,127,220,.45),inset 0 1px 0 rgba(255,255,255,.3)}
.btn.gh{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.btn.big{height:54px;padding:0 26px;font-size:16.5px;border-radius:17px}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;padding:56px 0 40px;min-height:640px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 8px;border-radius:999px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);font-size:14px;font-weight:550;color:rgba(255,255,255,.85)}
.chip b{background:var(--b1);color:#fff;font-size:12px;padding:3px 9px;border-radius:999px}
.hero h1{font-size:64px;line-height:1.02;letter-spacing:-.035em;font-weight:800;margin:22px 0 20px}
.hero h1 span{background:linear-gradient(90deg,#8db4ff,#b79bff 60%,#ff8fc8);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{font-size:19px;line-height:1.55;color:rgba(255,255,255,.7);max-width:520px}
.cta{display:flex;gap:12px;margin-top:32px}
.note{margin-top:18px;font-size:14px;color:rgba(255,255,255,.5);display:flex;gap:18px}
.note span::before{content:"✓ ";color:#6fe09b;font-weight:700}
.phones{position:relative;height:620px}
.ph{position:absolute;width:280px;height:606px;border-radius:46px;padding:9px;background:linear-gradient(160deg,#3a3f52,#14161f);box-shadow:0 40px 80px rgba(0,0,0,.55),inset 0 0 0 1.5px rgba(255,255,255,.12)}
.ph img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:38px;display:block}
.ph.a{left:0;top:10px;transform:rotate(-6deg);z-index:2}
.ph.b{left:220px;top:40px;transform:rotate(5deg);opacity:.96}
.ph::after{content:"";position:absolute;top:18px;left:50%;transform:translateX(-50%);width:86px;height:26px;border-radius:14px;background:#000}
.sec{padding:80px 0}
.sh{text-align:center;margin-bottom:44px}
.sh h2{font-size:44px;letter-spacing:-.03em;font-weight:800}
.sh p{margin-top:12px;font-size:18px;color:rgba(255,255,255,.6)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{padding:26px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.card .ico{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;margin-bottom:18px;color:#fff}
.card h3{font-size:19px;font-weight:700;margin-bottom:8px}
.card p{font-size:15px;line-height:1.55;color:rgba(255,255,255,.62)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.big-card{padding:38px;border-radius:30px;position:relative;overflow:hidden;min-height:330px}
.big-card h3{font-size:30px;letter-spacing:-.02em;font-weight:800;margin-bottom:10px}
.big-card p{font-size:16px;line-height:1.55;color:rgba(255,255,255,.75);max-width:360px}
.big-card .lnk{display:inline-flex;margin-top:20px;font-weight:650;color:#fff;gap:6px}
.dl{display:flex;flex-direction:column;gap:10px;margin-top:22px}
.dl a{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:rgba(0,0,0,.25);font-weight:600;font-size:15px;width:330px}
.dl a small{display:block;font-weight:500;opacity:.6;font-size:12.5px}
.news{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.nw{border-radius:24px;overflow:hidden;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.nw .cv{height:170px;position:relative;overflow:hidden}
.nw .bd{padding:20px 22px 24px}
.nw time{font-size:13px;color:rgba(255,255,255,.5);font-weight:550}
.nw h4{font-size:18px;margin:8px 0 6px;font-weight:700;line-height:1.3}
.nw p{font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.6)}
.foot{border-top:1px solid rgba(255,255,255,.08);margin-top:40px;padding:48px 0 40px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;font-size:14.5px}
.foot h5{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:14px}
.foot a{display:block;color:rgba(255,255,255,.75);margin-bottom:10px}
.foot .cp{color:rgba(255,255,255,.45);margin-top:14px;line-height:1.6}

html{scroll-behavior:smooth}
body{background:#08090d}
:root{--disp:'Unbounded','Inter Display',Inter,system-ui,sans-serif}
.home{background:#08090d;overflow:visible;overflow-x:clip}
.home::before{display:none}
.nav{position:relative;z-index:3;height:84px}
.nav nav{margin-left:auto;gap:30px;color:rgba(255,255,255,.55)}
.nav nav a.on{color:#fff}
.nav .r{margin-left:22px}
.nav .r>.btn{display:none}
.lang{display:flex;align-items:center;gap:6px;background:none;padding:0;color:rgba(255,255,255,.8)}
.mb{display:none;width:40px;height:40px;border-radius:12px;place-items:center;background:rgba(255,255,255,.08)}

/* ---------- фон: плитки-«сообщения» лежат на наклонной плоскости и медленно плывут ---------- */
.bgx{position:absolute;left:0;right:0;top:0;height:100svh;min-height:680px;overflow:hidden;pointer-events:none;perspective:1200px}
.plane{position:absolute;left:50%;top:50%;width:2400px;height:1800px;margin:-900px 0 0 -1200px;transform:rotateX(52deg) rotateZ(-14deg) scale(1.05);transform-style:preserve-3d;animation:pl 60s ease-in-out infinite alternate}
@keyframes pl{to{transform:rotateX(52deg) rotateZ(-6deg) scale(1.12) translateY(-60px)}}
.tile{position:absolute;width:var(--s);height:var(--s);border-radius:calc(var(--s) * .14);background:linear-gradient(150deg,rgba(255,255,255,.14),rgba(255,255,255,.045));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 30px 60px rgba(0,0,0,.5);transform:rotate(var(--r));animation:fl var(--d) ease-in-out var(--dl) infinite alternate;padding:calc(var(--s) * .12)}
@keyframes fl{to{transform:rotate(calc(var(--r) + 8deg)) translate3d(var(--dx),var(--dy),40px)}}
.tile i{display:block;border-radius:99px;background:rgba(255,255,255,.16);height:calc(var(--s) * .07);margin-bottom:calc(var(--s) * .07)}
.tile i:nth-child(1){width:calc(var(--s) * .28);height:calc(var(--s) * .28);border-radius:50%;background:rgba(255,255,255,.2);margin-bottom:calc(var(--s) * .1)}
.tile i:nth-child(2){width:70%}.tile i:nth-child(3){width:52%}.tile i:nth-child(4){width:62%;background:rgba(141,180,255,.28)}
.tile.b{background:linear-gradient(150deg,rgba(120,160,255,.16),rgba(120,160,255,.04))}
.bgx::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 55% at 50% 48%,rgba(8,9,13,.5),rgba(8,9,13,.82) 80%),linear-gradient(180deg,rgba(8,9,13,.6),transparent 25%,transparent 70%,#08090d)}

/* ---------- центр ---------- */
.hx{position:relative;z-index:2;min-height:calc(100svh - 84px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 0 90px}
.hx-ic{width:76px;height:76px;border-radius:22px;box-shadow:0 18px 40px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.1)}
.hx h1{font-family:var(--disp);font-weight:800;font-size:92px;line-height:1.02;letter-spacing:-.035em;margin:34px 0 26px;display:flex;flex-direction:column;align-items:center}
html.nofont .hx h1,html.nofont .sh h2{font-weight:900;transform:scaleX(1.14)}
.rot{position:relative;display:block;height:1.1em;width:var(--rw,6em);transition:width .6s cubic-bezier(.2,.9,.25,1)}
.rot .w{position:absolute;left:50%;top:0;white-space:nowrap;transform:translate(-50%,60%);opacity:0;filter:blur(12px);transition:transform .8s cubic-bezier(.2,.9,.25,1),opacity .55s,filter .6s}
.rot .w i{font-style:normal;color:#5B8EE1}
.rot .w.on{transform:translate(-50%,0);opacity:1;filter:none}
.rot .w.out{transform:translate(-50%,-60%);opacity:0;filter:blur(12px)}
.hx .lead{font-size:18px;line-height:1.6;color:rgba(255,255,255,.62);max-width:560px}
.hx .cta{margin-top:34px;justify-content:center}
.pill{display:inline-flex;align-items:center;gap:12px;height:56px;padding:0 22px 0 12px;border-radius:999px;background:#fff;color:#0b0c12;font-weight:700;font-size:16.5px;box-shadow:0 14px 40px rgba(255,255,255,.12);transition:transform .25s cubic-bezier(.2,1.3,.3,1),box-shadow .25s}
.pill img{width:34px;height:34px;border-radius:10px}
.pill:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 18px 50px rgba(255,255,255,.2)}
.sub{margin-top:18px;font-size:14.5px;font-weight:600;color:rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:2px}

/* ---------- телефоны просто красиво стоят ---------- */
.show{position:relative;padding:40px 0 60px;overflow:hidden}
.show::before{content:"";position:absolute;left:50%;top:58%;width:900px;height:620px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(91,142,225,.22),transparent);pointer-events:none}
.fan2{--pw:280px;position:relative;height:calc(var(--pw) * 2.16 + 60px);display:flex;justify-content:center;perspective:1600px;margin-top:10px}
.ph2a{position:absolute;top:30px;width:var(--pw);height:calc(var(--pw) * 2.16);border-radius:calc(var(--pw) * .165);padding:calc(var(--pw) * .032);background:linear-gradient(160deg,#4a5068,#14161e 60%,#2b2f3e);box-shadow:0 50px 100px rgba(0,0,0,.65),inset 0 0 0 1.5px rgba(255,255,255,.16)}
.ph2a img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:calc(var(--pw) * .135);display:block}
.ph2a::after{content:"";position:absolute;top:calc(var(--pw) * .065);left:50%;transform:translateX(-50%);width:31%;height:calc(var(--pw) * .095);border-radius:99px;background:#000}
.s2{z-index:3;transform:translateZ(60px)}
.s1{z-index:1;transform:translateX(calc(var(--pw) * -.82)) translateY(40px) rotateY(24deg) rotateZ(-6deg) scale(.9);filter:brightness(.8)}
.s3{z-index:1;transform:translateX(calc(var(--pw) * .82)) translateY(40px) rotateY(-24deg) rotateZ(6deg) scale(.9);filter:brightness(.8)}

/* заголовки разделов тем же шрифтом */
.sh h2{font-family:var(--disp);font-weight:800;letter-spacing:-.03em;font-size:40px}
.big-card h3{font-family:var(--disp);font-weight:700;letter-spacing:-.02em;font-size:26px}
.card,.nw{background:rgba(255,255,255,.035)}
.big-card[style*="4f7fdc"]{background:linear-gradient(150deg,#1b2a52,#141a33 60%,#11131d)!important;box-shadow:inset 0 0 0 1px rgba(141,180,255,.18)}
.rv{opacity:0;transform:translateY(24px);transition:opacity .9s,transform .9s cubic-bezier(.2,.9,.25,1)}
.rv.in{opacity:1;transform:none}
.fan2.rv{transform:translateY(60px) scale(.96)}.fan2.rv.in{transform:none}
.hx .rv:nth-child(2){transition-delay:.08s}.hx .rv:nth-child(3){transition-delay:.18s}.hx .rv:nth-child(4){transition-delay:.28s}.hx .rv:nth-child(5){transition-delay:.36s}
.foot{grid-template-columns:1.4fr 1fr 1fr 1fr}

@media (max-width:600px){
 .wrap{padding:0 18px}
 .nav{height:64px}.nav nav,.lang{display:none}.nav .r .mb{display:grid}.nav .r{margin-left:auto}
 .hx{min-height:calc(100svh - 64px);padding:10px 0 70px}
 .hx-ic{width:64px;height:64px;border-radius:19px}
 .hx h1{font-size:44px;margin:26px 0 18px}
 .hx .lead{font-size:16px}
 .plane{transform:rotateX(52deg) rotateZ(-14deg) scale(.62)}
 @keyframes pl{to{transform:rotateX(52deg) rotateZ(-6deg) scale(.76) translateY(-40px)}}
 .fan2{--pw:200px}
 .s1{transform:translateX(calc(var(--pw) * -.62)) translateY(34px) rotateY(24deg) rotateZ(-6deg) scale(.86)}
 .s3{transform:translateX(calc(var(--pw) * .62)) translateY(34px) rotateY(-24deg) rotateZ(6deg) scale(.86)}
 .sec{padding:50px 0}.sh h2{font-size:28px}.sh p{font-size:15.5px}
 .grid,.news,.split{grid-template-columns:1fr}
 .big-card{padding:28px;min-height:0}.big-card h3{font-size:22px}.dl a{width:100%}
 .foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:1/-1}
 .sh[style]{flex-direction:column;align-items:flex-start!important;gap:14px}.sh[style] .btn{margin-left:0!important}
}
@media (prefers-reduced-motion:reduce){.plane,.tile{animation:none}.rv{opacity:1;transform:none}}

/* ===== v3: возможности — «бенто» в стиле главного экрана ===== */
.bh{text-align:center;margin-bottom:46px}
.bh h2{font-family:var(--disp);font-weight:800;font-size:56px;line-height:1.05;letter-spacing:-.035em}
.bh h2 i{font-style:normal;color:#5B8EE1}
.bh h2 span{color:rgba(255,255,255,.35)}
html.nofont .bh h2,html.nofont .inst h2,html.nofont .docx h2{font-weight:900}
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bx{position:relative;overflow:hidden;border-radius:30px;padding:30px;min-height:330px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;
  background:#0d0e14;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);transition:box-shadow .3s,transform .35s cubic-bezier(.2,1.2,.3,1)}
.bx::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(141,180,255,.10),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}
.bx:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}.bx:hover::before{opacity:1}
.b-voice,.b-stk,.b-theme{grid-column:span 2}
.bx-t{position:relative;z-index:1;max-width:420px}
.bx small{font:600 12.5px/1 'JetBrains Mono',ui-monospace,monospace;color:rgba(255,255,255,.35);letter-spacing:.08em}
.bx h3{font-family:var(--disp);font-weight:700;font-size:23px;letter-spacing:-.02em;margin:14px 0 8px;line-height:1.2}
.bx p{font-size:15px;line-height:1.55;color:rgba(255,255,255,.55)}
.vis{position:relative;z-index:1}
/* голосовые */
.v-voice{display:flex;align-items:center;gap:20px}
.vn{position:relative;flex:none;width:104px;height:104px;border-radius:50%;padding:4px;background:conic-gradient(#5B8EE1 0 0,#5B8EE1 var(--p,70%),rgba(255,255,255,.1) 0);animation:vnp 6s linear infinite}
@property --p{syntax:'<percentage>';inherits:false;initial-value:0%}
@keyframes vnp{from{--p:0%}to{--p:100%}}
.vn i{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3b4363,#151826 70%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.wave{flex:1;display:flex;align-items:center;gap:4px;height:64px;padding:0 18px;border-radius:22px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.wave b{flex:1;max-width:6px;border-radius:3px;background:#fff;height:20%;animation:wv 1.2s ease-in-out infinite alternate}
.wave b:nth-child(3n){animation-duration:.9s}.wave b:nth-child(4n+1){animation-duration:1.5s}.wave b:nth-child(5n+2){animation-duration:.7s}
.wave b:nth-child(n+16){background:rgba(255,255,255,.3)}
.wave b:nth-child(2n){animation-delay:-.4s}.wave b:nth-child(3n+1){animation-delay:-.8s}
@keyframes wv{from{height:16%}to{height:85%}}
.dur{font:600 14px 'JetBrains Mono',ui-monospace,monospace;color:rgba(255,255,255,.5)}
/* каналы */
.v-chan{display:flex;flex-direction:column;gap:10px}
.post{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.post.p2{opacity:.45;transform:scale(.94);margin-top:-4px}
.pa{width:38px;height:38px;border-radius:50%;flex:none;background:linear-gradient(160deg,#ff5fa2,#c03bd6)}
.pl{flex:1;min-width:0}.pl b{display:flex;align-items:center;gap:5px;font-size:14px;margin-bottom:7px}
.pl i{display:block;height:7px;border-radius:4px;background:rgba(255,255,255,.18);margin-top:6px;width:85%}.pl i+i{width:55%}
.pv{font-size:12px;color:rgba(255,255,255,.45);align-self:flex-end}
/* звонки */
.v-call{height:120px;display:grid;place-items:center}
.ring{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;box-shadow:0 0 0 1.5px rgba(48,194,107,.6);animation:rg 2.4s cubic-bezier(.2,.6,.3,1) infinite}
.ring.r2{animation-delay:.8s}.ring.r3{animation-delay:1.6s}
@keyframes rg{from{transform:scale(1);opacity:1}to{transform:scale(2.4);opacity:0}}
.cb{position:relative;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(160deg,#3dd68c,#12a56a);box-shadow:0 14px 34px rgba(18,165,106,.45)}
/* код-пароль */
.v-lock{display:flex;gap:16px;justify-content:flex-start;padding:24px 0}
.v-lock span{width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 0 18px rgba(255,255,255,.35)}
.v-lock span.e{background:none;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35);animation:pin 1.4s ease-in-out infinite}
@keyframes pin{50%{box-shadow:inset 0 0 0 2px #fff,0 0 18px rgba(255,255,255,.3)}}
/* стикеры и реакции */
.v-stk{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.bub{padding:14px 18px;border-radius:22px 22px 22px 8px;background:linear-gradient(180deg,#6d9bf0,#4f7fdc);font-size:16px;font-weight:600;box-shadow:0 12px 30px rgba(79,127,220,.35)}
.rx{display:flex;gap:6px;padding:6px;border-radius:999px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.rx i{font-style:normal;width:40px;height:40px;display:grid;place-items:center;font-size:22px;border-radius:50%;animation:rp 3.2s cubic-bezier(.2,1.4,.3,1) infinite}
.rx i:nth-child(2){animation-delay:.25s}.rx i:nth-child(3){animation-delay:.5s}.rx i:nth-child(4){animation-delay:.75s}
@keyframes rp{0%,60%,100%{transform:none}12%{transform:translateY(-8px) scale(1.25)}24%{transform:none}}
/* темы */
.v-theme{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.v-theme span{width:44px;height:44px;border-radius:50%;background:var(--c);box-shadow:0 0 0 4px #0d0e14,0 0 0 5px rgba(255,255,255,.12)}
.v-theme span:first-child{box-shadow:0 0 0 4px #0d0e14,0 0 0 6px #fff}
.v-theme em{font-style:normal;margin-left:10px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.07);font-weight:650;font-size:14.5px;color:rgba(255,255,255,.8)}
.b-stk,.b-theme{flex-direction:row;align-items:center}
.b-stk .bx-t,.b-theme .bx-t{max-width:300px}
.b-stk .vis,.b-theme .vis{margin-left:auto}

/* ===== установка ===== */
.ix{padding-top:30px}
.kick{display:inline-block;font:600 12.5px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:#8db4ff;margin-bottom:18px}
.inst,.docx{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:56px;border-radius:36px;background:#0d0e14;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.inst::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 0% 0%,rgba(91,142,225,.18),transparent 60%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/100% 44px,linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/44px 100%;-webkit-mask:linear-gradient(120deg,#000,transparent 75%);mask:linear-gradient(120deg,#000,transparent 75%);pointer-events:none}
.inst>*,.docx>*{position:relative}
.inst h2,.docx h2{font-family:var(--disp);font-weight:800;font-size:46px;line-height:1.06;letter-spacing:-.035em}
.inst h2 span{color:#5B8EE1}
.docx h2 i{font-style:normal;color:#5B8EE1}
.inst p,.docx p{margin-top:16px;font-size:16.5px;line-height:1.6;color:rgba(255,255,255,.58);max-width:440px}
.seg{position:relative;display:inline-flex;margin-top:28px;padding:5px;border-radius:999px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.seg button{position:relative;z-index:1;border:0;background:none;color:rgba(255,255,255,.6);font:650 15px Inter;height:42px;padding:0 24px;border-radius:999px;cursor:pointer;transition:color .3s}
.seg button.on{color:#0b0c12}
.seg i{position:absolute;top:5px;left:5px;height:42px;width:var(--w,100px);border-radius:999px;background:#fff;transform:translateX(var(--x,0));transition:transform .45s cubic-bezier(.2,1.1,.3,1),width .45s}
.st3{list-style:none;display:flex;flex-direction:column;gap:12px}
.st3 li{display:flex;align-items:center;gap:20px;padding:20px 22px;border-radius:22px;background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);font-size:16.5px;color:rgba(255,255,255,.75);animation:sti .6s cubic-bezier(.2,.9,.25,1) both}
.st3 li:nth-child(2){animation-delay:.07s}.st3 li:nth-child(3){animation-delay:.14s}
@keyframes sti{from{opacity:0;transform:translateX(18px)}}
.st3 b{font-family:var(--disp);font-weight:800;font-size:30px;width:36px;color:#fff;flex:none}
.st3 em{font-style:normal;color:#fff;font-weight:650}
/* ===== документация ===== */
.docx{margin-top:16px;grid-template-columns:.9fr 1.1fr}
.docx::before{content:"";position:absolute;right:-120px;top:-160px;width:560px;height:560px;border-radius:50%;background:radial-gradient(closest-side,rgba(141,120,255,.18),transparent);pointer-events:none}
.pill.dk{margin-top:28px}
.dsr{display:flex;align-items:center;gap:12px;height:58px;padding:0 20px;border-radius:18px;background:#fff;color:#0b0c12;font-size:16.5px;font-weight:600;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.dsr svg{color:#868ba0}
.crt{width:2px;height:22px;background:#3f73d8;animation:blink 1s steps(1) infinite;margin-left:-8px}
@keyframes blink{50%{opacity:0}}
.dl2{margin-top:12px;border-radius:22px;background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);overflow:hidden}
.dl2 a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 16px;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.06);transition:background .25s}
.dl2 a:last-child{border-bottom:0}
.dl2 a:hover{background:rgba(255,255,255,.04)}
.dl2 b{font-weight:700;font-size:16px}.dl2 span{font-size:14px;color:rgba(255,255,255,.45)}
.dl2 em{font-style:normal;color:rgba(255,255,255,.4);font-size:18px;transition:transform .25s}
.dl2 a:hover em{transform:translateX(4px);color:#fff}
@media (max-width:900px){
 .bento{grid-template-columns:1fr}.b-voice,.b-stk,.b-theme{grid-column:auto}
 .b-stk,.b-theme{flex-direction:column;align-items:stretch}.b-stk .vis,.b-theme .vis{margin-left:0}
 .bx{min-height:0;padding:26px;gap:26px}
 .bh h2{font-size:34px}.bh{margin-bottom:28px}
 .inst,.docx{grid-template-columns:1fr;padding:30px 24px;gap:28px;border-radius:30px}
 .inst h2,.docx h2{font-size:32px}
 .st3 li{padding:16px 18px;gap:16px;font-size:15.5px}.st3 b{font-size:24px;width:26px}
 .dl2 a{grid-template-columns:1fr auto}.dl2 span{grid-column:1;grid-row:2}.dl2 em{grid-row:1/3;grid-column:2}
 .wave{padding:0 12px;gap:3px}.vn{width:84px;height:84px}
}
.st3[hidden]{display:none}

/* ===== v4: возможности — живые скрины Lumo, телефон закреплён справа ===== */
.bh .kick{display:block;margin-bottom:16px}
.sc{display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:start}
.sc-i{min-height:72vh;display:flex;flex-direction:column;justify-content:center;opacity:.22;transition:opacity .5s;padding:20px 0}
.sc-i.on{opacity:1}
.sc-i small{font:600 13px/1 'JetBrains Mono',ui-monospace,monospace;color:#8db4ff;letter-spacing:.08em}
.sc-i h3{font-family:var(--disp);font-weight:800;font-size:58px;line-height:1.04;letter-spacing:-.04em;margin:16px 0 18px}
html.nofont .sc-i h3{font-weight:900}
.sc-i p{font-size:19px;line-height:1.6;color:rgba(255,255,255,.62);max-width:500px}
.tg{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.tg span{padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);font-size:14px;font-weight:600;color:rgba(255,255,255,.8)}
.sc-m{display:none}
.sc-r{position:sticky;top:calc(50vh - 340px);display:flex;flex-direction:column;align-items:center}
.sc-ph{position:relative;width:315px;height:680px;border-radius:52px;padding:10px;background:linear-gradient(160deg,#4a5068,#14161e 60%,#2b2f3e);box-shadow:0 60px 120px rgba(0,0,0,.7),0 0 0 1px rgba(0,0,0,.6),inset 0 0 0 1.5px rgba(255,255,255,.16)}
.sc-ph::before{content:"";position:absolute;inset:-80px;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(91,142,225,.25),transparent);pointer-events:none}
.sc-ph::after{content:"";position:absolute;top:21px;left:50%;transform:translateX(-50%);width:96px;height:29px;border-radius:99px;background:#000;z-index:3}
.scr{position:relative;width:100%;height:100%;border-radius:43px;overflow:hidden;background:#000}
.scr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transform:scale(1.04);transition:opacity .6s,transform .9s cubic-bezier(.2,.9,.25,1)}
.scr img.on{opacity:1;transform:none}
.sc-dots{display:flex;gap:7px;margin-top:26px}
.sc-dots i{width:7px;height:7px;border-radius:99px;background:rgba(255,255,255,.2);transition:width .4s,background .4s}
.sc-dots i.on{width:26px;background:#fff}

/* ===== новости ===== */
.nh{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:34px}
.nh h2{font-family:var(--disp);font-weight:800;font-size:56px;line-height:1.05;letter-spacing:-.035em}
.nh h2 i{font-style:normal;color:#5B8EE1}
html.nofont .nh h2{font-weight:900}
.pill.gh2{background:rgba(255,255,255,.07);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);padding:0 22px;height:50px}
.ng{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:16px}
.nc{position:relative;display:grid;grid-template-columns:200px 1fr;gap:0;border-radius:30px;overflow:hidden;background:#0d0e14;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);transition:box-shadow .3s,transform .35s cubic-bezier(.2,1.2,.3,1)}
.nc:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);transform:translateY(-3px)}
.nc.big{grid-row:span 2;grid-template-columns:1fr;grid-template-rows:1fr auto}
.nc-i{position:relative;overflow:hidden;background:#000}
.nc-i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s cubic-bezier(.2,.9,.25,1)}
.nc:hover .nc-i img{transform:scale(1.04)}
.nc-i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#0d0e14)}
.nc.big .nc-i{min-height:330px}
.nc.big .nc-i::after{background:linear-gradient(180deg,transparent 50%,#0d0e14)}
.nc-b{position:relative;padding:28px 30px 30px}
.nc time{font:600 12.5px/1 'JetBrains Mono',ui-monospace,monospace;color:rgba(255,255,255,.4);letter-spacing:.06em;text-transform:uppercase}
.nc h3{font-family:var(--disp);font-weight:700;font-size:22px;letter-spacing:-.02em;margin:12px 0 8px;line-height:1.2}
.nc.big h3{font-size:32px}
.nc p{font-size:15px;line-height:1.55;color:rgba(255,255,255,.55)}
.nc .more{display:inline-block;margin-top:16px;font-weight:700;font-size:15px}
.nc .nc-b{display:flex;flex-direction:column;justify-content:center}

@media (max-width:900px){
 .sc{grid-template-columns:1fr;gap:0}.sc-r{display:none}
 .sc-i{min-height:0;opacity:1;padding:0 0 56px}
 .sc-i h3{font-size:34px;margin:12px 0 12px}.sc-i p{font-size:16px}
 .sc-m{display:block;width:240px;margin:28px auto 0;border-radius:34px;border:8px solid #1c1f2a;box-shadow:0 30px 60px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.12);aspect-ratio:390/844;object-fit:cover;object-position:top}
 .nh{flex-direction:column;align-items:flex-start}.nh h2{font-size:34px}
 .ng{grid-template-columns:1fr;grid-template-rows:none}.nc.big{grid-row:auto}
 .nc{grid-template-columns:1fr;grid-template-rows:200px auto}.nc-i::after{background:linear-gradient(180deg,transparent 50%,#0d0e14)}
 .nc.big .nc-i{min-height:240px}.nc.big h3{font-size:26px}
}

.nav .r>.btn.go{display:inline-flex;height:40px;padding:0 18px;border-radius:999px;background:#fff;color:#0b0c12;font-weight:700;font-size:14.5px;box-shadow:none;margin-left:6px}
.nav nav a{transition:color .2s}.nav nav a:hover{color:#fff}
.soon{display:inline-flex;align-items:center;gap:6px;cursor:default}
.soon em{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.04em;padding:2px 7px;border-radius:6px;background:rgba(141,180,255,.16);color:#8db4ff}
.pill.off{background:rgba(255,255,255,.08);color:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);cursor:default}
.pill.off:hover{transform:none}
.dl2 a{cursor:default}
.foot a{transition:color .2s}.foot a:hover{color:#fff}
@media (max-width:600px){.nav .r>.btn.go{display:inline-flex;height:38px;padding:0 16px}.nav .r .mb{display:none!important}}